⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.91
Server IP:
157.245.101.34
Server:
Linux skvinfotech-website 5.4.0-131-generic #147-Ubuntu SMP Fri Oct 14 17:07:22 UTC 2022 x86_64
Server Software:
Apache/2.4.41 (Ubuntu)
PHP Version:
7.4.33
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
var
/
www
/
skvcomputers.com
/
css
/
View File Name :
orange.css
@charset "UTF-8"; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /******************************************* *** SO Framework: Sass *** *******************************************/ /* [2] */ /* [8] */ /*=============================================== [SASS DIRECTORY ] [1] Minxin Link [2] Minxin Button [3] Minxin Triangle [4] Minxin LABEL PRODUCT [5] Minxin Scrollbars [6] Minxin Dev Custom ==============================================*/ .no-margin { margin: 0 !important; } /*Dev Custom */ .lib-list-item-product2 { border: none; } .lib-list-item-product2 .image-dev .list-button-dev { position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); } .lib-list-item-product2 .image-dev .list-button-dev li { display: inline-block; float: left; height: 40px; width: 40px; background: #fff; position: relative; border-width: 0 1px 0 0; border-style: solid; border-color: #ddd; opacity: 0; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; } .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(1) { transform: translateX(40px); -moz-transform: translateX(40px); -webkit-transform: translateX(40px); -ms-transform: translateX(40px); z-index: 1; transition-delay: 0s; } .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(2) { transition-delay: 0.2s; z-index: 2; } .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(3) { transition-delay: 0.2s; z-index: 2; } .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(4) { transform: translateX(-40px); -moz-transform: translateX(-40px); -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); z-index: 1; transition-delay: 0s; } .lib-list-item-product2 .image-dev .list-button-dev li:first-child { border-left: 1px solid #ddd; } .lib-list-item-product2 .image-dev .list-button-dev li a, .lib-list-item-product2 .image-dev .list-button-dev li button { background: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; line-height: 40px; text-align: center; box-shadow: none; border: none; color: #555; width: 40px; padding: 0; } .lib-list-item-product2 .image-dev .list-button-dev li:hover { background: #ff5c00; } .lib-list-item-product2 .image-dev .list-button-dev li:hover a, .lib-list-item-product2 .image-dev .list-button-dev li:hover button { color: #fff; } .lib-list-item-product2 .caption-dev { text-align: center; padding: 0 15px; } .lib-list-item-product2 .caption-dev .rating-dev { margin: 5px 0; } .lib-list-item-product2 .caption-dev .rating-dev .fa-stack-2x { font-size: 11px; } .lib-list-item-product2 .caption-dev .title-dev { color: #444; font-size: 13px; } .lib-list-item-product2 .caption-dev .price-dev .price.product-price { font-size: 16px; } .lib-list-item-product2 .caption-dev .price-dev .price-new { font-size: 16px; } .lib-list-item-product2 .caption-dev .price-dev .price-old { font-size: 12px; } .lib-list-item-product2 .caption-dev .add-cart-dev { background: #fff; border: 1px solid #ddd; font-size: 12px; text-transform: uppercase; color: #999; font-weight: bold; box-shadow: none; border-radius: 0; padding: 6px 20px; margin: 0 0 30px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .lib-list-item-product-over2 .image-dev .list-button-dev li { opacity: 1; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; } .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(1) { transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transition-delay: 0.2s; } .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(2) { transition-delay: 0s; } .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(3) { transition-delay: 0s; } .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(4) { transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transition-delay: 0.2s; } /*EFECT PRODUCT NUMBER*/ .lib-two-img, .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image .lt-image, .products-list .product-layout .product-item-container .left-block .product-image-container.second_img { position: relative; display: block; } .lib-two-img .img-1, .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image .lt-image .img-1, .products-list .product-layout .product-item-container .left-block .product-image-container.second_img .img-1 { position: relative; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); transition: all 0.5s ease-in-out; } .lib-two-img .img-2, .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image .lt-image .img-2, .products-list .product-layout .product-item-container .left-block .product-image-container.second_img .img-2 { position: absolute; z-index: 0; top: 0; opacity: 0; width: 100%; display: block; /*@include transform(rotateY(90deg));*/ transition: all 0.5s ease-in-out; left: 0; } .lib-two-img-over .img-1, .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1:hover .media-left .item-image .lt-image .img-1 { opacity: 0; transform-style: inherit; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); transition: all 0.5s ease-in-out; } .lib-two-img-over .img-2, .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1:hover .media-left .item-image .lt-image .img-2 { opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); transition: all 0.5s ease-in-out; } /*EFFECT SLIDERHOME*/ @keyframes myeffect-slideshow { 0% { opacity: 0; transform: translateY(-300px); -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -ms-transform: translateY(-300px); -o-transform: translateY(-300px); } 100% { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } @-webkit-keyframes myeffect-slideshow { 0% { opacity: 0; transform: translateY(-300px); -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -ms-transform: translateY(-300px); -o-transform: translateY(-300px); } 100% { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } @-moz-keyframes myeffect-slideshow { 0% { opacity: 0; transform: translateY(-300px); -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -ms-transform: translateY(-300px); -o-transform: translateY(-300px); } 100% { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } /*EFFECT SLIDERHOME 2*/ @keyframes myeffect2-slideshow { 0% { opacity: 0; transform: translateY(-100px); -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); } 100% { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } @-webkit-keyframes myeffect2-slideshow { 0% { opacity: 0; transform: translateX(-100px); -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); } 100% { opacity: 1; transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } } @-moz-keyframes myeffect2-slideshow { 0% { opacity: 0; transform: translateX(-100px); -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); } 100% { opacity: 1; transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } } /*=============================================== [SASS DIRECTORY ] [1] BACK TO TOP [2] SOCIAL ACCOUNTS [3] TOP PANEL [4] LARY LOADER [5] NO RESPONSIVE BOOTSTRAP [6] PRELOADING SCREEN [7] BANNER EFFECT [8] POPUP ADDED TO CART [9] PAGE COMINGSOON ==============================================*/ /*============BACK TO TOP ==================*/ .back-to-top { cursor: pointer; background-color: #777; width: 45px; bottom: 35px; right: 10px; min-height: 42px; overflow: hidden; z-index: 40; position: fixed; display: block; text-align: center; border-radius: 3px; opacity: 1; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .back-to-top.hidden-top { bottom: -100px; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .back-to-top:hover { background-color: #ff5c00; } .back-to-top i { font-size: 36px; margin: 1px 0 0 0 !important; color: #fff; display: inline-block; } /*============SOCIAL ACCOUNTS ==================*/ .social-widgets { overflow: visible; position: fixed; z-index: 999; top: 50%; height: 0; width: 0; } .social-widgets.socialwidgets-left { left: 0; } .social-widgets.socialwidgets-right { right: 0; } .socialwidgets-left .item { right: 0px; } .socialwidgets-left .active { z-index: 100; right: -310px; } .socialwidgets-left .tab-icon { right: -45px; } .socialwidgets-left .facebook.active { right: -260px; } .socialwidgets-left .twitter.active { right: -300px; } .socialwidgets-left .youtube.active { right: -450px; } .socialwidgets-right .item { left: 0px; } .socialwidgets-right .active { z-index: 100; left: -310px; } .socialwidgets-right .tab-icon { left: -45px; } .socialwidgets-right .facebook.active { left: -260px; } .socialwidgets-right .twitter.active { left: -300px; } .socialwidgets-right .youtube.active { left: -450px; } .social-widgets .item, .social-widgets .items { margin: 0; padding: 0; list-style-type: none; } .social-widgets .items { top: -100px; position: relative; } .social-widgets .item { position: absolute; top: 0; } .social-widgets .item-01 { top: 0; z-index: 99; } .social-widgets .item-02 { top: 45px; z-index: 98; } .social-widgets .item-03 { top: 90px; z-index: 97; } .social-widgets .tab-icon .fa { font-size: 18px; line-height: 45px; } .social-widgets .tab-icon { position: absolute; top: 0; display: block; width: 45px; height: 45px; background: #fff; text-align: center; font-size: 1.54em; } .social-widgets .tab-icon:hover { text-decoration: none; } .social-widgets .active .tab-icon { border-color: #e9e9e9; background: #fff; } .social-widgets .facebook .tab-icon { background: #3b5998; background-clip: content-box; color: white; } .social-widgets .twitter .tab-icon { background: #07779a; background-clip: content-box; color: white; } .social-widgets .youtube .tab-icon { background: #da2723; background-clip: content-box; color: white; } .social-widgets .tab-content { background: #fff; width: 310px; padding: 10px; } .social-widgets .active .tab-content { box-shadow: 0 0 4px rgba(0, 0, 0, .15); } .social-widgets .title { margin: -10px -10px 10px; padding: 0px 10px; background-color: #ccc; text-transform: uppercase; line-height: 45px; color: #000; font-weight: bold; } .social-widgets .title h5 { line-height: 45px; margin: 0; } .social-widgets .facebook .tab-content { width: 260px; } .social-widgets .twitter .tab-content { width: 300px; } .social-widgets .twitter-widget { padding-top: 10px; } .social-widgets .youtube .tab-content { width: 450px; } .social-widgets .youtube .tab-content iframe { width: 100%; } .social-widgets .loading { min-height: 200px; position: relative; z-index: 100; } .social-widgets .loading img.ajaxloader { position: absolute; top: 45%; left: 45%; width: 32px; height: 32px; } /*============TOP PANEL ==================*/ .wrapper-boxed header.navbar-compact { width: auto; } header.navbar-compact { position: fixed; width: 100%; z-index: 999; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); } header.navbar-compact .hidden-compact { display: none; } header.navbar-compact .header-center { padding: 15px 0; } /*============LARY LOADER ==================*/ .lazy { display: block; overflow: hidden; background: transparent url(../../images/lazy-loader.gif) no-repeat center center; } @media (min-width: 1200px) { .lazy.lazy-loaded { background: none; height: auto; } .lazy img { transition: 1s all ease; opacity: 0; -webkit-backface-visibility: hidden; display: inline-block; } .lazy.lazy-loaded img { opacity: 1; } } /*============NONE RESPONSIVE BOOTSTRAP ==================*/ @media (min-width: 1200px) { .wrapper-fluid .fluid-sidebar { width: 83%; } .wrapper-fluid .fluid-allsidebar { width: 66%; } .wrapper-fluid .content-aside { width: 16.66667%; } } @media (min-width: 1200px) { .wrapper-boxed { max-width: 1200px; margin: 0 auto; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2); } .wrapper-full .container { width: 1200px; } .wrapper-full .products-list .product-grid-5 .product-card__gallery, .wrapper-full .products-list .product-grid-5 .countdown_box, .wrapper-full .products-list .product-grid-5 .order-num { display: none; } .wrapper-fluid .container { max-width: 1650px; padding: 0; width: 93%; } } @media (min-width: 1200px) and (min-width: 1200px) { .wrapper-full .products-list .product-grid-5:nth-child(5n+1) { clear: both !important; } } /*============@group Banners hover effect ==================*/ .banners-effect-1 .banners > div img { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .banners-effect-1 .banners > div img:hover { opacity: 0.8; } .banners-effect-2 .banners > div a { display: block; position: relative; overflow: hidden; } .banners-effect-2 .banners > div a:hover:before, .banners-effect-2 .banners > div a:hover:after { left: 0; opacity: 1; } .banners-effect-2 .banners > div a:before, .banners-effect-2 .banners > div a:after { background-color: rgba(255, 255, 255, 0.4); display: block; width: 100%; height: 100%; left: -100%; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; content: ""; z-index: 1; } .banners-effect-3 .banners > div a { display: block; position: relative; overflow: hidden; } .banners-effect-3 .banners > div a:hover:before, .banners-effect-3 .banners > div a:hover:after { border: 0 solid rgba(0, 0, 0, 0.7); opacity: 0; filter: alpha(opacity=0); } .banners-effect-3 .banners > div a:before, .banners-effect-3 .banners > div a:after { border: 50px solid transparent; border-top-right-radius: 50px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; box-sizing: border-box; cursor: pointer; display: inline-block; left: 0; right: 0; bottom: 0; margin: auto; position: absolute; top: 0; content: ""; opacity: 1; filter: alpha(opacity=100); width: 100px; height: 100px; -webkit-transform: scale(7); -moz-transform: scale(7); -ms-transform: scale(7); -o-transform: scale(7); transform: scale(7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; visibility: visible; z-index: 1; } .banners-effect-4 .row-no-padding a, .banners-effect-4 .banners > div a { display: block; position: relative; overflow: hidden; } .banners-effect-4 .row-no-padding a:before, .banners-effect-4 .banners > div a:before { border-bottom: 50px solid rgba(255, 255, 255, 0.4); border-top: 50px solid rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; transform-origin: 50% 50% 0; width: 100%; } .banners-effect-4 .row-no-padding a:hover:before, .banners-effect-4 .banners > div a:hover:before { opacity: 1; filter: alpha(opacity=100); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1); -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1); -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1); -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1); -ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1); } .banners-effect-5 .banners > div a { display: block; position: relative; overflow: hidden; } .banners-effect-5 .banners > div a:before { content: ""; height: 100%; width: 100%; position: absolute; border: 70px solid rgba(255, 255, 255, 0); top: 0; left: 0; transition: all 0.5s ease-in-out; } .banners-effect-5 .banners > div a:after { content: ""; height: 100%; width: 100%; position: absolute; opacity: 0.5; border: 30px solid #fff; top: 0; left: 0; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); transition: all 0.5s ease-in-out; } .banners-effect-5 .banners > div a:hover:before { border: 0 solid rgba(255, 255, 255, 0.7); } .banners-effect-5 .banners > div a:hover:after { transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); opacity: 0; transition-delay: 0.1s; } .banners-effect-6 .banners > div a { display: inline-block; position: relative; overflow: hidden; background: #000; vertical-align: top; } .banners-effect-6 .banners > div a img { backface-visibility: hidden; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s ease 0s, transform 1s ease 0s; -o-transition: opacity 1s ease 0s, transform 1s ease 0s; transition: opacity 1s ease 0s, transform 1s ease 0s; } .banners-effect-6 .banners > div a:hover img { opacity: 0.8; filter: alpha(opacity=80); transform: scale3d(1.1, 1.1, 1); } .banners-effect-7 .banners > div a { display: block; position: relative; overflow: hidden; } .banners-effect-7 .banners > div a:before { position: absolute; background: rgba(0, 0, 0, 0.3); width: 0; top: 0; left: 50%; content: ""; transition: all 0.3s ease-in-out 0s; } .banners-effect-7 .banners > div a:hover:before { width: 100%; left: 0; top: 0; height: 100%; } .banners-effect-8 .banners > div a { display: inline-block; position: relative; overflow: hidden; background: #000; vertical-align: top; } .banners-effect-8 .banners > div a:before, .banners-effect-8 .banners > div a:after { bottom: 20px; content: ""; left: 20px; opacity: 0; position: absolute; right: 20px; top: 20px; -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; z-index: 1; } .banners-effect-8 .banners > div a:before { border-bottom: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); } .banners-effect-8 .banners > div a:after { border-left: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); } .banners-effect-8 .banners > div img { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.35s ease 0s; -o-transition: opacity 0.35s ease 0s; transition: opacity 0.35s ease 0s; } .banners-effect-8 .banners > div a:hover:before, .banners-effect-8 .banners > div a:hover:after { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .banners-effect-8 .banners > div a:hover img { opacity: 0.5; filter: alpha(opacity=50); } .banners-effect-9 .banners > div a { display: block; position: relative; z-index: 10; } .banners-effect-9 .banners > div a:before { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: #000; content: ''; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2); opacity: 0; } .banners-effect-9 .banners > div a:hover:before { opacity: 1; } .banners-effect-9 .banners > div a img { opacity: 1; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: perspective(1000px) translate3d(0, 0, 0); transform: perspective(1000px) translate3d(0, 0, 0); } .banners-effect-9 .banners > div a:hover img { -webkit-transform: perspective(1000px) translate3d(0, 0, 21px); transform: perspective(1000px) translate3d(0, 0, 21px); } .banners-effect-10 .banners > div a { display: block; position: relative; overflow: hidden; } .banners-effect-10 .banners > div a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 75%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .banners-effect-10 .banners > div a:hover:before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .banners-effect-11 .banners > div a { display: block; position: relative; overflow: hidden; } .banners-effect-11 .banners > div a:hover:before, .banners-effect-11 .banners > div a:hover:after { width: 100%; height: 100%; } .banners-effect-11 .banners > div a:before, .banners-effect-11 .banners > div a:after { background-color: rgba(0, 0, 0, 0.15); content: ""; height: 0; left: 0; margin: auto; position: absolute; width: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .banners-effect-11 .banners > div a:after { left: auto; right: 0; bottom: 0; } .banners-effect-12 .banners > div img { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .banners-effect-12 .banners > div img:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); } /*============POPUP ADDED TO CART ==================*/ body > .alert { position: fixed; z-index: 10004; top: 0; left: 0; width: 100%; -webkit-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99); -moz-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99); animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99); } body > .alert .alert { position: absolute; left: 0; right: 0; top: 100%; } body > .alert .alert.fadeOut { top: -100%; } @-webkit-keyframes alert-anim { 0% { top: -100%; } 60% { top: 0; } 100% { top: 0; } } @-moz-keyframes alert-anim { 0% { top: -100%; } 60% { top: 0; } 100% { top: 0; } } @keyframes alert-anim { 0% { top: -100%; } 60% { top: 0; } 100% { top: 0; } } @-webkit-keyframes alert-anim2 { 0% { top: -100%; } 60% { top: 100%; } 100% { top: 100%; } } @-moz-keyframes alert-anim2 { 0% { top: -100%; } 60% { top: 100%; } 100% { top: 100%; } } @keyframes alert-anim2 { 0% { top: -100%; } 60% { top: 100%; } 100% { top: 100%; } } @-webkit-keyframes alert-icon-anim { 0% { font-size: 0; } 60% { font-size: 0; } } @-moz-keyframes alert-icon-anim { 0% { font-size: 0; } 60% { font-size: 0; } } @keyframes alert-icon-anim { 0% { font-size: 0; } 60% { font-size: 0; } } /*============ PAGE COMINGSOON ==================*/ .comingsoon-page { background: #495057; padding: 7em 0; color: #bdbdbd; } .comingsoon-page .container { max-width: 750px; } .comingsoon-page .comingsoon--title { margin: 0.5em 0 1em; font-size: 46px; color: #fff; text-transform: uppercase; font-weight: 700; padding: 0 1em; } .comingsoon-page .comingsoon--content { margin: 1em 0; font-size: 14px; } .comingsoon-page .comingsoon--countdown { margin: 6em 0 8em; } .comingsoon-page .comingsoon--countdown .time-item { width: 125px; height: 125px; border: 3px solid rgba(255, 255, 255, 0.4); border-radius: 50%; margin: 0 15px; display: inline-block; padding: 30px; } .comingsoon-page .comingsoon--countdown .num-time { font-size: 40px; color: #fff; font-weight: 700; line-height: 100%; margin: 0 0 5px 0; } .comingsoon-page .comingsoon--countdown .name-time { font-size: 20px; text-transform: uppercase; } .comingsoon-page .comingsoon--newsletter { margin: 2em 0; } .comingsoon-page .comingsoon--newsletter .newsletter { background: none !important; } .comingsoon-page .comingsoon--newsletter .title-block { display: none; } /*=============================================== [SASS DIRECTORY ] [1] Pre-Loader ==============================================*/ .loaded .so-loadeding { display: none; } .so-loadeding { background: white url(../../images/lazy-loader.gif) no-repeat center center; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; right: 0; opacity: 1; } /*============START Pre-Loader CSS ==================*/ .so-pre-loader { background: rgba(255, 92, 0, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; } .so-pre-loader.no-pre-loader { background: none; position: absolute; height: auto; } .so-pre-loader .so-loader-background { background: #555; display: block; height: 100%; } .so-pre-loader .so-loader-center { position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px; } .so-pre-loader .so-loader-line { background: #ff5c00; top: 0; } .so-pre-loader .spinner { width: 50px; height: 50px; background-color: white; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } .so-pre-loader .spinner-bounce { width: 60px; height: 60px; position: relative; } .so-pre-loader .double-bounce1, .so-pre-loader .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: white; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; } .so-pre-loader .double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; } .so-pre-loader .spinner-cube { width: 40px; height: 40px; position: relative; } .so-pre-loader .cube1, .so-pre-loader .cube2 { background-color: white; width: 15px; height: 15px; position: absolute; top: 0; left: 0; -webkit-animation: sk-cubemove 1.8s infinite ease-in-out; animation: sk-cubemove 1.8s infinite ease-in-out; } .so-pre-loader .cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .so-pre-loader .spinner-bounce2 { width: 80px; text-align: center; } .so-pre-loader .spinner-bounce2 > div { width: 18px; height: 18px; background-color: white; border-radius: 100%; display: inline-block; margin: 0 3px; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .so-pre-loader .spinner-bounce2 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .so-pre-loader .spinner-bounce2 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .so-pre-loader .spinner-circle { width: 60px; height: 60px; position: relative; } .so-pre-loader .spinner-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .so-pre-loader .spinner-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: white; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } .so-pre-loader .spinner-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .so-pre-loader .spinner-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .so-pre-loader .spinner-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .so-pre-loader .spinner-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .so-pre-loader .spinner-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .so-pre-loader .spinner-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .so-pre-loader .spinner-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .so-pre-loader .spinner-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .so-pre-loader .spinner-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .so-pre-loader .spinner-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .so-pre-loader .spinner-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .so-pre-loader .spinner-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .so-pre-loader .spinner-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .so-pre-loader .spinner-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .so-pre-loader .spinner-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .so-pre-loader .spinner-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .so-pre-loader .spinner-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .so-pre-loader .spinner-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .so-pre-loader .spinner-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .so-pre-loader .spinner-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .so-pre-loader .spinner-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .so-pre-loader .spinner-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .so-pre-loader .spinner-folding-cube { width: 50px; height: 50px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .so-pre-loader .spinner-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .so-pre-loader .spinner-folding-cube .sk-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: white; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .so-pre-loader .spinner-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); } .so-pre-loader .spinner-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } .so-pre-loader .spinner-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); } .so-pre-loader .spinner-folding-cube .sk-cube2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .so-pre-loader .spinner-folding-cube .sk-cube3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .so-pre-loader .spinner-folding-cube .sk-cube4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } /* ************* END:: Pre-Loader CSS ************* */ /* **************************************************** */ /* ************ START Loader Animation ************ */ /* **************************************************** */ @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } @-webkit-keyframes sk-cubemove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes sk-cubemove { 25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } /* *********** END:: Loader Animation ************* */ /* **************************************************** */ /*=============================================== [SASS DIRECTORY ] [1] OVERLAY PATTER ==============================================*/ /*============OVERLAY PATTERN ==================*/ /* 1. Overlay pattern ---------------------*/ body.no-bgbody { background-image: none; } .pattern-1 { background-image: url(../../images/patterns/1.png); } .pattern-2 { background-image: url(../../images/patterns/2.png); } .pattern-3 { background-image: url(../../images/patterns/3.png); } .pattern-4 { background-image: url(../../images/patterns/4.png); } .pattern-5 { background-image: url(../../images/patterns/5.png); } .pattern-6 { background-image: url(../../images/patterns/6.png); } .pattern-7 { background-image: url(../../images/patterns/7.png); } .pattern-8 { background-image: url(../../images/patterns/8.png); } .pattern-9 { background-image: url(../../images/patterns/9.png); } .pattern-10 { background-image: url(../../images/patterns/10.png); } .pattern-11 { background-image: url(../../images/patterns/11.png); } .pattern-12 { background-image: url(../../images/patterns/12.png); } .pattern-13 { background-image: url(../../images/patterns/13.png); } .pattern-14 { background-image: url(../../images/patterns/14.png); } .pattern-15 { background-image: url(../../images/patterns/15.png); } .pattern-16 { background-image: url(../../images/patterns/16.png); } .pattern-17 { background-image: url(../../images/patterns/17.png); } .pattern-18 { background-image: url(../../images/patterns/18.png); } .pattern-19 { background-image: url(../../images/patterns/19.png); } .pattern-20 { background-image: url(../../images/patterns/20.png); } .pattern-21 { background-image: url(../../images/patterns/21.png); } .pattern-22 { background-image: url(../../images/patterns/22.png); } .pattern-23 { background-image: url(../../images/patterns/23.png); } .pattern-24 { background-image: url(../../images/patterns/24.png); } .pattern-25 { background-image: url(../../images/patterns/25.png); } .pattern-26 { background-image: url(../../images/patterns/26.png); } .pattern-27 { background-image: url(../../images/patterns/27.png); } .pattern-28 { background-image: url(../../images/patterns/28.png); } .pattern-29 { background-image: url(../../images/patterns/29.png); } .pattern-30 { background-image: url(../../images/patterns/30.png); } .pattern-31 { background-image: url(../../images/patterns/31.png); } .pattern-32 { background-image: url(../../images/patterns/32.png); } .pattern-33 { background-image: url(../../images/patterns/33.png); } .pattern-34 { background-image: url(../../images/patterns/34.png); } .pattern-35 { background-image: url(../../images/patterns/35.png); } .pattern-36 { background-image: url(../../images/patterns/36.png); } .pattern-37 { background-image: url(../../images/patterns/37.png); } .pattern-38 { background-image: url(../../images/patterns/38.png); } .pattern-39 { background-image: url(../../images/patterns/39.png); } .pattern-40 { background-image: url(../../images/patterns/40.png); } .pattern-41 { background-image: url(../../images/patterns/41.png); } .pattern-42 { background-image: url(../../images/patterns/42.png); } .pattern-43 { background-image: url(../../images/patterns/43.png); } .pattern-44 { background-image: url(../../images/patterns/44.png); } .pattern-45 { background-image: url(../../images/patterns/45.png); } .bd-example-row .row + .row { margin-top: 1rem; } .bd-example-row .row > .col, .bd-example-row .row > [class^="col-"] { padding-top: 0.75rem; padding-bottom: 0.75rem; background-color: rgba(86, 61, 124, .15); border: 1px solid rgba(86, 61, 124, .2); } .bd-example-row .flex-items-top, .bd-example-row .flex-items-middle, .bd-example-row .flex-items-bottom { min-height: 6rem; background-color: rgba(255, 0, 0, .1); } .bd-example-row-flex-cols .row { min-height: 10rem; background-color: rgba(255, 0, 0, .1); } .bd-highlight { background-color: rgba(86, 61, 124, .15); border: 1px solid rgba(86, 61, 124, .15); } .example-container { width: 800px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; width: 100%; } .example-row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .example-content-main { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .example-content-main { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .example-content-main { flex: 0 0 66.66667%; max-width: 66.66667%; } } .example-content-secondary { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .example-content-secondary { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .example-content-secondary { flex: 0 0 33.33333%; max-width: 33.33333%; } } .bd-example-container { min-width: 16rem; max-width: 25rem; margin-right: auto; margin-left: auto; } .bd-example-container-header { height: 3rem; margin-bottom: 0.5rem; background-color: #fff; border-radius: 0.25rem; } .bd-example-container-sidebar { float: right; width: 4rem; height: 8rem; background-color: #80bdff; border-radius: 0.25rem; } .bd-example-container-body { height: 8rem; margin-right: 4.5rem; background-color: #957bbe; border-radius: 0.25rem; } .bd-example-container-fluid { max-width: none; } .bd-example { position: relative; padding: 1rem; margin: 1rem -15px; border: solid #f7f7f9; border-width: 0.2rem 0 0; } .bd-example::after { display: block; clear: both; content: ""; } @media (min-width: 576px) { .bd-example { padding: 1.5rem; margin-right: 0; margin-bottom: 0; margin-left: 0; border-width: 0.3rem; } } .bd-example + .highlight, .bd-example + .clipboard + .highlight { margin-top: 0; } .bd-example + p { margin-top: 2rem; } .bd-example .pos-f-t { position: relative; margin: -1rem; } @media (min-width: 576px) { .bd-example .pos-f-t { margin: -1.5rem; } } .bd-example > .form-control + .form-control { margin-top: 0.5rem; } .bd-example > .nav + .nav, .bd-example > .alert + .alert, .bd-example > .navbar + .navbar, .bd-example > .progress + .progress, .bd-example > .progress + .btn { margin-top: 1rem; } .bd-example > .dropdown-menu:first-child { position: static; display: block; } .bd-example > .form-group:last-child { margin-bottom: 0; } .bd-example > .close { float: none; } .bd-example-type .table .type-info { color: #999; vertical-align: middle; } .bd-example-type .table td { padding: 1rem 0; border-color: #eee; } .bd-example-type .table tr:first-child td { border-top: 0; } .bd-example-type h1, .bd-example-type h2, .bd-example-type h3, .bd-example-type h4, .bd-example-type h5, .bd-example-type h6 { margin: 0; } .bd-example-bg-classes p { padding: 1rem; } .bd-example > img + img { margin-left: 0.5rem; } .bd-example > .btn-group { margin-top: 0.25rem; margin-bottom: 0.25rem; } .bd-example > .btn-toolbar + .btn-toolbar { margin-top: 0.5rem; } .bd-example-control-sizing select, .bd-example-control-sizing input[type="text"] + input[type="text"] { margin-top: 0.5rem; } .bd-example-form .input-group { margin-bottom: 0.5rem; } .bd-example > textarea.form-control { resize: vertical; } .bd-example > .list-group { max-width: 400px; } .bd-example .fixed-top, .bd-example .sticky-top { position: static; margin: -1rem -1rem 1rem; } .bd-example .fixed-bottom { position: static; margin: 1rem -1rem -1rem; } @media (min-width: 576px) { .bd-example .fixed-top, .bd-example .sticky-top { margin: -1.5rem -1.5rem 1rem; } .bd-example .fixed-bottom { margin: 1rem -1.5rem -1.5rem; } } .bd-example .pagination { margin-top: 0.5rem; margin-bottom: 0.5rem; } .bd-example-modal { background-color: #fafafa; } .bd-example-modal .modal { position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: 1; display: block; } .bd-example-modal .modal-dialog { left: auto; margin-right: auto; margin-left: auto; } .modal.show { z-index: 1072; } .modal.show .tooltip, .modal.show .popover { z-index: 1073; } .bd-example-tabs .nav-tabs { margin-bottom: 1rem; } .bd-example-tooltips { text-align: center; } .bd-example-tooltips > .btn { margin-top: 0.25rem; margin-bottom: 0.25rem; } .bs-tooltip-top-docs .arrow, .bs-tooltip-bottom-docs .arrow { left: 50%; } .bs-tooltip-right-docs .arrow, .bs-tooltip-left-docs .arrow { top: 50%; } .bd-example-popover-static { padding-bottom: 1.5rem; background-color: #f9f9f9; } .bd-example-popover-static .popover { position: relative; display: block; float: left; width: 260px; margin: 1.25rem; } .bs-popover-top-docs .arrow, .bs-popover-bottom-docs .arrow { left: 50%; } .bs-popover-right-docs .arrow, .bs-popover-left-docs .arrow { top: 50%; } .tooltip-demo a { white-space: nowrap; } .bd-example-tooltip-static .tooltip { position: relative; display: inline-block; margin: 10px 20px; opacity: 1; } .scrollspy-example { position: relative; height: 200px; margin-top: 0.5rem; overflow: auto; } .scrollspy-example-2 { position: relative; height: 350px; overflow: auto; } .bd-example-border-utils [class^="border"] { display: inline-block; width: 5rem; height: 5rem; margin: 0.25rem; background-color: #f5f5f5; border: 1px solid; } .highlight { padding: 1rem; margin: 1rem -15px; background-color: #f7f7f9; -ms-overflow-style: -ms-autohiding-scrollbar; } @media (min-width: 576px) { .highlight { padding: 1.5rem; margin-right: 0; margin-left: 0; } } .highlight pre { padding: 0; margin-top: 0; margin-bottom: 0; background-color: transparent; border: 0; } .highlight pre code { font-size: inherit; color: #212529; } .bd-clipboard { position: relative; display: none; float: right; } .bd-clipboard + .highlight { margin-top: 0; } .btn-clipboard { position: absolute; top: 0.5rem; right: 0.5rem; z-index: 10; display: block; padding: 0.25rem 0.5rem; font-size: 75%; color: #818a91; cursor: pointer; background-color: transparent; border: 0; border-radius: 0.25rem; } .btn-clipboard:hover { color: #fff; background-color: #027de7; } @media (min-width: 768px) { .bd-clipboard { display: block; } } h2.sub-title { font-size: 23px; margin: 24px 0; color: #495057; } .simple-list { margin: 10px 0 6px 0; padding: 0; clear: both; } .simple-list li { padding: 0 0 7px 18px; position: relative; list-style-type: none; } .simple-list li:before { position: absolute; display: block; top: 10px; left: 0; font-family: 'FontAwesome'; content: "\f111"; font-size: 0.53em; line-height: 1em; } .simple-list ul { margin: 0 0 15px; padding: 0; list-style-type: none; position: relative; bottom: -0.8em; } .simple-list ul a { color: #495057; } .simple-list ul a:hover { color: #ff5c00; } .arrow-list > li { padding: 0; position: relative; } .arrow-list > li > a { font-size: 15px; font-weight: 600; display: block; margin-bottom: 5px; } .arrow-list > li:before { display: none; } .arrow-list li li:before { margin-right: 10px; font-size: 14px; font-family: 'FontAwesome'; display: inline-block; top: 5px; content: '\f105'; } .color { color: #ff5c00; } .divider--md1 { height: 31.5px; } .divider { height: 30px; clear: both; overflow: hidden; width: 100%; } .item-article { font-size: 13px; } .item-article dl dt { color: #495057; font-size: 18px; font-weight: 500; padding: 0 0 4px 0; } .item-article dl dd { margin-bottom: 15px; } .item-article .title-decimal { font-size: 20px; color: #495057; line-height: 44px; position: relative; padding: 0px 0 0px 69px; } @media (min-width: 1200px) { .item-article .title-decimal { font-size: 26px; } } .item-article .title-decimal:before { content: attr(data-content); display: table-cell; vertical-align: middle; position: absolute; top: 0px; line-height: 40px; background: #495057; width: 44px; height: 44px; color: #fff; text-align: center; border-radius: 50%; left: 0; } .item-article .decimal-list { padding: 0; margin: 10px 0; list-style-type: none; counter-reset: myCounter; display: inline-block; width: 100%; } .item-article .decimal-list ol { counter-reset: sub-myCounter 0; } .item-article .decimal-list > li { padding: 0; position: relative; z-index: 5; margin-bottom: 15px; overflow: hidden; } .item-article .decimal-list > li:before { counter-increment: myCounter; content: counter(myCounter); color: white; background: #495057; display: inline-block; text-align: center; line-height: 26px; width: 26px; height: 26px; border-radius: 50%; float: left; font-size: 15px; margin-right: 10px; } .item-article .decimal-list > li > *:first-child { line-height: 26px; margin-bottom: 0; } .item-article .decimal-list > li ol { margin: 0; padding: 10px 0 0 15px; list-style: none; } .item-article .decimal-list > li ol > li > *:first-child { line-height: 25px; } .item-article .decimal-list > li ol > li:before { counter-increment: sub-myCounter; content: counter(myCounter) "." counter(sub-myCounter); font-size: 17px; display: inline-block; text-align: center; float: left; margin-right: 10px; } .item-article .tags { margin: 15px 0; } .item-article .tags .label { border: none; border-radius: 2px; margin: 0 2px 5px 0; font-size: 11px; padding: 12px; display: inline-block; text-transform: uppercase; font-weight: 400; } .item-article .swatch-item { width: 100%; min-height: 100px; position: relative; background: #333; color: #fff; margin-bottom: 24px; padding: 20px; } .item-article .swatch-item.color-brand-primary { background: #234269; } .item-article .swatch-item.color-brand-secondary { background: #f87831; } .item-article .swatch-item.color-brand-warning { background: #f0ad4e; } .item-article .swatch-item.color-brand-danger { background: #d9534f; } .item-article .swatch-item.color-brand-info { background: #5bc0de; } .item-article .swatch-item.color-brand-success { background: #5cb85c; } .item-article .swatch-item.color-gray-darker { background: #212529; } .item-article .swatch-item.color-gray-dark { background: #343a40; } .item-article .swatch-item.color-gray { background: #495057; } .item-article .swatch-item.color-gray-light { background: #adb5bd; color: #495057; } .item-article .swatch-item.color-gray-lighter { background: #ced4da; color: #495057; } .item-article .swatch-item.color-gray-lightest { background: #e9ecef; color: #495057; } .item-article .button, .item-article .btn { padding: 9px 20px; background: #495057; color: #fff; border-radius: 3px; border: none; } .item-article .button:hover, .item-article .btn:hover { background: #ff5c00; border-color: #ff5c00; color: #fff; } .item-article .btn-primary { background: #234269; } .item-article .btn-warning { background: #f0ad4e; } .item-article .btn-success { background: #5cb85c; } .item-article .btn-danger { background: #d9534f; } .item-article .btn-info { background: #5bc0de; } .item-article .nav-tabs { border: 0; margin-bottom: 32px; } .item-article .nav-tabs .dropdown-menu { padding: 15px; border: 1px solid rgba(0, 0, 0, 0.15); } .item-article .nav-tabs > li.active > a, .item-article .nav-tabs > li.active > a:hover, .item-article .nav-tabs > li.active > a:focus { color: #fff; border: 0; background: #ff5c00; } .item-article .nav-tabs > li.active > a:before, .item-article .nav-tabs > li.active > a:hover:before, .item-article .nav-tabs > li.active > a:focus:before { border: 10px solid #ff5c00; border-color: #ff5c00 transparent transparent transparent; content: ""; position: absolute; top: 100%; left: 50%; margin-left: -10px; } .item-article .nav-tabs > li > a { background: #eaeaea; border-radius: 2px; border: 0; color: #2d2d2d; text-transform: uppercase; padding: 0 32px; height: 48px; line-height: 48px; position: relative; } .item-article .nav-tabs > li > a:hover { background: #ddd; } .item-article .nav-pills > li > a { border-radius: 3px; } .item-article .nav-pills .dropdown-menu { padding: 15px; border: 1px solid rgba(0, 0, 0, 0.15); } .item-article .nav-pills > li.active > a, .item-article .nav-pills > li.active > a:focus, .item-article .nav-pills > li.active > a:hover { color: #fff; background: #ff5c00; } .item-article .dropcap { display: block; float: left; font-size: 3.5em; line-height: 1em; margin: 0 5px 0 0; } .item-article .color-custom { color: #ff5c00; } .item-article .color-white { color: #fff; } .item-article .color-dark { color: #000; } .item-article .bg-custom { background: #ff5c00; } .item-article .bg-black { background: #000; } .item-article a.underline { text-decoration: underline; } .item-article a.underline:hover { text-decoration: none; } /*=============================================== [SASS DIRECTORY ] [1] PAGE ACCOUNT [2] PAGE INFORMATION [3] PAGE CHECKOUT [4] LANGUAGE CURENTY [5] CSS FEAFURE MENU DEMO ==============================================*/ /*============PAGE ACCOUNT ==================*/ .account-login .well, .affiliate-login .well { min-height: 395px; background: #fff; } .account-account #content > h2, .affiliate-account #content > h2 { /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 16px; font-size: 1.6rem; /* [8] */ } .account-account #content .list-unstyled, .affiliate-account #content .list-unstyled { margin-bottom: 30px; } .account-address #content .table-responsive .table > tbody > tr > td { line-height: 24px; padding: 10px; } .custom-border { border: 1px solid #eee; padding: 10px 20px; } /* @group List Box */ .list-box { list-style: none; margin: 0px; padding: 0px; } .btn-link:focus, .btn-link:hover { text-decoration: none; } .list-box li { border-bottom: 1px solid #ececec; } .list-box li:last-child { border-bottom: 0; } .list-box li a { display: inline-block; word-wrap: break-word; padding: 8px 0; margin-right: 5px; color: #495057; } .list-box li a:hover { color: #ff5c00; } /* @end */ /*============PAGE CHECKOUT ==================*/ .checkout-cart .panel-group .panel, .checkout-checkout .panel-group .panel { border-radius: 0; } .checkout-cart .content_404 .item-left { visibility: hidden; } .table-responsive .table thead > * { background-color: rgba(51, 51, 51, 0.1); font-weight: bold; } .table-responsive .table tbody td.text-left a { font-weight: bold; color: #7d7d7d; } .table-responsive .table tbody td.text-left:hover a { color: #ff5c00; } /*============LANGUAGE CURENTY ==================*/ .btn-group .btn-link { text-align: left; background: transparent; text-decoration: none; padding: 5px 10px; color: #2d2d2d; font-weight: normal; position: relative; z-index: 1; } .btn-group .btn-link:hover { color: #ff5c00; } .dropdown-menu .btn-block { border: none; background: transparent; text-align: left; } /*============ CSS FEAFURE MENU DEMO ==================*/ .feature-layout .image-link { color: #495057; } .feature-layout .image-link:hover { color: #ff5c00; } .feature-layout .image-link .thumbnail { position: relative; overflow: hidden; border-radius: 0; background: #333; padding: 0; } .feature-layout .image-link .btn { position: absolute; top: -100px; left: calc(50% - 50px); padding: 9px 20px; background: #495057; color: #fff; border-radius: 3px; border: none; background: #ff5c00; border-color: #ff5c00; transition: all 0.3s ease-in-out 0s; border-radius: 2px; } .feature-layout .image-link .btn:hover { background: #ff5c00; border-color: #ff5c00; color: #fff; } .feature-layout .image-link .btn:hover { background: #495057; border-color: #495057; } .feature-layout .image-link:hover .thumbnail { border: 1px solid #ccc; } .feature-layout .image-link:hover .thumbnail img { opacity: 0.7; } .feature-layout .image-link:hover .btn { top: calc(50% - 25px); } .feature-layout .image-link .figcaption { font-size: 13px; text-align: center; font-weight: 600; text-transform: uppercase; } .feature-blog .menu--item { display: block; margin-bottom: 20px; text-align: center; } .feature-blog .menu--item p { font-size: 12px; text-transform: uppercase; font-weight: bold; margin: 5px 0; } /*=============================================== [SASS DIRECTORY ] [1] MODULE DEFAULT [2] BLOCK SEARCH [3] SOCIAL FOOTER ==============================================*/ /*============MODULE DEFAULT ==================*/ .module { margin-bottom: 30px; } .module::after { display: block; clear: both; content: ""; } .module.fa-hidden h3.modtitle:before { display: none; } .module h3.modtitle { background: #f2f2f2; line-height: 100%; padding: 10px 0 9px 15px; border-bottom: 1px solid #e8e8e8; margin-bottom: 0; } .module h3.modtitle .fa { color: #ff5c00; margin-right: 5px; } .module h3.modtitle span { font-size: 16px; text-transform: uppercase; color: #222; font-weight: 700; display: inline-block; } .top-brand.arrow-default { text-align: center; } .top-brand.arrow-default .owl2-nav { position: static; } .yt-content-slider.arrow-default .owl2-nav { position: static; } .module.sohomepage-slider .so-homeslider img { transform-style: initial; } .title-margin h3.modtitle { margin-bottom: 15px; } .title-underline h3.modtitle { font-size: 16px; text-transform: uppercase; font-weight: bold; position: relative; } .title-underline h3.modtitle:after { content: " "; width: 125px; height: 1px; background: #ff5c00; display: block; position: absolute; bottom: 0; margin-bottom: -1px; } .title-cart-h6 { display: none; } .bordered_content { border-radius: 3px; border: 1px solid #eaeaea; background: #fff; } .yt-content-slider .owl2-controls { margin: 0; } body .block-popup-login .tt_popup_login strong { background-color: #ff5c00 !important; } body .block-popup-login .block-content .btn-reg-popup { background-color: #ff5c00 !important; } body .block-popup-login .block-content .btn-reg-popup:hover { background: #cc4a00 !important; } body .block-popup-login .tt_popup_login strong:before { border-bottom: 37px solid #ff5c00 !important; } body .block-popup-login .tt_popup_login { border-color: #ff5c00 !important; } body .block-popup-login .action.login:hover { background-color: #ff5c00 !important; } /************************************************************************************************ EXTRASLIDER BESTSELER *************************************************************************************************/ .best-seller-custom.best-seller { position: relative; border: 1px solid #e8e8e8; } .best-seller-custom.best-seller .so-extraslider { margin: 0; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner { padding-bottom: 0; border: none; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item-wrap-inner { margin: 0px; } @media (min-width: 1200px) { .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item-wrap-inner { padding: 7px 10px; } } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 { border-bottom: none; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1:last-child { border-bottom: 0; margin-bottom: 0; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left { float: left; width: 90px; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image { border: 0; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image:hover { box-shadow: none; opacity: 0.8; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info { background: transparent; position: static; color: #222; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info a { color: #222; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-title { padding: 0 0 5px 0; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-title a { text-transform: capitalize; font-size: 14px; font-weight: normal; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-title a:hover { color: #ff5c00; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-content { margin-left: 0; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-content .content_price span { color: #ff5e00; font-size: 16px; font-weight: bold; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-content .content_price span.price-old { font-size: 13px; color: #999; font-weight: 600; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .rating { padding: 0; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1:hover .item-title a { color: #ff5c00; } .best-seller-custom.best-seller .so-extraslider .extraslider-inner .item-wrap .item-info .item-content .content_price { margin-bottom: 0; } .best-seller-custom.best-seller .so-extraslider .owl2-controls { margin-top: 4px; text-align: right; position: absolute; top: 4px; vertical-align: middle; right: 5px; } .best-seller-custom.best-seller .so-extraslider .owl2-controls .owl2-nav > div { width: 28px; height: 28px; text-align: center; display: inline-block; line-height: 27px; font-size: 0; cursor: pointer; color: #999; background-color: transparent; margin-top: 0; position: static; float: left; border-radius: 2px; } .best-seller-custom.best-seller .so-extraslider .owl2-controls .owl2-nav > div:hover { color: #fff; background: #ff5c00; } .best-seller-custom.best-seller .so-extraslider .owl2-controls .owl2-prev:before { content: "\f104"; font-family: FontAwesome; font-size: 28px; } .best-seller-custom.best-seller .so-extraslider .owl2-controls .owl2-next:before { content: "\f105"; font-family: FontAwesome; font-size: 28px; } /*============MODULE NEWLETTER POPUP ==================*/ .main-newsleter-popup .so-custom-popup { background-color: #fff; padding: 0; } @media (min-width: 768px) and (max-width: 991px) { .main-newsleter-popup .so-custom-popup { width: 85% !important; } .main-newsleter-popup .so-custom-popup:before { content: ""; position: absolute; z-index: 2; background: rgba(255, 255, 255, 0.9); width: 100%; height: 100%; top: 0; right: 0; } } @media (max-width: 767px) { .main-newsleter-popup .so-custom-popup:before { content: ""; position: absolute; z-index: 2; background: rgba(255, 255, 255, 0.9); width: 100%; height: 100%; top: 0; right: 0; } } .main-newsleter-popup .modcontent { position: relative; z-index: 9; } .main-newsleter-popup .modcontent:before { position: absolute; content: ""; bottom: 0; left: 0; background: #ff5c00; width: 100%; height: 110px; opacity: 0.7; } .main-newsleter-popup .popup-close:hover { color: #fff !important; } .main-newsleter-popup .form-group.signup { padding-left: 0px; padding-bottom: 5px; margin-bottom: 0; text-align: left; } .main-newsleter-popup .hidden-popup { padding: 0; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content { padding: 15px 10px 0; text-align: left; } @media (min-width: 1200px) { .main-newsleter-popup .so-custom-popup .oca_popup .popup-content { padding: 65px 45px 0; margin: 0 20px; } } @media (min-width: 992px) and (max-width: 1199px) { .main-newsleter-popup .so-custom-popup .oca_popup .popup-content { padding: 60px 30px 0; margin: 0 20px; } } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .popup-title { color: #222; font-size: 30px !important; text-transform: uppercase; font-weight: 700; letter-spacing: 3px; line-height: 100%; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .newsletter_promo { margin-bottom: 0; color: #555; padding-top: 0px !important; padding-bottom: 10px !important; font-size: 16px !important; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .newsletter_promo span { font-size: 30px; color: #ff5c00; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .email { margin: 0; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .form-group.signup { text-align: left; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .input-control { position: relative; width: 400px; display: inline-block; margin-top: 20px; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .form-control { background: white; border: 1px solid #ebebeb; display: inline-block; width: 100%; height: 44px; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .hidden-popup { font-weight: normal; cursor: pointer; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .btn-default { font-size: 20px; height: 40px; background: #fff; color: #ff5c00; border: none; position: absolute; padding: 0 10px; top: 2px; margin: 0; right: 2px; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .newsletter_promo { padding: 15px 0 10px; } .main-newsleter-popup .socials-popup { position: relative; z-index: 1; padding: 30px 0; text-align: center; } @media (min-width: 1200px) { .main-newsleter-popup .socials-popup { padding: 65px 0 30px; } } .main-newsleter-popup .socials-popup p { color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 700; } .main-newsleter-popup .socials-popup li { display: inline-block; } .main-newsleter-popup .socials-popup li a { display: inline-block; line-height: 34px; text-align: center; width: 34px; height: 34px; color: #222; border-radius: 100%; font-size: 16px; background-color: #fff; transition: all 0.3s ease-in-out; margin: 0 3px; } .main-newsleter-popup .socials-popup li a:hover { color: #ff5c00; } .custom-pop .popup-close { background: #000; border-radius: 100%; width: 30px; height: 30px; color: #fff; text-align: center; font-size: 18px; line-height: 26px; opacity: 1; top: -15px; border: 2px solid #fff; right: -15px; left: auto; } /*============MODULE BREADCRUMB ==================*/ .breadcrumb { margin: 0; background-color: #fff; padding: 36px 0 31px; } .breadcrumb li a { color: #7d7d7d; text-transform: uppercase; font-size: 13px; font-weight: 600; } .breadcrumb > li + li:before { padding: 0 5px; content: '\f105'; display: inline-block; font-family: FontAwesome; color: #666; font-size: 14px; } /*============ MODULE MEGAMENU HORIZOL ==================*/ .container-megamenu.horizontal .feafute h4.title-feature, .container-megamenu.horizontal .title-feature, .container-megamenu.horizontal ul.megamenu .title-submenu, .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu a.main-menu, .container-megamenu.horizontal ul.megamenu .subcategory a.title-submenu { font-size: 16px; color: #222; text-transform: uppercase; padding: 0 0 15px 0; border-bottom: 1px solid #eaeaea; margin-bottom: 5px; font-weight: bold; } .container-megamenu.horizontal .best-sellers-menu { margin-top: 20px; } .container-megamenu.horizontal .best-sellers-menu h4 a { color: #222; display: inline-block; clear: both; margin-top: 20px; margin-bottom: 0px; } .container-megamenu.horizontal .best-sellers-menu h4 a:hover { color: #ff5c00; } .container-megamenu.horizontal .best-sellers-menu .image a { width: 100%; display: block; } .container-megamenu.horizontal .content-feature li a { padding: 5px 0; display: inline-block; text-transform: capitalize; font-size: 13px; color: #7d7d7d; } .container-megamenu.horizontal .content-feature li a:hover { color: #ff5c00; } .container-megamenu.horizontal ul.megamenu li .sub-menu .content .html a.subcategory_item { display: inline-block; padding: 3px 0; text-transform: capitalize; font-size: 13px; color: #7d7d7d; } .container-megamenu.horizontal ul.megamenu li .sub-menu .content .html a.subcategory_item:hover { color: #ff5c00; } .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a, .container-megamenu.horizontal ul.megamenu .sub-menu .content .hover-menu .menu ul a.main-menu { padding: 9px 0; text-transform: capitalize; font-size: 13px; color: #7d7d7d; } .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a:hover, .container-megamenu.horizontal ul.megamenu .sub-menu .content .hover-menu .menu ul a.main-menu:hover { color: #ff5c00; } .container-megamenu.horizontal ul.megamenu > li > a strong img { position: absolute; top: -15px; right: 30px; height: auto; } .container-megamenu.horizontal .shoppage { width: 100%; vertical-align: top; font-size: 14px; margin-bottom: 15px; } .container-megamenu.horizontal .shoppage .title-shoppage { text-transform: uppercase; font-weight: bold; color: #666; font-size: 16px; padding-bottom: 15px; } .container-megamenu.horizontal .shoppage ul li { transition: all 0.2s ease-in-out; } .container-megamenu.horizontal .shoppage ul li:hover { padding-left: 10px; } .container-megamenu.horizontal .shoppage ul .submenuitem { color: #777; } .container-megamenu.horizontal .shoppage ul a { display: inline-block; padding: 4px 0; position: relative; } .container-megamenu.horizontal .shoppage .submenu-shop { position: relative; } .container-megamenu.horizontal .shoppage .submenu-shop .fa-angle-right { position: absolute; right: 0; margin: 5px 15px; } .container-megamenu.horizontal .shoppage .submenu-shop .menu-label { right: -25px; left: auto; margin-top: -14px; } .container-megamenu.horizontal .shoppage .submenu-shop .menu-label-new { background-color: #0f8db3; } .container-megamenu.horizontal .shoppage .submenu-shop .menu-label-new:after { color: #0f8db3; } .container-megamenu.horizontal .shoppage .submenu-shop .menu-label-hot { background-color: #ef7c0a; } .container-megamenu.horizontal .shoppage .submenu-shop .menu-label-hot:after { color: #ef7c0a; } .container-megamenu.horizontal .shoppage .submenu-shop .menu-label { position: absolute; top: 80%; right: -30px; padding: 2px 4px; margin-top: -20px; color: #fff; line-height: 1.3; font-size: 8px; font-family: Karla, Arial, Helvetica, sans-serif; text-transform: uppercase; transform: translateY(-50%); transition: opacity 0.3s ease-in-out; } .container-megamenu.horizontal .shoppage .submenu-shop .menu-label:after { content: "\f0da"; font-family: FontAwesome; position: absolute; z-index: -1; bottom: 5px; font-size: 16px; position: absolute; bottom: -9px; left: 3px; } .container-megamenu.horizontal .shoppage .submenu-shop:hover ul { display: block; } .container-megamenu.horizontal .shoppage .submenu-shop ul { display: none; width: 210px; position: absolute; z-index: 10; left: 90%; top: -15px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 25px; padding: 20px; background: #fff; border-width: 1px; border-style: solid; border-color: #e6e6e6; border-image: initial; border-radius: 2px; } .container-megamenu.horizontal .shoppage .submenu-shop ul:before { position: absolute; display: block; border-color: transparent; border-style: solid; border-width: 10px; content: ""; top: 20px; left: -11px; border-right-color: #e6e6e6; border-left-width: 0; } .container-megamenu.horizontal .shoppage .submenu-shop ul:after { position: absolute; display: block; border-color: transparent; border-style: solid; border-width: 10px; content: ""; top: 20px; left: -10px; border-right-color: #fff; border-left-width: 0; } /*============ MODULE MEGAMENU VERTICAL ==================*/ .container-megamenu.vertical a { color: #495057; font-size: 13px; display: block; } .container-megamenu.vertical a:hover { color: #ff5c00; } .container-megamenu.vertical #menuHeading { margin-top: 0; height: 58px; cursor: pointer; } .container-megamenu.vertical #menuHeading .megamenuToogle-wrapper { background-color: #ff5c00; height: 58px; cursor: pointer; transition: 0.3s all ease 0s; border-radius: 0; } .container-megamenu.vertical #menuHeading .megamenuToogle-wrapper .container { font-size: 13px; text-transform: uppercase; font-weight: bold; padding: 0 0 0 15px !important; line-height: 58px; background: #2d2d2d; } .container-megamenu.vertical #menuHeading .megamenuToogle-wrapper .container:before { width: 19px; height: 14px; display: inline-block; background: url("../../images/icon/icon_general.png") no-repeat -20px -1379px; margin-right: 10px; } .container-megamenu.vertical #menuHeading .megamenuToogle-wrapper .container > div { margin: 3px 9px 0 0; float: left !important; display: none; } .container-megamenu.vertical:after { content: ""; background: url("../../images/icon-image.png") no-repeat -310px -227px; height: 20px; position: absolute; top: 20px; z-index: 10; width: 20px; right: 13px; } .container-megamenu.vertical .vertical-wrapper { width: 100%; background: white; position: relative; border-top: 0; } .container-megamenu.vertical .vertical-wrapper ul li.item-vertical { border-top: 0; min-height: 37px; } .container-megamenu.vertical .vertical-wrapper ul li.item-vertical > a { color: #444; padding: 0 18px; line-height: 48px; border-bottom: 0; } .container-megamenu.vertical .vertical-wrapper ul li.item-vertical > a:hover { color: #ff5c00; } .container-megamenu.vertical .vertical-wrapper ul li.item-vertical > a strong { font-weight: 600; padding-left: 30px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu { border: 1px solid #efefef; border-top: none; background: #fff; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .sub-menu .content .img-banner img { width: 100%; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .sub-menu .content .img-banner { padding-right: 15px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu > li .sub-menu .content .banner { margin-top: -21px; margin-bottom: -22px; margin-right: -21px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a img { height: auto; margin: 0; position: absolute; top: 50%; transform: translateY(-50%); left: 2px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu > li { padding: 0 15px; background: none; border: 0; position: relative; z-index: 1; cursor: pointer; } .container-megamenu.vertical .vertical-wrapper ul.megamenu > li b.fa { float: right; line-height: 50px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a { padding: 0; font-size: 14px; color: #222; border-bottom: 1px solid #e1e1e1; } .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a strong i { font-size: 9px; padding-right: 5px; color: #222; } .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.active > a, .container-megamenu.vertical .vertical-wrapper ul.megamenu > li:hover > a { background: transparent !important; color: #ff5c00; } .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.active > a i, .container-megamenu.vertical .vertical-wrapper ul.megamenu > li:hover > a i { color: #ff5c00; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .title-submenu { color: #444; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .fa-caret-right { float: right; margin-top: 5px; color: #999; padding: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style1 .content { padding: 20px 0 0 20px; overflow: hidden; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style1 .content .col-sm-4 { padding: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style1 .content .col-sm-4 img { margin-top: 45px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style1 .content > .border { border: none; padding: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style1 .content .row:nth-child(3) { padding: 12px 0px; background: #eee; margin: 0 -20px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style2 .content { padding-right: 0; padding-bottom: 0; padding-top: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style2 .content .static-menu .menu ul li { padding: 0; line-height: 26px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style2 .content .static-menu .menu ul li a.main-menu { margin: 0 0 10px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style2 .content .static-menu .menu > ul { margin-top: 20px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style2 .content .static-menu .menu > ul ul li { padding: 1px 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style2 .content .static-menu .menu > ul > li { margin: 0 0 20px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style2 .content .static-menu .menu > ul > li:last-child { margin: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style3 .content > .border { border: none; padding: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style3 .content .image-position { position: absolute; bottom: 30%; right: -20px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content { padding: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul { padding: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li { padding: 0 15px; position: relative; border-bottom: 1px solid #ddd; line-height: 26px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li:last-child { border: none; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li > a { line-height: 37px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li b { line-height: 37px; font-size: 16px; margin: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li:hover > a { color: #ff5c00; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li ul { padding: 0; top: -4px; margin: 0; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); border: 1px solid #e6e6e6; left: 100%; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li ul:before, .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li ul:after { display: none; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li ul li { line-height: 22px; padding: 0 15px; border-bottom: 1px solid #ddd; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li ul li:last-child { border: none; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li ul li > a { font-weight: normal; line-height: 37px; font-size: 13px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content { border: 1px solid #e6e6e6; padding: 20px 30px; box-shadow: 3px 1px 4px 0 rgba(0, 0, 0, 0.1); } .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .hover-menu a:before { display: none; } .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .hover-menu a:hover:before { color: #ff5c00; } .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul li a.main-menu { margin: 0 0 10px; border-bottom: 1px solid #eaeaea; padding: 0 0 10px; font-size: 16px; color: #222; text-transform: uppercase; } .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul ul { padding: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul ul li { padding: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a { padding: 0; line-height: 38px; display: block; font-size: 13px; color: #7d7d7d; } .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul ul li:before { display: none; } .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul ul li:hover a { color: #ff5c00; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore { text-align: left; background-position: top left; padding: 12px 20px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore i.fa { padding: 0; font-size: 10px; border: 1px solid #999; width: 15px; color: #999; height: 15px; line-height: 13px; text-align: center; border-radius: 100%; position: relative; top: -1px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore span.more-view { font-weight: 600; color: #222; padding-left: 12px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore span.more-view:hover { color: #ff5c00; } /*============CATEGORY SIMPLE BLOG==================*/ div.blog-category { border-radius: 0; border: 0; box-shadow: none; margin: 0; } div.blog-category h3.modtitle { padding: 10px 15px 9px 15px; } div.blog-category .blog-cate { border: 1px solid #e8e8e8; margin-bottom: 30px; } div.blog-category .box-content { margin-bottom: 30px; } div.blog-category .box-content ul { margin-bottom: 0; } div.blog-category #blog-search input { border-radius: 0; } div.blog-category ul.list-group { padding: 0; margin: 0; } div.blog-category ul li.list-group-item { border-radius: 0; border: 0; border-bottom: 1px solid #e8e8e8; margin: 0; padding: 10px 0; } div.blog-category ul li.list-group-item a { color: #7d7d7d; padding: 0 20px; } div.blog-category ul li.list-group-item a:hover, div.blog-category ul li.list-group-item a.active, div.blog-category ul li.list-group-item a.active:hover { color: #ff5c00; } div.blog-category ul li.list-group-item:last-child { border: none; } ul.megamenu .best-sellers-menu { padding: 0; } ul.megamenu .best-sellers-menu .image { overflow: hidden; width: 100%; } ul.megamenu .best-sellers-menu .caption { overflow: hidden; } ul.megamenu .best-sellers-menu .caption h4 a { font-size: 14px; font-weight: normal; } ul.megamenu .best-sellers-menu .caption p { display: none; } ul.megamenu .best-sellers-menu .caption .price { display: inline-block; } ul.megamenu .best-sellers-menu .caption .price .price-old, ul.megamenu .best-sellers-menu .caption .price .price-tax { display: none; } /*============MODULE FILTER ==================*/ .module.so_filter_wrap { border: 1px solid #e8e8e8; } .module.so_filter_wrap #btn_resetAll { padding: 9px 13px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; background: #555; display: inline; margin: 0 20px; } .module.so_filter_wrap #btn_resetAll:hover { background: #ff5c00; } .module.so_filter_wrap #btn_resetAll .fa.fa-times { color: #ff5c00; } .module.so_filter_wrap #btn_resetAll span { display: none; } .module.so_filter_wrap .modcontent { border: none; background: #fff; border-radius: 0; padding-bottom: 19px; } .module.so_filter_wrap .modcontent ul { margin-bottom: 26px; } .module.so_filter_wrap .modcontent .so-filter-heading { background: none; padding: 0 20px; } .module.so_filter_wrap .modcontent .so-filter-heading i { padding: 18px 0 0; color: #999; } .module.so_filter_wrap .modcontent .so-filter-heading .so-filter-heading-text { float: left; padding: 15px 0 0px; color: #444; font-weight: 700; text-transform: uppercase; } .module.so_filter_wrap .modcontent .so-filter-content-opts { padding: 0 20px; border: none; } .module.so_filter_wrap .modcontent #text_search { height: 34px; padding: 10px; border: none; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container { padding-top: 5px; padding-left: 0px; padding-right: 0px; padding-bottom: 15px; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option label { font-size: 12px; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .opt-select { border: none; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .noUi-horizontal .noUi-handle { border-radius: 100%; /* &.noUi-handle-lower{left: 0;} &.noUi-handle-upper{right: 15px; left: initial;}*/ } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .noUi-horizontal .noUi-handle:before, .module.so_filter_wrap .modcontent .so-filter-content-opts-container .noUi-horizontal .noUi-handle:after { display: none; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .put-min_max { display: inline-block; background: #fff; border: 1px solid #ddd; width: 49%; padding: 0 5px; float: left; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .put-min_max.put-min { margin-right: 2%; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .put-min_max input { background: transparent; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .option-input img { display: none; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .option-input .fa-check-square-o, .module.so_filter_wrap .modcontent .so-filter-content-opts-container .option-input .fa-square-o { display: none; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .option-count.opt_close { background: #ff5c00; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .input-group { border: 1px solid #ddd; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .input-group .form-control { background: transparent; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .input-group .btn.btn-default { padding: 7px; color: #555; background: transparent; border-radius: 0; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .input-group .btn.btn-default:hover { background: #ff5c00; color: #fff; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option:hover .option-input:before { background-color: transparent; border: 2px solid #999; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option .option-input:before { margin-top: -7px !important; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option.opt_active .option-input:before { background-color: transparent; border: 2px solid #999; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option .option-input { position: relative; padding-left: 14px; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option .option-input:before { display: inline-block; content: ""; width: 12px; height: 12px; position: absolute; top: 50%; margin-top: -10px; left: 0; background-color: #999; transition: all 0.2s ease-in-out; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option .option-input:hover:before { background-color: transparent; border: 2px solid #999; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option .option-input .fa-circle { display: none; } .module.so_filter_wrap .modcontent .noUi-horizontal .noUi-handle { top: -5px; left: -14px; } .module.so_filter_wrap .modcontent li.so-filter-options { border-bottom: 1px solid #e8e8e8; margin-bottom: 7px; } .module.so_filter_wrap .modcontent .so-filter-option.so-filter-price { text-align: left; padding: 0; } .module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_scroll { margin: 30px 15px 20px; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container ul li { float: left; } .module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_min_max { display: block; } .module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_min_max .txt-price-shopby { min-width: 60px; width: 49%; padding: 0 5px; display: inline-block; float: left; border: 1px solid #ddd; display: inline-block; } .module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_min_max .txt-price-shopby.txt-price-shopby-fisrt { margin-right: 2%; } .module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_min_max .txt-price-shopby span { display: table-cell; vertical-align: middle; } .module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_min_max .txt-price-shopby span.text-current { position: relative; top: 1px; } .module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_min_max .input_max, .module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_min_max .input_min { border: none; box-shadow: none; padding: 0; margin: 0; width: 80px; max-width: 80px; min-width: 60px; } .module.so_filter_wrap .modcontent .noUi-handle { background-color: #fff; border: 1px solid #e9e9e9; width: 15px; height: 15px; } .module.so_filter_wrap .modcontent .noUi-connect { box-shadow: none; background-color: #555; height: 8px; border-radius: 5px; } .module.so_filter_wrap .modcontent .noUi-background { background: #ff5c00; box-shadow: none; height: 8px; } .module.so_filter_wrap .modcontent .noUi-horizontal .noUi-handle-upper { right: 15px; } .module.so_filter_wrap .modcontent .noUi-target { border: none; } .module.so_filter_wrap .modcontent .noUi-background { background: #ddd; } .so-filter-content-opts-container .option-count { background: #999; min-width: 24px; text-align: center; } .so-filter-content-opts-container .option-count:not(.opt_close):after { border-right-color: #999; } .so_filter_wrap .modcontent .so-filter-heading .so-filter-heading-text { float: left; font-size: 12px; color: #222; } .so_filter_wrap .modcontent .so-filter-heading i { float: right; } .so_filter_wrap .modcontent .so-filter-content-opts-container label { font-weight: normal; } .so_filter_wrap .modcontent .so-filter-content-opts-container .option-count { float: right; } #content .filter-horizontal .so-filter-heading { padding: 0 15px; } #content .filter-horizontal .so-filter-content-opts-container { padding: 15px; } #content .filter-horizontal ul { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } #content .filter-horizontal li.so-filter-options { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; border: none; border-right: 1px solid #eaeaea; margin: 0; } #content .filter-horizontal li.so-filter-options:last-child { border-right: none; } #content .filter-horizontal .clear_filter { border-top: 1px solid #eaeaea; } /*============MODULE CATEGORY ==================*/ .category-style { border: 1px solid #e8e8e8; } .box-category ul { list-style: none; padding: 0px; margin: 0px; } .box-category > ul > li { padding: 0px; position: relative; margin: 0; box-shadow: none; background: transparent; border-bottom: 1px solid #e8e8e8; } .box-category > ul > li:last-child { border: none; } .box-category ul li a { padding: 10px 20px; display: block; color: #7d7d7d; font-weight: 600; font-family: Raleway; } .box-category ul li a.active { color: #ff5c00; } .box-category ul li .head a:before { content: "\f107"; display: inline-block; font: normal normal normal 14px/1 'FontAwesome'; } .box-category ul li .head .collapsed:before { content: "\f105"; } .box-category ul li .head { display: block; position: absolute; top: 5px; line-height: 20px; right: 10px; text-align: center; } .box-category ul li .head a { padding: 9px 20px; background: #495057; color: #fff; border-radius: 3px; border: none; background: #999; width: 20px; height: 20px; padding: 0; border-radius: 3px; margin-top: 8px; } .box-category ul li .head a:hover { background: #ff5c00; border-color: #ff5c00; color: #fff; } .box-category ul li .head a:hover { background: #ff5c00; } .box-category ul li ul li { padding: 0px 0px 0px 15px; } .box-category ul ul { margin-bottom: 20px; } .box-category ul ul li a { padding: 3px 0; } .box-category ul li ul li a:before { font-family: 'FontAwesome'; transition: all 0.3s ease; content: "\f105"; margin: 0 5px 0; } .box-category ul li ul li a:hover:before { margin-right: 10px; } .basic-product-list .item-element { margin-bottom: 20px; } .basic-product-list .item-element:hover .image { border-color: #ff5c00; } .basic-product-list .image { float: left; border: 1px solid #ddd; padding: 0; margin-right: 20px; } .basic-product-list .caption { overflow: hidden; } .basic-product-list h4 { font-size: 15px; margin: 0 0 5px; } .basic-product-list h4 a { color: #495057; } .basic-product-list h4 a:hover { color: #ff5c00; } .tag-button a { padding: 9px 20px; background: #eee; color: #333; border-radius: 3px; border: none; padding: 6px 10px; display: inline-block; margin: 0 4px 4px 0; } .tag-button a:hover { background: #ff5c00; border-color: #ff5c00; color: #fff; } div.so-extraslider.grid { border-left: 1px solid #ddd; } div.so-extraslider.grid .extraslider-inner { border: none; padding: 0; } div.so-extraslider.grid .owl2-dots .owl2-dot.active { background: #ff5c00; } div.so-extraslider.grid div.owl2-controls { right: 10px; } div.so-extraslider.grid div.owl2-controls .owl2-nav .owl2-next, div.so-extraslider.grid div.owl2-controls .owl2-nav .owl2-prev { background: #fff; border: 1px solid #a0a0a0; opacity: 1; } .so-listing-tabs .product-thumb .image a { display: block; } div.style-dev-so-listing-tabs { position: relative; z-index: 2; } div.style-dev-so-listing-tabs h3.modtitle { margin: 0; } div.style-dev-so-listing-tabs .so-listing-tabs { margin: 0; } div.style-dev-so-listing-tabs .so-listing-tabs .ltabs-tabs-container { margin: 0; } div.style-dev-so-listing-tabs .so-listing-tabs .wap-listing-tabs { border: none; } div.style-dev-so-listing-tabs .so-listing-tabs .product-layout .product-item-container { border: 1px solid #ddd; margin-left: -1px; } div.style-dev-so-listing-tabs .so-listing-tabs .product-layout .product-item-container .button-group { margin-bottom: 12px; } div.style-dev-so-listing-tabs .owl2-controls { position: absolute; top: 0; right: 0; width: 100%; z-index: 45; } div.style-dev-so-listing-tabs .owl2-controls .owl2-nav div.owl2-prev { content: "\f104"; top: 7px; left: auto; right: 37px; } div.style-dev-so-listing-tabs .owl2-controls .owl2-nav div.owl2-next { content: "\f105"; top: 7px; left: auto; right: 7px; } div.style-dev-so-listing-tabs .owl2-controls .owl2-nav div.owl2-prev, div.style-dev-so-listing-tabs .owl2-controls .owl2-nav div.owl2-next { height: 25px; width: 25px; font-family: 'FontAwesome'; border-radius: 25px; background: #fff; opacity: 1; border: 1px solid #a0a0a0; color: #a0a0a0; font-size: 0; margin: 0; padding: 0; text-align: center; } div.style-dev-so-listing-tabs .owl2-controls .owl2-nav div.owl2-prev:before, div.style-dev-so-listing-tabs .owl2-controls .owl2-nav div.owl2-next:before { font-size: 17px; line-height: 22px; text-align: center; } div.style-dev-so-listing-tabs .owl2-controls .owl2-nav div.owl2-prev:hover, div.style-dev-so-listing-tabs .owl2-controls .owl2-nav div.owl2-next:hover { border-color: #ff5c00; color: #ff5c00; } div.style-dev-so-listing-tabs .list-sub-cat { border-width: 0 0 1px 1px; border-style: solid; border-color: #ddd; margin: 0 0 30px; } div.style-dev-so-listing-tabs .list-sub-cat li.item-cate { width: 10%; float: left; border-width: 0 1px 0 0; border-color: #ddd; border-style: solid; text-align: center; padding: 10px 0; margin: 0; } div.style-dev-so-listing-tabs .list-sub-cat li.item-cate .ltabs-tab-img { margin: 0; float: none; height: auto; } div.style-dev-so-listing-tabs .list-sub-cat li.item-cate .ltabs-tab-img img { margin: 10px auto; background: none !important; } div.style-dev-so-listing-tabs .list-sub-cat li.item-cate .title-sub-cate { font-size: 13px; font-weight: bold; text-transform: capitalize; color: #495057; } div.style-dev-so-listing-tabs .list-sub-cat li.item-cate.tab-sel, div.style-dev-so-listing-tabs .list-sub-cat li.item-cate:hover { background: #eee; } div.style-dev-so-listing-tabs .list-sub-cat li.item-cate.tab-sel .title-sub-cate, div.style-dev-so-listing-tabs .list-sub-cat li.item-cate:hover .title-sub-cate { color: #ff5c00; } .rtl .block-popup-login .fa-times-circle:before { display: none; } .shopping_cart .dropdown-menu .content-item { max-height: 320px; overflow: auto; } .so-page-builder .container { padding: 0 15px !important; } body .block-popup-login .block-content .btn-reg-popup { padding: 0 15px; } .slick-initialized .slick-slide { outline: none; } .information-information .sub-title { margin-top: 10px; } .information-information-5 #content > h1 { display: none; } .information-information-8 #content > h1, .information-information-4 #content > h1 { display: none; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .so-search#sosearchpro .select_category select { padding-right: 0 !important; } .so-search#sosearchpro .select_category::after { display: none; } } .so-onepagecheckout .secondary-title i.fa { background: #ff5c00 !important; } #sosearchpro .dropdown-menu .media-body .box-price .price-new { font-size: 16px; color: #ff5c00; font-weight: bold; } #sosearchpro .dropdown-menu .media-body .box-price .price-old { font-size: 13px; } /*================ So Sticky ===============*/ @media (max-width: 1199px) { #content #so-groups { display: none; } } #content #so-groups > a span { background-color: #ff5c00; } #content #so-groups > a:hover { background-color: #cc4a00; } #content #so-groups .cart-bottom p > a.btn-checkout { background-color: #ff5c00; } #content #so-groups .cart-bottom p > a.btn-checkout:hover { background-color: #cc4a00; } #content #so-groups .form-content .form-box a.account-url:hover .account-txt { color: #ff5c00; } #content .so-groups-sticky { background-color: #ff5c00; } #content .so-groups-sticky.left { left: 0; right: auto; } #content .so-groups-sticky.right { right: 0; left: auto; } #content .so-groups-sticky .popup-header { padding: 25px 70px 25px 40px; } #content .so-groups-sticky .popup-header .popup-close { right: 20px; left: auto; color: #fff; font-size: 22px; opacity: 1; } #content .so-groups-sticky .product-thumb .button-group button, #content .so-groups-sticky .form-content .form-box #button-search { background-color: #ff5c00 !important; } #content .so-groups-sticky .product-thumb .button-group button:hover, #content .so-groups-sticky .form-content .form-box #button-search:hover { background-color: #cc4a00 !important; } #content .so-groups-sticky .form-content .form-box .product-thumb .caption h4 a:hover { color: #ff5c00; } #content .so-groups-sticky .form-content .form-box .price .price-new, #content .so-groups-sticky .form-content .form-box .price span.price { color: #222; } #content .so-groups-sticky .form-content .form-box .product-thumb .image .bt-sale, #content .so-groups-sticky .popup-header { background-color: #ff5c00; } #content .so-groups-sticky .form-content .form-box .product-thumb .caption { height: auto; max-height: auto; min-height: auto; } #content .so-groups-sticky .popup-close, #content .so-groups-sticky .popup-close i.fa { font-size: 16px; } #content .so-groups-sticky .popup-header > span > i { margin-right: 10px; margin-left: auto; } #content .so-groups-sticky .nav-secondary ul li a:hover { color: #ff5c00; } #content .so-groups-sticky .form-content .form-box input.field:hover, #content .so-groups-sticky .form-content .form-box select.field:hover { cursor: pointer; } #so-groups .form-content .form-box a.account-url:hover .account-txt { color: #ff5c00; } #so-groups .form-content .form-box input + i { font-size: 16px; margin-top: -9px; } #so-groups .form-content .form-box input + i:hover { color: #ff5c00; } #so-groups .form-content .form-box .product-thumb .caption h4 { margin-bottom: 0; } #so-groups .form-content .form-box .product-thumb .caption h4 a { font-weight: 400; } #so-groups > a { position: relative; height: 43px; } #so-groups > a.sticky-backtop { border-bottom: none; } #so-groups > a span { background-color: #ff5c00; color: #fff; display: inline-block; font-size: 14px; line-height: 22px; opacity: 0; padding: 10px; position: absolute; right: 100%; text-align: center; text-transform: capitalize; top: 0; transition: all 0.2s ease-in-out 0s; visibility: hidden; white-space: nowrap; width: auto; } #so-groups > a:hover span { opacity: 1; transition: all 0.2s ease-in-out 0s; visibility: visible; width: auto; } #content .so-onepagecheckout .secondary-title i.fa { margin-right: 10px; margin-left: auto; background-color: #ff5c00; } body #sosearchpro .dropdown-menu .media-body .box-price .price-new { color: #ff5c00; } body #sosearchpro .dropdown-menu .media-body .box-price .price { font-size: 13px; color: #ff5c00; } body #sosearchpro .dropdown-menu .media-body .box-price span { font-weight: normal; font-size: 13px; color: #666; } /*========== So Popup Countdown ===========*/ #so_popup_countdown .modal-header .close { font-size: 23px !important; right: 20px !important; top: 33px !important; } #so_popup_countdown .modal-footer #so_countdown_timer { top: 65px; } @media (min-width: 1200px) { #so_popup_countdown.modal.in .modal-dialog { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto !important; margin: 0 auto; transition: none; } } #so_popup_countdown .modal-footer #so_countdown_timer { /*width: 56px; height: 56px;*/ } #so_popup_countdown .modal-footer #so_countdown_timer .time-item { line-height: 18px; padding-top: 10px !important; } #so_popup_countdown .list-cates { background: url(../../images/bg-popupc.jpg) no-repeat; background-size: 100%; } #so_popup_countdown .list-cates ul { width: 64%; /*float: $right; padding: side-values(40px 20px 0 0);*/ float: right; padding: 40px 20px 0 0; text-align: center; } #so_popup_countdown .list-cates ul li { display: inline-block; margin: 0 14px; text-align: center; } #so_popup_countdown .list-cates ul li a { font-size: 15px; font-weight: 600; color: #1a1a1a; } #so_popup_countdown .list-cates ul li a .icon { width: 87px; height: 87px; background-color: #f7e7de; background-image: url(../../images/icon/css_sprites.png); background-repeat: no-repeat; border-radius: 50%; display: block; margin-bottom: 10px; } #so_popup_countdown .list-cates ul li a .icon.icon1 { background-position: -9px -9px; } #so_popup_countdown .list-cates ul li a .icon.icon2 { background-position: -9px -219px; } #so_popup_countdown .list-cates ul li a .icon.icon3 { background-position: -9px -429px; } #so_popup_countdown .list-cates ul li a .icon.icon4 { background-position: -9px -639px; } #so_popup_countdown .list-cates ul li a .icon.icon5 { background-position: -9px -849px; } #so_popup_countdown .list-cates ul li a .icon.icon6 { background-position: -9px -1059px; } #so_popup_countdown .list-cates ul li a .icon.icon7 { background-position: -9px -1269px; } #so_popup_countdown .list-cates ul li a:hover .icon { background-color: #ff5c00; } #so_popup_countdown .list-cates ul li a:hover .icon.icon1 { background-position: -9px -114px; } #so_popup_countdown .list-cates ul li a:hover .icon.icon2 { background-position: -9px -324px; } #so_popup_countdown .list-cates ul li a:hover .icon.icon3 { background-position: -9px -534px; } #so_popup_countdown .list-cates ul li a:hover .icon.icon4 { background-position: -9px -744px; } #so_popup_countdown .list-cates ul li a:hover .icon.icon5 { background-position: -9px -954px; } #so_popup_countdown .list-cates ul li a:hover .icon.icon6 { background-position: -9px -1164px; } #so_popup_countdown .list-cates ul li a:hover .icon.icon7 { background-position: -9px -1374px; } #so_popup_countdown .list-cates ul li.item5, #so_popup_countdown .list-cates ul li.item6, #so_popup_countdown .list-cates ul li.item7 { margin-top: 25px; } #so_popup_countdown .list-cates .customer { display: inline-block; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.04); font-size: 14px; font-weight: 500; margin-top: 25px; padding: 12px 40px 12px 50%; } #so_popup_countdown .list-cates .customer a { color: #ff5c00; } #so_popup_countdown .list-cates .customer a:hover { color: #cc4a00; } .popup-recent .space .col:nth-child(3n+1) { clear: both; } .hidden-popup-countdown { overflow: visible; } .hidden-popup-countdown #so_popup_countdown { display: none !important; } .hidden-popup-countdown .modal-backdrop { display: none !important; } .hidden-popup-countdown.modal-open .modal-backdrop:first-child { display: none !important; } .hidden-popup-countdown.modal-open .modal-backdrop { display: block !important; } .so-groups-sticky.right { z-index: 1000 !important; } .account-wishlist .btn.btn-danger, .account-wishlist .btn.btn-primary { padding: 9px 10px; } #so-groups .form-content .form-box .product-thumb .caption { max-height: 79px !important; } /*=============================================== [SASS DIRECTORY ] [1] SO LATSET BLOG [2] SIMPLE BLOG [3] ARTICLE INFO ==============================================*/ /*============SO LATSET BLOG ==================*/ /*============ SIMPLE BLOG ==================*/ .blog-header { margin: 0 0 20px; } .blog-header h3 { font-weight: bold; text-transform: uppercase; margin: 0 0 5px; /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 16px; font-size: 1.6rem; /* [8] */ color: #495057; } .blog-category .filters-panel .list-view button.btn { width: 32px; height: 32px; padding: 5px; background: #495057; } .blog-listitem .blog-item .blog-item-inner { display: block; margin-bottom: 30px; transition: all 0.2s; } .blog-listitem .blog-item .blog-item-inner:hover .blog-content h4 > a { color: #ff5c00; } .blog-listitem .blog-item .blog-item-inner .article-image { position: relative; } .blog-listitem .blog-item .blog-item-inner .article-image:before { content: ''; width: 0; height: 0; border-bottom: 85px solid transparent; top: 0; position: absolute; z-index: 2; border-left: 80px solid #fff; left: 0; } .blog-listitem .blog-item .blog-item-inner .article-image .article-date { position: absolute; z-index: 2; top: 2px; left: 3px; line-height: 20px; } .blog-listitem .blog-item .blog-item-inner .article-image .article-date .date { font-size: 14px; color: #909090; display: block; } .blog-listitem .blog-item .blog-item-inner .article-image .article-date .date b { font-size: 24px; color: #909090; display: block; } .blog-listitem .blog-item .blog-item-inner .itemBlogContent { padding: 15px; } .blog-listitem .blog-item .blog-item-inner .blog-meta { display: inline-block; padding: 0px 0 10px; border-bottom: 1px solid #ebebeb; vertical-align: top; width: 100%; } .blog-listitem .blog-item .blog-item-inner .author, .blog-listitem .blog-item .blog-item-inner .comment_count, .blog-listitem .blog-item .blog-item-inner .blog-date { color: #b3b3b3; display: inline-block; margin-right: 15px; } .blog-listitem .blog-item .blog-item-inner .author i, .blog-listitem .blog-item .blog-item-inner .comment_count i, .blog-listitem .blog-item .blog-item-inner .blog-date i { margin-right: 8px; } .blog-listitem .blog-item .blog-item-inner .author a, .blog-listitem .blog-item .blog-item-inner .comment_count a, .blog-listitem .blog-item .blog-item-inner .blog-date a { color: #b3b3b3; } .blog-listitem .blog-item .blog-item-inner .blog-content { clear: both; display: inline-block; width: 100%; } .blog-listitem .blog-item .blog-item-inner .blog-content h4 { margin-bottom: 10px; font-size: 15px; font-weight: 600; line-height: 24px; } .blog-listitem .blog-item .blog-item-inner .blog-content .article-description { margin: 5px 0 15px 0; } .blog-listitem .blog-item .blog-item-inner .blog-content .readmore { font-size: 14px; margin-top: 10px; } .blog-listitem .blog-item .blog-item-inner .blog-content .readmore .fa { margin-right: 8px; } .blog-listitem .blog-item .blog-item-inner .blog-content .readmore > a { color: #ff5c00; } .blog-listitem .blog-grid-1 .blog-item-inner .itemBlogImg { width: 320px; margin: 0 15px 0 0; float: left; } .blog-listitem .blog-grid-1 .blog-item-inner .itemBlogContent { width: auto; float: none; overflow: hidden; clear: none; padding: 0; } @media (min-width: 1200px) { .blog-listitem .blog-grid-2:nth-child(2n+1) { clear: both !important; } } .blog-listitem .blog-grid-2 .blog-item-inner { background: none; box-shadow: none !important; } .blog-listitem .blog-grid-2 .blog-item-inner .itemBlogContent { padding: 10px 0; } .blog-listitem .blog-grid-2 .article-description { display: none; } @media (min-width: 1200px) { .blog-listitem .blog-grid-3:nth-child(3n+1) { clear: both !important; } } .blog-listitem .blog-grid-3 .blog-item-inner { background: none; box-shadow: none !important; } .blog-listitem .blog-grid-3 .blog-item-inner .itemBlogContent { padding: 10px 0; } .blog-listitem .blog-grid-3 .article-description { display: none; } @media (min-width: 1200px) { .blog-listitem .blog-grid-4:nth-child(4n+1) { clear: both !important; } } .blog-listitem .blog-grid-4 .article-description { display: none; } .blog-listitem .blog-list .blog-item-inner { padding: 0px; background: none; margin-bottom: 35px; } .blog-listitem .blog-list .blog-item-inner .itemBlogImg { margin-bottom: 15px; } .blog-listitem .blog-list .blog-item-inner .itemBlogContent { padding: 0; } /*============ARTICLE INFO==================*/ div.article-info .article-title h3 { font-size: 20px; text-transform: uppercase; color: #495057; font-weight: bold; margin-bottom: 5px; } div.article-info .article-sub-title { display: inline-block; width: 100%; margin-bottom: 10px; } div.article-info .article-sub-title span { display: block; float: left; color: #999; padding: 0 10px; font-size: 13px; } div.article-info .article-sub-title span.article-author { padding-left: 0; } div.article-info .article-sub-title span.article-author a { color: #999; font-size: 13px; } div.article-info .article-sub-title span.article-author a:hover { color: #ff5c00; } div.article-info .article-sub-title span.article-comment { border-right: 0; } div.article-info .article-sub-title .article-share { display: none; } div.article-info .article-image { margin-bottom: 30px; } div.article-info .article-description { margin-bottom: 30px; } div.article-info .related-comment { border-radius: 0; border: 0; border-top: 1px solid #e6e6e6; padding-top: 40px; box-shadow: none; margin-top: 40px; } div.article-info .related-comment .article-reply { border: none; background: #f9f9f9; } div.article-info .related-comment .article-reply .author { font-weight: bold; font-size: 16px; } div.article-info .related-comment .article-reply .article-reply { background: #f4f3f3; } div.article-info .related-comment .panel-body { padding: 0; border: 0; } div.article-info .related-comment .panel-body .form-group #comments { padding: 0; border: 0; overflow: hidden; } div.article-info .related-comment .panel-body .form-group #comments h2#review-title { margin: 0 0 30px; padding: 0; font-weight: bold; text-transform: uppercase; font-size: 18px; color: #121212; } @media (min-width: 992px) { div.article-info .related-comment #button-comment { padding: 10px 52px; } } div.article-info .panel-default { border-radius: 0; } div.article-info .itemFullText { text-align: justify; } .panel--related img { transition: 0.3s all ease-in-out; } .panel--related .img-responsive:hover { opacity: 0.8; } .panel--related .caption h4 { font-size: 14px; margin: 10px 0; } .article--style1 .article-info .article-image { width: 50%; margin-right: 30px; float: left; } .article--style2 .article--mainimage { position: relative; z-index: 1; margin-bottom: 30px; } .article--style2 .article--maintitle { position: absolute; bottom: 0; z-index: 5; width: 100%; padding: 10px 15px; color: #f3f3f3; background: -webkit-linear-gradient(left, #111 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(left, #111 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #111 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #111 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00ffffff',GradientType=1); /* IE6-9 */ } .article--style2 .article--maintitle .article-title { text-transform: uppercase; } .article--style2 .article--maintitle h3 { margin-bottom: 5px; font-size: 21px; } .article--style3 .article--mainimage { position: relative; z-index: 1; margin-bottom: 30px; } .article--style3 .article--maintitle .article-title { text-transform: uppercase; } .article--style3 .article--maintitle h3 { margin-bottom: 5px; } .article--style4 .article--maincontent { padding-top: 20px; position: relative; z-index: 2; margin-top: -100px; background: #fff; } .article--style5 .article--mainimage { position: relative; z-index: 1; margin-bottom: 30px; } .article--style5 .article--maintitle { position: absolute; z-index: 5; transform: translateY(-130%); width: 1170px; } .article--style5 .article--maintitle h3 { margin-bottom: 0; } .article--style5 .article--maintitle .article-title { text-transform: uppercase; bottom: 0; z-index: 5; display: block; background: rgba(0, 0, 0, 0.6); padding: 10px; color: #f3f3f3; margin-bottom: 10px; } .article--style5 .article--maintitle .article-sub-title { bottom: 0; z-index: 5; display: inline-block; background: rgba(0, 0, 0, 0.6); min-width: 45%; padding: 10px; color: #f3f3f3; } .article--style5 .article--maintitle .article-title, .article--style5 .article--maintitle .article-sub-title { background: -webkit-linear-gradient(left, #111 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(left, #111 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #111 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #111 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00ffffff',GradientType=1); /* IE6-9 */ } /*============ARTICLE COMMENTS==================*/ .comments { margin-bottom: 30px; } .comments.comments-level-1 { margin-left: 136px; } .comments .pull-left { width: 100px; height: 100px; display: block; background-color: #f5f5f5; margin-right: 30px; position: relative; padding: 0; } .comments .pull-left .fa { font-size: 46px; display: block; text-align: center; margin: 25px 0; } .comments .pull-left img { width: 100%; height: auto; position: relative; z-index: 2; } .comments .pull-left span { position: absolute; display: inline-block; top: 15%; } .comments .media-body .media-title { color: #1fc0a0; padding-bottom: 14px; } .comments .media-body .media-title .username { font-size: 18px; font-style: italic; font-family: Georgia, sans-serif; display: inline-block; margin-right: 14px; } .comments .media-body .media-title .time { font-size: 16px; } .comments .media-body .media-title .time .fa { font-size: 20px; margin-right: 13px; position: relative; top: 3px; } .comments .media-body .media-title .link:hover { text-decoration: none; } @media (max-width: 745px) { .comments { margin-bottom: 28px; } .comments.comments-level-1 { margin-left: 70px; } .comments .pull-left { width: 70px; height: 70px; margin-right: 20px; } .comments .pull-left:before { font-size: 46px; line-height: 1em; top: 10px; } .comments .media-body .media-title time { display: block; } .comments .media-body .media-title time .icon { font-size: 20px; margin: 0 6px 0 0; position: relative; top: 3px; } } /*=============================================== [SASS DIRECTORY ] [1] HEADING [2] LINK & COLUMN [3] BLOCK FORM [4] BLOCK TABLE ==============================================*/ /*================ HEADING ===================*/ html { width: 100%; outline: 0 !important; direction: ltr; } body { color: #7d7d7d; font-size: 13px; line-height: 25px; background-color: #fff; } .owl2-carousel .owl2-item img { transform-style: inherit; } h1 { font-size: 33px; } h2 { font-size: 27px; } h3 { font-size: 23px; } h4 { font-size: 17px; } h5 { font-size: 13px; } h6 { font-size: 12px; } .h1, .h2, .h3, h1, h2, h3, .h4, .h5, .h6, h4, h5, h6 { margin: 0 0 15px 0; } * { outline: none !important; } ::-webkit-scrollbar { width: 0.5em; height: 0.5em; } ::-webkit-scrollbar-thumb { background: #777; } ::-webkit-scrollbar-track { background: #d6d6d6; } body { scrollbar-face-color: #777; scrollbar-track-color: #d6d6d6; } input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*================ LINK & COLUMN ===================*/ .textColor { color: #ff5c00; } ul, ul.menu, ol.menu, ul.blank { list-style: none; margin: 0; padding: 0; } option { padding: 2px 5px; border-width: 1px; } .alert ol li { list-style-type: decimal; margin: 0 0 5px 15px; } img { max-width: 100%; } .over { overflow: visible; } .align-center { display: table; margin: 0 auto; } .text-danger { color: #fff; display: inline-block; background-color: #a94442; padding: 0 5px; margin: 5px 0; border-radius: 3px; font-size: 11px; } a { color: #666; } a:hover { color: #b34000; text-decoration: none; } a, a:visited, a:active, a:link, a:focus { cursor: pointer; text-decoration: none; outline: none; } ol { counter-reset: item; padding: 0 0 0 15px; } sup { color: #f00; font-size: 100%; top: -4px; } .list-inline { display: inline-block; margin: 0; } .container-megamenu .list-inline a { display: inline-block; } .clearfix { clear: both; } .img-thumbnail.pull-left { margin-right: 30px; } .img-thumbnail.pull-right { margin-left: 30px; } .margin-zero { margin: 0; } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) and (max-width: 991px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) and (max-width: 1199px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } /*================ FORM ===================*/ legend { font-size: 18px; padding: 7px 0px; } /* @group 2. Inputs -------------------*/ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .form-control, select { border-radius: 3px; background-color: #eee; border: none; color: #3d3d3d; padding: 9px; /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 12px; font-size: 1.2rem; /* [8] */ box-shadow: none !important; transition: all 0.3s ease; } *:focus { outline: none; } input#input-captcha { margin-bottom: 15px; } select:focus, textarea:focus, textarea:hover, input[type="text"]:focus, input[type="text"]:hover, input[type="password"]:focus, input[type="password"]:hover, input[type="datetime"]:focus, input[type="datetime"]:hover, input[type="datetime-local"]:focus, input[type="datetime-local"]:hover, input[type="date"]:focus, input[type="date"]:hover, input[type="month"]:focus, input[type="month"]:hover, input[type="time"]:focus, input[type="time"]:hover, input[type="week"]:focus, input[type="week"]:hover, input[type="number"]:focus, input[type="number"]:hover, input[type="email"]:focus, input[type="email"]:hover, input[type="url"]:focus, input[type="url"]:hover, input[type="search"]:focus, input[type="search"]:hover, input[type="tel"]:focus, input[type="tel"]:hover, input[type="color"]:focus, input[type="color"]:hover, .uneditable-input:focus, .uneditable-input:hover { outline: none; background-color: #e9e9e9; /* IE6-9 */ } textarea { max-width: 100%; } .form-control { height: 38px; } /* @end */ /* @group 3. Dropdown -------------------*/ .shopping_cart .fa-check-circle { display: none; } .shopping_cart .btn-shopping-cart .checkout { padding: 10px 20px; } .shopping_cart .dropdown-menu .content-item { max-height: 245px; overflow: auto; } .shopping_cart .btn-shopping-cart .added_items { color: #222; } .header-top-right .top-link > li { position: relative; } .dropdown-menu { background: #fff; padding: 5px 0; margin-top: 0; border-radius: 0px; border: none; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15); font-size: 12px; } .header-top .dropdown-menu, .shopping_cart .dropdown-menu { display: block; opacity: 0; filter: alpha(opacity=0); visibility: hidden; transition: all 0.2s ease-out; margin-top: 10px; padding: 10px 20px; right: 0; left: auto; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 0px; } .header-top .dropdown-menu > li .btn-block, .shopping_cart .dropdown-menu > li .btn-block { padding: 5px 0; line-height: 22px; color: #495057; } .header-top .dropdown-menu > li .btn-block:hover, .shopping_cart .dropdown-menu > li .btn-block:hover { color: #ff5c00; } .header-top .dropdown-menu > li:hover button, .shopping_cart .dropdown-menu > li:hover button { color: #ff5c00; } .header-top .dropdown-menu .btn-block, .shopping_cart .dropdown-menu .btn-block { border: none; background: transparent; text-align: left; } .btn-group .btn-link { text-align: left; background: transparent; text-decoration: none; padding: 5px 10px; color: #7d7d7d; font-weight: normal; color: #495057; position: relative; z-index: 1; } .btn-group .btn-link:hover { color: #ff5c00; } .dropdown-menu > li > a { padding: 5px 0px; line-height: 22px; color: #495057; } .dropdown-menu > li > a:hover { color: #ff5c00; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: transparent; } .nav-header { color: #667280; } @media (min-width: 1199px) { header .header-top .top-link > li:hover .dropdown-menu, header .btn-group:hover .dropdown-menu, header .dropdown:hover .dropdown-menu, header .btn-shopping-cart:hover .dropdown-menu { margin-top: 0; opacity: 1; filter: alpha(opacity=100); visibility: visible; } } @media (max-width: 1024px) { header .open > .dropdown-menu { margin-top: 0; opacity: 1; filter: alpha(opacity=100); visibility: visible; } } .size-img-cart { width: 80px; } #cart .dropdown-menu { margin-right: 15px; padding: 0; } #cart .dropdown-menu:after { left: auto; right: 49px; } #sosearchpro .dropdown-menu { top: 100%; display: none; } @media (min-width: 1200px) { #sosearchpro .dropdown-menu { min-width: 300px; } } #sosearchpro .dropdown-menu .media-left { float: left; } #sosearchpro .dropdown-menu .media-body a { color: #495057; float: none; } #sosearchpro .dropdown-menu .media-body a:hover { color: #ff5c00; } #sosearchpro .dropdown-menu:after { display: none; } /* @end */ /* @group 4. Buttons ------------------*/ .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .button, .btn { outline: none; padding: 9px 20px; background: #495057; color: #fff; border-radius: 3px; border: none; background: #ff5c00; border-color: #ff5c00; } .button:hover, .btn:hover { background: #ff5c00; border-color: #ff5c00; color: #fff; } .button:hover, .btn:hover { background: #495057; border-color: #495057; } .btn-warning { background: #f0ad4e; } .btn-success { background: #5cb85c; } .btn-info { background: #999; border-radius: 0; text-transform: uppercase; visibility: visible; } .btn-primary { background: #999; text-transform: uppercase; } .btn-danger { background: #d9534f; border-radius: 5px; } .button .fa, .btn .fa { margin: 0 5px; } .button.inverse, .btn.inverse { background-color: #495057; } .button.inverse:hover, .btn.inverse:hover { background-color: #ff5c00; } .button-continue-shopping { display: block; float: left; } .button-checkout { display: block; float: right; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33333; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; } /* @end */ .btn-inline { display: inline-block; } /*================ POPUP ADDED TO CART ===================*/ .alert { position: relative; padding: 18px 40px 18px 75px; z-index: 30; color: #fff; border-radius: 0; min-height: 60px; box-sizing: border-box; border: none; font-weight: 600; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); transition: 1s all cubic-bezier(1, -0.01, 0, 0.99); } .alert i { position: absolute; top: 0; left: 0; bottom: 0; text-align: center; width: 60px; font-size: 40px; -webkit-animation: alert-icon-anim 1s; -moz-animation: alert-icon-anim 1s; -ms-animation: alert-icon-anim 1s; -o-animation: alert-icon-anim 1s; animation: alert-icon-anim 1s; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); } .alert i:before { position: absolute; top: 50%; left: 0; right: 0; line-height: 0; } .alert a:hover { text-decoration: underline; } .alert button.close { position: absolute; top: 50%; line-height: 1; right: 15px; color: #fff; opacity: 0.7; background: none; border: none; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .alert button.close:hover, .alert button.close:focus { opacity: 1; color: #fff; } .alert.fadeOut { -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } .alert.fadeOut .alert { top: 100%; } @media (max-width: 479px) { .alert { padding-right: 30px; } .alert button.close { right: 5px; } } .alert-success { background-color: #4caf50; } .alert-success i { background: #388e3c; } .alert-success a, .alert-success a:visited, .alert-success a:focus, .alert-success a:hover { color: #c8e6c9; } .alert-danger { background-color: #f44336; } .alert-danger i { background: #d32f2f; } .alert-danger a, .alert-danger a:visited, .alert-danger a:focus, .alert-danger a:hover { color: #ffcdd2; } .alert-info { background-color: #03a9f4; } .alert-info i { background: #0288d1; } .alert-info a, .alert-info a:visited, .alert-info a:focus, .alert-info a:hover { color: #b3e5fc; } .alert-warning { background-color: #ff5722; } .alert-warning i { background: #e64a19; } .alert-warning a, .alert-warning a:visited, .alert-warning a:focus, .alert-warning a:hover { color: #ffccbc; } /*================ TABLE ===================*/ .table thead > tr > th { background: #eee; } table.std th, table.std td { vertical-align: middle; border: #ddd; padding: 10px; text-align: center; } table.std th { white-space: nowrap; background: #f5f5f5; } table.std tfoot td { color: #333; text-align: right; white-space: nowrap; } table.std { background: #fdfdfd; border-spacing: 0; vertical-align: middle; border: #ddd; width: 100%; } table th { border: #ddd; color: #7a7a7a; font-size: 13px; font-weight: bold; padding: 10px; text-align: center; vertical-align: middle; text-transform: uppercase; } .delivery_option table td { text-align: center; } table tfoot td { text-align: right; } table.table-bordered thead > * { background-color: rgba(51, 51, 51, 0.1); font-weight: bold; } /*================ PAGINATION ===================*/ .pagination > li { display: inline-block; margin: 0 2px; vertical-align: top; } .pagination > li span, .pagination > li a { padding: 0 12px; line-height: 30px; z-index: 1; } .pagination > li a:hover, .pagination > li span:hover { color: #fff; background: #ff5c00; border-color: #ff5c00; } .pagination > li.active, .pagination > li:hover { background: transparent; border-color: #ff5c00; } .pagination > li.active span, .pagination > li:hover span { color: #ff5c00; background: transparent; border-color: #ff5c00; } .pagination > li.active span:hover, .pagination > li:hover span:hover { background: #ff5c00; border-color: #ff5c00; } .pagination > li:last-child { margin-right: 0; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: 0; } .pagination > li > a, .pagination > li > span { color: #666; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0; } /*===== remove bootstrap style in chrome ===*/ @media (min-width: 768px) { .newsletter .form-inline .form-group { display: block; } } /*===============================*/ .overflow_auto, .table-responsive { direction: ltr; } .overflow_auto { overflow: auto; } .hidden-scorll { overflow: hidden; } .checkout-checkout .check-newsletter #newsletter { margin-top: 6px; } .information-information footer, .information footer { margin-top: 30px; } /*=============================================== [SASS DIRECTORY ] [1] CONTACT PAGE [2] PAEG ABOUT US [3] PAGE BLOG [4] PAGE 404 ==============================================*/ /*============ CONTACT PAGE ==============*/ #map-canvas { height: 550px; width: 100%; margin: 0px 0 10px; } .info-contact { padding-top: 30px; } .info-contact .name-store h3 { font-size: 16px; color: #222; text-transform: uppercase; } .info-contact .text { padding-left: 30px; } .info-contact .comment { padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; margin-bottom: 25px; } .contact-form legend { border: none; padding: 0; text-transform: uppercase; font-weight: 600; text-align: center; } .contact-form legend h2 { font-size: 18px; color: #222; text-transform: uppercase; margin-bottom: 20px; text-align: center; font-weight: bold; } .contact-form p { text-align: center; } /*============ PAEG ABOUT US ==============*/ .about-demo-1 { text-align: center; } .about-demo-1 p { line-height: 22px; color: #666; } .about-demo-1 h3.title.font-ct { text-transform: uppercase; color: #000; font-size: 18px; font-weight: bold; margin-bottom: 10px; } .about-demo-1 .image-about-us { margin-bottom: 30px; } .about-demo-1 .about_wrapper { margin-bottom: 60px; } .about-demo-1 .our-team-content { background: #f8f8f8; padding: 59px 0; position: relative; } .about-demo-1 .our-team-content:after { content: ""; background: #f8f8f8; position: absolute; width: 200%; height: 100%; top: 0; left: -50%; z-index: -1; } .about-demo-1 .our-team-content h3.title { margin-bottom: 20px; } .about-demo-1 .our-team-content p.dec { padding: 0 20%; margin-bottom: 47px; } .about-demo-1 .our-team-content .member-image img { border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; margin-bottom: 17px; } .about-demo-1 .our-team-content .member .name-member { text-transform: uppercase; color: #000; font-weight: bold; font-size: 16px; margin-bottom: 10px; } .about-demo-1 .about-banner { margin-top: 73px; } .about-demo-1 .about-banner .title { text-transform: uppercase; color: #000; font-weight: bold; font-size: 14px; } .about-demo-1 .about-banner .image { margin-bottom: 24px; } /*============ PAGE 404 ==============*/ .button-404 > a { margin: 0 10px; } .content_404 { margin: 40px 0 30px; overflow: hidden; } .content_404 .block-top h2 { color: #222; font-size: 24px; font-weight: bold; text-transform: uppercase; margin-bottom: 25px; } .content_404 .block-top .warning-code { font-size: 14px; color: #7d7d7d; margin-bottom: 40px; } /*============ PAGE COMMING SOON ==============*/ .page-comingsoon { background: url("../../images//bg-comingsoon.jpg") no-repeat center center; text-align: center; min-height: 600px; } /*INFOMATION*/ .module-content { background: #fff; border: 1px solid #ddd; padding: 0 20px; } .module-content .list-box li { position: relative; padding-left: 15px; } .module-content .list-box li:before { position: absolute; display: block; top: 16px; background: #999; content: ""; width: 6px; height: 6px; border-radius: 100%; left: 0; } .title-under { position: relative; margin-bottom: 50px; } .title-under:after { content: ""; position: absolute; display: block; height: 4px; width: 68px; background: #ff5c00; bottom: -10px; } .title-under.text-center:after { left: 50%; margin-left: -34px; } .media-box-link--arrow .icon { font-size: 30px; } .media-box-link--figure .icon { font-size: 70px; } .media-box-link { display: table-row; width: 100%; height: 100%; background-color: #ff5c00; cursor: pointer; color: #fff; transition: all 0.3s ease-in-out; } .btn-default { background: #ff5c00; border-radius: 0; } .btn-default:hover { background: #ff5c00; } .media-box-link h4 { color: #fff; transition: all 0.3s ease-in-out; } .media-box-link .icon { transition: all 0.3s ease-in-out; } .media-box-link--figure, .media-box-link--content, .media-box-link--arrow { display: table-cell; padding: 6% 0; vertical-align: middle; } .media-box-link--figure { width: 23%; } .media-box-link--content { padding-right: 5%; width: 67%; } .media-box-link--arrow { width: 10%; vertical-align: middle; } .media-box-link:hover { background-color: #495057; } /* PAGE - FAQ & Gallery =======================================================*/ .item-article .content--gallery .row { margin: 0 -8px; } .item-article .content--gallery .col-md-1, .item-article .content--gallery .col-md-10, .item-article .content--gallery .col-md-11, .item-article .content--gallery .col-md-12, .item-article .content--gallery .col-md-2, .item-article .content--gallery .col-md-3, .item-article .content--gallery .col-md-4, .item-article .content--gallery .col-md-5, .item-article .content--gallery .col-md-6, .item-article .content--gallery .col-md-7, .item-article .content--gallery .col-md-8, .item-article .content--gallery .col-md-9, .item-article .content--gallery .col-sm-1, .item-article .content--gallery .col-sm-10, .item-article .content--gallery .col-sm-11, .item-article .content--gallery .col-sm-12, .item-article .content--gallery .col-sm-2, .item-article .content--gallery .col-sm-3, .item-article .content--gallery .col-sm-4, .item-article .content--gallery .col-sm-5, .item-article .content--gallery .col-sm-6, .item-article .content--gallery .col-sm-7, .item-article .content--gallery .col-sm-8, .item-article .content--gallery .col-sm-9 { padding: 0 8px; } .item-article .content--gallery .popup-gallery { margin: 0 0px 15px 0; display: inline-block; } .item-article .content--gallery .popup-gallery.popup--video { position: relative; z-index: 2; background: black; } .item-article .content--gallery .popup-gallery.popup--video img { opacity: 0.6; } .item-article .content--gallery .popup-gallery.popup--video:before { content: "\f01d"; display: block; font-family: 'FontAwesome'; position: absolute; z-index: 4; left: 50%; top: 50%; font-size: 52px; color: rgba(255, 255, 255, 0.9); margin: -9px 0 0 -20px; } .item-article .content--gallery .popup-gallery img { transition: 0.3 opacity ease-in-out; } .item-article .content--gallery .popup-gallery:hover img { opacity: 0.7; } .item-article ul.yt-accordion { list-style: none; margin: 0; } .item-article ul.yt-accordion .yt-accordion-group { margin-bottom: 3px; } .item-article ul.yt-accordion .yt-accordion-group .accordion-heading { color: #333; font-size: 15px; padding: 9px 15px; margin: 0; line-height: 22px; cursor: pointer; background: #f1f1f1; text-transform: capitalize; position: relative; } .item-article ul.yt-accordion .yt-accordion-group .accordion-heading .fa { margin-right: 10px; } .item-article ul.yt-accordion .yt-accordion-group .accordion-heading:hover { background: #ff5c00; color: white; } .item-article ul.yt-accordion .yt-accordion-group .accordion-heading.active { background: #ff5c00; color: white; } .item-article ul.yt-accordion .yt-accordion-group .accordion-heading.active:before { border: 8px solid #ff5c00; border-color: #ff5c00 transparent transparent transparent; content: ""; position: absolute; top: 100%; left: 30px; } .item-article ul.yt-accordion .yt-accordion-inner { padding: 15px 15px 10px 15px; background: #f1f1f1; } /*=============================================== [SASS DIRECTORY ] [1] BOX SALE,NEW [2] RATE [3] TODAY'S DEALS [4] PRODUCT CATEGORY [5] TOOLBAR [6] PRODUCT LIST GRID SIMPLE [7] QUICKVIEW [8] Category Featured ==============================================*/ .layout-3 #compare-total { margin-top: 10px; } /*============ BOX SALE,NEW ==============*/ .label-stock { position: absolute; bottom: 10px; padding: 5px 10px; left: 10px; font-size: 12px; font-weight: normal; text-transform: uppercase; z-index: 1; } .label-stock.In { right: 10px; left: auto; background: #d9534f; } .label-stock.Pre-Order { background: #337ab7; } .label-new, .label-sale { text-align: center; background-color: #ff5c00; border-radius: 50%; color: #fff; display: block; /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 12px; font-size: 1.2rem; /* [8] */ font-weight: 500; width: 43px; height: 43px; line-height: 43px; position: absolute; top: 15px; text-transform: uppercase; z-index: 2; padding: 0; margin-bottom: 5px; } .label-sale { background-color: #ff5c00; right: 15px; } .label-new { background-color: #53d542; left: 15px; } .label-percent { padding: 2px 5px; background: #ff5c00; font-size: 13px; font-weight: normal; } .product-options label { padding: 0; color: #666; } .product-options .label { font-weight: normal; font-size: 11px; } .product-options .radio { position: relative; z-index: 2; text-transform: capitalize; cursor: pointer; } .product-options .radio .fa { display: none; } .product-options .active .fa { display: block; } .product-options .fa { position: absolute; top: 0; left: 0; z-index: 2; width: 22px; height: 22px; color: white; line-height: 22px; text-align: center; } /*============ BOX RATING ==============*/ .rate-history .ratings, .rate-history .order-num { display: inline-block; color: #999; } .rate-history .rating-num, .rate-history .order-num { font-size: 12px; } .rate-history .rating-num { color: #999; } .rate-history .rating-num:hover { color: #ff5c00; } .rate-history .order-num:before { content: "|"; display: inline-block; padding: 0 5px; } .rating, .ratings { margin-bottom: 3px; } .rating .rating-box, .ratings .rating-box { display: inline-block; font-size: 0; vertical-align: middle; } .rating span.fa-stack .fa-star-o:before, .ratings span.fa-stack .fa-star-o:before { content: "\f005"; color: #bbb; } .rating span.fa-stack .fa-star.fa-stack-1x, .ratings span.fa-stack .fa-star.fa-stack-1x { z-index: 1; } .rating span.fa-stack .fa-star.fa-stack-1x:before, .ratings span.fa-stack .fa-star.fa-stack-1x:before { content: "\f005"; color: #fec42d; } span.fa-stack { width: 14px; height: 11px; line-height: 10px; font-size: 12px; } span.fa-stack .fa-star-o:before { content: "\f005"; color: #bbb; } span.fa-stack .fa-stack-2x { font-size: 11px; } span.fa-stack .fa-star.fa-stack-2x { position: relative; z-index: 1; } span.fa-stack .fa-star.fa-stack-2x:before { content: "\f005"; color: #fec42d; } .price { margin: 0 0 10px 0; line-height: 24px; font-size: 16px; font-weight: 600; } .price .price-old { line-height: 20px; padding: 0 5px; display: inline-block; text-decoration: line-through; color: #999; /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 12px; font-size: 1.2rem; /* [8] */ font-weight: 400; } .price .price-new, .price span.price { color: #ff5c00; /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 16px; font-size: 1.6rem; /* [8] */ font-weight: 600; } /*==================== COUNT DOWN BOX ====================*/ .countdown_box { position: absolute; top: 50%; margin-top: -28px; left: 50%; width: 210px; transition: all 0.3s ease-in-out; -webkit-transform: scale(1) translateX(-50%); -moz-transform: scale(1) translateX(-50%); -ms-transform: scale(1) translateX(-50%); -o-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%); } .countdown_box .countdown_inner { width: 100%; text-align: center; } .countdown_box .title { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 8px; display: none; } .countdown_box .time-item { display: inline-block; color: #fff; width: 25%; background: rgba(0, 0, 0, 0.7); border-radius: 5px; margin: 0 2px; width: 35px; text-align: center; padding: 6px 0; line-height: 18px; } .countdown_box .time-item .num-time { font-size: 15px; font-weight: 500; } .countdown_box .time-item .name-time { font-size: 10px; font-weight: 300; text-transform: capitalize; } .countdown_box .time-item:last-child { border: none; } /*====================PRODUCT CATEGORY ====================*/ .products-category .filter_group { width: 25%; display: inline-block; vertical-align: top; } .products-category .category-info img:hover { opacity: 0.8; } .products-category .category-info .form-group { margin: 0; } .products-category .category-info .form-group > p { margin: 0; } .title-category { /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 18px; font-size: 1.8rem; /* [8] */ text-transform: uppercase; color: #222; border-bottom: 2px solid #eee; display: inline-block; width: 100%; position: relative; margin-top: 0; padding-bottom: 10px; } .title-category:after { position: absolute; content: ""; width: 110px; height: 2px; background-color: #ff5c00; bottom: -2px; left: 0; } .products-category .form-group .short-by { margin-right: 10px; } /*REFINE SEARCH CATEGORY*/ .refine-search__content::after { display: block; clear: both; content: ""; } .refine-search__content .refine-loadmore { display: flex; justify-content: center; align-items: center; align-content: stretch; float: left; border: 1px solid #ddd; overflow: hidden; min-height: 49px; height: 72px; width: 80px; padding: 10px; text-align: center; cursor: pointer; border-radius: 4px; background: #f4f4f4; } .refine-search__content .refine-loadmore > span { display: inline-block; padding: 0 5px; } .refine-search__content .refine-loadmore:hover { background: #ff5c00; border-color: #ff5c00; color: white; } .refine-search__content .refine-search__subitem { width: 120px; float: left; margin-bottom: 15px; margin-right: 15px; } .refine-search .thumbnail { margin-bottom: 10px; } .refine-search a { color: #495057; display: block; } .refine-search a:hover { color: #ff5c00; } .layout-3 .filters-panel .list-view button.btn { font-family: Arial; } /*TOOLBAR LISTING TOP*/ #content.col-sm-6 .product-compare { display: none; } .filters-panel { border-radius: 0px; margin-bottom: 30px; } .filters-panel::after { display: block; clear: both; content: ""; } .filters-panel.product-filter-top { margin-top: 15px; } .filters-panel.product-filter-bottom { border-top: 1px solid #ebebeb; padding-top: 20px; margin-top: 20px; } .filters-panel .pagination { margin: 0; } .filters-panel .product-compare { margin-right: 0 !important; } .filters-panel .list-view { display: inline-block; } .filters-panel .list-view .btn-gridview { border: none; color: #495057; float: left; padding: 0 5px; font-size: 12px; } .filters-panel .list-view button.btn { margin: 0px; margin-right: 1px; float: left; width: 33px; height: 33px; line-height: 34px; background: #666; text-align: center; padding: 0; border-radius: 0px !important; border: none; } .filters-panel .list-view button.btn i { color: #fff; } .filters-panel .list-view button.btn:hover, .filters-panel .list-view button.btn.active { background: #ff5c00; box-shadow: none; color: #fff; } .filters-panel .list-view button.btn:hover i, .filters-panel .list-view button.btn.active i { color: #fff; } .filters-panel .list-view button.btn:focus { border-radius: 0; outline: none; } .filters-panel .list-view .fa { font-size: 14px; } .filters-panel label { font-size: 12px; font-weight: normal; color: #444; } .filters-panel .btn-default { padding: 9px 20px; background: #eee; color: #333; border-radius: 3px; border: none; font-size: 12px; } .filters-panel .btn-default:hover { background: #ff5c00; border-color: #ff5c00; color: #fff; } .filters-panel .form-control, .filters-panel .btn { height: 33px; line-height: 33px; padding: 0px 15px; border: 1px solid #ddd; background: transparent; border-radius: 0px; background-color: #fff; } .filters-panel .form-group { margin-left: 10px; } .filters-panel .form-group select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../../images/icon/bg-select.png) no-repeat center right; border: 1px solid #e5e5e5; height: 33px; line-height: 33px; padding: 0px 20px 0 10px; background-color: #fff; } .filters-panel .form-group select.form-control:hover { cursor: pointer; } .filters-panel .short-by-show.text-center .form-group { display: none; } .box-pagination .pagination > li { margin: 0 3px; } .box-pagination .pagination > li:hover span, .box-pagination .pagination > li.active span, .box-pagination .pagination > li:hover a, .box-pagination .pagination > li.active a { border-color: #ff5c00; background-color: #ff5c00; color: #fff; } .box-pagination .pagination > li span, .box-pagination .pagination > li a { text-align: center; width: 33px; height: 33px; line-height: 33px; border-radius: 3px; padding: 0; } .box-pagination .pagination { display: block; } /*================ PRODUCT LIST ===================*/ .products-list { clear: both; /*====================PRODUCT GRID ====================*/ /*----------------PRODUCT Table ------------------*/ /*----------------PRODUCT LIST ------------------*/ } .products-list::after { display: block; clear: both; content: ""; } .products-list .product-layout { transition: all 0.5s ease 0s; display: block; } .products-list .product-layout .product-item-container { overflow: hidden; position: relative; z-index: 2; border: 1px solid #e8e8e8; } .products-list .product-layout .product-item-container .product-card__gallery { position: absolute; z-index: 90; top: 0; visibility: hidden; transition: all 0.3s ease-in 0s; margin: 10px; width: 50px; } .products-list .product-layout .product-item-container .product-card__gallery.product-card__left { transform: translateX(-100%); left: 0; } .products-list .product-layout .product-item-container .product-card__gallery.product-card__right { transform: translateX(100%); right: 0; } .products-list .product-layout .product-item-container .product-card__gallery.product-card__bottom { top: auto; bottom: 0; -webkit-box-align: stretch; -moz-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -ms-flex-align: stretch; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; width: 100%; } .products-list .product-layout .product-item-container .product-card__gallery.product-card__bottom .item-img { width: 20px; height: 8px; background: #999; margin: 1px; margin-left: 1px; border: none; } .products-list .product-layout .product-item-container .product-card__gallery.product-card__bottom .item-img.thumb-active { border: none; width: 60px; background: #ff5c00; } .products-list .product-layout .product-item-container .product-card__gallery.product-card__bottom .item-img img { display: none; } .products-list .product-layout .product-item-container .product-card__gallery .item-img { padding: 1px; background: white; border: 1px solid #eaeaea; margin: 0 0 3px; cursor: pointer; opacity: 0.6; } .products-list .product-layout .product-item-container .product-card__gallery .item-img.thumb-active { opacity: 1; border: 1px solid #ddd; } .products-list .product-layout .product-item-container .left-block { position: relative; overflow: hidden; } .products-list .product-layout .product-item-container .left-block .product-image-container { margin-bottom: 0; text-align: center; border: none; } .products-list .product-layout .product-item-container .left-block .product-image-container img { margin: 0 auto; } .products-list .product-layout .product-item-container:hover .product-card__gallery { visibility: visible; transform: translateX(0%); } .products-list .product-layout .product-item-container:hover .countdown_box { visibility: hidden; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; transition: all 0.2s ease-in-out 0s; } .products-list .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img-2 { top: 0; opacity: 1; z-index: 0; } .products-list .product-layout .product-item-container:hover .left-block .product-image-container a:before { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; } .products-list .product-grid .product-item-container { background-color: #fff; margin: 0 0 30px 0; padding: 0; position: relative; overflow: hidden; border-radius: 0; } .products-list .product-grid .product-item-container > .list-block, .products-list .product-grid .product-item-container .description { display: none; } .products-list .product-grid .product-item-container .left-block { position: relative; } .products-list .product-grid .product-item-container .left-block .product-image-container img { width: 100%; } .products-list .product-grid .product-item-container .left-block .button-group { padding: 0; position: absolute; z-index: 99; } .products-list .product-grid .product-item-container .left-block .button-group .btn-button { border: none; display: block; padding: 0; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; color: #fff; width: 32px; height: 32px; line-height: 32px; text-align: center; margin: 5px; transition: all 0.3s cubic-bezier(0.45, 0.22, 0.27, 1.55) 0s; opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); visibility: hidden; } .products-list .product-grid .product-item-container .left-block .button-group .btn-button span { display: none; } .products-list .product-grid .product-item-container .left-block .button-group .btn-button.wishlist { transition-delay: 0.1s; } .products-list .product-grid .product-item-container .left-block .button-group .btn-button.compare { transition-delay: 0.2s; } .products-list .product-grid .product-item-container .left-block .button-group .btn-button.quickview { transition-delay: 0.3s; } .products-list .product-grid .product-item-container .left-block .button-group .btn-button:hover { background-color: #ff5c00; } .products-list .product-grid .product-item-container .left-block .cartinfo--left { left: 10px; transform: translateY(50%); bottom: 50%; } .products-list .product-grid .product-item-container .left-block .cartinfo--right { right: 10px; transform: translateY(50%); bottom: 50%; } .products-list .product-grid .product-item-container .left-block .cartinfo--center { width: 100%; bottom: 35%; display: flex; justify-content: center; } .products-list .product-grid .product-item-container .left-block .cartinfo--center .btn-button { float: left; } .products-list .product-grid .product-item-container .left-block.left-b .quickview { border: none; padding: 0; background-color: #ff5c00; border-radius: 50%; width: 34px; height: 34px; line-height: 32px; margin-top: -16px; margin-left: -16px; text-align: center; font-size: 15px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; transition: all 0.3s ease-in-out 0s; opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .products-list .product-grid .product-item-container .left-block.left-b .quickview span { display: none; } .products-list .product-grid .product-item-container .right-block { clear: both; padding: 10px 10px 20px 10px; text-align: center; position: relative; } .products-list .product-grid .product-item-container .right-block .cartinfo--static { text-align: center; position: absolute; bottom: -50px; visibility: hidden; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; transition: all 0.2s ease-in-out 0s; left: 0; display: inline-block; width: 100%; } .products-list .product-grid .product-item-container .right-block .cartinfo--static .btn-button { border: none; display: inline-block; padding: 0; background-color: transparent; border-radius: 50%; color: #ff5c00; width: 32px; height: 32px; line-height: 32px; text-align: center; margin: 0 2px; font-size: 14px; border: 1px solid #ff5c00; } .products-list .product-grid .product-item-container .right-block .cartinfo--static .btn-button span { display: none; } .products-list .product-grid .product-item-container .right-block .cartinfo--static .btn-button:hover { background: #ff5c00; color: white; } .products-list .product-grid .product-item-container .right-block .addToCart { color: #fff; background-color: #ff5c00; border-radius: 16px; border: none; padding: 0 10px; font-size: 14px; height: 32px; line-height: 32px; border: none; } .products-list .product-grid .product-item-container .right-block .addToCart i { display: none; } .products-list .product-grid .product-item-container .right-block .addToCart:hover { background-color: #cc4a00; } .products-list .product-grid .product-item-container .right-block .price { margin-bottom: 0; } .products-list .product-grid .product-item-container .right-block h4 { font-weight: 600; margin-bottom: 8px; } .products-list .product-grid .product-item-container .right-block h4 a { font-size: 14px; color: #222; } .products-list .product-grid .product-item-container .right-block h4 a:hover { color: #ff5c00; } .products-list .product-grid .product-item-container:hover .left-block .button-group .btn-button { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; } .products-list .product-grid .product-item-container:hover .left-block .product-image-container { opacity: 0.8; } .products-list .product-grid .product-item-container:hover .left-block.left-b .quickview { transition: all 0.2s ease-in-out 0s; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .products-list .product-grid .product-item-container:hover .right-block.right-b .price { visibility: hidden; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; transition: all 0.2s ease-in-out 0s; } .products-list .product-grid .product-item-container:hover .right-block.right-b .cartinfo--static, .products-list .product-grid .product-item-container:hover .right-block.right-b .button-group { visibility: visible; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; transition: all 0.2s ease-in-out 0s; bottom: 15px; } @media (min-width: 1200px) { .products-list .product-grid-4:nth-child(4n+1) { clear: both !important; } } @media (min-width: 1200px) { .products-list .product-grid-5:nth-child(5n+1) { clear: both !important; } } .products-list .product-grid-5 .product-item-container .left-block .button-group .btn-button { margin: 0 1px; } .products-list .product-table:last-child .product-item-container { border-bottom: 1px solid #dbdbdb; } .products-list .product-table .product-item-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border-style: solid; border-width: 1px 1px 0px 1px; border-color: #dbdbdb; } .products-list .product-table .product-item-container > :last-child { border-left: 1px solid #dbdbdb; } .products-list .product-table .list-block { width: 20%; padding: 10px; text-align: center; } @media (max-width: 767px) { .products-list .product-table .list-block { display: none; } } .products-list .product-table .list-block .addToCart { text-transform: uppercase; display: block; width: 100%; margin-bottom: 10px; padding: 9px 20px; background: #495057; color: #fff; border-radius: 3px; border: none; background: #ff5c00; border-color: #ff5c00; } .products-list .product-table .list-block .addToCart:hover { background: #ff5c00; border-color: #ff5c00; color: #fff; } .products-list .product-table .list-block .addToCart:hover { background: #495057; border-color: #495057; } .products-list .product-table .list-block .wishlist, .products-list .product-table .list-block .compare { width: 48%; padding: 9px 20px; background: #eee; color: #333; border-radius: 3px; border: none; } .products-list .product-table .list-block .wishlist:hover, .products-list .product-table .list-block .compare:hover { background: #ff5c00; border-color: #ff5c00; color: #fff; } .products-list .product-table .left-block { width: 23%; min-width: 64px; } @media (max-width: 767px) { .products-list .product-table .left-block { width: 35%; } } .products-list .product-table .left-block .quickview { display: none !important; } .products-list .product-table .left-block .countdown_box, .products-list .product-table .left-block .button-group { display: none; } .products-list .product-table .right-block { width: 65%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .products-list .product-table .right-block .button-group { display: none; } .products-list .product-table .right-block .addToCart { display: none; } .products-list .product-table .right-block > * { border-left: 1px solid #dbdbdb; margin: 0px; padding: 10px; } .products-list .product-table .right-block h4 { width: 25%; font-weight: 600; font-size: 15px; } @media (max-width: 767px) { .products-list .product-table .right-block h4 { width: 60%; } } .products-list .product-table .right-block .so-productlist-colorswatch { display: none; } .products-list .product-table .right-block .rate-history { width: 20%; display: none; } .products-list .product-table .right-block .price { width: 25%; } @media (max-width: 767px) { .products-list .product-table .right-block .price { width: 40%; } } .products-list .product-table .right-block .description { width: 40%; } @media (max-width: 767px) { .products-list .product-table .right-block .description { display: none; } } @media (min-width: 992px) and (max-width: 1199px) { .products-list .product-table .right-block .description, .products-list .product-table .label-product { display: none; } .products-list .product-table .right-block h4 { width: 50%; } } @media (min-width: 768px) and (max-width: 991px) { .products-list .product-table .right-block .description, .products-list .product-table .label-product { display: none; } .products-list .product-table .right-block h4 { width: 50%; } } @media (max-width: 767px) { .products-list .product-table .label-product { display: none; } } .products-list .product-list ul.so-productlist-colorswatch { text-align: left; } .products-list .product-list .box-label { left: 5px; } .products-list .product-list .product-item-container { display: table; padding: 15px; margin-bottom: 30px; } .products-list .product-list .product-item-container .left-block { width: 200px; float: left; } @media (max-width: 767px) { .products-list .product-list .product-item-container .left-block { width: 40%; } } .products-list .product-list .product-item-container .left-block .product-image-container { text-align: center; } .products-list .product-list .product-item-container .left-block .quickview, .products-list .product-list .product-item-container .left-block .button-group { display: none !important; } .products-list .product-list .product-item-container .list-block { margin-left: 200px; padding: 0 20px 0px 30px; } @media (max-width: 767px) { .products-list .product-list .product-item-container .list-block { margin-left: 0; padding: 10px 0 0; clear: both; overflow: hidden; } } .products-list .product-list .product-item-container .list-block .btn-button { border: 1px solid #ddd; display: inline-block; padding: 0; background-color: transparent; border-radius: 50%; color: #999; width: 38px; height: 38px; line-height: 36px; text-align: center; margin: 0 5px; font-size: 16px; } .products-list .product-list .product-item-container .list-block .btn-button:hover { background-color: #ff5c00; color: #fff; border-color: #ff5c00; } .products-list .product-list .product-item-container .right-block { margin-left: 200px; padding: 0 20px 0px 30px; } @media (max-width: 767px) { .products-list .product-list .product-item-container .right-block { margin-left: 40%; padding: 0 10px 0px 10px; } } .products-list .product-list .product-item-container .right-block .button-group { display: none; } .products-list .product-list .product-item-container .right-block .ratings { margin-bottom: 0px; } .products-list .product-list .product-item-container .right-block h4 { margin-bottom: 5px; font-weight: 400; } .products-list .product-list .product-item-container .right-block h4 a { color: #444; /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 16px; font-size: 1.6rem; /* [8] */ } .products-list .product-list .product-item-container .right-block h4 a:hover { color: #ff5c00; } .products-list .product-list .product-item-container .right-block .price { display: inline-block; margin: 8px 0 8px 0; } @media (max-width: 767px) { .products-list .product-list .product-item-container .right-block .description { display: none; } } @media (max-width: 767px) { .products-list .product-list .product-item-container .label-product { display: none; } } .product-listing .product-grid .so-productlist-colorswatch { position: absolute; top: -10px; width: 100%; } /*SIDEBAR LISTING - RESPONSIVE*/ @media (min-width: 992px) { .desktop-offcanvas .sidebar-overlay { background: rgba(0, 0, 0, 0.5); display: none; height: 100%; opacity: 1; position: fixed; top: 0; left: 0px; right: 0px; width: 100%; z-index: 9998; } .desktop-offcanvas .sidebar-offcanvas { padding-left: 15px !important; padding-right: 10px !important; background: #fff; width: 300px; position: fixed; top: 0px; bottom: 0px; z-index: 9999; height: 100%; overflow-x: scroll; box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); transition: all 300ms ease-in-out; padding-top: 40px; margin: 0px; } .desktop-offcanvas .sidebar-offcanvas #close-sidebar { position: absolute; top: 10px; right: 20px; font-size: 16px; display: block; } .desktop-offcanvas .sidebar-offcanvas #close-sidebar:hover { cursor: pointer; color: #f00; } .desktop-offcanvas .sidebar-offcanvas.right_column { right: -100%; } .desktop-offcanvas .sidebar-offcanvas.left_column { left: -100%; } .desktop-offcanvas .sidebar-offcanvas.left_column.active { left: 0; } .desktop-offcanvas .sidebar-offcanvas.right_column.active { right: 0; } } .product-detail .open-sidebar, .product-listing .open-sidebar { display: inline-block; border: 2px solid #999; padding: 3px 15px; letter-spacing: 1px; line-height: 23px; font-size: 10px; vertical-align: top; text-transform: uppercase; } .product-detail .open-sidebar:hover, .product-listing .open-sidebar:hover { border-color: #ff5c00; } .product-detail .open-sidebar { margin-bottom: 15px; } #close-sidebar { display: none; } @media only screen and (max-width: 992px) { body.open-sboff { height: 100%; overflow: hidden; } .blog-detail .sidebar-overlay, .blog-list .sidebar-overlay, .product-detail .sidebar-overlay, .product-listing .sidebar-overlay { background: rgba(0, 0, 0, 0.5); display: none; height: 100%; opacity: 1; position: fixed; top: 0; left: 0px; right: 0px; width: 100%; z-index: 9998; } .blog-detail .sidebar-offcanvas, .blog-list .sidebar-offcanvas, .product-detail .sidebar-offcanvas, .product-listing .sidebar-offcanvas { padding-left: 15px !important; padding-right: 10px !important; background: #fff; width: 300px; position: fixed; top: 0px; bottom: 0px; z-index: 9999; height: 100%; overflow-x: scroll; box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); transition: all 300ms ease-in-out; padding-top: 40px; margin: 0px; } .blog-detail .sidebar-offcanvas #close-sidebar, .blog-list .sidebar-offcanvas #close-sidebar, .product-detail .sidebar-offcanvas #close-sidebar, .product-listing .sidebar-offcanvas #close-sidebar { position: absolute; top: 10px; right: 20px; font-size: 16px; display: block; } .blog-detail .sidebar-offcanvas #close-sidebar:hover, .blog-list .sidebar-offcanvas #close-sidebar:hover, .product-detail .sidebar-offcanvas #close-sidebar:hover, .product-listing .sidebar-offcanvas #close-sidebar:hover { cursor: pointer; color: #f00; } .blog-detail .sidebar-offcanvas.right_column, .blog-list .sidebar-offcanvas.right_column, .product-detail .sidebar-offcanvas.right_column, .product-listing .sidebar-offcanvas.right_column { right: -100%; } .blog-detail .sidebar-offcanvas.left_column, .blog-list .sidebar-offcanvas.left_column, .product-detail .sidebar-offcanvas.left_column, .product-listing .sidebar-offcanvas.left_column { left: -100%; } .blog-detail .sidebar-offcanvas.left_column.active, .blog-list .sidebar-offcanvas.left_column.active, .product-detail .sidebar-offcanvas.left_column.active, .product-listing .sidebar-offcanvas.left_column.active { left: 0; } .blog-detail .sidebar-offcanvas.right_column.active, .blog-list .sidebar-offcanvas.right_column.active, .product-detail .sidebar-offcanvas.right_column.active, .product-listing .sidebar-offcanvas.right_column.active { right: 0; } } .filter-horizontal .so-filter-option.so-filter-price .input_max, .filter-horizontal .so-filter-option.so-filter-price .input_min { min-width: 50px; width: 50px; } /*============ QUICKVIEW ==============*/ .mfp-iframe-scaler iframe { padding: 20px 10px 10px 10px; height: 535px; } #product-quick #product { margin-top: 20px; } #product-quick .product-view .content-product-right .box-info-product .cart { margin-left: 10px; } #product-quick .product-view .content-product-right .box-review .ratings { margin-right: 10px; top: -1px; } #product-quick .product-view .content-product-right .title-product h1 { margin-bottom: 10px; } #product-quick .product-view .content-product-right .product-box-desc { padding: 10px; border: 1px dotted #ddd; margin: 0; font-style: italic; color: #999; font-size: 12px; } #product-quick .product-view .content-product-right .product-box-desc span { font-weight: normal; } #product-quick .list-unstyled { font-size: 13px; color: #666; font-weight: normal; } @media (min-width: 1200px) and (max-width: 1649px) { .product-grid.product-grid-5 .countdown_box { display: none; } #product-related .countdown_box { display: none; } .product-layout .product-item-container .seller_logo { right: 5px; } } /*============ Category Featured ==============*/ .category-featured { margin: 0; } .category-featured .wap-listing-tabs { height: 215px; position: relative; z-index: 2; } .category-featured .ltabs-wrap .ltabs-tabs-container { margin: 0 0 10px; border-bottom: 2px solid #eee; } .category-featured .ltabs-wrap .ltabs-tabs-container .ltabs-tabs li.ltabs-tab { margin: 0 20px 0 0; padding: 5px 0; } .category-featured .ltabs-wrap .ltabs-tabs-container .ltabs-tabs li.ltabs-tab > span { /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 18px; font-size: 1.8rem; /* [8] */ color: #999; padding: 0; } .category-featured .ltabs-wrap .ltabs-tabs-container .ltabs-tabs li.ltabs-tab > span:hover { color: #ff5c00; } .category-featured .ltabs-wrap .ltabs-tabs-container .ltabs-tabs li.tab-sel { position: relative; font-weight: bold; } .category-featured .ltabs-wrap .ltabs-tabs-container .ltabs-tabs li.tab-sel span { color: #495057; } .category-featured .ltabs-wrap .ltabs-tabs-container .ltabs-tabs li.tab-sel:after { position: absolute; content: ""; width: 100%; height: 2px; background-color: #ff5c00; bottom: -2px; left: 0; z-index: 2; } .category-featured .ltabs-wrap .wap-listing-tabs .owl2-controls .owl2-nav .owl2-prev, .category-featured .ltabs-wrap .wap-listing-tabs .owl2-controls .owl2-nav .owl2-next { border-radius: 3px; } .category-featured .ltabs-wrap .wap-listing-tabs .owl2-controls .owl2-nav .owl2-prev:hover, .category-featured .ltabs-wrap .wap-listing-tabs .owl2-controls .owl2-nav .owl2-next:hover { color: #fff; background-color: #ff5c00; border-color: #ff5c00; } .category-featured .ltabs-wrap .wap-listing-tabs .owl2-controls .owl2-dots { width: 100%; display: inline-block; text-align: center; } .category-featured .ltabs-wrap .wap-listing-tabs .owl2-controls .owl2-dots .owl2-dot { margin: 0 3px; display: inline-block; transition: all 0.3s ease 0s; width: 20px; } .category-featured .ltabs-wrap .wap-listing-tabs .owl2-controls .owl2-dots .owl2-dot span { height: 6px; background: #cacaca; display: block; border-radius: 3px; margin: 0; } .category-featured .ltabs-wrap .wap-listing-tabs .owl2-controls .owl2-dots .owl2-dot:hover span { background: #ff5c00; } .category-featured .ltabs-wrap .wap-listing-tabs .owl2-controls .owl2-dots .owl2-dot.active { width: 30px; } .category-featured .ltabs-wrap .wap-listing-tabs .owl2-controls .owl2-dots .owl2-dot.active span { background: #ff5c00; } .category-featured .ltabs-wrap .wap-listing-tabs .ltabs-item { margin: 0 !important; } .category-featured .ltabs-wrap .wap-listing-tabs .ltabs-item .item-inner { margin: 0; } .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container { margin-bottom: 0; display: flex; } .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .left-block { padding: 0; } .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .right-block { text-align: left; } .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .right-block h4 > a { font-size: 16px; } .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .right-block .item-available { margin-top: 15px; } .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .right-block .item-available .available { background-color: #eee; height: 10px; width: 100%; border-radius: 7px; position: relative; z-index: 2; overflow: hidden; } .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .right-block .item-available .available .color_width { background: #ff5c00; position: absolute; height: 100%; left: 0; border-radius: 7px; } .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .right-block .item-des { line-height: 22px; margin: 5px 0 15px; } .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .right-block .rating-num { font-size: 12px; } .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .right-block .button-group { margin-top: 15px; } .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .right-block .btn-button { margin: 0 2px; padding: 11px 12px; line-height: 100%; background-color: white; border: 1px solid #dcdcdc; } .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .right-block .btn-button:hover { color: #fff; background-color: #ff5c00; border-color: #ff5c00; } .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .right-block .addToCart { padding: 11px 20px; } .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .right-block .wishlist, .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .right-block .compare { color: #444; border-radius: 50%; } .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .right-block .wishlist span, .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .right-block .compare span { display: none; } /*=====================*/ .products-list .product-grid h4 { overflow: hidden; max-height: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: -o-ellipsis-lastline; } .products-category .products-list .product-grid-5 .countdown_box { display: none; } .products-category .products-list .product-grid-5 .product-item-container .right-block .addToCart { width: 32px; padding: 0; vertical-align: top; } .products-category .products-list .product-grid-5 .product-item-container .right-block .addToCart span { display: none; } .products-category .products-list .product-grid-5 .product-item-container .right-block .addToCart i { padding: 0; display: block; } .products-category .products-list .product-grid-5 .product-card__gallery { display: none; } /*=============================================== [SASS DIRECTORY ] [1] CONTENT PRODUCT OTHER [2] PRODUCT INFO [3] PRODUCT TABS [3] RELATED PRODUCT ==============================================*/ .tab-content > .active { opacity: 1; } #button-review { visibility: visible; } /*============CONTENT PRODUCT OTHER ==================*/ .zoomContainer { z-index: 450; } .lightSlider { padding: 0; } .product_page_price { margin-bottom: 10px; margin-top: 10px; } .product_page_price .price-new { font-size: 28px; } .product_page_price .price-old { vertical-align: top; } .product_page_price .price-tax { margin-bottom: 10px; color: #495057; font-size: 12px; font-weight: normal; } .product_page_price .label-product { position: static; display: inline-block; border-radius: 2px; height: auto; padding: 0 10px; width: auto; line-height: 22px; vertical-align: top; } .product-detail .so-extraslider { margin: 0; } .product-detail .producttab .tab-content ul, .product-detail .producttab .tab-content ol { display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; padding-left: 20px; } #tab-review input[type=radio] { position: relative; top: 2px; } #tab-review .contacts-form span span.text-danger { margin-right: 15px; margin-top: 0; } #tab-review .form-group textarea { height: 150px; } .image-popup-sizechart { background: url("../../images/size-chart-icon.png") no-repeat left; padding-left: 20px; top: 0; right: 15px; position: absolute; z-index: 1; } /*============PRODUCT GALLERY ==================*/ .gallery-button { display: block; clear: both; } .gallery-button .gallery-zoom { padding: 9px 20px; background: #eee; color: #333; border-radius: 3px; border: none; clear: both; cursor: pointer; display: inline-block; margin: 10px; } .gallery-button .gallery-zoom:hover { background: #ff5c00; border-color: #ff5c00; color: #fff; } .large-image .gallery-button .gallery-zoom { background: none; } .gallery-grid { padding: 5px; } .gallery-grid .thumbnail { border-radius: 0; margin: 0; } .gallery-slider .owl2-stage-outer .owl2-item { transform: scale(0.6); transition: 0.3s all ease-in-out; } .gallery-slider .owl2-stage-outer .center { transform: scale(1.15); } .gallery-slider .owl2-controls { height: 0; } .gallery-slider .owl2-controls .owl2-nav .owl2-prev, .gallery-slider .owl2-controls .owl2-nav .owl2-next { border-radius: 3px; } .gallery-slider .owl2-controls .owl2-nav .owl2-prev:hover, .gallery-slider .owl2-controls .owl2-nav .owl2-next:hover { background: #ff5c00; color: white; } /*============PRODUCT INFO ==================*/ .product-view { margin-bottom: 30px; } .product-view .content-product-left .large-image { cursor: pointer; display: block; overflow: hidden; position: relative; border: 1px solid #eee; padding: 0px; } .product-view .content-product-left .full_slider { margin-top: 10px; } .product-view .content-product-left .full_slider .image-additional { width: 20%; padding: 0 5px; float: left; margin-bottom: 10px; } @media (max-width: 767px) { .product-view .content-product-left .full_slider .image-additional { width: 33%; } } .product-view .content-product-left .full_slider .thumbnail { border-color: #ddd; padding: 0; border-radius: 0; margin-bottom: 0; } .product-view .content-product-left .full_slider .thumbnail.active { border-color: #ff5c00; } .product-view .content-product-left .full_slider:hover .owl2-controls { opacity: 1; transition: 0.3 all ease-in-out; } .product-view .content-product-left .full_slider .owl2-controls { opacity: 0; } .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-prev, .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-next { background-color: #999; border: none; border-radius: 0px; width: 20px; height: 20px; line-height: 20px; text-align: center; float: left; text-indent: -9999px; overflow: hidden; cursor: pointer; opacity: 1; position: absolute; top: 50%; z-index: 99; } .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-prev:before, .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-next:before { color: #fff; font-family: 'FontAwesome'; display: block; text-indent: 0 !important; width: 100%; height: 100%; font-size: 26px; } .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-prev.owl2-next, .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-next.owl2-next { right: 0; } .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-prev.owl2-next:before, .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-next.owl2-next:before { content: "\f054"; } .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-prev.owl2-prev, .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-next.owl2-prev { left: 0; } .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-prev.owl2-prev:before, .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-next.owl2-prev:before { content: "\f053"; } .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-prev:hover, .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-next:hover { background-color: #ff5c00; } .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-prev:hover:before, .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-next:hover:before { color: #fff; } .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-prev, .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-next { margin-top: -10px; } .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-prev:before, .product-view .content-product-left .full_slider .owl2-controls .owl2-nav .owl2-next:before { font-size: 12px; } .product-view .content-product-left .lSSlideWrapper .lSAction { opacity: 0; } .product-view .content-product-left .lSSlideWrapper:hover .lSAction { opacity: 1; } .product-view .content-product-midde { width: 100%; display: inline-block; margin-bottom: 30px; } @media (min-width: 1200px) { .product-view div.col-gallery-slider .product-box-desc { position: absolute; width: 45% !important; right: 0; transform: translateY(-100%); } .product-view div.col-gallery-slider .short_description { position: absolute; width: 45%; right: 0; } } .product-view .content-product-right { overflow: hidden; } @media (min-width: 1200px) and (max-width: 1400px) { .product-view .content-product-right { width: 513px; } } .product-view .content-product-right .title-product h1 { /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 22px; font-size: 2.2rem; /* [8] */ text-transform: capitalize; color: #222; font-weight: 500; } .product-view .content-product-right .box-review { /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 12px; font-size: 1.2rem; /* [8] */ color: #999; } .product-view .content-product-right .box-review .ratings { display: inline-block; margin: 0 20px 0 0; z-index: 0; position: relative; } .product-view .content-product-right .box-review a { color: #7d7d7d; display: inline-block; } .product-view .content-product-right .box-review a:hover { color: #ff5c00; } .product-view .content-product-right .box-review .rating { display: inline-block; } .product-view .content-product-right .box-review .order-num { background: #5cb85c; border-radius: 2px; min-width: auto; color: white; padding: 0 10px; font-size: 11px; display: inline-block; margin: 0 15px; position: relative; } .product-view .content-product-right .box-review .order-num:after { top: 4px; left: -6px; position: absolute; width: 0; height: 0; content: ''; z-index: 2; border-right: 0.7em solid #5cb85c; border-bottom: 0.7em solid transparent; border-top: 0.7em solid transparent; } .product-view .content-product-right .product-box-desc { float: left; width: 100%; padding: 10px 0px; color: #7d7d7d; position: relative; } .product-view .content-product-right .product-box-desc span { display: inline-block; min-width: 120px; } .product-view .content-product-right .product-box-desc .brand a { color: #7d7d7d; } .product-view .content-product-right .product-box-desc .brand a:hover { color: #ff5c00; } .product-view .content-product-right .product-label { line-height: 24px; margin-top: 15px; float: left; width: 100%; } .product-view .content-product-right .product-label .price { float: left; margin-top: 0; margin-bottom: 0; } .product-view .content-product-right .product-label .list-unstyled { font-size: 13px; color: #666; font-weight: normal; } .product-view .content-product-right .short_description { display: block; padding-top: 20px; clear: both; } .product-view .content-product-right .short_description h3 { margin-bottom: 5px; } .product-view .content-product-right .short_description ol { padding: 0; } .product-view .content-product-right .so-colorswatch-productpage-icons { margin-bottom: 15px; text-align: left; } .product-view .content-product-right .countdown_box { position: static; margin: 0; -webkit-transform: scale(1) translateX(0); -moz-transform: scale(1) translateX(0); -ms-transform: scale(1) translateX(0); -o-transform: scale(1) translateX(0); transform: scale(1) translateX(0); width: 100%; margin-bottom: 20px; } .product-view .content-product-right .countdown_box .countdown_inner { text-align: left; } .product-view .content-product-right .countdown_box .countdown_inner .title { padding: 0px; display: table-cell; vertical-align: top; border-right: 1px solid rgba(255, 255, 255, 0.2); font-size: 14px; text-transform: uppercase; font-weight: 600; line-height: 40px; } .product-view .content-product-right h3 { font-size: 14px; text-transform: uppercase; font-weight: 600; } .product-view .content-product-right .box-info-product { float: left; width: 100%; margin: 0; } .product-view .content-product-right .box-info-product .quantity label { display: none; } .product-view .content-product-right .box-info-product .quantity .quantity-control { float: left; margin: 0; padding: 0; position: relative; border: 1px solid #ddd; border-radius: 0px; } .product-view .content-product-right .box-info-product .quantity .quantity-control input.form-control { float: left; width: 40px; height: 32px; line-height: 32px; padding: 0; text-align: center; font-size: 16px; background-color: #fff; } .product-view .content-product-right .box-info-product .quantity .quantity-control span { width: 33px; height: 32px; border: none; color: #999; float: left; line-height: 32px; padding: 0; background-color: #fff; border-radius: 0px; } .product-view .content-product-right .box-info-product .quantity .quantity-control span:hover { background-color: #fff; cursor: pointer; color: #ff5c00; cursor: pointer; } .product-view .content-product-right .box-info-product .detail-action { float: left; margin-left: 20px; } .product-view .content-product-right .box-info-product .cart { float: left; overflow: hidden; margin-right: 0px; position: relative; color: #fff; /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 12px; font-size: 1.2rem; /* [8] */ line-height: 33px; } .product-view .content-product-right .box-info-product .cart input { background-color: #ff5c00; border-radius: 20px; border: none; color: #fff; /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 14px; font-size: 1.4rem; /* [8] */ line-height: 33px; height: 33px; padding: 0px 15px; } .product-view .content-product-right .box-info-product .cart input:hover { background-color: #cc4a00; } .product-view .content-product-right .box-info-product .add-to-links { float: left; } .product-view .content-product-right .box-info-product .add-to-links ul li { float: left; margin-left: 5px; } .product-view .content-product-right .box-info-product .add-to-links ul li a { border: 1px solid #ff5c00; display: block; margin-right: 2px; padding: 0; background-color: #fff; color: #ff5c00; width: 33px; height: 33px; line-height: 31px; text-align: center; border-radius: 50%; } .product-view .content-product-right .box-info-product .add-to-links ul li a:hover { background-color: #ff5c00; color: #fff; } .product-view .content-product-right .box-info-product .add-to-links ul li:hover a { background-color: #ff5c00; border-color: #ff5c00; } .product-view .content-product-right .box-info-product .add-to-links ul li:hover a i { color: #fff; } .product-view .content-product-right .share { margin-top: 10px; } .product-view .content-product-right .share .socials-wrap { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 0; } .product-view .content-product-right .share .socials-wrap span { /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 14px; font-size: 1.4rem; /* [8] */ color: #222; font-weight: 600; } .product-view .content-product-right .share .socials-wrap ul { float: right; } .product-view .content-product-right .share .socials-wrap ul li { float: left; margin-left: 35px; } .product-view .content-product-right .share .socials-wrap ul li a { font-size: 16px; } #product { margin-top: 30px; } #product div.required .control-label:before { content: '* '; color: #f00; font-weight: bold; } #product .image_option_type .product-options { display: inline-block; } #product .control-label { font-weight: 600; margin-bottom: 5px; font-size: 14px; } #product .product-options .img-thumbnail { width: 22px; height: 22px; border-radius: 0; padding: 1px; } #product .radio-type-button { display: inline-block; vertical-align: top; margin: 0 7px 5px 0px; padding: 0px; } #product .radio-type-button label { padding: 0; font-size: 14px; } #product .radio-type-button input { visibility: hidden; } #product .radio-type-button .option-content-box { background: #f3f4f6; display: block; text-align: center; border-radius: 4px; padding: 5px 10px; } #product .radio-type-button .option-content-box.active, #product .radio-type-button .option-content-box.active:hover { background: #666; color: white; } #product .radio-type-button .option-content-box:hover { background: #dadada; } #product .radio-type-button.option_image .option-name { display: none; } #product .option_image label { padding: 0; } #product .option_image input { visibility: hidden; } #product .option_image .option-name { padding: 0 5px; } #product .option_image .option-content-box { padding: 1px; } #product .box-date { padding-left: 0; } #product .box-date label { margin-right: 10px; width: 80px; } #product .box-date input { width: 200px; } #product .box-date input, #product .box-date button { border-radius: 0; position: relative; z-index: 0; margin-left: 0; } #product .box-date .input-group-btn { float: left; } #product .box-date button:hover { background: #ff5c00; color: #fff; } #product .icheckbox.checked:before, #product .iradio.checked:before { background-color: #ff5c00; border-color: #ff5c00; } .thumb-vertical-outer { width: 65px; position: relative; float: left; margin-right: 15px; } .thumb-vertical-outer .thumbnail { border-color: #f7f7f7; padding: 0; border-radius: 0; margin-bottom: 5px; } .thumb-vertical-outer .thumbnail.active { border-color: #ff5c00; } /*============PRODUCT TABS==================*/ .producttab .tabsslider.horizontal-tabs { z-index: 1; margin-bottom: 0px; float: left; width: 100%; border: none; padding: 0; } .producttab .tabsslider.horizontal-tabs .nav-tabs { background-color: #f5f5f5; border: 1px solid #e1e1e1; } .producttab .tabsslider.horizontal-tabs .nav-tabs li { margin: -1px 0 0 -1px; list-style: none; cursor: pointer; float: left; font-size: 16px; text-transform: uppercase; border-right: 1px solid #e1e1e1; } .producttab .tabsslider.horizontal-tabs .nav-tabs li a { font-weight: bold; border: none; padding: 0; color: #222; padding: 11px 30px; margin: 0; border-radius: 0; font-size: 14px; } .producttab .tabsslider.horizontal-tabs .nav-tabs li.active, .producttab .tabsslider.horizontal-tabs .nav-tabs li:hover { border-color: #ff5c00; } .producttab .tabsslider.horizontal-tabs .nav-tabs li.active a, .producttab .tabsslider.horizontal-tabs .nav-tabs li:hover a { color: #fff; background: #ff5c00; } .producttab .tabsslider.horizontal-tabs .tab-content { padding: 30px; display: block; margin: 0; border-style: solid; margin-top: -1px; border-width: 1px; border-color: #e6e6e6; line-height: 22px; } .producttab .tabsslider.vertical-tabs { background-color: #fff; border: 1px solid #e6e6e6; padding: 0; border-bottom: 1px solid #ddd; border-radius: 0px; margin-bottom: 80px; } .producttab .tabsslider.vertical-tabs ul.nav-tabs { border-bottom: medium none; margin: 0; min-height: 180px; padding: 0; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li { border: none; border-bottom: 1px solid #ddd; clear: both; position: relative; width: 100%; padding: 5px 0; border-right: none; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li a { padding: 8px 30px; border: none; border-radius: 0; font-size: 16px; text-transform: uppercase; font-weight: 500; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover { border-color: #ddd; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover a { background: transparent; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:last-child { border: none; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:before { content: ""; width: 5px; height: 100%; left: -1px; position: absolute; top: 0; transition: all 0.3s ease-in-out 0s; z-index: 99; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover { border-left-color: #ff5c00; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover a { color: #ff5c00; border: none; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover:before { background-color: #ff5c00; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active { border-left-color: #ff5c00; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active:before { background-color: #ff5c00; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a { background: transparent; color: #ff5c00; border: none; } .producttab .tabsslider.vertical-tabs .tab-content { border: 0; border-left: 1px solid #e6e6e6; min-height: 200px; margin-bottom: 0; padding: 20px; } .product-detail .producttab .tab-content .product-property-title { font-size: 16px; color: #222; text-transform: capitalize; } .product-detail .producttab .tab-content .product-property-list { padding: 0; margin: 0 0 30px; list-style: none; display: inline-block; width: 100%; } .product-detail .producttab .tab-content .product-property-list li { width: 50%; float: left; padding: 5px 0; border-bottom: 1px solid #f4f4f4; } .product-detail .producttab .tab-content .product-property-list li .propery-title { float: left; color: #999; min-width: 150px; } .product-detail .producttab .tab-content .product-property-list li .propery-des { float: left; max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #495057; } .desc-collapse.showup { max-height: 100%; } .desc-collapse.showdown { max-height: 350px; display: block; overflow: hidden; transition: 0.3s all ease-in-out; position: relative; z-index: 2; } .desc-collapse.showdown:before { display: block; content: ""; height: 120px; position: absolute; bottom: 0; width: 100%; left: 0; z-index: 2; background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%, #fff); } .button-toggle { display: block; text-align: center; background-color: transparent; padding: 10px; position: relative; z-index: 1; } .button-toggle a { background-color: transparent; text-transform: uppercase; font-weight: 400; color: #666; } .button-toggle a:hover, .button-toggle a:focus, .button-toggle a:active { color: #ff5c00; background-color: transparent; box-shadow: none; } .button-toggle a.active .toggle-less { display: block; } .button-toggle a.active .toggle-more { display: none; } .button-toggle a .toggle-less { display: none; } .button-toggle a .toggle-more { display: block; } /*============RELATED PRODUCT==================*/ .related-horizontal h3.modtitle { border-bottom: 1px solid #eaeaea; display: inline-block; width: 100%; position: relative; margin-top: 0 !important; } .related-horizontal h3.modtitle span { font-size: 18px; color: #222; font-weight: 700; float: left; text-transform: uppercase; margin-bottom: 15px; } .related-horizontal .related-products { position: static; } .related-horizontal .modtitle { margin-bottom: 20px; } .related-horizontal .related-products-slider { position: relative; z-index: 2; } /*==== related vertical ===*/ #content .related-vertical, #content .upsell-sidebar { position: relative; margin-top: 50px; /*.related-products-slider{ background-color: #fff; border: 1px solid $base-border-color; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 25px 15px 5px 15px; .owl2-nav{ position: absolute; top: -40px; #{$right}: 20px; @include button-owl-style2(12px,#fff); > div{ &:before{ color: #fff !important; } } } }*/ } #content .related-vertical .related-products, #content .upsell-sidebar .related-products { position: static; } #content .related-vertical h3.modtitle, #content .upsell-sidebar h3.modtitle { border-bottom: 1px solid #eaeaea; display: inline-block; width: 100%; position: relative; margin-top: 0 !important; } #content .related-vertical h3.modtitle span, #content .upsell-sidebar h3.modtitle span { font-size: 18px; color: #222; font-weight: 700; float: left; text-transform: uppercase; margin-bottom: 12px; } @media (min-width: 992px) and (max-width: 1199px) { #content .related-vertical h3.modtitle span, #content .upsell-sidebar h3.modtitle span { font-size: 16px; } } #content .related-vertical .owl2-controls .owl2-nav, #content .upsell-sidebar .owl2-controls .owl2-nav { position: absolute; top: -8px; right: 0; } #content .related-vertical .owl2-controls .owl2-nav .owl2-prev, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-prev, #content .related-vertical .owl2-controls .owl2-nav .owl2-next, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-next { background-color: #d6d6d6; border: none; border-radius: 0px; width: 25px; height: 25px; line-height: 25px; text-align: center; float: left; text-indent: -9999px; overflow: hidden; cursor: pointer; opacity: 1; position: absolute; top: 50%; z-index: 99; } #content .related-vertical .owl2-controls .owl2-nav .owl2-prev:before, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-prev:before, #content .related-vertical .owl2-controls .owl2-nav .owl2-next:before, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-next:before { color: #fff; font-family: 'FontAwesome'; display: block; text-indent: 0 !important; width: 100%; height: 100%; font-size: 12px; } #content .related-vertical .owl2-controls .owl2-nav .owl2-prev.owl2-next, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-prev.owl2-next, #content .related-vertical .owl2-controls .owl2-nav .owl2-next.owl2-next, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-next.owl2-next { right: 0; } #content .related-vertical .owl2-controls .owl2-nav .owl2-prev.owl2-next:before, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-prev.owl2-next:before, #content .related-vertical .owl2-controls .owl2-nav .owl2-next.owl2-next:before, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-next.owl2-next:before { content: "\f054"; } #content .related-vertical .owl2-controls .owl2-nav .owl2-prev.owl2-prev, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-prev.owl2-prev, #content .related-vertical .owl2-controls .owl2-nav .owl2-next.owl2-prev, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-next.owl2-prev { left: 0; } #content .related-vertical .owl2-controls .owl2-nav .owl2-prev.owl2-prev:before, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-prev.owl2-prev:before, #content .related-vertical .owl2-controls .owl2-nav .owl2-next.owl2-prev:before, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-next.owl2-prev:before { content: "\f053"; } #content .related-vertical .owl2-controls .owl2-nav .owl2-prev:hover, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-prev:hover, #content .related-vertical .owl2-controls .owl2-nav .owl2-next:hover, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-next:hover { background-color: #ff5c00; } #content .related-vertical .owl2-controls .owl2-nav .owl2-prev:hover:before, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-prev:hover:before, #content .related-vertical .owl2-controls .owl2-nav .owl2-next:hover:before, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-next:hover:before { color: #fff; } #content .related-vertical .owl2-controls .owl2-nav .owl2-prev, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-prev, #content .related-vertical .owl2-controls .owl2-nav .owl2-next, #content .upsell-sidebar .owl2-controls .owl2-nav .owl2-next { position: static; margin-left: 3px; } #content .related-vertical .item-element, #content .upsell-sidebar .item-element { margin-bottom: 20px; } #content .related-vertical .item-element .image, #content .upsell-sidebar .item-element .image { width: 90px; border: none; margin-right: 15px; float: left; } #content .related-vertical .item-element h4, #content .upsell-sidebar .item-element h4 { margin-bottom: 0px; } #content .related-vertical .item-element h4 a, #content .upsell-sidebar .item-element h4 a { /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 14px; font-size: 1.4rem; /* [8] */ color: #444; } #content .related-vertical .item-element h4 a:hover, #content .upsell-sidebar .item-element h4 a:hover { color: #ff5c00; } #content .related-vertical .item-element .ratings, #content .upsell-sidebar .item-element .ratings { margin-bottom: 0; } /*============UPSELL PRODUCT==================*/ /*--- upsell vertical ---*/ .upsell-sidebar { position: relative; } .upsell-sidebar h3.modtitle { padding: 18px 0 18px 20px; } .upsell-sidebar .price .price-old { font-size: 13px; padding: 0; } .upsell-sidebar.product-simple .so-extraslider .extraslider-inner .item .item-inner .item-image { width: 90px; } .upsell-sidebar.product-simple .so-extraslider .extraslider-inner .item .item-inner .item-info { margin-left: 105px; } .upsell-sidebar .so-extraslider .owl2-controls .owl2-nav { position: absolute; top: 17px; right: 20px; } .upsell-sidebar .so-extraslider .owl2-controls .owl2-nav .owl2-prev, .upsell-sidebar .so-extraslider .owl2-controls .owl2-nav .owl2-next { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; -ms-opacity: 1; background-color: transparent; float: left; margin-left: 15px; margin-right: 0 !important; } .upsell-sidebar .so-extraslider .owl2-controls .owl2-nav .owl2-prev:before, .upsell-sidebar .so-extraslider .owl2-controls .owl2-nav .owl2-next:before { font-family: 'FontAwesome'; font-size: 12px; color: #cfcfcf; } .upsell-sidebar .so-extraslider .owl2-controls .owl2-nav .owl2-prev:hover, .upsell-sidebar .so-extraslider .owl2-controls .owl2-nav .owl2-next:hover { background-color: transparent; } .upsell-sidebar .so-extraslider .owl2-controls .owl2-nav .owl2-prev:hover:before, .upsell-sidebar .so-extraslider .owl2-controls .owl2-nav .owl2-next:hover:before { color: #ff5c00; } .upsell-sidebar .so-extraslider .owl2-controls .owl2-nav .owl2-prev i, .upsell-sidebar .so-extraslider .owl2-controls .owl2-nav .owl2-next i { display: none; } .upsell-sidebar .so-extraslider .owl2-controls .owl2-nav .owl2-prev { margin-right: 15px; } .upsell-sidebar .so-extraslider .owl2-controls .owl2-nav .owl2-prev:before { content: "\f053"; } .upsell-sidebar .so-extraslider .owl2-controls .owl2-nav .owl2-next:before { content: "\f054"; } .upsell-sidebar .modcontent { /*.item-inner.style2{ .product-item-container{ border: none; margin: 0; border-radius: 0; .left-block{ float: $left; width: 90px; margin-#{$right}: 15px; .product-image-container { border: 1px solid $base-border-color; border-radius: 0; } } .right-block{ clear: none; text-align: $left; padding: 0; } &:hover{ .left-block{ .product-image-container { border-color: $linkColor; } } } } }*/ } .upsell-sidebar .modcontent .so-extraslider { margin: 0; background-color: #fff; border: 1px solid #ddd; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding: 25px 15px 5px 15px; } .upsell-sidebar .modcontent .extraslider-inner { border: none; } /*----up sell full ---*/ .up-sell-product { padding: 0; clear: both; } .up-sell-product .owl2-carousel .owl2-stage-outer { direction: ltr; } .up-sell-product .so-basic-product { overflow: visible; position: relative; } .up-sell-product .so-basic-product .item-element { width: 100%; overflow: visible; } .up-sell-product .so-basic-product .item-wrap { margin: 0; overflow: visible; } .up-sell-product .so-basic-product .item-wrap .owl2-nav div { display: inline-block; width: 36px; height: 36px; background-repeat: no-repeat; background-position: center center; overflow: hidden; font-family: FontAwesome; font-size: 0; color: #c0c0c0; position: absolute; top: 50%; margin-top: -40px; z-index: 501; transition: 0.2s; cursor: pointer; background-color: #fff; border: 1px solid #ddd; transform: scale(0); text-align: center; border-radius: 5px; } .up-sell-product .so-basic-product .item-wrap .owl2-nav div.owl2-prev { left: -15px; } .up-sell-product .so-basic-product .item-wrap .owl2-nav div.owl2-prev:before { content: "\f104"; line-height: 30px; text-align: center; font-size: 26px; } .up-sell-product .so-basic-product .item-wrap .owl2-nav div.owl2-next { right: -15px; } .up-sell-product .so-basic-product .item-wrap .owl2-nav div.owl2-next:before { content: "\f105"; line-height: 30px; text-align: center; font-size: 26px; } .up-sell-product .so-basic-product .item-wrap .owl2-nav div:hover { background-color: #ff5c00; border-color: #ff5c00; color: #fff; } .up-sell-product .so-basic-product .item-wrap:hover .owl2-nav div { transform: scale(1); } /*=== share links ===*/ .product-view .social-share { margin-top: 15px; display: inline-block; width: 100%; } .product-view .social-share .title-share { float: left; font-size: 14px; color: #222; text-transform: uppercase; font-weight: 700; margin-top: 3px; margin-right: 10px; } .product-view .social-share .wrap-content { float: left; } .product-view .social-share .wrap-content a { margin-left: 5px; } /*=== Tab related, upsell ===*/ .content-product-bottom { position: relative; display: inline-block; width: 100%; } .content-product-bottom .nav-tabs { border-bottom: 2px solid #ebebeb; position: relative; display: inline-block; width: 100%; margin-bottom: 15px; } .content-product-bottom .nav-tabs:after { position: absolute; content: ""; bottom: -2px; left: 0; width: 110px; background-color: #ff5c00; height: 2px; } .content-product-bottom .nav-tabs li { margin-bottom: 0; margin-right: 50px; position: relative; } .content-product-bottom .nav-tabs li:last-child:after { display: none; } .content-product-bottom .nav-tabs li:after { position: absolute; content: ""; top: 9px; right: -25px; width: 1px; background-color: #999; height: 15px; } .content-product-bottom .nav-tabs li a { border: none; background-color: #fff; font-size: 18px; color: #666; text-transform: uppercase; font-weight: 700; padding: 5px 0; } .content-product-bottom .nav-tabs li a:hover, .content-product-bottom .nav-tabs li a:focus { border: none; color: #222; } .content-product-bottom .nav-tabs li.active a { border: none; color: #222; } .content-product-bottom .tab-content { border: none; padding: 0; /*.active.tab-pane{ height: auto; display: block; overflow: hidden; }*/ } .content-product-bottom .owl2-controls .owl2-nav { position: absolute; top: 0; right: 0; z-index: 99; right: 15px; top: 8px; z-index: 99; } .content-product-bottom .owl2-controls .owl2-nav > div { width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 0; text-indent: -9999px; overflow: hidden; cursor: pointer; background-color: transparent; position: relative; display: inline-block; border: none; right: auto; right: auto; float: none; } .content-product-bottom .owl2-controls .owl2-nav > div:before { color: #999; font-weight: 400; font-family: 'FontAwesome'; position: absolute; top: -2px; left: 0; display: inline-block; text-indent: 0; width: 100%; height: 100%; font-size: 26px; transition: all 0.2s ease-in-out 0s; } .content-product-bottom .owl2-controls .owl2-nav > div.owl2-next:before { content: "\f105"; } .content-product-bottom .owl2-controls .owl2-nav > div.owl2-prev:before { content: "\f104"; } .content-product-bottom .owl2-controls .owl2-nav > div:hover { background-color: transparent; } .content-product-bottom .owl2-controls .owl2-nav > div:hover:before { color: #ff5c00; } .content-product-bottom .upsell-product { display: inline-block; width: 100%; } /*==========tab ==========*/ .content-product-bottom .tab-content { margin-bottom: 0; } .content-product-bottom .tab-content .products-list .product-layout { width: 100%; } .content-product-bottom .tab-content .tab-pane { display: block; height: 0; overflow: hidden; } .content-product-bottom .tab-content .tab-pane.active { height: auto !important; } .content-product-bottom .tab-content .so-extraslider .extraslider-inner { border: none; } /*============ HEADER ==================*/ .vertical { position: relative; } #header #sosearchpro { padding: 0; width: 100%; } #header ul.megamenu > li > a { font-size: 14px; } #sosearchpro.so-search .select_category select { padding-left: 15px; } #sosearchpro .dropdown-menu { visibility: visible; opacity: 1; overflow-y: auto !important; } #sosearchpro.so-search .button-search { outline: none; } .container-megamenu.vertical .vertical-wrapper ul.megamenu { border: 1px solid #efefef; border-top: none; background: #fff; } #sosearchpro .autosearch-input { padding: 0 15px; } #sosearchpro .dropdown-menu { margin-top: 0; } .horizontal ul.megamenu > li > .sub-menu { border-top: 2px solid #ff5c00; max-height: 500px; overflow-y: auto; } .horizontal ul.megamenu > li > a { padding: 10px 15px; text-transform: uppercase; } .horizontal ul.megamenu > li > a .fa { padding-right: 10px; } .horizontal ul.megamenu > li { margin-right: 1px; float: left; } .horizontal ul.megamenu li .sub-menu .content .fa { margin: 0 10px; } .horizontal ul.megamenu > li.active > a, .horizontal ul.megamenu > li.home > a, .horizontal ul.megamenu > li:hover > a { background: transparent; color: #ff5c00; } .horizontal .megamenu-wrapper { background: transparent; } .horizontal .subcategory li a { color: #495057; } .horizontal .subcategory li a:hover { color: #ff5c00; } .header-top .header-top-left .welcome-msg .owl2-carousel .owl2-stage-outer { direction: ltr; } .mega-horizontal .navbar-default { border: none; background: transparent; } @media (max-width: 991px) { .responsive ul.megamenu > li.click:before, .responsive ul.megamenu > li.hover:before { right: 0; left: auto; } .responsive ul.megamenu > li.active .close-menu { right: 0; left: auto; } } .header-promotion { text-align: center; padding: 12px 15px; } .header-bottom .content_menu .container { overflow: visible; } .btn-shopping-cart .dropdown-menu { min-width: 350px; border: none; } .btn-shopping-cart .dropdown-menu:before { content: ""; background: #cc4a00; height: 3px; width: 100%; left: 0; right: 0; top: 0; position: absolute; } .btn-shopping-cart .dropdown-menu:after { border-color: transparent transparent #ff5c00 transparent; border-width: 10px; top: -21px; } .btn-shopping-cart .dropdown-menu .cart_product_name { color: #495057; } .btn-shopping-cart .dropdown-menu .cart_product_name:hover { color: #ff5c00; } .btn-shopping-cart .dropdown-menu .empty { padding: 15px; } .btn-shopping-cart .table > tbody > tr > td { border: none; border-bottom: 1px solid #eee; vertical-align: middle; } .btn-shopping-cart .checkout { padding: 0 20px 10px; } .btn-shopping-cart .added_items { padding: 10px; } .typeheader-5 #sosearchpro.so-search .autosearch-input { border-color: #0f8db3 !important; } .megamenu-style-dev { position: relative; } .megamenu-style-dev .horizontal ul.megamenu > li.menu-home i { display: none; } .megamenu-style-dev .horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul { padding: 5px 0px; } .megamenu-style-dev .horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul li:before { display: none; } .megamenu-style-dev .vertical ul.megamenu { position: absolute; width: 100%; background: #222; z-index: 999; } .megamenu-style-dev .vertical ul.megamenu > li > a { font-size: 11px; } .megamenu-style-dev .vertical .vertical ul.megamenu > li { margin: 0; border-right: 0; background: #222; } .megamenu-style-dev .vertical .vertical ul.megamenu > li strong i { display: none; } .megamenu-style-dev .vertical .vertical ul.megamenu > li > a { padding-left: 15px; padding-right: 12px; color: #fff; } .megamenu-style-dev .vertical .vertical ul.megamenu > li > a:hover { color: #fff; } .megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .sub-menu .content { padding: 0; } .megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul { padding: 0; margin: 0; } .megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul li { border-bottom: 1px solid #eee; } .megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul li:hover { background: #eee; } .megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul li:hover > a { color: #ff5c00; } .megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul li a { line-height: 37px; } .megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul li a b { line-height: 37px; font-size: 16px; margin: 0 20px; } .megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul li:last-child { border: none; } .megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul ul { padding: 0; left: 100%; margin: 0; box-shadow: none; border: 1px solid #eee; min-width: 200px; } .megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul ul:before, .megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul ul:after { display: none; } .megamenu-style-dev .vertical .vertical ul.megamenu > li.item-style3 .sub-menu .content { padding-right: 0; } .megamenu-style-dev .vertical .vertical ul.megamenu > li.with-sub-menu > a:after { content: "\f105"; color: #fff; font-family: Fontawesome; font-size: 13px; float: right; margin: 0; } .megamenu-style-dev .vertical .vertical ul.megamenu > li.with-sub-menu:hover > a:after { position: static; border-color: transparent; } .megamenu-style-dev .vertical .vertical ul.megamenu > li:hover { background-color: #444; } .megamenu-style-dev .vertical .vertical ul.megamenu > li:hover > a { color: #fff; } .megamenu-style-dev .vertical .vertical ul.megamenu > li.active > a { background: transparent !important; } .megamenu-style-dev .vertical .vertical ul.megamenu > li .sub-menu .content { border-top: 1px solid #ddd; } .megamenu-style-dev .vertical .vertical ul.megamenu > li .sub-menu .content .banner { margin-top: -21px; margin-bottom: -22px; margin-right: -1px; } .megamenu-style-dev .vertical .vertical ul.megamenu > li .sub-menu .content .static-menu .menu ul a.main-menu { padding: 0; } .megamenu-style-dev .vertical ul.megamenu .sub-menu .content .static-menu .menu ul { padding-bottom: 0; } .megamenu-style-dev .vertical ul.megamenu .sub-menu .content .static-menu .menu ul li > a { line-height: inherit; padding-bottom: 0; border-bottom: none; min-height: auto; } .megamenu-style-dev .vertical ul.megamenu .sub-menu .content .static-menu .menu ul li > a:hover { color: #ff5c00; } .megamenu-style-dev .vertical ul.megamenu .sub-menu .content .static-menu .menu ul ul a { padding: 0; } .megamenu-style-dev .vertical ul.megamenu .sub-menu .content .static-menu .menu ul ul a:hover { color: #ff5c00; } .select_category select { outline: none; } header.typeheader-1 .header-bottom { background: #ff5c00; } .typeheader-2 .shopping_cart { background: #ff5c00; } .typeheader-2 .shopping_cart:after { border-right: 15px solid #ff5c00; } .typeheader-2 .shopping_cart .total-shopping-cart { background-color: #cc4a00; } .typeheader-1 .header-top .header-top-left .link-lg, .typeheader-1 .header-top .header-top-right ul.top-link > li:hover > a, .typeheader-1 .megamenu-style-dev .horizontal ul.megamenu > li:hover > a { color: #ff5c00 !important; } .typeheader-1 #sosearchpro.so-search .autosearch-input { border-color: #ff5c00; } .typeheader-2 .header-top-right ul.top-link > li:hover > a { color: #ff5c00; } .typeheader-2 #sosearchpro.so-search .button-search i { color: #ff5c00; } .typeheader-2 #sosearchpro.so-search .button-search:hover i { color: #cc4a00; } .typeheader-2 .header-top .header-top-right ul.top-link > li:hover > a, .typeheader-2 .header-top .header-top-left .link-lg { color: #ff5c00 !important; } .typeheader-2 .shopping_cart, .typeheader-2 .header-bottom .header_custom_link li a, .typeheader-2 #sosearchpro.so-search .autosearch-input, .typeheader-2 #sosearchpro.so-search .select_category { border-color: #ff5c00 !important; } .typeheader-2 .header-center .phone-header a:hover, .typeheader-2 .header-center .phone-header .phone, .typeheader-2 .megamenu-style-dev .horizontal ul.megamenu > li.active > a, .typeheader-2 .megamenu-style-dev .horizontal ul.megamenu > li:hover > a { color: #ff5c00 !important; } .typeheader-2 #sosearchpro.so-search .button-search:hover { background: #ff5c00 !important; } .typeheader-2 #sosearchpro.so-search .button-search:hover i { color: #fff !important; } .typeheader-2 .shopping_cart .btn-shopping-cart .total-shopping-cart, .typeheader-2 .container-megamenu.vertical #menuHeading .megamenuToogle-wrapper { background: #ff5c00 !important; } header.typeheader-3 .header-top-right ul.top-link > li:hover > a { color: #ff5c00 !important; } header.typeheader-3 #sosearchpro.so-search .button-search:hover i { color: #cc4a00; } header.typeheader-4 .container-megamenu.vertical .vertical-wrapper { border-color: #ff5c00; } .typeheader-4 .header-top-right ul.top-link > li:hover > a { color: #ff5c00; } .typeheader-4 #sosearchpro.so-search .button-search i { color: #ff5c00; } .typeheader-4 #sosearchpro.so-search .button-search:hover i { color: #cc4a00; } .typeheader-5 .header-top-right ul.top-link > li:hover > a { color: #ff5c00; } .typeheader-5 #sosearchpro.so-search .button-search i { color: #ff5c00; } .typeheader-5 #sosearchpro.so-search .button-search:hover i { color: #cc4a00; } .typeheader-5 .header-top { background: #ff5c00; border-color: #ff5c00; } .typeheader-5 .header-top .header-top-left .welcome-msg .label-msg { background: #ff7d33; } header.typeheader-6 .header-center .block_link a { background: #ff5c00; } header.typeheader-6 .header-bottom { background-color: #ff5c00; } header.typeheader-6 .header-top .header-top-right ul.top-link > li .btn-group .btn-link:hover { color: #ff5c00; } header.typeheader-6 .header-top .header-top-right ul.top-link > li:hover > a { color: #ff5c00; } header.typeheader-6 #sosearchpro.so-search .select_category, header.typeheader-6 #sosearchpro.so-search .autosearch-input { border: 1px solid #ff5c00; } header.typeheader-6 #sosearchpro.so-search .button-search { background: #ff5c00; } header.typeheader-6 #sosearchpro.so-search .button-search:hover { background: #cc4a00; } header.typeheader-7 .header-top .header-top-right ul.top-link > li:hover > a { color: #ff5c00; } header.typeheader-7 .header-top .header-top-right ul.top-link > li .btn-group .btn-link:hover { color: #ff5c00; } header.typeheader-7 .megamenu-style-dev .horizontal ul.megamenu > li.active > a, header.typeheader-7 .megamenu-style-dev .horizontal ul.megamenu > li:hover > a { color: #ff5c00; } header.typeheader-7 .shopping_cart .total-shopping-cart { background: #ff5c00; } header.typeheader-7 #sosearchpro.so-search .button-search { background: #ff5c00; } header.typeheader-7 #sosearchpro.so-search .button-search:hover { background: #cc4a00; } header.typeheader-8 .header-top .header-top-left .dropdown-menu > li > button.btn-block:hover, header.typeheader-8 .header-top .header-top-right ul.top-link > li.socials .socials-wrap ul li a:hover, header.typeheader-8 .dropdown-menu > li > a:hover, header.typeheader-8 .header-bottom .header-menu .navbar-default .horizontal ul.megamenu > li > a:hover, header.typeheader-8 .header-top .header-top-right ul.top-link > li.shopping_cart .top_cart:hover, header.typeheader-8 .header-top .header-top-right ul.top-link > li.account a.dropdown-toggle:hover, header.typeheader-8 .btn-group .btn-link:hover { color: #ff5c00 !important; } header.typeheader-8 .header-bottom .header-menu .navbar-default .horizontal ul.megamenu > li > a:hover:before, header.typeheader-8 .header-center .header_search #sosearchpro .button-search:hover { background: #ff5c00 !important; } header.typeheader-9 .header-center .header_search #sosearchpro .button-search:hover i, header.typeheader-9 .header-top .header-top-right .dropdown-menu > li > button.btn-block:hover, header.typeheader-9 .header-center .findstore a:hover, header.typeheader-9 .header-bottom .header-menu .navbar-default .horizontal ul.megamenu > li > a:hover, header.typeheader-9 .header-top .header-top-right ul.top-link > li .dropdown-toggle:hover, header.typeheader-9 .header-top .header-top-right ul.top-link > li.account a.dropdown-toggle:hover { color: #ff5c00 !important; } header.typeheader-9 .header-bottom .shopping_cart .btn-shopping-cart .total-shopping-cart { background: #ff5c00 !important; } .typeheader-10 .dropdown-menu .btn-block:hover { color: #ff5c00 !important; } .typeheader-10 .shopping_cart .btn-shopping-cart .total-shopping-cart { background: #ff5c00 !important; } .typeheader-10 #sosearchpro.so-search .button-search:hover { background: #ff5c00 !important; } .common-home .typeheader-11 .horizontal ul.megamenu > li.menu-home a, header.typeheader-11 .message i, header.typeheader-11 .header-top .header-top-right ul.top-link > li > a:hover, header.typeheader-11 .btn-group .btn-link:hover, header.typeheader-11 .header-center .megamenu-style-dev .horizontal ul.megamenu > li.active > a, header.typeheader-11 .header-center .megamenu-style-dev .horizontal ul.megamenu > li:hover > a { color: #ff5c00 !important; } header.typeheader-11 .shopping_cart .btn-shopping-cart .total-shopping-cart, header.typeheader-11 .header-center #sosearchpro.so-search .button-search { background: #ff5c00 !important; } header.typeheader-11 .shopping_cart .btn-shopping-cart .total-shopping-cart:hover, header.typeheader-11 .header-center #sosearchpro.so-search .button-search:hover { background: #cc4a00; } header.typeheader-12 .btn-group .btn-link:hover, header.typeheader-12 .header_search #sosearchpro .button-search:hover i, .common-home .typeheader-12 .horizontal ul.megamenu > li.menu-home a, header.typeheader-12 .megamenu-style-dev .horizontal ul.megamenu > li.active > a, header.typeheader-12 .megamenu-style-dev .horizontal ul.megamenu > li:hover > a { color: #ff5c00 !important; } header.typeheader-12 .shopping_cart .btn-shopping-cart .total-shopping-cart { background: #ff5c00 !important; } .common-home .typeheader-13 .horizontal ul.megamenu > li.menu-home a, header.typeheader-13 .megamenu-style-dev .horizontal ul.megamenu > li.active > a, header.typeheader-13 .megamenu-style-dev .horizontal ul.megamenu > li:hover > a { color: #ff5c00 !important; } header.typeheader-13 #sosearchpro.so-search .button-search { background: #ff5c00 !important; } header.typeheader-13 #sosearchpro.so-search .button-search:hover { background: #cc4a00; } header.typeheader-13 .shopping_cart .total-shopping-cart, header.typeheader-13 .collapsed-block .show-account:hover span { background: #ff5c00 !important; } .typeheader-14 .header-top .header-top-right ul.top-link .block-cart:hover p.title-cart-h6, .typeheader-14 .header-top .header-top-right ul.top-link .block-cart:hover span, .typeheader-14 .header_search #sosearchpro .button-search:hover i, .typeheader-14 .megamenu-style-dev .horizontal ul.megamenu > li.active > a, .typeheader-14 .megamenu-style-dev .horizontal ul.megamenu > li:hover > a, header.typeheader-14 .header-top .header-top-right ul.top-link > li > a:hover, header.typeheader-14 .header-top .header-top-left ul.list-inlines > li .btn-group .btn-link:hover, header.typeheader-14 .header-top .header-top-left ul.list-inlines > li.phone span { color: #ff5c00 !important; } .typeheader-15 .header-top .header-top-right ul.top-link .block-cart:hover span, .typeheader-15 .header-top .header-top-right ul.top-link .block-cart:hover p.title-cart-h6, .typeheader-15 .horizontal ul.megamenu > li.active > a, .typeheader-15 .horizontal ul.megamenu > li.home > a, .typeheader-15 .horizontal ul.megamenu > li:hover > a, .typeheader-15 .header-top .header-top-left .list-inlines > li.phone span, .typeheader-15 .header-center .header_search #sosearchpro .button-search:hover i, .typeheader-15 .header-top .header-top-right ul.top-link > li > a:hover { color: #ff5c00 !important; } /************************************************************************************************ FOOTER DEFFAULT *************************************************************************************************/ footer { /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 13px; font-size: 1.3rem; /* [8] */ color: #7d7d7d; background: #f0f0f0; /*FOOTER BOTTOM*/ /*HTML SOCIAL*/ /*NEWLETTER*/ } footer a { color: #7d7d7d; } footer .module { margin: 0; } footer .module .footer-block-title h3, footer .module h3.footertitle { /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 16px; font-size: 1.6rem; /* [8] */ font-weight: bold; border: none; color: #222; letter-spacing: 1.2px; text-transform: uppercase; margin: 0 0 12px 0; line-height: inherit; height: auto; } footer .footer-top { background: #ff5c00; } footer .footer-top .block-infos .info { width: 20%; float: left; } footer .footer-top .block-infos .info .inner { float: left; width: 100%; border-left: 1px solid rgba(255, 255, 255, 0.3); padding-left: 35px; } footer .footer-top .block-infos .info .inner i { float: left; font-size: 36px; padding-top: 1px; color: #fff; } footer .footer-top .block-infos .info .inner .info-cont { padding-left: 50px; } footer .footer-top .block-infos .info .inner .info-cont span { font-size: 13px; color: #fff; text-transform: uppercase; margin-bottom: 2px; font-weight: 600; } footer .footer-top .block-infos .info .inner .info-cont p { text-transform: capitalize; color: #fff; padding-top: 0; margin-bottom: 0px; line-height: normal; } footer .footer-top .block-infos .info.info1 .inner { border-left: 0; padding-left: 0px; } footer .footer-center { padding-top: 25px; } @media (min-width: 1200px) { footer .footer-center { padding-top: 44px; } footer .footer-center .footer-extra { padding: 0 0 0 40px; } footer .footer-center .footer-contact { padding-left: 50px; } footer .footer-center .footer-newsletter { width: 70%; } footer .footer-center .footer-socials { width: 30%; } } footer .footer-center .module ul.links-footer li a, footer .footer-center .module ul.menu li a { position: relative; color: #7d7d7d; text-transform: capitalize; font-size: 13px; position: relative; padding: 4px 0px 5px 0px; transition: all 0.3s ease 0s; display: inline-block; vertical-align: top; } footer .footer-center .module ul.links-footer li a:before, footer .footer-center .module ul.menu li a:before { content: '\f105'; font-family: FontAwesome; font-size: 14px; margin-right: 8px; } footer .footer-center .module ul.links-footer li a:hover, footer .footer-center .module ul.menu li a:hover { color: #ff5c00; padding-left: 10px; } footer .footer-center .footer-contact ul > li { list-style: none; overflow: hidden; line-height: 24px; margin-top: 23px; } footer .footer-center .footer-contact ul > li .fa { width: 31px; height: 31px; background-color: #9d9d9d; color: #fff; line-height: 31px; font-size: 16px; text-align: center; float: left; border-radius: 2px; margin-right: 10px; } footer .footer-center .footer-contact ul > li span { display: block; overflow: hidden; line-height: 15px; color: #7d7d7d; font-size: 13px; } footer .footer-center .footer-contact ul > li.email { margin-bottom: 22px; line-height: 32px; font-size: 13px; } footer .footer-center .custom_categories { border-top: 1px solid #e0e0e0; text-align: center; clear: both; padding: 28px 0 30px 0; margin-top: 36px; } footer .footer-center .custom_categories nav a { color: #222; font-weight: 700; text-transform: uppercase; padding: 0 15px; transition: all 0.3s ease 0s; } footer .footer-center .custom_categories nav a:hover { color: #ff5c00; } footer .footer-center .custom_categories p { padding: 0 25%; line-height: 28px; margin: 10px 13px 0; } footer .footer-center .footer-center-2 { border-top: 1px solid #e0e0e0; padding: 30px 0; } footer .footer-bottom { background-color: #3b3b3b; text-align: center; padding: 22px 0; } footer .footer-bottom .copyright { margin-bottom: 7px; } footer .footer-bottom .copyright a { color: #ff5c00; } footer .socials-wrap { display: inline-block; float: right; } footer .socials-wrap .title-follow { white-space: nowrap; display: table-cell; vertical-align: top; padding-top: 8px; } footer .socials-wrap ul { display: table-cell; padding-top: 5px; padding-left: 5px; } footer .socials-wrap ul li { float: left; margin-left: 9px; } footer .socials-wrap ul li a { font-size: 18px; display: block; width: 34px; height: 34px; text-align: center; line-height: 34px; background-color: #fff; color: #222; border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.3s ease 0s; } footer .socials-wrap ul li a:hover { color: #ff5c00; } footer .socials-wrap ul li a i { font-size: 16px; } footer .socials-wrap ul li a .name-social { display: none; } footer .news-letter { overflow: hidden; float: left; color: #222; padding-right: 0; } footer .news-letter .title-block { display: table-cell; line-height: 100%; padding: 15px 0; white-space: nowrap; } footer .news-letter .page-heading { font-size: 16px; text-transform: uppercase; font-weight: bold; color: #222; } footer .news-letter .pre-text { margin: 0; line-height: 12px; font-size: 12px; display: none; } footer .news-letter .block_content { padding: 0 30px 0 27px; display: table-cell; margin-top: 0; vertical-align: top; } footer .news-letter .block_content form { margin: 0px; } footer .news-letter .block_content form .form-group { margin: 0px; overflow: hidden; } footer .news-letter .block_content .input-box { float: left; } footer .news-letter .block_content .input-box input { border-radius: 20px 0 0 20px; height: 42px; padding: 5px 15px; background: #fff; color: #999; font-size: 12px; float: left; width: 515px; transition: 0.3s all ease 0s; border: solid 1px #fff; border-right: none; margin-right: 20px; } footer .news-letter .block_content .subcribe button { right: 0; position: absolute; top: 0; border-radius: 0 20px 20px 0; height: 42px; text-transform: uppercase; font-size: 14px; transition: 0.3s all ease 0s; font-weight: bold; background-color: #ff5c00; border-color: #ff5c00; color: #fff; } @media (min-width: 1200px) { footer .news-letter .block_content .subcribe button { padding: 0 25px; } } footer .news-letter .block_content .subcribe button:hover { background-color: #cc4a00; border-color: #cc4a00; } .so-custom-default { width: 100% !important; background: transparent !important; border: none !important; padding: 0 !important; } footer.typefooter-1 .footer-top { background-color: #ff5c00 !important; } footer.typefooter-1 .footer-center .custom_categories nav a:hover, footer.typefooter-1 .footer-center .module ul.links-footer li a:hover, footer.typefooter-1 .footer-center .module ul.menu li a:hover { color: #ff5c00 !important; } footer.typefooter-1 .news-letter .block_content .subcribe button { background-color: #ff5c00 !important; border-color: #ff5c00 !important; } footer.typefooter-1 .news-letter .block_content .subcribe button:hover { background-color: #cc4a00 !important; border-color: #cc4a00 !important; } footer.typefooter-2 .news-letter .block_content .input-box input { border-color: #ff5c00 !important; } footer.typefooter-2 .socials-wrap ul li a { background-color: #ff5c00 !important; } footer.typefooter-2 .footer-center .custom_categories nav a:hover, footer.typefooter-2 .footer-center .module ul.links-footer li a:hover, footer.typefooter-2 .footer-center .module ul.menu li a:hover { color: #ff5c00 !important; } footer.typefooter-15 .footer-center-1 .footer-contact ul > li:hover .fa, footer.typefooter-3 .footer-center-1 .footer-contact ul > li:hover .fa, footer.typefooter-15 .news-letter .block_content .subcribe button:hover, footer.typefooter-3 .news-letter .block_content .subcribe button:hover { background-color: #ff5c00 !important; } footer.typefooter-15 .footer-center-3 .menu-footer3 li a:hover, footer.typefooter-3 .footer-center-3 .menu-footer3 li a:hover, footer.typefooter-15 .footer-center-3 .socials-footer ul li a:hover .fa, footer.typefooter-3 .footer-center-3 .socials-footer ul li a:hover .fa, footer.typefooter-15 ul.links-footer li a:hover, footer.typefooter-3 ul.links-footer li a:hover { color: #ff5c00 !important; } footer.typefooter-5 .news-letter .block_content .subcribe button { background-color: #ff5c00 !important; border-color: #ff5c00 !important; } footer.typefooter-5 .news-letter .block_content .subcribe button:hover { background-color: #cc4a00 !important; border-color: #cc4a00 !important; } footer.typefooter-6 div.footer-top { background-color: #ff5c00 !important; } footer.typefooter-6 div.footer-top .bf-right a:hover { color: #ff5c00 !important; } footer.typefooter-6 .footer-center .footer-newletter .subcribe .btn:hover { background: #cc4a00 !important; } footer.typefooter-6 div.footer-center .module ul.menu li a:hover { color: #ff5c00 !important; } footer.typefooter-7 .footer-center ul li a:hover { color: #ff5c00 !important; } footer.typefooter-8 .footer-block .footer-block-content .links-contact li:hover:before { background-color: #ff5c00 !important; } footer.typefooter-8 .news-letter .block_content form .subcribe button:hover { background-color: #ff5c00 !important; } footer.typefooter-8 .footer-bottom .copyright a:hover, footer.typefooter-8 .footer-block .footer-block-content .links-footer li a:hover { color: #ff5c00 !important; } footer.typefooter-8 .footer-block .footer-block-content .socials-wrap ul li a:hover { border-color: #ff5c00 !important; } footer.typefooter-8 .footer-block .footer-block-content .socials-wrap ul li a:hover .fa { color: #ff5c00 !important; } footer.typefooter-9 .footer-block .footer-block-content .links-contact li:hover:before { background-color: #ff5c00 !important; } footer.typefooter-9 .news-letter .block_content .subcribe button:hover { background: #ff5c00 !important; } footer.typefooter-9 .footer-block .links-footer li a:hover:before, footer.typefooter-10 .policy-shop .content-policy .content:hover h2, footer.typefooter-9 .footer-block .links-footer li a:hover, footer .socials-wrap ul li a:hover { color: #ff5c00 !important; } footer.typefooter-10 .socials-wrap ul li a:hover { background-color: #ff5c00 !important; } footer.typefooter-10 .socials-wrap ul li a:hover span { color: #fff; } footer.typefooter-10 .footer-block .footer-block-content .links-contact li:hover:before, footer.typefooter-10 .footer-block .links-footer li a:hover { color: #ff5c00 !important; } footer.typefooter-11 .news-letter .block_content .subcribe button { background-color: #ff5c00 !important; } footer.typefooter-11 .news-letter .block_content .subcribe button:hover { background-color: #cc4a00 !important; } footer.typefooter-11 .socials-wrap ul li a:hover { background-color: #ff5c00 !important; border-color: #ff5c00 !important; } footer.typefooter-11 .footer-bottom .copyright a:hover, footer.typefooter-11 .footer-block-content .links-footer li a:hover { color: #ff5c00 !important; } footer.typefooter-12 .footer-bottom .copyright a:hover, footer.typefooter-12 .footer-block-content .links-footer li a:hover { color: #ff5c00 !important; } footer.typefooter-12 .news-letter .block_content .subcribe button { background-color: #ff5c00 !important; } footer.typefooter-12 .news-letter .block_content .subcribe button:hover { background-color: #cc4a00 !important; } footer.typefooter-12 .socials-wrap ul li a:hover { background-color: #ff5c00 !important; border-color: #ff5c00 !important; } footer.typefooter-13 .footer-middle .categories-footer nav a:hover, footer.typefooter-13 .f13-socials-wrap ul li .icon-social:hover, footer.typefooter-13 .footer-middle .copyright a { color: #ff5c00 !important; } footer.typefooter-14 .news-letter .block_content form .subcribe button { background-color: #ff5c00 !important; } footer.typefooter-14 .news-letter .block_content form .subcribe button:hover { background-color: #cc4a00 !important; } footer.typefooter-14 .footer-center .footer-contact ul > li:hover i, footer.typefooter-14 .socials-wrap ul li a:hover { background-color: #ff5c00 !important; } footer.typefooter-14 .footer-bottom .bottom-contain .copyright a:hover, footer.typefooter-14 .footer-midle a:hover { color: #ff5c00 !important; } footer.typefooter-15 .footer-bottom .copyright a:hover { color: #ff5c00 !important; } /*=============================================== [SASS DIRECTORY ] [1] MODULE DEFAULT [2] BLOCK SEARCH [3] SOCIAL FOOTER ==============================================*/ #content { margin-bottom: 40px; } .sohomepage-slider .so-homeslider { border: none !important; } .container-megamenu.vertical .vertical-wrapper { display: none; } .container-megamenu.vertical:hover .vertical-wrapper { position: absolute; width: 100%; display: block; z-index: 9; } .common-home h3.modtitle { position: relative; } .common-home h3.modtitle:before { display: none; } .common-home h3.modtitle .fa { color: #ff5c00; } @media (min-width: 1200px) { .common-home .block-slide { padding-left: 0; } .common-home .block-slide .block-left { padding: 0; width: 71%; } .common-home .block-slide .block-right { padding-left: 0; width: 29%; } .common-home .block-slide .block-right .module { margin: 0; } .common-home .module h3.modtitle span { font-size: 18px; } } .common-home .block.block_1 { margin-top: 23px; } .common-home .block.block_2 { margin-top: 40px; } .common-home .block.block_3 { margin-top: 48px; } .common-home .block.block_4 { margin-top: 48px; } .common-home .block.block_5 { margin-top: 48px; } .common-home .block.block_6 { margin-top: 39px; } .common-home .block.block_7 { margin-top: 40px; } .common-home .block.block_8 { margin-top: 40px; } .common-home .block.block_9 { margin-top: 32px; } .common-home .block.block_10 { margin-top: 2px; } /************************************************************************************************ MODULE HOME SLIDER *************************************************************************************************/ .module.sohomepage-slider { margin: 0; } .module.sohomepage-slider .owl2-controls .owl2-nav div { position: absolute; margin: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); outline: 0; width: 36px; height: 36px; font-size: 0; z-index: 9; transition: all 0.3s ease; } .module.sohomepage-slider .owl2-controls .owl2-nav div.owl2-prev { left: 0px; background: #444 url("../../images/icon/arrow-slider-left.png") no-repeat center; border: none; } .module.sohomepage-slider .owl2-controls .owl2-nav div.owl2-prev:hover { background-color: #ff5c00; } .module.sohomepage-slider .owl2-controls .owl2-nav div.owl2-prev:before, .module.sohomepage-slider .owl2-controls .owl2-nav div.owl2-prev:after { display: none; } .module.sohomepage-slider .owl2-controls .owl2-nav div.owl2-next { right: 0px; background: #444 url("../../images/icon/arrow-slider-right.png") no-repeat center; border: none; } .module.sohomepage-slider .owl2-controls .owl2-nav div.owl2-next:hover { background-color: #ff5c00; } .module.sohomepage-slider .owl2-controls .owl2-nav div.owl2-next:before, .module.sohomepage-slider .owl2-controls .owl2-nav div.owl2-next:after { display: none; } .module.sohomepage-slider .owl2-dots { position: absolute; bottom: 25px; width: 100%; line-height: 100%; left: 25px; right: auto; } .module.sohomepage-slider .owl2-dots .owl2-dot { display: inline-block; float: left; } .module.sohomepage-slider .owl2-dots .owl2-dot span { width: 8px; height: 8px; background-color: #7d7d7d; border: none; margin: 0 2px; opacity: 1; display: block; border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.2s ease 0s; } .module.sohomepage-slider .owl2-dots .owl2-dot.active span { background-color: #ff5c00; width: 25px; border-radius: 4px; } .module.sohomepage-slider .owl2-dots .owl2-dot:hover span { background-color: #ff5c00; } .module.sohomepage-slider .owl2-item.active .sohomeslider-description .title-slider { opacity: 1; animation: myeffect-slideshow 2s ease-in-out; -webkit-animation: myeffect-slideshow 2s ease-in-out; /* Chrome, Safari, Opera */ -moz-animation: myeffect-slideshow 2s ease-in-out; -o-animation: myeffect-slideshow 2s ease-in-out; -ms-animation: myeffect-slideshow 2s ease-in-out; } .module.sohomepage-slider .owl2-item.active .sohomeslider-description h3.tilte { opacity: 1; animation: myeffect-slideshow 1.5s ease-in-out; -webkit-animation: myeffect-slideshow 1.5s ease-in-out; /* Chrome, Safari, Opera */ -moz-animation: myeffect-slideshow 1.5s ease-in-out; -o-animation: myeffect-slideshow 1.5s ease-in-out; -ms-animation: myeffect-slideshow 1.5s ease-in-out; } .module.sohomepage-slider .owl2-item.active .sohomeslider-description h4 { opacity: 1; animation: myeffect-slideshow 1s ease-in-out; -webkit-animation: myeffect-slideshow 1s ease-in-out; /* Chrome, Safari, Opera */ -moz-animation: myeffect-slideshow 1s ease-in-out; -o-animation: myeffect-slideshow 1s ease-in-out; } .module.sohomepage-slider .owl2-item.active .sohomeslider-description .des { opacity: 1; animation: myeffect-slideshow 0.8s ease-in-out; -webkit-animation: myeffect-slideshow 0.8s ease-in-out; /* Chrome, Safari, Opera */ -moz-animation: myeffect-slideshow 0.8s ease-in-out; -o-animation: myeffect-slideshow 0.8s ease-in-out; } .module.sohomepage-slider .sohomeslider-description { position: static; padding: 0; } .module.sohomepage-slider .sohomeslider-description p { width: 100%; color: #fff; font-size: 14px; padding: 0; padding: 0; margin: 0; } .module.sohomepage-slider .sohomeslider-description .title-slider { position: absolute; width: auto; opacity: 0; top: 31%; font-size: 20px; color: #3b3b3b; text-transform: uppercase; } .module.sohomepage-slider .sohomeslider-description .title-slider.pos-right { right: 30px; } .module.sohomepage-slider .sohomeslider-description .title-slider.pos-left { left: 30px; } .module.sohomepage-slider .sohomeslider-description .title-slider.image-sl12 { left: 35px; } .module.sohomepage-slider .sohomeslider-description .text { position: absolute; top: 49%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .module.sohomepage-slider .sohomeslider-description .text h3.tilte, .module.sohomepage-slider .sohomeslider-description .text h4, .module.sohomepage-slider .sohomeslider-description .text .des { opacity: 0; } .module.sohomepage-slider .sohomeslider-description .text.pos-right { right: 70px; } .module.sohomepage-slider .sohomeslider-description .text.pos-left { left: 30px; } .module.sohomepage-slider .sohomeslider-description .text .modtitle-sl11 { font-size: 34px; font-weight: bold; text-transform: uppercase; color: #fff; letter-spacing: 2px; } .module.sohomepage-slider .sohomeslider-description .text.text-sl11 { left: 30px; } .module.sohomepage-slider .sohomeslider-description .text.text-sl12 h3.tilte { font-size: 30px; color: #444; font-weight: 700; margin: 0; } .module.sohomepage-slider .sohomeslider-description .text.text-sl12.pos-left { left: 150px; top: 65%; } .module.sohomepage-slider .sohomeslider-description .text.text-sl12.pos-left i { margin-right: 5px; } .module.sohomepage-slider .sohomeslider-description .text.text-sl12.pos-left:hover { color: #ff5c00; } .module.sohomepage-slider .sohomeslider-description .text.text-sl12.pos-left a { font-weight: 600; color: #ff5c00; font-size: 14px; } .module.sohomepage-slider .sohomeslider-description .text.text-sl12 h4 { font-size: 84px; color: #ff5c00; font-weight: 700; margin: 0; } .module.sohomepage-slider .sohomeslider-description .text.text-sl12 .des { font-size: 27px; color: #444; } .module.sohomepage-slider .sohomeslider-description .text.text-sl13 h3.tilte { font-size: 26px; font-weight: 700; color: #fff; } .module.sohomepage-slider .sohomeslider-description .text.text-sl13 h4 { font-size: 80px; font-weight: 700; color: #ff5c00; } .module.sohomepage-slider .sohomeslider-description .des.des-sl11 { margin-top: 15px; color: #fff; font-size: 14px; } .module.sohomepage-slider .sohomeslider-description .des.des-sl11 i { margin-right: 5px; } .module.sohomepage-slider .sohomeslider-description .des.des-sl11:hover { color: #ff5c00; } /************************************************************************************************ SHORT CODE CONTENT SLIDER BRAND *************************************************************************************************/ .top-brand.arrow-default { padding: 15px; direction: ltr; padding: 14px 20px 4px !important; border: 1px solid #ebebeb; border-radius: 8px; } @media (min-width: 1200px) { .top-brand.arrow-default { padding: 14px 80px; } } .top-brand.arrow-default img { transition: all 0.2s ease 0s; webkit-transform: rotate(0); -webkit-backface-visibility: hidden; } .top-brand.arrow-default img:hover { opacity: 0.7; visibility: visible; } .top-brand.arrow-default .owl2-nav div { width: 41px; height: 41px; transition: inherit; } .top-brand.arrow-default .owl2-nav div.owl2-prev { left: 16px; opacity: 1; } .top-brand.arrow-default .owl2-nav div.owl2-next { right: 16px; opacity: 1; } /************************************************************************************************ BLOCK FEATURED CATE *************************************************************************************************/ .module.block-categories { margin-bottom: 46px; } .module.block-categories h3.modtitle { position: relative; background: transparent; padding-left: 0; } .module.block-categories h3.modtitle span { font-size: 18px; letter-spacing: 0.7px; } .module.block-categories h3.modtitle:before { display: none; } .module.block-categories h3.modtitle:after { content: ''; height: 2px; width: 100px; background-color: #ff5c00; position: absolute; bottom: -1px; left: 0; } .module.block-categories .cate-content { margin: 30px -15px 0; } .module.block-categories .cate-content .cate { float: left; width: 20%; padding: 0 15px; } .module.block-categories .cate-content .cate img { transition: all 0.2s ease 0s; } .module.block-categories .cate-content .cate .inner { -moz-box-shadow: 0px 2px 3px 0px rgba(100, 100, 100, 0.3); -webkit-box-shadow: 0px 2px 3px 0px rgba(100, 100, 100, 0.3); box-shadow: 0px 2px 3px 0px rgba(100, 100, 100, 0.3); text-align: center; } .module.block-categories .cate-content .cate a.title-cate { color: #222; font-weight: 700; font-size: 16px; text-transform: uppercase; line-height: 52px; transition: all 0.3s ease 0s; display: block; } .module.block-categories .cate-content .cate:hover img { opacity: 0.7; visibility: visible; } .module.block-categories .cate-content .cate:hover a.title-cate { background: #222; color: #fff; } .block-image-1 img { transition: all 0.2s ease 0s; } .block-image-1 img:hover { opacity: 0.7; visibility: visible; } /************************************************************************************************ MODULE DEALS *************************************************************************************************/ div.so-deals-slick.slick-horizontal .deals-content { border: none !important; border-radius: 0 !important; padding-bottom: 175px; } div.so-deals-slick.slick-horizontal .deals-content .ds-items { border-top: 1px solid #e1e1e1; border-bottom: none; padding: 23px 10px 6px; } div.so-deals-slick.slick-horizontal .deals-content .ds-items .font-ct { font-size: 13px; color: #7d7d7d; text-transform: capitalize; margin-bottom: 4px; text-align: center; white-space: nowrap; margin: 0 10px; overflow: hidden; margin-bottom: 10px; } div.so-deals-slick.slick-horizontal .deals-content .ds-items .ds-image-thumb { padding: 5px; margin: 0 10px 10px 10px; position: relative; } div.so-deals-slick.slick-horizontal .deals-content .ds-items { width: 100%; } div.custom_deals_featured.so-deals { clear: both; position: relative; margin: 0; border: 1px solid #e1e1e1; } div.custom_deals_featured.so-deals h2.modtitle { position: absolute; top: -2px; left: 13px; } div.custom_deals_featured.so-deals h2.modtitle span { background: #ff5c00; color: #fff; font-size: 18px; text-transform: uppercase; padding: 11px; font-weight: bold; border-radius: 0 0 8px 8px; } div.custom_deals_featured.so-deals h2.modtitle span:before { content: ""; border-left: 5px solid transparent; border-right: 0px solid transparent; border-bottom: 5px solid #cc4a00; position: absolute; left: -5px; top: -4px; } div.custom_deals_featured.so-deals h2.modtitle span:after { content: ""; border-left: 0px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #cc4a00; position: absolute; right: -5px; top: -4px; } div.custom_deals_featured.so-deals .so-deal { border: none; } div.custom_deals_featured.so-deals .so-deal .product-thumb .left-block { position: relative; float: left; width: 50%; } div.custom_deals_featured.so-deals .so-deal .product-thumb .left-block .image { width: 100%; } div.custom_deals_featured.so-deals .so-deal .product-thumb .left-block .image a { display: block; } div.custom_deals_featured.so-deals .so-deal .product-thumb .caption { width: 50%; padding: 0; } div.custom_deals_featured.so-deals .so-deal .caption h4 { margin-bottom: 8px; } div.custom_deals_featured.so-deals .so-deal .caption h4 a { color: #222; font-size: 18px; text-transform: capitalize; } div.custom_deals_featured.so-deals .so-deal .caption h4 a:hover { color: #ff5c00; } div.custom_deals_featured.so-deals .so-deal .des_deal { border-top: 1px solid #e1e1e1; margin-top: 11px; padding-top: 18px; margin-bottom: 11px; line-height: 23px; font-weight: normal; } div.custom_deals_featured.so-deals .so-deal .price { margin-bottom: 20px; } div.custom_deals_featured.so-deals .so-deal .price .price-new { font-size: 22px !important; color: #ff5c00 !important; } div.custom_deals_featured.so-deals .so-deal .price .price-old { font-size: 16px !important; } div.custom_deals_featured.so-deals .so-deal .ds-items-detail .product-thumb .caption .item-time { border: none; background: none; padding: 0 !important; } div.custom_deals_featured.so-deals .so-deal .ds-items-detail .product-thumb .caption .item-timer .time-item { position: relative; display: inline-block; width: auto; line-height: normal; border: none; background: transparent; margin-right: 24px; } div.custom_deals_featured.so-deals .so-deal .ds-items-detail .product-thumb .caption .item-timer .time-item .num-time { display: block; width: 70px; height: 42px; background-color: #ebebeb; line-height: 38px; text-align: center; font-size: 30px; color: #222; margin-bottom: 10px; border-radius: 3px; border: none; } div.custom_deals_featured.so-deals .so-deal .ds-items-detail .product-thumb .caption .item-timer .time-item .name-time { text-align: center; font-size: 12px; display: block; color: #7d7d7d; text-transform: uppercase; } @media (max-width: 1199px) { div.custom_deals_featured.so-deals .so-deal .ds-items-detail .product-thumb .caption .item-timer .time-item { margin-right: 5px; } div.custom_deals_featured.so-deals .so-deal .ds-items-detail .product-thumb .caption .item-timer .time-item .num-time { width: 50px; font-size: 20px; } } div.custom_deals_featured.so-deals .deals-nav { border: none !important; padding: 0 !important; } div.custom_deals_featured.so-deals .deals-nav span { position: absolute; top: 31%; height: 41px; z-index: 1; } div.custom_deals_featured.so-deals .deals-nav span.slick-prev { left: 15px; } div.custom_deals_featured.so-deals .deals-nav span.slick-next { right: 15px; } div.custom_deals_featured.so-deals .deals-nav.style2 { border: none !important; padding: 0 !important; } div.custom_deals_featured.so-deals .deals-nav.style2 span { position: absolute; top: 31%; height: 41px; z-index: 9; border: none; width: 28px; height: 28px; line-height: 28px; background-color: transparent; opacity: 1; visibility: visible; position: absolute; top: 50%; margin-top: -22px; } div.custom_deals_featured.so-deals .deals-nav.style2 span.slick-prev { left: 5px; bottom: 65px; top: inherit; } div.custom_deals_featured.so-deals .deals-nav.style2 span.slick-next { right: 5px; bottom: 65px; top: inherit; } div.custom_deals_featured.so-deals .owl2-controls.featureslider .owl2-nav div { position: absolute; top: 31%; height: 41px; z-index: 9; } div.custom_deals_featured.so-deals .owl2-controls.featureslider .owl2-nav div.owl2-prev { left: 15px; } div.custom_deals_featured.so-deals .owl2-controls.featureslider .owl2-nav div.owl2-next { right: 15px; } div.custom_deals_featured.so-deals .product-feature { padding: 20px; overflow: visible; } @media (min-width: 1200px) { div.custom_deals_featured.so-deals .product-feature { padding: 20px 95px 0px 20px; } div.custom_deals_featured.so-deals .product-feature .product-thumb .image img { padding-left: 40px; } } div.custom_deals_featured.so-deals .product-feature .product-thumb, div.custom_deals_featured.so-deals .so-deal { margin: 0; } div.custom_deals_featured.so-deals .box-label.label { display: block; color: #fff; font-size: 12px; text-transform: uppercase; width: 40px; height: 40px; background: #ff5c00; text-align: center; line-height: 40px; border-radius: 100%; padding: 0; } div.custom_deals_featured.so-deals .extraslider-inner { border-top: 1px solid #e1e1e1; border-bottom: none; padding: 23px 10px 6px; } div.custom_deals_featured.so-deals .extraslider-inner .caption { text-align: center; } div.custom_deals_featured.so-deals .extraslider-inner .caption p, div.custom_deals_featured.so-deals .extraslider-inner .caption .rating, div.custom_deals_featured.so-deals .extraslider-inner .caption .item-time { display: none; } div.custom_deals_featured.so-deals .extraslider-inner .caption h4 { font-size: 13px; color: #7d7d7d; text-transform: capitalize; margin-bottom: 4px; } div.custom_deals_featured.so-deals .extraslider-inner .product-thumb { margin: 0; padding: 0 10px; } div.custom_deals_featured.so-deals .extraslider-inner .product-thumb .image { width: 122px; position: relative; border: 1px solid #e1e1e1; border-radius: 5px; padding: 5px; margin-bottom: 10px; transition: all 0.2s ease 0s; } div.custom_deals_featured.so-deals .extraslider-inner .product-thumb .image:hover { border-color: #ff5c00; } div.custom_deals_featured.so-deals .extraslider-inner .product-thumb .image .bt-sale { position: absolute; z-index: 3; top: 10px; right: 15px; font-size: 12px; font-weight: bold; color: #fff; text-align: center; display: inline-block; width: 38px; height: 38px; border-radius: 50%; line-height: 38px; background-color: #ff5c00; } div.custom_deals_featured.so-deals .extraslider-inner .owl2-controls .owl2-nav > div { border: none; width: 28px; height: 28px; line-height: 28px; background-color: transparent; opacity: 1; visibility: visible; position: absolute; top: 50%; margin-top: -22px; } div.custom_deals_featured.so-deals .extraslider-inner .owl2-controls .owl2-nav > div.owl2-prev { left: 5px; } div.custom_deals_featured.so-deals .extraslider-inner .owl2-controls .owl2-nav > div.owl2-next { right: 5px; } div.custom_deals_featured.so-deals .extraslider-inner .owl2-controls .owl2-nav > div:hover { border: none; } /************************************************************************************************ MODULE LASTET BLOG *************************************************************************************************/ .module.custom-ourblog { margin-bottom: 6px; position: relative; } .module.custom-ourblog h3.modtitle { position: relative; background: transparent; padding-left: 0; } .module.custom-ourblog h3.modtitle:before { display: none; } .module.custom-ourblog h3.modtitle:after { content: ''; height: 2px; width: 100px; background-color: #ff5c00; position: absolute; bottom: -1px; left: 0; } .module.custom-ourblog .so-blog-external.button-type2 .owl2-nav { position: absolute; top: 10px; right: 0; } .module.custom-ourblog .so-blog-external .blog-external .media .so-block { float: none; } .module.custom-ourblog .blog-external { border: none; margin-top: 15px; } .module.custom-ourblog .blog-external .content-img { position: relative; } .module.custom-ourblog .blog-external .content-img img { transition: all 0.3s ease 0s; webkit-transform: rotate(0); -webkit-backface-visibility: hidden; } .module.custom-ourblog .blog-external .content-img img:hover { opacity: 0.7; visibility: visible; } .module.custom-ourblog .blog-external .content-img:before { content: ''; width: 0; height: 0; border-bottom: 85px solid transparent; top: 0; position: absolute; z-index: 2; border-left: 80px solid #fff; left: 0; } .module.custom-ourblog .blog-external .content-img .entry-date { position: absolute; top: 0; z-index: 2; left: 0; } .module.custom-ourblog .blog-external .content-img .entry-date .day-time { font-size: 24px; color: #909090; font-weight: bold; } .module.custom-ourblog .blog-external .content-img .entry-date .month-time { font-size: 14px; color: #909090; } .module.custom-ourblog .blog-external .content-detail h4 a { color: #222; font-size: 14px; text-transform: capitalize; display: block; padding: 0; } .module.custom-ourblog .blog-external .content-detail h4 a:hover { color: #ff5c00; } .module.custom-ourblog .blog-external .content-detail .media-heading { margin: 15px 0 10px; } .module.custom-ourblog .blog-external .content-detail .media-subcontent .media-author { border: none; color: #909090; } .module.custom-ourblog .blog-external .content-detail .media-subcontent i { font-size: 14px; margin-right: 5px; } .module.custom-ourblog .blog-external .content-detail .readmore { border-top: 1px solid #e8e8e8; padding-top: 14px; margin-top: 14px; width: 100%; display: block; } .module.custom-ourblog .blog-external .content-detail .readmore a { color: #ff5c00; font-weight: 600; } .module.custom-ourblog .blog-external .content-detail .readmore i { margin-right: 5px; } /************************************************************************************************ DEFFAULT BESTSELLER HOME *************************************************************************************************/ .bestseller { clear: inherit; } .bestseller h3 { font-size: 18px; font-weight: bold; margin-bottom: 20px; margin-top: 12px; color: #222; text-transform: uppercase; } .bestseller .description, .bestseller .button-group { display: none; } .bestseller .product-layout { margin-bottom: 15px; display: inline-block; width: 100%; } .bestseller .product-layout .image { float: left; border: 1px solid #eee; width: 70px; padding: 10px; margin-right: 20px; } .bestseller .product-layout .image:hover { border-color: #ff5c00; } .bestseller .product-layout .caption { float: left; display: block; margin-top: -5px; } .bestseller .product-layout .caption h4 { margin: 0 0 2px; } .bestseller .product-layout .caption h4 a { font-size: 14px; font-weight: bold; color: #222; } .bestseller .product-layout .caption h4 a:hover { color: #ff5c00; } .bestseller .product-layout .caption .ratings { margin-top: -5px; margin-bottom: 6px; } .bestseller .product-layout .caption .price { margin-bottom: 0; } .bestseller .product-layout .price .price-new, .bestseller .product-layout .price span.price { font-size: 16px; } /************************************************************************************************ DEFFAULT LISTING TAB *************************************************************************************************/ div.module.custom-listingtab { margin: 0 0 0 0; position: relative; } div.module.custom-listingtab .product-layout .product-item-container { padding: 15px 0; padding-top: 0; margin: 15px 0; position: relative; border: 1px solid #e8e8e8; overflow: hidden; } div.module.custom-listingtab .product-layout .product-item-container iframe { width: 100%; } div.module.custom-listingtab .product-layout .product-item-container .quickview { height: 32px; width: 32px; text-align: center; line-height: 32px; cursor: pointer; z-index: 99; color: white; opacity: 1; position: absolute; top: 30%; margin: 0; background-color: #ff5c00; transition: all 0.3s ease-in-out; opacity: 0; border-radius: 50%; left: 50%; margin-left: -16px; } div.module.custom-listingtab .product-layout .product-item-container .left-block { position: relative; width: 100%; float: left; margin-bottom: 7px; } div.module.custom-listingtab .product-layout .product-item-container .left-block .countdown_box .countdown_inner .time-item { background: rgba(0, 0, 0, 0.7); } div.module.custom-listingtab .product-layout .product-item-container .right-block { width: 100%; text-align: center; clear: both; } div.module.custom-listingtab .product-layout .product-item-container .right-block .caption { padding: 0; transition: all 0.3s ease-in-out; } div.module.custom-listingtab .product-layout .product-item-container .right-block .caption h4 { margin-bottom: 10px; padding: 0 10px; } div.module.custom-listingtab .product-layout .product-item-container .right-block .caption h4 a { font-size: 15px; color: #222; font-weight: 600; text-transform: capitalize; } div.module.custom-listingtab .product-layout .product-item-container .right-block .caption h4 a:hover { color: #ff5c00; } div.module.custom-listingtab .product-layout .product-item-container .button-group { position: absolute; font-size: 15px; bottom: 15px; right: 0; left: 0; z-index: 2; opacity: 0; visibility: hidden; } div.module.custom-listingtab .product-layout .product-item-container .button-group button { bottom: -70px; position: relative; border: none; height: 32px; background: white; border-radius: 100%; color: #ff5c00; border: 1px solid #ff5c00; min-width: 32px; text-align: center; } div.module.custom-listingtab .product-layout .product-item-container .button-group button.addToCart { padding: 0 8px; padding-bottom: 3px; line-height: 29px; color: #fff; border-radius: 16px; background: #ff5c00; transition: bottom 0.2s ease-in-out; } div.module.custom-listingtab .product-layout .product-item-container .button-group button.wishlist { padding: 0; width: 32px; transition: bottom 0.4s ease-in-out; color: #ff5c00; } div.module.custom-listingtab .product-layout .product-item-container .button-group button.compare { padding: 0; width: 32px; transition: bottom 0.6s ease-in-out; color: #ff5c00; } div.module.custom-listingtab .product-layout .product-item-container:hover .button-group { opacity: 1; visibility: visible; } div.module.custom-listingtab .product-layout .product-item-container:hover .button-group button { bottom: 0; margin: 0 1px !important; } div.module.custom-listingtab .product-layout .product-item-container:hover .button-group button:hover { background-color: #ff5c00; color: white; } div.module.custom-listingtab .product-layout .product-item-container:hover .caption { opacity: 0; visibility: hidden; } div.module.custom-listingtab .product-layout .product-item-container:hover .quickview { opacity: 1; top: 40%; } div.module.custom-listingtab .product-layout .product-item-container:hover .quickview:hover { background-color: #ff5c00; } div.module.custom-listingtab .product-layout .product-item-container .left-block { margin-bottom: 19px; } div.module.custom-listingtab .box-title { position: absolute; top: -8px; min-width: 203px; left: -8px; } div.module.custom-listingtab .box-title h2 { line-height: 48px; background-color: #ff5c00; font-size: 18px; padding: 0 16px; color: #fff; margin: 0; font-weight: bold; border-radius: 0 7px 0 0; position: relative; text-transform: uppercase; box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1); } div.module.custom-listingtab .box-title h2:before { content: ''; width: 0; height: 0; border-bottom: 8px solid transparent; bottom: -8px; position: absolute; border-right: 8px solid #cc4a00; left: 1px; } div.module.custom-listingtab .ltabs-tabs-container .ltabs-tabs li.ltabs-tab > span { font-weight: 600 !important; } div.module.custom-listingtab .ltabs-items-container .ltabs-items-selected, div.module.custom-listingtab .ltabs-items-container .ltabs-items-inner { overflow: visible; } div.module.custom-listingtab .wap-listing-tabs { clear: both; } div.module.custom-listingtab .ltabs-items-container .ltabs-items .ltabs-slider .ltabs-item { margin-bottom: 0; } div.module.custom-listingtab .module, div.module.custom-listingtab .so-listing-tabs .ltabs-wrap .ltabs-tabs-container, div.module.custom-listingtab .so-listing-tabs { margin: 0; } div.module.custom-listingtab .list-sub-cat { border: 0; background-color: #f2f2f2; margin: 0 0 0 196px; border: 0; font-size: 12px; color: #333; text-transform: uppercase; padding: 0 15px; line-height: 40px; border-radius: 0; } div.module.custom-listingtab .list-sub-cat:hover { color: #ff5c00; } div.module.custom-listingtab .list-sub-cat.ltabs-tabs li.tab-sel.ltabs-tab > span { color: #ff5c00 !important; } div.module.custom-listingtab .list-sub-cat.ltabs-tabs li { border: 0; padding: 0; margin: 0; font-size: 13px; } div.module.custom-listingtab .list-sub-cat.ltabs-tabs li:hover { background: transparent; } div.module.custom-listingtab .list-sub-cat.ltabs-tabs li:hover span { color: #ff5c00 !important; } div.module.custom-listingtab .list-sub-cat.ltabs-tabs li span { font-size: 12px; color: #333 !important; text-transform: uppercase !important; padding: 0 15px !important; border-radius: 0; } div.module.custom-listingtab .list-sub-cat.ltabs-tabs li span:hover { color: #ff5c00; } div.module.custom-listingtab .list-sub-cat.ltabs-tabs li.tab-sel { background: transparent; } div.module.custom-listingtab .ltabs-wrap .ltabs-items-container { overflow: visible; } @media (min-width: 1200px) { div.module.custom-listingtab .ltabs-wrap .ltabs-items-container { margin-left: 196px; } } div.module.custom-listingtab .ltabs-items-inner, div.module.custom-listingtab .ltabs-items-selected { overflow: visible; } div.module.custom-listingtab .ltabs-wrap .wap-listing-tabs .item-cat-image { float: left; } @media (min-width: 1200px) { div.module.custom-listingtab .ltabs-wrap .wap-listing-tabs .item-cat-image { width: 196px; position: relative; z-index: 9; } } div.module.custom-listingtab .ltabs-wrap .wap-listing-tabs .item-cat-image img:hover:before { visibility: visible; opacity: 1; } div.module.custom-listingtab .ltabs-wrap .wap-listing-tabs .item-cat-image img:before { background-color: rgba(0, 0, 0, 0.3); content: ""; height: 100%; width: 100%; position: absolute; top: 0; transition: all 0.2s ease 0s; visibility: hidden; opacity: 0; left: 0; } div.module.custom-listingtab .products-list.grid .product-layout .product-item-container { margin: 0; border-width: 0 0px 0px 0; padding-bottom: 10px; position: relative; } div.module.custom-listingtab .products-list.grid .product-layout .product-item-container:before { content: ""; position: absolute; top: 0; right: 1px; width: 1px; height: 100%; background: #e8e8e8; z-index: 9; } div.module.custom-listingtab .products-list.grid .product-layout .product-item-container:after { content: ""; position: absolute; bottom: 1px; left: 0px; width: 100%; height: 1px; background: #e8e8e8; z-index: 9; } div.module.custom-listingtab .owl2-controls .owl2-nav { position: absolute; top: -17px; right: 15px; } div.module.custom-listingtab .owl2-controls .owl2-nav > div { border: none; width: 28px; height: 28px; background-color: transparent; border-radius: 2px; color: #ccc; } div.module.custom-listingtab .owl2-controls .owl2-nav > div.owl2-prev { right: 32px; left: auto; } div.module.custom-listingtab .owl2-controls .owl2-nav > div:hover { border: none; background: #ff5c00; } div.module.custom-listingtab.img-float .box-title { text-align: right; min-width: 202px; right: -7px; left: auto; } div.module.custom-listingtab.img-float .box-title h2 { border-radius: 7px 0 0 0; } div.module.custom-listingtab.img-float .box-title h2:before { content: ''; width: 0; height: 0; border-bottom: 8px solid transparent; bottom: -8px; position: absolute; border-left: 8px solid #b94300; border-right: none; right: 0; left: auto; } @media (min-width: 1200px) { div.module.custom-listingtab.img-float .ltabs-wrap .ltabs-items-container { margin-right: 196px; margin-left: 0; } } div.module.custom-listingtab.img-float .so-listing-tabs .ltabs-tabs-container .ltabs-tabs li { float: right; } div.module.custom-listingtab.img-float .list-sub-cat { border: 0; background-color: #f2f2f2; margin: 0 196px 0 0; } div.module.custom-listingtab.img-float .ltabs-wrap .wap-listing-tabs .item-cat-image { float: right; } div.module.custom-listingtab.img-float .products-list.grid .product-layout .product-item-container { border-width: 0 0px 0px 0px; position: relative; } div.module.custom-listingtab.img-float .products-list.grid .product-layout .product-item-container:before { content: ""; position: absolute; top: 0; width: 1px; height: 100%; background: #ebebeb; left: 1px; z-index: 9; } div.module.custom-listingtab.img-float .owl2-controls .owl2-nav { left: 70px; right: auto; } .module.custom_bestseler { border: 1px solid #e1e1e1; position: relative; margin: 0; } .module.custom_bestseler.h3.modtitle { border: none; } .module.custom_bestseler .image-slide { float: left; width: 50%; position: relative; z-index: 3; } .module.custom_bestseler .image-slide .form-group { margin: 0; } .module.custom_bestseler .so-extraslider { margin: 0; } .module.custom_bestseler .extraslider-inner { clear: inherit; float: right; width: 50%; padding: 10px; border: none; } .module.custom_bestseler .extraslider-inner .right-block { overflow: hidden; margin-top: 10px; } .module.custom_bestseler .extraslider-inner .left-block { width: 90px; float: left; margin-right: 20px; position: relative; } .module.custom_bestseler .extraslider-inner .item-wrap .item-image { border: none; } .module.custom_bestseler .extraslider-inner .item-wrap.style1 .item-info { background: transparent; position: relative; } .module.custom_bestseler .extraslider-inner .item-wrap.style1 .item-info .item-title, .module.custom_bestseler .extraslider-inner .item-wrap.style2 .item-info .item-title { padding: 0; font-weight: normal; } .module.custom_bestseler .extraslider-inner .item-wrap.style1 .item-info .item-title a, .module.custom_bestseler .extraslider-inner .item-wrap.style2 .item-info .item-title a { font-size: 14px; color: #222; text-transform: capitalize; } .module.custom_bestseler .extraslider-inner .item-wrap.style1 .item-info .item-title a:hover, .module.custom_bestseler .extraslider-inner .item-wrap.style2 .item-info .item-title a:hover { color: #ff5c00; } .module.custom_bestseler .extraslider-inner .item-wrap-inner { margin: 0; padding: 0; } .module.custom_bestseler .extraslider-inner .item-wrap .item-info .item-content { margin: 0; } .module.custom_bestseler .extraslider-inner .item-wrap .item-info .item-content .content_price span { font-size: 16px; color: #ff5c00; font-weight: 700; } .module.custom_bestseler .extraslider-inner .item-wrap .item-image img { box-shadow: none; } .module.custom_bestseler .extraslider-inner .item-wrap .item-image .img-2 { position: absolute; top: 0; transition: all 0.7s ease 0s; opacity: 0; visibility: hidden; } .module.custom_bestseler .extraslider-inner .item-wrap .item-image:hover { box-shadow: none; } .module.custom_bestseler .extraslider-inner .item-wrap .item-image:hover img { box-shadow: none; opacity: 0.7; } .module.custom_bestseler .extraslider-inner .item-wrap .item-image:hover .img-2 { opacity: 1; visibility: visible; } .module.custom_bestseler .extraslider-inner .item-wrap { margin-bottom: 25px; } .module.custom_bestseler .owl2-controls { margin-top: 4px; text-align: right; position: absolute; top: 4px; vertical-align: middle; right: 5px; } .module.custom_bestseler .owl2-controls .owl2-nav > div { width: 28px; height: 28px; text-align: center; display: inline-block; line-height: 27px; font-size: 0; cursor: pointer; color: #999; background-color: transparent; margin-top: 0; position: static; float: left; border-radius: 2px; } .module.custom_bestseler .owl2-controls .owl2-nav > div:hover { color: #fff; background: #ff5c00; } .module.custom_bestseler .owl2-controls .owl2-prev:before { content: "\f104"; font-family: FontAwesome; font-size: 28px; } .module.custom_bestseler .owl2-controls .owl2-next:before { content: "\f105"; font-family: FontAwesome; font-size: 28px; } @media screen and (-moz-images-in-menus: 0) { .module.custom-listingtab .products-list.grid .product-layout .product-item-container { padding-bottom: 16px; } } .sohomepage-slider .so-homeslider { border: none; } .sohomepage-slider .form-group { display: none; } .block-right h2 { display: none; } .so-listing-tabs .ltabs-items-container .ltabs-items .ltabs-item .item-inner { margin: 0 !important; } /*CUSTOM CSS FOR PRODUCT DETAILS PAGE RJS CSS*/ .producttab .tab-content .tab-pane table { overflow-x: scroll; display: inline-block; overflow-y: unset; }