/*
This file is included in optimized-checkout.scss and in theme.scss.
This allows base styles (buttons, etc) to be used in the optimized checkout experience.
*/
/*================ Mixins ================*/
/*============================================================================
Prefix mixin for generating vendor prefixes.
Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss
Usage:
// Input:
.element {
@include prefix(transform, scale(1), ms webkit spec);
}
// Output:
.element {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
==============================================================================*/
/*================ Media Query Mixin ================*/
/*================ Responsive Show/Hide Helper ================*/
/*================ Responsive Text Alignment Helper ================*/
/**
* Reverse the properties applied by @mixin visually-hidden
*
* Accepts:
* - $position: {String} Positioning method for element
*
* Usage:
* .selector {
* @include visually-shown(relative);
* }
*/
/*============================================================================
Grid Breakpoints and Class Names
- Do not change the variable names
==============================================================================*/
/*============================================================================
Generate breakpoint-specific column widths and push classes
- Default column widths: $breakpoint-has-widths: ($small, $medium-up);
- Default is no push classes
- Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
/*================ Sizing Variables ================*/
/*============================================================================
Grid
- Based on CSS Wizardry grid
==============================================================================*/
.grid {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
margin-left: -16px;
padding: 0; }
.grid__item {
flex: 1 1 100%;
max-width: 100%;
padding-left: 16px;
width: auto; }
/*============================================================================
Grid Columns
- Create width classes, prepended by the breakpoint name.
==============================================================================*/
/*================ Grid push classes ================*/
/*================ Build Base Grid Classes ================*/
.auto {
flex: 0 0 auto;
max-width: none;
width: auto; }
.expand {
flex: 1 1 0;
max-width: 100%;
width: auto; }
.one-whole {
flex: 0 0 100%;
max-width: 100%; }
.one-half {
flex: 0 0 50%;
max-width: 50%; }
.one-third {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.two-thirds {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.one-quarter {
flex: 0 0 25%;
max-width: 25%; }
.two-quarters {
flex: 0 0 50%;
max-width: 50%; }
.three-quarters {
flex: 0 0 75%;
max-width: 75%; }
.one-fifth {
flex: 0 0 20%;
max-width: 20%; }
.two-fifths {
flex: 0 0 40%;
max-width: 40%; }
.three-fifths {
flex: 0 0 60%;
max-width: 60%; }
.four-fifths {
flex: 0 0 80%;
max-width: 80%; }
.one-sixth {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.two-sixths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.three-sixths {
flex: 0 0 50%;
max-width: 50%; }
.four-sixths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.five-sixths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.one-eighth {
flex: 0 0 12.5%;
max-width: 12.5%; }
.two-eighths {
flex: 0 0 25%;
max-width: 25%; }
.three-eighths {
flex: 0 0 37.5%;
max-width: 37.5%; }
.four-eighths {
flex: 0 0 50%;
max-width: 50%; }
.five-eighths {
flex: 0 0 62.5%;
max-width: 62.5%; }
.six-eighths {
flex: 0 0 75%;
max-width: 75%; }
.seven-eighths {
flex: 0 0 87.5%;
max-width: 87.5%; }
.one-ninth {
flex: 0 0 11.11111%;
max-width: 11.11111%; }
.two-ninths {
flex: 0 0 22.22222%;
max-width: 22.22222%; }
.three-ninths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.four-ninths {
flex: 0 0 44.44444%;
max-width: 44.44444%; }
.five-ninths {
flex: 0 0 55.55556%;
max-width: 55.55556%; }
.six-ninths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.seven-ninths {
flex: 0 0 77.77778%;
max-width: 77.77778%; }
.eight-ninths {
flex: 0 0 88.88889%;
max-width: 88.88889%; }
.one-tenth {
flex: 0 0 10%;
max-width: 10%; }
.two-tenths {
flex: 0 0 20%;
max-width: 20%; }
.three-tenths {
flex: 0 0 30%;
max-width: 30%; }
.four-tenths {
flex: 0 0 40%;
max-width: 40%; }
.five-tenths {
flex: 0 0 50%;
max-width: 50%; }
.six-tenths {
flex: 0 0 60%;
max-width: 60%; }
.seven-tenths {
flex: 0 0 70%;
max-width: 70%; }
.eight-tenths {
flex: 0 0 80%;
max-width: 80%; }
.nine-tenths {
flex: 0 0 90%;
max-width: 90%; }
.one-twelfth {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.two-twelfths {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.three-twelfths {
flex: 0 0 25%;
max-width: 25%; }
.four-twelfths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.five-twelfths {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.six-twelfths {
flex: 0 0 50%;
max-width: 50%; }
.seven-twelfths {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.eight-twelfths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.nine-twelfths {
flex: 0 0 75%;
max-width: 75%; }
.ten-twelfths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.eleven-twelfths {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.flex-row {
flex-direction: row !important; }
.flex-column {
flex-direction: column !important; }
.flex-row-reverse {
flex-direction: row-reverse !important; }
.flex-column-reverse {
flex-direction: column-reverse !important; }
.flex-wrap {
flex-wrap: wrap !important; }
.flex-nowrap {
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-fill {
flex: 1 1 auto !important; }
.flex-grow-0 {
flex-grow: 0 !important; }
.flex-grow-1 {
flex-grow: 1 !important; }
.flex-shrink-0 {
flex-shrink: 0 !important; }
.flex-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-start {
justify-content: flex-start !important; }
.justify-content-end {
justify-content: flex-end !important; }
.justify-content-center {
justify-content: center !important; }
.justify-content-between {
justify-content: space-between !important; }
.justify-content-around {
justify-content: space-around !important; }
.align-items-start {
align-items: flex-start !important; }
.align-items-end {
align-items: flex-end !important; }
.align-items-center {
align-items: center !important; }
.align-items-baseline {
align-items: baseline !important; }
.align-items-stretch {
align-items: stretch !important; }
.align-content-start {
align-content: flex-start !important; }
.align-content-end {
align-content: flex-end !important; }
.align-content-center {
align-content: center !important; }
.align-content-between {
align-content: space-between !important; }
.align-content-around {
align-content: space-around !important; }
.align-content-stretch {
align-content: stretch !important; }
.align-self-auto {
align-self: auto !important; }
.align-self-start {
align-self: flex-start !important; }
.align-self-end {
align-self: flex-end !important; }
.align-self-center {
align-self: center !important; }
.align-self-baseline {
align-self: baseline !important; }
.align-self-stretch {
align-self: stretch !important; }
.order-first {
order: -1; }
.order-last {
order: 13; }
.order-0 {
order: 0; }
.order-1 {
order: 1; }
.order-2 {
order: 2; }
.order-3 {
order: 3; }
.order-4 {
order: 4; }
.order-5 {
order: 5; }
.order-6 {
order: 6; }
.order-7 {
order: 7; }
.order-8 {
order: 8; }
.order-9 {
order: 9; }
.order-10 {
order: 10; }
.order-11 {
order: 11; }
.order-12 {
order: 12; }
.show {
display: block !important; }
.hide {
display: none !important; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
/*================ Build Responsive Grid Classes ================*/
@media only screen and (max-width: 479px) {
.xsmall--auto {
flex: 0 0 auto;
max-width: none;
width: auto; }
.xsmall--expand {
flex: 1 1 0;
max-width: 100%;
width: auto; }
.xsmall--one-whole {
flex: 0 0 100%;
max-width: 100%; }
.xsmall--one-half {
flex: 0 0 50%;
max-width: 50%; }
.xsmall--one-third {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xsmall--two-thirds {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xsmall--one-quarter {
flex: 0 0 25%;
max-width: 25%; }
.xsmall--two-quarters {
flex: 0 0 50%;
max-width: 50%; }
.xsmall--three-quarters {
flex: 0 0 75%;
max-width: 75%; }
.xsmall--one-fifth {
flex: 0 0 20%;
max-width: 20%; }
.xsmall--two-fifths {
flex: 0 0 40%;
max-width: 40%; }
.xsmall--three-fifths {
flex: 0 0 60%;
max-width: 60%; }
.xsmall--four-fifths {
flex: 0 0 80%;
max-width: 80%; }
.xsmall--one-sixth {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.xsmall--two-sixths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xsmall--three-sixths {
flex: 0 0 50%;
max-width: 50%; }
.xsmall--four-sixths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xsmall--five-sixths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.xsmall--one-eighth {
flex: 0 0 12.5%;
max-width: 12.5%; }
.xsmall--two-eighths {
flex: 0 0 25%;
max-width: 25%; }
.xsmall--three-eighths {
flex: 0 0 37.5%;
max-width: 37.5%; }
.xsmall--four-eighths {
flex: 0 0 50%;
max-width: 50%; }
.xsmall--five-eighths {
flex: 0 0 62.5%;
max-width: 62.5%; }
.xsmall--six-eighths {
flex: 0 0 75%;
max-width: 75%; }
.xsmall--seven-eighths {
flex: 0 0 87.5%;
max-width: 87.5%; }
.xsmall--one-ninth {
flex: 0 0 11.11111%;
max-width: 11.11111%; }
.xsmall--two-ninths {
flex: 0 0 22.22222%;
max-width: 22.22222%; }
.xsmall--three-ninths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xsmall--four-ninths {
flex: 0 0 44.44444%;
max-width: 44.44444%; }
.xsmall--five-ninths {
flex: 0 0 55.55556%;
max-width: 55.55556%; }
.xsmall--six-ninths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xsmall--seven-ninths {
flex: 0 0 77.77778%;
max-width: 77.77778%; }
.xsmall--eight-ninths {
flex: 0 0 88.88889%;
max-width: 88.88889%; }
.xsmall--one-tenth {
flex: 0 0 10%;
max-width: 10%; }
.xsmall--two-tenths {
flex: 0 0 20%;
max-width: 20%; }
.xsmall--three-tenths {
flex: 0 0 30%;
max-width: 30%; }
.xsmall--four-tenths {
flex: 0 0 40%;
max-width: 40%; }
.xsmall--five-tenths {
flex: 0 0 50%;
max-width: 50%; }
.xsmall--six-tenths {
flex: 0 0 60%;
max-width: 60%; }
.xsmall--seven-tenths {
flex: 0 0 70%;
max-width: 70%; }
.xsmall--eight-tenths {
flex: 0 0 80%;
max-width: 80%; }
.xsmall--nine-tenths {
flex: 0 0 90%;
max-width: 90%; }
.xsmall--one-twelfth {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.xsmall--two-twelfths {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.xsmall--three-twelfths {
flex: 0 0 25%;
max-width: 25%; }
.xsmall--four-twelfths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xsmall--five-twelfths {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.xsmall--six-twelfths {
flex: 0 0 50%;
max-width: 50%; }
.xsmall--seven-twelfths {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.xsmall--eight-twelfths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xsmall--nine-twelfths {
flex: 0 0 75%;
max-width: 75%; }
.xsmall--ten-twelfths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.xsmall--eleven-twelfths {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.xsmall--flex-row {
flex-direction: row !important; }
.xsmall--flex-column {
flex-direction: column !important; }
.xsmall--flex-row-reverse {
flex-direction: row-reverse !important; }
.xsmall--flex-column-reverse {
flex-direction: column-reverse !important; }
.xsmall--flex-wrap {
flex-wrap: wrap !important; }
.xsmall--flex-nowrap {
flex-wrap: nowrap !important; }
.xsmall--flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.xsmall--flex-fill {
flex: 1 1 auto !important; }
.xsmall--flex-grow-0 {
flex-grow: 0 !important; }
.xsmall--flex-grow-1 {
flex-grow: 1 !important; }
.xsmall--flex-shrink-0 {
flex-shrink: 0 !important; }
.xsmall--flex-shrink-1 {
flex-shrink: 1 !important; }
.xsmall--justify-content-start {
justify-content: flex-start !important; }
.xsmall--justify-content-end {
justify-content: flex-end !important; }
.xsmall--justify-content-center {
justify-content: center !important; }
.xsmall--justify-content-between {
justify-content: space-between !important; }
.xsmall--justify-content-around {
justify-content: space-around !important; }
.xsmall--align-items-start {
align-items: flex-start !important; }
.xsmall--align-items-end {
align-items: flex-end !important; }
.xsmall--align-items-center {
align-items: center !important; }
.xsmall--align-items-baseline {
align-items: baseline !important; }
.xsmall--align-items-stretch {
align-items: stretch !important; }
.xsmall--align-content-start {
align-content: flex-start !important; }
.xsmall--align-content-end {
align-content: flex-end !important; }
.xsmall--align-content-center {
align-content: center !important; }
.xsmall--align-content-between {
align-content: space-between !important; }
.xsmall--align-content-around {
align-content: space-around !important; }
.xsmall--align-content-stretch {
align-content: stretch !important; }
.xsmall--align-self-auto {
align-self: auto !important; }
.xsmall--align-self-start {
align-self: flex-start !important; }
.xsmall--align-self-end {
align-self: flex-end !important; }
.xsmall--align-self-center {
align-self: center !important; }
.xsmall--align-self-baseline {
align-self: baseline !important; }
.xsmall--align-self-stretch {
align-self: stretch !important; }
.xsmall--order-first {
order: -1; }
.xsmall--order-last {
order: 13; }
.xsmall--order-0 {
order: 0; }
.xsmall--order-1 {
order: 1; }
.xsmall--order-2 {
order: 2; }
.xsmall--order-3 {
order: 3; }
.xsmall--order-4 {
order: 4; }
.xsmall--order-5 {
order: 5; }
.xsmall--order-6 {
order: 6; }
.xsmall--order-7 {
order: 7; }
.xsmall--order-8 {
order: 8; }
.xsmall--order-9 {
order: 9; }
.xsmall--order-10 {
order: 10; }
.xsmall--order-11 {
order: 11; }
.xsmall--order-12 {
order: 12; }
.xsmall--show {
display: block !important; }
.xsmall--hide {
display: none !important; }
.xsmall--text-left {
text-align: left !important; }
.xsmall--text-right {
text-align: right !important; }
.xsmall--text-center {
text-align: center !important; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
.small--auto {
flex: 0 0 auto;
max-width: none;
width: auto; }
.small--expand {
flex: 1 1 0;
max-width: 100%;
width: auto; }
.small--one-whole {
flex: 0 0 100%;
max-width: 100%; }
.small--one-half {
flex: 0 0 50%;
max-width: 50%; }
.small--one-third {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.small--two-thirds {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.small--one-quarter {
flex: 0 0 25%;
max-width: 25%; }
.small--two-quarters {
flex: 0 0 50%;
max-width: 50%; }
.small--three-quarters {
flex: 0 0 75%;
max-width: 75%; }
.small--one-fifth {
flex: 0 0 20%;
max-width: 20%; }
.small--two-fifths {
flex: 0 0 40%;
max-width: 40%; }
.small--three-fifths {
flex: 0 0 60%;
max-width: 60%; }
.small--four-fifths {
flex: 0 0 80%;
max-width: 80%; }
.small--one-sixth {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.small--two-sixths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.small--three-sixths {
flex: 0 0 50%;
max-width: 50%; }
.small--four-sixths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.small--five-sixths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.small--one-eighth {
flex: 0 0 12.5%;
max-width: 12.5%; }
.small--two-eighths {
flex: 0 0 25%;
max-width: 25%; }
.small--three-eighths {
flex: 0 0 37.5%;
max-width: 37.5%; }
.small--four-eighths {
flex: 0 0 50%;
max-width: 50%; }
.small--five-eighths {
flex: 0 0 62.5%;
max-width: 62.5%; }
.small--six-eighths {
flex: 0 0 75%;
max-width: 75%; }
.small--seven-eighths {
flex: 0 0 87.5%;
max-width: 87.5%; }
.small--one-ninth {
flex: 0 0 11.11111%;
max-width: 11.11111%; }
.small--two-ninths {
flex: 0 0 22.22222%;
max-width: 22.22222%; }
.small--three-ninths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.small--four-ninths {
flex: 0 0 44.44444%;
max-width: 44.44444%; }
.small--five-ninths {
flex: 0 0 55.55556%;
max-width: 55.55556%; }
.small--six-ninths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.small--seven-ninths {
flex: 0 0 77.77778%;
max-width: 77.77778%; }
.small--eight-ninths {
flex: 0 0 88.88889%;
max-width: 88.88889%; }
.small--one-tenth {
flex: 0 0 10%;
max-width: 10%; }
.small--two-tenths {
flex: 0 0 20%;
max-width: 20%; }
.small--three-tenths {
flex: 0 0 30%;
max-width: 30%; }
.small--four-tenths {
flex: 0 0 40%;
max-width: 40%; }
.small--five-tenths {
flex: 0 0 50%;
max-width: 50%; }
.small--six-tenths {
flex: 0 0 60%;
max-width: 60%; }
.small--seven-tenths {
flex: 0 0 70%;
max-width: 70%; }
.small--eight-tenths {
flex: 0 0 80%;
max-width: 80%; }
.small--nine-tenths {
flex: 0 0 90%;
max-width: 90%; }
.small--one-twelfth {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.small--two-twelfths {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.small--three-twelfths {
flex: 0 0 25%;
max-width: 25%; }
.small--four-twelfths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.small--five-twelfths {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.small--six-twelfths {
flex: 0 0 50%;
max-width: 50%; }
.small--seven-twelfths {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.small--eight-twelfths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.small--nine-twelfths {
flex: 0 0 75%;
max-width: 75%; }
.small--ten-twelfths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.small--eleven-twelfths {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.small--flex-row {
flex-direction: row !important; }
.small--flex-column {
flex-direction: column !important; }
.small--flex-row-reverse {
flex-direction: row-reverse !important; }
.small--flex-column-reverse {
flex-direction: column-reverse !important; }
.small--flex-wrap {
flex-wrap: wrap !important; }
.small--flex-nowrap {
flex-wrap: nowrap !important; }
.small--flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.small--flex-fill {
flex: 1 1 auto !important; }
.small--flex-grow-0 {
flex-grow: 0 !important; }
.small--flex-grow-1 {
flex-grow: 1 !important; }
.small--flex-shrink-0 {
flex-shrink: 0 !important; }
.small--flex-shrink-1 {
flex-shrink: 1 !important; }
.small--justify-content-start {
justify-content: flex-start !important; }
.small--justify-content-end {
justify-content: flex-end !important; }
.small--justify-content-center {
justify-content: center !important; }
.small--justify-content-between {
justify-content: space-between !important; }
.small--justify-content-around {
justify-content: space-around !important; }
.small--align-items-start {
align-items: flex-start !important; }
.small--align-items-end {
align-items: flex-end !important; }
.small--align-items-center {
align-items: center !important; }
.small--align-items-baseline {
align-items: baseline !important; }
.small--align-items-stretch {
align-items: stretch !important; }
.small--align-content-start {
align-content: flex-start !important; }
.small--align-content-end {
align-content: flex-end !important; }
.small--align-content-center {
align-content: center !important; }
.small--align-content-between {
align-content: space-between !important; }
.small--align-content-around {
align-content: space-around !important; }
.small--align-content-stretch {
align-content: stretch !important; }
.small--align-self-auto {
align-self: auto !important; }
.small--align-self-start {
align-self: flex-start !important; }
.small--align-self-end {
align-self: flex-end !important; }
.small--align-self-center {
align-self: center !important; }
.small--align-self-baseline {
align-self: baseline !important; }
.small--align-self-stretch {
align-self: stretch !important; }
.small--order-first {
order: -1; }
.small--order-last {
order: 13; }
.small--order-0 {
order: 0; }
.small--order-1 {
order: 1; }
.small--order-2 {
order: 2; }
.small--order-3 {
order: 3; }
.small--order-4 {
order: 4; }
.small--order-5 {
order: 5; }
.small--order-6 {
order: 6; }
.small--order-7 {
order: 7; }
.small--order-8 {
order: 8; }
.small--order-9 {
order: 9; }
.small--order-10 {
order: 10; }
.small--order-11 {
order: 11; }
.small--order-12 {
order: 12; }
.small--show {
display: block !important; }
.small--hide {
display: none !important; }
.small--text-left {
text-align: left !important; }
.small--text-right {
text-align: right !important; }
.small--text-center {
text-align: center !important; } }
@media only screen and (max-width: 767px) {
.small-down--auto {
flex: 0 0 auto;
max-width: none;
width: auto; }
.small-down--expand {
flex: 1 1 0;
max-width: 100%;
width: auto; }
.small-down--one-whole {
flex: 0 0 100%;
max-width: 100%; }
.small-down--one-half {
flex: 0 0 50%;
max-width: 50%; }
.small-down--one-third {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.small-down--two-thirds {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.small-down--one-quarter {
flex: 0 0 25%;
max-width: 25%; }
.small-down--two-quarters {
flex: 0 0 50%;
max-width: 50%; }
.small-down--three-quarters {
flex: 0 0 75%;
max-width: 75%; }
.small-down--one-fifth {
flex: 0 0 20%;
max-width: 20%; }
.small-down--two-fifths {
flex: 0 0 40%;
max-width: 40%; }
.small-down--three-fifths {
flex: 0 0 60%;
max-width: 60%; }
.small-down--four-fifths {
flex: 0 0 80%;
max-width: 80%; }
.small-down--one-sixth {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.small-down--two-sixths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.small-down--three-sixths {
flex: 0 0 50%;
max-width: 50%; }
.small-down--four-sixths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.small-down--five-sixths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.small-down--one-eighth {
flex: 0 0 12.5%;
max-width: 12.5%; }
.small-down--two-eighths {
flex: 0 0 25%;
max-width: 25%; }
.small-down--three-eighths {
flex: 0 0 37.5%;
max-width: 37.5%; }
.small-down--four-eighths {
flex: 0 0 50%;
max-width: 50%; }
.small-down--five-eighths {
flex: 0 0 62.5%;
max-width: 62.5%; }
.small-down--six-eighths {
flex: 0 0 75%;
max-width: 75%; }
.small-down--seven-eighths {
flex: 0 0 87.5%;
max-width: 87.5%; }
.small-down--one-ninth {
flex: 0 0 11.11111%;
max-width: 11.11111%; }
.small-down--two-ninths {
flex: 0 0 22.22222%;
max-width: 22.22222%; }
.small-down--three-ninths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.small-down--four-ninths {
flex: 0 0 44.44444%;
max-width: 44.44444%; }
.small-down--five-ninths {
flex: 0 0 55.55556%;
max-width: 55.55556%; }
.small-down--six-ninths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.small-down--seven-ninths {
flex: 0 0 77.77778%;
max-width: 77.77778%; }
.small-down--eight-ninths {
flex: 0 0 88.88889%;
max-width: 88.88889%; }
.small-down--one-tenth {
flex: 0 0 10%;
max-width: 10%; }
.small-down--two-tenths {
flex: 0 0 20%;
max-width: 20%; }
.small-down--three-tenths {
flex: 0 0 30%;
max-width: 30%; }
.small-down--four-tenths {
flex: 0 0 40%;
max-width: 40%; }
.small-down--five-tenths {
flex: 0 0 50%;
max-width: 50%; }
.small-down--six-tenths {
flex: 0 0 60%;
max-width: 60%; }
.small-down--seven-tenths {
flex: 0 0 70%;
max-width: 70%; }
.small-down--eight-tenths {
flex: 0 0 80%;
max-width: 80%; }
.small-down--nine-tenths {
flex: 0 0 90%;
max-width: 90%; }
.small-down--one-twelfth {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.small-down--two-twelfths {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.small-down--three-twelfths {
flex: 0 0 25%;
max-width: 25%; }
.small-down--four-twelfths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.small-down--five-twelfths {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.small-down--six-twelfths {
flex: 0 0 50%;
max-width: 50%; }
.small-down--seven-twelfths {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.small-down--eight-twelfths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.small-down--nine-twelfths {
flex: 0 0 75%;
max-width: 75%; }
.small-down--ten-twelfths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.small-down--eleven-twelfths {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.small-down--flex-row {
flex-direction: row !important; }
.small-down--flex-column {
flex-direction: column !important; }
.small-down--flex-row-reverse {
flex-direction: row-reverse !important; }
.small-down--flex-column-reverse {
flex-direction: column-reverse !important; }
.small-down--flex-wrap {
flex-wrap: wrap !important; }
.small-down--flex-nowrap {
flex-wrap: nowrap !important; }
.small-down--flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.small-down--flex-fill {
flex: 1 1 auto !important; }
.small-down--flex-grow-0 {
flex-grow: 0 !important; }
.small-down--flex-grow-1 {
flex-grow: 1 !important; }
.small-down--flex-shrink-0 {
flex-shrink: 0 !important; }
.small-down--flex-shrink-1 {
flex-shrink: 1 !important; }
.small-down--justify-content-start {
justify-content: flex-start !important; }
.small-down--justify-content-end {
justify-content: flex-end !important; }
.small-down--justify-content-center {
justify-content: center !important; }
.small-down--justify-content-between {
justify-content: space-between !important; }
.small-down--justify-content-around {
justify-content: space-around !important; }
.small-down--align-items-start {
align-items: flex-start !important; }
.small-down--align-items-end {
align-items: flex-end !important; }
.small-down--align-items-center {
align-items: center !important; }
.small-down--align-items-baseline {
align-items: baseline !important; }
.small-down--align-items-stretch {
align-items: stretch !important; }
.small-down--align-content-start {
align-content: flex-start !important; }
.small-down--align-content-end {
align-content: flex-end !important; }
.small-down--align-content-center {
align-content: center !important; }
.small-down--align-content-between {
align-content: space-between !important; }
.small-down--align-content-around {
align-content: space-around !important; }
.small-down--align-content-stretch {
align-content: stretch !important; }
.small-down--align-self-auto {
align-self: auto !important; }
.small-down--align-self-start {
align-self: flex-start !important; }
.small-down--align-self-end {
align-self: flex-end !important; }
.small-down--align-self-center {
align-self: center !important; }
.small-down--align-self-baseline {
align-self: baseline !important; }
.small-down--align-self-stretch {
align-self: stretch !important; }
.small-down--order-first {
order: -1; }
.small-down--order-last {
order: 13; }
.small-down--order-0 {
order: 0; }
.small-down--order-1 {
order: 1; }
.small-down--order-2 {
order: 2; }
.small-down--order-3 {
order: 3; }
.small-down--order-4 {
order: 4; }
.small-down--order-5 {
order: 5; }
.small-down--order-6 {
order: 6; }
.small-down--order-7 {
order: 7; }
.small-down--order-8 {
order: 8; }
.small-down--order-9 {
order: 9; }
.small-down--order-10 {
order: 10; }
.small-down--order-11 {
order: 11; }
.small-down--order-12 {
order: 12; }
.small-down--show {
display: block !important; }
.small-down--hide {
display: none !important; }
.small-down--text-left {
text-align: left !important; }
.small-down--text-right {
text-align: right !important; }
.small-down--text-center {
text-align: center !important; } }
@media only screen and (min-width: 480px) {
.small-up--auto {
flex: 0 0 auto;
max-width: none;
width: auto; }
.small-up--expand {
flex: 1 1 0;
max-width: 100%;
width: auto; }
.small-up--one-whole {
flex: 0 0 100%;
max-width: 100%; }
.small-up--one-half {
flex: 0 0 50%;
max-width: 50%; }
.small-up--one-third {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.small-up--two-thirds {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.small-up--one-quarter {
flex: 0 0 25%;
max-width: 25%; }
.small-up--two-quarters {
flex: 0 0 50%;
max-width: 50%; }
.small-up--three-quarters {
flex: 0 0 75%;
max-width: 75%; }
.small-up--one-fifth {
flex: 0 0 20%;
max-width: 20%; }
.small-up--two-fifths {
flex: 0 0 40%;
max-width: 40%; }
.small-up--three-fifths {
flex: 0 0 60%;
max-width: 60%; }
.small-up--four-fifths {
flex: 0 0 80%;
max-width: 80%; }
.small-up--one-sixth {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.small-up--two-sixths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.small-up--three-sixths {
flex: 0 0 50%;
max-width: 50%; }
.small-up--four-sixths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.small-up--five-sixths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.small-up--one-eighth {
flex: 0 0 12.5%;
max-width: 12.5%; }
.small-up--two-eighths {
flex: 0 0 25%;
max-width: 25%; }
.small-up--three-eighths {
flex: 0 0 37.5%;
max-width: 37.5%; }
.small-up--four-eighths {
flex: 0 0 50%;
max-width: 50%; }
.small-up--five-eighths {
flex: 0 0 62.5%;
max-width: 62.5%; }
.small-up--six-eighths {
flex: 0 0 75%;
max-width: 75%; }
.small-up--seven-eighths {
flex: 0 0 87.5%;
max-width: 87.5%; }
.small-up--one-ninth {
flex: 0 0 11.11111%;
max-width: 11.11111%; }
.small-up--two-ninths {
flex: 0 0 22.22222%;
max-width: 22.22222%; }
.small-up--three-ninths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.small-up--four-ninths {
flex: 0 0 44.44444%;
max-width: 44.44444%; }
.small-up--five-ninths {
flex: 0 0 55.55556%;
max-width: 55.55556%; }
.small-up--six-ninths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.small-up--seven-ninths {
flex: 0 0 77.77778%;
max-width: 77.77778%; }
.small-up--eight-ninths {
flex: 0 0 88.88889%;
max-width: 88.88889%; }
.small-up--one-tenth {
flex: 0 0 10%;
max-width: 10%; }
.small-up--two-tenths {
flex: 0 0 20%;
max-width: 20%; }
.small-up--three-tenths {
flex: 0 0 30%;
max-width: 30%; }
.small-up--four-tenths {
flex: 0 0 40%;
max-width: 40%; }
.small-up--five-tenths {
flex: 0 0 50%;
max-width: 50%; }
.small-up--six-tenths {
flex: 0 0 60%;
max-width: 60%; }
.small-up--seven-tenths {
flex: 0 0 70%;
max-width: 70%; }
.small-up--eight-tenths {
flex: 0 0 80%;
max-width: 80%; }
.small-up--nine-tenths {
flex: 0 0 90%;
max-width: 90%; }
.small-up--one-twelfth {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.small-up--two-twelfths {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.small-up--three-twelfths {
flex: 0 0 25%;
max-width: 25%; }
.small-up--four-twelfths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.small-up--five-twelfths {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.small-up--six-twelfths {
flex: 0 0 50%;
max-width: 50%; }
.small-up--seven-twelfths {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.small-up--eight-twelfths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.small-up--nine-twelfths {
flex: 0 0 75%;
max-width: 75%; }
.small-up--ten-twelfths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.small-up--eleven-twelfths {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.small-up--flex-row {
flex-direction: row !important; }
.small-up--flex-column {
flex-direction: column !important; }
.small-up--flex-row-reverse {
flex-direction: row-reverse !important; }
.small-up--flex-column-reverse {
flex-direction: column-reverse !important; }
.small-up--flex-wrap {
flex-wrap: wrap !important; }
.small-up--flex-nowrap {
flex-wrap: nowrap !important; }
.small-up--flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.small-up--flex-fill {
flex: 1 1 auto !important; }
.small-up--flex-grow-0 {
flex-grow: 0 !important; }
.small-up--flex-grow-1 {
flex-grow: 1 !important; }
.small-up--flex-shrink-0 {
flex-shrink: 0 !important; }
.small-up--flex-shrink-1 {
flex-shrink: 1 !important; }
.small-up--justify-content-start {
justify-content: flex-start !important; }
.small-up--justify-content-end {
justify-content: flex-end !important; }
.small-up--justify-content-center {
justify-content: center !important; }
.small-up--justify-content-between {
justify-content: space-between !important; }
.small-up--justify-content-around {
justify-content: space-around !important; }
.small-up--align-items-start {
align-items: flex-start !important; }
.small-up--align-items-end {
align-items: flex-end !important; }
.small-up--align-items-center {
align-items: center !important; }
.small-up--align-items-baseline {
align-items: baseline !important; }
.small-up--align-items-stretch {
align-items: stretch !important; }
.small-up--align-content-start {
align-content: flex-start !important; }
.small-up--align-content-end {
align-content: flex-end !important; }
.small-up--align-content-center {
align-content: center !important; }
.small-up--align-content-between {
align-content: space-between !important; }
.small-up--align-content-around {
align-content: space-around !important; }
.small-up--align-content-stretch {
align-content: stretch !important; }
.small-up--align-self-auto {
align-self: auto !important; }
.small-up--align-self-start {
align-self: flex-start !important; }
.small-up--align-self-end {
align-self: flex-end !important; }
.small-up--align-self-center {
align-self: center !important; }
.small-up--align-self-baseline {
align-self: baseline !important; }
.small-up--align-self-stretch {
align-self: stretch !important; }
.small-up--order-first {
order: -1; }
.small-up--order-last {
order: 13; }
.small-up--order-0 {
order: 0; }
.small-up--order-1 {
order: 1; }
.small-up--order-2 {
order: 2; }
.small-up--order-3 {
order: 3; }
.small-up--order-4 {
order: 4; }
.small-up--order-5 {
order: 5; }
.small-up--order-6 {
order: 6; }
.small-up--order-7 {
order: 7; }
.small-up--order-8 {
order: 8; }
.small-up--order-9 {
order: 9; }
.small-up--order-10 {
order: 10; }
.small-up--order-11 {
order: 11; }
.small-up--order-12 {
order: 12; }
.small-up--show {
display: block !important; }
.small-up--hide {
display: none !important; }
.small-up--text-left {
text-align: left !important; }
.small-up--text-right {
text-align: right !important; }
.small-up--text-center {
text-align: center !important; } }
@media only screen and (min-width: 768px) and (max-width: 990px) {
.medium--auto {
flex: 0 0 auto;
max-width: none;
width: auto; }
.medium--expand {
flex: 1 1 0;
max-width: 100%;
width: auto; }
.medium--one-whole {
flex: 0 0 100%;
max-width: 100%; }
.medium--one-half {
flex: 0 0 50%;
max-width: 50%; }
.medium--one-third {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.medium--two-thirds {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.medium--one-quarter {
flex: 0 0 25%;
max-width: 25%; }
.medium--two-quarters {
flex: 0 0 50%;
max-width: 50%; }
.medium--three-quarters {
flex: 0 0 75%;
max-width: 75%; }
.medium--one-fifth {
flex: 0 0 20%;
max-width: 20%; }
.medium--two-fifths {
flex: 0 0 40%;
max-width: 40%; }
.medium--three-fifths {
flex: 0 0 60%;
max-width: 60%; }
.medium--four-fifths {
flex: 0 0 80%;
max-width: 80%; }
.medium--one-sixth {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.medium--two-sixths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.medium--three-sixths {
flex: 0 0 50%;
max-width: 50%; }
.medium--four-sixths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.medium--five-sixths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.medium--one-eighth {
flex: 0 0 12.5%;
max-width: 12.5%; }
.medium--two-eighths {
flex: 0 0 25%;
max-width: 25%; }
.medium--three-eighths {
flex: 0 0 37.5%;
max-width: 37.5%; }
.medium--four-eighths {
flex: 0 0 50%;
max-width: 50%; }
.medium--five-eighths {
flex: 0 0 62.5%;
max-width: 62.5%; }
.medium--six-eighths {
flex: 0 0 75%;
max-width: 75%; }
.medium--seven-eighths {
flex: 0 0 87.5%;
max-width: 87.5%; }
.medium--one-ninth {
flex: 0 0 11.11111%;
max-width: 11.11111%; }
.medium--two-ninths {
flex: 0 0 22.22222%;
max-width: 22.22222%; }
.medium--three-ninths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.medium--four-ninths {
flex: 0 0 44.44444%;
max-width: 44.44444%; }
.medium--five-ninths {
flex: 0 0 55.55556%;
max-width: 55.55556%; }
.medium--six-ninths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.medium--seven-ninths {
flex: 0 0 77.77778%;
max-width: 77.77778%; }
.medium--eight-ninths {
flex: 0 0 88.88889%;
max-width: 88.88889%; }
.medium--one-tenth {
flex: 0 0 10%;
max-width: 10%; }
.medium--two-tenths {
flex: 0 0 20%;
max-width: 20%; }
.medium--three-tenths {
flex: 0 0 30%;
max-width: 30%; }
.medium--four-tenths {
flex: 0 0 40%;
max-width: 40%; }
.medium--five-tenths {
flex: 0 0 50%;
max-width: 50%; }
.medium--six-tenths {
flex: 0 0 60%;
max-width: 60%; }
.medium--seven-tenths {
flex: 0 0 70%;
max-width: 70%; }
.medium--eight-tenths {
flex: 0 0 80%;
max-width: 80%; }
.medium--nine-tenths {
flex: 0 0 90%;
max-width: 90%; }
.medium--one-twelfth {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.medium--two-twelfths {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.medium--three-twelfths {
flex: 0 0 25%;
max-width: 25%; }
.medium--four-twelfths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.medium--five-twelfths {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.medium--six-twelfths {
flex: 0 0 50%;
max-width: 50%; }
.medium--seven-twelfths {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.medium--eight-twelfths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.medium--nine-twelfths {
flex: 0 0 75%;
max-width: 75%; }
.medium--ten-twelfths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.medium--eleven-twelfths {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.medium--flex-row {
flex-direction: row !important; }
.medium--flex-column {
flex-direction: column !important; }
.medium--flex-row-reverse {
flex-direction: row-reverse !important; }
.medium--flex-column-reverse {
flex-direction: column-reverse !important; }
.medium--flex-wrap {
flex-wrap: wrap !important; }
.medium--flex-nowrap {
flex-wrap: nowrap !important; }
.medium--flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.medium--flex-fill {
flex: 1 1 auto !important; }
.medium--flex-grow-0 {
flex-grow: 0 !important; }
.medium--flex-grow-1 {
flex-grow: 1 !important; }
.medium--flex-shrink-0 {
flex-shrink: 0 !important; }
.medium--flex-shrink-1 {
flex-shrink: 1 !important; }
.medium--justify-content-start {
justify-content: flex-start !important; }
.medium--justify-content-end {
justify-content: flex-end !important; }
.medium--justify-content-center {
justify-content: center !important; }
.medium--justify-content-between {
justify-content: space-between !important; }
.medium--justify-content-around {
justify-content: space-around !important; }
.medium--align-items-start {
align-items: flex-start !important; }
.medium--align-items-end {
align-items: flex-end !important; }
.medium--align-items-center {
align-items: center !important; }
.medium--align-items-baseline {
align-items: baseline !important; }
.medium--align-items-stretch {
align-items: stretch !important; }
.medium--align-content-start {
align-content: flex-start !important; }
.medium--align-content-end {
align-content: flex-end !important; }
.medium--align-content-center {
align-content: center !important; }
.medium--align-content-between {
align-content: space-between !important; }
.medium--align-content-around {
align-content: space-around !important; }
.medium--align-content-stretch {
align-content: stretch !important; }
.medium--align-self-auto {
align-self: auto !important; }
.medium--align-self-start {
align-self: flex-start !important; }
.medium--align-self-end {
align-self: flex-end !important; }
.medium--align-self-center {
align-self: center !important; }
.medium--align-self-baseline {
align-self: baseline !important; }
.medium--align-self-stretch {
align-self: stretch !important; }
.medium--order-first {
order: -1; }
.medium--order-last {
order: 13; }
.medium--order-0 {
order: 0; }
.medium--order-1 {
order: 1; }
.medium--order-2 {
order: 2; }
.medium--order-3 {
order: 3; }
.medium--order-4 {
order: 4; }
.medium--order-5 {
order: 5; }
.medium--order-6 {
order: 6; }
.medium--order-7 {
order: 7; }
.medium--order-8 {
order: 8; }
.medium--order-9 {
order: 9; }
.medium--order-10 {
order: 10; }
.medium--order-11 {
order: 11; }
.medium--order-12 {
order: 12; }
.medium--show {
display: block !important; }
.medium--hide {
display: none !important; }
.medium--text-left {
text-align: left !important; }
.medium--text-right {
text-align: right !important; }
.medium--text-center {
text-align: center !important; } }
@media only screen and (min-width: 768px) {
.medium-up--auto {
flex: 0 0 auto;
max-width: none;
width: auto; }
.medium-up--expand {
flex: 1 1 0;
max-width: 100%;
width: auto; }
.medium-up--one-whole {
flex: 0 0 100%;
max-width: 100%; }
.medium-up--one-half {
flex: 0 0 50%;
max-width: 50%; }
.medium-up--one-third {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.medium-up--two-thirds {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.medium-up--one-quarter {
flex: 0 0 25%;
max-width: 25%; }
.medium-up--two-quarters {
flex: 0 0 50%;
max-width: 50%; }
.medium-up--three-quarters {
flex: 0 0 75%;
max-width: 75%; }
.medium-up--one-fifth {
flex: 0 0 20%;
max-width: 20%; }
.medium-up--two-fifths {
flex: 0 0 40%;
max-width: 40%; }
.medium-up--three-fifths {
flex: 0 0 60%;
max-width: 60%; }
.medium-up--four-fifths {
flex: 0 0 80%;
max-width: 80%; }
.medium-up--one-sixth {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.medium-up--two-sixths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.medium-up--three-sixths {
flex: 0 0 50%;
max-width: 50%; }
.medium-up--four-sixths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.medium-up--five-sixths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.medium-up--one-eighth {
flex: 0 0 12.5%;
max-width: 12.5%; }
.medium-up--two-eighths {
flex: 0 0 25%;
max-width: 25%; }
.medium-up--three-eighths {
flex: 0 0 37.5%;
max-width: 37.5%; }
.medium-up--four-eighths {
flex: 0 0 50%;
max-width: 50%; }
.medium-up--five-eighths {
flex: 0 0 62.5%;
max-width: 62.5%; }
.medium-up--six-eighths {
flex: 0 0 75%;
max-width: 75%; }
.medium-up--seven-eighths {
flex: 0 0 87.5%;
max-width: 87.5%; }
.medium-up--one-ninth {
flex: 0 0 11.11111%;
max-width: 11.11111%; }
.medium-up--two-ninths {
flex: 0 0 22.22222%;
max-width: 22.22222%; }
.medium-up--three-ninths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.medium-up--four-ninths {
flex: 0 0 44.44444%;
max-width: 44.44444%; }
.medium-up--five-ninths {
flex: 0 0 55.55556%;
max-width: 55.55556%; }
.medium-up--six-ninths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.medium-up--seven-ninths {
flex: 0 0 77.77778%;
max-width: 77.77778%; }
.medium-up--eight-ninths {
flex: 0 0 88.88889%;
max-width: 88.88889%; }
.medium-up--one-tenth {
flex: 0 0 10%;
max-width: 10%; }
.medium-up--two-tenths {
flex: 0 0 20%;
max-width: 20%; }
.medium-up--three-tenths {
flex: 0 0 30%;
max-width: 30%; }
.medium-up--four-tenths {
flex: 0 0 40%;
max-width: 40%; }
.medium-up--five-tenths {
flex: 0 0 50%;
max-width: 50%; }
.medium-up--six-tenths {
flex: 0 0 60%;
max-width: 60%; }
.medium-up--seven-tenths {
flex: 0 0 70%;
max-width: 70%; }
.medium-up--eight-tenths {
flex: 0 0 80%;
max-width: 80%; }
.medium-up--nine-tenths {
flex: 0 0 90%;
max-width: 90%; }
.medium-up--one-twelfth {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.medium-up--two-twelfths {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.medium-up--three-twelfths {
flex: 0 0 25%;
max-width: 25%; }
.medium-up--four-twelfths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.medium-up--five-twelfths {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.medium-up--six-twelfths {
flex: 0 0 50%;
max-width: 50%; }
.medium-up--seven-twelfths {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.medium-up--eight-twelfths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.medium-up--nine-twelfths {
flex: 0 0 75%;
max-width: 75%; }
.medium-up--ten-twelfths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.medium-up--eleven-twelfths {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.medium-up--flex-row {
flex-direction: row !important; }
.medium-up--flex-column {
flex-direction: column !important; }
.medium-up--flex-row-reverse {
flex-direction: row-reverse !important; }
.medium-up--flex-column-reverse {
flex-direction: column-reverse !important; }
.medium-up--flex-wrap {
flex-wrap: wrap !important; }
.medium-up--flex-nowrap {
flex-wrap: nowrap !important; }
.medium-up--flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.medium-up--flex-fill {
flex: 1 1 auto !important; }
.medium-up--flex-grow-0 {
flex-grow: 0 !important; }
.medium-up--flex-grow-1 {
flex-grow: 1 !important; }
.medium-up--flex-shrink-0 {
flex-shrink: 0 !important; }
.medium-up--flex-shrink-1 {
flex-shrink: 1 !important; }
.medium-up--justify-content-start {
justify-content: flex-start !important; }
.medium-up--justify-content-end {
justify-content: flex-end !important; }
.medium-up--justify-content-center {
justify-content: center !important; }
.medium-up--justify-content-between {
justify-content: space-between !important; }
.medium-up--justify-content-around {
justify-content: space-around !important; }
.medium-up--align-items-start {
align-items: flex-start !important; }
.medium-up--align-items-end {
align-items: flex-end !important; }
.medium-up--align-items-center {
align-items: center !important; }
.medium-up--align-items-baseline {
align-items: baseline !important; }
.medium-up--align-items-stretch {
align-items: stretch !important; }
.medium-up--align-content-start {
align-content: flex-start !important; }
.medium-up--align-content-end {
align-content: flex-end !important; }
.medium-up--align-content-center {
align-content: center !important; }
.medium-up--align-content-between {
align-content: space-between !important; }
.medium-up--align-content-around {
align-content: space-around !important; }
.medium-up--align-content-stretch {
align-content: stretch !important; }
.medium-up--align-self-auto {
align-self: auto !important; }
.medium-up--align-self-start {
align-self: flex-start !important; }
.medium-up--align-self-end {
align-self: flex-end !important; }
.medium-up--align-self-center {
align-self: center !important; }
.medium-up--align-self-baseline {
align-self: baseline !important; }
.medium-up--align-self-stretch {
align-self: stretch !important; }
.medium-up--order-first {
order: -1; }
.medium-up--order-last {
order: 13; }
.medium-up--order-0 {
order: 0; }
.medium-up--order-1 {
order: 1; }
.medium-up--order-2 {
order: 2; }
.medium-up--order-3 {
order: 3; }
.medium-up--order-4 {
order: 4; }
.medium-up--order-5 {
order: 5; }
.medium-up--order-6 {
order: 6; }
.medium-up--order-7 {
order: 7; }
.medium-up--order-8 {
order: 8; }
.medium-up--order-9 {
order: 9; }
.medium-up--order-10 {
order: 10; }
.medium-up--order-11 {
order: 11; }
.medium-up--order-12 {
order: 12; }
.medium-up--show {
display: block !important; }
.medium-up--hide {
display: none !important; }
.medium-up--text-left {
text-align: left !important; }
.medium-up--text-right {
text-align: right !important; }
.medium-up--text-center {
text-align: center !important; } }
@media only screen and (min-width: 991px) {
.large-up--auto {
flex: 0 0 auto;
max-width: none;
width: auto; }
.large-up--expand {
flex: 1 1 0;
max-width: 100%;
width: auto; }
.large-up--one-whole {
flex: 0 0 100%;
max-width: 100%; }
.large-up--one-half {
flex: 0 0 50%;
max-width: 50%; }
.large-up--one-third {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.large-up--two-thirds {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.large-up--one-quarter {
flex: 0 0 25%;
max-width: 25%; }
.large-up--two-quarters {
flex: 0 0 50%;
max-width: 50%; }
.large-up--three-quarters {
flex: 0 0 75%;
max-width: 75%; }
.large-up--one-fifth {
flex: 0 0 20%;
max-width: 20%; }
.large-up--two-fifths {
flex: 0 0 40%;
max-width: 40%; }
.large-up--three-fifths {
flex: 0 0 60%;
max-width: 60%; }
.large-up--four-fifths {
flex: 0 0 80%;
max-width: 80%; }
.large-up--one-sixth {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.large-up--two-sixths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.large-up--three-sixths {
flex: 0 0 50%;
max-width: 50%; }
.large-up--four-sixths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.large-up--five-sixths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.large-up--one-eighth {
flex: 0 0 12.5%;
max-width: 12.5%; }
.large-up--two-eighths {
flex: 0 0 25%;
max-width: 25%; }
.large-up--three-eighths {
flex: 0 0 37.5%;
max-width: 37.5%; }
.large-up--four-eighths {
flex: 0 0 50%;
max-width: 50%; }
.large-up--five-eighths {
flex: 0 0 62.5%;
max-width: 62.5%; }
.large-up--six-eighths {
flex: 0 0 75%;
max-width: 75%; }
.large-up--seven-eighths {
flex: 0 0 87.5%;
max-width: 87.5%; }
.large-up--one-ninth {
flex: 0 0 11.11111%;
max-width: 11.11111%; }
.large-up--two-ninths {
flex: 0 0 22.22222%;
max-width: 22.22222%; }
.large-up--three-ninths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.large-up--four-ninths {
flex: 0 0 44.44444%;
max-width: 44.44444%; }
.large-up--five-ninths {
flex: 0 0 55.55556%;
max-width: 55.55556%; }
.large-up--six-ninths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.large-up--seven-ninths {
flex: 0 0 77.77778%;
max-width: 77.77778%; }
.large-up--eight-ninths {
flex: 0 0 88.88889%;
max-width: 88.88889%; }
.large-up--one-tenth {
flex: 0 0 10%;
max-width: 10%; }
.large-up--two-tenths {
flex: 0 0 20%;
max-width: 20%; }
.large-up--three-tenths {
flex: 0 0 30%;
max-width: 30%; }
.large-up--four-tenths {
flex: 0 0 40%;
max-width: 40%; }
.large-up--five-tenths {
flex: 0 0 50%;
max-width: 50%; }
.large-up--six-tenths {
flex: 0 0 60%;
max-width: 60%; }
.large-up--seven-tenths {
flex: 0 0 70%;
max-width: 70%; }
.large-up--eight-tenths {
flex: 0 0 80%;
max-width: 80%; }
.large-up--nine-tenths {
flex: 0 0 90%;
max-width: 90%; }
.large-up--one-twelfth {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.large-up--two-twelfths {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.large-up--three-twelfths {
flex: 0 0 25%;
max-width: 25%; }
.large-up--four-twelfths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.large-up--five-twelfths {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.large-up--six-twelfths {
flex: 0 0 50%;
max-width: 50%; }
.large-up--seven-twelfths {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.large-up--eight-twelfths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.large-up--nine-twelfths {
flex: 0 0 75%;
max-width: 75%; }
.large-up--ten-twelfths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.large-up--eleven-twelfths {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.large-up--flex-row {
flex-direction: row !important; }
.large-up--flex-column {
flex-direction: column !important; }
.large-up--flex-row-reverse {
flex-direction: row-reverse !important; }
.large-up--flex-column-reverse {
flex-direction: column-reverse !important; }
.large-up--flex-wrap {
flex-wrap: wrap !important; }
.large-up--flex-nowrap {
flex-wrap: nowrap !important; }
.large-up--flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.large-up--flex-fill {
flex: 1 1 auto !important; }
.large-up--flex-grow-0 {
flex-grow: 0 !important; }
.large-up--flex-grow-1 {
flex-grow: 1 !important; }
.large-up--flex-shrink-0 {
flex-shrink: 0 !important; }
.large-up--flex-shrink-1 {
flex-shrink: 1 !important; }
.large-up--justify-content-start {
justify-content: flex-start !important; }
.large-up--justify-content-end {
justify-content: flex-end !important; }
.large-up--justify-content-center {
justify-content: center !important; }
.large-up--justify-content-between {
justify-content: space-between !important; }
.large-up--justify-content-around {
justify-content: space-around !important; }
.large-up--align-items-start {
align-items: flex-start !important; }
.large-up--align-items-end {
align-items: flex-end !important; }
.large-up--align-items-center {
align-items: center !important; }
.large-up--align-items-baseline {
align-items: baseline !important; }
.large-up--align-items-stretch {
align-items: stretch !important; }
.large-up--align-content-start {
align-content: flex-start !important; }
.large-up--align-content-end {
align-content: flex-end !important; }
.large-up--align-content-center {
align-content: center !important; }
.large-up--align-content-between {
align-content: space-between !important; }
.large-up--align-content-around {
align-content: space-around !important; }
.large-up--align-content-stretch {
align-content: stretch !important; }
.large-up--align-self-auto {
align-self: auto !important; }
.large-up--align-self-start {
align-self: flex-start !important; }
.large-up--align-self-end {
align-self: flex-end !important; }
.large-up--align-self-center {
align-self: center !important; }
.large-up--align-self-baseline {
align-self: baseline !important; }
.large-up--align-self-stretch {
align-self: stretch !important; }
.large-up--order-first {
order: -1; }
.large-up--order-last {
order: 13; }
.large-up--order-0 {
order: 0; }
.large-up--order-1 {
order: 1; }
.large-up--order-2 {
order: 2; }
.large-up--order-3 {
order: 3; }
.large-up--order-4 {
order: 4; }
.large-up--order-5 {
order: 5; }
.large-up--order-6 {
order: 6; }
.large-up--order-7 {
order: 7; }
.large-up--order-8 {
order: 8; }
.large-up--order-9 {
order: 9; }
.large-up--order-10 {
order: 10; }
.large-up--order-11 {
order: 11; }
.large-up--order-12 {
order: 12; }
.large-up--show {
display: block !important; }
.large-up--hide {
display: none !important; }
.large-up--text-left {
text-align: left !important; }
.large-up--text-right {
text-align: right !important; }
.large-up--text-center {
text-align: center !important; } }
@media only screen and (min-width: 991px) and (max-width: 1199px) {
.large--auto {
flex: 0 0 auto;
max-width: none;
width: auto; }
.large--expand {
flex: 1 1 0;
max-width: 100%;
width: auto; }
.large--one-whole {
flex: 0 0 100%;
max-width: 100%; }
.large--one-half {
flex: 0 0 50%;
max-width: 50%; }
.large--one-third {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.large--two-thirds {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.large--one-quarter {
flex: 0 0 25%;
max-width: 25%; }
.large--two-quarters {
flex: 0 0 50%;
max-width: 50%; }
.large--three-quarters {
flex: 0 0 75%;
max-width: 75%; }
.large--one-fifth {
flex: 0 0 20%;
max-width: 20%; }
.large--two-fifths {
flex: 0 0 40%;
max-width: 40%; }
.large--three-fifths {
flex: 0 0 60%;
max-width: 60%; }
.large--four-fifths {
flex: 0 0 80%;
max-width: 80%; }
.large--one-sixth {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.large--two-sixths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.large--three-sixths {
flex: 0 0 50%;
max-width: 50%; }
.large--four-sixths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.large--five-sixths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.large--one-eighth {
flex: 0 0 12.5%;
max-width: 12.5%; }
.large--two-eighths {
flex: 0 0 25%;
max-width: 25%; }
.large--three-eighths {
flex: 0 0 37.5%;
max-width: 37.5%; }
.large--four-eighths {
flex: 0 0 50%;
max-width: 50%; }
.large--five-eighths {
flex: 0 0 62.5%;
max-width: 62.5%; }
.large--six-eighths {
flex: 0 0 75%;
max-width: 75%; }
.large--seven-eighths {
flex: 0 0 87.5%;
max-width: 87.5%; }
.large--one-ninth {
flex: 0 0 11.11111%;
max-width: 11.11111%; }
.large--two-ninths {
flex: 0 0 22.22222%;
max-width: 22.22222%; }
.large--three-ninths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.large--four-ninths {
flex: 0 0 44.44444%;
max-width: 44.44444%; }
.large--five-ninths {
flex: 0 0 55.55556%;
max-width: 55.55556%; }
.large--six-ninths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.large--seven-ninths {
flex: 0 0 77.77778%;
max-width: 77.77778%; }
.large--eight-ninths {
flex: 0 0 88.88889%;
max-width: 88.88889%; }
.large--one-tenth {
flex: 0 0 10%;
max-width: 10%; }
.large--two-tenths {
flex: 0 0 20%;
max-width: 20%; }
.large--three-tenths {
flex: 0 0 30%;
max-width: 30%; }
.large--four-tenths {
flex: 0 0 40%;
max-width: 40%; }
.large--five-tenths {
flex: 0 0 50%;
max-width: 50%; }
.large--six-tenths {
flex: 0 0 60%;
max-width: 60%; }
.large--seven-tenths {
flex: 0 0 70%;
max-width: 70%; }
.large--eight-tenths {
flex: 0 0 80%;
max-width: 80%; }
.large--nine-tenths {
flex: 0 0 90%;
max-width: 90%; }
.large--one-twelfth {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.large--two-twelfths {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.large--three-twelfths {
flex: 0 0 25%;
max-width: 25%; }
.large--four-twelfths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.large--five-twelfths {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.large--six-twelfths {
flex: 0 0 50%;
max-width: 50%; }
.large--seven-twelfths {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.large--eight-twelfths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.large--nine-twelfths {
flex: 0 0 75%;
max-width: 75%; }
.large--ten-twelfths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.large--eleven-twelfths {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.large--flex-row {
flex-direction: row !important; }
.large--flex-column {
flex-direction: column !important; }
.large--flex-row-reverse {
flex-direction: row-reverse !important; }
.large--flex-column-reverse {
flex-direction: column-reverse !important; }
.large--flex-wrap {
flex-wrap: wrap !important; }
.large--flex-nowrap {
flex-wrap: nowrap !important; }
.large--flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.large--flex-fill {
flex: 1 1 auto !important; }
.large--flex-grow-0 {
flex-grow: 0 !important; }
.large--flex-grow-1 {
flex-grow: 1 !important; }
.large--flex-shrink-0 {
flex-shrink: 0 !important; }
.large--flex-shrink-1 {
flex-shrink: 1 !important; }
.large--justify-content-start {
justify-content: flex-start !important; }
.large--justify-content-end {
justify-content: flex-end !important; }
.large--justify-content-center {
justify-content: center !important; }
.large--justify-content-between {
justify-content: space-between !important; }
.large--justify-content-around {
justify-content: space-around !important; }
.large--align-items-start {
align-items: flex-start !important; }
.large--align-items-end {
align-items: flex-end !important; }
.large--align-items-center {
align-items: center !important; }
.large--align-items-baseline {
align-items: baseline !important; }
.large--align-items-stretch {
align-items: stretch !important; }
.large--align-content-start {
align-content: flex-start !important; }
.large--align-content-end {
align-content: flex-end !important; }
.large--align-content-center {
align-content: center !important; }
.large--align-content-between {
align-content: space-between !important; }
.large--align-content-around {
align-content: space-around !important; }
.large--align-content-stretch {
align-content: stretch !important; }
.large--align-self-auto {
align-self: auto !important; }
.large--align-self-start {
align-self: flex-start !important; }
.large--align-self-end {
align-self: flex-end !important; }
.large--align-self-center {
align-self: center !important; }
.large--align-self-baseline {
align-self: baseline !important; }
.large--align-self-stretch {
align-self: stretch !important; }
.large--order-first {
order: -1; }
.large--order-last {
order: 13; }
.large--order-0 {
order: 0; }
.large--order-1 {
order: 1; }
.large--order-2 {
order: 2; }
.large--order-3 {
order: 3; }
.large--order-4 {
order: 4; }
.large--order-5 {
order: 5; }
.large--order-6 {
order: 6; }
.large--order-7 {
order: 7; }
.large--order-8 {
order: 8; }
.large--order-9 {
order: 9; }
.large--order-10 {
order: 10; }
.large--order-11 {
order: 11; }
.large--order-12 {
order: 12; }
.large--show {
display: block !important; }
.large--hide {
display: none !important; }
.large--text-left {
text-align: left !important; }
.large--text-right {
text-align: right !important; }
.large--text-center {
text-align: center !important; } }
@media only screen and (min-width: 1200px) {
.xlarge-up--auto {
flex: 0 0 auto;
max-width: none;
width: auto; }
.xlarge-up--expand {
flex: 1 1 0;
max-width: 100%;
width: auto; }
.xlarge-up--one-whole {
flex: 0 0 100%;
max-width: 100%; }
.xlarge-up--one-half {
flex: 0 0 50%;
max-width: 50%; }
.xlarge-up--one-third {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xlarge-up--two-thirds {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xlarge-up--one-quarter {
flex: 0 0 25%;
max-width: 25%; }
.xlarge-up--two-quarters {
flex: 0 0 50%;
max-width: 50%; }
.xlarge-up--three-quarters {
flex: 0 0 75%;
max-width: 75%; }
.xlarge-up--one-fifth {
flex: 0 0 20%;
max-width: 20%; }
.xlarge-up--two-fifths {
flex: 0 0 40%;
max-width: 40%; }
.xlarge-up--three-fifths {
flex: 0 0 60%;
max-width: 60%; }
.xlarge-up--four-fifths {
flex: 0 0 80%;
max-width: 80%; }
.xlarge-up--one-sixth {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.xlarge-up--two-sixths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xlarge-up--three-sixths {
flex: 0 0 50%;
max-width: 50%; }
.xlarge-up--four-sixths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xlarge-up--five-sixths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.xlarge-up--one-eighth {
flex: 0 0 12.5%;
max-width: 12.5%; }
.xlarge-up--two-eighths {
flex: 0 0 25%;
max-width: 25%; }
.xlarge-up--three-eighths {
flex: 0 0 37.5%;
max-width: 37.5%; }
.xlarge-up--four-eighths {
flex: 0 0 50%;
max-width: 50%; }
.xlarge-up--five-eighths {
flex: 0 0 62.5%;
max-width: 62.5%; }
.xlarge-up--six-eighths {
flex: 0 0 75%;
max-width: 75%; }
.xlarge-up--seven-eighths {
flex: 0 0 87.5%;
max-width: 87.5%; }
.xlarge-up--one-ninth {
flex: 0 0 11.11111%;
max-width: 11.11111%; }
.xlarge-up--two-ninths {
flex: 0 0 22.22222%;
max-width: 22.22222%; }
.xlarge-up--three-ninths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xlarge-up--four-ninths {
flex: 0 0 44.44444%;
max-width: 44.44444%; }
.xlarge-up--five-ninths {
flex: 0 0 55.55556%;
max-width: 55.55556%; }
.xlarge-up--six-ninths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xlarge-up--seven-ninths {
flex: 0 0 77.77778%;
max-width: 77.77778%; }
.xlarge-up--eight-ninths {
flex: 0 0 88.88889%;
max-width: 88.88889%; }
.xlarge-up--one-tenth {
flex: 0 0 10%;
max-width: 10%; }
.xlarge-up--two-tenths {
flex: 0 0 20%;
max-width: 20%; }
.xlarge-up--three-tenths {
flex: 0 0 30%;
max-width: 30%; }
.xlarge-up--four-tenths {
flex: 0 0 40%;
max-width: 40%; }
.xlarge-up--five-tenths {
flex: 0 0 50%;
max-width: 50%; }
.xlarge-up--six-tenths {
flex: 0 0 60%;
max-width: 60%; }
.xlarge-up--seven-tenths {
flex: 0 0 70%;
max-width: 70%; }
.xlarge-up--eight-tenths {
flex: 0 0 80%;
max-width: 80%; }
.xlarge-up--nine-tenths {
flex: 0 0 90%;
max-width: 90%; }
.xlarge-up--one-twelfth {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.xlarge-up--two-twelfths {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.xlarge-up--three-twelfths {
flex: 0 0 25%;
max-width: 25%; }
.xlarge-up--four-twelfths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xlarge-up--five-twelfths {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.xlarge-up--six-twelfths {
flex: 0 0 50%;
max-width: 50%; }
.xlarge-up--seven-twelfths {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.xlarge-up--eight-twelfths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xlarge-up--nine-twelfths {
flex: 0 0 75%;
max-width: 75%; }
.xlarge-up--ten-twelfths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.xlarge-up--eleven-twelfths {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.xlarge-up--flex-row {
flex-direction: row !important; }
.xlarge-up--flex-column {
flex-direction: column !important; }
.xlarge-up--flex-row-reverse {
flex-direction: row-reverse !important; }
.xlarge-up--flex-column-reverse {
flex-direction: column-reverse !important; }
.xlarge-up--flex-wrap {
flex-wrap: wrap !important; }
.xlarge-up--flex-nowrap {
flex-wrap: nowrap !important; }
.xlarge-up--flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.xlarge-up--flex-fill {
flex: 1 1 auto !important; }
.xlarge-up--flex-grow-0 {
flex-grow: 0 !important; }
.xlarge-up--flex-grow-1 {
flex-grow: 1 !important; }
.xlarge-up--flex-shrink-0 {
flex-shrink: 0 !important; }
.xlarge-up--flex-shrink-1 {
flex-shrink: 1 !important; }
.xlarge-up--justify-content-start {
justify-content: flex-start !important; }
.xlarge-up--justify-content-end {
justify-content: flex-end !important; }
.xlarge-up--justify-content-center {
justify-content: center !important; }
.xlarge-up--justify-content-between {
justify-content: space-between !important; }
.xlarge-up--justify-content-around {
justify-content: space-around !important; }
.xlarge-up--align-items-start {
align-items: flex-start !important; }
.xlarge-up--align-items-end {
align-items: flex-end !important; }
.xlarge-up--align-items-center {
align-items: center !important; }
.xlarge-up--align-items-baseline {
align-items: baseline !important; }
.xlarge-up--align-items-stretch {
align-items: stretch !important; }
.xlarge-up--align-content-start {
align-content: flex-start !important; }
.xlarge-up--align-content-end {
align-content: flex-end !important; }
.xlarge-up--align-content-center {
align-content: center !important; }
.xlarge-up--align-content-between {
align-content: space-between !important; }
.xlarge-up--align-content-around {
align-content: space-around !important; }
.xlarge-up--align-content-stretch {
align-content: stretch !important; }
.xlarge-up--align-self-auto {
align-self: auto !important; }
.xlarge-up--align-self-start {
align-self: flex-start !important; }
.xlarge-up--align-self-end {
align-self: flex-end !important; }
.xlarge-up--align-self-center {
align-self: center !important; }
.xlarge-up--align-self-baseline {
align-self: baseline !important; }
.xlarge-up--align-self-stretch {
align-self: stretch !important; }
.xlarge-up--order-first {
order: -1; }
.xlarge-up--order-last {
order: 13; }
.xlarge-up--order-0 {
order: 0; }
.xlarge-up--order-1 {
order: 1; }
.xlarge-up--order-2 {
order: 2; }
.xlarge-up--order-3 {
order: 3; }
.xlarge-up--order-4 {
order: 4; }
.xlarge-up--order-5 {
order: 5; }
.xlarge-up--order-6 {
order: 6; }
.xlarge-up--order-7 {
order: 7; }
.xlarge-up--order-8 {
order: 8; }
.xlarge-up--order-9 {
order: 9; }
.xlarge-up--order-10 {
order: 10; }
.xlarge-up--order-11 {
order: 11; }
.xlarge-up--order-12 {
order: 12; }
.xlarge-up--show {
display: block !important; }
.xlarge-up--hide {
display: none !important; }
.xlarge-up--text-left {
text-align: left !important; }
.xlarge-up--text-right {
text-align: right !important; }
.xlarge-up--text-center {
text-align: center !important; } }
@media only screen and (max-width: 1399px) {
.xlarge-down--auto {
flex: 0 0 auto;
max-width: none;
width: auto; }
.xlarge-down--expand {
flex: 1 1 0;
max-width: 100%;
width: auto; }
.xlarge-down--one-whole {
flex: 0 0 100%;
max-width: 100%; }
.xlarge-down--one-half {
flex: 0 0 50%;
max-width: 50%; }
.xlarge-down--one-third {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xlarge-down--two-thirds {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xlarge-down--one-quarter {
flex: 0 0 25%;
max-width: 25%; }
.xlarge-down--two-quarters {
flex: 0 0 50%;
max-width: 50%; }
.xlarge-down--three-quarters {
flex: 0 0 75%;
max-width: 75%; }
.xlarge-down--one-fifth {
flex: 0 0 20%;
max-width: 20%; }
.xlarge-down--two-fifths {
flex: 0 0 40%;
max-width: 40%; }
.xlarge-down--three-fifths {
flex: 0 0 60%;
max-width: 60%; }
.xlarge-down--four-fifths {
flex: 0 0 80%;
max-width: 80%; }
.xlarge-down--one-sixth {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.xlarge-down--two-sixths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xlarge-down--three-sixths {
flex: 0 0 50%;
max-width: 50%; }
.xlarge-down--four-sixths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xlarge-down--five-sixths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.xlarge-down--one-eighth {
flex: 0 0 12.5%;
max-width: 12.5%; }
.xlarge-down--two-eighths {
flex: 0 0 25%;
max-width: 25%; }
.xlarge-down--three-eighths {
flex: 0 0 37.5%;
max-width: 37.5%; }
.xlarge-down--four-eighths {
flex: 0 0 50%;
max-width: 50%; }
.xlarge-down--five-eighths {
flex: 0 0 62.5%;
max-width: 62.5%; }
.xlarge-down--six-eighths {
flex: 0 0 75%;
max-width: 75%; }
.xlarge-down--seven-eighths {
flex: 0 0 87.5%;
max-width: 87.5%; }
.xlarge-down--one-ninth {
flex: 0 0 11.11111%;
max-width: 11.11111%; }
.xlarge-down--two-ninths {
flex: 0 0 22.22222%;
max-width: 22.22222%; }
.xlarge-down--three-ninths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xlarge-down--four-ninths {
flex: 0 0 44.44444%;
max-width: 44.44444%; }
.xlarge-down--five-ninths {
flex: 0 0 55.55556%;
max-width: 55.55556%; }
.xlarge-down--six-ninths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xlarge-down--seven-ninths {
flex: 0 0 77.77778%;
max-width: 77.77778%; }
.xlarge-down--eight-ninths {
flex: 0 0 88.88889%;
max-width: 88.88889%; }
.xlarge-down--one-tenth {
flex: 0 0 10%;
max-width: 10%; }
.xlarge-down--two-tenths {
flex: 0 0 20%;
max-width: 20%; }
.xlarge-down--three-tenths {
flex: 0 0 30%;
max-width: 30%; }
.xlarge-down--four-tenths {
flex: 0 0 40%;
max-width: 40%; }
.xlarge-down--five-tenths {
flex: 0 0 50%;
max-width: 50%; }
.xlarge-down--six-tenths {
flex: 0 0 60%;
max-width: 60%; }
.xlarge-down--seven-tenths {
flex: 0 0 70%;
max-width: 70%; }
.xlarge-down--eight-tenths {
flex: 0 0 80%;
max-width: 80%; }
.xlarge-down--nine-tenths {
flex: 0 0 90%;
max-width: 90%; }
.xlarge-down--one-twelfth {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.xlarge-down--two-twelfths {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.xlarge-down--three-twelfths {
flex: 0 0 25%;
max-width: 25%; }
.xlarge-down--four-twelfths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xlarge-down--five-twelfths {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.xlarge-down--six-twelfths {
flex: 0 0 50%;
max-width: 50%; }
.xlarge-down--seven-twelfths {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.xlarge-down--eight-twelfths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xlarge-down--nine-twelfths {
flex: 0 0 75%;
max-width: 75%; }
.xlarge-down--ten-twelfths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.xlarge-down--eleven-twelfths {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.xlarge-down--flex-row {
flex-direction: row !important; }
.xlarge-down--flex-column {
flex-direction: column !important; }
.xlarge-down--flex-row-reverse {
flex-direction: row-reverse !important; }
.xlarge-down--flex-column-reverse {
flex-direction: column-reverse !important; }
.xlarge-down--flex-wrap {
flex-wrap: wrap !important; }
.xlarge-down--flex-nowrap {
flex-wrap: nowrap !important; }
.xlarge-down--flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.xlarge-down--flex-fill {
flex: 1 1 auto !important; }
.xlarge-down--flex-grow-0 {
flex-grow: 0 !important; }
.xlarge-down--flex-grow-1 {
flex-grow: 1 !important; }
.xlarge-down--flex-shrink-0 {
flex-shrink: 0 !important; }
.xlarge-down--flex-shrink-1 {
flex-shrink: 1 !important; }
.xlarge-down--justify-content-start {
justify-content: flex-start !important; }
.xlarge-down--justify-content-end {
justify-content: flex-end !important; }
.xlarge-down--justify-content-center {
justify-content: center !important; }
.xlarge-down--justify-content-between {
justify-content: space-between !important; }
.xlarge-down--justify-content-around {
justify-content: space-around !important; }
.xlarge-down--align-items-start {
align-items: flex-start !important; }
.xlarge-down--align-items-end {
align-items: flex-end !important; }
.xlarge-down--align-items-center {
align-items: center !important; }
.xlarge-down--align-items-baseline {
align-items: baseline !important; }
.xlarge-down--align-items-stretch {
align-items: stretch !important; }
.xlarge-down--align-content-start {
align-content: flex-start !important; }
.xlarge-down--align-content-end {
align-content: flex-end !important; }
.xlarge-down--align-content-center {
align-content: center !important; }
.xlarge-down--align-content-between {
align-content: space-between !important; }
.xlarge-down--align-content-around {
align-content: space-around !important; }
.xlarge-down--align-content-stretch {
align-content: stretch !important; }
.xlarge-down--align-self-auto {
align-self: auto !important; }
.xlarge-down--align-self-start {
align-self: flex-start !important; }
.xlarge-down--align-self-end {
align-self: flex-end !important; }
.xlarge-down--align-self-center {
align-self: center !important; }
.xlarge-down--align-self-baseline {
align-self: baseline !important; }
.xlarge-down--align-self-stretch {
align-self: stretch !important; }
.xlarge-down--order-first {
order: -1; }
.xlarge-down--order-last {
order: 13; }
.xlarge-down--order-0 {
order: 0; }
.xlarge-down--order-1 {
order: 1; }
.xlarge-down--order-2 {
order: 2; }
.xlarge-down--order-3 {
order: 3; }
.xlarge-down--order-4 {
order: 4; }
.xlarge-down--order-5 {
order: 5; }
.xlarge-down--order-6 {
order: 6; }
.xlarge-down--order-7 {
order: 7; }
.xlarge-down--order-8 {
order: 8; }
.xlarge-down--order-9 {
order: 9; }
.xlarge-down--order-10 {
order: 10; }
.xlarge-down--order-11 {
order: 11; }
.xlarge-down--order-12 {
order: 12; }
.xlarge-down--show {
display: block !important; }
.xlarge-down--hide {
display: none !important; }
.xlarge-down--text-left {
text-align: left !important; }
.xlarge-down--text-right {
text-align: right !important; }
.xlarge-down--text-center {
text-align: center !important; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.xlarge--auto {
flex: 0 0 auto;
max-width: none;
width: auto; }
.xlarge--expand {
flex: 1 1 0;
max-width: 100%;
width: auto; }
.xlarge--one-whole {
flex: 0 0 100%;
max-width: 100%; }
.xlarge--one-half {
flex: 0 0 50%;
max-width: 50%; }
.xlarge--one-third {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xlarge--two-thirds {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xlarge--one-quarter {
flex: 0 0 25%;
max-width: 25%; }
.xlarge--two-quarters {
flex: 0 0 50%;
max-width: 50%; }
.xlarge--three-quarters {
flex: 0 0 75%;
max-width: 75%; }
.xlarge--one-fifth {
flex: 0 0 20%;
max-width: 20%; }
.xlarge--two-fifths {
flex: 0 0 40%;
max-width: 40%; }
.xlarge--three-fifths {
flex: 0 0 60%;
max-width: 60%; }
.xlarge--four-fifths {
flex: 0 0 80%;
max-width: 80%; }
.xlarge--one-sixth {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.xlarge--two-sixths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xlarge--three-sixths {
flex: 0 0 50%;
max-width: 50%; }
.xlarge--four-sixths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xlarge--five-sixths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.xlarge--one-eighth {
flex: 0 0 12.5%;
max-width: 12.5%; }
.xlarge--two-eighths {
flex: 0 0 25%;
max-width: 25%; }
.xlarge--three-eighths {
flex: 0 0 37.5%;
max-width: 37.5%; }
.xlarge--four-eighths {
flex: 0 0 50%;
max-width: 50%; }
.xlarge--five-eighths {
flex: 0 0 62.5%;
max-width: 62.5%; }
.xlarge--six-eighths {
flex: 0 0 75%;
max-width: 75%; }
.xlarge--seven-eighths {
flex: 0 0 87.5%;
max-width: 87.5%; }
.xlarge--one-ninth {
flex: 0 0 11.11111%;
max-width: 11.11111%; }
.xlarge--two-ninths {
flex: 0 0 22.22222%;
max-width: 22.22222%; }
.xlarge--three-ninths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xlarge--four-ninths {
flex: 0 0 44.44444%;
max-width: 44.44444%; }
.xlarge--five-ninths {
flex: 0 0 55.55556%;
max-width: 55.55556%; }
.xlarge--six-ninths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xlarge--seven-ninths {
flex: 0 0 77.77778%;
max-width: 77.77778%; }
.xlarge--eight-ninths {
flex: 0 0 88.88889%;
max-width: 88.88889%; }
.xlarge--one-tenth {
flex: 0 0 10%;
max-width: 10%; }
.xlarge--two-tenths {
flex: 0 0 20%;
max-width: 20%; }
.xlarge--three-tenths {
flex: 0 0 30%;
max-width: 30%; }
.xlarge--four-tenths {
flex: 0 0 40%;
max-width: 40%; }
.xlarge--five-tenths {
flex: 0 0 50%;
max-width: 50%; }
.xlarge--six-tenths {
flex: 0 0 60%;
max-width: 60%; }
.xlarge--seven-tenths {
flex: 0 0 70%;
max-width: 70%; }
.xlarge--eight-tenths {
flex: 0 0 80%;
max-width: 80%; }
.xlarge--nine-tenths {
flex: 0 0 90%;
max-width: 90%; }
.xlarge--one-twelfth {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.xlarge--two-twelfths {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.xlarge--three-twelfths {
flex: 0 0 25%;
max-width: 25%; }
.xlarge--four-twelfths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xlarge--five-twelfths {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.xlarge--six-twelfths {
flex: 0 0 50%;
max-width: 50%; }
.xlarge--seven-twelfths {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.xlarge--eight-twelfths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xlarge--nine-twelfths {
flex: 0 0 75%;
max-width: 75%; }
.xlarge--ten-twelfths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.xlarge--eleven-twelfths {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.xlarge--flex-row {
flex-direction: row !important; }
.xlarge--flex-column {
flex-direction: column !important; }
.xlarge--flex-row-reverse {
flex-direction: row-reverse !important; }
.xlarge--flex-column-reverse {
flex-direction: column-reverse !important; }
.xlarge--flex-wrap {
flex-wrap: wrap !important; }
.xlarge--flex-nowrap {
flex-wrap: nowrap !important; }
.xlarge--flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.xlarge--flex-fill {
flex: 1 1 auto !important; }
.xlarge--flex-grow-0 {
flex-grow: 0 !important; }
.xlarge--flex-grow-1 {
flex-grow: 1 !important; }
.xlarge--flex-shrink-0 {
flex-shrink: 0 !important; }
.xlarge--flex-shrink-1 {
flex-shrink: 1 !important; }
.xlarge--justify-content-start {
justify-content: flex-start !important; }
.xlarge--justify-content-end {
justify-content: flex-end !important; }
.xlarge--justify-content-center {
justify-content: center !important; }
.xlarge--justify-content-between {
justify-content: space-between !important; }
.xlarge--justify-content-around {
justify-content: space-around !important; }
.xlarge--align-items-start {
align-items: flex-start !important; }
.xlarge--align-items-end {
align-items: flex-end !important; }
.xlarge--align-items-center {
align-items: center !important; }
.xlarge--align-items-baseline {
align-items: baseline !important; }
.xlarge--align-items-stretch {
align-items: stretch !important; }
.xlarge--align-content-start {
align-content: flex-start !important; }
.xlarge--align-content-end {
align-content: flex-end !important; }
.xlarge--align-content-center {
align-content: center !important; }
.xlarge--align-content-between {
align-content: space-between !important; }
.xlarge--align-content-around {
align-content: space-around !important; }
.xlarge--align-content-stretch {
align-content: stretch !important; }
.xlarge--align-self-auto {
align-self: auto !important; }
.xlarge--align-self-start {
align-self: flex-start !important; }
.xlarge--align-self-end {
align-self: flex-end !important; }
.xlarge--align-self-center {
align-self: center !important; }
.xlarge--align-self-baseline {
align-self: baseline !important; }
.xlarge--align-self-stretch {
align-self: stretch !important; }
.xlarge--order-first {
order: -1; }
.xlarge--order-last {
order: 13; }
.xlarge--order-0 {
order: 0; }
.xlarge--order-1 {
order: 1; }
.xlarge--order-2 {
order: 2; }
.xlarge--order-3 {
order: 3; }
.xlarge--order-4 {
order: 4; }
.xlarge--order-5 {
order: 5; }
.xlarge--order-6 {
order: 6; }
.xlarge--order-7 {
order: 7; }
.xlarge--order-8 {
order: 8; }
.xlarge--order-9 {
order: 9; }
.xlarge--order-10 {
order: 10; }
.xlarge--order-11 {
order: 11; }
.xlarge--order-12 {
order: 12; }
.xlarge--show {
display: block !important; }
.xlarge--hide {
display: none !important; }
.xlarge--text-left {
text-align: left !important; }
.xlarge--text-right {
text-align: right !important; }
.xlarge--text-center {
text-align: center !important; } }
@media only screen and (max-width: 990px) {
.medium-down--auto {
flex: 0 0 auto;
max-width: none;
width: auto; }
.medium-down--expand {
flex: 1 1 0;
max-width: 100%;
width: auto; }
.medium-down--one-whole {
flex: 0 0 100%;
max-width: 100%; }
.medium-down--one-half {
flex: 0 0 50%;
max-width: 50%; }
.medium-down--one-third {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.medium-down--two-thirds {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.medium-down--one-quarter {
flex: 0 0 25%;
max-width: 25%; }
.medium-down--two-quarters {
flex: 0 0 50%;
max-width: 50%; }
.medium-down--three-quarters {
flex: 0 0 75%;
max-width: 75%; }
.medium-down--one-fifth {
flex: 0 0 20%;
max-width: 20%; }
.medium-down--two-fifths {
flex: 0 0 40%;
max-width: 40%; }
.medium-down--three-fifths {
flex: 0 0 60%;
max-width: 60%; }
.medium-down--four-fifths {
flex: 0 0 80%;
max-width: 80%; }
.medium-down--one-sixth {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.medium-down--two-sixths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.medium-down--three-sixths {
flex: 0 0 50%;
max-width: 50%; }
.medium-down--four-sixths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.medium-down--five-sixths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.medium-down--one-eighth {
flex: 0 0 12.5%;
max-width: 12.5%; }
.medium-down--two-eighths {
flex: 0 0 25%;
max-width: 25%; }
.medium-down--three-eighths {
flex: 0 0 37.5%;
max-width: 37.5%; }
.medium-down--four-eighths {
flex: 0 0 50%;
max-width: 50%; }
.medium-down--five-eighths {
flex: 0 0 62.5%;
max-width: 62.5%; }
.medium-down--six-eighths {
flex: 0 0 75%;
max-width: 75%; }
.medium-down--seven-eighths {
flex: 0 0 87.5%;
max-width: 87.5%; }
.medium-down--one-ninth {
flex: 0 0 11.11111%;
max-width: 11.11111%; }
.medium-down--two-ninths {
flex: 0 0 22.22222%;
max-width: 22.22222%; }
.medium-down--three-ninths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.medium-down--four-ninths {
flex: 0 0 44.44444%;
max-width: 44.44444%; }
.medium-down--five-ninths {
flex: 0 0 55.55556%;
max-width: 55.55556%; }
.medium-down--six-ninths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.medium-down--seven-ninths {
flex: 0 0 77.77778%;
max-width: 77.77778%; }
.medium-down--eight-ninths {
flex: 0 0 88.88889%;
max-width: 88.88889%; }
.medium-down--one-tenth {
flex: 0 0 10%;
max-width: 10%; }
.medium-down--two-tenths {
flex: 0 0 20%;
max-width: 20%; }
.medium-down--three-tenths {
flex: 0 0 30%;
max-width: 30%; }
.medium-down--four-tenths {
flex: 0 0 40%;
max-width: 40%; }
.medium-down--five-tenths {
flex: 0 0 50%;
max-width: 50%; }
.medium-down--six-tenths {
flex: 0 0 60%;
max-width: 60%; }
.medium-down--seven-tenths {
flex: 0 0 70%;
max-width: 70%; }
.medium-down--eight-tenths {
flex: 0 0 80%;
max-width: 80%; }
.medium-down--nine-tenths {
flex: 0 0 90%;
max-width: 90%; }
.medium-down--one-twelfth {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.medium-down--two-twelfths {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.medium-down--three-twelfths {
flex: 0 0 25%;
max-width: 25%; }
.medium-down--four-twelfths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.medium-down--five-twelfths {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.medium-down--six-twelfths {
flex: 0 0 50%;
max-width: 50%; }
.medium-down--seven-twelfths {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.medium-down--eight-twelfths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.medium-down--nine-twelfths {
flex: 0 0 75%;
max-width: 75%; }
.medium-down--ten-twelfths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.medium-down--eleven-twelfths {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.medium-down--flex-row {
flex-direction: row !important; }
.medium-down--flex-column {
flex-direction: column !important; }
.medium-down--flex-row-reverse {
flex-direction: row-reverse !important; }
.medium-down--flex-column-reverse {
flex-direction: column-reverse !important; }
.medium-down--flex-wrap {
flex-wrap: wrap !important; }
.medium-down--flex-nowrap {
flex-wrap: nowrap !important; }
.medium-down--flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.medium-down--flex-fill {
flex: 1 1 auto !important; }
.medium-down--flex-grow-0 {
flex-grow: 0 !important; }
.medium-down--flex-grow-1 {
flex-grow: 1 !important; }
.medium-down--flex-shrink-0 {
flex-shrink: 0 !important; }
.medium-down--flex-shrink-1 {
flex-shrink: 1 !important; }
.medium-down--justify-content-start {
justify-content: flex-start !important; }
.medium-down--justify-content-end {
justify-content: flex-end !important; }
.medium-down--justify-content-center {
justify-content: center !important; }
.medium-down--justify-content-between {
justify-content: space-between !important; }
.medium-down--justify-content-around {
justify-content: space-around !important; }
.medium-down--align-items-start {
align-items: flex-start !important; }
.medium-down--align-items-end {
align-items: flex-end !important; }
.medium-down--align-items-center {
align-items: center !important; }
.medium-down--align-items-baseline {
align-items: baseline !important; }
.medium-down--align-items-stretch {
align-items: stretch !important; }
.medium-down--align-content-start {
align-content: flex-start !important; }
.medium-down--align-content-end {
align-content: flex-end !important; }
.medium-down--align-content-center {
align-content: center !important; }
.medium-down--align-content-between {
align-content: space-between !important; }
.medium-down--align-content-around {
align-content: space-around !important; }
.medium-down--align-content-stretch {
align-content: stretch !important; }
.medium-down--align-self-auto {
align-self: auto !important; }
.medium-down--align-self-start {
align-self: flex-start !important; }
.medium-down--align-self-end {
align-self: flex-end !important; }
.medium-down--align-self-center {
align-self: center !important; }
.medium-down--align-self-baseline {
align-self: baseline !important; }
.medium-down--align-self-stretch {
align-self: stretch !important; }
.medium-down--order-first {
order: -1; }
.medium-down--order-last {
order: 13; }
.medium-down--order-0 {
order: 0; }
.medium-down--order-1 {
order: 1; }
.medium-down--order-2 {
order: 2; }
.medium-down--order-3 {
order: 3; }
.medium-down--order-4 {
order: 4; }
.medium-down--order-5 {
order: 5; }
.medium-down--order-6 {
order: 6; }
.medium-down--order-7 {
order: 7; }
.medium-down--order-8 {
order: 8; }
.medium-down--order-9 {
order: 9; }
.medium-down--order-10 {
order: 10; }
.medium-down--order-11 {
order: 11; }
.medium-down--order-12 {
order: 12; }
.medium-down--show {
display: block !important; }
.medium-down--hide {
display: none !important; }
.medium-down--text-left {
text-align: left !important; }
.medium-down--text-right {
text-align: right !important; }
.medium-down--text-center {
text-align: center !important; } }
@media only screen and (min-width: 1400px) {
.widescreen--auto {
flex: 0 0 auto;
max-width: none;
width: auto; }
.widescreen--expand {
flex: 1 1 0;
max-width: 100%;
width: auto; }
.widescreen--one-whole {
flex: 0 0 100%;
max-width: 100%; }
.widescreen--one-half {
flex: 0 0 50%;
max-width: 50%; }
.widescreen--one-third {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.widescreen--two-thirds {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.widescreen--one-quarter {
flex: 0 0 25%;
max-width: 25%; }
.widescreen--two-quarters {
flex: 0 0 50%;
max-width: 50%; }
.widescreen--three-quarters {
flex: 0 0 75%;
max-width: 75%; }
.widescreen--one-fifth {
flex: 0 0 20%;
max-width: 20%; }
.widescreen--two-fifths {
flex: 0 0 40%;
max-width: 40%; }
.widescreen--three-fifths {
flex: 0 0 60%;
max-width: 60%; }
.widescreen--four-fifths {
flex: 0 0 80%;
max-width: 80%; }
.widescreen--one-sixth {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.widescreen--two-sixths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.widescreen--three-sixths {
flex: 0 0 50%;
max-width: 50%; }
.widescreen--four-sixths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.widescreen--five-sixths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.widescreen--one-eighth {
flex: 0 0 12.5%;
max-width: 12.5%; }
.widescreen--two-eighths {
flex: 0 0 25%;
max-width: 25%; }
.widescreen--three-eighths {
flex: 0 0 37.5%;
max-width: 37.5%; }
.widescreen--four-eighths {
flex: 0 0 50%;
max-width: 50%; }
.widescreen--five-eighths {
flex: 0 0 62.5%;
max-width: 62.5%; }
.widescreen--six-eighths {
flex: 0 0 75%;
max-width: 75%; }
.widescreen--seven-eighths {
flex: 0 0 87.5%;
max-width: 87.5%; }
.widescreen--one-ninth {
flex: 0 0 11.11111%;
max-width: 11.11111%; }
.widescreen--two-ninths {
flex: 0 0 22.22222%;
max-width: 22.22222%; }
.widescreen--three-ninths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.widescreen--four-ninths {
flex: 0 0 44.44444%;
max-width: 44.44444%; }
.widescreen--five-ninths {
flex: 0 0 55.55556%;
max-width: 55.55556%; }
.widescreen--six-ninths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.widescreen--seven-ninths {
flex: 0 0 77.77778%;
max-width: 77.77778%; }
.widescreen--eight-ninths {
flex: 0 0 88.88889%;
max-width: 88.88889%; }
.widescreen--one-tenth {
flex: 0 0 10%;
max-width: 10%; }
.widescreen--two-tenths {
flex: 0 0 20%;
max-width: 20%; }
.widescreen--three-tenths {
flex: 0 0 30%;
max-width: 30%; }
.widescreen--four-tenths {
flex: 0 0 40%;
max-width: 40%; }
.widescreen--five-tenths {
flex: 0 0 50%;
max-width: 50%; }
.widescreen--six-tenths {
flex: 0 0 60%;
max-width: 60%; }
.widescreen--seven-tenths {
flex: 0 0 70%;
max-width: 70%; }
.widescreen--eight-tenths {
flex: 0 0 80%;
max-width: 80%; }
.widescreen--nine-tenths {
flex: 0 0 90%;
max-width: 90%; }
.widescreen--one-twelfth {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.widescreen--two-twelfths {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.widescreen--three-twelfths {
flex: 0 0 25%;
max-width: 25%; }
.widescreen--four-twelfths {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.widescreen--five-twelfths {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.widescreen--six-twelfths {
flex: 0 0 50%;
max-width: 50%; }
.widescreen--seven-twelfths {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.widescreen--eight-twelfths {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.widescreen--nine-twelfths {
flex: 0 0 75%;
max-width: 75%; }
.widescreen--ten-twelfths {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.widescreen--eleven-twelfths {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.widescreen--flex-row {
flex-direction: row !important; }
.widescreen--flex-column {
flex-direction: column !important; }
.widescreen--flex-row-reverse {
flex-direction: row-reverse !important; }
.widescreen--flex-column-reverse {
flex-direction: column-reverse !important; }
.widescreen--flex-wrap {
flex-wrap: wrap !important; }
.widescreen--flex-nowrap {
flex-wrap: nowrap !important; }
.widescreen--flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.widescreen--flex-fill {
flex: 1 1 auto !important; }
.widescreen--flex-grow-0 {
flex-grow: 0 !important; }
.widescreen--flex-grow-1 {
flex-grow: 1 !important; }
.widescreen--flex-shrink-0 {
flex-shrink: 0 !important; }
.widescreen--flex-shrink-1 {
flex-shrink: 1 !important; }
.widescreen--justify-content-start {
justify-content: flex-start !important; }
.widescreen--justify-content-end {
justify-content: flex-end !important; }
.widescreen--justify-content-center {
justify-content: center !important; }
.widescreen--justify-content-between {
justify-content: space-between !important; }
.widescreen--justify-content-around {
justify-content: space-around !important; }
.widescreen--align-items-start {
align-items: flex-start !important; }
.widescreen--align-items-end {
align-items: flex-end !important; }
.widescreen--align-items-center {
align-items: center !important; }
.widescreen--align-items-baseline {
align-items: baseline !important; }
.widescreen--align-items-stretch {
align-items: stretch !important; }
.widescreen--align-content-start {
align-content: flex-start !important; }
.widescreen--align-content-end {
align-content: flex-end !important; }
.widescreen--align-content-center {
align-content: center !important; }
.widescreen--align-content-between {
align-content: space-between !important; }
.widescreen--align-content-around {
align-content: space-around !important; }
.widescreen--align-content-stretch {
align-content: stretch !important; }
.widescreen--align-self-auto {
align-self: auto !important; }
.widescreen--align-self-start {
align-self: flex-start !important; }
.widescreen--align-self-end {
align-self: flex-end !important; }
.widescreen--align-self-center {
align-self: center !important; }
.widescreen--align-self-baseline {
align-self: baseline !important; }
.widescreen--align-self-stretch {
align-self: stretch !important; }
.widescreen--order-first {
order: -1; }
.widescreen--order-last {
order: 13; }
.widescreen--order-0 {
order: 0; }
.widescreen--order-1 {
order: 1; }
.widescreen--order-2 {
order: 2; }
.widescreen--order-3 {
order: 3; }
.widescreen--order-4 {
order: 4; }
.widescreen--order-5 {
order: 5; }
.widescreen--order-6 {
order: 6; }
.widescreen--order-7 {
order: 7; }
.widescreen--order-8 {
order: 8; }
.widescreen--order-9 {
order: 9; }
.widescreen--order-10 {
order: 10; }
.widescreen--order-11 {
order: 11; }
.widescreen--order-12 {
order: 12; }
.widescreen--show {
display: block !important; }
.widescreen--hide {
display: none !important; }
.widescreen--text-left {
text-align: left !important; }
.widescreen--text-right {
text-align: right !important; }
.widescreen--text-center {
text-align: center !important; } }
/*================ Build Grid Push Classes ================*/
@media only screen and (max-width: 479px) {
.xsmall--push-one-half {
margin-left: 50%; }
.xsmall--push-one-third {
margin-left: 33.33333%; }
.xsmall--push-two-thirds {
margin-left: 66.66667%; }
.xsmall--push-one-quarter {
margin-left: 25%; }
.xsmall--push-two-quarters {
margin-left: 50%; }
.xsmall--push-three-quarters {
margin-left: 75%; }
.xsmall--push-one-fifth {
margin-left: 20%; }
.xsmall--push-two-fifths {
margin-left: 40%; }
.xsmall--push-three-fifths {
margin-left: 60%; }
.xsmall--push-four-fifths {
margin-left: 80%; }
.xsmall--push-one-sixth {
margin-left: 16.66667%; }
.xsmall--push-two-sixths {
margin-left: 33.33333%; }
.xsmall--push-three-sixths {
margin-left: 50%; }
.xsmall--push-four-sixths {
margin-left: 66.66667%; }
.xsmall--push-five-sixths {
margin-left: 83.33333%; }
.xsmall--push-one-eighth {
margin-left: 12.5%; }
.xsmall--push-two-eighths {
margin-left: 25%; }
.xsmall--push-three-eighths {
margin-left: 37.5%; }
.xsmall--push-four-eighths {
margin-left: 50%; }
.xsmall--push-five-eighths {
margin-left: 62.5%; }
.xsmall--push-six-eighths {
margin-left: 75%; }
.xsmall--push-seven-eighths {
margin-left: 87.5%; }
.xsmall--push-one-tenth {
margin-left: 10%; }
.xsmall--push-two-tenths {
margin-left: 20%; }
.xsmall--push-three-tenths {
margin-left: 30%; }
.xsmall--push-four-tenths {
margin-left: 40%; }
.xsmall--push-five-tenths {
margin-left: 50%; }
.xsmall--push-six-tenths {
margin-left: 60%; }
.xsmall--push-seven-tenths {
margin-left: 70%; }
.xsmall--push-eight-tenths {
margin-left: 80%; }
.xsmall--push-nine-tenths {
margin-left: 90%; }
.xsmall--push-one-twelfth {
margin-left: 8.33333%; }
.xsmall--push-two-twelfths {
margin-left: 16.66667%; }
.xsmall--push-three-twelfths {
margin-left: 25%; }
.xsmall--push-four-twelfths {
margin-left: 33.33333%; }
.xsmall--push-five-twelfths {
margin-left: 41.66667%; }
.xsmall--push-six-twelfths {
margin-left: 50%; }
.xsmall--push-seven-twelfths {
margin-left: 58.33333%; }
.xsmall--push-eight-twelfths {
margin-left: 66.66667%; }
.xsmall--push-nine-twelfths {
margin-left: 75%; }
.xsmall--push-ten-twelfths {
margin-left: 83.33333%; }
.xsmall--push-eleven-twelfths {
margin-left: 91.66667%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
.small--push-one-half {
margin-left: 50%; }
.small--push-one-third {
margin-left: 33.33333%; }
.small--push-two-thirds {
margin-left: 66.66667%; }
.small--push-one-quarter {
margin-left: 25%; }
.small--push-two-quarters {
margin-left: 50%; }
.small--push-three-quarters {
margin-left: 75%; }
.small--push-one-fifth {
margin-left: 20%; }
.small--push-two-fifths {
margin-left: 40%; }
.small--push-three-fifths {
margin-left: 60%; }
.small--push-four-fifths {
margin-left: 80%; }
.small--push-one-sixth {
margin-left: 16.66667%; }
.small--push-two-sixths {
margin-left: 33.33333%; }
.small--push-three-sixths {
margin-left: 50%; }
.small--push-four-sixths {
margin-left: 66.66667%; }
.small--push-five-sixths {
margin-left: 83.33333%; }
.small--push-one-eighth {
margin-left: 12.5%; }
.small--push-two-eighths {
margin-left: 25%; }
.small--push-three-eighths {
margin-left: 37.5%; }
.small--push-four-eighths {
margin-left: 50%; }
.small--push-five-eighths {
margin-left: 62.5%; }
.small--push-six-eighths {
margin-left: 75%; }
.small--push-seven-eighths {
margin-left: 87.5%; }
.small--push-one-tenth {
margin-left: 10%; }
.small--push-two-tenths {
margin-left: 20%; }
.small--push-three-tenths {
margin-left: 30%; }
.small--push-four-tenths {
margin-left: 40%; }
.small--push-five-tenths {
margin-left: 50%; }
.small--push-six-tenths {
margin-left: 60%; }
.small--push-seven-tenths {
margin-left: 70%; }
.small--push-eight-tenths {
margin-left: 80%; }
.small--push-nine-tenths {
margin-left: 90%; }
.small--push-one-twelfth {
margin-left: 8.33333%; }
.small--push-two-twelfths {
margin-left: 16.66667%; }
.small--push-three-twelfths {
margin-left: 25%; }
.small--push-four-twelfths {
margin-left: 33.33333%; }
.small--push-five-twelfths {
margin-left: 41.66667%; }
.small--push-six-twelfths {
margin-left: 50%; }
.small--push-seven-twelfths {
margin-left: 58.33333%; }
.small--push-eight-twelfths {
margin-left: 66.66667%; }
.small--push-nine-twelfths {
margin-left: 75%; }
.small--push-ten-twelfths {
margin-left: 83.33333%; }
.small--push-eleven-twelfths {
margin-left: 91.66667%; } }
@media only screen and (max-width: 767px) {
.small-down--push-one-half {
margin-left: 50%; }
.small-down--push-one-third {
margin-left: 33.33333%; }
.small-down--push-two-thirds {
margin-left: 66.66667%; }
.small-down--push-one-quarter {
margin-left: 25%; }
.small-down--push-two-quarters {
margin-left: 50%; }
.small-down--push-three-quarters {
margin-left: 75%; }
.small-down--push-one-fifth {
margin-left: 20%; }
.small-down--push-two-fifths {
margin-left: 40%; }
.small-down--push-three-fifths {
margin-left: 60%; }
.small-down--push-four-fifths {
margin-left: 80%; }
.small-down--push-one-sixth {
margin-left: 16.66667%; }
.small-down--push-two-sixths {
margin-left: 33.33333%; }
.small-down--push-three-sixths {
margin-left: 50%; }
.small-down--push-four-sixths {
margin-left: 66.66667%; }
.small-down--push-five-sixths {
margin-left: 83.33333%; }
.small-down--push-one-eighth {
margin-left: 12.5%; }
.small-down--push-two-eighths {
margin-left: 25%; }
.small-down--push-three-eighths {
margin-left: 37.5%; }
.small-down--push-four-eighths {
margin-left: 50%; }
.small-down--push-five-eighths {
margin-left: 62.5%; }
.small-down--push-six-eighths {
margin-left: 75%; }
.small-down--push-seven-eighths {
margin-left: 87.5%; }
.small-down--push-one-tenth {
margin-left: 10%; }
.small-down--push-two-tenths {
margin-left: 20%; }
.small-down--push-three-tenths {
margin-left: 30%; }
.small-down--push-four-tenths {
margin-left: 40%; }
.small-down--push-five-tenths {
margin-left: 50%; }
.small-down--push-six-tenths {
margin-left: 60%; }
.small-down--push-seven-tenths {
margin-left: 70%; }
.small-down--push-eight-tenths {
margin-left: 80%; }
.small-down--push-nine-tenths {
margin-left: 90%; }
.small-down--push-one-twelfth {
margin-left: 8.33333%; }
.small-down--push-two-twelfths {
margin-left: 16.66667%; }
.small-down--push-three-twelfths {
margin-left: 25%; }
.small-down--push-four-twelfths {
margin-left: 33.33333%; }
.small-down--push-five-twelfths {
margin-left: 41.66667%; }
.small-down--push-six-twelfths {
margin-left: 50%; }
.small-down--push-seven-twelfths {
margin-left: 58.33333%; }
.small-down--push-eight-twelfths {
margin-left: 66.66667%; }
.small-down--push-nine-twelfths {
margin-left: 75%; }
.small-down--push-ten-twelfths {
margin-left: 83.33333%; }
.small-down--push-eleven-twelfths {
margin-left: 91.66667%; } }
@media only screen and (min-width: 480px) {
.small-up--push-one-half {
margin-left: 50%; }
.small-up--push-one-third {
margin-left: 33.33333%; }
.small-up--push-two-thirds {
margin-left: 66.66667%; }
.small-up--push-one-quarter {
margin-left: 25%; }
.small-up--push-two-quarters {
margin-left: 50%; }
.small-up--push-three-quarters {
margin-left: 75%; }
.small-up--push-one-fifth {
margin-left: 20%; }
.small-up--push-two-fifths {
margin-left: 40%; }
.small-up--push-three-fifths {
margin-left: 60%; }
.small-up--push-four-fifths {
margin-left: 80%; }
.small-up--push-one-sixth {
margin-left: 16.66667%; }
.small-up--push-two-sixths {
margin-left: 33.33333%; }
.small-up--push-three-sixths {
margin-left: 50%; }
.small-up--push-four-sixths {
margin-left: 66.66667%; }
.small-up--push-five-sixths {
margin-left: 83.33333%; }
.small-up--push-one-eighth {
margin-left: 12.5%; }
.small-up--push-two-eighths {
margin-left: 25%; }
.small-up--push-three-eighths {
margin-left: 37.5%; }
.small-up--push-four-eighths {
margin-left: 50%; }
.small-up--push-five-eighths {
margin-left: 62.5%; }
.small-up--push-six-eighths {
margin-left: 75%; }
.small-up--push-seven-eighths {
margin-left: 87.5%; }
.small-up--push-one-tenth {
margin-left: 10%; }
.small-up--push-two-tenths {
margin-left: 20%; }
.small-up--push-three-tenths {
margin-left: 30%; }
.small-up--push-four-tenths {
margin-left: 40%; }
.small-up--push-five-tenths {
margin-left: 50%; }
.small-up--push-six-tenths {
margin-left: 60%; }
.small-up--push-seven-tenths {
margin-left: 70%; }
.small-up--push-eight-tenths {
margin-left: 80%; }
.small-up--push-nine-tenths {
margin-left: 90%; }
.small-up--push-one-twelfth {
margin-left: 8.33333%; }
.small-up--push-two-twelfths {
margin-left: 16.66667%; }
.small-up--push-three-twelfths {
margin-left: 25%; }
.small-up--push-four-twelfths {
margin-left: 33.33333%; }
.small-up--push-five-twelfths {
margin-left: 41.66667%; }
.small-up--push-six-twelfths {
margin-left: 50%; }
.small-up--push-seven-twelfths {
margin-left: 58.33333%; }
.small-up--push-eight-twelfths {
margin-left: 66.66667%; }
.small-up--push-nine-twelfths {
margin-left: 75%; }
.small-up--push-ten-twelfths {
margin-left: 83.33333%; }
.small-up--push-eleven-twelfths {
margin-left: 91.66667%; } }
@media only screen and (min-width: 768px) and (max-width: 990px) {
.medium--push-one-half {
margin-left: 50%; }
.medium--push-one-third {
margin-left: 33.33333%; }
.medium--push-two-thirds {
margin-left: 66.66667%; }
.medium--push-one-quarter {
margin-left: 25%; }
.medium--push-two-quarters {
margin-left: 50%; }
.medium--push-three-quarters {
margin-left: 75%; }
.medium--push-one-fifth {
margin-left: 20%; }
.medium--push-two-fifths {
margin-left: 40%; }
.medium--push-three-fifths {
margin-left: 60%; }
.medium--push-four-fifths {
margin-left: 80%; }
.medium--push-one-sixth {
margin-left: 16.66667%; }
.medium--push-two-sixths {
margin-left: 33.33333%; }
.medium--push-three-sixths {
margin-left: 50%; }
.medium--push-four-sixths {
margin-left: 66.66667%; }
.medium--push-five-sixths {
margin-left: 83.33333%; }
.medium--push-one-eighth {
margin-left: 12.5%; }
.medium--push-two-eighths {
margin-left: 25%; }
.medium--push-three-eighths {
margin-left: 37.5%; }
.medium--push-four-eighths {
margin-left: 50%; }
.medium--push-five-eighths {
margin-left: 62.5%; }
.medium--push-six-eighths {
margin-left: 75%; }
.medium--push-seven-eighths {
margin-left: 87.5%; }
.medium--push-one-tenth {
margin-left: 10%; }
.medium--push-two-tenths {
margin-left: 20%; }
.medium--push-three-tenths {
margin-left: 30%; }
.medium--push-four-tenths {
margin-left: 40%; }
.medium--push-five-tenths {
margin-left: 50%; }
.medium--push-six-tenths {
margin-left: 60%; }
.medium--push-seven-tenths {
margin-left: 70%; }
.medium--push-eight-tenths {
margin-left: 80%; }
.medium--push-nine-tenths {
margin-left: 90%; }
.medium--push-one-twelfth {
margin-left: 8.33333%; }
.medium--push-two-twelfths {
margin-left: 16.66667%; }
.medium--push-three-twelfths {
margin-left: 25%; }
.medium--push-four-twelfths {
margin-left: 33.33333%; }
.medium--push-five-twelfths {
margin-left: 41.66667%; }
.medium--push-six-twelfths {
margin-left: 50%; }
.medium--push-seven-twelfths {
margin-left: 58.33333%; }
.medium--push-eight-twelfths {
margin-left: 66.66667%; }
.medium--push-nine-twelfths {
margin-left: 75%; }
.medium--push-ten-twelfths {
margin-left: 83.33333%; }
.medium--push-eleven-twelfths {
margin-left: 91.66667%; } }
@media only screen and (min-width: 768px) {
.medium-up--push-one-half {
margin-left: 50%; }
.medium-up--push-one-third {
margin-left: 33.33333%; }
.medium-up--push-two-thirds {
margin-left: 66.66667%; }
.medium-up--push-one-quarter {
margin-left: 25%; }
.medium-up--push-two-quarters {
margin-left: 50%; }
.medium-up--push-three-quarters {
margin-left: 75%; }
.medium-up--push-one-fifth {
margin-left: 20%; }
.medium-up--push-two-fifths {
margin-left: 40%; }
.medium-up--push-three-fifths {
margin-left: 60%; }
.medium-up--push-four-fifths {
margin-left: 80%; }
.medium-up--push-one-sixth {
margin-left: 16.66667%; }
.medium-up--push-two-sixths {
margin-left: 33.33333%; }
.medium-up--push-three-sixths {
margin-left: 50%; }
.medium-up--push-four-sixths {
margin-left: 66.66667%; }
.medium-up--push-five-sixths {
margin-left: 83.33333%; }
.medium-up--push-one-eighth {
margin-left: 12.5%; }
.medium-up--push-two-eighths {
margin-left: 25%; }
.medium-up--push-three-eighths {
margin-left: 37.5%; }
.medium-up--push-four-eighths {
margin-left: 50%; }
.medium-up--push-five-eighths {
margin-left: 62.5%; }
.medium-up--push-six-eighths {
margin-left: 75%; }
.medium-up--push-seven-eighths {
margin-left: 87.5%; }
.medium-up--push-one-tenth {
margin-left: 10%; }
.medium-up--push-two-tenths {
margin-left: 20%; }
.medium-up--push-three-tenths {
margin-left: 30%; }
.medium-up--push-four-tenths {
margin-left: 40%; }
.medium-up--push-five-tenths {
margin-left: 50%; }
.medium-up--push-six-tenths {
margin-left: 60%; }
.medium-up--push-seven-tenths {
margin-left: 70%; }
.medium-up--push-eight-tenths {
margin-left: 80%; }
.medium-up--push-nine-tenths {
margin-left: 90%; }
.medium-up--push-one-twelfth {
margin-left: 8.33333%; }
.medium-up--push-two-twelfths {
margin-left: 16.66667%; }
.medium-up--push-three-twelfths {
margin-left: 25%; }
.medium-up--push-four-twelfths {
margin-left: 33.33333%; }
.medium-up--push-five-twelfths {
margin-left: 41.66667%; }
.medium-up--push-six-twelfths {
margin-left: 50%; }
.medium-up--push-seven-twelfths {
margin-left: 58.33333%; }
.medium-up--push-eight-twelfths {
margin-left: 66.66667%; }
.medium-up--push-nine-twelfths {
margin-left: 75%; }
.medium-up--push-ten-twelfths {
margin-left: 83.33333%; }
.medium-up--push-eleven-twelfths {
margin-left: 91.66667%; } }
@media only screen and (min-width: 991px) {
.large-up--push-one-half {
margin-left: 50%; }
.large-up--push-one-third {
margin-left: 33.33333%; }
.large-up--push-two-thirds {
margin-left: 66.66667%; }
.large-up--push-one-quarter {
margin-left: 25%; }
.large-up--push-two-quarters {
margin-left: 50%; }
.large-up--push-three-quarters {
margin-left: 75%; }
.large-up--push-one-fifth {
margin-left: 20%; }
.large-up--push-two-fifths {
margin-left: 40%; }
.large-up--push-three-fifths {
margin-left: 60%; }
.large-up--push-four-fifths {
margin-left: 80%; }
.large-up--push-one-sixth {
margin-left: 16.66667%; }
.large-up--push-two-sixths {
margin-left: 33.33333%; }
.large-up--push-three-sixths {
margin-left: 50%; }
.large-up--push-four-sixths {
margin-left: 66.66667%; }
.large-up--push-five-sixths {
margin-left: 83.33333%; }
.large-up--push-one-eighth {
margin-left: 12.5%; }
.large-up--push-two-eighths {
margin-left: 25%; }
.large-up--push-three-eighths {
margin-left: 37.5%; }
.large-up--push-four-eighths {
margin-left: 50%; }
.large-up--push-five-eighths {
margin-left: 62.5%; }
.large-up--push-six-eighths {
margin-left: 75%; }
.large-up--push-seven-eighths {
margin-left: 87.5%; }
.large-up--push-one-tenth {
margin-left: 10%; }
.large-up--push-two-tenths {
margin-left: 20%; }
.large-up--push-three-tenths {
margin-left: 30%; }
.large-up--push-four-tenths {
margin-left: 40%; }
.large-up--push-five-tenths {
margin-left: 50%; }
.large-up--push-six-tenths {
margin-left: 60%; }
.large-up--push-seven-tenths {
margin-left: 70%; }
.large-up--push-eight-tenths {
margin-left: 80%; }
.large-up--push-nine-tenths {
margin-left: 90%; }
.large-up--push-one-twelfth {
margin-left: 8.33333%; }
.large-up--push-two-twelfths {
margin-left: 16.66667%; }
.large-up--push-three-twelfths {
margin-left: 25%; }
.large-up--push-four-twelfths {
margin-left: 33.33333%; }
.large-up--push-five-twelfths {
margin-left: 41.66667%; }
.large-up--push-six-twelfths {
margin-left: 50%; }
.large-up--push-seven-twelfths {
margin-left: 58.33333%; }
.large-up--push-eight-twelfths {
margin-left: 66.66667%; }
.large-up--push-nine-twelfths {
margin-left: 75%; }
.large-up--push-ten-twelfths {
margin-left: 83.33333%; }
.large-up--push-eleven-twelfths {
margin-left: 91.66667%; } }
@media only screen and (min-width: 991px) and (max-width: 1199px) {
.large--push-one-half {
margin-left: 50%; }
.large--push-one-third {
margin-left: 33.33333%; }
.large--push-two-thirds {
margin-left: 66.66667%; }
.large--push-one-quarter {
margin-left: 25%; }
.large--push-two-quarters {
margin-left: 50%; }
.large--push-three-quarters {
margin-left: 75%; }
.large--push-one-fifth {
margin-left: 20%; }
.large--push-two-fifths {
margin-left: 40%; }
.large--push-three-fifths {
margin-left: 60%; }
.large--push-four-fifths {
margin-left: 80%; }
.large--push-one-sixth {
margin-left: 16.66667%; }
.large--push-two-sixths {
margin-left: 33.33333%; }
.large--push-three-sixths {
margin-left: 50%; }
.large--push-four-sixths {
margin-left: 66.66667%; }
.large--push-five-sixths {
margin-left: 83.33333%; }
.large--push-one-eighth {
margin-left: 12.5%; }
.large--push-two-eighths {
margin-left: 25%; }
.large--push-three-eighths {
margin-left: 37.5%; }
.large--push-four-eighths {
margin-left: 50%; }
.large--push-five-eighths {
margin-left: 62.5%; }
.large--push-six-eighths {
margin-left: 75%; }
.large--push-seven-eighths {
margin-left: 87.5%; }
.large--push-one-tenth {
margin-left: 10%; }
.large--push-two-tenths {
margin-left: 20%; }
.large--push-three-tenths {
margin-left: 30%; }
.large--push-four-tenths {
margin-left: 40%; }
.large--push-five-tenths {
margin-left: 50%; }
.large--push-six-tenths {
margin-left: 60%; }
.large--push-seven-tenths {
margin-left: 70%; }
.large--push-eight-tenths {
margin-left: 80%; }
.large--push-nine-tenths {
margin-left: 90%; }
.large--push-one-twelfth {
margin-left: 8.33333%; }
.large--push-two-twelfths {
margin-left: 16.66667%; }
.large--push-three-twelfths {
margin-left: 25%; }
.large--push-four-twelfths {
margin-left: 33.33333%; }
.large--push-five-twelfths {
margin-left: 41.66667%; }
.large--push-six-twelfths {
margin-left: 50%; }
.large--push-seven-twelfths {
margin-left: 58.33333%; }
.large--push-eight-twelfths {
margin-left: 66.66667%; }
.large--push-nine-twelfths {
margin-left: 75%; }
.large--push-ten-twelfths {
margin-left: 83.33333%; }
.large--push-eleven-twelfths {
margin-left: 91.66667%; } }
@media only screen and (min-width: 1200px) {
.xlarge-up--push-one-half {
margin-left: 50%; }
.xlarge-up--push-one-third {
margin-left: 33.33333%; }
.xlarge-up--push-two-thirds {
margin-left: 66.66667%; }
.xlarge-up--push-one-quarter {
margin-left: 25%; }
.xlarge-up--push-two-quarters {
margin-left: 50%; }
.xlarge-up--push-three-quarters {
margin-left: 75%; }
.xlarge-up--push-one-fifth {
margin-left: 20%; }
.xlarge-up--push-two-fifths {
margin-left: 40%; }
.xlarge-up--push-three-fifths {
margin-left: 60%; }
.xlarge-up--push-four-fifths {
margin-left: 80%; }
.xlarge-up--push-one-sixth {
margin-left: 16.66667%; }
.xlarge-up--push-two-sixths {
margin-left: 33.33333%; }
.xlarge-up--push-three-sixths {
margin-left: 50%; }
.xlarge-up--push-four-sixths {
margin-left: 66.66667%; }
.xlarge-up--push-five-sixths {
margin-left: 83.33333%; }
.xlarge-up--push-one-eighth {
margin-left: 12.5%; }
.xlarge-up--push-two-eighths {
margin-left: 25%; }
.xlarge-up--push-three-eighths {
margin-left: 37.5%; }
.xlarge-up--push-four-eighths {
margin-left: 50%; }
.xlarge-up--push-five-eighths {
margin-left: 62.5%; }
.xlarge-up--push-six-eighths {
margin-left: 75%; }
.xlarge-up--push-seven-eighths {
margin-left: 87.5%; }
.xlarge-up--push-one-tenth {
margin-left: 10%; }
.xlarge-up--push-two-tenths {
margin-left: 20%; }
.xlarge-up--push-three-tenths {
margin-left: 30%; }
.xlarge-up--push-four-tenths {
margin-left: 40%; }
.xlarge-up--push-five-tenths {
margin-left: 50%; }
.xlarge-up--push-six-tenths {
margin-left: 60%; }
.xlarge-up--push-seven-tenths {
margin-left: 70%; }
.xlarge-up--push-eight-tenths {
margin-left: 80%; }
.xlarge-up--push-nine-tenths {
margin-left: 90%; }
.xlarge-up--push-one-twelfth {
margin-left: 8.33333%; }
.xlarge-up--push-two-twelfths {
margin-left: 16.66667%; }
.xlarge-up--push-three-twelfths {
margin-left: 25%; }
.xlarge-up--push-four-twelfths {
margin-left: 33.33333%; }
.xlarge-up--push-five-twelfths {
margin-left: 41.66667%; }
.xlarge-up--push-six-twelfths {
margin-left: 50%; }
.xlarge-up--push-seven-twelfths {
margin-left: 58.33333%; }
.xlarge-up--push-eight-twelfths {
margin-left: 66.66667%; }
.xlarge-up--push-nine-twelfths {
margin-left: 75%; }
.xlarge-up--push-ten-twelfths {
margin-left: 83.33333%; }
.xlarge-up--push-eleven-twelfths {
margin-left: 91.66667%; } }
@media only screen and (max-width: 1399px) {
.xlarge-down--push-one-half {
margin-left: 50%; }
.xlarge-down--push-one-third {
margin-left: 33.33333%; }
.xlarge-down--push-two-thirds {
margin-left: 66.66667%; }
.xlarge-down--push-one-quarter {
margin-left: 25%; }
.xlarge-down--push-two-quarters {
margin-left: 50%; }
.xlarge-down--push-three-quarters {
margin-left: 75%; }
.xlarge-down--push-one-fifth {
margin-left: 20%; }
.xlarge-down--push-two-fifths {
margin-left: 40%; }
.xlarge-down--push-three-fifths {
margin-left: 60%; }
.xlarge-down--push-four-fifths {
margin-left: 80%; }
.xlarge-down--push-one-sixth {
margin-left: 16.66667%; }
.xlarge-down--push-two-sixths {
margin-left: 33.33333%; }
.xlarge-down--push-three-sixths {
margin-left: 50%; }
.xlarge-down--push-four-sixths {
margin-left: 66.66667%; }
.xlarge-down--push-five-sixths {
margin-left: 83.33333%; }
.xlarge-down--push-one-eighth {
margin-left: 12.5%; }
.xlarge-down--push-two-eighths {
margin-left: 25%; }
.xlarge-down--push-three-eighths {
margin-left: 37.5%; }
.xlarge-down--push-four-eighths {
margin-left: 50%; }
.xlarge-down--push-five-eighths {
margin-left: 62.5%; }
.xlarge-down--push-six-eighths {
margin-left: 75%; }
.xlarge-down--push-seven-eighths {
margin-left: 87.5%; }
.xlarge-down--push-one-tenth {
margin-left: 10%; }
.xlarge-down--push-two-tenths {
margin-left: 20%; }
.xlarge-down--push-three-tenths {
margin-left: 30%; }
.xlarge-down--push-four-tenths {
margin-left: 40%; }
.xlarge-down--push-five-tenths {
margin-left: 50%; }
.xlarge-down--push-six-tenths {
margin-left: 60%; }
.xlarge-down--push-seven-tenths {
margin-left: 70%; }
.xlarge-down--push-eight-tenths {
margin-left: 80%; }
.xlarge-down--push-nine-tenths {
margin-left: 90%; }
.xlarge-down--push-one-twelfth {
margin-left: 8.33333%; }
.xlarge-down--push-two-twelfths {
margin-left: 16.66667%; }
.xlarge-down--push-three-twelfths {
margin-left: 25%; }
.xlarge-down--push-four-twelfths {
margin-left: 33.33333%; }
.xlarge-down--push-five-twelfths {
margin-left: 41.66667%; }
.xlarge-down--push-six-twelfths {
margin-left: 50%; }
.xlarge-down--push-seven-twelfths {
margin-left: 58.33333%; }
.xlarge-down--push-eight-twelfths {
margin-left: 66.66667%; }
.xlarge-down--push-nine-twelfths {
margin-left: 75%; }
.xlarge-down--push-ten-twelfths {
margin-left: 83.33333%; }
.xlarge-down--push-eleven-twelfths {
margin-left: 91.66667%; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.xlarge--push-one-half {
margin-left: 50%; }
.xlarge--push-one-third {
margin-left: 33.33333%; }
.xlarge--push-two-thirds {
margin-left: 66.66667%; }
.xlarge--push-one-quarter {
margin-left: 25%; }
.xlarge--push-two-quarters {
margin-left: 50%; }
.xlarge--push-three-quarters {
margin-left: 75%; }
.xlarge--push-one-fifth {
margin-left: 20%; }
.xlarge--push-two-fifths {
margin-left: 40%; }
.xlarge--push-three-fifths {
margin-left: 60%; }
.xlarge--push-four-fifths {
margin-left: 80%; }
.xlarge--push-one-sixth {
margin-left: 16.66667%; }
.xlarge--push-two-sixths {
margin-left: 33.33333%; }
.xlarge--push-three-sixths {
margin-left: 50%; }
.xlarge--push-four-sixths {
margin-left: 66.66667%; }
.xlarge--push-five-sixths {
margin-left: 83.33333%; }
.xlarge--push-one-eighth {
margin-left: 12.5%; }
.xlarge--push-two-eighths {
margin-left: 25%; }
.xlarge--push-three-eighths {
margin-left: 37.5%; }
.xlarge--push-four-eighths {
margin-left: 50%; }
.xlarge--push-five-eighths {
margin-left: 62.5%; }
.xlarge--push-six-eighths {
margin-left: 75%; }
.xlarge--push-seven-eighths {
margin-left: 87.5%; }
.xlarge--push-one-tenth {
margin-left: 10%; }
.xlarge--push-two-tenths {
margin-left: 20%; }
.xlarge--push-three-tenths {
margin-left: 30%; }
.xlarge--push-four-tenths {
margin-left: 40%; }
.xlarge--push-five-tenths {
margin-left: 50%; }
.xlarge--push-six-tenths {
margin-left: 60%; }
.xlarge--push-seven-tenths {
margin-left: 70%; }
.xlarge--push-eight-tenths {
margin-left: 80%; }
.xlarge--push-nine-tenths {
margin-left: 90%; }
.xlarge--push-one-twelfth {
margin-left: 8.33333%; }
.xlarge--push-two-twelfths {
margin-left: 16.66667%; }
.xlarge--push-three-twelfths {
margin-left: 25%; }
.xlarge--push-four-twelfths {
margin-left: 33.33333%; }
.xlarge--push-five-twelfths {
margin-left: 41.66667%; }
.xlarge--push-six-twelfths {
margin-left: 50%; }
.xlarge--push-seven-twelfths {
margin-left: 58.33333%; }
.xlarge--push-eight-twelfths {
margin-left: 66.66667%; }
.xlarge--push-nine-twelfths {
margin-left: 75%; }
.xlarge--push-ten-twelfths {
margin-left: 83.33333%; }
.xlarge--push-eleven-twelfths {
margin-left: 91.66667%; } }
@media only screen and (max-width: 990px) {
.medium-down--push-one-half {
margin-left: 50%; }
.medium-down--push-one-third {
margin-left: 33.33333%; }
.medium-down--push-two-thirds {
margin-left: 66.66667%; }
.medium-down--push-one-quarter {
margin-left: 25%; }
.medium-down--push-two-quarters {
margin-left: 50%; }
.medium-down--push-three-quarters {
margin-left: 75%; }
.medium-down--push-one-fifth {
margin-left: 20%; }
.medium-down--push-two-fifths {
margin-left: 40%; }
.medium-down--push-three-fifths {
margin-left: 60%; }
.medium-down--push-four-fifths {
margin-left: 80%; }
.medium-down--push-one-sixth {
margin-left: 16.66667%; }
.medium-down--push-two-sixths {
margin-left: 33.33333%; }
.medium-down--push-three-sixths {
margin-left: 50%; }
.medium-down--push-four-sixths {
margin-left: 66.66667%; }
.medium-down--push-five-sixths {
margin-left: 83.33333%; }
.medium-down--push-one-eighth {
margin-left: 12.5%; }
.medium-down--push-two-eighths {
margin-left: 25%; }
.medium-down--push-three-eighths {
margin-left: 37.5%; }
.medium-down--push-four-eighths {
margin-left: 50%; }
.medium-down--push-five-eighths {
margin-left: 62.5%; }
.medium-down--push-six-eighths {
margin-left: 75%; }
.medium-down--push-seven-eighths {
margin-left: 87.5%; }
.medium-down--push-one-tenth {
margin-left: 10%; }
.medium-down--push-two-tenths {
margin-left: 20%; }
.medium-down--push-three-tenths {
margin-left: 30%; }
.medium-down--push-four-tenths {
margin-left: 40%; }
.medium-down--push-five-tenths {
margin-left: 50%; }
.medium-down--push-six-tenths {
margin-left: 60%; }
.medium-down--push-seven-tenths {
margin-left: 70%; }
.medium-down--push-eight-tenths {
margin-left: 80%; }
.medium-down--push-nine-tenths {
margin-left: 90%; }
.medium-down--push-one-twelfth {
margin-left: 8.33333%; }
.medium-down--push-two-twelfths {
margin-left: 16.66667%; }
.medium-down--push-three-twelfths {
margin-left: 25%; }
.medium-down--push-four-twelfths {
margin-left: 33.33333%; }
.medium-down--push-five-twelfths {
margin-left: 41.66667%; }
.medium-down--push-six-twelfths {
margin-left: 50%; }
.medium-down--push-seven-twelfths {
margin-left: 58.33333%; }
.medium-down--push-eight-twelfths {
margin-left: 66.66667%; }
.medium-down--push-nine-twelfths {
margin-left: 75%; }
.medium-down--push-ten-twelfths {
margin-left: 83.33333%; }
.medium-down--push-eleven-twelfths {
margin-left: 91.66667%; } }
@media only screen and (min-width: 1400px) {
.widescreen--push-one-half {
margin-left: 50%; }
.widescreen--push-one-third {
margin-left: 33.33333%; }
.widescreen--push-two-thirds {
margin-left: 66.66667%; }
.widescreen--push-one-quarter {
margin-left: 25%; }
.widescreen--push-two-quarters {
margin-left: 50%; }
.widescreen--push-three-quarters {
margin-left: 75%; }
.widescreen--push-one-fifth {
margin-left: 20%; }
.widescreen--push-two-fifths {
margin-left: 40%; }
.widescreen--push-three-fifths {
margin-left: 60%; }
.widescreen--push-four-fifths {
margin-left: 80%; }
.widescreen--push-one-sixth {
margin-left: 16.66667%; }
.widescreen--push-two-sixths {
margin-left: 33.33333%; }
.widescreen--push-three-sixths {
margin-left: 50%; }
.widescreen--push-four-sixths {
margin-left: 66.66667%; }
.widescreen--push-five-sixths {
margin-left: 83.33333%; }
.widescreen--push-one-eighth {
margin-left: 12.5%; }
.widescreen--push-two-eighths {
margin-left: 25%; }
.widescreen--push-three-eighths {
margin-left: 37.5%; }
.widescreen--push-four-eighths {
margin-left: 50%; }
.widescreen--push-five-eighths {
margin-left: 62.5%; }
.widescreen--push-six-eighths {
margin-left: 75%; }
.widescreen--push-seven-eighths {
margin-left: 87.5%; }
.widescreen--push-one-tenth {
margin-left: 10%; }
.widescreen--push-two-tenths {
margin-left: 20%; }
.widescreen--push-three-tenths {
margin-left: 30%; }
.widescreen--push-four-tenths {
margin-left: 40%; }
.widescreen--push-five-tenths {
margin-left: 50%; }
.widescreen--push-six-tenths {
margin-left: 60%; }
.widescreen--push-seven-tenths {
margin-left: 70%; }
.widescreen--push-eight-tenths {
margin-left: 80%; }
.widescreen--push-nine-tenths {
margin-left: 90%; }
.widescreen--push-one-twelfth {
margin-left: 8.33333%; }
.widescreen--push-two-twelfths {
margin-left: 16.66667%; }
.widescreen--push-three-twelfths {
margin-left: 25%; }
.widescreen--push-four-twelfths {
margin-left: 33.33333%; }
.widescreen--push-five-twelfths {
margin-left: 41.66667%; }
.widescreen--push-six-twelfths {
margin-left: 50%; }
.widescreen--push-seven-twelfths {
margin-left: 58.33333%; }
.widescreen--push-eight-twelfths {
margin-left: 66.66667%; }
.widescreen--push-nine-twelfths {
margin-left: 75%; }
.widescreen--push-ten-twelfths {
margin-left: 83.33333%; }
.widescreen--push-eleven-twelfths {
margin-left: 91.66667%; } }
/*================ Special Grid Classes (only add to "grid" element) ================*/
/* Gutterless grids have all the properties of regular grids, minus any spacing. */
.grid--full {
margin-left: 0;
width: 100% !important; }
.grid--full > .grid__item {
padding-left: 0; }
/* Extra large gutters. */
.grid--double-gutter {
margin-left: -32px; }
.grid--double-gutter > .grid__item {
padding-left: 32px; }
/* Reverse the direction on desktop */
.grid--rev {
flex-direction: row-reverse; }
select {
width: 100%; }
.form-field {
margin-bottom: 20px;
position: relative; }
.form-input,
.form-select {
background-color: #fff;
border-color: #e0e0e0;
border-radius: 4px;
border-style: solid;
border-width: 1px;
color: #1a1a1a;
font-family: "Figtree", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
height: 44px;
letter-spacing: 0;
outline: 0 none;
padding: 0 10px;
width: 100%; }
.form-input.placeholder,
.form-select.placeholder {
color: #707070; }
.form-input:-moz-placeholder,
.form-select:-moz-placeholder {
color: #707070; }
.form-input::-moz-placeholder,
.form-select::-moz-placeholder {
color: #707070; }
.form-input:-ms-input-placeholder,
.form-select:-ms-input-placeholder {
color: #707070; }
.form-input::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder {
color: #707070; }
.form-input:focus, .form-input:active,
.form-select:focus,
.form-select:active {
border-color: #1a1a1a;
filter: none;
outline-style: none; }
.form-input:hover {
border-color: #1a1a1a; }
.form-input:focus, .form-input:active {
background-color: #fff;
border-color: #1a1a1a; }
.form-input[disabled] {
background-color: #eee;
border-color: #eee; }
textarea.form-input {
padding-top: 6px; }
textarea[rows] {
height: auto;
min-height: 32px;
width: 100%; }
.form-select {
appearance: none;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 10'%3E%3Cpath d='M9,10c-.26,0-.51-.1-.71-.29L.29,1.71C-.1,1.32-.1,.68,.29,.29S1.32-.1,1.71,.29l7.29,7.29L16.29,.29c.39-.39,1.02-.39,1.41,0s.39,1.02,0,1.41L9.71,9.71c-.2,.2-.45,.29-.71,.29Z' fill='rgba(26, 26, 26, 0.999)' /%3E%3C/svg%3E");
background-position: right 15px top 50%;
background-repeat: no-repeat;
background-size: 11px 6px;
border-radius: 4px;
padding: 0 25px 0 10px; }
.form-select:hover {
border-color: #1a1a1a; }
.form-label {
display: block;
font-size: 16px;
font-weight: 600;
line-height: calc(24 / 16);
margin-bottom: 5px; }
label[for] {
cursor: pointer; }
.form--hiddenLabels .form-label {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px; }
.form--fields-contained .form-field {
max-width: 344px; }
.form-inlineMessage {
display: block; }
.form-field--error .form-input {
border-color: #e02b27;
float: none; }
.form-field--error .form-inlineMessage {
color: #e02b27;
font-size: 16px;
font-weight: 400;
line-height: calc(24 / 16);
margin-top: 4px; }
.form-field--error .form-inlineMessage::before {
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='rgba(224, 43, 39, 0.999)' /%3E%3C/svg%3E") no-repeat;
background-size: 100%;
content: "";
display: inline-block;
height: 14px;
left: -2px;
margin-right: 1px;
position: relative;
top: 3px;
width: 14px; }
.form-field--success .form-input[type="text"] {
border-color: #007823;
padding-right: 65px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(0, 120, 35, 0.999)' /%3E%3C/svg%3E");
background-position: right 9px center;
background-repeat: no-repeat; }
.form-field--success .form-input[name="credit_card_number"] {
background-position: right 30px center; }
.form-field--success .form-input[name="cvv"] {
background-position: right 30px center; }
.form-checkbox,
.form-radio {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px; }
.form-checkbox + .form-label,
.form-radio + .form-label {
line-height: 20px; }
.form-checkbox + .form-label::before,
.form-radio + .form-label::before {
background-color: transparent;
background-image: none;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border: 1px solid #707070;
content: "";
display: inline-block;
height: 20px;
margin-right: 20px;
vertical-align: middle;
width: 20px;
min-width: 20px;
border-radius: 2px; }
.form-checkbox:checked + .form-label::before,
.form-radio:checked + .form-label::before {
background-color: #333; }
.form-checkbox:checked + .form-label::before {
background-color: white;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' width='9' height='7' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 9 7' xml:space='preserve' fill='$checkmark-color'%3E%3Cpath d='M8.8,0.2c0.3,0.3,0.3,0.8,0,1.1L3.7,6.8c-0.3,0.3-0.8,0.3-1.1,0L0.2,4.2c-0.3-0.3-0.3-0.8,0-1.1c0.3-0.3,0.8-0.3,1.1,0l1.9,2l4.5-4.8C8-0.1,8.5-0.1,8.8,0.2'/%3E%3C/svg%3E");
filter: invert(100%);
background-size: 10px; }
.form-radio + .form-label::before {
border-radius: 100%; }
.form-radio + .form-label:hover::before {
border-color: #1a1a1a; }
.form-radio:checked + .form-label::before {
box-shadow: inset 0 0 0 3px #fff; }
.form-radio:disabled + .form-label {
color: #e0e0e0;
cursor: default; }
.form-radio:disabled + .form-label::before {
background-color: #e0e0e0;
border-color: #e0e0e0;
box-shadow: none; }
.form-radio:focus ~ label {
outline: unset; }
.form-radio:focus-visible ~ label {
outline: 2px solid #0F7FFF;
outline-offset: 1px; }
.form-actions {
display: block; }
.form-actions .button {
vertical-align: top; }
@media only screen and (max-width: 767px) {
.form-actions .button {
width: 100%; } }
.form-actions .button + .button {
margin: 10px 0 0; }
@media only screen and (min-width: 768px) {
.form-actions .button + .button {
margin: 0 0 0 5px; } }
.form-select--date {
width: initial; }
.form-select--date + .form-select--date {
margin-left: 5px; }
.form-select--small,
.form-select--date {
background-position: right 5px top 13px;
background-size: 18px;
font-size: 14px;
height: 44px;
line-height: 14px;
max-width: 280px;
padding: 4px 7px;
padding-right: 20px; }
.form-select--short {
max-width: 84px;
width: 63px; }
.form-file {
margin-bottom: 7px; }
.form-fileDescription {
font-size: 14px; }
.form-field-group {
border: 1px solid #e0e0e0;
border-radius: 4px;
padding: 20px; }
.form-prefixPostfix {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.form-prefixPostfix .button {
height: 44px;
line-height: 44px; }
.form-prefixPostfix.wrap {
flex-wrap: wrap; }
.form-prefixPostfix .form-input,
.form-prefixPostfix .button {
display: block;
width: 100%; }
@media only screen and (min-width: 991px) {
.form-prefixPostfix .form-input {
width: auto; } }
@media only screen and (min-width: 991px) {
.form-prefixPostfix .button {
width: auto; } }
.form-prefixPostfix .form-inlineMessage {
margin-bottom: 5px; }
@media only screen and (min-width: 991px) {
.form-prefixPostfix .form-inlineMessage {
margin-bottom: 0; } }
.form-prefixPostfix-button--postfix {
margin: 10px 0 0;
order: 1; }
@media only screen and (min-width: 991px) {
.form-prefixPostfix-button--postfix {
margin: 0 0 0 10px;
order: 0; } }
.form-field--increments {
display: block;
margin-bottom: 0; }
.form-field--increments label {
display: inline-block;
margin-bottom: 10px;
margin-right: 10px;
vertical-align: middle; }
.form-field--increments .form-increments-wrap {
display: inline-block;
vertical-align: middle; }
.form-increment {
display: flex; }
.form-increment .increment-input-wrap {
margin: 0 10px;
width: 44px; }
.form-increment .increment-button-wrap {
width: 44px; }
.form-increment .increment-button-wrap .button {
display: block;
height: 44px;
margin: 0;
padding: 0;
width: 100%; }
.form-increment .increment-button-wrap .button .icon {
height: 100%;
width: 16px; }
.form-increment input:read-only {
border: none;
pointer-events: none; }
.form-input--incrementTotal {
color: #1a1a1a;
display: block;
font-size: 14px;
height: 46px;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 100%; }
.form-input--incrementTotal, .form-input--incrementTotal:focus {
background: #fff; }
.form-option {
border: 1px solid #e0e0e0;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 0;
margin-bottom: 7px;
margin-right: 19px;
padding: 2px 10px;
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease; }
.form-radio:checked + .form-option, .form-option.selected {
border-color: #1a1a1a !important; }
.form-option:hover {
border-color: #1a1a1a;
color: #1a1a1a; }
.form-option-variant {
display: inline-block;
pointer-events: none;
text-align: center; }
.form-option-variant.body-small {
font-weight: 600; }
.form-option-variant--color,
.form-option-variant--pattern {
height: 22px;
min-width: initial;
padding: 0;
width: 22px;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.form-option-variant--pattern {
background-position: center;
background-repeat: no-repeat; }
.form-option-wrapper {
margin-bottom: 10px;
position: relative; }
.form-input--small {
font-size: 14px;
height: 35px;
line-height: 14px;
padding: 4px 7px; }
.form-minMaxRow {
display: grid;
grid-template-columns: 1fr 35px 1fr; }
.form-minMaxRow .form-field {
margin-bottom: 0; }
.form-minMaxRow .form-field input {
border-width: 2px;
max-width: 100%;
padding: 0;
padding-left: 5px; }
.form-minMaxRow .form-field:last-child {
width: 100%; }
.form-minMaxRow .price-range-to_label {
line-height: 44px;
text-align: center; }
.form-minMaxRow .button {
margin-bottom: 0;
margin-top: 15px;
text-transform: capitalize; }
.form-row--half {
*zoom: 1; }
.form-row--half::after {
clear: both;
content: "";
display: table; }
@media only screen and (min-width: 480px) {
.form-row--half {
margin-left: -16px; } }
@media only screen and (min-width: 480px) {
.form-row--half > .form-field {
float: left;
padding-left: 16px;
width: 50%; }
.form-row--half > .form-field:nth-child(odd) {
clear: left; } }
.form-row--half > .form-field .form-input {
width: 100%; }
.form-row--third {
*zoom: 1; }
.form-row--third::after {
clear: both;
content: "";
display: table; }
@media only screen and (min-width: 480px) {
.form-row--third {
margin-left: -16px; } }
@media only screen and (min-width: 480px) {
.form-row--third > .form-field {
float: left;
padding-left: 16px;
width: 33.333%; }
.form-row--third > .form-field:nth-child(3n-2) {
clear: left; } }
.form-row--third > .form-field .form-input {
width: 100%; }
[data-product-attribute] .form-option {
overflow: hidden;
position: relative; }
[data-product-attribute] .form-option.form-option-swatch {
background: transparent;
border-color: transparent; }
[data-product-attribute="set-radio"] .unavailable,
[data-product-attribute="product-list"] .unavailable {
opacity: 0.6;
text-decoration: line-through; }
.form--abolute-button {
position: relative; }
.form--abolute-button .form-field,
.form--abolute-button .form-input,
.form--abolute-button .form-select {
margin: 0;
width: 100%; }
.form--abolute-button .button {
bottom: 0;
height: 44px;
line-height: 44px;
padding: 10px 15px;
position: absolute;
right: 0;
top: 0; }
.form--abolute-button .button .icon {
fill: #fff;
height: 20px;
width: 25px; }
.form.display-flex {
display: flex;
width: 100%; }
.form.display-flex .form-field,
.form.display-flex .form-input,
.form.display-flex .form-select,
.form.display-flex .form-fieldset {
margin: 0;
width: 100%; }
.form.display-flex .button {
height: 44px; }
.form-field-helper-text {
color: #707070;
margin-bottom: 0;
padding-top: 7px;
text-align: right; }
[data-product-attribute="input-checkbox"] .form-option-wrapper .form-label {
align-items: center;
border: 1px solid #707070;
border-radius: 10px;
display: flex;
height: 68px;
padding: 14px 20px; }
[data-product-attribute="input-checkbox"] .form-option-wrapper .form-label span {
margin-right: 2rem;
font-weight: 500; }
@media only screen and (min-width: 768px) {
[data-product-attribute="input-checkbox"] .form-option-wrapper .form-label {
height: unset;
padding: 17px 20px; } }
.tooltip-icon {
margin-left: auto;
width: fit-content; }
.tooltip-icon, .tooltip-icon .icon {
color: #fff;
height: 20px;
width: 20px; }
.open-popup-link:active {
filter: none !important; }
html,
body {
height: auto;
position: relative; }
body.has-activeModal {
overflow: hidden; }
figure > figcaption {
margin-bottom: 10px; }
fieldset {
border: 0;
margin: 0;
padding: 0; }
.icon svg {
fill: currentColor;
height: 20px;
width: 20px; }
svg.icon {
fill: currentColor; }
button {
cursor: pointer;
font-family: inherit;
font-size: inherit; }
.video-wrapper {
height: auto;
max-width: 100%;
overflow: hidden;
padding-bottom: 56.25%;
position: relative; }
.video-wrapper iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%; }
.flex-video {
height: 0;
margin-bottom: 16px;
overflow: hidden;
padding-bottom: 67.5%;
padding-top: 25px;
position: relative; }
.flex-video.widescreen {
padding-bottom: 56.34%; }
.flex-video.vimeo {
padding-top: 0; }
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
height: 100%;
position: absolute;
top: 0;
width: 100%;
left: 0; }
body {
background: #fff;
color: #1a1a1a;
cursor: auto;
font-family: "Figtree", Helvetica, Arial, sans-serif;
font-size: 12px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: 500;
line-height: calc(20 / 14);
margin: 0;
padding: 0;
position: relative; }
@media only screen and (min-width: 768px) {
body {
font-size: 14px; } }
.body-small {
font-size: 12px;
line-height: calc(18 / 12); }
.body-large, .quick-view .desc * {
font-size: 12px;
line-height: calc(20/14); }
@media only screen and (min-width: 768px) {
.body-large, .quick-view .desc * {
font-size: 14px; } }
a {
color: #1a1a1a;
text-decoration: underline;
transition: color 0.15s ease; }
a:hover, a:focus {
color: #333; }
cite {
line-height: calc(20 / 14);
margin: 5px 0 0; }
h1,
.h1, .page-banner-section .page-banner .banner-content h1, h2,
.h2, .hero-h1, .hero-h2, h3,
.h3, .hero-h3, h4,
.h4, .hero-h4, .standard-table th, .productView-price .price--withoutTax,
.productView-price .price--withTax, .productView-price .non-sale-price--withoutTax,
.productView-price .non-sale-price--withTax, h5,
.h5, h6,
.h6, .page-banner-section .page-banner .banner-content p, .chart--table th, .navPages .navPages-action,
.pre-header .hero-h1,
.hero-h5 {
color: #1a1a1a;
font-family: "Figtree", Helvetica, Arial, sans-serif;
font-weight: 600;
letter-spacing: 0;
margin-top: 0; }
h1.upper-case,
.upper-case.h1, .page-banner-section .page-banner .banner-content h1.upper-case, h2.upper-case,
.upper-case.h2, .upper-case.hero-h1, .upper-case.hero-h2, h3.upper-case,
.upper-case.h3, .upper-case.hero-h3, h4.upper-case,
.upper-case.h4, .upper-case.hero-h4, .standard-table th.upper-case, .productView-price .upper-case.price--withoutTax,
.productView-price .upper-case.price--withTax, .productView-price .upper-case.non-sale-price--withoutTax,
.productView-price .upper-case.non-sale-price--withTax, h5.upper-case,
.upper-case.h5, h6.upper-case,
.upper-case.h6, .page-banner-section .page-banner .banner-content p.upper-case, .chart--table th.upper-case, .navPages .upper-case.navPages-action,
.upper-case.hero-h5 {
text-transform: uppercase; }
h1 a, .h1 a, .page-banner-section .page-banner .banner-content h1 a, h2 a, .h2 a, .hero-h1 a, .hero-h2 a, h3 a, .h3 a, .hero-h3 a, h4 a, .h4 a, .hero-h4 a, .standard-table th a, .productView-price .price--withoutTax a, .productView-price .price--withTax a, .productView-price .non-sale-price--withoutTax a, .productView-price .non-sale-price--withTax a, h5 a, .h5 a, h6 a, .h6 a, .page-banner-section .page-banner .banner-content p a, .chart--table th a, .navPages .navPages-action a, .pre-header .hero-h1 a, .hero-h5 a {
color: inherit; }
h1,
.h1, .page-banner-section .page-banner .banner-content h1 {
font-size: 36px;
line-height: calc(42 / 36); }
@media only screen and (max-width: 767px) {
h1,
.h1, .page-banner-section .page-banner .banner-content h1 {
font-size: 28px;
line-height: calc(34 / 28); } }
h2,
.h2, .hero-h1, .hero-h2 {
font-size: 28px;
line-height: calc(34 / 28); }
h3,
.h3, .hero-h3 {
font-size: 24px;
line-height: calc(34 / 24); }
h4,
.h4, .hero-h4, .standard-table th, .productView-price .price--withoutTax,
.productView-price .price--withTax, .productView-price .non-sale-price--withoutTax,
.productView-price .non-sale-price--withTax {
font-size: 20px;
line-height: calc(26 / 20); }
h5,
.h5 {
font-size: 16px;
line-height: calc(22 / 16); }
h6,
.h6, .page-banner-section .page-banner .banner-content p, .chart--table th, .navPages .navPages-action {
font-size: 14px;
line-height: calc(22 / 14); }
h1,
h2,
h3,
h4,
h5,
h6,
.pre-header {
font-weight: 600; }
.hero-h1,
.hero-h2,
.hero-h3,
.hero-h4,
.hero-h5 {
font-weight: 800; }
@media only screen and (min-width: 768px) {
.hero-h1 {
font-size: 44px;
line-height: calc(52 / 44); } }
.hero-h5 {
font-size: 14px;
line-height: calc(22/14); }
.large-label-tags {
font-size: 14px;
font-weight: 800;
letter-spacing: 1px;
line-height: calc(18 / 14);
text-transform: uppercase; }
.small-label-tags {
font-size: 10px;
font-weight: 800;
letter-spacing: 1px;
line-height: calc(12 / 10);
text-transform: uppercase; }
.url-links, .facetedSearch-toggle .facetedSearch-toggle-indicator .toggleLink-text {
font-size: 14px;
font-weight: 600;
line-height: calc(20 / 14);
text-transform: none; }
.url-links:hover, .facetedSearch-toggle .facetedSearch-toggle-indicator .toggleLink-text:hover {
color: #424242; }
.brand-title {
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
line-height: calc(18 / 12);
text-transform: capitalize; }
.large-price {
font-size: 22px;
font-weight: 800;
letter-spacing: 1px;
line-height: calc(22 / 22);
text-transform: none; }
.small-price {
font-size: 14px;
font-weight: 600;
line-height: calc(20 / 14); }
.large-sale-price {
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
line-height: calc(20 / 14);
text-decoration: line-through; }
.small-sale-price {
font-size: 12px;
font-weight: 400;
letter-spacing: 1px;
line-height: calc(20 / 12);
text-decoration: line-through; }
.pre-header, .navBar--side .navBar-item {
font-size: 14px;
text-transform: uppercase; }
@media only screen and (min-width: 768px) {
.pre-header, .navBar--side .navBar-item {
font-size: 16px; } }
.instruction-text {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5;
line-height: calc(20 / 14); }
ul,
ol,
dl,
p {
color: #1a1a1a;
font-size: 12px;
letter-spacing: 0;
line-height: calc(20 / 14);
margin-top: 0;
padding: 0; }
@media only screen and (min-width: 768px) {
ul,
ol,
dl,
p {
font-size: 14px; } }
.skip-to-main-link {
background: #000000;
color: #1a1a1a;
font-weight: 700;
left: 50%;
padding: 4px;
position: absolute;
text-decoration: underline;
transform: translate(-50%, -101%);
transition: transform 0.3s;
z-index: 103; }
.skip-to-main-link:focus {
transform: translate(-50%, 0%); }
.focus-hidden:focus {
outline: none; }
address {
font-style: normal; }
.color-textSecondary {
color: #333; }
.color-secondary {
color: #1a1a1a; }
.rte ul,
.rte ol {
margin-bottom: 20px;
padding-left: 20px; }
@media only screen and (min-width: 768px) {
.rte ul,
.rte ol {
margin-bottom: 40px;
padding-left: 40px; } }
.rte ul ul,
.rte ul ol,
.rte ol ul,
.rte ol ol {
margin-bottom: 0; }
.rte ul.spaced-list > li,
.rte ol.spaced-list > li {
margin-bottom: 16px; }
.rte ul.spaced-list > li:last-of-type,
.rte ol.spaced-list > li:last-of-type {
margin-bottom: 0; }
.rte a:visited {
color: #007823; }
.rte a:hover {
text-decoration: underline; }
.rte .video-wrapper {
margin-bottom: 16px; }
.large-button-font, .button, .swal2-actions .swal2-confirm, .swal2-actions .swal2-cancel {
font-size: 14px;
font-weight: 800;
letter-spacing: 1px;
line-height: calc(19 / 14);
text-transform: uppercase; }
.small-button-font {
font-size: 12px;
font-weight: 800;
letter-spacing: 1px;
line-height: calc(16 / 12);
text-transform: uppercase; }
.button, .swal2-actions .swal2-confirm, .swal2-actions .swal2-cancel {
-webkit-appearance: none;
appearance: none;
background-color: #1a1a1a;
border: 0 none;
border-radius: 22px;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "Figtree", Helvetica, Arial, sans-serif;
max-width: 100%;
padding: 12px 20px;
position: relative;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
white-space: nowrap; }
.button:hover, .swal2-actions .swal2-confirm:hover, .swal2-actions .swal2-cancel:hover {
background-color: #424242;
color: #fff; }
.button:focus-visible, .swal2-actions .swal2-confirm:focus-visible, .swal2-actions .swal2-cancel:focus-visible {
outline: 2px solid #0F7FFF;
outline-offset: 1px; }
.button:active, .swal2-actions .swal2-confirm:active, .swal2-actions .swal2-cancel:active {
background-color: #1a1a1a;
color: #fff; }
.button[disabled], .swal2-actions .swal2-confirm[disabled], .swal2-actions .swal2-cancel[disabled] {
background-color: #e0e0e0 !important;
color: #fff !important;
cursor: not-allowed; }
.button.button--primary {
background-color: #1a1a1a;
color: #fff; }
.button.button--primary:hover {
background-color: #424242;
color: #fff; }
.button.button--primary-white {
background-color: #fff;
color: #1a1a1a; }
.button.button--primary-white:hover {
background-color: #e0e0e0;
color: #1a1a1a; }
.button.button--primary-white:active {
background-color: #fff;
color: #1a1a1a; }
.button.button--primary-white[disabled] {
background-color: #fff !important;
color: #e0e0e0 !important; }
.button.button--secondary, .swal2-actions .swal2-confirm, .swal2-actions .swal2-cancel {
background-color: transparent;
border: 2px solid #e0e0e0;
color: #1a1a1a;
padding: 10px 18px; }
.button.button--secondary:hover, .swal2-actions .swal2-confirm:hover, .swal2-actions .swal2-cancel:hover {
background-color: #e0e0e0;
color: #1a1a1a; }
.button.button--secondary:active, .swal2-actions .swal2-confirm:active, .swal2-actions .swal2-cancel:active {
background-color: #bdbdbd;
border-color: #bdbdbd;
color: #1a1a1a; }
.button.button--secondary[disabled], .swal2-actions .swal2-confirm[disabled], .swal2-actions .swal2-cancel[disabled] {
background-color: transparent !important;
color: #e0e0e0 !important; }
.button.button--secondary-black {
background-color: transparent;
border: 2px solid #1a1a1a;
color: #333;
padding: 10px 18px; }
.button.button--secondary-black:hover {
background-color: #1a1a1a;
color: #fff; }
.button.button--secondary-black:active {
background-color: #424242;
border-color: #424242;
color: #fff; }
.button.button--secondary-black[disabled] {
background-color: transparent !important;
border-color: #e0e0e0;
color: #e0e0e0 !important; }
.module1-button.button.button--secondary-black {
width: 292px; }
.module2-button.button.button--secondary-black {
width: 260px; }
.colorblock-button.button.button--secondary-black {
width: 290px; }
.button.button--secondary-black {
background-color: transparent;
border: 2px solid #1a1a1a;
color: #333;
padding: 10px 18px; }
.button.button--secondary-black:hover {
background-color: #1a1a1a;
color: #fff; }
.button.button--secondary-black:active {
background-color: #424242;
border-color: #424242;
color: #fff; }
.button.button--secondary-black[disabled] {
background-color: transparent !important;
border-color: #e0e0e0;
color: #e0e0e0 !important; }
.button.button--secondary-black.module1-button {
width: 292px; }
.button.button--secondary-black.module2-button {
width: 260px; }
.button.button--secondary-black.colorblock-button {
width: 290px; }
.button.button--add-to-cart {
align-items: center;
background-color: #1a1a1a;
color: #fff;
display: flex;
gap: 14px;
justify-content: center;
padding: 12.5px 20px; }
.button.button--add-to-cart:hover {
background-color: #424242;
color: #fff; }
.button.button--add-to-cart:active {
background-color: #1a1a1a;
color: #fff; }
.button.button--add-to-cart[disabled] {
background-color: #e0e0e0 !important;
color: #fff !important; }
.button.button--add-to-cart svg {
margin-right: 10px; }
.button.button--add-to-cart.buy-now {
background-color: #aa182c;
margin-top: 0.5rem; }
.button.button--add-to-cart.buy-now:hover {
background-color: #cd2b30; }
.button.button--quick-shop {
background-color: #D9D9D9;
color: #1a1a1a;
width: 32px;
height: 32px;
border-radius: 50%;
position: absolute;
top: 10px;
right: 10px;
z-index: 4;
display: flex;
align-items: center;
justify-content: center; }
.button.button--quick-shop:hover {
background-color: #1a1a1a;
color: #fff; }
.button.button--quick-shop .icon {
width: 15px;
height: 15px; }
.button.button--quick-shop .icon svg {
width: 15px;
height: 15px; }
.button.button--zagg {
background-color: #aa182c;
color: #fff; }
.button.button--zagg:hover {
background-color: #7d1220;
color: #fff; }
.button.button--zagg:active {
background-color: #7d1220;
color: #fff; }
.button.button--zagg[disabled] {
background-color: #e0e0e0 !important;
color: #fff !important; }
.button.button--mophie {
background-color: #83c900;
color: #fff; }
.button.button--mophie:hover {
background-color: #629700;
color: #fff; }
.button.button--mophie:active {
background-color: #629700;
color: #fff; }
.button.button--mophie[disabled] {
background-color: #e0e0e0 !important;
color: #fff !important; }
.button.button--text {
background-color: transparent;
color: #1a1a1a;
font-weight: 600;
height: auto;
letter-spacing: 0;
line-height: normal;
padding: 0;
text-decoration: underline;
text-transform: none; }
.button.button--text:hover {
color: #333; }
.button.dropdown-button {
height: auto !important;
padding-bottom: 10px !important;
padding-top: 10px !important; }
.button svg {
fill: currentColor; }
.button .icon {
height: 18px;
width: 18px; }
@media only screen and (max-width: 767px) {
.button.button--mobile-block {
display: block;
padding: 0 5px;
width: 100%; } }
.button.button--short {
height: 46px;
line-height: 46px; }
.button--extra-wide {
padding-left: 71px;
padding-right: 71px; }
.button--unstyled {
background: transparent;
border: 0;
color: #1a1a1a;
font-weight: 400;
height: auto;
line-height: normal;
padding: 0;
text-transform: none; }
.button--unstyled:hover {
background: transparent;
color: #1a1a1a; }
.button--block {
display: block;
max-width: 100%;
padding: 0 5px;
width: 100%; }
.button--icon {
background-color: transparent;
border: none;
display: block;
padding: 0; }
.table-100 {
display: table;
height: 100%;
width: 100%; }
.table-100 > div {
display: table-cell;
vertical-align: middle; }
.page-banner-section .page-banner {
background-color: #1a1a1a;
background-position-x: 8%;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
position: relative; }
.page-banner-section .page-banner:not(.no-bg-image) {
height: 270px; }
@media only screen and (min-width: 768px) {
.page-banner-section .page-banner {
background-position: 55% 40%; }
.page-banner-section .page-banner:not(.no-bg-image) {
height: 300px; } }
.page-banner-section .page-banner.no-bg-image {
background-color: #f3f3f3;
min-height: 120px;
display: flex;
align-items: center; }
.page-banner-section .page-banner.no-bg-image .banner-title {
color: #1a1a1a; }
.page-banner-section .page-banner.no-bg-image .banner-content {
max-width: unset;
text-align: center;
padding: 20px 0;
margin: auto; }
.page-banner-section .page-banner.no-bg-image .banner-content h1 {
font-size: 24px;
color: #1a1a1a; }
.page-banner-section .page-banner.no-bg-image .banner-content p {
color: #1a1a1a; }
.page-banner-section .page-banner.no-bg-image .banner-content p:last-of-type {
margin-bottom: 0; }
@media only screen and (min-width: 768px) {
.page-banner-section .page-banner.no-bg-image .banner-content {
max-width: 435px; } }
@media only screen and (max-width: 767px) {
.page-banner-section .page-banner.no-bg-image::after {
background: #f3f3f3;
opacity: 1; }
.page-banner-section .page-banner.no-bg-image .banner-content h1,
.page-banner-section .page-banner.no-bg-image .banner-content p {
color: #1a1a1a !important; } }
.page-banner-section .page-banner .wrapper {
height: 100%;
position: relative;
z-index: 2; }
.page-banner-section .page-banner .banner-title {
color: #fff; }
.page-banner-section .page-banner :last-child {
margin-bottom: 0; }
.page-banner-section .page-banner .banner-content {
margin: auto;
max-width: 600px;
text-align: center; }
.page-banner-section .page-banner .banner-content > * {
margin-bottom: 10px; }
.page-banner-section .page-banner .banner-content h1 {
color: #fff; }
.page-banner-section .page-banner .banner-content p {
color: #fff;
text-transform: unset !important; }
@media only screen and (max-width: 767px) {
.page-banner-section .page-banner .banner-content p:has(img):first-of-type {
display: none; } }
.page-banner-section .page-banner .banner-content p:has(img):nth-of-type(2) {
margin-bottom: 3px; }
@media only screen and (min-width: 768px) {
.page-banner-section .page-banner .banner-content p:has(img):nth-of-type(2) {
display: none; } }
@media only screen and (min-width: 768px) {
.page-banner-section .page-banner .banner-content {
max-width: 384px;
margin: 0 16px 0 auto; } }
@media only screen and (min-width: 991px) {
.page-banner-section .page-banner .banner-content {
margin-left: calc(50% + 25px); } }
@media only screen and (min-width: 1200px) {
.page-banner-section .page-banner .banner-content {
margin-left: calc(50% + 110px); } }
@media only screen and (max-width: 767px) {
.page-banner-section .page-banner::after {
background: #1a1a1a;
opacity: 0.5;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0; }
.page-banner-section .page-banner .banner-content h1,
.page-banner-section .page-banner .banner-content p {
color: #fff !important; }
.page-banner-section .page-banner .banner-content span {
color: inherit !important; }
.page-banner-section .page-banner.lighten .banner-content h1,
.page-banner-section .page-banner.lighten .banner-content p {
color: #1a1a1a !important;
text-shadow: 0px 0px 30px #fff; }
.page-banner-section .page-banner.lighten::after {
background: #fff;
opacity: 0.2; } }
.is-srOnly,
.u-hiddenVisually {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px; }
.scrollable-table {
overflow-x: auto; }
.body {
overflow: visible !important; }
@media only screen and (min-width: 768px) {
.sticky-sidebar {
background-color: #fff;
padding-top: 16px;
position: -webkit-sticky;
/* Safari */
position: sticky;
top: 66px;
z-index: 6; } }
@media only screen and (min-width: 991px) {
.sticky-sidebar {
top: 123px; } }
@media only screen and (max-width: 767px) {
.sticky-sidebar {
margin-top: 20px; } }
.full-width-link {
background-color: transparent !important;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2; }
.instructional-text {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 1.2; }
.link-color-secondary {
color: #1a1a1a;
text-decoration: underline; }
.paragraph-small, .listItem-price span {
font-size: 14px;
line-height: 1.2; }
.large-margin {
margin-bottom: 30px; }
.hover-enlarge-image .image-container {
overflow: hidden; }
.hover-enlarge-image img {
transition: transform 400ms ease; }
.hover-enlarge-image:hover img {
transform: scale(1.1); }
.hover-enlarge-image:hover .item-title {
text-decoration: underline; }
.partner-banner {
position: relative; }
.partner-banner .partner-badge {
bottom: 0;
height: 90px;
position: absolute;
right: 0;
width: 90px; }
@media only screen and (min-width: 768px) {
.partner-banner .partner-badge {
height: 180px;
width: 180px; } }
.no-margin-bottom {
margin-bottom: 0; }
@media only screen and (max-width: 767px) {
input {
font-size: 16px; } }
@media only screen and (min-width: 768px) {
.pdp-page {
margin-top: 44px; } }
@media only screen and (max-width: 767px) {
.pdp-page {
margin-top: 32px; } }
/*!
* Web Fonts from Fontspring.com
*
* All OpenType features and all extended glyphs have been removed.
* Fully installable fonts can be purchased at http://www.fontspring.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Fontspring. The fonts are protected under domestic and international trademark and
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2010-2018 Fontspring
*
*
*
*
* The fonts included are copyrighted by the vendor listed below.
*
* Vendor: Fontfabric
* License URL: https://www.fontspring.com/licenses/fontfabric/webfont
*
*
*/
@font-face {
font-family: "nexa";
font-style: normal;
font-weight: normal;
src: url("../fonts/nexa/nexa-regular-webfont.woff2") format("woff2"), url("../fonts/nexa/nexa-regular-webfont.woff") format("woff"); }
@font-face {
font-family: "nexa";
font-style: normal;
font-weight: 700;
src: url("../fonts/nexa/nexa-bold-webfont.woff2") format("woff2"), url("../fonts/nexa/nexa-bold-webfont.woff") format("woff"); }
.swal2-popup.swal2-toast {
flex-direction: row;
align-items: center;
width: auto;
padding: 0.625em;
overflow-y: hidden;
background: #fff;
box-shadow: 0 0 0.625em #d9d9d9; }
.swal2-popup.swal2-toast .swal2-header {
flex-direction: row;
padding: 0; }
.swal2-popup.swal2-toast .swal2-title {
flex-grow: 1;
justify-content: flex-start;
margin: 0 0.6em;
font-size: 1em; }
.swal2-popup.swal2-toast .swal2-footer {
margin: 0.5em 0 0;
padding: 0.5em 0 0;
font-size: 0.8em; }
.swal2-popup.swal2-toast .swal2-close {
position: static;
width: 0.8em;
height: 0.8em;
line-height: 0.8; }
.swal2-popup.swal2-toast .swal2-content {
justify-content: flex-start;
padding: 0;
font-size: 1em; }
.swal2-popup.swal2-toast .swal2-icon {
width: 2em;
min-width: 2em;
height: 2em;
margin: 0; }
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
display: flex;
align-items: center;
font-size: 1.8em;
font-weight: bold; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
font-size: .25em; } }
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
width: 2em;
height: 2em; }
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
top: .875em;
width: 1.375em; }
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
left: .3125em; }
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
right: .3125em; }
.swal2-popup.swal2-toast .swal2-actions {
flex-basis: auto !important;
width: auto;
height: auto;
margin: 0 .3125em; }
.swal2-popup.swal2-toast .swal2-styled {
margin: 0 .3125em;
padding: .3125em .625em;
font-size: 1em; }
.swal2-popup.swal2-toast .swal2-styled:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4); }
.swal2-popup.swal2-toast .swal2-success {
border-color: #a5dc86; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
position: absolute;
width: 1.6em;
height: 3em;
transform: rotate(45deg);
border-radius: 50%; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] {
top: -.8em;
left: -.5em;
transform: rotate(-45deg);
transform-origin: 2em 2em;
border-radius: 4em 0 0 4em; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] {
top: -.25em;
left: .9375em;
transform-origin: 0 1.5em;
border-radius: 0 4em 4em 0; }
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
width: 2em;
height: 2em; }
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
top: 0;
left: .4375em;
width: .4375em;
height: 2.6875em; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] {
height: .3125em; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] {
top: 1.125em;
left: .1875em;
width: .75em; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] {
top: .9375em;
right: .1875em;
width: 1.375em; }
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
animation: swal2-toast-animate-success-line-tip .75s; }
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
animation: swal2-toast-animate-success-line-long .75s; }
.swal2-popup.swal2-toast.swal2-show {
animation: swal2-toast-show 0.5s; }
.swal2-popup.swal2-toast.swal2-hide {
animation: swal2-toast-hide 0.1s forwards; }
.swal2-container {
display: flex;
position: fixed;
z-index: 1060;
top: 0;
right: 0;
bottom: 0;
left: 0;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0.625em;
overflow-x: hidden;
transition: background-color 0.1s;
-webkit-overflow-scrolling: touch; }
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
background: rgba(0, 0, 0, 0.4); }
.swal2-container.swal2-backdrop-hide {
background: transparent !important; }
.swal2-container.swal2-top {
align-items: flex-start; }
.swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
align-items: flex-start;
justify-content: flex-start; }
.swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
align-items: flex-start;
justify-content: flex-end; }
.swal2-container.swal2-center {
align-items: center; }
.swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
align-items: center;
justify-content: flex-start; }
.swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
align-items: center;
justify-content: flex-end; }
.swal2-container.swal2-bottom {
align-items: flex-end; }
.swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
align-items: flex-end;
justify-content: flex-start; }
.swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
align-items: flex-end;
justify-content: flex-end; }
.swal2-container.swal2-bottom > :first-child,
.swal2-container.swal2-bottom-start > :first-child,
.swal2-container.swal2-bottom-left > :first-child,
.swal2-container.swal2-bottom-end > :first-child,
.swal2-container.swal2-bottom-right > :first-child {
margin-top: auto; }
.swal2-container.swal2-grow-fullscreen > .swal2-modal {
display: flex !important;
flex: 1;
align-self: stretch;
justify-content: center; }
.swal2-container.swal2-grow-row > .swal2-modal {
display: flex !important;
flex: 1;
align-content: center;
justify-content: center; }
.swal2-container.swal2-grow-column {
flex: 1;
flex-direction: column; }
.swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
align-items: center; }
.swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
align-items: flex-start; }
.swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
align-items: flex-end; }
.swal2-container.swal2-grow-column > .swal2-modal {
display: flex !important;
flex: 1;
align-content: center;
justify-content: center; }
.swal2-container.swal2-no-transition {
transition: none !important; }
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
margin: auto; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.swal2-container .swal2-modal {
margin: 0 !important; } }
.swal2-popup {
display: none;
position: relative;
box-sizing: border-box;
flex-direction: column;
justify-content: center;
width: 32em;
max-width: 100%;
padding: 1.25em;
border: none;
border-radius: 0.3125em;
background: #fff;
font-family: inherit;
font-size: 1rem; }
.swal2-popup:focus {
outline: none; }
.swal2-popup.swal2-loading {
overflow-y: hidden; }
.swal2-header {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 1.8em; }
.swal2-title {
position: relative;
max-width: 100%;
margin: 0 0 0.4em;
padding: 0;
color: #595959;
font-size: 1.875em;
font-weight: 600;
text-align: center;
text-transform: none;
word-wrap: break-word; }
.swal2-actions {
display: flex;
z-index: 1;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
margin: 1.25em auto 0; }
.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
opacity: .4; }
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }
.swal2-actions:not(.swal2-loading) .swal2-styled:active {
background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
box-sizing: border-box;
width: 2.5em;
height: 2.5em;
margin: .46875em;
padding: 0;
animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
border: .25em solid transparent;
border-radius: 100%;
border-color: transparent;
background-color: transparent !important;
color: transparent !important;
cursor: default;
user-select: none; }
.swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
margin-right: 30px;
margin-left: 30px; }
.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
content: '';
display: inline-block;
width: 15px;
height: 15px;
margin-left: 5px;
animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
border: 3px solid #999999;
border-radius: 50%;
border-right-color: transparent;
box-shadow: 1px 1px 1px #fff; }
.swal2-styled {
margin: .3125em;
padding: .625em 2em;
box-shadow: none;
font-weight: 500; }
.swal2-styled:not([disabled]) {
cursor: pointer; }
.swal2-styled.swal2-confirm {
border: 0;
border-radius: 0.25em;
background: initial;
background-color: #3085d6;
color: #fff;
font-size: 1.0625em; }
.swal2-styled.swal2-cancel {
border: 0;
border-radius: 0.25em;
background: initial;
background-color: #aaa;
color: #fff;
font-size: 1.0625em; }
.swal2-styled:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4); }
.swal2-styled::-moz-focus-inner {
border: 0; }
.swal2-footer {
justify-content: center;
margin: 1.25em 0 0;
padding: 1em 0 0;
border-top: 1px solid #eee;
color: #545454;
font-size: 1em; }
.swal2-timer-progress-bar-container {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 0.25em;
overflow: hidden;
border-bottom-right-radius: 0.3125em;
border-bottom-left-radius: 0.3125em; }
.swal2-timer-progress-bar {
width: 100%;
height: 0.25em;
background: rgba(0, 0, 0, 0.2); }
.swal2-image {
max-width: 100%;
margin: 1.25em auto; }
.swal2-close {
position: absolute;
z-index: 2;
top: 0;
right: 0;
align-items: center;
justify-content: center;
width: 1.2em;
height: 1.2em;
padding: 0;
overflow: hidden;
transition: color 0.1s ease-out;
border: none;
border-radius: 0;
background: transparent;
color: #cccccc;
font-family: serif;
font-size: 2.5em;
line-height: 1.2;
cursor: pointer; }
.swal2-close:hover {
transform: none;
background: transparent;
color: #f27474; }
.swal2-close::-moz-focus-inner {
border: 0; }
.swal2-content {
z-index: 1;
justify-content: center;
margin: 0;
padding: 0 1.6em;
color: #545454;
font-size: 1.125em;
font-weight: normal;
line-height: normal;
text-align: center;
word-wrap: break-word; }
.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
margin: 1em auto; }
.swal2-input,
.swal2-file,
.swal2-textarea {
box-sizing: border-box;
width: 100%;
transition: border-color 0.3s, box-shadow 0.3s;
border: 1px solid #d9d9d9;
border-radius: 0.1875em;
background: inherit;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
color: inherit;
font-size: 1.125em; }
.swal2-input.swal2-inputerror,
.swal2-file.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
border-color: #f27474 !important;
box-shadow: 0 0 2px #f27474 !important; }
.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
border: 1px solid #b4dbed;
outline: none;
box-shadow: 0 0 3px #c4e6f5; }
.swal2-input::placeholder,
.swal2-file::placeholder,
.swal2-textarea::placeholder {
color: #cccccc; }
.swal2-range {
margin: 1em auto;
background: #fff; }
.swal2-range input {
width: 80%; }
.swal2-range output {
width: 20%;
color: inherit;
font-weight: 600;
text-align: center; }
.swal2-range input,
.swal2-range output {
height: 2.625em;
padding: 0;
font-size: 1.125em;
line-height: 2.625em; }
.swal2-input {
height: 2.625em;
padding: 0 0.75em; }
.swal2-input[type='number'] {
max-width: 10em; }
.swal2-file {
background: inherit;
font-size: 1.125em; }
.swal2-textarea {
height: 6.75em;
padding: 0.75em; }
.swal2-select {
min-width: 50%;
max-width: 100%;
padding: .375em .625em;
background: inherit;
color: inherit;
font-size: 1.125em; }
.swal2-radio,
.swal2-checkbox {
align-items: center;
justify-content: center;
background: #fff;
color: inherit; }
.swal2-radio label,
.swal2-checkbox label {
margin: 0 .6em;
font-size: 1.125em; }
.swal2-radio input,
.swal2-checkbox input {
margin: 0 .4em; }
.swal2-validation-message {
display: none;
align-items: center;
justify-content: center;
padding: 0.625em;
overflow: hidden;
background: #f0f0f0;
color: #666666;
font-size: 1em;
font-weight: 300; }
.swal2-validation-message::before {
content: '!';
display: inline-block;
width: 1.5em;
min-width: 1.5em;
height: 1.5em;
margin: 0 .625em;
border-radius: 50%;
background-color: #f27474;
color: #fff;
font-weight: 600;
line-height: 1.5em;
text-align: center; }
.swal2-icon {
position: relative;
box-sizing: content-box;
justify-content: center;
width: 5em;
height: 5em;
margin: 1.25em auto 1.875em;
border: .25em solid transparent;
border-radius: 50%;
font-family: inherit;
line-height: 5em;
cursor: default;
user-select: none; }
.swal2-icon .swal2-icon-content {
display: flex;
align-items: center;
font-size: 3.75em; }
.swal2-icon.swal2-error {
border-color: #f27474;
color: #f27474; }
.swal2-icon.swal2-error .swal2-x-mark {
position: relative;
flex-grow: 1; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
display: block;
position: absolute;
top: 2.3125em;
width: 2.9375em;
height: .3125em;
border-radius: .125em;
background-color: #f27474; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
left: 1.0625em;
transform: rotate(45deg); }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
right: 1em;
transform: rotate(-45deg); }
.swal2-icon.swal2-error.swal2-icon-show {
animation: swal2-animate-error-icon .5s; }
.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
animation: swal2-animate-error-x-mark .5s; }
.swal2-icon.swal2-warning {
border-color: #facea8;
color: #f8bb86; }
.swal2-icon.swal2-info {
border-color: #9de0f6;
color: #3fc3ee; }
.swal2-icon.swal2-question {
border-color: #c9dae1;
color: #87adbd; }
.swal2-icon.swal2-success {
border-color: #a5dc86;
color: #a5dc86; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
position: absolute;
width: 3.75em;
height: 7.5em;
transform: rotate(45deg);
border-radius: 50%; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] {
top: -.4375em;
left: -2.0635em;
transform: rotate(-45deg);
transform-origin: 3.75em 3.75em;
border-radius: 7.5em 0 0 7.5em; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
top: -.6875em;
left: 1.875em;
transform: rotate(-45deg);
transform-origin: 0 3.75em;
border-radius: 0 7.5em 7.5em 0; }
.swal2-icon.swal2-success .swal2-success-ring {
position: absolute;
z-index: 2;
top: -.25em;
left: -.25em;
box-sizing: content-box;
width: 100%;
height: 100%;
border: 0.25em solid rgba(165, 220, 134, 0.3);
border-radius: 50%; }
.swal2-icon.swal2-success .swal2-success-fix {
position: absolute;
z-index: 1;
top: .5em;
left: 1.625em;
width: .4375em;
height: 5.625em;
transform: rotate(-45deg); }
.swal2-icon.swal2-success [class^='swal2-success-line'] {
display: block;
position: absolute;
z-index: 2;
height: .3125em;
border-radius: .125em;
background-color: #a5dc86; }
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
top: 2.875em;
left: .8125em;
width: 1.5625em;
transform: rotate(45deg); }
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
top: 2.375em;
right: .5em;
width: 2.9375em;
transform: rotate(-45deg); }
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
animation: swal2-animate-success-line-tip .75s; }
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
animation: swal2-animate-success-line-long .75s; }
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
animation: swal2-rotate-success-circular-line 4.25s ease-in; }
.swal2-progress-steps {
align-items: center;
margin: 0 0 1.25em;
padding: 0;
background: inherit;
font-weight: 600; }
.swal2-progress-steps li {
display: inline-block;
position: relative; }
.swal2-progress-steps .swal2-progress-step {
z-index: 20;
width: 2em;
height: 2em;
border-radius: 2em;
background: #3085d6;
color: #fff;
line-height: 2em;
text-align: center; }
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
background: #3085d6; }
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
background: #add8e6;
color: #fff; }
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
background: #add8e6; }
.swal2-progress-steps .swal2-progress-step-line {
z-index: 10;
width: 2.5em;
height: .4em;
margin: 0 -1px;
background: #3085d6; }
[class^='swal2'] {
-webkit-tap-highlight-color: transparent; }
.swal2-show {
animation: swal2-show 0.3s; }
.swal2-hide {
animation: swal2-hide 0.15s forwards; }
.swal2-noanimation {
transition: none; }
.swal2-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
.swal2-rtl .swal2-close {
right: auto;
left: 0; }
.swal2-rtl .swal2-timer-progress-bar {
right: 0;
left: auto; }
@supports (-ms-accelerator: true) {
.swal2-range input {
width: 100% !important; }
.swal2-range output {
display: none; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.swal2-range input {
width: 100% !important; }
.swal2-range output {
display: none; } }
@-moz-document url-prefix() {
.swal2-close:focus {
outline: 2px solid rgba(50, 100, 150, 0.4); } }
@keyframes swal2-toast-show {
0% {
transform: translateY(-0.625em) rotateZ(2deg); }
33% {
transform: translateY(0) rotateZ(-2deg); }
66% {
transform: translateY(0.3125em) rotateZ(2deg); }
100% {
transform: translateY(0) rotateZ(0deg); } }
@keyframes swal2-toast-hide {
100% {
transform: rotateZ(1deg);
opacity: 0; } }
@keyframes swal2-toast-animate-success-line-tip {
0% {
top: .5625em;
left: .0625em;
width: 0; }
54% {
top: .125em;
left: .125em;
width: 0; }
70% {
top: .625em;
left: -.25em;
width: 1.625em; }
84% {
top: 1.0625em;
left: .75em;
width: .5em; }
100% {
top: 1.125em;
left: .1875em;
width: .75em; } }
@keyframes swal2-toast-animate-success-line-long {
0% {
top: 1.625em;
right: 1.375em;
width: 0; }
65% {
top: 1.25em;
right: .9375em;
width: 0; }
84% {
top: .9375em;
right: 0;
width: 1.125em; }
100% {
top: .9375em;
right: .1875em;
width: 1.375em; } }
@keyframes swal2-show {
0% {
transform: scale(0.7); }
45% {
transform: scale(1.05); }
80% {
transform: scale(0.95); }
100% {
transform: scale(1); } }
@keyframes swal2-hide {
0% {
transform: scale(1);
opacity: 1; }
100% {
transform: scale(0.5);
opacity: 0; } }
@keyframes swal2-animate-success-line-tip {
0% {
top: 1.1875em;
left: .0625em;
width: 0; }
54% {
top: 1.0625em;
left: .125em;
width: 0; }
70% {
top: 2.1875em;
left: -.375em;
width: 3.125em; }
84% {
top: 3em;
left: 1.3125em;
width: 1.0625em; }
100% {
top: 2.8125em;
left: .8125em;
width: 1.5625em; } }
@keyframes swal2-animate-success-line-long {
0% {
top: 3.375em;
right: 2.875em;
width: 0; }
65% {
top: 3.375em;
right: 2.875em;
width: 0; }
84% {
top: 2.1875em;
right: 0;
width: 3.4375em; }
100% {
top: 2.375em;
right: .5em;
width: 2.9375em; } }
@keyframes swal2-rotate-success-circular-line {
0% {
transform: rotate(-45deg); }
5% {
transform: rotate(-45deg); }
12% {
transform: rotate(-405deg); }
100% {
transform: rotate(-405deg); } }
@keyframes swal2-animate-error-x-mark {
0% {
margin-top: 1.625em;
transform: scale(0.4);
opacity: 0; }
50% {
margin-top: 1.625em;
transform: scale(0.4);
opacity: 0; }
80% {
margin-top: -.375em;
transform: scale(1.15); }
100% {
margin-top: 0;
transform: scale(1);
opacity: 1; } }
@keyframes swal2-animate-error-icon {
0% {
transform: rotateX(100deg);
opacity: 0; }
100% {
transform: rotateX(0deg);
opacity: 1; } }
@keyframes swal2-rotate-loading {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
overflow: hidden; }
body.swal2-height-auto {
height: auto !important; }
body.swal2-no-backdrop .swal2-container {
top: auto;
right: auto;
bottom: auto;
left: auto;
max-width: calc(100% - 0.625em * 2);
background-color: transparent !important; }
body.swal2-no-backdrop .swal2-container > .swal2-modal {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
body.swal2-no-backdrop .swal2-container.swal2-top {
top: 0;
left: 50%;
transform: translateX(-50%); }
body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left {
top: 0;
left: 0; }
body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right {
top: 0;
right: 0; }
body.swal2-no-backdrop .swal2-container.swal2-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left {
top: 50%;
left: 0;
transform: translateY(-50%); }
body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right {
top: 50%;
right: 0;
transform: translateY(-50%); }
body.swal2-no-backdrop .swal2-container.swal2-bottom {
bottom: 0;
left: 50%;
transform: translateX(-50%); }
body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left {
bottom: 0;
left: 0; }
body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
right: 0;
bottom: 0; }
@media print {
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
overflow-y: scroll !important; }
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden='true'] {
display: none; }
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
position: static !important; } }
body.swal2-toast-shown .swal2-container {
background-color: transparent; }
body.swal2-toast-shown .swal2-container.swal2-top {
top: 0;
right: auto;
bottom: auto;
left: 50%;
transform: translateX(-50%); }
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
top: 0;
right: 0;
bottom: auto;
left: auto; }
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
top: 0;
right: auto;
bottom: auto;
left: 0; }
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
top: 50%;
right: auto;
bottom: auto;
left: 0;
transform: translateY(-50%); }
body.swal2-toast-shown .swal2-container.swal2-center {
top: 50%;
right: auto;
bottom: auto;
left: 50%;
transform: translate(-50%, -50%); }
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
top: 50%;
right: 0;
bottom: auto;
left: auto;
transform: translateY(-50%); }
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
top: auto;
right: auto;
bottom: 0;
left: 0; }
body.swal2-toast-shown .swal2-container.swal2-bottom {
top: auto;
right: auto;
bottom: 0;
left: 50%;
transform: translateX(-50%); }
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
top: auto;
right: 0;
bottom: 0;
left: auto; }
body.swal2-toast-column .swal2-toast {
flex-direction: column;
align-items: stretch; }
body.swal2-toast-column .swal2-toast .swal2-actions {
flex: 1;
align-self: stretch;
height: 2.2em;
margin-top: .3125em; }
body.swal2-toast-column .swal2-toast .swal2-loading {
justify-content: center; }
body.swal2-toast-column .swal2-toast .swal2-input {
height: 2em;
margin: .3125em auto;
font-size: 1em; }
body.swal2-toast-column .swal2-toast .swal2-validation-message {
font-size: 1em; }
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 16px 16px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
.hamburger.is-active:hover {
opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #000; }
.hamburger-box {
width: 20px;
height: 17px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1.5px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 20px;
height: 3px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -7px; }
.hamburger-inner::after {
bottom: -7px; }
/*
* Elastic
*/
.hamburger--elastic .hamburger-inner {
top: 1.5px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic .hamburger-inner::before {
top: 7px;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic .hamburger-inner::after {
top: 14px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 7px, 0) rotate(135deg);
transition-delay: 0.075s; }
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -14px, 0) rotate(-270deg);
transition-delay: 0.075s; }
meta.foundation-version {
font-family: "/5.5.3/"; }
meta.foundation-mq-small {
font-family: "/small-up/";
width: 0; }
meta.foundation-mq-small-only {
font-family: "/only screen and (max-width: 40em)/";
width: 0; }
meta.foundation-mq-medium {
font-family: "/medium-up/";
width: 40.0625em; }
meta.foundation-mq-medium-only {
font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
width: 40.0625em; }
meta.foundation-mq-large {
font-family: "/large-up/";
width: 64.0625em; }
meta.foundation-mq-large-only {
font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
width: 64.0625em; }
meta.foundation-mq-xlarge {
font-family: "/xlarge-up/";
width: 90.0625em; }
meta.foundation-mq-xlarge-only {
font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
width: 90.0625em; }
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.0625em)/";
width: 120.0625em; }
meta.foundation-data-attribute-namespace {
font-family: false; }
.off-canvas-wrap {
-webkit-backface-visibility: hidden;
position: relative;
width: 100%;
overflow: hidden; }
.off-canvas-wrap.move-right, .off-canvas-wrap.move-left, .off-canvas-wrap.move-bottom, .off-canvas-wrap.move-top {
min-height: 100%;
-webkit-overflow-scrolling: touch; }
.inner-wrap {
position: relative;
width: 100%;
*zoom: 1;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease; }
.inner-wrap::after {
clear: both;
content: "";
display: table; }
.tab-bar {
-webkit-backface-visibility: hidden;
background: #fff;
color: #000;
height: 65px;
line-height: 65px;
position: relative; }
.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4,
.tab-bar h5,
.tab-bar h6 {
color: #000;
font-weight: 700;
line-height: 1.6;
margin: 0; }
.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4 {
font-size: 16px; }
.left-small {
height: 65px;
position: absolute;
top: 0;
width: 65px;
border-right: none 0 transparent;
left: 0; }
.right-small {
height: 65px;
position: absolute;
top: 0;
width: 65px;
border-left: none 0 transparent;
right: 0; }
.tab-bar-section {
height: 65px;
padding: 0 10px;
position: absolute;
text-align: center;
top: 0; }
.tab-bar-section.left {
text-align: left; }
.tab-bar-section.right {
text-align: right; }
.tab-bar-section.left {
left: 0;
right: 65px; }
.tab-bar-section.right {
left: 65px;
right: 0; }
.tab-bar-section.middle {
left: 65px;
right: 65px; }
.tab-bar .menu-icon {
color: #000;
display: block;
height: 65px;
padding: 0;
position: relative;
text-indent: 35px;
transform: translate3d(0, 0, 0);
width: 65px; }
.tab-bar .menu-icon span::after {
box-shadow: 0 0 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;
content: "";
display: block;
height: 0;
position: absolute;
width: 16px;
margin-top: -8px;
top: 50%;
left: 24.5px; }
.tab-bar .menu-icon span:hover::after {
box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }
.left-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #fff;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
transition: transform 500ms ease 0s;
width: 300px;
z-index: 1001;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
top: 0; }
.left-off-canvas-menu * {
-webkit-backface-visibility: hidden; }
.right-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #fff;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
transition: transform 500ms ease 0s;
width: 300px;
z-index: 1001;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0;
top: 0; }
.right-off-canvas-menu * {
-webkit-backface-visibility: hidden; }
.top-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #fff;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
transition: transform 500ms ease 0s;
width: 300px;
z-index: 1001;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate(0, -100%);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
height: auto;
top: 0;
width: 100%; }
.top-off-canvas-menu * {
-webkit-backface-visibility: hidden; }
.bottom-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #fff;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
transition: transform 500ms ease 0s;
width: 300px;
z-index: 1001;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate(0, 100%);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom: 0;
height: auto;
width: 100%; }
.bottom-off-canvas-menu * {
-webkit-backface-visibility: hidden; }
ul.off-canvas-list {
list-style-type: none;
margin: 0;
padding: 0; }
ul.off-canvas-list li label {
background: #f5f5f5;
border-bottom: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
color: #1a1a1a;
display: block;
font-size: 18px;
font-weight: 700;
margin: 0;
padding: 15px 20px;
text-transform: uppercase; }
ul.off-canvas-list li a {
border-bottom: 1px solid #e0e0e0;
color: #1a1a1a;
display: block;
padding: 15px 20px;
transition: background 300ms ease; }
ul.off-canvas-list li a:hover {
background: #e0e0e0;
color: #1a1a1a; }
ul.off-canvas-list li a:active {
background: #333;
color: #fff;
outline: none; }
.move-right > .inner-wrap {
-webkit-transform: translate3d(300px, 0, 0);
-moz-transform: translate3d(300px, 0, 0);
-ms-transform: translate(300px, 0);
-o-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0); }
.move-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
background: rgba(0, 0, 0, 0.3);
bottom: 0;
box-shadow: -4px 0 4px rgba(26, 26, 26, 0.5), 4px 0 4px rgba(26, 26, 26, 0.5);
cursor: pointer;
display: block;
left: 0;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
transition: background 300ms ease;
z-index: 1002; }
@media medium-up {
.move-right .exit-off-canvas:hover {
background: rgba(0, 0, 0, 0.3); } }
.move-left > .inner-wrap {
-webkit-transform: translate3d(-300px, 0, 0);
-moz-transform: translate3d(-300px, 0, 0);
-ms-transform: translate(-300px, 0);
-o-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0); }
.move-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
background: rgba(0, 0, 0, 0.3);
bottom: 0;
box-shadow: -4px 0 4px rgba(26, 26, 26, 0.5), 4px 0 4px rgba(26, 26, 26, 0.5);
cursor: pointer;
display: block;
left: 0;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
transition: background 300ms ease;
z-index: 1002; }
@media medium-up {
.move-left .exit-off-canvas:hover {
background: rgba(0, 0, 0, 0.3); } }
.move-top > .inner-wrap {
-webkit-transform: translate3d(0, -auto, 0);
-moz-transform: translate3d(0, -auto, 0);
-ms-transform: translate(0, -auto);
-o-transform: translate3d(0, -auto, 0);
transform: translate3d(0, -auto, 0); }
.move-top .exit-off-canvas {
-webkit-backface-visibility: hidden;
background: rgba(0, 0, 0, 0.3);
bottom: 0;
box-shadow: -4px 0 4px rgba(26, 26, 26, 0.5), 4px 0 4px rgba(26, 26, 26, 0.5);
cursor: pointer;
display: block;
left: 0;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
transition: background 300ms ease;
z-index: 1002; }
@media medium-up {
.move-top .exit-off-canvas:hover {
background: rgba(0, 0, 0, 0.3); } }
.move-bottom > .inner-wrap {
-webkit-transform: translate3d(0, auto, 0);
-moz-transform: translate3d(0, auto, 0);
-ms-transform: translate(0, auto);
-o-transform: translate3d(0, auto, 0);
transform: translate3d(0, auto, 0); }
.move-bottom .exit-off-canvas {
-webkit-backface-visibility: hidden;
background: rgba(0, 0, 0, 0.3);
bottom: 0;
box-shadow: -4px 0 4px rgba(26, 26, 26, 0.5), 4px 0 4px rgba(26, 26, 26, 0.5);
cursor: pointer;
display: block;
left: 0;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
transition: background 300ms ease;
z-index: 1002; }
@media medium-up {
.move-bottom .exit-off-canvas:hover {
background: rgba(0, 0, 0, 0.3); } }
.offcanvas-overlap .left-off-canvas-menu,
.offcanvas-overlap .right-off-canvas-menu,
.offcanvas-overlap .top-off-canvas-menu,
.offcanvas-overlap .bottom-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap .exit-off-canvas {
-webkit-backface-visibility: hidden;
background: rgba(0, 0, 0, 0.3);
bottom: 0;
box-shadow: -4px 0 4px rgba(26, 26, 26, 0.5), 4px 0 4px rgba(26, 26, 26, 0.5);
cursor: pointer;
display: block;
left: 0;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
transition: background 300ms ease;
z-index: 1002; }
@media medium-up {
.offcanvas-overlap .exit-off-canvas:hover {
background: rgba(0, 0, 0, 0.3); } }
.offcanvas-overlap-left .right-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
background: rgba(0, 0, 0, 0.3);
bottom: 0;
box-shadow: -4px 0 4px rgba(26, 26, 26, 0.5), 4px 0 4px rgba(26, 26, 26, 0.5);
cursor: pointer;
display: block;
left: 0;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
transition: background 300ms ease;
z-index: 1002;
background: rgba(0, 0, 0, 0.5) !important;
position: fixed; }
@media medium-up {
.offcanvas-overlap-left .exit-off-canvas:hover {
background: rgba(0, 0, 0, 0.3); } }
.offcanvas-overlap-right .left-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
background: rgba(0, 0, 0, 0.3);
bottom: 0;
box-shadow: -4px 0 4px rgba(26, 26, 26, 0.5), 4px 0 4px rgba(26, 26, 26, 0.5);
cursor: pointer;
display: block;
left: 0;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
transition: background 300ms ease;
z-index: 1002; }
@media medium-up {
.offcanvas-overlap-right .exit-off-canvas:hover {
background: rgba(0, 0, 0, 0.3); } }
.offcanvas-overlap-top .bottom-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap-top .exit-off-canvas {
-webkit-backface-visibility: hidden;
background: rgba(0, 0, 0, 0.3);
bottom: 0;
box-shadow: -4px 0 4px rgba(26, 26, 26, 0.5), 4px 0 4px rgba(26, 26, 26, 0.5);
cursor: pointer;
display: block;
left: 0;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
transition: background 300ms ease;
z-index: 1002; }
@media medium-up {
.offcanvas-overlap-top .exit-off-canvas:hover {
background: rgba(0, 0, 0, 0.3); } }
.offcanvas-overlap-bottom .top-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap-bottom .exit-off-canvas {
-webkit-backface-visibility: hidden;
background: rgba(0, 0, 0, 0.3);
bottom: 0;
box-shadow: -4px 0 4px rgba(26, 26, 26, 0.5), 4px 0 4px rgba(26, 26, 26, 0.5);
cursor: pointer;
display: block;
left: 0;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
transition: background 300ms ease;
z-index: 1002; }
@media medium-up {
.offcanvas-overlap-bottom .exit-off-canvas:hover {
background: rgba(0, 0, 0, 0.3); } }
.no-csstransforms .left-off-canvas-menu {
left: -300px; }
.no-csstransforms .right-off-canvas-menu {
right: -300px; }
.no-csstransforms .top-off-canvas-menu {
top: -auto; }
.no-csstransforms .bottom-off-canvas-menu {
bottom: -auto; }
.no-csstransforms .move-left > .inner-wrap {
right: 300px; }
.no-csstransforms .move-right > .inner-wrap {
left: 300px; }
.no-csstransforms .move-top > .inner-wrap {
right: auto; }
.no-csstransforms .move-bottom > .inner-wrap {
left: auto; }
.left-submenu {
-webkit-backface-visibility: hidden;
background: #fff;
bottom: 0;
box-sizing: content-box;
height: auto;
margin: 0;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
width: 300px;
z-index: 1002;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0; }
.left-submenu * {
-webkit-backface-visibility: hidden; }
.left-submenu .back > a,
.left-submenu .back > .button {
background: #f5f5f5;
border-bottom: 1px solid #e0e0e0;
border-top: none;
color: #1a1a1a;
font-weight: 700;
margin: 0;
padding: 15px 20px;
text-transform: uppercase; }
.left-submenu .back > a:hover,
.left-submenu .back > .button:hover {
background: #e0e0e0;
border-bottom: 1px solid #e0e0e0;
border-top: none; }
.left-submenu .back > a::before,
.left-submenu .back > .button::before {
content: "\AB";
margin-right: 0.5rem;
display: inline; }
.left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
-ms-transform: translate(0%, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0); }
.right-submenu {
-webkit-backface-visibility: hidden;
background: #fff;
bottom: 0;
box-sizing: content-box;
height: auto;
margin: 0;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
width: 300px;
z-index: 1002;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0; }
.right-submenu * {
-webkit-backface-visibility: hidden; }
.right-submenu .back > a,
.right-submenu .back > .button {
background: #f5f5f5;
border-bottom: 1px solid #e0e0e0;
border-top: none;
color: #1a1a1a;
font-weight: 700;
margin: 0;
padding: 15px 20px;
text-transform: uppercase; }
.right-submenu .back > a:hover,
.right-submenu .back > .button:hover {
background: #e0e0e0;
border-bottom: 1px solid #e0e0e0;
border-top: none; }
.right-submenu .back > a::after,
.right-submenu .back > .button::after {
content: "\BB";
margin-left: 0.5rem;
display: inline; }
.right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
-ms-transform: translate(0%, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0); }
.top-submenu {
-webkit-backface-visibility: hidden;
background: #fff;
bottom: 0;
box-sizing: content-box;
height: auto;
margin: 0;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
width: 300px;
z-index: 1002;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate(0, -100%);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
top: 0;
width: 100%; }
.top-submenu * {
-webkit-backface-visibility: hidden; }
.top-submenu .back > a,
.top-submenu .back > .button {
background: #f5f5f5;
border-bottom: 1px solid #e0e0e0;
border-top: none;
color: #1a1a1a;
font-weight: 700;
margin: 0;
padding: 15px 20px;
text-transform: uppercase; }
.top-submenu .back > a:hover,
.top-submenu .back > .button:hover {
background: #e0e0e0;
border-bottom: 1px solid #e0e0e0;
border-top: none; }
.top-submenu.move-bottom, .top-submenu.offcanvas-overlap-bottom, .top-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0, 0%, 0);
-moz-transform: translate3d(0, 0%, 0);
-ms-transform: translate(0, 0%);
-o-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0); }
.bottom-submenu {
-webkit-backface-visibility: hidden;
background: #fff;
bottom: 0;
box-sizing: content-box;
height: auto;
margin: 0;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
width: 300px;
z-index: 1002;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate(0, 100%);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom: 0;
width: 100%; }
.bottom-submenu * {
-webkit-backface-visibility: hidden; }
.bottom-submenu .back > a,
.bottom-submenu .back > .button {
background: #f5f5f5;
border-bottom: 1px solid #e0e0e0;
border-top: none;
color: #1a1a1a;
font-weight: 700;
margin: 0;
padding: 15px 20px;
text-transform: uppercase; }
.bottom-submenu .back > a:hover,
.bottom-submenu .back > .button:hover {
background: #e0e0e0;
border-bottom: 1px solid #e0e0e0;
border-top: none; }
.bottom-submenu.move-top, .bottom-submenu.offcanvas-overlap-top, .bottom-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0, 0%, 0);
-moz-transform: translate3d(0, 0%, 0);
-ms-transform: translate(0, 0%);
-o-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0); }
@media only screen and (max-width: 767px) {
.right-off-canvas-menu {
width: 100% !important; } }
/* Magnific Popup CSS */
.mfp-bg {
background: #0b0b0b;
filter: alpha(opacity=80);
height: 100%;
left: 0;
opacity: 0.8;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 1042; }
.mfp-wrap {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none !important;
position: fixed;
top: 0;
width: 100%;
z-index: 1043; }
.mfp-container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
left: 0;
padding: 0 8px;
position: absolute;
text-align: center;
top: 0;
width: 100%; }
.mfp-container::before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container::before {
display: none; }
.mfp-content {
display: inline-block;
margin: 0 auto;
position: relative;
text-align: left;
vertical-align: middle;
z-index: 1045; }
.mfp-content #MainContent {
background: #fff;
margin: 20px auto;
max-width: 1100px;
padding: 20px;
position: relative;
width: auto; }
.mfp-content #newsletterPopup {
margin-bottom: 0; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
cursor: auto;
width: 100%; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #ccc;
left: 8px;
margin-top: -0.8em;
position: absolute;
right: 8px;
text-align: center;
top: 50%;
width: auto;
z-index: 1044; }
.mfp-preloader a {
color: #ccc; }
.mfp-preloader a:hover {
color: #fff; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
-webkit-appearance: none;
background: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: block;
outline: none;
overflow: visible;
padding: 0;
z-index: 1046; }
button::-moz-focus-inner {
border: 0;
padding: 0; }
.mfp-close {
color: #fff;
filter: alpha(opacity=65);
font-family: Arial, Baskerville, monospace;
font-size: 50px;
font-style: normal;
height: 50px;
line-height: 44px;
opacity: 0.65;
padding: 0 0 18px 10px;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
top: 0;
width: 50px; }
.mfp-close:hover,
.mfp-close:focus {
filter: alpha(opacity=100);
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #fff;
padding-right: 6px;
right: -6px;
text-align: right;
width: 100%; }
.mfp-counter {
color: #ccc;
font-size: 12px;
line-height: 18px;
position: absolute;
right: 0;
top: 0;
white-space: nowrap; }
.mfp-arrow {
filter: alpha(opacity=65);
height: 110px;
margin: 0;
margin-top: -55px;
opacity: 0.65;
padding: 0;
position: absolute;
-webkit-tap-highlight-color: transparent;
top: 50%;
width: 90px; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
filter: alpha(opacity=100);
opacity: 1; }
.mfp-arrow::before,
.mfp-arrow::after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
border: medium inset transparent;
content: "";
display: block;
height: 0;
left: 0;
margin-left: 35px;
margin-top: 35px;
position: absolute;
top: 0;
width: 0; }
.mfp-arrow::after,
.mfp-arrow .mfp-a {
border-bottom-width: 13px;
border-top-width: 13px;
top: 8px; }
.mfp-arrow::before,
.mfp-arrow .mfp-b {
border-bottom-width: 21px;
border-top-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left::after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #fff;
margin-left: 31px; }
.mfp-arrow-left::before,
.mfp-arrow-left .mfp-b {
border-right: 27px solid #3f3f3f;
margin-left: 25px; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right::after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #fff;
margin-left: 39px; }
.mfp-arrow-right::before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-bottom: 40px;
padding-top: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
max-width: 900px;
width: 100%; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
height: 0;
overflow: hidden;
padding-top: 56.25%;
width: 100%; }
.mfp-iframe-scaler iframe {
background: #000;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%; }
/* Main image in popup */
img.mfp-img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: auto;
line-height: 0;
margin: 0 auto;
max-width: 100%;
padding: 40px 0;
width: auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure::after {
background: #444;
bottom: 40px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
content: "";
display: block;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 40px;
width: auto;
z-index: -1; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
cursor: auto;
left: 0;
margin-top: -36px;
position: absolute;
top: 100%;
width: 100%; }
.mfp-title {
color: #f3f3f3;
line-height: 18px;
padding-right: 36px;
text-align: left;
word-wrap: break-word; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure::after {
bottom: 0;
top: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 3px 5px;
position: fixed;
top: auto; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
background: rgba(0, 0, 0, 0.6);
height: 35px;
line-height: 35px;
padding: 0;
position: fixed;
right: 0;
text-align: center;
top: 0;
width: 35px; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
width: 600px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
padding-top: 0;
right: 0;
top: 0; }
.white-popup {
background: #fff;
margin: 20px auto;
max-width: 1100px;
padding: 20px;
position: relative;
width: auto; }
.promo-popup {
background: #fff;
border-radius: 10px;
margin: 20px auto;
max-width: 1100px;
padding: 20px;
position: relative;
width: fit-content; }
@media only screen and (min-width: 768px) {
.promo-popup {
padding: 2rem 3rem; } }
.promo-popup ul, .promo-popup ol {
padding-left: 20px;
max-width: 60ch; }
.tooltip-popup {
padding: 80px 120px;
border-radius: 10px; }
@media only screen and (max-width: 767px) {
.tooltip-popup {
padding: 20px 60px 20px 20px; } }
.tooltip-popup p {
font-size: 14px; }
.bundle-tooltip {
padding: 60px 35px;
display: flex;
gap: 40px;
border-radius: 10px; }
@media only screen and (max-width: 767px) {
.bundle-tooltip {
padding: 20px 60px 20px 20px; } }
@media only screen and (max-width: 767px) {
.bundle-tooltip .desktop-img {
display: none; } }
.bundle-tooltip .mobile-img {
display: none; }
@media only screen and (max-width: 767px) {
.bundle-tooltip .mobile-img {
display: block; } }
.bundle-tooltip .bundle-tooltip-img {
width: calc(50% - 40px);
object-fit: contain; }
.bundle-tooltip .bundle-tooltip-img.mobile-img {
width: 100%; }
.bundle-tooltip .main-price {
margin-right: 5px; }
.bundle-tooltip p {
font-size: 14px; }
.bundle-tooltip .h3 {
font-size: 24px; }
.modal-oos-notify-me {
width: 100%; }
.modal-oos-notify-me .input-flex {
width: 100%;
display: flex; }
.modal-oos-notify-me .input-flex form {
display: inherit;
height: 100%;
flex-grow: 1; }
.modal-oos-notify-me .input-flex form .email-input {
flex-grow: 1;
border-radius: 10px;
border: 1px solid #1a1a1a;
padding-left: 10px;
margin-right: 10px; }
.notify-me-popup {
border-radius: 10px;
padding: 40px 20px;
width: 90%; }
@media only screen and (min-width: 768px) {
.notify-me-popup {
width: 650px;
padding: 60px; } }
.notify-me-popup form {
display: flex;
width: 100%;
align-items: flex-start;
gap: 16px; }
.notify-me-popup form .form-field {
width: 100%; }
.notify-me-popup form .input-flex {
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
height: 44px;
margin-bottom: 20px; }
.notify-me-popup form .email-input {
height: 44px;
border-radius: 10px;
padding-left: 15px;
margin-right: 10px;
width: 100%;
font-size: 16px;
flex-grow: 1; }
.notify-me-popup form .button {
height: 44px;
border-radius: 10px;
width: auto;
font-size: 16px; }
/**
* Swiper 8.4.7
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: January 30, 2023
*/
@font-face {
font-family: 'swiper-icons';
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal; }
:root {
--swiper-theme-color: #007aff; }
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1; }
.swiper-vertical > .swiper-wrapper {
flex-direction: column; }
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box; }
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0); }
.swiper-pointer-events {
touch-action: pan-y; }
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x; }
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform; }
.swiper-slide-invisible-blank {
visibility: hidden; }
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto; }
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height; }
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden; }
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px; }
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d; }
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10; }
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15); }
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */ }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none; }
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start; }
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory; }
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory; }
.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999; }
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before); }
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
width: var(--swiper-centered-offset-after); }
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before); }
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
height: var(--swiper-centered-offset-after); }
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always; }
/* a11y */
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000; }
/* Preloader */
:root {
/*
--swiper-preloader-color: var(--swiper-theme-color);
*/ }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent; }
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear; }
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff; }
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000; }
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-color: var(--swiper-theme-color);
*/ }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color)); }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none; }
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none; }
.swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled
.swiper-button-next {
display: none !important; }
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1; }
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto; }
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev'; }
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto; }
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next'; }
.swiper-button-lock {
display: none; }
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
*/ }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10; }
.swiper-pagination.swiper-pagination-hidden {
opacity: 0; }
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
display: none !important; }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 10px;
left: 0;
width: 100%; }
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33); }
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer; }
.swiper-pagination-bullet:only-child {
display: none !important; }
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color)); }
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0); }
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block; }
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px; }
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top; }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap; }
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left; }
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right; }
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top; }
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top; }
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0; }
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0; }
.swiper-pagination-lock {
display: none; }
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1); }
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important; }
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%; }
.swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%; }
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0; }
.swiper-scrollbar-cursor-drag {
cursor: move; }
.swiper-scrollbar-lock {
display: none; }
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center; }
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain; }
.swiper-slide-zoomed {
cursor: move; }
:root {
--swiper-theme-color: #333; }
.swiper-wrapper {
display: none;
list-style: none;
margin-bottom: 0; }
.swiper-center .swiper-wrapper {
justify-content: center; }
.swiper-initialized .swiper-wrapper {
display: flex; }
.swiper-slide {
height: auto;
max-height: 100%; }
.swiper-button-prev,
.swiper-button-next {
appearance: none;
background-color: rgba(255, 255, 255, 0.5);
background-size: cover;
border: 2px solid #1a1a1a;
border-radius: 100%;
color: #1a1a1a;
height: 45px;
margin: 0;
opacity: 1;
padding: 0;
transform: translate(0, -50%);
width: 45px; }
@media only screen and (max-width: 767px) {
.swiper-button-prev,
.swiper-button-next {
height: 30px;
width: 30px; } }
.swiper-button-prev::after,
.swiper-button-next::after {
content: none; }
.swiper-button-prev:hover,
.swiper-button-next:hover {
background-color: #1a1a1a;
color: #fff; }
.swiper-button-prev:focus-visible,
.swiper-button-next:focus-visible {
background-color: #333;
outline: 2px solid #0F7FFF;
outline-offset: 1px; }
.swiper-button-prev:active,
.swiper-button-next:active {
background-color: #333;
filter: drop-shadow(0 0 4px #007db3); }
.swiper-button-prev svg,
.swiper-button-next svg {
height: 14px;
width: 8px; }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
background-color: #fff;
border-color: #1a1a1a;
opacity: 0.5; }
.swiper-button-prev {
left: 0; }
.swiper-button-next {
right: 0; }
.swiper-pagination {
bottom: 20px !important;
padding: 1px; }
.swiper-pagination .swiper-pagination-bullet {
background-color: #e0e0e0 !important;
height: 10px;
left: 0 !important;
margin-right: 18px !important;
opacity: 1 !important;
outline: 1px solid #fff;
transform: none !important;
width: 10px; }
.swiper-pagination .swiper-pagination-bullet:last-child {
margin-right: 0 !important; }
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #1a1a1a !important; }
.swiper-external-controls {
display: flex;
justify-content: center;
gap: 13px;
margin-top: 17px; }
.swiper-external-controls .swiper-button-prev,
.swiper-external-controls .swiper-button-next {
position: static;
top: unset;
transform: unset !important;
bottom: unset;
border: unset; }
.swiper-external-controls .swiper-button-prev:hover, .swiper-external-controls .swiper-button-prev:focus,
.swiper-external-controls .swiper-button-next:hover,
.swiper-external-controls .swiper-button-next:focus {
background-color: inherit;
color: inherit; }
.swiper-external-controls .swiper-button-prev .icon,
.swiper-external-controls .swiper-button-next .icon {
display: block;
height: 19px;
width: 11px; }
.swiper-external-controls .swiper-custom-pagination {
width: unset;
display: flex;
align-items: center;
gap: 15px; }
.swiper-external-controls .swiper-custom-pagination .swiper-pagination-bullet {
margin: unset;
width: 11px;
height: 11px; }
.carousel-action-buttons.carousel-action-hide {
display: none; }
.table {
margin-top: 15px; }
.table .table-alignCenter {
text-align: center; }
.table .table-alignRight {
text-align: right; }
.standard-table {
border-collapse: collapse;
margin: 0 auto 30px;
width: 100%; }
.standard-table th {
padding-bottom: 12px;
text-align: left;
text-transform: uppercase; }
.standard-table tr {
border-bottom: 1px solid #e0e0e0; }
.standard-table td {
font-size: 14px;
padding: 22px 0; }
@media only screen and (max-width: 767px) {
.standard-table td {
padding: 15px 0; } }
.dropdown {
left: -9999px;
outline: none;
position: absolute; }
.dropdown-menu {
display: none;
z-index: 5; }
.dropdown-menu.is-loading .loadingOverlay {
background: none;
padding: 60px 0;
position: relative; }
.dropdown-menu.is-open, .dropdown-menu:hover,
.has-hover:hover .dropdown-menu {
display: inline-block; }
.dropdown-menu .button:focus {
z-index: 5; }
.dropdown-menu .button--secondary {
background-color: #fff; }
.dropdown-menu .button--secondary:hover {
background-color: #fff; }
.dropdown-menu-item {
text-align: left; }
.dropdown-menu-item > a {
display: block;
margin: 0;
padding: 3px 15px;
text-decoration: none; }
.form-wishlist {
position: relative; }
.dropdown-menu-button .icon {
height: 22px;
margin-left: 5px;
vertical-align: middle;
width: 22px; }
.dropdown-menu-button:focus {
z-index: 10; }
.wishlist-dropdown {
list-style: none; }
.wishlist-dropdown.is-open {
background: transparent;
max-width: none !important;
padding-top: 10px;
width: auto !important;
z-index: 2; }
@media only screen and (min-width: 768px) {
.wishlist-dropdown.is-open {
left: initial !important;
right: 0 !important; } }
.wishlist-dropdown.is-open:focus {
outline: none; }
.wishlist-dropdown.is-open .button {
width: 100% !important; }
.wishlist-dropdown.is-open .button:hover {
z-index: 2; }
.wishlist-dropdown.is-open li:not(:first-child) {
margin-top: -2px; }
.wishlist-dropdown.is-open .button--has-items {
font-weight: 700; }
.wishlist-dropdown a {
text-decoration: none; }
.modal-background {
background: rgba(51, 51, 51, 0.5);
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1004; }
.modal {
background-color: #fff;
border: 0;
border-radius: 10px;
box-shadow: none;
display: none;
left: 50%;
margin: 0;
max-height: 90%;
max-width: 95%;
min-height: 240px;
outline: none;
overflow: hidden;
padding: 0;
position: fixed;
top: 50% !important;
transform: translate(-50%, -50%);
width: 900px;
z-index: 1005; }
@media only screen and (min-width: 991px) {
.modal--small {
width: 700px; } }
@media only screen and (min-width: 991px) {
.modal--large {
width: 1280px; } }
@media only screen and (min-width: 991px) {
.modal--xlarge {
width: 1640px; } }
.modal--alert {
background-color: #fff;
border-radius: 10px;
padding: 40px 20px 20px;
text-align: center; }
.modal--alert .button-container {
margin: 25px 0 0; }
.modal-header {
border-bottom: 1px solid #e0e0e0;
padding-left: 20px;
padding-right: 32px; }
.modal-header-title {
margin-bottom: 0;
text-align: center; }
.modal-close {
color: #1a1a1a;
font-size: 26px;
height: 32px;
line-height: 32px;
padding: 0;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
width: 32px;
z-index: 10; }
.modal-close:focus-visible::before {
border-color: transparent transparent #1a1a1a transparent;
border-style: solid;
border-width: 10px;
content: " ";
position: absolute;
top: 50%; }
.modal-close:focus-visible::after {
background-color: #1a1a1a;
border-radius: 8px;
color: white;
content: attr(title);
cursor: default;
font-size: 1rem;
padding: 4px 6px;
position: absolute;
right: 0;
top: 100%;
white-space: nowrap; }
@media only screen and (min-width: 768px) {
.modal-close {
font-size: 32px; } }
.modal-close:hover {
color: #333; }
.modal-close__aria-text {
font-size: 0; }
.modal-body {
overflow: auto;
-webkit-overflow-scrolling: touch; }
.modal-body .flex {
width: 100%;
display: flex;
justify-content: flex-end;
margin: 0 0 20px 20px; }
@media only screen and (max-width: 767px) {
.modal-body .flex {
justify-content: flex-start; } }
.modal-body .product-link {
position: relative;
bottom: 60px; }
@media only screen and (max-width: 767px) {
.modal-body .product-link {
bottom: 0;
margin: 20px 0; } }
.modal-body .productView .sticky-top-zero {
top: 0; }
.modal-body .productView-title-flex-container .add-to-cart-wrapper {
display: none !important; }
.modal-body .bundle-and-save-container,
.modal-body .productView-options .bundle-and-save-see-more,
.modal-body .productView-details-container {
display: none; }
.modal-body .productView-price-sku-split {
justify-content: flex-end; }
.modal-body .productView-price-sku-split .productView-sku {
display: none; }
.modal-body .productView-options {
border-bottom: none; }
.modal-body .productView-options .form-action-addToCart {
max-width: 266px;
float: right; }
.hide-content {
opacity: 0; }
.modal-body .tooltip-icon {
display: none; }
.pagination-list {
margin-bottom: 20px;
position: relative;
text-align: center; }
.pagination-list .pagination-item {
display: inline-block; }
.pagination-item .pagination-link {
padding: 0 20px; }
.pagination-item .pagination-link[disabled] {
color: #e0e0e0; }
.pagination-item .pagination-link .icon {
height: 14px;
width: 8px; }
.pagination-item.pagination-item--current a {
background-color: #333;
cursor: default;
pointer-events: none; }
.pagination-item.pagination-item--previous {
margin-right: 30px; }
@media only screen and (min-width: 768px) {
.pagination-item.pagination-item--previous {
margin-right: 65px; } }
.pagination-item.pagination-item--next {
margin-left: 30px; }
@media only screen and (min-width: 768px) {
.pagination-item.pagination-item--next {
margin-left: 65px; } }
.pagination-item.disabled .pagination-link {
background-color: #e0e0e0;
pointer-events: none; }
.accordion {
box-shadow: none; }
.accordion .navList {
margin-bottom: 0;
overflow: hidden; }
.accordion-content {
border: 0;
display: none;
overflow-y: auto; }
.accordion-content.is-open {
display: block; }
.accordion-content .form:only-child {
margin-bottom: 0; }
.accordion-title {
margin: 0; }
.accordion-navigation {
display: block;
padding-right: 16px;
position: relative;
text-align: left;
text-decoration: none;
width: 100%; }
.accordion-navigation:hover * {
color: #333; }
.accordion-navigation .icon {
height: 16px;
width: 16px; }
@media only screen and (min-width: 768px) {
.accordion-navigation .icon {
width: 14px; } }
.accordion-navigation .accordion-navigation-actions {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%); }
@media only screen and (min-width: 768px) {
.accordion-navigation .accordion-navigation-actions {
right: 12px; } }
.accordion-nav-clear-holder {
position: relative; }
.accordion-nav-clear-holder .facetedSearch-clearLink {
margin: 0 10px;
text-decoration: underline; }
@media only screen and (min-width: 768px) {
.accordion--navList {
border: 0; } }
@media only screen and (min-width: 768px) {
.sidebarBlock + .accordion--navList {
margin-top: 10px; } }
.accordion--navList .accordion-content {
padding: 10px; }
@media only screen and (min-width: 768px) {
.accordion--navList .accordion-content {
padding: 0; } }
.accordion--navList .accordion-navigation {
margin-bottom: 10px; }
@media only screen and (min-width: 768px) {
.accordion--navList .accordion-navigation {
background-position: right 0 top 50%;
border: 0;
margin-bottom: 0; } }
.accordion--navList .accordion-title {
text-decoration: none; }
@media only screen and (min-width: 768px) {
.accordion--navList .accordion-title {
font-size: 14px;
font-weight: 500;
line-height: calc(20/14); } }
.accordion-block:first-child {
margin-top: 0; }
.accordion-block:first-child .accordion-navigation {
border-radius: 0; }
.accordion-block:last-child .accordion-navigation,
.accordion-block:last-child .accordion-content {
border-radius: 0; }
.accordion-block:last-child .accordion-navigation {
border-bottom-width: 0; }
.accordion-block:last-child .accordion-navigation.is-open {
border-bottom-width: 1px;
border-radius: 0; }
.accordion-navigation-actions {
position: absolute; }
.accordion-navigation-actions > a {
color: #333;
vertical-align: middle; }
.accordion-navigation-actions > a:hover {
color: #333; }
/*
This File Contains a lot of the base styles from Cornerstone that we wanted to keep
*/
html,
body {
height: auto; }
*,
*::before,
*::after {
box-sizing: border-box; }
a:hover {
cursor: pointer; }
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important; }
.left {
float: left !important; }
.right {
float: right !important; }
.clearfix::before, .clearfix::after {
content: " ";
display: table; }
.clearfix::after {
clear: both; }
.hide {
display: none; }
img {
display: inline-block;
height: auto;
-ms-interpolation-mode: bicubic;
max-width: 100%;
vertical-align: middle; }
.page {
padding-bottom: 80px; }
@media only screen and (min-width: 768px) {
.page {
padding-bottom: 60px; } }
.product-warranty-replacement--page .page {
background-color: #f5f5f5;
padding-bottom: 60px; }
.page-heading {
margin-top: 32px;
margin-bottom: 20px;
text-align: center; }
@media only screen and (min-width: 768px) {
.page-heading {
margin-bottom: 30px; }
.page-heading[data-cart-page-title] {
margin-bottom: 40px; } }
.definitionList {
*zoom: 1; }
.definitionList::after {
clear: both;
content: "";
display: table; }
.definitionList-key {
float: left;
margin: 0 5px 0 0; }
.definitionList-value {
margin: 0; }
.loadingOverlay {
background-color: rgba(255, 255, 255, 0.9);
display: none;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
transition: all 250ms ease-out;
width: 100%;
z-index: 5; }
.loadingOverlay p {
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 50%;
transform: translateY(-50%); }
.blocker {
background: rgba(255, 255, 255, 0.5);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 999; }
.icon--ratingEmpty,
.icon--ratingFull {
color: #1a1a1a; }
.icon--ratingEmpty svg,
.icon--ratingFull svg {
height: 16px;
width: 16px; }
.rating--small {
display: inline-block; }
.rating--small .icon {
height: 14px;
margin-top: -3px;
vertical-align: middle;
width: 14px; }
.videoGallery-main {
height: 0;
margin-bottom: 16px;
overflow: hidden;
padding-bottom: 67.5%;
padding-top: 25px;
position: relative;
margin-bottom: 25px; }
.videoGallery-main.widescreen {
padding-bottom: 56.34%; }
.videoGallery-main.vimeo {
padding-top: 0; }
.videoGallery-main iframe,
.videoGallery-main object,
.videoGallery-main embed,
.videoGallery-main video {
height: 100%;
position: absolute;
top: 0;
width: 100%;
left: 0; }
.videoGallery-list {
list-style: none; }
.video {
display: block;
margin-bottom: 25px;
opacity: 0.4;
text-decoration: none;
transition: opacity 100ms ease-out; }
@media only screen and (min-width: 768px) {
.video {
margin-bottom: 25px; } }
.video:hover, .video.is-active {
opacity: 1; }
.video-figure {
margin-bottom: 10px;
margin-right: 16px; }
@media only screen and (min-width: 991px) {
.video-figure {
float: left; } }
.video-title {
margin-bottom: 5px; }
.video-description {
font-size: 14px;
margin-bottom: 0; }
.alertBox {
background-color: #fff;
border-radius: 6px;
box-shadow: 0 0 10px rgba(26, 26, 26, 0.5);
display: flex;
flex-wrap: nowrap;
margin: 0 0 15px;
max-width: 492px;
overflow: hidden;
width: auto; }
.alertBox-icon {
align-items: center;
display: flex;
justify-content: center;
padding: 0 10px;
width: 50px; }
.alertBox-icon .icon {
color: #fff; }
.alertBox-icon .icon svg {
height: 30px;
width: 30px; }
.alertBox--info .alertBox-icon {
background-color: #1a1a1a; }
.alertBox--error .alertBox-icon {
background-color: #e02b27; }
.alertBox--success .alertBox-icon {
background-color: #007823; }
.alertBox-message {
color: #1a1a1a;
margin: 0;
padding: 15px; }
.alertBox-message .alertBox-close svg {
fill: #1a1a1a; }
.alertBox-close {
align-items: center;
display: none;
justify-content: center;
padding-right: 20px; }
.alertBox-close button {
cursor: pointer; }
.alert-popups {
bottom: 50px;
position: fixed;
right: 50px;
transition: 0.5s ease all; }
.alert-popups .alertBox {
margin: 0; }
.alert-popups .alertBox-message {
padding: 30px; }
.alert-popups .alertBox-close {
display: flex; }
.alert-popups.alertBox--dismissed {
right: -999px; }
.banners {
background-color: #333;
color: #fff; }
.banners p:last-child {
margin-bottom: 0; }
.banner p {
line-height: inherit; }
.banner a {
color: #fff; }
.banner + .banner {
margin-top: 20px; }
.maintenanceNotice {
background-color: #999;
box-shadow: 0 0 5px #ccc;
color: #333;
left: 16px;
padding: 16px 18px;
position: fixed;
top: 16px;
width: 24rem;
z-index: 98; }
.maintenanceNotice > :last-child {
margin-bottom: 0; }
.maintenanceNotice a {
color: #333; }
.maintenanceNotice-header {
margin: 0 0 11px; }
.apple-pay-checkout-button {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100% 60%;
border-radius: 21px;
cursor: pointer;
display: none;
height: 42px;
max-height: 64px;
min-height: 32px;
min-width: 134px;
padding: 20px;
background-color: #1a1a1a;
background-image: -webkit-named-image(apple-pay-logo-white); }
.apple-pay-supported .apple-pay-checkout-button {
display: block;
float: right; }
.apple-pay-supported .productView-options .apple-pay-checkout-button {
display: inline-block;
float: none; }
.breadcrumbs {
display: flex;
flex-wrap: wrap;
gap: 4px 0;
list-style: none;
margin: 0;
padding: 20px 0 20px; }
@media only screen and (min-width: 768px) {
.breadcrumbs {
padding: 20px 0 30px; } }
.breadcrumb {
margin-right: 5px;
text-transform: unset; }
.breadcrumb:not(:first-child)::before {
border-right: 1px solid #707070;
content: "";
display: inline-block;
height: 12px;
margin: 0 5px;
transform: skewX(-22deg) translateY(2px); }
.breadcrumb a {
color: #707070;
text-decoration: underline; }
.breadcrumb a:hover, .breadcrumb a:active {
background-color: transparent !important;
color: #333; }
.breadcrumb.is-active::before {
margin-bottom: 1px; }
.swal2-content {
color: #1a1a1a; }
.swal2-popup {
border-radius: 5px;
max-width: 400px;
padding: 0; }
.swal2-popup .swal2-header {
background-color: #1a1a1a;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
min-height: 50px;
margin-bottom: 30px; }
.swal2-buttonswrapper .button,
.swal2-actions .button {
min-width: 110px;
padding: 0 10px;
text-transform: uppercase; }
@media only screen and (min-width: 768px) {
.swal2-buttonswrapper .button,
.swal2-actions .button {
min-width: 140px; } }
.swal2-buttonswrapper .button + .button,
.swal2-actions .button + .button {
margin-left: 14px; }
.swal2-actions {
margin: 30px auto; }
.swal2-content {
font-size: 14px; }
.swal2-icon {
display: flex;
height: 25px;
margin-bottom: 0;
margin-top: 8px;
width: 25px; }
.swal2-icon .swal2-icon-content {
font-size: 23px; }
.swal2-warning,
.swal2-icon {
border-color: #fff !important;
color: #fff !important; }
.swal2-container {
z-index: 1000; }
.search-box-wrapper {
margin: 0 auto;
max-width: 400px; }
.search-box-wrapper .button {
margin-left: 15px; }
.lazyload[data-bg],
.lazyloading[data-bg] {
background-position: center !important;
background-repeat: no-repeat !important;
background-size: 150px !important; }
.lazyloaded.lazy-cover[data-bg] {
background-size: cover !important; }
.lazyload.opacity,
.lazyloading.opacity,
.lazyloaded.opacity {
transition: opacity 400ms ease; }
.lazyload.opacity,
.lazyloading.opacity {
opacity: 0; }
.lazyloaded.opacity {
opacity: 1; }
#consent-manager p {
color: inherit; }
input:focus-visible,
button:focus-visible,
textarea:focus-visible,
select:focus-visible,
details:focus-visible,
[href]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible,
[contenteditable="true"]:focus-visible {
outline: 2px solid #0F7FFF;
outline-offset: 1px; }
input:focus + label {
outline: 2px solid #0F7FFF;
outline-offset: 1px; }
.aria-description--hidden {
height: 1px;
left: 0;
margin-left: -10000px;
overflow: hidden;
position: absolute;
top: 0;
width: 1px; }
/**
* EasyZoom core styles
*/
.easyzoom {
/* 'Shrink-wrap' the element */
display: inline-block;
*display: inline;
position: relative;
*zoom: 1; }
.easyzoom img {
vertical-align: bottom; }
.easyzoom.is-loading img {
cursor: progress; }
.easyzoom.is-ready img {
cursor: crosshair; }
.easyzoom.is-error img {
cursor: not-allowed; }
.easyzoom-notice {
background: #fff;
box-shadow: 0 0 10px #888;
left: 50%;
line-height: 2em;
margin: -1em 0 0 -5em;
position: absolute;
text-align: center;
top: 50%;
width: 10em;
z-index: 150; }
.easyzoom-flyout {
background: #fff;
overflow: hidden;
position: absolute;
z-index: 100; }
/**
* EasyZoom layout variations
*/
.easyzoom--overlay .easyzoom-flyout {
height: 100%;
left: 0;
top: 0;
width: 100%; }
.easyzoom--adjacent .easyzoom-flyout {
height: 100%;
left: 100%;
margin-left: 20px;
top: 0;
width: 100%; }
img.opacity.ls-is-cached.lazyloaded {
border: 1px solid #E0E0E0; }
img.opacity.lazyloaded {
border: 1px solid #E0E0E0;
width: 86px;
height: 86px; }
@media only screen and (min-width: 768px) {
.productGrid .product {
margin-bottom: 40px; } }
@media only screen and (max-width: 767px) {
.productGrid.grid {
margin-left: -20px;
width: calc(100% + 40px);
overflow-x: hidden; }
.productGrid.grid li {
flex: 0 0 calc(50% - 4.5px);
max-width: calc(50% - 4.5px);
padding-left: 0;
padding-right: 0;
width: calc(50% - 4.5px); }
.productGrid.grid li:nth-of-type(2n) {
margin-left: 9px; }
.productGrid.grid li article {
padding: 0;
margin-bottom: 28px; } }
.card {
position: relative; }
@media only screen and (max-width: 767px) {
.card {
margin: 0 auto 16px;
padding: 10px; } }
@media only screen and (min-width: 768px) {
.card {
height: 100%; } }
.card:focus-within .card-figcaption, .card.focus-within .card-figcaption {
opacity: 1; }
.card:hover .card-title, .card:focus .card-title {
text-decoration: underline; }
.card:hover .card-figcaption, .card:focus .card-figcaption {
opacity: 1; }
.card:hover .card-wishlist, .card:focus .card-wishlist {
display: block; }
@media only screen and (max-width: 767px) {
.productCarousel-slide .card {
padding: 0; } }
.card-link {
border-radius: 8px; }
.card-badge {
left: 0;
line-height: 24px;
padding: 0 11px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 0;
z-index: 1; }
@media only screen and (min-width: 768px) {
.card-badge {
line-height: 35px;
padding: 0 30px;
width: 200px; } }
.card-badge.badge-sale {
background-color: #007823;
color: #fff; }
.card-badge.badge-new {
background-color: #333;
color: #fff; }
.card-figure {
margin: 0;
position: relative;
text-align: center;
background-color: #F6F6F6; }
.card-figure .card-figcaption {
left: 0;
margin: 0;
opacity: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 3; }
.card-img-container {
position: relative; }
.card-img-container::after {
content: "";
display: block;
height: 0;
padding-bottom: 100%;
width: 100%; }
.card-figcaption {
display: none;
pointer-events: none; }
@media only screen and (min-width: 768px) {
.card-figcaption {
display: block; } }
.card-figcaption-body {
display: inline-block;
pointer-events: all; }
.card-image {
bottom: 0;
font-family: "object-fit: contain;";
left: 0;
margin: auto;
max-height: 100%;
object-fit: contain;
position: absolute;
right: 0;
top: 0;
width: 100%;
mix-blend-mode: darken;
width: calc(100% - 30px);
height: calc(100% - 30px);
border: 0;
object-fit: unset; }
.badges-container {
padding: 12px;
display: flex;
height: 50%;
left: 0;
position: absolute;
text-align: left;
width: 100%; }
.badges-container img {
display: block; }
.badges-container.top {
flex-direction: column;
gap: 4px;
top: 0; }
.badges-container.top img {
align-self: flex-start; }
.badges-container.bottom {
align-items: flex-end;
bottom: 0;
justify-content: space-between; }
.badges-container .badge--category,
.badges-container .badge--feature {
max-height: 18px; }
.badges-container .badge--bluetooth {
max-width: 27px; }
.badges-container .badge--protected_d3o {
margin-left: auto;
max-width: 70px; }
.card-title {
margin-bottom: 0px; }
.compatibility-container {
margin-bottom: 8px; }
.card-summary {
font-weight: 400;
max-height: 36px;
line-height: 1.5;
margin: 0; }
@media only screen and (max-width: 767px) {
.card-summary {
display: none; } }
.card-text {
margin-bottom: 10px; }
.card-text abbr {
border: 0;
color: inherit;
font-size: inherit; }
.card-text:has(.price-section) {
align-items: baseline;
display: inline-flex;
gap: 8px;
margin-bottom: 0; }
.card-action {
overflow: hidden; }
.comparison-container {
margin-top: 12px;
position: relative;
z-index: 2; }
.card-compare-button {
gap: 6px;
display: flex;
margin-top: 12px;
width: max-content;
font-size: 12px;
position: relative; }
.card-compare-button::before, .card-compare-button::after {
content: "";
display: block;
opacity: 1;
position: absolute;
top: 50%;
transform: translateY(-50%); }
.card-compare-button::before {
background-color: #fff;
border: 1px solid #707070;
border-radius: 4px;
height: 14px;
left: 0;
width: 14px; }
.card-compare-button::after {
background-color: #1a1a1a;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='m4,10c-.26,0-.52-.1-.71-.29L.29,6.71c-.39-.39-.39-1.02,0-1.41s1.02-.39,1.41,0l2.11,2.11L8.15.47c.29-.47.91-.61,1.38-.32.47.29.61.91.32,1.38l-5,8c-.16.26-.43.43-.73.46-.04,0-.08,0-.11,0Z' fill='rgba(255, 255, 255, 0.999)' /%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: 75%;
border-radius: 3px;
color: rgba(255, 255, 255, 0.999);
font-size: 12px;
height: 12px;
left: 1px;
line-height: 1;
opacity: 0;
text-align: center;
width: 12px; }
.card-compare-button.is-checked::before, .card-compare-button.is-selected::before {
background-color: #1a1a1a;
border-color: #1a1a1a; }
.card-compare-button.is-checked::after, .card-compare-button.is-selected::after {
opacity: 1; }
.card-compare-button input {
opacity: 0;
margin: 0; }
@media only screen and (min-width: 768px) {
.card-compare-button {
margin: 0; } }
.card-compare-button:has(input:focus-visible)::before {
outline: 2px solid #0F7FFF;
outline-offset: 1px; }
.compatibility-container {
height: auto;
overflow: hidden; }
.compatibility-container.hidden {
display: none; }
.compatibility-container.hidden p {
visibility: hidden; }
.compatibility-container p {
margin: 0;
font-weight: 400; }
.card-body {
padding: 12px; }
.card-body .card-title,
.card-body .card-summary,
.card-body .price-section,
.card-body .card-compare-button,
.card-body .compatibility-container p {
color: #333; }
.price--rrp,
.price--discounted {
text-decoration: line-through; }
.js .productCarousel {
max-height: 0;
opacity: 0;
overflow: hidden;
transition: all 600ms ease-out; }
.productCarousel.swiper-initialized {
max-height: 1000px;
opacity: 1;
padding-bottom: 16px; }
.productCarousel.swiper-initialized .swiper-pagination {
align-items: center;
bottom: 5px;
display: flex;
height: 16px;
justify-content: center; }
.productCarousel .swiper-button-prev,
.productCarousel .swiper-button-next {
top: 149px; }
.productCarousel-slide .card {
margin-bottom: 0;
background-color: #fff;
border-radius: 8px; }
.productCarousel-slide .card .card-title {
overflow-wrap: break-word; }
.price-container {
display: flex;
justify-content: space-between; }
.price-section {
display: inline-block; }
.price-section.non-sale-price--withoutTax {
color: #707070; }
.oos-message {
margin-bottom: 0;
color: #aa182c; }
.swatch-container {
--border: 0px;
--size: 16px;
height: auto;
margin-bottom: 10px; }
.swatch-container .card-swatches {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
height: auto;
position: relative;
z-index: 3; }
.swatch-container .card-swatches .card-swatch {
margin-right: 5px; }
@media only screen and (min-width: 768px) {
.swatch-container .card-swatches .card-swatch {
margin-right: 9px; } }
.swatch-container .card-swatches .card-swatch.additional-options {
align-items: center;
display: flex;
text-decoration: underline; }
.swatch-container .card-swatches .card-swatch .form-option-swatch {
background-color: transparent;
border: var(--border) solid #e0e0e0;
border-radius: calc(var(--size) + var(--border));
display: block;
margin: 0;
padding: 0; }
.swatch-container .card-swatches .card-swatch .form-option-swatch.selected {
border-color: #333; }
.swatch-container .card-swatches .card-swatch .form-option-variant--color,
.swatch-container .card-swatches .card-swatch .form-option-variant--pattern {
border-radius: var(--size);
height: var(--size);
line-height: var(--size);
min-height: auto;
width: var(--size); }
.modal-content .modal-body .form-field.swatch-container {
--size:auto; }
.card-wishlist {
display: none;
position: absolute;
right: 0;
top: 0;
z-index: 4; }
.card-wishlist .form-wishlist .wishlist-dropdown.is-open {
left: unset !important;
right: 0 !important;
top: 100% !important;
width: auto !important; }
.card-wishlist .button {
border: 0 none;
padding: 0 10px; }
.card-open-features *,
.card-close-features * {
pointer-events: none; }
.card-open-features {
--size: 20px;
border: 1px solid #707070;
border-radius: var(--size);
color: #707070;
height: var(--size);
position: absolute;
right: 20px;
top: 20px;
transition: all 300ms ease;
width: var(--size);
z-index: 3; }
.card-open-features .icon {
height: 100%;
width: 100%; }
.card-open-features .icon svg {
height: calc(var(--size) - 2px);
width: calc(var(--size) / 2); }
.card-open-features.is-open {
opacity: 0; }
.card-open-features:hover {
color: #fff;
background-color: #707070; }
.card-close-features {
color: #fff;
right: 22px;
position: absolute;
top: 22px; }
.card-close-features .icon, .card-close-features svg {
height: 16px;
width: 16px; }
.card-features {
align-items: center;
background-color: rgba(51, 51, 51, 0.9);
border-radius: 8px;
display: none;
flex-direction: column;
justify-content: center;
left: 0;
min-height: 100px;
padding: 30px 0;
position: absolute;
right: 0;
top: 0;
z-index: 4; }
.card-features.is-open {
display: flex; }
.card-features > *:not(.card-close-features) {
color: #fff;
width: 138px; }
.card-features p {
margin-bottom: 6px; }
.card-features ul {
margin-bottom: 10px; }
.card-features li.feature-entry {
display: flex;
line-height: calc(20/14);
list-style: none;
margin-bottom: 6px; }
.card-features li.feature-entry .icon {
display: inline-block;
margin-right: 8px;
transform: translateY(2px); }
.card-features li.feature-entry .icon, .card-features li.feature-entry .icon svg {
height: 12px;
width: 12px; }
.oos-message {
display: none; }
[data-stock="false"] .oos-message {
display: block; }
.featured-carousel-atc {
margin-bottom: 15px;
text-decoration: none;
display: inline-block;
position: relative;
z-index: 5; }
.featured-carousel-atc:hover {
text-decoration: underline; }
.featured-carousel-atc .icon.plus {
height: 16px;
width: 16px;
color: transparent;
display: inline-block;
position: relative;
margin-right: 8px;
top: 3px; }
#MainContent #product-listing-container .productGrid .card-image {
width: calc(100% - 75px);
height: calc(100% - 75px); }
#MainContent #product-listing-container .productGrid .badges-container.top {
flex-direction: row;
gap: 6px;
flex-wrap: wrap;
max-height: 28px;
overflow: hidden; }
#MainContent #product-listing-container .productGrid .badges-container {
padding: 10px;
height: auto; }
#MainContent #product-listing-container .productGrid .most-popular-badge {
margin-right: 0;
flex: 0 0 auto; }
.navList,
.navBar {
display: block;
list-style: none;
margin-left: 0; }
.navList-action,
.navBar-action {
text-decoration: none; }
.navList-action.is-active {
font-weight: 700; }
.navList-item {
margin-bottom: 15px; }
.navList-item .navList-action span:first-child {
margin-left: 5px; }
.navList-item:last-of-type {
margin-bottom: 0; }
.navList-item a {
color: #1a1a1a; }
.navList-item a:hover {
border-color: #333;
color: #333; }
.navBar--side .navBar-item {
display: block; }
.navBar--side .navBar-item.logout {
background-color: #fff; }
.navBar--side .navBar-item.is-active {
padding: 20px; }
.navBar--side .navBar-item.is-active,
.navBar--side .navBar-item.is-active > .navBar-action {
background-color: #1a1a1a;
color: #fff; }
.navBar--side .navBar-item.is-active > .navBar-action {
padding: 0; }
.navBar--side .navBar-item .navBar-action {
background-color: transparent;
display: block;
padding: 20px; }
.navBar--side .navBar-item .navBar-action:hover {
color: #1a1a1a; }
.navList-action--checkbox,
.navList-action--toggleLink {
display: inline-block;
font-weight: 500;
padding-left: 27px;
position: relative;
width: 100%; }
.navList-action--checkbox::before, .navList-action--checkbox::after {
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%); }
.navList-action--checkbox::before {
border: 1px solid #707070;
border-radius: 4px;
height: 16px;
left: 0;
width: 16px; }
.navList-action--checkbox::after {
background-color: #1a1a1a;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='m4,10c-.26,0-.52-.1-.71-.29L.29,6.71c-.39-.39-.39-1.02,0-1.41s1.02-.39,1.41,0l2.11,2.11L8.15.47c.29-.47.91-.61,1.38-.32.47.29.61.91.32,1.38l-5,8c-.16.26-.43.43-.73.46-.04,0-.08,0-.11,0Z' fill='rgba(255, 255, 255, 0.999)' /%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: 70%;
border-radius: 4px;
color: rgba(79, 79, 79, 0.999);
font-size: 14px;
height: 14px;
left: 1px;
line-height: 1;
opacity: 0;
text-align: center;
width: 14px; }
.navList-action--checkbox:hover::before, .navList-action--checkbox:hover::after {
background-color: transparent;
border-color: #333;
opacity: 1; }
.navList-action--checkbox.is-checked::before, .navList-action--checkbox.is-selected::before {
background-color: #1a1a1a;
border-color: #1a1a1a; }
.navList-action--checkbox.is-checked::after, .navList-action--checkbox.is-selected::after {
opacity: 1; }
.navList-action--checkbox .count {
margin-left: 10px; }
@media only screen and (min-width: 768px) {
.navList-action--checkbox .count {
margin-left: 15px; } }
.icons-svg-sprite {
display: none; }
.close {
height: 34px;
padding: 7px 5px;
width: 34px;
z-index: 99; }
h3.cart-title {
font-size: 20px;
line-height: 32px; }
@media only screen and (max-width: 479px) {
h3.cart-title {
font-size: 19px;
line-height: 24px; } }
.top-of-side-cart {
border-bottom: 1px solid #e0e0e0; }
p.h5.offcanvasCartItem-name {
font-size: 15px !important; }
ul.offcanvasCartItem-options {
line-height: 18px;
font-size: 13px; }
.off-canvas-wrap {
overflow: visible; }
.left-off-canvas-menu,
.right-off-canvas-menu {
display: flex;
flex-direction: column;
justify-content: stretch;
position: fixed;
pointer-events: auto; }
.left-off-canvas-menu .close,
.right-off-canvas-menu .close {
color: #1a1a1a;
position: absolute;
right: 30px;
top: 30px;
z-index: 99; }
.left-off-canvas-menu .cart-title,
.right-off-canvas-menu .cart-title {
align-items: center;
display: flex;
justify-content: center;
margin-top: 30px; }
.left-off-canvas-menu {
box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.25); }
@media only screen and (min-width: 991px) {
.offcanvas-overlap-right .left-off-canvas-menu {
transform: translate3d(-100%, 0, 0); } }
@media only screen and (min-width: 991px) {
.offcanvas-overlap-right .exit-off-canvas {
display: none; } }
@media only screen and (max-width: 479px) {
.offcanvas-overlap-left .exit-off-canvas {
z-index: 9999; } }
.right-off-canvas-menu {
box-shadow: -1px 1px 7px rgba(0, 0, 0, 0.25);
top: 0 !important;
width: 442px;
z-index: 10000 !important; }
@media only screen and (max-width: 479px) {
.right-off-canvas-menu {
transition: none; } }
.left-submenu .back,
.right-submenu .back {
position: sticky;
top: 0;
z-index: 1; }
.left-submenu .back > .button,
.right-submenu .back > .button {
border-radius: 0;
color: #1a1a1a;
font-size: 18px;
font-weight: 600;
letter-spacing: unset;
padding: 2rem 20px 10px;
text-align: left;
text-transform: none; }
.left-submenu .back > .button::before,
.right-submenu .back > .button::before {
display: none; }
.left-submenu .back > .button .offcanvasLabel-back,
.right-submenu .back > .button .offcanvasLabel-back {
display: block;
font-size: 12px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 10px; }
.left-submenu .back > .button .offcanvasLabel-back svg,
.right-submenu .back > .button .offcanvasLabel-back svg {
display: inline;
height: 10px;
margin-right: 10px;
width: 6px; }
.left-submenu {
position: fixed;
top: calc(155px - 1rem); }
.left-submenu .left-submenu {
top: 0; }
.off-canvas-list {
flex: 1 0 auto;
margin: 0;
padding: 0;
position: relative; }
.off-canvas-list,
.off-canvas-list ul {
line-height: 20px;
list-style-type: none; }
.off-canvas-list li a {
position: relative;
text-decoration: none; }
.off-canvas-list li.loadingOverlay {
top: 35px; }
.off-canvas-list li .offcanvasLabel {
background: #f5f5f5;
border-bottom: 1px solid #e0e0e0;
color: #1a1a1a;
display: block;
font-size: 18px;
font-weight: 700;
margin: 0;
padding: 15px 20px;
padding-bottom: 20px;
padding-top: 21px;
text-transform: uppercase; }
.off-canvas-list-menu li a svg {
display: block; }
.off-canvas-list-menu li.menu-item--learn > a, .off-canvas-list-menu li.menu-item--support > a, .off-canvas-list-menu li.menu-item--subscribe > a, .off-canvas-list-menu li.menu-item--mophie > a {
background-color: #f5f5f5; }
.off-canvas-list-menu li.menu-item--learn > a:hover, .off-canvas-list-menu li.menu-item--support > a:hover, .off-canvas-list-menu li.menu-item--subscribe > a:hover, .off-canvas-list-menu li.menu-item--mophie > a:hover {
background-color: #e0e0e0; }
.off-canvas-list-menu li.menu-item--learn .has-submenu > a, .off-canvas-list-menu li.menu-item--support .has-submenu > a, .off-canvas-list-menu li.menu-item--subscribe .has-submenu > a, .off-canvas-list-menu li.menu-item--mophie .has-submenu > a {
background-color: transparent; }
.off-canvas-list-menu li.menu-item--mophie .icon,
.off-canvas-list-menu li.menu-item--mophie .icon svg {
height: 15px !important;
width: 13px !important; }
.off-canvas-list-menu li.mobile-header {
position: sticky;
top: 0;
z-index: 1003; }
.off-canvas-list-menu li.mobile-header + li .top-level-menu-item {
margin-top: -1rem;
padding-top: calc(1rem + 15px); }
.off-canvas-list-menu li.mobile-header + li .top-level-menu-item .submenu-icon {
bottom: 23px;
transform: translate(0, 0); }
.off-canvas-list-menu li .offcanvas-navActions {
display: flex;
justify-content: space-between;
padding: 15px 25px 0; }
.off-canvas-list-menu li .offcanvas-navActions .navUser-action {
border: 0;
height: 30px;
line-height: 30px;
padding: 0; }
.off-canvas-list-menu li .offcanvas-navActions .navUser-action span {
font-size: 14px;
text-transform: none; }
.off-canvas-list-menu li .offcanvas-navActions .navUser-action .icon {
height: 23px;
width: 17px; }
.off-canvas-list-menu li:not(.secondary-menu) .submenu-icon,
.off-canvas-list-menu li:not(.secondary-menu) .submenu-dropdown-icon {
position: absolute;
right: 25px;
top: 50%;
transform: translate(0, -50%); }
.off-canvas-list-menu li:not(.secondary-menu) .submenu-icon svg,
.off-canvas-list-menu li:not(.secondary-menu) .submenu-dropdown-icon svg {
height: 14px;
vertical-align: middle;
width: 8px; }
.off-canvas-list-menu li.has-submenu .mobile-menu-header.is-open {
border: 0; }
.off-canvas-list-menu li.has-submenu .mobile-menu-header.is-open svg {
transform: rotate(180deg); }
.off-canvas-list-menu li.has-submenu .accordion-content {
padding-left: 30px; }
.off-canvas-list-menu li.has-submenu .accordion-content.is-open {
border-bottom: 1px solid #333;
border-top: 1px solid #333;
margin-left: 20px !important;
padding-bottom: 10px;
padding-top: 10px; }
.off-canvas-list-menu li.has-submenu .accordion-content a {
border: 0;
margin-left: 0; }
.off-canvas-list-menu li.has-submenu > a:hover::after {
border-color: #1a1a1a; }
.off-canvas-list-menu .mobile-nav-images {
display: flex;
flex-wrap: wrap;
padding: 9px 10px; }
.off-canvas-list-menu .mobile-nav-images .mobile-nav-image {
flex: 1 0 50%;
max-width: 212px;
min-width: 50%; }
.off-canvas-list-menu .mobile-nav-images .mobile-nav-image a {
background-color: transparent;
border: 0;
border-radius: 10px;
color: #1a1a1a;
font-weight: 600;
padding: 6px 10px;
text-decoration: underline; }
.offcanvas-search {
border: 0;
display: block;
margin: 0;
padding: 0;
position: relative; }
.offcanvas-search .form {
margin: 0;
position: relative; }
.offcanvas-search .form .form-field {
margin: 0; }
.offcanvas-search .form .form-field .form-input {
border-bottom: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-radius: 0 0 1rem 1rem;
border-right: 1px solid #e0e0e0;
border-top: 0;
box-shadow: 0 3px 12px 2px rgba(0, 0, 0, 0.05);
display: block;
height: 50px;
margin: 0 -1px;
padding: 0 58px 0 20px;
width: calc(100% + 2px); }
.offcanvas-search .form .form-field .form-input.body-large, .offcanvas-search .form .form-field .quick-view .desc .form-input, .quick-view .desc .offcanvas-search .form .form-field .form-input {
font-size: 16px;
font-weight: 500; }
.offcanvas-search .form .form-field .form-input.body-large::placeholder, .offcanvas-search .form .form-field .quick-view .desc .form-input::placeholder, .quick-view .desc .offcanvas-search .form .form-field .form-input::placeholder {
font-size: 12px; }
.offcanvas-search .form .form-field .form-input::placeholder {
color: #000; }
.offcanvas-search .form button {
-webkit-appearance: none;
-khtml-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: transparent;
border: 0 none;
height: 100%;
padding: 0 10px;
position: absolute;
right: 17px;
top: 0; }
.offcanvas-search .form button .icon {
display: block;
font-size: 0;
height: 20px;
padding: 0;
width: 20px; }
.off-canvas-list-cart li.loadingOverlay {
top: 0; }
.off-canvas-list-cart li.offcanvas-subtotal {
background-color: #e0e0e0;
font-size: 20px;
font-weight: 700;
margin-bottom: 30px;
padding: 15px 20px;
text-align: right;
text-transform: uppercase; }
.off-canvas-list-cart li.offcanvasAction-checkout, .off-canvas-list-cart li.offcanvasAction-viewCart {
float: left;
white-space: nowrap;
width: 50%; }
.off-canvas-list-cart li.offcanvasAction-checkout .button, .off-canvas-list-cart li.offcanvasAction-viewCart .button {
padding: 0 15px; }
.off-canvas-list-cart li.offcanvasCart-emptyBody {
clear: both;
padding: 20px; }
.off-canvas-list-cart li.offcanvasAction-continueShopping {
clear: both;
margin-left: 20px;
padding-bottom: 20px;
padding-top: 20px; }
.off-canvas-list-cart li.offcanvasAction-continueShopping a {
color: #333;
text-transform: uppercase; }
.off-canvas-list-cart li.offcanvasAction-continueShopping a .icon {
display: inline-block;
fill: #333;
height: 20px;
position: relative;
top: -2px;
vertical-align: middle;
width: 20px; }
.off-canvas-list-cart li.offcanvasAction-continueShopping a:hover {
color: #1a1a1a; }
.off-canvas-list-cart li.offcanvasAction-continueShopping a:hover .icon {
fill: #1a1a1a; }
.off-canvas-list-cart li.offcanvasAction-checkout {
padding-left: 10px; }
.off-canvas-list-cart li.offcanvasAction-viewCart {
padding-right: 10px;
text-align: right; }
.offcanvasAction-additionalCheckoutButton {
float: left;
margin-top: 20px;
padding: 0 10px;
width: 50%; }
.navUser .offcanvasAction-additionalCheckoutButton {
padding: 10px 5px 0; }
.offcanvasAction-additionalCheckoutButton.odd {
clear: both;
padding-left: 5px; }
.apple-pay-supported .offcanvasAction-additionalCheckoutButton.odd {
padding-left: 10px;
padding-right: 5px; }
.offcanvasAction-additionalCheckoutButton.even {
padding-right: 5px; }
.apple-pay-supported .offcanvasAction-additionalCheckoutButton.even {
padding-left: 5px;
padding-right: 10px; }
.offcanvasAction-additionalCheckoutButton .PayPalExpressCheckout p {
display: none;
text-align: center; }
.offcanvasAction-additionalCheckoutButton .PayPalExpressCheckout #PayPalExpressCheckoutButton {
width: 100%; }
.offcanvasAction-additionalCheckoutButton .braintree-paypal-button,
.offcanvasAction-additionalCheckoutButton .paypal-button-parent {
width: 100% !important; }
.apple-pay-supported .offcanvasAction-additionalCheckoutButton .apple-pay-checkout-button {
display: block;
float: none;
width: 100%; }
.offcanvasCartItem {
margin: 0 35px;
padding-bottom: 20px;
padding-top: 15px; }
.offcanvasCartItem:not(:nth-last-child(-n+2)) {
border-bottom: 1px solid #e0e0e0; }
.offcanvasCartItem-name {
margin-bottom: 5px; }
.offcanvasCartItem-name a {
border-bottom: 0 !important;
padding: 0 !important; }
.offcanvasCartItem-name a:hover {
background-color: transparent !important;
text-decoration: underline; }
.offcanvasCartItem-categories {
font-weight: 500;
line-height: 18px;
font-size: 13px;
color: #7B7B7B;
margin-bottom: 5px; }
.offcanvasCartItem-image {
float: left;
padding: 0;
width: 110px; }
.remove-button {
color: #707070;
cursor: pointer;
margin-top: 15px;
text-decoration: underline;
font-size: 12px;
position: absolute;
left: 39px; }
.offcanvasCartItem-content {
color: inherit;
display: block;
overflow: hidden;
width: auto; }
.offcanvasCartItem-content h6 {
font-size: 100%;
margin-bottom: 10px;
white-space: normal; }
.offcanvasCartItem-content .offcanvasCartItem-options {
list-style: none;
margin: 0 0 10px;
padding: 0; }
.offcanvasCartItem-content .offcanvasCartItem-options li {
color: #707070;
font-size: 100%;
margin-bottom: 5px; }
.offcanvasCartItem-content .offcanvasCartItem-price,
.offcanvasCartItem-content .offcanvasCartItem-options {
color: inherit;
display: block; }
.offcanvasCartItem-content .offcanvasCartItem-price {
color: #333;
font-size: 100%; }
.offcanvasCartItem-content .offcanvasCartItem-options dl {
font-size: 13px;
line-height: 1.2; }
.offcanvasCartItem-content .offcanvasCartItem-options dl dt {
clear: left;
float: left;
line-height: 1.2;
margin-bottom: 0;
margin-right: 0.25em; }
.offcanvasCartItem-content .offcanvasCartItem-options dl dd {
line-height: 1.2;
overflow: hidden; }
.offcanvasCartItem-content .qty-price-flex {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: space-between;
margin-top: 15px; }
.offcanvasCartItem-content .qty-price-flex .cart-preview-item-price {
position: absolute;
right: 34px; }
@media only screen and (max-width: 479px) {
.offcanvasCartItem-content .qty-price-flex .cart-preview-item-price {
margin-right: 0; } }
.offcanvasCartItem-content .qty-price-flex .qty-selector-container {
align-items: center;
display: flex;
background-color: #EEEEEE;
border-radius: 22px;
width: 97px;
justify-content: center; }
.offcanvasCartItem-content .qty-price-flex .qty-selector-container .icon {
height: 12px;
width: 12px; }
.offcanvasCartItem-content .qty-price-flex .qty-selector-container .qty-input {
background-color: #eeeeee;
align-items: center;
border: 1px solid #e0e0e0;
border-radius: 10px;
display: flex;
height: 32px;
justify-content: center;
text-align: center;
width: 34px;
border: none !important;
font-size: 16px;
margin: 0 5px;
-moz-appearance: textfield; }
.offcanvasCartItem-content .qty-price-flex .qty-selector-container .qty-input::-webkit-outer-spin-button, .offcanvasCartItem-content .qty-price-flex .qty-selector-container .qty-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.offcanvasCartItem-content .qty-price-flex .qty-selector-container .qty-input:read-only {
border: none;
pointer-events: none; }
.side-cart-details {
border-top: 1px solid #e0e0e0;
list-style: none;
margin: 0;
padding: 20px 35px; }
.side-cart-details .cart-detail {
align-items: center;
display: flex;
justify-content: space-between; }
.side-cart-details .cart-detail.offcanvas-subtotal {
margin-bottom: 20px; }
.side-cart-details .side-cart-button {
margin-top: 10px; }
.side-cart-details .side-cart-button a {
width: 100%; }
.previewCartHeader {
margin: 0 35px; }
.previewCartHeader.success {
background-color: #e5efe5;
border-radius: 4px;
padding: 8px 15px; }
.previewCartHeader.success .container {
margin-bottom: 0; }
.previewCartHeader.success .container .icon.check {
height: 12px;
width: 12px; }
.previewCartHeader.success .container .text {
color: #006400;
font-weight: 500;
margin-bottom: 0;
margin-left: 15px; }
.previewCartHeader.error {
background-color: #fff0f0;
border-radius: 4px;
padding: 8px 15px; }
.previewCartHeader.error .container {
margin-bottom: 0; }
.previewCartHeader.error .container .icon.check {
height: 12px;
width: 12px; }
.previewCartHeader.error .container .text {
color: #c1343b;
font-weight: 500;
margin-bottom: 0;
margin-left: 15px; }
.previewCartHeader.error .container .text .error-tel {
color: #c1343b; }
svg.icon.icon-close {
height: 14px;
width: 14px; }
ul.side-cart-details {
background-color: white;
z-index: 1000;
position: sticky;
bottom: 0px; }
.custom_cart_bottom {
display: flex;
gap: 20px;
justify-content: space-between;
align-items: center; }
.ss__recs__side-cart {
background-color: #F6F6F6;
border-top: 1px solid #E0E0E0; }
.ss__recs__side-cart .ss__recommendation--side-cart {
margin: 20px 35px !important; }
.socialLinks {
list-style: none;
margin: 0;
padding: 0; }
.socialLinks .icon {
color: #1a1a1a;
display: block;
margin: 0;
overflow: hidden;
text-align: left;
text-decoration: none; }
.socialLinks .icon:hover {
color: #333; }
.socialLinks .icon svg {
height: 30px;
width: 45px; }
.socialLinks-item {
display: inline-block;
font-size: 0; }
.socialLinks .socialLinks-item {
margin-bottom: 5px;
margin-right: 25px; }
.socialLinks .socialLinks-item:last-child {
margin-right: 0; }
.socialLinks--flex {
display: flex;
gap: 20px;
margin-left: -8px;
padding: 3px 0 5px; }
.socialLinks--flex .socialLinks-item {
margin: 0; }
.heroCarousel {
height: 360px; }
@media only screen and (min-width: 768px) {
.heroCarousel {
height: 600px; } }
.js .heroCarousel {
margin-bottom: 70px;
opacity: 0;
overflow: hidden;
transition: all 600ms ease-out; }
@media only screen and (min-width: 768px) {
.js .heroCarousel {
margin-bottom: 80px; } }
.heroCarousel.is-visible {
visibility: visible; }
.heroCarousel.swiper-initialized {
opacity: 1; }
@media (min-width: 1500px) {
.heroCarousel .swiper-button-prev {
left: 60px; } }
@media only screen and (max-width: 767px) {
.heroCarousel .swiper-button-prev {
display: none; } }
@media (min-width: 1500px) {
.heroCarousel .swiper-button-next {
right: 60px; } }
@media only screen and (max-width: 767px) {
.heroCarousel .swiper-button-next {
display: none; } }
.heroCarousel-slide {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative; }
.heroCarousel-slide a {
text-decoration: none; }
.heroCarousel-slide--custom {
background-position: center;
background-size: cover;
height: 360px;
position: relative; }
@media only screen and (min-width: 768px) {
.heroCarousel-slide--custom {
height: 600px; } }
.heroCarousel-slide--custom .wrapper {
height: 100%; }
.heroCarousel-title {
color: #fff;
margin-bottom: 20px; }
.heroCarousel-description {
color: #fff;
margin-bottom: 30px; }
#MainContent.product-page .pdp-page {
margin-top: 0; }
#MainContent.product-page .wrapper .productView .grid.align-items-start .product-content-above-fold {
order: 1;
padding-top: 24px;
padding-right: 0; }
@media only screen and (min-width: 768px) {
#MainContent.product-page .wrapper .productView .grid.align-items-start .product-content-above-fold {
padding-right: 8px; } }
@media only screen and (min-width: 991px) {
#MainContent.product-page .wrapper .productView .grid.align-items-start .product-content-above-fold {
padding-right: 24px;
padding-top: 40px; } }
#MainContent.product-page .wrapper .productView .grid.align-items-start .product-content-below-fold {
order: 3; }
#MainContent.product-page .wrapper .productView .grid.align-items-start .fixed-buy-box {
order: 2; }
#MainContent.product-page .wrapper .productView .grid.align-items-start .fixed-buy-box .productView-details .productView-trust-badges {
margin: 0 0 12px 0;
padding-bottom: 24px; }
#MainContent.product-page .wrapper .productView .grid.align-items-start .fixed-buy-box .productView-details .productView-trust-badges .trust-badge-wrapper {
width: 100%;
display: flex;
border: 1px solid #E4E4E4;
border-radius: 8px;
padding: 18px 10px;
gap: 16px;
justify-content: center;
flex-wrap: wrap; }
#MainContent.product-page .wrapper .productView .grid.align-items-start .fixed-buy-box .productView-details .productView-trust-badges .trust-badge-wrapper .trust-badge {
display: flex;
align-items: center;
flex: 1 1 100%;
justify-content: center; }
@media only screen and (min-width: 1200px) {
#MainContent.product-page .wrapper .productView .grid.align-items-start .fixed-buy-box .productView-details .productView-trust-badges .trust-badge-wrapper .trust-badge {
flex: 0 0 170px; } }
#MainContent.product-page .wrapper .productView .grid.align-items-start .fixed-buy-box .productView-details .productView-trust-badges .trust-badge-wrapper .trust-badge svg.icon {
width: 32px;
height: 32px;
padding: 0 8px;
box-sizing: content-box;
flex: 0 0 32px; }
#MainContent.product-page .wrapper .productView .grid.align-items-start .fixed-buy-box .productView-details .categories {
font-size: 16px;
font-weight: 400;
margin-bottom: 10px; }
#MainContent.product-page .wrapper .productView .grid.align-items-start .fixed-buy-box .productView-details .atc-top-content {
display: flex;
justify-content: space-between;
padding: 12px 10px; }
#MainContent.product-page .wrapper .productView .grid.align-items-start .fixed-buy-box .productView-details .atc-top-content .atc-product-name {
font-size: 16px;
font-weight: 600; }
#MainContent.product-page .wrapper .productView .grid.align-items-start .fixed-buy-box .productView-details .atc-top-content .atc-product-price .discounted-price {
color: #aa182c; }
#MainContent.product-page .wrapper .productView .grid.align-items-start .fixed-buy-box .productView-details .atc-top-content .atc-product-price .small-sale-price {
display: none !important; }
@media only screen and (min-width: 768px) {
#MainContent.product-page .wrapper {
max-width: 1392px; }
#MainContent.product-page .wrapper .productView .grid.align-items-start .product-content-above-fold {
order: 1; }
#MainContent.product-page .wrapper .productView .grid.align-items-start .product-content-below-fold {
order: 3; }
#MainContent.product-page .wrapper .productView .grid.align-items-start .fixed-buy-box {
order: 2;
position: sticky;
top: calc(108px + 41px);
right: 0;
height: calc(100vh - 108px - 41px); }
#MainContent.product-page .wrapper .productView .grid.align-items-start .fixed-buy-box .productView-details {
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* Internet Explorer 10+ */ }
#MainContent.product-page .wrapper .productView .grid.align-items-start .fixed-buy-box .productView-details::-webkit-scrollbar {
display: none;
/* Safari and Chrome */ } }
.productView-images {
margin-bottom: 10px;
display: flex;
flex-direction: column;
align-items: flex-start; }
@media only screen and (min-width: 768px) {
.productView-images {
margin-bottom: 40px; } }
.productView-images .swiper-vertical > .swiper-pagination-bullets, .productView-images .swiper-pagination-vertical.swiper-pagination-bullets {
top: 0;
display: flex;
right: 2px; }
@media only screen and (min-width: 768px) {
.productView-images {
flex-direction: row-reverse; } }
@media only screen and (min-width: 991px) {
.productView-images {
padding-right: 42px; } }
.productView-images .mobile-thumbs-carousel-flex {
width: 100%; }
@media only screen and (min-width: 768px) {
.productView-images .mobile-thumbs-carousel-flex {
width: 84px;
padding-right: 20px; } }
.productView-images .productView-thumbnails {
width: 100%;
margin: 0; }
@media only screen and (max-width: 767px) {
.productView-images .productView-thumbnails {
height: auto !important; } }
.productView-images .productView-thumbnails .swiper-wrapper .swiper-slide, .productView-images .productView-thumbnails .swiper-wrapper .video-slide {
margin-bottom: 10px;
position: relative; }
@media only screen and (min-width: 768px) {
.productView-images .productView-thumbnails .swiper-wrapper .swiper-slide, .productView-images .productView-thumbnails .swiper-wrapper .video-slide {
height: auto !important; } }
.productView-images .productView-thumbnails .swiper-wrapper .swiper-slide:hover, .productView-images .productView-thumbnails .swiper-wrapper .video-slide:hover {
cursor: pointer; }
.productView-images .productView-thumbnails .swiper-wrapper .swiper-slide .dark-overlay-cover, .productView-images .productView-thumbnails .swiper-wrapper .video-slide .dark-overlay-cover {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none; }
.productView-images .productView-thumbnails .swiper-wrapper .swiper-slide .dark-overlay-cover .video-play-icon-small, .productView-images .productView-thumbnails .swiper-wrapper .video-slide .dark-overlay-cover .video-play-icon-small {
height: 33px;
width: 33px;
opacity: 1; }
.productView-images .productView-mainImage {
width: calc(100% + 40px);
margin-left: -20px; }
@media only screen and (min-width: 768px) {
.productView-images .productView-mainImage .swiper-external-controls {
position: absolute;
top: 40%;
width: 100%;
z-index: 1; }
.productView-images .productView-mainImage .swiper-external-controls .swiper-button-prev,
.productView-images .productView-mainImage .swiper-external-controls .swiper-button-next {
position: absolute;
border: 1px solid #e0e0e0;
border-radius: 50%;
width: 32px;
height: 32px;
background-color: rgba(255, 255, 255, 0.5) !important;
filter: none !important; }
.productView-images .productView-mainImage .swiper-external-controls .swiper-button-prev .icon,
.productView-images .productView-mainImage .swiper-external-controls .swiper-button-next .icon {
height: 16px;
width: 9px; }
.productView-images .productView-mainImage .swiper-external-controls .swiper-button-prev .icon {
margin-left: -2px; }
.productView-images .productView-mainImage .swiper-external-controls .swiper-button-next .icon {
margin-left: 2px; } }
@media only screen and (min-width: 768px) {
.productView-images .productView-mainImage {
width: calc(100% - 84px); } }
@media only screen and (max-width: 767px) {
.productView-images .productView-mainImage {
min-height: calc(100vw - 32px); } }
.productView-images .productView-mainImage .productView-image-description-header {
margin: 10px 0 5px 0; }
.productView-images .productView-mainImage .productView-image-description {
margin-bottom: 20px; }
.productView-swiper-controls {
display: flex;
align-items: center;
justify-content: center; }
@media only screen and (max-width: 767px) {
.productView-swiper-controls .swiper-pagination-bullet {
margin-right: 5px !important; } }
.productView-swiper-controls .productView.swiper-button {
position: relative;
border: 0;
transform: scale(1.2); }
.productView-swiper-controls .productView.swiper-button.swiper-button-prev {
left: -10px; }
.productView-swiper-controls .productView.swiper-button.swiper-button-next {
left: 10px; }
.productView-swiper-controls .productView.swiper-button:hover {
color: #1a1a1a; }
.productView-swiper-controls .productView.swiper-button.swiper-button-disabled {
display: block;
color: #424242; }
.productView-image {
align-items: center;
display: flex;
justify-content: center;
margin: auto;
padding-bottom: 100%;
position: relative; }
@media only screen and (min-width: 768px) and (max-width: 990px) {
.productView-image {
min-height: 366px;
min-width: inherit; } }
.productView-image a,
.productView-image a:active {
filter: none; }
.productView-image .swiper-zoom-container {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background: #f6f6f6; }
.productView-image .swiper-zoom-container img {
height: 100%;
width: 100%;
mix-blend-mode: darken; }
.productView-image .swiper-zoom-container > canvas, .productView-image .swiper-zoom-container > img, .productView-image .swiper-zoom-container > svg {
object-fit: unset; }
.swiper-pagination.swiper-pagination-bullets {
background: #fff;
padding: 0 8px;
border-radius: 8px;
margin: 8px auto 0;
border: 1px solid #e0e0e0;
width: fit-content !important; }
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
width: 6px;
height: 6px;
margin: 0 3px !important;
padding: 5px;
background-color: unset !important;
outline: none;
box-sizing: content-box; }
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet::after {
content: '';
display: block;
background-color: #BEBEBE;
width: 6px;
height: 6px;
border-radius: 50%; }
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
background-color: #1a1a1a; }
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.video-bullet::after {
content: '';
width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 7px solid #BEBEBE;
background: none;
background-color: transparent !important;
border-radius: 0;
margin-top: -1px; }
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.video-bullet.swiper-pagination-bullet-active::after {
border-left-color: #1a1a1a; }
.productView-mainImage {
margin-bottom: 12px;
position: relative; }
.productView-mainImage .swiper-slide.video {
opacity: unset;
position: relative;
display: flex; }
.productView-mainImage .swiper-slide.video .dark-overlay-cover {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none; }
.productView-mainImage .swiper-slide.video .dark-overlay-cover .video-play-icon-small {
height: 80px;
width: 80px;
opacity: 1; }
.productView-mainImage .swiper-slide.video .popup-youtube {
display: flex; }
.productView-mainImage .swiper-slide.video .popup-youtube img {
align-self: center; }
.productView-img-container {
margin: auto;
max-width: 600px;
position: relative;
width: 100%; }
.productView-img-container::after {
content: "";
display: block;
height: 0;
padding-bottom: 100%;
width: 100%; }
.productView-thumbnails .swiper-slide {
display: block;
width: auto; }
.productView-thumbnails .swiper-slide.swiper-slide-thumb-active {
opacity: 1; }
.productView-thumbnails .swiper-slide.swiper-slide-thumb-active .productView-thumbnail-link {
border-color: #333;
border-radius: 0; }
.productView-thumbnail-link {
position: relative;
background-clip: content-box;
border: 1px solid transparent;
display: block;
padding: 2px;
position: relative;
border-radius: 0px; }
.productView-thumbnail-link::after {
content: "";
display: block;
height: 0;
padding-bottom: 100%;
width: 100%; }
.productView-thumbnail-link img {
bottom: 0;
font-family: "object-fit: contain;";
left: 0;
margin: auto;
max-height: 100%;
object-fit: contain;
position: absolute;
right: 0;
top: 0;
width: 100%; }
.productView-thumbnail-link:hover {
border-color: #333;
border-radius: 0; }
.productView-thumbnail-link--more span {
align-items: center;
background-color: #e0e0e0;
bottom: 0;
color: #fff;
display: flex;
font-size: 20px;
justify-content: center;
left: 0;
line-height: 1.2;
position: absolute;
right: 0;
top: 0; }
.swiper-zoom-notice {
position: absolute;
right: 4px;
top: 320px;
z-index: 1; }
@media only screen and (min-width: 991px) {
.swiper-zoom-notice {
bottom: 170px;
top: unset; } }
.swiper-zoom-notice div {
align-items: center;
background-color: #fff;
border: 1px solid #1a1a1a;
border-radius: 10px;
color: #1a1a1a;
column-gap: 10px;
padding: 10px 14px 10px 50px; }
.swiper-zoom-notice svg {
height: 25px;
left: 20px;
position: absolute;
top: 7px;
width: 20px; }
.swiper-zoom-notice svg.icon-pinch {
height: 18px; }
.productView-details {
padding-top: 24px; }
@media only screen and (max-width: 767px) {
.productView-details .add-to-cart-wrapper {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
padding: 0 20px 20px 20px;
background-color: #fff;
z-index: 100; }
.productView-details .add-to-cart-wrapper.absolute-position {
position: absolute;
width: calc(100% + 40px);
margin-left: -20px; }
.productView-details .add-to-cart-wrapper .atc-top-content {
border-top: 1px solid #eee; } }
@media only screen and (min-width: 768px) {
.productView-details {
height: 100%;
overflow: auto;
overflow-x: clip; }
.productView-details .add-to-cart-wrapper {
position: absolute;
bottom: 0;
width: calc(100% - 16px);
padding: 0 0 20px 0;
border-top: 1px solid #e0e0e0;
background-color: #fff; } }
@media only screen and (min-width: 991px) {
.productView-details {
padding-right: 0;
padding-top: 40px; }
.productView-details .productView-product .add-to-cart-wrapper {
margin-right: 0; } }
.productView--quickView .productView-details {
position: relative; }
.productView-details #zakeke-button {
width: 100%; }
.productView-details .productView-options .form-action .secondary-buy-buttons {
display: flex;
justify-content: space-between;
gap: 0.5rem;
margin: 0.5rem 0;
min-height: 44px;
flex-wrap: wrap; }
.productView-details .productView-options .form-action .secondary-buy-buttons .button--buy-now {
flex: 1;
min-width: 170px;
padding: 0;
height: 100%;
min-height: 44px; }
.productView-details .productView-options .form-action .secondary-buy-buttons [id^="bc-smart-payment-buttons"] {
flex: 1;
min-width: 170px;
height: 100%;
min-height: 44px;
margin-top: 0.5rem; }
.productView-details .productView-options .form-action .secondary-buy-buttons apple-pay-button {
--apple-pay-button-height: 44px !important;
--apple-pay-button-border-radius: 22px !important; }
.productView-details .productView-options .form-action .secondary-buy-buttons .show-more-button {
display: none; }
.productView-product {
align-items: center;
display: flex;
flex-wrap: wrap; }
.productView-product > :last-child {
margin-bottom: 0; }
.productView-flexFix {
flex: 0 0 100%;
max-width: 100%; }
.productView-title-flex-container {
width: 100%; }
.productView-title-flex-container .price-rating-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 5px; }
.productView-title-flex-container .price-rating-wrapper [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container {
padding-right: 2px !important; }
.productView-title-flex-container .price-rating-wrapper [data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container {
display: none !important; }
@media only screen and (max-width: 767px) {
.productView-title-flex-container .add-to-cart-wrapper {
display: none !important; } }
.productView-title {
flex: 1 1 auto;
margin-bottom: 5px;
max-width: 100%; }
@media only screen and (min-width: 991px) {
.productView-title {
font-size: 32px;
line-height: calc(30 / 24); } }
.bv_main_container .bv_ratings_summary:focus-visible {
outline: none; }
.price-rating-wrapper [data-bv-show="rating_summary"] .bv_main_container .bv_zero_ratings_text_container {
display: none !important; }
div[data-bv-show="reviews"] {
outline: none; }
div[data-bv-show="reviews"] div {
outline: none !important; }
div[data-bv-show="questions"] {
outline: none;
margin-bottom: 90px; }
div[data-bv-show="questions"] div {
outline: none !important; }
.productView-description {
margin-bottom: 25px; }
.productView-description .body-large, .productView-description .quick-view .desc *, .quick-view .desc .productView-description * {
font-weight: 400;
line-height: 1; }
.productView-description p {
margin-bottom: 0px; }
@media only screen and (max-width: 767px) {
.productView-description p {
font-size: 14px; } }
.productView-description p.main {
margin-bottom: 20px; }
.productView-brand {
flex: 1 1 auto;
font-size: 16px;
margin: 0 0 10px;
max-width: 100%;
order: -2; }
@media only screen and (min-width: 991px) {
.productView-brand {
margin: 0 0 15px; } }
.productView-brand + .productView-wishlist {
flex: 0 0 auto;
max-width: 100%;
order: -1; }
@media only screen and (min-width: 768px) {
.productView-wishlist {
position: relative;
top: -12px; } }
.productView-sku {
margin-top: 24px; }
@media only screen and (max-width: 767px) {
.productView-sku {
font-size: 14px; } }
.productView-sku span {
color: #333; }
#couponCheckboxWrapper {
display: flex;
align-items: center;
margin-top: 10px; }
#couponCheckboxWrapper .coupon-badge {
background-color: orange;
color: white;
padding: 5px 10px;
margin-right: 5px;
border-radius: 5px;
font-weight: bold; }
#couponCheckboxWrapper input:focus + label {
outline: none; }
#couponCheckboxWrapper #couponCheckbox {
width: 16px;
height: 16px; }
#couponCheckboxWrapper .coupon-label {
color: #006400;
font-weight: bold;
margin-left: 5px; }
#couponCheckboxWrapper .coupon-label:focus-visible {
outline: none; }
.productView-price .discounted-price {
color: #aa182c; }
.productView-price .discounted-price:before {
content: 'Sale '; }
.productView-price .price--withoutTax,
.productView-price .price--withTax {
font-size: 16px; }
@media only screen and (min-width: 991px) {
.productView-price .price--withoutTax,
.productView-price .price--withTax {
font-size: 20px; } }
.productView-price abbr {
border: 0;
color: inherit;
font-size: inherit; }
.productView-price .price-section--saving {
display: none !important; }
.productView-price .price-section.non-sale-price--withoutTax,
.productView-price .price-section.non-sale-price--withTax {
position: relative;
font-weight: 400;
font-size: 16px;
margin-left: 5px; }
@media only screen and (min-width: 991px) {
.productView-price .price-section.non-sale-price--withoutTax,
.productView-price .price-section.non-sale-price--withTax {
font-size: 20px; } }
.productView-info {
*zoom: 1;
margin: 0; }
.productView-info::after {
clear: both;
content: "";
display: table; }
.productView-info > :last-child {
margin-bottom: 20px; }
@media only screen and (min-width: 480px) {
.productView-info-name,
.productView-info-value {
float: left; } }
.productView-info-name {
clear: both;
font-weight: 700;
margin-bottom: 2px;
margin-right: 5px; }
.productView-info-value {
margin-bottom: 5px;
margin-left: 0; }
.productView-options, .selectDevice {
margin-bottom: 20px;
padding-top: 15px; }
.productView-options .custom-select, .selectDevice .custom-select {
position: relative;
width: 100%;
cursor: pointer;
font-family: inherit; }
.productView-options .custom-select .selected, .selectDevice .custom-select .selected {
padding: 10px;
background: #fff;
border: 1px solid #E4E4E4;
border-radius: 8px;
user-select: none; }
.productView-options .custom-select .selected::after, .selectDevice .custom-select .selected::after {
content: '';
position: absolute;
top: 50%;
right: 10px;
width: 20px;
height: 20px;
background: url('data:image/svg+xml;utf8,') no-repeat center;
transform: translateY(-50%);
pointer-events: none; }
.productView-options .custom-select .options, .selectDevice .custom-select .options {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border: 1px solid #E4E4E4;
border-top: none;
z-index: 10;
max-height: 200px;
overflow-y: auto;
border-radius: 0 0 8px 8px; }
.productView-options .custom-select .options li, .selectDevice .custom-select .options li {
padding: 6px 8px;
transition: background 0.2s ease; }
.productView-options .custom-select .options li:hover, .selectDevice .custom-select .options li:hover {
background-color: #aa182c;
color: #fff; }
.productView-options .custom-select .options li.selected-option, .selectDevice .custom-select .options li.selected-option {
background-color: #aa182c;
color: #fff; }
.productView-options .custom-select.open .selected, .selectDevice .custom-select.open .selected {
border-bottom: none;
border-radius: 8px 8px 0 0; }
.productView-options .custom-select.open .options, .selectDevice .custom-select.open .options {
display: block; }
@media only screen and (min-width: 768px) {
.productView-options, .selectDevice {
padding: 20px 0 0 0;
margin-bottom: 0; } }
@media only screen and (min-width: 480px) {
.productView-options .form-input[type="number"], .selectDevice .form-input[type="number"] {
width: 16.6667%; } }
@media only screen and (min-width: 768px) {
.productView-options .form,
.productView-options .add-to-cart-wrapper, .selectDevice .form,
.selectDevice .add-to-cart-wrapper {
display: inline; } }
.productView-options .form-label, .selectDevice .form-label {
display: block;
margin-bottom: 10px;
font-size: 16px; }
.productView-options .form-field, .selectDevice .form-field {
margin-bottom: 20px; }
.productView-options .form-field.rectangle-container .options-wrap .form-option-wrapper .form-option, .selectDevice .form-field.rectangle-container .options-wrap .form-option-wrapper .form-option {
margin-bottom: 8px; }
.productView-options .form-field.custom-radio-wrapper, .selectDevice .form-field.custom-radio-wrapper {
display: flex;
flex-wrap: wrap;
gap: 12px; }
@media only screen and (max-width: 767px) {
.productView-options .form-field.custom-radio-wrapper, .selectDevice .form-field.custom-radio-wrapper {
gap: 8px; } }
.productView-options .form-field.custom-radio-wrapper > .form-label, .selectDevice .form-field.custom-radio-wrapper > .form-label {
flex: 0 0 100%;
margin-bottom: -4px; }
.productView-options .form-field.custom-radio-wrapper label.custom-radio, .selectDevice .form-field.custom-radio-wrapper label.custom-radio {
flex: 1 1 45%;
display: flex;
background-color: #F1F1F1;
padding: 8px;
justify-content: center;
border-radius: 8px;
border: 1px solid transparent;
position: relative;
margin: 0;
flex-direction: column;
justify-content: flex-start; }
@media only screen and (max-width: 767px) {
.productView-options .form-field.custom-radio-wrapper label.custom-radio, .selectDevice .form-field.custom-radio-wrapper label.custom-radio {
flex: 1 1 100%;
align-items: center;
justify-content: flex-start;
flex-direction: row; } }
.productView-options .form-field.custom-radio-wrapper label.custom-radio:after, .selectDevice .form-field.custom-radio-wrapper label.custom-radio:after {
position: absolute;
top: 8px;
right: 8px;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
border: 1px solid #000000; }
@media only screen and (max-width: 767px) {
.productView-options .form-field.custom-radio-wrapper label.custom-radio:after, .selectDevice .form-field.custom-radio-wrapper label.custom-radio:after {
top: 50%;
right: 16px;
transform: translateY(-50%); } }
.productView-options .form-field.custom-radio-wrapper label.custom-radio.active, .selectDevice .form-field.custom-radio-wrapper label.custom-radio.active {
border: 1px solid #000000; }
.productView-options .form-field.custom-radio-wrapper label.custom-radio.active:after, .selectDevice .form-field.custom-radio-wrapper label.custom-radio.active:after {
border: 7px solid #aa182c; }
.productView-options .form-field.custom-radio-wrapper label.custom-radio .img-wrapper, .selectDevice .form-field.custom-radio-wrapper label.custom-radio .img-wrapper {
position: relative;
flex-wrap: wrap;
width: 75%;
margin: 0 auto; }
@media only screen and (max-width: 767px) {
.productView-options .form-field.custom-radio-wrapper label.custom-radio .img-wrapper, .selectDevice .form-field.custom-radio-wrapper label.custom-radio .img-wrapper {
flex: 0 0 80px;
margin: 0; } }
.productView-options .form-field.custom-radio-wrapper label.custom-radio .img-wrapper img, .selectDevice .form-field.custom-radio-wrapper label.custom-radio .img-wrapper img {
margin: 0 auto;
display: block;
mix-blend-mode: darken; }
.productView-options .form-field.custom-radio-wrapper label.custom-radio .img-wrapper svg, .selectDevice .form-field.custom-radio-wrapper label.custom-radio .img-wrapper svg {
position: absolute;
bottom: 0;
right: 0;
width: 50px;
height: 70px; }
@media only screen and (max-width: 767px) {
.productView-options .form-field.custom-radio-wrapper label.custom-radio .img-wrapper svg, .selectDevice .form-field.custom-radio-wrapper label.custom-radio .img-wrapper svg {
position: static;
margin: 0 auto;
display: block; } }
.productView-options .form-field.custom-radio-wrapper label.custom-radio .content, .selectDevice .form-field.custom-radio-wrapper label.custom-radio .content {
padding: 0 10px;
font-size: 12px;
font-weight: 400; }
@media only screen and (max-width: 767px) {
.productView-options .form-field.custom-radio-wrapper label.custom-radio .content, .selectDevice .form-field.custom-radio-wrapper label.custom-radio .content {
flex: 0 1 50%; } }
.productView-options .form-field.custom-radio-wrapper label.custom-radio .content strong, .selectDevice .form-field.custom-radio-wrapper label.custom-radio .content strong {
font-size: 14px;
font-weight: 600;
display: block; }
.productView-options .form-field.custom-radio-wrapper label.custom-radio .content span, .selectDevice .form-field.custom-radio-wrapper label.custom-radio .content span {
display: block; }
.productView-options .form-field[data-product-attribute="swatch"], .productView-options .form-field[data-product-attribute="set-rectangle"], .selectDevice .form-field[data-product-attribute="swatch"], .selectDevice .form-field[data-product-attribute="set-rectangle"] {
display: block;
font-size: 0;
height: auto; }
.productView-options .form-field[data-product-attribute="swatch"] .form-label, .productView-options .form-field[data-product-attribute="set-rectangle"] .form-label, .selectDevice .form-field[data-product-attribute="swatch"] .form-label, .selectDevice .form-field[data-product-attribute="set-rectangle"] .form-label {
flex: 0 0 100%;
max-width: 100%; }
.productView-options .form-field .required-star, .selectDevice .form-field .required-star {
display: none; }
.productView-options .form-field .options-wrap, .selectDevice .form-field .options-wrap {
display: flex;
flex-wrap: wrap; }
.productView-options .form-field .options-wrap .form-option-wrapper, .selectDevice .form-field .options-wrap .form-option-wrapper {
margin-bottom: 0; }
.productView-options .form-field .options-wrap .product-swatch, .selectDevice .form-field .options-wrap .product-swatch {
border: none;
background-color: #F6F6F6;
border-radius: 8px;
width: 75px;
height: 75px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 8px 8px 0; }
.productView-options .form-field .options-wrap .product-swatch:hover, .selectDevice .form-field .options-wrap .product-swatch:hover {
border: 1px solid #1a1a1a; }
.productView-options .form-field .options-wrap .product-swatch .form-option-variant, .selectDevice .form-field .options-wrap .product-swatch .form-option-variant {
border: none;
width: 66px;
height: 66px;
background-size: contain;
mix-blend-mode: darken;
border-radius: 0; }
.productView-options .form-field .options-wrap .form-radio:checked + .form-option.product-swatch, .selectDevice .form-field .options-wrap .form-radio:checked + .form-option.product-swatch {
border: 1px solid #1a1a1a; }
.productView-options .form-field .options-wrap .form-option:not(.form-option-swatch), .selectDevice .form-field .options-wrap .form-option:not(.form-option-swatch) {
margin-right: 10px;
margin-bottom: 0; }
.productView-options .form-field .options-wrap .open-popup-link.srg .icon, .selectDevice .form-field .options-wrap .open-popup-link.srg .icon {
width: 17px;
height: 17px;
display: inline-block;
vertical-align: top;
margin-top: 3px; }
.productView-options .form-action, .selectDevice .form-action {
width: 100%; }
@media only screen and (min-width: 768px) {
.productView-options .form-action, .selectDevice .form-action {
display: inline-block; } }
@media only screen and (min-width: 768px) {
.productView-options .form-action .form-action-addToCart, .selectDevice .form-action .form-action-addToCart {
min-width: 170px; } }
@media only screen and (min-width: 991px) {
.productView-options .form-action .form-action-addToCart, .selectDevice .form-action .form-action-addToCart {
min-width: 270px; } }
@media only screen and (max-width: 767px) {
.productView-options .form-action.form-wishlist, .selectDevice .form-action.form-wishlist {
display: inline-block; } }
@media only screen and (min-width: 768px) {
.productView-options .form-action.form-wishlist, .selectDevice .form-action.form-wishlist {
margin: 0; } }
.productView-options .button--wishlist, .selectDevice .button--wishlist {
align-items: center;
display: flex;
flex-direction: column;
position: relative; }
.productView-options .button--wishlist.is-open .icon-wishlist-circle, .selectDevice .button--wishlist.is-open .icon-wishlist-circle {
transform: rotate(45deg); }
.productView-options .button--wishlist .icon-holder, .selectDevice .button--wishlist .icon-holder {
display: block;
margin-bottom: 5px; }
.productView-options .button--wishlist .icon-holder .icon-wishlist-heart, .selectDevice .button--wishlist .icon-holder .icon-wishlist-heart {
fill: #333;
height: 35px;
margin-left: 0;
width: 38px; }
.productView-options .button--wishlist .icon-holder .icon-wishlist-circle, .selectDevice .button--wishlist .icon-holder .icon-wishlist-circle {
height: 16px;
margin: 0;
position: absolute;
right: 16px;
top: 16px;
transition: all 0.1s ease-out;
width: 16px; }
.productView-options .bundle-and-save-container, .selectDevice .bundle-and-save-container {
width: 100%;
background-color: #f5f5f5;
padding: 16px 0 0 0;
margin-bottom: 26px;
border-radius: 4px; }
@media only screen and (min-width: 768px) {
.productView-options .bundle-and-save-container, .selectDevice .bundle-and-save-container {
border-radius: 10px; } }
.productView-options .bundle-and-save-container .main-content, .selectDevice .bundle-and-save-container .main-content {
margin: 0 20px; }
.productView-options .bundle-and-save-container .main-content .header, .selectDevice .bundle-and-save-container .main-content .header {
margin-bottom: 5px; }
.productView-options .bundle-and-save-container .main-content .desc, .selectDevice .bundle-and-save-container .main-content .desc {
margin-bottom: 0; }
@media only screen and (max-width: 767px) {
.productView-options .bundle-and-save-container .main-content .desc, .selectDevice .bundle-and-save-container .main-content .desc {
font-size: 14px; } }
.productView-options .bundle-and-save-container .bundle-items-container, .selectDevice .bundle-and-save-container .bundle-items-container {
margin-bottom: 0;
list-style: none; }
.productView-options .bundle-and-save-container .bundle-items-container .bundle-item, .selectDevice .bundle-and-save-container .bundle-items-container .bundle-item {
align-items: center;
border-bottom: 1px solid #e0e0e0;
display: flex;
gap: 10px;
padding: 15px 16px; }
.productView-options .bundle-and-save-container .bundle-items-container .bundle-item:last-of-type, .selectDevice .bundle-and-save-container .bundle-items-container .bundle-item:last-of-type {
border-bottom: unset; }
.productView-options .bundle-and-save-container .bundle-items-container .bundle-item input, .selectDevice .bundle-and-save-container .bundle-items-container .bundle-item input {
width: 16px;
height: 16px;
flex: none !important; }
.productView-options .bundle-and-save-container .bundle-items-container .bundle-item .image, .selectDevice .bundle-and-save-container .bundle-items-container .bundle-item .image {
width: 50px;
border-radius: 4px;
border: 1px solid #e0e0e0; }
.productView-options .bundle-and-save-container .bundle-items-container .bundle-item .name,
.productView-options .bundle-and-save-container .bundle-items-container .bundle-item .price, .selectDevice .bundle-and-save-container .bundle-items-container .bundle-item .name,
.selectDevice .bundle-and-save-container .bundle-items-container .bundle-item .price {
margin-bottom: 0; }
.productView-options .bundle-and-save-container .bundle-items-container .bundle-item .name, .selectDevice .bundle-and-save-container .bundle-items-container .bundle-item .name {
max-width: 250px; }
.productView-options .bundle-and-save-container .bundle-items-container .bundle-item .price, .selectDevice .bundle-and-save-container .bundle-items-container .bundle-item .price {
margin-left: auto;
flex: 0 0 61px;
justify-self: flex-end;
text-align: right; }
@media only screen and (min-width: 768px) {
.productView-options .bundle-and-save-container .bundle-items-container .bundle-item .price, .selectDevice .bundle-and-save-container .bundle-items-container .bundle-item .price {
flex: 0 0 81px; } }
.productView-options .bundle-and-save-container .bundle-items-container .bundle-item .open-popup-link, .selectDevice .bundle-and-save-container .bundle-items-container .bundle-item .open-popup-link {
height: 18px; }
.productView-options .bundle-and-save-container .bundle-items-container .bundle-item .open-popup-link .tooltip, .selectDevice .bundle-and-save-container .bundle-items-container .bundle-item .open-popup-link .tooltip {
color: white;
width: 18px;
height: 18px; }
.productView-options .bundle-and-save-see-more, .selectDevice .bundle-and-save-see-more {
display: flex;
justify-content: center;
align-items: center;
text-decoration: underline;
padding: 16px 0; }
@media only screen and (max-width: 767px) {
.productView-options .bundle-and-save-see-more, .selectDevice .bundle-and-save-see-more {
border-bottom: 1px solid #e0e0e0;
font-size: 14px;
margin-bottom: 20px;
padding: 20px 0; } }
.productView-options .bundle-and-save-see-more:hover, .selectDevice .bundle-and-save-see-more:hover {
cursor: pointer; }
.productView-options .bundle-and-save-see-more .icon, .selectDevice .bundle-and-save-see-more .icon {
height: 12px;
width: 12px;
margin-left: 12px; }
@media only screen and (min-width: 768px) {
.add-increment-wrap {
width: 100%;
line-height: 0; } }
.productView-details-container {
width: 100%;
border-top: 1px solid #e0e0e0;
padding-top: 20px; }
.productView-details-container .accordion-section {
padding-bottom: 20px;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 20px; }
.productView-details-container .accordion-section:has(.toggleLink.is-open) {
border-bottom-color: #1a1a1a; }
.productView-details-container .accordion-section .icon {
width: 16px;
height: 9px; }
.productView-details-container .accordion-section .toggleLink {
text-decoration: none;
display: flex;
justify-content: space-between;
align-items: center; }
.productView-details-container .accordion-section .toggleLink:hover {
text-decoration: underline; }
.productView-details-container .accordion-section .toggleLink:focus {
background-color: transparent; }
.productView-details-container .accordion-section .accordion-content {
margin: 20px 0 20px 0; }
.productView-details-container .accordion-section .accordion-content.product-desc ul {
padding-left: 20px;
list-style-type: none; }
.productView-details-container .accordion-section .accordion-content.specs {
margin: 20px 0 20px 0; }
.productView-details-container .accordion-section .accordion-content.specs .spec-box {
padding: 13px 35px; }
.productView-details-container .accordion-section .accordion-content.specs .spec-box:nth-child(even) {
background-color: #f5f5f5; }
.productView-details-container .accordion-section .accordion-content.specs .spec-box .key {
font-weight: 600; }
.productView-details-container .accordion-section .accordion-content.specs .spec-box .value {
margin-bottom: 0; }
.productView-details-container .accordion-section .accordion-content .content {
margin-bottom: 0;
list-style: none;
font-size: 14px; }
.productView-details-container .accordion-section .accordion-content .content .spec-box .key, .productView-details-container .accordion-section .accordion-content .content .spec-box .value {
font-size: 14px; }
.accordion-content.product-desc p, .accordion-content.product-desc ul li {
font-size: 14px; }
.productOptions-list {
border: 1px solid #e0e0e0;
list-style: none;
margin: 0;
max-height: 400px;
overflow-y: auto; }
.productOptions-list-item {
padding: 20px; }
.productOptions-list-item + .productOptions-list-item {
border-top: 1px solid #e0e0e0; }
.productOptions-list-item .form-label {
text-align: left;
top: -2px; }
.productOptions-list-item-figure,
.productOptions-list-item-content {
display: table-cell;
vertical-align: middle; }
.productOptions-list-item-figure {
width: 40px; }
.productOptions-list-item-content {
padding-left: 28px; }
.productView .sticky-top-zero {
top: 108px;
position: sticky; }
@media only screen and (max-width: 767px) {
.productView .sticky-top-zero {
position: relative;
top: 0; } }
.modal .productView {
padding-bottom: 0;
padding-top: 0; }
.productView--quickView .socialLinks-item--print {
display: none; }
.productView-description-container {
margin-bottom: 40px;
position: relative;
z-index: 1; }
.productView-description-container .accordion-navigation {
border-bottom: 1px solid #e0e0e0;
padding: 10px 16px 10px 0; }
.productView-description-container .accordion-navigation:hover {
color: #1a1a1a; }
.productView-description-container .accordion-navigation.is-open .accordion-indicator {
transform: rotate(180deg); }
.productView-description-container .accordion-navigation .accordion-indicator {
transition: all 0.1s ease-in; }
.productView-description-container .accordion-content {
padding-top: 30px; }
.productView-description-container #accordion-content-description {
max-width: 828px; }
.reviews-content-header {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 20px; }
@media only screen and (min-width: 768px) {
.reviews-content-header {
padding-bottom: 35px; } }
.reviews-content-header .product-section-heading {
border-bottom: 1px solid #e0e0e0;
margin-bottom: 40px;
padding-bottom: 16px; }
.reviews-content-header .reviews-stars .icon {
margin-right: 8px; }
.reviews-content-header .reviews-stars .icon svg {
height: 20px;
width: 20px; }
@media only screen and (min-width: 768px) {
.reviews-content-header .reviews-stars .icon svg {
height: 32px;
width: 32px; } }
.reviews-content-header .reviews-count-summary {
align-items: center;
display: flex; }
@media only screen and (max-width: 767px) {
.reviews-content-header .reviews-count-summary {
margin-bottom: 30px; } }
.reviews-content-header .review-count-highlight {
background-color: #333;
color: #fff;
margin: 0 20px;
padding: 2px 7px; }
.reviews-content-header .review-count-highlight.single-rating {
padding: 0 5px; }
.productView-rating {
flex: 0 0 100%;
margin-bottom: 0px;
max-width: 100%; }
.productView-rating a {
text-decoration: none; }
.productView-rating .reviews-stars {
margin-right: 10px; }
.productView-rating .reviews-count {
text-decoration: underline;
text-transform: uppercase; }
@media only screen and (max-width: 767px) {
.productView-rating .reviews-count {
font-size: 14px; } }
.productReviews-list {
list-style: none;
margin-bottom: 30px;
margin-left: 0; }
.productReview {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 8px;
padding-top: 20px; }
.productReview-title {
margin-bottom: 5px; }
.review-date-by {
margin-bottom: 10px; }
.review-date-by .productReview-date {
color: #333; }
@media only screen and (max-width: 767px) {
.review-date-by .productReview-date {
float: right; } }
.productReview-rating {
display: inline-block;
margin-bottom: 0; }
.productReview-rating span {
vertical-align: middle; }
.productReview-body {
max-width: 820px; }
.productView-image .easyzoom-flyout {
background-color: #fff;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%; }
.productView-image .easyzoom-flyout img {
max-width: none;
width: auto; }
.reviews-section {
padding: 80px 0; }
@media only screen and (min-width: 768px) {
.reviews-section {
padding: 90px 0; } }
.writeReview-form .form-input,
.writeReview-form .form-select {
display: block;
width: 100%; }
.writeReview-productImage-container {
position: relative; }
.writeReview-productImage-container::after {
content: "";
display: block;
height: 0;
padding-bottom: 100%;
width: 100%; }
.writeReview-productImage-container img {
bottom: 0;
font-family: "object-fit: contain;";
left: 0;
margin: auto;
max-height: 100%;
object-fit: contain;
position: absolute;
right: 0;
top: 0;
width: 100%; }
.facts-images-container {
width: 100%;
margin-bottom: 80px; }
@media only screen and (max-width: 767px) {
.facts-images-container {
margin-bottom: 55px; } }
.facts-images-container .header {
margin-bottom: 10px; }
.facts-images-container .main-content {
width: 66%;
margin: 0 auto;
margin-bottom: 45px; }
@media only screen and (max-width: 767px) {
.facts-images-container .main-content {
width: 100%;
margin-bottom: 25px; } }
.facts-images-container .item-container {
display: flex;
align-items: flex-start;
gap: 22px; }
@media only screen and (max-width: 767px) {
.facts-images-container .item-container {
margin-bottom: 25px; } }
.facts-images-container .item-container .img {
width: 16%;
display: flex;
justify-content: flex-end;
align-items: flex-start; }
@media only screen and (max-width: 767px) {
.facts-images-container .item-container .img {
justify-content: flex-start; } }
.facts-images-container .item-container .img img {
width: 50%;
object-fit: contain; }
@media only screen and (max-width: 767px) {
.facts-images-container .item-container .img img {
width: 75%; } }
.facts-images-container .item-container .text {
width: 84%; }
.facts-images-container .item-container .text p {
margin-bottom: 8px; }
@media only screen and (min-width: 768px) {
.facts-images-container .item-container .text p {
font-weight: 400; } }
.facts-images-container .item-container .text p:last-of-type {
margin-bottom: 25px; }
.facts-images-container .item-container .text .item-header {
margin-bottom: 10px; }
.category-carousel-container {
width: 100%; }
.category-carousel-container .swiper-wrapper {
margin-bottom: 20px; }
.category-carousel-container .pdp-category-carousel-card.swiper-slide {
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 20px;
text-decoration: none; }
.category-carousel-container .pdp-category-carousel-card.swiper-slide:hover .text-items p {
text-decoration: underline; }
.category-carousel-container .pdp-category-carousel-card.swiper-slide:active {
background-color: transparent; }
.category-carousel-container .pdp-category-carousel-card.swiper-slide .product-img {
width: 100%;
object-fit: contain;
margin-bottom: 35px; }
.category-carousel-container .pdp-category-carousel-card.swiper-slide .text-items {
min-height: 110px; }
.category-carousel-container .pdp-category-carousel-card.swiper-slide .text-items .h5 {
margin-bottom: 5px; }
.category-carousel-container .pdp-category-carousel-card.swiper-slide .colorlist-flex {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
min-height: 14px; }
.category-carousel-container .pdp-category-carousel-card.swiper-slide .colorlist-flex .color-circle {
height: 14px;
width: 14px;
border-radius: 50px;
border: 2px solid #e0e0e0; }
.category-carousel-container .pdp-category-carousel-card.swiper-slide .stock-price-container {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between; }
.category-carousel-container .pdp-category-carousel-card.swiper-slide .stock-price-container p {
margin-bottom: 0; }
.category-carousel-container .pdp-category-carousel-card.swiper-slide .stock-price-container .price-container {
display: flex;
align-items: center;
gap: 10px;
justify-content: flex-start;
margin-bottom: 0; }
.category-carousel-container .pdp-category-carousel-card.swiper-slide .stock-price-container .out-of-stock {
color: #aa182c; }
@media only screen and (max-width: 767px) {
.category-carousel-container .swiper-pagination-bullet {
margin-right: 5px !important; } }
.quick-view-zagg-guarantee {
background-color: rgba(0, 0, 0, 0.3);
bottom: 0;
height: 100%;
left: 0;
position: absolute;
width: 100%;
z-index: 5; }
.quick-view-zagg-guarantee .content {
width: 100%;
height: auto;
background-color: #fff;
position: absolute;
bottom: 0;
padding: 40px 100px; }
@media only screen and (max-width: 767px) {
.quick-view-zagg-guarantee .content {
padding: 40px; } }
.quick-view-zagg-guarantee .content .close-button.zsg {
top: 20px;
right: 60px;
position: absolute;
background: none;
border: none; }
@media only screen and (max-width: 767px) {
.quick-view-zagg-guarantee .content .close-button.zsg {
right: 20px; } }
.quick-view-zagg-guarantee .content .icon-close {
color: #707070;
width: 20px;
height: 20px; }
.mobile-thumbs-carousel-flex {
display: flex;
align-items: start; }
@media only screen and (min-width: 768px) {
.mobile-thumbs-carousel-flex {
flex-direction: column; } }
.mobile-thumbs-carousel-flex .video-slide.mobile {
margin-bottom: 10px;
margin-left: 12px;
position: relative;
flex-grow: 1;
width: 20%;
align-self: center; }
@media only screen and (min-width: 768px) {
.mobile-thumbs-carousel-flex .video-slide.mobile {
width: 100%;
margin-left: 0; } }
.mobile-thumbs-carousel-flex .video-slide.mobile:hover {
cursor: pointer; }
.mobile-thumbs-carousel-flex .video-slide.mobile .dark-overlay-cover {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none; }
.mobile-thumbs-carousel-flex .video-slide.mobile .dark-overlay-cover .video-play-icon-small {
height: 25px;
width: 25px;
opacity: 1; }
@media only screen and (max-width: 767px) {
.productView-swiper-controls.mobile {
width: calc(100vw - 40px); } }
@media only screen and (max-width: 767px) {
.quickView .productView-swiper-controls.mobile {
width: calc(100vw - 40px - 5.75%); } }
.to-top-link {
text-decoration: none;
color: #fff; }
.to-top-link:hover {
color: #fff; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
.modal--product-quickView {
max-width: 456px; } }
.modal--product-quickView .productView-details {
padding-top: 0; }
.modal--product-quickView .productView-details .add-to-cart-wrapper {
position: static; }
.modal--product-quickView .productView-details .add-to-cart-wrapper .atc-top-content {
display: none; }
.modal--product-quickView .modal-close {
top: 12px;
right: 12px; }
.modal--product-quickView .modal-close svg.icon.icon-close {
height: 32px;
width: 32px; }
.quickView {
padding: 52px 16.5px 44px; }
.quickView .productView-description {
margin-bottom: 0; }
.quickView .categories {
margin-bottom: 4px; }
.quickView .productView-details {
margin-bottom: 0; }
.quickView .productView-details .productView-options {
padding: 20px 0 0; }
.quickView .productView-details .productView-options .form-action-addToCart {
max-width: unset;
float: none; }
.quickView .productView-details .productView-options .form-field {
margin-bottom: 15px; }
.quickView .productView-details .add-to-cart-wrapper .add-increment-wrap {
margin-bottom: 0; }
.quickView .product-image {
width: 400px;
height: auto;
max-width: 100%;
background-color: #F6F6F6; }
.quickView .product-image img {
width: 100%;
height: auto;
mix-blend-mode: darken; }
@media only screen and (min-width: 768px) {
.quickView {
padding: 40px 30px; } }
.quickView .product-link {
display: block;
text-align: right; }
@media only screen and (max-width: 767px) {
.quickView .product-image {
margin-bottom: 24px;
max-width: unset;
width: 100%; }
.quickView .productView-options {
margin-bottom: 0;
padding: 15px 0 0 0; }
.quickView.modal-body .product-link {
display: block;
margin-bottom: 20px;
text-align: left; }
.quickView .mobile-modal-sticky-bar {
background-color: #fff;
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
overflow: hidden;
padding: 20px;
position: sticky;
top: 0;
z-index: 4; }
.quickView .mobile-modal-sticky-bar .header {
margin-bottom: 5px;
width: 85%; }
.quickView .mobile-modal-sticky-bar .mobile-modal-rating-price-flex {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 10px;
width: 100%; }
.quickView .mobile-modal-sticky-bar .mobile-modal-rating-price-flex .price--withoutTax,
.quickView .mobile-modal-sticky-bar .mobile-modal-rating-price-flex .price--withTax {
font-size: 20px;
letter-spacing: 0;
margin-right: 10px; }
.quickView .mobile-modal-sticky-bar .mobile-modal-rating-price-flex .price-section--withoutTax.non-sale-price--withoutTax,
.quickView .mobile-modal-sticky-bar .mobile-modal-rating-price-flex .price-section--withTax.non-sale-price--withTax {
bottom: 4px;
position: relative; }
.quickView .mobile-modal-sticky-bar .mobile-modal-rating-price-flex .mobile-modal-oos {
margin-bottom: 0;
padding: 11px 0 4px; }
.quickView .mobile-modal-sticky-bar .mobile-modal-atc-notifyme-container {
width: 100%; }
.quickView .mobile-modal-sticky-bar .mobile-modal-atc-notifyme-container .add-to-cart-wrapper {
display: block; }
.quickView .mobile-modal-sticky-bar .mobile-modal-atc-notifyme-container .input-flex form {
--button-width: 110px;
--gap: 5px;
display: flex;
margin-bottom: 10px; }
.quickView .mobile-modal-sticky-bar .mobile-modal-atc-notifyme-container .input-flex form .email-input {
border: 1px solid #1a1a1a;
border-radius: 10px;
margin-right: var(--gap);
padding: 0 11px;
width: calc(100% - var(--button-width) - var(--gap)); }
.quickView .mobile-modal-sticky-bar .mobile-modal-atc-notifyme-container .input-flex form .button {
border-radius: 10px;
padding-left: unset;
padding-right: unset;
text-transform: none;
width: var(--button-width); }
.quickView .mobile-modal-sticky-bar .mobile-modal-atc-notifyme-container .notify-me-privacy-terms {
color: #707070;
font-weight: 400;
margin-bottom: 0px;
padding: 0 20px; }
.quickView .mobile-modal-sticky-bar .mobile-modal-atc-notifyme-container .notify-me-privacy-terms a {
color: #707070; }
.quickView .mobile-modal-sticky-bar .mobile-modal-atc-notifyme-container .button {
padding-bottom: 12.5px;
padding-top: 12.5px; } }
.desktop-image-gallery {
width: 100%; }
@media only screen and (min-width: 768px) {
.desktop-image-gallery .swiper-wrapper {
display: block;
display: flex;
gap: 16px;
flex-wrap: wrap; } }
.desktop-image-gallery.single .desktop-gallery-item {
max-width: 100%;
max-height: 100%;
width: 100%;
aspect-ratio: 1 / 1;
position: relative; }
@media only screen and (min-width: 768px) {
.desktop-image-gallery .desktop-gallery-item {
flex: 1 1 100%;
aspect-ratio: 1 / 1;
position: relative; } }
@media only screen and (min-width: 991px) {
.desktop-image-gallery .desktop-gallery-item {
flex: 1 1 45%;
max-width: calc(50% - 8px); } }
.desktop-image-gallery .desktop-gallery-item:not(.desktop-video-custom):not(.desktop-video) img {
width: 100%;
height: 100%;
object-fit: contain;
mix-blend-mode: darken;
margin: 0 auto; }
.desktop-image-gallery .desktop-gallery-item:not(.desktop-video) {
background: #F6F6F6; }
.desktop-image-gallery .desktop-video {
position: relative;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
background-color: #000000;
border: 1px solid #e0e0e0;
aspect-ratio: 1; }
.desktop-image-gallery .desktop-video.custom {
border: none;
background-color: transparent; }
.desktop-image-gallery .desktop-video.custom img {
border: 1px solid #e0e0e0; }
.desktop-image-gallery .desktop-video svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20%;
pointer-events: none; }
.desktop-image-gallery .desktop-video img {
border: none;
mix-blend-mode: unset; }
.desktop-image-gallery .desktop-video-custom {
position: relative;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
aspect-ratio: 1; }
.desktop-image-gallery .desktop-video-custom svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20%;
pointer-events: none; }
.desktop-image-gallery .desktop-video-custom a {
width: 100%;
height: 100%;
display: flex;
align-items: center; }
.desktop-image-gallery .desktop-video-custom img {
mix-blend-mode: unset; }
.productView-images {
display: none; }
@media only screen and (max-width: 767px) {
.productView-images {
display: flex; } }
.pdp-module {
width: 100%;
margin-bottom: 24px; }
.pdp-module.pdp-module--1, .pdp-module.pdp-module--2, .pdp-module.pdp-module--3 {
min-height: 560px;
background-size: cover;
background-position: center center;
display: flex;
justify-content: left; }
.pdp-module.pdp-module--1 .pdp-module__content, .pdp-module.pdp-module--2 .pdp-module__content, .pdp-module.pdp-module--3 .pdp-module__content {
padding: 44px;
max-width: 100%;
width: 468px; }
.pdp-module.pdp-module--1 .pdp-module__content .pdp-module__icon, .pdp-module.pdp-module--2 .pdp-module__content .pdp-module__icon, .pdp-module.pdp-module--3 .pdp-module__content .pdp-module__icon {
margin-bottom: 20px; }
.pdp-module.pdp-module--1 .pdp-module__content .pdp-module__headline, .pdp-module.pdp-module--2 .pdp-module__content .pdp-module__headline, .pdp-module.pdp-module--3 .pdp-module__content .pdp-module__headline {
font-size: 40px;
margin-bottom: 12px;
line-height: 1;
font-weight: 700; }
.pdp-module.pdp-module--1 .pdp-module__content .pdp-module__subhead, .pdp-module.pdp-module--2 .pdp-module__content .pdp-module__subhead, .pdp-module.pdp-module--3 .pdp-module__content .pdp-module__subhead {
font-size: 20px;
font-weight: 500;
line-height: 1; }
.pdp-module.pdp-module--1 .pdp-module__content .pdp-module__bullets, .pdp-module.pdp-module--2 .pdp-module__content .pdp-module__bullets, .pdp-module.pdp-module--3 .pdp-module__content .pdp-module__bullets {
margin-top: 40px;
list-style: inside none;
font-size: 20px;
line-height: 1;
font-weight: 500; }
.pdp-module.pdp-module--1 .pdp-module__content .pdp-module__bullets li, .pdp-module.pdp-module--2 .pdp-module__content .pdp-module__bullets li, .pdp-module.pdp-module--3 .pdp-module__content .pdp-module__bullets li {
margin: 0 0 24px; }
.pdp-module.pdp-module--1 {
align-items: center; }
@media only screen and (max-width: 990px) {
.pdp-module {
margin-bottom: 20px; }
.pdp-module.pdp-module--1, .pdp-module.pdp-module--2, .pdp-module.pdp-module--3 {
min-height: 760px; }
.pdp-module.pdp-module--1 .pdp-module__content, .pdp-module.pdp-module--2 .pdp-module__content, .pdp-module.pdp-module--3 .pdp-module__content {
padding: 44px 24px; }
.pdp-module.pdp-module--1 .pdp-module__content .pdp-module__headline, .pdp-module.pdp-module--2 .pdp-module__content .pdp-module__headline, .pdp-module.pdp-module--3 .pdp-module__content .pdp-module__headline {
font-size: 32px; }
.pdp-module.pdp-module--1 {
align-items: flex-start; } }
.pdp-module--icon {
background-color: #1D242A;
padding: 38px 48px; }
.pdp-module--icon .pdp-module__content {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
align-items: flex-start; }
.pdp-module--icon .pdp-module__icon-item {
display: flex;
gap: 12px;
flex: 0 0 172px;
justify-content: center;
flex-wrap: wrap;
text-align: center; }
.pdp-module--icon .pdp-module__icon-item .pdp-module__icon {
flex: 0 0 70px;
height: 70px;
background-color: #FFF;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain; }
.pdp-module--icon .pdp-module__icon-item span {
flex: 1 1 172px;
font-size: 16px;
font-weight: 500;
line-height: 1.4; }
@media (max-width: 1199px) {
.pdp-module--icon {
padding: 60px 60px; }
.pdp-module--icon .pdp-module__icon-item {
flex: 0 0 160px;
flex-wrap: wrap;
text-align: center; }
.pdp-module--icon .pdp-module__icon-item span {
flex: 1 1 100%; } }
@media (max-width: 990px) {
.pdp-module--icon {
padding: 60px 40px; }
.pdp-module--icon .pdp-module__icon-item {
flex: 1 1 130px; } }
@media (max-width: 767px) {
.pdp-module--icon {
padding: 60px 20px; } }
.compareTable {
border-collapse: collapse;
border-top: 1px solid #e0e0e0;
margin: auto;
table-layout: fixed; }
.compareTable-row {
vertical-align: top; }
.compareTable-row + .compareTable-row .compareTable-heading,
.compareTable-row + .compareTable-row .compareTable-item {
border-top: 1px solid #e0e0e0; }
.compareTable-row + .compareTable-row .compareTable-heading:empty {
border-top: 0; }
.compareTable-heading {
font-size: 20px;
height: 100px;
padding: 0 18px 0 80px;
position: relative;
text-align: right;
width: 0; }
@media only screen and (min-width: 768px) {
.compareTable-heading {
width: 160px; } }
.compareTable-heading.heading--vertical {
vertical-align: middle; }
.compareTable-headingText {
display: block;
width: 90px; }
@media only screen and (max-width: 767px) {
.compareTable-headingText {
position: absolute;
top: 25px; } }
.compareTable-item {
padding: 30px 66px 30px 0; }
.compareTable-item .icon {
display: block;
margin: 0 auto;
width: max-content; }
.compareTable-row[data-feature-name] {
vertical-align: middle; }
.compareTable-removeProduct {
border-radius: 50%;
height: 45px;
left: -22px;
position: absolute;
top: -22px;
transition: background-color 0.15s ease;
width: 45px; }
.compareTable-removeProduct .icon {
fill: #1a1a1a;
height: 31px;
margin-top: 7px;
transition: all 0.3s ease;
width: 31px; }
.compareTable-removeProduct .icon:hover {
fill: #333; }
.compareTable-product {
padding: 0 66px 12px 0; }
.compareTable-product .card {
margin-bottom: 0;
padding: 0;
width: 184px; }
.compareTable-product .card-body {
min-height: 80px;
padding-top: 25px;
text-align: left; }
.compareTable-product .card-title {
max-height: unset; }
.compareTable-product .card-title a {
text-decoration: none; }
.compareTable-product .price-container {
gap: 8px;
justify-content: unset;
margin-bottom: 10px; }
.compareTable-product .swatch-container {
margin-bottom: 20px; }
.compareTable-product a.button {
display: block; }
.compareTable-action {
padding: 0 25px 25px;
text-align: center; }
.category-compare-bar {
background-color: #f5f5f5;
display: none;
padding: 37px 0 0;
position: sticky;
top: 65px;
transition: 0.4s ease-in-out;
z-index: 7; }
@media only screen and (min-width: 991px) {
.category-compare-bar {
top: 123px; } }
.category-compare-bar .wrapper {
padding: 0 1rem; }
.category-compare-bar .hide-last > div:last-child {
display: none; }
.category-compare-bar .item-block {
align-items: center;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 10px;
display: flex;
gap: 4px;
height: 133px;
justify-content: center;
margin-bottom: 25px;
padding: 8px;
position: relative;
width: 185px; }
.category-compare-bar .item-block.empty {
background-color: #e0e0e0;
padding: 8px 34px;
text-align: center; }
.category-compare-bar .item-block .item-block-img {
align-items: center;
display: flex;
flex: 0 0 70px; }
.category-compare-bar .item-block .icon--remove {
--size: 26px;
cursor: pointer;
height: var(--size);
position: absolute;
right: -10px;
top: -9px;
z-index: 1; }
.category-compare-bar .item-block .icon--remove svg {
height: var(--size);
transition: all 0.3s ease;
width: var(--size); }
.category-compare-bar .item-block .icon--remove svg:hover {
fill: #333; }
.category-compare-bar .button-container {
align-items: center;
display: flex;
flex-direction: column;
gap: 22px;
height: 100%;
justify-content: center;
width: 100%; }
.category-compare-bar .button-container.disabled {
background-color: #f4f7f9;
color: #333;
pointer-events: none; }
.category-compare-bar .button-container .button {
width: 100%; }
.category-compare-bar .button-container .url-links, .category-compare-bar .button-container .facetedSearch-toggle .facetedSearch-toggle-indicator .toggleLink-text, .facetedSearch-toggle .facetedSearch-toggle-indicator .category-compare-bar .button-container .toggleLink-text {
text-decoration: underline; }
.modal-product-compare-table {
overflow: auto; }
.modal-product-compare-table .modal-close {
display: block;
margin: 0 55px 0 auto;
position: sticky;
top: 20px; }
@media only screen and (max-width: 767px) {
.modal-product-compare-table .modal-close {
right: 20px; } }
.modal-product-compare-table .compareTable-row:first-of-type {
background-color: #fff;
box-shadow: 0 20px 20px #fff;
position: sticky;
top: 0;
z-index: 1; }
.modal-product-compare-table .compareTable-row:first-of-type::after {
border-bottom: 1px solid #e0e0e0;
bottom: -1px;
content: '';
display: block;
left: 0;
position: absolute;
width: 100%; }
.modal-product-compare-table .compareTable-row:first-of-type .compareTable-heading,
.modal-product-compare-table .compareTable-row:first-of-type .compareTable-product {
padding-top: 60px; }
.modal-product-compare-table .compareTable-heading {
background-color: #fff;
left: 0;
position: sticky; }
.compareView--quickView .promo-bar,
.compareView--quickView header,
.compareView--quickView ul.breadcrumbs,
.compareView--quickView footer,
.compareView--quickView a#skip-to-main-content-link {
display: none; }
.compareView--quickView .compareTable {
border: none; }
.compareView--quickView h1.page-heading {
margin-top: 32px;
margin: 30px 0 0; }
.toggle {
border-top: 1px solid #e0e0e0;
margin-bottom: 30px; }
.toggle:last-of-type {
margin-bottom: 60px; }
.toggle-title {
margin-bottom: 30px; }
.toggleLink {
color: #1a1a1a; }
.toggleLink:hover {
color: #333; }
.toggle-title .toggleLink {
float: right;
line-height: 24px; }
.toggleLink-text {
font-weight: 400; }
.toggleLink-text--off {
display: block; }
.toggleLink.is-open .toggleLink-text--off {
display: none; }
.toggleLink-text--on {
display: none; }
.toggleLink.is-open .toggleLink-text--on {
display: block; }
.toggle-content {
display: none; }
.toggle-content.is-open {
display: block; }
@media only screen and (min-width: 768px) {
.banner-category {
margin-bottom: 30px; } }
.banner-category .banner-content {
text-align: left; }
.banner-category + .wrapper .breadcrumbs {
margin-top: 0; }
.device-selector {
background-color: #fff;
border-bottom: 1px solid #e0e0e0;
margin: 0 auto;
padding: 0 0 3px;
position: sticky;
top: 65px; }
@media only screen and (min-width: 768px) {
.device-selector {
padding: 35px 0 40px; } }
@media only screen and (min-width: 991px) {
.device-selector {
padding: 35px 64px 40px;
top: 122px; } }
.device-selector--offsetter {
display: flex;
scrollbar-width: none; }
.device-selector--offsetter::-webkit-scrollbar {
display: none; }
@media only screen and (max-width: 767px) {
.device-selector--offsetter {
margin-left: -20px;
overflow-x: scroll;
width: 100vw; } }
.device-selector--filters {
cursor: pointer;
padding-top: 20px; }
.device-selector--filters:focus-visible {
outline-offset: -2px; }
.device-selector--filters * {
pointer-events: none; }
@media only screen and (max-width: 767px) {
.device-selector--filters {
flex: 1 0 105px; }
.device-selector--filters:first-child {
margin-left: 35px; }
.device-selector--filters:last-child {
margin-right: 35px; } }
.device-selector--filters .class-icon {
color: #666766; }
.device-selector--filters .class-name {
height: 44px;
margin: 0 auto;
position: relative;
text-align: center;
text-transform: unset;
width: min-content; }
.device-selector--filters .close-button {
background-color: #1a1a1a;
border-radius: 6px;
color: #fff;
display: none;
height: 12px;
margin-top: 4px;
padding: 4px;
position: absolute;
right: -17px;
top: 0;
width: 12px; }
.device-selector--filters .close-button svg {
fill: currentColor;
height: 100%;
width: 100%; }
.device-selector--filters.active .class-icon {
color: #1a1a1a; }
.device-selector--filters.active .close-button {
display: flex; }
@media (hover: hover) and (pointer: fine) {
.device-selector--filters:hover .class-name {
color: #707070; }
.device-selector--filters:hover .close-button {
background-color: #707070; } }
.device-selector--filters input {
position: absolute;
visibility: hidden; }
.device-selection {
margin-top: -1px; }
.device-selection--category {
border-top: 1px solid #e0e0e0;
margin-bottom: 30px;
padding-top: 30px; }
.device-selection--category-title {
margin-bottom: 10px;
text-transform: none; }
.device-selection--list {
column-gap: 45px;
display: grid;
grid-auto-flow: row;
grid-template-columns: repeat(auto-fill, 80px);
justify-content: space-evenly; }
@media only screen and (min-width: 768px) {
.device-selection--list {
justify-content: space-between; } }
.device-selection--list-item {
list-style: none; }
.device-card {
align-items: center;
display: flex;
flex-direction: column;
margin: 0 auto 10px;
text-align: center;
text-decoration: none; }
.device-card--image {
height: 102px;
margin-bottom: 10px; }
.device-card--title {
margin-bottom: 4px;
text-transform: none; }
.device-card:hover .device-card--title {
color: #707070; }
.device-card--device-new {
background-color: #1a1a1a;
border-radius: 4px;
color: #fff;
font-size: 9px;
font-weight: 600;
letter-spacing: 0.9px;
line-height: calc(11/9);
padding: 4px 6px 3px; }
.class-icon {
--icon-height: 80px;
align-items: center;
display: flex;
height: var(--icon-height);
margin-bottom: 19px; }
@media only screen and (max-width: 767px) {
.class-icon {
margin-bottom: 14px;
--icon-height: 70px; } }
.class-icon svg {
display: block;
width: 100%; }
.class-icon-dev-iphone svg,
.class-icon-dev-android svg,
.class-icon-dev-watches svg {
height: calc(var(--icon-height) * 1.00); }
.class-icon-dev-tablet svg {
height: calc(var(--icon-height) * 0.93); }
.class-icon-dev-earbuds svg {
height: calc(var(--icon-height) * 0.66); }
.class-icon-dev-switch svg {
height: calc(var(--icon-height) * 0.55); }
.category-page .page .grid #showFilters {
display: flex;
border-width: 1px;
text-transform: none; }
.category-page .page .grid #showFilters .icon {
margin-left: 10px; }
.category-page .page .grid #showFilters .icon svg {
fill: transparent; }
.category-page .page .grid #showFilters .show-text {
display: inline-block; }
.category-page .page .grid #showFilters .hide-text {
display: none; }
.category-page .page .grid #showFilters span > span {
display: none; }
@media only screen and (min-width: 768px) {
.category-page .page .grid #showFilters span > span {
display: inline-block; } }
.category-page .page .grid #ShowHideFilter {
border-radius: 22px;
width: 100%; }
.category-page .page .grid #faceted-search-container {
display: none; }
.category-page .page .grid #faceted-search-container .newStyling {
border-radius: 8px; }
.category-page .page .grid #faceted-search-container .newStyling #filter_form div:first-of-type {
border-radius: 8px 8px 0 0; }
.category-page .page .grid #faceted-search-container .newStyling #filter_form div:last-of-type {
border-radius: 0 0 8px 8px; }
.category-page .page .grid.sidebar-active #faceted-search-container {
display: block; }
.category-page .page .grid.sidebar-active #showFilters .show-text {
display: none; }
.category-page .page .grid.sidebar-active #showFilters .hide-text {
display: inline-block; }
@media only screen and (min-width: 991px) {
.category-page .page .grid.sidebar-active #product-listing-container {
flex: 0 0 75%;
max-width: 75%; }
.category-page .page .grid.sidebar-active #product-listing-container .product.grid__item {
flex: 0 0 33.33333%;
max-width: 33.33333%; } }
@media only screen and (min-width: 768px) and (max-width: 990px) {
.category-page .page .grid.sidebar-active #product-listing-container {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.category-page .page .grid.sidebar-active #product-listing-container .product.grid__item {
flex: 0 0 50%;
max-width: 50%; } }
.filterSidebarContainer.slideLeft.show .newStyling div.Block {
border-radius: 8px; }
.actionBar-section {
margin-bottom: 20px; }
@media only screen and (min-width: 768px) {
.actionBar-section {
margin-bottom: 0; } }
.actionBar-section .form-field {
margin-bottom: 0; }
.actionBar-section .form-label {
margin-bottom: 0;
margin-right: 5px; }
.actionBar-section .form-input,
.actionBar-section .form-select {
width: auto; }
.actionBar-section .form-label,
.actionBar-section .form-input,
.actionBar-section .form-select {
display: inline-block; }
.actionBar-section .form-select {
width: 100%; }
@media only screen and (min-width: 768px) {
.actionBar-section .form-select {
width: 265px; } }
.sort-bar {
margin: 16px 0;
padding-left: 16px; }
.sort-bar > div {
display: flex;
flex: 1;
align-items: center; }
.sort-bar > .filter-button-wrapper {
justify-content: flex-start;
display: flex; }
@media only screen and (min-width: 768px) {
.sort-bar > .filter-button-wrapper {
display: flex; } }
.sort-bar > .product-list-top {
justify-content: center; }
.sort-bar > .form-select__mobile {
justify-content: flex-end; }
@media only screen and (max-width: 767px) {
.product-list-top {
font-weight: 500; } }
.form-view {
margin-left: 16px; }
.form-view .toggle-button {
color: #e0e0e0;
margin-top: 5px; }
.form-view .toggle-button.active {
color: #1a1a1a; }
.form-view .toggle-button:not(:last-child) {
margin-right: 20px; }
.form-view .icon {
height: 30px;
width: 30px; }
@media only screen and (min-width: 768px) {
.form-view .icon {
height: 40px;
width: 40px; } }
.form-select__desktop label {
padding-right: 16px; }
.form-select__mobile {
position: relative; }
.form-select__mobile .form-select__mobile-heading {
text-transform: none;
cursor: pointer;
display: flex;
margin: 0;
position: relative;
text-align: left;
justify-content: center;
align-items: center;
border-width: 1px; }
.form-select__mobile .form-select__mobile-heading .form-select__mobile-label {
margin-right: 20px; }
.form-select__mobile .form-select__mobile-heading .form-select__mobile-arrow {
--size: 8px;
--lineWidth: 2px;
margin-bottom: 5px;
border-bottom: var(--lineWidth) solid #1a1a1a;
border-right: var(--lineWidth) solid #1a1a1a;
height: var(--size);
transform: rotate(45deg) translate(-25%, 25%);
transform-origin: center center;
width: var(--size); }
.form-select__mobile .form-select__mobile-heading .form-select__mobile-arrow.active {
transform: rotate(225deg) translate(0, -50%); }
.form-select__mobile .form-select__mobile-selected {
border-bottom: 1px solid #e0e0e0;
color: #333;
display: inline-block;
font-weight: 500;
letter-spacing: 0;
margin-left: 7px;
min-width: 169px;
padding-bottom: 4px;
text-transform: capitalize; }
.form-select__mobile .form-select__mobile-options {
border-radius: 4px;
box-shadow: 0 2px 12px rgba(26, 26, 26, 0.1);
display: none;
list-style: none;
flex-direction: column;
padding: 8px 0;
position: absolute;
right: 0;
top: calc(100% + 10px);
left: auto; }
.form-select__mobile .form-select__mobile-options.active {
background-color: #fff;
display: flex;
z-index: 5; }
.form-select__mobile .form-select__mobile-options .form-select__mobile-option .button {
border-radius: 0;
cursor: pointer;
display: block;
letter-spacing: 0;
padding: 8px 16px;
text-align: left;
text-transform: capitalize;
width: 100%; }
.form-select__mobile .form-select__mobile-options .form-select__mobile-option .button:hover {
background-color: #f5f5f5; }
.form-select__mobile .form-select__mobile-options .form-select__mobile-option .button[active] {
font-weight: 600; }
.listing-count-container {
margin: 14px 0 20px; }
@media only screen and (min-width: 768px) {
.listing-count-container {
margin: 30px 0 20px; } }
.listing-count-container p {
text-transform: none; }
.sidebarBlock.categories-block .navList .navList-item {
margin-bottom: 20px; }
.brand-block {
margin-bottom: 30px;
position: relative; }
.brand-block .brand-figure {
margin: 0 0 10px; }
.brand-block .brand-figure .brand-image {
width: 100%; }
.brand-block .brand-title {
margin-bottom: 0; }
.facetedSearch {
--rightOffset: 20px;
--topOffset: 14px;
--toggleLinkPadding: var(--topOffset) var(--rightOffset) var(--topOffset) 15px; }
.facetedSearch > .facetedSearch-toggle {
border-radius: 5px; }
.facetedSearch > .facetedSearch-toggle.is-open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.facetedSearch-toggle {
border: 1px solid #e0e0e0;
display: block;
margin-bottom: 0;
padding: var(--toggleLinkPadding);
position: relative;
text-decoration: none; }
@media only screen and (min-width: 768px) {
.facetedSearch-toggle {
display: none !important; } }
.facetedSearch-toggle .facetedSearch-toggle-indicator {
position: absolute;
right: var(--rightOffset);
top: var(--topOffset); }
.facetedSearch-toggle .facetedSearch-toggle-indicator .toggleLink-text {
text-decoration: underline; }
.facetedSearch-toggle .facetedSearch-toggle-indicator svg {
height: 20px;
width: 20px; }
.facetedSearch-buttonList {
display: flex;
font-size: 14px;
font-weight: 500;
gap: 15px;
line-height: calc(20/14);
scrollbar-width: none; }
@media only screen and (max-width: 767px) {
.facetedSearch-buttonList {
margin: 0 0 20px -20px;
overflow: auto;
width: 100vw; } }
@media only screen and (min-width: 768px) {
.facetedSearch-buttonList {
flex-wrap: wrap;
margin-bottom: 0; }
.facetedSearch-buttonList.closed {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 20px; } }
.facetedSearch-buttonList::-webkit-scrollbar {
display: none; }
.facetedSearch-buttonList .facetLabel {
border: 1px solid #e0e0e0;
border-radius: 25px;
display: block;
flex: 0 0 auto;
padding: 13px 9px;
text-decoration: none;
text-transform: capitalize;
transition: all 300ms ease; }
@media only screen and (max-width: 767px) {
.facetedSearch-buttonList .facetLabel:first-of-type {
margin-left: 20px; }
.facetedSearch-buttonList .facetLabel:last-of-type {
margin-right: 20px; } }
@media only screen and (min-width: 768px) {
.facetedSearch-buttonList .facetLabel {
padding: 4px 9px; } }
.facetedSearch-buttonList .facetLabel.is-selected, .facetedSearch-buttonList .facetLabel:hover {
background-color: #333;
border-color: #333;
color: #fff; }
.facetedSearch-visibility {
border: 1px solid transparent;
color: #707070;
font-weight: 600;
height: 100%;
line-height: calc(20/14);
padding: 4px 20px;
text-decoration: underline; }
.facetedSearch-visibility .contents {
display: flex;
gap: 16px; }
.facetedSearch-visibility .contents.open {
gap: 10px; }
.facetedSearch-visibility--icon {
display: block;
height: 10px;
width: 10px; }
.facetedSearch-visibility--icon svg {
fill: currentColor;
height: 100%;
width: 100%; }
.mobile-device-filter-triggers {
margin-bottom: 7px; }
.mobile-device-filter-triggers .icon {
display: none; }
.mobile-device-filter-triggers .icon,
.mobile-device-filter-triggers .icon * {
height: 12px;
width: 12px; }
.mobile-device-filter-triggers .filter-trigger {
align-items: baseline;
border: 1px solid #e0e0e0;
border-radius: 5px;
display: flex;
justify-content: space-between;
letter-spacing: unset;
margin-bottom: 14px;
padding: 14px 12px;
text-align: unset;
width: 100%; }
.mobile-device-filter-triggers .filter-trigger .closed {
display: block; }
.mobile-device-filter-triggers .filter-trigger.is-open .closed {
display: none; }
.mobile-device-filter-triggers .filter-trigger.is-open .open {
display: block; }
.facetedSearch-navList {
position: relative;
margin-bottom: 30px; }
@media only screen and (min-width: 768px) {
.facetedSearch-navList {
display: block !important; } }
.facetedSearch-navList.is-open {
display: block; }
@media only screen and (max-width: 767px) {
.facetedSearch-navList.is-open {
background-color: #fff;
border-top: 1px solid #e0e0e0;
left: 20px;
position: absolute;
right: 20px;
z-index: 4; }
.facetedSearch-navList.is-open .accordion--navList {
max-height: 386px;
overflow-y: auto; }
.facetedSearch-navList.is-open .accordion--navList,
.facetedSearch-navList.is-open .accordion--navList .accordion-block:first-child .accordion-navigation {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.facetedSearch-navList.is-open .accordion--navList .accordion-navigation-actions,
.facetedSearch-navList.is-open .accordion--navList .accordion-block:first-child .accordion-navigation .accordion-navigation-actions {
right: 15px; }
.facetedSearch-navList.is-open .accordion--navList .accordion-navigation-actions .icon,
.facetedSearch-navList.is-open .accordion--navList .accordion-navigation-actions svg,
.facetedSearch-navList.is-open .accordion--navList .accordion-block:first-child .accordion-navigation .accordion-navigation-actions .icon,
.facetedSearch-navList.is-open .accordion--navList .accordion-block:first-child .accordion-navigation .accordion-navigation-actions svg {
height: 12px;
width: 12px; }
.facetedSearch-navList.is-open::after {
--height: 5px;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 0 0 5px 5px;
border-top: none;
bottom: calc(var(--height) * -1 + 1px);
content: "";
display: block;
height: var(--height);
left: -1px;
position: absolute;
right: -1px; } }
.facetedSearch-toggle + .facetedSearch-navList,
.sidebarBlock + .facetedSearch-navList {
margin-top: 20px; }
@media only screen and (max-width: 767px) {
.facetedSearch-toggle + .facetedSearch-navList.is-open,
.sidebarBlock + .facetedSearch-navList.is-open {
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
margin-bottom: 20px;
margin-top: -1px; }
.facetedSearch-toggle + .facetedSearch-navList.is-open .toggleLink,
.sidebarBlock + .facetedSearch-navList.is-open .toggleLink {
margin-bottom: 0;
padding: var(--toggleLinkPadding); } }
@media only screen and (max-width: 767px) and (min-width: 768px) {
.facetedSearch-toggle + .facetedSearch-navList.is-open .toggleLink,
.sidebarBlock + .facetedSearch-navList.is-open .toggleLink {
padding: 15px 12px 15px 15px; } }
@media only screen and (max-width: 767px) {
.facetedSearch-toggle + .facetedSearch-navList.is-open .accordion-block,
.sidebarBlock + .facetedSearch-navList.is-open .accordion-block {
border-bottom: 1px solid #e0e0e0; }
.facetedSearch-toggle + .facetedSearch-navList.is-open .accordion-block .accordion-content,
.sidebarBlock + .facetedSearch-navList.is-open .accordion-block .accordion-content {
padding: var(--toggleLinkPadding);
padding-bottom: 0;
padding-top: 2px; } }
@media only screen and (max-width: 767px) and (min-width: 768px) {
.facetedSearch-toggle + .facetedSearch-navList.is-open .accordion-block .accordion-content,
.sidebarBlock + .facetedSearch-navList.is-open .accordion-block .accordion-content {
padding: 0 15px 15px; } }
@media only screen and (min-width: 768px) {
.facetedSearch-toggle + .facetedSearch-navList.is-open,
.sidebarBlock + .facetedSearch-navList.is-open {
margin-top: 20px; } }
.facetedSearch-navList .navList--inner {
margin-left: 20px; }
.facetedSearch-navList .show-more,
.facetedSearch-navList .show-less {
margin-top: 10px; }
.facetedSearch-navList .show-more .toggleLink,
.facetedSearch-navList .show-less .toggleLink {
text-decoration: underline;
padding: 15px 12px 15px 15px !important; }
.facetedSearch-navList .accordion--navList {
display: grid;
gap: 20px 18px;
grid-auto-flow: row;
grid-template-columns: repeat(1, 1fr); }
.facetedSearch-navList .accordion-block {
position: relative; }
.facetedSearch-navList .accordion-block .accordion-navigation,
.facetedSearch-navList .accordion-block .accordion-content {
border: 1px solid #e0e0e0;
border-radius: 5px !important; }
.facetedSearch-navList .accordion-block:has(.facetedSearch-clearLink) .accordion-navigation {
border-color: #333; }
.facetedSearch-navList .accordion-block .accordion-navigation {
padding: 8px 26px 8px 15px;
margin-bottom: 0; }
.facetedSearch-navList .accordion-block .accordion-navigation .accordion-title {
font-size: 14px;
font-weight: 500; }
.facetedSearch-navList .accordion-block .accordion-navigation * {
pointer-events: none; }
.facetedSearch-navList .accordion-block .accordion-content.is-open {
background-color: #fff;
left: 0;
position: absolute;
right: 0;
top: 42px;
z-index: 5;
box-shadow: 0 4px 10px 4px rgba(0, 0, 0, 0.15); }
.facetedSearch-navList .accordion-block .navList-action--checkbox {
transition: all 0.3s ease; }
.facetedSearch-navList .accordion-block .navList-action--checkbox:hover {
background-color: #f5f5f5; }
.facetedSearch-navList .accordion-block .navList-action--checkbox:hover:not(.is-selected)::before {
background-color: #fff; }
.facetedSearch-navList .accordion-block .navList-action--checkbox::before {
left: 15px;
transition: all 0.3s ease; }
.facetedSearch-navList .accordion-block .navList-action--checkbox::after {
left: 16px; }
.facetedSearch-navList .accordion-block .navList-action--checkbox,
.facetedSearch-navList .accordion-block .navList-action--toggleLink {
padding: 9px 12px 9px 43px; }
.facetedSearch-navList .accordion-block .navList-item {
margin: 0; }
.facetedSearch-navList .accordion-block .accordion-navigation {
scroll-margin: 3rem 0 30vh; }
.facetedSearch-navList .accordion-block .accordion-navigation:focus-visible {
outline-offset: -2px; }
.facetedSearch-navList .accordion-block:has(#facetedSearch-content--filter) {
display: none; }
.facetedSearch-navList.facetedSearch-navList--pre.closed {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 20px; }
#facetedSearch-content--price {
padding: 12px 15px; }
.facetedSearch-clearLink {
color: #707070;
font-size: 14px;
font-weight: 500;
line-height: calc(20/14); }
.facetedSearch-clearLink:hover {
color: #333; }
.facet-quick-heading {
text-transform: capitalize; }
.facetedSearch-optionColumns {
column-count: 3;
column-gap: 20px; }
.facetedSearch-refineFilters {
padding-bottom: 30px; }
.facetedSearch-refineFilters .sidebarBlock-heading {
display: none;
margin-bottom: 30px; }
@media only screen and (min-width: 768px) {
.facetedSearch-refineFilters .sidebarBlock-heading {
display: block; } }
.facetedSearch-refineFilters .sidebarBlock-heading .facetedSearch-clearLink {
margin-bottom: 10px;
text-decoration: underline;
text-transform: capitalize; }
@media only screen and (min-width: 768px) {
.facetedSearch-refineFilters .sidebarBlock-heading .facetedSearch-clearLink {
float: right; } }
.selected-facets-list {
align-items: baseline;
display: flex;
flex-wrap: wrap;
gap: 6px 12px;
list-style: none;
margin: 20px 0 0;
padding: 0; }
@media only screen and (min-width: 768px) {
.selected-facets-list {
gap: 8px 16px;
margin: 0;
padding-top: 30px; } }
.selected-facets-list li {
display: inline-block; }
.selected-facets-list li.remove-all-mobile {
display: inline-block; }
.selected-facets-list li.remove-all-mobile .facetedSearch-clearLink {
color: #333;
font-weight: 600; }
@media only screen and (max-width: 767px) {
.selected-facets-list li.remove-all-mobile .facetedSearch-clearLink {
text-decoration: underline; } }
.selected-facets-list .facetLabel {
background-color: #424242;
border-radius: 15px;
color: #fff;
display: block;
font-size: 14px;
line-height: calc(20/14);
padding: 5px 25px 5px 10px;
position: relative;
text-decoration: none; }
.selected-facets-list .facetLabel .icon {
display: inline-block;
fill: #fff;
height: 9px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 9px; }
.cart-main {
margin-bottom: 70px; }
@media only screen and (max-width: 767px) {
.cart-main .grid > .grid__item {
max-width: 500px;
margin: 0 auto; } }
.cart-main .alertBox {
background-color: #fff;
margin-bottom: 20px;
padding: 12px;
text-align: center; }
.cart-main .alertBox .alertBox-icon {
display: none; }
.cart-main .alertBox .alertBox-message {
margin: 0; }
.page-heading[data-cart-page-title] {
margin-top: 32px;
font-size: 24px;
font-weight: 700;
margin-bottom: 17px; }
@media only screen and (min-width: 991px) {
.page-heading[data-cart-page-title] {
text-align: left; } }
@media only screen and (max-width: 990px) {
.page-heading[data-cart-page-title] {
margin-top: 17px; } }
.cart {
border-collapse: collapse;
display: block;
width: 100%; }
@media only screen and (min-width: 991px) {
.cart {
margin-bottom: 30px; } }
@media only screen and (min-width: 768px) {
.cart {
display: table; } }
@media only screen and (max-width: 767px) {
.cart tbody {
width: 100%;
display: table; } }
.cart-header {
display: none; }
@media only screen and (min-width: 768px) {
.cart-header {
display: table-header-group;
text-align: left;
width: 100%; } }
.cart-header-item {
padding-bottom: 20px; }
.cart-header-item:not(:last-of-type) {
padding-right: 22px; }
.cart-list {
display: block; }
.cart-item {
border-bottom: 1px solid #e0e0e0;
display: block;
padding: 10px 0 20px; }
@media only screen and (max-width: 767px) {
.cart-item {
padding-left: 0 !important; } }
.cart-item:first-child {
border-top: 1px solid #e0e0e0; }
.cart-item:last-child {
border-bottom: none; }
@media only screen and (max-width: 767px) {
.cart-item {
*zoom: 1;
padding-left: 14px;
padding-top: 20px; }
.cart-item::after {
clear: both;
content: "";
display: table; } }
@media only screen and (min-width: 768px) {
.cart-item {
display: table-row;
padding-left: 0; }
.cart-item::before, .cart-item::after {
display: none; } }
.cart-item.is-error .form-input--incrementTotal {
border-color: red !important;
color: red; }
.cart-item-block {
display: block; }
@media only screen and (min-width: 768px) {
.cart-item-block {
display: table-cell;
padding-bottom: 23px;
padding-top: 23px;
vertical-align: top;
width: auto; }
.cart-item-block:not(:last-of-type) {
padding-right: 22px; } }
.cart-item-block .definitionList {
margin-bottom: 20px; }
.definitionList-value.sku,
.definitionList-value.for-categories {
margin-bottom: 10px; }
@media only screen and (max-width: 767px) {
.definitionList-value.sku,
.definitionList-value.for-categories {
font-size: 12px;
margin-bottom: 5px;
font-weight: 500; } }
@media only screen and (max-width: 767px) {
.definitionList-key.sku {
font-size: 12px; } }
.definitionList-value.for-categories,
.definitionList-key.options,
.definitionList-value.options {
color: #707070;
line-height: 24px;
margin: 0; }
.definitionList-key.options {
margin-right: 3px; }
.cart-item-figure {
float: left;
margin-bottom: 20px;
padding-right: 8px;
position: relative;
text-align: center;
width: 50%; }
@media only screen and (min-width: 480px) {
.cart-item-figure {
height: 210px;
margin-bottom: 0;
margin-left: -33.33333%;
width: 33.33333%; } }
@media only screen and (min-width: 768px) {
.cart-item-figure {
float: none;
width: 50%; } }
.cart-item-figure--inner {
position: relative; }
.cart-item-figure--inner::after {
content: "";
display: block;
height: 0;
padding-bottom: 100%;
width: 100%; }
.cart-item-figure--inner img {
bottom: 0;
font-family: "object-fit: contain;";
left: 0;
margin: auto;
max-height: 100%;
object-fit: contain;
position: absolute;
right: 0;
top: 0;
width: 100%; }
.cart-item-fixed-image {
width: 100%; }
.cart-item-title {
display: table-cell;
padding-left: 8px;
width: 50%; }
@media only screen and (min-width: 480px) {
.cart-item-title {
display: block;
height: 210px;
height: auto;
margin-bottom: 20px;
overflow: hidden; } }
@media only screen and (min-width: 768px) {
.cart-item-title {
display: table-cell;
margin-bottom: 0;
padding-left: 0;
position: relative; } }
.cart-item-title .change-remove-wrap {
margin-bottom: 10px; }
@media only screen and (min-width: 768px) {
.cart-item-title .change-remove-wrap {
margin-bottom: 0; } }
.change-remove-wrap a {
display: inline-block;
text-decoration: underline;
vertical-align: middle; }
.change-remove-wrap a:hover {
color: #1a1a1a; }
.change-remove-wrap a + a {
border-left: 1px solid #333;
margin-left: 1px;
padding-left: 6px; }
@media only screen and (max-width: 767px) {
.cart-remove.button.button--text {
color: #707070; } }
.cart-remove.cart-remove--spacer {
visibility: hidden; }
.cart-remove.icon {
border-radius: 50%;
cursor: pointer;
float: right;
height: 18px;
margin-top: 2px;
padding: 2px;
transition: background-color 0.15s ease;
width: 18px; }
@media only screen and (min-width: 480px) {
.cart-remove.icon {
margin-left: 25px; } }
.cart-remove.icon > svg {
fill: #1a1a1a; }
.cart-item-info {
clear: both; }
@media only screen and (min-width: 480px) {
.cart-item-info {
clear: none;
float: left;
overflow: hidden; }
.cart-item-info + .cart-item-info {
margin-top: 0; } }
@media only screen and (min-width: 768px) {
.cart-item-info {
float: none; }
.cart-item-info:last-child {
width: 138px; } }
.cart-item-price {
margin-bottom: 20px;
margin-left: auto;
padding-left: 8px;
text-align: left;
width: 50%; }
@media only screen and (min-width: 768px) {
.cart-item-price {
margin-bottom: 0;
padding-left: 0;
width: 100%; } }
.cart-item-price .cart-item-value {
padding: 0; }
@media only screen and (max-width: 767px) {
.giftWrapping-select {
background-position: right 4px top 50%;
font-size: 12px; } }
@media only screen and (max-width: 767px) {
.cart-item-total {
align-items: flex-end;
display: flex;
justify-content: space-between;
display: none; } }
@media only screen and (min-width: 768px) {
.cart-item-total {
padding-top: 32px;
text-align: right; } }
.cart-item-total .cart-item-label {
text-align: left;
text-transform: uppercase; }
.cart-item-total .total-container {
margin-bottom: 36px; }
.cart-item-total .cart-item-actions button {
font-size: 16px;
color: #707070; }
.cart-item-total .cart-item-actions .change-remove-wrap {
margin-bottom: 10px; }
.cart-item-quantity {
position: relative;
width: 96px; }
@media only screen and (min-width: 768px) {
.cart-item-quantity {
display: table-cell;
margin-bottom: 22px;
padding-top: 30px;
text-align: left;
box-sizing: content-box; } }
.cart-item-quantity .form-input--incrementTotal,
.cart-item-quantity .increment-buttons-wrap .button {
border-color: #e0e0e0; }
.cart-item-quantity .form-input--incrementTotal {
font-size: 16px; }
.cart-item-quantity .form-increments-wrap {
width: 100%; }
@media only screen and (max-width: 767px) {
.cart-item-quantity .form-increments-wrap {
display: inline-block;
text-align: right;
vertical-align: middle; } }
@media only screen and (min-width: 768px) {
.cart-item-quantity .form-increments-wrap {
margin-bottom: 16px; } }
.cart-item-quantity .form-increment {
display: flex;
justify-content: center;
background: #eee;
border-radius: 22px; }
.cart-item-quantity .form-increment > .increment-input-wrap {
height: 32px;
margin: 0 5px;
display: flex;
align-items: center;
width: 34px; }
.cart-item-quantity .form-increment > .increment-input-wrap .form-input--incrementTotal {
height: 18.5px;
width: 34px;
margin: 0 auto;
font-weight: 600;
border: none;
background: transparent; }
.cart-item-quantity .form-increment .increment-button-wrap {
height: 32px;
width: 13px; }
.cart-item-quantity .form-increment .increment-button-wrap .button {
height: inherit;
width: inherit; }
.cart-item-quantity .form-increment .increment-button-wrap .icon {
height: 12px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 12px; }
.cart-item-quantity .form-increment input:read-only {
border: none;
pointer-events: none; }
.cart-item-quantity .gift-wrap-container .cart-item-options--giftWrapping {
margin: 0; }
@media only screen and (max-width: 767px) {
.cart-item-quantity .cart-item-label,
.cart-item-price .cart-item-label {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px; } }
.cart-item-label {
display: inline-block;
font-size: 12px;
text-align: right;
vertical-align: middle;
width: 33.33333%; }
@media only screen and (min-width: 480px) {
.cart-item-label {
display: block;
font-size: 14px;
margin-bottom: 5px;
padding-left: 20px;
text-align: left;
width: 100%; } }
@media only screen and (min-width: 768px) {
.cart-item-label {
display: none; } }
.cart-item-value .old-price {
color: #707070;
margin-right: 10px; }
@media only screen and (min-width: 768px) {
.cart-item-value .old-price {
margin-right: 30px; } }
.cart-savings {
text-transform: capitalize; }
.cart-item-name {
margin-bottom: 5px;
font-size: 16px; }
@media only screen and (min-width: 768px) {
.cart-item-name {
font-size: 20px; } }
.cart-item-name a {
text-decoration: none; }
@media only screen and (min-width: 768px) {
.cart-item-options--giftWrapping {
bottom: 50px;
left: 0;
margin: 0;
position: absolute; } }
.cart-item-options--giftWrapping .cart-item-option-description,
.cart-item-options--giftWrapping .cart-item-option-title {
color: #1a1a1a;
display: inline-block; }
.cart-item-options--giftWrapping .cart-item-option-description {
margin: 0;
text-decoration: underline; }
.order-summary-title {
margin-left: 30px;
margin-bottom: 20px;
font-size: 24px;
font-weight: 700;
padding-bottom: 17px;
/* margin-bottom: 20px; */
border-bottom: 1px solid #e0e0e0; }
@media only screen and (min-width: 991px) {
.order-summary-title {
margin-top: -48.2px; } }
@media only screen and (max-width: 990px) {
.order-summary-title {
display: none; } }
.cart-totals {
list-style: none;
margin-bottom: 20px;
margin-left: 30px; }
@media only screen and (max-width: 990px) {
.cart-totals {
margin-left: 0; } }
.coupon-certificate {
border-bottom: 1px solid #333; }
@media only screen and (max-width: 767px) {
.coupon-certificate {
border-bottom: 0; } }
@media only screen and (min-width: 768px) {
.coupon-certificate {
border-width: 0; }
.coupon-certificate .cart-total-label,
.coupon-certificate .cart-total-value {
display: inline-block;
float: none;
width: auto;
text-transform: capitalize; }
.coupon-certificate .cart-total-label {
font-weight: 600; } }
.coupon-certificate .button.button--text {
border-bottom: 1px solid #e0e0e0;
border-radius: 0;
display: flex;
justify-content: space-between;
padding: 20px 0;
width: 100%;
padding-top: unset; }
.coupon-certificate .button.button--text.coupon-code-add {
margin-bottom: 20px; }
.coupon-certificate .button.button--text.coupon-code-cancel {
border-bottom: unset; }
.coupon-certificate .button.button--text svg {
width: 12px; }
.coupon-certificate .coupon-code {
border-bottom: 1px solid #e0e0e0;
margin-bottom: 20px;
padding-top: 0; }
.cart-total {
*zoom: 1;
margin-bottom: 20px; }
.cart-total::after {
clear: both;
content: "";
display: table; }
.cart-total .form-inlineMessage {
text-align: left; }
.cart-total-label,
.cart-total-value {
float: left;
width: 50%; }
.cart-total-label span,
.cart-total-value span {
font-weight: 600; }
.cart-total-label span.discount-name,
.cart-total-value span.discount-name {
color: #707070;
font-size: 12px;
display: block; }
@media only screen and (min-width: 768px) {
.cart-total-label {
display: block;
padding-left: 0;
text-align: left; } }
.cart-total-value {
text-align: right; }
.estimator-form {
margin-bottom: 0;
padding-top: 34px;
text-align: right; }
.estimator-form dl {
margin-top: 8px;
margin-bottom: 20px; }
.estimator-form .estimator-form-label {
text-align: left; }
.estimator-form .estimator-form-input {
margin: 0 0 18px; }
.estimator-form .estimator-form-input select,
.estimator-form .estimator-form-input input {
font-size: 14px; }
.estimator-form .estimator-form-input:last-of-type {
margin-bottom: 20px; }
.estimator-form .form-input,
.estimator-form .form-select {
margin: 0;
width: 100%; }
.shipping-quotes {
margin-top: 30px; }
.shipping-quotes ul {
list-style: none; }
.shipping-quotes .estimator-form-row {
background-color: #f5f5f5;
border-radius: 5px;
padding: 0 15px; }
.shipping-quotes .estimator-form-row .shipping-cost {
margin-bottom: 0; }
.shipping-quotes .estimator-form-row dl {
align-items: center;
display: flex;
justify-content: space-between;
min-height: 60px; }
.shipping-quotes .shipping-quote {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px; }
.shipping-quotes .shipping-quote:checked + span::after {
opacity: 1; }
.shipping-quotes .estimator-form-label-text {
cursor: pointer; }
.shipping-quotes .estimator-form-label-text span {
line-height: 20px;
position: relative;
font-size: 16px;
font-weight: 600; }
.shipping-quotes .estimator-form-label-text span::before, .shipping-quotes .estimator-form-label-text span::after {
content: ""; }
.shipping-quotes .estimator-form-label-text span::before {
border: 1px solid #333;
display: inline-block;
height: 20px;
margin-right: 15px;
vertical-align: top;
width: 20px;
border-radius: 100px; }
.shipping-quotes .estimator-form-label-text span::after {
background: #333;
height: 12px;
left: 4px;
opacity: 0;
position: absolute;
top: 3.5px;
transition: 300ms;
width: 12px;
border-radius: 100px; }
.cart-form {
clear: both;
padding-bottom: 20px;
padding-top: 20px; }
.cart-actions {
margin: auto;
max-width: 353px; }
.cart-actions .button {
display: block;
margin-bottom: 0; }
.cart-actions .checkoutMultiple {
clear: right;
display: block;
float: right;
padding-top: 5px; }
.cart-actions.cart-actions-top {
margin-bottom: 20px; }
@media only screen and (min-width: 768px) {
[data-cart-actions] {
margin-left: 30px; } }
.cart-additionalCheckoutButtons, .previewCart-additionalCheckoutButtons {
align-items: center;
display: flex;
flex-direction: column;
margin-top: 20px; }
@media only screen and (min-width: 768px) {
.cart-additionalCheckoutButtons, .previewCart-additionalCheckoutButtons {
margin: 10px auto 0;
max-width: 353px; } }
.cart-additionalCheckoutButtons .CheckoutButton, .previewCart-additionalCheckoutButtons .CheckoutButton {
margin: inherit auto;
max-width: 353px;
width: 100%; }
.cart-additionalCheckoutButtons .ApplePayCheckout, .previewCart-additionalCheckoutButtons .ApplePayCheckout {
order: 1; }
.cart-additionalCheckoutButtons .AmazonPayCheckout, .previewCart-additionalCheckoutButtons .AmazonPayCheckout {
order: 2; }
.cart-additionalCheckoutButtons .BraintreePaypalCheckout, .previewCart-additionalCheckoutButtons .BraintreePaypalCheckout {
order: 3; }
.cart-additionalCheckoutButtons .BraintreePaypalCheckout .or-use-label, .previewCart-additionalCheckoutButtons .BraintreePaypalCheckout .or-use-label {
display: none !important; }
.cart-additionalCheckoutButtons .BraintreePaypalCheckout .BraintreePaypalInnerContainer, .previewCart-additionalCheckoutButtons .BraintreePaypalCheckout .BraintreePaypalInnerContainer {
width: 100%;
max-width: 100%; }
.cart-additionalCheckoutButtons .ApplePayInnerContainer, .previewCart-additionalCheckoutButtons .ApplePayInnerContainer,
.cart-additionalCheckoutButtons .AmazonPayInnerContainer,
.previewCart-additionalCheckoutButtons .AmazonPayInnerContainer {
max-width: 353px;
width: 100%; }
.cart-additionalCheckoutButtons {
vsibility: hidden; }
.cart-additionalCheckoutButtons--heading {
margin-bottom: 10px;
font-size: 12px;
line-height: 1.2;
font-weight: 700; }
.previewCart-additionalCheckoutButtons {
padding-bottom: 1.5rem;
padding-right: 1.5rem; }
.empty-cart-wrap .empty-cart-main {
margin-bottom: 45px;
text-align: center; }
@media only screen and (min-width: 768px) {
.empty-cart-wrap .empty-cart-main {
margin-bottom: 80px; } }
.empty-cart-wrap .empty-cart-main h3 {
margin-bottom: 30px; }
.empty-cart-wrap #top-sellers-section {
margin-bottom: 0; }
.top-cart-cta {
margin-bottom: 30px; }
@media only screen and (min-width: 768px) {
.top-cart-cta {
margin-bottom: 70px; } }
.shipping-estimate-submit,
.select-shipping-quote {
text-transform: uppercase;
width: 100%; }
.cart-grandTotal {
margin-bottom: 26px;
padding: 2px 0 34px; }
@media only screen and (min-width: 991px) {
.cart-grandTotal {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
padding: 16px 0; } }
.cart-carousel {
padding-top: 40px;
background-color: #f5f5f5;
padding-bottom: 105px; }
.cart-modal .modal-content {
padding: 40px 0; }
.cart-modal .modal-close {
top: 20px;
right: 20px; }
@media only screen and (min-width: 1200px) {
.cart-modal .modal-close {
right: 54px;
top: 43px; } }
.cart-modal .modal-header {
border-width: 0;
margin-bottom: 40px; }
.cart-modal .modal-header .modal-header-title {
font-size: 18px;
text-transform: uppercase; }
.cart-modal .modal-header,
.cart-modal .modal-body {
padding: 0 22px; }
.cart-modal .edit-product-options-container .form-label {
display: block;
font-size: 14px; }
.cart-modal .edit-product-options-container .form-label:not(small) {
text-transform: uppercase; }
.cart-modal .edit-product-options-container .form-actions {
margin-top: 40px;
text-align: center; }
.cart-modal .edit-product-options-container [data-product-attributes-wrapper] {
height: auto !important; }
.cart-modal .edit-product-options-container .swatch-container .form-option {
border-color: transparent; }
.cart-modal .edit-product-options-container .swatch-container .form-radio:checked + .form-option {
border-color: #333; }
.cart-modal .edit-product-options-container .rectangle-container .form-radio:checked + .form-option {
background-color: #333;
color: #fff; }
.cart-modal .edit-product-options-container .form-option-wrapper {
margin-right: 10px; }
.cart-modal .edit-product-options-container .rectangle-container .form-option {
height: auto;
margin: 0;
padding: 5px;
width: auto;
min-width: 120px; }
.cart-modal .edit-product-options-container .rectangle-container .form-option-variant {
height: 100%;
line-height: 1.2;
width: 100%;
white-space: normal; }
.cart-modal .edit-product-options-container .swatch-container .form-option {
height: 46px;
margin: 0;
padding: 3px;
width: 46px; }
.cart-modal .edit-product-options-container .swatch-container .form-option-variant {
height: 100%;
line-height: 36px;
width: 100%; }
.cart-modal .tooltip-icon.icon {
display: none; }
.cart-modal .options-wrap {
display: flex; }
.cart-item-product {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 22px;
margin-top: 24px;
margin-bottom: 24px; }
@media only screen and (max-width: 767px) {
.cart-item-product {
margin: 0; } }
.cart-item-product .cart-item-figure--inner {
flex: 0 1 100px;
box-sizing: content-box; }
.cart-item-product .cart-item-figure--inner img {
border: 1px solid #e0e0e0; }
@media only screen and (min-width: 768px) {
.cart-item-product .cart-item-figure--inner {
flex: 0 1 140px; } }
@media only screen and (max-width: 767px) {
.cart-item-product .cart-item-figure--inner img {
position: relative !important; }
.cart-item-product .cart-item-figure--inner::after {
padding-bottom: 0; } }
.cart-item-product .cart-item-details {
flex: 1 1 280px;
padding-right: 0;
margin-top: 8px; }
@media only screen and (max-width: 767px) {
.cart-item-product .cart-item-details {
margin-top: 0;
display: flex;
flex-direction: column;
min-height: 148px; }
.cart-item-product .cart-item-details .cart-item-name,
.cart-item-product .cart-item-details .definitionList,
.cart-item-product .cart-item-details .change-remove-wrap.mobile {
flex: 0 0 100%; }
.cart-item-product .cart-item-details .change-remove-wrap.mobile {
margin-top: auto; } }
@media only screen and (min-width: 768px) {
.cart-item-product .cart-item-details {
flex: 0 1 280px;
padding-right: 22px; } }
.cart-item-product .cart-item-details .definitionList {
margin-bottom: 10px; }
@media only screen and (min-width: 768px) {
.cart-item-product .cart-item-details .definitionList {
margin-bottom: 0; } }
.cart-header-item.cart-header-product {
width: 50%; }
.cart-header-item.cart-header-price {
width: 12.25%; }
.cart-header-item.cart-header-quantity {
width: 25%; }
.cart-header-item.cart-header-total {
width: 12.25%; }
.swiper-button-next,
.swiper-button-prev {
background-color: transparent !important; }
.swiper-pagination {
position: relative;
transform: none !important;
left: auto !important;
bottom: auto !important;
height: min-content;
width: auto !important; }
.swiper-external-controls {
margin-top: 0 !important;
display: flex;
align-items: center; }
.change-remove-wrap.mobile {
display: flex;
align-items: center;
justify-content: space-between; }
.mobile-price {
margin: 0;
display: flex;
justify-content: space-between;
align-items: center; }
.mobile-price span {
display: block; }
.mobile-remove {
margin-top: 10px; }
.mobile-remove button.button {
display: block;
font-size: 13px;
color: #707070;
margin-bottom: 3px; }
.shipping-estimate-show:hover,
.shipping-estimate-hide:hover {
color: #707070 !important; }
.previewCart {
text-align: left; }
.previewCart .previewCartHeader {
background-color: #e5efe5;
padding: 23px 20px; }
@media only screen and (min-width: 768px) {
.previewCart .previewCartHeader {
padding: 13px 20px; } }
.previewCart .previewCartHeader.success {
background-color: #e5efe5; }
.previewCart .previewCartHeader h4 {
color: #fff;
margin: 0; }
@media only screen and (min-width: 768px) {
.previewCart .previewCartHeader h4 {
text-align: center; } }
.previewCart .previewCartHeader .modal-close {
color: #fff;
left: 16px;
right: unset; }
.previewCart .previewCartHeader .modal-close .icon {
height: 18px;
width: 18px; }
.previewCart .previewCartList {
border-collapse: collapse;
list-style: none;
margin: 0;
max-height: calc(100vh - (65px + 250px));
overflow-y: auto;
padding: 0 20px;
width: 100%; }
@media only screen and (min-width: 768px) {
.previewCart .previewCartList {
max-height: calc(80vh - (40px + 68px + 86px)); } }
.previewCart .previewCartItem {
padding: 20px 0; }
.previewCart .previewCartItem + .previewCartItem {
border-top: 1px solid #e0e0e0; }
.previewCart .previewCartItem-inner {
display: flex; }
.previewCart .previewCartItem-image {
flex: 0 0 auto;
width: 122px; }
.previewCart .previewCartItem-content {
padding-left: 30px; }
.previewCart .previewCartItem-name {
margin-bottom: 10px; }
.previewCart .previewCartItem-name > a {
text-decoration: none; }
.previewCart .previewCartItem-options {
list-style: none;
margin: 0; }
.previewCart .previewCartItem-price {
display: block;
margin-top: 10px; }
.previewCart .previewCartAction {
padding: 0 20px; }
.previewCart .previewCartAction-inner {
border-top: 1px solid #e0e0e0;
padding: 20px 0; }
@media only screen and (min-width: 768px) {
.previewCart .previewCartAction-inner {
display: flex;
gap: 16px;
justify-content: space-between; } }
.previewCart .previewCartAction-inner div {
width: 100%; }
@media only screen and (max-width: 767px) {
.previewCart .previewCartAction-inner div + div {
margin-top: 10px; } }
.previewCart .previewCartAction-inner .button {
padding: 0 10px;
width: 100%; }
.previewCart .previewCartAction-checkoutMultiple {
clear: both;
padding-left: 5px;
padding-top: 10px; }
.previewCart .previewCart-emptyBody {
padding: 40px;
text-align: center; }
.previewCartAction-additionalCheckoutButton {
float: left;
margin-top: 20px;
padding: 0 10px;
width: 50%; }
.navUser .previewCartAction-additionalCheckoutButton {
padding: 10px 5px 0; }
.previewCartAction-additionalCheckoutButton.odd {
clear: both;
padding-left: 5px; }
.apple-pay-supported .previewCartAction-additionalCheckoutButton.odd {
padding-left: 10px;
padding-right: 5px; }
.previewCartAction-additionalCheckoutButton.even {
padding-right: 5px; }
.apple-pay-supported .previewCartAction-additionalCheckoutButton.even {
padding-left: 5px;
padding-right: 10px; }
.previewCartAction-additionalCheckoutButton .PayPalExpressCheckout p {
display: none;
text-align: center; }
.previewCartAction-additionalCheckoutButton .PayPalExpressCheckout #PayPalExpressCheckoutButton {
width: 100%; }
.previewCartAction-additionalCheckoutButton .braintree-paypal-button,
.previewCartAction-additionalCheckoutButton .paypal-button-parent {
width: 100% !important; }
.apple-pay-supported .previewCartAction-additionalCheckoutButton .apple-pay-checkout-button {
display: block;
float: none;
width: 100%; }
.search-page-form {
margin-bottom: 30px;
padding: 15px 22px; }
.search-page-form .form {
position: relative; }
.search-page-form .form-field {
margin: 0; }
.search-page-form .button {
cursor: pointer;
height: 100%;
padding: 0 14px;
position: absolute;
right: 0;
top: 0; }
.search-page-form .icon {
display: block;
font-size: 0;
height: 18px;
padding: 0;
width: 18px; }
#search_query-mobile-search {
padding-right: 43px; }
.zero-search-tips {
margin: 0 auto 100px;
max-width: 466px; }
.zero-search-tips h5 {
margin-bottom: 20px; }
.zero-search-tips ul {
list-style: inside; }
.zero-search-tips.no-breadcrumbs {
padding-top: 50px; }
@media only screen and (min-width: 768px) {
.zero-search-tips.no-breadcrumbs {
padding-top: 100px; } }
.search-suggestion {
margin-bottom: 27px; }
.search-suggestion > :last-child {
margin-bottom: 0; }
.suggestion-title {
margin-top: 0;
text-transform: inherit; }
.advancedSearch-form {
margin-bottom: 40px; }
.advancedSearch-form .form-row {
margin-bottom: -20px; }
.quickSearchResults {
display: none;
margin-top: 20px; }
@media only screen and (min-width: 768px) {
.quickSearchResults {
background-color: #fff;
left: 0;
margin-top: 0;
max-height: calc(100vh - 400px);
overflow-y: auto;
padding: 20px;
position: absolute;
right: 0;
top: 100%;
z-index: 999; } }
.quickSearchResults .modal-close {
display: none; }
@media only screen and (min-width: 768px) {
.quickSearchResults .modal-close {
display: block; } }
.quickSearchResults.is-open {
display: block; }
.advancedSearch-title {
margin: 0 0 20px;
text-transform: inherit; }
.search-price-range label {
display: inline; }
.search-price-range label input {
display: block;
padding-left: 20px; }
@media only screen and (min-width: 480px) {
.search-price-range label input {
display: inline;
width: 84px; } }
@media only screen and (min-width: 480px) {
.search-price-range label span {
display: inline;
padding-left: 20px;
padding-right: 20px; } }
.search-results-sections > div:nth-last-child(2) {
border-bottom: none; }
.category-suggestion-list {
list-style-type: none; }
.category-suggestion {
--padding: 8px;
--text-height: 44px;
align-items: center;
border: 1px solid #e0e0e0;
border-radius: 8px;
display: flex;
justify-content: center;
margin-bottom: 30px;
height: calc(var(--text-height) + var(--padding) * 2);
padding: var(--padding) 16px;
text-decoration: none;
text-transform: unset; }
.category-suggestion:hover {
text-decoration: underline; }
.search-refine {
margin-left: 20px; }
.quickSearchMessage {
font-size: 30px;
margin: 20px 0 0;
text-align: center; }
.no-results .no-results-text {
margin-bottom: 30px; }
.no-results .search-form-wrap {
margin: 0 auto 76px;
max-width: 489px; }
.search-nav {
position: relative; }
@media only screen and (min-width: 768px) {
.product-listing-container {
position: relative; } }
.product-listing-container,
.category-listing-container,
.content-listing-container {
margin-bottom: 40px;
padding-bottom: 50px; }
.product-listing-container:not(.hide),
.category-listing-container:not(.hide),
.content-listing-container:not(.hide) {
border-bottom: 1px solid #e0e0e0; }
.content-result-wrapper {
border: 1px solid #e0e0e0;
border-radius: 8px;
cursor: pointer;
display: block;
margin-bottom: 30px;
min-height: 202px;
padding: 20px;
text-decoration: none; }
.content-result-wrapper .type-label {
color: #fff;
display: inline-block;
margin-bottom: 10px;
padding: 5px 20px; }
.content-result-wrapper .type-label.bg-page {
background-color: #007823; }
.content-result-wrapper .type-label.bg-post {
background-color: #333; }
.content-result-wrapper .content-block-header {
margin-bottom: 10px;
min-height: 52px; }
.content-result-wrapper:hover .content-block-header {
text-decoration: underline; }
.content-result-wrapper .content-block-text {
-webkit-box-orient: vertical;
/* autoprefixer: off */
display: -webkit-box;
-webkit-line-clamp: 2;
margin-bottom: 0;
overflow: hidden; }
.content-result-wrapper .read-more {
display: block;
text-decoration: underline; }
.content-result-wrapper:hover .content-block-header {
text-decoration: underline; }
.mobile-facets {
border-bottom: 1px solid #e0e0e0;
padding: 20px 0 25px; }
.search-results-section-header {
align-items: baseline;
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 30px; }
.search-results-section-header.products {
margin-bottom: 0; }
.search-results-section-header * {
margin-bottom: 0; }
.search-results-section-header .form-select__mobile {
margin-left: auto; }
.search-page .page .grid #showFilters {
display: flex;
border-width: 1px;
text-transform: none; }
.search-page .page .grid #showFilters .icon {
margin-left: 10px; }
.search-page .page .grid #showFilters .icon svg {
fill: transparent; }
.search-page .page .grid #showFilters .show-text {
display: inline-block; }
.search-page .page .grid #showFilters .hide-text {
display: none; }
.search-page .page .grid #showFilters span > span {
display: none; }
@media only screen and (min-width: 768px) {
.search-page .page .grid #showFilters span > span {
display: inline-block; } }
.search-page .page .grid #ShowHideFilter {
border-radius: 22px;
width: 100%; }
.search-page .page .grid #faceted-search-container {
display: none; }
.search-page .page .grid #faceted-search-container .newStyling {
border-radius: 8px; }
.search-page .page .grid #faceted-search-container .newStyling #filter_form div:first-of-type {
border-radius: 8px 8px 0 0; }
.search-page .page .grid #faceted-search-container .newStyling #filter_form div:last-of-type {
border-radius: 0 0 8px 8px; }
.search-page .page .grid.sidebar-active #faceted-search-container {
display: block; }
.search-page .page .grid.sidebar-active #showFilters .show-text {
display: none; }
.search-page .page .grid.sidebar-active #showFilters .hide-text {
display: inline-block; }
@media only screen and (min-width: 991px) {
.search-page .page .grid.sidebar-active #product-listing-container {
flex: 0 0 75%;
max-width: 75%; }
.search-page .page .grid.sidebar-active #product-listing-container .product.grid__item {
flex: 0 0 33.33333%;
max-width: 33.33333%; } }
@media only screen and (min-width: 768px) and (max-width: 990px) {
.search-page .page .grid.sidebar-active #product-listing-container {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.search-page .page .grid.sidebar-active #product-listing-container .product.grid__item {
flex: 0 0 50%;
max-width: 50%; } }
.my-account-heading {
text-align: center;
padding-top: 40px; }
@media only screen and (max-width: 767px) {
.my-account-heading {
margin-bottom: 30px;
padding-top: 50px; } }
@media only screen and (min-width: 768px) {
.account-main {
padding: 30px 0 0;
margin-bottom: 100px;
min-height: 410px; } }
.account-main .instructional-text {
letter-spacing: 0; }
.account-main [data-show-company] {
margin-bottom: 5px;
display: inline-block; }
.login-main {
min-height: 50vh;
background-color: #f5f5f5;
padding-top: 40px; }
@media only screen and (min-width: 768px) {
.login-main {
padding-bottom: 100px; } }
.login-main .page-title {
margin-bottom: 60px; }
.login-wrap,
.new-customer {
padding: 20px;
border-radius: 10px;
background-color: #fff; }
@media only screen and (min-width: 768px) {
.login-wrap,
.new-customer {
padding: 40px;
height: 100%;
min-height: 490px;
border: 1px solid #eee; } }
.login-wrap .title,
.new-customer .title {
margin-bottom: 30px; }
@media only screen and (max-width: 479px) {
.login-wrap .title,
.new-customer .title {
font-size: 26px; } }
.login-wrap {
margin-bottom: 40px; }
@media only screen and (min-width: 768px) {
.login-wrap {
padding: 50x 10px;
margin-bottom: 0; } }
.login-wrap .login-form .form-input[type='text'] {
background-image: none; }
.login-wrap .login-form .required-star {
color: #e02b27; }
.login-wrap .forgot-password {
text-decoration: none; }
.login-wrap .form-actions {
margin-top: 30px; }
.login-wrap .form-actions .button {
min-width: 170px;
max-width: 170px; }
.login-wrap small {
display: block; }
.form .form-field--inputPassword .form-input {
background-position: right 2px center; }
.toggle-password {
color: #707070;
font-size: 16px;
height: 44px;
position: absolute;
right: 22px;
top: 29px;
width: 46px; }
.toggle-password:hover {
color: #333; }
.toggle-password .icon {
height: 13px;
width: 20px; }
.toggle-password .icon--show {
height: 15px;
width: 22px; }
.new-customer {
margin-bottom: 40px; }
@media only screen and (min-width: 768px) {
.new-customer {
margin-bottom: 0; } }
.new-customer .new-customer-info-wrap {
margin: 0 0 30px;
max-width: 450px; }
.new-customer .new-customer-info-wrap p {
font-size: 14px; }
.new-customer .new-customer-info-wrap .new-customer-fact-list {
list-style: outside disc none;
margin: 0;
margin-left: 20px;
margin-bottom: 20px;
padding-left: 10px; }
.new-customer .new-customer-info-wrap .new-customer-fact-list li {
margin-bottom: 10px;
font-size: 14px; }
.new-customer .new-customer-info-wrap .new-customer-intro {
margin-bottom: 20px;
font-size: 16px;
font-weight: 700; }
.new-customer .new-customer-info-wrap .new-customer-fact {
padding-left: 0; }
.new-customer .title {
text-transform: none; }
.consent-box {
margin-bottom: 20px; }
.consent-box input {
margin: 0; }
.consent-box input:checked {
accent-color: #1a1a1a; }
.consent-box label {
color: #707070; }
.change-password-main,
.create-account-main {
background-color: #fff;
border-radius: 10px;
border: 1px solid #eee;
max-width: 700px;
margin: 0 auto;
padding: 20px; }
@media only screen and (min-width: 768px) {
.change-password-main,
.create-account-main {
padding: 40px 50px; } }
.change-password-main .form-field,
.create-account-main .form-field {
margin-bottom: 20px; }
.change-password-main .form-label,
.create-account-main .form-label {
border-radius: 10px; }
.change-password-main .form-label .required-star,
.create-account-main .form-label .required-star {
color: red; }
.change-password-main .form-actions,
.create-account-main .form-actions {
display: inline-block; }
.change-password-main .form-actions .button,
.create-account-main .form-actions .button {
min-width: 190px; }
.form-label-company {
text-decoration: underline; }
.account-body .card {
margin-bottom: 30px; }
.account-heading {
margin-bottom: 10px;
font-size: 16px; }
.account-list {
list-style: none;
margin-left: 0; }
.account-listItem {
margin-bottom: 30px;
position: relative; }
.account-listItem p:last-child {
margin-bottom: 0; }
.account-listShipping {
border-bottom: 1px solid #e0e0e0;
margin-bottom: 30px;
padding-bottom: 30px; }
.account-listShipping .account-listShipping-title {
margin: 0; }
.account-product .definitionList {
color: #707070; }
.account-product-figure {
overflow: hidden;
position: relative; }
.account-product-figure::after {
content: "";
display: block;
height: 0;
padding-bottom: 100%;
width: 100%; }
@media only screen and (max-width: 767px) {
.account-product-figure {
margin-bottom: 20px; } }
.account-product-figure img {
bottom: 0;
font-family: "object-fit: contain;";
left: 0;
margin: auto;
max-height: 100%;
object-fit: contain;
position: absolute;
right: 0;
top: 0;
width: 100%; }
.account-product-body .definitionList {
margin-bottom: 0; }
.account-product-body .definitionList .definitionList-key,
.account-product-body .definitionList .definitionList-value {
color: inherit; }
.account-product-title {
margin-bottom: 10px; }
.account-product-title > a {
text-decoration: none; }
.account-product-title + .definitionList {
margin-top: 10px; }
.account-product-download {
margin-bottom: 15px; }
.order-title {
margin-bottom: 10px; }
.order-title a {
text-decoration: underline; }
.account-product-right {
padding-bottom: 30px;
position: relative; }
.account-product-price {
text-align: right;
font-weight: 700; }
.account-product-header-container {
margin: 0 20px; }
.account-product-table-header {
margin-bottom: 10px;
font-size: 14px;
font-weight: 600; }
@media only screen and (min-width: 991px) {
.account-product-table-header {
font-size: 16px; } }
.account-product-table-header.header-item {
text-transform: none; }
@media only screen and (min-width: 480px) {
.account-product-table-header.header-qty {
text-align: center; } }
.account-product-table-header.header-total {
text-align: right; }
@media only screen and (min-width: 480px) {
.account-product-qty {
text-align: center; } }
@media only screen and (min-width: 768px) {
.account-product-checkItem {
bottom: 0;
left: 16px;
position: absolute; } }
.account-product-description + .definitionList {
border-top: 1px solid #e0e0e0;
margin: 14px 0 0;
max-width: 287px;
padding-top: 16px; }
.account-product-description + .definitionList .definitionList-key {
float: none;
margin-bottom: 7px; }
.account-product-description + .definitionList .definitionList-value {
color: #333;
margin-bottom: 21px; }
.account-product-refundQty {
margin-bottom: 0; }
.account-product-detail {
margin-bottom: 10px; }
@media only screen and (min-width: 768px) {
.account-product-detail {
margin-bottom: 50px; } }
.account-product-detail--comments {
margin-bottom: 0; }
.account-product-detail-heading {
margin-bottom: 3px; }
@media only screen and (min-width: 768px) {
.account-product-detail-heading {
margin-bottom: 10px; } }
@media only screen and (min-width: 768px) {
.account-heading-flex {
display: flex;
justify-content: space-between; }
.account-heading-flex .h3 {
margin-bottom: 15px; } }
.account-heading-flex .button--unstyled {
text-decoration: underline; }
.account-heading-flex .instructional-text {
text-decoration: underline; }
.details-summary {
max-width: 220px;
margin-bottom: 40px; }
.details-summary .h6 {
margin-bottom: 10px; }
.account-orderTotal-key,
.account-orderTotal-value,
.account-order-address {
color: #707070; }
.account-order-address li {
margin-bottom: 10px; }
.account-payment-container p {
color: #707070; }
.account-payment-container .payment-text span {
margin-right: 10px; }
@media only screen and (min-width: 768px) {
.account-payment-container .payment-text {
max-width: 220px;
display: flex;
justify-content: space-between; }
.account-payment-container .payment-text span {
margin: 0; } }
.account-orderTotal-line {
display: flex;
justify-content: space-between;
margin-bottom: 8px; }
.account-orderTotal-line:last-child {
margin-bottom: 0; }
.account-orderTotal {
background-color: #fff;
margin-bottom: 30px;
padding: 30px 18px; }
@media only screen and (min-width: 768px) {
.account-orderTotal {
padding: 30px; } }
@media only screen and (max-width: 767px) {
.account-orderStatus {
padding-top: 15px; } }
.account-message .account-orderStatus span {
color: #333; }
@media only screen and (min-width: 768px) {
.account-orderStatus-label {
margin-bottom: 50px; } }
.account-orderStatus-action {
display: block;
margin-bottom: 15px;
text-decoration: underline; }
.account .pagination {
margin-top: 40px;
text-align: center; }
@media only screen and (min-width: 768px) {
.message-body .account-list {
margin-bottom: 50px; } }
.account-message .message-header {
display: flex;
justify-content: space-between;
margin-bottom: 20px; }
.account-message .message-header .h5 {
line-height: 1;
margin-bottom: 0; }
.account-message .message-content {
max-width: 710px; }
.send-message-form,
.return-form {
max-width: 500px; }
.order-details-header {
margin-bottom: 30px; }
@media only screen and (min-width: 768px) {
.order-details-header {
padding-top: 20px; } }
.order-details-subheader span {
color: #707070; }
.order-status {
display: flex;
flex-wrap: wrap; }
@media only screen and (min-width: 768px) {
.order-tracking {
padding-right: 10px; } }
.order-status-line {
margin-bottom: 20px;
margin-right: 30px; }
@media only screen and (min-width: 768px) {
.order-status-line {
margin-bottom: 15px;
margin-right: 50px; } }
.order-status-line:last-child {
margin-right: 0; }
.order-status-line .order-status-key {
margin-bottom: 10px; }
.account-order-block + .account-order-block {
margin-top: 30px; }
.account-order-address-title {
margin-bottom: 10px; }
.account-order-address {
list-style: none; }
.account-reorder-form .button {
margin-bottom: 10px; }
.account-sidebar-image {
margin: 0 0 20px; }
.account-downloads-summary {
border-bottom: 1px solid #e0e0e0;
margin-bottom: 25px;
padding-bottom: 25px; }
.account-downloadsList {
list-style: none; }
.account-downloadsItem {
margin-bottom: 20px; }
.account-downloadsItem > :last-child {
margin-bottom: 0; }
.account-downloadsItem-description {
margin-bottom: 6px; }
.account-downloadsItem-availability {
color: #333; }
.account-list-block {
list-style: none;
margin: 0; }
.account-list-block-item {
background-color: #fff;
margin-bottom: 30px;
max-width: 385px;
padding: 30px 15px;
position: relative;
width: 100%;
min-height: 250px; }
@media only screen and (min-width: 768px) {
.account-list-block-item {
margin-right: 50px;
padding: 30px; } }
.address {
margin-bottom: 20px; }
.address p,
.address address,
.address span {
color: #707070; }
.address.new-address {
align-items: center;
display: flex;
justify-content: center; }
@media only screen and (max-width: 767px) {
.address.new-address {
margin-bottom: 0; } }
.address .button-address {
display: flex; }
.address .button-address .address-action-link:first-child {
margin-right: 30px; }
.address .address-action-link {
text-decoration: underline;
font-weight: 500; }
.default-address address {
color: #707070; }
.address-title {
margin-bottom: 0; }
.address-details {
margin-bottom: 10px;
line-height: 2; }
.address-phone {
margin-bottom: 20px; }
.address--company {
color: #333;
display: block;
height: 22px; }
@media only screen and (max-width: 767px) {
.account--addReturn .table {
display: block; } }
@media only screen and (max-width: 767px) {
.account--addReturn .table tr {
display: block;
padding: 20px 0; } }
@media only screen and (max-width: 767px) {
.account--addReturn .table th,
.account--addReturn .table td {
display: block;
padding: 0; } }
@media only screen and (min-width: 768px) {
.account--addReturn .table th:last-child,
.account--addReturn .table td:last-child {
text-align: right; } }
.account--addReturn .table .return-itemTitle + .definitionList {
margin-top: 2px; }
.account--addReturn .table-thead {
display: none; }
@media only screen and (min-width: 480px) {
.account--addReturn .table-thead {
display: table-header-group; } }
.account--addReturn .table-thead th:first-child {
width: 60%; }
.account--addReturn .table-tbody {
display: block; }
@media only screen and (min-width: 480px) {
.account--addReturn .table-tbody {
display: table-row-group;
vertical-align: top; } }
.return-itemName .return-itemImage {
float: left;
margin-right: 20px; }
.return-itemName .return-itemTitle {
display: block;
margin-bottom: 15px; }
.return-itemName .definitionList-label {
float: left; }
.return-itemName .definitionList-description {
margin-bottom: 11px;
margin-left: 0; }
@media only screen and (max-width: 767px) {
.return-itemPrice {
margin-bottom: 10px;
text-align: center; } }
.return-itemQuantity .form-select {
max-width: 74px; }
.return-itemQuantity .form-label {
display: inline;
margin-right: 5px; }
@media only screen and (min-width: 480px) {
.return-itemQuantity .form-label {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px; } }
@media only screen and (max-width: 767px) {
.wishlists-table,
.wishlists-table .table-tbody,
.wishlists-table tr,
.wishlists-table .table-thead {
display: block;
font-size: 0; }
.wishlists-table td,
.wishlists-table th {
display: inline-block;
width: 25%; }
.wishlists-table td:first-child,
.wishlists-table th:first-child {
width: 50%; } }
.wishlists-table tr {
border-bottom: 1px solid #e0e0e0; }
.wishlists-table .table-thead tr {
border-bottom: 0; }
.wishlists-table .table-thead tr th {
padding: 0; }
@media only screen and (min-width: 768px) {
.wishlists-table td {
padding: 30px 0; } }
.wishlists-table .actions-wrapper {
display: flex;
gap: 16px;
justify-content: space-between; }
@media only screen and (min-width: 768px) {
.wishlists-table .actions-wrapper {
display: inline-block; } }
@media only screen and (max-width: 767px) {
.wishlists-table .table-actions {
display: block;
padding-bottom: 10px;
padding-top: 0;
width: 100%; } }
@media only screen and (min-width: 768px) {
.wishlists-table .table-actions {
text-align: right; } }
.wishlists-table .table-actions .form {
margin-bottom: 0; }
.wishlists-table .table-actions .button {
vertical-align: middle; }
@media only screen and (min-width: 768px) {
.wishlists-table .table-actions .button {
margin-left: 16px; } }
.wishlists-table .table-actions .share-link {
margin-bottom: 15px;
text-decoration: underline; }
.wishlist-item {
position: relative; }
.remove-wishlist-item {
position: absolute;
right: 0;
top: 0;
z-index: 4; }
.remove-wishlist-item .button {
background-color: #1a1a1a;
border-radius: 50%;
color: #fff;
height: 30px;
line-height: 32px;
text-align: center;
width: 30px; }
.remove-wishlist-item .icon {
height: 14px;
rotate: 45deg;
width: 14px; }
.forgot-password-content {
margin: 0 auto 40px;
max-width: 792px; }
@media only screen and (min-width: 768px) {
.forgot-password-content {
margin-bottom: 80px; } }
.forgot-password-content p {
margin-bottom: 28px; }
.forgot-password-form {
margin: 0 auto;
max-width: 590px; }
@media only screen and (max-width: 767px) {
.forgot-password-form {
display: block !important;
text-align: center; }
.forgot-password-form .form-field {
margin-bottom: 16px !important;
text-align: left; } }
#mobile-account-nav {
appearance: none;
background-color: #fff;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 10'%3E%3Cpath d='M9,10c-.26,0-.51-.1-.71-.29L.29,1.71C-.1,1.32-.1,.68,.29,.29S1.32-.1,1.71,.29l7.29,7.29L16.29,.29c.39-.39,1.02-.39,1.41,0s.39,1.02,0,1.41L9.71,9.71c-.2,.2-.45,.29-.71,.29Z' fill='rgba(26, 26, 26, 0.999)' /%3E%3C/svg%3E");
border: 1px solid #e0e0e0;
border-radius: 6px;
color: #1a1a1a;
margin-bottom: 19px; }
@media only screen and (min-width: 768px) {
.account-payment-methods .account-heading {
margin-bottom: 57px; } }
.paymentMethodsTitle {
margin: 0 0 10px;
padding: 0;
text-transform: none;
width: 100%; }
.paymentMethodsGrid-item {
display: flex;
flex-flow: column nowrap;
padding: 60px 0 0;
position: relative;
margin: 0 auto 30px; }
@media only screen and (min-width: 768px) {
.paymentMethodsGrid-item {
padding: 62px 0 0;
margin: 0; } }
@media only screen and (min-width: 768px) and (max-width: 990px) {
.paymentMethodsGrid-item:not(.add-new) .methodHeader-icon {
display: none; } }
.paymentMethodsGrid-item .paymentMethod-row {
padding: 15px; }
@media only screen and (min-width: 991px) {
.paymentMethodsGrid-item .paymentMethod-row {
padding: 30px; } }
.paymentMethodsGrid-item .paymentMethod-row:last-child {
padding-top: 0; }
.paymentMethodsGrid-item .paymentMethod-row:only-child {
height: 100%; }
.paymentMethodsGrid-item .paymentMethod-header {
background-color: #1a1a1a;
left: 0;
padding: 11px 15px;
position: absolute;
top: 0;
width: 100%; }
.paymentMethodsGrid-item .paymentMethod-header * {
color: #fff; }
.paymentMethodsGrid-item .button {
margin-bottom: 0; }
.paymentMethodsGrid-item.add-new {
align-items: center;
justify-content: center; }
.paymentMethodsGrid-item.add-new .paymentMethod-header {
background-color: #e0e0e0; }
.paymentMethodsGrid-item.add-new .paymentMethod-content {
align-items: center;
padding: 0; }
.paymentMethodsGrid-item.add-new .paymentMethod-content .button {
font-size: 12px;
padding: 10px 10px; }
.methodHeader-default {
background-color: #333;
color: #fff;
left: 0;
padding: 5px 20px;
position: absolute;
top: 0;
transform: translateY(-100%); }
.methodHeader {
align-items: center;
display: flex;
flex-flow: row;
justify-content: space-between; }
.methodHeader-icon {
margin-right: 10px;
width: 28px; }
@media only screen and (min-width: 991px) {
.methodHeader-icon {
width: 42px; } }
.methodHeader-title {
font-size: fontSize("smallest");
font-weight: fontWeight("semibold"); }
@media only screen and (min-width: 991px) {
.methodHeader-title {
font-size: fontSize("base"); } }
.methodHeader-brand {
font-size: fontSize("smallest");
font-weight: fontWeight("semibold"); }
@media only screen and (min-width: 991px) {
.methodHeader-brand {
font-size: fontSize("base"); } }
.methodHeader-meta {
display: flex;
flex-wrap: nowrap;
margin-left: auto;
padding-left: 10px; }
.methodHeader-expiry {
font-size: fontSize("smaller");
text-transform: capitalize; }
.methodDetails {
display: flex;
margin: 0; }
@media only screen and (max-width: 990px) {
.methodDetails {
flex-direction: column; } }
.methodDetails-label {
flex: 1;
font-weight: fontWeight("semibold"); }
@media only screen and (max-width: 990px) {
.methodDetails-label {
margin-bottom: 10px; } }
.methodDetails-description {
flex: 2;
font-size: fontSize("smallest"); }
.newPaymentMethod {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-items: center;
min-height: 186px;
text-decoration: none; }
.newPaymentMethod-icon {
font-size: 50px;
line-height: 1;
margin: auto 0 10px; }
.newPaymentMethod-title {
margin: 0 auto auto;
text-align: center; }
@media only screen and (min-width: 480px) {
.paymentMethodForm {
max-width: 60%; } }
@media only screen and (min-width: 480px) {
.paymentMethodForm-column {
display: flex; }
.paymentMethodForm-column:first-child .form-field {
margin-bottom: 10px; } }
.paymentMethodForm-subheading {
display: flex;
font-weight: fontWeight("semibold"); }
@media only screen and (min-width: 480px) {
.paymentMethodForm-cards {
margin-left: auto; } }
.paymentMethodForm-cards-icon {
margin-right: 3px;
width: 34px; }
.paymentMethodForm-inputs {
position: relative; }
@media only screen and (min-width: 480px) {
.paymentMethodForm-inputs:last-child {
padding-left: 20px;
width: 30%; }
.paymentMethodForm-inputs:first-child {
width: 70%; } }
.paymentMethodForm-inputs-icon {
position: absolute;
right: 9px;
top: 39px; }
.paymentMethodForm-inputs-icon.icon {
fill: color("greys", "light");
height: 21px;
width: 21px; }
.paymentMethodForm-details {
margin: 0 0 10px; }
.paymentMethodForm-details-term {
margin: 0 0 7px; }
.paymentMethodForm-details-description {
margin: 0; }
.password-wrap {
margin: 0 -16px 30px;
padding: 10px 15px; }
@media only screen and (min-width: 768px) {
.password-wrap {
margin: 0 0 30px; } }
.password-wrap .accordion-navigation {
padding-right: 30px;
width: auto; }
.password-wrap .accordion-navigation span {
text-decoration: underline;
margin-right: 10px; }
.password-wrap .accordion-content {
padding-top: 30px; }
.createaccount_thanks-page .page-heading {
margin-top: 32px;
padding-top: 40px;
text-transform: none;
margin-bottom: 50px; }
.createaccount-page {
background-color: #f5f5f5;
padding-bottom: 40px; }
.createaccount-page .page-heading {
margin-top: 32px;
text-transform: none;
margin-bottom: 50px; }
.createaccount-page .back-to-login {
text-decoration: none;
font-size: 12px;
margin-top: 10px;
display: inline-block;
margin-bottom: 30px;
font-weight: 600; }
.body[class*='account'],
.body[class*='shipping'],
.body[class*='wishlist'] {
padding-bottom: 100px;
background-color: #f5f5f5; }
.body[class*='account'] .my-account-heading,
.body[class*='shipping'] .my-account-heading,
.body[class*='wishlist'] .my-account-heading {
margin-bottom: 40px; }
.body[class*='account'] .required-star,
.body[class*='shipping'] .required-star,
.body[class*='wishlist'] .required-star {
color: #e02b27; }
.editaccount-page .form-actions .button {
text-transform: capitalize;
max-width: 200px; }
.account_addressbook-page .account-list-block,
.account_addressbook-page .default-address-block {
background-color: #fff;
border-radius: 10px;
padding: 20px; }
.account_addressbook-page .default-address-block {
margin-bottom: 40px; }
.account_addressbook-page .add-list-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px; }
.account_addressbook-page .add-list-header .account-heading {
margin-bottom: 0;
margin-right: 15px; }
.account-order-status {
margin-bottom: 20px; }
.account-order-status span {
font-weight: 400; }
.shippingaddressform-page .account {
background-color: #fff;
border-radius: 10px;
padding: 40px; }
.shippingaddressform-page .form-field {
max-width: none; }
@media only screen and (min-width: 1200px) {
.shippingaddressform-page .form-field {
max-width: 470px; } }
@media only screen and (max-width: 767px) {
.shippingaddressform-page .form-actions .button {
width: auto;
margin-top: 0; } }
.account-nav .navBar-section {
margin-bottom: 20px; }
.account-nav .register-link {
margin-bottom: 20px;
width: 100%;
text-transform: none; }
@media only screen and (min-width: 768px) and (max-width: 990px) {
.account-nav .register-link {
padding-left: 15px;
padding-right: 15px; } }
.account-nav .support-box-container {
border-radius: 10px;
padding: 20px;
background-color: #fff; }
.account-nav .support-box-container p {
font-weight: 700;
font-size: 16px;
margin-bottom: 10px; }
.account-nav .support-box-container a:not(:active) {
color: #707070; }
.account-nav .navBar-item {
color: #707070;
display: flex;
align-items: center; }
.account-nav .navBar-item:not(.is-active) {
background-color: #fff; }
.account-nav .navBar-item:first-of-type {
border-top-right-radius: 10px;
border-top-left-radius: 10px; }
.account-nav .navBar-item:last-of-type {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; }
.account-nav .navBar-item:hover {
background-color: #e0e0e0; }
.account-nav .navBar-item.is-active {
background-color: #e0e0e0;
color: #1a1a1a;
font-weight: 700;
border-left: 3px solid #1a1a1a;
text-transform: capitalize; }
.account-nav .navBar-item.is-active .icon {
visibility: hidden; }
.account-nav .navBar-item.is-active .navBar-action {
background-color: transparent; }
.account-nav .navBar-item .navBar-action {
color: inherit;
text-transform: capitalize;
display: flex;
align-items: center;
width: 100%; }
.account-nav .navBar-item .navBar-action:hover {
color: inherit; }
.account-nav .navBar-item .icon {
width: 18px;
height: 18px;
fill: currentColor;
margin-right: 10px; }
@media only screen and (max-width: 990px) {
.account-nav .navBar-item .icon {
display: none; } }
.order-details-header-container {
border-bottom: 1px solid #eee;
margin-bottom: 25px; }
.white-background-container {
background-color: #fff;
border-radius: 10px;
padding: 20px; }
.account-main-container {
margin-bottom: 40px; }
.account-main-container hr {
border-color: #eee;
border-width: 1px; }
@media only screen and (min-width: 768px) {
.invoice-container .button {
padding-left: 80px;
padding-right: 80px; } }
.loader {
display: flex;
align-items: center;
justify-content: center; }
.account-product-compatible,
.account-product-brand {
font-size: 12px;
color: #707070; }
.account-product-brand {
margin-bottom: 5px; }
.account_editpaymentmethod-page .paymentMethodForm-heading,
.account_editpaymentmethod-page .paymentMethodForm-details,
.account_addpaymentmethod-page .paymentMethodForm-heading,
.account_addpaymentmethod-page .paymentMethodForm-details {
margin-bottom: 15px; }
.account_editpaymentmethod-page .paymentMethodForm,
.account_addpaymentmethod-page .paymentMethodForm {
margin-bottom: 40px; }
.account_editpaymentmethod-page .form-fieldset .form-field,
.account_addpaymentmethod-page .form-fieldset .form-field {
max-width: 100%; }
.account_editpaymentmethod-page .form-actions,
.account_addpaymentmethod-page .form-actions {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; }
@media only screen and (min-width: 768px) {
.account_editpaymentmethod-page .form-actions,
.account_addpaymentmethod-page .form-actions {
justify-content: flex-start;
flex-direction: row; } }
.account_editpaymentmethod-page .form-actions .button,
.account_addpaymentmethod-page .form-actions .button {
max-width: 250px;
margin-top: 10px; }
@media only screen and (min-width: 768px) {
.account_editpaymentmethod-page .form-actions .button,
.account_addpaymentmethod-page .form-actions .button {
margin-top: 0; } }
.account_editpaymentmethod-page .form-actions .button--primary,
.account_addpaymentmethod-page .form-actions .button--primary {
margin: 0; }
@media only screen and (min-width: 768px) {
.account_editpaymentmethod-page .form-actions .button--primary,
.account_addpaymentmethod-page .form-actions .button--primary {
margin-right: 15px; } }
.account_editpaymentmethod-page .paymentMethodForm,
.account_addpaymentmethod-page .paymentMethodForm {
max-width: 100%; }
.product-card-container {
height: 100%;
padding-bottom: 16px; }
@media only screen and (min-width: 768px) {
.product-card-container {
padding-bottom: 40px; } }
.account-product-card {
background-color: #fff;
padding: 9px 9px 54px;
border-radius: 10px;
min-height: 135px;
height: 100%;
position: relative; }
@media only screen and (min-width: 768px) {
.account-product-card {
padding: 20px 16px 63px;
min-height: 186px; } }
@media only screen and (min-width: 991px) {
.account-product-card {
min-height: 220px; } }
@media only screen and (min-width: 768px) {
.account-product-card .product-card-info:not(.loader-info) {
margin-bottom: 21px; } }
@media only screen and (min-width: 991px) {
.account-product-card .product-card-info:not(.loader-info) {
margin-bottom: 10px; } }
.account-product-card .product-card-info:not(.loader-info) > span,
.account-product-card .product-card-info:not(.loader-info) > a {
display: block; }
.account-product-card .product-card-info:not(.loader-info) a {
text-decoration: none; }
.account-product-card .product-date,
.account-product-card .product-brand,
.account-product-card .compatibility {
font-size: 12px; }
.account-product-card .product-date {
color: #333; }
.account-product-card .product-brand,
.account-product-card .compatibility {
color: #707070; }
.account-product-card .compatibility {
word-wrap: break-word; }
.account-product-card .product-brand {
font-weight: 600; }
.account-product-card .product-img {
max-height: 72px; }
.account-product-card .warranty-container {
min-height: 44px;
padding: 11px 12px 13px 12px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid #e0e0e0; }
.account-product-card .warranty-container .product-img {
min-width: 75px;
height: 75px;
object-fit: contain; }
@media only screen and (min-width: 768px) {
.account-product-card .warranty-container {
min-height: 63px;
padding: 20px 25px 20px 20px; } }
@media only screen and (min-width: 1200px) {
.account-product-card .warranty-container {
padding: 5px 16px;
min-height: 63px; } }
.account-product-card .warranty-container:not(.loader-container) {
display: flex;
align-items: center;
justify-content: flex-start; }
.account-product-card .warranty-container.loader-container {
display: grid; }
.account-product-card .warranty-container.loader-container > span {
align-self: center; }
.account-product-card .warranty-container .icon {
fill: #1a1a1a;
width: 10px;
height: 16px; }
.account-product-card .warranty-container a {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
border-width: 0;
text-decoration: none; }
@media only screen and (max-width: 1199px) {
.account-product-card .warranty-container a {
font-size: 12px; } }
.account-product-card .warranty-container a.claim-valid, .account-product-card .warranty-container a.no-claim {
font-weight: 700; }
.account-product-card .warranty-container a.no-claim {
color: #707070; }
@media only screen and (max-width: 767px) {
.account-product-card .warranty-container a span.h5 {
font-size: 14px; } }
.account-product-card .warranty-container span.no-claim {
color: #707070;
font-weight: 700; }
.account-product-card .tool-tip-button {
margin-right: 10px;
z-index: 100;
position: relative;
display: inline-block;
width: 20px;
height: 20px; }
.account-product-card .status-overlay {
display: none;
position: absolute;
bottom: 80%;
left: 0;
margin: 0 6px;
max-width: 272px; }
.account-product-card .status-overlay.open-tooltip,
.account-product-card .status-overlay span {
display: inline-block; }
.account-product-card .status-overlay > span {
padding: 15px 20px;
position: absolute;
left: 0; }
.account-product-card .status-overlay img {
height: 112px; }
.newsletter-consent {
width: 100%;
min-height: 800px;
border: none; }
.consent-loading {
display: block;
margin: auto;
width: 150px;
height: 150px; }
.bento-box {
align-items: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: flex-start;
position: relative;
margin-bottom: 16px;
border-radius: 18px; }
.bento-box.border {
box-shadow: inset 0 0 0 1px #E0E0E0; }
.bento-box .content {
box-sizing: content-box;
align-items: center;
display: flex;
flex-direction: column;
padding: 40px;
position: relative;
text-align: center;
margin-left: auto;
margin-right: auto;
align-self: stretch; }
@media only screen and (min-width: 768px) {
.bento-box .content.content-right {
margin-left: auto;
margin-right: unset; }
.bento-box .content.content-left {
margin-right: auto;
margin-left: unset; } }
.bento-box .content .text-image {
margin-bottom: 40px; }
.bento-box .content .strapline {
text-transform: uppercase;
color: #1a1a1a;
font-size: 14px;
font-weight: 700;
line-height: 125%;
margin-bottom: 10px;
letter-spacing: 1.26px; }
.bento-box .content .headline {
color: #1a1a1a;
font-size: 32px;
font-weight: 700;
margin-bottom: 30px;
line-height: 110%; }
@media only screen and (min-width: 991px) {
.bento-box .content .headline {
font-size: 40px; } }
.bento-box .content .button {
min-width: 200px; }
.bento-box .content .bot-left-image,
.bento-box .content .bot-right-image {
position: absolute;
bottom: 20px;
max-width: calc(50% - 25px); }
.bento-box .content .bot-left-image {
left: 20px; }
.bento-box .content .bot-right-image {
right: 20px; }
.bento-box.full {
min-height: 560px;
align-items: flex-start;
display: grid;
grid-template-rows: 1fr;
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-columns: 1fr; }
.bento-box.full.content-right {
direction: rtl; }
.bento-box.full.content-right * {
direction: ltr; }
.bento-box.full.content-left {
direction: ltr; }
.bento-box.full.content-center {
grid-template-columns: 1fr; }
@media only screen and (min-width: 768px) {
.bento-box.full {
min-height: 460px;
align-items: center;
grid-template-columns: 1fr 1.5fr; } }
.bento-box.full .content {
max-width: 394px;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 40px 20px; }
@media only screen and (max-width: 767px) {
.bento-box.full .content {
align-self: flex-start; } }
@media only screen and (min-width: 768px) and (max-width: 990px) {
.bento-box.full .content {
max-width: 278px; } }
@media only screen and (min-width: 991px) {
.bento-box.full .content {
width: 100%; } }
.bento-box.half {
min-height: 560px;
align-items: flex-start; }
@media only screen and (min-width: 991px) {
.bento-box.half {
min-height: 660px; } }
.bento-box.half .content {
max-width: 394px; }
@media only screen and (min-width: 768px) and (max-width: 990px) {
.bento-box.half .content {
max-width: 349px; } }
@media only screen and (min-width: 991px) {
.bento-box.half .content {
max-width: 394px;
width: 100%; } }
.bento-box.third {
min-height: 560px;
align-items: flex-start; }
@media only screen and (min-width: 991px) {
.bento-box.third {
min-height: 660px; } }
.bento-box.third .content {
max-width: 394px;
padding: 40px 20px; }
@media only screen and (min-width: 768px) and (max-width: 990px) {
.bento-box.third .content {
max-width: 214px; } }
@media only screen and (min-width: 991px) {
.bento-box.third .content {
max-width: 344px;
width: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 990px) {
.bento-box.third .content .headline {
font-size: 24px; } }
.bento-box .wrapping-link {
position: absolute;
display: block;
height: 100%;
width: 100%;
z-index: 1; }
.bento-box .legal a {
font-size: 12px;
line-height: 18px;
font-weight: 500;
margin-top: 10px;
display: block;
position: relative;
z-index: 2; }
.chart--heading-text {
margin-bottom: 10px; }
.chart--sub-heading-text {
margin: 0 auto 20px;
max-width: 466px; }
.chart .table-scroll-wrapper {
overflow: auto; }
.chart--table {
--pad: 10px;
border-collapse: collapse;
margin: 0 auto;
width: max-content; }
.chart--table th, .chart--table td {
border: 1px solid #e0e0e0;
color: #333;
text-align: center;
width: 168px; }
.chart--table th {
padding: calc(var(--pad) * 2); }
.chart--table td {
padding: var(--pad); }
.chart--table thead td:first-child,
.chart--table tbody th {
left: 0;
position: sticky;
width: 138px;
border: none;
border-bottom: 1px solid #e0e0e0; }
.chart--table thead td:first-child::before,
.chart--table tbody th::before {
border-right: 1px solid #e0e0e0;
content: "";
height: 100%;
position: absolute;
right: -1px;
top: 0; }
.chart--table thead td:first-child {
background-color: #fff; }
.chart--table thead td:first-child::after {
border-top: 1px solid #fff;
content: "";
position: absolute;
right: 0;
top: -1px;
width: 100%; }
.chart--table tbody th {
background-color: #f5f5f5; }
.chart--table tbody th::after {
border-right: 1px solid #e0e0e0;
content: "";
height: 100%;
position: absolute;
left: 0;
top: 0; }
.chart--table .icon-container {
--size: 12px;
padding: var(--size); }
.chart--table .icon-container img {
height: var(--size); }
.content-carousel--heading {
margin-bottom: 20px; }
@media only screen and (max-width: 767px) {
.content-carousel .wrapper {
padding: 0; } }
.content-carousel--swiper {
margin-bottom: 16px; }
.content-carousel .cc-slide {
--padding: 32px; }
.content-carousel .cc-slide--contents {
border-radius: 10px;
height: 600px;
padding: 0 var(--padding); }
@media only screen and (max-width: 767px) {
.content-carousel .cc-slide--contents {
height: 500px; } }
.content-carousel .cc-slide--heading, .content-carousel .cc-slide--body {
color: #fff; }
.content-carousel .cc-slide--heading {
margin-bottom: 10px; }
.content-carousel .cc-slide--body {
margin-bottom: 20px;
max-width: 445px;
text-transform: none; }
@media only screen and (max-width: 767px) {
.content-carousel .cc-slide--body {
padding: 0 23px; } }
.content-carousel .cc-slide--buttons-wrap {
display: flex;
flex-wrap: wrap;
gap: 10px 16px;
justify-content: center;
width: 100%; }
.content-carousel .cc-slide .button.button--extra-wide {
display: flex;
justify-content: center;
max-width: 242px;
width: 100%; }
.content-carousel .cc-slide .button.button--secondary-black {
border-color: #fff;
color: #fff;
display: flex;
gap: 11px;
justify-content: center;
padding: 10px 50px; }
.content-carousel .cc-slide .button.button--secondary-black:hover {
background-color: #fff;
color: #1a1a1a; }
.content-carousel .cc-slide .button .icon-container {
--size: 20px;
display: block;
height: 0;
width: var(--size); }
.content-carousel .cc-slide .button .icon-container .icon {
height: var(--size);
left: calc(50% - 88px);
width: var(--size); }
#content-with-bg-section {
background-image: url("https://via.placeholder.com/1920x550.jpg");
background-position: center;
background-size: cover;
height: 300px;
margin-bottom: 0; }
@media only screen and (min-width: 768px) {
#content-with-bg-section {
height: 550px; } }
#content-with-bg-section > .wrapper {
height: 100%; }
@media only screen and (min-width: 768px) {
#content-with-bg-section .content {
max-width: 768px; } }
@media only screen and (min-width: 768px) {
.faq-accordion {
margin-bottom: 60px; } }
.faq-accordion--heading-text {
margin-bottom: 0; }
@media only screen and (min-width: 768px) {
.faq-accordion--heading-text {
margin-bottom: 20px; } }
@media only screen and (min-width: 768px) {
.faq-accordion--columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 75px; } }
.faq-accordion--columns .accordion-navigation {
padding-right: 0; }
@media only screen and (max-width: 767px) {
.faq-accordion--columns .accordion-navigation {
padding-right: 44px; } }
.faq-accordion--columns .accordion-title {
padding: 20px 0;
max-width: 90%; }
.faq-accordion--columns .accordion-item {
border-bottom: 1px solid #e0e0e0; }
.faq-accordion--columns .accordion-item:has(.is-open) {
border-bottom: 1px solid #1a1a1a; }
.faq-accordion--columns .icon {
width: 10px;
height: 10px; }
.faq-accordion--columns .rte {
font-weight: 400;
max-width: 466px;
margin-bottom: 20px; }
.full-bleed-banner {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: 80px 20px; }
@media only screen and (min-width: 768px) {
.full-bleed-banner {
padding: 120px 0; } }
.fbb-title {
font-size: 65px;
font-weight: 800;
line-height: calc(70/65);
margin-bottom: 20px;
max-width: 610px;
text-transform: none; }
@media only screen and (max-width: 479px) {
.fbb-title {
font-size: 45px;
line-height: calc(50/45); } }
.fbb-title em {
font-style: normal; }
.fbb-body {
font-size: 22px;
margin-bottom: 25px;
max-width: 680px;
padding: 0 20px; }
@media only screen and (max-width: 767px) {
.fbb-body {
font-weight: 400; } }
.fbb-link {
font-weight: 600; }
.hero-banner {
align-items: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
position: relative; }
@media only screen and (min-width: 768px) {
.hero-banner {
min-height: 460px;
flex: 0 1 50%;
justify-content: flex-start; } }
.hero-banner.homepage-section {
margin-bottom: 80px; }
.hero-banner--filter-overlay {
background-color: #1a1a1a;
bottom: 0;
left: 0;
opacity: 50%;
position: absolute;
right: 0;
top: 0; }
.hero-banner--content {
align-items: center;
display: flex;
flex-direction: column;
padding: 40px 20px;
position: relative;
text-align: center;
z-index: 1; }
@media only screen and (min-width: 768px) {
.hero-banner--content {
padding: 40px 36px;
width: max-content; } }
.hero-banner--content.content-right {
margin-left: auto; }
.hero-banner--content.content-center {
margin-left: auto;
margin-right: auto; }
.hero-banner .title {
font-size: 28px;
font-weight: 600;
line-height: calc(34/28);
margin-bottom: 10px; }
@media only screen and (min-width: 768px) {
.hero-banner .title {
font-size: 40px;
line-height: calc(49/40);
max-width: 375px;
text-transform: none; } }
.hero-banner .content {
font-weight: 600;
font-size: 14px;
line-height: calc(20/14);
margin-bottom: 10px;
max-width: 384px; }
.hero-banner .cta-label {
margin-bottom: 10px;
font-weight: 700;
text-transform: uppercase; }
@media only screen and (min-width: 768px) {
.hero-banner .cta-label {
margin-bottom: 15px; } }
.hero-banner .buttons-container {
display: grid;
gap: 5px 10px; }
.hero-banner .buttons-container .button {
padding: 12px 30px; }
@media only screen and (min-width: 768px) {
.hero-banner .buttons-container {
gap: 10px; } }
.hero-banner .buttons-container--grid, .hero-banner .buttons-container--row {
grid-template-columns: repeat(2, 1fr); }
@media only screen and (max-width: 479px) {
.hero-banner .buttons-container--grid, .hero-banner .buttons-container--row {
align-items: center;
display: flex;
flex-direction: column; } }
.hero-banner .buttons-container--column {
display: flex;
flex-direction: column; }
@media only screen and (min-width: 1200px) {
.hero-banner .buttons-container--row {
display: flex;
flex-wrap: wrap;
justify-content: center; } }
@media only screen and (max-width: 767px) {
.icon-banner--mobile-wrapper {
padding: 0 15px; } }
.icon-banner--heading {
margin-bottom: 20px; }
.icon-banner--card {
border-radius: 10px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
padding: 40px 20px;
height: calc(100% - 20px); }
@media only screen and (min-width: 991px) {
.icon-banner--card {
padding: 48px 40px; } }
.icon-banner--card-image {
aspect-ratio: 1 / 1;
margin: 0 auto 30px;
max-width: 140px;
width: 100%; }
.icon-banner--card-text {
margin: 0; }
.category-page .popular-devices.homepage-section {
width: calc(100% + 21px);
margin-left: -10.5px !important; }
.popular-devices.homepage-section {
background-color: #EDEDED;
padding: 16px 20px 20px 20px;
margin-bottom: 76px; }
@media only screen and (min-width: 991px) {
.popular-devices.homepage-section {
margin-bottom: 100px;
padding: 16px 20px; } }
.popular-devices.homepage-section.sp-iphone .wrapper {
justify-content: center; }
.popular-devices.homepage-section .wrapper {
display: flex;
flex-wrap: wrap;
padding: 0 16px; }
@media only screen and (min-width: 991px) {
.popular-devices.homepage-section .wrapper {
align-items: center;
flex-wrap: nowrap; } }
.popular-devices.homepage-section .wrapper .popular-devices--heading-wrapper {
flex: 0 0 100%; }
.popular-devices.homepage-section .wrapper .popular-devices--heading-wrapper .popular-devices--heading {
margin-bottom: 16px; }
@media only screen and (min-width: 991px) {
.popular-devices.homepage-section .wrapper .popular-devices--heading-wrapper {
flex: 0 0 197px;
margin-right: 19px; }
.popular-devices.homepage-section .wrapper .popular-devices--heading-wrapper .popular-devices--heading {
font-size: 18px;
font-weight: 600;
line-height: 32px;
letter-spacing: -0.275px;
margin-bottom: 0; } }
.popular-devices.homepage-section .wrapper .popular-devices--type-select,
.popular-devices.homepage-section .wrapper .popular-devices--device-select {
flex: 0 0 100%;
max-width: 600px;
margin: 0 auto 10px; }
@media only screen and (min-width: 991px) {
.popular-devices.homepage-section .wrapper .popular-devices--type-select,
.popular-devices.homepage-section .wrapper .popular-devices--device-select {
flex: 1 1 478px;
margin: 0; } }
.popular-devices.homepage-section .wrapper .popular-devices--type-select select,
.popular-devices.homepage-section .wrapper .popular-devices--device-select select {
width: 100%; }
.popular-devices.homepage-section .wrapper .popular-devices--type-select select:disabled:hover,
.popular-devices.homepage-section .wrapper .popular-devices--device-select select:disabled:hover {
border: 1px solid #e0e0e0; }
@media only screen and (min-width: 991px) {
.popular-devices.homepage-section .wrapper .popular-devices--type-select {
margin-right: 12px; } }
.popular-features--heading-text {
margin: 0 auto 10px; }
.popular-features--sub-heading-text {
margin: 0 auto 40px;
max-width: 466px; }
@media only screen and (max-width: 767px) {
.popular-features--sub-heading-text {
margin-bottom: 20px; } }
.popular-features--grid-container {
gap: 20px 0; }
@media only screen and (min-width: 768px) {
.popular-features--grid-container {
gap: 40px 0; } }
.popular-features--card-image-container {
--size: 105px;
background: linear-gradient(360deg, #fff 13.96%, #f5f5f5 148.68%);
border-radius: 10px;
flex: 0 0 var(--size);
height: var(--size); }
@media only screen and (max-width: 767px) {
.popular-features--card-image-container {
--size: 68px;
--padding: 10px;
padding: var(--padding); }
.popular-features--card-image-container img {
max-height: 100%;
max-width: 100%; } }
.popular-features--card-content-container {
padding-left: 28px; }
.popular-features--card-heading {
margin-bottom: 10px; }
@media only screen and (max-width: 767px) {
.popular-features--card-heading {
margin-bottom: 2px; } }
.popular-features--card-body {
font-weight: 400;
margin-bottom: 0; }
.popup-video--heading {
margin-bottom: 10px; }
.popup-video--body-text {
margin-bottom: 20px;
max-width: 466px; }
.popup-video--link {
display: block;
position: relative; }
.popup-video--image {
border-radius: 10px; }
.popup-video--icon-container {
--icon-size: 36px;
height: var(--icon-size);
width: var(--icon-size);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
@media only screen and (min-width: 768px) {
.popup-video--icon-container {
--icon-size: 81px; } }
.popup-video--icon-container .icon {
height: var(--icon-size);
width: var(--icon-size); }
#promo-images-section .single-promo {
position: relative; }
@media only screen and (max-width: 767px) {
#promo-images-section .single-promo {
margin-bottom: 16px; } }
#promo-images-section .promo-image {
position: relative; }
#promo-images-section .promo-image::after {
content: "";
display: block;
height: 0;
padding-bottom: 93.76344%;
width: 100%; }
#promo-images-section .promo-image img {
bottom: 0;
font-family: "object-fit: contain;";
left: 0;
margin: auto;
max-height: 100%;
object-fit: contain;
position: absolute;
right: 0;
top: 0;
width: 100%; }
#promo-images-section .promo-content {
bottom: 40px;
left: 0;
line-height: 1;
padding: 0 20px;
position: absolute;
right: 0; }
@media only screen and (min-width: 1200px) {
#promo-images-section .promo-content {
padding: 0 45px; } }
#promo-images-section .promo-heading {
color: #fff; }
#promo-images-section .promo-heading:last-child {
margin-bottom: 0; }
.homepage-section {
margin-bottom: 80px; }
@media only screen and (min-width: 768px) {
.homepage-section {
margin-bottom: 100px; } }
.homepage-recent-posts {
background-color: #f4f7f9;
padding: 40px 0; }
.homepage-recent-posts .blog-post-bodyhomepage-post {
background-color: #fff;
padding: 20px; }
@media only screen and (max-width: 767px) {
.dual-banner .wrapper {
padding: 0; } }
.dual-banner .dual-banner-container {
background-color: #f4f7f9;
padding: 30px 16px; }
@media only screen and (min-width: 768px) {
.dual-banner .dual-banner-container {
padding: 20px 0; } }
.dual-banner .dual-banner-container + .dual-banner-container {
margin-top: 20px; }
@media only screen and (max-width: 767px) {
.dual-banner .dual-banner-container .content {
text-align: center; } }
.dual-banner .dual-banner-container .content .section-header {
margin-bottom: 20px; }
.dual-banner .dual-banner-container .content .section-subheading {
margin-bottom: 30px; }
.dual-banner .dual-banner-container .banner-image {
position: relative;
max-width: 466px; }
.dual-banner .dual-banner-container .banner-image::after {
content: "";
display: block;
height: 0;
padding-bottom: 89.48498%;
width: 100%; }
.dual-banner .dual-banner-container .banner-image img {
bottom: 0;
font-family: "object-fit: contain;";
left: 0;
margin: auto;
max-height: 100%;
object-fit: contain;
position: absolute;
right: 0;
top: 0;
width: 100%; }
@media only screen and (max-width: 767px) {
.dual-banner .dual-banner-container .banner-image {
margin-bottom: 20px; } }
@media only screen and (min-width: 768px) {
.dual-banner .dual-banner-container .banner-image.align-image-right {
margin-left: auto; } }
.section-header {
margin-bottom: 20px;
text-align: center; }
.text-with-image .bg-image {
aspect-ratio: 586 / 538; }
@media only screen and (max-width: 767px) {
.text-with-image .bg-image {
margin-bottom: 30px; } }
.text-with-image .content-wrapper {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center; }
@media only screen and (min-width: 991px) {
.text-with-image .content-wrapper.pad--left {
padding-left: 60px; }
.text-with-image .content-wrapper.pad--right {
padding-right: 60px; } }
@media only screen and (min-width: 1200px) {
.text-with-image .content-wrapper.pad--left {
padding-left: 98px; }
.text-with-image .content-wrapper.pad--right {
padding-right: 98px; } }
.text-with-image .heading,
.text-with-image .sub-heading {
margin-bottom: 20px;
text-transform: none; }
.text-with-image .text-content {
margin-bottom: 30px; }
.body {
min-height: 50vh;
overflow: hidden; }
.header.fixed ~ .body {
margin-top: 105px; }
@media only screen and (min-width: 768px) {
.header.fixed ~ .body {
margin-top: 148px; } }
.wrapper {
margin-left: auto;
margin-right: auto;
max-width: 1224px;
padding: 0 20px;
position: relative;
width: 100%; }
@media only screen and (min-width: 768px) {
.wrapper {
max-width: 1216px;
padding: 0 16px; } }
.wrapper.ten-columns {
max-width: 1016px; }
.wrapper.eight-columns {
max-width: 816px; }
.wrapper.six-columns {
max-width: 616px; }
.wrapper.fullwidth {
max-width: 100%; }
@media only screen and (max-width: 767px) {
.wrapper.fullwidth--mobile {
max-width: 100%;
padding: 0; } }
.wrapper .wrapper:not(.intentional-padding) {
padding: 0; }
.header.fixed {
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1003; }
.header.sticky-header {
position: -webkit-sticky;
/* Safari */
position: sticky;
top: 0;
z-index: 1000; }
@media print {
.header.sticky-header {
position: static; } }
.header .header-main {
background-color: #000000;
position: relative;
z-index: 1004; }
@media only screen and (min-width: 991px) {
.header .header-main {
border-bottom: 1px solid #e0e0e0; } }
.header .header-main .wrapper {
position: static; }
.header .navPages-quickSearch .search-container {
position: relative;
display: flex;
align-items: center;
width: 100%; }
.header .navPages-quickSearch .search-container .search-input {
border: 1px solid #DADADA;
border-radius: 25px;
width: 0;
opacity: 0;
position: absolute;
z-index: 1;
background-color: #fff; }
.header .navPages-quickSearch .search-container .search-input.active {
position: absolute;
right: 75px;
width: 1048px;
opacity: 1; }
@media (min-width: 991px) and (max-width: 1099px) {
.header .navPages-quickSearch .search-container .search-input.active {
position: absolute;
right: 68px;
width: 84.5vw; } }
@media (min-width: 1100px) and (max-width: 1200px) {
.header .navPages-quickSearch .search-container .search-input.active {
position: absolute;
right: 70px;
width: 85.8vw; } }
.header .navPages-quickSearch .search-container .search-input button.cancel-button {
top: 7px;
border: none;
background-color: unset;
position: absolute;
right: -65px; }
.header .navPages-quickSearch .search-container .search-input button.cancel-button.active {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #1a1a1a; }
.header .navPages-quickSearch .search-container .search-input button.button.button--secondary {
display: none; }
@media only screen and (max-width: 990px) {
.header .navPages-quickSearch .search-container .search-input button.button.button--secondary:hover {
background-color: white; }
.header .navPages-quickSearch .search-container .search-input button.button.button--secondary.submit-button {
border: unset;
background-color: white;
border-radius: 0 0 16px 0; } }
@media only screen and (max-width: 990px) {
.header .navPages-quickSearch .search-container .search-input button.button.button--secondary {
display: block; } }
.header .navPages-quickSearch .search-container .search-input input#quick_search_form {
height: 38px;
border-radius: 24px;
border-color: #E0E0E0; }
.header .navPages-quickSearch .search-container .search-input input#quick_search_form::placeholder {
font-size: 14px;
font-weight: 400;
line-height: 16.8px; }
@media only screen and (max-width: 990px) {
.header .navPages-quickSearch .search-container .search-input input#quick_search_form {
width: 100%;
height: 44px;
border: #e0e0e0;
font-size: 14px;
border: initial;
border-radius: 0 0 0 16px;
font-weight: 500; }
.header .navPages-quickSearch .search-container .search-input input#quick_search_form::placeholder {
font-weight: 500;
color: #1a1a1a; } }
.header .navPages-quickSearch .search-container .search-icon {
cursor: pointer;
width: 38px;
height: 38px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
position: absolute;
right: 7px; }
.header .navPages-quickSearch .search-container .search-icon:hover {
width: 38px;
height: 38px;
border: 1px solid #E0E0E0; }
.header .navPages-quickSearch .search-container .search-icon.active {
right: 80px; }
.header .navPages-quickSearch .search-container .search-icon.active:hover {
border: none; }
.header .navPages-quickSearch .search-container .search-icon svg {
width: 24px;
height: 24px;
fill: #fff; }
@media only screen and (max-width: 990px) {
.header .navPages-quickSearch .search-container .search-input {
width: 100% !important;
opacity: 1 !important;
right: 0 !important;
position: relative;
z-index: 2; }
.header .navPages-quickSearch .search-container .search-input.active {
position: relative; }
.header .navPages-quickSearch .search-container .search-icon.active {
position: unset;
display: none; } }
@media only screen and (max-width: 990px) {
.header .navPages-quickSearch {
height: auto;
z-index: 9999;
position: absolute;
top: 66px;
right: 0;
left: 0;
padding: 12px 24px;
background-color: #000000; }
.header .navPages-quickSearch form .form-field .form-input {
background-color: transparent;
padding-left: 15px; }
.header .navPages-quickSearch .search-container .search-input button.button.button--secondary.submit-button {
background-color: transparent;
padding: 10px 20px 10px 0; }
.header .navPages-quickSearch .search-container .search-input button.button.button--secondary.submit-button .icon {
width: 24px;
height: 24px;
fill: #fff; } }
.header-logo {
height: 65px;
line-height: 0;
margin: 0 auto;
max-width: 225px;
text-align: center;
display: flex;
align-items: center; }
@media only screen and (min-width: 991px) {
.header-logo {
height: 68px;
line-height: 0;
margin: 0;
padding: 0; } }
.header-logo-image {
max-height: 65px;
max-width: 90px; }
@media only screen and (min-width: 991px) {
.header-logo-image {
max-height: 68px; } }
.grid__item.logo {
display: flex;
max-width: 168px;
align-items: center; }
.grid__item.logo .logo-wrap {
flex: 0 0 40px;
max-height: 40px; }
.grid__item.logo .logo-wrap .header-logo {
max-width: 40px;
max-height: 40px; }
.grid__item.logo .logo-wrap .header-logo img {
max-width: 40px;
max-height: 40px; }
.grid__item.logo .logo-text-wrap a {
text-decoration: none; }
.grid__item.logo .logo-text-wrap .header-text {
color: #fff;
font-size: 12px;
margin: 0 0 0 8px; }
.promo-bar {
background-color: #aa182c;
color: #fff;
min-height: 40px;
padding: 0.75em 0;
position: relative;
z-index: 1000; }
@media only screen and (min-width: 991px) {
.promo-bar {
min-height: 40px; } }
.promo-bar .swiper-slide {
display: flex;
flex-direction: column; }
.promo-bar .promo-text {
margin: auto;
max-width: calc(100vw - 120px);
padding: 0 10px; }
@media only screen and (min-width: 1200px) {
.promo-bar .promo-text {
max-width: 1000px; } }
.promo-bar .promo-text .envelop-icon {
fill: currentColor;
height: 20px;
margin-right: 5px;
vertical-align: middle;
width: 20px; }
.promo-bar .promo-text,
.promo-bar .promo-text p {
color: #fff;
font-family: "Figtree", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 16px; }
@media only screen and (min-width: 991px) {
.promo-bar .promo-text,
.promo-bar .promo-text p {
font-size: 14px;
line-height: 16px; } }
.promo-bar .promo-text p:last-child {
margin-bottom: 0; }
.promo-bar .promo-text a {
color: inherit; }
.promo-bar .promo-text a:hover {
color: #bdbdbd; }
.promo-bar .promo-links {
position: absolute;
right: 0;
top: 50%; }
.promo-bar .promo-links .promo-link {
color: #fff;
margin: 15px 0; }
.promo-bar .promo-links .promo-link:first-child {
margin-right: 35px; }
.promo-bar .swiper-button-prev,
.promo-bar .swiper-button-next {
background: none transparent;
border: 0;
color: #fff;
height: 48px;
padding: 12px;
width: 48px; }
.promo-bar .swiper-button-prev svg,
.promo-bar .swiper-button-next svg {
height: 100%;
width: 100%; }
.menu-icon {
align-items: center;
color: #000;
display: flex;
height: 65px;
justify-content: center;
line-height: 65px;
margin-left: -20px;
padding: 0 28px;
position: relative;
width: auto; }
.menu-icon .icon {
fill: currentColor;
height: 22px;
width: 22px; }
.navPages-container {
background-color: #fff; }
.mobile-nav-image-sizer, .navPages .navPages-image-sizer {
border-radius: 10px;
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 100%;
position: relative;
width: 100%; }
.mobile-nav-image-sizer img, .navPages .navPages-image-sizer img {
bottom: 0;
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
right: 0;
top: 0;
width: 100%; }
.navPages ul {
list-style: none;
margin: 0; }
.navPages .navPages-list {
display: flex; }
.navPages .navPages-action {
color: #707070;
display: block;
position: relative;
text-decoration: none;
text-transform: none;
transition: all 0.3s ease; }
.navPages .navPages-action.shop-all {
text-decoration: underline; }
.navPages .navPages-action:hover {
color: #333; }
.navPages .navPages-action .icon-chevron-down {
height: 11px;
position: relative;
top: 0;
width: 11px; }
.navPage-thirdMenu-list {
background-color: #fff;
border-top: 1px solid #e0e0e0;
display: none;
left: 100%;
min-width: 221px;
position: absolute;
text-align: left;
top: 0; }
.navPage-thirdMenu-item:hover .navPage-thirdMenu-list {
display: block; }
.has-hover.is-active .navPage-subMenu {
display: block; }
.navPage-subMenu {
background-color: #fff;
border-top: 1px solid #fff;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
display: none;
height: max-content;
min-width: 221px;
outline: 0;
overflow: hidden;
padding-top: 20px;
position: absolute;
top: 100%;
z-index: -1; }
.navPage-subMenu-item {
display: block; }
.navPage-item--dropdown {
position: relative; }
.navPage-item--dropdown .navPage-subMenu-item {
margin-bottom: 15px;
padding-left: 20px; }
.navPages-list > .navPages-item .top-level-link {
align-items: center;
border-bottom: 2px solid transparent;
border-top: 2px solid transparent;
display: flex;
height: 40px;
line-height: inherit;
padding: 0 15px;
position: relative;
text-align: center;
text-transform: none;
z-index: 9; }
.navPages-list > .navPages-item .top-level-link.has-subMenu {
padding-right: 29px; }
.navPages-list > .navPages-item .top-level-link > .link-text-wrap {
color: #1a1a1a;
position: relative;
transition: all ease-in-out 0.3s; }
.navPages-list > .navPages-item .button-open-submenu > svg {
perspective: 2000px;
perspective-origin: center center;
transform: rotateX(0deg);
transition: all 0.3s ease-in-out; }
.navPages-list > .navPages-item:hover .top-level-link, .navPages-list > .navPages-item.is-open .top-level-link, .navPages-list > .navPages-item.is-active .top-level-link {
border-bottom-color: #000000; }
.navPages-list > .navPages-item:hover .button-open-submenu > svg, .navPages-list > .navPages-item.is-open .button-open-submenu > svg, .navPages-list > .navPages-item.is-active .button-open-submenu > svg {
transform: rotateX(180deg); }
.navPages-list > .navPages-item--search {
align-self: center;
flex: 1 0 auto;
justify-self: flex-end;
margin-left: auto;
max-width: 184px; }
.navPages-list > .navPages-item .header-search-form-wrapper .form {
position: relative; }
.navPages-list > .navPages-item .header-search-form-wrapper .form-input {
border-color: transparent transparent #707070;
border-radius: 0;
font-size: 0.875rem;
height: 28px;
padding: 4px 35px 4px 0;
width: 100%; }
.navPages-list > .navPages-item .header-search-form-wrapper .form-input::-webkit-input-placeholder, .navPages-list > .navPages-item .header-search-form-wrapper .form-input::-moz-placeholder, .navPages-list > .navPages-item .header-search-form-wrapper .form-input::placeholder {
color: #707070; }
.navPages-list > .navPages-item .header-search-form-wrapper .button {
background-color: transparent;
border: 0;
color: #1a1a1a;
height: 48px;
line-height: 1;
padding: 13px;
position: absolute;
right: -13px;
top: 50%;
transform: translate(0, -50%);
width: 48px; }
.navPage-item--mega .navPage-megaMenu {
left: 0;
width: 100%; }
.navPage-item--mega .navPage-subMenu-list--mega {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-left: -16px; }
.navPage-item--mega .navPage-subMenu-list--mega .navPage-item--heading-group {
flex: 1 0 0;
padding-left: 16px; }
.navPage-item--mega .navPage-subMenu-list--mega .navPage-item--heading-group .navPage-subMenu-list--images {
display: flex;
flex-direction: row;
margin-left: -16px; }
.navPage-item--mega .navPage-subMenu-list--mega .navPage-item--heading-group .navPage-subMenu-list--images .navPage-item--heading {
flex-grow: 1;
max-width: 200px; }
.navPage-item--mega .navPage-subMenu-list--mega .navPage-item--heading {
flex-basis: 20%;
padding: 20px 0 48px 16px;
width: 20%; }
.navPage-item--mega .navPage-subMenu-list--mega .navPage-item--heading, .navPage-item--mega .navPage-subMenu-list--mega .navPage-item--heading-group {
display: flex;
flex-direction: column; }
.navPage-item--mega .navPage-subMenu-list--mega .navPage-item--heading > .navPages-action {
color: #333;
padding-bottom: 5px; }
.navPage-item--mega .navPage-subMenu-list--mega .navPage-item--heading .navPage-subMenu-list {
display: flex;
flex: 1 0 0;
flex-direction: column;
max-height: 100%;
padding: 0; }
.navPage-item--mega .navPage-subMenu-list--mega .navPage-item--heading .navPage-subMenu-list .navPage-subMenu-item {
padding-top: 5px; }
.navPage-item--mega .navPage-subMenu-list--mega .navPage-item--heading-group .navPage-item--heading .navPage-subMenu-list .navPage-subMenu-item:last-child {
margin-top: auto; }
.link-button-holder {
position: relative; }
.link-button-holder .button-open-submenu {
height: 20px;
position: absolute;
right: 9px;
top: 50%;
transform: translateY(-50%);
z-index: 10; }
.link-button-holder .button-open-submenu svg {
display: block;
fill: currentColor;
height: 20px;
width: 20px; }
.navUser-section,
.navSite-section {
align-items: stretch;
display: flex;
justify-content: flex-end;
list-style: none;
margin: 0; }
.navSite,
.navUser {
padding: 0;
transform: none; }
.navSite .dropdown-menu,
.navUser .dropdown-menu {
background-color: #fff;
box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.25);
display: none;
margin-left: 18px;
position: absolute;
z-index: 1001; }
.navSite .dropdown-menu.is-open,
.navUser .dropdown-menu.is-open {
display: block; }
.navSite .navSite-list, .navUser .navUser-list {
display: flex;
flex-direction: column;
min-width: 336px;
padding: 20px 0;
text-align: left; }
.navSite .navSite-action, .navUser .navUser-action {
align-items: center;
background-color: transparent !important;
color: #1a1a1a;
display: flex;
height: 65px;
padding: 0 20px;
position: relative;
text-decoration: none;
transform: translate(0, 0);
transition: color 0.3s ease; }
@media only screen and (min-width: 991px) {
.navSite .navSite-action, .navUser .navUser-action {
color: #707070;
height: 44px;
line-height: 44px;
padding: 0 18px; } }
.navSite .navSite-action:hover, .navUser .navUser-action:hover, .navSite .is-open.navSite-action, .navUser .is-open.navUser-action {
color: #1a1a1a;
text-decoration: none; }
.navSite .navSite-action:hover svg.icon-chevron-down, .navUser .navUser-action:hover svg.icon-chevron-down, .navSite .is-open.navSite-action svg.icon-chevron-down, .navUser .is-open.navUser-action svg.icon-chevron-down {
transform: rotateX(180deg); }
.navSite .navSite-action svg, .navUser .navUser-action svg {
fill: currentColor;
transition: fill 0.3s ease; }
.navSite .navSite-action svg.icon-chevron-down, .navUser .navUser-action svg.icon-chevron-down {
transform: rotateX(0deg);
transition: fill 0.3s ease, transform 0.3s ease-in-out; }
.navSite .navSite-action span ~ svg, .navUser .navUser-action span ~ svg {
margin-left: 9px; }
@media only screen and (min-width: 991px) {
.navSite .navSite-action span ~ svg, .navUser .navUser-action span ~ svg {
display: none; } }
.navSite .navSite-list .navSite-action, .navUser .navUser-list .navUser-action {
font-size: 0.875rem;
height: auto;
line-height: 22px;
padding: 4px 20px; }
.navSite {
margin-left: -18px; }
.navUser {
height: 100%; }
.navUser-container {
height: 100%; }
.navUser-section {
height: 100%; }
.navUser-action--storeCredit + .dropdown-menu {
max-width: 300px;
padding: 20px; }
.navSite-item,
.navUser-item {
display: inline-block; }
.navSite .navSite-item--number-1 a {
text-decoration: none; }
.navSite .navSite-item--number-1 .navSite-action {
margin-bottom: 0;
font-size: 12px;
color: #1a1a1a; }
.navUser-item.navUser-item--store-credit .navUser-action {
font-size: 10px;
height: auto; }
.navUser-item .icon {
height: 18px;
width: 18px; }
.navUser-item--account {
align-items: center;
display: none;
flex-direction: row; }
@media only screen and (min-width: 991px) {
.navUser-item--account {
display: flex; } }
.navUser-item--account .navUser-action--account {
color: #fff; }
@media only screen and (min-width: 991px) {
.navUser-item--account .navUser-action--account {
padding-right: 0.25em; } }
.navUser-item--account .navUser-action--account:hover {
color: #fff; }
.navUser-item--account .navUser-action--account svg {
fill: transparent; }
@media only screen and (max-width: 990px) {
.navUser-item--account .navUser-action--login {
color: #fff; }
.navUser-item--account .navUser-action--login:hover {
color: #fff; }
.navUser-item--account .navUser-action--login svg {
fill: transparent; } }
.navUser-item--account .navUser-action--separator {
display: none; }
@media only screen and (min-width: 991px) {
.navUser-item--account .navUser-action--separator {
display: inline; } }
.navUser-item--account .navUser-action--logout {
display: none;
padding-left: 0.25em; }
@media only screen and (min-width: 991px) {
.navUser-item--account .navUser-action--logout {
display: inline; } }
@media only screen and (min-width: 991px) {
.navUser-item--cart {
margin-right: -18px; } }
.navUser-item--cart .navUser-action {
display: flex;
padding: 5px;
text-decoration: none; }
.navUser-item--cart .navUser-action .icon {
fill: #fff;
width: 24px;
height: 24px; }
@media only screen and (max-width: 990px) {
.navUser-item--cart .navUser-action .icon {
color: #fff;
fill: #000000; } }
.navUser-item--cart .navUser-action span.countPill.cart-quantity, .navUser-item--cart .navUser-action span.countPill.countPill--positive.cart-quantity {
position: relative;
bottom: 6px;
right: 8px;
width: 18px;
height: 18px;
background: #aa182c;
color: #fff;
font-size: 11px;
font-weight: 800;
border-radius: 10px;
border: 1px solid #aa182c;
display: flex;
justify-content: center; }
@media only screen and (min-width: 991px) {
.navUser-item--cart .navUser-action span.countPill.cart-quantity, .navUser-item--cart .navUser-action span.countPill.countPill--positive.cart-quantity {
bottom: 2px; } }
.navUser-item--compare {
display: none; }
.navUser-item--compare.show {
display: block; }
.countPill {
display: inline-block;
font-size: 14px;
font-weight: 600;
line-height: calc(20 / 14);
padding: 0 4px;
text-align: center; }
.header-top .wrapper {
padding-right: 0; }
.header-top .header-search-form-wrapper {
margin: 0 auto;
max-width: 710px;
position: relative; }
.header-top .header-search-form-wrapper .icon {
height: 21px;
vertical-align: middle;
width: 21px; }
.header-top .form-input {
font-size: 0.875rem;
padding: 0 20px; }
.grid__item.large-up--hide.auto {
padding: unset; }
button.left-off-canvas-toggle.menu-icon.menu-toggle.button--unstyled.hamburger.hamburger--elastic {
padding: unset;
left: 20px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
background-color: #fff; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #fff; }
span.countPill.cart-quantity, span.countPill.countPill--positive.cart-quantity {
position: relative;
bottom: 10px;
right: 6px;
width: 18px;
height: 18px;
background: #1a1a1a;
color: #fff;
font-size: 11px;
font-weight: 800;
border-radius: 10px;
border: 1.5px solid white; }
@media only screen and (min-width: 991px) {
header.header div.header-main .header-top {
background-color: #000000; }
header.header div.header-main .header-top .wrapper {
max-width: 1840px;
padding: 0 20px; } }
@media only screen and (min-width: 991px) and (min-width: 1200px) {
header.header div.header-main .header-top .wrapper {
padding: 0 40px; } }
@media only screen and (min-width: 991px) {
header.header div.header-main .header-top .wrapper .navSite {
margin-left: 0; }
header.header div.header-main .header-top .wrapper .navSite .navSite-section {
align-items: center; }
header.header div.header-main .header-top .wrapper .navSite .navSite-section .header-logo {
height: auto;
padding: 12px 0; }
header.header div.header-main .header-top .wrapper .navSite .navSite-section .navSite-item .navSite-action {
color: #fff;
font-size: 14px; }
header.header div.header-main .header-top .wrapper .navUser-container .navUser .navUser-section {
align-items: center; }
header.header div.header-main .header-top .wrapper .navUser-container .navUser .navUser-section > .navUser-item > .navUser-action {
color: #fff;
border-right: 1px solid #fff;
height: 17px; }
header.header div.header-main .header-top .wrapper .navUser-container .navUser .navUser-section > .navUser-item.navUser-item--support .navUser-action {
border-right: none;
padding-right: 0; }
header.header div.header-main div.navPages-container#menu > div.wrapper {
max-width: 1840px;
padding: 0 20px; } }
@media only screen and (min-width: 991px) and (min-width: 1200px) {
header.header div.header-main div.navPages-container#menu > div.wrapper {
padding: 0 40px; } }
@media only screen and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item nav.navPages.menuNav > ul.navPages-list > li.navPages-item.top-level {
padding: 0; }
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item nav.navPages.menuNav > ul.navPages-list > li.navPages-item.top-level > a.navPages-action {
padding: 10px 8px; }
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item nav.navPages.menuNav > ul.navPages-list > li.navPages-item.top-level > a.navPages-action.has-subMenu.parent::before {
display: none; }
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item nav.navPages.menuNav > ul.navPages-list > li.navPages-item.top-level:first-child > a.navPages-action {
padding-left: 0; }
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item nav.navPages.menuNav > ul.navPages-list > li.navPages-item.top-level.sale > a.navPages-action {
color: #aa182c; }
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item .navPages-quickSearch .search-container .search-icon {
width: 24px;
height: 24px; }
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item .navPages-quickSearch .search-container .search-icon:hover {
border: none; }
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item .navPages-quickSearch .search-container .search-input {
overflow: hidden; }
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item .navPages-quickSearch .search-container .search-input.active {
overflow: visible;
max-width: 1630px;
width: calc(100vw - 165px); } }
@media only screen and (min-width: 991px) and (min-width: 1200px) {
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item .navPages-quickSearch .search-container .search-input.active {
width: calc(100vw - 210px); } }
@media only screen and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item .navPages-quickSearch .search-container .search-input input#quick_search_form {
border-color: #1a1a1a; }
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item .navUser-item--account {
padding-right: 0; }
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item .navUser-item--account .navUser-action--account {
padding-right: 0;
display: flex;
color: #1a1a1a; }
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item .navUser-item--account .navUser-action--login {
display: flex;
padding: 5px; }
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item .navUser-item--account .dropdown-menu {
background-color: #fff;
box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.25);
display: none;
margin-left: 18px;
position: absolute;
z-index: 1001; }
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item .navUser-item--account .dropdown-menu.is-open {
display: block; }
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item .navUser-item--account .dropdown-menu .navUser-list {
display: flex;
flex-direction: column;
min-width: 100px;
padding: 10px 0;
text-align: left; }
header.header div.header-main div.navPages-container#menu > div.wrapper div.grid div.grid__item .navUser-item--account .dropdown-menu .navUser-list .navUser-action {
font-size: 0.875rem;
height: auto;
line-height: 22px;
padding: 4px 20px; }
header.header div.header-main .overlap {
display: none !important; } }
.footer {
transform: translateZ(0); }
.newsletter-row {
background-color: #e0e0e0;
padding: 30px 0; }
@media only screen and (min-width: 768px) {
.newsletter-row {
padding: 50px 0; } }
.newsletter-row .newsletter-heading {
margin-bottom: 20px; }
.newsletter-row .newsletter-form-wrapper {
margin: 0 auto;
max-width: 596px; }
.footer-top {
border-bottom: 1px solid #e0e0e0; }
@media only screen and (min-width: 768px) {
.footer-top {
padding: 60px 0 55px; } }
@media only screen and (max-width: 767px) {
.footer-top .collapsibles .grid__item:first-of-type .footer-info-col {
border-top: 1px solid #fff; } }
@media only screen and (max-width: 767px) {
.footer-top .group-spacing {
padding-top: 40px; } }
.footer-top .group-spacing > * {
margin-bottom: 35px; }
@media only screen and (max-width: 767px) {
.footer-top .socialLinks {
max-width: 350px; } }
.footer-top .spacer-div {
height: 60px; }
.footer--bg-primary {
background-color: #1a1a1a; }
.footer--bg-primary * {
color: #fff; }
.footer--bg-primary .footer-info-col {
border-color: #fff; }
.footer-info-col {
overflow-wrap: break-word;
-ms-word-break: break-all; }
@media only screen and (min-width: 768px) {
.footer-info-col .accordion-navigation {
margin-bottom: 25px;
pointer-events: none; }
.footer-info-col .accordion-navigation-actions {
display: none; } }
@media only screen and (max-width: 767px) {
.footer-info-col {
border-bottom: 1px solid #333;
margin-left: -16px;
margin-right: -16px;
padding: 20px 16px; }
.footer-info-col .accordion-navigation {
padding: 0; }
.footer-info-col .accordion-navigation.is-open .accordion-indicator {
transform: rotate(180deg); }
.footer-info-col .accordion-navigation-actions {
height: 20px;
text-align: center;
width: 20px; }
.footer-info-col .accordion-navigation-actions .icon {
height: 7px;
width: 12px; } }
.footer-info-col .nested-footer-dropdown {
font-weight: 500; }
.footer-info-col .nested-footer-dropdown .accordion-navigation-actions,
.footer-info-col .nested-footer-dropdown .icon {
display: inline-block; }
.footer-info-col .nested-footer-dropdown .accordion-navigation-actions {
padding-left: 7px; }
.footer-info-col .nested-footer-dropdown .icon {
height: 6px;
width: 9px; }
.footer-info-col .nested-footer-dropdown .accordion-indicator {
transition: transform 60ms ease; }
.footer-info-col .nested-footer-dropdown.is-open .accordion-indicator {
transform: scaleY(-1); }
.footer-info-col .toggleLink:hover * {
color: #9e9e9e; }
.footer-info-col .accordion-content--nested .footer-info-list {
margin-left: 14px;
margin-top: 7px; }
.footer-info-heading {
margin-bottom: 5px; }
.footer-info-list {
list-style: none;
margin: 0; }
@media only screen and (max-width: 767px) {
.footer-info-list {
font-size: 14px;
margin-top: 9px; }
.footer-info-list .footer-info-list {
padding: 0; } }
.footer-info-list li {
margin-bottom: 8px; }
@media only screen and (min-width: 768px) {
.footer-info-list li {
margin-bottom: 5px; } }
.footer-info-list li:last-child {
margin-bottom: 0; }
.footer-info-list a {
background-color: transparent;
color: #fff;
text-decoration: none; }
.footer-info-list a:hover {
color: #9e9e9e; }
.footer-payment-icons {
margin-top: 20px; }
@media only screen and (min-width: 768px) {
.footer-payment-icons {
margin-top: 40px; } }
.footer-payment-icons .footer-payment-icon {
height: 50px;
margin: 5px;
vertical-align: middle;
width: 50px; }
.footer-payment-icons svg {
fill: #fff; }
.footer-bottom {
font-size: 14px;
padding: 20px 0 3px; }
@media only screen and (min-width: 768px) {
.footer-bottom {
padding: 20px 0; } }
@media only screen and (min-width: 768px) {
.footer-bottom p {
margin: 0; } }
.footer-bottom .privacy-terms-container {
gap: 36px;
margin-bottom: 8px; }
.footer-bottom .privacy-terms-container a:hover {
color: #9e9e9e; }
@media only screen and (max-width: 767px) {
.footer-bottom .privacy-terms-container {
gap: 3px;
margin-bottom: 35px; }
.footer-bottom .privacy-terms-container li:not(:first-of-type):before {
content: '';
position: relative;
height: 14px;
border-left: 1px solid #fff;
right: 2px; } }
.footer-bottom .privacy-terms-container li {
align-items: center;
display: flex;
list-style: none; }
.footer-bottom .privacy-terms-container a {
display: inline-block;
padding: 5px;
text-decoration: none; }
@media only screen and (max-width: 479px) {
.footer-bottom .privacy-terms-container.europe-footer-grid {
gap: 0; }
.footer-bottom .privacy-terms-container.europe-footer-grid > li {
width: 50%; }
.footer-bottom .privacy-terms-container.europe-footer-grid > li::before {
content: none; } }
.footer-bottom .footer-copyright {
margin-bottom: 60px; }
.footer-bottom .footer-copyright p {
margin-bottom: 7px; }
@media only screen and (max-width: 767px) {
.footer-bottom .footer-copyright p {
margin-bottom: 15px; }
.footer-bottom .footer-copyright p:first-of-type {
margin-bottom: 35px; } }
.newsletter-content p {
text-transform: unset; }
.newsletter-form-wrapper .form .custom-button {
background-color: #fff;
text-transform: none;
color: #333;
margin-left: 10px;
border-radius: 10px; }
.newsletter-form-wrapper .form .custom-button:hover {
background-color: #e0e0e0; }
.newsletter-form-wrapper .form .form-inner {
align-items: flex-end;
display: flex; }
.newsletter-form-wrapper .form .field_group {
width: 100%; }
.newsletter-form-wrapper .form .field_group input {
height: 43px;
width: 100%;
border-radius: 10px;
color: #1a1a1a; }
.newsletter-form-wrapper .form .field_group input::placeholder {
color: #c2c2c2; }
.newsletter-form-wrapper .form .consent {
padding-top: 0.5rem; }
.newsletter-form-wrapper .form .consent label {
position: relative;
padding-left: 5px; }
.newsletter-form-wrapper .form .consent label::before, .newsletter-form-wrapper .form .consent label::after {
content: "";
display: block;
opacity: 1;
position: absolute;
top: 50%;
transform: translateY(-50%); }
.newsletter-form-wrapper .form .consent label::before {
background-color: #fff;
border: 1px solid #707070;
border-radius: 4px;
height: 14px;
left: 0;
width: 14px; }
.newsletter-form-wrapper .form .consent label::after {
background-color: #1a1a1a;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='m4,10c-.26,0-.52-.1-.71-.29L.29,6.71c-.39-.39-.39-1.02,0-1.41s1.02-.39,1.41,0l2.11,2.11L8.15.47c.29-.47.91-.61,1.38-.32.47.29.61.91.32,1.38l-5,8c-.16.26-.43.43-.73.46-.04,0-.08,0-.11,0Z' fill='rgba(255, 255, 255, 0.999)' /%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: 75%;
border-radius: 3px;
color: rgba(255, 255, 255, 0.999);
font-size: 12px;
height: 12px;
left: 1px;
line-height: 1;
opacity: 0;
text-align: center;
width: 12px; }
.newsletter-form-wrapper .form .consent label.is-checked::before, .newsletter-form-wrapper .form .consent label.is-selected::before {
background-color: #1a1a1a;
border-color: #1a1a1a; }
.newsletter-form-wrapper .form .consent label.is-checked::after, .newsletter-form-wrapper .form .consent label.is-selected::after {
opacity: 1; }
.newsletter-form-wrapper .form .consent label input {
opacity: 0;
margin: 0; }
.newsletter-form-wrapper .form .success-message {
margin: 0;
padding-top: 21px; }
.region-selector {
appearance: none;
background: #fff url('data:image/svg+xml,') no-repeat right 18px center;
border: 1px solid #e0e0e0;
border-radius: 10px;
color: #1a1a1a;
display: block;
padding: 10.5px 11px; }
@media only screen and (min-width: 768px) {
.region-selector {
max-width: calc(100% - 103px); } }
.region-selector option {
color: #1a1a1a; }
@media only screen and (max-width: 767px) {
.newsletter-form-wrapper,
.region-selector {
max-width: 400px; } }
.osano-cm-widget {
display: none; }
.tags {
list-style: none;
text-align: left; }
.tag {
display: inline-block; }
.tag a {
display: inline-block;
text-decoration: none; }
.tag a:hover {
text-decoration: underline; }
.blog-listing-header {
display: flex;
margin-bottom: 30px; }
.blog-listing-header .blog-heading {
flex: 1;
margin: 0;
text-align: left; }
@media only screen and (min-width: 768px) {
.blog-listing-header .blog-heading {
text-align: center; } }
.blog-post {
background-color: #f4f7f9;
display: flex;
flex-direction: column;
height: calc(100% - 16px);
margin: 0 auto 16px;
max-width: 585px; }
@media only screen and (min-width: 768px) {
.blog-post {
max-width: 100%; } }
@media only screen and (max-width: 990px) {
.blog-post.is-scrolled {
padding: 20px calc(16px + 10px);
position: sticky;
top: 65px;
z-index: 10; }
.blog-post.is-scrolled .blog-heading {
font-size: 14px; } }
.blog-post .blog-title {
margin-bottom: 10px; }
@media only screen and (min-width: 768px) {
.blog-post .blog-title {
margin-bottom: 20px; } }
.blog-post .blog-title a {
text-decoration: none; }
.blog-post .blog-title a:hover {
text-decoration: underline; }
.blog-post .blog-menu-toggle .icon {
height: 21px;
width: 25px; }
.blog-post .tags {
margin-bottom: 10px; }
.blog-post .blog-post-body {
display: flex;
flex: 1;
flex-direction: column;
padding: 20px; }
.blog-post .blog-post-body .blog-post-summary {
flex: 1; }
.blog-post .blog-post-body .blog-post-summary .blog-post-summary {
margin-bottom: 30px; }
.blog-post .blog-meta {
margin-bottom: 0;
margin-top: 16px;
text-align: right; }
.blog-author {
margin-right: 20px; }
.blog-thumbnail {
margin: 0; }
.blog-thumbnail a {
position: relative;
display: block;
overflow: hidden; }
.blog-thumbnail a::after {
content: "";
display: block;
height: 0;
padding-bottom: 61.39456%;
width: 100%; }
.blog-thumbnail a img {
bottom: 0;
font-family: "object-fit: contain;";
left: 0;
margin: auto;
max-height: 100%;
object-fit: contain;
position: absolute;
right: 0;
top: 0;
width: 100%; }
.blog-thumbnail a:hover img {
transform: scale(1.035); }
.blog-thumbnail img {
transition: all 0.3s cubic-bezier(0, 0, 0.58, 1); }
.blog-read-more {
text-decoration: underline; }
.blog-read-more:hover {
text-decoration: none; }
.blog-single {
border-bottom: 1px solid #e0e0e0;
margin: auto;
margin-bottom: 30px;
max-width: 1100px;
padding: 16px 16px 16px 50px;
position: relative; }
@media only screen and (min-width: 768px) {
.blog-single {
padding: 16px 16px 16px 100px; } }
.blog-single .social-share-wrap {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 50px; }
@media only screen and (min-width: 768px) {
.blog-single .social-share-wrap {
width: 100px; } }
.blog-single .social-share-wrap .social-float {
position: sticky;
top: calc(68px + 40px + 16px); }
.blog-single .social-share-wrap .social-share-label {
margin: auto;
padding: 16px;
text-orientation: mixed;
writing-mode: vertical-rl; }
.blog-single .social-share-wrap .socialLinks {
display: flex;
flex-direction: column;
position: sticky; }
.blog-single .social-share-wrap .socialLinks .socialLinks-item {
margin: 10px 0;
text-align: center; }
.blog-single .social-share-wrap .socialLinks .socialLinks-item .icon {
display: inline-block;
margin: auto; }
.blog-single .social-share-wrap .socialLinks .socialLinks-item .icon svg {
height: 20px;
width: 25px; }
.blog-single .blog-thumbnail {
margin: 0 0 30px; }
@media only screen and (min-width: 768px) {
.blog-single .blog-thumbnail {
margin-bottom: 40px; } }
.blog-single .blog-header {
border-bottom: 1px solid #e0e0e0;
margin-bottom: 16px;
padding-bottom: 16px; }
.blog-single .blog-title-wrapper {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.blog-single .blog-title-wrapper .blog-title {
margin: 0 auto 16px 0;
max-width: 710px;
text-align: left; }
.blog-single .blog-title-wrapper .blog-est {
color: #333; }
.blog-single .blog-title-wrapper .blog-est .icon {
height: 14px;
margin-right: 5px;
vertical-align: middle;
width: 12px; }
.blog-single .blog-post-body {
padding-bottom: 30px; }
.blog-single .blog-post-content {
max-width: 710px; }
.blog-single .blog-post-content ul,
.blog-single .blog-post-content ol,
.blog-single .blog-post-content dl,
.blog-single .blog-post-content p,
.blog-single .blog-post-content .p {
margin-bottom: 20px; }
@media only screen and (min-width: 768px) {
.blog-single .blog-post-content ul,
.blog-single .blog-post-content ol,
.blog-single .blog-post-content dl,
.blog-single .blog-post-content p,
.blog-single .blog-post-content .p {
margin-bottom: 30px; } }
/************ Blog Sidebar **********/
@keyframes slideOut {
from {
opacity: 0;
transform: translate(50%); }
to {
opacity: 1;
transform: translate(0); } }
.blog-sidebar-list {
list-style: none;
margin: 0; }
.blog-sidebar-list li {
margin-bottom: 8px; }
.blog-sidebar-list li a {
text-decoration: none; }
.blog-sidebar-list li a:hover {
text-decoration: underline; }
.right-off-canvas-menu .blog-sidebar-inner {
animation-duration: 0.3s;
animation-name: slideOut;
opacity: 1;
padding-right: 16px;
transform: translate(0); }
.right-off-canvas-menu .blog-sidebar-inner .blog-block .h4 {
border-bottom: 1px solid #e0e0e0;
margin: 0;
padding: 25px 16px;
text-transform: uppercase; }
.right-off-canvas-menu .blog-sidebar-inner .blog-block .blog-sidebar-list {
padding: 16px; }
.right-off-canvas-menu .blog-sidebar-inner .blog-block .blog-sidebar-list li {
margin-bottom: 15px; }
.blog-sidebar .blog-sidebar-inner {
margin-left: auto;
margin-right: 16px;
max-width: calc(200px + 2 * 16px);
padding-bottom: 16px;
position: sticky;
top: calc(68px + 40px + 16px); }
.blog-sidebar .blog-sidebar-inner .blog-block {
background-color: #f4f7f9;
margin-bottom: 16px;
padding: 16px; }
.blog-sidebar .blog-sidebar-inner .blog-block h4 {
margin-bottom: 24px; }
.productList {
list-style: none; }
.productList .product {
margin-bottom: 30px; }
@media only screen and (min-width: 768px) {
.productList .product {
margin-bottom: 50px; } }
.list-item-link {
border: 1px solid transparent;
border-bottom-color: #e0e0e0; }
.list-item-link:hover {
border-color: #e0e0e0; }
.listItem {
padding-bottom: 10px;
position: relative; }
@media only screen and (min-width: 768px) {
.listItem:focus-within .listItem-figureBody, .listItem.focus-within .listItem-figureBody {
opacity: 1; } }
.listItem-figure {
position: relative;
margin: 0; }
.listItem-figure::after {
content: "";
display: block;
height: 0;
padding-bottom: 100%;
width: 100%; }
.listItem-figure img {
bottom: 0;
font-family: "object-fit: contain;";
left: 0;
margin: auto;
max-height: 100%;
object-fit: contain;
position: absolute;
right: 0;
top: 0;
width: 100%; }
.listItem-figureBody {
opacity: 1;
text-align: center; }
@media only screen and (min-width: 768px) {
.listItem-figureBody {
left: 50%;
opacity: 0;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 3; }
.listItem:hover .listItem-figureBody {
opacity: 1; } }
.listItem-image {
height: 100%;
width: auto; }
@media only screen and (max-width: 767px) {
.listItem-image {
height: auto;
width: 110px; } }
@media only screen and (min-width: 768px) {
.listItem-details {
padding-top: 20px; }
.listItem-details > :last-child {
margin-bottom: 0; } }
.listItem-details .card-swatches {
margin-bottom: 10px; }
@media only screen and (min-width: 768px) {
.listItem-details .card-swatches {
margin-bottom: 20px; } }
.listItem-rating {
margin-bottom: 10px; }
@media only screen and (min-width: 768px) {
.listItem-rating {
margin-bottom: 15px; } }
.listItem-brand {
margin-bottom: 5px; }
.listItem-title {
margin-bottom: 5px; }
.listItem-sku {
color: #333; }
.listItem-price {
margin-bottom: 10px; }
@media only screen and (min-width: 768px) {
.listItem-price {
margin-bottom: 15px; } }
.listItem-description {
-webkit-box-orient: vertical;
/* autoprefixer: off */
display: -webkit-box;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis; }
.listItem-compare {
display: flex;
justify-content: end;
margin-top: auto;
padding: 10px 0; }
.listItem-compare > input {
height: 20px;
margin-right: 15px;
width: 20px; }
.listItem-actions {
position: relative;
z-index: 3; }
.listItem-actions .button {
margin: 0; }
.listItem-actions .button + .button {
margin-top: 10px; }
[data-product-attribute] .form-option.form-option-swatch {
border-radius: 100px;
margin-bottom: 0;
overflow: visible; }
.form-option-variant--none {
height: 22px;
overflow: hidden; }
.form-option-variant--color,
.form-option-variant--pattern {
border: 2px solid #e0e0e0;
border-radius: 100px;
height: 34px;
min-height: 34px;
width: 34px; }
.form-option-expanded {
background-color: #fff;
border: 1px solid #e0e0e0;
left: 50%;
opacity: 0;
padding: 3px;
position: absolute;
top: -5px;
transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
visibility: hidden; }
.form-option.form-option-swatch {
border-width: 1px;
padding: 0; }
.form-option:hover .form-option-expanded {
opacity: 1;
transform: translate(-50%, -100%);
visibility: visible;
z-index: 5000; }
.form-option-image {
display: block;
height: 100px;
width: 100px;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover; }
.contact-form {
background-color: #fff;
max-width: 727px;
padding: 26px 14px 40px; }
@media only screen and (min-width: 768px) {
.contact-form {
padding: 80px 70px; } }
.contact-form textarea {
max-width: 100%; }
.contact-info .contact-info-content {
padding: 20px 40px; }
@media only screen and (min-width: 768px) {
.contact-info .contact-info-content {
padding: 0 30px; } }
.contact-info .address-wrap {
margin-bottom: 34px; }
.contact-info .address-wrap h2 {
margin-bottom: 15px; }
.contact-info .address-wrap .phone-number {
margin-bottom: 8px; }
.contact-info .address-wrap address {
line-height: 2.2; }
.contact-us-page .customer-care,
.contact-us-page .store-finder,
.contact-us-page .corporate-locations {
margin-bottom: 40px; }
.contact-us-page .customer-care {
padding: 2rem 1.5rem;
background-color: #f7f7f7;
border-radius: 10px; }
@media only screen and (min-width: 991px) {
.contact-us-page .store-finder {
padding: 0 1.5rem; } }
@media only screen and (min-width: 991px) {
.contact-us-page .corporate-locations {
padding: 2rem 0 0 1rem; } }
@media only screen and (min-width: 1200px) {
.contact-us-page .corporate-locations {
padding-left: 3rem; } }
.contact-us-page a {
display: inline-block;
margin-top: 2px; }
.faq-content {
margin-bottom: 20px; }
@media only screen and (max-width: 767px) {
.faq-content {
margin-left: -22px;
margin-right: -22px; } }
.faq-content .faq-category-button {
background-color: #fff; }
.faq-content .faq-category-button .faq-group-title {
margin-bottom: 0; }
.faq-content .faq-category-button .faq-section-header {
padding: 20px 22px; }
@media only screen and (min-width: 768px) {
.faq-content .faq-category-button .faq-section-header {
padding: 20px 30px; } }
.faq-content .faq-question-header {
padding: 30px 0 20px; }
@media only screen and (min-width: 768px) {
.faq-content .faq-question-header {
padding: 28px 30px; } }
.faq-content .faq-category-content {
margin-bottom: 50px; }
.faq-content .qa-section {
border-bottom: 1px solid #e0e0e0;
margin: 0 22px; }
@media only screen and (min-width: 768px) {
.faq-content .qa-section {
margin: 0; } }
.faq-content .qa-section .faq-title {
margin-bottom: 0; }
@media only screen and (max-width: 767px) {
.faq-content .qa-section .faq-title {
padding-right: 22px; } }
.faq-content .qa-section .faq-answer {
max-width: 802px;
padding: 0 0 20px; }
@media only screen and (min-width: 768px) {
.faq-content .qa-section .faq-answer {
padding: 0 30px 20px; } }
.faq-content .faq-section-header,
.faq-content .faq-question-header {
align-items: center;
display: flex;
justify-content: space-between;
text-decoration: none; }
.faq-content .faq-section-header:active *,
.faq-content .faq-question-header:active * {
color: #fff; }
.faq-content .toggle-icon svg {
height: 8px;
vertical-align: middle;
width: 14px; }
.faq-category-button:hover .toggle-icon,
.qa-section:hover .toggle-icon {
color: #333; }
.user-guides-hero {
width: 100%;
height: 500px;
position: relative; }
@media only screen and (max-width: 990px) {
.user-guides-hero {
height: 300px;
margin-bottom: 40px; } }
.user-guides-hero .content-box {
background-color: white;
position: absolute;
height: 100%;
right: 0;
width: 700px;
padding: 0 140px;
display: flex;
align-items: center;
justify-content: center; }
.user-guides-hero .content-box .container {
text-align: center;
width: 100%; }
.mobile-user-guides-header {
width: 100%;
display: flex;
justify-content: center;
border-bottom: 1px solid #e0e0e0;
padding: 0 20px 0 20px; }
.mobile-user-guides-header .container {
max-width: 720px;
text-align: center; }
.mobile-user-guides-header .container .hero-h1 {
margin-bottom: 10px; }
.mobile-user-guides-header .container p {
margin-bottom: 35px; }
.scroll-container {
margin-left: -20px;
max-width: 1184px;
overflow: auto;
width: 100vw; }
.selection-section {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 20px;
flex-wrap: wrap;
width: 820px;
padding: 20px;
margin: 0 auto 30px auto; }
@media only screen and (min-width: 768px) {
.selection-section {
width: 1120px; } }
.selection-section .is-active {
background-color: #1a1a1a;
color: #fff; }
.selected-content-section {
width: 100%; }
.selected-content-section .tab {
margin-bottom: 40px;
display: none; }
.selected-content-section .tab .user-guide-accordion {
padding: 20px;
border: 1px solid #e0e0e0;
border-radius: 10px;
width: 100%;
display: block;
position: relative;
z-index: 1; }
.selected-content-section .tab .user-guide-accordion:has(> .is-open) {
background-color: #f5f5f5; }
.selected-content-section .tab .user-guide-accordion .toggleLink {
text-decoration: none;
display: flex;
justify-content: space-between;
align-items: center; }
.selected-content-section .tab .user-guide-accordion .toggleLink .icon {
width: 12px;
height: 12px; }
.selected-content-section .tab .user-guide-accordion .toggleLink:hover {
text-decoration: underline; }
.selected-content-section .tab .user-guide-accordion .toggle-content {
margin-top: 40px; }
.selected-content-section .tab .user-guide-accordion .toggle-content .content-line {
background-color: #fff;
padding: 20px;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px; }
.selected-content-section .tab .user-guide-accordion .toggle-content .content-line p {
margin-bottom: 0;
font-weight: 600; }
.selected-content-section .tab .user-guide-accordion .toggle-content .content-line .content-link {
flex: 0 0 max-content;
text-align: right;
text-decoration: none; }
.selected-content-section .tab .user-guide-accordion .toggle-content .content-line .content-link:hover {
text-decoration: underline; }
.video-grid--group {
margin-bottom: 30px; }
.video-grid--title {
margin-left: 20px; }
#storemapper {
--color-black: #1a1a1a;
--color-grey: #707070;
--color-hover-grey: #9e9e9e;
--color-border-grey: #dddddd;
--color-white: #ffffff;
--icon-check-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpolyline style='fill: none;stroke: %23ffffff;stroke-linecap: round;stroke-linejoin: round;stroke-width: 2px;' points='1 6 4 9 9 1' /%3E%3C/svg%3E");
--icon-check-black: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpolyline style='fill: none;stroke: %231a1a1a;stroke-linecap: round;stroke-linejoin: round;stroke-width: 2px;' points='1 6 4 9 9 1' /%3E%3C/svg%3E");
--icon-bag-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 20'%3E%3Cpath style='fill: %23ffffff;' d='m11,7c0,.55-.45,1-1,1s-1-.45-1-1v-3c0-1.1-.9-2-2-2s-2,.9-2,2v3c0,.55-.45,1-1,1s-1-.45-1-1v-3C3,1.79,4.79,0,7,0s4,1.79,4,4v3Zm3-3v16H0V4h14Zm-2,2H2v12h10V6Z' /%3E%3C/svg%3E");
--icon-bag-black: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 20'%3E%3Cpath style='fill: %231a1a1a;' d='m11,7c0,.55-.45,1-1,1s-1-.45-1-1v-3c0-1.1-.9-2-2-2s-2,.9-2,2v3c0,.55-.45,1-1,1s-1-.45-1-1v-3C3,1.79,4.79,0,7,0s4,1.79,4,4v3Zm3-3v16H0V4h14Zm-2,2H2v12h10V6Z' /%3E%3C/svg%3E");
--icon-star-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.29 17.44'%3E%3Cpath style='fill: %23ffffff;fill-rule: evenodd;' d='m9.15,14.43l4.56,2.75c.95.57,1.51.16,1.26-.92l-1.21-5.19,4.02-3.49c.84-.72.62-1.39-.48-1.48l-5.3-.45L9.92.76c-.43-1.02-1.13-1.01-1.56,0l-2.07,4.89-5.3.45c-1.1.09-1.32.76-.48,1.48l4.02,3.49-1.21,5.19c-.25,1.08.32,1.49,1.26.92l4.56-2.75Z' /%3E%3C/svg%3E");
--icon-star-black: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.29 17.44'%3E%3Cpath style='fill: %231a1a1a;fill-rule: evenodd;' d='m9.15,14.43l4.56,2.75c.95.57,1.51.16,1.26-.92l-1.21-5.19,4.02-3.49c.84-.72.62-1.39-.48-1.48l-5.3-.45L9.92.76c-.43-1.02-1.13-1.01-1.56,0l-2.07,4.89-5.3.45c-1.1.09-1.32.76-.48,1.48l4.02,3.49-1.21,5.19c-.25,1.08.32,1.49,1.26.92l4.56-2.75Z' /%3E%3C/svg%3E");
--icon-facebook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath style='fill-rule: evenodd;' d='m17.42,29.8c-.12.02-.25.04-.38.06.13-.02.25-.04.38-.06Z' /%3E%3Cpath style='fill-rule: evenodd;' d='m17.72,29.75c-.06.01-.12.02-.18.03.06-.01.12-.02.18-.03Z' /%3E%3Cpath style='fill-rule: evenodd;' d='m16.71,29.9c-.15.02-.29.03-.44.04.15-.01.29-.03.44-.04Z' /%3E%3Cpath style='fill-rule: evenodd;' d='m17,29.87c-.07,0-.14.02-.21.03.07,0,.14-.02.21-.03Z' /%3E%3Cpath style='fill-rule: evenodd;' d='m18.13,29.67c-.05.01-.11.02-.16.03.05-.01.11-.02.16-.03Z' /%3E%3Cpath style='fill-rule: evenodd;' d='m19.14,29.42s-.09.02-.13.04c.04-.01.09-.02.13-.04Z' /%3E%3Cpath style='fill-rule: evenodd;' d='m18.83,29.5s-.09.02-.14.04c.05-.01.09-.02.14-.04Z' /%3E%3Cpath style='fill-rule: evenodd;' d='m18.43,29.6s-.1.02-.15.03c.05-.01.1-.02.15-.03Z' /%3E%3Cpath style='fill-rule: evenodd;' d='m16.26,29.95c-.08,0-.16.01-.24.02.08,0,.16-.01.24-.02Z' /%3E%3Cpath style='fill-rule: evenodd;fill: %233b5998;' d='m30,15C30,6.72,23.28,0,15,0S0,6.72,0,15s6.72,15,15,15c.09,0,.18,0,.26,0v-11.68h-3.22v-3.76h3.22v-2.76c0-3.21,1.96-4.95,4.82-4.95,1.37,0,2.55.1,2.89.15v3.35h-1.97c-1.56,0-1.86.74-1.86,1.82v2.39h3.72l-.48,3.76h-3.23v11.1c6.27-1.8,10.86-7.57,10.86-14.42Z' /%3E%3Cpath style='fill-rule: evenodd;' d='m15.99,29.97c-.16.01-.31.02-.47.02.16,0,.31-.01.47-.02Z' /%3E%3Cpath style='fill-rule: evenodd;' d='m15.51,29.99c-.08,0-.17,0-.25,0,.08,0,.17,0,.25,0Z' /%3E%3C/svg%3E");
--icon-instagram: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 30 30'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='-322.5' y1='64.89' x2='-322.19' y2='63.67' gradientTransform='translate(9686 1946) scale(30 -30)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%234e60d3' /%3E%3Cstop offset='.14' stop-color='%23913baf' /%3E%3Cstop offset='.76' stop-color='%23d52d88' /%3E%3Cstop offset='1' stop-color='%23f26d4f' /%3E%3C/linearGradient%3E%3CradialGradient id='radial-gradient' cx='-323.67' cy='71.9' fx='-323.67' fy='71.9' r='.93' gradientTransform='translate(7402.98 6512.71) rotate(32.16) scale(30 -21.59)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fed276' /%3E%3Cstop offset='.17' stop-color='%23fdbd61' stop-opacity='.98' /%3E%3Cstop offset='.45' stop-color='%23f6804d' /%3E%3Cstop offset='1' stop-color='%23e83d5c' stop-opacity='0' /%3E%3C/radialGradient%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Ccircle style='fill: url(%23linear-gradient);' cx='15' cy='15' r='15' /%3E%3Ccircle style='fill: url(%23radial-gradient);' cx='15' cy='15' r='15' /%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect style='fill: none;stroke: %23fff;stroke-miterlimit: 10;stroke-width: 2.05px;' x='4.98' y='5.1' width='20.1' height='19.98' rx='5.33' ry='5.33' /%3E%3C/g%3E%3Cg%3E%3Ccircle style='fill: none;stroke: %23fff;stroke-miterlimit: 10;stroke-width: 2.05px;' cx='15.06' cy='15.18' r='4.8' /%3E%3C/g%3E%3Cg%3E%3Ccircle cx='20.95' cy='9.2' r='1.41' /%3E%3Ccircle style='fill: %23fff;' cx='20.95' cy='9.2' r='1.41' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
#storemapper.strmpr,
#storemapper .gm-style {
font-family: Figtree, Helvetica, Arial, sans-serif !important; }
#storemapper a {
text-decoration: none !important; }
#storemapper .gm-style .gm-style-iw {
font-weight: 500;
font-size: 12px;
line-height: calc(16/12); }
#storemapper .gm-style .strmpr-field-custom .store-features {
font-size: inherit; }
#storemapper .strmpr-dropdown .strmpr-dropdown-button,
#storemapper .strmpr-search .strmpr-search-box-wrapper .strmpr-search-box {
font-family: inherit; }
#storemapper .strmpr-dropdown .strmpr-dropdown-options {
border: 1px solid var(--color-border-grey);
border-radius: 5px !important;
margin: 3px 0 0; }
#storemapper .strmpr-dropdown .strmpr-dropdown-options.active .strmpr-dropdown-option:first-child label {
border-radius: 4px 4px 0 0; }
#storemapper .strmpr-dropdown .strmpr-dropdown-options.active .strmpr-dropdown-option :last-child label {
border-radius: 0 0 4px 4px; }
#storemapper .strmpr-search .strmpr-search-box-wrapper .strmpr-search-reset {
top: 6px; }
#storemapper .strmpr-field-custom .store-features {
font-size: 12px;
list-style: none;
margin-bottom: 16px;
padding-left: 0; }
#storemapper .store-features li {
margin-bottom: 3px; }
#storemapper .strmpr-selected .storemapper-description p,
#storemapper .strmpr-selected .store-features {
color: var(--color-white); }
#storemapper .storemapper-description p,
#storemapper .strmpr-field-description p {
font-size: 12px;
margin-bottom: 0; }
#storemapper .strmpr-map .strmpr-map-popup .strmpr-field-directions {
padding: 0;
border: unset;
background: unset;
border-radius: unset; }
#storemapper .strmpr-search-results a:hover {
color: var(--color-black) !important; }
#storemapper .strmpr-search-results .strmpr-selected a:hover {
color: var(--color-hover-grey) !important; }
#storemapper .gm-style-iw a {
color: var(--color-grey); }
#storemapper .gm-style-iw a:hover {
color: var(--color-black); }
#storemapper .strmpr-search-results .strmpr-search-result .strmpr-field-show-on-map,
#storemapper .strmpr-map .strmpr-map-popup .strmpr-field-directions a {
border: 2px solid var(--color-black);
border-radius: 22px;
color: var(--color-black);
font-weight: 800;
text-transform: uppercase;
transition: all 300ms ease;
padding: 8px;
width: 100%;
display: block; }
#storemapper .strmpr-map .strmpr-map-popup .strmpr-field-directions a:hover {
background-color: var(--color-black);
color: var(--color-white); }
#storemapper .strmpr-search-results .strmpr-search-result .strmpr-field-show-on-map:hover {
background-color: var(--color-black);
color: var(--color-white); }
#storemapper .strmpr-search-results .strmpr-search-result.strmpr-selected .strmpr-field-show-on-map {
background-color: transparent;
border-color: var(--color-white);
color: var(--color-white); }
#storemapper .strmpr-search-results .strmpr-search-result.strmpr-selected .strmpr-field-show-on-map:hover {
background-color: var(--color-white);
color: var(--color-black); }
#storemapper .strmpr-field-custom .social-link-container {
list-style: none;
display: inline-flex;
gap: 8px;
padding: 0;
margin-bottom: 0; }
#storemapper .icon-facebook::before,
#storemapper .icon-instagram::before {
width: 30px;
display: inline-block; }
#storemapper .icon-facebook::before {
content: var(--icon-facebook); }
#storemapper .icon-instagram::before {
content: var(--icon-instagram); }
#storemapper .icon-bag::before,
#storemapper .icon-check::before,
#storemapper .icon-star::before,
#storemapper .strmpr-selected .icon-bag::before,
#storemapper .strmpr-selected .icon-check::before,
#storemapper .strmpr-selected .icon-star::before {
width: 10px;
display: inline-block;
margin-right: 16px; }
#storemapper .icon-bag::before {
content: var(--icon-bag-black); }
#storemapper .icon-check::before {
content: var(--icon-check-black); }
#storemapper .icon-star::before {
content: var(--icon-star-black); }
#storemapper .strmpr-selected .icon-bag::before {
content: var(--icon-bag-white); }
#storemapper .strmpr-selected .icon-check::before {
content: var(--icon-check-white); }
#storemapper .strmpr-selected .icon-star::before {
content: var(--icon-star-white); }
#storemapper .store-links:has(> .social-link-container:empty) {
height: 0;
margin: 0; }
#storemapper .store-links:has(> .social-link-container:empty) .social-link-container {
margin: 0; }
.purchase-history-page .order-list, .recently-ordered-container .order-list {
list-style-type: none; }
.purchase-history-page .list-header, .recently-ordered-container .list-header {
padding: 0 20px;
margin-bottom: 25px; }
.purchase-history-page .list-header span, .recently-ordered-container .list-header span {
font-weight: 600;
display: inline-block;
margin-bottom: 10px;
word-wrap: break-word; }
@media only screen and (min-width: 768px) {
.purchase-history-page .list-header span, .recently-ordered-container .list-header span {
margin-bottom: 0; } }
.purchase-history-page .individual-order, .recently-ordered-container .individual-order {
background-color: #fff;
border-radius: 10px;
padding: 20px;
margin-bottom: 40px; }
.purchase-history-page .order-content .product-img, .recently-ordered-container .order-content .product-img {
width: 75px;
height: 75px; }
.purchase-history-page .order-content p, .recently-ordered-container .order-content p {
margin-bottom: 5px; }
.purchase-history-page .order-content .product-price, .recently-ordered-container .order-content .product-price {
margin-top: 15px; }
@media only screen and (min-width: 768px) {
.purchase-history-page .order-content .product-price, .recently-ordered-container .order-content .product-price {
margin-top: 0; } }
.purchase-history-page .order-content.add-margin:not(:last-of-type), .recently-ordered-container .order-content.add-margin:not(:last-of-type) {
margin-bottom: 20px; }
.purchase-history-page .product-brand, .purchase-history-page .order-link, .recently-ordered-container .product-brand, .recently-ordered-container .order-link {
font-weight: 700; }
.purchase-history-page .collapsible-icons, .recently-ordered-container .collapsible-icons {
cursor: pointer;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%); }
@media only screen and (min-width: 768px) {
.purchase-history-page .collapsible-icons, .recently-ordered-container .collapsible-icons {
top: 0;
transform: none; } }
.purchase-history-page .accordion-icon, .recently-ordered-container .accordion-icon {
display: block;
text-align: right; }
.purchase-history-page .accordion-icon .plus-icon .icon, .recently-ordered-container .accordion-icon .plus-icon .icon {
width: 10px;
height: 11px; }
.purchase-history-page .accordion-icon .minus-icon .icon, .recently-ordered-container .accordion-icon .minus-icon .icon {
width: 10px;
height: 3px; }
.purchase-history-page .order-header, .recently-ordered-container .order-header {
position: relative; }
.purchase-history-page .order-header span, .recently-ordered-container .order-header span {
word-wrap: break-word;
display: block; }
.purchase-history-page .Collapsible__trigger.is-open .order-header, .recently-ordered-container .Collapsible__trigger.is-open .order-header {
margin-bottom: 40px; }
.purchase-history-page .Collapsible__trigger.is-open .plus-icon, .recently-ordered-container .Collapsible__trigger.is-open .plus-icon {
display: none; }
.purchase-history-page .Collapsible__trigger.is-open .minus-icon, .recently-ordered-container .Collapsible__trigger.is-open .minus-icon {
display: inline-block; }
.purchase-history-page .Collapsible__trigger.is-closed .plus-icon, .recently-ordered-container .Collapsible__trigger.is-closed .plus-icon {
display: inline-block; }
.purchase-history-page .Collapsible__trigger.is-closed .minus-icon, .recently-ordered-container .Collapsible__trigger.is-closed .minus-icon {
display: none; }
.purchase-history-page .order-loader, .recently-ordered-container .order-loader {
list-style-type: none; }
.purchase-history-page .order-loader .order-header, .recently-ordered-container .order-loader .order-header {
margin-bottom: 40px; }
.product-registration-page {
background-color: #f5f5f5; }
.product-registration-page .h5.error {
color: #e02b27; }
.product-registration-page .page-heading {
margin-top: 0;
margin-bottom: 40px;
padding-top: 20px; }
.product-registration-page .progression-header-container,
.product-registration-page .step-container,
.product-registration-page .number-step {
align-items: center;
display: flex;
justify-content: center; }
.product-registration-page .progression-header-container {
margin: auto;
margin-bottom: 60px;
max-width: 250px;
padding-bottom: 40px; }
.product-registration-page .progression-header-container button {
background-color: transparent;
border: none;
padding: 0;
pointer-events: none; }
.product-registration-page .progression-header-container button.completed {
pointer-events: all; }
.product-registration-page .progression-header-container button.step-one {
pointer-events: none; }
.product-registration-page .step-container {
flex-direction: column;
position: relative; }
.product-registration-page .step-container.completed .step-number {
background-color: #1a1a1a;
color: #fff; }
.product-registration-page .step-container.completed .step-number .icon {
display: block; }
.product-registration-page .step-container.completed .step-number > span {
display: none; }
.product-registration-page .step-container.completed .step-text {
color: #1a1a1a; }
.product-registration-page .step-container.is-active .step-number {
border-color: #1a1a1a;
color: #1a1a1a; }
.product-registration-page .step-container.is-active .step-text {
color: #1a1a1a; }
.product-registration-page .step-number {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 50%;
color: #ccc;
font-weight: 500;
height: 24px;
line-height: calc(23 / 14);
position: relative;
text-align: center;
width: 24px; }
.product-registration-page .step-number .icon {
display: none;
height: 12px;
left: 50%;
margin: 0;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 12px; }
.product-registration-page .step-text {
color: #ccc;
position: absolute;
text-align: center;
top: 110%;
white-space: nowrap; }
.product-registration-page .divider {
align-self: center;
background-color: #eee;
border: 1px solid #eee;
flex-grow: 1;
height: 5px; }
.product-registration-page .divider.active {
background-color: #1a1a1a;
border: 1px solid #1a1a1a; }
.product-registration-page .block-container {
background-color: #fff;
border-radius: 10px;
margin-bottom: 30px;
padding: 20px 15px; }
.product-registration-page .block-container > div {
position: relative; }
.product-registration-page .block-container .edit-selection-link {
font-size: 16px;
font-weight: 500;
position: absolute;
right: 0;
top: 0; }
.product-registration-page .block-container .h4 {
margin-bottom: 40px; }
.product-registration-page .block-container .h6 {
font-weight: 500; }
.product-registration-page .block-container.completed .h6,
.product-registration-page .block-container.completed .h4 {
margin-bottom: 10px; }
.product-registration-page .block-container.future {
background-color: #eee; }
.product-registration-page .block-container.future .h4 {
color: #fff;
margin: 0; }
.product-registration-page .filter-list-container,
.product-registration-page .registration-carousel {
margin: auto;
max-width: 958px;
padding: 0 20px; }
@media only screen and (min-width: 1400px) {
.product-registration-page .filter-list-container,
.product-registration-page .registration-carousel {
padding: 0 60px; } }
.product-registration-page .registration-carousel {
padding-bottom: 30px;
position: relative; }
@media only screen and (min-width: 768px) {
.product-registration-page .registration-carousel {
padding-bottom: 45px; } }
.product-registration-page .registration-carousel .productCard {
border-radius: 10px;
display: flex;
flex-direction: column;
flex-wrap: wrap; }
.product-registration-page .registration-carousel .productCard .card-figure {
display: flex;
justify-content: center;
align-items: center; }
.product-registration-page .registration-carousel .productCard .card-figure img {
mix-blend-mode: darken;
width: calc(100% - 30px);
height: calc(100% - 30px);
object-fit: contain; }
.product-registration-page .registration-carousel .productCard .select-button-container {
margin-top: auto; }
.product-registration-page .registration-carousel .productCard .button--secondary-black {
width: 100%; }
.product-registration-page .registration-carousel .productCard:hover .button--secondary-black {
background-color: #1a1a1a;
color: #fff; }
.product-registration-page .registration-carousel .productCard.loader-slide .card-figure {
height: 224px; }
.product-registration-page .registration-carousel .price-container {
padding: 0 12px 12px; }
.product-registration-page .registration-carousel .price-container .price {
font-weight: 700; }
.product-registration-page .registration-carousel .swiper {
margin-bottom: 20px; }
.product-registration-page .registration-carousel .carousel-action-buttons {
bottom: 0;
left: 0;
position: absolute;
right: 0;
text-align: center; }
.product-registration-page .registration-carousel .carousel-action-buttons .swiper-button-prev,
.product-registration-page .registration-carousel .carousel-action-buttons .swiper-button-next {
display: inline-block;
position: unset;
transform: none; }
.product-registration-page .registration-carousel .carousel-action-buttons .swiper-button-prev:hover,
.product-registration-page .registration-carousel .carousel-action-buttons .swiper-button-next:hover {
color: #1a1a1a; }
.product-registration-page .registration-carousel .carousel-action-buttons .swiper-button-prev svg,
.product-registration-page .registration-carousel .carousel-action-buttons .swiper-button-next svg {
vertical-align: middle; }
.product-registration-page .registration-carousel .carousel-action-buttons .swiper-button-prev {
margin-right: 15px; }
.product-registration-page .filter-list-container {
margin: auto;
max-width: 804px; }
.product-registration-page .register-message {
text-align: center; }
.product-registration-page .register-message .icon {
height: 30px;
margin-right: 15px;
vertical-align: middle;
width: 30px; }
.product-registration-page .register-message.error {
color: #e02b27; }
.product-registration-page .register-message.success {
color: #007823; }
.product-registration-page .filter-block .filter-button-container {
margin-bottom: 16px;
text-align: center; }
.product-registration-page .filter-block .filter-button-container .button {
align-items: center;
background-color: transparent;
border: 1px solid #e0e0e0;
border-radius: 10px;
border-width: 1px;
color: #333;
display: flex;
font-weight: 400;
justify-content: center;
line-height: normal;
max-width: 268px;
min-height: 61px;
padding: 0;
text-transform: capitalize;
width: 100%; }
@media only screen and (max-width: 479px) {
.product-registration-page .filter-block .filter-button-container .button {
margin: auto; } }
.product-registration-page .filter-block .filter-button-container .button span {
overflow: hidden;
white-space: break-spaces;
width: 100%; }
.product-registration-page .filter-block .filter-button-container .button:hover {
background-color: transparent;
border-color: #1a1a1a;
color: #1a1a1a; }
.calendar-btn {
margin-left: 10px; }
.calendar-btn img {
height: 32px;
max-width: none;
width: 33px; }
.date-selection {
margin-top: 30px; }
.date-selection.inactive.incomplete {
display: none; }
.date-selection.is-active.incomplete {
display: block; }
.date-selection.hidden {
display: none; }
.date-selection .selector-container {
border: 1px solid #1a1a1a;
padding: 20px;
text-align: center; }
.date-selection .selector-container > div {
align-items: center;
display: flex;
justify-content: center; }
.date-selection .selector-container > div,
.date-selection .selector-container p {
margin: auto;
max-width: 335px; }
.date-selection .selector-container p {
margin-bottom: 10px;
text-align: center; }
@media only screen and (min-width: 768px) {
.date-selection .selector-container p {
text-align: left; } }
.date-selection button.step-edit {
background-color: transparent;
border: initial;
color: #1a1a1a;
display: block;
font-size: 16px;
position: absolute;
right: 0;
top: 0; }
.date-selection .react-datepicker-wrapper {
width: auto; }
.date-selection .date-picker-input {
border: 1px solid #1a1a1a;
border-radius: 10px;
font-size: 16px;
height: 44px;
padding: 10px; }
@media only screen and (min-width: 768px) {
.date-selection .date-picker-input {
min-width: 300px; } }
.date-selection .react-datepicker__day--selected {
background-color: #707070; }
.date-selection .react-datepicker__day--keyboard-selected {
background-color: #aa1a2c;
color: #fff; }
.proof-of-purchase-selection {
margin-top: 30px; }
.proof-of-purchase-selection.inactive.incomplete {
display: none; }
.proof-of-purchase-selection.is-active.incomplete {
display: block; }
.proof-of-purchase-selection.hidden {
display: none; }
.proof-of-purchase-selection .selector-container {
border: 1px solid #1a1a1a;
padding: 20px;
text-align: center; }
.proof-of-purchase-selection .selector-container > div {
align-items: center;
display: flex;
justify-content: center; }
.proof-of-purchase-selection .selector-container > div,
.proof-of-purchase-selection .selector-container p {
margin: auto;
max-width: 335px; }
.proof-of-purchase-selection .selector-container p {
margin-bottom: 10px;
text-align: center; }
@media only screen and (min-width: 768px) {
.proof-of-purchase-selection .selector-container p {
text-align: left; } }
.proof-of-purchase-selection .selector-container .upload-error {
color: #e02b27; }
.proof-of-purchase-selection .selector-container .upload-success {
color: #007823; }
.registration-loader {
justify-content: center;
margin-bottom: 20px; }
@media only screen and (max-width: 479px) {
.review-step-container .review-step-actions {
align-items: center;
display: flex;
flex-direction: column; }
.review-step-container .button--secondary-black {
margin: 0 0 20px; }
.review-step-container .button {
min-width: 200px; } }
.review-step-container .consent-box {
margin-bottom: 30px; }
.review-step-container .consent-box label {
align-items: center;
display: inline-flex;
flex-direction: column;
justify-content: center; }
@media only screen and (min-width: 768px) {
.review-step-container .consent-box label {
align-items: flex-start;
flex-direction: row; } }
.review-step-container .consent-box span {
align-items: flex-start;
display: inline-flex;
justify-content: center;
margin-bottom: 10px; }
@media only screen and (min-width: 768px) {
.review-step-container .consent-box span {
margin-bottom: 0; } }
.review-step-container .consent-box span input {
border-radius: 4px;
height: 20px;
margin-right: 10px;
width: 20px; }
.review-step-container .consent-box a {
color: #707070;
display: inline-block;
margin: 0 0 0 5px; }
.review-step-container .button--secondary-black {
margin-right: 10px; }
.review-product-container .h5 {
margin-bottom: 10px; }
.review-product-container .review-product {
border: 1px solid #ccc;
border-radius: 10px;
margin: auto;
max-width: 550px;
padding: 20px; }
.review-product-container .review-brand,
.review-product-container .review-device {
color: #ccc;
font-size: 12px;
font-weight: 700;
margin-bottom: 10px; }
.review-product-container .review-name {
font-weight: 700;
margin-bottom: 10px; }
.review-product-container .review-device-brand {
margin-bottom: 10px; }
.review-product-container .review-device-model {
margin-bottom: 10px; }
.review-product-container .review-coverage {
margin-bottom: 10px; }
.review-product-container .review-material {
margin-bottom: 10px; }
.review-product-container .review-image {
margin-bottom: 20px;
text-align: center; }
@media only screen and (min-width: 480px) {
.review-product-container .review-image {
text-align: left; } }
.review-product-container .review-image img {
object-fit: contain;
max-height: 212px; }
.preselect-product h2 {
margin-bottom: 25px; }
.preselect-product .modal-image {
margin-bottom: 25px; }
.preselect-product .button {
width: 100%; }
.preselect-product .modal-product-name {
margin-bottom: 50px; }
.preselect-product .modal-device-brand {
margin-bottom: 15px; }
.preselect-product .modal-device-model {
margin-bottom: 15px; }
.preselect-product .modal-coverage {
margin-bottom: 15px; }
.preselect-product .modal-material {
margin-bottom: 15px; }
.ReactModalPortal .registration-modal-close {
color: #8f8f8f;
right: 10px;
top: 10px; }
.ReactModalPortal .registration-modal-close .icon {
height: 10px;
width: 10px; }
.serial-number-container .modal-msg-error,
.customer-id-container .modal-msg-error {
color: #e02b27; }
.serial-number-container .modal-msg-success,
.customer-id-container .modal-msg-success {
color: #007823; }
.serial-number-container label,
.customer-id-container label {
display: block;
text-align: left; }
.serial-number-container span,
.customer-id-container span {
display: inline-block;
margin-bottom: 5px; }
.serial-number-container input,
.customer-id-container input {
border: 1px solid #e0e0e0;
border-radius: 10px;
display: block;
margin-bottom: 50px;
min-height: 44px;
padding: 10px;
width: 100%; }
.serial-number-container .button,
.customer-id-container .button {
width: 100%; }
.custom-filter-link {
font-weight: 400;
margin-top: 10px;
text-align: center; }
.custom-filter-link a {
font-weight: 700; }
.variant-option-key-value {
margin-bottom: 5px;
text-align: left; }
.account-dashboard--page .registration-redirect {
background-color: #007823;
color: #fff;
padding: 10px 10px;
display: flex;
align-items: center; }
.account-dashboard--page .registration-redirect .icon {
width: 20px;
height: 20px;
margin-right: 20px; }
.account-dashboard--page .account-info-list {
list-style: none; }
.account-dashboard--page .account-info-list li {
margin-bottom: 10px; }
@media only screen and (max-width: 990px) {
.account-dashboard--page .account-info-list li {
display: flex;
flex-direction: column; } }
.account-dashboard--page .account-info-list li strong {
display: inline-block;
min-width: 95px;
margin-right: 30px; }
.account-dashboard--page .account-info-list li span, .account-dashboard--page .account-info-list li a {
color: #707070; }
.account-dashboard--page .inner-info-container {
display: flex;
flex-direction: column;
height: 100%; }
.account-dashboard--page .inner-info-container .white-background-container {
height: 100%; }
.account-dashboard--page .quick-links {
margin-bottom: 40px; }
.account-dashboard--page .quick-links .button {
margin: 5px;
padding: 10px 20px;
text-transform: capitalize;
max-width: 280px;
width: 100%; }
@media only screen and (min-width: 1200px) {
.account-dashboard--page .quick-links .button {
margin: 10px; } }
@media only screen and (max-width: 767px) {
.account-dashboard--page .quick-links {
text-align: center; }
.account-dashboard--page .quick-links .white-background-container {
background-color: transparent;
padding: 0; }
.account-dashboard--page .quick-links .button {
max-width: none; } }
.account-dashboard--page .account-info-subheader {
display: flex;
align-items: center;
justify-content: space-between; }
.account-dashboard--page .account-info-subheader a {
color: #707070;
font-size: 14px;
font-weight: 400; }
.account-dashboard--page address {
color: #707070; }
.account-dashboard--page .address-split-container {
display: grid;
grid-gap: 10px;
grid-template-columns: 1fr; }
@media only screen and (min-width: 991px) {
.account-dashboard--page .address-split-container {
grid-template-columns: 1fr 1fr; } }
.account-dashboard--page .dashboard-account-info-blocks {
margin-bottom: 40px;
padding-bottom: 50px;
border-bottom: 1px solid #e0e0e0; }
.account-dashboard--page .dashboard-account-info-blocks .white-background-container {
min-height: 240px;
margin-bottom: 20px; }
@media only screen and (min-width: 768px) {
.account-dashboard--page .dashboard-account-info-blocks .white-background-container {
margin-bottom: 0; } }
.account-dashboard--page .recently-registered-container, .account-dashboard--page .recently-ordered-container {
margin-bottom: 40px; }
.account-dashboard--page .recently-registered-container .account-heading, .account-dashboard--page .recently-ordered-container .account-heading {
margin-bottom: 20px; }
.account-dashboard--page .productCard {
background-color: #fff;
border-radius: 8px;
display: flex;
flex-direction: column; }
.account-dashboard--page .productCard .select-button-container {
margin-top: auto; }
.account-dashboard--page .productCard .button--secondary-black {
width: 100%; }
.account-dashboard--page .productCard:hover .button {
background-color: #1a1a1a;
color: #fff; }
.account-dashboard--page .swiper-scrollbar {
position: static;
margin-top: 20px;
width: 100%; }
.account-dashboard--page .swiper-scrollbar .swiper-scrollbar-drag {
background-color: #1a1a1a; }
.account-dashboard--page #recommendations .productCard {
overflow: hidden;
margin-bottom: 0; }
.account-dashboard--page #recommendations .productCard .card-figure {
background-color: #FFFFFF; }
.account-dashboard--page #recommendations .productCard .select-button-container {
padding: 12px; }
.account-dashboard--page #recommendations .productCard .select-button-container .price-container {
margin-bottom: 8px; }
.product-warranty-replacement-page .page-heading {
padding-top: 30px;
margin-top: 0; }
@media only screen and (min-width: 768px) {
.product-warranty-replacement-page .page-heading {
padding-top: 40px; } }
@media only screen and (max-width: 990px) {
.product-warranty-replacement-page .page-heading {
margin-bottom: 11px; } }
.product-warranty-replacement-page .wrapper {
max-width: 584px; }
.product-warranty-replacement-page .wrapper h4.reason {
margin-bottom: 4px; }
.product-warranty-replacement-page .wrapper p.reason {
font-size: 16px;
margin-bottom: 20px; }
.product-warranty-replacement-page .wrapper .load-more-container {
margin-bottom: 12px; }
.product-warranty-replacement-page .compatibility {
flex: 1 1 100%;
margin-bottom: 5px;
color: #707070;
font-size: 12px;
margin-right: 0; }
.product-warranty-replacement-page .banner-message {
text-align: center;
font-size: 16px;
padding: 20px 16px;
border-radius: 4px;
margin-bottom: 16px; }
.product-warranty-replacement-page .banner-message.error {
background-color: #ffcccc; }
.product-warranty-replacement-page .banner-message.info {
background-color: #d1ecf1; }
.product-warranty-replacement-page .banner-message.success {
background-color: #d4edda; }
.product-warranty-replacement-page .banner-message.warning {
background-color: #fff3cd; }
.product-warranty-replacement-page .progression-header-container,
.product-warranty-replacement-page .step-container,
.product-warranty-replacement-page .number-step {
align-items: center;
display: flex;
justify-content: center; }
.product-warranty-replacement-page .progression-header-container {
margin: auto;
margin-bottom: 44px;
padding-bottom: 0;
max-width: 206px; }
.product-warranty-replacement-page .progression-header-container button {
background-color: transparent;
border: none;
padding: 0;
pointer-events: none; }
.product-warranty-replacement-page .progression-header-container button.completed {
pointer-events: all; }
.product-warranty-replacement-page .step-container {
flex-direction: column;
position: relative; }
.product-warranty-replacement-page .step-container .icon {
display: none; }
.product-warranty-replacement-page .step-container.completed .step-number {
display: none; }
.product-warranty-replacement-page .step-container.completed .icon {
display: block;
background-color: #1a1a1a;
color: #fff; }
.product-warranty-replacement-page .step-container.completed .icon svg {
width: 11px;
height: 11px; }
.product-warranty-replacement-page .step-container.completed .step-text {
color: #1a1a1a; }
.product-warranty-replacement-page .step-container.is-active .step-number {
background-color: #1a1a1a;
color: #fff; }
.product-warranty-replacement-page .step-container.is-active .step-text {
color: #1a1a1a; }
.product-warranty-replacement-page .step-number,
.product-warranty-replacement-page .icon {
background-color: #EAEAEA;
border: none;
border-radius: 50%;
color: #1a1a1a;
font-weight: 500;
line-height: 29px;
text-align: center;
height: 29px;
width: 29px; }
.product-warranty-replacement-page .step-text {
color: #ccc;
position: absolute;
text-align: center;
top: 110%;
min-width: 75px;
font-size: 14px; }
.product-warranty-replacement-page .divider {
align-self: center;
background-color: #eee;
border: 1px solid #eee;
flex-grow: 1;
height: 2px; }
.product-warranty-replacement-page .divider.active {
background-color: #1a1a1a;
border: 1px solid #1a1a1a; }
.product-warranty-replacement-page .gap {
align-items: center;
display: flex; }
.product-warranty-replacement-page .gap-5px {
gap: 5px; }
.product-warranty-replacement-page .gap-10px {
gap: 10px; }
.product-warranty-replacement-page .section-heading h4 {
margin-bottom: 4px; }
.product-warranty-replacement-page .section-heading h5 {
margin-bottom: 10px; }
.product-warranty-replacement-page .section-heading > p,
.product-warranty-replacement-page .section-heading > div > p {
margin-bottom: 20px;
font-size: 16px; }
@media only screen and (max-width: 990px) {
.product-warranty-replacement-page .section-heading .h4 {
min-width: 55%; } }
.product-warranty-replacement-page .original {
margin-bottom: 20px; }
@media only screen and (min-width: 480px) {
.product-warranty-replacement-page .mobile-break {
display: none; } }
.product-warranty-replacement-page .line-through {
text-decoration: line-through; }
.product-warranty-replacement-page .border-1px-solid-charcoal {
border: 1px solid #333; }
.product-warranty-replacement-page .registered-products-container > h4 {
margin-bottom: 4px; }
.product-warranty-replacement-page .registered-products-container > p {
font-size: 16px;
margin-bottom: 20px; }
.product-warranty-replacement-page .registered-products-container .product-card-container {
padding: 0; }
.product-warranty-replacement-page .registered-products-container .product-list {
padding-top: 10px; }
.product-warranty-replacement-page .registered-products-container .warranty-product-card label {
-webkit-tap-highlight-color: transparent;
display: flex; }
.product-warranty-replacement-page .registered-products-container .warranty-product-card .product-image img {
display: flex;
align-self: center;
object-fit: contain; }
.product-card-eol,
.product-card-oos {
display: flex; }
.product-card-eol img,
.product-card-oos img {
max-height: 66px;
max-width: 66px;
object-fit: contain; }
.product-card-eol .product-info,
.product-card-oos .product-info {
padding-left: 22px;
display: flex;
flex-wrap: wrap; }
.product-card-eol .product-info p,
.product-card-oos .product-info p {
width: 100%; }
.product-card-eol .product-info .name,
.product-card-oos .product-info .name {
margin-bottom: 0; }
.product-card-eol .product-info .compatibility,
.product-card-oos .product-info .compatibility {
color: #707070;
font-size: 12px;
margin-bottom: 10px; }
.product-card-eol .product-info .oos,
.product-card-oos .product-info .oos {
font-weight: 600; }
.eol-wrapper .h6 {
margin-bottom: 0; }
@media only screen and (min-width: 768px) {
.eol-wrapper {
align-items: end;
display: flex;
height: 100%;
justify-content: center; }
.eol-wrapper .h6 {
margin-bottom: 10px; } }
.end-of-life,
.back-in-stock {
background-color: #fff;
border-radius: 8px;
margin-bottom: 40px;
padding: 16px;
border: 1px solid #e0e0e0; }
.end-of-life hr {
height: 1px;
background-color: #e0e0e0;
border: none;
margin-bottom: 10px; }
@media only screen and (min-width: 991px) {
.end-of-life hr {
margin-bottom: 20px; } }
@media only screen and (min-width: 991px) {
.end-of-life {
padding: 20px 20px 83px 16px; } }
.back-in-stock .back-in-stock-wrapper {
border-top: 1px solid #e0e0e0;
margin-top: 11px;
padding-top: 11px; }
.back-in-stock .field-wrapper {
display: flex;
margin-bottom: 20px; }
.back-in-stock .field-wrapper input {
margin-right: 10px;
border-color: #1a1a1a; }
.back-in-stock .disclaimer {
font-size: 12px;
font-weight: 400; }
.back-in-stock hr {
margin: 13px 0; }
.back-in-stock p:last-of-type {
margin-bottom: 0; }
@media only screen and (max-width: 990px) {
.back-in-stock .h6:not(.label) {
margin-bottom: 0; } }
.warranty-product-card {
background: #fff;
border-radius: 8px;
display: flex;
margin-bottom: 12px;
min-height: 98px;
border: 1px solid #e0e0e0;
overflow: hidden; }
.warranty-product-card.reason .product-image {
display: flex;
flex: 0 0 120px;
margin: 9px 6px 9px 25px; }
.warranty-product-card.reason .product-info {
display: flex;
align-content: center;
flex-wrap: wrap; }
.warranty-product-card.reason .product-info p {
width: 100%;
margin-bottom: 0; }
.warranty-product-card .warranty-select {
max-width: 40px;
padding-left: 0;
margin-left: 16px;
display: flex;
justify-content: center;
align-items: center;
background-color: #f7f7f7;
flex: 0 0 40px;
min-height: 100%; }
.warranty-product-card .warranty-select input {
width: 20px;
height: 20px;
accent-color: #1a1a1a; }
.warranty-product-card .product-image {
flex: 0 0 66px;
display: flex;
justify-content: center;
margin: 0 6px 0; }
.warranty-product-card .product-info {
display: flex;
flex: 1 1;
flex-wrap: wrap;
margin-right: 40px; }
.warranty-product-card .product-info .product-card-info {
display: flex;
flex-wrap: wrap;
margin: 0 10px 9px 0; }
.warranty-product-card .product-info .product-card-info .product-date {
color: #6B6B6B; }
.warranty-product-card .product-info .product-card-info .product-date,
.warranty-product-card .product-info .product-card-info .product-name {
flex: 0 0 100%; }
.warranty-product-card .left-side {
margin-right: 22px;
text-align: center;
margin-top: 10px; }
.warranty-product-card .left-side.selection {
margin-right: 0;
text-align: center;
margin-top: 0;
display: flex;
flex: 0 0 118px;
align-items: center; }
.warranty-product-card .left-side.input {
margin-right: 10px;
margin-left: 10px; }
.warranty-product-card .left-side img {
max-height: 66px;
max-width: 66px;
margin: 0 6px;
object-fit: contain; }
.warranty-product-card .left-side input[type="checkbox"],
.warranty-product-card .left-side input[type="radio"] {
height: 20px;
width: 20px;
position: relative !important;
accent-color: #1a1a1a; }
.warranty-product-card .left-side .input-wrapper {
max-width: 40px;
padding-left: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #f7f7f7;
flex: 0 0 40px;
min-height: 100%; }
.warranty-product-card .left-side .input-wrapper .form-label::before {
margin-right: 11px; }
.warranty-product-card .details {
color: #757575; }
.warranty-product-card .quick-view-button {
align-items: center;
display: flex;
justify-content: center;
position: absolute;
right: 12px;
top: 12px; }
.warranty-product-card .quick-view-button svg {
height: 20px;
width: 20px;
background: transparent; }
.warranty-product-card .product-options .button {
letter-spacing: 0; }
.warranty-product-card .product-info {
margin-top: 12px; }
.warranty-product-card .product-info .name {
flex: 1 1 100%;
margin-right: 0;
margin-bottom: 0;
line-height: 18px; }
@media only screen and (min-width: 768px) {
.warranty-product-card .product-info .name {
max-width: unset; } }
.warranty-product-card .product-info .line-through {
color: #6B6B6B; }
.warranty-product-card .product-options button {
font-weight: bold; }
.warranty-product-card .product-options button svg {
height: 10px;
margin-right: 5px;
width: 10px; }
.warranty-product-card .product-options button span {
text-decoration: underline; }
.warranty-product-card .selected-options {
margin-bottom: 2px; }
.warranty-product-card .selected-options .name {
margin-right: 0; }
.warranty-product-card .price {
flex: 1 1 100%;
align-items: center;
display: flex;
margin-top: 0;
position: relative; }
.warranty-product-card .price p {
margin-bottom: 5px; }
.warranty-product-card .price .current {
margin-right: 10px; }
.warranty-product-card .bold {
font-weight: 600; }
.most-popular-badge {
background-color: #e0e0e0;
border-radius: 4px;
color: #1a1a1a;
font-weight: 700;
font-size: 9px;
height: 18px;
padding: 3px 5px;
text-align: center;
text-transform: uppercase;
position: static;
margin-right: auto;
letter-spacing: 1.1px; }
.most-popular-badge.new {
background-color: #1a1a1a;
color: #fff; }
.most-popular-badge.sale {
background-color: #D81C31;
color: #fff; }
.most-popular-badge.coming-soon {
background-color: #FA9928;
color: #fff; }
.most-popular-badge.apple-exclusive {
background-color: #194C8A;
color: #fff; }
.most-popular-badge.for-magsafe {
background-color: #0DB4AA;
color: #fff; }
.warranty-product-card-wrapper {
position: relative; }
.warranty-product-card-wrapper .most-popular-badge {
margin: 0 -28px 5px auto; }
.progression-footer {
align-items: center;
background: #fff;
bottom: 0;
height: 80px;
margin-bottom: -60px;
position: sticky;
z-index: 2;
border-top: 1px solid #E0E0E0; }
@media only screen and (min-width: 768px) {
.progression-footer button {
min-width: 112px; } }
.progression-footer,
.progression-footer .action-wrapper {
display: flex; }
.progression-footer .action-wrapper {
justify-content: space-between; }
.progression-footer button:first-of-type {
margin-right: 16px; }
@media only screen and (min-width: 768px) {
.progression-footer button:first-of-type {
margin-right: 20px; } }
.progression-footer button {
min-width: 112px; }
@media only screen and (min-width: 768px) {
.progression-footer button {
min-width: 112px; } }
.progression-footer button.button--secondary-black {
background-color: transparent;
border: none;
padding: 0;
min-width: auto; }
.progression-footer button.button--secondary-black:active, .progression-footer button.button--secondary-black:hover {
background-color: transparent;
color: #333; }
@media only screen and (max-width: 767px) {
.progression-footer.skip {
height: 136px; }
.progression-footer.skip .action-wrapper {
flex-direction: column-reverse;
flex-wrap: wrap; }
.progression-footer.skip button {
max-width: 320px;
margin-left: auto;
margin-right: auto;
width: 100%; }
.progression-footer.skip button:last-of-type {
margin-bottom: 10px; } }
.react-modal-close {
position: absolute;
top: 10px;
right: 10px;
padding: 10px; }
@media only screen and (min-width: 991px) {
.react-modal-close {
top: 21px;
right: 52px; } }
.replacement-card {
background: #fff;
border-radius: 4px;
margin-bottom: 30px;
padding: 10px;
width: 100%; }
.replacement-card img {
max-height: 120px;
max-width: 100%;
object-fit: contain; }
.replacement-card p.h6 {
margin-bottom: 4px; }
.replacement-card .form-input {
margin-bottom: 20px;
max-width: 344px; }
.replacement-card .form-select {
background-size: 13px; }
.replacement-card .replacement-reason-question {
display: inline-block;
margin-bottom: 10px;
max-width: 360px; }
@media only screen and (min-width: 991px) {
.replacement-card .replacement-reason-question {
margin-bottom: 20px; } }
.replacement-card .replacement-reason-question select,
.replacement-card .replacement-reason-question span {
display: block; }
.replacement-card .bold {
font-weight: 600; }
.replacement-card button {
margin-bottom: 20px;
min-width: 167px; }
.replacement-card .replacement-info p {
color: #707070;
font-size: 12px;
margin-bottom: 2px; }
.replacement-card .issue-description label {
display: inline-block;
margin-bottom: 7px; }
.replacement-card hr {
height: 1px;
background-color: #e0e0e0;
border: none;
margin-bottom: 10px;
margin: 20px 0; }
@media only screen and (min-width: 991px) {
.replacement-card hr {
margin-bottom: 20px; } }
#reason-for-replacement {
margin-bottom: 15px;
border-radius: 8px; }
.reason-selection {
margin-bottom: 114px; }
.in-store {
margin-bottom: 0; }
.in-store img {
max-height: 100%; }
.in-store .fee-disclaimer {
color: #707070;
font-size: 12px;
max-width: 280px; }
.in-store a {
margin-bottom: 20px; }
.screen-repair {
margin-bottom: 15px; }
.screen-repair .form-label {
font-size: 14px;
font-weight: 400;
padding: 3px 7px;
border: 1px solid #707070;
border-radius: 5px; }
.screen-repair .form-label::before {
height: 12px;
min-height: 12px;
min-width: 12px;
width: 12px;
background-size: 6px;
margin-right: 10px; }
@media only screen and (max-width: 990px) {
.screen-repair .form-label {
align-items: center;
display: flex; }
.screen-repair .form-label span {
max-width: 141px;
display: inline-block;
line-height: 18px; } }
.screen-repair .form-checkbox:checked + .form-label::before {
background-size: 8px; }
.screen-repair .icon {
height: 20px;
width: 20px; }
@media only screen and (max-width: 1199px) {
.screen-repair-guarantee-popup-heading {
margin-bottom: 11px;
max-width: 223px; } }
.quick-view .product-option-group,
.quick-view .swatch-group {
margin-bottom: 19px; }
.quick-view .swatch-group {
align-items: center;
display: flex;
padding-left: 3px; }
.quick-view .color-label {
margin-bottom: 10px; }
.quick-view .swatch {
height: 32px;
position: relative;
width: 32px;
margin-right: 14px; }
.quick-view .swatch input {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0; }
.quick-view .swatch input + label {
border-radius: 50%;
height: 32px;
display: block;
position: absolute;
outline: 2px solid #e0e0e0;
width: 32px; }
.quick-view .swatch input:checked + label {
border: 2px solid #e0e0e0;
outline: 1px solid #1a1a1a; }
.quick-view .swatch input.unavailable,
.quick-view .swatch input.unavailable + label {
pointer-events: none; }
.quick-view .swatch input.unavailable + label {
background-color: #ddd;
opacity: 0.3; }
.quick-view .swatch input.unavailable + label::before {
background-color: #000;
content: "";
height: 2px;
left: -5px;
position: absolute;
top: 15px;
transform: rotate(-45deg);
width: 140%; }
.quick-view .screen-repair {
display: flex; }
.quick-view .screen-repair .form-label {
border: none;
font-size: 14px;
margin-right: 10px; }
.quick-view .screen-repair .form-label::before {
height: 16px;
width: 16px; }
.quick-view hr {
height: 1px;
background-color: #e0e0e0;
border: none;
margin-bottom: 10px; }
@media only screen and (min-width: 991px) {
.quick-view hr {
margin-bottom: 20px; } }
.quick-view ::-webkit-scrollbar {
width: 4px; }
@media only screen and (min-width: 991px) {
.quick-view ::-webkit-scrollbar {
width: 7px; } }
.quick-view ::-webkit-scrollbar-track {
background: #fff; }
.quick-view ::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #e0e0e0; }
.quick-view .scrollable {
overflow-y: scroll;
max-height: 482px;
padding-bottom: 120px; }
@media only screen and (min-width: 768px) {
.quick-view .scrollable {
max-height: 266px;
padding-right: 15px;
padding-bottom: 0;
margin-right: unset; } }
.quick-view .product-info .bold {
font-weight: bold; }
@media only screen and (max-width: 1199px) {
.quick-view .content {
padding: 42px 16px 16px 25px; } }
.quick-view .inner-content {
padding-right: 10px; }
.quick-view .product-info,
.quick-view .cta {
max-width: 384px; }
.quick-view .cta {
display: flex;
flex-direction: column;
padding-top: 10px;
width: 100%; }
@media only screen and (min-width: 991px) {
.quick-view .cta {
align-items: flex-end; } }
.quick-view .cta .pricing {
align-items: center;
display: flex;
gap: 20px; }
.quick-view .cta .pricing p {
margin-bottom: 10px; }
.quick-view .cta .pricing .line-through {
text-decoration: line-through; }
@media only screen and (min-width: 991px) {
.quick-view .cta .button {
min-width: 266px; } }
.quick-view .cta.sticky {
background-color: #fff;
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
border-radius: 10px;
bottom: 0;
left: 0;
padding: 15px 20px 20px;
position: sticky; }
.quick-view .border-top {
border-top: 1px solid #e0e0e0;
padding-top: 20px; }
.back-link-wrapper {
padding: 10px 0 20px 0; }
@media only screen and (min-width: 991px) {
.back-link-wrapper {
padding: 20px 0 0 0; } }
.back-link-wrapper a {
font-size: 14px;
font-weight: 600; }
.back-link-wrapper .icon {
height: 10px;
margin-right: 10px;
width: 6px; }
.full-screen-loader {
background-color: rgba(255, 255, 255, 0.8);
top: 0;
left: 0;
right: 0;
bottom: 0;
user-select: none;
z-index: 1004; }
.full-screen-loader,
.full-screen-loader .loader {
position: absolute; }
.full-screen-loader .loader {
left: 50%;
top: 400px;
transform: translateX(-50%); }
@media only screen and (max-width: 275px) {
.warranty-product-card.reason .grid {
display: flex;
flex-direction: column;
align-items: center;
text-align: center; }
.warranty-product-card.reason .product-info {
align-items: center;
text-align: center;
margin-right: 0; } }
@media only screen and (min-width: 275px) and (max-width: 769px) {
.warranty-product-card .product-info {
word-break: break-word;
margin-right: 30px; } }
#MainContent.select-registration--page {
background-color: #f5f5f5; }
main.page.registrationSelect {
padding-top: 20px; }
main.page.registrationSelect a.registrationSelect-link {
align-items: center;
display: flex;
justify-content: flex-start;
line-height: 20px;
/* 142.857% */
text-align: left; }
main.page.registrationSelect a.registrationSelect-link svg {
margin-right: 10px; }
main.page.registrationSelect a.registrationSelect-link span {
color: #1a1a1a;
font-size: 14px;
font-weight: 600;
text-decoration-line: underline; }
main.page.registrationSelect .page-heading {
margin-top: 32px;
margin-bottom: 50px; }
@media (min-width: 1261px) {
main.page.registrationSelect .page-heading {
margin-bottom: 100px; } }
main.page.registrationSelect ul.registrationSelect-list {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0 52.44px; }
main.page.registrationSelect ul.registrationSelect-list li.registrationSelect-item {
background-color: #fff;
border-radius: 4px;
display: flex;
flex-direction: column;
justify-content: space-between;
list-style: none;
margin: 0;
opacity: 1;
padding: 50px 30px;
width: 100%;
z-index: 1;
/* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */ }
main.page.registrationSelect ul.registrationSelect-list li.registrationSelect-item + li.registrationSelect-item {
margin-top: 40px; }
@media (min-width: 991px) {
main.page.registrationSelect ul.registrationSelect-list li.registrationSelect-item {
flex: 1;
width: auto;
/* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */ }
main.page.registrationSelect ul.registrationSelect-list li.registrationSelect-item + li.registrationSelect-item {
margin-left: 40px;
margin-top: 0; } }
main.page.registrationSelect ul.registrationSelect-list li.registrationSelect-item h2 {
background-color: whitee;
color: #1a1a1a;
font-size: 1.25rem;
font-weight: 600; }
main.page.registrationSelect ul.registrationSelect-list li.registrationSelect-item p {
color: #1a1a1a;
font-size: 14px;
font-weight: 400;
margin-bottom: 20px; }
main.page.registrationSelect ul.registrationSelect-list li.registrationSelect-item a {
background-color: #1a1a1a;
border-radius: 22px;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 900;
letter-spacing: 1px;
max-width: 164px;
padding: 12px 0;
text-align: center;
text-decoration: none;
text-transform: uppercase; }
.ReactModalPortal form#qv-form .grid__item img {
object-fit: contain;
max-height: 269px; }
ul.breadcrumbs {
display: none; }
@media (min-width: 991px) {
ul.breadcrumbs {
display: flex; } }
.category-page .page {
margin-top: 0; }
div.page {
margin-top: 32px; }
@media (min-width: 991px) {
div.page {
margin-top: initial; } }
div[data-content-region='header_bottom'] {
transition: all 0.2s ease-in-out; }
div#MainContent.cart-page tbody tr .cart-item-details dl.definitionList dt.definitionList-key {
text-align: left; }
div#MainContent.cart-page tbody tr .cart-item-details dl.definitionList dd.definitionList-key {
text-align: right; }
.productCarousel-slide .productCard {
background-color: #fff;
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.productCarousel-slide .productCard .select-button-container {
margin-top: auto; }
.cart-page #featured-products-section .productCard {
overflow: hidden;
margin-bottom: 0; }
.cart-page #featured-products-section .productCard .card-figure {
background-color: #FFFFFF; }
.cart-page #featured-products-section .productCard .select-button-container {
padding: 0 12px 12px; }
.cart-page #featured-products-section .productCard .select-button-container .price-container {
margin-bottom: 8px; }
.cart-updating {
position: relative;
pointer-events: none;
opacity: 0.7; }
.cart-updating .loadingOverlay {
display: block !important;
background: rgba(255, 255, 255, 0.9);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center; }
.cart-updating .loadingOverlay p {
background: white;
padding: 15px 30px;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
font-weight: 500; }
.side-cart-updating {
position: relative; }
.side-cart-updating::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.9);
z-index: 10; }
.side-cart-updating .side-cart-button a {
pointer-events: none;
opacity: 0.5; }
.side-cart-updating .loadingOverlay {
display: flex !important;
position: absolute;
z-index: 11; }
header.header {
position: fixed;
width: 100vw;
z-index: 999; }
header.header div.header-main {
height: 100%; }
header.header div.header-main div.navPages-container#menu {
display: none;
position: absolute;
top: 0;
height: 100vh;
padding-top: 66px;
z-index: -1; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu {
display: block;
position: relative;
z-index: initial;
height: auto;
width: 100%;
padding-top: initial; } }
@media only screen and (max-width: 990px) {
header.header div.header-main div.navPages-container#menu div.wrapper {
padding: 0; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid {
display: flex;
flex-wrap: wrap;
margin: 0; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item {
width: 100%;
padding: 0; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item {
display: flex;
align-items: center; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item .header-logo {
margin-right: 19px; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item .header-logo.desktop {
display: none; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item .header-logo.desktop {
display: flex;
align-items: center; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav {
padding-top: 82px; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav {
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
flex-grow: 1;
height: 100%;
align-items: center; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav div.navPages-quickSearch {
border-radius: 0 0 16px 16px;
border: 1px solid #eeeeee;
background: transparent;
box-shadow: 0px 3px 12px 2px rgba(0, 0, 0, 0.05);
overflow: hidden;
position: absolute;
top: 66px;
left: 0;
right: 0;
height: auto;
z-index: 9999; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav div.navPages-quickSearch {
top: initial;
position: relative;
width: auto;
order: 10;
border-radius: 0;
margin-left: 16px;
border: initial;
box-shadow: initial;
z-index: 1; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav div.navPages-quickSearch form[data-quick-search-form] {
position: relative; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav div.navPages-quickSearch form[data-quick-search-form] {
border-bottom: 1px solid #e0e0e0;
height: 28px;
max-width: 100px;
margin: 0 0 0 auto; } }
@media (min-width: 1261px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav div.navPages-quickSearch form[data-quick-search-form] {
max-width: 184px;
min-width: 177px; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav div.navPages-quickSearch form[data-quick-search-form] fieldset div.form-field {
height: 100%; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav div.navPages-quickSearch form[data-quick-search-form] fieldset div.form-field label + input#quick_search_form {
border: initial;
color: #707070;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav div.navPages-quickSearch form[data-quick-search-form] fieldset div.form-field label + input#quick_search_form {
padding: 0;
height: 100%; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav div.navPages-quickSearch form[data-quick-search-form] fieldset + button.button {
border: initial; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav div.navPages-quickSearch form[data-quick-search-form] button.button {
height: initial;
position: absolute;
top: 50%;
right: 16px;
transform: translate(0, -50%);
padding: 0; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav div.navPages-quickSearch form[data-quick-search-form] button.button {
right: 0; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav div.navPages-quickSearch form[data-quick-search-form] button.button:hover, header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav div.navPages-quickSearch form[data-quick-search-form] button.button:focus {
background-color: initial; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list {
display: flex;
flex-wrap: wrap;
max-height: 78vh;
overflow-y: auto;
overflow-x: hidden; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list {
flex-wrap: initial;
flex-direction: row;
padding: 0;
height: 100%;
padding: 0;
max-height: initial;
overflow: initial;
flex-grow: 1;
justify-content: flex-start;
transition: all 0.3s ease-in-out; } }
@media (min-width: 1061px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list {
justify-content: flex-start; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list.two-level li.heading {
display: none; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item {
width: 100%;
margin: 0;
padding: 0;
position: static;
border-bottom: 1px solid #eeeeee;
background-color: transparent; }
@media (max-width: 990px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item {
transition: all 0.3s ease-in-out; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item:hover, header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item:focus {
z-index: 1;
background-color: #e0e0e0; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item {
padding: 0;
width: auto;
display: flex;
align-items: center;
border: initial;
padding: 0 6px;
z-index: 1;
transition: all 0.3s ease-in-out; } }
@media (min-width: 1261px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item {
padding: 0 12px; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.subscribe {
background-color: whitesmoke;
display: none; }
@media (max-width: 990px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.subscribe {
display: flex; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.support {
background-color: #EDEDED;
margin: 24px 24px 6px;
border-radius: 10px; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.support a.navPages-action {
display: flex;
justify-content: space-between;
padding: 12px 10px 12px 12px;
align-items: center; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.support a.navPages-action i.icon {
z-index: initial;
position: static;
transform: initial; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.support {
display: none; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.navPages-item-page.mophie, header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.navPages-item-page.business {
background-color: transparent;
border: 1px solid #EDEDED;
margin: 6px 24px;
border-radius: 10px; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.navPages-item-page.mophie a.navPages-action, header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.navPages-item-page.business a.navPages-action {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 12px; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.navPages-item-page.mophie a.navPages-action .content, header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.navPages-item-page.business a.navPages-action .content {
display: flex;
align-items: center; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.navPages-item-page.mophie a.navPages-action .content span, header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.navPages-item-page.business a.navPages-action .content span {
font-size: 12px;
margin-left: 6px; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.navPages-item-page.mophie a.navPages-action svg, header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.navPages-item-page.business a.navPages-action svg {
fill: transparent;
color: #1a1a1a; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.navPages-item-page.mophie, header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.navPages-item-page.business {
display: none; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action {
color: #1a1a1a;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
background-color: transparent;
padding: 15px 24px; }
@media only screen and (max-width: 990px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action {
font-size: 16px;
font-weight: 400; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action.fix {
color: #707070; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action.fix:hover {
color: #333; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action {
font-size: 12px;
padding: 0;
text-align: center; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action i.icon {
position: absolute;
top: 50%;
right: 34px;
transform: translate(0, -50%);
display: flex;
align-items: center;
z-index: -1; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action i.icon {
height: 10px;
width: 10px;
right: 0; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action i.icon svg {
transform: rotate(270deg);
height: 32px;
width: 32px;
fill: none;
color: #1a1a1a; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action i.icon.navPages-action-externalIcon {
transform: unset;
z-index: 0; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action.has-subMenu i.icon {
transition: all 0.2s ease-in-out;
transform: translate(0, -50%) rotate(90deg); } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action.has-subMenu i.icon {
transition: initial; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action + div.navPage-subMenu {
z-index: 999;
background-color: white;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
padding: 0;
min-width: initial;
overflow: auto;
padding-top: 66px;
padding-bottom: 200px;
overflow: auto; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action + div.navPage-subMenu {
max-height: initial;
overflow: initial;
padding-bottom: 0; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action + div.navPage-subMenu div.navpage-subMenu__heading {
width: 100%;
border: 1px solid #eeeeee;
background-color: whitesmoke;
padding: 11px 20px;
padding-top: 82px; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action + div.navPage-subMenu div.navpage-subMenu__heading {
display: none; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action + div.navPage-subMenu div.navpage-subMenu__heading button {
border: initial;
background-color: transparent;
color: #1a1a1a;
font-size: remCalc(12px);
font-style: normal;
font-weight: 500;
line-height: 18px;
display: flex;
align-items: center;
margin: 0 0 10px 0;
padding: 0; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action + div.navPage-subMenu div.navpage-subMenu__heading button i.icon {
height: auto;
width: auto;
margin-right: 10px;
pointer-events: none; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action + div.navPage-subMenu div.navpage-subMenu__heading button i.icon svg {
height: 10px;
width: 10px; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action + div.navPage-subMenu div.navpage-subMenu__heading p {
color: #1a1a1a;
font-size: 16px;
font-weight: 600;
line-height: 22px;
margin: 0; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action + div.navPage-subMenu.custom div.menuWidgets {
overflow-x: hidden;
max-width: 1216px;
margin: 0 auto;
padding: 0 8px; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action + div.navPage-subMenu.custom div.menuWidgets {
flex: 1; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action + div.navPage-subMenu.custom div.menuWidgets div.menuWidget div.menuWidget-column {
overflow-x: initial;
padding: 0 8px; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action + div.navPage-subMenu#slide-out {
animation: slide-out-left 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; }
@keyframes slide-out-left {
0% {
transform: translate(0, 0);
opacity: 1; }
100% {
transform: translate(-1000px, 0);
opacity: 0; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item a.navPages-action.is-open + div.navPage-subMenu {
display: block;
animation: slide-in-left 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
@keyframes slide-in-left {
0% {
transform: translate(-1000px, 0%);
opacity: 0; }
100% {
transform: translate(-50%, 0%);
opacity: 1; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.navPages-item-page {
background-color: whitesmoke; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.navPages-item-page {
background-color: initial; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.navPages-item-page.mophie {
display: none; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.navPages-item-page.mophie a.navPages-action i.icon svg {
transform: rotate(0); }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.top-level > a.navPages-action {
font-size: 14px; } }
@media (min-width: 1261px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.top-level > a.navPages-action {
font-size: 14px; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.top-level.is-open {
z-index: 999; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.top-level.is-open > a.navPages-action div.overlap {
display: none; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.top-level.is-open > a.navPages-action div.overlap {
display: block;
height: 35px;
width: 50px;
position: absolute;
bottom: 0;
left: 100%;
z-index: 999; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.top-level.is-open > a.navPages-action div.overlap.left {
left: initial;
right: 100%; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.top-level.is-open > a.navPages-action i.icon {
transform: translate(0, -50%) rotate(270deg); } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open {
height: 100%; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent {
height: 100%;
display: flex;
align-items: center; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent::before {
content: '';
height: 2px;
width: 115%;
background-color: #1a1a1a;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
z-index: 999; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu {
background-color: white;
box-shadow: 0 8px 10px 0px rgba(0, 0, 0, 0.15);
padding-top: 28px;
border: initial;
padding-bottom: 36px; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu a.navPages-action {
font-size: 14px; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu a.navPages-action + div.navPage-subMenu ul.navPages-list li.navPages-item a.navPages-action {
padding: 4px 0;
color: #707070; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu a.navPages-action + div.navPage-subMenu ul.navPages-list li.navPages-item a.navPages-action:hover {
color: #333333; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu a.navPages-action + div.navPage-subMenu ul.navPages-list li.navPages-item a.navPages-action {
padding: 4px 0; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.two-level {
overflow: auto;
max-height: 70vh; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.two-level div.container {
padding: 0;
max-width: initial;
margin: 0; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.two-level div.container {
display: flex;
max-width: 1015px;
padding: 0 16px;
margin: 0 auto; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.two-level div.container ul.navPages-list.two-level {
width: 20%;
display: flex;
flex-direction: column;
flex-grow: initial;
margin: 0; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.two-level div.container ul.navPages-list.two-level li.navPages-item.subcategory-item {
padding: 4px 0; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.two-level div.container ul.navPages-list.two-level li.navPages-item.subcategory-item p.navPages-heading {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
color: #1a1a1a;
font-weight: 600;
display: none; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.two-level div.container ul.navPages-list.two-level li.navPages-item.subcategory-item p.navPages-heading {
display: block; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.two-level div.container ul.navPages-list.two-level li.navPages-item.subcategory-item a.navPages-action {
color: #707070; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.two-level div.container ul.navPages-list.two-level li.navPages-item.subcategory-item a.navPages-action:hover {
color: #333333; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.two-level div.container div.menuWidgets {
margin: 0;
padding: 0; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.two-level div.container div.menuWidgets.flex--2 {
flex: 2; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.two-level div.container div.menuWidgets div.two-level-region {
flex: 1;
padding: 0; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.two-level div.container div.menuWidgets div.two-level-region div[data-content-region] {
height: 100%; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.three-level {
overflow: auto;
max-height: 70vh; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.three-level ul.navPages-list.subcategory-list div.menuWidgets.flex--1 {
flex: 1; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.three-level ul.navPages-list.subcategory-list div.menuWidgets.flex--2 {
flex: 2; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.three-level ul.navPages-list.subcategory-list div.menuWidgets.flex--3 {
flex: 3; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.three-level ul.navPages-list.subcategory-list div.menuWidgets.flex--4 {
flex: 4; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.three-level ul.navPages-list.subcategory-list div.menuWidgets.flex--5 {
flex: 5; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level {
overflow: auto;
max-height: 70vh; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container {
padding: 0;
max-width: initial;
margin: 0;
transition: all 0.2s ease-in-out; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-start;
max-width: 1216px;
padding: 0 8px;
margin: 0 auto;
position: relative;
overflow: auto;
overflow: initial; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list {
max-height: initial; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list {
display: flex;
flex-direction: column;
width: 17%;
margin: 0; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item {
width: 100%;
flex: initial; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item a.navPages-action.submenu-toggle {
padding: 8px 0;
color: #a4a4a4;
font-size: 12px; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item a.navPages-action.submenu-toggle i.icon {
height: auto;
width: auto;
display: block;
top: 50%;
transform: translate(0, -50%) rotate(0deg);
display: flex;
align-items: center;
height: 24px;
width: 24px; } }
@media (min-width: 991px) and (min-width: 1251px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item a.navPages-action.submenu-toggle {
font-size: 14px; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item a.navPages-action + div.navPage-subMenu {
display: none; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action.submenu-toggle {
transition: all 0.3s ease-in-out; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action.submenu-toggle {
color: #1a1a1a; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu {
position: absolute;
top: 0;
left: calc(17% + 16px);
right: 0;
transform: initial;
z-index: 1;
overflow: initial;
border-left: 1px solid #d9d9d9;
padding-left: 8px;
display: flex;
animation: fade-in 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
height: auto;
width: calc(83% - 16px);
transition: all 0.2s ease-in-out; }
@keyframes fade-in {
0% {
opacity: 0; }
100% {
opacity: 1; } } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu ul.navPages-list {
display: flex;
flex-direction: row;
width: auto; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu ul.navPages-list {
border: initial;
align-self: baseline;
height: auto; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu ul.navPages-list.subcategory-list.has-regions.flex--1 {
flex-grow: initial;
width: 80%; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu ul.navPages-list.subcategory-list.has-regions.flex--2 {
flex-grow: initial;
width: 60%; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu ul.navPages-list.subcategory-list.has-regions.flex--3 {
flex-grow: initial;
width: 40%; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu ul.navPages-list.subcategory-list.has-regions.flex--4 {
flex-grow: initial;
width: 20%; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu ul.navPages-list.subcategory-list.has-regions.flex--5 {
flex-grow: initial;
display: none; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu ul.navPages-list li.navPages-item {
display: flex;
flex-direction: column;
justify-content: flex-start; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu ul.navPages-list li.navPages-item {
padding: 0 8px;
align-self: baseline; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu ul.navPages-list li.navPages-item.navPages-item.subcategory-item.has-region {
padding: 8px; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu ul.navPages-list li.navPages-item a.navPages-action.has-subMenu {
color: #1a1a1a; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu ul.navPages-list li.navPages-item a.navPages-action.has-subMenu + div.navPage-subMenu {
position: static;
top: initial;
left: initial;
right: 0;
transform: initial;
height: auto;
width: 100%;
z-index: 1;
border: none;
padding: 0; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu ul.navPages-list li.navPages-item a.navPages-action.has-subMenu + div.navPage-subMenu {
align-self: baseline; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu ul.navPages-list li.navPages-item a.navPages-action.has-subMenu + div.navPage-subMenu ul.navPages-list {
width: 100%;
flex-direction: column; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu ul.navPages-list li.navPages-item a.navPages-action.has-subMenu + div.navPage-subMenu ul.navPages-list {
align-self: baseline; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu.parent + div.navPage-subMenu.four-level div.container ul.navPages-list li.navPages-item.subcategory-item.is-open a.navPages-action + div.navPage-subMenu ul.navPages-list li.navPages-item a.navPages-action.has-subMenu + div.navPage-subMenu ul.navPages-list li.navPages-item {
padding: 0; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open.fade-out a.navPages-action.has-subMenu.parent + div.navPage-subMenu {
animation: fade-out 0.2s ease-out both; }
@keyframes fade-out {
0% {
opacity: 1; }
100% {
opacity: 0; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu {
display: block;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 0);
height: fit-content;
box-shadow: initial;
animation: fade-in 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; }
@keyframes fade-in {
0% {
opacity: 0; }
100% {
opacity: 1; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu div.navpage-subMenu__heading {
display: none; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu ul.navPages-list.subcategory-list {
max-width: 1200px;
margin: 0 auto; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu ul.navPages-list.subcategory-list.flex--1 {
width: 80%; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu ul.navPages-list.subcategory-list.flex--2 {
width: 60%; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu ul.navPages-list.subcategory-list.flex--3 {
width: 40%; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu ul.navPages-list.subcategory-list.flex--4 {
width: 20%; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu ul.navPages-list.subcategory-list.flex--5 {
display: none; } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu ul.navPages-list.subcategory-list li.navPages-item.subcategory-item {
display: flex;
flex-direction: column; } }
@media (min-width: 991px) and (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu ul.navPages-list.subcategory-list li.navPages-item.subcategory-item {
flex: 1; }
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu ul.navPages-list.subcategory-list li.navPages-item.subcategory-item {
flex: initial; } } }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu ul.navPages-list.subcategory-list li.navPages-item.subcategory-item.has-region {
padding: 8px; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu ul.navPages-list.subcategory-list li.navPages-item.subcategory-item.has-region div[data-content-region] {
height: 100%;
width: 100%; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu ul.navPages-list.subcategory-list li.navPages-item.subcategory-item a.navPages-action {
width: 100%;
text-align: left;
padding: 0; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu ul.navPages-list.subcategory-list li.navPages-item.subcategory-item a.navPages-action i.icon {
display: none; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu ul.navPages-list.subcategory-list li.navPages-item.subcategory-item a.navPages-action + div.navPage-subMenu {
position: static;
transform: initial;
padding: 0;
max-height: initial; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu ul.navPages-list.subcategory-list li.navPages-item.subcategory-item a.navPages-action + div.navPage-subMenu ul.navPages-list {
display: flex;
flex-direction: column; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list li.navPages-item.is-open a.navPages-action.has-subMenu+div.navPage-subMenu ul.navPages-list.subcategory-list li.navPages-item.subcategory-item a.navPages-action + div.navPage-subMenu ul.navPages-list li.navPages-item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
overflow: initial;
padding: 0; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list div.menuWidgets {
display: flex;
flex-wrap: wrap;
margin: 16px 0 0 0;
padding: 0 12px; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list div.menuWidgets {
margin: 0;
padding: 0;
flex: 1; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list div.menuWidgets div.menuWidget {
width: 50%; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list div.menuWidgets div.menuWidget {
width: auto;
flex: 1;
align-self: flex-start; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list div.menuWidgets div.menuWidget.full-width {
width: calc(100% + 24px);
margin: 0 -12px; }
@media (min-width: 991px) {
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list div.menuWidgets div.menuWidget.full-width {
margin: initial;
width: auto; } }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item nav.navPages.menuNav ul.navPages-list ul.navPages-list.subcategory-list:last-child {
max-height: initial;
height: fit-content; }
header.header div.header-main div.navPages-container#menu div.wrapper div.grid div.grid__item.auto {
display: none; }
header.header.is-open {
height: 100vh;
position: fixed; }
@media (min-width: 991px) {
header.header.is-open {
height: auto; } }
header.header.is-open div.header-main div.header-top {
background-color: #000000;
border-bottom: 1px solid #fff; }
header.header.is-open div.header-main div.navPages-container#menu {
display: block;
animation: slide-in-left 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
overflow: auto; }
@keyframes slide-in-left {
0% {
transform: translateX(-1000px);
opacity: 0; }
100% {
transform: translateX(0);
opacity: 1; } }
@media (min-width: 991px) {
header.header.is-open div.header-main div.navPages-container#menu {
max-width: initial;
height: auto; } }
img.header-logo-image-unknown-size {
height: 44px;
width: 44px; }
@media (max-width: 600px) {
img.header-logo-image-unknown-size {
height: 40px;
width: 40px; } }
img.header-logo-image {
width: 44px;
height: 44px; }
@media (max-width: 600px) {
img.header-logo-image {
height: 40px;
width: 40px; } }
div.menuWidget div[data-sub-layout] {
padding: 0 !important; }
div.menuWidget-image {
width: 100%;
padding: 8px; }
@media (min-width: 991px) {
div.menuWidget-image {
display: flex;
flex-direction: column;
max-width: 202px;
margin: 0 auto; } }
div.menuWidget-image div.image-container {
position: relative;
margin-bottom: 10.5px;
width: 100%;
border: 1px solid #e0e0e0;
border-radius: 12px;
overflow: hidden; }
@media (min-width: 991px) {
div.menuWidget-image div.image-container {
margin-bottom: 18px;
align-self: flex-start;
margin: 0 auto 10.5px auto; } }
div.menuWidget-image div.image-container a {
display: block;
height: 100%;
width: 100%; }
div.menuWidget-image div.image-container a img {
width: 100%;
object-fit: contain;
transition: all 0.3s ease-in-out; }
@media (min-width: 991px) {
div.menuWidget-image div.image-container a img {
max-width: initial;
margin: 0 auto;
object-position: center;
object-fit: cover; } }
div.menuWidget-image div.content {
width: 100%; }
@media (min-width: 991px) {
div.menuWidget-image div.content {
align-self: flex-start;
margin: 0 auto; } }
div.menuWidget-image div.content p.title {
color: black;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
/* 142.857% */
margin: 0 0 6px 0;
display: none; }
@media (min-width: 991px) {
div.menuWidget-image div.content p.title {
display: block; } }
div.menuWidget-image div.content a.action {
margin: 0;
color: #707070;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
/* 200% */
text-decoration-line: underline; }
div.menuWidget-image div.content a.action:hover {
color: #333333; }
div.menuWidget-column ul.menuWidget-list {
margin: 0; }
div.menuWidget-column ul.menuWidget-list li.menuWidget-item {
margin: 0;
border-bottom: 1px solid #eeeeee; }
@media (min-width: 991px) {
div.menuWidget-column ul.menuWidget-list li.menuWidget-item {
border: initial; } }
div.menuWidget-column ul.menuWidget-list li.menuWidget-item p.menuWidget-title {
color: #1a1a1a;
font-feature-settings: 'clig' off, 'liga' off;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 22px;
padding: 10px 20px;
margin: 0; }
@media (min-width: 991px) {
div.menuWidget-column ul.menuWidget-list li.menuWidget-item p.menuWidget-title {
padding: 4px 0; } }
div.menuWidget-column ul.menuWidget-list li.menuWidget-item a.menuWidget-action {
color: #707070;
font-feature-settings: 'clig' off, 'liga' off;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
padding: 10px 20px;
display: block;
text-decoration: none; }
div.menuWidget-column ul.menuWidget-list li.menuWidget-item a.menuWidget-action:hover {
color: #333333; }
@media (min-width: 991px) {
div.menuWidget-column ul.menuWidget-list li.menuWidget-item a.menuWidget-action {
padding: 4px 8px 4px 0; } }
div.menuWidget-column ul.menuWidget-list li.menuWidget-item.underline a {
text-decoration: underline; }
.blog-copy p, .blog-copy li {
font-size: 18px; }