@charset "UTF-8";
@import url('https://use.typekit.net/ryg6egc.css');
@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&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;
}
img {
max-width: 100%;}
.img-table {
display: table;
margin:4rem auto;
width:450px;
max-width:90vw;
}
.down-ui {
position:relative;}
.but-down
{display: block;
position: absolute;
bottom: 2rem;
left:50%;
transform: translateX(-50%);
z-index: 3;
width: 2.5rem;
height: 2.5rem;
border-radius:100%;
margin: 0;
padding: 0;
background-color: #0000000f;
opacity: 1;
-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;
border: none;}
.but-down:after {
position: absolute;
content: "";
width: .8rem;
height: .8rem;
display: block;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
transform: rotate(135deg);
right: .85rem;
top: .65rem;}
.lighter-bg {
background: #f7f7f7}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
z-index: 2;
min-width: 100%
}
.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;
min-width: 100%
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
outline: 0;
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: 3;
text-indent: -99999px;
width: 2.5rem;
height: 2.5rem;
margin: 0;
padding: 0;
background-color: #0000000f;
opacity: 1;
-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;
border: none;
}
.slick-arrow:before {
position: absolute;
content: "";
width: .8rem;
height: .8rem;
display: block;
}
.slick-arrow.slick-next {
right: 2rem;
}
.slick-arrow.slick-next:before {
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
transform: rotate(45deg);
right: 1rem;
top: .85rem;
}
.slick-arrow.slick-prev {
left: 2rem;
}
.slick-arrow.slick-prev:before {
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
transform: rotate(-45deg);
left: 1rem;
top: .85rem;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-arrow.slick-prev:before, .slick-arrow.slick-next:before {
border-color: #fff;}
/*.slick-arrow:hover {
background-color: #fff}*/
.slick-dots {
margin: 0 auto;
padding: 0;
list-style: none;
text-align: center;
width: 100%;
position: absolute;
bottom: 3rem;
z-index: 2;
}
.slick-dots li {
display: inline-block;
position: relatve;
}
.slick-dots li button {
background: #ffffff;
border: 0;
width: .5rem;
height: .5rem;
border-radius: 100%;
margin: .5rem;
padding: 0;
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;
position: relative;
}
.slick-dots li.slick-active button {
background: #D9D9D9;
}
/*
.main-slider .slick-dots {
margin: 0 auto;
padding: 0;
list-style: none;
text-align: center;
width: 100%;
position: absolute;
bottom: 3rem;
z-index: 3;
}
.main-slider .slick-dots li {
position: relative;
}
.main-slider .slick-dots li button {
text-align: left;
background: transparent;
border: 0;
font-weight: 600;
color: rgba(255,255,255,.4);
width:  8rem;
margin: 1rem;
padding: 0;
padding-bottom: 1rem;
-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;
position: relative;
height: 2rem;
text-indent: 0;
}
.main-slider .slick-dots li button:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
content: "";
height: 3px;
z-index: 3;
background: rgba(255,255,255,.4);
}
.main-slider .slick-dots li button:after {
position: absolute;
bottom: 0;
left: 0;
width: 0;
content: "";
height: 3px;
z-index: 4;
background: rgba(255,255,255,1);
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.main-slider   .slick-dots li.slick-active button {
color: rgba(255,255,255,1);}
.main-slider .slick-dots li.slick-active button:after {
width: 100%;
-webkit-transition: all 3s ease-in-out;
-moz-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
transition: all 3s ease-in-out;
}
*/
.slick-lightbox {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.85) !important;
-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: none !important;
}
.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img {
display: block;
max-width: 90%;
max-height: none !important;
margin: 0 auto;
}
.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: #fff;
}
.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;
border: none;
padding: 0;
}
.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: #fff;
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: 0;
}
.slick-lightbox .slick-next {
right: 0;
}
.slick-lightbox .slick-arrow {
top: 0;
height: 100%;
background-color: #F7F7F7;
padding: 0 2.5rem;
}
.green-ui {
color: #f02f28 !important;
}
.product-slider .slick-slide {
display: flex;
flex: 1 100%;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
outline: 0;
}
.product-slider.row {
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
/*!#secondary-nav- v1.0.0 - 2016-3-1
*#secondary-navis a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
/* Menu Appearance */
#secondary-nav {
position: fixed;
width: 100%;
height: calc(100% - 7.5rem);
top: 7.5rem;
z-index: 9991;
background: #ffffff;
overflow: auto;
visibility: hidden;
-webkit-overflow-scrolling: touch;
/* enables momentum scrolling in iOS overflow elements */
box-shadow: inset 0px 2px 1px 0px rgba(177, 177, 177, 0.2);
}
#secondary-nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#secondary-nav ul button {
background: transparent;
padding: 0;
margin: 0;
border: 0;
}
#secondary-nav ul a:not(.btn) {
display: block;
text-decoration: none;
outline: 0;
}
.primary-menu {
display: flex;
align-content: flex-start;
padding: 0rem  4rem;
margin: 0 -4rem;
position: relative;}
.primary-menu li {
font-size: 1.175rem;
padding: 0 1rem;
text-transform: uppercase;
list-style: none;}
.primary-menu > li:first-child {
padding-left: 0;}
.primary-menu li a {
padding: 0;
font-size: 1.175rem;}
#secondary-nav.pushy-left {
left: 0;
}
#secondary-nav.pushy-right {
right: 0;
}
#secondary-nav .pushy-submenu, #secondary-nav .submenu2 {
position: relative;
}
#secondary-nav .submenu2 > a::after,
#secondary-nav .submenu2 > button::after,
#secondary-nav .pushy-submenu > a::after,
#secondary-nav .pushy-submenu > button::after {
display: inline-block;
content: "›";
color: #000000;
margin-left: 0.5rem;
}
#secondary-nav > div > ul > li > a, #secondary-nav > div > ul > li > button, #secondary-nav .pushy-submenu > a, #secondary-nav .pushy-submenu > button, #secondary-nav .submenu2 > a, #secondary-nav .submenu2 > button, .primary-menu .menu-link > a, #secondary-nav .dropdown-menu li.menu-link > a  {
text-transform: uppercase;
color: #000000;
padding: 1rem;
text-align: left;
font-size: 1.125rem;
}
/*
#secondary-nav .pushy-submenu > button:hover, #secondary-nav .submenu2 > button:hover, #secondary-nav .pushy-submenu > a:hover, #secondary-nav .submenu2 > a:hover {
color: #E90900} */
#secondary-nav > div > ul > li:not(.p-link) > a, #secondary-nav .pushy-submenu > a, #secondary-nav .submenu2 > a  {
display: none;
}
#secondary-nav .dropdown-menu li a {
text-transform: uppercase;
padding: 0.5rem 1.5rem;
font-size: 0.85rem;
color: #A3A3A3;
}
ul.primary-menu li[data-number="2639"] a, #secondary-nav .dropdown-menu .pushy-submenu[data-number="2639"] > button, ul.primary-menu li[data-number="2640"] a, #secondary-nav .dropdown-menu .pushy-submenu[data-number="2640"] > button {
color: #E90900;}
/* Menu Movement */
.pushy-right {
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.pushy-open-right #container,
.pushy-open-right .push {
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.pushy-open-right .pushy {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
padding: 0 15px;
}
/* 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-right .site-overlay {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: rgba(255, 255, 255, 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 {
padding-left: 15px;
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;
}
/* Submenu Movement */
.pushy-submenu-closed > .dropdown-menu {
max-height: 0;
overflow: hidden;
}
.pushy-submenu-closed .pushy-link {
opacity: 0;
}
#secondary-nav .pushy-submenu-open, .menu.primary-menu .pushy-submenu-open {
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
background: #ffffff;
z-index: 9;
padding: 1rem;
}
#secondary-nav .pushy-submenu-open > button, .menu.primary-menu .pushy-submenu-open > button {
width: 100%;
text-align: center;
text-transform: uppercase;
letter-spacing: 1pt;
background: #F7F7F7;
padding: 0.5rem;
margin-bottom: 1rem;
font-size: 1.125rem;
}
#secondary-nav .pushy-submenu-open > button:after, .menu.primary-menu .pushy-submenu-open > button:after {
display: inline-block;
content: "←";
color: #000000;
margin-left: 0.5rem;
position: absolute;
left: 1.5rem;
}
#secondary-nav .pushy-submenu-open > .dropdown-menu, .menu.primary-menu .pushy2.active.pushy-submenu-closed > .dropdown-menu {
max-height: none;
}
#secondary-nav .pushy-submenu-open .dropdown-menu, .menu.primary-menu .pushy-submenu-open .dropdown-menu {
padding: 0;
}
#secondary-nav .pushy-submenu-open .dropdown-menu .lvl1 > li > a, .menu.primary-menu .pushy-submenu-open .dropdown-menu .lvl1 > li > a {
padding: 0.5rem 1rem;
}
#secondary-nav .pushy-submenu-open .dropdown-menu .lvl2 .head:after, .menu.primary-menu .pushy-submenu-open .dropdown-menu .lvl2 .head:after {
display: inline-block;
content: "›";
color: #000000;
margin-left: 0.5rem;
transform: rotate(90deg);
}
#secondary-nav .pushy-submenu-open ul.dropdown-menu .lvl2 ul {
margin: 1rem;
padding: 1rem;
background: #F7F7F7;
}
#secondary-nav .pushy-submenu-open ul.dropdown-menu .lvl2 ul > li > a {
padding: 0.5rem 1rem;
}
#secondary-nav .pushy-submenu-open .pushy-link, .menu.primary-menu .pushy-submenu-open .pushy-link {
opacity: 1;
}
.no-csstransforms3d .pushy-submenu-closed ul {
max-height: none;
display: none;
}
@media (min-width: 992px) {
#secondary-nav .pushy-submenu > button, .menu.primary-menu .pushy-submenu > button {
width: 100%;
text-align: center;
text-transform: uppercase;
letter-spacing: 1pt;
background: #F7F7F7;
padding: 0.5rem;
margin-bottom: 1rem;
font-size: 1.125rem;
}
#secondary-nav .pushy-submenu > button:after, .menu.primary-menu .pushy-submenu > button:after {
display: inline-block;
content: "←";
color: #000000;
margin-left: 0.5rem;
position: absolute;
left: 1.5rem;
}
#secondary-nav .pushy-submenu ul, .menu.primary-menu .pushy-submenu ul {
max-height: none;
}
#secondary-nav .pushy-submenu ul.dropdown-menu, .menu.primary-menu .pushy-submenu ul.dropdown-menu {
padding: 0 1rem;
}
#secondary-nav .pushy-submenu ul.dropdown-menu .lvl1 > li > a, .menu.primary-menu .pushy-submenu ul.dropdown-menu .lvl1 > li > a {
padding: 0.5rem 1rem;
}
#secondary-nav .pushy-submenu ul.dropdown-menu .lvl2 .head:after {
display: inline-block;
content: "›";
color: #000000;
margin-left: 0.5rem;
transform: rotate(90deg);
}
#secondary-nav .pushy-submenu ul.dropdown-menu .lvl2 ul {
margin: 1rem;
padding: 1rem;
background: #F7F7F7;
}
#secondary-nav .pushy-submenu ul.dropdown-menu .lvl2 ul > li > a {
padding: 0.5rem 1rem;
}
#secondary-nav .pushy-submenu .pushy-link {
opacity: 1;
}
#main-header > .wrap > .row.between-xs {
align-items: center;
}
.menu-exp-buttons .btn.btn-lg {
min-width: 18rem;
text-align: center;}
.menu-exp-buttons .btn.btn-lg:first-child {
margin-right: 1rem}
#secondary-nav {
position: static;
left: auto;
margin: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding: 0;
overflow: visible;
background: transparent;
visibility: visible;
box-shadow: none;
height: auto;
}
#secondary-nav .menu, .menu.primary-menu .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: static;
text-align: center;
}
#secondary-nav .menu > li {
display: block;
position: static;
padding: 0 0.5rem;
}
.home-nav-white.hovered #secondary-nav .menu > li > a, #secondary-nav .menu > li > a, #secondary-nav .menu > li > button, .menu.primary-menu > li > a, .menu.primary-menu > li > button {
display: block;
text-align: center;
padding: 0;
background: transparent;
color: #000000;
-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;
font-weight: normal;
font-size: 1.1rem;
text-transform: uppercase;
height: 5.25rem;
line-height: 5.25rem;
}
.home-nav-white #secondary-nav .menu > li > a {
color: #fff}
.home-nav-white.hovered #secondary-nav .menu > li.menu-2778 > a, #secondary-nav .menu > li.menu-2778 > a, #secondary-nav .menu > li > .dropdown-menu .yamm-content .lvl1 li a.red-ui {
color:#f02f28}
.menu.primary-menu > li > a, .menu.primary-menu > li > button {
height: 4rem;
line-height: 4rem;
}
#secondary-nav .menu > li > a:after, #secondary-nav .menu > li > button:after, .menu.primary-menu > li > a:after, .menu.primary-menu > li > button:after {
margin-left: 0;
}
#secondary-nav .menu > li > .dropdown-menu, .menu.primary-menu > li > .dropdown-menu {
position: absolute;
top: 100%;
left: 1px;
z-index: 9999;
background: #ffffff;
text-align: left;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
display: none !important;
max-height: none;
margin-top: 0;
width: calc(100% - 2px);
overflow: visible;
padding: 2rem 0 0;
}
#secondary-nav .menu > li > .dropdown-menu .yamm-content, .menu.primary-menu > li > .dropdown-menu .yamm-content {
padding: 0 1rem;
}
#secondary-nav .menu > li > .dropdown-menu .yamm-content .lvl1, .menu.primary-menu > li > .dropdown-menu .yamm-content .lvl1 {
max-height: 20rem;
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin-bottom: 0rem
}
#secondary-nav .menu > li.menu-2778 > .dropdown-menu .yamm-content .lvl1 {
margin-bottom: 1rem
}
#secondary-nav .menu > li.menu-2778 > .dropdown-menu .yamm-content .lvl1 > li {
width: 50%;}
#secondary-nav .menu > li > .dropdown-menu .yamm-content .lvl1 li a, .menu.primary-menu > li > .dropdown-menu .yamm-content .lvl1 li a {
color: #000000;
font-size: 1rem;
display: inline-block;
padding: 0.5rem 0;
text-transform: none;
}
#secondary-nav .menu > li > .dropdown-menu .yamm-content .lvl2 {
max-height: none;
overflow: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#secondary-nav .menu > li > .dropdown-menu .yamm-content .lvl2 > li {
width: calc(50% - 1rem);
margin-bottom: 1rem;
}
#secondary-nav .menu > li > .dropdown-menu .yamm-content .lvl2 > li ul {
background: #F7F7F7;
padding: 1rem 2rem;
max-height: none;
}
#secondary-nav .menu > li > .dropdown-menu .yamm-content .lvl2 > li ul li a {
padding: 0.5rem 0;
color: #000000;
text-transform: none;
font-size: 1rem;
display: inline-block;
}
#secondary-nav .menu > li > .dropdown-menu .submenu, .menu.primary-menu > li > .dropdown-menu .submenu {
padding-right: 1rem;
}
#secondary-nav .menu > li > .dropdown-menu .submenu > a.head, .menu.primary-menu > li > .dropdown-menu .submenu > a.head {
font-size: 1.125rem;
color: #A3A3A3;
text-transform: uppercase;
padding: 0.5rem 0rem;
font-weight: bold;
}
#secondary-nav .menu > li > .dropdown-menu .submenu > a.head:hover {
color: #c9c9c9;
}
#secondary-nav .menu > li > .dropdown-menu .submenu > ul {
margin-bottom: 1rem;
max-height: none;
overflow: auto;
}
#secondary-nav .menu > li > .dropdown-menu .submenu > ul > li > a {
padding: 0;
color: #000000;
font-size: 1rem;
text-transform: none;
font-weight: normal;
}
#secondary-nav .menu > li > .dropdown-menu .submenu > ul > li > a:hover {
color: #A3A3A3;
}
#secondary-nav .menu > li:hover .dropdown-menu, .menu.primary-menu > li:hover .dropdown-menu {
display: block !important;
}
#secondary-nav .pushy-submenu > a::after,
#secondary-nav .pushy-submenu > button::after,
.menu.primary-menu .pushy-submenu > a::after,
.menu.primary-menu .pushy-submenu > button::after {
content: "";
}
#secondary-nav > div > ul > li > a, .menu.primary-menu > li > a {
display: block !important;
}
#secondary-nav > div > ul > li > button, .menu.primary-menu > li > button {
display: none !important;
}
#secondary-nav .menu > li.menu-2141 > .dropdown-menu .yamm-content .lvl2 {
max-height: 80vh;
flex-direction: column;
}
#secondary-nav .menu > li.menu-2141 > .dropdown-menu .yamm-content .lvl2 li:last-of-type {
margin-left: auto;
}
.menu.primary-menu .menu-nav {
padding: 2rem 1rem;}
#secondary-nav .menu-banners {
display: flex;
justify-content: space-between;
padding: 0 1rem;
align-items: flex-start}
#secondary-nav .menu-banners a {
display: block;
flex-grow: 2;
padding: 0;}
#secondary-nav .menu-banners a img {
min-width: 100%;}
#secondary-nav .menu-banners-big {
-ms-flex-preferred-size: calc(100% / 3);
-webkit-flex-basis: calc(100% / 3);
flex-basis: calc(100% / 3);
max-width: calc(100% / 3);
display: flex;
margin-bottom: 2rem !important;}
#secondary-nav .menu-banners-big a {
display: block;
min-width: 100%;
min-height: 100%;
height: 100%;}
}
#secondary-nav .menu > li > .dropdown-menu .yamm-content a.head, #secondary-nav .menu > li > .dropdown-menu .yamm-content button.head {
color: #000000;
font-size: 1.25rem;
display: block;
font-weight: 600;
text-transform: uppercase;
padding: 0.5rem 0;
position: relative;
}
#secondary-nav .menu > li.menu-2778 > .dropdown-menu .yamm-content a.head, #secondary-nav .menu > li.menu-2778 > .dropdown-menu .yamm-content button.head {
color: #f02f28}
@media (max-width: 787px) {
#secondary-nav .submenu .head {
color: #A3A3A3;
text-transform: uppercase;
padding: 0.5rem 1rem;
font-weight: bold;
}
#secondary-nav .dropdown-menu li a {
padding: 0.25rem 1rem 0.25rem 0;
color: #000000;
text-transform: none;
font-size: 1rem;
}
.submenu {
margin-bottom: 0;
}
.yamm-content .listitem {
display: none;
}
}
@media (min-width: 1092px) {
#secondary-nav .menu > li {
padding: 0 1rem;
}
#secondary-nav .menu > li > a, #secondary-nav .menu > li > button {
font-size: 1.175rem !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(3px);
}
/* Default theme styles of the overlay */
.remodal-overlay {
background: rgba(0, 0, 0, 0.75);
}
.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);
background: #F7F7F7;
}
.remodal.r-sizes {
background: #FFF;}
.remodal form {
text-align: left;
}
.remodal.r-sbl {
overflow: hidden;
background: #fff}
.remodal.r-sbl figure {
margin: 0;
}
.remodal.r-sbl figure>div{
max-height: 100%;}
.remodal.r-sbl figure>div>img{
object-fit: cover;
min-width: 100%;}
.remodal.r-sbl figcaption {
padding: 4rem;
text-align: left;}
.remodal.r-sbl figcaption {}
.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: #A3A3A3;
border: 0;
outline: 0;
background: transparent;
}
.remodal-close:hover,
.remodal-close:focus {
color: #6D6E70;
}
.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;
}
.remodal.r-sbl {
max-width: none;
width: 98%;
padding: 0;
max-height: 98%;
}
}
/* IE8
========================================================================== */
.lt-ie9 .remodal-overlay {
background: #2b2e38;
}
.lt-ie9 .remodal {
width: 700px;
}
/*
Tipr 3.1
Copyright (c) 2017 Tipue
Tipr is released under the MIT License
http://www.tipue.com/tipr
*/
.tipr_content {
color: #ffffff;
background-color: #6D6E70;
padding: 9px 17px;
font-size: 0.85rem;
text-transform: uppercase;
text-align: center;
}
.tipr_container_below {
display: none;
position: absolute;
margin-top: 13px;
z-index: 1000;
}
.tipr_container_above {
display: none;
position: absolute;
margin-top: -77px;
z-index: 1000;
}
.tipr_point_above, .tipr_point_below {
position: relative;
background: #6D6E70;
border: 0;
}
.tipr_point_above:after, .tipr_point_above:before {
position: absolute;
pointer-events: none;
border: solid transparent;
top: 100%;
content: "";
height: 0;
width: 0;
}
.tipr_point_above:after {
border-top-color: #6D6E70;
border-width: 8px;
left: 50%;
margin-left: -8px;
}
.tipr_point_above:before {
border-top-color: #6D6E70;
border-width: 9px;
left: 50%;
margin-left: -9px;
}
.tipr_point_below:after, .tipr_point_below:before {
position: absolute;
pointer-events: none;
border: solid transparent;
bottom: 100%;
content: "";
height: 0;
width: 0;
}
.tipr_point_below:after {
border-bottom-color: #6D6E70;
border-width: 8px;
left: 50%;
margin-left: -8px;
}
.tipr_point_below:before {
border-bottom-color: #6D6E70;
border-width: 9px;
left: 50%;
margin-left: -9px;
}
/*! 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;
}
.banner-experience figure {
margin: 0;
padding: 0;
}
.banner-experience figure img.img-responsive {
min-width: 100%;
height: auto;
}
/**
* 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: #000000;
font: 14px/1.5 "proxima-nova", sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #ffffff;
height: 100%;
width: 100%;
-webkit-overflow-scrolling: touch;
}
* {
-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;
}
#main-content {
margin: 0;
}
#main-content.dark-page {
background: #000;
}
iframe {
border: 0;
width: 100%;
}
pre {
border: 1px solid #6D6E70;
background: #F7F7F7;
border-radius: 5px;
max-height: 350px;
overflow: scroll;
}
.hidden {
display: none !important;
}
.error404 {
text-align: center;
padding-top: 5rem;
padding-bottom: 5rem;
}
.error404 h1 {
font-size: 15rem;
margin: 0;
line-height: 1;
}
.page-title {
text-align: center;
padding: 2.5rem;
background: #F7F7F7;
margin-bottom: 1rem;
}
.page-title h1 {
margin: 0;
}
.page-title small {
color: #000000;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 2pt;
}
@media (min-width: 992px) {
.row.full {
margin: 0 2rem;
}
.page-title {
margin-bottom: 0;
}
}
.content-box {
background: #F7F7F7;
padding: 3rem;
margin-bottom: 2rem;
}
#map {
margin: 2rem 0;
}
.lead {
font-weight: bold;
}
small, .small {
font-size: 0.85rem;
color: #6D6E70;
}
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 {
color: #000000;
text-decoration: none;
}
h1, .h1, h2, .h2 {
font-size: 2rem;
line-height: 2.5rem;
text-transform: uppercase;
letter-spacing: 5pt;
font-weight: normal;
}
h3, .h3, h4, .h4 {
font-size: 1.275rem;
text-transform: uppercase;
margin: 0 0 1.5rem;
letter-spacing: 2pt;
font-weight: normal;
}
h5, .h5, h6, .h6 {
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 1pt;
font-weight: normal;
text-transform: uppercase;
}
.row > h2 {
width: 100%;}
#afterAddingToCartPopup h1 {
text-align: center;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-left {
text-align: left;
}
address {
font-style: normal;
}
.summary-info {
clear: both;
overflow: hidden;
margin-bottom: 1rem;
}
.summary-info .desc {
display: block;
font-size: 0.85rem;
}
.summary-info .value {
display: inline-block;
font-size: 1.125rem;
color: #000000;
}
#order .summary-info .value {
text-transform: uppercase;
}
.dl-horizontal {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
}
.dl-horizontal dt {
flex-basis: 48%;
width: 48%;
margin: 0.5rem 0;
color: #A3A3A3;
}
.dl-horizontal dd {
flex-basis: 48%;
width: 48%;
margin: 0.5rem 0;
}
.banner figure, .banner-area figure, .menu-banners-big figure {
padding: 0;
margin: 0;
position: relative;}
.banner-area-sides figure {
margin: 0}
.banner-area-sides figure:first-child {
margin: 0 0 3rem}
.banner figure a:not(.btn),  .banner-area figure a:not(.btn) {
padding: 0 !important;
margin: 0 !important;
display: block !important;
min-width: 100% !important;
min-height: 100% !important;}
.banner figure img {
transition: all .2s ease-in;
transform: scale(1,1);
opacity:1
}
.banner:hover figure img {
transform: scale(1.05,1.05)}
.product-list .banner:hover figure img {
transform: scale(1,1);
opacity:.7
}
.banner figcaption, .banner-area figcaption, .menu-banners-big figcaption{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.main-1-mobile figcaption,  .main-2-mobile figcaption,  .main-3-mobile figcaption {
bottom: 6%;
top: auto;
display: flex;
flex-direction: column;
position: absolute;
transform: translate(-50%, 0%);
text-align: center;}
.main-1-mobile figcaption > a, .main-2-mobile figcaption > a, .main-3-mobile figcaption > a {
margin: 1rem 0;}
.banner figcaption.right-bottom-txt {
top: auto;
bottom: 0;
right: 9rem;
left: auto;
transform: translate(0,0);
writing-mode: sideways-lr;
font-family: 'Cutive Mono', monospace;
text-transform: none;}
.banner figcaption.right-bottom-txt p.banner-title {
text-align: left;
color: #000;
text-transform: none;}
.banner-area .banner figure.banner-more-text figcaption {
top: auto;
left: 0;
right: 30%;
bottom: 0;
transform: translate(0,0);
padding: 4rem;
text-align: left;}
.banner-area .banner.no-padding:nth-child(2) figure.banner-more-text figcaption {
left: 30%;
right: 0;}
.banner-area .banner.no-padding:nth-child(2) figure.banner-more-text figcaption p.banner-title, .banner-area .banner.no-padding:nth-child(2) figure.banner-more-text figcaption p.desktop {
text-align: right;}
.banner-area.lighter-bg figure figcaption {
top: auto;
bottom: 0;
left: 0;
right: 0;
padding: 1rem;
transform: translate(0,0);
}
.banner figure.banner-bottom-text a {
flex-wrap: wrap;}
.banner figure.banner-bottom-text figcaption, .banner figcaption.banner-bottom-text {
position: relative;
top: 0;
left: 0;
transform: translate(0%, 0%);
text-align: left;
color: #000;
line-height: 1.35 }
.banner figcaption p,  .banner-area figcaption p, .menu-banners-big figcaption p {
color: #fff;
text-align: left;}
.banner-area.lighter-bg figcaption p {
color: #000;}
.banner .banner-bottom-text figcaption p, .banner figcaption.banner-bottom-text p {
color: #000;
text-align: left;}
.banner figcaption p.banner-title, .banner-area figcaption p.banner-title, .menu-banners-big figcaption p.banner-title {
font-size: 1.75rem;
text-transform: uppercase;
text-align: center;
line-height: 1.2;}
.banner.banner-4 p.banner-title {
font-size: 1.25rem;}
.banner figcaption.bigger p.banner-title {
color: #ff4139;
font-size: 3.25rem; }
.banner .banner-bottom-text figcaption p.banner-title {
text-align: left;}
.banner .banner-bottom-text figcaption p.banner-title.centered {
text-align: center;
font-size: 1.25rem}
.red-ui {color: #ff4139 !important;}
.banner .banner-more-text figcaption p.banner-title {
font-size: 3.25rem;
text-align: left;
margin: 0;}
.banner.banner-3col .img-responsive {
min-width: 100%}
@media (min-width: 992px) {
#secondary-nav > div > ul > li > a, .footer-widgets ul li a, .breadcrumbs ol li a, .remind a, .sort-trigger span, .filters-trigger span, .credits a, .submenu a, .sizes-chart span, .pos-avb a span, .client-panel .profile-box a.link, .filter .show-more, .registration-type li a, .yamm-content li a, .primary-menu li a {
position: relative;
}
#secondary-nav > div > ul > li > a:after, .footer-widgets ul li a:after, .breadcrumbs ol li a:after, .remind a:after, .sort-trigger span:after, .filters-trigger span:after, .credits a:after, .submenu a:after, .sizes-chart span:after, .pos-avb a span:after, .client-panel .profile-box a.link:after, .filter .show-more:after, .registration-type li a:after, .yamm-content li a:after, .primary-menu li a:after {
content: "";
position: absolute;
width: 0;
height: 1px;
display: block;
margin-top: 0px;
right: 0;
background: #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;
}
.social-footer ul li a:after {
content:none;}
#secondary-nav > div > ul > li > a:hover, .footer-widgets ul li a:hover, .breadcrumbs ol li a:hover, .remind a:hover, .sort-trigger span:hover, .filters-trigger span:hover, .credits a:hover, .submenu a:hover, .sizes-chart span:hover, .pos-avb a span:hover, .client-panel .profile-box a.link:hover, .filter .show-more:hover, .registration-type li a:hover, .yamm-content li a:hover, .primary-menu li a:hover {
text-decoration: none;
}
#secondary-nav > div > ul > li > a:hover:after, .footer-widgets ul li a:hover:after, .breadcrumbs ol li a:hover:after, .remind a:hover:after, .sort-trigger span:hover:after, .filters-trigger span:hover:after, .credits a:hover:after, .submenu a:hover:after, .sizes-chart span:hover:after, .pos-avb a span:hover:after, .client-panel .profile-box a.link:hover:after, .filter .show-more:hover:after, .registration-type li a:hover:after, .yamm-content li a:hover:after, .primary-menu li a:hover:after {
width: 100%;
left: 0;
background: #000000;
}
#secondary-nav > div > ul > li > a:after {
content: "";
position: absolute;
width: 0;
height: 3px;
bottom: 0;
display: block;
margin-top: 0px;
right: 0;
background: #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;
}
#secondary-nav > div > ul > li:hover > a {
text-decoration: none;
}
#secondary-nav > div > ul > li:hover > a:after {
width: 100%;
left: 0;
background: #000000;
}
#secondary-nav > div > ul > li.menu-2778:hover > a:after {
background:#ff4139;}
}
#secondary-nav > div > ul > li:hover > a.green-ui:after {
background:#f02f28;}
}
.main-slider, .main-slider-no-anim {
overflow: hidden;
padding: 0;
}
.main-slider .banner, .main-slider-no-anim .banner {
margin-bottom: 0;
}
.main-slider figure.banner {
padding: 0;
margin: 0;
position: relative;}
.parallax-banner {
z-index: 10;
height: 100%;
width: 100%;
left: 0;
top: 0;
position: absolute;
padding: 0;
margin: 0;
overflow: hidden;
min-height: 100%;}
.main-slider .main-1, .main-slider .main-2, .main-slider .main-3, .main-slider-no-anim .main-1-no-anim {
display: none;
}
.main-slider-no-anim .main-1-no-anim {
position: relative;}
.main-slider .main-1 figcaption, .main-slider .main-2 figcaption, .main-slider .main-3 figcaption {
position: absolute;
bottom: 20%;
top: auto;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: space-around;
min-width: 25rem;
padding: 0;
z-index: 9994}
.main-slider .main-1 figcaption .btn.btn-stroke, .main-slider .main-2 figcaption .btn.btn-stroke, .main-slider .main-3 figcaption .btn.btn-stroke {
position: relative;
bottom: auto;
left: auto;
transform: translateX(0)}
.main-slider figcaption {
justify-content: center;}
.txt-banner figure {
padding: 0;
margin: 0;
display: flex;
align-items: end}
.txt-banner figure:nth-child(even) {
flex-direction: row-reverse;}
.sm-banner {
margin: 2rem 0;}
.txt-banner {
margin: 4rem 0;}
.txt-banner.striped {
position: relative;}
.txt-banner.striped:before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 35%;
z-index: -1;
bottom:0;
left:0;
right:0;
background: #f1f0eb;}
.txt-banner figcaption {
padding: 4rem;}
.promo-slider {
width: 100%}
.banner-area {
padding: 0 0.5rem;
overflow: hidden;
width: 100%
}
.txt-area {
padding: 4rem 0;
width: 100%;}
.banner-area .banner {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.banner-area .h-banners .banner {
margin-bottom: 3rem}
.banner {
-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;
display: block;
}
.banner figure, .banner a:not(.btn) {
display: flex;
margin: 0;
padding: 0;
min-width: 100%;
min-height: 100%;
overflow: hidden;
line-height: 0}
.banner figure.banner-bottom-text {
flex-wrap: wrap;}
/* .banner img {
object-fit: cover;} */
figure.banner {
margin: 0;}
.padding5 {
color: #fff;}
.no-padding {
padding-left: 0 !important;
padding-right: 0 !important;
margin-bottom: 0 !important;
}
@media (min-width: 992px) {
.banner-4:nth-child(1), .banner-4:nth-child(2) {
margin-bottom: 3rem}
.main-slider .main-1, .main-slider .main-2, .main-slider .main-3 {
display: block;
}
.main-slider-no-anim .main-1-no-anim {
display: flex;
align-items: flex-end;}
.main-slider .main-1-mobile, .main-slider .main-2-mobile, .main-slider .main-3-mobile, .main-slider-no-anim .main-1-mobile-no-anim {
display: none;
}
.banner-area {
padding: 0;
margin-bottom: 3rem;
}
.nc-banners > figure:first-child {
margin-bottom: 3rem}
.centered {
text-align: center;}
.padding5 {
padding: 5rem 0;}
.padding5 h2, .padding5 p {
margin: 0 0 2rem}
.padding5 .flex-area {
align-items: center;}
.banner-area.banner-full-area {
margin: 0 -1rem;}
.banner-area.banner-full-area.lighter-bg {
margin: 0 -2rem;
padding: 4rem 0;}
.banner-area.banner-full-area .row {
justify-content: space-between;}
.banner-area.banner-full-area .banner {
padding: 0;
flex-basis: calc(50% - 1rem);
}
.banner-area.banner-full-area.lighter-bg .banner {
margin-bottom: 0;}
.banner-area.banner-full-area.lighter-bg .banner a, .banner-area.banner-full-area.lighter-bg .banner figure {
margin: 0;
padding: 0;
display: block;
min-height: 100%;
min-width: 100%;}
.banner-area.banner-full-area.lighter-bg .banner figure {
margin-bottom: -2rem;}
.banner-area.banner-full-area .banner.banner-grid {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.banner-area.banner-full-area .banner.banner-grid-bigger {
padding-bottom: 1.25rem;}
}
.reveal{
position: relative;
transform: translate(-50%, 150px) !important;
opacity: 0;
transition: 1s all ease;
}
.reveal.active{
transform: translate(-50%, 0)  !important;
opacity: 1;
}
.main-slider .main-1 figcaption .btn.btn-stroke.reveal, .main-slider .main-2 figcaption .btn.btn-stroke.reveal, .main-slider .main-3 figcaption .btn.btn-stroke.reveal, .main-slider .main-1-mobile figcaption .btn.btn-stroke.reveal, .main-slider .main-2-mobile figcaption .btn.btn-stroke.reveal, .main-slider .main-3-mobile figcaption .btn.btn-stroke.reveal {
transform: translate(0, 150px) !important;
}
.main-slider .main-1 figcaption .btn.btn-stroke.reveal.active, .main-slider .main-2 figcaption .btn.btn-stroke.reveal.active, .main-slider .main-3 figcaption .btn.btn-stroke.reveal.active, .main-slider .main-1-mobile figcaption .btn.btn-stroke.reveal.active, .main-slider .main-2-mobile figcaption .btn.btn-stroke.reveal.active, .main-slider .main-3-mobile figcaption .btn.btn-stroke.reveal.active {
transform: translate(0, 0) !important;
}
.footer-widgets {
padding: 1rem 0;
}
.footer-widgets .head {
font-size: 1.275rem;
text-transform: uppercase;
margin: 1rem 0;
letter-spacing: 2pt;
}
.footer-widgets ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-widgets ul li a {
display: inline-block;
text-transform: uppercase;
padding: 0.5rem 0;
}
.footer-widgets .footer-link-group {
padding: 0;
}
.credits {
border-top: 2px solid #F7F7F7;
padding: 1.5rem;
text-align: center;
color: #989898;
text-transform: uppercase;
background: #fff;
position: relative;
z-index: 2;
}
.credits a {
color: #989898;
}
.credits a:hover:after {
background: #989898;
}
.footer-widgets {
background: #fff;
position: relative;
margin: 0;
border-top: solid 1px #000}
@media (min-width: 992px) {
.footer-widgets {
padding: 1rem 0;
}
.footer-widgets ul li {
padding: 0.5rem 0;
}
.footer-widgets ul li a {
display: inline-block;
padding: 0;
}
.footer-widgets .footer-link-group {
padding: 0 1rem;
}
}
footer .go-to-top-ui {
width: 70px;
float: right;
margin-right: 30px;
border: none !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
footer .go-to-top-ui span {
border: none !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 50px;
padding: 0px 0px 10px 0px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
footer .go-to-top-ui #top-button-ui {
z-index: 100;
display:flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
bottom: 100px;
right: 25px;
border: none;
width: 60px;
height: 0;
padding:0;
overflow:hidden;
position: fixed;
background-color: #fff;
cursor:pointer;
align-items:center;
justify-content:center;
transition:all .2s ease-in;
}
footer .go-to-top-ui #top-button-ui.active {
height: 60px;
}
footer .go-to-top-ui #top-button-ui i.toggle-more.angle-up {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid black;
width:20px;
position:static;
}
footer .go-to-top-ui #top-button-ui:hover {
background: #b6b3b0
}
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
.el-control, .el-select {
position: relative;
margin-bottom: 1.5rem;
}
.el-control {
position: relative;
z-index: 100;
display: flex;
flex-wrap: wrap;
margin-top: 45px;
}
.el-control div, .el-select div {
position: relative;
}
.el-control input, .el-control textarea, .el-control select,
.el-select input, .el-select textarea, .el-select select {
font-size: 1rem;
padding: 1rem;
display: block;
width: 100%;
background: #ffffff;
border: 0;
}
.newsletter .el-control {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%; /* Całkowita szerokość */
}
.newsletter .el-control input {
border: solid 1px #000;
border-right: 0;
padding: 10px;
width: calc(100% - 120px);
border-radius: 5px 0 0 5px;
}
.newsletter .el-control a {
padding: 10px 20px;
background-color: transparent;
border: 1px solid #000;
font-size: 1rem;
text-align: center;
border-radius: 0 5px 5px 0;
white-space: nowrap;
display: inline-flex;
align-items: center;
justify-content: center;
width: 120px;
flex-shrink: 0;
}
.el-control textarea, .el-select textarea {
resize: vertical;}
.el-control a {
flex-basis: auto;
white-space: nowrap;
text-align: center;
line-height: normal;
display: flex;
align-items: center;}
.el-control label, .el-select label {
font-size: 1rem;
color: #000000;
margin-bottom: 1rem;
display: block;
}
.el-select {
position: relative;
z-index: 200;
}
.form-inline {
margin-top: 1rem;
}
.form-inline .el-control {
float: left;
margin-right: 0.5rem;
min-width: 25rem;
}
.form-inline .btn.btn-sm {
padding: 0.8rem 1.5rem;
font-size: 1rem;
}
.el-2-col label {
left: 1rem;
}
.el-group {
position: relative;
margin-bottom: 1.5rem;
}
.el-group label {
font-size: 1rem;
-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;
}
.el-full {
background: #ffffff;
border: 1px solid #A3A3A3;
color: #6D6E70;
}
.checkbox label, .radio label {
cursor: pointer;
}
.radio {
padding: 1.225rem 0;
text-transform: uppercase;
}
.radio input {
margin-right: 0.25rem;
cursor: pointer;
}
/* ====================== 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: #A3A3A3;
}
.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 .el-control {
flex-basis: 100%;
margin-bottom: 0;
}
.quantity .input-group .el-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;
}
.disabled {
opacity: 0.4;
}
/* ====================== SORTOWANIE ======================= */
/* Default custom select styles */
div.cs-select {
display: block;
vertical-align: middle;
position: relative;
text-align: left;
background: #ffffff;
z-index: 100;
width: 100%;
max-width: none;
-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;
border: 1px solid #F7F7F7;
padding: 0.66rem 0;
line-height: 1.5;
}
div.cs-select:focus {
outline: none;
/* For better accessibility add a style for this in your skin */
}
.cs-select select {
display: none;
}
.cs-select span {
display: block;
position: relative;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Placeholder and selected option */
.cs-select > span {
padding-right: 3em;
padding-left: 1rem;
}
.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: 1em;
color: #A3A3A3;
}
.cs-select .cs-selected span {
color: #6D6E70;
}
.cs-select.cs-active > span::after {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
div.cs-active {
z-index: 200;
}
/* Options */
.cs-select .cs-options {
position: absolute;
overflow: hidden;
width: 100%;
background: #ffffff;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border: 1px solid #F7F7F7;
border-radius: 1rem;
border-top: 0;
margin-top: 0.65rem;
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;
box-shadow: 0 1px 3px 0 #F7F7F7;
}
.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: #000000;
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;
}
.invoice-inputs h3 {
display: inline-block;
}
.invoice-inputs .copy-data {
position: relative;
top: -4px;
margin-left: 10px;
}
.checkbox input[type=checkbox] {
visibility: hidden;
float: right;
}
.checkbox label {
position: relative;
display: inline-block;
padding-left: 2rem;
font-size: 0.85rem;
}
.checkbox label::before,
.checkbox label::after {
position: absolute;
content: "";
display: inline-block;
}
.checkbox label::before {
height: 1.33rem;
width: 1.3rem;
background: #ffffff;
left: 0px;
top: 0px;
border: solid 1px;
}
.checkbox label::after {
height: 5px;
width: 7px;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
transform: rotate(-45deg);
left: 0.45rem;
top: 0.42rem;
}
.checkbox input[type=checkbox] + label::after {
content: none;
}
.checkbox input[type=checkbox]:checked + label::after {
content: "";
}
.checkbox input[type=checkbox]:checked + label::before {
background: #000000;
border-color: #000000;
}
.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: 0rem;
margin-left: 0rem;
align-items: stretch;
justify-content: flex-start;
min-height: 25rem}
#secondary-nav  .flex-menu {
display: flex;
flex-wrap: wrap;}
#secondary-nav  .flex-menu>div:first-child, #secondary-nav  .flex-menu>div:nth-child(2){
order: 2;}
@media (min-width:992px) {
.col-md-8.menu-exp-txt {
padding-right: 12.5rem;}
}
.flex {
display:flex;}
.flex.flex-wrap {
flex-wrap:wrap;}
.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;
}
.flex-area {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.product.flex-area, .flex-area.centered-flex {align-items: center}
.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;
}
.flex-wrap {
flex-wrap: wrap}
.banner-area>.container {
display: flex;
flex-wrap:wrap;
}
@media only screen and (min-width: 48em) {
.container {
width: 96%;
margin: 0 auto;
}
.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%;
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-20 {
-ms-flex-preferred-size: 20%;
-webkit-flex-basis: 20%;
flex-basis: 20%;
max-width: 20%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.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: 1200px) {
.row {
margin-right: -1rem;
margin-left: -1rem;
}
}
header {
padding-top: 7.5rem;
}
header.home-header {
padding-top: 0;
}
#main-header, #main-header.home-nav-white.hovered {
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 9996;
background: rgba(255, 255, 255, 0.97);
box-shadow: 0px 3px 3px 0px rgba(177, 177, 177, 0.2);
}
#main-header.home-nav-white {
background: rgba(255, 255, 255, 0);
box-shadow: 0px 0px 0px 0px rgba(177, 177, 177, 0);
padding-top: 0;
}
#main-header .info-bar {
height: 4rem;
text-align: center;
line-height: 1rem;
font-weight: bold;
background-color: #F7F7F7;
margin: 0 -1rem;
text-transform: uppercase;
font-size: 0.75rem;
display:flex;
align-items:center;
justify-content:center;
}
#main-header .info-bar a {
display: inline-block;
padding: 0 1rem;
}
#main-header > .row {
align-items: center;
height: 5.25rem;
}
#main-header .logo {
padding: 0;
}
#main-header .logo .logo-img, #main-header .logo .logo-img-white {
display: flex;
align-items: center;
}
#main-header.home-nav:not(.home-nav-white) .logo .logo-img-white, #main-header.home-nav.home-nav-white.hovered .logo .logo-img-white, #main-header.home-nav.home-nav-white .logo .logo-img {
display: none;}
#main-header.home-nav.home-nav-white.hovered .logo .logo-img {
display: flex}
#main-header .icon-menu, #main-header .search-trigger, #main-header .icon-user, #main-header .icon-cart .drop, #main-header .search-close, #main-header .icon-fav {
width: 3rem;
height: 3.5rem;
display: block;
text-align: center;
line-height: 3.5rem;
-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 .icon-menu svg, #main-header .search-trigger svg, #main-header .icon-user svg, #main-header .icon-cart .drop svg, #main-header .search-close svg, #main-header .icon-fav svg {
margin-top: 0.75rem;
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;
}
#main-header .icon-menu:hover svg, #main-header .search-trigger:hover svg, #main-header .icon-user:hover svg, #main-header .icon-cart .drop:hover svg, #main-header .search-close:hover svg, #main-header .icon-fav:hover svg {
animation: icon-slide 0.33s ease-in-out;
}
@keyframes icon-slide {
0% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
49% {
opacity: 0;
transform: translate3d(0, -50%, 0);
}
50% {
opacity: 0;
transform: translate3d(0, 50%, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
#main-header .search-trigger, #main-header .search-close {
margin-left: 1rem;
}
#main-header .icon-user {
max-width: 3.5rem;
margin-left: 1rem;
display: none;
}
#main-header .icon-cart {
max-width: 3.5rem;
margin-right: 0.5rem;
position: relative;
cursor: pointer;
}
#main-header .icon-cart .cart-label {
display: inline-block;
color: #000000;
font-size: 1rem;
font-weight: normal;
line-height: 1rem;
position: absolute;
top: 1rem;
right: 0.25rem;
}
#main-header.home-nav-white .icon-cart .cart-label {
color: #fff;}
#main-header.home-nav-white.hovered .icon-cart .cart-label {
color: #000;}
#main-header .icon-menu {
}
#main-header .icon-fav {
display: none;
}
#main-header .icon-menu .close {
display: none;
}
.pushy-open-right #main-header .icon-menu .close {
display: inline-block;
}
.pushy-open-right #main-header .icon-menu .open {
display: none;
}
#secondary-nav .login-btn {
margin-top: 3rem;
}
#secondary-nav .user-info {
display: flex;
flex-wrap: wrap;
padding: 1rem 0;
margin-top: 1rem;
}
#secondary-nav .user-info .svg {
width: 3.5rem;
height: 3.5rem;
padding: 1rem;
border-radius: 2rem;
background: #F7F7F7;
margin-right: 1rem;
}
#secondary-nav .user-info .menu-header {
flex-basis: 100%;
margin-top: 3rem;
text-align: center;
text-transform: uppercase;
letter-spacing: 1pt;
background: #F7F7F7;
padding: 0.5rem;
font-size: 1.125rem;
}
#secondary-nav .user-info .login-txt strong {
display: block;
text-transform: uppercase;
font-size: 1.125rem;
line-height: 1.5;
margin-top: 0.25em;
}
#secondary-nav .user-info .login-txt small {
font-size: 1rem;
color: #000000;
}
#main-header .icon-cart .details {
max-height: 80%;
overflow-y: scroll;
position: fixed;
right: 0;
top: 5.25rem;
width: 95%;
min-height: calc(100% - 5.25rem);
background: #ffffff;
padding: 2rem;
z-index: 999;
transform: translate3d(100%, 0, 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;
color: #000000;
text-align: left;
line-height: 1.5;
box-shadow: inset 0px 7px 6px -6px #00000025, 0px 15px 15px 2px #00000035;
}
#main-header .icon-cart .details .scroll {
min-height: calc(100vh - 11.5rem);
display: flex;
flex-direction: column;
}
#main-header .icon-cart .details .head {
text-transform: uppercase;
letter-spacing: 2pt;
font-size: 1.275rem;
margin-bottom: auto;
}
#main-header .icon-cart .details .close {
position: absolute;
top: 1.5rem;
right: 2rem;
}
#main-header .icon-cart .details .close svg {
transform: rotateZ(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;
}
#main-header .icon-cart .details .close:hover svg {
transform: rotateZ(180deg);
}
#main-header .icon-cart .details ul {
flex-grow: 1;
margin: 0;
padding: 0;
list-style: none;
overflow-x: hidden;
}
#main-header .icon-cart .details ul li {
margin: 1rem 0;
display: flex;
position: relative;
}
#main-header .icon-cart .details ul li .img {
margin-right: 2rem;
}
#main-header .icon-cart .details ul li .img .delete {
background: #F7F7F7;
display: block;
text-align: center;
padding: 0.5rem 0 0.25rem;
}
#main-header .icon-cart .details ul li .img .delete svg use {
stroke-width: 0;
stroke: #A3A3A3;
fill: #A3A3A3;
}
#main-header .icon-cart .details ul li .data a {
display: block;
margin-bottom: 1rem;
font-size: 1.275rem;
}
#main-header .icon-cart .details ul li .data .qty {
display: block;
margin-bottom: 1rem;
}
#main-header .icon-cart .details ul li .data .qty em {
font-style: normal;
display: inline-block;
margin-left: 2rem;
}
#main-header .icon-cart .details ul li .data .price {
display: block;
font-size: 1.275rem;
}
#main-header .icon-cart .details .small-summary {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#main-header .icon-cart .details .small-summary .btn {
margin-top: 1rem;
}
#main-header .icon-cart .details .small-summary strong {
font-weight: normal;
font-size: 1.275rem;
letter-spacing: 2pt;
}
#main-header .icon-cart .details .empty {
text-align: center;
background: #F7F7F7;
text-transform: uppercase;
padding: 1rem;
}
#main-header .icon-cart.active .details {
transform: translate3d(0, 0, 0);
}
@media (min-width: 992px) {
header {
padding-top: 7.5rem;
}
header.header-bigger {
padding-top: 11.5rem;}
#main-header {
padding: 0 4rem;
}
#main-header .info-bar {
font-size: 0.85rem;
margin: 0 -4rem;
}
#main-header .offcanvas-trigger {
display: none;
}
#main-header .logo {
flex-basis: 10%;
max-width: 10%;
margin-right: 3rem;
}
#main-header .icon-user, #main-header .icon-fav {
display: block;
margin-left: 0;
}
#main-header .icon-cart {
margin-right: 1rem;
}
#main-header .icon-cart .details {
width: calc(33% + 2rem);
top: 7.5rem;
min-height: calc(100% - 7.5rem);
}
#main-header .icon-cart .details ul li .img {
margin-right: 1rem;
}
#main-header .icon-cart .details ul li .img .delete {
position: absolute;
top: 0;
right: 0;
width: 3rem;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
#main-header .icon-cart .details ul li .data {
padding-right: 4rem;
}
#main-header .icon-cart .details ul li .data a, #main-header .icon-cart .details ul li .data .price {
font-size: 1rem;
}
#secondary-nav .login-btn, #secondary-nav .user-info {
display: none;
}
}
@media (min-width: 1200px) {
#main-header .icon-cart .details {
width: calc(25% + 2rem);
}
#main-header .icon-cart .details ul li .data a, #main-header .icon-cart .details ul li .data .price {
font-size: 1.275rem;
}
}
@media only screen and (max-width: 326px) {
#main-header .logo {
max-width: 40%;
}
}
/*
*  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;
background-color: #F7F7F7;
font-size: 1.125rem;
color: #ffffff;
text-align: center;
padding: 1rem 0;
cursor: pointer;
}
.jquery-notify-bar.bottom {
bottom: 0;
top: auto;
}
.jquery-notify-bar.err {
background-color: #c01923;
color: #ffffff;
}
.jquery-notify-bar.warn {
background-color: #c01923;
color: #ffffff;
}
.jquery-notify-bar.msg {
background-color: #147b00;
color: #ffffff;
}
.jquery-notify-bar.info {
background-color: #147b00;
color: #ffffff;
}
.jquery-notify-bar a {
color: #ffffff;
text-decoration: underline;
}
.jquery-notify-bar strong {
margin-right: 0.625rem;
}
/* Style for close button */
.notify-bar-close {
position: absolute;
left: 97%;
top: 13px;
text-decoration: none;
color: #222;
font-size: 30px;
}
.notify-bar-close:hover {
color: #05f;
}
.notify-validation {
display: block;
font-size: 1rem;
}
/* cookies */
.cookies {
background: #F7F7F7;
color: #000000;
text-align: left;
padding: 1rem 2rem;
overflow: hidden;
margin-top: -0.25rem;
position: relative;}
.cookies a {
color: #A3A3A3;
text-decoration: underline;
margin: 0 5px;
}
.cookies a:hover {
text-decoration: none;
color: #c9c9c9;
}
.cookies p {
text-align: center;
}
.cookies .close {
background: transparent;
border: 0;
cursor: pointer;
display: inline-block;
}
.alert.recalculate-box {
background: white;
border: 0;
padding: 2rem;
border-radius: 0;
line-height: 2.25em;
text-align: center;
}
.alert.recalculate-box ul {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
.alert.recalculate-box input.btn {
margin: auto;
width: 100%;
}
@media (min-width: 992px) {
.alert.recalculate-box {
text-align: left;
}
.alert.recalculate-box input.btn {
width: auto;
float: right;
margin-top: -0.5rem;
}
}
.btn {
display: inline-block;
font-size: 1rem;
padding: 0.75rem 1.5rem;
color: #ffffff;
border: 0;
background-color: #000000;
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;
letter-spacing: 1pt;
overflow: hidden;
}
.btn.btn-stroke {
background: #ffffff61;
outline: none;
border: 1px solid #000;
color: #000;
position: relative;
z-index: 2;
}
.btn.btn-stroke:after {
content: "";
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
height: 100%;
width: 0;
background: #000;
z-index: -1;
transition: all .2s ease-in}
.btn.btn-stroke:hover:after {
width: 100%}
.main-slider .btn.btn-stroke {
background: transparent;
outline: none;
border: 1px solid #fff;
color: #fff;
position: absolute;
bottom: 15rem;
left: 50%;
transform: translateX(-50%);
z-index: 2;}
.main-slider .main-3-mobile .btn.btn-stroke {
position:relative;
left:auto;
bottom:auto;
transform: translate(0,0);
}
.btn.btn-stroke.black-ui {
border: 1px solid #000;
color: #000;}
.btn.btn-stroke.red-ui {
border: 1px solid #ff4139;
color: #ff4139;
text-align: center;
display: block;
margin: 0 auto;
padding: 1rem 2rem;}
.btn.btn-stroke:hover, .btn.btn-stroke.black-ui:hover, .btn.btn-stroke.red-ui:hover {
color: #fff;
background: transparent;
}
.btn.btn-stroke.white-ui {
border: 1px solid #fff;
color: #fff;
background: transparent}
.btn.btn-primary {
background: #000000;
color: #ffffff;
border: 1px solid #000000;
}
.btn.btn-primary:hover {
background: #262626;
}
.btn.btn-secondary {
background: #F7F7F7;
color: #000000;
border: 1px solid #F7F7F7;
}
.btn.btn-secondary:hover {
background: white;
}
.btn.btn-lg {
text-transform: uppercase;
font-size: 1.125rem;
padding: 0.66rem 1.65rem;
}
.btn.btn-block {
display: block;
width: 100%;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn.btn-table {
display: table;
margin: 2rem auto}
.btn.btn-sm {
font-size: 0.75rem;
padding: 0.5rem 0.75rem;
}
.btn.btn-number {
background: transparent;
color: #000000;
font-size: 1rem;
display: inline-block;
padding: 0.75rem 1rem;
}
.btn.add-to-cart {
margin-top: 0;
}
.btn.disabled {
background: #6D6E70;
cursor: not-allowed;
border-color: #6D6E70;
}
.btn.disabled:hover {
background: #6D6E70;
border-color: #6D6E70;
}
.btn.btn-stroke.btn-main-banner {
min-width: 10rem;
text-align: center;
z-index: 9999;}
.btn.btn-stroke.btn-main-banner:hover {
background: transparent;}
.btn.btn-stroke.btn-main-banner.black-ui:hover {
background: transparent;
color: #fff}
.btn.btn-stroke.btn-main-banner:after {
content: "";
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
height: 100%;
width: 0;
background: rgba(255,255,255,.4);
transition: all .2s ease-in}
.btn.btn-stroke.btn-main-banner.black-ui:after {
background: rgba(0,0,0,.95);}
.btn.btn-stroke.btn-main-banner:hover:after {
width: 100%}
.cart-banner {
margin-top: 2rem;
}
@media (min-width: 1200px) {
.btn.btn-lg {
padding: 1rem 2.5rem;
}
}
#accept-consents {
float: left;
margin-right: 0.5rem;
}
.breadcrumbs {
display: none;
position: relative;
margin: 2rem 0;
}
.breadcrumbs ol, .breadcrumbs ul {
margin: 0;
padding: 0;
list-style: none;}
.breadcrumbs ol li:not(:first-child) {
text-transform: lowercase;
}
.breadcrumbs ol li, .breadcrumbs ul li {
display: inline-block;
}
.breadcrumbs ol li a, .breadcrumbs ol li span, .breadcrumbs ol li strong, .breadcrumbs ul li a, .breadcrumbs ul li span, .breadcrumbs ul li strong {
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: #000000;
position: relative;
}
.breadcrumbs ol li:before, .breadcrumbs ul li:before {
content: "›";
padding-right: 0.5rem;
float: left;
display: inline-block;
margin-left: 0.5rem;
}
.breadcrumbs ol li:first-child:before, .breadcrumbs ul li:first-child:before {
content: none;
}
@media (min-width: 992px) {
.breadcrumbs {
display: block;
}
}
.chocolat-zoomable.chocolat-zoomed {
cursor: zoom-out;
}
.chocolat-overlay {
transition: opacity 0.4s ease, visibility 0s 0.4s ease;
height: 100%;
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 14;
background-color: #fff;
visibility: hidden;
opacity: 0;
}
.chocolat-overlay.chocolat-visible {
transition: opacity 0.4s, visibility 0s;
visibility: visible;
opacity: 0.95;
}
.chocolat-wrapper {
transition: opacity 0.4s ease, visibility 0s 0.4s ease;
width: 100%;
height: 100%;
position: fixed;
opacity: 0;
left: 0;
top: 0;
z-index: 9999;
color: #fff;
visibility: hidden;
}
.chocolat-wrapper.chocolat-visible {
transition: opacity 0.4s, visibility 0s;
opacity: 1;
visibility: visible;
}
.chocolat-zoomable .chocolat-img {
cursor: zoom-in;
}
.chocolat-loader {
transition: opacity 0.3s;
height: 32px;
width: 32px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -16px;
margin-top: -16px;
z-index: 11;
background: url(img/loader.gif);
opacity: 0;
}
.chocolat-loader.chocolat-visible {
opacity: 1;
}
.chocolat-image-wrapper {
position: fixed;
width: 0px;
height: 0px;
left: 50%;
top: 50%;
z-index: 14;
text-align: left;
transform: translate(-50%, -50%);
}
.chocolat-image-wrapper .chocolat-img {
position: absolute;
width: 100%;
height: 100%;
}
.chocolat-wrapper .chocolat-left {
width: 50px;
height: 100px;
cursor: pointer;
background: url(img/left.png) 50% 50% no-repeat;
z-index: 17;
visibility: hidden;
}
.chocolat-layout {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.chocolat-image-canvas {
transition: opacity 0.2s;
opacity: 0;
flex-grow: 1;
align-self: stretch;
}
.chocolat-image-canvas.chocolat-visible {
opacity: 1;
}
.chocolat-center {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
user-select: none;
}
.chocolat-wrapper .chocolat-right {
width: 50px;
height: 100px;
cursor: pointer;
background: url(img/right.png) 50% 50% no-repeat;
z-index: 17;
visibility: hidden;
}
.chocolat-wrapper .chocolat-right.active {
visibility: visible;
}
.chocolat-wrapper .chocolat-left.active {
visibility: visible;
}
.chocolat-wrapper .chocolat-top {
height: 50px;
overflow: hidden;
z-index: 17;
flex-shrink: 0;
}
.chocolat-wrapper .chocolat-close {
width: 50px;
height: 50px;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
background: url(img/close.png) 50% 50% no-repeat;
}
.chocolat-wrapper .chocolat-bottom {
height: 40px;
font-size: 12px;
z-index: 17;
padding-left: 15px;
padding-right: 15px;
background: rgba(0, 0, 0, 0.2);
flex-shrink: 0;
display: flex;
align-items: center;
}
.chocolat-wrapper .chocolat-set-title {
display: inline-block;
padding-right: 15px;
line-height: 1;
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.chocolat-wrapper .chocolat-pagination {
float: right;
display: inline-block;
padding-left: 15px;
padding-right: 15px;
margin-right: 15px;
/*border-right: 1px solid rgba(255, 255, 255, 0.2);*/
}
.chocolat-wrapper .chocolat-fullscreen {
width: 16px;
height: 40px;
background: url(img/fullscreen.png) 50% 50% no-repeat;
display: block;
cursor: pointer;
float: right;
}
.chocolat-wrapper .chocolat-description {
display: inline-block;
flex-grow: 1;
text-align: left;
}
/* no container mode*/
body.chocolat-open > .chocolat-overlay {
z-index: 15;
}
body.chocolat-open > .chocolat-loader {
z-index: 15;
}
body.chocolat-open > .chocolat-image-wrapper {
z-index: 17;
}
/* container mode*/
.chocolat-in-container .chocolat-wrapper,
.chocolat-in-container .chocolat-image-wrapper,
.chocolat-in-container .chocolat-overlay {
position: absolute;
}
.chocolat-in-container {
position: relative;
}
.chocolat-zoomable.chocolat-zooming-in .chocolat-image-wrapper,
.chocolat-zoomable.chocolat-zooming-out .chocolat-image-wrapper {
transition: width 0.2s ease, height 0.2s ease;
}
.chocolat-zoomable.chocolat-zooming-in .chocolat-img,
.chocolat-zoomable.chocolat-zooming-out .chocolat-img {
transition: margin 0.2s ease;
}
/* uncomment to hide controls when zoomed-in*/
/*
.chocolat-zoomable .chocolat-top,
.chocolat-zoomable .chocolat-bottom,
.chocolat-zoomable .chocolat-right,
.chocolat-zoomable .chocolat-left {
transition: opacity .3s ease, visibility 0s .3s;
opacity: 1;
}
.chocolat-zoomable.chocolat-zoomed .chocolat-top,
.chocolat-zoomable.chocolat-zoomed .chocolat-bottom,
.chocolat-zoomable.chocolat-zoomed .chocolat-right,
.chocolat-zoomable.chocolat-zoomed .chocolat-left {
visibility: hidden;
opacity: 0;
}
*/
#devtool {
background: #000;
color: #fff;
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;
fill: #ffffff;
stroke: #000000;
}
.home-nav-white .icon, .home-nav-white .icon-fav .icon {
color: #fff;
fill: #fff;
stroke: #fff;
}
.home-nav-white .icon-fav .icon {
fill: transparent}
.home-nav-white.hovered .icon {
color: #000;
fill: #000;
stroke: #000;
}
.home-nav-white.hovered .icon-fav .icon {
fill: transparent}
.icon use {
stroke-width: 1;
}
.icon-sm {
height: 0.625rem;
width: 0.625rem;
}
.icon-md {
height: 1rem;
width: 1rem;
}
.icon-lg {
height: 1.5rem;
width: 1.5rem;
}
.icon-xl {
height: 2.5rem;
width: 2.5rem;
}
#audio-control .icon use, #audio-control2 .icon use {
stroke-width: 0;}
#audio-control .icon, #audio-control2 .icon {
fill: #ddd !important;
stroke: transparent;}
#audio-control .icon:hover, #audio-control2 .icon:hover {
fill: #fff !important;}
#audio-control.muted .ico-unmuted, #audio-control.muted.unmuted .ico-muted {
display:none;}
#audio-control.muted .ico-muted, #audio-control.muted.unmuted  .ico-unmuted {
display:block;}
#audio-control2.muted .ico-unmuted, #audio-control2.muted.unmuted .ico-muted {
display:none;}
#audio-control2.muted .ico-muted, #audio-control2.muted.unmuted  .ico-unmuted {
display:block;}
#audio-control3.muted .ico-unmuted, #audio-control2.muted.unmuted .ico-muted {
display:none;}
#audio-control3.muted .ico-muted, #audio-control2.muted.unmuted  .ico-unmuted {
display:block;}
.listitem {
position: relative;
padding: 0 .25rem;
margin-bottom: 1rem;
outline: 0 !important;
}
.listitem.product-listitem-minipadding {
padding: 0 .2rem;}
.bigger-padding .listitem {
padding: 0 1rem;
margin-bottom:2rem;
}
.promo-slider .listitem {
padding: 0 1rem;
}
.owl-item .listitem {
width: 100% !important;
max-width: 100% !important;}
.listitem .wishlist {
position: absolute;
z-index: 9;
top: 1rem;
right: 2rem;
}
.wishlist .icon, .icon-fav .icon  {
stroke: #8c8c8c;
color: #8c8c8c;
fill: transparent;
cursor: pointer;
transition: all .15s ease-in;}
.icon-fav .icon {
stroke: #000;
color: #000;
}
.wishlist:hover .icon {
fill: #8c8c8c;}
.icon-fav:hover .icon {
fill: #000;}
.listitem .product-image {
flex-basis: 100%;
position: relative;
border: 1px solid #F7F7F7;
margin-bottom: 0.5rem;
max-height: 100%;
background: #ffffff;
overflow: hidden;
}
.listitem .product-image .product-flags {
position: absolute;
bottom: 0.5rem;
left: 0.5rem;
}
.listitem .product-image > a > img {
-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;
width: 100%;
height: auto;
overflow: hidden;
}
.listitem .product-image > a > img:first-of-type {
padding: 3rem 2rem;
}
.listitem .product-image > a > img.full {
padding: 0;
}
.listitem .product-image a {
display: flex;
text-align: center;
position: relative;
overflow: hidden;
align-items: flex-start;
}
.listitem .product-image a img.loading {
opacity: 0.25;
}
.listitem .product-image a img:not(:first-of-type) {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
animation: none;
}
.listitem:hover .product.hover .product-image:not(.no-photo) a img:first-child {
opacity: 0;
}
.listitem:hover .product.hover .product-image:not(.no-photo) a img:nth-child(2) {
opacity: 1;
}
.listitem:hover .product:not(.hover) .product-image:not(.no-photo) a img {
opacity: 0.85;
}
.listitem .product-image a.no-photo {
width: 100%;
position: relative;
background: url(img/icon_nophoto.png) 0 0 no-repeat;
}
.listitem .product-flags {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 0.5rem;
}
.listitem .product-image .product-flags {
width: 100%;}
.listitem .product-flags .ribbon {
width: 22.5%;
display: block;
margin-right: 1%;
}
.listitem .product-flags .ribbon img {
width: 100%;
float: left;
}
.listitem .product-flags .ribbon em {
display: none;
}
.listitem .product-desc {
overflow: hidden;
box-sizing: border-box;
display: flex;
flex: 0 1 auto;
flex-wrap: wrap;
flex-basis: 100%;
justify-content: space-between;
align-items: flex-end;
height:90px;
}
.dark-page .listitem {
margin-bottom:-1px;}
.dark-page .listitem .product-desc {
display:none;}
.listitem .product-desc .product-info {
display: none;
padding-top: 1rem;
}
.listitem .product-name {
margin: 0;
}
.listitem .product-name a {
display: block;
color: #000000;
line-height: 1.5rem;
font-weight: normal;
overflow: hidden;
font-size: 1.275rem;
}
.listitem .product-price {
flex-basis: 30%;
width: 30%;
display: block;
margin-top: 0;
display: flex;
flex-direction: column;
margin-top: 0;
justify-content: flex-end;
text-align: right;
}
.listitem .product-price .price-current {
font-size: 1.275rem;
}
.listitem .product-price .price-current.promo {
color: #E90900;
}
.listitem .price-prev, .min-full-ui {
font-size: 1rem;
color: #A3A3A3;
font-weight: normal;
display: block;
}
@keyframes rotating {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@media (min-width: 768px) {
.listitem .product-name a {
font-size: 1rem;
}
.listitem .product-price .price-current {
font-size: 1rem;
}
.listitem .price-prev, .min-full-ui {
font-size: 0.85rem;
}
}
@media (min-width: 1456px) {
.listitem .product-name a {
font-size: 1.275rem;
}
.listitem .price-prev, .min-full-ui {
font-size: 1rem;
}
.listitem .product-price .price-current {
font-size: 1.275rem;
}
}
.listitem .sizes-on {
position:absolute;
left: 10px;
right:10px;
bottom:94px;
background: #fff;
padding:0px;
display:flex;
height:0;
overflow:hidden;
transition:all .2s ease-out;
z-index:9;
flex-direction: column;
align-items:center;
justify-content:center;
}
/*
.listitem:hover .sizes-on {
height:auto;
padding:20px;
}
*/
.listitem .sizes-on p {
text-align:center;
}
.listitem .sizes-on .sizes-container {
display: flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
}
.listitem .sizes-on .sizes-container a.size {
margin: 5px;
padding: 0 5px;
min-width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}
.listitem .sizes-on .sizes-container a.size:hover {
color:#fff;
background:#000;
}
.newsletter {
margin: 2rem 0 0;
padding: 2rem 0;
border-top: solid 1px #000;
}
.newsletter .head h3 {
text-transform: uppercase;
font-size: 2rem;
letter-spacing: 2pt;
font-weight: normal;
text-align: center;
}
.newsletter .head div {
margin-bottom: 1rem;
}
@media (min-width: 992px) {
.newsletter {
padding: 2rem 0;
}
.newsletter .head h3 {
margin-top: 0;
margin-bottom: 1rem;
text-align: left;
}
.newsletter .head div {
margin: 0;
}
}
.panel {
background: #6D6E70;
color: #ffffff;
}
.panel h3 {
margin: 1rem 0;
line-height: 1.5;
}
.pagination {
list-style: none;
margin: 2rem 0;
padding: 0;
text-align: center;
}
.pagination li {
display: inline-block;
}
.pagination li a {
display: inline-block;
width: 2rem;
height: 2rem;
line-height: 2rem;
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;
color: #000000;
text-transform: uppercase;
font-size: 1.275rem;
line-height: 1.5rem;
font-weight: bold;
}
.pagination li.active a, .pagination li a:hover:not(.prev-next) {
color: #A3A3A3;
}
.search {
top: -1rem;
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;
position: absolute;
left: 0;
width: 100%;
}
.search .el-control {
margin-bottom: 0;
}
.search input[type=search] {
line-height: 1.5rem;
font-size: 1rem;
display: inline-block;
border: none;
outline: none;
color: #000000;
padding: 1rem;
top: 0;
right: 0;
z-index: 3;
cursor: text;
border-radius: 0;
background: #ffffff;
width: 100%;
background: #F7F7F7;
}
.search button {
background: none;
border: 0;
position: absolute;
right: 0;
top: 0.5rem;
height: 3rem;
width: 3.5rem;
z-index: 99999;
}
.search.active {
padding: 1rem;
margin: 0;
top: 7.5rem;
background: #ffffff;
z-index: 9997;
opacity: 1;
}
#main-header .search-close {
display: none;
}
#main-header .search-close svg {
transform: rotateZ(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;
}
#main-header .search-close:hover svg {
transform: rotateZ(180deg);
}
@media (min-width: 992px) {
.search.active {
top: 7.5rem;
}
}
.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 #F7F7F7;
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;
-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: #000000;
background: #F7F7F7;
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;
}
.tabs ul.horizontal li a:hover {
color: #6D6E70;
}
.tabs ul.horizontal li.active a {
background: #ffffff;
color: #A3A3A3;
border: 1px solid #F7F7F7;
border-bottom: 0;
}
@media (min-width: 992px) {
.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;
}
}
.blog-item {
display: flex;
flex-direction: column;
}
.blog-item img {
-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;
width: 100%;
}
.blog-item .desc {
background: #F7F7F7;
padding: 1rem;
flex-grow: 1;
}
.blog-item .date {
color: #A3A3A3;
display: block;
}
.blog-item h4 {
margin-top: 0;
letter-spacing: 0;
text-transform: none;
}
.blog-item:hover img {
opacity: 0.9;
}
.blog-post {
background: #F7F7F7 url("img/blog_banner.jpg") top center no-repeat;
padding-bottom: 2rem;
padding-top: 8rem;
}
.blog-post .post-content {
background: #ffffff;
padding: 2.5rem;
}
.blog-post .post-content .page-title {
background: #ffffff;
padding: 2.5rem 0;
}
/* filters */
.filters-toggle-box {
position: fixed;
top: 5.25rem;
left: 0;
bottom: 0;
background: #ffffff;
z-index: 9991;
width: 95vw;
box-shadow: 0 0 15px 15px rgba(0, 0, 0, 0.35);
overflow: auto;
transform: translate3d(-95vw, 0, 0);
transition: all 0.3s cubic-bezier(0.16, 0.68, 0.43, 0.99);
opacity: 0;
}
.filters-toggle-box .filters-content {
padding: 2rem;
position: relative;
}
.filters-toggle-box .filters-content .filter-close {
position: absolute;
top: 2rem;
right: 2rem;
}
.filters-toggle-box .filters-content .filter-close svg {
transform: rotateZ(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;
}
.filters-toggle-box .filters-content .filter-close:hover svg {
transform: rotateZ(180deg);
}
.filters-toggle-box .filters-content .filter {
margin-bottom: 2rem;
}
.filters-toggle-box .filters-content .filter.BRANDID, .filters-toggle-box .filters-content .filter.MARK, .filters-toggle-box .filters-content .filter.OTHER, .filters-toggle-box .filters-content .filter.AVB {
display: none;
}
.filters-toggle-box .filters-content .filter .filter-head {
margin-bottom: 1rem;
font-size: 1.275rem;
text-transform: uppercase;
}
.list-container.expand .filters-toggle-box {
transform: translate3d(0, 0, 0);
opacity: 1;
}
.submenu {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 2rem;
}
.submenu a {
display: inline-block;
text-decoration: none;
color: #000000;
padding: 0.35rem 0;
text-transform: uppercase;
-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;
}
.grid {
width: 100%;
}
.grid .product-list {
margin: 0;
}
.scroll-next a {
visibility: hidden;
}
.category-desc {
color: #A3A3A3}
.options-box {
display: flex;
justify-content: space-between;
margin: 1rem 0 2rem;
position: relative;
}
.options-box #sort {
display: none;
}
.options-box #sort.active {
list-style: none;
position: absolute;
z-index: 999;
background: #F7F7F7;
top: 1.5rem;
padding: 1.5rem 2rem;
font-size: 0.9rem;
text-transform: uppercase;
display: block;
}
.options-box #sort.active li {
padding: 0.33rem 0;
cursor: pointer;
-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;
}
.options-box #sort.active li:hover, .options-box #sort.active li.active {
color: #A3A3A3;
}
.options-box .parent {
text-transform: uppercase;
letter-spacing: 1pt;
margin-right: auto
}
.options-box .parent:before {
content: "›";
display: inline-block;
margin-right: 0.5rem;
}
.options-box .sort-trigger, .options-box .filters-trigger {
position: relative;
}
.options-box .sort-trigger span, .options-box .filters-trigger span {
display: none;
}
.options-box .display-options-mobile {
margin-left: auto;
}
.options-box .sort-trigger, .options-box .filters-trigger {
margin-left: 2rem;
}
@media (min-width: 992px) {
.options-box {
justify-content: flex-end;
margin: 2rem 0;
}
.options-box .parent {
display: none;
}
.options-box .sort-trigger, .options-box .filters-trigger {
text-transform: uppercase;
}
.options-box .sort-trigger span, .options-box .filters-trigger span {
display: inline-block;
}
.options-box .sort-trigger svg, .options-box .filters-trigger svg, .options-box .display-trigger svg {
margin-right: 0.5rem;
top: 0.15em;
position: relative;
}
.list-container {
position: relative;
}
.list-container .filters-toggle-box {
position: absolute;
height: auto;
left: 0;
bottom: auto;
box-shadow: none;
width: 0%;
padding: 0 1rem;
transform: translate3d(-100%, 0, 0);
opacity: 0;
transition: all 0.3s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}
.list-container .filters-toggle-box .filters-content {
border: 1px solid #F7F7F7;
}
.list-container .filters-toggle-box .filter-head {
margin-bottom: 0.5rem;
}
.list-container .filters-toggle-box .checkbox {
padding: 0.35rem 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;
color: #000000;
}
.list-container .filters-toggle-box .checkbox label::before {
border: 1px solid #A3A3A3;
}
.list-container .filters-toggle-box .show-more {
display: inline-block;
margin-top: 1rem;
font-size: 0.85rem;
text-transform: uppercase;
}
.list-container .filters-toggle-box .checkbox:nth-child(n+11) {
display: none;
}
.list-container.expand .filters-toggle-box {
position: sticky;
transform: translate3d(0, 0, 0);
opacity: 1;
width: 25%;
bottom: 1.5rem;
top: auto;
align-self: flex-end;
}
.list-container.expand .grid {
width: 75%;
align-self: flex-end;
}
/* .list-container.expand .grid .row .listitem {
flex-basis: 33.333%;
max-width: 33.333%;
} */
}
@media (min-width: 1200px) {
.options-box .sort-trigger, .options-box .filters-trigger {
margin-left: 2.5rem;
}
.filters-toggle-box .filters-content .js-sort-parent {
display: flex;
flex-wrap: wrap;
}
.filters-toggle-box .filters-content .js-sort-parent .checkbox {
width: 50%;
}
}
.shop-data .item {
padding-bottom: 1.5rem;
}
.shop-data .item:first-child {
margin-top: 1.5rem;
}
.shop-data .item:last-child {
border: 0;
}
.shop-data .summary-info .value {
color: #000000;
}
.shop-data .summary-info .desc {
color: #6D6E70;
}
#ContactSendForm .cta {
text-align: center;
}
#ContactSendForm .cta p {
margin-top: 0;
}
#map-canvas {
min-height: 450px;
border-radius: 0.35rem;
}
.details-page .page-title {
display: none;
}
.product-details {
display: flex;
flex-wrap: wrap;}
.product-details .product-photos {
margin-bottom: 2rem;
position: relative;
}
.product-details .product-photos * {
outline: 0 !important;
}
.product-details .product-photos div {
outline: none !important;
position: relative;
}
.product-details .product-photos div a:not(.style-studio) {
display: block;
border: 2px solid #F7F7F7;
}
.product-details .product-photos div a:not(.style-studio) img {
cursor: url("img/zoom.svg"), auto;
}
.product-details .product-photos div a.style-studio, .listitem .product-image a.style-studio {
position: absolute;
bottom: 3rem;
left: 2rem;
z-index: 99;
opacity: 0.7;
margin-bottom: 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;
display: none;
}
.product-details .product-photos div a.style-studio:hover {
opacity: 1;
}
.product-details .product-photos .slick-dots {
position: static;
margin-top: 1rem;
}
.product-details .product-photos .slick-dots li button {
background: #A3A3A3;
}
.ribbon-ui {
position: absolute;
top: 16px;
z-index: 1000;
padding: .2rem .5rem;
background: #e90900;
color: #fff;
font-weight: 600;}
.product-details .product-flags {
margin-bottom: 2rem;
}
.product-details .product-name {
text-transform: none;
letter-spacing: 0;
font-size: 1.625rem;
margin-bottom: 2rem;
margin-top: 0;
}
.product-details .attributes {
margin-top: 2rem;
}
.product-details .price .current {
font-size: 2rem;
display: block;
font-weight: 600;
}
.product-details .price .current.promo {
color: #ff4139;
}
.product-details .price .prev {
display: inline; }
.product-details .description, .product-details .product-features {
margin-bottom: 1rem;
padding-bottom: 1rem;
}
.product-details .description {
border-bottom: solid 1px #ddd}
.product-details .description .descBodyCl, .product-details .product-features .featuresBodyCl {
height: 0;
overflow: hidden;
transition: all .1s ease-in;}
.product-details .description .descBodyCl.active, .product-details .product-features .featuresBodyCl.active {
height: auto}
.product-details .description .descBodyCl.active {
padding-top: .5rem;}
.product-details .description h3, .product-details .product-features h3 {
margin-bottom: 0;
cursor: pointer;
position: relative;
letter-spacing: 1pt;
font-weight: 600;
}
.product-details .attributes {
margin-bottom: 2rem;
position: relative;
}
.product-details .attributes .sizes-chart {
text-transform: uppercase;
}
.product-details .attributes .sizes-chart svg {
margin-right: 0.5rem;
position: relative;
top: 1px;
}
.product-details .product-cta {
margin-bottom: 2rem;
}
.product-details .pos-avb, .product-details .sizes-chart {
margin-bottom: 2rem;
}
.product-details .pos-avb a, .product-details .sizes-chart  {
text-transform: uppercase;
text-align: right;
display: block;
}
.product-details .pos-avb a svg, .product-details .sizes-chart svg {
margin-right: 0.5rem;
position: relative;
top: 1px;
}
.pos-info .shop {
display: block;
text-align: left;
padding: 10px 0;
border-bottom: dotted 1px #666;
position: relative;}
.pos-info .shop.shop-0 {
display: none;}
i.toggle-more {
position: absolute;
top: .75rem;
right: 0.5rem;
cursor: pointer;
width: 10px;
height: 10px;
}
i.toggle-more.angle-up {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
}
i.toggle-more.angle-down {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid black;
}
.pos-info .shop .more.hidden {
display: none;
}
.r-pos-avb {
}
.product-details .supply span.l {
display: block;
font-size: 1.275rem;
margin-bottom: 1.275rem;
text-transform: uppercase;
}
.product-details .attributes-select {
margin-bottom: 2rem;
}
.product-details .attributes-select span {
display: inline-block;
background: #ffffff;
padding: 1rem 1.25rem;
cursor: pointer;
margin: 0 0.5rem 0.5rem 0;
text-transform: uppercase;
font-weight: normal;
font-size: 1rem;
transition: all .15s ease-in}
.product-details .attributes-select span:hover, .product-details .attributes-select span[data-selected=true] {
background: #000000;
color: #ffffff;
}
.product-details .attributes-select span.inactive {
background: #eee;
color: #999;
}
.product-details .attributes-select span.inactive:hover, .product-details .attributes-select span.inactive[data-selected=true] {
background: #6c6c6c;
color: #ffffff;
}
.product-details .wishlist {
margin-top: 0.33rem;
cursor: pointer;
float: right;
}
.multisale {
padding: 0;
margin: 3rem 0;
}
.multisale .row {
align-items: flex-start}
.multisale .product .hover {
position: absolute;
z-index: 8;
width: 100%;
height: 100%;
background: #ffffff90;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
display: flex;
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;
padding-bottom: 1rem;
overflow: auto;
}
.multisale .product .hover .attrs {
flex-basis: 100%;
display: flex;
width: 100%;
margin-top: auto;
padding: 1rem;
justify-content: center;
flex-wrap: wrap;
}
.multisale .product .hover .attrs span {
border: 1px solid #000000;
color: #000000;
padding: 0.5rem;
cursor: pointer;
margin: 0 0.5rem 0.5rem 0;
text-transform: uppercase;
font-weight: normal;
font-size: 1rem;
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;
min-width: 2.5rem;
}
.multisale .product .hover .attrs span[data-selected=true] {
background: black;
color: white;
}
.multisale .product .hover a.btn {
min-width: 60%;
text-align: center;
justify-content: center;
}
.multisale .product .hover a.btn.add-to-cart {
margin-top: auto;
margin-bottom: 5px;
}
.multisale .product .hover a.btn:not(.add-to-cart) {
margin-bottom: auto;
}
.multisale .product:hover .hover {
opacity: 1;
}
.multisale .slick-dots {
bottom: 0.5rem;
}
.multisale .slick-dots button {
background: #A3A3A3;
}
@media (min-width: 992px) {
.details-page .page-title {
display: block;
}
#product-photos-for .col-md-6 {
opacity: 1 !important;
}
.product-details {
flex-wrap: wrap;
}
.product-details .product-photos div {
position: relative;
}
.product-details .product-photos > .row {
justify-content: flex-end;
height: 100%;}
.product-details  .product-photos .slider-nav {
overflow: hidden;
height: 100%;
position: absolute;
left: 0;
top: 0;
padding: 0 .5rem;}
.product-details  .product-photos .slider-nav.no-move .slick-list .slick-track {
transform: translate3d(0px, 0px, 0px) !important}
.product-details .product-photos #product-photos-for {
padding: 0 .5rem;}
.product-details .product-photos .det-movie {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
background: #eee;
aspect-ratio: 2/3}
.product-details .product-photos .slider-nav .slick-slide {
margin-bottom: 1.275rem;
cursor: pointer;
}
.slider-nav .slick-slide img {
opacity: .5;}
.slider-nav .slick-slide.slick-current img {
opacity: 1;}
.product-details .attributes {
min-height: 1.5rem;
}
.product-details .attributes .sizes-chart {
position: absolute;
top: 0;
right: 0;
}
/* .product-details .product-actions {
position: sticky;
bottom: 0;
align-self: flex-end;
} */
}
.product-grid-header.details {
text-align: center;
}
.infographic {
margin: 2rem 0;
}
.infographic h4 {
text-transform: uppercase;
text-align: center;
font-weight: normal;
font-size: 2rem;
letter-spacing: 2pt;
}
.infographic .item {
margin: 2rem 0rem;
padding-left: 5.5rem;
position: relative;
}
.infographic .item svg {
position: absolute;
top: 2.5rem;
left: 1.5rem;
}
.infographic .item svg use {
stroke-width: 1.5;
}
.infographic .item h5 {
text-transform: uppercase;
font-weight: normal;
letter-spacing: 2pt;
font-size: 1.275rem;
margin-bottom: 1rem;
}
.infographic .item span {
display: block;
}
.infographic .item.info3 svg use {
stroke-width: 0;
}
.home-txt {
padding: 2rem 0;
}
.home-txt h3 {
text-transform: uppercase;
text-align: center;
font-weight: normal;
font-size: 2rem;
letter-spacing: 2pt;
}
.lookbook-header {
margin-bottom: 2rem;
display: none;
}
.lookbook-header-mobile {
margin-bottom: 1rem;
}
.lookbook-header-mobile img {
width: 100%;
}
.home-lb {
padding: 3rem 0 2rem;
}
.home-lb .slick-arrow {
border-color: #A3A3A3;
}
.home-lb .slick-arrow:before {
border-color: #A3A3A3;
}
.home-lb .slick-dots {
position: static;
margin-top: 2rem;
}
.home-lb .slick-dots li button {
background-color: #A3A3A3;
}
@media only screen and (min-width: 85rem) {
.home-lb .slick-arrow.slick-prev {
left: -5rem;
}
.home-lb .slick-arrow.slick-next {
right: -5rem;
}
}
.home-blog {
margin: 2rem 0;
padding: 0;
}
.home-blog .intro {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
}
.home-blog .intro h2 {
margin-bottom: 0;
}
.home-blog .intro a.btn {
margin: 1rem 0;
}
.home-blog .blog-item .desc {
background: #ffffff;
}
.timebomb {
background: #F7F7F7;
padding: 3rem 0;
}
.timebomb h3 {
font-size: 1.75rem;
}
.timebomb .data {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.timebomb .data .product-flags {
margin-bottom: 2rem;
}
.timebomb .data .product-name {
margin-bottom: 2rem;
}
.timebomb .data .product-name a {
display: block;
font-size: 2rem;
line-height: 2.5rem;
font-weight: bold;
}
.timebomb .data .product-name span {
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 2pt;
}
.timebomb .data .product-price .price-prev {
text-decoration: line-through;
margin-right: 1rem;
}
.timebomb .data .product-price .price-current {
font-size: 2rem;
line-height: 2.5rem;
font-weight: bold;
}
.timebomb .data .product-price .price-current.promo {
color: #E90900;
}
.timebomb .photo {
margin: 2rem 0;
position: relative;
}
.timebomb .photo .savings {
position: absolute;
top: 50%;
left: 4rem;
background: #E9090095;
padding: 0.5rem 1rem;
text-align: center;
border-radius: 0.5rem;
color: #ffffff;
}
.timebomb .photo .savings strong {
display: block;
font-size: 1.5rem;
}
.timebomb .photo .savings strong em {
text-transform: none;
color: #ffffff;
font-style: normal;
font-size: 1rem;
}
.timebomb .photo .savings small {
margin: 0;
display: block;
color: black;
margin-top: -0.5rem;
text-transform: uppercase;
font-size: 1rem;
}
.timebomb .photo .savings:before {
content: " ";
display: block;
position: absolute;
top: -0.35rem;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #E9090095;
}
.timebomb .photo a {
text-align: center;
padding: 2rem;
display: block;
}
.timebomb .photo img {
max-width: 100%;
}
.timebomb .time {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.timebomb .time > span {
text-transform: uppercase;
display: block;
margin-bottom: 1rem;
}
.timebomb .time .wrapper {
width: 100%;
margin-bottom: 2rem;
}
.timebomb .time .wrapper .colon {
font-size: 46px;
}
.timebomb .time .wrapper .legend {
margin: 0;
list-style: none;
display: flex;
text-align: center;
padding: 0.5rem 0;
}
.timebomb .time .wrapper .legend li {
display: inline-block;
width: 100px;
}
.timebomb .time .btn {
width: 100%;
text-align: center;
}
.flip-clock-container {
direction: ltr;
font-family: Oswald;
padding: 0;
margin: 0;
list-style: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
--flip-bg-color: #fff;
--flip-text-color: #000;
--flip-dots-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: flex-end;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flip-clock-container * {
padding: 0;
margin: 0;
list-style: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.flip-clock-container *::before, .flip-clock-container *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.flip-clock-container [class|=flip-item] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flip-clock-container [class|=flip-item] .flip-digit {
width: 3rem;
height: 5rem;
position: relative;
margin: 0 0.15rem;
}
.flip-clock-container [class|=flip-item] .flip-digit > span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
-webkit-perspective: 300px;
perspective: 300px;
}
.flip-clock-container [class|=flip-item] .flip-digit > span::after, .flip-clock-container [class|=flip-item] .flip-digit > span::before {
content: attr(data-digit);
position: absolute;
left: 0;
width: 100%;
height: 50%;
font-size: 46px;
font-weight: bolder;
text-align: center;
color: var(--flip-text-color);
background-color: var(--flip-bg-color);
overflow: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-clock-container [class|=flip-item] .flip-digit > span::before {
top: 0;
line-height: 4.66rem;
border-radius: 0;
border: 2px solid #DDDDDD;
border-bottom: 2px solid #f1f1f1;
-webkit-transform-origin: bottom;
transform-origin: bottom;
}
.flip-clock-container [class|=flip-item] .flip-digit > span::after {
bottom: 0;
line-height: 1px;
border-radius: 0;
border: 2px solid #DDDDDD;
border-top: 2px solid #f1f1f1;
-webkit-transform-origin: top;
transform-origin: top;
}
.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-next {
z-index: 0;
-webkit-animation: afterZIndexAnim 0.9s linear forwards;
animation: afterZIndexAnim 0.9s linear forwards;
}
.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-next::before {
-webkit-animation: afterUpShadowAnim 0.9s linear forwards;
animation: afterUpShadowAnim 0.9s linear forwards;
}
.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-next::after {
-webkit-animation: afterFlipAnim 0.9s linear forwards, afterDownShadowAnim 0.9s linear forwards;
animation: afterFlipAnim 0.9s linear forwards, afterDownShadowAnim 0.9s linear forwards;
}
.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-current {
z-index: 1;
-webkit-animation: currentZIndexAnim 0.9s linear forwards;
animation: currentZIndexAnim 0.9s linear forwards;
}
.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-current::before {
-webkit-animation: currentFlipAnim 0.9s linear forwards, currentUpShadowAnim 0.9s linear forwards;
animation: currentFlipAnim 0.9s linear forwards, currentUpShadowAnim 0.9s linear forwards;
}
.flip-clock-container [class|=flip-item] .flip-digit.flipping .flip-digit-current::after {
-webkit-animation: currentDownShadowAnim 0.9s linear forwards;
animation: currentDownShadowAnim 0.9s linear forwards;
}
@-webkit-keyframes afterZIndexAnim {
0% {
z-index: 0;
}
100% {
z-index: 1;
}
}
@keyframes afterZIndexAnim {
0% {
z-index: 0;
}
100% {
z-index: 1;
}
}
@-webkit-keyframes currentZIndexAnim {
0% {
z-index: 1;
}
100% {
z-index: 0;
}
}
@keyframes currentZIndexAnim {
0% {
z-index: 1;
}
100% {
z-index: 0;
}
}
@-webkit-keyframes afterFlipAnim {
0% {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
100% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
}
@keyframes afterFlipAnim {
0% {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
100% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
}
@-webkit-keyframes afterUpShadowAnim {
0% {
-webkit-box-shadow: inset 0 -100px 20px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -100px 20px -10px rgba(0, 0, 0, 0.2);
}
100% {
-webkit-box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
}
}
@keyframes afterUpShadowAnim {
0% {
-webkit-box-shadow: inset 0 -100px 20px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -100px 20px -10px rgba(0, 0, 0, 0.2);
}
100% {
-webkit-box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
}
}
@-webkit-keyframes afterDownShadowAnim {
0% {
-webkit-box-shadow: inset 0 100px 20px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 100px 20px -10px rgba(0, 0, 0, 0.2);
}
100% {
-webkit-box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
}
}
@keyframes afterDownShadowAnim {
0% {
-webkit-box-shadow: inset 0 100px 20px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 100px 20px -10px rgba(0, 0, 0, 0.2);
}
100% {
-webkit-box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
}
}
@-webkit-keyframes currentFlipAnim {
0% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
100% {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
}
@keyframes currentFlipAnim {
0% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
100% {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
}
@-webkit-keyframes currentUpShadowAnim {
0% {
-webkit-box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
}
50% {
-webkit-box-shadow: inset 0 -50px 25px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -50px 25px -10px rgba(0, 0, 0, 0.2);
}
100% {
-webkit-box-shadow: inset 0 -100px 25px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -100px 25px -10px rgba(0, 0, 0, 0.2);
}
}
@keyframes currentUpShadowAnim {
0% {
-webkit-box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
}
50% {
-webkit-box-shadow: inset 0 -50px 25px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -50px 25px -10px rgba(0, 0, 0, 0.2);
}
100% {
-webkit-box-shadow: inset 0 -100px 25px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -100px 25px -10px rgba(0, 0, 0, 0.2);
}
}
@-webkit-keyframes currentDownShadowAnim {
0% {
-webkit-box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
}
50% {
-webkit-box-shadow: inset 0 50px 25px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 50px 25px -10px rgba(0, 0, 0, 0.2);
}
100% {
-webkit-box-shadow: inset 0 100px 25px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 100px 25px -10px rgba(0, 0, 0, 0.2);
}
}
@keyframes currentDownShadowAnim {
0% {
-webkit-box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
}
50% {
-webkit-box-shadow: inset 0 50px 25px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 50px 25px -10px rgba(0, 0, 0, 0.2);
}
100% {
-webkit-box-shadow: inset 0 100px 25px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 100px 25px -10px rgba(0, 0, 0, 0.2);
}
}
/*# sourceMappingURL=flip-clock.css.map */
@media (min-width: 992px) {
.infographic .item {
padding-left: 1rem;
}
.infographic .item svg {
position: static;
}
.infographic .item h5 {
margin-top: 1rem;
}
.lookbook-header {
display: block;
}
.lookbook-header-mobile {
display: none;
}
.timebomb .data {
padding-right: 3rem;
}
.timebomb .time {
padding-left: 3rem;
}
.timebomb .time .btn {
width: auto;
}
}
.remind {
text-align: center;
margin-top: 1rem;
}
.registration-type.horizontal {
margin: 0 0 2rem 0;
padding: 0;
list-style: none;
}
.registration-type.horizontal li {
display: inline-block;
padding-right: 1.5rem;
text-transform: uppercase;
font-size: 1.175rem;
}
.registration-type.horizontal li a {
color: #A3A3A3;
}
.registration-type.horizontal li.active a {
color: #000000;
}
.registration .tabs {
background: #ffffff;
}
.registration .tabs ul.horizontal {
margin: 0 0 3rem 0;
padding: 0;
list-style: none;
}
.registration .tabs ul.horizontal li a {
position: relative;
}
.registration .tabs ul.horizontal li.active a {
color: #6D6E70;
border-bottom: 1px solid #6D6E70;
padding-bottom: 1px;
}
#register-reload {
margin-bottom: 5rem;
}
.lb {
padding: 0;
}
.lb h1 {
margin-bottom: 2rem;
text-align: center;
}
.lb .lookbook {
margin-bottom: 2rem;
}
.lb .lookbook .lookbook-wrapper {
margin-bottom: 2rem;
}
.lb .lookbook .lookbook-wrapper .lookbook-img {
position: relative;
}
.lb .lookbook .lookbook-wrapper .lookbook-img img {
max-width: 100%;
height: auto;
}
.lb .lookbook .lookbook-wrapper .lookbook-product {
direction: ltr;
}
.lb .lookbook .lookbook-wrapper .lookbook-img .lookbook-point {
opacity: 1;
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
transition: all ease 300ms;
background: #254f95;
z-index: 3;
cursor: pointer;
animation: pulse 1.5s ease-in infinite;
box-shadow: 0 0 0 20px rgba(255,255,255,.5) }
@keyframes pulse {
0% {
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
box-shadow: 0 0 0 0px rgba(255,255,255,0)
}
70% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
box-shadow: 0 0 20px 0 rgba(255,255,255,.5)
}
100% {
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
box-shadow: 0 0 0 20px rgba(255,255,255,0)
}
}
.lb .lookbook .lookbook-wrapper .lookbook-img .lookbook-point:before {
content: '';
font-size: 30px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all ease 300ms;
width: 32px;
height: 32px;
z-index: -2;
border-radius: 40px;
background: transparent;
border: solid 2px #fff;
}
.lb .lookbook .lookbook-wrapper .lookbook-img .lookbook-point:after {
content: '';
font-size: 36px;
position: absolute;
top: calc(50% - 10px);
left: calc(50% - 10px);
transform: translate(-50%, -50%);
transition: all ease 300ms;
width: 20px;
height: 20px;
z-index: -1;
border-radius: 40px;
background: rgba(255,255,255,1);
animation: pulse 1.5s infinite;
}
.lb .lookbook .lookbook-wrapper .lookbook-desc {
font-size: 0.85rem;
}
.lb .lookbook .lookbook-wrapper .lookbook-desc .lookbook-h {
color: #000000;
font-weight: bold;
}
.lb .lookbook .lookbook-wrapper .lookbook-desc .lookbook-txt {
color: #6D6E70;
}
.lb .lookbook .lookbook-wrapper .lookbook-product {
position: absolute;
width: 410px;
height: auto;
background-color: #ffffff;
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.15);
padding: 1rem;
z-index: 5;
}
.lb .lookbook .lookbook-wrapper .lookbook-product .col-xs-2, .lb .lookbook .lookbook-wrapper .lookbook-product .col-xs-3 {
padding: 0;
}
.lb .lookbook .lookbook-wrapper .lookbook-product .col-xs-7 {
align-self: center;
}
.lb .lookbook .lookbook-wrapper .lookbook-product .btn.add-to-cart {
background: #F7F7F7;
border: 0;
color: black;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.lb .lookbook .lookbook-wrapper .lookbook-product .close {
position: absolute;
top: 0;
right: 0;
display: none;
height: 1.5rem;
width: 1.5rem;
line-height: 1.5rem;
font-size: 1.5rem;
text-align: center;
content: "x";
color: #000000;
cursor: pointer;
background: transparent;
padding: 0;
border: none;
z-index: 9;
}
.lb .lookbook .lookbook-wrapper .lookbook-product .close:after {
content: "x";
display: block;
height: 1.5rem;
width: 1.5rem;
line-height: 1.5rem;
font-size: 1.5rem;
z-index: 10;
}
.lb .lookbook .lookbook-wrapper .lookbook-product .lookbook-product-title {
font-size: 1rem;
}
.lb .lookbook .lookbook-wrapper .lookbook-product .lookbook-product-price {
display: block;
margin: 0;
color: #E90900;}
.lb .lookbook .lookbook-wrapper .lookbook-product .lookbook-prev-price {
display: block;
margin-top: 1rem;}
.lb .lookbook .lookbook-wrapper .lookbook-product img {
height: auto;
width: 100%;
border: 1px solid #F7F7F7;
}
@media screen and (min-width: 992px) {
.lb {
padding: 4rem 0;
}
}
@media screen and (max-width: 1200px) {
.lb .lookbook .lookbook-wrapper .lookbook-product {
left: 0 !important;
width: 100%;
}
.lb .lookbook .lookbook-wrapper .lookbook-product .close {
display: block;
}
}
.cart-empty {
text-align: center;
padding: 8rem 0 10rem;
}
.cart-head {
display: none;
color: #000000;
}
#order-reload content-box {
padding: 2rem;
}
.cart-list {
margin-top: 0;
padding: 0;
}
.cart-list .cart-list-item {
padding: 0;
margin: 0 0 2rem 0;
align-items: flex-start;
}
.cart-list .cart-list-item .photo {
order: 1;
background: white;
text-align: center;
}
.cart-list .cart-list-item .photo img {
max-width: 100%;
}
.cart-list .cart-list-item .size {
order: 6;
text-align: right;
padding: 0;
margin-bottom: 0.5rem;
}
.cart-list .cart-list-item .size:before {
content: "Rozmiar:";
display: inline-block;
float: left;
}
.cart-list .cart-list-item .data {
order: 4;
top: 0;
padding: 0;
margin-top: -2rem;
margin-bottom: 1rem;
}
.cart-list .cart-list-item .data div {
font-size: 0.75rem;
text-transform: uppercase;
color: #6D6E70;
}
.cart-list .cart-list-item .delete {
order: 3;
text-align: center;
background: white;
position: relative;
height: 3rem;
line-height: 3rem;
margin-left: calc(50% + 1rem);
margin-right: 1rem;
width: calc(50% - 1rem);
max-width: calc(50% - 1rem);
top: -3rem;
}
.cart-list .cart-list-item .delete a {
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;
text-decoration: none;
text-transform: uppercase;
font-size: 0.75rem;
float: right;
line-height: 1.5rem;
text-align: center;
font-weight: bold;
display: block;
margin: auto;
height: 3rem;
width: 100%;
line-height: 3.5rem;
}
.cart-list .cart-list-item .delete a svg use {
color: #A3A3A3;
fill: #A3A3A3;
stroke: #A3A3A3;
stroke-width: 0;
}
.cart-list .cart-list-item .price {
order: 5;
padding: 0;
margin-bottom: 0.5rem;
text-align: right;
}
.cart-list .cart-list-item .price.content-col:before {
content: "Cena:";
display: inline-block;
float: left;
}
.cart-list .cart-list-item .price.promo {
color: #E90900;
}
.cart-list .cart-list-item .price em {
font-style: normal;
display: inline-block;
margin-right: 0.5rem;
font-size: 0.85rem;
color: #6D6E70;
text-decoration: line-through;
}
.cart-list .cart-list-item .quantity {
order: 2;
text-align: right;
padding-right: 0;
}
.cart-list .cart-list-item .quantity .unit {
text-align: center;
display: block;
font-size: 0.85rem;
}
.cart-list .cart-list-item .gross {
order: 7;
padding: 0;
text-align: right;
}
.cart-list .cart-list-item .gross:before {
content: "Razem:";
display: inline-block;
float: left;
}
.cart-list .cart-list-item .gross span.price {
display: inline-block;
}
.cart-list .cart-list-item .gross .rabat {
color: #ffffff;
background: #E90900;
display: inline-block;
font-size: 0.85rem;
line-height: 1.5rem;
padding: 0 0.5rem;
font-weight: bold;
position: relative;
top: -2px;
}
.delivery, .payment {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
clear: both;
justify-content: flex-start;
}
.delivery .delivery-price .freeDel {
color: #A3A3A3;
}
.delivery .item, .payment .item {
display:Flex;
/*display: block;*/
align-items:center;
border: 2px solid #F7F7F7;
background: #ffffff;
padding: 1rem;
cursor: pointer;
margin: 0 -1rem 1rem;
flex-basis: 100%;
position: relative;
}
@media(max-width: 990px){
.delivery .item, .payment .item {
gap: 1em;
}
.delivery .item img,
.payment .item img{
float:none;
margin-right: 0;
}
}
@media(min-width: 991px){
.delivery .item, .payment .item {
flex-direction: column;
justify-content: center;
}
}
.delivery .item .info, .payment .item .info {
color: #A3A3A3;
font-size: 0.85rem;
}
.country {
margin-top: 2rem;
}
.delivery .item .delivery-price, .payment .item .payment-price {
color: #000000;
}
@media(min-width: 991px){
.delivery .item img, .payment .item img {
float: left;
margin-right: 1rem;
margin-bottom: 16px;
}
}
.delivery .item p, .payment .item p {
margin: 0;
}
.delivery .item.selected:after, .payment .item.selected:after {
content: " ";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #00000050;
}
.delivery .item:not(.selected):hover, .payment .item:not(.selected):hover {
border: 2px solid #A3A3A3;
}
.delivery .item:not(.selected):hover:after, .payment .item:not(.selected):hover:after {
border: 2px solid #A3A3A3;
}
.delivery .item label, .payment .item label {
margin-bottom: 0;
font-size: 1.125rem;
}
.delivery .item input, .payment .item input {
display: none;
}
.bankAccount {
margin: 1rem 0 0 0;
padding: 0;
list-style: none;
}
.bankAccount li {
margin-bottom: 1rem;
margin-right: 2rem;
text-align: left;
font-weight: bold;
}
.bankAccount li label {
color: #909090;
font-size: 1rem;
}
#order-cart-cta {
padding: 2rem 0;
}
#order-cart-cta .discount-total .value {
text-decoration: line-through;
color: red;
}
#order-cart-cta .discount-total .value em {
color: #6D6E70;
text-decoration: none;
}
.invoice-inputs {
display: none;
}
#order .summary-data .dl-horizontal dd {
text-align: right;
}
#order .summary-data .dl-horizontal dd span.change-collection-point-in-cart, #order .summary-data .dl-horizontal dd span.choose-collection-point-in-cart {
display: block;
text-transform: uppercase;
text-decoration: underline;
cursor: pointer;
font-weight: bold;
}
#order .summary-data .dl-horizontal dd span.change-collection-point-in-cart:hover, #order .summary-data .dl-horizontal dd span.choose-collection-point-in-cart:hover {
text-decoration: none;
}
#order .summary-data .dl-horizontal dd .total-value {
font-size: 2rem;
letter-spacing: 2pt;
}
#order #coupon-add button {
margin-top: 0;
padding: 0.8rem 1rem;
}
#order .summary-data h3 {
margin-top: 0;
}
#order #deliveryPaymentInfo {
justify-content: space-between;
margin-top: 3rem;
}
#order-cart-cta .total-value {
text-align: right;
}
#order-cart-cta .total-value .value {
font-size: 1.275rem;
}
@media (min-width: 992px) {
#order-reload .content-box {
padding: 3rem;
}
#order-reload .sticky {
position: sticky;
top: 9.5rem;
}
#order-reload .summary .content-box {
height: calc(100% - 2rem);
}
.cart-head {
display: flex;
font-size: 1.125rem;
text-transform: uppercase;
}
.cart-head > div {
padding: 0;
}
.cart-head .label {
display: block;
width: 100%;
}
.cart-head .label.net-price {
padding-right: 0.5rem;
text-align: right;
}
.cart-head .label.gross-price {
text-align: right;
padding-right: 1rem;
}
.cart-head .label.size {
text-align: right;
}
.cart-list {
margin-top: 0;
padding: 0;
}
.cart-list .cart-list-item {
padding: 1rem 0;
margin: 0;
align-items: center;
}
.cart-list .cart-list-item .photo {
background: transparent;
text-align: left;
}
.cart-list .cart-list-item .data a, .cart-list .cart-list-item .price, .cart-list .cart-list-item .size {
font-size: 1.125rem;
text-align: left;
}
.cart-list .cart-list-item .content-col {
order: 0;
display: block;
margin-left: 0;
padding: 0;
}
.cart-list .cart-list-item .content-col:before {
content: none !important;
}
.cart-list .cart-list-item .content-col.price {
text-align: left;
}
.cart-list .cart-list-item .content-col.price em {
display: block;
}
.cart-list .cart-list-item .data {
margin: 0;
}
.cart-list .cart-list-item .price {
line-height: 1.625rem;
text-align: left;
}
.cart-list .cart-list-item .size, .cart-list .cart-list-item .gross {
text-align: right;
}
.cart-list .cart-list-item .size span.price, .cart-list .cart-list-item .gross span.price {
text-align: right;
display: block;
}
.cart-list .cart-list-item .quantity {
text-align: left;
}
.cart-list .cart-list-item .quantity .input-group {
padding-right: 0.5rem;
}
.cart-list .cart-list-item .delete {
order: 0;
width: 8.33%;
max-width: 8.33%;
float: right;
position: static;
background: 0;
margin: 0;
width: 1.5rem;
line-height: 1.5rem;
padding: 0;
}
.cart-list .cart-list-item .delete a {
float: right;
}
#order-cart-cta {
padding: 2rem 0;
}
#order-cart-cta .continue-shopping {
order: 1;
}
#order-cart-cta .discount-total {
order: 2;
}
#order-cart-cta .discount-value {
order: 3;
}
#order-cart-cta .total-value {
order: 4;
}
#order-cart-cta .go-next {
order: 5;
}
.delivery .item, .payment .item {
text-align: center;
margin: 0 0 1rem;
}
}
.online-payment {
text-align: center;
}
.data-form select.form-control {
width: 100%;
}
.data-form, .order-content {
padding-bottom: 2rem;
}
.order-end .alert {
width: 100%;
text-align: center;
background: #ecd6e1;
padding: 1rem;
border-radius: 0.35rem;
margin-bottom: 1rem;
border: 1px solid red;
}
.order-end .alert p {
margin: 0;
font-weight: bold;
}
.delivery-cart h4, .invoice-cart h4 {
display: inline-block;
}
.delivery-cart .delivery-inputs, .invoice-cart .invoice-inputs, .delivery-cart.active > .btn-sm, .invoice-cart.active > .btn-sm, .delivery-cart.active .delivery-data, .invoice-cart.active .invoice-data, .delivery-cart .delivery-inputs, .invoice-cart .invoice-inputs, .delivery-cart .delivery-addresses, .delivery-cart.choose > .btn-sm, .delivery-cart.choose .delivery-data {
display: none;
}
.delivery-cart.active .delivery-inputs, .invoice-cart.active .invoice-inputs, .delivery-cart.choose .delivery-addresses {
display: block;
}
.delivery-cart > .btn-sm, .invoice-cart > .btn-sm {
position: relative;
top: -4px;
margin-left: 10px;
}
.delivery-cart .delivery-addresses .items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.delivery-cart .delivery-addresses .item {
display: block;
border: 2px solid #F4F4F4;
background: #F9F9F9;
padding: 1rem;
cursor: pointer;
margin: 0 0 1rem 0;
flex-basis: calc(50% - 1rem);
border-radius: 0.66rem;
position: relative;
font-size: 0.85rem;
}
.delivery-cart .delivery-addresses .item:before {
content: " ";
display: block;
width: 1.5rem;
height: 1.5rem;
position: absolute;
top: 1rem;
right: 1rem;
border: 2px solid #F4F4F4;
background: #ffffff;
border-radius: 1.5rem;
}
.delivery-cart .delivery-addresses .item.active {
border: 2px solid #A3A3A3;
}
.delivery-cart .delivery-addresses .item.active:before {
border: 2px solid #A3A3A3;
background: #A3A3A3;
}
.delivery-cart .delivery-addresses .item.active: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;
}
.delivery-cart .delivery-addresses .item:not(.active):hover {
border: 2px solid #C1C1C1;
}
.delivery-cart .delivery-addresses .item strong {
font-size: 1rem;
}
.client-panel {
padding-top: 2rem;
}
.client-panel .submenu {
padding-right: 3rem;
padding-top: 1.5rem;
}
.client-panel .submenu h3 {
margin-top: 0.75rem;
}
.client-panel .submenu li a {
color: #000000;
text-transform: uppercase;
padding: 0.35rem 0;
}
.client-panel .submenu li.active a {
color: #A3A3A3;
}
.client-panel .profile-box {
background: #F7F7F7;
padding: 1.5rem 2rem;
margin-bottom: 2rem;
}
.client-panel .profile-box span {
display: block;
}
.client-panel .profile-box span.label {
font-size: 0.85rem;
color: #A3A3A3;
}
.client-panel .profile-box span.main {
font-size: 1.275rem;
text-transform: uppercase;
}
.client-panel .profile-box a.link {
display: inline-block;
margin-top: 1rem;
color: #000000;
font-size: 0.85rem;
text-transform: uppercase;
}
.client-panel .profile-box .summary-info {
margin-top: 1rem;
}
.client-panel .profile-box .summary-info .value {
font-size: 1rem;
}
.client-panel .profile-box .frm {
display: none;
}
.client-panel .profile-box.active .frm {
display: block;
}
.client-panel .profile-box.active .main, .client-panel .profile-box.active .link {
display: none;
}
.history-row {
border-bottom: 1px solid #dedede;
padding: 1rem 0;
}
.history-row span {
font-size: 0.85rem;
}
.history-row strong {
text-transform: uppercase;
font-weight: normal;
}
.history-row .row {
width: 100%;
margin: 0;
}
.customer-profile-orders .order-btn {
position: relative;
top: 0.5rem;
}
.customer-profile-orders .col-md-10 {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (min-width: 992px) {
.history-row {
padding: 0.75rem;
}
.history-row span {
font-size: 1rem;
}
.customer-profile-reviews .to-rate .item {
text-align: center;
width: 30%;
}
}
.invoices-table .history-row {
font-size: 0.85rem;
}
.invoices-table .history-row > div {
padding-left: 0;
}
.invoices-table .history-row > div .error {
font-size: 0.85rem;
font-weight: bold;
color: red;
}
.invoices-table .history-row > div.right {
text-align: right;
}
.profile-order-header h2 {
margin-bottom: 0;
}
.profile-order-header small {
display: block;
}
.profile-order-header .profile-order-actions {
padding-top: 1rem;
margin-bottom: 3rem;
}
.order-data {
margin-bottom: 2rem;
}
.cutive {font-family: 'Cutive Mono', monospace;font-size: 1.75rem;}
@media (max-width: 991px) {
.cutive.right {text-align: center !important;}
.le-monde {padding: 0}
.le-monde h1 {
font-size: 2rem;
hyphens: auto;}
}
.le-monde {
font-family: "le-monde-journal-std-2", serif;
}
.audio-control {
position: absolute;
bottom: 10px;
left: 10px;
cursor: pointer;
z-index: 10;
.audio-control svg {
width: 50px;
height: 50px;
fill: #000000;
stroke: #ffffff;
}
.audio-control.muted svg {
fill: #ffffff;
stroke: #000000;
}