@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700&family=Oswald:500&subset=latin-ext&display=swap");
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
outline: 0;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow {
display: inline-block;
position: absolute;
top: 47%;
z-index: 1;
width: 2.5rem;
height: 2.5rem;
margin: 0;
padding: 0;
border: 0;
background-color: #F9F9F9;
border-radius: 2rem;
padding: 0.5rem;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #242424;
transform: translateY(-50%);
}
.slick-arrow:hover {
color: #cfc2ae;
}
.slick-arrow svg {
width: 1.5rem;
height: 1.5rem;
}
.slick-arrow.slick-next {
right: -0.25rem;
}
.slick-arrow.slick-prev {
left: -0.25rem;
stroke-width: 2;
}
.slick-arrow.slick-prev svg.icon {
stroke-width: 2;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-dots {
margin: 0 auto;
padding: 0;
list-style: none;
text-align: center;
width: 100%;
position: absolute;
bottom: 2rem;
}
.slick-dots li {
display: inline-block;
}
.slick-dots li button {
background: #242424;
border: 2px solid #ffffff;
width: 8px;
height: 8px;
margin: 4px;
padding: 0;
border-radius: 8px;
text-indent: -99999px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
outline: 0;
}
.slick-dots li.slick-active button {
background: #cfc2ae;
transform: scale(1.5);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
}
.main-banner .slick-dots li button {
border-color: #ffffff;
}
.main-banner .slick-dots li.slick-active button {
background: #ffffff;
border-color: #ffffff;
}
/* Lightbox */
.slick-lightbox {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
background: #000;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.slick-lightbox.slick-hide {
opacity: 0;
}
.slick-lightbox.slick-hide-init {
position: absolute;
top: -9999px;
opacity: 0;
}
.slick-lightbox.slick-lightbox-ie.slick-hide, .slick-lightbox.slick-lightbox-ie.slick-hide-init {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.slick-lightbox .slick-lightbox-inner {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item {
text-align: center;
overflow: hidden;
}
.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner {
display: inline-block;
vertical-align: middle;
max-width: 90%;
max-height: 90%;
}
.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img {
margin: 0 auto;
display: block;
max-width: 90%;
max-height: 90%;
}
.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-caption {
margin-top: 10px;
color: #ffffff;
}
.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-caption {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
width: 100%;
margin-bottom: 20px;
}
.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-caption {
display: block;
text-align: center;
}
.slick-lightbox .slick-lightbox-inner .slick-lightbox-close {
position: absolute;
top: 15px;
right: 15px;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: transparent;
color: transparent;
padding: 0;
border: none;
}
.slick-lightbox .slick-lightbox-inner .slick-lightbox-close:focus {
outline: none;
}
.slick-lightbox .slick-lightbox-inner .slick-lightbox-close:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: #ffffff;
opacity: 0.85;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "×";
}
.slick-lightbox .slick-loading .slick-list {
background-color: transparent;
}
.slick-lightbox .slick-prev {
left: 15px;
}
.slick-lightbox .slick-next {
right: 15px;
}
.product-slider .slick-track, .product-slider .slick-list {
display: flex;
width: 100%;
}
.product-slider .slick-slide {
display: flex;
flex: 1 100%;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.product-slider .slick-slide .product {
width: 100%;
}
/*!.categories- v1.0.0 - 2016-3-1
*.categoriesis a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
/* Menu Appearance */
.categories {
position: fixed;
height: 100%;
width: 94%;
left: 0;
bottom: 5.66rem;
z-index: 9999;
height: calc(100% - 5.66rem);
background: #F9F9F9;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.categories ul {
margin: 0;
padding: 0;
list-style: none;
}
.categories ul button {
background: transparent;
padding: 0;
margin: 0;
border: 0;
}
.categories ul a {
display: block;
text-decoration: none;
outline: 0;
}
.categories.pushy-left {
left: 0;
}
.categories .offcanvas-close {
height: 6.25rem;
font-size: 0.75rem;
}
.categories .offcanvas-close a {
display: block;
width: 48px;
height: 48px;
background: url(img/sprite.png) -48px -48px no-repeat;
margin-top: 26px;
opacity: 0.5;
}
.categories .offcanvas-close a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
transform: rotateZ(180deg);
opacity: 1;
}
.categories .pushy-submenu {
position: relative;
}
.categories .pushy-submenu > a::after,
.categories .pushy-submenu > button::after {
display: block;
width: 8px;
position: absolute;
top: 1.66rem;
right: 0;
content: "▾";
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: transform 0.2s;
color: #cfc2ae;
}
.categories .menu > li {
border-bottom: 2px solid #ebe6de;
}
.categories .menu > li > a, .categories .menu > li > button {
font-size: 1.125rem;
color: #242424;
padding: 1rem 0;
text-align: left;
}
.categories .menu > li > a {
display: none;
}
.categories .pushy-submenu-open .dropdown-menu {
margin-bottom: 1rem;
}
.categories .dropdown-menu li a {
padding: 0.5rem 0;
}
/* Menu Movement */
.pushy-left {
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.pushy-open-left #container,
.pushy-open-left .push {
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.pushy-open-left .categories.pushy-left {
left: 0;
box-shadow: inset 0px -5px 10px -5px rgba(0, 0, 0, 0.15);
}
.pushy-open-left .pushy {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
padding: 1rem;
}
/* Menu Transitions */
#container,
.pushy,
.push {
transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}
/* Site Overlay */
.site-overlay {
display: none;
}
.pushy-open-left .site-overlay {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 5.65rem;
left: 0;
z-index: 9998;
background-color: rgba(0, 0, 0, 0.5);
-webkit-animation: fade 500ms;
animation: fade 500ms;
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* Submenu Appearance */
.pushy-submenu {
/* Submenu Icon */
}
.pushy-submenu ul {
transition: max-height 0.2s ease-in-out;
}
.pushy-submenu ul .pushy-link {
transition: opacity 0.2s ease-in-out;
}
.pushy-submenu > a {
position: relative;
}
.pushy-submenu > a::after {
content: "";
display: block;
height: 11px;
width: 8px;
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: transform 0.2s;
}
/* Submenu Movement */
.pushy-submenu-closed ul {
max-height: 0;
overflow: hidden;
}
.pushy-submenu-closed .pushy-link {
opacity: 0;
}
.pushy-submenu-open {
/* Submenu Icon */
}
.pushy-submenu-open .pushy-link {
opacity: 1;
}
.pushy-submenu-open a::after {
-webkit-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
}
.no-csstransforms3d .pushy-submenu-closed ul {
max-height: none;
display: none;
}
@media (min-width: 768px) {
.pushy-left {
transform: none;
}
.categories {
position: relative;
width: 100%;
left: auto;
margin: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding: 0;
overflow: visible;
visibility: visible;
border-radius: 0;
top: auto;
bottom: auto;
}
.categories.pushy-left {
transform: none;
-webkit-transform: none;
-ms-transform: none;
left: 0;
}
.categories ul.menu {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
max-width: 100%;
max-height: 100%;
position: relative;
text-align: center;
justify-content: flex-start;
margin-left: -1rem;
}
.categories ul.menu > li {
display: block;
position: relative;
border: 0;
}
.categories ul.menu > li > button {
display: none;
}
.categories ul.menu > li > a {
display: block;
text-align: center;
padding: 1.25rem 1rem;
background: #ffffff;
color: #242424;
float: left;
position: relative;
font-weight: normal;
font-size: 1.125rem;
}
.categories ul.menu > li.open > a, .categories ul.menu > li > a:hover, .categories ul.menu > li.open > button, .categories ul.menu > li > button:hover {
color: #cfc2ae;
}
.categories ul.menu > li > a:hover:after, .categories ul.menu > li > button:hover:after {
height: 0.35rem;
}
.categories ul.menu > li > ul.dropdown-menu {
position: absolute;
top: 100%;
left: 1px;
z-index: 9999;
background: #ffffff;
text-align: left;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
display: none !important;
max-height: none;
margin: 0;
padding: 0 0.5rem;
width: 100%;
min-width: 250px;
overflow: visible;
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.categories ul.menu > li > ul.dropdown-menu > li {
position: relative;
display: block;
border-top: 1px solid #F9F9F9;
}
.categories ul.menu > li > ul.dropdown-menu > li:first-child a {
padding-top: 1rem;
}
.categories ul.menu > li > ul.dropdown-menu > li:last-child a {
padding-bottom: 1rem;
}
.categories ul.menu > li > ul.dropdown-menu > li > a {
font-size: 1rem;
line-height: 1.5rem;
color: #242424;
padding: 0.75rem 1rem;
}
.categories ul.menu > li > ul.dropdown-menu > li > a:hover {
background: inherit;
color: #cfc2ae;
}
.categories ul.menu > li > ul.dropdown-menu > li > ul.dropdown-submenu {
display: none;
position: absolute;
top: -1rem;
left: 250px;
background: #ffffff;
z-index: 99999;
max-height: none;
min-width: 250px;
padding: 1rem 0;
}
.categories ul.menu > li > ul.dropdown-menu > li > ul.dropdown-submenu li a {
color: #242424;
}
.categories ul.menu > li > ul.dropdown-menu > li > ul.dropdown-submenu li a:hover {
color: #c5c0b8;
}
.categories ul.menu > li > ul.dropdown-menu > li:hover > ul.dropdown-submenu {
display: block;
}
.categories ul.menu > li > ul.dropdown-menu .submenu > a.head {
line-height: 1.33rem;
color: #c5c0b8;
font-weight: bold;
text-transform: uppercase;
padding: 0.5rem 0;
font-size: 0.85rem;
}
.categories ul.menu > li > ul.dropdown-menu .submenu > a.head:hover {
color: #ebe6de;
}
.categories ul.menu > li > ul.dropdown-menu .submenu > ul {
margin-bottom: 1rem;
}
.categories ul.menu > li > ul.dropdown-menu .submenu > ul > li > a {
padding: 0;
color: #c5c0b8;
font-size: 0.85rem;
text-transform: none;
font-weight: normal;
}
.categories ul.menu > li > ul.dropdown-menu .submenu > ul > li > a:hover {
color: #c5c0b8;
}
.categories ul.menu > li:hover ul.dropdown-menu {
display: block !important;
}
.categories .pushy-submenu > a::after,
.categories .pushy-submenu > button::after {
content: "";
}
.categories > div > ul > li > a {
display: block !important;
}
.categories > div > ul > li > button {
display: none !important;
}
}
/* ==========================================================================
Remodal's necessary styles
========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
overflow: hidden;
touch-action: none;
}
/* Anti FOUC */
.remodal,
[data-remodal-id] {
display: none;
}
/* Necessary styles of the overlay */
.remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
}
/* Necessary styles of the wrapper */
.remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100vw;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch;
}
.remodal-wrapper .btn {
margin-bottom: 10px;
}
.remodal-wrapper h1 {
text-align: left;
}
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: "";
}
/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
backface-visibility: hidden;
}
/* Necessary styles of the modal dialog */
.remodal {
position: relative;
outline: none;
text-size-adjust: 100%;
}
.remodal-is-initialized {
/* Disable Anti-FOUC */
display: inline-block;
}
/* ==========================================================================
Remodal's default mobile first theme
========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
filter: blur(5px);
}
/* Default theme styles of the overlay */
.remodal-overlay {
background: rgba(0, 0, 0, 0.25);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
animation-name: remodal-overlay-closing-keyframes;
}
/* Default theme styles of the wrapper */
.remodal-wrapper {
padding: 10px 10px 0;
}
/* Default theme styles of the modal dialog */
.remodal {
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 35px;
transform: translate3d(0, 0, 0);
border-radius: 1rem;
background: #ffffff;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
animation-name: remodal-closing-keyframes;
}
/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
vertical-align: middle;
}
/* Close button */
.remodal-close {
position: absolute;
top: 0;
right: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
transition: color 0.2s;
text-decoration: none;
color: #ebe6de;
border: 0;
outline: 0;
background: transparent;
}
.remodal-close:hover,
.remodal-close:focus {
color: #c5c0b8;
}
.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
content: "×";
text-align: center;
}
/* Keyframes
========================================================================== */
@keyframes remodal-opening-keyframes {
from {
transform: scale(1.05);
opacity: 0;
}
to {
transform: none;
opacity: 1;
filter: blur(0);
}
}
@keyframes remodal-closing-keyframes {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(0.95);
opacity: 0;
filter: blur(0);
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
/* Media queries
========================================================================== */
@media only screen and (min-width: 641px) {
.remodal {
max-width: 600px;
text-align: left;
}
.remodal .element label {
width: 100%;
}
}
/* IE8
========================================================================== */
.lt-ie9 .remodal-overlay {
background: #2b2e38;
}
.lt-ie9 .remodal {
width: 700px;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
*    without disabling user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
*    Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
*/
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type=search] {
-webkit-appearance: textfield;
/* 1 */
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
html, body {
color: #242424;
font: 14px/1.5 "Open Sans", Helvetica, Arial, sans-serif;
letter-spacing: 0.25px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 100%;
-webkit-overflow-scrolling: touch;
background: #f7f5f1;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
:before, :after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.img-responsive {
max-width: 100%;
display: block;
position: relative;
}
iframe {
border: 0;
width: 100%;
}
pre {
border-radius: 5px;
max-height: 350px;
overflow: scroll;
background: #F9F9F9;
}
.hidden {
display: none !important;
}
@media only screen and (max-width: 991px) {
.hidden-xs {
display: none;
}
}
.remodal-bg {
padding-bottom: 5rem;
}
@media (min-width: 992px) {
.hidden-md {
display: none;
}
.remodal-bg {
padding-bottom: 0;
}
}
.main-content, .page-title {
margin-bottom: 2rem;
}
.content-box {
padding: 2rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
border-radius: 1rem;
margin-bottom: 1rem;
background: #ffffff;
}
@media (min-width: 768px) {
.content-box {
margin-bottom: 2rem;
}
}
.lead {
font-weight: 300;
font-size: 1.275rem;
}
small, .small {
font-size: 0.9rem;
}
blockquote p {
font-size: 1.5rem;
line-height: 1.875rem;
font-weight: 300;
margin-bottom: 0;
}
blockquote .small:before, blockquote footer:before, blockquote small:before {
content: "— ";
}
a {
text-decoration: none;
color: #242424;
}
h1, .h1 {
font-size: 2rem;
line-height: 2.2rem;
letter-spacing: -0.33pt;
}
h2, .h2 {
font-size: 2rem;
line-height: 2.2rem;
letter-spacing: -0.33pt;
}
h3, .h3 {
font-size: 1.275rem;
line-height: 1.625rem;
letter-spacing: -0.33pt;
}
h4, .h4 {
font-size: 1.125rem;
line-height: 1.5rem;
}
h5, .h5 {
font-size: 1.125rem;
line-height: 1.5rem;
}
h6, .h6 {
font-size: 1rem;
line-height: 1.5;
}
#afterAddingToCartPopup h1 {
text-align: center;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-left {
text-align: left;
}
.page-title {
padding: 0 1rem;
margin-top: 1rem;
}
.page-title h1 {
margin-bottom: 0;
}
.page-title small {
font-size: 0.9rem;
color: #cfc2ae;
}
@media (min-width: 992px) {
.page-title {
padding: 0;
}
}
address {
font-style: normal;
}
.summ {
margin-bottom: 1rem;
}
.summ em {
display: block;
font-size: 0.9rem;
font-style: normal;
}
.summ strong {
display: block;
font-size: 1.125rem;
font-weight: bold;
font-style: normal;
}
.summ strong.lg {
font-size: 2rem;
line-height: 2.5rem;
}
.align-right {
text-align: right;
}
.dl-horizontal {
display: flex;
flex-wrap: wrap;
}
.dl-horizontal dt {
flex-basis: 40%;
width: 40%;
margin: 0;
padding: 0.35rem 0.66rem;
border-top-left-radius: 0.35rem;
border-bottom-left-radius: 0.35rem;
}
.dl-horizontal dt:nth-of-type(odd) {
background: #F9F9F9;
}
.dl-horizontal dd {
flex-basis: 60%;
width: 60%;
margin: 0;
font-weight: bold;
padding: 0.35rem 0.66rem;
border-top-right-radius: 0.35rem;
border-bottom-right-radius: 0.35rem;
}
.dl-horizontal dd:nth-of-type(odd) {
background: #F9F9F9;
}
.banner {
display: block;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-bottom: 1rem;
}
.banner:hover {
opacity: 0.8;
}
.banner img {
border-radius: 1rem;
width: 100%;
}
.banner-area {
overflow: hidden;
}
@media (min-width: 992px) {
.banner-area {
margin-top: 2rem;
}
.banner {
margin-bottom: 2rem;
}
.small-banners {
position: relative;
}
.small-banners:after {
content: " ";
display: block;
height: 2rem;
width: 100%;
position: absolute;
bottom: 0;
right: 0;
background: #f7f5f1;
}
}
.brands {
background: #ffffff;
padding: 1rem 0;
}
footer {
padding: 3rem 0;
text-align: center;
font-size: 0.9rem;
position: relative;
color: #ffffff;
background-color: #242424;
}
footer .back-top {
text-align: center;
width: 100%;
margin: 3rem 0 1rem;
cursor: pointer;
}
footer .back-top span {
display: inline-block;
}
footer .back-top .arrow {
display: inline-block;
background: white;
width: 1.75rem;
height: 1.75rem;
border-radius: 1.5em;
line-height: 1.5rem;
padding-top: 0.25rem;
padding-left: 0.1rem;
text-align: center;
margin-left: 0.25rem;
}
footer .back-top .arrow svg {
stroke-width: 2px;
color: #242424;
fill: #242424;
stroke: #242424;
}
footer .footer-link-group {
margin-bottom: 1rem;
border-radius: 1rem;
background: #484848;
}
footer .footer-link-group h4 {
position: relative;
}
footer .footer-link-group h4:after {
content: "▼";
display: inline-block;
font-size: 0.9rem;
position: relative;
left: 0.5rem;
opacity: 0.25;
transform: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
footer .footer-link-group ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
height: auto;
max-height: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
footer .footer-link-group ul li a {
display: block;
padding: 0.5rem;
color: #ffffff;
}
footer .footer-link-group ul li a:hover {
text-decoration: underline;
}
footer .footer-link-group.active ul {
max-height: 25rem;
opacity: 1;
margin-bottom: 1rem;
}
footer .footer-link-group.active h4:after {
transform: rotate(180deg);
}
footer .logo > img {
filter: brightness(0) invert(1);
max-width: 75%;
}
footer small {
font-size: 0.75rem;
color: #c5c0b8;
}
footer small a {
color: #c5c0b8;
}
footer small a:hover {
text-decoration: underline;
}
footer .social {
text-align: center;
}
footer .social ul {
margin: 0;
padding: 0;
}
footer .social ul li {
display: inline-block;
}
footer .social ul li a {
display: block;
margin: 0 1rem;
}
@media (min-width: 992px) {
footer {
padding: 5rem 0;
text-align: left;
}
footer > .wrap > .row {
position: relative;
}
footer .back-top {
text-align: right;
width: auto;
margin: 0;
position: absolute;
bottom: -2rem;
right: 1rem;
}
footer .info {
order: 1;
}
footer .menu {
order: 2;
}
footer .footer-link-group {
background: transparent;
padding: 0;
}
footer .footer-link-group h4:after {
content: none;
transform: none;
}
footer .footer-link-group ul {
height: auto;
overflow: auto;
max-height: none;
opacity: 1;
margin-bottom: 0;
}
footer .footer-link-group ul li a {
padding: 0.33rem 0;
display: inline-block;
}
footer .social {
text-align: left;
margin-bottom: 2rem;
}
footer .social ul li a {
margin-left: 0;
}
}
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
.element {
position: relative;
margin-bottom: 1.5rem;
}
.element div {
position: relative;
}
.element input, .element textarea, .element select {
font-size: 1rem;
padding: 0.75rem 1rem;
display: block;
width: 100%;
background: #F9F9F9;
border: 1px solid #ebe6de;
border-radius: 0.75rem;
box-shadow: inset 1px 2px 3px #00000010;
}
.element label {
display: inline-block;
font-size: 0.9rem;
}
.element.lg input, .element.lg textarea {
font-weight: bold;
padding: 1.5rem;
line-height: 1.5rem;
}
.el-2-col.row {
margin-left: -1rem;
margin-right: -1rem;
}
@media (min-width: 768px) {
.element.lg input {
font-size: 1.275rem;
}
}
.form-select {
position: relative;
z-index: 200;
}
.checkbox label, .radio label {
cursor: pointer;
}
.quantity {
position: relative;
}
.quantity .element {
margin-bottom: 0;
}
.quantity .element input {
text-align: center;
}
/* ====================== QUANTITY ====================== */
.quantity .input-group {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
}
.quantity .input-group button {
position: absolute;
z-index: 101;
color: #FA2D64;
}
.quantity .input-group button.minus {
left: 0;
}
.quantity .input-group button.plus {
right: 0;
}
.quantity .input-group .input-group-btn {
flex-basis: 25%;
}
.quantity .input-group .form-control {
flex-basis: 100%;
}
.quantity .input-group .form-control input {
text-align: center;
font-weight: bold;
font-size: 1.2;
}
.checkbox .channels {
list-style: none;
margin: 0;
padding: 0;
}
.checkbox .channels .channel input {
display: block;
}
.checkbox.tos input {
display: block;
}
div.cs-select {
display: inline-block;
vertical-align: middle;
position: relative;
text-align: left;
z-index: 100;
width: 100%;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 1rem;
line-height: 1.5;
background: #F9F9F9;
border: 1px solid #ebe6de;
border-radius: 0.75rem;
box-shadow: inset 1px 2px 3px #00000010;
padding: 0.75rem 1rem;
}
div.cs-select:focus {
outline: none;
}
.cs-select select {
display: none;
}
.cs-select span {
display: block;
position: relative;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cs-select > span {
padding-right: 2rem;
padding-left: 0rem;
}
.cs-select > span::after,
.cs-select .cs-selected span::after {
speak: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 10px 0;
display: block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.cs-select > span::after {
content: "▾";
right: 0.25rem;
color: #cfc2ae;
}
.cs-select .cs-selected span {
color: #c5c0b8;
}
.cs-select.cs-active > span::after {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
div.cs-active {
z-index: 200;
}
.cs-select .cs-options {
position: absolute;
overflow: hidden;
width: 100%;
background: #F9F9F9;
border-bottom-right-radius: 0.35rem;
border-bottom-left-radius: 0.35rem;
box-shadow: 0 0.35rem 0.7rem rgba(0, 0, 0, 0.15);
border-top: 1px solid #ebe6de;
margin-top: 0.35rem;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
left: 0;
}
.cs-select.cs-active .cs-options {
visibility: visible;
}
.cs-select ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.cs-select ul span {
padding: 0.5rem 2rem;
font-size: 0.85rem;
color: #242424;
text-transform: uppercase;
}
.cs-select ul span:hover {
text-decoration: underline;
}
.cs-select ul li:first-child span {
padding-top: 1rem;
}
.cs-select ul li:last-child span {
padding-bottom: 1rem;
}
.cs-validation {
display: none;
}
.checkbox {
position: relative;
margin-bottom: 0.25rem;
}
.checkbox input[type=checkbox] {
visibility: hidden;
position: absolute;
}
.checkbox label::before {
height: 1.25rem;
width: 1.25rem;
border: 1px solid #ebe6de;
background: #ffffff;
left: 0px;
top: 0px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
border-radius: 0.33rem;
}
.checkbox label {
position: relative;
display: inline-block;
padding-left: 1.66rem;
font-size: 0.9rem;
}
.checkbox label::before,
.checkbox label::after {
position: absolute;
content: "";
display: inline-block;
}
.checkbox label::after {
height: 0.33rem;
width: 0.5rem;
border-left: 2px solid white;
border-bottom: 2px solid white;
transform: rotate(-45deg);
left: 0.33rem;
top: 0.33rem;
}
.checkbox input[type=checkbox] + label::after {
content: none;
}
.checkbox input[type=checkbox]:checked + label {
color: #242424;
}
.checkbox input[type=checkbox]:checked + label::after {
content: "";
}
.checkbox input[type=checkbox]:checked + label::before {
content: "";
background: #cfc2ae;
border-color: #cfc2ae;
}
.checkbox input[type=checkbox]:focus + label::before {
border: 1px solid #c5c0b8;
}
.radio input[type=radio] + label::after {
content: none;
}
.radio input[type=radio]:checked + label {
color: #242424;
}
.radio input[type=radio]:checked + label::after {
content: "";
}
.radio input[type=radio]:checked + label::before {
content: "";
background: #cfc2ae;
border-color: #cfc2ae;
}
.radio input[type=radio]:focus + label::before {
border: 1px solid #c5c0b8;
}
.radio {
position: relative;
margin-bottom: 0.25rem;
}
.radio input[type=radio] {
visibility: hidden;
position: absolute;
}
.radio label::before {
height: 1.25rem;
width: 1.25rem;
border: 1px solid #ebe6de;
background: #ffffff;
left: 0px;
top: 0px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
border-radius: 3rem;
}
.radio label {
position: relative;
display: inline-block;
padding-left: 1.66rem;
font-size: 0.9rem;
}
.radio label::before,
.radio label::after {
position: absolute;
content: "";
display: inline-block;
}
.radio label::after {
height: 0.45rem;
width: 0.45rem;
background: #ffffff;
left: 0.4rem;
top: 0.4rem;
border-radius: 1rem;
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
}
.wrap {
box-sizing: border-box;
max-width: 1400px;
margin: 0 auto;
}
.section {
margin-top: 4rem;
margin-bottom: 1.65rem;
}
.row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 0;
margin-left: 0;
}
#secondary-nav .row {
margin-right: -1rem;
margin-left: -1rem;
}
.row.reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
.col.reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-xs {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.333%;
-webkit-flex-basis: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.667%;
-webkit-flex-basis: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.333%;
-webkit-flex-basis: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.667%;
-webkit-flex-basis: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.333%;
-webkit-flex-basis: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.667%;
-webkit-flex-basis: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.333%;
-webkit-flex-basis: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.667%;
-webkit-flex-basis: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-1 {
margin-left: 8.333%;
}
.col-xs-offset-2 {
margin-left: 16.667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.333%;
}
.col-xs-offset-5 {
margin-left: 41.667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.333%;
}
.col-xs-offset-8 {
margin-left: 66.667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.333%;
}
.col-xs-offset-11 {
margin-left: 91.667%;
}
.start-xs {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
}
.center-xs {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-xs {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
}
.top-xs {
-webkit-align-items: flex-start;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-xs {
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-xs {
-webkit-align-items: flex-end;
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-xs {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-xs {
-webkit-order: -1;
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-xs {
-webkit-order: 1;
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
@media only screen and (min-width: 48em) {
.container {
width: 96%;
}
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-sm {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.333%;
-webkit-flex-basis: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.667%;
-webkit-flex-basis: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.333%;
-webkit-flex-basis: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.667%;
-webkit-flex-basis: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.333%;
-webkit-flex-basis: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.667%;
-webkit-flex-basis: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.333%;
-webkit-flex-basis: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.667%;
-webkit-flex-basis: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-1 {
margin-left: 8.333%;
}
.col-sm-offset-2 {
margin-left: 16.667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.333%;
}
.col-sm-offset-5 {
margin-left: 41.667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.333%;
}
.col-sm-offset-8 {
margin-left: 66.667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.333%;
}
.col-sm-offset-11 {
margin-left: 91.667%;
}
.start-sm {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
}
.center-sm {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-sm {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
}
.top-sm {
-webkit-align-items: flex-start;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-sm {
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-sm {
-webkit-align-items: flex-end;
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-sm {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-sm {
-webkit-order: -1;
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-sm {
-webkit-order: 1;
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 62em) {
.container {
width: 96%;
}
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-md {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.333%;
-webkit-flex-basis: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.667%;
-webkit-flex-basis: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-3.list-5 {
-ms-flex-preferred-size: 20%;
-webkit-flex-basis: 20%;
flex-basis: 20%;
max-width: 20%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.333%;
-webkit-flex-basis: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.667%;
-webkit-flex-basis: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.333%;
-webkit-flex-basis: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.667%;
-webkit-flex-basis: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.333%;
-webkit-flex-basis: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.667%;
-webkit-flex-basis: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-1 {
margin-left: 8.333%;
}
.col-md-offset-2 {
margin-left: 16.667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.333%;
}
.col-md-offset-5 {
margin-left: 41.667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.333%;
}
.col-md-offset-8 {
margin-left: 66.667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.333%;
}
.col-md-offset-11 {
margin-left: 91.667%;
}
.start-md {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
}
.center-md {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-md {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
}
.top-md {
-webkit-align-items: flex-start;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-md {
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-md {
-webkit-align-items: flex-end;
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-md {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-md {
-webkit-order: -1;
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-md {
-webkit-order: 1;
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 75em) {
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-lg {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.333%;
-webkit-flex-basis: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.667%;
-webkit-flex-basis: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.333%;
-webkit-flex-basis: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.667%;
-webkit-flex-basis: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.333%;
-webkit-flex-basis: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.667%;
-webkit-flex-basis: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.333%;
-webkit-flex-basis: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.667%;
-webkit-flex-basis: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-1 {
margin-left: 8.333%;
}
.col-lg-offset-2 {
margin-left: 16.667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.333%;
}
.col-lg-offset-5 {
margin-left: 41.667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.333%;
}
.col-lg-offset-8 {
margin-left: 66.667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.333%;
}
.col-lg-offset-11 {
margin-left: 91.667%;
}
.start-lg {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
}
.center-lg {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-lg {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
}
.top-lg {
-webkit-align-items: flex-start;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-lg {
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-lg {
-webkit-align-items: flex-end;
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-lg {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-lg {
-webkit-order: -1;
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-lg {
-webkit-order: 1;
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 85rem) {
.container {
width: 83rem;
}
}
@media only screen and (min-width: 104rem) {
.container {
width: 100rem;
}
}
@media (min-width: 992px) {
.row {
margin-right: -1rem;
margin-left: -1rem;
}
}
.primary-nav {
background: #242424;
font-size: 0.75rem;
color: #ffffff;
text-transform: uppercase;
}
.primary-nav .right {
text-align: right;
}
.primary-nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.primary-nav ul li {
display: inline-block;
}
.primary-nav ul li a {
color: #c5c0b8;
padding: 0.5rem;
display: block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.primary-nav ul li a:hover {
fill: #F9F9F9;
stroke: #F9F9F9;
color: #F9F9F9;
}
.primary-nav ul li a svg {
fill: #c5c0b8;
stroke: #c5c0b8;
color: #c5c0b8;
}
.primary-nav .lang-curr ul li {
padding: 0.25rem;
color: #c5c0b8;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.primary-nav .lang-curr ul li:hover {
color: #F9F9F9;
}
.main-header {
padding: 1rem 0;
}
.main-header .logo {
margin-bottom: 0.5rem;
}
.main-header .logo a {
display: block;
}
.main-header .logo a img {
margin: auto;
}
.main-header .tapbar {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
background: #ffffff;
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05);
z-index: 9999;
padding: 1rem 0;
text-align: center;
font-size: 0.9rem;
}
.main-header .tapbar .col-xs {
padding: 0;
border-left: 2px solid #F9F9F9;
}
.main-header .tapbar .col-xs:first-of-type {
border-left: 0;
}
.main-header .tapbar svg {
fill: #cfc2ae;
stroke: #cfc2ae;
color: #cfc2ae;
}
.main-header .tapbar em {
color: #242424;
display: block;
font-style: normal;
}
.main-header .icon-menu {
display: block;
width: 100%;
}
.main-header .icon-menu svg {
stroke-width: 3;
}
.main-header .user {
display: block;
}
.main-header .user .link {
display: block;
}
.main-header .user .hello {
display: none;
}
.main-header .cart {
display: block;
}
.main-header .cart .txt {
display: none;
}
.main-header .cart .currency {
display: block;
}
.main-header .cart .currency em {
display: inline;
}
.main-header .cart .amount {
position: relative;
}
.main-header .cart .amount span {
position: absolute;
}
@media (min-width: 992px) {
.primary-nav .lang-curr {
cursor: pointer;
position: relative;
}
.primary-nav .lang-curr .active {
color: #c5c0b8;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.primary-nav .lang-curr .active:after {
content: "▼";
font-size: 0.6em;
position: relative;
top: -1px;
margin-right: 0.25rem;
margin-left: 0.15rem;
}
.primary-nav .lang-curr ul {
position: absolute;
background: #242424;
padding: 0.75rem 1rem;
left: -1rem;
z-index: 1;
opacity: 0;
max-height: 0px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.primary-nav .lang-curr:hover ul {
max-height: 10rem;
opacity: 1;
}
.primary-nav .lang-curr:hover .active {
color: #ffffff;
}
.main-header .logo {
margin: 0;
}
.main-header .logo a img {
margin: 0;
}
.main-header .tapbar {
background: transparent;
box-shadow: none;
position: static;
padding: 0;
text-align: left;
padding-right: 1rem;
font-size: 1rem;
}
.main-header .tapbar .col-xs {
border: 0;
padding-left: 1rem;
padding-right: 1rem;
}
.main-header .user {
display: block;
text-align: right;
position: relative;
padding: 0.75em 2.75rem 0 0;
}
.main-header .user .hello {
display: block;
font-size: 0.9rem;
line-height: 1.33rem;
color: #c5c0b8;
}
.main-header .user .link {
display: block;
font-weight: 700;
line-height: 1rem;
font-size: 1.1rem;
}
.main-header .user .svg {
position: absolute;
right: 0.25rem;
top: 1rem;
color: #cfc2ae;
fill: #cfc2ae;
stroke: #cfc2ae;
}
.main-header .cart {
display: block;
position: relative;
text-align: right;
background: #cfc2ae;
background: linear-gradient(to bottom, #cfc2ae 0%, #bfae94 100%);
padding: 0.75rem 4.5rem 0.75rem 0.5rem;
color: #ffffff;
cursor: pointer;
border-radius: 0.75rem;
background-size: 100% 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.main-header .cart:hover {
box-shadow: 0 10px 10px -10px #cfc2ae;
background-size: 100% 200%;
}
.main-header .cart .txt {
display: block;
font-size: 0.9rem;
line-height: 1.33rem;
}
.main-header .cart .currency {
display: block;
font-weight: 700;
line-height: 1rem;
font-size: 1.1rem;
}
.main-header .cart .amount {
position: absolute;
right: 1rem;
top: 1rem;
color: #ffffff;
fill: #ffffff;
stroke: #ffffff;
}
.main-header .cart .amount svg {
color: #ffffff;
fill: #ffffff;
stroke: #ffffff;
}
.main-header .cart .amount span {
display: none;
}
.main-header .cart .amount:before {
content: "";
position: absolute;
width: 0;
height: 80%;
top: 0;
left: -0.66rem;
border-left: 1px solid #cfc2ae;
}
.categories {
background: #ffffff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.categories .home-menu {
padding-top: 1.25rem;
display: block;
}
.categories .home-menu span {
display: none;
}
.categories .social {
text-align: right;
}
.categories .social ul {
margin: 0;
padding: 0;
}
.categories .social ul li {
display: inline-block;
}
.categories .social ul li a {
display: block;
margin-left: 1rem;
margin-top: 1.25rem;
}
}
.submenu {
list-style: none;
margin: 0 0 3rem 0;
padding: 0;
}
.submenu li {
display: block;
position:relative;
}
.submenu li a {
display: block;
padding: 0.75rem 0;
font-weight: bold;
border-bottom: 1px solid #ebe6de;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
}
.submenu li.active a {
color: #cfc2ae;
}
.submenu li:not(.active) a:hover {
color: #cfc2ae;
padding-left: 0.25rem;
}
.submenu li:last-of-type a {
border-bottom: 0;
}
.submenu li.dropdown > span {
display: inline-block;
font-size: 0.9rem;
position: absolute;
right: 0;
transform: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #cfc2ae;
cursor: pointer;
padding: 0.75rem;
z-indeX: 999;
}
.submenu li.dropdown > span:after {
content: "▼";
display: block;
cursor: pointer;
}
.submenu li.dropdown > ul {
max-height: 0;
margin: 0;
padding: 0 0 0 1rem;
border-bottom: 1px solid #ebe6de;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.submenu li.dropdown > ul li a {
font-weight: normal;
color:#242424;
}
.submenu li.dropdown.active > span {
transform: rotate(180deg);
}
.submenu li.dropdown.active ul {
max-height: 2500rem;
opacity: 1;
}
/*
*  Notify Bar - jQuery plugin
*
*  Copyright (c) 2009-2015 Dmitri Smirnov
*
*  Licensed under the MIT license:
*  http://www.opensource.org/licenses/mit-license.php
*
*  Project home:
*  http://www.whoop.ee/posts/2013/04/05/the-resurrection-of-jquery-notify-bar.html
*/
/* Default bars' style */
.jquery-notify-bar {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 32768;
font-size: 1.125rem;
text-align: center;
padding: 1rem 0;
cursor: pointer;
color: #ffffff;
background-color: #242424;
}
.jquery-notify-bar.bottom {
bottom: 0;
top: auto;
}
.jquery-notify-bar a {
text-decoration: underline;
color: #ffffff;
}
.jquery-notify-bar strong {
margin-right: 0.625rem;
}
/* Style for close button */
.notify-bar-close {
position: absolute;
left: 97%;
top: 13px;
text-decoration: none;
font-size: 30px;
}
.notify-validation {
display: block;
font-size: 1rem;
}
.alert {
text-align: center;
}
.alert.info {
border: 2px solid #6aa700;
}
.alert.warning {
border: 2px solid #ff575a;
}
/* cookies */
.cookies {
text-align: left;
padding: 1rem 2rem;
overflow: hidden;
font-size: 0.9rem;
color: #ffffff;
background: #484848;
}
.cookies a {
text-decoration: underline;
margin: 0 5px;
color: #c5c0b8;
}
.cookies a:hover {
text-decoration: none;
}
.cookies p {
text-align: center;
}
.cookies .close {
background: transparent;
border: 0;
cursor: pointer;
max-width: 5%;
display: inline-block;
}
.remodal.cart-added {
text-align: center;
padding: 3.5rem 2rem 3rem;
border-radius: 1rem;
max-width: 34rem;
}
.remodal.cart-added svg.icon-xl {
stroke-width: 1px;
width: 6rem;
height: 6rem;
stroke: #cfc2ae;
fill: #cfc2ae;
color: #cfc2ae;
}
.remodal.cart-added h3 {
margin-top: 0;
margin-bottom: 2rem;
}
.remodal.cart-added .btn {
margin-bottom: 10px;
margin: 0 0.25rem;
}
.remodal.cart-added .checkbox {
margin-top: 1rem;
}
.btn {
display: inline-block;
font-size: 1rem;
padding: 0.75rem 1.25rem;
border: 0;
text-decoration: none;
text-transform: uppercase;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
font-weight: bold;
border-radius: 0.75rem;
text-align: center;
background-size: 100% 100%;
outline: 0;
color: #ffffff;
background: #cfc2ae;
background: linear-gradient(to bottom, #cfc2ae 0%, #bfae94 100%);
}
.btn:hover {
background-size: 100% 200%;
box-shadow: 0 10px 10px -10px #cfc2ae;
}
.btn.lg {
line-height: 1.625rem;
padding: 1.5rem;
}
.btn.sm {
padding: 0.5rem 0.75rem;
font-size: 0.85rem;
}
.btn.cancel {
color: #242424;
background: #ebe6de;
}
.btn.block {
width: 100%;
}
.btn.dark {
background-color: #242424;
}
.btn.disabled {
cursor: not-allowed;
opacity: 0.5;
}
.btn-number {
border: 0;
background: transparent;
font-weight: bold;
padding: 0.75rem 1.25rem;
position: absolute;
z-index: 999;
top: 0;
left: 0;
color: #cfc2ae;
}
.btn-number.plus {
right: 0;
left: auto;
}
@media (min-width: 768px) {
.btn.lg {
font-size: 1.275rem;
padding: 1.5rem 2.5rem;
}
}
#breadcrumbs {
display: none;
position: relative;
padding: 0.5rem 0;
font-size: 0.9rem;
}
#breadcrumbs ol, #breadcrumbs ul {
margin: 0;
padding: 0;
list-style: none;
}
#breadcrumbs ol li, #breadcrumbs ul li {
display: inline-block;
}
#breadcrumbs ol li a, #breadcrumbs ul li a {
display: inline-block;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #cfc2ae;
}
#breadcrumbs ol li:before, #breadcrumbs ul li:before {
content: "›";
padding-right: 0.5rem;
float: left;
color: #242424;
display: inline-block;
margin-left: 0.5rem;
}
#breadcrumbs ol li:first-child:before, #breadcrumbs ul li:first-child:before {
content: none;
}
#breadcrumbs ol li.active span, #breadcrumbs ul li.active span {
color: #242424;
}
#breadcrumbs ol li a:hover, #breadcrumbs ul li a:hover {
text-decoration: underline;
}
@media (min-width: 768px) {
#breadcrumbs {
display: block;
}
}
#devtool {
background: #000;
color: #ffffff;
height: 36px;
line-height: 36px;
position: fixed;
bottom: 0;
right: 0;
text-align: center;
z-index: 111;
padding: 5px 12px;
font-size: 12px;
}
.icon {
display: inline-block;
background-repeat: no-repeat;
stroke-width: 0;
}
.icon-xs {
height: 0.75rem;
width: 0.75rem;
}
.icon-sm {
height: 1rem;
width: 1rem;
}
.icon-md {
height: 2rem;
width: 2rem;
}
.icon-lg {
height: 2.5em;
width: 2.5em;
}
.icon-xl {
height: 4em;
width: 4em;
}
.listitem .product {
border-radius: 1rem;
box-shadow: 0px 1px 1px 0px #eeeeee;
padding: 2rem;
margin-bottom: 2rem;
position: relative;
height: calc(100% - 2rem);
display: flex;
flex-direction: column;
justify-content: space-between;
background: #ffffff;
}
.listitem .product .image {
height: 15rem;
display: flex;
align-items: center;
justify-content: center;
}
.listitem .product .image a {
display: block;
max-height: 15rem;
}
.listitem .product .image a img {
max-width: 100%;
max-height: 15rem;
}
.listitem .product .desc .name {
display: block;
}
.listitem .product .desc .name a {
display: block;
width: 100%;
text-align: center;
padding: 0.5rem 0;
font-weight: bold;
}
.listitem .product .desc .name .rating {
position: absolute;
bottom: 2.66rem;
left: 2rem;
}
.listitem .product .desc .name .rating span {
display: inline-block;
width: 1.5rem;
height: 1.5rem;
line-height: 1.5rem;
text-align: center;
border-radius: 1.5rem;
padding-top: 1px;
margin-right: 0.5rem;
color: #ffffff;
background: #FFC015;
}
.listitem .product .desc .name .rating span.empty {
background: #ebe6de;
}
.listitem .product .desc .name .rating em {
font-style: normal;
}
.listitem .product .desc .description {
display: none;
}
.listitem .product .data .price {
margin-bottom: 1rem;
text-align: center;
font-size: 1.125rem;
}
.listitem .product .data .price .type {
display: none;
}
.listitem .product .data .price .current {
display: inline-block;
}
.listitem .product .data .price .current.promo {
font-weight: bold;
padding-right: 0.25rem;
display: inline-block;
color: #FA2D64;
}
.listitem .product .data .price .prev {
text-decoration: line-through;
font-size: 1rem;
display: inline-block;
padding-right: 0.25rem;
color: #c5c0b8;
}
.listitem .product .data .avb, .listitem .product .data .stock, .listitem .product .data .quantity {
display: none;
}
.listitem .product .data .cta {
display: flex;
justify-content: flex-end;
}
.listitem .product .data .cta .add-to-cart {
flex-basis: 65%;
overflow: hidden;
}
.listitem .product .data .cta .add-to-cart svg.cart {
display: none;
margin: auto;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
transform: translateY(0%);
opacity: 1;
}
.listitem .product .data .cta .add-to-cart span {
display: block;
width: 100%;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.listitem .product .data .cta .add-to-cart svg.tick {
position: absolute;
top: 50%;
stroke-width: 2;
left: 50%;
transform: translateX(-50%) translateY(100%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 0;
}
.listitem .product.in-cart .data .cta .add-to-cart span, .listitem .product.in-cart .data .cta .add-to-cart svg.cart {
transform: translateY(-200%);
opacity: 0;
}
.listitem .product.in-cart .data .cta .add-to-cart svg.tick {
transform: translateX(-50%) translateY(-50%);
opacity: 1;
}
@media (min-width: 768px) {
.product-list.list .listitem {
width: 100%;
flex-basis: 100%;
max-width: 100%;
}
.product-list.list .listitem .product {
flex-direction: row;
}
.product-list.list .listitem .product .image {
width: 20%;
flex-basis: 20%;
align-items: flex-start;
}
.product-list.list .listitem .product .desc {
width: 50%;
flex-basis: 50%;
}
.product-list.list .listitem .product .desc .name a {
text-align: left;
font-size: 1.125rem;
line-height: 1.5rem;
margin-bottom: 0.5rem;
display: inline-block;
width: auto;
}
.product-list.list .listitem .product .desc .name .rating {
position: static;
display: inline-block;
margin-left: 1.5rem;
}
.product-list.list .listitem .product .desc .description {
display: block;
}
.product-list.list .listitem .product .data {
width: 25%;
flex-basis: 25%;
}
.product-list.list .listitem .product .data .price {
text-align: left;
font-size: 1.125rem;
line-height: 1.5rem;
padding: 0.5rem 0;
margin-bottom: 0.5rem;
}
.product-list.list .listitem .product .data .avb, .product-list.list .listitem .product .data .stock {
display: block;
font-size: 0.9rem;
margin-bottom: 0.25rem;
}
.product-list.list .listitem .product .data .cta {
margin-top: 1.5rem;
padding-right: 2rem;
}
.product-list.list .listitem .product .data .cta .quantity {
display: block;
position: relative;
}
.product-list.list .listitem .product .data .cta .add-to-cart {
width: 4.5rem;
height: 3rem;
padding: 0.5rem;
flex-basis: auto;
margin-left: 0.5rem;
}
.product-list.list .listitem .product .data .cta .add-to-cart svg.cart {
display: block;
}
.product-list.list .listitem .product .data .cta .add-to-cart span {
display: none;
}
.product-list.list .listitem .product .data .cta .cancel {
flex-basis: 100%;
}
}
@media (min-width: 992px) {
.product-list.list .listitem .product .data .cta {
padding-right: 3.5rem;
}
}
.newsletter {
padding: 1rem 0.5rem 2rem;
margin: 1rem 2rem;
border-radius: 1rem;
background: #cfc2ae;
}
.newsletter .txt {
margin-top: 1rem;
text-align: center;
}
.newsletter .txt h2 {
margin-top: 0;
color: #ffffff;
}
.newsletter .data .subscribe {
display: block;
position: absolute;
top: 0.25rem;
right: 0.25rem;
width: 2.5rem;
height: 2.5rem;
text-align: center;
line-height: 2.5rem;
padding-top: 0.25rem;
border-radius: 0.5rem;
color: #ffffff;
background-color: #242424;
}
.newsletter .data .subscribe svg {
width: 1.75rem;
}
.newsletter .data .subscribe span {
display: none;
}
.newsletter .element {
margin-bottom: 0.33rem;
}
.newsletter .checkbox label {
font-size: 0.75rem;
padding-top: 0.25rem;
}
@media (min-width: 768px) {
.newsletter {
margin: 0 0 1rem;
padding: 2rem;
}
.newsletter .txt {
text-align: right;
margin-top: -0.33rem;
}
}
.newsletter-popup {
text-align: center;
}
.newsletter-popup .banner {
margin-left: -35px;
margin-right: -35px;
margin-top: -35px;
margin-bottom: 0;
}
.newsletter-popup .banner img {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.newsletter-popup h3 {
margin-top: 2.5rem;
margin-bottom: 0;
}
.newsletter-popup p {
margin-bottom: 2rem;
}
.newsletter-popup .data .subscribe {
display: block;
position: absolute;
top: 0.25rem;
right: 0.25rem;
width: 2.5rem;
height: 2.5rem;
text-align: center;
line-height: 2.5rem;
padding-top: 0.25rem;
border-radius: 0.5rem;
color: #ffffff;
background-color: #242424;
}
.newsletter-popup .data .subscribe svg {
width: 1.75rem;
}
.newsletter-popup .data .subscribe span {
display: none;
}
.newsletter-popup .element {
margin-bottom: 0.33rem;
}
.newsletter-popup .checkbox label {
font-size: 0.75rem;
padding-top: 0.25rem;
}
.pagination {
list-style: none;
margin: 2rem 0;
padding: 0;
text-align: center;
}
.pagination li {
display: inline-block;
}
.pagination li a {
display: inline-block;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-transform: uppercase;
font-weight: bold;
border-radius: 0.5rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
background: #ffffff;
color: #cfc2ae;
}
.pagination li a.active {
color: #242424;
}
.pagination li a:hover:not(.prev-next) {
color: #242424;
}
.search-frm {
position: relative;
}
.search-frm .autocomplete {
position: absolute;
width: calc(100% - 2rem);
top: 3.5rem;
left: 1rem;
padding: 0;
z-index: 99999;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
background: #ffffff;
}
.search-frm .autocomplete .product {
display: flex;
align-items: center;
border-bottom: 1px solid #F9F9F9;
padding: 0.5rem 1rem;
position: relative;
z-index: 99999;
}
.search-frm .autocomplete .product:hover {
background: #F9F9F9;
}
.search-frm .autocomplete .product:last-of-type {
border: 0;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.search-frm .autocomplete .product .img {
display: flex;
max-width: 50px;
margin-right: 1rem;
}
.search-frm .autocomplete .product .img img {
max-width: 100%;
height: auto;
}
.search-frm .autocomplete .product .names .name {
font-weight: bold;
}
.search-frm .autocomplete .product .names .name strong {
color: #cfc2ae;
}
.search-frm .autocomplete .product .names .price {
font-size: 0.85rem;
color: #c5c0b8;
}
.search-frm .search-phrase {
width: 100%;
border: 0;
padding: 0 4.5rem 0 1.5rem;
border-radius: 1rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
height: 4rem;
background: #ffffff;
}
.search-frm .search-button {
position: absolute;
right: 1.25rem;
top: 0.25rem;
padding: 0.75rem;
width: 3.5rem;
height: 3.5rem;
border: 0;
background: transparent;
color: #cfc2ae;
}
.search-frm .search-button em {
display: none;
}
.search-frm .search-button svg {
stroke: #cfc2ae;
fill: #cfc2ae;
color: #cfc2ae;
}
.tabs {
margin-top: 2rem;
margin-bottom: 2rem;
}
.tabs ul.horizontal {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
border-bottom: 1px solid #ebe6de;
padding: 0;
}
.tabs ul.horizontal li {
min-width: 15%;
text-align: center;
display: block;
flex: 1;
}
.tabs ul.horizontal li a {
display: block;
font-weight: bold;
position: relative;
bottom: -1px;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
padding: 0.5rem 0.5rem;
font-size: 0.75rem;
margin: 0;
height: 100%;
background: #F9F9F9;
}
.tabs li.active a {
border: 1px solid #ebe6de;
border-bottom: 0;
background: #ffffff;
color: #cfc2ae;
}
@media (min-width: 768px) {
.tabs ul.horizontal li {
flex: 0 1 auto;
}
.tabs ul.horizontal li a {
padding: 0.75rem 1.25rem;
font-size: 1.125rem;
margin: 0 0.25rem;
}
}
.home-blog {
margin-bottom: 2rem;
}
.home-blog h2 {
text-align: center;
}
.blog-page .item h3, .home-blog .item h3 {
margin-bottom: 0;
}
.blog-page .item time, .home-blog .item time {
color: #cfc2ae;
}
.blog-page .item .content-box, .home-blog .item .content-box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.blog-page .item .content-box a.img, .home-blog .item .content-box a.img {
width: 100%;
display: block;
}
.blog-page .item .content-box .desc, .home-blog .item .content-box .desc {
flex-basis: 85%;
}
.blog-page .item .content-box .arrow, .home-blog .item .content-box .arrow {
background: #242424;
border-radius: 0.5rem;
color: #ffffff;
fill: #ffffff;
stroke: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 0.35rem 0 0 0.5rem;
height: 2rem;
width: 2rem;
margin-top: 1.5rem;
}
.blog-page .item:hover .content-box .arrow, .home-blog .item:hover .content-box .arrow {
background: #cfc2ae;
}
.list-view {
margin-top: 3rem;
margin-bottom: 0;
display: none;
justify-content: flex-end;
list-style: none;
}
.list-view li {
padding-right: 1rem;
color: #cfc2ae;
fill: #cfc2ae;
}
.list-view li span {
display: none;
}
.list-view li.active {
color: #242424;
fill: #242424;
}
#filters-toggle-box {
display: none;
}
.filters-content {
padding-bottom: 2rem;
}
.filters-content .filter {
margin-bottom: 2.5rem;
}
.filters-content .filter .head {
font-size: 1.275rem;
line-height: 1.625rem;
letter-spacing: -0.33pt;
font-weight: bold;
padding: 0.75rem 0;
}
.filters-content .filter.price {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
}
.filters-content .filter.price .head {
flex-basis: 100%;
}
.filters-content .filter.price .element {
flex-grow: 1;
margin-right: 0.5rem;
margin-bottom: 0;
max-width: calc(50% - 2rem);
}
.filters-content .filter.price .element input {
background: #ffffff;
}
.filters-content .filter.price #btn_flt {
height: 3rem;
width: 3rem;
padding: 0.33rem 0 0;
}
.filters-content .filter.price #btn_flt span {
display: none;
}
.filters-content .filter.price #btn_flt svg {
width: 1.5rem;
height: 1.5rem;
}
.category-desc {
margin-bottom: 2rem;
}
.category-desc p:first-of-type {
margin-top: 0;
font-size: 1.125rem;
}
#sort {
display: flex;
align-items: center;
margin-top: 2.5rem;
}
#sort label {
font-weight: 0.9rem;
padding-right: 1rem;
display: inline-block;
}
#sort .cs-select {
flex-grow: 2;
background: #ffffff;
width: auto;
padding: 0.75rem 1rem;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
border: 0;
}
#sort .cs-select .cs-options {
background: #ffffff;
}
@media (min-width: 768px) {
#filters-toggle-box {
display: block;
}
}
@media (min-width: 992px) {
.list-view {
display: flex;
}
}
.contact-frm textarea {
min-height: 15rem;
}
.contact .content-box {
height: calc(100% - 2rem);
}
.contact #map-canvas {
min-height: 450px;
}
.details > .col-xs-12 > .content-box {
position: relative;
}
.details .photos {
position: relative;
padding: 0;
}
.details .photos .slider-for {
border: 1px solid #F9F9F9;
overflow: hidden;
margin-bottom: 1rem;
}
.details .photos .slider-for .slick-slide {
padding: 1rem;
}
.details .photos img {
margin: auto;
}
.details .photos .slider-nav {
margin: 0 -0.5rem;
}
.details .photos .slider-nav .slick-slide {
border: 1px solid #F9F9F9;
padding: 1rem;
margin: 0 0.5rem;
height: 7rem;
display: flex;
align-items: center;
}
.details .photos .slider-nav .slick-slide img {
max-height: 75px;
}
.details .data {
padding: 0;
}
.details .data .row {
margin: 0;
border-top: 1px solid #F9F9F9;
padding-top: 1rem;
margin-bottom: 1rem;
}
.details .data .row:first-child {
border: 0;
padding-top: 0;
}
.details .data .rating > div {
padding-right: 2rem;
}
.details .data .price .type {
display: block;
}
.details .data .price .current {
font-size: 2.5rem;
line-height: 2.5rem;
font-weight: bold;
letter-spacing: -0.33pt;
}
.details .data .price .current .unit {
font-weight: normal;
color: #c5c0b8;
font-size: 1.5rem;
display: inline-block;
margin-left: -0.25rem;
}
.details .data .price .current.promo {
color: #FA2D64;
}
.details .data .price .prev {
display: block;
text-decoration: line-through;
color: #c5c0b8;
}
.details .data .login-to-view {
font-weight: bold;
font-size: 1.275rem;
line-height: 1.625rem;
letter-spacing: -0.33pt;
}
.details .data .producer-logo {
text-align: right;
margin-left: auto;
}
.details .data .avb, .details .data .stock, .details .data .icons > div {
margin: 0.33rem 0;
position: relative;
flex-basis: 100%;
}
.details .data .avb svg, .details .data .stock svg, .details .data .icons > div svg {
position: relative;
top: 0.15rem;
color: #242424;
stroke: #242424;
margin-right: 0.25rem;
}
.details .data .avb svg {
stroke-width: 2;
}
.details .data .attributes .attributes-select {
display: inline-block;
margin-left: 0.5rem;
margin: 0.5rem 0 0.5rem 0.5rem;
}
.details .data .attributes .attributes-select span {
display: inline-block;
border: 1px solid #ebe6de;
background: #F9F9F9;
border-radius: 0.5rem;
padding: 0.5rem 1rem;
cursor: pointer;
margin: 0 0.5rem 0.5rem 0;
text-transform: uppercase;
font-weight: bold;
font-size: 0.85rem;
}
.details .data .attributes .attributes-select span:hover {
border: 1px solid #cfc2ae;
}
.details .data .attributes .attributes-select span[data-selected=true] {
border: 1px solid #bfae94;
background: #cfc2ae;
color: #ffffff;
font-weight: bold;
}
.details .data .cta > div {
padding: 0;
}
.details .data .cta .quantity {
margin-right: 1rem;
}
.details .data .cta .quantity .btn-number {
display: none;
}
.details .data .icons {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.details .data .icons > div {
cursor: pointer;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 1;
}
.details .data .icons > div:hover {
opacity: 0.8;
text-decoration: underline;
}
.details .feedback .add {
text-align: center;
padding: 2rem 0;
}
.details .feedback .add .star {
display: block;
background: #ebe6de;
width: 3.5rem;
height: 3.5rem;
line-height: 3.5rem;
text-align: center;
border-radius: 3.5rem;
color: #ffffff;
margin: auto;
padding-top: 0.45rem;
}
.details .feedback .add .h3 {
font-weight: bold;
margin: 1rem 0;
}
.details .feedback .item {
position: relative;
}
.details .feedback .item > svg {
position: absolute;
top: -1rem;
left: -1rem;
width: 7rem;
height: 7rem;
opacity: 0.1;
}
.details .feedback .item .date strong {
font-weight: bold;
display: block;
}
.details .feedback .item .date time {
display: block;
color: #c5c0b8;
}
.rating .star {
display: inline-block;
background: #ebe6de;
width: 1.5rem;
height: 1.5rem;
line-height: 1.5rem;
text-align: center;
border-radius: 1.5rem;
padding-top: 1px;
color: #ffffff;
}
.rating .star.fill, .rating .star.fill-tmp {
background: #FFC015;
}
.rating .star.not-fill-tmp {
backgorund: #ebe6de;
}
@media (min-width: 768px) {
.details .content-box {
padding: 3.5rem;
}
.details .photos {
padding: 0 1rem;
}
.details .photos .slider-for img {
max-height: 450px;
}
.details .data {
padding: 0 1rem;
}
.details .data .cta {
padding: 2rem 0;
margin-bottom: 0;
}
.details .data .cta .quantity .btn-number {
display: block;
padding: 0;
top: 1.5rem;
left: 1rem;
width: 2rem;
height: 2rem;
color: #ffffff;
background: #cfc2ae;
background: linear-gradient(to bottom, #cfc2ae 0%, #bfae94 100%);
border-radius: 0.5rem;
}
.details .data .cta .quantity .btn-number.plus {
left: auto;
right: 1rem;
}
.details .data .avb, .details .data .stock, .details .data .icons > div {
flex-basis: 40%;
}
.details .feedback .item {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding-left: 3rem;
}
.details .feedback .item p {
flex-basis: 100%;
}
.details .feedback .item .rating {
flex-basis: 50%;
margin-top: 0.5rem;
}
.details .feedback .item .date {
flex-basis: 50%;
text-align: right;
}
}
@media (min-width: 992px) {
.details .data {
padding: 0 3rem;
}
}
.product-flags {
position: absolute;
top: 2rem;
left: -0.5rem;
z-index: 9;
}
.product-flags span {
display: block;
margin-bottom: 0.5rem;
}
.product-flags span em {
display: inline-block;
position: relative;
background: #cfc2ae;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
font-size: 0.7rem;
padding: 0.33rem 0.75rem 0.22rem;
font-style: normal;
}
.product-flags span em:before {
content: "";
position: absolute;
width: 0.5rem;
height: 0.5rem;
border: 0.25rem solid #cfc2ae;
border-left: 0.25rem solid transparent !important;
border-bottom: 0.25rem solid transparent !important;
left: 0;
bottom: -0.5rem;
}
.product-flags span.Promotion em {
background-color: #FA2D64;
}
.product-flags span.Promotion em:before {
border-color: #FA2D64;
}
.product-flags span.BestRated em {
background-color: #FFC015;
}
.product-flags span.BestRated em:before {
border-color: #FFC015;
}
.product-flags span.NewProduct em {
background-color: #3BB4FE;
}
.product-flags span.NewProduct em:before {
border-color: #3BB4FE;
}
.product-flags span.RecommendedProduct em {
background-color: #FFC015;
}
.product-flags span.RecommendedProduct em:before {
border-color: #FFC015;
}
.product-flags span.PromotionalProduct em {
background-color: #626899;
}
.product-flags span.PromotionalProduct em:before {
border-color: #626899;
}
.product-flags span.VendorRecomendation em {
background-color: #c4c4cf;
}
.product-flags span.VendorRecomendation em:before {
border-color: #c4c4cf;
}
.product-flags span.GreatPrice em {
background-color: #ccc91d;
}
.product-flags span.GreatPrice em:before {
border-color: #ccc91d;
}
.product-flags span.GreatQuality em {
background-color: ;
}
.product-flags span.GreatQuality em:before {
border-color: ;
}
.product-flags span.Sale em {
background-color: #FA2D64;
}
.product-flags span.Sale em:before {
border-color: #FA2D64;
}
.product-flags span.Reward em {
background-color: #3BB4FE;
}
.product-flags span.Reward em:before {
border-color: #3BB4FE;
}
.home-prods h2 {
text-align: center;
}
.login, .registration {
margin-bottom: 3rem;
}
.login .content-box, .registration .content-box {
margin-bottom: 2rem;
}
.login .remind, .registration .remind {
float: right;
color: #bfae94;
text-decoration: underline;
}
.login .remind:hover, .registration .remind:hover {
color: #cfc2ae;
text-decoration: none;
}
.login .why-register, .registration .why-register {
text-align: center;
}
.login .why-register svg, .registration .why-register svg {
color: #cfc2ae;
stroke: #cfc2ae;
fill: #cfc2ae;
}
.loggedin {
text-align: center;
padding: 5rem 0;
}
.account-type {
margin: 0 -1rem;
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 2px solid #F9F9F9;
}
.login-external {
padding-top: 1rem;
margin-top: 1rem;
border-top: 2px solid #F9F9F9;
}
@media (min-width: 768px) {
.login .content-box {
margin-bottom: 0;
height: 100%;
padding: 3rem 4rem;
}
.registration .content-box {
padding: 3rem 4rem;
}
.account-type {
align-items: center;
}
.account-type .change {
text-align: right;
}
}
.login-external .btn {
border-radius: 1rem;
margin-top: 0.5rem;
}
.btn#google-signin {
background: #F9F9F9;
border: 1px solid #f8f8f8;
box-shadow: 0px 1px 1px 0px #c0c0c0;
font-weight: bold;
color: #757575;
font-size: 1.125rem;
}
.btn#fb-signin {
color: #ffffff;
background: #4267b2;
font-weight: bold;
font-size: 1.125rem;
}
.icon-google {
display: inline-block;
background: url(img/icon_login_google.png) #F9F9F9 50% 50% no-repeat;
width: 24px;
height: 24px;
position: relative;
top: 5px;
margin-top: -5px;
margin-right: 10px;
}
.icon-fb {
display: inline-block;
background: url(img/icon_login_fb.png) 50% 50% no-repeat;
width: 24px;
height: 24px;
position: relative;
top: 5px;
margin-top: -5px;
margin-right: 10px;
}
#order {
margin-bottom: 2rem;
}
#order.cart-empty {
text-align: center;
padding: 10rem 0;
}
#order h1 {
text-align: center;
}
#order .cart-head {
display: none;
}
#order .finish {
text-align: center;
}
#order .finish svg {
stroke-width: 1;
stroke: #cfc2ae;
color: #cfc2ae;
width: 7rem;
height: 7rem;
margin-top: 2rem;
}
#order .finish h1 {
margin: 1rem 0 0.5rem;
text-align: center;
}
#order .finish .lead {
margin: 0 0 3rem;
}
#order .order-steps {
width: 100%;
max-width: 100%;
padding: 0;
margin: 1rem auto;
border-radius: 0.25rem;
display: flex;
justify-content: space-around;
position: relative;
}
#order .order-steps:before {
content: "";
display: block;
width: 100%;
height: 3px;
background: #ebe6de;
position: absolute;
top: 50%;
left: 0;
}
#order .order-steps li {
display: inline-block;
margin: 0;
}
#order .order-steps li em {
display: block;
font-style: normal;
border-radius: 2em;
background: #ebe6de;
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
text-align: center;
font-weight: bold;
outline: 5px solid #F9F9F9;
position: relative;
}
#order .order-steps li span {
display: none;
}
#order .order-steps li.active > * {
background: #cfc2ae;
color: #ffffff;
}
#order .product-list {
margin: 0;
padding: 0;
list-style: none;
}
#order .product-list li {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #F9F9F9;
padding: 0.5rem 0;
}
#order .product-list li:last-of-type {
border-bottom: 0;
}
#order .product-list li .photo {
flex-basis: 45%;
text-align: center;
border: 1px solid #F9F9F9;
order: 1;
padding: 0.5rem;
border-radius: 0.33rem;
}
#order .product-list li .photo img {
max-width: 100%;
height: auto;
}
#order .product-list li .name {
flex-basis: 50%;
order: 2;
}
#order .product-list li .name a {
font-size: 1.275rem;
line-height: 1.625rem;
letter-spacing: -0.33pt;
font-weight: bold;
display: block;
}
#order .product-list li .name small {
display: block;
}
#order .product-list li .price, #order .product-list li .quantity {
display: none;
}
#order .product-list li .total {
font-size: 1.275rem;
line-height: 2.5rem;
letter-spacing: -0.33pt;
font-weight: bold;
order: 4;
flex-basis: 50%;
}
#order .product-list li .delete {
order: 3;
flex-basis: 45%;
margin-top: 0.25rem;
}
#order .product-list li .delete a {
display: block;
text-align: center;
background: #F9F9F9;
padding: 0.25rem;
border-radius: 0.33rem;
color: #FA2D64;
fill: #FA2D64;
}
#order .recalculate-box {
margin-top: 2rem;
}
#order .recalculate-box ul {
margin: 0 1rem;
padding: 0;
list-style: none;
display: inline-block;
}
#order .files {
margin-bottom: 2rem;
}
#order .files .files-list {
margin: 0;
padding: 0;
list-style: none;
}
#order .files .files-list li {
display: inline-block;
margin-right: 0.5rem;
position: relative;
}
#order .files .files-list li:not(.add-file) {
border: 1px solid #ebe6de;
background: #F9F9F9;
padding: 0 0.75rem;
border-radius: 0.5rem;
margin-bottom: 0.5rem;
font-size: 0.9rem;
padding-right: 2rem;
line-height: 2rem;
}
#order .files .files-list li:not(.add-file) .remove-file {
text-indent: -99999px;
position: absolute;
width: 1rem;
height: 1rem;
right: 0.5rem;
top: 0.5rem;
}
#order .files .files-list li:not(.add-file) .remove-file:before, #order .files .files-list li:not(.add-file) .remove-file:after {
content: " ";
position: absolute;
width: 1rem;
height: 2px;
background: #242424;
transform: rotate(45deg);
top: 0.45rem;
right: 0;
}
#order .files .files-list li:not(.add-file) .remove-file:after {
transform: rotate(-45deg);
}
#order .files .files-list li #file {
visibility: hidden;
width: 1rem;
height: 1rem;
position: absolute;
right: -1rem;
}
#order .voucher-code #coupon-add {
display: none;
margin-top: 2rem;
align-items: flex-end;
}
#order .voucher-code.active .coupon-show {
display: none;
}
#order .voucher-code.active form#coupon-add {
display: flex;
}
#order .voucher-code .element input {
background: #ffffff;
}
#order .coupon-show {
color: #cfc2ae;
text-align: center;
text-decoration: underline;
display: block;
margin: 1rem 0;
}
#order .country div.cs-select, #order .country .cs-select .cs-options {
background: #ffffff;
}
#order .delivery, #order .payment {
display: flex;
flex-wrap: wrap;
}
#order .delivery .item, #order .payment .item {
display: block;
border: 2px solid #ebe6de;
background: #F9F9F9;
padding: 1rem;
cursor: pointer;
margin: 0 0 1rem 0;
flex-basis: 100%;
border-radius: 0.75rem;
position: relative;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#order .delivery .item .info, #order .payment .item .info {
color: #FA2D64;
font-size: 0.9rem;
}
#order .delivery .item:before, #order .payment .item:before {
content: " ";
display: block;
width: 1.5rem;
height: 1.5rem;
position: absolute;
top: 1rem;
right: 1rem;
border: 2px solid #ebe6de;
background: #ffffff;
border-radius: 1.5rem;
}
#order .delivery .item .price, #order .payment .item .price {
color: #c5c0b8;
}
#order .delivery .item .price .freeDel, #order .payment .item .price .freeDel {
color: #FA2D64;
}
#order .delivery .item .img, #order .payment .item .img {
float: left;
margin-right: 1rem;
}
#order .delivery .item p, #order .payment .item p {
margin: 0;
}
#order .delivery .item label, #order .payment .item label {
margin: 0;
font-weight: bold;
}
#order .delivery .item input, #order .payment .item input {
display: none;
}
#order .delivery .item.selected, #order .payment .item.selected {
border-color: #cfc2ae;
}
#order .delivery .item.selected:before, #order .payment .item.selected:before {
border-color: #cfc2ae;
background: #cfc2ae;
}
#order .delivery .item.selected:after, #order .payment .item.selected:after {
content: " ";
display: block;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
transform: rotate(-45deg);
position: absolute;
top: 1.5rem;
right: 1.5rem;
height: 5px;
width: 7px;
}
#order .delivery .item:not(.selected):hover, #order .payment .item:not(.selected):hover {
border-color: #c5c0b8;
}
#order .delivery .item:not(.selected):hover:before, #order .payment .item:not(.selected):hover:before {
border-color: #c5c0b8;
}
#order #deliveryPaymentInfo {
margin-top: 1rem;
}
#order #deliveryPaymentInfo .dl-horizontal {
margin-bottom: 2rem;
}
#order .invoice-inputs {
display: none;
}
#order #RecipentAddress .login {
margin-bottom: 0;
}
#order .summary {
padding-left: 0;
padding-right: 0;
}
#order .summary-delivery .choose-collection-point-in-cart, #order .summary-delivery .change-collection-point-in-cart {
text-decoration: underline;
cursor: pointer;
}
#order .summary-delivery .choose-collection-point-in-cart:hover, #order .summary-delivery .change-collection-point-in-cart:hover {
text-decoration: none;
}
#order .summary-delivery .bankAccount {
margin: 1rem 0 0;
padding: 0;
list-style: none;
}
#order .summary-delivery .bankAccount li {
margin-bottom: 1rem;
display: block;
font-size: 1.125rem;
font-weight: bold;
font-style: normal;
}
#order .summary-delivery .bankAccount li label {
display: block;
font-size: 0.9rem;
font-style: normal;
font-weight: normal;
}
#order #order-cart-cta .continue-shopping {
order: 1;
margin-top: 1rem;
}
#order #order-cart-cta .total-value {
text-align: center;
margin: 1rem 0 2rem;
}
#order #order-cart-cta .total-value em {
font-size: 1rem;
}
#order #order-cart-cta .total-value strong {
font-size: 2rem;
line-height: 1.5rem;
}
@media (min-width: 768px) {
#order-reload {
padding: 0;
}
#order #RecipentAddress .login {
margin-bottom: 2rem;
}
#order h1 {
text-align: left;
}
#order .cart-table {
margin-bottom: 0;
}
#order #order-cart-cta .continue-shopping {
order: 0;
margin-top: 0;
}
#order #order-cart-cta .total-value {
text-align: right;
margin: 0.66rem 0 0;
}
#order .order-steps {
justify-content: flex-end;
}
#order .order-steps:before {
content: none;
}
#order .order-steps li {
position: relative;
padding: 0;
margin: 4px 4px 4px 0;
}
#order .order-steps li em {
display: none;
}
#order .order-steps li span {
display: block;
}
#order .order-steps li > * {
position: relative;
padding: 1rem 0.8rem 1rem 2.5rem;
background: #ebe6de;
color: #242424;
border-color: #ebe6de;
}
#order .order-steps li:last-of-type {
margin-right: 0;
}
#order .order-steps li.active > * {
color: #ffffff;
background-color: #cfc2ae;
border-color: #cfc2ae;
font-weight: bold;
}
#order .order-steps li:first-of-type > * {
padding-left: 1.6rem;
border-radius: 0.75rem 0 0 0.75rem;
}
#order .order-steps li:last-of-type > * {
padding-right: 1.6rem;
border-radius: 0 0.75rem 0.75rem 0;
}
#order .order-steps li::after, #order .order-steps li > *::after {
content: "";
position: absolute;
top: 0;
left: 100%;
content: "";
height: 0;
width: 0;
border: 24px solid transparent;
border-right-width: 0;
border-left-width: 20px;
}
#order .order-steps li::after {
z-index: 1;
transform: translateX(4px);
border-left-color: #ffffff;
margin: 0;
}
#order .order-steps li > *::after {
z-index: 2;
border-left-color: inherit;
}
#order .order-steps li:last-of-type::after, #order .order-steps li:last-of-type > *::after {
display: none;
}
@-moz-document url-prefix() {
#order .order-steps li::after,
#order .order-steps li > *::after {
border-left-style: dashed;
}
}
#order .cart-head {
display: flex;
width: 100%;
border-bottom: 1px solid #F9F9F9;
padding: 0.5rem 0;
}
#order .cart-head .product {
flex-basis: 49%;
}
#order .cart-head .price {
flex-basis: 17%;
}
#order .cart-head .qty {
flex-basis: 12%;
}
#order .cart-head .total {
flex-basis: 14%;
text-align: right;
}
#order .product-list li {
align-items: center;
}
#order .product-list li .photo {
flex-basis: 10%;
}
#order .product-list li .name {
flex-basis: 35%;
}
#order .product-list li .name .qty {
display: none;
}
#order .product-list li .price {
display: block;
order: 3;
flex-basis: 15%;
font-size: 1.275rem;
line-height: 2.5rem;
letter-spacing: -0.33pt;
}
#order .product-list li .quantity {
display: block;
order: 4;
flex-basis: 10%;
}
#order .product-list li .quantity .element, #order .product-list li .quantity button {
margin-top: 1rem;
}
#order .product-list li .quantity .unit {
display: block;
text-align: center;
font-size: 0.9rem;
}
#order .product-list li .quantity .qty-txt {
font-size: 1.275rem;
line-height: 2.5rem;
letter-spacing: -0.33pt;
}
#order .product-list li .quantity .btn:hover {
box-shadow: none;
}
#order .product-list li .total {
order: 5;
flex-basis: 15%;
text-align: right;
padding-right: 1%;
}
#order .product-list li .delete {
order: 6;
margin: 0;
flex-basis: 5%;
line-height: 3.5rem;
}
#order .coupon-show {
text-align: left;
display: inline-block;
}
#order .voucher-code {
align-self: center;
padding: 1rem;
}
#order .voucher-code #coupon-add {
margin-top: 0;
}
#order .country {
margin-left: auto;
}
#order .country .element {
display: flex;
justify-content: flex-end;
align-items: center;
margin: 2rem 0;
}
#order .country .element .cs-select {
width: auto;
min-width: 33%;
margin-left: 1rem;
}
#order .options {
clear: both;
}
#order #deliveryPaymentInfo {
margin-top: 2rem;
}
#order .summary {
padding-left: 1rem;
padding-right: 1rem;
}
#order .summary .content-box {
height: calc(100% - 2rem);
}
#order .order-notes {
display: flex;
flex-direction: column;
}
#order .order-notes .element {
flex-grow: 1;
margin-bottom: 0;
}
#order .order-notes .element textarea {
height: 100%;
}
}
#user-main {
margin-bottom: 2rem;
}
.client-panel .product-list {
margin: 0;
padding: 0;
list-style: none;
}
.client-panel .product-list li {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #F9F9F9;
padding: 0.5rem 0;
}
.client-panel .product-list li:last-of-type {
border-bottom: 0;
}
.client-panel .product-list li .photo {
flex-basis: 45%;
text-align: center;
border: 1px solid #F9F9F9;
order: 1;
padding: 0.5rem;
border-radius: 0.33rem;
}
.client-panel .product-list li .photo img {
max-width: 100%;
height: auto;
}
.client-panel .product-list li .name {
flex-basis: 50%;
order: 2;
}
.client-panel .product-list li .name a {
font-size: 1.275rem;
line-height: 1.625rem;
letter-spacing: -0.33pt;
font-weight: bold;
display: block;
}
.client-panel .product-list li .name small {
display: block;
}
.client-panel .product-list li .price, .client-panel .product-list li .quantity {
display: none;
}
.client-panel .product-list li .total {
font-size: 1.275rem;
line-height: 2.5rem;
letter-spacing: -0.33pt;
font-weight: bold;
order: 4;
flex-basis: 50%;
}
.client-panel .product-list li .delete {
order: 3;
flex-basis: 45%;
margin-top: 0.25rem;
}
.client-panel .product-list li .delete a {
display: block;
text-align: center;
background: #F9F9F9;
padding: 0.25rem;
border-radius: 0.33rem;
color: #FA2D64;
fill: #FA2D64;
}
.client-panel .customer-profile-data em {
display: block;
font-size: 0.9rem;
font-style: normal;
}
.client-panel .content-box span {
display: block;
}
.client-panel .content-box span.label {
font-size: 0.9rem;
color: #cfc2ae;
}
.client-panel .content-box span.main {
font-size: 1.275rem;
font-weight: bold;
}
.client-panel .content-box a.link {
font-weight: bold;
color: #cfc2ae;
font-size: 0.9rem;
display: block;
padding-top: 1rem;
margin-top: 1rem;
border-top: 2px solid #F9F9F9;
}
.client-panel .content-box a.link:hover {
text-decoration: underline;
}
.client-panel .content-box .summary-info {
margin-top: 1rem;
}
.client-panel .content-box .summary-info .value {
font-size: 1rem;
}
.client-panel .content-box .frm {
display: none;
}
.client-panel .content-box.active .frm {
display: block;
padding-top: 1rem;
margin-top: 1rem;
border-top: 2px solid #F9F9F9;
}
.client-panel .content-box.active .main, .client-panel .content-box.active .link {
display: none;
}
.client-panel .content-box.nick .frm {
display: none;
}
.client-panel .content-box.nick.empty .frm {
display: block;
}
.client-panel .content-box.nick.empty .main, .client-panel .content-box.nick.empty .link {
display: none;
}
.discount-list .discount-item {
margin-bottom: 2rem;
text-align: center;
}
.discount-list .discount-item .discount-value {
font-size: 3rem;
font-weight: bold;
color: #cfc2ae;
margin-bottom: 0;
}
.discount-list .discount-item .discount-date {
font-size: 0.9rem;
text-transform: uppercase;
margin-bottom: 0.5rem;
color: #c5c0b8;
}
.address-item {
background: #ffffff;
padding: 1.5rem;
border-radius: 1rem;
border: 2px solid #ffffff;
position: relative;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.address-item.default {
border-color: #cfc2ae;
}
.address-item .h5 {
font-weight: bold;
}
.address-item > div.edit-address-form {
display: none;
}
.address-item .default-mark {
color: #ffffff;
font-size: 0.65rem;
text-transform: uppercase;
background: #cfc2ae;
display: inline-block;
position: absolute;
top: 0.5rem;
right: 0.5rem;
padding: 0.25rem 0.33rem 0.15rem;
border-radius: 0.35rem;
font-weight: bold;
}
#address-list > .row > .col-xs-12.col-md-6 {
padding-bottom: 2rem;
}
.address-item .actions {
margin: 0;
padding: 0;
list-style: none;
font-size: 0.9rem;
font-weight: bold;
}
.address-item .actions li {
display: inline-block;
padding-right: 1rem;
}
.address-item .actions a {
color: #cfc2ae;
}
.address-item .actions a:hover {
text-decoration: underline;
}
.address-item.active > div:not(.edit-address-form) {
display: none;
}
.address-item > div.form {
padding: 1rem 2rem;
display: none;
}
.address-item.active > div.edit-address-form {
display: block;
}
.address-item:hover .actions {
display: block;
}
.customer-profile-address .new-address {
display: none;
}
.customer-profile-reviews .to-rate {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.customer-profile-reviews .to-rate .item {
text-align: center;
width: 100%;
margin-bottom: 2rem;
}
.customer-profile-reviews .rated .item {
display: flex;
margin-bottom: 2rem;
}
.customer-profile-reviews .rated .item h5 {
margin-bottom: 0;
}
.profile-row {
padding: 1rem;
border-bottom: 1px solid #F9F9F9;
}
.profile-row:last-of-type {
border-bottom: 0;
}
.profile-row span, .profile-row strong {
display: block;
}
.profile-order-header {
margin-bottom: 2rem;
align-items: center;
}
.profile-order-header h3 {
margin: 0;
}
.profile-order-header strong {
display: block;
}
.profile-order-header .profile-order-actions {
text-align: right;
}
@media (min-width: 768px) {
.client-panel .cart-head {
display: flex;
width: 100%;
border-bottom: 1px solid #F9F9F9;
padding: 0.5rem 0;
}
.client-panel .cart-head .product {
flex-basis: 49%;
}
.client-panel .cart-head .price {
flex-basis: 17%;
}
.client-panel .cart-head .qty {
flex-basis: 12%;
}
.client-panel .cart-head .total {
flex-basis: 14%;
text-align: right;
}
.client-panel .product-list li {
align-items: center;
}
.client-panel .product-list li .photo {
flex-basis: 10%;
}
.client-panel .product-list li .name {
flex-basis: 35%;
}
.client-panel .product-list li .name .qty {
display: none;
}
.client-panel .product-list li .price {
display: block;
order: 3;
flex-basis: 15%;
font-size: 1.275rem;
line-height: 2.5rem;
letter-spacing: -0.33pt;
}
.client-panel .product-list li .quantity {
display: block;
order: 4;
flex-basis: 10%;
}
.client-panel .product-list li .quantity .element, .client-panel .product-list li .quantity button {
margin-top: 1rem;
}
.client-panel .product-list li .quantity .unit {
display: block;
text-align: center;
font-size: 0.9rem;
}
.client-panel .product-list li .quantity .qty-txt {
font-size: 1.275rem;
line-height: 2.5rem;
letter-spacing: -0.33pt;
}
.client-panel .product-list li .quantity .btn:hover {
box-shadow: none;
}
.client-panel .product-list li .total {
order: 5;
flex-basis: 15%;
text-align: right;
padding-right: 1%;
}
.client-panel .product-list li .delete {
order: 6;
margin: 0;
flex-basis: 5%;
line-height: 3.5rem;
}
}
.regulations {
padding: 0 1rem;
}
@media (min-width: 992px) {
.regulations {
padding: 0;
}
}
.search-adv {
padding-bottom: 2rem;
}
.search-adv .content-box.tall {
height: calc(100% - 2rem);
}
/*# sourceMappingURL=main.css.map */