/* Theme Name: Sellegance Version: 1.7.3.4 / 2.3.0.2, 3.0.2.0 Description: Responsive and clean template for OpenCart (Base CSS) Theme URI: http://www.everthemes.com/demo/sellegance Author: Luis V Author URI: http://themeforest.net/user/luisvelaz Tags: sellegance, opencart, everthemes */ /* ---------------------------------------------------------------------- */ /* General Styles /* ---------------------------------------------------------------------- */ body { color: #777; line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; } .whatsfloat{ position: fixed; bottom: 80px; right: 20px; z-index: 9999; animation: shakewhats 1s; animation-iteration-count: infinite; } @keyframes shakewhats { 0% { transform: translate(1px, 1px) ; } 5% { transform: translate(-1px, -2px) ; } 10% { transform: translate(-3px, 0px) ; } 15% { transform: translate(3px, 2px) ; } 20% { transform: translate(1px, -1px) ; } 25% { transform: translate(-1px, 2px) ; } 30% { transform: translate(-3px, 1px) ; } 35% { transform: translate(3px, 1px) ; } 40% { transform: translate(-1px, -1px) ; } 45% { transform: translate(1px, 2px) ; } 50% { transform: translate(1px, -2px) ; } } /* Links styles */ a, a:visited, .pagination>li>a, .pagination>li>span { color: #151515; } a:hover { color: #111; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { border-color: #151515; background: #151515; } a.button-cart { color:#fff; } td img {display: inline;} ul.list { list-style: none inside url("../image/square.png"); } ul.list li a { text-decoration:none; } ul.list li a:hover { text-decoration:underline; } /* Animations :) -------------------------------------------------- */ #header, #header #logo, #header .rightbox, #header .btn, #menu, #menu .navbar, #content, .container, .product-thumb, .blog_item > .blog_image a:after, .centralbox, #content a, .image .expand { -moz-transition: all .25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all .25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all .25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all .25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* ---------------------------------------------------------------------- */ /* Generic Classes /* ---------------------------------------------------------------------- */ .align-center { margin-left: auto; margin-right: auto; text-align: center; } .float-left { float: left; } .align-left { text-align: left; } img.align-left { margin-bottom: 15px; margin-right: 15px; } .align-right { text-align: right; } .float-right { float: right; } img.align-right { margin-bottom: 15px; margin-left: 15px; } .fluid-width-video-wrapper { width: 100%; height: 100%; position: relative; padding: 0; } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ---------------------------------------------------------------------- */ /* Forms /* ---------------------------------------------------------------------- */ form { padding: 0; margin: 0; display: inline; } /* Borders and inner shadows */ input[type='text'], input[type='password'], input[type='email'], input[type='tel'], textarea, select, .form-control { border-color: #ccc; box-shadow: none; font-family: inherit; font-size: inherit; line-height: 1.6; height: auto; outline: 0; padding: 8px 10px; background-color: #fff; -webkit-transition: border .5s; transition: border .5s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none; } .form-control:focus { box-shadow: none; border-color: #999; } select { padding: 2px; } select:not([multiple]){ -webkit-appearance:none; -moz-appearance:none; background-position:right 50%; background-repeat:no-repeat; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=); padding: .5em; padding-right:2em; } fieldset { border:1px solid #ccc; border-width: 1px 0 0; } legend { font-size: 1em; text-transform:uppercase; letter-spacing: 2px; color: #999; line-height: 40px; } label, .form-group > label { font-weight: normal; } span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } div.required .control-label:before { content: '* '; color: #F00; font-weight: bold; } div.required .text-danger { animation: 0.8s fadeIn; display: inline-block; background: #ffdddc; margin: 3px 0; border-radius: 10px; padding: 0 10px; font-size: 0.9em; } input[type="radio"], input[type="checkbox"] { margin-top: 2px; } table td, table th { font-size: inherit; } .dropdown-menu { border-radius: 0; } /* Red mark for required fields */ span.required, .option .required { color: #DD0000; font-weight: bold; } .outstock, .instock { display: inline-block; letter-spacing: 1px; margin-bottom: 1em; padding: 0.1em 0.9em; font-size: 0.8em; border-radius: 12px; border: 1px solid #ddd; } .outstock i { color: #FF595D; font-size: 1.2em; } .instock i { color: #00ae7c; font-size: 1.2em; } /* Error messages */ input.error, select.error, textarea.error { border: 1px solid #F26B55; } span.error { display: block; color: #DD4B39; font-family: sans-serif; font-size: 85%; } /* Help */ .help { color: #999; font-size: 11px; font-weight: normal; font-family: sans-serif; display: block; } .form-actions .checkbox { text-align: left; } /* ---------------------------------------------------------------------- */ /* Buttons /* ---------------------------------------------------------------------- */ .buttons { /* Buttons container */ text-align: center; clear: both; padding: 17px 0; } .nav-pills>li>a, .cart .btn, .btn, .button, a.btn { display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; opacity: 1; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .btn:focus { outline: 0 none !important; } a.btn, .btn, .mainborder a.btn, a.btn-link, .btn-link, .btn-link:hover, .btn-link:focus { color: #151515; } .btn-default {border-color: #aaa;} .btn-primary, a.btn-primary, .mainborder a.btn-primary, .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary[disabled] { border-width: 1px; border-color: #999; color: #555; background: transparent; } .btn-primary:hover, a.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary.active, .btn-primary:active, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary:active.focus, .btn-primary.active.focus, .btn-primary.disabled, .btn-primary[disabled] { border-width: 1px; border-color: #151515; color: #151515; background: transparent; opacity: 0.92; } a.btn.btn-success {color: #fff;} .payment .right .button, .btn-cart, a.btn-cart, .mainborder a.btn-cart, #button-confirm { color: #fff; border-width: 1px; background-color: #151515; border-color: #151515; text-decoration: none; } .payment .right .button:hover, .payment .right .button:active, .payment .right .button:focus, .btn-cart:hover, .btn-cart:active, .btn-cart:focus, .btn-cart:active:focus, a.btn-cart:hover, a.btn-cart:active, a.btn-cart:focus, #button-confirm:hover, #button-confirm:active { color: #fff; border-width: 1px; background-color: #151515; border-color: #151515; text-decoration: none; opacity: 0.92; } .payment .btn:active, .btn-cart:active { background-color: #111 \9; } .rightcol .btn-cart, #button-cart, #total-cart .btn, .cart-summary .btn, .checkout .buttons .btn, .payment .btn { font-size: 1.1em; line-height: 1.2; padding: 11px 16px 12px; } .rightcol .btn-cart.quick-view, #button-cart.quick-view { font-size: 1em; } /* Layout ---------------------------------------------------------------------- */ /* Main container with shadows -------------------------------------------------- */ .home .home-top { border: 1px solid #ccc; border-width: 0 1px; background: #fff; overflow: hidden; } #content-wrapper .container-inner{ border: 1px solid #ccc; border-top-color:transparent; background: #FFF; } .container .container-inner { padding: 0 3%; } /* Main content -------------------------------------------------- */ #content { padding-bottom: 20px; } #content .info-inner { padding:40px 40px 20px; } #content.maintenance { padding:40px 0 0; } .mainborder { position: relative; } .home .mainborder { padding-top: 0 !important; } .mainborder .product-grid.row { margin-left: 0; } .mainborder .listing { padding: 20px 0; } /* Sidebars -------------------------------------------------- */ .content-top { margin-top: 10px; } .content-bottom { clear: both; } .home .content-top { margin-top: 0; } .sidebar { margin-top:10px; } /* Header ---------------------------------------------------------------------- */ #header { z-index: 97; /* background-image: url(../image/bg_top.png); */ background-color: white; } .header_inner { padding-bottom: 10px; position: relative; } #logo { text-align: center; padding-top: 10px; } .leftlogo #logo { padding-top:5px; } #logo img { display:inline; max-width: 100%; /* margin-left: 25px; */ } #header .rightbox, #header .leftbox { position: relative; padding-top: 10px;} #header .rightbox { text-align: right; } .fixed-menu {display: none;} #menu .topbar { background: #000; height: 4px; } .fullwidth_layout #menu .topbar {display: none !important} .navbar-transparent #menu .navbar{ border-bottom: 4px solid #111; } .fullwidth_layout #menu.navbar-transparent .navbar { background: transparent; border: 0; } .navbar-transparent .centralbox .container-inner, .navbar-transparent .centralbox .page-header {border-top-color: transparent !important;} .boxed_layout .navbar-light #menu .navbar, .fullwidth_layout .navbar-light #menu { border: 1px solid #ccc; border-top: 4px solid #111; background: #fff; } .fullwidth_layout .navbar-light #menu { border-left: 0; border-right: 0; border-bottom: 0; } .fullwidth_layout .navbar-light #menu .navbar { border: 0; } .navbar-transparent .cartcred { overflow: inherit; margin: 0px 20px; position: absolute; top: -65px; } .navbar-fixed-top .cartcred{ margin: 0px 20px; position: absolute; height: 70px; top: 5px; } .navbar-dark #menu .navbar, .fullwidth_layout .navbar-dark #menu { background: #111; } .navbar-dark #menu .navbar .nav > li > a, .navbar-dark #menu .navbar #cart .btn-header { color: #fff; } .navbar-dark #menu .navbar .nav > li > a:hover, .navbar-dark #menu .navbar #cart .btn-header { color: #f00; } .mfp-close.closesidebar, .closesidebar { float: right; border-radius: 50%; background: #f9f9f9; border: 9px solid transparent; color: #777; width: 34px; height: 34px; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; } .closesidebar:hover { background: #f2f2f2; } .closesidebar:before, .closesidebar:after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background-color: #282828; transform-origin: 50% 50%; opacity: 1; -moz-transition: -moz-transform ease 0.25s; -webkit-transition: -webkit-transform ease 0.25s; -o-transition: -o-transform ease 0.25s; -ms-transition: -ms-transform ease 0.25s; transition: transform ease 0.25s; } .closesidebar:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .closesidebar:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .closesidebar:hover:before, .closesidebar:hover:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .offcanvas .navbar-nav {margin: 15px 0;} .offcanvas.navmenu {margin-bottom: 0;} .offcanvas.navmenu { background: #fff; border-color: #ccc; } /* Language & Currency dropdowns -------------------------------------------------- */ #wrapselector { position: relative; display: inline-block; float: right; } #wrapselector .btn { padding: 0 6px 0; } #wrapselector .btn #form-currency .btn-link:hover, #form-currency .btn-link:focus { text-decoration: none; } #wrapselector .dropdown-menu .btn { padding: 3px 20px; text-align: left; } #wrapselector .dropdown-menu .btn.btn-block:hover, #wrapselector .dropdown-menu .btn.btn-block:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } #wrapselector .dropdown-toggle { color: #999; text-decoration: none; } /* Welcome & Important Links -------------------------------------------------- */ #top-links { display: inline-block; } #top-links .list-inline { margin: 0; padding-left: 6px; } #top-links .list-inline > li > a { text-decoration: none; } #top-links ul li.open > a {background: transparent;} #top-links .dropdown-menu {z-index: 9999;} #top-links form .dropdown-menu { display: block; position: relative; border: 0; box-shadow: none; padding: 0; margin: 0; } #top-links form .dropdown-menu .btn { padding: 3px 20px; } #form-language .dropdown-menu span.current, #form-currency .dropdown-menu span.current { color: #777; cursor: text; } #form-language .dropdown-menu span.current:after, #form-currency .dropdown-menu span.current:after { content: "\f00c"; font-family: 'FontAwesome'; margin-left: 5px; font-size: 10px; } #top-links form .dropdown-toggle { display: none; } #top-links form .dropdown-toggle i { display: none; } .leftlogo #logo { text-align:left; } div.header-info { padding-top: 10px; margin: 0; color: #777; } /* Mini Cart (module on the header) -------------------------------------------------- */ #cart { display: inline-block; position: relative; vertical-align: middle; } #cart .btn-header{ outline: none; text-decoration: none; border: 0; height: 40px; background: transparent; } #cart .btn-header .fa { font-size: 18px; } #cart .count { top: -10px; position: relative; } .navmenu-fixed-right { left: auto !important; } #sidecart { width: 400px; list-style: none; padding: 20px; } #cart img { min-width: 32px; } #cart .name { white-space: normal} #sidecart.panel-default { text-align: left; white-space: normal; } #sidecart .empty {color: #666;} #sidecart .empty i { color: #999; margin-bottom: 20px; } #sidecart h4 { margin: 0 0 20px; font-weight: 200; letter-spacing: 0.05em; } #sidecart h4 a { text-decoration: none; } #sidecart .remove { font-family: Helvetica, arial, sans-serif; font-weight: 200; font-size: 1em; text-decoration: none; } #sidecart .badge {background: #999;} #sidecart .totals { border: 1px solid #ccc; background: #f6f6f6; } #sidecart .cart-summary { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 20px 30px; background: #fff; } .table-items>tbody>tr>td { padding: 12px 8px; } #sidecart .img-thumbnail { border: 0; padding: 0; } /* Search box -------------------------------------------------- */ .search-field { text-align: left; } .search-field .input-group-btn { display: none; } .navbar-fixed-top #search { top: 0; } .search-categories { display: flex; } .search-categories select { font-size: 0.9em; width: auto; border-width: 0 1px 0 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .search-categories .btn { width: auto; background: #fff; border: 0; } .search-cat .search-field { width: auto; } .search-area-close { display: block; position: relative; float: right; margin: 0; font-size: 18px; text-align: center; } .search-trigger .search-close, .search-trigger.active .fa { display: none; width: 19px; } .search-trigger.active .search-close { display: block; height: 22px; width: 22px; border-width: 5px; animation: .28s zoomIn; } .search-trigger, .search-trigger:hover, .search-trigger:focus { border: 0; border-radius: 0; border-left: 1px solid rgba(0, 0, 0, 0.20); font-size: 18px; padding: 3px 12px; } .search-area { display: none; position: absolute; right: 40px; top: 15px; width: 30%; } .search-area .search-field { border: 1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .search-area .search-input { width: 100%; border: 0; } .search-area-close { position: absolute; right: 0; z-index: 9; } .search-area-close a { display: block; position: relative; width: 40px; height: 34px; text-align: center; text-decoration: none; font-family: Helvetica, arial, sans-serif; font-weight: normal; font-size: 24px; line-height: 30px; } .search-trigger a:before { content: "\f002"; font-family: 'FontAwesome'; font-size: 16px; } #search .input-group { width: 100%; } .search-field .input-group-btn>.btn { border: 0; background: #fff; } /* Regular Search Box */ .searchbox-regular .search-area { display: block; right: 50px; animation: .48s fadeIn; z-index: 9; } .searchbox-regular .search-field .input-group-btn { display: table-cell; } .searchbox-regular .search-field .input-group-btn>.btn .fa { line-height: 20px; } .searchbox-regular #search .input-group input[type='text'] { border-right-width: 0; border-color: #777; } .searchbox-regular .search-trigger, .searchbox-regular .search-area-close { display: none; } .searchbox-regular #cart .btn-header { margin-top: 5px; } @media (min-width: 992px) { .contact_form{ width: 50%; float: left; margin-top: 20px; } .searchbox-regular.leftlogo .search-area { width: 40%; max-width: 400px; right: 18%; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); transform: translateX(50%); } .searchbox-regular.leftlogo .search-categories { width: 100%; } } .searchbox-regular.leftlogo .header-info { display: none !important; } /* Live Search*/ div.live-search { box-shadow: none; border-radius: 0; margin-top: -1px; top: 100%; border-color: #282828; padding: 0; background: #fafafa; min-width: 280px; right: 0; left: auto; } div.live-search ul li { border-bottom: 1px solid #ddd; } div.live-search ul li, div.live-search ul li:nth-child(even) { padding: 0; margin: 0; clear: both; background: transparent; display: block; height: auto !important; } div.live-search ul li a { overflow:hidden; padding: 10px; } div.live-search ul li:hover { background-color: #fff; } div.live-search ul li .product-name { font-weight: normal; } div.live-search ul li .product-name p { font-style: normal; color: #999; } div.live-search .result-text { position: relative; background: #eaeaea; border-radius: 0; bottom: 0; } div.live-search .result-text, div.live-search .view-all-results, div.live-search .view-all-results:hover { color: #151515; display: block; padding: 5px; text-decoration: none; } div.live-search .result-text .btn { background: transparent; } /*Social icons on header*/ .topbar_inner { /*border-bottom: 1px solid rgba(0,0,0,0.1);*/ /*padding-top: 4px;*/ padding-bottom: 4px; min-height: 40px; } .topbar_inner .dropdown-menu { text-align: left;} #topbar .social { padding: 3px 0; float: right; } #topbar .social a { font-size: 16px; opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); margin-right: 5px; } #topbar .social a:hover { text-decoration: none; color: #151515; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #footer .container-inner { padding: 15px 3%; } #footer .social a { font-size: 18px; display: inline-block; text-decoration: none; width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; color: #666; } #footer .social a:hover { color: #151515; text-decoration: none; } /* Content Wrapper -------------------------------------------------- */ /* Page heading -------------------------------------------------- */ .page-header { text-align:center; margin: 20px 0px 20px; } .page-header h1 { font-size: 2em; margin: 0.44em 0 0.82em; letter-spacing: 0.05em; font-weight: normal; color: #151515; } .page-header h1 a { color: #151515; text-decoration: none; } .rightcol .page-header { text-align: left; border-top: 0; margin: 20px 0; } .rightcol .page-header h3 { font-size: 2em; font-weight: normal; margin-top: 0; margin-bottom: 0.22em; line-height: 1.3em; color: #151515; } /* Breadcrumbs -------------------------------------------------- */ .breadcrumb { background: none; font-size: 0.9em; padding: 0 15px 8px 0; margin-bottom: 0; font-weight: bold; } .breadcrumb>li { display: inline; } .breadcrumb a { color:black; } /* Information Boxes -------------------------------------------------- */ #notification { overflow: auto; } .alert-success, .alert-danger, .alert-warning, .alert-info { width: 75%; margin: 20px auto 25px; padding-top: 12px; padding-bottom: 12px; text-align: center; color: #555555; animation: 0.7s fadeInUp; } .alert-success a, .alert-danger a, .alert-warning a, .alert-info a { font-weight:bold; } .alert-success { background: #D4FFE3; border: 2px solid #80CFAB; } .alert-success .close { color: #80CFAB; opacity: 1; } .alert-danger { background: #FFD9D9; border: 2px solid #E68382; } .alert-danger .close { color: #E68382; opacity: 1; } .alert-warning { background: #FFE6E1; border: 2px solid #FFA09F; } .alert-warning .close { color: #FFA09F; opacity: 1; } .alert-info { background: #FFF5CC; border: 2px solid #F2DD8C; } .alert-info .close { color: #F2DD8C; opacity: 1; } /* Table styles -------------------------------------------------- */ .table thead td, .table thead th { text-align:center; vertical-align: middle; font-weight: normal; } .table .left { text-align: left; } .table .right { text-align: right; } .table .center { text-align: center; } /* Fake fieldset (legend style outside forms) ---------------------------------------------------------------------- */ .contentset { margin: 28px 0; text-align:left; padding-left: 10px; text-transform:uppercase; color:#999; border-top:1px solid #DDD; } .contentset.center { text-align:center; padding:0; } .contentset .inner { margin: -0.8em auto 0; font-weight: normal; font-size: 1em; letter-spacing: 3px; } .contentset span { background:#FFF; padding: 0 12px; } /* Box -------------------------------------------------- */ .box { margin-bottom: 20px; } .box .box-heading { padding: 8px 10px 7px 4px; font-size: 14px; font-weight: bold; text-transform:uppercase; margin-bottom: 12px; line-height: 14px; color: #151515; } /* Category boxes -------------------------------------------------- */ .box-category ul { list-style: none; margin: 0; padding: 0; } .box-category > ul > li { border-top: 1px solid #eee; display: block; position: relative; } .box-category > ul > li:first-child { border-top:0; } .box-category .expand { top: 6px; right: 0; position: absolute; cursor: pointer; padding: 2px 8px; font-size: 1.2em; font-family: Helvetica, arial, sans-serif; } .box-category .expand:before{ content: "+"; } .box-category ul li a { padding: 10px 15px; display: block; text-decoration: none; } .box-category ul li a:hover { background: #f6f6f6; } .box-category ul li.double a { display: inline-block; margin: 0; } .box-category ul li { position: relative; } .box-category > ul > li a.active + .expand:before { content: "-"; } .box-category > ul > li > a { display: block; } .box-category > ul > li ul { display: none; padding-left: 10px; animation: 1.2s fadeIn; } .box-category > ul > li a.active + ul { display: block; } .box-category > ul > li ul li a { color: #777; padding: 6px 10px 8px; } /* Category Slider -------------------------------------------------- */ .category-slider { border: 1px solid #ccc; padding: 1em 1.5em; margin: 1em 0 3em; border-radius: 5px; } .category-slider .owl-carousel { margin: 0; } .category-slider .contentset { border-color: transparent; margin-bottom: 38px; } .category-slider .contentset .inner span { color: #151515; } .category-slider .owl-item .catname { border-bottom: 1px solid #ccc; padding-bottom: 10px; letter-spacing: 1px; } .category-slider .owl-item .catdesc { color: #777; font-size: 0.9em; } .category-slider .owl-item:hover .catdesc { color: #151515; } .category-slider .quickview { bottom: 0; } /* Filter boxes -------------------------------------------------- */ .sidebar .contentset { margin: 20px 0; } .filter .panel { border: 0; } .filter a.list-group-item { border: 0; padding-bottom: 0; background: transparent; } /* Category info -------------------------------------------------- */ .category-info { margin-bottom: 20px; color: #777; overflow: hidden; } .category-info .image { float: left; margin: 0 15px 10px 0; } .category-details .contentset { margin-bottom: 18px; } .category-list { list-style: none; padding: 1em; background: rgba(0,0,0,0.05); } #subcategories .category-list { margin: 10px 0; background: rgba(0,0,0,0.05); } .category-list li { display: inline-block; text-align:center; } .subcat-btn { margin-right: 5px; } .subcat-btn i { margin-left: 5px; } .subcat_thumb a span { display: block; font-size: 0.9em; margin-top: 5px; } .subcat_thumb a:after{ content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.05); } .subcat a, .subcat_thumb a { padding: 10px; text-decoration: none; display: inline-block; position: relative; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; } .subcat_thumb a { background: #fff; color: #777; } .subcat:first-child a, .subcat_thumb:first-child a { border-left-color: transparent; } .subcat a:hover, .subcat_thumb a:hover { color: #151515; } /* Search -------------------------------------------------- */ .search-criteria { background:#f6f6f6; padding:12px; margin-bottom:10px; text-align:center; } .search.listing .contentset {border: 0; /*margin: 1em 0;*/ } .search-criteria .contentset .inner span{ background:#f9f9f9; } .search-criteria .search-box, .search-criteria select { margin-bottom:10px; background-color: #fff; display: inline-block !important; max-width: 450px; } .search-criteria .search-box { margin-bottom: 10px; } .filter-category { margin-bottom:10px; } /* Sitemap -------------------------------------------------- */ .sitemap-info { padding: 2em 5%; } .sitemap-info ul { list-style: none; } .sitemap-info ul ul { border-left: 1px solid #ccc; padding-left: 15px; margin-left: 15px; } .sitemap-info > .col-sm-6 > ul a { color: #777; padding: 3px 0; display: inline-block; } .sitemap-info > .col-sm-6 > ul > li > a, .sitemap-info > .col-sm-6 > ul > li { color: #151515; } /* Manufacturers -------------------------------------------------- */ .pagination.manufacturer { height:auto !important; } .pagination.manufacturer a { padding: 0 8px; margin-bottom: 2px; } #manufacturer-list ul { list-style: none; } /* Empty page -------------------------------------------------- */ .empty { padding: 45px 0; text-align: center; color: #ccc; } .empty.white { background: transparent;} .empty .alert { display: inline-block;} .note-light { color: #ccc; } /* Products Category Views -------------------------------------------------- */ /* Loader */ .hover-image-loading:before, .et-loader:before, .mfp-preloader:before { display: block; content: " "; position: absolute; top: 50%; right: 50%; width: 18px; height: 18px; margin: -9px -9px 0 0; background-color: #fefefe; border-radius: 100%; -webkit-animation: dotPulse .5s 0s infinite cubic-bezier(.21,.53,.56,.8); animation: dotPulse .5s 0s infinite cubic-bezier(.21,.53,.56,.8); } @-webkit-keyframes dotPulse { 0% { -webkit-transform:scale(.1); transform:scale(.1); opacity:0 } 50% { opacity:1 } to { -webkit-transform:scale(1.2); transform:scale(1.2); opacity:0 } } @keyframes dotPulse { 0% { -webkit-transform:scale(.1); transform:scale(.1); opacity:0 } 50% { opacity:1 } to { -webkit-transform:scale(1.2); transform:scale(1.2); opacity:0 } } @keyframes heartBeat { 0%, 100% { transform:scale(1) } 50% { transform:scale(1.1) } } @-webkit-keyframes heartBeat { 0%, 100% { -webkit-transform:scale(1) } 50% { -webkit-transform:scale(1.1) } } /* Quick View */ #quickViewContent { background: #FFF; max-width: 800px; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-transition: all 0.18s ease-in-out; -moz-transition: all 0.18s ease-in-out; -o-transition: all 0.18s ease-in-out; transition: all 0.18s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; } .mfp-s-ready #quickViewContent { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .mfp-s-removing #quickViewContent { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } #quickViewContent .product-page { padding: 0; margin: 0; overflow-x: hidden; } #quickViewContent .quick-row { margin: 0; } #quickViewContent .quick-row > .col { padding: 0; } #quickViewContent .quick-row .rightcol { margin-top: 50px; padding: 0 30px; } #quickViewContent div.owl-carousel { margin-bottom: 0; } .mfp-wrap .rightcol { opacity: 0; } .mfp-ready .rightcol { opacity: 1; -webkit-transition: opacity 0.68s ease-in-out; -moz-transition: opacity 0.68s ease-in-out; -o-transition: opacity 0.68s ease-in-out; transition: opacity 0.68s ease-in-out; } .quickview { text-align: center; position: absolute; bottom: 0; width: 100%; z-index: 999; background: rgba(255,255,255,0.85); padding: 0.3em 0; } .quickview > .btn, .quickview > a.btn { text-decoration: none; color: #151515; box-shadow: none !important; } .quickview > .btn span { margin-right: 3px; } .sidebar .quickview { display: none !important; } .product-layout .product-thumb .quickview, .owl-carousel .item .quickview { display: none; } .product-layout .product-thumb:hover .quickview, .owl-carousel .item:hover .quickview { display: block; } .mfp-close.closesidebar, .mfp-close.closesidebar:hover, .mfp-close.closesidebar:active { position: absolute; top: 10px; right: 10px; } a.more-details { position: absolute; top: 15px; right: 70px; color: #777; text-decoration: none; } .mfp-close-btn-in .mfp-close, a.more-details { color: #777; } .mfp-ajax-holder .mfp-close:hover, a.more-details:hover { color: #151515; } #quickViewContent .page-header { margin: 1em 0 0; text-align: left; border: 0; } #quickViewContent .page-header h1 { margin: 0; font-size: 18px; line-height: 1.3; } #quickViewContent .product-page .rightcol .price { margin: 0; } .product-page.quick-view .rightcol .compare, .product-page.quick-view .rightcol .wishlist { font-size: 13px; } @media (max-width: 991px) { #quickViewContent { max-width: 500px; } } /* Colorbox */ #cboxContent { border: 6px solid #f2f2f2; webkit-box-shadow: 0 1px 5px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 5px rgba(0,0,0,.5); box-shadow: 0 1px 5px rgba(0,0,0,.5); } #cboxTopCenter, #cboxTopLeft, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { display: none !important; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { bottom: 10px !important; } #cboxClose { top: 10px; right: 10px !important; bottom: auto; } /* Products filter -------------------------------------------------- */ .product-filter { padding: 0 0 10px; margin-bottom:20px; font-size:0.9em; border-bottom: 1px solid #ddd; } /* Buttons for Grid/List view -------------------------------------------------- */ .subcat-btn i, .product-filter .display .btn i { font-size: 14px; vertical-align: middle; } /* Filter options -------------------------------------------------- */ .product-filter .list-options { float:right; } .list-options .btn-group>.btn:last-child:not(:first-child), .list-options .btn-group>.dropdown-toggle:not(:first-child) { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .product-filter .display .btn:hover i, .product-filter .display .btn.active i{ opacity: .85; -moz-opacity:.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=85); } .product-filter .display .btn:hover i { color: #151515; } .product-filter .dropdown { display: inline-block; } .product-filter .open .dropdown-toggle { border-bottom-color: #fff !important; z-index: 1001; background: #fff !important; box-shadow: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; position: relative; } .product-filter .btn .caret {margin-left: 6px;} .product-filter .dropdown-menu { border-color: #8c8c8c; border-radius: 0; margin-top: -1px; padding: 0; } .product-filter .limit .dropdown-menu { max-width: 60px; } .product-filter .dropdown-menu a { font-size: 12px; padding: 6px 15px; } .product-filter .sort, .product-filter .limit { display: inline-block; margin-left:6px; } .product-filter .sort i { margin-right: 5px; color: #151515; } /* Price styles -------------------------------------------------- */ .price { margin-bottom: 4px; } .price-old { color: #999; text-decoration: line-through; font-weight: normal; } .price-new { color: #FF3B40; } .price-tax { display: block; } /* List view -------------------------------------------------- */ .row.product-listing, #related-products .row, .tabbed-products .row { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .product-list .image a { text-align: center; display: block;} .product-list .image img { max-width:100% !important; } .product-list .product-thumb .image { float: left; margin-right: 15px; max-width: 220px; position: relative; } .product-layout.product-list:first-child .caption {border: 0;} .product-layout.product-list .caption { text-align: left; overflow-y: hidden; height: auto !important; } .product-list .name { margin-bottom:5px; text-align: left; } .product-list .description { font-size: 0.95em; } .product-list .rating { font-size: 6px; } .product-list .price { color: #151515; } .product-list .price-tax { font-size: 0.85em; padding-left: 10px; color: #999; } .product-list .product-thumb .button-group { text-align: left; } .product-list .product-thumb .caption .button-group .wishlist { position: relative; height: auto; padding: 5px 10px; right: auto; top: auto; margin-top: 0.5em; } .compare a:hover, .wishlist a:hover, .remove a:hover { color: #444; cursor: pointer; text-decoration:none; } .product-list .wishlist, .product-list .compare { text-align: right; } .product-list .quickview { border: 0; } /* -------------------------------------------------- */ /* Grid view /* -------------------------------------------------- */ #content.col-sm-6 .cols-3 .grid-box, #content.col-sm-9 .cols-3 .grid-box { width: 33.3%; } #content.col-sm-12 .grid-box, #content.col-sm-9 .cols-4 .grid-box, .content-bottom .grid-box, .content-top .grid-box { width:24.9%; } #content.col-sm-12 .cols-4 .grid-box, .content-bottom .cols-4 .grid-box, .content-top .cols-4 .grid-box, .tabbed-products .grid-box { width:19.9%; } .grid-box { text-align: center; float: left; } .onsale { padding: 0 0.6em; position: absolute; font-size: 12px; z-index: 9; top: 15px; left: 15px; border-radius: 12px; color: #e6494d; background: rgba(255,255,255,0.9); } .sidebar .onsale { font-size: 10px; top: 2px; left: 0; margin: 0; } .grid-box .inner { padding: 10px 16px; text-align:center; position: relative; } .product-grid .stock, .product-layout .stock { position: absolute; top: 15px; right: 15px; } .product-grid .caption, .product-layout .caption { text-align: center; } .product-grid .caption .description { color: #777; display: none; } .product-grid .cart { margin: 9px 0; } .product-layout.product-grid .product-thumb { animation: 0.38s zoomIn; } .product-layout.product-list .product-thumb { animation: 0.48s fadeInUp; } .product-thumb { position: relative; margin-top: 10px; margin-bottom: 20px; } .product-layout:not(.product-list) .product-thumb:hover, .product-slider .product-thumb:hover { transform: translateY(-5px); } .product-thumb .button-group { text-align: center; } .product-thumb .button-group button { margin-top: 0.5em; text-decoration: none; border: 0; background: transparent; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .product-thumb .button-group button:first-child { text-transform: uppercase; border: 1px solid currentColor; } .product-thumb .button-group .btn, .product-slider .item .button-group .btn, .product-thumb .quickview, .product-slider .item .quickview { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } .product-thumb:hover .button-group .btn, .product-slider .item:hover .button-group .btn { opacity: 1; animation: 0.48s fadeIn; } .product-thumb:hover .quickview, .product-slider .item:hover .quickview { opacity: 1; animation: 0.28s fadeInUp; } .product-thumb .caption .button-group .wishlist, .product-slider .caption .button-group .wishlist { position: absolute; top: 10px; right: 10px; margin: 0; padding: 8px; border-radius: 100%; background: rgba(255,255,255,0.5); width: 30px; height: 30px; } .product-thumb .caption .button-group .wishlist:hover, .product-slider .caption .button-group .wishlist:hover { animation: heartBeat .6s ease-in-out infinite; } .product-thumb .image {text-align: center; position: relative;} .grid-box .image img, .product-thumb .image img { max-width:100%; margin: 0 auto; } .owl-carousel .image, .product-thumb .image { position: relative; display: block; overflow: hidden; } .image.hover_fade_in_back img { min-width: 100%; max-width: 100%; width: auto !important; height: auto !important; display: block; } .image.hover_fade_in_back > a > img { margin: 0 auto; } .image .front-image, .image .back-image { display: block; width: auto; height: auto; } .image .front-image img { min-width: 100%; max-width: 100%; width: auto !important; height: auto !important; display: block; } .image .back-image img { min-width: 100%; max-width: 100%; opacity: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; position: absolute; top: 0; width: auto !important; height: auto !important; display: block; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .product-thumb .image:hover .back-image img, .owl-carousel .item .image:hover .back-image img{ opacity: 1; } .caption h4 {text-align: center;} .caption h4, h4.name { font-size: 1em; line-height: 1.6em; letter-spacing: 1px; font-weight: normal; } h4.name a { color: #151515; text-decoration: none; } .product-grid .links { border-top: 1px solid #eee; margin-top: 5px; } .product-thumb .links span a { padding: 0 6px; text-transform: uppercase; font-size: 10px; color: #999; } .product-grid .links span a span {display: none;} .product-thumb .links span + span a{ border-left: 1px solid #ddd; } .table .rating { font-size: 8px; } .owl-carousel .item .rating, .product-layout .rating, .product-grid .rating { display: block; padding-top: 6px; font-size: 6px; color: #151515; } .home-top-full .rating, .content-top .rating, .content-bottom .rating { display: none; } .product-grid .price-tax { display: none; } /* Transform in single column in sidebars */ .sidebar .list-group-item { border-left: 0; border-right: 0; border-radius: 0; padding: 8px 15px; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background: #282828; border-color: #282828; } .sidebar .owl-carousel .owl-wrapper, .sidebar .owl-carousel .owl-item, .sidebar .product-layout { width: 100% !important; transform: none !important; } .sidebar .owl-carousel .owl-item .image, .sidebar .product-layout .product-thumb .image { width: 34%; float: left; padding-right: 20px; z-index: 99; } .sidebar .owl-carousel .item .product-thumb { margin-top: 0; } .sidebar .product-layout .product-thumb { position: relative; } .sidebar .product-layout .back-image, .sidebar .product-layout .links, .sidebar .product-layout .cart, .sidebar .product-layout .ovrlay, .sidebar .owl-carousel .item .button-group, .sidebar .owl-controls, .sidebar .price-tax { display: none !important; } .sidebar .owl-carousel .owl-item .caption, .sidebar .product-layout .caption { min-height: auto; text-align: left; width: 64%; float: left; } .sidebar .owl-carousel .owl-item .caption h4, .sidebar .product-layout .caption h4 { text-align: left; } .sidebar .product-thumb:hover .back-image img, .sidebar .owl-carousel .item:hover .image .back-image img { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } /* Single Product page -------------------------------------------------- */ .product-page { margin-bottom: 20px; } .product-page .mainborder { padding: 0; border-right: 0; } .prevnext .pager { float: right; text-align: right; margin: 0 0 10px; } .prevnext .pager li>a { padding: 0; width: 30px; height: 30px; line-height: 24px; font-size: 20px; text-align: center; color: #ccc; border-color: #ccc; } .prevnext .pager li>a:hover { border-color: #666; color: #666; background: #fff; } .title_top .page-header.title-right, .title_right .page-header.title-top { display: none; } .title_right .product-page .mainborder { padding-top: 20px; } .product-page .rightcol .onsale { position: relative; top: auto; left: 6px; display: inline-block; font-size: inherit; } .product-page .rightcol .onsale-before { display: none; } /* Icons -----------------------------------------*/ a .fa-times-circle { color: #999; } a:hover .fa-times-circle { color: #ff4a4a; text-decoration: none; } /* Images -------------------------------------------------- */ .product-page .leftcol .image { margin-bottom: 10px; text-align: center; position: relative; /*z-index: 0;*/ } .product-page .leftcol .image #wrap { z-index: 888 !important; } /* fix to keep dropdown menu on the front */ .product-page .leftcol .image a:focus { outline: none !important; } .product-page .leftcol .image img { max-width:100%; height: auto; } .product-page .image-additional { overflow: hidden; clear: both;} .product-page .image-additional ul { margin: 0; padding: 0; } .product-page .image-additional ul li { list-style: none; } .product-page .image-additional a {display: block;} .product-page .image-additional .item { padding: 5px; position: relative; display: inline-block; cursor: pointer; border: 1px solid transparent; } .product-page .image-additional .synced .item { border-color: #ccc; } .image .expand { position: absolute; top: 10px; right: 10px; z-index: 999; font-size: 30px; font-weight: 200; font-style: normal; line-height: 24px; display: inline-block; width: 30px; height: 30px; border: 1px solid transparent; color: #777; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .image .expand:hover { border-color: #777; } .product-page .featured-video { margin: 10px 0 20px; } .product-page .featured-video a { line-height: 22px; background: rgba(255,255,255,0.5); border: 1px solid #bbb; border-radius: 30px; padding: 4px 12px; } .product-page .featured-video .fa { margin-right: 4px; } .product-page .featured-video a:hover, .product-page .featured-video a:focus { border-color: #666; text-decoration: none; -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear; } @media (max-width: 767px) { .main-product-details.is_stuck { position: relative !important; width: 100% !important; top: auto; } .main-product-details.is_stuck + div { height: auto !important; } } @media (min-width: 768px) { .product-page .featured-video { position: absolute; margin: 0; top: 30px; left: 30px; z-index: 99; } } @media (min-width: 992px) { .product-page .product-showcase { position: relative; display: -webkit-box; display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-page .leftcol { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .product-page .rightcol { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } /* Vertical additional images on desktop*/ .product-page .gallery-slider-left.has-thumbnails .image { float: right; width: 85%; } .product-page .gallery-slider-left .image-additional { float: left; left: 0; width: 15%; position: absolute; max-height:500px; } .product-page .gallery-slider-right.has-thumbnails .image { float: left; width: 85%; } .product-page .gallery-slider-right .image-additional { float: right; right: 0; width: 15%; position: absolute; max-height:500px; } .product-page .gallery-slider-left .image-additional .mCSB_inside > .mCSB_container, .product-page .gallery-slider-right .image-additional .mCSB_inside > .mCSB_container { margin-right: 20px; } .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail { width: 1px; background-color: transparent !important; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px !important; } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background: rgba(0,0,0,.15) !important; } .product-page .gallery-slider-left .image-additional .owl-wrapper, .product-page .gallery-slider-right .image-additional .owl-wrapper { width:auto !important; left: 0 !important; transform: translate3d(0px,0px,0px) !important; } .product-page .gallery-slider-left .image-additional.owl-carousel .owl-item, .product-page .gallery-slider-right .image-additional.owl-carousel .owl-item { float: none; margin-bottom: 10px; width: 100% !important; } .product-page .gallery-slider-left .image-additional.owl-carousel .owl-controls, .product-page .gallery-slider-right .image-additional.owl-carousel .owl-controls { display: none !important; } .product-page .gallery-slider-left .image-additional a, .product-page .gallery-slider-right .image-additional a { float: none; display: inline-block; } /* Single Column Gallery */ .product-page .gallery-single-column .owl-carousel .owl-wrapper { width: 100% !important; transition: none !important; transform: none !important; } .product-page .gallery-single-column .owl-controls, .product-page .gallery-single-column .image-additional { display: none !important; } .product-page .gallery-single-column .owl-item { margin-bottom: 5px; } } /* Description -------------------------------------------------- */ .product-page .description { line-height: 26px; color: #151515; border-top: 1px solid #ddd; padding: 10px 0 10px 30px; } .product-page .description ul { margin-bottom: 0; } .product-page .description li { margin-right: 10px; display: inline-block; color: #151515; } .product-page .description span { padding: 0 0.3em; clear: right; color: #999; } .product-page .description a { color: #999; } /* Price -------------------------------------------------- */ .product-page .rightcol .price { color: #151515; background: #f6f6f6; padding: 10px 15px; clear: both; } .product-page .rightcol .price-normal, .product-page .rightcol .price-new { font-size: 1.24em; } .product-page .price-tax { color: #999; font-size: 0.85em; line-height: 2.3em; } .product-page .rightcol .discount { display: inline-block; clear: both; padding: 0.5em 0; font-size: 0.9em; } .product-page .rightcol .discount li { list-style-type: none; display: inline-block; border-left: 1px solid #ddd; padding-left: 8px; margin-left: 8px; } .product-page .rightcol .discount li:first-child { border: 0; padding-left: 0; } .product-page .rightcol .discount span { color: #151515; } .product-page .points, .product-page .reward { margin-bottom: 0.5em; padding-left: 10px; } /* Options -------------------------------------------------- */ .product-page .options { padding: 10px 5px 0px 5px; margin-bottom: 10px; color: #000000; } .product-page .option-image input { float: none; display: inline; margin-right: 6px; } .options .radio { display: inline-block; margin-top: 0; } .options .radio label { padding: 0 5px 0 0; } .options .radio input { z-index: -1; visibility: hidden; position: relative; height: 0; width: 0; display: block; } .options .radio .radio-caption { border: 1px solid #ddd; padding: 1px 5px; border-radius: 3px; min-width: 28px; display: block; text-align: center; } .options .radio input:checked + .radio-caption { border-color: #151515; } .options .radio .radio-caption .radio-price { color: #777; } .options .radio-image input:checked + img { border-color: #151515; } .options .radio-image .radio-caption { visibility: hidden; height: 0; width: 0; padding: 0; font-size: 0; display: block; } /* Uncomment to make image options rounded*/ /*.options .radio-image img { border-radius: 30px; height: 40px; width: 40px; padding: 3px; }*/ /* Cart -------------------------------------------------- */ .product-page .rightcol .cart { padding: 16px 0; text-align: center; } .product-page .cart input[type="text"] { font-size:16px; margin: 0; width: 30px; padding: 8px 0; display: inline-block; text-align: center; border-radius: 0; border: 0; } .product-page .more-actions { margin:8px 0; } .product-page .more-actions span { display: inline-block; margin-right: 6px; } .product-page .minimum { color: #999; padding: 0.5em 0; clear: both; font-size: 0.8em; } .qty-minus, .qty-plus { text-align: center; cursor: pointer; font-size: 22px; font-weight: 200; font-family: Helvetica, Arial, sans-serif; line-height: 1.1; display: block; float: left; padding: 2px; height: 30px; width: 30px; border-radius: 50px; text-align: center; } .qty-minus:hover, .qty-plus:hover { color: #282828; background: #f2f2f2; } .product-page .cart .input-qty { vertical-align: top; margin-bottom: 10px; overflow: hidden; display: inline-flex; align-items: center; } .product-page .qty-input-div { display: block; float: left; } .product-page .rightcol .compare { border-left: 1px solid #ddd; } .product-page .rightcol .compare, .product-page .rightcol .wishlist { text-decoration: none; } .product-page .rightcol .wishlist i { padding: 3px; } .product-page .rightcol .wishlist:hover i { animation: heartBeat .6s ease-in-out infinite; } .product-page .wishlist, .product-page .compare { margin-top: 0.5em; } .product-page .stock { float: right; } /* Review buttons -------------------------------------------------- */ .product-page .review { margin-bottom: 16px; } .product-page .review a { color: #777; display: inline-block; vertical-align: middle; } .product-page .review span { font-size: 7px; color: #151515; } /* Review details -------------------------------------------------- */ #full-info .review { margin: 0.5em 0; } #review .single { margin-bottom: 24px; } .review-date { border-left: 1px solid #ddd; margin-left: 0.5em; padding-left: 0.5em; font-size: 0.9em; } #review .author { color: #151515; } @media (max-width: 768px) { #tab-review { margin-bottom: 60px; } } /* Share buttons -------------------------------------------------- */ .share { line-height: normal; border-top: 1px solid #ddd; padding: 15px 0; text-align: right; } .share .whats { text-align: center; float: left; } .share .whats p { text-align: center; } .share ul { padding-left: 0; margin-bottom: 0; } .share ul li { display: inline-block; margin: 0 3px 3px 0; } .share a { line-height: 16px; font-size: 16px; display: inline-block; padding: 5px; text-decoration: none; color: #555; } .share a:hover { color: #151515; } /* Full description -------------------------------------------------- */ .rightcol #full-info .panel-group { margin-bottom: 5px; } #full-info img { max-width: 100%; height: auto; } .nav-pills { text-align: center; margin-bottom: 20px; border-bottom: 1px solid #ddd; } .nav-pills>li { float: none; display: inline-block; } .nav-pills>li>a{ background: transparent; font-size: 28px; color: #999; padding: 15px; } .nav-pills>li>a:hover, .nav-pills>li>a:focus { background: transparent; color: #151515; font-size: 28px; } .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { background: transparent; color: #151515; } .nav-pills>li.active>a:before { position: absolute; bottom: -9px; left: 40%; display: inline-block; border-right: 9px solid transparent; border-top: 9px solid #bbb; border-left: 9px solid transparent; border-top-color: #bbb; content: ''; } .nav-pills>li.active>a:after { position: absolute; bottom: -8px; left: 40%; margin-left: 1px; display: inline-block; border-right: 8px solid transparent; border-top: 8px solid #fff; border-left: 8px solid transparent; content: ''; } .tab-content>.active { animation: 0.7s fadeIn; } .tab-content h1, .tab-content h2, .tab-content h3, .tab-content h4, .tab-content h5 { color: #151515; } /* Accordion */ .panel-group .panel { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-width: 1px 0 0; -webkit-box-shadow: none; box-shadow: none; background: transparent; } .panel-default > .panel-heading { background-color: transparent; border-width: 1px 0 0; } .panel-title { letter-spacing: 0.05em; font-weight: normal; } .panel-heading .accordion-toggle { display: block; } .panel-group .panel-heading+.panel-collapse .panel-body { border: 0; } .accordion-toggle:hover, .accordion-toggle:focus, .accordion-toggle.active { color: #151515; text-decoration: none; } .accordion-toggle.active:hover { background: transparent; } .accordion-toggle .expand { display: block; float: left; cursor: pointer; width: 16px; height: 16px; margin-right: 6px; color: #999; } .accordion-toggle .expand:before { content: "+"; } .accordion-toggle:hover .expand { color: #151515; } .accordion-toggle.active .expand:before { content: "-";} .accordion .table td, .accordion .table th { border-top-style: dotted; } .attribute thead td { background: none; } .attribute thead td { text-align: center; color: #999; padding-top: 15px; } /*Attributes*/ .attribute thead td { background: none; } .attribute thead td { text-align: center; color: #999; padding-top: 15px; } .attribute thead td { background: none; } .nav-tabs > .active > a { font-weight: bold; } .nav-tabs > li > a { color: #777; } .tab-pane { width: 100%; position: relative; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #151515; } .htabs { height: 32px; line-height: 16px; border-bottom: 1px solid #DDDDDD; } .htabs a { padding: 9px 15px 7px 15px; float: left; font-weight: normal; text-align: center; text-decoration: none; color: #777; margin-right: 2px; display: none; } .htabs a:hover { background: #eee; } .htabs a.selected { padding-bottom: 7px; background: #FFFFFF; font-weight: bold; color: #151515; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; } .tab-content { padding: 10px; margin-bottom: 20px; z-index: 2; clear: both; } .tabbed-products { padding-top: 1.5em; } .tabbed-products .tab-content { padding: 0; margin: 0; } /* Product comparison -------------------------------------------------- */ .compare-info td { border-top: 1px dotted #ddd; border-left: 1px solid #eee; text-align: center; position: relative; } .compare-info td div { position: relative; } .compare-info td:first-child { border-left: 0; } .compare-info td.title { text-align:right; text-transform:uppercase; color: #000; border-left-color:#fff; } .compare-info .description { font-size:11px; } .nav-container { padding: 8px; text-align: center; } /* Orders, Downloads, Returns, Wishlist, Address -------------------------------------------------- */ .btn-remove, a.btn-remove { font-family: Helvetica, arial, sans-serif; font-weight: 200; font-size: 24px; background: transparent; color: #999 !important; } .btn-remove:hover, a.btn-remove:hover { color: #151515 !important; } /* Shopping Cart -------------------------------------------------- */ .heading h1 span.weight { color: #666; font-size:16px; display:block; margin-top:8px; } .cart-inner { padding: 5% 10%; } #cart-info { margin-bottom: 12px; } #cart-info td { border-top: 0; border-bottom: 1px solid #eee; vertical-align: middle; background: #FFF !important; } #cart-info .input-qty { width: 45px; display: inline-block; } #cart-info .image { text-align: center; } #cart-info .price, #cart-info .total { text-align: right; } #cart .total td { padding: 2px 4px; } #cart-info .quantity { white-space: nowrap; } #cart-info .name a { letter-spacing: 1px; } small { color: #999; font-size: 11px; } #cart-info .update-cart { color: #269505; cursor: pointer; } /* ToDo next -------------------------------------------------- */ #cart-module .fa-caret-down { float: right; } #cart-module .fa-caret-down:before { content: "\f105"; } #cart-module .active .fa-caret-down:before { content: "\f106"; } #cart-module .panel-group { border: 1px solid #ccc; border-top: 0; } #cart-module .panel-group .panel { background: transparent; margin: 0; } #cart-module .panel-default>.panel-heading { background: transparent; padding: 12px 15px; } #cart-module h4 { font-size: 1em; } #cart-module h4 a { text-decoration: none; display: block; } #cart-module .form-group { margin-bottom: 0; } #cart-module .input-group-btn { display: block; width: auto; padding-top: 10px; clear: both; } #cart-module .input-group-btn:last-child>.btn { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } #cart-module .control-label, #cart-module .control-label + div { text-align: left; width: 100%; float: none; padding-bottom: 5px; } #cart-module .panel-body > .control-label { display: none; } #cart-module #button-quote {margin-top: 5px;} #cart-module .panel-body { padding: 15px 20px; } #cart-module h4 a .fa { float: right; } /* Cart Total -------------------------------------------------- */ #total-cart { margin-bottom: 10px; } #total-cart table { margin: 0 12px 0 0; background: #f6f6f6; border: 1px solid #ccc; } #total-cart #continue-shopping { margin-top: 6px;} /* Account -------------------------------------------------- */ .forgotten { float: right; } .contentset .fa { color: rgba(0,0,0,0.4); margin-right: 6px; } .sidebar .list-group-item { border-width: 0 0 1px 0; margin-bottom: 0; border-radius: 0; } .sidebar .list-group-item:last-child { border: 0; } .register-notes { margin-top: 10px; } /* Checkout -------------------------------------------------- */ #checkout { padding: 5% 10%; } #checkout .panel-default { border-width: 1px 0 0 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } #checkout .panel-default:first-child {border: 0;} #checkout .panel-title a.active { text-align: center; padding-top: 12px; font-size: 1.2em; } #checkout .panel-title a.active .fa { display: none;} .checkout-confirm .quantity { text-align: center; } .checkout-confirm .price, .checkout-confirm .total { text-align: right; } .checkout-confirm table tfoot { background: #f6f6f6; border: 1px solid #ddd; } .checkout-confirm table tfoot td.last { font-weight: bold; color: #151515; } .checkout .buttons .pull-right { float: none !important; } .checkout .buttons .btn { min-width: 250px; } #checkout .panel-title i { float: right; } #checkout .panel-title .fa-caret-down:before { content: '\f107'; } .checkout-options { text-align: center; padding-bottom: 1em;} #checkout .login .inner { max-width: 460px; margin: 0 auto; } /* Ajax Checkout plugin */ .d-checkout-main .breadcrumb { padding: 20px 0; } #d_quickcheckout .btn-default { background: none; border-color: #777; border-left-color: transparent; } #d_quickcheckout .btn-group:first-child .btn-default { border-left-color: #777; } #d_quickcheckout .btn-danger { background: #da4f49; box-shadow: none; text-shadow: none; } #d_quickcheckout .btn-primary, #d_quickcheckout .btn-primary:hover, #d_quickcheckout .btn-primary:active, #d_quickcheckout .btn-primary.active, #d_quickcheckout .btn-primary.disabled, #d_quickcheckout .btn-primary[disabled] { background: #282828; border-color: #282828; box-shadow: none; text-shadow: none; } /* ---------------------------------------------------------------------- */ /* Footer /* ---------------------------------------------------------------------- */ #footer { margin-top:12px; color: #888; } #footer h3 { color: #151515; font-size:1.1em; font-weight: normal; line-height: 1.4em; letter-spacing: 0.05em; padding: 0; margin: 4px 0 8px; } #footer ul { list-style:none; margin:0; padding: 0; } #footer li { line-height: 1.8em; } #footer li a { text-decoration:none; color: #888; } #footer .social { margin-bottom:8px; text-align: right; } #footer .footer_info { text-align: right; } #footend { margin-top:12px; text-align:center; font-size: 0.9em; } #footend .copy { border-top:1px solid #ccc; padding: 2em 0; } #footer .footer_info, #footer .footer_info p, #copy, #copy p { line-height: 1.3em; } /* Banner */ .default_banner { margin-bottom:10px; text-align: center; } .default_banner div img { max-width:100%; } /* Revolution Slider -------------------------------------------------- */ .tp-bannershadow.tp-shadow1, .tp-bannershadow.tp-shadow2, .tp-bannershadow.tp-shadow3 {display: none;} .tp-button, .tp-button:hover, .tp-button:focus { -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; text-decoration: none; background: transparent; letter-spacing: 0 !important; } /*div.tparrows:before { margin-top: 6px; }*/ .tp-bullets.simplebullets.round div.bullet { background: #ccc; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; border: 1px solid #fff; width: 15px; height: 15px; } .tp-bullets.simplebullets.round div.bullet.selected { background: #e6494d !important; border-color: #e6494d !important; } div.tp-leftarrow.default, div.tp-rightarrow.default { background: rgba(0,0,0,0.4); -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; } div.tp-leftarrow.default:hover, div.tp-rightarrow.default:hover { background: #111 !important; } /* Owl Slider custom styles -------------------------------------------------- */ /* Products carousel */ div.owl-carousel { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; background: transparent; border: 0; overflow: visible; padding: 0; } div.owl-wrapper-outer { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; border:0; } div.owl-controls .owl-pagination { bottom: 20px; top: auto; } .product-gallery div.owl-controls .owl-pagination { left: 20px; position: absolute; } div.owl-controls .owl-page { vertical-align: middle; } div.owl-controls .owl-page span, div.owl-controls .owl-page.active span { width: 6px; height: 6px; box-shadow: none; background: #aaa; } div.owl-controls .owl-page.active span { width: 12px; height: 12px; background: transparent; border: 2px solid #777; } .owl-carousel .item .product-thumb { padding: 0 10px; text-align: center; position: relative; overflow: visible; } .owl-carousel .item .product-thumb:hover { transform: translateY(-5px); } .product-slider .caption .button-group .wishlist { right: 20px; } .owl-carousel .item .product-thumb .onsale { left: 25px; } .owl-carousel .item .rating { display: block; font-size: 6px; padding-top: 6px; } .owl-carousel .item .rating img { width: auto; display: inline; } .owl-carousel .item a:hover { text-decoration: none; } .owl-carousel .slides img { display: inline; width: auto; max-width: 100%; } .owl-carousel .item .button-group { margin-top:4px; } div.owl-carousel .owl-buttons div { text-shadow: none; } div.owl-carousel .owl-buttons div + div { margin-left: 5px; } div.owl-carousel .owl-buttons { position: absolute; top: -48px; right: 0; width: 80px; background: #fff; text-align: right; } .countdown_deals div.owl-carousel .owl-buttons, .category-slider div.owl-carousel .owl-buttons, .tabbed-products div.owl-carousel .owl-buttons { top: -60px; } div.owl-carousel .owl-buttons .owl-next, div.owl-carousel .owl-buttons .owl-prev { cursor: pointer; -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; border: 1px solid #ccc; position: relative; left: auto; right: auto; display: inline-block; } div.owl-carousel .owl-buttons div i.fa { margin-top: 0; width: 28px; height: 28px; line-height: 26px; font-size: 20px; text-align: center; color: #999; } div.owl-carousel .owl-buttons .owl-next:hover, div.owl-carousel .owl-buttons .owl-prev:hover { border-color: #777; } div.owl-carousel .owl-buttons div:hover i { color: #777; } .content-top div.owl-carousel .owl-buttons .owl-next, .content-top div.owl-carousel .owl-buttons .owl-prev, .content-bottom div.owl-carousel .owl-buttons .owl-next, .content-bottom div.owl-carousel .owl-buttons .owl-prev, .product-slider div.owl-carousel .owl-buttons .owl-next, .product-slider div.owl-carousel .owl-buttons .owl-prev { opacity: 1; } .image div.owl-carousel .owl-buttons { position: inherit; top: auto; right: auto; width: auto; background: transparent; } .image div.owl-carousel .owl-buttons .owl-next, .image div.owl-carousel .owl-buttons .owl-prev { position: absolute; margin-top: -20px; } .image div.owl-carousel .owl-buttons .owl-prev { left: 10px; } .image div.owl-carousel .owl-buttons .owl-next { right: 10px; } /* Banners Carousel */ .banner-carousel { border-top: 1px solid #ddd; padding-top: 10px; } .owl-carousel .item img { margin: 0 auto; max-width: 100% } /* Nivo Slider */ #content.col-sm-9 .slideshow { margin: 10px 0; } #content.col-sm-12 .slideshow, #content-wrapper .slideshow { position: relative; } /* FAQ -------------------------------------------------- */ .faq-block > div { padding: 2em 0; border-bottom: 1px solid #eee; } .faq-block > div:last-child { border: 0; } /* Blog -------------------------------------------------- */ .blog_grid_holder { margin-left:-15px; margin-right:-15px; padding-top:13px; } .blog_item { padding: 0 15px; margin-bottom: 10px; display:inline-block; vertical-align:top; width:100%; } .column-2 .blog_item { width:48%; float: left; } .column-3 .blog_item { width: 33%; float: left; } .column-4 .blog_item { width:24%; float: left; } #content .column-1 .blog_item { padding: 15px; border-bottom: 1px solid #eee; } #content .column-1 .blog_item:last-child { border-bottom: 0; } .carousel-1 .blog_item { width:100% !important; /* carousel */ margin-bottom:0px; } #column-left .blog_item, #column-right .blog_item { width:100%; /* carousel */ margin-bottom:17px; } h2.blog_title { font-weight: normal; letter-spacing: 0.05em; font-size: 1.4; line-height: 1.4em; margin-top: 0; } #content h2.blog_title { font-size: 24px; margin-bottom: 5px; } #content .column-2 h2.blog_title, #content .column-3 h2.blog_title, #content .column-4 h2.blog_title { font-size: 1.2em; } #content-wrapper .content-top h2.blog_title, #content-wrapper .sidebar h2.blog_title, #content-wrapper .content-bottom h2.blog_title, #content-wrapper .related h2.blog_title { font-size: 16px; } h2.blog_title a { text-decoration: none; } .blog_stats { padding-left: 31px; position: relative; } .blog_stats:before { position: absolute; top: 10px; left: 0; display: block; content: " "; width: 21px; height: 1px; background: #dadada; } .blog_image { margin: 15px 0; position: relative; overflow: hidden; -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear; } .blog_item .blog_image img { -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all .25s linear; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); backface-visibility: hidden; transform-origin: center center; } .blog_item:hover > .blog_image img { -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .blog_item > .blog_image a:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0; } .blog_item:hover > .blog_image a:after { opacity: 0.1; } /* Blog Single */ .fullwidth_layout #blog-single { padding-top: 20px; } .blog_image_container.main_thumb { border: 1px solid #ccc; border-width: 0 1px; } .blog_image_container.main_thumb img { width: 100%; height: auto } .blog-single .blog_stats { margin: 10px 0; } .blog-single .blog_stats:before { display: none; } .blog_stats span { display:inline-block; margin-right:5px; margin-bottom:8px; line-height:12px; } .blog_stats span b { font-weight: normal; } .blog_stats span + span { padding-left:7px; } .blog_post.mainborder { padding: 0 8%; } .blog_post .main_description { padding: 2em 0; } .blog_post .main_description p { font-size: 1.2em; } .blog_post .share { padding-top: 0; margin-bottom: 2em; border: 0; text-align: center; } .blog_post .tags { text-align: center; padding: 2em 0; color: #151515; border-top: 1px solid #ddd; } .blog_post .tags a { color: #999; } /* Deals -------------------------------------------------- */ .countdown_deals { border: 1px solid #e6494d; padding: 1em 1.5em; margin: 1em 0; border-radius: 5px; } .countdown_deals .owl-controls { margin-top: 10px; } .countdown_deals .owl-carousel { margin: 0; } .countdown_deals .contentset { border-color: transparent; margin-bottom: 38px; } .countdown_deals .contentset .inner span, .countdown_deals .contentset .inner .fa { color: #e6494d; font-size: 1.2em; } .countdown_deals .item .product-thumb .onsale { left: 35px; } .countdown_deals .caption, .countdown_deals h4.name { min-height: auto; height: auto !important; } .countdown_deals .description { margin-bottom: 10px; font-size: 0.9em; display: none; } .countdown_deals .owl-item .product-thumb { border-right: 1px solid #ddd; padding: 10px 20px; } .countdown_deals .owl-item .product-thumb:hover { transform: translateY(-5px); } .countdown_deals .owl-item:last-child .product-thumb { border: 0; } .countdown_deals .hide_cart .cart { display: none; } .countdown_deals .product-thumb .button-group { border: 0; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } .countdown_deals .product-thumb .button-group .btn { opacity: 1; padding: 8px 12px; width: 100%; border: 1px solid #999; } .countdown_deals .product-thumb:hover .button-group .btn { background: #151515; border-color: #151515; color: #fff; } .countdown_sec_titles { display: table; width: 100%; } .countdown_sec_titles span { display: table-cell; text-align: center; font-size: 0.8em; } .countdown_deals .is-countdown { margin: 5px 0; } span.countdown-section { width: 25%; display: inline-block; font-size: 18px; line-height: 40px; padding: 2px; position: relative; text-align: center; } span.countdown-amount { display: block; background: #787878; border-radius: 3px; color: #fff; font-weight: bold; height: 40px; vertical-align: middle; line-height: 40px; } span.countdown-period { font-size: 11px; line-height: 30px; color: #777; text-transform: uppercase; display: block; } .product-layout.product-list .box-timer { max-width: 260px; } /*Product page countdown*/ .product-page .box-timer.is-countdown { margin: 10px auto; width: 250px; } .product-page span.countdown-row { border: 2px solid #ddd; border-radius: 5px; overflow: hidden; display: block; padding: 8px; } span.countdown-section:before { display: none; } span.countdown-section:last-child .countdown-amount { background: #e6494d; animation: 0.48s flipInX; } .product-page span.countdown-amount { padding: 0 10px; } /* Quick View */ .quick-view.product-page span.countdown-amount { font-size: 16px; } .quick-view.product-page span.countdown-period { font-size: 10px; } /* Cloud zoom -------------------------------------------------- */ /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens {counter-reset: border: 4px solid #888; margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:pointer; } /* This is for the title text. */ .cloud-zoom-title { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { border:4px solid #ccc; border: 0; left: 0 !important; right: 0; overflow:hidden; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#151515; padding:3px; border:1px solid #000; } /* Always show slider arrows if cloud zoom is enabled */ .cloud-zoom-enabled .owl-carousel .owl-buttons div { opacity: 1; } /* UItoTop (http://www.mattvarone.com/web-design/uitotop-jquery-plugin/) -------------------------------------------------- */ #toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; background:#151515; color: #FFF; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } #toTop:before { font-family: 'FontAwesome'; content: '\f106'; color: #FFF; font-size: 36px; line-height: 44px; padding: 14px; } #toTop:hover { background:#e6494d; } #toTop:hover:before {color: #fff; } #toTopHover { display: none !important;} #toTop:active, #toTop:focus { outline:none; } /* Layouts -------------------------------------------------- */ /* Full Width */ .fullwidth_layout #content-wrapper .centralbox { background: #fff; border: 1px solid #bbb; border-width: 1px 0; } .fullwidth_layout #content-wrapper.navbar-dark .centralbox { border-top: 0; } .fullwidth_layout #content-wrapper .centralbox .container-inner { border:0; padding: 10px 0; background: transparent; } .fullwidth_layout #content.col-sm-12 .slideshow, .fullwidth_layout #content-wrapper .slideshow, .fullwidth_layout .navbar, .fullwidth_layout #thickbar { margin-left: 0; margin-right: 0; } .fullwidth_layout .home .home-top {border: 0;} .fullwidth_layout .navbar-inside { border-left: 0; border-right: 0; border-bottom: 1px solid #ddd; } .fullwidth_layout .navbar-transparent #menu .navbar { border: 0; } /* Boxed */ .framed_layout .topbar_inner { border: 0; } .framed_layout .header_inner { border: 5px solid #ccc; border-bottom: 0; background: #fff; padding: 10px 15px; } .framed_layout .navbar, .framed_layout .navbar-transparent #menu .navbar, .framed_layout .navbar-light #menu .navbar, .framed_layout .home .home-top { background: #fff; border: 5px solid #ccc; border-width: 0 5px; padding: 0 20px; } .framed_layout .topbar {display: none !important;} .framed_layout .navbar-dark #menu .navcontainer, .framed_layout .navbar-fixed-top .navcontainer { border: 0; } .framed_layout .navbar.navbar-fixed-top { border:0; border-bottom: 1px solid #999;} .framed_layout #content-wrapper .container-inner { border-width: 1px 5px 5px; } /* Rich Banners */ .rich_banner { overflow:auto; text-align: center; margin: 1em -10px 1em 0; } .rich_banner .banner { padding: 0 10px 0 0; margin-bottom: 0.6em; } .rich_banner .img-responsive {width: 100%;} .rich_banner .banner_inner { border-left: 1px solid #eee; display: block; text-decoration: none; } .rich_banner .image.banner_inner { border-radius: 0; } .rich_banner .banner:first-child .banner_inner { border: 0 !important; } .rich_banner .info_wrapper { display: block; text-align: center; bottom: 8px; right: 8px; left: 8px; top: 8px; padding: 10px 20px; /*padding-top: 10%;*/ transition: bottom 400ms; } .rich_banner .image .info_wrapper { position: absolute; text-shadow: 0px 0px 7px rgba(0,0,0,0.5); } .rich_banner .info_wrapper h4 { font-weight: 200; font-size:24px; line-height:26px; } .rich_banner .info_wrapper a { text-decoration: underline; } .banner_inner { -webkit-backface-visibility:hidden; overflow:hidden; position: relative; } .zoom_image { transition:all 400ms; } /* Testimonials */ .box.testimonials { margin: 1em 0; padding: 10px 10px 0; background: #f6f6f6; border-radius: 5px; } .box.testimonials .contentset { border: 0; } .box.testimonials .contentset span { background: transparent; } .testimonials .carousel {margin-bottom: 0;} .item.testimonial { text-align:left; padding:5px 15px; margin-bottom:30px; } .testimonial_list { text-align: center; padding:10px 10%; margin-top: 20px; } .testimonial_list .rating span, .item.testimonial .rating span { font-size: 8px; color: #151515; } .testimonial_list .date_added, .item.testimonial .date_added { font-size: 12px; margin-left: 5px; padding: 1px 6px; border-radius: 3px; background: rgba(0,0,0,0.05); display: none; } .carousel .item.testimonial { margin-bottom:0px; padding: 0 5% !important; text-align: center; width: 100% !important; } .item.testimonial:before { display:none; } .item.testimonial .heading, .testimonial_list .heading { font-size:1.1em; letter-spacing: 1px; line-height:28px; margin: 0 0 5px; color: #151515; font-weight: normal; } .item.testimonial .review, .testimonial_list .review { margin-bottom:10px; line-height:21px; font-size: 1em; display:block; } .carousel .testimonial .review:before { font-family: 'FontAwesome'; font-size: 2em; margin: 0 5% 0 5%; color: rgba(0,0,0,0.25); content:"\f10d"; float: left; } .item.testimonial .city, .testimonial_list .city { color:#999; } .item.testimonial .rating { display:inline-block; margin: 0 0 10px; position: relative; top: auto; right: auto; display: block; font-size: 1em; color: #151515; } .testimonial_author { display: inline-block; border-top: 1px solid #ddd; padding: 6px 20px 0; margin: 10px 0; } .testimonials_links { padding:0 15px 15px; text-align:right; width:100%; } .testimonials_links a { text-decoration: none; } .testimonials_links a + a { border-left: 1px solid #ddd; padding-left: 10px; margin-left:5px; } .footer_modules .testimonials { border: 0; margin:0; } .footer_modules .testimonials .contentset, .footer_modules .testimonials .testimonials_links { display: none; } .testimonials div.owl-carousel .owl-buttons { background: transparent; } .footer_modules .testimonials .owl-buttons { display: none; } /* Dark Skin */ body.dark-skin, .dark-skin.fullwidth_layout .navbar-fixed-top, .dark-skin.boxed_layout .navbar-fixed-top { background-color: #111; } .dark-skin.fullwidth_layout #topbar a, .dark-skin.fullwidth_layout .search-trigger a, .dark-skin #topbar a, .dark-skin.boxed_layout .search-trigger a, .dark-skin .navbar-transparent #menu .navbar .nav > li > a, .dark-skin #footer h3, .dark-skin #footend a, .dark-skin #footer .social a, .dark-skin #header .social a, .dark-skin.boxed_layout #cart .btn-header, .dark-skin.fullwidth_layout #cart .btn-header, .dark-skin.boxed_layout #cart-total, .dark-skin.fullwidth_layout .search-trigger, .dark-skin.boxed_layout .search-trigger, .dark-skin #header .dropdown-menu a.btn, .dark-skin #header .dropdown-menu a:hover, .dark-skin .btn-menu, .dark-skin .btn-menu:active, .dark-skin .btn-menu.active { color: #fff; } .dark-skin .topbar_inner, .dark-skin #footend .copy, .dark-skin.fullwidth_layout .search-trigger, .dark-skin.boxed_layout .search-trigger { border-color: rgba(255,255,255,0.2); } .dark-skin .navbar-transparent #menu .navbar .nav > li:hover > a, .dark-skin .navbar-transparent #menu .navbar .nav > li > a:hover, .dark-skin.fullwidth_layout #cart-total, .dark-skin.boxed_layout #cart-total { color: #F27979; } .dark-skin .header-info, .dark-skin #footer, .dark-skin #footer li a, .dark-skin #footend { color: #999; } .dark-skin #search.active .search-trigger, .dark-skin #header .dropdown-menu a { color: #151515; } @media only screen and (max-width: 767px) { .dark-skin.responsive #footer h3.header { border-color: #151515 #151515 #151515; } .dark-skin.responsive #footer h3.header:hover { color: #fff !important; } .dark-skin.responsive #footer h3.header.active{ color: #fff !important; } .dark-skin.responsive #footer ul.content { border-color: #151515; } .dark-skin.responsive #footer ul li a { border-bottom: 1px solid #151515; text-shadow: none; } .dark-skin.responsive #footer ul li a:hover, .dark-skin.responsive #footer ul li a:active { color: #fff; } } @media print { body { width:1200px; } #content, .row { width: 100%; } div[class^=col-]{ float:left !important; display: inline-block !important;} .col-sm-6{ width:50%; } .col-md-4{ width:30%; } a[href]:after { content: none !important; } #content,.mainborder { padding: 0 !important; border:0 !important; } .product-filter, .rightcol .page-header, .product-page .image .owl-item, .owl-controls, .product-page .share, #tab-review, .nav-pills, #related-products { display: none; } .product-page .image .owl-item:first-child, #tab-description { display: block; } #header, #mobmenu, #menu, #footer, #footend, #column-left, #column-right, .breadcrumb, .product-page .image-additional, .content-top, .content-bottom { display: none !important; height: 0; } .page-header, #content-wrapper .container-inner {border:0;} } /* ET Slideshow */ .et-slideshow, .et-banner { margin: 0; padding: 0; clear: both; display: block; overflow: hidden; border: 0; border-radius: 0; } .et-slideshow .owl-carousel { margin: 0; } .et-slideshow div.owl-carousel .owl-buttons { position: inherit; top: auto; right: auto; width: auto; background: transparent; } .et-slideshow div.owl-carousel .owl-buttons .owl-next, .et-slideshow div.owl-carousel .owl-buttons .owl-prev { position: absolute; border: 0; padding: 4px; } .et-slideshow div.owl-carousel .owl-buttons .owl-prev { left: 10px; } .et-slideshow div.owl-carousel .owl-buttons .owl-next { right: 10px; } .et-slideshow div.owl-carousel .owl-controls .owl-pagination { bottom: 38px; } .et-slideshow div.owl-carousel .owl-buttons div i.fa { font-size: 32px; } .et-banner-item { padding: 0; } .et-banner-item-wrapper { position: relative; overflow: hidden; transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1) 0s; z-index: 1; } .et-slideshow .et-banner-item { display: none; } .et-slideshow .et-banner-item:first-child, .et-slideshow .owl-item .et-banner-item { display: block; } .et-banner-item-wrapper:hover { z-index: 2; } .et-banner-content-wrapper { position: absolute; top: 0; left: 0; padding: 70px; width: 100%; height: 100%; } .et-banner-content-inner { display: table; height: 100%; width: 100%; } .et-banner-caption { display: table-cell; } .et-banner-item.content-top-center .et-banner-content-wrapper, .et-banner-item.content-center .et-banner-content-wrapper, .et-banner-item.content-bottom-center .et-banner-content-wrapper { text-align: center; } .et-banner-item.content-top-right .et-banner-content-wrapper, .et-banner-item.content-right .et-banner-content-wrapper, .et-banner-item.content-bottom-right .et-banner-content-wrapper { text-align: right; } .et-banner-item.content-left .et-banner-caption, .et-banner-item.content-center .et-banner-caption, .et-banner-item.content-right .et-banner-caption { vertical-align: middle; } .et-banner-item.content-bottom-left .et-banner-caption, .et-banner-item.content-bottom-center .et-banner-caption, .et-banner-item.content-bottom-right .et-banner-caption { vertical-align: bottom; } .btn-default.et-banner-label, .btn-default.et-banner-label:hover { color: #FFFFFF; border: none; margin-bottom: 20px; padding: 2.5px 10px; } .et-banner-title { margin: 0; text-shadow: 0px 0px 7px rgba(0,0,0,0.25); } .et-banner-subtitle { text-shadow: 0px 0px 7px rgba(0,0,0,0.25); line-height: 33px; float: left; margin-bottom: 0; width: 100%; } .et-slideshow .et-banner-title { font-size: 60px; } .et-slideshow .et-banner-subtitle { font-size: 24px; } .et-banner-button.btn { margin-top: 35px; transition: all 0.15s ease-in 0s; } @media (max-width: 991px) { .et-banner-content-wrapper { padding: 45px; width: 100%; } .btn-default.et-banner-label { margin-bottom: 10px;} .et-slideshow .et-banner-title { font-size: 37px;} .et-slideshow .et-banner-subtitle { font-size: 16px; } .et-banner-button.btn { margin-top: 20px;} } @media (max-width: 767px) { .et-banner-content-wrapper { padding: 35px; width: 100%; } .et-banner-label, .et-banner-button.btn { display: none; } } @media (max-width: 479px) { .et-banner-content-wrapper { padding: 25px; width: 100%; } .et-slideshow .et-banner-title, .et-banner .et-banner-title { font-size: 24px; } .et-slideshow .et-banner-subtitle, .et-banner .et-banner-subtitle { font-size: 14px; } } .et-banner-bg { position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; transition: all 0.3s ease-in 0s; opacity: 0; } .et-banner-item img { transition: all 1.5s cubic-bezier(0.2, 1, 0.3, 1) 0s; width: 100%; height: auto; } /*** Hover Effects ***/ /*Zoom In*/ .et-banner-item.effect-2:hover img.et-banner-item-bg { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); } /*Zoom Out*/ .et-banner-item.effect-3 img.et-banner-item-bg { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); } .et-banner-item.effect-3:hover img.et-banner-item-bg { transform: scale(1.0); -moz-transform: scale(1.0); -webkit-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); } /*Curtain Down*/ .et-banner-item.effect-4 .et-banner-bg { top: -100%; } .et-banner-item.effect-4:hover .et-banner-bg { top: 0; } /*Curtain Up*/ .et-banner-item.effect-5 .et-banner-bg { top: inherit; bottom: -100%; } .et-banner-item.effect-5:hover .et-banner-bg { bottom: 0; } /*Curtain Right*/ .et-banner-item.effect-6 .et-banner-bg { left: -100%; } .et-banner-item.effect-6:hover .et-banner-bg { left: 0; } /*Move Left*/ .et-banner-item.effect-7 img.et-banner-item-bg { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .et-banner-item.effect-7:hover img.et-banner-item-bg { margin-left: -5%; margin-right: 5%; } /*Move Right*/ .et-banner-item.effect-8 img.et-banner-item-bg { transform: scale(1.15); -moz-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); } .et-banner-item.effect-8:hover img.et-banner-item-bg { margin-top: -2.5%; margin-bottom: 2.5%; } /*Zoom In/Reveal Button*/ .et-banner-item.effect-9 span.et-banner-button { opacity: 0; transition: all 1.5s cubic-bezier(0.2, 1, 0.3, 1) 0s; } .et-banner-item.effect-9:hover span.et-banner-button { opacity: 1; } .et-banner-item.effect-9:hover img { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); } /* Feature Blocks */ .et-feature-blocks { padding: 20px 0; } .home-top .et-feature-blocks { padding: 20px 15px; } .et-feature-blocks:before, .et-feature-blocks:after { display: table; content: " "; clear: both; } .et-feature-item > a { text-decoration: none; } .et-feature-content-wrapper { position: relative; padding: 10px 20px 1px; border-radius: 4px; } .et-feature-title { font-size: 22px; line-height: 1.4; margin-top: 0; margin-bottom: 3px; } .et-feature-description p { font-size: 15px; } .et-feature-icon { display: block; font-size: 38px; line-height: 38px; color: #282828; width: 80px; height: 80px; text-align: center; margin-bottom: 21px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding-top: 19px; border: 2px solid transparent; } .et-feature-item:hover .et-feature-icon { animation: 0.7s pulse; } .et-feature-blocks.style-1 { text-align: center; display: none; } .et-feature-blocks.style-1 .et-feature-icon { margin-left: auto; margin-right: auto;+ } .et-feature-blocks.style-2 .et-feature-content-inner { padding-left: 93px; position: relative; } .et-feature-blocks.style-3 .et-feature-content-inner { padding-right: 93px; position: relative; } .et-feature-blocks.style-2 .et-feature-icon, .et-feature-blocks.style-3 .et-feature-icon { position: absolute; top: 0; font-size: 34px; line-height: 34px; width: 68px; height: 68px; padding-top: 15px; } .et-feature-blocks.style-2 .et-feature-icon { left: 0; } .et-feature-blocks.style-3 .et-feature-icon { right: 0; } @media (max-width: 767px) { .et-feature-content-wrapper { padding: 20px 20px 10px; } .et-feature-description p { font-size: 14px; } } /* MEDIA QUERIES ---------------------------------------------------------------------- */ @media (min-width: 992px) { /* Main Navigation -------------------------------------------------- */ .navbar { background: transparent; border:0; border-radius: 0; margin: 0; padding: 0; min-height: 0; } .navbar-inside { border: 1px solid #CCC; border-top: 4px solid #000; background: #fff; } .navbar-outside { border: 0; border-bottom: 4px solid #000; } .navbar-outside.navbar-default .navbar-nav>.active>a, .navbar-outside.navbar-default .navbar-nav>.active>a:hover, .navbar-outside.navbar-default .navbar-nav>.active>a:focus { background: none; color: #D14836; } .navbar-collapse { max-height: none; padding: 0; position: relative; text-align: center; background-color: #004990; } .navbar-toggle { float: left; background: #fff; } .navbar-default .navbar-toggle .icon-bar { background-color: #777; } ul.navbar-nav { float: none; display: inline-block; vertical-align: bottom; } .navbar .nav > li > a { text-shadow:none; font-size: 1.1em; color: #fff; cursor: pointer; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: transparent; } .nav > li > a>.caret {display: none; } .navbar .nav li.dropdown:hover > ul.dropdown-menu { display: block; } .navbar .dropdown-menu { margin-top: 0px; border: 1px solid #ccc; border-top: 0; text-align: left; border-radius: 0; box-shadow: none; animation: .48s fadeIn; min-width: 250px; max } .navbar .dropdown-menu .image { text-align: center; } .navbar .dropdown-menu li>a { display: block; padding: 3px 20px; clear: both; min-width: 160px; font-weight: normal; line-height: 20px; color: black; } .navbar .nav > li > a:hover { color: yellow; } .navbar ul.dropdown-menu li.viewall > a { margin-top: 5px; color: #333; } #menu .navbar li.hidden-top { /*display: none !important;*/ } .navbar .dropdown-menu li>a:hover, .navbar .dropdown-menu li>a:focus, .navbar .dropdown-submenu:hover>a { background: transparent; color: #000; text-decoration: underline; } .navbar li.dropdown-submenu { position: relative; } .navbar li.dropdown-submenu > a:before { font-family: 'FontAwesome'; content: "\f0da"; float: right; color: rgba(0,0,0,0.3); } .navbar li.dropdown-submenu:hover > .thirdmenu { display: block; left: 100%; top: 0; border-top: 1px solid #ddd; } .fullwidth .nav >li .thirdmenu, .fullwidth .nav >li .childcats { display: block; padding: 0 0 0 20px; border: 0; -webkit-box-shadow: none; box-shadow: none; position: relative; } .navbar .fullwidth li.dropdown-submenu:hover > .thirdmenu { left: auto; top: auto; } .navbar .dropdown-menu ul.column-menu { display: table-cell; border-right: 1px solid #eee; vertical-align: top; } .navbar .dropdown-menu ul.column-menu:last-child { border-right: 0; } .navbar .dropdown-menu ul.column-menu ul { padding-left: 0; } .navbar .dropdown-menu ul.column-menu ul li { list-style: none; } /*Home*/ .home-icon span, .home-text i.fa, .home-hidden { display: none !important; } /* Columns: Categories, Brands, Custom Blocks */ ul[class*='cols-'].dropdown-menu { padding: 8px 10px; } .dropdown-menu.cols-1 { width: 220px; } .dropdown-menu.cols-2 { width: 380px; } .dropdown-menu.cols-3 { width: 700px; } .dropdown-menu.cols-4 { width: 900px; } .dropdown-menu.cols-5 { width: 760px; } .dropdown-menu.cols-6 { width: 880px; } .dropdown-menu ul.childcats { padding:4px; } .dropdown-menu ul.childcats li { list-style: none; } .dropdown-menu ul.childcats li a { font-size: 11px; color: #777; } .menu_block .dropdown-menu { min-width: 250px; } .menu_block .dropdown-menu > li { padding: 12px 20px; } .menu_block .dropdown-menu ul { padding-left: 15px; margin-bottom: 10px; list-style-type: disc; } .menu_block .dropdown-menu ul li a { padding: 0; } .menu_block .dropdown-menu b { color: #333; } .dropdown-menu > .column-item { /*float: left;*/ padding-right: 10px; } .dropdown-menu > .column-item { padding: 4px 8px; } .dropdown-menu > .column-item li > a { text-decoration: none !important; display: block; padding: 3px 10px; } .dropdown-menu.cols-1 > .column-item { width: 100%; } .dropdown-menu.cols-2 > .column-item { width: 50%; } .dropdown-menu.cols-3 > .column-item { width: 33.3%; } .dropdown-menu.cols-4 > .column-item { width: 25%; } .dropdown-menu.cols-5 > .column-item { width: 20%; } .dropdown-menu.cols-6 > .column-item { width: 16.6%; } .brands .column-item.logoname > a:hover, .brands .column-item.logoname > a:focus, .brands .column-item.logo > a:hover, .brands .column-item.logo > a:focus { background-color: transparent; color: #f00; } .brands .column-item.logoname .name { display: block; text-align: center; margin-top: 3px; } .brands .column-item .image { text-align: center; display: block;} .brands .column-item.logo .name { display: none; } .brands .column-item.name .image { display: none; } .column-item .maincat { padding: 3px 10px; } .column-item ul { list-style: none; padding-left: 0; padding-right: 0; } .column-item ul li a { padding: 3px 9px; display: block; } .block-contents .dropdown-menu { max-width: 600px; white-space: normal; } .navbar .label { font-size: 8px; letter-spacing: 1px; font-weight: normal; vertical-align: top; display: none; } .fullwidth .nav >li { position: inherit; } .fullwidth .nav >li > a { z-index: 1111; margin-bottom: -1px; border: 1px solid transparent; border-width: 1px 1px 0; } .navbar-light #menu .fullwidth .nav > li > a { border-top: 0; } .navbar-light #menu .navbar-fixed-top .fullwidth .nav > li > a { border-top:1px solid transparent; } .fullwidth .nav > li:hover > a { border-color: #ccc; background: #fff; } .navbar-dark #menu .fullwidth .nav > li:hover > a { color: #000; } .fullwidth .nav li.dropdown ul.dropdown-menu { width: 100%; max-width: 100%; margin-left: auto !important; } .navbar-dark #menu .fullwidth .nav li.dropdown ul.dropdown-menu { border-color: #222; } .navbar-dark #menu .dropdown-menu { border-color: #666; } .navbar-header .navbar-brand, .navbar-nav.navbar-right, .navbar-fixed-top .nav .home{ display: none; } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: none; } /* Fixed Header */ .navbar-fixed-top .navbar-nav.navbar-right .search-area { right: 0; } .navbar-fixed-top .navbar-brand img { max-height: 100%; width: auto; } #header:not(.navbar-fixed-top) .searchbox-regular .search-area { display: block !important; } #header .search-area { max-width: 220px; } #header .search-area.search-cat { max-width: 320px; } #header .searchbox-regular.leftlogo .search-area { width: 40%; max-width: 400px; } #header.navbar-fixed-top .searchbox-regular.leftlogo .search-area:not(.search-cat) { max-width: 220px; } #header.navbar-fixed-top { background: #ffffff; border-bottom: 1px solid #ccc !important; -webkit-box-shadow: -2px 2px 45px -20px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px 2px 45px -20px rgba(0, 0, 0, 0.3); box-shadow: -2px 2px 45px -20px rgba(0, 0, 0, 0.3); /*height: 60px;*/ } #header.navbar-fixed-top .fixed-menu { display: block; margin-left: -80px; } #header.navbar-fixed-top #logo { /*float: left;*/ /*left: auto;*/ /*width: 360px;*/ padding-top: 0; /*margin-left: 5%;*/ } #header.navbar-fixed-top #logo a { line-height: 59px; width: 100%; } #header.navbar-fixed-top .leftbox { width: auto; padding-top: 0; right: auto; } #header.navbar-fixed-top .rightbox { float: right; width: auto; padding-top: 0; } #header.navbar-fixed-top #cart .btn-header { height: 59px; margin-top: 0; } .navbar-fixed-top #topbar, .navbar-fixed-top #menu, .navbar-fixed-top .header-info { display: none !important; } .navbar-fixed-top .header_inner { padding-bottom: 0; } #header.navbar-fixed-top .searchbox-regular .search-trigger { display: inline-block; } #header.navbar-fixed-top .search-area { display: none; right: 40px; top: 10px; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); padding-left: 20px; background: #fff; } #header.navbar-fixed-top .search-area input, #header.navbar-fixed-top .search-area select, .centerlogo .search-area input, .centerlogo .search-area select, .leftlogo:not(.searchbox-regular) .search-area input, .leftlogo:not(.searchbox-regular) .search-area select { padding: 6px 12px; line-height: 1.42857143; } #header.navbar-fixed-top.search-open .searchbox-regular #cart .btn-header { visibility: hidden; } #header.navbar-fixed-top.search-open .searchbox-regular .search-trigger { border: 0; } .navbar-fixed-top .navbar .nav > li > a { height: 59px; padding: 20px 12px 10px; font-size: 1em; } .navbar-fixed-top .navbar-nav { float: left; } .fullwidth_layout .navbar-transparent #menu .navbar-fixed-top, .fullwidth_layout .navbar-light #menu .navbar-fixed-top { background: #fff; border-bottom: 1px solid #ccc; } .navbar-fixed-top .navbar-collapse.fullwidth { background: transparent;} .navbar-fixed-top.navbar-inside .fullwidth .nav >li > a { border-top-width: 1px; padding-bottom: 14px; } .navbar-fixed-top .fullwidth .nav li.dropdown ul.dropdown-menu { border: 1px solid #999; } .navbar-fixed-top .fullwidth .nav >li:hover > a { border-color: #999;} } /* Landscape iPad */ @media only screen and (max-width: 1024px) { .touch .product-thumb .button-group button, .touch .product-slider .item .button-group button { opacity: 1 !important; -moz-opacity: 1 !important; filter: alpha(opacity=100) !important; } } @media (max-width: 991px) { #header.navbar-fixed-top { position: relative; } .btn-menu, .btn-menu:active, .btn-menu.active { background: transparent; color: #333; box-shadow: none; font-size: 18px; } .btn-menu span.bar { background: #333; width: 100%; width: 24px; height: 2px; display: block; margin-top: 4px; } .btn-menu span.text { display: block; font-size: 9px; text-transform: uppercase; margin-top: 4px; display: none; } .canvas-slid {position: fixed !important; width: 100%; } #mobmenu {width: 400px;} #mobmenu .navbar-nav, #mobmenu .nav>li { float: none;} #mobmenu .nav>li.open { background: #f6f6f6; display: contents; } #mobmenu .nav>li a {color: #333;} #mobmenu .nav>li>a{ font-size: 1.1em; background: transparent; } #mobmenu .menuclose { float: right; z-index: 99; position: relative; } #mobmenu .nav>li .column-item a { padding: 5px 15px 5px 25px; display: block; text-decoration: none; } #mobmenu .nav>li .column-item ul { padding-left: 5px; list-style-type: none; } #mobmenu .nav .column-menu a, #mobmenu.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #999; padding: 5px 15px 5px 25px; } #mobmenu.navbar-default .navbar-nav .open .dropdown-menu>li.viewall>a { color: #f00; } #mobmenu .dropdown-menu { position: static; float: none; width: auto; margin: 0px 10px; background-color: transparent; border: 0; box-shadow: none; } #mobmenu .label { font-size: 10px; vertical-align: middle; } #mobmenu .browse-options { border-top: 1px solid #ddd; padding: 5px 0; margin-bottom: 10px; } #mobmenu .browse-options .dropdown-menu { clear: both; } #mobmenu .browse-options form, #mobmenu .browse-options .btn-group, #mobmenu .browse-options .dropdown-toggle { display: block; width: 100%; text-align: left; font-size: 1em; white-space: normal; } #mobmenu .browse-options .caret { float: right; } #mobmenu .browse-options .dropdown-toggle { font-size: 1.1em; text-decoration: none; } #mobmenu .browse-options .dropdown-menu .btn { text-align: left; text-decoration: none; } #mobmenu .account-options { list-style-type: none; margin: 30px 0 5px 0; padding: 0; border-bottom: 1px solid #ddd; } #mobmenu .account-options.open {border: 0;} #mobmenu .account-options > li > a { display: block; line-height: 20px; color: #999; padding: 5px 15px 5px 25px; } #mobmenu .login-options { border-bottom: 1px solid #ddd; padding-bottom: 10px; } #mobmenu .login-options .btn { border: 0; background: transparent; color: #333; } #mobmenu .login-options .btn + .btn { border-left: 1px solid #ddd; } .menu_block .dropdown-menu > li { padding: 12px 20px; } .menu_block .dropdown-menu ul { padding-left: 15px; margin-bottom: 10px; list-style-type: disc; } #mobmenu li.brands .image {display: none;} #mobmenu .dropdown > a.dropdown-toggle .caret, #mobmenu .dropdown > button.dropdown-toggle .caret { float: right; border: 0; display: block; width: 20px; height: 20px; text-align: center; padding-left: 10px; } #mobmenu a.dropdown-toggle .caret:before, #mobmenu button.dropdown-toggle .caret:before { font-family: "FontAwesome"; content: "\f105"; font-size: 16px; } #mobmenu .dropdown.open > a.dropdown-toggle .caret:before, #mobmenu .dropdown.open > button.dropdown-toggle .caret:before { content: "\f106"; } #mobmenu .thirdmenu { display: block; padding-left: 20px; } #mobmenu .social { text-align: center; display: block; } #mobmenu .social a { font-size: 1.4em; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); padding: 0.3em; } #mobmenu .social a:hover { text-decoration: none; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #header .rightbox .hdr-buttons { border: 0; padding-left: 0; margin-left: 0; } .product-thumb .button-group button, .product-slider .item .button-group button { opacity: 1 !important; -moz-opacity: 1 !important; filter: alpha(opacity=100) !important; } /* Search -------------------------------------------------- */ .search-area { position: relative; width: 100%; margin: 15px 0; right: auto; top: auto; } .search-categories { width: 100%; } .searchbox-regular .search-area { display: none; right: 0; } .searchbox-regular #search .input-group input[type='text'] { border-right-width: 1px; } .searchbox-regular .search-trigger, .searchbox-regular .search-area-close { display: inline-block; } } /* Desktop standard 960 and up */ @media only screen and (min-width: 980px) { /* Header -------------------------------------------------- */ #footer ul.content { display: block !important; } } /* Smaller than standard 960 */ @media only screen and (max-width: 979px) { /* Header -------------------------------------------------- */ #logo { max-height: 100%; } /* Content -------------------------------------------------- */ .product-page .add_cart { float: none; } #closecart { display: block; } #links { display: none; } /* Blog */ #content h2.blog_title { font-size: 1.4em; } .column-2 .blog_item, .column-3 .blog_item, .column-4 .blog_item { width:48%; float: left; } } /* Tablet Portrait size to standard 980*/ @media only screen and (min-width: 768px) and (max-width: 979px) { /* Shopping Cart -------------------------------------------------- */ #total-cart .buttons { text-align: center; } #total-cart .buttons a { float: none; } #total-cart #checkout { display: block; margin: 0 15%; } #content.span9.home { width: 527px !important; } .sideleft #content.span9.home { margin-left: 10px; } #content.span9 .cols-4 .grid-box, .content-top .grid-box { width: 33.3%; } #content.span12 .cols-4 .grid-box { width:24.9%; } #footer ul.content { display: block !important; } } @media only screen and (min-width: 768px) { #column-left .collapse { display: block; height: auto !important; } #footer ul.content { display: block !important; } #content .column-1 .blog_item .blog_title, #content .column-1 .blog_item .blog_stats, #content .column-1 .blog_item .blog_summary { margin-right: 10%; margin-left: 10%; } } /* All Mobile Sizes */ @media only screen and (max-width: 767px) { /* Header -------------------------------------------------- */ #header .centerlogo .rightbox { padding: 10px 0 0 0; margin-left: -10px; white-space: nowrap; } .leftlogo #logo { padding-right: 0; } .framed_layout #cart { top:15px;} .navbar .search-field, .navbar #cart { display: none; } /*Filters on mobiles*/ #product-category #column-left { display: block !important; margin: 0 0 10px 0; } #column-left .inner { border: 1px solid #777; border-radius: 3px; } #column-left .inner > div { display: none; border: 0; border-bottom: 1px solid #777; margin-bottom: 0; } #column-left .inner > div:last-child { border-bottom: 0; } #column-left .inner .panel-default { border: 0; background: transparent; margin: 0; } #column-left #cat_accordion { background: #fff; } #column-left .inner > div.filter, #column-left .inner > div.category-accordion, #column-left .inner > div.category { display: block; } #column-left .inner > div .btn-default { text-align: left; padding: 10px 12px; border: 0; background: #f8f8f8; white-space: normal; } #column-left .inner > div .btn-default i, .subcat-btn i { float: right ; } .subcat-btn { display: block; margin: 0 0 10px; text-align: left; } #subcategories .category-list { margin-top: 0; } .category-info .image { display: none; } /* Main content -------------------------------------------------- */ #content { margin: 0 !important; } .mainborder { border:0 !important; padding: 0 !important; } .page-header h1 { margin-bottom: 10px; font-size: 1.6em !important; text-align: center; } .page-header.title-top, .breadcrumb.nav-top { display: block !important; } .prevnext.nav-top { display: none; } #footer .container-inner { padding: 1em 0; } /* Shopping Cart -------------------------------------------------- */ .cart-inner { padding: 0; } #cart-info .image, #cart-info .price, #cart-info .model, #cart-info .headings { display: none; } /* Grid view -------------------------------------------------- */ .product-layout.product-grid, .product-layout.col-sm-6.col-xs-12 { width: 49.9% !important; } .product-thumb:hover .button-group .btn, .product-slider .item:hover .button-group .btn { animation: none; } /* Product -------------------------------------------------- */ .product-page #product { max-width: none; } .product-page .cart, .product-page .share, .product-page .tags, .product-page .links, .product-page .description { text-align: center; } .product-page .price-tax { float: none; line-height: 1.54em; } #full-info { padding: 0; } #full-info .tab-content img { max-width: 100%; height: auto!important; } .mousetrap { max-width: 100%; } #cloud-zoom-big { max-width: 100%; left:0 !important; } .accordion-heading .accordion-toggle { font-weight: bold; } .prevnext .pager { text-align: center;} /* Other lists -------------------------------------------------- */ .list-actions { text-align: center; padding-bottom: 10px; } .info-inner img { max-width: 100%; height: auto!important; } /* Footer links -------------------------------------------------- */ #footer { text-align: center; } #footer .column { margin-bottom:-1px; } #footer h3.header { padding: 8px; margin: 0; cursor: pointer; } #footer .column:first-child h3.header { border: 0; } #footer h3.header:hover, #footer h3.header:active, #footer h3.header.active { outline: 0; } #footer h3.header:after { content: "\f107"; font-size: 14px; display: inline-block; font-family: 'FontAwesome'; margin-left: 10px; } #footer h3.header.active:after { content: "\f106"; } #footer ul.content { border-width: 0 1px; display: none; margin-bottom: 1em; } #footer ul li a { display: block; } #footer .bottom-row { text-align: center; } #footerlinks li a { font-size:1em; line-height: 1.9em; } #footer .contact { text-align: center; margin-top: 14px; } #footer .social, #footer .footer_info { text-align: center;} #toTop { display: none !important; } .tabbed-products div.owl-carousel .owl-buttons { display: none; } } /* Mobile Portrait Size to Mobile Landscape Size */ @media only screen and (max-width: 479px) { .container .container-inner { padding: 0 15px; } #sidecart, #mobmenu { width: 90% !important } .product-list .product-thumb .image { max-width: 100px; } .product-list .onsale { top: 50%; left: 9%; } div.live-search { min-width: 0; } .product-thumb .button-group .btn:not(:first-child), .product-slider .item .button-group .btn:not(:first-child) { padding-right: 6px; } .product-thumb .button-group .btn .fa, .product-slider .item .button-group .btn .fa { font-size: 0.9em; } .product-thumb .button-group .btn:last-child {display: none;} .content-top .contentset.center, .content-bottom .contentset.center { text-align: left; } .contentset .inner { letter-spacing: 2px; } .countdown_deals, .category-slider { padding: 0.2em 0.2em 0.5em; } .countdown_deals .owl-item .product-thumb { padding: 10px; } span.countdown-period {font-size: 9px;} span.countdown-section, .product-page span.countdown-amount { font-size: 18px; } .product-page span.countdown-period { font-size: 10px; } .product-page .box-timer.is-countdown { float: none; display: block; margin-bottom: 20px; } .product-page .stock { float: right; } /* Banners */ .rich_banner .banner_inner { border: 0; } /* Blog */ .column-2 .blog_item { width: auto; } .column-3 .blog_item { width: auto; } .column-4 .blog_item { width: auto; } /* Shopping Cart -------------------------------------------------- */ #cart-info .quantity input[type="text"] { display: inline-block; } #cart-info .tag { display: inline; margin-right: 5px; color: #777; font-weight:normal; } #total-cart table { float: none; margin: 0 auto; } #total-cart .buttons { text-align: center; margin-bottom: 14px; } #total-cart .buttons a { float: none; } #total-cart .cart { float: none; clear: both; display: block; } #total-cart #checkout { display: block; margin: 0 15%; } .checkout-confirm table .price {display:none;} /* Order Detail -------------------------------------------------- */ .confirmation td { padding: 2px; } .confirmation thead td { font-size: 11px; } .table-adjust td { padding: 2px; font-size: 11px; } /* Information pages -------------------------------------------------- */ #content .info-inner { padding:20px; } /* Product comparison -------------------------------------------------- */ .nav-compare { display: inline-block !important; margin: 0 0 10px; padding:0 0 5px; overflow: hidden; } #compare-wrapper { width:100%; overflow:hidden; } /* Tabs -------------------------------------------------- */ .nav-pills {border: 0;} .nav-pills>li { height: auto; float: none; } .nav-pills>li a { display: block !important; float: none; border-radius: 4px; font-size: 1em; padding: 6px 10px; } .nav-pills>li.active a { border: 1px solid #777; } .nav-pills>li.active a:before, .nav-pills>li.active a:after { display: none; } .swiper-viewport { margin: 0 0 0px; } } ul.navbar-nav { background-color: white ; } .navbar-collapse{ background-color: transparent; } .navbar-nav>li{ /*background-color: #f1f1f1;*/ color: grey; /*border-radius: 5px 5px 0px 0px;*/ margin: 0px 10px; /*border: 1px solid lightgrey;*/ height: 35px; } .navbar-nav>li:hover { background-color: #f1f1f1; } #header.navbar-fixed-top .leftbox { padding-top: 70px; margin-top: 15px; } .navbar .nav > li > a{ color: grey; line-height: 5px; } .navbar .nav > li > a:{ color: blue; line-height: 5px; } .navbar .nav > li > a:hover{ color: blue; } .navbar .nav > li > a:active{ color: blue; } .navbar-fixed-top .navbar .nav > li > a { padding: 12px 12px 10px; font-size: 1.1em; margin: 0px 3px; } .fullwidth_layout #content-wrapper .centralbox { border: 0px; } .links_footer{ margin: 0px auto; display: table; } .links_footer li{ display: flex; float: left; font-size: 16px !important; margin: 20px 20px; font-weight: bold; color: grey; } .footer_copyright{ width: 100%; color: white; background-color: #004990; text-align: center; padding: 5px; } .footer_copyright a{ color: white; } .contact_form{ margin-top: 20px; } .control-label-form{ text-align: left !important; } .box-cookies { position: fixed; background: rgba(0, 0, 0, .9); width: 100%; z-index: 998; bottom: 0; display: flex; align-items: center; justify-content: space-between; } .box-cookies .msg-cookies, .box-cookies .btn-cookies { text-align: center; padding: 25px; color: #fff; font-size: 18px; } .box-cookies .btn-cookies { background: #062680; cursor: pointer; align-self: normal; }