/** Shopify CDN: Minification failed Line 8711:0 Unexpected "}" Line 9841:49 Unexpected "{" Line 11217:2 "backface-visiblity" is not a known CSS property **/ @charset "utf-8"; .one-whole{width:100%;} .one-half{width:50%;} .one-third{width:33.33333%;} .two-thirds{width:66.66667%;} .one-quarter{width:25%;} .two-quarters{width:50%;} .three-quarters{width:75%;} .one-fifth{width:20%;} .two-fifths{width:40%;} .three-fifths{width:60%;} .four-fifths{width:80%;} .one-sixth{width:16.66667%;} .two-sixths{width:33.33333%;} .three-sixths{width:50%;} .four-sixths{width:66.66667%;} .five-sixths{width:83.33333%;} .one-seven{width:14.28%;} .one-eighth{width:12.5%;} .two-eighths{width:25%;} .three-eighths{width:37.5%;} .four-eighths{width:50%;} .five-eighths{width:62.5%;} .six-eighths{width:75%;} .seven-eighths{width:87.5%;} .one-tenth{width:10%;} .two-tenths{width:20%;} .three-tenths{width:30%;} .four-tenths{width:40%;} .five-tenths{width:50%;} .six-tenths{width:60%;} .seven-tenths{width:70%;} .eight-tenths{width:80%;} .nine-tenths{width:90%;} .one-twelfth{width:8.33333%;} .two-twelfths{width:16.66667%;} .three-twelfths{width:25%;} .four-twelfths{width:33.33333%;} .five-twelfths{width:41.66667%;} .six-twelfths{width:50%;} .seven-twelfths{width:58.33333%;} .eight-twelfths{width:66.66667%;} .nine-twelfths{width:75%;} .ten-twelfths{width:83.33333%;} .eleven-twelfths{width:91.66667%;} @media only screen and (max-width:589px){.small--one-whole{width:100% !important;}.small--one-half{width:50%;}.small--one-third{width:33.33333%;}.small--two-thirds{width:66.66667%;}.small--one-quarter{width:25%;}.small--two-quarters{width:50%;}.small--three-quarters{width:75%;}.small--one-fifth{width:20%;}.small--two-fifths{width:40%;}.small--three-fifths{width:60%;}.small--four-fifths{width:80%;}.small--one-sixth{width:16.66667%;}.small--two-sixths{width:33.33333%;}.small--three-sixths{width:50%;}.small--four-sixths{width:66.66667%;}.small--five-sixths{width:83.33333%;}.small--one-eighth{width:12.5%;}.small--two-eighths{width:25%;}.small--three-eighths{width:37.5%;}.small--four-eighths{width:50%;}.small--five-eighths{width:62.5%;}.small--six-eighths{width:75%;}.small--seven-eighths{width:87.5%;}.small--one-tenth{width:10%;}.small--two-tenths{width:20%;}.small--three-tenths{width:30%;}.small--four-tenths{width:40%;}.small--five-tenths{width:50%;}.small--six-tenths{width:60%;}.small--seven-tenths{width:70%;}.small--eight-tenths{width:80%;}.small--nine-tenths{width:90%;}.small--one-twelfth{width:8.33333%;}.small--two-twelfths{width:16.66667%;}.small--three-twelfths{width:25%;}.small--four-twelfths{width:33.33333%;}.small--five-twelfths{width:41.66667%;}.small--six-twelfths{width:50%;}.small--seven-twelfths{width:58.33333%;}.small--eight-twelfths{width:66.66667%;}.small--nine-twelfths{width:75%;}.small--ten-twelfths{width:83.33333%;}.small--eleven-twelfths{width:91.66667%;}.grid--uniform .small--five-tenths:nth-of-type(odd),.grid--uniform .small--four-eighths:nth-of-type(odd),.grid--uniform .small--four-twelfths:nth-of-type(3n+1),.grid--uniform .small--one-eighth:nth-of-type(8n+1),.grid--uniform .small--one-fifth:nth-of-type(5n+1),.grid--uniform .small--one-half:nth-of-type(odd),.grid--uniform .small--one-quarter:nth-of-type(4n+1),.grid--uniform .small--one-sixth:nth-of-type(6n+1),.grid--uniform .small--one-third:nth-of-type(3n+1),.grid--uniform .small--one-twelfth:nth-of-type(12n+1),.grid--uniform .small--six-twelfths:nth-of-type(odd),.grid--uniform .small--three-sixths:nth-of-type(odd),.grid--uniform .small--three-twelfths:nth-of-type(4n+1),.grid--uniform .small--two-eighths:nth-of-type(4n+1),.grid--uniform .small--two-sixths:nth-of-type(3n+1),.grid--uniform .small--two-twelfths:nth-of-type(6n+1){clear:both;}} @media only screen and (min-width:590px){.medium-up--one-whole{width:100%;}.medium-up--one-half{width:50%;}.medium-up--one-third{width:33.33333%;}.medium-up--two-thirds{width:66.66667%;}.medium-up--one-quarter{width:25%;}.medium-up--two-quarters{width:50%;}.medium-up--three-quarters{width:75%;}.medium-up--one-fifth{width:20%;}.medium-up--two-fifths{width:40%;}.medium-up--three-fifths{width:60%;}.medium-up--four-fifths{width:80%;}.medium-up--one-sixth{width:16.66667%;}.medium-up--two-sixths{width:33.33333%;}.medium-up--three-sixths{width:50%;}.medium-up--four-sixths{width:66.66667%;}.medium-up--five-sixths{width:83.33333%;}.medium-up--one-eighth{width:12.5%;}.medium-up--two-eighths{width:25%;}.medium-up--three-eighths{width:37.5%;}.medium-up--four-eighths{width:50%;}.medium-up--five-eighths{width:62.5%;}.medium-up--six-eighths{width:75%;}.medium-up--seven-eighths{width:87.5%;}.medium-up--one-tenth{width:10%;}.medium-up--two-tenths{width:20%;}.medium-up--three-tenths{width:30%;}.medium-up--four-tenths{width:40%;}.medium-up--five-tenths{width:50%;}.medium-up--six-tenths{width:60%;}.medium-up--seven-tenths{width:70%;}.medium-up--eight-tenths{width:80%;}.medium-up--nine-tenths{width:90%;}.medium-up--one-twelfth{width:8.33333%;}.medium-up--two-twelfths{width:16.66667%;}.medium-up--three-twelfths{width:25%;}.medium-up--four-twelfths{width:33.33333%;}.medium-up--five-twelfths{width:41.66667%;}.medium-up--six-twelfths{width:50%;}.medium-up--seven-twelfths{width:58.33333%;}.medium-up--eight-twelfths{width:66.66667%;}.medium-up--nine-twelfths{width:75%;}.medium-up--ten-twelfths{width:83.33333%;}.medium-up--eleven-twelfths{width:91.66667%;}.grid--uniform .medium-up--five-tenths:nth-of-type(odd),.grid--uniform .medium-up--four-eighths:nth-of-type(odd),.grid--uniform .medium-up--four-twelfths:nth-of-type(3n+1),.grid--uniform .medium-up--one-eighth:nth-of-type(8n+1),.grid--uniform .medium-up--one-fifth:nth-of-type(5n+1),.grid--uniform .medium-up--one-half:nth-of-type(odd),.grid--uniform .medium-up--one-quarter:nth-of-type(4n+1),.grid--uniform .medium-up--one-sixth:nth-of-type(6n+1),.grid--uniform .medium-up--one-third:nth-of-type(3n+1),.grid--uniform .medium-up--one-twelfth:nth-of-type(12n+1),.grid--uniform .medium-up--six-twelfths:nth-of-type(odd),.grid--uniform .medium-up--three-sixths:nth-of-type(odd),.grid--uniform .medium-up--three-twelfths:nth-of-type(4n+1),.grid--uniform .medium-up--two-eighths:nth-of-type(4n+1),.grid--uniform .medium-up--two-sixths:nth-of-type(3n+1),.grid--uniform .medium-up--two-twelfths:nth-of-type(6n+1){clear:both;}} @media only screen and (min-width:1050px){.widescreen--one-whole{width:100%;}.widescreen--one-half{width:50%;}.widescreen--one-third{width:33.33333%;}.widescreen--two-thirds{width:66.66667%;}.widescreen--one-quarter{width:25%;}.widescreen--two-quarters{width:50%;}.widescreen--three-quarters{width:75%;}.widescreen--one-fifth{width:20%;}.widescreen--two-fifths{width:40%;}.widescreen--three-fifths{width:60%;}.widescreen--four-fifths{width:80%;}.widescreen--one-sixth{width:16.66667%;}.widescreen--two-sixths{width:33.33333%;}.widescreen--three-sixths{width:50%;}.widescreen--four-sixths{width:66.66667%;}.widescreen--five-sixths{width:83.33333%;}.widescreen--one-eighth{width:12.5%;}.widescreen--two-eighths{width:25%;}.widescreen--three-eighths{width:37.5%;}.widescreen--four-eighths{width:50%;}.widescreen--five-eighths{width:62.5%;}.widescreen--six-eighths{width:75%;}.widescreen--seven-eighths{width:87.5%;}.widescreen--one-tenth{width:10%;}.widescreen--two-tenths{width:20%;}.widescreen--three-tenths{width:30%;}.widescreen--four-tenths{width:40%;}.widescreen--five-tenths{width:50%;}.widescreen--six-tenths{width:60%;}.widescreen--seven-tenths{width:70%;}.widescreen--eight-tenths{width:80%;}.widescreen--nine-tenths{width:90%;}.widescreen--one-twelfth{width:8.33333%;}.widescreen--two-twelfths{width:16.66667%;}.widescreen--three-twelfths{width:25%;}.widescreen--four-twelfths{width:33.33333%;}.widescreen--five-twelfths{width:41.66667%;}.widescreen--six-twelfths{width:50%;}.widescreen--seven-twelfths{width:58.33333%;}.widescreen--eight-twelfths{width:66.66667%;}.widescreen--nine-twelfths{width:75%;}.widescreen--ten-twelfths{width:83.33333%;}.widescreen--eleven-twelfths{width:91.66667%;}.grid--uniform .widescreen--five-tenths:nth-of-type(odd),.grid--uniform .widescreen--four-eighths:nth-of-type(odd),.grid--uniform .widescreen--four-twelfths:nth-of-type(3n+1),.grid--uniform .widescreen--one-eighth:nth-of-type(8n+1),.grid--uniform .widescreen--one-fifth:nth-of-type(5n+1),.grid--uniform .widescreen--one-half:nth-of-type(odd),.grid--uniform .widescreen--one-quarter:nth-of-type(4n+1),.grid--uniform .widescreen--one-sixth:nth-of-type(6n+1),.grid--uniform .widescreen--one-third:nth-of-type(3n+1),.grid--uniform .widescreen--one-twelfth:nth-of-type(12n+1),.grid--uniform .widescreen--six-twelfths:nth-of-type(odd),.grid--uniform .widescreen--three-sixths:nth-of-type(odd),.grid--uniform .widescreen--three-twelfths:nth-of-type(4n+1),.grid--uniform .widescreen--two-eighths:nth-of-type(4n+1),.grid--uniform .widescreen--two-sixths:nth-of-type(3n+1),.grid--uniform .widescreen--two-twelfths:nth-of-type(6n+1){clear:both;}} @media only screen and (min-width:590px){.medium-up--push-one-half{left:50%;}.medium-up--push-one-third{left:33.33333%;}.medium-up--push-two-thirds{left:66.66667%;}.medium-up--push-one-quarter{left:25%;}.medium-up--push-two-quarters{left:50%;}.medium-up--push-three-quarters{left:75%;}.medium-up--push-one-fifth{left:20%;}.medium-up--push-two-fifths{left:40%;}.medium-up--push-three-fifths{left:60%;}.medium-up--push-four-fifths{left:80%;}.medium-up--push-one-sixth{left:16.66667%;}.medium-up--push-two-sixths{left:33.33333%;}.medium-up--push-three-sixths{left:50%;}.medium-up--push-four-sixths{left:66.66667%;}.medium-up--push-five-sixths{left:83.33333%;}.medium-up--push-one-eighth{left:12.5%;}.medium-up--push-two-eighths{left:25%;}.medium-up--push-three-eighths{left:37.5%;}.medium-up--push-four-eighths{left:50%;}.medium-up--push-five-eighths{left:62.5%;}.medium-up--push-six-eighths{left:75%;}.medium-up--push-seven-eighths{left:87.5%;}.medium-up--push-one-tenth{left:10%;}.medium-up--push-two-tenths{left:20%;}.medium-up--push-three-tenths{left:30%;}.medium-up--push-four-tenths{left:40%;}.medium-up--push-five-tenths{left:50%;}.medium-up--push-six-tenths{left:60%;}.medium-up--push-seven-tenths{left:70%;}.medium-up--push-eight-tenths{left:80%;}.medium-up--push-nine-tenths{left:90%;}.medium-up--push-one-twelfth{left:8.33333%;}.medium-up--push-two-twelfths{left:16.66667%;}.medium-up--push-three-twelfths{left:25%;}.medium-up--push-four-twelfths{left:33.33333%;}.medium-up--push-five-twelfths{left:41.66667%;}.medium-up--push-six-twelfths{left:50%;}.medium-up--push-seven-twelfths{left:58.33333%;}.medium-up--push-eight-twelfths{left:66.66667%;}.medium-up--push-nine-twelfths{left:75%;}.medium-up--push-ten-twelfths{left:83.33333%;}.medium-up--push-eleven-twelfths{left:91.66667%;}} @media only screen and (min-width:769px){.large-up--one-whole{width:100%;}.large-up--one-half{width:50%;}.large-up--one-third{width:33.33333%;}.large-up--two-thirds{width:66.66667%;}.large-up--one-quarter{width:25%;}.large-up--three-quarters{width:75%;}.large-up--one-fifth{width:20%;}.large-up--three-eighths{width:37.5%;}.large-up--five-eighths{width:62.5%;}.large-up-one-sixth{width:16.66667%;}.large-up-one-seven { width: 14.28571%;}.large-up-one-eighth{width:12.5%;}.large-up--push-one-sixth{left:16.66667%;}.large-up--push-one-eighth{left:12.5%;}} .show{display:block !important;} .hide{display:none !important;} .text-left{text-align:left !important;} .text-right{text-align:right !important;} .text-center{text-align:center !important;} @media only screen and (max-width:589px){.small--show{display:block !important;}.small--hide{display:none !important;}.small--text-left{text-align:left !important;}.small--text-right{text-align:right !important;}.small--text-center{text-align:center !important;}} @media only screen and (max-width:768px){.medium-down--show{display:block !important;}.medium-down--hide{display:none !important;}.medium-down--text-left{text-align:left !important;}.medium-down--text-right{text-align:right !important;}.medium-down--text-center{text-align:center !important;}} @media only screen and (min-width:590px){.medium-up--show{display:block !important;}.medium-up--hide{display:none !important;}.medium-up--text-left{text-align:left !important;}.medium-up--text-right{text-align:right !important;}.medium-up--text-center{text-align:center !important;}} @media only screen and (min-width:769px){.large-up--show{display:block !important;}.large-up--hide{display:none !important;}.large-up--text-left{text-align:left !important;}.large-up--text-right{text-align:right !important;}.large-up--text-center{text-align:center !important;}} @media only screen and (min-width:1050px){.widescreen--show{display:block !important;}.widescreen--hide{display:none !important;}.widescreen--text-left{text-align:left !important;}.widescreen--text-right{text-align:right !important;}.widescreen--text-center{text-align:center !important;}} .page-width{ max-width:1360px; margin:0 auto; } .page-narrow{ max-width:1100px; margin:0 auto; } .sections-wrapper{ background-color: var(--colorBody); border: 1px solid var(--colorBorder); } .page-full,.page-narrow,.page-width{ padding:0 10px } @media only screen and (min-width:590px){ .page-full,.page-narrow,.page-width{ padding:0 30px } } @media only screen and (max-width:589px){ .page-width--flush-small{ padding:0; } } .page-content,.shopify-email-marketing-confirmation__container,.shopify-policy__container{ padding-top:30px; padding-bottom:30px } .page-content-small{ padding-top:10px; padding-bottom: 10px; } @media only screen and (min-width:590px){ .page-content,.shopify-email-marketing-confirmation__container,.shopify-policy__container{ padding-top:60px; padding-bottom:60px } } .shopify-email-marketing-confirmation__container{ text-align:center; } .page-content--with-blocks{ padding-bottom:0; } @media only screen and (max-width:589px){ .product-section .page-content{ padding-top:20px } } .main-content{ display:block; min-height:300px; } @media only screen and (min-width:590px){ .main-content{ min-height:700px } } .template-challange .main-content{ min-height:0 } .hr--large,.hr--medium,.hr--small,hr{ height:1px; border:0; border-top:1px solid; border-top-color:var(--colorBorder); } .hr--small{ margin:15px auto; } .hr--medium{ margin:15px auto } @media only screen and (min-width:590px){ .hr--medium{ margin:15px auto } } .hr--large{ margin:40px auto } @media only screen and (min-width:590px){ .hr--large{ margin:60px auto } } .page-blocks .hr--large{ margin-top:0; } .hr--clear{ border:0; } @media only screen and (max-width:589px){ .table--responsive thead{ display:none; } .table--responsive tr{ display:block; } .table--responsive td,.table--responsive tr{ float:left; clear:both; width:100%; } .table--responsive td,.table--responsive th{ display:block; text-align:right; padding:15px; } .table--responsive td:before{ font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight); } [data-type_header_capitalize=true] .table--responsive td:before{ text-transform:uppercase; } [data-type_header_accent_transform=true] .table--responsive td:before{ text-transform:uppercase; letter-spacing:0.2em; } .table--responsive td:before{ content:attr(data-label); float:left; font-size:12px; padding-right:10px; } } @media only screen and (max-width:589px){ .table--small-hide{ display:none !important; } .table__section+.table__section{ position:relative; margin-top:10px; padding-top:15px } .table__section+.table__section:after{ content:""; display:block; position:absolute; top:0; left:15px; right:15px; border-bottom:1px solid; border-bottom-color:var(--colorBorder); } } .rte blockquote,blockquote{ margin:0; padding:20px 40px 40px } .rte blockquote p,blockquote p{ font-size:calc(var(--typeBaseSize) + 1px) } @media only screen and (min-width:590px){ .rte blockquote p,blockquote p{ font-size:calc(var(--typeBaseSize)) } } .rte blockquote p,blockquote p{ margin-bottom:0 } .rte blockquote p+cite,blockquote p+cite{ margin-top:20px; } .rte blockquote cite,blockquote cite{ display:block } .rte blockquote cite:before,blockquote cite:before{ content:"\2014 \0020"; } .label,label{ font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight) } .collapsible-content .label,.collapsible-content label{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-weight:var(--typeBaseWeight); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight); text-transform:none; font-size:calc(var(--typeBaseSize) - 3px) } #comments .label,#comments label{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-weight:var(--typeBaseWeight); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight); text-transform:none; font-size:calc(var(--typeBaseSize) - 3px) } .template-page .contact-form .label,.template-page .contact-form label{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-weight:var(--typeBaseWeight); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight); text-transform:none; font-size:var(--typeBaseSize) } label{ display:block; } .classic_a{ position: relative; display: block; } [data-animate_underlines=true] .classic_a:after{ content:""; position:absolute; bottom:-2px; left:0; width:0%; border-bottom:2px solid var(--colorAnnouncement); transition:width 0.5s ease; } [data-animate_underlines=true] .classic_a:focus:after,[data-animate_underlines=true] .classic_a:hover:after{ width:100%; } .label-info{ display:block; margin-bottom:10px !important; } .text-spacing{ margin-bottom:20px; } .rte h1{ font-size:calc(var(--typeHeaderSize)*0.85) } @media only screen and (min-width:590px){ .rte h1{ font-size:var(--typeHeaderSize) } } .rte h2{ font-size:calc(var(--typeHeaderSize)*0.85*0.85) } @media only screen and (min-width:590px){ .rte h2{ font-size:calc(var(--typeHeaderSize)*0.85) } } .rte h3{ font-size:calc(var(--typeHeaderSize)*0.69*0.85) } @media only screen and (min-width:590px){ .rte h3{ font-size:calc(var(--typeHeaderSize)*0.69) } } .rte h4{ font-size:calc(var(--typeHeaderSize)*0.59*0.85) } @media only screen and (min-width:590px){ .rte h4{ font-size:calc(var(--typeHeaderSize)*0.59) } } .collapsible-content .rte table{ font-size:calc(var(--typeBaseSize) - 3px) } .collapsible-content .rte table td,.collapsible-content .rte table th{ padding:6px 8px; } @media only screen and (max-width:589px){ .rte table{ font-size:calc(var(--typeBaseSize) - 3px) } .rte table td,.rte table th{ padding:6px 8px; } } .larger-text .h3{ font-size:calc(var(--typeHeaderSize)*0.85) } @media only screen and (min-width:590px){ .larger-text .h3{ font-size:var(--typeHeaderSize) } } .larger-text p{ font-size:calc(var(--typeBaseSize) + 1px) } @media only screen and (min-width:590px){ .larger-text p{ font-size:calc(var(--typeBaseSize) + 2px) } } .larger-text .subtitle{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-weight:var(--typeBaseWeight); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight) } [data-type_base_accent_transform=true] .larger-text .subtitle{ text-transform:uppercase; letter-spacing:0.2em } .larger-text .subtitle{ font-size:var(--typeBaseSize); margin-bottom:5px } [data-type_base_accent_transform=true] .larger-text .subtitle{ font-size:calc(var(--typeBaseSize)*0.85) } @media only screen and (min-width:590px){ .larger-text .subtitle{ font-size:calc(var(--typeBaseSize)*1.13) } [data-type_base_accent_transform=true] .larger-text .subtitle{ font-size:var(--typeBaseSize) } } .date{ display:inline-block; line-height:1.7; margin-bottom:5px; font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight) } [data-type_header_capitalize=true] .date{ text-transform:uppercase } [data-type_header_accent_transform=true] .date{ text-transform:uppercase; letter-spacing:0.2em } @media only screen and (min-width:590px){ .date{ margin-bottom:0 } } .section-header .date:last-child{ margin-bottom:40px; } .comment-author{ margin-bottom:0; font-size:16px; } .comment-date{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-weight:var(--typeBaseWeight); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight) } [data-type_base_accent_transform=true] .comment-date{ text-transform:uppercase; letter-spacing:0.2em } .comment-date{ font-size:12px; display:block; margin-top:3px } @media only screen and (max-width:589px){ .comment-date{ font-size:10px; margin-bottom:20px } } .cart__product-name{ font-size:var(--typeBaseSize) } @media only screen and (min-width:590px){ .cart__product-name{ font-size:calc(var(--typeBaseSize)*1.13) } } .cart__product-meta{ font-size:calc(var(--typeBaseSize)*0.85) } @media only screen and (min-width:590px){ .cart__product-meta{ font-size:var(--typeBaseSize) } } .skrim__title{ font-size:calc(var(--typeHeaderSize)*0.46); font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight) } [data-type_header_capitalize=true] .skrim__title{ text-transform:uppercase } @media only screen and (min-width:590px){ .skrim__title{ font-size:calc(var(--typeHeaderSize)*0.6) } } .rte .enlarge-text{ margin:0 } .rte .enlarge-text p{ font-size:calc(var(--typeBaseSize)*1.13) } @media only screen and (min-width:590px){ .rte .enlarge-text p{ font-size:calc(var(--typeBaseSize)*1.4) } } .rte .enlarge-text p:last-child{ margin-bottom:0; } html[dir=rtl] .text-left{ text-align:right !important; } html[dir=rtl] .text-right{ text-align:left !important; } ol,ul{ margin:0 0 20px 40px; padding:0; text-rendering:optimizeLegibility; } ol ol{ list-style:lower-alpha; } ol{ list-style:decimal; } ol ol,ol ul,ul ol,ul ul{ margin:4px 0 5px 20px; } li{ list-style: none; } ul.square{ list-style:square outside; } ul.disc{ list-style:disc outside; } ol.alpha{ list-style:lower-alpha outside; } .no-bullets{ list-style:none outside; margin-left:0; } .no-space { margin: 0 !important; } .inline-list{ padding:0; margin:0 } .inline-list li{ display:inline-block; margin-bottom:0; vertical-align:middle; } table{ width:100%; border-spacing:1px; position:relative; border:0 none; background:var(--colorBorder); } .table-wrapper{ max-width:100%; overflow:auto; -webkit-overflow-scrolling:touch; } td,th{ border:0 none; text-align:left; padding:10px 15px; background:var(--colorBody) } html[dir=rtl] td,html[dir=rtl] th{ text-align:right } th{ font-weight:700; } .table__title,th{ font-weight:700; } .text-link,a{ color:var(--colorTextBody); text-decoration:none; background:transparent } .text-link:hover,a:hover{ color:var(--colorTextBody); } .customers a{ text-decoration:none; border-bottom:2px solid; border-bottom-color:rgba(28, 29, 29, 0.1); position:relative } [data-animate_underlines=true] .customers a:after{ content:""; position:absolute; bottom:-2px; left:0; width:0%; border-bottom:2px solid; border-bottom-color:var(--colorTextBody); transition:width 0.5s ease; } [data-animate_underlines=true] .customers a:focus:after,[data-animate_underlines=true] .customers a:hover:after{ width:100%; } .text-link{ display:inline; border:0 none; background:none; padding:0; margin:0; } .rte a,.shopify-email-marketing-confirmation__container a,.shopify-policy__container a{ color:var(--colorLink); } button{ overflow:visible; } button[disabled],html input[disabled]{ cursor:default; } .btn,.rte .btn,.shopify-payment-button .shopify-payment-button__button--unbranded{ font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight) } [data-type_header_capitalize=true] .btn,[data-type_header_capitalize=true] .rte .btn,[data-type_header_capitalize=true] .shopify-payment-button .shopify-payment-button__button--unbranded{ text-transform:uppercase } .btn,.rte .btn,.shopify-payment-button .shopify-payment-button__button--unbranded{ display:inline-block; padding:11px 20px; margin:0; width:auto; min-width:90px; line-height:1.42; font-size:16px; text-decoration:none; text-align:center; vertical-align:middle; white-space:normal; cursor:pointer; border:1px solid transparent; -webkit-user-select:none; -ms-user-select:none; user-select:none; -webkit-appearance:none; -moz-appearance:none; border-radius:0; color:var(--colorBtnPrimaryText); background-color:var(--colorDrawerButton); transition:padding-right 0.3s,background 0.3s,opacity 1s } @media only screen and (max-width:589px){ .btn,.rte .btn,.shopify-payment-button .shopify-payment-button__button--unbranded{ font-size:14px; padding:8px 18px } } .btn:hover,.rte .btn:hover,.shopify-payment-button .shopify-payment-button__button--unbranded:hover{ color:var(--colorBtnPrimaryText); background-color:var(--colorBtnPrimary); } .btn:active,.rte .btn:active,.shopify-payment-button .shopify-payment-button__button--unbranded:active{ opacity:0.6; transition:opacity 0.1s ease; } .btn.disabled,.btn[disabled],.rte .btn.disabled,.rte .btn[disabled],.shopify-payment-button .shopify-payment-button__button--unbranded.disabled,.shopify-payment-button .shopify-payment-button__button--unbranded[disabled]{ cursor:default; color:#444; background-color:#f6f6f6; transition:none } .btn.disabled:hover,.btn[disabled]:hover,.rte .btn.disabled:hover,.rte .btn[disabled]:hover,.shopify-payment-button .shopify-payment-button__button--unbranded.disabled:hover,.shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:hover{ color:#444; background-color:#f6f6f6; } .shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]){ color:var(--colorBtnPrimaryText); background-color:var(--colorBtnPrimary); } .shopify-payment-button__more-options{ color:inherit; } .btn--no-animate{ background-image:none; transition:background 0.3s; } [data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static){ background:#d8232f no-repeat 150% 35%; background:url('//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/btn-arrow-white.svg?v=1609406900') no-repeat 150% 50%; background-size:28px } [data-animate_buttons=true] .btn-cart:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static){ background:#d8232f no-repeat 150% 35%; background:url('//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/cart.svg?v=1611220775') no-repeat 150% 50%; background-size:28px } [data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).add-to-cart--secondary,[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).btn--inverse{ background-image:url(//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/btn-arrow-black.svg?v=1609406900); } [data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static):hover{ padding-right:55px; background-position:91% 50% } [data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static):hover.add-to-cart{ background-position:95% 50%; } [data-animate_buttons=true] .btn-cart:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static):hover.add-to-cart{ background-position:60% 50%; } [data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).disabled:hover,[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static)[disabled]:hover{ padding:8px 18px; background-image:none; } [data-animate_buttons=true] .btn--small:not(.btn--no-animate):not(.btn--tertiary){ background-position:150% 50% } [data-animate_buttons=true] .btn--small:not(.btn--no-animate):not(.btn--tertiary):hover{ background-position:91% 50%; padding-right:51px; } .btn--tertiary,.rte .btn--tertiary, .btn--secondary, .shopify-challenge__button{ background-color:transparent; border:1px solid; border-color:var(--colorTextBody); color:var(--colorTextBody); font-weight:600; font-size:1em; padding:6px 20px; } .btn--tertiary:hover,.rte .btn--tertiary:hover, .btn--secondary:hover, .shopify-challenge__button:hover{ background-color:var(--colorAnnouncement) !important; color:var(--colorBody); border-color:var(--colorAnnouncement); } .btn--tertiary.disabled,.btn--tertiary[disabled],.rte .btn--tertiary.disabled,.rte .btn--tertiary[disabled]{ cursor:default; color:#444; background-color:#f6f6f6; } .btn--small,.collapsibles-wrapper .spr-button,.collapsibles-wrapper .spr-summary-actions a{ padding:8px 13px; font-size:14px; background-position:150% 45%; min-width:100px } @media only screen and (max-width:589px){ .btn--small,.collapsibles-wrapper .spr-button,.collapsibles-wrapper .spr-summary-actions a{ font-size:12px; padding:7px 12px } } .btn--large{ padding:15px 20px; font-size:18px; } .btn--full{ width:100%; padding:11px 20px; font-size:16px; } .btn--inverse{ background-color:transparent !important; border:2px solid #fff; color:#fff } .btn--inverse:active,.btn--inverse:hover{ background-color:#fff !important; color:#000 !important; transition:all 0.5s ease; } .hero__link .btn--inverse{ color:var(--colorHeroText); border-color:var(--colorHeroText) } .btn--body{ background-color:var(--colorBody); color:var(--colorTextBody) } .btn--body:active,.btn--body:hover{ background-color:var(--colorBody); color:var(--colorTextBody); } .btn--circle{ padding:10px; border-radius:50%; min-width:0; line-height:1 } .btn--circle .icon{ width:20px; height:20px; } .btn--circle:after,.btn--circle:before{ content:none; background:none; width:auto; } .btn--circle.btn--large .icon{ width:30px; height:30px; } .btn--circle.btn--large{ padding:15px; } .btn--loading{ position:relative; text-indent:-9999px; background-color:var(--colorBtnPrimaryDim); color:var(--colorBtnPrimaryDim) } .btn--loading:active,.btn--loading:hover{ background-color:var(--colorBtnPrimaryDim); color:var(--colorBtnPrimaryDim); background-image:none !important; } .btn--loading:after{ content:""; display:block; width:24px; height:24px; position:absolute; left:50%; top:50%; margin-left:-12px; margin-top:-12px; border-radius:50%; border:3px solid; border-color:var(--colorBtnPrimaryText); border-top-color:transparent; animation:spin 1s linear infinite; } .btn--loading.add-to-cart--secondary{ background-color:transparent; border-color:var(--colorBorder); color:var(--colorTextBody) } .btn--loading.add-to-cart--secondary:active,.btn--loading.add-to-cart--secondary:hover{ background-color:transparent; color:var(--colorTextBody); } .btn--loading.add-to-cart--secondary:after{ border-color:var(--colorTextBody); border-top-color:transparent; } .return-link{ font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight) } [data-type_header_capitalize=true] .return-link{ text-transform:uppercase } .return-link{ font-size:18px; text-align:center } @media only screen and (min-width:590px){ .return-link{ font-size:20px } } .return-link .icon{ width:27px; margin-right:8px; } .shopify-payment-button{ margin-top:10px; } .shopify-payment-button .shopify-payment-button__button--unbranded{ display:block; width:100%; transition:none } .shopify-payment-button .shopify-payment-button__button--unbranded:hover,.shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]){ background-position:150% 35%; padding:11px 20px; } .payment-buttons .add-to-cart,.payment-buttons .shopify-payment-button,.payment-buttons .shopify-payment-button__button--unbranded{ min-height:50px; } .payment-buttons .add-to-cart--secondary{ font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight) } [data-type_header_capitalize=true] .payment-buttons .add-to-cart--secondary{ text-transform:uppercase } .payment-buttons .add-to-cart--secondary{ background-color:#ffffff !important; background:#d8232f !important; color:var(--colorBtnPrimaryText) !important; font-size:16px; padding:11px 20px; border-radius:0 } @media only screen and (max-width:589px){ .payment-buttons .add-to-cart--secondary{ font-size:14px; padding:8px 18px } } .shopify-payment-button__button--hidden{ display:none !important; } img{ border:0 none; } svg:not(:root){ overflow:hidden; } iframe,img{ max-width:100%; z-index:0 !important; } img[data-sizes=auto]{ display:block; width:100%; } .lazyload{ opacity:0 } .no-js .lazyload{ display:none } .lazyloaded{ opacity:1; transition:opacity 0.4s ease; } .video-wrapper{ position:relative; overflow:hidden; max-width:100%; padding-bottom:56.25%; height:0; height:auto } .video-wrapper iframe,.video-wrapper video{ position:absolute; top:0; left:0; width:100%; height:100%; } .video-wrapper--modal{ width:1000px; } .grid__image-ratio{ background-repeat:no-repeat; background-size:contain; background-position:50%; background-color:var(--colorSmallImageBg) } /* [data-animate_images=true] .grid__image-ratio{ opacity:0 } */ [data-animate_images=true] .grid__image-ratio.lazyloaded{ opacity:1; animation:0.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation-name:zoom-fade-small; transition:none; } .grid__image-ratio:before{ content:""; display:block; height:0; width:100%; } .grid__image-ratio--cover{ background-size:cover; } .grid__image-ratio--wide:before{ padding-bottom:56.25%; } .grid__image-ratio--landscape:before{ padding-bottom:75%; } .grid__image-ratio--square:before{ padding-bottom:100%; } .grid__image-ratio--portrait:before{ padding-bottom:150%; } .image-fit{ position:relative; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; font-family:"object-fit: cover"; z-index:1; } .parallax-container{ position:absolute; top:-30%; left:0; height:165%; width:100%; } .parallax-image{ position:absolute; top:0; left:0; bottom:0; width:100%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; } @media only screen and (min-width:590px){ .parallax-image{ background-attachment:fixed } .js-ipad .parallax-image{ background-attachment:scroll } } form{ margin:0; } .form-vertical{ margin-bottom:30px; } .inline{ display:inline; } @media only screen and (max-width:768px){ input,textarea{ font-size:16px; } } button,input,textarea{ -webkit-appearance:none; -moz-appearance:none; } button{ background:none; border:none; display:inline-block; cursor:pointer; } fieldset{ border:1px solid; border-color:var(--colorBorder); padding:20px; } legend{ border:0; padding:0; } button,input[type=submit]{ cursor:pointer; } input,select,textarea{ border:1px solid; border-color:var(--colorBorder); max-width:100%; padding:8px 10px; border-radius:0 } input.disabled,input[disabled],select.disabled,select[disabled],textarea.disabled,textarea[disabled]{ cursor:default; border-color:#b6b6b6; } input.input-full,select.input-full,textarea.input-full{ width:100%; } textarea{ min-height:100px; } input[type=checkbox],input[type=radio]{ margin:0 10px 0 0; padding:0; width:auto; } input[type=checkbox]{ -webkit-appearance:checkbox; -moz-appearance:checkbox; } input[type=radio]{ -webkit-appearance:radio; -moz-appearance:radio; } input[type=image]{ padding-left:0; padding-right:0; } .faux-select,select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; background-position:100%; background-image:url(//b2b.varlascooter.com/cdn/shop/t/2/assets/ico-select.svg); background-repeat:no-repeat; background-position:right 10px center; background-color:transparent; background-size:11px; display:inline-block; vertical-align:middle; padding-right:28px; text-indent:0.01px; text-overflow:""; cursor:pointer; color:inherit; } optgroup{ font-weight:700; } option{ color:#000; background-color:#fff } option[disabled]{ color:#ccc; } select::-ms-expand{ display:none; } .hidden-label{ clip:rect(0, 0, 0, 0); overflow:hidden; position:absolute; height:1px; width:1px; } label[for]{ cursor:pointer; } .form-vertical input,.form-vertical select,.form-vertical textarea{ display:block; margin-bottom:30px; } .form-vertical .btn,.form-vertical input[type=checkbox],.form-vertical input[type=radio]{ display:inline-block; } .form-vertical .btn:not(:last-child){ margin-bottom:30px; } small{ display:block; } input.error,textarea.error{ border-color:#d02e2e; background-color:#fff6f6; color:#d02e2e; } label.error{ color:#d02e2e; } .input-group{ display:flex } .input-group .input-group-btn:first-child,.input-group .input-group-btn:first-child>.btn,.input-group .input-group-field:first-child,.input-group input[type=hidden]:first-child+.input-group-btn>.btn,.input-group input[type=hidden]:first-child+.input-group-field{ border-radius:0 0 0 0; } .input-group .input-group-btn:last-child>.btn,.input-group .input-group-field:last-child{ border-radius:0 0 0 0; } .input-group input::-moz-focus-inner{ border:0; padding:0; margin-top:-1px; margin-bottom:-1px; } .input-group-btn,.input-group-field{ margin:0; } .input-group .input-group-field{ flex:1 1 auto; min-width:0; } .input-group-btn{ flex:0 1 auto; padding:0 } .input-group-btn .icon{ vertical-align:baseline; vertical-align:initial; } .input-group-btn .btn{ margin-top:0; height:100%; background-image:none !important } .input-group-btn .btn:hover{ padding-right:20px !important; } .icon{ display:inline-block; width:1.35em; height:1.35em; vertical-align:middle; fill:currentColor; position:relative; bottom:0.125em; } .no-svg .icon{ display:none } .icon--full-color{ fill:initial; } svg.icon:not(.icon--full-color) circle,svg.icon:not(.icon--full-color) ellipse,svg.icon:not(.icon--full-color) g,svg.icon:not(.icon--full-color) line,svg.icon:not(.icon--full-color) path,svg.icon:not(.icon--full-color) polygon,svg.icon:not(.icon--full-color) polyline,svg.icon:not(.icon--full-color) rect,symbol.icon:not(.icon--full-color) circle,symbol.icon:not(.icon--full-color) ellipse,symbol.icon:not(.icon--full-color) g,symbol.icon:not(.icon--full-color) line,symbol.icon:not(.icon--full-color) path,symbol.icon:not(.icon--full-color) polygon,symbol.icon:not(.icon--full-color) polyline,symbol.icon:not(.icon--full-color) rect{ fill:inherit; stroke:inherit; } .icon-cart circle{ fill:currentColor !important; } .icon__fallback-text{ clip:rect(0, 0, 0, 0); overflow:hidden; position:absolute; height:1px; width:1px; } .js-drawer-open { overflow: hidden; } .drawer { display: none; position: fixed; -webkit-overflow-scrolling: touch; top: 0; bottom: 0; max-width: 95%; z-index: 30; color: var(--colorTextBody); background-color: var(--colorBody); transition: transform 0.25s cubic-bezier(0.43, 0.01, 0.44, 1) } @media screen and (max-height:400px) { .drawer { overflow: scroll } .drawer .drawer__contents { height: auto; } } .drawer input,.drawer textarea { border-color: var(--colorBorder); } .drawer .cart__checkout{ background-color:var(--colorDrawerButton) !important; color:var(--colorDrawerButtonText); } .drawer__cart-more { position: absolute; top: 0; bottom: 0; background: var(--colorBody); right: 0px; z-index: -1; width: 35vw; } .drawer__cart-more ul { margin: 0; } .drawer--is-open .drawer__cart-more { transform: translateX(-65vw); transition: 1.5s cubic-bezier(1,0,.6,1); } .drawer--right { width: 85vw; right: -85vw } .drawer--right.drawer--is-open { display: block; transform: translateX(-85vw); transition-duration: 0.4s } @media only screen and (min-width:590px) { .drawer--right { width: 380px; right: -380px } .drawer--right.drawer--is-open { transform: translateX(-380px); transition-duration: 0.5s } .drawer__cart-more { width: 380px; } .drawer--is-open .drawer__cart-more { transform: translateX(-380px); } } .js-drawer-closing .main-content:after,.js-drawer-open .main-content:after{ content:""; display:block; position:fixed; top:0; left:0; right:0; bottom:0; background-color:var(--colorModalBg); opacity:0; cursor:pointer; z-index:26; } .js-drawer-open .main-content:after{ animation:overlay-on 0.5s forwards; } .js-drawer-closing .main-content:after{ animation:overlay-off 0.4s forwards; } .drawer__fixed-header,.drawer__footer,.drawer__header,.drawer__scrollable{ padding-left:25px; padding-right:25px } @media only screen and (min-width:590px){ .drawer__fixed-header,.drawer__footer,.drawer__header,.drawer__scrollable{ padding-left:40px; padding-right:40px } } .drawer__header{ display:table; height:70px; width:100%; padding:15.38462px 0; margin-bottom:0; border-bottom:1px solid; border-bottom-color:var(--colorDrawerBorder) } @media only screen and (min-width:590px){ .drawer__header{ height:95px } } .drawer__fixed-header{ height:70px; overflow:visible } @media only screen and (min-width:590px){ .drawer__fixed-header{ height:95px } } .drawer__close,.drawer__title{ display:table-cell; vertical-align:middle; } .drawer__title{ font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight); } [data-type_header_capitalize=true] .drawer__title{ text-transform:uppercase; } .drawer__title{ font-size:24px; width:100%; } .drawer__close{ width:1%; text-align:center; } .drawer__close-button{ position:relative; right:-20px; height:100%; padding:0 15px; color:inherit } .drawer__close-button:active{ background-color:var(--colorDrawersDim); } .drawer__close-button .icon{ height:23px; width:23px } @media only screen and (min-width:590px){ .drawer__close-button .icon{ height:28px; width:28px } } @media only screen and (min-width:769px){ .drawer__close-button{ right:0 } } @media only screen and (min-width:769px){ .drawer__close-button{ right:-20px } } .drawer__close--left{ text-align:left } .drawer__close--left .drawer__close-button{ right:auto; left:-20px; } .drawer__contents{ height:100%; display:flex; flex-direction:column; } #CartDrawer .drawer__contents{ background-color: #fff; } .drawer__inner,.drawer__scrollable{ flex:1 1 auto; display:flex; flex-direction:column; overflow-y:hidden; } .drawer__scrollable{ padding-top:20px; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch } @media only screen and (min-width:590px){ .drawer__scrollable{ padding-top:40px } } .drawer__footer{ padding-top:20px; padding-bottom:calc(20px + env(safe-area-inset-bottom)*1.5) } .drawer__footer:after{ content:""; position:absolute; top:0; left:20px; right:20px; border-top:1px solid; border-top-color:var(--colorDrawerBorder); } @media only screen and (min-width:590px){ .drawer__footer{ padding-top:29.62963px } .drawer__footer:after{ left:40px; right:40px; } } .drawer__inner.is-loading .drawer__scrollable{ transition:opacity 0.3s ease 0.7s; opacity:0.4; } .cart-notes{ margin-top:10px; margin-bottom:10px; min-height:60px; height:60px } @media only screen and (min-width:590px){ .cart-notes{ min-height:80px; height:80px } } .animation-cropper{ overflow:hidden; display:inline-flex; } [data-transitions=true] .transition-body{ opacity:0 } .no-js [data-transitions=true] .transition-body{ opacity:1 } [data-transitions=true].loaded .transition-body{ animation:page-fade-in-up 0.8s ease forwards; } [data-transitions=true].unloading .transition-body{ animation:page-fade-in-up-out 0.3s ease forwards; } [data-transitions=true][data-animate_page_transition_style=page-slow-fade].loaded .transition-body{ animation-duration:1.2s; } [data-transitions=true][data-animate_page_transition_style=page-slow-fade].unloading .transition-body{ animation-duration:0.5s; } [data-transitions=true][data-animate_page_transition_style=page-slide-reveal-across] .transition-body:before,[data-transitions=true][data-animate_page_transition_style=page-slide-reveal-down] .transition-body:before{ content:""; position:fixed; top:0; left:0; right:0; bottom:0; background:var(--colorBody); z-index:10; will-change:transform; } [data-transitions=true][data-animate_page_transition_style=page-slide-reveal-across].loaded .transition-body:before{ animation:page-slide-reveal-across 0.8s ease forwards; } [data-transitions=true][data-animate_page_transition_style=page-slide-reveal-across].unloading .transition-body:before{ animation:page-slide-reveal-across-out 0.3s ease forwards; } [data-transitions=true][data-animate_page_transition_style=page-slide-reveal-down].loaded .transition-body:before{ animation:page-slide-reveal-down 0.8s ease forwards; } [data-transitions=true][data-animate_page_transition_style=page-slide-reveal-down].unloading .transition-body:before{ animation:page-slide-reveal-down-out 0.3s ease forwards; } .image-wrap{ background:var(--colorSmallImageBg); overflow:hidden; } .image-wrap img:not([role=presentation]){ display:block } .no-js .image-wrap img:not([role=presentation]).lazyload{ display:none } .no-js [data-animate_images=true] .image-wrap .animate-me,.no-js [data-animate_images=true] .image-wrap .grid__image-ratio,.no-js [data-animate_images=true] .image-wrap img:not([role=presentation]),.no-js [data-animate_images=true] .image-wrap svg{ opacity:1 } [data-animate_images=true] .aos-animate.image-wrap .animate-me,[data-animate_images=true] .aos-animate .image-wrap .animate-me,[data-animate_images=true] .aos-animate.image-wrap .grid__image-ratio,[data-animate_images=true] .aos-animate .image-wrap .grid__image-ratio,[data-animate_images=true] .aos-animate.image-wrap .lazyloaded:not([role=presentation]),[data-animate_images=true] .aos-animate .image-wrap .lazyloaded:not([role=presentation]),[data-animate_images=true] .aos-animate.image-wrap img[data-modal-lazy],[data-animate_images=true] .aos-animate .image-wrap img[data-modal-lazy],[data-animate_images=true] .aos-animate.image-wrap svg,[data-animate_images=true] .aos-animate .image-wrap svg{ animation:0.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation-name:zoom-fade-small; } [data-animate_images=true] .aos-animate .image-wrap--large .animate-me,[data-animate_images=true] .aos-animate .image-wrap--large .grid__image-ratio,[data-animate_images=true] .aos-animate .image-wrap--large .lazyloaded:not([role=presentation]),[data-animate_images=true] .aos-animate .image-wrap--large img[data-modal-lazy],[data-animate_images=true] .aos-animate .image-wrap--large svg{ animation-name:zoom-fade; } [data-animate_images=true] [data-aos=row-of-3].aos-animate:nth-child(3n+2) .image-wrap .grid__image-ratio,[data-animate_images=true] [data-aos=row-of-3].aos-animate:nth-child(3n+2) .image-wrap img{ animation-delay:200ms; } [data-animate_images=true] [data-aos=row-of-3].aos-animate:nth-child(3n+3) .image-wrap .grid__image-ratio,[data-animate_images=true] [data-aos=row-of-3].aos-animate:nth-child(3n+3) .image-wrap img{ animation-delay:400ms; } [data-animate_images=true] [data-aos=row-of-4].aos-animate:nth-child(4n+2) .image-wrap img{ animation-delay:150ms; } [data-animate_images=true] [data-aos=row-of-4].aos-animate:nth-child(4n+3) .image-wrap img{ animation-delay:300ms; } [data-animate_images=true] [data-aos=row-of-4].aos-animate:nth-child(4n+4) .image-wrap img{ animation-delay:450ms; } [data-animate_images=true] [data-aos=row-of-5].aos-animate:nth-child(5n+2) .image-wrap img{ animation-delay:100ms; } [data-animate_images=true] [data-aos=row-of-5].aos-animate:nth-child(5n+3) .image-wrap img{ animation-delay:200ms; } [data-animate_images=true] [data-aos=row-of-5].aos-animate:nth-child(5n+4) .image-wrap img{ animation-delay:300ms; } [data-animate_images=true] [data-aos=row-of-5].aos-animate:nth-child(5n+5) .image-wrap img{ animation-delay:400ms; } [data-animate_images=true] .grid-product__tag{ opacity:0; transition:opacity 1s ease; } [data-animate_images=true] .aos-animate .grid-product__tag{ opacity:1; } @keyframes overlay-on{ 0%{ opacity:0; } to{ opacity:0.6; } } @keyframes overlay-off{ 0%{ opacity:0.6; } to{ opacity:0; } } @keyframes full-overlay-on{ 0%{ opacity:0; } to{ opacity:1; } } @keyframes full-overlay-off{ 0%{ opacity:1; } to{ opacity:0; } } @keyframes modal-open{ 0%{ opacity:0; transform:translateY(30px); } to{ opacity:1; transform:translateY(0); } } @keyframes modal-closing{ 0%{ opacity:1; transform:scale(1); } to{ opacity:0; transform:scale(0.9); } } @keyframes rise-up{ 0%{ opacity:1; transform:translateY(120%); } to{ opacity:1; transform:translateY(0%); } } @keyframes rise-up-out{ 0%{ opacity:1; transform:translateY(0%); } to{ opacity:1; transform:translateY(-120%); } } @keyframes fade-in{ 0%{ opacity:0; } to{ opacity:1; } } @keyframes fade-in-small{ 0%{ opacity:0; } to{ opacity:1; } } @keyframes fade-in-out{ 0%{ opacity:1; } to{ opacity:0; } } @keyframes fade-out{ 0%{ opacity:1; } to{ opacity:0; } } @keyframes zoom-fade{ 0%{ opacity:0; transform:scale(1.25); } to{ opacity:1; transform:scale(1); } } @keyframes zoom-fade-password{ 0%{ opacity:0; transform:scale(1.4); } 5%{ opacity:1; transform:scale(1); } to{ opacity:1; transform:scale(1.2); } } @keyframes zoom-fade-small{ 0%{ opacity:0; transform:scale(1.1); } 10%{ opacity:0.1; } 20%{ opacity:0.2; } to{ opacity:1; transform:scale(1); } } @keyframes kenburns{ 0%{ opacity:0; transform:scale(1.27); animation-timing-function:cubic-bezier(0.12, 0.63, 0.6, 0.74); } 10%{ opacity:1; transform:scale(1.2); animation-timing-function:linear; } to{ opacity:1; transform:scale(1); } } @keyframes kenburns-out{ 0%{ opacity:1; transform:scale(1); animation-timing-function:ease-out; } 50%{ opacity:0; } to{ transform:scale(1.1); } } @keyframes loading{ 0%{ width:0px; } 60%{ width:100px; margin-left:-50px; } to{ margin-left:50px; width:0px; } } .loading:after,.loading:before{ content:""; position:absolute; width:100px; height:3px; background:var(--colorBody); left:50%; top:50%; margin:-1px 0 0 -50px; z-index:25; opacity:0 } .no-js .loading:after,.no-js .loading:before{ display:none } .loading:before{ background:var(--colorBody); opacity:0.15; } .loading:after{ animation:preloading 0.5s ease 0.3s infinite; } .loading--delayed:before{ animation-delay:0.8s !important; animation-duration:1s !important; } .loading--delayed:after{ animation-delay:1.3s !important; } @keyframes preloading{ 0%{ width:0px; opacity:0; } 60%{ width:100px; margin-left:-50px; opacity:1; } to{ margin-left:50px; width:0px; opacity:1; } } @keyframes grid-product__loading{ 0%{ opacity:1; } 3%{ opacity:0; } 10%{ opacity:0; } 20%{ opacity:0.2; } 30%{ opacity:0; } 40%{ opacity:0.2; } 50%{ opacity:0; } 60%{ opacity:0.2; } 70%{ opacity:0; } 80%{ opacity:0.2; } 90%{ opacity:0; } 98%{ opacity:0.2; } to{ opacity:1; } } .appear-animation{ opacity:0; transform:translateY(40px) } @media only screen and (min-width:590px){ .appear-animation{ transform:translateY(60px) } } .js-drawer-open .appear-animation{ opacity:1; transform:translateY(0px); } .js-drawer-closing .appear-animation{ transition-duration:0s; transition-delay:0.5s; } .spr-badge-starrating,.spr-icon-star-empty,.spr-icon-star-hover,.spr-icon-star-hover:hover,.spr-starrating,.spr-starratings{ color:#f3c200; } .spr-icon{ font-size:14px !important; vertical-align:text-bottom; } .spr-header-title{ font-size:calc(var(--typeHeaderSize)*0.85*0.85) !important } @media only screen and (min-width:590px){ .spr-header-title{ font-size:calc(var(--typeHeaderSize)*0.85) !important } } .spr-container.spr-container{ padding:0; border:0; } .grid-product .spr-badge{ margin-top:6px; } .grid-product .spr-badge[data-rating="0.0"]{ display:none; } .grid-product .spr-badge-starrating{ font-size:11px } @media only screen and (min-width:590px){ .grid-product .spr-badge-starrating{ font-size:12px } } .grid-product .spr-icon{ margin-right:1px; font-size:12px !important; } .grid-product .spr-badge-caption{ font-size:11px; margin-left:4px } @media only screen and (min-width:590px){ .grid-product .spr-badge-caption{ font-size:12px } } .footer-promotions .placeholder-svg{ position:absolute; top:0; } .footer-promotions .text-left .rte-setting{ padding-right:30px; } @media only screen and (max-width:589px){ .footer-promotions .text-spacing{ margin-bottom:10px; } .footer-promotions .grid__item{ margin-bottom:32px; } } #shopify-section-footer-promotions .index-section{ margin-top:0; } .site-footer{ background-color:var(--colorFooter); color:var(--colorFooterText); border-top:2px solid var(--colorAnnouncement); } @media only screen and (min-width:590px){ .site-footer{ padding-top:80px; } } .site-footer .collapsible-content p,.site-footer .faux-select,.site-footer .site-footer__linklist a,.site-footer input,.site-footer select,.site-footer textarea{ font-size:calc(var(--typeBaseSize)*0.95); } .site-footer .faux-select,.site-footer input,.site-footer select,.site-footer textarea{ background-color:var(--colorFooter); color:var(--colorFooterText); border:1px solid; border-color:rgba(208, 208, 208, 0.12) } .site-footer .faux-select:active,.site-footer .faux-select:focus,.site-footer input:active,.site-footer input:focus,.site-footer select:active,.site-footer select:focus,.site-footer textarea:active,.site-footer textarea:focus{ border-color:var(--colorFooterText); } .site-footer .faux-select::-webkit-input-placeholder,.site-footer input::-webkit-input-placeholder,.site-footer select::-webkit-input-placeholder,.site-footer textarea::-webkit-input-placeholder{ color:var(--colorFooterText); opacity:1; } .site-footer .faux-select:-moz-placeholder,.site-footer input:-moz-placeholder,.site-footer select:-moz-placeholder,.site-footer textarea:-moz-placeholder{ color:var(--colorFooterText); opacity:1; } .site-footer .faux-select::-moz-placeholder,.site-footer input::-moz-placeholder,.site-footer select::-moz-placeholder,.site-footer textarea::-moz-placeholder{ color:var(--colorFooterText); opacity:1; } .site-footer .faux-select:-ms-input-placeholder,.site-footer input:-ms-input-placeholder,.site-footer select:-ms-input-placeholder,.site-footer textarea:-ms-input-placeholder{ color:var(--colorFooterText); opacity:1; } .site-footer .faux-select::-ms-input-placeholder,.site-footer input::-ms-input-placeholder,.site-footer select::-ms-input-placeholder,.site-footer textarea::-ms-input-placeholder{ color:var(--colorFooterText); opacity:1; } .site-footer .faux-select,.site-footer select{ padding:7px 36px 7px 10px; background-image:url(//b2b.varlascooter.com/cdn/shop/t/2/assets/ico-select-footer.svg); } @media only screen and (max-width:589px){ .site-footer{ padding-bottom:0 } .site-footer .grid__item:after{ content:""; border-bottom:1px solid; border-color:var(--colorFooterText); opacity:0.12; display:block; } .site-footer .grid__item:first-child:after,.site-footer .grid__item:last-child:after{ display:none; } } .site-footer a{ color:var(--colorFooterText); } .site-footer__bottom{ padding-top:10px } @media only screen and (min-width:590px){ .site-footer__bottom{ padding-top:40px; text-align:center } } @media only screen and (max-width:589px){ .site-footer__bottom-block{ margin:0 auto; padding-bottom:15px; text-align:center } } .footer__clear{ clear:both; height:40px; } .footer__title{ font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight) } [data-type_header_capitalize=true] .footer__title{ text-transform:uppercase } [data-type_header_accent_transform=true] .footer__title{ text-transform:uppercase; letter-spacing:0.2em } .footer__title{ color:#fff; font-size:calc(var(--typeHeaderSize)*0.52) } [data-type_header_accent_transform=true] .footer__title{ font-size:calc(var(--typeHeaderSize)*0.42) } @media only screen and (min-width:590px){ .footer__title{ margin-bottom:20px; font-size:calc(var(--typeHeaderSize)*0.55) } [data-type_header_accent_transform=true] .footer__title{ font-size:calc(var(--typeHeaderSize)*0.55) } } .footer__copyright{ font-size:12px; padding: 15px 0; background:#000; border-top:1px solid #262224; } .footer__copyright_left{ line-height: 3; } .site-footer__linklist{ margin:0 } @media only screen and (max-width:589px){ .footer-policy{ margin-left:-20px; } } .footer-policy_link{ padding-left: 20px; color:#eee !important; text-decoration:underline; } .site-footer__linklist a{ display:block; padding:4px 0; } .grid-newsletter{ margin-top: -100px; } @media only screen and (max-width:768px){ .grid-newsletter{ margin-top: 0; } } @media only screen and (max-width:589px){ .grid-newsletter .collapsible-trigger-btn{ padding-top:30px; padding-bottom:0; } .grid-newsletter .collapsible-trigger__icon{ display:none; } .grid-newsletter .collapsible-content{ height:auto; } .grid-newsletter .footer__collapsible{ padding:15px 0 30px; } .grid-newsletter{ margin:0; } } .collapsible-trigger-btn{ display:block; width:100%; text-align:left; padding:22.85714px 0 } @media only screen and (max-width:589px){ .collapsible-trigger-btn{ padding:20px 0 } } .collapsible-trigger-btn.btn--tertiary{ padding:6px 10px; width:auto; } .collapsible-trigger-btn--borders{ border-top:1px solid; border-top-color:#e1e4e7; border-top-color:var(--colorBorder) } .collapsible-trigger-btn--borders:first-child{ border-top:none; } .collapsible-content+.collapsible-trigger-btn--borders{ margin-top:-1px } .collapsible-trigger-btn--borders+.collapsible-content .collapsible-content__inner{ padding-bottom:20px; } .footer__newsletter{ position:relative; } .footer-content{ margin: 20px 0; } .footer__newsletter{ position:relative; } .footer__newsletter-input{ max-width:360px; width:100%; padding-left:45px; border:1px solid; border-color:rgba(208, 208, 208, 0.6); } .footer__newsletter-btn{ position:absolute; top:0; left:0; bottom:0; width:46px; color:var(--colorAnnouncement) } .footer__newsletter-btn .icon{ width:26px; height:24px; } @media only screen and (max-width:589px){ .footer__logo-social{ display:flex; align-items:center; padding:20px 0 } .footer__logo-social .footer__logo{ flex:0 1 auto; } .footer__logo-social .footer__social{ flex:1 1 auto; text-align:right; } } @media only screen and (min-width:590px){ .footer__logo{ margin-bottom:26.66667px } } .footer__logo a{ display:block; } .footer__logo img{ display:block; transform:translateZ(0); max-height:100%; } .footer__social{ margin:0 } .footer__social li{ display:inline-block; margin:0 0 0 15px } @media only screen and (min-width:590px){ .footer__social li{ margin-right:10px; } } .footer__social a{ display:block; } .footer__social .icon{ width:22px; height:22px } @media only screen and (min-width:590px){ .footer__social .icon{ width:24px; height:24px } } .footer__social .icon.icon--wide{ width:40px; } @media only screen and (max-width:589px){ .footer__collapsible{ padding:0 0 20px 0 } } @media only screen and (max-width:589px){ .footer_collapsible--disabled{ padding-top:20px } } [data-animate_underlines=true] .collapsible-content p a:after{ content:""; position:absolute; bottom:-2px; left:0; width:0%; border-bottom:2px solid; border-bottom-color:var(--colorFooterText); transition:width 0.5s ease; } [data-animate_underlines=true] .collapsible-content p a{ position:relative; text-decoration:none; border-bottom:2px solid; border-bottom-color:rgba(208, 208, 208, 0.1) } [data-animate_underlines=true] .collapsible-content p a:focus:after,[data-animate_underlines=true] .collapsible-content p a:hover:after{ width:100%; } .multi-selectors{ display:flex; /* justify-content:center; */ flex-wrap:wrap; } .multi-selectors__item{ margin:0 10px; } .payment-icons{ -webkit-user-select:none; -ms-user-select:none; user-select:none; cursor:default } .payment-icons li{ cursor:default; margin:0 4px 0; padding-top:4px; } .payment-icons--greyscale{ filter:grayscale(1); } .errors,.note{ border-radius:0; padding:6px 12px; margin-bottom:20px; border:1px solid transparent; text-align:left } .errors ol,.errors ul,.note ol,.note ul{ margin-top:0; margin-bottom:0; } .errors li:last-child,.note li:last-child{ margin-bottom:0; } .errors p,.note p{ margin-bottom:0; } .note{ border-color:var(--colorBorder); } .errors ul{ list-style:disc outside; margin-left:20px; } .note--success{ color:#56ad6a; background-color:#ecfef0; border-color:#56ad6a } .note--success a{ color:#56ad6a; text-decoration:underline } .note--success a:hover{ text-decoration:none; } .errors,.form-error{ color:#d02e2e; background-color:#fff6f6; border-color:#d02e2e } .errors a,.form-error a{ color:#d02e2e; text-decoration:underline } .errors a:hover,.form-error a:hover{ text-decoration:none; } .pagination{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-weight:var(--typeBaseWeight); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight); margin:0; padding:80px 0 0; text-align:center; font-size:15px } @media only screen and (max-width:589px){ .pagination{ font-size:14px } } .pagination>span{ display:inline-block; line-height:1; } .pagination a{ display:inline-block; } .pagination .page.current,.pagination a{ padding:8px 12px; } .pagination .page.current{ opacity:0.3; } .pagination .next,.pagination .prev{ color:var(--colorBtnPrimaryText); background:var(--colorBtnPrimary); width:43px; height:43px; line-height:30px; margin:0 10px; transition:transform 0.05s ease-out } .pagination .next:hover,.pagination .prev:hover{ background:#222; transition:background 0.35s ease-out } @media only screen and (max-width:589px){ .pagination .next,.pagination .prev{ width:35px; height:35px; line-height:15px } } .pagination .next .icon,.pagination .prev .icon{ color:var(--colorBtnPrimaryText); width:15px; height:15px } @media only screen and (max-width:589px){ .pagination .next .icon,.pagination .prev .icon{ width:12px; height:12px } } .rte:after{content:"";display:table;clear:both;} .rte+.rte{ margin-top:40px; } .rte img{ height:auto; } .rte ol,.rte p,.rte table,.rte ul{ margin-bottom:25px; } .rte ul ul{ margin-bottom:0; } .rte a:not(.btn),.rte a:not(.rte__image){ text-decoration:none; border-bottom:2px solid; border-bottom-color:rgba(216, 35, 47, 0.1); position:relative; color: var(--colorAnnouncement); font-weight:500; } [data-animate_underlines=true] .rte a:not(.btn):after{ content:""; position:absolute; bottom:-2px; left:0; width:0%; border-bottom:2px solid currentColor; transition:width 0.5s ease; } [data-animate_underlines=true] .rte a:not(.btn):focus:after,[data-animate_underlines=true] .rte a:not(.btn):hover:after{ width:100%; } [data-animate_underlines=true] .rte a.rte__image:after{ content:none; } .rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6{ margin-top:2.5em; margin-bottom:1em; } .rte h1:first-child,.rte h2:first-child,.rte h3:first-child,.rte h4:first-child,.rte h5:first-child,.rte h6:first-child{ margin-top:0; } .rte h1 a,.rte h2 a,.rte h3 a,.rte h4 a,.rte h5 a,.rte h6 a{ text-decoration:none; } .rte meta:first-child+h1,.rte meta:first-child+h2,.rte meta:first-child+h3,.rte meta:first-child+h4,.rte meta:first-child+h5,.rte meta:first-child+h6{ margin-top:0; } .rte>div{ margin-bottom:20px; } .rte li{ margin-bottom:0; } .rte>p:last-child{ margin-bottom:0; } .rte table{ table-layout:fixed; } .rte--block{ margin-bottom:20px; } .rte-setting>p:last-child{ margin-bottom:0; } .text-center.rte ol,.text-center .rte ol,.text-center.rte ul,.text-center .rte ul{ list-style-position:inside; margin-left:0; } .rte--nomargin{ margin-bottom:0; } .rte--indented-images p[style] img{ display:inline; margin:0; max-width:100%; } .header-layout{ display:flex; justify-content:space-between; } .layout_nocolumn{ display:flex; justify-content:space-between; } .header-layout--center{ align-items:center; } .header-item{ display:flex; align-items:center; flex:1 1 auto; } .header-item--logo{ flex:0 0 auto; } .header-item--icons{ justify-content:flex-end; flex:0 1 auto; } .header-layout--left-center .header-item--icons,.header-layout--left-center .header-item--logo{ flex:0 0 200px; max-width:50% } @media only screen and (min-width:590px){ .header-layout--left-center .header-item--icons,.header-layout--left-center .header-item--logo{ min-width:130px } } @media only screen and (min-width:590px){ .header-layout[data-logo-align=center] .header-item--logo{ margin:0 26.66667px } } .header-layout[data-logo-align=center] .header-item--icons,.header-layout[data-logo-align=center] .header-item--navigation{ flex:1 1 130px; } .header-layout[data-logo-align=left] .site-header__logo{ margin-right:0; } .header-item--logo-split{ display:flex; justify-content:center; align-items:center; flex:1 1 100% } .header-item--logo-split .header-item:not(.header-item--logo){ text-align:center; flex:1 1 20%; } .header-item--split-left{ justify-content:flex-end; } .header-item--left .site-nav{ margin-left:-12px } @media only screen and (max-width:589px){ .header-item--left .site-nav{ margin-left:-10px } } .header-item--icons .site-nav{ margin-right:-12px } @media only screen and (max-width:589px){ .header-item--icons .site-nav{ margin-right:-10px } } .site-header--stuck{ position:fixed; left:0; right:0; top:0; transform:translate3d(0, -100%, 0); transition:none; z-index:20 } .js-drawer-open--search .site-header--stuck{ z-index:28 } .site-header--opening{ transform:translateZ(0); transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .site-header__logo{ margin:13.33333px 0; display:block } @media only screen and (min-width:590px){ .text-center .site-header__logo{ padding-right:0; margin:13.33333px auto } } .header-layout[data-logo-align=center] .site-header__logo{ margin-left:auto; margin-right:auto; text-align:center } .site-header__logo a,.site-header__logo a:hover{ text-decoration:none; } .site-header__logo img{ display:block } .header-layout--center .site-header__logo img{ margin:0 auto } .site-header__logo-link{ display:flex; align-items:center; color:var(--colorNavText) } .site-header__logo-link:hover{ color:var(--colorNavText); } @media only screen and (max-width:589px){ .site-header__logo-link{ margin:0 auto } } .header-wrapper { background-color: #fff; } .header-wrapper--overlay{ position:absolute; top:0; left:0; right:0; z-index:6; background:none; background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%,transparent) } .header-wrapper--overlay .site-header:not(.site-header--stuck){ background:none; } .js-drawer-open--search .header-wrapper--overlay{ z-index:28 } .site-header__search-container{ visibility:hidden; position:absolute; left:0; right:0; bottom:0; height:100%; z-index:28; transition:all 0.3s cubic-bezier(0, 0, 0.38, 1) } .site-header__search-container.is-active{ visibility:visible; bottom:0; } .site-header__search{ position:absolute; top:0; left:0; bottom:0; right:0; z-index:28; display:flex; transform:translate3d(0, -110%, 0); background-color:var(--colorBody); color:var(--colorTextBody); transition:all 0.3s cubic-bezier(0, 0, 0.38, 1) } .site-header__search .page-width{ flex:1 1 100%; display:flex; align-items:stretch } @media only screen and (max-width:589px){ .site-header__search .page-width{ padding:0 } } .is-active .site-header__search{ transform:translateZ(0) } .site-header__search .icon{ width:30px; height:30px } @media only screen and (max-width:589px){ .site-header__search .icon{ width:27px; height:27px } } .site-header__search-form{ flex:1 1 auto; display:flex } @media only screen and (min-width:590px){ .site-header__search-form{ padding:20px 0 } } .site-header__search-input{ border:0; width:100px; flex:1 1 auto; font-size:20px } @media only screen and (min-width:590px){ .site-header__search-input{ font-size:24px } } .site-header__search-input:focus{ border:0; outline:0; } .site-header__search-btn{ padding:0 10px 0 20px; } .predictive-results{ position:absolute; top:100%; left:0; right:0; background-color:var(--colorBody); color:var(--colorTextBody); max-height:70vh; max-height:calc(88vh - 100%); overflow:auto; margin-top:-1px; z-index:28 } @media only screen and (min-width:590px){ .predictive-results{ padding-top:20px; max-height:calc(100vh - 100% - 30px) } } .js-drawer-closing .predictive-results{ opacity:0; transition:opacity 0.1s ease-in } .predictive__label{ border-bottom:1px solid; border-bottom-color:var(--colorBorder); padding-bottom:5px; margin-bottom:20px; } .predictive-result__layout>div{ margin-bottom:40px } .predictive-result__layout>div:last-child{ margin-bottom:0; } .predictive-result__layout .grid__item{ margin-bottom:30px; opacity:0; animation:modal-open 0.5s ease forwards } .predictive-result__layout .grid__item:last-child{ margin-bottom:0; } .predictive-result__layout .grid__item:nth-child(2){ animation-delay:150ms; } .predictive-result__layout .grid__item:nth-child(3){ animation-delay:300ms; } .predictive-result__layout .grid__item:nth-child(4){ animation-delay:450ms; } .predictive-result__layout .grid__item:nth-child(5){ animation-delay:600ms; } .predictive-result__layout .grid__item:nth-child(6){ animation-delay:750ms; } .predictive-result__layout .grid__item:nth-child(8){ animation-delay:900ms; } .predictive__result{ display:flex; align-items:center; } .predictive__result-image{ flex:0 1 60px; width:60px; height:60px; margin-right:20px } @media only screen and (min-width:590px){ .predictive__result-image{ flex:0 1 100px; width:100px; height:100px } } .predictive__result-meta{ flex:1 1 auto; } .predictive-results__footer{ padding:30px 0 30px } @media only screen and (min-width:590px){ .predictive-results__footer{ padding:20px 0 40px } } .search-bar{ max-width:100%; } .search-bar--page{ max-width:300px; margin-top:-20px; } .search-bar--drawer{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid; border-bottom-color:var(--colorDrawerBorder) } .search-bar--drawer input{ border:0; } .search-bar .icon{ width:24px; height:24px; vertical-align:middle; } .section-header{ margin-bottom:30px } @media only screen and (min-width:590px){ .section-header{ margin-bottom:20px } } [data-type_header_text_alignment=true] .section-header{ text-align:center } .section-header--hero{ position:relative; flex:1 1 100%; color:var(--colorHeroText); margin-bottom:20px } @media only screen and (min-width:590px){ .section-header--hero{ margin-bottom:40px } } .section-header__rte{ font-size:18px; } .section-header__title{ font-size: 2.75em; margin-bottom:15px; text-transform: uppercase; } @media only screen and (max-width:589px){ .section-header__title{ font-size: 2em; } } .section-header__title:before{ content: ''; background-color: var(--colorAnnouncement); } .section-header__title--big{ font-size:40px } @media only screen and (min-width:590px){ .section-header__title--big{ font-size:80px } } .section-header__title--medium{ font-size:32px } @media only screen and (min-width:590px){ .section-header__title--medium{ font-size:3em } } .section-header__link{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-weight:var(--typeBaseWeight); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight); font-weight:400; font-size:var(--typeBaseSize); padding-top:6px; float:right } @media only screen and (max-width:589px){ .section-header__link{ display:none } } .section-header--404{ margin-bottom:0; padding:80px 0; } .section-header select{ margin-left:20px; } .site-nav{ margin:0; } .text-center .site-navigation{ margin:0 auto } .header-layout--left .site-navigation{ padding-left:13.33333px; height:100%; } .site-nav--icons{ display:flex; align-items:center; } .site-nav__icons{ white-space:nowrap; font-size:0; } .site-nav__item{ display:inline-block; margin:0; } .site-nav__item_min{ position: relative; } .site-nav__item li{ display:block; } .site-nav__item .icon-chevron-down{ width:12px; height:12px; } .site-nav__link{ display:inline-block; vertical-align:middle; text-decoration:none; padding:1.7em 0.7em; white-space:nowrap; color:var(--colorNavText) } .site-header--heading-style .site-nav__link{ font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight) } [data-type_header_capitalize=true] .site-header--heading-style .site-nav__link{ text-transform:uppercase } .site-nav__link:hover{ color:var(--colorNavText); } .is-light .site-nav__link{ color:#fff } .is-light .site-nav__link:hover{ color:#fff; } .site-nav--has-dropdown>.site-nav__link{ position:relative; z-index:6 } @media only screen and (max-width:768px){ .site-nav__link{ padding:10px } .header-layout--center .site-nav__link{ padding-left:2px; padding-right:2px } } .site-nav--has-dropdown{ z-index:6 } .site-nav__link--icon{ font-size:0; padding-left:12px; padding-right:12px } @media only screen and (max-width:589px){ .site-nav__link--icon{ font-size:0; } .site-nav__link--icon+.site-nav__link--icon{ margin-left:-3px; } } .site-nav__link--icon .icon{ width:30px; height:30px } @media only screen and (max-width:589px){ .site-nav__link--icon .icon{ width:22px; height:22px } } .site-nav__dropdown{ position:absolute; border-top:1px solid #f0f0f0; border-bottom: 2px solid var(--colorAnnouncement); left:0; margin:0; z-index:5; display:block; visibility:hidden; background-color:#fff; min-width:100%; box-shadow:0px 10px 20px rgba(0, 0, 0, 0.09); transform:translate3d(0px, -25px, 0px); } .is-focused>.site-nav__dropdown,.site-nav--has-dropdown:hover .site-nav__dropdown{ display:block; visibility:visible; transform:translateZ(0px); transition:all 500ms cubic-bezier(0.2, 0.06, 0.05, 0.95) } .is-focused>.site-nav__dropdown li,.site-nav--has-dropdown:hover .site-nav__dropdown li{ opacity:1; transform:translateY(0); transition:opacity 0.5s ease,transform 0.5s cubic-bezier(0.2, 0.06, 0.05, 0.95) } .is-focused>.site-nav__dropdown li:first-child,.site-nav--has-dropdown:hover .site-nav__dropdown li:first-child{ transition-delay:50ms; } .is-focused>.site-nav__dropdown li:nth-child(2),.site-nav--has-dropdown:hover .site-nav__dropdown li:nth-child(2){ transition-delay:100ms; } .is-focused>.site-nav__dropdown li:nth-child(3),.site-nav--has-dropdown:hover .site-nav__dropdown li:nth-child(3){ transition-delay:150ms; } .is-focused>.site-nav__dropdown li:nth-child(4),.site-nav--has-dropdown:hover .site-nav__dropdown li:nth-child(4){ transition-delay:200ms; } .is-focused>.site-nav__dropdown li:nth-child(5),.site-nav--has-dropdown:hover .site-nav__dropdown li:nth-child(5){ transition-delay:250ms; } .is-focused>.site-nav__dropdown li:nth-child(6),.site-nav--has-dropdown:hover .site-nav__dropdown li:nth-child(6){ transition-delay:300ms; } .is-focused>.site-nav__dropdown li:nth-child(7),.site-nav--has-dropdown:hover .site-nav__dropdown li:nth-child(7){ transition-delay:350ms; } .is-focused>.site-nav__dropdown li:nth-child(8),.site-nav--has-dropdown:hover .site-nav__dropdown li:nth-child(8){ transition-delay:400ms; } .is-focused>.site-nav__dropdown li:nth-child(9),.site-nav--has-dropdown:hover .site-nav__dropdown li:nth-child(9){ transition-delay:450ms; } .is-focused>.site-nav__dropdown li:nth-child(10),.site-nav--has-dropdown:hover .site-nav__dropdown li:nth-child(10){ transition-delay:500ms; } .is-focused>.site-nav__dropdown li:nth-child(11),.site-nav--has-dropdown:hover .site-nav__dropdown li:nth-child(11){ transition-delay:550ms; } .is-focused>.site-nav__dropdown li:nth-child(12),.site-nav--has-dropdown:hover .site-nav__dropdown li:nth-child(12){ transition-delay:600ms; } .is-focused>.site-nav__dropdown li:nth-child(13),.site-nav--has-dropdown:hover .site-nav__dropdown li:nth-child(13){ transition-delay:650ms; } .is-focused>.site-nav__dropdown li:nth-child(14),.site-nav--has-dropdown:hover .site-nav__dropdown li:nth-child(14){ transition-delay:700ms; } .is-focused>.site-nav__dropdown li:nth-child(15),.site-nav--has-dropdown:hover .site-nav__dropdown li:nth-child(15){ transition-delay:750ms; } .site-nav__dropdown li{ margin:0; opacity:0; transform:translateY(15px); transition:none; } .site-nav__dropdown>li{ position:relative } .site-nav__dropdown>li>a{ position:relative; z-index:6; } .site-nav__dropdown a{ padding-right:40px; } .site-nav__deep-dropdown{ background-color:var(--colorBody); box-shadow:0px 10px 20px rgba(0, 0, 0, 0.09); position:absolute; top:0; left:100%; margin:0; visibility:hidden; opacity:0; z-index:5; transform:translate3d(-12px, 0px, 0px) } .header-layout--center .site-nav__item:last-child .site-nav__deep-dropdown{ left:auto; right:100% } .is-focused>.site-nav__deep-dropdown,.site-nav__deep-dropdown-trigger:hover .site-nav__deep-dropdown{ visibility:visible; opacity:1; transform:translateZ(0px); transition:all 300ms cubic-bezier(0.2, 0.06, 0.05, 0.95) } .site-nav__deep-dropdown:before{ content:""; display:block; position:absolute; top:0; left:0; bottom:0; width:10px; background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.09), transparent); pointer-events:none } .header-layout--center .site-nav__item:last-child .site-nav__deep-dropdown:before{ left:auto; right:0; background-image:linear-gradient(270deg, rgba(0, 0, 0, 0.09), transparent) } .site-nav__deep-dropdown-trigger:hover .site-nav__dropdown-link--has-children,.site-nav__dropdown-link--has-children:focus,.site-nav__dropdown-link--has-children:hover{ padding:8px 35px 8px 25px } .site-nav__deep-dropdown-trigger .icon-chevron-down{ position:absolute; top:50%; right:10px; width:10px; height:10px; transform:rotate(-90deg) translateX(50%); } .dropdown__list_left{ position:relative; margin:0; } .dropdown__list_left:before{ content:""; display:block; position:absolute; background:#ebeef1; left:-960px; top:0; width:calc((1360px) / 4 + 960px); height:100%; } @media only screen and (max-width:1360px){ .dropdown__list_left:before{ width:calc((100vw) / 4 + 960px); } } .dropdown__list_left .dropdown__list-title{ color: var(--colorAnnouncement); font-size:1.25em; padding-bottom:10px; } .dropdown_product_link{ display:block; position:relative; } .dropdown__product-title{ font-size:1em; } .top-bar { border-bottom: 1px solid #f0f0f0; font-size: 0.9em; } .top-bar__content{ color:#666; font-size:0.9em; } .top-bar__content_item{ display:flex; border-right:1px solid #f0f0f0; } .top-bar__content_item li{ padding:8px 15px; margin:0; border-left:1px solid #f0f0f0; } .top-bar__contact{ position: relative; cursor: pointer; } .top-bar__dropdown, .country_switch__dropdown{ visibility: hidden; opacity: 0; position: absolute; padding: 15px 0 15px 25px; width: 360px; z-index: 9; margin: 0; border-top: 2px solid var(--colorAnnouncement); box-shadow: 0 5px 10px rgba(0, 0, 0, .1); background: #fff; transform:translate3d(0); } .country_switch__dropdown .country_item, .country_switch { white-space:nowrap; } .country_switch__dropdown .country_item { padding-bottom:10px; } .top-bar__contact-dropdown, .country_switch__dropdown{ top:100%; right: -100%; } .country_switch__dropdown { padding:20px 20px 10px 20px; width:200px; } .top-bar__dropdown_item{ color: #666; line-height: 2.8; padding-right: 10px; padding-left:0; transition:padding 0.3s ease; text-align: left; } .country_switch{ position: relative; margin-right:5px; } .country_switch .conutry_flag { width:22px; margin-right:5px; } .top-bar__dropdown_item:hover{ padding-left:10px; padding-right: 0; } .top-bar__contact:hover .top-bar__dropdown, .country_switch:hover .country_switch__dropdown { visibility: visible; opacity: 1; transition: all 500ms cubic-bezier(0.2, 0.06, 0.05, 0.95); } .mobile-nav{ margin:-20px -20px 0 -20px } .mobile-nav li{ margin-bottom:0; } .mobile-nav__search{ padding:20px; } .mobile-nav__item{ position:relative; display:block; width:100%; overflow: hidden; } .mobile-nav>.mobile-nav__item{ background-color:#ffffff; background-color:var(--colorDrawers) } .mobile-nav__item:after{ content:""; position:absolute; bottom:0; left:20px; right:20px; border-bottom:1px solid; border-bottom-color:#f0f1f3; border-bottom-color:var(--colorDrawerBorder); } .mobile-nav>.mobile-nav__item:last-child:after{ display:none } .mobile-nav__item .mobile-nav__faux-link,.mobile-nav__item a{ display:block; font-size:19px } @media only screen and (min-width:590px){ .mobile-nav__item .mobile-nav__faux-link,.mobile-nav__item a{ font-size:24px } } .mobile-nav__item .mobile-nav__faux-link,.mobile-nav__item a,.mobile-nav__toggle button{ color:#222222; color:var(--colorDrawerText); padding:15px 20px; text-decoration:none } .mobile-nav__item .mobile-nav__faux-link:active,.mobile-nav__item a:active,.mobile-nav__toggle button:active{ color:#000000; color:var(--colorDrawerTextDarken); } .mobile-nav__item .mobile-nav__faux-link:active,.mobile-nav__item a:active,.mobile-nav__toggle button:active{ background-color:#f2f2f2; background-color:var(--colorDrawersDim); } .mobile-nav__child-item{ display:flex; } .mobile-nav__item--secondary a{ font-size:15px; line-height:1.2; padding-top:10px; padding-bottom:5px; } .mobile-nav__item--secondary:after{ display:none; } .mobile-nav__spacer{ height:0; padding:5px; } .mobile-nav__has-sublist{ position:relative; display:table; width:100% } .mobile-nav__has-sublist .mobile-nav__link{ display:table-cell; vertical-align:middle; width:100%; } .mobile-nav__link--button{ width:100%; text-align:left; padding:0; } .mobile-nav__link--button-small{ width:auto } .mobile-nav__link--button-small .collapsible-trigger__icon{ right:-10px; } .mobile-nav__toggle{ display:table-cell; vertical-align:middle; width:1% } .mobile-nav__toggle .icon{ width:16px; height:16px; } .mobile-nav__sublist{ margin:0 } .mobile-nav__sublist .mobile-nav__item:after{ top:0; bottom:auto; border-bottom:none; } .mobile-nav__sublist .mobile-nav__item:last-child{ padding-bottom:20px; } .mobile-nav__sublist .mobile-nav__faux-link,.mobile-nav__sublist .mobile-nav__link{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-weight:var(--typeBaseWeight); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight); font-weight:400; padding:10px 25px 10px 40px; font-size:var(--typeBaseSize); } .mobile-nav__grandchildlist{ margin:0 } .mobile-nav__grandchildlist .mobile-nav__item:last-child{ padding-bottom:0; } .mobile-nav__grandchildlist .mobile-nav__link{ padding-left:60px; } .mobile-nav__social{ margin:10px 0 15px -5px } .mobile-nav__social li{ margin-right:10px; display:inline-block; } .mobile-nav__social a{ padding:10px 5px; } .mobile-nav__social .icon{ width:24px; height:24px; } @media only screen and (min-width:590px){ .site-nav__link--icon .icon{ width:22px; height:22px; } } .cart-link{ position:relative; display:inline-block; line-height:1; } .cart-link__bubble{ display:none; } .cart-link__bubble--visible{ display:block; position:absolute; top:0px; right:-4px; width:15px; height:15px; background-color:var(--colorCartDot); border:2px solid; border-color:var(--colorBody); border-radius:50% } [data-icon=bag] .cart-link__bubble--visible{ top:50%; right:0 } [data-icon=bag-minimal] .cart-link__bubble--visible{ top:50%; right:0 } .breadcrumb{ font-size:13px; margin-bottom:40px } @media only screen and (max-width:589px){ .breadcrumb{ font-size:11px; margin-bottom:20px } } .breadcrumb__divider{ color:currentColor; } .modal{ display:none; bottom:0; left:0; opacity:1; overflow:hidden; position:fixed; right:0; top:0; z-index:25; color:#fff; align-items:center; justify-content:center } .modal a,.modal a:hover{ color:inherit; } .modal .btn:not([disabled]),.modal .btn:not([disabled]):hover{ color:var(--colorBtnPrimaryText); } .modal.modal--quick-shop{ align-items:flex-start; } .modal-open .modal .modal__inner, .modal-open-normal .modal{ animation:modal-open 0.5s forwards; } .modal-open .modal:before{ content:""; position:fixed; top:0; left:0; width:100%; height:100%; background-color:var(--colorModalBg); animation:overlay-on 0.5s forwards; cursor:pointer; } .modal-closing .modal .modal__inner, .modal-closing-normal .modal{ animation:modal-closing 0.5s forwards; } .modal-closing .modal:before{ content:""; position:fixed; top:0; left:0; width:100%; height:100%; background-color:var(--colorModalBg); animation:overlay-off 0.5s forwards; } .modal-open--solid .modal:before{ background-color:var(--colorModalBg) } .modal-open .modal--solid:before{ background-color:rgba(0,0,0,0.75); animation:full-overlay-on 0.5s forwards; } .modal-closing .modal--solid:before{ background-color:#fff; animation:full-overlay-off 0.5s forwards; } .modal--is-closing{ display:flex !important; overflow:hidden; } .modal--is-active{ display:flex !important; overflow:hidden; } @media only screen and (min-width:590px){ .modal-open{ overflow:hidden; } } .modal__inner{ transform-style:preserve-3d; flex:0 1 auto; margin:20px; max-width:100%; display:flex; align-items:center } @media only screen and (min-width:590px){ .modal__inner{ margin:40px } } .modal--square .modal__inner{ background-color:var(--colorBody); color:var(--colorTextBody) } .modal__inner img{ display:block; max-height:90vh; } .modal__inner .image-wrap img{ max-height:none; } .modal__centered{ position:relative; flex:0 1 auto; min-width:1px; max-width:1280px; } .modal--square .modal__centered-content{ max-height:90vh; padding:30px; min-width:200px; min-height:190px; overflow:auto; -webkit-overflow-scrolling:touch } @media only screen and (min-width:590px){ .modal--square .modal__centered-content{ padding:60px; max-width:1200px } } .modal__close{ border:0; padding:20px; position:fixed; top:0; right:0; color:#fff } @media only screen and (min-width:590px){ .modal__close{ padding:40px } } .modal__close .icon{ width:28px; height:28px; } .modal__close:focus,.modal__close:hover{ color:#fff; } .modal--square .modal__close{ position:absolute; color:var(--colorTextBody); padding:13.33333px } .modal--square .modal__close:focus,.modal--square .modal__close:hover{ color:var(--colorTextBody); } .popup-cta{ margin-bottom:20px; } @media only screen and (max-width:589px){ .modal--mobile-friendly{ top:auto; bottom:100px; overflow:auto } .modal--mobile-friendly.modal--square .modal__centered-content{ padding:20px 20px 0; } .modal--mobile-friendly.modal--is-active{ overflow:auto; } .modal-open .modal--mobile-friendly:before{ display:none; } .modal-closing .modal--mobile-friendly:before{ display:none; } .modal--mobile-friendly .modal__inner{ margin:10px; box-shadow:0 10px 20px rgba(0, 0, 0, 0.3); } .modal--mobile-friendly .h1{ padding-right:25px; } .modal--mobile-friendly input{ font-size:16px !important; } .modal--mobile-friendly .input-group{ margin:0 auto 20px; } .modal--mobile-friendly .btn{ min-width:auto; } .modal--mobile-friendly .text-close{ display:none; } } .js-qty__wrapper{ position:relative; max-width:100px; min-width:75px; overflow:visible; background-color:var(--colorInputBg); color:var(--colorInputText); } .js-qty__num{ display:block; background:none; text-align:center; width:100%; padding:8px 25px; margin:0; z-index:1; } .js-qty__adjust{ cursor:pointer; position:absolute; display:block; top:0; bottom:0; border:0 none; background:none; text-align:center; overflow:hidden; padding:0 5px; line-height:1; -webkit-user-select:none; -ms-user-select:none; user-select:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; transition:background-color 0.1s ease-out; z-index:2; fill:var(--colorInputText) } .js-qty__adjust .icon{ display:block; font-size:8px; vertical-align:middle; width:10px; height:10px; fill:inherit; } .js-qty__adjust:hover{ background-color:var(--colorInputBgDim); color:var(--colorInputText); } .js-qty__adjust:active{ background-color:var(--colorInputBgDark); } .js-qty__num:active~.js-qty__adjust,.js-qty__num:focus~.js-qty__adjust{ border-color:var(--colorTextBody) } .js-qty__adjust--plus{ right:0; padding-right:13px; } .js-qty__adjust--minus{ left:0; padding-left:13px; } .drawer .js-qty__wrapper{ background-color:transparent; border-color:var(--colorDrawerBorder); max-width:90px; } .drawer .js-qty__num{ color:var(--colorDrawerText); border-color:var(--colorDrawerBorder); padding-top:5px; padding-bottom:5px; } .drawer .js-qty__adjust{ border-color:var(--colorDrawerBorder); color:var(--colorDrawerText); fill:var(--colorDrawerText) } .drawer .js-qty__adjust:hover{ background-color:var(--colorDrawerBorder); color:var(--colorDrawers); fill:var(--colorDrawers); } .drawer .js-qty__num:active~.js-qty__adjust,.drawer .js-qty__num:focus~.js-qty__adjust{ border-color:var(--colorDrawerBorder); } .currency-flag{ position:relative; display:inline-block; vertical-align:middle; width:50px; height:50px; overflow:hidden; border-radius:50%; box-shadow:inset 0 0 1px 0 rgba(0, 0, 0, 0.3) } .currency-flag:after,.currency-flag:before{ content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:50%; } .currency-flag:before{ content:attr(data-flag); font-size:16px; margin:1px; background-color:#000; color:#fff; text-align:center; font-weight:700; line-height:49px; } .currency-flag--small{ width:20px; height:20px } .currency-flag--small:before{ display:none; } .currency-options__label{ display:inline-block; vertical-align:middle; width:100px } .currency-options__label span{ border-bottom:2px solid transparent } .is-active .currency-options__label span{ border-bottom:2px solid currentColor } .currency-options__label--inline{ display:inline; width:auto; padding-left:5px; } .disclosure{ position:relative; } .disclosure__toggle{ white-space:nowrap; } .disclosure-list{ background-color:var(--colorBody); color:var(--colorTextBody); bottom:100%; padding:10px 0px; margin:0; position:absolute; display:none; min-height:92px; max-height:60vh; overflow-y:auto; border-radius:0; box-shadow:0px 0px 20px rgba(0, 0, 0, 0.09) } .disclosure-list a{ color:currentColor; } .disclosure-list--visible{ display:block; } .disclosure-list__item{ white-space:nowrap; padding:5px 15px 4px; text-align:left } .disclosure-list__item .currency-options__label{ border-bottom:1px solid transparent; } .disclosure-list__option:focus .currency-options__label,.disclosure-list__option:hover .currency-options__label{ border-bottom:1px solid currentColor; } .disclosure-list__item--current .currency-options__label{ border-bottom:1px solid currentColor; } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{ opacity:1; background:var(--colorBody); border-color:rgba(28, 29, 29, 0.05); border-radius:50px; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button{ color:var(--colorTextBody); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover{ color:var(--colorTextBody); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active{ color:var(--colorTextBody); background-color:rgba(28, 29, 29, 0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after{ border-color:rgba(28, 29, 29, 0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster{ background-color:var(--colorTextBody); color:var(--colorBody); border-radius:100%; border:1px solid; border-color:rgba(28, 29, 29, 0.05) } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover{ color:var(--colorBody); } .product-single__view-in-space{ display:block; color:var(--colorTextBody); background-color:rgba(28, 29, 29, 0.08); width:100%; padding:5px 10px 10px } .slick-dotted.slick-slider+.product-single__view-in-space{ margin-top:-10px } .product-single__view-in-space[data-shopify-xr-hidden]{ display:none; } .product-single__view-in-space-text{ display:inline-block; vertical-align:middle; margin-left:5px; font-size:0.9em; } .shopify-model-viewer-ui,.shopify-model-viewer-ui model-viewer{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; } .shopify-model-viewer-ui__button[hidden]{ display:none; } .product-single__close-media{ position:absolute; top:10px; right:10px; z-index:2; } .collapsibles-wrapper--border-bottom{ border-bottom:1px solid; border-bottom-color:var(--colorBorder); } .collapsible-trigger{ color:inherit; position:relative; } .mobile-nav__toggle button{ padding:20px 30px; } .collapsible-trigger__icon{ display:block; position:absolute; right:0; top:50%; width:20px; height:20px; transform:translateY(-50%) } @media only screen and (max-width:589px){ .collapsible-trigger__icon{ width:10px; height:10px } } .mobile-nav__has-sublist .collapsible-trigger__icon{ right:20px } .collapsible-trigger__icon .icon{ display:block; width:20px; height:20px; transition:all 0.2s ease-in } @media only screen and (max-width:589px){ .collapsible-trigger__icon .icon{ width:10px; height:10px } } .collapsible-trigger--inline{ font-weight:700; font-size:1.25em; padding:11px 0 11px 20px } .collapsible-trigger--inline .collapsible-trigger__icon{ right:auto; left:0; } .collapsible-trigger__icon--circle{ border:1px solid; border-color:var(--colorBorder); border-radius:50%; width:24px; height:24px; text-align:center } .collapsible-trigger__icon--circle .icon{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } .collapsible-trigger.is-open .collapsible-trigger__icon>.icon-chevron-down{ transform:rotate(180deg); } .collapsible-trigger .collapsible-trigger__icon .icon-minus,.collapsible-trigger.is-open .collapsible-trigger__icon .icon-plus{ display:none; } .collapsible-trigger.is-open .collapsible-trigger__icon .icon-minus{ display:block; } .collapsible-content{ transition:opacity 0.3s cubic-bezier(.25,.46,.45,.94),height 0.3s cubic-bezier(.25,.46,.45,.94) } .collapsible-content.is-open{ overflow:unset; visibility:visible; opacity:1; transition:opacity 1s cubic-bezier(.25,.46,.45,.94),height 0.5s cubic-bezier(.25,.46,.45,.94); } .collapsible-content--all{ visibility:hidden; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; opacity:0; height:0 } .collapsible-content--all .collapsible-content__inner{ transform:translateY(40px); } .collapsible-content--all .collapsible-content__inner--no-translate{ transform:translateY(0); } @media only screen and (max-width:589px){ .collapsible-content--small{ overflow:hidden; visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; opacity:0; height:0 } .collapsible-content--small .collapsible-content__inner{ transform:translateY(40px); } .collapsible-content--small .collapsible-content__inner--no-translate{ transform:translateY(0); } } .collapsible-content__inner{ transition:transform 0.3s cubic-bezier(.25,.46,.45,.94) } .is-open .collapsible-content__inner{ transform:translateY(0); transition:transform 0.5s cubic-bezier(.25,.46,.45,.94) } .rte.collapsible-content__inner--faq{ padding-bottom:40px; } .collapsible-trigger[aria-expanded=true] .collapsible-label__closed{ display:none } .collapsible-label__open{ display:none } .collapsible-trigger[aria-expanded=true] .collapsible-label__open{ display:inline-block } .pswp{ display:none; position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; touch-action:none; z-index:1500; -webkit-text-size-adjust:100%; -webkit-backface-visibility:hidden; outline:none; } .pswp img{ max-width:none; } .pswp--animate_opacity{ opacity:0.001; will-change:opacity; transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open{ display:block; } .pswp--zoom-allowed .pswp__img{ cursor:zoom-in; } .pswp--zoomed-in .pswp__img{ cursor:grab; } .pswp--dragging .pswp__img{ cursor:grabbing; } .pswp__bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#ffffff; background:var(--colorBody); opacity:0; transform:translateZ(0); -webkit-backface-visibility:hidden; } .pswp__scroll-wrap{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; } .pswp__container,.pswp__zoom-wrap{ touch-action:none; position:absolute; left:0; right:0; top:0; bottom:0; } .pswp__container,.pswp__img{ -webkit-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; } .pswp__zoom-wrap{ position:absolute; width:100%; transform-origin:left top; transition:transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg{ will-change:opacity; transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{ transition:none; } .pswp__container,.pswp__zoom-wrap{ -webkit-backface-visibility:hidden; } .pswp__counter { opacity: 0; } .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; } .pswp__caption__center { text-align: left; max-width: 520px; margin: 0 auto; padding: 20px; line-height: 20px; } .pswp__caption--empty { display: none; } .pswp__caption--fake { visibility: hidden; } .pswp__item{ position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden; } .pswp__img{ position:absolute; width:auto; height:auto; top:0; left:0; } .pswp__img--placeholder{ -webkit-backface-visibility:hidden; } .pswp--ie .pswp__img{ width:100% !important; height:auto !important; left:0; top:0; } .pswp__error-msg{ position:absolute; left:0; top:50%; width:100%; text-align:center; line-height:16px; margin-top:-8px; color:#ccc; } .pswp__error-msg a{ color:#ccc; text-decoration:underline; } .pswp__button{ position: absolute; } .pswp__button:after{ content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; } .pswp__button--arrow--left .icon,.pswp__button--arrow--right .icon, .pswp__button--close .icon{ width:20px; height:20px; margin:8px; } .pswp__button--arrow--left{ left: 0; top: 50%; } .pswp__button--arrow--right{ right: 0; top: 50%; } .pswp__button--close{ top: 0; right: 0; } .pswp__button[disabled]{ opacity:0; pointer-events:none; } .pswp__ui .btn{ margin:15px; } .pswp__ui--hidden{ transition:transform 0.25s; } .slick-slider{ position:relative; display:block; box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; touch-action:pan-y; -webkit-tap-highlight-color:transparent; direction:ltr } html[dir=rtl] .slick-slider{ direction:rtl } .slick-list{ position:relative; overflow:hidden; display:block; margin:0; padding:0 } .slick-list:focus{ outline:none; } .slick-list.dragging{ cursor:pointer; cursor:hand; } .slick-slider .slick-list,.slick-slider .slick-track{ transform:translateZ(0); } .slick-track{ position:relative; left:0; top:0; display:block } .slick-track:after,.slick-track:before{ content:""; display:table; } .slick-track:after{ clear:both; } .slick-loading .slick-track{ visibility:hidden } .slick-slide{ float:left; height:100%; min-height:1px; display:none } [dir=rtl] .slick-slide{ float:right } .slick-slide img{ display:block; } .slick-slide.slick-loading img{ display:none; } .slick-slide.dragging img{ pointer-events:none; } .slick-initialized .slick-slide{ display:block } .slick-loading .slick-slide{ visibility:hidden } .slick-vertical .slick-slide{ display:block; height:auto } .slick-arrow.slick-hidden{ display:none; } .slick-arrow{ position:absolute; display:flex; align-items:center; justify-content:center; line-height:0px; font-size:0px; cursor:pointer; background:var(--colorBtnPrimary); color:var(--colorBtnPrimaryText); top:50%; transform:translateY(-50%); padding:10px; border:none; opacity:1; overflow:hidden; z-index:9 } .slick-arrow.slick-disabled{ opacity:0; } .slick-arrow .icon{ position:relative; display:block; width:24px; height:24px; } [data-section-type=collection-switcher] .slick-arrow{ width:40px; height:40px; transition:transform 0.05s ease-out } [data-section-type=collection-switcher] .slick-arrow:hover{ transform:translateY(-50%) scale(1.12); } [data-section-type=collection-switcher] .slick-arrow:active{ transform:translateY(-50%) scale(1); } @media only screen and (max-width:589px){ [data-section-type=collection-switcher] .slick-arrow{ width:33px; height:33px } } .slick-prev{ left:25px } .carousel .slick-prev{ left:55px } [dir=rtl] .slick-prev{ left:auto; right:25px } @media only screen and (max-width:589px){ .slick-prev{ left:20px } .carousel .slick-prev{ left:40px } [dir=rtl] .slick-prev{ right:20px } } .slick-vertical .slick-prev .icon{ right:auto } .slick-next{ right:25px } [dir=rtl] .slick-next{ left:25px; right:auto } .product__photo-dots .slick-dots li,.product__photo-dots .slick-dots li button,.slick-slider .slick-dots li,.slick-slider .slick-dots li button{ width:9px; height:9px; border-radius:100%; } .product__photo-dots .slick-dots li button:before,.slick-slider .slick-dots li button:before{ width:9px; height:9px; border-radius:100%; background-color:transparent; border:2px solid; border-color:#1c1d1d; border-color:var(--colorTextBody); transition:background-color 0.3s ease; } @media only screen and (max-width:589px){ .slick-next{ right:20px } [dir=rtl] .slick-next{ left:20px } } .slick-next .icon{ left:1px; } .slick-vertical .slick-next .icon{ left:auto } .slick-dotted.slick-slider{ margin-bottom:10px; } .slick-dots{ position:absolute; bottom:-25px; list-style:none; display:block; text-align:center; padding:0; margin:0; width:100% } .slick-dots li{ position:relative; display:inline-block; height:9px; width:9px; margin:0 5px; padding:0; cursor:pointer } .slick-dots li button{ border:0; background:transparent; display:block; height:9px; width:9px; line-height:0px; font-size:0px; color:transparent; padding:2px; cursor:pointer } .slick-dots li button:focus:before,.slick-dots li button:hover:before{ opacity:1; } .slick-dots li button:before{ position:absolute; top:0; left:0; content:""; width:9px; height:9px; font-size:10px; line-height:9px; text-align:center; border:2px solid; border-color:#1c1d1d; border-color:var(--colorTextBody); background:transparent; opacity:1; } .slick-dots li.slick-active button:before{ border:none; background:#1c1d1d; background:var(--colorTextBody); } ::-webkit-input-placeholder{ color:inherit; opacity:0.5; } :-moz-placeholder{ color:inherit; opacity:0.5; } :-ms-input-placeholder{ color:inherit; opacity:0.5; } ::-ms-input-placeholder{ color:inherit; opacity:1; } input,select,textarea{ background-color:transparent; color:inherit } input.disabled,input[disabled],select.disabled,select[disabled],textarea.disabled,textarea[disabled]{ background-color:#f6f6f6; border-color:transparent; } input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{ border:1px solid; border-color:var(--colorTextBody); } input[type=number]{ font-size:16px; } input[type=image]{ background-color:transparent; } .skrim-grid--pagination .skrim__item{ height:120px } @media only screen and (min-width:590px){ .skrim-grid--pagination .skrim__item{ height:350px } } .collection--square-small,.collection--wide{ height:150px } @media only screen and (min-width:590px){ .collection--square-small,.collection--wide{ height:300px } } .collection--square-large,.collection--tall{ height:300px } @media only screen and (min-width:590px){ .collection--square-large,.collection--tall{ height:600px } } .collections-list .collection--square-small{ margin-bottom:22px } @media only screen and (min-width:590px){ .collections-list .collection--square-small{ margin-bottom:30px } } .social-sharing{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-weight:var(--typeBaseWeight); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight) } @media only screen and (max-width:589px){ .social-sharing{ text-align:center } } .social-sharing .icon{ height:18px; width:18px; } .social-sharing__link{ display:inline-block; color:var(--colorTextBody); border-radius:2px; font-size:calc(var(--typeBaseSize) - 1px); margin:0 18px 0 0; text-decoration:none; font-weight:400 } .social-sharing__link:last-child{ margin-right:0; } .social-sharing__title{ display:inline-block; vertical-align:middle; padding-right:15px; padding-left:3px } @media only screen and (max-width:589px){ .social-sharing__title{ font-size:0.9em } } .grid-search{ margin-bottom:40px; } .grid-search__page-link{ display:block; background-color: var(--colorBody); padding:20px; color:var(--colorTextBody); border:1px solid; border-color:var(--colorBorder); overflow:hidden; text-overflow:ellipsis } .grid-search__page-link:focus,.grid-search__page-link:hover{ border-color:var(--colorAnnouncement); transition: border-color 0.35s; } .grid-search__page-content{ display:block; height:100%; overflow:hidden; } .grid-search__page-content img{ display:block; margin-bottom:10px; } .grid-search__image{ display:block; padding:20px; margin:0 auto; max-height:100%; max-width:100% } @media only screen and (min-width:590px){ .grid-search__image{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) } } .index-section{ margin:34px 0; } .index-section--small{ margin:24px 0; } .index-section+.index-section,.index-section+.index-section--hidden{ margin-top:0; } .index-section--flush{ margin:0; } .index-section--faq{ margin-bottom:20px; } .section--divider{ border-top:1px solid; border-top-color:var(--colorBorder); padding-top:34px; } .index-section--faq{ margin-bottom:40px; } .product-reviews--full{ border-top:1px solid; border-top-color:var(--colorBorder); padding:34px 0; margin-bottom:0; } .newsletter-section{ padding:34px 0; } .newsletter-section--with-divider{ border-top:1px solid; border-top-color:var(--colorBorder); } @media only screen and (min-width:590px){ .index-section{ margin:100px 0; } .index-section--small{ margin:40px 0; } .index-section--faq{ margin:40px 0 20px; } .section--divider{ padding-top:100px; } .product-reviews--full{ padding:60px; } .newsletter-section{ padding:60px 0; } .testimonials-section{ padding:100px 0; } } .page-blocks--flush .page-width{ padding:0; } .page-blocks>div:first-child .index-section{ margin-top:0; } .between-row{ display:flex; justify-content:space-between; flex-direction: row; align-items:center; } @media only screen and (max-width:768px){ .between-row{ flex-direction:column; } } .feature-row{ margin:0 auto; display:flex; justify-content:space-between; align-items:center; } @media only screen and (max-width:589px){ .feature-row{ flex-direction:column; margin:0 } } @media only screen and (max-width:768px){ .feature-row--small-none{ display:block; } } .feature-row__item{ min-width:50%; flex:0 1 50% } @media only screen and (max-width:768px){ .feature-row__item{ flex:1 1 auto; max-width:100%; min-width:100% } } .feature-row__image{ display:block; margin:0 auto } @media only screen and (max-width:768px){ .feature-row__image{ order:1 } } .feature-row__text{ padding-top:40px; padding-bottom:40px } @media only screen and (max-width:768px){ .feature-row__text{ order:2; padding-top:20px; padding-bottom:0 } } .feature-row__text .rte{ margin:0; } .feature-row__text .btn{ margin:20px 13.33333px 0 0; } @media only screen and (min-width:590px){ .feature-row__text--left{ padding-left:80px; } .feature-row__text--right{ padding-right:80px; } } .hero.slick-dotted{ margin-bottom:0; } .slick-track{ cursor:pointer; cursor:-webkit-grab } [data-slide-count="1"] .slick-track{ cursor:default } [data-slide-count="1"] .slick-track:active{ cursor:default; } .slick-track:active{ cursor:-webkit-grabbing; } .hero .slick-arrow{ top:48%; background:transparent; filter:drop-shadow(0 0 10px #000) } .hero .slick-arrow .icon{ width:32px; height:32px; } @media only screen and (max-width:589px){ .hero .slick-prev{ left:5px; } .hero .slick-next{ right:5px; } .hero .slick-next .icon,.hero .slick-prev .icon{ width:24px; height:24px; } } .hero .slick-list,.hero .slick-track,.hero .slideshow__slide{ height:100%; } .slideshow-wrapper{ position:relative; } .slideshow__pause:focus{ clip:auto; width:auto; height:auto; margin:0; color:var(--colorBtnPrimaryText); background-color:var(--colorBtnPrimary); padding:10px; z-index:10000; transition:none } .video-is-playing .slideshow__pause:focus{ display:none } .slideshow__pause-stop{ display:block } .is-paused .slideshow__pause-stop{ display:none } .slideshow__pause-play{ display:none } .is-paused .slideshow__pause-play{ display:block } .slideshow__slide{ display:none; position:relative; overflow:hidden } .slideshow__slide:first-child{ display:block; } .slideshow__slide:after{ content:""; position:absolute; background:var(--colorBody); bottom:0; height:2px; width:0%; z-index:1; transition:width 0s linear 0s; } .hero{ position:relative; overflow:hidden; background:var(--colorLargeImageBg); } .hero__image-wrapper,.hero__media{ position:absolute; top:0; left:0; height:100%; width:100% } .hero__image-wrapper:before,.hero__media:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:3 } .video-interactable .hero__image-wrapper:before,.video-interactable .hero__media:before{ pointer-events:none } .hero__image-wrapper--no-overlay:before{ content:none; } .hero__image{ position:relative; width:100%; height:100%; z-index:1 } .hero__image:not(.parallax-image){ -o-object-fit:cover; object-fit:cover; font-family:"object-fit: cover"; } .hero__media iframe,.hero__media video{ width:100%; height:100%; pointer-events:none } .video-interactable .hero__media iframe,.video-interactable .hero__media video{ pointer-events:auto } .hero__media video{ position:relative; -o-object-fit:cover; object-fit:cover; font-family:"object-fit: cover"; } .hero__media iframe{ position:absolute; top:0; left:0; width:300%; left:-100%; max-width:none } @media screen and (min-width:1140px){ .hero__media iframe{ width:100%; height:300%; left:auto; top:-100% } } .vimeo-mobile-trigger{ display:block; position:absolute; width:100%; z-index:2; margin-top:90px } .hero__text-content .vimeo-mobile-trigger{ margin-top:-130px } .vimeo-mobile-trigger .icon{ width:40px; height:40px; background-color:#fff; border-radius:50%; padding:10px; } .hero__slide-link{ display:block; position:absolute; height:100%; width:100%; color:var(--colorHeroText); } .hero__text-wrap{ position:relative; height:100%; color:var(--colorHeroText) } .video-interactable .hero__text-wrap{ pointer-events:none } .hero__text-wrap .page-width{ display:table; width:100%; height:100%; } .hero__text-wrap--absolute{ position:absolute; width:100%; } .hero__text-content{ position:relative; padding:20px 0; z-index:4 } @media only screen and (min-width:590px){ .hero__text-content{ padding:60px 0 } } [data-arrows=true] .hero__text-content{ padding-left:20px; padding-right:20px } .hero__title{ display:block; margin-bottom:0; font-size:40px } @media only screen and (min-width:590px){ .hero__title{ font-size:80px } } .hero__subtext{ margin-top:20px; } .hero__subtitle{ display:inline-block; vertical-align:middle; margin-right:20px; margin-top:5px; font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-weight:var(--typeBaseWeight); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight) } [data-type_base_accent_transform=true] .hero__subtitle{ text-transform:uppercase; letter-spacing:0.2em } .hero__subtitle{ font-size:var(--typeBaseSize) } [data-type_base_accent_transform=true] .hero__subtitle{ font-size:calc(var(--typeBaseSize)*0.85) } @media only screen and (min-width:590px){ .hero__subtitle{ font-size:calc(var(--typeBaseSize)*1.3) } [data-type_base_accent_transform=true] .hero__subtitle{ font-size:calc(var(--typeBaseSize)*1.18) } } .hero__link{ display:inline-block } .video-interactable .hero__link{ pointer-events:auto } .hero__link .btn{ margin-top:10px } @media only screen and (min-width:590px){ .hero__link .btn{ margin-top:5px } } .hero__link .btn .icon-play{ position:relative; top:-2px; width:16px; height:16px; margin-right:15px } @media only screen and (max-width:589px){ .hero__link .btn .icon-play{ margin-right:10px } } .hero__link .btn--small .icon-play{ width:14px; height:14px; margin-right:10px; } .hero__text-content{ display:table-cell } .hero__text-content.horizontal-left{ text-align:left; } .hero__text-content.horizontal-center{ text-align:center; } .hero__text-content.horizontal-right{ text-align:right; } .hero__text-content.vertical-center{ vertical-align:middle } .hero__text-content.vertical-center .hero__subtitle{ margin-right:0; } .hero__text-content.vertical-center .hero__link{ display:block } @media only screen and (min-width:590px){ .hero__text-content.vertical-center .hero__link{ margin-top:20px } } .hero__text-content.vertical-center .hero__link .btn{ margin-left:0; } .hero__text-content.vertical-bottom{ vertical-align:bottom; } .slick-dotted .hero__text-content.vertical-bottom{ padding-bottom:50px; } .hero--450px{ height:292.5px; } .hero--550px{ height:357.5px; } .hero--650px{ height:422.5px; } .hero--750px{ height:487.5px; } .hero--100vh{ height:100vh; } @media only screen and (min-width:590px){ .hero--natural[data-natural]{ position:absolute; top:0; left:0; right:0; bottom:0; } .hero--450px{ height:450px; } .hero--550px{ height:550px; } .hero--650px{ height:650px; } .hero--750px{ height:750px; } .hero--16-9{ height:0; padding-bottom:56.25%; } } @media only screen and (max-width:589px){ .hero--mobile--auto[data-mobile-natural=true]{ position:absolute; top:0; left:0; right:0; bottom:0; height:auto; } .hero--16-9.hero--mobile--auto{ height:0; padding-bottom:56.25%; } .hero--natural[data-mobile-natural=false]{ height:500px; } .hero--mobile--250px[data-mobile-natural=false]{ height:250px; } .hero--mobile--300px[data-mobile-natural=false]{ height:300px; } .hero--mobile--400px[data-mobile-natural=false]{ height:400px; } .hero--mobile--500px[data-mobile-natural=false]{ height:500px; } .hero--mobile--100vh[data-mobile-natural=false]{ height:90vh; } } .index-section--hero:first-child [data-align-top] .slideshow-wrapper{ position:relative; z-index:1; } [data-animate_sections=true] .hero .slideshow__slide .hero__link .animation-contents,[data-animate_sections=true] .hero .slideshow__slide .hero__subtitle .animation-contents,[data-animate_sections=true] .hero .slideshow__slide .hero__title .animation-contents,[data-animate_sections=true] [data-aos=hero__animation] .hero__link .animation-contents,[data-animate_sections=true] [data-aos=hero__animation] .hero__subtitle .animation-contents,[data-animate_sections=true] [data-aos=hero__animation] .hero__title .animation-contents{ opacity:0 } .no-js [data-animate_sections=true] .hero .slideshow__slide .hero__link .animation-contents,.no-js [data-animate_sections=true] .hero .slideshow__slide .hero__subtitle .animation-contents,.no-js [data-animate_sections=true] .hero .slideshow__slide .hero__title .animation-contents,.no-js [data-animate_sections=true] [data-aos=hero__animation] .hero__link .animation-contents,.no-js [data-animate_sections=true] [data-aos=hero__animation] .hero__subtitle .animation-contents,.no-js [data-animate_sections=true] [data-aos=hero__animation] .hero__title .animation-contents{ opacity:1 } [data-animate_sections=true] .hero .slideshow__slide .hero__image,[data-animate_sections=true] .hero .slideshow__slide .hero__media,[data-animate_sections=true] [data-aos=hero__animation] .hero__image,[data-animate_sections=true] [data-aos=hero__animation] .hero__media{ /* opacity:0 */ } .no-js [data-animate_sections=true] .hero .slideshow__slide .hero__image,.no-js [data-animate_sections=true] .hero .slideshow__slide .hero__media,.no-js [data-animate_sections=true] [data-aos=hero__animation] .hero__image,.no-js [data-animate_sections=true] [data-aos=hero__animation] .hero__media{ opacity:1 } [data-animate_sections=true] .hero.loaded.aos-animate .slideshow__slide.slick-active .hero__title .animation-contents,[data-animate_sections=true] [data-aos=hero__animation].loaded.aos-animate .hero__title .animation-contents{ animation:0.8s cubic-bezier(0.26, 0.54, 0.32, 1) 0.3s forwards; animation-name:rise-up; } [data-animate_sections=true] .hero.loaded.aos-animate .slideshow__slide.slick-active .hero__subtitle .animation-contents,[data-animate_sections=true] [data-aos=hero__animation].loaded.aos-animate .hero__subtitle .animation-contents{ animation:1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.7s forwards; animation-name:rise-up; } [data-animate_sections=true] .hero.loaded.aos-animate .slideshow__slide.slick-active .hero__link .animation-contents,[data-animate_sections=true] [data-aos=hero__animation].loaded.aos-animate .hero__link .animation-contents{ animation:fade-in 2s ease 1.5s forwards; } [data-animate_sections=true] .hero.loaded.aos-animate .slideshow__slide.slick-active .hero__image--svg,[data-animate_sections=true] .hero.loaded.aos-animate .slideshow__slide.slick-active .hero__image.lazyloaded,[data-animate_sections=true] .hero.loaded.aos-animate .slideshow__slide.slick-active .hero__media,[data-animate_sections=true] [data-aos=hero__animation].loaded.aos-animate .hero__image--svg,[data-animate_sections=true] [data-aos=hero__animation].loaded.aos-animate .hero__image.lazyloaded,[data-animate_sections=true] [data-aos=hero__animation].loaded.aos-animate .hero__media{ animation:2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation-name:zoom-fade; transition:none; } [data-animate_sections=true] .hero__image-wrapper{ transform:scale(1.15); opacity:0; transition:none; } [data-animate_sections=true] .slideshow__slide .hero__subtitle .animation-cropper,[data-animate_sections=true] .slideshow__slide .hero__title .animation-cropper,[data-animate_sections=true] .slideshow__slide .hero__top-subtitle .animation-cropper{ opacity:0; transform:translateY(15px); transition:none; } [data-animate_sections=true] .slideshow__slide .hero__link{ opacity:0; transition:none; } [data-animate_sections=true] .slick-current .hero__image-wrapper{ opacity:1; transform:scale(1); transition:all 1.5s cubic-bezier(0.26, 0.54, 0.32, 1); } [data-animate_sections=true] .slick-current .hero__top-subtitle .animation-cropper{ opacity:1; transform:translateY(0); transition:all 0.8s ease 0.64s; } [data-animate_sections=true] .slick-current .hero__title .animation-cropper{ opacity:1; transform:translateY(0); transition:all 0.8s ease 0.25s; } [data-animate_sections=true] .slick-current .hero__subtitle .animation-cropper{ opacity:1; transform:translateY(0); transition:all 0.8s ease 0.64s; } [data-animate_sections=true] .slick-current .hero__link{ opacity:1; transform:translateY(0); transition:all 0.91s ease 1.18s; } [data-animate_sections=true] .slideshow__slide.animate-out .hero__image-wrapper{ opacity:0; transform:translateX(-200px); transition:all 0.8s ease-in 0.05s; } [data-animate_sections=true] .slideshow__slide.animate-out .hero__subtitle .animation-cropper,[data-animate_sections=true] .slideshow__slide.animate-out .hero__title .animation-cropper,[data-animate_sections=true] .slideshow__slide.animate-out .hero__top-subtitle .animation-cropper{ opacity:0; transition:none; } [data-animate_sections=true] .slideshow__slide.animate-out .hero__link{ opacity:0; transition:none; } [data-animate_sections=false] [data-aos=hero__animation] .hero__image,[data-animate_sections=false] [data-aos=hero__animation] .hero__media{ opacity:0 } .no-js [data-animate_sections=false] [data-aos=hero__animation] .hero__image,.no-js [data-animate_sections=false] [data-aos=hero__animation] .hero__media{ opacity:1 } [data-animate_sections=false] [data-aos=hero__animation].loaded .hero__image,[data-animate_sections=false] [data-aos=hero__animation].loaded .hero__media{ animation:fade-in 1.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; transition:none; } .collection-filter{ margin-bottom:20px } .collection-filter select{ display:inline-block; width:100%; max-width:320px; } .collection-description{ max-width:900px } [data-type_header_text_alignment=true] .collection-description{ text-align:center; margin:0 auto } .collection-hero{ position:relative; width:100%; height:330px; overflow:hidden; background:var(--colorLargeImageBg) } @media only screen and (min-width:590px){ .collection-hero{ height:550px } } .collection-hero__spacer{ height:330px } @media only screen and (min-width:590px){ .collection-hero__spacer{ height:550px } } .collection-hero__content{ position:absolute; top:0; left:0; bottom:0; width:100%; display:flex; align-items:flex-end; z-index:1 } .collection-hero__content .page-width{ width:100%; } .collection-hero__content:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:auto; transition:opacity 2.5s ease; opacity:0; display:block; } .collection-hero.loaded .collection-hero__content:before{ opacity:1 } [data-animate_sections=true] .collection-hero .collection-hero__image{ opacity:0 } .no-js [data-animate_sections=true] .collection-hero .collection-hero__image{ opacity:1 } [data-animate_sections=true] .collection-hero .section-header__title .animation-contents{ opacity:0 } .no-js [data-animate_sections=true] .collection-hero .section-header__title .animation-contents{ opacity:1 } [data-animate_sections=true] .collection-hero .collection-hero__image.lazyloaded{ animation:2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation-name:zoom-fade; transition:none; } [data-animate_sections=true] .collection-hero.loaded .section-header__title .animation-contents{ animation:1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.5s forwards; animation-name:rise-up; } .collection-switcher__trigger{ position:relative } .collection-switcher__trigger:after{ content:""; position:absolute; bottom:-2px; left:0; width:0%; border-bottom:2px solid currentColor; transition:none; } .collection-switcher__trigger.is-active:after{ width:100%; transition:width 0.5s ease; } .is-light .site-header__logo .logo--has-inverted{ opacity:0; visibility:hidden; overflow:hidden; height:0 } .site-header__logo .logo--inverted{ opacity:0; visibility:hidden; overflow:hidden; height:0 } .is-light .site-header__logo .logo--inverted{ opacity:1; visibility:visible; height:auto } .site-header__logo{ font-size:20px } @media only screen and (min-width:590px){ .site-header__logo{ text-align:left; font-size:25px } } .header-logo a,.site-header__logo a{ color:var(--colorNavText) } .is-light .header-logo a,.is-light .site-header__logo a{ color:#fff } .is-light .header-logo a:hover,.is-light .site-header__logo a:hover{ color:#fff; } .is-light .site-header{ border-bottom:none; } .site-nav__dropdown-link{ display:block; white-space:nowrap; padding:8px 20px; font-size:16px; text-transform:none!important; font-weight: 500; transition:padding 0.2s ease; } .site-nav__dropdown-link:hover{ padding:8px 35px 8px 25px; } .tags a{ font-size:16px; display:block; transition:all 500ms cubic-bezier(0.2, 0.06, 0.05, 0.95); padding-bottom:5px } .tags a:hover{ padding-left:10px; } @media only screen and (min-width:590px){ .tags a{ font-size:19px; padding-bottom:10px } } .tags--vertical{ list-style:none outside; margin:0; padding:0; } .tags--article a{ padding-right:20px; padding-left:0; } .tags__title{ margin-right:20px; } .tag--active{ font-weight:700 } .tag--active a{ padding-left:0 } .tag--active a:hover{ padding-left:0; } .tags-toggle{ margin-top:10px } @media only screen and (min-width:590px){ .tags-toggle{ margin-top:20px } } .variant-input-wrap{ border:0; padding:0; margin:0 0 26.66667px; position:relative } .variant-input-wrap input{ clip:rect(0, 0, 0, 0); overflow:hidden; position:absolute; height:1px; width:1px; } .variant-input-wrap label{ position:relative; display:inline-block; line-height:1; font-weight:400; padding:7px 15px 7px; margin:0 8px 12px 0; font-style:normal; font-size:var(--typeBaseSize); text-transform:none; background-color:#ffffff; background-color:var(--colorBody); box-shadow:0 0 0 1px #e1e4e7; box-shadow:0 0 0 1px var(--colorBorder); transition:all 0.25s ease; font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-weight:var(--typeBaseWeight); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight) } @media only screen and (max-width:589px){ .variant-input-wrap label{ font-size:calc(var(--typeBaseSize) - 1px) } } .variant-input-wrap label.disabled{ color:#e1e4e7; color:var(--colorBorder); } .variant-input-wrap label.disabled:after{ position:absolute; content:""; left:50%; top:0; bottom:0; border-left:1px solid; border-color:#e1e4e7; border-color:var(--colorBorder); transform:rotate(45deg); } .variant-input-wrap input[type=radio]:focus+label{ background-color:rgba(28, 29, 29, 0.03); box-shadow:0 0 0 1px #1c1d1d; box-shadow:0 0 0 1px var(--colorTextBody); } .variant-input-wrap input[type=radio]:checked+label{ box-shadow:0 0 0 2px #1c1d1d; box-shadow:0 0 0 2px var(--colorTextBody); } .variant-input{ display:inline-block } select .variant-input{ display:block } .variant-wrapper{ margin-bottom:-12px } .no-js .variant-wrapper{ display:none } .variant-wrapper--dropdown{ display:inline-block; max-width:100%; margin-right:20px; } .variant__label{ display:block; margin-bottom:10px; cursor:default; font-style:normal; } .variant__label-info{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-weight:var(--typeBaseWeight); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight); text-transform:none; font-weight:400; } .grid-product__content{ position:relative; margin-bottom:20px; text-align:left } html[dir=rtl] .grid-product__content{ text-align:right } @media only screen and (min-width:590px){ .grid-product__content{ margin-bottom:40px } } .product-single__related .grid-product__content{ margin-bottom:0 } .grid-product__link{ display:block; } .grid-product__image-mask{ position:relative; overflow:hidden; } .grid-product__image{ display:block; margin:0 auto; width:100%; } .grid-product__secondary-image{ position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; background-repeat:no-repeat; background-size:cover; background-position:50%; opacity:0 } .grid-product__content:hover .grid-product__secondary-image{ opacity:1 } [data-animate_images=true] .grid-product__content:hover .grid-product__secondary-image{ opacity:0; animation:0.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation-name:fade-in } .js-ipad .grid-product__secondary-image{ display:none } @media only screen and (max-width:589px){ .supports-touch .grid-product__secondary-image{ display:none } } .grid-product__meta{ position:relative; background-color: var(--colorBody); padding:20px; line-height:calc(var(--typeBaseLineHeight) - 0.1) } @media only screen and (max-width:589px){ .small--grid--flush .grid-product__meta{ padding-left:15px; padding-right:10px } } .grid-product__title{ font-size:calc(var(--typeBaseSize)); font-weight: 600; height: 3em; overflow: hidden; line-height: 1; } @media only screen and (min-width:590px){ .grid-product__title{ font-size:calc(var(--typeBaseSize)*1.05) } } .grid-product__vendor{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-weight:var(--typeBaseWeight); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight); } [data-type_base_accent_transform=true] .grid-product__vendor{ text-transform:uppercase; letter-spacing:0.2em; } .grid-product__vendor{ font-size:11px; margin-top:3px; } .grid-product__price{ margin-top:6px; font-weight: 600; color:var(--colorAnnouncement); } .grid-product__price--original{ text-decoration:line-through; margin-right:5px; } .grid-product__tag{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-weight:var(--typeBaseWeight); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight) } [data-type_base_accent_transform=true] .grid-product__tag{ text-transform:uppercase; letter-spacing:0.2em } .grid-product__tag{ position:absolute; top:0; right:0; font-size:10px; line-height:1; padding:6px 6px 6px 8px; background-color:var(--colorBtnPrimary); color:var(--colorBtnPrimaryText); z-index:1; transition:opacity 0.4s ease } @media only screen and (min-width:590px){ .grid-product__tag{ font-size:12px; padding:7px 8px 7px 10px } } .grid-product__tag--sale{ background-color:var(--colorSaleTag); color:var(--colorSaleTagText); } .quick-product__btn{ position:absolute; top:260px; right:0; z-index:2; width:100%; height:65px; background-color:var(--colorBtnPrimary); color:var(--colorBtnPrimaryText); overflow:hidden; font-size:calc(var(--typeBaseSize)*0.85); line-height:1.2; cursor:pointer; opacity:0; transform:translateY(-5px); transition:opacity 0.25s ease,transform 0.25s ease-out,background 0.25s ease } .no-js .quick-product__btn{ display:none } .grid-product__content:hover .quick-product__btn{ opacity:1; transform:translateY(0); transition:opacity 0.25s ease,transform 0.25s ease-out } .grid-product__content:hover .quick-product__btn:active{ transform:none; } .quick-product__btn--not-ready{ pointer-events:none; } .quick-product__label{ position:relative; top:50%; transform:translateY(-50%); display:block; text-align:center; } .grid-product__has-quick-shop .grid-product__content:hover .grid-product__tag{ opacity:0; transition-duration:0.2s; } @media only screen and (max-width:769px){ .grid-overflow-wrapper{ overflow:hidden; overflow-x:scroll; -webkit-overflow-scrolling:touch; padding-bottom:26.66667px } .grid-overflow-wrapper .grid{ white-space:nowrap; display:flex; } .grid-overflow-wrapper .grid__item{ width:66vw; flex:0 0 66vw; display:inline-block; float:none; white-space:normal } .grid-overflow-wrapper .grid__item:first-child{ margin-left:20px; } .grid-overflow-wrapper .grid__item:last-child:after{ content:""; display:inline-block; width:100%; height:1px; margin-right:20px; } .grid-overflow-wrapper .grid__item--view-all{ align-self:center; } .grid-overflow-wrapper .grid-product__content{ margin-bottom:0; } [data-aos=overflow__animation]{ transform:translateX(100vw); transition:all 0.8s cubic-bezier(.25,.46,.45,.94) } [data-aos=overflow__animation].aos-animate{ transform:translateX(0); } } .grid-product__see-all{ display:inline-block; padding:20px; text-align:center; border:1px solid; border-color:var(--colorBorder); margin-top:-60px; } .grid-product.aos-animate.unload .grid-product__image{ opacity:0; transition-duration:0.3s; animation:grid-product__loading 15s ease infinite !important; } .grid-product.aos-animate.unload .grid-product__meta{ opacity:0; transition-duration:0.3s; } .grid-product.aos-animate.unload .grid-product__colors{ opacity:0; transition-duration:0.3s; } .grid-product.aos-animate.unload .grid-product__tag{ opacity:0; transition-duration:0.3s; } .grid-product__colors{ display:flex; flex-wrap:wrap; align-items:center; line-height:14px; margin-top:5px } @media only screen and (max-width:589px){ .small--grid--flush .grid-product__colors{ padding-left:11px } } @media only screen and (min-width:590px){ .grid-product__colors{ line-height:17px } } .color-swatch{ position:relative; display:block; text-indent:-9999px; overflow-y:hidden; margin:0 4px 4px; background-position:50%; background-size:cover; background-repeat:no-repeat; width:2.5em; box-shadow:0 0 0 1px var(--colorBorder); transition:box-shadow 0.2s ease } .color-swatch:before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; } .color-swatch:before{ border:3px solid; border-color:var(--colorBody); } a.color-swatch:hover{ box-shadow:0 0 0 1px var(--colorTextBody); } .color-swatch--small{ width:14px; height:14px } @media only screen and (min-width:590px){ .color-swatch--small{ width:17px; height:17px } } .color-swatch--small:before{ border:2px solid; border-color:var(--colorBody); } .skrim__item{ overflow:hidden; } .skrim__item-content{ position:relative; overflow:hidden; height:100%; width:100%; background:var(--colorLargeImageBg) } .product-navigation .skrim__item-content{ background:var(--colorLargeImageBg) } .skrim__item-content .icon-arrow-left{ width:33px; margin-right:8px; } .skrim__item-content .icon-arrow-right{ width:33px; margin-left:8px; } .skrim__item-content .skrim__overlay{ position:relative; transition:transform 2s ease-out 0s } .skrim__item-content .skrim__overlay:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:auto; transition:all 0.5s ease; } .skrim__item-content .skrim__overlay:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:auto; background:#000; opacity:0; transition:opacity 0.5s ease; } [data-animate_sections=true] .skrim__item-content .skrim__overlay:focus,[data-animate_sections=true] .skrim__item-content .skrim__overlay:hover{ transform:scale(1.05) } [data-animate_sections=true] .skrim__item-content .skrim__overlay:focus:before,[data-animate_sections=true] .skrim__item-content .skrim__overlay:hover:before{ opacity:0.2; transition:opacity 0.2s ease-in; } .skrim__link{ display:block; width:100%; height:100%; } .skrim__overlay{ display:block; overflow:hidden; height:100%; width:100%; background-size:cover; background-repeat:no-repeat; background-position:50%; } .skrim__title{ position:absolute; bottom:0; left:0; margin:0 12.5px 12.5px 12.5px; pointer-events:none; color:var(--colorHeroText); transition:bottom 0.5s ease } .skrim__play:before{ content: ''; position: absolute; left: calc(50% - 25px); top: calc(50% - 25px); width: 50px; height: 50px; border-radius: 25px; border: 2px solid #fff; z-index: 1; transition:top 0.5s ease; } .skrim__play:after{ left: calc(50% - 3px); top: calc(50% - 10px); border: solid transparent; content: ''; position: absolute; height: 0; width: 0; pointer-events: none; border-left-color: #fff; border-width: 10px; transform: scale(1.2, 0.8); transition:top 0.5s ease; } .skrim__play:hover:before{ top:calc(50% - 35px); } .skrim__play:hover:after{ top:calc(50% - 20px); } @media only screen and (min-width:590px){ .skrim__title{ margin:0 25px 25px 25px } } .skrim__title--right{ left:auto; right:0; } .skrim__underline-me{ position:relative; display:inline-block; } [data-animate_underlines=true] .skrim__underline-me:after{ content:""; position:absolute; bottom:0; left:0; width:0%; border-bottom:2px solid; border-bottom-color:var(--colorHeroText); transition:0.5s; } [data-animate_underlines=true] .skrim__link:hover .skrim__underline-me:after{ width:100%; } [data-animate_underlines=true] .skrim__link:hover .skrim__title{ bottom:10px; } [data-animate_sections=true] [data-aos=skrim__animation] .skrim__overlay{ transform:scale(1.1); transition:opacity 1s cubic-bezier(0.44, 0.13, 0.48, 0.87),transform 1.5s cubic-bezier(0.44, 0.13, 0.48, 0.87) } .no-js [data-animate_sections=true] [data-aos=skrim__animation] .skrim__overlay{ opacity:1 } [data-animate_sections=true] [data-aos=skrim__animation] .skrim__overlay:after{ opacity:0 } .no-js [data-animate_sections=true] [data-aos=skrim__animation] .skrim__overlay:after{ opacity:1 } [data-animate_sections=true] [data-aos=skrim__animation].aos-animate .skrim__overlay{ opacity:1; transform:scale(1); } [data-animate_sections=true] [data-aos=skrim__animation].aos-animate .skrim__overlay:after{ opacity:1; transition-duration:1.5s; } [data-animate_sections=true] .skrim__item:nth-child(2) .skrim__overlay{ transition-delay:0.25s; } [data-animate_sections=true] .skrim__item:nth-child(3) .skrim__overlay{ transition-delay:0.5s; } [data-animate_sections=true] .skrim__item:nth-child(4) .skrim__overlay{ transition-delay:0.13s; } [data-animate_sections=true] .skrim__item:nth-child(5) .skrim__overlay{ transition-delay:0.38s; } [data-animate_sections=true] .skrim__item:nth-child(6) .skrim__overlay{ transition-delay:0.63s; } [data-animate_sections=true] .skrim__item:nth-child(7) .skrim__overlay{ transition-delay:0.25s; } [data-animate_sections=true] .skrim__item:nth-child(8) .skrim__overlay{ transition-delay:0.5s; } [data-animate_sections=true] .skrim__item:nth-child(9) .skrim__overlay{ transition-delay:0.13s; } [data-animate_sections=true] .skrim__item:nth-child(10) .skrim__overlay{ transition-delay:0.38s; } [data-animate_sections=true] .skrim__item:nth-child(11) .skrim__overlay{ transition-delay:0.63s; } [data-animate_sections=true] .skrim__item:nth-child(12) .skrim__overlay{ transition-delay:0.45s; } .article__grid-image{ display:block; text-align:center; margin-bottom:20px; overflow:hidden } .article__grid-image .image-wrap{ display:block; position:relative; transition:transform 2s ease-out 0s } .article__grid-image .image-wrap:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:auto; background:#000; z-index:1; opacity:0; transition:opacity 0.5s ease; } [data-animate_sections=true] .article__grid-image:focus .image-wrap,[data-animate_sections=true] .article__grid-image:hover .image-wrap{ transform:scale(1.05) } [data-animate_sections=true] .article__grid-image:focus .image-wrap:before,[data-animate_sections=true] .article__grid-image:hover .image-wrap:before{ opacity:0.15; transition:opacity 0.2s ease-in; } .article__date{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight); font-weight: 500; } [data-type_base_accent_transform=true] .article__date{ text-transform:uppercase; letter-spacing:0.1em } .article__date{ margin-bottom:15px; font-size:11px } .article__tags_list{ margin-right:15px; margin-bottom: 10px !important; } @media only screen and (min-width:1023px){ .article__flex_right{ order:2; } } .article__title{ font-size:calc(var(--typeBaseSize) + 2px) } @media only screen and (min-width:590px){ .article__title{ font-size:calc(var(--typeBaseSize) + 5px) } } .article__author{ font-size:calc(var(--typeBaseSize) - 1px); font-style:italic; margin-top:2px; } .article__grid-meta{ margin-bottom:40px; } .background-media-text{ position:absolute; width:100%; overflow:hidden; background:var(--colorLargeImageBg); background-size:cover; } .background-media-text__text{ text-align:left; background:var(--colorBody); padding:40px; width:380px; } .background-media-text__text .btn{ margin-top:20px; } @media only screen and (min-width:590px){ .background-media-text--right .animation-cropper{ float:right; } } .background-media-text__container{ position:absolute; top:0; left:0; right:0; bottom:0; } @media only screen and (max-width:589px){ .background-media-text{ position:relative; } .background-media-text__inner{ position:relative; } .background-media-text__container,.background-media-text__video{ height:240px; } .background-media-text__aligner{ margin:-11px -11px 11px; } .background-media-text__text{ padding:30px; width:auto; margin:0 20px; } .background-media-text.loading:after,.background-media-text.loading:before{ top:117px; } } @media only screen and (min-width:590px){ .background-media-text--450,.background-media-text--450 .background-media-text__image,.background-media-text--450 .background-media-text__video,.background-media-text__spacer.background-media-text--450{ min-height:450px; } .background-media-text--550,.background-media-text--550 .background-media-text__image,.background-media-text--550 .background-media-text__video,.background-media-text__spacer.background-media-text--550{ min-height:550px; } .background-media-text--650,.background-media-text--650 .background-media-text__image,.background-media-text--650 .background-media-text__video,.background-media-text__spacer.background-media-text--650{ min-height:650px; } .background-media-text--750,.background-media-text--750 .background-media-text__image,.background-media-text--750 .background-media-text__video,.background-media-text__spacer.background-media-text--750{ min-height:750px; } } [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__image.lazyloaded,[data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__image svg,[data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__video{ opacity:0 } .no-js [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__image.lazyloaded,.no-js [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__image svg,.no-js [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__video{ animation:none; opacity:1 } [data-animate_sections=true] [data-aos=background-media-text__animation].aos-animate .background-media-text__image.lazyloaded,[data-animate_sections=true] [data-aos=background-media-text__animation].aos-animate .background-media-text__image svg,[data-animate_sections=true] [data-aos=background-media-text__animation].loaded.aos-animate .background-media-text__video{ animation:2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation-name:zoom-fade; transition:none; } @media only screen and (min-width:590px){ [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__inner .animation-contents{ opacity:0 } .no-js [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__inner .animation-contents{ animation:none; opacity:1 } [data-animate_sections=true] [data-aos=background-media-text__animation].loaded.aos-animate .background-media-text__inner .animation-contents{ animation:1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.5s forwards; animation-name:rise-up; } } [data-animate_sections=false] [data-aos=background-media-text__animation] .background-media-text__video{ opacity:0 } .no-js [data-animate_sections=false] [data-aos=background-media-text__animation] .background-media-text__video{ opacity:1 } [data-animate_sections=false] [data-aos=background-media-text__animation].loaded .background-media-text__video{ animation:fade-in 1.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; } .quote-icon{ display:block; margin:0 auto 20px; } .testimonial-stars{ display:block; font-size:14px; letter-spacing:0.2em; margin-bottom:10px } @media only screen and (min-width:590px){ .testimonial-stars{ font-size:18px; margin-bottom:15px } } @media only screen and (min-width:769px){ .testimonials-slide{ padding:40px 0 55px } } .testimonials-slide .testimonials-slider__text{ transform:scale(0.95); transition:all 0.5s ease; } .testimonials-slide.slick-current .testimonials-slider__text{ transform:scale(1.1); position:relative; z-index:1; } @media only screen and (max-width:589px){ .testimonials-slide .testimonials-slider__text{ transform:scale(0.86); } .testimonials-slide.slick-current .testimonials-slider__text{ transform:scale(1); } } .testimonials-slider__bar{ display: flex; justify-content:space-between; vertical-align:middle; margin-bottom: 20px; } .testimonials-slider__icon svg{ fill: #666; width: 1.5em; height: 1.5em; } .testimonials-section{ padding:34px 0; } .testimonials-section--with-divider{ border-top:1px solid; border-top-color:var(--colorBorder); } .testimonials-left{ overflow: hidden; } .testimonials-icon{ margin-bottom: 20px; } .testimonials-right-item { cursor: pointer; float: left; width:50%; } .testimonials-right-item span.progressBar { width: 60%; margin: 0 auto; height: 2px; background-color: rgba(255, 255, 255, 0.1); display: block; } .testimonials-right-item span.progressBar .inProgress { background-color: var(--colorAnnouncement); width: 0%; height: 2px; } .testimonials-slider__text{ font-size: 1em; padding:30px 20px; color:#ccc; } @media only screen and (min-width:590px){ .testimonials-slider__text{ padding:30px; margin-bottom:0 } } .text-center .slick-slider .testimonials-slider__text{ margin-left:0; margin-right:0 } .testimonials-slider__text cite{ font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight) } [data-type_header_capitalize=true] .testimonials-slider__text cite{ text-transform:uppercase } .testimonials-slider__text cite{ font-style:normal } @media only screen and (min-width:590px){ .testimonials-slider__text cite{ font-size:calc(var(--typeBaseSize) + 1px) } } .testimonials-slider__text p{ margin-bottom:10px } .testimonials-slider__text p+cite{ margin-top:0; } .testimonial-meta{ margin-top:30px; position: relative; } .testimonial-meta cite:before{ content:""; position: absolute; width: 40px; height: 2px; background-color: #ccc; margin-left: -50px; margin-top: 0.6em; } .testimonials-slider.slick-initialized{ cursor:grab; } @media only screen and (min-width:590px){ .testimonials-slider.slick-initialized[data-count="1"],.testimonials-slider.slick-initialized[data-count="2"],.testimonials-slider.slick-initialized[data-count="3"]{ cursor:default } .testimonials-slider.slick-initialized[data-count="1"] .slick-track,.testimonials-slider.slick-initialized[data-count="2"] .slick-track,.testimonials-slider.slick-initialized[data-count="3"] .slick-track{ cursor:default; } } @media only screen and (max-width:589px){ .testimonials-slide{ display:none } .testimonials-slide:first-child{ display:block; } .slick-initialized .testimonials-slide{ display:block } } .announcement{ position:relative; overflow:hidden; background-color:var(--colorAnnouncement); color:var(--colorAnnouncementText); max-height:100px; transition:max-height 0.3s cubic-bezier(0, 0, 0.38, 1);; transform:translateZ(0); z-index:29; } .announcement--closed{ max-height:0 !important; } .announcement__text{ display:block; padding:5px 20px 4px; font-size:14px; transition:opacity 0.75s ease; text-align:center } @media only screen and (min-width:590px){ .announcement__text{ padding:6px 20px 5px; font-size:16px } } .announcement--closed .announcement__text{ opacity:0 } .announcement__link{ display:inline-block; color:var(--colorAnnouncementText) } .announcement__link:hover{ color:var(--colorAnnouncementText); } .announcement__close{ display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); padding:0 10px; transition:opacity 1s ease 0.8s; cursor:pointer; z-index:2 } .announcement--closed .announcement__close{ opacity:0 } .announcement__close .icon{ color:var(--colorAnnouncementText); width:20px; height:20px; vertical-align:middle } @media only screen and (min-width:590px){ .announcement__close .icon{ width:22px; height:22px } } .shopify-challenge__container{ padding:30px 22px } @media only screen and (min-width:590px){ .shopify-challenge__container{ padding:120px 0 } } .newsletter{ margin:0 auto; max-width:520px; } .newsletter-section .errors{ margin-left:auto; margin-right:auto; max-width:520px; } .newsletter-section .icon-email{ width:40px; height:40px; margin-bottom:5px } @media only screen and (min-width:590px){ .newsletter-section .icon-email{ width:32px; height:32px; margin-bottom:8px } } .newsletter-section .btn{ min-width:auto; } .modal .newsletter .h1{ margin-bottom:10px; font-size:1.45em } @media only screen and (min-width:590px){ .modal .newsletter .h1{ font-size:2.2em; } } @media only screen and (max-width:589px){ .modal .input-group{ margin-bottom:0; } .modal .newsletter p{ margin-bottom:15px; } } .modal .newsletter p,.newsletter-section .rte p{ font-size:var(--typeBaseSize); margin-bottom:20px } @media only screen and (min-width:590px){ .modal .newsletter p,.newsletter-section .rte p{ font-size:calc(var(--typeBaseSize) + 2px) } } .modal .newsletter .image-wrap{ margin-bottom:10px } @media only screen and (min-width:590px){ .modal .newsletter .image-wrap{ margin-bottom:20px } } .modal .newsletter input{ font-size:var(--typeBaseSize) } @media only screen and (min-width:590px){ .modal .newsletter input{ font-size:calc(var(--typeBaseSize) + 1px) } } .modal .newsletter .text-close{ text-decoration:underline; } .newsletter__input-group{ background-color:var(--colorInputBg); margin:0 20px 20px; max-width:400px } @media only screen and (min-width:590px){ .newsletter__input-group{ margin:0 auto 20px } } .newsletter__input::-webkit-input-placeholder{ color:var(--colorTextBody); opacity:1; } .newsletter__input:-moz-placeholder{ color:var(--colorTextBody); opacity:1; } .newsletter__input::-moz-placeholder{ color:var(--colorTextBody); opacity:1; } .newsletter__input:-ms-input-placeholder{ color:var(--colorTextBody); } .newsletter__input::-ms-input-placeholder{ color:var(--colorTextBody); opacity:1; } @media only screen and (max-width:589px){ .form__submit--large{ display:none; } .form__submit--small{ display:block; } } @media only screen and (min-width:590px){ .form__submit--large{ display:block; } .form__submit--small{ display:none; } } div[data-section-type=fading-images]{ overflow:hidden } div[data-section-type=fading-images] .hero{ min-height:300px; } .fading-images-overlay__overlay:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:3; } .fading-images__item{ position:absolute; width:100%; height:100%; left:0; background-size:cover; opacity:0 } .no-js .fading-images__item{ opacity:1 } .fading-images-overlay__titles{ opacity:0; margin:0 } .fading-images-overlay__titles.active-titles,.fading-images-overlay__titles.finished-titles{ opacity:1; } .fading-images-overlay__titles--heading-style{ font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight); } [data-type_header_capitalize=true] .fading-images-overlay__titles--heading-style{ text-transform:uppercase; } .fading-images-overlay__titles .animation-cropper{ display:block; } .fading-images-overlay__title{ display:inline-block; -webkit-box-decoration-break:clone; box-decoration-break:clone; padding:4px 15px; margin:2px 0; } .active-titles .fading-images-overlay__title{ animation:1.2s forwards; animation-name:rise-up; } .finished-titles .fading-images-overlay__title{ animation:0.75s forwards; animation-name:rise-up-out; } .active-image.lazyloaded{ animation:kenburns 7s linear forwards; z-index:2; } .finished-image.lazyloaded{ animation:kenburns-out 1s linear forwards; z-index:1; } .map-section{ position:relative; height:650px; width:100%; overflow:hidden } @media only screen and (min-width:590px){ .map-section{ height:500px } } .map-section .page-width{ height:100%; padding:0; max-width:none; } .map-section--load-error{ height:auto; } .map-onboarding{ position:absolute; top:0; left:0; bottom:0; width:100%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; z-index:0; } .map-section__overlay-wrapper{ position:relative; height:100%; } .map-section__overlay{ position:relative; display:inline-block; background-color:var(--colorBody); padding:30px; margin:30px; width:100%; z-index:3 } @media only screen and (min-width:590px){ .map-section__overlay{ padding:40px; position:absolute; left:60px; top:50%; transform:translateY(-50%); margin:0; max-width:30%; width:auto; padding:40px 60px 40px 40px } } .map-section--load-error .map-section__overlay{ position:static; transform:translateY(0) } .map-section__link{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; } .map-section__container{ position:absolute !important; top:0; left:0; width:100%; height:150%; margin-bottom:-50% } @media only screen and (min-width:590px){ .map-section__container{ width:130%; height:100%; margin:0 -30% 0 0 } } [data-animate_sections=true] [data-aos=map-section__animation].aos-animate .map-section__container{ animation:2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation-name:zoom-fade; } .image-row:after{content:"";display:table;clear:both;} .image-row__placeholder{ float:left; width:33.33% } .image-row--gutters .image-row__placeholder{ width:32%; margin:0 1% 2% } .image-row--gutters .image-row__placeholder:first-child{ margin-left:0; } .image-row--gutters .image-row__placeholder:last-child{ margin-right:0; } .image-row__image{ position:relative; min-height:1px; float:left } .image-row__image:after{ content:""; display:block; height:0; width:100%; } .image-row__image img{ display:block; position:absolute; top:0; left:0; } .image-row__image .js-photoswipe__zoom{ cursor:zoom-in; } .image-row__image a .js-photoswipe__zoom{ cursor:pointer; } .store-availability{ display:flex; justify-content:space-around } .store-availability .icon{ margin:6px 0 0; width:12px; height:12px; } .store-availability .icon-in-stock{ fill:#56ad6a; } .store-availability .icon-out-of-stock{ fill:#d02e2e; } .store-availability+.store-availability{ margin-top:20px; } .store-availability__info{ flex:0 1 90%; text-align:left; margin-left:10px } .store-availability__info>div{ margin-bottom:5px } .store-availability__info>div:last-child{ margin-bottom:0; } .store-availability__info a{ text-decoration:underline; } .store-availability__small{ font-size:0.8em } .store-availability__small a{ display:block; margin-top:10px; } .cart__item{ display:grid; grid-gap:30px; grid-template-columns:150px 1fr; grid-template-rows:repeat(2, [row] auto) } @media only screen and (max-width:589px){ .cart__item{ grid-template-columns:80px 1fr; grid-gap:22px } } .cart__item--headers{ grid-template-rows:1fr; font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight); } [data-type_header_capitalize=true] .cart__item--headers{ text-transform:uppercase; } [data-type_header_accent_transform=true] .cart__item--headers{ text-transform:uppercase; letter-spacing:0.2em; } .cart__item--headers{ font-size:0.85em; border-bottom:1px solid; border-bottom-color:var(--colorBorder); padding-bottom:30px; margin-bottom:30px; } .cart__item--details{ display:grid; grid-column:2; grid-template-columns:2fr 100px 1fr; align-items:center } @media only screen and (max-width:589px){ .cart__item--details{ grid-template-columns:100px 1fr } } .cart__item--qty{ grid-column:2; } .cart__item--price{ grid-column:3; margin-left:10px; } @media only screen and (max-width:589px){ .cart__item--name{ grid-column:1 / span 2; } .cart__item--qty{ grid-row:2; grid-column:1; } .cart__item--price{ grid-row:2; grid-column:2; } } .cart__footer{ border-top:1px solid; border-top-color:var(--colorBorder); padding-top:30px; } .cart__checkout-wrapper{ margin-top:20px } .cart__checkout-wrapper .additional-checkout-buttons{ margin-top:12px; } .drawer .additional-checkout-buttons{ margin:10px 0 } .drawer .additional-checkout-buttons [data-shopify-buttoncontainer]{ justify-content:center } .drawer .additional-checkout-buttons [data-shopify-buttoncontainer]>*{ height:auto !important; } .cart__row [data-shopify-buttoncontainer]{ justify-content:flex-end; } @media only screen and (min-width:590px){ .cart__update+.cart__checkout{ margin-left:20px; } } .cart__product-name{ display:block; margin-bottom:5px } @media only screen and (min-width:590px){ .cart__product-name{ margin-bottom:10px } } .cart__price{ display:block; } .cart__price--strikethrough{ text-decoration:line-through; } .cart__discount{ display:block; } .cart__product-meta{ margin-bottom:10px } .cart__product-meta+.cart__product-meta{ margin-top:20px; } .cart__subtotal{ font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight) } [data-type_header_capitalize=true] .cart__subtotal{ text-transform:uppercase } [data-type_header_accent_transform=true] .cart__subtotal{ text-transform:uppercase; letter-spacing:0.2em } @media only screen and (max-width:589px){ .cart__subtotal{ font-size:0.9em } } .cart-page-form .btn.cart__checkout{ min-width:190px; } iframe.zoid-component-frame{ z-index:1 !important; } @media only screen and (min-width:590px){ .product-single__sticky{ position:-webkit-sticky; position:sticky; top:20px; } } .product-single__meta{ padding-left:35px; margin-top:4em; margin-bottom:1em; } @media only screen and (max-width:589px){ .product-single__meta{ padding-left:0; margin-top:20px } } .product-single__meta .social-sharing{ margin-top:25px } @media only screen and (min-width:590px){ .product-single__meta .social-sharing{ margin-top:40px } } .product-single__vendor{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-weight:var(--typeBaseWeight); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight); } [data-type_base_accent_transform=true] .product-single__vendor{ text-transform:uppercase; letter-spacing:0.2em; } .product-single__vendor{ font-size:12px; margin-bottom:10px; } .product-single__title{ font-size:calc(var(--typeHeaderSize)*0.8); margin-bottom:6.66667px; word-wrap:break-word } @media only screen and (min-width:590px){ .product-single__title{ font-size:var(--typeHeaderSize); margin-bottom:10px } } .product-single__sku{ margin-bottom:6.66667px; } .product-single__description{ margin-bottom:20px; } .product-single__description-full{ margin:40px 0; } .product-single__form{ margin-bottom:40px; } .product-single__variants{ display:none } .no-js .product-single__variants{ display:block; margin-bottom:40px } .product-image-main{ position:relative; } .product__video-wrapper{ position:relative; overflow:hidden; max-width:100%; padding-bottom:100%; height:auto; background-color:var(--colorSmallImageBg) } .product__video-wrapper iframe{ width:100%; height:100%; transition:opacity 0.5s ease-in; } .product__video-wrapper[data-video-style=muted].loaded:before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; } .product__video-wrapper.video-interactable:before{ display:none; } .product__video-wrapper.loaded:after{ display:none; } .product__video-wrapper.loading iframe{ opacity:0.01; } .product__video-wrapper.loaded iframe{ opacity:1; } .product__video{ position:absolute; top:0; left:0; width:100%; height:100%; } .product-video-trigger{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } .product__photos--beside{ display:flex; width:100%; } .product__photos{ direction:ltr; padding: 30px 0; } .product__photos a{ display:block; max-width:100%; } .product__photos img{ display:block; margin:0 auto; max-width:100%; width:100%; } .product__main-photos{ position:relative; overflow:hidden; flex:1 1 auto } @media only screen and (min-width:590px){ .product__main-photos{ order:2 } } .product__main-photos img{ display:none; } .product__main-photos .slick-initialized img,.product__main-photos .starting-slide img{ display:block; } .product__main-photos .secondary-slide:not(.slick-slide){ display:none; } .product__main-photos .slick-slide:not(.slick-current) button,.product__main-photos .slick-slide:not(.slick-current) iframe,.product__main-photos .slick-slide:not(.slick-current) model-viewer,.product__main-photos .slick-slide:not(.slick-current) video{ display:none; } .product__thumbs{ position:relative; } .product__thumbs--below{ margin-top:11px } @media only screen and (min-width:590px){ .product__thumbs--below{ margin-top:20px } } .product__thumbs--beside{ flex:0 0 60px; max-width:60px; margin-left:11px } @media only screen and (min-width:590px){ .product__thumbs--beside{ flex:0 0 80px; max-width:80px; margin-left:0; margin-right:20px } } .product__thumbs--beside .slick-list{ min-height:100%; } .product__thumb-item{ border:2px solid transparent } .product__thumb-item a:focus{ outline:none } .product__thumb-item a:focus:before{ content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; box-shadow:inset 0 0 0 2px var(--colorTextBody); z-index:1; } .product__thumb-item a:active:before{ content:none; } .product__thumb-item.slick-current{ border-color:var(--colorTextBody) } .product__thumb-item.slick-current a:focus:before{ content:none; } .product__thumbs--beside .product__thumb-item{ margin-bottom:11px } @media only screen and (min-width:590px){ .product__thumbs--beside .product__thumb-item{ margin-bottom:20px } } .product__thumbs--below .product__thumb-item{ margin-right:11px; max-width:80px !important } @media only screen and (min-width:590px){ .product__thumbs--below .product__thumb-item{ margin-right:20px; max-width:120px !important } } .product__thumbs--below .product__thumb-item:last-child{ margin-right:0; } .product__thumbs .slick-arrow{ background:var(--colorBody); color:var(--colorTextBody); transform:none; border-radius:0 } .product__thumbs .slick-arrow.slick-disabled{ display:none !important; } .product__thumbs .slick-arrow .icon{ display:inline-block; } .product__thumbs[data-position=below] .slick-arrow{ top:0; height:100%; width:25px } .product__thumbs[data-position=below] .slick-arrow.slick-next{ right:0; text-align:right; } .product__thumbs[data-position=below] .slick-arrow.slick-prev{ left:0; text-align:left; } .product__thumbs[data-position=beside] .slick-arrow{ width:100% } .product__thumbs[data-position=beside] .slick-arrow .icon{ margin:0 auto; transform:rotate(90deg); } .product__thumbs[data-position=beside] .slick-arrow.slick-prev{ top:0; left:auto; padding-bottom:10px; } .product__thumbs[data-position=beside] .slick-arrow.slick-next{ top:auto; bottom:0; right:auto; padding-top:10px; } .product__thumbs--below:not(.slick-initialized) .product__thumb-item{ max-width:100px; float:left; } .product__thumb{ position:relative; display:block; cursor:pointer; } .product__thumb-icon{ position:absolute; top:5px; right:5px; background-color:var(--colorTextBody); border-radius:100px; padding:6px; z-index:1; opacity:0; transition:opacity 0.5s ease; font-size:0 } .aos-animate .product__thumb-icon{ opacity:1 } .product__thumb-icon .icon{ fill:var(--colorBody); width:10px; height:10px } @media only screen and (min-width:590px){ .product__thumb-icon .icon{ width:13px; height:13px } } .product__policies{ margin-top:6.6px; font-size:0.85em } @media only screen and (min-width:590px){ .product__policies{ margin-top:10px } } .product__price{ font-size:calc(var(--typeBaseSize) + 4px); color:var(--colorAnnouncement); font-weight: 700; } @media only screen and (min-width:590px){ .product__price{ font-size:1.76471em } } .sale-price{ color:var(--colorSalePrice); } .product__unit-price{ font-size:0.8em; opacity:0.8; } .product__price--compare{ padding-right:5px; display:inline-block; text-decoration:line-through; } .product__inventory{ margin-top:6.66667px; margin-bottom:-6.66667px; font-style:italic } @media only screen and (min-width:590px){ .product__inventory{ margin-top:10px; margin-bottom:-10px } } .product__quantity{ margin-bottom:30px } .product__quantity label{ display:block; margin-bottom:10px; } .product__quantity--dropdown{ display:inline-block; } .product-form-holder--loaded{ animation:fade-in 1s ease; } .add-to-cart[disabled]+.shopify-payment-button{ display:none; } .product__photo-zoom{ position:absolute; top:0; right:0; cursor:zoom-in } @media only screen and (max-width:589px){ .product__photo-zoom{ padding:6px } .product__main-photos .product__photo-zoom{ color: #666; margin-top:10px; margin-right:10px } .slick-slider .product__photo-zoom{ opacity:0; transition:opacity 0.5s ease-out } .slick-slider .slick-active .product__photo-zoom{ opacity:1 } } @media only screen and (min-width:590px){ .product__photo-zoom{ opacity:0; width:100%; height: 100%; top:0; left:0; margin:0; border-radius:0 } .product__photo-zoom span,.product__photo-zoom svg{ display:none; } } .template-blog .article{ margin-bottom:30px } @media only screen and (min-width:590px){ .template-blog .article{ margin-bottom:30px } } .template-blog .article:last-child{ margin-bottom:0 } @media only screen and (min-width:590px){ .template-blog .article:last-child{ margin-bottom:60px } } .article .section-header__title,.article__h3{ margin-bottom:5px } @media only screen and (min-width:590px){ .article .section-header__title,.article__h3{ margin-bottom:10px; height:2.35em; overflow: hidden; } } .article__content-meta{ margin-bottom:20px; } .article__featured-image{ display:block; margin-bottom:40px } .article__featured-image img{ display:block; margin:0 auto; } .article__body{ margin-bottom:20px } @media only screen and (min-width:590px){ .article__body{ margin-bottom:40px } } .article--layout{ display: flex; align-items: center; justify-content: flex-end; background: #fff; flex-wrap: wrap; border:1px solid #e0e0e0; } .article-right { float: right; } .article__image-wrap--empty{ height:0; margin:0; } .article__image--image{ width:100%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; } .article__image{ object-fit:cover; width:100%; } .article__content{ padding:40px; } .article__content_right{ padding:20px; } @media only screen and (max-width:589px){ .article__image{ height: 200px !important; } } @media only screen and (max-width:768px){ .article__image{ height: 200px !important; } .article__content{ padding:20px; } } .article__image-wrap{ position:static; margin:0; line-height: 0; } .article__image-wrap--right{ order:2; } .article__image-wrap--right .article__image{ left:50%; right:0 } } .comment.last{ margin-bottom:-20px; } .template-password{ height:100vh; text-align:center; } .password-page__image{ position:fixed; top:0; left:0; right:0; bottom:0; opacity:0; background-size:cover; background-repeat:no-repeat; background-position:50%; z-index:1; animation:zoom-fade-password 20s ease 1s forwards } .password-page__image:after{ position:fixed; content:""; top:0; left:0; right:0; bottom:0; z-index:2; background:rgba(50, 50, 50, 0.3); } .password-page__wrapper{ display:table; height:100%; width:100%; position:absolute; z-index:3; color:var(--colorTextBody) } .password-page__wrapper a{ color:inherit; } .password-page__wrapper hr{ border-color:var(--colorBorder); } .password-page__wrapper .social-sharing.clean a{ color:inherit; background:transparent; } .password-header-section{ display:table-row; } .password-page__header{ display:table-cell; height:1px; } .password-page__header__inner{ padding:20px; } .password-page__logo{ margin-top:20px } @media only screen and (min-width:590px){ .password-page__logo{ margin-top:120px } } .password-page__logo .logo{ max-width:100%; } .password-page__main{ display:table-row; width:100%; height:100%; margin:0 auto; } .password-page__main__inner{ display:table-cell; vertical-align:middle; padding:0 26.66667px; } .password-page__hero{ font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight) } [data-type_header_capitalize=true] .password-page__hero{ text-transform:uppercase } .password-page__hero{ font-size:42px; text-transform:none } @media only screen and (min-width:590px){ .password-page__hero{ font-size:64px } } .password-page__message{ font-size:120%; margin-bottom:30px !important } .password-page__message img{ max-width:100%; } .password-form,.password-page__message,.password-page__signup-form{ max-width:500px; margin:0 auto; } .password-form{ margin-bottom:1em; } @media only screen and (min-width:590px){ .password-page__signup-form{ padding:0 40px } } .password-page__signup-form .input-group{ width:100%; } .password-page__signup-form .input-group-field{ background-color:#fff; color:#000 } .password-page__signup-form .input-group-field::-webkit-input-placeholder{ color:#000; opacity:0.7; } .password-page__signup-form .input-group-field:-moz-placeholder{ color:#000; opacity:0.7; } .password-page__signup-form .input-group-field::-moz-placeholder{ color:#000; opacity:0.7; } .password-page__signup-form .input-group-field:-ms-input-placeholder{ color:#000; opacity:0.7; } .password-page__signup-form .input-group-field::-ms-input-placeholder{ color:#000; opacity:0.7; } .password-page__signup-form .errors ul{ list-style-type:none; margin-left:0; } .password-page__social-sharing{ margin-top:30px; } .password-login{ display:block; margin:0 auto; font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-weight:var(--typeBaseWeight); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight) } [data-type_base_accent_transform=true] .password-login{ text-transform:uppercase; letter-spacing:0.2em } .password-login{ font-size:0.8em; padding:10px 15px; border:1px solid #fff } @media only screen and (min-width:590px){ .password-login{ position:absolute; top:26.66667px; right:26.66667px } } .password__lock .icon{ position:relative; top:-2px; margin-right:4px; width:12px; height:12px; } .password-page__footer{ display:table-row; height:1px; } .password-page__footer_inner{ display:table-cell; vertical-align:bottom; padding:60px 0 20px; line-height:2.4; font-size:80%; } .icon-shopify-logo{ width:60px; height:20px; } @media only screen and (max-width:589px){ #LoginModal .modal__close{ padding:20px } } #LoginModal .modal__inner{ background:var(--colorBody); color:var(--colorTextBody); padding:30px } @media only screen and (max-width:589px){ #LoginModal .modal__inner{ margin-bottom:40vh } } .password-admin-link{ margin:0 } .password-admin-link a{ border-bottom:2px solid !important; border-bottom-color:var(--colorBorder) !important; } .template-giftcard,.template-giftcard body{ background:var(--colorBody) } .template-giftcard a,.template-giftcard body a{ text-decoration:none; } .template-giftcard .page-width{ max-width:588px } .template-giftcard .page-width iframe,.template-giftcard .page-width img,.template-giftcard .page-width object{ max-width:100%; } .giftcard-header{ padding:80px 0; font-size:1em; text-align:center } .giftcard-header a{ display:block; margin:0 auto; } .template-giftcard .shop-url{ display:none; } .giftcard__border{ padding:1.5em; box-shadow:0 10px 30px rgba(0, 0, 0, 0.3); } .giftcard__content:after{content:"";display:table;clear:both;} .giftcard__content{ background-color:var(--colorBody); color:var(--colorTextBody); } .giftcard__header:after{content:"";display:table;clear:both;} .giftcard__header{ padding:20px; } .giftcard__title{ float:left; margin-bottom:0; } .giftcard__tag{ display:block; float:right; background-color:var(--colorTextBody); border:1px solid transparent; color:var(--colorBody); padding:13.33333px; border-radius:4px; font-size:0.75em; text-transform:uppercase; letter-spacing:.05em; line-height:1; } .giftcard__tag--active{ background:transparent; color:var(--colorTextBody); border:1px solid; border-color:var(--colorBorder); } .giftcard__wrap{ position:relative; margin:20px 20px 40px } .giftcard__wrap img{ position:relative; display:block; border-radius:10px; z-index:2; } .giftcard__code{ position:absolute; bottom:40px; text-align:center; width:100%; z-index:50; } .giftcard__code--medium{ font-size:.875em; } .giftcard__code--small{ font-size:.75em; } .giftcard__code__inner{ display:inline-block; vertical-align:baseline; background-color:#fff; padding:.5em; border-radius:4px; max-width:450px; box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1) } .giftcard__code--small .giftcard__code__inner{ overflow:auto } .giftcard__code__text{ font-weight:400; font-size:1.875em; text-transform:uppercase; border-radius:2px; border:1px dashed; border-color:var(--colorBorder); padding:.4em .5em; display:inline-block; vertical-align:baseline; color:var(--colorTextBody); line-height:1 } .disabled .giftcard__code__text{ color:#999; text-decoration:line-through } .giftcard__amount{ position:absolute; top:0; right:0; color:#fff; font-size:2.75em; line-height:1.2; padding:20px; z-index:50 } .giftcard__amount strong{ display:block; text-shadow:3px 3px 0 rgba(0, 0, 0, 0.1); } .giftcard__amount--medium{ font-size:2em; } .template-giftcard .tooltip{ display:block; position:absolute; top:-50%; right:50%; margin-top:16px; z-index:3; color:#fff; text-align:center; white-space:nowrap } .template-giftcard .tooltip:before{ content:""; display:block; position:absolute; left:100%; bottom:0; width:0; height:0; margin-left:-5px; margin-bottom:-5px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:5px solid #333; border-top:5px solid rgba(51, 51, 51, 0.9); } .template-giftcard .tooltip__label{ display:block; position:relative; right:-50%; border:none; border-radius:4px; background:#333; background:rgba(51, 51, 51, 0.9); min-height:14px; font-weight:400; font-size:12px; text-decoration:none; line-height:16px; text-shadow:none; padding:.5em .75em; margin-left:.25em } .template-giftcard .tooltip__label small{ text-transform:uppercase; letter-spacing:.1em; color:#b3b3b3; font-size:.875em; } .giftcard__instructions{ text-align:center; margin:0 20px 40px; } .giftcard__actions{ position:relative; text-align:center; overflow:hidden; padding-bottom:1em; } .template-giftcard .action-link{ position:absolute; left:20px; top:50%; font-size:0.875em; font-weight:700; display:block; padding-top:4px; text-transform:uppercase; letter-spacing:.2em; margin-top:-10px } .template-giftcard .action-link:focus,.template-giftcard .action-link:hover{ color:var(--colorTextBody); } .template-giftcard .action-link__print{ display:inline-block; vertical-align:baseline; width:17px; height:17px; vertical-align:middle; margin-right:10px; opacity:1; background-repeat:no-repeat; background-position:0 0; background-image:url(/cdn/s/assets/gift-card/icon-print-164daa1ae32d10d1f9b83ac21b6f2c70.png); } .giftcard__footer{ text-align:center; padding:80px 0; } #QrCode img{ padding:40px; border-color:var(--colorBorder); border-radius:4px; margin:0 auto 40px; } @media only screen and (max-width:589px){ .giftcard{ font-size:12px; } .giftcard-header{ padding:40px 0; } .template-giftcard .header-logo{ font-size:2em; } .giftcard__border{ padding:20px; } .giftcard__actions{ padding:20px; } .giftcard__actions .btn{ width:100%; padding-left:0; padding-right:0; } .template-giftcard .action-link{ display:none; } } @media screen and (max-width:400px){ .giftcard__amount strong{ text-shadow:2px 2px 0 rgba(0, 0, 0, 0.1); } .giftcard__wrap:after,.giftcard__wrap:before{ display:none; } .giftcard__code{ font-size:.75em; } .giftcard__code--medium{ font-size:.65em; } .giftcard__code--small{ font-size:.55em; } } @media screen and (max-height:800px){ .template-giftcard .header-logo img{ max-height:90px; } } @media print{ @page{ margin:0.5cm; } h2,h3,p{ orphans:3; widows:3; } h2,h3{ page-break-after:avoid; } body,html{ background-color:#fff; } .giftcard-header{ padding:10px 0; } .giftcard__border,.giftcard__content{ border:0 none; } .add-to-apple-wallet,.giftcard__actions,.giftcard__wrap:after,.giftcard__wrap:before,.site-header__logo-link img:nth-child(2),.tooltip{ display:none; } .giftcard__title{ float:none; text-align:center; } .giftcard__code__text{ color:#555; } .template-giftcard .shop-url{ display:block; } .template-giftcard .logo{ color:#58686f; } } .rotate{ transition: all .35s; transform: rotate(180deg); } .fixedMark{ position: fixed; top: 150px; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; z-index:10; } .disNo{ display: none !important; } .gallery { display: flex; flex-flow: row wrap; transition: all 0.5s ease-in-out; transform: translateZ(0); } .gallery .instafeed_warpper { position: relative; flex-basis: 16.6666%; margin: 0; height:170px; overflow: hidden; cursor: pointer; } @media screen and (max-width: 589px) { .gallery .instafeed_warpper { flex-basis: 33.3333%; height:80px; } } .gallery .instafeed_link{ position: relative; display: block; width: 100%; height: 100%; border-bottom:0px solid !important; } .instafeed_author{ margin-right: 15px; width: 40px; height: 40px; border-radius: 20px; border: 2px solid #CCCCCC; } .gallery .instafeed_link:after{ content:''; position:absolute; top:0; left:0; height: 100%; width: 100%; opacity: 0; background-color: rgba(0,0,0,0.7); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E %3Ccircle fill='white' cx='15.3' cy='4.7' r='1.2'/%3E %3Cpath fill='white' d='M14.4%2C20H5.6C2.5%2C20%2C0%2C17.5%2C0%2C14.4V5.6C0%2C2.5%2C2.5%2C0%2C5.6%2C0h8.8C17.5%2C0%2C20%2C2.5%2C20%2C5.6v8.8 C20%2C17.5%2C17.5%2C20%2C14.4%2C20z M5.6%2C2C3.6%2C2%2C2%2C3.6%2C2%2C5.6v8.8c0%2C2%2C1.6%2C3.6%2C3.6%2C3.6h8.8c2%2C0%2C3.6-1.6%2C3.6-3.6V5.6c0-2-1.6-3.6-3.6-3.6H5.6z '/%3E %3Cpath fill='white' d='M10%2C15.3c-2.9%2C0-5.3-2.4-5.3-5.3c0-2.9%2C2.4-5.3%2C5.3-5.3s5.3%2C2.4%2C5.3%2C5.3C15.3%2C12.9%2C12.9%2C15.3%2C10%2C15.3z M10%2C6.7 c-1.8%2C0-3.3%2C1.5-3.3%2C3.3c0%2C1.8%2C1.5%2C3.3%2C3.3%2C3.3s3.3-1.5%2C3.3-3.3C13.3%2C8.2%2C11.8%2C6.7%2C10%2C6.7z'/%3E %3C/svg%3E"); background-repeat: no-repeat; background-position: center; z-index: 1; transition: all 0.35s ease-in-out; } .gallery .instafeed_link:hover:after{ opacity: 1; } .gallery .instafeed_img { width: 100%; height: 100%; position: absolute; object-fit:cover; transition: all 0.3s ease-in-out; } .gallery .instafeed_caption { display: none; } .coll-color:hover{ background:#f0f0f0; } .icon-symbol{ width:2em; height:2em; display: inline-block; vertical-align: middle; fill: currentColor; } .product_paypal{ background-image: linear-gradient(170deg, #007fc3 , #013088); margin: 20px 0 30px 0; padding: 0.5em 1em; line-height: 1.2; max-width: 420px; } .product_paypal a { color: #fff; } .icon--product { width: 1.25em; height: 1.25em; padding-right: 3px; bottom: -0.25em; position: relative; } .discount{ border: 1px dashed #ffaf64; line-height: 1; background: #fff5cd; margin: 30px 0; /* max-width: 420px; */ } .discount-item { font-size: 0.8em; margin:0; padding: 10px 0; align-self:center; } .grid_item_list .discount-item{ padding: 10px; } .grid_item_list .discount{ margin: 15px 0; } .discount-item-left{ background: #fffbea; padding-left:20px; border-right: 1px dashed #ffaf64; } .discount-left-item1{ font-size: 1.3em; font-weight: 900; } .discount-left-item3{ padding-bottom: 0.35em; } .discount-left-item4{ font-size:1.5em; font-weight:700; color:var(--colorAnnouncement); } .product-showcase{ background:#fff; border-top:2px solid #d8232f; position: relative; } .product_warrant_switch{ position:relative; display: block; width: 100%; color:#333; font-size:0.8em; padding-bottom: 5px; border-bottom: 1px solid var(--colorBorder); } .product_warrant_switch_content{ padding:20px 20px 0 20px; font-size:0.8em; color:#666; } .product_warrant_switch svg{ width:28px; height: 28px; } .product_vendor_bar{ position: absolute; right: 0; top:0; z-index: 1; } .product_vendor_name{ background: #d8232f; color: #fff; padding: 2px 1em; font-size: 2em; } .product_gift{ margin-right: -7px; } .product-gift_content{ position: relative; display: flex; font-size: 0.8em; align-items:center; border: 2px solid #ccc; margin:0 7px 7px 0; padding-left: 8px; height:80px; } .product_gift_title{ font-weight:600; overflow: hidden; line-height: 1.2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .product_gift_price{ text-decoration:line-through; } .product_gift_free{ color: #fff; font-weight: 600; position: absolute; right: -2px; padding: 2px 10px; bottom: -2px; background: var(--colorAnnouncement); } @media screen and (max-width: 589px) { .product_vendor_bar{ margin-top: 20px; position: relative; } .product_vendor_name{ font-size: 1.5em ; text-align: center; } .product-images{ margin-top:20px; } } .dropdown-list_right{ border:1px solid #ccc; margin-bottom: 10px !important; overflow: hidden; display: inline; } .nav_community_img { width: 100%; height: 134px; object-fit: cover; } .grid-news{ padding-left:10px; } .advantage{ margin-top: -125px; position:relative; z-index: 1; } .advantage-left{ background-color: var(--colorAnnouncement); color:#FFF; padding:60px; } .advantage-title{ font-size: 2.7em; } .advantage-item_data{ padding-top: 2em; } .advantage_data{ font-size: 4.25em; font-weight: 900; line-height: 1; margin-right: 0.1em; } .advantage-right { background-color: var(--colorBody); } .advantage-right_item{ position: relative; display: block; border-width: 0 0 1px 1px; border-color: #ebeef1; border-style: solid; padding: 3.1em 0; } .advantage-right_item:hover{ background-color: #ebeef1; transition: 0.35s; } @media only screen and (max-width:768px){ .advantage_data{ font-size: 2.5em; } .advantage-title{ font-size: 2em; } .advantage-right_item{ padding: 1em 0; } .advantage-left{ padding:20px; } .discount-item { font-size: 0.6em; } } @media only screen and (max-width:589px){ .advantage{ margin-top: -50px; }} .index-blog-posts{ background-color: var(--colorBody); } .index-blog-posts-bottom{ padding:0 20px 20px 20px; } .article__grid-excerpt{ padding-bottom: 10px; } .article__features_tags{ padding: 5px 12px; color: #fff; background-color: var(--colorAnnouncement); border: 1px solid var(--colorAnnouncement); } .article__features_tags a{ color: var(--colorBody); } .article__features_date{ padding: 5px 12px; border: 1px solid #ccc; border-left-width: 0; } .index-sections-product{ background-color: var(--colorBody); padding: 30px; border-left: 1px solid #f0f0f0; } .grid-product__Compatibility{ margin:10px 0 0; /* border: 1px dashed #e4c09c; */ /* background: #fff5cd; */ /* max-width: 270px; */ /* padding: 10px 15px; */ font-size: 0.75em; } .content-block { padding: 60px; margin-bottom: 20px; } .Compatibility_title{ font-weight: 600; font-size:14px; } .Compatibility_item:before{ content:""; display: inline-block; font-weight: 700; margin: 0 10px; width: 8px; height: 13px; transform: rotate(45deg); border-style: solid; border-color: #000; border-width: 0 2px 2px 0 ; } .cookie-popup { position: fixed; left: 0; right: 0; bottom: 0; padding: 1.2rem 0; color: #222; box-shadow: 0 0 30px rgba(0,0,0,0.1); background: rgba(255,255,255,0.96); border-top:2px solid var(--colorAnnouncement); transition: all .75s cubic-bezier(.19,1,.22,1); } .article__help{ border-bottom: 1px solid var(--colorBorder); padding: 20px 0 10px 10px; } .article__help_item{ font-size: 1.25em; font-weight: 500; } .help_center_blocks{ border-bottom: 1px solid var(--colorBorder); } .help_center_blocks-item{ padding-right: 10px; } .article__help_tagcount{ font-size: 0.75em; color:#666; margin-left: 5px; } .account_block { align-items:stretch !important; } .help_video_slide_item{ width: 720px; } @media only screen and (max-width:589px){ .help_video_slide_item{ width: 360px; } } .press-read-more { position: relative; text-decoration: none; cursor: text; } .press-read-more .press-trigger { display: block; position: absolute; bottom: 0; right: 0; cursor: pointer; color: var(--colorAnnouncement); } .press-read-more .press-content { position: relative; overflow: hidden; max-height: 60px; transition: max-height 500ms ease; padding-bottom: 20px; } .press-read-more .press-content::before { content: ""; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, white 100%); position: absolute; bottom: 0; width: 100%; height: 40px; transition: opactiy 500ms ease, visibility 500ms ease; } .press-read-more.expanded .press-content { max-height: 600px; } .press-read-more.expanded .press-content::before,{ opacity: 0; visibility: hidden; } /*.press-read-more.expanded .press-trigger */ .product_sales_block{ border-left: 1px solid #ccc; } .product_sales_gift{ display: flex; font-size: 0.8em; align-items: center; border: 1px solid #ccc; border-left-width: 0; border-top-width:0; padding-left: 8px; } .product_free_title{ background: var(--colorAnnouncement); color: var(--colorBody); fill:var(--colorBody); padding: 7px; } .product__black{ background-color: #000; } div.main-content-product { display: block; padding-top: 60px; padding-bottom: 40px; } .flex--no-gutter { margin: 0 !important; } .text__white { color: #fff; } /* Product Switch */ #product_switch{ width: 100%; height: 859px; background: #000; overflow: hidden; position: relative; } .product_box .lazyloaded{ transition: none; } #product_switch_img li.item1 { background-position: center bottom; background-repeat: no-repeat; background-color: #fff; display: block; background-size: 2400px auto; } #product_switch_img li { position: absolute; top: 0; left: 0; width: 100%; height: 860px; background-position: center; background-size: cover; display: none; } #product_switch_img .product_switch_ad_img { position: absolute; margin-left: -540px; bottom: 20px; left: 50%; width: 100%; } #product_switch_img .product_switch_ad_img img { width: 1080px; height: 540px; } #product_switch_img li.item2 { background-position: center bottom; background-repeat: no-repeat; background-color: #000; background-size: 2400px auto; } #product_switch_ctr { position: absolute; width: 160px; height: 30px; margin-left: -80px; left: 50%; bottom: 40px; z-index: 1; } #drag_ctr { position: absolute; top: -4px; left: -1px; bottom: 170px; z-index: 100; width: 95px; height: 38px; background: #d8232f; border-radius: 30px; -webkit-transition: right 400ms cubic-bezier(1, 0, 0, 1),box-shadow 400ms ease; transition: right 400ms cubic-bezier(1, 0, 0, 1),box-shadow 400ms ease; } #product_switch_ctr ul { width: 160px; height: 30px; background: url(/cdn/shop/files/1serv_ico-01.svg?v=1663049076) center no-repeat; font-size: 0; line-height: 0; position: relative; margin: 0 auto; } #product_switch_ctr li { display: block; float: left; width: 80px; height: 30px; cursor: pointer; } #drag_arrow { position: absolute; top: 0; left: 20px; width: 95px; height: 28px; } @media only screen and (max-width: 789px){ #product_switch{ height: 550px; } #product_switch_img li.item1 { background-size: 150% auto; } #product_switch_img li { height: 550px; } #product_switch_img .product_switch_ad_img { margin-left: -50%; bottom: 0; } #product_switch_img .product_switch_ad_img img { width: 100%; height: auto; } #product_switch_img li.item2 { background-size: 150% auto; } } @media only screen and (max-width:767px){ #product_switch_ctr { bottom: 230px; } } /* Product Motor */ .motor_area{ color:#999; padding-top:0; background: url('//cdn.shopify.com/s/files/1/0255/9528/1483/files/motor_small_6fd29993-0368-4360-942b-4e570a8c9342.jpg?v=1594028405') no-repeat center bottom #000; background-size: 100% auto; } .motor_area_dj{ color:#999; padding-top:0; background: url('https://cdn.shopifycdn.net/s/files/1/0558/1304/6407/files/20221101-160038.png?v=1667289653') no-repeat center bottom #0f0f0f; background-size: 100% auto; } .motor_area_pro{ padding-bottom:0; background: url('//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/proshouji.jpg?v=1638326930') no-repeat center top #fff; background-size: 100% auto; } .battery_area1{ padding-bottom: 0; background: url('//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/battery_escape1.jpg?v=1611556216') no-repeat center top #fff; background-size: 100% auto; } .battery_area_pro{ padding-bottom: 0; background: url('//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/dianyuan1.jpg?v=1636964623') no-repeat center top #fff; background-size: 100% auto; } .battery_area{ padding-bottom: 0; background: url('//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/battery1_868a2c63-762c-4f40-b17b-22b7485fb2e5.jpg?v=1611553403') no-repeat center top #fff; background-size: 100% auto; } .display_area{ color:#999; padding-top: 0; background: url('//cdn.shopify.com/s/files/1/0255/9528/1483/files/display_small_16709d8c-1fb3-49a0-bc7b-29604218c813.jpg?v=1594028405') no-repeat center bottom #000; background-size: 100% auto; } .cell_area_pro{ color:#999; padding-top: 0; background: url('//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/5844d810cc306830a132a201c630b07b.png?v=1636967226') no-repeat center bottom #000; background-size: 100% auto; } .cell_area{ color:#999; padding-top: 0; background: url('//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/cobradj1.png?v=1637029408') no-repeat center bottom #000; background-size: 100% auto; } .cell_area_zebra{ color:#999; padding-top: 0; background: url('//cdn.shopify.com/s/files/1/0255/9528/1483/files/mnKrmoIfpopgtMzU0NTMuanBn.jpg?v=1637749893') no-repeat center bottom #000; background-size: 100% auto; } .cell_area_bigdog{ color:#999; padding-top: 0; background: url('https://cdn.shopifycdn.net/s/files/1/0651/0559/2566/files/20221108-112958.png?v=1667883803') no-repeat center bottom #000; background-size: 100% auto; } .display_area_pro{ color:#999; padding-top: 0; background: url('//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/display1.png?v=1636965006') no-repeat center bottom #000; background-size: 100% auto; } @media only screen and (min-width: 768px) { .motor_area { background: url(//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/motor_52df59d2-e712-48d5-b412-fe81000f30fd.jpg?v=1596432862) no-repeat center center #0f0f0f; background-size: 200% auto; } .motor_area_dj { background: url(/cdn/shop/files/20221101-144857.png?v=1667285451) no-repeat center center #0f0f0f; background-size: 102% auto; } .motor_area_pro { background: url(//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/promotor.jpg?v=1638326930) no-repeat center center #fff; background-size: 100% auto; } } @media screen and (min-width: 1025px){ .motor_area { background: url(//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/motor_52df59d2-e712-48d5-b412-fe81000f30fd.jpg?v=1596432862) no-repeat center center #0f0f0f; background-size: 2400px auto; } } @media only screen and (min-width: 790px){ .battery_area{ background: url(//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/battery2.jpg?v=1611553704) no-repeat center center; background-size: 100% auto; } .battery_area_pro{ background: url(//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/dianyuan.jpg?v=1636964623) no-repeat center center; background-size: 100% auto; } .battery_area1 { background: url(//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/battery_escape.jpg?v=1611556204) no-repeat center center; background-size: 100% auto; } .cell_area_pro{ background: url('//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/dainchikuangjia.jpg?v=1636966556') no-repeat center bottom #000; background-size: 100% auto; } .cell_area{ background: url('//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/cobradj.jpg?v=1637029408') no-repeat center bottom #000; background-size: 100% auto; } .cell_area_bigdog{ background: url('https://cdn.shopifycdn.net/s/files/1/0651/0559/2566/files/20221108-112952.png?v=1667883803') no-repeat center bottom #000; background-size: 100% auto; } .cell_area_zebra{ background: url('//cdn.shopify.com/s/files/1/0255/9528/1483/files/zebra-bg.jpg?v=1637749319') no-repeat center bottom #000; background-size: 100% auto; } } @media only screen and (max-width: 789px){ .small--one-whole { width: 100%; -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; } } @media only screen and (min-width: 769px){ .display_area { background: url(//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/display_649c9897-9503-4b76-8991-3a50fd1e35f4.jpg?v=1596432862) no-repeat center center #0f0f0f; background-size: 170% auto; } .display_area_pro { background: url(//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/display_a976d834-174e-4dbb-adf1-6e3ba05927ab.jpg?v=1636965006) no-repeat center center #0f0f0f; background-size: 100% auto; } } @media only screen and (min-width: 1025px){ .display_area { background: url(//cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/display_649c9897-9503-4b76-8991-3a50fd1e35f4.jpg?v=1596432862) no-repeat center center #0f0f0f; background-size: 2400px auto; } } .open-height{ height: 329px; } .open-height1{ height: 553px; } .open-height2{ height: 645px; } .open-height3{ height:350px } @media only screen and (max-width: 768px){ .open-height{ height: 643px; } .open-height1{ height: 1166px; } .open-height2{ height: 925px; } } .product-box { display: flex; width: 100%; } .product-box:after { content: ''; padding-top: 75%; } div.main-content-product1 { display: block; padding-top: 60px; padding-bottom: 40px; } @media only screen and (min-width: 790px){ div.main-content-product1 { padding-top: 80px; padding-bottom: 60px; align-items: center; display: flex; } } .main-content-product1:after { content: ''; display: table; clear: both; } .site-footer__section-title { color: #fff; font-size: 1.41176em; } .product__white { background-color: #fff; } .product-img-box { overflow: hidden; position: relative; line-height: 0; } .product-img-box:before { content: ''; background-color: rgba(29,29,29,0.9); top: 100%; transition: all .3s; position: absolute; left: 0; width: 100%; height: 100%; } .product-img-box .product-img-box-content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 15px; text-align: center; top: 0; opacity: 0; transition: all .3s; } .product-img-box:before, .product-img-box-content { position: absolute; left: 0; width: 100%; height: 100%; } .product-img-box .title { font-size: 1.41176em; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: #fff; line-height: 1.17647em; margin-bottom: 0; } .product-img-box .post { font-size: 0.82353em; font-weight: 400; color: #e5e5e5; line-height: 1.41176em; } .product-img-box:hover:before { top: 0; } .product-img-box:hover .product-img-box-content { opacity: 1; } .spec_list { border-bottom: 1px solid #d9d9d9; padding: 15px 0 15px; } .spec_list_last { padding-top: 15px; } .compare-color{ color:var(--colorAnnouncement); } .choose-plan-comparison-chart-v1 table { table-layout: fixed; } .choose-plan-comparison-chart-v1 tbody tr:nth-child(odd) { display: none; } .Compare_table_stcky{ position: sticky; top:75px; z-index: 1; } @media (max-width: 768px) { .choose-plan-comparison-chart-v1 td:first-child, .choose-plan-comparison-chart-v1 th:first-child { display: none; } .choose-plan-comparison-chart-v1 tbody tr:nth-child(odd) { display: table-row; } .compare-title{ background: #f7f7f7 !important; } .Compare_table_stcky{ top:52px; } } .choose-plan-comparison-chart-v1 td, .choose-plan-comparison-chart-v1 th { text-align: center; } .compare-row td:first-child{ font-weight: 700; } .testimonials-right .slick-slider-item1 svg{ fill: #666666; } .testimonials-right .slick-current svg { fill: #d8232f; } .testimonials_box .slick-list{ overflow: inherit; } .testimonials_box .slick-slide{ width:20% !important; height: auto; opacity: 0.5; padding: 20px 0; } .testimonials_box .slick-slide.slick-current { opacity: 1; } .testimonials-text p { font-size: 1.5em; font-weight: 500; } .testimonials_box .slick-track{ width: 100% !important; transform: none !important; } @media (max-width:350px){ .page-container{ margin-right:-33px !important; } } #back-to-top1{ z-index:3147483647; bottom: 54px; position: fixed; right: 110px; top:inherit !important; opacity:0; } #back-to-top1.active{ opacity:1; } .btn-backtop{ font-size:18px; line-height:1; border-color:#fff; padding:9px 12px; } .btn-backtop:before{ display:none; } .back-to-top{ background-color: #e91414; cursor: pointer; } .top_arrows { width: 15px; height: 15px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg); margin: 13px 13px 8px 10px; } .collection-content{ position: absolute; top: 35%; width: 100%; color: #fff; } .careers-text{ font-size:24px; background:rgba(102,102,102,.6); display: inline-block; padding:2px 10px } .page-flex .slider-nav .slick-track{ display: flex; flex-direction: column; align-items: center; } .page-flex .slider-nav .slick-slide{ width:50% !important; } .slider-for p{ display: list-item; list-style-type: disc; margin-left: 20px; } .cartButton{ z-index:3147483647; bottom: 100px; position: fixed; right: 30px; top:inherit !important; opacity:0; display:flex; flex-direction:column; } .cartButton.active{ opacity:1; } .newCart{ background:#d8232f; padding: 11px 20px; font-size: 16px; color:#fff; margin-bottom:10px; } .newBuy{ background:var(--colorDrawerButton); padding: 11px 20px; font-size: 16px; color:#fff } .article__content .responsibility-contenr{ padding-left:20px; padding-top:20px; } .responsibility-contenr p, .page-responsibility p { display: list-item; list-style-type: disc; margin-left: 20px; } .radio-discounts{ display:flex; align-items: center; } .custom-content{ display: flex; align-items: stretch; flex-wrap: wrap; } .grid-product__tag--custom{ position: absolute; } .bg-fixed{ background-image: url(https://cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/qiche3.jpg?v=1623377980); background-attachment: fixed; background-repeat:no-repeat; display: table; width: 100%; background-position: center; background-size: cover; } img.img-ius{ border-radius: 50%; width: 70%; margin: 15px auto; } .img-box{ border-radius: 5px; box-shadow: 1px 1px 5px 3px #11111133; } .icon-q svg{ width: 30px; margin-bottom: -7px; } .ambassador-title{ padding-top: 80px; padding-bottom: 150px; } .ambassador-title h1, .ambassador-bg h1, .ambassador-bg1 h1, .ambassador-bg2 h1{ font-size: 4em; } .ambassador-bg{ background-image: url(https://cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/11062b_7ec671fa39944a06bb0dec36f05cb1bd_mv2.jpg?v=1623304165); background-repeat:no-repeat; display: table; width: 100%; background-position: center; background-size: cover; } .ambassador-bg1{ background-image: url(https://cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/cruiser_figure2.jpg?v=1623896050); background-repeat:no-repeat; display: table; width: 100%; background-position: center; background-size: cover; } .ambassador-bg2{ background-image: url(https://cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/xxdshi2.png?v=1624521757); background-repeat:no-repeat; display: table; width: 100%; background-position: bottom; background-size: cover; } .about-typeface p{ padding-left: 38px; text-indent: -38px; } .about-description{ margin-left: 130px; margin-top: 120px; } .about-bg{ padding-top: 80px; padding-bottom: 60px; } .vaughn-title{ margin-left:295px; } @media only screen and (max-width:768px){ .bg-fixed{ background-image: url(https://cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/qiche-mobile.jpg?v=1623378391); background-attachment: scroll; } .ambassador-bg{ background-image: url(https://cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/about_bg.jpg?v=1623401447); } .ambassador-bg1{ background-image: url(https://cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/chezi.jpg?v=1623917670); } .ambassador-bg2{ background-image: url(https://cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/gx-mobile1.jpg?v=1624521272); } .ambassador-title h1, .ambassador-bg1 h1, .ambassador-bg h1, .ambassador-bg2 h1{ font-size: 3em; } .about-description{ margin-left: 0px; margin-top: 20px; } .vaughn-title{ margin-top:20px; margin-left:0; } } .radioGift{ display: none !important; } .header-searchs{ position: relative; } .header_comprehensive{ position: absolute; background-color: var(--colorBody); width:100%; top:74px; } .header_hotbot{ padding:5px 50px; color: #d8232f; } .header_hotbot a,.header_hotbot span{ padding:0 10px; text-decoration: underline; } .sheila-title{ margin-left:30px } @media only screen and (max-width:768px){ .header_comprehensive{ top:51px; } .header_comprehensive .page-width{ flex-wrap: wrap; } .sheila-title{ margin-left:0px; margin-top:20px; } } .form-required{ color:red; } .orders-wrapper{ padding:30px; min-height:207px; } .orders-img{ width:50px; height:50px; } .disc-list{ display:list-item; list-style-type:disc; margin-left:2em } .product-single__description li{ list-style-type:disc; } .test_ride_title{ padding-top:20px; } @keyframes new-product-left{ 0%{ opacity:0; transform:translateX(-60px); } to{ opacity:1; transform:translateX(0); } } @keyframes revolution-left{ 0%{ transform:translateX(0); } to{ transform:translateX(120px); } } @keyframes new-product-right{ 0%{ opacity:0; transform:translateX(60px); } to{ opacity:1; transform:translateX(0); } } @keyframes new-underline{ 0%{ width:0; } to{ width:10em; } } .grid-new-box{ background-color: #000; height: 480px; position:relative; } .grid-new-box img{ height:100%; overflow: hidden; } .new-title{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .new-product-left{ animation:new-product-left 1.5s ease forwards; } .revolution-left{ display: flex; flex-direction: column; justify-content: space-between; animation:revolution-left 1.5s ease forwards; } .new-product-right{ animation:new-product-right 1.5s ease forwards; color:#d8232f; margin-bottom:30px; } .new-product-margin{ margin:0; font-weight:bold; font-size:22px; } .new-revolution{ background-image: url(https://cdn.shopifycdn.net/s/files/1/0255/9528/1483/files/new-product.jpg?v=1628157004); background-repeat: no-repeat; background-position: center; background-size: cover; } .new-revolution h3{ padding: 137px; color:#fff; } .new-location{ position: relative; left:-120px; } .new-product-main{ padding:80px 55px; background-color:#fff; border-radius:10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); height:480px; position:absolute; } .new-supreme{ z-index:11; } .new-supreme1{ left:410px; z-index:10; animation-delay:2s; } .new-supreme2{ left:825px; z-index:1; animation-delay:4s; } .new-product-main .h3{ color:#d8232f; } .new-underline{ border-bottom: 2px solid #000; animation:new-underline 1.5s ease forwards; } @media only screen and (max-width:1025px){ .new-product-main{ position:static; } .revolution-left{ animation:none ; } .new-location{ left:0; margin:0; } } /* block friday */ .page-main { position: relative; } .textbox { position: absolute; z-index: 1; top: 50%; left: 0%; /* transform: translate(-50%); */ } .contime { display: flex; flex-direction: row; color: #fff; font-weight: bold; } .time-column { display: flex; flex-direction: column; } .times { background: #000; border-radius: 3px; font-size: 3em; padding: 0 30px; margin: 0 5px; opacity:0.7; } .time-center { display: flex; align-items: center; } .black-firday-title { color: var(--colorAnnouncement); } .black-firday-escape { display: inline-block; font-size: inherit; margin: 0; } @media only screen and (max-width:768px){ .times { font-size: 2em; padding: 0 20px; left: 50%; transform: translate(-50%); } } .box ul { display: none; } .box .con0 { display: block; } .section-shadow{ padding:30px; background:#fff; position:relative; border-top: 2px solid #d8232f; } .list_advantages::after { content: ""; position: absolute; width: 18px; height: 18px; display: block; border: solid currentColor; border-width: 2px; top: 4px; left: 0; border-radius: 50%; } .list_advantages:before { -webkit-transform: translate(-50%,-50%) rotate(45deg); -moz-transform: translate(-50%,-50%) rotate(45deg); transform: ranslate(-50%,-50%) rotate(45deg); content: ""; position: absolute; width: 5px; height: 7px; display: block; border: solid currentColor; border-width: 0 2px 2px 0; top: 12px; left: 9px; } .list_advantages { position: relative; padding-left: 25px; color: var(--colorSecond); } .product_vendor_bike{ position: absolute; left: 0; top: 0; z-index: 1; } .page-ultimate{ background:#fff; padding:20px 0; } .page-introduce{ display: flex; justify-content: center; flex-direction:row; } .page-introduce1{ display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .page-introduce1 span { font-size: 20px; font-weight: bold; } .page-introduce span{ list-style: disc; margin:0 0 5px 60px; display: list-item; font-size:20px; font-weight: bold; } .cobrapro-title{ font-size:3.5em; } @media only screen and (max-width:768px){ .page-introduce{ display: flex; justify-content: center; flex-direction:column; display: inline-block; } } .friday-tags{ position: absolute; left:0; top:0; z-index:1; } .page-black-friday a{ text-decoration:underline; } .page-block-main{ font-size:24px; font-weight:bold; } .grid-product__tag-nav{ text-transform: uppercase; letter-spacing: .2em; position: absolute; top: 2px; left: 18%; font-size: 10px; line-height: 1; padding: 6px 6px 6px 8px; background-color: var(--colorBtnPrimary); color: var(--colorBtnPrimaryText); z-index: 1; transition: opacity .4s ease; } .collection-row{ border:1px solid #c1c1c1; padding: 10px 15px !important; min-height:150px; } .contact-main p{ min-height:77px; } .article_ridus{ border-radius: 20px; min-height:440px; } .article__pading{ padding:40px 20px; } #us-map { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .state-tuda:hover, circle:hover { stroke: #D9C89E !important; stroke-width: 2px; stroke-linejoin: round; fill: #C69214 !important; cursor: pointer; } #path67 { fill: none !important; stroke: #A9A9A9 !important; cursor: default; } #info-box { display: none; position: absolute; top: 0px; left: 0px; z-index: 1; background-color: #ebeef1; border: 2px solid var(--colorAnnouncement); color: #363636; border-radius: 5px; padding: 5px; font-family: arial; } .state:hover { stroke-linejoin: round; fill: var(--colorAnnouncement); } .activity_price{ color:#000; font-weight: 700; text-decoration: line-through var(--colorAnnouncement); } .activity-box-svg{ min-height:105px } .home-title{ position: absolute; left: 21%; top: 40%; z-index:2 } @media only screen and (max-width:768px){ .activity-title{ position: absolute; left: 50%; top: 5px; transform: translate(-50%, 0); width: 100%; text-align: center; } .grid__image{ margin:10px 0; } } .testfahrt { display: flex; align-items: center; padding: 30px; flex-wrap: wrap; } .page-testfahrt{ position: relative; padding-top: 20px; } .testfahrt-title { position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; } .page-dealers{ position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); width: 100%; color: #fff; } .page-dealers-box{ display: flex; align-items: center; padding: 45.8px 0; } .page-deal_title{ padding-left:15px; font-size:26px; } .page-shadow{ box-shadow: rgb(0 0 0 / 12%) 0px 0 15px 0px; padding: 46px 37px; border-radius: 3px; background: #fff; } @media only screen and (max-width:768px){ .page-shadow{ padding: 30px; border-bottom: 2px solid #ebeef1; } .page-deal_title{ font-size:20px; } .page-dealers{ top: 23%; } } @media only screen and (min-width:769px){ .jdgm-carousel-title { font-size: 44px !important; font-family: 'Roboto', sans-serif !important; }} @media only screen and (max-width:769px){ .jdgm-carousel-title { font-size: 32px !important; font-family: 'Roboto', sans-serif !important; }} .flip-clock { text-align: center; perspective: 400px; margin: 10px auto; } .flip-clock *, .flip-clock *:before, .flip-clock *:after { box-sizing: border-box; } .flip-clock__piece { display: inline-block; margin: 0 5px; } .flip-clock__slot { /* font-size: 0.8vw; */ } .card { display: block; position: relative; padding-bottom: 0.72em; font-size: 30px; line-height: 0.95; } .card__top, .card__bottom, .card__back::before, .card__back::after { display: block; height: 0.72em; color: #ccc; background: #222; padding: 0.25em 0.25em; border-radius: 0.15em 0.15em 0 0; backface-visiblity: hidden; transform-style: preserve-3d; width: 1.8em; } .card__bottom { color: #FFF; position: absolute; top: 50%; left: 0; border-top: solid 1px #000; background: #393939; border-radius: 0 0 0.15em 0.15em; pointer-events: none; overflow: hidden; } .card__bottom::after { display: block; margin-top: -0.72em; } .card__back::before, .card__bottom::after { content: attr(data-value); } .card__back { position: absolute; top: 0; height: 100%; left: 0%; pointer-events: none; } .card__back::before { position: relative; z-index: -1; overflow: hidden; } .flip .card__back::before { animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35); animation-fill-mode: both; transform-origin: center bottom; } .flip .card__back .card__bottom { transform-origin: center top; animation-fill-mode: both; animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1); } @keyframes flipTop { 0% { transform: rotateX(0deg); z-index: 2; } 0%, 99% { opacity: 1; } 100% { transform: rotateX(-90deg); opacity: 0; } } @keyframes flipBottom { 0%, 50% { z-index: -1; transform: rotateX(90deg); opacity: 0; } 51% { opacity: 1; } 100% { opacity: 1; transform: rotateX(0deg); z-index: 5; } } .state-de{ font-size:20px; display: block; } .state-de:hover { color: #d8232f; display: block; } .page-faq{ border-radius:10px; margin-bottom:30px; background-color: #fff; padding: 50px; } .product_gift_dog { color: #fff; font-weight: 600; position: absolute; left: 0; padding: 2px 10px; top: 0; background: var(--colorAnnouncement); } .product-image-list{ display: flex; align-items: center; } .prob-box { background: #fff; padding: 20px; border-radius: 5px; min-height: 315px; } .grid__image-ratio img.lazyloaded { opacity: 1; animation: .5s cubic-bezier(.26,.54,.32,1) 0s forwards; animation-name: zoom-fade; transition: none; } .grid__image-ratio img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .header-bolg-height { min-height: 150px; } .drawer-list { position: fixed; top: 0; right: -380px; width: 380px; bottom: 0; background-color: #fff; transition: right 0.5s ease; z-index: 30; padding-bottom: 6vw; } .drawer-list.show { right: 0; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 29; display: none; } .overlay.show { display: block; } .drawer__content { padding: 20px; } .drawer__main{ padding:0 10px; } .drawer__flex{ position: relative; margin-bottom:20px; } .drawer__flex::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,.2); z-index: 1; border-radius: 10px; } .drawer__flex img{ border-radius: 10px; } .header_bar{ display: inline-block; cursor: pointer; text-decoration:underline; margin-left:20px } .drawer__item{ position: absolute; left: 5%; top: 15%; z-index: 2; color:#FFF; } .drawer__type{ margin:0; font-size:26px; } .collection-switcher__height{ min-height:130px } .collection__title{ background: var(--colorAnnouncement); border-radius: 10px 10px 0 0; font-weight: 700; color: #fff; font-size: 20px; padding: 6px 16px 4px 20px; } .collection__gift_mian{ border-radius: 0 0 10px 10px; margin-bottom:20px } .footer-ico-list { display: flex; align-items: stretch; flex-wrap: wrap; padding: 80px 0; color: #fff; justify-content: space-around; }