/************************
BREAKPOINTS - getsimple.io
************************/
/* ============================================
S I M P L E - G R I D
Dead simple grids. Cross browser. Semantic. Intuitive. Follows Simple's philosophy of SOMA.
Browsers: ie8, ie10, ie11, FF, Safari, Chrome
Dependancies :
Variables below defined in your _base.scss or similar.
$container-class: 'foo';
$row-class: 'foo';
$column-class: 'bar';
$gutter: 3%; // spacing between columns
$max-columns: 6; // @for loop class declarations - used for equal column single digit
breakpoint mixin function - included in repo.
Usage :
.columns-{percentage, double digit} for mixed columns
.columns-70, .columns-30 = totaling to 100
.columns-{single digit number} for equal coloumns
.columns-1
.columns-2, .columns-2
.columns-4, .columns-4, .columns-4, .columns-4
@include breakpoint($small) {
@include columns(2);
}
or for inline block grids - example below
.ib {
@include grid(ib);
li {
width: 100%;
font-size: 1rem;
@include breakpoint($small) {
@include columns(2, ib, $gutter: 2%);
}
@include breakpoint($medium) {
@include columns(3, ib, $gutter: 2%);
}
}
}
============================================ */
@import url("//hello.myfonts.net/count/326496");
.clearfix::after {
clear: both;
content: '';
display: block;
}
[class~='container'],
[data-layout='container'] {
position: relative;
overflow: hidden;
margin-right: auto;
margin-left: auto;
}
[class~='container']::after,
[data-layout='container']::after {
clear: both;
content: '';
display: block;
}
[class~='row'],
[data-layout='grid'] {
box-sizing: border-box;
margin-left: -2rem;
margin-right: -2rem;
padding-left: 2rem;
}
[class~='row']::after,
[data-layout='grid']::after {
clear: both;
content: '';
display: block;
}
.no-gutter {
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.no-gutter::after {
clear: both;
content: '';
display: block;
}
.reset-gutter {
margin-left: -2rem;
margin-right: -2rem;
padding-left: 2rem;
}
.reset-gutter::after {
clear: both;
content: '';
display: block;
}
[data-columns='1'],
.col-1 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( 100% - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='1'], .no-gutter
.col-1 {
width: 100%;
}
.no-gutter [data-columns='1'], .no-gutter
.col-1 {
margin-right: 0;
}
[data-offset-columns='1'],
.offset-col-1 {
margin-left: 100%;
}
[data-columns='2'],
.col-2 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( 50% - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='2'], .no-gutter
.col-2 {
width: 50%;
}
.no-gutter [data-columns='2'], .no-gutter
.col-2 {
margin-right: 0;
}
[data-offset-columns='2'],
.offset-col-2 {
margin-left: 50%;
}
[data-columns='3'],
.col-3 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( 33.33333% - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='3'], .no-gutter
.col-3 {
width: 33.33333%;
}
.no-gutter [data-columns='3'], .no-gutter
.col-3 {
margin-right: 0;
}
[data-offset-columns='3'],
.offset-col-3 {
margin-left: 33.33333%;
}
[data-columns='4'],
.col-4 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( 25% - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='4'], .no-gutter
.col-4 {
width: 25%;
}
.no-gutter [data-columns='4'], .no-gutter
.col-4 {
margin-right: 0;
}
[data-offset-columns='4'],
.offset-col-4 {
margin-left: 25%;
}
[data-columns='5'],
.col-5 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( 20% - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='5'], .no-gutter
.col-5 {
width: 20%;
}
.no-gutter [data-columns='5'], .no-gutter
.col-5 {
margin-right: 0;
}
[data-offset-columns='5'],
.offset-col-5 {
margin-left: 20%;
}
[data-columns='6'],
.col-6 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( 16.66667% - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='6'], .no-gutter
.col-6 {
width: 16.66667%;
}
.no-gutter [data-columns='6'], .no-gutter
.col-6 {
margin-right: 0;
}
[data-offset-columns='6'],
.offset-col-6 {
margin-left: 16.66667%;
}
[data-columns='7'],
.col-7 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( 14.28571% - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='7'], .no-gutter
.col-7 {
width: 14.28571%;
}
.no-gutter [data-columns='7'], .no-gutter
.col-7 {
margin-right: 0;
}
[data-offset-columns='7'],
.offset-col-7 {
margin-left: 14.28571%;
}
[data-columns='8'],
.col-8 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( 12.5% - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='8'], .no-gutter
.col-8 {
width: 12.5%;
}
.no-gutter [data-columns='8'], .no-gutter
.col-8 {
margin-right: 0;
}
[data-offset-columns='8'],
.offset-col-8 {
margin-left: 12.5%;
}
[data-columns='9'],
.col-9 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( 11.11111% - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='9'], .no-gutter
.col-9 {
width: 11.11111%;
}
.no-gutter [data-columns='9'], .no-gutter
.col-9 {
margin-right: 0;
}
[data-offset-columns='9'],
.offset-col-9 {
margin-left: 11.11111%;
}
[data-columns='10'],
.col-10 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( 10% - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='10'], .no-gutter
.col-10 {
width: 10%;
}
.no-gutter [data-columns='10'], .no-gutter
.col-10 {
margin-right: 0;
}
[data-offset-columns='10'],
.offset-col-10 {
margin-left: 10%;
}
[data-columns='11'],
.col-11 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( 9.09091% - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='11'], .no-gutter
.col-11 {
width: 9.09091%;
}
.no-gutter [data-columns='11'], .no-gutter
.col-11 {
margin-right: 0;
}
[data-offset-columns='11'],
.offset-col-11 {
margin-left: 9.09091%;
}
[data-columns='12'],
.col-12 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( 8.33333% - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='12'], .no-gutter
.col-12 {
width: 8.33333%;
}
.no-gutter [data-columns='12'], .no-gutter
.col-12 {
margin-right: 0;
}
[data-offset-columns='12'],
.offset-col-12 {
margin-left: 8.33333%;
}
[data-columns='.1'],
.col-10 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.1 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.1'], .no-gutter
.col-10 {
width: 10%;
}
.no-gutter [data-columns='.1'], .no-gutter
.col-10 {
margin-right: 0;
}
[data-columns='.15'],
.col-15 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.15 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.15'], .no-gutter
.col-15 {
width: 15%;
}
.no-gutter [data-columns='.15'], .no-gutter
.col-15 {
margin-right: 0;
}
[data-offset-columns='.1'],
.offset-col-1 {
margin-left: 100%;
}
[data-offset-columns='.15'],
.offset-col-15 {
margin-left: 666.66667%;
}
[data-columns='.2'],
.col-20 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.2 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.2'], .no-gutter
.col-20 {
width: 20%;
}
.no-gutter [data-columns='.2'], .no-gutter
.col-20 {
margin-right: 0;
}
[data-columns='.25'],
.col-25 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.25 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.25'], .no-gutter
.col-25 {
width: 25%;
}
.no-gutter [data-columns='.25'], .no-gutter
.col-25 {
margin-right: 0;
}
[data-offset-columns='.2'],
.offset-col-2 {
margin-left: 50%;
}
[data-offset-columns='.25'],
.offset-col-25 {
margin-left: 400%;
}
[data-columns='.3'],
.col-30 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.3 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.3'], .no-gutter
.col-30 {
width: 30%;
}
.no-gutter [data-columns='.3'], .no-gutter
.col-30 {
margin-right: 0;
}
[data-columns='.35'],
.col-35 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.35 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.35'], .no-gutter
.col-35 {
width: 35%;
}
.no-gutter [data-columns='.35'], .no-gutter
.col-35 {
margin-right: 0;
}
[data-offset-columns='.3'],
.offset-col-3 {
margin-left: 33.33333%;
}
[data-offset-columns='.35'],
.offset-col-35 {
margin-left: 285.71429%;
}
[data-columns='.4'],
.col-40 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.4 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.4'], .no-gutter
.col-40 {
width: 40%;
}
.no-gutter [data-columns='.4'], .no-gutter
.col-40 {
margin-right: 0;
}
[data-columns='.45'],
.col-45 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.45 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.45'], .no-gutter
.col-45 {
width: 45%;
}
.no-gutter [data-columns='.45'], .no-gutter
.col-45 {
margin-right: 0;
}
[data-offset-columns='.4'],
.offset-col-4 {
margin-left: 25%;
}
[data-offset-columns='.45'],
.offset-col-45 {
margin-left: 222.22222%;
}
[data-columns='.5'],
.col-50 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.5 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.5'], .no-gutter
.col-50 {
width: 50%;
}
.no-gutter [data-columns='.5'], .no-gutter
.col-50 {
margin-right: 0;
}
[data-columns='.55'],
.col-55 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.55 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.55'], .no-gutter
.col-55 {
width: 55%;
}
.no-gutter [data-columns='.55'], .no-gutter
.col-55 {
margin-right: 0;
}
[data-offset-columns='.5'],
.offset-col-5 {
margin-left: 20%;
}
[data-offset-columns='.55'],
.offset-col-55 {
margin-left: 181.81818%;
}
[data-columns='.6'],
.col-60 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.6 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.6'], .no-gutter
.col-60 {
width: 60%;
}
.no-gutter [data-columns='.6'], .no-gutter
.col-60 {
margin-right: 0;
}
[data-columns='.65'],
.col-65 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.65 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.65'], .no-gutter
.col-65 {
width: 65%;
}
.no-gutter [data-columns='.65'], .no-gutter
.col-65 {
margin-right: 0;
}
[data-offset-columns='.6'],
.offset-col-6 {
margin-left: 16.66667%;
}
[data-offset-columns='.65'],
.offset-col-65 {
margin-left: 153.84615%;
}
[data-columns='.7'],
.col-70 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.7 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.7'], .no-gutter
.col-70 {
width: 70%;
}
.no-gutter [data-columns='.7'], .no-gutter
.col-70 {
margin-right: 0;
}
[data-columns='.75'],
.col-75 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.75 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.75'], .no-gutter
.col-75 {
width: 75%;
}
.no-gutter [data-columns='.75'], .no-gutter
.col-75 {
margin-right: 0;
}
[data-offset-columns='.7'],
.offset-col-7 {
margin-left: 14.28571%;
}
[data-offset-columns='.75'],
.offset-col-75 {
margin-left: 133.33333%;
}
[data-columns='.8'],
.col-80 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.8 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.8'], .no-gutter
.col-80 {
width: 80%;
}
.no-gutter [data-columns='.8'], .no-gutter
.col-80 {
margin-right: 0;
}
[data-columns='.85'],
.col-85 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.85 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.85'], .no-gutter
.col-85 {
width: 85%;
}
.no-gutter [data-columns='.85'], .no-gutter
.col-85 {
margin-right: 0;
}
[data-offset-columns='.8'],
.offset-col-8 {
margin-left: 12.5%;
}
[data-offset-columns='.85'],
.offset-col-85 {
margin-left: 117.64706%;
}
[data-columns='.9'],
.col-90 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.9 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.9'], .no-gutter
.col-90 {
width: 90%;
}
.no-gutter [data-columns='.9'], .no-gutter
.col-90 {
margin-right: 0;
}
[data-columns='.95'],
.col-95 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 0.95 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.95'], .no-gutter
.col-95 {
width: 95%;
}
.no-gutter [data-columns='.95'], .no-gutter
.col-95 {
margin-right: 0;
}
[data-offset-columns='.9'],
.offset-col-9 {
margin-left: 11.11111%;
}
[data-offset-columns='.95'],
.offset-col-95 {
margin-left: 105.26316%;
}
[data-columns='.10'],
.col-100 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( 100% - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.10'], .no-gutter
.col-100 {
width: 100%;
}
.no-gutter [data-columns='.10'], .no-gutter
.col-100 {
margin-right: 0;
}
[data-columns='.105'],
.col-105 {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( ( 1.05 * 100% ) - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter [data-columns='.105'], .no-gutter
.col-105 {
width: 105%;
}
.no-gutter [data-columns='.105'], .no-gutter
.col-105 {
margin-right: 0;
}
[data-offset-columns='.10'],
.offset-col-10 {
margin-left: 10%;
}
[data-offset-columns='.105'],
.offset-col-105 {
margin-left: 95.2381%;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20%);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20%);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20%);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20%);
}
}
@keyframes fadeInScale {
0% {
transform: scale(0.7);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes fadeInScaleBig {
0% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes fadeOutScale {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.7);
opacity: 0;
}
}
@keyframes fadeOutScaleBig {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(2);
opacity: 0;
}
}
@keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-200%);
}
100% {
transform: translateY(0);
}
}
@keyframes slideOutUp {
0% {
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20%);
}
}
.animated {
animation-duration: 0.36s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.fadeIn, [data-type="tabs"] [data-tab-content].is-active {
animation-name: fadeIn;
animation-duration: 0.36s;
animation-delay: 0.2s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.fadeInDown {
animation-name: fadeInDown;
animation-duration: 0.36s;
animation-delay: 0.2s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.fadeInLeft {
animation-name: fadeInLeft;
animation-duration: 0.36s;
animation-delay: 0.2s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.fadeInRight {
animation-name: fadeInRight;
animation-duration: 0.36s;
animation-delay: 0.2s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.fadeInUp {
animation-name: fadeInUp;
animation-duration: 0.36s;
animation-delay: 0.2s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.fadeOut {
animation-name: fadeOut;
animation-duration: 0.36s;
animation-delay: 0.2s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.fadeOutDown {
animation-name: fadeOutDown;
animation-duration: 0.36s;
animation-delay: 0.2s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.fadeOutLeft {
animation-name: fadeOutLeft;
animation-duration: 0.36s;
animation-delay: 0.2s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.fadeOutRight {
animation-name: fadeOutRight;
animation-duration: 0.36s;
animation-delay: 0.2s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.fadeOutUp {
animation-name: fadeOutUp;
animation-duration: 0.36s;
animation-delay: 0.2s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.fadeInScale {
animation-name: fadeInScale;
animation-duration: 0.36s;
animation-delay: 0.2s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.fadeInScaleBig {
animation-name: fadeInScaleBig;
animation-duration: 0.36s;
animation-delay: 0.2s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.fadeOutScale {
animation-name: fadeOutScale;
animation-duration: 0.36s;
animation-delay: 0.2s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.fadeOutScaleBig {
animation-name: fadeOutScaleBig;
animation-duration: 0.36s;
animation-delay: 0.2s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.slideInDown {
animation-name: slideInDown;
animation-duration: 0.36s;
animation-delay: 0.2s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
.slideOutUp {
animation-name: slideOutUp;
animation-duration: 0.36s;
animation-delay: 0.2s;
animation-timing-function: ease;
animation-fill-mode: both;
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
/* Border Radius
============================================ */
.valign {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
height: 100%;
white-space: nowrap;
}
.valign:before {
content: '';
display: inline-block;
position: relative;
height: 100%;
min-height: 100%;
margin-right: -5px;
vertical-align: middle;
width: 1px;
}
.valign > * {
position: relative !important;
display: inline-block !important;
float: none !important;
white-space: normal !important;
vertical-align: middle !important;
}
/* Buttons
============================================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, main, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
display: block;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html,
body {
height: 100%;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
/* Helper classes
----------------------------------------- */
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.display-none,
.is-hidden {
display: none !important;
}
.is-invisible {
visibility: hidden !important;
opacity: 0;
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
.pull-left-abs {
position: absolute !important;
right: auto !important;
left: 0 !important;
}
.pull-right-abs {
position: absolute !important;
left: auto !important;
right: 0 !important;
}
.pull-center-abs {
position: absolute !important;
left: 0px !important;
right: 0px !important;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.is-block {
display: block !important;
position: relative;
}
.is-inline {
display: inline !important;
position: relative;
}
.is-inline-block {
display: inline-block !important;
position: relative;
}
.is-relative {
position: relative !important;
}
.is-fixed {
position: fixed !important;
position: relative;
}
.is-absolute {
position: absolute !important;
}
.is-disabled {
pointer-events: none !important;
cursor: default !important;
}
.scroll {
overflow: auto !important;
}
.scroll-x {
overflow-x: auto !important;
overflow-y: hidden !important;
}
.scroll-y {
overflow-x: hidden !important;
overflow-y: auto !important;
}
.no-scroll {
overflow: hidden !important;
}
.overflow {
overflow: visible !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.desktop-content {
display: none !important;
}
@media (min-width: 1025px) {
.desktop-content {
display: block !important;
}
}
.desktop-inline-content {
display: none !important;
}
@media (min-width: 1025px) {
.desktop-inline-content {
display: inline-block !important;
}
}
@media (min-width: 1025px) {
.desktop-hidden {
display: none !important;
}
}
.tablet-content {
display: block !important;
}
@media (min-width: 1025px) {
.tablet-content {
display: none !important;
}
}
.tablet-inline-content {
display: inline-block !important;
}
@media (min-width: 1025px) {
.tablet-inline-content {
display: none !important;
}
}
@media (max-width: 1024px) {
.tablet-hidden {
display: none !important;
}
}
.full-bleed {
max-width: none !important;
}
.hr {
width: 100%;
height: 1px;
background-color: 1px solid #ddd;
}
/* Print Styles
----------------------------------------- */
@media print {
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
/* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* Typography
----------------------------------------- */
*,
*:after,
*:before {
box-sizing: inherit;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-rendering: optimizeLegibility;
font-size: 62.5%;
box-sizing: border-box;
}
body {
line-height: 1;
font-family: "FFDINWeb", helvetica, sans-serif;
font-size: 1.3rem;
line-height: 125%;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.01);
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
overflow-scrolling: touch;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
html, body, input, button, textarea {
-webkit-font-smooth: always;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
::-moz-selection {
background: #060606;
color: #fff;
text-shadow: none;
}
::selection {
background: #060606;
color: #fff;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
abbr, acronym {
text-transform: uppercase;
font-size: 90%;
color: #222;
border-bottom: 1px solid #cccccc;
cursor: help;
}
abbr {
text-transform: none;
}
img {
vertical-align: middle;
interpolation-mode: bicubic;
}
/*
* Flexible Media
*/
img, video, canvas, object, embed {
max-width: 100%;
height: auto;
}
/*
* Flexible Video iFrame Embed
* use like :
*/
figure.aspect {
height: 0;
padding-bottom: 56.25%;
/* 16:9 */
position: relative;
overflow: hidden;
}
figure.aspect iframe,
figure.aspect video,
figure.aspect embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
pre {
font-family: Monaco;
padding: 0.5em 1em;
margin: 0 0 1rem;
border-radius: 2px;
overflow-x: scroll;
}
pre code {
overflow-x: scroll;
border: none;
word-wrap: initial;
background-color: transparent;
}
code {
font-size: 1.2rem;
line-height: 1.5;
margin: 0 2px;
padding: 0 5px;
border: 1px solid #dfdfdf;
background-color: #ececec;
}
small,
.small:not(a) {
font-size: 1rem;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
h1,
.h1 {
font-family: "GarageGothicBold", helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-stretch: normal;
word-wrap: break-word;
word-break: break-word;
margin-top: 0rem;
margin-bottom: 0rem;
}
h1 small,
.h1 small {
line-height: 0;
}
h2,
.h2 {
font-family: "GarageGothicBold", helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-stretch: normal;
word-wrap: break-word;
word-break: break-word;
margin-top: 0rem;
margin-bottom: 0rem;
}
h2 small,
.h2 small {
line-height: 0;
}
h3,
.h3 {
font-family: "GarageGothicBold", helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-stretch: normal;
word-wrap: break-word;
word-break: break-word;
margin-top: 0rem;
margin-bottom: 0rem;
}
h3 small,
.h3 small {
line-height: 0;
}
h4,
.h4 {
font-family: "GarageGothicBold", helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-stretch: normal;
word-wrap: break-word;
word-break: break-word;
margin-top: 0rem;
margin-bottom: 0rem;
}
h4 small,
.h4 small {
line-height: 0;
}
h5,
.h5 {
font-family: "GarageGothicBold", helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-stretch: normal;
word-wrap: break-word;
word-break: break-word;
margin-top: 0rem;
margin-bottom: 0rem;
}
h5 small,
.h5 small {
line-height: 0;
}
h6,
.h6 {
font-family: "GarageGothicBold", helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-stretch: normal;
word-wrap: break-word;
word-break: break-word;
margin-top: 0rem;
margin-bottom: 0rem;
}
h6 small,
.h6 small {
line-height: 0;
}
h1,
.h1 {
font-size: 5rem;
}
h2,
.h2 {
font-size: 4rem;
}
h3,
.h3 {
font-size: 3.4rem;
}
h4,
.h4 {
font-size: 3rem;
}
h5,
.h5 {
font-size: 2.4rem;
}
h6,
.h6 {
font-size: 1.8rem;
}
@media (min-width: 641px) {
h1,
.h1 {
font-size: 8rem;
}
}
@media (min-width: 641px) {
h2,
.h2 {
font-size: 6.4rem;
}
}
@media (min-width: 641px) {
h3,
.h3 {
font-size: 5.4rem;
}
}
@media (min-width: 641px) {
h4,
.h4 {
font-size: 4rem;
}
}
@media (min-width: 641px) {
h5,
.h5 {
font-size: 3.2rem;
}
}
@media (min-width: 641px) {
h6,
.h6 {
font-size: 2rem;
}
}
@media (min-width: 1025px) {
h1,
.h1 {
font-size: 12rem;
}
}
@media (min-width: 1025px) {
h2,
.h2 {
font-size: 10rem;
}
}
@media (min-width: 1025px) {
h3,
.h3 {
font-size: 8rem;
}
}
@media (min-width: 1025px) {
h4,
.h4 {
font-size: 6rem;
}
}
@media (min-width: 1025px) {
h5,
.h5 {
font-size: 4rem;
}
}
@media (min-width: 1025px) {
h6,
.h6 {
font-size: 2.4rem;
}
}
h1,
.h1 {
line-height: 4.4rem;
}
h2,
.h2 {
line-height: 3.5rem;
}
h3,
.h3 {
line-height: 3rem;
}
h4,
.h4 {
line-height: 2.8rem;
}
h5,
.h5 {
line-height: 2.4rem;
}
h6,
.h6 {
line-height: 2rem;
}
@media (min-width: 641px) {
h1,
.h1 {
line-height: 7rem;
}
}
@media (min-width: 641px) {
h2,
.h2 {
line-height: 5.6rem;
}
}
@media (min-width: 641px) {
h3,
.h3 {
line-height: 4.8rem;
}
}
@media (min-width: 641px) {
h4,
.h4 {
line-height: 3.6rem;
}
}
@media (min-width: 641px) {
h5,
.h5 {
line-height: 3rem;
}
}
@media (min-width: 641px) {
h6,
.h6 {
line-height: 2rem;
}
}
@media (min-width: 1025px) {
h1,
.h1 {
line-height: 10rem;
}
}
@media (min-width: 1025px) {
h2,
.h2 {
line-height: 8rem;
}
}
@media (min-width: 1025px) {
h3,
.h3 {
line-height: 7rem;
}
}
@media (min-width: 1025px) {
h4,
.h4 {
line-height: 5.2rem;
}
}
@media (min-width: 1025px) {
h5,
.h5 {
line-height: 3.5rem;
}
}
@media (min-width: 1025px) {
h6,
.h6 {
line-height: 2.4rem;
}
}
h1,
.h1 {
letter-spacing: 0.12rem;
}
h2,
.h2 {
letter-spacing: 0.12rem;
}
h3,
.h3 {
letter-spacing: 0.12rem;
}
h4,
.h4 {
letter-spacing: 0.12rem;
}
h5,
.h5 {
letter-spacing: 0.12rem;
}
h6,
.h6 {
letter-spacing: 0.12rem;
}
@media (min-width: 641px) {
h1,
.h1 {
letter-spacing: 0.12rem;
}
}
@media (min-width: 641px) {
h2,
.h2 {
letter-spacing: 0.12rem;
}
}
@media (min-width: 641px) {
h3,
.h3 {
letter-spacing: 0.12rem;
}
}
@media (min-width: 641px) {
h4,
.h4 {
letter-spacing: 0.12rem;
}
}
@media (min-width: 641px) {
h5,
.h5 {
letter-spacing: 0.12rem;
}
}
@media (min-width: 641px) {
h6,
.h6 {
letter-spacing: 0.12rem;
}
}
@media (min-width: 1025px) {
h1,
.h1 {
letter-spacing: 0.12rem;
}
}
@media (min-width: 1025px) {
h2,
.h2 {
letter-spacing: 0.12rem;
}
}
@media (min-width: 1025px) {
h3,
.h3 {
letter-spacing: 0.12rem;
}
}
@media (min-width: 1025px) {
h4,
.h4 {
letter-spacing: 0.12rem;
}
}
@media (min-width: 1025px) {
h5,
.h5 {
letter-spacing: 0.12rem;
}
}
@media (min-width: 1025px) {
h6,
.h6 {
letter-spacing: 0.12rem;
}
}
p {
font-size: 1.2rem;
font-family: "FFDINWeb", helvetica, sans-serif;
font-weight: 400;
line-height: 2rem;
margin-bottom: 0rem;
word-wrap: break-word;
}
p.lead {
font-size: 1.2rem;
margin-bottom: 0rem;
}
.text-regular,
.text-normal {
font-weight: 400;
}
.text-medium {
font-weight: 500;
}
.text-bold {
font-weight: 700;
}
.text-uppercase {
text-transform: uppercase;
}
.text-italic {
font-style: italic;
}
.text-nowrap {
white-space: nowrap;
}
.text-truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.text-highlight,
.highlight {
background-color: #060606;
color: #fff;
}
.text-align-left {
text-align: left !important;
}
.text-align-right {
text-align: right !important;
}
.text-align-center {
text-align: center !important;
}
.decoration-none {
text-decoration: none;
}
.decoration-underline {
text-decoration: underline;
}
.decoration-line-through {
text-decoration: line-through;
}
ul li,
ol li {
line-height: 1.6rem;
margin-bottom: 0rem;
}
ul {
list-style: none inside;
}
ul.square {
list-style: square inside;
}
ul.circle {
list-style: circle inside;
}
ul.disc {
list-style: disc inside;
}
ol {
list-style: decimal inside;
}
ol li {
margin-left: 0.5rem;
}
dl dt {
font-weight: bold;
}
blockquote,
q {
font-family: "FFDINWeb", helvetica, sans-serif;
}
blockquote p,
q p {
font-size: 2.1rem;
}
blockquote cite,
q cite {
font-size: initial;
display: block;
}
/* ============================================
P L A C E H O L D E R S
============================================ */
/* Photo Styles
============================================ */
/* No Flick Webkit
============================================ */
section {
position: relative;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
width: 100%;
vertical-align: top;
}
@media (min-width: 641px) {
section.half-width-left .container {
padding-right: 50%;
}
section.half-width-right .container {
padding-left: 50%;
}
section.three-quarter-width-left .container {
padding-right: 25%;
}
section.three-quarter-width-right .container {
padding-left: 25%;
}
}
section.stripe:nth-child(even) {
background-color: #ddd;
}
/*
Background Properties
*/
.bg-contain {
background-size: contain;
}
.bg-cover {
display: block;
position: relative;
background-size: cover;
background-position: center;
}
.bg-cover .container {
z-index: 1;
}
.bg-abs {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
width: auto;
height: auto;
z-index: 0;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.bg-repeat {
background-repeat: repeat;
}
.bg-repeat-x {
background-repeat: repeat-x;
}
.bg-repeat-y {
background-repeat: repeat-y;
}
.bg-top-left {
background-position: top left;
}
.bg-top-center {
background-position: top center;
}
.bg-top-right {
background-position: top right;
}
.bg-bottom-left {
background-position: bottom left;
}
.bg-bottom-center {
background-position: bottom center;
}
.bg-bottom-right {
background-position: bottom right;
}
.bg-left-center {
background-position: left center;
}
.bg-right-center {
background-position: right center;
}
.bg-center-25 {
background-position: right 25%;
}
.bg-center-75 {
background-position: right 75%;
}
.bg-center,
.bg-center-center {
background-position: center center;
}
.bg-100-auto {
background-size: 100% auto;
}
/* border modifiers */
.no-border {
border-top: 0 none !important;
border-bottom: 0 none !important;
}
.no-border-top {
border-top: 0 none !important;
}
.no-border-right {
border-right: 0 none !important;
}
.no-border-bottom {
border-bottom: 0 none !important;
}
.no-border-left {
border-left: 0 none !important;
}
/* child scales proportionally to container */
.scaler-child {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.scaler {
pointer-events: none;
}
/* containers set to specific aspect ratio */
.scaler-1x1 {
position: relative;
padding: 100% 0 0 0;
}
.scaler-4x3 {
position: relative;
padding: 75% 100% 0 0;
}
@media (max-width: 640px) {
.scaler-4x3-mob {
position: relative;
padding: 75% 100% 0 0;
}
}
@media (min-width: 641px) {
.scaler-4x3-sm {
position: relative;
padding: 75% 100% 0 0;
}
}
@media (min-width: 1025px) {
.scaler-4x3-md {
position: relative;
padding: 75% 100% 0 0;
}
}
.scaler-3x4 {
position: relative;
padding: 133.333333333% 100% 0 0;
}
@media (max-width: 640px) {
.scaler-3x4-mob {
position: relative;
padding: 133.333333333% 100% 0 0;
}
}
@media (min-width: 641px) {
.scaler-3x4-sm {
position: relative;
padding: 133.333333333% 100% 0 0;
}
}
@media (min-width: 1025px) {
.scaler-3x4-md {
position: relative;
padding: 133.333333333% 100% 0 0;
}
}
.scaler-16x9 {
position: relative;
padding: 56.25% 100% 0 0;
}
@media (max-width: 640px) {
.scaler-16x9-mob {
position: relative;
padding: 56.25% 100% 0 0;
}
}
@media (min-width: 641px) {
.scaler-16x9-sm {
position: relative;
padding: 56.25% 100% 0 0;
}
}
@media (min-width: 1025px) {
.scaler-16x9-md {
position: relative;
padding: 56.25% 100% 0 0;
}
}
.scaler-340x454 {
position: relative;
padding: 133.52941176% 100% 0 0;
}
.scaler-760x1024 {
position: relative;
padding: 134.73684211% 100% 0 0;
}
/*
Examples
.class-1 { @include aspect-ratio(); } No arguments defaults to a 1:1 ratio
.class-2 { @include aspect-ratio(16, 9); } Width and height
.class-3 { @include aspect-ratio(1.777778); } Ratio (calculated width/height)
.class-4 { @include aspect-ratio(4px, 3px); } Comparable units
.class-5 { @include aspect-ratio($ratio: 1.2); } Keywords
*/
/*
SPACING
A 10 step powers of two scale ranging from 0 to $spacing-scale.
Namespaces are composable and thus highly grockable - check the legend below
Legend:
p = padding
m = margin
a = all
h = horizontal
v = vertical
t = top
r = right
b = bottom
l = left
0 = none
1-10 = Steps in spacing scale
*/
.pa-1 {
padding: 1rem !important;
}
.pl-1 {
padding-left: 1rem !important;
}
.pr-1 {
padding-right: 1rem !important;
}
.pt-1 {
padding-top: 1rem !important;
}
.pb-1 {
padding-bottom: 1rem !important;
}
.pv-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.ph-1 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.ma-1 {
margin: 1rem !important;
}
.ml-1 {
margin-left: 1rem !important;
}
.mr-1 {
margin-right: 1rem !important;
}
.mt-1 {
margin-top: 1rem !important;
}
.mb-1 {
margin-bottom: 1rem !important;
}
.mv-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.mh-1 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
@media (min-width: 641px) {
.pa-sm-1 {
padding: 1rem !important;
}
.pl-sm-1 {
padding-left: 1rem !important;
}
.pr-sm-1 {
padding-right: 1rem !important;
}
.pt-sm-1 {
padding-top: 1rem !important;
}
.pb-sm-1 {
padding-bottom: 1rem !important;
}
.pv-sm-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.ph-sm-1 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.ma-sm-1 {
margin: 1rem !important;
}
.ml-sm-1 {
margin-left: 1rem !important;
}
.mr-sm-1 {
margin-right: 1rem !important;
}
.mt-sm-1 {
margin-top: 1rem !important;
}
.mb-sm-1 {
margin-bottom: 1rem !important;
}
.mv-sm-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.mh-sm-1 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-1 {
padding: 1rem !important;
}
.pl-md-1 {
padding-left: 1rem !important;
}
.pr-md-1 {
padding-right: 1rem !important;
}
.pt-md-1 {
padding-top: 1rem !important;
}
.pb-md-1 {
padding-bottom: 1rem !important;
}
.pv-md-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.ph-md-1 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.ma-md-1 {
margin: 1rem !important;
}
.ml-md-1 {
margin-left: 1rem !important;
}
.mr-md-1 {
margin-right: 1rem !important;
}
.mt-md-1 {
margin-top: 1rem !important;
}
.mb-md-1 {
margin-bottom: 1rem !important;
}
.mv-md-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.mh-md-1 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-1 {
padding: 1rem !important;
}
.pl-lg-1 {
padding-left: 1rem !important;
}
.pr-lg-1 {
padding-right: 1rem !important;
}
.pt-lg-1 {
padding-top: 1rem !important;
}
.pb-lg-1 {
padding-bottom: 1rem !important;
}
.pv-lg-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.ph-lg-1 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.ma-lg-1 {
margin: 1rem !important;
}
.ml-lg-1 {
margin-left: 1rem !important;
}
.mr-lg-1 {
margin-right: 1rem !important;
}
.mt-lg-1 {
margin-top: 1rem !important;
}
.mb-lg-1 {
margin-bottom: 1rem !important;
}
.mv-lg-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.mh-lg-1 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-1 {
padding: 1rem !important;
}
.pl-xl-1 {
padding-left: 1rem !important;
}
.pr-xl-1 {
padding-right: 1rem !important;
}
.pt-xl-1 {
padding-top: 1rem !important;
}
.pb-xl-1 {
padding-bottom: 1rem !important;
}
.pv-xl-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.ph-xl-1 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.ma-xl-1 {
margin: 1rem !important;
}
.ml-xl-1 {
margin-left: 1rem !important;
}
.mr-xl-1 {
margin-right: 1rem !important;
}
.mt-xl-1 {
margin-top: 1rem !important;
}
.mb-xl-1 {
margin-bottom: 1rem !important;
}
.mv-xl-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.mh-xl-1 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
}
.pa-2 {
padding: 2rem !important;
}
.pl-2 {
padding-left: 2rem !important;
}
.pr-2 {
padding-right: 2rem !important;
}
.pt-2 {
padding-top: 2rem !important;
}
.pb-2 {
padding-bottom: 2rem !important;
}
.pv-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.ph-2 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.ma-2 {
margin: 2rem !important;
}
.ml-2 {
margin-left: 2rem !important;
}
.mr-2 {
margin-right: 2rem !important;
}
.mt-2 {
margin-top: 2rem !important;
}
.mb-2 {
margin-bottom: 2rem !important;
}
.mv-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.mh-2 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
@media (min-width: 641px) {
.pa-sm-2 {
padding: 2rem !important;
}
.pl-sm-2 {
padding-left: 2rem !important;
}
.pr-sm-2 {
padding-right: 2rem !important;
}
.pt-sm-2 {
padding-top: 2rem !important;
}
.pb-sm-2 {
padding-bottom: 2rem !important;
}
.pv-sm-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.ph-sm-2 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.ma-sm-2 {
margin: 2rem !important;
}
.ml-sm-2 {
margin-left: 2rem !important;
}
.mr-sm-2 {
margin-right: 2rem !important;
}
.mt-sm-2 {
margin-top: 2rem !important;
}
.mb-sm-2 {
margin-bottom: 2rem !important;
}
.mv-sm-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.mh-sm-2 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-2 {
padding: 2rem !important;
}
.pl-md-2 {
padding-left: 2rem !important;
}
.pr-md-2 {
padding-right: 2rem !important;
}
.pt-md-2 {
padding-top: 2rem !important;
}
.pb-md-2 {
padding-bottom: 2rem !important;
}
.pv-md-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.ph-md-2 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.ma-md-2 {
margin: 2rem !important;
}
.ml-md-2 {
margin-left: 2rem !important;
}
.mr-md-2 {
margin-right: 2rem !important;
}
.mt-md-2 {
margin-top: 2rem !important;
}
.mb-md-2 {
margin-bottom: 2rem !important;
}
.mv-md-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.mh-md-2 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-2 {
padding: 2rem !important;
}
.pl-lg-2 {
padding-left: 2rem !important;
}
.pr-lg-2 {
padding-right: 2rem !important;
}
.pt-lg-2 {
padding-top: 2rem !important;
}
.pb-lg-2 {
padding-bottom: 2rem !important;
}
.pv-lg-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.ph-lg-2 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.ma-lg-2 {
margin: 2rem !important;
}
.ml-lg-2 {
margin-left: 2rem !important;
}
.mr-lg-2 {
margin-right: 2rem !important;
}
.mt-lg-2 {
margin-top: 2rem !important;
}
.mb-lg-2 {
margin-bottom: 2rem !important;
}
.mv-lg-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.mh-lg-2 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-2 {
padding: 2rem !important;
}
.pl-xl-2 {
padding-left: 2rem !important;
}
.pr-xl-2 {
padding-right: 2rem !important;
}
.pt-xl-2 {
padding-top: 2rem !important;
}
.pb-xl-2 {
padding-bottom: 2rem !important;
}
.pv-xl-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.ph-xl-2 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.ma-xl-2 {
margin: 2rem !important;
}
.ml-xl-2 {
margin-left: 2rem !important;
}
.mr-xl-2 {
margin-right: 2rem !important;
}
.mt-xl-2 {
margin-top: 2rem !important;
}
.mb-xl-2 {
margin-bottom: 2rem !important;
}
.mv-xl-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.mh-xl-2 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
}
.pa-3 {
padding: 3rem !important;
}
.pl-3 {
padding-left: 3rem !important;
}
.pr-3 {
padding-right: 3rem !important;
}
.pt-3 {
padding-top: 3rem !important;
}
.pb-3 {
padding-bottom: 3rem !important;
}
.pv-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.ph-3 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.ma-3 {
margin: 3rem !important;
}
.ml-3 {
margin-left: 3rem !important;
}
.mr-3 {
margin-right: 3rem !important;
}
.mt-3 {
margin-top: 3rem !important;
}
.mb-3 {
margin-bottom: 3rem !important;
}
.mv-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.mh-3 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
@media (min-width: 641px) {
.pa-sm-3 {
padding: 3rem !important;
}
.pl-sm-3 {
padding-left: 3rem !important;
}
.pr-sm-3 {
padding-right: 3rem !important;
}
.pt-sm-3 {
padding-top: 3rem !important;
}
.pb-sm-3 {
padding-bottom: 3rem !important;
}
.pv-sm-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.ph-sm-3 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.ma-sm-3 {
margin: 3rem !important;
}
.ml-sm-3 {
margin-left: 3rem !important;
}
.mr-sm-3 {
margin-right: 3rem !important;
}
.mt-sm-3 {
margin-top: 3rem !important;
}
.mb-sm-3 {
margin-bottom: 3rem !important;
}
.mv-sm-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.mh-sm-3 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-3 {
padding: 3rem !important;
}
.pl-md-3 {
padding-left: 3rem !important;
}
.pr-md-3 {
padding-right: 3rem !important;
}
.pt-md-3 {
padding-top: 3rem !important;
}
.pb-md-3 {
padding-bottom: 3rem !important;
}
.pv-md-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.ph-md-3 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.ma-md-3 {
margin: 3rem !important;
}
.ml-md-3 {
margin-left: 3rem !important;
}
.mr-md-3 {
margin-right: 3rem !important;
}
.mt-md-3 {
margin-top: 3rem !important;
}
.mb-md-3 {
margin-bottom: 3rem !important;
}
.mv-md-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.mh-md-3 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-3 {
padding: 3rem !important;
}
.pl-lg-3 {
padding-left: 3rem !important;
}
.pr-lg-3 {
padding-right: 3rem !important;
}
.pt-lg-3 {
padding-top: 3rem !important;
}
.pb-lg-3 {
padding-bottom: 3rem !important;
}
.pv-lg-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.ph-lg-3 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.ma-lg-3 {
margin: 3rem !important;
}
.ml-lg-3 {
margin-left: 3rem !important;
}
.mr-lg-3 {
margin-right: 3rem !important;
}
.mt-lg-3 {
margin-top: 3rem !important;
}
.mb-lg-3 {
margin-bottom: 3rem !important;
}
.mv-lg-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.mh-lg-3 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-3 {
padding: 3rem !important;
}
.pl-xl-3 {
padding-left: 3rem !important;
}
.pr-xl-3 {
padding-right: 3rem !important;
}
.pt-xl-3 {
padding-top: 3rem !important;
}
.pb-xl-3 {
padding-bottom: 3rem !important;
}
.pv-xl-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.ph-xl-3 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.ma-xl-3 {
margin: 3rem !important;
}
.ml-xl-3 {
margin-left: 3rem !important;
}
.mr-xl-3 {
margin-right: 3rem !important;
}
.mt-xl-3 {
margin-top: 3rem !important;
}
.mb-xl-3 {
margin-bottom: 3rem !important;
}
.mv-xl-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.mh-xl-3 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
}
.pa-4 {
padding: 4rem !important;
}
.pl-4 {
padding-left: 4rem !important;
}
.pr-4 {
padding-right: 4rem !important;
}
.pt-4 {
padding-top: 4rem !important;
}
.pb-4 {
padding-bottom: 4rem !important;
}
.pv-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.ph-4 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.ma-4 {
margin: 4rem !important;
}
.ml-4 {
margin-left: 4rem !important;
}
.mr-4 {
margin-right: 4rem !important;
}
.mt-4 {
margin-top: 4rem !important;
}
.mb-4 {
margin-bottom: 4rem !important;
}
.mv-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.mh-4 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
@media (min-width: 641px) {
.pa-sm-4 {
padding: 4rem !important;
}
.pl-sm-4 {
padding-left: 4rem !important;
}
.pr-sm-4 {
padding-right: 4rem !important;
}
.pt-sm-4 {
padding-top: 4rem !important;
}
.pb-sm-4 {
padding-bottom: 4rem !important;
}
.pv-sm-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.ph-sm-4 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.ma-sm-4 {
margin: 4rem !important;
}
.ml-sm-4 {
margin-left: 4rem !important;
}
.mr-sm-4 {
margin-right: 4rem !important;
}
.mt-sm-4 {
margin-top: 4rem !important;
}
.mb-sm-4 {
margin-bottom: 4rem !important;
}
.mv-sm-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.mh-sm-4 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-4 {
padding: 4rem !important;
}
.pl-md-4 {
padding-left: 4rem !important;
}
.pr-md-4 {
padding-right: 4rem !important;
}
.pt-md-4 {
padding-top: 4rem !important;
}
.pb-md-4 {
padding-bottom: 4rem !important;
}
.pv-md-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.ph-md-4 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.ma-md-4 {
margin: 4rem !important;
}
.ml-md-4 {
margin-left: 4rem !important;
}
.mr-md-4 {
margin-right: 4rem !important;
}
.mt-md-4 {
margin-top: 4rem !important;
}
.mb-md-4 {
margin-bottom: 4rem !important;
}
.mv-md-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.mh-md-4 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-4 {
padding: 4rem !important;
}
.pl-lg-4 {
padding-left: 4rem !important;
}
.pr-lg-4 {
padding-right: 4rem !important;
}
.pt-lg-4 {
padding-top: 4rem !important;
}
.pb-lg-4 {
padding-bottom: 4rem !important;
}
.pv-lg-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.ph-lg-4 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.ma-lg-4 {
margin: 4rem !important;
}
.ml-lg-4 {
margin-left: 4rem !important;
}
.mr-lg-4 {
margin-right: 4rem !important;
}
.mt-lg-4 {
margin-top: 4rem !important;
}
.mb-lg-4 {
margin-bottom: 4rem !important;
}
.mv-lg-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.mh-lg-4 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-4 {
padding: 4rem !important;
}
.pl-xl-4 {
padding-left: 4rem !important;
}
.pr-xl-4 {
padding-right: 4rem !important;
}
.pt-xl-4 {
padding-top: 4rem !important;
}
.pb-xl-4 {
padding-bottom: 4rem !important;
}
.pv-xl-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.ph-xl-4 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.ma-xl-4 {
margin: 4rem !important;
}
.ml-xl-4 {
margin-left: 4rem !important;
}
.mr-xl-4 {
margin-right: 4rem !important;
}
.mt-xl-4 {
margin-top: 4rem !important;
}
.mb-xl-4 {
margin-bottom: 4rem !important;
}
.mv-xl-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.mh-xl-4 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
}
.pa-5 {
padding: 5rem !important;
}
.pl-5 {
padding-left: 5rem !important;
}
.pr-5 {
padding-right: 5rem !important;
}
.pt-5 {
padding-top: 5rem !important;
}
.pb-5 {
padding-bottom: 5rem !important;
}
.pv-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.ph-5 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.ma-5 {
margin: 5rem !important;
}
.ml-5 {
margin-left: 5rem !important;
}
.mr-5 {
margin-right: 5rem !important;
}
.mt-5 {
margin-top: 5rem !important;
}
.mb-5 {
margin-bottom: 5rem !important;
}
.mv-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.mh-5 {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
@media (min-width: 641px) {
.pa-sm-5 {
padding: 5rem !important;
}
.pl-sm-5 {
padding-left: 5rem !important;
}
.pr-sm-5 {
padding-right: 5rem !important;
}
.pt-sm-5 {
padding-top: 5rem !important;
}
.pb-sm-5 {
padding-bottom: 5rem !important;
}
.pv-sm-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.ph-sm-5 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.ma-sm-5 {
margin: 5rem !important;
}
.ml-sm-5 {
margin-left: 5rem !important;
}
.mr-sm-5 {
margin-right: 5rem !important;
}
.mt-sm-5 {
margin-top: 5rem !important;
}
.mb-sm-5 {
margin-bottom: 5rem !important;
}
.mv-sm-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.mh-sm-5 {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-5 {
padding: 5rem !important;
}
.pl-md-5 {
padding-left: 5rem !important;
}
.pr-md-5 {
padding-right: 5rem !important;
}
.pt-md-5 {
padding-top: 5rem !important;
}
.pb-md-5 {
padding-bottom: 5rem !important;
}
.pv-md-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.ph-md-5 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.ma-md-5 {
margin: 5rem !important;
}
.ml-md-5 {
margin-left: 5rem !important;
}
.mr-md-5 {
margin-right: 5rem !important;
}
.mt-md-5 {
margin-top: 5rem !important;
}
.mb-md-5 {
margin-bottom: 5rem !important;
}
.mv-md-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.mh-md-5 {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-5 {
padding: 5rem !important;
}
.pl-lg-5 {
padding-left: 5rem !important;
}
.pr-lg-5 {
padding-right: 5rem !important;
}
.pt-lg-5 {
padding-top: 5rem !important;
}
.pb-lg-5 {
padding-bottom: 5rem !important;
}
.pv-lg-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.ph-lg-5 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.ma-lg-5 {
margin: 5rem !important;
}
.ml-lg-5 {
margin-left: 5rem !important;
}
.mr-lg-5 {
margin-right: 5rem !important;
}
.mt-lg-5 {
margin-top: 5rem !important;
}
.mb-lg-5 {
margin-bottom: 5rem !important;
}
.mv-lg-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.mh-lg-5 {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-5 {
padding: 5rem !important;
}
.pl-xl-5 {
padding-left: 5rem !important;
}
.pr-xl-5 {
padding-right: 5rem !important;
}
.pt-xl-5 {
padding-top: 5rem !important;
}
.pb-xl-5 {
padding-bottom: 5rem !important;
}
.pv-xl-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.ph-xl-5 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.ma-xl-5 {
margin: 5rem !important;
}
.ml-xl-5 {
margin-left: 5rem !important;
}
.mr-xl-5 {
margin-right: 5rem !important;
}
.mt-xl-5 {
margin-top: 5rem !important;
}
.mb-xl-5 {
margin-bottom: 5rem !important;
}
.mv-xl-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.mh-xl-5 {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
}
.pa-6 {
padding: 6rem !important;
}
.pl-6 {
padding-left: 6rem !important;
}
.pr-6 {
padding-right: 6rem !important;
}
.pt-6 {
padding-top: 6rem !important;
}
.pb-6 {
padding-bottom: 6rem !important;
}
.pv-6 {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.ph-6 {
padding-left: 6rem !important;
padding-right: 6rem !important;
}
.ma-6 {
margin: 6rem !important;
}
.ml-6 {
margin-left: 6rem !important;
}
.mr-6 {
margin-right: 6rem !important;
}
.mt-6 {
margin-top: 6rem !important;
}
.mb-6 {
margin-bottom: 6rem !important;
}
.mv-6 {
margin-top: 6rem !important;
margin-bottom: 6rem !important;
}
.mh-6 {
margin-left: 6rem !important;
margin-right: 6rem !important;
}
@media (min-width: 641px) {
.pa-sm-6 {
padding: 6rem !important;
}
.pl-sm-6 {
padding-left: 6rem !important;
}
.pr-sm-6 {
padding-right: 6rem !important;
}
.pt-sm-6 {
padding-top: 6rem !important;
}
.pb-sm-6 {
padding-bottom: 6rem !important;
}
.pv-sm-6 {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.ph-sm-6 {
padding-left: 6rem !important;
padding-right: 6rem !important;
}
.ma-sm-6 {
margin: 6rem !important;
}
.ml-sm-6 {
margin-left: 6rem !important;
}
.mr-sm-6 {
margin-right: 6rem !important;
}
.mt-sm-6 {
margin-top: 6rem !important;
}
.mb-sm-6 {
margin-bottom: 6rem !important;
}
.mv-sm-6 {
margin-top: 6rem !important;
margin-bottom: 6rem !important;
}
.mh-sm-6 {
margin-left: 6rem !important;
margin-right: 6rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-6 {
padding: 6rem !important;
}
.pl-md-6 {
padding-left: 6rem !important;
}
.pr-md-6 {
padding-right: 6rem !important;
}
.pt-md-6 {
padding-top: 6rem !important;
}
.pb-md-6 {
padding-bottom: 6rem !important;
}
.pv-md-6 {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.ph-md-6 {
padding-left: 6rem !important;
padding-right: 6rem !important;
}
.ma-md-6 {
margin: 6rem !important;
}
.ml-md-6 {
margin-left: 6rem !important;
}
.mr-md-6 {
margin-right: 6rem !important;
}
.mt-md-6 {
margin-top: 6rem !important;
}
.mb-md-6 {
margin-bottom: 6rem !important;
}
.mv-md-6 {
margin-top: 6rem !important;
margin-bottom: 6rem !important;
}
.mh-md-6 {
margin-left: 6rem !important;
margin-right: 6rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-6 {
padding: 6rem !important;
}
.pl-lg-6 {
padding-left: 6rem !important;
}
.pr-lg-6 {
padding-right: 6rem !important;
}
.pt-lg-6 {
padding-top: 6rem !important;
}
.pb-lg-6 {
padding-bottom: 6rem !important;
}
.pv-lg-6 {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.ph-lg-6 {
padding-left: 6rem !important;
padding-right: 6rem !important;
}
.ma-lg-6 {
margin: 6rem !important;
}
.ml-lg-6 {
margin-left: 6rem !important;
}
.mr-lg-6 {
margin-right: 6rem !important;
}
.mt-lg-6 {
margin-top: 6rem !important;
}
.mb-lg-6 {
margin-bottom: 6rem !important;
}
.mv-lg-6 {
margin-top: 6rem !important;
margin-bottom: 6rem !important;
}
.mh-lg-6 {
margin-left: 6rem !important;
margin-right: 6rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-6 {
padding: 6rem !important;
}
.pl-xl-6 {
padding-left: 6rem !important;
}
.pr-xl-6 {
padding-right: 6rem !important;
}
.pt-xl-6 {
padding-top: 6rem !important;
}
.pb-xl-6 {
padding-bottom: 6rem !important;
}
.pv-xl-6 {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.ph-xl-6 {
padding-left: 6rem !important;
padding-right: 6rem !important;
}
.ma-xl-6 {
margin: 6rem !important;
}
.ml-xl-6 {
margin-left: 6rem !important;
}
.mr-xl-6 {
margin-right: 6rem !important;
}
.mt-xl-6 {
margin-top: 6rem !important;
}
.mb-xl-6 {
margin-bottom: 6rem !important;
}
.mv-xl-6 {
margin-top: 6rem !important;
margin-bottom: 6rem !important;
}
.mh-xl-6 {
margin-left: 6rem !important;
margin-right: 6rem !important;
}
}
.pa-7 {
padding: 7rem !important;
}
.pl-7 {
padding-left: 7rem !important;
}
.pr-7 {
padding-right: 7rem !important;
}
.pt-7 {
padding-top: 7rem !important;
}
.pb-7 {
padding-bottom: 7rem !important;
}
.pv-7 {
padding-top: 7rem !important;
padding-bottom: 7rem !important;
}
.ph-7 {
padding-left: 7rem !important;
padding-right: 7rem !important;
}
.ma-7 {
margin: 7rem !important;
}
.ml-7 {
margin-left: 7rem !important;
}
.mr-7 {
margin-right: 7rem !important;
}
.mt-7 {
margin-top: 7rem !important;
}
.mb-7 {
margin-bottom: 7rem !important;
}
.mv-7 {
margin-top: 7rem !important;
margin-bottom: 7rem !important;
}
.mh-7 {
margin-left: 7rem !important;
margin-right: 7rem !important;
}
@media (min-width: 641px) {
.pa-sm-7 {
padding: 7rem !important;
}
.pl-sm-7 {
padding-left: 7rem !important;
}
.pr-sm-7 {
padding-right: 7rem !important;
}
.pt-sm-7 {
padding-top: 7rem !important;
}
.pb-sm-7 {
padding-bottom: 7rem !important;
}
.pv-sm-7 {
padding-top: 7rem !important;
padding-bottom: 7rem !important;
}
.ph-sm-7 {
padding-left: 7rem !important;
padding-right: 7rem !important;
}
.ma-sm-7 {
margin: 7rem !important;
}
.ml-sm-7 {
margin-left: 7rem !important;
}
.mr-sm-7 {
margin-right: 7rem !important;
}
.mt-sm-7 {
margin-top: 7rem !important;
}
.mb-sm-7 {
margin-bottom: 7rem !important;
}
.mv-sm-7 {
margin-top: 7rem !important;
margin-bottom: 7rem !important;
}
.mh-sm-7 {
margin-left: 7rem !important;
margin-right: 7rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-7 {
padding: 7rem !important;
}
.pl-md-7 {
padding-left: 7rem !important;
}
.pr-md-7 {
padding-right: 7rem !important;
}
.pt-md-7 {
padding-top: 7rem !important;
}
.pb-md-7 {
padding-bottom: 7rem !important;
}
.pv-md-7 {
padding-top: 7rem !important;
padding-bottom: 7rem !important;
}
.ph-md-7 {
padding-left: 7rem !important;
padding-right: 7rem !important;
}
.ma-md-7 {
margin: 7rem !important;
}
.ml-md-7 {
margin-left: 7rem !important;
}
.mr-md-7 {
margin-right: 7rem !important;
}
.mt-md-7 {
margin-top: 7rem !important;
}
.mb-md-7 {
margin-bottom: 7rem !important;
}
.mv-md-7 {
margin-top: 7rem !important;
margin-bottom: 7rem !important;
}
.mh-md-7 {
margin-left: 7rem !important;
margin-right: 7rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-7 {
padding: 7rem !important;
}
.pl-lg-7 {
padding-left: 7rem !important;
}
.pr-lg-7 {
padding-right: 7rem !important;
}
.pt-lg-7 {
padding-top: 7rem !important;
}
.pb-lg-7 {
padding-bottom: 7rem !important;
}
.pv-lg-7 {
padding-top: 7rem !important;
padding-bottom: 7rem !important;
}
.ph-lg-7 {
padding-left: 7rem !important;
padding-right: 7rem !important;
}
.ma-lg-7 {
margin: 7rem !important;
}
.ml-lg-7 {
margin-left: 7rem !important;
}
.mr-lg-7 {
margin-right: 7rem !important;
}
.mt-lg-7 {
margin-top: 7rem !important;
}
.mb-lg-7 {
margin-bottom: 7rem !important;
}
.mv-lg-7 {
margin-top: 7rem !important;
margin-bottom: 7rem !important;
}
.mh-lg-7 {
margin-left: 7rem !important;
margin-right: 7rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-7 {
padding: 7rem !important;
}
.pl-xl-7 {
padding-left: 7rem !important;
}
.pr-xl-7 {
padding-right: 7rem !important;
}
.pt-xl-7 {
padding-top: 7rem !important;
}
.pb-xl-7 {
padding-bottom: 7rem !important;
}
.pv-xl-7 {
padding-top: 7rem !important;
padding-bottom: 7rem !important;
}
.ph-xl-7 {
padding-left: 7rem !important;
padding-right: 7rem !important;
}
.ma-xl-7 {
margin: 7rem !important;
}
.ml-xl-7 {
margin-left: 7rem !important;
}
.mr-xl-7 {
margin-right: 7rem !important;
}
.mt-xl-7 {
margin-top: 7rem !important;
}
.mb-xl-7 {
margin-bottom: 7rem !important;
}
.mv-xl-7 {
margin-top: 7rem !important;
margin-bottom: 7rem !important;
}
.mh-xl-7 {
margin-left: 7rem !important;
margin-right: 7rem !important;
}
}
.pa-8 {
padding: 8rem !important;
}
.pl-8 {
padding-left: 8rem !important;
}
.pr-8 {
padding-right: 8rem !important;
}
.pt-8 {
padding-top: 8rem !important;
}
.pb-8 {
padding-bottom: 8rem !important;
}
.pv-8 {
padding-top: 8rem !important;
padding-bottom: 8rem !important;
}
.ph-8 {
padding-left: 8rem !important;
padding-right: 8rem !important;
}
.ma-8 {
margin: 8rem !important;
}
.ml-8 {
margin-left: 8rem !important;
}
.mr-8 {
margin-right: 8rem !important;
}
.mt-8 {
margin-top: 8rem !important;
}
.mb-8 {
margin-bottom: 8rem !important;
}
.mv-8 {
margin-top: 8rem !important;
margin-bottom: 8rem !important;
}
.mh-8 {
margin-left: 8rem !important;
margin-right: 8rem !important;
}
@media (min-width: 641px) {
.pa-sm-8 {
padding: 8rem !important;
}
.pl-sm-8 {
padding-left: 8rem !important;
}
.pr-sm-8 {
padding-right: 8rem !important;
}
.pt-sm-8 {
padding-top: 8rem !important;
}
.pb-sm-8 {
padding-bottom: 8rem !important;
}
.pv-sm-8 {
padding-top: 8rem !important;
padding-bottom: 8rem !important;
}
.ph-sm-8 {
padding-left: 8rem !important;
padding-right: 8rem !important;
}
.ma-sm-8 {
margin: 8rem !important;
}
.ml-sm-8 {
margin-left: 8rem !important;
}
.mr-sm-8 {
margin-right: 8rem !important;
}
.mt-sm-8 {
margin-top: 8rem !important;
}
.mb-sm-8 {
margin-bottom: 8rem !important;
}
.mv-sm-8 {
margin-top: 8rem !important;
margin-bottom: 8rem !important;
}
.mh-sm-8 {
margin-left: 8rem !important;
margin-right: 8rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-8 {
padding: 8rem !important;
}
.pl-md-8 {
padding-left: 8rem !important;
}
.pr-md-8 {
padding-right: 8rem !important;
}
.pt-md-8 {
padding-top: 8rem !important;
}
.pb-md-8 {
padding-bottom: 8rem !important;
}
.pv-md-8 {
padding-top: 8rem !important;
padding-bottom: 8rem !important;
}
.ph-md-8 {
padding-left: 8rem !important;
padding-right: 8rem !important;
}
.ma-md-8 {
margin: 8rem !important;
}
.ml-md-8 {
margin-left: 8rem !important;
}
.mr-md-8 {
margin-right: 8rem !important;
}
.mt-md-8 {
margin-top: 8rem !important;
}
.mb-md-8 {
margin-bottom: 8rem !important;
}
.mv-md-8 {
margin-top: 8rem !important;
margin-bottom: 8rem !important;
}
.mh-md-8 {
margin-left: 8rem !important;
margin-right: 8rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-8 {
padding: 8rem !important;
}
.pl-lg-8 {
padding-left: 8rem !important;
}
.pr-lg-8 {
padding-right: 8rem !important;
}
.pt-lg-8 {
padding-top: 8rem !important;
}
.pb-lg-8 {
padding-bottom: 8rem !important;
}
.pv-lg-8 {
padding-top: 8rem !important;
padding-bottom: 8rem !important;
}
.ph-lg-8 {
padding-left: 8rem !important;
padding-right: 8rem !important;
}
.ma-lg-8 {
margin: 8rem !important;
}
.ml-lg-8 {
margin-left: 8rem !important;
}
.mr-lg-8 {
margin-right: 8rem !important;
}
.mt-lg-8 {
margin-top: 8rem !important;
}
.mb-lg-8 {
margin-bottom: 8rem !important;
}
.mv-lg-8 {
margin-top: 8rem !important;
margin-bottom: 8rem !important;
}
.mh-lg-8 {
margin-left: 8rem !important;
margin-right: 8rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-8 {
padding: 8rem !important;
}
.pl-xl-8 {
padding-left: 8rem !important;
}
.pr-xl-8 {
padding-right: 8rem !important;
}
.pt-xl-8 {
padding-top: 8rem !important;
}
.pb-xl-8 {
padding-bottom: 8rem !important;
}
.pv-xl-8 {
padding-top: 8rem !important;
padding-bottom: 8rem !important;
}
.ph-xl-8 {
padding-left: 8rem !important;
padding-right: 8rem !important;
}
.ma-xl-8 {
margin: 8rem !important;
}
.ml-xl-8 {
margin-left: 8rem !important;
}
.mr-xl-8 {
margin-right: 8rem !important;
}
.mt-xl-8 {
margin-top: 8rem !important;
}
.mb-xl-8 {
margin-bottom: 8rem !important;
}
.mv-xl-8 {
margin-top: 8rem !important;
margin-bottom: 8rem !important;
}
.mh-xl-8 {
margin-left: 8rem !important;
margin-right: 8rem !important;
}
}
.pa-9 {
padding: 9rem !important;
}
.pl-9 {
padding-left: 9rem !important;
}
.pr-9 {
padding-right: 9rem !important;
}
.pt-9 {
padding-top: 9rem !important;
}
.pb-9 {
padding-bottom: 9rem !important;
}
.pv-9 {
padding-top: 9rem !important;
padding-bottom: 9rem !important;
}
.ph-9 {
padding-left: 9rem !important;
padding-right: 9rem !important;
}
.ma-9 {
margin: 9rem !important;
}
.ml-9 {
margin-left: 9rem !important;
}
.mr-9 {
margin-right: 9rem !important;
}
.mt-9 {
margin-top: 9rem !important;
}
.mb-9 {
margin-bottom: 9rem !important;
}
.mv-9 {
margin-top: 9rem !important;
margin-bottom: 9rem !important;
}
.mh-9 {
margin-left: 9rem !important;
margin-right: 9rem !important;
}
@media (min-width: 641px) {
.pa-sm-9 {
padding: 9rem !important;
}
.pl-sm-9 {
padding-left: 9rem !important;
}
.pr-sm-9 {
padding-right: 9rem !important;
}
.pt-sm-9 {
padding-top: 9rem !important;
}
.pb-sm-9 {
padding-bottom: 9rem !important;
}
.pv-sm-9 {
padding-top: 9rem !important;
padding-bottom: 9rem !important;
}
.ph-sm-9 {
padding-left: 9rem !important;
padding-right: 9rem !important;
}
.ma-sm-9 {
margin: 9rem !important;
}
.ml-sm-9 {
margin-left: 9rem !important;
}
.mr-sm-9 {
margin-right: 9rem !important;
}
.mt-sm-9 {
margin-top: 9rem !important;
}
.mb-sm-9 {
margin-bottom: 9rem !important;
}
.mv-sm-9 {
margin-top: 9rem !important;
margin-bottom: 9rem !important;
}
.mh-sm-9 {
margin-left: 9rem !important;
margin-right: 9rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-9 {
padding: 9rem !important;
}
.pl-md-9 {
padding-left: 9rem !important;
}
.pr-md-9 {
padding-right: 9rem !important;
}
.pt-md-9 {
padding-top: 9rem !important;
}
.pb-md-9 {
padding-bottom: 9rem !important;
}
.pv-md-9 {
padding-top: 9rem !important;
padding-bottom: 9rem !important;
}
.ph-md-9 {
padding-left: 9rem !important;
padding-right: 9rem !important;
}
.ma-md-9 {
margin: 9rem !important;
}
.ml-md-9 {
margin-left: 9rem !important;
}
.mr-md-9 {
margin-right: 9rem !important;
}
.mt-md-9 {
margin-top: 9rem !important;
}
.mb-md-9 {
margin-bottom: 9rem !important;
}
.mv-md-9 {
margin-top: 9rem !important;
margin-bottom: 9rem !important;
}
.mh-md-9 {
margin-left: 9rem !important;
margin-right: 9rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-9 {
padding: 9rem !important;
}
.pl-lg-9 {
padding-left: 9rem !important;
}
.pr-lg-9 {
padding-right: 9rem !important;
}
.pt-lg-9 {
padding-top: 9rem !important;
}
.pb-lg-9 {
padding-bottom: 9rem !important;
}
.pv-lg-9 {
padding-top: 9rem !important;
padding-bottom: 9rem !important;
}
.ph-lg-9 {
padding-left: 9rem !important;
padding-right: 9rem !important;
}
.ma-lg-9 {
margin: 9rem !important;
}
.ml-lg-9 {
margin-left: 9rem !important;
}
.mr-lg-9 {
margin-right: 9rem !important;
}
.mt-lg-9 {
margin-top: 9rem !important;
}
.mb-lg-9 {
margin-bottom: 9rem !important;
}
.mv-lg-9 {
margin-top: 9rem !important;
margin-bottom: 9rem !important;
}
.mh-lg-9 {
margin-left: 9rem !important;
margin-right: 9rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-9 {
padding: 9rem !important;
}
.pl-xl-9 {
padding-left: 9rem !important;
}
.pr-xl-9 {
padding-right: 9rem !important;
}
.pt-xl-9 {
padding-top: 9rem !important;
}
.pb-xl-9 {
padding-bottom: 9rem !important;
}
.pv-xl-9 {
padding-top: 9rem !important;
padding-bottom: 9rem !important;
}
.ph-xl-9 {
padding-left: 9rem !important;
padding-right: 9rem !important;
}
.ma-xl-9 {
margin: 9rem !important;
}
.ml-xl-9 {
margin-left: 9rem !important;
}
.mr-xl-9 {
margin-right: 9rem !important;
}
.mt-xl-9 {
margin-top: 9rem !important;
}
.mb-xl-9 {
margin-bottom: 9rem !important;
}
.mv-xl-9 {
margin-top: 9rem !important;
margin-bottom: 9rem !important;
}
.mh-xl-9 {
margin-left: 9rem !important;
margin-right: 9rem !important;
}
}
.pa-10 {
padding: 10rem !important;
}
.pl-10 {
padding-left: 10rem !important;
}
.pr-10 {
padding-right: 10rem !important;
}
.pt-10 {
padding-top: 10rem !important;
}
.pb-10 {
padding-bottom: 10rem !important;
}
.pv-10 {
padding-top: 10rem !important;
padding-bottom: 10rem !important;
}
.ph-10 {
padding-left: 10rem !important;
padding-right: 10rem !important;
}
.ma-10 {
margin: 10rem !important;
}
.ml-10 {
margin-left: 10rem !important;
}
.mr-10 {
margin-right: 10rem !important;
}
.mt-10 {
margin-top: 10rem !important;
}
.mb-10 {
margin-bottom: 10rem !important;
}
.mv-10 {
margin-top: 10rem !important;
margin-bottom: 10rem !important;
}
.mh-10 {
margin-left: 10rem !important;
margin-right: 10rem !important;
}
@media (min-width: 641px) {
.pa-sm-10 {
padding: 10rem !important;
}
.pl-sm-10 {
padding-left: 10rem !important;
}
.pr-sm-10 {
padding-right: 10rem !important;
}
.pt-sm-10 {
padding-top: 10rem !important;
}
.pb-sm-10 {
padding-bottom: 10rem !important;
}
.pv-sm-10 {
padding-top: 10rem !important;
padding-bottom: 10rem !important;
}
.ph-sm-10 {
padding-left: 10rem !important;
padding-right: 10rem !important;
}
.ma-sm-10 {
margin: 10rem !important;
}
.ml-sm-10 {
margin-left: 10rem !important;
}
.mr-sm-10 {
margin-right: 10rem !important;
}
.mt-sm-10 {
margin-top: 10rem !important;
}
.mb-sm-10 {
margin-bottom: 10rem !important;
}
.mv-sm-10 {
margin-top: 10rem !important;
margin-bottom: 10rem !important;
}
.mh-sm-10 {
margin-left: 10rem !important;
margin-right: 10rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-10 {
padding: 10rem !important;
}
.pl-md-10 {
padding-left: 10rem !important;
}
.pr-md-10 {
padding-right: 10rem !important;
}
.pt-md-10 {
padding-top: 10rem !important;
}
.pb-md-10 {
padding-bottom: 10rem !important;
}
.pv-md-10 {
padding-top: 10rem !important;
padding-bottom: 10rem !important;
}
.ph-md-10 {
padding-left: 10rem !important;
padding-right: 10rem !important;
}
.ma-md-10 {
margin: 10rem !important;
}
.ml-md-10 {
margin-left: 10rem !important;
}
.mr-md-10 {
margin-right: 10rem !important;
}
.mt-md-10 {
margin-top: 10rem !important;
}
.mb-md-10 {
margin-bottom: 10rem !important;
}
.mv-md-10 {
margin-top: 10rem !important;
margin-bottom: 10rem !important;
}
.mh-md-10 {
margin-left: 10rem !important;
margin-right: 10rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-10 {
padding: 10rem !important;
}
.pl-lg-10 {
padding-left: 10rem !important;
}
.pr-lg-10 {
padding-right: 10rem !important;
}
.pt-lg-10 {
padding-top: 10rem !important;
}
.pb-lg-10 {
padding-bottom: 10rem !important;
}
.pv-lg-10 {
padding-top: 10rem !important;
padding-bottom: 10rem !important;
}
.ph-lg-10 {
padding-left: 10rem !important;
padding-right: 10rem !important;
}
.ma-lg-10 {
margin: 10rem !important;
}
.ml-lg-10 {
margin-left: 10rem !important;
}
.mr-lg-10 {
margin-right: 10rem !important;
}
.mt-lg-10 {
margin-top: 10rem !important;
}
.mb-lg-10 {
margin-bottom: 10rem !important;
}
.mv-lg-10 {
margin-top: 10rem !important;
margin-bottom: 10rem !important;
}
.mh-lg-10 {
margin-left: 10rem !important;
margin-right: 10rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-10 {
padding: 10rem !important;
}
.pl-xl-10 {
padding-left: 10rem !important;
}
.pr-xl-10 {
padding-right: 10rem !important;
}
.pt-xl-10 {
padding-top: 10rem !important;
}
.pb-xl-10 {
padding-bottom: 10rem !important;
}
.pv-xl-10 {
padding-top: 10rem !important;
padding-bottom: 10rem !important;
}
.ph-xl-10 {
padding-left: 10rem !important;
padding-right: 10rem !important;
}
.ma-xl-10 {
margin: 10rem !important;
}
.ml-xl-10 {
margin-left: 10rem !important;
}
.mr-xl-10 {
margin-right: 10rem !important;
}
.mt-xl-10 {
margin-top: 10rem !important;
}
.mb-xl-10 {
margin-bottom: 10rem !important;
}
.mv-xl-10 {
margin-top: 10rem !important;
margin-bottom: 10rem !important;
}
.mh-xl-10 {
margin-left: 10rem !important;
margin-right: 10rem !important;
}
}
.pa-11 {
padding: 11rem !important;
}
.pl-11 {
padding-left: 11rem !important;
}
.pr-11 {
padding-right: 11rem !important;
}
.pt-11 {
padding-top: 11rem !important;
}
.pb-11 {
padding-bottom: 11rem !important;
}
.pv-11 {
padding-top: 11rem !important;
padding-bottom: 11rem !important;
}
.ph-11 {
padding-left: 11rem !important;
padding-right: 11rem !important;
}
.ma-11 {
margin: 11rem !important;
}
.ml-11 {
margin-left: 11rem !important;
}
.mr-11 {
margin-right: 11rem !important;
}
.mt-11 {
margin-top: 11rem !important;
}
.mb-11 {
margin-bottom: 11rem !important;
}
.mv-11 {
margin-top: 11rem !important;
margin-bottom: 11rem !important;
}
.mh-11 {
margin-left: 11rem !important;
margin-right: 11rem !important;
}
@media (min-width: 641px) {
.pa-sm-11 {
padding: 11rem !important;
}
.pl-sm-11 {
padding-left: 11rem !important;
}
.pr-sm-11 {
padding-right: 11rem !important;
}
.pt-sm-11 {
padding-top: 11rem !important;
}
.pb-sm-11 {
padding-bottom: 11rem !important;
}
.pv-sm-11 {
padding-top: 11rem !important;
padding-bottom: 11rem !important;
}
.ph-sm-11 {
padding-left: 11rem !important;
padding-right: 11rem !important;
}
.ma-sm-11 {
margin: 11rem !important;
}
.ml-sm-11 {
margin-left: 11rem !important;
}
.mr-sm-11 {
margin-right: 11rem !important;
}
.mt-sm-11 {
margin-top: 11rem !important;
}
.mb-sm-11 {
margin-bottom: 11rem !important;
}
.mv-sm-11 {
margin-top: 11rem !important;
margin-bottom: 11rem !important;
}
.mh-sm-11 {
margin-left: 11rem !important;
margin-right: 11rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-11 {
padding: 11rem !important;
}
.pl-md-11 {
padding-left: 11rem !important;
}
.pr-md-11 {
padding-right: 11rem !important;
}
.pt-md-11 {
padding-top: 11rem !important;
}
.pb-md-11 {
padding-bottom: 11rem !important;
}
.pv-md-11 {
padding-top: 11rem !important;
padding-bottom: 11rem !important;
}
.ph-md-11 {
padding-left: 11rem !important;
padding-right: 11rem !important;
}
.ma-md-11 {
margin: 11rem !important;
}
.ml-md-11 {
margin-left: 11rem !important;
}
.mr-md-11 {
margin-right: 11rem !important;
}
.mt-md-11 {
margin-top: 11rem !important;
}
.mb-md-11 {
margin-bottom: 11rem !important;
}
.mv-md-11 {
margin-top: 11rem !important;
margin-bottom: 11rem !important;
}
.mh-md-11 {
margin-left: 11rem !important;
margin-right: 11rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-11 {
padding: 11rem !important;
}
.pl-lg-11 {
padding-left: 11rem !important;
}
.pr-lg-11 {
padding-right: 11rem !important;
}
.pt-lg-11 {
padding-top: 11rem !important;
}
.pb-lg-11 {
padding-bottom: 11rem !important;
}
.pv-lg-11 {
padding-top: 11rem !important;
padding-bottom: 11rem !important;
}
.ph-lg-11 {
padding-left: 11rem !important;
padding-right: 11rem !important;
}
.ma-lg-11 {
margin: 11rem !important;
}
.ml-lg-11 {
margin-left: 11rem !important;
}
.mr-lg-11 {
margin-right: 11rem !important;
}
.mt-lg-11 {
margin-top: 11rem !important;
}
.mb-lg-11 {
margin-bottom: 11rem !important;
}
.mv-lg-11 {
margin-top: 11rem !important;
margin-bottom: 11rem !important;
}
.mh-lg-11 {
margin-left: 11rem !important;
margin-right: 11rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-11 {
padding: 11rem !important;
}
.pl-xl-11 {
padding-left: 11rem !important;
}
.pr-xl-11 {
padding-right: 11rem !important;
}
.pt-xl-11 {
padding-top: 11rem !important;
}
.pb-xl-11 {
padding-bottom: 11rem !important;
}
.pv-xl-11 {
padding-top: 11rem !important;
padding-bottom: 11rem !important;
}
.ph-xl-11 {
padding-left: 11rem !important;
padding-right: 11rem !important;
}
.ma-xl-11 {
margin: 11rem !important;
}
.ml-xl-11 {
margin-left: 11rem !important;
}
.mr-xl-11 {
margin-right: 11rem !important;
}
.mt-xl-11 {
margin-top: 11rem !important;
}
.mb-xl-11 {
margin-bottom: 11rem !important;
}
.mv-xl-11 {
margin-top: 11rem !important;
margin-bottom: 11rem !important;
}
.mh-xl-11 {
margin-left: 11rem !important;
margin-right: 11rem !important;
}
}
.pa-12 {
padding: 12rem !important;
}
.pl-12 {
padding-left: 12rem !important;
}
.pr-12 {
padding-right: 12rem !important;
}
.pt-12 {
padding-top: 12rem !important;
}
.pb-12 {
padding-bottom: 12rem !important;
}
.pv-12 {
padding-top: 12rem !important;
padding-bottom: 12rem !important;
}
.ph-12 {
padding-left: 12rem !important;
padding-right: 12rem !important;
}
.ma-12 {
margin: 12rem !important;
}
.ml-12 {
margin-left: 12rem !important;
}
.mr-12 {
margin-right: 12rem !important;
}
.mt-12 {
margin-top: 12rem !important;
}
.mb-12 {
margin-bottom: 12rem !important;
}
.mv-12 {
margin-top: 12rem !important;
margin-bottom: 12rem !important;
}
.mh-12 {
margin-left: 12rem !important;
margin-right: 12rem !important;
}
@media (min-width: 641px) {
.pa-sm-12 {
padding: 12rem !important;
}
.pl-sm-12 {
padding-left: 12rem !important;
}
.pr-sm-12 {
padding-right: 12rem !important;
}
.pt-sm-12 {
padding-top: 12rem !important;
}
.pb-sm-12 {
padding-bottom: 12rem !important;
}
.pv-sm-12 {
padding-top: 12rem !important;
padding-bottom: 12rem !important;
}
.ph-sm-12 {
padding-left: 12rem !important;
padding-right: 12rem !important;
}
.ma-sm-12 {
margin: 12rem !important;
}
.ml-sm-12 {
margin-left: 12rem !important;
}
.mr-sm-12 {
margin-right: 12rem !important;
}
.mt-sm-12 {
margin-top: 12rem !important;
}
.mb-sm-12 {
margin-bottom: 12rem !important;
}
.mv-sm-12 {
margin-top: 12rem !important;
margin-bottom: 12rem !important;
}
.mh-sm-12 {
margin-left: 12rem !important;
margin-right: 12rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-12 {
padding: 12rem !important;
}
.pl-md-12 {
padding-left: 12rem !important;
}
.pr-md-12 {
padding-right: 12rem !important;
}
.pt-md-12 {
padding-top: 12rem !important;
}
.pb-md-12 {
padding-bottom: 12rem !important;
}
.pv-md-12 {
padding-top: 12rem !important;
padding-bottom: 12rem !important;
}
.ph-md-12 {
padding-left: 12rem !important;
padding-right: 12rem !important;
}
.ma-md-12 {
margin: 12rem !important;
}
.ml-md-12 {
margin-left: 12rem !important;
}
.mr-md-12 {
margin-right: 12rem !important;
}
.mt-md-12 {
margin-top: 12rem !important;
}
.mb-md-12 {
margin-bottom: 12rem !important;
}
.mv-md-12 {
margin-top: 12rem !important;
margin-bottom: 12rem !important;
}
.mh-md-12 {
margin-left: 12rem !important;
margin-right: 12rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-12 {
padding: 12rem !important;
}
.pl-lg-12 {
padding-left: 12rem !important;
}
.pr-lg-12 {
padding-right: 12rem !important;
}
.pt-lg-12 {
padding-top: 12rem !important;
}
.pb-lg-12 {
padding-bottom: 12rem !important;
}
.pv-lg-12 {
padding-top: 12rem !important;
padding-bottom: 12rem !important;
}
.ph-lg-12 {
padding-left: 12rem !important;
padding-right: 12rem !important;
}
.ma-lg-12 {
margin: 12rem !important;
}
.ml-lg-12 {
margin-left: 12rem !important;
}
.mr-lg-12 {
margin-right: 12rem !important;
}
.mt-lg-12 {
margin-top: 12rem !important;
}
.mb-lg-12 {
margin-bottom: 12rem !important;
}
.mv-lg-12 {
margin-top: 12rem !important;
margin-bottom: 12rem !important;
}
.mh-lg-12 {
margin-left: 12rem !important;
margin-right: 12rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-12 {
padding: 12rem !important;
}
.pl-xl-12 {
padding-left: 12rem !important;
}
.pr-xl-12 {
padding-right: 12rem !important;
}
.pt-xl-12 {
padding-top: 12rem !important;
}
.pb-xl-12 {
padding-bottom: 12rem !important;
}
.pv-xl-12 {
padding-top: 12rem !important;
padding-bottom: 12rem !important;
}
.ph-xl-12 {
padding-left: 12rem !important;
padding-right: 12rem !important;
}
.ma-xl-12 {
margin: 12rem !important;
}
.ml-xl-12 {
margin-left: 12rem !important;
}
.mr-xl-12 {
margin-right: 12rem !important;
}
.mt-xl-12 {
margin-top: 12rem !important;
}
.mb-xl-12 {
margin-bottom: 12rem !important;
}
.mv-xl-12 {
margin-top: 12rem !important;
margin-bottom: 12rem !important;
}
.mh-xl-12 {
margin-left: 12rem !important;
margin-right: 12rem !important;
}
}
.pa-13 {
padding: 13rem !important;
}
.pl-13 {
padding-left: 13rem !important;
}
.pr-13 {
padding-right: 13rem !important;
}
.pt-13 {
padding-top: 13rem !important;
}
.pb-13 {
padding-bottom: 13rem !important;
}
.pv-13 {
padding-top: 13rem !important;
padding-bottom: 13rem !important;
}
.ph-13 {
padding-left: 13rem !important;
padding-right: 13rem !important;
}
.ma-13 {
margin: 13rem !important;
}
.ml-13 {
margin-left: 13rem !important;
}
.mr-13 {
margin-right: 13rem !important;
}
.mt-13 {
margin-top: 13rem !important;
}
.mb-13 {
margin-bottom: 13rem !important;
}
.mv-13 {
margin-top: 13rem !important;
margin-bottom: 13rem !important;
}
.mh-13 {
margin-left: 13rem !important;
margin-right: 13rem !important;
}
@media (min-width: 641px) {
.pa-sm-13 {
padding: 13rem !important;
}
.pl-sm-13 {
padding-left: 13rem !important;
}
.pr-sm-13 {
padding-right: 13rem !important;
}
.pt-sm-13 {
padding-top: 13rem !important;
}
.pb-sm-13 {
padding-bottom: 13rem !important;
}
.pv-sm-13 {
padding-top: 13rem !important;
padding-bottom: 13rem !important;
}
.ph-sm-13 {
padding-left: 13rem !important;
padding-right: 13rem !important;
}
.ma-sm-13 {
margin: 13rem !important;
}
.ml-sm-13 {
margin-left: 13rem !important;
}
.mr-sm-13 {
margin-right: 13rem !important;
}
.mt-sm-13 {
margin-top: 13rem !important;
}
.mb-sm-13 {
margin-bottom: 13rem !important;
}
.mv-sm-13 {
margin-top: 13rem !important;
margin-bottom: 13rem !important;
}
.mh-sm-13 {
margin-left: 13rem !important;
margin-right: 13rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-13 {
padding: 13rem !important;
}
.pl-md-13 {
padding-left: 13rem !important;
}
.pr-md-13 {
padding-right: 13rem !important;
}
.pt-md-13 {
padding-top: 13rem !important;
}
.pb-md-13 {
padding-bottom: 13rem !important;
}
.pv-md-13 {
padding-top: 13rem !important;
padding-bottom: 13rem !important;
}
.ph-md-13 {
padding-left: 13rem !important;
padding-right: 13rem !important;
}
.ma-md-13 {
margin: 13rem !important;
}
.ml-md-13 {
margin-left: 13rem !important;
}
.mr-md-13 {
margin-right: 13rem !important;
}
.mt-md-13 {
margin-top: 13rem !important;
}
.mb-md-13 {
margin-bottom: 13rem !important;
}
.mv-md-13 {
margin-top: 13rem !important;
margin-bottom: 13rem !important;
}
.mh-md-13 {
margin-left: 13rem !important;
margin-right: 13rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-13 {
padding: 13rem !important;
}
.pl-lg-13 {
padding-left: 13rem !important;
}
.pr-lg-13 {
padding-right: 13rem !important;
}
.pt-lg-13 {
padding-top: 13rem !important;
}
.pb-lg-13 {
padding-bottom: 13rem !important;
}
.pv-lg-13 {
padding-top: 13rem !important;
padding-bottom: 13rem !important;
}
.ph-lg-13 {
padding-left: 13rem !important;
padding-right: 13rem !important;
}
.ma-lg-13 {
margin: 13rem !important;
}
.ml-lg-13 {
margin-left: 13rem !important;
}
.mr-lg-13 {
margin-right: 13rem !important;
}
.mt-lg-13 {
margin-top: 13rem !important;
}
.mb-lg-13 {
margin-bottom: 13rem !important;
}
.mv-lg-13 {
margin-top: 13rem !important;
margin-bottom: 13rem !important;
}
.mh-lg-13 {
margin-left: 13rem !important;
margin-right: 13rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-13 {
padding: 13rem !important;
}
.pl-xl-13 {
padding-left: 13rem !important;
}
.pr-xl-13 {
padding-right: 13rem !important;
}
.pt-xl-13 {
padding-top: 13rem !important;
}
.pb-xl-13 {
padding-bottom: 13rem !important;
}
.pv-xl-13 {
padding-top: 13rem !important;
padding-bottom: 13rem !important;
}
.ph-xl-13 {
padding-left: 13rem !important;
padding-right: 13rem !important;
}
.ma-xl-13 {
margin: 13rem !important;
}
.ml-xl-13 {
margin-left: 13rem !important;
}
.mr-xl-13 {
margin-right: 13rem !important;
}
.mt-xl-13 {
margin-top: 13rem !important;
}
.mb-xl-13 {
margin-bottom: 13rem !important;
}
.mv-xl-13 {
margin-top: 13rem !important;
margin-bottom: 13rem !important;
}
.mh-xl-13 {
margin-left: 13rem !important;
margin-right: 13rem !important;
}
}
.pa-14 {
padding: 14rem !important;
}
.pl-14 {
padding-left: 14rem !important;
}
.pr-14 {
padding-right: 14rem !important;
}
.pt-14 {
padding-top: 14rem !important;
}
.pb-14 {
padding-bottom: 14rem !important;
}
.pv-14 {
padding-top: 14rem !important;
padding-bottom: 14rem !important;
}
.ph-14 {
padding-left: 14rem !important;
padding-right: 14rem !important;
}
.ma-14 {
margin: 14rem !important;
}
.ml-14 {
margin-left: 14rem !important;
}
.mr-14 {
margin-right: 14rem !important;
}
.mt-14 {
margin-top: 14rem !important;
}
.mb-14 {
margin-bottom: 14rem !important;
}
.mv-14 {
margin-top: 14rem !important;
margin-bottom: 14rem !important;
}
.mh-14 {
margin-left: 14rem !important;
margin-right: 14rem !important;
}
@media (min-width: 641px) {
.pa-sm-14 {
padding: 14rem !important;
}
.pl-sm-14 {
padding-left: 14rem !important;
}
.pr-sm-14 {
padding-right: 14rem !important;
}
.pt-sm-14 {
padding-top: 14rem !important;
}
.pb-sm-14 {
padding-bottom: 14rem !important;
}
.pv-sm-14 {
padding-top: 14rem !important;
padding-bottom: 14rem !important;
}
.ph-sm-14 {
padding-left: 14rem !important;
padding-right: 14rem !important;
}
.ma-sm-14 {
margin: 14rem !important;
}
.ml-sm-14 {
margin-left: 14rem !important;
}
.mr-sm-14 {
margin-right: 14rem !important;
}
.mt-sm-14 {
margin-top: 14rem !important;
}
.mb-sm-14 {
margin-bottom: 14rem !important;
}
.mv-sm-14 {
margin-top: 14rem !important;
margin-bottom: 14rem !important;
}
.mh-sm-14 {
margin-left: 14rem !important;
margin-right: 14rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-14 {
padding: 14rem !important;
}
.pl-md-14 {
padding-left: 14rem !important;
}
.pr-md-14 {
padding-right: 14rem !important;
}
.pt-md-14 {
padding-top: 14rem !important;
}
.pb-md-14 {
padding-bottom: 14rem !important;
}
.pv-md-14 {
padding-top: 14rem !important;
padding-bottom: 14rem !important;
}
.ph-md-14 {
padding-left: 14rem !important;
padding-right: 14rem !important;
}
.ma-md-14 {
margin: 14rem !important;
}
.ml-md-14 {
margin-left: 14rem !important;
}
.mr-md-14 {
margin-right: 14rem !important;
}
.mt-md-14 {
margin-top: 14rem !important;
}
.mb-md-14 {
margin-bottom: 14rem !important;
}
.mv-md-14 {
margin-top: 14rem !important;
margin-bottom: 14rem !important;
}
.mh-md-14 {
margin-left: 14rem !important;
margin-right: 14rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-14 {
padding: 14rem !important;
}
.pl-lg-14 {
padding-left: 14rem !important;
}
.pr-lg-14 {
padding-right: 14rem !important;
}
.pt-lg-14 {
padding-top: 14rem !important;
}
.pb-lg-14 {
padding-bottom: 14rem !important;
}
.pv-lg-14 {
padding-top: 14rem !important;
padding-bottom: 14rem !important;
}
.ph-lg-14 {
padding-left: 14rem !important;
padding-right: 14rem !important;
}
.ma-lg-14 {
margin: 14rem !important;
}
.ml-lg-14 {
margin-left: 14rem !important;
}
.mr-lg-14 {
margin-right: 14rem !important;
}
.mt-lg-14 {
margin-top: 14rem !important;
}
.mb-lg-14 {
margin-bottom: 14rem !important;
}
.mv-lg-14 {
margin-top: 14rem !important;
margin-bottom: 14rem !important;
}
.mh-lg-14 {
margin-left: 14rem !important;
margin-right: 14rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-14 {
padding: 14rem !important;
}
.pl-xl-14 {
padding-left: 14rem !important;
}
.pr-xl-14 {
padding-right: 14rem !important;
}
.pt-xl-14 {
padding-top: 14rem !important;
}
.pb-xl-14 {
padding-bottom: 14rem !important;
}
.pv-xl-14 {
padding-top: 14rem !important;
padding-bottom: 14rem !important;
}
.ph-xl-14 {
padding-left: 14rem !important;
padding-right: 14rem !important;
}
.ma-xl-14 {
margin: 14rem !important;
}
.ml-xl-14 {
margin-left: 14rem !important;
}
.mr-xl-14 {
margin-right: 14rem !important;
}
.mt-xl-14 {
margin-top: 14rem !important;
}
.mb-xl-14 {
margin-bottom: 14rem !important;
}
.mv-xl-14 {
margin-top: 14rem !important;
margin-bottom: 14rem !important;
}
.mh-xl-14 {
margin-left: 14rem !important;
margin-right: 14rem !important;
}
}
.pa-15 {
padding: 15rem !important;
}
.pl-15 {
padding-left: 15rem !important;
}
.pr-15 {
padding-right: 15rem !important;
}
.pt-15 {
padding-top: 15rem !important;
}
.pb-15 {
padding-bottom: 15rem !important;
}
.pv-15 {
padding-top: 15rem !important;
padding-bottom: 15rem !important;
}
.ph-15 {
padding-left: 15rem !important;
padding-right: 15rem !important;
}
.ma-15 {
margin: 15rem !important;
}
.ml-15 {
margin-left: 15rem !important;
}
.mr-15 {
margin-right: 15rem !important;
}
.mt-15 {
margin-top: 15rem !important;
}
.mb-15 {
margin-bottom: 15rem !important;
}
.mv-15 {
margin-top: 15rem !important;
margin-bottom: 15rem !important;
}
.mh-15 {
margin-left: 15rem !important;
margin-right: 15rem !important;
}
@media (min-width: 641px) {
.pa-sm-15 {
padding: 15rem !important;
}
.pl-sm-15 {
padding-left: 15rem !important;
}
.pr-sm-15 {
padding-right: 15rem !important;
}
.pt-sm-15 {
padding-top: 15rem !important;
}
.pb-sm-15 {
padding-bottom: 15rem !important;
}
.pv-sm-15 {
padding-top: 15rem !important;
padding-bottom: 15rem !important;
}
.ph-sm-15 {
padding-left: 15rem !important;
padding-right: 15rem !important;
}
.ma-sm-15 {
margin: 15rem !important;
}
.ml-sm-15 {
margin-left: 15rem !important;
}
.mr-sm-15 {
margin-right: 15rem !important;
}
.mt-sm-15 {
margin-top: 15rem !important;
}
.mb-sm-15 {
margin-bottom: 15rem !important;
}
.mv-sm-15 {
margin-top: 15rem !important;
margin-bottom: 15rem !important;
}
.mh-sm-15 {
margin-left: 15rem !important;
margin-right: 15rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-15 {
padding: 15rem !important;
}
.pl-md-15 {
padding-left: 15rem !important;
}
.pr-md-15 {
padding-right: 15rem !important;
}
.pt-md-15 {
padding-top: 15rem !important;
}
.pb-md-15 {
padding-bottom: 15rem !important;
}
.pv-md-15 {
padding-top: 15rem !important;
padding-bottom: 15rem !important;
}
.ph-md-15 {
padding-left: 15rem !important;
padding-right: 15rem !important;
}
.ma-md-15 {
margin: 15rem !important;
}
.ml-md-15 {
margin-left: 15rem !important;
}
.mr-md-15 {
margin-right: 15rem !important;
}
.mt-md-15 {
margin-top: 15rem !important;
}
.mb-md-15 {
margin-bottom: 15rem !important;
}
.mv-md-15 {
margin-top: 15rem !important;
margin-bottom: 15rem !important;
}
.mh-md-15 {
margin-left: 15rem !important;
margin-right: 15rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-15 {
padding: 15rem !important;
}
.pl-lg-15 {
padding-left: 15rem !important;
}
.pr-lg-15 {
padding-right: 15rem !important;
}
.pt-lg-15 {
padding-top: 15rem !important;
}
.pb-lg-15 {
padding-bottom: 15rem !important;
}
.pv-lg-15 {
padding-top: 15rem !important;
padding-bottom: 15rem !important;
}
.ph-lg-15 {
padding-left: 15rem !important;
padding-right: 15rem !important;
}
.ma-lg-15 {
margin: 15rem !important;
}
.ml-lg-15 {
margin-left: 15rem !important;
}
.mr-lg-15 {
margin-right: 15rem !important;
}
.mt-lg-15 {
margin-top: 15rem !important;
}
.mb-lg-15 {
margin-bottom: 15rem !important;
}
.mv-lg-15 {
margin-top: 15rem !important;
margin-bottom: 15rem !important;
}
.mh-lg-15 {
margin-left: 15rem !important;
margin-right: 15rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-15 {
padding: 15rem !important;
}
.pl-xl-15 {
padding-left: 15rem !important;
}
.pr-xl-15 {
padding-right: 15rem !important;
}
.pt-xl-15 {
padding-top: 15rem !important;
}
.pb-xl-15 {
padding-bottom: 15rem !important;
}
.pv-xl-15 {
padding-top: 15rem !important;
padding-bottom: 15rem !important;
}
.ph-xl-15 {
padding-left: 15rem !important;
padding-right: 15rem !important;
}
.ma-xl-15 {
margin: 15rem !important;
}
.ml-xl-15 {
margin-left: 15rem !important;
}
.mr-xl-15 {
margin-right: 15rem !important;
}
.mt-xl-15 {
margin-top: 15rem !important;
}
.mb-xl-15 {
margin-bottom: 15rem !important;
}
.mv-xl-15 {
margin-top: 15rem !important;
margin-bottom: 15rem !important;
}
.mh-xl-15 {
margin-left: 15rem !important;
margin-right: 15rem !important;
}
}
.pa-16 {
padding: 16rem !important;
}
.pl-16 {
padding-left: 16rem !important;
}
.pr-16 {
padding-right: 16rem !important;
}
.pt-16 {
padding-top: 16rem !important;
}
.pb-16 {
padding-bottom: 16rem !important;
}
.pv-16 {
padding-top: 16rem !important;
padding-bottom: 16rem !important;
}
.ph-16 {
padding-left: 16rem !important;
padding-right: 16rem !important;
}
.ma-16 {
margin: 16rem !important;
}
.ml-16 {
margin-left: 16rem !important;
}
.mr-16 {
margin-right: 16rem !important;
}
.mt-16 {
margin-top: 16rem !important;
}
.mb-16 {
margin-bottom: 16rem !important;
}
.mv-16 {
margin-top: 16rem !important;
margin-bottom: 16rem !important;
}
.mh-16 {
margin-left: 16rem !important;
margin-right: 16rem !important;
}
@media (min-width: 641px) {
.pa-sm-16 {
padding: 16rem !important;
}
.pl-sm-16 {
padding-left: 16rem !important;
}
.pr-sm-16 {
padding-right: 16rem !important;
}
.pt-sm-16 {
padding-top: 16rem !important;
}
.pb-sm-16 {
padding-bottom: 16rem !important;
}
.pv-sm-16 {
padding-top: 16rem !important;
padding-bottom: 16rem !important;
}
.ph-sm-16 {
padding-left: 16rem !important;
padding-right: 16rem !important;
}
.ma-sm-16 {
margin: 16rem !important;
}
.ml-sm-16 {
margin-left: 16rem !important;
}
.mr-sm-16 {
margin-right: 16rem !important;
}
.mt-sm-16 {
margin-top: 16rem !important;
}
.mb-sm-16 {
margin-bottom: 16rem !important;
}
.mv-sm-16 {
margin-top: 16rem !important;
margin-bottom: 16rem !important;
}
.mh-sm-16 {
margin-left: 16rem !important;
margin-right: 16rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-16 {
padding: 16rem !important;
}
.pl-md-16 {
padding-left: 16rem !important;
}
.pr-md-16 {
padding-right: 16rem !important;
}
.pt-md-16 {
padding-top: 16rem !important;
}
.pb-md-16 {
padding-bottom: 16rem !important;
}
.pv-md-16 {
padding-top: 16rem !important;
padding-bottom: 16rem !important;
}
.ph-md-16 {
padding-left: 16rem !important;
padding-right: 16rem !important;
}
.ma-md-16 {
margin: 16rem !important;
}
.ml-md-16 {
margin-left: 16rem !important;
}
.mr-md-16 {
margin-right: 16rem !important;
}
.mt-md-16 {
margin-top: 16rem !important;
}
.mb-md-16 {
margin-bottom: 16rem !important;
}
.mv-md-16 {
margin-top: 16rem !important;
margin-bottom: 16rem !important;
}
.mh-md-16 {
margin-left: 16rem !important;
margin-right: 16rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-16 {
padding: 16rem !important;
}
.pl-lg-16 {
padding-left: 16rem !important;
}
.pr-lg-16 {
padding-right: 16rem !important;
}
.pt-lg-16 {
padding-top: 16rem !important;
}
.pb-lg-16 {
padding-bottom: 16rem !important;
}
.pv-lg-16 {
padding-top: 16rem !important;
padding-bottom: 16rem !important;
}
.ph-lg-16 {
padding-left: 16rem !important;
padding-right: 16rem !important;
}
.ma-lg-16 {
margin: 16rem !important;
}
.ml-lg-16 {
margin-left: 16rem !important;
}
.mr-lg-16 {
margin-right: 16rem !important;
}
.mt-lg-16 {
margin-top: 16rem !important;
}
.mb-lg-16 {
margin-bottom: 16rem !important;
}
.mv-lg-16 {
margin-top: 16rem !important;
margin-bottom: 16rem !important;
}
.mh-lg-16 {
margin-left: 16rem !important;
margin-right: 16rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-16 {
padding: 16rem !important;
}
.pl-xl-16 {
padding-left: 16rem !important;
}
.pr-xl-16 {
padding-right: 16rem !important;
}
.pt-xl-16 {
padding-top: 16rem !important;
}
.pb-xl-16 {
padding-bottom: 16rem !important;
}
.pv-xl-16 {
padding-top: 16rem !important;
padding-bottom: 16rem !important;
}
.ph-xl-16 {
padding-left: 16rem !important;
padding-right: 16rem !important;
}
.ma-xl-16 {
margin: 16rem !important;
}
.ml-xl-16 {
margin-left: 16rem !important;
}
.mr-xl-16 {
margin-right: 16rem !important;
}
.mt-xl-16 {
margin-top: 16rem !important;
}
.mb-xl-16 {
margin-bottom: 16rem !important;
}
.mv-xl-16 {
margin-top: 16rem !important;
margin-bottom: 16rem !important;
}
.mh-xl-16 {
margin-left: 16rem !important;
margin-right: 16rem !important;
}
}
.pa-17 {
padding: 17rem !important;
}
.pl-17 {
padding-left: 17rem !important;
}
.pr-17 {
padding-right: 17rem !important;
}
.pt-17 {
padding-top: 17rem !important;
}
.pb-17 {
padding-bottom: 17rem !important;
}
.pv-17 {
padding-top: 17rem !important;
padding-bottom: 17rem !important;
}
.ph-17 {
padding-left: 17rem !important;
padding-right: 17rem !important;
}
.ma-17 {
margin: 17rem !important;
}
.ml-17 {
margin-left: 17rem !important;
}
.mr-17 {
margin-right: 17rem !important;
}
.mt-17 {
margin-top: 17rem !important;
}
.mb-17 {
margin-bottom: 17rem !important;
}
.mv-17 {
margin-top: 17rem !important;
margin-bottom: 17rem !important;
}
.mh-17 {
margin-left: 17rem !important;
margin-right: 17rem !important;
}
@media (min-width: 641px) {
.pa-sm-17 {
padding: 17rem !important;
}
.pl-sm-17 {
padding-left: 17rem !important;
}
.pr-sm-17 {
padding-right: 17rem !important;
}
.pt-sm-17 {
padding-top: 17rem !important;
}
.pb-sm-17 {
padding-bottom: 17rem !important;
}
.pv-sm-17 {
padding-top: 17rem !important;
padding-bottom: 17rem !important;
}
.ph-sm-17 {
padding-left: 17rem !important;
padding-right: 17rem !important;
}
.ma-sm-17 {
margin: 17rem !important;
}
.ml-sm-17 {
margin-left: 17rem !important;
}
.mr-sm-17 {
margin-right: 17rem !important;
}
.mt-sm-17 {
margin-top: 17rem !important;
}
.mb-sm-17 {
margin-bottom: 17rem !important;
}
.mv-sm-17 {
margin-top: 17rem !important;
margin-bottom: 17rem !important;
}
.mh-sm-17 {
margin-left: 17rem !important;
margin-right: 17rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-17 {
padding: 17rem !important;
}
.pl-md-17 {
padding-left: 17rem !important;
}
.pr-md-17 {
padding-right: 17rem !important;
}
.pt-md-17 {
padding-top: 17rem !important;
}
.pb-md-17 {
padding-bottom: 17rem !important;
}
.pv-md-17 {
padding-top: 17rem !important;
padding-bottom: 17rem !important;
}
.ph-md-17 {
padding-left: 17rem !important;
padding-right: 17rem !important;
}
.ma-md-17 {
margin: 17rem !important;
}
.ml-md-17 {
margin-left: 17rem !important;
}
.mr-md-17 {
margin-right: 17rem !important;
}
.mt-md-17 {
margin-top: 17rem !important;
}
.mb-md-17 {
margin-bottom: 17rem !important;
}
.mv-md-17 {
margin-top: 17rem !important;
margin-bottom: 17rem !important;
}
.mh-md-17 {
margin-left: 17rem !important;
margin-right: 17rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-17 {
padding: 17rem !important;
}
.pl-lg-17 {
padding-left: 17rem !important;
}
.pr-lg-17 {
padding-right: 17rem !important;
}
.pt-lg-17 {
padding-top: 17rem !important;
}
.pb-lg-17 {
padding-bottom: 17rem !important;
}
.pv-lg-17 {
padding-top: 17rem !important;
padding-bottom: 17rem !important;
}
.ph-lg-17 {
padding-left: 17rem !important;
padding-right: 17rem !important;
}
.ma-lg-17 {
margin: 17rem !important;
}
.ml-lg-17 {
margin-left: 17rem !important;
}
.mr-lg-17 {
margin-right: 17rem !important;
}
.mt-lg-17 {
margin-top: 17rem !important;
}
.mb-lg-17 {
margin-bottom: 17rem !important;
}
.mv-lg-17 {
margin-top: 17rem !important;
margin-bottom: 17rem !important;
}
.mh-lg-17 {
margin-left: 17rem !important;
margin-right: 17rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-17 {
padding: 17rem !important;
}
.pl-xl-17 {
padding-left: 17rem !important;
}
.pr-xl-17 {
padding-right: 17rem !important;
}
.pt-xl-17 {
padding-top: 17rem !important;
}
.pb-xl-17 {
padding-bottom: 17rem !important;
}
.pv-xl-17 {
padding-top: 17rem !important;
padding-bottom: 17rem !important;
}
.ph-xl-17 {
padding-left: 17rem !important;
padding-right: 17rem !important;
}
.ma-xl-17 {
margin: 17rem !important;
}
.ml-xl-17 {
margin-left: 17rem !important;
}
.mr-xl-17 {
margin-right: 17rem !important;
}
.mt-xl-17 {
margin-top: 17rem !important;
}
.mb-xl-17 {
margin-bottom: 17rem !important;
}
.mv-xl-17 {
margin-top: 17rem !important;
margin-bottom: 17rem !important;
}
.mh-xl-17 {
margin-left: 17rem !important;
margin-right: 17rem !important;
}
}
.pa-18 {
padding: 18rem !important;
}
.pl-18 {
padding-left: 18rem !important;
}
.pr-18 {
padding-right: 18rem !important;
}
.pt-18 {
padding-top: 18rem !important;
}
.pb-18 {
padding-bottom: 18rem !important;
}
.pv-18 {
padding-top: 18rem !important;
padding-bottom: 18rem !important;
}
.ph-18 {
padding-left: 18rem !important;
padding-right: 18rem !important;
}
.ma-18 {
margin: 18rem !important;
}
.ml-18 {
margin-left: 18rem !important;
}
.mr-18 {
margin-right: 18rem !important;
}
.mt-18 {
margin-top: 18rem !important;
}
.mb-18 {
margin-bottom: 18rem !important;
}
.mv-18 {
margin-top: 18rem !important;
margin-bottom: 18rem !important;
}
.mh-18 {
margin-left: 18rem !important;
margin-right: 18rem !important;
}
@media (min-width: 641px) {
.pa-sm-18 {
padding: 18rem !important;
}
.pl-sm-18 {
padding-left: 18rem !important;
}
.pr-sm-18 {
padding-right: 18rem !important;
}
.pt-sm-18 {
padding-top: 18rem !important;
}
.pb-sm-18 {
padding-bottom: 18rem !important;
}
.pv-sm-18 {
padding-top: 18rem !important;
padding-bottom: 18rem !important;
}
.ph-sm-18 {
padding-left: 18rem !important;
padding-right: 18rem !important;
}
.ma-sm-18 {
margin: 18rem !important;
}
.ml-sm-18 {
margin-left: 18rem !important;
}
.mr-sm-18 {
margin-right: 18rem !important;
}
.mt-sm-18 {
margin-top: 18rem !important;
}
.mb-sm-18 {
margin-bottom: 18rem !important;
}
.mv-sm-18 {
margin-top: 18rem !important;
margin-bottom: 18rem !important;
}
.mh-sm-18 {
margin-left: 18rem !important;
margin-right: 18rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-18 {
padding: 18rem !important;
}
.pl-md-18 {
padding-left: 18rem !important;
}
.pr-md-18 {
padding-right: 18rem !important;
}
.pt-md-18 {
padding-top: 18rem !important;
}
.pb-md-18 {
padding-bottom: 18rem !important;
}
.pv-md-18 {
padding-top: 18rem !important;
padding-bottom: 18rem !important;
}
.ph-md-18 {
padding-left: 18rem !important;
padding-right: 18rem !important;
}
.ma-md-18 {
margin: 18rem !important;
}
.ml-md-18 {
margin-left: 18rem !important;
}
.mr-md-18 {
margin-right: 18rem !important;
}
.mt-md-18 {
margin-top: 18rem !important;
}
.mb-md-18 {
margin-bottom: 18rem !important;
}
.mv-md-18 {
margin-top: 18rem !important;
margin-bottom: 18rem !important;
}
.mh-md-18 {
margin-left: 18rem !important;
margin-right: 18rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-18 {
padding: 18rem !important;
}
.pl-lg-18 {
padding-left: 18rem !important;
}
.pr-lg-18 {
padding-right: 18rem !important;
}
.pt-lg-18 {
padding-top: 18rem !important;
}
.pb-lg-18 {
padding-bottom: 18rem !important;
}
.pv-lg-18 {
padding-top: 18rem !important;
padding-bottom: 18rem !important;
}
.ph-lg-18 {
padding-left: 18rem !important;
padding-right: 18rem !important;
}
.ma-lg-18 {
margin: 18rem !important;
}
.ml-lg-18 {
margin-left: 18rem !important;
}
.mr-lg-18 {
margin-right: 18rem !important;
}
.mt-lg-18 {
margin-top: 18rem !important;
}
.mb-lg-18 {
margin-bottom: 18rem !important;
}
.mv-lg-18 {
margin-top: 18rem !important;
margin-bottom: 18rem !important;
}
.mh-lg-18 {
margin-left: 18rem !important;
margin-right: 18rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-18 {
padding: 18rem !important;
}
.pl-xl-18 {
padding-left: 18rem !important;
}
.pr-xl-18 {
padding-right: 18rem !important;
}
.pt-xl-18 {
padding-top: 18rem !important;
}
.pb-xl-18 {
padding-bottom: 18rem !important;
}
.pv-xl-18 {
padding-top: 18rem !important;
padding-bottom: 18rem !important;
}
.ph-xl-18 {
padding-left: 18rem !important;
padding-right: 18rem !important;
}
.ma-xl-18 {
margin: 18rem !important;
}
.ml-xl-18 {
margin-left: 18rem !important;
}
.mr-xl-18 {
margin-right: 18rem !important;
}
.mt-xl-18 {
margin-top: 18rem !important;
}
.mb-xl-18 {
margin-bottom: 18rem !important;
}
.mv-xl-18 {
margin-top: 18rem !important;
margin-bottom: 18rem !important;
}
.mh-xl-18 {
margin-left: 18rem !important;
margin-right: 18rem !important;
}
}
.pa-19 {
padding: 19rem !important;
}
.pl-19 {
padding-left: 19rem !important;
}
.pr-19 {
padding-right: 19rem !important;
}
.pt-19 {
padding-top: 19rem !important;
}
.pb-19 {
padding-bottom: 19rem !important;
}
.pv-19 {
padding-top: 19rem !important;
padding-bottom: 19rem !important;
}
.ph-19 {
padding-left: 19rem !important;
padding-right: 19rem !important;
}
.ma-19 {
margin: 19rem !important;
}
.ml-19 {
margin-left: 19rem !important;
}
.mr-19 {
margin-right: 19rem !important;
}
.mt-19 {
margin-top: 19rem !important;
}
.mb-19 {
margin-bottom: 19rem !important;
}
.mv-19 {
margin-top: 19rem !important;
margin-bottom: 19rem !important;
}
.mh-19 {
margin-left: 19rem !important;
margin-right: 19rem !important;
}
@media (min-width: 641px) {
.pa-sm-19 {
padding: 19rem !important;
}
.pl-sm-19 {
padding-left: 19rem !important;
}
.pr-sm-19 {
padding-right: 19rem !important;
}
.pt-sm-19 {
padding-top: 19rem !important;
}
.pb-sm-19 {
padding-bottom: 19rem !important;
}
.pv-sm-19 {
padding-top: 19rem !important;
padding-bottom: 19rem !important;
}
.ph-sm-19 {
padding-left: 19rem !important;
padding-right: 19rem !important;
}
.ma-sm-19 {
margin: 19rem !important;
}
.ml-sm-19 {
margin-left: 19rem !important;
}
.mr-sm-19 {
margin-right: 19rem !important;
}
.mt-sm-19 {
margin-top: 19rem !important;
}
.mb-sm-19 {
margin-bottom: 19rem !important;
}
.mv-sm-19 {
margin-top: 19rem !important;
margin-bottom: 19rem !important;
}
.mh-sm-19 {
margin-left: 19rem !important;
margin-right: 19rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-19 {
padding: 19rem !important;
}
.pl-md-19 {
padding-left: 19rem !important;
}
.pr-md-19 {
padding-right: 19rem !important;
}
.pt-md-19 {
padding-top: 19rem !important;
}
.pb-md-19 {
padding-bottom: 19rem !important;
}
.pv-md-19 {
padding-top: 19rem !important;
padding-bottom: 19rem !important;
}
.ph-md-19 {
padding-left: 19rem !important;
padding-right: 19rem !important;
}
.ma-md-19 {
margin: 19rem !important;
}
.ml-md-19 {
margin-left: 19rem !important;
}
.mr-md-19 {
margin-right: 19rem !important;
}
.mt-md-19 {
margin-top: 19rem !important;
}
.mb-md-19 {
margin-bottom: 19rem !important;
}
.mv-md-19 {
margin-top: 19rem !important;
margin-bottom: 19rem !important;
}
.mh-md-19 {
margin-left: 19rem !important;
margin-right: 19rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-19 {
padding: 19rem !important;
}
.pl-lg-19 {
padding-left: 19rem !important;
}
.pr-lg-19 {
padding-right: 19rem !important;
}
.pt-lg-19 {
padding-top: 19rem !important;
}
.pb-lg-19 {
padding-bottom: 19rem !important;
}
.pv-lg-19 {
padding-top: 19rem !important;
padding-bottom: 19rem !important;
}
.ph-lg-19 {
padding-left: 19rem !important;
padding-right: 19rem !important;
}
.ma-lg-19 {
margin: 19rem !important;
}
.ml-lg-19 {
margin-left: 19rem !important;
}
.mr-lg-19 {
margin-right: 19rem !important;
}
.mt-lg-19 {
margin-top: 19rem !important;
}
.mb-lg-19 {
margin-bottom: 19rem !important;
}
.mv-lg-19 {
margin-top: 19rem !important;
margin-bottom: 19rem !important;
}
.mh-lg-19 {
margin-left: 19rem !important;
margin-right: 19rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-19 {
padding: 19rem !important;
}
.pl-xl-19 {
padding-left: 19rem !important;
}
.pr-xl-19 {
padding-right: 19rem !important;
}
.pt-xl-19 {
padding-top: 19rem !important;
}
.pb-xl-19 {
padding-bottom: 19rem !important;
}
.pv-xl-19 {
padding-top: 19rem !important;
padding-bottom: 19rem !important;
}
.ph-xl-19 {
padding-left: 19rem !important;
padding-right: 19rem !important;
}
.ma-xl-19 {
margin: 19rem !important;
}
.ml-xl-19 {
margin-left: 19rem !important;
}
.mr-xl-19 {
margin-right: 19rem !important;
}
.mt-xl-19 {
margin-top: 19rem !important;
}
.mb-xl-19 {
margin-bottom: 19rem !important;
}
.mv-xl-19 {
margin-top: 19rem !important;
margin-bottom: 19rem !important;
}
.mh-xl-19 {
margin-left: 19rem !important;
margin-right: 19rem !important;
}
}
.pa-20 {
padding: 20rem !important;
}
.pl-20 {
padding-left: 20rem !important;
}
.pr-20 {
padding-right: 20rem !important;
}
.pt-20 {
padding-top: 20rem !important;
}
.pb-20 {
padding-bottom: 20rem !important;
}
.pv-20 {
padding-top: 20rem !important;
padding-bottom: 20rem !important;
}
.ph-20 {
padding-left: 20rem !important;
padding-right: 20rem !important;
}
.ma-20 {
margin: 20rem !important;
}
.ml-20 {
margin-left: 20rem !important;
}
.mr-20 {
margin-right: 20rem !important;
}
.mt-20 {
margin-top: 20rem !important;
}
.mb-20 {
margin-bottom: 20rem !important;
}
.mv-20 {
margin-top: 20rem !important;
margin-bottom: 20rem !important;
}
.mh-20 {
margin-left: 20rem !important;
margin-right: 20rem !important;
}
@media (min-width: 641px) {
.pa-sm-20 {
padding: 20rem !important;
}
.pl-sm-20 {
padding-left: 20rem !important;
}
.pr-sm-20 {
padding-right: 20rem !important;
}
.pt-sm-20 {
padding-top: 20rem !important;
}
.pb-sm-20 {
padding-bottom: 20rem !important;
}
.pv-sm-20 {
padding-top: 20rem !important;
padding-bottom: 20rem !important;
}
.ph-sm-20 {
padding-left: 20rem !important;
padding-right: 20rem !important;
}
.ma-sm-20 {
margin: 20rem !important;
}
.ml-sm-20 {
margin-left: 20rem !important;
}
.mr-sm-20 {
margin-right: 20rem !important;
}
.mt-sm-20 {
margin-top: 20rem !important;
}
.mb-sm-20 {
margin-bottom: 20rem !important;
}
.mv-sm-20 {
margin-top: 20rem !important;
margin-bottom: 20rem !important;
}
.mh-sm-20 {
margin-left: 20rem !important;
margin-right: 20rem !important;
}
}
@media (min-width: 1025px) {
.pa-md-20 {
padding: 20rem !important;
}
.pl-md-20 {
padding-left: 20rem !important;
}
.pr-md-20 {
padding-right: 20rem !important;
}
.pt-md-20 {
padding-top: 20rem !important;
}
.pb-md-20 {
padding-bottom: 20rem !important;
}
.pv-md-20 {
padding-top: 20rem !important;
padding-bottom: 20rem !important;
}
.ph-md-20 {
padding-left: 20rem !important;
padding-right: 20rem !important;
}
.ma-md-20 {
margin: 20rem !important;
}
.ml-md-20 {
margin-left: 20rem !important;
}
.mr-md-20 {
margin-right: 20rem !important;
}
.mt-md-20 {
margin-top: 20rem !important;
}
.mb-md-20 {
margin-bottom: 20rem !important;
}
.mv-md-20 {
margin-top: 20rem !important;
margin-bottom: 20rem !important;
}
.mh-md-20 {
margin-left: 20rem !important;
margin-right: 20rem !important;
}
}
@media (min-width: 1281px) {
.pa-lg-20 {
padding: 20rem !important;
}
.pl-lg-20 {
padding-left: 20rem !important;
}
.pr-lg-20 {
padding-right: 20rem !important;
}
.pt-lg-20 {
padding-top: 20rem !important;
}
.pb-lg-20 {
padding-bottom: 20rem !important;
}
.pv-lg-20 {
padding-top: 20rem !important;
padding-bottom: 20rem !important;
}
.ph-lg-20 {
padding-left: 20rem !important;
padding-right: 20rem !important;
}
.ma-lg-20 {
margin: 20rem !important;
}
.ml-lg-20 {
margin-left: 20rem !important;
}
.mr-lg-20 {
margin-right: 20rem !important;
}
.mt-lg-20 {
margin-top: 20rem !important;
}
.mb-lg-20 {
margin-bottom: 20rem !important;
}
.mv-lg-20 {
margin-top: 20rem !important;
margin-bottom: 20rem !important;
}
.mh-lg-20 {
margin-left: 20rem !important;
margin-right: 20rem !important;
}
}
@media (min-width: 1481px) {
.pa-xl-20 {
padding: 20rem !important;
}
.pl-xl-20 {
padding-left: 20rem !important;
}
.pr-xl-20 {
padding-right: 20rem !important;
}
.pt-xl-20 {
padding-top: 20rem !important;
}
.pb-xl-20 {
padding-bottom: 20rem !important;
}
.pv-xl-20 {
padding-top: 20rem !important;
padding-bottom: 20rem !important;
}
.ph-xl-20 {
padding-left: 20rem !important;
padding-right: 20rem !important;
}
.ma-xl-20 {
margin: 20rem !important;
}
.ml-xl-20 {
margin-left: 20rem !important;
}
.mr-xl-20 {
margin-right: 20rem !important;
}
.mt-xl-20 {
margin-top: 20rem !important;
}
.mb-xl-20 {
margin-bottom: 20rem !important;
}
.mv-xl-20 {
margin-top: 20rem !important;
margin-bottom: 20rem !important;
}
.mh-xl-20 {
margin-left: 20rem !important;
margin-right: 20rem !important;
}
}
.spacer {
width: 100%;
overflow: hidden;
vertical-align: top;
display: inline-block;
background: transparent;
border: none;
}
.image-filters.grayscale {
-webkit-filter: grayscale(0.5);
filter: grayscale(0.5);
}
.image-filters.sepia {
-webkit-filter: sepia(0.5);
filter: sepia(0.5);
}
.image-filters.brightness {
-webkit-filter: brightness(1.5);
filter: brightness(1.5);
}
.image-filters.contrast {
-webkit-filter: contrast(1.5);
filter: contrast(1.5);
}
.image-filters.saturate {
-webkit-filter: grayscale(1.5);
filter: grayscale(1.5);
}
/*
Global Colors
- Backgrounds
- Colors
- Border colors
- SVG fills
- SVG Strokes
*/
.bg-accent-color {
background-color: #ea3e31 !important;
}
.text-accent-color {
color: #ea3e31 !important;
}
.link-accent-color {
color: #ea3e31 !important;
}
.link-accent-color:hover {
color: #5e5e5e !important;
}
.stroke-accent-color {
stroke: #ea3e31 !important;
}
.fill-accent-color {
fill: #ea3e31 !important;
}
.border-accent-color {
border-color: #ea3e31 !important;
}
.bg-aqua {
background-color: #75d6bc !important;
}
.text-aqua {
color: #75d6bc !important;
}
.link-aqua {
color: #75d6bc !important;
}
.link-aqua:hover {
color: #5e5e5e !important;
}
.stroke-aqua {
stroke: #75d6bc !important;
}
.fill-aqua {
fill: #75d6bc !important;
}
.border-aqua {
border-color: #75d6bc !important;
}
.bg-black {
background-color: #060606 !important;
}
.text-black {
color: #060606 !important;
}
.link-black {
color: #060606 !important;
}
.link-black:hover {
color: #5e5e5e !important;
}
.stroke-black {
stroke: #060606 !important;
}
.fill-black {
fill: #060606 !important;
}
.border-black {
border-color: #060606 !important;
}
.bg-dark-green {
background-color: #335a43 !important;
}
.text-dark-green {
color: #335a43 !important;
}
.link-dark-green {
color: #335a43 !important;
}
.link-dark-green:hover {
color: #5e5e5e !important;
}
.stroke-dark-green {
stroke: #335a43 !important;
}
.fill-dark-green {
fill: #335a43 !important;
}
.border-dark-green {
border-color: #335a43 !important;
}
.bg-dark-grey {
background-color: #5e5e5e !important;
}
.text-dark-grey {
color: #5e5e5e !important;
}
.link-dark-grey {
color: #5e5e5e !important;
}
.link-dark-grey:hover {
color: #5e5e5e !important;
}
.stroke-dark-grey {
stroke: #5e5e5e !important;
}
.fill-dark-grey {
fill: #5e5e5e !important;
}
.border-dark-grey {
border-color: #5e5e5e !important;
}
.bg-dark-red {
background-color: #921317 !important;
}
.text-dark-red {
color: #921317 !important;
}
.link-dark-red {
color: #921317 !important;
}
.link-dark-red:hover {
color: #5e5e5e !important;
}
.stroke-dark-red {
stroke: #921317 !important;
}
.fill-dark-red {
fill: #921317 !important;
}
.border-dark-red {
border-color: #921317 !important;
}
.bg-error-color {
background-color: #ea3e31 !important;
}
.text-error-color {
color: #ea3e31 !important;
}
.link-error-color {
color: #ea3e31 !important;
}
.link-error-color:hover {
color: #5e5e5e !important;
}
.stroke-error-color {
stroke: #ea3e31 !important;
}
.fill-error-color {
fill: #ea3e31 !important;
}
.border-error-color {
border-color: #ea3e31 !important;
}
.bg-error-red {
background-color: #ea3e31 !important;
}
.text-error-red {
color: #ea3e31 !important;
}
.link-error-red {
color: #ea3e31 !important;
}
.link-error-red:hover {
color: #5e5e5e !important;
}
.stroke-error-red {
stroke: #ea3e31 !important;
}
.fill-error-red {
fill: #ea3e31 !important;
}
.border-error-red {
border-color: #ea3e31 !important;
}
.bg-fb-blue {
background-color: #3c599b !important;
}
.text-fb-blue {
color: #3c599b !important;
}
.link-fb-blue {
color: #3c599b !important;
}
.link-fb-blue:hover {
color: #5e5e5e !important;
}
.stroke-fb-blue {
stroke: #3c599b !important;
}
.fill-fb-blue {
fill: #3c599b !important;
}
.border-fb-blue {
border-color: #3c599b !important;
}
.bg-green {
background-color: #c3e5c1 !important;
}
.text-green {
color: #c3e5c1 !important;
}
.link-green {
color: #c3e5c1 !important;
}
.link-green:hover {
color: #5e5e5e !important;
}
.stroke-green {
stroke: #c3e5c1 !important;
}
.fill-green {
fill: #c3e5c1 !important;
}
.border-green {
border-color: #c3e5c1 !important;
}
.bg-highlight-bg-color {
background-color: #060606 !important;
}
.text-highlight-bg-color {
color: #060606 !important;
}
.link-highlight-bg-color {
color: #060606 !important;
}
.link-highlight-bg-color:hover {
color: #5e5e5e !important;
}
.stroke-highlight-bg-color {
stroke: #060606 !important;
}
.fill-highlight-bg-color {
fill: #060606 !important;
}
.border-highlight-bg-color {
border-color: #060606 !important;
}
.bg-highlight-grey {
background-color: #e6e6e6 !important;
}
.text-highlight-grey {
color: #e6e6e6 !important;
}
.link-highlight-grey {
color: #e6e6e6 !important;
}
.link-highlight-grey:hover {
color: #5e5e5e !important;
}
.stroke-highlight-grey {
stroke: #e6e6e6 !important;
}
.fill-highlight-grey {
fill: #e6e6e6 !important;
}
.border-highlight-grey {
border-color: #e6e6e6 !important;
}
.bg-highlight-text-color {
background-color: #fff !important;
}
.text-highlight-text-color {
color: #fff !important;
}
.link-highlight-text-color {
color: #fff !important;
}
.link-highlight-text-color:hover {
color: #5e5e5e !important;
}
.stroke-highlight-text-color {
stroke: #fff !important;
}
.fill-highlight-text-color {
fill: #fff !important;
}
.border-highlight-text-color {
border-color: #fff !important;
}
.bg-light-green {
background-color: #c3e5c1 !important;
}
.text-light-green {
color: #c3e5c1 !important;
}
.link-light-green {
color: #c3e5c1 !important;
}
.link-light-green:hover {
color: #5e5e5e !important;
}
.stroke-light-green {
stroke: #c3e5c1 !important;
}
.fill-light-green {
fill: #c3e5c1 !important;
}
.border-light-green {
border-color: #c3e5c1 !important;
}
.bg-light-grey {
background-color: #ddd !important;
}
.text-light-grey {
color: #ddd !important;
}
.link-light-grey {
color: #ddd !important;
}
.link-light-grey:hover {
color: #5e5e5e !important;
}
.stroke-light-grey {
stroke: #ddd !important;
}
.fill-light-grey {
fill: #ddd !important;
}
.border-light-grey {
border-color: #ddd !important;
}
.bg-light-red {
background-color: #fdb0b1 !important;
}
.text-light-red {
color: #fdb0b1 !important;
}
.link-light-red {
color: #fdb0b1 !important;
}
.link-light-red:hover {
color: #5e5e5e !important;
}
.stroke-light-red {
stroke: #fdb0b1 !important;
}
.fill-light-red {
fill: #fdb0b1 !important;
}
.border-light-red {
border-color: #fdb0b1 !important;
}
.bg-lightblack {
background-color: #353535 !important;
}
.text-lightblack {
color: #353535 !important;
}
.link-lightblack {
color: #353535 !important;
}
.link-lightblack:hover {
color: #5e5e5e !important;
}
.stroke-lightblack {
stroke: #353535 !important;
}
.fill-lightblack {
fill: #353535 !important;
}
.border-lightblack {
border-color: #353535 !important;
}
.bg-line-color {
background-color: #999 !important;
}
.text-line-color {
color: #999 !important;
}
.link-line-color {
color: #999 !important;
}
.link-line-color:hover {
color: #5e5e5e !important;
}
.stroke-line-color {
stroke: #999 !important;
}
.fill-line-color {
fill: #999 !important;
}
.border-line-color {
border-color: #999 !important;
}
.bg-med-dark-grey {
background-color: #888 !important;
}
.text-med-dark-grey {
color: #888 !important;
}
.link-med-dark-grey {
color: #888 !important;
}
.link-med-dark-grey:hover {
color: #5e5e5e !important;
}
.stroke-med-dark-grey {
stroke: #888 !important;
}
.fill-med-dark-grey {
fill: #888 !important;
}
.border-med-dark-grey {
border-color: #888 !important;
}
.bg-med-grey {
background-color: #999 !important;
}
.text-med-grey {
color: #999 !important;
}
.link-med-grey {
color: #999 !important;
}
.link-med-grey:hover {
color: #5e5e5e !important;
}
.stroke-med-grey {
stroke: #999 !important;
}
.fill-med-grey {
fill: #999 !important;
}
.border-med-grey {
border-color: #999 !important;
}
.bg-offblack {
background-color: #121212 !important;
}
.text-offblack {
color: #121212 !important;
}
.link-offblack {
color: #121212 !important;
}
.link-offblack:hover {
color: #5e5e5e !important;
}
.stroke-offblack {
stroke: #121212 !important;
}
.fill-offblack {
fill: #121212 !important;
}
.border-offblack {
border-color: #121212 !important;
}
.bg-offwhite {
background-color: #f3f3f3 !important;
}
.text-offwhite {
color: #f3f3f3 !important;
}
.link-offwhite {
color: #f3f3f3 !important;
}
.link-offwhite:hover {
color: #5e5e5e !important;
}
.stroke-offwhite {
stroke: #f3f3f3 !important;
}
.fill-offwhite {
fill: #f3f3f3 !important;
}
.border-offwhite {
border-color: #f3f3f3 !important;
}
.bg-primary-color {
background-color: #ea3e31 !important;
}
.text-primary-color {
color: #ea3e31 !important;
}
.link-primary-color {
color: #ea3e31 !important;
}
.link-primary-color:hover {
color: #5e5e5e !important;
}
.stroke-primary-color {
stroke: #ea3e31 !important;
}
.fill-primary-color {
fill: #ea3e31 !important;
}
.border-primary-color {
border-color: #ea3e31 !important;
}
.bg-red {
background-color: #ea3e31 !important;
}
.text-red {
color: #ea3e31 !important;
}
.link-red {
color: #ea3e31 !important;
}
.link-red:hover {
color: #5e5e5e !important;
}
.stroke-red {
stroke: #ea3e31 !important;
}
.fill-red {
fill: #ea3e31 !important;
}
.border-red {
border-color: #ea3e31 !important;
}
.bg-selection-bg-color {
background-color: #060606 !important;
}
.text-selection-bg-color {
color: #060606 !important;
}
.link-selection-bg-color {
color: #060606 !important;
}
.link-selection-bg-color:hover {
color: #5e5e5e !important;
}
.stroke-selection-bg-color {
stroke: #060606 !important;
}
.fill-selection-bg-color {
fill: #060606 !important;
}
.border-selection-bg-color {
border-color: #060606 !important;
}
.bg-selection-text-color {
background-color: #fff !important;
}
.text-selection-text-color {
color: #fff !important;
}
.link-selection-text-color {
color: #fff !important;
}
.link-selection-text-color:hover {
color: #5e5e5e !important;
}
.stroke-selection-text-color {
stroke: #fff !important;
}
.fill-selection-text-color {
fill: #fff !important;
}
.border-selection-text-color {
border-color: #fff !important;
}
.bg-std-grey {
background-color: #c4c4c4 !important;
}
.text-std-grey {
color: #c4c4c4 !important;
}
.link-std-grey {
color: #c4c4c4 !important;
}
.link-std-grey:hover {
color: #5e5e5e !important;
}
.stroke-std-grey {
stroke: #c4c4c4 !important;
}
.fill-std-grey {
fill: #c4c4c4 !important;
}
.border-std-grey {
border-color: #c4c4c4 !important;
}
.bg-success-color {
background-color: #121212 !important;
}
.text-success-color {
color: #121212 !important;
}
.link-success-color {
color: #121212 !important;
}
.link-success-color:hover {
color: #5e5e5e !important;
}
.stroke-success-color {
stroke: #121212 !important;
}
.fill-success-color {
fill: #121212 !important;
}
.border-success-color {
border-color: #121212 !important;
}
.bg-twitter-blue {
background-color: #3d99fb !important;
}
.text-twitter-blue {
color: #3d99fb !important;
}
.link-twitter-blue {
color: #3d99fb !important;
}
.link-twitter-blue:hover {
color: #5e5e5e !important;
}
.stroke-twitter-blue {
stroke: #3d99fb !important;
}
.fill-twitter-blue {
fill: #3d99fb !important;
}
.border-twitter-blue {
border-color: #3d99fb !important;
}
.bg-white {
background-color: #fff !important;
}
.text-white {
color: #fff !important;
}
.link-white {
color: #fff !important;
}
.link-white:hover {
color: #5e5e5e !important;
}
.stroke-white {
stroke: #fff !important;
}
.fill-white {
fill: #fff !important;
}
.border-white {
border-color: #fff !important;
}
@media (min-width: 641px) {
.module[data-scroll-target='introduction'] p {
margin: 0 0 1rem;
max-width: 60rem;
}
}
@media (min-width: 641px) {
#colors {
box-sizing: border-box;
margin-left: -2rem;
margin-right: -2rem;
padding-left: 2rem;
}
#colors::after {
clear: both;
content: '';
display: block;
}
}
#colors li {
position: relative;
padding: 0;
margin: 0 0 5rem 0;
}
.minimal #colors li {
position: relative;
padding: 0;
margin: 0 0 3rem 0;
text-align: center;
}
.designer #colors li {
box-shadow: 0px 0px 3px #c4c4c4;
}
@media (min-width: 641px) {
#colors li {
box-sizing: border-box;
position: relative;
min-height: 1px;
width: 100%;
width: calc( 33.33333% - ( 2rem ));
float: left;
margin-right: 2rem;
}
.no-gutter #colors li {
width: 33.33333%;
}
.no-gutter #colors li {
margin-right: 0;
}
}
#colors li .color {
height: 120px;
}
.minimal #colors li .color {
width: 120px;
height: 120px;
margin: 0 auto;
border-radius: 100%;
}
#colors li p {
display: none;
background-color: #fff;
font-size: 12px;
}
.default #colors li p.default {
display: block;
position: absolute;
bottom: 0;
left: 1em;
padding: 3px 13px;
}
.minimal #colors li p.minimal {
display: block;
padding: 0;
margin: 1rem 0 0;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
color: #919191;
}
.designer #colors li p.designer {
display: block;
padding: 1rem;
margin: 0;
}
@font-face {
font-family: 'FFDINWebBold';
src: url("../fonts/326496_0_0.eot");
src: url("../fonts/326496_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/326496_0_0.woff2") format("woff2"), url("../fonts/326496_0_0.woff") format("woff"), url("../fonts/326496_0_0.ttf") format("truetype");
}
@font-face {
font-family: 'FFDINWebMedium';
src: url("../fonts/326496_1_0.eot");
src: url("../fonts/326496_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/326496_1_0.woff2") format("woff2"), url("../fonts/326496_1_0.woff") format("woff"), url("../fonts/326496_1_0.ttf") format("truetype");
}
@font-face {
font-family: 'FFDINWeb';
src: url("../fonts/326496_2_0.eot");
src: url("../fonts/326496_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/326496_2_0.woff2") format("woff2"), url("../fonts/326496_2_0.woff") format("woff"), url("../fonts/326496_2_0.ttf") format("truetype");
}
@font-face {
font-family: 'FFDINWebBoldItalic';
src: url("../fonts/326496_3_0.eot");
src: url("../fonts/326496_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/326496_3_0.woff2") format("woff2"), url("../fonts/326496_3_0.woff") format("woff"), url("../fonts/326496_3_0.ttf") format("truetype");
}
@font-face {
font-family: 'GarageGothicBold';
src: url("../fonts/Garage Gothic Bold.eot");
src: url("../fonts/Garage Gothic Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Garage Gothic Bold.woff2") format("woff2"), url("../fonts/Garage Gothic Bold.woff") format("woff");
}
body {
color: #060606;
}
.dark {
color: #fff;
}
.dark-text {
color: #060606;
}
h1, h2, h3, h4, h5, h6,
ol, ul, li,
a, div, span, p, img,
td, table, tbody, hr, iframe,
button, input, textarea, select {
background: transparent;
border: 0 none;
margin: 0;
padding: 0;
-webkit-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
font-feature-settings: "kern";
-webkit-appearance: none;
border-radius: 0;
}
h1:not(input), h2:not(input), h3:not(input), h4:not(input), h5:not(input), h6:not(input),
ol:not(input), ul:not(input), li:not(input),
a:not(input), div:not(input), span:not(input), p:not(input), img:not(input),
td:not(input), table:not(input), tbody:not(input), hr:not(input), iframe:not(input),
button:not(input), input:not(input), textarea:not(input), select:not(input) {
-webkit-touch-callout: none;
}
li {
list-style: none inside;
}
a,
a:visited,
a:focus,
a:active,
a:hover,
input,
input:visited,
input:focus,
input:active,
input:hover,
button,
button:visited,
button:focus,
button:active,
button:hover {
outline: 0 none !important;
}
button {
cursor: pointer;
}
hr {
border-top: 1px solid #999;
}
.strikethrough {
text-decoration: line-through;
}
h1,
.h1 {
font-family: "GarageGothicBold", helvetica, sans-serif;
text-transform: uppercase;
}
h2,
.h2 {
font-family: "GarageGothicBold", helvetica, sans-serif;
text-transform: uppercase;
}
h3,
.h3 {
font-family: "GarageGothicBold", helvetica, sans-serif;
text-transform: uppercase;
}
h4,
.h4 {
font-family: "GarageGothicBold", helvetica, sans-serif;
text-transform: uppercase;
}
h5,
.h5 {
font-family: "GarageGothicBold", helvetica, sans-serif;
text-transform: uppercase;
}
h6,
.h6 {
font-family: "GarageGothicBold", helvetica, sans-serif;
text-transform: uppercase;
}
@media (min-width: 1025px) {
h1,
.h1 {
font-size: 10rem;
line-height: 8rem;
}
}
@media (min-width: 1281px) {
h1,
.h1 {
font-size: 12rem;
line-height: 10rem;
}
}
.h7,
.plus-minus-field--number input,
.arrow-button-field-tiny input,
.single-field-submit input,
.select-shoe-width .option,
.select-size .option,
.toggle a,
.metadata,
.input-labeled label.error,
.textarea-labeled label.error {
display: block;
}
[data-scroll-target="typography"] .h7,
[data-scroll-target="typography"] .plus-minus-field--number input,
.plus-minus-field--number [data-scroll-target="typography"] input,
[data-scroll-target="typography"] .arrow-button-field-tiny input,
.arrow-button-field-tiny [data-scroll-target="typography"] input,
[data-scroll-target="typography"] .single-field-submit input,
.single-field-submit [data-scroll-target="typography"] input,
[data-scroll-target="typography"] .select-shoe-width .option,
.select-shoe-width [data-scroll-target="typography"] .option,
[data-scroll-target="typography"] .select-size .option,
.select-size [data-scroll-target="typography"] .option,
[data-scroll-target="typography"] .toggle a,
.toggle [data-scroll-target="typography"] a, [data-scroll-target="typography"]
.metadata,
[data-scroll-target="typography"] .input-labeled label.error,
.input-labeled [data-scroll-target="typography"] label.error,
[data-scroll-target="typography"]
.textarea-labeled label.error,
.textarea-labeled [data-scroll-target="typography"] label.error {
margin-bottom: 2rem;
}
.h7,
.h8 {
-webkit-font-smooth: always;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.h7,
.plus-minus-field--number input,
.arrow-button-field-tiny input,
.single-field-submit input,
.select-shoe-width .option,
.select-size .option,
.toggle a {
font-family: "GarageGothicBold", helvetica, sans-serif;
font-weight: normal;
font-size: 1.6rem;
line-height: 1.8rem;
letter-spacing: 0.12rem;
text-transform: uppercase;
}
@media (min-width: 641px) {
.h7,
.plus-minus-field--number input,
.arrow-button-field-tiny input,
.single-field-submit input,
.select-shoe-width .option,
.select-size .option,
.toggle a {
font-size: 1.6rem;
line-height: 1.8rem;
letter-spacing: 0.12rem;
}
}
@media (min-width: 1025px) {
.h7,
.plus-minus-field--number input,
.arrow-button-field-tiny input,
.single-field-submit input,
.select-shoe-width .option,
.select-size .option,
.toggle a {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.12rem;
}
}
.h8,
.hero-pdp .pdp-col--right .selector-group--desc-tabs .tabs li:not(:last-child):after,
.hero-pdp .pdp-col--top .selector-group--desc-tabs .tabs li:not(:last-child):after,
.modal-quickview .col--right .selector-group--desc-tabs .tabs li:not(:last-child):after {
font-family: "GarageGothicBold", helvetica, sans-serif;
font-weight: normal;
font-size: 1.4rem;
line-height: 1.6rem;
letter-spacing: 0.12rem;
text-transform: uppercase;
}
@media (min-width: 641px) {
.h8,
.hero-pdp .pdp-col--right .selector-group--desc-tabs .tabs li:not(:last-child):after,
.hero-pdp .pdp-col--top .selector-group--desc-tabs .tabs li:not(:last-child):after,
.modal-quickview .col--right .selector-group--desc-tabs .tabs li:not(:last-child):after {
font-size: 1.4rem;
line-height: 1.6rem;
letter-spacing: 0.12rem;
}
}
@media (min-width: 1025px) {
.h8,
.hero-pdp .pdp-col--right .selector-group--desc-tabs .tabs li:not(:last-child):after,
.hero-pdp .pdp-col--top .selector-group--desc-tabs .tabs li:not(:last-child):after,
.modal-quickview .col--right .selector-group--desc-tabs .tabs li:not(:last-child):after {
font-size: 1.4rem;
line-height: 1.6rem;
letter-spacing: 0.12rem;
}
}
.metadata,
.input-labeled label.error,
.textarea-labeled label.error {
font-family: "FFDINWebBold", helvetica, sans-serif;
font-weight: normal;
font-size: 1rem;
line-height: 1.3rem;
letter-spacing: 0.04rem;
}
@media (min-width: 641px) {
.metadata,
.input-labeled label.error,
.textarea-labeled label.error {
font-size: 1rem;
line-height: 1.3rem;
letter-spacing: 0.04rem;
}
}
@media (min-width: 1025px) {
.metadata,
.input-labeled label.error,
.textarea-labeled label.error {
font-size: 1.1rem;
line-height: 1.4rem;
letter-spacing: 0.04rem;
}
}
.eyebrow {
font-family: "FFDINWebBoldItalic", helvetica, sans-serif;
font-weight: normal;
font-size: 1rem;
line-height: 1.2rem;
letter-spacing: 0.5rem;
text-transform: uppercase;
}
@media (min-width: 641px) {
.eyebrow {
font-size: 1.1rem;
line-height: 1.3rem;
letter-spacing: 0.5rem;
}
}
@media (min-width: 1025px) {
.eyebrow {
font-size: 1.1rem;
line-height: 1.4rem;
letter-spacing: 0.5rem;
}
}
.cta-copy,
.modal-stl .product-pin span {
font-family: "FFDINWebBold", helvetica, sans-serif;
font-weight: normal;
font-size: 1.2rem;
line-height: 1.2rem;
letter-spacing: 0.06rem;
text-transform: uppercase;
}
@media (min-width: 641px) {
.cta-copy,
.modal-stl .product-pin span {
font-size: 1.2rem;
line-height: 1.4rem;
letter-spacing: 0.06rem;
}
}
@media (min-width: 1025px) {
.cta-copy,
.modal-stl .product-pin span {
font-size: 1.2rem;
line-height: 1.2rem;
letter-spacing: 0.06rem;
}
}
.divider {
color: #ddd;
margin: 0 1rem;
letter-spacing: -0.08rem;
}
p,
.p {
font-family: "FFDINWebMedium", helvetica, sans-serif;
font-weight: normal;
font-size: 1.2rem;
line-height: 2rem;
letter-spacing: 0.01rem;
}
@media (min-width: 641px) {
p,
.p {
font-size: 1.3rem;
line-height: 2.4rem;
letter-spacing: 0.01rem;
}
}
@media (min-width: 1025px) {
p,
.p {
font-size: 1.3rem;
line-height: 2.4rem;
letter-spacing: 0.01rem;
}
}
p strong, p.strong,
p .strong,
.p strong,
.p.strong,
.p .strong {
font-family: "FFDINWebBold", helvetica, sans-serif;
font-weight: normal;
}
p.medium,
p .medium,
.p.medium,
.p .medium {
font-family: "FFDINWebMedium", helvetica, sans-serif;
font-weight: normal;
}
p.italic,
p .italic,
.p.italic,
.p .italic {
font-family: "FFDINWebBoldItalic", helvetica, sans-serif;
font-weight: normal;
}
.long-form {
font-family: "FFDINWeb", helvetica, sans-serif;
font-weight: normal;
font-size: 1.3rem;
line-height: 2rem;
letter-spacing: 0.06rem;
}
@media (min-width: 641px) {
.long-form {
font-size: 1.5rem;
line-height: 2.6rem;
letter-spacing: 0.01rem;
}
}
@media (min-width: 1025px) {
.long-form {
font-size: 1.7rem;
line-height: 3.2rem;
letter-spacing: 0.01rem;
}
}
.long-form strong, .long-form.strong,
.long-form .strong {
font-family: "FFDINWebBold", helvetica, sans-serif;
font-weight: normal;
}
.long-form.medium,
.long-form .medium {
font-family: "FFDINWebMedium", helvetica, sans-serif;
font-weight: normal;
}
.long-form.italic,
.long-form .italic {
font-family: "FFDINWebBoldItalic", helvetica, sans-serif;
font-weight: normal;
}
.apple-pay-button {
overflow: visible;
position: relative;
height: 5rem;
line-height: 5rem;
text-align: center;
vertical-align: top;
display: inline-block;
}
.apple-pay-button.fullbleed {
width: 100%;
}
.apple-pay-button.default {
min-width: 6rem;
}
.apple-pay-button .svg.background {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.apple-pay-button .svg.background path {
stroke: #fff !important;
fill: #060606 !important;
}
.apple-pay-button .svg {
overflow: visible;
}
.apple-pay-button .svg.icon {
display: inline-block;
position: relative;
top: 0.1rem;
width: 4.5rem;
height: 100%;
z-index: 5;
}
.apple-pay-button .svg.icon * {
fill: #060606 !important;
}
.apple-pay-button.secondary span {
color: #060606;
}
.apple-pay-button.secondary .svg.background path {
stroke: #060606 !important;
fill: transparent !important;
}
.dark .apple-pay-button .title {
color: #fff;
}
.dark .apple-pay-button .title:after {
color: #060606;
}
.apple-pay-button.white span, .apple-pay-button.light span {
color: #060606;
}
.bitmap-button.is-hover .svg.line-strike {
visibility: visible;
}
.bitmap-button .svg.line-strike {
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.bitmap-button .svg.line-strike * {
fill: #fff !important;
}
.btn {
display: inline-block;
position: relative;
min-width: 12rem;
height: 5.4rem;
overflow: visible;
text-align: center;
vertical-align: top;
cursor: pointer;
}
.btn .title {
display: inline-block;
position: relative;
top: calc(50% - 0.4rem);
margin: 0 3rem;
padding: 0;
z-index: 1;
color: #fff;
vertical-align: top;
transition-duration: .25s;
transition-property: color, transform;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
-webkit-font-smooth: always;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.btn .title span {
display: inline-block;
position: relative;
vertical-align: top;
}
.btn .svg {
overflow: visible;
}
.btn .svg.line-strike {
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.btn .svg.line-strike * {
fill: #fff !important;
}
.btn .svg.background,
.btn .texture-outline-rect {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.btn .svg.background.svg path,
.btn .texture-outline-rect.svg path {
stroke: #fff !important;
}
.btn.fullbleed {
width: 100%;
}
.btn.default {
min-width: 23rem;
}
.btn.small {
min-width: 0;
height: 3rem;
line-height: 3.2rem;
}
.btn.small .title {
top: calc(50% - 0.5rem);
margin: 0 1.2rem;
font-size: 1rem;
}
.btn.is-hover .svg.line-strike {
visibility: visible;
}
.btn:not(.texture) .svg.background path {
fill: #060606 !important;
}
.btn:not(.texture).secondary .svg.background path, .btn:not(.texture).light .svg.background path {
fill: transparent !important;
}
.btn.secondary span, .btn.light span {
color: #060606;
}
.btn.secondary .svg.background path, .btn.light .svg.background path {
stroke: #060606 !important;
}
.btn.secondary .svg.line-strike *, .btn.light .svg.line-strike * {
fill: #060606 !important;
}
.dark .btn span {
color: #fff;
}
.dark .btn span:after {
color: #060606;
}
.dark .btn .svg.line-strike * {
fill: #fff !important;
}
.dark .btn .svg.background path {
stroke: #fff !important;
}
.dark .btn.secondary span, .dark .btn.light span {
color: #060606;
}
.dark .btn.secondary .svg.line-strike *, .dark .btn.light .svg.line-strike * {
fill: #060606 !important;
}
.dark .btn.secondary .svg.background path, .dark .btn.light .svg.background path {
stroke: #060606 !important;
fill: #fff !important;
}
.corner-buttons {
display: none;
position: absolute;
top: 2rem;
left: auto;
right: 2rem;
width: 10rem;
z-index: 50;
font-size: 0;
white-space: nowrap;
text-align: right;
}
@media (min-width: 641px) {
.corner-buttons {
display: block;
}
}
@media (min-width: 1025px) {
.corner-buttons {
white-space: normal;
width: 4rem;
}
}
.corner-buttons .corner-close {
margin-right: 1rem;
opacity: 1;
}
@media (min-width: 1025px) {
.corner-buttons .corner-close {
margin-bottom: 0.6rem;
margin-right: 0;
}
}
.corner-buttons .corner-close:hover {
opacity: 1;
}
.corner-close {
position: relative;
display: inline-block !important;
width: 4.4rem;
height: 4.4rem;
font-size: 0;
}
.corner-close .icon {
position: absolute;
top: 0;
left: calc(50% - 0.7rem);
width: 1.5rem;
height: 100%;
z-index: 5;
}
.corner-close .icon * {
fill: #fff !important;
}
.corner-close .background {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.corner-close .background * {
stroke: #fff !important;
}
.corner-share {
position: relative;
display: inline-block;
width: 4.4rem;
height: 4.4rem;
font-size: 0;
}
.corner-share.is-hover .hover {
width: auto;
padding: 1.2rem 4.5rem 0 0;
}
.corner-share.is-hover .hover .social-links {
visibility: visible;
}
.corner-share .icon-container {
position: absolute;
width: inherit;
height: inherit;
}
.corner-share .icon {
position: absolute;
top: 0;
left: calc(50% - 0.9rem);
width: 1.6rem;
height: 100%;
z-index: 5;
}
.corner-share .icon * {
fill: #fff !important;
}
.corner-share .background {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.corner-share .background * {
stroke: #fff !important;
}
.corner-share .hover {
position: relative;
width: inherit;
height: inherit;
float: right;
}
.corner-share .social-links {
position: relative;
white-space: nowrap;
text-align: center;
visibility: hidden;
z-index: 1;
}
.corner-share .social-links li {
position: relative;
display: inline-block;
width: 1.6rem;
height: 1.6rem;
margin: 0 1.5rem;
}
.corner-share .social-links li.gplus {
width: 2.4rem;
}
.corner-share .social-links li a {
position: relative;
display: inline-block;
width: inherit;
height: inherit;
}
.corner-share .social-links li svg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.corner-share .social-links li svg * {
fill: #fff;
}
.heart-button {
overflow: visible;
position: relative;
min-width: 0;
padding: 0 1.5rem;
text-align: center;
vertical-align: top;
display: inline-block;
}
.heart-button.fullbleed {
width: 100%;
}
.heart-button.default {
min-width: 6rem;
}
.heart-button.has-title {
padding: 0 2rem;
}
.heart-button .svg.icon {
display: inline-block;
position: relative;
top: 0px;
width: 2.2rem;
height: 100%;
z-index: 5;
}
.heart-button .svg.icon * {
fill: #060606 !important;
}
.heart-button .title {
display: inline-block;
margin: 0 1rem;
}
.icon-button {
display: block;
position: relative;
width: 18rem;
height: 5rem;
padding: 2.0rem 0 0 2rem;
}
@media (min-width: 641px) {
.icon-button {
width: 22rem;
height: 6rem;
padding: 2.6rem 0 0 3rem;
}
}
.icon-button.is-hover .svg.line-strike {
visibility: visible;
}
.icon-button .cta-copy {
display: inline-block;
position: relative;
color: #fff;
z-index: 1;
}
.icon-button .cta-icon {
position: absolute;
top: 0;
left: auto;
right: 2.5rem;
width: 2.4rem;
height: 4.4rem;
pointer-events: none;
z-index: 1 !important;
}
@media (min-width: 641px) {
.icon-button .cta-icon {
right: 2.8rem;
width: 2.4rem;
height: 5.2rem;
}
}
.icon-button .cta-icon svg {
position: absolute;
width: 100%;
height: 100%;
}
.icon-button .cta-icon svg * {
fill: #fff !important;
}
.icon-button .svg.line-strike {
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.icon-button .svg.line-strike * {
fill: #fff !important;
}
.play-button {
display: inline-block;
position: relative;
width: 4.4rem;
height: 4.4rem;
}
.play-button.large {
width: 7.2rem;
height: 7.2rem;
}
.play-button.is-hover .svg.line-strike {
visibility: visible;
}
.play-button .icon-play {
position: absolute;
top: 0px;
left: 46%;
width: 20%;
height: 100%;
}
.play-button .play-button-outlines {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.play-button .play-button-outlines path {
stroke-width: 2.5px !important;
}
.play-button .svg.line-strike {
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.play-button .svg.line-strike * {
fill: #fff !important;
}
.apple-pay-button {
overflow: visible;
position: relative;
height: 5rem;
line-height: 5rem;
text-align: center;
vertical-align: top;
display: inline-block;
}
.apple-pay-button.fullbleed {
width: 100%;
}
.apple-pay-button.default {
min-width: 6rem;
}
.apple-pay-button .svg.background {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.apple-pay-button .svg.background path {
stroke: #fff !important;
fill: #060606 !important;
}
.apple-pay-button .svg {
overflow: visible;
}
.apple-pay-button .svg.icon {
display: inline-block;
position: relative;
top: 0.1rem;
width: 4.5rem;
height: 100%;
z-index: 5;
}
.apple-pay-button .svg.icon * {
fill: #060606 !important;
}
.apple-pay-button.secondary span {
color: #060606;
}
.apple-pay-button.secondary .svg.background path {
stroke: #060606 !important;
fill: transparent !important;
}
.dark .apple-pay-button .title {
color: #fff;
}
.dark .apple-pay-button .title:after {
color: #060606;
}
.apple-pay-button.white span, .apple-pay-button.light span {
color: #060606;
}
.bitmap-button.is-hover .svg.line-strike {
visibility: visible;
}
.bitmap-button .svg.line-strike {
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.bitmap-button .svg.line-strike * {
fill: #fff !important;
}
.btn {
display: inline-block;
position: relative;
min-width: 12rem;
height: 5.4rem;
overflow: visible;
text-align: center;
vertical-align: top;
cursor: pointer;
}
.btn .title {
display: inline-block;
position: relative;
top: calc(50% - 0.4rem);
margin: 0 3rem;
padding: 0;
z-index: 1;
color: #fff;
vertical-align: top;
transition-duration: .25s;
transition-property: color, transform;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
-webkit-font-smooth: always;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.btn .title span {
display: inline-block;
position: relative;
vertical-align: top;
}
.btn .svg {
overflow: visible;
}
.btn .svg.line-strike {
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.btn .svg.line-strike * {
fill: #fff !important;
}
.btn .svg.background,
.btn .texture-outline-rect {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.btn .svg.background.svg path,
.btn .texture-outline-rect.svg path {
stroke: #fff !important;
}
.btn.fullbleed {
width: 100%;
}
.btn.default {
min-width: 23rem;
}
.btn.small {
min-width: 0;
height: 3rem;
line-height: 3.2rem;
}
.btn.small .title {
top: calc(50% - 0.5rem);
margin: 0 1.2rem;
font-size: 1rem;
}
.btn.is-hover .svg.line-strike {
visibility: visible;
}
.btn:not(.texture) .svg.background path {
fill: #060606 !important;
}
.btn:not(.texture).secondary .svg.background path, .btn:not(.texture).light .svg.background path {
fill: transparent !important;
}
.btn.secondary span, .btn.light span {
color: #060606;
}
.btn.secondary .svg.background path, .btn.light .svg.background path {
stroke: #060606 !important;
}
.btn.secondary .svg.line-strike *, .btn.light .svg.line-strike * {
fill: #060606 !important;
}
.dark .btn span {
color: #fff;
}
.dark .btn span:after {
color: #060606;
}
.dark .btn .svg.line-strike * {
fill: #fff !important;
}
.dark .btn .svg.background path {
stroke: #fff !important;
}
.dark .btn.secondary span, .dark .btn.light span {
color: #060606;
}
.dark .btn.secondary .svg.line-strike *, .dark .btn.light .svg.line-strike * {
fill: #060606 !important;
}
.dark .btn.secondary .svg.background path, .dark .btn.light .svg.background path {
stroke: #060606 !important;
fill: #fff !important;
}
.corner-buttons {
display: none;
position: absolute;
top: 2rem;
left: auto;
right: 2rem;
width: 10rem;
z-index: 50;
font-size: 0;
white-space: nowrap;
text-align: right;
}
@media (min-width: 641px) {
.corner-buttons {
display: block;
}
}
@media (min-width: 1025px) {
.corner-buttons {
white-space: normal;
width: 4rem;
}
}
.corner-buttons .corner-close {
margin-right: 1rem;
opacity: 1;
}
@media (min-width: 1025px) {
.corner-buttons .corner-close {
margin-bottom: 0.6rem;
margin-right: 0;
}
}
.corner-buttons .corner-close:hover {
opacity: 1;
}
.corner-close {
position: relative;
display: inline-block !important;
width: 4.4rem;
height: 4.4rem;
font-size: 0;
}
.corner-close .icon {
position: absolute;
top: 0;
left: calc(50% - 0.7rem);
width: 1.5rem;
height: 100%;
z-index: 5;
}
.corner-close .icon * {
fill: #fff !important;
}
.corner-close .background {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.corner-close .background * {
stroke: #fff !important;
}
.corner-share {
position: relative;
display: inline-block;
width: 4.4rem;
height: 4.4rem;
font-size: 0;
}
.corner-share.is-hover .hover {
width: auto;
padding: 1.2rem 4.5rem 0 0;
}
.corner-share.is-hover .hover .social-links {
visibility: visible;
}
.corner-share .icon-container {
position: absolute;
width: inherit;
height: inherit;
}
.corner-share .icon {
position: absolute;
top: 0;
left: calc(50% - 0.9rem);
width: 1.6rem;
height: 100%;
z-index: 5;
}
.corner-share .icon * {
fill: #fff !important;
}
.corner-share .background {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.corner-share .background * {
stroke: #fff !important;
}
.corner-share .hover {
position: relative;
width: inherit;
height: inherit;
float: right;
}
.corner-share .social-links {
position: relative;
white-space: nowrap;
text-align: center;
visibility: hidden;
z-index: 1;
}
.corner-share .social-links li {
position: relative;
display: inline-block;
width: 1.6rem;
height: 1.6rem;
margin: 0 1.5rem;
}
.corner-share .social-links li.gplus {
width: 2.4rem;
}
.corner-share .social-links li a {
position: relative;
display: inline-block;
width: inherit;
height: inherit;
}
.corner-share .social-links li svg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.corner-share .social-links li svg * {
fill: #fff;
}
.heart-button {
overflow: visible;
position: relative;
min-width: 0;
padding: 0 1.5rem;
text-align: center;
vertical-align: top;
display: inline-block;
}
.heart-button.fullbleed {
width: 100%;
}
.heart-button.default {
min-width: 6rem;
}
.heart-button.has-title {
padding: 0 2rem;
}
.heart-button .svg.icon {
display: inline-block;
position: relative;
top: 0px;
width: 2.2rem;
height: 100%;
z-index: 5;
}
.heart-button .svg.icon * {
fill: #060606 !important;
}
.heart-button .title {
display: inline-block;
margin: 0 1rem;
}
.icon-button {
display: block;
position: relative;
width: 18rem;
height: 5rem;
padding: 2.0rem 0 0 2rem;
}
@media (min-width: 641px) {
.icon-button {
width: 22rem;
height: 6rem;
padding: 2.6rem 0 0 3rem;
}
}
.icon-button.is-hover .svg.line-strike {
visibility: visible;
}
.icon-button .cta-copy {
display: inline-block;
position: relative;
color: #fff;
z-index: 1;
}
.icon-button .cta-icon {
position: absolute;
top: 0;
left: auto;
right: 2.5rem;
width: 2.4rem;
height: 4.4rem;
pointer-events: none;
z-index: 1 !important;
}
@media (min-width: 641px) {
.icon-button .cta-icon {
right: 2.8rem;
width: 2.4rem;
height: 5.2rem;
}
}
.icon-button .cta-icon svg {
position: absolute;
width: 100%;
height: 100%;
}
.icon-button .cta-icon svg * {
fill: #fff !important;
}
.icon-button .svg.line-strike {
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.icon-button .svg.line-strike * {
fill: #fff !important;
}
.play-button {
display: inline-block;
position: relative;
width: 4.4rem;
height: 4.4rem;
}
.play-button.large {
width: 7.2rem;
height: 7.2rem;
}
.play-button.is-hover .svg.line-strike {
visibility: visible;
}
.play-button .icon-play {
position: absolute;
top: 0px;
left: 46%;
width: 20%;
height: 100%;
}
.play-button .play-button-outlines {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.play-button .play-button-outlines path {
stroke-width: 2.5px !important;
}
.play-button .svg.line-strike {
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.play-button .svg.line-strike * {
fill: #fff !important;
}
.module[data-scroll-target="buttons"] .btn {
margin-right: 1rem;
margin-bottom: 1rem;
vertical-align: top;
}
/* global button styles */
button {
border: none;
outline: none;
background: transparent;
cursor: pointer;
}
/* a styles */
a {
text-decoration: none;
color: #060606;
transition-property: color;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.2s;
}
a:hover {
color: #060606;
}
/* link underlines */
/* regular underline */
a.h7 a.metadata,
.link-underline,
a.underline {
display: inline-block;
position: relative;
}
a.h7 a.metadata:before,
.link-underline:before,
a.underline:before {
content: '';
position: absolute;
left: 0;
bottom: -1px;
width: 0;
height: 1px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgba(18, 18, 18, 0.12);
transition-property: width, background;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.2s;
}
a.h7 a.metadata:hover:before, a.h7 a.is-active.metadata:before,
.link-underline:hover:before,
.link-underline.is-active:before,
a.underline:hover:before,
a.underline.is-active:before {
width: 100%;
background: rgba(18, 18, 18, 0.8);
}
@media (min-width: 1025px) {
a.h7 a.metadata:before,
.link-underline:before,
a.underline:before {
width: 0%;
}
}
/* small underline */
#top-nav #utility-nav .left-buttons .title,
#top-nav #utility-nav .center-notifications .title,
#top-nav #utility-nav .right-buttons .title, .hero-pdp .pdp-col--left .breadcrumbs li a,
.link-underline-sm,
a.underline-sm {
display: inline-block;
position: relative;
}
#top-nav #utility-nav .left-buttons .title:before,
#top-nav #utility-nav .center-notifications .title:before,
#top-nav #utility-nav .right-buttons .title:before, .hero-pdp .pdp-col--left .breadcrumbs li a:before,
.link-underline-sm:before,
a.underline-sm:before {
content: '';
position: absolute;
left: 0;
bottom: 2px;
width: 0;
height: 1px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgba(18, 18, 18, 0.12);
transition-property: width, background;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.2s;
}
#top-nav #utility-nav .left-buttons .title:hover:before,
#top-nav #utility-nav .center-notifications .title:hover:before,
#top-nav #utility-nav .right-buttons .title:hover:before, .hero-pdp .pdp-col--left .breadcrumbs li a:hover:before, #top-nav #utility-nav .left-buttons .is-active.title:before,
#top-nav #utility-nav .center-notifications .is-active.title:before,
#top-nav #utility-nav .right-buttons .is-active.title:before, .hero-pdp .pdp-col--left .breadcrumbs li a.is-active:before,
.link-underline-sm:hover:before,
.link-underline-sm.is-active:before,
a.underline-sm:hover:before,
a.underline-sm.is-active:before {
width: 100%;
background: rgba(18, 18, 18, 0.4);
}
@media (min-width: 1025px) {
#top-nav #utility-nav .left-buttons .title:before,
#top-nav #utility-nav .center-notifications .title:before,
#top-nav #utility-nav .right-buttons .title:before, .hero-pdp .pdp-col--left .breadcrumbs li a:before,
.link-underline-sm:before,
a.underline-sm:before {
width: 0%;
}
}
/* large underline */
.link-underline-lg,
a.underline-lg {
display: inline-block;
position: relative;
}
.link-underline-lg:before,
a.underline-lg:before {
content: '';
position: absolute;
left: 0;
bottom: -2px;
width: 0;
height: 2px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #060606;
transition-property: width, background;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.2s;
}
h1
.link-underline-lg:before, h1
a.underline-lg:before {
height: 4px;
bottom: -4px;
}
h2
.link-underline-lg:before, h2
a.underline-lg:before {
height: 4px;
bottom: -4px;
}
h3
.link-underline-lg:before, h3
a.underline-lg:before {
height: 4px;
bottom: -4px;
}
h4
.link-underline-lg:before, h4
a.underline-lg:before {
height: 4px;
bottom: -4px;
}
h5
.link-underline-lg:before, h5
a.underline-lg:before {
height: 4px;
bottom: -4px;
}
h6
.link-underline-lg:before, h6
a.underline-lg:before {
height: 4px;
bottom: -4px;
}
.link-underline-lg:hover,
.link-underline-lg.is-active,
a.underline-lg:hover,
a.underline-lg.is-active {
color: #ea3e31;
}
.link-underline-lg:hover:before,
.link-underline-lg.is-active:before,
a.underline-lg:hover:before,
a.underline-lg.is-active:before {
width: 100%;
}
@media (min-width: 1025px) {
.link-underline-lg:before,
a.underline-lg:before {
width: 0%;
}
}
/* light underline */
.link-underline-light,
a.underline-light {
display: inline-block;
position: relative;
}
.link-underline-light:before,
a.underline-light:before {
content: '';
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgba(18, 18, 18, 0.16);
}
.link-underline-light:after,
a.underline-light:after {
content: '';
position: absolute;
left: 0;
bottom: -2px;
width: 0%;
height: 1px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgba(18, 18, 18, 0);
transition-property: width, background;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.link-underline-light.h7:before,
.link-underline-light.h7:after,
.link-underline-light.plp-tiles-copy:before,
.link-underline-light.plp-tiles-copy:after,
a.underline-light.h7:before,
a.underline-light.h7:after,
a.underline-light.plp-tiles-copy:before,
a.underline-light.plp-tiles-copy:after {
bottom: -1px;
}
.link-underline-light:hover:after,
.link-underline-light.is-active:after,
a.underline-light:hover:after,
a.underline-light.is-active:after {
background: rgba(18, 18, 18, 0.8);
width: 100%;
}
table {
width: 100%;
max-width: 100%;
}
table th,
table td {
padding: 1rem;
border-bottom: 1px solid #5e5e5e;
vertical-align: top;
}
table th {
text-align: left;
}
table thead th {
border-bottom-width: 2px;
vertical-align: bottom;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}
.list li {
padding-left: 3.5rem;
margin-bottom: 1rem;
position: relative;
}
.plus-minus-field {
position: relative;
float: left;
border: 1px solid #ea3e31;
}
.plus-minus-field::after {
clear: both;
content: '';
display: block;
}
.plus-minus-field--minus, .plus-minus-field--plus, .plus-minus-field--number {
position: relative;
float: left;
width: 2rem;
height: 2rem;
text-align: center;
transition-property: background;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.2s;
}
.plus-minus-field--minus svg, .plus-minus-field--plus svg {
position: absolute;
top: 0px;
left: 50%;
margin-left: -0.4rem;
width: 0.8rem;
height: 100%;
}
.plus-minus-field--minus svg *, .plus-minus-field--plus svg * {
fill: #999 !important;
transition-property: fill;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.2s;
}
.plus-minus-field--minus:hover, .plus-minus-field--plus:hover {
background: #ea3e31;
}
.plus-minus-field--minus:hover svg *, .plus-minus-field--plus:hover svg * {
fill: #060606 !important;
}
.plus-minus-field--number {
width: 2.5rem;
border-left: 1px solid #ea3e31;
border-right: 1px solid #ea3e31;
}
.plus-minus-field--number input {
position: absolute;
top: 0px;
left: 0px;
width: 100% !important;
height: 100% !important;
border: none !important;
text-align: center;
font-weight: 600;
font-size: 1.1 !important;
color: #5e5e5e !important;
padding: 0 !important;
}
.arrow-button-field-tiny {
display: inline-block;
position: relative;
width: 9rem;
height: 3rem;
}
.arrow-button-field-tiny input {
color: #999 !important;
padding: 0 1rem !important;
line-height: 3rem !important;
height: 3rem !important;
margin: 0 !important;
}
.arrow-button-field-tiny input::-webkit-input-placeholder {
font-size: 1.1rem;
}
.arrow-button-field-tiny input::-moz-placeholder {
font-size: 1.1rem;
}
.arrow-button-field-tiny input:-ms-input-placeholder {
font-size: 1.1rem;
}
.arrow-button-field-tiny input::placeholder {
font-size: 1.1rem;
}
.arrow-button-field-tiny input::-moz-placeholder {
font-size: 1.1rem;
}
.arrow-button-field-tiny input::-ms-input-placeholder {
font-size: 1.1rem;
}
.arrow-button-field-tiny button {
position: absolute;
top: 0px;
left: auto;
right: 1rem;
width: 1.4rem;
height: 100%;
z-index: 1;
}
.arrow-button-field-tiny button .arrow {
position: absolute;
top: 0px;
left: 0px;
width: 1.5rem;
height: 100%;
}
.arrow-button-field-tiny button .arrow * {
fill: #ddd !important;
}
.drag-drop-upload .wrapper {
width: 100%;
height: 10rem;
margin-top: 1rem;
position: relative;
overflow: hidden;
}
.drag-drop-upload label {
width: 100%;
height: 100%;
margin: 0;
border: 1px dashed #999;
cursor: pointer;
position: absolute;
left: 0;
top: 0;
transition-property: border-color;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.drag-drop-upload label:hover, .drag-drop-upload label.hover {
border-color: #5e5e5e;
}
.drag-drop-upload label svg {
width: 1.8rem;
height: 1.8rem;
position: absolute;
top: 2.8rem;
left: calc(50% - .9rem);
stroke: #999;
}
.drag-drop-upload label span {
width: 8rem;
text-align: center;
position: absolute;
top: 5.8rem;
left: calc(50% - 4rem);
}
.drag-drop-upload input[type="file"] {
position: absolute;
left: 0;
bottom: 100%;
outline: 0;
border: 0 none;
box-shadow: 0;
opacity: 0;
}
.drag-drop-upload .preview-zone {
width: calc(100% + 1rem);
padding: .5rem 0;
position: relative;
left: -.5rem;
}
.drag-drop-upload .preview-zone::after {
clear: both;
content: '';
display: block;
}
.drag-drop-upload .preview-zone li {
width: calc(100% / 3);
padding: .5rem .5rem 2.5rem;
float: left;
position: relative;
}
.drag-drop-upload .preview-zone li div {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
animation: fadeIn .25s linear;
}
.drag-drop-upload .preview-zone li div:before {
content: '';
padding-top: 100%;
display: block;
}
.drag-drop-upload .preview-zone li div .delete {
font-size: 1.1rem;
line-height: 1rem;
font-weight: 700;
text-transform: uppercase;
color: #5e5e5e;
position: absolute;
left: 0;
top: calc(100% + 1rem);
z-index: 1;
}
.drag-drop-upload .preview-zone li video {
width: 100%;
height: 100%;
background-color: black;
position: absolute;
left: 0;
top: 0;
}
.input[type="text"], .input[type="password"], .input[type="color"], .input[type="date"], .input[type="datetime"], .input[type="datetime-local"], .input[type="email"], .input[type="month"], .input[type="number"], .input[type="range"], .input[type="search"], .input[type="tel"], .input[type="time"], .input[type="url"], .input[type="week"], .input[type="zipcode"], .input.textarea,
.textarea[type="text"],
.textarea[type="password"],
.textarea[type="color"],
.textarea[type="date"],
.textarea[type="datetime"],
.textarea[type="datetime-local"],
.textarea[type="email"],
.textarea[type="month"],
.textarea[type="number"],
.textarea[type="range"],
.textarea[type="search"],
.textarea[type="tel"],
.textarea[type="time"],
.textarea[type="url"],
.textarea[type="week"],
.textarea[type="zipcode"],
.textarea.textarea {
position: relative;
display: inline-block;
width: 100%;
height: 5rem;
z-index: 1;
font-family: "FFDINWebBold", helvetica, sans-serif;
font-size: 1.3rem;
line-height: 5rem;
letter-spacing: 0.02rem;
border: 1px solid #121212;
padding: 0.2rem 1.5rem 0 2.2rem;
border-radius: 0;
background-color: white;
outline: none;
transition-property: color, background-color, border-color;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.input-labeled,
.textarea-labeled {
position: relative;
text-align: left;
margin-bottom: 2rem;
}
.input-labeled.disabled input,
.textarea-labeled.disabled input {
background: #ddd;
border: none;
}
.input-labeled.no-gap,
.textarea-labeled.no-gap {
margin-bottom: 0;
}
.input-labeled.small-gap,
.textarea-labeled.small-gap {
margin-bottom: 1rem;
}
.input-labeled label.error,
.textarea-labeled label.error {
position: absolute;
top: -1.5rem;
left: auto;
right: 0;
color: #ea3e31;
}
.input-labeled .metadata,
.textarea-labeled .metadata {
color: #5e5e5e;
vertical-align: top;
display: inline-block;
margin-bottom: 0.8rem;
}
.input-labeled .input[type="text"], .input-labeled .input[type="password"], .input-labeled .input[type="color"], .input-labeled .input[type="date"], .input-labeled .input[type="datetime"], .input-labeled .input[type="datetime-local"], .input-labeled .input[type="email"], .input-labeled .input[type="month"], .input-labeled .input[type="number"], .input-labeled .input[type="range"], .input-labeled .input[type="search"], .input-labeled .input[type="tel"], .input-labeled .input[type="time"], .input-labeled .input[type="url"], .input-labeled .input[type="week"], .input-labeled .input[type="zipcode"], .input-labeled .input.textarea,
.input-labeled .textarea[type="text"],
.input-labeled .textarea[type="password"],
.input-labeled .textarea[type="color"],
.input-labeled .textarea[type="date"],
.input-labeled .textarea[type="datetime"],
.input-labeled .textarea[type="datetime-local"],
.input-labeled .textarea[type="email"],
.input-labeled .textarea[type="month"],
.input-labeled .textarea[type="number"],
.input-labeled .textarea[type="range"],
.input-labeled .textarea[type="search"],
.input-labeled .textarea[type="tel"],
.input-labeled .textarea[type="time"],
.input-labeled .textarea[type="url"],
.input-labeled .textarea[type="week"],
.input-labeled .textarea[type="zipcode"],
.input-labeled .textarea.textarea,
.textarea-labeled .input[type="text"],
.textarea-labeled .input[type="password"],
.textarea-labeled .input[type="color"],
.textarea-labeled .input[type="date"],
.textarea-labeled .input[type="datetime"],
.textarea-labeled .input[type="datetime-local"],
.textarea-labeled .input[type="email"],
.textarea-labeled .input[type="month"],
.textarea-labeled .input[type="number"],
.textarea-labeled .input[type="range"],
.textarea-labeled .input[type="search"],
.textarea-labeled .input[type="tel"],
.textarea-labeled .input[type="time"],
.textarea-labeled .input[type="url"],
.textarea-labeled .input[type="week"],
.textarea-labeled .input[type="zipcode"],
.textarea-labeled .input.textarea,
.textarea-labeled .textarea[type="text"],
.textarea-labeled .textarea[type="password"],
.textarea-labeled .textarea[type="color"],
.textarea-labeled .textarea[type="date"],
.textarea-labeled .textarea[type="datetime"],
.textarea-labeled .textarea[type="datetime-local"],
.textarea-labeled .textarea[type="email"],
.textarea-labeled .textarea[type="month"],
.textarea-labeled .textarea[type="number"],
.textarea-labeled .textarea[type="range"],
.textarea-labeled .textarea[type="search"],
.textarea-labeled .textarea[type="tel"],
.textarea-labeled .textarea[type="time"],
.textarea-labeled .textarea[type="url"],
.textarea-labeled .textarea[type="week"],
.textarea-labeled .textarea[type="zipcode"],
.textarea-labeled .textarea.textarea {
padding: 0.2rem 1.5rem 0 3.2rem;
}
.input-labeled .input[type="text"]::-webkit-input-placeholder, .input-labeled .input[type="password"]::-webkit-input-placeholder, .input-labeled .input[type="color"]::-webkit-input-placeholder, .input-labeled .input[type="date"]::-webkit-input-placeholder, .input-labeled .input[type="datetime"]::-webkit-input-placeholder, .input-labeled .input[type="datetime-local"]::-webkit-input-placeholder, .input-labeled .input[type="email"]::-webkit-input-placeholder, .input-labeled .input[type="month"]::-webkit-input-placeholder, .input-labeled .input[type="number"]::-webkit-input-placeholder, .input-labeled .input[type="range"]::-webkit-input-placeholder, .input-labeled .input[type="search"]::-webkit-input-placeholder, .input-labeled .input[type="tel"]::-webkit-input-placeholder, .input-labeled .input[type="time"]::-webkit-input-placeholder, .input-labeled .input[type="url"]::-webkit-input-placeholder, .input-labeled .input[type="week"]::-webkit-input-placeholder, .input-labeled .input[type="zipcode"]::-webkit-input-placeholder, .input-labeled .input.textarea::-webkit-input-placeholder,
.input-labeled .textarea[type="text"]::-webkit-input-placeholder,
.input-labeled .textarea[type="password"]::-webkit-input-placeholder,
.input-labeled .textarea[type="color"]::-webkit-input-placeholder,
.input-labeled .textarea[type="date"]::-webkit-input-placeholder,
.input-labeled .textarea[type="datetime"]::-webkit-input-placeholder,
.input-labeled .textarea[type="datetime-local"]::-webkit-input-placeholder,
.input-labeled .textarea[type="email"]::-webkit-input-placeholder,
.input-labeled .textarea[type="month"]::-webkit-input-placeholder,
.input-labeled .textarea[type="number"]::-webkit-input-placeholder,
.input-labeled .textarea[type="range"]::-webkit-input-placeholder,
.input-labeled .textarea[type="search"]::-webkit-input-placeholder,
.input-labeled .textarea[type="tel"]::-webkit-input-placeholder,
.input-labeled .textarea[type="time"]::-webkit-input-placeholder,
.input-labeled .textarea[type="url"]::-webkit-input-placeholder,
.input-labeled .textarea[type="week"]::-webkit-input-placeholder,
.input-labeled .textarea[type="zipcode"]::-webkit-input-placeholder,
.input-labeled .textarea.textarea::-webkit-input-placeholder,
.textarea-labeled .input[type="text"]::-webkit-input-placeholder,
.textarea-labeled .input[type="password"]::-webkit-input-placeholder,
.textarea-labeled .input[type="color"]::-webkit-input-placeholder,
.textarea-labeled .input[type="date"]::-webkit-input-placeholder,
.textarea-labeled .input[type="datetime"]::-webkit-input-placeholder,
.textarea-labeled .input[type="datetime-local"]::-webkit-input-placeholder,
.textarea-labeled .input[type="email"]::-webkit-input-placeholder,
.textarea-labeled .input[type="month"]::-webkit-input-placeholder,
.textarea-labeled .input[type="number"]::-webkit-input-placeholder,
.textarea-labeled .input[type="range"]::-webkit-input-placeholder,
.textarea-labeled .input[type="search"]::-webkit-input-placeholder,
.textarea-labeled .input[type="tel"]::-webkit-input-placeholder,
.textarea-labeled .input[type="time"]::-webkit-input-placeholder,
.textarea-labeled .input[type="url"]::-webkit-input-placeholder,
.textarea-labeled .input[type="week"]::-webkit-input-placeholder,
.textarea-labeled .input[type="zipcode"]::-webkit-input-placeholder,
.textarea-labeled .input.textarea::-webkit-input-placeholder,
.textarea-labeled .textarea[type="text"]::-webkit-input-placeholder,
.textarea-labeled .textarea[type="password"]::-webkit-input-placeholder,
.textarea-labeled .textarea[type="color"]::-webkit-input-placeholder,
.textarea-labeled .textarea[type="date"]::-webkit-input-placeholder,
.textarea-labeled .textarea[type="datetime"]::-webkit-input-placeholder,
.textarea-labeled .textarea[type="datetime-local"]::-webkit-input-placeholder,
.textarea-labeled .textarea[type="email"]::-webkit-input-placeholder,
.textarea-labeled .textarea[type="month"]::-webkit-input-placeholder,
.textarea-labeled .textarea[type="number"]::-webkit-input-placeholder,
.textarea-labeled .textarea[type="range"]::-webkit-input-placeholder,
.textarea-labeled .textarea[type="search"]::-webkit-input-placeholder,
.textarea-labeled .textarea[type="tel"]::-webkit-input-placeholder,
.textarea-labeled .textarea[type="time"]::-webkit-input-placeholder,
.textarea-labeled .textarea[type="url"]::-webkit-input-placeholder,
.textarea-labeled .textarea[type="week"]::-webkit-input-placeholder,
.textarea-labeled .textarea[type="zipcode"]::-webkit-input-placeholder,
.textarea-labeled .textarea.textarea::-webkit-input-placeholder {
opacity: 1;
color: #999;
font-family: "FFDINWebBold", helvetica, sans-serif;
font-size: 1.3rem;
letter-spacing: 0.02rem;
line-height: 5rem;
transition-property: color;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.input-labeled .input[type="text"]::-moz-placeholder, .input-labeled .input[type="password"]::-moz-placeholder, .input-labeled .input[type="color"]::-moz-placeholder, .input-labeled .input[type="date"]::-moz-placeholder, .input-labeled .input[type="datetime"]::-moz-placeholder, .input-labeled .input[type="datetime-local"]::-moz-placeholder, .input-labeled .input[type="email"]::-moz-placeholder, .input-labeled .input[type="month"]::-moz-placeholder, .input-labeled .input[type="number"]::-moz-placeholder, .input-labeled .input[type="range"]::-moz-placeholder, .input-labeled .input[type="search"]::-moz-placeholder, .input-labeled .input[type="tel"]::-moz-placeholder, .input-labeled .input[type="time"]::-moz-placeholder, .input-labeled .input[type="url"]::-moz-placeholder, .input-labeled .input[type="week"]::-moz-placeholder, .input-labeled .input[type="zipcode"]::-moz-placeholder, .input-labeled .input.textarea::-moz-placeholder,
.input-labeled .textarea[type="text"]::-moz-placeholder,
.input-labeled .textarea[type="password"]::-moz-placeholder,
.input-labeled .textarea[type="color"]::-moz-placeholder,
.input-labeled .textarea[type="date"]::-moz-placeholder,
.input-labeled .textarea[type="datetime"]::-moz-placeholder,
.input-labeled .textarea[type="datetime-local"]::-moz-placeholder,
.input-labeled .textarea[type="email"]::-moz-placeholder,
.input-labeled .textarea[type="month"]::-moz-placeholder,
.input-labeled .textarea[type="number"]::-moz-placeholder,
.input-labeled .textarea[type="range"]::-moz-placeholder,
.input-labeled .textarea[type="search"]::-moz-placeholder,
.input-labeled .textarea[type="tel"]::-moz-placeholder,
.input-labeled .textarea[type="time"]::-moz-placeholder,
.input-labeled .textarea[type="url"]::-moz-placeholder,
.input-labeled .textarea[type="week"]::-moz-placeholder,
.input-labeled .textarea[type="zipcode"]::-moz-placeholder,
.input-labeled .textarea.textarea::-moz-placeholder,
.textarea-labeled .input[type="text"]::-moz-placeholder,
.textarea-labeled .input[type="password"]::-moz-placeholder,
.textarea-labeled .input[type="color"]::-moz-placeholder,
.textarea-labeled .input[type="date"]::-moz-placeholder,
.textarea-labeled .input[type="datetime"]::-moz-placeholder,
.textarea-labeled .input[type="datetime-local"]::-moz-placeholder,
.textarea-labeled .input[type="email"]::-moz-placeholder,
.textarea-labeled .input[type="month"]::-moz-placeholder,
.textarea-labeled .input[type="number"]::-moz-placeholder,
.textarea-labeled .input[type="range"]::-moz-placeholder,
.textarea-labeled .input[type="search"]::-moz-placeholder,
.textarea-labeled .input[type="tel"]::-moz-placeholder,
.textarea-labeled .input[type="time"]::-moz-placeholder,
.textarea-labeled .input[type="url"]::-moz-placeholder,
.textarea-labeled .input[type="week"]::-moz-placeholder,
.textarea-labeled .input[type="zipcode"]::-moz-placeholder,
.textarea-labeled .input.textarea::-moz-placeholder,
.textarea-labeled .textarea[type="text"]::-moz-placeholder,
.textarea-labeled .textarea[type="password"]::-moz-placeholder,
.textarea-labeled .textarea[type="color"]::-moz-placeholder,
.textarea-labeled .textarea[type="date"]::-moz-placeholder,
.textarea-labeled .textarea[type="datetime"]::-moz-placeholder,
.textarea-labeled .textarea[type="datetime-local"]::-moz-placeholder,
.textarea-labeled .textarea[type="email"]::-moz-placeholder,
.textarea-labeled .textarea[type="month"]::-moz-placeholder,
.textarea-labeled .textarea[type="number"]::-moz-placeholder,
.textarea-labeled .textarea[type="range"]::-moz-placeholder,
.textarea-labeled .textarea[type="search"]::-moz-placeholder,
.textarea-labeled .textarea[type="tel"]::-moz-placeholder,
.textarea-labeled .textarea[type="time"]::-moz-placeholder,
.textarea-labeled .textarea[type="url"]::-moz-placeholder,
.textarea-labeled .textarea[type="week"]::-moz-placeholder,
.textarea-labeled .textarea[type="zipcode"]::-moz-placeholder,
.textarea-labeled .textarea.textarea::-moz-placeholder {
opacity: 1;
color: #999;
font-family: "FFDINWebBold", helvetica, sans-serif;
font-size: 1.3rem;
letter-spacing: 0.02rem;
line-height: 5rem;
transition-property: color;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.input-labeled .input[type="text"]:-ms-input-placeholder, .input-labeled .input[type="password"]:-ms-input-placeholder, .input-labeled .input[type="color"]:-ms-input-placeholder, .input-labeled .input[type="date"]:-ms-input-placeholder, .input-labeled .input[type="datetime"]:-ms-input-placeholder, .input-labeled .input[type="datetime-local"]:-ms-input-placeholder, .input-labeled .input[type="email"]:-ms-input-placeholder, .input-labeled .input[type="month"]:-ms-input-placeholder, .input-labeled .input[type="number"]:-ms-input-placeholder, .input-labeled .input[type="range"]:-ms-input-placeholder, .input-labeled .input[type="search"]:-ms-input-placeholder, .input-labeled .input[type="tel"]:-ms-input-placeholder, .input-labeled .input[type="time"]:-ms-input-placeholder, .input-labeled .input[type="url"]:-ms-input-placeholder, .input-labeled .input[type="week"]:-ms-input-placeholder, .input-labeled .input[type="zipcode"]:-ms-input-placeholder, .input-labeled .input.textarea:-ms-input-placeholder,
.input-labeled .textarea[type="text"]:-ms-input-placeholder,
.input-labeled .textarea[type="password"]:-ms-input-placeholder,
.input-labeled .textarea[type="color"]:-ms-input-placeholder,
.input-labeled .textarea[type="date"]:-ms-input-placeholder,
.input-labeled .textarea[type="datetime"]:-ms-input-placeholder,
.input-labeled .textarea[type="datetime-local"]:-ms-input-placeholder,
.input-labeled .textarea[type="email"]:-ms-input-placeholder,
.input-labeled .textarea[type="month"]:-ms-input-placeholder,
.input-labeled .textarea[type="number"]:-ms-input-placeholder,
.input-labeled .textarea[type="range"]:-ms-input-placeholder,
.input-labeled .textarea[type="search"]:-ms-input-placeholder,
.input-labeled .textarea[type="tel"]:-ms-input-placeholder,
.input-labeled .textarea[type="time"]:-ms-input-placeholder,
.input-labeled .textarea[type="url"]:-ms-input-placeholder,
.input-labeled .textarea[type="week"]:-ms-input-placeholder,
.input-labeled .textarea[type="zipcode"]:-ms-input-placeholder,
.input-labeled .textarea.textarea:-ms-input-placeholder,
.textarea-labeled .input[type="text"]:-ms-input-placeholder,
.textarea-labeled .input[type="password"]:-ms-input-placeholder,
.textarea-labeled .input[type="color"]:-ms-input-placeholder,
.textarea-labeled .input[type="date"]:-ms-input-placeholder,
.textarea-labeled .input[type="datetime"]:-ms-input-placeholder,
.textarea-labeled .input[type="datetime-local"]:-ms-input-placeholder,
.textarea-labeled .input[type="email"]:-ms-input-placeholder,
.textarea-labeled .input[type="month"]:-ms-input-placeholder,
.textarea-labeled .input[type="number"]:-ms-input-placeholder,
.textarea-labeled .input[type="range"]:-ms-input-placeholder,
.textarea-labeled .input[type="search"]:-ms-input-placeholder,
.textarea-labeled .input[type="tel"]:-ms-input-placeholder,
.textarea-labeled .input[type="time"]:-ms-input-placeholder,
.textarea-labeled .input[type="url"]:-ms-input-placeholder,
.textarea-labeled .input[type="week"]:-ms-input-placeholder,
.textarea-labeled .input[type="zipcode"]:-ms-input-placeholder,
.textarea-labeled .input.textarea:-ms-input-placeholder,
.textarea-labeled .textarea[type="text"]:-ms-input-placeholder,
.textarea-labeled .textarea[type="password"]:-ms-input-placeholder,
.textarea-labeled .textarea[type="color"]:-ms-input-placeholder,
.textarea-labeled .textarea[type="date"]:-ms-input-placeholder,
.textarea-labeled .textarea[type="datetime"]:-ms-input-placeholder,
.textarea-labeled .textarea[type="datetime-local"]:-ms-input-placeholder,
.textarea-labeled .textarea[type="email"]:-ms-input-placeholder,
.textarea-labeled .textarea[type="month"]:-ms-input-placeholder,
.textarea-labeled .textarea[type="number"]:-ms-input-placeholder,
.textarea-labeled .textarea[type="range"]:-ms-input-placeholder,
.textarea-labeled .textarea[type="search"]:-ms-input-placeholder,
.textarea-labeled .textarea[type="tel"]:-ms-input-placeholder,
.textarea-labeled .textarea[type="time"]:-ms-input-placeholder,
.textarea-labeled .textarea[type="url"]:-ms-input-placeholder,
.textarea-labeled .textarea[type="week"]:-ms-input-placeholder,
.textarea-labeled .textarea[type="zipcode"]:-ms-input-placeholder,
.textarea-labeled .textarea.textarea:-ms-input-placeholder {
opacity: 1;
color: #999;
font-family: "FFDINWebBold", helvetica, sans-serif;
font-size: 1.3rem;
letter-spacing: 0.02rem;
line-height: 5rem;
transition-property: color;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.input-labeled .input[type="text"]:-moz-placeholder, .input-labeled .input[type="password"]:-moz-placeholder, .input-labeled .input[type="color"]:-moz-placeholder, .input-labeled .input[type="date"]:-moz-placeholder, .input-labeled .input[type="datetime"]:-moz-placeholder, .input-labeled .input[type="datetime-local"]:-moz-placeholder, .input-labeled .input[type="email"]:-moz-placeholder, .input-labeled .input[type="month"]:-moz-placeholder, .input-labeled .input[type="number"]:-moz-placeholder, .input-labeled .input[type="range"]:-moz-placeholder, .input-labeled .input[type="search"]:-moz-placeholder, .input-labeled .input[type="tel"]:-moz-placeholder, .input-labeled .input[type="time"]:-moz-placeholder, .input-labeled .input[type="url"]:-moz-placeholder, .input-labeled .input[type="week"]:-moz-placeholder, .input-labeled .input[type="zipcode"]:-moz-placeholder, .input-labeled .input.textarea:-moz-placeholder,
.input-labeled .textarea[type="text"]:-moz-placeholder,
.input-labeled .textarea[type="password"]:-moz-placeholder,
.input-labeled .textarea[type="color"]:-moz-placeholder,
.input-labeled .textarea[type="date"]:-moz-placeholder,
.input-labeled .textarea[type="datetime"]:-moz-placeholder,
.input-labeled .textarea[type="datetime-local"]:-moz-placeholder,
.input-labeled .textarea[type="email"]:-moz-placeholder,
.input-labeled .textarea[type="month"]:-moz-placeholder,
.input-labeled .textarea[type="number"]:-moz-placeholder,
.input-labeled .textarea[type="range"]:-moz-placeholder,
.input-labeled .textarea[type="search"]:-moz-placeholder,
.input-labeled .textarea[type="tel"]:-moz-placeholder,
.input-labeled .textarea[type="time"]:-moz-placeholder,
.input-labeled .textarea[type="url"]:-moz-placeholder,
.input-labeled .textarea[type="week"]:-moz-placeholder,
.input-labeled .textarea[type="zipcode"]:-moz-placeholder,
.input-labeled .textarea.textarea:-moz-placeholder,
.textarea-labeled .input[type="text"]:-moz-placeholder,
.textarea-labeled .input[type="password"]:-moz-placeholder,
.textarea-labeled .input[type="color"]:-moz-placeholder,
.textarea-labeled .input[type="date"]:-moz-placeholder,
.textarea-labeled .input[type="datetime"]:-moz-placeholder,
.textarea-labeled .input[type="datetime-local"]:-moz-placeholder,
.textarea-labeled .input[type="email"]:-moz-placeholder,
.textarea-labeled .input[type="month"]:-moz-placeholder,
.textarea-labeled .input[type="number"]:-moz-placeholder,
.textarea-labeled .input[type="range"]:-moz-placeholder,
.textarea-labeled .input[type="search"]:-moz-placeholder,
.textarea-labeled .input[type="tel"]:-moz-placeholder,
.textarea-labeled .input[type="time"]:-moz-placeholder,
.textarea-labeled .input[type="url"]:-moz-placeholder,
.textarea-labeled .input[type="week"]:-moz-placeholder,
.textarea-labeled .input[type="zipcode"]:-moz-placeholder,
.textarea-labeled .input.textarea:-moz-placeholder,
.textarea-labeled .textarea[type="text"]:-moz-placeholder,
.textarea-labeled .textarea[type="password"]:-moz-placeholder,
.textarea-labeled .textarea[type="color"]:-moz-placeholder,
.textarea-labeled .textarea[type="date"]:-moz-placeholder,
.textarea-labeled .textarea[type="datetime"]:-moz-placeholder,
.textarea-labeled .textarea[type="datetime-local"]:-moz-placeholder,
.textarea-labeled .textarea[type="email"]:-moz-placeholder,
.textarea-labeled .textarea[type="month"]:-moz-placeholder,
.textarea-labeled .textarea[type="number"]:-moz-placeholder,
.textarea-labeled .textarea[type="range"]:-moz-placeholder,
.textarea-labeled .textarea[type="search"]:-moz-placeholder,
.textarea-labeled .textarea[type="tel"]:-moz-placeholder,
.textarea-labeled .textarea[type="time"]:-moz-placeholder,
.textarea-labeled .textarea[type="url"]:-moz-placeholder,
.textarea-labeled .textarea[type="week"]:-moz-placeholder,
.textarea-labeled .textarea[type="zipcode"]:-moz-placeholder,
.textarea-labeled .textarea.textarea:-moz-placeholder {
opacity: 1;
color: #999;
font-family: "FFDINWebBold", helvetica, sans-serif;
font-size: 1.3rem;
letter-spacing: 0.02rem;
line-height: 5rem;
transition-property: color;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.input-labeled .input[type="text"]:focus, .input-labeled .input[type="password"]:focus, .input-labeled .input[type="color"]:focus, .input-labeled .input[type="date"]:focus, .input-labeled .input[type="datetime"]:focus, .input-labeled .input[type="datetime-local"]:focus, .input-labeled .input[type="email"]:focus, .input-labeled .input[type="month"]:focus, .input-labeled .input[type="number"]:focus, .input-labeled .input[type="range"]:focus, .input-labeled .input[type="search"]:focus, .input-labeled .input[type="tel"]:focus, .input-labeled .input[type="time"]:focus, .input-labeled .input[type="url"]:focus, .input-labeled .input[type="week"]:focus, .input-labeled .input[type="zipcode"]:focus, .input-labeled .input.textarea:focus,
.input-labeled .textarea[type="text"]:focus,
.input-labeled .textarea[type="password"]:focus,
.input-labeled .textarea[type="color"]:focus,
.input-labeled .textarea[type="date"]:focus,
.input-labeled .textarea[type="datetime"]:focus,
.input-labeled .textarea[type="datetime-local"]:focus,
.input-labeled .textarea[type="email"]:focus,
.input-labeled .textarea[type="month"]:focus,
.input-labeled .textarea[type="number"]:focus,
.input-labeled .textarea[type="range"]:focus,
.input-labeled .textarea[type="search"]:focus,
.input-labeled .textarea[type="tel"]:focus,
.input-labeled .textarea[type="time"]:focus,
.input-labeled .textarea[type="url"]:focus,
.input-labeled .textarea[type="week"]:focus,
.input-labeled .textarea[type="zipcode"]:focus,
.input-labeled .textarea.textarea:focus,
.textarea-labeled .input[type="text"]:focus,
.textarea-labeled .input[type="password"]:focus,
.textarea-labeled .input[type="color"]:focus,
.textarea-labeled .input[type="date"]:focus,
.textarea-labeled .input[type="datetime"]:focus,
.textarea-labeled .input[type="datetime-local"]:focus,
.textarea-labeled .input[type="email"]:focus,
.textarea-labeled .input[type="month"]:focus,
.textarea-labeled .input[type="number"]:focus,
.textarea-labeled .input[type="range"]:focus,
.textarea-labeled .input[type="search"]:focus,
.textarea-labeled .input[type="tel"]:focus,
.textarea-labeled .input[type="time"]:focus,
.textarea-labeled .input[type="url"]:focus,
.textarea-labeled .input[type="week"]:focus,
.textarea-labeled .input[type="zipcode"]:focus,
.textarea-labeled .input.textarea:focus,
.textarea-labeled .textarea[type="text"]:focus,
.textarea-labeled .textarea[type="password"]:focus,
.textarea-labeled .textarea[type="color"]:focus,
.textarea-labeled .textarea[type="date"]:focus,
.textarea-labeled .textarea[type="datetime"]:focus,
.textarea-labeled .textarea[type="datetime-local"]:focus,
.textarea-labeled .textarea[type="email"]:focus,
.textarea-labeled .textarea[type="month"]:focus,
.textarea-labeled .textarea[type="number"]:focus,
.textarea-labeled .textarea[type="range"]:focus,
.textarea-labeled .textarea[type="search"]:focus,
.textarea-labeled .textarea[type="tel"]:focus,
.textarea-labeled .textarea[type="time"]:focus,
.textarea-labeled .textarea[type="url"]:focus,
.textarea-labeled .textarea[type="week"]:focus,
.textarea-labeled .textarea[type="zipcode"]:focus,
.textarea-labeled .textarea.textarea:focus {
border: 2px solid #121212;
padding: 0.1rem 1.5rem 0 3.1rem;
}
.input-labeled .input[type="text"]:focus::-webkit-input-placeholder, .input-labeled .input[type="password"]:focus::-webkit-input-placeholder, .input-labeled .input[type="color"]:focus::-webkit-input-placeholder, .input-labeled .input[type="date"]:focus::-webkit-input-placeholder, .input-labeled .input[type="datetime"]:focus::-webkit-input-placeholder, .input-labeled .input[type="datetime-local"]:focus::-webkit-input-placeholder, .input-labeled .input[type="email"]:focus::-webkit-input-placeholder, .input-labeled .input[type="month"]:focus::-webkit-input-placeholder, .input-labeled .input[type="number"]:focus::-webkit-input-placeholder, .input-labeled .input[type="range"]:focus::-webkit-input-placeholder, .input-labeled .input[type="search"]:focus::-webkit-input-placeholder, .input-labeled .input[type="tel"]:focus::-webkit-input-placeholder, .input-labeled .input[type="time"]:focus::-webkit-input-placeholder, .input-labeled .input[type="url"]:focus::-webkit-input-placeholder, .input-labeled .input[type="week"]:focus::-webkit-input-placeholder, .input-labeled .input[type="zipcode"]:focus::-webkit-input-placeholder, .input-labeled .input.textarea:focus::-webkit-input-placeholder,
.input-labeled .textarea[type="text"]:focus::-webkit-input-placeholder,
.input-labeled .textarea[type="password"]:focus::-webkit-input-placeholder,
.input-labeled .textarea[type="color"]:focus::-webkit-input-placeholder,
.input-labeled .textarea[type="date"]:focus::-webkit-input-placeholder,
.input-labeled .textarea[type="datetime"]:focus::-webkit-input-placeholder,
.input-labeled .textarea[type="datetime-local"]:focus::-webkit-input-placeholder,
.input-labeled .textarea[type="email"]:focus::-webkit-input-placeholder,
.input-labeled .textarea[type="month"]:focus::-webkit-input-placeholder,
.input-labeled .textarea[type="number"]:focus::-webkit-input-placeholder,
.input-labeled .textarea[type="range"]:focus::-webkit-input-placeholder,
.input-labeled .textarea[type="search"]:focus::-webkit-input-placeholder,
.input-labeled .textarea[type="tel"]:focus::-webkit-input-placeholder,
.input-labeled .textarea[type="time"]:focus::-webkit-input-placeholder,
.input-labeled .textarea[type="url"]:focus::-webkit-input-placeholder,
.input-labeled .textarea[type="week"]:focus::-webkit-input-placeholder,
.input-labeled .textarea[type="zipcode"]:focus::-webkit-input-placeholder,
.input-labeled .textarea.textarea:focus::-webkit-input-placeholder,
.textarea-labeled .input[type="text"]:focus::-webkit-input-placeholder,
.textarea-labeled .input[type="password"]:focus::-webkit-input-placeholder,
.textarea-labeled .input[type="color"]:focus::-webkit-input-placeholder,
.textarea-labeled .input[type="date"]:focus::-webkit-input-placeholder,
.textarea-labeled .input[type="datetime"]:focus::-webkit-input-placeholder,
.textarea-labeled .input[type="datetime-local"]:focus::-webkit-input-placeholder,
.textarea-labeled .input[type="email"]:focus::-webkit-input-placeholder,
.textarea-labeled .input[type="month"]:focus::-webkit-input-placeholder,
.textarea-labeled .input[type="number"]:focus::-webkit-input-placeholder,
.textarea-labeled .input[type="range"]:focus::-webkit-input-placeholder,
.textarea-labeled .input[type="search"]:focus::-webkit-input-placeholder,
.textarea-labeled .input[type="tel"]:focus::-webkit-input-placeholder,
.textarea-labeled .input[type="time"]:focus::-webkit-input-placeholder,
.textarea-labeled .input[type="url"]:focus::-webkit-input-placeholder,
.textarea-labeled .input[type="week"]:focus::-webkit-input-placeholder,
.textarea-labeled .input[type="zipcode"]:focus::-webkit-input-placeholder,
.textarea-labeled .input.textarea:focus::-webkit-input-placeholder,
.textarea-labeled .textarea[type="text"]:focus::-webkit-input-placeholder,
.textarea-labeled .textarea[type="password"]:focus::-webkit-input-placeholder,
.textarea-labeled .textarea[type="color"]:focus::-webkit-input-placeholder,
.textarea-labeled .textarea[type="date"]:focus::-webkit-input-placeholder,
.textarea-labeled .textarea[type="datetime"]:focus::-webkit-input-placeholder,
.textarea-labeled .textarea[type="datetime-local"]:focus::-webkit-input-placeholder,
.textarea-labeled .textarea[type="email"]:focus::-webkit-input-placeholder,
.textarea-labeled .textarea[type="month"]:focus::-webkit-input-placeholder,
.textarea-labeled .textarea[type="number"]:focus::-webkit-input-placeholder,
.textarea-labeled .textarea[type="range"]:focus::-webkit-input-placeholder,
.textarea-labeled .textarea[type="search"]:focus::-webkit-input-placeholder,
.textarea-labeled .textarea[type="tel"]:focus::-webkit-input-placeholder,
.textarea-labeled .textarea[type="time"]:focus::-webkit-input-placeholder,
.textarea-labeled .textarea[type="url"]:focus::-webkit-input-placeholder,
.textarea-labeled .textarea[type="week"]:focus::-webkit-input-placeholder,
.textarea-labeled .textarea[type="zipcode"]:focus::-webkit-input-placeholder,
.textarea-labeled .textarea.textarea:focus::-webkit-input-placeholder {
color: #060606;
}
.input-labeled .input[type="text"]:focus::-moz-placeholder, .input-labeled .input[type="password"]:focus::-moz-placeholder, .input-labeled .input[type="color"]:focus::-moz-placeholder, .input-labeled .input[type="date"]:focus::-moz-placeholder, .input-labeled .input[type="datetime"]:focus::-moz-placeholder, .input-labeled .input[type="datetime-local"]:focus::-moz-placeholder, .input-labeled .input[type="email"]:focus::-moz-placeholder, .input-labeled .input[type="month"]:focus::-moz-placeholder, .input-labeled .input[type="number"]:focus::-moz-placeholder, .input-labeled .input[type="range"]:focus::-moz-placeholder, .input-labeled .input[type="search"]:focus::-moz-placeholder, .input-labeled .input[type="tel"]:focus::-moz-placeholder, .input-labeled .input[type="time"]:focus::-moz-placeholder, .input-labeled .input[type="url"]:focus::-moz-placeholder, .input-labeled .input[type="week"]:focus::-moz-placeholder, .input-labeled .input[type="zipcode"]:focus::-moz-placeholder, .input-labeled .input.textarea:focus::-moz-placeholder,
.input-labeled .textarea[type="text"]:focus::-moz-placeholder,
.input-labeled .textarea[type="password"]:focus::-moz-placeholder,
.input-labeled .textarea[type="color"]:focus::-moz-placeholder,
.input-labeled .textarea[type="date"]:focus::-moz-placeholder,
.input-labeled .textarea[type="datetime"]:focus::-moz-placeholder,
.input-labeled .textarea[type="datetime-local"]:focus::-moz-placeholder,
.input-labeled .textarea[type="email"]:focus::-moz-placeholder,
.input-labeled .textarea[type="month"]:focus::-moz-placeholder,
.input-labeled .textarea[type="number"]:focus::-moz-placeholder,
.input-labeled .textarea[type="range"]:focus::-moz-placeholder,
.input-labeled .textarea[type="search"]:focus::-moz-placeholder,
.input-labeled .textarea[type="tel"]:focus::-moz-placeholder,
.input-labeled .textarea[type="time"]:focus::-moz-placeholder,
.input-labeled .textarea[type="url"]:focus::-moz-placeholder,
.input-labeled .textarea[type="week"]:focus::-moz-placeholder,
.input-labeled .textarea[type="zipcode"]:focus::-moz-placeholder,
.input-labeled .textarea.textarea:focus::-moz-placeholder,
.textarea-labeled .input[type="text"]:focus::-moz-placeholder,
.textarea-labeled .input[type="password"]:focus::-moz-placeholder,
.textarea-labeled .input[type="color"]:focus::-moz-placeholder,
.textarea-labeled .input[type="date"]:focus::-moz-placeholder,
.textarea-labeled .input[type="datetime"]:focus::-moz-placeholder,
.textarea-labeled .input[type="datetime-local"]:focus::-moz-placeholder,
.textarea-labeled .input[type="email"]:focus::-moz-placeholder,
.textarea-labeled .input[type="month"]:focus::-moz-placeholder,
.textarea-labeled .input[type="number"]:focus::-moz-placeholder,
.textarea-labeled .input[type="range"]:focus::-moz-placeholder,
.textarea-labeled .input[type="search"]:focus::-moz-placeholder,
.textarea-labeled .input[type="tel"]:focus::-moz-placeholder,
.textarea-labeled .input[type="time"]:focus::-moz-placeholder,
.textarea-labeled .input[type="url"]:focus::-moz-placeholder,
.textarea-labeled .input[type="week"]:focus::-moz-placeholder,
.textarea-labeled .input[type="zipcode"]:focus::-moz-placeholder,
.textarea-labeled .input.textarea:focus::-moz-placeholder,
.textarea-labeled .textarea[type="text"]:focus::-moz-placeholder,
.textarea-labeled .textarea[type="password"]:focus::-moz-placeholder,
.textarea-labeled .textarea[type="color"]:focus::-moz-placeholder,
.textarea-labeled .textarea[type="date"]:focus::-moz-placeholder,
.textarea-labeled .textarea[type="datetime"]:focus::-moz-placeholder,
.textarea-labeled .textarea[type="datetime-local"]:focus::-moz-placeholder,
.textarea-labeled .textarea[type="email"]:focus::-moz-placeholder,
.textarea-labeled .textarea[type="month"]:focus::-moz-placeholder,
.textarea-labeled .textarea[type="number"]:focus::-moz-placeholder,
.textarea-labeled .textarea[type="range"]:focus::-moz-placeholder,
.textarea-labeled .textarea[type="search"]:focus::-moz-placeholder,
.textarea-labeled .textarea[type="tel"]:focus::-moz-placeholder,
.textarea-labeled .textarea[type="time"]:focus::-moz-placeholder,
.textarea-labeled .textarea[type="url"]:focus::-moz-placeholder,
.textarea-labeled .textarea[type="week"]:focus::-moz-placeholder,
.textarea-labeled .textarea[type="zipcode"]:focus::-moz-placeholder,
.textarea-labeled .textarea.textarea:focus::-moz-placeholder {
color: #060606;
}
.input-labeled .input[type="text"]:focus:-ms-input-placeholder, .input-labeled .input[type="password"]:focus:-ms-input-placeholder, .input-labeled .input[type="color"]:focus:-ms-input-placeholder, .input-labeled .input[type="date"]:focus:-ms-input-placeholder, .input-labeled .input[type="datetime"]:focus:-ms-input-placeholder, .input-labeled .input[type="datetime-local"]:focus:-ms-input-placeholder, .input-labeled .input[type="email"]:focus:-ms-input-placeholder, .input-labeled .input[type="month"]:focus:-ms-input-placeholder, .input-labeled .input[type="number"]:focus:-ms-input-placeholder, .input-labeled .input[type="range"]:focus:-ms-input-placeholder, .input-labeled .input[type="search"]:focus:-ms-input-placeholder, .input-labeled .input[type="tel"]:focus:-ms-input-placeholder, .input-labeled .input[type="time"]:focus:-ms-input-placeholder, .input-labeled .input[type="url"]:focus:-ms-input-placeholder, .input-labeled .input[type="week"]:focus:-ms-input-placeholder, .input-labeled .input[type="zipcode"]:focus:-ms-input-placeholder, .input-labeled .input.textarea:focus:-ms-input-placeholder,
.input-labeled .textarea[type="text"]:focus:-ms-input-placeholder,
.input-labeled .textarea[type="password"]:focus:-ms-input-placeholder,
.input-labeled .textarea[type="color"]:focus:-ms-input-placeholder,
.input-labeled .textarea[type="date"]:focus:-ms-input-placeholder,
.input-labeled .textarea[type="datetime"]:focus:-ms-input-placeholder,
.input-labeled .textarea[type="datetime-local"]:focus:-ms-input-placeholder,
.input-labeled .textarea[type="email"]:focus:-ms-input-placeholder,
.input-labeled .textarea[type="month"]:focus:-ms-input-placeholder,
.input-labeled .textarea[type="number"]:focus:-ms-input-placeholder,
.input-labeled .textarea[type="range"]:focus:-ms-input-placeholder,
.input-labeled .textarea[type="search"]:focus:-ms-input-placeholder,
.input-labeled .textarea[type="tel"]:focus:-ms-input-placeholder,
.input-labeled .textarea[type="time"]:focus:-ms-input-placeholder,
.input-labeled .textarea[type="url"]:focus:-ms-input-placeholder,
.input-labeled .textarea[type="week"]:focus:-ms-input-placeholder,
.input-labeled .textarea[type="zipcode"]:focus:-ms-input-placeholder,
.input-labeled .textarea.textarea:focus:-ms-input-placeholder,
.textarea-labeled .input[type="text"]:focus:-ms-input-placeholder,
.textarea-labeled .input[type="password"]:focus:-ms-input-placeholder,
.textarea-labeled .input[type="color"]:focus:-ms-input-placeholder,
.textarea-labeled .input[type="date"]:focus:-ms-input-placeholder,
.textarea-labeled .input[type="datetime"]:focus:-ms-input-placeholder,
.textarea-labeled .input[type="datetime-local"]:focus:-ms-input-placeholder,
.textarea-labeled .input[type="email"]:focus:-ms-input-placeholder,
.textarea-labeled .input[type="month"]:focus:-ms-input-placeholder,
.textarea-labeled .input[type="number"]:focus:-ms-input-placeholder,
.textarea-labeled .input[type="range"]:focus:-ms-input-placeholder,
.textarea-labeled .input[type="search"]:focus:-ms-input-placeholder,
.textarea-labeled .input[type="tel"]:focus:-ms-input-placeholder,
.textarea-labeled .input[type="time"]:focus:-ms-input-placeholder,
.textarea-labeled .input[type="url"]:focus:-ms-input-placeholder,
.textarea-labeled .input[type="week"]:focus:-ms-input-placeholder,
.textarea-labeled .input[type="zipcode"]:focus:-ms-input-placeholder,
.textarea-labeled .input.textarea:focus:-ms-input-placeholder,
.textarea-labeled .textarea[type="text"]:focus:-ms-input-placeholder,
.textarea-labeled .textarea[type="password"]:focus:-ms-input-placeholder,
.textarea-labeled .textarea[type="color"]:focus:-ms-input-placeholder,
.textarea-labeled .textarea[type="date"]:focus:-ms-input-placeholder,
.textarea-labeled .textarea[type="datetime"]:focus:-ms-input-placeholder,
.textarea-labeled .textarea[type="datetime-local"]:focus:-ms-input-placeholder,
.textarea-labeled .textarea[type="email"]:focus:-ms-input-placeholder,
.textarea-labeled .textarea[type="month"]:focus:-ms-input-placeholder,
.textarea-labeled .textarea[type="number"]:focus:-ms-input-placeholder,
.textarea-labeled .textarea[type="range"]:focus:-ms-input-placeholder,
.textarea-labeled .textarea[type="search"]:focus:-ms-input-placeholder,
.textarea-labeled .textarea[type="tel"]:focus:-ms-input-placeholder,
.textarea-labeled .textarea[type="time"]:focus:-ms-input-placeholder,
.textarea-labeled .textarea[type="url"]:focus:-ms-input-placeholder,
.textarea-labeled .textarea[type="week"]:focus:-ms-input-placeholder,
.textarea-labeled .textarea[type="zipcode"]:focus:-ms-input-placeholder,
.textarea-labeled .textarea.textarea:focus:-ms-input-placeholder {
color: #060606;
}
.input-labeled .input[type="text"]:focus:-moz-placeholder, .input-labeled .input[type="password"]:focus:-moz-placeholder, .input-labeled .input[type="color"]:focus:-moz-placeholder, .input-labeled .input[type="date"]:focus:-moz-placeholder, .input-labeled .input[type="datetime"]:focus:-moz-placeholder, .input-labeled .input[type="datetime-local"]:focus:-moz-placeholder, .input-labeled .input[type="email"]:focus:-moz-placeholder, .input-labeled .input[type="month"]:focus:-moz-placeholder, .input-labeled .input[type="number"]:focus:-moz-placeholder, .input-labeled .input[type="range"]:focus:-moz-placeholder, .input-labeled .input[type="search"]:focus:-moz-placeholder, .input-labeled .input[type="tel"]:focus:-moz-placeholder, .input-labeled .input[type="time"]:focus:-moz-placeholder, .input-labeled .input[type="url"]:focus:-moz-placeholder, .input-labeled .input[type="week"]:focus:-moz-placeholder, .input-labeled .input[type="zipcode"]:focus:-moz-placeholder, .input-labeled .input.textarea:focus:-moz-placeholder,
.input-labeled .textarea[type="text"]:focus:-moz-placeholder,
.input-labeled .textarea[type="password"]:focus:-moz-placeholder,
.input-labeled .textarea[type="color"]:focus:-moz-placeholder,
.input-labeled .textarea[type="date"]:focus:-moz-placeholder,
.input-labeled .textarea[type="datetime"]:focus:-moz-placeholder,
.input-labeled .textarea[type="datetime-local"]:focus:-moz-placeholder,
.input-labeled .textarea[type="email"]:focus:-moz-placeholder,
.input-labeled .textarea[type="month"]:focus:-moz-placeholder,
.input-labeled .textarea[type="number"]:focus:-moz-placeholder,
.input-labeled .textarea[type="range"]:focus:-moz-placeholder,
.input-labeled .textarea[type="search"]:focus:-moz-placeholder,
.input-labeled .textarea[type="tel"]:focus:-moz-placeholder,
.input-labeled .textarea[type="time"]:focus:-moz-placeholder,
.input-labeled .textarea[type="url"]:focus:-moz-placeholder,
.input-labeled .textarea[type="week"]:focus:-moz-placeholder,
.input-labeled .textarea[type="zipcode"]:focus:-moz-placeholder,
.input-labeled .textarea.textarea:focus:-moz-placeholder,
.textarea-labeled .input[type="text"]:focus:-moz-placeholder,
.textarea-labeled .input[type="password"]:focus:-moz-placeholder,
.textarea-labeled .input[type="color"]:focus:-moz-placeholder,
.textarea-labeled .input[type="date"]:focus:-moz-placeholder,
.textarea-labeled .input[type="datetime"]:focus:-moz-placeholder,
.textarea-labeled .input[type="datetime-local"]:focus:-moz-placeholder,
.textarea-labeled .input[type="email"]:focus:-moz-placeholder,
.textarea-labeled .input[type="month"]:focus:-moz-placeholder,
.textarea-labeled .input[type="number"]:focus:-moz-placeholder,
.textarea-labeled .input[type="range"]:focus:-moz-placeholder,
.textarea-labeled .input[type="search"]:focus:-moz-placeholder,
.textarea-labeled .input[type="tel"]:focus:-moz-placeholder,
.textarea-labeled .input[type="time"]:focus:-moz-placeholder,
.textarea-labeled .input[type="url"]:focus:-moz-placeholder,
.textarea-labeled .input[type="week"]:focus:-moz-placeholder,
.textarea-labeled .input[type="zipcode"]:focus:-moz-placeholder,
.textarea-labeled .input.textarea:focus:-moz-placeholder,
.textarea-labeled .textarea[type="text"]:focus:-moz-placeholder,
.textarea-labeled .textarea[type="password"]:focus:-moz-placeholder,
.textarea-labeled .textarea[type="color"]:focus:-moz-placeholder,
.textarea-labeled .textarea[type="date"]:focus:-moz-placeholder,
.textarea-labeled .textarea[type="datetime"]:focus:-moz-placeholder,
.textarea-labeled .textarea[type="datetime-local"]:focus:-moz-placeholder,
.textarea-labeled .textarea[type="email"]:focus:-moz-placeholder,
.textarea-labeled .textarea[type="month"]:focus:-moz-placeholder,
.textarea-labeled .textarea[type="number"]:focus:-moz-placeholder,
.textarea-labeled .textarea[type="range"]:focus:-moz-placeholder,
.textarea-labeled .textarea[type="search"]:focus:-moz-placeholder,
.textarea-labeled .textarea[type="tel"]:focus:-moz-placeholder,
.textarea-labeled .textarea[type="time"]:focus:-moz-placeholder,
.textarea-labeled .textarea[type="url"]:focus:-moz-placeholder,
.textarea-labeled .textarea[type="week"]:focus:-moz-placeholder,
.textarea-labeled .textarea[type="zipcode"]:focus:-moz-placeholder,
.textarea-labeled .textarea.textarea:focus:-moz-placeholder {
color: #060606;
}
.input-labeled .input[type="text"].valid, .input-labeled .input[type="password"].valid, .input-labeled .input[type="color"].valid, .input-labeled .input[type="date"].valid, .input-labeled .input[type="datetime"].valid, .input-labeled .input[type="datetime-local"].valid, .input-labeled .input[type="email"].valid, .input-labeled .input[type="month"].valid, .input-labeled .input[type="number"].valid, .input-labeled .input[type="range"].valid, .input-labeled .input[type="search"].valid, .input-labeled .input[type="tel"].valid, .input-labeled .input[type="time"].valid, .input-labeled .input[type="url"].valid, .input-labeled .input[type="week"].valid, .input-labeled .input[type="zipcode"].valid, .input-labeled .input.textarea.valid,
.input-labeled .textarea[type="text"].valid,
.input-labeled .textarea[type="password"].valid,
.input-labeled .textarea[type="color"].valid,
.input-labeled .textarea[type="date"].valid,
.input-labeled .textarea[type="datetime"].valid,
.input-labeled .textarea[type="datetime-local"].valid,
.input-labeled .textarea[type="email"].valid,
.input-labeled .textarea[type="month"].valid,
.input-labeled .textarea[type="number"].valid,
.input-labeled .textarea[type="range"].valid,
.input-labeled .textarea[type="search"].valid,
.input-labeled .textarea[type="tel"].valid,
.input-labeled .textarea[type="time"].valid,
.input-labeled .textarea[type="url"].valid,
.input-labeled .textarea[type="week"].valid,
.input-labeled .textarea[type="zipcode"].valid,
.input-labeled .textarea.textarea.valid,
.textarea-labeled .input[type="text"].valid,
.textarea-labeled .input[type="password"].valid,
.textarea-labeled .input[type="color"].valid,
.textarea-labeled .input[type="date"].valid,
.textarea-labeled .input[type="datetime"].valid,
.textarea-labeled .input[type="datetime-local"].valid,
.textarea-labeled .input[type="email"].valid,
.textarea-labeled .input[type="month"].valid,
.textarea-labeled .input[type="number"].valid,
.textarea-labeled .input[type="range"].valid,
.textarea-labeled .input[type="search"].valid,
.textarea-labeled .input[type="tel"].valid,
.textarea-labeled .input[type="time"].valid,
.textarea-labeled .input[type="url"].valid,
.textarea-labeled .input[type="week"].valid,
.textarea-labeled .input[type="zipcode"].valid,
.textarea-labeled .input.textarea.valid,
.textarea-labeled .textarea[type="text"].valid,
.textarea-labeled .textarea[type="password"].valid,
.textarea-labeled .textarea[type="color"].valid,
.textarea-labeled .textarea[type="date"].valid,
.textarea-labeled .textarea[type="datetime"].valid,
.textarea-labeled .textarea[type="datetime-local"].valid,
.textarea-labeled .textarea[type="email"].valid,
.textarea-labeled .textarea[type="month"].valid,
.textarea-labeled .textarea[type="number"].valid,
.textarea-labeled .textarea[type="range"].valid,
.textarea-labeled .textarea[type="search"].valid,
.textarea-labeled .textarea[type="tel"].valid,
.textarea-labeled .textarea[type="time"].valid,
.textarea-labeled .textarea[type="url"].valid,
.textarea-labeled .textarea[type="week"].valid,
.textarea-labeled .textarea[type="zipcode"].valid,
.textarea-labeled .textarea.textarea.valid {
border: 2px solid #121212;
padding: 0.1rem 1.5rem 0 3.1rem;
}
.input-labeled .input[type="text"].valid ~ .input-icon svg *, .input-labeled .input[type="password"].valid ~ .input-icon svg *, .input-labeled .input[type="color"].valid ~ .input-icon svg *, .input-labeled .input[type="date"].valid ~ .input-icon svg *, .input-labeled .input[type="datetime"].valid ~ .input-icon svg *, .input-labeled .input[type="datetime-local"].valid ~ .input-icon svg *, .input-labeled .input[type="email"].valid ~ .input-icon svg *, .input-labeled .input[type="month"].valid ~ .input-icon svg *, .input-labeled .input[type="number"].valid ~ .input-icon svg *, .input-labeled .input[type="range"].valid ~ .input-icon svg *, .input-labeled .input[type="search"].valid ~ .input-icon svg *, .input-labeled .input[type="tel"].valid ~ .input-icon svg *, .input-labeled .input[type="time"].valid ~ .input-icon svg *, .input-labeled .input[type="url"].valid ~ .input-icon svg *, .input-labeled .input[type="week"].valid ~ .input-icon svg *, .input-labeled .input[type="zipcode"].valid ~ .input-icon svg *, .input-labeled .input.textarea.valid ~ .input-icon svg *,
.input-labeled .textarea[type="text"].valid ~ .input-icon svg *,
.input-labeled .textarea[type="password"].valid ~ .input-icon svg *,
.input-labeled .textarea[type="color"].valid ~ .input-icon svg *,
.input-labeled .textarea[type="date"].valid ~ .input-icon svg *,
.input-labeled .textarea[type="datetime"].valid ~ .input-icon svg *,
.input-labeled .textarea[type="datetime-local"].valid ~ .input-icon svg *,
.input-labeled .textarea[type="email"].valid ~ .input-icon svg *,
.input-labeled .textarea[type="month"].valid ~ .input-icon svg *,
.input-labeled .textarea[type="number"].valid ~ .input-icon svg *,
.input-labeled .textarea[type="range"].valid ~ .input-icon svg *,
.input-labeled .textarea[type="search"].valid ~ .input-icon svg *,
.input-labeled .textarea[type="tel"].valid ~ .input-icon svg *,
.input-labeled .textarea[type="time"].valid ~ .input-icon svg *,
.input-labeled .textarea[type="url"].valid ~ .input-icon svg *,
.input-labeled .textarea[type="week"].valid ~ .input-icon svg *,
.input-labeled .textarea[type="zipcode"].valid ~ .input-icon svg *,
.input-labeled .textarea.textarea.valid ~ .input-icon svg *,
.textarea-labeled .input[type="text"].valid ~ .input-icon svg *,
.textarea-labeled .input[type="password"].valid ~ .input-icon svg *,
.textarea-labeled .input[type="color"].valid ~ .input-icon svg *,
.textarea-labeled .input[type="date"].valid ~ .input-icon svg *,
.textarea-labeled .input[type="datetime"].valid ~ .input-icon svg *,
.textarea-labeled .input[type="datetime-local"].valid ~ .input-icon svg *,
.textarea-labeled .input[type="email"].valid ~ .input-icon svg *,
.textarea-labeled .input[type="month"].valid ~ .input-icon svg *,
.textarea-labeled .input[type="number"].valid ~ .input-icon svg *,
.textarea-labeled .input[type="range"].valid ~ .input-icon svg *,
.textarea-labeled .input[type="search"].valid ~ .input-icon svg *,
.textarea-labeled .input[type="tel"].valid ~ .input-icon svg *,
.textarea-labeled .input[type="time"].valid ~ .input-icon svg *,
.textarea-labeled .input[type="url"].valid ~ .input-icon svg *,
.textarea-labeled .input[type="week"].valid ~ .input-icon svg *,
.textarea-labeled .input[type="zipcode"].valid ~ .input-icon svg *,
.textarea-labeled .input.textarea.valid ~ .input-icon svg *,
.textarea-labeled .textarea[type="text"].valid ~ .input-icon svg *,
.textarea-labeled .textarea[type="password"].valid ~ .input-icon svg *,
.textarea-labeled .textarea[type="color"].valid ~ .input-icon svg *,
.textarea-labeled .textarea[type="date"].valid ~ .input-icon svg *,
.textarea-labeled .textarea[type="datetime"].valid ~ .input-icon svg *,
.textarea-labeled .textarea[type="datetime-local"].valid ~ .input-icon svg *,
.textarea-labeled .textarea[type="email"].valid ~ .input-icon svg *,
.textarea-labeled .textarea[type="month"].valid ~ .input-icon svg *,
.textarea-labeled .textarea[type="number"].valid ~ .input-icon svg *,
.textarea-labeled .textarea[type="range"].valid ~ .input-icon svg *,
.textarea-labeled .textarea[type="search"].valid ~ .input-icon svg *,
.textarea-labeled .textarea[type="tel"].valid ~ .input-icon svg *,
.textarea-labeled .textarea[type="time"].valid ~ .input-icon svg *,
.textarea-labeled .textarea[type="url"].valid ~ .input-icon svg *,
.textarea-labeled .textarea[type="week"].valid ~ .input-icon svg *,
.textarea-labeled .textarea[type="zipcode"].valid ~ .input-icon svg *,
.textarea-labeled .textarea.textarea.valid ~ .input-icon svg * {
fill: #121212 !important;
}
.input-labeled .input[type="text"].valid ~ .icon-idle, .input-labeled .input[type="password"].valid ~ .icon-idle, .input-labeled .input[type="color"].valid ~ .icon-idle, .input-labeled .input[type="date"].valid ~ .icon-idle, .input-labeled .input[type="datetime"].valid ~ .icon-idle, .input-labeled .input[type="datetime-local"].valid ~ .icon-idle, .input-labeled .input[type="email"].valid ~ .icon-idle, .input-labeled .input[type="month"].valid ~ .icon-idle, .input-labeled .input[type="number"].valid ~ .icon-idle, .input-labeled .input[type="range"].valid ~ .icon-idle, .input-labeled .input[type="search"].valid ~ .icon-idle, .input-labeled .input[type="tel"].valid ~ .icon-idle, .input-labeled .input[type="time"].valid ~ .icon-idle, .input-labeled .input[type="url"].valid ~ .icon-idle, .input-labeled .input[type="week"].valid ~ .icon-idle, .input-labeled .input[type="zipcode"].valid ~ .icon-idle, .input-labeled .input.textarea.valid ~ .icon-idle,
.input-labeled .textarea[type="text"].valid ~ .icon-idle,
.input-labeled .textarea[type="password"].valid ~ .icon-idle,
.input-labeled .textarea[type="color"].valid ~ .icon-idle,
.input-labeled .textarea[type="date"].valid ~ .icon-idle,
.input-labeled .textarea[type="datetime"].valid ~ .icon-idle,
.input-labeled .textarea[type="datetime-local"].valid ~ .icon-idle,
.input-labeled .textarea[type="email"].valid ~ .icon-idle,
.input-labeled .textarea[type="month"].valid ~ .icon-idle,
.input-labeled .textarea[type="number"].valid ~ .icon-idle,
.input-labeled .textarea[type="range"].valid ~ .icon-idle,
.input-labeled .textarea[type="search"].valid ~ .icon-idle,
.input-labeled .textarea[type="tel"].valid ~ .icon-idle,
.input-labeled .textarea[type="time"].valid ~ .icon-idle,
.input-labeled .textarea[type="url"].valid ~ .icon-idle,
.input-labeled .textarea[type="week"].valid ~ .icon-idle,
.input-labeled .textarea[type="zipcode"].valid ~ .icon-idle,
.input-labeled .textarea.textarea.valid ~ .icon-idle,
.textarea-labeled .input[type="text"].valid ~ .icon-idle,
.textarea-labeled .input[type="password"].valid ~ .icon-idle,
.textarea-labeled .input[type="color"].valid ~ .icon-idle,
.textarea-labeled .input[type="date"].valid ~ .icon-idle,
.textarea-labeled .input[type="datetime"].valid ~ .icon-idle,
.textarea-labeled .input[type="datetime-local"].valid ~ .icon-idle,
.textarea-labeled .input[type="email"].valid ~ .icon-idle,
.textarea-labeled .input[type="month"].valid ~ .icon-idle,
.textarea-labeled .input[type="number"].valid ~ .icon-idle,
.textarea-labeled .input[type="range"].valid ~ .icon-idle,
.textarea-labeled .input[type="search"].valid ~ .icon-idle,
.textarea-labeled .input[type="tel"].valid ~ .icon-idle,
.textarea-labeled .input[type="time"].valid ~ .icon-idle,
.textarea-labeled .input[type="url"].valid ~ .icon-idle,
.textarea-labeled .input[type="week"].valid ~ .icon-idle,
.textarea-labeled .input[type="zipcode"].valid ~ .icon-idle,
.textarea-labeled .input.textarea.valid ~ .icon-idle,
.textarea-labeled .textarea[type="text"].valid ~ .icon-idle,
.textarea-labeled .textarea[type="password"].valid ~ .icon-idle,
.textarea-labeled .textarea[type="color"].valid ~ .icon-idle,
.textarea-labeled .textarea[type="date"].valid ~ .icon-idle,
.textarea-labeled .textarea[type="datetime"].valid ~ .icon-idle,
.textarea-labeled .textarea[type="datetime-local"].valid ~ .icon-idle,
.textarea-labeled .textarea[type="email"].valid ~ .icon-idle,
.textarea-labeled .textarea[type="month"].valid ~ .icon-idle,
.textarea-labeled .textarea[type="number"].valid ~ .icon-idle,
.textarea-labeled .textarea[type="range"].valid ~ .icon-idle,
.textarea-labeled .textarea[type="search"].valid ~ .icon-idle,
.textarea-labeled .textarea[type="tel"].valid ~ .icon-idle,
.textarea-labeled .textarea[type="time"].valid ~ .icon-idle,
.textarea-labeled .textarea[type="url"].valid ~ .icon-idle,
.textarea-labeled .textarea[type="week"].valid ~ .icon-idle,
.textarea-labeled .textarea[type="zipcode"].valid ~ .icon-idle,
.textarea-labeled .textarea.textarea.valid ~ .icon-idle {
display: none;
}
.input-labeled .input[type="text"].valid ~ .icon-valid, .input-labeled .input[type="password"].valid ~ .icon-valid, .input-labeled .input[type="color"].valid ~ .icon-valid, .input-labeled .input[type="date"].valid ~ .icon-valid, .input-labeled .input[type="datetime"].valid ~ .icon-valid, .input-labeled .input[type="datetime-local"].valid ~ .icon-valid, .input-labeled .input[type="email"].valid ~ .icon-valid, .input-labeled .input[type="month"].valid ~ .icon-valid, .input-labeled .input[type="number"].valid ~ .icon-valid, .input-labeled .input[type="range"].valid ~ .icon-valid, .input-labeled .input[type="search"].valid ~ .icon-valid, .input-labeled .input[type="tel"].valid ~ .icon-valid, .input-labeled .input[type="time"].valid ~ .icon-valid, .input-labeled .input[type="url"].valid ~ .icon-valid, .input-labeled .input[type="week"].valid ~ .icon-valid, .input-labeled .input[type="zipcode"].valid ~ .icon-valid, .input-labeled .input.textarea.valid ~ .icon-valid,
.input-labeled .textarea[type="text"].valid ~ .icon-valid,
.input-labeled .textarea[type="password"].valid ~ .icon-valid,
.input-labeled .textarea[type="color"].valid ~ .icon-valid,
.input-labeled .textarea[type="date"].valid ~ .icon-valid,
.input-labeled .textarea[type="datetime"].valid ~ .icon-valid,
.input-labeled .textarea[type="datetime-local"].valid ~ .icon-valid,
.input-labeled .textarea[type="email"].valid ~ .icon-valid,
.input-labeled .textarea[type="month"].valid ~ .icon-valid,
.input-labeled .textarea[type="number"].valid ~ .icon-valid,
.input-labeled .textarea[type="range"].valid ~ .icon-valid,
.input-labeled .textarea[type="search"].valid ~ .icon-valid,
.input-labeled .textarea[type="tel"].valid ~ .icon-valid,
.input-labeled .textarea[type="time"].valid ~ .icon-valid,
.input-labeled .textarea[type="url"].valid ~ .icon-valid,
.input-labeled .textarea[type="week"].valid ~ .icon-valid,
.input-labeled .textarea[type="zipcode"].valid ~ .icon-valid,
.input-labeled .textarea.textarea.valid ~ .icon-valid,
.textarea-labeled .input[type="text"].valid ~ .icon-valid,
.textarea-labeled .input[type="password"].valid ~ .icon-valid,
.textarea-labeled .input[type="color"].valid ~ .icon-valid,
.textarea-labeled .input[type="date"].valid ~ .icon-valid,
.textarea-labeled .input[type="datetime"].valid ~ .icon-valid,
.textarea-labeled .input[type="datetime-local"].valid ~ .icon-valid,
.textarea-labeled .input[type="email"].valid ~ .icon-valid,
.textarea-labeled .input[type="month"].valid ~ .icon-valid,
.textarea-labeled .input[type="number"].valid ~ .icon-valid,
.textarea-labeled .input[type="range"].valid ~ .icon-valid,
.textarea-labeled .input[type="search"].valid ~ .icon-valid,
.textarea-labeled .input[type="tel"].valid ~ .icon-valid,
.textarea-labeled .input[type="time"].valid ~ .icon-valid,
.textarea-labeled .input[type="url"].valid ~ .icon-valid,
.textarea-labeled .input[type="week"].valid ~ .icon-valid,
.textarea-labeled .input[type="zipcode"].valid ~ .icon-valid,
.textarea-labeled .input.textarea.valid ~ .icon-valid,
.textarea-labeled .textarea[type="text"].valid ~ .icon-valid,
.textarea-labeled .textarea[type="password"].valid ~ .icon-valid,
.textarea-labeled .textarea[type="color"].valid ~ .icon-valid,
.textarea-labeled .textarea[type="date"].valid ~ .icon-valid,
.textarea-labeled .textarea[type="datetime"].valid ~ .icon-valid,
.textarea-labeled .textarea[type="datetime-local"].valid ~ .icon-valid,
.textarea-labeled .textarea[type="email"].valid ~ .icon-valid,
.textarea-labeled .textarea[type="month"].valid ~ .icon-valid,
.textarea-labeled .textarea[type="number"].valid ~ .icon-valid,
.textarea-labeled .textarea[type="range"].valid ~ .icon-valid,
.textarea-labeled .textarea[type="search"].valid ~ .icon-valid,
.textarea-labeled .textarea[type="tel"].valid ~ .icon-valid,
.textarea-labeled .textarea[type="time"].valid ~ .icon-valid,
.textarea-labeled .textarea[type="url"].valid ~ .icon-valid,
.textarea-labeled .textarea[type="week"].valid ~ .icon-valid,
.textarea-labeled .textarea[type="zipcode"].valid ~ .icon-valid,
.textarea-labeled .textarea.textarea.valid ~ .icon-valid {
display: block;
}
.input-labeled .input[type="text"].valid ~ .icon-error, .input-labeled .input[type="password"].valid ~ .icon-error, .input-labeled .input[type="color"].valid ~ .icon-error, .input-labeled .input[type="date"].valid ~ .icon-error, .input-labeled .input[type="datetime"].valid ~ .icon-error, .input-labeled .input[type="datetime-local"].valid ~ .icon-error, .input-labeled .input[type="email"].valid ~ .icon-error, .input-labeled .input[type="month"].valid ~ .icon-error, .input-labeled .input[type="number"].valid ~ .icon-error, .input-labeled .input[type="range"].valid ~ .icon-error, .input-labeled .input[type="search"].valid ~ .icon-error, .input-labeled .input[type="tel"].valid ~ .icon-error, .input-labeled .input[type="time"].valid ~ .icon-error, .input-labeled .input[type="url"].valid ~ .icon-error, .input-labeled .input[type="week"].valid ~ .icon-error, .input-labeled .input[type="zipcode"].valid ~ .icon-error, .input-labeled .input.textarea.valid ~ .icon-error,
.input-labeled .textarea[type="text"].valid ~ .icon-error,
.input-labeled .textarea[type="password"].valid ~ .icon-error,
.input-labeled .textarea[type="color"].valid ~ .icon-error,
.input-labeled .textarea[type="date"].valid ~ .icon-error,
.input-labeled .textarea[type="datetime"].valid ~ .icon-error,
.input-labeled .textarea[type="datetime-local"].valid ~ .icon-error,
.input-labeled .textarea[type="email"].valid ~ .icon-error,
.input-labeled .textarea[type="month"].valid ~ .icon-error,
.input-labeled .textarea[type="number"].valid ~ .icon-error,
.input-labeled .textarea[type="range"].valid ~ .icon-error,
.input-labeled .textarea[type="search"].valid ~ .icon-error,
.input-labeled .textarea[type="tel"].valid ~ .icon-error,
.input-labeled .textarea[type="time"].valid ~ .icon-error,
.input-labeled .textarea[type="url"].valid ~ .icon-error,
.input-labeled .textarea[type="week"].valid ~ .icon-error,
.input-labeled .textarea[type="zipcode"].valid ~ .icon-error,
.input-labeled .textarea.textarea.valid ~ .icon-error,
.textarea-labeled .input[type="text"].valid ~ .icon-error,
.textarea-labeled .input[type="password"].valid ~ .icon-error,
.textarea-labeled .input[type="color"].valid ~ .icon-error,
.textarea-labeled .input[type="date"].valid ~ .icon-error,
.textarea-labeled .input[type="datetime"].valid ~ .icon-error,
.textarea-labeled .input[type="datetime-local"].valid ~ .icon-error,
.textarea-labeled .input[type="email"].valid ~ .icon-error,
.textarea-labeled .input[type="month"].valid ~ .icon-error,
.textarea-labeled .input[type="number"].valid ~ .icon-error,
.textarea-labeled .input[type="range"].valid ~ .icon-error,
.textarea-labeled .input[type="search"].valid ~ .icon-error,
.textarea-labeled .input[type="tel"].valid ~ .icon-error,
.textarea-labeled .input[type="time"].valid ~ .icon-error,
.textarea-labeled .input[type="url"].valid ~ .icon-error,
.textarea-labeled .input[type="week"].valid ~ .icon-error,
.textarea-labeled .input[type="zipcode"].valid ~ .icon-error,
.textarea-labeled .input.textarea.valid ~ .icon-error,
.textarea-labeled .textarea[type="text"].valid ~ .icon-error,
.textarea-labeled .textarea[type="password"].valid ~ .icon-error,
.textarea-labeled .textarea[type="color"].valid ~ .icon-error,
.textarea-labeled .textarea[type="date"].valid ~ .icon-error,
.textarea-labeled .textarea[type="datetime"].valid ~ .icon-error,
.textarea-labeled .textarea[type="datetime-local"].valid ~ .icon-error,
.textarea-labeled .textarea[type="email"].valid ~ .icon-error,
.textarea-labeled .textarea[type="month"].valid ~ .icon-error,
.textarea-labeled .textarea[type="number"].valid ~ .icon-error,
.textarea-labeled .textarea[type="range"].valid ~ .icon-error,
.textarea-labeled .textarea[type="search"].valid ~ .icon-error,
.textarea-labeled .textarea[type="tel"].valid ~ .icon-error,
.textarea-labeled .textarea[type="time"].valid ~ .icon-error,
.textarea-labeled .textarea[type="url"].valid ~ .icon-error,
.textarea-labeled .textarea[type="week"].valid ~ .icon-error,
.textarea-labeled .textarea[type="zipcode"].valid ~ .icon-error,
.textarea-labeled .textarea.textarea.valid ~ .icon-error {
display: none;
}
.input-labeled .input[type="text"].valid::-webkit-input-placeholder, .input-labeled .input[type="password"].valid::-webkit-input-placeholder, .input-labeled .input[type="color"].valid::-webkit-input-placeholder, .input-labeled .input[type="date"].valid::-webkit-input-placeholder, .input-labeled .input[type="datetime"].valid::-webkit-input-placeholder, .input-labeled .input[type="datetime-local"].valid::-webkit-input-placeholder, .input-labeled .input[type="email"].valid::-webkit-input-placeholder, .input-labeled .input[type="month"].valid::-webkit-input-placeholder, .input-labeled .input[type="number"].valid::-webkit-input-placeholder, .input-labeled .input[type="range"].valid::-webkit-input-placeholder, .input-labeled .input[type="search"].valid::-webkit-input-placeholder, .input-labeled .input[type="tel"].valid::-webkit-input-placeholder, .input-labeled .input[type="time"].valid::-webkit-input-placeholder, .input-labeled .input[type="url"].valid::-webkit-input-placeholder, .input-labeled .input[type="week"].valid::-webkit-input-placeholder, .input-labeled .input[type="zipcode"].valid::-webkit-input-placeholder, .input-labeled .input.textarea.valid::-webkit-input-placeholder,
.input-labeled .textarea[type="text"].valid::-webkit-input-placeholder,
.input-labeled .textarea[type="password"].valid::-webkit-input-placeholder,
.input-labeled .textarea[type="color"].valid::-webkit-input-placeholder,
.input-labeled .textarea[type="date"].valid::-webkit-input-placeholder,
.input-labeled .textarea[type="datetime"].valid::-webkit-input-placeholder,
.input-labeled .textarea[type="datetime-local"].valid::-webkit-input-placeholder,
.input-labeled .textarea[type="email"].valid::-webkit-input-placeholder,
.input-labeled .textarea[type="month"].valid::-webkit-input-placeholder,
.input-labeled .textarea[type="number"].valid::-webkit-input-placeholder,
.input-labeled .textarea[type="range"].valid::-webkit-input-placeholder,
.input-labeled .textarea[type="search"].valid::-webkit-input-placeholder,
.input-labeled .textarea[type="tel"].valid::-webkit-input-placeholder,
.input-labeled .textarea[type="time"].valid::-webkit-input-placeholder,
.input-labeled .textarea[type="url"].valid::-webkit-input-placeholder,
.input-labeled .textarea[type="week"].valid::-webkit-input-placeholder,
.input-labeled .textarea[type="zipcode"].valid::-webkit-input-placeholder,
.input-labeled .textarea.textarea.valid::-webkit-input-placeholder,
.textarea-labeled .input[type="text"].valid::-webkit-input-placeholder,
.textarea-labeled .input[type="password"].valid::-webkit-input-placeholder,
.textarea-labeled .input[type="color"].valid::-webkit-input-placeholder,
.textarea-labeled .input[type="date"].valid::-webkit-input-placeholder,
.textarea-labeled .input[type="datetime"].valid::-webkit-input-placeholder,
.textarea-labeled .input[type="datetime-local"].valid::-webkit-input-placeholder,
.textarea-labeled .input[type="email"].valid::-webkit-input-placeholder,
.textarea-labeled .input[type="month"].valid::-webkit-input-placeholder,
.textarea-labeled .input[type="number"].valid::-webkit-input-placeholder,
.textarea-labeled .input[type="range"].valid::-webkit-input-placeholder,
.textarea-labeled .input[type="search"].valid::-webkit-input-placeholder,
.textarea-labeled .input[type="tel"].valid::-webkit-input-placeholder,
.textarea-labeled .input[type="time"].valid::-webkit-input-placeholder,
.textarea-labeled .input[type="url"].valid::-webkit-input-placeholder,
.textarea-labeled .input[type="week"].valid::-webkit-input-placeholder,
.textarea-labeled .input[type="zipcode"].valid::-webkit-input-placeholder,
.textarea-labeled .input.textarea.valid::-webkit-input-placeholder,
.textarea-labeled .textarea[type="text"].valid::-webkit-input-placeholder,
.textarea-labeled .textarea[type="password"].valid::-webkit-input-placeholder,
.textarea-labeled .textarea[type="color"].valid::-webkit-input-placeholder,
.textarea-labeled .textarea[type="date"].valid::-webkit-input-placeholder,
.textarea-labeled .textarea[type="datetime"].valid::-webkit-input-placeholder,
.textarea-labeled .textarea[type="datetime-local"].valid::-webkit-input-placeholder,
.textarea-labeled .textarea[type="email"].valid::-webkit-input-placeholder,
.textarea-labeled .textarea[type="month"].valid::-webkit-input-placeholder,
.textarea-labeled .textarea[type="number"].valid::-webkit-input-placeholder,
.textarea-labeled .textarea[type="range"].valid::-webkit-input-placeholder,
.textarea-labeled .textarea[type="search"].valid::-webkit-input-placeholder,
.textarea-labeled .textarea[type="tel"].valid::-webkit-input-placeholder,
.textarea-labeled .textarea[type="time"].valid::-webkit-input-placeholder,
.textarea-labeled .textarea[type="url"].valid::-webkit-input-placeholder,
.textarea-labeled .textarea[type="week"].valid::-webkit-input-placeholder,
.textarea-labeled .textarea[type="zipcode"].valid::-webkit-input-placeholder,
.textarea-labeled .textarea.textarea.valid::-webkit-input-placeholder {
color: #121212;
}
.input-labeled .input[type="text"].valid::-moz-placeholder, .input-labeled .input[type="password"].valid::-moz-placeholder, .input-labeled .input[type="color"].valid::-moz-placeholder, .input-labeled .input[type="date"].valid::-moz-placeholder, .input-labeled .input[type="datetime"].valid::-moz-placeholder, .input-labeled .input[type="datetime-local"].valid::-moz-placeholder, .input-labeled .input[type="email"].valid::-moz-placeholder, .input-labeled .input[type="month"].valid::-moz-placeholder, .input-labeled .input[type="number"].valid::-moz-placeholder, .input-labeled .input[type="range"].valid::-moz-placeholder, .input-labeled .input[type="search"].valid::-moz-placeholder, .input-labeled .input[type="tel"].valid::-moz-placeholder, .input-labeled .input[type="time"].valid::-moz-placeholder, .input-labeled .input[type="url"].valid::-moz-placeholder, .input-labeled .input[type="week"].valid::-moz-placeholder, .input-labeled .input[type="zipcode"].valid::-moz-placeholder, .input-labeled .input.textarea.valid::-moz-placeholder,
.input-labeled .textarea[type="text"].valid::-moz-placeholder,
.input-labeled .textarea[type="password"].valid::-moz-placeholder,
.input-labeled .textarea[type="color"].valid::-moz-placeholder,
.input-labeled .textarea[type="date"].valid::-moz-placeholder,
.input-labeled .textarea[type="datetime"].valid::-moz-placeholder,
.input-labeled .textarea[type="datetime-local"].valid::-moz-placeholder,
.input-labeled .textarea[type="email"].valid::-moz-placeholder,
.input-labeled .textarea[type="month"].valid::-moz-placeholder,
.input-labeled .textarea[type="number"].valid::-moz-placeholder,
.input-labeled .textarea[type="range"].valid::-moz-placeholder,
.input-labeled .textarea[type="search"].valid::-moz-placeholder,
.input-labeled .textarea[type="tel"].valid::-moz-placeholder,
.input-labeled .textarea[type="time"].valid::-moz-placeholder,
.input-labeled .textarea[type="url"].valid::-moz-placeholder,
.input-labeled .textarea[type="week"].valid::-moz-placeholder,
.input-labeled .textarea[type="zipcode"].valid::-moz-placeholder,
.input-labeled .textarea.textarea.valid::-moz-placeholder,
.textarea-labeled .input[type="text"].valid::-moz-placeholder,
.textarea-labeled .input[type="password"].valid::-moz-placeholder,
.textarea-labeled .input[type="color"].valid::-moz-placeholder,
.textarea-labeled .input[type="date"].valid::-moz-placeholder,
.textarea-labeled .input[type="datetime"].valid::-moz-placeholder,
.textarea-labeled .input[type="datetime-local"].valid::-moz-placeholder,
.textarea-labeled .input[type="email"].valid::-moz-placeholder,
.textarea-labeled .input[type="month"].valid::-moz-placeholder,
.textarea-labeled .input[type="number"].valid::-moz-placeholder,
.textarea-labeled .input[type="range"].valid::-moz-placeholder,
.textarea-labeled .input[type="search"].valid::-moz-placeholder,
.textarea-labeled .input[type="tel"].valid::-moz-placeholder,
.textarea-labeled .input[type="time"].valid::-moz-placeholder,
.textarea-labeled .input[type="url"].valid::-moz-placeholder,
.textarea-labeled .input[type="week"].valid::-moz-placeholder,
.textarea-labeled .input[type="zipcode"].valid::-moz-placeholder,
.textarea-labeled .input.textarea.valid::-moz-placeholder,
.textarea-labeled .textarea[type="text"].valid::-moz-placeholder,
.textarea-labeled .textarea[type="password"].valid::-moz-placeholder,
.textarea-labeled .textarea[type="color"].valid::-moz-placeholder,
.textarea-labeled .textarea[type="date"].valid::-moz-placeholder,
.textarea-labeled .textarea[type="datetime"].valid::-moz-placeholder,
.textarea-labeled .textarea[type="datetime-local"].valid::-moz-placeholder,
.textarea-labeled .textarea[type="email"].valid::-moz-placeholder,
.textarea-labeled .textarea[type="month"].valid::-moz-placeholder,
.textarea-labeled .textarea[type="number"].valid::-moz-placeholder,
.textarea-labeled .textarea[type="range"].valid::-moz-placeholder,
.textarea-labeled .textarea[type="search"].valid::-moz-placeholder,
.textarea-labeled .textarea[type="tel"].valid::-moz-placeholder,
.textarea-labeled .textarea[type="time"].valid::-moz-placeholder,
.textarea-labeled .textarea[type="url"].valid::-moz-placeholder,
.textarea-labeled .textarea[type="week"].valid::-moz-placeholder,
.textarea-labeled .textarea[type="zipcode"].valid::-moz-placeholder,
.textarea-labeled .textarea.textarea.valid::-moz-placeholder {
color: #121212;
}
.input-labeled .input[type="text"].valid:-ms-input-placeholder, .input-labeled .input[type="password"].valid:-ms-input-placeholder, .input-labeled .input[type="color"].valid:-ms-input-placeholder, .input-labeled .input[type="date"].valid:-ms-input-placeholder, .input-labeled .input[type="datetime"].valid:-ms-input-placeholder, .input-labeled .input[type="datetime-local"].valid:-ms-input-placeholder, .input-labeled .input[type="email"].valid:-ms-input-placeholder, .input-labeled .input[type="month"].valid:-ms-input-placeholder, .input-labeled .input[type="number"].valid:-ms-input-placeholder, .input-labeled .input[type="range"].valid:-ms-input-placeholder, .input-labeled .input[type="search"].valid:-ms-input-placeholder, .input-labeled .input[type="tel"].valid:-ms-input-placeholder, .input-labeled .input[type="time"].valid:-ms-input-placeholder, .input-labeled .input[type="url"].valid:-ms-input-placeholder, .input-labeled .input[type="week"].valid:-ms-input-placeholder, .input-labeled .input[type="zipcode"].valid:-ms-input-placeholder, .input-labeled .input.textarea.valid:-ms-input-placeholder,
.input-labeled .textarea[type="text"].valid:-ms-input-placeholder,
.input-labeled .textarea[type="password"].valid:-ms-input-placeholder,
.input-labeled .textarea[type="color"].valid:-ms-input-placeholder,
.input-labeled .textarea[type="date"].valid:-ms-input-placeholder,
.input-labeled .textarea[type="datetime"].valid:-ms-input-placeholder,
.input-labeled .textarea[type="datetime-local"].valid:-ms-input-placeholder,
.input-labeled .textarea[type="email"].valid:-ms-input-placeholder,
.input-labeled .textarea[type="month"].valid:-ms-input-placeholder,
.input-labeled .textarea[type="number"].valid:-ms-input-placeholder,
.input-labeled .textarea[type="range"].valid:-ms-input-placeholder,
.input-labeled .textarea[type="search"].valid:-ms-input-placeholder,
.input-labeled .textarea[type="tel"].valid:-ms-input-placeholder,
.input-labeled .textarea[type="time"].valid:-ms-input-placeholder,
.input-labeled .textarea[type="url"].valid:-ms-input-placeholder,
.input-labeled .textarea[type="week"].valid:-ms-input-placeholder,
.input-labeled .textarea[type="zipcode"].valid:-ms-input-placeholder,
.input-labeled .textarea.textarea.valid:-ms-input-placeholder,
.textarea-labeled .input[type="text"].valid:-ms-input-placeholder,
.textarea-labeled .input[type="password"].valid:-ms-input-placeholder,
.textarea-labeled .input[type="color"].valid:-ms-input-placeholder,
.textarea-labeled .input[type="date"].valid:-ms-input-placeholder,
.textarea-labeled .input[type="datetime"].valid:-ms-input-placeholder,
.textarea-labeled .input[type="datetime-local"].valid:-ms-input-placeholder,
.textarea-labeled .input[type="email"].valid:-ms-input-placeholder,
.textarea-labeled .input[type="month"].valid:-ms-input-placeholder,
.textarea-labeled .input[type="number"].valid:-ms-input-placeholder,
.textarea-labeled .input[type="range"].valid:-ms-input-placeholder,
.textarea-labeled .input[type="search"].valid:-ms-input-placeholder,
.textarea-labeled .input[type="tel"].valid:-ms-input-placeholder,
.textarea-labeled .input[type="time"].valid:-ms-input-placeholder,
.textarea-labeled .input[type="url"].valid:-ms-input-placeholder,
.textarea-labeled .input[type="week"].valid:-ms-input-placeholder,
.textarea-labeled .input[type="zipcode"].valid:-ms-input-placeholder,
.textarea-labeled .input.textarea.valid:-ms-input-placeholder,
.textarea-labeled .textarea[type="text"].valid:-ms-input-placeholder,
.textarea-labeled .textarea[type="password"].valid:-ms-input-placeholder,
.textarea-labeled .textarea[type="color"].valid:-ms-input-placeholder,
.textarea-labeled .textarea[type="date"].valid:-ms-input-placeholder,
.textarea-labeled .textarea[type="datetime"].valid:-ms-input-placeholder,
.textarea-labeled .textarea[type="datetime-local"].valid:-ms-input-placeholder,
.textarea-labeled .textarea[type="email"].valid:-ms-input-placeholder,
.textarea-labeled .textarea[type="month"].valid:-ms-input-placeholder,
.textarea-labeled .textarea[type="number"].valid:-ms-input-placeholder,
.textarea-labeled .textarea[type="range"].valid:-ms-input-placeholder,
.textarea-labeled .textarea[type="search"].valid:-ms-input-placeholder,
.textarea-labeled .textarea[type="tel"].valid:-ms-input-placeholder,
.textarea-labeled .textarea[type="time"].valid:-ms-input-placeholder,
.textarea-labeled .textarea[type="url"].valid:-ms-input-placeholder,
.textarea-labeled .textarea[type="week"].valid:-ms-input-placeholder,
.textarea-labeled .textarea[type="zipcode"].valid:-ms-input-placeholder,
.textarea-labeled .textarea.textarea.valid:-ms-input-placeholder {
color: #121212;
}
.input-labeled .input[type="text"].valid:-moz-placeholder, .input-labeled .input[type="password"].valid:-moz-placeholder, .input-labeled .input[type="color"].valid:-moz-placeholder, .input-labeled .input[type="date"].valid:-moz-placeholder, .input-labeled .input[type="datetime"].valid:-moz-placeholder, .input-labeled .input[type="datetime-local"].valid:-moz-placeholder, .input-labeled .input[type="email"].valid:-moz-placeholder, .input-labeled .input[type="month"].valid:-moz-placeholder, .input-labeled .input[type="number"].valid:-moz-placeholder, .input-labeled .input[type="range"].valid:-moz-placeholder, .input-labeled .input[type="search"].valid:-moz-placeholder, .input-labeled .input[type="tel"].valid:-moz-placeholder, .input-labeled .input[type="time"].valid:-moz-placeholder, .input-labeled .input[type="url"].valid:-moz-placeholder, .input-labeled .input[type="week"].valid:-moz-placeholder, .input-labeled .input[type="zipcode"].valid:-moz-placeholder, .input-labeled .input.textarea.valid:-moz-placeholder,
.input-labeled .textarea[type="text"].valid:-moz-placeholder,
.input-labeled .textarea[type="password"].valid:-moz-placeholder,
.input-labeled .textarea[type="color"].valid:-moz-placeholder,
.input-labeled .textarea[type="date"].valid:-moz-placeholder,
.input-labeled .textarea[type="datetime"].valid:-moz-placeholder,
.input-labeled .textarea[type="datetime-local"].valid:-moz-placeholder,
.input-labeled .textarea[type="email"].valid:-moz-placeholder,
.input-labeled .textarea[type="month"].valid:-moz-placeholder,
.input-labeled .textarea[type="number"].valid:-moz-placeholder,
.input-labeled .textarea[type="range"].valid:-moz-placeholder,
.input-labeled .textarea[type="search"].valid:-moz-placeholder,
.input-labeled .textarea[type="tel"].valid:-moz-placeholder,
.input-labeled .textarea[type="time"].valid:-moz-placeholder,
.input-labeled .textarea[type="url"].valid:-moz-placeholder,
.input-labeled .textarea[type="week"].valid:-moz-placeholder,
.input-labeled .textarea[type="zipcode"].valid:-moz-placeholder,
.input-labeled .textarea.textarea.valid:-moz-placeholder,
.textarea-labeled .input[type="text"].valid:-moz-placeholder,
.textarea-labeled .input[type="password"].valid:-moz-placeholder,
.textarea-labeled .input[type="color"].valid:-moz-placeholder,
.textarea-labeled .input[type="date"].valid:-moz-placeholder,
.textarea-labeled .input[type="datetime"].valid:-moz-placeholder,
.textarea-labeled .input[type="datetime-local"].valid:-moz-placeholder,
.textarea-labeled .input[type="email"].valid:-moz-placeholder,
.textarea-labeled .input[type="month"].valid:-moz-placeholder,
.textarea-labeled .input[type="number"].valid:-moz-placeholder,
.textarea-labeled .input[type="range"].valid:-moz-placeholder,
.textarea-labeled .input[type="search"].valid:-moz-placeholder,
.textarea-labeled .input[type="tel"].valid:-moz-placeholder,
.textarea-labeled .input[type="time"].valid:-moz-placeholder,
.textarea-labeled .input[type="url"].valid:-moz-placeholder,
.textarea-labeled .input[type="week"].valid:-moz-placeholder,
.textarea-labeled .input[type="zipcode"].valid:-moz-placeholder,
.textarea-labeled .input.textarea.valid:-moz-placeholder,
.textarea-labeled .textarea[type="text"].valid:-moz-placeholder,
.textarea-labeled .textarea[type="password"].valid:-moz-placeholder,
.textarea-labeled .textarea[type="color"].valid:-moz-placeholder,
.textarea-labeled .textarea[type="date"].valid:-moz-placeholder,
.textarea-labeled .textarea[type="datetime"].valid:-moz-placeholder,
.textarea-labeled .textarea[type="datetime-local"].valid:-moz-placeholder,
.textarea-labeled .textarea[type="email"].valid:-moz-placeholder,
.textarea-labeled .textarea[type="month"].valid:-moz-placeholder,
.textarea-labeled .textarea[type="number"].valid:-moz-placeholder,
.textarea-labeled .textarea[type="range"].valid:-moz-placeholder,
.textarea-labeled .textarea[type="search"].valid:-moz-placeholder,
.textarea-labeled .textarea[type="tel"].valid:-moz-placeholder,
.textarea-labeled .textarea[type="time"].valid:-moz-placeholder,
.textarea-labeled .textarea[type="url"].valid:-moz-placeholder,
.textarea-labeled .textarea[type="week"].valid:-moz-placeholder,
.textarea-labeled .textarea[type="zipcode"].valid:-moz-placeholder,
.textarea-labeled .textarea.textarea.valid:-moz-placeholder {
color: #121212;
}
.input-labeled .input[type="text"].error, .input-labeled .input[type="password"].error, .input-labeled .input[type="color"].error, .input-labeled .input[type="date"].error, .input-labeled .input[type="datetime"].error, .input-labeled .input[type="datetime-local"].error, .input-labeled .input[type="email"].error, .input-labeled .input[type="month"].error, .input-labeled .input[type="number"].error, .input-labeled .input[type="range"].error, .input-labeled .input[type="search"].error, .input-labeled .input[type="tel"].error, .input-labeled .input[type="time"].error, .input-labeled .input[type="url"].error, .input-labeled .input[type="week"].error, .input-labeled .input[type="zipcode"].error, .input-labeled .input.textarea.error,
.input-labeled .textarea[type="text"].error,
.input-labeled .textarea[type="password"].error,
.input-labeled .textarea[type="color"].error,
.input-labeled .textarea[type="date"].error,
.input-labeled .textarea[type="datetime"].error,
.input-labeled .textarea[type="datetime-local"].error,
.input-labeled .textarea[type="email"].error,
.input-labeled .textarea[type="month"].error,
.input-labeled .textarea[type="number"].error,
.input-labeled .textarea[type="range"].error,
.input-labeled .textarea[type="search"].error,
.input-labeled .textarea[type="tel"].error,
.input-labeled .textarea[type="time"].error,
.input-labeled .textarea[type="url"].error,
.input-labeled .textarea[type="week"].error,
.input-labeled .textarea[type="zipcode"].error,
.input-labeled .textarea.textarea.error,
.textarea-labeled .input[type="text"].error,
.textarea-labeled .input[type="password"].error,
.textarea-labeled .input[type="color"].error,
.textarea-labeled .input[type="date"].error,
.textarea-labeled .input[type="datetime"].error,
.textarea-labeled .input[type="datetime-local"].error,
.textarea-labeled .input[type="email"].error,
.textarea-labeled .input[type="month"].error,
.textarea-labeled .input[type="number"].error,
.textarea-labeled .input[type="range"].error,
.textarea-labeled .input[type="search"].error,
.textarea-labeled .input[type="tel"].error,
.textarea-labeled .input[type="time"].error,
.textarea-labeled .input[type="url"].error,
.textarea-labeled .input[type="week"].error,
.textarea-labeled .input[type="zipcode"].error,
.textarea-labeled .input.textarea.error,
.textarea-labeled .textarea[type="text"].error,
.textarea-labeled .textarea[type="password"].error,
.textarea-labeled .textarea[type="color"].error,
.textarea-labeled .textarea[type="date"].error,
.textarea-labeled .textarea[type="datetime"].error,
.textarea-labeled .textarea[type="datetime-local"].error,
.textarea-labeled .textarea[type="email"].error,
.textarea-labeled .textarea[type="month"].error,
.textarea-labeled .textarea[type="number"].error,
.textarea-labeled .textarea[type="range"].error,
.textarea-labeled .textarea[type="search"].error,
.textarea-labeled .textarea[type="tel"].error,
.textarea-labeled .textarea[type="time"].error,
.textarea-labeled .textarea[type="url"].error,
.textarea-labeled .textarea[type="week"].error,
.textarea-labeled .textarea[type="zipcode"].error,
.textarea-labeled .textarea.textarea.error {
border: 2px solid #ea3e31 !important;
padding: 0.1rem 1.5rem 0 3.1rem;
}
.input-labeled .input[type="text"].error ~ .input-icon svg *, .input-labeled .input[type="password"].error ~ .input-icon svg *, .input-labeled .input[type="color"].error ~ .input-icon svg *, .input-labeled .input[type="date"].error ~ .input-icon svg *, .input-labeled .input[type="datetime"].error ~ .input-icon svg *, .input-labeled .input[type="datetime-local"].error ~ .input-icon svg *, .input-labeled .input[type="email"].error ~ .input-icon svg *, .input-labeled .input[type="month"].error ~ .input-icon svg *, .input-labeled .input[type="number"].error ~ .input-icon svg *, .input-labeled .input[type="range"].error ~ .input-icon svg *, .input-labeled .input[type="search"].error ~ .input-icon svg *, .input-labeled .input[type="tel"].error ~ .input-icon svg *, .input-labeled .input[type="time"].error ~ .input-icon svg *, .input-labeled .input[type="url"].error ~ .input-icon svg *, .input-labeled .input[type="week"].error ~ .input-icon svg *, .input-labeled .input[type="zipcode"].error ~ .input-icon svg *, .input-labeled .input.textarea.error ~ .input-icon svg *,
.input-labeled .textarea[type="text"].error ~ .input-icon svg *,
.input-labeled .textarea[type="password"].error ~ .input-icon svg *,
.input-labeled .textarea[type="color"].error ~ .input-icon svg *,
.input-labeled .textarea[type="date"].error ~ .input-icon svg *,
.input-labeled .textarea[type="datetime"].error ~ .input-icon svg *,
.input-labeled .textarea[type="datetime-local"].error ~ .input-icon svg *,
.input-labeled .textarea[type="email"].error ~ .input-icon svg *,
.input-labeled .textarea[type="month"].error ~ .input-icon svg *,
.input-labeled .textarea[type="number"].error ~ .input-icon svg *,
.input-labeled .textarea[type="range"].error ~ .input-icon svg *,
.input-labeled .textarea[type="search"].error ~ .input-icon svg *,
.input-labeled .textarea[type="tel"].error ~ .input-icon svg *,
.input-labeled .textarea[type="time"].error ~ .input-icon svg *,
.input-labeled .textarea[type="url"].error ~ .input-icon svg *,
.input-labeled .textarea[type="week"].error ~ .input-icon svg *,
.input-labeled .textarea[type="zipcode"].error ~ .input-icon svg *,
.input-labeled .textarea.textarea.error ~ .input-icon svg *,
.textarea-labeled .input[type="text"].error ~ .input-icon svg *,
.textarea-labeled .input[type="password"].error ~ .input-icon svg *,
.textarea-labeled .input[type="color"].error ~ .input-icon svg *,
.textarea-labeled .input[type="date"].error ~ .input-icon svg *,
.textarea-labeled .input[type="datetime"].error ~ .input-icon svg *,
.textarea-labeled .input[type="datetime-local"].error ~ .input-icon svg *,
.textarea-labeled .input[type="email"].error ~ .input-icon svg *,
.textarea-labeled .input[type="month"].error ~ .input-icon svg *,
.textarea-labeled .input[type="number"].error ~ .input-icon svg *,
.textarea-labeled .input[type="range"].error ~ .input-icon svg *,
.textarea-labeled .input[type="search"].error ~ .input-icon svg *,
.textarea-labeled .input[type="tel"].error ~ .input-icon svg *,
.textarea-labeled .input[type="time"].error ~ .input-icon svg *,
.textarea-labeled .input[type="url"].error ~ .input-icon svg *,
.textarea-labeled .input[type="week"].error ~ .input-icon svg *,
.textarea-labeled .input[type="zipcode"].error ~ .input-icon svg *,
.textarea-labeled .input.textarea.error ~ .input-icon svg *,
.textarea-labeled .textarea[type="text"].error ~ .input-icon svg *,
.textarea-labeled .textarea[type="password"].error ~ .input-icon svg *,
.textarea-labeled .textarea[type="color"].error ~ .input-icon svg *,
.textarea-labeled .textarea[type="date"].error ~ .input-icon svg *,
.textarea-labeled .textarea[type="datetime"].error ~ .input-icon svg *,
.textarea-labeled .textarea[type="datetime-local"].error ~ .input-icon svg *,
.textarea-labeled .textarea[type="email"].error ~ .input-icon svg *,
.textarea-labeled .textarea[type="month"].error ~ .input-icon svg *,
.textarea-labeled .textarea[type="number"].error ~ .input-icon svg *,
.textarea-labeled .textarea[type="range"].error ~ .input-icon svg *,
.textarea-labeled .textarea[type="search"].error ~ .input-icon svg *,
.textarea-labeled .textarea[type="tel"].error ~ .input-icon svg *,
.textarea-labeled .textarea[type="time"].error ~ .input-icon svg *,
.textarea-labeled .textarea[type="url"].error ~ .input-icon svg *,
.textarea-labeled .textarea[type="week"].error ~ .input-icon svg *,
.textarea-labeled .textarea[type="zipcode"].error ~ .input-icon svg *,
.textarea-labeled .textarea.textarea.error ~ .input-icon svg * {
fill: #ea3e31 !important;
}
.input-labeled .input[type="text"].error ~ .icon-idle, .input-labeled .input[type="password"].error ~ .icon-idle, .input-labeled .input[type="color"].error ~ .icon-idle, .input-labeled .input[type="date"].error ~ .icon-idle, .input-labeled .input[type="datetime"].error ~ .icon-idle, .input-labeled .input[type="datetime-local"].error ~ .icon-idle, .input-labeled .input[type="email"].error ~ .icon-idle, .input-labeled .input[type="month"].error ~ .icon-idle, .input-labeled .input[type="number"].error ~ .icon-idle, .input-labeled .input[type="range"].error ~ .icon-idle, .input-labeled .input[type="search"].error ~ .icon-idle, .input-labeled .input[type="tel"].error ~ .icon-idle, .input-labeled .input[type="time"].error ~ .icon-idle, .input-labeled .input[type="url"].error ~ .icon-idle, .input-labeled .input[type="week"].error ~ .icon-idle, .input-labeled .input[type="zipcode"].error ~ .icon-idle, .input-labeled .input.textarea.error ~ .icon-idle,
.input-labeled .textarea[type="text"].error ~ .icon-idle,
.input-labeled .textarea[type="password"].error ~ .icon-idle,
.input-labeled .textarea[type="color"].error ~ .icon-idle,
.input-labeled .textarea[type="date"].error ~ .icon-idle,
.input-labeled .textarea[type="datetime"].error ~ .icon-idle,
.input-labeled .textarea[type="datetime-local"].error ~ .icon-idle,
.input-labeled .textarea[type="email"].error ~ .icon-idle,
.input-labeled .textarea[type="month"].error ~ .icon-idle,
.input-labeled .textarea[type="number"].error ~ .icon-idle,
.input-labeled .textarea[type="range"].error ~ .icon-idle,
.input-labeled .textarea[type="search"].error ~ .icon-idle,
.input-labeled .textarea[type="tel"].error ~ .icon-idle,
.input-labeled .textarea[type="time"].error ~ .icon-idle,
.input-labeled .textarea[type="url"].error ~ .icon-idle,
.input-labeled .textarea[type="week"].error ~ .icon-idle,
.input-labeled .textarea[type="zipcode"].error ~ .icon-idle,
.input-labeled .textarea.textarea.error ~ .icon-idle,
.textarea-labeled .input[type="text"].error ~ .icon-idle,
.textarea-labeled .input[type="password"].error ~ .icon-idle,
.textarea-labeled .input[type="color"].error ~ .icon-idle,
.textarea-labeled .input[type="date"].error ~ .icon-idle,
.textarea-labeled .input[type="datetime"].error ~ .icon-idle,
.textarea-labeled .input[type="datetime-local"].error ~ .icon-idle,
.textarea-labeled .input[type="email"].error ~ .icon-idle,
.textarea-labeled .input[type="month"].error ~ .icon-idle,
.textarea-labeled .input[type="number"].error ~ .icon-idle,
.textarea-labeled .input[type="range"].error ~ .icon-idle,
.textarea-labeled .input[type="search"].error ~ .icon-idle,
.textarea-labeled .input[type="tel"].error ~ .icon-idle,
.textarea-labeled .input[type="time"].error ~ .icon-idle,
.textarea-labeled .input[type="url"].error ~ .icon-idle,
.textarea-labeled .input[type="week"].error ~ .icon-idle,
.textarea-labeled .input[type="zipcode"].error ~ .icon-idle,
.textarea-labeled .input.textarea.error ~ .icon-idle,
.textarea-labeled .textarea[type="text"].error ~ .icon-idle,
.textarea-labeled .textarea[type="password"].error ~ .icon-idle,
.textarea-labeled .textarea[type="color"].error ~ .icon-idle,
.textarea-labeled .textarea[type="date"].error ~ .icon-idle,
.textarea-labeled .textarea[type="datetime"].error ~ .icon-idle,
.textarea-labeled .textarea[type="datetime-local"].error ~ .icon-idle,
.textarea-labeled .textarea[type="email"].error ~ .icon-idle,
.textarea-labeled .textarea[type="month"].error ~ .icon-idle,
.textarea-labeled .textarea[type="number"].error ~ .icon-idle,
.textarea-labeled .textarea[type="range"].error ~ .icon-idle,
.textarea-labeled .textarea[type="search"].error ~ .icon-idle,
.textarea-labeled .textarea[type="tel"].error ~ .icon-idle,
.textarea-labeled .textarea[type="time"].error ~ .icon-idle,
.textarea-labeled .textarea[type="url"].error ~ .icon-idle,
.textarea-labeled .textarea[type="week"].error ~ .icon-idle,
.textarea-labeled .textarea[type="zipcode"].error ~ .icon-idle,
.textarea-labeled .textarea.textarea.error ~ .icon-idle {
display: none;
}
.input-labeled .input[type="text"].error ~ .icon-valid, .input-labeled .input[type="password"].error ~ .icon-valid, .input-labeled .input[type="color"].error ~ .icon-valid, .input-labeled .input[type="date"].error ~ .icon-valid, .input-labeled .input[type="datetime"].error ~ .icon-valid, .input-labeled .input[type="datetime-local"].error ~ .icon-valid, .input-labeled .input[type="email"].error ~ .icon-valid, .input-labeled .input[type="month"].error ~ .icon-valid, .input-labeled .input[type="number"].error ~ .icon-valid, .input-labeled .input[type="range"].error ~ .icon-valid, .input-labeled .input[type="search"].error ~ .icon-valid, .input-labeled .input[type="tel"].error ~ .icon-valid, .input-labeled .input[type="time"].error ~ .icon-valid, .input-labeled .input[type="url"].error ~ .icon-valid, .input-labeled .input[type="week"].error ~ .icon-valid, .input-labeled .input[type="zipcode"].error ~ .icon-valid, .input-labeled .input.textarea.error ~ .icon-valid,
.input-labeled .textarea[type="text"].error ~ .icon-valid,
.input-labeled .textarea[type="password"].error ~ .icon-valid,
.input-labeled .textarea[type="color"].error ~ .icon-valid,
.input-labeled .textarea[type="date"].error ~ .icon-valid,
.input-labeled .textarea[type="datetime"].error ~ .icon-valid,
.input-labeled .textarea[type="datetime-local"].error ~ .icon-valid,
.input-labeled .textarea[type="email"].error ~ .icon-valid,
.input-labeled .textarea[type="month"].error ~ .icon-valid,
.input-labeled .textarea[type="number"].error ~ .icon-valid,
.input-labeled .textarea[type="range"].error ~ .icon-valid,
.input-labeled .textarea[type="search"].error ~ .icon-valid,
.input-labeled .textarea[type="tel"].error ~ .icon-valid,
.input-labeled .textarea[type="time"].error ~ .icon-valid,
.input-labeled .textarea[type="url"].error ~ .icon-valid,
.input-labeled .textarea[type="week"].error ~ .icon-valid,
.input-labeled .textarea[type="zipcode"].error ~ .icon-valid,
.input-labeled .textarea.textarea.error ~ .icon-valid,
.textarea-labeled .input[type="text"].error ~ .icon-valid,
.textarea-labeled .input[type="password"].error ~ .icon-valid,
.textarea-labeled .input[type="color"].error ~ .icon-valid,
.textarea-labeled .input[type="date"].error ~ .icon-valid,
.textarea-labeled .input[type="datetime"].error ~ .icon-valid,
.textarea-labeled .input[type="datetime-local"].error ~ .icon-valid,
.textarea-labeled .input[type="email"].error ~ .icon-valid,
.textarea-labeled .input[type="month"].error ~ .icon-valid,
.textarea-labeled .input[type="number"].error ~ .icon-valid,
.textarea-labeled .input[type="range"].error ~ .icon-valid,
.textarea-labeled .input[type="search"].error ~ .icon-valid,
.textarea-labeled .input[type="tel"].error ~ .icon-valid,
.textarea-labeled .input[type="time"].error ~ .icon-valid,
.textarea-labeled .input[type="url"].error ~ .icon-valid,
.textarea-labeled .input[type="week"].error ~ .icon-valid,
.textarea-labeled .input[type="zipcode"].error ~ .icon-valid,
.textarea-labeled .input.textarea.error ~ .icon-valid,
.textarea-labeled .textarea[type="text"].error ~ .icon-valid,
.textarea-labeled .textarea[type="password"].error ~ .icon-valid,
.textarea-labeled .textarea[type="color"].error ~ .icon-valid,
.textarea-labeled .textarea[type="date"].error ~ .icon-valid,
.textarea-labeled .textarea[type="datetime"].error ~ .icon-valid,
.textarea-labeled .textarea[type="datetime-local"].error ~ .icon-valid,
.textarea-labeled .textarea[type="email"].error ~ .icon-valid,
.textarea-labeled .textarea[type="month"].error ~ .icon-valid,
.textarea-labeled .textarea[type="number"].error ~ .icon-valid,
.textarea-labeled .textarea[type="range"].error ~ .icon-valid,
.textarea-labeled .textarea[type="search"].error ~ .icon-valid,
.textarea-labeled .textarea[type="tel"].error ~ .icon-valid,
.textarea-labeled .textarea[type="time"].error ~ .icon-valid,
.textarea-labeled .textarea[type="url"].error ~ .icon-valid,
.textarea-labeled .textarea[type="week"].error ~ .icon-valid,
.textarea-labeled .textarea[type="zipcode"].error ~ .icon-valid,
.textarea-labeled .textarea.textarea.error ~ .icon-valid {
display: none;
}
.input-labeled .input[type="text"].error ~ .icon-error, .input-labeled .input[type="password"].error ~ .icon-error, .input-labeled .input[type="color"].error ~ .icon-error, .input-labeled .input[type="date"].error ~ .icon-error, .input-labeled .input[type="datetime"].error ~ .icon-error, .input-labeled .input[type="datetime-local"].error ~ .icon-error, .input-labeled .input[type="email"].error ~ .icon-error, .input-labeled .input[type="month"].error ~ .icon-error, .input-labeled .input[type="number"].error ~ .icon-error, .input-labeled .input[type="range"].error ~ .icon-error, .input-labeled .input[type="search"].error ~ .icon-error, .input-labeled .input[type="tel"].error ~ .icon-error, .input-labeled .input[type="time"].error ~ .icon-error, .input-labeled .input[type="url"].error ~ .icon-error, .input-labeled .input[type="week"].error ~ .icon-error, .input-labeled .input[type="zipcode"].error ~ .icon-error, .input-labeled .input.textarea.error ~ .icon-error,
.input-labeled .textarea[type="text"].error ~ .icon-error,
.input-labeled .textarea[type="password"].error ~ .icon-error,
.input-labeled .textarea[type="color"].error ~ .icon-error,
.input-labeled .textarea[type="date"].error ~ .icon-error,
.input-labeled .textarea[type="datetime"].error ~ .icon-error,
.input-labeled .textarea[type="datetime-local"].error ~ .icon-error,
.input-labeled .textarea[type="email"].error ~ .icon-error,
.input-labeled .textarea[type="month"].error ~ .icon-error,
.input-labeled .textarea[type="number"].error ~ .icon-error,
.input-labeled .textarea[type="range"].error ~ .icon-error,
.input-labeled .textarea[type="search"].error ~ .icon-error,
.input-labeled .textarea[type="tel"].error ~ .icon-error,
.input-labeled .textarea[type="time"].error ~ .icon-error,
.input-labeled .textarea[type="url"].error ~ .icon-error,
.input-labeled .textarea[type="week"].error ~ .icon-error,
.input-labeled .textarea[type="zipcode"].error ~ .icon-error,
.input-labeled .textarea.textarea.error ~ .icon-error,
.textarea-labeled .input[type="text"].error ~ .icon-error,
.textarea-labeled .input[type="password"].error ~ .icon-error,
.textarea-labeled .input[type="color"].error ~ .icon-error,
.textarea-labeled .input[type="date"].error ~ .icon-error,
.textarea-labeled .input[type="datetime"].error ~ .icon-error,
.textarea-labeled .input[type="datetime-local"].error ~ .icon-error,
.textarea-labeled .input[type="email"].error ~ .icon-error,
.textarea-labeled .input[type="month"].error ~ .icon-error,
.textarea-labeled .input[type="number"].error ~ .icon-error,
.textarea-labeled .input[type="range"].error ~ .icon-error,
.textarea-labeled .input[type="search"].error ~ .icon-error,
.textarea-labeled .input[type="tel"].error ~ .icon-error,
.textarea-labeled .input[type="time"].error ~ .icon-error,
.textarea-labeled .input[type="url"].error ~ .icon-error,
.textarea-labeled .input[type="week"].error ~ .icon-error,
.textarea-labeled .input[type="zipcode"].error ~ .icon-error,
.textarea-labeled .input.textarea.error ~ .icon-error,
.textarea-labeled .textarea[type="text"].error ~ .icon-error,
.textarea-labeled .textarea[type="password"].error ~ .icon-error,
.textarea-labeled .textarea[type="color"].error ~ .icon-error,
.textarea-labeled .textarea[type="date"].error ~ .icon-error,
.textarea-labeled .textarea[type="datetime"].error ~ .icon-error,
.textarea-labeled .textarea[type="datetime-local"].error ~ .icon-error,
.textarea-labeled .textarea[type="email"].error ~ .icon-error,
.textarea-labeled .textarea[type="month"].error ~ .icon-error,
.textarea-labeled .textarea[type="number"].error ~ .icon-error,
.textarea-labeled .textarea[type="range"].error ~ .icon-error,
.textarea-labeled .textarea[type="search"].error ~ .icon-error,
.textarea-labeled .textarea[type="tel"].error ~ .icon-error,
.textarea-labeled .textarea[type="time"].error ~ .icon-error,
.textarea-labeled .textarea[type="url"].error ~ .icon-error,
.textarea-labeled .textarea[type="week"].error ~ .icon-error,
.textarea-labeled .textarea[type="zipcode"].error ~ .icon-error,
.textarea-labeled .textarea.textarea.error ~ .icon-error {
display: block;
}
.input-labeled .input[type="text"].error::-webkit-input-placeholder, .input-labeled .input[type="password"].error::-webkit-input-placeholder, .input-labeled .input[type="color"].error::-webkit-input-placeholder, .input-labeled .input[type="date"].error::-webkit-input-placeholder, .input-labeled .input[type="datetime"].error::-webkit-input-placeholder, .input-labeled .input[type="datetime-local"].error::-webkit-input-placeholder, .input-labeled .input[type="email"].error::-webkit-input-placeholder, .input-labeled .input[type="month"].error::-webkit-input-placeholder, .input-labeled .input[type="number"].error::-webkit-input-placeholder, .input-labeled .input[type="range"].error::-webkit-input-placeholder, .input-labeled .input[type="search"].error::-webkit-input-placeholder, .input-labeled .input[type="tel"].error::-webkit-input-placeholder, .input-labeled .input[type="time"].error::-webkit-input-placeholder, .input-labeled .input[type="url"].error::-webkit-input-placeholder, .input-labeled .input[type="week"].error::-webkit-input-placeholder, .input-labeled .input[type="zipcode"].error::-webkit-input-placeholder, .input-labeled .input.textarea.error::-webkit-input-placeholder,
.input-labeled .textarea[type="text"].error::-webkit-input-placeholder,
.input-labeled .textarea[type="password"].error::-webkit-input-placeholder,
.input-labeled .textarea[type="color"].error::-webkit-input-placeholder,
.input-labeled .textarea[type="date"].error::-webkit-input-placeholder,
.input-labeled .textarea[type="datetime"].error::-webkit-input-placeholder,
.input-labeled .textarea[type="datetime-local"].error::-webkit-input-placeholder,
.input-labeled .textarea[type="email"].error::-webkit-input-placeholder,
.input-labeled .textarea[type="month"].error::-webkit-input-placeholder,
.input-labeled .textarea[type="number"].error::-webkit-input-placeholder,
.input-labeled .textarea[type="range"].error::-webkit-input-placeholder,
.input-labeled .textarea[type="search"].error::-webkit-input-placeholder,
.input-labeled .textarea[type="tel"].error::-webkit-input-placeholder,
.input-labeled .textarea[type="time"].error::-webkit-input-placeholder,
.input-labeled .textarea[type="url"].error::-webkit-input-placeholder,
.input-labeled .textarea[type="week"].error::-webkit-input-placeholder,
.input-labeled .textarea[type="zipcode"].error::-webkit-input-placeholder,
.input-labeled .textarea.textarea.error::-webkit-input-placeholder,
.textarea-labeled .input[type="text"].error::-webkit-input-placeholder,
.textarea-labeled .input[type="password"].error::-webkit-input-placeholder,
.textarea-labeled .input[type="color"].error::-webkit-input-placeholder,
.textarea-labeled .input[type="date"].error::-webkit-input-placeholder,
.textarea-labeled .input[type="datetime"].error::-webkit-input-placeholder,
.textarea-labeled .input[type="datetime-local"].error::-webkit-input-placeholder,
.textarea-labeled .input[type="email"].error::-webkit-input-placeholder,
.textarea-labeled .input[type="month"].error::-webkit-input-placeholder,
.textarea-labeled .input[type="number"].error::-webkit-input-placeholder,
.textarea-labeled .input[type="range"].error::-webkit-input-placeholder,
.textarea-labeled .input[type="search"].error::-webkit-input-placeholder,
.textarea-labeled .input[type="tel"].error::-webkit-input-placeholder,
.textarea-labeled .input[type="time"].error::-webkit-input-placeholder,
.textarea-labeled .input[type="url"].error::-webkit-input-placeholder,
.textarea-labeled .input[type="week"].error::-webkit-input-placeholder,
.textarea-labeled .input[type="zipcode"].error::-webkit-input-placeholder,
.textarea-labeled .input.textarea.error::-webkit-input-placeholder,
.textarea-labeled .textarea[type="text"].error::-webkit-input-placeholder,
.textarea-labeled .textarea[type="password"].error::-webkit-input-placeholder,
.textarea-labeled .textarea[type="color"].error::-webkit-input-placeholder,
.textarea-labeled .textarea[type="date"].error::-webkit-input-placeholder,
.textarea-labeled .textarea[type="datetime"].error::-webkit-input-placeholder,
.textarea-labeled .textarea[type="datetime-local"].error::-webkit-input-placeholder,
.textarea-labeled .textarea[type="email"].error::-webkit-input-placeholder,
.textarea-labeled .textarea[type="month"].error::-webkit-input-placeholder,
.textarea-labeled .textarea[type="number"].error::-webkit-input-placeholder,
.textarea-labeled .textarea[type="range"].error::-webkit-input-placeholder,
.textarea-labeled .textarea[type="search"].error::-webkit-input-placeholder,
.textarea-labeled .textarea[type="tel"].error::-webkit-input-placeholder,
.textarea-labeled .textarea[type="time"].error::-webkit-input-placeholder,
.textarea-labeled .textarea[type="url"].error::-webkit-input-placeholder,
.textarea-labeled .textarea[type="week"].error::-webkit-input-placeholder,
.textarea-labeled .textarea[type="zipcode"].error::-webkit-input-placeholder,
.textarea-labeled .textarea.textarea.error::-webkit-input-placeholder {
color: #ea3e31;
}
.input-labeled .input[type="text"].error::-moz-placeholder, .input-labeled .input[type="password"].error::-moz-placeholder, .input-labeled .input[type="color"].error::-moz-placeholder, .input-labeled .input[type="date"].error::-moz-placeholder, .input-labeled .input[type="datetime"].error::-moz-placeholder, .input-labeled .input[type="datetime-local"].error::-moz-placeholder, .input-labeled .input[type="email"].error::-moz-placeholder, .input-labeled .input[type="month"].error::-moz-placeholder, .input-labeled .input[type="number"].error::-moz-placeholder, .input-labeled .input[type="range"].error::-moz-placeholder, .input-labeled .input[type="search"].error::-moz-placeholder, .input-labeled .input[type="tel"].error::-moz-placeholder, .input-labeled .input[type="time"].error::-moz-placeholder, .input-labeled .input[type="url"].error::-moz-placeholder, .input-labeled .input[type="week"].error::-moz-placeholder, .input-labeled .input[type="zipcode"].error::-moz-placeholder, .input-labeled .input.textarea.error::-moz-placeholder,
.input-labeled .textarea[type="text"].error::-moz-placeholder,
.input-labeled .textarea[type="password"].error::-moz-placeholder,
.input-labeled .textarea[type="color"].error::-moz-placeholder,
.input-labeled .textarea[type="date"].error::-moz-placeholder,
.input-labeled .textarea[type="datetime"].error::-moz-placeholder,
.input-labeled .textarea[type="datetime-local"].error::-moz-placeholder,
.input-labeled .textarea[type="email"].error::-moz-placeholder,
.input-labeled .textarea[type="month"].error::-moz-placeholder,
.input-labeled .textarea[type="number"].error::-moz-placeholder,
.input-labeled .textarea[type="range"].error::-moz-placeholder,
.input-labeled .textarea[type="search"].error::-moz-placeholder,
.input-labeled .textarea[type="tel"].error::-moz-placeholder,
.input-labeled .textarea[type="time"].error::-moz-placeholder,
.input-labeled .textarea[type="url"].error::-moz-placeholder,
.input-labeled .textarea[type="week"].error::-moz-placeholder,
.input-labeled .textarea[type="zipcode"].error::-moz-placeholder,
.input-labeled .textarea.textarea.error::-moz-placeholder,
.textarea-labeled .input[type="text"].error::-moz-placeholder,
.textarea-labeled .input[type="password"].error::-moz-placeholder,
.textarea-labeled .input[type="color"].error::-moz-placeholder,
.textarea-labeled .input[type="date"].error::-moz-placeholder,
.textarea-labeled .input[type="datetime"].error::-moz-placeholder,
.textarea-labeled .input[type="datetime-local"].error::-moz-placeholder,
.textarea-labeled .input[type="email"].error::-moz-placeholder,
.textarea-labeled .input[type="month"].error::-moz-placeholder,
.textarea-labeled .input[type="number"].error::-moz-placeholder,
.textarea-labeled .input[type="range"].error::-moz-placeholder,
.textarea-labeled .input[type="search"].error::-moz-placeholder,
.textarea-labeled .input[type="tel"].error::-moz-placeholder,
.textarea-labeled .input[type="time"].error::-moz-placeholder,
.textarea-labeled .input[type="url"].error::-moz-placeholder,
.textarea-labeled .input[type="week"].error::-moz-placeholder,
.textarea-labeled .input[type="zipcode"].error::-moz-placeholder,
.textarea-labeled .input.textarea.error::-moz-placeholder,
.textarea-labeled .textarea[type="text"].error::-moz-placeholder,
.textarea-labeled .textarea[type="password"].error::-moz-placeholder,
.textarea-labeled .textarea[type="color"].error::-moz-placeholder,
.textarea-labeled .textarea[type="date"].error::-moz-placeholder,
.textarea-labeled .textarea[type="datetime"].error::-moz-placeholder,
.textarea-labeled .textarea[type="datetime-local"].error::-moz-placeholder,
.textarea-labeled .textarea[type="email"].error::-moz-placeholder,
.textarea-labeled .textarea[type="month"].error::-moz-placeholder,
.textarea-labeled .textarea[type="number"].error::-moz-placeholder,
.textarea-labeled .textarea[type="range"].error::-moz-placeholder,
.textarea-labeled .textarea[type="search"].error::-moz-placeholder,
.textarea-labeled .textarea[type="tel"].error::-moz-placeholder,
.textarea-labeled .textarea[type="time"].error::-moz-placeholder,
.textarea-labeled .textarea[type="url"].error::-moz-placeholder,
.textarea-labeled .textarea[type="week"].error::-moz-placeholder,
.textarea-labeled .textarea[type="zipcode"].error::-moz-placeholder,
.textarea-labeled .textarea.textarea.error::-moz-placeholder {
color: #ea3e31;
}
.input-labeled .input[type="text"].error:-ms-input-placeholder, .input-labeled .input[type="password"].error:-ms-input-placeholder, .input-labeled .input[type="color"].error:-ms-input-placeholder, .input-labeled .input[type="date"].error:-ms-input-placeholder, .input-labeled .input[type="datetime"].error:-ms-input-placeholder, .input-labeled .input[type="datetime-local"].error:-ms-input-placeholder, .input-labeled .input[type="email"].error:-ms-input-placeholder, .input-labeled .input[type="month"].error:-ms-input-placeholder, .input-labeled .input[type="number"].error:-ms-input-placeholder, .input-labeled .input[type="range"].error:-ms-input-placeholder, .input-labeled .input[type="search"].error:-ms-input-placeholder, .input-labeled .input[type="tel"].error:-ms-input-placeholder, .input-labeled .input[type="time"].error:-ms-input-placeholder, .input-labeled .input[type="url"].error:-ms-input-placeholder, .input-labeled .input[type="week"].error:-ms-input-placeholder, .input-labeled .input[type="zipcode"].error:-ms-input-placeholder, .input-labeled .input.textarea.error:-ms-input-placeholder,
.input-labeled .textarea[type="text"].error:-ms-input-placeholder,
.input-labeled .textarea[type="password"].error:-ms-input-placeholder,
.input-labeled .textarea[type="color"].error:-ms-input-placeholder,
.input-labeled .textarea[type="date"].error:-ms-input-placeholder,
.input-labeled .textarea[type="datetime"].error:-ms-input-placeholder,
.input-labeled .textarea[type="datetime-local"].error:-ms-input-placeholder,
.input-labeled .textarea[type="email"].error:-ms-input-placeholder,
.input-labeled .textarea[type="month"].error:-ms-input-placeholder,
.input-labeled .textarea[type="number"].error:-ms-input-placeholder,
.input-labeled .textarea[type="range"].error:-ms-input-placeholder,
.input-labeled .textarea[type="search"].error:-ms-input-placeholder,
.input-labeled .textarea[type="tel"].error:-ms-input-placeholder,
.input-labeled .textarea[type="time"].error:-ms-input-placeholder,
.input-labeled .textarea[type="url"].error:-ms-input-placeholder,
.input-labeled .textarea[type="week"].error:-ms-input-placeholder,
.input-labeled .textarea[type="zipcode"].error:-ms-input-placeholder,
.input-labeled .textarea.textarea.error:-ms-input-placeholder,
.textarea-labeled .input[type="text"].error:-ms-input-placeholder,
.textarea-labeled .input[type="password"].error:-ms-input-placeholder,
.textarea-labeled .input[type="color"].error:-ms-input-placeholder,
.textarea-labeled .input[type="date"].error:-ms-input-placeholder,
.textarea-labeled .input[type="datetime"].error:-ms-input-placeholder,
.textarea-labeled .input[type="datetime-local"].error:-ms-input-placeholder,
.textarea-labeled .input[type="email"].error:-ms-input-placeholder,
.textarea-labeled .input[type="month"].error:-ms-input-placeholder,
.textarea-labeled .input[type="number"].error:-ms-input-placeholder,
.textarea-labeled .input[type="range"].error:-ms-input-placeholder,
.textarea-labeled .input[type="search"].error:-ms-input-placeholder,
.textarea-labeled .input[type="tel"].error:-ms-input-placeholder,
.textarea-labeled .input[type="time"].error:-ms-input-placeholder,
.textarea-labeled .input[type="url"].error:-ms-input-placeholder,
.textarea-labeled .input[type="week"].error:-ms-input-placeholder,
.textarea-labeled .input[type="zipcode"].error:-ms-input-placeholder,
.textarea-labeled .input.textarea.error:-ms-input-placeholder,
.textarea-labeled .textarea[type="text"].error:-ms-input-placeholder,
.textarea-labeled .textarea[type="password"].error:-ms-input-placeholder,
.textarea-labeled .textarea[type="color"].error:-ms-input-placeholder,
.textarea-labeled .textarea[type="date"].error:-ms-input-placeholder,
.textarea-labeled .textarea[type="datetime"].error:-ms-input-placeholder,
.textarea-labeled .textarea[type="datetime-local"].error:-ms-input-placeholder,
.textarea-labeled .textarea[type="email"].error:-ms-input-placeholder,
.textarea-labeled .textarea[type="month"].error:-ms-input-placeholder,
.textarea-labeled .textarea[type="number"].error:-ms-input-placeholder,
.textarea-labeled .textarea[type="range"].error:-ms-input-placeholder,
.textarea-labeled .textarea[type="search"].error:-ms-input-placeholder,
.textarea-labeled .textarea[type="tel"].error:-ms-input-placeholder,
.textarea-labeled .textarea[type="time"].error:-ms-input-placeholder,
.textarea-labeled .textarea[type="url"].error:-ms-input-placeholder,
.textarea-labeled .textarea[type="week"].error:-ms-input-placeholder,
.textarea-labeled .textarea[type="zipcode"].error:-ms-input-placeholder,
.textarea-labeled .textarea.textarea.error:-ms-input-placeholder {
color: #ea3e31;
}
.input-labeled .input[type="text"].error:-moz-placeholder, .input-labeled .input[type="password"].error:-moz-placeholder, .input-labeled .input[type="color"].error:-moz-placeholder, .input-labeled .input[type="date"].error:-moz-placeholder, .input-labeled .input[type="datetime"].error:-moz-placeholder, .input-labeled .input[type="datetime-local"].error:-moz-placeholder, .input-labeled .input[type="email"].error:-moz-placeholder, .input-labeled .input[type="month"].error:-moz-placeholder, .input-labeled .input[type="number"].error:-moz-placeholder, .input-labeled .input[type="range"].error:-moz-placeholder, .input-labeled .input[type="search"].error:-moz-placeholder, .input-labeled .input[type="tel"].error:-moz-placeholder, .input-labeled .input[type="time"].error:-moz-placeholder, .input-labeled .input[type="url"].error:-moz-placeholder, .input-labeled .input[type="week"].error:-moz-placeholder, .input-labeled .input[type="zipcode"].error:-moz-placeholder, .input-labeled .input.textarea.error:-moz-placeholder,
.input-labeled .textarea[type="text"].error:-moz-placeholder,
.input-labeled .textarea[type="password"].error:-moz-placeholder,
.input-labeled .textarea[type="color"].error:-moz-placeholder,
.input-labeled .textarea[type="date"].error:-moz-placeholder,
.input-labeled .textarea[type="datetime"].error:-moz-placeholder,
.input-labeled .textarea[type="datetime-local"].error:-moz-placeholder,
.input-labeled .textarea[type="email"].error:-moz-placeholder,
.input-labeled .textarea[type="month"].error:-moz-placeholder,
.input-labeled .textarea[type="number"].error:-moz-placeholder,
.input-labeled .textarea[type="range"].error:-moz-placeholder,
.input-labeled .textarea[type="search"].error:-moz-placeholder,
.input-labeled .textarea[type="tel"].error:-moz-placeholder,
.input-labeled .textarea[type="time"].error:-moz-placeholder,
.input-labeled .textarea[type="url"].error:-moz-placeholder,
.input-labeled .textarea[type="week"].error:-moz-placeholder,
.input-labeled .textarea[type="zipcode"].error:-moz-placeholder,
.input-labeled .textarea.textarea.error:-moz-placeholder,
.textarea-labeled .input[type="text"].error:-moz-placeholder,
.textarea-labeled .input[type="password"].error:-moz-placeholder,
.textarea-labeled .input[type="color"].error:-moz-placeholder,
.textarea-labeled .input[type="date"].error:-moz-placeholder,
.textarea-labeled .input[type="datetime"].error:-moz-placeholder,
.textarea-labeled .input[type="datetime-local"].error:-moz-placeholder,
.textarea-labeled .input[type="email"].error:-moz-placeholder,
.textarea-labeled .input[type="month"].error:-moz-placeholder,
.textarea-labeled .input[type="number"].error:-moz-placeholder,
.textarea-labeled .input[type="range"].error:-moz-placeholder,
.textarea-labeled .input[type="search"].error:-moz-placeholder,
.textarea-labeled .input[type="tel"].error:-moz-placeholder,
.textarea-labeled .input[type="time"].error:-moz-placeholder,
.textarea-labeled .input[type="url"].error:-moz-placeholder,
.textarea-labeled .input[type="week"].error:-moz-placeholder,
.textarea-labeled .input[type="zipcode"].error:-moz-placeholder,
.textarea-labeled .input.textarea.error:-moz-placeholder,
.textarea-labeled .textarea[type="text"].error:-moz-placeholder,
.textarea-labeled .textarea[type="password"].error:-moz-placeholder,
.textarea-labeled .textarea[type="color"].error:-moz-placeholder,
.textarea-labeled .textarea[type="date"].error:-moz-placeholder,
.textarea-labeled .textarea[type="datetime"].error:-moz-placeholder,
.textarea-labeled .textarea[type="datetime-local"].error:-moz-placeholder,
.textarea-labeled .textarea[type="email"].error:-moz-placeholder,
.textarea-labeled .textarea[type="month"].error:-moz-placeholder,
.textarea-labeled .textarea[type="number"].error:-moz-placeholder,
.textarea-labeled .textarea[type="range"].error:-moz-placeholder,
.textarea-labeled .textarea[type="search"].error:-moz-placeholder,
.textarea-labeled .textarea[type="tel"].error:-moz-placeholder,
.textarea-labeled .textarea[type="time"].error:-moz-placeholder,
.textarea-labeled .textarea[type="url"].error:-moz-placeholder,
.textarea-labeled .textarea[type="week"].error:-moz-placeholder,
.textarea-labeled .textarea[type="zipcode"].error:-moz-placeholder,
.textarea-labeled .textarea.textarea.error:-moz-placeholder {
color: #ea3e31;
}
.input-labeled .input-icon,
.textarea-labeled .input-icon {
position: absolute;
width: 1rem;
height: 5rem;
top: 0;
left: 1.5rem;
z-index: 1;
}
.input-labeled .input-icon svg,
.textarea-labeled .input-icon svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition-property: fill;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.input-labeled .input-icon.icon-idle,
.textarea-labeled .input-icon.icon-idle {
display: block;
}
.input-labeled .input-icon.icon-idle svg,
.textarea-labeled .input-icon.icon-idle svg {
width: 0.5rem;
left: 0.5rem;
}
.input-labeled .input-icon.icon-valid,
.textarea-labeled .input-icon.icon-valid {
display: none;
}
.input-labeled .input-icon.icon-error,
.textarea-labeled .input-icon.icon-error {
display: none;
}
.input-labeled .input-icon.icon-error svg,
.textarea-labeled .input-icon.icon-error svg {
width: 0.8rem;
left: 0.3rem;
}
.input-labeled--credit-card,
.textarea-labeled--credit-card {
position: relative;
}
.input-labeled--credit-card:after,
.textarea-labeled--credit-card:after {
content: '';
position: absolute;
top: 2.7rem;
right: 1rem;
width: 3.8rem;
height: 2.5rem;
background: url(../images/account-dashboard/mobile/logo-visa.png) no-repeat top left;
background-size: cover;
}
.single-field-link {
position: relative;
}
.single-field-link--smaller {
height: 4rem;
}
.single-field-link button {
position: absolute;
right: 2rem;
text-transform: uppercase;
font-weight: 700;
text-decoration: none !important;
top: 50%;
transform: translateY(-50%);
}
.single-field-submit {
position: relative;
}
.single-field-submit input {
width: 100%;
height: 5rem;
padding: 0 5rem 0 2rem;
background-color: #fff !important;
border: 1px solid #4f4f4f !important;
color: #060606 !important;
}
.single-field-submit button {
width: 5rem;
height: 100%;
text-indent: 5rem;
background-color: #1e1e1e;
position: absolute;
right: 0;
top: 0;
overflow: hidden;
}
.single-field-submit .arrow {
width: 1.4rem;
height: 100%;
position: absolute;
left: 1.8rem;
top: 0;
fill: #ea3e31;
}
.single-field-submit.dark input {
border: 1px solid #4f4f4f !important;
background-color: #1e1e1e !important;
color: #fff !important;
}
.single-field-submit.dark button {
border: 1px solid #4f4f4f !important;
border-left: 0 !important;
}
.favorites-sort-bar {
position: relative;
height: 6rem;
z-index: 1;
white-space: nowrap;
background: #5e5e5e;
border-bottom: 1px solid #ddd;
}
.favorites-sort-bar .title {
display: inline-block;
position: relative;
color: #999;
height: 6rem;
line-height: 6rem;
vertical-align: top;
}
.favorites-sort-bar .vert-divider {
position: relative;
display: inline-block;
top: 0px;
left: 0px;
width: 0.1rem;
height: 4rem;
margin: 1rem 2rem;
background: #ddd;
}
.favorites-sort-bar .btn-share {
position: relative;
display: inline-block;
vertical-align: top;
height: 6rem;
line-height: 6rem;
}
.favorites-sort-bar .btn-share svg {
position: relative;
display: inline-block;
top: 0px;
left: 0px;
width: 1rem;
height: 1rem;
}
.favorites-sort-bar .btn-share svg * {
fill: #060606;
}
.favorites-sort-bar .btn-share .metadata {
color: #060606;
margin-left: 0.5rem;
}
.favorites-sort-bar .select-dd-swap-label {
height: 6rem;
line-height: 6rem;
}
.favorites-sort-bar .select-dd-swap-label > label {
line-height: 6rem;
}
.favorites-sort-bar .select-dd-swap-label .selectize-input {
height: 6rem;
}
.favorites-sort-bar .select-dd-swap-label .selectize-input:after {
height: 5.8rem !important;
}
.favorites-sort-bar .custom-select .selectize-input.items.input-active {
border-color: rgba(221, 221, 221, 0.6);
}
.favorites-sort-bar .button-filters {
margin-top: 1rem;
}
.product-filter-bar {
position: relative;
height: 100%;
padding: 3.7rem 4rem 2rem;
}
@media (min-width: 1281px) {
.product-filter-bar {
padding: 3.7rem 6rem 2rem;
}
}
.product-filter-bar .filter-groups {
position: relative;
z-index: 1;
}
.product-filter-bar .filter-groups hr {
border-color: #ddd;
}
.product-filter-bar .filter-groups--header {
margin-bottom: 2.2rem;
}
.product-filter-bar .filter-groups--header h5 {
padding-bottom: 1.6rem;
}
.product-filter-bar .filter-groups:first-child {
margin-bottom: 5rem;
}
.product-filter-bar .filter-groups .filter-group {
position: relative;
}
.product-filter-bar .filter-groups .filter-group > h6 {
margin-bottom: 1.2rem;
}
.product-filter-bar .filter-groups .filter-group > ul {
margin-bottom: 2.3rem;
}
.product-filter-bar .filter-groups .filter-group > ul li {
margin-bottom: 0.9rem;
padding-left: 1.9rem;
}
.product-filter-bar .filter-groups .filter-group > ul li a {
color: #060606;
line-height: 1.5rem;
}
.product-filter-bar .filter-groups .filter-group .accordion--toggle {
position: relative;
cursor: pointer;
}
.product-filter-bar .filter-groups .filter-group .accordion--toggle h6 {
height: 5rem;
line-height: 5rem;
}
.product-filter-bar .filter-groups .filter-group .accordion--toggle svg {
position: absolute;
top: 2rem;
left: auto;
width: 0.9rem;
height: 0.9rem;
right: 0;
}
.product-filter-bar .filter-groups .filter-group .accordion--content.checkboxes ul {
padding-bottom: 1.9rem;
}
.product-filter-bar .filter-groups .filter-group .accordion--content.checkboxes ul li {
margin-bottom: 1.4rem;
}
.product-filter-bar .filter-groups .filter-group .accordion--content.checkboxes ul li:last-child {
margin-bottom: 0;
}
.product-filter-bar .filter-groups .filter-group .size-selector {
margin-bottom: 1rem;
}
.product-filter-bar .filter-groups .filter-group .size-selector ul li {
width: 25%;
}
.product-filter-bar .filter-groups .filter-group:last-child hr {
display: none;
}
.product-filter-bar .term-filters--header {
margin-bottom: 0;
}
.product-filter-bar > .bg-panel {
background: #5e5e5e;
}
.sort-bar {
position: relative;
height: 6rem;
z-index: 1;
white-space: nowrap;
background: #999;
border-bottom: 1px solid #ddd;
}
.sort-bar .title {
display: inline-block;
position: relative;
color: #060606;
height: 6rem;
line-height: 6.5rem;
}
.sort-bar .title .grey {
color: #999;
}
.sort-bar .select-dd-swap-label {
height: 6rem;
line-height: 6rem;
}
.sort-bar .select-dd-swap-label > label {
line-height: 6.5rem;
}
.sort-bar .select-dd-swap-label .selectize-input {
height: 6rem;
}
.sort-bar .select-dd-swap-label .selectize-input:after {
height: 6.4rem !important;
}
.sort-bar .custom-select .selectize-input.items.input-active {
border-color: rgba(221, 221, 221, 0.6);
}
.sort-bar .button-filters {
margin-top: 1rem;
}
.select-dd {
position: relative;
text-align: left;
margin-bottom: 2rem;
z-index: 2;
}
.select-dd .custom-select .selectize-input.items {
border: 1px solid #999;
}
.select-dd .selectize-control.single .selectize-input {
position: relative;
display: inline-block;
width: 100%;
height: 5rem;
z-index: 1;
border: 1px solid #121212;
padding: 0.2rem 1.5rem 0 2.2rem;
border-radius: 0;
background-color: white;
outline: none;
transition-property: color, border-color;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.select-dd .selectize-control.single .selectize-input .item {
font-family: "FFDINWebBold", helvetica, sans-serif;
font-weight: 400;
font-size: 1.3rem;
line-height: 5rem;
letter-spacing: 0.02rem;
}
.select-dd .selectize-control.single .selectize-input.input-active {
border: 2px solid #121212;
background-color: #060606;
}
.select-dd .selectize-control.single .selectize-input.input-active .item {
color: #fff;
}
.select-dd .selectize-control.single .selectize-input.dropdown-active:before {
display: none;
}
.select-dd .selectize-control.single .selectize-dropdown {
border: 2px solid #121212;
border-top: none;
}
.select-dd .selectize-control.single .selectize-dropdown .option {
position: relative;
display: block;
float: left;
width: 100%;
height: 5rem;
z-index: 1;
padding: 0.3rem 1.5rem 0 2.3rem;
border-radius: 0;
background-color: white;
outline: none;
font-family: "FFDINWebBold", helvetica, sans-serif;
font-weight: 400;
font-size: 1.3rem;
line-height: 5rem;
letter-spacing: 0.02rem;
transition: none;
}
.select-dd .selectize-control.single .selectize-dropdown .option:hover {
background-color: #060606;
color: #fff;
}
.select-dd .selectize-control.single .selectize-dropdown .option:hover:after {
background: #060606;
}
.select-dd .selectize-control.single .selectize-dropdown .option:after {
content: '';
position: absolute;
top: auto;
bottom: 0;
left: 2rem;
right: 2rem;
width: auto;
height: 0.1rem;
background: #e6e6e6;
}
.select-dd .selectize-control.single input {
width: 100% !important;
padding: 0 1.5rem !important;
}
.select-dd .input-icon {
position: absolute;
width: 1rem;
height: 5rem;
top: 0;
left: 1.5rem;
z-index: 1;
}
.select-dd .input-icon svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition-property: fill;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.select-dd .input-icon.icon-idle {
display: block;
}
.select-dd .input-icon.icon-idle svg {
width: 0.5rem;
left: 0.5rem;
}
.select-dd .input-icon.icon-valid {
display: none;
}
.select-dd .input-icon.icon-error {
display: none;
}
.select-dd .input-icon.icon-error svg {
width: 0.8rem;
left: 0.3rem;
}
.select-dd-swap-label {
text-align: left;
margin-bottom: 2rem;
}
.select-dd-swap-label > label,
.select-dd-swap-label .selectize-input .item {
font-family: "FFDINWebBold", helvetica, sans-serif;
font-weight: 400;
font-size: 1.3rem;
line-height: 5rem;
letter-spacing: 0.02rem;
}
.select-dd-swap-label > label {
position: absolute;
left: 2rem;
padding: 0;
line-height: 5.5rem;
color: #999;
z-index: 10;
white-space: nowrap;
pointer-events: none;
text-transform: none;
}
.select-dd-swap-label > label strong {
color: #121212;
font-weight: 400;
}
.select-dd-swap-label > label strong:before {
content: '\2013';
display: inline-block;
position: relative;
font-family: "FFDINWebBold", helvetica, sans-serif;
font-weight: 400;
font-size: 1.3rem;
line-height: 5rem;
letter-spacing: 0.02rem;
color: #999;
padding: 0 1rem 0 0.7rem;
}
.select-dd-swap-label.is-open > label {
color: #999;
}
.select-dd-swap-label.is-open > label strong {
color: #fff;
}
.select-dd-swap-label .custom-select .selectize-input.items {
border: 1px solid #999;
}
.select-dd-swap-label .selectize-control.single .selectize-input {
position: relative;
display: inline-block;
width: 100%;
height: 5rem;
z-index: 1;
border: 1px solid #121212;
padding: 0.2rem 1.5rem 0 2.2rem;
border-radius: 0;
background-color: white;
outline: none;
transition-property: color, border-color;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.select-dd-swap-label .selectize-control.single .selectize-input.input-active {
border: 2px solid #121212;
background-color: #060606;
}
.select-dd-swap-label .selectize-control.single .selectize-input.input-active .item {
color: #fff;
}
.select-dd-swap-label .selectize-control.single .selectize-input.dropdown-active:before {
display: none;
}
.select-dd-swap-label .selectize-control.single .selectize-input:after {
right: 2rem;
}
.select-dd-swap-label .selectize-control.single .selectize-input div,
.select-dd-swap-label .selectize-control.single .selectize-input input {
visibility: hidden;
}
.select-dd-swap-label .selectize-control.single .selectize-dropdown {
border: 2px solid #121212;
border-top: none;
}
.select-dd-swap-label .selectize-control.single .selectize-dropdown .option {
position: relative;
display: block;
float: left;
width: 100%;
height: 5rem;
z-index: 1;
padding: 0.3rem 1.5rem 0 2.3rem;
border-radius: 0;
background-color: white;
outline: none;
font-family: "FFDINWebBold", helvetica, sans-serif;
font-weight: 400;
font-size: 1.3rem;
line-height: 5rem;
letter-spacing: 0.02rem;
transition: none;
}
.select-dd-swap-label .selectize-control.single .selectize-dropdown .option:hover {
background-color: #060606;
color: #fff;
}
.select-dd-swap-label .selectize-control.single .selectize-dropdown .option:hover:after {
background: #060606;
}
.select-dd-swap-label .selectize-control.single .selectize-dropdown .option:after {
content: '';
position: absolute;
top: auto;
bottom: 0;
left: 2rem;
right: 2rem;
width: auto;
height: 0.1rem;
background: #e6e6e6;
}
.select-dd-swap-label .selectize-control.single input {
width: 100% !important;
padding: 0 1.5rem !important;
}
.select-dd-swap-label .input-icon {
position: absolute;
width: 1rem;
height: 5rem;
top: 0;
left: 1.5rem;
z-index: 10;
}
.select-dd-swap-label .input-icon svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition-property: fill;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.select-dd-swap-label .input-icon.icon-idle {
display: block;
}
.select-dd-swap-label .input-icon.icon-idle svg {
width: 0.5rem;
left: 0.5rem;
}
.select-dd-swap-label .input-icon.icon-valid {
display: none;
}
.select-dd-swap-label .input-icon.icon-error {
display: none;
}
.select-dd-swap-label .input-icon.icon-error svg {
width: 0.8rem;
left: 0.3rem;
}
.select-shoe-width {
position: relative;
height: 4rem;
line-height: 4rem;
background: #5e5e5e;
}
.select-shoe-width > label {
position: absolute;
top: 0;
left: 0;
padding: 0 0 0 1.9rem;
line-height: 4.2rem;
color: #999;
z-index: 10;
white-space: nowrap;
pointer-events: none;
font-weight: 600;
text-transform: none;
}
.select-shoe-width > label strong {
font-weight: 700;
color: #060606;
}
.select-shoe-width .selectize-input {
position: relative;
height: 4.9rem;
padding: 0;
box-shadow: none;
border: 1px solid #999;
border-radius: 0;
background: transparent;
}
.select-shoe-width .selectize-input:after {
line-height: 4.9rem;
right: 1.8rem !important;
}
.select-shoe-width .selectize-input div,
.select-shoe-width .selectize-input input {
visibility: hidden;
}
.select-shoe-width .selectize-dropdown {
top: auto !important;
bottom: 3.9rem !important;
box-shadow: none;
}
.select-shoe-width .selectize-dropdown .selectize-dropdown-content {
position: relative;
padding: 1rem 0.5rem 0;
box-shadow: none;
background: #5e5e5e;
border-top: 1px solid #999;
border-bottom: none;
}
.select-shoe-width .selectize-dropdown .selectize-dropdown-content::after {
clear: both;
content: '';
display: block;
}
.select-shoe-width .selectize-dropdown .selectize-dropdown-content div {
position: relative;
float: left;
width: calc(50% - 1rem);
height: 4.5rem;
font-size: 1.2rem;
line-height: 4.5rem;
padding: 0;
margin: 0 0.5rem 1rem;
border: 1px solid #999;
background: #fff;
text-align: center;
}
.select-shoe-width .selectize-control.single .selectize-input {
background: rgba(255, 255, 255, 0);
transition-property: background, border-color;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.12s;
}
.select-shoe-width .option {
height: 3.5rem;
line-height: 3.5rem;
padding: 0 2rem;
color: #999;
background-color: #5e5e5e;
white-space: nowrap;
}
.select-shoe-width .option:hover {
color: #060606;
}
.select-size {
position: relative;
height: 4rem;
line-height: 4rem;
background: #5e5e5e;
}
.select-size > label {
position: absolute;
top: 0;
left: 0;
padding: 0 0 0 1.9rem;
line-height: 4.2rem;
color: #999;
z-index: 10;
white-space: nowrap;
pointer-events: none;
font-weight: 600;
text-transform: none;
}
.select-size > label strong {
font-weight: 700;
color: #060606;
}
.select-size .selectize-input {
position: relative;
height: 4.9rem;
padding: 0;
box-shadow: none;
border: 1px solid #999;
border-radius: 0;
background: transparent;
}
.select-size .selectize-input:after {
line-height: 4.9rem;
right: 1.8rem !important;
}
.select-size .selectize-input div,
.select-size .selectize-input input {
visibility: hidden;
}
.select-size .selectize-dropdown {
top: auto !important;
bottom: 3.9rem !important;
box-shadow: none;
}
.select-size .selectize-dropdown .selectize-dropdown-content {
position: relative;
background: #5e5e5e;
padding: 1rem 0 0.5rem;
border-top: 1px solid #999;
border-bottom: none;
box-shadow: none;
}
.select-size .selectize-dropdown .selectize-dropdown-content::after {
clear: both;
content: '';
display: block;
}
.select-size .selectize-dropdown .selectize-dropdown-content div {
position: relative;
float: left;
width: calc(20% - 1rem);
height: 3rem;
font-size: 1.2rem;
line-height: 3rem;
padding: 0;
margin: 0 0.5rem 1rem;
border: 1px solid #999;
background: #fff;
text-align: center;
}
.select-size .selectize-control.single .selectize-input {
background: rgba(255, 255, 255, 0);
transition-property: background, border-color;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.12s;
}
.select-size .option {
height: 3.5rem;
line-height: 3.5rem;
padding: 0 2rem;
color: #999;
background-color: #5e5e5e;
white-space: nowrap;
}
.select-size .option:hover {
color: #060606;
}
.selectize-control.custom-select {
height: 4rem;
}
.selectize-control * {
cursor: pointer !important;
}
.custom-select .selectize-input {
height: 4rem;
padding: 0;
box-shadow: none;
border-radius: 0;
background-color: #fff;
line-height: 3.8rem;
}
.custom-select .selectize-input.items {
border-left: 1px solid rgba(153, 153, 153, 0);
border-right: 1px solid rgba(153, 153, 153, 0);
transition-property: background, border;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.1s;
}
.custom-select .selectize-input.items.input-active {
border-color: #999999;
}
.custom-select .selectize-input div, .custom-select .selectize-input input {
height: 4rem;
padding: 0 1rem;
font-family: "FFDINWeb", helvetica, sans-serif;
font-weight: 700;
line-height: 4rem;
font-size: 1.2rem;
color: #060606;
}
.custom-select .selectize-input input {
pointer-events: none;
}
.selectize-dropdown .selectize-dropdown-content div {
padding: 0 10px;
font-family: "FFDINWeb", helvetica, sans-serif;
font-weight: 700;
font-size: 1.3rem;
line-height: 4rem;
color: #060606;
transition-property: background;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.1s;
}
.selectize-dropdown .selectize-dropdown-content div.active {
background-color: #ea3e31;
border-color: #999999;
}
.selectize-dropdown .selectize-control.single .selectize-input.dropdown-active {
background-color: #ea3e31;
}
.selectize-control.single .selectize-input:after {
content: '';
width: 1.1rem;
height: 100%;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA5IDUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDkgNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBzdHlsZT0iZmlsbDojMTIxMjEyOyIgcG9pbnRzPSI2LjksMCA0LjUsMi45IDIuMSwwIDAsMCA0LjEsNSA0LjksNSA5LDAgIi8+Cjwvc3ZnPgo=) center/contain no-repeat;
position: absolute;
right: 1rem;
top: 0;
margin: 0;
border: none;
transform: scaleY(1);
transition: transform 0.1s cubic-bezier(0.52, 0.01, 0.16, 1);
transition-property: transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.selectize-control.single .selectize-input.dropdown-active:after {
margin: 0;
transform: rotate(180deg);
}
label.checkbox-labeled {
display: block;
position: relative;
cursor: pointer;
text-align: left;
}
label.checkbox-labeled.disabled input[type="checkbox"] + span:before {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 0.8rem;
height: 0.8rem;
border: none;
transition-property: border, background-color;
transition-duration: .1s;
transition-timing-function: linear;
pointer-events: none;
background-color: #999;
}
label.checkbox-labeled.white .check {
fill: #060606;
}
label.checkbox-labeled.white input[type="checkbox"] + span:before {
border: 2px solid #fff;
}
label.checkbox-labeled.white input[type="checkbox"]:checked + span:before {
background-color: #fff;
}
label.checkbox-labeled input[type="checkbox"] {
position: absolute;
top: 0;
left: 0;
width: 1.5rem;
height: 1.5rem;
opacity: 0;
cursor: pointer;
}
label.checkbox-labeled input[type="checkbox"] + span {
display: block;
position: relative;
width: 100%;
line-height: 1.6rem;
word-break: break-word;
padding-left: 2.5rem;
}
label.checkbox-labeled input[type="checkbox"] + span:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 1.5rem;
height: 1.5rem;
border: 2px solid #060606;
transition-property: border, background-color;
transition-duration: .1s;
transition-timing-function: linear;
pointer-events: none;
}
label.checkbox-labeled input[type="checkbox"]:checked + span:before {
background-color: #060606;
}
label.checkbox-labeled input[type="checkbox"]:checked ~ .check {
opacity: 1;
}
label.checkbox-labeled .check {
position: absolute;
top: .3rem;
left: .3rem;
width: .9rem;
height: .9rem;
opacity: 0;
z-index: 1;
pointer-events: none;
fill: #ea3e31;
}
label.checkbox-labeled.light input[type="checkbox"] + span:before {
border: 1px solid #999;
}
label.checkbox-labeled.light input[type="checkbox"]:checked + span:before {
background-color: #060606;
border: 1px solid #060606;
}
label.radio-labeled {
position: relative;
cursor: pointer;
text-align: left;
}
label.radio-labeled input[type="radio"] {
position: absolute;
top: 0;
left: 0;
width: 1.5rem;
height: 1.5rem;
opacity: 0;
cursor: pointer;
}
label.radio-labeled input[type="radio"] + span {
width: 100%;
line-height: 1.6rem;
word-break: break-word;
padding-left: 2.5rem;
display: block;
}
label.radio-labeled input[type="radio"] + span:before, label.radio-labeled input[type="radio"] + span:after {
content: '';
position: absolute;
pointer-events: none;
border-radius: 50%;
}
label.radio-labeled input[type="radio"] + span:before {
width: 1.5rem;
height: 1.5rem;
border: 1px solid #060606;
top: 0;
left: 0;
}
label.radio-labeled input[type="radio"] + span:after {
width: .9rem;
height: .9rem;
background-color: #060606;
left: .3rem;
top: .3rem;
opacity: 0;
transition-property: opacity;
transition-duration: .1s;
transition-timing-function: linear;
}
label.radio-labeled input[type="radio"]:checked + span:after {
opacity: 1;
}
label.radio-labeled.secondary input[type="radio"] + span {
padding-left: 0rem;
}
label.radio-labeled.secondary input[type="radio"] + span:before {
left: initial;
right: 0rem;
}
label.radio-labeled.secondary input[type="radio"] + span:after {
left: initial;
right: 0.3rem;
}
.arrow-button-field-tiny input::-moz-placeholder, .arrow-button-field-tiny input::-moz-placeholder, .arrow-button-field-tiny input::-ms-input-placeholder, .custom-select .selectize-input input::-moz-placeholder, .custom-select .selectize-input input::-moz-placeholder, .custom-select .selectize-input input::-ms-input-placeholder {
font-family: "FFDINWeb", helvetica, sans-serif;
color: #5e5e5e;
}
.arrow-button-field-tiny input::placeholder, .arrow-button-field-tiny input::-moz-placeholder, .arrow-button-field-tiny input::-ms-input-placeholder, .custom-select .selectize-input input::placeholder, .custom-select .selectize-input input::-moz-placeholder, .custom-select .selectize-input input::-ms-input-placeholder {
font-family: "FFDINWeb", helvetica, sans-serif;
color: #5e5e5e;
}
form,
fieldset {
border: none;
}
form label,
fieldset label {
display: block;
padding: 0px;
margin: 0px;
margin-bottom: .8rem;
color: #5e5e5e;
font-family: "FFDINWeb", helvetica, sans-serif;
font-weight: 300;
font-size: 1.4rem;
font-weight: normal;
}
form textarea,
fieldset textarea {
width: 100%;
padding: 1rem 1.5rem;
resize: vertical;
min-height: 11rem;
line-height: 1.8rem;
}
.form-alert-block {
position: relative;
max-height: 0;
text-align: center;
overflow: hidden;
opacity: 0;
transition-property: max-height, opacity, padding;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.form-alert-block.is-visible {
max-height: 13rem;
opacity: 1;
}
.form-alert-block.is-visible + * {
margin-top: 2.5rem;
}
.form-alert-block--error {
color: #060606;
background: rgba(202, 34, 52, 0.2);
}
.form-alert-block--success {
background: #c5e7c2;
}
.form-alert-block--success p {
color: #060606;
}
.form-alert-block--warning {
background-color: #fff6cc;
text-align: left;
margin-top: 1.5rem;
}
.form-alert-block--warning p {
color: #060606;
}
.form-alert-block span {
position: relative;
padding: 1.5rem 2rem;
}
.selectize-control.custom-select {
height: 5rem;
}
.selectize-control * {
cursor: pointer !important;
}
.custom-select .selectize-input.items {
border: 1px solid #999;
}
.custom-select .selectize-input {
height: 5rem;
padding: 0;
box-shadow: none;
border-radius: 0;
background-color: #fff;
line-height: 3.8rem;
}
.custom-select .selectize-input div, .custom-select .selectize-input input {
height: 5rem;
padding: 0 1.5rem;
font-family: "FFDINWeb", helvetica, sans-serif;
font-weight: 700;
line-height: 4rem;
font-size: 1.3rem;
color: #060606;
}
.custom-select .selectize-input input {
pointer-events: none;
}
.selectize-dropdown .selectize-dropdown-content div {
padding: 0 1.5rem;
font-family: "FFDINWeb", helvetica, sans-serif;
font-weight: 700;
font-size: 1.3rem;
line-height: 5rem;
color: #060606;
transition-property: background;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.1s;
}
.selectize-dropdown .selectize-dropdown-content div.active {
background-color: transparent;
}
.selectize-dropdown .selectize-dropdown-content div:hover {
background-color: #ea3e31;
}
.selectize-dropdown .selectize-control.single .selectize-input.dropdown-active {
background-color: #ea3e31;
}
.selectize-control.single .selectize-input:after {
content: '';
width: 0.9rem;
height: 100%;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA5IDUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDkgNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBzdHlsZT0iZmlsbDojMTIxMjEyOyIgcG9pbnRzPSI2LjksMCA0LjUsMi45IDIuMSwwIDAsMCA0LjEsNSA0LjksNSA5LDAgIi8+Cjwvc3ZnPgo=) center/contain no-repeat;
position: absolute;
right: 1rem;
top: 0;
margin: 0;
border: none;
transform: scaleY(1);
transition: transform 0.1s cubic-bezier(0.52, 0.01, 0.16, 1);
}
.selectize-control.single .selectize-input.dropdown-active:after {
margin: 0;
transform: scaleY(-1);
}
.single-field-submit {
position: relative;
}
.single-field-submit input {
width: 100%;
height: 5rem;
padding: 0 5rem 0 2rem;
background-color: #fff !important;
border: 1px solid #4f4f4f !important;
color: #060606 !important;
}
.single-field-submit button {
width: 5rem;
height: 100%;
text-indent: 5rem;
background-color: #1e1e1e;
position: absolute;
right: 0;
top: 0;
overflow: hidden;
}
.single-field-submit .arrow {
width: 1.4rem;
height: 100%;
position: absolute;
left: 1.8rem;
top: 0;
fill: #ea3e31;
}
.single-field-submit.dark input {
border: 1px solid #4f4f4f !important;
background-color: #1e1e1e !important;
color: #fff !important;
}
.single-field-submit.dark button {
border: 1px solid #4f4f4f !important;
border-left: 0 !important;
}
.plyr--video {
position: absolute;
width: 100%;
height: 100%;
z-index: 100;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.plyr--video .plyr__controls {
bottom: 60px;
padding-left: 40px;
padding-right: 40px;
background: transparent;
pointer-events: auto !important;
}
.plyr--video .plyr__controls button:hover {
background: transparent;
}
.plyr--video.plyr--vimeo .plyr__controls {
opacity: 0;
visibility: hidden;
}
@media (min-width: 1025px) {
.plyr--video.plyr--vimeo .plyr__controls {
visibility: visible;
opacity: 1;
}
}
.plyr__video-embed {
padding-bottom: 56.25%;
}
.plyr__video-embed iframe {
pointer-events: auto !important;
}
.plyr__controls button {
border-radius: 0;
width: 40px;
height: 40px;
padding: 0;
border-radius: 0;
position: relative;
margin-left: 0;
}
.plyr__controls button .button-bg {
position: absolute;
width: 100%;
height: 100%;
background-color: #191919;
opacity: 0.7;
top: 0;
left: 0;
}
.plyr__controls button .button-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
opacity: 0.7;
}
.plyr__controls button .button-icon-pause {
width: 11px;
}
.plyr__controls button .button-icon-play {
width: 9px;
}
.plyr__controls button.button-mute {
width: 30px;
display: inline-block;
}
.plyr__controls button:hover .button-icon {
opacity: 1;
}
.plyr__controls .plyr__volume {
display: inline-block;
}
.plyr__controls .button-fullscreen {
position: absolute;
right: 40px;
top: 100px;
}
.plyr__controls progress {
height: 6px;
border-radius: 0;
}
.plyr__controls .plyr__progress {
padding-left: 20px;
padding-right: 20px;
}
.plyr__controls .plyr__progress .progress-bg {
position: absolute;
top: 0;
left: 0;
height: 40px;
width: 100%;
background-color: #191919;
opacity: 0.7;
top: -10px;
}
.plyr__controls .plyr__progress .progress-wrapper {
width: 100%;
position: relative;
}
.plyr__controls .plyr__controls__bg {
position: absolute;
left: 0;
width: 100%;
height: 18rem;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
}
.plyr__controls .plyr__time__wrapper {
position: absolute;
top: 100px;
left: 96px;
}
.plyr__controls .plyr__time .plyr__time--current,
.plyr__controls .plyr__time .plyr__time--duration {
font-size: 12px;
font-weight: 700;
font-family: "FFDINWeb", helvetica, sans-serif;
}
.plyr__controls .plyr__time .plyr__time--duration {
margin-right: 30px;
}
.plyr__progress--played,
.plyr__volume--display {
color: #ea3e31;
}
.plyr .icon-muted,
.plyr .icon-unmuted {
position: relative;
left: 0;
}
.plyr .icon-unmuted {
display: block;
}
.plyr input[type='range']::-webkit-slider-runnable-track {
border-radius: 0 !important;
}
.plyr input[type='range']::-moz-range-thumb {
border-radius: 0 !important;
border: none;
background: #ea3e31 !important;
color: #ea3e31;
transform: scale(1) !important;
width: 6px !important;
height: 18px !important;
}
.plyr input[type='range']::-webkit-slider-thumb {
border-radius: 0 !important;
border: none;
background: #ea3e31 !important;
color: #ea3e31;
transform: scale(1) !important;
width: 6px !important;
height: 18px !important;
top: -2px;
}
.plyr.plyr--muted .icon-muted {
display: block;
}
.plyr.plyr--muted .icon-unmuted {
display: none;
}
.plyr.plyr--fullscreen-active .icon--enter-fullscreen {
display: none;
}
#media [class*='col-'] {
margin-bottom: 1rem;
}
#media [class*='col-'] img {
object-fit: cover;
width: 100%;
}
[data-lazy-video] {
cursor: pointer;
background: #ddd;
}
img {
vertical-align: middle;
interpolation-mode: bicubic;
}
/*
* Flexible Media
*/
img, video, canvas, object, embed {
max-width: 100%;
height: auto;
}
/*
* Flexible Video iFrame Embed
* use like :
*/
figure.aspect {
height: 0;
padding-bottom: 56.25%;
/* 16:9 */
position: relative;
overflow: hidden;
}
figure.aspect iframe,
figure.aspect video,
figure.aspect embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#main {
position: relative;
margin: 0 auto;
overflow: hidden;
max-width: 1700px;
background: #fff;
}
#content {
margin-right: 2rem;
}
@media (min-width: 1025px) {
#content {
width: calc(100% - 42rem - ( 2rem * 2));
float: left;
}
}
#sidebar {
margin-right: 2rem;
}
@media (min-width: 1025px) {
#sidebar {
width: 42rem;
float: left;
}
}
.container {
position: relative;
overflow: hidden;
margin-right: auto;
margin-left: auto;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
z-index: 1;
max-width: 1920px;
}
.container::after {
clear: both;
content: '';
display: block;
}
.container .row .inner-row,
.container .row .float-right {
margin-right: 2rem;
}
.container.padded {
max-width: 1420px;
}
.col {
float: left;
position: relative;
}
.inherit-height {
height: inherit !important;
}
.inherit-width {
width: inherit !important;
}
.mw-1 {
max-width: 1rem !important;
}
@media (min-width: 641px) {
.mw-sm-1 {
max-width: 1rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-1 {
max-width: 1rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-1 {
max-width: 1rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-1 {
max-width: 1rem !important;
}
}
.mw-2 {
max-width: 2rem !important;
}
@media (min-width: 641px) {
.mw-sm-2 {
max-width: 2rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-2 {
max-width: 2rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-2 {
max-width: 2rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-2 {
max-width: 2rem !important;
}
}
.mw-3 {
max-width: 3rem !important;
}
@media (min-width: 641px) {
.mw-sm-3 {
max-width: 3rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-3 {
max-width: 3rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-3 {
max-width: 3rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-3 {
max-width: 3rem !important;
}
}
.mw-4 {
max-width: 4rem !important;
}
@media (min-width: 641px) {
.mw-sm-4 {
max-width: 4rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-4 {
max-width: 4rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-4 {
max-width: 4rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-4 {
max-width: 4rem !important;
}
}
.mw-5 {
max-width: 5rem !important;
}
@media (min-width: 641px) {
.mw-sm-5 {
max-width: 5rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-5 {
max-width: 5rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-5 {
max-width: 5rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-5 {
max-width: 5rem !important;
}
}
.mw-6 {
max-width: 6rem !important;
}
@media (min-width: 641px) {
.mw-sm-6 {
max-width: 6rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-6 {
max-width: 6rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-6 {
max-width: 6rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-6 {
max-width: 6rem !important;
}
}
.mw-7 {
max-width: 7rem !important;
}
@media (min-width: 641px) {
.mw-sm-7 {
max-width: 7rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-7 {
max-width: 7rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-7 {
max-width: 7rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-7 {
max-width: 7rem !important;
}
}
.mw-8 {
max-width: 8rem !important;
}
@media (min-width: 641px) {
.mw-sm-8 {
max-width: 8rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-8 {
max-width: 8rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-8 {
max-width: 8rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-8 {
max-width: 8rem !important;
}
}
.mw-9 {
max-width: 9rem !important;
}
@media (min-width: 641px) {
.mw-sm-9 {
max-width: 9rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-9 {
max-width: 9rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-9 {
max-width: 9rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-9 {
max-width: 9rem !important;
}
}
.mw-10 {
max-width: 10rem !important;
}
@media (min-width: 641px) {
.mw-sm-10 {
max-width: 10rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-10 {
max-width: 10rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-10 {
max-width: 10rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-10 {
max-width: 10rem !important;
}
}
.mw-11 {
max-width: 11rem !important;
}
@media (min-width: 641px) {
.mw-sm-11 {
max-width: 11rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-11 {
max-width: 11rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-11 {
max-width: 11rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-11 {
max-width: 11rem !important;
}
}
.mw-12 {
max-width: 12rem !important;
}
@media (min-width: 641px) {
.mw-sm-12 {
max-width: 12rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-12 {
max-width: 12rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-12 {
max-width: 12rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-12 {
max-width: 12rem !important;
}
}
.mw-13 {
max-width: 13rem !important;
}
@media (min-width: 641px) {
.mw-sm-13 {
max-width: 13rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-13 {
max-width: 13rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-13 {
max-width: 13rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-13 {
max-width: 13rem !important;
}
}
.mw-14 {
max-width: 14rem !important;
}
@media (min-width: 641px) {
.mw-sm-14 {
max-width: 14rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-14 {
max-width: 14rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-14 {
max-width: 14rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-14 {
max-width: 14rem !important;
}
}
.mw-15 {
max-width: 15rem !important;
}
@media (min-width: 641px) {
.mw-sm-15 {
max-width: 15rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-15 {
max-width: 15rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-15 {
max-width: 15rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-15 {
max-width: 15rem !important;
}
}
.mw-16 {
max-width: 16rem !important;
}
@media (min-width: 641px) {
.mw-sm-16 {
max-width: 16rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-16 {
max-width: 16rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-16 {
max-width: 16rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-16 {
max-width: 16rem !important;
}
}
.mw-17 {
max-width: 17rem !important;
}
@media (min-width: 641px) {
.mw-sm-17 {
max-width: 17rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-17 {
max-width: 17rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-17 {
max-width: 17rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-17 {
max-width: 17rem !important;
}
}
.mw-18 {
max-width: 18rem !important;
}
@media (min-width: 641px) {
.mw-sm-18 {
max-width: 18rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-18 {
max-width: 18rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-18 {
max-width: 18rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-18 {
max-width: 18rem !important;
}
}
.mw-19 {
max-width: 19rem !important;
}
@media (min-width: 641px) {
.mw-sm-19 {
max-width: 19rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-19 {
max-width: 19rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-19 {
max-width: 19rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-19 {
max-width: 19rem !important;
}
}
.mw-20 {
max-width: 20rem !important;
}
@media (min-width: 641px) {
.mw-sm-20 {
max-width: 20rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-20 {
max-width: 20rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-20 {
max-width: 20rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-20 {
max-width: 20rem !important;
}
}
.mw-21 {
max-width: 21rem !important;
}
@media (min-width: 641px) {
.mw-sm-21 {
max-width: 21rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-21 {
max-width: 21rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-21 {
max-width: 21rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-21 {
max-width: 21rem !important;
}
}
.mw-22 {
max-width: 22rem !important;
}
@media (min-width: 641px) {
.mw-sm-22 {
max-width: 22rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-22 {
max-width: 22rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-22 {
max-width: 22rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-22 {
max-width: 22rem !important;
}
}
.mw-23 {
max-width: 23rem !important;
}
@media (min-width: 641px) {
.mw-sm-23 {
max-width: 23rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-23 {
max-width: 23rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-23 {
max-width: 23rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-23 {
max-width: 23rem !important;
}
}
.mw-24 {
max-width: 24rem !important;
}
@media (min-width: 641px) {
.mw-sm-24 {
max-width: 24rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-24 {
max-width: 24rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-24 {
max-width: 24rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-24 {
max-width: 24rem !important;
}
}
.mw-25 {
max-width: 25rem !important;
}
@media (min-width: 641px) {
.mw-sm-25 {
max-width: 25rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-25 {
max-width: 25rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-25 {
max-width: 25rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-25 {
max-width: 25rem !important;
}
}
.mw-26 {
max-width: 26rem !important;
}
@media (min-width: 641px) {
.mw-sm-26 {
max-width: 26rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-26 {
max-width: 26rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-26 {
max-width: 26rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-26 {
max-width: 26rem !important;
}
}
.mw-27 {
max-width: 27rem !important;
}
@media (min-width: 641px) {
.mw-sm-27 {
max-width: 27rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-27 {
max-width: 27rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-27 {
max-width: 27rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-27 {
max-width: 27rem !important;
}
}
.mw-28 {
max-width: 28rem !important;
}
@media (min-width: 641px) {
.mw-sm-28 {
max-width: 28rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-28 {
max-width: 28rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-28 {
max-width: 28rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-28 {
max-width: 28rem !important;
}
}
.mw-29 {
max-width: 29rem !important;
}
@media (min-width: 641px) {
.mw-sm-29 {
max-width: 29rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-29 {
max-width: 29rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-29 {
max-width: 29rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-29 {
max-width: 29rem !important;
}
}
.mw-30 {
max-width: 30rem !important;
}
@media (min-width: 641px) {
.mw-sm-30 {
max-width: 30rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-30 {
max-width: 30rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-30 {
max-width: 30rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-30 {
max-width: 30rem !important;
}
}
.mw-31 {
max-width: 31rem !important;
}
@media (min-width: 641px) {
.mw-sm-31 {
max-width: 31rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-31 {
max-width: 31rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-31 {
max-width: 31rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-31 {
max-width: 31rem !important;
}
}
.mw-32 {
max-width: 32rem !important;
}
@media (min-width: 641px) {
.mw-sm-32 {
max-width: 32rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-32 {
max-width: 32rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-32 {
max-width: 32rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-32 {
max-width: 32rem !important;
}
}
.mw-33 {
max-width: 33rem !important;
}
@media (min-width: 641px) {
.mw-sm-33 {
max-width: 33rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-33 {
max-width: 33rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-33 {
max-width: 33rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-33 {
max-width: 33rem !important;
}
}
.mw-34 {
max-width: 34rem !important;
}
@media (min-width: 641px) {
.mw-sm-34 {
max-width: 34rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-34 {
max-width: 34rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-34 {
max-width: 34rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-34 {
max-width: 34rem !important;
}
}
.mw-35 {
max-width: 35rem !important;
}
@media (min-width: 641px) {
.mw-sm-35 {
max-width: 35rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-35 {
max-width: 35rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-35 {
max-width: 35rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-35 {
max-width: 35rem !important;
}
}
.mw-36 {
max-width: 36rem !important;
}
@media (min-width: 641px) {
.mw-sm-36 {
max-width: 36rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-36 {
max-width: 36rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-36 {
max-width: 36rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-36 {
max-width: 36rem !important;
}
}
.mw-37 {
max-width: 37rem !important;
}
@media (min-width: 641px) {
.mw-sm-37 {
max-width: 37rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-37 {
max-width: 37rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-37 {
max-width: 37rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-37 {
max-width: 37rem !important;
}
}
.mw-38 {
max-width: 38rem !important;
}
@media (min-width: 641px) {
.mw-sm-38 {
max-width: 38rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-38 {
max-width: 38rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-38 {
max-width: 38rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-38 {
max-width: 38rem !important;
}
}
.mw-39 {
max-width: 39rem !important;
}
@media (min-width: 641px) {
.mw-sm-39 {
max-width: 39rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-39 {
max-width: 39rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-39 {
max-width: 39rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-39 {
max-width: 39rem !important;
}
}
.mw-40 {
max-width: 40rem !important;
}
@media (min-width: 641px) {
.mw-sm-40 {
max-width: 40rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-40 {
max-width: 40rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-40 {
max-width: 40rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-40 {
max-width: 40rem !important;
}
}
.mw-41 {
max-width: 41rem !important;
}
@media (min-width: 641px) {
.mw-sm-41 {
max-width: 41rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-41 {
max-width: 41rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-41 {
max-width: 41rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-41 {
max-width: 41rem !important;
}
}
.mw-42 {
max-width: 42rem !important;
}
@media (min-width: 641px) {
.mw-sm-42 {
max-width: 42rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-42 {
max-width: 42rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-42 {
max-width: 42rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-42 {
max-width: 42rem !important;
}
}
.mw-43 {
max-width: 43rem !important;
}
@media (min-width: 641px) {
.mw-sm-43 {
max-width: 43rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-43 {
max-width: 43rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-43 {
max-width: 43rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-43 {
max-width: 43rem !important;
}
}
.mw-44 {
max-width: 44rem !important;
}
@media (min-width: 641px) {
.mw-sm-44 {
max-width: 44rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-44 {
max-width: 44rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-44 {
max-width: 44rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-44 {
max-width: 44rem !important;
}
}
.mw-45 {
max-width: 45rem !important;
}
@media (min-width: 641px) {
.mw-sm-45 {
max-width: 45rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-45 {
max-width: 45rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-45 {
max-width: 45rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-45 {
max-width: 45rem !important;
}
}
.mw-46 {
max-width: 46rem !important;
}
@media (min-width: 641px) {
.mw-sm-46 {
max-width: 46rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-46 {
max-width: 46rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-46 {
max-width: 46rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-46 {
max-width: 46rem !important;
}
}
.mw-47 {
max-width: 47rem !important;
}
@media (min-width: 641px) {
.mw-sm-47 {
max-width: 47rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-47 {
max-width: 47rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-47 {
max-width: 47rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-47 {
max-width: 47rem !important;
}
}
.mw-48 {
max-width: 48rem !important;
}
@media (min-width: 641px) {
.mw-sm-48 {
max-width: 48rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-48 {
max-width: 48rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-48 {
max-width: 48rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-48 {
max-width: 48rem !important;
}
}
.mw-49 {
max-width: 49rem !important;
}
@media (min-width: 641px) {
.mw-sm-49 {
max-width: 49rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-49 {
max-width: 49rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-49 {
max-width: 49rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-49 {
max-width: 49rem !important;
}
}
.mw-50 {
max-width: 50rem !important;
}
@media (min-width: 641px) {
.mw-sm-50 {
max-width: 50rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-50 {
max-width: 50rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-50 {
max-width: 50rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-50 {
max-width: 50rem !important;
}
}
.mw-51 {
max-width: 51rem !important;
}
@media (min-width: 641px) {
.mw-sm-51 {
max-width: 51rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-51 {
max-width: 51rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-51 {
max-width: 51rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-51 {
max-width: 51rem !important;
}
}
.mw-52 {
max-width: 52rem !important;
}
@media (min-width: 641px) {
.mw-sm-52 {
max-width: 52rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-52 {
max-width: 52rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-52 {
max-width: 52rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-52 {
max-width: 52rem !important;
}
}
.mw-53 {
max-width: 53rem !important;
}
@media (min-width: 641px) {
.mw-sm-53 {
max-width: 53rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-53 {
max-width: 53rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-53 {
max-width: 53rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-53 {
max-width: 53rem !important;
}
}
.mw-54 {
max-width: 54rem !important;
}
@media (min-width: 641px) {
.mw-sm-54 {
max-width: 54rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-54 {
max-width: 54rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-54 {
max-width: 54rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-54 {
max-width: 54rem !important;
}
}
.mw-55 {
max-width: 55rem !important;
}
@media (min-width: 641px) {
.mw-sm-55 {
max-width: 55rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-55 {
max-width: 55rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-55 {
max-width: 55rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-55 {
max-width: 55rem !important;
}
}
.mw-56 {
max-width: 56rem !important;
}
@media (min-width: 641px) {
.mw-sm-56 {
max-width: 56rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-56 {
max-width: 56rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-56 {
max-width: 56rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-56 {
max-width: 56rem !important;
}
}
.mw-57 {
max-width: 57rem !important;
}
@media (min-width: 641px) {
.mw-sm-57 {
max-width: 57rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-57 {
max-width: 57rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-57 {
max-width: 57rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-57 {
max-width: 57rem !important;
}
}
.mw-58 {
max-width: 58rem !important;
}
@media (min-width: 641px) {
.mw-sm-58 {
max-width: 58rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-58 {
max-width: 58rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-58 {
max-width: 58rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-58 {
max-width: 58rem !important;
}
}
.mw-59 {
max-width: 59rem !important;
}
@media (min-width: 641px) {
.mw-sm-59 {
max-width: 59rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-59 {
max-width: 59rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-59 {
max-width: 59rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-59 {
max-width: 59rem !important;
}
}
.mw-60 {
max-width: 60rem !important;
}
@media (min-width: 641px) {
.mw-sm-60 {
max-width: 60rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-60 {
max-width: 60rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-60 {
max-width: 60rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-60 {
max-width: 60rem !important;
}
}
.mw-61 {
max-width: 61rem !important;
}
@media (min-width: 641px) {
.mw-sm-61 {
max-width: 61rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-61 {
max-width: 61rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-61 {
max-width: 61rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-61 {
max-width: 61rem !important;
}
}
.mw-62 {
max-width: 62rem !important;
}
@media (min-width: 641px) {
.mw-sm-62 {
max-width: 62rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-62 {
max-width: 62rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-62 {
max-width: 62rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-62 {
max-width: 62rem !important;
}
}
.mw-63 {
max-width: 63rem !important;
}
@media (min-width: 641px) {
.mw-sm-63 {
max-width: 63rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-63 {
max-width: 63rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-63 {
max-width: 63rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-63 {
max-width: 63rem !important;
}
}
.mw-64 {
max-width: 64rem !important;
}
@media (min-width: 641px) {
.mw-sm-64 {
max-width: 64rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-64 {
max-width: 64rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-64 {
max-width: 64rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-64 {
max-width: 64rem !important;
}
}
.mw-65 {
max-width: 65rem !important;
}
@media (min-width: 641px) {
.mw-sm-65 {
max-width: 65rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-65 {
max-width: 65rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-65 {
max-width: 65rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-65 {
max-width: 65rem !important;
}
}
.mw-66 {
max-width: 66rem !important;
}
@media (min-width: 641px) {
.mw-sm-66 {
max-width: 66rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-66 {
max-width: 66rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-66 {
max-width: 66rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-66 {
max-width: 66rem !important;
}
}
.mw-67 {
max-width: 67rem !important;
}
@media (min-width: 641px) {
.mw-sm-67 {
max-width: 67rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-67 {
max-width: 67rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-67 {
max-width: 67rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-67 {
max-width: 67rem !important;
}
}
.mw-68 {
max-width: 68rem !important;
}
@media (min-width: 641px) {
.mw-sm-68 {
max-width: 68rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-68 {
max-width: 68rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-68 {
max-width: 68rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-68 {
max-width: 68rem !important;
}
}
.mw-69 {
max-width: 69rem !important;
}
@media (min-width: 641px) {
.mw-sm-69 {
max-width: 69rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-69 {
max-width: 69rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-69 {
max-width: 69rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-69 {
max-width: 69rem !important;
}
}
.mw-70 {
max-width: 70rem !important;
}
@media (min-width: 641px) {
.mw-sm-70 {
max-width: 70rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-70 {
max-width: 70rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-70 {
max-width: 70rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-70 {
max-width: 70rem !important;
}
}
.mw-71 {
max-width: 71rem !important;
}
@media (min-width: 641px) {
.mw-sm-71 {
max-width: 71rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-71 {
max-width: 71rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-71 {
max-width: 71rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-71 {
max-width: 71rem !important;
}
}
.mw-72 {
max-width: 72rem !important;
}
@media (min-width: 641px) {
.mw-sm-72 {
max-width: 72rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-72 {
max-width: 72rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-72 {
max-width: 72rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-72 {
max-width: 72rem !important;
}
}
.mw-73 {
max-width: 73rem !important;
}
@media (min-width: 641px) {
.mw-sm-73 {
max-width: 73rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-73 {
max-width: 73rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-73 {
max-width: 73rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-73 {
max-width: 73rem !important;
}
}
.mw-74 {
max-width: 74rem !important;
}
@media (min-width: 641px) {
.mw-sm-74 {
max-width: 74rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-74 {
max-width: 74rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-74 {
max-width: 74rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-74 {
max-width: 74rem !important;
}
}
.mw-75 {
max-width: 75rem !important;
}
@media (min-width: 641px) {
.mw-sm-75 {
max-width: 75rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-75 {
max-width: 75rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-75 {
max-width: 75rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-75 {
max-width: 75rem !important;
}
}
.mw-76 {
max-width: 76rem !important;
}
@media (min-width: 641px) {
.mw-sm-76 {
max-width: 76rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-76 {
max-width: 76rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-76 {
max-width: 76rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-76 {
max-width: 76rem !important;
}
}
.mw-77 {
max-width: 77rem !important;
}
@media (min-width: 641px) {
.mw-sm-77 {
max-width: 77rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-77 {
max-width: 77rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-77 {
max-width: 77rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-77 {
max-width: 77rem !important;
}
}
.mw-78 {
max-width: 78rem !important;
}
@media (min-width: 641px) {
.mw-sm-78 {
max-width: 78rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-78 {
max-width: 78rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-78 {
max-width: 78rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-78 {
max-width: 78rem !important;
}
}
.mw-79 {
max-width: 79rem !important;
}
@media (min-width: 641px) {
.mw-sm-79 {
max-width: 79rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-79 {
max-width: 79rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-79 {
max-width: 79rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-79 {
max-width: 79rem !important;
}
}
.mw-80 {
max-width: 80rem !important;
}
@media (min-width: 641px) {
.mw-sm-80 {
max-width: 80rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-80 {
max-width: 80rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-80 {
max-width: 80rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-80 {
max-width: 80rem !important;
}
}
.mw-81 {
max-width: 81rem !important;
}
@media (min-width: 641px) {
.mw-sm-81 {
max-width: 81rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-81 {
max-width: 81rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-81 {
max-width: 81rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-81 {
max-width: 81rem !important;
}
}
.mw-82 {
max-width: 82rem !important;
}
@media (min-width: 641px) {
.mw-sm-82 {
max-width: 82rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-82 {
max-width: 82rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-82 {
max-width: 82rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-82 {
max-width: 82rem !important;
}
}
.mw-83 {
max-width: 83rem !important;
}
@media (min-width: 641px) {
.mw-sm-83 {
max-width: 83rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-83 {
max-width: 83rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-83 {
max-width: 83rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-83 {
max-width: 83rem !important;
}
}
.mw-84 {
max-width: 84rem !important;
}
@media (min-width: 641px) {
.mw-sm-84 {
max-width: 84rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-84 {
max-width: 84rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-84 {
max-width: 84rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-84 {
max-width: 84rem !important;
}
}
.mw-85 {
max-width: 85rem !important;
}
@media (min-width: 641px) {
.mw-sm-85 {
max-width: 85rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-85 {
max-width: 85rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-85 {
max-width: 85rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-85 {
max-width: 85rem !important;
}
}
.mw-86 {
max-width: 86rem !important;
}
@media (min-width: 641px) {
.mw-sm-86 {
max-width: 86rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-86 {
max-width: 86rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-86 {
max-width: 86rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-86 {
max-width: 86rem !important;
}
}
.mw-87 {
max-width: 87rem !important;
}
@media (min-width: 641px) {
.mw-sm-87 {
max-width: 87rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-87 {
max-width: 87rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-87 {
max-width: 87rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-87 {
max-width: 87rem !important;
}
}
.mw-88 {
max-width: 88rem !important;
}
@media (min-width: 641px) {
.mw-sm-88 {
max-width: 88rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-88 {
max-width: 88rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-88 {
max-width: 88rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-88 {
max-width: 88rem !important;
}
}
.mw-89 {
max-width: 89rem !important;
}
@media (min-width: 641px) {
.mw-sm-89 {
max-width: 89rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-89 {
max-width: 89rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-89 {
max-width: 89rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-89 {
max-width: 89rem !important;
}
}
.mw-90 {
max-width: 90rem !important;
}
@media (min-width: 641px) {
.mw-sm-90 {
max-width: 90rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-90 {
max-width: 90rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-90 {
max-width: 90rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-90 {
max-width: 90rem !important;
}
}
.mw-91 {
max-width: 91rem !important;
}
@media (min-width: 641px) {
.mw-sm-91 {
max-width: 91rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-91 {
max-width: 91rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-91 {
max-width: 91rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-91 {
max-width: 91rem !important;
}
}
.mw-92 {
max-width: 92rem !important;
}
@media (min-width: 641px) {
.mw-sm-92 {
max-width: 92rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-92 {
max-width: 92rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-92 {
max-width: 92rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-92 {
max-width: 92rem !important;
}
}
.mw-93 {
max-width: 93rem !important;
}
@media (min-width: 641px) {
.mw-sm-93 {
max-width: 93rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-93 {
max-width: 93rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-93 {
max-width: 93rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-93 {
max-width: 93rem !important;
}
}
.mw-94 {
max-width: 94rem !important;
}
@media (min-width: 641px) {
.mw-sm-94 {
max-width: 94rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-94 {
max-width: 94rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-94 {
max-width: 94rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-94 {
max-width: 94rem !important;
}
}
.mw-95 {
max-width: 95rem !important;
}
@media (min-width: 641px) {
.mw-sm-95 {
max-width: 95rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-95 {
max-width: 95rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-95 {
max-width: 95rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-95 {
max-width: 95rem !important;
}
}
.mw-96 {
max-width: 96rem !important;
}
@media (min-width: 641px) {
.mw-sm-96 {
max-width: 96rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-96 {
max-width: 96rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-96 {
max-width: 96rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-96 {
max-width: 96rem !important;
}
}
.mw-97 {
max-width: 97rem !important;
}
@media (min-width: 641px) {
.mw-sm-97 {
max-width: 97rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-97 {
max-width: 97rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-97 {
max-width: 97rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-97 {
max-width: 97rem !important;
}
}
.mw-98 {
max-width: 98rem !important;
}
@media (min-width: 641px) {
.mw-sm-98 {
max-width: 98rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-98 {
max-width: 98rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-98 {
max-width: 98rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-98 {
max-width: 98rem !important;
}
}
.mw-99 {
max-width: 99rem !important;
}
@media (min-width: 641px) {
.mw-sm-99 {
max-width: 99rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-99 {
max-width: 99rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-99 {
max-width: 99rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-99 {
max-width: 99rem !important;
}
}
.mw-100 {
max-width: 100rem !important;
}
@media (min-width: 641px) {
.mw-sm-100 {
max-width: 100rem !important;
}
}
@media (min-width: 1025px) {
.mw-md-100 {
max-width: 100rem !important;
}
}
@media (min-width: 1281px) {
.mw-lg-100 {
max-width: 100rem !important;
}
}
@media (min-width: 1481px) {
.mw-xl-100 {
max-width: 100rem !important;
}
}
@media (min-width: 641px) {
.mw-sm-none {
max-width: none !important;
}
}
@media (min-width: 1025px) {
.mw-md-none {
max-width: none !important;
}
}
@media (min-width: 1281px) {
.mw-lg-none {
max-width: none !important;
}
}
@media (min-width: 1481px) {
.mw-xl-none {
max-width: none !important;
}
}
.mw-none {
max-width: none !important;
}
body.nav-sticky {
padding-top: 13.5rem;
}
body.mobile-nav-expanded {
overflow: hidden;
}
body.mobile-nav-expanded #top-nav {
position: relative !important;
transform: none !important;
}
#top-nav {
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 9.5rem;
z-index: 100;
background: #fff;
}
@media (min-width: 1025px) {
#top-nav {
height: 13.5rem;
}
}
#top-nav,
#top-nav #main-nav {
transition-property: transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.24s;
}
#top-nav.pre-sticky {
transition-duration: 0s;
transform: translateY(-115px);
}
#top-nav.end-sticky {
transform: translateY(-115px) !important;
}
#top-nav.reset-sticky {
transition-duration: 0s !important;
transform: none !important;
}
#top-nav.reset-sticky #utility-nav {
transition-duration: 0s !important;
opacity: 1 !important;
}
#top-nav.reset-sticky #main-nav {
transition-duration: 0s !important;
transform: none !important;
}
#top-nav.reset-sticky #main-nav .logo {
transition-duration: 0s !important;
transform: none !important;
}
#top-nav.is-sticky {
position: fixed;
z-index: 500;
top: 0rem;
height: 10.5rem;
transform: translateY(-55px);
z-index: 1000;
}
@media (min-width: 1025px) {
#top-nav.is-sticky {
top: -4.7rem;
height: 13.5rem;
transform: translateY(-20px);
}
}
#top-nav.is-sticky #utility-nav {
opacity: 0;
}
#top-nav.is-sticky #main-nav {
transform: translateY(10px);
}
#top-nav.is-sticky #main-nav .logo {
transform: scale(0.8);
}
#top-nav #utility-nav,
#top-nav #main-nav {
position: relative;
}
#top-nav #utility-nav .inner-container,
#top-nav #main-nav .inner-container {
position: relative;
width: 100%;
max-width: 140rem;
padding: 0 1rem;
margin: 0 auto;
}
#top-nav #utility-nav {
height: 5rem;
transition-property: opacity;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.1s;
}
@media (min-width: 1025px) {
#top-nav #utility-nav {
height: 7rem;
}
}
#top-nav #utility-nav .left-buttons,
#top-nav #utility-nav .center-notifications,
#top-nav #utility-nav .right-buttons {
position: absolute;
top: 0px;
left: 0px;
z-index: 5;
}
#top-nav #utility-nav .left-buttons li,
#top-nav #utility-nav .center-notifications li,
#top-nav #utility-nav .right-buttons li {
display: inline-block;
position: relative;
margin-right: 3rem;
font-size: 0;
vertical-align: top;
padding-top: 1.1rem;
}
#top-nav #utility-nav .left-buttons li:last-child,
#top-nav #utility-nav .center-notifications li:last-child,
#top-nav #utility-nav .right-buttons li:last-child {
margin-right: 0;
}
@media (min-width: 1025px) {
#top-nav #utility-nav .left-buttons li,
#top-nav #utility-nav .center-notifications li,
#top-nav #utility-nav .right-buttons li {
padding-top: 1.7rem;
}
}
#top-nav #utility-nav .left-buttons,
#top-nav #utility-nav .left-buttons button,
#top-nav #utility-nav .left-buttons a,
#top-nav #utility-nav .left-buttons span,
#top-nav #utility-nav .center-notifications,
#top-nav #utility-nav .center-notifications button,
#top-nav #utility-nav .center-notifications a,
#top-nav #utility-nav .center-notifications span,
#top-nav #utility-nav .right-buttons,
#top-nav #utility-nav .right-buttons button,
#top-nav #utility-nav .right-buttons a,
#top-nav #utility-nav .right-buttons span {
color: #fff;
text-transform: uppercase;
}
#top-nav #utility-nav .left-buttons .metadata,
#top-nav #utility-nav .left-buttons .svg,
#top-nav #utility-nav .center-notifications .metadata,
#top-nav #utility-nav .center-notifications .svg,
#top-nav #utility-nav .right-buttons .metadata,
#top-nav #utility-nav .right-buttons .svg {
position: relative;
display: inline-block;
margin-right: 0.5rem;
vertical-align: top;
font-size: 1rem;
}
#top-nav #utility-nav .left-buttons .title:before,
#top-nav #utility-nav .center-notifications .title:before,
#top-nav #utility-nav .right-buttons .title:before {
bottom: 0px;
}
#top-nav #utility-nav .left-buttons .title:hover:before,
#top-nav #utility-nav .center-notifications .title:hover:before,
#top-nav #utility-nav .right-buttons .title:hover:before {
background: rgba(136, 136, 136, 0.5);
}
#top-nav #utility-nav .left-buttons .caret,
#top-nav #utility-nav .center-notifications .caret,
#top-nav #utility-nav .right-buttons .caret {
width: 0.8rem;
height: 1.3rem;
}
#top-nav #utility-nav .left-buttons .caret *,
#top-nav #utility-nav .center-notifications .caret *,
#top-nav #utility-nav .right-buttons .caret * {
fill: #888 !important;
}
#top-nav #utility-nav .left-buttons .plus,
#top-nav #utility-nav .center-notifications .plus,
#top-nav #utility-nav .right-buttons .plus {
width: 0.5rem;
height: 1.3rem;
}
#top-nav #utility-nav .left-buttons .plus *,
#top-nav #utility-nav .center-notifications .plus *,
#top-nav #utility-nav .right-buttons .plus * {
fill: #fff !important;
}
#top-nav #utility-nav .left-buttons,
#top-nav #utility-nav .right-buttons {
display: none;
}
@media (min-width: 1025px) {
#top-nav #utility-nav .left-buttons,
#top-nav #utility-nav .right-buttons {
display: block;
}
}
#top-nav #utility-nav .left-buttons {
left: 1rem;
white-space: nowrap;
}
#top-nav #utility-nav .left-buttons .country-selector {
white-space: nowrap;
}
#top-nav #utility-nav .left-buttons .country-selector .language {
color: #888;
}
#top-nav #utility-nav .center-notifications {
z-index: 1;
width: 100%;
margin: 0 auto;
}
#top-nav #utility-nav .center-notifications .notifications {
position: absolute;
width: inherit;
height: inherit;
text-align: center;
margin: 0 auto;
}
#top-nav #utility-nav .center-notifications li {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
margin: 0 auto;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition-property: opacity;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.8s;
}
#top-nav #utility-nav .center-notifications li.is-active {
opacity: 1;
pointer-events: auto;
}
#top-nav #utility-nav .center-notifications li span,
#top-nav #utility-nav .center-notifications li figure {
position: relative;
display: inline-block;
vertical-align: top;
}
#top-nav #utility-nav .center-notifications li .count {
color: #888;
margin-right: 0.8rem;
}
#top-nav #utility-nav .center-notifications li .title {
margin-right: 0.5rem;
}
#top-nav #utility-nav .center-notifications li .arrow {
display: inline-block;
position: relative;
width: 1.2rem;
height: 1.2rem;
}
@media (min-width: 1025px) {
#top-nav #utility-nav .center-notifications li .arrow {
height: 1.3rem;
}
}
#top-nav #utility-nav .center-notifications li .arrow * {
fill: #fff !important;
}
#top-nav #utility-nav .right-buttons {
left: auto;
right: 1rem;
}
#top-nav #utility-nav .bg-elements {
display: none;
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
@media (min-width: 1025px) {
#top-nav #utility-nav .bg-elements {
display: block;
}
}
#top-nav #utility-nav .bg-elements .bg-left {
position: absolute;
top: 0px;
left: 0px;
width: 15rem;
height: 100%;
}
#top-nav #utility-nav .bg-elements .bg-right {
position: absolute;
top: 0px;
left: auto;
right: 0px;
width: 47.5rem;
height: 100%;
}
#top-nav #utility-nav .bg-elements .bg-center {
position: absolute;
top: 0px;
left: 15rem;
width: calc(100% - 15rem - 47.5rem);
height: 100%;
}
#top-nav #utility-nav .mobile-bg-elements {
display: block;
position: absolute;
width: 100%;
height: 5.1rem;
z-index: 0;
}
@media (min-width: 1025px) {
#top-nav #utility-nav .mobile-bg-elements {
display: none;
}
}
#top-nav #utility-nav .mobile-bg-elements .bg-left {
position: absolute;
top: 0px;
left: 0px;
width: 10.9rem;
height: 100%;
}
#top-nav #utility-nav .mobile-bg-elements .bg-right {
position: absolute;
top: 0px;
left: auto;
right: 0px;
width: 34.8rem;
height: 100%;
}
#top-nav #utility-nav .mobile-bg-elements .bg-center {
position: absolute;
top: 0px;
left: 10.9rem;
width: calc(100% - 10.9rem - 34.8rem);
height: 100%;
}
#top-nav #main-nav {
margin-top: -0.7rem;
}
@media (min-width: 1025px) {
#top-nav #main-nav {
margin-top: -0.4rem;
}
}
#top-nav #main-nav .burger {
display: block;
position: absolute;
top: 0px;
left: 2rem;
width: 2rem;
height: 5rem;
}
@media (min-width: 641px) {
#top-nav #main-nav .burger {
left: 4rem;
}
}
@media (min-width: 1025px) {
#top-nav #main-nav .burger {
display: none;
}
}
#top-nav #main-nav .left-buttons,
#top-nav #main-nav .right-buttons {
position: absolute;
top: 0px;
left: 1rem;
z-index: 5;
white-space: nowrap;
}
#top-nav #main-nav .left-buttons li,
#top-nav #main-nav .right-buttons li {
display: inline-block;
position: relative;
margin-right: 0.9rem;
font-size: 0;
vertical-align: top;
padding-top: 2rem;
}
@media (min-width: 1025px) {
#top-nav #main-nav .left-buttons li,
#top-nav #main-nav .right-buttons li {
margin-right: 1.9rem;
}
}
@media (min-width: 1025px) {
#top-nav #main-nav .left-buttons li,
#top-nav #main-nav .right-buttons li {
margin-right: 4.6rem;
}
}
#top-nav #main-nav .left-buttons li.is-hover .svg.line-strike, #top-nav #main-nav .left-buttons li.is-active .svg.line-strike, #top-nav #main-nav .left-buttons li:hover .svg.line-strike,
#top-nav #main-nav .right-buttons li.is-hover .svg.line-strike,
#top-nav #main-nav .right-buttons li.is-active .svg.line-strike,
#top-nav #main-nav .right-buttons li:hover .svg.line-strike {
visibility: visible;
}
#top-nav #main-nav .left-buttons li:last-child,
#top-nav #main-nav .right-buttons li:last-child {
margin-right: 0;
}
#top-nav #main-nav .left-buttons,
#top-nav #main-nav .left-buttons button,
#top-nav #main-nav .left-buttons a,
#top-nav #main-nav .left-buttons span,
#top-nav #main-nav .right-buttons,
#top-nav #main-nav .right-buttons button,
#top-nav #main-nav .right-buttons a,
#top-nav #main-nav .right-buttons span {
color: #121212;
text-transform: uppercase;
}
#top-nav #main-nav .left-buttons .metadata,
#top-nav #main-nav .left-buttons .svg,
#top-nav #main-nav .right-buttons .metadata,
#top-nav #main-nav .right-buttons .svg {
position: relative;
display: inline-block;
margin-right: 1rem;
vertical-align: top;
font-size: 1rem;
}
#top-nav #main-nav .left-buttons .metadata:last-child,
#top-nav #main-nav .left-buttons .svg:last-child,
#top-nav #main-nav .right-buttons .metadata:last-child,
#top-nav #main-nav .right-buttons .svg:last-child {
margin-right: 0;
}
#top-nav #main-nav .left-buttons .dd-menu,
#top-nav #main-nav .right-buttons .dd-menu {
display: none;
position: absolute;
opacity: 0;
white-space: normal;
}
#top-nav #main-nav .left-buttons .svg.line-strike,
#top-nav #main-nav .right-buttons .svg.line-strike {
visibility: hidden;
position: absolute;
top: 0;
left: 0px;
width: 100%;
height: 0.9rem;
}
#top-nav #main-nav .left-buttons .svg.line-strike *,
#top-nav #main-nav .right-buttons .svg.line-strike * {
fill: #121212 !important;
}
#top-nav #main-nav .left-buttons {
left: 50%;
}
@media (min-width: 1025px) {
#top-nav #main-nav .left-buttons {
left: 1rem;
}
}
#top-nav #main-nav .left-buttons li {
display: none;
}
@media (min-width: 1025px) {
#top-nav #main-nav .left-buttons li {
display: inline-block;
}
}
#top-nav #main-nav .left-buttons .logo {
display: inline-block;
top: 0.5rem;
left: -2rem;
width: 4rem;
height: 4rem;
padding: 0;
}
@media (min-width: 1025px) {
#top-nav #main-nav .left-buttons .logo {
top: 0;
left: 0;
width: 5rem;
height: 5rem;
}
}
#top-nav #main-nav .left-buttons .logo .logo-svg {
margin: 0;
padding: 0;
}
#top-nav #main-nav .right-buttons {
left: auto;
right: 1rem;
}
@media (min-width: 641px) {
#top-nav #main-nav .right-buttons {
right: 3rem;
}
}
@media (min-width: 1025px) {
#top-nav #main-nav .right-buttons {
right: 1rem;
}
}
#top-nav #main-nav .right-buttons .search .title {
display: none;
}
@media (min-width: 1025px) {
#top-nav #main-nav .right-buttons .search .title {
display: inline-block;
}
}
#top-nav #main-nav .right-buttons .search .search-icon {
top: -0.1rem;
width: 1.6rem;
}
@media (min-width: 1025px) {
#top-nav #main-nav .right-buttons .search .search-icon {
top: -0.2rem;
width: 1.4rem;
}
}
#top-nav #main-nav .right-buttons .cart span {
margin-right: 0.7rem;
vertical-align: top;
}
#top-nav #main-nav .right-buttons .cart span:last-child {
margin-right: 0;
}
#top-nav #main-nav .right-buttons .cart .title {
display: none;
}
@media (min-width: 1025px) {
#top-nav #main-nav .right-buttons .cart .title {
display: inline-block;
}
}
#top-nav #main-nav .right-buttons .cart .count-wrapper {
display: inline-block;
position: relative;
top: -1.4rem;
width: 4rem;
height: 4rem;
}
#top-nav #main-nav .right-buttons .cart .count-wrapper .svg {
position: absolute;
top: 0px;
left: 0px;
}
#top-nav #main-nav .right-buttons .cart .count-wrapper .circle {
top: 0.3rem;
left: 0.3rem;
width: 3.3rem;
height: 3.3rem;
}
#top-nav #main-nav .right-buttons .cart .count-wrapper .slash {
top: 0.3rem;
left: 0.3rem;
width: 3.3rem;
height: 3.3rem;
}
#top-nav #main-nav .right-buttons .cart .count-wrapper .svg * {
fill: #121212 !important;
}
#top-nav #main-nav .right-buttons .cart .count-wrapper .count {
position: absolute;
width: 100%;
height: 100%;
line-height: 4rem;
font-size: 1.4rem;
vertical-align: top;
text-align: center;
}
#top-nav #main-nav .search {
display: none;
}
#top-nav #compact-nav {
width: 100%;
height: 100%;
background-color: #121212;
position: fixed;
left: 0;
top: 0;
z-index: 100;
display: none;
}
#top-nav #compact-nav.is-active {
display: block;
}
#top-nav #compact-nav a {
color: #fff;
}
#top-nav #compact-nav svg {
fill: #fff;
}
#top-nav #compact-nav .white-bar {
position: relative;
width: 100%;
height: 5rem;
margin-bottom: -1rem;
z-index: 1;
}
#top-nav #compact-nav .white-bar .options {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
text-align: center;
z-index: 1;
white-space: nowrap;
padding-top: 1.0rem;
}
#top-nav #compact-nav .white-bar .options .option {
display: inline-block;
color: #121212;
}
#top-nav #compact-nav .white-bar .options .slash {
display: inline-block;
color: #999;
margin: 0 1.3rem;
}
#top-nav #compact-nav .white-bar .options .cta-copy {
font-size: 1.1rem;
}
#top-nav #compact-nav .white-bar .options--logged-in {
display: none;
}
#top-nav #compact-nav .white-bar .mobile-bg-elements {
display: block;
position: absolute;
width: 100%;
height: 5.1rem;
z-index: 0;
}
@media (min-width: 1025px) {
#top-nav #compact-nav .white-bar .mobile-bg-elements {
display: none;
}
}
#top-nav #compact-nav .white-bar .mobile-bg-elements .bg-left {
position: absolute;
top: 0px;
left: 0px;
width: 10.9rem;
height: 100%;
}
#top-nav #compact-nav .white-bar .mobile-bg-elements .bg-right {
position: absolute;
top: 0px;
left: auto;
right: 0px;
width: 34.8rem;
height: 100%;
}
#top-nav #compact-nav .white-bar .mobile-bg-elements .bg-center {
position: absolute;
top: 0px;
left: 10.9rem;
width: calc(100% - 10.9rem - 34.8rem);
height: 100%;
}
#top-nav #compact-nav .top-bar {
width: 100%;
height: 6.5rem;
position: relative;
}
#top-nav #compact-nav .top-bar > * {
position: absolute;
top: 1.25rem;
}
#top-nav #compact-nav .top-bar .close {
width: 4rem;
height: 4rem;
left: 1.5rem;
text-indent: 4rem;
}
#top-nav #compact-nav .top-bar .close svg {
width: 1.4rem;
height: 1.5rem;
position: absolute;
left: calc(50% - .7rem);
top: calc(50% - .75rem);
}
#top-nav #compact-nav .top-bar .logo {
width: 4rem;
height: 4rem;
left: calc(50% - 2rem);
}
#top-nav #compact-nav .top-bar .logo svg {
width: 100%;
height: 100%;
}
#top-nav #compact-nav .scroll-wrapper {
width: 100%;
height: calc(100% - 6.5rem);
padding: 0 1.5rem 8rem;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
#top-nav #compact-nav .nav-items {
margin-bottom: 5rem;
}
#top-nav #compact-nav .nav-items .page-link > a {
width: 100%;
height: 6rem;
background-color: #1b1b1b;
text-align: center;
display: block;
position: relative;
}
#top-nav #compact-nav .nav-items .page-link > a.is-expanded .bg-light {
opacity: 1;
}
#top-nav #compact-nav .nav-items .page-link > a.is-expanded .title {
color: #121212;
}
#top-nav #compact-nav .nav-items .page-link > a.is-expanded svg * {
fill: #121212 !important;
}
#top-nav #compact-nav .nav-items .page-link > a .title {
position: relative;
font-size: 2.4rem;
line-height: 6rem;
z-index: 3;
transition-property: color;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
#top-nav #compact-nav .nav-items .page-link > a svg {
position: absolute;
width: 1.2rem;
height: 1.2rem;
right: 2rem;
top: calc(50% - .6rem);
z-index: 3;
}
#top-nav #compact-nav .nav-items .page-link > a .bg-light {
opacity: 0;
z-index: 1;
transition-property: opacity;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
#top-nav #compact-nav .nav-items .page-link + .page-link {
margin-top: 1rem;
}
#top-nav #compact-nav a polygon {
transform-origin: 50% 50%;
transform: rotateZ(0deg);
transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), fill 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#top-nav #compact-nav a.is-expanded polygon:nth-child(1) {
transform: rotateZ(-90deg);
}
#top-nav #compact-nav a.is-expanded polygon:nth-child(2) {
transform: rotateZ(-180deg);
}
#top-nav #compact-nav .dd-menu, #top-nav #compact-nav .dd-sub-menu {
height: 0;
overflow: hidden;
transition: height 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#top-nav #compact-nav .dd-menu > li, #top-nav #compact-nav .dd-sub-menu > li {
opacity: 0;
transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#top-nav #compact-nav .dd-menu.is-expanded > li, #top-nav #compact-nav .dd-sub-menu.is-expanded > li {
opacity: 1;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(1), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(1) {
transition-delay: 0.035s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(2), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(2) {
transition-delay: 0.07s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(3), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(3) {
transition-delay: 0.105s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(4), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(4) {
transition-delay: 0.14s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(5), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(5) {
transition-delay: 0.175s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(6), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(6) {
transition-delay: 0.21s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(7), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(7) {
transition-delay: 0.245s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(8), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(8) {
transition-delay: 0.28s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(9), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(9) {
transition-delay: 0.315s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(10), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(10) {
transition-delay: 0.35s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(11), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(11) {
transition-delay: 0.385s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(12), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(12) {
transition-delay: 0.42s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(13), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(13) {
transition-delay: 0.455s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(14), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(14) {
transition-delay: 0.49s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(15), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(15) {
transition-delay: 0.525s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(16), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(16) {
transition-delay: 0.56s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(17), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(17) {
transition-delay: 0.595s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(18), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(18) {
transition-delay: 0.63s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(19), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(19) {
transition-delay: 0.665s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(20), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(20) {
transition-delay: 0.7s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(21), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(21) {
transition-delay: 0.735s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(22), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(22) {
transition-delay: 0.77s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(23), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(23) {
transition-delay: 0.805s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(24), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(24) {
transition-delay: 0.84s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(25), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(25) {
transition-delay: 0.875s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(26), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(26) {
transition-delay: 0.91s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(27), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(27) {
transition-delay: 0.945s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(28), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(28) {
transition-delay: 0.98s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(29), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(29) {
transition-delay: 1.015s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(30), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(30) {
transition-delay: 1.05s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(31), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(31) {
transition-delay: 1.085s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(32), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(32) {
transition-delay: 1.12s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(33), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(33) {
transition-delay: 1.155s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(34), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(34) {
transition-delay: 1.19s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(35), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(35) {
transition-delay: 1.225s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(36), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(36) {
transition-delay: 1.26s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(37), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(37) {
transition-delay: 1.295s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(38), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(38) {
transition-delay: 1.33s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(39), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(39) {
transition-delay: 1.365s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(40), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(40) {
transition-delay: 1.4s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(41), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(41) {
transition-delay: 1.435s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(42), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(42) {
transition-delay: 1.47s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(43), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(43) {
transition-delay: 1.505s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(44), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(44) {
transition-delay: 1.54s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(45), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(45) {
transition-delay: 1.575s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(46), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(46) {
transition-delay: 1.61s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(47), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(47) {
transition-delay: 1.645s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(48), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(48) {
transition-delay: 1.68s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(49), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(49) {
transition-delay: 1.715s;
}
#top-nav #compact-nav .dd-menu {
padding: 0 1rem;
}
#top-nav #compact-nav .dd-menu--item:not(:last-child) {
border-bottom: .1rem solid #1e1e1e;
}
#top-nav #compact-nav .dd-menu--item > a {
width: 100%;
height: 6rem;
padding-left: 1rem;
position: relative;
display: block;
}
#top-nav #compact-nav .dd-menu--item > a .cta-copy {
font-family: 'GarageGothicBold';
font-size: 1.8rem;
line-height: 6rem;
letter-spacing: .15rem;
}
#top-nav #compact-nav .dd-menu--item > a svg {
width: .7rem;
height: .7rem;
position: absolute;
right: 1.25rem;
top: calc(50% - .35rem);
}
#top-nav #compact-nav .dd-sub-menu--item {
margin-bottom: 2rem;
}
#top-nav #compact-nav .dd-sub-menu--item a {
height: 1.5rem;
padding-left: 3rem;
display: block;
}
#top-nav #compact-nav .dd-sub-menu--item a .cta-copy {
font-size: 1.1rem;
line-height: 1.5rem;
color: #818181;
}
#top-nav #compact-nav .subnav-items {
text-align: center;
white-space: nowrap;
}
#top-nav #compact-nav .subnav-items li {
display: block;
}
@media (min-width: 641px) {
#top-nav #compact-nav .subnav-items li {
display: inline-block;
margin-right: 3.5rem;
}
#top-nav #compact-nav .subnav-items li:last-child {
margin-right: 0;
}
}
#top-nav #compact-nav .subnav-items li + li {
margin-top: 2.5rem;
}
#top-nav #compact-nav .subnav-items .cta-copy, #top-nav #compact-nav .subnav-items .metadata {
font-size: 1.1rem;
line-height: 1.1rem;
vertical-align: top;
}
#top-nav #compact-nav .subnav-items .country-selector {
white-space: nowrap;
}
#top-nav #compact-nav .subnav-items .country-selector .title {
display: inline-block;
position: relative;
}
#top-nav #compact-nav .subnav-items .country-selector .metadata {
position: relative;
display: inline-block;
margin-right: .5rem;
font-size: 1.1rem;
}
#top-nav #compact-nav .subnav-items .country-selector .country {
color: #fff;
}
#top-nav #compact-nav .subnav-items .country-selector .language {
color: #666;
}
#top-nav #compact-nav .subnav-items .country-selector .plus {
width: .5rem;
height: 1.3rem;
}
#top-nav #compact-nav .subnav-items .country-selector .plus, #top-nav #compact-nav .subnav-items .country-selector .plus polygon {
fill: #fff !important;
}
#top-nav #compact-nav .graphic {
width: 28rem;
height: 28rem;
margin: 3.3rem auto 3.8rem;
}
#top-nav #compact-nav .social-links {
position: relative;
white-space: nowrap;
text-align: center;
}
#top-nav #compact-nav .social-links li {
position: relative;
display: inline-block;
width: 1.6rem;
height: 1.6rem;
margin: 0 1.5rem;
}
#top-nav #compact-nav .social-links li.gplus {
width: 2.4rem;
}
#top-nav #compact-nav .social-links li a {
position: relative;
display: inline-block;
width: inherit;
height: inherit;
}
#top-nav #compact-nav .social-links li svg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#header {
position: relative;
}
body.nav-sticky {
padding-top: 13.5rem;
}
body.mobile-nav-expanded {
overflow: hidden;
}
body.mobile-nav-expanded #top-nav {
position: relative !important;
transform: none !important;
}
#top-nav {
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 9.5rem;
z-index: 100;
background: #fff;
}
@media (min-width: 1025px) {
#top-nav {
height: 13.5rem;
}
}
#top-nav,
#top-nav #main-nav {
transition-property: transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.24s;
}
#top-nav.pre-sticky {
transition-duration: 0s;
transform: translateY(-115px);
}
#top-nav.end-sticky {
transform: translateY(-115px) !important;
}
#top-nav.reset-sticky {
transition-duration: 0s !important;
transform: none !important;
}
#top-nav.reset-sticky #utility-nav {
transition-duration: 0s !important;
opacity: 1 !important;
}
#top-nav.reset-sticky #main-nav {
transition-duration: 0s !important;
transform: none !important;
}
#top-nav.reset-sticky #main-nav .logo {
transition-duration: 0s !important;
transform: none !important;
}
#top-nav.is-sticky {
position: fixed;
z-index: 500;
top: 0rem;
height: 10.5rem;
transform: translateY(-55px);
z-index: 1000;
}
@media (min-width: 1025px) {
#top-nav.is-sticky {
top: -4.7rem;
height: 13.5rem;
transform: translateY(-20px);
}
}
#top-nav.is-sticky #utility-nav {
opacity: 0;
}
#top-nav.is-sticky #main-nav {
transform: translateY(10px);
}
#top-nav.is-sticky #main-nav .logo {
transform: scale(0.8);
}
#top-nav #utility-nav,
#top-nav #main-nav {
position: relative;
}
#top-nav #utility-nav .inner-container,
#top-nav #main-nav .inner-container {
position: relative;
width: 100%;
max-width: 140rem;
padding: 0 1rem;
margin: 0 auto;
}
#top-nav #utility-nav {
height: 5rem;
transition-property: opacity;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.1s;
}
@media (min-width: 1025px) {
#top-nav #utility-nav {
height: 7rem;
}
}
#top-nav #utility-nav .left-buttons,
#top-nav #utility-nav .center-notifications,
#top-nav #utility-nav .right-buttons {
position: absolute;
top: 0px;
left: 0px;
z-index: 5;
}
#top-nav #utility-nav .left-buttons li,
#top-nav #utility-nav .center-notifications li,
#top-nav #utility-nav .right-buttons li {
display: inline-block;
position: relative;
margin-right: 3rem;
font-size: 0;
vertical-align: top;
padding-top: 1.1rem;
}
#top-nav #utility-nav .left-buttons li:last-child,
#top-nav #utility-nav .center-notifications li:last-child,
#top-nav #utility-nav .right-buttons li:last-child {
margin-right: 0;
}
@media (min-width: 1025px) {
#top-nav #utility-nav .left-buttons li,
#top-nav #utility-nav .center-notifications li,
#top-nav #utility-nav .right-buttons li {
padding-top: 1.7rem;
}
}
#top-nav #utility-nav .left-buttons,
#top-nav #utility-nav .left-buttons button,
#top-nav #utility-nav .left-buttons a,
#top-nav #utility-nav .left-buttons span,
#top-nav #utility-nav .center-notifications,
#top-nav #utility-nav .center-notifications button,
#top-nav #utility-nav .center-notifications a,
#top-nav #utility-nav .center-notifications span,
#top-nav #utility-nav .right-buttons,
#top-nav #utility-nav .right-buttons button,
#top-nav #utility-nav .right-buttons a,
#top-nav #utility-nav .right-buttons span {
color: #fff;
text-transform: uppercase;
}
#top-nav #utility-nav .left-buttons .metadata,
#top-nav #utility-nav .left-buttons .svg,
#top-nav #utility-nav .center-notifications .metadata,
#top-nav #utility-nav .center-notifications .svg,
#top-nav #utility-nav .right-buttons .metadata,
#top-nav #utility-nav .right-buttons .svg {
position: relative;
display: inline-block;
margin-right: 0.5rem;
vertical-align: top;
font-size: 1rem;
}
#top-nav #utility-nav .left-buttons .title:before,
#top-nav #utility-nav .center-notifications .title:before,
#top-nav #utility-nav .right-buttons .title:before {
bottom: 0px;
}
#top-nav #utility-nav .left-buttons .title:hover:before,
#top-nav #utility-nav .center-notifications .title:hover:before,
#top-nav #utility-nav .right-buttons .title:hover:before {
background: rgba(136, 136, 136, 0.5);
}
#top-nav #utility-nav .left-buttons .caret,
#top-nav #utility-nav .center-notifications .caret,
#top-nav #utility-nav .right-buttons .caret {
width: 0.8rem;
height: 1.3rem;
}
#top-nav #utility-nav .left-buttons .caret *,
#top-nav #utility-nav .center-notifications .caret *,
#top-nav #utility-nav .right-buttons .caret * {
fill: #888 !important;
}
#top-nav #utility-nav .left-buttons .plus,
#top-nav #utility-nav .center-notifications .plus,
#top-nav #utility-nav .right-buttons .plus {
width: 0.5rem;
height: 1.3rem;
}
#top-nav #utility-nav .left-buttons .plus *,
#top-nav #utility-nav .center-notifications .plus *,
#top-nav #utility-nav .right-buttons .plus * {
fill: #fff !important;
}
#top-nav #utility-nav .left-buttons,
#top-nav #utility-nav .right-buttons {
display: none;
}
@media (min-width: 1025px) {
#top-nav #utility-nav .left-buttons,
#top-nav #utility-nav .right-buttons {
display: block;
}
}
#top-nav #utility-nav .left-buttons {
left: 1rem;
white-space: nowrap;
}
#top-nav #utility-nav .left-buttons .country-selector {
white-space: nowrap;
}
#top-nav #utility-nav .left-buttons .country-selector .language {
color: #888;
}
#top-nav #utility-nav .center-notifications {
z-index: 1;
width: 100%;
margin: 0 auto;
}
#top-nav #utility-nav .center-notifications .notifications {
position: absolute;
width: inherit;
height: inherit;
text-align: center;
margin: 0 auto;
}
#top-nav #utility-nav .center-notifications li {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
margin: 0 auto;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition-property: opacity;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.8s;
}
#top-nav #utility-nav .center-notifications li.is-active {
opacity: 1;
pointer-events: auto;
}
#top-nav #utility-nav .center-notifications li span,
#top-nav #utility-nav .center-notifications li figure {
position: relative;
display: inline-block;
vertical-align: top;
}
#top-nav #utility-nav .center-notifications li .count {
color: #888;
margin-right: 0.8rem;
}
#top-nav #utility-nav .center-notifications li .title {
margin-right: 0.5rem;
}
#top-nav #utility-nav .center-notifications li .arrow {
display: inline-block;
position: relative;
width: 1.2rem;
height: 1.2rem;
}
@media (min-width: 1025px) {
#top-nav #utility-nav .center-notifications li .arrow {
height: 1.3rem;
}
}
#top-nav #utility-nav .center-notifications li .arrow * {
fill: #fff !important;
}
#top-nav #utility-nav .right-buttons {
left: auto;
right: 1rem;
}
#top-nav #utility-nav .bg-elements {
display: none;
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
@media (min-width: 1025px) {
#top-nav #utility-nav .bg-elements {
display: block;
}
}
#top-nav #utility-nav .bg-elements .bg-left {
position: absolute;
top: 0px;
left: 0px;
width: 15rem;
height: 100%;
}
#top-nav #utility-nav .bg-elements .bg-right {
position: absolute;
top: 0px;
left: auto;
right: 0px;
width: 47.5rem;
height: 100%;
}
#top-nav #utility-nav .bg-elements .bg-center {
position: absolute;
top: 0px;
left: 15rem;
width: calc(100% - 15rem - 47.5rem);
height: 100%;
}
#top-nav #utility-nav .mobile-bg-elements {
display: block;
position: absolute;
width: 100%;
height: 5.1rem;
z-index: 0;
}
@media (min-width: 1025px) {
#top-nav #utility-nav .mobile-bg-elements {
display: none;
}
}
#top-nav #utility-nav .mobile-bg-elements .bg-left {
position: absolute;
top: 0px;
left: 0px;
width: 10.9rem;
height: 100%;
}
#top-nav #utility-nav .mobile-bg-elements .bg-right {
position: absolute;
top: 0px;
left: auto;
right: 0px;
width: 34.8rem;
height: 100%;
}
#top-nav #utility-nav .mobile-bg-elements .bg-center {
position: absolute;
top: 0px;
left: 10.9rem;
width: calc(100% - 10.9rem - 34.8rem);
height: 100%;
}
#top-nav #main-nav {
margin-top: -0.7rem;
}
@media (min-width: 1025px) {
#top-nav #main-nav {
margin-top: -0.4rem;
}
}
#top-nav #main-nav .burger {
display: block;
position: absolute;
top: 0px;
left: 2rem;
width: 2rem;
height: 5rem;
}
@media (min-width: 641px) {
#top-nav #main-nav .burger {
left: 4rem;
}
}
@media (min-width: 1025px) {
#top-nav #main-nav .burger {
display: none;
}
}
#top-nav #main-nav .left-buttons,
#top-nav #main-nav .right-buttons {
position: absolute;
top: 0px;
left: 1rem;
z-index: 5;
white-space: nowrap;
}
#top-nav #main-nav .left-buttons li,
#top-nav #main-nav .right-buttons li {
display: inline-block;
position: relative;
margin-right: 0.9rem;
font-size: 0;
vertical-align: top;
padding-top: 2rem;
}
@media (min-width: 1025px) {
#top-nav #main-nav .left-buttons li,
#top-nav #main-nav .right-buttons li {
margin-right: 1.9rem;
}
}
@media (min-width: 1025px) {
#top-nav #main-nav .left-buttons li,
#top-nav #main-nav .right-buttons li {
margin-right: 4.6rem;
}
}
#top-nav #main-nav .left-buttons li.is-hover .svg.line-strike, #top-nav #main-nav .left-buttons li.is-active .svg.line-strike, #top-nav #main-nav .left-buttons li:hover .svg.line-strike,
#top-nav #main-nav .right-buttons li.is-hover .svg.line-strike,
#top-nav #main-nav .right-buttons li.is-active .svg.line-strike,
#top-nav #main-nav .right-buttons li:hover .svg.line-strike {
visibility: visible;
}
#top-nav #main-nav .left-buttons li:last-child,
#top-nav #main-nav .right-buttons li:last-child {
margin-right: 0;
}
#top-nav #main-nav .left-buttons,
#top-nav #main-nav .left-buttons button,
#top-nav #main-nav .left-buttons a,
#top-nav #main-nav .left-buttons span,
#top-nav #main-nav .right-buttons,
#top-nav #main-nav .right-buttons button,
#top-nav #main-nav .right-buttons a,
#top-nav #main-nav .right-buttons span {
color: #121212;
text-transform: uppercase;
}
#top-nav #main-nav .left-buttons .metadata,
#top-nav #main-nav .left-buttons .svg,
#top-nav #main-nav .right-buttons .metadata,
#top-nav #main-nav .right-buttons .svg {
position: relative;
display: inline-block;
margin-right: 1rem;
vertical-align: top;
font-size: 1rem;
}
#top-nav #main-nav .left-buttons .metadata:last-child,
#top-nav #main-nav .left-buttons .svg:last-child,
#top-nav #main-nav .right-buttons .metadata:last-child,
#top-nav #main-nav .right-buttons .svg:last-child {
margin-right: 0;
}
#top-nav #main-nav .left-buttons .dd-menu,
#top-nav #main-nav .right-buttons .dd-menu {
display: none;
position: absolute;
opacity: 0;
white-space: normal;
}
#top-nav #main-nav .left-buttons .svg.line-strike,
#top-nav #main-nav .right-buttons .svg.line-strike {
visibility: hidden;
position: absolute;
top: 0;
left: 0px;
width: 100%;
height: 0.9rem;
}
#top-nav #main-nav .left-buttons .svg.line-strike *,
#top-nav #main-nav .right-buttons .svg.line-strike * {
fill: #121212 !important;
}
#top-nav #main-nav .left-buttons {
left: 50%;
}
@media (min-width: 1025px) {
#top-nav #main-nav .left-buttons {
left: 1rem;
}
}
#top-nav #main-nav .left-buttons li {
display: none;
}
@media (min-width: 1025px) {
#top-nav #main-nav .left-buttons li {
display: inline-block;
}
}
#top-nav #main-nav .left-buttons .logo {
display: inline-block;
top: 0.5rem;
left: -2rem;
width: 4rem;
height: 4rem;
padding: 0;
}
@media (min-width: 1025px) {
#top-nav #main-nav .left-buttons .logo {
top: 0;
left: 0;
width: 5rem;
height: 5rem;
}
}
#top-nav #main-nav .left-buttons .logo .logo-svg {
margin: 0;
padding: 0;
}
#top-nav #main-nav .right-buttons {
left: auto;
right: 1rem;
}
@media (min-width: 641px) {
#top-nav #main-nav .right-buttons {
right: 3rem;
}
}
@media (min-width: 1025px) {
#top-nav #main-nav .right-buttons {
right: 1rem;
}
}
#top-nav #main-nav .right-buttons .search .title {
display: none;
}
@media (min-width: 1025px) {
#top-nav #main-nav .right-buttons .search .title {
display: inline-block;
}
}
#top-nav #main-nav .right-buttons .search .search-icon {
top: -0.1rem;
width: 1.6rem;
}
@media (min-width: 1025px) {
#top-nav #main-nav .right-buttons .search .search-icon {
top: -0.2rem;
width: 1.4rem;
}
}
#top-nav #main-nav .right-buttons .cart span {
margin-right: 0.7rem;
vertical-align: top;
}
#top-nav #main-nav .right-buttons .cart span:last-child {
margin-right: 0;
}
#top-nav #main-nav .right-buttons .cart .title {
display: none;
}
@media (min-width: 1025px) {
#top-nav #main-nav .right-buttons .cart .title {
display: inline-block;
}
}
#top-nav #main-nav .right-buttons .cart .count-wrapper {
display: inline-block;
position: relative;
top: -1.4rem;
width: 4rem;
height: 4rem;
}
#top-nav #main-nav .right-buttons .cart .count-wrapper .svg {
position: absolute;
top: 0px;
left: 0px;
}
#top-nav #main-nav .right-buttons .cart .count-wrapper .circle {
top: 0.3rem;
left: 0.3rem;
width: 3.3rem;
height: 3.3rem;
}
#top-nav #main-nav .right-buttons .cart .count-wrapper .slash {
top: 0.3rem;
left: 0.3rem;
width: 3.3rem;
height: 3.3rem;
}
#top-nav #main-nav .right-buttons .cart .count-wrapper .svg * {
fill: #121212 !important;
}
#top-nav #main-nav .right-buttons .cart .count-wrapper .count {
position: absolute;
width: 100%;
height: 100%;
line-height: 4rem;
font-size: 1.4rem;
vertical-align: top;
text-align: center;
}
#top-nav #main-nav .search {
display: none;
}
#top-nav #compact-nav {
width: 100%;
height: 100%;
background-color: #121212;
position: fixed;
left: 0;
top: 0;
z-index: 100;
display: none;
}
#top-nav #compact-nav.is-active {
display: block;
}
#top-nav #compact-nav a {
color: #fff;
}
#top-nav #compact-nav svg {
fill: #fff;
}
#top-nav #compact-nav .white-bar {
position: relative;
width: 100%;
height: 5rem;
margin-bottom: -1rem;
z-index: 1;
}
#top-nav #compact-nav .white-bar .options {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
text-align: center;
z-index: 1;
white-space: nowrap;
padding-top: 1.0rem;
}
#top-nav #compact-nav .white-bar .options .option {
display: inline-block;
color: #121212;
}
#top-nav #compact-nav .white-bar .options .slash {
display: inline-block;
color: #999;
margin: 0 1.3rem;
}
#top-nav #compact-nav .white-bar .options .cta-copy {
font-size: 1.1rem;
}
#top-nav #compact-nav .white-bar .options--logged-in {
display: none;
}
#top-nav #compact-nav .white-bar .mobile-bg-elements {
display: block;
position: absolute;
width: 100%;
height: 5.1rem;
z-index: 0;
}
@media (min-width: 1025px) {
#top-nav #compact-nav .white-bar .mobile-bg-elements {
display: none;
}
}
#top-nav #compact-nav .white-bar .mobile-bg-elements .bg-left {
position: absolute;
top: 0px;
left: 0px;
width: 10.9rem;
height: 100%;
}
#top-nav #compact-nav .white-bar .mobile-bg-elements .bg-right {
position: absolute;
top: 0px;
left: auto;
right: 0px;
width: 34.8rem;
height: 100%;
}
#top-nav #compact-nav .white-bar .mobile-bg-elements .bg-center {
position: absolute;
top: 0px;
left: 10.9rem;
width: calc(100% - 10.9rem - 34.8rem);
height: 100%;
}
#top-nav #compact-nav .top-bar {
width: 100%;
height: 6.5rem;
position: relative;
}
#top-nav #compact-nav .top-bar > * {
position: absolute;
top: 1.25rem;
}
#top-nav #compact-nav .top-bar .close {
width: 4rem;
height: 4rem;
left: 1.5rem;
text-indent: 4rem;
}
#top-nav #compact-nav .top-bar .close svg {
width: 1.4rem;
height: 1.5rem;
position: absolute;
left: calc(50% - .7rem);
top: calc(50% - .75rem);
}
#top-nav #compact-nav .top-bar .logo {
width: 4rem;
height: 4rem;
left: calc(50% - 2rem);
}
#top-nav #compact-nav .top-bar .logo svg {
width: 100%;
height: 100%;
}
#top-nav #compact-nav .scroll-wrapper {
width: 100%;
height: calc(100% - 6.5rem);
padding: 0 1.5rem 8rem;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
#top-nav #compact-nav .nav-items {
margin-bottom: 5rem;
}
#top-nav #compact-nav .nav-items .page-link > a {
width: 100%;
height: 6rem;
background-color: #1b1b1b;
text-align: center;
display: block;
position: relative;
}
#top-nav #compact-nav .nav-items .page-link > a.is-expanded .bg-light {
opacity: 1;
}
#top-nav #compact-nav .nav-items .page-link > a.is-expanded .title {
color: #121212;
}
#top-nav #compact-nav .nav-items .page-link > a.is-expanded svg * {
fill: #121212 !important;
}
#top-nav #compact-nav .nav-items .page-link > a .title {
position: relative;
font-size: 2.4rem;
line-height: 6rem;
z-index: 3;
transition-property: color;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
#top-nav #compact-nav .nav-items .page-link > a svg {
position: absolute;
width: 1.2rem;
height: 1.2rem;
right: 2rem;
top: calc(50% - .6rem);
z-index: 3;
}
#top-nav #compact-nav .nav-items .page-link > a .bg-light {
opacity: 0;
z-index: 1;
transition-property: opacity;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
#top-nav #compact-nav .nav-items .page-link + .page-link {
margin-top: 1rem;
}
#top-nav #compact-nav a polygon {
transform-origin: 50% 50%;
transform: rotateZ(0deg);
transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), fill 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#top-nav #compact-nav a.is-expanded polygon:nth-child(1) {
transform: rotateZ(-90deg);
}
#top-nav #compact-nav a.is-expanded polygon:nth-child(2) {
transform: rotateZ(-180deg);
}
#top-nav #compact-nav .dd-menu, #top-nav #compact-nav .dd-sub-menu {
height: 0;
overflow: hidden;
transition: height 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#top-nav #compact-nav .dd-menu > li, #top-nav #compact-nav .dd-sub-menu > li {
opacity: 0;
transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#top-nav #compact-nav .dd-menu.is-expanded > li, #top-nav #compact-nav .dd-sub-menu.is-expanded > li {
opacity: 1;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(1), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(1) {
transition-delay: 0.035s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(2), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(2) {
transition-delay: 0.07s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(3), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(3) {
transition-delay: 0.105s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(4), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(4) {
transition-delay: 0.14s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(5), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(5) {
transition-delay: 0.175s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(6), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(6) {
transition-delay: 0.21s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(7), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(7) {
transition-delay: 0.245s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(8), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(8) {
transition-delay: 0.28s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(9), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(9) {
transition-delay: 0.315s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(10), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(10) {
transition-delay: 0.35s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(11), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(11) {
transition-delay: 0.385s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(12), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(12) {
transition-delay: 0.42s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(13), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(13) {
transition-delay: 0.455s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(14), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(14) {
transition-delay: 0.49s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(15), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(15) {
transition-delay: 0.525s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(16), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(16) {
transition-delay: 0.56s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(17), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(17) {
transition-delay: 0.595s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(18), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(18) {
transition-delay: 0.63s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(19), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(19) {
transition-delay: 0.665s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(20), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(20) {
transition-delay: 0.7s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(21), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(21) {
transition-delay: 0.735s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(22), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(22) {
transition-delay: 0.77s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(23), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(23) {
transition-delay: 0.805s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(24), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(24) {
transition-delay: 0.84s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(25), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(25) {
transition-delay: 0.875s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(26), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(26) {
transition-delay: 0.91s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(27), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(27) {
transition-delay: 0.945s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(28), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(28) {
transition-delay: 0.98s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(29), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(29) {
transition-delay: 1.015s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(30), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(30) {
transition-delay: 1.05s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(31), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(31) {
transition-delay: 1.085s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(32), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(32) {
transition-delay: 1.12s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(33), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(33) {
transition-delay: 1.155s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(34), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(34) {
transition-delay: 1.19s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(35), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(35) {
transition-delay: 1.225s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(36), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(36) {
transition-delay: 1.26s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(37), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(37) {
transition-delay: 1.295s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(38), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(38) {
transition-delay: 1.33s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(39), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(39) {
transition-delay: 1.365s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(40), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(40) {
transition-delay: 1.4s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(41), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(41) {
transition-delay: 1.435s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(42), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(42) {
transition-delay: 1.47s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(43), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(43) {
transition-delay: 1.505s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(44), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(44) {
transition-delay: 1.54s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(45), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(45) {
transition-delay: 1.575s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(46), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(46) {
transition-delay: 1.61s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(47), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(47) {
transition-delay: 1.645s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(48), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(48) {
transition-delay: 1.68s;
}
#top-nav #compact-nav .dd-menu.is-expanded > li:nth-child(49), #top-nav #compact-nav .dd-sub-menu.is-expanded > li:nth-child(49) {
transition-delay: 1.715s;
}
#top-nav #compact-nav .dd-menu {
padding: 0 1rem;
}
#top-nav #compact-nav .dd-menu--item:not(:last-child) {
border-bottom: .1rem solid #1e1e1e;
}
#top-nav #compact-nav .dd-menu--item > a {
width: 100%;
height: 6rem;
padding-left: 1rem;
position: relative;
display: block;
}
#top-nav #compact-nav .dd-menu--item > a .cta-copy {
font-family: 'GarageGothicBold';
font-size: 1.8rem;
line-height: 6rem;
letter-spacing: .15rem;
}
#top-nav #compact-nav .dd-menu--item > a svg {
width: .7rem;
height: .7rem;
position: absolute;
right: 1.25rem;
top: calc(50% - .35rem);
}
#top-nav #compact-nav .dd-sub-menu--item {
margin-bottom: 2rem;
}
#top-nav #compact-nav .dd-sub-menu--item a {
height: 1.5rem;
padding-left: 3rem;
display: block;
}
#top-nav #compact-nav .dd-sub-menu--item a .cta-copy {
font-size: 1.1rem;
line-height: 1.5rem;
color: #818181;
}
#top-nav #compact-nav .subnav-items {
text-align: center;
white-space: nowrap;
}
#top-nav #compact-nav .subnav-items li {
display: block;
}
@media (min-width: 641px) {
#top-nav #compact-nav .subnav-items li {
display: inline-block;
margin-right: 3.5rem;
}
#top-nav #compact-nav .subnav-items li:last-child {
margin-right: 0;
}
}
#top-nav #compact-nav .subnav-items li + li {
margin-top: 2.5rem;
}
#top-nav #compact-nav .subnav-items .cta-copy, #top-nav #compact-nav .subnav-items .metadata {
font-size: 1.1rem;
line-height: 1.1rem;
vertical-align: top;
}
#top-nav #compact-nav .subnav-items .country-selector {
white-space: nowrap;
}
#top-nav #compact-nav .subnav-items .country-selector .title {
display: inline-block;
position: relative;
}
#top-nav #compact-nav .subnav-items .country-selector .metadata {
position: relative;
display: inline-block;
margin-right: .5rem;
font-size: 1.1rem;
}
#top-nav #compact-nav .subnav-items .country-selector .country {
color: #fff;
}
#top-nav #compact-nav .subnav-items .country-selector .language {
color: #666;
}
#top-nav #compact-nav .subnav-items .country-selector .plus {
width: .5rem;
height: 1.3rem;
}
#top-nav #compact-nav .subnav-items .country-selector .plus, #top-nav #compact-nav .subnav-items .country-selector .plus polygon {
fill: #fff !important;
}
#top-nav #compact-nav .graphic {
width: 28rem;
height: 28rem;
margin: 3.3rem auto 3.8rem;
}
#top-nav #compact-nav .social-links {
position: relative;
white-space: nowrap;
text-align: center;
}
#top-nav #compact-nav .social-links li {
position: relative;
display: inline-block;
width: 1.6rem;
height: 1.6rem;
margin: 0 1.5rem;
}
#top-nav #compact-nav .social-links li.gplus {
width: 2.4rem;
}
#top-nav #compact-nav .social-links li a {
position: relative;
display: inline-block;
width: inherit;
height: inherit;
}
#top-nav #compact-nav .social-links li svg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.hero-pdp {
position: relative;
font-size: 0;
}
@media (min-width: 1025px) {
.hero-pdp {
white-space: nowrap;
}
}
.hero-pdp.is-loading .pdp-col--left .photo-layout li.is-old {
cursor: none !important;
pointer-events: none;
}
.hero-pdp.is-loading .pdp-col--left .photo-layout li.is-old .inactive-overlay {
visibility: visible;
opacity: 1;
}
.hero-pdp.is-loading .pdp-col--left .photo-layout li.is-old .cursor {
opacity: 0;
}
.hero-pdp.is-loading .pdp-col--left .photo-layout li.is-old img {
opacity: 0.2;
}
.hero-pdp .pdp-col {
display: inline-block;
position: relative;
font-size: 0;
vertical-align: top;
text-align: left;
z-index: 1;
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--top {
display: none;
}
}
.hero-pdp .pdp-col--top .info-block--tablet-top {
display: block !important;
padding-top: 3.7rem !important;
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--top .info-block--tablet-top {
display: none !important;
}
}
.hero-pdp .pdp-col--left {
width: 100%;
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--left {
width: calc(100% - 48rem);
}
}
.hero-pdp .pdp-col--left .breadcrumbs {
display: none;
position: relative;
margin-bottom: 0.9rem;
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--left .breadcrumbs {
display: block;
}
}
.hero-pdp .pdp-col--left .breadcrumbs li {
display: inline-block;
position: relative;
text-transform: uppercase;
}
.hero-pdp .pdp-col--left .breadcrumbs li:not(:last-child):after {
content: '/';
position: relative;
display: inline-block;
padding: 0 1rem;
color: #999;
}
.hero-pdp .pdp-col--left .photo-layout-container {
position: relative;
}
.hero-pdp .pdp-col--left .photo-layout-container .scaler {
position: relative;
visibility: hidden;
pointer-events: none;
}
@media (min-width: 641px) {
.hero-pdp .pdp-col--left .photo-layout-container .scaler {
position: relative;
}
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--left .photo-layout-container .scaler {
position: absolute;
}
}
.hero-pdp .pdp-col--left .photo-layout-container .mobile-controls {
position: absolute;
top: calc(50% - 0.5rem);
left: 0;
width: 100%;
visibility: visible;
pointer-events: normal;
z-index: 50;
}
.hero-pdp .pdp-col--left .photo-layout-container .mobile-controls .arrow {
position: absolute;
top: 0px;
left: 0px;
width: 2.2rem;
height: 1rem;
}
.hero-pdp .pdp-col--left .photo-layout-container .mobile-controls .arrow--left {
left: 2rem;
}
.hero-pdp .pdp-col--left .photo-layout-container .mobile-controls .arrow--right {
left: auto;
right: 2rem;
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--left .photo-layout-container .mobile-controls {
visibility: hidden;
pointer-events: none;
}
}
.hero-pdp .pdp-col--left .photo-layout {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
white-space: nowrap;
font-size: 0;
overflow-x: auto;
overflow-y: hidden;
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--left .photo-layout {
position: relative;
margin: 0 -1rem;
white-space: normal;
overflow: hidden;
}
}
.hero-pdp .pdp-col--left .photo-layout.is-old {
position: absolute;
width: 100%;
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--left .photo-layout.wide-layout li {
display: inline-block;
position: relative;
width: calc(100% - 2rem);
height: auto;
margin: 1rem;
cursor: none;
}
.hero-pdp .pdp-col--left .photo-layout.wide-layout li:nth-child(n) {
width: calc(100% - 2rem);
}
.hero-pdp .pdp-col--left .photo-layout.wide-layout li.scaler {
display: none;
}
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--left .photo-layout.grid-xl-last-layout li {
display: inline-block;
position: relative;
width: calc(100% - 2rem);
height: auto;
margin: 1rem;
cursor: none;
}
.hero-pdp .pdp-col--left .photo-layout.grid-xl-last-layout li:nth-child(1), .hero-pdp .pdp-col--left .photo-layout.grid-xl-last-layout li:nth-child(2) {
width: calc(50% - 2rem);
}
.hero-pdp .pdp-col--left .photo-layout.grid-xl-last-layout li:nth-child(n+4) {
width: calc(100% - 2rem);
}
.hero-pdp .pdp-col--left .photo-layout.grid-xl-last-layout li.scaler {
display: none;
}
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--left .photo-layout.grid-xl-first-layout li {
display: inline-block;
position: relative;
width: calc(100% - 2rem);
height: auto;
margin: 1rem;
cursor: none;
}
.hero-pdp .pdp-col--left .photo-layout.grid-xl-first-layout li:nth-child(1), .hero-pdp .pdp-col--left .photo-layout.grid-xl-first-layout li:nth-child(2) {
width: calc(50% - 2rem);
}
.hero-pdp .pdp-col--left .photo-layout.grid-xl-first-layout li:nth-child(n+4) {
width: calc(100% - 2rem);
}
.hero-pdp .pdp-col--left .photo-layout.grid-xl-first-layout li.scaler {
display: none;
}
}
.hero-pdp .pdp-col--left .photo-layout li, .hero-pdp .pdp-col--left .photo-layout.grid-layout li {
display: inline-block;
position: relative;
width: 100%;
height: auto;
overflow: hidden;
font-size: 0;
vertical-align: top;
background: #e6e6e6;
margin-right: 2rem;
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--left .photo-layout li, .hero-pdp .pdp-col--left .photo-layout.grid-layout li {
display: inline-block;
position: relative;
width: calc(100% - 2rem);
height: auto;
margin: 1rem;
cursor: none;
}
.hero-pdp .pdp-col--left .photo-layout li:nth-child(1), .hero-pdp .pdp-col--left .photo-layout li:nth-child(2), .hero-pdp .pdp-col--left .photo-layout li:nth-child(4), .hero-pdp .pdp-col--left .photo-layout li:nth-child(5), .hero-pdp .pdp-col--left .photo-layout.grid-layout li:nth-child(1), .hero-pdp .pdp-col--left .photo-layout.grid-layout li:nth-child(2), .hero-pdp .pdp-col--left .photo-layout.grid-layout li:nth-child(4), .hero-pdp .pdp-col--left .photo-layout.grid-layout li:nth-child(5) {
width: calc(50% - 2rem);
}
.hero-pdp .pdp-col--left .photo-layout li:nth-child(3), .hero-pdp .pdp-col--left .photo-layout.grid-layout li:nth-child(3) {
width: calc(100% - 2rem);
}
.hero-pdp .pdp-col--left .photo-layout li.scaler, .hero-pdp .pdp-col--left .photo-layout.grid-layout li.scaler {
display: none;
}
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--left .photo-layout li:hover .double-wrap, .hero-pdp .pdp-col--left .photo-layout.grid-layout li:hover .double-wrap {
transform: scale(1.04);
}
}
.hero-pdp .pdp-col--left .photo-layout li:last-child, .hero-pdp .pdp-col--left .photo-layout.grid-layout li:last-child {
margin-right: 0;
}
.hero-pdp .pdp-col--left .photo-layout li .double-wrap, .hero-pdp .pdp-col--left .photo-layout.grid-layout li .double-wrap {
transition-property: transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.hero-pdp .pdp-col--left .photo-layout li .inactive-overlay, .hero-pdp .pdp-col--left .photo-layout.grid-layout li .inactive-overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: #e6e6e6;
mix-blend-mode: color;
z-index: 1;
visibility: hidden;
opacity: 0;
transition: opacity 400ms cubic-bezier(0.315, 0.11, 0.39, 0.92);
/* custom */
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--left .photo-layout li .scaler, .hero-pdp .pdp-col--left .photo-layout.grid-layout li .scaler {
position: absolute;
}
}
.hero-pdp .pdp-col--left .photo-layout li img, .hero-pdp .pdp-col--left .photo-layout.grid-layout li img {
position: absolute;
width: 100%;
height: 100%;
max-width: none;
transform-origin: 50% 25%;
object-fit: cover;
transition: transform 200ms cubic-bezier(0.13, 0.35, 0.195, 0.94), opacity 800ms cubic-bezier(0.315, 0.11, 0.39, 0.92);
/* custom */
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--left .photo-layout li img, .hero-pdp .pdp-col--left .photo-layout.grid-layout li img {
position: relative;
width: 100%;
height: auto;
object-fit: fill;
}
}
.hero-pdp .pdp-col--right, .hero-pdp .pdp-col--top {
width: 100%;
white-space: normal;
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--right, .hero-pdp .pdp-col--top {
width: 35rem;
margin-left: 8rem;
}
}
.hero-pdp .pdp-col--right .info-block--top, .hero-pdp .pdp-col--top .info-block--top {
display: none;
position: relative;
padding-top: 7.3rem;
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--right .info-block--top, .hero-pdp .pdp-col--top .info-block--top {
display: block;
}
}
.hero-pdp .pdp-col--right .info-block--top + hr, .hero-pdp .pdp-col--top .info-block--top + hr {
display: none;
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--right .info-block--top + hr, .hero-pdp .pdp-col--top .info-block--top + hr {
display: block;
}
}
.hero-pdp .pdp-col--right .info-block--top .product-title, .hero-pdp .pdp-col--top .info-block--top .product-title {
margin-bottom: 1.8rem;
width: 100%;
}
@media (min-width: 641px) {
.hero-pdp .pdp-col--right .info-block--top .product-title, .hero-pdp .pdp-col--top .info-block--top .product-title {
margin-bottom: 3.3rem;
width: 50%;
}
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--right .info-block--top .product-title, .hero-pdp .pdp-col--top .info-block--top .product-title {
margin-bottom: 2.3rem;
width: 100%;
}
}
.hero-pdp .pdp-col--right .info-block--top .cost-rating-row, .hero-pdp .pdp-col--top .info-block--top .cost-rating-row {
position: relative;
margin-bottom: 1.4rem;
}
.hero-pdp .pdp-col--right .info-block--top .cost-rating-row::after, .hero-pdp .pdp-col--top .info-block--top .cost-rating-row::after {
clear: both;
content: '';
display: block;
}
@media (min-width: 641px) {
.hero-pdp .pdp-col--right .info-block--top .cost-rating-row, .hero-pdp .pdp-col--top .info-block--top .cost-rating-row {
margin-bottom: 1.9rem;
}
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--right .info-block--top .cost-rating-row, .hero-pdp .pdp-col--top .info-block--top .cost-rating-row {
margin-bottom: 1.9rem;
}
}
.hero-pdp .pdp-col--right .info-block--top .cost-rating-row .product-cost, .hero-pdp .pdp-col--top .info-block--top .cost-rating-row .product-cost {
position: relative;
float: left;
}
.hero-pdp .pdp-col--right .info-block--top .cost-rating-row .product-cost .currency, .hero-pdp .pdp-col--top .info-block--top .cost-rating-row .product-cost .currency {
position: relative;
top: -0.2rem;
}
.hero-pdp .pdp-col--right .info-block--top .cost-rating-row .product-cost .currency:after, .hero-pdp .pdp-col--top .info-block--top .cost-rating-row .product-cost .currency:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #c4c4c4;
top: auto;
left: 0;
bottom: 0;
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--right .info-block--top .cost-rating-row .product-cost .currency:after, .hero-pdp .pdp-col--top .info-block--top .cost-rating-row .product-cost .currency:after {
bottom: -0.1rem;
}
}
.hero-pdp .pdp-col--right .info-block--top .cost-rating-row .rating-stars, .hero-pdp .pdp-col--top .info-block--top .cost-rating-row .rating-stars {
position: relative;
float: right;
margin-top: -0.4rem;
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--right .info-block--top .cost-rating-row .rating-stars, .hero-pdp .pdp-col--top .info-block--top .cost-rating-row .rating-stars {
margin-top: 0;
}
}
.hero-pdp .pdp-col--right .info-block--main, .hero-pdp .pdp-col--top .info-block--main {
padding-top: 1.8rem;
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--right .info-block--main, .hero-pdp .pdp-col--top .info-block--main {
padding-top: 0;
}
}
.hero-pdp .pdp-col--right .selector-group, .hero-pdp .pdp-col--top .selector-group {
position: relative;
}
.hero-pdp .pdp-col--right .selector-group--purchase, .hero-pdp .pdp-col--top .selector-group--purchase {
position: relative;
font-size: 0;
text-align: center;
}
.hero-pdp .pdp-col--right .selector-group--purchase .btn, .hero-pdp .pdp-col--top .selector-group--purchase .btn {
position: relative;
display: inline-block;
font-size: 0;
}
.hero-pdp .pdp-col--right .selector-group--purchase .btn:nth-child(1), .hero-pdp .pdp-col--top .selector-group--purchase .btn:nth-child(1) {
width: 100%;
margin-bottom: 1rem;
}
.hero-pdp .pdp-col--right .selector-group--purchase .btn:nth-child(2), .hero-pdp .pdp-col--top .selector-group--purchase .btn:nth-child(2) {
width: calc(60% - 0.5rem);
margin-right: 1rem;
margin-bottom: 2rem;
}
.hero-pdp .pdp-col--right .selector-group--purchase .btn:nth-child(3), .hero-pdp .pdp-col--top .selector-group--purchase .btn:nth-child(3) {
width: calc(40% - 0.5rem);
margin-bottom: 2rem;
}
.hero-pdp .pdp-col--right .selector-group--desc-tabs .tabs, .hero-pdp .pdp-col--top .selector-group--desc-tabs .tabs {
position: relative;
white-space: nowrap;
margin-bottom: 1.6rem;
}
.hero-pdp .pdp-col--right .selector-group--desc-tabs .tabs li, .hero-pdp .pdp-col--top .selector-group--desc-tabs .tabs li {
position: relative;
display: inline-block;
}
.hero-pdp .pdp-col--right .selector-group--desc-tabs .tabs li:not(:last-child):after, .hero-pdp .pdp-col--top .selector-group--desc-tabs .tabs li:not(:last-child):after {
content: '/';
position: relative;
display: inline-block;
padding: 0 1.2rem;
color: #ddd;
}
.hero-pdp .pdp-col--right .selector-group--desc-tabs .tabs li.is-active a, .hero-pdp .pdp-col--right .selector-group--desc-tabs .tabs li:hover a, .hero-pdp .pdp-col--top .selector-group--desc-tabs .tabs li.is-active a, .hero-pdp .pdp-col--top .selector-group--desc-tabs .tabs li:hover a {
color: #121212;
}
.hero-pdp .pdp-col--right .selector-group--desc-tabs .tabs li.is-active .line, .hero-pdp .pdp-col--top .selector-group--desc-tabs .tabs li.is-active .line {
visibility: visible;
}
.hero-pdp .pdp-col--right .selector-group--desc-tabs .tabs li a, .hero-pdp .pdp-col--top .selector-group--desc-tabs .tabs li a {
position: relative;
color: #999;
}
.hero-pdp .pdp-col--right .selector-group--desc-tabs .tabs li .line, .hero-pdp .pdp-col--top .selector-group--desc-tabs .tabs li .line {
position: absolute;
top: auto;
bottom: -0.5rem;
width: calc(100% - 0.4rem);
height: 0.25rem;
visibility: hidden;
overflow: hidden;
}
.hero-pdp .pdp-col--right .selector-group--desc-tabs .tabs li .line svg, .hero-pdp .pdp-col--top .selector-group--desc-tabs .tabs li .line svg {
position: absolute;
top: 0px;
left: 0px;
width: auto;
height: 100%;
}
.hero-pdp .pdp-col--right .selector-group--desc-tabs .tab-blurbs li, .hero-pdp .pdp-col--top .selector-group--desc-tabs .tab-blurbs li {
position: absolute;
visibility: hidden;
}
.hero-pdp .pdp-col--right .selector-group--desc-tabs .tab-blurbs li.is-active, .hero-pdp .pdp-col--top .selector-group--desc-tabs .tab-blurbs li.is-active {
position: relative;
visibility: visible;
}
.hero-pdp .pdp-col--right .selector-group--desc-tabs .tab-blurbs li p, .hero-pdp .pdp-col--top .selector-group--desc-tabs .tab-blurbs li p {
color: #5e5e5e;
}
.hero-pdp .pdp-col--right .selector-group--desc-tabs .tab-blurbs li p:last-of-type, .hero-pdp .pdp-col--top .selector-group--desc-tabs .tab-blurbs li p:last-of-type {
margin-bottom: 1rem;
}
.hero-pdp .pdp-col--right .selector-group--referral, .hero-pdp .pdp-col--top .selector-group--referral {
padding: 1.2rem 0 0.7rem 0;
text-align: center;
}
.hero-pdp .pdp-col--right .selector-group--referral .h8, .hero-pdp .pdp-col--top .selector-group--referral .h8 {
color: #121212;
}
.hero-pdp .pdp-col--right .selector-group--live-chat, .hero-pdp .pdp-col--top .selector-group--live-chat {
padding: 2rem;
text-align: center;
}
.hero-pdp .pdp-col--right .selector-group--live-chat .supheader, .hero-pdp .pdp-col--top .selector-group--live-chat .supheader {
color: #5e5e5e;
margin-bottom: 0.7rem;
}
.hero-pdp .pdp-col--right .selector-group--live-chat .chat-cta, .hero-pdp .pdp-col--top .selector-group--live-chat .chat-cta {
position: relative;
line-height: 1.6rem;
vertical-align: top;
padding-bottom: 0.9rem;
}
.hero-pdp .pdp-col--right .selector-group--live-chat .chat-cta svg, .hero-pdp .pdp-col--top .selector-group--live-chat .chat-cta svg {
position: relative;
top: 0;
width: 1.5rem;
height: 1.5rem;
margin-right: 0.2rem;
}
.hero-pdp .pdp-col--right .selector-group--live-chat .chat-cta span, .hero-pdp .pdp-col--top .selector-group--live-chat .chat-cta span {
vertical-align: top;
}
.hero-pdp .pdp-col--right .selector-group--live-chat .chat-cta .divider, .hero-pdp .pdp-col--top .selector-group--live-chat .chat-cta .divider {
position: absolute;
top: auto;
bottom: 0;
left: 0px;
width: 100%;
height: auto;
margin: 0;
}
.hero-pdp .pdp-col--right .selector-group--live-chat .chat-cta .divider *, .hero-pdp .pdp-col--top .selector-group--live-chat .chat-cta .divider * {
fill: #c4c4c4 !important;
}
.hero-pdp .pdp-col--right .selector-group--live-chat .role, .hero-pdp .pdp-col--top .selector-group--live-chat .role {
text-transform: uppercase;
margin-top: 1rem;
}
.hero-pdp .pdp-col--right .selector-group--social-share, .hero-pdp .pdp-col--top .selector-group--social-share {
padding: 1.1rem 0 0.2rem 0;
}
.hero-pdp .pdp-col--right .selector-group--social-share .social-links, .hero-pdp .pdp-col--top .selector-group--social-share .social-links {
position: relative;
white-space: nowrap;
text-align: center;
}
.hero-pdp .pdp-col--right .selector-group--social-share .social-links li, .hero-pdp .pdp-col--top .selector-group--social-share .social-links li {
position: relative;
display: inline-block;
width: 1.6rem;
height: 1.6rem;
margin: 0 1.5rem;
}
.hero-pdp .pdp-col--right .selector-group--social-share .social-links li.gplus, .hero-pdp .pdp-col--top .selector-group--social-share .social-links li.gplus {
width: 2.4rem;
}
.hero-pdp .pdp-col--right .selector-group--social-share .social-links li a, .hero-pdp .pdp-col--top .selector-group--social-share .social-links li a {
position: relative;
display: inline-block;
width: inherit;
height: inherit;
}
.hero-pdp .pdp-col--right .selector-group--social-share .social-links li svg, .hero-pdp .pdp-col--top .selector-group--social-share .social-links li svg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.hero-pdp .pdp-col--right .selector-group.grey-group, .hero-pdp .pdp-col--top .selector-group.grey-group {
background: #f3f3f3;
margin-bottom: 0.5rem;
}
@media (min-width: 1025px) {
.hero-pdp .pdp-col--right .selector-group.grey-group, .hero-pdp .pdp-col--top .selector-group.grey-group {
margin-bottom: 1rem;
}
}
.hero-pdp .pdp-col--right .selector-group .info-row, .hero-pdp .pdp-col--top .selector-group .info-row {
position: relative;
margin-bottom: 0.5rem;
}
.hero-pdp .pdp-col--right .selector-group .info-row::after, .hero-pdp .pdp-col--top .selector-group .info-row::after {
clear: both;
content: '';
display: block;
}
.hero-pdp .pdp-col--right .selector-group .info-row .spec-info-wrapper, .hero-pdp .pdp-col--top .selector-group .info-row .spec-info-wrapper {
position: relative;
float: left;
}
.hero-pdp .pdp-col--right .selector-group .info-row .spec-info-wrapper .spec-desc, .hero-pdp .pdp-col--top .selector-group .info-row .spec-info-wrapper .spec-desc {
color: #999;
}
.hero-pdp .pdp-col--right .selector-group .info-row .spec-info-wrapper .spec-desc:after, .hero-pdp .pdp-col--top .selector-group .info-row .spec-info-wrapper .spec-desc:after {
content: '\2013';
position: relative;
display: inline-block;
padding: 0 0.6rem 0 0.9rem;
}
.hero-pdp .pdp-col--right .selector-group .info-row .spec-info-wrapper .spec-value, .hero-pdp .pdp-col--top .selector-group .info-row .spec-info-wrapper .spec-value {
color: #121212;
}
.hero-pdp .pdp-col--right .selector-group .info-row .spec-addl, .hero-pdp .pdp-col--top .selector-group .info-row .spec-addl {
position: relative;
float: right;
color: #999;
}
.hero-pdp .pdp-col--right .selector-group .info-row .spec-addl a, .hero-pdp .pdp-col--top .selector-group .info-row .spec-addl a {
text-transform: uppercase;
}
.hero-pdp .pdp-col--right .selector-group .info-row .spec-addl a:after, .hero-pdp .pdp-col--top .selector-group .info-row .spec-addl a:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #c4c4c4;
top: auto;
left: 0;
bottom: 1px;
}
.hero-pdp .pdp-col--right hr, .hero-pdp .pdp-col--top hr {
border: none;
background: #ddd;
margin-bottom: 1.9rem;
}
.hero-square-collage .col {
position: relative;
float: left;
width: 100%;
height: 100%;
text-align: left;
font-size: 0;
}
@media (min-width: 1025px) {
.hero-square-collage .col {
width: 50%;
}
}
.hero-square-collage .col--left {
background: #121212;
}
@media (min-width: 1025px) {
.hero-square-collage .col--left {
position: absolute;
left: 0px;
top: 0px;
}
}
.hero-square-collage .col--left .valign {
position: relative;
padding: 6rem 0 4rem;
text-align: center;
}
@media (min-width: 641px) {
.hero-square-collage .col--left .valign {
padding: 5rem 0 9rem;
}
}
@media (min-width: 1025px) {
.hero-square-collage .col--left .valign {
position: absolute;
padding: 0;
}
}
.hero-square-collage .col--left .callout {
padding: 0 3rem;
text-align: center;
margin: 0 auto;
}
@media (min-width: 1025px) {
.hero-square-collage .col--left .callout {
padding: 0 4rem;
text-align: left;
}
}
@media (min-width: 1281px) {
.hero-square-collage .col--left .callout {
padding: 0 16rem;
}
}
.hero-square-collage .col--left .callout .supheader {
display: none;
margin-bottom: 2.5rem;
}
@media (min-width: 1281px) {
.hero-square-collage .col--left .callout .supheader {
display: block;
}
}
.hero-square-collage .col--left .callout .h1 {
color: #fff;
margin-bottom: 2.5rem;
max-width: 44rem;
}
.hero-square-collage .col--left .callout p {
display: none;
color: #fff;
max-width: 44rem;
}
@media (min-width: 641px) {
.hero-square-collage .col--left .callout p {
display: block;
}
}
@media (min-width: 1025px) {
.hero-square-collage .col--left .callout p {
max-width: 40rem;
}
}
.hero-square-collage .col--left .callout p:last-of-type {
margin-bottom: 3rem;
}
@media (min-width: 1281px) {
.hero-square-collage .col--left .callout p:last-of-type {
margin-bottom: 4.5rem;
}
}
.hero-square-collage .col--left .callout .ctas {
white-space: normal;
}
@media (min-width: 1025px) {
.hero-square-collage .col--left .callout .ctas {
white-space: nowrap;
}
}
.hero-square-collage .col--left .callout .ctas li {
display: inline-block;
margin-right: 1rem;
margin-bottom: 1rem;
}
.hero-square-collage .col--left .callout .ctas li,
.hero-square-collage .col--left .callout .ctas li .btn {
width: 100%;
}
@media (min-width: 641px) {
.hero-square-collage .col--left .callout .ctas li,
.hero-square-collage .col--left .callout .ctas li .btn {
width: auto;
}
}
.hero-square-collage .col--left .aux-image {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 4rem;
height: 100%;
z-index: 1;
}
@media (min-width: 1281px) {
.hero-square-collage .col--left .aux-image {
display: block;
}
}
.hero-square-collage .col--left .scaler-1x1 {
display: none;
}
@media (min-width: 1025px) {
.hero-square-collage .col--left .scaler-1x1 {
display: block;
}
}
.hero-square-collage .col--right {
background: #121212;
}
@media (min-width: 1025px) {
.hero-square-collage .col--right {
top: 0;
margin-left: 50%;
background: transparent;
}
}
.hero-square-collage .col--right .lifestyle-image,
.hero-square-collage .col--right .aux-image {
position: absolute;
top: 0px;
left: 0px;
width: calc(100% - 4rem);
height: calc(100% - 4rem);
}
.hero-square-collage .col--right .lifestyle-image {
top: 4rem;
z-index: 1;
}
.hero-square-collage .col--right .aux-image {
left: 4rem;
}
.hero-square-collage .col--right .black-stripe {
position: absolute;
top: 0px;
left: 0px;
width: 4rem;
height: 100%;
background: #121212;
}
.hero-square-collage .col--right .product-overlay {
position: absolute;
left: -30%;
bottom: -25%;
width: 75%;
height: auto;
z-index: 10;
pointer-events: none;
}
@media (min-width: 641px) {
.hero-square-collage .col--right .product-overlay {
left: -22%;
bottom: -15%;
width: 60%;
}
}
@media (min-width: 1025px) {
.hero-square-collage .col--right .product-overlay {
left: -10%;
bottom: -25%;
width: 75%;
}
}
@media (min-width: 1481px) {
.hero-square-collage .col--right .product-overlay {
left: -25%;
bottom: -25%;
width: 75%;
}
}
.hero-square-collage .col .scaler {
pointer-events: none;
}
.hero-square-collage .col {
position: relative;
float: left;
width: 100%;
height: 100%;
text-align: left;
font-size: 0;
}
@media (min-width: 1025px) {
.hero-square-collage .col {
width: 50%;
}
}
.hero-square-collage .col--left {
background: #121212;
}
@media (min-width: 1025px) {
.hero-square-collage .col--left {
position: absolute;
left: 0px;
top: 0px;
}
}
.hero-square-collage .col--left .valign {
position: relative;
padding: 6rem 0 4rem;
text-align: center;
}
@media (min-width: 641px) {
.hero-square-collage .col--left .valign {
padding: 5rem 0 9rem;
}
}
@media (min-width: 1025px) {
.hero-square-collage .col--left .valign {
position: absolute;
padding: 0;
}
}
.hero-square-collage .col--left .callout {
padding: 0 3rem;
text-align: center;
margin: 0 auto;
}
@media (min-width: 1025px) {
.hero-square-collage .col--left .callout {
padding: 0 4rem;
text-align: left;
}
}
@media (min-width: 1281px) {
.hero-square-collage .col--left .callout {
padding: 0 16rem;
}
}
.hero-square-collage .col--left .callout .supheader {
display: none;
margin-bottom: 2.5rem;
}
@media (min-width: 1281px) {
.hero-square-collage .col--left .callout .supheader {
display: block;
}
}
.hero-square-collage .col--left .callout .h1 {
color: #fff;
margin-bottom: 2.5rem;
max-width: 44rem;
}
.hero-square-collage .col--left .callout p {
display: none;
color: #fff;
max-width: 44rem;
}
@media (min-width: 641px) {
.hero-square-collage .col--left .callout p {
display: block;
}
}
@media (min-width: 1025px) {
.hero-square-collage .col--left .callout p {
max-width: 40rem;
}
}
.hero-square-collage .col--left .callout p:last-of-type {
margin-bottom: 3rem;
}
@media (min-width: 1281px) {
.hero-square-collage .col--left .callout p:last-of-type {
margin-bottom: 4.5rem;
}
}
.hero-square-collage .col--left .callout .ctas {
white-space: normal;
}
@media (min-width: 1025px) {
.hero-square-collage .col--left .callout .ctas {
white-space: nowrap;
}
}
.hero-square-collage .col--left .callout .ctas li {
display: inline-block;
margin-right: 1rem;
margin-bottom: 1rem;
}
.hero-square-collage .col--left .callout .ctas li,
.hero-square-collage .col--left .callout .ctas li .btn {
width: 100%;
}
@media (min-width: 641px) {
.hero-square-collage .col--left .callout .ctas li,
.hero-square-collage .col--left .callout .ctas li .btn {
width: auto;
}
}
.hero-square-collage .col--left .aux-image {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 4rem;
height: 100%;
z-index: 1;
}
@media (min-width: 1281px) {
.hero-square-collage .col--left .aux-image {
display: block;
}
}
.hero-square-collage .col--left .scaler-1x1 {
display: none;
}
@media (min-width: 1025px) {
.hero-square-collage .col--left .scaler-1x1 {
display: block;
}
}
.hero-square-collage .col--right {
background: #121212;
}
@media (min-width: 1025px) {
.hero-square-collage .col--right {
top: 0;
margin-left: 50%;
background: transparent;
}
}
.hero-square-collage .col--right .lifestyle-image,
.hero-square-collage .col--right .aux-image {
position: absolute;
top: 0px;
left: 0px;
width: calc(100% - 4rem);
height: calc(100% - 4rem);
}
.hero-square-collage .col--right .lifestyle-image {
top: 4rem;
z-index: 1;
}
.hero-square-collage .col--right .aux-image {
left: 4rem;
}
.hero-square-collage .col--right .black-stripe {
position: absolute;
top: 0px;
left: 0px;
width: 4rem;
height: 100%;
background: #121212;
}
.hero-square-collage .col--right .product-overlay {
position: absolute;
left: -30%;
bottom: -25%;
width: 75%;
height: auto;
z-index: 10;
pointer-events: none;
}
@media (min-width: 641px) {
.hero-square-collage .col--right .product-overlay {
left: -22%;
bottom: -15%;
width: 60%;
}
}
@media (min-width: 1025px) {
.hero-square-collage .col--right .product-overlay {
left: -10%;
bottom: -25%;
width: 75%;
}
}
@media (min-width: 1481px) {
.hero-square-collage .col--right .product-overlay {
left: -25%;
bottom: -25%;
width: 75%;
}
}
.hero-square-collage .col .scaler {
pointer-events: none;
}
.product-card {
position: relative;
top: 0px;
left: 0px;
max-width: 28rem;
overflow: hidden;
}
@media (min-width: 641px) {
.product-card {
max-width: 34rem;
}
}
.product-card:hover .product-card--idle .double-wrap, .product-card.is-expanded .product-card--idle .double-wrap {
transform: scale(1.04);
}
.product-card.is-expanded .image-wrapper .double-wrap img, .product-card.is-expanded .image-wrapper .double-wrap figure {
transform: translateY(-20%);
transition: transform 360ms cubic-bezier(0.365, 0.12, 0.09, 0.97);
}
.product-card--idle .image-wrapper .double-wrap {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
transform-origin: 50% 25%;
transition-property: transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.product-card--idle .image-wrapper .double-wrap img, .product-card--idle .image-wrapper .double-wrap figure {
transition: transform 400ms cubic-bezier(0.365, 0.12, 0.09, 0.97);
}
.product-card--idle .info-row {
position: relative;
height: 10rem;
padding-top: 1.4rem;
text-align: center;
background: #fff;
overflow: hidden;
}
@media (min-width: 641px) {
.product-card--idle .info-row {
height: 15rem;
}
}
.is-hover .product-card--idle .info-row .color,
.is-hover .product-card--idle .info-row .title,
.is-hover .product-card--idle .info-row .price-info {
opacity: 0;
}
.product-card--idle .info-row .color,
.product-card--idle .info-row .title,
.product-card--idle .info-row .price-info {
transition: opacity 300ms cubic-bezier(0.285, 0.015, 0, 0.955);
/* custom */
transition-timing-function: cubic-bezier(0.285, 0.015, 0, 0.955);
/* custom */
}
.product-card--idle .info-row span, .product-card--idle .info-row a {
display: inline-block;
position: relative;
}
.product-card--idle .info-row .color {
color: #999;
margin-bottom: 0.3rem;
}
.product-card--idle .info-row .mobile-color-selector {
display: block;
margin-top: 0.6rem;
}
@media (min-width: 641px) {
.product-card--idle .info-row .mobile-color-selector {
display: none;
}
}
.product-card--idle .info-row .mobile-color-selector .product-thumbnails {
margin-bottom: 0.8rem;
}
.product-card--idle .info-row .mobile-color-selector .product-thumbnails li {
width: 4.5rem;
height: 4.5rem;
}
.product-card--idle .info-row .mobile-color-selector .product-thumbnails li .outline {
width: 5.5rem;
height: 5.5rem;
z-index: 5;
}
.product-card--idle .info-row .price-info {
text-align: center;
}
.product-card--hover {
position: relative;
}
.product-card--hover .shelf {
position: absolute;
top: auto;
bottom: 0px;
left: 0px;
transform: translateY(99px);
transition: transform 360ms cubic-bezier(0.365, 0.12, 0.09, 0.97);
/* custom */
}
.is-expanded .product-card--hover .shelf {
transform: translateY(0);
}
.is-expanded .product-card--hover .shelf .price-info {
opacity: 0;
}
.product-card--hover .shelf--collapsed .product-thumbnails ul, .product-card--hover .shelf--expanded .product-thumbnails ul {
transform: translateY(24px);
opacity: 0;
transition-delay: 0.06s;
transition: opacity 320ms cubic-bezier(0.62, 0.08, 0.005, 0.935), transform 240ms cubic-bezier(0.295, 0.275, 0.005, 0.935);
/* custom */
}
.is-hover .product-card--hover .shelf--collapsed .product-thumbnails ul, .is-hover .product-card--hover .shelf--expanded .product-thumbnails ul {
transform: translateY(0px);
opacity: 1;
}
.anim-out .product-card--hover .shelf--collapsed .product-thumbnails ul, .anim-out .product-card--hover .shelf--expanded .product-thumbnails ul {
transform: translateY(0px);
opacity: 0;
}
.product-card--hover .shelf--collapsed .product-thumbnails li, .product-card--hover .shelf--expanded .product-thumbnails li {
width: 5rem;
height: 5rem;
}
.product-card--hover .shelf--collapsed .product-thumbnails li:nth-child(n+6), .product-card--hover .shelf--expanded .product-thumbnails li:nth-child(n+6) {
opacity: 0;
transition: opacity 320ms cubic-bezier(0.62, 0.08, 0.005, 0.935), transform 240ms cubic-bezier(0.295, 0.275, 0.005, 0.935);
/* custom */
}
.is-expanded .product-card--hover .shelf--collapsed .product-thumbnails li:nth-child(n+6), .is-expanded .product-card--hover .shelf--expanded .product-thumbnails li:nth-child(n+6) {
opacity: 1;
}
.product-card--hover .shelf--collapsed .product-thumbnails li .outline, .product-card--hover .shelf--expanded .product-thumbnails li .outline {
width: 6rem;
height: 6rem;
z-index: 5;
}
.product-card--hover .shelf .price-info {
position: absolute;
top: 14.5rem;
left: 0px;
width: 100%;
z-index: 10;
opacity: 0;
text-align: center;
transform: translateY(12px);
transition: opacity 240ms cubic-bezier(0.62, 0.08, 0.005, 0.935), transform 240ms cubic-bezier(0.295, 0.275, 0.005, 0.935);
/* custom */
transition-delay: 0.12s;
}
.is-hover .product-card--hover .shelf .price-info {
transform: translateY(0px);
opacity: 1;
}
.anim-out .product-card--hover .shelf .price-info,
.is-expanded .product-card--hover .shelf .price-info {
transform: translateY(0px);
opacity: 0;
}
.is-expanded .product-card--hover .shelf .price-info {
transition-delay: 0.0s;
}
.product-card--hover .shelf .bg-panel {
top: 4.3rem;
background: #fff;
}
.product-card--hover .info-row {
position: relative;
width: calc(100% - 1rem);
height: 2.5rem;
margin: 0 0.5rem -1rem;
padding-top: 7.7rem;
text-align: center;
z-index: 1;
}
.product-card--hover .info-row .all-toggle,
.product-card--hover .info-row .metadata {
top: 5.7rem;
line-height: 1.4rem;
vertical-align: top;
opacity: 0;
transform: translateY(12px);
transition-delay: 0.06s;
transition: opacity 240ms cubic-bezier(0.62, 0.08, 0.005, 0.935), transform 240ms cubic-bezier(0.295, 0.275, 0.005, 0.935);
/* custom */
}
.is-hover .product-card--hover .info-row .all-toggle, .is-hover
.product-card--hover .info-row .metadata {
transform: translateY(0px);
opacity: 1;
}
.anim-out .product-card--hover .info-row .all-toggle, .anim-out
.product-card--hover .info-row .metadata {
transform: translateY(0px);
opacity: 0;
}
.product-card--hover .info-row .quick-shop-wrapper {
display: inline-block;
vertical-align: top;
margin-top: -3rem;
opacity: 0;
transform: translateY(-48px);
transition: opacity 160ms cubic-bezier(0.62, 0.08, 0.005, 0.935), transform 320ms cubic-bezier(0.285, 0.015, 0, 0.955);
/* custom */
}
.is-hover .product-card--hover .info-row .quick-shop-wrapper {
transform: translateY(-51px);
transition-delay: 0.12s;
opacity: 1;
}
.is-expanded .product-card--hover .info-row .quick-shop-wrapper {
transform: translateY(0);
transition-delay: 0s;
}
.is-collapsing .product-card--hover .info-row .quick-shop-wrapper {
transition-delay: 0s;
}
.product-card--hover .info-row .all-toggle {
text-transform: uppercase;
}
.product-card--hover .info-row .all-toggle--maximize {
position: relative;
visibility: visible;
}
.is-expanded .product-card--hover .info-row .all-toggle--maximize {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.product-card--hover .info-row .all-toggle--minimize {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.is-expanded .product-card--hover .info-row .all-toggle--minimize {
position: relative;
visibility: visible;
}
.product-card--hover .info-row .all-toggle span {
position: relative;
top: -0.2rem;
margin-right: 0.4rem;
}
.product-card--hover .info-row .all-toggle .svg {
width: 1.1rem;
height: 1.1rem;
}
.product-card--hover .product-thumbnails {
margin-top: .5rem;
}
.product-card--favorite {
z-index: 50;
}
.product-card--favorite .heart-toggle {
padding: 1rem;
opacity: 0;
visibility: hidden;
transition-delay: 0.12s;
transition: opacity 480ms cubic-bezier(0.62, 0.08, 0.005, 0.935), visibility 480ms cubic-bezier(0.62, 0.08, 0.005, 0.935);
}
.is-hover .product-card--favorite .heart-toggle {
opacity: 1;
visibility: visible;
}
.product-card {
position: relative;
top: 0px;
left: 0px;
max-width: 28rem;
overflow: hidden;
}
@media (min-width: 641px) {
.product-card {
max-width: 34rem;
}
}
.product-card:hover .product-card--idle .double-wrap, .product-card.is-expanded .product-card--idle .double-wrap {
transform: scale(1.04);
}
.product-card.is-expanded .image-wrapper .double-wrap img, .product-card.is-expanded .image-wrapper .double-wrap figure {
transform: translateY(-20%);
transition: transform 360ms cubic-bezier(0.365, 0.12, 0.09, 0.97);
}
.product-card--idle .image-wrapper .double-wrap {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
transform-origin: 50% 25%;
transition-property: transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.product-card--idle .image-wrapper .double-wrap img, .product-card--idle .image-wrapper .double-wrap figure {
transition: transform 400ms cubic-bezier(0.365, 0.12, 0.09, 0.97);
}
.product-card--idle .info-row {
position: relative;
height: 10rem;
padding-top: 1.4rem;
text-align: center;
background: #fff;
overflow: hidden;
}
@media (min-width: 641px) {
.product-card--idle .info-row {
height: 15rem;
}
}
.is-hover .product-card--idle .info-row .color,
.is-hover .product-card--idle .info-row .title,
.is-hover .product-card--idle .info-row .price-info {
opacity: 0;
}
.product-card--idle .info-row .color,
.product-card--idle .info-row .title,
.product-card--idle .info-row .price-info {
transition: opacity 300ms cubic-bezier(0.285, 0.015, 0, 0.955);
/* custom */
transition-timing-function: cubic-bezier(0.285, 0.015, 0, 0.955);
/* custom */
}
.product-card--idle .info-row span, .product-card--idle .info-row a {
display: inline-block;
position: relative;
}
.product-card--idle .info-row .color {
color: #999;
margin-bottom: 0.3rem;
}
.product-card--idle .info-row .mobile-color-selector {
display: block;
margin-top: 0.6rem;
}
@media (min-width: 641px) {
.product-card--idle .info-row .mobile-color-selector {
display: none;
}
}
.product-card--idle .info-row .mobile-color-selector .product-thumbnails {
margin-bottom: 0.8rem;
}
.product-card--idle .info-row .mobile-color-selector .product-thumbnails li {
width: 4.5rem;
height: 4.5rem;
}
.product-card--idle .info-row .mobile-color-selector .product-thumbnails li .outline {
width: 5.5rem;
height: 5.5rem;
z-index: 5;
}
.product-card--idle .info-row .price-info {
text-align: center;
}
.product-card--hover {
position: relative;
}
.product-card--hover .shelf {
position: absolute;
top: auto;
bottom: 0px;
left: 0px;
transform: translateY(99px);
transition: transform 360ms cubic-bezier(0.365, 0.12, 0.09, 0.97);
/* custom */
}
.is-expanded .product-card--hover .shelf {
transform: translateY(0);
}
.is-expanded .product-card--hover .shelf .price-info {
opacity: 0;
}
.product-card--hover .shelf--collapsed .product-thumbnails ul, .product-card--hover .shelf--expanded .product-thumbnails ul {
transform: translateY(24px);
opacity: 0;
transition-delay: 0.06s;
transition: opacity 320ms cubic-bezier(0.62, 0.08, 0.005, 0.935), transform 240ms cubic-bezier(0.295, 0.275, 0.005, 0.935);
/* custom */
}
.is-hover .product-card--hover .shelf--collapsed .product-thumbnails ul, .is-hover .product-card--hover .shelf--expanded .product-thumbnails ul {
transform: translateY(0px);
opacity: 1;
}
.anim-out .product-card--hover .shelf--collapsed .product-thumbnails ul, .anim-out .product-card--hover .shelf--expanded .product-thumbnails ul {
transform: translateY(0px);
opacity: 0;
}
.product-card--hover .shelf--collapsed .product-thumbnails li, .product-card--hover .shelf--expanded .product-thumbnails li {
width: 5rem;
height: 5rem;
}
.product-card--hover .shelf--collapsed .product-thumbnails li:nth-child(n+6), .product-card--hover .shelf--expanded .product-thumbnails li:nth-child(n+6) {
opacity: 0;
transition: opacity 320ms cubic-bezier(0.62, 0.08, 0.005, 0.935), transform 240ms cubic-bezier(0.295, 0.275, 0.005, 0.935);
/* custom */
}
.is-expanded .product-card--hover .shelf--collapsed .product-thumbnails li:nth-child(n+6), .is-expanded .product-card--hover .shelf--expanded .product-thumbnails li:nth-child(n+6) {
opacity: 1;
}
.product-card--hover .shelf--collapsed .product-thumbnails li .outline, .product-card--hover .shelf--expanded .product-thumbnails li .outline {
width: 6rem;
height: 6rem;
z-index: 5;
}
.product-card--hover .shelf .price-info {
position: absolute;
top: 14.5rem;
left: 0px;
width: 100%;
z-index: 10;
opacity: 0;
text-align: center;
transform: translateY(12px);
transition: opacity 240ms cubic-bezier(0.62, 0.08, 0.005, 0.935), transform 240ms cubic-bezier(0.295, 0.275, 0.005, 0.935);
/* custom */
transition-delay: 0.12s;
}
.is-hover .product-card--hover .shelf .price-info {
transform: translateY(0px);
opacity: 1;
}
.anim-out .product-card--hover .shelf .price-info,
.is-expanded .product-card--hover .shelf .price-info {
transform: translateY(0px);
opacity: 0;
}
.is-expanded .product-card--hover .shelf .price-info {
transition-delay: 0.0s;
}
.product-card--hover .shelf .bg-panel {
top: 4.3rem;
background: #fff;
}
.product-card--hover .info-row {
position: relative;
width: calc(100% - 1rem);
height: 2.5rem;
margin: 0 0.5rem -1rem;
padding-top: 7.7rem;
text-align: center;
z-index: 1;
}
.product-card--hover .info-row .all-toggle,
.product-card--hover .info-row .metadata {
top: 5.7rem;
line-height: 1.4rem;
vertical-align: top;
opacity: 0;
transform: translateY(12px);
transition-delay: 0.06s;
transition: opacity 240ms cubic-bezier(0.62, 0.08, 0.005, 0.935), transform 240ms cubic-bezier(0.295, 0.275, 0.005, 0.935);
/* custom */
}
.is-hover .product-card--hover .info-row .all-toggle, .is-hover
.product-card--hover .info-row .metadata {
transform: translateY(0px);
opacity: 1;
}
.anim-out .product-card--hover .info-row .all-toggle, .anim-out
.product-card--hover .info-row .metadata {
transform: translateY(0px);
opacity: 0;
}
.product-card--hover .info-row .quick-shop-wrapper {
display: inline-block;
vertical-align: top;
margin-top: -3rem;
opacity: 0;
transform: translateY(-48px);
transition: opacity 160ms cubic-bezier(0.62, 0.08, 0.005, 0.935), transform 320ms cubic-bezier(0.285, 0.015, 0, 0.955);
/* custom */
}
.is-hover .product-card--hover .info-row .quick-shop-wrapper {
transform: translateY(-51px);
transition-delay: 0.12s;
opacity: 1;
}
.is-expanded .product-card--hover .info-row .quick-shop-wrapper {
transform: translateY(0);
transition-delay: 0s;
}
.is-collapsing .product-card--hover .info-row .quick-shop-wrapper {
transition-delay: 0s;
}
.product-card--hover .info-row .all-toggle {
text-transform: uppercase;
}
.product-card--hover .info-row .all-toggle--maximize {
position: relative;
visibility: visible;
}
.is-expanded .product-card--hover .info-row .all-toggle--maximize {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.product-card--hover .info-row .all-toggle--minimize {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.is-expanded .product-card--hover .info-row .all-toggle--minimize {
position: relative;
visibility: visible;
}
.product-card--hover .info-row .all-toggle span {
position: relative;
top: -0.2rem;
margin-right: 0.4rem;
}
.product-card--hover .info-row .all-toggle .svg {
width: 1.1rem;
height: 1.1rem;
}
.product-card--hover .product-thumbnails {
margin-top: .5rem;
}
.product-card--favorite {
z-index: 50;
}
.product-card--favorite .heart-toggle {
padding: 1rem;
opacity: 0;
visibility: hidden;
transition-delay: 0.12s;
transition: opacity 480ms cubic-bezier(0.62, 0.08, 0.005, 0.935), visibility 480ms cubic-bezier(0.62, 0.08, 0.005, 0.935);
}
.is-hover .product-card--favorite .heart-toggle {
opacity: 1;
visibility: visible;
}
.image-carousel .header {
position: absolute;
top: 0px;
left: 8%;
max-width: 60rem;
z-index: 10;
}
.image-carousel .header h3 {
letter-spacing: 0.5rem;
}
.image-carousel .slider {
position: relative;
margin-top: 7rem;
white-space: nowrap;
font-size: 0;
}
@media (min-width: 641px) {
.image-carousel .slider {
margin-top: 11rem;
}
}
.image-carousel .slider .image {
display: inline-block;
position: relative;
font-size: 0;
width: 85%;
}
@media (min-width: 641px) {
.image-carousel .slider .image {
width: 75%;
}
}
.image-carousel .slider .image--left {
margin-right: 2rem;
}
@media (min-width: 641px) {
.image-carousel .slider .image--left {
margin-right: 8rem;
}
}
.image-carousel .slider .image--left .slides:hover li .double-wrap {
transform: scale(1.02);
}
.image-carousel .slider .image--right .slides {
margin-left: -5%;
}
.image-carousel .slider .image--right .slides li .double-wrap {
transform-origin: 25% 25% !important;
}
.image-carousel .slider .image--right .slides li:hover .double-wrap {
transform: scale(1.02) !important;
}
.image-carousel .slider .image .image-overlay {
z-index: 10;
pointer-events: none;
}
.image-carousel .slider .image .slides-wrapper {
overflow: hidden;
}
.image-carousel .slider .image .slides-wrapper,
.image-carousel .slider .image .slides,
.image-carousel .slider .image .slides li,
.image-carousel .slider .image .slides li img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.image-carousel .slider .image .slides {
transition: all 500ms cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
transition-timing-function: cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
}
.image-carousel .slider .image .slides li {
overflow: hidden;
cursor: pointer;
}
.image-carousel .slider .image .slides li.is-front {
z-index: 2;
}
.image-carousel .slider .image .slides li.is-active {
z-index: 5;
}
.image-carousel .slider .image .slides li.is-wiggling .inner-image {
transition: transform 420ms cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
transition-timing-function: cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
}
.image-carousel .slider .image .slides li .double-wrap {
transform-origin: 50% 25%;
transition-property: transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.image-carousel .slider .image .slides li .inner-image {
top: -1rem;
left: -1rem;
width: calc(100% + 2rem);
height: calc(100% + 2rem);
transition: all 400ms cubic-bezier(0.435, 0.02, 0.25, 0.985);
/* custom */
transition-timing-function: cubic-bezier(0.435, 0.02, 0.25, 0.985);
/* custom */
}
.image-carousel .slider .get-the-look {
position: absolute;
top: auto;
left: 1.8rem;
bottom: 1.5rem;
z-index: 10;
}
@media (min-width: 641px) {
.image-carousel .slider .get-the-look {
left: 2.8rem;
bottom: 1.5rem;
}
}
.image-carousel .slider .progress-indicator-wrapper {
position: absolute;
top: auto;
left: auto;
right: 5rem;
bottom: -4.4rem;
}
.image-carousel .slider .progress-indicator {
position: relative;
margin-top: 1.7rem;
white-space: nowrap;
text-align: right;
}
.image-carousel .slider .progress-indicator .arrow {
position: absolute;
top: -0.2rem;
padding: 1rem;
}
.image-carousel .slider .progress-indicator .arrow--image {
position: relative;
width: 2.2rem;
height: 1rem;
}
.image-carousel .slider .progress-indicator .arrow--left {
left: auto;
right: calc(50% + 5.8rem);
}
.image-carousel .slider .progress-indicator .arrow--right {
left: calc(50% + 5.8rem);
}
.image-carousel .slider .progress-indicator .progress-numbers {
display: inline-block;
position: relative;
color: #121212;
white-space: nowrap;
text-align: center;
pointer-events: none;
}
.image-carousel .slider .progress-indicator .progress-numbers span {
display: inline-block;
}
.image-carousel .slider .progress-indicator .progress-numbers--slash {
padding: 0 1.8rem;
}
.image-carousel .header {
position: absolute;
top: 0px;
left: 8%;
max-width: 60rem;
z-index: 10;
}
.image-carousel .header h3 {
letter-spacing: 0.5rem;
}
.image-carousel .slider {
position: relative;
margin-top: 7rem;
white-space: nowrap;
font-size: 0;
}
@media (min-width: 641px) {
.image-carousel .slider {
margin-top: 11rem;
}
}
.image-carousel .slider .image {
display: inline-block;
position: relative;
font-size: 0;
width: 85%;
}
@media (min-width: 641px) {
.image-carousel .slider .image {
width: 75%;
}
}
.image-carousel .slider .image--left {
margin-right: 2rem;
}
@media (min-width: 641px) {
.image-carousel .slider .image--left {
margin-right: 8rem;
}
}
.image-carousel .slider .image--left .slides:hover li .double-wrap {
transform: scale(1.02);
}
.image-carousel .slider .image--right .slides {
margin-left: -5%;
}
.image-carousel .slider .image--right .slides li .double-wrap {
transform-origin: 25% 25% !important;
}
.image-carousel .slider .image--right .slides li:hover .double-wrap {
transform: scale(1.02) !important;
}
.image-carousel .slider .image .image-overlay {
z-index: 10;
pointer-events: none;
}
.image-carousel .slider .image .slides-wrapper {
overflow: hidden;
}
.image-carousel .slider .image .slides-wrapper,
.image-carousel .slider .image .slides,
.image-carousel .slider .image .slides li,
.image-carousel .slider .image .slides li img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.image-carousel .slider .image .slides {
transition: all 500ms cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
transition-timing-function: cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
}
.image-carousel .slider .image .slides li {
overflow: hidden;
cursor: pointer;
}
.image-carousel .slider .image .slides li.is-front {
z-index: 2;
}
.image-carousel .slider .image .slides li.is-active {
z-index: 5;
}
.image-carousel .slider .image .slides li.is-wiggling .inner-image {
transition: transform 420ms cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
transition-timing-function: cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
}
.image-carousel .slider .image .slides li .double-wrap {
transform-origin: 50% 25%;
transition-property: transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.image-carousel .slider .image .slides li .inner-image {
top: -1rem;
left: -1rem;
width: calc(100% + 2rem);
height: calc(100% + 2rem);
transition: all 400ms cubic-bezier(0.435, 0.02, 0.25, 0.985);
/* custom */
transition-timing-function: cubic-bezier(0.435, 0.02, 0.25, 0.985);
/* custom */
}
.image-carousel .slider .get-the-look {
position: absolute;
top: auto;
left: 1.8rem;
bottom: 1.5rem;
z-index: 10;
}
@media (min-width: 641px) {
.image-carousel .slider .get-the-look {
left: 2.8rem;
bottom: 1.5rem;
}
}
.image-carousel .slider .progress-indicator-wrapper {
position: absolute;
top: auto;
left: auto;
right: 5rem;
bottom: -4.4rem;
}
.image-carousel .slider .progress-indicator {
position: relative;
margin-top: 1.7rem;
white-space: nowrap;
text-align: right;
}
.image-carousel .slider .progress-indicator .arrow {
position: absolute;
top: -0.2rem;
padding: 1rem;
}
.image-carousel .slider .progress-indicator .arrow--image {
position: relative;
width: 2.2rem;
height: 1rem;
}
.image-carousel .slider .progress-indicator .arrow--left {
left: auto;
right: calc(50% + 5.8rem);
}
.image-carousel .slider .progress-indicator .arrow--right {
left: calc(50% + 5.8rem);
}
.image-carousel .slider .progress-indicator .progress-numbers {
display: inline-block;
position: relative;
color: #121212;
white-space: nowrap;
text-align: center;
pointer-events: none;
}
.image-carousel .slider .progress-indicator .progress-numbers span {
display: inline-block;
}
.image-carousel .slider .progress-indicator .progress-numbers--slash {
padding: 0 1.8rem;
}
.team-pick::after {
clear: both;
content: '';
display: block;
}
.team-pick .container {
padding: 0;
overflow: visible;
}
.team-pick .banner {
position: relative;
width: 100%;
font-size: 0;
white-space: nowrap;
z-index: 1;
}
.team-pick .banner .banner-col {
display: inline-block;
position: relative;
font-size: 0;
vertical-align: top;
}
.team-pick .banner .banner-col--left {
display: none;
margin-left: -36%;
width: 78%;
}
.team-pick .banner .banner-col--left::after {
clear: both;
content: '';
display: block;
}
@media (min-width: 641px) {
.team-pick .banner .banner-col--left {
display: inline-block;
}
}
@media (min-width: 1025px) {
.team-pick .banner .banner-col--left {
width: 58%;
margin-left: 0;
}
}
.team-pick .banner .banner-col--left .cta-bg {
left: 20%;
}
@media (min-width: 1025px) {
.team-pick .banner .banner-col--left .cta-bg {
left: 0;
}
}
.team-pick .banner .banner-col--right {
top: 0px;
left: auto;
right: 0px;
width: 80%;
height: 100%;
}
@media (min-width: 641px) {
.team-pick .banner .banner-col--right {
width: 62%;
}
}
@media (min-width: 1025px) {
.team-pick .banner .banner-col--right {
display: block;
position: absolute;
width: 42%;
}
}
.team-pick .banner .banner-col--right .valign {
position: relative !important;
margin-left: 10%;
text-align: left;
}
@media (min-width: 641px) {
.team-pick .banner .banner-col--right .valign {
margin-left: 18%;
}
}
@media (min-width: 1025px) {
.team-pick .banner .banner-col--right .valign {
position: absolute !important;
margin-left: 0;
text-align: center;
}
}
.team-pick .banner .banner-col--right .callout {
max-width: 27rem;
text-align: left;
}
@media (min-width: 1025px) {
.team-pick .banner .banner-col--right .callout {
max-width: 39rem;
}
}
.team-pick .banner .banner-col--right .callout .png-icon-supheader {
margin-bottom: 1.7rem;
}
@media (min-width: 1025px) {
.team-pick .banner .banner-col--right .callout .png-icon-supheader {
margin-bottom: 2.7rem;
}
}
.team-pick .banner .banner-col--right .callout .h1 {
position: relative;
margin-bottom: 1.7rem;
font-size: 6.4rem;
line-height: 5.6rem;
}
@media (min-width: 1025px) {
.team-pick .banner .banner-col--right .callout .h1 {
margin-bottom: 2.5rem;
font-size: 8rem;
line-height: 7rem;
}
}
.team-pick .banner .banner-col--right .callout p {
padding-right: 3rem;
color: #353535;
}
@media (min-width: 641px) {
.team-pick .banner .banner-col--right .callout p {
padding-right: 5rem;
}
}
.team-pick .banner .banner-col--right .callout p:last-of-type {
margin-bottom: 1.8rem;
}
@media (min-width: 1025px) {
.team-pick .banner .banner-col--right .callout p:last-of-type {
margin-bottom: 3.1rem;
}
}
.team-pick .mobile-image {
position: relative;
margin-top: -2.5rem;
}
@media (min-width: 641px) {
.team-pick .mobile-image {
display: none;
}
}
.team-pick .product-card-sliders {
position: relative;
white-space: nowrap;
margin-top: -7rem;
padding: 0 calc(8.4% - 3rem);
z-index: 10;
text-align: center;
font-size: 0;
}
.team-pick .product-card-slider-wrapper {
display: inline-block;
position: relative;
top: 3rem;
width: calc(100% - 8rem);
padding: 0 1rem;
}
.team-pick .product-card-slider-wrapper:nth-child(1) {
display: block;
position: absolute;
left: auto;
right: calc(100% - 3rem);
}
.team-pick .product-card-slider-wrapper:nth-child(3) {
display: block;
position: absolute;
left: calc(100% - 3rem);
}
@media (min-width: 641px) {
.team-pick .product-card-slider-wrapper {
top: 0rem;
width: 33.33%;
z-index: 2;
padding: 0 2rem;
}
.team-pick .product-card-slider-wrapper:nth-child(1), .team-pick .product-card-slider-wrapper:nth-child(2), .team-pick .product-card-slider-wrapper:nth-child(3) {
display: inline-block;
position: relative;
left: 0;
right: auto;
}
.team-pick .product-card-slider-wrapper:nth-child(2) {
top: 2rem;
}
}
.team-pick .product-card-slider-wrapper .scaler {
pointer-events: none;
}
.team-pick .product-card-slider-wrapper .product-card {
margin: 0 !important;
}
.team-pick .product-card-slider {
display: block;
position: relative;
width: 100%;
max-width: 34rem;
margin: 0 auto;
padding-bottom: 0;
text-align: center;
white-space: nowrap;
overflow: hidden;
font-size: 0;
}
@media (min-width: 1025px) {
.team-pick .product-card-slider {
padding-bottom: 8rem;
}
}
.team-pick .product-card-slider .slides {
transition: transform 400ms cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
transition-timing-function: cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
}
.team-pick .product-card-slider .slides > li {
visibility: hidden;
}
.team-pick .product-card-slider .slides > li.is-front {
visibility: visible;
z-index: 3;
}
.team-pick .product-card-slider .product-card {
display: block;
position: absolute;
width: 100%;
height: auto;
font-size: 0;
margin: 0 1rem;
}
@media (min-width: 641px) {
.team-pick .product-card-slider .product-card {
margin: 0;
}
}
.team-pick .arrows {
position: absolute;
top: -2rem;
left: 0px;
width: 100%;
}
.team-pick .arrows .arrow {
position: absolute;
top: calc(50% - 2rem);
width: 8.4%;
padding: 1rem;
z-index: 20;
}
.team-pick .arrows .arrow--image {
position: relative;
width: 4.2rem;
height: 2rem;
left: calc(50% - 2rem);
}
.team-pick .arrows .arrow--left {
left: 0px;
}
.team-pick .arrows .arrow--right {
left: auto;
right: -0.3rem;
}
.team-pick .arrows .scaler-wrapper {
max-width: 34rem;
}
.team-pick .side-images {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
}
@media (min-width: 641px) {
.team-pick .side-images {
display: block;
}
}
.team-pick .side-images .image-wrapper {
position: absolute;
top: 0px;
width: 34rem;
height: 45.4rem;
overflow: hidden;
}
.team-pick .side-images .image-wrapper--left {
left: -40rem;
}
.team-pick .side-images .image-wrapper--right {
left: auto;
right: -40rem;
}
.team-pick .side-images .image-wrapper > button {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.team-pick .side-images .images {
position: absolute;
top: 0px;
left: 0px;
width: inherit;
transition: transform 400ms cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
transition-timing-function: cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
}
.team-pick .side-images .images > li {
position: absolute;
top: 0px;
left: 0px;
width: inherit;
visibility: hidden;
}
.team-pick .side-images .images > li.is-front {
visibility: visible;
z-index: 3;
}
.team-pick::after {
clear: both;
content: '';
display: block;
}
.team-pick .container {
padding: 0;
overflow: visible;
}
.team-pick .banner {
position: relative;
width: 100%;
font-size: 0;
white-space: nowrap;
z-index: 1;
}
.team-pick .banner .banner-col {
display: inline-block;
position: relative;
font-size: 0;
vertical-align: top;
}
.team-pick .banner .banner-col--left {
display: none;
margin-left: -36%;
width: 78%;
}
.team-pick .banner .banner-col--left::after {
clear: both;
content: '';
display: block;
}
@media (min-width: 641px) {
.team-pick .banner .banner-col--left {
display: inline-block;
}
}
@media (min-width: 1025px) {
.team-pick .banner .banner-col--left {
width: 58%;
margin-left: 0;
}
}
.team-pick .banner .banner-col--left .cta-bg {
left: 20%;
}
@media (min-width: 1025px) {
.team-pick .banner .banner-col--left .cta-bg {
left: 0;
}
}
.team-pick .banner .banner-col--right {
top: 0px;
left: auto;
right: 0px;
width: 80%;
height: 100%;
}
@media (min-width: 641px) {
.team-pick .banner .banner-col--right {
width: 62%;
}
}
@media (min-width: 1025px) {
.team-pick .banner .banner-col--right {
display: block;
position: absolute;
width: 42%;
}
}
.team-pick .banner .banner-col--right .valign {
position: relative !important;
margin-left: 10%;
text-align: left;
}
@media (min-width: 641px) {
.team-pick .banner .banner-col--right .valign {
margin-left: 18%;
}
}
@media (min-width: 1025px) {
.team-pick .banner .banner-col--right .valign {
position: absolute !important;
margin-left: 0;
text-align: center;
}
}
.team-pick .banner .banner-col--right .callout {
max-width: 27rem;
text-align: left;
}
@media (min-width: 1025px) {
.team-pick .banner .banner-col--right .callout {
max-width: 39rem;
}
}
.team-pick .banner .banner-col--right .callout .png-icon-supheader {
margin-bottom: 1.7rem;
}
@media (min-width: 1025px) {
.team-pick .banner .banner-col--right .callout .png-icon-supheader {
margin-bottom: 2.7rem;
}
}
.team-pick .banner .banner-col--right .callout .h1 {
position: relative;
margin-bottom: 1.7rem;
font-size: 6.4rem;
line-height: 5.6rem;
}
@media (min-width: 1025px) {
.team-pick .banner .banner-col--right .callout .h1 {
margin-bottom: 2.5rem;
font-size: 8rem;
line-height: 7rem;
}
}
.team-pick .banner .banner-col--right .callout p {
padding-right: 3rem;
color: #353535;
}
@media (min-width: 641px) {
.team-pick .banner .banner-col--right .callout p {
padding-right: 5rem;
}
}
.team-pick .banner .banner-col--right .callout p:last-of-type {
margin-bottom: 1.8rem;
}
@media (min-width: 1025px) {
.team-pick .banner .banner-col--right .callout p:last-of-type {
margin-bottom: 3.1rem;
}
}
.team-pick .mobile-image {
position: relative;
margin-top: -2.5rem;
}
@media (min-width: 641px) {
.team-pick .mobile-image {
display: none;
}
}
.team-pick .product-card-sliders {
position: relative;
white-space: nowrap;
margin-top: -7rem;
padding: 0 calc(8.4% - 3rem);
z-index: 10;
text-align: center;
font-size: 0;
}
.team-pick .product-card-slider-wrapper {
display: inline-block;
position: relative;
top: 3rem;
width: calc(100% - 8rem);
padding: 0 1rem;
}
.team-pick .product-card-slider-wrapper:nth-child(1) {
display: block;
position: absolute;
left: auto;
right: calc(100% - 3rem);
}
.team-pick .product-card-slider-wrapper:nth-child(3) {
display: block;
position: absolute;
left: calc(100% - 3rem);
}
@media (min-width: 641px) {
.team-pick .product-card-slider-wrapper {
top: 0rem;
width: 33.33%;
z-index: 2;
padding: 0 2rem;
}
.team-pick .product-card-slider-wrapper:nth-child(1), .team-pick .product-card-slider-wrapper:nth-child(2), .team-pick .product-card-slider-wrapper:nth-child(3) {
display: inline-block;
position: relative;
left: 0;
right: auto;
}
.team-pick .product-card-slider-wrapper:nth-child(2) {
top: 2rem;
}
}
.team-pick .product-card-slider-wrapper .scaler {
pointer-events: none;
}
.team-pick .product-card-slider-wrapper .product-card {
margin: 0 !important;
}
.team-pick .product-card-slider {
display: block;
position: relative;
width: 100%;
max-width: 34rem;
margin: 0 auto;
padding-bottom: 0;
text-align: center;
white-space: nowrap;
overflow: hidden;
font-size: 0;
}
@media (min-width: 1025px) {
.team-pick .product-card-slider {
padding-bottom: 8rem;
}
}
.team-pick .product-card-slider .slides {
transition: transform 400ms cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
transition-timing-function: cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
}
.team-pick .product-card-slider .slides > li {
visibility: hidden;
}
.team-pick .product-card-slider .slides > li.is-front {
visibility: visible;
z-index: 3;
}
.team-pick .product-card-slider .product-card {
display: block;
position: absolute;
width: 100%;
height: auto;
font-size: 0;
margin: 0 1rem;
}
@media (min-width: 641px) {
.team-pick .product-card-slider .product-card {
margin: 0;
}
}
.team-pick .arrows {
position: absolute;
top: -2rem;
left: 0px;
width: 100%;
}
.team-pick .arrows .arrow {
position: absolute;
top: calc(50% - 2rem);
width: 8.4%;
padding: 1rem;
z-index: 20;
}
.team-pick .arrows .arrow--image {
position: relative;
width: 4.2rem;
height: 2rem;
left: calc(50% - 2rem);
}
.team-pick .arrows .arrow--left {
left: 0px;
}
.team-pick .arrows .arrow--right {
left: auto;
right: -0.3rem;
}
.team-pick .arrows .scaler-wrapper {
max-width: 34rem;
}
.team-pick .side-images {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
}
@media (min-width: 641px) {
.team-pick .side-images {
display: block;
}
}
.team-pick .side-images .image-wrapper {
position: absolute;
top: 0px;
width: 34rem;
height: 45.4rem;
overflow: hidden;
}
.team-pick .side-images .image-wrapper--left {
left: -40rem;
}
.team-pick .side-images .image-wrapper--right {
left: auto;
right: -40rem;
}
.team-pick .side-images .image-wrapper > button {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.team-pick .side-images .images {
position: absolute;
top: 0px;
left: 0px;
width: inherit;
transition: transform 400ms cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
transition-timing-function: cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
}
.team-pick .side-images .images > li {
position: absolute;
top: 0px;
left: 0px;
width: inherit;
visibility: hidden;
}
.team-pick .side-images .images > li.is-front {
visibility: visible;
z-index: 3;
}
.grid-item.is-hover .hover {
pointer-events: auto;
}
.grid-item .hover {
pointer-events: none;
}
.grid-item-image {
font-size: 0;
}
.grid-item-image .hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.grid-item-image .hover .valign {
z-index: 1;
text-align: center;
}
.grid-item-image .hover .valign .centered-text {
position: relative;
padding: 0 3rem;
max-width: 40rem;
white-space: normal;
}
.grid-item-image .hover .valign .supheader,
.grid-item-image .hover .valign .title {
display: inline-block;
position: relative;
width: 100%;
color: #fff;
}
.grid-item-image .hover .valign .supheader {
padding-top: 0.8rem;
margin-bottom: 0.7rem;
}
.grid-item-image .hover .valign .play-button {
display: inline-block;
position: relative;
margin-top: 1.3rem;
}
.grid-item-image .hover .bg-panel {
background: rgba(18, 18, 18, 0.5);
}
.grid-item-image img {
display: inline-block;
position: relative;
width: 100%;
z-index: 0;
}
.grid-item-video {
font-size: 0;
}
.grid-item-video.is-buffered .video-wrapper .poster {
opacity: 0;
}
.grid-item-video .hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.grid-item-video .hover .valign {
z-index: 1;
text-align: center;
}
.grid-item-video .hover .valign .centered-text {
position: relative;
padding: 0 3rem;
max-width: 40rem;
white-space: normal;
}
.grid-item-video .hover .valign .supheader,
.grid-item-video .hover .valign .title {
display: inline-block;
position: relative;
width: 100%;
color: #fff;
}
.grid-item-video .hover .valign .supheader {
padding-top: 0.8rem;
margin-bottom: 2.2rem;
}
.grid-item-video .hover .valign .play-button {
margin-top: 2.5rem;
}
.grid-item-video .hover .bg-panel {
background: rgba(18, 18, 18, 0.5);
}
.grid-item-video .video-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #121212;
z-index: 1;
}
.grid-item-video .video-wrapper .video {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 0;
max-width: none;
}
.grid-item-video .video-wrapper .poster {
z-index: 1;
opacity: 1;
pointer-events: none;
transition-property: opacity;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.true-to-this .banner {
position: relative;
width: 100%;
height: 25rem;
}
@media (min-width: 641px) {
.true-to-this .banner {
height: 48rem;
}
}
@media (min-width: 1025px) {
.true-to-this .banner {
height: 64rem;
}
}
@media (min-width: 1281px) {
.true-to-this .banner {
height: 96rem;
}
}
.true-to-this .banner .valign {
text-align: center;
z-index: 10;
}
@media (min-width: 641px) {
.true-to-this .banner .valign {
text-align: left;
}
}
.true-to-this .banner .callout {
max-width: 48rem;
}
@media (min-width: 641px) {
.true-to-this .banner .callout {
margin-left: 20%;
}
}
.true-to-this .banner .callout .mobile-line {
display: inline-block;
width: 100%;
height: 0.5rem;
margin-bottom: 1.1rem;
}
.true-to-this .banner .callout .mobile-line::after {
clear: both;
content: '';
display: block;
}
@media (min-width: 641px) {
.true-to-this .banner .callout .mobile-line {
display: none;
}
}
.true-to-this .banner .callout .supheader {
display: inline-block;
margin-bottom: 1.2rem;
}
@media (min-width: 641px) {
.true-to-this .banner .callout .supheader {
display: none;
}
}
@media (min-width: 1025px) {
.true-to-this .banner .callout .supheader {
display: inline-block;
margin-bottom: 2.5rem;
}
}
.true-to-this .banner .callout .h1 {
color: #fff;
margin-bottom: 1.7rem;
}
@media (min-width: 1025px) {
.true-to-this .banner .callout .h1 {
margin-bottom: 2.5rem;
}
}
.true-to-this .banner .callout p {
display: none;
color: #fff;
max-width: 44rem;
}
@media (min-width: 641px) {
.true-to-this .banner .callout p {
display: block;
}
}
@media (min-width: 1025px) {
.true-to-this .banner .callout p {
max-width: 40rem;
}
}
.true-to-this .banner .callout p:last-of-type {
margin-bottom: 1.9rem;
}
@media (min-width: 1025px) {
.true-to-this .banner .callout p:last-of-type {
margin-bottom: 3.1rem;
}
}
.true-to-this .banner .callout .ctas li {
display: inline-block;
margin-right: 1rem;
margin-bottom: 1rem;
}
.true-to-this .banner .callout .ctas li,
.true-to-this .banner .callout .ctas li .btn {
width: 100%;
}
@media (min-width: 641px) {
.true-to-this .banner .callout .ctas li,
.true-to-this .banner .callout .ctas li .btn {
width: auto;
}
}
.true-to-this .banner .ctas {
display: none;
}
@media (min-width: 641px) {
.true-to-this .banner .ctas {
display: block;
}
}
.true-to-this .banner .hero-image {
z-index: 1;
}
.true-to-this .banner .top-curve {
position: absolute;
top: 0;
left: -2px;
width: calc(100% + 4px);
height: auto;
z-index: 2;
}
.true-to-this .banner .top-curve .svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.true-to-this .banner .bottom-curve {
position: absolute;
top: auto;
bottom: 0;
left: -2px;
width: calc(100% + 4px);
height: auto;
z-index: 2;
}
.true-to-this .banner .bottom-curve .svg {
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
height: auto;
}
.true-to-this .mobile-info {
display: block;
padding: 3rem 2rem;
}
.true-to-this .mobile-info p {
font-size: 1.3rem;
line-height: 2.4rem;
color: #353535;
padding: 0 0.5rem;
}
.true-to-this .mobile-info p:last-of-type {
margin-bottom: 2.5rem;
}
.true-to-this .mobile-info .btn {
width: 100%;
}
@media (min-width: 641px) {
.true-to-this .mobile-info {
display: none;
padding: 0;
}
}
.true-to-this .grid {
display: none;
position: relative;
max-width: 1380px;
margin: 0 auto;
z-index: 5;
}
@media (min-width: 641px) {
.true-to-this .grid {
display: block;
}
}
.true-to-this .grid--row {
position: relative;
margin: 0 4rem;
}
.true-to-this .grid--row::after {
clear: both;
content: '';
display: block;
}
.true-to-this .grid--row-three-photo {
margin-top: -8%;
}
.true-to-this .grid--row-three-photo .grid--col-left {
position: absolute;
width: 26%;
height: 100%;
z-index: 1;
}
.true-to-this .grid--row-three-photo .grid--col-right {
position: relative;
float: right;
z-index: 2;
width: 55%;
}
.true-to-this .grid--row-three-photo .grid--col-right .floating-image {
position: absolute;
width: 40%;
top: auto;
left: 8%;
bottom: -11%;
z-index: 2;
}
.true-to-this .grid--row-quote-strips {
margin-bottom: 14rem;
z-index: 6;
}
.true-to-this .grid--row-quote-strips .quote-strips {
position: absolute;
width: 68%;
margin-left: -5%;
margin-top: -1%;
z-index: 10;
}
@media (min-width: 1025px) {
.true-to-this .grid--row-quote-strips .quote-strips {
width: auto;
margin-left: -4%;
margin-top: -4%;
}
}
.true-to-this .grid--row-bottom-photos {
z-index: 2;
}
.true-to-this .grid--row-bottom-photos .left-image {
position: absolute;
width: 22%;
margin-top: -14%;
margin-left: 9%;
}
.true-to-this .grid--row-bottom-photos .right-image {
position: relative;
float: right;
width: 55%;
margin-top: -4%;
margin-right: 4%;
}
.grid-item-image {
font-size: 0;
}
.grid-item-image .hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.grid-item-image .hover .valign {
z-index: 1;
text-align: center;
}
.grid-item-image .hover .valign .centered-text {
position: relative;
padding: 0 3rem;
max-width: 40rem;
white-space: normal;
}
.grid-item-image .hover .valign .supheader,
.grid-item-image .hover .valign .title {
display: inline-block;
position: relative;
width: 100%;
color: #fff;
}
.grid-item-image .hover .valign .supheader {
padding-top: 0.8rem;
margin-bottom: 0.7rem;
}
.grid-item-image .hover .valign .play-button {
display: inline-block;
position: relative;
margin-top: 1.3rem;
}
.grid-item-image .hover .bg-panel {
background: rgba(18, 18, 18, 0.5);
}
.grid-item-image img {
display: inline-block;
position: relative;
width: 100%;
z-index: 0;
}
.grid-item-video {
font-size: 0;
}
.grid-item-video.is-buffered .video-wrapper .poster {
opacity: 0;
}
.grid-item-video .hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.grid-item-video .hover .valign {
z-index: 1;
text-align: center;
}
.grid-item-video .hover .valign .centered-text {
position: relative;
padding: 0 3rem;
max-width: 40rem;
white-space: normal;
}
.grid-item-video .hover .valign .supheader,
.grid-item-video .hover .valign .title {
display: inline-block;
position: relative;
width: 100%;
color: #fff;
}
.grid-item-video .hover .valign .supheader {
padding-top: 0.8rem;
margin-bottom: 2.2rem;
}
.grid-item-video .hover .valign .play-button {
margin-top: 2.5rem;
}
.grid-item-video .hover .bg-panel {
background: rgba(18, 18, 18, 0.5);
}
.grid-item-video .video-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #121212;
z-index: 1;
}
.grid-item-video .video-wrapper .video {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 0;
max-width: none;
}
.grid-item-video .video-wrapper .poster {
z-index: 1;
opacity: 1;
pointer-events: none;
transition-property: opacity;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.grid-item.is-hover .hover {
pointer-events: auto;
}
.grid-item .hover {
pointer-events: none;
}
.grid-item.is-hover .hover {
pointer-events: auto;
}
.grid-item .hover {
pointer-events: none;
}
.grid-item-image {
font-size: 0;
}
.grid-item-image .hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.grid-item-image .hover .valign {
z-index: 1;
text-align: center;
}
.grid-item-image .hover .valign .centered-text {
position: relative;
padding: 0 3rem;
max-width: 40rem;
white-space: normal;
}
.grid-item-image .hover .valign .supheader,
.grid-item-image .hover .valign .title {
display: inline-block;
position: relative;
width: 100%;
color: #fff;
}
.grid-item-image .hover .valign .supheader {
padding-top: 0.8rem;
margin-bottom: 0.7rem;
}
.grid-item-image .hover .valign .play-button {
display: inline-block;
position: relative;
margin-top: 1.3rem;
}
.grid-item-image .hover .bg-panel {
background: rgba(18, 18, 18, 0.5);
}
.grid-item-image img {
display: inline-block;
position: relative;
width: 100%;
z-index: 0;
}
.grid-item-video {
font-size: 0;
}
.grid-item-video.is-buffered .video-wrapper .poster {
opacity: 0;
}
.grid-item-video .hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.grid-item-video .hover .valign {
z-index: 1;
text-align: center;
}
.grid-item-video .hover .valign .centered-text {
position: relative;
padding: 0 3rem;
max-width: 40rem;
white-space: normal;
}
.grid-item-video .hover .valign .supheader,
.grid-item-video .hover .valign .title {
display: inline-block;
position: relative;
width: 100%;
color: #fff;
}
.grid-item-video .hover .valign .supheader {
padding-top: 0.8rem;
margin-bottom: 2.2rem;
}
.grid-item-video .hover .valign .play-button {
margin-top: 2.5rem;
}
.grid-item-video .hover .bg-panel {
background: rgba(18, 18, 18, 0.5);
}
.grid-item-video .video-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #121212;
z-index: 1;
}
.grid-item-video .video-wrapper .video {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 0;
max-width: none;
}
.grid-item-video .video-wrapper .poster {
z-index: 1;
opacity: 1;
pointer-events: none;
transition-property: opacity;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.true-to-this .banner {
position: relative;
width: 100%;
height: 25rem;
}
@media (min-width: 641px) {
.true-to-this .banner {
height: 48rem;
}
}
@media (min-width: 1025px) {
.true-to-this .banner {
height: 64rem;
}
}
@media (min-width: 1281px) {
.true-to-this .banner {
height: 96rem;
}
}
.true-to-this .banner .valign {
text-align: center;
z-index: 10;
}
@media (min-width: 641px) {
.true-to-this .banner .valign {
text-align: left;
}
}
.true-to-this .banner .callout {
max-width: 48rem;
}
@media (min-width: 641px) {
.true-to-this .banner .callout {
margin-left: 20%;
}
}
.true-to-this .banner .callout .mobile-line {
display: inline-block;
width: 100%;
height: 0.5rem;
margin-bottom: 1.1rem;
}
.true-to-this .banner .callout .mobile-line::after {
clear: both;
content: '';
display: block;
}
@media (min-width: 641px) {
.true-to-this .banner .callout .mobile-line {
display: none;
}
}
.true-to-this .banner .callout .supheader {
display: inline-block;
margin-bottom: 1.2rem;
}
@media (min-width: 641px) {
.true-to-this .banner .callout .supheader {
display: none;
}
}
@media (min-width: 1025px) {
.true-to-this .banner .callout .supheader {
display: inline-block;
margin-bottom: 2.5rem;
}
}
.true-to-this .banner .callout .h1 {
color: #fff;
margin-bottom: 1.7rem;
}
@media (min-width: 1025px) {
.true-to-this .banner .callout .h1 {
margin-bottom: 2.5rem;
}
}
.true-to-this .banner .callout p {
display: none;
color: #fff;
max-width: 44rem;
}
@media (min-width: 641px) {
.true-to-this .banner .callout p {
display: block;
}
}
@media (min-width: 1025px) {
.true-to-this .banner .callout p {
max-width: 40rem;
}
}
.true-to-this .banner .callout p:last-of-type {
margin-bottom: 1.9rem;
}
@media (min-width: 1025px) {
.true-to-this .banner .callout p:last-of-type {
margin-bottom: 3.1rem;
}
}
.true-to-this .banner .callout .ctas li {
display: inline-block;
margin-right: 1rem;
margin-bottom: 1rem;
}
.true-to-this .banner .callout .ctas li,
.true-to-this .banner .callout .ctas li .btn {
width: 100%;
}
@media (min-width: 641px) {
.true-to-this .banner .callout .ctas li,
.true-to-this .banner .callout .ctas li .btn {
width: auto;
}
}
.true-to-this .banner .ctas {
display: none;
}
@media (min-width: 641px) {
.true-to-this .banner .ctas {
display: block;
}
}
.true-to-this .banner .hero-image {
z-index: 1;
}
.true-to-this .banner .top-curve {
position: absolute;
top: 0;
left: -2px;
width: calc(100% + 4px);
height: auto;
z-index: 2;
}
.true-to-this .banner .top-curve .svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.true-to-this .banner .bottom-curve {
position: absolute;
top: auto;
bottom: 0;
left: -2px;
width: calc(100% + 4px);
height: auto;
z-index: 2;
}
.true-to-this .banner .bottom-curve .svg {
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
height: auto;
}
.true-to-this .mobile-info {
display: block;
padding: 3rem 2rem;
}
.true-to-this .mobile-info p {
font-size: 1.3rem;
line-height: 2.4rem;
color: #353535;
padding: 0 0.5rem;
}
.true-to-this .mobile-info p:last-of-type {
margin-bottom: 2.5rem;
}
.true-to-this .mobile-info .btn {
width: 100%;
}
@media (min-width: 641px) {
.true-to-this .mobile-info {
display: none;
padding: 0;
}
}
.true-to-this .grid {
display: none;
position: relative;
max-width: 1380px;
margin: 0 auto;
z-index: 5;
}
@media (min-width: 641px) {
.true-to-this .grid {
display: block;
}
}
.true-to-this .grid--row {
position: relative;
margin: 0 4rem;
}
.true-to-this .grid--row::after {
clear: both;
content: '';
display: block;
}
.true-to-this .grid--row-three-photo {
margin-top: -8%;
}
.true-to-this .grid--row-three-photo .grid--col-left {
position: absolute;
width: 26%;
height: 100%;
z-index: 1;
}
.true-to-this .grid--row-three-photo .grid--col-right {
position: relative;
float: right;
z-index: 2;
width: 55%;
}
.true-to-this .grid--row-three-photo .grid--col-right .floating-image {
position: absolute;
width: 40%;
top: auto;
left: 8%;
bottom: -11%;
z-index: 2;
}
.true-to-this .grid--row-quote-strips {
margin-bottom: 14rem;
z-index: 6;
}
.true-to-this .grid--row-quote-strips .quote-strips {
position: absolute;
width: 68%;
margin-left: -5%;
margin-top: -1%;
z-index: 10;
}
@media (min-width: 1025px) {
.true-to-this .grid--row-quote-strips .quote-strips {
width: auto;
margin-left: -4%;
margin-top: -4%;
}
}
.true-to-this .grid--row-bottom-photos {
z-index: 2;
}
.true-to-this .grid--row-bottom-photos .left-image {
position: absolute;
width: 22%;
margin-top: -14%;
margin-left: 9%;
}
.true-to-this .grid--row-bottom-photos .right-image {
position: relative;
float: right;
width: 55%;
margin-top: -4%;
margin-right: 4%;
}
.category-routing > .routing-menus-wrapper {
position: relative;
margin: 0;
padding: 0;
white-space: nowrap;
text-align: left;
overflow-x: auto;
font-size: 0;
}
@media (min-width: 641px) {
.category-routing > .routing-menus-wrapper {
overflow-x: hidden;
}
}
@media (min-width: 1025px) {
.category-routing > .routing-menus-wrapper {
padding: 0 6rem;
}
}
.category-routing > .routing-menus-wrapper .routing-menu {
display: inline-block;
position: relative;
top: 0px;
left: 0px;
width: calc(100% - 4rem);
padding: 0rem;
vertical-align: top;
letter-spacing: 0;
font-size: 0;
}
@media (min-width: 641px) {
.category-routing > .routing-menus-wrapper .routing-menu {
padding: 0 1rem;
width: 50%;
}
}
@media (min-width: 1025px) {
.category-routing > .routing-menus-wrapper .routing-menu {
padding: 0;
}
}
.category-routing > .routing-menus-wrapper .routing-menu:nth-child(1) {
margin-right: 1rem;
}
@media (min-width: 641px) {
.category-routing > .routing-menus-wrapper .routing-menu:nth-child(1) {
margin: 0;
}
}
@media (min-width: 1025px) {
.category-routing > .routing-menus-wrapper .routing-menu:nth-child(1) {
padding: 0 7rem 0 0;
}
}
@media (min-width: 641px) {
.category-routing > .routing-menus-wrapper .routing-menu:nth-child(2) {
padding-top: 8rem;
}
}
@media (min-width: 1025px) {
.category-routing > .routing-menus-wrapper .routing-menu:nth-child(2) {
padding: 8rem 0 0 7rem;
}
}
.category-routing .menu-block {
position: relative;
height: 42rem;
width: 100%;
min-width: 28rem;
white-space: nowrap;
overflow: hidden;
}
@media (min-width: 641px) {
.category-routing .menu-block {
height: 46rem;
}
}
@media (min-width: 1281px) {
.category-routing .menu-block {
height: 64rem;
}
}
.category-routing .menu-block .h1 {
position: absolute;
width: 100%;
color: #fff;
letter-spacing: 4rem;
text-align: center;
z-index: 5;
transform: rotate(-90deg);
left: -50%;
top: calc(50% - 4rem);
}
@media (min-width: 641px) {
.category-routing .menu-block .h1 {
top: -2rem;
left: 1.2rem;
transform: none;
letter-spacing: 2.5rem;
}
}
@media (min-width: 1025px) {
.category-routing .menu-block .h1 {
top: -3.3rem;
left: 2rem;
letter-spacing: 4rem;
}
}
.category-routing .menu-block .valign,
.category-routing .menu-block .menu-grunge-bg {
text-align: center;
height: 100%;
top: auto;
bottom: 0;
}
@media (min-width: 641px) {
.category-routing .menu-block .valign,
.category-routing .menu-block .menu-grunge-bg {
height: 90%;
}
}
.category-routing .menu-block .menu-grunge-bg {
position: absolute;
top: -0.3rem;
left: 3rem;
width: calc(100% - 6rem);
height: calc(100% + 1rem);
z-index: 2;
max-width: 41.3rem;
margin: 0 auto;
bottom: 1.5%;
}
@media (min-width: 641px) {
.category-routing .menu-block .menu-grunge-bg {
display: block;
top: -2.5rem;
left: 0.5rem;
width: calc(100% - 1rem);
height: calc(100% + 6rem);
bottom: 0;
}
}
.category-routing .menu-block .menu-grunge-bg .routing-bg,
.category-routing .menu-block .menu-grunge-bg .routing-bg-mobile {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
@media (min-width: 641px) {
.category-routing .menu-block .menu-grunge-bg .routing-bg,
.category-routing .menu-block .menu-grunge-bg .routing-bg-mobile {
display: block;
}
}
.category-routing .menu-block .menu-grunge-bg .routing-bg-mobile {
display: block;
top: -3rem;
height: calc(100% + 6rem);
}
@media (min-width: 641px) {
.category-routing .menu-block .menu-grunge-bg .routing-bg-mobile {
display: none;
}
}
.category-routing .menu-block .floating-menu {
top: -6%;
width: 100%;
max-width: 35rem;
padding: 0 3rem;
text-align: center;
z-index: 10;
}
@media (min-width: 641px) {
.category-routing .menu-block .floating-menu {
top: -6%;
}
}
.category-routing .menu-block .floating-menu ul {
position: relative;
z-index: 3;
}
.category-routing .menu-block .floating-menu li {
position: relative;
}
.category-routing .menu-block .floating-menu li a {
width: 100%;
height: 3.8rem;
margin-bottom: 0rem;
}
@media (min-width: 1025px) {
.category-routing .menu-block .floating-menu li a:hover .background {
opacity: 1;
}
}
.category-routing .menu-block .floating-menu li a .title {
color: #121212;
}
.category-routing .menu-block .floating-menu li a .line-strike {
display: none;
}
.category-routing .menu-block .floating-menu li a .background {
left: 10%;
width: 80%;
opacity: 0;
}
.category-routing .menu-block .floating-menu li a .background * {
fill: #e6e6e6 !important;
}
.category-routing .menu-block .cta {
position: absolute;
top: auto;
bottom: 3%;
left: calc(50% - 10rem);
width: 20rem;
height: 6rem;
z-index: 10;
text-align: center;
}
@media (min-width: 641px) {
.category-routing .menu-block .cta {
bottom: calc(4% + 1rem);
}
}
@media (min-width: 1025px) {
.category-routing .menu-block .cta {
bottom: calc(6% + 1rem);
}
}
.category-routing .menu-block .cta--title {
position: relative;
color: #fff;
line-height: 6rem;
z-index: 1;
}
.category-routing .menu-block .cta--title span {
padding: 0 0.5rem;
}
.category-routing .menu-block .cta--bg {
display: none;
}
@media (min-width: 641px) {
.category-routing .menu-block .cta--bg {
display: block;
}
}
.category-routing .menu-block .cta--bg-mobile {
display: block;
background-size: 127px 38px;
}
@media (min-width: 641px) {
.category-routing .menu-block .cta--bg-mobile {
display: none;
}
}
.category-routing .menu-block .cta .line-strike {
margin-top: -0.2rem;
}
.category-routing .menu-block .scaler {
pointer-events: none;
}
.category-routing .menu-block .scaler.scaler-1x1 {
position: absolute;
}
@media (min-width: 1025px) {
.category-routing .menu-block .scaler.scaler-1x1 {
position: relative;
}
}
.category-routing .menu-block .scaler.scaler-3x4 {
position: relative;
}
@media (min-width: 1025px) {
.category-routing .menu-block .scaler.scaler-3x4 {
position: absolute;
}
}
.category-routing > .routing-menus-wrapper {
position: relative;
margin: 0;
padding: 0;
white-space: nowrap;
text-align: left;
overflow-x: auto;
font-size: 0;
}
@media (min-width: 641px) {
.category-routing > .routing-menus-wrapper {
overflow-x: hidden;
}
}
@media (min-width: 1025px) {
.category-routing > .routing-menus-wrapper {
padding: 0 6rem;
}
}
.category-routing > .routing-menus-wrapper .routing-menu {
display: inline-block;
position: relative;
top: 0px;
left: 0px;
width: calc(100% - 4rem);
padding: 0rem;
vertical-align: top;
letter-spacing: 0;
font-size: 0;
}
@media (min-width: 641px) {
.category-routing > .routing-menus-wrapper .routing-menu {
padding: 0 1rem;
width: 50%;
}
}
@media (min-width: 1025px) {
.category-routing > .routing-menus-wrapper .routing-menu {
padding: 0;
}
}
.category-routing > .routing-menus-wrapper .routing-menu:nth-child(1) {
margin-right: 1rem;
}
@media (min-width: 641px) {
.category-routing > .routing-menus-wrapper .routing-menu:nth-child(1) {
margin: 0;
}
}
@media (min-width: 1025px) {
.category-routing > .routing-menus-wrapper .routing-menu:nth-child(1) {
padding: 0 7rem 0 0;
}
}
@media (min-width: 641px) {
.category-routing > .routing-menus-wrapper .routing-menu:nth-child(2) {
padding-top: 8rem;
}
}
@media (min-width: 1025px) {
.category-routing > .routing-menus-wrapper .routing-menu:nth-child(2) {
padding: 8rem 0 0 7rem;
}
}
.category-routing .menu-block {
position: relative;
height: 42rem;
width: 100%;
min-width: 28rem;
white-space: nowrap;
overflow: hidden;
}
@media (min-width: 641px) {
.category-routing .menu-block {
height: 46rem;
}
}
@media (min-width: 1281px) {
.category-routing .menu-block {
height: 64rem;
}
}
.category-routing .menu-block .h1 {
position: absolute;
width: 100%;
color: #fff;
letter-spacing: 4rem;
text-align: center;
z-index: 5;
transform: rotate(-90deg);
left: -50%;
top: calc(50% - 4rem);
}
@media (min-width: 641px) {
.category-routing .menu-block .h1 {
top: -2rem;
left: 1.2rem;
transform: none;
letter-spacing: 2.5rem;
}
}
@media (min-width: 1025px) {
.category-routing .menu-block .h1 {
top: -3.3rem;
left: 2rem;
letter-spacing: 4rem;
}
}
.category-routing .menu-block .valign,
.category-routing .menu-block .menu-grunge-bg {
text-align: center;
height: 100%;
top: auto;
bottom: 0;
}
@media (min-width: 641px) {
.category-routing .menu-block .valign,
.category-routing .menu-block .menu-grunge-bg {
height: 90%;
}
}
.category-routing .menu-block .menu-grunge-bg {
position: absolute;
top: -0.3rem;
left: 3rem;
width: calc(100% - 6rem);
height: calc(100% + 1rem);
z-index: 2;
max-width: 41.3rem;
margin: 0 auto;
bottom: 1.5%;
}
@media (min-width: 641px) {
.category-routing .menu-block .menu-grunge-bg {
display: block;
top: -2.5rem;
left: 0.5rem;
width: calc(100% - 1rem);
height: calc(100% + 6rem);
bottom: 0;
}
}
.category-routing .menu-block .menu-grunge-bg .routing-bg,
.category-routing .menu-block .menu-grunge-bg .routing-bg-mobile {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
@media (min-width: 641px) {
.category-routing .menu-block .menu-grunge-bg .routing-bg,
.category-routing .menu-block .menu-grunge-bg .routing-bg-mobile {
display: block;
}
}
.category-routing .menu-block .menu-grunge-bg .routing-bg-mobile {
display: block;
top: -3rem;
height: calc(100% + 6rem);
}
@media (min-width: 641px) {
.category-routing .menu-block .menu-grunge-bg .routing-bg-mobile {
display: none;
}
}
.category-routing .menu-block .floating-menu {
top: -6%;
width: 100%;
max-width: 35rem;
padding: 0 3rem;
text-align: center;
z-index: 10;
}
@media (min-width: 641px) {
.category-routing .menu-block .floating-menu {
top: -6%;
}
}
.category-routing .menu-block .floating-menu ul {
position: relative;
z-index: 3;
}
.category-routing .menu-block .floating-menu li {
position: relative;
}
.category-routing .menu-block .floating-menu li a {
width: 100%;
height: 3.8rem;
margin-bottom: 0rem;
}
@media (min-width: 1025px) {
.category-routing .menu-block .floating-menu li a:hover .background {
opacity: 1;
}
}
.category-routing .menu-block .floating-menu li a .title {
color: #121212;
}
.category-routing .menu-block .floating-menu li a .line-strike {
display: none;
}
.category-routing .menu-block .floating-menu li a .background {
left: 10%;
width: 80%;
opacity: 0;
}
.category-routing .menu-block .floating-menu li a .background * {
fill: #e6e6e6 !important;
}
.category-routing .menu-block .cta {
position: absolute;
top: auto;
bottom: 3%;
left: calc(50% - 10rem);
width: 20rem;
height: 6rem;
z-index: 10;
text-align: center;
}
@media (min-width: 641px) {
.category-routing .menu-block .cta {
bottom: calc(4% + 1rem);
}
}
@media (min-width: 1025px) {
.category-routing .menu-block .cta {
bottom: calc(6% + 1rem);
}
}
.category-routing .menu-block .cta--title {
position: relative;
color: #fff;
line-height: 6rem;
z-index: 1;
}
.category-routing .menu-block .cta--title span {
padding: 0 0.5rem;
}
.category-routing .menu-block .cta--bg {
display: none;
}
@media (min-width: 641px) {
.category-routing .menu-block .cta--bg {
display: block;
}
}
.category-routing .menu-block .cta--bg-mobile {
display: block;
background-size: 127px 38px;
}
@media (min-width: 641px) {
.category-routing .menu-block .cta--bg-mobile {
display: none;
}
}
.category-routing .menu-block .cta .line-strike {
margin-top: -0.2rem;
}
.category-routing .menu-block .scaler {
pointer-events: none;
}
.category-routing .menu-block .scaler.scaler-1x1 {
position: absolute;
}
@media (min-width: 1025px) {
.category-routing .menu-block .scaler.scaler-1x1 {
position: relative;
}
}
.category-routing .menu-block .scaler.scaler-3x4 {
position: relative;
}
@media (min-width: 1025px) {
.category-routing .menu-block .scaler.scaler-3x4 {
position: absolute;
}
}
.mobile-header {
display: block;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 5rem;
z-index: 100;
}
@media (min-width: 641px) {
.mobile-header {
display: none;
}
}
.mobile-header .title {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
margin-top: 1.5rem;
color: #fff;
text-align: center;
z-index: 1;
}
.mobile-header .mfp-close {
position: absolute;
top: 1rem;
left: auto;
right: 1rem;
z-index: 5;
opacity: 1;
width: 3rem;
height: 3rem;
}
.mobile-header .mfp-close .svg {
position: absolute;
top: 1rem;
left: 1rem;
width: 1rem;
height: 1rem;
}
.mobile-header .mfp-close .svg * {
fill: #fff !important;
}
.mobile-header .bg-panel {
background: #060606;
}
.modal-quickview {
position: relative;
font-size: 0;
}
@media (min-width: 1025px) {
.modal-quickview {
white-space: nowrap;
}
}
.modal-quickview--content::after {
clear: both;
content: '';
display: block;
}
.modal-quickview--inner-content::after {
clear: both;
content: '';
display: block;
}
.modal-quickview .col {
display: inline-block;
position: relative;
font-size: 0;
vertical-align: top;
text-align: left;
}
.modal-quickview .col--left {
width: 100%;
}
@media (min-width: 1025px) {
.modal-quickview .col--left {
width: 47%;
margin: 0 10%;
}
}
.modal-quickview .col--left .thumbnails {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 11rem;
margin-top: 8rem;
z-index: 10;
}
@media (min-width: 641px) {
.modal-quickview .col--left .thumbnails {
position: absolute;
top: 9rem;
height: 8rem;
margin-top: 0;
}
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails {
top: 0rem;
left: -4rem;
width: 8rem;
height: 100%;
}
}
.modal-quickview .col--left .thumbnails .valign {
text-align: center;
}
.modal-quickview .col--left .thumbnails .centered-carousel {
width: 100%;
margin: 0;
white-space: nowrap !important;
}
@media (min-width: 641px) {
.modal-quickview .col--left .thumbnails .centered-carousel {
margin: 0 0 0 0.5rem;
}
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails .centered-carousel {
white-space: normal !important;
}
}
.modal-quickview .col--left .thumbnails .centered-carousel .product-thumbnails {
display: inline-block;
text-align: left;
width: 20rem;
padding: 0 1rem;
overflow: hidden !important;
}
@media (min-width: 641px) {
.modal-quickview .col--left .thumbnails .centered-carousel .product-thumbnails {
top: -0.4rem;
left: -1rem;
width: auto;
margin-bottom: 0;
overflow: visible;
padding-left: 0;
}
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails .centered-carousel .product-thumbnails {
top: 0;
width: calc(100% + 2rem);
padding: 0 0 0 0.5rem;
}
}
.modal-quickview .col--left .thumbnails .centered-carousel .product-thumbnails ul {
white-space: nowrap;
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails .centered-carousel .product-thumbnails ul {
white-space: normal;
}
}
.modal-quickview .col--left .thumbnails .arrow {
display: inline-block;
position: relative;
width: 7rem;
height: 8rem;
margin: 0;
font-size: 0;
vertical-align: top;
z-index: 15;
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails .arrow {
position: relative;
width: 8rem;
height: 2.7rem;
padding: 0 1rem;
margin: 0 0.5rem;
}
}
.modal-quickview .col--left .thumbnails .arrow--up {
display: none;
margin-bottom: 3.0rem;
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails .arrow--up {
display: block;
}
}
.modal-quickview .col--left .thumbnails .arrow--up figure {
width: calc(100% - 1.2rem);
height: 2.7rem;
}
.modal-quickview .col--left .thumbnails .arrow--down {
display: none;
margin-top: 1.5rem;
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails .arrow--down {
display: block;
}
}
.modal-quickview .col--left .thumbnails .arrow--down figure {
width: calc(100% - 1.2rem);
height: 2.7rem;
}
.modal-quickview .col--left .thumbnails .arrow--left {
width: 6rem;
}
@media (min-width: 641px) {
.modal-quickview .col--left .thumbnails .arrow--left {
margin-right: 1.5rem;
}
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails .arrow--left {
display: none;
}
}
.modal-quickview .col--left .thumbnails .arrow--left figure {
top: calc(50% - 0rem);
width: 100%;
height: 0.9rem;
}
.modal-quickview .col--left .thumbnails .arrow--right {
width: 6rem;
}
@media (min-width: 641px) {
.modal-quickview .col--left .thumbnails .arrow--right {
margin-left: 0.5rem;
}
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails .arrow--right {
display: none;
margin-left: 0.5rem;
}
}
.modal-quickview .col--left .thumbnails .arrow--right figure {
top: calc(50% - 0rem);
width: 100%;
height: 0.9rem;
}
.modal-quickview .col--left .thumbnails ul {
position: relative;
display: inline-block;
left: 0;
font-size: 0;
width: inherit;
white-space: normal;
overflow: visible;
transition: transform 400ms cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
transition-timing-function: cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails ul {
left: 0.5rem;
}
}
.modal-quickview .col--left .thumbnails li {
position: absolute;
display: block;
width: 8rem !important;
height: 8rem !important;
font-size: 0;
margin-bottom: 1rem;
opacity: 0;
pointer-events: none;
}
.modal-quickview .col--left .thumbnails li:last-of-type {
margin-bottom: 0;
}
.modal-quickview .col--left .thumbnails li.is-front {
opacity: 1;
pointer-events: auto;
}
.modal-quickview .col--left .thumbnails li .outline {
width: 9rem !important;
height: 9rem !important;
}
.modal-quickview .col--left .full-images {
position: relative;
display: inline-block;
width: 100%;
background: #dfe8ef;
margin-top: 0;
overflow: hidden;
cursor: none;
}
@media (min-width: 641px) {
.modal-quickview .col--left .full-images {
margin-top: 13.5rem;
}
}
@media (min-width: 1025px) {
.modal-quickview .col--left .full-images {
margin-top: 0;
}
}
.modal-quickview .col--left .full-images ul {
transition: transform 400ms cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
transition-timing-function: cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
}
.modal-quickview .col--left .full-images li {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
}
.modal-quickview .col--left .full-images li.is-front {
opacity: 1;
z-index: 5;
pointer-events: auto;
}
.modal-quickview .col--left .full-images li:hover .double-wrap {
transform: scale(1.04);
}
.modal-quickview .col--left .full-images li .double-wrap {
transform-origin: 50% 25%;
transition-property: transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.modal-quickview .col--left .full-images li figure {
transition: transform 160ms cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
transition-timing-function: cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
}
.modal-quickview .col--left .full-images .scaler {
pointer-events: none;
}
.modal-quickview .col--right {
width: 100%;
text-align: left;
white-space: normal;
}
@media (min-width: 1025px) {
.modal-quickview .col--right {
position: absolute;
display: block;
top: 0;
left: auto;
right: 8rem;
width: 35rem;
height: 100%;
text-align: left;
white-space: normal;
}
}
@media (min-width: 1481px) {
.modal-quickview .col--right {
left: 67%;
right: auto;
}
}
.modal-quickview .col--right .valign {
position: relative;
padding: 0 2rem;
}
@media (min-width: 641px) {
.modal-quickview .col--right .valign {
padding: 0 10%;
}
}
@media (min-width: 1025px) {
.modal-quickview .col--right .valign {
position: absolute;
padding: 0;
}
}
.modal-quickview .col--right--content {
width: 100%;
}
.modal-quickview .col--right .info-block--top {
position: relative;
padding-top: 1.8rem;
}
@media (min-width: 641px) {
.modal-quickview .col--right .info-block--top {
padding-top: 4.8rem;
}
}
@media (min-width: 1025px) {
.modal-quickview .col--right .info-block--top {
padding-top: 7.3rem;
}
}
.modal-quickview .col--right .info-block--top .h5 {
margin-bottom: 2.3rem;
}
.modal-quickview .col--right .info-block--top .cost-rating-row {
position: relative;
margin-bottom: 1.9rem;
}
.modal-quickview .col--right .info-block--top .cost-rating-row::after {
clear: both;
content: '';
display: block;
}
.modal-quickview .col--right .info-block--top .cost-rating-row .product-cost {
position: relative;
float: left;
}
.modal-quickview .col--right .info-block--top .cost-rating-row .product-cost .currency {
position: relative;
margin-top: -0.2rem;
}
.modal-quickview .col--right .info-block--top .cost-rating-row .product-cost .currency:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #c4c4c4;
top: auto;
left: 0;
bottom: 0;
}
.modal-quickview .col--right .info-block--top .cost-rating-row .rating-stars {
position: relative;
float: right;
margin-top: -0.2rem;
}
@media (min-width: 1025px) {
.modal-quickview .col--right .info-block--top .cost-rating-row .rating-stars {
margin-top: 0;
}
}
.modal-quickview .col--right .selector-group {
position: relative;
}
.modal-quickview .col--right .selector-group--purchase {
position: relative;
font-size: 0;
text-align: center;
}
.modal-quickview .col--right .selector-group--purchase .btn {
position: relative;
display: inline-block;
font-size: 0;
}
.modal-quickview .col--right .selector-group--purchase .btn:nth-child(1) {
width: 100%;
margin-bottom: 1rem;
}
.modal-quickview .col--right .selector-group--purchase .btn:nth-child(2) {
width: 6rem;
margin-right: 1rem;
margin-bottom: 2rem;
}
.modal-quickview .col--right .selector-group--purchase .btn:nth-child(3) {
width: calc(100% - 7rem);
margin-bottom: 2rem;
}
.modal-quickview .col--right .selector-group--desc-tabs .tabs {
position: relative;
white-space: nowrap;
margin-bottom: 1.6rem;
}
.modal-quickview .col--right .selector-group--desc-tabs .tabs li {
position: relative;
display: inline-block;
}
.modal-quickview .col--right .selector-group--desc-tabs .tabs li:not(:last-child):after {
content: '/';
position: relative;
display: inline-block;
padding: 0 1.2rem;
color: #ddd;
}
.modal-quickview .col--right .selector-group--desc-tabs .tabs li.active a, .modal-quickview .col--right .selector-group--desc-tabs .tabs li:hover a {
color: #121212;
}
.modal-quickview .col--right .selector-group--desc-tabs .tabs li.active .line {
visibility: visible;
}
.modal-quickview .col--right .selector-group--desc-tabs .tabs li a {
position: relative;
color: #999;
}
.modal-quickview .col--right .selector-group--desc-tabs .tabs li .line {
position: absolute;
top: auto;
bottom: -0.6rem;
width: calc(100% - 0.4rem);
height: 0.4rem;
visibility: hidden;
}
.modal-quickview .col--right .selector-group--desc-tabs .tab-blurbs li {
position: absolute;
visibility: hidden;
}
.modal-quickview .col--right .selector-group--desc-tabs .tab-blurbs li.active {
position: relative;
visibility: visible;
}
.modal-quickview .col--right .selector-group--desc-tabs .tab-blurbs li p {
color: #5e5e5e;
}
.modal-quickview .col--right .selector-group--desc-tabs .tab-blurbs li p:last-of-type {
margin-bottom: 1rem;
}
.modal-quickview .col--right .selector-group--referral {
padding: 1.2rem 0 0.7rem 0;
text-align: center;
}
.modal-quickview .col--right .selector-group--referral .h8 {
color: #121212;
}
.modal-quickview .col--right .selector-group--live-chat {
padding: 2rem;
text-align: center;
}
.modal-quickview .col--right .selector-group--live-chat .supheader {
color: #5e5e5e;
margin-bottom: 0.7rem;
}
.modal-quickview .col--right .selector-group--live-chat .chat-cta {
position: relative;
line-height: 1.6rem;
vertical-align: top;
padding-bottom: 0.9rem;
}
.modal-quickview .col--right .selector-group--live-chat .chat-cta svg {
position: relative;
top: 0;
width: 1.5rem;
height: 1.5rem;
}
.modal-quickview .col--right .selector-group--live-chat .chat-cta span {
vertical-align: top;
}
.modal-quickview .col--right .selector-group--live-chat .chat-cta:after {
content: '';
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
height: 0.2rem;
background: #c4c4c4;
border: none;
}
.modal-quickview .col--right .selector-group--live-chat .role {
text-transform: uppercase;
margin-top: 1rem;
}
.modal-quickview .col--right .selector-group--social-share {
padding: 1.1rem 0 0.2rem 0;
}
.modal-quickview .col--right .selector-group--social-share .social-links {
position: relative;
white-space: nowrap;
text-align: center;
}
.modal-quickview .col--right .selector-group--social-share .social-links li {
position: relative;
display: inline-block;
width: 1.6rem;
height: 1.6rem;
margin: 0 1.5rem;
}
.modal-quickview .col--right .selector-group--social-share .social-links li.gplus {
width: 2.4rem;
}
.modal-quickview .col--right .selector-group--social-share .social-links li a {
position: relative;
display: inline-block;
width: inherit;
height: inherit;
}
.modal-quickview .col--right .selector-group--social-share .social-links li svg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.modal-quickview .col--right .selector-group.grey-group {
background: #f3f3f3;
margin-bottom: 1rem;
}
.modal-quickview .col--right .selector-group .info-row {
position: relative;
margin-bottom: 1.5rem;
}
.modal-quickview .col--right .selector-group .info-row::after {
clear: both;
content: '';
display: block;
}
.modal-quickview .col--right .selector-group .info-row .spec-info-wrapper {
position: relative;
float: left;
}
.modal-quickview .col--right .selector-group .info-row .spec-info-wrapper .spec-desc {
color: #999;
}
.modal-quickview .col--right .selector-group .info-row .spec-info-wrapper .spec-desc:after {
content: '\2013';
position: relative;
display: inline-block;
padding: 0 0.6rem 0 0.9rem;
}
.modal-quickview .col--right .selector-group .info-row .spec-info-wrapper .spec-value {
color: #121212;
}
.modal-quickview .col--right .selector-group .info-row .spec-addl {
position: relative;
float: right;
color: #999;
}
.modal-quickview .col--right .selector-group .info-row .spec-addl a {
text-transform: uppercase;
}
.modal-quickview .col--right .selector-group .info-row .spec-addl a:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #c4c4c4;
top: auto;
left: 0;
bottom: 1px;
}
.modal-quickview .col--right hr {
border: none;
background: #ddd;
margin-bottom: 1.9rem;
}
.stl-product-group {
position: relative;
margin-bottom: 6rem;
white-space: normal;
}
.stl-product-group:last-child {
margin-bottom: 0;
}
@media (min-width: 641px) {
.stl-product-group {
white-space: nowrap;
margin-bottom: 12.2%;
}
}
.stl-product-group .stl-group-col {
float: none;
display: inline-block;
position: relative;
font-size: 0;
vertical-align: top;
text-align: left;
white-space: normal;
}
.stl-product-group .stl-group-col--left {
width: 100%;
margin-bottom: 1.2rem;
}
@media (min-width: 641px) {
.stl-product-group .stl-group-col--left {
width: calc(100% - 12.2% - 29rem);
max-width: 33.8rem;
margin-right: 12.2%;
margin-bottom: 0;
}
}
@media (min-width: 1025px) {
.stl-product-group .stl-group-col--left:hover .double-wrap {
transform: scale(1.04);
}
}
.stl-product-group .stl-group-col--left .triple-wrap {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: hidden;
cursor: pointer;
}
.stl-product-group .stl-group-col--left .double-wrap {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
transform-origin: 50% 25%;
transition-property: transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.stl-product-group .stl-group-col--left .double-wrap figure {
transition: transform 200ms cubic-bezier(0.13, 0.35, 0.195, 0.94);
}
.stl-product-group .stl-group-col--left .product-pin {
display: none;
top: 0px;
left: auto;
right: -2rem;
z-index: 3;
}
@media (min-width: 641px) {
.stl-product-group .stl-group-col--left .product-pin {
display: block;
}
}
.stl-product-group .stl-group-col--right {
width: 100%;
}
@media (min-width: 641px) {
.stl-product-group .stl-group-col--right {
width: 29rem;
}
}
.stl-product-group .info-block--top {
position: relative;
padding-top: 0.5rem;
}
.stl-product-group .info-block--top .product-title {
font-size: 2.4rem;
line-height: 2.4rem;
margin-bottom: 2.3rem;
}
.stl-product-group .info-block--top .cost-rating-row {
position: relative;
margin-bottom: 1.9rem;
}
.stl-product-group .info-block--top .cost-rating-row::after {
clear: both;
content: '';
display: block;
}
.stl-product-group .info-block--top .cost-rating-row .product-cost {
position: relative;
float: left;
}
.stl-product-group .info-block--top .cost-rating-row .product-cost .currency {
position: relative;
margin-top: -0.2rem;
}
.stl-product-group .info-block--top .cost-rating-row .product-cost .currency:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #c4c4c4;
top: auto;
left: 0;
bottom: 0;
}
.stl-product-group .info-block--top .cost-rating-row .rating-stars {
position: relative;
float: right;
}
.stl-product-group .selector-group {
position: relative;
}
.stl-product-group .selector-group--purchase {
position: relative;
font-size: 0;
text-align: center;
}
.stl-product-group .selector-group--purchase .btn {
position: relative;
display: inline-block;
font-size: 0;
}
.stl-product-group .selector-group--purchase .btn:nth-child(1) {
width: 100%;
margin-bottom: 1rem;
}
.stl-product-group .selector-group--purchase .btn:nth-child(2) {
width: 6rem;
margin-right: 1rem;
margin-bottom: 2rem;
}
.stl-product-group .selector-group--purchase .btn:nth-child(3) {
width: calc(100% - 7rem);
margin-bottom: 2rem;
}
.stl-product-group .selector-group .info-row {
position: relative;
margin-bottom: 1.5rem;
}
.stl-product-group .selector-group .info-row::after {
clear: both;
content: '';
display: block;
}
.stl-product-group .selector-group .info-row .spec-info-wrapper {
position: relative;
float: left;
}
.stl-product-group .selector-group .info-row .spec-info-wrapper .spec-desc {
color: #999;
}
.stl-product-group .selector-group .info-row .spec-info-wrapper .spec-desc:after {
content: '\2013';
position: relative;
display: inline-block;
padding: 0 0.6rem 0 0.9rem;
}
.stl-product-group .selector-group .info-row .spec-info-wrapper .spec-value {
color: #121212;
}
.stl-product-group .selector-group .info-row .spec-addl {
position: relative;
float: right;
color: #999;
}
.stl-product-group .selector-group .info-row .spec-addl a {
text-transform: uppercase;
}
.stl-product-group .selector-group .info-row .spec-addl a:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #c4c4c4;
top: auto;
left: 0;
bottom: 1px;
}
.stl-product-group hr {
border: none;
background: #ddd;
margin-bottom: 1.9rem;
}
.modal-stl {
position: relative;
overflow: hidden;
}
.modal-stl .corner-buttons {
right: 3rem !important;
}
.modal-stl--content {
position: relative;
}
.modal-stl--content::after {
clear: both;
content: '';
display: block;
}
.modal-stl--inner-content {
position: relative;
font-size: 0;
padding-top: 7rem;
}
.modal-stl--inner-content::after {
clear: both;
content: '';
display: block;
}
@media (min-width: 641px) {
.modal-stl--inner-content {
padding-top: 13rem;
}
}
@media (min-width: 1025px) {
.modal-stl--inner-content {
padding-top: 0;
}
}
.modal-stl--inner-content > .col {
float: none;
display: inline-block;
position: relative;
top: 0px;
left: 0px;
font-size: 0;
vertical-align: top;
text-align: left;
}
.modal-stl--inner-content > .col--left {
display: none;
}
@media (min-width: 1025px) {
.modal-stl--inner-content > .col--left {
display: inline-block;
width: 46%;
max-width: 73rem;
margin: 0 5.5% 0 0;
}
}
.modal-stl--inner-content > .col--left .h4 {
position: absolute;
display: block;
top: 4rem;
left: 4rem;
z-index: 5;
}
.modal-stl--inner-content > .col--left .product-pins {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.modal-stl--inner-content > .col--left .product-pins .product-pin:nth-child(1) {
top: 28%;
left: 26%;
}
.modal-stl--inner-content > .col--left .product-pins .product-pin:nth-child(2) {
top: 68%;
left: 71%;
}
.modal-stl--inner-content > .col--left .product-pins .product-pin:nth-child(3) {
top: 82%;
left: 10%;
}
.modal-stl--inner-content > .col--left .full-image {
background-color: #dfe8ef;
}
.modal-stl--inner-content > .col--right {
top: 0;
left: 0;
width: 100%;
height: 100%;
white-space: normal;
overflow: visible;
}
@media (min-width: 1025px) {
.modal-stl--inner-content > .col--right {
display: block;
position: absolute;
left: auto;
right: 0;
width: 47.5%;
padding-top: 8rem;
padding-right: calc(5.5% + 2rem);
overflow: auto;
}
}
.modal-stl--inner-content > .col--right .mobile-header {
display: none;
position: absolute;
top: -8rem;
left: 7rem;
z-index: 50;
}
@media (min-width: 641px) {
.modal-stl--inner-content > .col--right .mobile-header {
display: block;
}
}
@media (min-width: 1025px) {
.modal-stl--inner-content > .col--right .mobile-header {
display: none;
}
}
.modal-stl--inner-content > .col--right-inner {
position: relative;
}
.modal-stl .product-pin {
display: block;
position: absolute;
width: 3rem;
height: 3rem;
background: #121212;
border: 3px solid #fff;
color: #fff;
cursor: pointer;
}
.modal-stl .product-pin:hover, .modal-stl .product-pin.is-hover {
background: #fff;
border: 3px solid #121212;
color: #121212;
}
.modal-stl .product-pin span {
display: inline-block;
position: relative;
width: 100%;
font-size: 1.6rem;
line-height: 2.8rem;
text-align: center;
}
.mobile-header {
display: block;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 5rem;
z-index: 100;
}
@media (min-width: 641px) {
.mobile-header {
display: none;
}
}
.mobile-header .title {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
margin-top: 1.5rem;
color: #fff;
text-align: center;
z-index: 1;
}
.mobile-header .mfp-close {
position: absolute;
top: 1rem;
left: auto;
right: 1rem;
z-index: 5;
opacity: 1;
width: 3rem;
height: 3rem;
}
.mobile-header .mfp-close .svg {
position: absolute;
top: 1rem;
left: 1rem;
width: 1rem;
height: 1rem;
}
.mobile-header .mfp-close .svg * {
fill: #fff !important;
}
.mobile-header .bg-panel {
background: #060606;
}
.modal-quickview {
position: relative;
font-size: 0;
}
@media (min-width: 1025px) {
.modal-quickview {
white-space: nowrap;
}
}
.modal-quickview--content::after {
clear: both;
content: '';
display: block;
}
.modal-quickview--inner-content::after {
clear: both;
content: '';
display: block;
}
.modal-quickview .col {
display: inline-block;
position: relative;
font-size: 0;
vertical-align: top;
text-align: left;
}
.modal-quickview .col--left {
width: 100%;
}
@media (min-width: 1025px) {
.modal-quickview .col--left {
width: 47%;
margin: 0 10%;
}
}
.modal-quickview .col--left .thumbnails {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 11rem;
margin-top: 8rem;
z-index: 10;
}
@media (min-width: 641px) {
.modal-quickview .col--left .thumbnails {
position: absolute;
top: 9rem;
height: 8rem;
margin-top: 0;
}
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails {
top: 0rem;
left: -4rem;
width: 8rem;
height: 100%;
}
}
.modal-quickview .col--left .thumbnails .valign {
text-align: center;
}
.modal-quickview .col--left .thumbnails .centered-carousel {
width: 100%;
margin: 0;
white-space: nowrap !important;
}
@media (min-width: 641px) {
.modal-quickview .col--left .thumbnails .centered-carousel {
margin: 0 0 0 0.5rem;
}
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails .centered-carousel {
white-space: normal !important;
}
}
.modal-quickview .col--left .thumbnails .centered-carousel .product-thumbnails {
display: inline-block;
text-align: left;
width: 20rem;
padding: 0 1rem;
overflow: hidden !important;
}
@media (min-width: 641px) {
.modal-quickview .col--left .thumbnails .centered-carousel .product-thumbnails {
top: -0.4rem;
left: -1rem;
width: auto;
margin-bottom: 0;
overflow: visible;
padding-left: 0;
}
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails .centered-carousel .product-thumbnails {
top: 0;
width: calc(100% + 2rem);
padding: 0 0 0 0.5rem;
}
}
.modal-quickview .col--left .thumbnails .centered-carousel .product-thumbnails ul {
white-space: nowrap;
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails .centered-carousel .product-thumbnails ul {
white-space: normal;
}
}
.modal-quickview .col--left .thumbnails .arrow {
display: inline-block;
position: relative;
width: 7rem;
height: 8rem;
margin: 0;
font-size: 0;
vertical-align: top;
z-index: 15;
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails .arrow {
position: relative;
width: 8rem;
height: 2.7rem;
padding: 0 1rem;
margin: 0 0.5rem;
}
}
.modal-quickview .col--left .thumbnails .arrow--up {
display: none;
margin-bottom: 3.0rem;
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails .arrow--up {
display: block;
}
}
.modal-quickview .col--left .thumbnails .arrow--up figure {
width: calc(100% - 1.2rem);
height: 2.7rem;
}
.modal-quickview .col--left .thumbnails .arrow--down {
display: none;
margin-top: 1.5rem;
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails .arrow--down {
display: block;
}
}
.modal-quickview .col--left .thumbnails .arrow--down figure {
width: calc(100% - 1.2rem);
height: 2.7rem;
}
.modal-quickview .col--left .thumbnails .arrow--left {
width: 6rem;
}
@media (min-width: 641px) {
.modal-quickview .col--left .thumbnails .arrow--left {
margin-right: 1.5rem;
}
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails .arrow--left {
display: none;
}
}
.modal-quickview .col--left .thumbnails .arrow--left figure {
top: calc(50% - 0rem);
width: 100%;
height: 0.9rem;
}
.modal-quickview .col--left .thumbnails .arrow--right {
width: 6rem;
}
@media (min-width: 641px) {
.modal-quickview .col--left .thumbnails .arrow--right {
margin-left: 0.5rem;
}
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails .arrow--right {
display: none;
margin-left: 0.5rem;
}
}
.modal-quickview .col--left .thumbnails .arrow--right figure {
top: calc(50% - 0rem);
width: 100%;
height: 0.9rem;
}
.modal-quickview .col--left .thumbnails ul {
position: relative;
display: inline-block;
left: 0;
font-size: 0;
width: inherit;
white-space: normal;
overflow: visible;
transition: transform 400ms cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
transition-timing-function: cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
}
@media (min-width: 1025px) {
.modal-quickview .col--left .thumbnails ul {
left: 0.5rem;
}
}
.modal-quickview .col--left .thumbnails li {
position: absolute;
display: block;
width: 8rem !important;
height: 8rem !important;
font-size: 0;
margin-bottom: 1rem;
opacity: 0;
pointer-events: none;
}
.modal-quickview .col--left .thumbnails li:last-of-type {
margin-bottom: 0;
}
.modal-quickview .col--left .thumbnails li.is-front {
opacity: 1;
pointer-events: auto;
}
.modal-quickview .col--left .thumbnails li .outline {
width: 9rem !important;
height: 9rem !important;
}
.modal-quickview .col--left .full-images {
position: relative;
display: inline-block;
width: 100%;
background: #dfe8ef;
margin-top: 0;
overflow: hidden;
cursor: none;
}
@media (min-width: 641px) {
.modal-quickview .col--left .full-images {
margin-top: 13.5rem;
}
}
@media (min-width: 1025px) {
.modal-quickview .col--left .full-images {
margin-top: 0;
}
}
.modal-quickview .col--left .full-images ul {
transition: transform 400ms cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
transition-timing-function: cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
}
.modal-quickview .col--left .full-images li {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
}
.modal-quickview .col--left .full-images li.is-front {
opacity: 1;
z-index: 5;
pointer-events: auto;
}
.modal-quickview .col--left .full-images li:hover .double-wrap {
transform: scale(1.04);
}
.modal-quickview .col--left .full-images li .double-wrap {
transform-origin: 50% 25%;
transition-property: transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.modal-quickview .col--left .full-images li figure {
transition: transform 160ms cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
transition-timing-function: cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
}
.modal-quickview .col--left .full-images .scaler {
pointer-events: none;
}
.modal-quickview .col--right {
width: 100%;
text-align: left;
white-space: normal;
}
@media (min-width: 1025px) {
.modal-quickview .col--right {
position: absolute;
display: block;
top: 0;
left: auto;
right: 8rem;
width: 35rem;
height: 100%;
text-align: left;
white-space: normal;
}
}
@media (min-width: 1481px) {
.modal-quickview .col--right {
left: 67%;
right: auto;
}
}
.modal-quickview .col--right .valign {
position: relative;
padding: 0 2rem;
}
@media (min-width: 641px) {
.modal-quickview .col--right .valign {
padding: 0 10%;
}
}
@media (min-width: 1025px) {
.modal-quickview .col--right .valign {
position: absolute;
padding: 0;
}
}
.modal-quickview .col--right--content {
width: 100%;
}
.modal-quickview .col--right .info-block--top {
position: relative;
padding-top: 1.8rem;
}
@media (min-width: 641px) {
.modal-quickview .col--right .info-block--top {
padding-top: 4.8rem;
}
}
@media (min-width: 1025px) {
.modal-quickview .col--right .info-block--top {
padding-top: 7.3rem;
}
}
.modal-quickview .col--right .info-block--top .h5 {
margin-bottom: 2.3rem;
}
.modal-quickview .col--right .info-block--top .cost-rating-row {
position: relative;
margin-bottom: 1.9rem;
}
.modal-quickview .col--right .info-block--top .cost-rating-row::after {
clear: both;
content: '';
display: block;
}
.modal-quickview .col--right .info-block--top .cost-rating-row .product-cost {
position: relative;
float: left;
}
.modal-quickview .col--right .info-block--top .cost-rating-row .product-cost .currency {
position: relative;
margin-top: -0.2rem;
}
.modal-quickview .col--right .info-block--top .cost-rating-row .product-cost .currency:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #c4c4c4;
top: auto;
left: 0;
bottom: 0;
}
.modal-quickview .col--right .info-block--top .cost-rating-row .rating-stars {
position: relative;
float: right;
margin-top: -0.2rem;
}
@media (min-width: 1025px) {
.modal-quickview .col--right .info-block--top .cost-rating-row .rating-stars {
margin-top: 0;
}
}
.modal-quickview .col--right .selector-group {
position: relative;
}
.modal-quickview .col--right .selector-group--purchase {
position: relative;
font-size: 0;
text-align: center;
}
.modal-quickview .col--right .selector-group--purchase .btn {
position: relative;
display: inline-block;
font-size: 0;
}
.modal-quickview .col--right .selector-group--purchase .btn:nth-child(1) {
width: 100%;
margin-bottom: 1rem;
}
.modal-quickview .col--right .selector-group--purchase .btn:nth-child(2) {
width: 6rem;
margin-right: 1rem;
margin-bottom: 2rem;
}
.modal-quickview .col--right .selector-group--purchase .btn:nth-child(3) {
width: calc(100% - 7rem);
margin-bottom: 2rem;
}
.modal-quickview .col--right .selector-group--desc-tabs .tabs {
position: relative;
white-space: nowrap;
margin-bottom: 1.6rem;
}
.modal-quickview .col--right .selector-group--desc-tabs .tabs li {
position: relative;
display: inline-block;
}
.modal-quickview .col--right .selector-group--desc-tabs .tabs li:not(:last-child):after {
content: '/';
position: relative;
display: inline-block;
padding: 0 1.2rem;
color: #ddd;
}
.modal-quickview .col--right .selector-group--desc-tabs .tabs li.active a, .modal-quickview .col--right .selector-group--desc-tabs .tabs li:hover a {
color: #121212;
}
.modal-quickview .col--right .selector-group--desc-tabs .tabs li.active .line {
visibility: visible;
}
.modal-quickview .col--right .selector-group--desc-tabs .tabs li a {
position: relative;
color: #999;
}
.modal-quickview .col--right .selector-group--desc-tabs .tabs li .line {
position: absolute;
top: auto;
bottom: -0.6rem;
width: calc(100% - 0.4rem);
height: 0.4rem;
visibility: hidden;
}
.modal-quickview .col--right .selector-group--desc-tabs .tab-blurbs li {
position: absolute;
visibility: hidden;
}
.modal-quickview .col--right .selector-group--desc-tabs .tab-blurbs li.active {
position: relative;
visibility: visible;
}
.modal-quickview .col--right .selector-group--desc-tabs .tab-blurbs li p {
color: #5e5e5e;
}
.modal-quickview .col--right .selector-group--desc-tabs .tab-blurbs li p:last-of-type {
margin-bottom: 1rem;
}
.modal-quickview .col--right .selector-group--referral {
padding: 1.2rem 0 0.7rem 0;
text-align: center;
}
.modal-quickview .col--right .selector-group--referral .h8 {
color: #121212;
}
.modal-quickview .col--right .selector-group--live-chat {
padding: 2rem;
text-align: center;
}
.modal-quickview .col--right .selector-group--live-chat .supheader {
color: #5e5e5e;
margin-bottom: 0.7rem;
}
.modal-quickview .col--right .selector-group--live-chat .chat-cta {
position: relative;
line-height: 1.6rem;
vertical-align: top;
padding-bottom: 0.9rem;
}
.modal-quickview .col--right .selector-group--live-chat .chat-cta svg {
position: relative;
top: 0;
width: 1.5rem;
height: 1.5rem;
}
.modal-quickview .col--right .selector-group--live-chat .chat-cta span {
vertical-align: top;
}
.modal-quickview .col--right .selector-group--live-chat .chat-cta:after {
content: '';
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
height: 0.2rem;
background: #c4c4c4;
border: none;
}
.modal-quickview .col--right .selector-group--live-chat .role {
text-transform: uppercase;
margin-top: 1rem;
}
.modal-quickview .col--right .selector-group--social-share {
padding: 1.1rem 0 0.2rem 0;
}
.modal-quickview .col--right .selector-group--social-share .social-links {
position: relative;
white-space: nowrap;
text-align: center;
}
.modal-quickview .col--right .selector-group--social-share .social-links li {
position: relative;
display: inline-block;
width: 1.6rem;
height: 1.6rem;
margin: 0 1.5rem;
}
.modal-quickview .col--right .selector-group--social-share .social-links li.gplus {
width: 2.4rem;
}
.modal-quickview .col--right .selector-group--social-share .social-links li a {
position: relative;
display: inline-block;
width: inherit;
height: inherit;
}
.modal-quickview .col--right .selector-group--social-share .social-links li svg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.modal-quickview .col--right .selector-group.grey-group {
background: #f3f3f3;
margin-bottom: 1rem;
}
.modal-quickview .col--right .selector-group .info-row {
position: relative;
margin-bottom: 1.5rem;
}
.modal-quickview .col--right .selector-group .info-row::after {
clear: both;
content: '';
display: block;
}
.modal-quickview .col--right .selector-group .info-row .spec-info-wrapper {
position: relative;
float: left;
}
.modal-quickview .col--right .selector-group .info-row .spec-info-wrapper .spec-desc {
color: #999;
}
.modal-quickview .col--right .selector-group .info-row .spec-info-wrapper .spec-desc:after {
content: '\2013';
position: relative;
display: inline-block;
padding: 0 0.6rem 0 0.9rem;
}
.modal-quickview .col--right .selector-group .info-row .spec-info-wrapper .spec-value {
color: #121212;
}
.modal-quickview .col--right .selector-group .info-row .spec-addl {
position: relative;
float: right;
color: #999;
}
.modal-quickview .col--right .selector-group .info-row .spec-addl a {
text-transform: uppercase;
}
.modal-quickview .col--right .selector-group .info-row .spec-addl a:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #c4c4c4;
top: auto;
left: 0;
bottom: 1px;
}
.modal-quickview .col--right hr {
border: none;
background: #ddd;
margin-bottom: 1.9rem;
}
.stl-product-group {
position: relative;
margin-bottom: 6rem;
white-space: normal;
}
.stl-product-group:last-child {
margin-bottom: 0;
}
@media (min-width: 641px) {
.stl-product-group {
white-space: nowrap;
margin-bottom: 12.2%;
}
}
.stl-product-group .stl-group-col {
float: none;
display: inline-block;
position: relative;
font-size: 0;
vertical-align: top;
text-align: left;
white-space: normal;
}
.stl-product-group .stl-group-col--left {
width: 100%;
margin-bottom: 1.2rem;
}
@media (min-width: 641px) {
.stl-product-group .stl-group-col--left {
width: calc(100% - 12.2% - 29rem);
max-width: 33.8rem;
margin-right: 12.2%;
margin-bottom: 0;
}
}
@media (min-width: 1025px) {
.stl-product-group .stl-group-col--left:hover .double-wrap {
transform: scale(1.04);
}
}
.stl-product-group .stl-group-col--left .triple-wrap {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: hidden;
cursor: pointer;
}
.stl-product-group .stl-group-col--left .double-wrap {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
transform-origin: 50% 25%;
transition-property: transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.stl-product-group .stl-group-col--left .double-wrap figure {
transition: transform 200ms cubic-bezier(0.13, 0.35, 0.195, 0.94);
}
.stl-product-group .stl-group-col--left .product-pin {
display: none;
top: 0px;
left: auto;
right: -2rem;
z-index: 3;
}
@media (min-width: 641px) {
.stl-product-group .stl-group-col--left .product-pin {
display: block;
}
}
.stl-product-group .stl-group-col--right {
width: 100%;
}
@media (min-width: 641px) {
.stl-product-group .stl-group-col--right {
width: 29rem;
}
}
.stl-product-group .info-block--top {
position: relative;
padding-top: 0.5rem;
}
.stl-product-group .info-block--top .product-title {
font-size: 2.4rem;
line-height: 2.4rem;
margin-bottom: 2.3rem;
}
.stl-product-group .info-block--top .cost-rating-row {
position: relative;
margin-bottom: 1.9rem;
}
.stl-product-group .info-block--top .cost-rating-row::after {
clear: both;
content: '';
display: block;
}
.stl-product-group .info-block--top .cost-rating-row .product-cost {
position: relative;
float: left;
}
.stl-product-group .info-block--top .cost-rating-row .product-cost .currency {
position: relative;
margin-top: -0.2rem;
}
.stl-product-group .info-block--top .cost-rating-row .product-cost .currency:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #c4c4c4;
top: auto;
left: 0;
bottom: 0;
}
.stl-product-group .info-block--top .cost-rating-row .rating-stars {
position: relative;
float: right;
}
.stl-product-group .selector-group {
position: relative;
}
.stl-product-group .selector-group--purchase {
position: relative;
font-size: 0;
text-align: center;
}
.stl-product-group .selector-group--purchase .btn {
position: relative;
display: inline-block;
font-size: 0;
}
.stl-product-group .selector-group--purchase .btn:nth-child(1) {
width: 100%;
margin-bottom: 1rem;
}
.stl-product-group .selector-group--purchase .btn:nth-child(2) {
width: 6rem;
margin-right: 1rem;
margin-bottom: 2rem;
}
.stl-product-group .selector-group--purchase .btn:nth-child(3) {
width: calc(100% - 7rem);
margin-bottom: 2rem;
}
.stl-product-group .selector-group .info-row {
position: relative;
margin-bottom: 1.5rem;
}
.stl-product-group .selector-group .info-row::after {
clear: both;
content: '';
display: block;
}
.stl-product-group .selector-group .info-row .spec-info-wrapper {
position: relative;
float: left;
}
.stl-product-group .selector-group .info-row .spec-info-wrapper .spec-desc {
color: #999;
}
.stl-product-group .selector-group .info-row .spec-info-wrapper .spec-desc:after {
content: '\2013';
position: relative;
display: inline-block;
padding: 0 0.6rem 0 0.9rem;
}
.stl-product-group .selector-group .info-row .spec-info-wrapper .spec-value {
color: #121212;
}
.stl-product-group .selector-group .info-row .spec-addl {
position: relative;
float: right;
color: #999;
}
.stl-product-group .selector-group .info-row .spec-addl a {
text-transform: uppercase;
}
.stl-product-group .selector-group .info-row .spec-addl a:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #c4c4c4;
top: auto;
left: 0;
bottom: 1px;
}
.stl-product-group hr {
border: none;
background: #ddd;
margin-bottom: 1.9rem;
}
.modal-stl {
position: relative;
overflow: hidden;
}
.modal-stl .corner-buttons {
right: 3rem !important;
}
.modal-stl--content {
position: relative;
}
.modal-stl--content::after {
clear: both;
content: '';
display: block;
}
.modal-stl--inner-content {
position: relative;
font-size: 0;
padding-top: 7rem;
}
.modal-stl--inner-content::after {
clear: both;
content: '';
display: block;
}
@media (min-width: 641px) {
.modal-stl--inner-content {
padding-top: 13rem;
}
}
@media (min-width: 1025px) {
.modal-stl--inner-content {
padding-top: 0;
}
}
.modal-stl--inner-content > .col {
float: none;
display: inline-block;
position: relative;
top: 0px;
left: 0px;
font-size: 0;
vertical-align: top;
text-align: left;
}
.modal-stl--inner-content > .col--left {
display: none;
}
@media (min-width: 1025px) {
.modal-stl--inner-content > .col--left {
display: inline-block;
width: 46%;
max-width: 73rem;
margin: 0 5.5% 0 0;
}
}
.modal-stl--inner-content > .col--left .h4 {
position: absolute;
display: block;
top: 4rem;
left: 4rem;
z-index: 5;
}
.modal-stl--inner-content > .col--left .product-pins {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.modal-stl--inner-content > .col--left .product-pins .product-pin:nth-child(1) {
top: 28%;
left: 26%;
}
.modal-stl--inner-content > .col--left .product-pins .product-pin:nth-child(2) {
top: 68%;
left: 71%;
}
.modal-stl--inner-content > .col--left .product-pins .product-pin:nth-child(3) {
top: 82%;
left: 10%;
}
.modal-stl--inner-content > .col--left .full-image {
background-color: #dfe8ef;
}
.modal-stl--inner-content > .col--right {
top: 0;
left: 0;
width: 100%;
height: 100%;
white-space: normal;
overflow: visible;
}
@media (min-width: 1025px) {
.modal-stl--inner-content > .col--right {
display: block;
position: absolute;
left: auto;
right: 0;
width: 47.5%;
padding-top: 8rem;
padding-right: calc(5.5% + 2rem);
overflow: auto;
}
}
.modal-stl--inner-content > .col--right .mobile-header {
display: none;
position: absolute;
top: -8rem;
left: 7rem;
z-index: 50;
}
@media (min-width: 641px) {
.modal-stl--inner-content > .col--right .mobile-header {
display: block;
}
}
@media (min-width: 1025px) {
.modal-stl--inner-content > .col--right .mobile-header {
display: none;
}
}
.modal-stl--inner-content > .col--right-inner {
position: relative;
}
.modal-stl .product-pin {
display: block;
position: absolute;
width: 3rem;
height: 3rem;
background: #121212;
border: 3px solid #fff;
color: #fff;
cursor: pointer;
}
.modal-stl .product-pin:hover, .modal-stl .product-pin.is-hover {
background: #fff;
border: 3px solid #121212;
color: #121212;
}
.modal-stl .product-pin span {
display: inline-block;
position: relative;
width: 100%;
font-size: 1.6rem;
line-height: 2.8rem;
text-align: center;
}
.modal {
position: absolute;
visibility: hidden;
max-width: 1620px;
background: #fff;
padding: 0 2rem;
}
@media (min-width: 641px) {
.modal {
margin: 20px;
padding: 0;
}
}
@media (min-width: 1025px) {
.modal {
margin: 40px;
}
}
.modal .corner-buttons {
position: absolute;
top: 2rem;
left: auto;
right: 2rem;
z-index: 10;
}
.mfp-wrap .modal,
.styleguide-module__modals .modal {
position: relative;
visibility: visible;
}
.mfp-wrap .mfp-container,
.styleguide-module__modals .mfp-container {
padding: 0;
}
.cursor-zoom {
position: absolute;
top: -2.5rem;
left: -2.5rem;
width: 5rem;
height: 5rem;
z-index: 10;
opacity: 0;
pointer-events: none;
visibility: hidden;
cursor: none;
transition: transform 60ms cubic-bezier(0.13, 0.35, 0.195, 0.94), opacity 400ms cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
transition-timing-function: cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
}
.cursor-zoom.is-active {
opacity: 1;
}
@media (min-width: 1025px) {
.cursor-zoom {
visibility: visible;
}
}
.cursor-zoom--outer, .cursor-zoom--inner {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.image-swappable {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.image-swappable:hover .double-wrap {
transform: scale(1.04);
}
.image-swappable .double-wrap {
transform-origin: 50% 25%;
transition-property: transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.image-swappable figure {
transition: transform 160ms cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
transition-timing-function: cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
}
.image-zoom {
display: block;
position: absolute;
top: -9999rem;
left: 0px;
width: 100%;
height: 100%;
z-index: 150;
background: rgba(255, 255, 255, 0.8);
overflow: hidden;
cursor: none;
}
.image-zoom.is-active {
top: 0;
}
.image-zoom .double-wrap {
overflow: hidden;
}
.image-zoom .images-wrapper {
transform: scale(1.04);
cursor: none;
transition: transform 160ms cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
transition-timing-function: cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
}
.image-zoom .image--low-res {
z-index: 1;
}
.image-zoom .image--high-res {
z-index: 2;
}
.image-zoom .cursor-inner {
visibility: hidden;
}
@media (min-width: 1025px) {
.image-zoom .cursor-inner {
visibility: visible;
}
}
.image-zoom .cursor-inner path {
transition: all 160ms cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
transition-timing-function: cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
}
.image-zoom .cursor-inner path:nth-child(2) {
transform: rotate(90deg);
transform-origin: 50% 50%;
opacity: 0;
}
.image-zoom .cursor-inner path:nth-child(3) {
transform: rotate(90deg);
transform-origin: 50% 50%;
}
.pagination-item {
display: inline-block;
position: relative;
width: 4rem;
height: 4rem;
}
@media (min-width: 1025px) {
.pagination-item {
width: 3rem;
height: 3rem;
}
}
.pagination-item a {
width: inherit;
height: inherit;
}
.pagination-item svg {
position: absolute;
top: 50%;
left: 50%;
margin: -0.5rem 0 0 -0.5rem;
width: 1rem;
height: 1rem;
opacity: 0.2;
z-index: 1;
transition: all 240ms cubic-bezier(0.155, 0.225, 0, 1.005);
/* custom */
transition-timing-function: cubic-bezier(0.155, 0.225, 0, 1.005);
/* custom */
}
.pagination-item .bg-panel {
background: rgba(234, 62, 49, 0);
transition: background 480ms cubic-bezier(0.155, 0.225, 0, 1.005);
/* custom */
transition-timing-function: cubic-bezier(0.155, 0.225, 0, 1.005);
/* custom */
}
.pagination-item.is-active .bg-panel {
background: #ea3e31;
}
.pagination-item.is-active svg {
opacity: 1;
transform: rotate(45deg);
}
.bullet-nav {
position: relative;
z-index: 1;
text-align: center;
padding-top: 14px;
padding-bottom: 14px;
}
.bullet-nav li {
position: relative;
display: inline-block;
width: 25px;
height: 25px;
cursor: pointer;
}
.bullet-nav li + li {
margin-left: .75rem;
}
.bullet-nav li.active {
background-color: #ea3e31;
}
.bullet-nav li.active svg {
opacity: 1;
transform: translateX(-50%) translateY(-50%) rotateZ(45deg);
}
.bullet-nav li svg {
width: 10px;
height: 10px;
position: absolute;
top: 50%;
left: 50%;
opacity: 0.2;
transform: translateX(-50%) translateY(-50%);
transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.owl-nav {
margin-top: 10px;
text-align: center;
tap-highlight-color: transparent;
}
.owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none;
}
.owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-nav .disabled + .owl-dots {
margin-top: 10px;
}
.owl-dots {
text-align: center;
tap-highlight-color: transparent;
}
.owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
cursor: pointer;
}
.owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
background: #869791;
}
.slider-image {
padding: 10rem 0;
}
.image-carousel {
margin-top: 5rem;
}
.image-carousel .owl-stage {
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1) !important;
}
.image-carousel--item {
width: 50rem;
text-align: center;
margin: 0 auto;
opacity: .5;
transform: scale(0.8);
transition-property: opacity, transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
@media (min-width: 1025px) {
.image-carousel--item {
width: 80rem;
}
}
.active.center .image-carousel--item {
opacity: 1;
transform: scale(1);
}
.product-thumbnails {
position: relative;
margin-bottom: 1rem;
-webkit-backface-visibility: hidden;
}
.product-thumbnails ul {
position: relative;
font-size: 0;
margin: 0 -0.5rem;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
z-index: 2;
}
@media (min-width: 1025px) {
.product-thumbnails ul {
white-space: normal;
overflow-x: hidden;
overflow-y: hidden;
}
}
.product-thumbnails li {
display: inline-block;
position: relative;
width: 4rem;
height: 4rem;
margin: 1rem;
font-size: 0;
vertical-align: top;
cursor: pointer;
-webkit-backface-visibility: hidden;
}
.product-thumbnails li:hover .outline, .product-thumbnails li.is-active .outline {
opacity: 1;
transform: scale(1);
}
.product-thumbnails li:hover img,
.product-thumbnails li:hover .img, .product-thumbnails li.is-active img,
.product-thumbnails li.is-active .img {
transform: scale(1.1);
}
.product-thumbnails li a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.product-thumbnails li .double-wrap {
position: relative;
overflow: hidden;
z-index: 5;
}
.product-thumbnails li img,
.product-thumbnails li .img {
-webkit-backface-visibility: hidden;
transition: transform 300ms cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
transition-timing-function: cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
}
.product-thumbnails li .outline {
position: absolute;
top: -0.5rem;
left: -0.5rem;
width: 5rem;
height: 5rem;
pointer-events: none;
overflow: visible;
opacity: 0;
transform: scale(1.04);
transition-property: opacity, transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.1s;
}
.product-thumbnails li .outline svg {
overflow: visible;
}
.product-thumbnails .right-fade {
position: absolute;
top: 0;
left: auto;
right: -0.5rem;
width: 5rem;
height: 100%;
z-index: 10;
pointer-events: none;
background-position: 100% 60%;
background-repeat: no-repeat;
}
.rating-stars {
position: relative;
white-space: nowrap;
}
.rating-stars--stars {
display: inline-block;
position: relative;
width: 7rem;
height: 1.4rem;
}
@media (min-width: 641px) {
.rating-stars--stars {
width: 9.5rem;
height: 2.4rem;
}
}
.rating-stars--stars .stars-empty,
.rating-stars--stars .stars-filled {
width: 9.5rem;
height: inherit;
}
.rating-stars--stars .stars-empty svg,
.rating-stars--stars .stars-filled svg {
position: absolute;
top: auto;
bottom: 0rem;
width: 7rem;
}
@media (min-width: 641px) {
.rating-stars--stars .stars-empty svg,
.rating-stars--stars .stars-filled svg {
bottom: 0.3rem;
width: 9.5rem;
}
}
.rating-stars--stars li {
width: 100%;
position: relative;
}
.rating-stars--stars .stars-empty {
position: relative;
}
.rating-stars--stars .stars-empty .star, .rating-stars--stars .stars-empty .star-row {
fill: #999;
}
.rating-stars--stars .stars-filled {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
.rating-stars--stars .stars-filled .star, .rating-stars--stars .stars-filled .star-row {
fill: #121212;
}
.rating-stars--stars .star {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.rating-stars--stars .star-row {
width: 100%;
}
.rating-stars .count-field {
display: inline-block;
position: relative;
top: -0.6rem;
color: #121212;
margin-left: 0.8rem;
vertical-align: bottom;
}
@media (min-width: 641px) {
.rating-stars .count-field {
top: -0.6rem;
vertical-align: baseline;
}
}
.rating-stars .count-field span:nth-child(1) {
color: #060606;
}
.rating-stars .count-field:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #c4c4c4;
top: auto;
left: 0;
bottom: -0.1rem;
}
@media (min-width: 641px) {
.rating-stars .count-field:after {
bottom: 0;
}
}
.rating-stars.small {
width: 7.5rem;
height: 1.9rem;
}
.rating-stars.small ul {
width: 7.5rem;
}
.rating-stars[data-editable="true"] li {
cursor: pointer;
}
.simple-slider .slides-wrapper {
overflow: hidden;
}
.simple-slider .slides-wrapper,
.simple-slider .slides,
.simple-slider .slides li,
.simple-slider .slides li img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.simple-slider .slides {
transition: all 500ms cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
transition-timing-function: cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
}
.simple-slider .slides li {
overflow: hidden;
cursor: pointer;
}
.simple-slider .slides li.is-front {
z-index: 2;
}
.simple-slider .slides li .inner-image {
top: -1rem;
left: -1rem;
width: calc(100% + 2rem);
height: calc(100% + 2rem);
transition: all 400ms cubic-bezier(0.435, 0.02, 0.25, 0.985);
/* custom */
transition-timing-function: cubic-bezier(0.435, 0.02, 0.25, 0.985);
/* custom */
}
.simple-slider .progress-indicator-wrapper {
position: absolute;
top: auto;
left: auto;
right: 0rem;
bottom: -4.4rem;
}
.simple-slider .progress-indicator {
position: relative;
margin-top: 1.7rem;
white-space: nowrap;
text-align: right;
}
.simple-slider .progress-indicator .arrow {
position: absolute;
top: -0.2rem;
padding: 1rem;
}
.simple-slider .progress-indicator .arrow--image {
position: relative;
width: 2.2rem;
height: 1rem;
}
.simple-slider .progress-indicator .arrow--left {
left: auto;
right: calc(50% + 5.8rem);
}
.simple-slider .progress-indicator .arrow--right {
left: calc(50% + 5.8rem);
}
.simple-slider .progress-indicator .progress-numbers {
display: inline-block;
position: relative;
color: #121212;
white-space: nowrap;
text-align: center;
pointer-events: none;
}
.simple-slider .progress-indicator .progress-numbers span {
display: inline-block;
}
.simple-slider .progress-indicator .progress-numbers--slash {
padding: 0 1.8rem;
}
.size-selector {
font-size: 0;
}
.size-selector ul {
position: relative;
margin: 0 -1rem 1rem;
}
.size-selector li {
position: relative;
display: inline-block;
width: 4rem;
height: 3rem;
border: 2px solid #121212;
margin: 0.4rem 1rem 1rem;
font-size: 0;
color: #121212;
text-align: center;
}
.size-selector li.is-active, .size-selector li:hover {
background: #121212;
}
.size-selector li.is-active a, .size-selector li:hover a {
color: #fff;
}
.size-selector li.oos {
background: #fff !important;
color: #121212 !important;
border-color: #ddd !important;
cursor: default !important;
pointer-events: none !important;
}
.size-selector li.oos .x-out {
display: block;
}
.size-selector li a {
position: relative;
line-height: 3rem;
transition: none;
z-index: 2;
}
.size-selector li .x-out {
display: none;
position: absolute;
top: -1rem;
left: -0.1rem;
width: 3.8rem;
height: 5rem;
z-index: 1;
}
.size-selector .desktop-selector {
display: none;
}
@media (min-width: 641px) {
.size-selector .desktop-selector {
display: block;
}
}
.size-selector .mobile-selector {
display: block;
}
@media (min-width: 641px) {
.size-selector .mobile-selector {
display: none;
}
}
.accordion--toggle {
position: relative;
display: block;
cursor: pointer;
}
.accordion--toggle .plus {
position: absolute;
}
.accordion--toggle line {
transform-origin: center;
transition-property: transform, opacity;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
opacity: 1;
}
.accordion--content {
height: 0;
opacity: 0;
overflow: hidden;
transition-property: height, opacity;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.is-open .accordion--toggle + .accordion--content {
opacity: 1;
}
.is-open .accordion--toggle line:nth-child(1) {
transform: rotateZ(-90deg);
opacity: 0;
}
.is-open .accordion--toggle line:nth-child(2) {
transform: rotateZ(-180deg);
}
.accordion--alt > li {
margin-bottom: 2rem;
}
.accordion--alt > li:last-child {
margin-bottom: 0;
}
.accordion--alt > li.is-open .accordion--toggle {
background-color: #ddd;
}
.accordion--alt .accordion--toggle {
line-height: 8rem;
padding: 0 3.5rem;
font-size: 1.8rem;
background-color: white;
}
.accordion--alt .accordion--toggle .plus {
top: 4rem;
right: 3.5rem;
width: 1.2rem;
transform: translateY(-50%);
}
.accordion--alt .accordion--content {
background-color: white;
}
.accordion--alt .accordion--content > div {
padding: 3rem 3.5rem;
}
.accordion--alt .accordion--content > div p {
margin-bottom: 2rem;
}
.accordion--alt .accordion--content .accordion--heading {
display: block;
margin-bottom: 1.5rem;
}
.accordion--alt .accordion--content .btn {
max-width: 320px;
}
.accordion--alt .accordion--content * + .inline-table,
.accordion--alt .accordion--content * + .inline-info {
margin-top: 5rem;
}
.accordion--alt .accordion--content .inline-table + *,
.accordion--alt .accordion--content .inline-info + * {
margin-top: 5rem;
}
.accordion--alt .accordion--content .inline-table {
padding: 2rem 3rem;
max-width: 43.5rem;
background-color: #ddd;
}
.accordion--alt .accordion--content .inline-table .row {
padding: 0;
margin: 0;
}
.accordion--alt .accordion--content .inline-table .col {
padding: 1rem 0;
color: #060606;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
}
.accordion--alt .accordion--content .inline-table .col:nth-child(1) {
float: left;
width: 50%;
padding-right: 2rem;
border-right: 1px solid #999;
}
.accordion--alt .accordion--content .inline-table .col:nth-child(2) {
width: calc(50% - 2rem);
float: right;
}
.accordion--alt .accordion--content .inline-table .h9 {
font-size: 1.2rem;
line-height: 1.5;
}
.accordion--alt .accordion--content .inline-info {
max-width: 60rem;
padding: 2.5rem 3.5rem;
background-size: contain;
background-color: #e7e7e7;
background-repeat: no-repeat;
background-position: right center;
}
.accordion--alt .accordion--content .inline-info > * + * {
margin-top: .5rem;
}
.accordion--alt .accordion--content .inline-info:after {
content: '';
display: block;
clear: both;
}
.accordion--alt .accordion--content .inline-info .content {
float: left;
background-color: #e7e7e7;
}
.accordion--alt .accordion--content .inline-info figure {
float: right;
}
.accordion--alt .accordion--content .inline-info a {
text-decoration: underline;
}
.accordion--alt .accordion--content .alert {
padding: 4rem 5rem;
position: relative;
}
.accordion--alt .accordion--content .alert svg {
position: absolute;
top: 4rem;
left: 6rem;
width: 1.8rem;
}
.accordion--alt .accordion--content .alert.success {
background-color: #c7e7c3;
}
.accordion--alt .accordion--content .alert.error {
background-color: #ebd8d8;
}
.accordion--alt .accordion--content .alert.neutral {
background-color: #e7e7e7;
}
.accordion--alt .accordion--content .alert + .alert {
margin-top: 1rem;
}
.accordion--alt .accordion--content .list {
font-weight: 600;
margin-bottom: 4rem;
}
.accordion--alt .accordion--content .list ~ .btn {
margin: 0rem 1rem 4rem 0;
}
.accordion--alt .accordion--content .list + p {
margin-top: 2.5rem;
}
.accordion--alt .accordion--content ul.list li + li {
margin-top: 1rem;
}
.accordion--alt .accordion--content ol.list {
padding: 1rem 0;
}
.accordion--alt .accordion--content ol.list > li {
padding-top: .5rem;
list-style-type: decimal;
}
.accordion--alt .accordion--content ol.list > li + li {
margin-top: 1rem;
}
.accordion--alt .accordion--content p + .list {
margin-top: 2.5rem;
}
.accordion--alt .accordion--content .zipcode {
max-width: 275px;
margin: 2.5rem 0;
}
.accordion--alt .accordion--content * + .video-player {
margin-top: 5rem;
}
.alert {
position: relative;
margin-bottom: 2rem;
padding: 3.5rem 4rem;
background-color: white;
}
.alert [data-alert-close] {
position: absolute;
top: 2rem;
right: 2rem;
width: 1.5rem;
cursor: pointer;
}
.alert--heading {
margin-bottom: 1.5rem;
}
.alert--content {
margin: 0 auto;
max-width: 40rem;
}
.alert p {
font-size: 1.4rem;
font-weight: 600;
}
.alert p.light-text {
color: #999;
font-size: 1.3rem;
}
.alert .alert-success {
display: block;
width: 2.5rem;
height: 2.5rem;
margin: 0 auto 2rem;
border-radius: 50%;
border: 2px solid #121212;
}
.alert .alert-success svg {
width: 1.2rem;
height: calc(2.5rem - 4px);
vertical-align: middle;
fill: #121212;
}
.alert a {
color: white;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
}
.alert a svg {
width: 1.2rem;
margin-left: 0.5rem;
fill: #ea3e31;
}
.alert--promo .alert--content, .alert--error .alert--content {
max-width: none;
}
.alert--promo {
background-color: #ddd;
}
.alert--promo [data-alert-close] {
fill: #ddd;
}
.alert--promo [data-alert-close]:hover {
fill: #060606;
}
.alert--error {
background-color: #ea3e31;
}
.alert--error [data-alert-close] {
fill: white;
}
.alert--error .alert--content {
color: white;
}
.cursor-zoom {
position: absolute;
top: -2.5rem;
left: -2.5rem;
width: 5rem;
height: 5rem;
z-index: 10;
opacity: 0;
pointer-events: none;
visibility: hidden;
cursor: none;
transition: transform 60ms cubic-bezier(0.13, 0.35, 0.195, 0.94), opacity 400ms cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
transition-timing-function: cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
}
.cursor-zoom.is-active {
opacity: 1;
}
@media (min-width: 1025px) {
.cursor-zoom {
visibility: visible;
}
}
.cursor-zoom--outer, .cursor-zoom--inner {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.heart-toggle {
position: relative;
}
.heart-toggle--full {
position: absolute;
top: 0px;
left: 0px;
}
.heart-toggle--full svg * {
fill: rgba(234, 62, 49, 0);
transition-property: fill;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.24s;
}
.heart-toggle--empty {
position: relative;
}
.heart-toggle--empty svg * {
fill: #999999;
transition-property: fill;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.24s;
}
.heart-toggle--full, .heart-toggle--empty {
width: 2rem;
height: 2rem;
}
.heart-toggle:hover .heart-toggle--empty svg * {
fill: #060606;
}
.heart-toggle.is-active .heart-toggle--full svg * {
fill: #ea3e31;
}
.heart-toggle.is-active .heart-toggle--empty svg * {
fill: #5e5e5e;
}
.heart-toggle svg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.image-swappable {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.image-swappable:hover .double-wrap {
transform: scale(1.04);
}
.image-swappable .double-wrap {
transform-origin: 50% 25%;
transition-property: transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
}
.image-swappable figure {
transition: transform 160ms cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
transition-timing-function: cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
}
.image-zoom {
display: block;
position: absolute;
top: -9999rem;
left: 0px;
width: 100%;
height: 100%;
z-index: 150;
background: rgba(255, 255, 255, 0.8);
overflow: hidden;
cursor: none;
}
.image-zoom.is-active {
top: 0;
}
.image-zoom .double-wrap {
overflow: hidden;
}
.image-zoom .images-wrapper {
transform: scale(1.04);
cursor: none;
transition: transform 160ms cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
transition-timing-function: cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
}
.image-zoom .image--low-res {
z-index: 1;
}
.image-zoom .image--high-res {
z-index: 2;
}
.image-zoom .cursor-inner {
visibility: hidden;
}
@media (min-width: 1025px) {
.image-zoom .cursor-inner {
visibility: visible;
}
}
.image-zoom .cursor-inner path {
transition: all 160ms cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
transition-timing-function: cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
}
.image-zoom .cursor-inner path:nth-child(2) {
transform: rotate(90deg);
transform-origin: 50% 50%;
opacity: 0;
}
.image-zoom .cursor-inner path:nth-child(3) {
transform: rotate(90deg);
transform-origin: 50% 50%;
}
.pagination {
width: 100%;
margin: 4rem 0;
text-align: center;
}
.pagination li {
display: inline-block;
margin: 0 1rem;
font-size: 1.4rem;
font-weight: 700;
}
.pagination li a {
color: #999;
fill: #999;
}
.pagination li a.is-active, .pagination li a:hover {
color: #060606;
fill: #060606;
}
.pagination li svg {
width: 1rem;
}
.product-thumbnails {
position: relative;
margin-bottom: 1rem;
-webkit-backface-visibility: hidden;
}
.product-thumbnails ul {
position: relative;
font-size: 0;
margin: 0 -0.5rem;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
z-index: 2;
}
@media (min-width: 1025px) {
.product-thumbnails ul {
white-space: normal;
overflow-x: hidden;
overflow-y: hidden;
}
}
.product-thumbnails li {
display: inline-block;
position: relative;
width: 4rem;
height: 4rem;
margin: 1rem;
font-size: 0;
vertical-align: top;
cursor: pointer;
-webkit-backface-visibility: hidden;
}
.product-thumbnails li:hover .outline, .product-thumbnails li.is-active .outline {
opacity: 1;
transform: scale(1);
}
.product-thumbnails li:hover img,
.product-thumbnails li:hover .img, .product-thumbnails li.is-active img,
.product-thumbnails li.is-active .img {
transform: scale(1.1);
}
.product-thumbnails li a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.product-thumbnails li .double-wrap {
position: relative;
overflow: hidden;
z-index: 5;
}
.product-thumbnails li img,
.product-thumbnails li .img {
-webkit-backface-visibility: hidden;
transition: transform 300ms cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
transition-timing-function: cubic-bezier(0.13, 0.35, 0.195, 0.94);
/* custom */
}
.product-thumbnails li .outline {
position: absolute;
top: -0.5rem;
left: -0.5rem;
width: 5rem;
height: 5rem;
pointer-events: none;
overflow: visible;
opacity: 0;
transform: scale(1.04);
transition-property: opacity, transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
transition-duration: 0.1s;
}
.product-thumbnails li .outline svg {
overflow: visible;
}
.product-thumbnails .right-fade {
position: absolute;
top: 0;
left: auto;
right: -0.5rem;
width: 5rem;
height: 100%;
z-index: 10;
pointer-events: none;
background-position: 100% 60%;
background-repeat: no-repeat;
}
.rating-stars {
position: relative;
white-space: nowrap;
}
.rating-stars--stars {
display: inline-block;
position: relative;
width: 7rem;
height: 1.4rem;
}
@media (min-width: 641px) {
.rating-stars--stars {
width: 9.5rem;
height: 2.4rem;
}
}
.rating-stars--stars .stars-empty,
.rating-stars--stars .stars-filled {
width: 9.5rem;
height: inherit;
}
.rating-stars--stars .stars-empty svg,
.rating-stars--stars .stars-filled svg {
position: absolute;
top: auto;
bottom: 0rem;
width: 7rem;
}
@media (min-width: 641px) {
.rating-stars--stars .stars-empty svg,
.rating-stars--stars .stars-filled svg {
bottom: 0.3rem;
width: 9.5rem;
}
}
.rating-stars--stars li {
width: 100%;
position: relative;
}
.rating-stars--stars .stars-empty {
position: relative;
}
.rating-stars--stars .stars-empty .star, .rating-stars--stars .stars-empty .star-row {
fill: #999;
}
.rating-stars--stars .stars-filled {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
.rating-stars--stars .stars-filled .star, .rating-stars--stars .stars-filled .star-row {
fill: #121212;
}
.rating-stars--stars .star {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.rating-stars--stars .star-row {
width: 100%;
}
.rating-stars .count-field {
display: inline-block;
position: relative;
top: -0.6rem;
color: #121212;
margin-left: 0.8rem;
vertical-align: bottom;
}
@media (min-width: 641px) {
.rating-stars .count-field {
top: -0.6rem;
vertical-align: baseline;
}
}
.rating-stars .count-field span:nth-child(1) {
color: #060606;
}
.rating-stars .count-field:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #c4c4c4;
top: auto;
left: 0;
bottom: -0.1rem;
}
@media (min-width: 641px) {
.rating-stars .count-field:after {
bottom: 0;
}
}
.rating-stars.small {
width: 7.5rem;
height: 1.9rem;
}
.rating-stars.small ul {
width: 7.5rem;
}
.rating-stars[data-editable="true"] li {
cursor: pointer;
}
.simple-slider .slides-wrapper {
overflow: hidden;
}
.simple-slider .slides-wrapper,
.simple-slider .slides,
.simple-slider .slides li,
.simple-slider .slides li img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.simple-slider .slides {
transition: all 500ms cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
transition-timing-function: cubic-bezier(0.485, -0.02, 0, 0.985);
/* custom */
}
.simple-slider .slides li {
overflow: hidden;
cursor: pointer;
}
.simple-slider .slides li.is-front {
z-index: 2;
}
.simple-slider .slides li .inner-image {
top: -1rem;
left: -1rem;
width: calc(100% + 2rem);
height: calc(100% + 2rem);
transition: all 400ms cubic-bezier(0.435, 0.02, 0.25, 0.985);
/* custom */
transition-timing-function: cubic-bezier(0.435, 0.02, 0.25, 0.985);
/* custom */
}
.simple-slider .progress-indicator-wrapper {
position: absolute;
top: auto;
left: auto;
right: 0rem;
bottom: -4.4rem;
}
.simple-slider .progress-indicator {
position: relative;
margin-top: 1.7rem;
white-space: nowrap;
text-align: right;
}
.simple-slider .progress-indicator .arrow {
position: absolute;
top: -0.2rem;
padding: 1rem;
}
.simple-slider .progress-indicator .arrow--image {
position: relative;
width: 2.2rem;
height: 1rem;
}
.simple-slider .progress-indicator .arrow--left {
left: auto;
right: calc(50% + 5.8rem);
}
.simple-slider .progress-indicator .arrow--right {
left: calc(50% + 5.8rem);
}
.simple-slider .progress-indicator .progress-numbers {
display: inline-block;
position: relative;
color: #121212;
white-space: nowrap;
text-align: center;
pointer-events: none;
}
.simple-slider .progress-indicator .progress-numbers span {
display: inline-block;
}
.simple-slider .progress-indicator .progress-numbers--slash {
padding: 0 1.8rem;
}
.size-selector {
font-size: 0;
}
.size-selector ul {
position: relative;
margin: 0 -1rem 1rem;
}
.size-selector li {
position: relative;
display: inline-block;
width: 4rem;
height: 3rem;
border: 2px solid #121212;
margin: 0.4rem 1rem 1rem;
font-size: 0;
color: #121212;
text-align: center;
}
.size-selector li.is-active, .size-selector li:hover {
background: #121212;
}
.size-selector li.is-active a, .size-selector li:hover a {
color: #fff;
}
.size-selector li.oos {
background: #fff !important;
color: #121212 !important;
border-color: #ddd !important;
cursor: default !important;
pointer-events: none !important;
}
.size-selector li.oos .x-out {
display: block;
}
.size-selector li a {
position: relative;
line-height: 3rem;
transition: none;
z-index: 2;
}
.size-selector li .x-out {
display: none;
position: absolute;
top: -1rem;
left: -0.1rem;
width: 3.8rem;
height: 5rem;
z-index: 1;
}
.size-selector .desktop-selector {
display: none;
}
@media (min-width: 641px) {
.size-selector .desktop-selector {
display: block;
}
}
.size-selector .mobile-selector {
display: block;
}
@media (min-width: 641px) {
.size-selector .mobile-selector {
display: none;
}
}
[data-type="tabs"] [data-tab] {
display: inline-block;
}
[data-type="tabs"] [data-tab-content] {
display: none;
opacity: 0;
}
[data-type="tabs"] [data-tab-content].is-active {
display: block;
}
.toggle::after {
clear: both;
content: '';
display: block;
}
.toggle a {
min-width: 5rem;
height: 3rem;
padding: 0 1.5rem;
border: 1px solid #ddd;
line-height: 2.8rem;
text-align: center;
float: left;
}
.toggle a:nth-child(1) {
border-right: 0;
}
.toggle a:nth-child(2) {
border-left: 0;
}
.toggle a.is-active {
border-color: #ea3e31;
background-color: #ea3e31;
}
.html:not(.mobile) .toggle:hover {
border-color: #ea3e31;
background-color: #ea3e31;
}
.tooltip {
position: relative;
display: inline-block;
vertical-align: top;
}
.tooltip > svg {
position: absolute;
top: -.2rem;
left: 0;
width: 1.4rem;
height: 1.4rem;
cursor: pointer;
overflow: hidden;
border-radius: 50%;
background: #ea3e31;
}
.tooltip > svg path:first-of-type {
fill: #ea3e31;
}
.tooltip > svg:hover ~ .tooltip--content {
z-index: 1;
visibility: visible;
opacity: 1;
transition: opacity .25s ease, z-index 0s, visibility 0s;
}
.tooltip--content {
width: 25rem;
padding: 2rem;
font-size: 1.3rem;
line-height: 1.7rem;
color: #5e5e5e;
text-transform: none;
font-weight: 500;
position: absolute;
top: 0;
left: calc(-12.5rem + .7rem);
z-index: -1;
opacity: 0;
visibility: hidden;
background-color: #fff;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
transform: translateY(calc(-100% - 1rem));
transition: opacity .25s .25s, z-index 0s .5s, visibility 0s .5s;
}
.left .tooltip--content {
left: calc(100% - .8rem);
}
.right .tooltip--content {
left: calc(-25rem + 1.6rem);
}
.tooltip--content:before, .tooltip--content:after {
content: '';
position: absolute;
top: 100%;
width: 0;
height: 0;
border-style: solid;
}
.tooltip--content:before {
left: calc(50% - .8rem);
border-width: .7rem .8rem 0 .8rem;
border-color: rgba(0, 0, 0, 0.25) transparent transparent transparent;
}
.left .tooltip--content:before {
left: calc(0% + .8rem);
}
.right .tooltip--content:before {
left: calc(100% - 1.8rem);
}
.tooltip--content:after {
left: calc(50% - .7rem);
border-width: .6rem .7rem 0 .7rem;
border-color: #fff transparent transparent transparent;
}
.left .tooltip--content:after {
left: calc(0% + .9rem);
}
.right .tooltip--content:after {
left: calc(100% - 1.7rem);
}
.tooltip--content:hover {
z-index: 1;
opacity: 1;
visibility: visible;
}
.video-player {
position: relative;
width: 100%;
height: 100%;
}
.video-player .controls {
position: absolute;
width: 100%;
height: 100%;
}
.video-player--play-button {
z-index: 20;
top: calc(50% - 1.5rem);
left: calc(50% - 1.5rem);
}
@media (min-width: 1025px) {
.btn-text .video-player--play-button {
top: auto;
left: auto;
right: 2rem;
bottom: 2rem;
}
}
.video-player--poster {
background-color: #ea3e31;
}
.video-player--ambient {
overflow: hidden;
}
.video-player--ambient video {
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
transform: translateY(-50%);
}
.video-player--ambient video:after {
content: '';
padding-bottom: 37.5% 100% 0 0;
}
.video-player--fw .play-rect {
width: 4rem;
height: 4rem;
line-height: 3.8rem;
border: 1px solid #fff;
}
.video-player--fw .play-rect--icon-container {
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.video-player--fw .play-rect--icon {
width: 3.8rem;
height: 3.8rem;
fill: #fff;
}
.video-player--fw .play-rect span {
color: #fff;
}
.video-player--fw .play-rect span, .video-player--fw .play-rect span:after {
padding: 0;
display: none;
background-color: transparent;
transition-property: background, transform;
transition-duration: .25s;
}
@media (min-width: 1025px) {
.video-player--fw .play-rect span, .video-player--fw .play-rect span:after {
display: block;
}
}
.video-player--fw .play-rect span:after {
color: #060606;
}
@media (min-width: 1025px) {
.video-player--fw .play-rect:hover span, .video-player--fw .play-rect:hover span:after {
background-color: #fff;
}
}
@media (min-width: 1025px) {
.video-player--fw.btn-text .play-rect {
width: 15rem;
padding: 0 0 0 3.8rem;
top: calc(50% - 2rem);
right: auto;
bottom: auto;
left: calc(50% - 7.5rem);
}
}
.video-player--fw:after {
content: '';
padding-bottom: 56.25%;
display: block;
}
.video-player [data-lazy-video] {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.video-player {
position: relative;
width: 100%;
height: 100%;
}
.video-player .controls {
position: absolute;
width: 100%;
height: 100%;
}
.video-player--play-button {
z-index: 20;
top: calc(50% - 1.5rem);
left: calc(50% - 1.5rem);
}
@media (min-width: 1025px) {
.btn-text .video-player--play-button {
top: auto;
left: auto;
right: 2rem;
bottom: 2rem;
}
}
.video-player--poster {
background-color: #ea3e31;
}
.video-player--ambient {
overflow: hidden;
}
.video-player--ambient video {
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
transform: translateY(-50%);
}
.video-player--ambient video:after {
content: '';
padding-bottom: 37.5% 100% 0 0;
}
.video-player--fw .play-rect {
width: 4rem;
height: 4rem;
line-height: 3.8rem;
border: 1px solid #fff;
}
.video-player--fw .play-rect--icon-container {
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.video-player--fw .play-rect--icon {
width: 3.8rem;
height: 3.8rem;
fill: #fff;
}
.video-player--fw .play-rect span {
color: #fff;
}
.video-player--fw .play-rect span, .video-player--fw .play-rect span:after {
padding: 0;
display: none;
background-color: transparent;
transition-property: background, transform;
transition-duration: .25s;
}
@media (min-width: 1025px) {
.video-player--fw .play-rect span, .video-player--fw .play-rect span:after {
display: block;
}
}
.video-player--fw .play-rect span:after {
color: #060606;
}
@media (min-width: 1025px) {
.video-player--fw .play-rect:hover span, .video-player--fw .play-rect:hover span:after {
background-color: #fff;
}
}
@media (min-width: 1025px) {
.video-player--fw.btn-text .play-rect {
width: 15rem;
padding: 0 0 0 3.8rem;
top: calc(50% - 2rem);
right: auto;
bottom: auto;
left: calc(50% - 7.5rem);
}
}
.video-player--fw:after {
content: '';
padding-bottom: 56.25%;
display: block;
}
.video-player [data-lazy-video] {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.video-player {
position: relative;
width: 100%;
height: 100%;
}
.video-player .controls {
position: absolute;
width: 100%;
height: 100%;
}
.video-player--play-button {
z-index: 20;
top: calc(50% - 1.5rem);
left: calc(50% - 1.5rem);
}
@media (min-width: 1025px) {
.btn-text .video-player--play-button {
top: auto;
left: auto;
right: 2rem;
bottom: 2rem;
}
}
.video-player--poster {
background-color: #ea3e31;
}
.video-player--ambient {
overflow: hidden;
}
.video-player--ambient video {
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
transform: translateY(-50%);
}
.video-player--ambient video:after {
content: '';
padding-bottom: 37.5% 100% 0 0;
}
.video-player--fw .play-rect {
width: 4rem;
height: 4rem;
line-height: 3.8rem;
border: 1px solid #fff;
}
.video-player--fw .play-rect--icon-container {
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.video-player--fw .play-rect--icon {
width: 3.8rem;
height: 3.8rem;
fill: #fff;
}
.video-player--fw .play-rect span {
color: #fff;
}
.video-player--fw .play-rect span, .video-player--fw .play-rect span:after {
padding: 0;
display: none;
background-color: transparent;
transition-property: background, transform;
transition-duration: .25s;
}
@media (min-width: 1025px) {
.video-player--fw .play-rect span, .video-player--fw .play-rect span:after {
display: block;
}
}
.video-player--fw .play-rect span:after {
color: #060606;
}
@media (min-width: 1025px) {
.video-player--fw .play-rect:hover span, .video-player--fw .play-rect:hover span:after {
background-color: #fff;
}
}
@media (min-width: 1025px) {
.video-player--fw.btn-text .play-rect {
width: 15rem;
padding: 0 0 0 3.8rem;
top: calc(50% - 2rem);
right: auto;
bottom: auto;
left: calc(50% - 7.5rem);
}
}
.video-player--fw:after {
content: '';
padding-bottom: 56.25%;
display: block;
}
.video-player [data-lazy-video] {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.video-player {
position: relative;
width: 100%;
height: 100%;
}
.video-player .controls {
position: absolute;
width: 100%;
height: 100%;
}
.video-player--play-button {
z-index: 20;
top: calc(50% - 1.5rem);
left: calc(50% - 1.5rem);
}
@media (min-width: 1025px) {
.btn-text .video-player--play-button {
top: auto;
left: auto;
right: 2rem;
bottom: 2rem;
}
}
.video-player--poster {
background-color: #ea3e31;
}
.video-player--ambient {
overflow: hidden;
}
.video-player--ambient video {
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
transform: translateY(-50%);
}
.video-player--ambient video:after {
content: '';
padding-bottom: 37.5% 100% 0 0;
}
.video-player--fw .play-rect {
width: 4rem;
height: 4rem;
line-height: 3.8rem;
border: 1px solid #fff;
}
.video-player--fw .play-rect--icon-container {
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.video-player--fw .play-rect--icon {
width: 3.8rem;
height: 3.8rem;
fill: #fff;
}
.video-player--fw .play-rect span {
color: #fff;
}
.video-player--fw .play-rect span, .video-player--fw .play-rect span:after {
padding: 0;
display: none;
background-color: transparent;
transition-property: background, transform;
transition-duration: .25s;
}
@media (min-width: 1025px) {
.video-player--fw .play-rect span, .video-player--fw .play-rect span:after {
display: block;
}
}
.video-player--fw .play-rect span:after {
color: #060606;
}
@media (min-width: 1025px) {
.video-player--fw .play-rect:hover span, .video-player--fw .play-rect:hover span:after {
background-color: #fff;
}
}
@media (min-width: 1025px) {
.video-player--fw.btn-text .play-rect {
width: 15rem;
padding: 0 0 0 3.8rem;
top: calc(50% - 2rem);
right: auto;
bottom: auto;
left: calc(50% - 7.5rem);
}
}
.video-player--fw:after {
content: '';
padding-bottom: 56.25%;
display: block;
}
.video-player [data-lazy-video] {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.line-supheader {
position: relative;
}
.line-supheader .eyebrow {
color: #fff;
}
.line-supheader .left-dash {
display: none;
position: absolute;
top: 0;
left: -5.5rem;
width: 4rem;
height: 1.4rem;
}
@media (min-width: 1025px) {
.line-supheader .left-dash {
display: block;
}
}
.line-supheader .left-dash * {
fill: #fff !important;
}
.png-icon-supheader {
position: relative;
margin-bottom: 2.7rem;
}
.png-icon-supheader .eyebrow, .png-icon-supheader.dark .eyebrow {
color: #121212;
}
.png-icon-supheader.light .eyebrow {
color: #fff;
}
.png-icon-supheader .left-icon {
display: none;
top: -2.5rem;
left: -6.8rem;
width: 6rem;
height: 6rem;
}
@media (min-width: 1025px) {
.png-icon-supheader .left-icon {
display: block;
}
}
.bg-panel,
.pagination-item .bg-panel {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: none;
}
.content-wrapper {
position: relative;
z-index: 1;
}
body:not(.skrollex-disabled) {
visibility: hidden;
overflow: hidden;
}
body:not(.skrollex-disabled).sk-ready {
visibility: visible;
overflow: auto;
}
body:not(.skrollex-disabled).sk-ready [data-skrollex] {
opacity: 1;
}
@media (min-width: 1025px) {
body:not(.skrollex-disabled).sk-ready [data-skrollex] {
opacity: 0;
}
body:not(.skrollex-disabled).sk-ready [data-skrollex].anim-start {
opacity: 0;
transform: translateY(3rem);
}
body:not(.skrollex-disabled).sk-ready [data-skrollex].anim-start.sk-obj-small {
transform: translateY(0.5rem);
}
body:not(.skrollex-disabled).sk-ready [data-skrollex].anim-start.sk-obj-medium {
transform: translateY(0.8rem);
}
body:not(.skrollex-disabled).sk-ready [data-skrollex].anim-start.sk-obj-large {
transform: translateY(1.6rem);
}
body:not(.skrollex-disabled).sk-ready [data-skrollex].anim-start[data-sk-fade] {
transform: none;
}
body:not(.skrollex-disabled).sk-ready [data-skrollex].anim-in {
transition: transform 420ms cubic-bezier(0.08, 0.705, 0.005, 0.99), opacity 420ms cubic-bezier(0.08, 0.705, 0.005, 0.99);
/* custom */
}
body:not(.skrollex-disabled).sk-ready [data-skrollex].anim-in.sk-obj.small {
transition: transform 400ms cubic-bezier(0.25, 0.145, 0.025, 0.995), opacity 400ms cubic-bezier(0.25, 0.145, 0.025, 0.995);
/* custom */
}
body:not(.skrollex-disabled).sk-ready [data-skrollex].anim-in.sk-obj-medium {
transition: transform 320ms cubic-bezier(0.25, 0.145, 0.18, 1), opacity 320ms cubic-bezier(0.25, 0.145, 0.18, 1);
/* custom */
}
body:not(.skrollex-disabled).sk-ready [data-skrollex].anim-in.sk-obj-large {
transition: transform 420ms cubic-bezier(0.25, 0.145, 0.18, 1), opacity 420ms cubic-bezier(0.25, 0.145, 0.18, 1);
/* custom */
}
body:not(.skrollex-disabled).sk-ready [data-skrollex].anim-in.sk-obj-xlarge {
transition: transform 420ms cubic-bezier(0.25, 0.145, 0.18, 1), opacity 420ms cubic-bezier(0.25, 0.145, 0.18, 1);
/* custom */
}
body:not(.skrollex-disabled).sk-ready [data-skrollex].anim-in[data-sk-slow] {
transition: transform 820ms cubic-bezier(0.08, 0.705, 0.005, 0.99), opacity 820ms cubic-bezier(0.62, 0.08, 0.005, 0.935);
/* custom */
}
body:not(.skrollex-disabled).sk-ready [data-skrollex].anim-in, body:not(.skrollex-disabled).sk-ready [data-skrollex].anim-in-complete {
opacity: 1;
transform: none;
}
body:not(.skrollex-disabled).sk-ready [data-skrollex].anim-out {
opacity: 0;
}
}
body.skrollex-disabled [data-skrollex] {
opacity: 1;
}
img {
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}
html {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
.mfp-bg {
height: 100% !important;
position: fixed !important;
}
/* -- Use this wrapper if you want to block-out a column with padding -- */
@media (min-width: 641px) {
.island {
padding: 3rem 5rem;
}
}
@media (min-width: 1025px) {
.island {
padding: 3rem 7rem;
}
}
@media (min-width: 1281px) {
.island {
padding: 3rem 15rem;
}
}
.aspect-ratio {
height: 0;
position: relative;
}
.aspect-ratio--16x9 {
padding-bottom: 56.25%;
}
.aspect-ratio--4x3 {
padding-bottom: 75%;
}
.aspect-ratio--8x5 {
padding-bottom: 62.5%;
}
.aspect-ratio--object {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 100;
}
.no-select {
-webkit-touch-callout: none;
/* Currently not supported in Opera but will be soon */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.no-interaction {
pointer-events: none;
}
.border-box {
box-sizing: border-box;
}
.content-box {
box-sizing: content-box;
}
/*# sourceMappingURL=modules.css.map */