.no-margin { margin: 0 !important; } /*EFECT PRODUCT NUMBER*/ .lib-two-img, .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 { position: relative; display: block; } .lib-two-img .img-1, .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 .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; } .slider-container { max-height: 440px; overflow: hidden; } .lib-two-img .img-2, .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 .img-2 { position: absolute; z-index: 0; top: 0; left: 0; opacity: 0; width: 100%; display: block; -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-1, .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1:hover .media-left .item-image .lt-image .img-1, .products-list .product-layout .product-item-container:hover .left-block .product-image-container .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 .so-extraslider .extraslider-inner .item .item-wrap.style1:hover .media-left .item-image .lt-image .img-2, .products-list .product-layout .product-item-container:hover .left-block .product-image-container .img-2 { opacity: 1; transform-style: inherit; -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; } /* @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 .banners > div a { display: block; position: relative; overflow: hidden; } .banners-effect-4 .banners > div a:hover:before, .banners-effect-4 .banners > div a:hover:after { opacity: 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); -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1); } .banners-effect-4 .banners > div a:before, .banners-effect-4 .banners > div a:after { border-bottom: 50px solid rgba(0, 0, 0, 0.2); border-top: 50px solid rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; transform-origin: 50% 50% 0; width: 100%; -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); -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -webkit-transition: opacity 0.4s ease 0s, -webkit-transform 0.35s ease 0s; -moz-transition: opacity 0.4s ease 0s, -moz-transform 0.35s ease 0s; transition: opacity 0.4s ease 0s, transform 0.35s ease 0s; visibility: visible; z-index: 1; } .banners-effect-5 .banners > div a { display: block; position: relative; overflow: hidden; } .banners-effect-5 .banners > div a:hover:before, .banners-effect-5 .banners > div a:hover:after { opacity: 0; filter: alpha(opacity=0); border: 0 double rgba(255, 255, 255, 0.7); visibility: hidden; } .banners-effect-5 .banners > div a:before, .banners-effect-5 .banners > div a:after { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1; border: 200px double transparent; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s; -moz-transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s; transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s; } .banners-effect-6 .banners > div a { display: inline-block; vertical-align: top; position: relative; overflow: hidden; background: #000; } .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 #ffffff; border-top: 1px solid #ffffff; -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 #ffffff; border-right: 1px solid #ffffff; -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, transparent 0%, rgba(0, 0, 0, 0.2) 75%); background: linear-gradient(to bottom, transparent 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%); } /* @end */ /*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); } } /******************************************************* Style Color ********************************************************/ /******************************************************* Style Color ********************************************************/ /******************************************************************* ****** SO Framework: Sass System ****** ********************************************************************/ /* 1.BACK TOP TOP DEMO OPENCART ----------------------------------------------------- */ .back-to-top { cursor: pointer; background-color: #777; color: #fff; width: 45px; bottom: 50px; padding: 5px 0; overflow: hidden; z-index: 40; position: fixed; display: inline; 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); right: 20px; } .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: #ea3a3c; } .back-to-top i { font-size: 32px; display: block; line-height: 18px; } .back-to-top span { display: block; line-height: 18px; } @media (max-width: 1199px) { .back-to-top { right: 15px; } } ul, ol { list-style: none; margin: 0; padding: 0; } /* 2.SOCIAL ACCOUNTS (RIGHT FIXED PANEL) ----------------------------------------------------- */ .social-widgets { position: fixed; z-index: 560; top: 50%; height: 0; width: 0; right: 0; } .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; left: 120px; } .social-widgets .active { z-index: 100; left: -310px; } .social-widgets .item-01, .social-widgets .item-02, .social-widgets .item-03, .social-widgets .item-04, .social-widgets .item-05, .social-widgets .item-06, .social-widgets .item-07, .social-widgets .item-08, .social-widgets .item-09 { left: 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 .item-04 { top: 150px; z-index: 96; } .social-widgets .item-05 { top: 200px; z-index: 95; } .social-widgets .tab-icon .fa { font-size: 18px; } .social-widgets .tab-icon { position: absolute; top: 0; left: -45px; display: block; width: 45px; height: 45px; background: #fff; text-align: center; font-size: 1.54em; line-height: 45px; } .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, 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.active { left: -260px; } .social-widgets .facebook .tab-content { width: 260px; } .social-widgets .twitter.active { left: -300px; } .social-widgets .twitter .tab-content { width: 300px; } .social-widgets .twitter-widget { padding-top: 10px; } .social-widgets .youtube.active { left: -450px; } .social-widgets .youtube .tab-content { width: 450px; } .social-widgets .loading { min-height: 200px; position: relative; z-index: 1000; } .social-widgets .loading img.ajaxloader { position: absolute; top: 45%; left: 45%; width: 32px; height: 32px; } /* 3.TOP PANEL (RIGHT FIXED PANEL) ----------------------------------------------------- */ @media (min-width: 1200px) { header.navbar-compact { position: fixed; width: 100%; background: #fff; z-index: 900; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); } .navbar-compact .compact-hidden { display: none !important; } .navbar-compact .header-center { padding: 30px 0; transition: 0.3s all ease 0s; } .navbar-compact .header-bottom { margin: 0 !important; } .navbar-switcher { text-align: center; float: right; display: none; width: 45px; height: 45px; margin-bottom: -47px; background: #ea3a3c !important; padding: 6px 7px; border-radius: 0 0 3px 3px; cursor: pointer; color: #fff; } .navbar-switcher .i-active, .navbar-switcher.active .i-inactive { display: none; } .navbar-switcher.active .i-active, .navbar-switcher .fa-caret-down { display: inline; font-size: 1.8em; line-height: 1.5em; } .navbar-compact.type_1 .sidebar-menu, .navbar-compact.type_2 .sidebar-menu { display: none; } .navbar-compact.type_1 .header-bottom-right, .navbar-compact.type_2 .header-bottom-right { margin: 0; padding: 0 15px; width: 100%; } header .navbar-switcher { display: block; } } /* 4.LARY LOADER --------------------------------------- */ .mfp-iframe-scaler iframe { background: white url(../image/theme/lazy-loader.gif) no-repeat center center; } .lazy { display: block; position: relative; overflow: hidden; background: transparent url(../image/theme/lazy-loader.gif) no-repeat center center; } .loadeding { background: white url(../image/theme/lazy-loader.gif) no-repeat center center; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; right: 0; opacity: 1; } .loaded .loadeding { background: none; height: auto; opacity: 0; display: none; } @media (min-width: 1200px) { .lazy.lazy-loaded { background: none; height: auto; } .lazy img { transition: 1s all ease; opacity: 0; -webkit-backface-visibility: hidden; } .lazy.lazy-loaded img { opacity: 1; } } /* Overlay pattern --------------------------------------- */ body.no-bgbody { background-image: none; } .pattern-1 { background-image: url("../image/theme/patterns/1.png"); } .pattern-2 { background-image: url("../image/theme/patterns/2.png"); } .pattern-3 { background-image: url("../image/theme/patterns/3.png"); } .pattern-4 { background-image: url("../image/theme/patterns/4.png"); } .pattern-5 { background-image: url("../image/theme/patterns/5.png"); } .pattern-6 { background-image: url("../image/theme/patterns/6.png"); } .pattern-7 { background-image: url("../image/theme/patterns/7.png"); } .pattern-8 { background-image: url("../image/theme/patterns/8.png"); } .pattern-9 { background-image: url("../image/theme/patterns/9.png"); } .pattern-10 { background-image: url("../image/theme/patterns/10.png"); } .pattern-11 { background-image: url("../image/theme/patterns/11.png"); } .pattern-12 { background-image: url("../image/theme/patterns/12.png"); } .pattern-13 { background-image: url("../image/theme/patterns/13.png"); } .pattern-14 { background-image: url("../image/theme/patterns/14.png"); } .pattern-15 { background-image: url("../image/theme/patterns/15.png"); } .pattern-16 { background-image: url("../image/theme/patterns/16.png"); } .pattern-17 { background-image: url("../image/theme/patterns/17.png"); } .pattern-18 { background-image: url("../image/theme/patterns/18.png"); } .pattern-19 { background-image: url("../image/theme/patterns/19.png"); } .pattern-20 { background-image: url("../image/theme/patterns/20.png"); } .pattern-21 { background-image: url("../image/theme/patterns/21.png"); } .pattern-22 { background-image: url("../image/theme/patterns/22.png"); } .pattern-23 { background-image: url("../image/theme/patterns/23.png"); } .pattern-24 { background-image: url("../image/theme/patterns/24.png"); } .pattern-25 { background-image: url("../image/theme/patterns/25.png"); } .pattern-26 { background-image: url("../image/theme/patterns/26.png"); } .pattern-27 { background-image: url("../image/theme/patterns/27.png"); } .pattern-28 { background-image: url("../image/theme/patterns/28.png"); } .pattern-29 { background-image: url("../image/theme/patterns/29.png"); } .pattern-30 { background-image: url("../image/theme/patterns/30.png"); } .pattern-31 { background-image: url("../image/theme/patterns/31.png"); } .pattern-32 { background-image: url("../image/theme/patterns/32.png"); } .pattern-33 { background-image: url("../image/theme/patterns/33.png"); } .pattern-34 { background-image: url("../image/theme/patterns/34.png"); } .pattern-35 { background-image: url("../image/theme/patterns/35.png"); } .pattern-36 { background-image: url("../image/theme/patterns/36.png"); } .pattern-37 { background-image: url("../image/theme/patterns/37.png"); } .pattern-38 { background-image: url("../image/theme/patterns/38.png"); } .pattern-39 { background-image: url("../image/theme/patterns/39.png"); } .pattern-40 { background-image: url("../image/theme/patterns/40.png"); } .pattern-41 { background-image: url("../image/theme/patterns/41.png"); } .pattern-42 { background-image: url("../image/theme/patterns/42.png"); } .pattern-43 { background-image: url("../image/theme/patterns/43.png"); } .pattern-44 { background-image: url("../image/theme/patterns/44.png"); } .pattern-45 { background-image: url("../image/theme/patterns/45.png"); } /* Preloading Screen --------------------------------------- */ #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; z-index: 1001; animation: spin 2s linear infinite; } #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; animation: spin 3s linear infinite; } #loader:after { content: ""; position: absolute; top: 15px; right: 15px; left: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; animation: spin 1.5s linear infinite; } #loader-wrapper .loader-section { position: fixed; top: 0; width: 50%; height: 100%; background: rgba(255, 255, 255, 0.6); z-index: 1000; transform: translateX(0); } #loader-wrapper .loader-section.section-left { left: 0; } #loader-wrapper .loader-section.section-right { right: 0; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loaded #loader-wrapper .loader-section.section-left { transform: translateX(-100%); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #loader-wrapper .loader-section.section-right { transform: translateX(100%); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #loader { opacity: 0; transition: all 0.3s ease-out; } .loaded #loader-wrapper { visibility: hidden; transform: translateY(-100%); transition: all 0.3s 1s ease-out; } /* @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 .banners > div a { display: block; position: relative; overflow: hidden; } .banners-effect-4 .banners > div a:hover:before, .banners-effect-4 .banners > div a:hover:after { opacity: 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); -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1); } .banners-effect-4 .banners > div a:before, .banners-effect-4 .banners > div a:after { border-bottom: 50px solid rgba(0, 0, 0, 0.2); border-top: 50px solid rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; transform-origin: 50% 50% 0; width: 100%; -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); -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -webkit-transition: opacity 0.4s ease 0s, -webkit-transform 0.35s ease 0s; -moz-transition: opacity 0.4s ease 0s, -moz-transform 0.35s ease 0s; transition: opacity 0.4s ease 0s, transform 0.35s ease 0s; visibility: visible; z-index: 1; } .banners-effect-5 .banners > div a { display: block; position: relative; overflow: hidden; } .banners-effect-5 .banners > div a:hover:before, .banners-effect-5 .banners > div a:hover:after { opacity: 0; filter: alpha(opacity=0); border: 0 double rgba(255, 255, 255, 0.7); visibility: hidden; } .banners-effect-5 .banners > div a:before, .banners-effect-5 .banners > div a:after { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1; border: 200px double transparent; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s; -moz-transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s; transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s; } .banners-effect-6 .banners > div a { display: inline-block; vertical-align: top; position: relative; overflow: hidden; background: #000; } .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 #ffffff; border-top: 1px solid #ffffff; -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 #ffffff; border-right: 1px solid #ffffff; -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; width: 100%; 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, transparent 0%, rgba(0, 0, 0, 0.2) 75%); background: linear-gradient(to bottom, transparent 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%); } /* @end */ .divider { clear: both; height: 40px; } .alert { border-radius: 0; } .alert .fa { font-size: 20px; vertical-align: middle; margin-right: 10px; } .tab-content { padding: 15px 15px 10px; margin-bottom: 20px; z-index: 2; border: 1px solid #ddd; border-top: 0px; } .simple-ul { margin: 0 0 15px 0; padding: 0; list-style: none; } .simple-ul li { position: relative; padding-left: 15px; margin-bottom: 5px; } .simple-ul li:before { position: absolute; top: 0; left: 0; display: block; font-family: "FontAwesome"; font-size: 14px; content: "\f105"; } .simple-ul li ul { margin: 10px 0 10px 0; padding: 0; list-style: none; } .simple-ul li ul li:before { content: "\f111"; font-size: 7px; } .decimal-list { margin: 0px 0 15px 20px; padding: 0; list-style: decimal outside; } .decimal-list li { padding-left: 0; margin-bottom: 5px; text-indent: 0; } blockquote { font-size: 12px; } .well { border-radius: 0; } .feature-box { border-radius: 0; margin-bottom: 20px; } .feature-box .feature-icon { color: #3e7cb4; display: inline-block; font-size: 40px; height: 40px; text-align: center; width: 40px; float: left; } .feature-box .feature-content { padding-left: 50px; } .featured-icon { border-radius: 50%; color: #fff; background-color: #3e7cb4; display: inline-block; font-size: 40px; height: 110px; line-height: 110px; margin: 5px; position: relative; text-align: center; width: 110px; z-index: 1; } .simple-list { margin: 0; padding: 0; list-style-type: none; } .bold-list > li > a { font-weight: 700; text-transform: uppercase; } .simple-list ul { margin: 0; padding: 0; list-style-type: none; position: relative; } .simple-list li { margin: 0; padding: 0 0 8px; } .simple-list .checkbox { padding-left: 0; } .simple-list .checkbox input[type=checkbox] { margin-right: 10px; } .simple-list .icon { margin-right: 9px; } .arrow-list li { padding-left: 12px; position: relative; } .arrow-list li a { color: #666; } .arrow-list li a:hover { color: #ea3a3c; } .arrow-list li:before { margin-right: 10px; font-size: 14px; display: inline-block; font-family: "FontAwesome"; content: "\f105"; } .page-login .well { background: #fff; min-height: 285px; border: 1px solid #e7e7e7; margin: 0; line-height: 23px; border-radius: 0; } .page-login .well h2 { padding-bottom: 10px; font-size: 14px; text-transform: uppercase; position: relative; } .page-login .bottom-form { background: #f5f5f5; border: 1px solid #e7e7e7; border-top: 0; padding: 10px 20px; overflow: hidden; line-height: 35px; } .page-login .bottom-form .btn { padding: 7px 12px; background: #676767; color: #fff; text-transform: capitalize; border-radius: 0; border-color: #676767; } .page-login .bottom-form .btn:hover { background: #ea3a3c; border-color: #ea3a3c; color: #fff; } .page-login .bottom-form a { color: #666; } .page-login .bottom-form a:hover { color: #ea3a3c; } div.required .control-label:before { content: '* '; color: #F00; font-weight: bold; } /******************************************************************* ****** SO Framework: Sass Menu ****** ********************************************************************/ div.horizontal ul.megamenu > li { float: left; } div.horizontal ul.megamenu .sub-menu .title-submenu, div.horizontal ul.megamenu li .sub-menu .content .static-menu a.main-menu { text-transform: uppercase; color: #222222; border-bottom: 1px solid #ddd; font-size: 13px; font-weight: bold; padding-bottom: 5px; margin-bottom: 5px; } div.horizontal ul.megamenu .sub-menu .image-link { color: #333333; } div.horizontal ul.megamenu .sub-menu .image-link:hover { color: #ea3a3c; } div.horizontal .image-link .thumbnail { position: relative; overflow: hidden; border-radius: 0; background: #333; padding: 0; } div.horizontal .image-link .btn { position: absolute; top: -100px; left: calc(50% - 50px); padding: 7px 12px; background: #676767; color: #fff; text-transform: capitalize; border-radius: 0; border-color: #676767; background: #ea3a3c; border-color: #ea3a3c; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border-radius: 2px; } div.horizontal .image-link .btn:hover { background: #ea3a3c; border-color: #ea3a3c; color: #fff; } div.horizontal .image-link .btn:hover { background: #676767; border-color: #676767; } div.horizontal .image-link:hover .thumbnail { border: 1px solid #999; } div.horizontal .image-link:hover .thumbnail img { opacity: 0.7; } div.horizontal .image-link:hover .btn { top: calc(50% - 25px); } div.horizontal .image-link .figcaption { font-size: 13px; text-align: center; font-weight: 600; text-transform: uppercase; } div.horizontal ul.megamenu .sub-menu .content { border-top: 3px solid #ea3a3c; } div.horizontal ul.megamenu .sub-menu a { color: #666; line-height: 24px; display: block; padding: 3px 0; } div.horizontal ul.megamenu .sub-menu a:hover { color: #ea3a3c; } header .so-megamenu .navbar-header { color: white; } @media (min-width: 992px) { div.so-vertical-menu { position: relative; } div.so-vertical-menu .vertical-wrapper { border-top: 3px solid #ea3a3c; } div.so-vertical-menu ul.megamenu > li { border: none; } div.so-vertical-menu ul.megamenu > li a { color: #666; line-height: 24px; } div.so-vertical-menu ul.megamenu > li a:hover { color: #ea3a3c; } div.so-vertical-menu ul.megamenu > li > a:hover, div.so-vertical-menu ul.megamenu > li.loadmore:hover { background: #ea3a3c; color: white; } div.so-vertical-menu ul.megamenu > li > a:hover .caret, div.so-vertical-menu ul.megamenu > li.loadmore:hover .caret { background-position: center 0; } div.so-vertical-menu ul.megamenu > li .caret { background: url("../image/theme/icons/ico-menu-parent.png") no-repeat; width: 15px; height: 15px; background-position: center -25px; border: none; margin: 5px 0; position: absolute; right: 10px; } div.so-vertical-menu ul.megamenu > li.loadmore { border-top: 1px solid #ddd; } } .list-product { padding: 0; } .list-product .image { margin-right: 15px; } .list-product .caption h4 { margin: 0; /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 14px; /* [8] */ font-size: 1.4rem; /* [8] */ } .megamenuToogle-wrapper .container > div { float: left; margin: 3px 10px 0px 0px; } /* +----------------------------------------------------+ TABLE OF CONTENTS +----------------------------------------------------+ [1] Header Wrapper [2] Content Wrapper [3] Footer Wrapper */ /* ************************************************************************************************ STRUCTURE ************************************************************************************************ */ @media (max-width: 1024px) { .no-res { width: 1190px; } } .wrapper-boxed, .wrapper-iframed, .wrapper-rounded { max-width: 1200px; margin: 0 auto; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .wrapper-boxed header.navbar-compact, .wrapper-iframed header.navbar-compact, .wrapper-rounded header.navbar-compact { width: auto; } .wrapper-iframed { margin: 20px auto; } .wrapper-rounded { margin: 20px auto; border-radius: 10px; overflow: hidden; } /************************************************************** Header Wrapper **************************************************************/ .header-top { background: #eee; } .header-center { padding: 35px 0; } .header-bottom { background: #666666; min-height: 45px; margin-bottom: 15px; } /************************************************************** Content Wrapper **************************************************************/ #content { margin-bottom: 30px; } #content:before, #content:after { content: " "; display: table; } #content:after { clear: both; } /************************************************************************************************ FOOTER DEFFAULT *************************************************************************************************/ footer { /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 12px; /* [8] */ font-size: 1.2rem; /* [8] */ color: #666; /*FOOTER TOP*/ /*FOOTER CENTER*/ /*FOOTER BOTTOM*/ /*HTML SOCIAL*/ /*NEWLETTER*/ } footer a { color: #444; } footer .module { margin: 0; } footer .module h3.modtitle, footer .module h3.footer-title { font-size: 18px !important; font-weight: bold; border: none; color: #222 !important; text-transform: uppercase; margin: 0 0 15px 0 !important; line-height: inherit; height: auto; } footer .footer-top { background-color: #222; height: 70px; } footer .footer-center { padding-bottom: 30px; padding-top: 25px; background-color: #eee; } footer .footer-center .module h3.modtitle:before { display: none; } footer .footer-center .module .footer-logo { margin-bottom: 7px; margin-top: -3px; } footer .footer-center .module ul.menu li a { position: relative; padding-left: 10px; } footer .footer-center .module ul.menu li a:before { content: "\f101"; top: 2px; line-height: 100%; vertical-align: middle; font-family: FontAwesome; position: absolute; left: 0; } footer .footer-center .module ul.menu li a:hover { color: #ea3a3c; } footer .footer-center .footer-links p { line-height: 20px; } footer .footer-center .contact-address li { color: #444444; padding: 0 0 5px 25px; position: relative; z-index: 1; line-height: 18px; } footer .footer-center .contact-address span { font-size: 15px; position: absolute; color: white; text-align: center; color: #ea3a3c; left: 0px; margin-right: 10px; } footer .footer-center .contact-address > li:nth-child(2) { padding-top: 7px; } footer .footer-center .contact-address > li:nth-child(2) span { margin-top: -1px; } footer .footer-center .contact-address > li:last-child { padding-top: 8px; } footer .footer-center .contact-address a:hover { color: #ea3a3c; } footer .footer-center .payment-list li { display: inline; } footer .box-footer { min-height: 181px; border-right: 1px solid #ddd; } footer .box-footer .module { margin: 0; } footer .box-footer.box-account, footer .box-footer.box-information { padding-left: 30px; } footer .box-footer.box-account ul li, footer .box-footer.box-information ul li { line-height: 32px; } footer .box-footer:last-child { border-right: 0; padding-left: 30px; } footer ul.payment-method { padding-top: 25px; border-bottom: 0; } footer ul.payment-method li { display: inline-block; margin-right: 7px; } footer ul.payment-method li img:hover { opacity: 0.8; } footer .footer-bottom { background: #ddd; padding: 6px 0; } footer .social_block { margin-bottom: 0; background: #3a3a3a; } footer .social_block ul { padding: 0 15px; } footer .social_block ul.social-block li { float: left; display: inline-block; margin: 0 7px; text-align: center; } footer .social_block ul.social-block li a { color: #fff; line-height: 70px; width: 30px; display: inline-block; } footer .social_block ul.social-block li a:hover { color: #ea3a3c; } footer .social_block ul.social-block li a i { font-size: 16px; } footer .news-letter { overflow: hidden; padding-top: 10px; float: right; color: #fff; padding-right: 0; } footer .news-letter .title-block { max-width: 400px; min-height: 50px; display: inline-block; padding: 3px 0 0px 57px; background: url("../image/theme/icons/icon-newletter-footer.png") no-repeat left center; margin-left: 23px; } footer .news-letter .page-heading { font-size: 16px; text-transform: uppercase; font-weight: 600; color: #fff; margin: 2px 2px 0; } footer .news-letter .pre-text { margin: 0; line-height: 12px; font-size: 12px; } footer .news-letter .block_content { float: right; padding-top: 7px; } 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: 0; height: 40px; padding: 5px 15px; background: #fff; color: #999; font-size: 12px; float: left; width: 270px; height: 36px; transition: 0.3s all ease 0s; border: solid 1px #eee; border-right: none; } footer .news-letter .block_content .subcribe { float: left; } footer .news-letter .block_content .subcribe button { border-radius: 0; height: 36px; float: left; text-transform: uppercase; font-size: 12px; transition: 0.3s all ease 0s; font-weight: 500; text-transform: uppercase; background-color: #ea3a3c; border-color: #ea3a3c; color: #fff; } footer .news-letter .block_content .subcribe button:hover { background-color: #da1719; border-color: #da1719; } /************************************************************************************************ FOOTER V2 *************************************************************************************************/ footer.typefooter-2 { /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 13px; /* [8] */ font-size: 1.3rem; /* [8] */ color: #666; } footer.typefooter-2 a { color: #fff; } footer.typefooter-2 .footer-navbar { position: relative; background: url("../image/theme/home8/bg-footer.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; text-align: center; } footer.typefooter-2 .footer-navbar .footer-link { padding-top: 24px; padding-bottom: 23px; } footer.typefooter-2 .footer-navbar .footer-link li { display: inline-block; color: #fff; text-transform: uppercase; padding: 0 10px; font-weight: bold; } footer.typefooter-2 .footer-navbar .footer-link li a { color: #fff; font-size: 13px; } footer.typefooter-2 .footer-navbar .footer-link li a:hover { color: #ea3a3c; } footer.typefooter-2 .footer-navbar .footer-top { background: transparent; height: auto; } footer.typefooter-2 .footer-navbar .footer-bottom { background: transparent; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 20px; } footer.typefooter-2 .footer-navbar .footer-bottom .copyright-text { padding-bottom: 10px; } footer.typefooter-2 .footer-navbar .footer-bottom .paymen { padding-bottom: 25px; } footer.typefooter-2 .footer-navbar .footer-about .content-block-footer { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 20px; } @media (min-width: 991px) { footer.typefooter-2 .footer-navbar .footer-about .content-block-footer { padding-top: 49px; } } @media (min-width: 991px) { footer.typefooter-2 .footer-navbar .social-block { padding-bottom: 17px; } } footer.typefooter-2 .footer-navbar .social-block li { display: inline-block; width: 40px; height: 40px; text-align: center; border: 1px solid #fff; line-height: 40px; border-radius: 100%; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } footer.typefooter-2 .footer-navbar .social-block li i { color: #fff; line-height: 40px; text-align: center; font-size: 16px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } footer.typefooter-2 .footer-navbar .social-block li:hover { border-color: #ea3a3c; } footer.typefooter-2 .footer-navbar .social-block li:hover i { color: #ea3a3c; } footer.typefooter-2 .footer-navbar .footer-logo { margin-bottom: 37px; } footer.typefooter-2 .footer-navbar p { line-height: 25px; margin-bottom: 29px; color: #9e9e9e; } footer.typefooter-2 .footer-navbar ul.menu li a:before { content: "\f101"; font-family: FontAwesome; margin-right: 5px; } footer.typefooter-2 .footer-navbar ul.menu li a:hover { color: #ea3a3c; } /************************************************************************************************ FOOTER V3 *************************************************************************************************/ footer.typefooter-3 .footer-top { height: auto; background: transparent; } footer.typefooter-3 .footer-navbar { position: relative; background: #eeeeee; padding-top: 45px; } footer.typefooter-3 .footer-navbar .footer-links { padding-top: 24px; padding-bottom: 23px; } footer.typefooter-3 .footer-navbar .footer-links .module { margin: 0; } footer.typefooter-3 .footer-navbar .footer-links li { display: inline-block; color: #fff; text-transform: uppercase; padding: 0 10px; font-weight: bold; } footer.typefooter-3 .footer-navbar .footer-links li a { color: #fff; } footer.typefooter-3 .footer-navbar .footer-links li a:hover { color: #ea3a3c; } footer.typefooter-3 .footer-navbar .footer-right { border-left: 1px solid #ddd; } @media (min-width: 1200px) { footer.typefooter-3 .footer-navbar .footer-right { width: 73%; padding-left: 31px; } } footer.typefooter-3 .footer-navbar .footer-right .module { margin-bottom: 26px; } @media (min-width: 991px) { footer.typefooter-3 .footer-navbar .footer-right .box-account { border-right: 1px solid #ddd; width: 32%; } footer.typefooter-3 .footer-navbar .footer-right .box-information { width: 34%; padding-left: 31px; } footer.typefooter-3 .footer-navbar .footer-right .collapsed-block { width: 34%; padding-left: 31px; border-left: 1px solid #ddd; } footer.typefooter-3 .footer-navbar .footer-right .collapsed-block .module { margin: 0; } } @media (min-width: 1200px) { footer.typefooter-3 .footer-navbar .footer-left { width: 27%; } } footer.typefooter-3 .footer-navbar .footer-left .module { margin: 0; } footer.typefooter-3 .footer-navbar .footer-left .module .footer-contact-content p { margin-bottom: 0px; margin-top: 10px; } footer.typefooter-3 .footer-navbar .footer-left .module .footer-contact-content p.des-ft { line-height: 26px; } footer.typefooter-3 .footer-navbar .footer-left .des-ft { color: #666666; } footer.typefooter-3 .footer-navbar .footer-left .footer-contact-content { margin-top: 30px; } footer.typefooter-3 .footer-navbar .footer-left .footer-contact-content span { margin-left: 11px; color: #666; } footer.typefooter-3 .footer-navbar .footer-left .footer-contact-content .phone .fa { font-size: 18px; } footer.typefooter-3 .footer-navbar .footer-left .footer-contact-content .phone .fa span { margin-left: 17px; } footer.typefooter-3 .footer-navbar .footer-left .footer-contact-content .fa { font-size: 14px; color: #ea3a3c; } footer.typefooter-3 .footer-navbar .box-footer .module { margin: 0; } footer.typefooter-3 .footer-navbar .box-footer .content-block-footer { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 20px; } @media (min-width: 991px) { footer.typefooter-3 .footer-navbar .box-footer .content-block-footer { padding-top: 49px; } } @media (min-width: 991px) { footer.typefooter-3 .footer-navbar .social-block { padding-bottom: 17px; margin-top: 19px; } } footer.typefooter-3 .footer-navbar .social-block li { display: inline-block; text-align: center; border-radius: 100%; padding-right: 22px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } footer.typefooter-3 .footer-navbar .social-block li i { color: #444; line-height: 40px; text-align: center; font-size: 19px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } footer.typefooter-3 .footer-navbar .social-block li:hover i { color: #ea3a3c; } footer.typefooter-3 .footer-navbar .footer-center { background: #333; margin-top: 25px; color: #fff; padding: 38px 0 0; } footer.typefooter-3 .footer-navbar .footer-center .custom-sevicer { margin-bottom: 15px !important; } footer.typefooter-3 .footer-navbar .footer-center .box-footer-sp { padding-left: 25px; } footer.typefooter-3 .footer-navbar .footer-center .box-footer-sp:before { content: ""; width: 2px; height: 60px; top: -12px; position: absolute; background: #5c5c5c; -ms-transform: rotate(25deg); -webkit-transform: rotate(25deg); transform: rotate(25deg); left: -11px; } footer.typefooter-3 .footer-navbar .footer-center .icon-sp { float: left; padding-right: 20px; } footer.typefooter-3 .footer-navbar .footer-center .icon-sp .fa { color: #ea3a3c; font-size: 35px; } footer.typefooter-3 .footer-navbar .footer-center .content-sp { position: relative; top: -8px; } footer.typefooter-3 .footer-navbar .footer-center .content-sp a { color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 0.3px; } footer.typefooter-3 .footer-navbar .footer-center .content-sp span { line-height: 30px; color: #a8a8a8; } footer.typefooter-3 .box-footer { border: none; } footer.typefooter-3 .footer-bottom { text-align: center; background: #333; } footer.typefooter-3 .footer-bottom .footer-bottom-pt { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 20px; } footer.typefooter-3 .footer-bottom .copyright-text { padding-bottom: 10px; color: #fff; font-size: 12px; text-align: left; } footer.typefooter-3 .footer-bottom .copyright-text a { color: #ea3a3c; } footer.typefooter-3 footer, footer.typefooter-3 footer a { color: inherit; } footer.typefooter-3 footer a:hover { color: #337ab7; } footer.typefooter-3 .footer-navbar .module h3.modtitle { font-size: 18px; text-align: left; border-bottom: 0; color: #222; text-transform: uppercase; margin: 0 0 15px 0; border: 0; height: auto; line-height: inherit; } footer.typefooter-3 .footer-navbar .module h3.modtitle:before { display: none; } footer.typefooter-3 .footer-navbar .module .footer-logo { margin-bottom: 37px; } footer.typefooter-3 .footer-navbar .module p { line-height: 25px; margin-bottom: 15px; color: #9e9e9e; font-size: 13px; } footer.typefooter-3 .footer-navbar .module ul.menu li a { line-height: 30px; font-size: 13px; color: #666; } footer.typefooter-3 .footer-navbar .module ul.menu li a:before { content: "\f101"; font-family: FontAwesome; margin-right: 5px; } footer.typefooter-3 .footer-navbar .module ul.menu li a:hover { color: #ea3a3c; } footer.typefooter-3 div.clients_say .owl2-controls { display: none; } footer.typefooter-3 .contact-address li { color: #444444; padding: 0 0 5px 25px; position: relative; z-index: 1; line-height: 18px; } footer.typefooter-3 .contact-address span { font-size: 15px; position: absolute; color: white; text-align: center; color: #ea3a3c; left: 0px; margin-right: 10px; } footer.typefooter-3 .contact-address > li:nth-child(2) { padding-top: 7px; } footer.typefooter-3 .contact-address > li:nth-child(2) span { margin-top: -1px; } footer.typefooter-3 .contact-address > li:last-child { padding-top: 8px; } footer.typefooter-3 .contact-address a:hover { color: #ea3a3c; } footer.typefooter-3 .payment-list li { display: inline; } footer.typefooter-3 .footer-directory-title .label-link { color: #444; font-weight: bold; padding-bottom: 5px; font-size: 11px; } footer.typefooter-3 ul.footer-directory { list-style: outside none none; padding: 0; margin: 0; } footer.typefooter-3 ul.footer-directory li { padding-bottom: 3px; } footer.typefooter-3 ul.footer-directory li h2 { color: #444; display: inline-block; font-weight: bold; line-height: 22px; text-transform: uppercase; font-size: 11px; margin: 0; margin-right: 5px; } footer.typefooter-3 ul.footer-directory li a { font-size: 11px; } footer.typefooter-3 .back-to-top { z-index: 999; } footer.typefooter-3 .so-slider .slide-left { padding-right: 5px; } @media (min-width: 1200px) { footer.typefooter-3 .so-slider .slide-left { width: 74.10%; } } footer.typefooter-3 .so-slider .slide-right { padding-left: 5px; } @media (min-width: 1200px) { footer.typefooter-3 .so-slider .slide-right { width: 25.90%; } } footer.typefooter-3 .so-slider .slide-right .col-s-1 { margin-bottom: 10px; } footer.typefooter-3 .footer-bottom .copyright-text { padding-bottom: 20px; float: left; } footer.typefooter-3 .footer-bottom .paymen { padding-bottom: 20px; float: right; } footer.typefooter-3 .testimonial { clear: inherit; } footer.typefooter-3 div.clients_say { position: relative; top: 0; background-color: #eee; border-bottom: 1px solid #ddd; } footer.typefooter-3 div.clients_say .owl2-carousel .owl2-stage-outer { direction: ltr; } footer.typefooter-3 div.clients_say .owl-carousel { background: none; } footer.typefooter-3 div.clients_say .block-title { position: relative; } footer.typefooter-3 div.clients_say .block-title h3 { font-size: 18px; font-weight: bold; margin: 0; text-transform: uppercase; margin-bottom: 18px; color: #222; } footer.typefooter-3 div.clients_say .image { width: 90px; background-color: #eee; float: left; margin-right: 15px; } footer.typefooter-3 div.clients_say .image img:hover { opacity: 0.8; } footer.typefooter-3 div.clients_say .block_content { background-color: #eee; margin-top: 10px; } footer.typefooter-3 div.clients_say .block_content .content-if { position: relative; top: -8px; } footer.typefooter-3 div.clients_say .block_content .text { font-size: 13px; font-style: italic; color: #666; line-height: 26px; } footer.typefooter-3 div.clients_say .block_content .author { font-size: 16px; font-weight: bold; color: #ea3a3c; margin-top: 10px; line-height: 18px; } footer.typefooter-3 div.clients_say .block_content .name-if { color: #666; } footer.typefooter-3 div.clients_say .block-info { font-style: italic; position: relative; top: -4px; background-color: #eee; margin-left: 80px; } footer.typefooter-3 div.clients_say .block-info .info { padding: 17px 0px 0; } footer.typefooter-3 div.clients_say .block-info .info .author { font-size: 15px; font-weight: 600; margin-top: -3px; font-style: normal; color: #e74c3c; } footer.typefooter-3 div.clients_say .owl2-controls { position: absolute; top: -40px; right: -3px; } footer.typefooter-3 div.clients_say .owl2-controls .owl2-dots { display: none !important; } footer.typefooter-3 div.clients_say .owl2-controls .owl2-nav div { font-size: 0; font-weight: bold; position: static; padding: 5px; cursor: pointer; display: inline; background: none; color: #999; } footer.typefooter-3 div.clients_say .owl2-controls .owl2-nav div.owl2-prev:before { content: "\f104"; font-family: FontAwesome; font-size: 20px; } footer.typefooter-3 div.clients_say .owl2-controls .owl2-nav div.owl2-next:before { content: "\f105"; font-family: FontAwesome; font-size: 20px; } footer.typefooter-3 div.clients_say .owl2-controls .owl2-nav div:hover { background-color: transparent !important; color: #ea3a3c; } footer.typefooter-3 .news-letter { -webkit-appearance: none; overflow: hidden; float: none; padding-top: 28px; padding-right: 0; color: #fff; } footer.typefooter-3 .news-letter .title-block { margin-left: 20px; max-width: 400px; min-height: 50px; display: inline-block; padding: 3px 0 0px 60px; display: none; } footer.typefooter-3 .news-letter .page-heading { font-size: 150%; text-transform: uppercase; font-weight: 600; color: #fff; margin: 0px 0 6px; } footer.typefooter-3 .news-letter .pre-text { margin: 0; line-height: 12px; font-size: 12px; } footer.typefooter-3 .news-letter .block_content { padding-top: 6px; padding-right: 13px; } footer.typefooter-3 .news-letter .block_content form { margin: 0px; } footer.typefooter-3 .news-letter .block_content form .form-group { margin: 0px; overflow: hidden; width: 100%; position: relative; } footer.typefooter-3 .news-letter .block_content .input-box input { box-shadow: none; padding: 5px 15px; background: #fff; color: #777; font-size: 13px; width: 100%; height: 36px; transition: 0.3s all ease 0s; border: solid 1px #fff; border-right: none; } footer.typefooter-3 .news-letter .block_content .subcribe { position: absolute; right: 0; top: 0; } footer.typefooter-3 .news-letter .block_content .subcribe button { padding: 0px 13px; line-height: 36px; height: 36px; text-transform: uppercase; font-size: 14px; transition: 0.3s all ease 0s; font-weight: 400; text-transform: uppercase; background-color: #ea3a3c; border-color: #ea3a3c; color: #fff; } footer.typefooter-3 .news-letter .block_content .subcribe button:hover { background-color: #da1719; border-color: #da1719; } /* +----------------------------------------------------+ TABLE OF CONTENTS +----------------------------------------------------+ [1] BLOCK MODULE STYLE [2] BLOCK LIST ITEM [3] BLOCK MENU CATEGORY [4] BLOCK FILTER SHOP BY [5] BLOCK TAGS [6] BLOCK LANGUAGE [7] BLOCK CURRENCY [8] BLOCK BREADCRUMB [9] BLOCK LATEST PRODUCT */ /*============MODULE DEFAULT ==================*/ .module { margin-bottom: 30px; } .module:before, .module:after { content: " "; display: table; } .module:after { clear: both; } .module h3.modtitle { position: relative; border-bottom: 3px solid; border-color: #ea3a3c; font-size: 100%; padding: 0; margin: 0px 0px -1px 0px; height: 40px; } .module h3.modtitle:before { content: ""; border: 1px solid #ddd; display: inline-block; height: 100%; width: 100%; position: absolute; z-index: -1; top: 3px; left: 0; right: 0; } .module h3.modtitle:after { display: none; } .module h3.modtitle > span { display: inline-block; font-size: 16px; text-transform: uppercase; position: relative; color: #fff; line-height: 40px; padding: 0 18px; background-color: #ea3a3c; } .module h3.modtitle > span:before { content: ""; display: inline-block; position: absolute; top: 0px; width: 0; height: 0; border-bottom: 40px solid #ea3a3c; right: -20px; border-right: 20px solid transparent; } .list-item { list-style: none; padding: 0; } .list-item li { margin-bottom: 3px; } .list-item li:before { font-family: "FontAwesome"; margin-right: 10px; display: inline-block; content: "\f105"; } .list-item li a { color: #666; } .list-item li a:hover { color: #ea3a3c; } /************************************************************************************************ EXTRASLIDER BESTSELER *************************************************************************************************/ .best-seller { position: relative; margin: 0; } .best-seller .so-extraslider { margin: 0; } .best-seller .so-extraslider .extraslider-inner { border: 1px solid #eee; padding-bottom: 0; } .best-seller .so-extraslider .extraslider-inner .item-wrap-inner { margin: 20px 0; } @media (min-width: 1200px) { .best-seller .so-extraslider .extraslider-inner .item-wrap-inner { padding-left: 10px; } } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 { border-bottom: 1px solid #eee; margin-bottom: 2px; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1:last-child { border-bottom: 0; margin-bottom: 0; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left { float: left; width: 85px; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image { border: 0; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image:hover { box-shadow: none; opacity: 0.8; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info { background: transparent; position: static; color: #666; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info a { color: #444; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-title { padding: 0 0 5px 0; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-title a { text-transform: capitalize; font-size: 15px; font-weight: normal; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-title a:hover { color: #ea3a3c; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-content { margin-left: 0; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-content .content_price span { color: #e74c3c; font-size: 16px; font-weight: bold; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-content .content_price span.price-old { font-size: 12px; color: #999; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .rating { padding: 0; } .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1:hover .item-title a { color: #ea3a3c; } .best-seller .so-extraslider .extraslider-inner .item-wrap .item-info .item-content .content_price { margin-bottom: 0; } .best-seller .so-extraslider .owl2-controls { margin-bottom: 8px; text-align: right; position: absolute; top: -35px; vertical-align: middle; right: 5px; } .best-seller .so-extraslider .owl2-controls .owl2-nav > div { width: 17px; height: 30px; text-align: center; display: inline-block; line-height: 30px; font-size: 0; cursor: pointer; color: #999999; background-color: transparent; margin-top: 0; position: static; float: left; } .best-seller .so-extraslider .owl2-controls .owl2-nav > div:hover { color: #ea3a3c; } .best-seller .so-extraslider .owl2-controls .owl2-prev:before { content: "\f104"; font-family: FontAwesome; font-size: 28px; } .best-seller .so-extraslider .owl2-controls .owl2-next:before { content: "\f105"; font-family: FontAwesome; font-size: 28px; } .menu-category .modcontent { border: 1px solid #ddd; padding: 0 20px; } .menu-category .list-group > li { border-bottom: 1px dotted #E4E4E4; margin: 0; position: relative; } .menu-category .list-group > li span.button-view { display: block; position: absolute; right: 0; top: 5px; cursor: pointer; z-index: 10; text-align: center; width: 30px; height: 30px; line-height: 30px; font-size: 14px; } .menu-category .list-group > li a { color: #333333; padding: 10px 0; display: block; } .menu-category .list-group > li a:hover { color: #ea3a3c; } .menu-category .list-group > li a:hover + .button-view { color: #ea3a3c; } .menu-category .list-group > li .active, .menu-category .list-group > li .active + .button-view { color: #ea3a3c; } .menu-category .list-group > li .active + .button-view:before { content: '\f147'; } .menu-category .list-group > li li { padding: 0 10px; position: relative; list-style: none; } .menu-category .list-group > li li a { padding: 5px 0; } .menu-category .list-group > li li a:before { content: ''; padding: 0 5px; font-family: "FontAwesome"; content: "\f105"; margin-left: -10px; transition: all 400ms ease; opacity: 0; } .menu-category .list-group > li li a:hover:before { opacity: 1; margin: 0; } /*============BLOCK FILTER SHOP BY ==================*/ .filter-shopby, .filter-row { border: 1px solid #e6e6e6; padding: 20px; } .filter-shopby .table_layout, .filter-row .table_layout { display: block; } .filter-shopby .table_cell, .filter-row .table_cell { margin-bottom: 10px; padding-bottom: 20px; border-bottom: #ddd 1px dotted; display: block; } .filter-shopby legend, .filter-row legend { border: none; font-size: 14px; margin: 0; text-transform: uppercase; color: #444; font-weight: 700; } .filter-shopby .checkboxes_list > li:not(:last-child), .filter-row .checkboxes_list > li:not(:last-child), .filter-shopby .simple_vertical_list li:not(:last-child), .filter-row .simple_vertical_list li:not(:last-child) { margin-bottom: 5px; } .filter-shopby .color_btn, .filter-row .color_btn { position: relative; padding-left: 32px; } .filter-shopby .color_btn:after, .filter-row .color_btn:after { display: none !important; } .filter-shopby .color_btn::before, .filter-row .color_btn::before { content: "" !important; padding: 1px; background-clip: content-box !important; border: 1px solid #eaeaea; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; width: 18px; height: 18px; z-index: 2; } .filter-shopby .filter_reset, .filter-row .filter_reset { text-transform: uppercase; cursor: #444; font-weight: 700; } .filter-shopby .color_btn.green::before, .filter-row .color_btn.green::before { background: #269300; } .filter-shopby .color_btn.yellow::before, .filter-row .color_btn.yellow::before { background: #fccd36; } .filter-shopby .color_btn.red::before, .filter-row .color_btn.red::before { background: #ff0000; } .filter-shopby .color_btn.blue::before, .filter-row .color_btn.blue::before { background: #018bc8; } .filter-shopby .color_btn.grey::before, .filter-row .color_btn.grey::before { background: #b2b2b2; } .filter-shopby .color_btn.orange::before, .filter-row .color_btn.orange::before { background: #ff7b1a; } .filter-shopby input[type="checkbox"]:checked + .color_btn::before, .filter-row input[type="checkbox"]:checked + .color_btn::before { border-color: #333; } .filter-row { padding: 0; } .filter-row .table_layout { display: table; width: 100%; table-layout: fixed; } .filter-row .table_row { display: table; width: 100%; } .filter-row .table_cell { display: table-cell; padding: 19px; border-right: 1px solid #e6e6e6; } .filter-row .table_cell:last-child { border-right: none; } .filter-row .bottom_box { padding: 15px 19px; } .ui-slider { height: 6px; background: #ea3a3d; max-width: 220px; } .ui-slider .ui-slider-handle { display: block; width: 18px; height: 18px; background: #fff; border: 2px solid #ea3a3d; cursor: pointer; top: -7px; } .ui-slider .ui-slider-handle, .ui-slider .ui-slider-handle::before { border-radius: 50%; } .range { margin: 10px 0 20px; } .range > * { display: inline; border: 1px solid #ddd; padding: 10px; } .checkboxes_list { color: #666; } .simple_vertical_list input[type="radio"], .simple_vertical_list input[type="checkbox"], .checkboxes_list input[type="radio"], .checkboxes_list input[type="checkbox"] { display: none; } .simple_vertical_list input[type="radio"] + label, .simple_vertical_list input[type="checkbox"] + label, .checkboxes_list input[type="radio"] + label, .checkboxes_list input[type="checkbox"] + label { position: relative; width: auto !important; margin: 0 17px 0 0 !important; padding-left: 32px; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; } .simple_vertical_list input[type="radio"] + label::before, .simple_vertical_list input[type="checkbox"] + label::before, .checkboxes_list input[type="radio"] + label::before, .checkboxes_list input[type="checkbox"] + label::before { content: ""; display: block; text-align: center; font-family: 'FontAwesome'; position: absolute; color: #fff; top: 0px; z-index: 1; left: 1px; } .simple_vertical_list input[type="radio"] + label::after, .simple_vertical_list input[type="checkbox"] + label::after, .checkboxes_list input[type="radio"] + label::after, .checkboxes_list input[type="checkbox"] + label::after { content: ""; display: block; text-align: center; font-family: 'FontAwesome'; position: absolute; top: 5px; width: 12px; height: 12px; color: inherit; background: #999; border-radius: 0; left: 0; } .simple_vertical_list input[type="checkbox"] + label::before, .checkboxes_list input[type="checkbox"] + label::before { font-size: 10px; } .simple_vertical_list input[type="radio"] + label::before, .checkboxes_list input[type="radio"] + label::before { border-radius: 50%; } .simple_vertical_list input[type="radio"] + label:empty, .checkboxes_list input[type="radio"] + label:empty { width: 22px !important; padding-left: 0px; margin: 0px !important; } .simple_vertical_list input[type="checkbox"]:checked + label::before, .checkboxes_list input[type="checkbox"]:checked + label::before { content: '\f00c'; } .simple_vertical_list input[type="radio"]:checked + label::before, .checkboxes_list input[type="radio"]:checked + label::before { content: "\f10c"; } .tags_cloud li { display: inline-block; margin: 0 2px 5px 0; } .button_border { padding: 2px 10px; display: inline-block; color: #676767; background: white; text-transform: capitalize; border-style: solid; border-width: 1px; border-radius: 5px; border-color: red; } .button_border:hover { color: black; background: #f1f1f1; } .button_grey { padding: 3px 12px; display: inline-block; color: #676767; background: #f1f1f1; text-transform: capitalize; border-radius: 3px; border: none; } .button_grey:hover { color: white; background: #ea3a3c; } .button_submit { background: #ea3a3c; color: white; margin-right: 5px; } .header-top ul.dropdown-menu { min-width: 120px; margin: 0; border-radius: 0; } .header-top ul.dropdown-menu li a { color: #666; } .header-top ul.dropdown-menu li:hover a { color: #ea3a3c; } @media (max-width: 767px) { .collapsed-block .tabBlockTitle { margin: 6px 0px; line-height: 20px; } .collapsed-block .tabBlockTitle .expander { margin: 0 10px; color: #333333; font-size: 14px; } .collapsed-block .tabBlock { display: none; } } /*=====================BLOCK BREADCRUMB =====================*/ .brd-home { color: white; font-size: 14px; font-weight: 600; margin-left: -10px; } .breadcrumb { padding: 8px 0; margin-bottom: 3px; list-style: none; background-color: transparent; border-radius: 0; border-bottom: 1px solid #eee; color: #444; font-size: 12px; } .breadcrumb li { position: relative; /*margin-right: 20px;*/ } .breadcrumb li a { color: #666; } .breadcrumb li:last-child a { color: #ea3a3c; } .breadcrumb li + li:before { content: "\f105"; font-family: fontawesome; color: #444; /*padding: 0 10px 0 5px;*/ font-size: 16px; } .breadcrumb > li { display: inline-block; } /*==========================BLOCK CART ======================*/ .shopping_cart { padding: 0; } .shopping_cart .btn-group { display: block; z-index: 5; } .shopping_cart a.top_cart { display: block; position: relative; box-shadow: none !important; text-decoration: none !important; } .shopping_cart a.top_cart .shopcart .title { color: #444; font-weight: bold; text-transform: uppercase; } .shopping_cart a.top_cart .shopcart .text-shopping-cart { color: #999; margin-bottom: 0; white-space: nowrap; } .shopping_cart .shoppingcart-box { padding: 15px; border-radius: 0; border-top: 3px solid #ea3a3c; min-width: 300px; } @media (min-width: 1200px) { .shopping_cart .shoppingcart-box:before { content: ""; height: 1px; width: 1px; border-style: solid; border-bottom: 10px solid #ea3a3c; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: transparent; position: absolute; top: -10px; right: 129px; } } .shopping_cart .shoppingcart-box .added_items { margin-bottom: 10px; } .shopping_cart .shoppingcart-box .table-striped > tbody > tr:nth-of-type(odd) { background: #fff; } .shopping_cart .shoppingcart-box .table-striped a { color: #666; font-weight: bold; } .shopping_cart .shoppingcart-box .table-striped a.fa-edit { display: none; } .shopping_cart .shoppingcart-box .table-striped a:hover { color: #ea3a3c; } .shopping_cart .shoppingcart-box .table-striped a.fa-delete { width: 20px; height: 20px; background: #d6d6d6; border-radius: 3px; text-align: center; line-height: 19px; color: #000; } .shopping_cart .shoppingcart-box .table-striped a.fa-delete:hover { background: #ea3a3c; color: #fff; text-decoration: none; } .shopping_cart .shoppingcart-box a.btn { color: #fff; background: #444; border-color: #444; } .shopping_cart .shoppingcart-box a.btn i { margin-right: 5px; } .shopping_cart .shoppingcart-box a.btn:hover { border: 1px solid #ea3a3c; background: #ea3a3c; color: #fff; } .shopping_cart .table-bordered { border-left: 0; border-right: 0; } .shopping_cart .table > tbody > tr { margin: 10px 0; } .shopping_cart .table > tbody > tr:first-child > td { border-top: 0; } .shopping_cart .table > tbody > tr > td, .shopping_cart .table > tbody > tr > th, .shopping_cart .table > tfoot > tr > td, .shopping_cart .table > tfoot > tr > th, .shopping_cart .table > thead > tr > td, .shopping_cart .table > thead > tr > th { vertical-align: middle; } .shopping_cart .table-bordered > tbody > tr > td, .shopping_cart .table-bordered > tbody > tr > th, .shopping_cart .table-bordered > tfoot > tr > td, .shopping_cart .table-bordered > tfoot > tr > th, .shopping_cart .table-bordered > thead > tr > td, .shopping_cart .table-bordered > thead > tr > th { border: 0; } .latest-product .product-latest-item { margin-bottom: 20px; } .latest-product .product-latest-item:last-child { margin: 0; } .latest-product .media .media-left { float: left; border: 1px solid #ddd; padding: 0; margin-right: 20px; } .latest-product .media .media-body h4 { margin-top: 0; } .latest-product .media .media-body h4 a { font-size: 15px; color: #444; font-weight: normal; } .latest-product .media .media-body h4 a:hover { color: #ea3a3c; } .latest-product .media:hover .media-left { border-color: #ea3a3c; } /*============ MODULE MEGAMENU HORIZOL ==================*/ .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul li { line-height: 30px; } .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 { line-height: 100%; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #ddd; color: #000; padding-bottom: 10px; margin-bottom: 8px; font-size: 13px; } .container-megamenu.horizontal .content-feature li a, .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 { line-height: 26px; font-size: 14px; font-weight: 300; color: #666; } .container-megamenu.horizontal .content-feature li a:hover, .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: #ea3a3c; } .container-megamenu.horizontal ul.megamenu > li > a strong img { position: absolute; top: -15px; right: 30px; } /*============ MODULE MEGAMENU VERTICAL ==================*/ .container-megamenu.vertical a { color: #666; font-size: 13px; display: block; } .container-megamenu.vertical a:hover { color: #ea3a3c; } .container-megamenu.vertical #menuHeading { margin-top: 0; height: 45px; cursor: pointer; } .container-megamenu.vertical #menuHeading .megamenuToogle-wrapper { background-color: #ea3a3c; height: 45px; cursor: pointer; -webkit-transition: 0.1s all ease 0s; -moz-transition: 0.1s all ease 0s; transition: 0.1s all ease 0s; border-radius: 0; } .container-megamenu.vertical #menuHeading .megamenuToogle-wrapper .container { font-size: 18px; text-transform: uppercase; font-weight: bold; padding: 0 0 0 60px !important; line-height: 45px; } .container-megamenu.vertical #menuHeading .megamenuToogle-wrapper .container:before { width: 45px; height: 45px; content: ""; display: inline-block; position: absolute; top: 0; background: url("../image/theme/icons/title_vmenu.png") no-repeat; background-position: center center; background-color: #da1719; left: 0; } .container-megamenu.vertical #menuHeading .megamenuToogle-wrapper .container > div { margin: 3px 9px 0 0; float: left !important; display: none; } .container-megamenu.vertical .vertical-wrapper { width: 100%; background: white; position: relative; border-top: 0; display: none; } .container-megamenu.vertical .vertical-wrapper ul li { border-top: 0; min-height: 37px; } .container-megamenu.vertical .vertical-wrapper ul li > a { color: #444; border-bottom: 0; } .container-megamenu.vertical .vertical-wrapper ul li > a:hover { color: #ea3a3c; } .container-megamenu.vertical .vertical-wrapper ul li > a strong { font-weight: bold; } .container-megamenu.vertical .arrow-circle { position: relative; top: 12px; right: 12px; } .container-megamenu.vertical .vertical-wrapper { border: none; margin: 0; padding: 0; box-shadow: none; border-radius: 0; } .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 .sub-menu .content .static-menu .menu ul { margin: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a img { height: auto; margin: 0; margin-right: 10px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu > li { margin: 0; border: none; background: #222; } .container-megamenu.vertical .vertical-wrapper ul.megamenu > li b.fa { float: right; line-height: 22px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a { padding: 9px 15px 8px 12px; font-size: 11px; text-transform: uppercase; margin: 0; color: #fff; line-height: 24px; background: #222; border-radius: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a strong i { font-size: 9px; padding-right: 5px; color: #999; } .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.active > a, .container-megamenu.vertical .vertical-wrapper ul.megamenu > li:hover > a { background: #444 !important; color: #fff; } .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.active > a i, .container-megamenu.vertical .vertical-wrapper ul.megamenu > li:hover > a i { color: #fff; } .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 20px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li:hover > a { color: #ea3a3c; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li ul { padding: 0; top: 0; 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; } .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content { box-shadow: 3px 1px 4px 0 rgba(0, 0, 0, 0.1); border: 1px solid #e6e6e6; } .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: #ea3a3c; } .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul li a.main-menu { color: #000; font-size: 13px; margin: 0 0 10px; display: block; font-weight: bold; text-transform: uppercase; border: none; padding: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul ul { padding: 0; margin: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul ul li { padding: 0; font-size: 14px; line-height: 30px; } .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a { font-size: 14px; font-weight: 300; color: #444; display: block; } .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: #ea3a3c; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore { text-align: left; background: url("../image/theme/icons/bg_border_more.png") #222 repeat-x; background-position: top left; padding: 13px 10px; color: #fff; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore span.more-view { font-weight: normal; color: #fff; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore:hover { background-color: #5e5e5e; } /*=============================================== [SASS DIRECTORY ] [1] SO LATSET BLOG [2] SIMPLE BLOG [3] ARTICLE INFO ==============================================*/ /*============SO LATSET BLOG ==================*/ .blog-listitem.list .itemBlogImg.left-block { padding-right: 30px; } .so-latest-blog .blog-external-simple { /*display: inline-block;*/ } .so-latest-blog .blog-external-simple .media-left { display: inline-block; float: left; padding-right: 20px; } .so-latest-blog .blog-external-simple .media-body { padding-top: 7px; } .so-latest-blog .blog-external-simple .media-body .fa-calendar { display: none; } .so-latest-blog .blog-external-simple .media-body .media-heading a { font-size: 13px; font-weight: 300; color: #545454; text-transform: capitalize; } .so-latest-blog .blog-external-simple .media-body .media-heading a:hover { color: #ea3a3c; } .so-latest-blog .blog-external-simple .media-body .media-date-added { font-size: 12px; color: #ea3a3c; } /*--------------BLOG CATEGORY ---------------------*/ .blog-category { border-radius: 0; border: 0; box-shadow: none; } .blog-category .box-content { margin-bottom: 30px; } .blog-category .box-content ul { margin-bottom: 0; } .blog-category ul li.list-group-item { border-radius: 0; border: 0; border-bottom: 1px dotted #E4E4E4; margin: 0; padding: 10px 0; } .blog-category ul li.list-group-item a { border-radius: 0; border: 0; padding: 0; color: #666; } .blog-category ul li.list-group-item a:hover { color: #ea3a3c; } /*============SIMPLE BLOG ==================*/ .blog-header { margin-bottom: 10px; } .blog-header h3 { font-weight: bold; text-transform: uppercase; margin: 0; } .blog-listitem.list .left-block, .blog-listitem.list .right-block { padding: 0; } .blog-listitem.grid .itemBlogImg.left-block { display: block; position: relative; } .blog-listitem.list .blog-item .itemBlogImg .article-image { margin: 0; } .blog-listitem { margin: 0 -15px; } .blog-listitem .blog-item { float: left; width: 100%; padding: 15px 0; } .blog-listitem .blog-item .itemBlogImg .article-image { margin-bottom: 10px; position: relative; z-index: 1; } .blog-listitem .blog-item .itemBlogImg img { border: 0; padding: 0; border-radius: 0; width: 100%; } .blog-listitem .blog-item .itemBlogContent .article-title h4 { margin: 0px 0px 8px; } .blog-listitem .blog-item .itemBlogContent .article-title h4 a { font-size: 16px; color: #333333; } .blog-listitem .blog-item .itemBlogContent .article-title h4 a:hover { color: #ea3a3c; } .blog-listitem .blog-item .itemBlogContent .see-more { font-size: 14px; color: #ea3a3c; display: block; text-align: left; } .blog-listitem .blog-item .itemBlogContent .see-more b { font-weight: 400; } .blog-listitem .blog-item .itemBlogContent .see-more:hover { text-decoration: underline; } .blog-listitem .blog-item .itemBlogContent .see-more .fa-angle-right { float: none; padding-left: 8px; } .blog-listitem .blog-item .itemBlogContent .article-sub-title { border: 0; margin-bottom: 0; display: inline; } .blog-listitem .blog-item .itemBlogContent .article-sub-title .article-date { font-size: 11px; color: #999; } .blog-listitem .blog-item .itemBlogContent .article-sub-title .article-date i { margin-right: 5px; } .blog-listitem .blog-item .itemBlogContent .article-description { padding: 8px 0; } .blog-listitem .blog-item .itemBlogContent .blog-meta { float: left; border: 0; margin: 0; color: #999; line-height: 10px; } .blog-listitem .blog-item .itemBlogContent .blog-meta > span { padding: 0 10px; line-height: 15px; font-weight: normal; font-size: 11px; } .blog-listitem .blog-item .itemBlogContent .blog-meta > span.comment_count { padding-left: 0; border-right: 1px solid #E5E5E5; } .blog-listitem .blog-item .itemBlogContent .blog-meta > span.comment_count a { color: #ea3a3c; line-height: 10px; } /*============ARTICLE INFO==================*/ div.article-info { border: 0; } div.article-info .article-title { font-size: 20px; font-weight: normal; color: #444; } div.article-info .article-title h1 { font-size: 16px; margin-top: 0; font-weight: bold; } div.article-info .article-sub-title { display: inline-block; width: 100%; margin-bottom: 20px; } div.article-info .article-sub-title span { font-weight: bold; border-right: 1px solid #E5E5E5; display: block; float: left; font-size: 11px; color: #999; line-height: 11px; padding: 0 11px; font-weight: normal !important; } div.article-info .article-sub-title span.bullet { display: none; } div.article-info .article-sub-title span.article-author { padding-left: 0; } div.article-info .article-sub-title span.article-author a { font-size: 11px; color: #999; font-weight: normal; } 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 { clear: both; } div.article-info .article-image img { border: 0; border-radius: 0; padding: 0; height: auto; } div.article-info .article-description { font-size: 13px; } div.article-info .related-comment { border-radius: 0; border: 0; border-top: 1px solid #ddd; padding-top: 15px; box-shadow: none; } 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: 14px; } div.article-info .related-comment #button-comment { background: #ea3a3c; border-color: #ea3a3c; } div.article-info .related-comment #button-comment:hover { background: #444; border-color: #444; } div.article-info #comment-list h5 { display: none; } div.article-info #comment-list a { color: #ea3a3c; text-decoration: underline; } div.article-info .itemFullText { text-align: justify; } /***************************************************************************** ****** SO Framework: Sass Garenal ****** ******************************************************************************/ /* 1. EFFECT ALL -------------------------------*/ .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #222222; background-image: linear-gradient(to bottom, #333333, #111111); } /* 2. STYLE OWL ------------------------------*/ /* 3. STYLE ALL SITE -------------------------------*/ body { color: black; font-size: 16px; /* line-height: 1.5em; */ font-family: Roboto, sans-serif; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 300; line-height: 1.3; } /* Override the bootstrap defaults */ h1 { font-size: 25px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 15px; } h5 { font-size: 12px; } h6 { font-size: 10.2px; } ul.menu, ul.blank, .htmlcontent-home, .menu-category .list-group, .menu-category .list-group > li ul, .filter-shopby .checkboxes_list, .filter-row .checkboxes_list, .filter-shopby .simple_vertical_list, .filter-row .simple_vertical_list, .tags_cloud, #collections_block ul, ul.contact-address, ul.product-options { list-style: none; 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%; } .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, .btn-link { color: #666; } a:hover, .btn-link:hover { color: #ea3a3c; text-decoration: none; } a, a:visited, a:active, a:link, a:focus { cursor: pointer; text-decoration: none; outline: none; } .btn.active, .btn:active { box-shadow: none !important; } .input-group-btn > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } ol { counter-reset: item; list-style-type: none; margin: 0 0 0 15px; } em { font-style: normal; } .fancybox-outer, .fancybox-inner { text-align: center; } .fancybox-outer .wishlist_product_view, .fancybox-inner .wishlist_product_view { margin-bottom: 15px; } .list-inline { display: inline-block; } .zoomContainer { overflow: hidden; } .img-thumbnail.pull-left { margin-right: 30px; } .img-thumbnail.pull-right { margin-left: 30px; } .selector { display: inline-block; position: relative; height: 30px; padding-right: 30px; } .selector span { display: none; } .selector select { position: absolute; height: 100%; width: 100%; border-radius: 0; box-shadow: none; top: 0px; left: 0px; font-size: 13px; color: #999; padding: 5px 7px; border: solid 1px #e6e6e6; } .selector select:focus { box-shadow: none; outline: none; border-color: #e6e6e6; } .selector:after { content: "\f0d7"; margin: 0; height: 28px; width: 28px; text-align: center; color: #666; position: absolute; top: 1px; right: 1px; background: #fff; pointer-events: none; line-height: 25px; font-size: 12px; } .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) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } /* 4. FORM -----------------------------------------------------------------*/ .inline { display: inline-block; } legend { font-size: 18px; padding: 7px 0px; } label { font-size: 12px; } select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control { font-size: 15px; border-radius: 0; color: black; } .input-group .input-group-addon { font-size: 12px; height: 30px; } .dropdown-menu { font-size: inherit; } 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 { border-radius: 0; } .btn { border-radius: 0; } .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default { background: #ea3a3c; border-color: #ea3a3c; color: white; } .buttonGray { padding: 7px 12px; background: #676767; color: #fff; text-transform: capitalize; border-radius: 0; border-color: #676767; } .buttonGray:hover { background: #ea3a3c; border-color: #ea3a3c; color: #fff; } .submit { margin: 1em 0; } select, textarea { color: #666; } textarea { height: auto; resize: none; } .alert-danger, .alert-success { display: inline-block; width: 100%; border-radius: 0; } .filter_group input { display: none; } .filter_group [type=checkbox] + span:before { content: "\f00c"; font-family: FontAwesome; width: 18px; padding-left: 2px; line-height: 16px; height: 18px; border: 1px solid #dddddd; border-radius: 3px; position: absolute; top: 3px; left: 0; font-size: 12px; color: #ffffff; } .filter_group [type=checkbox]:checked + span:before { color: #333333; } /* 5. TABLE -----------------------------------------------------*/ .table thead > tr > th { background: #eee; } table.std th, table.std td { vertical-align: middle; border: #ccc; 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: #ccc; width: 100%; } table th { border: #ccc; 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; } .no-margin { margin: 0 !important; } .sidebar-menu .box-category-menu { z-index: 2; } .label-mega { background: #ee3b27; } .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { margin: 0 auto; } #button-review { margin-top: 12px; padding: 7px 12px; margin-right: 10px; background: gray; color: #fff; text-transform: capitalize; border-radius: 0; border-color: gray; } #button-review:hover { background: #ea3a3c; border-color: #ea3a3c; } .product-search .checkbox-inline { display: block; } /* +----------------------------------------------------+ TABLE OF CONTENTS +----------------------------------------------------+ [1] Page Faq [2] Page About us [3] Page Contact [4] page 404 */ #map-canvas { height: 600px; } ul.yt-accordion { margin: 0; padding: 0; list-style: none; } ul.yt-accordion li.accordion-group { margin-bottom: 1px; } ul.yt-accordion li.accordion-group h3.accordion-heading { margin: 0; cursor: pointer; background-color: #f4f4f4; position: relative; z-index: 2; } ul.yt-accordion li.accordion-group h3.accordion-heading span { padding: 10px; font-size: 16px; display: block; margin-left: 40px; line-height: 24px; } ul.yt-accordion li.accordion-group h3.accordion-heading .fa { margin: 0px; font-family: verdana; font-size: 17px; width: 40px; background: #A0A0A0; color: white; text-align: center; line-height: 40px; vertical-align: top; position: absolute; z-index: 5; top: 0; bottom: 0; } ul.yt-accordion li.accordion-group .accordion-inner { border: 1px solid #f4f4f4; padding: 10px 15px; background: #E6E6E3; } ul.yt-accordion li.accordion-group h3.accordion-heading .fa-plus-square:before { content: "+"; } ul.yt-accordion li.accordion-group h3.accordion-heading.active .fa-plus-square:before { content: "-"; } ul.yt-accordion li.accordion-group h3.accordion-heading:hover { color: white; background: #8E8E8E; } ul.yt-accordion li.accordion-group h3.accordion-heading:hover .fa { background: #666; } .about-us .about-title { font-size: 18px; color: #444; font-weight: bold; margin-bottom: 20px; } .about-us .name-member { font-size: 116.67%; font-weight: bold; } .about-us .job-member { margin: 7px 0 5px; font-style: italic; } .about-us .job-member:before, .about-us .job-member:after { content: "---"; margin: 0 5px; } .about-us .social-member { list-style: none; } .about-us .social-member .social-icon { display: inline-block; margin: 0 3px; } .about-us .social-member .social-icon a { display: inline-block; color: #fff; font-size: 16px; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; border-radius: 50%; } .about-us .social-member .social-icon a span { display: none; } .about-us .social-member .social-icon a:hover { background-color: #ea3a3c !important; } .about-us .social-member .social-icon.rss a { background-color: #f8bc2e; } .about-us .social-member .social-icon.facebook a { background-color: #39599f; } .about-us .social-member .social-icon.twitter a { background-color: #45b0e3; } .about-us .social-member .social-icon.google a { background-color: #1872bf; } .about-us .des-member.des-client { max-width: 950px; margin: 0 auto; font-style: italic; margin-bottom: 10px; } .about-us .member-info { text-align: center; padding-top: 15px; } .about-us .client-say-content { text-align: center; } .about-us .client-say-content .client-say-slider { padding-top: 15px; } .about-us .client-say-content .client-say-slider .owl2-dots { position: absolute; left: 0; top: -23px; width: 100%; } .about-us .client-say-content .client-say-slider .owl2-dots span { width: 16px; height: 16px; background-color: #d9d9d9; border: none; margin: 0 2px; opacity: 1; display: block; border-radius: 50%; -webkit-border-radius: 50%; } .about-us .client-say-content .client-say-slider .owl2-dots .owl2-dot { display: inline-block; } .about-us .client-say-content .client-say-slider .owl2-dots .owl2-dot.active span { background-color: #929292; } .about-us .client-say-content .client-say-slider .owl2-dots .owl2-dot span:hover { background-color: #929292; } .about-us .about-us-center { text-align: center; } .about-us .about-us-center .content-description { padding-top: 25px; clear: both; margin-bottom: 30px; } .about-us .client-logo-content { border-bottom: 1px dashed #e7e7e7; border-top: 1px dashed #e7e7e7; padding-bottom: 10px; text-align: center; } .about-us .client-logo-content .about-title { background: #fff none repeat scroll 0 0; display: inline-block; margin: 0; padding: 0 10px; position: relative; text-align: center; top: -19px; } .about-us .owl2-controls .owl2-nav div { color: #fff; border_radius: 50%; position: absolute; top: 29%; overflow: visible; display: inline-block; width: 34px; height: 34px; text-indent: -9999px; margin: 0 3px; background-color: #A6A6A8; border-radius: 50%; -webkit-border-radius: 50%; } .about-us .owl2-controls .owl2-nav div:hover { background-color: #ea3a3c; } .about-us .owl2-controls .owl2-nav div.owl2-next { right: -19px; } .about-us .owl2-controls .owl2-nav div.owl2-prev { left: -19px; } .about-us .owl2-controls .owl2-nav div:before { width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; background-color: #a6a6a7; line-height: 32px; top: 1px; } .about-us .owl2-controls .owl2-nav div:hover:before { background-color: #ea3a3c; } .about-us .client-logo-slider { padding: 0 25px; } .about-us .client-logo-slider img { width: auto; display: inline-block; } .about-us .about-image-slider { max-width: 570px; margin: 0 auto; } .about-us .about-image-slider .owl2-controls .owl2-nav div { top: 50%; margin-top: -15px; border: none !important; border-radius: 0; -webkit-border-radius: 0; overflow: hidden; border-radius: 3px; -webkit-border-radius: 3px; } .about-us .about-image-slider .owl2-controls .owl2-nav div:before { border-radius: 0; -webkit-border-radius: 0; background-color: transparent; color: #c8c8c8; } .about-us .about-image-slider .owl2-controls .owl2-nav div.owl2-next { right: 10px; } .about-us .about-image-slider .owl2-controls .owl2-nav div.owl2-prev { left: 10px; } .about-us .about-image-slider .owl2-controls .owl2-nav div:hover { border-color: #ea3a3c; } .about-us .about-image-slider .owl2-controls .owl2-nav div:hover:before { color: #fff; } .about-us .skills-value { padding-top: 52px; } .about-us .skills-value .label-skill { font-weight: bold; } .about-us .about-us-content .description-about { padding: 20px 0; } .about-us .content-faq { position: relative; top: -15px; } .about-us .content-faq .panel { box-shadow: none; -webkit-box-shadow: none; border-bottom: 1px solid #e7e7e7; border-radius: 0; -webkit-border-radius: 0; margin: 0; } .about-us .content-faq .panel .panel-title { font-size: 100%; font-weight: bold; } .about-us .content-faq .panel .panel-title a { display: block; padding: 15px 0 15px 25px; position: relative; } .about-us .content-faq .panel .panel-title a:after { transform: rotate(135deg); content: ""; width: 4px; height: 4px; position: absolute; left: 6px; top: 50%; margin-top: 6px; background-color: #ea3a3c; } .about-us .content-faq .panel .panel-title a:before { background-color: #ea3a3c; content: "-"; width: 16px; height: 16px; display: inline-block; position: absolute; left: 0px; top: 50%; margin-top: -8px; border-radius: 2px; -webkit-border-radius: 2px; color: #fff; text-align: center; line-height: 16px; } .about-us .content-faq .panel .panel-title a.collapsed:after { background-color: #737373; } .about-us .content-faq .panel .panel-title a.collapsed:before { background-color: #737373; content: "?"; } .about-us .content-faq .panel .panel-body { padding: 0 0 13px; } .about-us .owl2-theme .owl2-controls .owl2-nav > div:before { display: inline-block; text-indent: 0; width: 100%; height: 100%; position: absolute; left: 0px; top: 1px; color: #fff; font-size: 18px; line-height: 32px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; } .about-us .owl2-theme .owl2-controls .owl2-nav > div.owl2-prev:before { content: "\f104"; font-family: FontAwesome; } .about-us .owl2-theme .owl2-controls .owl2-nav > div.owl2-next:before { content: "\f105"; font-family: FontAwesome; } .about-demo-1 .about-image, .about-demo-1 .about-info { margin-bottom: 40px; } .about-demo-1 .what-client-say { margin-bottom: 60px; } .about-demo-1 .line-hori { text-align: center; position: relative; z-index: 3; } .about-demo-1 .line-hori > span { background: white; display: inline-block; position: relative; z-index: 10; padding: 0 20px; } .about-demo-1 .line-hori:before { position: absolute; content: ""; border-bottom: 1px dashed #ccc; top: 50%; left: 0; height: 1px; width: 100%; z-index: 3; } .about-demo-2 .our-team { margin-bottom: 60px; } .about-demo-3 .about-image, .about-demo-3 .about-info { margin-bottom: 30px; } .info-contact .name-store h3 { padding: 7px 0px; margin-top: 10px; } .info-contact .icon { float: left; padding-right: 15px; } .info-contact .icon .fa { font-size: 20px; } .info-contact .comment { line-height: 24px; } .contact-form legend { border-bottom: 0; } /******************************************************************************* ****** SO Framework: Sass ProductList ****** ********************************************************************************/ /*============ BOX SALE,NEW ==============*/ .label-new, .label-sale { min-width: 45px; height: 20px; padding: 0 10px; border-radius: 0; line-height: 20px; z-index: 8; font-size: 11px; color: #fff; text-align: center; font-weight: normal; display: block; position: absolute; text-transform: uppercase; } .label-sale { background: #e67e22; top: 0; left: 0; } .label-sale:after { content: ""; border-top: 9px solid #e67e22; border-left: 8px solid transparent; position: absolute; bottom: -6px; right: 0; } .label-new { background: #00ABF0; top: 0; right: 0; } .label-new:after { content: ""; border-top: 9px solid #00ABF0; border-right: 8px solid transparent; position: absolute; bottom: -6px; left: 0; } .label-percent { padding: 2px 5px; background: #ea3a3c; 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; z-index: 2; width: 22px; height: 22px; color: white; line-height: 22px; text-align: center; left: 0; } /*============ BOX RATE ==============*/ .rating, .ratings { font-size: 13px; margin-bottom: 5px; } .rating span.fa-stack .fa-star-o:before, .ratings span.fa-stack .fa-star-o:before { content: "\f006"; color: #eca330; } .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: #eca330; } span.fa-stack { width: 14px; height: 14px; line-height: 14px; } span.fa-stack .fa-star-o:before { content: "\f006"; color: #eca330; } span.fa-stack .fa-stack-2x { font-size: 1em; } 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: #eca330; } .price { margin: 0 0 10px 0; line-height: 24px; color: #e74c3c; font-size: 18px; font-weight: 600; } .price .price-old { line-height: 20px; padding: 0 5px; display: inline-block; text-decoration: line-through; color: #999; font-size: 12px; font-weight: normal; } .price .price-new, .price span.price { color: #e74c3c; font-size: 18px; } /*-----------Block Sub Category------------------*/ .refine-search .thumbnail { margin: 0 0 10px; } .refine-search a { color: #666; } .refine-search a:hover { color: #ea3a3c; } /*-----------Lastet Products---------------------*/ .latest-product .modcontent { border: 1px solid #ddd; padding: 20px; } /*====================TODAY'S DEALS ====================*/ .countdown_box { position: absolute; top: 50%; margin-top: -28px; left: 50%; width: 170px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; 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 { display: table; background: #676767; width: 100%; text-align: center; } .countdown_box .title { border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff; padding: 8px; display: none; } .countdown_box .time-item { display: inline-block; color: #fff; font-size: 12px; border-right: 1px solid rgba(255, 255, 255, 0.2); width: 25%; } .countdown_box .time-item .num-time { font-size: 14px; font-weight: 700; background: rgba(255, 255, 255, 0.06); } .countdown_box .time-item .num-time, .countdown_box .time-item .name-time { padding: 0 10px; } .countdown_box .time-item:last-child { border: none; } /*-----------Block Product Filter----------------*/ h2.title-category { border-bottom: 1px solid #e6e6e6; margin: 0 0 30px; padding: 0 0 10px 0; } .filters-panel { margin-top: 30px; margin-bottom: 15px; padding: 5px 5px 3px; border: 1px solid #ddd; } .filters-panel .form-control { height: 28px; } .filters-panel .list-view { text-align: left; } .filters-panel .list-view button.btn { border-radius: 0; padding: 3px 7px; color: #666; } .filters-panel .list-view button.btn.active { background: #ea3a3c; color: #fff; border-color: #ea3a3c; box-shadow: none; } .filters-panel .list-view button.btn.active:hover { background: #ea3a3c; color: #fff; } .filters-panel .list-view button.btn:hover { color: #ea3a3c; background: transparent; border-color: #ea3a3c; } .filters-panel .list-view button.btn:focus { border-radius: 0; border-color: #ea3a3c; outline: none; } .filters-panel .list-view .fa { font-size: 14px; } .filters-panel.product-filter-bottom { margin-top: 15px; } .filters-panel .box-pagination ul { margin: 0; height: 28px; } .filters-panel select { border-radius: 0; } .box-pagination { line-height: 100%; } .box-pagination .pagination > li span, .box-pagination .pagination > li a { color: #444; padding: 0; width: 28px; height: 28px; line-height: 26px; text-align: center; border-radius: 0; margin-left: 3px; background: #fff; } .box-pagination .pagination > li > a:focus, .box-pagination .pagination > li > a:hover, .box-pagination .pagination > li > span:focus, .box-pagination .pagination > li > span:hover, .box-pagination .pagination > .active > a, .box-pagination .pagination > .active > a:focus, .box-pagination .pagination > .active > a:hover, .box-pagination .pagination > .active > span, .box-pagination .pagination > .active > span:focus, .box-pagination .pagination > .active > span:hover { background: #fff; color: #ea3a3c; border-color: #ea3a3c; } .short-by-show .form-group { margin-right: 10px; } .mfp-iframe-holder .mfp-close { right: 0; left: auto; } .products-list { /*------------------PRODUCT GRID ====================*/ /*----------------PRODUCT LIST ------------------*/ } .products-list .product-layout { overflow: hidden; } .products-list .product-layout .product-item-container .left-block .countdown_box .countdown_inner { background: transparent; box-shadow: none; } .products-list .product-layout .product-item-container .left-block .countdown_box .countdown_inner .time-item { padding: 1px 0; background: #444; border: none; margin-right: 2px; width: 23.5%; } .products-list .product-layout .product-item-container .left-block .countdown_box .countdown_inner .time-item .num-time { font-size: 14px; color: #fff; margin: 0; border: none; height: 18px; line-height: 20px; font-weight: bold; } .products-list .product-layout .product-item-container .left-block .countdown_box .countdown_inner .time-item .name-time { font-size: 10px; color: #fff; margin: 0; height: 20px; line-height: 20px; text-transform: uppercase; } .products-list .product-layout .product-item-container .left-block .quickview { cursor: pointer; display: block; text-align: center; background: #ea3a3c; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); color: #777676; font-size: 13px; height: 36px; line-height: 36px; left: 50%; margin-top: -16px; margin-left: -16px; padding: 0; position: absolute; top: 50%; width: 36px; border-radius: 0; } .products-list .product-layout .product-item-container .left-block .quickview:hover { background-color: #ac1214; color: #fff; border-color: #ea3a3c; } .products-list .product-layout .product-item-container .button-group { position: relative; z-index: 9; } .products-list .product-layout .product-item-container .button-group button.addToCart, .products-list .product-layout .product-item-container .button-group button.wishlist, .products-list .product-layout .product-item-container .button-group button.compare { float: left; margin-right: 5px; background-color: #999; border: 1px solid #ddd; } .products-list .product-layout .product-item-container .button-group button.addToCart:hover, .products-list .product-layout .product-item-container .button-group button.wishlist:hover, .products-list .product-layout .product-item-container .button-group button.compare:hover { background-color: #ea3a3c; border-color: #ea3a3c; } .products-list .product-layout .product-item-container .button-group button.addToCart { background: #999 url("../image/theme/icons/icon_cart.png") no-repeat center center; } .products-list .product-layout .product-item-container .button-group button.wishlist { background: #999 url("../image/theme/icons/icon_wishlist.png") no-repeat center center; } .products-list .product-layout .product-item-container .button-group button.compare { background: #999 url("../image/theme/icons/icon_compare.png") no-repeat center center; } .products-list .product-layout .product-item-container .button-group .quickview { width: 30px; height: 30px; text-indent: -99999px; background: #999 url("../image/theme/icons/icon_quickview.png") no-repeat center center; } .products-list .product-layout .product-item-container:hover .countdown_box { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .products-list.list-masonry .product-layout .product-item-container, .products-list.grid .product-layout .product-item-container { padding: 15px; margin: 15px 0; position: relative; border: 1px solid #eee; overflow: hidden; } .products-list.list-masonry .product-layout .product-item-container iframe, .products-list.grid .product-layout .product-item-container iframe { width: 100%; } .products-list.list-masonry .product-layout .product-item-container .quickview, .products-list.grid .product-layout .product-item-container .quickview { opacity: 1; position: absolute; top: 140px; margin: 0; background-color: #999; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; opacity: 0; right: 7px; } .products-list.list-masonry .product-layout .product-item-container .left-block, .products-list.grid .product-layout .product-item-container .left-block { position: relative; width: 100%; float: left; } .products-list.list-masonry .product-layout .product-item-container .left-block .countdown_box .countdown_inner .time-item, .products-list.grid .product-layout .product-item-container .left-block .countdown_box .countdown_inner .time-item { background: rgba(0, 0, 0, 0.7); } .products-list.list-masonry .product-layout .product-item-container .right-block, .products-list.grid .product-layout .product-item-container .right-block { float: left; margin-top: 20px; width: 100%; } .products-list.list-masonry .product-layout .product-item-container .right-block .caption, .products-list.grid .product-layout .product-item-container .right-block .caption { padding: 0; } .products-list.list-masonry .product-layout .product-item-container .right-block .caption h4 a, .products-list.grid .product-layout .product-item-container .right-block .caption h4 a { font-size: 15px; color: #444; font-weight: normal; } .products-list.list-masonry .product-layout .product-item-container .right-block .caption .ratings, .products-list.grid .product-layout .product-item-container .right-block .caption .ratings { margin: 5px 0 5px 0; } .products-list.list-masonry .product-layout .product-item-container .button-group button, .products-list.grid .product-layout .product-item-container .button-group button { width: 30px; height: 30px; background-color: #999; text-indent: -99999px; background-repeat: no-repeat; background-position: center center; position: absolute; margin-right: 0 !important; border-color: #999; opacity: 0; } .products-list.list-masonry .product-layout .product-item-container .button-group button:hover, .products-list.grid .product-layout .product-item-container .button-group button:hover { border-color: #ea3a3c; } .products-list.list-masonry .product-layout .product-item-container .button-group button.addToCart, .products-list.grid .product-layout .product-item-container .button-group button.addToCart { top: 35px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; right: 7px; } .products-list.list-masonry .product-layout .product-item-container .button-group button.wishlist, .products-list.grid .product-layout .product-item-container .button-group button.wishlist { width: 30px; height: 30px; top: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; right: 7px; } .products-list.list-masonry .product-layout .product-item-container .button-group button.compare, .products-list.grid .product-layout .product-item-container .button-group button.compare { width: 30px; height: 30px; top: 105px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; right: 7px; } .products-list.list-masonry .product-layout .product-item-container .button-group .name-cart, .products-list.grid .product-layout .product-item-container .button-group .name-cart { text-transform: uppercase; display: none; } .products-list.list-masonry .product-layout .product-item-container .label-new, .products-list.grid .product-layout .product-item-container .label-new { top: 8px; right: 8px; } .products-list.list-masonry .product-layout .product-item-container .label-sale, .products-list.grid .product-layout .product-item-container .label-sale { top: 8px; left: 8px; } .products-list.list-masonry .product-layout .product-item-container:hover, .products-list.grid .product-layout .product-item-container:hover { border: 1px solid #aaa; box-shadow: none; } .products-list.list-masonry .product-layout .product-item-container:hover .button-group button, .products-list.grid .product-layout .product-item-container:hover .button-group button { opacity: 1; } .products-list.list-masonry .product-layout .product-item-container:hover .quickview, .products-list.grid .product-layout .product-item-container:hover .quickview { background-color: #999; opacity: 1; } .products-list.list-masonry .product-layout .product-item-container:hover .quickview:hover, .products-list.grid .product-layout .product-item-container:hover .quickview:hover { background-color: #ea3a3c; } .products-list.list .product-layout .product-item-container { float: left; width: 100%; margin: 15px 0; overflow: hidden; } .products-list.list .product-layout .product-item-container .left-block { border: 1px solid #ddd; padding: 0; } .products-list.list .product-layout .product-item-container .left-block .quickview { top: 0; opacity: 0; } .products-list.list .product-layout .product-item-container .left-block .product-image-container, .products-list.list .product-layout .product-item-container .left-block .countdown_box { padding: 10px; } .products-list.list .product-layout .product-item-container .countdown_box { width: 100%; } .products-list.list .product-layout .product-item-container .label-new { top: 10px; right: 10px; left: auto; } .products-list.list .product-layout .product-item-container .label-sale { top: 10px; left: 10px; right: auto; } .products-list.list .product-layout .product-item-container .right-block .caption { padding: 0 10px; } .products-list.list .product-layout .product-item-container .right-block .caption h4 { margin-top: 0; } .products-list.list .product-layout .product-item-container .right-block .description { padding: 0; } .products-list.list .product-layout .product-item-container .right-block .button-group { margin: 20px 0 0 0; padding: 0 10px; } .products-list.list .product-layout .product-item-container .button-group { display: inline-block; margin: 0 26px; } .products-list.list .product-layout .product-item-container .button-group .name-cart { text-transform: uppercase; display: block; } .products-list.list .product-layout .product-item-container .button-group .quickview { display: none; } .products-list.list .product-layout .product-item-container .button-group button { height: 30px; } .products-list.list .product-layout .product-item-container .button-group button.addToCart { background-position: 8px center; font-weight: normal; padding: 0px 15px; color: #fff; border-color: #999; } .products-list.list .product-layout .product-item-container .button-group button.addToCart i { display: none; } .products-list.list .product-layout .product-item-container .button-group button.addToCart:hover { border-color: #ea3a3c; } @media (min-width: 1200px) { .products-list.list .product-layout .product-item-container .button-group button.addToCart { padding: 0px 12px 0px 30px; } } .products-list.list .product-layout .product-item-container .button-group button.wishlist { width: 30px; text-indent: -99999px; background-repeat: no-repeat; background-position: center center; border-color: #999; float: right; } .products-list.list .product-layout .product-item-container .button-group button.wishlist:hover { border-color: #ea3a3c; } .products-list.list .product-layout .product-item-container .button-group button.compare { width: 30px; text-indent: -99999px; background-repeat: no-repeat; background-position: center center; border-color: #999; } .products-list.list .product-layout .product-item-container .button-group button.compare:hover { border-color: #ea3a3c; } .products-list.list .product-layout .product-item-container:hover .left-block { border-color: #aaa; } .products-list.list .product-layout .product-item-container:hover .left-block .quickview { top: 46%; opacity: 1; z-index: 1; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; background-color: #ea3a3c; color: #fff; border-color: #ea3a3c; } .products-list.list .product-layout .product-item-container:hover .left-block .quickview:hover { background-color: #444; border-color: #444; } .products-list.list .product-layout .product-item-container:hover .left-block .countdown_box { transform: scale(0); } .products-list.list .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img_0 { top: 0; opacity: 1; z-index: 0; } .products-list.list .product-layout .product-item-container:hover .right-block .caption h4 a { color: #ea3a3c; } /*============PRODUCT INFO ==================*/ .product-view .content-product-left.class-honizol .thumb-video { bottom: 190px; } .left-content-product { margin-bottom: 30px; } .left-content-product .content-product-left .large-image { cursor: pointer; display: block; padding: 1px; overflow: hidden; position: relative; border: 1px solid #e6e6e6; } .left-content-product .content-product-left .large-image img { background: #fff; } .left-content-product .content-product-left .large-image .label-sale { left: 25px; } .left-content-product .content-product-left .thumb-video { margin-top: -50px; bottom: 40px; position: absolute; z-index: 950; font-size: 32px; right: 40px; z-index: 540; } .left-content-product .content-product-left .full_slider, .left-content-product .content-product-left .not_full_slider { margin-top: 10px; } .left-content-product .content-product-left .full_slider .thumbnail, .left-content-product .content-product-left .not_full_slider .thumbnail { border-radius: 0; margin-bottom: 0; } .left-content-product .content-product-left .full_slider .thumbnail:hover, .left-content-product .content-product-left .not_full_slider .thumbnail:hover { border-color: #ea3a3c; } .left-content-product .content-product-left .full_slider .thumbnail.active, .left-content-product .content-product-left .not_full_slider .thumbnail.active { border-color: #ea3a3c; } .left-content-product .content-product-left .full_slider .owl2-nav div, .left-content-product .content-product-left .not_full_slider .owl2-nav div { width: 27px; height: 27px; border: 1px solid #dfdfdf; border-radius: 0; font-size: 0; background-color: transparent; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; top: 50%; margin-top: -12px; position: absolute; } .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-prev, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-prev { background: url("../image/theme/icons/next-prev-detail.png") no-repeat; background-position: -36px 0px; left: -14px; float: left; background-color: #fff; } .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-prev:hover, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-prev:hover { border-color: #ea3a3c; background-color: #ea3a3c; background-position: 0px 0px; opacity: 1; } .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-prev.disabled, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-prev.disabled { display: none; } .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-next, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-next { background: url("../image/theme/icons/next-prev-detail.png") no-repeat; background-position: -71px 0px; right: -14px; float: right; background-color: #fff; } .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-next:hover, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-next:hover { border-color: #ea3a3c; background-color: #ea3a3c; background-position: -107px 0px; opacity: 1; } .left-content-product .content-product-left .full_slider .owl2-nav div.owl2-next.disabled, .left-content-product .content-product-left .not_full_slider .owl2-nav div.owl2-next.disabled { display: none; } .left-content-product .content-product-right .title-product h1 { font-size: 20px; margin: 0 0 10px; font-weight: bold; color: #444; } .left-content-product .content-product-right .box-review .ratings { display: inline-block; margin-right: 20px; } .left-content-product .content-product-right .box-review a { color: #666; } .left-content-product .content-product-right .box-review a:hover { color: #ea3a3c; } .left-content-product .content-product-right .product-box-desc { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 20px; } .left-content-product .content-product-right .product-box-desc .inner-box-desc { position: relative; } .left-content-product .content-product-right .product-box-desc .inner-box-desc:before { content: ""; width: 4px; background: #ea3a3c; height: 100%; position: absolute; left: -20px; top: 0; } .left-content-product .content-product-right .product-box-desc span { font-weight: bold; } .left-content-product .content-product-right .product-box-desc .brand a { color: #666; } .left-content-product .content-product-right .product-box-desc .brand a:hover { color: #ea3a3c; } .left-content-product .content-product-right .product_page_price .price-new { font-size: 22px; } .left-content-product .content-product-right .product_page_price .price-tax { color: #333; font-size: 16px; } .left-content-product .content-product-right .box-review { margin-bottom: 5px; } .left-content-product .content-product-right .product-label { overflow: hidden; } .left-content-product .content-product-right .product-label .price { font-size: 24px; font-weight: 600; margin-bottom: 5px; } @media (min-width: 1200px) { .left-content-product .content-product-right .product-label .price { float: left; } } .left-content-product .content-product-right .product-label .stock { margin-bottom: 10px; } .left-content-product .content-product-right .product-label .stock .status-stock { color: #00abf0; } .left-content-product .content-product-right .product-label .stock .status-stock:before { content: "\f046"; font-family: FontAwesome; display: inline-block; color: #00abf0; margin-right: 5px; margin-left: 10px; } .left-content-product .content-product-right #product { float: left; width: 100%; margin-top: 10px; } .left-content-product .content-product-right #product h3 { margin-top: 0; } .left-content-product .content-product-right #product .image_option_type label.control-label { margin-right: 10px; margin-top: 3px; } .left-content-product .content-product-right #product .product-options .img-thumbnail { width: 22px; height: 22px; border-radius: 0; padding: 1px; } .left-content-product .content-product-right #product .box-checkbox label { width: 100%; } .left-content-product .content-product-right #product .box-date { padding-left: 0; } .left-content-product .content-product-right #product .box-date label { margin-right: 10px; width: 80px; } .left-content-product .content-product-right #product .box-date input { width: 200px; } .left-content-product .content-product-right #product .box-date input, .left-content-product .content-product-right #product .box-date button { border-radius: 0; position: relative; z-index: 0; margin-left: 0; } .left-content-product .content-product-right #product .box-date .input-group-btn { float: left; } .left-content-product .content-product-right #product .box-date button:hover { background: #ea3a3c; color: #fff; } .left-content-product .content-product-right .box-info-product { float: left; width: 100%; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control { float: left; margin: 0; position: relative; padding: 0 10px 0 0; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control label { float: left; margin: 0; line-height: 30px; padding-right: 8px; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control input.form-control { float: left; height: 30px; line-height: 28px; margin: 0; padding: 0 10px; width: 38px; border: 1px solid #ddd; border-radius: 0; z-index: 0; box-shadow: none; text-align: center; margin-right: 17px; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control span { border: 0 none; color: white; float: left; font-size: 10px; font-weight: normal; border-radius: 0; cursor: pointer; line-height: 16px; margin-left: 5px; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control span.product_quantity_up { background: none repeat scroll 0 0 #999; padding: 0 4px; position: absolute; top: 0; height: 15px; width: 15px; right: 14px; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control span.product_quantity_down { background: none repeat scroll 0 0 #999; font-size: 13px; padding: 0 4px; position: absolute; top: 15px; width: 15px; height: 15px; line-height: 15px; right: 14px; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control span:hover { background: #ea3a3c !important; } .left-content-product .content-product-right .box-info-product .cart { float: left; overflow: hidden; margin-right: 5px; } .left-content-product .content-product-right .box-info-product .cart a { font-size: 12px; font-weight: bold; text-transform: uppercase; } .left-content-product .content-product-right .box-info-product .cart a i { margin-right: 5px; } .left-content-product .content-product-right .box-info-product .cart input { color: #fff; height: 30px; line-height: 30px; padding: 0 15px 0 30px; font-weight: normal; font-size: 13px; border-radius: 0; background: #999 url(../image/theme/icons/icon_cart.png) no-repeat; background-position: 8px center; text-transform: uppercase; } .left-content-product .content-product-right .box-info-product .cart input:hover { background-color: #ea3a3c; } .left-content-product .content-product-right .box-info-product .add-to-links li { display: inline-block; padding: 0; } .left-content-product .content-product-right .box-info-product .add-to-links li.wishlist a { margin-left: 3px; } .left-content-product .content-product-right .box-info-product .add-to-links ul li a { height: 30px; width: 30px; line-height: 30px; text-align: center; padding: 0; transition: none; display: inline-block; background-color: #999; color: #fff; } .left-content-product .content-product-right .box-info-product .add-to-links ul li a.text { display: none; } .left-content-product .content-product-right .box-info-product .add-to-links ul li a:hover { border-color: #ea3a3c; background: #ea3a3c; color: #fff; } .left-content-product .content-product-right .box-info-product .share { margin-top: 10px; } .thumb-vertical-outer { width: 100px; position: relative; padding: 18px 0; float: left; margin-right: 15px; } .thumb-vertical-outer .lSAction { display: none !important; } .thumb-vertical-outer .thumbnail { border-color: #e6e6e6; } .thumb-vertical-outer .btn-more { display: block; text-align: center; position: absolute; font-size: 20px; cursor: pointer; margin-left: -10px; left: 50%; color: #666; } .thumb-vertical-outer .btn-more:hover { color: #ea3a3c; } .thumb-vertical-outer .btn-more.prev-thumb { top: -5px; } .thumb-vertical-outer .btn-more.next-thumb { bottom: -5px; } .thumb-vertical-outer .prev { margin-bottom: 5px; } .thumb-vertical-outer .prev, .thumb-vertical-outer .next { cursor: pointer; } .thumb-vertical-outer .prev.disabled, .thumb-vertical-outer .next.disabled { visibility: hidden; } .thumb-vertical-outer .prev .fa, .thumb-vertical-outer .next .fa { font-size: 16px; display: block; text-align: center; } .thumb-vertical-outer ul.thumb-vertical { padding: 0; margin: 0; list-style: none; } .thumb-vertical-outer ul li { cursor: pointer; margin-bottom: 10px; } .thumb-vertical-outer ul li .thumbnail { border-radius: 0; padding: 0; margin: 0; } .thumb-vertical-outer ul li .thumbnail img { padding: 0px; transition: all 0.3s ease; position: relative; } .thumb-vertical-outer ul li .thumbnail:hover { border-color: #ea3a3c; } .thumb-vertical-outer ul li .thumbnail.active { border-color: #ea3a3c; } /*----------------------PRODUCT TABS ---------------*/ .producttab .tabsslider { margin-bottom: 30px; padding: 0; z-index: 1; } .producttab .tabsslider .nav-tabs li { margin-bottom: 0; } .producttab .tabsslider .nav-tabs li a { font-size: 16px; font-weight: 600; text-transform: uppercase; border-radius: 0px; margin: 0px; border: 1px solid #ddd; border-bottom: 0; margin-right: -1px; padding: 8px 40px; position: relative; background: #fff; color: #444; } .producttab .tabsslider .nav-tabs li.active a, .producttab .tabsslider .nav-tabs li:hover a { background: #ea3a3c; color: #fff; } .producttab .tabsslider .nav-tabs li.active a:before, .producttab .tabsslider .nav-tabs li:hover a:before { content: ""; width: 100%; height: 3px; background: #ea3a3c; left: 0; position: absolute; top: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; z-index: 9; } .producttab .tabsslider .nav-tabs li.active a:after { content: ""; width: 100%; height: 1px; background: #fff; left: 0; position: absolute; bottom: -1px; z-index: 9; } .producttab .tabsslider .tab-content { padding: 20px; display: block; margin: 0; border: solid 1px #e3e1e1; margin-top: -1px; } .producttab .tabsslider ul.des-custom { margin-bottom: 10px; } .producttab .tabsslider ul.des-custom li:before { content: '\f00c'; font-family: FontAwesome; font-size: 14px; display: inline-block; text-align: center; font-size: 13px; color: #ea3a3c; margin-right: 5px; } .producttab .tabsslider .data-table tr td { padding: 10px; border: 1px solid #e9e9e9; vertical-align: middle; } .producttab .tabsslider.vertical-tabs { border: 1px solid #e6e6e6; padding: 0; border-bottom: 1px solid #ddd; } .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-bottom: 1px solid #ddd; clear: both; position: relative; width: 100%; display: block; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li a { border: 0; border-radius: 0; text-transform: uppercase; font-weight: bold; font-size: 16px; margin: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; color: #666; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li a:hover { background: transparent; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:before { content: ""; width: 5px; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; z-index: 999; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover { border-left-color: #ea3a3c; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover a { color: #ea3a3c; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover a:before { display: none; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover:before { background-color: #ea3a3c; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active { border-left-color: #ea3a3c; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active:before { background-color: #ea3a3c; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a { background: transparent; color: #ea3a3c; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a:before, .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a:after { display: none; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:first-child { border-top: 0; } .producttab .tabsslider.vertical-tabs .tab-content { border: 0; border-left: 1px solid #e6e6e6; min-height: 180px; } #product-accordion { float: left; width: 100%; margin-top: 30px; border: 1px solid #ddd; border-top: 4px solid #ea3a3c; } #product-accordion .panel { padding: 10px 20px 0 20px; border-bottom: 0; box-shadow: none; } #product-accordion .panel .panel-heading { border-bottom: 1px dotted #ddd; padding: 0 0 10px 0; } #product-accordion .panel .panel-heading a { text-transform: uppercase; font-weight: bold; font-size: 18px; margin: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; color: #666; width: 100%; display: inline-block; position: relative; } #product-accordion .panel .panel-heading a.title-head.collapsed { color: #666; } #product-accordion .panel .panel-heading a.title-head.collapsed span.arrow-up:before { content: "\f0d8"; } #product-accordion .panel .panel-heading a.title-head { color: #ea3a3c; } #product-accordion .panel .panel-heading a.title-head span.arrow-up:before { content: "\f0d7"; } #product-accordion .panel .panel-heading a span.arrow-up { display: block; position: absolute; right: 0; top: -2px; cursor: pointer; z-index: 10; font-size: 0; text-align: center; } #product-accordion .panel .panel-heading a span.arrow-up:before { content: "\f0d8"; font-family: "FontAwesome"; display: block; vertical-align: middle; width: 30px; height: 30px; line-height: 30px; font-size: 14px; } #product-accordion .panel .panel-heading:hover { border-bottom-color: #ea3a3c; } #product-accordion .panel .panel-heading:hover a { color: #ea3a3c; } #product-accordion .panel:first-child .panel-heading { padding-top: 10px; } #product-accordion .panel:last-child .panel-heading { border-bottom: 0; } #product-accordion .panel-heading + .panel-collapse > .list-group, #product-accordion .panel-heading + .panel-collapse > .panel-body { border-top: 1px dotted #ea3a3c; margin-top: -1px; padding: 0; } .related { clear: both; } .zoomContainer { z-index: 90; } .image_option_type .selected-option { padding-left: 0; display: inline; text-transform: capitalize; } .image_option_type .radio input[type=radio].image_radio { display: none; } .image_option_type .radio { padding-left: 0; display: inline; } .product-description .product-options img.icon-color { width: 20px; padding: 0; } .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; } .slider-products .content-aside { width: 100%; padding: 0; } .slider-products .four-block { padding: 0; } .slider-products .policy-detail { box-shadow: none; } .slider-products .policy-detail .banner-policy { padding: 0; } .slider-products .policy-detail .banner-policy .policy { float: none; width: 100%; font-size: 12px; border: none; border-bottom: 1px solid white; padding: 25px 10px; } .banner-policy { background-color: #eee; text-transform: uppercase; } .banner-policy .policy { border-bottom: 1px solid #fff; line-height: 19px; padding: 20px 10px; } .banner-policy .policy a { color: #444; font-weight: bold; } .banner-policy .policy a span { margin-right: 10px; } .banner-policy .policy a:hover { color: #ea3a3c; } .banner-policy .policy.policy1 a span { background: url("../image/theme/icons/policy_1.png") no-repeat; background-position: center 0; width: 48px; height: 36px; font-size: 0; float: left; } .banner-policy .policy.policy1 a:hover span { background: url("../image/theme/color/red/policy_1.html") no-repeat; background-position: center 0; } .banner-policy .policy.policy2 a span { background: url("../image/theme/icons/policy_2.png") no-repeat; background-position: center 0; width: 53px; height: 35px; font-size: 0; float: left; } .banner-policy .policy.policy2 a:hover span { background: url("../image/theme/color/red/policy_2.html") no-repeat; background-position: center 0; } .banner-policy .policy.policy3 a span { background: url("../image/theme/icons/policy_3.png") no-repeat; background-position: center 0; width: 34px; height: 34px; font-size: 0; float: left; } .banner-policy .policy.policy3 a:hover span { background: url("../image/theme/color/red/policy_3.html") no-repeat; background-position: center 0; } .banner-policy .policy.policy4 a span { background: url("../image/theme/icons/policy_4.png") no-repeat; background-position: center 0; width: 34px; height: 34px; font-size: 0; float: left; } .banner-policy .policy.policy4 a:hover span { background: url("../image/theme/color/red/policy_4.html") no-repeat; background-position: center 0; } .slider-products .banner-policy .policy.policy1 a span, .slider-products .banner-policy .policy.policy2 a span, .slider-products .banner-policy .policy.policy3 a span, .slider-products .banner-policy .policy.policy4 a span { width: 53px; } .releate-horizontal .releate-product { border: 1px solid #ddd; padding: 20px; } .releate-horizontal .image { width: 80px; float: left; } .releate-horizontal .caption { margin-left: 90px; } .releate-horizontal .item-element { border-bottom: 1px solid #ddd; padding: 15px 0 5px; } .releate-horizontal .item-element:last-child { border: none; padding-bottom: 0; } .releate-horizontal .item-element:first-child { padding-top: 0; } .releate-horizontal h4 a { color: #444; } .releate-horizontal h4 a:hover { color: #ea3a3c; } .upsell.products-list.module { margin: 0; } .related.products-list.module h3.modtitle:before, .upsell.products-list.module h3.modtitle:before { display: none; } .related.products-list.module .releate-products, .related.products-list.module .upsell-products, .upsell.products-list.module .releate-products, .upsell.products-list.module .upsell-products { box-shadow: 0 0 1px #868585 inset; -webkit-box-shadow: 0 0 1px #868585 inset; -moz-box-shadow: 0 0 1px #868585 inset; margin-top: 30px; } .related.products-list.module .product-layout .product-item-container, .upsell.products-list.module .product-layout .product-item-container { border-color: transparent; margin: 0 !important; } .related.products-list.module .product-layout .product-item-container:hover, .upsell.products-list.module .product-layout .product-item-container:hover { border-color: #aaa; z-index: 99; position: relative; } .related.products-list.module .owl2-nav div, .upsell.products-list.module .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: -18px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: pointer; background-color: #fff; border: 1px solid #ddd; transition: all 0.3s ease 0s; transform: scale(1); text-align: center; } .related.products-list.module .owl2-nav div:hover, .upsell.products-list.module .owl2-nav div:hover { background: #ea3a3c; color: #fff; border-color: #ea3a3c; } .related.products-list.module .owl2-nav div.owl2-prev, .upsell.products-list.module .owl2-nav div.owl2-prev { left: -18px; } .related.products-list.module .owl2-nav div.owl2-prev:before, .upsell.products-list.module .owl2-nav div.owl2-prev:before { content: "\f104"; line-height: 35px; padding: 10px; font-size: 28px; } .related.products-list.module .owl2-nav div.owl2-next, .upsell.products-list.module .owl2-nav div.owl2-next { right: -18px; } .related.products-list.module .owl2-nav div.owl2-next:before, .upsell.products-list.module .owl2-nav div.owl2-next:before { content: "\f105"; line-height: 35px; padding: 10px; font-size: 28px; } .type_1 { /*HEADER SEARCH*/ /*BLOCK CART*/ /*MENU MEGA*/ } .type_1 .header-top { height: 36px; background-color: #ddd; border-bottom: 1px solid #ddd; } .type_1 .header-top .header-top-left { overflow: hidden; height: 36px; } .type_1 .header-top .header-top-left .welcome-msg { margin-top: 5px; height: 24px; overflow: hidden; } .type_1 .header-top .header-top-left .welcome-msg .label-msg { margin: 0; display: inline-block; position: relative; color: #fff; background: #e67e22; padding: 0 10px; border-radius: 2px; line-height: 20px; } .type_1 .header-top .header-top-left .welcome-msg a { display: inline-block; margin: 0; padding: 0 6px; color: #666; } .type_1 .header-top .header-top-left .welcome-msg .list-msg .label-msg, .type_1 .header-top .header-top-left .welcome-msg .list-msg a { font-size: 12px; } .type_1 .header-top .header-top-right { text-align: right; } .type_1 .header-center { padding: 40px 0 29px; background: #eee; } @media (min-width: 1200px) { .type_1 .header-center .navbar-logo { position: relative; top: -5px; } } .type_1 .header-center.center .header-center-right { margin-top: 16px; } .type_1 .header-center.left .header-center-right { text-align: right; float: right; margin-top: 4px; } .type_1 .header-bottom { background: #eee; height: 45px; margin-bottom: 0; } .type_1 .header-bottom .container .header-bottom-inner { display: inline-block; background: #222; width: 100%; } .type_1 .header-bottom .container .header-bottom-inner .header-bottom-left { padding-right: 20px; } .type_1 .header-bottom .container .header-bottom-inner .header-bottom-right { padding-left: 10px; } .type_1 .header-bottom .container .header-bottom-inner .header_search { padding: 0; margin-top: 7px; } @media (min-width: 1200px) { .type_1 .header-bottom .container .header-bottom-inner .header_search { width: 70%; } } .type_1 .header-bottom .container .header-bottom-inner .header_custom_link { float: right; padding-right: 15px; } .type_1 .header-bottom .container .header-bottom-inner .header_custom_link ul li a { line-height: 45px; color: #fff; text-transform: uppercase; padding: 0 18px 0 0; font-weight: bold; } .type_1 .header-bottom .container .header-bottom-inner .header_custom_link ul li a i { font-size: 15px; margin-right: 5px; } .type_1 .header-bottom .container .header-bottom-inner .header_custom_link ul li a:hover { color: #ea3a3c; } .type_1.navbar-compact .header-top { display: none; } .type_1.navbar-compact .header-bottom { display: none; } .type_1.navbar-compact .header-center { padding: 15px 0 5px; } .type_1 #main-content, .type_1 #content { margin-bottom: 30px; } .type_1 .header-top-right { display: inline-block; } .type_1 .header-top-right ul.top-link { list-style: none; margin: 0; vertical-align: top; } .type_1 .header-top-right ul.top-link > li { padding: 0; display: inline-block; position: relative; list-style: outside none none; border-left: 1px solid #ddd; } .type_1 .header-top-right ul.top-link > li > a { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #666; font-size: 12px; } .type_1 .header-top-right ul.top-link > li > a:before { font-family: 'FontAwesome'; margin-right: 7px; } .type_1 .header-top-right ul.top-link > li > a span.fa-angle-down { position: relative; left: 5px; } .type_1 .header-top-right ul.top-link > li a.btn { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #666; font-size: 12px; } .type_1 .header-top-right ul.top-link > li a.btn:hover { color: #ea3a3c; } .type_1 .header-top-right ul.top-link > li.account > a:before { content: "\f007"; } .type_1 .header-top-right ul.top-link > li.wishlist a:before { content: "\f004"; } .type_1 .header-top-right ul.top-link > li.checkout a:before { content: "\f045"; } .type_1 .header-top-right ul.top-link > li:hover > a { color: #ea3a3c; } .type_1 .header-top-right ul.top-link > li.currencies-block .dropdown-menu { right: 0; left: auto; } .type_1 .header-top-right ul.top-link > li ul.dropdown-link { position: absolute; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); opacity: 0; padding: 0px 10px; top: 33px; transition: top 0.3s ease 0s, opacity 0.3s ease 0s; width: 200px; z-index: -1; text-align: left; left: 0; } .type_1 .header-top-right ul.top-link > li ul.dropdown-link li { display: block; border-left: 0; } .type_1 .header-top-right ul.top-link > li ul.dropdown-link li a { display: block; padding: 5px 0 4px; border-bottom: solid 1px #efefef; font-size: 11px; line-height: 18px; color: #666; border-right: 0; } .type_1 .header-top-right ul.top-link > li ul.dropdown-link li a:hover { color: #ea3a3c; } .type_1 .header-top-right ul.top-link > li ul.dropdown-link li a:after { display: none; } .type_1 .header-top-right ul.top-link > li ul.dropdown-link li:last-child a { border-bottom: 0; } .type_1 .header-top-right ul.top-link > li.account:hover ul.dropdown-link { top: 34px; z-index: 9999; opacity: 1; border-top: 1px solid rgba(200, 199, 199, 0.3); } .type_1 #sosearchpro.search-pro { margin: 0; width: 100%; padding: 0; } .type_1 #sosearchpro.search-pro .search { border: 1px solid #ddd; background: #fff; } .type_1 #sosearchpro.search-pro .select_category { width: 120px; border: 0; cursor: pointer; cursor: pointer; } .type_1 #sosearchpro.search-pro .select_category select { height: 30px; line-height: 28px; padding-right: 26px; } .type_1 #sosearchpro.search-pro .select_category:after { top: 0px; content: "\f0d7"; background: transparent; font-family: FontAwesome; position: absolute; height: 100%; text-align: center; line-height: 30px; width: 20px; color: #444; right: 10px; left: auto; } .type_1 #sosearchpro.search-pro .autosearch-input { border: 0; height: 30px; background: #fff; border-left: 1px solid #ddd; } .type_1 #sosearchpro.search-pro .button-search { background: transparent; border: 0; font-size: 16px; height: 30px; padding: 0 8px; border-radius: 0; } .type_1 #sosearchpro.search-pro .button-search i { color: #ea3a3c; font-size: 16px; } .type_1 #sosearchpro.search-pro .button-search:hover i { color: #da1719; } .type_1 .block-cart { float: right; position: relative; padding-left: 25px; } .type_1 .block-cart:before { content: ""; height: 100%; width: 1px; background: #555; position: absolute; left: 1px; } .type_1 .block-cart:after { content: ""; height: 100%; width: 1px; background: #333; position: absolute; left: 0; } .type_1 .shopping_cart { background: url("../image/theme/icons/icon_minicart.png") no-repeat; background-position: left 12px; height: 45px; line-height: 45px; padding-left: 30px; padding-right: 15px; } .type_1 .shopping_cart h2 { display: none; color: #444444; font-size: 12px; margin: 0; font-weight: bold; } .type_1 .shopping_cart .btn-shopping-cart { display: block; font-size: 13px; font-weight: bold; text-transform: uppercase; cursor: pointer; width: auto; padding: 0; } .type_1 .shopping_cart .btn-shopping-cart a.top_cart { padding-right: 20px; color: #fff; } .type_1 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart-mobi { color: #ea3a3c; } .type_1 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart { padding: 0px; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: bold; float: left; margin: 0; } .type_1 .shopping_cart .btn-shopping-cart a.top_cart:after { content: "\f107"; font-family: fontawesome; font-size: 15px; position: absolute; right: 0; top: 0; } .type_1 .shopping_cart .btn-shopping-cart a.top_cart:hover { color: #ea3a3c; } .type_1 .shopping_cart .btn-shopping-cart a.top_cart:hover .shopcart .text-shopping-cart { color: #ea3a3c; } .type_1 .shopping_cart .btn-shopping-cart .total-shopping-cart { display: none; } .type_1 .shopping_cart .dropdown-menu { margin: 5px 0; top: 40px; right: -15px; } .type_1 .shopping_cart .shoppingcart-box:before { right: 50px; } .type_1 .megamenu-style-dev .navbar-default { background: transparent; } .type_1 .megamenu-style-dev .horizontal ul.megamenu > li.active > a, .type_1 .megamenu-style-dev .horizontal ul.megamenu > li.home > a, .type_1 .megamenu-style-dev .horizontal ul.megamenu > li:hover > a { background: #222; color: #fff; border-radius: 3px; } .type_1 .megamenu-style-dev .horizontal ul.megamenu > li > a { color: #222; font-size: 13px; height: auto; padding: 0 15px; line-height: 28px; text-transform: uppercase; text-shadow: none; font-weight: bold; } .type_1 .megamenu-style-dev .horizontal ul.megamenu > li > a strong { font-weight: bold; } .type_1 #sosearchpro .select_category { position: relative; display: table-cell; vertical-align: top; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; background: white; } .type_1 #sosearchpro .select_category select { width: 100%; padding: 0 15px; border: none; float: left; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .type_2 { /*HEADER SEARCH*/ /*MENU MEGA*/ } .type_2 .header-top { height: 36px; background-color: #ddd; border-bottom: 1px solid #ddd; } .type_2 .header-top .header-top-left { overflow: hidden; height: 36px; } .type_2 .header-top .header-top-left .welcome-msg { margin-top: 5px; height: 24px; overflow: hidden; } .type_2 .header-top .header-top-left .welcome-msg .label-msg { margin: 0; display: inline-block; position: relative; color: #fff; background: #e67e22; padding: 0 10px; border-radius: 2px; line-height: 20px; } .type_2 .header-top .header-top-left .welcome-msg a { display: inline-block; margin: 0; padding: 0 6px; color: #666; } .type_2 .header-top .header-top-left .welcome-msg .list-msg .label-msg, .type_2 .header-top .header-top-left .welcome-msg .list-msg a { font-size: 12px; } .type_2 .header-top .header-top-right { text-align: right; } .type_2 .header-center { padding: 36px 0 35px; background: #fff; } .type_2 .header-center .phone-contact { margin-top: 0; background: url("../image/theme/icons/hot-line-icon.png") no-repeat left top; float: right; text-align: left; padding-left: 48px; } .type_2 .header-center .phone-contact h2 { font-weight: bold; margin-bottom: 2px; font-size: 100%; margin: 0; color: #666; text-transform: uppercase; } .type_2 .header-center .phone-contact p { margin: 0; } .type_2 .header-bottom { background: #222; margin-bottom: 25px; } .type_2.navbar-compact .header-top { display: none; } .type_2.navbar-compact .header-bottom { display: none; } .type_2.navbar-compact .header-center { padding: 20px 0; } .type_2 #main-content, .type_2 #content { margin-bottom: 30px; } .type_2 .header-top-right { display: inline-block; } .type_2 .header-top-right ul.top-link { list-style: none; margin: 0; vertical-align: top; } .type_2 .header-top-right ul.top-link > li { padding: 0; display: inline-block; position: relative; list-style: outside none none; border-left: 1px solid #ddd; } .type_2 .header-top-right ul.top-link > li > a { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #666; font-size: 12px; } .type_2 .header-top-right ul.top-link > li > a:before { font-family: 'FontAwesome'; margin-right: 7px; } .type_2 .header-top-right ul.top-link > li > a span.fa-angle-down { position: relative; left: 5px; } .type_2 .header-top-right ul.top-link > li a.btn { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #666; font-size: 12px; } .type_2 .header-top-right ul.top-link > li a.btn:hover { color: #ea3a3c; } .type_2 .header-top-right ul.top-link > li.account > a:before { content: "\f007"; } .type_2 .header-top-right ul.top-link > li.wishlist a:before { content: "\f004"; } .type_2 .header-top-right ul.top-link > li.checkout a:before { content: "\f045"; } .type_2 .header-top-right ul.top-link > li:hover > a { color: #ea3a3c; } .type_2 .header-top-right ul.top-link > li ul.dropdown-link { position: absolute; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); opacity: 0; padding: 0px 10px; top: 33px; transition: top 0.3s ease 0s, opacity 0.3s ease 0s; width: 200px; z-index: -1; text-align: left; left: 0; } .type_2 .header-top-right ul.top-link > li ul.dropdown-link li { display: block; border-left: 0; } .type_2 .header-top-right ul.top-link > li ul.dropdown-link li a { display: block; padding: 5px 0 4px; border-bottom: solid 1px #efefef; font-size: 11px; line-height: 18px; color: #666; border-right: 0; } .type_2 .header-top-right ul.top-link > li ul.dropdown-link li a:hover { color: #ea3a3c; } .type_2 .header-top-right ul.top-link > li ul.dropdown-link li a:after { display: none; } .type_2 .header-top-right ul.top-link > li ul.dropdown-link li:last-child a { border-bottom: 0; } .type_2 .header-top-right ul.top-link > li.account:hover ul.dropdown-link { top: 34px; z-index: 9999; opacity: 1; border-top: 1px solid rgba(200, 199, 199, 0.3); } .type_2 #sosearchpro.search-pro { margin: 0; width: 100%; padding: 0; } .type_2 #sosearchpro.search-pro .search { border: 1px solid #ddd; background: #fff; } .type_2 #sosearchpro.search-pro .select_category { width: 120px; border: 0; position: relative; display: table-cell; vertical-align: top; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; background: white; } .type_2 #sosearchpro.search-pro .select_category select { height: 30px; line-height: 28px; width: 100%; padding: 0 15px 0 26px; border: none; float: left; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .type_2 #sosearchpro.search-pro .select_category:after { top: 0px; content: "\f0d7"; background: transparent; font-family: FontAwesome; position: absolute; height: 100%; text-align: center; line-height: 30px; width: 20px; color: #444; right: 10px; left: auto; } .type_2 #sosearchpro.search-pro .autosearch-input { border: 0; height: 32px; background: #fff; box-shadow: none; border-left: 1px solid #ddd; } .type_2 #sosearchpro.search-pro .button-search { background: transparent; border: 0; font-size: 16px; height: 30px; padding: 0 8px; border-radius: 0; } .type_2 #sosearchpro.search-pro .button-search i { color: #ea3a3c; font-size: 16px; } .type_2 #sosearchpro.search-pro .button-search:hover i { color: #da1719; } .type_2 .shopping_cart { position: relative; background: #ea3a3c; } .type_2 .shopping_cart:after { content: ""; position: absolute; top: 0; border-top: 23px solid transparent; border-bottom: 22px solid transparent; border-right: 15px solid #ea3a3c; left: -15px; } .type_2 .shopping_cart .handle { background: url("../image/theme/icons/icon_minicart.png") no-repeat; background-position: 5px 11px; height: 34px; width: 28px; } .type_2 .shopping_cart h2 { display: none; color: #444444; font-size: 12px; margin: 0; font-weight: bold; } .type_2 .shopping_cart .btn-shopping-cart { height: 45px; line-height: 45px; display: block; font-size: 13px; cursor: pointer; padding: 0 10px; } .type_2 .shopping_cart .btn-shopping-cart a.top_cart { color: #fff; } .type_2 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart-mobi { color: #ea3a3c; } .type_2 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart { padding: 0px; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: bold; float: left; margin: 0; } .type_2 .shopping_cart .btn-shopping-cart .total-shopping-cart { background-color: #da1719; font-size: 14px; line-height: 26px; text-align: center; width: 26px; height: 26px; border-radius: 3px; display: inline-block; float: right; margin: 9px 5px 0 10px; overflow: hidden; } .type_2 .shopping_cart .dropdown-menu { margin: 5px 0; top: 40px; right: 0; left: auto; } .type_2 .shopping_cart .shoppingcart-box:before { right: 50px; } .type_2 .megamenu-style-dev .navbar-default { background: transparent; } .type_2 .megamenu-style-dev .horizontal ul.megamenu > li.active > a, .type_2 .megamenu-style-dev .horizontal ul.megamenu > li.home > a, .type_2 .megamenu-style-dev .horizontal ul.megamenu > li:hover > a { background: #444; } .type_2 .megamenu-style-dev .horizontal ul.megamenu > li > a { color: #fff; font-size: 13px; height: auto; padding: 9px 15px 8px; line-height: 28px; text-transform: uppercase; text-shadow: none; font-weight: bold; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .type_2 .megamenu-style-dev .horizontal ul.megamenu > li > a strong { font-weight: bold; } .type_2 .megamenu-style-dev .horizontal ul.megamenu > li { border-right: solid 1px #555; margin: 0; } .type_3 { /*HEADER SEARCH*/ /*MENU MEGA*/ } .type_3 .header-top { height: 36px; background-color: #fff; border-bottom: 1px solid #ddd; } .type_3 .header-top .header-top-left { overflow: hidden; height: 36px; } .type_3 .header-top .header-top-left .welcome-msg { margin-top: 5px; height: 24px; overflow: hidden; } .type_3 .header-top .header-top-left .welcome-msg .label-msg { margin: 0; display: inline-block; position: relative; color: #fff; background: #e67e22; padding: 0 10px; border-radius: 2px; line-height: 20px; } .type_3 .header-top .header-top-left .welcome-msg a { display: inline-block; margin: 0; padding: 0 6px; color: #666; } .type_3 .header-top .header-top-left .welcome-msg .list-msg .label-msg, .type_3 .header-top .header-top-left .welcome-msg .list-msg a { font-size: 12px; } .type_3 .header-top .header-top-right { text-align: right; } .type_3 .header-center { padding: 23px 0 20px; background: #fff; } .type_3 .header-center .phone-contact { margin-top: 0; background: url("../image/theme/icons/hot-line-icon.png") no-repeat left top; float: right; text-align: left; padding-left: 48px; } .type_3 .header-center .phone-contact h2 { font-weight: bold; margin-bottom: 2px; font-size: 100%; margin: 0; color: #666; text-transform: uppercase; } .type_3 .header-center .phone-contact p { margin: 0; } .type_3 .header-bottom { background: #444; min-height: 40px; } .type_3.navbar-compact .header-top { display: none; } .type_3.navbar-compact .header-bottom { display: none; } .type_3.navbar-compact .header-center { padding: 20px 0; } .type_3 #main-content, .type_3 #content { margin-bottom: 30px; } .type_3 .header-top-right { display: inline-block; } .type_3 .header-top-right ul.top-link { list-style: none; margin: 0; } .type_3 .header-top-right ul.top-link > li { padding: 0; display: inline-block; position: relative; vertical-align: top; list-style: outside none none; border-left: 1px solid #ddd; } .type_3 .header-top-right ul.top-link > li.currencies-block { border-right: 1px solid #ddd; } .type_3 .header-top-right ul.top-link > li.currencies-block .dropdown-menu { right: 0; left: auto; } .type_3 .header-top-right ul.top-link > li > a { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #666; font-size: 12px; } .type_3 .header-top-right ul.top-link > li > a:before { font-family: 'FontAwesome'; margin-right: 7px; } .type_3 .header-top-right ul.top-link > li > a span.fa-angle-down { position: relative; left: 5px; } .type_3 .header-top-right ul.top-link > li a.btn { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #666; font-size: 12px; } .type_3 .header-top-right ul.top-link > li a.btn:hover { color: #ea3a3c; } .type_3 .header-top-right ul.top-link > li.account > a:before { content: "\f007"; } .type_3 .header-top-right ul.top-link > li.wishlist a:before { content: "\f004"; } .type_3 .header-top-right ul.top-link > li.checkout a:before { content: "\f045"; } .type_3 .header-top-right ul.top-link > li:hover > a { color: #ea3a3c; } .type_3 .header-top-right ul.top-link > li ul.dropdown-link { position: absolute; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); opacity: 0; padding: 0px 10px; top: 33px; transition: top 0.3s ease 0s, opacity 0.3s ease 0s; width: 200px; z-index: -1; text-align: left; left: 0; } .type_3 .header-top-right ul.top-link > li ul.dropdown-link li { display: block; border-left: 0; } .type_3 .header-top-right ul.top-link > li ul.dropdown-link li a { display: block; padding: 5px 0 4px; border-bottom: solid 1px #efefef; font-size: 11px; line-height: 18px; color: #666; border-right: 0; } .type_3 .header-top-right ul.top-link > li ul.dropdown-link li a:hover { color: #ea3a3c; } .type_3 .header-top-right ul.top-link > li ul.dropdown-link li a:after { display: none; } .type_3 .header-top-right ul.top-link > li ul.dropdown-link li:last-child a { border-bottom: 0; } .type_3 .header-top-right ul.top-link > li.account:hover ul.dropdown-link { top: 34px; z-index: 9999; opacity: 1; border-top: 1px solid rgba(200, 199, 199, 0.3); } .type_3 #sosearchpro.search-pro { margin: 0; width: 100%; padding: 0; } .type_3 #sosearchpro.search-pro .search { border: 1px solid #ddd; background: #fff; } .type_3 #sosearchpro.search-pro .select_category { width: 120px; border: 0; position: relative; display: table-cell; vertical-align: top; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; background: white; } .type_3 #sosearchpro.search-pro .select_category select { height: 30px; line-height: 28px; width: 100%; padding: 0 15px 0 26px; border: none; float: left; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .type_3 #sosearchpro.search-pro .select_category:after { top: 0px; content: "\f0d7"; background: transparent; font-family: FontAwesome; position: absolute; height: 100%; text-align: center; line-height: 30px; width: 20px; color: #444; right: 10px; left: auto; } .type_3 #sosearchpro.search-pro .autosearch-input { border: 0; height: 32px; background: #fff; box-shadow: none; border-left: 1px solid #ddd; } .type_3 #sosearchpro.search-pro .button-search { background: transparent; border: 0; font-size: 16px; height: 30px; padding: 0 8px; border-radius: 0; } .type_3 #sosearchpro.search-pro .button-search i { color: #ea3a3c; font-size: 16px; } .type_3 #sosearchpro.search-pro .button-search:hover i { color: #da1719; } .type_3 .shopping_cart { position: relative; background: #ea3a3c; } .type_3 .shopping_cart:after { content: ""; position: absolute; top: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 15px solid #ea3a3c; left: -15px; } .type_3 .shopping_cart .handle { background: url("../image/theme/icons/icon_minicart.png") no-repeat; background-position: 5px 11px; height: 34px; width: 28px; } .type_3 .shopping_cart h2 { display: none; color: #444444; font-size: 12px; margin: 0; font-weight: bold; } .type_3 .shopping_cart .btn-shopping-cart { height: 40px; line-height: 40px; display: block; font-size: 13px; cursor: pointer; padding: 0 10px; } .type_3 .shopping_cart .btn-shopping-cart a.top_cart { color: #fff; } .type_3 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart-mobi { color: #ea3a3c; } .type_3 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart { padding: 0px; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: bold; float: left; margin: 0; } .type_3 .shopping_cart .btn-shopping-cart .total-shopping-cart { background-color: #da1719; font-size: 12px; line-height: 26px; text-align: center; width: 26px; height: 26px; border-radius: 3px; display: inline-block; float: right; margin: 7px 5px 0 10px; overflow: hidden; } .type_3 .shopping_cart .dropdown-menu { margin: 5px 0; top: 40px; right: 0; left: auto; } .type_3 .shopping_cart .shoppingcart-box:before { right: 50px; } .type_3 .megamenu-style-dev .navbar-default { background: transparent; } .type_3 .megamenu-style-dev .horizontal ul.megamenu > li.active > a, .type_3 .megamenu-style-dev .horizontal ul.megamenu > li.home > a, .type_3 .megamenu-style-dev .horizontal ul.megamenu > li:hover > a { background: #898989; } .type_3 .megamenu-style-dev .horizontal ul.megamenu > li > a { color: #fff; font-size: 13px; height: auto; padding: 6px 15px; line-height: 28px; text-transform: uppercase; text-shadow: none; font-weight: bold; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .type_3 .megamenu-style-dev .horizontal ul.megamenu > li > a strong { font-weight: bold; } .type_3 .megamenu-style-dev .horizontal ul.megamenu > li { margin: 0; border-right: solid 1px #555; } .type_4 { /*HEADER SEARCH*/ /*MENU MEGA*/ } .type_4 .header-top { height: 36px; background-color: #fff; border-bottom: 1px solid #ddd; } .type_4 .header-top .header-top-left { overflow: hidden; height: 36px; } .type_4 .header-top .header-top-left .welcome-msg { margin-top: 5px; height: 24px; overflow: hidden; } .type_4 .header-top .header-top-left .welcome-msg .label-msg { margin: 0; display: inline-block; position: relative; color: #fff; background: #e67e22; padding: 0 10px; border-radius: 2px; line-height: 20px; } .type_4 .header-top .header-top-left .welcome-msg a { display: inline-block; margin: 0; padding: 0 6px; color: #666; } .type_4 .header-top .header-top-left .welcome-msg .list-msg .label-msg, .type_4 .header-top .header-top-left .welcome-msg .list-msg a { font-size: 12px; } .type_4 .header-top .header-top-right { text-align: right; } .type_4 .header-center { padding: 23px 0 20px; background: #fff; } @media (min-width: 1200px) { .type_4 .header-center .navbar-logo { position: relative; top: -1px; } } .type_4 .header-center .phone-contact { margin-top: 0; background: url("../image/theme/icons/hot-line-icon.png") no-repeat left top; float: right; text-align: left; padding-left: 48px; } .type_4 .header-center .phone-contact h2 { font-weight: bold; margin-bottom: 2px; font-size: 100%; margin: 0; color: #666; text-transform: uppercase; } .type_4 .header-center .phone-contact p { margin: 0; } .type_4 .header-bottom { background: #444; min-height: 40px; } .type_4.navbar-compact .header-top { display: none; } .type_4.navbar-compact .header-bottom { display: none; } .type_4.navbar-compact .header-center { padding: 20px 0; } .type_4 #main-content, .type_4 #content { margin-bottom: 30px; } .type_4 .header-top-right { display: inline-block; } .type_4 .header-top-right ul.top-link { list-style: none; margin: 0; } .type_4 .header-top-right ul.top-link > li { padding: 0; display: inline-block; position: relative; vertical-align: top; list-style: outside none none; border-left: 1px solid #ddd; } .type_4 .header-top-right ul.top-link > li.currencies-block { border-right: 1px solid #ddd; } .type_4 .header-top-right ul.top-link > li.currencies-block .dropdown-menu { right: 0; left: auto; } .type_4 .header-top-right ul.top-link > li > a { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #666; font-size: 12px; } .type_4 .header-top-right ul.top-link > li > a:before { font-family: 'FontAwesome'; margin-right: 7px; } .type_4 .header-top-right ul.top-link > li > a span.fa-angle-down { position: relative; left: 5px; } .type_4 .header-top-right ul.top-link > li a.btn { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #666; font-size: 12px; } .type_4 .header-top-right ul.top-link > li a.btn:hover { color: #ea3a3c; } .type_4 .header-top-right ul.top-link > li.account > a:before { content: "\f007"; } .type_4 .header-top-right ul.top-link > li.wishlist a:before { content: "\f004"; } .type_4 .header-top-right ul.top-link > li.checkout a:before { content: "\f045"; } .type_4 .header-top-right ul.top-link > li:hover > a { color: #ea3a3c; } .type_4 .header-top-right ul.top-link > li ul.dropdown-link { position: absolute; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); opacity: 0; padding: 0px 10px; top: 33px; transition: top 0.3s ease 0s, opacity 0.3s ease 0s; width: 200px; z-index: -1; text-align: left; left: 0; } .type_4 .header-top-right ul.top-link > li ul.dropdown-link li { display: block; border-left: 0; } .type_4 .header-top-right ul.top-link > li ul.dropdown-link li a { display: block; padding: 5px 0 4px; border-bottom: solid 1px #efefef; font-size: 11px; line-height: 18px; color: #666; border-right: 0; } .type_4 .header-top-right ul.top-link > li ul.dropdown-link li a:hover { color: #ea3a3c; } .type_4 .header-top-right ul.top-link > li ul.dropdown-link li a:after { display: none; } .type_4 .header-top-right ul.top-link > li ul.dropdown-link li:last-child a { border-bottom: 0; } .type_4 .header-top-right ul.top-link > li.account:hover ul.dropdown-link { top: 34px; z-index: 9999; opacity: 1; border-top: 1px solid rgba(200, 199, 199, 0.3); } .type_4 #sosearchpro.search-pro { margin: 0; width: 100%; padding: 0; } .type_4 #sosearchpro.search-pro .search { border: 1px solid #ddd; background: #fff; } .type_4 #sosearchpro.search-pro .select_category { width: 120px; border: 0; position: relative; display: table-cell; vertical-align: top; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; background: white; } .type_4 #sosearchpro.search-pro .select_category select { height: 30px; line-height: 28px; width: 100%; padding: 0 15px 0 26px; border: none; float: left; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .type_4 #sosearchpro.search-pro .select_category:after { top: 0px; content: "\f0d7"; background: transparent; font-family: FontAwesome; position: absolute; height: 100%; text-align: center; line-height: 30px; width: 20px; color: #444; right: 10px; left: auto; } .type_4 #sosearchpro.search-pro .autosearch-input { border: 0; height: 32px; background: #fff; box-shadow: none; border-left: 1px solid #ddd; } .type_4 #sosearchpro.search-pro .button-search { background: transparent; border: 0; font-size: 16px; height: 30px; padding: 0 8px; border-radius: 0; } .type_4 #sosearchpro.search-pro .button-search i { color: #ea3a3c; font-size: 16px; } .type_4 #sosearchpro.search-pro .button-search:hover i { color: #da1719; } .type_4 .shopping_cart { position: relative; background: #ea3a3c; } .type_4 .shopping_cart:after { content: ""; position: absolute; top: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 15px solid #ea3a3c; left: -15px; } .type_4 .shopping_cart .handle { background: url("../image/theme/icons/icon_minicart.png") no-repeat; background-position: 5px 11px; height: 34px; width: 28px; } .type_4 .shopping_cart h2 { display: none; color: #444444; font-size: 12px; margin: 0; font-weight: bold; } .type_4 .shopping_cart .btn-shopping-cart { height: 40px; line-height: 40px; display: block; font-size: 13px; cursor: pointer; padding: 0 10px; } .type_4 .shopping_cart .btn-shopping-cart a.top_cart { color: #fff; } .type_4 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart-mobi { color: #ea3a3c; } .type_4 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart { padding: 0px; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: bold; float: left; margin: 0; } .type_4 .shopping_cart .btn-shopping-cart .total-shopping-cart { background-color: #da1719; font-size: 12px; line-height: 26px; text-align: center; width: 26px; height: 26px; border-radius: 3px; display: inline-block; float: right; margin: 7px 5px 0 10px; overflow: hidden; } .type_4 .shopping_cart .dropdown-menu { margin: 5px 0; top: 40px; right: 0; left: auto; } .type_4 .shopping_cart .shoppingcart-box:before { right: 50px; } .type_4 .megamenu-style-dev .navbar-default { background: transparent; } .type_4 .megamenu-style-dev .horizontal ul.megamenu > li.active > a, .type_4 .megamenu-style-dev .horizontal ul.megamenu > li.home > a, .type_4 .megamenu-style-dev .horizontal ul.megamenu > li:hover > a { background: #666; } .type_4 .megamenu-style-dev .horizontal ul.megamenu > li > a { color: #fff; font-size: 13px; height: auto; padding: 6px 15px; line-height: 28px; text-transform: uppercase; text-shadow: none; font-weight: bold; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .type_4 .megamenu-style-dev .horizontal ul.megamenu > li > a strong { font-weight: bold; } .type_4 .megamenu-style-dev .horizontal ul.megamenu > li { margin: 0; border-right: solid 1px #555; } .type_5 { /*HEADER SEARCH*/ /*MENU MEGA*/ } .type_5 .header-top { height: 36px; background-color: #ea3a3c; } .type_5 .header-top .header-top-left { overflow: hidden; height: 36px; } .type_5 .header-top .header-top-left .welcome-msg { margin-top: 5px; height: 24px; overflow: hidden; } .type_5 .header-top .header-top-left .welcome-msg .label-msg { margin: 0; display: inline-block; position: relative; color: #fff; background: #ef686a; padding: 0 10px; border-radius: 2px; line-height: 20px; } .type_5 .header-top .header-top-left .welcome-msg a { display: inline-block; margin: 0; padding: 0 6px; color: #fff; } .type_5 .header-top .header-top-left .welcome-msg .list-msg .label-msg, .type_5 .header-top .header-top-left .welcome-msg .list-msg a { font-size: 12px; } .type_5 .header-top .header-top-right { text-align: right; } .type_5 .header-center { padding: 20px 0 44px; background: #eee; } @media (min-width: 1200px) { .type_5 .header-center .navbar-logo { position: relative; top: -1px; } } .type_5 .header-center .phone-contact { margin-top: 6px; background: url("../image/theme/icons/hot-line-icon.png") no-repeat left top; float: right; text-align: left; padding-left: 48px; } .type_5 .header-center .phone-contact h2 { font-weight: bold; margin-bottom: 2px; font-size: 100%; color: #444; margin: 0; text-transform: uppercase; } .type_5 .header-center .phone-contact p { margin: 0; } .type_5 .header-bottom { margin-bottom: 0; background: transparent; min-height: auto; } .type_5 .header-bottom .header-bottom-inner { display: inline-block; background: #444; border-radius: 5px; margin-top: -23px; } .type_5 .header-bottom .header-bottom-inner .header-bottom-menu { padding: 0; } .type_5.navbar-compact .header-top { display: none; } .type_5.navbar-compact .header-bottom { display: none; } .type_5.navbar-compact .header-center { padding: 10px 0; } .type_5.navbar-compact .header-center .navbar-logo { top: 2px; } .type_5 #main-content, .type_5 #content { margin-bottom: 30px; } .type_5 .header-top-right { display: inline-block; } .type_5 .header-top-right ul.top-link { list-style: none; margin: 0; } .type_5 .header-top-right ul.top-link > li { padding: 0; display: inline-block; position: relative; vertical-align: top; list-style: outside none none; } .type_5 .header-top-right ul.top-link > li.currencies-block .dropdown-menu { right: 0; left: auto; } .type_5 .header-top-right ul.top-link > li > a { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #fff; font-size: 12px; } .type_5 .header-top-right ul.top-link > li > a:before { font-family: 'FontAwesome'; margin-right: 7px; } .type_5 .header-top-right ul.top-link > li > a span.fa-angle-down { position: relative; left: 5px; } .type_5 .header-top-right ul.top-link > li a.btn { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #fff; font-size: 12px; } .type_5 .header-top-right ul.top-link > li a.btn:hover { color: #fff; } .type_5 .header-top-right ul.top-link > li.account > a:before { content: "\f007"; } .type_5 .header-top-right ul.top-link > li.wishlist a:before { content: "\f004"; } .type_5 .header-top-right ul.top-link > li.checkout a:before { content: "\f045"; } .type_5 .header-top-right ul.top-link > li:hover > a { color: #fff; } .type_5 .header-top-right ul.top-link > li ul.dropdown-link { position: absolute; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); opacity: 0; padding: 0px 10px; top: 33px; transition: top 0.3s ease 0s, opacity 0.3s ease 0s; width: 200px; z-index: -1; text-align: left; left: 0; } .type_5 .header-top-right ul.top-link > li ul.dropdown-link li { display: block; border-left: 0; } .type_5 .header-top-right ul.top-link > li ul.dropdown-link li a { display: block; padding: 5px 0 4px; border-bottom: solid 1px #efefef; font-size: 11px; line-height: 18px; color: #666; border-right: 0; } .type_5 .header-top-right ul.top-link > li ul.dropdown-link li a:hover { color: #fff; } .type_5 .header-top-right ul.top-link > li ul.dropdown-link li a:after { display: none; } .type_5 .header-top-right ul.top-link > li ul.dropdown-link li:last-child a { border-bottom: 0; } .type_5 .header-top-right ul.top-link > li.account:hover ul.dropdown-link { top: 34px; z-index: 9999; opacity: 1; border-top: 1px solid rgba(200, 199, 199, 0.3); } .type_5 #sosearchpro.search-pro { margin: 8px 0 0; width: 100%; padding: 0; } .type_5 #sosearchpro.search-pro .search { border: 1px solid #ddd; background: #fff; } .type_5 #sosearchpro.search-pro .select_category { width: 120px; border: 0; position: relative; display: table-cell; vertical-align: top; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; background: white; } .type_5 #sosearchpro.search-pro .select_category select { height: 30px; line-height: 28px; width: 100%; padding: 0 15px 0 26px; border: none; float: left; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .type_5 #sosearchpro.search-pro .select_category:after { top: 0px; content: "\f0d7"; background: transparent; font-family: FontAwesome; position: absolute; height: 100%; text-align: center; line-height: 30px; width: 20px; color: #444; right: 10px; left: auto; } .type_5 #sosearchpro.search-pro .autosearch-input { border: 0; height: 32px; background: #fff; box-shadow: none; border-left: 1px solid #ddd; } .type_5 #sosearchpro.search-pro .button-search { background: transparent; border: 0; font-size: 16px; height: 30px; padding: 0 8px; border-radius: 0; } .type_5 #sosearchpro.search-pro .button-search i { color: #ea3a3c; font-size: 16px; } .type_5 #sosearchpro.search-pro .button-search:hover i { color: #da1719; } .type_5 .block-cart { float: right; height: 40px; background: url("../image/theme/icons/icon-cart-header-5.png") no-repeat; background-position: left center; margin-top: 0; line-height: 21px; padding-left: 45px; margin-right: 19px; } .type_5 .shopping_cart { float: left !important; position: relative; top: 4px; border-right: 1px solid #ccc; padding-right: 20px; } .type_5 .shopping_cart .text-shopping-cart { display: none; } .type_5 .shopping_cart .text-shopping-cart-home5 { display: block !important; } .type_5 .shopping_cart h2 { display: none; color: #444444; font-size: 12px; margin: 0; font-weight: bold; } .type_5 .shopping_cart .shopcart { position: relative; } .type_5 .shopping_cart .btn-shopping-cart { cursor: pointer; } .type_5 .shopping_cart .btn-shopping-cart a.top_cart { color: #fff; } .type_5 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart-mobi { color: #ea3a3c; } .type_5 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart-home5 { padding: 0px; color: #444; font-size: 12px; text-transform: uppercase; font-weight: bold; float: left; margin: 0; } .type_5 .shopping_cart .btn-shopping-cart .total-shopping-cart { padding: 0px; color: #666; font-size: 12px; font-weight: normal; text-transform: lowercase; margin: 0; display: block; line-height: 100%; clear: both; } .type_5 .shopping_cart .dropdown-menu { top: 40px; right: 0; left: auto; } .type_5 .shopping_cart .shoppingcart-box:before { right: 50px; } .type_5 .megamenu-style-dev .navbar-default { background: transparent; } .type_5 .megamenu-style-dev .horizontal ul.megamenu > li:first-child > a { border-radius: 5px 0px 0px 5px; } .type_5 .megamenu-style-dev .horizontal ul.megamenu > li.active > a, .type_5 .megamenu-style-dev .horizontal ul.megamenu > li.home > a, .type_5 .megamenu-style-dev .horizontal ul.megamenu > li:hover > a { background: #474e58; } .type_5 .megamenu-style-dev .horizontal ul.megamenu > li > a { color: #fff; font-size: 13px; height: auto; padding: 11px 15px; line-height: 28px; text-transform: uppercase; text-shadow: none; font-weight: bold; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .type_5 .megamenu-style-dev .horizontal ul.megamenu > li > a strong { font-weight: bold; } .type_5 .megamenu-style-dev .horizontal ul.megamenu > li { margin: 0; } .type_6 { /*HEADER SEARCH*/ /*BLOCK CART*/ /*MENU MEGA*/ } .type_6 .header-top { height: 36px; background-color: #ddd; border-bottom: 1px solid #ddd; } .type_6 .header-top .header-top-left { overflow: hidden; height: 36px; } .type_6 .header-top .header-top-left .welcome-msg { margin-top: 5px; height: 24px; overflow: hidden; } .type_6 .header-top .header-top-left .welcome-msg .label-msg { margin: 0; display: inline-block; position: relative; color: #fff; background: #e67e22; padding: 0 10px; border-radius: 2px; line-height: 20px; } .type_6 .header-top .header-top-left .welcome-msg a { display: inline-block; margin: 0; padding: 0 6px; color: #666; } .type_6 .header-top .header-top-left .welcome-msg .list-msg .label-msg, .type_6 .header-top .header-top-left .welcome-msg .list-msg a { font-size: 12px; } .type_6 .header-top .header-top-right { text-align: right; } .type_6 .header-center { padding: 24px 0 20px; background: #eee; } @media (min-width: 1200px) { .type_6 .header-center .navbar-logo { position: relative; top: -5px; } } .type_6 .header-center.center .header-center-right { margin-top: 16px; } .type_6 .header-center.left .header-center-right { text-align: right; float: right; margin-top: 4px; } .type_6 .header-bottom { background: #eee; height: 45px; margin-bottom: 0; } .type_6 .header-bottom .container .header-bottom-inner { display: inline-block; background: #222; width: 100%; } .type_6 .header-bottom .container .header-bottom-inner .header-bottom-left { padding-right: 20px; } .type_6 .header-bottom .container .header-bottom-inner .header-bottom-right { padding-left: 10px; } .type_6 .header-bottom .container .header-bottom-inner .header_search { padding: 0; margin-top: 7px; } @media (min-width: 1200px) { .type_6 .header-bottom .container .header-bottom-inner .header_search { width: 70%; } } .type_6 .header-bottom .container .header-bottom-inner .header_custom_link { float: right; padding-right: 15px; } .type_6 .header-bottom .container .header-bottom-inner .header_custom_link ul li a { line-height: 45px; color: #fff; text-transform: uppercase; padding: 0 18px 0 0; font-weight: bold; } .type_6 .header-bottom .container .header-bottom-inner .header_custom_link ul li a i { font-size: 15px; margin-right: 5px; } .type_6 .header-bottom .container .header-bottom-inner .header_custom_link ul li a:hover { color: #ea3a3c; } .type_6.navbar-compact .header-top { display: none; } .type_6.navbar-compact .header-bottom { display: none; } .type_6.navbar-compact .header-center { padding: 15px 0 5px; } .type_6 #main-content, .type_6 #content { margin-bottom: 30px; } .type_6 .header-top-right { display: inline-block; } .type_6 .header-top-right ul.top-link { list-style: none; margin: 0; vertical-align: top; } .type_6 .header-top-right ul.top-link > li { padding: 0; display: inline-block; position: relative; list-style: outside none none; border-left: 1px solid #ddd; } .type_6 .header-top-right ul.top-link > li > a { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #666; font-size: 12px; } .type_6 .header-top-right ul.top-link > li > a:before { font-family: 'FontAwesome'; margin-right: 7px; } .type_6 .header-top-right ul.top-link > li > a span.fa-angle-down { position: relative; left: 5px; } .type_6 .header-top-right ul.top-link > li a.btn { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #666; font-size: 12px; } .type_6 .header-top-right ul.top-link > li a.btn:hover { color: #ea3a3c; } .type_6 .header-top-right ul.top-link > li.account > a:before { content: "\f007"; } .type_6 .header-top-right ul.top-link > li.wishlist a:before { content: "\f004"; } .type_6 .header-top-right ul.top-link > li.checkout a:before { content: "\f045"; } .type_6 .header-top-right ul.top-link > li:hover > a { color: #ea3a3c; } .type_6 .header-top-right ul.top-link > li.currencies-block .dropdown-menu { right: 0; left: auto; } .type_6 .header-top-right ul.top-link > li ul.dropdown-link { position: absolute; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); opacity: 0; padding: 0px 10px; top: 33px; transition: top 0.3s ease 0s, opacity 0.3s ease 0s; width: 200px; z-index: -1; text-align: left; left: 0; } .type_6 .header-top-right ul.top-link > li ul.dropdown-link li { display: block; border-left: 0; } .type_6 .header-top-right ul.top-link > li ul.dropdown-link li a { display: block; padding: 5px 0 4px; border-bottom: solid 1px #efefef; font-size: 11px; line-height: 18px; color: #666; border-right: 0; } .type_6 .header-top-right ul.top-link > li ul.dropdown-link li a:hover { color: #ea3a3c; } .type_6 .header-top-right ul.top-link > li ul.dropdown-link li a:after { display: none; } .type_6 .header-top-right ul.top-link > li ul.dropdown-link li:last-child a { border-bottom: 0; } .type_6 .header-top-right ul.top-link > li.account:hover ul.dropdown-link { top: 34px; z-index: 9999; opacity: 1; border-top: 1px solid rgba(200, 199, 199, 0.3); } .type_6 #sosearchpro.search-pro { margin: 0; width: 100%; padding: 0; } .type_6 #sosearchpro.search-pro .search { border: 1px solid #ddd; background: #fff; } .type_6 #sosearchpro.search-pro .select_category { width: 120px; border: 0; cursor: pointer; cursor: pointer; } .type_6 #sosearchpro.search-pro .select_category select { height: 30px; line-height: 28px; padding-right: 26px; } .type_6 #sosearchpro.search-pro .select_category:after { top: 0px; content: "\f0d7"; background: transparent; font-family: FontAwesome; position: absolute; height: 100%; text-align: center; line-height: 30px; width: 20px; color: #444; right: 10px; left: auto; } .type_6 #sosearchpro.search-pro .autosearch-input { border: 0; height: 30px; background: #fff; border-left: 1px solid #ddd; } .type_6 #sosearchpro.search-pro .button-search { background: transparent; border: 0; font-size: 16px; height: 30px; padding: 0 8px; border-radius: 0; } .type_6 #sosearchpro.search-pro .button-search i { color: #ea3a3c; font-size: 16px; } .type_6 #sosearchpro.search-pro .button-search:hover i { color: #da1719; } .type_6 .block-cart { float: right; position: relative; padding-left: 25px; } .type_6 .block-cart:before { content: ""; height: 100%; width: 1px; background: #555; position: absolute; left: 1px; } .type_6 .block-cart:after { content: ""; height: 100%; width: 1px; background: #333; position: absolute; left: 0; } .type_6 .shopping_cart { background: url("../image/theme/icons/icon_minicart.png") no-repeat; background-position: left 12px; height: 45px; line-height: 45px; padding-left: 30px; padding-right: 15px; } .type_6 .shopping_cart h2 { display: none; color: #444444; font-size: 12px; margin: 0; font-weight: bold; } .type_6 .shopping_cart .btn-shopping-cart { display: block; font-size: 13px; font-weight: bold; text-transform: uppercase; cursor: pointer; width: auto; padding: 0; } .type_6 .shopping_cart .btn-shopping-cart a.top_cart { padding-right: 20px; color: #fff; } .type_6 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart-mobi { color: #ea3a3c; } .type_6 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart { padding: 0px; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: bold; float: left; margin: 0; } .type_6 .shopping_cart .btn-shopping-cart a.top_cart:after { content: "\f107"; font-family: fontawesome; font-size: 15px; position: absolute; right: 0; top: 0; } .type_6 .shopping_cart .btn-shopping-cart a.top_cart:hover { color: #ea3a3c; } .type_6 .shopping_cart .btn-shopping-cart a.top_cart:hover .shopcart .text-shopping-cart { color: #ea3a3c; } .type_6 .shopping_cart .btn-shopping-cart .total-shopping-cart { display: none; } .type_6 .shopping_cart .dropdown-menu { top: 40px; right: 0; left: auto; } .type_6 .shopping_cart .shoppingcart-box:before { right: 50px; } .type_6 .megamenu-style-dev .navbar-default { background: transparent; } .type_6 .megamenu-style-dev .horizontal ul.megamenu > li.active > a, .type_6 .megamenu-style-dev .horizontal ul.megamenu > li.home > a, .type_6 .megamenu-style-dev .horizontal ul.megamenu > li:hover > a { background: #222; color: #fff; border-radius: 3px; } .type_6 .megamenu-style-dev .horizontal ul.megamenu > li > a { color: #222; font-size: 13px; height: auto; padding: 0 15px; line-height: 28px; text-transform: uppercase; text-shadow: none; font-weight: bold; } .type_6 .megamenu-style-dev .horizontal ul.megamenu > li > a strong { font-weight: bold; } .type_6 #sosearchpro .select_category { position: relative; display: table-cell; vertical-align: top; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; background: white; } .type_6 #sosearchpro .select_category select { width: 100%; padding: 0 15px; border: none; float: left; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .type_7 { /*HEADER SEARCH*/ /*MENU MEGA*/ } .type_7 .header-top { height: 36px; background-color: #eee; border-bottom: 1px solid #ddd; } .type_7 .header-top .header-top-left { overflow: hidden; height: 36px; } .type_7 .header-top .header-top-left .welcome-msg { margin-top: 5px; height: 24px; overflow: hidden; } .type_7 .header-top .header-top-left .welcome-msg .label-msg { margin: 0; display: inline-block; position: relative; color: #fff; background: #e67e22; padding: 0 10px; border-radius: 2px; line-height: 20px; } .type_7 .header-top .header-top-left .welcome-msg a { display: inline-block; margin: 0; padding: 0 6px; color: #666; } .type_7 .header-top .header-top-left .welcome-msg .list-msg .label-msg, .type_7 .header-top .header-top-left .welcome-msg .list-msg a { font-size: 12px; } .type_7 .header-top .header-top-right { text-align: right; } .type_7 .header-center { padding: 20px 0 18px; background: #eee; } .type_7 .header-center .phone-contact { margin-top: 6px; background: url("../image/theme/icons/hot-line-icon.png") no-repeat left top; float: right; text-align: left; padding-left: 48px; } .type_7 .header-center .phone-contact h2 { font-weight: bold; margin-bottom: 2px; font-size: 100%; color: #444; margin: 0; text-transform: uppercase; } .type_7 .header-center .phone-contact p { margin: 0; } .type_7 .header-bottom { background: #ea3a3c; min-height: 42px; } .type_7 .header-bottom .header-bottom-inner .header_search, .type_7 .header-bottom .header-bottom-inner .header-bottom-menu { padding: 0; } .type_7.navbar-compact .header-top { display: none; } .type_7.navbar-compact .header-bottom { display: none; } .type_7.navbar-compact .header-center { padding: 10px 0; } .type_7 #main-content, .type_7 #content { margin-bottom: 30px; } .type_7 .header-top-right { display: inline-block; } .type_7 .header-top-right ul.top-link { list-style: none; margin: 0; } .type_7 .header-top-right ul.top-link > li { padding: 0; display: inline-block; position: relative; vertical-align: top; list-style: outside none none; border-left: 1px solid #ddd; } .type_7 .header-top-right ul.top-link > li.currencies-block { border-right: 1px solid #ddd; } .type_7 .header-top-right ul.top-link > li.currencies-block .dropdown-menu { right: 0; left: auto; } .type_7 .header-top-right ul.top-link > li > a { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #666; font-size: 12px; } .type_7 .header-top-right ul.top-link > li > a:before { font-family: 'FontAwesome'; margin-right: 7px; } .type_7 .header-top-right ul.top-link > li > a span.fa-angle-down { position: relative; left: 5px; } .type_7 .header-top-right ul.top-link > li a.btn { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #666; font-size: 12px; } .type_7 .header-top-right ul.top-link > li a.btn:hover { color: #ea3a3c; } .type_7 .header-top-right ul.top-link > li.account > a:before { content: "\f007"; } .type_7 .header-top-right ul.top-link > li.wishlist a:before { content: "\f004"; } .type_7 .header-top-right ul.top-link > li.checkout a:before { content: "\f045"; } .type_7 .header-top-right ul.top-link > li:hover > a { color: #ea3a3c; } .type_7 .header-top-right ul.top-link > li ul.dropdown-link { position: absolute; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); opacity: 0; padding: 0px 10px; top: 33px; transition: top 0.3s ease 0s, opacity 0.3s ease 0s; width: 200px; z-index: -1; text-align: left; left: 0; } .type_7 .header-top-right ul.top-link > li ul.dropdown-link li { display: block; border-left: 0; } .type_7 .header-top-right ul.top-link > li ul.dropdown-link li a { display: block; padding: 5px 0 4px; border-bottom: solid 1px #efefef; font-size: 11px; line-height: 18px; color: #666; border-right: 0; } .type_7 .header-top-right ul.top-link > li ul.dropdown-link li a:hover { color: #fff; } .type_7 .header-top-right ul.top-link > li ul.dropdown-link li a:after { display: none; } .type_7 .header-top-right ul.top-link > li ul.dropdown-link li:last-child a { border-bottom: 0; } .type_7 .header-top-right ul.top-link > li.account:hover ul.dropdown-link { top: 34px; z-index: 9999; opacity: 1; border-top: 1px solid rgba(200, 199, 199, 0.3); } .type_7 #sosearchpro.search-pro { margin: 4px 0 0; width: 100%; padding: 0; } .type_7 #sosearchpro.search-pro .search { border: 1px solid #ddd; background: #fff; } .type_7 #sosearchpro.search-pro .select_category { width: 120px; background: #eee; border: 0; position: relative; display: table-cell; vertical-align: top; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; background: white; } .type_7 #sosearchpro.search-pro .select_category select { height: 30px; line-height: 28px; width: 100%; padding: 0 15px 0 26px; border: none; float: left; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .type_7 #sosearchpro.search-pro .select_category:after { top: 0px; content: "\f0d7"; background: transparent; font-family: FontAwesome; position: absolute; height: 100%; text-align: center; line-height: 30px; width: 20px; color: #444; right: 10px; left: auto; } .type_7 #sosearchpro.search-pro .autosearch-input { border: 0; height: 32px; background: #fff; box-shadow: none; border-left: 1px solid #ddd; } .type_7 #sosearchpro.search-pro .button-search { background: transparent; border: 0; font-size: 16px; height: 30px; padding: 0 8px; border-radius: 0; } .type_7 #sosearchpro.search-pro .button-search i { color: #ea3a3c; font-size: 16px; } .type_7 #sosearchpro.search-pro .button-search:hover i { color: #da1719; } .type_7 .block-cart { float: right; background-image: linear-gradient(#fe2254, #e81f4d); border-radius: 3px; margin-left: 20px; } .type_7 .shopping_cart { position: relative; } .type_7 .shopping_cart .handle { background: url("../image/theme/icons/icon_minicart.png") no-repeat; background-position: 5px 10px; height: 34px; width: 28px; } .type_7 .shopping_cart h2 { display: none; color: #444444; font-size: 12px; margin: 0; font-weight: bold; } .type_7 .shopping_cart .btn-shopping-cart { height: 40px; line-height: 40px; display: block; font-size: 12px; font-weight: normal; cursor: pointer; padding: 0 17px; } .type_7 .shopping_cart .btn-shopping-cart a.top_cart { color: #fff; } .type_7 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart-mobi { color: #ea3a3c; } .type_7 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart { display: none; } .type_7 .shopping_cart .dropdown-menu { margin: 5px 0; top: 40px; right: 0; left: auto; } .type_7 .shopping_cart .shoppingcart-box:before { right: 50px; } .type_7 .megamenu-style-dev .navbar-default { background: transparent; } .type_7 .megamenu-style-dev .horizontal ul.megamenu > li.active > a, .type_7 .megamenu-style-dev .horizontal ul.megamenu > li.home > a, .type_7 .megamenu-style-dev .horizontal ul.megamenu > li:hover > a { background: #da1719; border-radius: 0; } .type_7 .megamenu-style-dev .horizontal ul.megamenu > li > a { color: #fff; font-size: 13px; height: auto; padding: 7px 15px; line-height: 28px; text-transform: uppercase; text-shadow: none; font-weight: bold; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .type_7 .megamenu-style-dev .horizontal ul.megamenu > li > a strong { font-weight: bold; } .type_7 .megamenu-style-dev .horizontal ul.megamenu > li { margin: 0; } .type_7 .megamenu-style-dev .horizontal ul.megamenu > li.buy_color { display: none; } .type_8 { /*MENU MEGA*/ } .type_8 .header-top { height: 36px; background-color: #444; } .type_8 .header-top .header-top-left { overflow: hidden; height: 36px; } .type_8 .header-top .header-top-left .welcome-msg { margin-top: 6px; height: 24px; overflow: hidden; } .type_8 .header-top .header-top-left .welcome-msg .label-msg { margin: 0; display: inline-block; position: relative; color: #fff; font-weight: normal; background: #e67e22; padding: 0 10px; border-radius: 2px; line-height: 20px; } .type_8 .header-top .header-top-left .welcome-msg a { display: inline-block; margin: 0; padding: 0 6px; color: #bababa; } .type_8 .header-top .header-top-left .welcome-msg .list-msg .label-msg, .type_8 .header-top .header-top-left .welcome-msg .list-msg a { font-size: 12px; } .type_8 .header-top .header-top-right { text-align: right; } .type_8 .header-center { padding: 39px 0 31px; background: url("../image/theme/icons/bg-header.jpg") repeat top left; } .type_8 .header-center .phone-contact { margin-top: 6px; background: url("../image/theme/icons/hot-line-icon-2.png") no-repeat left top; float: left; text-align: left; padding-left: 30px; } .type_8 .header-center .phone-contact h2 { font-weight: bold; margin-bottom: 2px; font-size: 100%; margin: 0; color: #666; text-transform: uppercase; display: inline-block; } .type_8 .header-center .phone-contact p { margin: 0; display: inline-block; } .type_8 .header-center .navbar-logo { text-align: center; } .type_8 .header-bottom { text-align: center; background: url("../image/theme/icons/bg-header.jpg") repeat bottom left; box-shadow: 0 4px 2px -2px rgba(192, 192, 192, 0.6); position: relative; } .type_8 .header-bottom .header-bottom-inner .header_search, .type_8 .header-bottom .header-bottom-inner .header-bottom-menu { padding: 0; } .type_8.navbar-compact .header-top { display: none; } .type_8.navbar-compact .header-bottom { display: none; } .type_8.navbar-compact .header-center { padding: 10px 0; } .type_8 #main-content, .type_8 #content { margin-bottom: 30px; } .type_8 .header-top-right { display: inline-block; } .type_8 .header-top-right ul.top-link { list-style: none; margin: 0; vertical-align: top; } .type_8 .header-top-right ul.top-link > li { padding: 0; display: inline-block; position: relative; list-style: outside none none; border-left: 1px solid rgba(255, 255, 255, 0.1); } .type_8 .header-top-right ul.top-link > li.currency { border-right: 1px solid rgba(255, 255, 255, 0.1); } .type_8 .header-top-right ul.top-link > li > a { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #bababa; font-size: 12px; } .type_8 .header-top-right ul.top-link > li > a:before { font-family: 'FontAwesome'; margin-right: 7px; } .type_8 .header-top-right ul.top-link > li > a span.fa-angle-down { position: relative; left: 5px; } .type_8 .header-top-right ul.top-link > li a.btn { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #bababa; font-size: 12px; } .type_8 .header-top-right ul.top-link > li a.btn:hover { color: #ea3a3c; } .type_8 .header-top-right ul.top-link > li.account > a:before { content: "\f007"; } .type_8 .header-top-right ul.top-link > li.wishlist a:before { content: "\f004"; } .type_8 .header-top-right ul.top-link > li.checkout a:before { content: "\f045"; } .type_8 .header-top-right ul.top-link > li:hover > a { color: #ea3a3c; } .type_8 .header-top-right ul.top-link > li ul.dropdown-link { position: absolute; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); opacity: 0; padding: 0px 10px; top: 33px; transition: top 0.3s ease 0s, opacity 0.3s ease 0s; width: 200px; z-index: -1; text-align: left; left: 0; } .type_8 .header-top-right ul.top-link > li ul.dropdown-link li { display: block; border-left: 0; } .type_8 .header-top-right ul.top-link > li ul.dropdown-link li a { display: block; padding: 5px 0 4px; border-bottom: solid 1px #efefef; font-size: 11px; line-height: 18px; color: #666; border-right: 0; } .type_8 .header-top-right ul.top-link > li ul.dropdown-link li a:hover { color: #ea3a3c; } .type_8 .header-top-right ul.top-link > li ul.dropdown-link li a:after { display: none; } .type_8 .header-top-right ul.top-link > li ul.dropdown-link li:last-child a { border-bottom: 0; } .type_8 .header-top-right ul.top-link > li.account:hover ul.dropdown-link { top: 34px; z-index: 9999; opacity: 1; border-top: 1px solid rgba(200, 199, 199, 0.3); } .type_8 .header-top-right ul.top-link > li .btn-group .btn-link { color: #bababa; } .type_8 #sosearchpro.so-search { margin: 0; width: 100%; padding: 0; } .type_8 #sosearchpro.so-search.open .dropdown-menu { opacity: 1 !important; top: 100%; } .type_8 #sosearchpro.so-search .bt-search { border: none; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; background: #ea3a3c; } .type_8 #sosearchpro.so-search .search.input-group { position: relative; width: 250px; } @media (min-width: 991px) { .type_8 #sosearchpro.so-search .search.input-group { width: 400px; } } .type_8 #sosearchpro.so-search .select_category { width: 120px; border-width: 0 1px 0 1px; border-style: solid; border-color: #ddd; display: inline-block; position: absolute; height: 35px; padding: 0; right: 40px; } .type_8 #sosearchpro.so-search .select_category select { height: 35px; line-height: 35px; padding: 0 15px; border: none; float: left; width: 100%; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .type_8 #sosearchpro.so-search .select_category select:focus { border: 0; } .type_8 #sosearchpro.so-search .select_category select:after { display: none; } .type_8 #sosearchpro.so-search .autosearch-input { border: 0; height: 35px; line-height: 35px; width: 240px; background: transparent; padding-left: 20px; } .type_8 #sosearchpro.so-search .button-search { background: transparent; border: 0; font-size: 16px; height: 35px; padding: 0; min-width: 40px; position: relative; } .type_8 #sosearchpro.so-search .button-search i { color: #ea3a3c; font-size: 16px; } .type_8 #sosearchpro.so-search .button-search:hover i { color: #da1719; } .type_8 #sosearchpro.so-search .input-group-btn { position: absolute; white-space: nowrap; display: inline-block; top: 0; display: block; right: 35px; } .type_8 #sosearchpro.so-search .dropdown-menu-search { padding: 0; margin: 0; overflow: visible; background: #fff; border: 4px solid #ccc; display: block; opacity: 0; width: auto; top: 140%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; right: 0; left: auto; } .type_8 #sosearchpro.so-search .dropdown-menu-search .dropdown-menu { width: 400px; top: 40px !important; } .type_8 #sosearchpro.so-search .dropdown-menu-search .media:hover { background: #fdfbfb; } .type_8 #sosearchpro.so-search .dropdown-menu-search .media-left { height: 70px; margin: 6px 10px; width: 70px; } .type_8 #sosearchpro.so-search .dropdown-menu-search .media-body a { font-size: 14px; font-weight: bold; float: none; color: #666; } .type_8 #sosearchpro.so-search .dropdown-menu-search .media-body a:hover { color: #ea3a3c; } .type_8 #sosearchpro.so-search .dropdown-menu-search .media-body .price span.price { font-size: 14px; } .type_8 #sosearchpro.so-search .icon-select:after { content: "\f0d7"; background-color: transparent; position: absolute; line-height: 30px; font-family: "FontAwesome"; width: 20px; top: 2px; right: 10px; color: #444; } .type_8 .shopping_cart .btn-shopping-cart { display: block; font-size: 13px; cursor: pointer; width: auto; padding: 0; } .type_8 .shopping_cart .btn-shopping-cart .shopcart { width: 35px; height: 35px; line-height: 35px; position: relative; background: #ea3a3c; display: inline-block; text-align: center; margin-left: 15px; } .type_8 .shopping_cart .btn-shopping-cart .text-shopping-cart-home5, .type_8 .shopping_cart .btn-shopping-cart .text-shopping-cart { display: none; } .type_8 .shopping_cart .btn-shopping-cart a.top_cart { color: #fff; } .type_8 .shopping_cart .btn-shopping-cart a.top_cart .text-shopping-cart-mobi { display: block !important; } .type_8 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart-mobi { color: #fff; } .type_8 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart-mobi i { font-size: 14px; } .type_8 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .total-shopping-cart { position: absolute; padding: 0px; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: bold; margin: 0; width: 22px; height: 22px; text-align: center; background: #e67e22; line-height: 22px; border-radius: 100%; top: -11px; overflow: hidden; right: -11px; } .type_8 .shopping_cart .btn-shopping-cart a.top_cart:hover { color: #ea3a3c; } .type_8 .shopping_cart .dropdown-menu { margin: 5px 0; top: 40px; right: 0; left: auto; } .type_8 .shopping_cart .shoppingcart-box:before { right: 5px; } .type_8 .megamenu-style-dev { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 12px 0; } .type_8 .megamenu-style-dev .navbar-default { background: transparent; } .type_8 .megamenu-style-dev .horizontal ul.megamenu > li.active > a, .type_8 .megamenu-style-dev .horizontal ul.megamenu > li.home > a, .type_8 .megamenu-style-dev .horizontal ul.megamenu > li:hover > a { background: #222; color: #fff; border-radius: 3px; } .type_8 .megamenu-style-dev .horizontal ul.megamenu > li > a { color: #222; font-size: 13px; height: auto; padding: 0px 15px; line-height: 28px; text-transform: uppercase; text-shadow: none; font-weight: bold; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .type_8 .megamenu-style-dev .horizontal ul.megamenu > li > a strong { font-weight: bold; } .type_8 .megamenu-style-dev .horizontal ul.megamenu > li { margin: 0; float: none; display: inline-block; text-align: left; } .type_8 .megamenu-style-dev .horizontal ul.megamenu > li.buy_color { display: none; } .type_9 { /*MENU MEGA*/ } .type_9 .module.custom-promotion { margin: 0; } .type_9 .module.custom-promotion .hidden-promotion .promotion-content { overflow: hidden; height: 0; } .type_9 .module.custom-promotion .close-promotion { width: 36px; height: 36px; position: absolute; z-index: 14; top: 0; right: 0; background-color: #ffd741; color: #fff; text-align: center; transition: 0.1s; -moz-transition: 0.1s; -webkit-transition: 0.1s; } .type_9 .module.custom-promotion .close-promotion:hover { background-color: #ea3a3c; } .type_9 .module.custom-promotion .close-promotion:before { content: '\f106'; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-variant: normal; font-synthesis: weight style; font-stretch: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-feature-settings: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; font-size: 26px; position: relative; top: 3px; } .type_9 .module.custom-promotion .hidden-promotion .close-promotion:before { content: '\f107'; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-variant: normal; font-synthesis: weight style; font-stretch: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-feature-settings: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; font-size: 26px; top: 5px; } .type_9 .header-top { height: 37px; background-color: #fff; border-bottom: 1px solid #ddd; } .type_9 .header-top .header-top-left { overflow: hidden; height: 36px; } .type_9 .header-top .header-top-left .welcome-msg { margin-top: 6px; height: 24px; overflow: hidden; } .type_9 .header-top .header-top-left .welcome-msg .label-msg { margin: 0; display: inline-block; position: relative; color: #fff; font-weight: normal; background: #e67e22; padding: 0 10px; border-radius: 2px; line-height: 20px; } .type_9 .header-top .header-top-left .welcome-msg a { display: inline-block; margin: 0; padding: 0 6px; color: #444; } .type_9 .header-top .header-top-left .welcome-msg .list-msg .label-msg, .type_9 .header-top .header-top-left .welcome-msg .list-msg a { font-size: 12px; } .type_9 .header-top .header-top-right { text-align: right; } .type_9 .header-center { padding: 39px 0 31px; background: #fff; } .type_9 .header-center .phone-contact { margin-top: 6px; background: url("../image/theme/icons/hot-line-icon-2.png") no-repeat left top; float: left; text-align: left; padding-left: 30px; } .type_9 .header-center .phone-contact h2 { font-weight: bold; margin-bottom: 2px; font-size: 100%; margin: 0; color: #666; text-transform: uppercase; display: inline-block; } .type_9 .header-center .phone-contact p { margin: 0; display: inline-block; } .type_9 .header-center .navbar-logo { text-align: center; } .type_9 .header-bottom { text-align: center; background: #fff; position: relative; } .type_9 .header-bottom .header-bottom-inner .header_search, .type_9 .header-bottom .header-bottom-inner .header-bottom-menu { padding: 0; } .type_9.navbar-compact .custom-promotion, .type_9.navbar-compact .header-top { display: none; } .type_9.navbar-compact .header-bottom { display: none; } .type_9.navbar-compact .header-center { padding: 10px 0; } .type_9 #main-content, .type_9 #content { margin-bottom: 30px; } .type_9 .header-top-right { display: inline-block; } .type_9 .header-top-right ul.top-link { list-style: none; margin: 0; vertical-align: top; } .type_9 .header-top-right ul.top-link > li { padding: 0; display: inline-block; position: relative; list-style: outside none none; border-left: 1px solid #ddd; } .type_9 .header-top-right ul.top-link > li.currency { border-right: 1px solid #ddd; } .type_9 .header-top-right ul.top-link > li > a { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #444; font-size: 12px; } .type_9 .header-top-right ul.top-link > li > a:before { font-family: 'FontAwesome'; margin-right: 7px; } .type_9 .header-top-right ul.top-link > li > a span.fa-angle-down { position: relative; left: 5px; } .type_9 .header-top-right ul.top-link > li a.btn { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #444; font-size: 12px; } .type_9 .header-top-right ul.top-link > li a.btn:hover { color: #ea3a3c; } .type_9 .header-top-right ul.top-link > li.account > a:before { content: "\f007"; } .type_9 .header-top-right ul.top-link > li.wishlist a:before { content: "\f004"; } .type_9 .header-top-right ul.top-link > li.checkout a:before { content: "\f045"; } .type_9 .header-top-right ul.top-link > li:hover > a { color: #ea3a3c; } .type_9 .header-top-right ul.top-link > li ul.dropdown-link { position: absolute; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); opacity: 0; padding: 0px 10px; top: 33px; transition: top 0.3s ease 0s, opacity 0.3s ease 0s; width: 200px; z-index: -1; text-align: left; left: 0; } .type_9 .header-top-right ul.top-link > li ul.dropdown-link li { display: block; border-left: 0; } .type_9 .header-top-right ul.top-link > li ul.dropdown-link li a { display: block; padding: 5px 0 4px; border-bottom: solid 1px #efefef; font-size: 11px; line-height: 18px; color: #666; border-right: 0; } .type_9 .header-top-right ul.top-link > li ul.dropdown-link li a:hover { color: #ea3a3c; } .type_9 .header-top-right ul.top-link > li ul.dropdown-link li a:after { display: none; } .type_9 .header-top-right ul.top-link > li ul.dropdown-link li:last-child a { border-bottom: 0; } .type_9 .header-top-right ul.top-link > li.account:hover ul.dropdown-link { top: 34px; z-index: 9999; opacity: 1; border-top: 1px solid rgba(200, 199, 199, 0.3); } .type_9 .header-top-right ul.top-link > li .btn-group .btn-link { color: #444; } .type_9 #sosearchpro.so-search { margin: 0; width: 100%; padding: 0; } .type_9 #sosearchpro.so-search.open .dropdown-menu { opacity: 1 !important; top: 100%; } .type_9 #sosearchpro.so-search .bt-search { border: none; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; background: #ea3a3c; } .type_9 #sosearchpro.so-search .search.input-group { position: relative; width: 250px; } @media (min-width: 991px) { .type_9 #sosearchpro.so-search .search.input-group { width: 400px; } } .type_9 #sosearchpro.so-search .select_category { width: 120px; border-width: 0 1px 0 1px; border-style: solid; border-color: #ddd; display: inline-block; position: absolute; height: 35px; padding: 0; right: 40px; } .type_9 #sosearchpro.so-search .select_category select { height: 35px; line-height: 35px; padding: 0 15px; border: none; float: left; width: 100%; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .type_9 #sosearchpro.so-search .select_category select:focus { border: 0; } .type_9 #sosearchpro.so-search .select_category select:after { display: none; } .type_9 #sosearchpro.so-search .autosearch-input { border: 0; height: 35px; line-height: 35px; width: 240px; background: transparent; padding-left: 20px; } .type_9 #sosearchpro.so-search .button-search { background: transparent; border: 0; font-size: 16px; height: 35px; padding: 0; min-width: 40px; position: relative; } .type_9 #sosearchpro.so-search .button-search i { color: #ea3a3c; font-size: 16px; } .type_9 #sosearchpro.so-search .button-search:hover i { color: #da1719; } .type_9 #sosearchpro.so-search .input-group-btn { position: absolute; white-space: nowrap; display: inline-block; top: 0; display: block; right: 35px; } .type_9 #sosearchpro.so-search .dropdown-menu-search { padding: 0; margin: 0; overflow: visible; background: #fff; border: 4px solid #ccc; display: block; opacity: 0; width: auto; top: 140%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; right: 0; left: auto; } .type_9 #sosearchpro.so-search .dropdown-menu-search .dropdown-menu { width: 400px; top: 40px !important; } .type_9 #sosearchpro.so-search .dropdown-menu-search .media:hover { background: #fdfbfb; } .type_9 #sosearchpro.so-search .dropdown-menu-search .media-left { height: 70px; margin: 6px 10px; width: 70px; } .type_9 #sosearchpro.so-search .dropdown-menu-search .media-body a { font-size: 14px; font-weight: bold; float: none; color: #666; } .type_9 #sosearchpro.so-search .dropdown-menu-search .media-body a:hover { color: #ea3a3c; } .type_9 #sosearchpro.so-search .dropdown-menu-search .media-body .price span.price { font-size: 14px; } .type_9 #sosearchpro.so-search .icon-select:after { content: "\f0d7"; background-color: transparent; position: absolute; line-height: 30px; font-family: "FontAwesome"; width: 20px; top: 2px; right: 10px; color: #444; } .type_9 .shopping_cart .btn-shopping-cart { display: block; font-size: 13px; cursor: pointer; width: auto; padding: 0; } .type_9 .shopping_cart .btn-shopping-cart .shopcart { width: 35px; height: 35px; line-height: 35px; position: relative; background: #ea3a3c; display: inline-block; text-align: center; margin-left: 15px; } .type_9 .shopping_cart .btn-shopping-cart .text-shopping-cart-home5, .type_9 .shopping_cart .btn-shopping-cart .text-shopping-cart { display: none; } .type_9 .shopping_cart .btn-shopping-cart a.top_cart { color: #fff; } .type_9 .shopping_cart .btn-shopping-cart a.top_cart .text-shopping-cart-mobi { display: block !important; } .type_9 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart-mobi { color: #fff; } .type_9 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart-mobi i { font-size: 14px; } .type_9 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .total-shopping-cart { position: absolute; padding: 0px; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: bold; margin: 0; width: 22px; height: 22px; text-align: center; background: #e67e22; line-height: 22px; border-radius: 100%; top: -11px; overflow: hidden; right: -11px; } .type_9 .shopping_cart .btn-shopping-cart a.top_cart:hover { color: #ea3a3c; } .type_9 .shopping_cart .dropdown-menu { margin: 5px 0; top: 40px; right: 0; left: auto; } .type_9 .shopping_cart .shoppingcart-box:before { right: 5px; } .type_9 .megamenu-style-dev { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 12px 0; } .type_9 .megamenu-style-dev .navbar-default { background: transparent; } .type_9 .megamenu-style-dev .horizontal ul.megamenu > li.active > a, .type_9 .megamenu-style-dev .horizontal ul.megamenu > li.home > a, .type_9 .megamenu-style-dev .horizontal ul.megamenu > li:hover > a { background: #222; color: #fff; border-radius: 3px; } .type_9 .megamenu-style-dev .horizontal ul.megamenu > li > a { color: #222; font-size: 13px; height: auto; padding: 0px 15px; line-height: 28px; text-transform: uppercase; text-shadow: none; font-weight: bold; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .type_9 .megamenu-style-dev .horizontal ul.megamenu > li > a strong { font-weight: bold; } .type_9 .megamenu-style-dev .horizontal ul.megamenu > li { margin: 0; float: none; display: inline-block; text-align: left; } .type_9 .megamenu-style-dev .horizontal ul.megamenu > li.buy_color { display: none; } .type_10 { /*HEADER SEARCH*/ /*MENU MEGA*/ } .type_10 .header-top { height: 36px; background-color: #4f5053; border-bottom: none; font-size: 11px; } .type_10 .header-top .header-top-left ul.top-link { list-style: none; margin: 0; } .type_10 .header-top .header-top-left ul.top-link > li { padding: 0; display: inline-block; position: relative; vertical-align: top; list-style: outside none none; } .type_10 .header-top .header-top-left ul.top-link > li.languages-block a.btn { padding-left: 0; } .type_10 .header-top .header-top-left ul.top-link > li.languages-block .dropdown-menu { right: 0; left: auto; } .type_10 .header-top .header-top-left ul.top-link > li.languages-block img { position: relative; top: -1px; } .type_10 .header-top .header-top-left ul.top-link > li > a { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #ccc; font-size: 11px; text-transform: uppercase; } .type_10 .header-top .header-top-left ul.top-link > li > a:before { font-family: 'FontAwesome'; margin-right: 7px; } .type_10 .header-top .header-top-left ul.top-link > li > a span.fa-angle-down { position: relative; left: 5px; } .type_10 .header-top .header-top-left ul.top-link > li a.btn { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #ccc; font-size: 11px; text-transform: uppercase; } .type_10 .header-top .header-top-left ul.top-link > li a.btn:hover { color: #ea3a3c; } .type_10 .header-top .header-top-left ul.top-link > li:hover > a { color: #ea3a3c; } .type_10 .header-top .header-top-left ul.top-link > li ul.dropdown-link { position: absolute; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); opacity: 0; padding: 0px 10px; top: 33px; transition: top 0.3s ease 0s, opacity 0.3s ease 0s; width: 200px; z-index: -1; text-align: left; left: 0; } .type_10 .header-top .header-top-left ul.top-link > li ul.dropdown-link li { display: block; border-left: 0; } .type_10 .header-top .header-top-left ul.top-link > li ul.dropdown-link li a { display: block; padding: 5px 0 4px; border-bottom: solid 1px #efefef; font-size: 11px; line-height: 18px; color: #666; border-right: 0; } .type_10 .header-top .header-top-left ul.top-link > li ul.dropdown-link li a:hover { color: #fff; } .type_10 .header-top .header-top-left ul.top-link > li ul.dropdown-link li a:after { display: none; } .type_10 .header-top .header-top-left ul.top-link > li ul.dropdown-link li:last-child a { border-bottom: 0; } .type_10 .header-top .header-top-left ul.top-link > li.account:hover ul.dropdown-link { top: 34px; z-index: 9999; opacity: 1; border-top: 1px solid rgba(200, 199, 199, 0.3); } .type_10 .header-top .header-top-right { text-align: right; } .type_10 .header-center { padding: 25px 0; background: #eee; } @media (min-width: 1200px) { .type_10 .header-center .navbar-logo { position: relative; top: 5px; } } .type_10 .header-center .phone-contact { margin-top: 2px; background: url("../image/theme/icons/hot-line-icon.png") no-repeat left top; width: 18%; float: left; text-align: left; padding-left: 48px; } .type_10 .header-center .phone-contact h2 { font-weight: bold; margin-bottom: 2px; font-size: 100%; color: #444; margin: 0; text-transform: uppercase; } .type_10 .header-center .phone-contact p { margin: 0; } .type_10 .header-bottom { background: #ea3a3c; min-height: 42px; } .type_10 .header-bottom .header-bottom-inner .header_search, .type_10 .header-bottom .header-bottom-inner .header-bottom-menu { padding: 0; } .type_10 .header-bottom .header-bottom-inner .header-bottom-menu-vertical { padding-left: 0; } .type_10.navbar-compact .custom-promotion, .type_10.navbar-compact .header-top { display: none; } .type_10.navbar-compact .header-bottom { display: none; } .type_10.navbar-compact .header-center { padding: 10px 0; } .type_10 #main-content, .type_10 #content { margin-bottom: 30px; } .type_10 .header-top-right { display: inline-block; } .type_10 .header-top-right ul.top-link { list-style: none; margin: 0; } .type_10 .header-top-right ul.top-link > li { padding: 0; display: inline-block; position: relative; vertical-align: top; list-style: outside none none; } .type_10 .header-top-right ul.top-link > li.currencies-block .dropdown-menu { right: 0; left: auto; } .type_10 .header-top-right ul.top-link > li > a { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #ccc; font-size: 11px; text-transform: uppercase; } .type_10 .header-top-right ul.top-link > li > a:before { font-family: 'FontAwesome'; margin-right: 7px; } .type_10 .header-top-right ul.top-link > li > a span.fa-angle-down { position: relative; left: 5px; } .type_10 .header-top-right ul.top-link > li a.btn { display: block; padding: 0 13px; position: relative; height: 36px; line-height: 36px; color: #ccc; font-size: 11px; text-transform: uppercase; } .type_10 .header-top-right ul.top-link > li a.btn:hover { color: #ea3a3c; } .type_10 .header-top-right ul.top-link > li.account > a:before { content: "\f007"; } .type_10 .header-top-right ul.top-link > li.wishlist a:before { content: "\f08a"; } .type_10 .header-top-right ul.top-link > li.checkout a:before { content: "\f045"; } .type_10 .header-top-right ul.top-link > li.compare a:before { content: "\f012"; } .type_10 .header-top-right ul.top-link > li:hover > a { color: #ea3a3c; } .type_10 .header-top-right ul.top-link > li ul.dropdown-link { position: absolute; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); opacity: 0; padding: 0px 10px; top: 33px; transition: top 0.3s ease 0s, opacity 0.3s ease 0s; width: 200px; z-index: -1; text-align: left; left: 0; } .type_10 .header-top-right ul.top-link > li ul.dropdown-link li { display: block; border-left: 0; } .type_10 .header-top-right ul.top-link > li ul.dropdown-link li a { display: block; padding: 5px 0 4px; border-bottom: solid 1px #efefef; font-size: 11px; line-height: 18px; color: #666; border-right: 0; } .type_10 .header-top-right ul.top-link > li ul.dropdown-link li a:hover { color: #fff; } .type_10 .header-top-right ul.top-link > li ul.dropdown-link li a:after { display: none; } .type_10 .header-top-right ul.top-link > li ul.dropdown-link li:last-child a { border-bottom: 0; } .type_10 .header-top-right ul.top-link > li.account:hover ul.dropdown-link { top: 34px; z-index: 9999; opacity: 1; border-top: 1px solid rgba(200, 199, 199, 0.3); } .type_10 .header_search { width: 82%; float: left; padding-right: 40px; } .type_10 #sosearchpro.search-pro { width: 100%; padding: 0; } .type_10 #sosearchpro.search-pro .search { border: 1px solid #ddd; background: #fff; border-radius: 20px; } .type_10 #sosearchpro.search-pro .select_category { width: 150px; background: transparent; border: 0; position: relative; display: table-cell; vertical-align: top; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .type_10 #sosearchpro.search-pro .select_category select { height: 30px; line-height: 28px; width: 100%; padding: 0 15px 0 26px; border: none; float: left; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .type_10 #sosearchpro.search-pro .select_category:after { top: 0px; content: "\f0d7"; background: transparent; font-family: FontAwesome; position: absolute; height: 100%; text-align: center; line-height: 30px; width: 20px; color: #444; right: 10px; left: auto; } .type_10 #sosearchpro.search-pro .autosearch-input { border: 0; height: 32px; background: #fff; box-shadow: none; border-left: 1px solid #ddd; } .type_10 #sosearchpro.search-pro .button-search { background: transparent; border: 0; font-size: 16px; height: 30px; padding: 0 8px; border-radius: 0; } .type_10 #sosearchpro.search-pro .button-search i { color: #ea3a3c; font-size: 16px; } .type_10 #sosearchpro.search-pro .button-search:hover i { color: #da1719; } .type_10 .block-cart { margin-right: -15px; } .type_10 .shopping_cart { position: relative; } .type_10 .shopping_cart .handle { background: url("../image/theme/icons/icon_minicart.png") no-repeat; background-position: 5px 7px; height: 34px; width: 28px; } .type_10 .shopping_cart h2 { display: none; color: #444444; font-size: 12px; margin: 0; font-weight: bold; } .type_10 .shopping_cart .btn-shopping-cart { height: 36px; line-height: 36px; display: block; font-size: 11px; font-weight: normal; cursor: pointer; text-transform: uppercase; padding: 0 17px; color: #ccc; background: #67696c; text-transform: uppercase; margin-left: 10px; } .type_10 .shopping_cart .btn-shopping-cart a.top_cart { color: #fff; } .type_10 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart-mobi { color: #ea3a3c; } .type_10 .shopping_cart .btn-shopping-cart a.top_cart .shopcart .text-shopping-cart { display: none; } .type_10 .shopping_cart .total-shopping-cart { height: 18px; line-height: 20px; background: #fc7070; color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-size: 11px; display: inline-block; vertical-align: top; margin: 0; min-width: 18px; overflow: hidden; padding: 0 3px; text-align: center; white-space: normal; position: absolute; top: 8px; left: -25px; } .type_10 .shopping_cart .dropdown-menu { color: #444; top: 36px; min-width: 300px !important; right: 0; left: auto; } .type_10 .shopping_cart .shoppingcart-box:before { right: 50px; } .type_10 .megamenu-style-dev .navbar-default { background: transparent; } .type_10 .megamenu-style-dev .horizontal ul.megamenu > li.active > a, .type_10 .megamenu-style-dev .horizontal ul.megamenu > li.home > a, .type_10 .megamenu-style-dev .horizontal ul.megamenu > li:hover > a { background: #da1719; border-radius: 0; } .type_10 .megamenu-style-dev .horizontal ul.megamenu > li > a { color: #fff; font-size: 13px; height: auto; padding: 8px 15px; line-height: 28px; text-transform: uppercase; text-shadow: none; font-weight: bold; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .type_10 .megamenu-style-dev .horizontal ul.megamenu > li > a strong { font-weight: bold; } .type_10 .megamenu-style-dev .horizontal ul.megamenu > li { margin: 0; } .type_10 .megamenu-style-dev .horizontal ul.megamenu > li.buy_color { display: none; } /* +----------------------------------------------------+ TABLE OF CONTENTS +----------------------------------------------------+ [1] BLOCK LAYOUT HOME */ /*[1] BLOCK LAYOUT HOME*/ .common-home .so-spotlight2 { margin-top: 38px; } .common-home .banner-sn-1 { margin-top: 40px; } .common-home .module { margin-bottom: 40px; } .common-home #content { margin-bottom: 40px; } #yt_header_right .first-block { margin-bottom: 15px; } #yt_header_right .two-block { padding: 0; } #yt_header_right .three-block { padding-right: 0; padding-left: 10px; } #yt_header_right .four-block { padding: 0; } @media (min-width: 1200px) { #yt_header_right { padding-left: 10px; } } .common-home .header-bottom { margin-bottom: 25px; } #collections_block h3.modtitle { display: block; padding-top: 0; margin-bottom: 20px; } #collections_block ul { margin: 5px -5px; display: table; } #collections_block ul li { padding: 0 5px; font-size: 14px; color: #666666; text-align: center; width: 200px; text-transform: uppercase; display: table-cell; } #collections_block ul li .color_co { background-color: #EEEEEE; background-position: center; overflow: hidden; border-color: white; border: 1px solid white; } #collections_block ul li .color_co a { float: left; font-weight: bold; width: 100%; height: 126px; text-decoration: none; line-height: 22px; padding: 10px; color: #999; border-bottom: 3px solid #ea3a3c; background-position: center center; background-repeat: no-repeat; } #collections_block ul li .color_co:hover { border-color: #ea3a3c; background: transparent; } #collections_block ul li.collection_0 a { background-image: url("../image/theme/icons/collections-1-1.html"); } #collections_block ul li.collection_1 a { background-image: url("../image/theme/icons/collections-2-1.html"); } #collections_block ul li.collection_2 a { background-image: url("../image/theme/icons/collections-3-1.html"); } #collections_block ul li.collection_3 a { background-image: url("../image/theme/icons/collections-4-1.html"); } #collections_block ul li.collection_4 a { background-image: url("../image/theme/icons/collections-5-1.html"); } #collections_block ul li.collection_5 a { background-image: url("../image/theme/icons/collections-6-1.html"); } @media (min-width: 1200px) { .left_column .so-vertical-menu .vertical-wrapper { position: static; } } /* +----------------------------------------------------+ TABLE OF CONTENTS +----------------------------------------------------+ [1] BLOCK SLIDER [2] BLOCK BANNER-1 HOME PAGE [3] BLOCK DEALS [4] BLOCK SERVICES [5] BLOCK LASTET BLOG [6] BLOCK OUR BRAND [7] BLOCK TESTIMONEL [8] BLOCK SUPPERCATEGORY */ /*[1] BLOCK SLIDER*/ #so-slideshow .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; } #so-slideshow .owl2-controls .owl2-nav div.owl2-prev { left: 0px; background: #444 url("../image/theme/icons/arrow-slider-left.png") no-repeat center; border: none; } #so-slideshow .owl2-controls .owl2-nav div.owl2-prev:hover { background-color: #ea3a3c; } #so-slideshow .owl2-controls .owl2-nav div.owl2-prev:before, #so-slideshow .owl2-controls .owl2-nav div.owl2-prev:after { display: none; } #so-slideshow .owl2-controls .owl2-nav div.owl2-next { right: 0px; background: #444 url("../image/theme/icons/arrow-slider-right.png") no-repeat center; border: none; } #so-slideshow .owl2-controls .owl2-nav div.owl2-next:hover { background-color: #ea3a3c; } #so-slideshow .owl2-controls .owl2-nav div.owl2-next:before, #so-slideshow .owl2-controls .owl2-nav div.owl2-next:after { display: none; } #so-slideshow .owl2-dots { position: absolute; bottom: 8px; width: 100%; text-align: center; } #so-slideshow .owl2-dots .owl2-dot { display: inline-block; } #so-slideshow .owl2-dots .owl2-dot span { width: 10px; height: 10px; background-color: #b4b4b4; border: 1px solid transparent; margin: 0 2px; opacity: 1; display: block; border-radius: 50%; -webkit-border-radius: 50%; } #so-slideshow .owl2-dots .owl2-dot.active span, #so-slideshow .owl2-dots .owl2-dot:hover span { background-color: #ea3a3c; border: 1px solid #fff; } #so-slideshow .owl2-item.active .sohomeslider-description .image { 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; } #so-slideshow .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; } #so-slideshow .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; } #so-slideshow .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; } #so-slideshow .sohomeslider-description { position: static; padding: 0; } #so-slideshow .sohomeslider-description p { width: 100%; color: #fff; font-size: 14px; padding: 0; padding: 0; margin: 0; } #so-slideshow .sohomeslider-description .image { position: absolute; width: auto; opacity: 0; top: 50px; } #so-slideshow .sohomeslider-description .image.pos-right { right: 70px; } #so-slideshow .sohomeslider-description .image.pos-left { left: 70px; } #so-slideshow .sohomeslider-description .image.image-sl12 { left: 35px; } #so-slideshow .sohomeslider-description .text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #so-slideshow .sohomeslider-description .text h3.tilte, #so-slideshow .sohomeslider-description .text h4, #so-slideshow .sohomeslider-description .text .des { opacity: 0; } #so-slideshow .sohomeslider-description .text.pos-right { right: 70px; } #so-slideshow .sohomeslider-description .text.pos-left { left: 70px; } #so-slideshow .sohomeslider-description .text .modtitle-sl11 { font-size: 55px; font-weight: bold; color: #fff; } #so-slideshow .sohomeslider-description .text.text-sl11 { top: 75%; text-align: center; } #so-slideshow .sohomeslider-description .text.text-sl12 { text-transform: uppercase; } #so-slideshow .sohomeslider-description .text.text-sl12 h3.tilte { font-size: 30px; color: #444; font-weight: 700; margin: 0; } #so-slideshow .sohomeslider-description .text.text-sl12 h4 { font-size: 84px; color: #ea3a3c; font-weight: 700; margin: 0; } #so-slideshow .sohomeslider-description .text.text-sl12 .des { font-size: 27px; color: #444; } #so-slideshow .sohomeslider-description .text.text-sl13 h3.tilte { font-size: 26px; font-weight: 700; color: #fff; } #so-slideshow .sohomeslider-description .text.text-sl13 h4 { font-size: 80px; font-weight: 700; color: #ea3a3c; } /************************************************************************************************ HTML BANNER-1 HOME PAGE *************************************************************************************************/ .banner-sn-1 { display: block; overflow: hidden; width: 100%; } .banner-sn-1 .img-1 { float: left; } /************************************************************************************************ MODULE DEALS *************************************************************************************************/ .module.so-deals { clear: both; position: relative; margin: 0; } @media (min-width: 1200px) { .module.so-deals { min-height: 400px; } } .module.so-deals div.products-list .product-layout .product-item-container { margin: 0; } .module.so-deals div.products-list .product-layout .product-item-container .button-group button.wishlist { margin: 0; } .module.so-deals div.products-list .product-layout .product-item-container .right-block { width: 100%; margin-top: 5px; } .module.so-deals div.products-list .product-layout .product-item-container .right-block .caption { margin: 0; } .module.so-deals div.products-list .product-layout .product-item-container .right-block .caption .rating { display: inline-block; width: 100%; margin: 5px 0 0; } .module.so-deals div.products-list .product-layout .product-item-container .right-block .caption .price { margin: 0; } .module.so-deals div.products-list .product-layout .product-item-container .button-group { margin: 0; position: relative; z-index: 9; } .module.so-deals div.products-list .product-layout .product-item-container .item-time { position: inherit; float: left; width: 100%; bottom: 0; padding-top: 10px; left: 0; right: 0; } .module.so-deals div.products-list .product-layout .product-item-container .item-time .item-timer .time-item { padding: 1px 0; background: #999; border: none; width: 23.5%; display: inline-block; text-align: center; margin-right: 2px; } .module.so-deals div.products-list .product-layout .product-item-container .item-time .item-timer .time-item .num-time { font-size: 14px; color: #fff; margin: 0; border: none; height: 18px; line-height: 20px; font-weight: bold; } .module.so-deals div.products-list .product-layout .product-item-container .item-time .item-timer .time-item .name-time { font-size: 10px; color: #fff; margin: 0; height: 20px; line-height: 20px; text-transform: uppercase; } .module.so-deals div.products-list .product-layout .product-item-container:hover .item-time .item-timer .time-item { background-color: #ea3a3c; } .module.so-deals .so-deal { margin: 0; } .module.so-deals .so-deal .extraslider-inner { border: 0; margin-top: 20px; padding-bottom: 4px; overflow: visible; } .module.so-deals .so-deal .owl2-controls { margin: 0; } .module.so-deals .so-deal .owl2-nav div { display: inline-block; width: 36px; height: 36px; background-color: #fff; background-position: center center; overflow: hidden; font-family: FontAwesome; font-size: 0; color: #c0c0c0; opacity: 1; text-align: center; position: absolute; top: inherit; bottom: 43%; margin-top: -85px; z-index: 501; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: pointer; background-color: #fff; border: 1px solid #ddd; transition: all 0.3s ease 0s; transform: scale(0); } .module.so-deals .so-deal .owl2-nav div.owl2-prev { left: -17px; } .module.so-deals .so-deal .owl2-nav div.owl2-prev:before { content: "\f104"; line-height: 35px; padding: 10px; font-size: 28px; } .module.so-deals .so-deal .owl2-nav div.owl2-next { right: -17px; } .module.so-deals .so-deal .owl2-nav div.owl2-next:before { content: "\f105"; line-height: 35px; padding: 10px; font-size: 28px; } .module.so-deals .so-deal .owl2-nav div:hover { background-color: #ea3a3c; border-color: #ea3a3c; color: #fff; } .module.so-deals .so-deal:hover .owl2-nav div { transform: scale(1); } /************************************************************************************************ MODULE SUPER CATEGORIES *************************************************************************************************/ .module.cus-style-supper-cate { position: relative; margin-top: -4px; margin-bottom: 40px; } @media (min-width: 1200px) { .module.cus-style-supper-cate { min-height: 615px; } } .module.cus-style-supper-cate.supper1 h3.modtitle .line-color { background: #009688; } .module.cus-style-supper-cate.supper1 h3.modtitle span.icon-color { background: #009688; } .module.cus-style-supper-cate.supper1 h3.modtitle span.icon-color .arow-after { border-color: transparent transparent #009688 transparent; } .module.cus-style-supper-cate.supper2 h3.modtitle .line-color { background: #fe5621; } .module.cus-style-supper-cate.supper2 h3.modtitle span.icon-color { background: #fe5621; } .module.cus-style-supper-cate.supper2 h3.modtitle span.icon-color .arow-after { border-color: transparent transparent #fe5621 transparent; } .module.cus-style-supper-cate.supper3 h3.modtitle .line-color { background: #4bae4f; } .module.cus-style-supper-cate.supper3 h3.modtitle span.icon-color { background: #4bae4f; } .module.cus-style-supper-cate.supper3 h3.modtitle span.icon-color .arow-after { border-color: transparent transparent #4bae4f transparent; } .module.cus-style-supper-cate .spcat-items-container .product-thumb .image { padding: 0 7px; } .module.cus-style-supper-cate h3.modtitle { background: transparent; position: relative; border-bottom: none; margin: 0 0 30px; /*span, &:before{z-index: 2;}*/ } .module.cus-style-supper-cate h3.modtitle span.icon-color { padding: 1px 10px 0; } .module.cus-style-supper-cate h3.modtitle span.icon-color i { font-size: 22px; position: relative; top: 2px; margin: 0 5px 0 0; } .module.cus-style-supper-cate h3.modtitle span.icon-color:before { display: none; } .module.cus-style-supper-cate h3.modtitle span.icon-color .arow-after { content: ""; border-color: transparent transparent #ea3a3c transparent; border-style: solid; border-width: 0 20px 40px 0; top: 0; width: 0; height: 0; position: absolute; display: inline-block; right: -20px; } .module.cus-style-supper-cate h3.modtitle .line-color { position: absolute; height: 3px; width: 100%; background: #ea3a3c; bottom: -3px; left: 0; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .module.cus-style-supper-cate h3.modtitle { white-space: nowrap; } } .module.cus-style-supper-cate .so-sp-cat .spcat-tabs-container { position: static; } .module.cus-style-supper-cate .so-sp-cat .spcat-tabs-container .spcat-tabs { position: absolute; top: 5px; text-align: right; z-index: 1; width: 100%; padding: 7px 0; border-bottom: none; border: none; right: 0; } .module.cus-style-supper-cate .so-sp-cat .spcat-tabs-container .spcat-tabs li { padding: 0 10px; float: none; display: inline-block; line-height: 8px; } .module.cus-style-supper-cate .so-sp-cat .spcat-tabs-container .spcat-tabs li span { font-size: 13px; color: #777; text-transform: capitalize; font-weight: normal; line-height: normal; } .module.cus-style-supper-cate .so-sp-cat .spcat-tabs-container .spcat-tabs li span:before { display: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .module.cus-style-supper-cate .so-sp-cat .spcat-tabs-container .spcat-tabs li span { white-space: nowrap; } } .module.cus-style-supper-cate .so-sp-cat .spcat-tabs-container .spcat-tabs li:last-child { border: none; } .module.cus-style-supper-cate .so-sp-cat .spcat-tabs-container .spcat-tabs li.tab-sel, .module.cus-style-supper-cate .so-sp-cat .spcat-tabs-container .spcat-tabs li:hover { background: none; } .module.cus-style-supper-cate .so-sp-cat .spcat-tabs-container .spcat-tabs li.tab-sel span, .module.cus-style-supper-cate .so-sp-cat .spcat-tabs-container .spcat-tabs li:hover span { color: #ea3a3c; } .module.cus-style-supper-cate .spcat-wrap { padding: 0; } .module.cus-style-supper-cate .main-left { width: 16.36%; float: left; } .module.cus-style-supper-cate .main-left .banner-post-text a { display: block; clear: both; position: relative; } .module.cus-style-supper-cate .main-left .hot-category .category-wrap-cat { padding: 0; } .module.cus-style-supper-cate .main-left .hot-category .category-wrap-cat .title-imageslider { font-size: 16px; color: #222; font-weight: bold; background: #eeeeee; padding: 8px 15px; } .module.cus-style-supper-cate .main-left .hot-category .category-wrap-cat .slider { margin: 0; border: 1px solid #eee; border-top: 0; bottom: 0; padding: 10px 10px 0; min-height: 237px; } .module.cus-style-supper-cate .main-left .hot-category .category-wrap-cat .slider .cat_slider_inner { border: none; } .module.cus-style-supper-cate .main-left .hot-category .category-wrap-cat .slider .cat_slider_inner .item { float: none; display: block; text-align: inherit; margin: 0; } .module.cus-style-supper-cate .main-left .hot-category .category-wrap-cat .slider .cat_slider_inner .item .cat_slider_title { margin: 0; } .module.cus-style-supper-cate .main-left .hot-category .category-wrap-cat .slider .cat_slider_inner .item .cat_slider_title a { color: #444; font-size: 13px; padding: 5px 0; font-weight: 700; } .module.cus-style-supper-cate .main-left .hot-category .category-wrap-cat .slider .cat_slider_inner .item .cat_slider_title a i { margin: 0 5px; } .module.cus-style-supper-cate .main-left .hot-category .category-wrap-cat .slider .cat_slider_inner .item .cat_slider_title a:hover { color: #ea3a3c; } .module.cus-style-supper-cate .main-left .hot-category .category-wrap-cat .slider .cat_slider_inner .item:hover { opacity: 1; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .module.cus-style-supper-cate .main-left .hot-category .category-wrap-cat .slider { min-height: 241px; } } .module.cus-style-supper-cate .main-right { width: 83.64%; float: left; position: relative; } .module.cus-style-supper-cate .main-right .banner-pre-text { width: 80.05%; position: relative; } .module.cus-style-supper-cate .main-right .banner-pre-text a { display: block; clear: both; position: relative; } .module.cus-style-supper-cate .main-right .banner-pre-text .owl2-controls { position: absolute; bottom: 0; padding: 5px; width: 100%; text-align: center; left: 0; } .module.cus-style-supper-cate .main-right .banner-pre-text .owl2-controls .owl2-dots .owl2-dot { height: 10px; width: 10px; margin: 0 3px; border-radius: 10px; background: #dbd3d1; display: inline-block; } .module.cus-style-supper-cate .main-right .banner-pre-text .owl2-controls .owl2-dots .owl2-dot.active { background: #fff; } .module.cus-style-supper-cate .main-right .banner-pre-text .owl2-controls .owl2-dots .owl2-dot:hover { background: #ea3a3c; } .module.cus-style-supper-cate .main-right .spcat-items-container { margin: 0; padding: 0; border: none; } .module.cus-style-supper-cate .main-right .spcat-items-container.show-pre .ltabs-items-inner .ltabs-item { width: 20%; float: left; } .module.cus-style-supper-cate .main-right .spcat-items-container.show-pre .ltabs-items-inner .ltabs-item:nth-child(1) { width: 19.95%; position: absolute; top: 0; right: 0; } .module.cus-style-supper-cate .main-right .spcat-items-container.show-pre .ltabs-items-inner .ltabs-item:nth-child(1) .image { margin: 0 0 10px; } .module.cus-style-supper-cate .main-right .spcat-items-container.show-pre .ltabs-items-inner .ltabs-item:nth-child(1) .product-item-container { border-bottom: none; min-height: 290px; } .module.cus-style-supper-cate .main-right .spcat-items-container .ltabs-items-inner { position: static; } .module.cus-style-supper-cate .main-right .spcat-items-container .ltabs-items-inner .ltabs-item { width: 20%; float: left; } .module.cus-style-supper-cate .main-right .spcat-items-container.products-list.grid .product-layout .product-item-container { position: relative; min-height: 275px; margin: 0; padding: 0; border-width: 1px 1px 1px 0; overflow: hidden; } .module.cus-style-supper-cate .main-right .spcat-items-container.products-list.grid .product-layout .product-item-container .right-block { float: left; margin-top: 0; width: 100%; padding: 0 20px; } .module.cus-style-supper-cate .main-right .spcat-items-container.products-list.grid .product-layout .product-item-container .right-block .caption { padding: 0; } .module.cus-style-supper-cate .main-right .spcat-items-container.products-list.grid .product-layout .product-item-container .right-block .caption h4 { margin-bottom: 10px; } .module.cus-style-supper-cate .main-right .spcat-items-container.products-list.grid .product-layout .product-item-container .right-block .caption a { color: #444; font-weight: normal; } .module.cus-style-supper-cate .main-right .spcat-items-container.products-list.grid .product-layout .product-item-container .right-block .caption .rating { margin: 0 0 5px 0; } .module.cus-style-supper-cate .main-right .spcat-items-container.products-list.grid .product-layout .product-item-container:hover { box-shadow: none; border-color: #eee; } .module.cus-style-supper-cate .main-right .spcat-items-container.products-list.grid .product-layout .product-item-container:hover .right-block .caption h4 a { color: #ea3a3c; } /************************************************************************************************ MODULE LASTET BLOG *************************************************************************************************/ div.so-latest-blog.module { clear: inherit; } div.so-latest-blog.module h3.modtitle { border: 0; margin-bottom: 0; margin-top: 12px; } div.so-latest-blog.module h3.modtitle:before { display: none; } div.so-latest-blog.module h3.modtitle span { background: transparent; color: #222; font-size: 18px; text-transform: uppercase; padding: 0; line-height: inherit; font-weight: bold; } div.so-latest-blog.module h3.modtitle span:before { display: none; } div.so-latest-blog.module .blog-external-simple { margin: 0; } div.so-latest-blog.module .blog-external-simple .media-body { padding: 0; } div.so-latest-blog.module .blog-external-simple .head-button { margin: 0; border: 0; } div.so-latest-blog.module .blog-external-simple .media { margin: 0 0 20px; } div.so-latest-blog.module .blog-external-simple .media .media-date-added { color: #666; width: 70px; height: 70px; float: left; background-color: #eeeeee; font-size: 14px; text-align: center; text-transform: uppercase; padding-top: 12px; margin-right: 20px; } div.so-latest-blog.module .blog-external-simple .media .media-date-added span { font-weight: bold; color: #222; } div.so-latest-blog.module .blog-external-simple .media .item .media-body .media-heading a { color: #444; font-size: 14px; font-weight: bold; } div.so-latest-blog.module .blog-external-simple .media .item .media-body .media-heading a:hover { color: #ea3a3c; } div.so-latest-blog.module .blog-external-simple .media .item .media-body .description { margin-bottom: 0; font-size: 12px; line-height: 19px; overflow: hidden; } div.so-latest-blog.module .blog-external-simple .media:last-child { margin: 0; } /************************************************************************************************ 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:last-child { margin-bottom: 0; } .bestseller .product-layout .image { float: left; border: 1px solid #eee; width: 70px; padding: 10px; margin-right: 20px; } .bestseller .product-layout .image:hover { border-color: #ea3a3c; } .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: #444; } .bestseller .product-layout .caption h4 a:hover { color: #ea3a3c; } .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; } /************************************************************************************************ TESTIMONIAL *************************************************************************************************/ .testimonial .clients_say { position: relative; top: 0; padding: 25px 20px 20px; background-color: #eee; } .testimonial .owl-carousel { background: none; } .testimonial .block-title { position: relative; } .testimonial .block-title h3 { font-size: 18px; font-weight: bold; margin: 0; text-transform: uppercase; margin-bottom: 18px; color: #222; } .testimonial .image { float: left; width: 65px; background-color: #eee; } .testimonial .image img { width: 65px; height: 65px; border-radius: 4px; } .testimonial .image img:hover { opacity: 0.8; } .testimonial .block_content { background-color: #eee; margin: 0; padding: 0; } .testimonial .block-info { font-style: italic; position: relative; top: -4px; background-color: #eee; text-align: left; margin-left: 80px; } .testimonial .block-info .author { padding: 17px 0px 0; font-size: 15px; font-weight: 600; margin-top: -3px; font-style: normal; color: #e74c3c; margin-bottom: 0; } .testimonial .block-info .text { color: #444; } .testimonial .extraslider-inner, .testimonial .item-wrap-inner { overflow: visible; } .testimonial .owl2-controls { position: absolute; top: -40px; right: -3px; } .testimonial .owl2-controls .owl2-dots { display: none !important; } .testimonial .owl2-controls .owl2-nav { float: right; } .testimonial .owl2-controls .owl2-nav div { transform: translateY(0%); width: auto; font-size: 0; font-weight: bold; position: static; padding: 5px; cursor: pointer; display: inline; background: none; } .testimonial .owl2-controls .owl2-nav div.owl2-prev:before { content: "\f104"; font-family: FontAwesome; font-size: 20px; } .testimonial .owl2-controls .owl2-nav div.owl2-next:before { content: "\f105"; font-family: FontAwesome; font-size: 20px; } .testimonial .owl2-controls .owl2-nav div:hover { background-color: transparent; color: #ea3a3c; } /************************************************************************************************ BRAND *************************************************************************************************/ .block-brand { border: 1px solid #ddd; padding: 15px; width: 100%; display: inline-block; } .block-brand .item img:hover { opacity: 0.8; } .block-brand .owl2-carousel .owl2-item img { width: auto; } .block-brand .owl2-nav div { display: inline-block; width: 36px; height: 36px; background-color: #fff; background-position: center center; overflow: hidden; font-family: FontAwesome; font-size: 0; color: #c0c0c0; opacity: 1; text-align: center; position: absolute; top: 50%; margin-top: -18px; z-index: 501; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: pointer; background-color: #fff; border: 1px solid #ddd; transition: all 0.3s ease 0s; } .block-brand .owl2-nav div.owl2-prev { left: -33px; } .block-brand .owl2-nav div.owl2-prev:before { content: "\f104"; line-height: 35px; padding: 10px; font-size: 28px; } .block-brand .owl2-nav div.owl2-next { right: -33px; } .block-brand .owl2-nav div.owl2-next:before { content: "\f105"; line-height: 35px; padding: 10px; font-size: 28px; } .block-brand .owl2-nav div:hover { background-color: #ea3a3c; border-color: #ea3a3c; color: #fff; } /*# sourceMappingURL=theme.css.map */ .mid-bs-head { font-weight: 400; margin: 10px 0; font-size: 24px; font-family: "Segoe UI",Arial,sans-serif; } .view-more { color: red; font-weight: 500; font-size: 16px; } .mid-nav { color: #555; cursor: default; background-color: #d9534f; border: 1px solid #fff; border-radius: 10px 10px 0px 0px; border-bottom-color: transparent; } hr { height: 4px; margin-left: 15px; margin-bottom: -3px; } .hr-danger { background-image: -webkit-linear-gradient(left, rgba(244,67,54,.8), rgba(244,67,54,.6), rgba(0,0,0,0)); } .breadcrumb { background: rgba(245, 245, 245, 0); border: 0px solid rgba(245, 245, 245, 1); border-radius: 25px; display: block; text-transform: uppercase; font-weight: bold; } .breadcrumb > li > a { color: red; } .btn-arrow-right { position: relative; padding-left: 25px; margin-right: 15px; } .scroll-area { height: 250px; position: relative; overflow: auto; } .categories-box-bg { cursor: pointer; } .categories-list ul li a { color: black; } a, .btn-link { color: black; } .errortxt { border-bottom-color: red; }