/******************************************* * Theme Name: Market * Author: Magentech * Author URI: http://www.magentech.com * Version: 1.0.0 * Description: This is html5 Sass template *******************************************/ /* * Scut, a collection of Sass utilities * to ease and improve our implementations of common style-code patterns. * v1.4.0 * Docs at http://davidtheclark.github.io/scut */ /*=============================================== [SASS DIRECTORY ] [1] Minxin Link [2] Minxin Buton [3] Minxin Triangle ==============================================*/ .no-margin { margin: 0 !important; } .marginbottom__3x { margin-bottom: 30px; } @-webkit-keyframes animLoadedLogo { to { -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } } @keyframes animLoadedLogo { to { -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } } @-webkit-keyframes animLoadedLoader { to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } } @keyframes animLoadedLoader { to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } } @-webkit-keyframes animLoadedHeader { to { -webkit-transform: translate3d(0, -100%, 0); } } @keyframes animLoadedHeader { to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-webkit-keyframes animInitialHeader { from { opacity: 0; -webkit-transform: translate3d(0, 800px, 0); } } @keyframes animInitialHeader { from { opacity: 0; -webkit-transform: translate3d(0, 800px, 0); transform: translate3d(0, 800px, 0); } } /******************************************************* 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); } .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: #F4A137; } .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: 40px; } } /* 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) { .navbar-compact { position: fixed; width: 100%; background: #fff; z-index: 900; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .navbar-compact.hidden-menu { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .navbar-compact .compact-hidden { display: none !important; } .navbar-compact .header-center { padding: 20px 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: #F4A137 !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; -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; } .ip-header { position: fixed; top: 0; z-index: 99999; min-height: 480px; width: 100%; height: 100%; background: #ffffff; } .ip-header h1 { margin: 0; } .ip-header .ip-inner { display: block; margin: 0 auto; } .ip-header .ip-logo { position: absolute; top: 40%; text-align: center; } .ip-header .ip-logo a { display: inline-block; } .ip-header .ip-loader svg path { fill: none; stroke-width: 6; } .ip-header .ip-loader svg path.ip-loader-circlebg { stroke: #ddd; } .ip-header .ip-loader svg path.ip-loader-circle { -webkit-transition: stroke-dashoffset 0.2s; transition: stroke-dashoffset 0.2s; stroke: #df1f26; } .ip-logo, .ip-loader { position: absolute; left: 0; width: 100%; opacity: 0; cursor: default; pointer-events: none; } .ip-loader { top: 46%; } .loading .ip-logo, .loading .ip-loader { opacity: 1; -webkit-animation: animInitialHeader 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: animInitialHeader 1s cubic-bezier(0.7, 0, 0.3, 1) both; } .loading .ip-loader { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .loaded .ip-loader { -webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards; animation: animLoadedLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards; } .loaded .ip-header { -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; } .loaded .ip-logo, .loaded .ip-loader { opacity: 1; } .loaded .ip-logo { display: none; } @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 */ .icons-social a { display: inline-block; margin-right: 5px; color: #f82e56; } .icons-social .fa { font-size: 20px; line-height: 40px; vertical-align: top; } .icons-social .icon-circled { display: inline-block; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; border: 1px solid #F4A137; color: #F4A137; vertical-align: top; text-align: center; } .icons-social .icon-color.fa-facebook { background: #3b5998; border-color: #3b5998; color: #fff; } .icons-social a:hover .icon-circled { background: #F4A137; color: #fff; } .icons-social a:hover .icon-color.fa-facebook { background: #4c70ba; } .icons-social .icon-circled { display: inline-block; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; border: 1px solid #F4A137; color: #F4A137; vertical-align: top; text-align: center; } .icons-social .icon-color.fa-twitter { background: #00aced; border-color: #00aced; color: #fff; } .icons-social a:hover .icon-circled { background: #F4A137; color: #fff; } .icons-social a:hover .icon-color.fa-twitter { background: #21c2ff; } .icons-social .icon-circled { display: inline-block; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; border: 1px solid #F4A137; color: #F4A137; vertical-align: top; text-align: center; } .icons-social .icon-color.fa-google-plus { background: #dd4b39; border-color: #dd4b39; color: #fff; } .icons-social a:hover .icon-circled { background: #F4A137; color: #fff; } .icons-social a:hover .icon-color.fa-google-plus { background: #e47365; } .icons-social .icon-circled { display: inline-block; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; border: 1px solid #F4A137; color: #F4A137; vertical-align: top; text-align: center; } .icons-social .icon-color.fa-linkedin { background: #007bb5; border-color: #007bb5; color: #fff; } .icons-social a:hover .icon-circled { background: #F4A137; color: #fff; } .icons-social a:hover .icon-color.fa-linkedin { background: #009ee8; } .icons-social .icon-circled { display: inline-block; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; border: 1px solid #F4A137; color: #F4A137; vertical-align: top; text-align: center; } .icons-social .icon-color.fa-instagram { background: #125688; border-color: #125688; color: #fff; } .icons-social a:hover .icon-circled { background: #F4A137; color: #fff; } .icons-social a:hover .icon-color.fa-instagram { background: #1872b5; } .icons-social .icon-circled { display: inline-block; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; border: 1px solid #F4A137; color: #F4A137; vertical-align: top; text-align: center; } .icons-social .icon-color.fa-youtube { background: #b00; border-color: #b00; color: #fff; } .icons-social a:hover .icon-circled { background: #F4A137; color: #fff; } .icons-social a:hover .icon-color.fa-youtube { background: #ee0000; } .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: #444; } .arrow-list li a:hover { color: #F4A137; } .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: #555555; color: #fff; border-radius: 0; border-color: #555555; } .page-login .bottom-form .btn:hover { background: #F4A137; border-color: #F4A137; color: #fff; } .page-login .bottom-form a { color: #444; } .page-login .bottom-form a:hover { color: #F4A137; } div.required .control-label:before { content: '* '; color: #F00; font-weight: bold; } /******************************************************************* ****** SO Framework: Sass Menu ****** ********************************************************************/ 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 { margin-bottom: 10px; color: #333333; } div.horizontal ul.megamenu .sub-menu .image-link:hover { color: #F4A137; } div.horizontal .image-link .thumbnail { position: relative; overflow: hidden; border-radius: 0; background: #fff; padding: 3px; margin: 0 0 10px; } div.horizontal .image-link .btn { position: absolute; top: -100px; left: calc(50% - 50px); padding: 7px 12px; background: #555555; color: #fff; border-radius: 0; border-color: #555555; background: #F4A137; border-color: #F4A137; -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: #F4A137; border-color: #F4A137; color: #fff; } div.horizontal .image-link .btn:hover { background: #555555; border-color: #555555; } div.horizontal .image-link:hover .thumbnail { border: 1px solid #bcbcbc; background: #ddd; } div.horizontal .image-link:hover .thumbnail img { opacity: 0.8; } div.horizontal .image-link .figcaption { font-size: 12px; text-align: center; text-transform: uppercase; margin-top: 0; } div.horizontal ul.megamenu .label-hot { position: absolute; z-index: 2; top: -10px; right: 0px; } div.horizontal ul.megamenu .sub-menu .content { border-top: 3px solid #F4A137; } div.horizontal ul.megamenu .sub-menu a { color: #444; line-height: 24px; display: block; padding: 3px 0; } div.horizontal ul.megamenu .sub-menu a:hover { color: #F4A137; } @media (min-width: 1200px) { div.horizontal ul.megamenu .megamenu--container { min-width: 1170px; } } 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 #F4A137; } div.so-vertical-menu ul.megamenu > li { border: none; } div.so-vertical-menu ul.megamenu > li a { color: #444; line-height: 24px; } div.so-vertical-menu ul.megamenu > li a:hover { color: #F4A137; } div.so-vertical-menu ul.megamenu > li > a:hover, div.so-vertical-menu ul.megamenu > li.loadmore:hover { background: #F4A137; 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; } div.so-vertical-menu ul.megamenu > li.active > a { background: #F4A137; color: white; } } .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; } #wrapper { overflow: hidden; } @media (min-width: 1360px) { .container-full { clear: both; margin-left: -10%; margin-right: -10%; } } @media (min-width: 1600px) { .container-full { clear: both; margin-left: -40%; margin-right: -40%; } } /************************************************************** 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; } /* +----------------------------------------------------+ 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 { margin-bottom: 30px; } .module h3.modtitle { margin: 0 0 15px; text-transform: capitalize; font-weight: bold; } .titleLine h3.modtitle { /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 16px; /* [8] */ font-size: 1.6rem; /* [8] */ border-bottom: 1px solid #e6e6e6; line-height: 30px; margin: 0 0 10px; text-transform: uppercase; position: relative; } .titleLine h3.modtitle:after { content: ""; width: 120px; height: 1px; background: #F4A137; display: block; position: absolute; bottom: 0; margin-bottom: -1px; } .modLine h3.modtitle { display: table-cell; vertical-align: middle; } .modLine .modcontent { display: table-cell; padding: 0 15px; } .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: #444; } .list-item li a:hover { color: #F4A137; } .menu-category .modcontent { border: 1px solid #e6e6e6; margin-top: 20px; 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: #F4A137; } .menu-category .list-group > li a:hover + .button-view { color: #F4A137; } .menu-category .list-group > li .active, .menu-category .list-group > li .active + .button-view { color: #F4A137; } .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; } .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: #f1f1f1 1px solid; display: block; } .filter-shopby legend, .filter-row legend { border: none; font-size: 13px; margin: 0; text-transform: uppercase; } .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::before, .filter-row .color_btn::before { content: "" !important; padding: 1px; background-clip: content-box !important; border: 1px solid #eaeaea; border-radius: 50% !important; -webkit-transition: border-color .3s ease; transition: border-color .3s ease; } .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; border-right: 1px solid #e6e6e6; padding: 19px; } .filter-row .bottom_box { padding: 15px 19px; } .ui-slider { height: 7px; background: #f8f8f8; border: 1px solid #eaeaea; max-width: 220px; } .ui-slider .ui-slider-handle { display: block; width: 19px; height: 19px; background: #fff; border: 1px solid #eaeaea; cursor: pointer; top: -7px; } .ui-slider .ui-slider-handle::before { content: ""; display: block; width: 9px; height: 9px; background: #b2b2b2; position: absolute; top: 4px; left: 4px; } .ui-slider .ui-slider-handle, .ui-slider .ui-slider-handle::before { border-radius: 50%; } .range { margin-bottom: 15px; } .range > * { display: inline; } .checkboxes_list { color: #333; } .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; left: 0; top: -1px; width: 22px; height: 22px; color: inherit; background: #fff; border: 1px solid #eaeaea; border-radius: 3px; } .simple_vertical_list input[type="checkbox"] + label::before, .checkboxes_list input[type="checkbox"] + label::before { font-size: 12px; } .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 4px 4px 0; } .button_grey { padding: 6px 15px; display: inline-block; color: #555555; background: #f1f1f1; text-transform: capitalize; border-radius: 3px; border: none; } .button_grey:hover { color: white; background: #F4A137; } .button_submit { background: #F4A137; 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: #F4A137; } .languages-block, .currencies-block { border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; z-index: 10; position: relative; vertical-align: top; margin: 0; display: inline-block; } .languages-block form > a, .currencies-block form > a { color: #666; display: block; line-height: 30px; padding: 1px 10px; } .languages-block form:hover, .currencies-block form:hover { background: #F4A137; border-color: #F4A137; } .languages-block form:hover > a, .currencies-block form:hover > a { color: #fff; } .languages-block form .dropdown-menu, .currencies-block form .dropdown-menu { margin: 0; } .languages-block form span.fa-angle-down, .currencies-block form span.fa-angle-down { margin-left: 3px; } .currencies-block { margin-left: -5px; } @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; } } .breadcrumb { background: none; border-radius: 0; display: block; padding: 0; } .breadcrumb li { position: relative; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 24px; line-height: 21px; margin-right: 3px; padding: 0 15px 0 20px; } .breadcrumb li a { color: #666; } .breadcrumb li:after { content: ""; background: #fff; border-right: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; display: inline-block; height: 17px; width: 16px; position: absolute; right: -8px; top: 3px; z-index: 1; transform: rotate(45deg); } .breadcrumb li:first-child { border-left: 1px solid #ddd; border-color: #F4A137 !important; } .breadcrumb li:first-child a { color: #F4A137; } .breadcrumb li:first-child:after, .breadcrumb li:first-child:before { border-color: #F4A137; } .breadcrumb li + li:before { content: ""; background: #fff; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; display: inline-block; height: 18px; width: 17px; position: absolute; left: -9px; top: 2px; transform: rotate(135deg); } .breadcrumb li + li:hover { border-color: #F4A137; } .breadcrumb li + li:hover a { color: #F4A137; } .breadcrumb li + li:hover:after, .breadcrumb li + li:hover:before { border-color: #F4A137; } /*==========================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 a.top_cart .handle { background: url("../image/theme//icons/icon_minicart.png") no-repeat 8px 8px; background-color: #F4A137; width: 36px; height: 34px; margin: 5px 10px; } .shopping_cart .shoppingcart-box { padding: 15px; border-radius: 0; border-top: 3px solid #F4A137; min-width: 300px; } @media (min-width: 1200px) { .shopping_cart .shoppingcart-box:before { content: ""; height: 1px; width: 1px; border-style: solid; border-bottom: 10px solid #F4A137; 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: #F4A137; } .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: #F4A137; 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 #F4A137; background: #F4A137; } .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: 13px; color: #666; font-weight: bold; } .latest-product .media .media-body h4 a:hover { color: #F4A137; } .latest-product .media:hover .media-left { border-color: #F4A137; } .main-newsleter-popup .so-custom-popup { background-color: #fff; border-radius: 5px; } @media (min-width: 768px) and (max-width: 991px) { .main-newsleter-popup .so-custom-popup { width: 85% !important; } .main-newsleter-popup .so-custom-popup:before { content: ""; position: absolute; z-index: 2; background: rgba(255, 255, 255, 0.9); width: 100%; height: 100%; top: 0; right: 0; } } @media (max-width: 767px) { .main-newsleter-popup .so-custom-popup:before { content: ""; position: absolute; z-index: 2; background: rgba(255, 255, 255, 0.9); width: 100%; height: 100%; top: 0; right: 0; } } .main-newsleter-popup .modcontent { position: relative; z-index: 9; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content { padding: 15px 10px; text-align: center; } @media (min-width: 1200px) { .main-newsleter-popup .so-custom-popup .oca_popup .popup-content { padding: 60px 30px; padding-left: 55%; margin: 0 20px; } } @media (min-width: 992px) and (max-width: 1199px) { .main-newsleter-popup .so-custom-popup .oca_popup .popup-content { padding: 60px 30px; padding-left: 55%; margin: 0 20px; } } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .popup-title { font-weight: bold; font-size: 22px; color: #333333; text-transform: uppercase; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .newsletter_promo { font-size: 18px; color: #F4A137; font-weight: bold; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .email { margin: 30px 0; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .form-control { background: white; border: 1px solid #ddd; border-radius: 3px; height: 41px; max-width: 280px; display: inline-block; width: 100%; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .hidden-popup { font-weight: normal; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .btn-default { padding: 7px 12px; background: #555555; color: #fff; border-radius: 0; border-color: #555555; background: #F4A137; border-color: #F4A137; margin-bottom: 20px; min-width: 160px; text-transform: uppercase; padding: 8px 10px; border-radius: 3px; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .btn-default:hover { background: #F4A137; border-color: #F4A137; color: #fff; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .btn-default:hover { background: #555555; border-color: #555555; } .main-newsleter-popup .so-custom-popup .oca_popup .popup-content .newsletter_promo { padding: 10px 0; } .yt-content-slider--arrow1 .owl2-controls .owl2-nav div { position: absolute; top: 44.5%; outline: 0; width: 30px; height: 50px; font-size: 0; z-index: 9; transition: all 0.3s ease; } .yt-content-slider--arrow1 .owl2-controls .owl2-nav div.owl2-prev { left: 0px; background: url("../image/theme//icons/arrow-slider-left.png") no-repeat; } .yt-content-slider--arrow1 .owl2-controls .owl2-nav div.owl2-prev:hover { background-position: 0 -59px; } .yt-content-slider--arrow1 .owl2-controls .owl2-nav div.owl2-next { right: 0px; background: url("../image/theme//icons/arrow-slider-right.png") no-repeat; } .yt-content-slider--arrow1 .owl2-controls .owl2-nav div.owl2-next:hover { background-position: 0 -59px; } .yt-content-slider--arrow2 { padding: 0px 70px 15px 70px; direction: ltr; } .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-prev, .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-next { width: 20px; height: 27px; border: 1px solid #ddd; background-image: url("../image/theme/icons/ico-slider.png"); background-repeat: no-repeat; background-color: #fff; display: inline-block; text-indent: -999em; position: absolute; transition: all 0.2s ease-in-out 0s; top: calc(50% - 13px); } .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-prev:hover, .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-next:hover { background-color: #F4A137; background-position: 0px 0; border-color: #F4A137; } .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-prev { background-position: -31px 0; } .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-prev:hover { background-position: 0px 0; } .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-next { background-position: -60px 0; } .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-next:hover { background-position: -90px 0; } .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-prev { left: 0px; } .yt-content-slider--arrow2 .owl2-controls .owl2-nav .owl2-next { right: 0px; } .slider-brand--home6 { padding: 0; direction: ltr; } .slider-brand--home6 .owl2-controls { opacity: 0; } .slider-brand--home6 .owl2-controls .owl2-nav .owl2-prev, .slider-brand--home6 .owl2-controls .owl2-nav .owl2-next { width: 20px; height: 27px; border: 1px solid #ddd; background-image: url("../image/theme/icons/ico-slider.png"); background-repeat: no-repeat; background-color: #fff; display: inline-block; text-indent: -999em; position: absolute; transition: all 0.2s ease-in-out 0s; top: calc(50% - 13px); } .slider-brand--home6 .owl2-controls .owl2-nav .owl2-prev:hover, .slider-brand--home6 .owl2-controls .owl2-nav .owl2-next:hover { background-color: #F4A137; background-position: 0px 0; border-color: #F4A137; } .slider-brand--home6 .owl2-controls .owl2-nav .owl2-prev { background-position: -31px 0; } .slider-brand--home6 .owl2-controls .owl2-nav .owl2-prev:hover { background-position: 0px 0; } .slider-brand--home6 .owl2-controls .owl2-nav .owl2-next { background-position: -60px 0; } .slider-brand--home6 .owl2-controls .owl2-nav .owl2-next:hover { background-position: -90px 0; } .slider-brand--home6 .owl2-controls .owl2-nav .owl2-prev { left: 0px; } .slider-brand--home6 .owl2-controls .owl2-nav .owl2-next { right: 0px; } .slider-brand--home6 .owl2-controls .owl2-nav .owl2-prev { left: -30px; } .slider-brand--home6 .owl2-controls .owl2-nav .owl2-next { right: -30px; } .slider-brand--home6:hover .owl2-controls { opacity: 1; } .slider-brand--home6 a { border: 1px solid #ddd; display: block; } .slider-brand--home6 a:hover { border-color: #F4A137; } .block-clientsay .yt-content-slide { border: 1px solid #ddd; padding: 15px 20px; margin-right: 1px; } .block-clientsay .yt-content-slide .client-info { border-top: 1px solid #ddd; margin-top: 15px; padding-top: 20px; } .block-clientsay .yt-content-slide .client-info strong { font-size: 116.6%; text-transform: uppercase; font-weight: bold; color: #444; } .block-clientsay .yt-content-slide .client-info img { float: left; margin-right: 10px; width: auto; } .block-clientsay .owl2-controls { position: absolute; top: -30px; width: 100%; } .block-clientsay .owl2-controls .owl2-nav .owl2-prev, .block-clientsay .owl2-controls .owl2-nav .owl2-next { width: 20px; height: 27px; border: 1px solid #ddd; background-image: url("../image/theme/icons/ico-slider.png"); background-repeat: no-repeat; background-color: #fff; display: inline-block; text-indent: -999em; position: absolute; transition: all 0.2s ease-in-out 0s; top: calc(50% - 13px); } .block-clientsay .owl2-controls .owl2-nav .owl2-prev:hover, .block-clientsay .owl2-controls .owl2-nav .owl2-next:hover { background-color: #F4A137; background-position: 0px 0; border-color: #F4A137; } .block-clientsay .owl2-controls .owl2-nav .owl2-prev { background-position: -31px 0; } .block-clientsay .owl2-controls .owl2-nav .owl2-prev:hover { background-position: 0px 0; } .block-clientsay .owl2-controls .owl2-nav .owl2-next { background-position: -60px 0; } .block-clientsay .owl2-controls .owl2-nav .owl2-next:hover { background-position: -90px 0; } .block-clientsay .owl2-controls .owl2-nav .owl2-prev { right: 25px; left: auto; } .block-clientsay .owl2-controls .owl2-nav .owl2-next { right: 0px; } /*=============================================== [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: #F4A137; } .so-latest-blog .blog-external-simple .media-body .media-date-added { font-size: 12px; color: #F4A137; } /*--------------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: #444; } .blog-category ul li.list-group-item a:hover { color: #F4A137; } /*============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: #F4A137; } .blog-listitem .blog-item .itemBlogContent .see-more { font-size: 14px; color: #F4A137; 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: #F4A137; 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: #F4A137; border-color: #F4A137; } 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: #F4A137; text-decoration: underline; } div.article-info .itemFullText { text-align: justify; } /***************************************************************************** ****** SO Framework: Sass Garenal ****** ******************************************************************************/ /* 2. STYLE OWL ------------------------------*/ /* 3. STYLE ALL SITE -------------------------------*/ body { color: #555555; font-size: 13px; line-height: 22px; font-family: Open Sans, sans-serif; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; } /* 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, .list-collections--home6, 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: #F4A137; transition: color 0.3s ease-in-out; } a:hover, .btn-link:hover { color: #f7b867; 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 -----------------------------------------------------------------*/ .clearfix { clear: both; } .inline { display: inline-block; } legend { font-size: 18px; padding: 7px 0px; } label { font-size: 12px; font-weight: normal; } 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: 12px; border-radius: 0; } .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: #F4A137; border-color: #F4A137; color: white; } .buttonGray { padding: 7px 12px; background: #555555; color: #fff; border-radius: 0; border-color: #555555; } .buttonGray:hover { background: #F4A137; border-color: #F4A137; color: #fff; } .submit { margin: 1em 0; } select, textarea { color: #666; } select { box-shadow: none !important; padding-left: 5px; -webkit-box-shadow: none !important; -webkit-appearance: none; -moz-appearance: none; background: url("../image/theme/icons/bg-selectbox.png") no-repeat right center #fff; } 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; } .no-margin-bottom { margin-bottom: 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: #F4A137; border-color: #F4A137; } .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: 171%; font-style: italic; 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: #F4A137 !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: #F4A137; } .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: #F4A137; } .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: #F4A137; } .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: #F4A137; } .about-us .content-faq .panel .panel-title a:before { background-color: #F4A137; 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 ****** ********************************************************************************/ /*-----------Block Ratings----------------*/ .rating-box { margin: 5px 0; } .rating-box span.fa-stack { width: 14px; height: 14px; line-height: 14px; } .rating-box span.fa-stack .fa-star-o:before { color: #999; } .rating-box span.fa-stack .fa-star.fa-stack-1x { position: relative; z-index: 1; } .rating-box span.fa-stack .fa-star.fa-stack-1x:before { color: #ebdb2c; } /*-----------Block Price----------------*/ .price { font-size: 18px; } .price .price-new { color: #e74c3c; } .price .price-old { text-decoration: line-through; color: #999; font-size: 13px; } .refine-search .thumbnail { margin: 0 0 10px; } .refine-search a { color: #444; } .refine-search a:hover { color: #F4A137; } h2.title-category { border-bottom: 1px solid #e6e6e6; margin: 0 0 30px; padding: 0 0 10px 0; } .filters-panel { border-bottom: 1px solid; border-top: 1px solid; border-color: #DDDDDD; margin-bottom: 15px; padding: 10px 0; margin-top: 30px; } .filters-panel .list-view { text-align: left; margin-top: 4px; } .filters-panel .list-view button.btn { border-radius: 0; padding: 3px 8px; color: #666; } .filters-panel .list-view button.btn.active { background: #F4A137; color: #fff; border-color: #F4A137; box-shadow: none; } .filters-panel .list-view button.btn.active:hover { background: #F4A137; color: #fff; } .filters-panel .list-view button.btn:hover { color: #F4A137; background: transparent; border-color: #F4A137; } .filters-panel .list-view button.btn:focus { border-radius: 0; border-color: #F4A137; outline: none; } .filters-panel .list-view .fa { font-size: 14px; } .filters-panel.product-filter-bottom { margin-top: 15px; } .filters-panel .box-pagination ul { margin: 4px 0 0 0; height: 27px; } .filters-panel select { border-radius: 0; } .box-pagination .pagination > li span, .box-pagination .pagination > li a { padding: 0; width: 27px; height: 28px; line-height: 28px; text-align: center; } .short-by-show .form-group { margin-right: 10px; } .mfp-iframe-holder .mfp-close { right: 0; left: auto; } .label-new, .label-sale { font-size: 12px; height: 30px; padding: 3px 10px; min-width: 56px; text-align: center; display: block; position: absolute; z-index: 1; line-height: 23px; text-transform: uppercase; } .label-sale { background: #e74c3c; top: 10px; left: 10px; } .label-sale:after { content: ""; border-top: 9px solid #e74c3c; border-left: 8px solid transparent; position: absolute; bottom: -6px; right: 8px; } .label-new { background: #00ABF0; top: 10px; right: 10px; } .label-new:after { content: ""; border-top: 9px solid #00ABF0; border-right: 8px solid transparent; position: absolute; bottom: -6px; right: 8px; } .label-percent { padding: 2px 5px; background: #F4A137; font-size: 13px; font-weight: normal; } .products-list { /*----------------PRODUCT LIST GRID ------------------*/ /*----------------PRODUCT LIST LIST ------------------*/ } .products-list .product-layout .left-block .quickview { cursor: pointer; display: block; text-align: center; background: none repeat scroll 0 0 white; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); color: #777676; font-size: 13px; height: 35px; line-height: 35px; left: 50%; margin: -21px 0 0 -53px; padding: 0; position: absolute; top: 50%; width: 107px; border-radius: 0; } .products-list .product-layout .left-block .quickview:hover { background: #F4A137; color: #fff; border-color: #F4A137; } .products-list .product-layout .left-block .product-image-container { width: 100%; float: left; position: relative; overflow: hidden; text-align: center; } .products-list .product-layout .left-block .product-image-container.second_img .img_0 { position: absolute; z-index: 8; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; top: 100%; left: 0; } .products-list .product-layout .left-block .countdown_box { width: 100%; position: absolute; top: 35%; transition: 0.3s all ease 0s; transform: scale(1); left: 0; } .products-list .product-layout .left-block .countdown_box .title { color: white; font-weight: bold; padding: 5px 0; text-align: center; font-size: 14px; } .products-list .product-layout .left-block .countdown_box .countdown_inner { float: left; width: 100%; background: #F4A137; } .products-list .product-layout .left-block .countdown_box .countdown_inner .time-item { width: 25%; float: left; color: #fff; padding: 3px; text-align: center; border: 1px solid #f8c380; border-left: 0; } .products-list .product-layout .left-block .countdown_box .countdown_inner .time-item:last-child { border-right: none; } .products-list .product-layout .left-block .countdown_box .countdown_inner .time-item .num-time { font-weight: bold; font-size: 15px; } .products-list .product-layout .caption { overflow: hidden; } .products-list .product-layout .caption h4 { font-size: 15px; margin: 0 0 5px; font-weight: bold; } .products-list .product-layout .caption a { color: #444; } .products-list .product-layout .caption a:hover { color: #F4A137; } .products-list .product-layout .button-group { margin: 10px 0; } .products-list .product-layout .button-group .addToCart { position: relative; border: 1px solid #ddd; background: transparent; color: #444; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 7px 15px; display: inline-block; } .products-list .product-layout .button-group .addToCart i { margin-right: 5px; } .products-list .product-layout .button-group .addToCart:hover { background: #F4A137; color: #fff; border-color: #F4A137; } .products-list .product-layout .button-group .addToCart:hover:before { background-position: 0px 0px; } .products-list .product-layout .button-group .addToCart--notext { font-size: 16px; height: 38px; padding: 0 10px; vertical-align: top; } .products-list .product-layout .button-group .addToCart--notext span { display: none; } .products-list .product-layout .button-group .wishlist, .products-list .product-layout .button-group .compare { background: transparent; border-radius: 0; border: 1px solid #ddd; height: 38px; text-align: center; padding: 0 10px; vertical-align: top; } .products-list .product-layout .button-group .wishlist:hover, .products-list .product-layout .button-group .compare:hover { border-color: #F4A137; color: #F4A137; } .products-list.grid .product-layout .product-item-container { margin: 15px 0; padding: 15px; border: 1px solid #dddddd; overflow: hidden; } .products-list.grid .product-layout .product-item-container .left-block { position: relative; float: left; width: 100%; } .products-list.grid .product-layout .product-item-container .left-block .quickview { top: 0; opacity: 0; } .products-list.grid .product-layout .product-item-container .left-block .product-image-container { margin-bottom: 15px; } .products-list.grid .product-layout .product-item-container .right-block { clear: both; } .products-list.grid .product-layout .product-item-container:hover { box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2); } .products-list.grid .product-layout .product-item-container:hover .left-block .quickview { top: 46%; opacity: 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: #F4A137; color: #fff; border-color: #F4A137; } .products-list.grid .product-layout .product-item-container:hover .left-block .quickview:hover { background: #444; border-color: #444; } .products-list.grid .product-layout .product-item-container:hover .left-block .countdown_box { transform: scale(0); } .products-list.grid .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img_0 { top: 0; opacity: 1; z-index: 0; } .products-list.grid .product-layout .product-item-container:hover .right-block .caption h4 a { color: #F4A137; } .products-list.list .product-layout { width: 100%; } .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; } .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 { padding: 15px 0; } .products-list.list .product-layout .product-item-container .right-block .caption { padding: 0 10px; } .products-list.list .product-layout .product-item-container .right-block .description { padding: 0; margin-top: 15px; } .products-list.list .product-layout .product-item-container .right-block .button-group { padding: 0 10px; } .products-list.list .product-layout .product-item-container:hover .left-block { box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.3); } .products-list.list .product-layout .product-item-container:hover .left-block .quickview { top: 46%; opacity: 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: #F4A137; color: #fff; border-color: #F4A137; } .products-list.list .product-layout .product-item-container:hover .left-block .quickview:hover { background: #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: #F4A137; } .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: #F4A137; } .left-content-product .content-product-left .full_slider .thumbnail.active, .left-content-product .content-product-left .not_full_slider .thumbnail.active { border-color: #F4A137; } .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: #F4A137; background-color: #F4A137; 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: #F4A137; background-color: #F4A137; 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: 22px; margin: 0 0 10px; font-weight: bold; } .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: #444; } .left-content-product .content-product-right .box-review a:hover { color: #F4A137; } .left-content-product .content-product-right .product-box-desc { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 10px 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: #F4A137; 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: #F4A137; } .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; } @media (min-width: 1200px) { .left-content-product .content-product-right .product-label .price { float: left; } } @media (min-width: 1200px) { .left-content-product .content-product-right .product-label .stock { float: right; } } .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: #F4A137; 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; background: #eee; padding: 4px 10px; position: relative; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control label { float: left; font-weight: normal; margin-top: 8px; padding-right: 5px; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control input.form-control { float: left; height: 33px; line-height: 31px; margin: 0; margin-right: 17px; padding: 0 10px; width: 35px; border: 1px solid #bdc2c9; border-radius: 0; z-index: 0; } .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; margin-left: 5px; border-radius: 0; cursor: pointer; line-height: 16px; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control span.product_quantity_up { background: none repeat scroll 0 0 #444444; padding: 0 4px; position: absolute; right: 14px; top: 4px; height: 16.5px; width: 14px; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control span.product_quantity_down { background: none repeat scroll 0 0 #444444; font-size: 13px; padding: 0 4px; position: absolute; right: 14px; top: 21px; width: 14px; height: 15.5px; line-height: 15px; } .left-content-product .content-product-right .box-info-product .quantity .quantity-control span:hover { background: #F4A137 !important; } .left-content-product .content-product-right .box-info-product .cart { float: left; margin-right: 10px; } .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 { background: #F4A137; border-radius: 0; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: bold; padding: 12px 16px; } .left-content-product .content-product-right .box-info-product .cart input:hover { background: #444; } .left-content-product .content-product-right .box-info-product .add-to-links ul li a { display: inline-block; padding: 10px 15px; font-size: 14px; color: #666; border: 1px solid #e6e6e6; cursor: pointer; } .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: #F4A137; color: #F4A137; } .thumb-vertical-outer { width: 100px; position: relative; float: left; margin-right: 15px; padding: 50px 0; } .thumb-vertical-outer .lSAction { display: none !important; } .thumb-vertical-outer .thumbnail { border-color: #e6e6e6; } .thumb-vertical-outer .btn-more { display: block; height: 40px; width: 40px; text-align: center; position: absolute; font-size: 36px; cursor: pointer; margin-left: -20px; left: 50%; color: #444; } .thumb-vertical-outer .btn-more:hover { color: #F4A137; } .thumb-vertical-outer .btn-more.prev-thumb { top: 0; } .thumb-vertical-outer .btn-more.next-thumb { bottom: 0; } .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: #F4A137; } .thumb-vertical-outer ul li .thumbnail.active { border-color: #F4A137; } /*----------------------PRODUCT TABS ---------------*/ .producttab .tabsslider { margin-bottom: 35px; 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: 10px 30px; position: relative; background: #fff; color: #666; } .producttab .tabsslider .nav-tabs li.active a, .producttab .tabsslider .nav-tabs li:hover a { border-top-color: #F4A137; } .producttab .tabsslider .nav-tabs li.active a:before, .producttab .tabsslider .nav-tabs li:hover a:before { content: ""; width: 100%; height: 3px; background: #F4A137; 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.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: #F4A137; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover a { color: #F4A137; } .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: #F4A137; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active { border-left-color: #F4A137; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active:before { background-color: #F4A137; } .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a { background: transparent; color: #F4A137; } .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 #F4A137; } #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: #F4A137; } #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: #F4A137; } #product-accordion .panel .panel-heading:hover a { color: #F4A137; } #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 #F4A137; margin-top: -1px; padding: 0; } .related { clear: both; } .related .releate-products .owl2-nav { position: absolute; top: -45px; width: 60px; right: -5px; } .related .releate-products .owl2-nav div { width: 20px; height: 27px; border: 1px solid #dfdfdf; margin: 0 5px; font-size: 0; float: left; 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; position: relative; background-color: #fff; } .related .releate-products .owl2-nav div.owl2-prev { background: url(../image/theme/icons/next-prev-detail.png) no-repeat; background-position: -41px 0px; } .related .releate-products .owl2-nav div.owl2-prev:hover { border-color: #F4A137; background-color: #F4A137; background-position: -4px 0px; opacity: 1; } .related .releate-products .owl2-nav div.owl2-prev.disabled { display: none; } .related .releate-products .owl2-nav div.owl2-next { background: url(../image/theme/icons/next-prev-detail.png) no-repeat; background-position: -76px 0px; } .related .releate-products .owl2-nav div.owl2-next:hover { border-color: #F4A137; background-color: #F4A137; background-position: -112px 0px; opacity: 1; } .related .releate-products .owl2-nav div.owl2-next.disabled { display: none; } .related .owl-dots { display: none; } .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: #666; } .banner-policy .policy a span { margin-right: 10px; } .banner-policy .policy a:hover { color: #F4A137; } .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.policy2 a span { background: url("../image/theme/icons/ico-freeship.png") no-repeat; background-position: center 0; width: 53px; height: 35px; font-size: 0; float: left; } .banner-policy .policy.policy3 a span { background: url("../image/theme/icons/ico-celander.png") no-repeat; background-position: center 0; width: 34px; height: 34px; font-size: 0; float: left; } .banner-policy .policy.policy4 a span { background: url("../image/theme/icons/ico-umbrella.png") no-repeat; background-position: center 0; width: 34px; height: 34px; font-size: 0; float: left; } .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; } /************************************************************** Style Header 1 **************************************************************/ .type_1 .header-top-right ul.top-link > li.account { background: #F4A137; border-left: 1px solid #F4A137; } .type_1 .header-top-right ul.top-link > li:hover { background: #F4A137; } .type_1 #sosearchpro .button-search:hover { background: #F4A137; border-color: #F4A137; } /************************************************************** Style Header 2 **************************************************************/ .type_2 .header-top-right ul.top-link > li:hover { background: #F4A137; } .type_2 .horizontal ul.megamenu > li.active > a, .type_2 .horizontal ul.megamenu > li.home > a, .type_2 .horizontal ul.megamenu > li:hover > a { background: #F4A137; color: #fff; } .type_2 #sosearchpro .button-search { background: #F4A137; } /************************************************************** Style Header 3 **************************************************************/ .type_3 .header-top-right ul.top-link > li:hover { background: #F4A137; } .type_3 .horizontal ul.megamenu > li.active > a, .type_3 .horizontal ul.megamenu > li.home > a, .type_3 .horizontal ul.megamenu > li:hover > a { background: #F4A137; color: #fff; } .type_3 #sosearchpro .button-search i { font-size: 18px; color: #F4A137; } .type_3 #sosearchpro .button-search:hover { background: #F4A137; } .type_3 #sosearchpro .button-search:hover i { color: #fff; } /************************************************************** Style Header 4 **************************************************************/ .type_4 .header-top-right ul.top-link > li:hover { background: #F4A137; } .type_4 .horizontal ul.megamenu > li.active > a, .type_4 .horizontal ul.megamenu > li.home > a, .type_4 .horizontal ul.megamenu > li:hover > a { background: #F4A137; color: #fff; } .type_4 .wishlist-block a:hover { background: #F4A137; color: #fff; } .type_4 #sosearchpro .button-search { background: #F4A137; } .type_4 .shopping_cart a.top_cart { background: #F4A137; } .type_4 .shopping_cart a.top_cart:hover { background: #eb8a0d; } /******************************************* * Theme Name: Market * Author: Magentech * Author URI: http://www.magentech.com * Version: 1.0.0 * Description: This is html5 Sass template *******************************************/ /************************************************************** Style Footer 1 **************************************************************/ .type_footer1 a { color: #444; } .type_footer1 a:hover { color: #F4A137; } .type_footer1 .footer-top ul.menu li > a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .type_footer1 .footer-top ul.menu li > a:hover { margin-left: 5px; } .type_footer1 .contact-address li:hover span { background-color: #F4A137; } .type_footer1 .collapsed-block.footer-links .footer-directory-title { padding: 10px 0; } .type_footer1 .collapsed-block.footer-links ul li a:hover { color: #F4A137; } .type_footer1 .footer-directory-title { /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 11px; /* [8] */ font-size: 1.1rem; /* [8] */ } .type_footer1 .footer-directory-title .label-link { color: #333333; font-weight: bold; padding-bottom: 10px; /* [4] */ /* [6] */ /* [6] */ /* [7] */ font-size: 11px; /* [8] */ font-size: 1.1rem; /* [8] */ } /************************************************************** Style Footer 2 **************************************************************/ .type_footer2 a { color: #444; } .type_footer2 a:hover { color: #F4A137; } .type_footer2 .footer-top ul.menu li > a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .type_footer2 .footer-top ul.menu li > a:hover:before { width: 8px; background: #F4A137; } .type_footer2 .contact-address li:hover span { background-color: #F4A137; } /************************************************************** Style Footer 3 **************************************************************/ .type_footer3 a { color: #bcbdc7; text-decoration: none; } .type_footer3 a:hover { color: #fff; } .type_footer3 .footer-top ul.menu li > a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .type_footer3 .footer-top ul.menu li > a:hover:before { width: 8px; background: #F4A137; } .type_footer3 .contact-address li:hover span { background-color: #F4A137; } /************************************************************** Style Footer 4 **************************************************************/ .type_footer4 a { color: #c9c9c9; text-decoration: none; } .type_footer4 a:hover { color: #fff; } .type_footer4 .footer-center ul.menu li > a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .type_footer4 .footer-center ul.menu li > a:hover:before { width: 8px; background: #F4A137; } .type_footer4 .contact-address li:hover span { background-color: #F4A137; } /************************************************************** Style Footer 5 **************************************************************/ .type_footer5 a { color: #c9c9c9; text-decoration: none; } .type_footer5 a:hover { color: #fff; } .type_footer5 .footer-center ul.menu li > a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .type_footer5 .footer-center ul.menu li > a:hover:before { width: 8px; background: #F4A137; } .type_footer5 .contact-address li:hover span { background-color: #F4A137; } #content-top { margin-top: 10px; margin-bottom: 10px; } .topbar { background: #000; } .so-spotlight1 { background-color: #0929eb; /* padding: 93px 0; margin-bottom: 50px; background-image: url("../image/theme//home6/bg-clientsay-group.jpg");*/ } .module--5x { margin-bottom: 55px; } .module--4x { margin-bottom: 45px; } .module h3.modtitle { color: #333333; } /************************************************************** HTML Content **************************************************************/ .eg-list-float { -webkit-box-align: stretch; -moz-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -ms-flex-align: stretch; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } .eg-list-float li { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .services-v1 .policy-inner { border: 3px solid transparent; padding: 3px; background: #f2f2f2; } .services-v1 .policy-inner:hover { border-color: #F4A137; } .services-v1 span { float: left; text-indent: -999em; margin-right: 10px; background-repeat: no-repeat; } .services-v1 h2 { font-size: 116.6%; font-weight: bold; text-transform: uppercase; color: #444; margin: 0; } .services-v1 a { color: #999; text-transform: capitalize; } .services-v1 .policy1 .ico-policy { background-image: url("../image/theme//icons/ico-money.png"); width: 27px; height: 36px; } .services-v1 .policy2 .ico-policy { background-image: url("../image/theme//icons/ico-freeship.png"); width: 53px; height: 32px; } .services-v1 .policy3 .ico-policy { background-image: url("../image/theme//icons//ico-celander.png"); width: 33px; height: 34px; } .services-v1 .policy4 .ico-policy { background-image: url("../image/theme//icons/ico-umbrella.png"); width: 34px; height: 34px; } .eg-list-floated-1 { padding: 0; list-style-type: none; padding-left: 0; margin-top: 0; margin-bottom: 0; } .eg-list-floated-1:after { content: ""; display: table; clear: both; } .eg-list-floated-1 > li { float: left; } .list-collections--home6 { padding-top: 15px; direction: ltr; } .list-collections--home6 .list-collections--item { font-size: 14px; color: #666666; text-align: center; width: 100%; text-transform: uppercase; } .list-collections--home6 .list-collections--item .list-collections--box { background-color: #EEEEEE; background-position: center; overflow: hidden; border-color: white; border: 1px solid white; } .list-collections--home6 .list-collections--item .list-collections--box a { float: left; font-weight: bold; width: 100%; height: 144px; text-decoration: none; line-height: 22px; padding: 25px 10px; color: #999; border-bottom: 3px solid #F4A137; font-size: 16px; background-position: center center; background-repeat: no-repeat; } .list-collections--home6 .list-collections--item .list-collections--box:hover { border-color: #F4A137; background: transparent; } .list-collections--home6 .list-collections--item.collection_0 a { background-image: url("../image/theme//icons/collections-1-1.png"); } .list-collections--home6 .list-collections--item.collection_1 a { background-image: url("../image/theme//icons/collections-2-1.png"); } .list-collections--home6 .list-collections--item.collection_2 a { background-image: url("../image/theme//icons/collections-3-1.png"); } .list-collections--home6 .list-collections--item.collection_3 a { background-image: url("../image/theme//icons/collections-4-1.png"); } .list-collections--home6 .list-collections--item.collection_4 a { background-image: url("../image/theme//icons/collections-5-1.png"); } .list-collections--home6 .list-collections--item.collection_5 a { background-image: url("../image/theme//icons/collections-6-1.png"); } .list-collections--home6 .owl2-controls { width: 100%; position: absolute; top: -30px; z-index: 2; } .list-collections--home6 .owl2-controls .owl2-nav .owl2-prev, .list-collections--home6 .owl2-controls .owl2-nav .owl2-next { width: 20px; height: 27px; border: 1px solid #ddd; background-image: url("../image/theme/icons/ico-slider.png"); background-repeat: no-repeat; background-color: #fff; display: inline-block; text-indent: -999em; position: absolute; transition: all 0.2s ease-in-out 0s; top: calc(50% - 13px); } .list-collections--home6 .owl2-controls .owl2-nav .owl2-prev:hover, .list-collections--home6 .owl2-controls .owl2-nav .owl2-next:hover { background-color: #F4A137; background-position: 0px 0; border-color: #F4A137; } .list-collections--home6 .owl2-controls .owl2-nav .owl2-prev { background-position: -31px 0; } .list-collections--home6 .owl2-controls .owl2-nav .owl2-prev:hover { background-position: 0px 0; } .list-collections--home6 .owl2-controls .owl2-nav .owl2-next { background-position: -60px 0; } .list-collections--home6 .owl2-controls .owl2-nav .owl2-next:hover { background-position: -90px 0; } .list-collections--home6 .owl2-controls .owl2-nav .owl2-prev { right: 25px; left: auto; } .list-collections--home6 .owl2-controls .owl2-nav .owl2-next { right: 0px; } .eg-list-inline-1 { text-align: center; list-style-type: none; padding-left: 0; margin-top: 0; margin-bottom: 0; margin-bottom: 15px; } .eg-list-inline-1 > li { display: inline-block; } .eg-list-inline-1 > li { border-radius: 50%; overflow: hidden; margin: 0 5px; background: #222222; cursor: pointer; } .eg-list-inline-1 > li:hover img { opacity: 0.6; } .eg-list-inline-1 > li:not(.active) img { opacity: 0.4; } .slider-clientsay { direction: ltr; } .slider-clientsay__item { max-width: 600px; margin: 0 auto; text-align: center; color: #fff; } .slider-clientsay__item .slider-clientsay__dec { font-size: 16px; position: relative; margin: 10px 0 43px; line-height: 30px; } @media (min-width: 1200px) { .slider-clientsay__item .slider-clientsay__dec:before, .slider-clientsay__item .slider-clientsay__dec:after { position: absolute; content: ''; display: inline-block; width: 26px; height: 15px; background: url("../image/theme/icons/icon-image.png") no-repeat -22px -329px; } .slider-clientsay__item .slider-clientsay__dec:before { top: 0px; left: -20px; } .slider-clientsay__item .slider-clientsay__dec:after { bottom: 0px; right: -20px; } } .slider-clientsay__item .slider-clientsay__info h4 { text-transform: uppercase; font-weight: 600; font-size: 18px; } .slider-clientsay__item .slider-clientsay__info p { font-size: 116.67%; text-transform: uppercase; color: #8c8c8c; } /*----------------EXTRA SLIDER -----------------------*/ div.extraslider-home5 { direction: ltr; } div.extraslider-home5 .so-extraslider { margin: 0; vertical-align: top; direction: ltr; } div.extraslider-home5 .so-extraslider .owl2-controls { width: 100%; position: absolute; top: -30px; } div.extraslider-home5 .so-extraslider .owl2-controls .owl2-nav .owl2-prev, div.extraslider-home5 .so-extraslider .owl2-controls .owl2-nav .owl2-next { width: 20px; height: 27px; border: 1px solid #ddd; background-image: url("../image/theme/icons/ico-slider.png"); background-repeat: no-repeat; background-color: #fff; display: inline-block; text-indent: -999em; position: absolute; transition: all 0.2s ease-in-out 0s; top: calc(50% - 13px); } div.extraslider-home5 .so-extraslider .owl2-controls .owl2-nav .owl2-prev:hover, div.extraslider-home5 .so-extraslider .owl2-controls .owl2-nav .owl2-next:hover { background-color: #F4A137; background-position: 0px 0; border-color: #F4A137; } div.extraslider-home5 .so-extraslider .owl2-controls .owl2-nav .owl2-prev { background-position: -31px 0; } div.extraslider-home5 .so-extraslider .owl2-controls .owl2-nav .owl2-prev:hover { background-position: 0px 0; } div.extraslider-home5 .so-extraslider .owl2-controls .owl2-nav .owl2-next { background-position: -60px 0; } div.extraslider-home5 .so-extraslider .owl2-controls .owl2-nav .owl2-next:hover { background-position: -90px 0; } div.extraslider-home5 .so-extraslider .owl2-controls .owl2-nav .owl2-prev { right: 25px; left: auto; } div.extraslider-home5 .so-extraslider .owl2-controls .owl2-nav .owl2-next { right: 0px; } div.product-style__thumb1.grid .product-layout { margin: 0; } div.product-style__thumb1.grid .product-layout .product-item-container { padding: 20px 10px; } div.product-style__thumb1.grid .product-layout .product-item-container .left-block { float: left; margin-right: 15px; width: 130px; } div.product-style__thumb1.grid .product-layout .product-item-container .right-block { clear: none; overflow: hidden; } div.product-style__thumb1.grid .product-layout .product-item-container .left-block .product-image-container { margin: 0; } div.product-style__thumb1.grid .product-layout .product-item-container .left-block .product-image-container:hover { opacity: 0.8; } div.product-style__thumb1.grid .product-layout .caption h4 { font-size: 14px; overflow: hidden; text-overflow: ellipsis; } div.product-style__thumb1.grid .product-layout .caption h4 a { color: #555555; white-space: nowrap; } div.product-style__thumb1.grid .product-layout .price .price-new { font-weight: 600; } div.product-style__thumb1.grid .product-layout .button-group button { padding: 5px 8px; height: auto; color: #777777; } div.product-style__thumb1.grid .product-layout .button-group .fa { float: left; font-size: 15px; margin: 3px 0 0; } div.product-style__thumb1.grid .product-layout .button-group .addToCart .button-group__text { width: auto; padding: 0 5px; text-indent: 0; } div.product-style__thumb1.grid .product-layout .button-group .button-group__text { width: 0; overflow: hidden; float: left; font-weight: bold; text-indent: -9em; } /*----------------LISTING TABS -----------------------*/ div.tab-slider { position: relative; z-index: 1; margin-bottom: 42px; } div.tab-slider h3.modtitle { position: absolute; top: 5px; } div.tab-slider .so-listing-tabs { margin: 0; vertical-align: top; direction: ltr; } div.tab-slider .so-listing-tabs .ltabs-wrap, div.tab-slider .so-listing-tabs .ltabs-items-container .ltabs-items-inner, div.tab-slider .so-listing-tabs .ltabs-wrap .ltabs-items-container, div.tab-slider .so-listing-tabs .ltabs-items-container .ltabs-items { overflow: visible; } div.tab-slider .so-listing-tabs .ltabs-wrap .ltabs-tabs-container { margin: 0 0 10px 0; overflow: visible; } div.tab-slider .so-listing-tabs .ltabs-slider__gallery .thumbs-product { margin-top: 25px; overflow: hidden; } div.tab-slider .so-listing-tabs .ltabs-slider__gallery .button-group { margin: 15px 0 !important; } div.tab-slider .so-listing-tabs .ltabs-slider__gallery .price { font-size: 20px; } div.tab-slider .so-listing-tabs .ltabs-slider__gallery .item-img { float: left; border: 1px solid #ddd; margin-right: 10px; margin-bottom: 10px; cursor: pointer; } div.tab-slider .so-listing-tabs .ltabs-slider__gallery .item-img.thumb-active { border-color: #F4A137; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap { height: 36px; border-bottom: 1px solid #ddd; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap.tabs-wrap__Line:after { content: ""; height: 1px; width: 120px; background: #F4A137; display: block; margin-bottom: -1px; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__right .ltabs-tabs { float: right; margin-right: 80px; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__right .ltabs-tabs li { border: 0; margin: 0; padding: 0; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__right .ltabs-tabs li span { padding: 0 12px; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__right .ltabs-tabs li:hover { background: transparent; border-bottom: 0; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__right .ltabs-tabs li:hover span { color: #F4A137; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__right .ltabs-tabs li.tab-sel { background-color: white; border-left: 1px solid #ddd; border-bottom: 1px solid white; margin-top: 1px; padding-bottom: 1px; margin-bottom: 0px; border-right: 1px solid #ddd; border-top: 3px solid #F4A137; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__right .ltabs-tabs li.tab-sel span { color: #F4A137; } @media (min-width: 768px) { div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__divided .ltabs-tabs { list-style-type: none; padding-left: 0; margin-top: 0; margin-bottom: 0; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__divided .ltabs-tabs:after { content: ""; display: table; clear: both; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__divided .ltabs-tabs > li { float: left; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__divided .ltabs-tabs > li + li:before { content: "|"; display: inline-block; margin-left: 0.5em; margin-right: 0.5em; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__divided .ltabs-tabs li { border: 0; margin: 0; padding: 2px 0 3px; float: left; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__divided .ltabs-tabs li span { font-weight: 600; font-size: 16px; color: #999; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__divided .ltabs-tabs li:hover { background: transparent; border-bottom: 0; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__divided .ltabs-tabs li:hover span { color: #333333; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__divided .ltabs-tabs li.tab-sel { background: transparent; } div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .item-sub-cat__divided .ltabs-tabs li.tab-sel span { color: #333333; } } div.tab-slider .so-listing-tabs .owl2-controls { width: 100%; position: absolute; top: -15px; } div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-prev, div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-next { width: 20px; height: 27px; border: 1px solid #ddd; background-image: url("../image/theme/icons/ico-slider.png"); background-repeat: no-repeat; background-color: #fff; display: inline-block; text-indent: -999em; position: absolute; transition: all 0.2s ease-in-out 0s; top: calc(50% - 13px); } div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-prev:hover, div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-next:hover { background-color: #F4A137; background-position: 0px 0; border-color: #F4A137; } div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-prev { background-position: -31px 0; } div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-prev:hover { background-position: 0px 0; } div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-next { background-position: -60px 0; } div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-next:hover { background-position: -90px 0; } div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-prev { right: 25px; left: auto; } div.tab-slider .so-listing-tabs .owl2-controls .owl2-nav .owl2-next { right: 0px; } div.tab-slider .ltabs-items-container .ltabs-items .ltabs-item { margin-bottom: 0 !important; } div.tab-slider .ltabs-items-container .ltabs-items .button-group > button { min-width: 45px; } .icard { background: #fff; border: 1px solid #000; padding: 30px; width: 100%; float: left;} .icard h4 { font-size:25px; text-transform:uppercase; color:#059624; font-weight:700; margin:0 0 10px 0; text-align:center;} .icard p { font-size:15px; color:#222; font-weight:400; margin:0 0 0 0;text-align:center;} .icardImg { width: 100px; height: 108px; /*border: 1px solid #999;*/ display: block; margin: -13px auto 0;} .icard ul { list-style:none; padding:0; margin:20px 0 0 0;} .icard ul li { width: 100%; float: left; margin: 0 0 10px 0; border-bottom: 1px solid #059624; padding-bottom: 11px;} .icard ul li label { font-size: 14px; font-weight: 600; color: #059624; text-transform: uppercase; margin: 0 0 0 0;} .icard ul li span { } .modal-content { background-color:transparent !important; box-shadow:none!important; } .sig { float:right; width:200px; height:60px; margin:19px 0 0 0;} .sig h2 { font-size:15px; text-transform:uppercase; color:#059624; font-weight:700; margin:0 0 10px 0; text-align: right;} .sig p { font-size:15px; color:#222; font-weight:400; margin:0 0 0 0;text-align:right;} #Get_Icard .modal-dialog { width: 424px; margin: 30px auto; } .welcomebox { width:100%; float:left; border:5px solid #000; padding:20px; background:#fff;} .welcomebox .logo { text-align: center; width: 100%; float: left; margin-bottom: 0px; } .welcomebox h4 { text-align:center;} .welcomebox h5 { text-align:center;}