/*
Template: Media Center
Description: Responsive Electronics eCommerce Bootstrap 3 Template
Version: 1.0
Author: Amin & Ibrahim
Demo URI: http://demo.transvelo.com/media-center
===================================================================================
Table of Contents
===================================================================================
1. General Styles
2. Top Navbar
3. Header
4. Sidemenu
5. Megamenu
6. Breadcrumb
7. Sections
8. Controls
9. Carousel
10. Product Item
11. Pages : Home
12. Pages : Single Product
13. Pages : Shopping Cart
14. Pages : Checkout
15. Sidebar
16. Footer
17. Browser Fixes
18. Responsive
*/
/*===================================================================================*/
/* Mixins
/*===================================================================================*/
/*---------------------------------------------------
LESS Elements 0.9
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
/*===================================================================================*/
/* Helper
/*===================================================================================*/
:root {
--color-brand: #9c0;
--color-brand-secondary: #ff8104;
--color-danger: #c82c05;
--color-link: #0066c0;
--color-text: #3d3d3d;
--color-text-light: #777;
--light-grey-background: #f5f5f5;
}
/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-latin-ext.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/mem8YaGs126MiZpBA-UFWJ0bbck.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/mem8YaGs126MiZpBA-UFUZ0bbck.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/mem8YaGs126MiZpBA-UFWZ0bbck.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/mem8YaGs126MiZpBA-UFVp0bbck.woff2') format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/mem8YaGs126MiZpBA-UFWp0bbck.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/mem8YaGs126MiZpBA-UFW50bbck.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/mem8YaGs126MiZpBA-UFVZ0b.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('fonts/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('fonts/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('fonts/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('fonts/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2') format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('fonts/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('fonts/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('fonts/mem5YaGs126MiZpBA-UNirkOUuhp.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2') format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 800;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('fonts/mem5YaGs126MiZpBA-UN8rsOX-hpOqc.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 800;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('fonts/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 800;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('fonts/mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 800;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('fonts/mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2') format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 800;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('fonts/mem5YaGs126MiZpBA-UN8rsOXehpOqc.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 800;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('fonts/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-display: swap;
font-style: normal;
font-weight: 800;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('fonts/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'),
url('./fonts/roboto-v19-latin_latin-ext-300.woff2') format('woff2'),
url('./fonts/roboto-v19-latin_latin-ext-300.ttf') format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'),
url('./fonts/roboto-v19-latin_latin-ext-regular.woff2') format('woff2'),
url('./fonts/roboto-v19-latin_latin-ext-regular.ttf') format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'),
url('./fonts/roboto-v19-latin_latin-ext-500.woff2') format('woff2'),
url('./fonts/roboto-v19-latin_latin-ext-500.ttf') format('truetype');
}
.light-bg {
background-color: #f8f8f8;
}
.inner {
padding-top: 75px;
padding-bottom: 75px;
}
.m-t-0 {
margin-top: 0 !important;
}
.m-t-35 {
margin-top: 35px !important;
}
.semi-bold {
font-weight: 600 !important;
}
.semi-bold {
border-bottom: 1px solid #ececec;
}
.title-color {
color: #434343 !important;
}
.content-color {
color: #747474 !important;
}
.bold {
font-weight: 700 !important;
}
.auto-width {
width: auto !important;
}
.center-block {
float: none;
}
.inner {
padding-top: 120px;
padding-bottom: 120px;
}
.inner-md {
padding-top: 100px;
padding-bottom: 100px;
}
.inner-sm {
padding-top: 80px;
padding-bottom: 80px;
}
.inner-xs {
padding-top: 30px;
padding-bottom: 30px;
}
.inner-top {
padding-top: 120px;
}
.inner-top-md {
padding-top: 100px;
}
.inner-top-sm {
padding-top: 0px;
}
.inner-top-xs {
padding-top: 20px;
}
.inner-bottom {
padding-bottom: 120px;
}
.inner-bottom-md {
padding-bottom: 100px;
}
.inner-bottom-sm {
padding-bottom: 40px;
}
.inner-bottom-xs {
padding-bottom: 40px;
}
.inner-left {
padding-left: 75px;
}
.inner-left-md {
padding-left: 60px;
}
.inner-left-sm {
padding-left: 45px;
}
.inner-left-xs {
padding-left: 30px;
}
.inner-right {
padding-right: 75px;
}
.inner-right-md {
padding-right: 60px;
}
.inner-right-sm {
padding-right: 45px;
}
.inner-right-xs {
padding-right: 30px;
}
.outer {
margin-top: 120px;
margin-bottom: 120px;
}
.outer-md {
margin-top: 100px;
margin-bottom: 100px;
}
.outer-sm {
margin-top: 80px;
margin-bottom: 80px;
}
.outer-xs {
margin-top: 40px;
margin-bottom: 40px;
}
.outer-top {
margin-top: 120px;
}
.outer-top-md {
margin-top: 100px;
}
.outer-top-sm {
margin-top: 80px;
}
.outer-top-xs {
margin-top: 40px;
}
.outer-bottom {
margin-bottom: 120px;
}
.outer-bottom-md {
margin-bottom: 100px;
}
.outer-bottom-sm {
margin-bottom: 80px;
}
.outer-bottom-xs {
margin-bottom: 40px;
}
.margin-footer {
margin-bottom: 20px;
}
.clock-icon-footer {
font-size: 20px!important;
margin-left: -9px!important;
padding-bottom: 7px;
}
@media (max-width: 767px) {
.inner {
padding-top: 80px;
padding-bottom: 80px;
}
.inner-md {
padding-top: 65px;
padding-bottom: 65px;
}
.inner-sm {
padding-top: 50px;
padding-bottom: 50px;
}
.inner-xs {
padding-top: 40px;
padding-bottom: 40px;
}
.inner-top {
padding-top: 80px;
}
.inner-top-md {
padding-top: 65px;
}
.inner-top-sm {
padding-top: 10px;
}
.inner-top-xs {
padding-top: 0px;
}
.inner-bottom {
padding-bottom: 80px;
}
.inner-bottom-md {
padding-bottom: 65px;
}
.inner-bottom-sm {
/* padding-bottom: 50px; */
}
.inner-bottom-xs {
padding-bottom: 40px;
}
}
/*===================================================================================*/
/* GENERAL
/*===================================================================================*/
.fontawesome {
font-family: fontawesome;
}
.inline {
display: inline-block;
vertical-align: top;
}
.thumb-holder {
float: left;
display: inline-block;
background-color: #fff;
border: 1px solid #e0e0e0;
}
.h1,
h1 {
font-size: 28px;
line-height: 35px;
font-weight: 500 !important;
color: #3d3d3d;
letter-spacing: -1px;
}
.h1.border,
h1.border {
border-bottom: 1px solid #e0e0e0;
line-height: 50px;
}
h2 {
font-size: 18px;
line-height: 37px;
letter-spacing: -1px;
/*text-transform: capitalize;*/
}
h2.border {
border-bottom: 1px solid #e0e0e0;
line-height: 50px;
}
.iconic-link {
color: #3d3d3d;
font-size: 12px;
line-height: 24px;
display: inline-block;
vertical-align: top;
text-transform: capitalize;
}
.iconic-link:before {
margin: 0 5px 0 0;
font-size: 18px;
color: #c6c6c6;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-family: fontawesome;
}
.availability {
font-size: 11px;
line-height: 9px;
margin: 10px 0 15px 0;
color: #707070;
font-weight: 600;
/* text-transform: capitalize; */
}
.availability span {
margin: 0 0 0 3px;
}
.availability .available {
font-weight: 800;
text-transform: capitalize;
}
.availability .not-available {
color: red;
font-weight: 800;
text-transform: capitalize;
}
ul {
list-style: none;
}
.font-opensans {
font-family: 'Open Sans', sans-serif;
}
.color-bg {
background-color: #f9f9f9;
}
img {
width: auto \9;
max-width: 100%;
}
.no-margin {
padding: 0;
margin: 0;
}
.no-padding {
padding: 0;
}
@media (min-width: 1200px) {
.no-padding-lg {
padding: 0;
}
}
.no-padding-right {
padding-right: 0;
}
.no-padding-left {
padding-left: 0;
}
.no-margin-left {
margin-left: 0;
padding-left: 0;
}
.no-margin-right {
margin-right: 0;
padding-right: 0;
}
.no-padding-bottom {
padding-bottom: 0;
}
a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.caroufredsel_wrapper {
margin: 0 !important;
width: 100% !important;
}
.caroufredsel_wrapper ul {
padding-left: 0 !important;
}
body {
font-size: 14px;
color: #3d3d3d;
background-color: #fff;
overflow-x: hidden;
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
}
::-moz-selection {
color: #ffffff;
text-shadow: none;
-webkit-text-shadow: none;
background: #9c0;
}
::selection {
color: #ffffff;
text-shadow: none;
-webkit-text-shadow: none;
background: #9c0;
}
ul {
margin: 0;
padding: 0;
}
a {
outline: none !important;
}
a:hover,
a:active,
a:focus {
text-decoration: none;
}
.uppercase {
text-transform: uppercase;
}
h1,
h2,
h3,
h4,
h5 {
margin: 0;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}
.capital {
text-transform: capitalize;
}
#loading {
display: none;
}
*:focus {
outline: none;
}
.social-icons {
list-style: none;
padding: 0;
margin: 0;
}
.social-icons li {
display: inline-block;
font-size: 16px;
margin-right: 10px;
}
.social-icons li a {
color: #fff;
display: inline-block;
padding: 6px;
background-color: #3d3d3d;
border-radius: 100px;
}
.social-icons li a:before {
width: 16px;
height: 16px;
display: inline-block;
text-align: center;
}
.center-absolute {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.map-holder {
margin-bottom: 20px;
}
.map-holder #map {
width: 100%;
min-height: 545px;
height: 100%;
}
.map-holder img {
max-width: none;
}
.map-holder label {
width: auto;
display: inline;
}
.get-direction .store-content div {
display: inline-block;
}
.bold {
font-weight: 800;
}
label.error {
color: red;
font-size: 10px;
}
.green {
color: #fff;
}
.red {
background-color: #F8484A;
color: #fff;
}
.red.ribbon:after {
border-top-color: #F8484A;
}
.blue {
color: #fff;
}
.blue.ribbon::after {
border-top-color: #407ac5;
}
.label-discount {
position: absolute;
top: 264px;
padding: 0 8px;
font-weight: 600;
font-size: 11px;
line-height: 16px;
display: table-cell;
text-transform: uppercase;
color: #fff;
}
.label-discount.ribbon {
background-color: transparent;
}
.label-discount.clear {
height: 16px;
background-color: transparent;
}
.ribbon {
position: absolute;
top: 0;
z-index: 80;
display: flex;
align-items: center;
justify-content: center;
min-width: 100px;
height: 25px;
padding: 0 10px;
font-weight: 700;
font-size: 11px;
line-height: 20px;
text-align: left;
text-transform: uppercase;
border-bottom-right-radius: 10px;
}
.ribbon:nth-child(2) {
margin-top: 25px;
}
.ribbon:nth-child(3) {
margin-top: 50px;
}
.ribbon:nth-child(4) {
margin-top: 75px;
}
.ribbon span {
z-index: 80;
color: #fff;
}
.ribbon .new-label, .ribbon .sale-label {
color: #fff;
}
.section-title {
margin: 29px 0;
font-size: 34px;
line-height: 40px;
letter-spacing: -1px;
font-weight: normal !important;
/*text-transform: capitalize;*/
}
.pagination {
margin: 17px 0;
}
.pagination > li.disabled {
opacity: 0.3;
}
.pagination li:hover a,
.pagination li.current a {
background-color: #fff;
}
.pagination a {
border: 1px solid #e0e0e0;
color: #3d3d3d !important;
border-radius: 0 !important;
padding: 9px 17px !important;
font-size: 18px;
margin: 0 4px 0 0;
text-transform: capitalize;
}
.inline-input .placeholder {
text-transform: capitalize;
}
.inline-input input {
width: 68% !important;
border-radius: 3px;
background-color: #ffffff;
border: 1px solid #cccccc;
color: #3d3d3d;
width: 100%;
padding: 5px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 15px 14px;
font-size: 13px;
line-height: 18px;
border-radius: 5px 0 0 5px;
display: inline-block;
vertical-align: top;
float: left;
}
@media (min-width: 768px) {
.inline-input input {
width: 73% !important;
}
}
.inline-input input:focus,
.inline-input input:hover {
background-color: #e0e0e0;
}
.inline-input .le-button {
padding: 15px 14px;
width: 27%;
float: right;
border-radius: 0 5px 5px 0;
}
.block {
display: block;
}
.simple-link {
color: #3d3d3d;
/* text-transform: capitalize; */
}
.dropdown-toggle:before,
.dropdown-toggle:after {
z-index: 100;
}
.blue-text {
color: #3498db !important;
}
.blue-text:hover {
background-color: #3498db !important;
color: #fff !important;
}
.red-text {
color: #e74c3c !important;
}
.red-text:hover {
background-color: #e74c3c !important;
color: #fff !important;
}
.orange-text {
color: #f27a24 !important;
}
.orange-text:hover {
background-color: #f27a24 !important;
color: #fff !important;
}
.navy-text {
color: #34495e !important;
}
.navy-text:hover {
background-color: #34495e !important;
color: #fff !important;
}
.dark-green-text {
color: #21b68e !important;
}
.dark-green-text:hover {
background-color: #21b68e !important;
color: #fff !important;
}
.height-xs {
height: 30vh;
}
.height-sm {
height: 44vh;
}
.height-md {
height: 61vh;
}
.height-lg {
height: 90vh;
}
.normal-weight {
font-weight: 400;
}
.semi-bold {
font-weight: 600;
}
.regular-bold {
font-weight: 700;
}
.extra-bold {
font-weight: 800;
}
.ft-length-13 {
font-size: 12px !important;
}
.ft-length-12 {
font-size: 13px !important;
}
.ft-length-11 {
font-size: 14px !important;
}
.ft-length-10 {
font-size: 15px !important;
}
.ft-length-9 {
font-size: 18px !important;
}
.ft-length-7 {
font-size: 20px !important;
}
/*===================================================================================*/
/* Top Navbar
/*===================================================================================*/
.top-bar {
background-color: #f9f9f9;
border-bottom: 1px solid #e0e0e0;
padding: 5px 0;
font-size: 14px;
}
.top-bar ul {
list-style: none;
}
.top-bar ul li {
border-right: 1px solid #e0e0e0;
}
.top-bar ul > li:last-child {
border: none;
}
.top-bar ul.right {
text-align: right;
}
.top-bar ul.right > li:first-child a {
padding: 0 13px;
}
.top-bar ul.right > li:last-child a {
padding: 0 0 0 12px;
}
.top-bar ul > li {
display: inline-block;
}
.top-bar ul > li.dropdown .dropdown-menu {
top: 135%;
border-radius: 0px;
}
.top-bar ul > li.dropdown .dropdown-menu li {
text-align: left;
display: block;
}
.top-bar ul > li.dropdown .dropdown-menu li a {
display: block;
padding: 7px 13px;
margin: 0 2px;
border: none;
}
.top-bar ul > li a {
padding: 0 13px;
color: #3d3d3d;
font-size: 13px;
line-height: 15px;
display: inline-block;
text-transform: capitalize;
}
.top-bar .nav-left div.dropdown ul li {
display: block;
}
.top-bar .nav-left div.topbar-left-module {
border-right: 1px solid #e0e0e0;
}
.top-bar .nav-left div.topbar-left-module:first-child {
border-right: medium none;
}
.top-bar .nav-left div.dropdown a, .top-bar .nav-left div.header_user_info a {
padding: 0 13px;
color: #3d3d3d;
font-size: 13px;
line-height: 15px;
display: inline-block;
/*text-transform: capitalize;*/
}
.top-bar .nav-left div.dropdown .dropdown-menu li a {
display: block;
padding: 7px 13px;
margin: 0 2px;
border: none;
}
.topbar-left-module {
float: right;
}
@media (max-width: 767px) {
.topbar-left-module {
display: block;
float: none;
}
.top-bar .nav-left div.topbar-left-module {
border-right: medium none;
border-left: 1px solid #e0e0e0;
}
.top-bar .nav-left div.topbar-left-module:first-child {
border-left: medium none;
}
}
/*===================================================================================*/
/* Header
/*===================================================================================*/
.header-item {
/*border-bottom: 1px solid #e0e0e0;*/
padding: 10px 0 0px;
}
.header-item.ver2 {
padding-bottom: 0;
margin-bottom: 13px;
}
.header-item .logo-holder .logo {
margin: 10px 0;
text-align: center;
width: 300px;
height: 66px;
}
.header-item .logo-holder .header-wrap {
text-align: left;
padding-top: 11px;
padding-bottom: 2px;
}
.header-item .top-search-holder {
margin: 0 0 0 -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header-item .top-search-holder .contact-row {
width: 100%;
margin-left: 5px;
font-size: 13px;
line-height: 20px;
}
.header-item .top-search-holder .contact-row .phone {
margin: 0 10px 0 0;
}
.header-item .top-search-holder .contact-row i {
vertical-align: middle;
margin: 0 8px 0 0;
font-size: 19px;
line-height: 19px;
}
.header-item .top-search-holder .search-area {
border: 1px solid #c6c6c6;
border-radius: 7px;
margin: 5px 0 0 5px;
width: 90%;
}
.header-item .top-search-holder #myBtnFav {
width: 34px;
margin: 0;
padding-left: 10px;
font-size: 25px;
}
.header-item .top-search-holder #myBtnFav:hover {
opacity: 0.7;
}
.header-item .top-search-holder .myBtnNew {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
font-size: 12px;
text-align: right;
}
.header-item .top-search-holder .myBtnNew .fa {
margin-right: 4px;
}
@media (min-width: 768px) {
.header-item .top-search-holder .myBtnNew {
width: 90%;
}
}
.header-item .top-search-holder .search-area .categories-filter {
background-color: white;
}
.header-item .top-search-holder .search-area .categories-filter {
line-height: 44px;
padding: 4px 0 4px 7px;
display: inline-block;
border-left: 1px solid #e0e0e0;
text-transform: capitalize;
border-bottom: medium none;
border-top: medium none;
height: 42px;
}
.header-item .top-search-holder .search-area .categories-filter .dropdown-menu {
width: 156%;
left: -8px;
}
.header-item .top-search-holder .search-area .categories-filter .dropdown-toggle {
color: #3d3d3d;
padding: 0 14px 0 2px;
}
.header-item .top-search-holder .search-area .categories-filter .dropdown-toggle:after {
content: "\f107";
font-family: fontawesome;
color: #e0e0e0;
display: inline-block;
font-size: 25px;
line-height: 25px;
vertical-align: sub;
margin: 0 0 0 8px;
}
.header-item .top-search-holder .search-area .search-field,
.header-item .top-search-holder .search-area .search_query,
.header-item .top-search-holder .search-area .search-button,
.header-item .top-search-holder .search-area .categories-filter {
display: inline-block;
}
.header-item .top-search-holder .search-area .search-field,
.header-item .top-search-holder .search-area .search_query {
border-radius: 5px 0 0 5px;
border: none;
font-size: 13px;
}
.header-item .top-search-holder .search-area .search-button {
display: inline-block;
text-align: center;
padding: 8px 15px 10px 15px;
margin-right: -3px;
border-radius: 0 5px 5px 0;
}
.header-item .top-search-holder .search-area .search-button:hover {
opacity: 0.7;
/*background-color: #939393;*/
}
.header-item .top-search-holder .search-area .search-button:after {
content: "\f002";
font-family: fontawesome;
font-size: 22px;
line-height: 24px;
vertical-align: sub;
color: #9c0;
}
.header-item .top-cart-row {
padding: 28px 0 0 0;
}
@media (max-width: 767px){
.header-item .top-cart-row {
padding: 5px 0 0 0;
}
}
@media (min-width: 768px) and (max-width: 991px){
.header-item .top-cart-row {
display: none;
}
}
.header-item .top-cart-row .wishlist-compare-holder {
line-height: 24px;
font-size: 13px;
text-transform: capitalize;
display: inline-block;
vertical-align: top;
}
.header-item .top-cart-row .wishlist-compare-holder a {
color: #3d3d3d;
}
.header-item .top-cart-row .wishlist-compare-holder i {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #c6c6c6;
margin: 0 10px 0 0px;
font-size: 14px;
}
.header-item .top-cart-row .top-cart-holder {
display: inline-block;
float: right;
margin-right: 24px;
position: relative;
vertical-align: top;
}
.header-item .top-cart-row .top-cart-holder .checkout a {
display: inline-block;
}
.header-item .top-cart-row .top-cart-holder .dropdown-menu {
width: 332px;
left: -170px;
top: 65px;
padding: 16px 0 0 0;
z-index: 9999;
}
.header-item .top-cart-row .top-cart-holder dt {
border-bottom: 1px solid #e0e0e0;
}
.header-item .top-cart-row .top-cart-holder .cart_block_no_products {
margin: 11px 28px 31px;
}
.header-item .top-cart-row .top-cart-holder .basket-item {
padding: 11px 28px;
position: relative;
}
.header-item .top-cart-row .top-cart-holder .basket-item .thumb {
border: 1px solid #e0e0e0;
text-align: center;
display: inline-block;
vertical-align: top;
}
.header-item .top-cart-row .top-cart-holder .basket-item .title {
font-weight: 100;
line-height: 26px;
}
.header-item .top-cart-row .top-cart-holder .basket-item .price {
font-weight: 800;
}
.header-item .top-cart-row .top-cart-holder .basket-item .remove_link {
display: inline-block;
position: absolute;
right: 8%;
top: 41%;
}
.header-item .top-cart-row .top-cart-holder .basket-item .remove_link a:after {
color: #3d3d3d;
content: "\f00d";
font-family: fontawesome;
}
.header-item .top-cart-row .top-cart-holder .basket-item .close-btn {
display: inline-block;
position: absolute;
right: 8%;
top: 41%;
}
.header-item .top-cart-row .top-cart-holder .basket-item .close-btn:after {
color: #3d3d3d;
content: "\f00d";
font-family: fontawesome;
}
.header-item .top-cart-row .top-cart-holder .basket-item-count {
position: relative;
display: inline-block;
vertical-align: top;
}
.header-item .top-cart-row .top-cart-holder .basket-item-count .count {
position: absolute;
color: #fff;
top: 5px;
right: 12px;
border-radius: 100px;
width: 21px;
height: 21px;
line-height: 21px;
font-size: 12px;
font-weight: bold;
text-align: center;
}
.header-item .top-cart-row .top-cart-holder .dropdown-toggle {
display: block;
padding: 0;
}
.header-item .top-cart-row .top-cart-holder .dropdown-toggle .lbl {
font-size: 13px;
line-height: 21px;
color: #3d3d3d;
display: block;
}
.header-item .top-cart-row .top-cart-holder .dropdown-toggle .total-price {
font-size: 22px;
font-weight: bold;
}
.header-item .top-cart-row .top-cart-holder .dropdown-toggle:after {
display: none;
}
.header-item .top-cart-row .top-cart-holder .total-price-basket {
margin: 0 0 0 5px;
display: inline-block;
vertical-align: top;
/*text-transform: capitalize;*/
}
.header-item .top-cart-row .modal .modal-body h4 {
margin: 0 0 15px;
}
.header-item .top-cart-row .modal .modal-footer {
margin-top: 0px;
}
.header-alt {
border-bottom: none;
}
/*===================================================================================*/
/* Sidemenu
/*===================================================================================*/
.sidemenu-holder {
padding: 0;
margin: 0;
}
.sidemenu-holder .side-menu .head {
padding: 17px;
color: #fff;
border-radius: 5px 5px 0 0;
text-transform: capitalize;
font-weight: bold;
font-size: 16px;
}
.sidemenu-holder .side-menu .head i {
margin: 0 6px 0 0;
}
.sidemenu-holder .side-menu nav {
border-radius: 0 0 5px 5px;
}
.sidemenu-holder .side-menu nav#top-megamenu-nav {
margin: 0;
}
.sidemenu-holder .side-menu nav .navbar {
border: none;
}
.sidemenu-holder .side-menu nav .nav > li {
border: 1px solid #e0e0e0;
border-top: 0;
border-bottom: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sidemenu-holder .side-menu nav .nav > li > .mega-menu {
padding: 3px 0;
}
.sidemenu-holder .side-menu nav .nav > li > .sub-menu {
min-width: 0;
width: 100%;
}
.sidemenu-holder .side-menu nav .nav > li .yamm-content {
padding: 10px 20px;
}
.sidemenu-holder .side-menu nav .nav > li .yamm-content li {
padding: 5px 0;
border-bottom: 1px solid #e0e0e0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sidemenu-holder .side-menu nav .nav > li .yamm-content li:last-child {
border-bottom: 0;
}
.sidemenu-holder .side-menu nav .nav > li .yamm-content li a {
color: #636363;
line-height: 26px;
}
.sidemenu-holder .side-menu nav .nav > li .yamm-content li:hover {
background-color: #f9f9f9;
}
.sidemenu-holder .side-menu nav .nav > li .yamm-content .dropdown-banner-holder {
position: absolute;
right: -19px;
top: 0;
}
.sidemenu-holder .side-menu nav .nav > li .yamm-content .dropdown-banner-holder a {
display: block;
padding: 0;
width: 100%;
}
.sidemenu-holder .side-menu nav .nav > li:last-child {
border-bottom: 1px solid #e0e0e0;
border-radius: 0 0 5px 5px;
}
.sidemenu-holder .side-menu nav .nav > li:last-child a {
border-radius: 0 0 3px 3px;
}
.sidemenu-holder .side-menu nav .nav > li:first-child a,
.sidemenu-holder .side-menu nav .nav > li:last-child a {
line-height: 26px;
}
.sidemenu-holder .side-menu nav .nav > li:first-child a:after,
.sidemenu-holder .side-menu nav .nav > li:last-child a:after {
line-height: 27px;
}
.sidemenu-holder .side-menu nav .nav > li a {
padding: 12px 17px;
line-height: 17px;
}
.sidemenu-holder .side-menu nav .nav > li a b {
display: none;
}
.sidemenu-holder .side-menu nav .nav > li:nth-child(2n+1) {
background-color: #fff;
}
.sidemenu-holder .side-menu nav .nav > li:nth-child(2n) {
background-color: #f9f9f9;
}
/*===================================================================================*/
/* Megamenu
/*===================================================================================*/
/*!
* Yamm!3
* Yet another megamenu for Bootstrap 3
*
* http://geedmo.github.com/yamm3
*/
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
position: static;
}
.yamm .container {
position: relative;
}
.yamm .dropdown-menu {
left: auto;
}
.yamm .nav.navbar-right .dropdown-menu {
left: auto;
right: 0;
}
.yamm .yamm-content {
padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
left: 0;
right: 0;
}
.megamenu-vertical .yamm-content {
padding: 5px 20px;
}
.megamenu-vertical .yamm-content h2 {
font-size: 18px;
line-height: 24px;
margin: 20px 0;
}
.megamenu-vertical .yamm-content li {
padding: 2px 0;
border-bottom: 1px solid #e0e0e0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.megamenu-vertical .yamm-content li:last-child {
border-bottom: 0;
}
.megamenu-vertical .yamm-content li a {
color: #3d3d3d;
line-height: 26px;
}
.megamenu-vertical .yamm-content li:hover,
.megamenu-vertical .yamm-content li:focus {
background-color: #f9f9f9;
}
.megamenu-vertical .yamm-content .dropdown-banner-holder {
position: absolute;
right: -19px;
top: 0;
}
.megamenu-vertical .yamm-content .dropdown-banner-holder a {
display: block;
padding: 0;
width: 100%;
}
.megamenu-horizontal .yamm .dropdown.yamm-fw .dropdown-menu {
left: 100%;
min-width: 360%;
right: 0;
}
.megamenu-horizontal .yamm .dropdown .dropdown-menu {
left: 100%;
margin: 0;
position: absolute;
top: 0;
}
.megamenu-horizontal .menu-item .dropdown-menu {
position: absolute;
top: 0;
left: 100%;
margin: 0;
min-width: 365%;
}
.megamenu-horizontal .nav > li {
position: relative;
width: 100%;
}
.megamenu-horizontal .nav > li > a {
color: #636363;
font-weight: 600;
}
.megamenu-horizontal .nav > li > a:focus,
.megamenu-horizontal .nav > li > a:hover {
color: #fff;
}
.megamenu-horizontal .nav > li > a:focus:after,
.megamenu-horizontal .nav > li > a:hover:after {
opacity: 1;
}
.megamenu-horizontal .nav > li .dropdown-menu {
top: 0 !important;
}
.megamenu-horizontal .nav > li > .dropdown-toggle:after {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
content: "\f105";
line-height: 18px;
opacity: 0;
color: #fff;
float: right;
font-size: 20px;
height: 20px;
width: 20px;
}
.megamenu-horizontal .dropdown:hover .dropdown-toggle:focus,
.megamenu-horizontal .dropdown.open .dropdown-toggle:focus,
.megamenu-horizontal .dropdown:focus .dropdown-toggle:focus,
.megamenu-horizontal .dropdown:hover .dropdown-toggle,
.megamenu-horizontal .dropdown.open .dropdown-toggle,
.megamenu-horizontal .dropdown:focus .dropdown-toggle {
color: #fff;
}
.megamenu-horizontal .dropdown:hover .dropdown-toggle:after,
.megamenu-horizontal .dropdown.open .dropdown-toggle:after,
.megamenu-horizontal .dropdown:focus .dropdown-toggle:after {
opacity: 1;
}
#top-mega-nav {
margin: 27px 0;
}
#top-mega-nav nav {
background-color: #f9f9f9;
border-radius: 5px;
}
#top-mega-nav nav .le-dropdown {
font-size: 16px;
font-weight: 700;
}
#top-mega-nav nav .le-dropdown:first-child {
display: inline-block;
float: left;
position: relative;
}
#top-mega-nav nav .le-dropdown:first-child .yamm-fw > .dropdown-menu {
min-width: 358%;
right: 0 !important;
}
#top-mega-nav nav .le-dropdown:first-child .dropdown-submenu > .dropdown-menu {
margin-top: 0;
top: 0 !important;
}
#top-mega-nav nav .le-dropdown:first-child .dropdown-menu > li {
transition: all 0.3s ease 0s;
}
#top-mega-nav nav .le-dropdown:first-child .yamm-fw .yamm-content {
padding: 10px 20px;
}
#top-mega-nav nav .le-dropdown #menu-vertical-menu a b {
display: none;
}
#top-mega-nav nav .le-dropdown #menu-vertical-menu .dropdown-toggle {
color: #333;
}
#top-mega-nav nav .le-dropdown #menu-vertical-menu .dropdown-toggle:after {
content: none;
}
#top-mega-nav nav .le-dropdown #menu-vertical-menu .dropdown {
position: relative;
}
#top-mega-nav nav .le-dropdown #menu-vertical-menu .dropdown .dropdown-menu {
top: 0 !important;
left: 100% !important;
}
#top-mega-nav nav .le-dropdown #menu-vertical-menu .dropdown .dropdown-menu li {
background-color: #fff;
}
#top-mega-nav nav .le-dropdown #menu-vertical-menu .yamm-content li {
border-bottom: 1px solid #e0e0e0;
padding: 5px 0;
transition: all 0.3s ease 0s;
}
#top-mega-nav nav .le-dropdown #menu-vertical-menu .yamm-content li:last-child {
border-bottom: none;
}
#top-mega-nav nav .le-dropdown #menu-vertical-menu .yamm-content .section .links li a {
display: block;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
color: #636363;
padding: 8px 0;
transition: all 0.2s linear 0s;
}
#top-mega-nav nav .le-dropdown #menu-vertical-menu .dropdown li a {
line-height: 17px;
padding: 12px 17px;
clear: both;
color: #333;
display: block;
font-weight: 400;
}
#top-mega-nav nav .le-dropdown #menu-vertical-menu .dropdown:hover {
display: block;
}
#top-megamenu-nav {
position: relative;
z-index: 1010;
}
#top-megamenu-nav .navbar {
margin: 0;
}
#top-megamenu-nav .navbar-nav > li {
border-right: 1px solid;
}
#top-megamenu-nav .navbar-nav > li > a {
text-transform: capitalize;
font-weight: bold;
padding: 18px 27px;
}
#top-megamenu-nav .navbar-nav > li > a,
#top-megamenu-nav .navbar-nav > li > a:focus {
color: #fff;
}
#top-megamenu-nav .navbar-nav > li .dropdown-toggle:after {
content: none;
}
#top-megamenu-nav .navbar-nav > li .dropdown-toggle:before {
display: none;
left: auto;
right: 45%;
bottom: -22%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 5px;
margin-left: -5px;
}
#top-megamenu-nav .navbar-nav > li .dropdown-menu > li > a {
padding: 8px 16px;
border-bottom: 1px solid #e0e0e0 !important;
}
#top-megamenu-nav .navbar-nav > li .dropdown-menu > li:last-child > a {
border-bottom: none !important;
}
#top-megamenu-nav .navbar-nav .dropdown.open .dropdown-toggle:before {
display: block;
}
#top-megamenu-nav .navbar .mm-title {
font-size: 18px;
line-height: 24px;
margin: 10px 0;
}
#top-mega-nav .mm-title {
font-size: 18px;
line-height: 24px;
margin: 20px 0;
}
.animate-dropdown .open > .dropdown-menu,
.animate-dropdown .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
animation-name: slidenavAnimation;
animation-duration: 200ms;
animation-iteration-count: 1;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
-webkit-animation-name: slidenavAnimation;
-webkit-animation-duration: 200ms;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-out;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: slidenavAnimation;
-moz-animation-duration: 200ms;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: ease-out;
-moz-animation-fill-mode: forwards;
}
#first-languages {
z-index: 1001;
}
@keyframes slidenavAnimation {
from {
margin-top: -30px;
opacity: 0;
}
to {
margin-top: 0;
opacity: 1;
}
}
@-webkit-keyframes slidenavAnimation {
from {
margin-top: -30px;
opacity: 0;
}
to {
margin-top: 0;
opacity: 1;
}
}
/*===================================================================================*/
/* Breadcrumb
/*===================================================================================*/
.breadcrumb-nav-holder {
position: relative;
display: inline-block;
float: left;
margin: 8px 0 10px;
}
#breadcrumb-alt .swiper-container {
height: 15px !important;
}
.swiper-container.swiper-breadcumbs {
min-width: 320px;
}
.swiper-breadcumbs > .swiper-wrapper {
display: flex;
align-items: center;
height: 15px;
}
.swiper-slide.slide-breadcrumbs {
width: auto !important;
height: 15px !important;
}
.breadcrumb-text-blur {
position: absolute;
top: 0;
z-index: 12;
display: block;
min-width: 50px;
height: 15px;
}
.breadcrumb-text-blur.--left {
left: 0;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
.breadcrumb-text-blur.--right {
right: 0;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
.breadcrumb-item {
font-size: 11px;
}
.breadcrumb-item > a,
.breadcrumb-item > .noclick > a {
color: #3d3d3d;
}
.breadcrumb-item > .home > span::before {
display: none;
}
.breadcrumb-item > a > span::before,
.breadcrumb-item > .noclick::before,
.breadcrumb-item > .noclick > span::before {
padding: 0 10px;
color: #717070;
font-size: 9px;
font-family: FontAwesome;
content: "\f054";
}
@media (max-width: 380px) {
.breadcrumb-item > a > span::before,
.breadcrumb-item > .noclick::before,
.breadcrumb-item > .noclick > span::before {
padding: 0 5px !important;
}
}
.navigation_end {
display: none;
}
/*===================================================================================*/
/* Sections : Blocks that appear within pages
/*===================================================================================*/
#bestsellers {
padding: 24px 0 63px 0;
}
#bestsellers .size-medium {
max-width: 238px;
}
#bestsellers .product-grid-holder > .col-sm-7 {
width: 60%;
}
#bestsellers .product-grid-holder > .col-sm-5 {
width: 40%;
}
#bestsellers .single-product-gallery {
border-left-width: 0;
}
#recently-reviewd {
padding: 69px 0 10px 0;
}
#top-brands {
padding: 0px 0 84px 0;
}
#recommended-products {
margin: 7px 0 -72px 0;
}
#recommended-products .title-nav {
margin: 0 0 21px 0 !important;
}
#recommended-products .size-medium {
min-height: 311px;
}
#recommended-products .size-medium .image {
padding: 0px 0px 25px 0;
}
#recommended-products .size-medium .ribbon {
top: 0;
}
#recommended-products .size-medium .body {
min-height: 80px;
}
#grid-page-banner {
margin: 18px 0 24px 0;
}
/*===================================================================================*/
/* Input Controls, Accordion Boxes, Price Slider, Buttons and Star Rating
/*===================================================================================*/
.radio-label {
display: inline-block;
font-size: 14px;
font-weight: 600;
}
.radio-label.bold {
font-weight: 700;
}
.radio-label p {
font-weight: 500;
font-size: 13px;
}
.le-radio {
opacity: 0;
margin: 0 !important;
vertical-align: middle;
z-index: 100;
position: absolute;
width: 30%;
}
td .le-radio {
height: 80px;
}
.le-radio + .fake-box {
border-radius: 2px;
position: relative;
display: inline-block;
width: 17px;
height: 17px;
margin: 0px 6px 0 0;
/*vertical-align: top;*/
border: 1px solid #868585;
background-color: #fff;
}
.le-radio:hover,
.le-radio:focus {
cursor: pointer;
}
/*.le-radio:hover + .fake-box:after,*/
/*.le-radio:focus + .fake-box:after {*/
/*display: inline-block;*/
/*width: 10px;*/
/*height: 10px;*/
/*content: "";*/
/*font-family: FontAwesome;*/
/*!*content: "\f00c";*!*/
/*font-size: 14px;*/
/*color:#99cc00;*/
/*line-height: 11px;*/
/*position: absolute;*/
/*left: -5px;*/
/*right: 0;*/
/*top: 0;*/
/*bottom: 0;*/
/*margin: auto;*/
/*}*/
.le-radio:checked + .fake-box {
border: 1px solid #99cc00;
background-color: #99cc00;
}
.le-radio:checked + .fake-box:after {
display: inline-block;
width: 10px;
height: 10px;
position: absolute;
left: -6px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
font-family: FontAwesome;
content: "\f00c";
font-size: 14px;
color: #fff;
line-height: 11px;
}
.le-checkbox {
margin: 7px 0 0 0 !important;
vertical-align: middle;
opacity: 0;
position: absolute;
width: 100%;
height: 15px;
z-index: 20;
}
.le-checkbox + .fake-box {
border-radius: 2px;
position: relative;
display: inline-block;
width: 17px;
height: 17px;
margin: 0px 6px 0 0;
/*vertical-align: top;*/
border: 1px solid #c6c6c6;
background-color: #fff;
}
@media (max-width: 992px) {
.le-checkbox + .fake-box {
width: 20px;
height: 20px;
margin: 3px 6px 0 0;
}
}
.le-checkbox:hover,
.le-checkbox:focus {
cursor: pointer;
}
.le-checkbox:hover + .fake-box:after,
.le-checkbox:focus + .fake-box:after {
display: inline-block;
width: 10px;
height: 10px;
content: "";
font-family: FontAwesome;
font-size: 14px;
color: #99cc00;
line-height: 11px;
position: absolute;
left: -5px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.le-checkbox:checked + .fake-box {
border: 1px solid #99cc00;
background-color: #ffffff;
}
.le-checkbox:checked + .fake-box:after {
display: inline-block;
width: 10px;
height: 10px;
position: absolute;
left: -3px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
font-family: FontAwesome;
content: "\f00c";
font-size: 14px;
color: #99cc00;
line-height: 11px;
}
.le-select {
background-color: #fff;
border: 1px solid #ececec;
padding: 5px 16px 7px 5px;
color: #3d3d3d;
width: 100%;
font-size: 13px;
width: auto;
position: relative;
display: inline-block;
vertical-align: top;
}
.le-select .le-select-in {
width: auto;
display: inline-block;
vertical-align: top;
}
.le-select select {
position: absolute;
width: 100% !important;
bottom: 0;
height: 32px !important;
left: 0px;
}
.le-select:after {
content: "\f107";
font-family: fontawesome;
color: #3d3d3d;
font-size: 15px;
height: 13px;
position: absolute;
right: 6px;
top: 21%;
}
.le-links {
list-style: none;
}
.le-links li {
line-height: 27px;
}
.le-links li a {
font-size: 14px;
text-transform: capitalize;
}
.le-links li a:hover:before {
margin: 0 8px 0 0;
}
.le-links li a,
.le-links li a:before {
color: #3d3d3d;
}
.le-links li a:before {
font-size: 14px;
line-height: 15px;
margin: 0 5px 0 0;
content: "\f105";
font-family: fontawesome;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.accordion-widget {
margin: 0 0 38px 0;
}
.accordion-widget .accordion {
margin: 20px 0 0 0;
text-transform: capitalize;
}
.accordion-widget .accordion .accordion-inner {
margin: 14px 0 20px 0;
list-style: none;
}
.accordion-widget .accordion .accordion-inner li {
line-height: 27px;
}
.accordion-widget .accordion .accordion-inner li a {
font-size: 14px;
text-transform: capitalize;
}
.accordion-widget .accordion .accordion-inner li a:hover:before {
margin: 0 8px 0 0;
}
.accordion-widget .accordion .accordion-inner li a,
.accordion-widget .accordion .accordion-inner li a:before {
color: #3d3d3d;
}
.accordion-widget .accordion .accordion-inner li a:before {
font-size: 14px;
line-height: 15px;
margin: 0 5px 0 0;
content: "\f105";
font-family: fontawesome;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.accordion-widget .accordion .accordion-inner .accordion-body ul {
padding: 0 0 0 20px;
}
.accordion-widget .accordion .accordion-toggle {
font-size: 14px;
line-height: 26px;
display: block;
font-weight: 600;
}
.accordion-widget .accordion .accordion-toggle:after {
float: right;
content: "\f068";
font-family: fontawesome;
}
.accordion-widget .accordion .accordion-toggle.collapsed {
color: #636363;
}
.accordion-widget .accordion .accordion-toggle.collapsed:after {
color: #636363;
content: "\f067";
}
.accordion-widget .accordion a {
color: #636363;
}
.slider {
display: inline-block;
vertical-align: middle;
position: relative;
}
.slider.slider-horizontal {
width: 100% !important;
height: 20px;
}
.slider.slider-horizontal .slider-track {
height: 6px;
width: 100%;
margin-top: -5px;
top: 50%;
left: 0;
}
.slider.slider-horizontal .slider-selection {
height: 100%;
top: 0;
bottom: 0;
}
.slider.slider-horizontal .slider-handle {
margin-top: -5px;
}
.slider input {
display: none;
}
.slider .tooltip-inner {
white-space: nowrap;
}
.slider-track {
position: absolute;
cursor: pointer;
background-color: #939393;
width: 94% !important;
margin: 0 auto;
background-repeat: repeat-x;
}
.slider-selection {
position: absolute;
background-repeat: repeat-x;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.slider-handle {
position: absolute;
width: 20px;
height: 20px;
border-radius: 400px;
background-color: #fff;
top: -3px;
background-repeat: repeat-x;
margin-left: -3px !important;
opacity: 1;
border: 5px solid;
}
.star-holder .star {
display: inline;
}
.star-holder span {
font-size: 13px !important;
}
.le-button {
border-radius: 8px;
font-weight: bold;
padding: 10px 20px;
display: inline-block;
line-height: 20px;
border: none;
font-size: 15px;
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.le-button.huge {
padding: 18px 52px;
}
.le-button:hover {
color: #fff;
}
.disabled {
position: relative;
z-index: 10;
color: #fff !important;
background-color: #c6c6c6 !important;
border: none !important;
cursor: not-allowed;
}
.le-button.inverse {
background-color: #e0e0e0;
color: #3d3d3d;
font-weight: 100;
}
.le-button.inverse:hover {
background-color: #ececec;
color: #3d3d3d;
}
.le-button.big {
padding: 15px 34px;
}
.btn-add-to-compare {
color: #3d3d3d;
font-size: 12px;
line-height: 24px;
display: inline-block;
vertical-align: top;
text-transform: capitalize;
}
.btn-add-to-compare:before {
margin: 0 5px 0 0;
font-size: 12px;
color: #c6c6c6;
line-height: 24px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-family: fontawesome;
}
.btn-add-to-compare:before {
content: "\f0ec";
}
.btn-add-to-wishlist {
color: #3d3d3d;
font-size: 12px;
line-height: 24px;
display: inline-block;
vertical-align: top;
text-transform: capitalize;
}
.btn-add-to-wishlist:before {
margin: 0 5px 0 0;
font-size: 12px;
line-height: 24px;
color: #c6c6c6;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-family: fontawesome;
}
.product-item-holder .category-add-to-cart-btn {
background: #ff8104;
}
.product-item-holder .category-add-to-cart-btn:hover {
background: #ff8104;
}
.btn-add-to-wishlist:before {
content: "\f004";
}
.dropdown .dropdown-toggle {
/*padding: 0 14px 0 5px;*/
}
.dropdown .dropdown-toggle:after {
content: "\f107";
font-family: fontawesome;
color: #e0e0e0;
display: inline-block;
font-size: 15px;
line-height: 15px;
vertical-align: sub;
margin: 0 0 0 3px;
}
.dropdown .dropdown-menu {
border-radius: 0;
top: 101% !important;
padding: 0px;
}
.le-dropdown {
position: relative;
border-radius: 5px;
font-weight: 800;
display: inline-block;
vertical-align: top;
}
.le-dropdown i {
margin: 0 6px 0 0;
}
.le-dropdown .dropdown-toggle {
padding: 19px 17px;
display: inline-block;
}
.le-dropdown .dropdown-toggle:after {
font-size: 24px;
margin: 0 0 0 5px;
color: #fff;
}
.le-dropdown.open {
border-radius: 5px 5px 0 0 !important;
}
.le-dropdown .dropdown-menu {
top: 96% !important;
right: 0 !important;
left: 0 !important;
border: 1px solid #e0e0e0;
border-radius: 0 0 5px 5px !important;
}
.le-dropdown .dropdown-menu li:first-child a,
.le-dropdown .dropdown-menu li:last-child a {
padding: 12px 15px;
}
.le-dropdown .dropdown-menu li:last-child,
.le-dropdown .dropdown-menu li:last-child a {
border-radius: 0 0 5px 5px;
}
.le-dropdown .dropdown-menu li a {
font-weight: 600;
display: block;
padding: 11px 15px;
margin: 0 !important;
}
.le-dropdown .dropdown-menu li:nth-child(2n+1) {
background-color: #f9f9f9;
}
.le-dropdown .dropdown-menu li:nth-child(2n) {
background-color: #fff;
}
.le-dropdown .dropdown-menu:before {
display: none;
}
.le-dropdown .dropdown-toggle {
text-transform: capitalize;
}
.le-dropdown .dropdown-toggle,
.le-dropdown .dropdown-toggle i {
color: #fff;
}
/*===================================================================================*/
/* Carousel
/*===================================================================================*/
.carousel-holder.hover {
position: relative;
}
.carousel-holder.hover.small .size-small {
max-width: 134.7pt !important;
}
.carousel-holder.hover.small .size-small:hover .hover-area {
bottom: 6px;
}
.carousel-holder .title-nav {
margin: 0 0 32px 0;
position: relative;
}
.carousel-holder .title-nav h1,
.carousel-holder .title-nav h2 {
font-weight: normal !important;
background-color: #fff;
color: #3d3d3d;
letter-spacing: -1px;
padding: 0 23px 0 0;
display: inline-block;
vertical-align: top;
text-transform: capitalize;
}
.carousel-holder .title-nav h1 {
font-size: 33px;
line-height: 40px;
}
.carousel-holder .title-nav h2 {
font-size: 28px;
line-height: 35px;
}
.carousel-holder .title-nav .nav-holder {
float: right;
display: inline-block;
}
.carousel-holder .title-nav .nav-holder a {
font-size: 29px;
line-height: 40px;
color: #d3d3d3 !important;
margin: 0 3px;
}
.carousel-holder .title-nav .nav-holder:after {
z-index: -1;
top: 50%;
position: absolute;
left: 0;
content: "";
height: 1px;
width: 90%;
right: 0;
margin: 0 auto;
background-color: #e0e0e0;
}
.carousel-holder .title-nav .nav-holder a {
color: #e0e0e0;
}
.brands-carousel .carousel-item {
width: 168px;
text-align: center;
margin: 0 27px 0 0;
}
.brands-carousel .carousel-item a {
padding: 30px 11px;
margin: 2px 0 0 0;
display: block;
border: 1px solid #e0e0e0;
}
.brands-carousel .carousel-item a img {
vertical-align: middle;
display: inline-block;
}
/*===================================================================================*/
/* OWL CAROUSEL
/*===================================================================================*/
.owl-carousel {
text-align: center;
cursor: default;
}
.owl-controls {
display: inline-block;
position: relative;
margin-top: 40px;
}
.panel-group .panel .owl-controls {
margin-top: 25px;
}
.panel-group.blank .panel .owl-controls {
margin-top: 40px;
}
.owl-pagination {
position: relative;
line-height: 30px;
}
.owl-buttons {
display: none;
}
.owl-prev,
.owl-next {
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
width: 30px;
height: 30px;
font-size: 21px;
color: #FFF;
background-color: #d3d3d3;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: auto;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
opacity: 0;
}
.owl-prev {
left: -35px;
}
.owl-next {
right: -35px;
}
.owl-carousel:hover .owl-prev {
left: -40px;
opacity: .25;
}
.owl-carousel:hover .owl-next {
right: -40px;
opacity: .25;
}
.owl-carousel:hover .owl-prev:hover,
.owl-carousel:hover .owl-next:hover {
opacity: 1;
}
.owl-outer-nav:after {
content: "";
position: absolute;
top: 0;
left: -15%;
width: 130%;
height: 100%;
z-index: 0;
}
.owl-outer-nav .owl-stage-outer,
.owl-outer-nav .owl-pagination,
.owl-outer-nav .owl-prev,
.owl-outer-nav .owl-next {
z-index: 1;
}
.owl-outer-nav .owl-controls {
position: static;
}
.owl-outer-nav .owl-prev {
left: -65px;
}
.owl-outer-nav .owl-next {
right: -65px;
}
.owl-outer-nav:hover .owl-prev {
left: -80px;
}
.owl-outer-nav:hover .owl-next {
right: -80px;
}
.owl-ui-md .owl-pagination {
line-height: 45px;
}
.owl-ui-md .owl-prev,
.owl-ui-md .owl-next {
width: 45px;
height: 45px;
font-size: 45px;
}
.owl-ui-md .owl-prev {
left: -55px;
}
.owl-ui-md .owl-next {
right: -55px;
}
.owl-ui-md:hover .owl-prev {
left: -60px;
}
.owl-ui-md:hover .owl-next {
right: -60px;
}
.owl-outer-nav.owl-ui-md:after {
left: -18%;
width: 136%;
}
.owl-outer-nav.owl-ui-md .owl-prev {
left: -85px;
}
.owl-outer-nav.owl-ui-md .owl-next {
right: -85px;
}
.owl-outer-nav.owl-ui-md:hover .owl-prev {
left: -100px;
}
.owl-outer-nav.owl-ui-md:hover .owl-next {
right: -100px;
}
.owl-ui-lg .owl-pagination {
line-height: 60px;
}
.owl-ui-lg .owl-prev,
.owl-ui-lg .owl-next {
width: 60px;
height: 60px;
font-size: 42px;
}
.owl-ui-lg .owl-prev {
left: -75px;
}
.owl-ui-lg .owl-next {
right: -75px;
}
.owl-ui-lg:hover .owl-prev {
left: -80px;
}
.owl-ui-lg:hover .owl-next {
right: -80px;
}
.owl-outer-nav.owl-ui-lg:after {
left: -22%;
width: 144%;
}
.owl-outer-nav.owl-ui-lg .owl-prev {
left: -105px;
}
.owl-outer-nav.owl-ui-lg .owl-next {
right: -105px;
}
.owl-outer-nav.owl-ui-lg:hover .owl-prev {
left: -120px;
}
.owl-outer-nav.owl-ui-lg:hover .owl-next {
right: -120px;
}
.owl-inner-nav .owl-controls {
position: static;
}
.owl-inner-nav .owl-prev {
left: 45px;
}
.owl-inner-nav .owl-next {
right: 45px;
}
.owl-inner-nav:hover .owl-prev {
left: 30px;
}
.owl-inner-nav:hover .owl-next {
right: 30px;
}
.owl-outer-nav .owl-prev,
.owl-outer-nav .owl-next,
.owl-inner-nav .owl-prev,
.owl-inner-nav .owl-next {
bottom: 70px;
}
.owl-outer-nav.owl-ui-md .owl-prev,
.owl-outer-nav.owl-ui-md .owl-next,
.owl-inner-nav.owl-ui-md .owl-prev,
.owl-inner-nav.owl-ui-md .owl-next {
bottom: 85px;
}
.owl-outer-nav.owl-ui-lg .owl-prev,
.owl-outer-nav.owl-ui-lg .owl-next,
.owl-inner-nav.owl-ui-lg .owl-prev,
.owl-inner-nav.owl-ui-lg .owl-next {
bottom: 100px;
}
.owl-inner-pagination .owl-pagination,
.owl-inner-pagination .owl-prev,
.owl-inner-pagination .owl-next {
margin-top: -40px;
top: -60px;
}
.owl-inner-pagination.owl-ui-md .owl-pagination,
.owl-inner-pagination.owl-ui-md .owl-prev,
.owl-inner-pagination.owl-ui-md .owl-next {
margin-top: -50px;
top: -65px;
}
.owl-inner-pagination.owl-ui-lg .owl-pagination,
.owl-inner-pagination.owl-ui-lg .owl-prev,
.owl-inner-pagination.owl-ui-lg .owl-next {
margin-top: -60px;
top: -75px;
}
.owl-inner-pagination.owl-outer-nav .owl-prev,
.owl-inner-pagination.owl-outer-nav .owl-next,
.owl-inner-pagination.owl-inner-nav .owl-prev,
.owl-inner-pagination.owl-inner-nav .owl-next {
margin: auto;
top: 0;
bottom: 43px;
}
.owl-inner-pagination .owl-pagination {
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
opacity: 0;
}
.owl-inner-pagination:hover .owl-pagination {
opacity: 1;
}
.owl-inner-pagination.owl-inner-nav .owl-pagination,
.owl-inner-pagination.owl-outer-nav .owl-pagination {
top: -45px;
}
.owl-inner-pagination.owl-inner-nav.owl-ui-md .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-md .owl-pagination {
top: -50px;
}
.owl-inner-pagination.owl-inner-nav.owl-ui-lg .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-lg .owl-pagination {
top: -60px;
}
.owl-inner-pagination.owl-inner-nav:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav:hover .owl-pagination {
top: -60px;
}
.owl-inner-pagination.owl-inner-nav.owl-ui-md:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-md:hover .owl-pagination {
top: -65px;
}
.owl-inner-pagination.owl-inner-nav.owl-ui-lg:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-lg:hover .owl-pagination {
top: -75px;
}
#owl-main .item {
height: 75vh;
background-color: #FFF;
background-position: center 55%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#owl-main.height-md .item {
height: 61vh;
}
#owl-main.height-lg .item {
height: 90vh;
}
#owl-main .container {
display: table;
height: inherit;
}
#owl-main .caption {
display: table-cell;
}
#owl-main .caption.vertical-center {
vertical-align: middle;
padding-bottom: 3vh;
}
#owl-main .caption.vertical-top {
vertical-align: top;
padding-top: 8vh;
}
#owl-main .caption.vertical-bottom {
vertical-align: bottom;
padding-bottom: 14vh;
}
#owl-main .caption.text-center {
padding-left: 10%;
padding-right: 10%;
}
#owl-main .caption.text-left {
padding-right: 20%;
}
#owl-main .caption.text-right {
padding-left: 20%;
}
#owl-main .owl-controls {
display: block;
position: static;
margin-top: -47px;
}
#owl-main .owl-pagination {
background: #FFF;
line-height: inherit;
position: relative;
bottom: -40px;
padding: 10px;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: auto;
opacity: 0;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
#owl-main:hover .owl-pagination {
bottom: -25px;
opacity: 1;
}
#owl-main .owl-prev,
#owl-main .owl-next {
bottom: 0;
}
.owl-controls .owl-page {
display: inline-block;
}
.owl-pagination .owl-page span {
display: block;
width: 15px;
height: 15px;
background: #d3d3d3;
border: none;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0 5px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.owl-item-gap .item {
margin: 0 15px;
}
.owl-item-gap-sm .item {
margin: 0 10px;
}
.owl-item.loading {
min-height: inherit;
background: none;
}
#owl-recently-viewed .owl-stage-outer,
#owl-recently-viewed-2 .owl-stage-outer {
/*width: 100.1%;*/
padding-bottom: 30px;
}
#owl-recently-viewed .owl-stage-outer .owl-item:hover .product-item-holder,
#owl-recently-viewed-2 .owl-stage-outer .owl-item:hover .product-item-holder {
border-right-width: 1px;
}
#owl-recently-viewed .owl-stage-outer .owl-item .product-item-holder,
#owl-recently-viewed-2 .owl-stage-outer .owl-item .product-item-holder {
border-right-width: 0;
}
#owl-recently-viewed .owl-stage-outer .owl-item .product-item-holder .wish-compare a,
#owl-recently-viewed-2 .owl-stage-outer .owl-item .product-item-holder .wish-compare a {
margin: 0 7px;
}
#owl-recently-viewed .owl-stage-outer .owl-item:last-child .product-item-holder,
#owl-recently-viewed-2 .owl-stage-outer .owl-item:last-child .product-item-holder {
border-right-width: 1px;
}
#owl-recommended-products .owl-stage-outer {
/* width: 100.1%;*/
padding-bottom: 70px;
}
#owl-recommended-products .owl-stage-outer .owl-item:hover .product-item-holder {
border-right-width: 1px;
}
#owl-recommended-products .owl-stage-outer .owl-item .product-item-holder {
border-right-width: 0;
}
#owl-recommended-products .owl-stage-outer .owl-item .product-item-holder .wish-compare a {
margin: 0 7px;
}
#owl-recommended-products .owl-stage-outer .owl-item:last-child .product-item-holder {
border-right-width: 1px;
}
/*===================================================================================*/
/* Product Item, Product List, Product Grid
/*===================================================================================*/
#product_list .product-item .row {
height: 100%;
margin: 0;
padding: 25px;
}
.product-item-holder.hover {
position: relative;
}
.product-item-holder.hover.size-small .product-item .add-cart-button {
margin-bottom: 10px;
}
.product-item-holder.hover.size-small .product-item .add-cart-button a {
padding: 5px 10px !important;
font-size: 12px !important;
}
.product-item-holder.hover.size-small .product-item .add-cart-button a:before {
font-size: 12px !important;
}
.product-item-holder.hover.size-small .product-item .hover-area {
bottom: 9px;
}
.product-item-holder.hover.size-small .product-item .hover-area .wish-compare a {
margin: 0 8px;
font-size: 11px !important;
}
.product-item-holder.hover.size-small .product-item .hover-area .wish-compare a:before {
font-size: 12px !important;
margin-right: 3px;
}
.product-item-holder.hover.size-medium .product-item .wish-compare a {
margin: 0 5px !important;
}
.product-item-holder.hover.size-medium .product-item .add-cart-button {
margin-bottom: 10px;
}
.product-item-holder.hover.size-medium .product-item .add-cart-button a {
padding: 5px 10px !important;
font-size: 12px;
}
.product-item-holder.hover.size-medium .product-item .hover-area {
bottom: 7px;
}
.product-item-holder.hover .product-item .hover-area {
text-align: center;
width: 100%;
display: none;
}
.product-item-holder.hover .product-item .hover-area .wish-compare a {
margin: 0 10px;
}
.product-item-holder.hover .product-item .hover-area .wish-compare div {
display: inline-block;
}
.product-item-holder.hover .product-item .hover-area .add-cart-button {
position: relative;
margin-top: 16px;
}
.product-item-holder.hover .product-item .hover-area .add-cart-button a {
z-index: 10;
position: relative;
margin-top: 5px;
}
.product-item-holder.hover .product-item .hover-area .add-cart-button:before {
z-index: 0;
width: 100%;
height: 1px;
background-color: #e0e0e0;
content: "";
position: absolute;
top: 50%;
left: 0;
}
.fake-google {
margin-top: 10px;
}
.g-margin {
margin-top: 5px;
}
.g-margin-real {
margin-top: -5px;
}
#category #product_list .large .product-item {
padding: 24px 0;
}
#category #product_list .large .product-item .image {
padding-left: 35px;
padding-right: 35px;
}
#category #product_list .large .product-item .body, #category #product_list .large .product-item .prices {
padding-left: 18px;
padding-right: 18px;
}
#category #product_list .large .product-item .body {
height: 85px;
}
#category #product_list .large .product-item .body .title a {
font-size: 15px;
line-height: 19px;
}
#category #product_list .large .product-item .body .brand {
font-size: 10px;
}
#category #product_list .large .product-item .price-current {
font-size: 21px;
padding: 15px 0;
}
#category #product_list .large .product-item .hover-area .le-button {
font-size: 15px;
padding: 10px 20px;
}
#category #product_list .large .product-item .hover-area .wish-compare {
display: none;
}
#category .col-md-12 #product_list .large {
height: 380px;
}
.product-item-holder.hover .product-item .hover-area .wish-compare {
padding: 10px 0 15px;
}
.product-item-holder.hover:hover .product-item,
.product-item-holder.hover.test .product-item {
width: 100%;
position: absolute;
padding-bottom: 2%;
box-shadow: 0px 0px 5px 0px #c6c6c6;
z-index: 81;
background-color: #fff;
}
.product-item-holder.hover:hover .hover-area,
.product-item-holder.hover.test .hover-area {
display: block;
}
.product-grid-holder .row:nth-child(n+2) .product-item-holder {
border-top: 0;
}
.product-grid-holder .product-item-holder {
background-color: #fff;
min-height: 401px;
border: 1px solid #ececec;
border-right: 0;
position: relative;
}
.product-grid-holder .product-item-holder:last-child {
border-right: 1px solid #ececec;
}
.product-grid-holder .product-item-holder .image {
padding: 29px 0px 0 0;
}
.product-grid-holder .product-item-holder .prices {
margin: 0 34px;
padding: 9px 0;
}
.clearBoth {
clear: both;
}
.productItem {
display: flex;
}
.productItem__img {
width: calc(100% * 1/3);
position: relative;
}
.productItem__text {
width: calc(100% * 2/3);
}
@media (min-width: 992px) {
.productItem {
flex-direction: column;
}
.productItem__img {
width: 100%;
position: relative;
}
.productItem__text {
width: 100%;
}
}
.product-grid-holder .product-item-holder .body {
margin: 0 34px;
min-height: 107px;
border-bottom: 1px solid #ececec;
}
.product-grid-holder .product-item-holder.size-big .body {
min-height: 133px;
}
.product-grid-holder .product-item-holder.size-big .body .title {
min-height: 36px;
line-height: 26px;
font-size: 20px;
margin: 10px 0 0 0;
}
.product-grid-holder .product-item-holder.size-big .prices {
padding: 11px 0 18px 0;
}
.product-grid-holder .product-item-holder.size-big .prices .le-button {
margin-left: 10px;
}
.product-grid-holder .product-item-holder.size-big .price-current {
font-size: 26px !important;
line-height: 55px;
}
.product-grid-holder .product-item-holder.size-medium {
max-width: 224.8px;
min-height: 323px;
}
.product-grid-holder .product-item-holder.size-medium .image {
padding: 16px 0px 0 0;
}
.product-grid-holder .product-item-holder.size-medium .body {
margin: 0 20px;
}
.product-grid-holder .product-item-holder.size-medium .body .title {
min-height: 36px;
line-height: 19px;
}
.product-grid-holder .product-item-holder.size-small {
min-height: 270px;
max-width: 146.2pt !important;
}
.product-grid-holder .product-item-holder.size-small .ribbon {
top: 0;
}
.product-grid-holder .product-item-holder.size-small .image {
padding: 0;
}
.product-grid-holder .product-item-holder.size-small .body {
margin: 0 15px;
min-height: 71px;
}
.product-grid-holder .product-item-holder.size-small .body .title {
margin: 9px 0 0 0;
line-height: 16px;
}
.product-grid-holder .product-item-holder.size-small .body .brand {
line-height: 22px;
}
.product-grid-holder .product-item-holder.size-small .prices {
margin: 0 15px;
padding: 8px 0;
}
#list .product-item .label-discount {
position: absolute;
top: -15px;
}
#product_list .small {
height: 307px;
}
#product_list .small .label-discount {
position: absolute;
top: 205px;
}
#product_list .small .product-item {
padding: 15px 0;
}
#product_list .small .product-item .image, #product_list .small .product-item .body, #product_list .small .product-item .prices {
padding-left: 15px;
padding-right: 15px;
}
#product_list .small .product-item .body {
margin-top: 20px;
}
#product_list .small .product-item .body .title {
font-size: 15px;
}
#product_list .small .product-item .body .title a {
font-size: 85%;
}
#product_list .small .product-item .price-current {
font-size: 14px;
}
#product_list .small .product-item .price-prev {
font-size: 12px;
}
#product_list .small .product-item .hover-area .le-button {
padding: 5px 10px;
font-size: 12px;
}
#product_list .small .product-item .hover-area .wish-compare {
padding: 5px 0 10px;
}
#product_list .small .product-item .hover-area .add-cart-button {
margin-top: -2px;
}
#product_list .small .product-item .hover-area .wish-compare .btn-add-to-wishlist,
#product_list .small .product-item .hover-area .wish-compare .btn-add-to-wishlist:before {
font-size: 10px;
}
#product_list .small .product-item .hover-area .wish-compare .btn-add-to-compare,
#product_list .small .product-item .hover-area .wish-compare .btn-add-to-compare:before {
font-size: 10px;
}
.col-md-12 #product_list .small {
height: 291px;
}
.col-md-12 #product_list .small .product-item .body .title {
font-size: 15px;
}
.col-md-12 #product_list .small .product-item .hover-area .wish-compare a {
margin: 0 5px;
}
#product_list .large {
height: 579px;
}
#product_list .large .product-item {
padding: 35px 0;
}
#product_list .large .product-item .image, #product_list .large .product-item .body, #product_list .large .product-item .prices {
padding-left: 35px;
padding-right: 35px;
}
#product_list .large .product-item .body {
height: 120px;
}
#product_list .large .product-item .body .title a {
font-size: 20px;
line-height: 26px;
}
#product_list .large .product-item .body .brand {
font-size: 14px;
}
#product_list .large .product-item .price-current {
font-size: 26px;
padding: 15px 0;
}
#product_list .large .product-item .price-prev {
font-size: 21px;
padding: 15px 0;
}
#product_list .large .product-item .hover-area .le-button {
font-size: 20px;
padding: 18px 52px;
}
#product_list .large .product-item .hover-area .wish-compare {
padding: 15px 0 25px;
}
#product_list .large .product-item .hover-area .add-cart-button {
margin-top: 8px;
}
#product_list .large .product-item .hover-area .wish-compare .btn-add-to-wishlist,
#product_list .large .product-item .hover-area .wish-compare .btn-add-to-wishlist:before {
font-size: 16px;
}
#product_list .large .product-item .hover-area .wish-compare .btn-add-to-compare,
#product_list .large .product-item .hover-area .wish-compare .btn-add-to-compare:before {
font-size: 16px;
}
#product_list .large .label-discount {
position: absolute;
top: 275px;
}
.col-md-12 #product_list .large {
height: 546px;
}
.col-md-12 #product_list .large .product-item .hover-area .add-cart-button {
margin-top: 7px;
}
.product-item-holder {
position: relative;
min-height: 200px;
margin-bottom: 20px;
background-color: #fff;
border-radius: 10px;
}
.product-item-holder .ribbon {
position: absolute;
}
.product-item-holder .image {
text-align: center;
padding-left: 34.05px;
padding-right: 34.05px;
}
.product-item-holder .prices {
border-top: 1px solid #ececec;
padding-left: 34.05px;
padding-right: 20.05px;
}
.product-item .checked:before {
content: "";
}
.product-item .body {
height: 70px;
margin-top: 16px;
padding-left: 18px;
padding-right: 18px;
}
.product-item-holder .price-prev {
float: left;
font-size: 14px;
color: #d3d3d3;
font-weight: 800;
}
.product-item-holder .price-current {
color: #3b3b3b;
font-weight: 100;
font-size: 21px;
}
.product-item-holder .price-prev, .product-item-holder .price-current {
padding: 16px 0;
}
.product-item-holder .price-prev {
display: none;
}
.product-item-holder .body .title {
line-height: 1.5em;
max-height: 4em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.product-item-holder .body .title a {
color: #3b3b3b;
font-weight: 400;
font-size: 18px;
}
.product-item-holder .body .brand {
font-size: 10px;
line-height: 30px;
color: #3d3d3d;
text-transform: uppercase;
}
.product-grid-holder.medium .product-item-holder .prices {
margin: 0 20px;
}
.product_list_home .product-item .label-discount, #product_list_bestsellerhome .product-item .label-discount {
position: absolute;
top: 218px;
}
#productscategory_list .product-item-holder {
height: 406px;
}
#bestsellershome .ribbon {
display: none;
}
#bestsellershome .product-item-holder {
height: 318px;
}
#bestsellershome .product-item {
padding: 15px 0;
}
#bestsellershome .product-item:hover {
padding: 15px 0;
padding-bottom: 2%;
}
#bestsellershome .product-item .body {
margin-top: 20px;
text-align: left;
}
#bestsellershome .product-item .body {
padding-left: 15px;
padding-right: 15px;
}
#bestsellershome .product-item-holder .image {
padding-left: 15px;
padding-right: 15px;
}
#bestsellershome .product-item-holder .price-current {
font-size: 14px;
}
#bestsellershome .product-item .prices .product-price {
font-size: 14px;
}
#bestsellershome .product-item .prices {
margin-left: 15px;
margin-right: 15px;
padding: 9px 0;
text-align: left;
}
#bestsellershome .product-item-holder .price-prev, #bestsellershome .product-item-holder .price-current {
padding: 0px;
}
#bestsellershome .product-item .wish-compare a {
font-size: 10px;
}
#bestsellershome .product-item .add-cart-button a {
font-size: 12px;
padding: 5px 10px;
}
#bestsellershome .product-item .label-discount {
position: absolute;
top: 162px;
}
#bestsellershome .product-item-holder.hover .product-item .hover-area .add-cart-button {
margin-top: 0px;
}
#bestsellershome .product-item-holder.hover .product-item .hover-area .wish-compare {
padding: 5px 0 10px;
}
.single-product-gallery .single-product-gallery-item {
display: inline-block;
}
.single-product-gallery .single-product-gallery-item a {
display: block;
padding: 20px;
}
.single-product-gallery .gallery-thumbs {
position: relative;
margin: 0px 20px 0px 9%;
text-align: left;
}
.single-product-gallery .gallery-thumbs .nav-holder {
position: absolute;
background-color: #fff;
width: 23px;
padding: 3px;
top: 0px;
height: 100%;
z-index: 50;
}
.single-product-gallery .gallery-thumbs .nav-holder.right {
right: 0;
}
.single-product-gallery .gallery-thumbs .nav-holder.left {
left: 0;
}
.single-product-gallery .gallery-thumbs .next-btn,
.single-product-gallery .gallery-thumbs .prev-btn {
background-color: #e0e0e0;
border-radius: 2px;
position: absolute;
z-index: 100;
height: 90%;
width: 90%;
display: inline-block;
vertical-align: top;
}
.single-product-gallery .gallery-thumbs .next-btn:after,
.single-product-gallery .gallery-thumbs .prev-btn:after {
text-align: center;
color: #fff;
font-size: 30px;
line-height: 30px;
height: 30px;
font-family: fontawesome;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.single-product-gallery .gallery-thumbs .next-btn {
right: 0;
}
.single-product-gallery .gallery-thumbs .next-btn:after {
content: "\f105";
}
.single-product-gallery .gallery-thumbs .prev-btn {
left: 0;
}
.single-product-gallery .gallery-thumbs .prev-btn:after {
content: "\f104";
}
.single-product-gallery .gallery-thumbs .item,
.single-product-gallery .gallery-thumbs li {
display: inline-block;
float: left;
}
.single-product-gallery .gallery-thumbs .item a,
.single-product-gallery .gallery-thumbs li a {
display: inline-block;
border: 1px solid #e0e0e0;
min-height: 60px;
}
.grid-list-products {
margin: 0 0 59px 0;
}
.grid-list-products .result-counter {
padding: 30px 0;
font-size: 13px;
line-height: 20px;
text-align: right;
}
.grid-list-products .product-grid-holder {
margin: 36px 0 0 0;
border: 1px solid #ececec;
border-bottom: 0;
border-right: 0;
}
.grid-list-products .product-grid-holder .product-item-holder {
min-height: 410px;
border: 1px solid #ececec;
border-top: 0;
border-left: 0;
}
.grid-list-products .product-grid-holder .product-item-holder .image {
padding: 30px 0px 6px 0;
}
.grid-list-products .product-grid-holder .pagination-holder .pagination {
display: inline-block;
}
.grid-list-products .section-title {
margin: 32px 0 11px;
font-size: 27px;
}
.grid-list-products .control-bar {
background-color: #f9f9f9;
border-radius: 5px;
padding: 13px;
}
.grid-list-products .control-bar #popularity-sort {
width: 190px;
margin: 0 18px 0 0;
}
.grid-list-products .grid-list-buttons {
padding: 7px;
float: right;
display: inline-block;
vertical-align: top;
}
.grid-list-products .grid-list-buttons ul li {
min-width: 49px;
margin: 0 23px 0 0;
display: inline-block;
vertical-align: top;
}
.grid-list-products .grid-list-buttons ul li:last-child {
margin: 0;
}
.grid-list-products .grid-list-buttons ul li.active a {
font-weight: 800;
}
.grid-list-products .grid-list-buttons ul li a {
font-size: 13px;
color: #3d3d3d;
font-weight: 600;
}
.grid-list-products .grid-list-buttons ul li a i {
font-size: 19px;
color: #ccc;
vertical-align: bottom;
}
.products-list {
margin: 36px 0 27px 0;
}
.products-list .product-item {
position: relative;
height: 210px;
overflow: hidden;
border: 1px solid #e2e2e2;
}
.products-list .product-item:hover {
z-index: 1;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.products-list .product-item .body {
display: flex;
flex-direction: column;
height: 100%;
margin: 0;
padding: 0;
}
.products-list .product-item-holder .image {
height: 100%;
padding-left: 0px;
padding-right: 0px;
}
.products-list .product-item:last-child {
border-bottom: 1px solid #e0e0e0;
}
.products-list .product-item .row {
padding: 0;
margin: 0;
}
.products-list .product-item .row .image-holder {
width: 29%;
height: 100%;
padding-right: 19px;
}
.products-list .product-item .row .body-holder {
width: 40%;
height: 100%;
}
.products-list .product-item .row .body-holder .body .title .product-title {
margin-bottom: 5px;
color: #1257ab;
font-size: 15px;
line-height: 25.2px;
}
.products-list .product-item .row .body-holder .body .brand {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 5px;
}
.products-list .product-item .row .body-holder .body .excerpt {
color: #aaa;
font-size: 12px;
line-height: 17px;
}
.products-list .product-item .row .body-holder .body .excerpt .star-holder {
margin: -4px 0 6px 0;
}
.products-list .product-item .row .body-holder .body .excerpt .star-holder img {
width: 16px;
height: 16px;
}
.products-list .product-item .row .price-area {
width: 31%;
height: 100%;
padding-left: 27px;
}
.products-list .product-item .row .price-area .price-current {
display: inline-block;
align-self: flex-end;
font-size: 27px;
line-height: 33px;
text-align: right;
}
.products-list .product-item .row .price-area .price-prev {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 4px;
padding-right: 5px;
padding-top: 18px;
}
.products-list .product-item .row .price-area .le-button {
padding: 13px 28px;
margin: 0 0 18px 0;
text-align: center;
width: 100%;
}
@media (max-width: 767px) {
.products-list .product-item .row .image-holder {
width: 100%;
padding-right: 0px;
}
.products-list .product-item .row .body-holder {
width: 100%;
}
.products-list .product-item .row .price-area {
width: 100%;
}
}
/*===================================================================================*/
/* Home Page
/*===================================================================================*/
#top-banner-and-menu {
margin: 27px 0 0 0;
}
#top-banner-and-menu.homepage2 {
background-color: #f6f6f6;
margin: 0;
}
.homebanner-holder {
padding: 0;
margin: 0;
width: 78.5% !important;
padding-left: 20px;
}
.homebanner-slider {
position: relative;
}
.homebanner-slider:hover .nav-holder {
opacity: 1;
}
.homebanner-slider .nav-holder {
opacity: 0;
width: 100%;
display: block;
z-index: 100;
position: absolute;
top: 40%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.homebanner-slider .nav-holder .btn-prev,
.homebanner-slider .nav-holder .btn-next {
position: absolute;
font-size: 100px;
}
.homebanner-slider .nav-holder .btn-prev:hover,
.homebanner-slider .nav-holder .btn-next:hover {
color: #333;
}
.homebanner-slider .nav-holder .btn-prev {
left: 10px;
}
.homebanner-slider .nav-holder .btn-next {
right: 10px;
}
.homebanner {
display: inline-block;
}
.homebanner a {
display: block;
}
.homebanner a:hover {
opacity: 0.9;
}
#owl-main .caption {
letter-spacing: -3px;
color: #636363;
position: absolute;
z-index: 100;
top: 11%;
left: 5%;
}
#owl-main .caption.right {
left: auto;
right: 2%;
top: 10%;
}
#owl-main .caption .big-text {
text-transform: uppercase;
font-size: 50px;
line-height: 64px;
}
#owl-main .caption .big-text .big {
display: block;
font-size: 90px;
font-weight: 800;
line-height: 70px;
top: -11px;
left: 9px;
position: relative;
}
#owl-main .caption .big-text .big .sign {
font-size: 42px;
vertical-align: super;
}
#owl-main .caption .excerpt {
text-transform: uppercase;
font-size: 28px;
letter-spacing: -1px;
margin-top: 15px;
line-height: 28px;
}
#owl-main .caption .small {
text-transform: capitalize;
margin: 11px 0;
letter-spacing: -1px;
}
#owl-main .caption .button-holder {
margin: 31px 0 0;
}
#owl-main .caption .button-holder a {
letter-spacing: 0px;
}
.banner > a {
display: block;
position: relative;
overflow: hidden;
}
.banner img {
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.banner:hover img {
-webkit-transform: rotate(-1deg) scale(1.1);
-moz-transform: rotate(-1deg) scale(1.1);
-ms-transform: rotate(-1deg) scale(1.1);
-o-transform: rotate(-1deg) scale(1.1);
opacity: 0.9;
}
.banner {
margin-bottom: 5px;
}
.banner .banner-text {
position: absolute;
color: #3d3d3d;
top: 30%;
padding: 0 4%;
z-index: 200;
width: 100%;
}
.banner .banner-text.theblue h1,
.banner .banner-text.theblue .tagline {
color: #4F6276;
}
.banner .banner-text.right {
right: 4%;
left: auto;
}
.banner .banner-text h1 {
font-size: 36px;
font-weight: 800 !important;
text-transform: capitalize;
line-height: 38px;
}
.banner .banner-text .tagline {
text-transform: capitalize;
font-weight: 100;
font-size: 20px;
line-height: 33px;
}
#banner-holder {
margin: 23px 0;
}
#products-tab {
margin: 50px 0 20px 0;
}
#products-tab .image {
min-height: 215px;
}
.nav-tabs {
border: none;
}
.nav-tabs,
.nav-tabs li,
.nav-tabs a,
.nav-tabs ul {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.nav-tabs.simple li a {
border-bottom: 1px solid #e0e0e0;
}
.nav-tabs.simple li.active a {
padding: 16px 53px;
background-color: #fff;
color: #3d3d3d;
border: 1px solid #e0e0e0;
}
.nav-tabs.simple li.active a:hover {
background-color: #e0e0e0;
color: #3d3d3d;
border: 1px solid #d3d3d3;
}
.nav-tabs li {
float: none;
display: inline-block;
vertical-align: bottom;
}
.nav-tabs li a {
border: none;
color: #3d3d3d;
background-color: #f9f9f9;
font-size: 15px;
line-height: 13px;
padding: 18px 39px;
margin: 0 3px;
text-transform: capitalize;
}
.nav-tabs li.active a {
margin-left: 0 !important;
font-size: 19px;
line-height: 30px;
padding: 16px 53px;
font-weight: 600;
text-transform: capitalize;
}
.nav-tabs li.active a,
.nav-tabs li.active a:focus {
color: #fff !important;
border: none !important;
}
.nav-tabs li.active a:hover {
cursor: pointer;
color: #fff;
border: none;
}
.btn-loadmore {
color: #575757;
display: inline-block;
text-align: center;
margin: 21px 0;
text-transform: capitalize;
}
.btn-loadmore:hover i:before {
color: #fff;
}
.btn-loadmore i {
vertical-align: middle;
display: inline-block;
background-color: #f9f9f9;
border-radius: 5px;
width: 22px;
height: 22px;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-loadmore i:before {
color: #575757;
display: inline-block;
width: 10px;
height: 10px;
font-size: 10px;
line-height: 12px;
vertical-align: middle;
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
/*===================================================================================*/
/* Single Product Page
/*===================================================================================*/
#single-product .body-holder .body {
padding: 0 37px;
}
#single-product .body-holder .body .availability {
margin: 0 0 0 21px;
line-height: 20px;
display: inline-block;
vertical-align: top;
}
#single-product .body-holder .body .title a {
letter-spacing: -1px;
color: #3d3d3d;
font-weight: 500;
font-size: 30px;
line-height: 36px;
}
#single-product .body-holder .body .brand {
line-height: 22px;
padding-bottom: 7px;
font-size: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #e0e0e0;
text-transform: uppercase;
}
#single-product .body-holder .stButton .stFb,
#single-product .body-holder .stButton .stTwbutton,
#single-product .body-holder .stButton .stMainServices {
height: 23px;
}
#single-product .body-holder .social-row,
#single-product .body-holder .buttons-holder {
display: inline-block;
vertical-align: top;
}
#single-product .body-holder .buttons-holder {
margin: 0 0 0 10px;
}
#single-product .body-holder .buttons-holder .btn-add-to-wishlist {
margin: 0 20px 0 0;
}
#single-product .body-holder .excerpt {
margin: 22px 0;
}
#single-product .body-holder .excerpt {
color: #747474;
font-size: 16px;
line-height: 28px;
}
#single-product .body-holder .price-current {
font-size: 40px;
font-weight: 700;
color: #28124A;
display: inline-block;
vertical-align: top;
}
#single-product .body-holder .price-prev {
font-size: 20px;
font-weight: 600;
color: #e0e0e0;
text-decoration: line-through;
vertical-align: bottom;
line-height: 40px;
margin: 0 0 0 16px;
display: inline-block;
vertical-align: top;
}
#single-product .body-holder .qnt-holder {
margin: 24px 0;
display: inline-block;
vertical-align: top;
}
#single-product .body-holder #addto-cart {
margin: 0px 0 0 18px;
}
#single-product .single-product-gallery-item {
padding-bottom: 40px;
}
#single-product .product-item-holder {
border: none;
}
#single-product .product-item-holder .owl-stage-outer {
border: 1px solid #e0e0e0;
}
#single-product .gallery-thumbs {
margin: 10px 0 0 0;
}
#single-product .gallery-thumbs .owl-stage-outer {
border: none;
}
#owl-single-product .single-product-gallery-item > a {
display: inline;
}
#owl-single-product-thumbnails .owl-stage-outer {
/*width: 100.1%;*/
}
#owl-single-product-thumbnails .owl-item .horizontal-thumb {
border: 1px solid #e0e0e0;
display: block;
border-right-width: 0;
}
#owl-single-product-thumbnails .owl-item:last-child .horizontal-thumb {
border-right-width: 1px;
}
.single-product-gallery-thumbs .nav-holder {
display: none;
}
.single-product-gallery-thumbs .nav-holder:hover {
opacity: 1;
}
.single-product-gallery-thumbs:hover .nav-holder {
display: block;
opacity: 0.8;
}
.le-quantity {
padding: 12px;
position: relative;
border: 1px solid #e0e0e0;
display: inline-block;
vertical-align: top;
}
.le-quantity .minus,
.le-quantity .plus {
position: absolute;
width: 5px;
height: 100%;
padding: 3px 14px;
background-color: #f9f9f9;
top: 0;
font-family: fontawesome;
}
.le-quantity .minus:hover,
.le-quantity .plus:hover {
background-color: #f6f6f6;
}
.le-quantity .minus,
.le-quantity .plus,
.le-quantity .minus:after,
.le-quantity .plus:after {
color: #3d3d3d;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.le-quantity .minus:after,
.le-quantity .plus:after {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 10px;
height: 10px;
font-size: 10px;
}
.le-quantity .minus {
left: 0;
border-right: 1px solid #e0e0e0;
}
.le-quantity .minus:after {
content: "\f068";
}
.le-quantity .plus {
border-left: 1px solid #e0e0e0;
right: 0;
}
.le-quantity .plus:after {
content: "\f067";
}
.le-quantity input {
border: none;
text-align: center;
width: 80px;
color: #3d3d3d;
font-size: 20px;
background-color: #fff;
}
.meta-row label {
font-weight: 800;
text-transform: capitalize;
}
.meta-row span {
color: #3d3d3d;
font-weight: 500;
text-transform: capitalize;
}
.meta-row span a {
font-weight: 600;
text-transform: capitalize;
}
.meta-row span a:hover {
color: #3d3d3d;
}
#single-product-tab .tab-content {
border: 1px solid #e0e0e0;
}
#single-product-tab .tab-pane {
padding: 0px;
}
#single-product-tab .tab-pane p {
margin-bottom: 24px;
}
#single-product-tab .tab-pane .meta-row {
margin: 47px 0 0 0;
font-size: 14px;
}
#single-product-tab .tab-pane .meta-row .seperator {
margin: 0 20px;
}
#single-product-tab .new-review-form {
margin: 53px 0 0 0;
}
#single-product-tab .new-review-form .field-row {
margin-bottom: 36px;
}
#single-product-tab .new-review-form h2 {
font-size: 22px;
line-height: 36px;
text-transform: capitalize;
}
#single-product-tab .new-review-form form {
margin: 27px 0 0 0;
}
#single-product-tab .new-review-form .star-row {
margin-bottom: 27px !important;
}
#single-product-tab .new-review-form .star-row .star-holder {
padding: 9px 0 0 0;
}
#single-product-tab .new-review-form .buttons-holder {
margin: -16px 0px 0 0px;
text-align: right;
}
#single-product-tab .new-review-form .buttons-holder button {
padding: 14px 31px;
}
.tabled-data.no-border {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 16px;
}
.tabled-data.no-border li {
border: none;
line-height: 16px;
}
.tabled-data.inverse-bold label {
font-weight: normal;
}
.tabled-data.inverse-bold .value {
font-weight: 700;
}
.tabled-data li {
border-bottom: 1px solid #e0e0e0;
color: #3d3d3d;
font-size: 14px;
padding: 7px 0;
}
.tabled-data li:first-child {
padding-top: 0;
}
.tabled-data li:last-child {
border-bottom: 0;
}
.tabled-data li label {
margin: 0;
min-width: 150px;
font-weight: 700;
text-transform: capitalize;
display: inline-block;
vertical-align: top;
}
.tabled-data li .value {
display: inline-block;
vertical-align: top;
text-transform: capitalize;
}
.comment-item {
margin-bottom: 20px;
padding: 10px 30px;
}
.comment-item .comment-body {
position: relative;
padding: 21px;
border-bottom: 1px solid #e0e0e0;
}
.comment-item .comment-body:before {
left: -10px;
border-color: transparent #e0e0e0 transparent transparent;
}
.comment-item .comment-body:after {
left: -8px;
border-color: transparent #fff transparent transparent;
}
.comment-item .comment-body .author {
font-weight: 500;
text-transform: capitalize;
}
.comment-item .comment-body .comment-text {
margin: 16px 0 7px 0 !important;
}
.comment-item .comment-body .date {
font-size: 14px;
line-height: 26px;
}
.sidebar-page #recently-reviewd {
padding-top: 19px !important;
}
.sidebar-page .gallery-holder {
padding: 15px;
width: 50% !important;
}
.sidebar-page .body-holder {
width: 50% !important;
padding: 15px 0;
}
.sidebar-page .body-holder .body {
padding: 0 19px !important;
}
.sidebar-page .body-holder .body .social-row {
margin-bottom: 13px;
}
.sidebar-page .body-holder .body .buttons-holder {
margin: 0 0 0 0px !important;
}
.sidebar-page #single-product-tab {
margin-top: 12px;
}
@media (max-width: 768px) {
#single-product .gallery-holder {
padding-left: 0;
}
}
/*===================================================================================*/
/* Shopping Cart Page
/*===================================================================================*/
/*
ul.step{
margin-bottom: 30px;
overflow: hidden;
}
ul.step li.step_current{
background: #99cc00;
border-color: #99cc00;
font-weight: bold;
}
ul.step li{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #99cc00;
border-image: none;
/*border-left: 0 solid;*/
/* border-style: solid;
border-width: 1px 1px 1px 0;
float: left;
text-align: left;
width: 20%;
}
ul.step li.step_current span{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #99cc00;
border-image: none;
border-style: solid;
border-width: 1px;
color: white;
position: relative;
}
ul.step li a, ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span{
display: block;
font-size: 17px;
line-height: 21px;
padding: 13px 10px 14px 13px;
position: relative;
}
ul.step li.step_current span{
padding-left: 38px;
color:#fff;
}
ul.step li.step_current span:after{
background: url("../img/order-step-a.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
}
ul.step li.first{
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border-left-width: 1px;
}
ul.step li.first span, ul.step li.first a{
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
ul.step li.first span, ul.step li.first a{
padding-left: 13px !important;
z-index: 5;
}
ul.step li.last{
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
ul.step li.last span{
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
ul.step li.step_todo{
background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
padding-left: 38px;
border: 1px solid white;
color: #333333;
display: block;
position: relative;
}
ul.step li.step_todo span:after{
background: url("../img/order-step-current.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
}
ul.step li a:after, ul.step li span:after, ul.step li.step_current span:after, ul.step li.step_current_end span:after{
content: ".";
display: block;
height: 52px;
margin-top: -2px;
position: absolute;
right: -31px;
text-indent: -5000px;
top: 0;
width: 31px;
z-index: 0;
}
ul.step li.second span, ul.step li.second a{
z-index: 4;
}
ul.step li.third span, ul.step li.third a{
z-index: 3;
}
ul.step li.four span, ul.step li.four a{
z-index: 2;
}
ul.step li.last span{
z-index: 1;
}*/
#cart-page {
margin-bottom: 76px;
}
#cart-page .widget {
margin: 0 0 17px 0 !important;
padding-left: 40px;
}
#cart-page .widget .body {
padding: 7px 0;
}
#cart-page .widget .buttons-holder {
text-align: right;
}
#cart-page .widget .buttons-holder .simple-link {
color: #3d3d3d;
margin: 10px 0;
font-size: 14px;
line-height: 24px;
text-transform: capitalize;
}
#cart-page .widget .tabled-data li label {
min-width: 125px;
}
#cart-page .widget #total-price {
margin: 18px 0 0 0;
padding-bottom: 24px;
border-bottom: 0;
}
#cart-page .widget #total-price .value {
font-weight: bold;
font-size: 25px;
line-height: 25px;
}
#cart-page .items-holder {
margin: 14px 0 0 0;
}
@media (min-width: 768px) {
.items-holder {
padding: 0 30px;
}
}
#cart-page .items-holder .close-btn {
display: inline-block;
position: absolute;
right: 1%;
top: 39%;
}
#cart-page .items-holder .close-btn:after {
color: #3d3d3d;
content: "\f00d";
font-family: fontawesome;
}
#cart-page .items-holder .cart-item {
border-bottom: 1px solid #e0e0e0;
padding: 27px 0 24px;
}
#cart-page .items-holder .cart-item:first-child {
padding-top: 0;
}
#cart-page .items-holder .cart-item:last-child {
border-bottom: 0;
}
#cart-page .items-holder .cart-item .title {
padding: 17px 0 0 0;
}
#cart-page .items-holder .cart-item .title a {
line-height: 15px;
font-size: 16px;
text-transform: capitalize;
font-weight: 700;
color: #0e53a5;
}
#cart-page .items-holder .cart-item .brand {
font-size: 10px;
line-height: 27px;
text-transform: uppercase;
}
#cart-page .items-holder .cart-item .quantity {
margin: 11px 0 0 30px;
}
#cart-page .items-holder .cart-item .price {
font-weight: 700;
font-size: 18px;
padding: 28px 0;
text-align: center;
}
#cart_summary > tbody {
border: 0;
}
#cart_summary > thead > tr > th, #cart_summary > tbody > tr > th, #cart_summary > tfoot > tr > th, #cart_summary > thead > tr > td, #cart_summary > tbody > tr > td, #cart_summary > tfoot > tr > td {
vertical-align: inherit;
padding: 27px 0 24px;
border-top: 0;
}
#cart_summary > thead > tr > th {
border-bottom: 1px solid #e0e0e0;
}
#cart_summary > tbody > tr > td {
border-bottom: 1px solid #e0e0e0;
}
#cart_summary > tbody > tr.last_item > td {
border-bottom: none;
}
thead .cart_product {
text-align: left;
text-transform: uppercase;
padding-left: 8% !important;
font-size: 14px;
font-weight: bold;
color: #747474;
}
.cart_product > a {
margin-right: 10px;
}
.cart_product .product-body .product-name {
margin-bottom: 15px;
}
.cart_product .product-name a {
color: #0e53a5;
font-size: 16px;
font-weight: 700;
line-height: 15px;
text-transform: capitalize;
}
.cart_product .product-details a {
color: #3d3d3d;
font-size: 10px;
}
thead .cart_availability {
text-align: left;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
color: #747474;
}
thead .cart_unit {
text-align: left;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
color: #747474;
}
thead .cart_quantity {
text-align: left;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
color: #747474;
}
thead .cart_total {
text-align: center;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
color: #747474;
}
.cart_total {
font-weight: 700;
padding: 0px;
text-align: center;
}
.cart_unit {
font-weight: 500;
}
.cart_unit span.price {
position: relative;
top: 8px;
padding: 0px;
margin: 0px;
}
.cart_delete a {
color: #81807f;
font-size: 20px;
}
.cart_quantity {
/* width: 140px; */
}
.cart-quantity-input,
.cart-quantity-select {
position: relative;
top: -5px;
padding: 5px 7px;
background: white;
border-color: #ADB1B8 #A2A6AC #8D9096;
border-radius: 4px;
}
.cart-quantity-input {
width: 50px;
padding: 6px 8px;
text-align: right;
}
.cart-quantity_info {
font-size: 12px;
padding-right: 15px;
}
.cart_quantity .btn {
border: 1px solid #e0e0e0;
border-radius: 0;
float: left;
margin-left: 0px;
height: 57px;
background-color: #f9f9f9;
text-align: center;
font-size: 10px;
padding: 19px 9px;
}
.widget_body #total_product1, .widget_body #total_wrapping1, .widget_body #total_shipping1, .widget_body #total_discount1, .widget_body #total_price_without_tax1, .widget_body #total_tax1, .widget_body #order_total {
float: left;
clear: both;
}
.widget_body #total_product1, .widget_body #total_product2, .widget_body #total_product3, .widget_body #total_wrapping1, .widget_body #total_shipping1, .widget_body #total_shipping2, .widget_body #total_shipping3, .widget_body #total_discount1, .widget_body #total_price_without_tax1, .widget_body #total_tax1, .widget_body #order_total {
color: #444;
font-size: 14px;
font-weight: 400;
}
.widget_body #total_product, .widget_body #total_wrapping, .widget_body #total_shipping, .widget_body #total_discount, .widget_body #total_price_without_tax, .widget_body #total_tax {
color: #444;
font-size: 14px;
font-weight: 400;
}
.widget_body #order_total_price_container {
/*border-top: 1px solid #e0e0e0;*/
/*padding: 24px 0;*/
font-size: 25px;
/*font-weight: bold;*/
/*line-height: 25px;*/
/*margin-top: 16px;*/
/*border-bottom: 1px solid #e0e0e0;*/
}
.widget_body #order_total {
/*padding: 24px 0;*/
}
.cupon-widget {
clear: both;
}
.cupon-widget form fieldset h1 {
border-bottom: 1px solid #e0e0e0;
line-height: 50px;
margin: 10px 0;
padding: 10px;
}
.cupon-widget form fieldset input, .cupon-widget form fieldset button {
margin-top: 6px;
}
.cart-empty {
font-size: 3.125em;
font-weight: 400 !important;
letter-spacing: 0;
line-height: 1.4em;
margin-bottom: 5px;
}
/*===================================================================================*/
/* Checkout Page
/*===================================================================================*/
#checkout-page .billing-address .le-checkbox {
display: inline-block;
vertical-align: top;
}
#checkout-page .billing-address .placeholder {
text-transform: capitalize;
}
#checkout-page .billing-address form {
margin: 23px 0 0 0;
}
#checkout-page .billing-address .le-input {
padding: 9px;
}
#checkout-page .billing-address .field-row {
margin-bottom: 25px;
}
#checkout-page #create-account {
font-size: 13px;
line-height: 24px;
}
#checkout-page #shipping-address {
margin: 66px 0 0 0;
}
#checkout-page #shipping-address form {
margin: 24px 0 0 0;
font-size: 14px;
}
#checkout-page #your-order {
margin: 58px 0 0 0;
}
#checkout-page #your-order .order-item {
border-bottom: 1px solid #e0e0e0;
padding: 24px 0 25px 0;
}
#checkout-page #your-order .order-item:first-child {
margin-top: 16px;
}
#checkout-page #your-order .order-item .qty {
font-weight: 700;
font-size: 18px;
display: block;
margin: 14px 0 0 0;
color: #3d3d3d;
}
#checkout-page #your-order .order-item .title {
font-weight: 600;
text-transform: capitalize;
}
#checkout-page #your-order .order-item .title a {
margin: 0 0 0 -42px;
}
#checkout-page #your-order .order-item .title,
#checkout-page #your-order .order-item .title a {
line-height: 27px;
color: #3d3d3d;
}
#checkout-page #your-order .order-item .brand {
margin: 0 0 0 -42px;
font-size: 10px;
line-height: 18px;
text-transform: uppercase;
}
#checkout-page #your-order .order-item .price {
text-align: right;
font-weight: 800;
font-size: 17px;
line-height: 46px;
}
#checkout-page #subtotal-holder {
margin: 44px 0 0 0;
}
#checkout-page #subtotal-holder .radio-group .radio-label {
margin-bottom: 12px;
}
#checkout-page #subtotal-holder .tabled-data li label {
min-width: 230px;
}
#checkout-page #subtotal-holder .tabled-data li .value {
width: 140px;
}
#checkout-page #total-field {
margin-top: 11px;
}
#checkout-page #total-field label {
line-height: 24px;
}
#checkout-page #total-field .value {
font-size: 21px;
line-height: 30px;
}
#checkout-page .place-order-button {
text-align: right;
margin: 23px 0 52px 0;
}
#payment-method-options {
margin: 90px 0 0 0;
}
#payment-method-options .payment-method-option {
padding: 26px 0 25px;
border-bottom: 1px solid #e0e0e0;
}
#payment-method-options .payment-method-option:first-child {
padding-top: 0;
}
#payment-method-options .payment-method-option .radio-label {
vertical-align: top;
margin-top: -3px;
font-size: 16px;
text-transform: capitalize;
}
#payment-method-options .payment-method-option .fake-box {
margin-right: 20px;
}
#payment-method-options .payment-method-option .value {
text-transform: capitalize;
}
#payment-method-options .payment-method-option .value p {
text-transform: none;
}
#order-detail-content .order_payment_footer > tr:first-child > td {
margin-top: 44px;
}
#order-detail-content .order_payment_footer tr > td {
border: none;
padding: 7px 0;
font-weight: 700;
color: #747474;
font-size: 16px;
}
#order-detail-content .order_payment_footer tr:last-child > td {
border-top: 1px solid #e0e0e0;
}
#order-detail-content .order_payment_footer tr > td:first-child {
color: #434343;
font-size: 14px;
font-weight: bold !important;
text-transform: uppercase;
}
#order-detail-content .order_payment_footer #total_product, .order_payment_footer #total_wrapping, .order_payment_footer #total_shipping, .order_payment_footer #total_discount, .order_payment_footer #total_price_without_tax, .order_payment_footer #total_tax, .order_payment_footer #total_price_container {
text-align: center;
}
.payment-method-option:first-child {
padding-top: 0;
}
/*===================================================================================*/
/* Sidebar
/*===================================================================================*/
.sidebar h1,
.sidebar h2,
.sidebar h3 {
font-weight: 500 !important;
}
.sidebar.narrow {
width: 23%;
padding: 0 20px 0 0;
}
.sidebar.wide {
width: 77%;
}
.sidebar .price-filter {
border-top: 1px solid #e0e0e0;
margin: 19px 0 0 0;
padding: 10px 0 0 0;
}
.sidebar .price-range-holder {
padding: 18px 0px 47px 0px;
position: relative;
}
.sidebar .price-range-holder .filter-button a {
text-transform: uppercase !important;
}
.sidebar .price-range-holder .filter-button a:hover {
color: #3d3d3d;
}
.sidebar .price-range-holder .min-max,
.sidebar .price-range-holder .filter-button {
margin: 14px 0 0 0;
font-size: 13px;
}
.sidebar .price-range-holder .price-slider {
visibility: hidden;
}
.sidebar .price-range-holder .price-range.in {
overflow: visible;
}
.sidebar .price-range-holder .slider .tooltip {
margin-top: 55px;
}
.sidebar .price-range-holder .min-max {
float: left;
}
.sidebar .price-range-holder .filter-button {
float: right;
}
.sidebar .price-range-holder .filter-button a {
font-weight: 800;
text-transform: capitalize;
}
.sidebar .simple-banner {
margin: 43px 0 34px 0;
}
.sidebar .simple-banner a {
display: block;
}
.sidebar .widget {
margin: 0 0 25px 0;
}
.sidebar .widget .row {
padding: 0;
margin: 0;
}
.sidebar .widget .body {
margin: 10px 0;
padding: 10px;
}
.sidebar .widget .product-list {
margin: 30px 0 0 0;
padding: 0;
}
.sidebar .widget .product-list li {
margin: 0 0 20px 0;
}
.sidebar .widget .product-list li a {
line-height: 20px;
font-size: 14px;
display: inline-block;
text-transform: capitalize;
font-weight: 600;
color: #3d3d3d;
}
.sidebar .widget .product-list .price {
line-height: 28px;
}
.sidebar .widget .product-list .price .price-prev {
color: #c6c6c6;
font-size: 11px;
text-decoration: line-through;
}
.sidebar .widget .product-list .price .price-current {
font-size: 15px;
font-weight: 800;
}
.sidebar .widget .product-list .price .price-prev,
.sidebar .widget .product-list .price .price-current {
display: inline-block;
vertical-align: top;
vertical-align: middle;
}
.sidebar .widget .bordered {
border: 2px solid #ececec;
border-radius: 10px;
}
.sidebar .widget hr {
margin: 5px 0;
}
.sidebar .widget .category-filter ul {
padding: 0 3px;
margin: 10px 0 0 0;
}
.sidebar .widget .category-filter ul li {
position: relative;
}
.sidebar .widget .category-filter ul span {
font-size: 12px;
vertical-align: bottom;
display: inline-block;
line-height: 24px;
margin: 0 8px 0 0;
}
.sidebar .widget .category-filter ul label {
font-weight: 400;
text-transform: capitalize;
font-size: 12px;
margin: 0 0 3px;
line-height: 20px;
}
/*===================================================================================*/
/* Footer
/*===================================================================================*/
#footer {
padding: 0;
border-top: 8px solid #eaeaea;
}
@media(max-width: 991px) {
#footer .container {
margin: 0 15px;
}
}
#footer .customizer-grid.clearfix {
border-top: 1px solid #e6e6e6;
}
#footer.color-bg {
background-color: #f8f8f8;
}
#footer h2 {
text-transform: capitalize;
font-size: 21px;
line-height: 32px;
letter-spacing: -1px;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 11px;
}
#footer h3 {
text-transform: capitalize;
font-size: 16px;
line-height: 24px;
letter-spacing: -1px;
padding-bottom: 11px;
}
#footer .widget .row {
padding: 0;
margin: 0;
}
#footer .widget .body {
margin: 27px 0 0 0;
}
#footer .widget .body li {
margin: 0 0 20px 0;
}
#footer .widget .body li a {
line-height: 15px;
font-size: 14px;
text-transform: capitalize;
font-weight: 700;
color: #0e53a5;
}
#footer .widget .price {
line-height: 21px;
}
#footer .widget .price .price-prev {
color: #c6c6c6;
font-size: 11px;
text-decoration: line-through;
}
#footer .widget .price .price-current {
font-size: 15px;
color: #3d3d3d;
}
#footer .widget .price .price-prev,
#footer .widget .price .price-current {
display: inline-block;
vertical-align: top;
}
#footer .widget .thumb-holder {
float: right;
display: inline-block;
background-color: #fff;
border: 1px solid #e0e0e0;
}
#footer .sub-form-row {
margin: 51px 0 0;
position: relative;
z-index: 85;
}
#footer .sub-form-row:before {
content: "";
position: absolute;
top: 50%;
display: block;
height: 1px;
width: 100%;
background-color: #e0e0e0;
z-index: -1;
}
#footer .sub-form-row input {
border-radius: 5px;
border: 1px solid #e0e0e0;
padding: 18px;
color: #3d3d3d;
width: 80%;
}
#footer .sub-form-row button {
border-radius: 0 5px 5px 0;
padding: 19px 29px 20px 29px;
margin: 0 0 0 -5px;
}
#footer .link-list-row {
/*margin: 35px -15px 30px;*/
padding-top: 30px;
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
@media(min-width: 768px) {
#footer .link-list-row > div:first-of-type {
order: 2;
}
#footer .link-list-row > div:last-of-type {
order: 1;
}
}
#footer .link-list-row > .col-md-3.col-xs-12 {
margin: 0 -15px;
}
#footer .link-list-row .contact-info {
text-transform: capitalize;
}
#footer .link-list-row .contact-info .regular-bold {
margin: 0 0 29px 0;
}
#footer .link-list-row .contact-info .social-icons {
margin: 58px 0 0 0;
}
#footer .link-list-row .contact-info .social-icons h3 {
line-height: 27px;
}
#footer .link-list-row .footer-logo {
display: inline-block;
vertical-align: top;
margin: 7px 0 30px 0;
}
#footer .link-list-row .link-widget {
width: 215px;
margin: 0 0 0 15px;
display: inline-block;
vertical-align: top;
}
#footer .link-list-row .link-widget h3 {
padding-bottom: 32px;
}
#footer .link-list-row .link-widget li {
margin: 0 0 12px 0;
}
#footer .link-list-row .link-widget li a {
color: #adadad;
text-transform: capitalize;
}
#footer .copyright-bar {
padding: 17px 0;
background-color: #fff;
border-top: 1px solid #fff;
}
#footer .copyright-bar .copyright {
font-size: 12px;
color: #8a8a8a;
line-height: 14px;
text-align: center;
}
@media (min-width: 768px) {
#footer .copyright-bar {
border-color: #ededed;
}
#footer .copyright-bar .copyright {
font-size: 14px;
text-align: left;
}
}
#footer .copyright-bar .copyright a {
color: #333;
font-weight: 600;
}
#footer .copyright-bar .container .row {
margin: 0;
}
#footer .payment-methods {
text-align: right;
}
#footer .payment-methods li {
display: inline-block;
width: 50px;
background-color: #fff;
border-radius: 2px;
text-align: center;
padding: 0px 5px;
margin-left: 4px;
}
#footer .payment-methods li:hover {
cursor: pointer;
}
#footer .header-inner-logo {
margin: 7px 0 30px;
}
#footer .payment-methods li:hover img {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
}
#footer .payment-methods li img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
}
.socials {
margin-right: 10px;
}
@media (min-width: 768px) {
.socials {
margin-right: 5px;
}
}
.contact-table {
width: 100%;
margin: 10px 0 0;
}
.contact-table-hours {
padding: 0 10px 9px;
color: #3d3d3d;
font-size: 14px;
}
.contact-table-icon {
padding: 5px 0 5px;
width: 30px;
}
.contact-table-data {
padding: 5px 10px;
font-size: 20px;
}
@media (min-width: 768px) {
.contact-table-data {
font-size: 14px;
}
}
.contact-table-data.__phone {
color: #3d3d3d;
font-size: 14px;
}
.contact-table-data a {
color: #3d3d3d;
}
.contact-table-icon .fa {
font-size: 16px;
}
@media (max-width: 767px) {
.contact-table {
margin: 0 auto;
}
.contact-table-data {
font-weight: 600;
font-size: 15px;
padding: 5px 10px 5px;
}
}
.footer-contact-header {
font-weight: 300;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #3d3d3d;
}
.footer-socials{
padding-top: 14px;
padding-left: 33px;
}
@media (min-width: 768px) {
.footer-socials {
padding-left: 0;
padding-bottom: 25px;
}
}
.footer-socials img {
box-sizing: content-box;
}
@media (min-width: 768px) {
.footer-socials img {
border-radius: 50%;
border: 4px solid #f8f8f8;
}
.footer-socials img:hover {
border-color: #e8e8e8;
}
}
.footer-contact-details {
margin-top: 7px;
margin-left: 0;
}
@media (max-width: 767px) {
.footer-contact-details {
margin-top: 7px;
margin-left: 50px;
}
}
.fo-features {
padding: 28px 7px;
border-top: 1px solid #ededed;
}
@media (min-width: 1200px) {
.fo-features {
margin: 0 -30px;
}
}
/*===================================================================================*/
/* Browser Specific Styles
/*===================================================================================*/
.gecko .dropdown > a:after {
vertical-align: middle !important;
}
.gecko .dropdown-toggle:after {
vertical-align: middle !important;
}
.gecko .header-item .top-search-holder .search-area .search-button:after {
vertical-align: middle !important;
}
.ie9 #top-megamenu-nav .dropdown .dropdown-toggle:before {
bottom: -23%;
}
.ie9 .le-select select {
padding: 5px;
}
.ie9 .le-select:after {
display: none;
}
/*===================================================================================*/
/* Responsive Layout
/*===================================================================================*/
select.top-drop-menu {
margin: 10px 0 0 0;
padding: 10px;
width: 100%;
color: #000;
}
.carousel-item.size-small {
min-width: 194px;
}
.carousel-item.size-medium {
min-width: 225px;
}
.navbar-collapse {
padding: 0;
}
.navbar .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-collapse {
max-height: none;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
#top-megamenu-nav .nav .dropdown {
border-right: none;
width: 100%;
}
#top-mega-nav nav .le-dropdown:first-child .yamm-fw > .dropdown-menu {
min-width: 100%;
}
#top-mega-nav nav .le-dropdown #menu-vertical-menu .dropdown .dropdown-menu {
left: 0 !important;
}
#top-megamenu-nav .nav > li {
border-right: none;
width: 100%;
}
#top-megamenu-nav .nav .dropdown-menu {
min-width: 0;
max-width: none;
width: 100%;
background-color: #FFF;
}
#home-slider {
margin-bottom: 0px;
margin-top: 30px;
}
.top-bar > .container > div > div {
margin: 10px 0;
}
.top-bar ul.right,
.top-bar {
text-align: center !important;
}
.top-bar > .container > div > div > ul > li > a {
font-size: 11px !important;
padding: 0 9px !important;
}
.top-bar > .container > div a {
font-size: 11px !important;
padding: 0 9px !important;
}
.logo > a {
display: block;
margin-bottom: 20px;
}
.logo > a > svg {
display: block;
margin: 0 auto;
}
#owl-main .caption .big-text {
font-size: 30px;
line-height: 30px;
}
#owl-main .caption .big-text .bg {
font-size: 50px;
line-height: 60px;
}
.header-item .logo-holder .header-wrap {
text-align: center;
}
.header-item .top-search-holder {
margin: 0;
padding-left: 15px;
padding-right: 15px;
}
.header-item .top-search-holder .contact-row {
text-align: center;
margin-bottom: 20px;
}
.header-item .top-search-holder .contact-row > div,
.header-item .top-search-holder .contact-row .phone,
.header-item .top-search-holder .contact-row .contact {
margin: 0;
margin-bottom: 5px;
display: block !important;
}
.phone a, .contact a {
/* color:#777777; */
}
.header-item .top-search-holder .search-area .search-field,
.header-item .top-search-holder .search-area .search_query {
border-radius: 5px 0 0 5px;
border: none;
padding: 13px;
}
.header-item .top-search-holder .search-area .search-button:after {
line-height: 18px;
vertical-align: middle !important;
}
.header-item .top-search-holder .search-area {
height: 34px;
border: 1px solid #c6c6c6;
border-radius: 7px;
margin: 5px 0 0;
width: 100%;
font-size: 13px;
}
.header-item .top-search-holder .search-area .search-category-controls .search-button {
border-radius: 0 0 5px 0;
}
.header-item .top-search-holder .search-area .categories-filter {
border-top: 1px solid #e0e0e0;
border-left: none;
padding-top: 8px;
padding-bottom: 3px;
}
.header-item .top-cart-holder .basket .dropdown-menu {
width: 300px;
left: -136px;
}
.header-item .top-cart-holder .basket .checkout .le-button {
width: 100%;
margin-bottom: 10px;
text-align: center;
}
.top-cart-row {
text-align: center;
}
#page .header-item .top-cart-row .shopping_cart {
display: none;
}
.banner {
margin-bottom: 10px;
}
.banner .banner-text {
top: 25%;
}
.banner .banner-text h1 {
font-size: 20px;
line-height: 22px;
}
.banner .banner-text .tagline {
font-size: 14px;
line-height: 24px;
}
#banner-holder .banner .banner-image {
width: 100%;
}
.sidemenu-holder {
width: 100% !important;
margin-bottom: 20px;
}
.homebanner-holder {
width: 100% !important;
padding: 0;
}
#hero .caption {
background-color: rgba(255, 255, 255, 0.5);
}
.product-grid-holder .product-item-holder {
border-right: 1px solid #ececec;
margin-bottom: 10px;
}
.nav-tabs {
border-radius: 3px;
border: 1px solid #e0e0e0;
margin-bottom: 15px;
}
.nav-tabs > li.active,
.nav-tabs li {
padding: 0;
margin: 0;
display: block;
}
.nav-tabs > li.active > a,
.nav-tabs li > a {
width: 100%;
font-size: 15px;
padding: 10px 35px;
margin: 0;
border-radius: 0;
border-bottom: 1px solid #e0e0e0;
line-height: 24px;
}
.nav-tabs > li.active:last-child > a,
.nav-tabs li:last-child > a {
border-bottom: none !important;
}
#bestsellers .size-medium {
max-width: 100% !important;
}
#bestsellers .single-product-gallery {
border-left-width: 1px;
}
#bestsellers .single-product-gallery .single-product-gallery-item {
max-width: 100% !important;
}
#bestsellershome .product-item .add-cart-button a {
font-size: 15px;
padding: 10px 20px;
}
#bestsellershome .product-item .label-discount {
position: absolute;
top: 206px;
}
#owl-recently-viewed .size-small,
#owl-recently-viewed-2 .size-small {
max-width: 100% !important;
}
#owl-recently-viewed .owl-stage-outer .owl-item .product-item-holder,
#owl-recently-viewed-2 .owl-stage-outer .owl-item .product-item-holder {
border-right-width: 1px;
}
.megamenu-horizontal .dropdown-menu {
left: 0 !important;
max-width: 100%;
top: 100% !important;
min-width: 0 !important;
}
.megamenu-horizontal .dropdown-menu .yamm-content .dropdown-banner-holder {
position: relative !important;
}
.brands-carousel .carousel-item {
margin: 0 auto !important;
}
.product_list_home .product-item-holder, #product_list_bestsellerhome .product-item-holder {
/* height: 514px;*/
}
#bestsellershome .product-item-holder {
height: 380px;
}
.product-item-holder.hover .product-item .hover-area {
display: block;
}
#product_list .product-item-holder {
height: 575px;
}
#productscategory_list .product-item-holder {
height: 517px;
}
#productscategory_list .label-discount {
position: absolute;
top: 235px;
}
.comment-item .comment-body {
margin-top: 10px;
}
.comment-item .comment-body:before, .comment-item .comment-body:after {
content: none;
}
#footer .widgets-row > div {
margin-left: 0;
padding-left: 0;
}
#footer .sub-form-row:before {
content: none;
}
#footer .sub-form-row input {
border-radius: 5px;
display: block;
margin: 0 auto;
width: 100%;
}
#footer .sub-form-row button {
margin: 0 auto;
width: 100%;
border-radius: 5px;
margin-top: 5px;
}
#footer .link-list-row {
margin-bottom: 30px;
}
#footer .link-list-row .link-widget h3 {
margin-bottom: 15px;
padding-bottom: 0;
margin-top: 30px;
}
#footer .copyright-bar .container > div {
text-align: center;
}
#footer .copyright-bar .container > div > div:first-child {
margin-bottom: 10px;
}
#footer .copyright-bar .container > div .payment-methods {
text-align: center;
}
#footer .copyright-bar .container > div .payment-methods > ul {
text-align: center;
}
#footer .copyright-bar .container > div .payment-methods > ul > li {
display: inline-block;
}
.sidebar {
width: 100% !important;
}
.blockModulesFooter .box-heading .title_block {
font-size: 17px;
}
#cart_summary > thead > tr > th, #cart_summary > tbody > tr > th, #cart_summary > tfoot > tr > th, #cart_summary > thead > tr > td, #cart_summary > tbody > tr > td, #cart_summary > tfoot > tr > td {
padding-right: 30px;
}
#cart_summary .cart_quantity > div {
width: 111px;
}
.payment-confirmation button, .payment-confirmation a {
display: block;
float: none;
margin-bottom: 20px;
text-align: center;
width: 100%;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
.top-bar > .container > div {
margin: 10px 0;
}
.top-bar > .container > div > ul > li > a {
font-size: 12px !important;
padding: 0 9px !important;
}
.logo > a {
display: block;
margin-bottom: 20px;
}
.logo > a > svg {
display: block;
margin: 0 auto;
}
.header-item .logo-holder .header-wrap {
text-align: center;
}
.header-item .top-search-holder {
margin: 0;
padding-left: 15px;
padding-right: 15px;
}
.header-item .top-search-holder .contact-row {
text-align: center;
margin-bottom: 20px;
}
.header-item .top-search-holder .contact-row > div,
.header-item .top-search-holder .contact-row .phone,
.header-item .top-search-holder .contact-row .contact {
margin: 0;
margin-bottom: 5px;
display: block !important;
}
.header-item .top-cart-row .wishlist-compare-holder {
display: block;
margin-right: 23%;
}
.header-item .top-cart-row .top-cart-holder {
position: absolute;
left: 50%;
}
.header-item .top-cart-holder .basket .dropdown-menu {
width: 300px;
left: -136px;
}
.header-item .top-cart-holder .basket .checkout .le-button {
width: 100%;
margin-bottom: 10px;
text-align: center;
}
.top-cart-row {
text-align: center;
}
.sidemenu-holder {
width: 100% !important;
}
.homebanner-holder {
width: 66.6667% !important;
}
#owl-main {
background-color: #f4f4f4;
}
#owl-main .owl-item {
height: 480px !important;
}
#banner-holder .container .banner {
width: 48%;
margin-right: 15px;
}
#banner-holder .container .banner > a {
max-width: 100%;
}
#banner-holder .container .banner > a .banner-text {
top: 16%;
}
#banner-holder .container .banner > a .banner-text h1 {
font-size: 24px;
}
#banner-holder .container .banner > a .banner-text .tagline {
font-size: 16px;
}
#banner-holder .container .banner:last-child {
margin-right: 0;
}
#bestsellershome .product-item .label-discount {
position: absolute;
top: 171px;
}
#bestsellershome .product-item .add-cart-button a {
font-size: 15px;
padding: 10px 20px;
}
#owl-recently-viewed .owl-item .product-item-holder,
#owl-recommended-products .owl-item .product-item-holder {
max-width: none !important;
width: 100%;
}
#footer .sub-form-row input {
width: 70%;
}
#footer .link-list-row .container > div:first-child {
margin-bottom: 20px;
}
#cart-page .widget {
margin: 0 0 25px;
padding: 0;
}
.sidebar {
width: 100% !important;
}
#single-product .gallery-holder .single-product-gallery-item {
width: 100%;
}
#single-product .body-holder #addto-cart {
margin: 15px 0 0 0 !important;
width: 100%;
text-align: center;
}
.products-list .product-item .row .body-holder {
width: 41%;
}
.products-list .product-item .row .price-area {
width: 28%;
}
#product_list .product-item-holder {
height: 445px;
}
.product_list_home .product-item-holder, #product_list_bestsellerhome .product-item-holder {
/*height: 438px;*/
}
#bestsellershome .product-item-holder {
height: 336px;
}
#productscategory_list .product-item-holder {
height: 444px;
}
.product_list_home .product-item .label-discount, #product_list_bestsellerhome .product-item .label-discount {
position: absolute;
top: 235px;
}
#hero .caption {
background-color: rgba(255, 255, 255, 0.5);
}
.blockModulesFooter .box-heading .title_block {
margin-top: 20px;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
#owl-recently-viewed .owl-item .product-item-holder,
#owl-recently-viewed-2 .owl-item .product-item-holder,
#owl-recommended-products .owl-item .product-item-holder {
max-width: none !important;
width: 100%;
}
#single-product .gallery-holder .single-product-gallery-item {
width: 100%;
}
#footer .sub-form-row input {
width: 75% !important;
}
#footer .link-list-row .link-widget {
width: 30.33% !important;
}
.header-item .logo-holder .header-wrap {
text-align: center;
}
.header-item .logo svg {
width: 100% !important;
}
.header-item .top-search-holder {
margin: 0;
width: 41.6667% !important;
}
.header-item .top-search-holder .search-field {
width: 50% !important;
}
.header-item .top-cart-row {
}
.products-list .product-item .row .body-holder {
width: 42%;
}
.products-list .product-item .row .price-area {
width: 27%;
}
h1.border {
line-height: 40px;
}
.sidebar .widget .product-list li .row > div:first-child {
margin-right: 5px !important;
}
.sidebar .widget .product-list li .row > div:last-child {
width: 63.667% !important;
}
.sidebar .widget .product-list li .row .thumb-holder {
width: 100%;
}
#hero .caption {
background-color: rgba(255, 255, 255, 0.5);
}
.blockModulesFooter .box-heading .title_block {
margin-top: 20px;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.owl-buttons {
display: block;
}
}
.columns-container {
margin-bottom: 35px;
}
.section h2 {
color: #434343;
font-size: 28px;
font-weight: normal !important;
line-height: 36px;
margin-bottom: 12px;
padding-bottom: 14px;
}
.section p, .section li {
color: #747474;
font-size: 16px;
line-height: 28px;
}
.section .page-title {
margin-bottom: 0 !important;
}
.page-header {
border: medium none;
margin: 0;
padding: 0;
text-align: center;
}
.page-header .page-title {
color: #434343;
font-size: 40px;
font-weight: 400;
line-height: 50px;
}
.page-header .page-subtitle {
color: #979797;
font-size: 14px;
font-weight: 400;
line-height: 15px;
margin: 0;
}
.page-subheading {
margin-bottom: 10px;
}
#contact-us .bordered, #authentication .bordered, #opc_new_account .bordered {
margin-left: -15px;
margin-right: -15px;
}
.unvisible {
display: none;
}
.list-benefits > li {
color: #747474;
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
}
.entry-content {
padding: 30px 0;
}
.entry-content ul {
padding-left: 10px;
}
.entry-content p, .entry-content ol, .entry-content ul {
margin-bottom: 20px;
}
.entry-content dt, .entry-content dd, .entry-content p, .entry-content li, .entry-content address {
color: #747474;
font-size: 16px;
line-height: 28px;
}
.entry-content p, .entry-content ul, .entry-content ol {
color: #747474;
font-size: 14px;
line-height: 28px;
margin-bottom: 20px;
}
.entry-content h3 {
color: #434343;
font-size: 20px;
font-weight: normal !important;
line-height: 28px;
margin-bottom: 7px;
padding-bottom: 8px;
}
.entry-content h2 {
color: #434343;
font-size: 28px;
font-weight: normal !important;
line-height: 36px;
margin-bottom: 12px;
padding-bottom: 14px;
}
.entry-content h3 {
font-size: 18px;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
color: #434343;
font-weight: normal !important;
margin-bottom: 16px;
padding-bottom: 14px;
padding-top: 15px;
}
.entry-content .highlight {
font-weight: 600 !important;
}
.address header {
margin-bottom: 15px;
border-bottom: medium none;
padding: 0;
}
.address header h3 {
color: #3d3d3d;
font-size: 18px;
font-weight: 400 !important;
}
.address header .edit {
padding: 15px 0 0 15px;
line-height: 28px;
}
.address header .delete {
float: right;
margin-right: 10px;
color: #434343;
line-height: 28px;
}
.manufacturerslist ul li,
.supplierslist ul li {
border-bottom: 1px solid #e0e0e0;
}
.manufacturerslist .middle-side h3,
.supplierslist .middle-side h3 {
padding-top: 15px;
}
.manufacturerslist .middle-side h3 > a,
.supplierslist .middle-side h3 > a {
color: #434343;
}
.manufacturerslist ul li .right-side-content,
.supplierslist ul li .right-side-content {
padding: 40px;
}
.customerprivacy {
margin: 20px 0;
}
.customerprivacy .dataprivacy {
padding: 20px;
}
.customerprivacy .dataprivacy h3 {
color: #434343;
font-size: 18px;
font-weight: normal !important;
text-transform: capitalize;
padding-bottom: 10px;
}
@media (max-width: 991px) {
.blockModules {
margin-bottom: 75px !important;
}
}
.blockModules h4 {
border-bottom: 1px solid #ececec;
color: #434343;
font-size: 24px;
font-weight: 400 !important;
letter-spacing: -1px;
line-height: 30px;
margin-bottom: 20px;
padding-bottom: 10px;
}
.blockModules h4 a {
color: #3d3d3d;
}
.blockModules .modulebox-content {
font-size: 14px;
line-height: 24px;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.blockModules ul {
margin-left: 0px !important;
}
.blockModules .modulebox-content li {
padding: 6px 0;
}
.blockModules .modulebox-content ul li {
border-bottom: none !important;
}
.blockModules .modulebox-content .price-box {
line-height: 28px;
}
.blockModules li h5 {
color: #3d3d3d;
display: inline-block;
font-size: 14px;
font-weight: 600 !important;
line-height: 20px;
margin: 0 0 5px;
}
.blockModules li div {
overflow: hidden;
}
.blockModules li div .info {
color: #8f8f8f;
font-size: 12px;
display: block;
}
.blockModules h5 a, .blockModules li a {
color: #686868;
}
.blockModules .modulebox-content li a {
color: #434343;
}
.blockModules .modulebox-content .image {
float: left;
margin-right: 10px;
}
.blockModules .list-block ul li a:after {
content: "";
float: right;
font-family: fontawesome;
}
.blockModules .list-block li a {
font-weight: 600;
}
.blockModules .list-block ul li {
border-bottom: 1px solid #ececec;
line-height: 36px;
}
.blockModules .tag-block a {
color: #686868;
}
.blockModules .modulebox-content .price-box ins {
font-size: 15px;
font-weight: 700 !important;
text-decoration: none;
}
.blockModules .modulebox-content .price-box del {
color: #c6c6c6;
font-size: 11px;
text-decoration: line-through;
}
.blockModules .modulebox-content ul {
list-style-type: none;
margin-left: 5px;
margin-bottom: 0px;
}
.blockModules .modulebox-content ul li a {
font-size: 15px;
}
.blockModules .modulebox-content .tel i {
font-size: 23px;
line-height: 23px;
margin: 0 8px 0 0;
vertical-align: middle;
}
.footer-module {
margin-bottom: 0 !important;
}
.blockModulesFooter {
margin-right: 50px;
vertical-align: top;
}
.modulebox-content .module-body .modulebox-content {
line-height: 14px;
}
.blockModulesFooter:last-child {
margin-right: 0;
}
.blockModulesFooter .box-heading .title_block {
margin-bottom: 5px;
padding-bottom: 7px;
color: #3d3d3d;
font-size: 16px;
letter-spacing: -1px;
font-weight: 400;
}
.blockModulesFooter .modulebox-content ul > li {
margin: 0 0 5px;
}
.blockModulesFooter .modulebox-content ul > li a {
color: #777;
font-weight: normal;
font-size: 13px;
}
.blockModulesFooter .modulebox-content ul > li a:hover {
color: #3d3d3d;
}
.mobile-title .fa.fa-angle-down{
display: none;
font-weight: 700;
}
.mobile-title .fa-angle-up {
font-weight: 700;
}
@media (max-width: 991px) {
.blockModulesFooter .box-heading .title_block {
margin: 17px 0;
line-height: 15px;
padding-bottom: 0;
}
.mobile-title .fa.fa-angle-down, .mobile-title .fa-angle-up {
display: inline-block;
float: right;
}
.mobile-title {
border-top: 1px solid #ededed;
}
}
@media (max-width: 991px) {
.mobile-links {
display: none;
}
}
.info-404 h2 {
font-size: 200px;
font-weight: 700 !important;
line-height: 200px;
}
.info-404 h2 {
font-size: 200px;
font-weight: 700 !important;
line-height: 200px;
}
.info-404 p {
font-weight: 500;
}
.info-404 .sub-form-row input {
border: 1px solid #e0e0e0;
border-radius: 5px 0 0 5px;
color: #3d3d3d;
padding: 18px;
width: 82%;
}
.info-404 .sub-form-row .le-button {
border-radius: 0 5px 5px 0;
margin: 0 0 0 -5px;
padding: 19px 31px 20px;
}
#block-categories .tree .grower {
float: right;
cursor: pointer;
}
#block-categories .tree .grower:before {
content: "";
font-family: fontawesome;
font-size: 18px;
}
#block-categories .tree .grower.OPEN:before {
content: "";
font-weight: bold;
}
#block-categories .tree > li ul {
padding-left: 15px;
}
#block-categories .tree > li ul li a:before {
content: "";
font-family: fontawesome;
margin: 0 5px 0 0;
transition: all 0.3s ease 0s;
}
#block-categories ul li a.selected {
font-weight: bold;
}
.alert {
font-size: 15px;
}
.alert ol {
padding: 5px;
margin: 0;
border-radius: 3px;
}
.alert li {
list-style: none;
}
.order-sign-in-section .alert-danger {
padding: 0;
}
.alert-danger ol {
background: #fff;
border: 1px solid #7a163c;
}
.alert-danger li {
position: relative;
padding-right: 5px;
padding-left: 25px;
color: #7a163c;
font-size: 13px;
line-height: 1.2;
}
.alert-danger li + li {
margin-top: 5px;
}
.alert-danger li::before {
position: absolute;
top: 1px;
left: 0;
padding-right: 5px;
padding-left: 5px;
font-family: FontAwesome;
content: "\f071";
}
.alert-danger, .alert-success, .alert-info {
background-color: transparent !important;
border-color: transparent !important;
}
.alert-success li, .alert-info li {
padding-right: 5px;
font-size: 13px;
}
.category-page-title .section-title {
font-size: 27px;
margin: 0 0 20px;
}
#scrollUp {
border-radius: 3px;
bottom: 90px;
color: #fff;
font-size: 36px;
height: 42px;
line-height: 100%;
opacity: 0.5;
padding: 3px;
right: 15px;
text-align: center;
width: 42px;
}
#scrollUp:hover {
opacity: 1;
}
#top-megamenu-nav.stuck {
box-shadow: 0 1px 3px #333;
margin-top: 0;
width: 100%;
}
.stuck {
position: fixed !important;
top: 0;
}
.banner .banner-text .banner-title {
font-size: 36px;
font-weight: 800 !important;
line-height: 38px;
margin: 0;
padding: 0;
}
.banner .banner-text .tagline {
font-size: 20px;
font-weight: 100;
line-height: 33px;
}
.cart_block .products .cart-images {
float: left;
margin-right: 10px;
border: 1px solid #e0e0e0;
}
.cart_block .products .remove_link > a:after {
color: #3D3D3D;
content: "";
font-family: fontawesome;
}
.cart_block .products .remove_link {
margin-top: -12px;
position: absolute;
right: 20px;
top: 50%;
}
.cart_block .cart-info {
margin-left: 81px;
}
.cart_blcok {
display: none;
}
.product-item.loading-cart {
cursor: wait;
opacity: 0.2;
}
.product-item.loading-cart * {
cursor: wait;
}
.tab-holder .nav-tabs {
height: 61px;
}
@media (max-width: 767px) {
.tab-holder .nav-tabs {
height: auto;
}
}
.btn-block {
text-align: center;
}
#home-slider {
margin-bottom: 0;
}
#order-opc ul.bullet {
margin-bottom: 10px;
}
#order-opc #login_form {
margin-bottom: 35px;
}
@media (max-width: 992px) {
#order-opc #login_form {
margin-bottom: 5px;
}
}
#order-opc #login_form_content .field-row {
margin-bottom: 25px;
}
#order-opc #login_form_content .lost_password {
}
#order-opc #login_form_content .submit {
margin-top: 10px;
}
.single-product-grid .owl-controls {
display: none;
}
.primary-bg {
color: #fff;
}
/* revolution slider */
body .tparrows {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
-webkit-transform: translateZ(5px);
}
body .tparrows.tp-leftarrow.hidearrows {
left: 10px !important;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
body .tparrows.tp-rightarrow.hidearrows {
right: 10px !important;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
body .tp-bullets.simplebullets.round.hidebullets {
bottom: 0 !important;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
body .tp-bullets.simplebullets.round {
background: #FFF;
line-height: inherit;
position: relative;
bottom: -40px;
padding: 10px;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: auto;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
body .tp-bullets.simplebullets.round .bullet {
display: block;
width: 15px;
height: 15px;
background: #d3d3d3;
border: none;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0 5px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
body .tp-rightarrow.default,
body .tp-leftarrow.default {
background-image: none;
width: 30px;
height: 30px;
font-size: 21px;
color: #FFF;
background-color: #d3d3d3;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
body .tp-rightarrow.default:before,
body .tp-leftarrow.default:before {
font-family: fontawesome;
content: "\f053";
left: 20%;
position: relative;
}
body .tp-rightarrow.default:before {
content: "\f054";
left: 30%;
}
body .tp-leftarrow.default:hover,
body .tp-rightarrow.default:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
/* OPISY BATERII */
.rte .row {
margin-left: 0px;
margin-right: 0px;
}
#content_battery .logo {
/*background:#fdfdfd;
height:120px;*/
}
#content_battery .logo img {
margin-top: 45px;
}
#content_battery .logo2 {
background: #393939;
height: 120px;
}
#content_battery .logo2 img {
margin-top: 45px;
}
#content_battery .top {
margin-top: 50px;
}
/*
#content_battery .top .col-md-6{
padding-left:0px;
}
*/
#content_battery .top img {
margin: 40px 0px 40px 0px;
}
@media (max-width: 767px) {
#content_battery .top img {
margin: 7px 0px 7px 0px;
}
#content_battery .top {
margin-top: 15px;
}
}
#content_battery .top ul {
margin-left: 20px;
}
#content_battery .top ul li {
list-style-type: square;
margin: 5px 0px;
}
#content_battery .tech {
margin-top: 50px;
background: url('https://batteryempire.de/img/contents/background1.png');
background-size: cover;
min-height: 405px;
}
#content_battery .ultra {
margin-top: 50px;
background: url('https://batteryempire.de/img/contents/background2.png');
background-size: cover;
min-height: 405px;
}
#content_battery .pt {
margin-top: 50px;
background: url('https://batteryempire.de/img/contents/background3.png');
background-size: cover;
min-height: 478px;
}
#content_battery .tech .col-md-6 .pkt {
margin: 45px 20px;
color: #fff;
min-height: 73px;
}
#content_battery .pt .col-md-6 .pkt {
margin: 45px 20px;
color: #fff;
min-height: 73px;
}
#content_battery .ultra .col-md-6 .pkt {
min-height: 88px;
}
#content_battery .tech .col-md-6 .pkt .col-md-3 {
}
#content_battery .addapters {
background: url('https://batteryempire.de/img/contents/addapters.png');
background-size: cover;
}
#content_battery .keyboard {
background: url('https://batteryempire.de/img/contents/keyboard_bg.png');
background-size: cover;
}
#content_battery .tech .col-md-6 .pkt h3 {
font-size: 17px;
font-weight: bold;
}
#content_battery .tech .col-md-6 .pkt h4 {
margin-top: 8px;
font-size: 15px;
font-weight: normal;
}
#content_battery .pt .col-md-6 .pkt h3 {
font-size: 17px;
font-weight: bold;
}
#content_battery .pt .col-md-6 .pkt h4 {
margin-top: 8px;
font-size: 15px;
font-weight: normal;
}
#content_battery .info {
padding: 35px 0px;
}
#content_battery .info img {
margin: 20px 0px;
}
#content_battery .info .line {
border-bottom: #95cc05 solid 3px;
width: 90px;
height: 10px;
margin: 0 auto;
}
.title .line {
border-bottom: #95cc05 solid 3px;
width: 90px;
height: 10px;
margin: 0 auto;
margin-bottom: 20px;
}
#content_battery .info p {
margin: 40px;
}
.yamm-fw .dropdown-menu {
border: none;
top: 103%;
}
#accessories .products-list {
margin: 0px;
}
#homefutured .product-item {
}
#homefutured .product-item-holder {
height: 412px;
}
#homefeatured .tab-content .tab-pane .product-item-holder.hover:hover .product-item {
padding-bottom: 34.05px;
}
.impresum h1 {
font-size: 29px;
font-weight: bold;
}
.impresum h2 {
font-size: 18px;
}
.impresum table {
margin: 0 auto;
margin-top: 20px;
}
.impresum table td {
border-right: 1px solid #c6c6c6;
width: 250px;
}
.impresum table td:last-of-type {
border: none;
}
.payment_module a {
color: #5d5d5d;
}
.noborder div table {
border: none;
border-top: 1px solid #ddd;
margin-bottom: 0px;
}
.noborder div table td {
border: none;
vertical-align: middle;
}
.delivery_option_logo img {
/*width:100px;*/
max-height: 50px;
}
.panel1 {
background-color: #f7f7f7;
border-color: #cccccc;
color: #7a7a7a;
}
.delivery_cost h1 {
font-size: 29px;
font-weight: bold;
}
.delivery-info {
margin: 10px 0;
padding: 10px;
text-align: center;
border: 1px solid #9c0;
border-radius: 10px;
}
@media (min-width: 768px) {
.delivery-info {
width: 800px;
margin: 20px auto;
}
}
.delivery_cost h2 {
font-size: 18px;
}
.delivery_cost table {
width: 800px;
margin: 0 auto;
margin-top: 20px;
}
.delivery_cost table td {
border-right: 1px solid #c6c6c6;
}
.delivery_cost table td:nth-of-type(2) {
text-align: center;
font-size: 20px;
font-weight: bold;
}
.delivery_cost table tr:first-child td:nth-of-type(2) {
text-align: center;
font-size: 15px;
font-weight: normal;
}
.delivery_cost table tr:first-child {
font-size: 17px;
}
.delivery_cost table td:last-of-type {
border: none;
}
.delivery_cost table {
border-spacing: 10px;
border-collapse: separate;
}
.payment_data h1 {
font-size: 29px;
font-weight: bold;
}
.payment_data h2 {
font-size: 18px;
}
.payment_data table {
width: 800px;
margin: 0 auto;
margin-top: 20px;
}
.payment_data table td {
border-right: 1px solid #c6c6c6;
}
.payment_data table td:nth-of-type(2) {
text-align: center;
font-size: 20px;
font-weight: bold;
}
.payment_data table td:nth-of-type(3) {
width: 400px;
}
.payment_data table td:last-of-type {
border: none;
}
.payment_data table {
border-spacing: 10px;
border-collapse: separate;
}
.products-list .product-item .tr {
padding: 5px;
text-align: center;
font-size: 16px;
}
.products-list .product-item .tr:nth-of-type(2n+1) {
background: #f7f5f5;
}
.products-list .product-item .tr:first-of-type {
display: flex;
justify-content: center;
background: none;
}
#product_list2 .product-item {
border: none;
}
#product_list2 .product-item-holder {
height: 100%;
border-top: none;
border-bottom: none;
}
#product_list2 .product-item {
border-left: 1px solid #e0e0e0;
}
#content_battery .camera {
margin-top: 50px;
background: url('https://batteryempire.de/img/contents/backgroundcamera.jpg');
background-size: cover;
min-height: 405px;
}
#content_battery .phone {
margin-top: 50px;
background: url('https://batteryempire.de/img/contents/phonebackground.jpg');
background-size: cover;
min-height: 405px;
}
#content_battery .cameracharger {
margin-top: 50px;
background: url('https://batteryempire.de/img/contents/backgroundcameracharger.jpg');
background-size: cover;
min-height: 405px;
}
#content_battery .electapplcharger {
margin-top: 50px;
background: url('https://batteryempire.de/img/contents/backgroundelectricapplcharger.jpg');
background-size: cover;
min-height: 405px;
}
#content_battery .carcharger {
margin-top: 50px;
background: url('https://batteryempire.de/img/contents/backgroundcarcharger.jpg');
background-size: cover;
min-height: 405px;
}
/* MEDIA QUERIES */
/* -------------------------------------------------------------------------------- HEADER */
.prdct_row .price {
position: relative !important;
left: 20px !important;
}
.prdct_row .price {
float: right;
}
.cart_total_price {
font-weight: 700;
}
.prdct_row {
border-top: 1px solid #cecece;
margin-top: 10px;
padding-top: 10px;
}
.prdct_row .price {
font-size: 14px;
}
.prdct_row .cart_ref {
visibility: hidden;
}
.ukryj {
display: none !important;
}
#iqitmegamenu-mobile .iqitmegamenu-icon {
font-size: 50px !important;
}
.iqitmegamenu-shower span {
display: none;
}
.iqitmegamenu-shower span.cart-items-count {
display: block !important;
}
#iqitmegamenu-horizontal {
border-top: 3;
}
.mobile_cart {
float: right;
}
.mobile_cart .total-price-basket {
display: none;
}
.basket-item-count .count {
position: absolute;
color: #fff;
top: 5px;
right: 12px;
border-radius: 100px;
width: 21px;
height: 21px;
line-height: 21px;
font-size: 12px;
font-weight: bold;
text-align: center;
background-color: #99cc00;
}
.basket-item-count {
position: relative;
display: inline-block;
vertical-align: top;
}
#telephone-icon {
display: none;
}
#order_step li a, #order_step li span {
font-size: 18px;
display: block;
width: 100px;
margin-top: 10px;
}
#order_step li a em, #order_step li span em {
display: none;
}
#order_step {
opacity: 0.6;
margin-bottom: 40px;
}
.cart_total {
align-self: center;
margin-bottom: 10px;
}
.item_total {
float: right;
}
.cart_total .price {
float: right;
text-align: right;
}
.cart_delete {
float: right;
line-height: 12px;
position: relative;
top: 6px;
}
@media (max-width: 1199px) {
.cart_delete {
float: none;
position: relative;
top: 10px;
}
}
@media (max-width: 991px) {
.item_total {
position: relative;
}
.cart_total .price {
position: relative;
right: 10px;
margin-top: 0;
}
.cart_delete {
position: relative;
right: 10px;
}
.add {
float: left;
}
.header-item .logo-holder .logo {
width: 250px !important;
height: auto !important;
}
.shopping_cart {
color: red;
z-index: 999 !important;
}
.header-item .top-cart-row .top-cart-holder .total-price-basket {
display: none !important;
}
#telephone-icon {
display: block;
}
#contact-link {
display: none !important;
}
}
/* KROKI W KOSZYKU ------------------------------------------------------------------------------------------------------------------------------ */
/* --------------------------------
Basic Style
-------------------------------- */
#order-detail-content .rowkoszyk {
margin-bottom: 20px;
border-bottom: 1px solid #cecece;
padding-bottom: 10px;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
font-size: 12px !important;
display: inline-block !important;
}
.cd-multi-steps li::after {
position: relative;
right: 20px;
}
.cd-breadcrumb, .cd-multi-steps {
width: 100%;
max-width: 1200px;
padding: 0.5em 1em;
padding-top: 0px;
padding-bottom: 0px;
margin: 1em auto;
background-color: #e1e1e1;
border-radius: .25em;
}
.cd-breadcrumb:after, .cd-multi-steps:after {
content: "";
display: table;
clear: both;
}
.cd-breadcrumb li, .cd-multi-steps li {
display: inline-block;
float: left;
margin: 0.5em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
/* this is the separator between items */
display: inline-block;
content: '\00bb';
margin: 0 .6em;
color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
/* hide separator after the last item */
display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
/* single step */
display: inline-block;
font-size: 1.4rem;
color: #2c3f4c;
}
.cd-breadcrumb li.step_current > *, .cd-multi-steps li.step_current > * {
/* selected step */
color: #96c03d;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
/* steps already step_done */
color: #96c03d;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
/* replace the default arrow separator with a custom icon */
content: '';
height: 16px;
width: 16px;
/*background: url(../img/cd-custom-separator.svg) no-repeat center center;*/
vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
/* add a custom icon before each item */
content: '';
display: inline-block;
height: 20px;
width: 20px;
margin-right: .4em;
margin-top: -2px;
/*background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;*/
vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.step_current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.step_current):nth-of-type(2) > *::before {
/* change custom icon using image sprites */
background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.step_current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.step_current):nth-of-type(3) > *::before {
background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.step_current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.step_current):nth-of-type(4) > *::before {
background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.step_current:first-of-type > *::before, .cd-multi-steps.custom-icons li.step_current:first-of-type > *::before {
/* change custom icon for the step_current item */
background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.step_current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.step_current:nth-of-type(2) > *::before {
background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.step_current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.step_current:nth-of-type(3) > *::before {
background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.step_current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.step_current:nth-of-type(4) > *::before {
background-position: -60px -20px;
}
/* --------------------------------
Multi steps indicator
-------------------------------- */
.cd-multi-steps {
/* reset style */
background-color: transparent;
padding: 0;
text-align: center;
}
.cd-multi-steps li {
position: relative;
float: none;
margin: 0.4em 40px 0.4em 0;
}
.cd-multi-steps li:last-of-type {
margin-right: 0;
}
.cd-multi-steps li::after {
/* this is the line connecting 2 adjacent items */
position: absolute;
content: '';
height: 1px;
background: #000;
/* reset style */
margin: 0;
}
.cd-multi-steps li.step_done::after {
background-color: #99cc00;
}
.cd-multi-steps li > *, .cd-multi-steps li.step_current > * {
position: relative;
color: #2c3f4c;
}
.cd-multi-steps.custom-separator li::after {
/* reset style */
height: 4px;
background: #e1e1e1;
}
.cd-multi-steps.text-center li::after {
width: 100%;
top: 50%;
left: 100%;
-webkit-transform: translateY(-50%) translateX(-1px);
-moz-transform: translateY(-50%) translateX(-1px);
-ms-transform: translateY(-50%) translateX(-1px);
-o-transform: translateY(-50%) translateX(-1px);
transform: translateY(-50%) translateX(-1px);
}
.cd-multi-steps.text-center li > * {
z-index: 1;
padding: .6em 1em;
border-radius: .25em;
background-color: #e1e1e1;
}
.no-touch .cd-multi-steps.text-center a:hover {
background-color: #2c3f4c;
}
.cd-multi-steps.text-center li.step_current > *, .cd-multi-steps.text-center li.step_done > * {
color: #ffffff;
background-color: #96c03d;
}
.cd-multi-steps.text-center.custom-icons li.step_done a::before {
/* change the custom icon for the step_done item - check icon */
background-position: 0 -60px;
}
.cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
text-align: center;
}
.cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
/* this is the line connecting 2 adjacent items */
position: absolute;
left: 50%;
/* 40px is the right margin value */
width: calc(100% + 40px);
}
@media (max-width: 768px) {
.cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
/* this is the line connecting 2 adjacent items */
position: absolute;
left: 50%;
/* 40px is the right margin value */
width: 100%;
}
.cd-multi-steps li {
margin: 0.4em 0px 0.4em 0;
width: 29%;
}
#order_step li a, #order_step li span {
width: 100%;
}
}
.cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
/* this is the spot indicator */
content: '';
position: absolute;
z-index: 1;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
height: 12px;
width: 12px;
border-radius: 4px;
border: 2px solid #d7d7d7;
background-color: #fff;
}
.cd-multi-steps.text-top .step_todo > *::before, .cd-multi-steps.text-bottom .step_todo > *::before {
border: 2px solid #99cc00;
}
.cd-multi-steps.text-top li.step_done > *::before,
.cd-multi-steps.text-top li.step_current > *::before, .cd-multi-steps.text-bottom li.step_done > *::before,
.cd-multi-steps.text-bottom li.step_current > *::before {
background-color: #99cc00;
border: 2px solid #99cc00;
}
.no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
color: #96c03d;
}
.no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
}
.cd-multi-steps.text-top li::after {
/* this is the line connecting 2 adjacent items */
bottom: 4px;
}
.cd-multi-steps.text-top li > * {
padding-bottom: 20px;
}
.cd-multi-steps.text-top li > *::before {
/* this is the spot indicator */
bottom: 0;
}
.cd-multi-steps.text-bottom li::after {
/* this is the line connecting 2 adjacent items */
top: 3px;
}
.cd-multi-steps.text-bottom li > * {
padding-top: 20px;
}
.cd-multi-steps.text-bottom li > *::before {
/* this is the spot indicator */
top: 0;
}
/* --------------------------------
Add a counter to the multi-steps indicator
-------------------------------- */
.cd-multi-steps.count li {
counter-increment: steps;
}
.cd-multi-steps.count li > *::before {
/* content: counter(steps) " - ";*/
}
.cd-multi-steps.text-top.count li > *::before,
.cd-multi-steps.text-bottom.count li > *::before {
/* this is the spot indicator */
content: counter(steps);
height: 40px;
width: 40px;
line-height: 35px;
font-size: 24px;
color: #000;
top: -12px;
}
.cd-multi-steps.text-top.count li.step_done > *::before,
.cd-multi-steps.text-bottom.count li.step_done > *::before {
/* this is the spot indicator */
content: "\f00c";
font-family: FontAwesome;
height: 40px;
width: 40px;
line-height: 35px;
font-size: 24px;
color: #fff;
top: -12px;
}
.cd-multi-steps.text-top.count li:not(.step_current) em::before,
.cd-multi-steps.text-bottom.count li:not(.step_current) em::before {
/* steps not step_done yet - counter color */
color: #2c3f4c;
}
.cd-multi-steps.text-top.count li::after {
bottom: 11px;
}
.cd-multi-steps.text-top.count li > * {
padding-bottom: 34px;
}
.cd-multi-steps.text-bottom.count li::after {
top: 17px;
}
.cd-multi-steps.text-bottom.count li > * {
padding-top: 34px;
}
@media (max-width: 768px) {
.cart_delete {
position: relative;
right: 10px;
}
.cart_delete {
float: none;
display: table;
width: 300px;
position: relative;
top: 20px;
right: 50px;
}
/*
.cd-breadcrumb li, .cd-multi-steps li {
margin:0px!important;
} */
#order-detail-content .rowkoszyk {
border-bottom: 0px !important;
}
.prdct_row .cart_quantity {
font-size: 14px;
margin-bottom: 20px;
}
.prdct_row .cart_quantity::before {
content: "Ilość: ";
}
.prdct_row .price::before {
content: "Cena: ";
}
}
@media (max-width: 767px) {
.chat-product {
bottom: 7% !important;
right: 6% !important;
}
.cart_boxing {
padding: 15px !important;
}
.inline-input .le-button {
width: 32% !important;
}
.widget_body #order_total_price_container {
font-size: 20px !important;
}
#total_shipping, .cart-price {
font-size: 14px !important;
}
#scrollUp {
bottom: 10%;
}
.columns-container {
margin-bottom: unset !important;
}
.inner-bottom-xs {
padding-bottom: unset !important;
}
.new-product-gallery {
border: unset !important;
}
.single-product-gallery .gallery-thumbs .item a, .single-product-gallery .gallery-thumbs li a {
border: unset;
}
.bottom-fix {
position: fixed;
bottom: 3px;
width: 100%;
margin: 0px;
z-index: 300;
opacity: 0.9;
}
.bb-mobile {
padding-top: 1% !important;
}
.cart_quantity div.cart_quantity_centering {
float: unset;
margin-right: unset;
margin-bottom: unset;
}
.cart_product .product-name a {
font-size: 13px;
font-weight: 600;
}
.cart_total .price {
margin-top: -7%;
float: unset !important;
}
.cart_quantity_delete {
margin-left: unset !important;
float: unset !important;
margin-top: unset !important;
display: block;
padding-top: 1%;
}
.cart_total {
padding: 0;
font-size: 15px;
text-align: right;
font-weight: 100;
margin-top: 5%;
}
.cart_quantity {
padding: 0 !important;
}
.cart_quantity_centering {
display: flex !important;
width: 90%;
align-items: center;
justify-content: center;
}
.cart_quantity_delete {
margin: 7px 0 0 5px !important;
text-align: left;
}
.cart_quantity_delete > span {
position: relative;
font-size: 20px;
}
.cart-quantity-label {
font-size: 12px;
margin-top: -8px;
margin-right: 15px;
}
.ps-cart-item {
padding-top: 20px;
}
.ps-cart-item-container {
padding-right: 15px;
padding-left: 15px;
}
.ps-cart-item-container:last-of-type .ps-cart-item {
border-bottom: 1px solid #ccc;
}
.ps-cart-item .product-name {
text-align: left;
}
#order-detail-content .rowkoszyk {
margin-bottom: 0 !important;
}
}
.ps-cart-item .product-name a {
color: #333 !important;
}
@media (min-width: 768px) {
.ps-cart-item {
padding: 20px 0;
}
}
.landing .col-md-3 {
margin-top: 20px;
border-right: 1px solid #ccc;
}
@media (min-width: 994px) {
.landing :nth-child(4n) {
border-right: none;
}
}
@media (max-width: 767px) {
.landing :nth-child(2n) {
border-right: none;
}
}
@media (max-width: 767px) {
.nav-tabs.simple li.active a {
padding: 12px 35px;
}
.tp-bullets {
display: none;
}
.products-list .product-item .row .price-area {
padding-left: 0px;
}
#content_battery .top .col-md-6 h1 {
font-size: 23px;
line-height: 35px;
}
}
.land-battery .land-item {
margin: 15px 0px;
}
.land-battery .land-item img {
border: 3px solid #ccc;
border-radius: 7px;
}
.land-battery .land-item:hover img {
border: 3px solid #99cc00;
border-radius: 7px;
}
.land-battery .land-item h1 {
color: #8f8d8d;
text-transform: uppercase;
text-align: center;
font-size: 17px;
line-height: 23px;
font-family: 'Open Sans', sans-serif;
}
@media (max-width: 767px) {
.land-battery .land-item h1 {
font-size: 13px;
line-height: 16px;
}
}
.single-product-gallery-item-product {
padding-bottom: 0px !important;
}
.new-product-gallery .owl-controls {
display: none;
}
.new-product-gallery {
border: 1px solid #dbdbdb;
}
.product-gallery .gallery-thumbs ul li {
padding: 1px;
}
/* NOWY KOSZYK */
.cart_quantity .btn {
height: 20px;
padding: 3px 9px;
}
.cart_quantity_centering {
padding: 10px 0;
}
.cart_total .price {
float: left;
}
.cart_quantity_delete {
color: #a09e9e;
margin-left: 20px;
font-size: 20px;
float: left;
margin-top: 13px;
}
.cart_boxing {
padding: 20px;
border-radius: 5px;
border: 1px solid #99cc00;
}
.price #total_price {
color: #c82d05;
}
.cart_navigation .le-button {
background-color: #ff8104;
}
.order-menu {
padding: 8px 0px;
background-color: #99cc00;
display: none;
}
.order-sing-in {
padding-bottom: 10px;
}
.order-sing-in .bordered {
font-weight: normal !important;
line-height: 36px;
color: #444;
margin-bottom: 12px;
text-align: center;
}
.order-sing-in h2 {
padding-bottom: 0px;
font-size: 26px;
}
.order-sing-in .form-group {
margin-bottom: 15px;
}
.register-form .form_info {
font-size: 12px;
}
.register-form .checkbox {
padding-left: 0px;
}
.register-form .checkbox label {
font-size: 12px;
}
.register-form a {
color: var(--color-link);
}
/* CROSS SELLING */
#crossselling .row .title_block {
padding-left: 15px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
text-transform: uppercase;
font-weight: normal;
font-size: 16px;
}
#crossselling .s_title_block {
font-size: 13px;
font-weight: normal;
color: #ccc;
}
#crossselling .s_title_block a {
color: #3a3838;
}
#crossselling .star_content {
display: flex;
}
#crossselling .star-holder img {
width: 14px;
margin-right: 1px;
}
#crossselling .ajax_add_to_cart_button {
display: inherit;
text-transform: uppercase;
font-size: 12px;
color: #ff8104;
white-space: nowrap;
}
#crossselling .min_price {
font-size: 11px;
line-height: 11px;
text-decoration: line-through;
color: #5d5d5d;
text-align: right;
}
#crossselling .price_container {
color: #c82d05;
font-weight: 100;
font-size: 18px;
text-align: right;
}
.checkout-new-address .edit-address h3 {
border-bottom: 1px solid #ccc;
text-transform: uppercase;
text-align: center;
padding-bottom: 10px;
}
.btn-continue-shopping {
padding: 7px 14px;
color: #444;
background: #eee;
border-radius: 4px;
}
.btn-continue-shopping:hover,
.btn-continue-shopping:focus {
color: black;
}
.cart-continue-shopping {
margin: 0 15px 10px;
}
@media (min-width: 768px) {
.cart-continue-shopping {
margin: 135px 0 0;
}
}
@media (min-width: 992px) {
.cart-continue-shopping {
margin-top: 96px;
}
}
#step2 h2 {
font-size: 26px;
line-height: 20px;
color: #434343;
padding-bottom: 14px;
font-weight: normal !important;
font-family: 'Open Sans', sans-serif;
text-align: center;
}
#step3 h2 {
border-bottom: 1px solid #ccc;
font-size: 21px;
line-height: 20px;
text-transform: uppercase;
color: #434343;
padding-bottom: 14px;
font-weight: normal !important;
font-family: 'Open Sans', sans-serif;
text-align: center;
}
#step4 h2 {
border-bottom: 1px solid #ccc;
font-size: 18px;
line-height: 20px;
text-transform: uppercase;
color: #434343;
padding-bottom: 14px;
font-weight: normal !important;
font-family: 'Open Sans', sans-serif;
text-align: center;
}
.add-adress-button {
width: 100%;
border-radius: 3px;
color: #434343;
text-transform: uppercase;
border: 2px solid #9c0;
color: #434343;
background-color: #fff;
}
.add-adress-button:hover {
border: 2px solid #9c0;
background-color: #fff;
color: #434343;
font-weight: 600;
}
.delivery_option .row {
border-bottom: 1px solid #ccc;
padding: 10px 0px;
}
.del-title {
font-size: 13px;
}
.big.next {
background-color: #ff8104;
}
.summary_del {
list-style: none;
}
#summary_del .address_title, #summary_del .address_update, #summary_inv .address_title, #summary_inv .address_update {
display: none;
}
#summary_inv .address_phone, summary_del .address_vat_number {
display: none;
}
#summary_dotpay {
min-height: 85px;
width: 160px;
border-radius: 3px;
border: 1px solid #282828 !important;
margin: 0 auto;
background: #fff;
padding: 8px;
margin-top: 10px;
}
#summary_dotpay .input-container {
display: none;
}
#summary_dotpay .image-container {
display: block;
width: 100%;
text-align: center;
top: 3px;
}
#summary_dotpay .image-container img {
width: 110px;
}
#summary_dotpay .label-container {
text-align: center;
font-size: 12px;
line-height: 14px;
}
#summary_pay {
text-align: center;
}
#summary_pay img {
width: 180px;
}
.order-complete {
border: 2px solid #99cc00;
border-radius: 5px;
padding: 70px 10px;
}
.order-complete p {
font-size: 14px;
margin-bottom: 10px;
}
.order-complete h1 {
padding-top: 0px;
}
.order-complete a {
color: #0066c0;
}
.sing-in-button {
width: 100%;
background-color: #ff8104;
border-radius: 4px;
border: 2px solid #ff8104;
font-weight: 600;
padding: 10px 20px;
display: block;
line-height: 20px;
font-size: 15px;
color: #fff;
margin-bottom: 20px;
margin-top: 10px;
margin: auto;
transition: 0.250s;
}
.sing-in-button:hover, .sing-in-button:active, .sing-in-button:focus {
background: #ef580b;
color: #ffffff;
border: 2px solid #ef580b;
box-shadow: none;
outline: none !Important;
}
.next-register-button {
width: 100%;
border-radius: 3px;
border: 1px solid #ccc;
color: #434343;
background: #fff;
}
.next-register-button:hover {
background: #fbfbfb;
color: #434343;
}
.lost_password {
margin-top: 15px;
text-align: right;
font-size: 13px;
}
.lost_password a {
color: #434343;
}
.order-sign-in-section {
padding-top: 20px;
}
.sign-in-block {
padding: 10px 60px 20px 20px;
}
.register-block {
padding: 10px 20px 20px 60px;
}
.account_creation {
padding-top: 15px;
}
.registration-benefits-list {
list-style: disc;
min-height: 196px;
}
.registration-benefits-list li {
display: flex;
align-items: center;
padding-bottom: 5px;
font-size: 13px;
line-height: 18px;
color: #444;
list-style-type: none;
}
.registration-benefits-list li img {
margin-right: 20px;
}
@media (max-width: 992px) {
.sign-in-block,
.register-block {
padding: 0;
border-bottom: 1px solid #ededed;
margin-bottom: 20px;
}
.registration-benefits-list {
min-height: auto;
margin-bottom: 20px;
}
.order-sign-in-section {
padding-left: 15px;
padding-right: 15px;
}
}
.order-sing-in-subheader {
padding-bottom: 25px;
color: #444;
font-size: 14px;
text-align: center;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.register-form {
display: none;
}
#loginnext {
display: none;
}
#step1done, #step4done {
cursor: pointer;
}
@media (max-width: 767px) {
.order-menu img {
transform: scale(0.85);
}
}
#apk {
color: #fff;
border: medium none;
border-radius: 2px;
font-size: 14px;
font-weight: bold;
line-height: 20px;
margin-top: 10px;
padding: 10px 43px;
text-transform: uppercase;
background-color: #99cc00;
}
.add-your-review {
padding-right: 40px;
}
.about-us-href {
color: #5d5d5d;
}
#home2 {
margin-bottom: 0px !important;
}
#home3 {
margin-top: 0px !important;
}
#product .inner-top-xs {
padding-top: 8px;
}
#header_links {
float: right;
border-right: 1px solid #e0e0e0;
}
.category_link {
color: #0E53A5;
margin: 10px;
}
.category_hx {
display: none;
color: #3D3D3D;
}
.category_sub {
color: #333;
font-size: 18px;
padding-top: 10px;
padding-bottom: 10px;
}
/* braintree module START*/
#braintree-card-dropin-submit {
display: none;
}
.step-hidden {
/*opacity: 0;*/
height: 1px;
overflow: hidden;
}
/* braintree module END*/
.white-orange-button {
background-color: #fff;
color: #444;
border-radius: 3px;
border: 1px solid #ff8104;
font-weight: 600;
transition: 0.3s;
padding: 10px 20px;
}
.white-orange-button:hover, .white-orange-button:focus {
color: #000;
border: 1px solid #e47201;
background-color: white;
box-shadow: none;
outline: none;
}
.white-orange-button:active {
border: 2px solid #e45106;
outline: none !Important;
background-color: white;
box-shadow: none;
}
#ordermsg div.row.inner-xs {
margin-left: 0px;
margin-right: -30px;
}
.myaddress-sort-parent {
padding-left: 9px;
padding-right: 9px;
}
.message-parent {
margin-right: -3px;
margin-left: 26px;
}
.return-button-in-cart {
margin-top: 10px;
margin-bottom: 10px;
border: 2px solid transparent;
}
@media screen and (max-width: 991px) {
.payment-methods, .delivery-methods {
padding-top: 0px;
padding-bottom: 0px;
}
.payment-methods > .page-header > .page-title {
text-align: center !important;
}
.myaddress-sort-parent {
padding-left: 30px;
padding-right: 30px;
}
.address_add-parent {
padding-left: 15px;
padding-right: 15px;
}
#ordermsg {
padding-right: 33px;
padding-left: 7px;
}
#sumarry-cart, #sumarry-cart .cart_boxing {
float: none;
margin: auto;
}
.id_address_invoice {
padding-left: 15px;
padding-right: 15px;
}
.section-page-title {
padding-top: 15px;
padding-bottom: 15px;
}
}
/* Brand buttons */
.btn-brand {
width: 264px;
margin: 2px;
padding: 6px 0 10px;
font-size: 15px;
border-radius: 10px;
transition: 0.2s;
}
.btn-brand-primary {
color: #8c0;
background: white;
border: 1px solid #8c0;
}
.btn-brand-primary:hover {
color: #690;
border-color: #690;
}
.btn-brand-secondary {
color: white;
background: #8c0;
border: 1px solid #8c0;
}
.btn-brand-secondary:hover {
background: #690;
border-color: #690;
}
.btn-brand-3 {
position: relative;
width: 200px;
margin: 2px;
padding: 8px 25px;
color: #fff !important;
font-weight: 700;
font-size: 16px;
text-align: center;
background: #9c0;
border: 2px solid transparent;
border-radius: 10px;
transition: 0.2s !important;
}
.btn-brand-3.m--inverse {
color: #9c0 !important;
background: #fff;
border-color: currentColor;
}
.btn-brand-3:hover {
padding-right: 40px;
padding-left: 10px;
background: #8b0;
}
.btn-brand-3.m--inverse:hover {
background: #fff;
}
.btn-brand-3::after {
position: absolute;
top: 50%;
right: 40px;
width: 20px;
height: 20px;
font-size: 14px;
font-family: 'FontAwesome';
line-height: 20px;
transform: translateY(-50%);
opacity: 0;
transition: 0.2s;
content: '\f178';
}
.btn-brand-3.m--inverse::after {
color: #9c0;
}
.btn-brand-3:hover::after {
right: 20px;
opacity: 1;
}
.myaccount_user > p {
text-align: center;
font-size: 14px;
}
.section.inner-top-xs, .section.my-address.inner-top-xs {
border: 1px solid #E0E0E0 !important;
padding: 10px 20px;
min-height: 180px;
margin: 5px 0;
}
.inner-top-xs > h2 {
text-align: center;
color: #99cc00;
margin-bottom: 0;
padding-top: 5px;
}
.acc-box {
padding: 0 10px;
}
.acc-button {
background-color: white;
border: 2px solid #e0e0e0;
padding: 8px 50px;
display: inline-block;
line-height: 20px;
font-size: 15px;
margin-bottom: 10px;
}
.acc-button:hover {
border: 2px solid #99cc00;
color: black;
background-color: white;
}
.acc-button a:hover {
color: black;
}
.myaccount_user {
text-align: center;
margin-top: -30px;
margin-bottom: 40px;
}
.myaccount_user > a {
color: #747474;
font-weight: bold;
}
.inner-top-xs > .myaccount_address {
line-height: 20px;
text-align: center;
}
.section.order-history.inner-top-xs > p.myaccount_order {
line-height: 20px;
text-align: center;
}
.inner-top-xs > .myaccount_order-slips {
line-height: 20px;
text-align: center;
}
.icon-chevron-right.right {
padding-left: 6px;
}
.sign-in {
padding-bottom: 20px;
}
.order__history--table tr td h2 {
margin-bottom: 0;
padding: 20px 0 10px;
color: #3d3d3d;
font-size: 16px;
}
/* Wide screen */
@media (min-width: 1330px) {
.container {
width: 1300px;
}
}
.comment_note-category {
width: 14px;
margin-right: 1px;
}
/* email i telefon nad logo na mobile */
.contact-row .contact-mobile {
padding: 15px 5px;
color: #777;
}
.contact-row .contact-mobile a {
color: #777;
}
/* Stickers */
.sticker-container {
position: relative;
}
.sticker {
position: absolute;
top: 0;
bottom: 0;
right: 0;
z-index: 2;
width: 100%;
max-width: 160px;
background-repeat: no-repeat;
background-position: center right;
background-size: contain;
}
.sticker.--bf-10.--de {
background-image: url('/themes/media-center/img/stickers/black-friday/de/10.png');
}
.sticker.--bf-10.--en {
background-image: url('/themes/media-center/img/stickers/black-friday/en/10.png');
}
.sticker.--bf-10.--fr {
background-image: url('/themes/media-center/img/stickers/black-friday/fr/10.png');
}
.sticker.--bf-10.--it {
background-image: url('/themes/media-center/img/stickers/black-friday/it/10.png');
}
.sticker.--bf-15.--de {
background-image: url('/themes/media-center/img/stickers/black-friday/de/15.png');
}
.sticker.--bf-15.--en {
background-image: url('/themes/media-center/img/stickers/black-friday/en/15.png');
}
.sticker.--bf-15.--fr {
background-image: url('/themes/media-center/img/stickers/black-friday/fr/15.png');
}
.sticker.--bf-15.--it {
background-image: url('/themes/media-center/img/stickers/black-friday/it/15.png');
}
.sticker.--bf-20.--de {
background-image: url('/themes/media-center/img/stickers/black-friday/de/20.png');
}
.sticker.--bf-20.--en {
background-image: url('/themes/media-center/img/stickers/black-friday/en/20.png');
}
.sticker.--bf-20.--fr {
background-image: url('/themes/media-center/img/stickers/black-friday/fr/20.png');
}
.sticker.--bf-20.--it {
background-image: url('/themes/media-center/img/stickers/black-friday/it/20.png');
}
.sticker.--bf-25.--de {
background-image: url('/themes/media-center/img/stickers/black-friday/de/25.png');
}
.sticker.--bf-25.--en {
background-image: url('/themes/media-center/img/stickers/black-friday/en/25.png');
}
.sticker.--bf-25.--fr {
background-image: url('/themes/media-center/img/stickers/black-friday/fr/25.png');
}
.sticker.--bf-25.--it {
background-image: url('/themes/media-center/img/stickers/black-friday/it/25.png');
}
.sticker.--bf-35.--de {
background-image: url('/themes/media-center/img/stickers/black-friday/de/35.png');
}
.sticker.--bf-35.--en {
background-image: url('/themes/media-center/img/stickers/black-friday/en/35.png');
}
.sticker.--bf-35.--fr {
background-image: url('/themes/media-center/img/stickers/black-friday/fr/35.png');
}
.sticker.--bf-35.--it {
background-image: url('/themes/media-center/img/stickers/black-friday/it/35.png');
}
.sticker.--bf-50.--de {
background-image: url('/themes/media-center/img/stickers/black-friday/de/50.png');
}
.sticker.--bf-50.--en {
background-image: url('/themes/media-center/img/stickers/black-friday/en/50.png');
}
.sticker.--bf-50.--fr {
background-image: url('/themes/media-center/img/stickers/black-friday/fr/50.png');
}
.sticker.--bf-50.--it {
background-image: url('/themes/media-center/img/stickers/black-friday/it/50.png');
}
.sticker.--bf-70.--de {
background-image: url('/themes/media-center/img/stickers/black-friday/de/70.png');
}
.sticker.--bf-70.--en {
background-image: url('/themes/media-center/img/stickers/black-friday/en/70.png');
}
.sticker.--bf-70.--fr {
background-image: url('/themes/media-center/img/stickers/black-friday/fr/70.png');
}
.sticker.--bf-70.--it {
background-image: url('/themes/media-center/img/stickers/black-friday/it/70.png');
}
@media (min-width: 768px) {
.sticker {
background-position: bottom right;
}
}
/* Add to cart pop-up */
.ca-popup {
z-index: 2147483601;
padding-top: 0 !important;
background: rgba(0, 0, 0, 0.35);
border-radius: 5px;
}
.ca-popup .modal-header .close {
position: static;
color: #5d5d5d !important;
font-weight: 100;
font-size: 32px;
line-height: 26px;
opacity: 1;
transform: translateX(14px);
}
.ca-popup-details {
display: flex;
margin-right: auto;
}
.ca-popup .modal-body {
margin: 0;
padding: 10px;
padding-bottom: 0;
}
.ca-popup .modal-content {
width: 750px;
max-width: 96%;
margin: 0 auto;
padding: 0 12px;
border: 0;
}
.ca-popup .modal-footer {
text-align: center;
border-radius: 0 0 10px 10px;
padding: 19px 0px 20px;
}
.ca-popup .modal-footer .btn {
min-width: 280px;
line-height: 36px;
margin: 2px 10px;
padding: 0 10px;
font-weight: 500;
font-size: 14px;
}
.ca-popup .modal-footer .btn-default {
border-color: #9c0;
font-weight: 500;
}
.ca-popup .modal-footer .btn-default:focus,
.ca-popup .modal-footer .btn .btn-default:active,
.ca-popup .modal-footer .btn-default:hover {
background-color: white;
border-color: #60c011;
box-shadow: none!important;
}
@media screen and (max-width: 359px) {
.ca-popup .modal-footer .btn {
min-width: 235px;
}
}
.ca-popup .modal-header {
padding: 12px 15px;
border-radius: 10px 10px 0 0;
}
.ca-popup-info {
display: flex;
}
.ca-popup .modal-title {
color: #1f1f1f !important;
font-weight: 600;
font-size: 16px;
}
.ca-popup .modal-title .fa {
margin-right: 10px;
color: #9c0 !important;
}
.ca-popup .cross-selling-title {
color: #1f1f1f;
font-size: 18px;
text-align: center;
text-transform: none;
}
.ca-popup .cs-thumbnail {
max-width: 80%;
margin: 0 auto;
}
@media (max-width: 767px) {
.ca-popup .cs-thumbnail {
max-width: 70%;
max-height: 64px;
}
.ca-popup .cross-selling .swiper-container {
width: 100%;
height: 180px;
}
.ca-popup .cross-selling .swiper-slide {
justify-content: flex-start;
}
}
.ca-popup-frequently-title {
font-size: 16px;
}
.ca-popup-hr {
margin: 10px -20px;
border-color: #e5e5e5;
}
.ca-popup-product .layer_cart_img {
flex: 0 0 70px;
margin-right: 20px;
}
.ca-popup-product-item {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
font-size: 13px;
}
.ca-popup-product-price {
margin-left: 20px;
text-align: right;
font-weight: 600;
font-size: 16px;
white-space: nowrap;
}
.ca-popup-product-quantity {
font-size: 11px;
}
.ca-popup-product-title {
margin-bottom: 5px;
font-weight: 600;
}
@media (min-width: 768px) {
.ca-popup .modal-body {
padding: 20px;
}
.ca-popup .modal-title {
text-align: center;
}
.ca-popup-product {
display: flex;
padding: 8px 0;
}
.ca-popup-product-price {
margin-top: 0;
margin-left: 20px;
text-align: right;
}
}
.ca-popup .modal-body .cross-selling-ajax {
display: none;
}
/* SVG images */
.sv-white {
filter: brightness(0) invert(1);
}
/* Toast */
.ts-toast {
position: absolute;
top: 100%;
left: 50%;
z-index: 150;
display: none;
width: auto;
min-width: 120px;
height: auto !important;
padding: 15px 18px;
color: #3d3d3d;
font-size: 12px;
line-height: 10px;
text-align: center;
background: #fff;
border-radius: 0.4em;
box-shadow: 0 0 1em #9999995c;
transform: translateX(-50%);
}
.ts-toast::after {
position: absolute;
top: 0;
left: 50%;
width: 0;
height: 0;
margin-top: -7px;
margin-left: -7px;
border: 7px solid transparent;
border-top: 0;
border-bottom-color: #fff;
content: '';
}
#wz-device-model .ts-toast {
top: 54px;
}
.to-container:not(.st-sticky) #to-topnav-cart .ts-toast {
top: 85%;
}
/* Misc */
.block-center {
display: block;
margin-right: auto;
margin-left: auto;
}
.highlight-brand {
color: #8c0;
}
.highlight-brand.--bold {
font-weight: 500;
}
.loader-full {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
display: none;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.8);
}
.loader-full.--visible {
display: flex;
}
.loader-full-text {
margin-top: 5px;
}
.nocopy {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.scrolling-anchor {
position: relative;
}
.select2 {
font-size: 12px !important;
}
.select2-selection {
border-color: #ddd !important;
}
.select2-dropdown {
border-color: #ddd !important;
}
.select2-basic2 {
z-index: 9999999999;
text-align: center;
}
.select2-basic2 .select2-results__option {
color: #3d3d3d !important;
font-size: 12px;
background: #fff !important;
}
.select2-basic2 .select2-results__option--highlighted {
background: #eee !important;
}
.select2-basic2 .select2-selection--single {
height: 35px !important;
}
.select2-basic2 .select2-selection__rendered {
line-height: 35px !important;
}
.select2-basic2 .select2-selection__arrow {
height: 35px !important;
}
@media (max-width: 991px) {
.h--noscroll-mobile {
overflow: hidden;
}
.select2-dropdown {
z-index: 10000004 !important;
}
}
[id^="trustbadge-container-"] {
z-index: 999999998 !important;
}
div [id^="maximized-trustbadge-"] {
margin-top: 100px !important;
}
@media (min-width: 649px) {
[id^="tsbadge4_"][id^="tsbadge4_"],
[id^="tsbadge4_"][id^="tsbadge4_"]:hover,
[id^="minimized-trustbadge-"][id^="minimized-trustbadge-"],
[id^="minimized-trustbadge-"][id^="minimized-trustbadge-"]:hover {
top: 50% !important;
bottom: auto !important;
transform: translate(15px, -50%) !important;
}
}
/* dodaj do ulubionych */
.wishlist__btn {
color: #5d5d5d;
text-align: center;
font-weight: bold;
padding: 0 5px 15px 5px !important;
margin: 0 !important;
display: block;
font-size: 13px;
cursor: pointer;
}
.wishlist__btn:hover, .wishlist__btn:focus, .wishlist__btn:active {
color: #000;
}
/* OPISY - KATEGORIE */
.additional-description-block {
margin: 0 10px;
font-size: 13px;
padding-bottom: 15px;
text-align: justify;
}
.additional-description-block__title {
color: #3D3D3D;
font-size: 18px;
line-height: 1.6;
}
.inline-text {
display: inline;
font-size: 13px;
font-weight: unset;
color: #5d5d5d;
line-height: unset;
letter-spacing: unset;
}
/* Kolumny z popularnymi kategoriami */
.additionalLinks {
padding-top: 15px;
text-align: left;
}
.additionalLinks__title {
margin-bottom: 12px;
margin-top: 12px;
font-size: 16px;
text-align: left;
color: #3d3d3d;
}
.additionalLinks__link{
margin-bottom: 3px;
padding-left: 0;
text-align: left;
color:#0066c0;
}
@media (max-width: 768px) {
#additionalLinks {
padding-top: 10px;
padding-left: 0;
}
}
/* Register login */
.order-sign-in-section {
border-top: 1px solid #ededed;
padding-top: 20px;
}
.google-login-header {
margin-top: 10px;
}
.google-line {
line-height: 30px!important;
}
.sign-in-block {
padding: 10px 60px 20px 20px;
}
.register-block {
padding: 10px 20px 20px 60px;
}
.registration-benefits-list {
list-style: disc;
min-height: 196px;
}
.registration-benefits-list li {
padding-bottom: 5px;
font-size: 13px;
line-height: 18px;
}
@media (max-width: 992px) {
.sign-in-block,
.register-block {
padding: 0;
border-bottom: 1px solid #ededed;
margin-bottom: 20px;
}
.registration-benefits-list {
min-height: auto;
margin-bottom: 20px;
}
}
.order-sing-in-subheader {
display: block;
font-size: 14px;
text-align: center;
padding-bottom: 10px;
}
.social-login-section {
font-size: 26px;
line-height: 20px;
color: #434343;
padding-bottom: 14px;
font-weight: normal !important;
font-family: 'Open Sans', sans-serif;
text-align: center;
}
@media (max-width: 992px) {
.social-login-section {
font-size: 18px!important;
line-height: 36px;
}
}
/* Password Checker */
.passchecker {
margin: 5px 15px;
}
.passchecker-element-invalid {
border-color: var(--color-danger) !important;
}
.passchecker-label {
margin-top: 2px;
margin-right: 15px;
font-size: 13px;
text-align: right;
}
.passchecker-invalid .passchecker-label {
color: var(--color-danger);
}
.passchecker-meter {
display: flex;
align-items: center;
height: 2px;
background: #eee;
border-radius: 10px;
}
.passchecker-value {
height: 100%;
background: #000;
border-radius: 10px;
}
/* Styled inputs */
.styled-label {
display: inline-block !important;
font-weight: normal;
cursor: default;
}
.styled-control {
position: absolute;
left: -9999px;
visibility: hidden;
}
.styled-element {
position: relative;
top: -1px;
display: inline-block;
width: 16px;
height: 16px;
margin-right: 6px;
vertical-align: middle;
background: #fff;
border: 1px solid #777;
border-radius: 2px;
transition: 0.2s;
}
.fm-container.m--touched.m--invalid .styled-element {
border-color: var(--color-danger);
}
.styled-radio {
width: 13px;
height: 13px;
border-radius: 50%;
}
.styled-control:checked + .styled-radio,
.styled-control:checked + label .styled-radio {
border: 1px solid #000;
}
.styled-control:disabled + .styled-element {
background: #ddd;
cursor: not-allowed;
opacity: 0.3;
}
.styled-checkbox::after {
position: absolute;
top: 2px;
left: 5px;
width: 4px;
height: 8px;
border: 1px solid transparent;
border-top-width: 0;
border-left-width: 0;
transform: rotate(45deg) skew(10deg);
transition: 0.2s;
content: '';
}
.styled-control:checked + .styled-checkbox::after,
.styled-control:checked + label .styled-checkbox::after {
border-color: #555;
}
.styled-radio::after {
position: absolute;
top: 2px;
left: 2px;
width: 7px;
height: 7px;
background: transparent;
border-radius: 50%;
transition: 0.2s;
content: '';
}
.styled-control:checked + .styled-radio::after,
.styled-control:checked + label .styled-radio::after {
background: #000;
}
.variation-empty-cell {
height: 0;
}
@media (min-width: 992px){
.variation-empty-cell {
height: 137px;
}
}
@media (min-width: 1300px){
.variation-empty-cell {
height: 181px;
}
}
.picturesincategories-mobile,
.picturesincategories-desktop {
margin: 20px 0;
padding: 0;
}
.picturesincategories-desktop {
display: flex;
}
.picturesincategories-desktop div {
width: 100%;
min-width: 50%;
padding: 10px;
text-align: center;
}
.picturesincategories-mobile img,
.picturesincategories-desktop img {
margin: 10px 0;
}
@media (min-width: 768px) {
.picturesincategories-mobile,
.picturesincategories-desktop {
margin: 25px 0;
}
}
/* Model designation info */
.designation-info-btn {
margin-top: 7px;
color: #5d5d5d;
font-size: 11px;
text-align: right;
cursor: pointer;
}
/* footer */
.footer-container .about-us-icons-wrapper {
background: #fff;
border-top: 1px solid #ededed;
}
.footer-container .about-us-icons-container {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
max-width: 1300px;
margin: 0 auto;
padding: 20px 0;
}
.footer-container .about-us-item {
width: 110px;
text-align: center;
}
.footer-container .about-us-item:last-of-type {
width: 145px;
}
.about-us-icon-title {
font-size: 13px;
}
.footer-container .about-us-icons-container img {
display: flex;
margin: 0 auto;
}
@media (min-width: 768px) {
.footer-container .about-us-icons-container {
justify-content: space-between;
}
.footer-container .about-us-item {
display: flex;
align-items: center;
width: 20%;
height: 51px;
margin: 10px 0;
text-align: left;
}
.footer-container .about-us-item:last-of-type {
width: 20%;
}
.about-us-icon-title {
width: 175px;
padding: 0 0 0 8px;
font-size: 15px;
}
.footer-container .about-us-icons-container img {
display: block;
margin: 0;
}
}
.lic-header {
color: #9c0;
font-size: 18px;
}
.lic-link {
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #eee;
}
.lic-link:last-of-type {
border-bottom: none;
}
.lic-link a {
display: inline-flex;
align-items: center;
color: #3d3d3d;
font-size: 14px;
}
.lic-link img {
margin-right: 15px;
}
.lic-link i {
padding-left: 10px;
color: #9c0;
}
/* Sticky */
.st-sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.st-placeholder {
display: none;
}
.st-sticky + .st-placeholder {
display: block;
}
.st-placeholder.m--hidden {
display: none;
}
/* Top */
.to-container {
z-index: 2147483001;
width: 100%;
padding: 10px 0;
color: #3d3d3d;
font-size: 12px;
background: #fff;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}
.to-container a {
color: #3d3d3d;
transition: none;
}
.to-container-inner {
position: relative;
padding: 0 20px;
}
.to-wrapper {
display: flex;
align-items: center;
}
.to-mobile-close-btn {
position: fixed;
color: #fff;
font-size: 50px;
background: transparent;
border: none;
}
@media (min-width: 992px) {
.to-container {
position: relative;
padding: 0;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
}
.to-container.st-sticky {
position: fixed;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.to-container-inner {
padding: 0;
}
}
/* Logo */
.to-logo {
width: 140px;
}
.to-logo img {
display: block;
padding: 3px 0;
}
@media (min-width: 992px) {
.to-logo {
width: 212px;
margin-right: 45px;
transition: width 0.3s ease;
}
.st-sticky .to-logo {
width: 172px;
}
}
/* Main navigation */
.to-mainnav {
position: fixed;
top: 0;
right: 100%;
bottom: 0;
z-index: 10000000000;
width: 100%;
overflow: auto;
font-size: 16px;
visibility: hidden;
transition: 0.4s;
}
@media (max-width: 991px) {
.iqitmegamenu-mobile-small {
position: relative;
display: flex;
width: 100%;
height: 100%;
min-height: 100vh;
background-color: transparent;
transition: background 1s ease;
}
}
.cbp-mobilesubmenu {
width: 85%;
background: #fff;
}
.cbp-mobilesubmenu .container {
width: 100%;
background: #fff;
}
.cbp-mobilesubmenu-close-btn {
display: flex;
align-items: flex-start;
justify-content: center;
width: 15%;
}
.to-mainnav.m--visible {
right: 0;
display: block !important;
width: 100%;
visibility: visible;
}
.to-mainnav-btn-container {
display: none;
margin-right: 27px;
}
.to-mainnav-btn-container .hamburger:hover {
opacity: 1;
}
.to-mainnav-btn-container .hamburger-inner,
.to-mainnav-btn-container .hamburger-inner::after,
.to-mainnav-btn-container .hamburger-inner::before {
width: 26px;
height: 2px;
background-color: #3d3d3d;
}
.to-mainnav-btn-container .hamburger-inner::after {
bottom: -9px;
width: 24px;
height: 2px;
}
.to-mainnav-btn-container .hamburger-inner::before {
top: -9px;
width: 28px;
height: 2px;
}
.to-mainnav-btn-container .hamburger.is-active .hamburger-inner::after {
width: 26px;
}
.to-mainnav-mobile-btn {
position: relative;
width: 35px;
height: 27px;
background: transparent;
border: 0;
}
.to-mainnav-mobile-btn > span,
.to-mainnav-mobile-btn > span::after,
.to-mainnav-mobile-btn > span::before {
position: absolute;
left: 0;
display: inline-block;
width: 26px;
height: 2px;
background: #3d3d3d;
}
.to-mainnav-mobile-btn > span::after,
.to-mainnav-mobile-btn > span::before {
content: '';
}
.to-mainnav-mobile-btn > span::after {
bottom: -9px;
width: 24px;
}
.to-mainnav-mobile-btn > span::before {
top: -9px;
width: 28px;
}
.to-mainnav-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 102;
display: none;
background: rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
.to-mainnav {
position: absolute;
top: 90%;
right: auto;
bottom: auto;
display: none;
overflow: visible;
font-size: 13px;
background: transparent;
visibility: visible;
transition: none;
pointer-events: none;
}
.to-mainnav-btn-container {
display: block;
}
}
/* Search */
@media (max-width: 991px) {
.to-search {
position: absolute;
bottom: 0;
left: 0;
z-index: 1050;
width: 100%;
height: 50%;
padding: 0 20px 10px;
background: #fff;
}
.to-search-input-container {
border-radius: 10px;
height: 40px !important;
}
.to-search-input-wrapper {
right: 45px !important;
border-right: 1px solid #e6e6e6;
}
.to-search-input {
padding: 0 30px 0 15px !important;
}
.to-search-submit-btn {
position: absolute;
top: 50%;
right: 5px;
display: block !important;
width: 40px;
height: 40px;
font-size: 22px;
line-height: 0;
background: 0 0;
border: 0;
transform: translateY(-50%);
}
.to-search-close-btn {
display: none;
}
}
@media (min-width: 992px) {
.to-search {
display: block;
flex: 1;
margin-right: 20px;
}
}
/* Top navigation */
.to-topnav {
margin-left: auto;
}
.to-topnav-menu {
display: flex;
align-items: flex-start;
}
.to-topnav-item {
position: relative;
display: none;
}
.to-topnav-item.m--cart {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
.to-topnav-item.m--mobile {
display: block;
margin-left: 10px;
font-size: 9px;
}
.to-topnav-item > a {
position: relative;
z-index: 102;
display: block;
color: #3d3d3d !important;
text-align: center;
background: #fff;
}
.to-has-links a:hover,
.to-has-links a:focus {
color: #9c0;
}
.to-topnav-item-img {
position: relative;
width: 30px;
height: 22px;
margin: 0 auto;
}
.to-topnav-item-img img {
height: 30px;
}
.to-topnav-item.m--mobile .to-topnav-item-img img {
height: 19px;
}
.to-topnav-item.m--cart .to-topnav-item-img img,
.to-topnav-item.m--devices .to-topnav-item-img img {
height: 35px;
width: 30px;
}
.to-topnav-item-label {
display: none;
}
.to-topnav-submenu {
position: absolute;
top: 100%;
z-index: 101;
width: 200px;
padding: 10px 20px;
background: #fff;
border-radius: 0 0 8px 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.to-topnav-submenu-help {
z-index: 101;
background: #fff;
border-radius: 0 0 8px 8px;
}
.to-topnav-submenu-help li {
padding: 15px 0;
}
.to-topnav-submenu-help .to-topnav-info {
padding: 25px 0;
}
.to-topnav-item:focus-within .to-topnav-submenu {
visibility: visible;
opacity: 1;
pointer-events: all;
}
.to-topnav-item:hover .to-topnav-submenu {
visibility: visible;
opacity: 1;
pointer-events: all;
}
.to-topnav-submenu li {
margin-bottom: 5px;
padding: 5px 0 3px;
}
@media (max-width: 359px) {
.to-topnav-item.m--cart-mobile {
margin-right: 7px;
}
.m--cart-mobile .to-badge {
right: -8px;
}
}
@media (min-width: 360px) {
.to-topnav-item-img {
width: 50px;
}
}
@media (min-width: 992px) {
.to-topnav-item {
display: block;
border-radius: 10px;
}
.to-topnav-item.m--cart {
width: auto;
height: auto;
overflow: unset;
}
.to-topnav-item.m--has-submenu {
border-radius: 10px 10px 0 0;
}
.to-topnav-item.m--mobile {
display: none;
}
.to-topnav-item:hover {
z-index: 104;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.to-topnav-item:focus-within {
z-index: 104;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.to-topnav-item > a {
min-width: 90px;
padding: 10px 10px;
border-radius: 10px;
}
.to-topnav-item.m--has-submenu > a {
padding-bottom: 20px;
border-radius: 10px 10px 0 0;
}
.to-topnav-item-img {
width: 50px;
height: 42px;
}
.st-sticky .to-topnav-item-img {
height: 30px;
}
.to-topnav-item-label {
display: block;
}
.st-sticky .to-topnav-item-label {
display: none;
}
.to-topnav-menu {
padding-top: 10px;
}
.st-sticky .to-topnav-menu {
padding: 0;
}
.st-sticky .to-topnav-item > a {
padding: 8px 0;
}
}
/* Top navigation: account */
.to-topnav-submenu.m--account-guest {
right: -80px;
width: 240px;
}
.to-topnav-account {
display: flex;
flex-direction: column;
align-items: center;
margin: 60px 0;
}
.to-topnav-account-content {
margin: 20px 0;
font-size: 16px;
}
/* Top navigation: badge */
.to-badge {
position: absolute;
top: -2px;
right: -1px;
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
padding-left: 0.5px;
color: #fff;
font-weight: 700;
font-size: 12px;
background: #9c0;
border: 1px solid #fff;
border-radius: 50%;
}
.m--cart-mobile .to-badge {
width: 20px;
height: 20px;
font-size: 10px;
}
.to-badge.m--hidden {
visibility: hidden;
}
.to-badge.m--secondary {
background: #9c0;
}
.to-badge.mobile--secondary {
top: -5px;
right: 21px;
width: 20px;
height: 20px;
background: #9c0;
}
.to-badge.m--updated {
animation: badge-updated 1s 2;
}
@keyframes badge-updated {
0%,
100% {
box-shadow: 0 0 0 4px rgba(153, 204, 0, 0);
}
40%,
60% {
box-shadow: 0 0 0 4px rgba(153, 204, 0, 0.5);
}
}
/* Top navigation: info */
.to-topnav-info {
margin-top: 10px;
line-height: 1.6;
}
.to-topnav-info a {
font-weight: 600;
}
.to-topnav-info-hours {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
color: #777;
}
.to-topnav-info-hours > div {
width: 50%;
}
.to-topnav-info-hours > div:nth-child(even) {
text-align: right;
}
.to-topnav-item.m--cart .to-topnav-submenu {
right: 0;
width: 310px;
max-height: 70vh;
padding: 10px;
overflow: auto;
user-select: none;
scrollbar-width: thin;
}
.to-topnav-item.m--cart .to-topnav-submenu::-webkit-scrollbar {
width: 10px;
}
.to-topnav-item.m--cart .to-topnav-submenu::-webkit-scrollbar-track {
background: #f1f1f1;
}
.to-topnav-item.m--cart .to-topnav-submenu::-webkit-scrollbar-thumb {
background: #cecece;
}
.to-topnav-item.m--cart .to-topnav-submenu::-webkit-scrollbar-thumb:hover {
background: #a7a7a7;
}
.to-topnav.m--menu {
margin-left: 0;
}
.to-topnav.m--menu .to-topnav-item {
margin-right: 20px;
margin-left: 0;
}
.to-topnav-item-cart {
display: flex;
border-bottom: 1px solid #ececec;
}
.to-topnav-item-cart-img {
width: 80px;
}
.to-topnav-item-cart-img img {
padding-right: 10px;
}
.to-topnav-discount,
.to-topnav-total {
display: flex;
justify-content: space-between;
margin: 0;
padding: 5px 0;
}
.to-topnav-discount {
font-size: 14px;
}
.to-topnav-discount span:last-of-type {
color: #8c0;
font-weight: 700;
}
.to-topnav-total {
margin-bottom: 10px;
font-weight: 700;
font-size: 16px;
}
.to-topnav-item-cart-name {
display: block;
margin-bottom: 20px;
font-size: 14px;
color: #3d3d3d;
}
.to-topnav-item-cart-count {
float: left;
color: #777;
font-size: 12px;
}
.to-topnav-item-cart-price {
float: right;
color: #3d3d3d;
font-size: 16px;
}
.to-topnav-item-cart-price-strike {
padding: 0 5px;
color: #777;
font-size: 12px;
text-decoration: line-through;
}
.to-mainnav-mobile-lang {
padding: 10px 0;
}
#languages-block-top-a {
position: relative;
display: block;
height: 40px;
padding-top: 15px;
color: #3d3d3d;
font-weight: 600;
font-size: 14px;
border-top: 1px solid #99cc00;
}
#languages-block-top-a:hover {
color: #3d3d3d !important;
}
#languages-block-top-a i {
position: absolute;
right: 15px;
font-weight: 600;
font-size: 20px;
}
#languages-block-top-bg {
display: none;
}
#languages-block-top-bg.--open {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#languages-block-top-bg > div {
display: flex;
flex-direction: column;
width: 100%;
padding: 5px 0 20px;
overflow: auto;
background-color: #fff;
}
#languages-block-top-bg a {
position: relative;
padding: 15px 0 15px 30px;
font-weight: 400;
font-size: 14px;
border-bottom: 1px solid #e1e1e1;
}
#languages-block-top-bg a:hover,
#languages-block-top-bg a:active {
color: #3d3d3d !important;
}
#languages-block-top-bg a:hover .languages-block-top-radio::after,
#languages-block-top-bg a:active .languages-block-top-radio::after{
background-color: #9c0;
}
.languages-block-top-label {
padding-right: 40px;
white-space: nowrap;
}
.languages-block-top-radio {
position: absolute;
top: calc(50% - 8px);
right: 14px;
width: 16px;
height: 16px;
background-color: #f4f4f4;
border-radius: 50%;
}
.languages-block-top-radio::after {
position: absolute;
top: calc(50% - 6px);
right: 2px;
width: 12px;
height: 12px;
background: #fff;
border-radius: 50%;
content: '';
}
#languages-block-top-bg a:last-of-type {
border-bottom: none;
}
#languages-footer {
display: none;
}
@media (min-width: 992px) {
#languages-footer {
display: flex;
justify-content: flex-start;
}
}
#languages-desktop {
position: relative;
}
#languages-desktop .languages-desktop-select {
display: inline-block;
padding: 5px 10px;
border: 1px solid #e6e6e6;
border-radius: 10px;
cursor: pointer;
user-select: none;
}
#languages-desktop .languages-desktop-select i {
padding-left: 10px;
font-weight: 700;
}
#languages-block-desktop {
position: absolute;
right: 0;
bottom: 33px;
z-index: 2147483648;
display: none;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
width: 620px;
padding: 20px 40px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
@media (min-width: 1920px) {
#languages-block-desktop {
right: unset;
}
}
#languages-block-desktop a {
position: relative;
z-index: 1;
display: flex;
flex-wrap: nowrap;
align-items: center;
width: 230px;
height: 42px;
padding: 10px 0;
color: #3d3d3d;
font-weight: 400;
font-size: 14px;
border-bottom: 1px solid #f4f4f4;
}
#languages-block-desktop a img {
padding-left: 5px;
}
#languages-block-desktop a:first-child,
#languages-block-desktop a:nth-child(2) {
border-top: 1px solid #f4f4f4;
}
#languages-block-desktop a:hover,
#languages-block-desktop a:active {
color: #3d3d3d !important;
}
#languages-block-desktop a:hover .languages-block-top-radio::after,
#languages-block-desktop a:active .languages-block-top-radio::after,
#languages-block-desktop a:focus .languages-block-top-radio::after {
background-color: #9c0;
transition: background-color 0.2s ease;
}
#languages-block-desktop .fa-angle-down {
font-weight: 600;
}
.gl-android-text,
.gl-android-text-mobile {
position: relative !important;
}
/* Navigation */
#cbp-hrmenu .cbp-hrmenu-tab-1 .col-xs-2 {
width: 20% !important;
}
/* Modal */
.mo-modal {
color: #3d3d3d;
border-radius: 0;
}
.mo-modal .modal-content {
padding: 25px 12px;
}
.mo-modal .modal-dialog {
top: 46px;
transform: none !important;
}
.mo-modal .modal-header {
margin-bottom: -35px;
border-bottom: 0;
}
.mo-modal .modal-header .close {
position: absolute !important;
top: -30px;
right: 22px;
z-index: 1;
color: #fff !important;
}
.mo-back-btn {
position: absolute;
top: 14px;
left: 10px;
z-index: 1;
display: none;
padding: 5px 10px;
color: #3d3d3d;
font-size: 28px;
background: transparent;
border: 0;
cursor: pointer;
}
.mo-state:not(.m--default) {
display: none;
}
.mo-title {
margin-bottom: 5px;
font-size: 22px;
text-align: center;
}
.mo-state:not(.m--default) .mo-title {
padding: 0 20px;
}
.mo-size {
max-width: 785px;
}
.mo-size-box {
max-width: 680px;
}
@media (min-width: 768px) {
.mo-modal .modal-dialog {
top: 20%;
}
.mo-modal .modal-header {
margin-bottom: -50px;
}
.mo-modal .modal-header .close {
top: 15px;
right: 30px;
color: #3d3d3d !important;
font-size: 35px;
}
.mo-back-btn {
top: 8px;
}
.mo-title {
font-size: 25px;
}
}
/* My account: order history */
#block-history .footable.breakpoint > tbody > tr > td > span.footable-toggle {
display: none;
}
#block-history .footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
display: none;
}
@media (min-width: 992px) {
.order__history--table tr td h2 {
padding: 20px 0 15px;
}
}
/* Page Buttons */
.bt {
display: inline-block;
min-width: 130px;
min-height: 36px;
padding: 8px 10px;
font-weight: 700;
font-size: 15px;
text-align: center;
border: 2px solid transparent;
border-radius: 8px;
transition: 0.1s;
}
.bt.m--proper-size {
padding: 4px 0;
}
.bt.m--primary {
color: #fff;
background-color: #ff8104;
}
.bt.m--primary:hover {
background-color: #ef580b;
}
.bt.m--primary-desktop-menu {
min-width: 110px;
min-height: 26px;
padding: 0 10px;
font-size: 13px;
line-height: 26px;
}
.bt.m--inverted-primary {
color: #ff8104;
background-color: #fff;
border-color: #ff8104;
}
.bt.m--inverted-primary:hover {
color: #fff !important;
background-color: #ff8104;
}
.bt.m--disabled {
color: #fff;
background-color: #c6c6c6;
cursor: not-allowed;
}
.bt.m--inverted-primary-grey {
color: #777777;
background-color: #fff;
border-color: #c2c2c2;
}
.bt.m--inverted-primary-grey:hover {
color: #fff !important;
background-color: #ff8104;
border-color: #ff8104;
}
@media (max-width: 756px) {
.ap5-product_pack {
width: 100%;
}
.bt.m--inverted-primary-mobile {
width: 100%;
color: #ff8104;
background-color: #fff;
border-color: #ff8104;
}
.bt.m--inverted-primary-mobile:hover {
color: #fff;
background-color: #ff8104;
}
}
.bt.m--secondary {
padding-right: 15px;
padding-left: 15px;
color: #fff;
background-color: #9c0;
}
.bt.m--secondary:hover {
background-color: #8b0;
}
.bt.m--inverted-secondary {
color: #3d3d3d;
background-color: #fff;
border-color: #9c0;
}
.bt.m--inverted-secondary:hover {
color: #fff;
background-color: #9c0;
}
@media (min-width: 768px) {
.bt.m--secondary-top-space {
margin-top: 30px;
width: 225px;
}
}
.bt.m--go-to-basket {
width: 40%;
margin: 0 1.5%;
}
@media (max-width: 991px) {
.bt.m--go-to-basket-mobile {
width: 90%;
margin: 10px 0;
}
}
.bt.m--basket-sum-up {
min-height: 46px;
padding: 13px 0;
border-radius: 8px;
}
.bt.m--back {
min-width: 245px;
padding-right: 15px;
padding-left: 15px;
color: #777;
font-weight: normal;
background-color: #fff;
border-color: #c6c6c6;
}
.bt.m--back:hover {
color: #fff !important;
background-color: #c6c6c6;
}
@media (max-width: 465px) {
.bt.m--back {
width: 100%;
}
}
.bt.m--back-account {
min-width: 195px;
}
.bt.m--edit {
min-width: 80px;
line-height: 27px;
}
@media (min-width: 1200px) {
.add-new-address {
width: 50%;
}
}
.bt.m--login {
width: 100%;
margin-top: 10px;
}
.bt.m--fullwidth {
width: 100%;
}
@media (max-width: 700px) {
.bt.m--fullwidth-product {
width: 90%;
}
}
@media (min-width: 701px) and (max-width: 991px) {
.bt.m--fullwidth-product {
width: 60%;
}
}
.bt.m--about-us {
min-width: 215px;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
}
@media (min-width: 450px) {
.bt.m--max-width-fav {
max-width: 295px;
}
}
@media (min-width: 992px) {
.bt.m--my-account-btn {
width: 295px;
}
}
@media (min-width: 466px) and (max-width: 767px) {
.bt.m--position-center {
margin-left: 50%;
transform: translateX(-50%);
}
}
.bt.m--bottom-space {
margin-bottom: 10px;
}
.bt.m--size {
width: 100%;
max-width: 300px;
}
.bt.m--my-devices {
position: absolute;
bottom: 0;
left: 50%;
min-height: 30px;
padding: 4px;
font-size: 13px;
transform: translate(-50%, 50%);
}
.bt.m--search {
width: 250px;
color: #9c0;
}
@media (max-width: 767px) {
.bt.m--search {
width: 100%;
height: 50px;
}
}
.carousel--strike-price {
display: none;
}
.carousel__value-container {
align-items: center;
}
/* List of products */
.stars-rate {
margin-top: 12px;
}
.right-clmn {
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
}
.send-order {
flex: 0 !important;
order: 0 !important;
margin: 12px 0 !important;
}
.img-for-list {
width: auto;
max-height: 100%;
}
#registernext {
margin-top: 10px;
}
.prev-price {
color: #aaa;
font-size: 12px;
line-height: 12px;
text-decoration: line-through;
}
.add-cart-button {
align-self: flex-end;
width: 100%;
max-width: 260px;
}
.pl-item-reviews {
font-size: 12px;
}
.pl-item-reviews > div {
display: inline-block;
}
/* Form */
:root {
--fm-color-control-border: #ddd;
}
.fm-container {
position: relative;
margin-top: -20px;
padding-top: 10px;
}
.fm-container.m--nolabel {
padding-top: 0;
}
input[type="date"] {
line-height: inherit;
}
/* Form: control */
.fm-control,
.fm-container .select2-selection {
position: relative;
z-index: 1;
display: block;
width: 100%;
min-height: 40px;
padding: 10px 15px 8px;
color: #3d3d3d;
font-size: 14px;
background: #fff;
border: 1px solid var(--fm-color-control-border);
border-radius: 8px;
}
.fm-control:focus,
.select2-container--focus .select2-selection {
border-color: #929292 !important;
}
select.fm-control {
background: url("data:image/svg+xml,