/** Shopify CDN: Minification failed Line 15:0 All "@import" rules must come first Line 93:0 Expected identifier but found "*" Line 348:12 Expected identifier but found "*" Line 367:0 Expected identifier but found "*" **/ @font-face { font-family:"Work Sans"; font-weight:600; font-style:normal; src:url("/cdn/fonts/work_sans/worksans_n6.136d99375282ffb6ea8c3dc4a8fe189c7be691b2.woff2?h1=bmF0dXJlc25vdGVvcmdhbmljcy5jb20&hmac=50d7e877716f080c7cc8d1f16783fe1dd62b3e615f4bcbd90d8e4f80938d924a") format("woff2"), url("/cdn/fonts/work_sans/worksans_n6.399ae4c4dd52d38e3f3214ec0cc9c61a0a67ea08.woff?h1=bmF0dXJlc25vdGVvcmdhbmljcy5jb20&hmac=dc5be935dbe6486d26833c4b9beb2083d7df73087edf0d1eac20b05ab83f4bf2") format("woff") } @font-face { font-family:"Work Sans"; font-weight:400; font-style:normal; src:url("/cdn/fonts/work_sans/worksans_n4.29e3afeb38a0ba35e784cf169a40e8beaf814daa.woff2?h1=bmF0dXJlc25vdGVvcmdhbmljcy5jb20&hmac=50ea4148a5b3baeb3af876e624a2feb6b7e28149dcd7a287f6ba7575d7dff45c") format("woff2"), url("/cdn/fonts/work_sans/worksans_n4.e7c533c4afbed28070f6ac45dbcfe6f37840c0a8.woff?h1=bmF0dXJlc25vdGVvcmdhbmljcy5jb20&hmac=5672cc631fa9f16b75ab9fc03d6c290e46e2bf1b73c2ad63d390d9a749b23615") format("woff") } @font-face { font-family:"Work Sans"; font-weight:700; font-style:normal; src:url("/cdn/fonts/work_sans/worksans_n7.35eac55373d3da50c529c81066eb2f2f0fbedb82.woff2?h1=bmF0dXJlc25vdGVvcmdhbmljcy5jb20&hmac=0780bc9472fa996dc95e86da676877eb7df51a5e3867efcc744c3f9871b03b0b") format("woff2"), url("/cdn/fonts/work_sans/worksans_n7.1b010d40a44f517d5363112c4aff386332758bc9.woff?h1=bmF0dXJlc25vdGVvcmdhbmljcy5jb20&hmac=b1b40a8c45b94cc878d92c58f4348127492604ab6277bedadd856d3185ed1472") format("woff") } @font-face { font-family:"Work Sans"; font-weight:700; font-style:normal; src:url("/cdn/fonts/work_sans/worksans_n7.35eac55373d3da50c529c81066eb2f2f0fbedb82.woff2?h1=bmF0dXJlc25vdGVvcmdhbmljcy5jb20&hmac=0780bc9472fa996dc95e86da676877eb7df51a5e3867efcc744c3f9871b03b0b") format("woff2"), url("/cdn/fonts/work_sans/worksans_n7.1b010d40a44f517d5363112c4aff386332758bc9.woff?h1=bmF0dXJlc25vdGVvcmdhbmljcy5jb20&hmac=b1b40a8c45b94cc878d92c58f4348127492604ab6277bedadd856d3185ed1472") format("woff") } @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap'); /* font-family: 'Roboto', sans-serif; */ @font-face { font-family:"Gothic_century"; src:url("GOTHIC.TTF") format("trueType"); } .slick-slider { position:relative; display:block; box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent } .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); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } .slick-track { position:relative; left:0; top:0; display:block } .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; border:1px solid transparent } .slick-arrow.slick-hidden { display:none } .slick-loading .slick-list { background:#fff url(/cdn/shop/t/3/assets/ajax-loader.gif?v=4135686330247201572) center center no-repeat } .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%); -ms-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: 'Roboto', 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:"\2190" } [dir="rtl"] .slick-prev:before { content:"\2192" } .slick-next { right:-25px } [dir="rtl"] .slick-next { left:-25px; right:auto } .slick-next:before { content:"\2192" } [dir="rtl"] .slick-next:before { content:"\2190" } .slick-dotted.slick-slider { margin-bottom:30px } .slick-dots { list-style:none; display:block; text-align:center; padding:0; margin:0 } .slick-dots li { position:relative; display:inline-block; height:20px; width:20px; margin:0 5px; padding:0; cursor:pointer } .slick-dots li button, .slick-dots li a { 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, .slick-dots li a:hover:before, .slick-dots li a:focus:before { opacity:1 } .slick-dots li button:before, .slick-dots li a:before { position:absolute; top:0; left:0; content:"\2022"; width:20px; height:20px; font-family: 'Roboto', 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 } *, *::before, *::after { box-sizing:border-box } body { margin:0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display:block } body, input, textarea, button, select { -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100% } a { background-color:transparent } b, strong { font-weight:700 } em { font-style:italic } small { font-size:80% } sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup { top:-0.5em } sub { bottom:-0.25em } img { max-width:100%; border:0 } button, input, optgroup, select, textarea { color:inherit; font:inherit; margin:0 } button[disabled], html input[disabled] { cursor:default } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style:none; padding:0 } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline:1px dotted ButtonText } input[type="search"], input[type="number"], input[type="email"], input[type="password"] { -webkit-appearance:none; -moz-appearance:none } table { width:100%; border-collapse:collapse; border-spacing:0 } td, th { padding:0 } textarea { overflow:auto; -webkit-appearance:none; -moz-appearance:none } a, button, [role="button"], input, label, select, textarea { touch-action:manipulation } .grid { *zoom:1; list-style:none; margin:0; padding:0; margin-left:-30px } .grid::after { content:''; display:table; clear:both } .product-slider {margin:0;padding:0;clear:both;overflow:hidden;} .product-slider .product-list {margin:0;padding:0;} .owl-carousel .owl-item > .grid__item {width:100%;padding:10px;margin:0;} @media only screen and (max-width: 749px) { .grid { margin-left:-22px } } .grid__item { float:left; padding-left:30px; width:100% } @media only screen and (max-width: 749px) { .grid__item { padding-left:22px } } .grid__item[class*="--push"] { position:relative } .grid--rev { direction:rtl; text-align:left } .grid--rev>.grid__item { direction:ltr; text-align:left; float:right } .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: 749px) { .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 } .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 (min-width: 992px) { .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 } .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 (max-width: 749px) { .small--push-one-half { left:50% } .small--push-one-third { left:33.33333% } .small--push-two-thirds { left:66.66667% } .small--push-one-quarter { left:25% } .small--push-two-quarters { left:50% } .small--push-three-quarters { left:75% } .small--push-one-fifth { left:20% } .small--push-two-fifths { left:40% } .small--push-three-fifths { left:60% } .small--push-four-fifths { left:80% } .small--push-one-sixth { left:16.66667% } .small--push-two-sixths { left:33.33333% } .small--push-three-sixths { left:50% } .small--push-four-sixths { left:66.66667% } .small--push-five-sixths { left:83.33333% } .small--push-one-eighth { left:12.5% } .small--push-two-eighths { left:25% } .small--push-three-eighths { left:37.5% } .small--push-four-eighths { left:50% } .small--push-five-eighths { left:62.5% } .small--push-six-eighths { left:75% } .small--push-seven-eighths { left:87.5% } .small--push-one-tenth { left:10% } .small--push-two-tenths { left:20% } .small--push-three-tenths { left:30% } .small--push-four-tenths { left:40% } .small--push-five-tenths { left:50% } .small--push-six-tenths { left:60% } .small--push-seven-tenths { left:70% } .small--push-eight-tenths { left:80% } .small--push-nine-tenths { left:90% } .small--push-one-twelfth { left:8.33333% } .small--push-two-twelfths { left:16.66667% } .small--push-three-twelfths { left:25% } .small--push-four-twelfths { left:33.33333% } .small--push-five-twelfths { left:41.66667% } .small--push-six-twelfths { left:50% } .small--push-seven-twelfths { left:58.33333% } .small--push-eight-twelfths { left:66.66667% } .small--push-nine-twelfths { left:75% } .small--push-ten-twelfths { left:83.33333% } .small--push-eleven-twelfths { left:91.66667% } } @media only screen and (min-width: 992px) { .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% } } .clearfix { *zoom:1 } .clearfix::after { content:''; display:table; clear:both } .visually-hidden, .icon__fallback-text { position:absolute !important; overflow:hidden; clip:rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0 } .visibility-hidden { visibility:hidden } .visually-hidden--inline { margin:0; height:1em } .visually-hidden--static { position:static !important } .js-focus-hidden:focus { outline:none } .no-js:not(html) { display:none } .no-js .no-js:not(html) { display:block } .no-js .js { display:none } .hide { display:none !important } .skip-link:focus { clip:auto; width:auto; height:auto; margin:0; color:#3d4246; background-color:#fff; padding:10px; opacity:1; z-index:10000; transition:none } .box { background:no-repeat; background-color:#f7f7f7; background-size:contain } .ratio-container { position:relative } .ratio-container:after { content:''; display:block; height:0; width:100%; padding-bottom:50%; content:"" } .ratio-container>* { position:absolute; top:0; left:0; width:100%; height:100% } body, html { background-color:#fff } .page-width { *zoom:1; max-width:1320px; margin:0 auto } .page-width::after { content:''; display:table; clear:both } .main-content { display:block; } .section-header { margin-bottom:35px } @media only screen and (min-width: 750px) { .section-header { margin-bottom:55px } } .section-header a { border-bottom:1px solid currentColor } blockquote { font-size:1.125em; font-style:normal; text-align:center; padding:0 30px; margin:0 } .rte blockquote { border-color:#e8e9eb; border-width:1px 0; border-style:solid; padding:30px 0; margin-bottom:27.5px } blockquote p+cite { margin-top:27.5px } blockquote cite { display:block; font-size:0.85em; font-weight:400 } blockquote cite::before { content:'\2014 \0020' } code, pre { font-family:Consolas, monospace; font-size:1em } pre { overflow:auto } body, input, textarea, button, select { font-size:16px; font-family: 'Roboto', sans-serif; font-style:normal; font-weight:400; color:#3d4246; line-height:1.5 } @media only screen and (max-width: 989px) { input, textarea, select, button { font-size:16px } } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin:0 0 17.5px; font-family: 'Roboto', sans-serif; font-style:normal; font-weight:600; line-height:1.2; overflow-wrap:break-word; word-wrap:break-word } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { color:inherit; text-decoration:none; font-weight:inherit } h1, .h1 { font-size:2.1875em; text-transform:none; letter-spacing:0 } @media only screen and (max-width: 749px) { h1, .h1 { font-size:2em } } h2, .h2 { font-size:36px;} @media only screen and (max-width: 749px) { h2, .h2 { font-size:1.125em } } h3, .h3 { font-size:1.625em; text-transform:none; letter-spacing:0 } @media only screen and (max-width: 749px) { h3, .h3 { font-size:1.25em } } h4, .h4 { font-size:1.0625em } @media only screen and (max-width: 749px) { h4, .h4 { font-size:0.9375em } } h5, .h5 { font-size:0.9375em } @media only screen and (max-width: 749px) { h5, .h5 { font-size:0.8125em } } h6, .h6 { font-size:0.875em } @media only screen and (max-width: 749px) { h6, .h6 { font-size:0.75em } } .rte { color:#333333; margin-bottom:35px } .rte:last-child { margin-bottom:0 } .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:55px; margin-bottom:27.5px } .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 li { margin-bottom:4px; list-style:inherit } .rte li:last-child { margin-bottom:0 } .rte-setting { margin-bottom:19.44444px } .rte-setting:last-child { margin-bottom:0 } p { color:#333333; margin:0 0 19.44444px } @media only screen and (max-width: 749px) { p { font-size:0.9375em } } p:last-child { margin-bottom:0 } li { list-style:none } .fine-print { font-size:0.875em; font-style:italic } .txt--minor { font-size:80% } .txt--emphasis { font-style:italic } .address { margin-bottom:55px } .mega-title, .mega-subtitle { color:#fff } .hero .mega-title, .hero .mega-subtitle { text-shadow:0 0 4px rgba(0,0,0,0.4) } @media only screen and (min-width: 750px) { .mega-title, .mega-subtitle { text-shadow:0 0 4px rgba(0,0,0,0.4) } } .mega-title { margin-bottom:8px } .mega-title--large { font-size:2.125em } @media only screen and (min-width: 750px) { .mega-title--large { font-size:4.0625em } } @media only screen and (min-width: 750px) { .mega-subtitle { font-size:1.25em; margin:0 auto } .text-center .mega-subtitle { max-width:75% } } .mega-subtitle p { color:#fff } .mega-subtitle a { color:#fff; border-bottom:1px solid currentColor } .mega-subtitle a:hover, .mega-subtitle a:focus { color:#e6e6e6 } .mega-subtitle--large { font-size:1.125em; font-weight:600 } @media only screen and (min-width: 750px) { .mega-subtitle--large { font-size:1.5em } } .is-transitioning { display:block !important; visibility:visible !important } .icon { display:inline-block; width:20px; height:20px; vertical-align:middle; fill:currentColor } .no-svg .icon { display:none } 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 } svg.icon:not(.icon--full-color) .icon-error__symbol, symbol.icon:not(.icon--full-color) .icon-error__symbol { fill:#ffffff } .no-svg .icon__fallback-text { position:static !important; overflow:inherit; clip:none; height:auto; width:auto; margin:0 } .payment-icons { -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; cursor:default } @media only screen and (max-width: 749px) { .payment-icons { line-height:40px } } .payment-icons .icon { width:38px; height:24px; fill:inherit } .social-icons .icon { width:23px; height:23px } @media only screen and (min-width: 750px) { .social-icons .icon { width:25px; height:25px } } .social-icons .icon.icon--wide { width:40px } .icon-spinner { -moz-animation:spin 500ms infinite linear; -o-animation:spin 500ms infinite linear; -webkit-animation:spin 500ms infinite linear; animation:spin 500ms infinite linear } .icon-error { fill:#d20000; width:0.875em; height:0.875em; margin-top:0.1em; flex-shrink:0 } ul, ol { margin:0; padding:0 } ol { list-style:decimal } .list--inline { padding:0; margin:0 } .list--inline>li { display:inline-block; margin-bottom:0; vertical-align:middle } .rte img { height:auto } .rte table { table-layout:fixed } .rte ul, .rte ol { margin:0 0 17.5px 35px } .rte ul.list--inline, .rte ol.list--inline { margin-left:0 } .rte ul { list-style:disc outside } .rte ul ul { list-style:circle outside } .rte ul ul ul { list-style:square outside } .rte a:not(.btn) { border-bottom:1px solid currentColor; padding-bottom:1px } .text-center.rte ul, .text-center.rte ol, .text-center .rte ul, .text-center .rte ol { margin-left:0; list-style-position:inside } .scrollable-wrapper { max-width:100%; overflow:auto; -webkit-overflow-scrolling:touch } a { color:#3d4246; text-decoration:none } a:not([disabled]):hover, a:focus { color:#25282b } a.classic-link { text-decoration:underline } a[href^="tel"] { color:inherit } .btn, .shopify-payment-button .shopify-payment-button__button--unbranded { -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; display:inline-block; width:auto; text-decoration:none; text-align:center; vertical-align:middle; cursor:pointer; border:1px solid transparent; border-radius:0; padding:8px 15px; background-color:#333333; color:#fff; font-family: 'Roboto', sans-serif; font-style:normal; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; white-space:normal; font-size:14px } @media only screen and (min-width: 750px) { .btn, .shopify-payment-button .shopify-payment-button__button--unbranded { padding:10px 18px } } .btn:not([disabled]):hover, .shopify-payment-button .shopify-payment-button__button--unbranded:not([disabled]):hover, .btn:focus, .shopify-payment-button .shopify-payment-button__button--unbranded:focus { color:#fff; background-color:#333333 } .btn .icon-arrow-right, .shopify-payment-button .shopify-payment-button__button--unbranded .icon-arrow-right, .btn .icon-arrow-left, .shopify-payment-button .shopify-payment-button__button--unbranded .icon-arrow-left { height:9px } .btn[disabled], .shopify-payment-button [disabled].shopify-payment-button__button--unbranded, .btn[aria-disabled], .shopify-payment-button [aria-disabled].shopify-payment-button__button--unbranded { cursor:default; opacity:0.5 } .btn--secondary { background-color:transparent; color:#557b97; border-color:#557b97 } .btn--secondary:not([disabled]):hover, .btn--secondary:focus { background-color:transparent; color:#333333; border-color:#333333 } .btn--secondary-accent { background-color:#fff; color:#557b97; border-color:#557b97 } .btn--secondary-accent:not([disabled]):hover, .btn--secondary-accent:focus { background-color:#fff; color:#333333; border-color:#333333 } .btn--small { padding:8px 10px; font-size:0.75em; line-height:1 } .btn--tertiary { background-color:transparent; color:#3d4246; border-color:#3d4246 } .btn--tertiary:not([disabled]):hover, .btn--tertiary:focus { background-color:transparent; color:#25282b; border-color:#25282b } @media only screen and (max-width: 749px) { .btn--small-wide { padding-left:50px; padding-right:50px } } .btn--link { background-color:transparent; border:0; margin:0; color:#3d4246; text-align:left } .btn--link:not([disabled]):hover, .btn--link:focus { color:#25282b; background-color:transparent } .btn--link .icon { vertical-align:middle } .btn--narrow { padding-left:15px; padding-right:15px } .btn--has-icon-after .icon { margin-left:10px } .btn--has-icon-before .icon { margin-right:10px } .text-link { display:inline; border:0 none; background:none; padding:0; margin:0 } .text-link--accent { color:#333333; padding-bottom:1px } .return-link-wrapper { margin-top:82.5px; margin-bottom:0 } @media only screen and (max-width: 749px) { .return-link-wrapper { margin-top:55px } } .full-width-link { position:absolute; top:0; right:0; bottom:0; left:0; z-index:2 } table { margin-bottom:27.5px } table a { border-bottom:1px solid currentColor } th { font-family: 'Roboto', sans-serif; font-style:normal; font-weight:700 } th, td { text-align:left; border:1px solid #e8e9eb; padding:10px 14px } tbody th, tfoot th { font-weight:normal } @media only screen and (max-width: 749px) { .responsive-table thead { display:none } .responsive-table th, .responsive-table td { float:left; clear:left; width:100%; text-align:right; padding:27.5px; border:0; margin:0 } .responsive-table th::before, .responsive-table td::before { content:attr(data-label); float:left; text-align:center; font-size:12px; padding-right:10px; font-weight:normal } .responsive-table__row+.responsive-table__row, tfoot>.responsive-table__row:first-child { position:relative; margin-top:10px; padding-top:55px } .responsive-table__row+.responsive-table__row::after, tfoot>.responsive-table__row:first-child::after { content:''; display:block; position:absolute; top:0; left:27.5px; right:27.5px; border-bottom:1px solid #e8e9eb } } svg:not(:root) { overflow:hidden } .video-wrapper { position:relative; overflow:hidden; max-width:100%; padding-bottom:56.25%; height:0; height:auto } .video-wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100% } form { margin:0 } fieldset { border:1px solid #949494; margin:0 0 55px; padding:27.5px } legend { border:0; padding:0 } button { cursor:pointer } input[type="submit"] { cursor:pointer } label { display:block; margin-bottom:5px } @media only screen and (max-width: 749px) { label { font-size:0.875em } } [type="radio"]+label, [type="checkbox"]+label { display:inline-block; margin-bottom:0 } label[for] { cursor:pointer } input, textarea, select { border:1px solid #949494; background-color:#fff; color:#000; max-width:100%; line-height:1.2; border-radius:2px } input:focus, textarea:focus, select:focus { border-color:#7b7b7b } input[disabled], textarea[disabled], select[disabled] { cursor:default; background-color:#f4f4f4; border-color:#f4f4f4 } input.input--error::-webkit-input-placeholder, textarea.input--error::-webkit-input-placeholder, select.input--error::-webkit-input-placeholder { color:#d20000; opacity:0.5 } input.input--error::-moz-placeholder, textarea.input--error::-moz-placeholder, select.input--error::-moz-placeholder { color:#d20000; opacity:0.5 } input.input--error:-ms-input-placeholder, textarea.input--error:-ms-input-placeholder, select.input--error:-ms-input-placeholder { color:#d20000; opacity:0.5 } input.input--error::-ms-input-placeholder, textarea.input--error::-ms-input-placeholder, select.input--error::-ms-input-placeholder { color:#d20000; opacity:1 } input.hidden-placeholder::-webkit-input-placeholder, textarea.hidden-placeholder::-webkit-input-placeholder, select.hidden-placeholder::-webkit-input-placeholder { color:transparent } input.hidden-placeholder::-moz-placeholder, textarea.hidden-placeholder::-moz-placeholder, select.hidden-placeholder::-moz-placeholder { color:transparent } input.hidden-placeholder:-ms-input-placeholder, textarea.hidden-placeholder:-ms-input-placeholder, select.hidden-placeholder:-ms-input-placeholder { color:transparent } input.hidden-placeholder::-ms-input-placeholder, textarea.hidden-placeholder::-ms-input-placeholder, select.hidden-placeholder::-ms-input-placeholder { opacity:1 } .product-form input, .product-form textarea, .product-form select { min-height:44px } textarea { min-height:100px } input.input--error, select.input--error, textarea.input--error { border-color:#d20000; background-color:#fff8f8; color:#d20000; margin-bottom:11.66667px } .input-error-message { display:flex; line-height:1.3; color:#333333; font-size:0.875em; margin-bottom:11.66667px } @media only screen and (max-width: 749px) { .input-error-message { margin-bottom:19.44444px } } .input-error-message .icon { width:1em; height:1em; margin-right:0.625em } select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-position:right center; background-image:url(/cdn/shop/t/3/assets/ico-select.svg?v=14603861084055929462); background-repeat:no-repeat; background-position:right 10px center; line-height:1.2; padding-right:28px; text-indent:0.01px; text-overflow:''; cursor:pointer; padding-top:8px; padding-left:15px; padding-bottom:8px } @media only screen and (min-width: 750px) { select { padding-top:10px; padding-left:18px; padding-bottom:10px } } .select-group { position:relative; z-index:2 } .select-group select { background-image:none; background-color:transparent } .select-group .icon { height:calc(8em / 16); position:absolute; right:0; top:50%; transform:translateY(-50%); width:calc(8em / 16); z-index:-1 } .select-label { font-size:0.75em; text-transform:uppercase } optgroup { font-weight:700 } option { color:#3d4246; background-color:#fff } select::-ms-expand { display:none } .label--hidden { position:absolute; height:0; width:0; margin-bottom:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px) } ::-webkit-input-placeholder { color:#000; opacity:0.6 } ::-moz-placeholder { color:#000; opacity:0.6 } :-ms-input-placeholder { color:#000; opacity:0.6 } ::-ms-input-placeholder { color:#000; opacity:1 } .label--error { color:#d20000 } input, textarea { padding:8px 15px } @media only screen and (min-width: 750px) { input, textarea { padding:10px 18px } } .form-vertical input, .form-vertical select, .form-vertical textarea { display:block; width:100%; margin-bottom:19.44444px } .form-vertical input.input--error, .form-vertical select.input--error, .form-vertical textarea.input--error { margin-bottom:11.66667px } .form-vertical [type="radio"], .form-vertical [type="checkbox"] { display:inline-block; width:auto; margin-right:5px } .form-vertical [type="submit"], .form-vertical .btn, .form-vertical .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .form-vertical .shopify-payment-button__button--unbranded { display:inline-block; width:auto } .form-single-field { margin:0 auto 55px; max-width:35rem } .form-single-field .input--error { margin-bottom:0 } .note, .form-message { padding:8px; margin:0 0 27.5px } @media only screen and (min-width: 750px) { .note, .form-message { padding:10px } } .note { border:1px solid #949494 } .form-message--success { border:1px solid #1f873d; background-color:#f8fff9; color:#1f873d; display:block; width:100% } .form-message--error { color:#651818; border:1px solid #d20000; background-color:#fff8f8; padding:1rem 1.3rem; text-align:left; width:100% } .form-message--error li { list-style-type:disc; list-style-position:inside } .form-message--error .form-message__title { font-size:1.2em } .form-message--error .form-message__link, .form-message--error a { display:inline-block; text-decoration:underline; text-decoration-skip-ink:auto; color:#651818 } .form-message--error .form-message__link:hover, .form-message--error .form-message__link:focus, .form-message--error a:hover, .form-message--error a:focus { text-decoration:none; color:#651818 } .input-group { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center } .form-vertical .input-group { margin-bottom:55px } .input-group--error { margin-bottom:11.66667px } .input-group__field, .input-group__field input, .input-group__btn .btn, .input-group__btn .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group__btn .shopify-payment-button__button--unbranded { min-height:42px } @media only screen and (min-width: 750px) { .input-group__field, .input-group__field input, .input-group__btn .btn, .input-group__btn .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group__btn .shopify-payment-button__button--unbranded { min-height:46px } } .input-group__field { -ms-flex-preferred-size:15rem; -webkit-flex-basis:15rem; -moz-flex-basis:15rem; flex-basis:15rem; flex-grow:9999; margin-bottom:1rem; border-radius:2px 0 0 2px; text-align:left } .input-group__field input { width:100% } .form-vertical .input-group__field { margin:0 } .input-group__btn { flex-grow:1 } .input-group__btn .btn, .input-group__btn .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group__btn .shopify-payment-button__button--unbranded { width:100%; border-radius:0 2px 2px 0 } .site-header__logo img { display:block;margin:0 auto} .site-nav { position:relative; padding:0;margin:25px 0 } .site-nav a { padding:3px 15px } .site-nav--centered { padding-bottom:22px; text-align:center } .site-nav__link { display:block; white-space:nowrap } .site-nav--centered .site-nav__link { padding-top:0 } .site-nav__link .icon-chevron-down { width:calc(8em / 16); height:calc(8em / 16); margin-left:0.5rem } .site-nav__link.site-nav--active-dropdown { border:1px solid #e8e9eb; border-bottom:1px solid transparent; z-index:2 } .site-nav__label { border-bottom:1px solid transparent } .site-nav__link--button { border:none; background-color:transparent; padding:3px 10px } @media only screen and (max-width: 989px) { .site-nav__link--button { font-size:16px } } .site-nav--has-dropdown { position:relative } .site-nav--has-centered-dropdown { position:static } .site-nav__dropdown { display:none; position:absolute; padding:11px 30px 11px 0; margin:0; z-index:7; text-align:left; border:1px solid #e8e9eb; background:#fff; left:-1px; top:41px } .site-nav__dropdown .site-nav__link { padding:4px 15px 5px } .site-nav--active-dropdown .site-nav__dropdown { display:block } .site-nav__dropdown li { display:block } .site-nav__dropdown--right:not(.site-nav__dropdown--centered) { right:0; left:unset } .site-nav__dropdown--left:not(.site-nav__dropdown--centered) { left:0 } .site-nav__dropdown--centered { width:100%; padding:0; text-align:center } .site-nav__childlist { display:inline-block; background:#fff; padding:11px 17px; text-align:left } .site-nav__childlist-grid { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; width:auto; margin-bottom:-15px } .site-nav__childlist-item { -webkit-flex:0 1 auto; -moz-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto; margin-bottom:15px } .site-nav__child-link--parent { font-weight:700; margin:4px 0 } .page-width { padding-left:20px; padding-right:20px } .page-container { transition:all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1); position:relative; overflow:hidden } @media only screen and (min-width: 750px) { .page-container { -ms-transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } hr { margin:55px 0; border:0; border-bottom:1px solid #e8e9eb } .hr--small { padding:10px 0; margin:0 } .hr--invisible { border-bottom:0 } .border-bottom { border-bottom:1px solid #e8e9eb } .border-top { border-top:1px solid #e8e9eb } .empty-page-content { padding:125px 55px } @media only screen and (max-width: 749px) { .empty-page-content { padding-left:22px; padding-right:22px } } .grid--table { display:table; table-layout:fixed; width:100% } .grid--table>.grid__item { float:none; display:table-cell; vertical-align:middle } .grid--no-gutters { margin-left:0 } .grid--no-gutters .grid__item { padding-left:0 } .grid--half-gutters { margin-left:-15px } .grid--half-gutters>.grid__item { padding-left:15px } .grid--double-gutters { margin-left:-60px } .grid--double-gutters>.grid__item { padding-left:60px } .grid--flush-bottom { margin-bottom:-55px; overflow:auto } .grid--flush-bottom>.grid__item { margin-bottom:55px } @-webkit-keyframes spin { 0% { -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100% { -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-moz-keyframes spin { 0% { -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100% { -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-ms-keyframes spin { 0% { -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100% { -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes spin { 0% { -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100% { -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-webkit-keyframes placeholder-background-loading { 0% { opacity:0.02 } 50% { opacity:0.05 } 100% { opacity:0.02 } } @-moz-keyframes placeholder-background-loading { 0% { opacity:0.02 } 50% { opacity:0.05 } 100% { opacity:0.02 } } @-ms-keyframes placeholder-background-loading { 0% { opacity:0.02 } 50% { opacity:0.05 } 100% { opacity:0.02 } } @keyframes placeholder-background-loading { 0% { opacity:0.02 } 50% { opacity:0.05 } 100% { opacity:0.02 } } .drawer { display:none; position:absolute; overflow:hidden; -webkit-overflow-scrolling:touch; z-index:9; background-color:#fff; transition:all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1) } .drawer input[type="text"], .drawer textarea { background-color:#fff; color:#3d4246 } .js-drawer-open { overflow:hidden } .drawer--top { width:100% } .js-drawer-open-top .drawer--top { -ms-transform:translateY(100%); -webkit-transform:translateY(100%); transform:translateY(100%); display:block } .drawer-page-content::after { visibility:hidden; opacity:0; content:''; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:8; transition:all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1) } .js-drawer-open .drawer-page-content::after { visibility:visible; opacity:1 } .drawer__title, .drawer__close { display:table-cell; vertical-align:middle } .drawer__close-button { background:none; border:0 none; position:relative; right:-15px; height:100%; width:60px; padding:0 20px; color:inherit; font-size:1.125em } .drawer__close-button:active, .drawer__close-button:focus { background-color:rgba(0,0,0,0.6) } .grid--view-items { overflow:auto; margin-bottom:-35px } .grid-view-item { margin:0 auto 35px } .custom__item .grid-view-item { margin-bottom:0 } .grid-view-item__title { margin-bottom:0; color:#3d4246 } .grid-view-item__meta { margin-top:8px } @media only screen and (max-width: 749px) { .grid-view-item__title, .grid-view-item__meta { font-size:0.9375em } } .grid-view-item__link { display:block } .grid-view-item__vendor { margin-top:4px; color:#333333; font-size:0.875em; text-transform:uppercase } @media only screen and (max-width: 749px) { .grid-view-item__vendor { font-size:0.8125em } } .grid-view-item__image-wrapper { margin:0 auto 15px; position:relative; width:100% } .grid-view-item__image { display:block; margin:0 auto; width:100% } .grid-view-item__image-wrapper .grid-view-item__image { position:absolute; top:0 } .grid-view-item--sold-out .grid-view-item__image { opacity:0.5 } .grid-view-item__image.lazyload { opacity:0 } .list-view-item { margin-bottom:22px } .list-view-item:last-child { margin-bottom:0 } @media only screen and (min-width: 750px) { .list-view-item { border-bottom:1px solid #e8e9eb; padding-bottom:22px } .list-view-item:last-child { padding-bottom:0; border-bottom:0 } } .list-view-item__link { display:table; table-layout:fixed; width:100% } .list-view-item__image { max-height:95px } .list-view-item__image-column { display:table-cell; vertical-align:middle; width:130px } @media only screen and (max-width: 749px) { .list-view-item__image-column { width:85px } } .list-view-item__image-wrapper { position:relative; margin-right:35px } @media only screen and (max-width: 749px) { .list-view-item__image-wrapper { margin-right:17.5px } } .list-view-item__title-column { display:table-cell; vertical-align:middle } .list-view-item__title { color:#333333; font-size:16px; min-width:100px;line-height: normal;} @media only screen and (max-width: 749px) { .list-view-item__title { font-size:0.9375em } } .list-view-item__sold-out { font-size:0.9375em } .list-view-item__on-sale { color:#557b97; font-size:0.9375em } @media only screen and (max-width: 749px) { .list-view-item__on-sale { display:none } } .list-view-item__vendor-column { display:table-cell; text-align:center; vertical-align:middle; width:20% } .list-view-item__vendor { font-size:0.9375em; font-style:italic } @media only screen and (max-width: 749px) { .list-view-item__vendor { font-size:0.875em } } .list-view-item__price-column { display:table-cell; text-align:right; vertical-align:middle; width:20%; font-size:1.0625em } @media only screen and (max-width: 749px) { .list-view-item__price-column { font-size:0.9375em } } .list-view-item__price-column .price { align-items:flex-end } .list-view-item__price-column .price__vendor, .list-view-item__price-column .price-item__label { display:none } .list-view-item__price-column .price__regular, .list-view-item__price-column .price__sale { flex-basis:100% } .list-view-item__price { white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .list-view-item__price--reg { color:#557b97 } @media only screen and (max-width: 749px) { .list-view-item__price--reg { display:block } } @media only screen and (max-width: 749px) { .list-view-item__price--sale { display:block } } .slick-dotted.slick-slider { margin-bottom:0 } .slideshow__arrows .slick-dots { margin:0 0.75rem } .slideshow__arrows .slick-dots li { margin:0; vertical-align:middle; width:10px; height:10px; margin-left:6px } .slideshow__arrows .slick-dots li:first-of-type { margin-left:0 } @media only screen and (min-width: 750px) { .slideshow__arrows .slick-dots li { width:12px; height:12px; margin-left:8px } } .slideshow__arrows .slick-dots li button, .slideshow__arrows .slick-dots li a { position:relative; padding:0; width:10px; height:10px } @media only screen and (min-width: 750px) { .slideshow__arrows .slick-dots li button, .slideshow__arrows .slick-dots li a { width:12px; height:12px } } .slideshow__arrows .slick-dots li button::before, .slideshow__arrows .slick-dots li a::before { text-indent:-9999px; background-color:transparent; border-radius:100%; background-color:currentColor; width:10px; height:10px; opacity:0.4; transition:all 0.2s } @media only screen and (min-width: 750px) { .slideshow__arrows .slick-dots li button::before, .slideshow__arrows .slick-dots li a::before { width:12px; height:12px } } .slideshow__arrows .slick-dots li.slick-active button::before, .slideshow__arrows .slick-dots li.slick-active a::before, .slideshow__arrows .slick-dots li.slick-active-mobile button::before, .slideshow__arrows .slick-dots li.slick-active-mobile a::before { opacity:1 } .slideshow__arrows .slick-dots li button:active::before, .slideshow__arrows .slick-dots li .slick-active a::before, .slideshow__arrows .slick-dots li .slick-active-mobile a::before { opacity:0.7 } .index-section { padding-top:35px; padding-bottom:35px } @media only screen and (min-width: 750px) { .index-section { padding-top:55px; padding-bottom:55px } } .index-section:first-child { padding-top:0; border-top:0 } .index-section:last-child { padding-bottom:0 } .index-section--flush+.index-section--flush { margin-top:-70px } @media only screen and (min-width: 750px) { [class*="index-section--flush"]+[class*="index-section--flush"] { margin-top:-110px } } .index-section--flush:first-child { margin-top:-35px } @media only screen and (min-width: 750px) { [class*="index-section--flush"]:first-child { margin-top:-55px } } .index-section--flush:last-child { margin-bottom:-35px } @media only screen and (min-width: 750px) { [class*="index-section--flush"]:last-child { margin-bottom:-55px } } @media only screen and (max-width: 749px) { .index-section--featured-product:first-child { margin-top:-12px } } @media only screen and (max-width: 749px) { .index-section--slideshow+.index-section--flush { margin-top:0.4rem } } .placeholder-svg { display:block; fill:rgba(105,114,123,0.35); background-color:rgba(105,114,123,0.1); width:100%; height:100%; max-width:100%; max-height:100%; border:1px solid rgba(105,114,123,0.2) } .placeholder-noblocks { padding:40px; text-align:center } .placeholder-background { position:absolute; top:0; right:0; bottom:0; left:0 } .placeholder-background .icon { border:0 } .placeholder-background--animation { background-color:#3d4246; -moz-animation:placeholder-background-loading 1.5s infinite linear; -o-animation:placeholder-background-loading 1.5s infinite linear; -webkit-animation:placeholder-background-loading 1.5s infinite linear; animation:placeholder-background-loading 1.5s infinite linear } .no-js .placeholder-background--animation { display:none } .image-bar__content .placeholder-svg { position:absolute; top:0; left:0 } .password-page { display:table; height:100%; width:100%; color:#333333; background-color:#fff; background-size:cover } .password-form-message { max-width:500px; margin-left:auto; margin-right:auto } .password-header { height:85px; display:table-row } .password-header__inner { display:table-cell; vertical-align:middle } .password-login { padding:0 30px; text-align:right } .password-logo .logo { color:#3d4246; font-weight:700; max-width:100% } .password-content { text-align:center } .password-content--rte { margin-bottom:35px } .password-content__title { display:block; margin-bottom:82.5px } .password-main { display:table-row; width:100%; height:100%; margin:0 auto } .password-main__inner { display:table-cell; vertical-align:middle; padding:27.5px 55px } .password-message { max-width:500px; margin:82.5px auto 27.5px } .password__form-heading { margin-bottom:55px } .password-powered-by { margin-top:82.5px } .password-social-sharing { margin-top:82.5px } .product-single { overflow-anchor:none } .product-single__title { margin-bottom:0.5rem } .product__price, .featured-product__price { font-size:1.25em } .product__policies { margin:0.4rem 0 1rem 0; font-size:0.9375em } .product-form { width:auto; padding-top:2rem } .product-form__controls-group { display:flex; flex-wrap:wrap } .product-form__controls-group--submit { margin-top:0px } .product-form__controls-group ~ .product-form__controls-group--submit { margin-top:15px } .product-form__item { flex-grow:0; flex-basis:100%; margin-bottom:10px; padding:0 } @media only screen and (min-width: 990px) { .product-form__item { flex-basis:50%; padding:0 5px } .product-single--large-image .product-form__item { flex-basis:100% } } .product-form__item label { display:block } .product-form--hide-variant-labels .product-form__item label { position:absolute !important; overflow:hidden; clip:rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0 } .product-form__item--submit { -webkit-flex:1 1 300px; -moz-flex:1 1 300px; -ms-flex:1 1 300px; flex:1 1 300px } .product-form__item--no-variants { max-width:400px } .product-form__item--payment-button { -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; -moz-flex-basis:100%; flex-basis:100% } @media only screen and (min-width: 990px) { .product-single--small-image .product-form__item--payment-button, .product-single--full-image .product-form__item--payment-button { display:inline-flex; -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -ms-flex-align:start; -webkit-align-items:flex-start; -moz-align-items:flex-start; -ms-align-items:flex-start; -o-align-items:flex-start; align-items:flex-start } } .product-form__item--payment-button.product-form__item--no-variants { -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -ms-flex-align:stretch; -webkit-align-items:stretch; -moz-align-items:stretch; -ms-align-items:stretch; -o-align-items:stretch; align-items:stretch } .product-form--variant-sold-out .shopify-payment-button { display:none } .product-form--payment-button-no-variants { max-width:25rem } .product-form__variants { display:none } .no-js .product-form__variants { display:block } .product-form__input { display:block; width:100% } .product-form__input.input--error { margin-bottom:0 } .product-form__input--quantity { max-width:5rem } .product-form__error-message-wrapper { display:flex; flex-basis:100%; padding:0.5rem 0; margin:0 0.3125em 20px } .product-form__controls-group ~ .product-form__error-message-wrapper { margin-bottom:0 } .product-form__error-message-wrapper--has-payment-button { padding:0.5rem 0 } .product-form__error-message-wrapper--hidden { display:none } .product-form__error-message { margin-left:0.5rem; font-size:0.875em; line-height:1.2; color:#333333 } .product-form__cart-submit, .shopify-payment-button .shopify-payment-button__button--unbranded { display:block; width:100%; line-height:1.4; padding-left:5px; padding-right:5px; white-space:normal; margin-top:0; margin-bottom:10px; min-height:44px } .product-single--small-image .product-form__cart-submit, .product-single--small-image .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .product-single--small-image .shopify-payment-button__button--unbranded, .product-single--full-image .product-form__cart-submit, .product-single--full-image .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .product-single--full-image .shopify-payment-button__button--unbranded { -webkit-flex:50%; -moz-flex:50%; -ms-flex:50%; flex:50%; margin-right:10px } .product-single--small-image .shopify-payment-button, .product-single--full-image .shopify-payment-button { -webkit-flex:50%; -moz-flex:50%; -ms-flex:50%; flex:50% } .shopify-payment-button .shopify-payment-button__button--unbranded:hover { background-color:#333333 !important } .shopify-payment-button .shopify-payment-button__button--branded { border-radius:2px; overflow:hidden } .shopify-payment-button .shopify-payment-button__more-options { margin:16px 0 10px; font-size:0.875em; text-decoration:underline } .shopify-payment-button .shopify-payment-button__more-options:hover, .shopify-payment-button .shopify-payment-button__more-options:focus { opacity:0.6 } @media only screen and (min-width: 750px) { .product-form__cart-submit--small { max-width:300px } } .product-single__description { margin-top:30px } .product__quantity-error .icon { margin-right:1rem } .product-single__thumbnail { display:block; margin:-2px 0 8px; min-height:44px; position:relative } .product-single__thumbnail:not([disabled]):not(.active-thumb):hover { opacity:0.8 } .product-single__thumbnail-image { max-width:100%; display:block; border:2px solid transparent; padding:2px } .active-thumb .product-single__thumbnail-image { border-color:#3d4246 } .product-featured-img { display:block; margin:0 auto; position:absolute; top:4px; left:4px; width:calc(100% - 8px) } .no-js .product-featured-img { position:relative } .zoomImg { background-color:#fff } @media only screen and (min-width: 750px) { .product-single__thumbnails { margin-top:30px } } @media only screen and (max-width: 749px) { .product-single__photos { margin-bottom:30px } .product-single__photo--has-thumbnails { margin-bottom:30px } } .product-single__photos--full { margin-bottom:30px } .product-single__photo-wrapper { margin:0 auto; width:100% } .product-single__photo { margin:0 auto; min-height:1px; width:100%; height:100%; position:relative; padding-bottom:4px } @media only screen and (max-width: 749px) { .template-product .main-content { padding-top:22px } .thumbnails-slider--active .product-single__thumbnails { display:none } .thumbnails-slider--active .product-single__thumbnails.slick-initialized { display:block; margin:0 auto; max-width:75% } .product-single__photos { position:relative } .thumbnails-wrapper { position:relative; top:30px; text-align:center; margin:0 2px 30px 2px } .thumbnails-slider__btn { position:absolute; top:50%; transform:translateY(-50%) } .thumbnails-slider__prev { left:-20px } .thumbnails-slider__next { right:-20px } .product-single__thumbnails-item { display:inline-block; padding-bottom:10px; width:72px; float:none; vertical-align:middle } .slick-slider .product-single__thumbnails-item { float:left } .thumbnails-slider--active .product-single__thumbnails-item { padding:5px 0 } .product-single__thumbnail { margin:0 auto; width:50px } } .collection-hero { position:relative; overflow:hidden; margin-top:-55px; margin-bottom:22px } @media only screen and (min-width: 750px) { .collection-hero { margin-bottom:35px } } .collection-description { margin-bottom:22px; margin-top:22px } @media only screen and (min-width: 750px) { .collection-description { margin-bottom:35px; margin-top:35px } } .collection-hero__image { background-position:50% 50%; background-repeat:no-repeat; background-size:cover; height:300px; opacity:1 } @media only screen and (max-width: 749px) { .collection-hero__image { height:180px } } .collection-hero__title-wrapper::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#3d4246; opacity:0.4 } .collection-hero__title { position:absolute; color:#fff; width:100%; text-align:center; left:0; right:0; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%) } @media only screen and (min-width: 750px) { .collection-hero__title { font-size:2em } } .template-blog .social-sharing { margin-bottom:17.5px } .blog-list-view .pagination { padding-top:0 } .blog-filter { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center } .blog-filter .icon-chevron-down { fill:#000; width:calc(10em / 16); height:calc(10em / 16); right:1rem } .blog-filter__label { margin:0 1rem 0 0 } .cart-header { margin-bottom:0.7rem; text-align:center } @media only screen and (min-width: 750px) { .cart-header { margin-bottom:1.7rem } } .cart-header__title { margin-bottom:0.5rem } @media only screen and (min-width: 750px) { .cart-header__title { margin-bottom:1rem } } .cart { color:#333333 } .cart th, .cart td { border:0 } .cart td { padding-top:22px; padding-bottom:22px } @media only screen and (min-width: 750px) { .cart td { padding-left:22px; padding-right:22px } } .cart th { font-weight:400; padding:27.5px 22px } @media only screen and (max-width: 749px) { .cart td:nth-child(3), .cart th:nth-child(2) { padding-left:0; padding-right:0 } } .cart td:first-child, .cart th:first-child { padding-left:0 } .cart td:first-child.cart__removed-product, .cart th:first-child.cart__removed-product { padding:1rem 0 1.2rem 0.5rem } .cart td:last-child, .cart th:last-child { padding-right:0 } .cart dd { margin-left:0 } .cart__meta { width:50% } @media only screen and (min-width: 750px) { .cart__meta { width:40% } } @media only screen and (min-width: 990px) { .cart__meta { width:45% } } .cart__product-information { display:flex } .cart__image-wrapper { padding-right:1.5rem; flex:5rem 0 0 } @media only screen and (min-width: 750px) { .cart__image-wrapper { padding-right:2.5rem; flex:8rem 0 0 } } @media only screen and (min-width: 990px) { .cart__image-wrapper { padding-right:3rem; flex:9rem 0 0 } } .product-details { padding:0.3125em 0 0; font-size:0.875em } .product-details.hide+.cart__remove { margin-top:0em } .product-details__item { margin-bottom:0.15em } .product-details__item--variant-option:not(.hide)+.product-details__item--property { margin-top:0.8rem } .product-details__item-label { font-weight:700 } .cart__qty { margin-top:0.9375em } @media only screen and (min-width: 750px) { .cart__qty { margin-top:0 } } .cart__qty-label { position:absolute !important; overflow:hidden; clip:rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0 } .cart__qty-input { text-align:center; width:60px; padding-left:0.3125em; padding-right:0.3125em } .cart__qty-error-message-wrapper, .cart__error-message-wrapper { line-height:1.2 } .cart__qty-error-message-wrapper .icon-error, .cart__error-message-wrapper .icon-error { margin-top:0 } .cart__qty-error-message-wrapper--desktop { display:none } @media only screen and (min-width: 750px) { .cart__qty-error-message-wrapper--desktop { display:block } } .cart__qty-error-message-wrapper--mobile { display:block } @media only screen and (min-width: 750px) { .cart__qty-error-message-wrapper--mobile { display:none } } .cart__qty-error-message, .cart__error-message { font-size:0.875em; color:#333333; vertical-align:middle } .cart__error-message-wrapper { margin-top:1rem } @media only screen and (min-width: 750px) { .cart__error-message-wrapper { margin-top:0.8rem } } .cart__row { border-bottom:1px solid #e8e9eb } .cart__row p { margin-bottom:0 } .cart__row p+p { margin-top:10px } .cart__row td { vertical-align:top } @media only screen and (min-width: 750px) { .cart__row td { vertical-align:middle } } .cart__row--heading { color:#3d4246 } .cart__removed-product-details { font-weight:700 } .cart-subtotal__title { font-size:1.125em } .cart-subtotal__price { padding-left:27.5px } @media only screen and (min-width: 750px) { .cart-subtotal__price { padding-left:55px; min-width:150px; display:inline-block } } .cart__footer { padding-top:17.5px } .cart__buttons-container { display:flex; flex-direction:column; max-width:20rem; margin:0 auto } @media only screen and (min-width: 750px) { .cart__buttons-container { display:block; max-width:none } } .cart__submit-controls { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } @media only screen and (min-width: 750px) { .cart__submit-controls { -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:start; -webkit-align-items:flex-start; -moz-align-items:flex-start; -ms-align-items:flex-start; -o-align-items:flex-start; align-items:flex-start; -webkit-justify-content:flex-end; -ms-justify-content:flex-end; justify-content:flex-end } } .cart__submit { margin-bottom:0; min-height:44px; width:100% } .cart__submit+.cart__submit { margin-top:10px; margin-left:0 } @media only screen and (min-width: 750px) { .cart__submit { min-height:auto; width:auto } .cart__submit+.cart__submit { margin-top:0; margin-left:10px } } .cart__shipping { font-size:0.875em; padding:10px 0 20px; margin-bottom:25px } .cart-note__label, .cart-note__input { display:block } @media only screen and (max-width: 749px) { .cart-note__label, .cart-note__input { margin:0 auto } } .cart-note__label { margin-bottom:15px } .cart-note__input { min-height:50px; width:100% } @media only screen and (max-width: 749px) { .cart-note__input { margin-bottom:40px } } .cart__product-title { border-bottom:none; color:#333333 } .cart__image { max-height:95px; display:block; margin:0 auto } .cart__remove { margin-top:0.5em } .cart__price { text-align:right; padding-right:0; font-size:0.9375em; width:50% } .cart__price dl { margin:0 } @media only screen and (min-width: 750px) { .cart__price { width:25% } } .cart__quantity-td { width:20% } .cart__final-price { width:15% } @media only screen and (max-width: 749px) { .cart-message { padding-top:20px } .cart__qty-label { position:inherit !important; overflow:auto; clip:auto; width:auto; height:auto; margin:0; display:inline-block; vertical-align:middle; font-size:0.8125em; margin-right:5px } } .cart--no-cookies .cart__continue-btn { display:none } .cart--no-cookies .cart--empty-message { display:none } .cookie-message { display:none; padding-bottom:25px } .cart--no-cookies .cookie-message { display:block } .additional-checkout-buttons { margin-top:1rem } .additional-checkout-buttons input[type="image"] { padding:0; border:0; background:transparent } [data-shopify-buttoncontainer] { justify-content:flex-end } .myaccount { display:flex; flex-wrap:wrap } @media only screen and (min-width: 990px) { .myaccount__order-history { -webkit-flex:1 0 66.66667%; -moz-flex:1 0 66.66667%; -ms-flex:1 0 66.66667%; flex:1 0 66.66667% } } @media only screen and (min-width: 990px) { .myaccount__account-details { -webkit-flex:1 0 33.33333%; -moz-flex:1 0 33.33333%; -ms-flex:1 0 33.33333%; flex:1 0 33.33333% } } .order-table { border:1px solid #e8e9eb } .order-table a { border-bottom:1px solid currentColor } .order-table th, .order-table td { border:0 } .order-table tbody th, .order-table tfoot th { font-weight:normal; text-transform:none; letter-spacing:0 } .order-table tbody tr+tr { border-top:1px solid #e8e9eb } .order-table thead { border-bottom:1px solid #333333 } .order-table tfoot { border-top:1px solid #333333 } .order-table tfoot tr:first-child th, .order-table tfoot tr:first-child td { padding-top:1.25em } .order-table tfoot tr:nth-last-child(2) th, .order-table tfoot tr:nth-last-child(2) td { padding-bottom:1.25em } .order-table tfoot tr:last-child th, .order-table tfoot tr:last-child td { border-top:1px solid #333333; font-weight:700; padding-top:1.25em; padding-bottom:1.25em; text-transform:uppercase } @media only screen and (min-width: 750px) { .order-table thead th { text-transform:uppercase; padding-top:1.25em; padding-bottom:1.25em } .order-table tbody tr th, .order-table tbody tr td { padding-top:1.25em; padding-bottom:1.25em } .order-table tfoot tr td, .order-table tfoot tr th { vertical-align:bottom } } @media only screen and (max-width: 749px) { .order-table { border:0 } .order-table thead { display:none } .order-table th, .order-table td { float:left; clear:left; width:100%; text-align:right; padding:0.5rem 0; border:0; margin:0 } .order-table th::before, .order-table td::before { content:attr(data-label); float:left; text-align:left; padding-right:2em; max-width:80% } .order-table tbody tr th:first-child { padding-top:1.25em } .order-table tbody tr td:last-child { padding-bottom:1.25em } .order-table tbody th::before, .order-table tbody td::before { font-weight:700 } } @media only screen and (max-width: 749px) { .order-table__product { display:flex; justify-content:space-between } } .order-discount { color:#557b97; display:block; line-height:1.2em } .order-discount .icon-saletag { fill:currentColor; width:1em; height:1em; margin-right:0.4em } .order-discount--title { text-transform:uppercase; word-break:break-word; padding-right:1em } .order-discount--list { margin:0.8em 0 0 1.3em; list-style:none; padding:0 } .order-discount__item { text-indent:-1.3em } .order-discount__item+.order-discount__item { margin-top:0.6em } @media only screen and (max-width: 749px) { .order-discount-wrapper { display:flex; justify-content:space-between; width:100% } } .order-discount-card-wrapper { display:flex; justify-content:center } @media only screen and (min-width: 750px) { .order-discount-card-wrapper { justify-content:flex-end } } .order-discount--cart { font-size:0.9375em; padding-right:0 } @media only screen and (min-width: 750px) { .order-discount--cart { font-size:0.875em } } .order-discount--cart-total { padding-left:27.5px } @media only screen and (min-width: 750px) { .order-discount--cart-total { padding-left:55px; min-width:150px } } .site-header { background-color:#fff; position:relative; padding:0 55px } @media only screen and (max-width: 749px) { .site-header { border-bottom:1px solid #e8e9eb; padding:0 } } @media only screen and (min-width: 750px) { .site-header.logo--center { padding-top:30px } } .announcement-bar { text-align:center; position:relative; z-index:10 } .announcement-bar--link { display:block } .announcement-bar__message { display:block; font-size:1em; font-weight:600; padding:10px 22px } @media only screen and (min-width: 750px) { .announcement-bar__message { padding:10px 55px } } .site-header__logo { margin:15px 0 } .logo-align--center .site-header__logo { text-align:center; margin:0 auto } @media only screen and (max-width: 749px) { .logo-align--center .site-header__logo { text-align:left; margin:15px 0 } } .site-header__logo-link { display:inline-block; word-break:break-word } .site-header__logo-image { display:block } @media only screen and (min-width: 750px) { .site-header__logo-image { margin:0 auto } } .site-header__logo-image img { width:100% } .site-header__logo-image--centered img { margin:0 auto } @media only screen and (min-width: 750px) { .logo-align--center .site-header__logo-link { margin:0 auto } } @media only screen and (max-width: 749px) { .site-header__icons .btn--link, .site-header__icons .site-header__cart { font-size:1em } } .site-header__icons { position:relative; white-space:nowrap } @media only screen and (max-width: 749px) { .site-header__icons { width:auto } } .site-header__icons-wrapper { position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:flex-end; -ms-justify-content:flex-end; justify-content:flex-end } @media only screen and (max-width: 749px) { .site-header__icons-wrapper { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100% } } .site-header__cart, .site-header__search, .site-header__account { position:relative } .site-header__search.site-header__icon { display:none } .site-header__search-toggle { display:inline } @media only screen and (min-width: 1400px) { .site-header__search-toggle { display:inline } } @media only screen and (min-width: 750px) { .site-header__account, .site-header__cart { padding:10px 11px } } .site-header__cart-title, .site-header__search-title { display:block; vertical-align:middle; position:relative; overflow:hidden; clip:rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0 } .site-header__cart-title { margin-right:3px } .site-header__cart-count { display:flex; align-items:center; justify-content:center; position:absolute; right:0.4rem; top:0.2rem; font-weight:bold; background-color:#557b97; color:#fff; border-radius:50%; min-width:1em; height:1em } .site-header__cart-count span { font-family: 'Roboto', sans-serif; font-size:calc(11em / 16); line-height:1 } @media only screen and (max-width: 749px) { .site-header__cart-count { top:calc(7em / 16); right:0; border-radius:50%; min-width:calc(19em / 16); height:calc(19em / 16) } .site-header__cart-count span { padding:0.25em calc(6em / 16); font-size:12px } } .site-header__menu { display:none } .site-header__icon svg { height:23px; width:22px } @media only screen and (min-width: 750px) { .site-header__icon svg { margin-right:3px } } @media only screen and (max-width: 749px) { .site-header__logo { padding-left:22px } .site-header__icons { padding-right:13px } .site-header__icon { display:inline-block; vertical-align:middle; padding:10px 11px; margin:0 } .site-header__logo { text-align:left } .site-header__logo img { margin:0 } } .article-listing { padding-top:55px; margin-bottom:55px } .article__title { margin-bottom:11px } @media only screen and (max-width: 749px) { .article__title--has-image { padding-left:22px } } .article__author { margin-right:10px } .article__author, .article__date { display:inline-block; margin-bottom:22px } .template-article .article__author, .template-article .article__date { margin-bottom:0 } .article__tags { margin-bottom:27.5px } .article__tags--list { font-style:italic } .article__link { display:block } @media only screen and (max-width: 749px) { .article__link { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } } .article__link:not([disabled]):hover .article__grid-image-wrapper::before, .article__link:focus .article__grid-image-wrapper::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#3d4246; opacity:0.4; z-index:1 } .article__meta-buttons li+li { margin-left:1.5rem } .article__comment-count { border-color:transparent; border-bottom-color:currentColor; padding:0 0 3px 0 } .article__comment-count:not([disabled]):hover, .article__comment-count:focus { border-color:transparent; border-bottom-color:currentColor } .grid--blog { margin-bottom:-55px; overflow:auto } .article__grid-tag { margin-right:10px } .article__grid-meta { margin-bottom:55px } @media only screen and (max-width: 749px) { .article__grid-meta--has-image { float:left; padding-left:22px } } .article__grid-excerpt { margin-bottom:17.5px } .article__grid-image-wrapper { margin:0 auto; position:relative; width:100% } .article__grid-image-container { display:block; clear:both; position:relative; margin:0 auto 27.5px 0; min-height:1px; width:100%; height:100% } @media only screen and (max-width: 749px) { .article__grid-image-container { float:left; margin:0 0 55px 0 } } .article__grid-image-container img { display:block } .article__grid-image { margin:0 auto; width:100% } .js .article__grid-image { position:absolute; top:0 } .article__list-image-container { display:block; clear:both; position:relative; min-height:1px; width:100%; height:100% } .article__list-image-wrapper { width:100%; margin-bottom:20px } .article__list-image-container { display:block; clear:both; position:relative; min-height:1px; width:100%; height:100% } .article__list-image-wrapper { width:100%; margin-bottom:20px } .article__list-image { margin:0 auto; width:100%; position:absolute; top:0 } .cart-popup-wrapper { display:block; position:fixed; width:100%; background-color:#fff; z-index:9999; border:1px solid #e8e9eb; transform:translateY(0%); transition:all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1) } @media only screen and (min-width: 750px) { .cart-popup-wrapper { width:23rem; right:0 } } .cart-popup-wrapper--hidden { display:none; transform:translateY(-100%) } .cart-popup { padding:1rem 1.5rem } .cart-popup__heading { border-bottom:1px solid #e8e9eb; padding:0rem 2.5rem 1rem 0.5rem; margin:0; font-size:1.125em; line-height:1.2rem; letter-spacing:0; text-transform:inherit } .cart-popup__close { position:absolute; top:0.2rem; right:0.6rem; padding:0.9rem; background-color:transparent; border:none; line-height:0 } .cart-popup__close .icon-close { width:1rem; height:1rem; fill:currentColor } .cart-popup__close:hover, .cart-popup__close:focus { color:#25282b } .cart-popup-item { display:flex; margin:1rem 0 } .cart-popup-item__image-wrapper { position:relative; flex-basis:18%; flex-shrink:0; margin-right:1rem; text-align:center } .cart-popup-item__image { display:block; margin:0 auto; max-height:95px } .cart-popup-item__image--placeholder { position:relative; width:100% } .cart-popup-item__description { display:flex; color:#333333; flex-basis:100%; justify-content:space-between; line-height:1.2rem } .cart-popup-item__title { font-size:1.125em } .product-details { margin-top:0.25rem; font-size:0.875em } .product-details__item { margin-bottom:0.2rem; line-height:1.5 } .product-details__item:last-child { margin-bottom:0 } .product-details__item--variant-option+.product-details__item--property { margin-top:0.8rem } .product-details__property-label { font-weight:700 } .cart-popup-item__quantity { flex-basis:30%; flex-shrink:0; margin-left:1rem; text-align:right; font-size:0.875em } .cart-popup__cta-link { width:100% } .cart-popup__dismiss { margin-top:0.5rem; text-align:center } .cart-popup__dismiss-button { font-size:0.875em } .sidebar { margin-top:40px } .sidebar__list { list-style:none; margin-bottom:55px } .sidebar__list li { margin-bottom:10px } .pagination { text-align:center; list-style:none; font-size:0.9375em; padding-top:55px } .pagination li { display:inline-block } .pagination .icon { display:block; height:20px; vertical-align:middle } .pagination__text { padding:0 27.5px } .comment { margin-bottom:30px } .comment:last-child { margin-bottom:0 } .comment__content { margin-bottom:5px } .comment__meta-item { margin-right:10px; font-size:0.875em } .comment__meta-item:first-child::before { content:'\2014 \0020' } .social-sharing { display:flex } .template-password .social-sharing { justify-content:center } .btn--share { background-color:transparent; border-color:#e8e9eb; color:#3d4246; margin-right:5px; margin-bottom:10px } .btn--share:not([disabled]):hover, .btn--share:focus { background-color:transparent; border-color:#cdcfd3; color:#3d4246 } .btn--share .icon { vertical-align:middle; width:16px; height:16px; margin-right:4px } .btn--share .icon-facebook { fill:#3b5998 } .btn--share .icon-twitter { fill:#00aced } .btn--share .icon-pinterest { fill:#cb2027 } .share-title { display:inline-block; vertical-align:middle } .search-bar__form { display:table; width:100%; position:relative; height:calc(46em / 16); border:1px solid transparent } @media only screen and (max-width: 749px) { .search-bar__form { width:100% } } .search-bar__submit .icon { position:relative; top:-1px; width:1.2rem; height:auto } .search-bar__submit, .search-header__submit { display:inline-block; vertical-align:middle; position:absolute; right:0; top:0; padding:0 12px; height:100%; z-index:1 } .search-header__input, .search-bar__input { background-color:transparent; border-radius:2px; color:#3d4246; border-color:transparent; padding-right:calc(45em / 16); width:100%; min-height:44px } .search-header__input::-webkit-input-placeholder, .search-bar__input::-webkit-input-placeholder { color:#3d4246; opacity:0.6 } .search-header__input::-moz-placeholder, .search-bar__input::-moz-placeholder { color:#3d4246; opacity:0.6 } .search-header__input:-ms-input-placeholder, .search-bar__input:-ms-input-placeholder { color:#3d4246; opacity:0 } .search-header__input::-ms-input-placeholder, .search-bar__input::-ms-input-placeholder { color:#3d4246; opacity:1 } .search-bar__input { border:1px solid transparent } .search-bar__input:focus { border-color:transparent } .search-bar__close { padding:calc(10em / 16) 0.75em } .search-bar__close .icon { vertical-align:top; width:1.2rem; height:auto } .search-header__input:hover+.btn--link { color:#25282b } .search-bar { border-bottom:1px solid #e8e9eb; padding:0 27.5px; z-index:1000 } .search-bar__table { display:table; table-layout:fixed; width:100%; height:100% } .search-bar__table-cell { display:table-cell; vertical-align:middle } .search-bar__form-wrapper { width:90% } .search-header { display:inline-block; position:relative; width:100%; max-width:calc(30em / 16); vertical-align:middle } .search-header.search--focus { max-width:250px } .search-header__input { cursor:pointer; opacity:0; transition:opacity 0.35s cubic-bezier(0.29, 0.63, 0.44, 1) } .search--focus .search-header__input { outline:none; border-color:#949494; cursor:auto; opacity:1 } .search--focus .search-header__submit { pointer-events:auto } .search-header__submit { pointer-events:none } .search-header, .search-header__submit { transition:all 0.35s cubic-bezier(0.29, 0.63, 0.44, 1) } .no-svg .site-header__search { display:inline-block } .no-svg .search-header { max-width:none } .no-svg .search__input { width:auto; padding-left:60px } .mobile-nav { display:block; -ms-transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); transition:all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1) } .sub-nav--is-open .mobile-nav { -ms-transform:translate3d(-100%, 0, 0); -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } .third-nav--is-open .mobile-nav { -ms-transform:translate3d(-200%, 0, 0); -webkit-transform:translate3d(-200%, 0, 0); transform:translate3d(-200%, 0, 0) } .mobile-nav__link, .mobile-nav__sublist-link { display:block; width:100%; padding:15px 30px; font-size:16px } .mobile-nav__link { position:relative } .mobile-nav__label { border-bottom:1px solid transparent } .mobile-nav__link--active .mobile-nav__label { border-bottom-color:#3d4246 } .mobile-nav__sublist-link:not(.mobile-nav__sublist-header) { padding-left:70px; padding-right:30px } .mobile-nav__item { display:block; width:100% } .mobile-nav__item .icon { position:absolute; top:50%; left:50%; height:12px; width:10px; margin:-6px 0 0 -5px } .mobile-nav__return { border-right:1px solid #e8e9eb } .mobile-nav__return-btn { position:relative; padding:24px 0; width:55px } .mobile-nav__icon { position:absolute; right:0; top:0; bottom:0; padding-left:22px; padding-right:22px; pointer-events:none; overflow:hidden } .mobile-nav__table { display:table; width:100% } .mobile-nav__table-cell { display:table-cell; vertical-align:middle; width:1%; text-align:left; white-space:normal } .mobile-nav__toggle-button { padding:20px 15px } .mobile-nav__dropdown { position:absolute; background-color:#fff; z-index:8; width:100%; top:0; right:-100%; display:none } .is-active+.mobile-nav__dropdown { display:block; opacity:1 } .mobile-nav__dropdown.is-closing { transition:all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1); opacity:0.99 } .mobile-nav__dropdown .mobile-nav__sublist-header { font-family: 'Roboto', sans-serif; font-style:normal; font-weight:600; display:table-cell; vertical-align:middle; padding-left:15px } .mobile-nav__dropdown .mobile-nav__sublist-header--main-nav-parent { color:#333333 } .mobile-nav-wrapper { -ms-transform:translateY(-100%); -webkit-transform:translateY(-100%); transform:translateY(-100%); position:absolute; top:0; left:0; background-color:#fff; transition:all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1); display:none; overflow:hidden; width:100% } .mobile-nav-wrapper::after { content:''; position:absolute; bottom:0; left:0; right:0; border-bottom:1px solid #e8e9eb } .mobile-nav-wrapper.js-menu--is-open { display:block } .mobile-nav--open .icon-close { display:none } .mobile-nav--close .icon-hamburger { display:none } .site-header__mobile-nav { z-index:999; position:relative; background-color:#fff } @media only screen and (max-width: 749px) { .site-header__mobile-nav { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center } } .modal { -ms-transform:translateY(-20px); -webkit-transform:translateY(-20px); transform:translateY(-20px); background-color:#fff; bottom:0; color:#3d4246; display:none; left:0; opacity:0; overflow:hidden; position:fixed; right:0; top:0 } .modal--is-active { -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); display:block; opacity:1; overflow:hidden } .modal__inner { -moz-transform-style:preserve-3d; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; height:100% } .modal__centered { -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); position:relative; top:50% } .no-csstransforms .modal__centered { top:20% } .modal__close { border:0; padding:55px; position:fixed; top:0; right:0; z-index:2 } .modal__close .icon { font-size:1.25em } .slideshow-wrapper { position:relative } .slideshow { position:unset; overflow:hidden; margin-bottom:0; max-height:80vh; transition:height 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87) } @media only screen and (min-width: 750px) { .slideshow { position:relative; max-height:100vh } } .slideshow .slideshow__slide, .slideshow .slick-list, .slideshow .slick-track { height:100% } .slideshow .slick-prev, .slideshow .slick-next { top:0; height:100%; margin-top:0; width:40px } .slideshow .slick-prev { left:0 } .slideshow .slick-next { right:0 } @media only screen and (min-width: 750px) { .slideshow--display-controls .slick-dots { left:calc(50% - 22px) } } .slideshow--small { height:175px } @media only screen and (min-width: 750px) { .slideshow--small { height:475px } } .slideshow--medium { height:270px } @media only screen and (min-width: 750px) { .slideshow--medium { height:650px } } .slideshow--large { height:375px } @media only screen and (min-width: 750px) { .slideshow--large { height:775px } } .slideshow__slide { position:relative; overflow:hidden } .slideshow__link { display:block; position:absolute; top:0; left:0; right:0; bottom:0 } .slideshow__link:active, .slideshow__link:focus { opacity:1 } @media only screen and (min-width: 750px) { .slideshow__overlay::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#3d4246; opacity:0.4; z-index:2 } } .slideshow__image { transition:opacity 0.8s cubic-bezier(0.44, 0.13, 0.48, 0.87); position:absolute; top:0; left:0; opacity:0; height:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; background-color:transparent; z-index:1 } .slick-initialized .slideshow__image, .no-js .slideshow__image { opacity:1 } .slideshow__text-wrap { height:100%; position:relative } .slideshow__link .slideshow__text-wrap { cursor:inherit } .slideshow__text-wrap--mobile { display:none } @media only screen and (max-width: 749px) { .slideshow__text-wrap--mobile { display:block; position:relative; top:-1.1rem; background-color:#fff; width:85%; margin:0 0 -1.1rem 7.5% } } @media only screen and (min-width: 750px) { .slideshow__text-content { transition:0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87); transition-delay:0.3s } } .slideshow__text-wrap--desktop .slideshow__text-content { position:absolute; width:100%; top:50%; opacity:0; z-index:2 } @media only screen and (min-width: 750px) { .slideshow__text-content.slideshow__text-content--vertical-top { top:120px } .slideshow__text-content.slideshow__text-content--vertical-bottom { top:auto; bottom:40px } } .slick-initialized .slick-active .slideshow__text-content, .no-js .slideshow__text-content { -ms-transform:translateY(-40px); -webkit-transform:translateY(-40px); transform:translateY(-40px); opacity:1 } .slick-initialized .slick-active .slideshow__text-content.slideshow__text-content--vertical-center, .no-js .slideshow__text-content.slideshow__text-content--vertical-center { -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%) } .slideshow__text-content::after { content:''; content:''; display:block; width:40px; height:40px; position:absolute; margin-left:-20px; margin-top:-20px; border-radius:50%; border:3px solid #fff; border-top-color:transparent; -moz-animation:spin 0.65s infinite linear; -o-animation:spin 0.65s infinite linear; -webkit-animation:spin 0.65s infinite linear; animation:spin 0.65s infinite linear; opacity:1; transition:all 1s cubic-bezier(0.29, 0.63, 0.44, 1); bottom:-55px; left:50% } @media only screen and (max-width: 749px) { .slideshow__text-content::after { content:none } } .slick-initialized .slideshow__text-content::after, .no-js .slideshow__text-content::after { opacity:0; visibility:hidden; content:none } .slideshow__text-content--mobile { display:none; padding-top:2.6rem } .slideshow__arrows--mobile ~ .slideshow__text-content--mobile { padding-top:1.7rem } @media only screen and (min-width: 750px) { .slideshow__arrows--mobile ~ .slideshow__text-content--mobile { padding-top:0 } } @media only screen and (min-width: 750px) { .slideshow__text-content--mobile { padding-top:0 } .slideshow__text-content--mobile::after { display:none } } .slideshow__title, .slideshow__subtitle { color:#fff } @media only screen and (max-width: 749px) { .slideshow__title, .slideshow__subtitle { display:none } } .slideshow__title--mobile { margin-bottom:0 } .slideshow__title--mobile ~ .slideshow__subtitle--mobile { margin-top:0.5rem } .slideshow__subtitle--mobile, .slideshow__title--mobile { display:none; color:#3d4246 } @media only screen and (max-width: 749px) { .slideshow__subtitle--mobile, .slideshow__title--mobile { display:block } } .slideshow__btn-wrapper { border:none; background-color:transparent } @media only screen and (min-width: 750px) { .slideshow__btn-wrapper--push { margin-top:30px } } .slideshow__btn { max-width:100%; display:inline-block; word-wrap:break-word; background-color:#557b97; color:#fff; min-height:3.125rem; line-height:2.2 } @media only screen and (max-width: 749px) { .slideshow__btn { display:none } } .slideshow__btn--mobile { display:none; margin:1.3rem auto 0 } @media only screen and (max-width: 749px) { .slideshow__btn--mobile { display:inline-block; margin:2rem auto 0.3rem } } .slideshow__controls { display:none; justify-content:center; position:absolute; top:0px; right:0px; margin-bottom:5px } @media only screen and (min-width: 750px) { .slideshow__controls { top:auto; bottom:0; left:0 } } .slick-initialized+.slideshow__controls { display:flex } .slideshow__arrows { height:44px; padding:5px; background-clip:content-box; background-color:rgba(0,0,0,0.4); color:rgba(255,255,255,0.5); transition:color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87); display:none } @media only screen and (min-width: 750px) { .slideshow__arrows { display:flex } } @media only screen and (min-width: 750px) { .slideshow__controls:hover .slideshow__arrows, .slideshow__controls:focus .slideshow__arrows, .slideshow__controls--hover .slideshow__arrows { background-color:rgba(0,0,0,0.75) } } .slideshow__arrows .slideshow__arrow { height:44px; width:44px; position:relative; top:-5px; padding:0 0.9rem; line-height:0; cursor:pointer; transition:color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87); background-color:transparent; color:rgba(255,255,255,0.5); border:none } .slideshow__arrows .slideshow__arrow .icon { width:0.7rem; height:0.7rem; transition:color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87) } .slideshow__arrows .slideshow__arrow .icon:hover { color:#fff } .slideshow__arrows .slideshow__arrow-left { float:left } @media only screen and (min-width: 750px) { .slideshow__arrows .slideshow__arrow-left { order:-1 } } .slideshow__arrows .slideshow__arrow-right { float:right } @media only screen and (min-width: 750px) { .slideshow__arrows .slideshow__arrow-right { order:1 } } .slideshow__arrows .slick-dots { line-height:32px } .slideshow__arrows .slick-dots li { width:9px; height:9px; margin-left:9px } .slideshow__arrows .slick-dots li button::before, .slideshow__arrows .slick-dots li a::before { width:9px; height:9px; color:rgba(0,0,0,0.2); border:none; opacity:1 } @media only screen and (min-width: 750px) { .slideshow__arrows .slick-dots li button::before, .slideshow__arrows .slick-dots li a::before { color:rgba(255,255,255,0.5) } } .slideshow__arrows .slick-dots li.slick-active-mobile button::before, .slideshow__arrows .slick-dots li.slick-active-mobile a::before { color:#000 } .slideshow__arrows .slick-dots li.slick-active button::before, .slideshow__arrows .slick-dots li.slick-active a::before { color:#fff } .slideshow__arrows--mobile { display:block; width:100%; height:44px; background-color:transparent } .slideshow__arrows--mobile .icon { fill:rgba(0,0,0,0.5) } .slideshow__arrows--mobile .slideshow__arrow:focus .icon { fill:#000 } @media only screen and (min-width: 750px) { .slideshow__arrows--mobile { display:none } } .slideshow__pause { clip:auto; width:44px; height:44px; margin-left:1px; padding:5px; background-clip:content-box; z-index:10000; border:none; background-color:rgba(0,0,0,0.4); transition:color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87); line-height:0 } @media only screen and (min-width: 750px) { .slideshow__controls:hover .slideshow__pause, .slideshow__controls:focus .slideshow__pause, .slideshow__controls--hover .slideshow__pause { background-color:rgba(0,0,0,0.75) } } .slideshow__pause .icon { color:rgba(255,255,255,0.5); transition:color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87) } .slideshow__pause .icon:hover { color:#fff } .slideshow__pause .icon { width:0.65rem; height:0.65rem } .slideshow__pause-stop { display:block } .is-paused .slideshow__pause-stop { display:none } .slideshow__pause-rotate { display:none } .is-paused .slideshow__pause-rotate { display:block } .price { display:flex; flex-direction:column; align-items:flex-start; margin-top:0; margin-bottom:0 } @media only screen and (max-width: 749px) { .price { font-size:0.9375em } } .price dl { margin-top:0 } .price dd { margin:0 0.5em 0 0 } .price--unavailable { visibility:hidden } .price__regular { display:block } .price--on-sale .price__regular, .price--on-sale .price__availability { display:none } .price__availability { display:none } .price--sold-out .price__availability { display:block } .price--sold-out .price__regular, .price--sold-out .price__sale, .price--sold-out .price__unit { display:none } .price__sale { display:none } .price--on-sale .price__sale { display:flex } .price__vendor { color:#333333; font-size:0.9em; font-weight:400; text-transform:uppercase; letter-spacing:1px; margin:5px 0 10px; width:100%; -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; -moz-flex-basis:100%; flex-basis:100% } .price__unit { -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; -moz-flex-basis:100%; flex-basis:100%; display:none } .price--unit-available .price__unit { display:block } .price-item { color:#333333; font-weight:600 } .price-item--sale { color:#557b97 } .price--on-sale .price-item--regular { text-decoration:line-through } .price-unit-price { color:#333333; font-size:0.8em } .price-item__label { display:inline-block; white-space:nowrap; font-weight:600 } .price-item__label--sale { color:#557b97 } .filters-toolbar-wrapper { border-bottom:1px solid #e8e9eb; border-top:1px solid #e8e9eb; margin-bottom:22px } @media only screen and (min-width: 750px) { .filters-toolbar-wrapper { margin-bottom:55px } } .filters-toolbar { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } .filters-toolbar .icon-chevron-down { fill:#000; width:calc(10em / 16); height:calc(10em / 16); right:8px } .filters-toolbar--has-filter { position:relative } @media only screen and (max-width: 749px) { .filters-toolbar--has-filter { border-bottom:none } .filters-toolbar--has-filter .filters-toolbar__item-child { flex-basis:50% } .filters-toolbar--has-filter .filters-toolbar__item-wrapper { -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; -moz-flex-basis:100%; flex-basis:100% } .filters-toolbar--has-filter .filters-toolbar__item--count { -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; -moz-flex-basis:100%; flex-basis:100%; text-align:left } .filters-toolbar--has-filter .filters-toolbar__item--count:before { background-color:#e8e9eb; content:""; height:1px; left:0; position:absolute; top:auto; width:100% } } .filters-toolbar__item { min-width:33%; -webkit-flex:1 1 33%; -moz-flex:1 1 33%; -ms-flex:1 1 33%; flex:1 1 33% } .no-flexbox .filters-toolbar__item { text-align:left !important } @media only screen and (max-width: 749px) { .filters-toolbar__item:first-child .filters-toolbar__input { padding-left:0 } } @media only screen and (max-width: 749px) { .filters-toolbar__item-child { flex-grow:0 } } @media only screen and (max-width: 749px) { .filters-toolbar__item-child:first-child { margin-right:2.5rem } } @media only screen and (min-width: 750px) { .filters-toolbar__item-child:first-child { margin-right:3rem } } @media only screen and (max-width: 749px) { .filters-toolbar__item-child .filters-toolbar__input { padding-left:0; padding-right:25px; width:100% } } .filters-toolbar__item-wrapper { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -webkit-flex:1 1 33%; -moz-flex:1 1 33%; -ms-flex:1 1 33%; flex:1 1 33% } @media only screen and (max-width: 749px) { .filters-toolbar__item-wrapper { -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between } } .filters-toolbar__item--count { min-width:0; -webkit-flex:0 1 auto; -moz-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto; text-align:center } @media only screen and (max-width: 749px) { .filters-toolbar__item--count { -webkit-flex:0 1 50%; -moz-flex:0 1 50%; -ms-flex:0 1 50%; flex:0 1 50%; text-align:right } } .no-flexbox .filters-toolbar select { width:100% !important } .filters-toolbar__label { display:inline-block } @media only screen and (max-width: 749px) { .filters-toolbar__label { display:block; margin-bottom:0; margin-top:8px } } .filters-toolbar__input-wrapper { display:inline-block } .filters-toolbar__input { border:0 solid transparent; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; height:55px; opacity:1; position:relative } .filters-toolbar__item:first-child .filters-toolbar__input { padding-left:0 } .no-flexbox .filters-toolbar__input { margin:0 } @media only screen and (max-width: 749px) { .filters-toolbar__input { height:46px } } .filters-toolbar__input.hidden { opacity:0 } .filters-toolbar__input option { text-overflow:ellipsis; overflow:hidden } .filters-toolbar__product-count { font-size:0.9375em; font-style:italic; line-height:55px; margin-bottom:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } @media only screen and (max-width: 749px) { .filters-toolbar__product-count { font-size:0.875em; line-height:46px } } .site-footer { margin-top:55px; padding:55px 0 0 0 } @media only screen and (min-width: 750px) { .site-footer { padding-bottom:0 } } .site-footer h4, .site-footer .h4 { margin-bottom:12.5px } @media only screen and (min-width: 750px) { .site-footer h4, .site-footer .h4 { min-height:1.1875em; margin-bottom:25px } } .site-footer__content { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:start; -webkit-align-items:flex-start; -moz-align-items:flex-start; -ms-align-items:flex-start; -o-align-items:flex-start; align-items:flex-start; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } @media only screen and (max-width: 749px) { .site-footer__content { padding:0 18px } } @media only screen and (min-width: 750px) { .site-footer__content { -webkit-flex-wrap:nowrap; -moz-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap } } .site-footer__item { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -webkit-flex:1 1 100%; -moz-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100%; margin-bottom:55px } @media only screen and (min-width: 750px) { .site-footer__item { padding:0 15px 0 15px; margin-bottom:45px } } .site-footer__item:first-of-type { padding-left:0 } .site-footer__item:last-of-type { padding-right:0 } @media only screen and (max-width: 749px) { .site-footer__item:last-of-type { margin-bottom:0 } } @media only screen and (min-width: 750px) { .site-footer__item--full-width { -webkit-flex:1 1 100%; -moz-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100% } .site-footer__item--one-half { -webkit-flex:1 1 50%; -moz-flex:1 1 50%; -ms-flex:1 1 50%; flex:1 1 50% } .site-footer__item--one-third { -webkit-flex:1 1 33%; -moz-flex:1 1 33%; -ms-flex:1 1 33%; flex:1 1 33% } .site-footer__item--one-quarter { -webkit-flex:1 1 25%; -moz-flex:1 1 25%; -ms-flex:1 1 25%; flex:1 1 25% } .site-footer__item--one-fifth { -webkit-flex:1 1 20%; -moz-flex:1 1 20%; -ms-flex:1 1 20%; flex:1 1 20% } .site-footer-newsletter__one-half { -webkit-flex:1 1 50%; -moz-flex:1 1 50%; -ms-flex:1 1 50%; flex:1 1 50% } } @media only screen and (min-width: 750px) { .site-footer__item--center { -webkit-justify-content:center; -ms-justify-content:center; justify-content:center } .site-footer__item--center>* { text-align:center } } .site-footer__item-inner--newsletter { width:100% } .site-footer__item-inner--newsletter .newsletter__submit { margin-top:5px } .site-footer__item-inner--newsletter .newsletter__input { margin:5px 0 0 0; width:100% } @media only screen and (min-width: 750px) { .site-footer__item--full-width .site-footer__item-inner--newsletter { max-width:50% } } @media only screen and (min-width: 750px) { .site-footer__centered--single-block { width:75%; margin:0 auto } } .site-footer__hr { margin:55px 0 15px 0 } @media only screen and (min-width: 750px) { .site-footer__hr { margin:45px 0 10px 0 } } @media only screen and (max-width: 749px) { .site-footer__linklist.list--inline>li { display:block } } .site-footer__linklist-item { display:block; padding:15px 0 } @media only screen and (min-width: 750px) { .site-footer__linklist-item { padding:0 30px 5px 0 } } .site-footer__linklist-item:last-of-type { padding-right:0 } .site-footer__icon-list { padding-bottom:30px } @media only screen and (min-width: 750px) { .site-footer__icon-list { padding-bottom:15px } } .site-footer__social-icons { margin:0 -15px } .site-footer__social-icons li { padding:5px 15px } .social-icons__link { display:block } .site-footer__subwrapper { margin-top:35px } .site-footer__copyright-content { font-size:0.8125em } @media only screen and (min-width: 750px) { .site-footer__payment-icons { text-align:right } } .site-footer__payment-icons .payment-icon { margin-bottom:5px; margin-left:5px } .site-footer__payment-icons .payment-icon:first-child { margin-left:0 } .feature-row { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center } @media only screen and (max-width: 749px) { .feature-row { -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } } .feature-row__item { -webkit-flex:0 1 50%; -moz-flex:0 1 50%; -ms-flex:0 1 50%; flex:0 1 50% } @media only screen and (max-width: 749px) { .feature-row__item { -webkit-flex:1 1 auto; -moz-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; width:100%; max-width:100% } } .feature-row__image-wrapper { margin:0 auto 19.44444px; position:relative; width:100% } .feature-row__image { display:block; margin:0 auto } .feature-row__image-wrapper .feature-row__image { width:100%; position:absolute; top:0 } @media only screen and (max-width: 749px) { .feature-row__image { order:1 } } .feature-row__text { padding-top:35px; padding-bottom:35px } @media only screen and (max-width: 749px) { .feature-row__text { order:2; padding-bottom:0 } } @media only screen and (min-width: 750px) { .feature-row__text--left { padding-left:35px } .feature-row__text--right { padding-right:35px } } @media only screen and (min-width: 750px) { .featured-row__subtext { font-size:1.125em } } .hero { position:relative; height:475px; display:table; width:100%; background-size:cover; background-repeat:no-repeat; background-position:50% 50% } .hero--adapt, .hero-fixed-width__image { max-height:100vh } @media only screen and (min-width: 750px) { .hero--adapt, .hero-fixed-width__image { max-height:80vh } } .hero--x-small { height:94px } .hero--small { height:225px } .hero--medium { height:357px } .hero--large { height:488px } .hero--x-large { height:582px } @media only screen and (min-width: 750px) { .hero--x-small { height:125px } .hero--small { height:300px } .hero--medium { height:475px } .hero--large { height:650px } .hero--x-large { height:775px } } .hero__overlay::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#3d4246; opacity:0.4; z-index:1 } .hero__inner { position:relative; display:table-cell; vertical-align:middle; padding:55px 0; z-index:2 } .hero__btn { margin-top:27.5px } .hero-fixed-width { position:relative } .hero-fixed-width::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#3d4246; opacity:0.4; z-index:1 } .hero-fixed-width__content { position:absolute; top:50%; left:0; right:0; z-index:2; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%) } .hero-fixed-width__image { width:100%; height:100%; max-width:100%; margin:0 auto; display:block; object-fit:cover; font-family:"object-fit: cover"; overflow:hidden } .quote-icon { display:block; margin:0 auto 20px } .quotes-slider__text { font-size:1.10938em; font-weight:400; font-style:normal; padding:0 15px } .quotes-slider__text cite { font-size:0.8em; font-style:normal } .quotes-slider__text p { margin-bottom:30px } .quotes-slider__text p+cite { margin-top:0 } .slick-dotted.quotes-slider.slick-initialized { cursor:grab; cursor:-moz-grab; cursor:-webkit-grab } .quotes-wrapper .slick-dots { position:relative; bottom:0; margin-top:55px } .quotes-wrapper .slick-dots li { margin:0 } .quotes-wrapper .slick-dots li button::before { font-size:34px; color:#3d4246; opacity:0.2 } .quotes-wrapper .slick-dots li.slick-active button::before { opacity:1 } .quotes-wrapper .slick-slide[tabindex="0"] { outline:none } .logo-bar { list-style:none; text-align:center; margin-bottom:-35px } @media only screen and (min-width: 750px) { .logo-bar--large { margin-bottom:-55px } } .logo-bar__item { display:inline-block; vertical-align:middle; max-width:160px; margin:0 27.5px 35px } @media only screen and (min-width: 750px) { .logo-bar__item--large { margin-bottom:55px } } .logo-bar__image { display:block; margin:0 auto } .logo-bar__link { display:block } .map-section { position:relative; width:100%; overflow:hidden; display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row } @media only screen and (min-width: 750px) { .map-section { min-height:500px } } .map-section--load-error { height:auto } .map-section__wrapper { height:100%; flex-shrink:0; flex-grow:1; -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; -moz-flex-basis:100%; flex-basis:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row } .map-section__overlay { position:absolute; top:0; right:0; bottom:0; left:0; opacity:0; z-index:2 } .map-section__error { position:relative; z-index:3 } @media only screen and (min-width: 750px) { .map-section__error { position:absolute; margin:0 2rem; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%) } } .map-section__content-wrapper { position:relative; text-align:center; height:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; -moz-flex-basis:100%; flex-basis:100%; flex-grow:0 } @media only screen and (min-width: 750px) and (max-width: 989px) { .map-section__content-wrapper { -ms-flex-preferred-size:50%; -webkit-flex-basis:50%; -moz-flex-basis:50%; flex-basis:50% } } @media only screen and (min-width: 990px) { .map-section__content-wrapper { -ms-flex-preferred-size:33%; -webkit-flex-basis:33%; -moz-flex-basis:33%; flex-basis:33% } } .map-section__content { position:relative; display:inline-block; background-color:rgba(105,114,123,0.05); padding:35px; width:100%; text-align:center; z-index:3; display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-content:center; -ms-align-content:center; align-content:center } .map-section__content>* { width:100% } @media only screen and (min-width: 750px) { .map-section__content { background-color:#fff; margin:55px 0; min-height:300px } } .map-section--load-error .map-section__content { position:static; transform:translateY(0) } .map-section__link { display:block; position:absolute; top:0; left:50%; max-width:none; width:100%; height:100%; z-index:2; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%) } .map-section__container { max-width:none; width:100%; height:55vh; left:0 } @media only screen and (min-width: 750px) { .map-section__container { position:absolute; height:100%; top:0; width:130% } } .map_section__directions-btn [class^="icon"] { height:1em } .map_section__directions-btn * { vertical-align:middle } .map-section__background-wrapper { overflow:hidden; position:relative; -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; -moz-flex-basis:100%; flex-basis:100% } @media only screen and (min-width: 750px) { .map-section__background-wrapper { position:absolute; left:0; top:0; width:100%; height:100% } } .map-section--onboarding .map-section__background-wrapper { min-height:55vh } .map-section__image { height:100%; position:relative; top:0; left:0; width:100%; background-size:cover; background-position:center } @media only screen and (min-width: 750px) { .map-section__image { position:absolute } } .map-section--display-map .map-section__image { display:none !important } .map-section--load-error .map-section__image { display:block !important } .gm-style-cc, .gm-style-cc+div { visibility:hidden } .image-bar { overflow:hidden } @media only screen and (max-width: 749px) { .image-bar { max-width:400px; margin:0 auto } } .image-bar__item { display:block; color:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:cover } .image-bar__link:hover .image-bar__overlay::before, .image-bar__link:focus .image-bar__overlay::before { opacity:0.8 } .image-bar__link:focus { position:relative; z-index:2 } .image-bar__link:focus .image-bar__content { outline:1px dotted #212121; outline:5px auto -webkit-focus-ring-color } .image-bar__content, .image-bar__item { position:relative; width:100% } .image-bar--x-small .image-bar__content, .image-bar--x-small .image-bar__item { height:94px } .image-bar--small .image-bar__content, .image-bar--small .image-bar__item { height:225px } .image-bar--medium .image-bar__content, .image-bar--medium .image-bar__item { height:357px } .image-bar--large .image-bar__content, .image-bar--large .image-bar__item { height:488px } .image-bar--x-large .image-bar__content, .image-bar--x-large .image-bar__item { height:582px } @media only screen and (min-width: 750px) { .image-bar--x-small .image-bar__content, .image-bar--x-small .image-bar__item { height:125px } .image-bar--small .image-bar__content, .image-bar--small .image-bar__item { height:300px } .image-bar--medium .image-bar__content, .image-bar--medium .image-bar__item { height:475px } .image-bar--large .image-bar__content, .image-bar--large .image-bar__item { height:650px } .image-bar--x-large .image-bar__content, .image-bar--x-large .image-bar__item { height:775px } } .image-bar__overlay::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#3d4246; opacity:0.4 } .image-bar__caption { position:absolute; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); transition:0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87); width:100%; text-align:center; text-shadow:0 0 4px rgba(0,0,0,0.4) } .collection-grid { margin-bottom:-22px; overflow:auto } .collection-grid-item { position:relative; width:100%; padding-bottom:100%; margin-bottom:22px } @media only screen and (min-width: 750px) { .collection-grid-item { margin-bottom:30px } } .collection-grid-item__title { color:#fff; position:absolute; text-align:center; width:100%; top:50%; padding:0 5px; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); transition:0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87); text-shadow:0 0 4px rgba(0,0,0,0.4); hyphens:auto } @media only screen and (min-width: 750px) { .collection-grid-item__title { padding:0 15px } } .collection-grid-item__link { position:absolute; top:0; left:0; bottom:0; right:0 } .collection-grid-item__link:hover .collection-grid-item__title-wrapper::before, .collection-grid-item__link:focus .collection-grid-item__title-wrapper::before { opacity:0.8 } .collection-grid-item__link:focus { opacity:1 } .collection-grid-item__overlay { position:relative; display:block; height:100%; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center top } .collection-grid-item__title-wrapper::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#3d4246; opacity:0.4 } .custom-content { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:stretch; -webkit-align-items:stretch; -moz-align-items:stretch; -ms-align-items:stretch; -o-align-items:stretch; align-items:stretch; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; width:auto; margin-bottom:-30px; margin-left:-30px } @media only screen and (max-width: 749px) { .custom-content { margin-bottom:-22px; margin-left:-22px } } .custom__item { -webkit-flex:0 0 auto; -moz-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; margin-bottom:30px; padding-left:30px; max-width:100% } @media only screen and (max-width: 749px) { .custom__item { -webkit-flex:0 0 auto; -moz-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; padding-left:22px; margin-bottom:22px } .custom__item.small--one-half { -webkit-flex:1 0 50%; -moz-flex:1 0 50%; -ms-flex:1 0 50%; flex:1 0 50%; max-width:400px; margin-left:auto; margin-right:auto } } .custom__item .collection-grid-item { margin-bottom:0 } .custom__item-inner { position:relative; display:block; text-align:left; max-width:100% } .custom__item-inner--video, .custom__item-inner--collection, .custom__item-inner--html { display:block } .custom__item-inner--image { position:relative; margin:0 auto } .custom__image { width:100%; display:block; position:absolute; top:0 } @media only screen and (max-width: 749px) { .custom__item.custom__item--link_list { flex:1 0 100%; max-width:none } } .custom__linklist { margin-left:-15px; margin-right:-15px } @media only screen and (min-width: 750px) { .custom__linklist { margin-left:-12px; margin-right:-12px } } .custom__linklist-link { display:inline-block; padding:10px 15px; margin:5px 0 } @media only screen and (min-width: 750px) { .custom__linklist-link { padding:3px 12px; margin-top:0; margin-bottom:0 } } .align--top-middle { text-align:center } .align--top-right { text-align:right } .align--middle-left { -ms-flex-item-align:center; -webkit-align-self:center; align-self:center } .align--center { -ms-flex-item-align:center; -webkit-align-self:center; align-self:center; text-align:center } .align--middle-right { -ms-flex-item-align:center; -webkit-align-self:center; align-self:center; text-align:right } .align--bottom-left { -ms-flex-item-align:flex-end; -webkit-align-self:flex-end; align-self:flex-end } .align--bottom-middle { -ms-flex-item-align:flex-end; -webkit-align-self:flex-end; align-self:flex-end; text-align:center } .align--bottom-right { -ms-flex-item-align:flex-end; -webkit-align-self:flex-end; align-self:flex-end; text-align:right } .newsletter-section { padding-top:55px } .index-section--newsletter-background { background-color:rgba(105,114,123,0.05) } .rich-text__heading--large { font-size:1.4em } .rich-text__heading--small { font-size:0.88em } .rich-text__text--large { font-size:1.125em } .rich-text__text--small { font-size:0.875em } .product-card { position:relative } .product-card:hover .product-card__image-wrapper, .product-card:focus-within .product-card__image-wrapper { opacity:0.8 } .product-card__image-with-placeholder-wrapper { position:relative } .product-card__title { border-bottom:1px solid transparent; display:inline } @media only screen and (max-width: 749px) { .currency-selector { display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center; background-color:rgba(105,114,123,0.1); padding:12px 17px 12px 30px } } .currency-selector__label { font-size:0.75em; margin-bottom:0; text-transform:uppercase } .currency-selector__input-wrapper { margin-top:4px } @media only screen and (max-width: 749px) { .currency-selector__input-wrapper { margin-top:0; width:100% } } .currency-selector__input-wrapper .icon { left:auto; height:10px; margin:0; width:12px } @media only screen and (min-width: 750px) { .currency-selector__input-wrapper .icon { height:calc(8em / 16); right:5px; width:calc(8em / 16) } } .currency-selector__dropdown { border:none; color:#3d4246; padding-left:8px; padding-right:17px } @media only screen and (max-width: 749px) { .currency-selector__dropdown { font-size:0.75em; font-weight:700; width:100% } } [data-section-type="video-section"] { margin:0 auto } @media only screen and (max-width: 749px) { [data-section-type="video-section"] { transition:width 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87), height 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87), padding 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87) } } .video-section-wrapper { position:relative; display:flex; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; width:100%; height:100% } @media only screen and (min-width: 750px) { .video-section-wrapper { overflow:hidden } } @media only screen and (max-width: 749px) { .video-section-wrapper { overflow:visible !important } .video-section-wrapper.video-is-playing { margin:0 } .video-section-wrapper.video-is-loaded { transition:margin 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87) } } .video-section-wrapper--small.video-section-wrapper--min-height { min-height:175px } @media only screen and (min-width: 750px) { .video-section-wrapper--small.video-section-wrapper--min-height { min-height:475px } } .video-section-wrapper--medium.video-section-wrapper--min-height { min-height:270px } @media only screen and (min-width: 750px) { .video-section-wrapper--medium.video-section-wrapper--min-height { min-height:650px } } .video-section-wrapper--large.video-section-wrapper--min-height { min-height:375px } @media only screen and (min-width: 750px) { .video-section-wrapper--large.video-section-wrapper--min-height { min-height:775px } } .video-background-wrapper--no-overlay { background-color:rgba(61,66,70,0.2) } .video__text-content { text-align:center; position:relative; width:100%; top:20px; opacity:1; transition:all 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87); transition-delay:0.3s; z-index:3; padding:40px 0 } .video-is-playing .video__text-content { display:none } .video-is-loaded .video__text-content, .no-js .video__text-content { -ms-transform:translateY(-20px); -webkit-transform:translateY(-20px); transform:translateY(-20px) } .video-is-loaded .video__text-content::after, .no-js .video__text-content::after { opacity:0; visibility:hidden; content:none } .video__title { color:#fff } .video-is-paused .video__title { display:none } .video { display:none; position:absolute; left:0; top:0; z-index:2 } .video--background { position:absolute; visibility:hidden; opacity:0; transition:all 0.2s ease-in } .autoplay .video-is-loaded .video--background { display:block; visibility:visible; opacity:1 } .video--image_with_play { display:none; opacity:0; visibility:none; width:100%; height:100%; transition:all 0.2s ease-in } .video-is-playing .video--image_with_play, .video-is-paused .video--image_with_play { display:block; visibility:visible; opacity:1 } .video-control { display:none; visibility:hidden; opacity:0; position:absolute; z-index:4; transition:all 0.1s ease-out } .video-control__play-wrapper { display:none; height:50px } @media only screen and (min-width: 750px) { .video-control__play-wrapper { display:block } } .video-control__play-wrapper-mobile { display:block; height:50px; position:absolute; top:calc(100% - 50px / 2); left:calc(50% - 50px / 2) } @media only screen and (min-width: 750px) { .video-control__play-wrapper-mobile { display:none } } .video-control__play-wrapper--with-text { margin-top:30px } .video-control__play { display:flex; justify-content:center; visibility:visible; opacity:1; width:50px; height:50px; border-radius:25px; position:relative; margin:0 auto; padding:5px; pointer-events:none } .video-background-wrapper .video-control__play { top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%) } .video-control__play .icon { opacity:0.5 } .video-is-loaded .video-control__play { pointer-events:auto } .video-is-loaded .video-control__play .icon { opacity:1 } .video-is-playing .video-control__play { display:none; visibility:hidden; opacity:0 } .video-control__play::before { content:''; display:block; width:2.875rem; height:2.875rem; position:absolute; margin-left:-1.4375rem; border-radius:50%; border:2px solid white; border-top-color:transparent; -moz-animation:spin 0.65s infinite linear; -o-animation:spin 0.65s infinite linear; -webkit-animation:spin 0.65s infinite linear; animation:spin 0.65s infinite linear; transition:all 0.1s ease-out 0.5s; z-index:5; top:1px; left:50%; opacity:0.5 } .video-is-loaded .video-control__play::before, .video-is-playing .video-control__play::before, .video-is-paused .video-control__play::before { content:none; display:none } .video-control__close-wrapper { display:none; width:50px; height:50px; position:absolute; top:0; right:0; outline:none; z-index:3 } .video-is-playing .video-control__close-wrapper, .video-is-paused .video-control__close-wrapper { display:block } .video-control__close { position:relative; width:30px; height:30px; margin:0 auto; font-size:14px; line-height:27px; border-radius:15px; background-color:#fff; color:#000 } .video-control__close-wrapper:hover .video-control__close, .video-control__close-wrapper:focus .video-control__close { outline:auto 5px -webkit-focus-ring-color; opacity:0.7 } .video-is-playing .video-control__close, .video-is-paused .video-control__close { display:inline-block; visibility:visible; opacity:1 } .video-control__close .icon { display:inline-block; width:14px; height:14px; margin:0 auto } .video__pause { position:absolute; top:0; right:0; z-index:3; width:50px; height:50px; padding:0; border:none; background-color:transparent; transition:color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87) } @media only screen and (max-width: 749px) { .video__pause { display:none } } .video-is-playing .video__pause { display:none } .video__pause .icon { position:relative; color:rgba(255,255,255,0.5); transition:color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87) } .video__pause:hover, .video__pause:focus { outline:none } .video__pause:hover .icon, .video__pause:focus .icon { color:#fff } .video__pause .icon-pause { width:12px; height:12px; top:11px } .video__pause .icon-play { width:16px; height:16px; top:9px } .video__pause-resume, .video__pause-stop { height:34px; width:34px; margin:0 auto; justify-content:center; background-color:rgba(0,0,0,0.4) } .video__pause:hover .video__pause-resume, .video__pause:focus .video__pause-resume, .video__pause:hover .video__pause-stop, .video__pause:focus .video__pause-stop { background-color:rgba(0,0,0,0.75) } .video__pause:focus .video__pause-resume, .video__pause:focus .video__pause-stop { outline:auto 5px -webkit-focus-ring-color } .video__pause-stop { display:flex } .is-paused .video__pause-stop { display:none } .video__pause-resume { display:none } .is-paused .video__pause-resume { display:flex } .video__overlay::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#3d4246; opacity:0.4; z-index:3 } .video-is-playing .video__overlay { opacity:0 } .video-is-playing .video__overlay:before { content:none } .video__image { transition:opacity 0.8s cubic-bezier(0.44, 0.13, 0.48, 0.87); position:absolute; top:0; left:0; opacity:1; height:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position:top center; z-index:1 } @media only screen and (min-width: 750px) { .video-background-wrapper .video__image { opacity:0 } } .no-autoplay .video__image { opacity:1 } .product-recommendations__inner { padding:35px 0 } @media only screen and (min-width: 750px) { .product-recommendations__inner { padding:55px 0 } } /* custom css */ .site-header.border-bottom.logo--left, .textImgBox {max-width: 1640px;margin: 0 auto;padding: 0 20px;} .site-nav__link--button, ul.site-nav.list--inline li a {color:#333333; font-size: 14px;font-weight:400;text-transform: uppercase;} .iBlock {display:inline-block !important;vertical-align: middle;float:none} .headerLeft, .headerRight {width: 40%;} .logoBox {text-align: center;width: 20%;} .headerMain {display: block;} .searchBox button {display:block;background:url(search.png) no-repeat;height: 20px;font-size: 14px;text-transform: uppercase;color:#333333;padding-left:30px} .cartBox a {background:url(cart.png) no-repeat;width:29px;height:32px;padding:0;display: inline-block;} .cartBox {position:relative;} .cartBox #CartCount {position: absolute;width: 25px;height: 25px;background-color: #c4b79a;right:-10px;top:0} .cartBox #CartCount span {color:#252424;font-size: 16px;font-weight: 700;} .accountBox {background:url(account.png) no-repeat;padding-left:30px} .accountBox a {text-transform: uppercase;font-size: 14px} .accountBox span {text-transform: uppercase;color:#9a9a9a;font-size: 14px} .site-header__icons-wrapper {display: block} .site-header__icons-wrapper .iBlock:not(:last-child) {padding-right: 20px;margin-right: 20px;background:url(line.png) no-repeat right} .logoBox .h2.site-header__logo {margin-bottom: 5px;} .arrow-bg {background:url(arrow-bg.png);position:absolute;left:50%;transform:translateX(-50%);width:97px;height: 50px;bottom:0} .owl-prev, .owl-next {position: absolute;} .owl-controls.clickable {margin: 0 !important;} .banner-img img {display: block;width: 100%;} .bannerMain {position: relative;} .arrow-bg::after {content:'';display:block;background-color: #eeeeee;height:34px;width:1px;position:absolute;left:50%;transform:translateX(-50%);bottom:0} .bannerMain .owl-prev, .bannerMain .owl-next {font-size:0;display: block;width:10px;height:11px;bottom: 10px;z-index: 5;} .bannerMain .owl-prev {left:48.7%;background: url(slide-left.jpg)} .bannerMain .owl-next {right:48.7%;background: url(slide-right.jpg)} .coffee {color:#333333} .text-center {text-align: center;} .text-left {text-align: left;} .text-right {text-align: right;} .col-title h2 {text-transform: initial;font-size: 36px;color:#c4b79a;letter-spacing: 0;background:url(title-bg.png) no-repeat center;margin-bottom:0;padding:18px 0} .col-title p {font-size: 20px;color:#6a6363} .col-section-in {padding-top: 58px;} .col-img-main > div {width:50%;padding: 0 20px;} .col-img-main {margin: 35px -20px 15px;} .col-img h2 {color:#c4b79a;line-height: 1;margin-top:20px;font-size:50px} .h4.grid-view-item__title {color: #333;font-weight: 400;text-align: center;display:block;font-size: 16px;line-height: 24px;margin: 25px 0 20px 0;} .price {text-align: center;display: block;} .price .price-item.price-item--regular {font-weight:400;font-weight:700;color:#333333} .grid.grid--uniform.grid--view-items.product-list.owl-carousel.owl-theme {overflow: visible;} .product-list .owl-next, .product-list .owl-prev {top: 50%;transform: translateY(-50%);font-size: 0;width:22px;height:42px} .product-list .owl-prev {left:-30px;background: url(prev-arrow.png)} .product-list .owl-next {right:-30px;background: url(next-arrow.png)} .imgLeft.iBlock {width: 36%;} .imgCenter.iBlock {width: 27%;} .imgRight.iBlock {width: 18%;} .textBoxMain.iBlock {width: 19%;} .textImgBox img {display: block;} .imgCenter.iBlock .textBox {padding: 75px 65px;} .textImgBox .iBlock {vertical-align: bottom;} .lastBox .textBox {padding: 40px 0 40px 33px;} .textBox p {font-size: 16px;color:#333333} .textBox h2 {font-family: "Gothic_century";text-transform: uppercase;font-weight: normal;font-size: 36px;color:#333;} .reviewMain {position:relative;} .reviewMain .owl-next {right:-30px;background: url(test-right.png)} .reviewMain .owl-prev {left:-30px;background: url(test-left.png)} .reviewMain .owl-next, .reviewMain .owl-prev {top:50%;transform:translateY(-50%);font-size: 0;width:22px;height:42px} .reviewIn {text-align: center;padding: 0 106px;background:url(star.png) center 0 no-repeat;padding-top: 26px;} .reviewIn span {display: block;font-style: normal;line-height: 34px} .reviewIn p {color:#333333;font-size: 16px;font-style: italic;} .reviewMain {background:url(test-bg.png) center;padding: 60px 0;} .page-title h2 {font-family: "Gothic_century";text-transform: uppercase;font-weight:400;} .quote-img {position:absolute;left:50%;top:60%;transform:translate(-50%,-50%)} .aboutBoxMain {border:1px solid #d2d2d2;max-width:1280px;padding:0 20px;margin:70px auto 0;position:relative;} .abtText {text-align: right;padding: 64px;} .abtTextIn.iBlock {max-width: 625px;text-align:left} .abtTextIn a {color:#fff;background-color: #333;font-size: 14px;padding: 16px 26px;display: inline-block;text-transform: uppercase;line-height: 1;font-weight: 700;margin-top: 10px;} .abtTextIn a:hover {color:#fff;opacity:0.8} .abtTextIn.iBlock h5 {font-weight: normal;font-size: 20px;} .abtTextIn.iBlock h2 {font-family: "Gothic_century";font-weight:400;text-transform: uppercase;} .abtImg {position: absolute;left: -10%;top: 25px;} .abtTextIn.iBlock p {color:#333333;font-size: 16px;line-height: 26px} .footer-col:first-child {width:31%} .footer-col:nth-child(2) {width:19%} .footer-col:nth-child(3) {width:21%} .footer-col:last-child {width:29%} .site-footer__content {display: block;} .site-footer__content > div:not(:last-child) {padding-right:44px;vertical-align: top;padding-left:0} .footer-col:first-child .site-footer__linklist {overflow: hidden;} .footer-col:first-child .site-footer__linklist li {display: block;width: 50%;float:left;padding-bottom:0} .footer-col .site-footer__linklist li {padding-bottom:0} .footer-col p, .site-footer__linklist li a {font-size: 14px;color:#333333;line-height: 26px} .footer-col p.h4 {text-transform: uppercase;color:#333333;font-family: "Gothic_century";font-weight:400;font-size: 26px;padding-left:0;padding-bottom: 20px;margin-bottom: 20px;border-bottom:1px solid #cfcac0} .site-footer__item-inner--newsletter .site-footer__newsletter p {font-size: 17px;color:#333;font-weight: normal;margin-bottom:5px} .site-footer__newsletter .input-group {display: block;} .site-footer__newsletter .input-group #Subscribe {display: inline-block;background-color:#333333;border-radius: 0;width:auto;letter-spacing: 0} .site-footer__newsletter .input-group input {border:0;color:#b4b4b4;font-size: 14px} .contactBox a, .contactBox p {font-size:14px;text-decoration: none;} .contactBox a {border:0 !important} .contactBox p, .contactBox a {padding-left:25px} .phone_number {background:url(phone.png) no-repeat left} .mail {background:url(mail.png) no-repeat left} .map {background:url(map.png) no-repeat left 0;line-height: normal !important;margin-top: 5px;} .about-section {padding-bottom: 40px;} .footer-col {margin-bottom: 20px;} .ftr-right.iBlock {width: 20%;margin-left: -5px;text-align: right;} .ftr-left.iBlock {width: 80%;} .ftr-right.iBlock img {display: block;margin-left: auto;} .ftr-left.iBlock p {font-size: 14px;} .ftr-btm {margin-bottom:10px} .cart-header__title, .section-header.text-center h1, .section-header.text-center h2, #LoginHeading, .template-customers-register .form-vertical h1.text-center {font-family: "Gothic_century";font-size:36px;font-weight:normal;color:#333333;text-transform: uppercase;} .section-header.text-center {margin-bottom:20px} .bull {color: #696969;padding: 0 10px;} .mobile-btn {display: none} .lastBox {display: inline-block;vertical-align: bottom;width: 36%;} .lastBox > div.iBlock {width: 100%;} .lastBox > div.iBlock > div {width: 50%;display: inline-block;vertical-align: middle;} #MainContent {margin-top: 50px;min-height:500px} .template-index #MainContent {margin-top: 0;} .textImgBox img {display: block;outline: 1px solid #fff;outline-offset: -20px;} .custom-menu {text-align: center;display: block;} /* other pages css */ .filters-toolbar-wrapper.filters-toolbar--has-filter {background-color:#ede9e1;} .product-single__title {font-size: 24px;font-weight: 700;color:#333;line-height: normal;} .pro-info-in {background-color: #f8f8f8;padding: 40px;} .pro-img-in {border: 1px solid #ccc;padding: 15px;} .pro-desc {display: inline-block;} .pro-desc .product-single__description.rte {padding-left: 30px;} .pro-desc-title {border-bottom:1px solid #ccc;margin-bottom: 30px;} .pro-desc-title h2 {font-size: 16px;text-transform: uppercase;color:#fff;margin-bottom: 0;padding: 12px 24px;background-color:#333;display: inline-block;letter-spacing: 1px;} .product-single__description.rte {color:#333;} .btn.product-form__cart-submit {background-color:#333;color:#fff;border:0;border-radius:0} .product__price .price {text-align: left;} .product__price {border-bottom: 1px solid #ccc;padding-bottom: 15px;} .product-form__controls-group label {font-size: 16px;color:#333;text-transform: uppercase;font-weight: 600;} .return-link-wrapper .return-link, .return-link-wrapper .return-link:hover {color:#333;border-color:#333;border-radius:0} .cart__row.cart__row--heading th {text-transform: uppercase;font-weight: 500;} .arrowdown {padding-left: 10px;} .about-bg {position: absolute;right: 0;bottom: 0;z-index: 10;} .about-bg img {display: block;} .shopify-policy__title h1{margin-bottom:20px;} .section-header.text-center h1, .section-header.text-center h1 span{font-size:36px; font-weight:700 !important;} .template-page #MainContent{min-height:400px;} .template-search .product-card__image-wrapper img{height:100px; min-height:100px;} @media all and (max-width:1600px) { .textBox h2 {font-size:26px} .site-nav a {padding: 3px 13px;} } @media all and (max-width:1320px) { .lastBox .textBox {padding: 20px 0 20px 20px;} .imgCenter.iBlock .textBox {padding: 40px;} ul.site-nav.list--inline li a {padding: 0 8px;font-size: 15px;} .reviewMain .owl-prev, .product-list .owl-prev {left:-15px} .reviewMain .owl-next, .product-list .owl-next {right:-15px} .textBox h2 {font-size: 26px} .bannerMain .owl-next {right:48%} .bannerMain .owl-prev {left:48%} .textBox {padding: 50px 40px;} .abtText {width: 50%;display: inline-block;vertical-align: middle;margin-left: -5px;padding: 20px;} .abtImg {width: 50%;position: relative;left: 0;top: 0;display: inline-block;padding: 20px;vertical-align: middle;} .about-section {padding: 0 20px;} } @media all and (max-width:1199px) { .lastBox {width:100%} .lastBox > div.iBlock {width:50%} .imgCenter.iBlock, .imgLeft.iBlock {width:50%} .contactBox .site-footer__rte a, .contactBox .site-footer__rte p {display: block;} .footer-col:nth-child(2) {padding-right:0} .footer-col:nth-child(3), .footer-col:last-child, .footer-col:nth-child(2), .footer-col:first-child {width: 50%;} .section-header.text-center h1, .section-header.text-center h2, .cart-header__title, #LoginHeading, .template-customers-register .form-vertical h1.text-center {font-size: 28px} .col-img h2 {margin-top: 10px;font-size: 36px;} .col-img-main {margin: 25px -10px 15px;} .col-img-main > div {padding:0 10px} .col-title p {font-size: 16px} .col-title h2 {font-size: 28px;background-size: 60px;padding:18px 0 10px 0} .site-nav__link--button, ul.site-nav.list--inline li a {font-size: 14px;padding: 0 4px;} .accbx {display: none !important} } @media all and (max-width:991px) { .quote-img {opacity: 0.6;} .pro-info-in {margin-top: 30px;} #Collection ul.grid.grid--uniform.grid--view-items li, .product-recommendations__inner .grid.grid--uniform li {width:33.33%} .imgCenter.iBlock .textBox {padding: 20px 40px;} .lastBox .textBox {padding:10px} .textBox p br {display: none} .textBox p {font-size: 14px;} .textBox h2 {font-size: 22px;margin-bottom: 5px;} .bannerMain .owl-prev {left:47%} .bannerMain .owl-next {right:47%} .reviewIn {padding:22px 20px 0} .logoBox .h2.site-header__logo {padding-left:0} .logoBox .h2.site-header__logo img {max-width: 1000px;width:100%} .accountBox {padding:0;width:19px} .accountBox a, .accountBox span {font-size: 0;} .mobile-btn .btn--link.site-header__menu {display: block;} .mobile-btn {display: inline-block;width: 33.33%} .navBox.iBlock.headerLeft {display: none !important;} .searchBox button {font-size: 0 !important;padding: 0;width:19px} .headerRight {width: 33.33%;margin-left: -5px;} .logoBox {text-align: center;width: 33.33%;} } @media all and (max-width:749px) { .pro-info-in {margin-top: 0;} } @media all and (max-width:767px) { .textImgBox img {outline-offset: -10px;} .pro-info-in {padding:20px} #Collection ul.grid.grid--uniform.grid--view-items li, .product-recommendations__inner .grid.grid--uniform li {width:50%} .abtText {margin-left:0} .imgCenter.iBlock .textBox, .lastBox > div.iBlock > div {text-align: center;} .lastBox > div.iBlock > div, .lastBox > div.iBlock > div img {width:100%} .imgCenter.iBlock > div {width:50%;display: inline-block;vertical-align: middle;} .imgCenter.iBlock {width:100%} .imgLeft.iBlock, .imgLeft.iBlock img {width:100%} .aboutBoxMain {padding:0} .abtImg, .abtText, .col-img-main > div {width:100%} .col-title p br {display: none} .col-title p {font-size: 14px;} .col-title h2 {font-size: 20px} .arrow-bg::after {height:20PX} .bannerMain .owl-prev, .bannerMain .owl-next {bottom:4px} .arrow-bg {width:70px;height:36px;background-repeat: no-repeat;background-size: contain;} .bull {display: block;font-size: 0;} .ftr-btm {margin-bottom: 20px;text-align: center;} .site-footer__item-inner--newsletter .site-footer__newsletter p {font-size: 14px;line-height: normal;} .footer-col p.h4 {font-size: 18px} .site-footer__content {padding:0} .footer-col:nth-child(3), .footer-col:last-child, .footer-col:nth-child(2), .footer-col:first-child {width: 100%;padding-right:0} .footer-col p.h4 {font-size: 22px;padding-bottom: 10px;margin-bottom: 10px;} .footer-col .site-footer__linklist li {padding-top:0} .ftr-right.iBlock, .ftr-left.iBlock {width:100%} .ftr-right.iBlock img {margin-right: auto;margin-top: 10px;} } @media all and (max-width:480px) { #shopify-section-list-collections-template .grid.grid--uniform li {width: 100%;} .imgCenter.iBlock {margin-bottom: 20px;} #MainContent {margin-top: 25px;} .pro-desc .product-single__description.rte, .product__price .price {font-size: 14px;} .product-single__title {font-size:16px} #Collection ul.grid.grid--uniform.grid--view-items li, .product-recommendations__inner .grid.grid--uniform li {width:100%} .h4.grid-view-item__title {font-size: 14px;line-height: 20px;margin: 16px 0 10px 0;} .cartBox #CartCount {width: 18px;height: 18px;} .cartBox #CartCount span {font-size: 14px} .cartBox a {width: 20px;height: 24px;background-size: contain;} .searchBox button {width: 14px;background-size: contain;height: 15px;} .site-header__icons-wrapper .iBlock:not(:last-child) {padding-right: 10px;margin-right: 10px;} .abtTextIn.iBlock h5 {font-size: 16px;} .abtTextIn.iBlock p {font-size: 14px;line-height: 22px} .lastBox > div.iBlock .textBox {margin-bottom: 20px;} .lastBox > div.iBlock, .imgCenter.iBlock > div {width:100%;} .product-list .owl-next, .product-list .owl-prev, .reviewMain .owl-next, .reviewMain .owl-prev {width: 20px;height: 30px;background-size: contain ;background-repeat: no-repeat;background-position: center;} .reviewIn p {font-size: 14px} .section-header.text-center h1, .section-header.text-center h2, .cart-header__title, #LoginHeading, .template-customers-register .form-vertical h1.text-center {font-size: 22px;} .col-img h2 {margin-top: 6px;font-size: 26px;margin-bottom: 30px;} .col-section-in {padding-top: 20px;} .bannerMain .owl-prev {left:45%} .bannerMain .owl-next {right:45%} .section-header.text-center h1, .section-header.text-center h1 span{font-size:24px;} }