/*
Theme Name: Vento
Theme URI: http://htmldemo.magikcommerce.com/ecommerce/vento-html-template/demo-page/demo.html/
Author: MagikCommerce
Author URI: https://www.magikcommerce.com/
Description: Vento HTML Template
Version: 1.4
License: GNU General Public License v2 or later
Tags: two-columns, left-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu
Text Domain: Vento
*/
/* TABLE OF CONTENTS
1. Body
2. Layout
3. Header
4. Navigation
5. Store messages
6. Product Details
7. Rating
8. Price & Flip 3D
9. New & Sale Label
10. Featured Popular Products
11. Breadcrumbs
12. Category Page
13. Sliders
14. Blog-post
15. Sidebar
16. Newsletter
17. Category Toolbar
18. Shopping Cart
19. Wishlist, Quick Access, Compare Links
20. Checkout
21. Product View Types
22. Account Login Page
23. 404 Page Not Found
24. toTop
25. Banners
26. Captions
27. Footer
28. Global Styles and Messages
*/
/* BEGIN OF STYLING */
/* ======== 1. BODY ========*/
html {
background: #fff;
}
body {
color: #333;
font-size: 12px;
font-family: 'Merriweather Sans', sans-serif;
padding: 0;
margin: 0;
line-height: 1.55;
}
.hidden {
display: block !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
.nobr {
white-space: nowrap !important;
}
.wrap {
white-space: normal !important;
}
.a-left {
text-align: left !important;
}
.a-center {
text-align: center !important;
}
.a-right {
text-align: right !important;
}
.v-top {
vertical-align: top;
}
.v-middle {
vertical-align: middle;
}
.f-left, .left {
float: left !important;
}
.f-right, .right {
float: right !important;
}
.f-none {
float: none !important;
}
.f-fix {
float: left;
width: 100%;
}
.no-display {
display: none;
}
.no-margin {
margin: 0 !important;
}
.no-padding {
padding: 0 !important;
}
.no-bg {
background: none !important;
}
legend {
display: none;
}
img {
border: none;
}
:focus {
outline: none;
}
a:hover{ text-decoration:none;}
/* ========== 2. Layouts ========== */
/* Main Container Layout */
.main-container {
margin: 0 auto;
margin-bottom: 20px;
padding: 0;
text-align: left;
padding-top: 12px;
overflow: visible;
position: relative;
min-height: 350px;
}
.main-container-inner {
margin: auto;
min-height: 400px;
}
/* Columns Layout */
.col-main {
margin: auto;
margin-top: 25px;
}
.main-container.col1-layout .main-container-inner .category-products {
padding-top: 35px;
}
.col2-left-layout .col-main {
margin-bottom: 15px;
background-color: #FFF;
}
.col2-right-layout .col-main {
float: left;
margin-bottom: 15px;
background-color: #FFF;
margin-top: 20px;
}
.col-right {
float: right;
margin-top: 22px;
padding: 0px;
width: 260px;
}
.col-left {
float: left;
margin-top: 10px;
}
.col2-left-layout .main-container-inner {
clear: both;
}
.main-inner {
margin: auto;
}
.best-seller-pro .product-flexslider{ margin:auto -10px; }
.featured-pro .product-flexslider{ margin:auto -10px; }
.related-pro .product-flexslider{ margin:auto -10px; }
.upsell-pro .product-flexslider{ margin:auto -10px; }
/* Content Columns Layout */
.col2-set .col-1 {
float: left;
width: 48%;
text-align: left;
border: 0px #336600 solid;
padding-top: 0px;
padding-bottom: 0px;
}
.col2-set .col-2 {
float: right;
width: 48%;
text-align: left;
}
.col2-set .narrow {
width: 33%;
}
.col2-set .wide {
width: 65%;
}
.col2-set {
overflow: hidden;
padding: 8px 0 0;
}
.col2-set h4 {
font-size: 12px;
font-weight: 400;
font-family: 'Merriweather Sans', sans-serif;
color: #333;
margin-bottom: 5px;
}
.manage_add {
margin-bottom: 10px;
}
.col2-set h5 {
font-size: 12px;
font-family: 'Merriweather Sans', sans-serif;
font-weight: 900;
margin-bottom: 5px;
color: #333;
}
.col2-set strong {
font-size: 12px;
font-weight: 400;
color: #000000;
}
.latest-news .new_title, center {
margin-left: 12px;
margin-right: 12px;
}
.ad-spots img {
width: 100%;
}
/* ========== 3. Header ========== */
/* Header container */
.brand-logo .owl-wrapper {
margin-left: 20px;
}
header {
background: #fff;
position: relative;
}
header .top-links {
height: 40px;
width: 100%;
background: #333;
border-bottom: 4px solid #cccccc;
}
header .welcome-msg {
text-align: left;
display: block;
font-size: 12px;
color: #aaa;
float: left;
padding: 8px 15px 10px 0px;
line-height: 18px;
}
header .header {
margin: auto auto 20px;
position: relative
}
header .header .right {
float: right
}
header .header .logo {
margin: 0;
}
header .header .logo {
vertical-align: middle;
cursor: pointer;
margin-top: 22px;
text-align: left;
display: inline-block;
}
header .header .logo a img {
cursor: pointer;
/*width: 100%;*/
}
/* language & currency */
.language-box .language-switcher {
font-size: 12px;
color: #fff;
font-weight: normal;
float: left;
position: relative;
padding: 8px 15px 8px 0px;
line-height: 20px;
cursor: pointer;
border-right: 1px #999 solid;
margin-right: 15px
}
.language_detail {
display: none;
position: absolute;
z-index: 999999;
top: 27px;
left: 0px;
}
.language-box .language_detail {
background: #fff;
padding: 0;
width: 120px;
box-shadow: 0 0 15px -5px;
}
.language-box img {
margin-right: 5px;
}
.language_detail a {
display: block;
font-weight: 400;
padding: 6px 0px;
margin-bottom: 1px;
color: #666;
padding: 5px 10px
}
.language_detail a:hover {
color: #000000;
}
.language_detail a + a {
border-top: 1px solid #EAE5E5;
}
.language-box .language_detail {
}
.language-box .language_detail .language-inner {
border-color: #c4c4c4;
}
.currency-box .currency-switcher {
font-size: 12px;
color: #fff;
float: left;
position: relative;
padding: 8px 15px 8px 0px;
line-height: 20px;
cursor: pointer;
border-right: 1px #999 solid;
margin-right: 15px
}
.currency_detail {
display: none;
position: absolute;
z-index: 999999;
top: 27px;
left: 0px;
}
.currency-box .currency_detail {
background: #fff;
padding: 0;
width: 120px;
box-shadow: 0 0 15px -5px
}
.currency_detail a {
display: block;
font-weight: 400;
padding: 6px 0px;
margin-bottom: 1px;
color: #666;
padding: 5px 10px
}
.currency_detail a:hover {
color: #000000;
}
.currency_detail a + a {
border-top: 1px solid #EAE5E5;
}
.currency-box .currency_detail {
}
.currency-box .currency_detail .currency-inner {
border-color: #c4c4c4;
}
/* Toplinks */
.toplinks {
padding: 0;
display: inline-block;
float: right;
margin-left: 15px;
line-height: normal
}
.toplinks .links {
}
.toplinks .links li {
display: inline;
text-align: right;
float: left
}
.toplinks ul.links li a {
color: black;
display: inline-block;
padding: 0px;
border-right: 0px solid #cacaca;
color: #333;
font-size: 12px;
padding-left: 25px
}
.toplinks ul.links li a:hover {
color: #000000;
}
.toplinks ul.links li.first a {
padding-left: 0;
}
.toplinks ul.links li.last a {
border: none;
padding-right: 0
}
.toplinks>ul>li.myaccount>a:before {
content: '\f007';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 6px
}
.toplinks>ul>li.wishlist>a:before {
content: '\f004';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 6px
}
.toplinks>ul>li.check>a:before {
content: '\f00c';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 6px
}
.toplinks>ul>li.demo>a:before {
content: '\f06e';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 6px
}
.toplinks .links div .click-nav:before {
content:'\f15b';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size:13px;
padding-left:4px;
padding-top:2px;
float:left;
margin-right:6px;
margin-top:-2px;
color:#fff;
}
.toplinks .links li .click-nav ul .clicker:before {
content: '\f15b';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-left: 4px;
padding-top: 2px;
float: left;
margin-right: 6px;
margin-top: -2px;
}
.toplinks>ul>li.login>a:before {
content: '\f13e';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 6px
}
.toplinks>ul>li.logout>a:before {
content: '\f09c';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 6px
}
.toplinks .links li .click-nav {
}
.toplinks .links li .click-nav ul {
padding: 0;
margin: 0
}
.toplinks .links li .click-nav ul li {
position: relative;
list-style: none;
cursor: pointer;
}
.toplinks .links li .click-nav ul li ul {
position: absolute;
left: 0px;
right: 0;
z-index: 999
}
.toplinks .links li .click-nav ul .clicker {
background: none;
color: #333;
text-shadow: none !important;
font-size: 12px;
padding: 0px;
padding-left: 25px;
line-height: 19px;
width: auto;
border-bottom: none
}
.toplinks .links li .click-nav ul .clicker:hover {
background: none;
color: #000000
}
.toplinks .links li .click-nav ul .clicker:hover, .click-nav ul .active {
}
.click-nav img {
position: absolute;
top: 9px;
left: 12px;
}
.toplinks .links li .click-nav ul li a {
transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
display: block;
padding: 10px 10px;
color: #333;
text-decoration: none;
font-size: 12px;
text-align: left;
border-bottom: 1px #F0F0F0 solid;
width: 130px
}
.toplinks .links li .click-nav ul li a:hover {
color: #000000!important;
}
.toplinks .links li .click-nav .no-js ul {
display: none;
z-index: 99999;
width: 150px
}
.toplinks .links li .click-nav .no-js:hover ul {
display: block;
background: #fff;
width: 150px;
margin-left: 0px;
background: #fff;
border: 1px #f0f0f0 solid;
border-bottom: 5px solid #F0F0F0;
padding: 0;
}
.toplinks .links li .click-nav .no-js:hover ul li a {
color: #666;
}
.toplinks .links li .click-nav .no-js:hover ul li a:hover {
color: #333;
}
.toplinks .links li .click-nav ul li ul.link {
padding: 8px 0;
border-top: 2px #000 solid
}
.toplinks .links li .click-nav ul li ul.link li {
padding: 0px 0
}
.toplinks .links div {
display: inline;
text-align: right;
float: left
}
.toplinks div.links div a {
display: inline-block;
padding: 0px;
border-right: 0px solid #cacaca;
color: #fff;
font-size: 12px;
padding: 8px 15px 10px 0px;
line-height: 18px;
cursor: pointer;
border-right: 1px #999 solid;
margin-right: 15px;
}
.toplinks div.links div a:hover {
color: #c2986e;
text-decoration: none;
}
.toplinks div.links div.first a {
padding-left: 0;
}
.toplinks div.links div:last-child a {
border-right: none;
padding-right: 0;
margin-right: 0px;
}
.toplinks>div>div.myaccount>a:before {
content: '\f007';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 6px;
color: #fff;
}
.toplinks>div>div.wishlist>a:before {
content: '\f004';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 6px;
color: #fff;
}
.toplinks>div>div.check>a:before {
content: '\f00c';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 6px;
color: #fff;
}
.toplinks>div>div.shoppingcart>a:before {
content: '\f07a';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 6px;
color: #fff;
}
.toplinks>div>div.demo>a:before {
content: '\f09e';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 6px;
color: #fff;
}
.toplinks .links div .click-nav ul .clicker:before {
content: '\f15b';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-left: 4px;
padding-top: 2px;
float: left;
margin-right: 6px;
margin-top: -2px;
color: #fff;
}
.toplinks>div>div.login>a:before {
content: '\f13e';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 6px;
color: #fff;
}
.toplinks>div>div.logout>ul>li>a:before {
content: '\f09c';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 6px;
color: #fff;
}
.toplinks .links div .click-nav {
}
.toplinks .links div .click-nav ul {
padding: 0;
margin: 0
}
.toplinks .links div .click-nav ul li {
position: relative;
list-style: none;
cursor: pointer;
}
.toplinks .links div .click-nav ul li ul {
position: absolute;
left: 0px;
right: 0;
z-index: 999;
}
.toplinks .links div .click-nav ul .clicker {
background: none;
color: #fff;
text-shadow: none !important;
font-size: 12px;
padding: 0px;
padding-left: 25px;
line-height: 19px;
width: auto;
border-bottom: none;
padding: 8px 15px 8px 0px;
line-height: 18px;
cursor: pointer;
border-right: 1px #aaa solid;
margin-right: 15px
}
.toplinks .links div .click-nav ul .clicker:hover {
background: none;
color: #c2986e
}
.toplinks .links div .click-nav ul .clicker:hover, .click-nav ul .active {
}
.click-nav img {
position: absolute;
top: 9px;
left: 12px;
}
.toplinks .links div .click-nav ul li a {
transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
display: block;
padding: 10px 10px;
color: #333;
text-decoration: none;
font-size: 12px;
text-align: left;
border-bottom: 1px #F0F0F0 solid;
width: 130px
}
.toplinks .links div .click-nav ul li a:hover {
color: #c2986e!important;
}
.toplinks .links div .click-nav .no-js ul {
display: none;
z-index: 99999;
width: 150px
}
.toplinks .links div .click-nav .no-js:hover ul {
display: block;
background: #fff;
width: 150px;
margin-left: 0px;
background: #fff;
box-shadow: 0 0 15px -5px;
padding: 0;
}
.toplinks .links div .click-nav .no-js:hover ul li a {
color: #666;
}
.toplinks .links div .click-nav .no-js:hover ul li a:hover {
color: #333;
}
.toplinks .links div .click-nav ul li ul.link {
padding: 8px 0;
}
.toplinks .links div .click-nav ul li ul.link li {
padding: 0px 0
}
/* Store's Top Links */
ul.stores_top_link {
display: inline-block;
text-transform: uppercase;
font-size: 12px;
margin-left: 15px;
margin: 0
}
ul.stores_top_link li {
display: inline
}
ul.stores_top_link a {
color: #222;
padding: 0 8px
}
ul.stores_top_link a:hover {
color: #E95144
}
/* search */
.search-icon {
position: absolute;
right: 0px;
margin-top: 15px;
}
.search-box {
width: 226px;
position: absolute;
margin: auto;
right: 10px;
margin-top: 10px}
#searchText {
margin: 0;
width: 207px;
font-family: 'Merriweather Sans', sans-serif;
font-size: 13px;
height: 33px;
color: #333;
border: 1px solid #efefef;
padding: 0 15px;
background: #f1f1f1;
outline: none;
}
#searchText:focus {
border: 1px #c2986e solid;
}
.button-common {
border: 0 none;
overflow: hidden;
padding: 0px;
text-indent: -9999px;
width: 25px;
}
.search-btn-bg {
cursor: pointer;
display: inline-block;
height: 33px;
position: absolute;
right: 0px;
top: 0;
width: 30px;
right: 10px;
background: none;
outline: none;
}
.searchIconNew {
background: url("../images/search-icon.png") no-repeat scroll center 6px;
width: 25px;
height: 30px;
/*left: 4px;*/
display: inline;
position: absolute;
top: 3px;
}
.cross-icon {
position: absolute;
right: 0px;
margin-top: -35px
}
/* Shopping Cart Dropdown Upper Right Section */
.mini-products-list .product-image {
float: left;
padding: 0;
width: 55px;
padding: 0px; margin-right:8px;
}
.top-cart-content .product-name {
margin: 0;
width: 150px;
line-height: 1;
padding: 0;
}
.top-cart-content .product-name a {
font-size: 12px;
line-height: normal;
font-weight: 400
}
.top-cart-content .product-name a:hover {
font-size: 12px;
color: #000000
}
.top-cart-title span {
font-weight: normal;
font-size: 12px;
color: #fff;
text-transform: inherit;
}
.top-cart-title p span {
text-transform: none;
}
.top-cart-contain .price {
color: #000;
font-weight: 900;
text-transform: uppercase;
padding-left: 10px;
float: right;
}
.top-cart-contain .product_details .price {
color: #000000;
width: auto;
float: none;
font-weight: 900;
padding-left: 0px;
font-size: 13px;
}
.mini-cart {
text-align: center;
cursor: pointer;
margin: 0px 0 0 0px;
}
.mini-cart .basket {
right: 0px;
}
.mini-cart .basket a {
color: #333;
margin: 0px;
line-height: 55px;
font-size: 13px;
font-family: 'Merriweather Sans', sans-serif;
font-weight: normal;
width: 70px !important;
border: 1px #efefef solid;
padding: 11px 11px 11px 0px
}
.mini-cart .basket a:first-child:before {
content: '\f07a';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
padding-right: 15px;
border-right: 1px #ddd dotted;
margin-right: 10px;
background: #c2986e;
padding: 9px 20px 11px;
color: #fff
}
.mini-cart .open .basket span {
color: #fff;
background: #fff;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3)
}
.mini-cart .dropdown-toggle {
font-size: 12px;
padding: 0;
text-transform: none;
}
.top-cart-contain {
position: absolute;
padding: 0;
z-index: 100;
padding: 0px;
color: #FFFFFF;
right: 0px;
margin-top: 8px;
margin-right: 15px;
}
.top-cart-contain:hover {
}
.top-cart-title p {
margin: 0;
}
.top-cart-content .empty {
}
.top-cart-contain:hover {
}
/*
.open .top-cart-content {
display: block !important
}*/
.top-cart-content {
/*display: none !important;*/
display: none;
width: 300px;
position: absolute;
top: 52px;
right: 0px;
background: #fff;
padding: 0;
text-align: right;
box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4);
border-bottom: 5px solid #000000;
}
.top-cart-content p {
color: #333333;
margin: 0;
padding: 10px;
}
.top-subtotal {
color: #333333;
font-size: 13px;
font-weight: 900;
padding: 8px 15px;
text-align: left;
text-transform: none;
background-color: #f3f3f3;
margin-bottom: 15px;
}
.top-cart-content .product_details .btn-remove {
position: absolute;
right: 10px;
top: 4px;
}
.top-cart-title {
display: inline-block;
padding: 3px;
margin: 0;
vertical-align: top;
text-align: center;
color: #223D62;
line-height: 12px;
position: relative;
font-size: 12px;
width: 20px;
margin-top: 2px;
margin-left: 29px
}
.top-cart-content .block-subtitle {
border-bottom: 1px solid #DDDEE1;
color: #000;
overflow: hidden;
padding: 15px;
text-align: left;
font-family: 'Merriweather Sans', sans-serif;
font-size: 15px;
}
ul#cart-sidebar {
padding: 8px 15px;
}
.top-cart-wrapper:hover {
}
.top-cart-title .cart_arrow {
position: absolute;
bottom: -6px;
right: 50px;
width: 18px;
height: 11px;
z-index: 1000;
display: none;
}
.top-cart-contain:hover .top-cart-title .cart_arrow {
display: block;
}
.top-cart-content li.item {
width: 272px;
margin: 5px 0px;
border-bottom: 1px #eee solid;
min-height: 67px
}
.top-cart-content li.item.last {
margin: 0;
border-bottom: 0px #eee solid;
padding-bottom: 10px
}
.top-cart-content .product_details {
color: #333333;
position: relative;
text-align: left;
}
.mini-products-list .product_details {
margin-left: 80px;
padding: 0;
}
.top-cart-content .product_details .btn-remove {
position: absolute;
right: 10px;
top: 12px;
}
.top-cart-content .product_details .btn-edit {
position: absolute;
right: 22px;
top: 6px;
}
.top-cart-content .actions {
padding: 5px 15px 20px;
margin: 0;
overflow: hidden
}
.top-cart-icon {
padding: 5px;
width: 20px;
height: 24px;
display: inline-block;
vertical-align: middle;
}
.top-cart-title span {
font-weight: normal;
font-size: 13px;
text-transform: uppercase;
}
.top-cart-title p span {
text-transform: none;
}
.mini-cart .actions .btn-checkout:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 10px;
}
.mini-cart .actions .btn-checkout {
background: #fff;
color: #333;
font-size: 12px;
padding: 8px 16px;
border: none;
cursor: pointer;
display: inline-block;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
border: 3px solid #EFEFEF;
font-weight: bold;
}
.mini-cart .actions .btn-checkout:hover {
background: #000000;
border: 3px solid #EFEFEF;
color: #fff;
}
.mini-cart .actions .view-cart {
background: #fff;
color: #333;
font-size: 12px;
padding: 8px 16px;
font-family: 'Merriweather Sans', sans-serif;
text-align: left;
cursor: pointer;
text-decoration: none;
float: left;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
border: 3px solid #EFEFEF;
font-weight: bold;
}
.mini-cart .actions .view-cart:hover {
background: #fff;
color: #333;
font-size: 12px;
padding: 8px 16px;
font-family: 'Merriweather Sans', sans-serif;
text-align: left;
cursor: pointer;
text-decoration: none;
float: left;
border: 3px solid #EFEFEF;
}
.mini-cart .actions .view-cart:before {
content: '\f07a';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 8px
}
.mini-cart .actions .button {
display: inline-block;
width: 100px;
text-align: center;
margin-bottom: 3px;
padding: 8px 10px 6px;
text-transform: none;
border: none;
font-size: 12px;
}
.mini-cart .button.btn-checkout {
background-color: #970400;
color: #FFFFFF;
font-size: 13px;
text-transform: uppercase;
font-weight: 900;
padding: 0px 6px;
height: 32px;
line-height: 32px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.block_mini_cart_above_products {
margin-bottom: 15px;
}
.mini-cart > .button {
color: #000;
font-size: 12px;
font-weight: 300;
text-shadow: none;
border: none;
border-radius: 0;
box-shadow: none;
background: none
}
#cart-sidebar li {
border-bottom: 1px solid #ECECEC;
margin-bottom: 8px;
overflow: hidden;
padding: 3px 0 10px; position:relative; text-align:left;
}
#cart-sidebar li.last {
border-bottom: 0px solid #ECECEC;
padding: 5px 0;
}
.btn-remove1 {
background-image: url(../images/btn_remove.png);
margin: 0px 0 0 18px;
}
.btn-remove1:hover, .btn-remove1:focus {
background-position: 0 -12px;
}
.btn-remove1 {
display: block;
width: 15px;
height: 13px;
font-size: 0;
line-height: 0;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -999em;
overflow: hidden;
position: absolute;
right: -3px;
top: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.btn-remove2 {
display: block;
width: 16px;
height: 11px;
font-size: 0;
line-height: 0;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -999em;
overflow: hidden;
}
a.button.more-info {
box-shadow: none;
border-radius: 2px;
border: 1px solid;
border-color: #ddd;
color: #222;
display: inline-block;
line-height: 1;
padding: 8px 12px;
text-align: center;
white-space: nowrap;
}
.button:hover {
background: #f6f6f6;
}
.button.btn-checkout {
background: #FED557;
padding: 8px 18px;
}
.button.btn-checkout:hover {
background: #000000
}
.button.btn-bag {
box-shadow: none;
border-radius: 2px;
border: 1px solid #ccc;
color: #222;
display: inline-block;
line-height: 1;
padding: 8px 18px;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
float: left
}
.block .btn-remove1 {
float: right;
margin-top: 6px;
}
.sidebar .block .access .btn-remove1 {
position: relative;
right: 0;
top: 0px;
}
.cards-list dt {
margin: 5px 0 0;
}
.cards-list .offset {
padding: 2px 0 2px 20px;
}
.separator {
margin: 0 3px;
}
.divider {
clear: both;
display: block;
font-size: 0;
line-height: 0;
height: 1px;
margin: 10px 0;
background: #ddd;
text-indent: -999em;
overflow: hidden;
}
.hidden-desktop {
display: none;
}
.product-name, .product-name h1, .product-name h2, .product-name h3, .product-name h4, #product-tabs > dt, #cart-tabs > dt, .review-title, .author, .fraction-slider .slide-title, h2 {
font-size: 18px;
}
/* =========== 4. Navigation ========== */
nav {
height: 61px;
}
.nav-inner {
height: 61px;
margin: auto 15px;
border-top: 1px solid #ededed;
border-bottom: 3px solid #454545;
position: relative;
text-align: center;
}
#nav > li > a:hover:nth-child(1), #nav > li > a.active:nth-child(1) {
background: #000;
color: #fff !important;
border-bottom: none;
}
#nav > li > a:first-child {
margin-left: 0px;
}
#nav > li > a:last-child a {
color: #333
}
.nav {
margin: 0px auto 0
}
#nav > li:hover > a, .vertnav-top li > a:hover {
color: #fff;
background: #000;
border-bottom: none;
}
.cms-index-index #nav #current-page > a, #nav > li.active > a, .vertnav-top li.current > a:hover {
color: #c2986e!important;
background: #000;
}
.cms-index-index #nav #nav-home > a span, #nav > li.active > a span, .vertnav-top li.current > a span {
border-right: none
}
/* Drop-down menu (horizontal)*/
#nav {
position: relative;
z-index: 10;
-webkit-transform: translateZ(0);
padding: 0;
margin: auto;
text-align: center
}
/* All levels
-------------------------------------------------------------- */
#nav li {
text-align: left;
}
#nav li a {
display: block;
text-decoration: none;
color: #aaa;
}
#nav li ul a span { font-size:12px;
}
/* 1st level only
-------------------------------------------------------------- */
#nav > li {
list-style: none;
border-bottom: none;
display: block;
float: left;
border-right: 1px solid #ededed}
#nav > li.last {
padding-right: 0;
}
#nav > li > a {
display: block;
padding: 18px 1px;
}
#nav > li > a > span {
display: inline-block;
padding: 0px 15px;
line-height: 17px
}
/* Drop-down boxes */
#nav .level0-wrapper {
position: absolute;
left: -10000px;
background-color: #fff;
}
#nav .level0-wrapper2 {
padding: 0;
}
#nav .level0-wrapper2:before, #nav .level0-wrapper2:after {
display: table;
line-height: 0;
content: "";
}
#nav .level0-wrapper2:after {
clear: both;
}
/* Home link */
#nav a.level-top.feature {
margin: 0;
}
/* Icon inside item */
#nav li a.level-top .icon {
padding: 3px;
margin: 0;
float: none;
display: inline-block;
vertical-align: middle;
background-color: transparent !important;
}
#nav li:hover a.level-top .icon {
padding: 3px;
}
/* Single icon as home link */
#nav #homelink-icon {
margin-left: 12px;
}
#nav #homelink-icon a.level-top {
padding-left: 5px;
padding-right: 5px;
background: none !important;
box-shadow: none !important;
border: none !important;
}
/* Custom menu item */
#nav .nav-custom-link > a {
cursor: default;
}
#nav .nav-custom-link {
position: static;
}
#nav .nav-custom-link .header-nav-dropdown-wrapper {
padding: 20px 10px 5px;
overflow: hidden
}
#nav .nav-custom-link .header-nav-dropdown-wrapper p {
margin: 10px 0;
color: #666;
line-height: 1.3em;
font-family: 'Merriweather Sans', sans-serif;
font-size: 13px;
font-weight: normal
}
#nav .nav-custom-link .header-nav-dropdown-wrapper .heading {
margin: 10px 0;
}
/* Caret */
#nav a.level-top .caret {
display: inline-block;
width: 0;
height: 0;
margin-bottom: 2px;
margin-left: 2px;
vertical-align: middle;
content: "";
border-style: solid solid none;
border-width: 4px 4px 0;
border-color: #333 transparent transparent;
}
/* Sidebar menu */
.vertnav .number {
margin-left: 3px;
color: #aaa;
}
/* Main menu */
#nav .number {
display: inline;
margin-left: 3px;
}
#nav ul li .number {
color: #aaa;
}
/* Other
-------------------------------------------------------------- */
.nav .itemslider {
margin-top: 0;
margin-bottom: 0;
}
.nav .itemslider .item {
padding-bottom: 0;
}
/* 1st level
-------------------------------------------------------------- */
li.level0 > a > span {
position: relative;
}
li.level0 > a > span > .cat-label {
position: absolute;
top: -12px;
right: 0;
padding: 0 6px;
font-size: 12px;
line-height: 22px;
}
/* Add pin (only 1st level) */
li.level0 > a > span > .pin-bottom:before {
position: absolute;
right: 6px;
top: 22px;
width: 0;
height: 0;
content: "";
border-style: solid;
border-width: 4px;
border-color: transparent;
transition: border-color 450ms ease-in-out;
-moz-transition: border-color 450ms ease-in-out;
-webkit-transition: border-color 450ms ease-in-out;
-o-transition: border-color 450ms ease-in-out;
}
li.level0 > a:hover > span > .pin-bottom:before {
transition-duration: 100ms;
-moz-transition-duration: 100ms;
-webkit-transition-duration: 100ms;
-o-transition-duration: 100ms;
}
/* 2nd level
-------------------------------------------------------------- */
li.level1 > a > span > .cat-label {
display: inline-block !important;
padding: 0 4px;
margin-left: 2px;
vertical-align: middle;
}
/* 3rd level
-------------------------------------------------------------- */
li.level2 > a > span > .cat-label {
display: inline-block !important;
padding: 0 4px;
margin-left: 2px;
}
/* Category labels inside mobile menu / vertical menu*/
ul.vertnav li > a > span > .cat-label {
position: static;
display: inline-block !important;
padding: 0 4px;
margin-left: 2px;
}
/* Hide pin */
ul.vertnav li > a > span > .pin-bottom:before {
display: none;
}
/* Label size: all levels
-------------------------------------------------------------- */
ul.vertnav li > a > span > .cat-label {
font-size: inherit;
line-height: inherit;
}
ul.vertnav-top li > a > span > .cat-label {
font-size: 12px;
line-height: 18px;
}
/* Category blocks*/
.nav-block {
margin-top: 0;
margin-bottom: 1%;
}
.nav-block-top {
}
.nav-block-bottom {
float: left
}
.nav-block-center {
margin-top: 0px;
}
.nav-block-right {
margin-top: 0px;
float: right;
padding: 15px;
text-align: center;
}
.nav-block-level1-top {
margin-bottom: 10px;
}
.nav-block-level1-bottom {
margin-top: 10px;
}
.nav-block .section-line {
border-color: #eee;
}
/* Common styles for main menu (horizontal + mobile vertical + mobile menu trigger)*/
/* horizontal + mobile menu trigger */
#nav > li > a {
font-size: 14px;
text-transform: uppercase /*1.3333em*/;
font-family: 'Merriweather Sans', sans-serif;
font-weight: bold;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
letter-spacing: 0.5px;
}
ul.level0 {
padding: 0
}
ul.level1 {
padding: 0 15px
}
#nav .level0-wrapper, #nav.classic ul {
background-color: #ffffff;
color: #333333;
}
#nav ul li a {
color: #aaa;
}
#nav ul li a:hover {
color: #fff;
}
.cat-label-label1 {
background-color: #D12631;
color: #ffffff;
}
.cat-label-label2 {
background-color: #d52462;
color: #ffffff;
}
li.level0 > a > span > .cat-label-label1.pin-bottom:before {
border-top-color: #D12631;
}
li.level0 > a > span > .cat-label-label2.pin-bottom:before {
border-top-color: #d52462;
}
li > a:hover > span > .cat-label, #nav li.level0:hover > a > span > .cat-label {
background-color: #ff7214;
}
li.level0 > a:hover > span > .pin-bottom:before, #nav li.level0:hover > a > span > .pin-bottom:before {
border-top-color: #ff7214;
}
#nav .level0-wrapper, #nav.classic .parent > ul {
background: #000;
border-top: none;
border-bottom: 5px #c2986e solid;
box-shadow: 0 0 20px -5px;
padding-bottom: 10px
}
#nav .level0-wrapper, #nav.classic ul.level0 {
top: 57px;
width: 100%;
}
/* 1st level only
-------------------------------------------------------------- */
#nav > li:hover > a {
position: relative;
z-index: 1;
}
/* 2nd level only
-------------------------------------------------------------- */
/* 2nd-level nav-links block: with subcategory title and a list of child categories */
#nav ul.level0 > li {
display: inline-block;
float: none;
margin-right: -3px;
padding-bottom: 15px;
padding-top: 0;
vertical-align: top;
width: 19.9%;
}
#nav .grid13-8 ul.level0 > li{width: 24.5%;}
#nav .grid12-8 ul.level0 > li{width: 33%;}
#nav ul.level0 > li.last {
display: inline-block;
float: none;
vertical-align: top;
padding-top: 0;
padding-bottom: 15px;
width: 232px;
margin-right: 0px
}
#nav ul.level0 > li > a {
margin-bottom: 10px;
font-size: 14px;
line-height: normal;
color: #fff;
padding: 20px 15px 15px;
font-weight: bold;
letter-spacing: 1px;
border-bottom: 1px solid #333;
font-family: 'Merriweather Sans', sans-serif;
text-transform: uppercase
}
/* 2nd level+
-------------------------------------------------------------- */
#nav ul li { /*float:none;*/
margin-bottom: 1px;
list-style: none;
padding: 3px 0
}
#nav ul li a {
float: none;
}
/* 3rd level only
-------------------------------------------------------------- */
#nav ul.level1 {
position: static;
}
#nav ul.level1 > li a {
float: none;
transition: background-position 150ms ease-out;
-moz-transition: background-position 150ms ease-out;
-webkit-transition: background-position 150ms ease-out;
-o-transition: background-position 150ms ease-out;
display: block
}
#nav ul.level1 > li a:before {
content: '\f105';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 6px;
color: #aaa;
}
#nav ul.level1 > li a:hover {
float: none;
transition: background-position 150ms ease-out;
-moz-transition: background-position 150ms ease-out;
-webkit-transition: background-position 150ms ease-out;
-o-transition: background-position 150ms ease-out;
}
/* 4th level
-------------------------------------------------------------- */
#nav ul.level2 {
margin: 7px 0;
padding: 0;
position: static;
}
#nav ul.level2 a {
font-size: 0.9166em;
line-height: 1.2727em;
opacity: 0.6;
}
#nav li.level2:hover ul.level2 a {
opacity: 1;
transition: opacity 150ms ease-out;
-moz-transition: opacity 150ms ease-out;
-webkit-transition: opacity 150ms ease-out;
-o-transition: opacity 150ms ease-out;
}
/* 4rd level+
-------------------------------------------------------------- */
#nav ul ul ul li {
background: none;
padding-left: 0;
}
/* Vertical nav-links */
.nav-links > li, .nav-links > li > a {
line-height: 3em;
}
.nav-links > li > a {
padding: 0 0.5833em;
}
.nav-links > li.label {
padding-right: 0.5833em;
}
/* Basic nav-links, no separators
-------------------------------------------------------------- */
.nav-links > li {
float: left;
}
.nav-links > li > a {
display: block;
}
.grid12-5 {
display: inline;
float: left;
margin-left: 1%;
margin-right: 1%;
width: 23%;
}
.grid12-3 {
display: inline;
float: left;
margin-left: 0;
margin-right: 1%;
padding: 10px 0 10px 10px;
width: 16%;
border-left: 1px #ddd solid;
margin-bottom: 0;
}
.grid12-3 .item-title a {
text-transform: uppercase;
margin-top: 10px;
}
.grid12-4 {
display: inline;
float: left;
margin: 5px 0;
width: 32%;
}
.grid12-8 {
display: inline;
float: left;
margin-left: 0;
margin-right: 1%;
width: 64%;
}
.grid13-8 {
display: inline;
float: left;
margin-left: 0;
margin-right: 1%;
margin-bottom: 0;
width: 80.90%;
}
.back-link {
float: left
}
#nav .level0-wrapper .nav-add {
border-top: 1px solid #333;
padding: 18px 0 0 18px;
}
#nav .level0-wrapper .nav-add .push_item {
float: left;
margin-right: 0px;
width: 280px;
}
#nav .level0-wrapper .nav-add .push_item_last {
float: left;
margin-right: 0px;
width: 280px;
}
#nav .level0-wrapper .nav-add .push_item .push_img a {
display: block;
height: 120px;
width: 280px;
}
#nav .level0-wrapper .nav-add .push_item .push_text {
color: #647177;
font-size: 12px;
padding: 8px 0;
}
.icon-custom-reponsive:before {
content: "\f10a";
}
.icon-custom-reponsive {
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: block !important;
font-size: 70px;
background-color: #F0F0F0;
color: #000;
height: 120px;
line-height: 120px!important;
text-align: center;
}
.icon-custom-CSS3:before {
content: "\f13c";
}
.icon-custom-CSS3 {
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block !important;
font-size: 60px;
background-color: #F0F0F0;
color: #000;
height: 120px;
padding: 30px 77px 30px 0;
margin-left: -5px;
}
.ccs3-html5-box {
background-color: #F0F0F0;
color: #000;
display: inline-block !important;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 60px;
height: 95px;
padding: 25px 0 0;
text-align: center;
width: 100%;
}
.icon-custom-google-font:before {
content: "\f031";
}
.icon-custom-google-font {
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: block !important;
font-size: 70px;
background-color: #F0F0F0;
color: #000;
height: 120px;
line-height: 120px!important;
text-align: center;
}
.icon-custom-grid:before {
content: "\f00a";
}
.icon-custom-grid {
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: block !important;
font-size: 70px;
background-color: #F0F0F0;
color: #000;
height: 120px;
line-height: 120px!important;
text-align: center;
}
#nav .nav-custom-link .header-nav-dropdown-wrapper h4.heading {
color: #000;
font-family: 'Merriweather Sans', sans-serif;
font-size: 14px;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 10px;
}
#nav li.drop-menu ul {
position: absolute;
top: 57px;
left: 0;
background: #fff;
/*padding: 6px 0;*/
padding: 0 0 6px 0;
border-top: none;
border-bottom: 5px #000000 solid;
box-shadow: 0 0 20px -5px;
/* Breite bei "#nav li.drop-menu ul li" auch anpassen! */
width: 200px;
text-align: left;
z-index: 1000;
}
#nav > li.drop-menu ul li ul {
border-top: none;
}
#nav li.drop-menu ul.right-sub:after {
content: url(../menu_arrow.png);
top: 0;
position: absolute;
left: -5px;
/*
content: "";
top: 6px;
left: -11px;
border: 6px solid transparent;
border-bottom-width: 5px;
border-bottom-color: transparent;
border-right-width: 5px;
border-right-color: #fff;
*/
}
#nav li.drop-menu ul.level1 {
margin-right: 10px;
}
#nav li.drop-menu ul.left-sub:after {
content: "";
top: 6px;
position: absolute;
left: auto;
right: -10px;
border: 6px solid transparent;
border-bottom-width: 5px;
border-bottom-color: transparent;
border-right-width: 5px;
border-right-color: transparent;
border-left-width: 5px;
border-left-color: #fff;
}
#nav > li.drop-menu {
position: relative;
}
#nav li.drop-menu ul li {
position: relative;
/* Damit das Menü beim Zwischenbereich nicht verschwindet */
width: 205px;
}
#nav li.drop-menu ul li a {
color: #222;
line-height: 30px;
padding: 0 12px;
display: block;
transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
/* Damit das Menü beim Zwischenbereich nicht verschwindet */
/*background: #fff;*/
background: transparent;
}
#nav li.drop-menu ul li:hover > a {
color: #000;
/* Damit das Menü beim Zwischenbereich nicht verschwindet */
/*background: #fff;*/
background: transparent;
padding-left: 12px;
}
#nav li.drop-menu ul li span.plus {
display: block;
position: absolute;
right: 7px;
top: 50%;
margin-top: -1px;
height: 1px;
width: 7px;
background: #535353;
}
#nav li.drop-menu ul {
display: none;
}
/* Mob Menu */
#menu {
/*background: #fff;*/
width: 100%;
text-align: left;
margin-bottom: 0px;
float: left;
border: 0px #f0f0f0 solid;
margin-top: 5px;
margin-left: 15px;
}
#menu .toggle {
float: left;
width: 30px;
height: 35px;
cursor: pointer;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
text-align: left;
}
#menu .toggle:before {
content: "\f0c9";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 22px;
color: #000;
margin: 5px 0;
line-height: 38px;
}
#menu ul.navmenu ul.submenu {
padding: 2px 0 0;
background: #fff;
width: 99.8%;
box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4);
border-bottom: 5px solid #000000;
z-index: 100;
position: relative;
top: 7px;
}
#menu ul.navmenu .menutop, .menutop {
overflow: hidden;
min-height: 25px;
margin-top: 0px;
}
#menu ul.navmenu .menutop h2, .menutop h2 {
float: left;
margin: 0px 0 1px 0;
font-weight: 900;
color: #666;
padding: 5px 0px;
font-size: 17px;
text-transform: uppercase;
font-family: 'Merriweather Sans', sans-serif;
}
ul.topnav {
padding: 0;
margin: 0;
font-size: 1em;
line-height: 0.5em;
list-style: none;
}
ul.topnav li {
border-bottom: 1px solid #EFEFEF;
float: none !important;
margin: 0 15px;
position: relative;
}
ul.topnav li.last {
position: relative;
float: none !important;
border-bottom: none;
}
ul.topnav li a {
line-height: 10px;
font-size: 14px;
padding: 15px 0px;
color: #222;
display: block;
text-decoration: none;
font-family: 'Merriweather Sans', sans-serif;
width: 80%;
text-transform: uppercase;
}
ul.topnav li a:hover {
color: #000;
}
ul.topnav li .active a {
background-color: #999;
color: #fff;
}
ul.topnav ul {
margin: 0;
padding: 0;
display: none;
}
ul.topnav ul li {
margin: 0;
padding: 0;
clear: both;
}
ul.topnav ul li a {
padding-left: 10px;
font-size: 12px;
font-weight: normal;
outline: 0;
color: #111;
text-transform: none;
font-family: 'Merriweather Sans', sans-serif;
}
ul.topnav ul ul li a {
padding-left: 20px;
}
ul.topnav em {
color: #666;
cursor: pointer;
font-size: 24px;
font-style: normal;
font-weight: bold;
padding: 6px 0 6px 6px;
position: absolute;
right: 0px;
top: 10px;
width: 16px;
height: 25px;
}
ul.topnav em:hover {
color: #333;
}
.nav-container {
height: 40px;
}
.product-view .product-shop .social .fb a:before {
content: "\f09a";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.product-view .flexslider-thumb {
max-width: 420px;
margin: 30px auto 0;
padding: 0 45px;
position: relative; z-index:1000;
}
.product-view-compact .flexslider-thumb {
margin: 17px auto 0
}
.product-view .flexslider-thumb .flex-viewport {
z-index: 10
}
.product-view .flexslider-thumb .flex-direction-nav {
top: 30%;
left: 0;
width: 100%;
z-index: 9
}
.product-view .flexslider-thumb .flex-prev {
position: absolute;
left: 12px;
top: 0px;
}
.product-view .flexslider-thumb .flex-next {
position: absolute;
right: 20px;
top: 0px;
}
.product-view .flexslider-thumb li img {
cursor: pointer;
-moz-user-select: none
}
.product-view .previews-list {
padding: 0;
list-style-type: none;
text-align: center
}
.product-view .previews-list li {
width: 76px;
margin-right: 7px;
padding: 0;
float: none;
display: inline-block;
}
.product-view-compact .rating {
padding: 18px 0 21px
}
.product-view-compact .btn-toolbar {
margin: 0;
padding: 7px 0 22px
}
.product-view-compact .price {
display: block;
padding: 6px 0 20px
}
.product-view .flexslider-thumb-vertical-outer {
margin: 0 10px 15px 0;
width: 76px;
float: left;
position: relative;
z-index: 1
}
.product-view .flexslider-thumb-vertical .flex-viewport {
height: 300px!important
}
.product-view .flexslider-thumb-vertical .slides {
margin: -4px 0 0;
padding: 0;
list-style-type: none
}
.product-view .flexslider-thumb-vertical .slides li {
margin: 0;
padding: 0;
overflow: hidden
}
.product-view .flexslider-thumb-vertical .slides li img {
width: 100%;
padding: 4px 0;
cursor: pointer;
-moz-user-select: none
}
.flex-direction-nav, .slider-controls {
-webkit-transform: translate3d(0, 0, 0)
}
.product-view .product-shop .social .fb a {
background: #3C5B9B;
font-size: 18px;
border-radius: 0px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product-view .product-shop .social .fb a:hover {
background: #3C5B9B !important;
color: #fff;
}
.product-view .product-shop .social .tw a:before {
content: "\f099";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.product-view .product-shop .social .tw a {
background: #359BED;
font-size: 18px;
border-radius: 0px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product-view .product-shop .social .tw a:hover {
background: #359BED !important;
color: #fff;
}
.product-view .product-shop .social .googleplus a:before {
content: "\f0d5";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.product-view .product-shop .social .googleplus a {
background: #E33729;
font-size: 18px;
border-radius: 0px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.sidebar .link-compare, .sidebar .link-wishlist {
color: #666;
font-size: 12px;
}
.sidebar .link-cart, .sidebar .link-reorder, .block .actions a {
color: #CA0000;
font-family: 'Merriweather Sans', sans-serif;
font-weight: bold;
font-size: 12px;
}
.product-view .product-shop .social .googleplus a:hover {
background: #E33729!important;
color: #fff;
}
.product-view .product-shop .social .rss a:before {
content: "\f09e";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.product-view .product-shop .social .rss a {
content: "\f09e";
font-family: "Font Awesome 5 Free";
font-weight: 900;
background: #FD9F13;
font-size: 18px;
border-radius: 0px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product-view .product-shop .social .rss a:hover {
background: #FD9F13 !important;
color: #fff;
}
.product-view .product-shop .social .pintrest a:before {
content: "\f0d3";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.product-view .product-shop .social .pintrest a {
content: "\f0d3";
font-family: "Font Awesome 5 Free";
font-weight: 900;
background: #cb2027;
font-size: 18px;
border-radius: 0px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product-view .product-shop .social .pintrest a:hover {
background: #cb2027 !important;
color: #fff;
}
.product-view .product-shop .social .linkedin a:before {
content: "\f0e1";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.product-view .product-shop .social .linkedin a {
content: "\f0e1";
font-family: "Font Awesome 5 Free";
font-weight: 900;
background: #027ba5;
font-size: 18px;
border-radius: 0px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product-view .product-shop .social .linkedin a:hover {
background: #027ba5 !important;
color: #fff;
}
.product-view .product-shop .social .youtube a:before {
content: "\f167";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.product-view .product-shop .social .youtube a {
background: #F03434;
font-size: 18px;
border-radius: 0px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product-view .product-shop .social .youtube a:hover {
background: #F03434 !important;
color: #fff;
}
.product-view .product-shop .social {
float: left;
margin-top: 15px;
}
/*order history dashboard*/
.sales-order-history .my-account .login_page .limiter select {
width: 60px;
}
/*contact form*/
.contacts-index-index #contactForm ul li #telephone {
width: 65%;
}
/*dashboard right side current */
.customer-account-index .main-container-inner .col-right ul .current span {
margin-left: 20px;
}
/*404 page*/
.cms-dezire-no-route .slider-intro {
display: none;
}
.cms-dezire-no-route .offer-banner {
display: none;
}
/*detail page view link*/
a.button.view-all:before {
content: "\f06e";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 8px;
}
a.button.view-all {
display: inline-block;
border: 0;
background: #fff;
padding: 8px 12px;
font-size: 12px;
text-align: center;
white-space: nowrap;
color: #333;
font-weight: normal;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
vertical-align: top;
border: 3px solid #EFEFEF;
}
.button.view-all:hover {
background: #000000;
padding: 8px 12px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
border: 3px solid #EFEFEF;
color: #fff;
}
a.button.view-all:before {
content: "\f06e";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
padding-right: 8px;
}
/* wishlist addto links of edit link*/
.wishlist-index-configure .product-essential .product-shop .add-to-box .btn-cart {
margin-right: 8px;
}
#addTag ul {
height: 30px;
}
/*about us page*/
.cms-page-view .slider-intro {
display: none;
}
.cms-page-view .service-section {
display: none;
}
.cms-page-view .offer-banner {
display: none;
}
.cms-page-view .blog_fix {
display: none;
}
.cms-page-view .side-nav-categories {
display: none;
}
.cms-page-view .main-col {
margin: auto auto 20px;
}
.catalogsearch-advanced-index .side-nav-categories {
display: none;
}
#advice-required-entry-newsletter {
position: absolute;
right: 160px;
color: #FF0000;
}
#advice-validate-email-newsletter {
position: absolute;
color: #FF0000;
line-height: 16px;
}
#mgkquickview {
display: none;
background-color: rgba(0, 0, 0, 0.7);
width: 100%;
height: 1200px;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#formSuccess {
font-size: 18px;
padding: 48px 0 32px 15px;
}
.product-view .product-shop .grouped-items-table .price {
font-size: 18px;
}
.product-view .product-shop .price-box-bundle .price {
font-size: 20px;
}
.product-view .product-shop .price-as-configured .price {
font-size: 20px;
}
/*dashboard pages*/
.sales-order-view .shipping {
float: none;
}
/*detail page share-links*/
.sharing-links li .link-email-friend {
display: none;
}
.sharing-links {
clear: both;
list-style: none outside none;
margin-bottom: 10px;
}
.sharing-links li a {
color: #000000;
}
/*======== 5. Store Messages =========== */
.service-section {
width: 100%;
padding-bottom: 20px;
padding-top: 20px
}
.service-section .inner {
margin: auto;
overflow: hidden;
}
#store-messages {
margin: auto;
overflow: hidden;
}
#store-messages.messages-3 .message {
background: #f5f5f5;
padding: 10px 20px;
width: 100%;
}
#store-messages .phone {
float: right;
color: #333;
text-align: center;
width: 220px
}
#store-messages .phone strong {
font-weight: normal;
color: #333;
font-family: 'Merriweather Sans', sans-serif;
font-size: 17px;
}
#store-messages .phone span {
font-size: 12px;
line-height: 1.3em;
transition: color 100ms ease 0s;
color: #999;
text-align: center;
display: block;
padding-top: 8px;
font-family: 'Merriweather Sans', sans-serif;
}
#store-messages .message {
padding: 0;
position: relative;
text-align: center;
}
#store-messages .message strong {
font-weight: bold;
color: #333;
font-family: 'Merriweather Sans', sans-serif;
font-size: 12px;
text-transform: uppercase
}
#store-messages .message a {
display: block;
}
#store-messages .message span {
font-size: 13px;
line-height: normal;
transition: color 100ms ease 0s;
color: #999;
text-align: center;
display: block;
padding-top: 5px;
font-family: arial;
padding-bottom: 4px
}
#store-messages .message span {
margin: 0 2px;
}
#store-messages .message .tagline {
display: block;
font-size: 9px;
line-height: 1.4em;
margin-top: 1px;
padding-left: 28px
}
#store-messages .message .separator {
border-left: 1px solid #e7e7e7;
height: 45px;
right: 0;
position: absolute;
top: 5px;
width: 1px;
}
.service-section1 {
padding: 0;
border-bottom: 1px solid #F0F0F0;
margin: auto;
margin-bottom: 30px;
clear: both;
display: none;
}
.service-section1 #store-messages .message span {
color: #666!important
}
.service-section1 #store-messages .phone span {
color: #666!important;
line-height: 1.4em;
}
.service-section1 #store-messages {
background: none repeat scroll 0 0 #fff;
margin: auto;
overflow: hidden;
}
.service-section1 #store-messages .message span {
line-height: 1.4em;
}
.service-section1 #store-messages .message {
width: 442px;
margin-right: 0;
}
.service-section1 #store-messages .phone {
width: 260px;
padding-right: 0;
text-align: right;
}
/*========== 6. Product Details ==========*/
.product-title {
color: #333;
font-family: 'Merriweather Sans', sans-serif;
font-size: 18px;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 12px;
text-align: left;
text-transform: none;
}
.prod_image_detail {
text-align: center;
padding-top: 10px
}
.prod_image_detail .actions {
margin-top: 12px;
line-height: 1.4em;
margin: 5px 0;
padding: 0;
}
.prod_image_detail .description {
margin: 15px 0 15px;
font-family: 'Merriweather Sans', sans-serif;
font-weight: normal;
font-size: 15px;
line-height: normal;
}
.products-grid .special-price .price {
font-size: 12px;
}
/* Related Products */
.related-block {
width: 240px;
float: right;
margin-bottom: 35px;
overflow: hidden;
border: 0px solid #EFEFEF;
padding-bottom: 20px;
}
.related-block li {
border: none
}
.related-block h4 {
font-size: 12px
}
.related-block .block-content {
padding-top: 20px;
}
.related-block .block-title {
background-color: #fff;
padding: 10px 0;
color: #333;
text-transform: uppercase;
font-size: 12px;
border-bottom: 4px solid #F0F0F0;
font-weight: 700;
font-family: 'Merriweather Sans', sans-serif;
text-align: center;
}
.related-block .products-grid .actions button.button.btn-cart {
background: #000000;
border: 1px solid #000000;
margin: 0 8px 0 8px;
padding: 11px 10px 11px 6px;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.related-block .products-grid .actions button.button.btn-cart:hover {
background: #333;
border: 1px solid #333;
margin: 0 8px 0 8px;
padding: 11px 10px 11px 6px;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.jcarousel-skin-tango4 .jcarousel-item-horizontal {
vertical-align: middle;
min-height: 310px;
margin: 0 0px;
text-align: center;
width: 240px;
padding: 0 !important
}
.jcarousel-skin-tango4 .jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left: 10px;
margin-right: 0;
}
.jcarousel-skin-tango4.jcarousel-item-vertical {
margin-bottom: 10px;
}
.jcarousel-skin-tango4 .jcarousel-item-placeholder {
background: #fff;
color: #000;
}
.popular-block {
width: 260px;
margin-bottom: 15px;
border: 0px solid #E5E5E5;
}
.popular-block li {
border: none;
}
.popular-block h4 {
font-size: 12px;
}
.popular-block .block-content {
}
.popular-block .block-title {
color: #222;
font-family: 'Merriweather Sans', sans-serif;
font-size: 16px;
text-transform: uppercase;
margin: 0;
padding: 10px 0;
background-color: #fff;
font-weight: 700;
}
.popular-block .block-content li {
padding: 10px 2px;
}
.mousetrap {
width: 100% !important;
height: 100% !important;
}
.cloud-zoom img {
width: 100%;
}
.cloud-zoom-big{ left:12px !important; top:0px;}
.zoom-btn-small:before {
content: "\f00e";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.zoom-btn-small {
background-color: #FFFFFF;
bottom: 0;
color: #666666;
font-size: 20px;
left: 0;
line-height: 40px;
padding: 0 15px;
position: absolute;
z-index: 1000;
}
.zoom-btn-small:hover {
background-color: #fff;
bottom: 0;
color: #333 font-size: 20px;
left: 0;
line-height: 40px;
padding: 0 15px;
position: absolute;
z-index: 1000;
}
.zoom-btn-small span {
display: none;
}
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
border: 1px solid #ccc;
margin: -1px; /* Set this to minus the border thickness. */
background-color: #fff;
cursor: move;
}
/* This is for the title text. */
.cloud-zoom-title {
font-family: 'Merriweather Sans', 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: 0px solid #ddd;
margin-left: 0px;
margin-top: 5px;
z-index: -10000
}
/* This is the loading message. */
.cloud-zoom-loading {
color: white;
background: #222;
padding: 3px;
border: 1px solid #000;
display: none;
}
.static-contain .group-select li .input-box input.input-text, .group-select li .input-box textarea {
width: 290px;
margin-bottom: 10px;
}
.static-contain .group-select li .input-box {
width: 470px}
.static-contain .group-select li textarea {
width: 440px
}
.static-contain .group-select li textarea:focus {
width: 440px;
}
.static-contain .group-select li input.input-text.required-entry, .group-select li textarea {
width: 440px;
}
/*listing page category description*/
.category-description {
padding-bottom: 10px;
/* padding-right: 10px; */
padding-top: 0;
}
/*contact us comment text area*/
.contacts-index-index #contactForm .required-entry {
width: 65%;
}
/*advanced search page*/
.catalogsearch-advanced-index #form-validate #advanced-search-list .multiselect {
width: 710px;
}
/*site map page*/
.page-sitemap .pager {
clear: both;
overflow: hidden;
width: 1240px;
}
/*add new address dashboard*/
.customer-address-form #form-validate .input-box .validate-select {
width: 630px;
}
/*my order dashboard*/
.sales-order-history .my-account .login_page .pager select {
margin-left: 0px;
float: left;
margin-right: 10px;
}
.sales-order-history .main-container-inner .pager .pages {
margin-top: -20px;
}
.sales-order-history .main-container-inner #my-orders-table {
margin-top: 44px;
margin-bottom: 5px;
}
.sales-order-history .main-container-inner .limiter {
text-align: left;
margin-left: 10px;
}
.sales-order-history .main-container-inner .pager p {
margin-top: 5px;
}
.downloadable-customer-products .my-account .login_page .pager select {
margin-left: 0px;
float: left;
margin-right: 10px;
}
.downloadable-customer-products .my-account #my-downloadable-products-table {
margin-bottom: 10px;
margin-top: 10px;
}
.downloadable-customer-products .main-container-inner .pager .pages {
margin-top: -20px;
}
.downloadable-customer-products .main-container-inner #my-orders-table {
margin-top: 44px;
margin-bottom: 5px;
}
.downloadable-customer-products .main-container-inner .limiter {
text-align: left;
margin-left: 10px;
}
.downloadable-customer-products .main-container-inner .pager p {
margin-top: 5px;
}
.review-customer-index .main-container-inner .pager p {
margin-top: 5px;
}
.review-customer-index .main-container-inner .limiter {
text-align: left;
margin-left: 10px;
}
.review-customer-index .main-container-inner #my-orders-table {
margin-top: 44px;
margin-bottom: 5px;
}
.review-customer-index .main-container-inner .pager .pages {
margin-top: -20px;
}
.review-customer-index .my-account .login_page .pager select {
margin-left: 0px;
float: left;
margin-right: 10px;
}
.review-customer-index .my-account #my-reviews-table {
margin-bottom: 10px;
margin-top: 25px;
}
/*proceed to checkout page*/
.checkout-cart-index .shipping .sp-methods dt {
}
.checkout-cart-index .shipping .sp-methods dd ul li {
margin-bottom: 10px;
}
.checkout-onepage-index .main-container-inner #payment_form_ccsave .required-entry {
width: 681px;
}
.checkout-onepage-index .form-list .address-select {
width: 570px;
}
.checkout-onepage-index #checkout-step-billing .form-list .validate-select {
width: 600px;
}
.checkout-onepage-index .main-container-inner .step .btn-checkout {
float: right;
padding: 8px 12px;
}
.checkout-onepage-index #opc-shipping select#shipping-address-select {
width: 570px;
}
.checkout-agreements {
padding: 10px;
}
.checkout-agreements li input {
margin-right: 5px;
}
/*shipping with multiple address*/
.checkout-multishipping-address-newshipping #form-validate .input-box .validate-select {
width: 826px;
}
.checkout-multishipping-overview .multiple_addresses #review-button {
float: right;
margin-right: -105px;
margin-top: 40px;
}
.checkout-multishipping-billing .box-content #payment_form_ccsave #ccsave_cc_type {
width: 410px;
}
.checkout-multishipping-billing .box-content #payment_form_ccsave #ccsave_expiration {
width: 410px;
}
.checkout-multishipping-billing .box-content #payment_form_ccsave #ccsave_expiration_yr {
width: 410px;
}
/* about us page*/
.cms-page-view .slider_wrapper {
display: none;
}
.cms-page-view .our-features-box {
display: none;
}
.cms-page-view .brand-logo {
display: none;
}
/*404 page*/
.cms-index-noroute .slider_wrapper {
display: none;
}
.cms-index-noroute .our-features-box {
display: none;
}
/*Furniture menu image*/
.cms-index-noroute .brand-logo {
display: none;
}
.top-cart-contain .mini-cart .price {
margin-right: 5px;
}
/*2column right wishlist*/
#wishlist_button {
display: inline-block;
margin-right: 3px;
float: left;
}
#wishlist1_button {
display: inline-block;
}
#viewall {
margin-left: 5px;
}
#wishlist1_button {
text-transform: uppercase;
font-size: 10px;
margin-top: 8px;
color: #333333
}
a#wishlist1_button {
text-transform: uppercase;
font-size: 10px;
color: #333333
}
a:hover#wishlist1_button {
text-transform: uppercase;
font-size: 10px;
color: #000
}
#wishlist-sidebar li {
overflow: hidden;
border-bottom: 1px solid #ECECEC
}
#wishlist-sidebar li.last {
overflow: hidden;
border-bottom: 0px solid #ECECEC
}
.col-right .block-cart ul li.item {
border-bottom: 1px solid #ECECEC;
margin-bottom: 5px;
padding-bottom: 8px;
}
#wishlist_button {
float: left;
text-transform: uppercase;
font-size: 10px;
margin-top: 8px;
color: #333333
}
a#wishlist_button {
text-transform: uppercase;
font-size: 10px;
color: #333333
}
a:hover#wishlist_button {
text-transform: uppercase;
font-size: 10px;
color: #000
}
.sendfriend-product-send .form-list textarea {
width: 65%;
}
.product-pricing .price {
font-size: 12px !important;
}
#product-options-wrapper .options-list .price {
font-size: 12px;
}
.show_hide {
/*position: absolute;
right: 0;*/
}
/*shoppping cart*/
.checkout-cart-index .shipping .sp-methods {
margin-left: -12px;
}
#update_total_shoppingcart {
margin-left: -12px;
}
/*checkout mutiple shipping*/
.checkout-multishipping-overview .multiple-checkout #review-buttons-container #review-button {
margin-right: -175px;
}
/*dashboard */
.col-right .block-content ul li.current span {
margin-left: 0px;
}
/*wishlist*/
#wishlist-table a.remove-item {
padding: 6px 11px;
color: #333;
background-color: #fff;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border: 2px solid #efefef;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
float: right;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
#wishlist-table a.remove-item:before {
content: "\f014";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
}
#wishlist-table a.remove-item:hover {
padding: 6px 11px;
color: #fff;
background-color: #000000;
border: 2px solid #efefef;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
#wishlist-table .remove-item span span {
display: none;
}
.wishlist-index-index .my-wishlist .buttons-set2 .btn-share {
float: right;
margin-left: 8px;
}
.wishlist-index-index .my-wishlist .buttons-set2 .btn-add {
float: right;
margin-left: 8px;
}
.wishlist-index-index .my-wishlist .buttons-set2 .btn-update {
float: right;
margin-right: 2px;
}
.cms-index-noroute .service-section {
display: none;
}
.cms-index-noroute .slider-intro {
display: none;
}
.cms-index-noroute .offer-banner {
display: none;
}
.cms-index-noroute .blog_fix {
display: none;
}
#cart-sidebar .mini-products-list .product-image {
border: 1px solid #ECECEC;
}
/* Tooltip */
a.tooltip {
outline: none;
color: #666;
}
a.tooltip strong {
line-height: 30px;
}
a.tooltip:hover {
text-decoration: none;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
a.tooltip span {
z-index: 10;
display: none;
margin-top: -38px;
margin-left: -50px;
line-height: 15px;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
min-width: 96px;
white-space: normal;
text-align: center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
font-family: 'Merriweather Sans', sans-serif;
font-size: 10px;
text-transform: uppercase;
}
a.tooltip:hover span {
display: inline-block;
position: absolute;
color: #fff;
border: 1px solid #333;
background: #333;
font-size: 11px;
padding: 4px 5px 4px 5px;
font-weight: 400;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
min-width: 96px;
white-space: normal;
}
a.tooltip:hover span:after {
content: "";
display: block;
position: absolute;
left: 33px;
top: 24px; /*should be set to -border-width x 2 */
width: 0;
height: 0;
border-color: #333 transparent transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 6px;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
/* ========= 7. Ratings ======== */
.no-rating {
margin: 0;
}
.no-rating a {
color: #000;
}
.ratings {
font-size: 11px;
line-height: normal;
margin: 2px 0;
}
.ratings strong {
float: left;
margin: 1px 3px 0 0;
}
.ratings .rating-links {
margin: 0;
display: inline-block;
}
.ratings .rating-links a {
margin: 0;
text-decoration: none;
color: #666;
font-family: 'Merriweather Sans', sans-serif;
font-size: 12px
}
.ratings .rating-links .separator {
margin: 0 2px;
}
.ratings dt {
}
.ratings dd {
}
.rating-box {
width: 76px;
height: 30px;
font-size: 0;
line-height: 0;
/*background: url(../images/bkg_rating.png) 0 0 repeat-x;*/
text-indent: -999em;
overflow: hidden;
}
.rating-box .rating {
float: left;
height: 15px;
background: url(../images/bkg_rating.png) 0 100% repeat-x;
}
.ratings .rating-box {
margin-right: 8px;
display: inline-block;
}
.ratings .amount {
}
.ratings-table th, .ratings-table td {
font-size: 11px;
line-height: 1.15;
padding: 3px 0;
}
.ratings-table th {
font-weight: 900;
padding-right: 8px;
}
/* ========= 8. Price & Flip 3D ======== */
.price {
font-size: 12px;
color: #333;
white-space: nowrap !important;
}
.price-box {
margin: 6px 0;
}
/* Regular price */
.regular-price {
display: inline
}
.regular-price .price {
font-weight: 900;
font-size: 12px;
color: #000000;
}
.block .regular-price, .block .regular-price .price {
color: #000;
}
.price-box .price-from .price {
font-weight: 900;
font-size: 12px;
color: #333;
}
.price-box .price-to .price {
font-weight: 900;
font-size: 12px;
color: #333;
}
.price-box .minimal-price .price {
font-weight: 900;
font-size: 12px;
color: #333;
}
/* Old price */
.old-price {
display: inline;
margin-right: 15px;
}
.old-price .price-label {
color: #777777;
display: none;
white-space: nowrap;
}
.old-price .price {
color: #777777!important;
font-size: 13px;
font-weight: normal;
text-decoration: line-through;
margin-right: 6px;
}
.latest-product .old-price .price-label {
display: none;
}
/* Special price */
.special-price {
margin: 0;
padding: 3px 0;
display: inline;
}
.special-price .price-label {
color: #666;
display: none;
font-size: 13px;
font-weight: 400;
white-space: nowrap;
}
.special-price .price {
font-size: 12px;
color: #000000;
font-weight: 900;
}
.special-price .price-label {
font-size: 13px;
font-weight: 900;
white-space: nowrap;
color: #666;
display: none;
}
.latest-product .special-price .price-label {
display: none;
}
/* Price range */
.price-from {
margin: 0;
font-size: 12px;
margin-right: 10px;
display: inline-block;
}
.price-from .price-label {
font-weight: normal;
white-space: nowrap;
color: #909090;
font-size: 12px;
font-family: 'Merriweather Sans', sans-serif;
}
.price-to {
margin: 0;
font-size: 12px;
margin-left: 4px;
display: inline-block
}
.price-to .price-label {
font-weight: normal;
white-space: nowrap;
color: #909090;
}
/* Minimal price (as low as) */
.minimal-price .price-label {
white-space: nowrap;
}
.minimal-price-link {
display: inline;
}
.minimal-price {
margin: 0;
}
.minimal-price .price-label {
font-weight: normal;
white-space: nowrap;
color: #909090;
font-family: 'Merriweather Sans', sans-serif;
font-size: 12px;
}
.minimal-price-link .label {
color: #909090;
margin-left: 4px;
}
.minimal-price-link .price {
font-weight: 900;
color: #333;
font-size: 12px;
}
small {
font-size: 85%;
font-weight: normal;
text-transform: lowercase;
color: #999999;
}
.product-name {
color: #333;
margin: 0px;
font-family: 'Merriweather Sans', sans-serif;
font-size: 13px;
text-decoration: none;
display: block;
line-height: normal;
}
a:hover.product-name {
color: #000;
margin: 0px;
font-family: 'Merriweather Sans', sans-serif;
font-size: 12px;
text-decoration: none;
line-height: 20px;
text-transform: uppercase;
}
.sidebar .product-name a {
text-transform: none;
color: #333333;
}
.sidebar .product-name a:hover {
text-transform: none;
color: #000;
}
/* FLIP 3D */
.col-item .product-wrapper {
position: relative;
margin-top: 20px;
}
.col-item a.thumb.flip {
transform-style: preserve-3d;
transition: transform 0.5s linear;
}
.col-item .thumb-wrapper:hover a.thumb.flip {
transform: rotateY(180deg);
}
.col-item .product-wrapper a.thumb.flip .face {
display: block;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
position: relative;
z-index: 1;
}
.col-item .product-wrapper a.thumb.flip .face img {
width: 100%;
}
.col-item .product-wrapper a.thumb.flip .face.back {
display: block;
transform: rotateY(180deg);
position: absolute;
top: 3px;
left: 0px;
right: 0px;
z-index: 10;
}
.col-item .product-wrapper a.thumb.flip .face.back img {
width: 100%;
}
.col-item .actions .add-to-links a.link-wishlist {
right: -142px;
opacity: 0;
position: absolute;
margin-top: -35px;
z-index: 100;
}
.col-item:hover .actions .add-to-links a.link-wishlist {
right: 36px;
opacity: 1;
position: absolute;
margin-top: -35px;
z-index: 100;
}
.col-item .actions .add-to-links a.link-compare {
right: -106px;
opacity: 0;
position: absolute;
z-index: 100;
margin-top: -35px;
}
.col-item:hover .actions .add-to-links a.link-compare {
right: 5px;
opacity: 1;
z-index: 100;
position: absolute;
margin-top: -35px;
}
.col-item .actions .add-to-links a.link-wishlist:before {
content: "\f004";
}
.col-item .actions .add-to-links a.link-compare:before {
content: "\f012";
}
.col-item .actions .add-to-links a.link-wishlist, a.link-compare {
color: #fff;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 13px;
font-weight: normal;
margin: 0;
text-decoration: none;
display: inline-block;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
padding: 6px 8px;
line-height: 17px;
background-color: #dbaa56;
}
.col-item .actions .add-to-links a.link-wishlist:hover, a.link-compare:hover {
color: #fff !important;
background-color: #000;
}
.col-item .item-title {
margin-bottom: 5px;
padding-top: 16px;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.col-item .item-title a {
text-decoration: none;
font-family: 'Merriweather Sans', sans-serif;
font-size: 14px;
color: #000;
font-size: 13px;
}
.slider-items-products .ratings .rating-links {
display: none;
}
/* ======== 9. 'New' & 'Sale' Label ========= */
.new-box, .sale-box {
height: 40px;
overflow: hidden;
position: absolute;
text-align: center;
top: -1px;
width: 55px;
z-index: 10;
}
.new-box {
left: -1px;
}
.sale-box {
right: -1px;
}
.new-top-left {
left: 0px;
top: 0;
background: #fff;
letter-spacing: 1px;
}
.new-top-right {
background: none repeat scroll 0 0 #FFFFFF;
right: 0px;
top: 0;
}
.sale-top-right {
top: 0;
background: #fff;
letter-spacing: 1px;
right: 0px;
}
.sale-top-left {
left: 0px;
top: 0;
background: #fff;
letter-spacing: 1px;
}
.ie8 .new-label {
left: 0px;
top: 0px;
width: auto;
padding: 5px 15px;
}
.ie8 .new-label:after {
display: none;
}
.ie8 .new-label:before {
display: none;
}
.ie8 .sale-label {
right: 0px;
top: 0px;
width: auto;
padding: 5px 15px;
}
.ie8 .sale-label:after {
display: none;
}
.ie8 .sale-label:before {
display: none;
}
.ie8 .new-box {
top: -1px;
left: -1px;
}
.ie8 .sale-box {
right: -1px;
top: -1px;
}
.new-box, .sale-box {
position: fixed;
text-align: center;
top: -1px;
width: 55px;
z-index: 10;
}
.new-box {
left: 0;
}
.sale-box {
right: 0;
top: 0px;
}
.new-label {
font-size: 11px;
font-family: 'Merriweather Sans', sans-serif;
color: #000;
background: #ffc60a;
text-transform: uppercase;
padding: 4px 10px 4px;
text-align: center;
display: block;
position: absolute;
top: 0px;
z-index: 1000;
font-weight: normal;
letter-spacing: 1px;
line-height: normal;
}
.sale-label {
font-size: 11px;
font-family: 'Merriweather Sans', sans-serif;
color: #fff;
background: #d12631;
text-transform: uppercase;
padding: 4px 10px 4px;
text-align: center;
display: block;
position: absolute;
top: 0px;
z-index: 1000;
font-weight: normal;
letter-spacing: 1px;
line-height: normal;
}
.ie8 .new-label {
left: 0px;
top: 0px;
width: auto;
padding: 5px 15px;
}
.ie8 .new-label:after {
display: none;
}
.ie8 .new-label:before {
display: none;
}
.ie8 .sale-label {
right: 0px;
top: 0px;
width: auto;
padding: 5px 15px;
}
.ie8 .sale-label:after {
display: none;
}
.ie8 .sale-label:before {
display: none;
}
.ie8 .new-box {
top: -1px;
left: -1px;
}
.ie8 .sale-box {
right: -1px;
top: -1px;
}
.product-view #product-img-box .new-box, .product-view #product-img-box .sale-box {
position: absolute;
text-align: center;
top: -1px;
width: 55px;
z-index: 10;
}
.product-view #product-img-box .new-box {
left: 160px;
}
.product-view #product-img-box .sale-box {
right: -5px;
top: 0px;
}
.product-view #product-img-box .new-label.new-top-left {
font-size: 14px;
font-family: 'Merriweather Sans', sans-serif;
color: #000;
background: #ffd739;
text-transform: uppercase;
padding: 10px 25px;
text-align: center;
display: block;
position: absolute;
left: 0px;
top: 0px;
z-index: 10000;
font-weight: normal;
}
.product-view #product-img-box .new-label.new-top-right {
font-size: 14px;
font-family: 'Merriweather Sans', sans-serif;
color: #000;
background: #ffd739;
text-transform: uppercase;
padding: 10px 25px;
text-align: center;
display: block;
position: absolute;
right: 0px;
top: 0px;
z-index: 10000;
font-weight: normal;
}
.product-view #product-img-box .sale-label.sale-top-left {
font-size: 14px;
font-family: 'Merriweather Sans', sans-serif;
color: #fff;
background: #D23333;
text-transform: uppercase;
padding: 10px 25px;
text-align: center;
display: block;
position: absolute;
left: 0px;
top: 0px;
z-index: 10000;
font-weight: normal;
}
.product-view #product-img-box .sale-label.sale-top-right {
font-size: 14px;
font-family: 'Merriweather Sans', sans-serif;
color: #fff;
background: #D23333;
text-transform: uppercase;
padding: 10px 25px;
text-align: center;
display: block;
position: absolute;
right: 0px;
top: 0px;
z-index: 10000;
font-weight: normal;
}
/* =========== 10. Features Popular Products =========== */
.our-features-box {
overflow: hidden;
padding: 0px;
/* width: 80%; */
margin: auto;
margin-top: 10px;
padding: 50px 0;
border-top: 1px #eee solid;
}
.our-features-box ul {
list-style: none;
margin: 0;
padding: 0;
}
.our-features-box li {
float: left;
margin-bottom: 0px;
margin-right: 30px;
text-align: center;
width: 355px;
padding: 0;
display: inline-block;
}
.our-features-box li.last {
margin-right: 0
}
.our-features-box .feature-box {
overflow: hidden;
font-size: 18px;
text-align: center;
color: #27262e;
line-height: 1.4em;
font-weight: normal;
font-family: 'Merriweather Sans', sans-serif;
/* width: 350px; */
/* margin-left: 15px; */
margin-right: 15px;}
.our-features-box .feature-box .content {
display: block;
text-align: center;
margin-top: 20px
}
.our-features-box .feature-box span {
font-size: 13px;
display: block;
font-weight: 400;
text-transform: none;
display: block;
padding-top: 5px;
color: #485859;
line-height: 18px;
font-family: Arial, Helvetica, sans-serif
}
.icon-reponsive:before {
content: "\f10a";
}
.icon-reponsive {
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block !important;
font-size: 40px;
margin: auto;
color: #c2986e;
text-align: center;
background: #fff;
height: 80px!important;
width: 80px!important;
line-height: 70px!important;
text-align: center;
margin-bottom: 20px;
padding-left: 8px;
border: 5px #ededed solid
}
.icon-admin:before {
content: "\f013";
}
.icon-admin {
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block !important;
font-size: 40px;
margin: auto;
color: #c2986e;
text-align: center;
height: 80px!important;
width: 80px!important;
line-height: 70px!important;
text-align: center;
margin-bottom: 20px;
padding-left: 8px;
border: 5px #ededed solid
}
.icon-slider:before {
content: "\f07e";
}
.icon-slider {
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block !important;
font-size: 40px;
border-radius: 5px;
margin: auto;
color: #fff;
text-align: center;
height: 80px!important;
width: 75px!important;
line-height: 80px!important;
text-align: center;
border-radius: 40px;
margin-bottom: 20px
}
.icon-support:before {
content: "\f164";
}
.icon-support {
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block !important;
font-size: 40px;
margin: auto;
color: #c2986e;
text-align: center;
height: 80px!important;
width: 80px!important;
line-height: 70px!important;
text-align: center;
margin-bottom: 20px;
padding-left: 8px;
border: 5px #ededed solid
}
/* ============ 11. BreadCrumbs =========== */
.breadcrumbs {
padding: 0;
font-size: 11px;
/* width: 100%; */
margin: auto;
padding-bottom: 2px;
/*margin-left: 33px;
margin-right: 15px;*/
}
.breadcrumbs .inner {
/*margin: 7px auto 0px auto;*/
}
.breadcrumbs ul {
padding: 0;
margin: 0;
}
.breadcrumbs li {
display: inline;
}
.breadcrumbs strong {
font-weight: 900;
color: #333 !important;
}
.breadcrumbs span {
display: inline-block;
margin: 0 3px 0 4px;
color: #aaa;
font-size: 13px;
}
.breadcrumbs a {
color: #666;
}
.breadcrumbs a:hover {
color: #333;
}
/*========= 12. Category Page =========== */
.category-title {
border-bottom: 1px solid #ddd;
margin: 0 0 10px;
}
.category-image {
display: block;
margin: 0 auto;
position: relative;
}
.category-image img {
width: 100%;
}
.category-products {
padding-bottom: 5px;
}
.category-products ul.products-grid{ margin:auto -15px;}
.cat-img-title {
display: block;
position: absolute !important;
bottom: 0;
width: 80%;
margin: 6%;
padding: 0;
top: 66%;
height: 70px !important;
}
.cat-img-title.cat-box {
margin: 22px 3%;
width: 50%;
}
.cat-img-title.cat-bg .cat-heading, .cat-img-title.cat-bg p {
color: #FFFFFF;
}
.cat-img-title .cat-heading {
font-size: 24px;
font-family: 'Merriweather Sans', sans-serif;
}
.cat-img-title p {
font-size: 12px;
}
.cat-img-title .cat-heading, .cat-img-title p {
transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
margin-bottom: 5px;
}
.cat-img-title p {
clear: left;
font-size: 12px;
line-height: 1em;
margin-bottom: 1px;
padding: 0.25em 0.5em;
}
/* Product Images */
.product-view .product-img-box {
margin-bottom: 10px;
position: relative;
}
.product-view .product-img-box .product-image {
margin: 0 0 13px;
}
.product-view {
margin-top: 12px;
margin: auto;
position: relative;
z-index: 100;
}
.product-essential {
/*margin-top: 15px;*/
/* BLC - Kaffeewelt 2019 */
/*background-color: #FFFFFF;*/
/*overflow: hidden;*/
}
.product-collateral .box-collateral {
margin: 0 0 15px;
}
.product-essential .product-image.no-gallery {
margin-left: auto;
}
.product-essential .product-image img {
height: auto;
/*width: 100%;*/
}
.product-essential .button-viewall {
position: absolute;
left: 5px;
bottom: 5px;
text-indent: -999em;
z-index: 9999;
}
.more-views {
margin: 18px auto 0;
width: 400px;
clear: both;
}
.more-views li {
float: left;
margin: 0 15px 0 0;
}
.more-views li a {
display: block;
text-align: center;
width: 85px;
}
.more-views li a img {
padding: 0px;
width: 85px;
}
.more-views .jcarousel-next:before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 26px;
padding-right: 5px;
vertical-align: top;
right: -20px;
top: 28px;
display: inline-block!important;
position: absolute;
cursor: pointer;
}
.more-views .jcarousel-prev:before {
content: "\f104";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 26px;
padding-right: 5px;
vertical-align: top;
left: -20px;
top: 28px;
display: inline-block!important;
position: absolute;
cursor: pointer;
}
.more-views .jcarousel-clip {
overflow: hidden;
}
.product-essential .more-images {
width: 92px;
float: left;
overflow: hidden;
margin-top: -20px;
padding-top: 20px;
padding-bottom: 20px;
}
.product-essential .more-images .normal-list {
margin-top: -6px;
}
.product-essential .more-images ul {
list-style: none;
padding: 0;
margin: 0;
}
.product-essential .elastislide-vertical {
margin-top: -6px;
}
.product-essential .more-images img {
padding: 6px 0;
width: 100%;
}
/* Product Shop */
.product-view .product-shop .add-to-box button.button.btn-cart span {
background: none;
margin-left: 5px;
}
.product-view .product-shop .product-options-bottom button.button.btn-cart span {
background: none;
margin-left: 5px;
}
.product-additional {
float: right;
width: 280px;
border: 1px solid #E5E5E5;
}
.product-additional .block-product-additional {
margin: 0px!important;
}
.product-additional .block .block-title {
border-bottom: 2px solid #333;
color: #000000;
font-size: 12px;
margin: 0;
padding: 13px;
text-transform: uppercase;
text-align: center;
margin: 0px;
background: #F5F5F5;
}
.product-additional .block-product-additional .block-content {
padding: 12px;
}
.block .block-content {
background-color: #FFFFFF;
border-top: medium none;
font-size: 12px;
overflow: hidden;
/* BLC - Kaffeewelt 2019 */
/*padding: 15px 0 18px;*/
padding: 5px 10px;
border-bottom: 0px solid #F0F0F0;
}
.product-view .product-name {
margin: 0 !important;
}
.product-view .product-name h1 {
font-size: 36px;
margin: 0;
text-align: left;
line-height: normal;
letter-spacing: normal;
/*word-spacing: 2px;*/
font-weight: normal;
font-family: 'Merriweather Sans', sans-serif;
}
.product-view .short-description {
/*padding-bottom: 10px;*/
font-size: 12px;
}
.product-view .short-description h2{ margin:auto auto 10px;; font-size:15px; font-weight:bold;}
.product-view .product-shop .add-to-box {
padding: 0px;
overflow: hidden;
text-align: center;
margin: 1px 0 0 0;
float: left;
}
.product-view .product-shop .add-to-box .btn-cart {
background: #c2986e;
color: #fff;
font-size: 16px;
border: 3px solid #EFEFEF;
text-shadow: none;
padding: 8px 20px;
float: left;
margin-top: 0px;
font-weight: 600;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
font-family: 'Merriweather Sans', sans-serif;
margin-left: 5px;
}
.product-view .product-shop .add-to-box .btn-cart:hover {
background: #000;
text-shadow: none;
color: #fff;
border: 3px solid #EFEFEF;
}
.product-view .product-shop .product-options-bottom .btn-cart {
background: #c2986e;
color: #fff;
font-size: 16px;
border: 3px solid #EFEFEF;
text-shadow: none;
padding: 10px 20px;
float: left;
margin-top: 0px;
font-weight: 600;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
font-family: 'Merriweather Sans', sans-serif;
margin-left: 10px;
}
.product-view .product-shop .product-options-bottom .btn-cart:hover {
background: #000;
text-shadow: none;
color: #fff;
border: 3px solid #EFEFEF;
}
.product-view .product-shop .add-to-box .icon-basket {
margin-right: 5px;
}
.product-view .product-shop ul.add-to-links {
margin: 0;
padding: 0;
display: inline-block;
margin-left: 10px;
}
.product-view .product-shop .add-to-links li {
display: inline-block;
margin-bottom: 7px;
}
.product-view .product-shop .add-to-links li .separator {
display: none;
}
.product-view .product-shop .add-to-links .link-wishlist:before {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
}
.product-view .product-shop .add-to-links .link-wishlist {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #EFEFEF;
color: #000 !important;
height: 40px;
margin-right: 8px;
padding: 12px 13px;
text-align: center;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
width: 40px;
}
.product-view .product-shop .add-to-links .link-wishlist:hover {
background: #000000;
color: #fff !important;
text-decoration: none;
}
.product-view .product-shop .add-to-links .link-compare:before {
content: "\f012";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
}
.product-view .product-shop .add-to-links .link-compare {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #EFEFEF;
color: #000 !important;
height: 30px;
padding: 4px 13px 6px;
text-align: center;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
line-height: 30px;
height: 45px;
}
.product-view .product-shop .add-to-links .link-compare:hover {
background: #000000;
color: #fff !important;
text-decoration: none;
}
.product-view .product-shop ul.add-to-links a {
padding: 0;
margin: 0;
}
.product-view .product-shop .ratings {
padding: 5px 0;
margin: 6px 0;
border-bottom: 1px solid #E5E5E5;
}
.product-view .product-shop .ratings .rating-links {
margin-bottom: 12px
}
.product-view .product-shop .price-box {
display: block;
padding: 5px 0px 0px 0;
margin: 0;
}
.product-view .product-shop .price-box .old-price {
margin-right: 5px;
margin-top: 0;
display: inline-block;
}
.product-view .product-shop .special-price {
display: inline-block;
margin: 0;
padding: 0;
}
.product-view .product-shop .old-price .price {
font-size: 20px;
}
.product-view .product-shop .price {
font-size: 28px;
color: #000000;
font-weight: 900;
}
.add-to-cart .qty, .qty-holder .qty {
background-color: #FFFFFF;
border: 1px solid #E0E0E0;
/*border-radius: 2px;*/
}
.product-shop .button-up, .product-shop .button-down {
height: 44px;
width: 44px;
}
.add-to-cart .button-up, .add-to-cart .button-down {
left: 94px;
position: absolute;
}
.button-up:hover {
background: #333 url(../images/icon_arrow_up.png) no-repeat 15px 15px;
}
.button-down:hover {
background: #333 url(../images/icon_arrow_down.png) no-repeat 15px 15px;
}
.button-up, .button-down {
height: 44px;
text-indent: -999em;
width: 35px;
border: none;
}
.qty-input-text {
float: left;
margin-left: 10px;
}
.qty-input-text select {
border: 3px solid #EFEFEF;
-webkit-appearance: none;
-moz-appearance: none;
background: url(../images/select-arrow.png) no-repeat 85% center;
width: 70px;
text-indent: 0.01px;
text-overflow: "";
color: #333;
height: 42px;
line-height: 10px;
width: 70px !important;
}
.qty-input-text option {
padding: 5px 15px;
}
.qty-input-text select.balck {
background-color: #000;
}
.qty-input-text select.option3 {
border-radius: 10px 0;
}
.button-up:hover, .button-up:focus {
background-image: url(../images/icon_arrow_up.png) !important;
background-position: 16px 16px;
}
.button-down:hover, .button-down:focus {
background-image: url(../images/icon_arrow_down.png) !important;
background-position: 16px 16px;
}
/* Product Collatera */
.product-collateral {
padding: 0px;
/* BLC - Kaffeewelt 2019 */
/*background-color: #FFFFFF;*/
margin-bottom: 5px;
overflow: hidden;
margin-top: 20px;
display: block;
}
.addtional-info {
margin-top: 10px;
}
#product-tabs {
margin: 0;
padding: 0;
position: relative;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#product-tabs > dt {
text-transform: none;
font-size: 12px;
padding: 8px 0px;
cursor: pointer;
color: #102343;
text-transform: none;
font-family: 'Merriweather Sans', sans-serif;
}
#product-tabs > dt.open {
position: relative;
background-color: #fff;
z-index: 10;
color: #2CA2E3;
}
#product-tabs > dd {
display: none;
right: 0;
top: 0;
background-color: #fff;
margin: 0;
padding: 6px 0;
line-height: 1.8;
border-bottom-width: 0 !important;
font-size: 12px;
}
#product-tabs > dd h2 {
display: none;
}
#customer-reviews {
margin-top: 15px;
}
#customer-reviews .detail {
font-size: 12px;
line-height: 18px;
}
#customer-reviews h3 {
font-size: 12px;
font-weight: 900;
margin-bottom: 15px;
}
#customer-reviews h4 {
display: inline;
font-size: 12px;
}
#customer-reviews h5 {
display: inline;
font-size: 12px;
}
.box-reviews dl {
margin-bottom: 0;
}
.box-reviews dt {
font-size: 18px;
padding: 20px 0 10px;
}
#customer-reviews .page-title {
border: none;
}
#customer-reviews .page-title h2 {
text-align: left;
border-bottom: 1px solid #ccc;
padding-bottom: 8px;
margin-bottom: 8px;
color: #000;
font-size: 24px;
}
.box-reviews1 {
margin-top: 8px;
margin-bottom: 20px;
}
.box-reviews2 {
margin-top: 8px;
margin-bottom: 35px;
overflow: hidden;
}
.review-title {
margin-top: 0;
line-height: 1.4;
padding-bottom: 15px;
margin-bottom: 0;
font-size: 13px;
font-weight: 400;
}
.review-title span {
font-size: 12px;
font-weight: 400;
margin-top: 5px;
}
.box-reviews > .rating-box {
position: absolute;
top: 30px;
right: 30px;
}
.box-reviews dd {
margin-left: 0;
padding-bottom: 20px;
}
.box-reviews .author {
font-style: italic;
font-size: 12px;
font-weight: bold;
margin-right: 5px;
}
.box-reviews .date {
color: #bdbdbd;
font-size: 12px;
font-style: italic;
}
.box-reviews .ratings-table {
float: left;
margin: 5px 15px 15px 0;
width: 12%;
}
.box-reviews .review {
border-left: 1px solid #DFDFDF;
float: left;
padding-left: 2.5em;
width: 83%;
}
.box-reviews .review .review-txt {
border-bottom: 1px solid #DFDFDF;
padding-bottom: 12px;
margin-bottom: 10px;
}
.box-reviews ul li h6 {
font-size: 15px;
margin-bottom: 3px;
padding: 0;
}
.box-reviews2 ul li {
margin-bottom: 0px;
clear: both;
}
.box-reviews .actions {
padding-top: 1.5em;
text-align: right;
float: right;
}
#customer-reviews .form-list li label {
color: #333;
font-family: 'Merriweather Sans', sans-serif;
font-size: 12px;
}
.box-reviews .form-add h3 {
margin-bottom: 5px;
font-size: 12px;
font-family: 'Merriweather Sans', sans-serif;
font-weight: 400;
}
.box-reviews .form-add h4 {
font-size: 15px;
}
.box-reviews textarea {
width: 95%;
margin-top: 4px;
height: 5.5em;
}
.box-reviews .form-list input.input-text {
width: 80%;
padding: 10px;
margin-bottom: 4px;
line-height: 20px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;
}
.box-reviews .form-list input.input-text:focus {
width: 80%;
padding: 10px;
margin-bottom: 4px;
line-height: 20px;
background: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;
}
.box-reviews .form-list select {
padding: 12px 15px 12px 165px;
margin: 0;
width: 100%;
line-height: 20px;
height: 48px;
}
.review1 {
display: inline-block;
width: 45%;
float: left;
}
.review2 {
display: inline-block;
width: 55%;
}
.upsell-products .item .product-image, .crosssell-products .item .product-image {
width: 190px;
margin-left: auto;
margin-right: auto;
}
#crosssell-products-list .products-grid.products-grid li {
width: 218px;
margin-right: 10px;
}
#crosssell-products-list .products-grid.products-grid li.last {
width: 218px;
margin-right: 0px;
}
#crosssell-products-list .prod_image_detail .price-box {
padding: 0;
}
#crosssell-products-list .prod_image_detail .price-box .price {
font-size: 12px;
}
#product-tabs > dd h2.product-name {
display: block;
}
#product-tabs .crosssell .flex-direction-nav a {
width: 50px;
height: 40px;
top: 112px;
}
#product-tabs .crosssell .flex-direction-nav .flex-prev {
right: auto;
left: -10px;
}
#product-tabs .crosssell .flex-direction-nav .flex-next {
right: -10px;
}
.box-up-sell .flex-direction-nav a, .box-cross-sell .flex-direction-nav a {
width: 54px;
height: 44px;
top: 0;
margin-top: -76px;
margin-right: -1px;
}
.product-view .box-tags .form-add input.input-text {
width: 350px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 2px;
box-shadow: 0 1px 5px #eee inset;
margin-right: 10px;
padding: 8px;
}
.up-sell-box {
border: 1px #ddd solid;
border-top: none;
}
.up-sell-box p.desc {
margin: 0;
padding: 10px 10px 0 10px
}
#brand-slider .flex-direction-nav a {
width: 55px;
height: 42px;
top: 0;
margin-right: -1px;
}
.featured-products .flex-direction-nav a {
width: 54px;
height: 43px;
top: 0;
margin-top: -43px;
margin-right: -1px;
}
#featured-products-list-slider {
border: 1px #ddd solid;
border-top: none;
width: 840px;
height: 485px;
}
.box-up-sell .flex-direction-nav .flex-prev, .box-cross-sell .flex-direction-nav .flex-prev, #brand-slider .flex-direction-nav .flex-prev, .featured-products .flex-direction-nav .flex-prev {
right: 53px;
}
.main .box-up-sell h2.subtitle .line, .main .box-cross-sell h2.subtitle .line, .brand-slider-wrap h2.subtitle .line, .featured-products h2.subtitle .line {
right: 130px;
}
.featured-products {
position: relative;
}
.product-view .box-tags .form-add label {
line-height: 42px;
font-size: 16px;
}
.product-view .box-tags .form-add .button {
height: 35px;
}
#addTagForm {
margin-bottom: 5px;
margin-top: 10px
}
.product-view .box-up-sell {
margin-top: 10px;
float: left;
}
.product-view .box-up-sell .subtitle {
margin-right: 0;
}
.mini-products-list .price-box * {
display: inline;
}
.mini-products-list .price-box .price {
margin-right: 10px;
}
/* Product Tabs */
.product-tabs {
line-height: normal;
margin: 0;
outline: none;
padding: 0;
position: relative;
z-index: 1;
background-color: #fff;
border-bottom: none;
margin-top: 0px;
height: 42px;
text-align: left;
border-bottom: 1px solid #ccc;
}
.product-tabs li {
display: inline-block;
height: auto;
line-height: normal;
margin: 0;
outline: none;
padding: 0;
list-style: none;
margin-right: 5px;
}
.product-tabs li.active {
background: none;
}
.tab-content {
background-color: #FFFFFF;
border: 1px #ccc solid;
border-top: none;
padding: 15px;
overflow: hidden;
font-size: 12px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #000000;
font-weight: 400;
font-family: 'Merriweather Sans', sans-serif;
border: 1px #ccc solid;
border-top: 2px solid #c2986e;
border-bottom: 1px #fff solid;
background-color: #FFFFFF;
height: 42px;
}
.product-tabs a {
display: inline-block;
font-size: 12px;
height: 40px;
line-height: 40px;
padding: 0 12px;
text-transform: uppercase;
color: #333;
}
.product-collateral .title-divider {
position: relative;
top: -1px;
}
.product-tabs-content {
margin: 0;
padding: 5px 0px 12px;
border-top: 1px solid #E6E6E6;
border-top: none;
background-color: #fff;
width: 565px;
}
.product-tabs-content-inner {
outline: none;
padding: 0px 0 12px;
clear: both;
}
.product-tabs-content-inner strong {
font-weight: 900;
}
.product-tabs-content-inner h2 {
margin: 5px 0;
}
.product-tabs-content .form-add h2 {
font-size: 100%;
font-weight: 900;
}
.product-tabs-content h1 {
outline: none;
}
.product-tabs-content h3 {
font-size: 100%;
}
.product-tabs-content dl {
margin: 0;
padding: 0;
}
.product-tabs-content dt {
font-weight: normal;
padding: 8px 0;
}
.product-tabs-content dd {
margin: 0;
}
.product-tabs-content h1, .product-tabs-content h2, .product-tabs-content h3, .product-tabs-content h4, .product-tabs-content h5, .product-tabs-content h6 {
font-weight: lighter;
height: auto;
margin: 0;
padding: 0;
}
.product-tabs-content table {
margin: 10px 0;
}
.product-tabs-content #review-form h4 {
margin: 5px 0 15px;
}
.product-tabs-content h4 {
font-size: 100%;
}
#product-tabs {
border: 0px solid #eee;
border-bottom-width: 0;
}
#product-tabs {
}
.box-reviews dd, .review-title {
border-bottom: 1px solid #ccc;
}
#product-tabs > dt {
border-bottom: 1px solid #ccc;
}
#product-tabs > dd {
border-left: 0px solid #ccc;
border-bottom: 1px solid #ccc;
}
fieldset {
border: 0 none;
margin: 0;
padding: 0;
}
#product-review-table {
margin: 10px 0;
border: medium none;
}
#product-review-table th, #product-review-table td {
text-align: left;
}
.tab-box {
padding: 0px 0;
margin-top: 6px;
}
.tab-box .activeLink a {
color: #000000;
font-weight: 400;
font-family: 'Merriweather Sans', sans-serif;
border: 1px #ccc solid;
border-top: 2px solid #c2986e;
border-bottom: 1px #fff solid;
background-color: #FFFFFF;
padding: 0 12px;
}
.tab-box .activeLink a:hover {
color: #000000;
font-weight: 400;
}
.tab-box li.activeLink:hover {
color: #222;
font-weight: 400;
}
.tab-box a {
border-bottom: none;
color: #999;
margin-right: 0px;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
font-family: 'Merriweather Sans', sans-serif;
padding: 0 15px;
border: 1px #ddd solid;
border-bottom: none;
background-color: #fafafa;
}
.tab-box a:hover {
text-decoration: none;
font-weight: 400;
color: #333;
font-family: 'Merriweather Sans', sans-serif;
background-color: #fff;
}
.tabLink {
color: #ccc;
font-weight: normal;
}
.tabcontent {
background-color: #FFFFFF;
border: 1px #ccc solid;
border-top: none;
padding: 15px;
overflow: hidden;
font-size: 12px
}
.tabcontent .std ul li {
color: #333;
list-style: square outside none;
margin-left: 1em;
}
button.button.button-clear {
background: #f8f8f8;
}
.hide {
display: none;
}
.form-add-tags input.input-text, select, textarea {
padding: 10px;
margin-top: 0px;
width: 310px;
}
.additional p {
font-size: 12px
}
.product-options dt label, .box-reviews dt, .data-table, .fraction-slider .slide-subtitle {
font-family: 'Merriweather Sans', sans-serif;
}
.specs-table {
margin-top: 5px !important;
}
.specs-table dt {
float: left;
font-weight: bold;
padding: 0 3px 3px 0;
width: 60px;
}
.specs-table dd {
padding: 0 0 0px 90px;
}
.data-table {
border: 1px solid #E5E5E5;
border-spacing: 0;
text-align: left;
}
.data-table thead tr, .data-table tfoot tr {
background-color: #F0F0F0;
}
#product-attribute-specs-table.data-table {
border: 1px solid #EAEAEA;
border-bottom: none;
margin-top: 5px;
}
#product-attribute-specs-table.data-table tbody th, .data-table tbody td {
border-right: none;
}
#product-attribute-specs-table.data-table tbody th.last, .data-table tbody td.last {
border-right: none !important;
}
#product-attribute-specs-table.data-table tbody th.last, .data-table tbody td.last a {
text-decoration: underline;
}
.form-add-tags label {
font-family: 'Merriweather Sans', sans-serif;
margin-bottom: 5px;
}
.form-add-tags button.button {
display: inline;
background: #fff;
padding: 6px 15px 6px 12px;
}
.form-add-tags button.button:hover {
display: inline;
background: #000000;
padding: 6px 15px 6px 12px;
}
.data-table thead th, .data-table thead td, .data-table tfoot th, .data-table tfoot td, .cart .totals table th, .cart .totals table td {
color: #333;
border-right: 0px solid #eaeaea;
border-bottom: 1px solid #E5E5E5;
font-family: 'Merriweather Sans', sans-serif;
}
.data-table tbody th, .data-table tbody td {
border-right: 0px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
padding: 10px 10px 10px;
}
.cart-table tbody th, .cart-table tbody td {
border-right: 0px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
.data-table tbody th.last, .data-table tbody td.last {
border-right: 0px solid #eaeaea;
}
.data-table tbody tr.last th, .data-table tbody tr.last td {
border-bottom: 1px solid #eaeaea;
}
.data-table .price {
font-size: 13px;
font-weight: 900;
}
.data-table .total-price .price, .cart .totals table tfoot td .price, .compare-table .price {
color: #333;
}
.item-options dd {
color: #565656;
margin: 0;
}
.compare-table th {
color: #565656;
}
.compare-table tr.odd th {
background-color: #ececec;
}
.compare-table tr.even th {
background-color: #e5e5e5;
}
.compare-table tr.even td {
background-color: #f7f7f7;
}
.my-account .data-table .price, .my-wishlist .data-table .price {
font-size: 15px;
color: #737373;
font-weight: normal;
}
.box-reviews .form-list li {
margin-bottom: 0px;
}
.recent-orders .title-buttons {
text-align: right;
margin-bottom: 8px;
}
.recent-orders .title-buttons strong {
float: left;
font-family: 'Merriweather Sans', sans-serif;
font-weight: 900;
font-size: 13px;
color: #333;
}
/* Product Options */
.product-options {
padding: 0;
margin: 0;
clear: both;
}
.product-options dt {
margin-top: 20px;
}
.product-options dt label {
font-weight: normal;
font-size: 15px;
}
.product-options dt label em {
margin-right: 3px;
}
.product-options dt .qty-holder {
float: right;
}
.product-options dt .qty-holder label {
vertical-align: middle;
}
.product-options dt .qty-disabled {
background: none;
border: 0;
padding: 3px;
color: #000;
}
.product-options dd {
margin: 10px 0;
}
.product-options dl {
margin: 5px 0;
}
.product-options dl.last dd.last {
}
.product-options dd input.datetime-picker {
width: 150px;
}
.product-options dd .time-picker {
display: -moz-inline-box;
display: inline-block;
padding: 2px 0;
vertical-align: middle;
}
.product-options .options-list {
list-style: none;
padding: 0;
margin: 0;
}
.product-options .options-list li {
margin: 12px 0;
}
.product-options .options-list input.radio {
margin: -2px 0 0 0;
}
.product-options .options-list input.checkbox {
margin: -2px 0 0 0;
}
.product-options .options-list .label {
display: inline;
margin-left: 0;
padding: 0;
}
.product-options ul.validation-failed {
padding: 0 7px;
}
.product-options p.required {
padding: 0;
display: none;
}
.product-options label {
display: inline;
margin-bottom: 0;
line-height: 17px;
}
.product-options .qty-holder {
display: block;
margin: 8px 0;
}
.product-options .label, .product-options .badge {
background-color: transparent;
text-shadow: none;
}
.product-options .qty {
margin-bottom: 0;
width: 30px;
}
.product-options-bottom {
padding: 25px 0;
}
.product-options-bottom .price-box {
margin: 10px 0;
}
/* Grouped Product*/
.product-view .grouped-items-table {
margin-bottom: 15px;
margin-top: 20px;
border-bottom: none;
}
/* Block: Description */
.product-view .box-description {
}
/* Block: Additional */
.product-view .box-additional {
}
/* Block: Upsell */
.product-view .box-up-sell {
}
.product-view .box-up-sell .products-grid td {
width: 25%;
}
/* Block: Tags */
.product-view .box-tags {
}
.product-view .box-tags .form-add label {
float: left;
line-height: 33px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif
}
.product-view .box-tags .form-add .input-box {
float: left;
margin: 0 0 0 10px;
}
.product-view .box-tags .form-add input.input-text {
width: 320px;
outline: none
}
.product-view .box-tags .form-add p {
clear: both;
}
/* Block: Reviews*/
.product-view .box-reviews {
}
.product-view .box-reviews .form-add {
}
/* Send a Friend */
.send-friend {
}
/* Availability, Brand */
.availability, .product-brand {
margin: 12px 15px 8px;
font-weight: normal;
font-size: 12px;
position: absolute;
right: 0px;
margin-top: 18px
}
#super-product-table input.qty {
text-align: center;
}
.availability span, .product-brand span {
font-weight: normal;
}
.availability.in-stock span {
color: green;
}
.availability.out-of-stock span {
color: #d83820;
}
.availability-only {
margin: 0 0 7px;
}
.availability-only a {
cursor: pointer;
padding-right: 15px;
}
.availability-only .expanded {
background-position: 100% -15px;
}
.availability-only strong {
}
.availability-only-details {
margin: 0 0 7px;
}
.availability-only-details th {
background: #f2f2f2;
font-size: 10px;
padding: 0 8px;
}
.availability-only-details td {
border-bottom: 1px solid #ddd;
font-size: 11px;
padding: 2px 8px 1px;
}
.availability-only-details tr.odd td.last {
}
/* Add to Cart */
.add-to-cart label {
font-family: 'Merriweather Sans', sans-serif;
color: #333;
font-size: 15px;
font-weight: 400;
float: left;
line-height: 38px;
}
.custom {
}
.custom button.items-count {
border: none;
clear: both;
color: #999;
font-size: 10px;
line-height: normal;
padding: 13px 14px 10px 16px;
text-align: center;
line-height: 15px;
}
.custom button.items-count.increase {
margin-right: 4px;
}
.custom button.items-count.reduced {
margin-left: 0px;
}
.custom button.items-count {
background-color: #f8f8f8;
border: 1px #ddd solid;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.custom button.items-count:hover {
background-color: #333;
border: 1px #333 solid;
color: #fff;
}
.add-to-cart button.button {
margin-left: 5px;
}
.add-to-cart .button-up {
position: absolute;
left: 200px;
border-radius: 0;
top: 0px;
}
.add-to-cart .button-down {
position: absolute;
left: 78px;
border-radius: 0;
top: 0px;
}
.add-to-cart .button-up {
outline: none;
background-color: #fff;
border: 1px #ddd solid;
}
.add-to-cart .button-down {
bottom: 0;
outline: none;
background-color: #fff;
border: 1px #ddd solid;
}
.add-to-cart button.btn-cart {
font-size: 20px;
padding: 15px 25px;
margin-left: 15px;
margin-top: -10px
}
.add-to-cart button.btn-cart.margin-none {
margin-left: 0;
}
.add-to-cart .paypal-logo {
clear: left;
text-align: right;
}
.add-to-cart .paypal-logo .paypal-or {
clear: both;
display: block;
margin: 5px 60px 5px 0;
}
.product-view .add-to-cart .paypal-logo {
margin: 0;
}
/* Add to Links + Add to Cart */
.add-to-box {
margin: 15px 0 0px;
overflow: hidden;
overflow: hidden;
padding: 15px;
text-align: center;
}
.add-to-box .add-to-cart, .product-options-bottom .add-to-cart { display:inline-block; float:left;
}
.product-options-bottom .add-to-cart {
margin-bottom: 0;
}
.add-to-box .or {
float: left;
margin: 0 10px;
}
.add-to-box .add-to-links {
float: left;
padding: 0;
margin: 0 0 20px;
list-style: none;
}
.add-to-box .add-to-links li {
display: block;
margin: 0;
}
.add-to-links span {
font-family: 'Merriweather Sans', sans-serif;
font-size: 12px;
margin-left: 8px;
}
.add-to-cart .qty {
padding:0 15px 0px 15px;
height: 42px;
border:3px solid #EFEFEF;
text-align:center;
}
.add-to-cart .qty:focus {
padding:0 15px 0px 15px;
height: 42px;
border:3px solid #EFEFEF;
}
/*========== 13. Sliders ==========*/
/* Slider Controls, Background Colors */
.flex-control-paging li a, .sequence-pagination li a, .fs-pager-wrapper a, .bx-wrapper .bx-pager.bx-default-pager a, .tp-bullets.simplebullets.round .bullet {
}
.flex-control-paging li a.flex-active, .sequence-pagination li.current a, .fs-pager-wrapper .active, .bx-wrapper .bx-pager.bx-default-pager a.active, .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected {
background-color: #fff;
}
.btn, .button, .button-inverse, .slider-arrow, .button-arrow, .dropdown .arrow, .elastislide-next, .elastislide-prev, .button-up, .button-down, .form-list .bootstrap-select.btn-group .btn:hover .caret, .form-list .bootstrap-select.btn-group .btn:focus .caret, .buttons-set .back-link a, .button-tabs li a {
font-size: 12px;
display: inline-block;
padding: 2px 8px 3px;
margin-bottom: 0;
line-height: 20px;
/* color: #f4f4f4; */
text-align: center;
text-shadow: none;
vertical-align: middle;
cursor: pointer;
border-radius: 0px;
background-position: center center;
background-repeat: no-repeat;
}
.products-list .product-shop .btn-cart {
background: #fff;
padding: 8px 15px;
float: left;
color: #333;
border: 3px solid #EFEFEF;
}
.products-list .product-shop .btn-cart:hover {
background: #000000;
color: #fff;
border: 3px solid #EFEFEF;
}
.products-list .product-shop .btn-cart span {
font-size: 14px;
font-weight: normal;
text-transform: none;
font-family: 'Merriweather Sans', sans-serif;
}
.btn-large, .buttons-set button.button {
font-size: 12px;
}
.buttons-set .back-link a {
display: inline-block;
background: none repeat scroll 0 0 transparent;
border: medium none;
box-shadow: none;
color: #333;
font-weight: 900;
display: inline-block;
text-shadow: none;
padding: 0;
}
.buttons-set .back-link a:focus {
display: inline-block;
background: none repeat scroll 0 0 transparent;
border: medium none;
box-shadow: none;
color: #333;
font-weight: bold;
display: inline-block;
text-shadow: none;
padding: 0;
}
.buttons-set .back-link a small {
font-size: 16px;
font-weight: 400;
color: #333;
}
.buttons-set .back-link a:hover small {
font-size: 16px;
font-weight: 400;
color: #FFF;
padding: 0;
}
.buttons-set .back-link a:hover {
display: inline-block;
background: none repeat scroll 0 0 transparent;
border: medium none;
box-shadow: none;
color: #000;
display: inline-block;
text-shadow: none;
padding: 0;
}
.btn-mini {
padding: 2px 6px;
}
p {
margin: 0 0 10px;
}
/* More Views SLIDER = */
.more-views {
width: 80%;
margin: auto;
}
.more-views img {
width: 100%;
}
.more-views .slider-items-products .owl-buttons .owl-next {
position: absolute;
right: -35px;
top: 50%;
}
.more-views .slider-items-products .owl-buttons a {
border: none;
background: #f5f5f5;
}
.more-views .slider-items-products .owl-buttons .owl-next a:before {
font-size: 24px;
}
.more-views .slider-items-products .owl-buttons .owl-prev a:before {
font-size: 24px;
}
.more-views .slider-items-products .owl-buttons .owl-prev {
left: -35px;
position: absolute;
top: 50%;
background: none;
}
.more-views .owl-item .item {
margin: 0 3px 0 11px;
border: 1px solid #ddd;
}
nav.dropdown {
margin: -8px 0 0 0;
width: 180px;
height: 35px;
z-index: 10;
position: relative;
float: right
}
nav.dropdown p {
background: #efefef;
font-family: PlutoSansLight;
font-size: 12px;
line-height: 21px;
font-weight: 400;
color: #666;
text-decoration: none;
position: relative;
padding: 0 10px;
height: 32px;
width: 180px;
border: 1px solid #f3f3f3;
line-height: 32px;
cursor: pointer
}
nav.dropdown p:after {
font-family: BreeRegular;
font-size: 18px;
line-height: 0;
font-weight: 400;
text-transform: none;
content: 'n';
top: 8px;
right: 11px;
position: absolute
}
nav.dropdown p.act {
background: #333;
color: #fff!important
}
nav.dropdown p.act:hover {
background: #333;
color: #fff!important
}
nav.dropdown p:hover {
background: #000;
color: #fff!important
}
nav.dropdown.error p {
border-color: #d42630
}
nav.dropdown a {
background: #f3f3f3;
font-family: PlutoSansLight;
font-size: 12px;
line-height: 21px;
font-weight: 400;
color: #666;
text-decoration: none;
display: none;
padding: 8px 7px;
transition: background-color .2s;
-o-transition: background-color .2s;
-ms-transition: background-color .2s;
-moz-transition: background-color .2s;
-webkit-transition: background-color .2s
}
nav.dropdown a:hover {
background: #fbfbfb;
transition: background-color .2s;
-o-transition: background-color .2s;
-ms-transition: background-color .2s;
-moz-transition: background-color .2s;
-webkit-transition: background-color .2s
}
nav.dropdown a.act {
display: block
}
.shipping-banner {
padding: 28px 0px;
text-align: left;
margin: auto
}
.icon-thumbs-up:hover {
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: block!important;
font-size: 60px;
padding-bottom: 8px
}
.store-img-box .shipping-box {
width: 235px;
overflow: hidden;
background: #5bd2ec;
padding: 30px;
font-family: "Bitter-Regular";
font-size: 24px;
font-weight: 300;
text-align: center;
color: #fff;
text-transform: uppercase;
padding-top: 30px;
line-height: 1.4em
}
.store-img-box .shipping-box span {
font-size: 20px;
display: block;
font-family: Arial, Helvetica, sans-serif
}
.icon-tablet {
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: block!important;
font-size: 60px;
padding-bottom: 10px
}
.icon-smile {
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: block!important;
font-size: 60px;
padding-bottom: 10px
}
.store-img-box .offer-box {
width: 235px;
overflow: hidden;
background: #222;
padding: 30px;
font-family: "Bitter-Regular";
font-size: 24px;
font-weight: 300;
text-align: center;
color: #fff;
margin-top: 0px;
text-transform: uppercase;
padding-top: 30px;
line-height: 1.4em
}
.store-img-box .offer-box span {
font-size: 20px;
display: block;
font-family: Arial, Helvetica, sans-serif
}
.free-shipping {
font-size: 12px;
font-weight: normal;
padding: 11px;
position: absolute;
right: 480px;
top: 10px;
color: #999;
width: 175px;
text-transform: uppercase;
line-height: 15px
}
.free-shipping span {
float: right;
width: 137px;
display: inline-block;
margin-top: 0px
}
.free-shipping .icon-truck {
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
font-size: 17px;
color: #fff;
float: left;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #5BD2EC
}
.money-back {
font-size: 12px;
font-weight: normal;
padding: 10px;
position: absolute;
right: 300px;
top: 11px;
color: #999;
width: 175px;
text-transform: uppercase;
line-height: 15px
}
.money-back span {
float: right;
width: 137px;
display: inline-block;
margin-top: 0px
}
.money-back .icon-share-alt {
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
font-size: 16px;
color: #fff;
float: left;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #5BD2EC
}
.products-list .product-shop button.button {
margin-right: 8px;
}
/* Best Sales SLIDER */
.main-col {
margin: auto;
overflow: hidden
}
.best-sales-slider {
position: relative;
margin: 0 auto 25px;
padding: 0px;
float: left
}
.jcarousel-next-horizontal1 {
display: block;
position: absolute;
width: 33px;
height: 30px;
}
.jcarousel-prev-horizontal1 {
display: block;
position: absolute;
width: 33px;
height: 30px;
}
.jcarousel-prev-horizontal1:after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f104";
text-transform: none;
font-size: 18px;
padding: 6px 12px;
line-height: 30px;
}
.jcarousel-prev-horizontal1 {
margin: -58px 0 0 0;
right: 35px;
background: #f3f3f3;
color: #666;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.jcarousel-next-horizontal1 {
margin: -58px 0 0 0px;
right: -2px;
background: #f3f3f3;
color: #666;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.jcarousel-next-horizontal1:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f105";
text-transform: none;
font-size: 18px;
padding: 6px 12px;
line-height: 30px;
}
.jcarousel-next-horizontal1:hover {
background: #000000;
color: #fff;
}
.jcarousel-prev-horizontal1:hover {
background: #000000;
color: #fff;
}
.jcarousel-skin-tango5 .jcarousel-direction-rtl {
direction: rtl;
}
.jcarousel-skin-tango5 .jcarousel-container-horizontal {
margin: 0px;
padding: 0px;
}
.jcarousel-skin-tango5 .jcarousel-clip {
overflow: hidden;
}
.jcarousel-skin-tango5 .jcarousel-clip-horizontal {
}
.jcarousel-skin-tango5 .jcarousel-item {
width: 270px;
text-align: center;
min-height: 440px;
overflow: hidden;
}
.jcarousel-skin-tango5 .jcarousel-item-horizontal {
margin: 0px 30px 0px 0;
position: relative;
border: 0px solid #EFEFEF;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
padding: 0;
}
.jcarousel-next-horizontal2 {
display: block;
position: absolute;
width: 33px;
height: 30px;
}
.jcarousel-prev-horizontal2 {
display: block;
position: absolute;
width: 33px;
height: 30px;
}
.jcarousel-prev-horizontal2:after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f104";
text-transform: none;
font-size: 18px;
padding: 6px 12px;
line-height: 30px;
}
.jcarousel-prev-horizontal2 {
margin: -58px 0 0 0;
right: 35px;
background: #f3f3f3;
color: #666;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.jcarousel-next-horizontal2 {
margin: -58px 0 0 0px;
right: -2px;
background: #f3f3f3;
color: #666;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.jcarousel-next-horizontal2:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f105";
text-transform: none;
font-size: 18px;
padding: 6px 12px;
line-height: 30px;
}
.jcarousel-next-horizontal2:hover {
background: #000000;
color: #fff;
}
.jcarousel-prev-horizontal2:hover {
background: #000000;
color: #fff;
}
/* We Also SLIDER */
.up-sell-slider {
position: relative;
margin: 0 auto 15px;
width: 1240px;
padding: 0px;
float: left;
}
.up-sell-slider .products-grid .item .item-inner .item-img .item-img-info {
height: 230px;
}
.up-sell-slider .block-content {
border-bottom: 1px solid #E5E5E5;
padding-bottom: 6px;
margin-bottom: 20px;
}
.up-sell-slider .block-title {
background-color: #fff;
padding: 8px 0px;
color: #333;
text-transform: uppercase;
font-family: 'Merriweather Sans', sans-serif;
font-size: 17px;
font-weight: 700;
}
/* BRAND SLIDER */
.brand-logo {
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 25px 0px 25px 0;
border-top: 1px solid #efefef;
}
.brand-logo .container {
padding: 0px 44px;
}
.brand-logo .slider-items-products .owl-buttons .owl-next {
position: absolute;
right: -38px;
top: 20px;
}
.brand-logo .slider-items-products .owl-buttons a {
border: none;
background: #f5f5f5;
}
.brand-logo .slider-items-products .owl-buttons .owl-next a:before {
font-size: 24px;
}
.brand-logo .slider-items-products .owl-buttons .owl-prev a:before {
font-size: 24px;
}
.brand-logo .slider-items-products .owl-buttons .owl-prev {
left: -30px;
position: absolute;
top: 18px;
background: none;
}
.brand-logo a.flex-next {
background: #fff !important;
color: #666 !important;
}
.brand-logo a.flex-next:hover {
color: #000 !important;
background: #fff !important;
}
.brand-logo a.flex-prev {
background: #fff !important;
color: #666 !important;
}
.brand-logo a.flex-prev:hover {
color: #000 !important;
background: #fff !important;
}
/* Banner Sequence CSS */
.slider-section {
/*margin: 20px auto auto;*/
margin: 0 auto auto;
}
#banner-slider {
margin: 0px auto 0;
width: 100%;
}
.slider_wrapper {
margin: auto;
width: 1170px
}
#banner-slider .inner {
margin: auto;
overflow: hidden
}
.controls {
margin: 0;
padding: 0;
list-style: none
}
/* Slideshow (jQuery Cycle) */
.RHS-banner {
width: 250px;
float: right
}
.slideshow-wrapper {
position: relative;
margin: auto;
margin-top: 0px;
}
ul.slideshow {
list-style: none outside none;
margin: 0;
padding: 0;
position: relative;
height: 550px;
margin: auto
}
.slideshow .slide {
display: block;
width: 890px;
height: 550px;
left: 0;
top: 0;
}
/* Navigation */
.slideshow-wrapper .browse-button {
text-decoration: none;
text-indent: -999px;
overflow: hidden;
}
.slideshow-wrapper:hover .browse-button {
visibility: visible;
}
.slideshow-wrapper .backward {
position: absolute;
left: 10px;
top: 45%;
background: url(../images/slideshow-arrows.png) 0 0 no-repeat;
width: 50px;
height: 50px;
}
.slideshow-wrapper .backward:hover {
background-position: 0 -66px;
}
.slideshow-wrapper .forward {
position: absolute;
right: 10px;
top: 45%;
background: url(../images/slideshow-arrows.png) -50px 0 no-repeat;
width: 50px;
height: 50px;
}
.slideshow-wrapper .forward:hover {
background-position: -50px -66px;
}
/* Navigation goes up (Z-axis) */
.slideshow-wrapper .browse-button, .slideshow-wrapper .tab-pager {
z-index: 9;
}
/* Main slideshow on home page */
.the-slideshow .tab-pager {
position: absolute;
bottom: 15px;
left: 170px;
}
.the-slideshow .slideshow {
background-color: #fff;
}
/* Fix: prevent showing all slides while loading */
.the-slideshow .slideshow .slide {
display: none;
overflow: hidden;
}
.the-slideshow .slideshow .slide.first {
display: block;
}
.the-slideshow .slideshow .slide img {
width: 100%;
}
/* Elements in slides
-------------------------------------------------------------- */
.the-slideshow {
color: #333;/* text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
font-size:18px;*/
}
.the-slideshow h2, .the-slideshow h3, .the-slideshow h4, .the-slideshow h5, .the-slideshow h6, .the-slideshow a {
color: #333;
}
/* Universal navigation pager for tabs and slideshow */
.tab-pager a {
float: left;
width: 20px;
height: 20px;
margin-right: 3px;
text-align: center;
overflow: hidden;
text-indent: -999px;
}
/* Tab pager: simple gray rounded rectangles
-------------------------------------------------------------- */
.tab-pager.tab-pager-simple a {
background-color: #eee;
color: #777;
border-radius: 2px;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.tab-pager.tab-pager-simple a.current, /*jQuery Tools*/ .tab-pager.tab-pager-simple a.activeSlide, /*jQuery Cycle plugin*/ .tab-pager.tab-pager-simple a:hover {
background-color: #ccc;
}
/* Tab pager: image background
-------------------------------------------------------------- */
.tab-pager.tab-pager-img a {
background: 0 0 no-repeat transparent;
}
.tab-pager.tab-pager-img a.current, .tab-pager.tab-pager-img a.activeSlide {
background-position: 0 -30px;
}
.tab-pager.tab-pager-img a:hover {
background-position: 0 -60px;
}
/* Light gray rounded squares */
.tab-pager.tab-pager-rounded-lgray a {
background: url(../images/tab-pager-rounded-lgray.png) 0 0 no-repeat transparent;
}
/* Light gray circles */
.tab-pager.tab-pager-circle-lgray a {
background: url(../images/tab-pager-circle-lgray.png) 0 0 no-repeat transparent;
}
/* Light gray rings */
.tab-pager.tab-pager-ring-lgray a {
background: url(../images/tab-pager-ring-lgray.png) 0 0 no-repeat transparent;
}
/* other Slider's css */
.slides_container {
width: 860px;
height: 320px;
position: relative;
padding-left: 0px;
}
.slides_container div {
width: 860px;
height: 320px;
display: block;
position: relative;
z-index: 20;
color: #fff;
}
.slides_container div img {
z-index: 20;
position: absolute;
top: 0px;
left: 0px;
}
.slides_container div p {
z-index: 40;
position: absolute;
top: 124px;
left: 246px;
padding-right: 10px;
color: #560e78;
font-size: 14px;
}
#slides {
position: relative;
overflow: hidden;
width: 870px;
z-index: 0;
}
#slides a.prev {
z-index: 50;
position: absolute;
left: 10px;
top: 0px;
padding: 8px 6px 10px 5px;
color: #222;
font-size: 16px;
font-weight: 600;
text-decoration: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-size: 0px;
height: 30px;
width: 35px;
text-align: center;
border-radius: 0px;
background: #fff;
opacity: 0.5;
border: 2px #ddd solid;
}
#slides a.prev:before {
content: '\f104';
font-size: 30px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-weight: normal;
line-height: normal;
}
#slides a.prev:hover {
background: #222;
opacity: 1;
border: 2px #ddd solid;
color: #fff;
}
#slides a.next {
z-index: 50;
position: absolute;
right: 20px;
top: 0px;
padding: 8px 6px 10px 5px;
color: #222;
font-size: 16px;
font-weight: 600;
text-decoration: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-size: 0px;
height: 30px;
width: 35px;
text-align: center;
border-radius: 0px;
opacity: 0.5;
background: #fff;
border: 2px #ddd solid;
}
#slides a.next:before {
content: '\f105';
font-size: 30px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-weight: normal;
line-height: normal;
}
#slides a.next:hover {
background: #222;
opacity: 1;
border: 2px #ddd solid;
color: #fff;
}
.slides_container div p {
top: 175px;
left: 320px;
}
#slides a.prev, #slides a.next {
margin: 125px 6px 0px 5px;
}
#product-img-box {
position: relative;
width: 360px;
float: left;
}
.icon-truck:before {
content: "\f0d1";
padding: 0;
color: #ccc;
font-size: 30px;
height: 35px;
line-height: 35px;
padding: 4px;
text-align: center;
width: 35px;
}
.icon-discount:before {
content: "\f005";
padding: 0;
color: #ccc;
font-size: 30px;
height: 35px;
line-height: 35px;
padding: 4px;
text-align: center;
width: 35px;
}
.icon-phone:before {
content: "\f095";
padding: 0;
color: #ccc;
font-size: 48px;
height: 35px;
line-height: 35px;
padding: 4px;
text-align: center;
width: 35px;
margin-right: 6px;
}
.icon-refresh:before {
content: "\f064";
padding: 0;
color: #ccc;
font-size: 30px;
height: 35px;
line-height: 35px;
padding: 4px;
text-align: center;
width: 35px;
}
.product-block .product-image, .product-block .product-image a, .product-block .product-image .product-display, .product-block .product-image .product-display img {
display: block;
z-index: 1;
}
.product-block .product-image a {
position: relative;
overflow: hidden;
display: block;
height: 100%;
z-index: 9;
content: ' ';
}
.product-block .product-image .product-mainpic {
opacity: 0;
}
.product-block .product-image .product-mainpic {
max-width: 100%;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.product-block .product-image .product-secondpic {
position: absolute;
top: 0;
max-width: 100%;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
opacity: 0;
left: -1px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.product-block:hover .product-image .product-mainpic {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
opacity: 0;
}
.product-block:hover .product-image .product-secondpic {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
/*============ 14. blog-post ============*/
.blog_fix {
width: 100%;
text-align: left;
padding: 0px;
margin: auto;
padding-top: 0px;
padding-bottom: 20px;
margin-top: 25px
;
}
.blog_post li:last-child {
margin-right: 0px
}
.latest-blog .blog_inner {
float: left;
margin-bottom: 30px;
background: #fff;
padding: 10px 10px 10px 10px;
}
.latest-blog h2 {
color: #000000;
font-family: 'Merriweather Sans', sans-serif;
font-size: 14px;
text-decoration: none;
margin-bottom: 10px;
margin-left: 20px;
}
.post-date {
color: #5e5f5f;
font-weight: normal;
font-size: 13px;
margin: 10px 0px;
}
.blog_inner a {
color: #000000;
font-family: 'Merriweather Sans', sans-serif;
font-size: 15px;
text-decoration: none;
}
.latest-blog a:hover {
color: #000;
text-decoration: none;
}
.blog_post img {
max-width: 100%;
height: auto;
}
.latest-blog p {
font-size: 12px;
line-height: 20px;
margin: 15px 20px 20px 20px;
text-align: left;
margin-left: 20px;
}
.blog_inner .blog-img img {
margin-bottom: 20px;
width: 100%;
}
.blog-img img {
-webkit-transition: all 0.4s ease-in-out 0.5s;
-moz-transition: all 0.4s ease-in-out 0.5s;
-o-transition: all 0.4s ease-in-out 0.5s;
-ms-transition: all 0.4s ease-in-out 0.5s;
transition: all 0.4s ease-in-out 0.5s;
}
.blog-img .mask {
background-color: rgba(146, 96, 91, 0.5);
opacity: 0;
-webkit-transition: all 0.3s ease-in 0.4s;
-moz-transition: all 0.3s ease-in 0.4s;
-o-transition: all 0.3s ease-in 0.4s;
-ms-transition: all 0.3s ease-in 0.4s;
transition: all 0.3s ease-in 0.4s;
}
.blog-img a.info {
opacity: 0;
-webkit-transition: all 0.3s ease-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
-o-transition: all 0.3s ease-in-out 0.1s;
-ms-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s;
-webkit-transform: translateY(70px);
-moz-transform: translateY(70px);
-o-transform: translateY(70px);
-ms-transform: translateY(70px);
transform: translateY(70px);
}
.blog-img:hover .mask {
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.blog-img:hover a.info {
opacity: 1;
-webkit-transform: translateY(70px);
-moz-transform: translateY(70px);
-o-transform: translateY(70px);
-ms-transform: translateY(70px);
transform: translateY(70px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.blog-img .mask, .blog-img .content {
width: 100%;
height: 90%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
text-align: center;
}
.blog-img a.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #111;
color: #fff;
font-family: 'Merriweather Sans', sans-serif;
font-weight: bold;
font-size: 12px;
}
.blog-img a.info:hover {
background: #222;
}
.blog-img {
position: relative;
}
.blog-img img {
-webkit-transition: all 0.4s ease-in-out 0.5s;
-moz-transition: all 0.4s ease-in-out 0.5s;
-o-transition: all 0.4s ease-in-out 0.5s;
-ms-transition: all 0.4s ease-in-out 0.5s;
transition: all 0.4s ease-in-out 0.5s;
}
.blog-img .mask {
background-color: rgba(146, 96, 91, 0.5);
opacity: 0;
-webkit-transition: all 0.3s ease-in 0.4s;
-moz-transition: all 0.3s ease-in 0.4s;
-o-transition: all 0.3s ease-in 0.4s;
-ms-transition: all 0.3s ease-in 0.4s;
transition: all 0.3s ease-in 0.4s;
}
.blog-img a.info {
opacity: 0;
-webkit-transition: all 0.3s ease-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
-o-transition: all 0.3s ease-in-out 0.1s;
-ms-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
}
.blog-img:hover .mask {
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.blog-img:hover img {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.blog-img:hover a.info {
opacity: 1;
-webkit-transform: translateY(60px);
-moz-transform: translateY(60px);
-o-transform: translateY(60px);
-ms-transform: translateY(60px);
transform: translateY(60px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.blog-l {
width: 270px;
margin: 10px 0;
overflow: hidden;
position: relative;
text-align: center;
}
.blog-l .mask, .blog-l .content {
width: 270px;
height: 180px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.blog-l img {
display: block;
position: relative;
}
.blog-l a.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #000000;
color: #fff;
font-family: 'Merriweather Sans', sans-serif;
font-weight: bold;
font-size: 12px;
}
.blog-l a.info:hover {
background: #222;
}
.featured-slider {
margin: 0 auto;
padding: 0;
position: relative;
float: left;
}
.upsell-slider {
margin: 0 auto 20px;
padding: 0;
position: relative;
float: left;
}
.related-slider {
margin: 22px auto 35px;
padding: 0;
position: relative;
float: left;
}
/* Toggle */
.toggle {
clear: both;
}
.toggle-content {
border-top: 1px solid #CCCCCC;
clear: both;
overflow: hidden;
padding-top: 15px;
margin-top: 20px;
}
.toggle-white {
padding: 6px 0px 0px 0px;
margin-bottom: 4px;
height: 25px;
height: auto!important;
min-height: 25px;
}
h4.trigger {
margin: 0;
padding: 0;
}
h4.trigger a {
position: relative;
padding: 0;
display: block;
background: url(../images/arrow-right.png) no-repeat right top;
}
h4.trigger a:before {
position: absolute;
top: 4px;
right: 0px;
display: block;
width: 22px;
height: 22px;
line-height: 1.25;
text-indent: 5px;
z-index: 1;
}
h4.trigger.active a:before {
text-indent: 7px;
line-height: 1;
}
h4.trigger.active a {
background: url(../images/arrow-down.png) no-repeat right top;
}
.toggle_container {
padding: 15px 0px 5px 0px;
font-size: 12px;
}
.toggle_container1 {
padding: 5px 0px 5px 0px;
font-size: 12px;
}
.toggle-gray + .toggle-gray {
border-top: 0px solid;
}
.toggle-gray {
padding: 13px 25px 12px 0px;
}
.toggle-gray h4.trigger {
padding: 0px 0px 0px 3px;
}
.toggle-gray h4.trigger a {
padding: 0px 0px 0px 36px;
}
.toggle-gray .toggle_container {
padding: 18px 0px 0px 4px;
}
.toggle-white {
background: #fff;
}
h4.trigger {
font-size: 12px;
font-family: 'Merriweather Sans', sans-serif;
font-weight: bold;
border-bottom: 1px #efefef solid;
padding-bottom: 14px;
}
h4.trigger a {
color: #231f20;
}
h4.trigger a:hover, h4.trigger.active a {
color: #000;
}
h4.trigger a:before {
color: #fff;
font-weight: normal;
font-family: 'Merriweather Sans', sans-serif;
font-size: 12px;
background: #039fd3;
}
h4.trigger.active a:before {
background: #3c2e25;
}
.toggle-gray + .toggle-gray {
border-color: #e3e3e3;
}
.toggle_container ul {
padding: 0;
margin: 0;
}
.toggle_container li {
display: block;
list-style: decimal;
}
.toggle_container li span {
font-weight: bold;
}
#search_autocomplete ul {
background: #fff;
border: 1px #BBBBBB solid;
border-top: none;
padding: 7px 0px 7px 10px;
cursor: pointer;
text-align: left;
}
#search_autocomplete ul li span {
float: right;
margin-right: 8px;
}
.product-view .product-shop .product-options .input-box .price {
font-size: 12px;
}
.product-options-bottom .sharing-links {
display: none;
}
/*============ 15. Sidebar =============== */
.block {
margin: 0 0 35px;
}
.block .block-title {
color: #fff;
font-family: 'Merriweather Sans', sans-serif;
font-size: 14px;
margin: 0;
padding: 8px 15px;
background-color: #111;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
.block .block-title strong {
font-weight: bold;
}
.block .block-title a {
text-decoration: none !important;
}
.block .block-content .item {
padding: 5px 0;
}
.block .btn-remove, .block .btn-edit {
float: right;
margin-top: 6px
}
.sidebar .block .access .btn-remove {
float: right;
margin-top: -38px
}
.block .actions {
text-align: left;
padding: 8px 0;
}
.block .actions a {
float: right;
margin-left: 10px;
margin-bottom: 10px;
font-weight: bold;
}
.block .empty {
color: #666666;
}
.block li.odd {
}
.block li.even {
}
.side-nav-categories {
background-color: #FFFFFF;
margin-bottom: 15px;
border-bottom: 0px solid #F0F0F0;
padding-bottom: 15px;
display: none;
}
.side-nav-categories .block-title {
color: #fff;
font-family: 'Merriweather Sans', sans-serif;
font-size: 16px;
margin: 0;
padding: 7px;
background-color: #c2986e;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
/* Sidebar Block */
.sidebar-left {
margin-left: 0 !important;
}
.bv3 .sidebar-right, .bv3 .sidebar-left {
padding-left: 15px;
}
.sidebar ol, .sidebar ul {
list-style: none;
padding: 0;
margin: 0;
}
.sidebar .block-content li {
padding: 3px 5px 3px 10px;
}
.sidebar .block-venedor-ads .block-content li {
padding: 0;
}
.sidebar .block dt {
font-size: 12px;
font-weight: bold;
color: #000;
}
.sidebar .block dd {
border-bottom: 0 solid #CCCCCC;
margin: 0;
padding: 0 5px;
}
.sidebar address {
margin: 0;
padding: 0;
color: #333;
text-align: left;
border-bottom: none;
}
.block .slider-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.block-layered-nav .block-subtitle {
font-size: 13px;
font-family: 'Merriweather Sans', sans-serif;
}
.block-layered-nav dt {
font-size: 16px;
}
.block-layered-nav .currently ol {
margin: 0;
padding: 10px 15px;
}
.block-layered-nav .currently span.value {
font-weight: bold;
}
.block-layered-nav li {
padding: 5px 0;
}
.block-layered-nav .label {
margin-right: 5px;
}
.block-layered-nav .button-arrow {
width: 25px;
height: 25px;
padding: 0;
margin-top: -2px;
position: absolute;
right: 15px;
}
#narrow-by-list2 dd {
display: block !important;
}
/* Sidebar Data Table */
.sidebar {
font-size: 15px;
font-family: 'Merriweather Sans', sans-serif;
width: 100%;
}
.sidebar .block-layered-nav .price {
font-size: 13px;
font-weight: normal;
}
.block-layered-nav .block-subtitle, .block-layered-nav dt {
color: #565656;
font-weight: 900;
}
.block-layered-nav .currently ol {
border: 1px solid #ececec;
background-color: #f4f4f4;
border-radius: 3px;
}
.sidebar a, .sidebar .block-layered-nav .price .sub {
color: #222;
font-size: 12px;
}
.sidebar .block-layered-nav .price {
color: #666;
font-family: 'Merriweather Sans', sans-serif;
}
.sidebar .link-cart, .sidebar .link-reorder, .block .actions a {
color: #CA0000;
font-family: 'Merriweather Sans', sans-serif;
font-weight: bold;
font-size: 12px;
}
.sidebar .link-compare, .sidebar .link-wishlist {
color: #aaa;
font-size: 12px;
}
.block-tags .actions a.view-all {
font-family: 'Merriweather Sans', sans-serif;
text-transform: uppercase;
color: #333;
font-weight: 900;
}
.block-tags .actions a.view-all:hover {
color: #CF3341;
}
.sidebar .link-cart:hover, .sidebar .link-wishlist:hover, .sidebar .link-reorder:hover, .sidebar .link-compare:hover, .sidebar .link-cart:focus, .sidebar .link-wishlist:focus, .sidebar .link-reorder:focus, .sidebar .link-compare:focus, .block .actions a:hover, .block .actions a:focus {
color: #333;
}
.sidebar .block dl {
border-bottom: 0px solid #ccc;
margin: 0;
}
.block .block-content .price {
font-size: 12px;
font-weight: bold;
color: #000000;
}
/* Category boxes */
.box-category {
background: #fff
}
.box-category ul {
list-style: none;
margin: 0;
padding: 0;
}
.box-category > ul > li {
display: block;
position: relative;
box-shadow: 0 1px 0 #eee, 0 2px 0 #FFFFFF;
padding-left: 14px
}
.box-category > ul > li.last {
display: block;
position: relative;
box-shadow: 0 0px 0 #dbebf9, 0 0px 0 #FFFFFF;
}
.box-category > ul > li:first-child {
border-top: 0;
}
.box-category .subDropdown {
top: 8px;
right: 12px;
position: absolute;
cursor: pointer;
width: 16px;
height: 16px;
padding: 2px;
}
.box-category .subDropdown:hover {
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
}
.box-category .subDropdown.plus {
background-image: url("../images/plus.png");
}
.box-category .subDropdown.minus {
background-image: url("../images/minus.png");
}
.box-category ul li a {
padding: 8px 5px;
display: block;
font-weight: 400;
font-family: "Lato", sans-serif;
}
.box-category ul li.double a {
display: inline-block;
margin: 0;
}
.box-category ul li {
position: relative;
}
.box-category > ul > li > a {
color: #223D62;
text-transform: none;
display: block;
font-size: 14px
}
.box-category > ul > li ul {
display: none;
padding-left: 0px;
padding-bottom: 10px
}
.box-category > ul > li a.active {
font-weight: normal;
font-family: "Lato", sans-serif;
}
.box-category > ul > li > a.active {
color: #333333;
font-weight: 900;
margin-bottom: 0;
}
.box-category > ul > li a.active + ul {
display: block;
}
.box-category a:hover {
text-decoration: none;
font-size: 14px
}
.box-category > ul > li ul li a {
font-family: "Lato", sans-serif
}
.box-category > ul > li ul > li > a {
border-bottom: 0 solid #EAEAEA;
font-size: 13px !important;
margin: 0 5px !important;
padding: 4px 0 !important;
text-decoration: none;
}
.box-category > ul > li ul > li ul > li a {
text-decoration: none;
font-size: 13px !important;
margin: 5px 15px!important;
padding: 5px 0px!important;
border-bottom: 0px solid #EAEAEA;
}
/* Category Image */
.cat-img-title {
display: block;
position: absolute;
bottom: 0;
width: 80%;
margin: 6%;
padding: 0;
top: 66%;
height: 30%;
}
.cat-img-title.cat-box {
margin: 0;
width: 50%;
text-align: center;
left: 25%;
top: 35%;
background: rgba(0, 0, 0, 0.5);
}
.cat-img-title .cat-heading {
font-size: 24px;
font-family: 'Merriweather Sans', sans-serif;
}
.cat-img-title .cat-heading, .cat-img-title p {
transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
margin-bottom: 5px;
}
.cat-img-title p {
clear: left;
font-size: 12px;
line-height: 1em;
margin-bottom: 1px;
padding: 0.25em 0.5em;
}
.cat-img-title.cat-bg .cat-heading, .cat-img-title.cat-bg p {
color: #FFFFFF;
}
.category-description .slider-items-products .owl-buttons .owl-prev {
left: 12px;
position: absolute;
top: 45%;
background: none;
}
.slider-items-products .owl-buttons .owl-prev a {
background-position: 0 100%;
left: 0;
top: 50%;
}
.category-description .slider-items-products .owl-buttons .owl-next {
right: 22px;
position: absolute;
top: 45%;
background: none;
}
.category-description .slider-items-products .owl-buttons a {
z-index: 50;
position: absolute;
left: 10px;
top: 0px;
padding: 5px 3px 10px 0px;
color: #222;
font-size: 16px;
font-weight: 600;
text-decoration: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-size: 0px;
height: 50px;
width: 50px;
text-align: center;
border-radius: 0px;
background: #fff;
opacity: 0.5;
border: 2px #ddd solid;
}
.category-description .slider-items-products .owl-buttons a:hover {
background: #222;
opacity: 1;
border: 2px #ddd solid;
color: #fff;
}
.category-description .slider-items-products .owl-buttons .owl-prev a:before {
font-size: 24px;
padding: 0px 18px;
line-height: 40px;
}
.category-description .slider-items-products .owl-buttons .owl-next a:before {
font-size: 24px;
padding: 0px 18px;
line-height: 40px;
}
/* Block: Account*/
.block-account {
}
/* BLC - Kaffeewelt 2019 */
/*.block-account .block-content {
padding: 0 !important;
}*/
.block-account .block-content ul {
margin-top: 5px;
margin-bottom: 5px;
}
.block-account .block-content li {
padding: 10px 0px;
border-bottom: 1px #eee solid;
}
.block-account .block-content li:before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 10px;
display: inline-block!important;
position: absolute;
cursor: pointer;
line-height: 24px;
color: #333;
font-weight: 900;
}
.sidebar .block-content li.last {
border-bottom: none;
}
.block-account .block-content li a {
cursor: pointer;
padding: 0 12px;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.block-account .block-content li a:hover {
cursor: pointer;
padding: 0 12px;
color: #000;
}
.sidebar .block-content li.current {
font-weight: 900;
color: #333;
}
/* Block: Currency Switcher*/
.block-currency {
}
.block-currency select {
width: 100%;
margin-right: 8px;
}
/* Block: Layered Navigation*/
.block-layered-nav {
background-color: #FFFFFF;
margin-top: 20px
}
.block-layered-nav .block-content {
padding: 0;
margin-top: 15px;
}
.block-layered-nav dt {
font-weight: bold;
overflow: hidden;
padding: 8px 0 5px;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
}
.block-layered-nav dd {
margin: 0;
padding: 0;
}
.block-layered-nav dd ol {
position: relative;
}
.block-layered-nav dd ol li:before {
content: '\f105';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 6px;
color: #444;
}
.block-layered-nav .currently {
}
.block-layered-nav .btn-remove {
float: right;
}
.block-list .price {
color: inherit;
font-size: 12px;
}
/*Block: Cart*/
.block-cart {
padding: 0px;
overflow: hidden;
}
.block-cart .summary {
}
.block-cart .amount {
margin-bottom: 5px
}
.block-cart .actions .paypal-logo {
float: left;
width: 100%;
margin: 3px 0 0;
text-align: right;
}
.block-cart .actions .paypal-logo .paypal-or {
clear: both;
display: block;
padding: 0 55px 5px 0;
}
.block-cart .mini-products-list .product_details .product-name, .block-cart .mini-products-list .product_details .nobr small {
word-wrap: break-word;
}
.block-cart .mini-products-list .product_details .nobr {
white-space: normal !important;
}
.block-cart .summary {
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}
.block-cart .amount a {
}
.block-cart .subtotal {
margin: 0;
padding: 0;
text-align: left;
margin-bottom: 8px
}
.block-cart .block-content .summary .subtotal .label {
background: none repeat scroll 0 0 transparent;
border-radius: 0 0 0 0;
box-shadow: none;
font-weight: normal;
padding: 2px 0;
text-shadow: none;color: #000000; font-size:12px;
}
.block-cart .subtotal .price {
color: #000000;
font-size: 12px;
font-weight: bold;
}
.ajax-checkout {
border: 0 none;
margin: 0;
padding: 5px 0 5px;
text-align: left;
margin-bottom: 0px;
}
.ajax-checkout a {
border: 0px #dc436b solid;
background: #323C46;
text-shadow: 0 1px 0 #333;
border-radius: 2px;
color: #FFFFFF;
font-size: 11px;
padding: 8px 12px;
font-family: 'Merriweather Sans', sans-serif;
text-transform: uppercase;
}
.ajax-checkout a:hover {
border: 0px #111 solid;
background: #222;
padding: 6px 10px;
text-shadow: 0 1px 0 #000;
border-radius: 2px;
color: #FFFFFF;
font-size: 11px;
cursor: pointer;
}
.sidebar .block-cart .block-subtitle {
border-bottom: 1px solid #eee;
padding-bottom: 6px;
margin: 8px 0 8px;
font-family: 'Merriweather Sans', sans-serif;
font-weight: 900;
font-size: 13px;
}
.col-left .block-cart .block-content ul li .product_details {
float: right;
width: 70%;
}
.col-left .block-cart ul li.item {
border-bottom: 1px solid #ECECEC;
margin-bottom: 10px;
padding-bottom: 12px;
}
.col-left .block-cart ul li.item.last {
border-bottom: none;
margin-bottom: 5px;
padding-bottom: 0px;
}
.col-left .block-cart .block-content ul li a.product-image {
display: inline;
}
.col-left .block-cart .block-content ul li a.product-image img {
border: 1px solid #ECECEC;
}
.col-left .block-cart .block-content ul li .product-name {
margin: 0 0 2px;
font-size: 12px
}
.col-right .block-cart .block-content ul li .product_details {
float: right;
width: 172px;
}
.col-right .block-cart ul li.item {
border-bottom: 1px solid #ECECEC;
margin-bottom: 5px;
padding-bottom: 8px;
}
.col-right .block-cart ul li.item.last {
border-bottom: none;
margin-bottom: 5px;
padding-bottom: 0px;
}
.col-right .block-cart .block-content ul li a.product-image {
display: inline;
}
.col-right .block-cart .block-content ul li a.product-image img {
border: 1px #ddd solid;
}
.col-right .block-cart .block-content ul li .product-name {
margin: 0 0 2px;
font-size: 12px;
}
.price, .breadcrumbs li strong, .product_details span.price, #recently-viewed-items .price-box .special-price .price, #recently-viewed-items .price-box .regular-price .price, .availability.out-of-stock span {
/*color: #FF4C4C;*/
}
/* Block: Wishlist */
.block-wishlist {
}
/* Block: Related */
.related-slider {
float: left;
margin: auto;
width: 100%;
margin-bottom: 15px;
}
.related-slider h2 {
color: #333;
font-family: 'Merriweather Sans', sans-serif;
font-size: 20px;
margin: 0px 0 20px;
text-align: left;
text-shadow: 0 1px 0 #fff;
}
.block-related {
}
.block-related .block-content {
padding: 0px 0 10px 0;
border: 1px solid #ECECEC;
border-top: none;
overflow: hidden;
}
.block-related ul {
margin: 0;
padding: 0;
}
.block-related li {
padding: 5px 0;
}
.block-related input.checkbox {
position: absolute;
left: 85px;
top: 12px;
z-index: 10;
}
.block-related .product {
margin-left: 20px;
}
.block-related .product .product-image {
float: left;
margin-right: -65px;
}
.block-related .product .product_details {
margin-left: 65px;
}
.block-related .mini-products-list .product_details {
margin-left: 125px;
text-align: left;
}
.block-related .mini-products-list .product_details .product-name {
text-align: left;
}
.block-related .mini-products-list .product-image {
width: 100px;
margin: 0;
padding: 0 10px;
}
.block-related .block-subtitle {
padding: 10px 10px 0 10px;
font-size: 13px;
font-weight: bold;
margin: 0;
}
.block-related .price-box .old-price .price {
display: inline;
font-size: 15px;
font-family: 'Merriweather Sans', sans-serif;
}
.block-related a.link-cart {
text-transform: uppercase;
font-size: 12px;
color: #23AEAC;
font-weight: bold;
font-family: 'Merriweather Sans', sans-serif;
}
.block-related a.link-cart:hover {
text-transform: uppercase;
font-size: 12px;
color: #CA0000;
font-weight: bold;
font-family: 'Merriweather Sans', sans-serif;
}
/*Block: Compare Products */
.block-compare {
background-color: #fff;
padding: 0px;
}
.block-compare li {
padding: 5px 0;
}
.block-compare .block-content ol, .block-compare .block-content ul {
margin: 0;
}
ol#compare-items li a.product-name {
font-size: 12px;
padding: 0 5px;
margin: 0;
font-weight: normal;
color: #333;
line-height: 20px;
text-transform: none;
display: inline-block;
width: 200px
}
ol#compare-items li a.product-name span {
margin-right: 3px;
font-size: 20px;
font-weight: 400;
color: #777;
line-height: 15px;
font-family: 'Merriweather Sans', sans-serif;
margin-bottom: 6px;
}
ol#compare-items li a.product-name:hover {
font-size: 12px;
color: #000;
}
ol#compare-items li {
margin: 0;
padding: 0 0 10px;
position: relative;
border-bottom: 1px solid #ECECEC;
margin-bottom: 10px;
background: none;
}
ol#compare-items li:before {
content: '\f105';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 6px;
color: #444;
display: inline-block;
vertical-align: top;
}
ol#compare-items li.last {
border-bottom: none;
margin-bottom: 0;
}
/* Block: Recently Viewed */
.block-viewed .block-content {
background-color: #fff;
padding: 5px 12px 12px 0;
}
.block-viewed li {
padding: 3px 0px !important;
list-style: none;
}
.block-viewed li.last {
padding: 0px;
border-bottom: 0px #eaeaea solid;
list-style: none;
}
.block-viewed .block-content li a {
padding: 0 15px;
color: #666;
}
.block-viewed .block-content li a:hover {
font-size: 13px;
color: #000;
}
.block-viewed li span {
color: #777777;
float: left;
font-family: 'Merriweather Sans', sans-serif;
font-size: 20px;
font-weight: normal;
line-height: 15px;
margin-bottom: 8px;
margin-right: 3px;
}
.block-viewed li:before {
content: '\f105';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 6px;
color: #444;
vertical-align: top;
}
.block-compared li:before {
content: '\f105';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 6px;
color: #444;
vertical-align: top;
}
.sidebar ol, .sidebar ul {
list-style: none;
padding: 0;
/* margin: 15px 0 0 -10px; */
margin-top: 15px;
}
#recently-viewed-items .product-name {
text-align: left;
margin: 0;
text-transform: none;
width: 225px;
display: inline-block
}
#recently-viewed-items .product-name a {
color: #333;
font-size: 12px;
font-weight: normal;
text-decoration: none;
font-family: 'Merriweather Sans', sans-serif;
padding: 0 0px;
}
#recently-viewed-items .product-name a:hover {
color: #000;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}
/* Block: Recently Compared */
.block-compared {
background-color: #fff;
padding: 12px;
}
.block-compared .block-content {
padding: 0;
}
.block-compared li {
padding: 3px 0px !important;
list-style: none;
}
.block-compared li.last {
padding: 3px 0px !important;
border-bottom: 0px #eaeaea solid;
list-style: none;
}
.block-compared .block-content li a {
padding: 0 15px;
color: #666;
}
.block-compared .block-content li a:hover {
font-size: 12px;
color: #000;
}
.block-compared li span {
float: left;
margin-right: 5px;
font-size: 20px;
color: #666;
line-height: 20px;
font-family: 'Merriweather Sans', sans-serif;
}
.block-list, .block-viewed {
background-color: #fff;
padding: 0px;
}
#recently-compared-items .product-name {
text-align: left;
margin: 0;
text-transform: none;
width: 225px;
display: inline-block
}
#recently-compared-items .product-name a {
color: #333;
font-size: 12px;
font-weight: normal;
text-decoration: none;
font-family: 'Merriweather Sans', sans-serif;
padding: 0 0px;
}
#recently-compared-items .product-name a:hover {
color: #000;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}
/* Block: Poll */
.block-poll {
background-color: #fff;
padding: 0px;
}
.block-poll label {
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: 'Merriweather Sans', sans-serif;
font-size: 12px;
color: #333;
}
.block-poll .block-subtitle {
color: #222;
font-weight: 900;
font-size: 12px;
}
.block-poll input.radio {
float: left;
margin: 0px -18px 0 0;
}
.block-poll .label {
display: block;
margin-left: 18px;
text-align: left;
font-family: 'Merriweather Sans', sans-serif;
padding: 0.1em 0.3em 0.1em;
}
.block-poll li {
padding: 3px 0px !important;
background: none !important;
}
.block-poll .actions {
margin: 5px 0 0 0px;
padding: 0;
}
.block-poll .answer {
font-weight: bold;
}
.block-poll .votes {
float: right;
margin-left: 10px;
}
/* Block: Tags */
.block-tags {
background-color: #fff;
padding: 0px;
}
.block-tags .block-content {
overflow: hidden;
}
.block-tags ul, .block-tags li {
display: inline;
padding: 0 !important;
background: none !important;
border: none;
}
.block-tags .actions {
border: 0 none;
float: right !important;
margin-top: 10px;
padding: 0px;
text-align: left;
}
/*Block: Subscribe */
.block-subscribe {
background-color: #fff;
padding: 0px;
}
.block-subscribe .input-text {
width: 90%;
background: #f0f0f0;
border: 1px solid #f0f0f0;
color: #AAAAAA;
padding: 10px 7px;
font-size: 13px;
}
.block-subscribe .input-text:focus {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
color: #333333;
font-family: 'Merriweather Sans', sans-serif;
font-size: 13px;
outline: medium none;
padding: 10px 7px;
vertical-align: middle;
}
.form-subscribe-header {
font-size: 12px;
margin-bottom: 5px;
color: #222;
}
/* Block: Recently Viewed */
.block-company {
}
.block-company .block-title {
}
.block-company .block-content {
padding: 0 !important;
}
.block-company ol {
margin: 5px 0;
}
.block-company li {
padding: 10px 0px !important;
list-style: none;
border-bottom: 1px #eaeaea solid;
}
.block-company li a {
padding: 0 5px;
text-decoration: none;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.block-company li a:hover {
padding: 0 5px;
color: #000;
}
.block-company li:before {
content: '\f105';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 6px;
color: #444;
display: inline-block;
vertical-align: top;
}
.block-company li.last {
padding: 10px 0px !important;
border-bottom: 0px #eaeaea solid;
list-style: none;
}
.block-company li span {
float: left;
margin-right: 5px;
font-size: 16px;
color: #aaa;
line-height: 16px;
font-family: 'Merriweather Sans', sans-serif;
}
.block-company li strong {
color: #333;
font-weight: 900;
padding: 0 5px;
}
/* Block: Reorder */
.block-reorder {
}
.block-reorder li {
padding: 5px 0;
}
.block-reorder input.checkbox {
float: left;
margin: 3px -20px 0 0;
}
.block-reorder .product-name {
margin-left: 20px;
}
/*Block: Banner */
.block-banner {
}
.block-banner .block-content {
text-align: center;
}
.block-banner a img {
transition: all 0.4s ease-out 0.2s;
/* width: 100%; */
}
.block-banner a img:hover {
opacity: 0.5;
-webkit-transition: all 0.4s ease-out 0.2s;
-moz-transition: all 0.4s ease-out 0.2s;
-o-transition: all 0.4s ease-out 0.2s;
transition: all 0.4s ease-out 0.2s;
background-color: #eee;
}
/* Block: Price */
.block-price {
background-color: #fff;
padding: 0px;
}
.block-price .block-content {
margin: 15px 0
}
/* Block: Login*/
.block-login label {
font-weight: bold;
color: #666;
}
.block-login input.input-text {
display: block;
width: 167px;
margin: 3px 0;
}
/*Paypal*/
.sidebar .paypal-logo {
display: block;
margin: 10px 0 30px;
text-align: center;
}
.sidebar .paypal-logo a {
float: none;
}
/* ============ 16. Newsletter ========== */
button.subscribe:before {
content: "\f0e0";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 5px;
font-weight: normal;
}
input.subscribe {
background: #fff;
border: 0 none;
overflow: hidden;
padding: 5px 13px !important;
cursor: pointer;
font-weight: normal;
border: 2px #fff solid !important;
color: #000;
float: left;
}
button.subscribe:hover {
background: #000;
color: #fff;
border: 2px #c2986e solid !important;
padding: 6px 14px !important;
}
.social .fb a:before {
content: "\f09a";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.social .fb a {
background: #3C5B9B;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .fb a:hover {
background: #3C5B9B !important;
color: #fff;
}
.social .tw a:before {
content: "\f099";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.social .tw a {
background: #359BED;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .tw a:hover {
background: #359BED !important;
color: #fff;
}
.social .googleplus a:before {
content: "\f0d5";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.social .googleplus a {
background: #E33729;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .googleplus a:hover {
background: #E33729!important;
color: #fff;
}
.social .rss a:before {
content: "\f09e";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.social .rss a {
content: "\f09e";
font-family: "Font Awesome 5 Free";
font-weight: 900;
background: #FD9F13;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .rss a:hover {
background: #FD9F13 !important;
color: #fff;
}
.social .pintrest a:before {
content: "\f0d3";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.social .pintrest a {
content: "\f0d3";
font-family: "Font Awesome 5 Free";
font-weight: 900;
background: #cb2027;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .pintrest a:hover {
background: #cb2027 !important;
color: #fff;
}
.social .linkedin a:before {
content: "\f0e1";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.social .linkedin a {
content: "\f0e1";
font-family: "Font Awesome 5 Free";
font-weight: 900;
background: #027ba5;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .linkedin a:hover {
background: #027ba5 !important;
color: #fff;
}
.social .youtube a:before {
content: "\f167";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.social .youtube a {
background: #F03434;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .youtube a:hover {
background: #F03434 !important;
color: #fff;
}
.social {
float: left;
/*margin-top: 10px;*/
}
.social h4 {
font-size: 14px;
font-weight: bold;
color: #fff;
text-align: left;
border: none;
padding: 0;
margin: 0;
margin-right: 5px;
text-transform: uppercase
}
.social ul {
float: left;
margin: 6px 0 0 0;
list-style: none;
line-height: 45px
}
.social ul li {
float: left;
margin-right: 7px;
}
.social a {
transition: background 400ms ease-in-out;
-webkit-transition: background 400ms ease-in-out;
-moz-transition: background 400ms ease-in-out;
-o-transition: background 400ms ease-in-out;
}
.newsletter .button {
/*padding: 0;*/
padding: 5px 13px;
margin: 0
}
.newsletter {
margin: 0 0 20px 0;
padding: 5px 0 0;
}
.newsletter .left-border {
position: absolute;
width: 0px;
height: 38px;
margin: -4px 0 0 -40px;
background: #D0D0D0;
}
.newsletter .title-News {
float: left;
margin: 1px 5px 0 0;
color: #2F2B29;
font-size: 13px;
font-family: 'Merriweather Sans', sans-serif;
font-style: normal;
line-height: 25px;
text-align: left
}
.newsletter .subscribe-input {
float: left;
border: 1px solid #ddd;
border-right: 0;
padding: 9px 12px;
height: 15px;
}
.newsletter .subscribe-input .validation-advice {
overflow: hidden;
position: absolute;
width: 23px;
height: 21px;
margin: -34px 0 0 -24px;
padding: 0;
line-height: 100px;
}
.newsletter .subscribe-input input {
background-color: transparent !important;
color: #9A9A9A;
border: 1px solid #ddd;
font-size: 11px;
line-height: 15px;
height: 15px;
width: 160px;
padding: 0;
}
.newsletter button.button span {
color: #333;
font-size: 12px;
}
.newsletter button.button span span {
font-size: 12px;
text-transform: lowercase;
}
.newsletter button.button:hover span {
color: #fff;
}
/* newsletter popup*/
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
.popup1 {
width: 100%;
margin: 0 auto;
display: none;
z-index: 101;
}
.newsletter-sign-box {
background: #fff;
border-radius: 0;
left: 35%;
margin: 55px auto;
min-height: 150px;
min-width: 400px;
padding: 40px;
position: absolute;
top: 25%;
width: 461px;
z-index: 103;
border: 8px solid #c2986e;
}
.popup1 .x {
position: absolute;
right: -38px;
top: -55px;
z-index: 10000;
}
.popup1 .x:hover {
cursor: pointer;
}
.newsletter-sign-box h3 {
font-size: 28px;
font-weight: normal;
margin-bottom: 10px;
text-align: center;
font-family: 'Merriweather Sans', sans-serif;
color: #000;
}
.newsletter-sign-box h4 {
font-size: 14px;
font-weight: normal;
margin-bottom: 35px;
text-align: center;
color: #000;
}
.newsletter-sign-box .input-box {
margin-bottom: 15px;
margin-top: 20px;
}
.newsletter-sign-box .input-box input {
display: inline-block;
margin-left: 10px;
margin-right: 0px;
padding: 8px;
width: 225px;
border: 1px solid #999999;
}
.newsletter-sign-box .subscribe {
background: none repeat scroll 0 0 #000000;
border-radius: 0;
color: #FFFFFF;
display: inline-block;
float: right;
font-size: 12px;
letter-spacing: 1px;
line-height: 13px;
margin-bottom: 20px;
padding: 11px 20px !important;
border: none !important;
}
.newsletter-sign-box .subscribe:hover {
background: none repeat scroll 0 0 #000000;
border-radius: 0;
color: #FFFFFF;
display: inline-block;
float: right;
font-size: 12px;
letter-spacing: 1px;
line-height: 13px;
margin-bottom: 20px;
padding: 12px 20px !important;
border: none !important;
}
.newsletter-sign-box button.button span {
color: #FFFFFF;
font-size: 13px;
font-weight: normal;
}
.newsletter-sign-box .subscribe-bottom {
color: #666;
float: left;
font-size: 12px;
line-height: 3px !important;
margin-left: 88px;
margin-top: 20px;
text-align: center;
}
.newsletter-sign-box .subscribe-bottom input {
margin: -5px 8px 0 0;
float: left;
}
#formSuccess1 {
font-size: 18px;
padding: 48px 0 0;
text-align: center;
}
.popup1 .newsletter .validation-advice {
padding-left: 10px;
margin-top: 20px;
top: 200px;
left: 50px;
}
/*============ 17. Category Toolbar ============*/
.toolbar {
clear: both;
margin-top: 0px;
/*padding: 6px 0 0 0px;*/
}
.toolbar .sorter {
float: left;
}
.toolbar-bottom {
margin-top: 0;
}
.toolbar .pager .pages ol {
float: none;
}
#sort-by .button-asc {
float: right;
}
#sort-by .button-asc:hover {
float: right;
background-color: #FFFFFF;
}
#sort-by .button-asc:focus {
float: right;
background-color: #FFFFFF;
}
#sort-by {
float: right;
font-size: 12px;
/*margin-top: 6px;*/
}
#sort-by ul {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
#sort-by .button-desc {
background-color: #f8f8f8;
box-shadow: none;
float: right;
height: 30px;
line-height: 28px;
margin-left: 5px;
text-align: center;
width: 30px;
}
#sort-by a:link, #sort-by a:visited {
color: #333;
text-decoration: none;
width: 100%;
display: block;
}
#sort-by li {
background: none repeat scroll 0 0 #fff;
cursor: pointer;
margin: 0 auto;
outline: medium none;
padding: 5px;
position: relative;
/*width: 185px;*/
float: left;
color: #333;
border: 1px solid #F3F3F3;
}
#sort-by li li {
/*width: 180px;*/
width: 250px;
margin-top: 0px;
border-top: none;
border-right: none;
border-left: none;
}
#sort-by li li a:hover {
color: #000000
}
#sort-by li:hover {
background-color: #fff;
}
#sort-by li li:hover {
background-color: #fff;
color: #000000;
}
#sort-by ul ul {
position: absolute;
visibility: hidden;
right: 0;
top: 35px;
/*background: none repeat scroll 0 0 #F8F8F8;*/
z-index: 10000;
border-top: none !important;
border: 1px #F0F0F0 solid;
}
#sort-by ul ul ul {
position: absolute;
left: 100%;
top: -2px;
border: solid 1px transparent;
}
#sort-by li:hover > ul {
visibility: visible;
}
.right-arrow {
float: right;
margin-left: 8px;
}
.right-arrow:after {
/*content: "\f078";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #666;
font-size: 12px;*/
font: normal normal normal 12px/1 "Black Tie";
content: "\f091";
color: #BBB4A6;
margin-left: 10px;
}
#limiter {
float: right;
font-size: 12px;
margin-top: 0px;
}
#limiter ul {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
#limiter a:link, #limiter a:visited {
text-decoration: none;
background-color: #fff;
border: 0px solid #ddd;
border-radius: 0px;
display: inline-block;
padding: 0px;
}
#limiter li {
background: none repeat scroll 0 0 #fff;
cursor: pointer;
margin: 0 auto;
outline: medium none;
padding: 5px;
position: relative;
width: 45px;
float: left;
color: #333;
text-align: left;
border: 1px solid #F3F3F3;
}
#limiter li li {
width: 45px;
border-top: 0px #F0F0F0 solid;
}
#limiter li li a:hover {
color: #000000;
}
#limiter li:hover {
color: #fff;
}
#limiter ul ul {
position: absolute;
visibility: hidden;
left: -1px;
top: 27px;
background: none repeat scroll 0 0 #fff;
z-index: 10000;
color: #000;
border-top: none;
border: 0px #F0F0F0 solid;
}
#limiter ul ul ul {
position: absolute;
left: 100%;
top: -2px;
border: solid 1px transparent;
}
#limiter li:hover > ul {
visibility: visible;
}
/*============ 18. Shopping Cart ============*/
/* Total Summery */
tr.summary-total {
cursor: pointer;
}
tr.summary-total .summary-collapse {
float: right;
text-align: right;
padding-left: 20px;
cursor: pointer;
}
tr.show-details .summary-collapse {
background-position: 0 -53px;
}
tr.summary-details td {
font-size: 11px;
background-color: #dae1e4;
color: #626465;
}
tr.summary-details-first td {
border-top: 1px solid #d2d8db;
}
tr.summary-details-excluded {
font-style: italic;
}
/* tax info */
.cart-tax-info {
display: block;
}
.cart-tax-info, .cart-tax-info .cart-price {
padding-right: 20px;
}
.cart-tax-total {
display: block;
padding-right: 20px;
cursor: pointer;
}
.cart-tax-info .price, .cart-tax-total .price {
display: inline !important;
font-weight: normal !important;
}
.cart-tax-total-expanded {
background-position: 100% -53px;
}
.cart-table .btn-continue {
float: left;
}
/* Admin-controlled content */
.std .subtitle {
}
.std ol.ol {
list-style: decimal outside;
padding-left: 1.5em;
}
.std ul.disc {
list-style: disc outside;
padding-left: 18px;
margin: 0 0 10px;
}
.std dl dt {
font-weight: 900;
}
.std dl dd {
margin: 0 0 10px;
}
.std ul, .std ol, .std dl, .std p, .std address, .std blockquote {
margin: 0;
padding: 0;
}
.std ul {
list-style: none;
padding-left: 1.5em;
margin: 0;
padding: 0;
}
.std ol {
list-style: none;
padding-left: 0;
}
.std ul ul {
list-style-type: none;
}
.std ul ul, .std ol ol, .std ul ol, .std ol ul {
margin: .5em 0;
}
.std dt {
font-weight: bold;
}
.std dd {
padding: 0 0 0 1.5em;
}
.std blockquote {
font-style: italic;
padding: 0 0 0 1.5em;
}
.std address {
font-style: normal;
}
.std b, .std strong {
font-weight: bold;
color: #333
}
.std i, .std em {
font-style: italic;
}
.std p {
padding-top: 0px;
}
.std ul {
padding-left: 0px;
padding-top: 0px;
}
.std ul li {
margin-left: 0;
margin-top: 0;
}
.std ol {
padding-top: 0;
padding-left: 0;
margin: 0;
}
.std ol li {
list-style: none;
margin-top: 2px;
}
.std a {
text-decoration: none;
}
.std a:hover {
text-decoration: none;
}
.std blockquote {
font-style: italic;
padding: 0 0 0 1.5em;
border-left: 5px solid #ddd;
margin: 0 0 1.5em;
}
.std p {
padding-top: 5px;
line-height: 1.4em;
}
.std ul {
padding-left: 0px;
padding-top: 5px;
}
.std ul li {
list-style-image: url(../images/bullet_1.png);
margin-left: 1.5em;
margin-top: 2px;
}
.std ol {
padding-top: 5px;
padding-left: 1.5em;
margin: 0 0 1em;
}
.std ol li {
list-style: decimal;
margin-top: 2px;
}
.std a {
text-decoration: none;
line-height: 17px;
}
.std a:hover {
text-decoration: none;
}
.std blockquote {
font-style: italic;
padding: 0 0 0 1.5em;
border-left: 5px solid #ddd;
margin: 0 0 1.5em;
}
.order-info {
border: 1px solid #DDDDDD;
margin: 5px 0 8px;
padding: 4px 8px;
}
.order-info dt, .order-info dd, .order-info ul, .order-info li {
display: inline;
margin: 0;
padding: 0;
}
.order-info .current {
font-weight: bold;
}
.order-info li {
margin: 0 3px;
}
.tags-list {
background: none repeat scroll 0 0 #F4F4F4;
border: 1px solid #DDDDDD;
display: block;
font-size: 13px;
padding: 10px;
}
.tags-list li {
display: inline !important;
margin: 0 4px 0 0;
}
.tags-list li a {
color: #333;
}
/* Cart Totals */
.cart .totals table th, .cart .totals table td {
padding: 3px 0px 3px 0px;
border: none !important;
background: none !important;
border: medium none !important;
box-shadow: none !important;
color: #333 !important;
}
.cart .totals table th, .cart .totals table td strong {
font-weight: 900;
font-size: 12px;
}
.cart-collaterals {
margin-top: 20px;
overflow: hidden;
margin-bottom: 0px;
float: left;
width: 100%;
}
.cart-collaterals .col2-set {
float: left;
margin: 0;
padding: 0;
}
.cart-collaterals .totals {
}
.totals h3 {
border-bottom: 1px solid #ccc;
color: #000;
font-family: 'Merriweather Sans', sans-serif;
font-size: 16px;
margin-bottom: 5px;
padding: 10px 0;
}
.cart-collaterals .col2-set .col-2 {
width: 320px;
}
.totals {
float: right;
margin: 0;
padding: 0px;
width: 360px;
margin-bottom: 18px;
}
.totals .inner {
padding: 4px 0px 15px 0px;
/* BLC - Kaffeewelt 2019 */
/*background-color: #fff;*/
margin-top: 2px;
}
ul#crosssell-products-list .item {
background: none repeat scroll 0 0 #FFFFFF;
float: left;
width: 275px;
padding: 0;
margin: 10px 13px 15px 0;
}
ul#crosssell-products-list .item:last-child {
margin: 10px 0px 15px 0;
}
#upsell-products-list.products-grid .item .item-inner .item-img .item-img-info {
}
ul#upsell-products-list .item.last {
background: none repeat scroll 0 0 #FFFFFF;
float: left;
margin-top: 0px;
width: 240px;
margin: 15px 0px 0 0;
padding: 15px 12px 20px;
}
.cart .crosssell li.item {
margin: 8px 0;
list-style: none;
float: left;
}
.crosssel {
background-color: #FFFFFF;
margin-top: 15px;
margin-bottom: 15px;
overflow: hidden;
clear: both;
}
.crosssel h2 {
color: #000;
font-family: 'Merriweather Sans', sans-serif;
font-size: 20px;
text-align: left;
margin-bottom: 20px;
border-bottom: 1px solid #E5E5E5;
padding-bottom: 7px;
}
#wishlist-table input.qty {
background: none repeat scroll 0 0 #FFFFFF;
padding: 5px;
text-align: center;
border: 2px #efefef solid;
width: 36px;
}
#wishlist-table input.qty:focus {
padding: 5px;
border: 2px #ddd solid;
}
#co-shipping-method-form {
padding: 0 12px;
margin-bottom: 15px;
}
#wishlist-table .cart-cell .btn-cart {
display: block !important;
margin: 10px 0 !important;
}
#shopping-cart-totals-table {
float: right;
width: 100%;
padding-bottom: 8px;
}
#shopping-cart-totals-table .price {
font-size: 16px;
}
#shipping-zip-form p {
margin: 2px 0 4px;
}
#shipping-zip-form .form-list input.input-text {
width: 100%;
}
.discount {
margin: 0 88px 0 0;
padding: 0px;
width: 300px;
/* BLC - Kaffeewelt 2019 */
/*background: none repeat scroll 0 0 #fff;*/
margin-bottom: 15px;
float: left;
}
.shipping {
margin: 0 88px 0 0;
padding: 0px;
width: 300px;
/* BLC - Kaffeewelt 2019 */
/*background: none repeat scroll 0 0 #fff;*/
margin-bottom: 15px;
float: left;
}
#discount-coupon-form, #shipping-zip-form {
padding: 10px 0;
}
.shipping .form-list select {
width: 300px;
background-color: #F0F0F0;
border: 1px #f0f0f0 solid;
padding: 10px;
}
.shipping .form-list select:focus {
width: 300px;
background-color: #fff;
border: 1px #ddd solid;
padding: 10px;
}
.shipping .form-list input.input-text {
width: 95%;
}
.cart-collaterals .col2-set h3 {
font-size: 16px;
color: #000;
margin-bottom: 5px;
border-bottom: 1px #ccc solid;
padding: 10px 0;
font-family: 'Merriweather Sans', sans-serif;
}
input.input-text, select, textarea {
/* BLC - Kaffeewelt 2019 */
/*background-color: #f0f0f0;*/
background-color: #fff;
/* BLC - Kaffeewelt 2019 */
/*border: none;*/
border: 1px solid #f0f0f0;
padding: 10px;
outline: none;
color: #333;
}
#wishlist-table textarea {
padding: 10px;
}
input.input-text:focus, select:focus, textarea:focus {
background-color: #fff;
/*border: 1px solid #ddd;*/
/*padding: 3px;*/
outline: 1px solid #ddd;;
/*padding-bottom: 13px;*/
}
input#AddCoupon_Input {
margin: 0 0 8px 0;
width: 278px;
}
#shopping-cart-table {
border: none;
float: left;
width: 100%;
background-color: #FFFFFF;
text-align: left;
margin-top: 12px;
}
#shopping-cart-table input.qty {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #EFEFEF;
font-size: 15px;
font-weight: normal;
margin: 0 !important;
outline: medium none;
padding: 8px 5px 8px 5px;
width: 50px;
text-align: center;
}
#shopping-cart-table a.remove-item {
background-color: #fff;
background-image: none;
color: #333;
cursor: pointer;
padding: 6px 11px;
-moz-border-radius: 0px;
border-radius: 0px;
cursor: pointer;
text-decoration: none;
border: 3px solid #EFEFEF;
float: right;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
#shopping-cart-table a.remove-item span {
display: none
}
#shopping-cart-table a.remove-item:before {
content: "\f2ed";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
}
#shopping-cart-table a.remove-item:hover {
background-image: none;
padding: 6px 11px;
color: #fff;
background-color: #000000;
border: 3px solid #EFEFEF;
}
#shopping-cart-table .remove-item span span {
display: none;
}
#shopping-cart-table tfoot tr td.last {
border-top: none;
}
#shopping-cart-table dl {
margin: 0;
padding: 0;
}
#shopping-cart-table .item-options dd {
color: #CCCCCC;
margin: 0;
}
#shopping-cart-table h4 {
font-size: 12px;
font-weight: 900;
font-family: 'Merriweather Sans', sans-serif;
text-transform: uppercase
}
#shipping-zip-form .form-list label {
display: block;
}
#shopping-cart-table .cart-price .price {
font-size: 13px;
}
/*========== 19. Wishlist, Quick Access, Compare Links ==========*/
#search_mini_form .button, #mini-cart > .button, .store-switcher .button, .link-wishlist, .link-compare, .link-edit, .footer-top .button, .footer-bottom .button {
color: #ffffff;
background-color: #4e4e4e;
}
.email-addto-box { display:inline-block;
}
.email-friend {
font-size: 12px;
margin-right: 8px;
margin-left: 10px;
margin-top: 8px;
display: inline-block;
float: left;
}
.email-friend a:before {
content: "\f0e0";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 22px;
}
.email-friend a {
/*padding: 13px 13px 12px;*/
/*padding: 11px 13px 9px;*/
background: #fff;
height: 42px;
width: 42px;
color: #000 !important;
text-align: center;
border: 3px solid #EFEFEF;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.email-friend a:hover {
background: #000000;
color: #fff !important;
text-decoration: none;
}
.email-question {
font-size: 12px;
margin-right: 8px;
margin-top: 8px;
display: inline-block;
float: left;
}
.email-question a:before {
content: "\f059";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 22px;
}
.email-question a {
/*padding: 13px 13px 12px;*/
/*padding: 11px 13px 9px;*/
background: #fff;
height: 42px;
width: 42px;
color: #000 !important;
text-align: center;
border: 3px solid #EFEFEF;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.email-question a:hover {
background: #000000;
color: #fff !important;
text-decoration: none;
}
.link-wishlist:hover, .link-wishlist:focus, .link-compare:hover, .link-compare:focus, .link-friend:hover, .link-friend:focus, .link-edit:hover, .link-edit:focus, .footer-top .button:hover, .footer-top .button:focus, .footer-bottom .button:hover, .footer-bottom .button:focus {
color: #666;
transition: none;
}
.link-wishlist.no-image, .link-compare.no-image, .link-friend.no-image, .link-edit.no-image {
color: #CA0000 !important;
}
.link-wishlist.no-image:hover, .link-wishlist.no-image:focus, .link-compare.no-image:hover, .link-compare.no-image:focus, .link-friend.no-image:hover, .link-friend.no-image:focus, .link-edit.no-image:hover, .link-edit.no-image:focus {
color: #838383 !important;
}
.button-inverse, .button-tabs li.active a {
border: 1px #111 solid;
background: #F44D78;
text-shadow: #93101a 0 0px 2px;
box-shadow: 0 0px 0px rgba(0, 0, 0, .3), inset 0 1px 0 #999;
padding: 3px 12px;
text-shadow: 0 1px 0 #000;
}
.button-inverse:hover, .button-inverse:focus {
border: 1px #111 solid;
background: #F44D78;
text-shadow: #93101a 0 0px 2px;
box-shadow: 0 0px 0px rgba(0, 0, 0, .3), inset 0 1px 0 #999;
padding: 3px 12px;
text-shadow: 0 1px 0 #000;
}
.button, .btn, .button-inverse, .button-vote, .sidebar .button, .sidebar .btn, .dropdown .dropdown-menu .button, .buttons-set .back-link a, .scrolltop, .button-tabs li a {
font-family: 'Merriweather Sans', sans-serif;
padding: 6px 12px;
}
.btn:hover, .btn:focus, .button-inverse, .button-vote:hover, .sidebar .button:hover, .sidebar .button:focus, .sidebar .btn:hover, .sidebar .btn:focus, .form-list .bootstrap-select.btn-group .btn:hover .caret, .form-list .bootstrap-select.btn-group .btn:focus .caret, .buttons-set .back-link a:hover, .buttons-set .back-link a:focus, .scrolltop, .button-tabs li a:hover, .button-tabs li a:focus {
/* BLC - Kaffeewelt 2019 */
/*border: 3px #efefef solid;*/
border-color: #efefef;
/* background: #000000; */
padding: 6px 12px;
color: #FFF;
}
.dropdown .dropdown-menu .button:hover, .dropdown .dropdown-menu .button:focus {
text-shadow: none
}
.nav-container {
width: 100%;
margin: auto
}
/*============ 20. Checkout ================ */
.checkout a {
text-decoration: underline
}
.checkout {
color: #666666;
padding-top: 5px;
text-align: center;
list-style: none;
padding: 0;
margin: 0;
}
.button.btn-proceed-checkout {
background: #c2986e;
padding: 10px 0px;
color: #fff;
width: 100%;
font-size: 18px;
font-weight: normal;
}
.button.btn-proceed-checkout:hover {
background: #333;
padding: 10px 45px;
color: #fff;
}
.button.btn-proceed-checkout.continue {
width: auto;
float: right;
padding: 10px 45px;
}
.button.btn-proceed-checkout span {
font-size: 18px;
font-weight: normal;
}
p.required {
font-size: 11px;
margin-bottom: 5px;
text-align: left;
color: #FF0000;
}
.required em {
color: #FF0000;
}
.required {
color: #FF0000;
}
.group-select {
}
.group-select ul {
margin: 0;
padding: 0;
}
.group-select .required {
color: #FF0000;
font-family: 'Merriweather Sans', sans-serif;
font-size: 15px;
}
.group-select .require {
color: #FF0000;
font-size: 12px;
margin-bottom: 3px;
}
.group-select label {
font-size: 12px;
font-weight: normal;
color: #333;
}
.group-select .legend {
}
.group-select li {
margin: 0 0 5px;
overflow: hidden;
list-style: none
}
.group-select li .input-box {
float: left;
width: 310px;
}
.group-select li input.input-text, .group-select li textarea {
width: 440px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
padding: 10px;
outline: none;
}
.group-select li input.input-text:focus, .group-select li textarea:focus {
width: 440px;
background: #fff;
border: 1px solid #ddd;
padding: 10px;
outline: none;
}
.group-select li select {
width: 256px;
padding: 3px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
padding: 10px;
}
.group-select li select:focus {
width: 256px;
padding: 3px;
background: #fff;
border: 1px solid #ddd;
padding: 10px;
}
.group-select li .input-box input.input-text, .group-select li .input-box textarea {
width: 290px;
margin-top: 5px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
padding: 10px;
}
.group-select li .input-box input.input-text:focus, .group-select li .input-box textarea:focus {
width: 290px;
margin-top: 5px;
background: #fff;
border: 1px solid #ddd;
padding: 10px;
}
.group-select li .input-box select {
width: 290px;
margin-top: 5px;
outline: none;
}
.group-select.wide input.input-text, .group-select.wide textarea {
width: 510px;
}
#wishlist-table {
border: none;
text-align: left;
}
#wishlist-table .btn-remove:before {
content: "\f014";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
padding-right: 8px;
background-image: none;
color: #333333;
}
#wishlist-table button.button.btn-cart {
padding: 6px 11px;
color: #222;
background-color: #fff;
border: 2px solid #efefef;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
margin: 0 0 10px !important;
}
#wishlist-table button.button.btn-cart span {
display: none;
}
#wishlist-table a.remove-item span {
display: none;
}
#wishlist-table button.button.btn-cart:hover {
padding: 6px 11px;
color: #fff;
background-color: #000000;
border: 2px solid #efefef;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
#wishlist-table button.button.btn-cart:before {
content: "\f07a";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
#wishlist-table button.button.remove-item {
text-decoration: none;
float: none;
background: none;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 16px;
text-transform: uppercase;
display: inline;
margin-bottom: 8px;
padding: 0;
color: #fff;
background: none repeat scroll 0 0 #333;
border-radius: 2px;
font-size: 16px;
height: 30px;
line-height: 20px;
padding: 4px;
text-align: center;
width: 30px;
margin-left: 5px;
}
#wishlist-table button.button.remove-item:hover {
text-decoration: none;
float: none;
background: none;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 16px;
text-transform: uppercase;
display: inline;
margin-bottom: 8px;
padding: 0;
color: #fff;
background: none repeat scroll 0 0 #CF3341;
border-radius: 2px;
font-size: 16px;
height: 30px;
line-height: 20px;
padding: 4px;
text-align: center;
width: 30px;
}
#wishlist-table button.button.remove-item span span {
font-size: 12px;
padding: 1px 0px 0px 10px;
font-family: 'Merriweather Sans', sans-serif;
text-transform: uppercase;
display: none
}
#wishlist-table button.button.hoveremove-item span span {
text-decoration: none;
}
#wishlist-table button.button.remove-item:before {
content: "\f014";
}
.my_wishlist {
margin-top: 6px;
}
.my_wishlist .buttons-set {
margin-bottom: 25px;
overflow: hidden;
}
.my_wishlist .buttons-set button.button {
float: right;
margin-left: 5px;
margin-right: 0;
}
/* BLC - Kaffeewelt 2019 */
/*.cart {
background-color: #FFFFFF;
padding-bottom: 10px;
margin-left: 0;
margin-right: 0;
clear: both;
}*/
.cart .page-title {
margin: 0 0 5px;
padding: 0 0 4px;
}
.cart .page-title h2 {
font-size: 22px;
}
.login_page {
margin-bottom: 15px;
background-color: #FFFFFF;
padding: 0px;
margin-top: 15px;
}
.login_page .page-title h2 {
font-size: 22px;
}
.login_page .col2-set .col-1 {
float: left;
padding-bottom: 0;
padding: 0px;
text-align: left;
width: 45%;
min-height: 274px;
}
.login_page .col2-set .col-2 {
border-left: 1px solid #ddd;
float: right;
padding-bottom: 0;
padding: 0 0 0 55px;
text-align: left;
width: 45%;
}
.login_page strong {
font-size: 15px;
color: #333;
margin-bottom: 15px;
font-family: 'Merriweather Sans', sans-serif;
}
.login_page .content {
border-top: 1px solid #DDDDDD;
margin-top: 5px;
padding-top: 12px;
}
.login_page .content p {
margin-bottom: 5px;
font-size: 12px;
}
.login_page .content p.required {
font-size: 12px;
}
.login_page .content .form-list label {
font-size: 12px;
color: #333;
margin-bottom: 5px;
}
/* One Page */
select#billing-address-select {
width: 570px;
padding: 10px;
margin-top: 5px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
outline: none;
color: #aaa;
}
select#billing-address-select:focus {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
color: #333333;
font-family: 'Merriweather Sans', sans-serif;
font-size: 12px;
outline: medium none;
padding: 10px 9px 10px;
vertical-align: middle;
padding-left: 10px;
}
.one-page-checkout {
position: relative;
margin-bottom: 12px;
list-style: none;
padding: inherit;
padding: 0;
}
.one-page-checkout .radio, .one-page-checkout .checkbox{ display:inline-block;}
.one-page-checkout li.section {
border-bottom: 0;
margin-bottom: 8px;
}
#opc-login h2 {
font-size: 18px;
margin-bottom: 10px;
}
.one-page-checkout .step-title {
text-align: right;
padding: 7px 0;
/*background-color: #ddd;*/
background-color: #bebebe;
padding-left: 8px;
width: 100%;
clear:both;
}
.one-page-checkout .step-title .number {
float: left;
line-height: 15px;
font-size: 15px;
color: #333;
padding: 9px 13px;
background-color: #fff;
/*border: 2px solid #ddd;*/
font-family: 'Merriweather Sans', sans-serif;
margin-top: 1px;
}
.one-page-checkout .active .step-title .number {
background: none repeat scroll 0 0 #fff;
border: 2px solid #ddd;
color: #000000;
padding: 10px 12px;
}
.one-page-checkout .allow .step-title .number {
}
.one-page-checkout .active .step-title h3 {
color: #000000 !important;
font-size: 14px;
font-family: 'Merriweather Sans', sans-serif;
font-weight: normal !important;
}
.one-page-checkout .step-title h3 {
border-bottom: 0px solid #E4E4E4;
margin: 0 0 0 55px;
text-align: left;
line-height: 35px;
font-size: 18px;
font-family: 'Merriweather Sans', sans-serif;
/*color: #333;*/
color: #fff;
font-weight: normal !important;
}
.one-page-checkout .active {
}
.one-page-checkout .active .step-title {
cursor: default;
font-size: 14px;
padding-top: 0px;
text-align: left;
line-height: 32px;
font-family: 'Merriweather Sans', sans-serif;
border-top: none;
}
.one-page-checkout .step {
padding: 0px 10px 10px 55px;
background-color: #FFFFFF;
}
.one-page-checkout .step .col2-set {
padding: 0;
}
.one-page-checkout .order-review {
overflow: hidden;
}
#checkout-review-table .data-table {
border-bottom: none;
}
#checkout-step-login .col2-set .col-2 {
background-color: #fff;
float: left;
padding: 0px;
width: 45%;
min-height: 270px;
}
#checkout-step-login .col2-set .col-1 {
float: right;
padding: 0 0 0 40px;
width: 45%;
min-height: 270px;
border-left: 1px #e4e4e4 solid;
}
#opc-login h3 {
border-bottom: 0px solid #E4E4E4;
color: #333;
padding-bottom: 8px;
font-weight: bold;
}
.one-page-checkout .buttons-set .f-right {
margin-top: 13px;
color: #626262;
font-size: 12px;
}
#opc-login input {
color: #626262;
font-family: 'Merriweather Sans', sans-serif;
font-size: 13px;
vertical-align: middle;
}
#opc-login .radio {
vertical-align: middle;
float: left;
margin-top: 4px;
}
#opc-login .col2-set .col-2 p {
text-align: left;
}
#opc-login h4 {
clear: left;
float: none;
font-size: 13px;
margin-right: 5px;
}
#opc-login li.control label {
}
.block-progress {
background-color: #FFFFFF;
}
.block-progress .block-content {
padding: 12px 0px 15px;
text-align: left;
}
.block-progress dl {
border-top: none !important
}
.block-progress dt {
font-weight: normal;
text-transform: none;
padding: 10px 0;
font-size: 12px;
}
.block-progress dt.complete, .block-progress dd.complete {
font-size: 12px;
padding: 0;
margin: 0;
}
.block-progress dt.complete a, .block-progress dd.complete a {
font-size: 12px;
font-weight: normal;
text-decoration: underline;
text-transform: none;
color: #666666;
}
.block-progress dt.complete a:hover, .block-progress dd.complete a:hover {
font-size: 12px;
font-weight: normal;
text-decoration: underline;
text-transform: none;
color: #333;
}
.block-progress dt.complete {
background-color: #fff;
margin: 0 0 5px 0;
}
.block-progress dd {
border: 0px solid #ddd;
margin: 0 0 6px;
padding: 0px 0px 8px !important;
}
address {
display: block;
font-style: normal;
line-height: 20px;
color: #A6B3BF;
}
.opc {
position: relative;
}
.opc ul, .opc ol {
margin: 0;
padding: 0;
list-style: none;
}
.opc li.section {
border-bottom: 0;
}
.opc .buttons-set.disabled button.button {
display: none;
}
.opc .buttons-set .please-wait {
height: 21px;
line-height: 21px;
}
.opc .step-title {
position: relative;
padding: 10px 12px;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
}
.opc .step-title .number {
float: left;
margin-right: 5px;
}
.opc .step-title h2 {
float: left;
text-transform: none;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
margin: 0;
padding: 0 30px 0 0;
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.opc .step-title a {
}
.opc .allow .step-title {
overflow: hidden
}
.opc .active {
}
.opc .active .step-title {
border-radius: 3px 3px 0 0;
border-top: 1px solid #ECECEC
}
.opc .step {
padding: 15px 12px 20px;
position: relative;
border: 1px solid #ECECEC;
border-top: none
}
.opc .step form {
margin-bottom: 0;
}
.opc .step .tool-tip {
right: 10px;
}
/* Multiple Addresses Checkout */
.checkout-progress {
padding-top: 0px;
margin: 0px 0 0px;
overflow: hidden;
padding: 0;
list-style: none;
}
.checkout-progress li {
float: left;
width: 212px;
text-align: center;
color: #999;
margin-right: 10px;
padding: 5px;
text-transform: uppercase;
background-color: #fff;
border: 1px solid #ddd;
}
.checkout-progress li.last {
margin-right: 0;
width: 220px;
}
.checkout-progress li.active {
background-color: #fff;
border: 1px solid #000000;
color: #000000;
}
#multiship-addresses-table input.input-text {
background-color: #FFF;
padding: 10px 5px 10px 15px;
border: 1px solid #eee;
width: 46px;
}
#multiship-addresses-table .btn-remove {
background-color: #fff;
background-image: none;
color: #333;
cursor: pointer;
padding: 17px 19px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
text-decoration: none;
border: 1px solid #fff;
float: left;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
line-height: 12px;
}
#multiship-addresses-table .btn-remove:before {
content: "\f014";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
line-height: 0;
margin-left: -5px;
}
#multiship-addresses-table .btn-remove:hover {
background-image: none;
padding: 17px 19px;
color: #fff;
background-color: #000000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px #000000 solid;
}
.multiple-checkout {
position: relative;
}
.multiple-checkout .grand-total {
font-size: 1.5em;
text-align: left;
}
.multiple-checkout .grand-total big {
float: right;
font-size: 16px;
}
#multiship-addresses-table {
margin-top: 5px;
border: none;
}
#multiship-addresses-table input.qty:focus {
padding: 10px 5px 10px 15px;
}
#multiship-addresses-table tfoot tr .last {
border-top: none;
}
.addresses {
margin-bottom: 15px;
float: left;
width: 100%;
}
#multiship-addresses-table h4 {
font-size: 12px;
margin: 0;
line-height: 18px;
}
.state_bar {
padding: 0;
margin-bottom: 20px;
overflow: hidden;
background-color: #FFFFFF;
padding: 15px 0;
}
.multiple_addresses {
margin-bottom: 30px;
background-color: #FFFFFF;
padding: 0 0 15px 0;
}
.multiple_addresses .title-buttons {
text-align: right;
}
.checkout-multishipping-success .multiple-checkout .buttons-set .button {
float: left;
}
.multiple-checkout .buttons-set .button {
float: right;
}
.page-title_multi {
}
.addresses .title-buttons {
text-align: right;
}
.page-title_multi h2 {
font-size: 24px;
float: left;
font-family: 'Merriweather Sans', sans-serif;
color: #000;
text-transform: uppercase;
}
.multiple-checkout .grand-total {
font-size: 1.5em;
text-align: right;
}
.multiple-checkout .grand-total .price {
font-size: 22px;
}
#wishlist-table .product-name {
margin: 0;
text-align: left;
font-size: 15px;
line-height: normal;
font-family: 'Merriweather Sans', sans-serif;
}
#wishlist-table .description .inner {
margin: 0;
text-align: left;
font-size: 13px;
line-height: normal;
}
#wishlist-table .price-box {
margin: 4px 0 2px;
text-align: left;
}
#wishlist-table .product-name a {
color: #000;
}
/* Account Login/Create Pages */
.account-login h2 {
margin-top: 10px;
}
/* ============== 21. Product View Types ============= */
/* products page */
.col-item {
text-align: center;
margin-bottom: 30px;
width: 100%;
}
.col-item a.thumb {
position: relative;
display: block;
cursor: pointer;
}
.col-item a.thumb:hover {
border-color: #999;
}
.col-item a.thumb span.quick-view {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto 0;
height: 35px;
overflow: hidden;
}
.col-item a.thumb span.quick-view span {
display: block;
position: absolute;
height: 100%;
width: 100%;
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
color: #0a0a0a;
padding: 10px 0 5px;
background: rgba(255, 255, 255, 0.9);
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Merriweather Sans', sans-serif;
}
.col-item a.thumb span.quick-view span i {
display: inline-block;
width: 10px;
height: 10px;
vertical-align: middle;
margin-top: -1px;
background: url('../images/quick-view.png') no- repeat center;
padding-right: 18px;
}
.recommend {
margin: 20px auto;
position: relative;
}
.recommend .controls .next {
right: 0;
}
.recommend .controls .prev {
right: 36px;
}
.new_title h2 {
color: #666;
font-size: 16px;
font-weight: bold;
margin-top: 0;
padding: 12px 10px 2px 0;
position: relative;
display: inline-block;
font-family: 'Merriweather Sans', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
.new_title.center {
padding: 0 0 0px 0;
text-align: left;
border-bottom: 1px solid #ccc;
}
.new_title {
color: #000000;
height: 25px;
margin: 0 auto 20px;
text-align: center;
text-transform: none;
}
.owl-buttons {
opacity: 1 !important;
}
.slider-items-products .owl-buttons .owl-prev {
position: absolute;
right: 41px;
top: -50px;
}
.slider-items-products .owl-buttons .owl-next {
position: absolute;
right: 5px;
top: -50px;
}
.slider-items-products .owl-buttons .owl-prev a {
background-position: 0 100%;
left: 0;
top: 50%;
margin-left: -10px;
}
.slider-items-products .owl-buttons .owl-next a {
background-position: 100% 100%;
left: 0;
top: 50%;
margin-left: -10px;
}
.slider-items-products .owl-buttons .owl-next a:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f105";
text-transform: none;
font-size: 18px;
padding: 6px 6px 6px 6px;
line-height: 26px;
}
.slider-items-products .owl-buttons .owl-prev a:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f104";
text-transform: none;
font-size: 18px;
padding: 6px 4px;
line-height: 26px;
}
.slider-items-products .owl-buttons a {
background: #f3f3f3;
display: block;
height: 30px;
margin: -16px 0 0;
position: absolute;
top: 50%;
width: 30px;
z-index: 5;
border: 1px solid #f3f3f3;
color: #666;
}
.product-flexslider {
margin: 10px 0px;
}
.slider-items-products .owl-buttons a:hover {
text-decoration: none;
background: #000;
color: #fff;
}
#category-desc-slider .owl-item .item {
margin: 0px 0px;
}
#category-desc-slider img {
width: 100%;
}
.owl-item .item {
margin: 0px 10px;
}
.related-pro, .upsell-pro {
margin-top: 30px;
}
.new_title.center {
padding: 0 0 10px 0;
text-align: left;
border-bottom: 1px solid #ccc;
/* margin-right: 15px; */
/* margin: 15px; */
}
.new_title {
color: #000000;
height: 48px;
margin: 0 auto 20px;
text-align: center;
text-transform: none;
}
.new_title h2 {
color: #000;
font-size: 28px;
font-weight: normal;
margin-top: 0;
padding: 10px 0px;
position: relative;
display: inline-block;
font-family: 'Merriweather Sans', sans-serif
}
/*---------- Grid View------------- */
.products-grid {
list-style: none outside none;
text-align: center;
}
.products-grid .first {
}
.products-grid .item {
/*margin: 10px 0px 15px 0;*/
margin: 0 0px 25px 0;
}
.products-grid .item.last {
float: left;
background: #FFF;
width: 268px;
min-height: 450px;
padding: 0px;
margin: 20px 0 8px 0;
overflow: hidden;
}
.products-grid .last {
}
.products-grid .item.show-addtocart {
margin-top: 37px;
}
.products-grid .item .item-inner {
position: relative;
}
.products-grid .item .item-inner .item-img {
position: relative;
}
.products-grid .item .item-inner .item-img .ico-product {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 2;
background: #de44c3;
padding: 4px 20px 8px;
color: #FFF;
font-size: 150%;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
}
.products-grid .item .item-inner .item-img .ico-product strong {
font-weight: 900;
}
.products-grid .item .item-inner .item-img .ico-product.ico-sale {
background: #7ebf38;
right: 10px;
left: auto;
}
.products-grid .item .item-inner .item-img .cart-wrap {
position: absolute;
top: 280px;
width: 100%;
height: 36px;
z-index: 3;
text-align: center;
}
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart {
font-size: 116.7%;
text-transform: none;
position: relative;
height: 34px;
padding: 0 17px 0 47px;
}
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart:before {
position: absolute;
content: "";
width: 38px;
height: 34px;
top: -2px;
left: 10px;
background: url(../images/ico-cart.png) no-repeat -38px top;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart:hover:before {
background-position: 0px top;
-o-animation: shake 2s infinite linear;
-moz-animation: shake 2s infinite linear;
-webkit-animation: shake 2s infinite linear;
animation: shake 2s infinite linear;
}
.products-grid .item .item-inner .item-img .item-img-info {
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
position: relative;
overflow: hidden;
border-bottom: 0px solid #EFEFEF;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image {
display: inline-block;
width: 100%;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image img {
width: 100%;
height: 100%;
line-height: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image img:hover {
opacity: 0.5;
cursor: pointer;
transform: scale(1.3);
-ms-transform: scale(1.3);
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
-o-transform: scale(1.3);
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image .img-main {
display: inline;
}
.products-grid .item .item-inner .item-img .item-box-hover {
z-index: 2;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
position: absolute;
width: 100%;
height: 38px;
bottom: 0px;
top: -55px;
overflow: hidden;
opacity: 0;
}
.products-grid .item .actions .add-to-links a.link-wishlist {
left: -100px;
opacity: 0;
position: absolute;
}
.products-grid .item:hover .actions .add-to-links a.link-wishlist {
left: 24px;
opacity: 8;
position: absolute;
}
.products-grid .item .actions .add-to-links a.link-compare {
right: -100px;
opacity: 0;
position: absolute;
z-index: 100
}
.products-grid .item:hover .actions .add-to-links a.link-compare {
right: 24px;
opacity: 8;
position: absolute;
bottom: 0;
}
.products-grid .item .item-inner .item-img .item-box-hover.number-buttom3 .box-inner {
width: 183px;
}
.products-grid .item .item-inner .item-img .item-box-hover.number-buttom2 .box-inner {
width: 122px;
}
.products-grid .item .item-inner .item-img .item-box-hover.number-buttom1 .box-inner {
width: 61px;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .magik-btn-quickview, .products-grid .item .item-inner .item-img .item-box-hover .box-inner ul.add_to_cart li a {
width: 48px;
height: 48px;
border: 0px solid #FFF;
position: relative;
display: block;
padding: 0 0;
margin: 0 5px;
background-color: transparent;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .magik-btn-quickview:hover, .products-grid-home .item .item-inner .item-img .item-box-hover .box-inner ul.add_to_cart li a:hover {
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .quickview-wrap {
float: left;
margin-left: 52px
}
.products-gride .item .item-inner .item-img .item-box-hover .box-inner .quickview-wrap .magik-btn-quickview span {
display: none;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .quickview-wrap .magik-btn-quickview:before {
background-position: left -196px;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .quickview-wrap .magik-btn-quickview:hover:before {
background-position: left -245px;
background-color: #223D62
}
.products-grid- .item .item-inner .item-img .item-box-hover .box-inner .actions {
float: left;
height: 51px;
display: block;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions ul.add_to_cart {
margin: 0 0;
float: left;
list-style: none;
height: 100%;
display: block;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions ul.add_to_cart li {
float: left;
display: block;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions ul.add_to_cart li .cart_icon:hover:before {
background-position: left -49px;
background-color: #333333
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions ul.add_to_cart li .link-compare:before {
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions ul.add_to_cart li .link-compare:hover:before {
}
.products-grid .item .item-inner .item-info {
text-align: center;
}
.products-grid .item .item-inner .item-info .info-inner {
border: 0px solid #fff;
border-top: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.products-grid .item .item-inner .item-info .info-inner .item-content .no-rating, .products-grid .item .item-inner .item-info .info-inner .item-content .ratings {
margin: 0 0;
}
.products-grid .item .item-inner .item-info .info-inner .item-content .no-rating .rating-box, .products-grid .item .item-inner .item-info .info-inner .item-content .ratings .rating-box {
float: none;
margin: 0 0;
}
.products-grid .item .item-inner .item-info .info-inner .item-content .no-rating .rating-links, .products-grid .item .item-inner .item-info .info-inner .item-content .ratings .rating-links {
display: none;
}
.products-grid .item .item-inner .item-info .info-inner .item-content .item-price {
margin: 8px 0 12px;
}
.products-grid .item .item-inner .item-info .info-inner .item-title {
margin-bottom: 5px;
padding-top: 16px;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.products-grid .item .item-inner .item-info .info-inner .item-title a {
text-decoration: none;
font-family: 'Merriweather Sans', sans-serif;
font-size: 15px;
color: #000;
}
.products-grid .item .item-inner .item-info .info-inner .item-title a:hover {
color: #cf3341;
}
.products-grid .item:hover .item-inner .item-img .cart-wrap .btn-cart {
border-color: #cf3341;
background-color: #cf3341;
color: #FFF;
}
.products-grid .item:hover .item-inner .item-img .cart-wrap .btn-cart:before {
background-position: 0px top;
}
.products-grid .item:hover .item-inner .item-img .item-img-info {
border-color: #fff;
}
.products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before {
left: 0px;
top: 0px;
margin: 0 0;
background: #eee;
opacity: 0.8
}
.products-grid .item:hover .item-inner .item-img .item-box-hover {
visibility: visible;
opacity: 1;
left: 0px;
bottom: 0px;
top: 150px;
}
.products-grid .item:hover .item-inner .item-info .info-inner {
border-color: #fff;
/* BLC - Kaffeewelt 2019 */
/*background: #fff;*/
/*opacity: 0.8*/
}
.products-grid .item:hover .item-inner .item-info .info-inner .item-title a {
color: #000;
}
.products-grid .add-to-links {
}
.products-grid .add-to-links a span {
display: none;
}
.link-wishlist, .link-compare {
color: #666;
text-shadow: none;
border: none;
box-shadow: none;
}
.link-wishlist:hover, .link-compare:hover {
color: #666;
text-shadow: none;
border: none;
box-shadow: none;
background: none;
padding: 0
}
.link-wishlist, .link-compare, .link-friend, .link-edit {
padding: 0;
background: none
}
.products-grid .actions .add-to-links a.link-wishlist:before {
content: "\f004";
}
.products-grid .actions .add-to-links a.link-compare:before {
content: "\f012";
}
.products-grid .actions .add-to-links a.link-wishlist, a.link-compare {
color: #aaaaaa;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 15px;
font-weight: normal;
margin: 0;
text-decoration: none;
background-color: #fff;
border: 3px solid #EFEFEF;
display: inline-block;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
padding: 10px 12px 9px;
line-height: 17px;
}
.products-grid .actions .add-to-links a.link-wishlist:hover, a.link-compare:hover {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 15px;
font-weight: normal;
margin: 0;
padding: 10px 12px 9px;
text-decoration: none;
background-color: #000000;
color: #FFFFFF !important;
border: 3px solid #EFEFEF;
display: inline-block;
}
/*------------------- List VIew -------------------*/
.products-list {
}
.products-list .product-name {
text-align: left;
margin: 0px 0 5px
}
.products-list .product-name a {
font-size: 15px;
color: #000;
font-weight: normal;
text-align: left;
font-family: 'Merriweather Sans', sans-serif;
}
.products-list .item.first {
padding: 10px 0 20px;
overflow: hidden;
margin-bottom: 30px;
border-bottom: 1px solid #EFEFEF;
}
.products-list .item {
padding: 5px 0px 25px 0;
overflow: hidden;
margin: 15px 0 20px !important;
border-bottom: 1px solid #EFEFEF;
}
.products-list .item a {
}
.products-list .item a:hover {
color: #000;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.separator {
color: #999
}
.products-list .item h3 {
font-weight: normal;
color: #353535;
padding-bottom: 2px;
}
.products-list .item h3 a {
font-weight: normal;
font-size: 12px;
color: #407CBF;
text-decoration: none
}
.products-list .item h3 a:hover {
font-weight: normal;
font-size: 12px;
color: #333;
text-decoration: underline
}
ol.products-list {
padding: 0;
margin: 0;
float: left
}
.products-list .last {
border-bottom: none !important;
}
li .list {
border-bottom: none;
}
.products-list .product-image {
float: left;
}
.products-list .product-shop {
float: left;
width: 67%;
margin-left: 25px;
}
.products-list .product-shop .desc {
font-size: 12px;
font-family: 'Merriweather Sans', sans-serif;
margin-bottom: 15px;
margin-top: 5px;
color: #666
}
.products-list .product-shop p {
font-size: 12px;
font-family: 'Merriweather Sans', sans-serif;
color: #666;
line-height: 1.5em;
}
.products-list .product-shop p.old-price {
margin-right: 4px;
}
.products-list .product-shop .price-box {
margin: 10px 0;
}
.products-list .desc .link-learn {
font-size: 13px;
font-weight: normal;
margin-top: 5px;
}
.products-list .add-to-links {
padding-left: 2px;
}
.products-list .add-to-links a span {
display: none;
}
.link-wishlist, .link-compare {
color: #666;
text-shadow: none;
border: none;
box-shadow: none;
}
.link-wishlist:hover, .link-compare:hover {
color: #666;
text-shadow: none;
border: none;
box-shadow: none;
background: none;
padding: 0
}
.link-wishlist, .link-compare, .link-friend, .link-edit {
padding: 0;
background: none
}
.products-list .actions .add-to-links a.link-wishlist:before {
content: "\f004";
}
.products-list .actions .add-to-links a.link-compare:before {
content: "\f012";
}
.products-list .actions .add-to-links a.link-wishlist {
color: #aaaaaa;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 8px 14px;
text-decoration: none;
background-color: #fff;
border: 3px solid #EFEFEF;
display: inline-block;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
margin-right: 8px;
}
.products-list .actions .add-to-links a.link-compare {
color: #aaaaaa;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 8px 14px;
text-decoration: none;
background-color: #fff;
border: 3px solid #EFEFEF;
display: inline-block;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
line-height: 20px;
}
.products-list .actions .add-to-links a.link-wishlist:hover {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 8px 14px;
text-decoration: none;
background-color: #000000;
color: #FFFFFF !important;
display: inline-block;
border: 3px solid #EFEFEF;
margin-right: 8px;
line-height: 20px;
}
.products-list .actions .add-to-links a.link-compare:hover {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 8px 14px;
text-decoration: none;
background-color: #000000;
color: #FFFFFF !important;
display: inline-block;
border: 3px solid #EFEFEF;
}
.product-view .product-shop .link-wishlist, .product-view .product-shop .link-compare, .product-view .product-shop .link-friend, .product-view .product-shop .link-edit {
}
ul.products-grid {
padding: 0;
margin: 0
}
.products-grid .actions button.button.btn-cart {
background: #fff;
border: 3px solid #EFEFEF;
margin: 0 8px 0 8px;
padding: 11px 10px 10px 8px;
color: #333;
line-height: 14px;
}
.products-grid .item:hover .actions button.button.btn-cart {
background: #000000;
border: 3px solid #EFEFEF;
margin: 0 8px 0 8px;
padding: 11px 10px 10px 8px;
color: #FFFFFF;
}
.products-grid .actions button.button.btn-cart span {
font-family: 'Merriweather Sans', sans-serif;
font-size: 12px;
padding: 0 8px;
font-weight: bold;
margin-left: 0;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .product-detail-bnt a.button.detail-bnt {
background: rgba(0, 0, 0, 0.7);
margin: 0 11px 0 8px;
padding: 10px 10px 10px 8px;
color: #fff;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
border: none;
}
.product-detail-bnt a.button.detail-bnt:hover {
background: #000000 !important;
margin: 0 11px 0 8px;
padding: 10px 10px 10px 8px;
color: #FFFFFF !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
a.button.detail-bnt span {
font-family: 'Merriweather Sans', sans-serif;
font-size: 12px;
text-transform: uppercase;
padding: 0 2px;
font-weight: 900;
}
/*============ 22. Account Login Page =============*/
.dashboard .welcome-msg {
text-align: left;
padding: 0px 0 5px;
color: #333;
font-size: 12px
}
.dashboard .welcome-msg strong {
font-weight: 900;
font-size: 13px;
}
#my-orders-table {
border: none;
}
.box-account {
margin-top: 15px;
}
.box-account .page-title {
margin: 0 !important;
padding: 0;
background: none;
border-bottom: none !important;
}
.box-account .page-title h2 {
font-size: 16px;
}
.box-account address {
color: #333;
text-align: left;
border-bottom: none;
}
/* ============= 23. 404 Page Not Found============ */
.content-wrapper {
margin: auto;
text-align: center;
background-color: #fff;
padding-top: 50px;
padding-bottom: 80px;
}
.page-not-found h2 {
color: #da2c2a;
font-size: 160px;
font-weight: bold;
line-height: 1;
margin-bottom: 15px;
font-family: 'Merriweather Sans', sans-serif;
}
.page-not-found h3 {
color: #333;
font-size: 20px;
font-weight: normal;
margin-bottom: 4em;
text-transform: none;
font-family: 'Merriweather Sans', sans-serif;
}
.page-not-found h3 img {
margin-right: 8px;
vertical-align: text-bottom;
}
.page-not-found p {
color: #666;
font-size: 1.33em;
line-height: 1.5em;
margin-bottom: 0.75em;
}
.page-not-found .btn-home {
background-color: #c2986e;
border: medium none;
border-radius: 2px 2px 2px 2px;
color: #fff;
cursor: pointer;
font-family: 'Merriweather Sans', sans-serif;
font-size: 14px;
padding: 14px 35px;
text-decoration: none;
height: auto;
font-weight: normal;
text-transform: uppercase;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.page-not-found .btn-home:hover {
background-color: #000;
}
.page-not-found .btn-home span {
margin: 0;
padding: 0px;
text-align: center;
font-size: 18px;
font-weight: normal;
line-height: 16px;
text-decoration: none;
}
/* ============== 24. To Top ============== */
#toTop {
color: #fff;
text-align: center;
bottom: 60px;
display: none;
height: 45px;
line-height: 45px;
overflow: hidden;
position: fixed;
right: 10px;
text-decoration: none;
width: 50px;
background: url(../images/to-top-arrow.png) no-repeat center;
background-color: #000;
text-transform: uppercase;
z-index: 100;
}
#toTop:hover {
color: #fff !important;
background-color: #000000;
}
/* To-Top Button*/
button.button#toTop:before {
content: "\f067";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 8px;
}
/* =========== 25. Banners ============== */
/* Custom Banners */
.custom-banners {
width: 100%;
margin: auto;
overflow: hidden;
margin: 12px auto 15px;
}
.box1 {
margin-bottom: 20px;
width: 280px;
display: block;
}
.image_container a img {
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.image_container a:hover img {
opacity: 0.8;
}
/* Offer Banner */
.offer-banner {
width: 100%;
overflow: hidden;
margin-bottom: 40px;
}
.offer-banner img {
width: 100%;
}
.offer-banner-section {
overflow: hidden;
margin: auto;
}
/* ============ 26. Captions ============*/
.caption {
display: block;
position: absolute;
bottom: 0;
width: 550px;
margin: auto;
padding: 0;
padding-top: 0px;
top: 8%;
left: 0%;
}
.caption .caption-inner {
padding: 10px 0px;
text-align: center;
}
.dark2 {
width: 360px;
left: 300px!important;
padding: 10px 30px;
top: 30px;
background: rgba(0, 0, 0, 0.3);
border-radius: 250px;
height: 405px
}
/* Caption position
-------------------------------------------------------------- */
.caption.top {
top: 0;
bottom: auto;
width: 80%;
}
.caption.top-right {
top: 0;
bottom: auto;
right: 0;
padding-top: 8%;
margin-right: 30px
}
.light .intro-btn a {
color: #fff;
padding: 15px 45px;
letter-spacing: 2px;
font-size: 20px;
font-weight: normal;
background: #000000!important;
font-family: 'Merriweather Sans', sans-serif;
}
.caption.top-left {
top: 12%;
bottom: auto;
right: 0;
width: 100%;
float: left;
padding-top: 12%;
padding-left: 5%;
}
.caption.bottom-right {
right: 0;
width: 58%;
}
.light2 {
margin: auto!important
}
/* Caption elements
-------------------------------------------------------------- */
.caption > * {
float: left;
display: inline-block;
margin-bottom: 1px;
}
.caption .heading {
padding: 0;
margin-bottom: 0.2em;
font-size: 42px;
line-height: 1em;
font-weight: 900;
padding: 20px 10px;
font-family: 'Merriweather Sans', sans-serif;
color: #000;
text-align: center!important;
}
.caption p {
clear: left;
padding: 15px 0px;
margin-bottom: 1px;
font-size: 28px;
line-height: 1em;
font-weight: 300;
color: #000 !important
}
.caption .intro-btn {
margin-top: 10px;
display: block;
}
.caption .intro-btn a {
color: #fff;
padding: 15px 45px;
letter-spacing: 2px;
font-size: 20px;
font-weight: normal;
background: #c2986e;
font-family: 'Merriweather Sans', sans-serif;
}
.caption .normal-text {
font-size: 20px;
letter-spacing: 6px;
color: #fff;
font-weight: normal;
padding-top: 0px;
border-bottom: 1px #000 solid;
margin-bottom: 7px;
text-transform: uppercase
}
.caption .normal-text1 {
clear: left;
padding: 15px 0px;
margin-bottom: 1px;
font-size: 20px;
line-height: 1em;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 10px;
color: #000 !important;
border-top: 1px #000 solid;
}
/* Caption layout
-------------------------------------------------------------- */
.caption.centered {
text-align: center;
}
.caption.centered > * {
display: inline-block;
float: none;
}
/* Floating (text alignment) */
.caption.right > * {
text-align: right;
float: right !important;
}
/* Caption additional styles
-------------------------------------------------------------- */
/* Width */
.caption.full-width {
width: 88%;
margin: 6%;
}
.caption.narrow {
width: 38%;
}
/* Prevent from hiding elements of the caption on narrow screens */
.caption .permanent {
display: block !important;
}
/* Skin
-------------------------------------------------------------- */
.caption .heading, .caption p {
transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
}
a:hover .caption .heading, a:hover .caption p {
transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
}
/* Dark + white text */
.caption.dark1 .heading, .caption.dark1 p {
background-color: rgba(0, 0, 0, 0.35);
color: #fff;
}
a:hover .caption.dark1 .heading, a:hover .caption.dark1 p {
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
}
/* Dark + white text */
.caption.dark2 .heading {
padding: 10px;
margin-bottom: 0em;
font-size: 48px;
line-height: 1em;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 5px;
padding-bottom: 10px;
color: #fff;
text-align: center;
padding-top: 50px
}
.caption.dark2 .intro-btn a {
text-align: center;
display: inline-block;
float: none
}
.caption.dark2 .permanent {
font-size: 18px;
line-height: 30px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 2px;
color: #fff!important;
text-align: center;
border-top: 1px #fff solid;
margin-top: 5px
}
a:hover .caption.dark2 .heading, a:hover .caption.dark2 p {
color: #fff;
}
/* Dark + white text */
.caption.dark3 .heading, .caption.dark3 p {
background-color: rgba(0, 0, 0, 0.65);
color: #fff;
}
a:hover .caption.dark3 .heading, a:hover .caption.dark3 p {
background-color: rgba(0, 0, 0, 1);
color: #fff;
}
/* Light + black text */
.caption.light1 .heading, .caption.light1 p {
color: #fff!important;
}
.caption.light1 {
width: 450px;
margin-top: 10%;
left: 0;
height: 470px;
margin-left: 0px;
padding: 30px;
border-right: 1px rgba(255, 255, 255, 0.7) dashed
}
.caption.light1 .heading {
font-size: 38px;
text-shadow: none;
font-weight: 900;
font-family: 'Merriweather Sans', sans-serif;
line-height: 1.4em;
border: 0px !important;
}
.caption.light1 .heading1 {
display: inline-block;
font-family: 'Merriweather Sans', sans-serif;
font-size: 18px;
font-weight: normal;
letter-spacing: normal;
text-align: center;
text-shadow: none;
text-transform: none;
padding: 10px 0px;
line-height: 25px;
color: #fff!important
}
.caption.light1 .badge {
background: #000000;
color: #fff;
font-family: 'Merriweather Sans', sans-serif;
border-radius: 120px;
font-size: 34px;
width: 130px;
height: 130px;
position: absolute;
z-index: 1000;
margin-left: 940px;
border: 5px #fff solid;
margin-top: -180px;
line-height: normal;
padding: 0;
font-weight: normal;
}
.caption.light1 .badge em {
font-size: 12px;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
padding-top: 20px
}
.caption.light1 .badge span {
font-size: 24px;
font-weight: normal;
display: block
}
a:hover .caption.light1 .heading, a:hover .caption.light1 .btn-intro {
color: #333;
}
/* Light + black text */
.caption.light2 .heading {
color: #fff!important;
font-size: 46px;
margin-top: 120px;
letter-spacing: 2px;
text-transform: none;
}
a:hover .caption.light2 .heading, a:hover .caption.light2 p {
background-color: rgba(255, 255, 255, 0.85);
color: #000;
}
/* Light + black text */
.caption.light3 .heading, .caption.light3 p {
background-color: rgba(255, 255, 255, 0.8);
color: #000;
}
a:hover .caption.light3 .heading, a:hover .caption.light3 p {
background-color: rgba(255, 255, 255, 1);
color: #000;
}
/* PRODUCT META */
.product-block .product-meta {
overflow: hidden;
position: relative;
display: block;
height: 56px;
margin-top: -50px;
}
.product-block .product-action {
width: 100%;
height: 56px;
overflow: hidden;
position: relative;
background: #FFF;
border-bottom: 1px solid #EDEDED;
z-index: 12 !important;
}
.product-block .product-meta .product-action {
display: block;
position: absolute;
width: 100%;
bottom: -57px;
font-size: 0px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
opacity: 0;
}
.product-block:hover .product-meta .product-action {
bottom: 0;
opacity: 1;
}
.product-block .product-action a, .product-block .product-action button {
display: inline-block;
text-align: center;
line-height: 56px;
height: 56px;
/*color: #CCC;*/
color: #000;
font-size: 14px;
font-family: 'Merriweather Sans', sans-serif;
float: left;
}
.product-block .product-action a:hover, .product-block .product-action button:hover {
background: #F4F4F4 !important;
}
.product-block .product-action button.addcart {
width: 50%;
color: #000;
background-color: #fff;
float: left;
border: none;
}
.product-block .product-action .InpCrt2 {
display: none;
}
.product-block .product-action button.addcart:hover {
color: #c2986e;
}
.product-block .product-action button.wishlist {
width: 25%;
-webkit-box-shadow: -1px 0px 0px 0px #EDEDED;
-moz-box-shadow: -1px 0px 0px 0px #EDEDED;
box-shadow: -1px 0px 0px 0px #EDEDED;
background-color: #fff;
float: right;
border: none;
}
.product-block .product-action button.wishlist:hover {
color: #000000;
}
.product-block .product-action button.compare {
width: 25%;
-webkit-box-shadow: -1px 0px 0px 0px #EDEDED;
-moz-box-shadow: -1px 0px 0px 0px #EDEDED;
box-shadow: -1px 0px 0px 0px #EDEDED;
}
.product-block .product-action a.quickview {
width: 25%;
-webkit-box-shadow: -1px 0px 0px 0px #EDEDED;
-moz-box-shadow: -1px 0px 0px 0px #EDEDED;
box-shadow: -1px 0px 0px 0px #EDEDED;
}
.product-block .product-action a.quickview:hover {
color: #c2986e;
cursor: pointer;
}
.icon-zoom:before {
content: "\f002";
font-style: normal;
line-height: 56px;
font-size: 16px;
}
.cat_img {
border-top: 1px #ddd solid;
padding-top: 20px;
}
.cat_img .left-cat-img {
margin-right: 18px;
display: inline-block;
width: 48%;
}
.cat_img .left-cat-img1 {
margin-right: 0px;
display: inline-block;
width: 48%;
}
.cat_img .left-cat-img img, .cat_img .left-cat-img1 img {
width: 100%;
}
.magik-verticalmenu {
position: relative;
margin-bottom: 0;
}
.magik-verticalmenu .dropdown-menu > .dropdown-menu-inner {
padding: 10px;
}
.magik-verticalmenu .mega-group > .dropdown-toggle {
display: block;
font-weight: bold;
padding: 6px 5px;
text-transform: uppercase;
border-bottom: solid 1px #E5E5E5;
}
.magik-verticalmenu .mega-col {
width: 47%;
float: left;
margin-right: 15px
}
.magik-verticalmenu .mega-col img {
width: 100%;
}
.magik-verticalmenu .right_col {
margin-right: 0px
}
.magik-verticalmenu .mega-group .dropdown-mega .mega-col-inner > ul > li a {
margin-left: 6px;
}
.magik-verticalmenu .mega-col .mega-col-inner > ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
.magik-verticalmenu .mega-col .mega-col-inner > ul > li {
list-style: none;
margin-left: 0;
}
.magik-verticalmenu .mega-col .mega-col-inner > ul > li > a {
clear: both;
color: #555555;
display: block;
line-height: 20px;
}
.magik-verticalmenu .dropdown-submenu:hover .dropdown-menu {
display: block;
}
.magik-verticalmenu .dropdown-submenu > .dropdown-menu {
border-radius: 0 6px 6px 6px;
left: 100%;
margin-left: -6px;
margin-top: -6px;
top: 0;
}
.widget-product-list img {
width: 60px;
height: 60px;
float: left;
margin-right: 12px;
}
.widget-banner .w-banner {
margin: 6px 10px;
float: left;
}
.magik-verticalmenu .aligned-center .dropdown-menu {
top: 50%;
transform: translate(-50%);
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
}
.magik-verticalmenu .aligned-right .dropdown-menu {
left: auto;
top: 0;
}
.magik-verticalmenu .aligned-left .dropdown-menu {
}
.magik-verticalmenu .megamenu .aligned-fullwidth {
position: inherit!important;
}
.magik-verticalmenu .aligned-fullwidth .dropdown-menu {
height: 100%!important;
top: 0;
}
/* BLC - Kaffeewelt 2019 */
/*.navbar {
position: relative;
z-index: 1000;
min-height: 50px;
margin-bottom: 19px;
}*/
/* BLC - Kaffeewelt 2019 */
/*
.navbar:before, .navbar:after {
content: " ";
display: table;
}
.navbar:after {
clear: both;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav:before, .nav:after {
content: " ";
display: table;
}
.nav:after {
clear: both;
}
.nav > li {
position: relative;
display: block;
}
*/
/* BLC - Kaffeewelt 2019 */
/*.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}*/
/* BLC - Kaffeewelt 2019 */
/*
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav > li.disabled > a {
color: #999999;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
color: #999999;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #eeeeee;
border-color: #777777;
}
.nav .nav-divider {
height: 1px;
margin: 8.5px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
*/
/* BLC - Kaffeewelt 2019 */
/*.navbar-nav > li > a {
padding-top: 11px;
padding-bottom: 11px;
}*/
/* BLC - Kaffeewelt 2019 */
/*
.navbar-inverse {
background-color: #fff;
border-color: #e4e4e4 transparent black transparent;
}
.navbar-inverse .navbar-brand {
color: #999999;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #999999;
}
.navbar-inverse .navbar-nav > li > a {
color: #999999;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #e6e6e6;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #ededed;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color: #e6e6e6;
color: #fff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #e4e4e4 transparent black transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #999999;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #e6e6e6;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right {
left: auto;
right: 0;
}
.navbar-btn {
margin-top: 8.5px;
margin-bottom: 8.5px;
}
.navbar-text {
float: left;
margin-top: 15.5px;
margin-bottom: 15.5px;
}
*/
.row:before, .row:after {
content: " ";
/* 1 */
display: table;/* 2 */
}
.row:after {
clear: both;
}
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-collapse .navbar-nav.navbar-left:first-child {
margin-left: -10px;
}
.navbar-collapse .navbar-nav.navbar-right:last-child {
margin-right: -10px;
}
.navbar-collapse .navbar-text:last-child {
margin-right: 0;
}
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.language-box .dropdown-menu {
top: 33px;
left: 0;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.currency-box .dropdown-menu {
top: 33px;
left: 26%;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.company .dropdown-menu {
top: 33px;
left: 0;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.company .dropdown-menu li {
width: 100%;
text-align: left;
}
.company .dropdown-menu li a {
border: none !important;
margin: 0px !important;
padding: 0px 8px !important;
line-height: 26px !important;
border-right: none !important;
color: #333 !important;
}
.company .dropdown-menu li a:hover {
background: none !important;
color: #c2986e !important;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 8.5px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 12px;
clear: both;
font-weight: normal;
line-height: 1.42857;
color: #333333;
white-space: nowrap;
}
/* BLC - Kaffeewelt 2019 */
/*
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: #fff;
background-color: #428bca;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #428bca;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
color: #999999;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
text-decoration: none;
}
*/
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857;
color: #999999;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
#magik-verticalmenu .actions {
padding: 0 !important;
}
#magik-verticalmenu .product-info {
line-height: 1.4;
}
#magik-verticalmenu .nav-title {
background: #c2986e;
border: none;
line-height: 34px;
padding: 7px 18px 7px 15px;
position: relative;
display: block;
}
#magik-verticalmenu .nav-title:before, #magik-verticalmenu .nav-title:after {
content: " ";
/* 1 */
display: table;/* 2 */
}
#magik-verticalmenu .nav-title:after {
clear: both;
}
#magik-verticalmenu .nav-title span {
font-size: 17px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
float: left;
font-family: 'Merriweather Sans', sans-serif;
}
#magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu div.menu-title, #magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu .title {
text-transform: uppercase;
color: #000;
font-weight: bold;
margin-bottom: 2px;
font-family: 'Merriweather Sans', sans-serif;
font-size: 14px;
}
#magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu .title {
margin: 0;
padding: 0;
}
#magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu li > a, #magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu .widget-inner {
color: #2e3a47;
font-weight: normal;
line-height: 28px;
padding: 0;
font-size: 12px;
}
#magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu .widget-inner .product-block p {
line-height: 1.55;
}
#magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu li {
line-height: 1.4;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li {
float: none;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li > a {
color: #fff;
border-bottom: 1px solid #333;
font-size: 13px;
font-family: 'Merriweather Sans', sans-serif;
font-weight: bold;
text-transform: uppercase;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li:first-child a {
border-top: none;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li:last-child a {
border-bottom: none;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li.dropdown {
position: static;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li.dropdown:hover .dropdown-menu {
visibility: visible;
opacity: 1;
left: 100%;
top: 0;
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
}
#magik-verticalmenu .verticalmenu.navbar-nav > li.dropdown:hover > a {
position: relative;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li.dropdown:hover > a:after {
width: 3px;
height: 100%;
background: #000;
content: "";
position: absolute;
top: 0;
right: 0px;
z-index: 9999;
}
.rtl #magik-verticalmenu .verticalmenu.navbar-nav > li.dropdown:hover > a:after {
left: -2px;
right: auto;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li:hover > a {
color: #c2986e;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li > a > span span {
margin-left: 35px;
margin-left: 35px;
}
.rtl #magik-verticalmenu .verticalmenu.navbar-nav > li > a > span span {
margin-right: 35px;
margin-left: inherit;
}
#magik-verticalmenu .navbar-nav {
width: 100%;
}
#magik-verticalmenu .navbar-nav .menu-icon {
background-position: left center;
background-position: left 0 !important;
}
.rtl #magik-verticalmenu .navbar-nav .menu-icon {
background-position: right 0 !important;
}
#magik-verticalmenu .navbar-nav li {
padding: 0px;
}
#magik-verticalmenu .navbar {
position: static;
border-top: none;
background: #000;
margin-bottom: 0px;
border-radius: 0px;
}
.rtl #magik-verticalmenu .nav-title span {
float: right !important;
}
#magik-verticalmenu .nav-title span.round-arrow {
background: none repeat scroll 0 0 #c2986e;
border-radius: 30px;
color: #fff;
float: right;
height: 22px;
line-height: 22px;
padding-left: 7px;
text-align: center;
width: 16px;
margin-top: 5px;
}
#magik-verticalmenu .nav-title span.round-arrow:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f105";
text-transform: none;
font-size: 16px;
}
.round-arrow {
background: none repeat scroll 0 0 #333;
border-radius: 5px;
color: #fff;
float: right;
height: 23px;
line-height: 23px;
margin-top: -2px;
padding-left: 2px;
text-align: center;
width: 20px;
}
.round-arrow:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f105";
text-transform: none;
font-size: 16px;
}
#magik-verticalmenu .navbar .navbar-collapse {
padding: 0px 0px 0px 0px;
}
.rtl #magik-verticalmenu .navbar .navbar-collapse {
padding: 0px 0px 0px 0px;
}
#magik-verticalmenu .navbar .navbar {
border: none;
}
/* magento-module css */
#magik-verticalmenu .magik-widget {
margin-bottom: 10px;
}
#magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu {
display: block;
visibility: hidden;
opacity: 0;
border: 0;
padding: 20px;
min-width: 225px;
min-height: 100%;
right: auto;
left: 100%;
}
.rtl #magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu {
right: 100%;
left: auto;
}
.caret-arrow {
display: inline-block;
width: 0;
height: 0;
margin-left: 25px;
vertical-align: middle;
border-top: 6px solid #c2986e;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 0 dotted;
content: "";
position: absolute;
}
#advanced-search-list .input-range #price {
width: 35%;
}
#advanced-search-list .input-range #price_to {
width: 35%;
}
.review-product-list .product-collateral {
display: block;
}
.review-product-list .product-collateral .pager {
display: none;
}
.product-view .product-shop .no-rating {
border-bottom: 1px solid #E5E5E5;
margin: 6px 0;
padding: 5px 0 12px;
}
.newsletter .validation-advice {
position: absolute;
}
/*
.sticky {
position: relative;
z-index: 10000;
}
*/
@media (min-width: 992px) {
.sticky {
position: fixed;
margin-top: 0px;
z-index: 500;
display: block;
top: 0px;
height: 66px;
background: #fff;
width: 100%;
border-top: 5px #3b4348 solid;
webkit-transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
-moz-transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
-o-transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
-ms-transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
}
}
/*======== 27. Footer =============== */
footer {
padding: 0px 0 0;
width: 100%;
overflow: hidden;
background: #333;
color: #aaa;
}
.com-add {
border-bottom: 1px solid #f0f0f0;
margin-bottom: 10px;
padding-bottom: 6px;
}
footer .inner {
overflow: hidden;
margin-bottom: 30px;
padding-top: 40px
}
footer .inner h3 {
color: #3D4C4F;
font-size: 15px;
text-transform: uppercase;
margin: 0 0 15px;
padding: 0 0 10px;
font-family: 'Merriweather Sans', sans-serif;
}
footer .inner a {
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.footer-bottom .inner {
padding: 10px 0px;
border: none;
margin-bottom: 0px;
}
.footer-bottom .inner a {
color: #aaa;
line-height: normal;
}
footer .inner .footer_links a:before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
display: inline-block!important;
cursor: pointer;
line-height: 30px;
margin-right: 5px;
}
footer .inner a:hover {
color: #c2986e;
text-decoration: none;
}
/* BLC - Kaffeewelt 2019 */
/*footer a, footer p {
font-size: 12px;
color: #999;
padding-top: 5px;
padding-bottom: 5px;
}*/
footer .footer-column a {
display: block;
color: #aaa
}
/* BLC - Kaffeewelt 2019 */
/*footer p {
line-height: 20px;
}*/
/* BLC - Kaffeewelt 2019 */
/*footer h4 {
padding: 0 0 10px;
font-size: 14px;
margin: 0;
color: #fff;
font-weight: bold;
font-family: 'Merriweather Sans', sans-serif;
text-transform: uppercase
}
footer .input-text:focus {
background: transparent;
border-color: #464646;
}
footer .coppyright {
color: #666;
float: left
;
margin-left: 15px;
}
.footer-bottom {
padding: 0px;
overflow: hidden;
width: 100%;
margin: auto;
background: #282828
;
}*/
.add-icon:before {
content: "\f041";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 15px;
color: #fff;
border: 0px #aaa solid;
height: 35px;
width: 5px;
margin-right: 5px;
line-height: 35px;
display: inline-block;
float: left;
font-style: normal;
text-align: center;
margin-right: 15px;
border-radius: 30px
}
.email-footer {
overflow: hidden;
margin-top: 0px;
font-size: 12px;
}
.email-footer a {
font-size: 12px;
line-height: 35px;
color: #aaa
}
.phone-footer {
overflow: hidden;
font-size: 12px;
line-height: 35px;
color: #aaa
;
}
footer address {
display: block;
margin: auto;
font-style: normal;
line-height: 1.5em;
color: #aaa;
padding-top: 10px;
margin-top: 10px;
text-align: left;
padding-bottom: 5px;
margin-bottom: 0px;
font-size: 12px;
border: none;
}
.email-icon:before {
content: "\f0e0";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
color: #fff;
border: 0px #aaa solid;
height: 35px;
width: 5px;
margin-right: 5px;
line-height: 35px;
display: inline-block;
float: left;
font-style: normal;
text-align: center;
margin-right: 15px;
border-radius: 30px
}
.phone-icon:before {
content: "\f095";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 15px;
color: #fff;
border: 0px #aaa solid;
height: 35px;
width: 5px;
margin-right: 5px;
line-height: 35px;
display: inline-block;
float: left;
font-style: normal;
text-align: center;
margin-right: 15px;
border-radius: 30px
}
.footer-bottom .bottom_links {
float: right
;
margin-right: 15px;
width: 55%;
}
.footer-bottom .bottom_links li {
float: right;
margin-left: 20px
}
.custom-footer-links li {
margin: 7px 0
}
.custom-footer-links .payment-accept {
color: #333333;
float: left;
font-size: 12px;
padding-top: 6px;
}
.footer-col-right {
width: 58%;
float: left
}
.contact-info {
text-align: center;
}
ul.contact-info span {
font-size: 13px !important;
font-weight: 900 !important;
color: #666;
float: left
}
ul.contact-info li {
margin-bottom: 8px;
padding-bottom: 8px;
display: inline-block;
}
ul.contact-info li.last {
float: left;
margin-bottom: 0px;
border-bottom: 0px #2D3D4C solid
}
#container_newsletter {
width: 100%;
padding: 7px 0 7px 0;
background: #f0f0f0;
margin: 36px 0 22px 0
}
#text_container_news {
width: 205px;
height: 34px;
float: left;
margin-left: 30px;
text-transform: uppercase;
font-family: arial;
font-size: 10px;
color: #647177;
padding-top: 7px
}
#text_container_news span {
color: #959a9c;
font-size: 9px
}
#container_form_news {
position: relative;
z-index: 0
}
#container_form_news2 {
}
#container_form_news2 input[type="text"] {
background: #FFFFFF;
width: 100%;
height: 12px;
display: inline;
color: #ddd;
line-height: 20px;
background-color: #FFFFFF;
border: 2px solid #ddd;
padding: 15px;
padding-left: 10px;
font-size: 13px;
font-family: 'Merriweather Sans', sans-serif;
float: left;
margin-right: 3px;
margin-top: 0;
margin-bottom: 5px;
}
/*#container_form_news2 input[type="submit"] {
cursor: pointer;
border: 0;
background: #FFFFFF;
width: 20px;
height: 12px;
display: block;
position: relative;
color: #a7a7a7;
font-size: 10px;
line-height: 20px;
top: -18px;
right: -160px
}*/
.footer-box {
width: 1240px;
margin: auto;
}
footer ul span {
display: inline-block;
font-size: 20px;
font-weight: 300;
line-height: 15px;
padding-right: 3px;
}
address {
display: block;
margin: auto;
font-style: normal;
line-height: 21px;
color: #999;
padding-top: 10px;
margin-top: 10px;
text-align: left;
padding-bottom: 15px;
border-bottom: 1px #eaeaea solid;
margin-bottom: 15px
}
.footer-logo {
text-align: left;
}
/*============== 26. Global Styles And Messages ============= */
/* Global notices */
.global-site-notice {
border: 1px solid #cfcfcf;
border-width: 0 0 1px;
background: #ffff90;
font-size: 12px;
line-height: 1.25;
text-align: center;
color: #2f2f2f;
}
.global-site-notice .notice-inner {
width: 860px;
margin: 0 auto;
padding: 12px 0 12px 80px;
text-align: left;
}
.global-site-notice .notice-inner p {
margin: 0;
border: 1px dotted #cccc73;
padding: 10px;
}
.global-site-notice .notice-inner .actions {
padding-top: 10px;
}
/* Demo Notice */
.demo-notice {
margin: 0;
padding: 6px 10px;
background: #d75f07;
font-size: 12px;
line-height: 1.15;
border: 0;
text-align: center;
color: #fff;
}
.demo-notice .notice-inner {
width: auto;
padding: 0;
background: none;
text-align: center;
}
.demo-notice .notice-inner p {
padding: 0;
border: 0;
color: #fff;
text-align: center;
}
/* Global Messages */
.success {
color: #3d6611;
font-weight: bold;
}
.error {
color: #df280a;
font-weight: bold;
}
.notice {
color: #000000;
}
.messages, .messages ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.messages {
width: 100%;
overflow: hidden;
text-align: left;
}
.messages li {
margin: 5px 0 10px !important;
}
.messages li li {
margin: 0 0 3px !important;
}
.error-msg, .success-msg, .note-msg, .notice-msg {
border-style: solid !important;
border-width: 1px !important;
background-position: 10px 9px !important;
background-repeat: no-repeat !important; /*min-height:20px !important;*/
padding: 8px 8px 8px 8px !important;
font-size: 11px !important;
font-weight: 900 !important;
}
.error-msg {
border-color: #f16048;
background-color: #faebe7;
color: #df280a;
}
.success-msg {
border-color: #446423;
background-color: #eff5ea;
color: #3d6611;
}
.note-msg, .notice-msg {
border-color: #fcd344;
background-color: #fafaec;
color: #3d6611;
}
.product-review .product-img-box {
float: left;
width: 200px;
}
.product-review .product_details {
float: left;
margin-left: 10px;
}
.product-next-prev {
overflow: hidden;
margin: 0px 0 0 0;
position: relative;
right: 0px;
margin-top: -40px
;
margin-right: 15px;
}
.product-prev {
margin: 0 0 0 0px;
float: right;
}
.product-next-prev .product-prev:before {
content: "\f104";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.product-next-prev .product-prev {
background: #f8f8f8;
font-size: 24px;
line-height: 31px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #333;
text-align: center;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.product-next-prev .product-prev:hover {
color: #fff;
background: #000000;
text-decoration: none;
}
.product-next {
margin: 0 0 0 4px;
float: right;
}
.product-next-prev .product-next:before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.product-next-prev .product-next {
background: #f8f8f8;
font-size: 24px;
line-height: 31px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #222;
text-align: center;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product-next-prev .product-next:hover {
color: #fff;
background: #000000;
text-decoration: none;
}
.product-next-prev .separator {
border-right: 2px #ddd solid;
float: right;
margin-top: 8px;
color: #FFFFFF;
}
/* Global Styles*/
.buttons-set {
clear: both;
margin: 10px 0 0;
padding: 0;
}
.buttons-set a.back-link {
float: left;
margin-right: 15px;
font-weight: bold;
color: #333;
}
.buttons-set a.back-link:hover {
float: left;
margin-right: 15px;
font-weight: bold;
color: #c2986e;
}
.buttons-set button.button {
display: inline;
margin-bottom: 0px;
background: #fff;
}
.buttons-set p.required {
margin: 0 0 5px;
display: none;
}
.info-back-btn {
clear: both;
margin: 15px 0 0;
padding: 6px 15px;
display: inline-block;
border: 2px #B5B5B5 solid;
background-color: #E2E2E2;
}
.info-back-btn:hover {
border: 2px #5A5A5A solid;
background-color: #fff;
}
/* Page Heading */
.cms-home-page .page-title {
}
.page-title {
padding: 0px 0px 6px 0px;
margin: 3px 0 15px 0px;
overflow: hidden
}
/* Missing title on overview page */
#one-page-checkout .page-title {
overflow: visible;
}
.col2-right-layout .col-main .page-title {
padding: 0px 0px 4px 0px;
margin: 0 0 10px;
}
.page-title h1, .page-title h2 {
color: #000;
font-family: 'Merriweather Sans', sans-serif;
font-size: 24px;
margin: 0;
padding: 0;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
}
.page-title .separator {
margin: 0 3px;
}
.page-title .link-rss {
float: right;
}
.title-buttons {
position: relative;
}
.title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 {
float: left;
margin-right: 30px;
}
.title-buttons a, .title-buttons .separator {
margin-top: 0;
display: inline-block;
text-decoration: underline;
color: #333;
}
.subtitle, .sub-title {
clear: both;
}
/* Pager */
.pager {
margin: 0;
text-align: center;
padding: 0;
}
.pager .amount {
float: left;
}
.pager .limiter label {
float: left;
font-size: 12px;
padding: 6px 0;
margin-right: 10px;
display: inline;
}
.pager .pages {
margin: 0 0;
}
.pager .pages ol {
display: inline;
margin: 0;
padding: 0;
float: right;
}
.pager .pages li {
display: inline;
}
.pager .pages li span {
background-color: #F8F8F8;
border: 1px solid #f3f3f3;
box-shadow: none;
color: #000000;
padding: 5px 10px;
}
.pager .pages li a {
box-shadow: none;
border: 1px solid #F3F3F3;
padding: 5px 10px;
background-position: center;
background-repeat: no-repeat;
margin: 0;
width: 29px;
height: 29px;
}
.pager .pages li a.button.next:hover, .pager .pages li a.button.next:focus {
background-image: url(../images/icon_arrow_next_over.png);
background-color: #000000;
background-repeat: no-repeat;
background-position: center;
padding: 5px 10px;
margin: 0;
border: 1px solid #F3F3F3;
}
.toolbar .button:hover, .toolbar .button:focus, .toolbar .btn:hover, .toolbar .btn:focus {
background: #000000;
padding: 5px 10px;
color: #fff;
}
.toolbar-bottom {
border-width: 0 !important;
}
.toolbar .pager {
text-align: left;
margin: 0 10px 0 0;
padding: 0;
float: right;
margin-top: 6px;
width: 360px;
}
.pager .amount, .sorter .amount {
padding-left: 10px;
margin-top: 4px;
display: inline-block;
}
.toolbar .pager .limiter {
margin-top: 2px;
float: left;
}
.toolbar-bottom .pager .limiter {
position: static;
}
.toolbar .pager .pages {
display: inline;
}
.pager .button {
padding: 4px 5px;
background-color: #fff;
}
.pager .button :hover {
padding: 4px 5px;
background-color: #fff;
}
.toolbar .actions {
margin-right: 30px;
}
.pager .limiter label, .toolbar label {
display: inline;
float: left;
margin-right: 10px;
padding: 5px 0;
font-size: 12px;
}
.toolbar .sorter .sort-by {
margin-right: 30px;
}
.pager .amount {
margin-right: 20px;
}
.toolbar-bottom .sorter {
display: none;
}
.product-view .box-reviews .pager {
border-width: 0;
padding-top: 15px;
}
.button-viewall {
width: 35px;
height: 30px;
padding: 0;
}
.button.next, .button.prev {
width: 9px;
height: 18px;
padding: 0;
}
.product-essential .button.next {
float: right;
margin-top: -25px;
}
.product-essential .button.prev {
width: 30px;
height: 30px;
padding: 0;
float: right;
margin-right: 10px;
margin-top: -25px;
}
.toolbar span.button-active {
background-color: #f8f8f8 !important;
color: #000 !important;
padding: 3px 11px;
}
.toolbar span.button-active.button-grid {
background: url(../images/icon_grid_act.png) no-repeat 10px 7px !important;
background-color: #f8f8f8 !important;
color: #000 !important;
padding: 5px 8px 5px 30px;
margin-right: 5px;
}
.toolbar span.button-active.button-list {
background: url(../images/icon_list_act.png) no-repeat 10px 7px !important;
background-color: #f8f8f8 !important;
color: #000 !important;
padding: 5px 8px 5px 30px;
}
.toolbar span.button-active:hover {
background-color: #fff;
color: #000000;
}
.pager .button, .toolbar .button, .toolbar .btn, .toolbar .button-arrow, .toolbar .dropdown .button .arrow {
background-color: #fff;
font-size: 13px;
text-shadow: none;
border-radius: 0px;
color: #666666;
text-transform: none;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.toolbar .button-dark, .toolbar .btn-dark, .pager .button-dark, .pager .btn-dark {
background-color: #e0e0e0;
}
.button-asc {
background-image: url(../images/icon_asc.png);
height: 22px;
width: 10px;
margin-left: 3px;
box-shadow: none;
}
.button-asc:hover, .button-asc:focus {
background-image: url(../images/icon_asc.png) !important;
}
.button-desc {
background-image: url(../images/icon_dsc.png);
background-color: #f8f8f8 !important;
height: 26px;
width: 14px;
margin-left: 5px;
box-shadow: none;
}
.button-desc:hover, .button-desc:focus {
background-image: url(../images/icon_dsc_over.png) !important;
background-color: #000000 !important;
}
.toolbar .button-grid, .button-viewall {
background-image: url(../images/icon_grid_over.png);
}
.toolbar .button-grid:hover, .toolbar .button-grid:focus, .button-viewall:hover, .button-viewall:focus, .toolbar .button-active.button-grid {
background: url(../images/icon_grid.png) no-repeat 10px 7px;
text-transform: none;
padding: 5px 10px 2px 22px;
color: #333;
border: 1px #f3f3f3 solid;
}
.toolbar .button-list {
background: url(../images/icon_list.png) no-repeat 10px 7px;
text-transform: none;
padding: 5px 8px 5px 30px;
color: #333;
border: 1px #f3f3f3 solid
}
.toolbar .button-grid {
background: url(../images/icon_grid.png) no-repeat 10px 7px !important;
text-transform: none;
padding: 5px 8px 5px 30px;
color: #333;
border: 1px #f3f3f3 solid !important;
}
.toolbar a.button-grid:hover {
border: 1px #f3f3f3 solid;
background: url(../images/icon_grid_over.png) no-repeat 10px 7px !important;
background-color: #000000 !important;
color: #fff !important;
padding: 5px 8px 5px 30px;
}
.toolbar .button-list:hover, .toolbar .button-list:focus {
background: url(../images/icon_list_over.png) no-repeat 10px 7px;
text-transform: none;
padding: 5px 8px 5px 30px;
color: #fff;
border: 1px #f3f3f3 solid;
background-color: #000000 !important;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.toolbar .button-active.button-list {
background: url(../images/icon_list.png) no-repeat 10px 7px;
text-transform: none;
padding: 5px 10px 2px 22px;
color: #fff;
border: 1px #f3f3f3 solid;
background-color: #f8f8f8 !important;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.button-arrow.btn-remove {
background-image: url(../images/icon_remove.png);
}
.button-arrow.btn-remove:hover, .button-arrow.btn-remove:focus {
background-image: url(../images/icon_remove_over.png);
}
.button.next {
background-image: url(../images/icon_arrow_next.png);
background-color: #fff;
}
.button.next:hover, .button.next:focus {
background-image: url(../images/icon_arrow_next_over.png);
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
border: 0px #fff solid;
border-radius: 0px;
padding: 0px;
margin: 0;
}
.button.prev {
background-image: url(../images/icon_arrow_prev.png);
background-color: #fff;
}
.button.prev:hover, .button.prev:focus {
background-image: url(../images/icon_arrow_prev_over.png);
width: 29px;
height: 29px;
padding: 0;
background-repeat: no-repeat;
background-position: 11px;
background-color: #000000;
}
/* Sorter */
.sorter {
padding: 0;
margin: 0;
}
.sorter .actions {
float: left;
}
.sorter .view-mode {
float: left;
margin-top: 6px;
margin-right: 20px;
margin-left: 0px;
}
.sorter .sort-by {
float: left;
margin-top: 6px;
}
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none !important;
}
.new {
color: #F93E09;
font-size: 11px;
font-style: normal;
font-weight: bold;
right: 0px;
top: 10px;
position: absolute;
text-transform: uppercase;
width: 45px;
z-index: 1;
}
#banner-slider .flex-viewport {
height: 360px;
}
html[xmlns] #banner-slider .slides {
display: block;
height: 360px;
}
#main-slider .flex-direction-nav .flex-prev {
left: 1100px;
}
#secondary-slider .flex-direction-nav .flex-prev {
left: 852px;
top: -24px
}
#secondary-slider .flex-direction-nav .flex-next {
top: -24px;
right: -24px
}
#secondary-slider1 .flex-direction-nav .flex-prev {
left: 852px;
top: -24px
}
#secondary-slider1 .flex-direction-nav .flex-next {
top: -24px;
right: -24px
}
/* Control Nav */
.flex-control-nav {
width: 100%;
position: relative;
float: left;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #CCC;/* background: rgba(0,0,0,0.5);*/
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
background: #FFF; /*background: rgba(0,0,0,0.7);*/
}
.flex-control-paging li a.flex-active {
background: #FFF; /*background: rgba(0,0,0,0.9);*/
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: .7;
cursor: pointer;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
.productgrid-area .price-box, .productgrid-area .price-box .special-price .price, .productgrid-area .price-box .regular-price .price {
position: absolute;
bottom: 0px;
left: 0px;
font-size: 20px;
color: #fff !important;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
}
.productgrid-area .price-box .old-price .price {
display: block;
margin-left: 100px;
margin-top: -20px;
position: absolute;
color: #fff !important;
}
.productgrid-area .old-price .price-label {
display: none;
}
.productgrid-area .special-price .price-label {
display: none;
}
.productgrid-area .ratings {
margin: 36px 9px;
}
.product-latest li.latest-product.item {
position: relative;
float: left;
width: 392px;
margin: 0px 9px 9px 0px;
padding: 0px;
border: 0px solid #D9D9DB;
}
.product-latest li.latest-product.item.last {
margin-right: 0px;
}
.product-latest .latest-product .product-image {
display: block;
width: 191px;
height: 201px;
margin: 0 0 0px;
}
.productgrid-area .product-name { /*min-height:2.7em;*/
margin: 10px 0px 0px 20px;
font-weight: normal;
font-size: 13px;
color: #203548;
position: absolute;
top: 0;
font-family: 'Merriweather Sans', sans-serif;
text-transform: uppercase
}
.product-latest .actions .add-to-links {
right: 10px;
top: 12px;
}
.home-grid .product-name a {
color: #FFF;
font-size: 13px;
text-decoration: none;
}
.home-grid .product-name a:hover {
text-decoration: none;
}
.product-latest .product-name a {
color: #FFF;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
.product-latest .product-name a:hover {
text-decoration: none;
}
.product-latest .price-box {
margin: 5px 0;
position: absolute;
bottom: 55px;
right: auto;
}
.home-grid .availability {
line-height: 21px;
}
.product-latest li.latest-product .actions {
border-top: 1px solid #fff;
position: absolute;
bottom: 0px;
width: 171px;
padding: 10px 11px 10px 0px;
display: block;
margin: 0px;
float: left;
}
.products-list li.item {
position: relative;
}
.product-name {
margin: 0px;
padding-bottom: 0px;
font-size: 12px;
font-weight: normal;
}
.product-name a {
}
#shopping-cart-table .product-name {
margin: 0px;
padding-bottom: 0px;
font-size: 14px;
font-family: 'Merriweather Sans', sans-serif;
}
/*button.button::-moz-focus-inner {*/
.button::-moz-focus-inner {
padding:0;
border:0;
}
/* FF Fix */
/*button.button, input.button {*/
.button {
display: inline-block;
border: 0;
background: #fff;
padding: 8px 12px;
font-size: 12px;
text-align: center;
white-space: nowrap;
color: #333;
font-weight: normal;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
vertical-align: top;
cursor: pointer;
overflow: visible;
width: auto;
outline: none;
-webkit-border-fit: lines;
border: 3px solid #EFEFEF !important; /* <- Safari & Google Chrome Fix */
}
.button:hover {
background: #000000;
padding: 8px 12px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
color: #fff;
}
.ratings .amount {
display: none;
}
.col1-layout .home-grid {
list-style: none;
}
.add-to-links .separator {
display: none;
}
.flexslider .flex-prev:before {
content: "\f104";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
line-height: 40px
}
.flexslider .flex-next:before {
content: "\f105";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
line-height: 40px
}
.flexslider .flex-next:focus {
content: "\f105";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #fff!important;
}
/*.product-view .product-shop button.button.btn-cart:before, */
.product-latest li.latest-product .actions button.btn-cart:before, .block-reorder .actions button.button.btn-cart:before,
.products-list .f-fix button.button.btn-cart:before {
content: "\f07a";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 5px;
font-weight: 300;
}
.product-latest .actions .add-to-links a.link-wishlist:before, #crosssell-products-list .actions .add-to-links a.link-wishlist:before {
content: "\f004";
}
.product-latest .actions .add-to-links a.link-compare:before, #crosssell-products-list .actions .add-to-links a.link-compare:before {
content: "\f074";
}
.slider-arrow, .button-arrow, .dropdown .arrow, .elastislide-next, .elastislide-prev {
transition: color 450ms ease-in-out, background-color 150ms ease-in-out, opacity 600ms ease-in-out, background-position 300ms ease-in-out;
-moz-transition: color 450ms ease-in-out, background-color 150ms ease-in-out, opacity 600ms ease-in-out, background-position 300ms ease-in-out;
-webkit-transition: color 450ms ease-in-out, background-color 150ms ease-in-out, opacity 600ms ease-in-out, background-position 300ms ease-in-out;
-o-transition: color 450ms ease-in-out, background-color 150ms ease-in-out, opacity 600ms ease-in-out, background-position 300ms ease-in-out;
}
.slider-arrow:hover, .slider-arrow:focus, .button-arrow:hover, .button-arrow:focus {
background-color: #000000
}
.back-link {
float: left
;
height: 29px;
}
.col2-set .col-1 ul {
padding: 0;
list-style: none;
}
.col2-set .buttons-set1 {
margin-top: 0px !important;
}
.col2-set .form-list span {
float: left;
margin: 0 0 5px;
}
.col2-set .form-list .input-text {
margin: 0 0 10px;
}
.forgot-word {
font-size: 12px;
line-height: 35px;
margin-left: 4px;
}
.hidden-desktop {
display: none;
}
.shopnow-btn {
background: none repeat scroll 0 0 #282828;
color: #FFFFFF;
display: inline-block;
font-family: 'Merriweather Sans', sans-serif;
font-size: 12px;
padding: 0px 20px;
text-transform: uppercase;
margin-top: 20px;
}
.shopnow-btn:after {
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-left: 8px;
font-style: normal;
font-weight: normal;
}
.shopnow-btn:hover {
background: none repeat scroll 0 0 #E95144;
color: #FFFFFF;
display: inline-block;
font-family: 'Merriweather Sans', sans-serif;
font-size: 12px;
padding: 0px 20px;
text-transform: uppercase;
margin-top: 20px;
}
.sale-banner {
margin: 20px auto;
width: 1240px;
}
/*.fa-phone:before {
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 8px;
border: 2px #efefef solid
}
.fa-envelope:before {
content: "\f0e0";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 3px;
font-style: normal;
color: #666666;
}*/
/* Horizontal Buttons */
.jcarousel-skin-tango4 .jcarousel-next-horizontal {
cursor: pointer;
height: 41px;
margin-left: 202px;
position: absolute;
top: -63px;
width: 35px;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.jcarousel-skin-tango4 .jcarousel-prev-horizontal {
cursor: pointer;
height: 41px;
left: 0px;
position: absolute;
top: -63px;
width: 35px;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.jcarousel-skin-tango4 .jcarousel-next-horizontal:after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f105";
text-transform: none;
font-size: 24px;
padding: 0px 15px
}
.jcarousel-skin-tango4 .jcarousel-next-horizontal:hover {
color: #000000;
}
.jcarousel-skin-tango4 .jcarousel-prev-horizontal:after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f104";
text-transform: none;
font-size: 24px;
padding: 0px 12px
}
.jcarousel-skin-tango4 .jcarousel-prev-horizontal:hover {
color: #000000;
}
.related-block .block-content .prod_image_detail .actions {
}
/* Comman Styles*/
* {
margin: 0;
padding: 0px;
}
ul, ol {
list-style: none outside none;
}
label, input, button, select, textarea {
font-family: 'Merriweather Sans', sans-serif;
}
a {
color: #282828;
text-decoration: none;
}
a:hover, a:focus {
/* color: #333; */
}
h1, h2, h3, h4, h5, h6, .block .block-title, .slide-title {
/* color: #333; */
font-weight: normal;
font-family: 'Merriweather Sans', sans-serif;
margin: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .block .block-title a, .slide-title a {
color: #333;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .block .block-title a:hover, h1 a:hover, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus, .block .block-title a:focus, .slide-title a:hover, .slide-title a:focus {
color: #333;
}
/* Form Elements' Style */
p.control input.checkbox, p.control input.radio {
margin-right: 6px;
}
/* Grouped fields */
.form-list {
margin: 0;
padding: 0;
list-style: none;
}
.form-list li {
margin: 0 0 10px;
position: relative;
}
.form-list li.comment {
margin-bottom: 10px;
}
.form-list li.comment p {
margin-bottom: 0;
}
.form-list li.fields {
margin-bottom: 0;
}
.form-list li.control, .form-list li.has-pretty-child {
margin-bottom: 10px;
}
.form-list label {
position: relative;
z-index: 0;
font-weight: normal;
color: #333;
display: inline;
}
.form-list label.required {
}
.form-list label.required em {
font-style: normal;
}
.form-list li.control label, .form-list li.has-pretty-child label {
float: none;
vertical-align: top;
line-height: 1;
}
.form-list li.control input.radio, .form-list li.control input.checkbox, .form-list li.has-pretty-child input.radio, .form-list li.has-pretty-child input.checkbox {
margin-right: 6px;
margin-top: -2px;
}
.form-list li.control .input-box {
clear: none;
display: inline;
width: auto;
}
.form-list .input-box {
display: block;
clear: both;
margin-bottom: 0;
}
.form-list .field {
position: relative;
margin-bottom: 25px;
}
.form-list input.input-text {
background: #f0f0f0;
border: 1px solid #f0f0f0;
padding: 10px;
width: 80%;
margin-top: 5px;
outline: none;
}
.form-list input.input-text:focus {
background: #fff;
border: 1px solid #ddd;
}
.form-list select {
margin: 5px 0 2px;
width: 360px;
outline: none;
}
.form-list li.additional-row {
border-top: 1px solid #ccc;
margin-top: 10px;
padding-top: 7px;
}
.form-list li.additional-row .btn-remove {
float: right;
margin: 5px 0 0;
}
.form-list .input-range input.input-text {
outline: none;
}
input.radio {
margin-right: 3px;
}
input.qty {
font-size: 15px;
font-weight:normal;
margin: 0 !important;
padding: 10px 5px 10px 15px;
width: 30px;
background: #fff;
border: 1px solid #EAEAEA;
outline:none;
color:#333;
width: 60px;
}
/* Data Table */
.data-table {
width: 100%;
}
.data-table th {
line-height: 20px;
padding: 10px;
font-weight: bold;
font-size: 12px;
font-family: 'Merriweather Sans', sans-serif;
}
.data-table td {
line-height: 20px;
padding: 10px;
vertical-align: top;
}
.data-table th .tax-flag {
white-space: nowrap;
font-weight: normal;
}
.data-table td.label, .data-table th.label {
font-weight: normal;
background: #f8f8f8
}
.data-table input, data-table select, data-table textarea {
margin: 3px;
}
.data-table p {
margin: 10px 0;
}
.data-table .description {
margin: 10px 0;
}
/* Buttons Icons */
.returns:before {
content: "\f021";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 8px;
font-style: normal;
}
.button-subscribe:before {
content: "\f0e0";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 5px;
}
.button-checkout:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 5px;
}
.button-compare {
float: left;
margin-right: 8px !important;
}
.button-compare:before {
content: "\f074";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 5px;
}
.button-clear:before {
content: "\f12d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 5px;
}
.button-vote:before {
content: "\f164";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 5px;
}
.btn-remove {
display: block;
width: 12px;
height: 12px;
font-size: 0;
line-height: 0;
text-indent: -999em;
}
.btn-edit {
display: block;
width: 11px;
height: 11px;
font-size: 0;
line-height: 0;
text-indent: -999em;
color: #666; position:absolute; right:18px; top:6px;
}
.btn-edit:before {
content: "\f040";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 5px;
}
.btn-edit:hover {
color: #009933;
}
button.button.continue:before, input.button.continue:before {
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 8px;
}
button.button.btn-share:before, input.button.btn-share:before {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 8px;
}
button.button.btn-add:before, input.button.btn-add:before {
content: "\f067";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 8px;
}
button.button.btn-update:before {
content: "\f021";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 8px;
}
input.button.btn-update {
margin: 0;
}
button.button.btn-update, input.button.btn-update {
background: #ccc;
}
button.button.login:before, input.button.login:before {
content: '\f13e';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 8px;
}
button.button.btn-continue:before, input.button.btn-continue:before {
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 8px;
}
button.button#empty_cart_button:before, a.button#empty_cart_button:before {
content: "\f00d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 8px;
}
button.button.coupon:before, input.button.coupon:before {
content: "\f02b";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 8px;
}
button.button.get-quote:before, input.button.get-quote:before {
content: "\f15c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 8px;
}
button.button.new-address:before, input.button.new-address:before {
content: "\f015";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 8px;
}
button.button.create-account:before, input.button.create-account:before {
content: "\f007";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 8px;
}
button.button.submit:before, input.button.submit:before {
content: "\f04b";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 8px;
}
button.button.view-all:before, button.button.view-all:before {
content: "\f06e";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 8px;
}
.edit-bnt:before {
content: "\f040";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
}
.edit-bnt {
padding: 6px 11px;
color: #222;
background-color: #fff;
border: 3px solid #EFEFEF;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.edit-bnt:hover {
font-size: 12px;
padding: 6px 11px;
color: #fff;
background-color: #000000;
border: 3px solid #EFEFEF;
}
.edit-bnt span {
display: none;
}
#shopping-cart-table .edit-bnt {
float: left;
}
.shopnow-btn {
background: none repeat scroll 0 0 #282828;
color: #FFFFFF;
display: inline-block;
font-family: 'Merriweather Sans', sans-serif;
font-size: 12px;
padding: 0px 20px;
text-transform: uppercase;
margin-top: 20px;
}
.shopnow-btn:after {
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-left: 8px;
font-style: normal;
font-weight: normal;
}
.shopnow-btn:hover {
background: none repeat scroll 0 0 #E95144;
color: #FFFFFF;
display: inline-block;
font-family: 'Merriweather Sans', sans-serif;
font-size: 12px;
padding: 0px 20px;
text-transform: uppercase;
margin-top: 20px;
}
.sale-banner {
margin: 20px auto;
width: 1240px;
}
/*.fa-phone:before {
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 8px;
}
.fa-envelope:before {
content: "\f0e0";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 3px;
font-style: normal;
color: #666666;
}*/
/* Customer */
.form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box {
width: auto;
}
.form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year {
float: left;
}
.form-list .customer-dob input.input-text {
display: block;
}
.form-list .customer-dob .dob-month input.input-text, .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-year input.input-text {
text-align: center;
}
.form-list p {
margin: 0 0 20px;
}
.fieldset p {
line-height: 1.6;
margin-bottom: 20px;
}
.form-list li.control, .form-list li.has-pretty-child {
margin-bottom: 20px;
}
.forgot-password {
font-size: 13px;
color: #c72928;
position: absolute;
right: 0;
top: 50px;
}
.form-list .bootstrap-select {
position: absolute;
width: auto;
height: 46px;
left: 1px;
top: 1px;
bottom: 1px;
right: 1px;
}
.form-list .bootstrap-select > .btn {
width: 100%;
padding: 13px 0;
margin-bottom: 0;
border-width: 0 !important;
position: absolute;
top: 0;
bottom: 0;
}
.form-list .bootstrap-select.btn-group .btn .filter-option {
left: 165px;
right: 55px;
white-space: nowrap;
text-overflow: ellipsis;
}
.form-list .bootstrap-select.btn-group .btn .caret {
right: 0;
top: 0;
bottom: 0;
width: 46px;
height: auto;
margin: 0;
padding: 0 !important;
background-position: center center;
background-repeat: no-repeat !important;
border-width: 0;
}
.form-list .bootstrap-select.btn-group .dropdown-menu {
margin-top: 1px;
left: -1px;
right: -1px;
}
.box-reviews .form-list li label {
font-size: 13px;
margin: 0;
padding: 0;
white-space: nowrap;
overflow: hidden;
color: #333;
font-family: 'Merriweather Sans', sans-serif;
}
.form-list li label.label-wide {
margin-bottom: 6px;
}
.form-list li.control label, .form-list li.has-pretty-child label, .opc .sp-methods label {
font-size: 13px;
position: static;
padding: 0;
height: auto;
width: auto;
vertical-align: top;
line-height: 22px;
background-color: transparent;
border-width: 0;
}
.opc .sp-methods label {
margin: -1px 0 0;
}
.form-list .validation-advice {
color: #FF0000;
}
.validation-advice {
color: #FF0000;
}
.sp-methods .prettycheckbox > a, .sp-methods .prettyradio > a {
margin-left: 15px;
}
.form-list textarea {
line-height: 20px;
margin-bottom: 0;
padding: 10px;
width: 100%;
}
.box-reviews textarea {
width: 50%;
}
.form-list textarea {
height: 10em;
margin-bottom: 0;
outline: medium none;
}
form h2, form h3, .section h3 {
color: #333;
}
.main h2.subtitle, .main .widget .widget-title h2, .main .page-title h1 {
color: #444645;
}
.main h2.subtitle .line, .main .widget .widget-title h2 .line, .main .page-title h1 .line {
border-top: 1px solid #e0e0e0;
}
.opc .input-text {
}
/* 29. Compare Table*/
.compare-table .price-box {
padding-bottom: 15px;
}
.compare-table .product-shop-row td {
position: relative;
text-align: center;
}
.compare-table .btn-cancel {
position: absolute;
right: 5px;
top: 5px;
}
.compare-table .product-name {
color: #000;
font-family: "Open Sans", sans-serif;
font-size: 14px;
overflow: hidden;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
padding: 5px 0 10px;
}
a.button.wishlist {
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
margin-bottom: 15px;
display: inline-block;
background-color: #FFF;
}
.styled-list {
position: relative;
margin: 0 0 20px;
padding: 0;
list-style: none;
line-height: 18px
}
.styled-list li {
margin-bottom: 6px;
padding: 0
}
.styled-list li span {
display: block;
overflow: hidden
}
.styled-list li i {
width: 16px;
float: left;
margin-right: 10px;
text-align: center;
color: #000;
font-size: 14px
}
.styled-list li:before {
color: #666666;
float: left
}
.styled-list .circle li, .styled-list.circle li {
text-indent: 0;
margin-left: 0;
padding-left: 0;
list-style: none
}
.styled-list .circle li:before, .styled-list.circle li:before {
content: "\25CF";
margin: -1px 10px 0 0;
font-size: 12px
}
.styled-list.arrow>li {
margin-left: -15px;
padding-left: 35px
}
.styled-list.arrow> li:before {
margin: -1px 8px 0 -20px;
content: '\f00c';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1em
}
.styled-list ul {
margin-left: 0;
padding: 5px 0 0
}
.styled-list ul.circle li:before {
content: "\25CB";
color: #ee3b27
}
.grey-container {
background: #f2f2f2;
padding-top: 35px;
padding-bottom: 35px;
color: #000
}
/* 30. Delivery page*/
.delivery h3 {
margin-top: auto;
font-family: 'Oswald', sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.grey-container h3 {
margin-top: auto;
font-family: 'Oswald', sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.grey-container .button.more-info {
margin-top: 10px;
display: inline-block;
margin-bottom: 10px;
background-color: #fff;
}
.accordion-filter {
text-align: left;
position: relative
}
.accordion-filter .panel {
border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
}
.accordion-filter .panel .panel-heading {
padding: 0;
color: #fff;
border-radius: 0!important;
background: transparent;
border-bottom: 3px solid #EAE7DE;
}
.accordion-filter .panel-heading a {
display: block;
position: relative;
background: transparent;
color: #333;
padding: 5px 0 0px 0;
border-radius: 0;
/*border-right: 48px solid #c2986e;
min-height: 50px;*/
font-size: 19px;
font-family: 'Oswald', sans-serif;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
.accordion-filter .panel-heading a:focus {
outline: 0;
text-decoration: none;
}
.accordion-filter .panel-heading a:hover {
text-decoration: none;
}
.accordion-filter .panel:last-child {
box-shadow: none;
border-bottom: none
}
.accordion-filter .arrow-down, .accordion-filter .arrow-up {
position: absolute;
display: block;
width: 20px;
height: 20px;
font-size: 25px;
top: 50%;
margin-top: -18px;
/*right: -36px;*/
right: 0;
color: #000;
font-weight: normal;
}
.accordion-filter .arrow-down, .accordion-filter .collapsed .arrow-up {
display: none
}
.accordion-filter .collapsed .arrow-down {
display: block
}
.accordion-filter .panel-body {
border-top: 0!important;
padding: 10px 0;
background: #fff;
/*border: 1px #eee solid;*/
border-top: none;
}
.accordion-filter.panel-group .panel+.panel {
margin-top: 10px
}
.accordion-filter .panel-body select {
max-width: 100%;
}
/* Katalogfilter */
.accordion-filter .panel-body div {
margin-bottom: 5px;
}
.accordion-filter .panel-body label {
line-height: 25px;
/*display: block;*/
display: inline;
margin-right: 5px;
font-weight: 300;
font-size: 18px;
font-family: 'Merriweather Sans', sans-serif;
font-style: italic;
}
.accordion-filter .panel-body input[type=checkbox] {
float: left;
margin-top: 5px !important;
margin-right: 5px;
}
.accordion-filter .ApplyTooltip i {
font-size: 16px;
}
.accordion-filter .ApplyTooltip .TouchTooltip {
display: none;
}
.accordion-filter .ApplyTooltip:hover .TouchTooltip {
display: block;
}
.simple-list {
margin: 0;
padding: 0;
list-style-type: none
}
.bold-list>li>a {
font-weight: 700;
text-transform: uppercase
}
.simple-list ul {
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
bottom: -.8em
}
.simple-list li {
margin: 0;
padding: 0 0 12px
}
.simple-list .icon {
margin-right: 9px
}
.arrow-list li {
padding-left: 12px;
position: relative
}
.arrow-list li:before {
content: "";
display: inline;
font-size: 1.1em;
position: absolute;
left: 0;
top: -1px
}
.grid .grid-item {
outline:2px solid #fff;
position: relative;
}
.grid .grid-item a {
background-color: #000;
display: inline-block;
height: 100%;
}
.grid .grid-item a img, .grid .grid-item a .grid-desc {
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.grid .grid-item a:hover img {
opacity: 0.7;
}
.grid .grid-item a:hover .grid-desc {
opacity: 1;
}
.grid .grid-item a .grid-desc {
position: absolute;
top: 40%;
left: 0%;
color: #fff;
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
width: 100%;
text-align: center;
opacity: 0;
}
@media screen and (max-width: 768px) {
.grid .grid-item { width: 50%; }
.grid .grid-item img { width: 100%; }
}
@media screen and (max-width: 468px) {
.grid .grid-item { width: 100%; }
.grid .grid-item img { width: 100%; }
}
.slider-container {
margin-bottom: 2px;
}
.z-active a.z-link {
border-top: 2px solid #c2986e;
}
#InpCrt1, #InpCrt2, #InpCrt3 {
display: inline;
}
#MyAccount_AddressChange {
margin-top: 10px;
}
#MyAccount_AddressChange > div > ul {
margin: 0;
}
#MyAccount_AddressChange > h2 {
margin-bottom: 5px;
}
.AddressChange_Header {
border-bottom: 1px solid #DDDDDD;
}
.AddressChange_Label {
width: 80px;
float: left;
clear:both;
line-height: 30px;
}
.AddressChange_LabelWidth{
width: 120px;
float: left;
clear:both;
line-height: 30px;
}
.AddressChange_Input{
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
display: inline-block;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #555555;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
width: 250px;
}
.padding10 {
padding: 10px;
}
.icon-shopping-cart:before {
/*line-height:20px;*/
}
.buttonhover {
background: #000000 !important;
padding: 8px 12px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
color: #fff !important;
}
.data-table .quantity {
width: 50px !important;
}
.margin-top10{
margin-top: 10px;
}
.margin-top15{
margin-top: 15px !important;
}
.margin-bottom10{
margin-bottom: 10px;
}
.margin-bottom15{
margin-bottom: 15px;
}
.margin-bottom20{
margin-bottom: 20px;
}
.margin-top20{
margin-top: 20px;
}
.width-80 {
width: 80%;
}
.width-45 {
width: 45%;
}
.checkoutbox {
padding: 10px;
width: 100%;*/
}
@media (min-width:768px) {
#BLC_MyAccountMenue {
float:right;
}
}
@media (max-width:768px) {
#div5565_lastorders {
display:none;
}
#table-orders, #div5705_loadorders, #div5602_addresses, #link11752 {
display:none;
}
}
#blcManageDeliveryAddress input[type=radio] {
float:left;
margin-right:15px;
}
#checkout-outer-paymentcondition input[type=radio] {
float:left;
margin-right:15px;
}
#blcSelectPaymentCondition div {
float:left;
}
#blcSelectPaymentCondition .lineitem{
clear: both;
width: 100%;
float: left;
}
#blcManageDeliveryAddress .lineItem{
margin-bottom: 10px;
width: 100%;
}
#error-container, #reg-error-container {
display: none;
}
.bold {
font-weight: bold;
}
#blcManageDeliveryAddress_ContentRight .form-control {
width: 250px;
float: left;
margin-bottom: 10px;
}
#blcManageDeliveryAddress_ContentRight .control-label {
clear: both;
}
.CheckOutHint {
float: left;
line-height: 1px;
font-size: 30px;
color: #333;
padding: 2px 5px;
font-family: 'Merriweather Sans', sans-serif;
background: #fff;
}
.BigCheckbox {
/* Double-sized Checkboxes */
-ms-transform: scale(2); /* IE */
-moz-transform: scale(2); /* FF */
-webkit-transform: scale(2); /* Safari and Chrome */
-o-transform: scale(2); /* Opera */
}
#cmdSaveOrderSaferpay.disabled {
background-color: #FEFEFE;
}
#cmdSaveOrder.disabled {
background-color: #FEFEFE;
}
#Checkboxdiv {
clear:both;
float:left;
}
#AcceptAGBText {
padding-top:10px;
float:left !important;
width: 80%;
}
.Fullwidth {
width: 100% !important;
}
#confirm_agb {
width: 100%;
}
#list-reload {
width: 100%;
float: left;
}
.list-reload-button {
font-size: 18px;
font-family: 'Merriweather', serif;
font-style: italic;
font-size: 16px;
border: 1px solid #000 !important;
padding: 18px 36px;
margin: 80px auto;
display: block;
}
.list-reload-button:hover {
padding: 18px 36px;
}
.list-reload-button[STOP=STOP] {
display: none;
}
#list-reload .returns::before {
font-size: 16px;
}
#error-container, #info-container {
display: none;
}
.min_height_250 {
min-height: 250px;
}
#sumlastpage {
float:right;
}
#padding10 {
padding: 10px;
}
@media (min-width:768px) {
.dl-horizontal dt {
width: 100px !important;
}
.dl-horizontal dd {
margin-left: 120px !important;
}
}
#progress-bar {
background-color: #F3F3F3;
width: 100%;
float: left;
margin-bottom: 20px;
}
.cart-step {
position: relative;
padding: 10px 35px 10px 35px;
float: left;
}
a.cart-step {
outline: 0;
}
.cart-step:first-child {
padding-left: 15px;
}
@media screen and (max-width: 991px) {
.cart-step {
padding: 10px !important;
width: 25%;
outline: 1px solid #fff !important;
}
}
@media screen and (max-width: 767px) {
.cart-step {
width: 50%;
}
}
@media screen and (max-width: 392px) {
.cart-step {
width: 100%;
outline: 1px solid #fff;
}
}
.cart-step .arrow {
border-right:15px solid #fff;
border-bottom:15px solid #fff;
width:50px;
height:50px;
transform: rotate(-45deg);
position: absolute;
right: -10px;
top: -5px;
/*margin-right: 10px;*/
z-index: 1;
}
.cart-step i {
color: #fff;
font-size: 5em;
height: 100% !important;
position: absolute;
right: 0;
top: -7px;
padding: 0 5px !important;
}
.cart-step.active {
background-color: #bebebe;
color: #fff;
font-weight: 700;
}
#blcSetCatalogFilter .clear-filter:before {
content: '\f00d';
font-family: 'Font Awesome 5 Free';
font-size: 13px;
font-weight: 900;
padding-right: 5px;
font-style: initial;
}
#blcSetCatalogFilter .clear-filter {
background: none;
/*color: #fff;
width: 100%;*/
border: 0;
margin-top: 20px;
font-size: 18px;
font-family: 'Merriweather Sans', sans-serif;
font-weight: 300;
font-style: italic;
}
#billing-new-address-form h2 {
font-size: 16px;
color: #000;
margin-bottom: 5px;
border-bottom: 1px #ccc solid;
padding: 10px 0;
font-family: 'Merriweather Sans', sans-serif;
}
.clearboth {
clear: both;
}
#infotext-container #info-container #info-text.text-success:before {
content: '\f00c';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 6px;
float: left;
display: block;
}
@media screen and (max-width: 468px) {
#link4614_Register {
clear:both;
float:left;
width:100%;
margin-bottom:10px;
}
#link4615_NoRegister {
width:100%;
clear:both;
float:left;
}
}
.product-block img {
max-height:268px;
max-width: 100%;
}
#item-info {
min-height:90px;
}
.product-block {
height: 268px;
}
.product-block a {
line-height: 268px;
}
.product-documents {
clear: both;
}
.product-documents a {
float: left;
}
.product-documents a.document-desc {
margin-top: 2px;
margin-left: 5px;
}
.product-documents a.document-desc:hover {
text-decoration: underline;
}
.btn-heart {
background: #fff;
height: 42px;
color: #000 !important;
text-align: center;
border: 3px solid #EFEFEF;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
margin-left: 5px;
}
.btn-heart:before {
content: "\f004";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 17px;
}
.btn-heart:hover {
color: #fff !important;
}
#content-page .text-content a[href$='.pdf']:before {
content: url(../pdf.gif);
padding-right: 5px;
line-height: 30px;
position: relative;
top: 4px;
}
.cart-info-text-link {
margin-bottom: 5px;
float: left;
}
.cart-info-text {
margin-bottom: 10px;
float: left;
width: 100%;
}
.cart-info-text textarea {
width: 98%;
max-width: 100%;
min-height: 150px;
}
.cart-info-text textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #333;
}
.cart-info-text textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #333;
opacity: 1;
}
.cart-info-text textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #333;
opacity: 1;
}
.cart-info-text textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #333;
}
.order-info-text {
float: left;
margin: 0;
padding: 0px;
margin-bottom: 18px;
}
.order-info-text h3 {
border-bottom: 1px solid #ccc;
color: #000;
font-family: 'Merriweather Sans', sans-serif;
font-size: 16px;
margin-bottom: 5px;
padding: 10px 0;
}
#doc1650 {
float:left;
line-height: 20px;
padding-right:5px;
padding-bottom:10px;
}
#doc1650:before {
content: '\f15b';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 26px;
padding-left: 4px;
padding-top: 2px;
float: left;
margin-right: 6px;
margin-top: -2px;
color: #000;
}
.toplinks > div > div.contact-us > a:before {
content: "\f0e0";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
padding-right: 6px;
color: #fff;
}
.pages .button {
height: 40px;
}
.pages .button i {
line-height: 20px;
}
#myaccount-content .icon-shopping-cart:before {
line-height: 20px !important;
}
#ProductInquery form .button {
color: #fff;
}
#ProductInquery form .button:hover {
background: #000;
text-shadow: none;
color: #fff;
}
#ProductInquery #back-to-product {
clear: both;
float: left;
margin-top: 20px;
}
#ProductInquery textarea {
width: 100% !important;
}
.cmdSaveOrder {
float: left;
width: 100%;
text-align: center;
margin-bottom: 3px;
padding: 8px 12px;
text-transform: none;
border: none;
font-size: 16px;
background-color: #009EE3;
color: #FFF;
font-weight: bold;
}
#nav li.drop-menu ul li {
width: auto;
}
.product-view .product-img-box .product-image .MagicThumb-swap {
margin-right: 10px;
}
@media (min-width: 320px) and (max-width: 479px) {
.email-addto-box {
float: left !important;
}
.rating-box {
height: auto;
}
.product-view .product-shop .ratings {
padding: 0;
}
.availability {
text-align: right;
}
}
@media (max-width: 480px) {
}
@media(max-width:767px){
}
@media(min-width:768px){
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media(max-width:991px){
footer .inner #col {
margin-bottom: 20px;
}
}
@media(min-width:992px){
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media(min-width:1200px){
}