@charset "UTF-8"; .shoplazza-select { position:relative; } .shoplazza-select::before { content:' '; position:absolute; width:100%; height:100%; border-width:2px; border-style:solid; border-color:rgba(65, 100, 240, 0); animation:selectCard 1.2s ease-in; } .shoplazza-add { width:100%; height:5.1875rem; border:2px dashed #2e60f8; font-size:1rem; font-weight:600; color:#2e60f8; display:flex; justify-content:center; align-items:center; overflow:hidden; animation:addCard 0.3s ease-out; } .shoplazza-add i { transform:rotate(45deg); margin-right:0.625rem; } @keyframes addCard { from { height:0; } to { height:5.1875rem; } } @keyframes selectCard { 0% { border-color:rgba(65, 100, 240, 0); z-index:98; } 50% { border-color:#4164f0; } 100% { border-color:rgba(65, 100, 240, 0); z-index:-1; content:none; } } .clearfix:after { content:''; display:table; clear:both; } @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } @keyframes spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } @-webkit-keyframes fadeIn { 0%, 35% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0%, 35% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes heroContentIn { 0%, 35% { opacity:0; -webkit-transform:translateY(8px); transform:translateY(8px); } 60% { opacity:1; } 100% { -webkit-transform:translateY(0); transform:translateY(0); } } @keyframes heroContentIn { 0%, 35% { opacity:0; -webkit-transform:translateY(8px); transform:translateY(8px); } 60% { opacity:1; } 100% { -webkit-transform:translateY(0); transform:translateY(0); } } *, input, :before, :after { box-sizing:border-box; } html, body { padding:0; margin:0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; } audio, canvas, progress, video { display:inline-block; vertical-align:baseline; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height:auto; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; } .grid { list-style:none; margin:0; padding:0; margin-left:-30px; } .grid::after { content:''; display:table; clear:both; } @media only screen and (max-width:589px) { .grid { margin-left:-22px; } } .grid--small { margin-left:-10px; } .grid--small .grid__item { padding-left:10px; } .grid__item { float:left; padding-left:30px; width:100%; min-height:1px; } @media only screen and (max-width:589px) { .grid__item { padding-left:22px; } } .grid__item[class*="--push"] { position:relative; } .grid--no-gutters { margin-left:0; } .grid--no-gutters .grid__item { padding-left:0; } .grid--small-gutters { margin-left:-10px; margin-bottom:-10px; } .grid--small-gutters .grid__item { padding-left:10px; padding-bottom:10px; } .grid--flush-bottom { margin-bottom:-30px; overflow:auto; } .grid--flush-bottom > .grid__item { margin-bottom:30px; } .grid--full { margin-left:0; } .grid--full > .grid__item { padding-left:0; } @media only screen and (min-width:590px) { .grid--table-large { display:table; width:100%; table-layout:fixed; } .grid--table-large > .grid__item { display:table-cell; vertical-align:middle; float:none; } } .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-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%; } .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--one-whole { width:100%; } .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--one-half:nth-child(2n+1), .grid--uniform .small--one-third:nth-child(3n+1), .grid--uniform .small--one-quarter:nth-child(4n+1), .grid--uniform .small--one-fifth:nth-child(5n+1), .grid--uniform .small--one-sixth:nth-child(6n+1), .grid--uniform .small--two-sixths:nth-child(3n+1), .grid--uniform .small--three-sixths:nth-child(2n+1), .grid--uniform .small--one-eighth:nth-child(8n+1), .grid--uniform .small--two-eighths:nth-child(4n+1), .grid--uniform .small--four-eighths:nth-child(2n+1), .grid--uniform .small--five-tenths:nth-child(2n+1), .grid--uniform .small--one-twelfth:nth-child(12n+1), .grid--uniform .small--two-twelfths:nth-child(6n+1), .grid--uniform .small--three-twelfths:nth-child(4n+1), .grid--uniform .small--four-twelfths:nth-child(3n+1), .grid--uniform .small--six-twelfths:nth-child(2n+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--one-half:nth-child(2n+1), .grid--uniform .medium-up--one-third:nth-child(3n+1), .grid--uniform .medium-up--one-quarter:nth-child(4n+1), .grid--uniform .medium-up--one-fifth:nth-child(5n+1), .grid--uniform .medium-up--one-sixth:nth-child(6n+1), .grid--uniform .medium-up--two-sixths:nth-child(3n+1), .grid--uniform .medium-up--three-sixths:nth-child(2n+1), .grid--uniform .medium-up--one-eighth:nth-child(8n+1), .grid--uniform .medium-up--two-eighths:nth-child(4n+1), .grid--uniform .medium-up--four-eighths:nth-child(2n+1), .grid--uniform .medium-up--five-tenths:nth-child(2n+1), .grid--uniform .medium-up--one-twelfth:nth-child(12n+1), .grid--uniform .medium-up--two-twelfths:nth-child(6n+1), .grid--uniform .medium-up--three-twelfths:nth-child(4n+1), .grid--uniform .medium-up--four-twelfths:nth-child(3n+1), .grid--uniform .medium-up--six-twelfths:nth-child(2n+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--one-half:nth-child(2n+1), .grid--uniform .widescreen--one-third:nth-child(3n+1), .grid--uniform .widescreen--one-quarter:nth-child(4n+1), .grid--uniform .widescreen--one-fifth:nth-child(5n+1), .grid--uniform .widescreen--one-sixth:nth-child(6n+1), .grid--uniform .widescreen--two-sixths:nth-child(3n+1), .grid--uniform .widescreen--three-sixths:nth-child(2n+1), .grid--uniform .widescreen--one-eighth:nth-child(8n+1), .grid--uniform .widescreen--two-eighths:nth-child(4n+1), .grid--uniform .widescreen--four-eighths:nth-child(2n+1), .grid--uniform .widescreen--five-tenths:nth-child(2n+1), .grid--uniform .widescreen--one-twelfth:nth-child(12n+1), .grid--uniform .widescreen--two-twelfths:nth-child(6n+1), .grid--uniform .widescreen--three-twelfths:nth-child(4n+1), .grid--uniform .widescreen--four-twelfths:nth-child(3n+1), .grid--uniform .widescreen--six-twelfths:nth-child(2n+1) { clear:both; } } @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; } } @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%; } } [tabindex='-1']:focus { outline:none; } html:not(.tab-outline) *:focus { outline:none; } .clearfix { *zoom:1; } .clearfix:after { content:""; display:table; clear:both; } .is-transitioning { display:block !important; visibility:visible !important; } .display-table { display:table; table-layout:fixed; width:100%; } .display-table-cell { display:table-cell; vertical-align:middle; float:none; } @media only screen and (min-width:590px) { .medium-up--display-table { display:table; table-layout:fixed; width:100%; } .medium-up--display-table-cell { display:table-cell; vertical-align:middle; float:none; } } .visually-hidden, .icon__fallback-text { clip:rect(0 0 0 0); clip:rect(0, 0, 0, 0); overflow:hidden; position:absolute; height:1px; width:1px; } .media,
.media-flex { overflow:hidden; _overflow:visible; zoom:1; } .media-img { float:left; margin-right:40px; } .media-img-right { float:right; margin-left:40px; } .media-img img,
.media-img-right img { display:block; } .skip-link:focus { clip:auto; width:auto; height:auto; margin:0; color: #000000; background-color: #ffffff; padding:10px; opacity:1; z-index:10000; transition:none; } html { -ms-touch-action:manipulation; touch-action:manipulation; } html, body { background-color: #ffffff; color: #000000; } .page-width { max-width:1300px; margin:0 auto; padding:0 20px; } @media only screen and (min-width:590px) { .page-width { padding:0 40px; } } @media only screen and (max-width:589px) { .page-width--flush-small { padding:0; } } .page-content { padding-top:30px; padding-bottom:30px; } @media only screen and (min-width:590px) { .page-content { padding-top:60px; padding-bottom:60px; } } .page-content--with-blocks { padding-bottom:0; } @media only screen and (min-width:590px) { .product-section .page-content { min-width:600px; } } @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; } } hr, .hr--small, .hr--medium, .hr--large { height:1px; border:0; border-top:1px solid #e8e8e1; } .hr--small { margin:15px auto; } .hr--medium { margin:25px auto; } @media only screen and (min-width:590px) { .hr--medium { margin:35px 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 tr, .table--responsive td { float:left; clear:both; width:100%; } .table--responsive th, .table--responsive td { display:block; text-align:right; padding:15px; } .table--responsive td:before { content:attr(data-label); float:left; font-family:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; text-transform:uppercase; letter-spacing:0.2em; 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 #e8e8e1; } } body,
input,
textarea,
button,
select,
p { font-family:'Didact Gothic', sans-serif; letter-spacing:0.025em; line-height:1.6; font-size:17px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; text-rendering:optimizeSpeed; } body { font-weight:400; } p,
.paragraph { margin:0 0 20px 0; } p img, .paragraph img { margin:0; } em { font-style:italic; } b, strong { font-weight:bold; } small { font-size:0.9em; } sup, sub { position:relative; font-size:60%; vertical-align:baseline; } sup { top:-0.5em; } sub { bottom:-0.5em; } blockquote,
.rte blockquote { margin:0; padding:20px 40px 40px; } blockquote p, .rte blockquote p { font-size:20px; margin-bottom:0; } blockquote p + cite, .rte blockquote p + cite { margin-top:20px; } blockquote cite, .rte blockquote cite { display:block; } blockquote cite:before, .rte blockquote cite:before { content:"\2014 \0020"; } code, pre { background-color:#faf7f5; font-family:Consolas, monospace; font-size:1em; border:0 none; padding:0 2px; color:#51ab62; } pre { overflow:auto; padding:20px; margin:0 0 40px; } label,
.label { font-family:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; text-transform:uppercase; letter-spacing:0.2em; font-size:0.70588em; } @media only screen and (min-width:590px) { label, .label { font-size:0.76471em; } } label { display:block; margin-bottom:10px; } .label-info { display:block; margin-bottom:10px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { display:block; font-family:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; margin:0 0 10px; } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { text-decoration:none; font-weight:inherit; } @media only screen and (min-width:590px) { h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin:0 0 20px; } } h1, .h1 { font-size:1.41176em; } @media only screen and (min-width:590px) { h1, .h1 { font-size:1.70588em; } } h2, .h2 { font-size:1.29412em; } @media only screen and (min-width:590px) { h2, .h2 { font-size:1.52941em; } } h3, .h3 { font-size:1.17647em; } @media only screen and (min-width:590px) { h3, .h3 { font-size:1.41176em; } } h4, .h4 { font-size:0.76471em; } @media only screen and (min-width:590px) { h4, .h4 { font-size:0.88235em; } } h5, .h5, h6, .h6 { font-size:0.82353em; } .text-spacing { margin-bottom:20px; } .rte h1, .rte .h1 { font-size:1.41176em; } @media only screen and (min-width:590px) { .rte h1, .rte .h1 { font-size:1.70588em; } } .rte h2, .rte .h2 { font-size:1.17647em; } @media only screen and (min-width:590px) { .rte h2, .rte .h2 { font-size:1.41176em; } } .rte h3, .rte .h3 { font-size:1em; } @media only screen and (min-width:590px) { .rte h3, .rte .h3 { font-size:1.17647em; } } .rte h4, .rte .h4 { font-size:0.82353em; } @media only screen and (min-width:590px) { .rte h4, .rte .h4 { font-size:1em; } } @media only screen and (max-width:589px) { .rte table { font-size:0.82353em; } .rte table td, .rte table th { padding:6px 8px; } } .collapsible-content .rte table { font-size:0.82353em; } .collapsible-content .rte table td, .collapsible-content .rte table th { padding:6px 8px; } .larger-text .h3 { font-size:1.41176em; } @media only screen and (min-width:590px) { .larger-text .h3 { font-size:1.70588em; } } .larger-text p { font-size:1.05882em; } @media only screen and (min-width:590px) { .larger-text p { font-size:1.11765em; } } .larger-text .subtitle { font-size:0.88235em; font-family:'Didact Gothic', sans-serif; letter-spacing:0.025em; line-height:1.6; text-transform:uppercase; letter-spacing:0.2em; margin-bottom:5px; } @media only screen and (min-width:590px) { .larger-text .subtitle { font-size:1em; } } .date { display:inline-block; line-height:1.7; margin-bottom:5px; font-family:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; 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:'Didact Gothic', sans-serif; letter-spacing:0.025em; line-height:1.6; text-transform:uppercase; letter-spacing:0.2em; font-size:0.70588em; display:block; margin-top:3px; } @media only screen and (max-width:589px) { .comment-date { font-size:0.58824em; margin-bottom:20px; } } .ajaxcart__product-name { font-size:1em; line-height:1.3; } @media only screen and (min-width:590px) { .ajaxcart__product-name { font-size:1.17647em; } } .ajaxcart__product-meta { font-size:0.82353em; line-height:1.3; } @media only screen and (min-width:590px) { .ajaxcart__product-meta { font-size:0.94118em; } } .ajaxcart__subtotal { font-family:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; text-transform:uppercase; letter-spacing:0.2em; font-size:0.82353em; margin-bottom:10px; } @media only screen and (min-width:590px) { .ajaxcart__subtotal { font-size:1em; } } .ajaxcart__price { font-size:0.88235em; margin-bottom:10px; } @media only screen and (min-width:590px) { .ajaxcart__price { font-size:1em; } } .ajaxcart__price--strikethrough,
.cart__price--strikethrough { text-decoration:line-through; } .ajaxcart__discount,
.cart__discount { display:block; } .ajaxcart__subtotal { font-family:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; text-transform:uppercase; letter-spacing:0.2em; } .ajaxcart__note { font-size:0.58824em; opacity:0.8; margin-bottom:0; } @media only screen and (min-width:590px) { .ajaxcart__note { font-size:0.70588em; } } .ajaxcart__note--terms { margin-top:10px; } .ajaxcart__note--terms input { vertical-align:middle; } .ajaxcart__note--terms label { display:inline; } .ajaxcart__note--terms a { text-decoration:underline; } .ajaxcart__savings,
.cart__savings { font-size:1.17647em; } .skrim__title { font-size:0.76471em; font-family:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; } @media only screen and (min-width:590px) { .skrim__title { font-size:1.17647em; } } .rte .enlarge-text { margin:0; } .rte .enlarge-text p { font-size:1.11765em; } @media only screen and (min-width:590px) { .rte .enlarge-text p { font-size:1.41176em; } } .rte .enlarge-text p:last-child { margin-bottom:0; } @media only screen and (min-width:590px) { .rte .enlarge-text--offset p { padding-right:15%; } .text-center .rte .enlarge-text--offset p { padding:0 5%; } } ul, ol { margin:0 0 20px 40px; padding:0; text-rendering:optimizeLegibility; } ol ol { list-style:lower-alpha; } ol { list-style:decimal; } ul ul, ul ol,
ol ol, ol ul { margin:4px 0 5px 20px; } li { margin-bottom:0.25em; } 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; } .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: #e8e8e1; } .table-wrapper { max-width:100%; overflow:auto; -webkit-overflow-scrolling:touch; } td,
th { border:0 none; text-align:left; padding:10px 15px; background: #ffffff; } th { font-weight:bold; } th,
.table__title { font-weight:bold; } a,
.text-link { color: #000000; text-decoration:none; background:transparent; } a:hover, .text-link:hover { color: #000000; } .customers a { text-decoration:none; border-bottom:2px solid rgba(0, 0, 0, 0.1); position:relative; } .customers a:after { content:''; position:absolute; bottom:-2px; left:0; width:0%; border-bottom:2px solid black; transition:width 0.5s ease; } .customers a:hover:after, .customers a:focus:after { width:100%; } .text-link { display:inline; border:0 none; background:none; padding:0; margin:0; } .rte a { color: #000000; } button { overflow:visible; } button[disabled],
html input[disabled] { cursor:default; } .btn:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary),
.rte .btn:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary),
.shoplazza-payment-button .shoplazza-payment-button__button--unbranded:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary),
.product-reviews .spr-summary-actions a:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary),
.product-reviews .spr-button:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary) { font-family:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; display:inline-block; padding:9px 20px; margin:0; min-width:90px; line-height:1.42; font-size:0.94118em; text-decoration:none; text-align:center; vertical-align:middle; white-space:normal; cursor:pointer; border:1px solid transparent; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-appearance:none; -moz-appearance:none; border-radius:0; color: #ffffff; background: #111111; transition:padding-right 0.3s, background 0.3s; } @media only screen and (max-width:589px) { .btn:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary), .rte .btn:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary), .shoplazza-payment-button .shoplazza-payment-button__button--unbranded:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary), .product-reviews .spr-summary-actions a:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary), .product-reviews .spr-button:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary) { font-size:0.82353em; padding:8px 18px; } } .btn:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary):hover, .rte .btn:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary):hover, .shoplazza-payment-button .shoplazza-payment-button__button--unbranded:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary):hover, .product-reviews .spr-summary-actions a:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary):hover, .product-reviews .spr-button:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary):hover { color: #ffffff; background-color: #111111; } .btn:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary)[disabled], .btn:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary).disabled, .rte .btn:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary)[disabled], .rte .btn:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary).disabled, .shoplazza-payment-button .shoplazza-payment-button__button--unbranded:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary)[disabled], .shoplazza-payment-button .shoplazza-payment-button__button--unbranded:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary).disabled, .product-reviews .spr-summary-actions a:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary)[disabled], .product-reviews .spr-summary-actions a:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary).disabled, .product-reviews .spr-button:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary)[disabled], .product-reviews .spr-button:not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary).disabled { cursor:default; color:#717171; background-color:#f6f6f6; transition:none; } .shoplazza-payment-button .shoplazza-payment-button__button--unbranded:hover:not([disabled]) { color: #ffffff; background-color: #111111; } .btn--no-animate { background-image:none; transition:none; } .btn:not(.btn--no-animate):not(.btn--tertiary):not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary) { background:#111111 url(//static.staticdj.com/themes/button-arrow.png) no-repeat 150% 35%; background-color: #111111; background-size:29px; } @media only screen and (-webkit-min-device-pixel-ratio:1.25), only screen and (min--moz-device-pixel-ratio:1.25), only screen and (min-device-pixel-ratio:1.25), only screen and (-webkit-min-device-pixel-ratio:2.08333), only screen and (min-resolution:200dpi), only screen and (-webkit-min-device-pixel-ratio:1.25), only screen and (min-resolution:1.25dppx) { .btn:not(.btn--no-animate):not(.btn--tertiary):not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary) { background-image:url(//static.staticdj.com/themes/button-arrow-2x.png); } } .btn:not(.btn--no-animate):not(.btn--tertiary):not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary):hover { padding-right:55px; background-position:91% 35%; } .btn:not(.btn--no-animate):not(.btn--tertiary):not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary)[disabled]:hover, .btn:not(.btn--no-animate):not(.btn--tertiary):not(.product-info__variants_value):not(.product-info__qty_btn):not(.btn-primary):not(.btn-secondary).disabled:hover { padding:8px 18px; background-image:none; } .btn--tertiary,
.rte .btn--tertiary { background-color:transparent; border:1px solid #e8e8e1; color: #000000; font-weight:normal; font-size:12px; padding:6px 10px; } @media only screen and (min-width:590px) { .btn--tertiary, .rte .btn--tertiary { font-size:14px; } } .btn--tertiary:hover, .rte .btn--tertiary:hover { background-color:transparent; color: #000000; } .btn--tertiary[disabled], .btn--tertiary.disabled, .rte .btn--tertiary[disabled], .rte .btn--tertiary.disabled { cursor:default; color:#717171; background-color:#f6f6f6; } .btn--small,
.collapsibles-wrapper .spr-summary-actions a,
.collapsibles-wrapper .spr-button { padding:6px 12px; font-size:0.82353em; background-position:150% 45%; min-width:90px; } @media only screen and (max-width:589px) { .btn--small, .collapsibles-wrapper .spr-summary-actions a, .collapsibles-wrapper .spr-button { font-size:0.70588em; padding:5px 11px; } } .btn--small:hover, .collapsibles-wrapper .spr-summary-actions a:hover, .collapsibles-wrapper .spr-button:hover { background-position:91% 45%; padding-right:51px; } .btn--large { padding:15px 20px; font-size:1.05882em; } .btn--full { width:100%; padding:9px 20px; font-size:0.94118em; } .btn--inverse { background-color:transparent !important; border:2px solid #fff !important; color:#fff; } .btn--inverse:hover, .btn--inverse:active { background-color:transparent; } .btn--loading { position:relative; text-indent:-9999px; background-color:#040404; color:#040404; } .btn--loading:hover, .btn--loading:active { background-color:#040404; color:#040404; 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 #ffffff; border-top-color:transparent; -webkit-animation:spin 1s infinite linear; animation:spin 1s infinite linear; } .return-link { font-family:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; font-size:1.05882em; text-align:center; } @media only screen and (min-width:590px) { .return-link { font-size:1.17647em; } } .return-link .icon { width:27px; margin-right:8px; } .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 #e8e8e1; } .collapsible-content + .collapsible-trigger-btn--borders { margin-top:-1px; } .collapsible-trigger-btn--borders + .collapsible-content .collapsible-content__inner { padding-bottom:20px; } .shoplazza-payment-button { margin-top:10px; } .shoplazza-payment-button .shoplazza-payment-button__button--unbranded { display:block; width:100%; transition:none; } .shoplazza-payment-button .shoplazza-payment-button__button--unbranded:hover, .shoplazza-payment-button .shoplazza-payment-button__button--unbranded:hover:not([disabled]) { background-position:150% 35%; padding:9px 20px; } .payment-buttons .add-to-cart,
.payment-buttons .shoplazza-payment-button__button--unbranded { min-height:50px; } .payment-buttons .btn--tertiary { font-family:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; font-size:0.94118em; padding:9px 20px; border-radius:0; } @media only screen and (max-width:589px) { .payment-buttons .btn--tertiary { font-size:0.82353em; padding:8px 18px; } } img { border:0 none; } svg:not(:root) { overflow:hidden; } img,
iframe { max-width:100%; } 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:auto; background:#f7f7f7 !important; } .video-wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; } .video-wrapper img { position:absolute; width:100%; height:auto; } .video-wrapper--modal { width:1000px; } .grid__image-ratio { background-repeat:no-repeat; background-size:contain; background-position:center center; background-color: #ffffff; opacity:0; } .grid__image-ratio.lazyloaded { opacity:1; -webkit-animation:zoom-fade 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation:zoom-fade 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; 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%; } form { margin:0; } .form-vertical { margin-bottom:20px; } .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 #e8e8e1; padding:20px; } legend { border:0; padding:0; } button,
input[type="submit"] { cursor:pointer; } input,
textarea,
select { border:1px solid #e8e8e1; max-width:100%; padding:8px 10px; border-radius:0; } input[disabled], input.disabled, textarea[disabled], textarea.disabled, select[disabled], select.disabled { cursor:default; background-color:#f6f6f6; border-color:#b6b6b6; } input.input-full, textarea.input-full, select.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; } select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-position:right center; background-image:url(//static.staticdj.com/themes/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:bold; } option { color:#000; background-color:#fff; } select::-ms-expand { display:none; } .hidden-label { clip:rect(0 0 0 0); 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 input[type="checkbox"],
.form-vertical input[type="radio"],
.form-vertical .btn { display:inline-block; } small { display:block; } input.error,
textarea.error { border-color:#d02e2e; background-color:#fff6f6; color:#d02e2e; } label.error { color:#d02e2e; } .selector-wrapper label { margin-right:10px; } .selector-wrapper + .selector-wrapper { margin-top:20px; } .input-group { position:relative; display:table; border-collapse:separate; } .input-group .input-group-field:first-child, .input-group .input-group-btn:first-child, .input-group .input-group-btn:first-child > .btn, .input-group input[type="hidden"]:first-child + .input-group-field, .input-group input[type="hidden"]:first-child + .input-group-btn > .btn { border-radius:0 0 0 0; } .input-group .input-group-field:last-child, .input-group .input-group-btn:last-child > .btn { border-radius:0 0 0 0; } .input-group input::-moz-focus-inner { border:0; padding:0; margin-top:-1px; margin-bottom:-1px; } .input-group-field,
.input-group-btn { display:table-cell; vertical-align:middle; margin:0; } .input-group .input-group-field { width:100%; } .input-group-btn { position:relative; white-space:nowrap; width:1%; padding:0; } .input-group-btn .icon { vertical-align:initial; } .input-group .btn,
.input-group .btn--secondary,
.input-group .input-group-field { height:45px; } .input-group-btn .btn { margin-top:0; background-image:none !important; } .input-group-btn .btn:hover { padding-right:20px; } .icon { display:inline-block; width:20px; height:20px; vertical-align:middle; fill:currentColor; } .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,
.icon-cart ellipse,
.icon-cart g,
.icon-cart line,
.icon-cart path,
.icon-cart polygon,
.icon-cart polyline,
.icon-cart rect,
.icon-search circle,
.icon-search ellipse,
.icon-search g,
.icon-search line,
.icon-search path,
.icon-search polygon,
.icon-search polyline,
.icon-search rect,
.icon-close circle,
.icon-close ellipse,
.icon-close g,
.icon-close line,
.icon-close path,
.icon-close polygon,
.icon-close polyline,
.icon-close rect,
.icon-chevron-down circle,
.icon-chevron-down ellipse,
.icon-chevron-down g,
.icon-chevron-down line,
.icon-chevron-down path,
.icon-chevron-down polygon,
.icon-chevron-down polyline,
.icon-chevron-down rect,
.icon-email circle,
.icon-email ellipse,
.icon-email g,
.icon-email line,
.icon-email path,
.icon-email polygon,
.icon-email polyline,
.icon-email rect,
.icon-user circle,
.icon-user ellipse,
.icon-user g,
.icon-user line,
.icon-user path,
.icon-user polygon,
.icon-user polyline,
.icon-user rect,
.icon-hamburger circle,
.icon-hamburger ellipse,
.icon-hamburger g,
.icon-hamburger line,
.icon-hamburger path,
.icon-hamburger polygon,
.icon-hamburger polyline,
.icon-hamburger rect { fill:none !important; stroke-width:4px; stroke:currentColor !important; stroke-linecap:miter; stroke-linejoin:miter; } .icon-cart circle { fill:currentColor !important; } .payment-icons { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:default; margin-bottom:20px; text-align:left; } @media only screen and (min-width:590px) { .payment-icons { text-align:right; margin-top:40px; margin-bottom:0; } } .payment-icons li { cursor:default; margin:0 4px 0; } .payment-icons .icon { width:40px; height:40px; display:flex; align-items:center; } .payment-icons .icon__fallback-text { text-transform:capitalize; } .js-drawer-open { overflow:hidden; } .drawer { display:none; position:fixed; overflow:hidden; -webkit-overflow-scrolling:touch; top:0; bottom:0; padding:0 20px 20px; max-width:95%; z-index:30; color: #000000; background-color: rgba(255, 255, 255, 1); transition:-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } @media only screen and (min-width:590px) { .drawer { padding:0 40px 40px; } } .drawer a { color: #000000; } .drawer a:hover { color: #000000; } .drawer input, .drawer textarea { border-color: #e8e8e1; } .drawer .cart__checkout { background-color:#111111; color:#ffffff; } .drawer--left { width:300px; left:-300px; } .drawer--left.drawer--is-open { display:block; -webkit-transform:translateX(300px); transform:translateX(300px); transition-duration:0.8s; } .drawer--right { width:300px; right:-300px; } @media only screen and (min-width:590px) { .drawer--right { width:400px; right:-400px; } } .drawer--right.drawer--is-open { display:block; -webkit-transform:translateX(-300px); transform:translateX(-300px); transition-duration:0.8s; } @media only screen and (min-width:590px) { .drawer--right.drawer--is-open { -webkit-transform:translateX(-400px); transform:translateX(-400px); } } .js-drawer-open .main-content:after,
.js-drawer-closing .main-content:after { content:''; display:block; position:fixed; top:0; left:0; right:0; bottom:0; background-color: #000; opacity:0; z-index:26; } .js-drawer-open .main-content:after { -webkit-animation:overlay-on 0.5s forwards; animation:overlay-on 0.5s forwards; } .js-drawer-closing .main-content:after { -webkit-animation:overlay-off 0.4s forwards; animation:overlay-off 0.4s forwards; } .drawer__header { display:table; height:70px; width:100%; padding:15.38462px 0; margin-bottom:0; border-bottom:1px solid #e8e8e1; border-color: #e8e8e1; } @media only screen and (min-width:590px) { .drawer__header { height:119px; } } .drawer__fixed-header { position:absolute; top:0; left:20px; right:20px; height:70px; overflow:visible; } @media only screen and (min-width:590px) { .drawer__fixed-header { height:119px; left:40px; right:40px; } } .drawer__title,
.drawer__close { display:table-cell; vertical-align:middle; } .drawer__title { font-family:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; font-size:1.41176em; 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:#f2f2f2; } .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__inner { position:absolute; top:70px; bottom:0; left:0; right:0; padding:20px 20px 0; overflow:auto; -webkit-overflow-scrolling:touch; } @media only screen and (min-width:590px) { .drawer__inner { top:119px; padding-left:40px; padding-right:40px; } } .drawer--has-fixed-footer .drawer__inner { overflow:hidden; overflow-y:auto; } .drawer__inner--has-fixed-footer { position:absolute; top:0; left:0; right:0; margin:0; padding:20px 20px 0; bottom:130px; overflow:auto; -webkit-overflow-scrolling:touch; } @media only screen and (min-width:590px) { .drawer__inner--has-fixed-footer { padding:29.62963px 40px 0; } } .drawer__footer { border-top:1px solid #e8e8e1; border-color: #e8e8e1; padding-top:20px; } @media only screen and (min-width:590px) { .drawer__footer { padding-top:29.62963px; } } .drawer__footer--fixed { position:absolute; bottom:0; left:20px; right:20px; min-height:130px; padding-bottom:40px; } @media only screen and (max-width:589px) { .drawer__footer--fixed { padding-bottom:20px; } } @media only screen and (min-width:590px) { .drawer__footer--fixed { left:40px; right:40px; } } .drawer__cart.is-loading { min-height:100px; } .drawer__cart.is-loading .cart { transition:opacity 0.3s ease 0.7s; opacity:0.4; } #CartSpecialInstructions { margin-top:10px; margin-bottom:10px; min-height:60px; height:60px; } @media only screen and (min-width:590px) { #CartSpecialInstructions { min-height:80px; height:80px; } } .ajaxcart__row > .grid { margin-left:-20px; } .ajaxcart__row > .grid > .grid__item { padding-left:20px; } .ajaxcart__product { position:relative; max-height:500px; } .ajaxcart__product.is-removed { max-height:0; overflow:hidden; visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; transition:all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95); } .ajaxcart__row { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e8e8e1; border-color: #e8e8e1; } @media only screen and (min-width:590px) { .ajaxcart__row { padding-bottom:29.62963px; margin-bottom:29.62963px; } } .ajaxcart__product:last-child .ajaxcart__row { border-bottom:0 none; padding-bottom:0; } .ajaxcart__product-image { display:block; overflow:hidden; padding-top:3px; } .ajaxcart__product-image img { display:block; margin:0 auto; max-width:100%; } .ajaxcart__product-name,
.ajaxcart__product-meta { display:block; } .ajaxcart__product-name--wrapper { margin-bottom:11px; } .ajaxcart__product-name + .ajaxcart__product-meta { padding-top:8px; } .ajaxcart__discount { padding-top:3px; } .placeholder-svg { fill:rgba(0, 0, 0, 0.35); background-color:#f4f4f4; width:100%; height:100%; max-width:100%; max-height:100%; display:block; padding:30px 0; } .placeholder-noblocks { padding:40px; text-align:center; } .animation-cropper { overflow:hidden; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; } .animation-delay-1 { -webkit-animation-delay:0s !important; animation-delay:0s !important; } .animation-delay-2 { -webkit-animation-delay:0.12s !important; animation-delay:0.12s !important; } .animation-delay-3 { -webkit-animation-delay:0.18s !important; animation-delay:0.18s !important; } .animation-delay-4 { -webkit-animation-delay:0.24s !important; animation-delay:0.24s !important; } .animation-delay-5 { -webkit-animation-delay:0.3s !important; animation-delay:0.3s !important; } .animation-delay-6 { -webkit-animation-delay:0.36s !important; animation-delay:0.36s !important; } .animation-delay-7 { -webkit-animation-delay:0.42s !important; animation-delay:0.42s !important; } .animation-delay-8 { -webkit-animation-delay:0.48s !important; animation-delay:0.48s !important; } .animation-delay-9 { -webkit-animation-delay:0.54s !important; animation-delay:0.54s !important; } .animation-delay-10 { -webkit-animation-delay:0.6s !important; animation-delay:0.6s !important; } .animation-delay-11 { -webkit-animation-delay:0.66s !important; animation-delay:0.66s !important; } .animation-delay-12 { -webkit-animation-delay:0.72s !important; animation-delay:0.72s !important; } .animation-delay-13 { -webkit-animation-delay:0.78s !important; animation-delay:0.78s !important; } .animation-delay-14 { -webkit-animation-delay:0.84s !important; animation-delay:0.84s !important; } .animation-delay-15 { -webkit-animation-delay:0.9s !important; animation-delay:0.9s !important; } .animation-delay-16 { -webkit-animation-delay:0.96s !important; animation-delay:0.96s !important; } .animation-delay-17 { -webkit-animation-delay:1.02s !important; animation-delay:1.02s !important; } .animation-delay-18 { -webkit-animation-delay:1.08s !important; animation-delay:1.08s !important; } .animation-delay-19 { -webkit-animation-delay:1.14s !important; animation-delay:1.14s !important; } .transition-body { opacity:0; } .no-js .transition-body { opacity:1; } .loaded .transition-body { -webkit-animation:page-slow-fade 1.2s ease forwards; animation:page-slow-fade 1.2s ease forwards; } .unloading .transition-body { -webkit-animation:page-slow-fade-out 0.5s ease forwards; animation:page-slow-fade-out 0.5s ease forwards; } @-webkit-keyframes page-fade-in-up { 0% { opacity:0; } 100% { opacity:1; } } @keyframes page-fade-in-up { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes page-fade-in-up-out { 0% { opacity:1; } 100% { opacity:0; } } @keyframes page-fade-in-up-out { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes page-slow-fade { 0% { opacity:0; } 100% { opacity:1; } } @keyframes page-slow-fade { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes page-slow-fade-out { 0% { opacity:1; } 100% { opacity:0; } } @keyframes page-slow-fade-out { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes page-slide-reveal-across { 0% { -webkit-transform:translateX(0); transform:translateX(0); } 100% { -webkit-transform:translateX(100vw); transform:translateX(100vw); } } @keyframes page-slide-reveal-across { 0% { -webkit-transform:translateX(0); transform:translateX(0); } 100% { -webkit-transform:translateX(100vw); transform:translateX(100vw); } } @-webkit-keyframes page-slide-reveal-across-out { 0% { -webkit-transform:translateX(-100vw); transform:translateX(-100vw); } 100% { -webkit-transform:translateX(0); transform:translateX(0); } } @keyframes page-slide-reveal-across-out { 0% { -webkit-transform:translateX(-100vw); transform:translateX(-100vw); } 100% { -webkit-transform:translateX(0); transform:translateX(0); } } @-webkit-keyframes page-slide-reveal-down { 0% { -webkit-transform:translateY(0); transform:translateY(0); } 100% { -webkit-transform:translateY(110vh); transform:translateY(110vh); } } @keyframes page-slide-reveal-down { 0% { -webkit-transform:translateY(0); transform:translateY(0); } 100% { -webkit-transform:translateY(110vh); transform:translateY(110vh); } } @-webkit-keyframes page-slide-reveal-down-out { 0% { -webkit-transform:translateY(110vh); transform:translateY(110vh); } 100% { -webkit-transform:translateY(0); transform:translateY(0); } } @keyframes page-slide-reveal-down-out { 0% { -webkit-transform:translateY(110vh); transform:translateY(110vh); } 100% { -webkit-transform:translateY(0); transform:translateY(0); } } .image-wrap { background: #ffffff; overflow:hidden; } .image-wrap img:not([role="presentation"]) { display:block; } .no-js .image-wrap img:not([role="presentation"]).lazyload { display:none; } .image-wrap img:not([role="presentation"]),
.image-wrap svg,
.image-wrap .animate-me { opacity:0; } .no-js .image-wrap img:not([role="presentation"]), .no-js .image-wrap svg, .no-js .image-wrap .animate-me { opacity:1; } .aos-animate .image-wrap .lazyloaded:not([role="presentation"]),
.aos-animate .image-wrap svg,
.aos-animate .image-wrap .animate-me,
.aos-animate .image-wrap img[data-modal-lazy] { -webkit-animation:zoom-fade 1.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation:zoom-fade 1.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; } [data-aos="row-of-3"].aos-animate:nth-child(3n+2) .image-wrap img { -webkit-animation-delay:200ms; animation-delay:200ms; } [data-aos="row-of-3"].aos-animate:nth-child(3n+3) .image-wrap img { -webkit-animation-delay:400ms; animation-delay:400ms; } [data-aos="row-of-4"].aos-animate:nth-child(4n+2) .image-wrap img { -webkit-animation-delay:150ms; animation-delay:150ms; } [data-aos="row-of-4"].aos-animate:nth-child(4n+3) .image-wrap img { -webkit-animation-delay:300ms; animation-delay:300ms; } [data-aos="row-of-4"].aos-animate:nth-child(4n+4) .image-wrap img { -webkit-animation-delay:450ms; animation-delay:450ms; } [data-aos="row-of-5"].aos-animate:nth-child(5n+2) .image-wrap img { -webkit-animation-delay:100ms; animation-delay:100ms; } [data-aos="row-of-5"].aos-animate:nth-child(5n+3) .image-wrap img { -webkit-animation-delay:200ms; animation-delay:200ms; } [data-aos="row-of-5"].aos-animate:nth-child(5n+4) .image-wrap img { -webkit-animation-delay:300ms; animation-delay:300ms; } [data-aos="row-of-5"].aos-animate:nth-child(5n+5) .image-wrap img { -webkit-animation-delay:400ms; animation-delay:400ms; } @-webkit-keyframes overlay-on { from { opacity:0; } to { opacity:0.6; } } @keyframes overlay-on { from { opacity:0; } to { opacity:0.6; } } @-webkit-keyframes overlay-off { from { opacity:0.6; } to { opacity:0; } } @keyframes overlay-off { from { opacity:0.6; } to { opacity:0; } } @-webkit-keyframes full-overlay-on { from { opacity:0; } to { opacity:1; } } @keyframes full-overlay-on { from { opacity:0; } to { opacity:1; } } @-webkit-keyframes full-overlay-off { from { opacity:1; } to { opacity:0; } } @keyframes full-overlay-off { from { opacity:1; } to { opacity:0; } } @-webkit-keyframes modal-open { from { opacity:0; -webkit-transform:translateY(30px); transform:translateY(30px); } to { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); } } @keyframes modal-open { from { opacity:0; -webkit-transform:translateY(30px); transform:translateY(30px); } to { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); } } @-webkit-keyframes modal-closing { from { opacity:1; -webkit-transform:scale(1); transform:scale(1); } to { opacity:0; -webkit-transform:scale(0.9); transform:scale(0.9); } } @keyframes modal-closing { from { opacity:1; -webkit-transform:scale(1); transform:scale(1); } to { opacity:0; -webkit-transform:scale(0.9); transform:scale(0.9); } } @-webkit-keyframes rise-up { from { opacity:1; -webkit-transform:translateY(120%); transform:translateY(120%); } to { opacity:1; -webkit-transform:translateY(0%); transform:translateY(0%); } } @keyframes rise-up { from { opacity:1; -webkit-transform:translateY(120%); transform:translateY(120%); } to { opacity:1; -webkit-transform:translateY(0%); transform:translateY(0%); } } @-webkit-keyframes rise-up-out { from { opacity:1; -webkit-transform:translateY(0%); transform:translateY(0%); } to { opacity:1; -webkit-transform:translateY(-120%); transform:translateY(-120%); } } @keyframes rise-up-out { from { opacity:1; -webkit-transform:translateY(0%); transform:translateY(0%); } to { opacity:1; -webkit-transform:translateY(-120%); transform:translateY(-120%); } } @-webkit-keyframes paint-across { from { opacity:1; -webkit-clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } to { opacity:1; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes paint-across { from { opacity:1; -webkit-clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } to { opacity:1; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @-webkit-keyframes paint-across-small { from { opacity:1; -webkit-clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } to { opacity:1; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes paint-across-small { from { opacity:1; -webkit-clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } to { opacity:1; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @-webkit-keyframes paint-across-out { from { opacity:1; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } to { opacity:1; -webkit-clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%); clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%); } } @keyframes paint-across-out { from { opacity:1; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } to { opacity:1; -webkit-clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%); clip-path:polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%); } } @-webkit-keyframes fade-in { from { opacity:0; } to { opacity:1; } } @keyframes fade-in { from { opacity:0; } to { opacity:1; } } @-webkit-keyframes fade-in-small { from { opacity:0; } to { opacity:1; } } @keyframes fade-in-small { from { opacity:0; } to { opacity:1; } } @-webkit-keyframes fade-in-out { from { opacity:1; } to { opacity:0; } } @keyframes fade-in-out { from { opacity:1; } to { opacity:0; } } @-webkit-keyframes fade-out { from { opacity:1; } to { opacity:0; } } @keyframes fade-out { from { opacity:1; } to { opacity:0; } } @-webkit-keyframes zoom-fade { from { opacity:0; -webkit-transform:scale(1.4, 1.4); transform:scale(1.4, 1.4); } to { opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); } } @keyframes zoom-fade { from { opacity:0; -webkit-transform:scale(1.4, 1.4); transform:scale(1.4, 1.4); } to { opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); } } @-webkit-keyframes zoom-fade-password { 0% { opacity:0; -webkit-transform:scale(1.4, 1.4); transform:scale(1.4, 1.4); } 5% { opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); } 100% { opacity:1; -webkit-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2); } } @keyframes zoom-fade-password { 0% { opacity:0; -webkit-transform:scale(1.4, 1.4); transform:scale(1.4, 1.4); } 5% { opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); } 100% { opacity:1; -webkit-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2); } } @-webkit-keyframes zoom-fade-small { 0% { opacity:0; -webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); } 10% { opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); } 12% { opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); } 100% { opacity:1; -webkit-transform:scale(1.03, 1.03); transform:scale(1.03, 1.03); } } @keyframes zoom-fade-small { 0% { opacity:0; -webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); } 10% { opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); } 12% { opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); } 100% { opacity:1; -webkit-transform:scale(1.03, 1.03); transform:scale(1.03, 1.03); } } @-webkit-keyframes kenburns { 0% { opacity:0; -webkit-transform:scale(1.8); transform:scale(1.8); -webkit-animation-timing-function:cubic-bezier(0.12, 0.63, 0.6, 0.74); animation-timing-function:cubic-bezier(0.12, 0.63, 0.6, 0.74); } 10% { opacity:1; -webkit-transform:scale(1.6); transform:scale(1.6); -webkit-animation-timing-function:linear; animation-timing-function:linear; } 100% { opacity:1; -webkit-transform:scale(1); transform:scale(1); } } @keyframes kenburns { 0% { opacity:0; -webkit-transform:scale(1.8); transform:scale(1.8); -webkit-animation-timing-function:cubic-bezier(0.12, 0.63, 0.6, 0.74); animation-timing-function:cubic-bezier(0.12, 0.63, 0.6, 0.74); } 10% { opacity:1; -webkit-transform:scale(1.6); transform:scale(1.6); -webkit-animation-timing-function:linear; animation-timing-function:linear; } 100% { opacity:1; -webkit-transform:scale(1); transform:scale(1); } } @-webkit-keyframes kenburns-out { 0% { opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; } 100% { opacity:0; -webkit-transform:scale(1.2); transform:scale(1.2); } } @keyframes kenburns-out { 0% { opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; } 100% { opacity:0; -webkit-transform:scale(1.2); transform:scale(1.2); } } @-webkit-keyframes loading { 0% { width:0px; } 60% { width:100px; margin-left:-50px; } 100% { margin-left:50px; width:0px; } } @keyframes loading { 0% { width:0px; } 60% { width:100px; margin-left:-50px; } 100% { margin-left:50px; width:0px; } } .loading:after,
.loading:before { content:''; position:absolute; width:100px; height:5px; background:white; left:50%; top:50%; margin:-3px 0 0 -50px; z-index:25; opacity:0; } .no-js .loading:after, .no-js .loading:before { display:none; } .loading:before { background:rgba(255, 255, 255, 0.15); -webkit-animation:fade-in 0.5s forwards 0s; animation:fade-in 0.5s forwards 0s; } .loading:after { -webkit-animation:preloading 0.5s ease 0.3s infinite; animation:preloading 0.5s ease 0.3s infinite; } .loading--delayed:before { -webkit-animation-delay:0.8s !important; animation-delay:0.8s !important; -webkit-animation-duration:1s !important; animation-duration:1s !important; } .loading--delayed:after { -webkit-animation-delay:1.3s !important; animation-delay:1.3s !important; } @-webkit-keyframes preloading { 0% { width:0px; opacity:0; } 60% { width:100px; margin-left:-50px; opacity:1; } 100% { margin-left:50px; width:0px; opacity:1; } } @keyframes preloading { 0% { width:0px; opacity:0; } 60% { width:100px; margin-left:-50px; opacity:1; } 100% { margin-left:50px; width:0px; opacity:1; } } @-webkit-keyframes grid-product__loading { 0% { opacity:0; } 60% { opacity:0.2; } 100% { opacity:0; } } @keyframes grid-product__loading { 0% { opacity:0; } 60% { opacity:0.2; } 100% { opacity:0; } } .appear-animation { opacity:0; -webkit-transform:translateY(100px); transform:translateY(100px); } .appear-delay-1 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; } .appear-delay-2 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.22s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.22s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.22s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.22s; } .appear-delay-3 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.38s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.28s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.28s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.38s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.28s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.38s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.28s; } .appear-delay-4 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.44s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.34s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.34s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.44s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.34s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.44s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.34s; } .appear-delay-5 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; } .appear-delay-6 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.56s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.46s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.46s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.56s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.46s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.56s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.46s; } .appear-delay-7 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s; } .appear-delay-8 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.68s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.58s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.58s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.68s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.58s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.68s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.58s; } .appear-delay-9 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.74s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.64s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.64s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.74s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.64s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.74s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.64s; } .appear-delay-10 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s; } .appear-delay-11 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.86s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.76s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.76s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.86s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.76s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.86s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.76s; } .appear-delay-12 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.92s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.82s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.82s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.92s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.82s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.92s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.82s; } .appear-delay-13 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.98s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.88s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.88s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.98s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.88s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.98s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.88s; } .appear-delay-14 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.04s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.94s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.94s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.04s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.94s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.04s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.94s; } .appear-delay-15 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s; } .appear-delay-16 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.16s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.06s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.06s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.16s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.06s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.16s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.06s; } .appear-delay-17 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.22s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.12s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.12s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.22s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.12s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.22s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.12s; } .appear-delay-18 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.28s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.18s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.18s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.28s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.18s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.28s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.18s; } .appear-delay-19 { transition:opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.34s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.24s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.24s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.34s; transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.24s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.34s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.24s; } .js-drawer-open .appear-animation { opacity:1; -webkit-transform:translateY(0px); transform:translateY(0px); } .js-drawer-closing .appear-animation { transition-duration:0s; transition-delay:0.5s; } .spr-badge-starrating,
.spr-starrating,
.spr-starratings,
.spr-icon-star-empty,
.spr-icon-star-hover,
.spr-icon-star-hover:hover { color:#f3c200; } .spr-icon { font-size:14px !important; vertical-align:text-bottom; } .spr-header-title { font-size:1.17647em !important; } @media only screen and (min-width:590px) { .spr-header-title { font-size:1.41176em !important; } } .spr-container.spr-container { padding:0; border:0; } .product-reviews #shoplazza-product-reviews { margin:0; } .product-reviews .spr-summary-actions-newreview { float:none; } .product-reviews .spr-review-content-body,
.product-reviews .spr-form-label { font-size:17px; line-height:1.563; } .product-reviews .spr-review-header-byline { font-size:11px; opacity:1; } .product-reviews .spr-review-header-byline strong { font-weight:normal; } .product-reviews .spr-form-label { display:block; text-align:left; } .product-reviews .spr-summary-caption,
.product-reviews .spr-summary-actions { display:block; } .product-reviews .spr-summary-actions { margin-top:10px; } @media only screen and (min-width:590px) { .product-reviews--full .spr-reviews { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .product-reviews--full .spr-review:first-child { margin-top:0; } .product-reviews--full .spr-review { -webkit-box-flex:1; -ms-flex:1 1 40%; flex:1 1 40%; padding:20px; border:1px solid #e8e8e1; margin-left:30px; margin-bottom:30px; } .product-reviews--full .spr-review:nth-child(2n+1) { margin-left:0; } .product-reviews--full .spr-review:last-child { padding-bottom:20px; } } .grid-product .spr-badge[data-rating="0.0"] { display:none; } .grid-product .spr-badge-starrating { font-size:0.64706em; } @media only screen and (min-width:590px) { .grid-product .spr-badge-starrating { font-size:0.70588em; } } .grid-product .spr-icon { margin-right:1px; } .grid-product .spr-badge-caption { font-size:0.64706em; margin-left:4px; } @media only screen and (min-width:590px) { .grid-product .spr-badge-caption { font-size:0.70588em; } } .product-reviews--tab .collapsible-trigger .spr-badge-caption { margin-left:0; } .product-reviews--tab .collapsible-trigger .spr-badge-starrating { font-size:0.76471em; margin-right:10px; } @media only screen and (min-width:590px) { .product-reviews--tab .collapsible-trigger .spr-badge-starrating { font-size:0.82353em; } } .product-reviews--tab .collapsible-trigger .spr-badge[data-rating="0.0"] .spr-starrating { display:none; } .product-reviews--tab .spr-icon { margin-right:1px; } .product-reviews--tab .spr-badge-caption { margin-left:4px; } .product-reviews--tab .spr-header-title,
.product-reviews--tab .spr-summary-starrating,
.product-reviews--tab .spr-summary-caption { display:none !important; } .product-reviews--tab .spr-summary-actions a,
.product-reviews--tab .spr-button { margin-top:0 !important; } .product-reviews--tab .spr-button-primary { float:none; } @media only screen and (max-width:480px) { .product-reviews--tab .spr-summary { text-align:left; } } .product-reviews--tab .spr-form-title { display:none; } .product-reviews--tab .spr-form-label { font-size:13px !important; } .product-reviews--tab .spr-review-header .spr-starratings { font-size:14px; } .site-footer { padding-bottom:40px; background-color: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1); } @media only screen and (min-width:590px) { .site-footer { padding-top:80px; padding-bottom:80px; } } .site-footer input, .site-footer textarea, .site-footer select, .site-footer .collapsible-content p, .site-footer .site-footer__linklist a { font-size:0.88235em; } @media only screen and (max-width:589px) { .site-footer { overflow:hidden; padding-bottom:0; } .site-footer .grid__item { padding-bottom:5px; } .site-footer .grid__item:after { content:''; border-bottom:1px solid rgba(0, 0, 0, 1); opacity:0.12; display:block; } .site-footer .grid__item:last-child:after, .site-footer .grid__item:first-child:after { display:none; } } .site-footer a { color: rgba(0, 0, 0, 1); } .footer__clear { clear:both; height:40px; } .footer__title { font-family:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; text-transform:uppercase; letter-spacing:0.2em; color: rgba(0, 0, 0, 1); font-size:0.82353em; } @media only screen and (min-width:590px) { .footer__title { font-size:0.82353em; margin-bottom:20px; } } .footer__copyright,
.footer__powered_by { text-align:left; font-size:0.58824em; } @media only screen and (min-width:590px) { .footer__copyright, .footer__powered_by { font-size:0.70588em; margin-top:10px; } } @media only screen and (min-width:590px) { .footer__copyright { text-align:right; } } ul + .footer__copyright { padding-top:20px; } .site-footer__linklist { margin:0; } .site-footer__linklist a { display:block; padding:4px 0; } .footer__newsletter { position:relative; } .footer__newsletter-input { padding-left:45px; background-color: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1); max-width:300px; width:100%; border:1px solid rgba(0, 0, 0, 0.6); } .footer__newsletter-input:focus { border-color: rgba(0, 0, 0, 1); } .footer__newsletter-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 1); opacity:1; } .footer__newsletter-input:-moz-placeholder { color: rgba(0, 0, 0, 1); opacity:1; } .footer__newsletter-input::-moz-placeholder { color: rgba(0, 0, 0, 1); opacity:1; } .footer__newsletter-input:-ms-input-placeholder { color: rgba(0, 0, 0, 1); opacity:1; } .footer__newsletter-input::-ms-input-placeholder { color: rgba(0, 0, 0, 1); opacity:1; } .footer__newsletter-btn { position:absolute; top:0; left:0; bottom:0; width:46px; color: rgba(0, 0, 0, 1); } .footer__newsletter-btn .icon { width:26px; height:24px; } @media only screen and (max-width:589px) { .footer__logo-social { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:20px 0; } .footer__logo-social .footer__logo { -webkit-box-flex:0; -ms-flex:0 1 auto; flex:0 1 auto; } .footer__logo-social .footer__social { -webkit-box-flex:1; -ms-flex:1 1 auto; 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; -webkit-transform:translateZ(0); 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:0 15px 15px 0; } } .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; } } .collapsible-content p a:after { content:''; position:absolute; bottom:-2px; left:0; width:0%; border-bottom:2px solid black; transition:width 0.5s ease; } .collapsible-content p a { position:relative; text-decoration:none; border-bottom:2px solid rgba(0, 0, 0, 0.1); } .collapsible-content p a:hover:after, .collapsible-content p a:focus:after { width:100%; } .note,
.errors { border-radius:0; padding:6px 12px; margin-bottom:20px; border:1px solid transparent; text-align:left; } .note ul, .note ol, .errors ul, .errors ol { margin-top:0; margin-bottom:0; } .note li:last-child, .errors li:last-child { margin-bottom:0; } .note p, .errors p { margin-bottom:0; } .note { border-color: #e8e8e1; } .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; } .form-error,
.errors { color:#d02e2e; background-color:#fff6f6; border-color:#d02e2e; } .form-error a, .errors a { color:#d02e2e; text-decoration:underline; } .form-error a:hover, .errors a:hover { text-decoration:none; } .pagination { font-family:'Didact Gothic', sans-serif; letter-spacing:0.025em; line-height:1.6; margin:0; padding:80px 0 0; text-align:center; font-size:0.88235em; } @media only screen and (max-width:589px) { .pagination { font-size:0.82353em; } } .pagination > span { display:inline-block; line-height:1; } .pagination a { display:inline-block; } .pagination a, .pagination .page.current { padding:8px 12px; } .pagination .page.current { opacity:0.3; } .pagination .next, .pagination .prev { color: #ffffff; background: #111111; width:43px; height:43px; line-height:27px; border-radius:43px; margin:0 10px; } @media only screen and (max-width:589px) { .pagination .next, .pagination .prev { width:35px; height:35px; line-height:19px; } } .pagination .next .icon, .pagination .prev .icon { color: #ffffff; width:13px; height:13px; } @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 p,
.rte ul,
.rte ol,
.rte table { margin-bottom:25px; } .rte ul ul { margin-bottom:0; } .rte a { text-decoration:none; border-bottom:2px solid rgba(0, 0, 0, 0.1); position:relative; } .rte a:not(.btn):after { content:''; position:absolute; bottom:-2px; left:0; width:0%; border-bottom:2px solid currentColor; transition:width 0.5s ease; } .rte a:not(.btn):hover:after, .rte a:not(.btn):focus:after { width:100%; } .rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 { margin-top:2.5em; margin-bottom:1em; } .rte h1:first-child, .rte .h1:first-child, .rte h2:first-child, .rte .h2:first-child, .rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child, .rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child { margin-top:0; } .rte h1 a, .rte .h1 a, .rte h2 a, .rte .h2 a, .rte h3 a, .rte .h3 a, .rte h4 a, .rte .h4 a, .rte h5 a, .rte .h5 a, .rte h6 a, .rte .h6 a { text-decoration:none; } .rte meta:first-child + h1, .rte meta:first-child + .h1, .rte meta:first-child + h2, .rte meta:first-child + .h2, .rte meta:first-child + h3, .rte meta:first-child + .h3, .rte meta:first-child + h4, .rte meta:first-child + .h4, .rte meta:first-child + h5, .rte meta:first-child + .h5, .rte meta:first-child + h6, .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 ul,
.text-center .rte ol,
.text-center.rte ul,
.text-center.rte ol { list-style-position:inside; margin-left:0; } .rte--nomargin { margin-bottom:0; } .rte--indented-images img:not([style]),
.rte--indented-images img[style="float:none;"] { max-width:100vw; margin:0 -22px; display:block; } @media only screen and (min-width:590px) { .rte--indented-images img:not([style]), .rte--indented-images img[style="float:none;"] { max-width:130%; margin:40px -15%; } } .rte--indented-images p[style] img { display:inline; margin:0; max-width:100%; } .header-layout { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .header-layout--center { -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .header-item { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; } .header-item--logo { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; } .header-item--icons { -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-flex:0; -ms-flex:0 1 auto; flex:0 1 auto; } .header-layout--left-center .header-item--logo,
.header-layout--left-center .header-item--icons { -webkit-box-flex:0; -ms-flex:0 0 200px; flex:0 0 200px; max-width:50%; } @media only screen and (min-width:590px) { .header-layout--left-center .header-item--logo, .header-layout--left-center .header-item--icons { 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--navigation,
.header-layout[data-logo-align="center"] .header-item--icons { -webkit-box-flex:1; -ms-flex:1 1 130px; flex:1 1 130px; } .header-layout[data-logo-align="left"] .site-header__logo { margin-right:13.33333px; } .header-item--logo-split { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-flex:1; -ms-flex:1 1 100%; flex:1 1 100%; } .header-item--logo-split .header-item:not(.header-item--logo) { text-align:center; -webkit-box-flex:1; -ms-flex:1 1 20%; flex:1 1 20%; } .header-item--split-left { -webkit-box-pack:end; -ms-flex-pack:end; 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:-7.5px; } } .header-item--icons .site-nav { margin-right:-12px; } @media only screen and (max-width:589px) { .header-item--icons .site-nav { margin-right:-7.5px; } } .site-header { position:relative; padding:10px 0; background: #ffffff; } @media only screen and (min-width:590px) { .site-header { padding:30px 0; } } .site-header--stuck { position:fixed; left:0; right:0; top:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); transition:none; z-index:99; } .js-drawer-open--search .site-header--stuck { z-index:28; } @media only screen and (min-width:590px) { .site-header--stuck { padding:15px 0; } } .site-header--opening { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); transition:-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-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:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color: rgba(56, 53, 55, 1); } .site-header__logo-link:hover { color: rgba(56, 53, 55, 1); } @media only screen and (max-width:589px) { .site-header__logo-link { margin:0 auto; } } .header-box { position:relative; } .header-wrapper--sticky { position:absolute; top:0; left:0; right:0; z-index:6; background:none; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); } .header-wrapper--sticky .site-header:not(.site-header--stuck) { background:none; } .js-drawer-open--search .header-wrapper--sticky { z-index:28; } .site-header__search-container { position:absolute; left:0; right:0; bottom:100%; height:100%; z-index:28; overflow:hidden; transition:all 0.3s cubic-bezier(0, 0, 0.38, 1); } .site-header__search-container.is-active { bottom:0; transition:none; } .site-header__search { position:absolute; top:0; left:0; bottom:0; right:0; z-index:28; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-transform:translate3d(0, -110%, 0); transform:translate3d(0, -110%, 0); background-color: #ffffff; color: #000000; transition:all 0.3s cubic-bezier(0, 0, 0.38, 1); } .site-header__search .page-width { -webkit-box-flex:1; -ms-flex:1 1 100%; flex:1 1 100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; } @media only screen and (max-width:589px) { .site-header__search .page-width { padding:0; } } .is-active .site-header__search { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } .site-header__search .icon { width:30px; height:30px; } .site-header__search-form { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; display:-webkit-box; display:-ms-flexbox; display:flex; } @media only screen and (min-width:590px) { .site-header__search-form { padding:20px 0; } } .site-header__search-input { border:0; width:100px; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; font-size:1.17647em; } @media only screen and (min-width:590px) { .site-header__search-input { font-size:1.41176em; } } .site-header__search-input:focus { border:0; outline:0; } .site-header__search-btn { padding:0 20px; } .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 #e8e8e1; border-color: #e8e8e1; } .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:50px; } } .section-header--hero { position:relative; -webkit-box-flex:1; -ms-flex:1 1 100%; flex:1 1 100%; color:#fff; margin-bottom:20px; } @media only screen and (min-width:590px) { .section-header--hero { margin-bottom:40px; } } .section-header__rte { font-size:1.05882em; } .section-header__title { margin-bottom:0; } .section-header__title--big { font-size:2.35294em; } @media only screen and (min-width:590px) { .section-header__title--big { font-size:4.70588em; } } .section-header__title--medium { font-size:1.88235em; } @media only screen and (min-width:590px) { .section-header__title--medium { font-size:3.52941em; } } .section-header__link { font-family:'Didact Gothic', sans-serif; letter-spacing:0.025em; line-height:1.6; font-weight:normal; font-size:17px; 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; } .section-header .btn { float:right; margin:0; } .site-nav { margin:0; } .text-center .site-navigation { margin:0 auto; } .header-layout--left .site-navigation { padding-left:13.33333px; } .site-nav--icons { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .site-nav__icons { white-space:nowrap; } .site-nav__item { position:relative; display:inline-block; margin:0; } .site-nav__item li { display:block; } .site-nav__item .icon-chevron-down { width:10px; height:10px; } .site-nav__link { display:inline-block; vertical-align:middle; text-decoration:none; padding:7.5px 15px; white-space:nowrap; color: rgba(56, 53, 55, 1); } .site-header--heading-style .site-nav__link { font-family:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; } .site-nav__link:hover { color: rgba(56, 53, 55, 1); } .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; } .site-nav__link .icon-chevron-down { margin-left:5px; } @media only screen and (max-width:768px) { .site-nav__link { padding:7.5px; } .header-layout--center .site-nav__link { padding-left:2px; padding-right:2px; } } .site-nav--has-dropdown { z-index:6; } .site-nav--has-dropdown:hover, .site-nav--has-dropdown.is-focused { z-index:7; } .site-nav--has-dropdown.is-focused > a,
.site-nav--has-dropdown:hover > a { color:#000000 !important; background-color: #ffffff; opacity:1; transition:none; } .site-nav--has-dropdown.is-focused > a:before, .site-nav--has-dropdown:hover > a:before { content:''; position:absolute; left:15px; right:45px; bottom:0; display:block; background-color: #e8e8e1; height:1px; z-index:6; } .site-nav__link--icon { padding-left:12px; padding-right:12px; } @media only screen and (max-width:589px) { .site-nav__link--icon { padding-left:7.5px; padding-right:7.5px; } .site-nav__link--icon + .site-nav__link--icon { margin-left:-3px; } } .site-nav__link--icon .icon { width:30px; height:30px; } .site-nav__dropdown { position:absolute; left:0; margin:0; z-index:5; display:block; visibility:hidden; background-color: #ffffff; min-width:100%; padding:13.33333px 0 5px; box-shadow:0px 10px 20px rgba(0, 0, 0, 0.09); -webkit-transform:translate3d(0px, -12px, 0px); transform:translate3d(0px, -12px, 0px); } .site-nav--has-dropdown:hover .site-nav__dropdown, .is-focused > .site-nav__dropdown { display:block; visibility:visible; -webkit-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px); transition:all 300ms cubic-bezier(0.2, 0.06, 0.05, 0.95); } .site-nav__dropdown li { margin:0; } .site-nav__dropdown > li { position:relative; } .site-nav__dropdown > li > a { position:relative; z-index:6; } .site-nav__dropdown a { background-color: #ffffff; padding-right:30px; } .site-nav__deep-dropdown { background-color: #ffffff; 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; -webkit-transform:translate3d(-12px, 0px, 0px); transform:translate3d(-12px, 0px, 0px); } .header-layout--center .site-nav__item:last-child .site-nav__deep-dropdown { left:auto; right:100%; } .site-nav__deep-dropdown-trigger:hover .site-nav__deep-dropdown, .is-focused > .site-nav__deep-dropdown { visibility:visible; opacity:1; -webkit-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 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(to right, 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(to left, 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:hover, .site-nav__dropdown-link--has-children:focus { background-color:#f2f2f2; } .site-nav__deep-dropdown-trigger .icon-chevron-down { position:absolute; top:50%; right:10px; width:10px; height:10px; -webkit-transform:rotate(-90deg) translateX(50%); transform:rotate(-90deg) translateX(50%); } .mobile-nav { margin:-20px -20px 0 -20px; } .mobile-nav li { margin-bottom:0; list-style:none; } .mobile-nav__search { padding:20px; } .mobile-nav__item { position:relative; display:block; } .mobile-nav > .mobile-nav__item { background-color: rgba(255, 255, 255, 1); } .mobile-nav__item:after { content:''; position:absolute; bottom:0; left:20px; right:20px; border-bottom:1px solid #e8e8e1; border-color: #e8e8e1; } .mobile-nav > .mobile-nav__item:last-child:after { display:none; } .mobile-nav__item a,
.mobile-nav__item .mobile-nav__faux-link { display:block; font-size:1.23529em; } @media only screen and (min-width:590px) { .mobile-nav__item a, .mobile-nav__item .mobile-nav__faux-link { font-size:1.47059em; } } .mobile-nav__item a,
.mobile-nav__item .mobile-nav__faux-link,
.mobile-nav__toggle button { color: #000000; padding:20px; text-decoration:none; } .mobile-nav__item a:active, .mobile-nav__item .mobile-nav__faux-link:active, .mobile-nav__toggle button:active { color:black; } .mobile-nav__item a:active, .mobile-nav__item .mobile-nav__faux-link:active, .mobile-nav__toggle button:active { background-color:#f2f2f2; } .mobile-nav__child-item { display:-webkit-box; display:-ms-flexbox; 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__link, .mobile-nav__sublist .mobile-nav__faux-link { font-family:'Didact Gothic', sans-serif; letter-spacing:0.025em; line-height:1.6; font-weight:normal; padding:10px 25px 10px 40px; font-size:17px; } .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 20px 0; } .mobile-nav__social li { margin-right:15px; display:inline-block; } @media only screen and (min-width:590px) { .site-nav__link--icon .icon { width:28px; height:28px; } } .cart-link { position:relative; display: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: #ff4f33; border:2px solid #ffffff; border-radius:50%; } .breadcrumb { font-size:13px; margin-bottom:40px; } .breadcrumb .divider { color: #e8e8e1; } @media only screen and (max-width:589px) { .breadcrumb { font-size:11px; margin-bottom:20px; } } .modal:not(#product-select-modal) { display:none; bottom:0; left:0; opacity:1; overflow:hidden; position:fixed; right:0; top:0; z-index:1070; color:inherit; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .modal:not(#product-select-modal) a, .modal:not(#product-select-modal) a:hover { color:inherit; } .modal:not(#product-select-modal) .btn:not([disabled]), .modal:not(#product-select-modal) .btn:not([disabled]):hover { color: #ffffff; } .modal-open .modal:not(#product-select-modal) .modal__inner { -webkit-animation:modal-open 0.5s forwards; animation:modal-open 0.5s forwards; } .modal-open .modal:not(#product-select-modal):before { content:''; position:fixed; top:0; left:0; width:100%; height:100%; background-color: #000; -webkit-animation:overlay-on 0.5s forwards; animation:overlay-on 0.5s forwards; cursor:pointer; } .modal-closing .modal:not(#product-select-modal) .modal__inner { -webkit-animation:modal-closing 0.5s forwards; animation:modal-closing 0.5s forwards; } .modal-closing .modal:not(#product-select-modal):before { content:''; position:fixed; top:0; left:0; width:100%; height:100%; background-color: #000; -webkit-animation:overlay-off 0.5s forwards; animation:overlay-off 0.5s forwards; } .modal-open--solid .modal:not(#product-select-modal):before { background-color: #000; } .modal-open .modal--solid:before { background-color:#000; -webkit-animation:full-overlay-on 0.5s forwards; animation:full-overlay-on 0.5s forwards; } .modal-open .modal--solid#VideoModal:before { background-color:#000; -webkit-animation:full-overlay-on 0.5s forwards; animation:full-overlay-on 0.5s forwards; } .modal-closing .modal--solid:before { background-color:#000; -webkit-animation:full-overlay-off 0.5s forwards; animation:full-overlay-off 0.5s forwards; } .modal--is-closing { display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important; overflow:hidden; } .modal--is-active { display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important; overflow:hidden; } @media only screen and (min-width:590px) { .modal-open { overflow:hidden; } } .modal__inner { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-box-flex:0; -ms-flex:0 1 auto; flex:0 1 auto; margin:20px; max-width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } @media only screen and (min-width:590px) { .modal__inner { margin:40px; } } .modal--square .modal__inner { background-color: #ffffff; color: #000000; } .modal__inner img { display:block; max-height:90vh; } .modal__inner .image-wrap img { max-height:none; } .modal__centered { position:relative; -webkit-box-flex:0; -ms-flex:0 1 auto; flex:0 1 auto; min-width:1px; max-width:100%; } .modal--square .modal__centered-content { max-height:80vh; padding:30px; min-width:200px; min-height:200px; overflow:auto; -webkit-overflow-scrolling:touch; } @media only screen and (min-width:590px) { .modal--square .modal__centered-content { padding:60px; max-height:90vh; 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:hover, .modal__close:focus { color:#fff; } .modal--square .modal__close { position:absolute; color: #000000; padding:13.33333px; } .modal--square .modal__close:hover, .modal--square .modal__close:focus { color: #000000; } .modal .page-content,
.modal .page-width { padding:0; } .popup-cta { margin-bottom:20px; } @media only screen and (max-width:589px) { .modal--mobile-friendly { top:auto; bottom:0; 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--mobile-friendly .modal__inner { margin:0; border:2px solid #000000; } .modal--mobile-friendly .h1 { padding-right:25px; } .modal--mobile-friendly input { font-size:16px !important; } .modal--mobile-friendly .text-close { display:none; } } .js-qty__wrapper { position:relative; max-width:100px; min-width:75px; overflow:visible; background-color: #ffffff; border:1px solid #e8e8e1; color:black; } .js-qty__num { display:block; background:none; border: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; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; transition:all 0.2s ease-out; z-index:2; fill:black; } .js-qty__adjust .icon { display:block; font-size:8px; vertical-align:middle; width:10px; height:10px; fill:inherit; } .js-qty__adjust:hover { background-color:#f2f2f2; color:black; } .js-qty__adjust:active { background-color:#d2d2c4; } .js-qty__adjust--plus { right:0; border-left:1px solid #f2f2f2; } .js-qty__adjust--minus { left:0; border-right:1px solid #f2f2f2; } .js-qty__fallback { display:none; } .no-js .js-qty__fallback { display:inline-block; } .drawer .js-qty__wrapper { background-color:transparent; border-color: #e8e8e1; } .drawer .js-qty__num { border:none; color: #000000; padding-top:2px; padding-bottom:2px; } .drawer .js-qty__adjust { border-color: #e8e8e1; color: #000000; fill: #000000; } .drawer .js-qty__adjust:hover { background-color:black; color: rgba(255, 255, 255, 1); fill: rgba(255, 255, 255, 1); } .is-light .currency-picker__wrapper { color:#fff; } .currency-picker__wrapper .icon { margin-left:-5px; cursor:pointer; } .site-nav__item .currency-picker__wrapper .icon { margin-right:5px; } .currency-input { font-family:'Didact Gothic', sans-serif; letter-spacing:0.025em; line-height:1.6; background-color:transparent; border:none; width:auto; background-image:url(//static.staticdj.com/themes/ico-select.svg); background-size:12px; font-style:normal; } .is-light .currency-input { color:#fff; background-image:url(//static.staticdj.com/themes/ico-select-white.svg); } .currency-input:hover, .currency-input:focus { border:none; } .header-item .currency-input { color: rgba(56, 53, 55, 1); background-image:url(//static.staticdj.com/themes/ico-select-menu.svg); } .is-light .header-item .currency-input { color:#fff; background-image:url(//static.staticdj.com/themes/ico-select-white.svg); } .currency-picker--drawer .currency-input { padding-top:5px; padding-bottom:5px; background-image:url(//static.staticdj.com/themes/ico-select-drawer.svg); border:1px solid #e8e8e1; } .collapsibles-wrapper--border-bottom { border-bottom:1px solid #e8e8e1; } .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:12px; height:12px; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .mobile-nav__has-sublist .collapsible-trigger__icon { right:20px; } .collapsible-trigger__icon .icon { display:block; width:12px; height:12px; transition:all 0.1s ease-in; } .collapsible-trigger__icon--circle { border:1px solid #e8e8e1; border-radius:50%; width:24px; height:24px; text-align:center; } .collapsible-trigger__icon--circle .icon { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .collapsible-trigger.is-open .collapsible-trigger__icon > .icon-chevron-down { -webkit-transform:scaleY(-1); transform:scaleY(-1); } .collapsible-trigger.is-open .collapsible-trigger__icon .icon-plus,
.collapsible-trigger .collapsible-trigger__icon .icon-minus { display:none; } .collapsible-trigger.is-open .collapsible-trigger__icon .icon-minus { display:block; } .collapsible-content { transition:opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .collapsible-content.is-open { visibility:visible; opacity:1; transition:opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.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 { -webkit-transform:translateY(40px); transform:translateY(40px); } .collapsible-content--all .collapsible-content__inner--no-translate { -webkit-transform:translateY(0); transform:translateY(0); } @media only screen and (max-width:589px) { .collapsible-content--small { visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; opacity:0; height:0; } .collapsible-content--small .collapsible-content__inner { -webkit-transform:translateY(40px); transform:translateY(40px); } .collapsible-content--small .collapsible-content__inner--no-translate { -webkit-transform:translateY(0); transform:translateY(0); } } .collapsible-content__inner { transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .is-open .collapsible-content__inner { -webkit-transform:translateY(0); transform:translateY(0); transition:transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .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; } [data-section-type='photoswipe'] .photoswipe__image { cursor:zoom-in; } .pswp__button { color:#fff; position:relative; } .pswp__button:after { content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; } .pswp__button svg { width:32px; height:32px; } .pswp__button--arrow--left svg,
.pswp__button--arrow--right svg { width:24px; height:24px; } .pswp { display:none; position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; -ms-touch-action:none; 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:-webkit-grab; cursor:grab; } .pswp--dragging .pswp__img { cursor:-webkit-grabbing; cursor:grabbing; } .pswp__bg { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; will-change:opacity; } .pswp__scroll-wrap { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; } .pswp__container,
.pswp__zoom-wrap { -ms-touch-action:none; touch-action:none; position:absolute; left:0; right:0; top:0; bottom:0; } .pswp__container,
.pswp__img { -webkit-user-select:none; -moz-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%; -webkit-transform-origin:left top; transform-origin:left top; transition:-webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition:transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition:transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-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__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__img--placeholder--blank { background:#222; } .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; font-size:14px; line-height:16px; margin-top:-8px; color:#CCC; } .pswp__error-msg a { color:#CCC; text-decoration:underline; } .pswp__button { position:relative; background:none; cursor:pointer; overflow:visible; -webkit-appearance:none; display:block; border:0; padding:0; margin:0; float:right; opacity:0.75; transition:opacity 0.2s; box-shadow:none; } .pswp__button:focus,
.pswp__button:hover { opacity:1; } .pswp__button:active { outline:none; opacity:0.9; } .pswp__button::-moz-focus-inner { padding:0; border:0; } .pswp__button--close { padding:15px; } .pswp__ui--over-close .pswp__button--close { opacity:1; } .pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right { visibility:hidden; } .pswp__button--arrow--left,
.pswp__button--arrow--right { top:50%; margin-top:-50px; height:40px; width:40px; position:absolute; background-color:rgba(0, 0, 0, 0.3); } .pswp__button--arrow--left { left:15px; } .pswp__button--arrow--right { right:15px; } .pswp__counter,
.pswp__share-modal { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .pswp__share-modal { display:block; background:rgba(0, 0, 0, 0.5); width:100%; height:100%; top:0; left:0; padding:10px; position:absolute; z-index:1600; opacity:0; transition:opacity 0.25s ease-out; -webkit-backface-visibility:hidden; will-change:opacity; } .pswp__share-modal--hidden { display:none; } .pswp__share-tooltip { z-index:1620; position:absolute; background:#FFF; top:56px; border-radius:2px; display:block; width:auto; right:44px; box-shadow:0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transform:translateY(6px); transform:translateY(6px); transition:-webkit-transform 0.25s; transition:transform 0.25s; transition:transform 0.25s, -webkit-transform 0.25s; -webkit-backface-visibility:hidden; will-change:transform; } .pswp__share-tooltip a { display:block; padding:8px 12px; color:#000; text-decoration:none; font-size:14px; line-height:18px; } .pswp__share-tooltip a:hover { text-decoration:none; color:#000; } .pswp__share-tooltip a:first-child { border-radius:2px 2px 0 0; } .pswp__share-tooltip a:last-child { border-radius:0 0 2px 2px; } .pswp__share-modal--fade-in { opacity:1; } .pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform:translateY(0); transform:translateY(0); } .pswp--touch .pswp__share-tooltip a { padding:16px 12px; } a.pswp__share--facebook:before { content:''; display:block; width:0; height:0; position:absolute; top:-12px; right:15px; border:6px solid transparent; border-bottom-color:#FFF; pointer-events:none; } a.pswp__share--facebook:hover { background:#3E5C9A; color:#FFF; } a.pswp__share--facebook:hover:before { border-bottom-color:#3E5C9A; } a.pswp__share--twitter:hover { background:#55ACEE; color:#FFF; } a.pswp__share--pinterest:hover { background:#CCC; color:#CE272D; } a.pswp__share--download:hover { background:#DDD; } .pswp__counter { position:absolute; left:0; top:0; height:44px; font-size:13px; line-height:44px; color:#FFF; opacity:0.75; padding:0 10px; } .pswp__caption { position:absolute; left:0; bottom:0; width:100%; min-height:44px; } .pswp__caption small { font-size:11px; color:#BBB; } .pswp__caption__center { text-align:left; max-width:420px; margin:0 auto; font-size:13px; padding:10px; line-height:20px; color:#CCC; } .pswp__caption--empty { display:none; } .pswp__caption--fake { visibility:hidden; } .pswp__preloader { width:44px; height:44px; position:absolute; top:0; left:50%; margin-left:-22px; opacity:0; transition:opacity 0.25s ease-out; will-change:opacity; direction:ltr; } .pswp__preloader__icn { width:20px; height:20px; margin:12px; } .pswp__preloader--active { opacity:1; } .pswp--css_animation .pswp__preloader--active { opacity:1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation:clockwise 500ms linear infinite; animation:clockwise 500ms linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation:donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation:donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; } .pswp--css_animation .pswp__preloader__icn { background:none; opacity:0.75; width:14px; height:14px; position:absolute; left:15px; top:15px; margin:0; } .pswp--css_animation .pswp__preloader__cut { position:relative; width:7px; height:14px; overflow:hidden; } .pswp--css_animation .pswp__preloader__donut { width:14px; height:14px; border:2px solid #FFF; border-radius:50%; border-left-color:transparent; border-bottom-color:transparent; position:absolute; top:0; left:0; background:none; margin:0; } @media screen and (max-width:1024px) { .pswp__preloader { position:relative; left:auto; top:auto; margin:0; float:right; } } @-webkit-keyframes clockwise { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } @keyframes clockwise { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform:rotate(0); transform:rotate(0); } 50% { -webkit-transform:rotate(-140deg); transform:rotate(-140deg); } 100% { -webkit-transform:rotate(0); transform:rotate(0); } } @keyframes donut-rotate { 0% { -webkit-transform:rotate(0); transform:rotate(0); } 50% { -webkit-transform:rotate(-140deg); transform:rotate(-140deg); } 100% { -webkit-transform:rotate(0); transform:rotate(0); } } .pswp__ui { -webkit-font-smoothing:auto; visibility:visible; opacity:1; z-index:1550; } .pswp__top-bar { position:absolute; left:0; top:0; height:44px; width:100%; } .pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility:hidden; will-change:opacity; transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right { visibility:visible; } .pswp__top-bar,
.pswp__caption { background-color:rgba(0, 0, 0, 0.5); } .pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption { background-color:rgba(0, 0, 0, 0.3); } .pswp__ui--idle .pswp__top-bar { opacity:0; } .pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right { opacity:0; } .pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right { opacity:0.001; } .pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter { display:none; } .pswp__element--disabled { display:none !important; } .pswp--minimal--dark .pswp__top-bar { background:none; } .slick-slider { position:relative; display:block; box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; } .slick-list { position:relative; overflow:hidden; display:block; margin:0; padding:0; } .slick-list:focus { outline:none; } .slick-list.dragging { cursor:pointer; cursor:hand; } .slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } .slick-track { position:relative; left:0; top:0; display:block; } .slick-track:before, .slick-track:after { content:""; display:table; } .slick-track:after { clear:both; } .slick-loading .slick-track { visibility:hidden; } .slick-slide { float:left; height:100%; min-height:1px; 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-prev,
.slick-next { position:absolute; display:block; height:20px; width:20px; line-height:0px; font-size:0px; cursor:pointer; background:transparent; color:transparent; top:50%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); padding:0; border:none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background:transparent; color:transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity:1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity:0.25; } .slick-prev:before, .slick-next:before { font-family:"slick-icons, sans-serif"; font-size:20px; line-height:1; color:#000; opacity:0.75; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .slick-prev { left:-25px; } [dir="rtl"] .slick-prev { left:auto; right:-25px; } .slick-prev:before { content:"‹"; } [dir="rtl"] .slick-prev:before { content:"›"; } .slick-next { right:-25px; } [dir="rtl"] .slick-next { left:-25px; right:auto; } .slick-next:before { content:"›"; } [dir="rtl"] .slick-next:before { content:"‹"; } .slick-dotted.slick-slider { margin-bottom:30px; } .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:20px; width:20px; margin:0 5px; padding:0; cursor:pointer; } .slick-dots li button { border:0; background:transparent; display:block; height:20px; width:20px; line-height:0px; font-size:0px; color:transparent; padding:5px; cursor:pointer; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity:1; } .slick-dots li button:before { position:absolute; top:0; left:0; content:""; width:20px; height:20px; font-family:"slick-icons, sans-serif"; font-size:6px; line-height:20px; text-align:center; color:#fff; opacity:0.25; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .slick-dots li.slick-active button:before { color:#fff; opacity:0.75; } ::-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,
textarea,
select { background-color:transparent; color:inherit; } input[disabled], input.disabled, textarea[disabled], textarea.disabled, select[disabled], select.disabled { background-color:#f6f6f6; border-color:transparent; } input:active, input:focus, textarea:active, textarea:focus, select:active, select:focus { border:1px solid #000000; } input[type="number"] { font-size:0.94118em; } 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--tall,
.collection--square-large { height:300px; } @media only screen and (min-width:590px) { .collection--tall, .collection--square-large { 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:'Didact Gothic', sans-serif; letter-spacing:0.025em; line-height:1.6; } .social-sharing .icon { height:18px; width:18px; } .social-sharing__link { display:inline-block; color: #000000; border-radius:2px; font-size:0.94118em; margin:0 10px 0 0; height:18px; line-height:18px; text-decoration:none; font-weight:normal; } .social-sharing__link:last-child { margin-right:0; } .social-sharing__title { display:inline-block; vertical-align:middle; height:18px; line-height:18px; padding-right:15px; padding-left:3px; } .grid-search { margin-bottom:40px; } .grid-search__product { position:relative; text-align:center; } .grid-search__page-link,
.grid-search__product-link { height:280px; } .grid-search__page-link { display:block; background-color:#fafafa; padding:20px; color: #000000; overflow:hidden; text-overflow:ellipsis; } .grid-search__page-link:hover, .grid-search__page-link:focus { background-color:whitesmoke; } .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%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } } .index-section { margin:34px 0; } @media only screen and (min-width:590px) { .index-section { margin:100px 0; } } .index-section--small { margin:24px 0; } @media only screen and (min-width:590px) { .index-section--small { margin:40px 0; } } .index-section + .index-section,
.index-section + .index-section--hidden { margin-top:0; } .index-section--flush { margin:0; } .section--divider { border-top:1px solid #e8e8e1; border-color: #e8e8e1; padding-top:34px; } @media only screen and (min-width:590px) { .section--divider { padding-top:100px; } } .newsletter-section { padding:34px 0; } @media only screen and (min-width:590px) { .newsletter-section { padding:100px 0; } } .newsletter-section--with-divider { border-top:1px solid #e8e8e1; border-color: #e8e8e1; } .helper-section .grid-product__image-link { background-color:transparent; } .helper-section .grid-product__image-wrapper { height:275px !important; } .feature-row { margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } @media only screen and (min-width:1050px) { .feature-row { margin:0 6%; } } @media only screen and (max-width:768px) { .feature-row { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; margin:0; } } @media only screen and (max-width:768px) { .feature-row--small-none { display:block; } } .feature-row__item { min-width:50%; -webkit-box-flex:0; -ms-flex:0 1 50%; flex:0 1 50%; } @media only screen and (max-width:768px) { .feature-row__item { -webkit-box-flex:1; -ms-flex:1 1 auto; 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 { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; } } .feature-row__text { padding-top:40px; padding-bottom:40px; } @media only screen and (max-width:768px) { .feature-row__text { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; padding-top:20px; padding-bottom:0; } } .feature-row__text .rte { margin:0; } .feature-row__text .btn { margin:20px 13.33333px 0 0 !important; } @media only screen and (min-width:590px) { .feature-row__text--left { padding-left:80px; } .feature-row__text--right { padding-right:80px; } } .slick-slider .slick-dots li,
.slick-slider .slick-dots li button { width:10px; height:10px; } .slick-slider .slick-dots li button::before { width:10px; height:10px; border-radius:100%; } .slick-slider .slick-dots li.slick-active,
.slick-slider .slick-dots li.slick-active button,
.slick-slider .slick-dots li.slick-active button::before { width:12px; height:12px; } .hero .slick-dots { bottom:20px; } .hero .slick-dots li button::before { background-color:#fff; } .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; } .slick-prev,
.slick-next { width:40px; height:40px; top:40%; z-index:20; } .slick-prev:before, .slick-next:before { color:#fff; font-size:60px; line-height:40px; text-shadow:0 0 20px black; } .slick-prev { left:25px; } [dir="rtl"] .slick-prev { right:25px; } @media only screen and (max-width:589px) { .slick-prev { left:20px; } [dir="rtl"] .slick-prev { right:20px; } } .slick-next { right:25px; } [dir="rtl"] .slick-next { left:25px; } @media only screen and (max-width:589px) { .slick-next { right:20px; } [dir="rtl"] .slick-next { left:20px; } } .hero { overflow:hidden; } .hero .slideshow__slide, .hero .slick-list, .hero .slick-track { height:100%; } .slideshow-wrapper { position:relative; } .slideshow__pause:focus { clip:auto; width:auto; height:auto; margin:0; color: #ffffff; background-color: #111111; 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: #ffffff; bottom:0; height:2px; width:0%; z-index:1; transition:width 0s linear 0s; } .hero { position:relative; overflow:hidden; background: #111111; } .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; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.62) 100%); } .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; -o-object-fit:cover; object-fit:cover; font-family:"object-fit:cover"; } .hero__media iframe,
.hero__media video { position:absolute; top:0; left:0; height:100%; width:100%; pointer-events:none; } .video-interactable .hero__media iframe, .video-interactable .hero__media video { pointer-events:auto; } .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__media iframe,
.hero__media video { width:300%; left:-100%; max-width:none; } @media screen and (min-width:1140px) { .hero__media iframe, .hero__media video { width:100%; height:300%; left:auto; top:-100%; } } .hero__slide-link { display:block; position:relative; height:100%; color:#fff; z-index:4; } .hero__text-wrap { position:relative; height:100%; color:#fff; } .video-interactable .hero__text-wrap { pointer-events:none; } .hero__text-wrap .page-width { display:table; width:100%; height: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; } } .hero__title { display:block; margin-bottom:0; font-size:2.35294em; } @media only screen and (min-width:590px) { .hero__title { font-size:4.70588em; } } .hero__subtext { margin-top:20px; } .hero__subtitle { display:inline-block; vertical-align:middle; margin-right:20px; margin-top:5px; font-family:'Didact Gothic', sans-serif; letter-spacing:0.025em; line-height:1.6; text-transform:uppercase; letter-spacing:0.2em; font-size:0.82353em; } @media only screen and (min-width:590px) { .hero__subtitle { font-size:1.17647em; } } .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:0; } } .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; padding-top:50px; } @media only screen and (min-width:590px) { .hero__text-content.vertical-center { padding-top:90px; } } .hero__text-content.vertical-center .hero__subtitle { margin-right:0; } .hero__text-content.vertical-center .hero__link { display:block; margin-top:10px; } @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:292px; } .hero--550px { height:357px; } .hero--650px { height:422px; } .hero--750px { height:487px; } .hero--100vh { height:100vh; } .hero--natural[data-natural] { position:absolute; top:0; left:0; right:0; bottom:0; } @media only screen and (min-width:590px) { .hero--450px { height:450px; } .hero--550px { height:550px; } .hero--650px { height:650px; } .hero--750px { height:750px; } } @media only screen and (max-width:589px) { .hero--mobile--250px:not([data-natural]) { height:250px; } .hero--mobile--300px:not([data-natural]) { height:300px; } .hero--mobile--400px:not([data-natural]) { height:400px; } .hero--mobile--500px:not([data-natural]) { height:500px; } .hero--mobile--100vh:not([data-natural]) { height:90vh; } } .index-section--hero:first-child [data-align-top] .slideshow-wrapper { position:relative; z-index:1; } [data-aos="hero__animation"] .hero__title .animation-contents,
[data-aos="hero__animation"] .hero__subtitle .animation-contents,
[data-aos="hero__animation"] .hero__link .animation-contents,
.hero .slideshow__slide .hero__title .animation-contents,
.hero .slideshow__slide .hero__subtitle .animation-contents,
.hero .slideshow__slide .hero__link .animation-contents { opacity:0; } .no-js [data-aos="hero__animation"] .hero__title .animation-contents, .no-js [data-aos="hero__animation"] .hero__subtitle .animation-contents, .no-js [data-aos="hero__animation"] .hero__link .animation-contents, .no-js .hero .slideshow__slide .hero__title .animation-contents, .no-js .hero .slideshow__slide .hero__subtitle .animation-contents, .no-js .hero .slideshow__slide .hero__link .animation-contents { opacity:1; } [data-aos="hero__animation"] .hero__media,
[data-aos="hero__animation"] .hero__image,
.hero .slideshow__slide .hero__media,
.hero .slideshow__slide .hero__image { opacity:0; } .no-js [data-aos="hero__animation"] .hero__media, .no-js [data-aos="hero__animation"] .hero__image, .no-js .hero .slideshow__slide .hero__media, .no-js .hero .slideshow__slide .hero__image { opacity:1; } [data-aos="hero__animation"].loaded.aos-animate .hero__title .animation-contents,
.hero.loaded.aos-animate .slideshow__slide.slick-active .hero__title .animation-contents { -webkit-animation:rise-up 0.8s cubic-bezier(0.26, 0.54, 0.32, 1) 0.3s forwards; animation:rise-up 0.8s cubic-bezier(0.26, 0.54, 0.32, 1) 0.3s forwards; } [data-aos="hero__animation"].loaded.aos-animate .hero__subtitle .animation-contents,
.hero.loaded.aos-animate .slideshow__slide.slick-active .hero__subtitle .animation-contents { -webkit-animation:rise-up 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.7s forwards; animation:rise-up 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.7s forwards; } [data-aos="hero__animation"].loaded.aos-animate .hero__link .animation-contents,
.hero.loaded.aos-animate .slideshow__slide.slick-active .hero__link .animation-contents { -webkit-animation:fade-in 2s ease 1.5s forwards; animation:fade-in 2s ease 1.5s forwards; } [data-aos="hero__animation"].loaded.aos-animate .hero__media,
[data-aos="hero__animation"].loaded.aos-animate .hero__image.lazyloaded,
[data-aos="hero__animation"].loaded.aos-animate .hero__image--svg,
.hero.loaded.aos-animate .slideshow__slide.slick-active .hero__media,
.hero.loaded.aos-animate .slideshow__slide.slick-active .hero__image.lazyloaded,
.hero.loaded.aos-animate .slideshow__slide.slick-active .hero__image--svg { -webkit-animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; transition:none; } .callout-images { position:relative; height:225px; width:225px; max-width:100%; margin:20px auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } @media only screen and (min-width:590px) { .callout-images { height:450px; width:450px; } } .callout-image-centered { position:relative; width:140px; } @media only screen and (min-width:590px) { .callout-image-centered { width:280px; } } .callout-image-placeholder { display:block; max-height:100%; margin:0 auto 40px; } @media only screen and (max-width:589px) { .callout-image-placeholder { max-width:585px; margin:-75px 0 0 -145px; } } .feature-row__callout-image + .feature-row__text .feature-row__content { background-color: #ffffff; position:relative; z-index:3; margin:-10px; padding-left:10px; } @media only screen and (min-width:590px) { .feature-row__callout-image { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; } .feature-row__callout-text.feature-row__text--left { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; padding:0 80px 0 0; } .feature-row__callout-text.feature-row__text--right { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; padding:0 0 0 80px; } } .callout-image { position:absolute; transition:all 2.5s cubic-bezier(0.39, 0.68, 0.29, 1) 0.5s; z-index:1; background-color: #ffffff; } .callout-image:nth-child(1) { position:relative; width:100%; z-index:2; } .callout-image:nth-child(2) { bottom:50%; left:50%; -webkit-transform:translate3d(-50%, 50%, 0); transform:translate3d(-50%, 50%, 0); max-width:90px; } @media only screen and (min-width:590px) { .callout-image:nth-child(2) { max-width:180px; } } .callout-image:nth-child(3) { top:50%; right:50%; -webkit-transform:translate3d(50%, -50%, 0); transform:translate3d(50%, -50%, 0); max-width:80px; } @media only screen and (min-width:590px) { .callout-image:nth-child(3) { max-width:160px; } } .callout-image:nth-child(4) { top:50%; left:50%; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); max-width:100px; } @media only screen and (min-width:590px) { .callout-image:nth-child(4) { max-width:200px; } } .callout-image:nth-child(5) { right:50%; bottom:50%; -webkit-transform:translate3d(50%, 50%, 0); transform:translate3d(50%, 50%, 0); max-width:50px; } @media only screen and (min-width:590px) { .callout-image:nth-child(5) { max-width:100px; } } [data-aos="collection-callout"].aos-animate .callout-image:nth-child(1) { box-shadow:0 10px 15px rgba(0, 0, 0, 0.3); } [data-aos="collection-callout"].aos-animate .callout-image:nth-child(2) { bottom:46%; left:-64px; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } [data-aos="collection-callout"].aos-animate .callout-image:nth-child(3) { top:52%; right:-60px; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } [data-aos="collection-callout"].aos-animate .callout-image:nth-child(4) { top:48%; left:-50px; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } [data-aos="collection-callout"].aos-animate .callout-image:nth-child(5) { bottom:54%; right:-40px; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } @media only screen and (min-width:590px) { [data-aos="collection-callout"].aos-animate .callout-image:nth-child(1) { box-shadow:0 20px 30px rgba(0, 0, 0, 0.3); } [data-aos="collection-callout"].aos-animate .callout-image:nth-child(2) { left:-128px; } [data-aos="collection-callout"].aos-animate .callout-image:nth-child(3) { right:-120px; } [data-aos="collection-callout"].aos-animate .callout-image:nth-child(4) { left:-100px; } [data-aos="collection-callout"].aos-animate .callout-image:nth-child(5) { right:-80px; } } .collection-filter { margin-bottom:20px; } .collection-filter select { display:block; width:100%; } .collection-filter .grid__item:nth-child(2) { float:right; } .collection-hero { position:relative; width:100%; height:330px; overflow:hidden; background: #111111; } @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__image { position:absolute; top:0; left:0; bottom:0; width:100%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; } .collection-hero__content { position:absolute; top:0; left:0; bottom:0; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; } .collection-hero__content .page-width { width:100%; } .collection-hero__content:before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.62) 100%); transition:opacity 2.5s ease; opacity:0; display:block; } .collection-hero.loaded .collection-hero__content:before { opacity:1; } .collection-hero .collection-hero__image { opacity:0; } .no-js .collection-hero .collection-hero__image { opacity:1; } .collection-hero .section-header__title .animation-contents { opacity:0; } .no-js .collection-hero .section-header__title .animation-contents { opacity:1; } .collection-hero .collection-hero__image.lazyloaded { -webkit-animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; transition:none; } .collection-hero.loaded .section-header__title .animation-contents { -webkit-animation:rise-up 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.5s forwards; animation:rise-up 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.5s forwards; } .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:1.17647em; } @media only screen and (min-width:590px) { .site-header__logo { text-align:left; font-size:1.47059em; } } .site-header__logo a,
.header-logo a { color: rgba(56, 53, 55, 1); } .is-light .site-header__logo a, .is-light .header-logo a { color:#fff; } .is-light .site-header__logo a:hover, .is-light .header-logo a:hover { color:#fff; } .site-header { border-bottom:1px solid #e8e8e1; } .is-light .site-header { border-bottom:none; } .site-nav__dropdown-link { display:block; white-space:nowrap; padding:8px 15px; font-size:0.94118em; } .tags a { font-size:0.94118em; } @media only screen and (min-width:590px) { .tags a { font-size:1.11765em; } } .tags--vertical { list-style:none outside; margin:0; padding:0; } .tags--vertical li { margin-bottom:5px; } @media only screen and (min-width:590px) { .tags--vertical li { margin-bottom:10px; } } .tags--article a { padding-right:20px; padding-left:0; } .tags__title { margin-right:20px; } .tag--active { font-weight:900; } .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); 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:normal; padding:7px 15px 7px; margin:0 8px 12px 0; font-style:normal; font-size:17px; text-transform:none; background-color: #ffffff; word-break:break-word; font-family:'Didact Gothic', sans-serif; letter-spacing:0.025em; line-height:1.6; } @media only screen and (max-width:589px) { .variant-input-wrap label { font-size:16px; } } .variant-input-wrap label:active, .variant-input-wrap label:focus { border-color: #000000; box-shadow:inset 0 0 0 1px #000000; } .variant-input-wrap label.disabled { color: #e8e8e1; } .variant-input-wrap label.disabled:before { position:absolute; content:""; left:50%; top:0; bottom:0; border-left:1px solid; border-color: #e8e8e1; -webkit-transform:rotate(45deg); transform:rotate(45deg); } .variant-input-wrap label:after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #e8e8e1; z-index:1; } .variant-input-wrap input[type='radio']:checked + label { border-color: #000000; font-weight:900; } .variant-input-wrap input[type='radio']:checked + label:after { border-width:2px; border-color: #000000; } .variant-input-wrap input[type='radio']:focus + label { background-color:rgba(0, 0, 0, 0.05); } .variant-wrapper { margin-bottom:-12px; } .no-js .variant-wrapper { display:none; } .variant-wrapper--dropdown { display:inline-block; margin-right:20px; max-width:100%; } .variant__label { display:block; margin-bottom:10px; cursor:default; font-style:normal; } .variant__label-info { font-family:'Didact Gothic', sans-serif; letter-spacing:0.025em; line-height:1.6; text-transform:none; font-weight:normal; } .variant__color-swatch { position:relative; text-indent:-9999px; overflow:hidden; width:2.5em; background-position:center; background-size:cover; background-repeat:no-repeat; } .variant__color-swatch:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:3px solid #ffffff; margin:1px; z-index:5; } .grid-product__content { position:relative; margin-bottom:20px; text-align:left; } @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__link--disabled .grid-product__image-mask, .grid-product__link--disabled:hover .grid-product__image-mask, .grid-product__link--disabled:focus .grid-product__image-mask { opacity:0.5; } .grid-product__image { display:block; margin:0 auto; width:100%; } .grid-product__secondary-image { position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-size:cover; background-position:center; opacity:0; } .grid-product__content:hover .grid-product__secondary-image { -webkit-animation:zoom-fade-small 5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation:zoom-fade-small 5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; } @media only screen and (max-width:589px) { .supports-touch .grid-product__secondary-image { display:none; } } .grid-product__meta { position:relative; padding:10px 0 6px 0; line-height:1.5; } .grid-product__title { font-size:1em; } @media only screen and (min-width:590px) { .grid-product__title { font-size:1.17647em; } } .grid-product__vendor { font-family:'Didact Gothic', sans-serif; letter-spacing:0.025em; line-height:1.6; text-transform:uppercase; letter-spacing:0.2em; font-size:0.64706em; margin-top:3px; } .grid-product__price { margin-top:3px; font-size:0.82353em; } @media only screen and (min-width:590px) { .grid-product__price { font-size:0.94118em; } } .grid-product__price--original { text-decoration:line-through; margin-right:5px; } .grid-product__tag { position:absolute; top:0; right:0; font-family:'Didact Gothic', sans-serif; letter-spacing:0.025em; line-height:1.6; text-transform:uppercase; letter-spacing:0.2em; font-size:0.58824em; line-height:1; padding:6px 6px 6px 8px; background-color: #111111; color: #ffffff; z-index:1; transition:opacity 0.4s ease; } @media only screen and (min-width:590px) { .grid-product__tag { font-size:0.76471em; padding:7px 9px 7px 11px; } } .quick-product__btn { position:absolute; top:-15px; right:-15px; z-index:2; border-radius:50%; width:65px; height:65px; background-color: #111111; color: #ffffff; overflow:hidden; font-size:0.82353em; line-height:1.2; cursor:pointer; opacity:0; -webkit-transform:translateY(5px); transform:translateY(5px); transition:opacity 0.15s ease, background 0.3s ease, -webkit-transform 0.15s ease-out; transition:opacity 0.15s ease, transform 0.15s ease-out, background 0.3s ease; transition:opacity 0.15s ease, transform 0.15s ease-out, background 0.3s ease, -webkit-transform 0.15s ease-out; } .no-js .quick-product__btn { display:none; } .grid-product__content:hover .quick-product__btn { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); transition:opacity 0.15s ease, -webkit-transform 0.15s ease-out; transition:opacity 0.15s ease, transform 0.15s ease-out; transition:opacity 0.15s ease, transform 0.15s ease-out, -webkit-transform 0.15s ease-out; } .quick-product__label { position:relative; top:54%; -webkit-transform:translateY(-50%); transform:translateY(-50%); display:block; text-align:center; width:65px; } .grid-product__has-quick-shop .grid-product__content:hover .grid-product__tag { opacity:0; transition-duration:0.2s; } @media only screen and (max-width:589px) { .grid-overflow-wrapper { overflow:hidden; overflow-x:scroll; -webkit-overflow-scrolling:touch; padding-bottom:26.66667px; } .grid-overflow-wrapper .grid { white-space:nowrap; display:-webkit-box; display:-ms-flexbox; display:flex; } .grid-overflow-wrapper .grid__item { width:66vw; -webkit-box-flex:0; -ms-flex:0 0 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%; margin-right:20px; } .grid-overflow-wrapper .grid__item--view-all { -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center; } .grid-overflow-wrapper .grid-product__content { margin-bottom:0; } [data-aos="overflow__animation"] { -webkit-transform:translateX(100vw); transform:translateX(100vw); transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos="overflow__animation"].aos-animate { -webkit-transform:translateX(0); transform:translateX(0); } } .grid-product__see-all { display:inline-block; padding:20px; text-align:center; border:1px solid #e8e8e1; margin-top:-60px; } .grid-product.aos-animate.unload { opacity:0; transition-duration:0.3s; -webkit-animation:grid-product__loading 1.5s ease infinite 1.5s; animation:grid-product__loading 1.5s ease infinite 1.5s; } .grid-product__colors { line-height:14px; margin-bottom:-2px; } @media only screen and (min-width:590px) { .grid-product__colors { line-height:17px; } } .color-swatch { position:relative; display:inline-block; text-indent:-9999px; overflow-y:hidden; width:14px; height:14px; background-position:center; background-size:cover; background-repeat:no-repeat; margin:0 2px 2px 0; } @media only screen and (min-width:590px) { .color-swatch { width:17px; height:17px; } } .color-swatch:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:2px solid #ffffff; margin:1px; z-index:1; } .color-swatch:after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #e8e8e1; z-index:2; } .skrim__item { overflow:hidden; } .skrim__item-content { position:relative; overflow:hidden; height:100%; width:100%; background: #111111; } .product-navigation .skrim__item-content { background: #111111; } .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:-webkit-transform 2s ease-out 0s; transition:transform 2s ease-out 0s; transition:transform 2s ease-out 0s, -webkit-transform 2s ease-out 0s; } .skrim__item-content .skrim__overlay:after { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.62) 100%); transition:all 0.5s ease; } .skrim__item-content .skrim__overlay:before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:#000; opacity:0; transition:opacity 0.5s ease; } .skrim__item-content .skrim__overlay:hover, .skrim__item-content .skrim__overlay:focus { -webkit-transform:scale(1.05); transform:scale(1.05); } .skrim__item-content .skrim__overlay:hover:before, .skrim__item-content .skrim__overlay:focus: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:center; } .skrim__title { position:absolute; bottom:0; left:0; margin:0 12.5px 12.5px 12.5px; pointer-events:none; color:#fff; transition:bottom 0.5s ease; } @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; } .skrim__underline-me:after { content:''; position:absolute; bottom:0; left:0; width:0%; border-bottom:2px solid #fff; transition:0.5s; } .skrim__link:hover .skrim__underline-me:after { width:100%; } .skrim__link:hover .skrim__title { bottom:10px; } [data-aos="skrim__animation"] .skrim__overlay { -webkit-transform:scale(1.1); transform:scale(1.1); opacity:0; transition:opacity 1s cubic-bezier(0.44, 0.13, 0.48, 0.87), -webkit-transform 1.5s cubic-bezier(0.44, 0.13, 0.48, 0.87); 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); 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), -webkit-transform 1.5s cubic-bezier(0.44, 0.13, 0.48, 0.87); } .no-js [data-aos="skrim__animation"] .skrim__overlay { opacity:1; } [data-aos="skrim__animation"] .skrim__overlay:after { opacity:0; } .no-js [data-aos="skrim__animation"] .skrim__overlay:after { opacity:1; } [data-aos="skrim__animation"].aos-animate .skrim__overlay { opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); } [data-aos="skrim__animation"].aos-animate .skrim__overlay:after { opacity:1; transition-duration:1.5s; } .skrim__item:nth-child(2) .skrim__overlay { transition-delay:0.25s; } .skrim__item:nth-child(3) .skrim__overlay { transition-delay:0.5s; } .skrim__item:nth-child(4) .skrim__overlay { transition-delay:0.13s; } .skrim__item:nth-child(5) .skrim__overlay { transition-delay:0.38s; } .skrim__item:nth-child(6) .skrim__overlay { transition-delay:0.63s; } .skrim__item:nth-child(7) .skrim__overlay { transition-delay:0.25s; } .skrim__item:nth-child(8) .skrim__overlay { transition-delay:0.5s; } .skrim__item:nth-child(9) .skrim__overlay { transition-delay:0.13s; } .skrim__item:nth-child(10) .skrim__overlay { transition-delay:0.38s; } .skrim__item:nth-child(11) .skrim__overlay { transition-delay:0.63s; } .skrim__item:nth-child(12) .skrim__overlay { transition-delay:0.45s; } .custom-content { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; -ms-flex-wrap:wrap; flex-wrap:wrap; width:auto; margin-bottom:-30px; margin-left:-30px; } @media only screen and (max-width:589px) { .custom-content { margin-bottom:-22px; margin-left:-22px; } } .custom__item { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; margin-bottom:30px; padding-left:30px; max-width:100%; } @media only screen and (max-width:589px) { .custom__item { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; padding-left:22px; margin-bottom:22px; } .custom__item.small--one-half { -webkit-box-flex:1; -ms-flex:1 0 50%; flex:1 0 50%; max-width:400px; margin-left:auto; margin-right:auto; } } .custom__item img { display:block; } .custom__item-inner { position:relative; display:inline-block; text-align:left; max-width:100%; width:100%; } .custom__item-inner--video,
.custom__item-inner--html { display:block; } .custom__item-inner--image { width:100%; } .custom__item-inner--html img { display:block; margin:0 auto; } .custom__item-inner--placeholder-image { width:100%; } .align--top-middle { text-align:center; } .align--top-right { text-align:right; } .align--middle-left { -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center; } .align--center { -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center; text-align:center; } .align--middle-right { -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center; text-align:right; } .align--bottom-left { -ms-flex-item-align:end; align-self:flex-end; } .align--bottom-middle { -ms-flex-item-align:end; align-self:flex-end; text-align:center; } .align--bottom-right { -ms-flex-item-align:end; align-self:flex-end; text-align:right; } .article__grid-image { display:block; text-align:center; margin-bottom:20px; } .article__grid-image img { display:block; } .article__date { font-family:'Didact Gothic', sans-serif; letter-spacing:0.025em; line-height:1.6; text-transform:uppercase; letter-spacing:0.2em; margin-bottom:6px; font-size:0.64706em; } @media only screen and (min-width:590px) { .article__date { margin-bottom:4px; font-size:0.76471em; } } .index-section .article__date { margin-bottom:2px; } .article__title { font-size:1.11765em; } @media only screen and (min-width:590px) { .article__title { font-size:1.29412em; } } .article__author { font-size:0.94118em; font-style:italic; margin-top:2px; } .article__grid-meta { margin-bottom:40px; } .logo-bar { text-align:center; margin-bottom:-40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-wrap:wrap; flex-wrap:wrap; } .logo-bar__item { -webkit-box-flex:0; -ms-flex:0 1 110px; flex:0 1 110px; vertical-align:middle; margin:0 20px 26.66667px; } @media only screen and (min-width:590px) { .logo-bar__item { -webkit-box-flex:0; -ms-flex:0 1 160px; flex:0 1 160px; margin:0 26.66667px 40px; } } .logo-bar__image { display:block; margin:0 auto; } .logo-bar__link { display:block; } [data-aos="logo__animation"] .logo-bar__item { opacity:0; } [data-aos="logo__animation"].aos-animate .logo-bar__item { -webkit-animation:fade-in 0.5s ease 0s forwards; animation:fade-in 0.5s ease 0s forwards; } [data-aos="logo__animation"].aos-animate .logo-bar__item:nth-child(2) { -webkit-animation-delay:0.2s; animation-delay:0.2s; } [data-aos="logo__animation"].aos-animate .logo-bar__item:nth-child(3) { -webkit-animation-delay:0.4s; animation-delay:0.4s; } [data-aos="logo__animation"].aos-animate .logo-bar__item:nth-child(4) { -webkit-animation-delay:0.6s; animation-delay:0.6s; } [data-aos="logo__animation"].aos-animate .logo-bar__item:nth-child(5) { -webkit-animation-delay:0.8s; animation-delay:0.8s; } [data-aos="logo__animation"].aos-animate .logo-bar__item:nth-child(6) { -webkit-animation-delay:1.0s; animation-delay:1.0s; } [data-aos="logo__animation"].aos-animate .logo-bar__item:nth-child(7) { -webkit-animation-delay:1.2s; animation-delay:1.2s; } [data-aos="logo__animation"].aos-animate .logo-bar__item:nth-child(8) { -webkit-animation-delay:1.4s; animation-delay:1.4s; } [data-aos="logo__animation"].aos-animate .logo-bar__item:nth-child(9) { -webkit-animation-delay:1.6s; animation-delay:1.6s; } .background-media-text { position:absolute; width:100%; overflow:hidden; background: #111111; } .background-media-text__image,
.background-media-text__video { position:absolute; top:0; left:0; bottom:0; width:100%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; z-index:0; } @media only screen and (max-width:589px) { .background-media-text__video { width:300%; left:-100%; } } .background-media-text__video iframe,
.background-media-text__video video { position:absolute; top:0; left:0; height:100%; width:100%; pointer-events:none; } @media only screen and (min-width:590px) { .background-media-text__video iframe, .background-media-text__video video { height:120%; max-width:none; left:-100%; height:150%; width:300%; } } @media screen and (min-width:1140px) { .background-media-text__video iframe, .background-media-text__video video { width:100%; height:300%; left:auto; top:-100%; } } .background-media-text__inner { position:absolute; z-index:1; width:100%; } .background-media-text__aligner { margin:80px 40px; } .background-media-text__text { text-align:left; background: #ffffff; padding:40px; width:380px; } .background-media-text__text .btn.btn.btn.btn { margin-top:20px; } @media only screen and (min-width:590px) { .background-media-text--right .animation-cropper { float:right; } } @media only screen and (max-width:589px) { .background-media-text { position:relative; } .background-media-text__inner { position:relative; } .background-media-text__image, .background-media-text__video { position:relative; height:240px; } .background-media-text__aligner { margin:-11px -11px 11px; } .background-media-text__text { padding:30px; width:auto; } .background-media-text.loading:before, .background-media-text.loading:after { top:117px; } } @media only screen and (min-width:590px) { .background-media-text__spacer.background-media-text--450, .background-media-text--450, .background-media-text--450 .background-media-text__image, .background-media-text--450 .background-media-text__video { min-height:450px; } .background-media-text__spacer.background-media-text--550, .background-media-text--550, .background-media-text--550 .background-media-text__image, .background-media-text--550 .background-media-text__video { min-height:550px; } .background-media-text__spacer.background-media-text--650, .background-media-text--650, .background-media-text--650 .background-media-text__image, .background-media-text--650 .background-media-text__video { min-height:650px; } .background-media-text__spacer.background-media-text--750, .background-media-text--750, .background-media-text--750 .background-media-text__image, .background-media-text--750 .background-media-text__video { min-height:750px; } } [data-aos="background-media-text__animation"] .background-media-text__image.lazyloaded,
[data-aos="background-media-text__animation"] .background-media-text__image svg,
[data-aos="background-media-text__animation"] .background-media-text__video { opacity:0; } .no-js [data-aos="background-media-text__animation"] .background-media-text__image.lazyloaded, .no-js [data-aos="background-media-text__animation"] .background-media-text__image svg, .no-js [data-aos="background-media-text__animation"] .background-media-text__video { -webkit-animation:none; animation:none; opacity:1; } [data-aos="background-media-text__animation"].aos-animate .background-media-text__image.lazyloaded,
[data-aos="background-media-text__animation"].aos-animate .background-media-text__image svg,
[data-aos="background-media-text__animation"].loaded.aos-animate .background-media-text__video { -webkit-animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; transition:none; } @media only screen and (min-width:590px) { [data-aos="background-media-text__animation"] .background-media-text__inner .animation-contents { opacity:0; } .no-js [data-aos="background-media-text__animation"] .background-media-text__inner .animation-contents { -webkit-animation:none; animation:none; opacity:1; } [data-aos="background-media-text__animation"].loaded.aos-animate .background-media-text__inner .animation-contents { -webkit-animation:rise-up 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.5s forwards; animation:rise-up 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.5s forwards; } } .large-image { position:relative; width:100%; overflow:hidden; background: #111111; } .large-image__image { position:absolute; top:0; left:0; bottom:0; width:100%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; z-index:0; } .large-image--250 { height:162px; } .large-image--350 { height:227px; } .large-image--450 { height:292px; } .large-image--550 { height:357px; } .large-image--650 { height:422px; } .large-image--750 { height:487px; } @media only screen and (min-width:590px) { .large-image--250 { height:250px; } .large-image--350 { height:350px; } .large-image--450 { height:450px; } .large-image--550 { height:550px; } .large-image--650 { height:650px; } .large-image--750 { height:750px; } } [data-aos="large-image__animation"] .large-image__image { -webkit-animation:fade-out 0.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation:fade-out 0.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; opacity:0; } [data-aos="large-image__animation"].aos-animate .large-image__image { -webkit-animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; } .quote-icon { display:block; margin:0 auto 20px; } .testimonials-slider__text { padding:0; margin-bottom:60px; } .slick-slider .testimonials-slider__text { margin-right:40px; margin-bottom:0; } .text-center .slick-slider .testimonials-slider__text { margin-left:20px; margin-right:20px; } .testimonials-slider__text cite { font-family:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; font-size:1.11765em; font-style:normal; } .testimonials-slider__text p { margin-bottom:10px; } .testimonials-slider__text p + cite { margin-top:0; } .testimonail-image { max-width:142px; background-color: #ffffff; } .text-center .testimonail-image { margin-left:auto; margin-right:auto; } .testimonail-image--round { width:142px; height:142px; max-width:none; border-radius:142px; } .testimonail-image--round img { overflow:hidden; border-radius:142px; } .testimonials-slider.slick-initialized { cursor:-webkit-grab; 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; } } .testimonials-wrapper .slick-dots { position:relative; bottom:0; margin-top:20px; } .testimonials-wrapper .slick-dots li button::before { background-color: #000000; } .testimonials-wrapper .slick-slide[tabindex="0"] { outline:none; } .announcement { position:relative; z-index:29; transition:height 0.5s cubic-bezier(0, 0, 0.38, 1); overflow:hidden; background-color: rgba(28, 29, 29, 1); color: #ffffff; } .announcement--opening { height:0; } .announcement--opening .announcement__text { opacity:1; } .announcement--opening .announcement__close { opacity:1; } .announcement--closed { transition:height 0.3s cubic-bezier(0, 0, 0.38, 1); height:0 !important; } .announcement__text { display:block; padding:5px 20px 4px; font-size:0.82353em; opacity:0; transition:opacity 0.75s ease 0.5s; } @media only screen and (min-width:590px) { .announcement__text { text-align:center; padding:6px 20px 5px; font-size:0.94118em; } } .announcement__text--open { opacity:1; } .announcement__link { display:block; color: #ffffff; } .announcement__link:hover { color: #ffffff; } .announcement__close { display:block; position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); padding:0 10px; z-index:2; opacity:0; transition:opacity 2s ease 0.8s; cursor:pointer; z-index:2; } .announcement__close .icon { color: #ffffff; width:20px; height:20px; vertical-align:middle; } @media only screen and (min-width:590px) { .announcement__close .icon { width:22px; height:22px; } } .shoplazza-challenge__container { padding:30px 22px; } @media only screen and (min-width:590px) { .shoplazza-challenge__container { padding:120px 0; } } .newsletter { margin:0 auto; max-width:520px; } .newsletter-section .errors { margin-left:auto; margin-right:auto; max-width:520px; } .modal .newsletter .h1 { margin-bottom:20px; font-size:1.6em; } @media only screen and (min-width:590px) { .modal .newsletter .h1 { font-size:1.8em; margin-bottom:40px; } } .modal .newsletter p,
.newsletter-section .rte p { font-size:1em; margin-bottom:20px; } @media only screen and (min-width:590px) { .modal .newsletter p, .newsletter-section .rte p { font-size:1.11765em; } } .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:1em; } @media only screen and (min-width:590px) { .modal .newsletter input { font-size:1.05882em; } } .modal .newsletter .text-close { text-decoration:underline; } .newsletter__input-group { background-color: #ffffff; margin:0 auto 20px; max-width:400px; } .newsletter__input::-webkit-input-placeholder { color: #000000; opacity:1; } .newsletter__input:-moz-placeholder { color: #000000; opacity:1; } .newsletter__input::-moz-placeholder { color: #000000; opacity:1; } .newsletter__input:-ms-input-placeholder { color: #000000; } .newsletter__input::-ms-input-placeholder { color: #000000; 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; white-space:nowrap; } .form__submit--small { display:none; } } div[data-section-type="fading-images"] { overflow:hidden; } .fading-images { position:relative; overflow:hidden; display:table; width:100%; background: #111111; -webkit-transform:translateZ(0); transform:translateZ(0); } .fading-images-overlay__overlay { position:relative; } .fading-images-overlay__overlay::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; z-index:3; } .fading-images-overlay__inner { position:relative; display:table-cell; vertical-align:middle; padding:40px 0; z-index:3; color:#fff; } .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 { margin:0; } .fading-images-overlay__titles .animation-cropper { display:block; } .fading-images-overlay__title { font-family:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; } .active-titles .fading-images-overlay__title { -webkit-animation:rise-up 1.2s forwards; animation:rise-up 1.2s forwards; } .finished-titles .fading-images-overlay__title { -webkit-animation:rise-up-out 0.75s forwards; animation:rise-up-out 0.75s forwards; } .active-image.lazyloaded { -webkit-animation:kenburns 7s linear forwards; animation:kenburns 7s linear forwards; z-index:2; } .finished-image.lazyloaded { -webkit-animation:kenburns-out 1s linear forwards; animation:kenburns-out 1s linear forwards; z-index:1; } .fading-images--250 { height:162px; } .fading-images--350 { height:227px; } .fading-images--450 { height:292px; } .fading-images--550 { height:357px; } .fading-images--650 { height:422px; } .fading-images--750 { height:487px; } @media only screen and (min-width:590px) { .fading-images--250 { height:250px; } .fading-images--350 { height:350px; } .fading-images--450 { height:450px; } .fading-images--550 { height:550px; } .fading-images--650 { height:650px; } .fading-images--750 { height:750px; } } @media only screen and (max-width:589px) { .instagram-section .grid__item:nth-child(5), .instagram-section .grid__item:nth-child(6), .instagram-section .grid__item:nth-child(7), .instagram-section .grid__item:nth-child(8), .instagram-section .grid__item:nth-child(9), .instagram-section .grid__item:nth-child(10) { display:none; } } .instagram-section .placeholder-svg { padding:0; } .instagram-feed-wrap { position:relative; } .instagram-feed-wrap .grid { position:absolute; left:0; right:0; top:0; } .instagram-feed-wrap .placeholder-svg { padding:0; } .instagram-feed-wrap--1 .grid__item:nth-child(6),
.instagram-feed-wrap--1 .grid__item:nth-child(7) { display:none; } .instagram-feed-wrap--2 .grid__item:nth-child(11),
.instagram-feed-wrap--2 .grid__item:nth-child(12) { display:none; } .instagram-feed-wrap__reflow-fix { width:20%; } @media only screen and (max-width:589px) { .instagram-feed-wrap__reflow-fix { width:50%; } } .instagram-feed-wrap__reflow-fix:after { content:''; display:block; height:0; padding-bottom:100%; } @media only screen and (max-width:589px) { .instagram-feed-wrap__reflow-fix:after { padding-bottom:200%; } } .instagram-feed-wrap--2 .instagram-feed-wrap__reflow-fix:after { padding-bottom:200%; } .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%; } .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: #ffffff; padding:40px; margin-top:40px; width:100%; z-index:3; } @media only screen and (min-width:590px) { .map-section__overlay { position:absolute; left:40px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); margin-top:0; width:30%; } } .map-section--load-error .map-section__overlay { position:static; -webkit-transform:translateY(0); 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; 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-aos="map-section__animation"] .map-section__container { -webkit-animation:fade-out 0.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation:fade-out 0.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; will-change:opacity, transform; opacity:0; } [data-aos="map-section__animation"].aos-animate .map-section__container { -webkit-animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; } .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; } .cart__header-labels { font-family:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; text-transform:uppercase; letter-spacing:0.2em; } .cart__row { position:relative; margin-bottom:40px; } .cart__row:first-child { border-bottom:1px solid #e8e8e1; padding-bottom:20px; } .cart__row:last-child { border-top:1px solid #e8e8e1; padding-top:20px; } .cart__row .js-qty__wrapper { margin:0 auto; } .cart__row .btn, .cart__row .additional_checkout_buttons { margin-top:20px; } .cart__row .additional-checkout-button + .additional-checkout-button { margin-left:20px; } .cart__checkout { margin-top:20px; } .drawer__cart .cart__checkout { margin-top:10px; } @media only screen and (min-width:590px) { .update-cart + .cart__checkout { margin-left:20px; } } .cart__row--table { display:table; table-layout:fixed; width:100%; } .cart__row--table .grid__item { display:table-cell; vertical-align:middle; float:none; } @media only screen and (min-width:590px) { .cart__row--table-large { display:table; table-layout:fixed; width:100%; } .cart__row--table-large .grid__item { display:table-cell; vertical-align:middle; float:none; } } .cart__image { display:block; } .cart__image img { width:100%; display:block; } @media only screen and (max-width:768px) { .cart__image { margin-bottom:20px; } } .cart__product-name { margin-bottom:0; } .cart__product-qty { text-align:center; margin:0 auto; max-width:80px; } .cart__discount { padding-top:3px; } .cart__note { margin:0; } @media only screen and (min-width:590px) { .cart__note { padding-right:40px; } } .cart__product-meta { margin-bottom:0; } .additional_checkout_buttons { margin-bottom:-10px; } .cart__row .additional_checkout_buttons { margin-bottom:-20px; } .additional_checkout_buttons .additional-checkout-button { min-width:140px !important; margin-bottom:10px !important; } .cart__row .additional_checkout_buttons .additional-checkout-button { margin-bottom:20px !important; } .drawer__cart .additional_checkout_buttons { margin:10px 0 -10px -10px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .drawer__cart .additional_checkout_buttons .additional-checkout-button { -webkit-box-flex:1; -ms-flex:1 1 46%; flex:1 1 46%; margin-left:10px !important; } .additional_checkout_buttons > *:not(script) { padding:15px 0 0 15px; vertical-align:top; line-height:1; } @media only screen and (max-width:589px) { .additional_checkout_buttons > *:not(script) { padding:15px 0 0 5px; } } .additional_checkout_buttons > *:not(script):first-child, .additional_checkout_buttons > *:not(script):empty { padding-left:0px; } .product-single__meta { display:flex; flex-direction:column; padding-left:45px; } @media only screen and (max-width:589px) { .product-single__meta { padding-left:0; margin-top:20px; } } .product-single__meta .social-sharing { margin-top:20px; } @media only screen and (min-width:590px) { .product-single__meta .social-sharing { margin-top:40px; } } .product-single__vendor { font-family:'Didact Gothic', sans-serif; letter-spacing:0.025em; line-height:1.6; text-transform:uppercase; letter-spacing:0.2em; font-size:0.70588em; margin-bottom:10px; } .product-single__title { font-size:1.41176em; margin-bottom:6.66667px; word-wrap:break-word; } @media only screen and (min-width:590px) { .product-single__title { font-size:29px; margin-bottom:10px; } } .product-single__review-link { display:inline-block; min-height:35px; } .product-single__review-link .spr-badge-starrating { margin-right:8px; } .product-single__review-link .spr-badge-caption { font-size:0.94118em; } .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: #ffffff; } .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; } @media only screen and (max-width:589px) { .product__video-wrapper[data-video-type="vimeo"].loaded:before { display:none; } } .product__video-wrapper.loading:before { background:rgba(0, 0, 0, 0.15); } .product__video-wrapper.loading:after { background:black; } .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__photos--beside { display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; } .product__photos a { display:block; max-width:100%; } .product__photos img { display:block; margin:0 auto; max-width:100%; width:100%; } .photo-zoom-link { position:relative; background-color: #ffffff; } .photo-zoom-link--enable { cursor:zoom-in; } .photo-zoom-linked { cursor:zoom-out; background-color: #ffffff; } .product__main-photos { position:relative; overflow:hidden; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; } @media only screen and (min-width:590px) { .product__main-photos { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; } } .product__main-photos img { display:none; } .product__main-photos .starting-slide img, .product__main-photos .slick-initialized img { display:block; } .product__main-photos .secondary-slide:not(.slick-slide) { 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 { -webkit-box-flex:0; -ms-flex:0 0 60px; flex:0 0 60px; max-width:60px; margin-left:11px; } @media only screen and (min-width:590px) { .product__thumbs--beside { -webkit-box-flex:0; -ms-flex:0 0 80px; 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.slick-current { border-color: #000000; } .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; } @media only screen and (min-width:590px) { .product__thumbs--below .product__thumb-item { margin-right:20px; } } .product__thumbs--below .product__thumb-item:last-child { margin-right:0; } .product__thumbs--below:not(.slick-initialized) .product__thumb-item { max-width:100px; float:left; } .product__thumb { position:relative; display:block; cursor:pointer; } .product__thumb-play { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background-color: #111111; border-radius:100px; padding:7px; z-index:1; opacity:0; transition:opacity 0.5s ease; font-size:0; } .aos-animate .product__thumb-play { opacity:1; } .product__thumb-play .icon { fill: #ffffff; width:24px; height:24px; } @media only screen and (min-width:590px) { .product__thumb-play .icon { width:30px; height:30px; } } .product__price { font-size:1.23529em !important; color:#000 !important; } @media only screen and (min-width:590px) { .product__price { font-size:1.47059em !important; } } .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:20px; } @media only screen and (min-width:590px) { .product__quantity { margin-bottom:40px; } } .product__quantity label { display:block; margin-bottom:10px; } .product__quantity--dropdown { display:inline-block; } .add-to-cart[disabled] + .shoplazza-payment-button { display:none; } .template-blog .article { margin-bottom:60px; } @media only screen and (min-width:590px) { .template-blog .article { margin-bottom:120px; } } .template-blog .article:last-child { margin-bottom:0; } @media only screen and (min-width:590px) { .template-blog .article:last-child { margin-bottom:60px; } } .article__date,
.article__h3,
.article .section-header__title { margin-bottom:5px; } @media only screen and (min-width:590px) { .article__date, .article__h3, .article .section-header__title { margin-bottom:10px; } } .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:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; } @media only screen and (max-width:589px) { .article--layout { -ms-flex-wrap:wrap; flex-wrap:wrap; } } .article__content { width:100%; } .article__image-wrap { position:relative; -webkit-box-flex:1; -ms-flex:1 1 100%; flex:1 1 100%; height:200px; margin:40px 0; } .article__image-wrap--empty { height:0; margin:0; } .article__image--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) { .article__content { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; padding:40px 40px 40px 0; width:100%; max-width:50%; } .article__content--right { padding:40px 0 40px 40px; } .article__image-wrap { position:static; height:450px; margin:0; } .article__image-wrap--right { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; } .article__image { position:absolute; left:0; right:50%; width:auto; height:450px; min-width:0; } .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:center center; z-index:1; -webkit-animation:zoom-fade-password 20s ease 1s forwards; 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: #000000; } .password-page__wrapper a { color:inherit; } .password-page__wrapper hr, .password-page__wrapper .hr--small, .password-page__wrapper .hr--medium, .password-page__wrapper .hr--large { border-color: #e8e8e1; } .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:'Fjalla One', sans-serif; font-weight:400; letter-spacing:0em; line-height:1.2; font-size:2.47059em; text-transform:none; } @media only screen and (min-width:590px) { .password-page__hero { font-size:3.52941em; } } @media only screen and (min-width:590px) { .password-page__hero { font-size:3.76471em; } } .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:'Didact Gothic', sans-serif; letter-spacing:0.025em; line-height:1.6; text-transform:uppercase; letter-spacing:0.2em; 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:25.5px; font-size:80%; } @media only screen and (max-width:589px) { #LoginModal .modal__close { padding:20px; } } #LoginModal .modal__inner { background: #ffffff; color: #000000; 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 #e8e8e1 !important; } .theme_fix { position:relative; } .sep-loading { position:fixed; top:0; left:0; z-index:1060; display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:rgba(255, 255, 255, 0.8); } .sep-loading__content, .sep-loading__content::after { width:3em; height:3em; border-radius:50%; } .sep-loading__content { position:relative; font-size:10px; border-top:0.16em solid #f0f0f0; border-right:0.16em solid #f0f0f0; border-bottom:0.16em solid #f0f0f0; border-left:0.16em solid #c4c4c4; transform:translateZ(0); animation:load 1.1s infinite linear; } @keyframes load { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } } .sep-toast { position:fixed; z-index:1060; background:#fff; color:#000; font-size:16px; width:480px; min-height:56px; line-height:1.5; padding:15px; border-radius:4px; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2); text-align:center; top:50%; left:50%; transform:scale(0.5); } @media (max-width:767.98px) { .sep-toast { width:262px; min-height:41px; font-size:14px; padding:10px 12px; box-shadow:0 2px 6px 2px rgba(0, 0, 0, 0.15); } } .sep-toast.error { color:#b60400; } .sep-toast.show { transform:scale(1); } .sep-toast.isShowing { transition:transform 0.3s ease-out; } .sep-toast.isLeave { transform:scale(0.5); opacity:0; transition:all 0.3s ease-out; } .rte img { height:auto; } .rte table { border-collapse:separate; } .newsletter__input-group .btn { white-space:nowrap; } .dj_skin_product_variants_selected::before { border:2px solid #111111 !important; } .multiply_currency_pc { display:inline-block; } @media screen and (max-width:768px) { .multiply_currency_pc { display:none; } } .slick-track > div { transform:translate3d(0px, 0px, 0px); } body { padding-bottom:constant(safe-area-inset-bottom); padding-bottom:env(safe-area-inset-bottom); } .common__img-wrapper_lazy { background:#f1f1f1; position:relative; display:block; width:100%; } .common__img-wrapper_lazy img { max-width:100%; height:auto; max-height:100%; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; } .common__img-wrapper_lazy img.img-full-width { width:100%; height:unset; max-height:unset; margin:unset; }