@charset "UTF-8";
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article,
aside,
footer,
header,
nav,
section { display: block; }
header h1, footer h1 { font-size: 2em; margin: 0.67em 0; }
figcaption,
figure { display: block; }
figure { margin: 1em 40px; }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }
main { display: block; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; }
abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
b,
strong { font-weight: inherit; }
b,
strong { font-weight: bolder; }
code,
kbd,
samp { font-family: monospace, monospace; font-size: 1em; }
dfn { font-style: italic; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
audio,
video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button,
input,
optgroup,
select,
textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }
button { overflow: visible; }
button,
select { text-transform: none; }
button,
html [type="button"],
[type="reset"],
[type="submit"] { -webkit-appearance: button; }
button,
[type="button"],
[type="reset"],
[type="submit"] { } 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 { overflow: visible; }
[type="checkbox"],
[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { -webkit-box-sizing: border-box; box-sizing: border-box; display: table; max-width: 100%; padding: 0; color: inherit; white-space: normal; }
progress { display: inline-block; vertical-align: baseline; }
textarea { overflow: auto; }
details { display: block; }
summary { display: list-item; }
menu { display: block; }
canvas { display: inline-block; }
template { display: none; }
[hidden] { display: none; }
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .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; }
.slider--flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .slider--flex .slick-list { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .slider--flex .slick-track { height: 100%; min-width: 100%; }
.slider--flex-align-items.slick-initialized .slick-slide { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; height: auto; }
.slider--flex-align-items .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.slick-arrow { z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; width: 2.5rem; height: 2.5rem; cursor: pointer; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: .5em; } .slick-arrow:first-of-type { left: 0; } .slick-arrow:last-of-type { right: 0; }
.slick-prev { left: 0; }
.slick-next { right: 0; }
.slider--arrows-outer.slick-has-arrows.slider--arrows-size-large { padding-left: 4.5rem; padding-right: 4.5rem; }
.slider--arrows-outer.slick-has-arrows.slider--arrows-size-regular, .slider--arrows-outer.slick-has-arrows.slider--arrows-size-small { padding-left: 3.125rem; padding-right: 3.125rem; }
.slider--arrows-center .slick-arrow { position: absolute; top: calc(50% + var(--arrows-adjustment-y, 0px)); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
.slider--arrows-tile-center .slick-arrow { top: 40%; }
.slider--arrows-size-large .slick-arrow { width: 4.5rem; height: 4.5rem; font-size: 3rem; padding: 0; }
.slider--arrows-size-small .slick-arrow { font-size: 1.125rem; }
.slick-dots { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; list-style-type: none; padding-left: 0; } .slick-dots .slick-active button:after { height: .75rem; width: .75rem; -webkit-transition: all .15s ease-in; transition: all .15s ease-in; } .slick-dots li { font-size: 0; } .slick-dots button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; width: 1.45rem; height: 1.45rem; border-radius: 50%; font-size: 0; cursor: pointer; } .slick-dots button:after { display: block; width: .5rem; height: .5rem; border-radius: inherit; border: solid .0625rem; background-color: currentColor; content: ''; }
.slider--dots-outer .slick-dots { margin-top: 1rem; }
.slider--dots-inner .slick-dots { position: absolute; left: 0; right: 0; }
.slider--dots-left .slick-dots { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.slider--dots-right .slick-dots { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
[class*="slider--pre-layout"]:not(.slick-initialized) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow-x: auto; overflow-y: hidden; }
.slider--pre-layout-1:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; }
.slider--pre-layout-2:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 2; -webkit-flex: 2 0 50%; -ms-flex: 2 0 50%; flex: 2 0 50%; }
.slider--pre-layout-3:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 3; -webkit-flex: 3 0 33.33333%; -ms-flex: 3 0 33.33333%; flex: 3 0 33.33333%; }
.slider--pre-layout-4:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 4; -webkit-flex: 4 0 25%; -ms-flex: 4 0 25%; flex: 4 0 25%; }
.slider--pre-layout-5:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 5; -webkit-flex: 5 0 20%; -ms-flex: 5 0 20%; flex: 5 0 20%; }
.slider--pre-layout-6:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 6; -webkit-flex: 6 0 16.66667%; -ms-flex: 6 0 16.66667%; flex: 6 0 16.66667%; }
.slider--pre-layout-7:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 7; -webkit-flex: 7 0 14.28571%; -ms-flex: 7 0 14.28571%; flex: 7 0 14.28571%; }
.slider--pre-layout-8:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 8; -webkit-flex: 8 0 12.5%; -ms-flex: 8 0 12.5%; flex: 8 0 12.5%; }
@media (min-width: 64.0625rem) { .slider--pre-layout-lg-1:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .slider--pre-layout-lg-2:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 2; -webkit-flex: 2 0 50%; -ms-flex: 2 0 50%; flex: 2 0 50%; } .slider--pre-layout-lg-3:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 3; -webkit-flex: 3 0 33.33333%; -ms-flex: 3 0 33.33333%; flex: 3 0 33.33333%; } .slider--pre-layout-lg-4:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 4; -webkit-flex: 4 0 25%; -ms-flex: 4 0 25%; flex: 4 0 25%; } .slider--pre-layout-lg-5:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 5; -webkit-flex: 5 0 20%; -ms-flex: 5 0 20%; flex: 5 0 20%; } .slider--pre-layout-lg-6:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 6; -webkit-flex: 6 0 16.66667%; -ms-flex: 6 0 16.66667%; flex: 6 0 16.66667%; } .slider--pre-layout-lg-7:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 7; -webkit-flex: 7 0 14.28571%; -ms-flex: 7 0 14.28571%; flex: 7 0 14.28571%; } .slider--pre-layout-lg-8:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 8; -webkit-flex: 8 0 12.5%; -ms-flex: 8 0 12.5%; flex: 8 0 12.5%; } .slider--row:not(.slick-initialized), .slider--row .slick-list { margin-left: -.5rem; margin-right: -.5rem; } }
@media (max-width: 64rem) { .slider--row:not(.slick-initialized), .slider--row .slick-list { margin-left: -.25rem; margin-right: -.25rem; } }
@media (min-width: 48rem) { .slider--dots-inner .slick-dots { bottom: 2.975rem; } .slider--pre-layout-md-1:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .slider--pre-layout-md-2:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 2; -webkit-flex: 2 0 50%; -ms-flex: 2 0 50%; flex: 2 0 50%; } .slider--pre-layout-md-3:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 3; -webkit-flex: 3 0 33.33333%; -ms-flex: 3 0 33.33333%; flex: 3 0 33.33333%; } .slider--pre-layout-md-4:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 4; -webkit-flex: 4 0 25%; -ms-flex: 4 0 25%; flex: 4 0 25%; } .slider--pre-layout-md-5:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 5; -webkit-flex: 5 0 20%; -ms-flex: 5 0 20%; flex: 5 0 20%; } .slider--pre-layout-md-6:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 6; -webkit-flex: 6 0 16.66667%; -ms-flex: 6 0 16.66667%; flex: 6 0 16.66667%; } .slider--pre-layout-md-7:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 7; -webkit-flex: 7 0 14.28571%; -ms-flex: 7 0 14.28571%; flex: 7 0 14.28571%; } .slider--pre-layout-md-8:not(.slick-initialized) > *:not(.slick-item) { -webkit-box-flex: 8; -webkit-flex: 8 0 12.5%; -ms-flex: 8 0 12.5%; flex: 8 0 12.5%; } .carousel--peeking-d .slick-list { overflow: visible; } .carousel--peeking-d .slick-slide { opacity: 0.5; -webkit-transition: opacity .15s .15s ease-in-out; transition: opacity .15s .15s ease-in-out; } .carousel--peeking-d .slick-active { opacity: 1; } }
@media (max-width: 47.9375rem) { .slider--dots-inner .slick-dots { bottom: .75rem; } .carousel--peeking-m .slick-list { overflow: visible; } .carousel--peeking-m .slick-slide { opacity: 0.5; -webkit-transition: opacity .15s .15s ease-in-out; transition: opacity .15s .15s ease-in-out; } .carousel--peeking-m .slick-active { opacity: 1; } }
[data-action="Account-Recommendation"] .product-tile__swatches a { display: none; } [data-action="Account-Recommendation"] .product-tile__swatches a:nth-child(-n+6) { display: block; }
.fixit-container { position: relative; }
.fixit-element.fixit--active { position: fixed; top: 0; } .fixit-element.fixit--active:not(.fixit--respond-to-parent) { width: 100%; }
.fixit-element.fixit--bottom, .fixit-element.fixit--docked { top: auto; bottom: 0; }
.fixit-element.fixit--frozen, .fixit-element.fixit--docked { position: absolute; }
.fixit-element--overlay { z-index: 1010; }
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before { text-align: center; }
@font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff"); font-weight: normal; font-style: normal; }
.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before { content: "\f101"; }
.vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play-circle:before { content: "\f102"; }
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { content: "\f103"; }
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { content: "\f104"; }
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { content: "\f105"; }
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { content: "\f106"; }
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { content: "\f107"; }
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f108"; }
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f109"; }
.vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-square:before { content: "\f10a"; }
.vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-spinner:before { content: "\f10b"; }
.vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before { content: "\f10c"; }
.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before { content: "\f10d"; }
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before { content: "\f10e"; }
.vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-share:before { content: "\f10f"; }
.vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cog:before { content: "\f110"; }
.vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-seek-to-live-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before { content: "\f111"; }
.vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-outline:before { content: "\f112"; }
.vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\f113"; }
.vjs-icon-hd { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-hd:before { content: "\f114"; }
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { content: "\f115"; }
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { content: "\f116"; }
.vjs-icon-facebook { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-facebook:before { content: "\f117"; }
.vjs-icon-gplus { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-gplus:before { content: "\f118"; }
.vjs-icon-linkedin { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-linkedin:before { content: "\f119"; }
.vjs-icon-twitter { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-twitter:before { content: "\f11a"; }
.vjs-icon-tumblr { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-tumblr:before { content: "\f11b"; }
.vjs-icon-pinterest { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pinterest:before { content: "\f11c"; }
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { content: "\f11d"; }
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before { content: "\f11e"; }
.vjs-icon-next-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-next-item:before { content: "\f11f"; }
.vjs-icon-previous-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-previous-item:before { content: "\f120"; }
.vjs-icon-picture-in-picture-enter { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-enter:before { content: "\f121"; }
.vjs-icon-picture-in-picture-exit { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-exit:before { content: "\f122"; }
.video-js { display: block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; }
.video-js[tabindex="-1"] { outline: none; }
.video-js *,
.video-js *:before,
.video-js *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }
.video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; }
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 { width: 100%; max-width: 100%; height: 0; }
.video-js.vjs-16-9 { padding-top: 56.25%; }
.video-js.vjs-4-3 { padding-top: 75%; }
.video-js.vjs-fill { width: 100%; height: 100%; }
.video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
body.vjs-full-window { padding: 0; margin: 0; height: 100%; }
.vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; }
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) { width: 100% !important; height: 100% !important; padding-top: 0 !important; }
.video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; }
.vjs-hidden { display: none !important; }
.vjs-disabled { opacity: 0.5; cursor: default; }
.video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; }
.vjs-lock-showing { display: block !important; opacity: 1; visibility: visible; }
.vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; }
.vjs-no-js a,
.vjs-no-js a:visited { color: #66A8CC; }
.video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.63332em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); border-radius: 0.3em; -webkit-transition: all 0.4s; transition: all 0.4s; }
.vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -0.81666em; margin-left: -1.5em; }
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus { border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); -webkit-transition: all 0s; transition: all 0s; }
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button { display: none; }
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block; }
.video-js button { background: none; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; -webkit-transition: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.vjs-control .vjs-button { width: 100%; height: 100%; }
.video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; }
.video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; }
.video-js .vjs-modal-dialog > * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; }
.vjs-menu-button { cursor: pointer; }
.vjs-menu-button.vjs-disabled { cursor: default; }
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; }
.vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; overflow: auto; }
.vjs-menu .vjs-menu-content > * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; }
.vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; }
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover { background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); }
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F; }
.vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; }
.vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); }
.vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; }
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 5em; }
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 10em; }
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 14em; }
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 25em; }
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; }
.video-js .vjs-menu-button-inline { -webkit-transition: all 0.4s; transition: all 0.4s; overflow: hidden; }
.video-js .vjs-menu-button-inline:before { width: 2.222222222em; }
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; }
.vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; -webkit-transition: all 0.4s; transition: all 0.4s; }
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; }
.vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; }
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { width: auto; }
.vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; }
.video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3.0em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); }
.vjs-has-started .vjs-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility 0.1s, opacity 0.1s; transition: visibility 0.1s, opacity 0.1s; }
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; }
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar { display: none !important; }
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; }
.vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; }
.video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; }
.vjs-button > .vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67; }
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus { text-shadow: 0em 0em 1em white; }
.video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; }
.video-js .vjs-custom-control-spacer { display: none; }
.video-js .vjs-progress-control { cursor: pointer; -webkit-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 4em; -ms-touch-action: none; touch-action: none; }
.video-js .vjs-progress-control.disabled { cursor: default; }
.vjs-live .vjs-progress-control { display: none; }
.vjs-liveui .vjs-progress-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.vjs-no-flex .vjs-progress-control { width: auto; }
.video-js .vjs-progress-holder { -webkit-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-transition: all 0.2s; transition: all 0.2s; height: 0.3em; }
.video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px; }
.video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.666666666666666666em; }
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; }
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; }
.video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { font-size: 0.9em; position: absolute; right: -0.5em; top: -0.333333333333333em; z-index: 1; }
.video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); }
.video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); }
.video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; }
.video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; }
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; }
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; }
.video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; }
.vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; }
.video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; }
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; }
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { display: none; }
.vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); }
.video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); }
.video-js .vjs-slider.disabled { cursor: default; }
.video-js .vjs-slider:focus { text-shadow: 0em 0em 1em white; -webkit-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff; }
.video-js .vjs-mute-control { cursor: pointer; -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; }
.video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; }
.video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; }
.video-js .vjs-volume-panel { -webkit-transition: width 1s; transition: width 1s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { visibility: visible; opacity: 1; position: relative; -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { width: 5em; height: 3em; margin-right: 0; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical { left: -3.5em; -webkit-transition: left 0s; transition: left 0s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: 10em; -webkit-transition: width 0.1s; transition: width 0.1s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; }
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3000em; -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position: relative; -webkit-transition: none; transition: none; }
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { position: absolute; bottom: 3em; left: 0.5em; }
.video-js .vjs-volume-panel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.video-js .vjs-volume-bar { margin: 1.35em 0.45em; }
.vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; }
.vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; }
.video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; }
.vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; }
.vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { top: -0.3em; right: -0.5em; }
.video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; }
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; }
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; }
.video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); }
.video-js .vjs-volume-horizontal .vjs-menu { left: -2em; }
.vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #000000; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; }
.vjs-has-started .vjs-poster { display: none; }
.vjs-audio.vjs-has-started .vjs-poster { display: block; }
.vjs-using-native-controls .vjs-poster { display: none; }
.video-js .vjs-live-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; font-size: 1em; line-height: 3em; }
.vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; }
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control { display: none; }
.video-js .vjs-seek-to-live-control { cursor: pointer; -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; height: 100%; padding-left: 0.5em; padding-right: 0.5em; font-size: 1em; line-height: 3em; width: auto; min-width: 4em; }
.vjs-no-flex .vjs-seek-to-live-control { display: table-cell; width: auto; text-align: left; }
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none; }
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; }
.vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; color: #888; }
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { color: red; }
.video-js .vjs-time-control { -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; }
.vjs-live .vjs-time-control { display: none; }
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time { display: none; }
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration { display: none; }
.vjs-time-divider { display: none; line-height: 3em; }
.vjs-live .vjs-time-divider { display: none; }
.video-js .vjs-play-control { cursor: pointer; }
.video-js .vjs-play-control .vjs-icon-placeholder { -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; }
.vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; }
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; }
.video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; }
.vjs-subtitles { color: #fff; }
.vjs-captions { color: #fc6; }
.vjs-tt-cue { display: block; }
video::-webkit-media-text-track-display { -webkit-transform: translateY(-3em); transform: translateY(-3em); }
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { -webkit-transform: translateY(-1.5em); transform: translateY(-1.5em); }
.video-js .vjs-fullscreen-control { cursor: pointer; -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; }
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; }
.vjs-playback-rate .vjs-menu { width: 4em; left: 0em; }
.vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; }
.vjs-error .vjs-error-display:before { color: #fff; content: 'X'; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100%; }
.vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); -webkit-box-sizing: border-box; box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidden; }
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner { display: block; -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards; animation: vjs-spinner-show 0s linear 0.3s forwards; }
.vjs-loading-spinner:before,
.vjs-loading-spinner:after { content: ""; position: absolute; margin: -6px; -webkit-box-sizing: inherit; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; }
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before { border-top-color: white; }
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after { border-top-color: white; -webkit-animation-delay: 0.44s; animation-delay: 0.44s; }
@keyframes vjs-spinner-show { to { visibility: visible; } }
@-webkit-keyframes vjs-spinner-show { to { visibility: visible; } }
@keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } }
@-webkit-keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } }
.vjs-chapters-button .vjs-menu ul { width: 24em; }
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; }
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: "\f10d"; font-size: 1.5em; line-height: inherit; }
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; }
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " \f11d"; font-size: 1.5em; line-height: inherit; }
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control { display: none; }
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: auto; width: initial; }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button { display: none; }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer { -webkit-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: block; }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer { width: auto; }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control { display: none; }
.vjs-modal-dialog.vjs-text-track-settings { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.75); color: #fff; height: 70%; }
.vjs-text-track-settings .vjs-modal-dialog-content { display: table; }
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls { display: table-cell; }
.vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; }
@supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 20px 24px 0px 24px; } .vjs-track-settings-controls .vjs-default-button { margin-bottom: 20px; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1 / -1; } .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content { grid-template-columns: 1fr; } }
.vjs-track-setting > select { margin-right: 1em; margin-bottom: 0.5em; }
.vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none; }
.vjs-text-track-settings fieldset span { display: inline-block; }
.vjs-text-track-settings fieldset span > select { max-width: 7.3em; }
.vjs-text-track-settings legend { color: #fff; margin: 0 0 5px 0; }
.vjs-text-track-settings .vjs-label { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); display: block; margin: 0 0 5px 0; padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active { outline-style: solid; outline-width: medium; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f)); background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }
.vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); }
.vjs-track-settings-controls button { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f)); background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); color: #2B333F; cursor: pointer; border-radius: 2px; }
.vjs-track-settings-controls .vjs-default-button { margin-right: 1em; }
@media print { .video-js > *:not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } }
.video-asset .vjs-menu-button-inline.vjs-slider-active,
.video-asset .vjs-menu-button-inline:focus,
.video-asset .vjs-menu-button-inline:hover,
.video-asset.vjs-no-flex .vjs-menu-button-inline { width: 10em; }
.video-asset .vjs-controls-disabled .vjs-big-play-button { display: none !important; }
.video-asset .vjs-control { width: 3em; }
.video-asset .vjs-menu-button-inline:before { width: 1.5em; }
.vjs-menu-button-inline .vjs-menu { left: 3em; }
.vjs-paused.vjs-has-started.video-asset .vjs-big-play-button,
.video-asset.vjs-ended .vjs-big-play-button,
.video-asset.vjs-paused .vjs-big-play-button { display: block; }
.video-asset .vjs-load-progress div,
.vjs-seeking .vjs-big-play-button,
.vjs-waiting .vjs-big-play-button { display: none !important; }
.video-asset .vjs-mouse-display:after,
.video-asset .vjs-play-progress:after { padding: 0 .4em .3em; }
.video-asset.vjs-ended .vjs-loading-spinner { display: none; }
.video-asset.vjs-ended .vjs-big-play-button { display: block !important; }
.video-asset *,
.video-asset:after,
.video-asset:before { -webkit-box-sizing: inherit; box-sizing: inherit; font-size: inherit; color: inherit; line-height: inherit; }
.video-asset.vjs-fullscreen,
.video-asset.vjs-fullscreen .vjs-tech { width: 100% !important; height: 100% !important; }
.video-asset { font-size: .875rem; overflow: hidden; }
.video-asset .vjs-control { color: inherit; }
.video-asset .vjs-menu-button-inline:hover,
.video-asset.vjs-no-flex .vjs-menu-button-inline { width: 8.35em; }
.video-asset .vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover .vjs-menu .vjs-menu-content { height: 3em; width: 6.35em; }
.video-asset .vjs-control:focus:before,
.video-asset .vjs-control:hover:before { text-shadow: 0 0 1em #FFF, 0 0 1em #FFF, 0 0 1em #FFF; }
.video-asset .vjs-spacer,
.video-asset .vjs-time-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.video-asset .vjs-time-control { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; }
.video-asset .vjs-time-control.vjs-time-divider { width: .875rem; }
.video-asset .vjs-time-control.vjs-time-divider div { width: 100%; text-align: center; }
.video-asset .vjs-time-control.vjs-current-time { margin-left: 1em; }
.video-asset .vjs-time-control .vjs-current-time-display,
.video-asset .vjs-time-control .vjs-duration-display { width: 100%; }
.video-asset .vjs-time-control .vjs-current-time-display { text-align: right; }
.video-asset .vjs-time-control .vjs-duration-display { text-align: left; }
.video-asset .vjs-play-progress:before,
.video-asset .vjs-progress-control .vjs-play-progress:before,
.video-asset .vjs-remaining-time,
.video-asset .vjs-volume-level:after,
.video-asset .vjs-volume-level:before,
.video-asset.vjs-live .vjs-time-control.vjs-current-time,
.video-asset.vjs-live .vjs-time-control.vjs-duration,
.video-asset.vjs-live .vjs-time-control.vjs-time-divider,
.video-asset.vjs-no-flex .vjs-time-control.vjs-remaining-time { display: none; }
.video-asset.vjs-no-flex .vjs-time-control { display: table-cell; width: 4em; }
.video-asset .vjs-progress-control { position: absolute; left: 0; right: 0; width: 100%; height: .5em; top: -.5em; }
.video-asset .vjs-progress-control .vjs-load-progress,
.video-asset .vjs-progress-control .vjs-play-progress,
.video-asset .vjs-progress-control .vjs-progress-holder { height: 100%; }
.video-asset .vjs-progress-control .vjs-progress-holder { margin: 0; }
.video-asset .vjs-progress-control:hover { height: 1.5em; top: -1.5em; }
.video-asset .vjs-control-bar { -webkit-transition: -webkit-transform 213ms ease 0s; transition: -webkit-transform 213ms ease 0s; transition: transform 213ms ease 0s; transition: transform 213ms ease 0s, -webkit-transform 213ms ease 0s; }
.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar,
.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar,
.video-asset.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar { visibility: visible; opacity: 1; -webkit-backface-visibility: hidden; -webkit-transform: translateY(3em); transform: translateY(3em); -webkit-transition: -webkit-transform 600ms ease 0s; transition: -webkit-transform 600ms ease 0s; transition: transform 600ms ease 0s; transition: transform 600ms ease 0s, -webkit-transform 600ms ease 0s; }
.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control,
.video-asset.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control { height: .25em; top: -.25em; pointer-events: none; -webkit-transition: height 600ms, top 600ms; transition: height 600ms, top 600ms; }
.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,
.video-asset.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control { opacity: 0; -webkit-transition: opacity 600ms ease 600ms; transition: opacity 600ms ease 600ms; }
.video-asset.vjs-live .vjs-live-control { margin-left: 1em; }
.video-asset .vjs-big-play-button { top: 50%; left: 50%; margin-left: -1em; margin-top: -1em; width: 2em; height: 2em; line-height: 2em; border: none; border-radius: 50%; font-size: 3.5em; background-color: rgba(0, 0, 0, 0.5); color: #FFF; -webkit-transition: border-color 426ms, outline 426ms, background-color 426ms; transition: border-color 426ms, outline 426ms, background-color 426ms; }
.video-asset .vjs-menu-button-popup .vjs-menu { left: -3em; }
.video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: transparent; width: 12em; left: -1.5em; padding-bottom: .5em; }
.video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-item,
.video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-title { background-color: #000; margin: .3em 0; padding: .5em; border-radius: .3em; }
.video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected { background-color: #4D96E7; }
.video-asset .vjs-big-play-button { background-color: rgba(0, 0, 0, 0.5); font-size: 2.5em; border-radius: 50%; height: 2em !important; line-height: 2em !important; margin-top: -1em !important; }
.video-asset:hover .vjs-big-play-button,
.video-asset .vjs-big-play-button:focus,
.video-asset .vjs-big-play-button:active { background-color: rgba(0, 0, 0, 0.75); }
.video-asset .vjs-loading-spinner { border-color: #FFF; }
.video-asset .vjs-control-bar2 { background-color: #000; }
.video-asset .vjs-control-bar { background-color: rgba(0, 0, 0, 0.5) !important; color: #FFF; font-size: .875rem; }
.video-asset .vjs-play-progress,
.video-asset .vjs-volume-level { background-color: #df1642; }
.vjs-hidden { display: none !important; }
.vjs-tech { width: 100%; height: 100%; -o-object-fit: inherit; object-fit: inherit; }
.vjs-poster,
.vjs-text-track-display { position: absolute; top: 0; left: 0; right: 0; pointer-events: none; }
.vjs-poster { bottom: 0; background-size: cover; background-position: center; } .vjs-has-started .vjs-poster { opacity: 0; visibility: hidden; }
.vjs-text-track-display { bottom: 3em; }
.vjs-loading-spinner { opacity: 0; visibility: hidden; }
.vjs-big-play-button { z-index: 1; }
.video-js.vjs-user-inactive:not(.vjs-paused) .vjs-play-toggle { opacity: 0; pointer-events: none; }
.video-js .vjs-play-toggle { z-index: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 2em; width: 2em; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; line-height: 2em; font-size: 2rem; -webkit-transition: opacity 213ms ease-out; transition: opacity 213ms ease-out; } .video-js .vjs-play-toggle .vjs-icon-placeholder:before { font-size: 1em; line-height: inherit; }
html { overflow-x: hidden; font-size: 1rem; font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif; line-height: 1.38; -ms-overflow-style: -ms-autohiding-scrollbar; }
body { min-width: 320px; overflow-anchor: none; font-size: 1rem; font-weight: 300; color: #32323B; background-color: #FFF; }
h1 { margin: 0; }
hr { border: none !important; width: 90%; margin: auto; min-height: 1px; }
iframe { border: none; }
img,
video { display: block; max-width: 100%; max-height: 100%; }
a { color: inherit; text-decoration: none; }
a[href=""] { cursor: default; }
fieldset { border: none; margin: 0; padding: 0; }
legend { display: block; width: 100%; }
address { font-style: normal; }
ul, ol, li { list-style: none; }
hr { border: solid .0625rem; }
*:focus { outline-color: #73bd00; outline-style: auto; outline-width: .25rem; } .set--hide-click-focus *:focus { outline: none; }
header *,footer *,
header *:before, footer *:before, header
*:after, footer *:before,{ -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
.list--reset { padding-left: 0; } .list--reset li { list-style-type: none; }
.set--w-100 { width: 100%; }
.set--w-75 { width: 75%; }
.set--w-33 { width: 33.3333%; }
.set--w-50 { width: 50%; }
.set--w-25 { width: 25%; }
.set--h-100 { height: 100%; }
.set--h-75 { height: 75%; }
.set--h-50 { height: 50%; }
.set--h-25 { height: 25%; }
.scrollable { overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.blur-up { -webkit-transition: -webkit-filter ease-out 107ms; transition: -webkit-filter ease-out 107ms; transition: filter ease-out 107ms; transition: filter ease-out 107ms, -webkit-filter ease-out 107ms; } .blur-up.lazyload, .blur-up.lazyloading { -webkit-filter: blur(4px); filter: blur(4px); } .blur-up.lazyloaded { -webkit-filter: blur(0); filter: blur(0); }
.opacity-up { -webkit-transition: opacity ease-out 213ms; transition: opacity ease-out 213ms; } .opacity-up.lazyload, .opacity-up.lazyloading { opacity: 0; } .opacity-up.lazyloaded { opacity: 1; }
.partial-opacity-up { -webkit-transition: opacity ease-out 213ms; transition: opacity ease-out 213ms; } .partial-opacity-up.lazyload, .partial-opacity-up.lazyloading { opacity: .8; } .partial-opacity-up.lazyloaded { opacity: 1; }
.none-up.lazyload, .none-up.lazyloading { opacity: 0; }
[class*="object-fit"] { width: 100%; height: 100%; }
.object-fit--cover { -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; }
.object-fit--contain { -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain;'; }
@media (min-width: 48rem) { .scrollable--small-up { overflow: auto; -webkit-overflow-scrolling: touch; } }
.row { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
[class^="col-"],
[class*=" col-"], .col { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; min-height: 1px; }
.flex-justify-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.flex-justify-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
.flex-justify-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flex-justify-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.flex-justify-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
.flex-align-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.flex-align-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.flex-align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flex-align-baseline { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; }
.flex-align-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
.flex-flow-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; }
.flex-flow-row-rev { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; }
.flex-flow-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; }
.flex-flow-col-rev { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-flow: column-reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse; }
.flex-flow-wrap { -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; }
.flex-flow-wrap-rev { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-flow: wrap-reverse; -ms-flex-flow: wrap-reverse; flex-flow: wrap-reverse; }
.flex-flow-nowrap { -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; }
.flex-direction-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.flex-direction-row-rev { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.flex-direction-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-direction-col-rev { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
.flex-no-gutters { margin-left: 0; margin-right: 0; } .flex-no-gutters > .col, .flex-no-gutters > [class*="col-"] { padding-left: 0; padding-right: 0; }
.row:not(.flex-no-gutters) { margin-left: -0.25rem; margin-right: -0.25rem; }
.col,
[class*="col-"] { padding-left: 0.25rem; padding-right: 0.25rem; }
.col-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; }
.off-1 { margin-left: 8.33333%; }
.col-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; }
.off-2 { margin-left: 16.66667%; }
.col-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
.off-3 { margin-left: 25%; }
.col-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; }
.off-4 { margin-left: 33.33333%; }
.col-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; }
.off-5 { margin-left: 41.66667%; }
.col-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
.off-6 { margin-left: 50%; }
.col-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; }
.off-7 { margin-left: 58.33333%; }
.col-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; }
.off-8 { margin-left: 66.66667%; }
.col-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }
.off-9 { margin-left: 75%; }
.col-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; }
.off-10 { margin-left: 83.33333%; }
.col-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; }
.off-11 { margin-left: 91.66667%; }
.col-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
.off-reset { margin-left: 0; }
.col,
.col-n { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; }
@media only screen and (min-width: 30rem) { .col-sm-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .off-sm-1 { margin-left: 8.33333%; } .col-sm-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .off-sm-2 { margin-left: 16.66667%; } .col-sm-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .off-sm-3 { margin-left: 25%; } .col-sm-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .off-sm-4 { margin-left: 33.33333%; } .col-sm-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .off-sm-5 { margin-left: 41.66667%; } .col-sm-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .off-sm-6 { margin-left: 50%; } .col-sm-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .off-sm-7 { margin-left: 58.33333%; } .col-sm-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .off-sm-8 { margin-left: 66.66667%; } .col-sm-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .off-sm-9 { margin-left: 75%; } .col-sm-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .off-sm-10 { margin-left: 83.33333%; } .col-sm-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .off-sm-11 { margin-left: 91.66667%; } .col-sm-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .off-sm-reset { margin-left: 0; } .col-sm, .col-sm-n { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } }
@media only screen and (min-width: 48rem) { .col-md-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .off-md-1 { margin-left: 8.33333%; } .col-md-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .off-md-2 { margin-left: 16.66667%; } .col-md-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .off-md-3 { margin-left: 25%; } .col-md-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .off-md-4 { margin-left: 33.33333%; } .col-md-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .off-md-5 { margin-left: 41.66667%; } .col-md-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .off-md-6 { margin-left: 50%; } .col-md-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .off-md-7 { margin-left: 58.33333%; } .col-md-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .off-md-8 { margin-left: 66.66667%; } .col-md-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .off-md-9 { margin-left: 75%; } .col-md-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .off-md-10 { margin-left: 83.33333%; } .col-md-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .off-md-11 { margin-left: 91.66667%; } .col-md-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .off-md-reset { margin-left: 0; } .col-md, .col-md-n { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } }
@media only screen and (min-width: 64.0625rem) { .row:not(.flex-no-gutters) { margin-left: -0.5rem; margin-right: -0.5rem; } .col, [class*="col-"] { padding-left: 0.5rem; padding-right: 0.5rem; } .col-lg-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .off-lg-1 { margin-left: 8.33333%; } .col-lg-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .off-lg-2 { margin-left: 16.66667%; } .col-lg-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .off-lg-3 { margin-left: 25%; } .col-lg-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .off-lg-4 { margin-left: 33.33333%; } .col-lg-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .off-lg-5 { margin-left: 41.66667%; } .col-lg-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .off-lg-6 { margin-left: 50%; } .col-lg-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .off-lg-7 { margin-left: 58.33333%; } .col-lg-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .off-lg-8 { margin-left: 66.66667%; } .col-lg-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .off-lg-9 { margin-left: 75%; } .col-lg-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .off-lg-10 { margin-left: 83.33333%; } .col-lg-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .off-lg-11 { margin-left: 91.66667%; } .col-lg-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .off-lg-reset { margin-left: 0; } .col-lg, .col-lg-n { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } }
@media only screen and (min-width: 77.5625rem) { .col-xl-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .off-xl-1 { margin-left: 8.33333%; } .col-xl-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .off-xl-2 { margin-left: 16.66667%; } .col-xl-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .off-xl-3 { margin-left: 25%; } .col-xl-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .off-xl-4 { margin-left: 33.33333%; } .col-xl-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .off-xl-5 { margin-left: 41.66667%; } .col-xl-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .off-xl-6 { margin-left: 50%; } .col-xl-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .off-xl-7 { margin-left: 58.33333%; } .col-xl-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .off-xl-8 { margin-left: 66.66667%; } .col-xl-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .off-xl-9 { margin-left: 75%; } .col-xl-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .off-xl-10 { margin-left: 83.33333%; } .col-xl-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .off-xl-11 { margin-left: 91.66667%; } .col-xl-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .off-xl-reset { margin-left: 0; } .col-xl, .col-xl-n { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } }
.fix--overflow > * { max-width: 100%; }
.flex-flow-nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
[class*="col-"] > * { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
[class*="col-"].flex-no-gutters { padding-left: 0; padding-right: 0; }
.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex-col, .flex-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex--inline { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }
.flex-grow-1 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
.flex--0 { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; }
.flex--10 { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; }
.flex--20 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; }
.flex--30 { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; }
.flex--40 { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; }
.flex--45 { -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; flex-basis: 45%; }
.flex--50 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
.flex--55 { -webkit-flex-basis: 55%; -ms-flex-preferred-size: 55%; flex-basis: 55%; }
.flex--60 { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; }
.flex--70 { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; }
.flex--80 { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; }
.flex--90 { -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; flex-basis: 90%; }
.flex--100 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
.flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex-wrapper--0-auto > * { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.float--left { float: left; }
.float--right { float: right; }
.order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; }
.order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
.order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
.order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; }
.order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; }
.order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; }
.order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; }
.order-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; }
.order-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; }
.order-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; }
.order-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; }
@media (min-width: 48rem) { .order--small-up-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order--small-up-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order--small-up-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order--small-up-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order--small-up-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order--small-up-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order--small-up-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order--small-up-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order--small-up-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order--small-up-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order--small-up-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } }
@media (max-width: 47.9375rem) { .order--small-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order--small-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order--small-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order--small-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order--small-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order--small-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order--small-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order--small-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order--small-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order--small-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order--small-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } }
.page { overflow: hidden; min-height: 100vh; -webkit-tap-highlight-color: rgba(115, 189, 0, 0.2); }
.main { min-height: 20rem; }
[class*="max-width--"] { margin-right: auto; margin-left: auto; }
.max-width { max-width: 30rem; } .max-width--unit { max-width: 0.0625rem; } .max-width--xxsmall { max-width: 20rem; } .max-width--xsmall { max-width: 30rem; } .max-width--small { max-width: 47.9375rem; } .max-width--medium { max-width: 64rem; } .max-width--xmedium { max-width: 77.5rem; } .max-width--large { max-width: 90rem; } .max-width--xlarge { max-width: 120rem; }
.container { max-width: 90rem; margin-right: auto; margin-left: auto; }
.bg--transparent { background-color: rgba(0, 0, 0, 0); }
.bg--white { background-color: #FFF; }
.bg--black { background-color: #000; }
.bg--grey-1 { background-color: #F2F2F2; }
.bg--grey-2 { background-color: #E6E9ED; }
.bg--grey-3 { background-color: #E6E6E6; }
.bg--grey-4 { background-color: #97A1B0; }
.bg--grey-5 { background-color: #707B8C; }
.bg--grey-6 { background-color: #485363; }
.bg--grey-7 { background-color: #32323B; }
.bg--red { background-color: #df1642; }
.bg--blue { background-color: #4D96E7; }
.bg--navy { background-color: #0f3e72; }
.bg--green { background-color: #73bd00; }
.bg--beige { background-color: #f5f5dc; }
.bg--facebook-blue { background-color: #3b5998; }
.bg--google-blue { background-color: #4285F4; }
.bg--google-red { background-color: #DB4437; }
.bg--instagram-pink { background-color: #C62A81; }
.bg--instagram-orange { background-color: #F06430; }
.bg--paypal-blue { background-color: #009cde; }
.bg--paypal-silver { background-color: #eeeeee; }
.bg--primary { background-color: #73bd00; }
.bg--secondary { background-color: #00A3B2; }
.bg--tertiary { background-color: #E7B04D; }
.bg--accent-primary { background-color: #0DFFCB; }
.bg--accent-secondary { background-color: #DAFF79; }
.bg--accent-tertiary { background-color: #28BAFF; }
.bg--beginner { background-color: #00ae9a; }
.bg--intermediate { background-color: #f69b35; }
.bg--advanced { background-color: #ef6c6e; }
.bg--transparent-glass { background-color: rgba(0, 0, 0, 0.5); }
.bg--transparent-glass-1 { background-color: rgba(0, 0, 0, 0.4); }
.bg--transparent-glass-2 { background-color: rgba(0, 0, 0, 0.5); }
.bg--transparent-glass-3 { background-color: rgba(0, 0, 0, 0.65); }
.bg--transparent-glass-4 { background-color: rgba(0, 0, 0, 0.75); }
.bg--white-glass { background-color: rgba(255, 255, 255, 0.5); }
.bg--white-glass-1 { background-color: rgba(255, 255, 255, 0.4); }
.bg--white-glass-2 { background-color: rgba(255, 255, 255, 0.5); }
.bg--white-glass-3 { background-color: rgba(255, 255, 255, 0.65); }
.bg--white-glass-4 { background-color: rgba(255, 255, 255, 0.75); }
.bg--black-glass { background-color: rgba(0, 0, 0, 0.5); }
.bg--black-glass-1 { background-color: rgba(0, 0, 0, 0.4); }
.bg--black-glass-2 { background-color: rgba(0, 0, 0, 0.5); }
.bg--black-glass-3 { background-color: rgba(0, 0, 0, 0.65); }
.bg--black-glass-4 { background-color: rgba(0, 0, 0, 0.75); }
.bg--grey-1-glass { background-color: rgba(242, 242, 242, 0.5); }
.bg--grey-1-glass-1 { background-color: rgba(242, 242, 242, 0.4); }
.bg--grey-1-glass-2 { background-color: rgba(242, 242, 242, 0.5); }
.bg--grey-1-glass-3 { background-color: rgba(242, 242, 242, 0.65); }
.bg--grey-1-glass-4 { background-color: rgba(242, 242, 242, 0.75); }
.bg--grey-2-glass { background-color: rgba(230, 233, 237, 0.5); }
.bg--grey-2-glass-1 { background-color: rgba(230, 233, 237, 0.4); }
.bg--grey-2-glass-2 { background-color: rgba(230, 233, 237, 0.5); }
.bg--grey-2-glass-3 { background-color: rgba(230, 233, 237, 0.65); }
.bg--grey-2-glass-4 { background-color: rgba(230, 233, 237, 0.75); }
.bg--grey-3-glass { background-color: rgba(230, 230, 230, 0.5); }
.bg--grey-3-glass-1 { background-color: rgba(230, 230, 230, 0.4); }
.bg--grey-3-glass-2 { background-color: rgba(230, 230, 230, 0.5); }
.bg--grey-3-glass-3 { background-color: rgba(230, 230, 230, 0.65); }
.bg--grey-3-glass-4 { background-color: rgba(230, 230, 230, 0.75); }
.bg--grey-4-glass { background-color: rgba(151, 161, 176, 0.5); }
.bg--grey-4-glass-1 { background-color: rgba(151, 161, 176, 0.4); }
.bg--grey-4-glass-2 { background-color: rgba(151, 161, 176, 0.5); }
.bg--grey-4-glass-3 { background-color: rgba(151, 161, 176, 0.65); }
.bg--grey-4-glass-4 { background-color: rgba(151, 161, 176, 0.75); }
.bg--grey-5-glass { background-color: rgba(112, 123, 140, 0.5); }
.bg--grey-5-glass-1 { background-color: rgba(112, 123, 140, 0.4); }
.bg--grey-5-glass-2 { background-color: rgba(112, 123, 140, 0.5); }
.bg--grey-5-glass-3 { background-color: rgba(112, 123, 140, 0.65); }
.bg--grey-5-glass-4 { background-color: rgba(112, 123, 140, 0.75); }
.bg--grey-6-glass { background-color: rgba(72, 83, 99, 0.5); }
.bg--grey-6-glass-1 { background-color: rgba(72, 83, 99, 0.4); }
.bg--grey-6-glass-2 { background-color: rgba(72, 83, 99, 0.5); }
.bg--grey-6-glass-3 { background-color: rgba(72, 83, 99, 0.65); }
.bg--grey-6-glass-4 { background-color: rgba(72, 83, 99, 0.75); }
.bg--grey-7-glass { background-color: rgba(50, 50, 59, 0.5); }
.bg--grey-7-glass-1 { background-color: rgba(50, 50, 59, 0.4); }
.bg--grey-7-glass-2 { background-color: rgba(50, 50, 59, 0.5); }
.bg--grey-7-glass-3 { background-color: rgba(50, 50, 59, 0.65); }
.bg--grey-7-glass-4 { background-color: rgba(50, 50, 59, 0.75); }
.bg--red-glass { background-color: rgba(223, 22, 66, 0.5); }
.bg--red-glass-1 { background-color: rgba(223, 22, 66, 0.4); }
.bg--red-glass-2 { background-color: rgba(223, 22, 66, 0.5); }
.bg--red-glass-3 { background-color: rgba(223, 22, 66, 0.65); }
.bg--red-glass-4 { background-color: rgba(223, 22, 66, 0.75); }
.bg--blue-glass { background-color: rgba(77, 150, 231, 0.5); }
.bg--blue-glass-1 { background-color: rgba(77, 150, 231, 0.4); }
.bg--blue-glass-2 { background-color: rgba(77, 150, 231, 0.5); }
.bg--blue-glass-3 { background-color: rgba(77, 150, 231, 0.65); }
.bg--blue-glass-4 { background-color: rgba(77, 150, 231, 0.75); }
.bg--navy-glass { background-color: rgba(15, 62, 114, 0.5); }
.bg--navy-glass-1 { background-color: rgba(15, 62, 114, 0.4); }
.bg--navy-glass-2 { background-color: rgba(15, 62, 114, 0.5); }
.bg--navy-glass-3 { background-color: rgba(15, 62, 114, 0.65); }
.bg--navy-glass-4 { background-color: rgba(15, 62, 114, 0.75); }
.bg--green-glass { background-color: rgba(115, 189, 0, 0.5); }
.bg--green-glass-1 { background-color: rgba(115, 189, 0, 0.4); }
.bg--green-glass-2 { background-color: rgba(115, 189, 0, 0.5); }
.bg--green-glass-3 { background-color: rgba(115, 189, 0, 0.65); }
.bg--green-glass-4 { background-color: rgba(115, 189, 0, 0.75); }
.bg--beige-glass { background-color: rgba(245, 245, 220, 0.5); }
.bg--beige-glass-1 { background-color: rgba(245, 245, 220, 0.4); }
.bg--beige-glass-2 { background-color: rgba(245, 245, 220, 0.5); }
.bg--beige-glass-3 { background-color: rgba(245, 245, 220, 0.65); }
.bg--beige-glass-4 { background-color: rgba(245, 245, 220, 0.75); }
.bg--facebook-blue-glass { background-color: rgba(59, 89, 152, 0.5); }
.bg--facebook-blue-glass-1 { background-color: rgba(59, 89, 152, 0.4); }
.bg--facebook-blue-glass-2 { background-color: rgba(59, 89, 152, 0.5); }
.bg--facebook-blue-glass-3 { background-color: rgba(59, 89, 152, 0.65); }
.bg--facebook-blue-glass-4 { background-color: rgba(59, 89, 152, 0.75); }
.bg--google-blue-glass { background-color: rgba(66, 133, 244, 0.5); }
.bg--google-blue-glass-1 { background-color: rgba(66, 133, 244, 0.4); }
.bg--google-blue-glass-2 { background-color: rgba(66, 133, 244, 0.5); }
.bg--google-blue-glass-3 { background-color: rgba(66, 133, 244, 0.65); }
.bg--google-blue-glass-4 { background-color: rgba(66, 133, 244, 0.75); }
.bg--google-red-glass { background-color: rgba(219, 68, 55, 0.5); }
.bg--google-red-glass-1 { background-color: rgba(219, 68, 55, 0.4); }
.bg--google-red-glass-2 { background-color: rgba(219, 68, 55, 0.5); }
.bg--google-red-glass-3 { background-color: rgba(219, 68, 55, 0.65); }
.bg--google-red-glass-4 { background-color: rgba(219, 68, 55, 0.75); }
.bg--instagram-pink-glass { background-color: rgba(198, 42, 129, 0.5); }
.bg--instagram-pink-glass-1 { background-color: rgba(198, 42, 129, 0.4); }
.bg--instagram-pink-glass-2 { background-color: rgba(198, 42, 129, 0.5); }
.bg--instagram-pink-glass-3 { background-color: rgba(198, 42, 129, 0.65); }
.bg--instagram-pink-glass-4 { background-color: rgba(198, 42, 129, 0.75); }
.bg--instagram-orange-glass { background-color: rgba(240, 100, 48, 0.5); }
.bg--instagram-orange-glass-1 { background-color: rgba(240, 100, 48, 0.4); }
.bg--instagram-orange-glass-2 { background-color: rgba(240, 100, 48, 0.5); }
.bg--instagram-orange-glass-3 { background-color: rgba(240, 100, 48, 0.65); }
.bg--instagram-orange-glass-4 { background-color: rgba(240, 100, 48, 0.75); }
.bg--paypal-blue-glass { background-color: rgba(0, 156, 222, 0.5); }
.bg--paypal-blue-glass-1 { background-color: rgba(0, 156, 222, 0.4); }
.bg--paypal-blue-glass-2 { background-color: rgba(0, 156, 222, 0.5); }
.bg--paypal-blue-glass-3 { background-color: rgba(0, 156, 222, 0.65); }
.bg--paypal-blue-glass-4 { background-color: rgba(0, 156, 222, 0.75); }
.bg--paypal-silver-glass { background-color: rgba(238, 238, 238, 0.5); }
.bg--paypal-silver-glass-1 { background-color: rgba(238, 238, 238, 0.4); }
.bg--paypal-silver-glass-2 { background-color: rgba(238, 238, 238, 0.5); }
.bg--paypal-silver-glass-3 { background-color: rgba(238, 238, 238, 0.65); }
.bg--paypal-silver-glass-4 { background-color: rgba(238, 238, 238, 0.75); }
.bg--primary-glass { background-color: rgba(115, 189, 0, 0.5); }
.bg--primary-glass-1 { background-color: rgba(115, 189, 0, 0.4); }
.bg--primary-glass-2 { background-color: rgba(115, 189, 0, 0.5); }
.bg--primary-glass-3 { background-color: rgba(115, 189, 0, 0.65); }
.bg--primary-glass-4 { background-color: rgba(115, 189, 0, 0.75); }
.bg--secondary-glass { background-color: rgba(0, 163, 178, 0.5); }
.bg--secondary-glass-1 { background-color: rgba(0, 163, 178, 0.4); }
.bg--secondary-glass-2 { background-color: rgba(0, 163, 178, 0.5); }
.bg--secondary-glass-3 { background-color: rgba(0, 163, 178, 0.65); }
.bg--secondary-glass-4 { background-color: rgba(0, 163, 178, 0.75); }
.bg--tertiary-glass { background-color: rgba(231, 176, 77, 0.5); }
.bg--tertiary-glass-1 { background-color: rgba(231, 176, 77, 0.4); }
.bg--tertiary-glass-2 { background-color: rgba(231, 176, 77, 0.5); }
.bg--tertiary-glass-3 { background-color: rgba(231, 176, 77, 0.65); }
.bg--tertiary-glass-4 { background-color: rgba(231, 176, 77, 0.75); }
.bg--accent-primary-glass { background-color: rgba(13, 255, 203, 0.5); }
.bg--accent-primary-glass-1 { background-color: rgba(13, 255, 203, 0.4); }
.bg--accent-primary-glass-2 { background-color: rgba(13, 255, 203, 0.5); }
.bg--accent-primary-glass-3 { background-color: rgba(13, 255, 203, 0.65); }
.bg--accent-primary-glass-4 { background-color: rgba(13, 255, 203, 0.75); }
.bg--accent-secondary-glass { background-color: rgba(218, 255, 121, 0.5); }
.bg--accent-secondary-glass-1 { background-color: rgba(218, 255, 121, 0.4); }
.bg--accent-secondary-glass-2 { background-color: rgba(218, 255, 121, 0.5); }
.bg--accent-secondary-glass-3 { background-color: rgba(218, 255, 121, 0.65); }
.bg--accent-secondary-glass-4 { background-color: rgba(218, 255, 121, 0.75); }
.bg--accent-tertiary-glass { background-color: rgba(40, 186, 255, 0.5); }
.bg--accent-tertiary-glass-1 { background-color: rgba(40, 186, 255, 0.4); }
.bg--accent-tertiary-glass-2 { background-color: rgba(40, 186, 255, 0.5); }
.bg--accent-tertiary-glass-3 { background-color: rgba(40, 186, 255, 0.65); }
.bg--accent-tertiary-glass-4 { background-color: rgba(40, 186, 255, 0.75); }
.bg--beginner-glass { background-color: rgba(0, 174, 154, 0.5); }
.bg--beginner-glass-1 { background-color: rgba(0, 174, 154, 0.4); }
.bg--beginner-glass-2 { background-color: rgba(0, 174, 154, 0.5); }
.bg--beginner-glass-3 { background-color: rgba(0, 174, 154, 0.65); }
.bg--beginner-glass-4 { background-color: rgba(0, 174, 154, 0.75); }
.bg--intermediate-glass { background-color: rgba(246, 155, 53, 0.5); }
.bg--intermediate-glass-1 { background-color: rgba(246, 155, 53, 0.4); }
.bg--intermediate-glass-2 { background-color: rgba(246, 155, 53, 0.5); }
.bg--intermediate-glass-3 { background-color: rgba(246, 155, 53, 0.65); }
.bg--intermediate-glass-4 { background-color: rgba(246, 155, 53, 0.75); }
.bg--advanced-glass { background-color: rgba(239, 108, 110, 0.5); }
.bg--advanced-glass-1 { background-color: rgba(239, 108, 110, 0.4); }
.bg--advanced-glass-2 { background-color: rgba(239, 108, 110, 0.5); }
.bg--advanced-glass-3 { background-color: rgba(239, 108, 110, 0.65); }
.bg--advanced-glass-4 { background-color: rgba(239, 108, 110, 0.75); }
.border { border-style: solid; } .border--transparent { border-color: rgba(0, 0, 0, 0); } .border--white { border-color: #FFF; } .border--black { border-color: #000; } .border--grey-1 { border-color: #F2F2F2; } .border--grey-2 { border-color: #E6E9ED; } .border--grey-3 { border-color: #E6E6E6; } .border--grey-4 { border-color: #97A1B0; } .border--grey-5 { border-color: #707B8C; } .border--grey-6 { border-color: #485363; } .border--grey-7 { border-color: #32323B; } .border--red { border-color: #df1642; } .border--blue { border-color: #4D96E7; } .border--navy { border-color: #0f3e72; } .border--green { border-color: #73bd00; } .border--beige { border-color: #f5f5dc; } .border--facebook-blue { border-color: #3b5998; } .border--google-blue { border-color: #4285F4; } .border--google-red { border-color: #DB4437; } .border--instagram-pink { border-color: #C62A81; } .border--instagram-orange { border-color: #F06430; } .border--paypal-blue { border-color: #009cde; } .border--paypal-silver { border-color: #eeeeee; } .border--primary { border-color: #73bd00; } .border--secondary { border-color: #00A3B2; } .border--tertiary { border-color: #E7B04D; } .border--accent-primary { border-color: #0DFFCB; } .border--accent-secondary { border-color: #DAFF79; } .border--accent-tertiary { border-color: #28BAFF; } .border--beginner { border-color: #00ae9a; } .border--intermediate { border-color: #f69b35; } .border--advanced { border-color: #ef6c6e; }
.border-width--0px { border-width: 0px; }
.border-width--1px { border-width: 1px; }
.border-width--2px { border-width: 2px; }
.border-width--3px { border-width: 3px; }
.border-width--4px { border-width: 4px; }
.border-width--5px { border-width: 5px; }
.border-width--6px { border-width: 6px; }
.border-width--7px { border-width: 7px; }
.border-width--8px { border-width: 8px; }
.border-width--9px { border-width: 9px; }
.border-width--10px { border-width: 10px; }
.border-width--11px { border-width: 11px; }
.border-width--12px { border-width: 12px; }
.border-width--13px { border-width: 13px; }
.border-width--14px { border-width: 14px; }
.border-width--15px { border-width: 15px; }
.border-width--16px { border-width: 16px; }
.bg--grey-7,
.bg--black { color: #FFF; }
.bg--white { color: #32323B; }
.buffer--colossal, .buffer--inner--colossal { padding-top: 3.75rem; }
.buffer--titan, .buffer--inner--titan { padding-top: 2.5rem; }
.buffer--giant, .buffer--inner--giant { padding-top: 1.75rem; }
.buffer--huge, .buffer--inner--huge { padding-top: 1.5rem; }
.buffer--large, .buffer--inner--large { padding-top: 1.25rem; }
.buffer--medium, .buffer--inner--medium { padding-top: 1rem; }
.buffer--small, .buffer--inner--small { padding-top: 0.75rem; }
.buffer--tiny, .buffer--inner--tiny { padding-top: 0.5rem; }
.buffer--mini, .buffer--inner--mini { padding-top: 0.5rem; }
.buffer--micro, .buffer--inner--micro { padding-top: 0.25rem; }
.buffer--colossal, .buffer--inner--colossal { padding-bottom: 3.75rem; }
.buffer--titan, .buffer--inner--titan { padding-bottom: 2.5rem; }
.buffer--giant, .buffer--inner--giant { padding-bottom: 1.75rem; }
.buffer--huge, .buffer--inner--huge { padding-bottom: 1.5rem; }
.buffer--large, .buffer--inner--large { padding-bottom: 1.25rem; }
.buffer--medium, .buffer--inner--medium { padding-bottom: 1rem; }
.buffer--small, .buffer--inner--small { padding-bottom: 0.75rem; }
.buffer--tiny, .buffer--inner--tiny { padding-bottom: 0.5rem; }
.buffer--mini, .buffer--inner--mini { padding-bottom: 0.5rem; }
.buffer--micro, .buffer--inner--micro { padding-bottom: 0.25rem; }
.buffer--outer--colossal { margin-top: 3.75rem; }
.buffer--outer--titan { margin-top: 2.5rem; }
.buffer--outer--giant { margin-top: 1.75rem; }
.buffer--outer--huge { margin-top: 1.5rem; }
.buffer--outer--large { margin-top: 1.25rem; }
.buffer--outer--medium { margin-top: 1rem; }
.buffer--outer--small { margin-top: 0.75rem; }
.buffer--outer--tiny { margin-top: 0.5rem; }
.buffer--outer--mini { margin-top: 0.5rem; }
.buffer--outer--micro { margin-top: 0.25rem; }
.buffer--outer--colossal { margin-bottom: 3.75rem; }
.buffer--outer--titan { margin-bottom: 2.5rem; }
.buffer--outer--giant { margin-bottom: 1.75rem; }
.buffer--outer--huge { margin-bottom: 1.5rem; }
.buffer--outer--large { margin-bottom: 1.25rem; }
.buffer--outer--medium { margin-bottom: 1rem; }
.buffer--outer--small { margin-bottom: 0.75rem; }
.buffer--outer--tiny { margin-bottom: 0.5rem; }
.buffer--outer--mini { margin-bottom: 0.5rem; }
.buffer--outer--micro { margin-bottom: 0.25rem; }
.gutter--colossal, .gutter--inner--colossal { padding-left: 3.75rem; }
.gutter--titan, .gutter--inner--titan { padding-left: 2.5rem; }
.gutter--giant, .gutter--inner--giant { padding-left: 1.75rem; }
.gutter--huge, .gutter--inner--huge { padding-left: 1.5rem; }
.gutter--large, .gutter--inner--large { padding-left: 1.25rem; }
.gutter--medium, .gutter--inner--medium { padding-left: 1rem; }
.gutter--small, .gutter--inner--small { padding-left: 0.75rem; }
.gutter--tiny, .gutter--inner--tiny { padding-left: 0.5rem; }
.gutter--mini, .gutter--inner--mini { padding-left: 0.5rem; }
.gutter--micro, .gutter--inner--micro { padding-left: 0.25rem; }
.gutter--colossal, .gutter--inner--colossal { padding-right: 3.75rem; }
.gutter--titan, .gutter--inner--titan { padding-right: 2.5rem; }
.gutter--giant, .gutter--inner--giant { padding-right: 1.75rem; }
.gutter--huge, .gutter--inner--huge { padding-right: 1.5rem; }
.gutter--large, .gutter--inner--large { padding-right: 1.25rem; }
.gutter--medium, .gutter--inner--medium { padding-right: 1rem; }
.gutter--small, .gutter--inner--small { padding-right: 0.75rem; }
.gutter--tiny, .gutter--inner--tiny { padding-right: 0.5rem; }
.gutter--mini, .gutter--inner--mini { padding-right: 0.5rem; }
.gutter--micro, .gutter--inner--micro { padding-right: 0.25rem; }
.gutter--outer--colossal { margin-left: 3.75rem; }
.gutter--outer--titan { margin-left: 2.5rem; }
.gutter--outer--giant { margin-left: 1.75rem; }
.gutter--outer--huge { margin-left: 1.5rem; }
.gutter--outer--large { margin-left: 1.25rem; }
.gutter--outer--medium { margin-left: 1rem; }
.gutter--outer--small { margin-left: 0.75rem; }
.gutter--outer--tiny { margin-left: 0.5rem; }
.gutter--outer--mini { margin-left: 0.5rem; }
.gutter--outer--micro { margin-left: 0.25rem; }
.gutter--outer--colossal { margin-right: 3.75rem; }
.gutter--outer--titan { margin-right: 2.5rem; }
.gutter--outer--giant { margin-right: 1.75rem; }
.gutter--outer--huge { margin-right: 1.5rem; }
.gutter--outer--large { margin-right: 1.25rem; }
.gutter--outer--medium { margin-right: 1rem; }
.gutter--outer--small { margin-right: 0.75rem; }
.gutter--outer--tiny { margin-right: 0.5rem; }
.gutter--outer--mini { margin-right: 0.5rem; }
.gutter--outer--micro { margin-right: 0.25rem; }
.margin--top--auto { margin-top: auto; }
.margin--top--colossal { margin-top: 3.75rem; }
.margin--top--titan { margin-top: 2.5rem; }
.margin--top--giant { margin-top: 1.75rem; }
.margin--top--huge { margin-top: 1.5rem; }
.margin--top--large { margin-top: 1.25rem; }
.margin--top--medium { margin-top: 1rem; }
.margin--top--small { margin-top: 0.75rem; }
.margin--top--tiny { margin-top: 0.5rem; }
.margin--top--mini { margin-top: 0.5rem; }
.margin--top--micro { margin-top: 0.25rem; }
.margin--bottom--colossal { margin-bottom: 3.75rem; }
.margin--bottom--titan { margin-bottom: 2.5rem; }
.margin--bottom--giant { margin-bottom: 1.75rem; }
.margin--bottom--huge { margin-bottom: 1.5rem; }
.margin--bottom--large { margin-bottom: 1.25rem; }
.margin--bottom--medium { margin-bottom: 1rem; }
.margin--bottom--small { margin-bottom: 0.75rem; }
.margin--bottom--tiny { margin-bottom: 0.5rem; }
.margin--bottom--mini { margin-bottom: 0.5rem; }
.margin--bottom--micro { margin-bottom: 0.25rem; }
.margin--right--colossal { margin-right: 3.75rem; }
.margin--right--titan { margin-right: 2.5rem; }
.margin--right--giant { margin-right: 1.75rem; }
.margin--right--huge { margin-right: 1.5rem; }
.margin--right--large { margin-right: 1.25rem; }
.margin--right--medium { margin-right: 1rem; }
.margin--right--small { margin-right: 0.75rem; }
.margin--right--tiny { margin-right: 0.5rem; }
.margin--right--mini { margin-right: 0.5rem; }
.margin--right--micro { margin-right: 0.25rem; }
.margin--left--colossal { margin-left: 3.75rem; }
.margin--left--titan { margin-left: 2.5rem; }
.margin--left--giant { margin-left: 1.75rem; }
.margin--left--huge { margin-left: 1.5rem; }
.margin--left--large { margin-left: 1.25rem; }
.margin--left--medium { margin-left: 1rem; }
.margin--left--small { margin-left: 0.75rem; }
.margin--left--tiny { margin-left: 0.5rem; }
.margin--left--mini { margin-left: 0.5rem; }
.margin--left--micro { margin-left: 0.25rem; }
.padding--top--colossal { padding-top: 3.75rem; }
.padding--top--titan { padding-top: 2.5rem; }
.padding--top--giant { padding-top: 1.75rem; }
.padding--top--huge { padding-top: 1.5rem; }
.padding--top--large { padding-top: 1.25rem; }
.padding--top--medium { padding-top: 1rem; }
.padding--top--small { padding-top: 0.75rem; }
.padding--top--tiny { padding-top: 0.5rem; }
.padding--top--mini { padding-top: 0.5rem; }
.padding--top--micro { padding-top: 0.25rem; }
.padding--bottom--colossal { padding-bottom: 3.75rem; }
.padding--bottom--titan { padding-bottom: 2.5rem; }
.padding--bottom--giant { padding-bottom: 1.75rem; }
.padding--bottom--huge { padding-bottom: 1.5rem; }
.padding--bottom--large { padding-bottom: 1.25rem; }
.padding--bottom--medium { padding-bottom: 1rem; }
.padding--bottom--small { padding-bottom: 0.75rem; }
.padding--bottom--tiny { padding-bottom: 0.5rem; }
.padding--bottom--mini { padding-bottom: 0.5rem; }
.padding--bottom--micro { padding-bottom: 0.25rem; }
.padding--right--colossal { padding-right: 3.75rem; }
.padding--right--titan { padding-right: 2.5rem; }
.padding--right--giant { padding-right: 1.75rem; }
.padding--right--huge { padding-right: 1.5rem; }
.padding--right--large { padding-right: 1.25rem; }
.padding--right--medium { padding-right: 1rem; }
.padding--right--small { padding-right: 0.75rem; }
.padding--right--tiny { padding-right: 0.5rem; }
.padding--right--mini { padding-right: 0.5rem; }
.padding--right--micro { padding-right: 0.25rem; }
.padding--left--colossal { padding-left: 3.75rem; }
.padding--left--titan { padding-left: 2.5rem; }
.padding--left--giant { padding-left: 1.75rem; }
.padding--left--huge { padding-left: 1.5rem; }
.padding--left--large { padding-left: 1.25rem; }
.padding--left--medium { padding-left: 1rem; }
.padding--left--small { padding-left: 0.75rem; }
.padding--left--tiny { padding-left: 0.5rem; }
.padding--left--mini { padding-left: 0.5rem; }
.padding--left--micro { padding-left: 0.25rem; }
.set--w-0 { width: 0; }
.set--w-10 { width: 10%; }
.set--w-20 { width: 20%; }
.set--w-30 { width: 30%; }
.set--w-40 { width: 40%; }
.set--w-45 { width: 45%; }
.set--w-50 { width: 50%; }
.set--w-55 { width: 55%; }
.set--w-60 { width: 60%; }
.set--w-70 { width: 70%; }
.set--w-80 { width: 80%; }
.set--w-90 { width: 90%; }
.set--w-100 { width: 100%; }
.set--h-0 { height: 0; }
.set--h-10 { height: 10%; }
.set--h-20 { height: 20%; }
.set--h-30 { height: 30%; }
.set--h-40 { height: 40%; }
.set--h-45 { height: 45%; }
.set--h-50 { height: 50%; }
.set--h-55 { height: 55%; }
.set--h-60 { height: 60%; }
.set--h-70 { height: 70%; }
.set--h-80 { height: 80%; }
.set--h-90 { height: 90%; }
.set--h-100 { height: 100%; }
.frame--round,
.circle { border-radius: 50%; }
.drop-shadow { -webkit-box-shadow: 0px 2px 4px 1px #E6E6E6; box-shadow: 0px 2px 4px 1px #E6E6E6; }
.col-f { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; }
.flex-justify-evenly { -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }
.position--absolute { position: absolute; }
@media (min-width: 90.0625rem) { .col-lg-f { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } }
@media (min-width: 48rem) { .page { overflow: visible; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .main { width: 100%; } .container { padding-right: 3.4375rem; padding-left: 3.4375rem; } .d-bg--transparent { background-color: rgba(0, 0, 0, 0); } .d-bg--white { background-color: #FFF; } .d-bg--black { background-color: #000; } .d-bg--grey-1 { background-color: #F2F2F2; } .d-bg--grey-2 { background-color: #E6E9ED; } .d-bg--grey-3 { background-color: #E6E6E6; } .d-bg--grey-4 { background-color: #97A1B0; } .d-bg--grey-5 { background-color: #707B8C; } .d-bg--grey-6 { background-color: #485363; } .d-bg--grey-7 { background-color: #32323B; } .d-bg--red { background-color: #df1642; } .d-bg--blue { background-color: #4D96E7; } .d-bg--navy { background-color: #0f3e72; } .d-bg--green { background-color: #73bd00; } .d-bg--beige { background-color: #f5f5dc; } .d-bg--facebook-blue { background-color: #3b5998; } .d-bg--google-blue { background-color: #4285F4; } .d-bg--google-red { background-color: #DB4437; } .d-bg--instagram-pink { background-color: #C62A81; } .d-bg--instagram-orange { background-color: #F06430; } .d-bg--paypal-blue { background-color: #009cde; } .d-bg--paypal-silver { background-color: #eeeeee; } .d-bg--primary { background-color: #73bd00; } .d-bg--secondary { background-color: #00A3B2; } .d-bg--tertiary { background-color: #E7B04D; } .d-bg--accent-primary { background-color: #0DFFCB; } .d-bg--accent-secondary { background-color: #DAFF79; } .d-bg--accent-tertiary { background-color: #28BAFF; } .d-bg--beginner { background-color: #00ae9a; } .d-bg--intermediate { background-color: #f69b35; } .d-bg--advanced { background-color: #ef6c6e; } .d-border { border-style: solid; } .d-border--transparent { border-color: rgba(0, 0, 0, 0); } .d-border--white { border-color: #FFF; } .d-border--black { border-color: #000; } .d-border--grey-1 { border-color: #F2F2F2; } .d-border--grey-2 { border-color: #E6E9ED; } .d-border--grey-3 { border-color: #E6E6E6; } .d-border--grey-4 { border-color: #97A1B0; } .d-border--grey-5 { border-color: #707B8C; } .d-border--grey-6 { border-color: #485363; } .d-border--grey-7 { border-color: #32323B; } .d-border--red { border-color: #df1642; } .d-border--blue { border-color: #4D96E7; } .d-border--navy { border-color: #0f3e72; } .d-border--green { border-color: #73bd00; } .d-border--beige { border-color: #f5f5dc; } .d-border--facebook-blue { border-color: #3b5998; } .d-border--google-blue { border-color: #4285F4; } .d-border--google-red { border-color: #DB4437; } .d-border--instagram-pink { border-color: #C62A81; } .d-border--instagram-orange { border-color: #F06430; } .d-border--paypal-blue { border-color: #009cde; } .d-border--paypal-silver { border-color: #eeeeee; } .d-border--primary { border-color: #73bd00; } .d-border--secondary { border-color: #00A3B2; } .d-border--tertiary { border-color: #E7B04D; } .d-border--accent-primary { border-color: #0DFFCB; } .d-border--accent-secondary { border-color: #DAFF79; } .d-border--accent-tertiary { border-color: #28BAFF; } .d-border--beginner { border-color: #00ae9a; } .d-border--intermediate { border-color: #f69b35; } .d-border--advanced { border-color: #ef6c6e; } .d-bg--grey-7, .d-bg--black { color: #FFF; } .d-bg--white { color: #32323B; } .d-buffer--colossal, .d-buffer--inner--colossal { padding-top: 3.75rem; } .d-buffer--titan, .d-buffer--inner--titan { padding-top: 2.5rem; } .d-buffer--giant, .d-buffer--inner--giant { padding-top: 1.75rem; } .d-buffer--huge, .d-buffer--inner--huge { padding-top: 1.5rem; } .d-buffer--large, .d-buffer--inner--large { padding-top: 1.25rem; } .d-buffer--medium, .d-buffer--inner--medium { padding-top: 1rem; } .d-buffer--small, .d-buffer--inner--small { padding-top: 0.75rem; } .d-buffer--tiny, .d-buffer--inner--tiny { padding-top: 0.5rem; } .d-buffer--mini, .d-buffer--inner--mini { padding-top: 0.5rem; } .d-buffer--micro, .d-buffer--inner--micro { padding-top: 0.25rem; } .d-buffer--colossal, .d-buffer--inner--colossal { padding-bottom: 3.75rem; } .d-buffer--titan, .d-buffer--inner--titan { padding-bottom: 2.5rem; } .d-buffer--giant, .d-buffer--inner--giant { padding-bottom: 1.75rem; } .d-buffer--huge, .d-buffer--inner--huge { padding-bottom: 1.5rem; } .d-buffer--large, .d-buffer--inner--large { padding-bottom: 1.25rem; } .d-buffer--medium, .d-buffer--inner--medium { padding-bottom: 1rem; } .d-buffer--small, .d-buffer--inner--small { padding-bottom: 0.75rem; } .d-buffer--tiny, .d-buffer--inner--tiny { padding-bottom: 0.5rem; } .d-buffer--mini, .d-buffer--inner--mini { padding-bottom: 0.5rem; } .d-buffer--micro, .d-buffer--inner--micro { padding-bottom: 0.25rem; } .d-buffer--outer--colossal { margin-top: 3.75rem; } .d-buffer--outer--titan { margin-top: 2.5rem; } .d-buffer--outer--giant { margin-top: 1.75rem; } .d-buffer--outer--huge { margin-top: 1.5rem; } .d-buffer--outer--large { margin-top: 1.25rem; } .d-buffer--outer--medium { margin-top: 1rem; } .d-buffer--outer--small { margin-top: 0.75rem; } .d-buffer--outer--tiny { margin-top: 0.5rem; } .d-buffer--outer--mini { margin-top: 0.5rem; } .d-buffer--outer--micro { margin-top: 0.25rem; } .d-buffer--outer--colossal { margin-bottom: 3.75rem; } .d-buffer--outer--titan { margin-bottom: 2.5rem; } .d-buffer--outer--giant { margin-bottom: 1.75rem; } .d-buffer--outer--huge { margin-bottom: 1.5rem; } .d-buffer--outer--large { margin-bottom: 1.25rem; } .d-buffer--outer--medium { margin-bottom: 1rem; } .d-buffer--outer--small { margin-bottom: 0.75rem; } .d-buffer--outer--tiny { margin-bottom: 0.5rem; } .d-buffer--outer--mini { margin-bottom: 0.5rem; } .d-buffer--outer--micro { margin-bottom: 0.25rem; } .d-gutter--colossal, .d-gutter--inner--colossal { padding-left: 3.75rem; } .d-gutter--titan, .d-gutter--inner--titan { padding-left: 2.5rem; } .d-gutter--giant, .d-gutter--inner--giant { padding-left: 1.75rem; } .d-gutter--huge, .d-gutter--inner--huge { padding-left: 1.5rem; } .d-gutter--large, .d-gutter--inner--large { padding-left: 1.25rem; } .d-gutter--medium, .d-gutter--inner--medium { padding-left: 1rem; } .d-gutter--small, .d-gutter--inner--small { padding-left: 0.75rem; } .d-gutter--tiny, .d-gutter--inner--tiny { padding-left: 0.5rem; } .d-gutter--mini, .d-gutter--inner--mini { padding-left: 0.5rem; } .d-gutter--micro, .d-gutter--inner--micro { padding-left: 0.25rem; } .d-gutter--colossal, .d-gutter--inner--colossal { padding-right: 3.75rem; } .d-gutter--titan, .d-gutter--inner--titan { padding-right: 2.5rem; } .d-gutter--giant, .d-gutter--inner--giant { padding-right: 1.75rem; } .d-gutter--huge, .d-gutter--inner--huge { padding-right: 1.5rem; } .d-gutter--large, .d-gutter--inner--large { padding-right: 1.25rem; } .d-gutter--medium, .d-gutter--inner--medium { padding-right: 1rem; } .d-gutter--small, .d-gutter--inner--small { padding-right: 0.75rem; } .d-gutter--tiny, .d-gutter--inner--tiny { padding-right: 0.5rem; } .d-gutter--mini, .d-gutter--inner--mini { padding-right: 0.5rem; } .d-gutter--micro, .d-gutter--inner--micro { padding-right: 0.25rem; } .d-gutter--outer--colossal { margin-left: 3.75rem; } .d-gutter--outer--titan { margin-left: 2.5rem; } .d-gutter--outer--giant { margin-left: 1.75rem; } .d-gutter--outer--huge { margin-left: 1.5rem; } .d-gutter--outer--large { margin-left: 1.25rem; } .d-gutter--outer--medium { margin-left: 1rem; } .d-gutter--outer--small { margin-left: 0.75rem; } .d-gutter--outer--tiny { margin-left: 0.5rem; } .d-gutter--outer--mini { margin-left: 0.5rem; } .d-gutter--outer--micro { margin-left: 0.25rem; } .d-gutter--outer--colossal { margin-right: 3.75rem; } .d-gutter--outer--titan { margin-right: 2.5rem; } .d-gutter--outer--giant { margin-right: 1.75rem; } .d-gutter--outer--huge { margin-right: 1.5rem; } .d-gutter--outer--large { margin-right: 1.25rem; } .d-gutter--outer--medium { margin-right: 1rem; } .d-gutter--outer--small { margin-right: 0.75rem; } .d-gutter--outer--tiny { margin-right: 0.5rem; } .d-gutter--outer--mini { margin-right: 0.5rem; } .d-gutter--outer--micro { margin-right: 0.25rem; } .d-margin--top--colossal { margin-top: 3.75rem; } .d-margin--top--titan { margin-top: 2.5rem; } .d-margin--top--giant { margin-top: 1.75rem; } .d-margin--top--huge { margin-top: 1.5rem; } .d-margin--top--large { margin-top: 1.25rem; } .d-margin--top--medium { margin-top: 1rem; } .d-margin--top--small { margin-top: 0.75rem; } .d-margin--top--tiny { margin-top: 0.5rem; } .d-margin--top--mini { margin-top: 0.5rem; } .d-margin--top--micro { margin-top: 0.25rem; } .d-margin--top--auto { margin-top: auto; } .d-margin--bottom--colossal { margin-bottom: 3.75rem; } .d-margin--bottom--titan { margin-bottom: 2.5rem; } .d-margin--bottom--giant { margin-bottom: 1.75rem; } .d-margin--bottom--huge { margin-bottom: 1.5rem; } .d-margin--bottom--large { margin-bottom: 1.25rem; } .d-margin--bottom--medium { margin-bottom: 1rem; } .d-margin--bottom--small { margin-bottom: 0.75rem; } .d-margin--bottom--tiny { margin-bottom: 0.5rem; } .d-margin--bottom--mini { margin-bottom: 0.5rem; } .d-margin--bottom--micro { margin-bottom: 0.25rem; } .d-margin--right--colossal { margin-right: 3.75rem; } .d-margin--right--titan { margin-right: 2.5rem; } .d-margin--right--giant { margin-right: 1.75rem; } .d-margin--right--huge { margin-right: 1.5rem; } .d-margin--right--large { margin-right: 1.25rem; } .d-margin--right--medium { margin-right: 1rem; } .d-margin--right--small { margin-right: 0.75rem; } .d-margin--right--tiny { margin-right: 0.5rem; } .d-margin--right--mini { margin-right: 0.5rem; } .d-margin--right--micro { margin-right: 0.25rem; } .d-margin--left--colossal { margin-left: 3.75rem; } .d-margin--left--titan { margin-left: 2.5rem; } .d-margin--left--giant { margin-left: 1.75rem; } .d-margin--left--huge { margin-left: 1.5rem; } .d-margin--left--large { margin-left: 1.25rem; } .d-margin--left--medium { margin-left: 1rem; } .d-margin--left--small { margin-left: 0.75rem; } .d-margin--left--tiny { margin-left: 0.5rem; } .d-margin--left--mini { margin-left: 0.5rem; } .d-margin--left--micro { margin-left: 0.25rem; } .d-padding--top--colossal { padding-top: 3.75rem; } .d-padding--top--titan { padding-top: 2.5rem; } .d-padding--top--giant { padding-top: 1.75rem; } .d-padding--top--huge { padding-top: 1.5rem; } .d-padding--top--large { padding-top: 1.25rem; } .d-padding--top--medium { padding-top: 1rem; } .d-padding--top--small { padding-top: 0.75rem; } .d-padding--top--tiny { padding-top: 0.5rem; } .d-padding--top--mini { padding-top: 0.5rem; } .d-padding--top--micro { padding-top: 0.25rem; } .d-padding--bottom--colossal { padding-bottom: 3.75rem; } .d-padding--bottom--titan { padding-bottom: 2.5rem; } .d-padding--bottom--giant { padding-bottom: 1.75rem; } .d-padding--bottom--huge { padding-bottom: 1.5rem; } .d-padding--bottom--large { padding-bottom: 1.25rem; } .d-padding--bottom--medium { padding-bottom: 1rem; } .d-padding--bottom--small { padding-bottom: 0.75rem; } .d-padding--bottom--tiny { padding-bottom: 0.5rem; } .d-padding--bottom--mini { padding-bottom: 0.5rem; } .d-padding--bottom--micro { padding-bottom: 0.25rem; } .d-padding--right--colossal { padding-right: 3.75rem; } .d-padding--right--titan { padding-right: 2.5rem; } .d-padding--right--giant { padding-right: 1.75rem; } .d-padding--right--huge { padding-right: 1.5rem; } .d-padding--right--large { padding-right: 1.25rem; } .d-padding--right--medium { padding-right: 1rem; } .d-padding--right--small { padding-right: 0.75rem; } .d-padding--right--tiny { padding-right: 0.5rem; } .d-padding--right--mini { padding-right: 0.5rem; } .d-padding--right--micro { padding-right: 0.25rem; } .d-padding--left--colossal { padding-left: 3.75rem; } .d-padding--left--titan { padding-left: 2.5rem; } .d-padding--left--giant { padding-left: 1.75rem; } .d-padding--left--huge { padding-left: 1.5rem; } .d-padding--left--large { padding-left: 1.25rem; } .d-padding--left--medium { padding-left: 1rem; } .d-padding--left--small { padding-left: 0.75rem; } .d-padding--left--tiny { padding-left: 0.5rem; } .d-padding--left--mini { padding-left: 0.5rem; } .d-padding--left--micro { padding-left: 0.25rem; } .d-set--w-0 { width: 0; } .d-set--w-10 { width: 10%; } .d-set--w-20 { width: 20%; } .d-set--w-30 { width: 30%; } .d-set--w-40 { width: 40%; } .d-set--w-45 { width: 45%; } .d-set--w-50 { width: 50%; } .d-set--w-55 { width: 55%; } .d-set--w-60 { width: 60%; } .d-set--w-70 { width: 70%; } .d-set--w-80 { width: 80%; } .d-set--w-90 { width: 90%; } .d-set--w-100 { width: 100%; } .d-set--h-0 { height: 0; } .d-set--h-10 { height: 10%; } .d-set--h-20 { height: 20%; } .d-set--h-30 { height: 30%; } .d-set--h-40 { height: 40%; } .d-set--h-45 { height: 45%; } .d-set--h-50 { height: 50%; } .d-set--h-55 { height: 55%; } .d-set--h-60 { height: 60%; } .d-set--h-70 { height: 70%; } .d-set--h-80 { height: 80%; } .d-set--h-90 { height: 90%; } .d-set--h-100 { height: 100%; } }
@media (max-width: 47.9375rem) { .container { padding-right: 1.5rem; padding-left: 1.5rem; } .flex-col--mobile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .m-bg--transparent { background-color: rgba(0, 0, 0, 0); } .m-bg--white { background-color: #FFF; } .m-bg--black { background-color: #000; } .m-bg--grey-1 { background-color: #F2F2F2; } .m-bg--grey-2 { background-color: #E6E9ED; } .m-bg--grey-3 { background-color: #E6E6E6; } .m-bg--grey-4 { background-color: #97A1B0; } .m-bg--grey-5 { background-color: #707B8C; } .m-bg--grey-6 { background-color: #485363; } .m-bg--grey-7 { background-color: #32323B; } .m-bg--red { background-color: #df1642; } .m-bg--blue { background-color: #4D96E7; } .m-bg--navy { background-color: #0f3e72; } .m-bg--green { background-color: #73bd00; } .m-bg--beige { background-color: #f5f5dc; } .m-bg--facebook-blue { background-color: #3b5998; } .m-bg--google-blue { background-color: #4285F4; } .m-bg--google-red { background-color: #DB4437; } .m-bg--instagram-pink { background-color: #C62A81; } .m-bg--instagram-orange { background-color: #F06430; } .m-bg--paypal-blue { background-color: #009cde; } .m-bg--paypal-silver { background-color: #eeeeee; } .m-bg--primary { background-color: #73bd00; } .m-bg--secondary { background-color: #00A3B2; } .m-bg--tertiary { background-color: #E7B04D; } .m-bg--accent-primary { background-color: #0DFFCB; } .m-bg--accent-secondary { background-color: #DAFF79; } .m-bg--accent-tertiary { background-color: #28BAFF; } .m-bg--beginner { background-color: #00ae9a; } .m-bg--intermediate { background-color: #f69b35; } .m-bg--advanced { background-color: #ef6c6e; } .m-border { border-style: solid; } .m-border--transparent { border-color: rgba(0, 0, 0, 0); } .m-border--white { border-color: #FFF; } .m-border--black { border-color: #000; } .m-border--grey-1 { border-color: #F2F2F2; } .m-border--grey-2 { border-color: #E6E9ED; } .m-border--grey-3 { border-color: #E6E6E6; } .m-border--grey-4 { border-color: #97A1B0; } .m-border--grey-5 { border-color: #707B8C; } .m-border--grey-6 { border-color: #485363; } .m-border--grey-7 { border-color: #32323B; } .m-border--red { border-color: #df1642; } .m-border--blue { border-color: #4D96E7; } .m-border--navy { border-color: #0f3e72; } .m-border--green { border-color: #73bd00; } .m-border--beige { border-color: #f5f5dc; } .m-border--facebook-blue { border-color: #3b5998; } .m-border--google-blue { border-color: #4285F4; } .m-border--google-red { border-color: #DB4437; } .m-border--instagram-pink { border-color: #C62A81; } .m-border--instagram-orange { border-color: #F06430; } .m-border--paypal-blue { border-color: #009cde; } .m-border--paypal-silver { border-color: #eeeeee; } .m-border--primary { border-color: #73bd00; } .m-border--secondary { border-color: #00A3B2; } .m-border--tertiary { border-color: #E7B04D; } .m-border--accent-primary { border-color: #0DFFCB; } .m-border--accent-secondary { border-color: #DAFF79; } .m-border--accent-tertiary { border-color: #28BAFF; } .m-border--beginner { border-color: #00ae9a; } .m-border--intermediate { border-color: #f69b35; } .m-border--advanced { border-color: #ef6c6e; } .m-bg--grey-7, .m-bg--black { color: #FFF; } .m-bg--white { color: #32323B; } .m-buffer--colossal, .m-buffer--inner--colossal { padding-top: 3.75rem; } .m-buffer--titan, .m-buffer--inner--titan { padding-top: 2.5rem; } .m-buffer--giant, .m-buffer--inner--giant { padding-top: 1.75rem; } .m-buffer--huge, .m-buffer--inner--huge { padding-top: 1.5rem; } .m-buffer--large, .m-buffer--inner--large { padding-top: 1.25rem; } .m-buffer--medium, .m-buffer--inner--medium { padding-top: 1rem; } .m-buffer--small, .m-buffer--inner--small { padding-top: 0.75rem; } .m-buffer--tiny, .m-buffer--inner--tiny { padding-top: 0.5rem; } .m-buffer--mini, .m-buffer--inner--mini { padding-top: 0.5rem; } .m-buffer--micro, .m-buffer--inner--micro { padding-top: 0.25rem; } .m-buffer--colossal, .m-buffer--inner--colossal { padding-bottom: 3.75rem; } .m-buffer--titan, .m-buffer--inner--titan { padding-bottom: 2.5rem; } .m-buffer--giant, .m-buffer--inner--giant { padding-bottom: 1.75rem; } .m-buffer--huge, .m-buffer--inner--huge { padding-bottom: 1.5rem; } .m-buffer--large, .m-buffer--inner--large { padding-bottom: 1.25rem; } .m-buffer--medium, .m-buffer--inner--medium { padding-bottom: 1rem; } .m-buffer--small, .m-buffer--inner--small { padding-bottom: 0.75rem; } .m-buffer--tiny, .m-buffer--inner--tiny { padding-bottom: 0.5rem; } .m-buffer--mini, .m-buffer--inner--mini { padding-bottom: 0.5rem; } .m-buffer--micro, .m-buffer--inner--micro { padding-bottom: 0.25rem; } .m-buffer--outer--colossal { margin-top: 3.75rem; } .m-buffer--outer--titan { margin-top: 2.5rem; } .m-buffer--outer--giant { margin-top: 1.75rem; } .m-buffer--outer--huge { margin-top: 1.5rem; } .m-buffer--outer--large { margin-top: 1.25rem; } .m-buffer--outer--medium { margin-top: 1rem; } .m-buffer--outer--small { margin-top: 0.75rem; } .m-buffer--outer--tiny { margin-top: 0.5rem; } .m-buffer--outer--mini { margin-top: 0.5rem; } .m-buffer--outer--micro { margin-top: 0.25rem; } .m-buffer--outer--colossal { margin-bottom: 3.75rem; } .m-buffer--outer--titan { margin-bottom: 2.5rem; } .m-buffer--outer--giant { margin-bottom: 1.75rem; } .m-buffer--outer--huge { margin-bottom: 1.5rem; } .m-buffer--outer--large { margin-bottom: 1.25rem; } .m-buffer--outer--medium { margin-bottom: 1rem; } .m-buffer--outer--small { margin-bottom: 0.75rem; } .m-buffer--outer--tiny { margin-bottom: 0.5rem; } .m-buffer--outer--mini { margin-bottom: 0.5rem; } .m-buffer--outer--micro { margin-bottom: 0.25rem; } .m-gutter--colossal, .m-gutter--inner--colossal { padding-left: 3.75rem; } .m-gutter--titan, .m-gutter--inner--titan { padding-left: 2.5rem; } .m-gutter--giant, .m-gutter--inner--giant { padding-left: 1.75rem; } .m-gutter--huge, .m-gutter--inner--huge { padding-left: 1.5rem; } .m-gutter--large, .m-gutter--inner--large { padding-left: 1.25rem; } .m-gutter--medium, .m-gutter--inner--medium { padding-left: 1rem; } .m-gutter--small, .m-gutter--inner--small { padding-left: 0.75rem; } .m-gutter--tiny, .m-gutter--inner--tiny { padding-left: 0.5rem; } .m-gutter--mini, .m-gutter--inner--mini { padding-left: 0.5rem; } .m-gutter--micro, .m-gutter--inner--micro { padding-left: 0.25rem; } .m-gutter--colossal, .m-gutter--inner--colossal { padding-right: 3.75rem; } .m-gutter--titan, .m-gutter--inner--titan { padding-right: 2.5rem; } .m-gutter--giant, .m-gutter--inner--giant { padding-right: 1.75rem; } .m-gutter--huge, .m-gutter--inner--huge { padding-right: 1.5rem; } .m-gutter--large, .m-gutter--inner--large { padding-right: 1.25rem; } .m-gutter--medium, .m-gutter--inner--medium { padding-right: 1rem; } .m-gutter--small, .m-gutter--inner--small { padding-right: 0.75rem; } .m-gutter--tiny, .m-gutter--inner--tiny { padding-right: 0.5rem; } .m-gutter--mini, .m-gutter--inner--mini { padding-right: 0.5rem; } .m-gutter--micro, .m-gutter--inner--micro { padding-right: 0.25rem; } .m-gutter--outer--colossal { margin-left: 3.75rem; } .m-gutter--outer--titan { margin-left: 2.5rem; } .m-gutter--outer--giant { margin-left: 1.75rem; } .m-gutter--outer--huge { margin-left: 1.5rem; } .m-gutter--outer--large { margin-left: 1.25rem; } .m-gutter--outer--medium { margin-left: 1rem; } .m-gutter--outer--small { margin-left: 0.75rem; } .m-gutter--outer--tiny { margin-left: 0.5rem; } .m-gutter--outer--mini { margin-left: 0.5rem; } .m-gutter--outer--micro { margin-left: 0.25rem; } .m-gutter--outer--colossal { margin-right: 3.75rem; } .m-gutter--outer--titan { margin-right: 2.5rem; } .m-gutter--outer--giant { margin-right: 1.75rem; } .m-gutter--outer--huge { margin-right: 1.5rem; } .m-gutter--outer--large { margin-right: 1.25rem; } .m-gutter--outer--medium { margin-right: 1rem; } .m-gutter--outer--small { margin-right: 0.75rem; } .m-gutter--outer--tiny { margin-right: 0.5rem; } .m-gutter--outer--mini { margin-right: 0.5rem; } .m-gutter--outer--micro { margin-right: 0.25rem; } .m-margin--top--colossal { margin-top: 3.75rem; } .m-margin--top--titan { margin-top: 2.5rem; } .m-margin--top--giant { margin-top: 1.75rem; } .m-margin--top--huge { margin-top: 1.5rem; } .m-margin--top--large { margin-top: 1.25rem; } .m-margin--top--medium { margin-top: 1rem; } .m-margin--top--small { margin-top: 0.75rem; } .m-margin--top--tiny { margin-top: 0.5rem; } .m-margin--top--mini { margin-top: 0.5rem; } .m-margin--top--micro { margin-top: 0.25rem; } .m-margin--top--auto { margin-top: auto; } .m-margin--bottom--colossal { margin-bottom: 3.75rem; } .m-margin--bottom--titan { margin-bottom: 2.5rem; } .m-margin--bottom--giant { margin-bottom: 1.75rem; } .m-margin--bottom--huge { margin-bottom: 1.5rem; } .m-margin--bottom--large { margin-bottom: 1.25rem; } .m-margin--bottom--medium { margin-bottom: 1rem; } .m-margin--bottom--small { margin-bottom: 0.75rem; } .m-margin--bottom--tiny { margin-bottom: 0.5rem; } .m-margin--bottom--mini { margin-bottom: 0.5rem; } .m-margin--bottom--micro { margin-bottom: 0.25rem; } .m-margin--right--colossal { margin-right: 3.75rem; } .m-margin--right--titan { margin-right: 2.5rem; } .m-margin--right--giant { margin-right: 1.75rem; } .m-margin--right--huge { margin-right: 1.5rem; } .m-margin--right--large { margin-right: 1.25rem; } .m-margin--right--medium { margin-right: 1rem; } .m-margin--right--small { margin-right: 0.75rem; } .m-margin--right--tiny { margin-right: 0.5rem; } .m-margin--right--mini { margin-right: 0.5rem; } .m-margin--right--micro { margin-right: 0.25rem; } .m-margin--left--colossal { margin-left: 3.75rem; } .m-margin--left--titan { margin-left: 2.5rem; } .m-margin--left--giant { margin-left: 1.75rem; } .m-margin--left--huge { margin-left: 1.5rem; } .m-margin--left--large { margin-left: 1.25rem; } .m-margin--left--medium { margin-left: 1rem; } .m-margin--left--small { margin-left: 0.75rem; } .m-margin--left--tiny { margin-left: 0.5rem; } .m-margin--left--mini { margin-left: 0.5rem; } .m-margin--left--micro { margin-left: 0.25rem; } .m-padding--top--colossal { padding-top: 3.75rem; } .m-padding--top--titan { padding-top: 2.5rem; } .m-padding--top--giant { padding-top: 1.75rem; } .m-padding--top--huge { padding-top: 1.5rem; } .m-padding--top--large { padding-top: 1.25rem; } .m-padding--top--medium { padding-top: 1rem; } .m-padding--top--small { padding-top: 0.75rem; } .m-padding--top--tiny { padding-top: 0.5rem; } .m-padding--top--mini { padding-top: 0.5rem; } .m-padding--top--micro { padding-top: 0.25rem; } .m-padding--bottom--colossal { padding-bottom: 3.75rem; } .m-padding--bottom--titan { padding-bottom: 2.5rem; } .m-padding--bottom--giant { padding-bottom: 1.75rem; } .m-padding--bottom--huge { padding-bottom: 1.5rem; } .m-padding--bottom--large { padding-bottom: 1.25rem; } .m-padding--bottom--medium { padding-bottom: 1rem; } .m-padding--bottom--small { padding-bottom: 0.75rem; } .m-padding--bottom--tiny { padding-bottom: 0.5rem; } .m-padding--bottom--mini { padding-bottom: 0.5rem; } .m-padding--bottom--micro { padding-bottom: 0.25rem; } .m-padding--right--colossal { padding-right: 3.75rem; } .m-padding--right--titan { padding-right: 2.5rem; } .m-padding--right--giant { padding-right: 1.75rem; } .m-padding--right--huge { padding-right: 1.5rem; } .m-padding--right--large { padding-right: 1.25rem; } .m-padding--right--medium { padding-right: 1rem; } .m-padding--right--small { padding-right: 0.75rem; } .m-padding--right--tiny { padding-right: 0.5rem; } .m-padding--right--mini { padding-right: 0.5rem; } .m-padding--right--micro { padding-right: 0.25rem; } .m-padding--left--colossal { padding-left: 3.75rem; } .m-padding--left--titan { padding-left: 2.5rem; } .m-padding--left--giant { padding-left: 1.75rem; } .m-padding--left--huge { padding-left: 1.5rem; } .m-padding--left--large { padding-left: 1.25rem; } .m-padding--left--medium { padding-left: 1rem; } .m-padding--left--small { padding-left: 0.75rem; } .m-padding--left--tiny { padding-left: 0.5rem; } .m-padding--left--mini { padding-left: 0.5rem; } .m-padding--left--micro { padding-left: 0.25rem; } .m-set--w-0 { width: 0; } .m-set--w-10 { width: 10%; } .m-set--w-20 { width: 20%; } .m-set--w-30 { width: 30%; } .m-set--w-40 { width: 40%; } .m-set--w-45 { width: 45%; } .m-set--w-50 { width: 50%; } .m-set--w-55 { width: 55%; } .m-set--w-60 { width: 60%; } .m-set--w-70 { width: 70%; } .m-set--w-80 { width: 80%; } .m-set--w-90 { width: 90%; } .m-set--w-100 { width: 100%; } .m-set--h-0 { height: 0; } .m-set--h-10 { height: 10%; } .m-set--h-20 { height: 20%; } .m-set--h-30 { height: 30%; } .m-set--h-40 { height: 40%; } .m-set--h-45 { height: 45%; } .m-set--h-50 { height: 50%; } .m-set--h-55 { height: 55%; } .m-set--h-60 { height: 60%; } .m-set--h-70 { height: 70%; } .m-set--h-80 { height: 80%; } .m-set--h-90 { height: 90%; } .m-set--h-100 { height: 100%; } }
.page:not(.set--overlay):after,
.header:not(.set--overlay):after { opacity: 0; visibility: hidden; }
.header:after { position: absolute; }
.page:after { position: fixed; }
.loader-container { position: relative; }
.set--overlay { position: relative; cursor: pointer; }
.set--overlay-all:after { z-index: 1080; }
.loader,
.set--overlay:after { position: absolute; }
.loader,
.set--overlay:after,
.page:not(.set--overlay):after,
.header:not(.set--overlay):after { top: 0; left: 0; width: 100%; height: 100%; }
.set--overlay:after,
.page:not(.set--overlay):after,
.header:not(.set--overlay):after { background-color: rgba(0, 0, 0, 0); -webkit-transition: opacity 213ms ease-in-out, visibility 213ms ease-in-out; transition: opacity 213ms ease-in-out, visibility 213ms ease-in-out; }
.set--overlay:after,
.page:not(.set--overlay):after,
.header:not(.set--overlay):after { content: ''; }
.loader { z-index: 10000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: 213ms; transition-duration: 213ms; opacity: 0; visibility: hidden; } .loader.set--alt { background-color: rgba(0, 0, 0, 0.7); } .loader.set--alt .loader-indicator { background-image: url("https://cdn-fsly.yottaa.net/551561a7312e580499000a44/www.joann.com/v~4b.9b/on/demandware.static/Sites-JoAnn-Site/-/default/v1598974153436/images/loading-white.svg?yocs=3e_2i_"); } .loader:not(.set--alt) { background-color: rgba(255, 255, 255, 0.6); } .loader:not(.set--alt) .loader-indicator { background-image: url("https://cdn-fsly.yottaa.net/551561a7312e580499000a44/www.joann.com/v~4b.9b/on/demandware.static/Sites-JoAnn-Site/-/default/v1598974153436/images/loading.svg?yocs=3e_2i_"); } .loader.set--fixed { position: fixed; } .loader.set--visible { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 320ms; transition-duration: 320ms; opacity: 1; visibility: inherit; }
.loader-indicator { z-index: 1; width: 100%; height: 100%; max-width: 8rem; max-height: 8rem; background-size: contain; background-position: center; background-repeat: no-repeat; }
.loader-message { max-width: 20.625rem; padding: 0 1rem; text-align: center; font-weight: 700; color: #00A3B2; background-color: rgba(255, 255, 255, 0.75); }
button { background-color: transparent; border: none; border-radius: 0; color: inherit; cursor: pointer; font: inherit; }
.button { display: inline-block; padding: .75em 1.25em; margin: .5em; border-style: solid; border-width: 1px; border-radius: 0; font-size: 0.75rem; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; text-align: center; text-transform: uppercase; -webkit-transition: opacity 426ms cubic-bezier(0.4, 0.9, 0.3, 1), color 426ms cubic-bezier(0.4, 0.9, 0.3, 1), border-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1), background-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: opacity 426ms cubic-bezier(0.4, 0.9, 0.3, 1), color 426ms cubic-bezier(0.4, 0.9, 0.3, 1), border-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1), background-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1); white-space: nowrap; line-height: 1.67; max-width: 100%; cursor: pointer; } .button:hover:not([disabled]):not(.disabled) { opacity: 0.65; } .button[disabled], .button.disabled { background-color: #E6E9ED; border-color: #E6E9ED; color: #707B8C; cursor: not-allowed; }
.button--snug { margin: 0; max-width: 100%; }
.button--wide { min-width: 24rem; }
.button--w-240 { width: 15rem; }
.button--small { padding: .5em 1em; }
.button--large { padding: .85em 2.5em; }
.button--flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.button--fluid { padding-right: 0; padding-left: 0; }
.button--primary { background-color: #000; border-color: #000; color: #FFF; } .button--primary:hover:not([disabled]):not(.disabled), .button--primary:focus:not([disabled]):not(.disabled) { opacity: 1; background-color: #FFF; color: #000; } .button--primary.full-bleed { margin: 0; max-width: none; } .button--primary.marg-bottom { margin-bottom: 1.25rem; }
.button--primary-outline { color: #000; } .button--primary-outline:hover:not([disabled]):not(.disabled) { opacity: 1; background-color: #000; border-color: #000; color: #FFF; }
.button--secondary { background-color: #FFF; border-color: #FFF; color: #000; } .button--secondary:hover:not([disabled]):not(.disabled) { opacity: 1; background-color: #000; color: #FFF; }
.button--secondary-outline { color: #000; } .button--secondary-outline:hover:not([disabled]):not(.disabled) { opacity: 1; background-color: #000; border-color: #000; color: #FFF; }
.button-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .button-group.button-layout--wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .button-group.button-layout--flat * { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .button-group:not(.button-layout--flat) .button:not(.button--link) { width: 14rem; } .button-group .button--link { padding-left: 0; padding-right: 0; }
.button--link { border: 1px solid transparent; border-bottom: 1px solid #000; }
.button--secondary--link { border: 1px solid transparent; color: #FFF; border-bottom: 1px solid #FFF; }
.button--cross-close { position: absolute; top: 1em; right: 1em; width: 2.5em; height: 2.5em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; z-index: 2; -webkit-transition: background-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: background-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1); } .button--cross-close:hover { background-color: #E6E6E6; }
.product-add__button { margin-left: 0; margin-right: 0; }
.chip { display: inline-block; min-width: 3em; padding: .3em 0.5em; border: solid 0.0625rem #97A1B0; border-radius: 0; text-align: center; font-weight: 700; } .chip:hover { border-color: #32323B; } .chip.selected { border-color: #73bd00; background-color: #73bd00; color: #FFF; }
.pill { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: .3em .85em; border: solid .0625rem; border-radius: 0; text-transform: uppercase; white-space: nowrap; border: 1px solid #E6E6E6; } .pill:hover { background-color: #000; border-color: #FFF; color: #FFF; }
.pill--icon-left { padding-left: .35em; }
.pill--icon-right { padding-right: .5em; }
.pill__icon--actionable:hover { opacity: .5; }
.pill__icon--swatch { border: solid 0.0625rem #FFF; }
.pill__icon--left { margin-right: .5em; }
.pill__icon--right { margin-left: 1em; }
.link, .link--primary { -webkit-transition: opacity 107ms ease-in-out; transition: opacity 107ms ease-in-out; } .link:hover, .link--primary:hover { opacity: .7; }
.link--primary { display: inline-block; text-decoration: underline; font-weight: 500; }
.link--underline { text-decoration: underline; }
.link--underline-hover:hover, .link--underline-hover:focus { text-decoration: underline; }
.link--highlight-hover:hover, .link--highlight-hover:focus { color: #73bd00; }
.cursor--pointer:hover { cursor: pointer; }
.cursor--not-allowed:hover { cursor: not-allowed; }
.icon { display: inline-block; width: 1em; height: 1em; margin: 0 .35em; vertical-align: middle; fill: currentColor; } .icon svg { width: 100%; height: 100%; fill: inherit; }
.icon--colossal { width: 3.75rem; }
.icon--titan { width: 2.5rem; }
.icon--giant { width: 1.75rem; }
.icon--huge { width: 1.5rem; }
.icon--large { width: 1.25rem; }
.icon--medium { width: 1rem; }
.icon--small { width: 0.75rem; }
.icon--tiny { width: 0.5rem; }
.icon--mini { width: 0.5rem; }
.icon--micro { width: 0.25rem; }
.icon--colossal { height: 3.75rem; }
.icon--titan { height: 2.5rem; }
.icon--giant { height: 1.75rem; }
.icon--huge { height: 1.5rem; }
.icon--large { height: 1.25rem; }
.icon--medium { height: 1rem; }
.icon--small { height: 0.75rem; }
.icon--tiny { height: 0.5rem; }
.icon--mini { height: 0.5rem; }
.icon--micro { height: 0.25rem; }
.icon--rotate-h { -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.icon--rotate-up { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.icon--rotate-down { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.icon--set-left { margin-right: .6em; }
.icon--set-left-short { margin-right: .35em; }
.icon--set-right { margin-left: .6em; }
.icon--set-right-short { margin-left: .35em; }
.icon--inline-align-center { vertical-align: middle; }
.toggle--active .icon--toggle-flip { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); }
input[type="password"],
input[type="date"],
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="number"],
select,
textarea { font-family: inherit; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: solid 1px #d2d2d2; outline: none; } input[type="password"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #97A1B0; } input[type="password"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: #97A1B0; } input[type="password"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #97A1B0; } input[type="password"]::placeholder, input[type="date"]::placeholder, input[type="text"]::placeholder, input[type="tel"]::placeholder, input[type="email"]::placeholder, input[type="search"]::placeholder, input[type="number"]::placeholder, select::placeholder, textarea::placeholder { color: #97A1B0; } input[type="password"]:focus::-webkit-input-placeholder, input[type="date"]:focus::-webkit-input-placeholder, input[type="text"]:focus::-webkit-input-placeholder, input[type="tel"]:focus::-webkit-input-placeholder, input[type="email"]:focus::-webkit-input-placeholder, input[type="search"]:focus::-webkit-input-placeholder, input[type="number"]:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: #E6E6E6; } input[type="password"]:focus::-moz-placeholder, input[type="date"]:focus::-moz-placeholder, input[type="text"]:focus::-moz-placeholder, input[type="tel"]:focus::-moz-placeholder, input[type="email"]:focus::-moz-placeholder, input[type="search"]:focus::-moz-placeholder, input[type="number"]:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: #E6E6E6; } input[type="password"]:focus::-ms-input-placeholder, input[type="date"]:focus::-ms-input-placeholder, input[type="text"]:focus::-ms-input-placeholder, input[type="tel"]:focus::-ms-input-placeholder, input[type="email"]:focus::-ms-input-placeholder, input[type="search"]:focus::-ms-input-placeholder, input[type="number"]:focus::-ms-input-placeholder, select:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder { color: #E6E6E6; } input[type="password"]:focus::placeholder, input[type="date"]:focus::placeholder, input[type="text"]:focus::placeholder, input[type="tel"]:focus::placeholder, input[type="email"]:focus::placeholder, input[type="search"]:focus::placeholder, input[type="number"]:focus::placeholder, select:focus::placeholder, textarea:focus::placeholder { color: #E6E6E6; } input[type="password"].disabled, input[type="password"][disabled], input[type="date"].disabled, input[type="date"][disabled], input[type="text"].disabled, input[type="text"][disabled], input[type="tel"].disabled, input[type="tel"][disabled], input[type="email"].disabled, input[type="email"][disabled], input[type="search"].disabled, input[type="search"][disabled], input[type="number"].disabled, input[type="number"][disabled], select.disabled, select[disabled], textarea.disabled, textarea[disabled] { color: #97A1B0; cursor: not-allowed; } input[type="password"]:not([disabled]):not([readonly]):not(.is-invalid):focus, input[type="date"]:not([disabled]):not([readonly]):not(.is-invalid):focus, input[type="text"]:not([disabled]):not([readonly]):not(.is-invalid):focus, input[type="tel"]:not([disabled]):not([readonly]):not(.is-invalid):focus, input[type="email"]:not([disabled]):not([readonly]):not(.is-invalid):focus, input[type="search"]:not([disabled]):not([readonly]):not(.is-invalid):focus, input[type="number"]:not([disabled]):not([readonly]):not(.is-invalid):focus, select:not([disabled]):not([readonly]):not(.is-invalid):focus, textarea:not([disabled]):not([readonly]):not(.is-invalid):focus { border-color: #32323B; }
input[type="file"] { cursor: pointer; } input[type="file"].disabled, input[type="file"][disabled] { cursor: not-allowed; }
input::-webkit-contacts-auto-fill-button { position: relative; right: 1.5rem; }
textarea { display: block; width: 100%; resize: none; }
select { color: inherit; } select::-webkit-outer-spin-button, select::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } select::-ms-expand { display: none; }
option { color: #32323B; }
.form-intro__title { margin-bottom: .75em; }
.form-intro__copy { margin-bottom: 1.75em; }
.form-control-disclaimer { margin-top: .75em; }
.form-control-description { margin-top: .25em; font-size: 0.875rem; color: #707B8C; }
.reset { margin-top: 2.5rem; }
.show-hide { position: relative; } .show-hide .icon { position: absolute; right: 10px; top: 12px; cursor: pointer; }
.form-control { width: 100%; height: 2.5rem; padding-right: .625rem; padding-left: .625rem; background-color: #FFF; } .form-control.is-invalid { border-color: #df1642; background-color: white; color: #df1642; } .form-control.remove--border-styles { border-radius: 0; border-color: transparent; }
.form-control--small { height: 2.5rem; }
.form-control--textarea { padding-top: 1rem; padding-bottom: 1rem; height: auto; min-height: 4.5rem; }
.custom-select,
.form-control--select { padding-right: 2rem; background-size: .85em .85em; background-repeat: no-repeat; background-position: calc(100% - .5em) center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2332323B' d='M20.4 4.7L12 12.4 3.6 4.7 0 8.1l12 11 12-11z'/%3E%3C/svg%3E"); -webkit-transition: color 107ms ease-in-out; transition: color 107ms ease-in-out; } .custom-select:-internal-autofill-selected, .form-control--select:-internal-autofill-selected { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2332323B' d='M20.4 4.7L12 12.4 3.6 4.7 0 8.1l12 11 12-11z'/%3E%3C/svg%3E") !important; }
.form-control-label { display: inline-block; font-family: "avenir-demi", sans-serif; margin-bottom: .25rem; color: #767676; font-size: 0.75rem; } .required .form-control-label:after { content: "*"; color: #df1642; }
.form-control-label--bold { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; font-weight: 500; color: #000; font-size: .875rem; margin-bottom: 20px; }
.form-check { position: relative; } .form-check.billing-save { margin-bottom: 15px; }
.form-check-input { position: absolute; top: 0; left: 0; opacity: 0; } .form-check-input.stock-toggle { opacity: 1; position: relative; } .form-check-input.paymentInput { z-index: 1; width: 100%; height: 100%; }
[class*="form-check-label"] { display: block; position: relative; padding-left: 1.9em; line-height: 1.3; -webkit-transition: color 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: color 213ms cubic-bezier(0.4, 0.9, 0.3, 1); } [class*="form-check-label"]:before, [class*="form-check-label"]:after { position: absolute; } [class*="form-check-label"]:before { top: 0; left: 0; border: solid 0.0625rem #707B8C; border-radius: 0; content: ''; width: 1.25em; height: 1.25em; } [class*="form-check-label"]:after { top: .2125em; left: .2em; width: .85em; height: .85em; } [class*="form-check-label"].shipping-radio:before { border: none; }
.margin--top--small { margin-top: .75rem; }
.form-check-label:after { opacity: 0; line-height: 0.85; -webkit-transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1); content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath fill='%2373bd00' d='M23.543 2.371L21.171 0 8.286 12.886 2.371 6.971 0 9.343l7.629 7.628v-.028l.657.657z' /%3E%3C/svg%3E"); }
.form-check-label--radio { cursor: pointer; } .form-check-label--radio:before { border-radius: 50%; }
.form-check-label--toggle { cursor: pointer; border-radius: .75rem; border: 1px solid #000; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: .25rem .5rem; font-size: 0.625rem; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; letter-spacing: .5px; text-transform: uppercase; height: 1.5rem; } .form-check-label--toggle:before { border-radius: 50%; background-color: #000; height: 1rem; width: 1rem; margin: .1875rem .25rem; } .form-check-label--toggle span { vertical-align: middle; } .form-check-label--toggle span:first-child { color: #FFF; } .form-check-label--toggle span:last-child { color: #000; }
.form-check-input:checked + .form-check-label--toggle { background-color: #000; } .form-check-input:checked + .form-check-label--toggle:before { background-color: #FFF; left: auto; right: 0; }
.form-check-input:checked + .form-check-label,
.form-check-label.set--checked { color: inherit; } .form-check-input:checked + .form-check-label:before, .form-check-label.set--checked:before { background-color: #000; border-color: #000; } .form-check-input:checked + .form-check-label:after, .form-check-label.set--checked:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath fill='%23FFF' d='M23.543 2.371L21.171 0 8.286 12.886 2.371 6.971 0 9.343l7.629 7.628v-.028l.657.657z' /%3E%3C/svg%3E"); } .form-check-input:checked + .form-check-label.shipping-radio, .form-check-label.set--checked.shipping-radio { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; font-weight: 500; } .form-check-input:checked + .form-check-label.shipping-radio:before, .form-check-label.set--checked.shipping-radio:before { background-color: #FFF; border-color: #FFF; -webkit-box-shadow: none; box-shadow: none; } .form-check-input:checked + .form-check-label.shipping-radio:after, .form-check-label.set--checked.shipping-radio:after { content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath fill='%23000' d='M23.543 2.371L21.171 0 8.286 12.886 2.371 6.971 0 9.343l7.629 7.628v-.028l.657.657z' /%3E%3C/svg%3E"); }
.form-check-label.no-checkbox { padding-left: 0px; display: inline-block; } .form-check-label.no-checkbox:before, .form-check-label.no-checkbox:after { display: none; }
.form-check-input:checked + .form-check-label--radio:before,
.form-check-label--radio.set--checked:before { -webkit-box-shadow: inset 0 0 0 1rem #000; box-shadow: inset 0 0 0 1rem #000; }
.form-check-input + .form-check-label--student { border: 1px solid #d2d2d2; padding: .75em 1.25em; padding-left: 1.9em; }
.form-check-input:checked + .form-check-label--student { border: 2px solid #000; } .form-check-input:checked + .form-check-label--student:after { margin-top: .625rem; margin-left: .25rem; }
.form-check-input:focus + [class*="form-check-label"],
[class*="form-check-label"]:focus { outline: none; } .form-check-input:focus + [class*="form-check-label"]:before, [class*="form-check-label"]:focus:before { border-color: #000; }
.form-check-input:disabled + [class*="form-check-label"]:before,
[class*="form-check-label"].disabled:before { background-color: #F2F2F2; border-color: #E6E9ED; }
.form-check-input:disabled + [class*="form-check-label"]:after,
[class*="form-check-label"].disabled:after { color: #E6E9ED; }
.form-check-input.error + [class*="form-check-label"]:before { border-color: #df1642; }
.form-group { margin-bottom: 1.25rem; }
.form-group--no-spacing { margin-bottom: 0; }
.form-check-list__item:not(:last-child) { margin-bottom: 1rem; }
.form-divider--top { border-top: 1px solid #E6E9ED; }
.form-divider--bottom { border-bottom: 1px solid #E6E9ED; }
.form-section:not(:first-child) { margin-top: 1.6rem; }
.form-actions { margin-top: 2rem; }
.success-feedback,
.invalid-feedback,
.form-invalid-feedback { display: block; margin-top: .25rem; font-size: 0.875rem; } .success-feedback:not(.set--visible), .invalid-feedback:not(.set--visible), .form-invalid-feedback:not(.set--visible) { position: absolute; opacity: 0; visibility: hidden; }
.invalid-feedback,
.form-invalid-feedback { color: #df1642; }
.success-feedback { color: #73bd00; }
.form-invalid-feedback { margin-bottom: 1em; }
.set--form-pending [type=submit] { cursor: wait; }
.form-group--constraints .constraints-list { background: #f6f6f6; padding: 25px; } .form-group--constraints .constraints-list .constraint-heading { margin-bottom: 20px; } .form-group--constraints .constraints-list .form-control__constraint { line-height: 1.5rem; } .form-group--constraints .constraints-list .form-control__constraint .icon { display: none; } .form-group--constraints .constraints-list .form-control__constraint.set--constraint-pass .icon { display: inline-block; }
.form-group--constraints .invalid-feedback.set--visible { display: none; }
.set--constraint-fail { color: #df1642; }
.set--constraint-pass { color: #73bd00; }
@media (-ms-high-contrast: active) { .form-check-label:after { content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath fill='%23FFF' d='M23.543 2.371L21.171 0 8.286 12.886 2.371 6.971 0 9.343l7.629 7.628v-.028l.657.657z' /%3E%3C/svg%3E"); } .form-check-label--radio:after { border: solid .5rem; } }
.step-msg { color: #df1642; }
.input-counter-container { position: relative; } .input-counter-container:hover .min-qty { -webkit-transition: opacity .5s; transition: opacity .5s; opacity: 1; } .input-counter-container .min-qty { font-size: .85rem; -webkit-transition: all .5s; transition: all .5s; position: absolute; border: 1px solid; padding: 5px 10px; text-align: center; opacity: 0; bottom: -45px; background: white; width: 7.9375rem; left: -15px; } .input-counter-container .min-qty:after, .input-counter-container .min-qty:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .input-counter-container .min-qty:after { border-bottom-color: white; border-width: 10px; margin-left: -10px; } .input-counter-container .min-qty:before { border-bottom-color: black; border-width: 12px; margin-left: -12px; } .input-counter-container .increment { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 24px; cursor: pointer; } .input-counter-container .increment svg { margin: 0; display: inherit; } .input-counter-container .input-increase { right: -7px; left: inherit; } .input-counter-container input { border: 1px solid; width: 55px; height: 48px; margin: 0 21px; font-weight: bold; text-align: center; } .input-counter-container input[type=number] { -moz-appearance: textfield; } .input-counter-container input::-webkit-outer-spin-button, .input-counter-container input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0px; }
[data-action="Cart-Show"] .product-attribute__head { display: none; }
[data-action="Cart-Show"] input.quantity { width: 46px; height: 40px; font-size: 14px; }
#siteSearch { border: none; border-bottom: 1px solid #000; }
input.stock-toggle { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; width: 53px; height: 24px; background-color: #ffffff; border: 1px solid #000; border-radius: 50px; -webkit-box-shadow: inset -20px 0 0 0 #ffffff; box-shadow: inset -20px 0 0 0 #ffffff; -webkit-transition-duration: 200ms; transition-duration: 200ms; } input.stock-toggle:before { content: "OFF"; position: absolute; right: 4px; top: 0; font-size: 10px; top: 6px; } input.stock-toggle:after { content: ""; position: absolute; top: 2px; left: 5px; width: 18px; height: 18px; background-color: black; border-radius: 50%; -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2); } input.stock-toggle:checked:before { content: "ON"; left: 4px; } input.stock-toggle:checked:after { right: 5px; left: unset; -webkit-box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05); box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05); }
.gift-certificate-balance { margin: 40px auto; }
.video-asset { width: 100%; opacity: 0; -webkit-transition: opacity 426ms ease-out; transition: opacity 426ms ease-out; } .video-asset.video-asset--fit { width: 100%; height: 100%; } .video-asset.video-asset--natural { max-width: 100%; height: auto; } .video-asset.video-asset--ratio-wide { width: 100%; }
.video-asset--natural video.vjs-tech { position: initial; }
.video-asset--ratio-wide { position: relative; } .video-asset--ratio-wide:before { display: block; content: ''; padding-bottom: 56.25%; width: 100%; }
.video-asset--overlay-poster { background-color: transparent; } .video-asset--overlay-poster .vjs-tech { opacity: 0; -webkit-transition: opacity 426ms ease-out; transition: opacity 426ms ease-out; }
.video-asset__overlay { -webkit-transition: opacity 213ms ease-in-out, visibility 213ms ease-in-out; transition: opacity 213ms ease-in-out, visibility 213ms ease-in-out; } .set--video-playing.set--video-overlay-hide-playing .video-asset__overlay, .set--video-playing.set--video-overlay-show-hover:not(:hover) .video-asset__overlay, .set--video-played.set--video-overlay-hide-permanent .video-asset__overlay { opacity: 0; visibility: hidden; } .set--video-manual .video-asset__overlay, .set--video-has-controls .video-asset__overlay { pointer-events: none; } .set--video-manual .video-asset__overlay > *, .set--video-has-controls .video-asset__overlay > * { pointer-events: initial; }
.set--video-no-controls.set--video-autoplay .video-asset { pointer-events: none; }
.set--video-ready .video-asset { opacity: 1; }
.set--video-played .vjs-tech { opacity: 1; }
.header { z-index: 12; position: relative; background-color: #FFF; cursor: initial; border-bottom: 1px solid #E6E6E6; } .header.set--overlay { -webkit-box-shadow: none; box-shadow: none; }
.header__logo { height: 2.5rem; }
.header__logo-img { width: 100%; fill: currentColor; }
.header__skip-to-main { position: absolute; top: 1rem; left: 2rem; z-index: 1000; } .header__skip-to-main:not(:focus) { pointer-events: none; opacity: 0; }
.header__hamburger-menu { padding-right: 1em; }
@media (min-width: 64.0625rem) { .header__utility-item:not(:last-child) { margin-right: .75rem; } }
@media (min-width: 48rem) and (max-width: 64rem) { .header__utility-item:not(:last-child) { margin-right: 1rem; } }
@media (min-width: 48rem) { .header__main { padding: 1em 2.5em; } .header__main__row-1 { padding: 1.5em 2.5em 1em; } .header__main__row-2 { padding: 0 2.5em; } .header__logo { max-width: 12.25rem; -webkit-flex-shrink: .8; -ms-flex-negative: .8; flex-shrink: .8; } .page-header__title { padding: 0 3.5em 2.5em; padding-top: 0; padding-bottom: 0; } }
@media (max-width: 47.9375rem) { .header__main { padding: 1em .5em .25em; } .header__logo { max-width: 8rem; } }
@media (min-width: 48rem) and (max-width: 64rem) { .header-flyout__anchor.level-1 { padding: .5rem; } }
@media (min-width: 48rem) { .header-flyout:hover .header-flyout__anchor.level-1:not(.mega-item--active):not(:hover), .header-flyout.mega--active .header-flyout__anchor.level-1:not(.mega-item--active):not(:hover) { opacity: .6; } .header-flyout__anchor { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header-flyout__anchor.level-1 { padding: 1em 1em 2em; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; font-size: 1rem; /*height: 4rem;*/ } .header-flyout__anchor--view-all { text-decoration: underline; } .header-flyout__list { max-width: 21rem; padding-right: 2rem; position: relative; } .header-flyout__list.level-1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: unset; } .header-flyout__list-level-2 { -webkit-flex-basis: 20rem; -ms-flex-preferred-size: 20rem; flex-basis: 20rem; max-width: 20rem; } .header-flyout__list:not(.level-1) .header-flyout__item { padding: .5em 0; } .header-flyout__list-title { padding-bottom: .5rem; } .header-flyout__item { background-color: #FFF; font-size: 0.875rem; } .header-flyout__item.level-3 { font-size: 0.875rem; } .header-flyout__anchor { font-size: 0.875rem; font-family: "avenir-regular", sans-serif; } .header-flyout__anchor.level-1 { display: block; } .header-flyout__anchor.level-1.mega-item--active { -webkit-box-shadow: inset 0 -0.25rem #73bd00; box-shadow: inset 0 -0.25rem #73bd00; } .header-flyout__anchor:not(.level-1) .icon { visibility: hidden; } .header-flyout__anchor:not(.level-1):hover, .header-flyout__anchor:not(.level-1).mega-item--active { font-family: "avenir-bold", sans-serif; } .header-flyout__anchor:not(.level-1):hover > .icon, .header-flyout__anchor:not(.level-1).mega-item--active > .icon { visibility: visible; } .header-flyout__container { background-color: #FFF; } .header-flyout__container.level-1 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-height: calc(100% - 3.375rem); } .header-flyout__container:not(.level-1) { z-index: 1; position: absolute; top: 0; left: 0; width: auto; height: auto; background-color: #FFF; padding: 2em 1em; min-width: 25vw; } .header-flyout__container:not(.level-1).mega-item--active { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: inherit; font-family: "avenir-bold", sans-serif; } .header-flyout__container:not(.level-1).mega-item--active > .icon { visibility: visible; } .header-flyout__container:not(.level-1).mega-item--active > .header-flyout__back.level-2 { display: none; } .header-flyout__container:not(.level-1):not(.mega-item--active) { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; visibility: hidden; } .header-flyout__container:not(.level-1).level-2 { top: 4rem; width: 100vw; height: 600px; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; margin-left: -2.5rem; padding-left: 3.5rem; padding-top: 2.5rem; -webkit-box-shadow: 0px 4px 4px 1px #E6E6E6; box-shadow: 0px 4px 4px 1px #E6E6E6; max-width: 120rem; } .header-flyout__container:not(.level-1):not(.level-2) { left: 100%; border-left: 1px solid #E6E6E6; height: calc(600px - 2.675rem); margin-left: 0; padding-top: 0; padding-left: calc(.1 * (100vw - 767px) + 1rem); width: 100vw; max-width: calc(1918px - 23.375rem); } .header-flyout__container:not(.level-1):not(.level-2).mega-item--active > .header-flyout__back { opacity: 1; position: absolute; width: 2rem; left: 1.5rem; top: .5rem; } .header-flyout__promos { border-left: 1px solid #E6E6E6; } .header-flyout__promos > section { height: 100%; } .header-flyout__promos--top-categories { max-width: 28.375rem; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: calc(.1 * (100vw - 767px) + 1rem); border-right: 1px solid #E6E6E6; } .header-flyout__promos--top-categories .html-slot-container, .header-flyout__promos--top-categories .module-container { width: 14rem; } .header-flyout__promos--videos, .header-flyout__promos--seasonal, .header-flyout__promos--projects, .header-flyout__promos--new-arrivals, .header-flyout__promos--classes, .header-flyout__promos--coupons-and-deals, .headery-flyout__promos--shopping-promos { padding: 0 5.25rem; } .header-flyout__promos--coupons-and-deals { border-left: 1px solid #E6E6E6; } #flyout-coupons-and-deals.mega-item--active { -webkit-box-shadow: inset 0 -0.25rem #df1642; box-shadow: inset 0 -0.25rem #df1642; } .header__utility__wrapper { position: relative; } .header-links { z-index: 11; position: absolute; right: 0; top: 3.5rem; height: auto; background-color: #FFF; display: none; min-width: 250px; cursor: default; } .header-links:hover, .header__account:hover .header-links, .header__login:hover ~ .header-links { display: block; } .header-flyout__secondary-link { margin: 1rem 1.25rem; white-space: nowrap; cursor: pointer; } }
@media (min-width: 120.0625rem) { .header-flyout__container:not(.level-1):not(.level-2) { padding-left: 8rem; } .header-flyout__container:not(.level-1):not(.level-2).level-4 { max-width: 67.25rem; } .header-flyout__promos--top-categories { max-width: 28.375rem; -webkit-flex-basis: 28.375rem; -ms-flex-preferred-size: 28.375rem; flex-basis: 28.375rem; padding-left: 8rem; } }
@media (max-width: 47.9375rem) { .header-flyout { z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background-color: #FFF; overflow: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; padding-right: 2.5em; background: #73bd00; } .header-flyout:not(.flyout-toggle--active) { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; visibility: hidden; } .header-flyout.flyout-toggle--active { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: inherit; } .header-flyout.flyout-toggle--active .header-flyout__close { opacity: 1; } .header-flyout.flyout-toggle--active .header-flyout__anchor.level-1, .header-flyout.flyout-toggle--active .header-flyout__secondary-link { -webkit-transform: translateX(0); transform: translateX(0); } .header-flyout .header__logo { height: 2rem; } .header-flyout__head { position: relative; background-color: #FFF; padding-bottom: 0; padding-top: 1.25rem; } .header-flyout__close { z-index: 2; margin-left: auto; opacity: 0; -webkit-transition: opacity 213ms ease-out 213ms; transition: opacity 213ms ease-out 213ms; } .header-flyout__back { left: 0; bottom: 100%; opacity: 0; background-color: #FFF; padding: 1rem 1.25rem; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .header-flyout__back .icon { margin-right: 1.5rem; } .header-flyout__container { background-color: #FFF; } .header-flyout__container.level-1 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-height: calc(100% - 3.375rem); } .header-flyout__container:not(.level-1) { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: calc(100vh - 3.5rem); background-color: #FFF; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .header-flyout__container:not(.level-1).mega-item--active { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: 1; visibility: inherit; } .header-flyout__container:not(.level-1).mega-item--active > .header-flyout__back { opacity: 1; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-delay: 213ms; transition-delay: 213ms; } .header-flyout__container:not(.level-1):not(.mega-item--active) { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; visibility: hidden; } .header-flyout__container:not(.level-1) .header-flyout__anchor { padding: 1rem 1.25rem 1rem 3.5rem; } .header-flyout__anchor--coupons-and-deals .icon { margin-left: 0; } .header-flyout__list.level-1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .header-flyout__list-title { padding: 1rem 1.25rem 1rem 3.5rem; } .header-flyout__item { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .header-flyout__item--coupons-and-deals { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .header-flyout__scrollable { overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 8rem); padding-bottom: 8rem; -webkit-overflow-scrolling: touch; } .header-flyout__anchor, .header-flyout__back, .header-flyout__secondary-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 1rem 1.25rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header-flyout__anchor.level-1, .header-flyout__secondary-link { -webkit-transform: translateX(-5rem); transform: translateX(-5rem); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 107ms; transition-delay: 107ms; } .header-flyout__anchor.level-1.mobile-only, .header-flyout__secondary-link.mobile-only { padding-left: 0; } .header-flyout__anchor--parent { font-weight: 700; } .header-flyout__secondary-link { color: #707B8C; } .header-flyout__tertiary .header__logo { display: none; } }
.site-search { position: relative; }
input[type="search"].site-search__field { width: 100%; padding: .5em; }
.site-search__button { position: absolute; top: 0; right: 0; width: 2rem; height: 100%; }
.site-search__button-icon { margin: 0; }
.site-search__suggestions-container { z-index: 1; position: absolute; min-width: 55vw; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-height: 750px; overflow-x: hidden; } .site-search__suggestions-container::-webkit-scrollbar { display: none; }
.site-search__suggestions-list { padding: 2.5rem 0; background-color: #FFF; overflow: auto; -webkit-overflow-scrolling: touch; }
button.site-search__suggestions-close { top: 2rem; right: 1rem; } button.site-search__suggestions-close:hover, button.site-search__suggestions-close:focus { background-color: #E6E6E6; }
.site-search__suggestions-title { margin-bottom: 1rem; }
.site-search__suggestions-name { text-align: center; }
.site-search__suggestions-item { margin: 1.25rem 0; font-size: 0.875rem; display: block; }
.site-search__suggestions-matches--products { margin-left: -.5rem; margin-right: -.5rem; }
.site-search__suggestions-image-wrap { overflow: hidden; }
.site-search__suggestions-image { max-height: none; margin: .5em; }
@media (min-width: 48rem) { .site-search { position: relative; } .site-search__suggestions-container { min-width: 48rem; } .site-search__suggestions-list { -webkit-box-shadow: 0px 4px 4px 1px #E6E6E6; box-shadow: 0px 4px 4px 1px #E6E6E6; } .site-search__body > div { padding: 0 2.5rem; } .site-search__body > div:first-child { -webkit-box-flex: 0; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; border-right: 1px solid #E6E6E6; } .site-search__suggestions-section:not(:last-of-type):after { content: ' '; display: block; width: 90%; margin: 1.5rem auto; border: 0.5px solid #E6E6E6; } }
@media (max-width: 47.9375rem) { .header__search__wrapper { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; max-width: 100vw; width: 100vw; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: .5em; } .site-search__suggestions-container { width: 100vw; max-height: calc(100vh - 8rem); overflow: scroll; } .site-search__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .site-search__suggestions-section:after { content: ' '; display: block; width: 90%; margin: 1.5rem auto; border: 0.5px solid #E6E6E6; } }
.header__minicart { position: relative; } .header__minicart.set--has-items .header__minicart-link--no-items { display: none; } .header__minicart:not(.set--has-items) .header__minicart-link--has-items { display: none; }
.header__minicart-link { position: relative; }
.header__minicart-link--active { position: absolute; width: 2.54875rem; height: 1.5rem; z-index: 1; display: none; } @media (min-width: 48rem) { .toggle--active .header__minicart-link--active { display: block; } }
.header__minicart-qty { position: absolute; top: 0; left: 72%; min-width: 1rem; height: 1rem; padding-right: .25em; padding-left: .25em; background-color: #FFF; border-radius: 1rem; color: #000; font-size: 12px; }
.header__minicart-dropdown { z-index: 11; position: absolute; right: 0; top: 2rem; height: auto; background-color: #FFF; cursor: default; } @media (max-width: 47.9375rem) { .header__minicart-dropdown { display: none; } } .header__minicart-dropdown.toggle--active { display: block; } @media (max-width: 47.9375rem) { .header__minicart-dropdown.toggle--active { display: none; } } .header__minicart-dropdown:not(.toggle--active) { visibility: hidden; display: none; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: visibility 0s ease-in-out 213ms, -webkit-transform 213ms ease-in-out; transition: visibility 0s ease-in-out 213ms, -webkit-transform 213ms ease-in-out; transition: transform 213ms ease-in-out, visibility 0s ease-in-out 213ms; transition: transform 213ms ease-in-out, visibility 0s ease-in-out 213ms, -webkit-transform 213ms ease-in-out; }
.minicart__header,
.minicart__footer { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.minicart__header { padding: 1rem 0; } .minicart__header .minicart__promo.minicart_header { padding: 2rem 0; }
.minicart__promo { position: static; width: 425px; height: 3.4375rem; -webkit-transform: translate(-49px, -16px); transform: translate(-49px, -16px); } .minicart__promo::after { display: block; content: ''; } .minicart__promo .approaching-discounts { background-color: #E6E9ED; text-align: center; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 0.75rem; font-weight: 800; }
.minicart__header-anchor--tagline { margin-right: .2875rem; }
.minicart__error .form-invalid-feedback { margin-top: 1rem; }
.minicart__line-item,
.product-line-item__minicart { padding-bottom: 0.9375rem; border-bottom: solid 1px #E6E6E6; overflow-x: hidden; } .minicart__line-item:last-of-type, .product-line-item__minicart:last-of-type { border-bottom: none; padding-bottom: 0; }
.minicart__line-item--label { padding-bottom: 0.9375rem; }
.minicart__line-items { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-overflow-scrolling: touch; min-height: 20.25rem; max-height: 27.25rem; overflow-y: auto; } .minicart__line-items .product-line-item { padding-bottom: 0; padding-top: 1.275rem; }
.minicart__footer { margin-top: auto; border-top: solid 1px #000; padding-top: .9375rem; }
.minicart__footer-totals { padding-bottom: 2rem; }
.minicart__footer-promo { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.minicart__footer-message { margin-top: 1em; }
.minicart__footer-actions { margin-top: 1.5rem; margin-bottom: 1.1875rem; } .minicart__footer-actions button { max-width: 100%; margin-left: 0; margin-right: 0; }
.minicart__footer-section--copy { max-width: 30rem; margin: 0 auto; }
.minicart__footer-section--price { float: right; }
@media (min-width: 48rem) { .header__minicart-dropdown { width: 26.45rem; padding: 0 3rem; } }
@media (max-width: 47.9375rem) { .header__minicart-dropdown { width: 100vw; position: fixed; right: 0; top: 0; height: 100vh; padding-left: 2.5em; background: #73bd00; } .header__minicart-dropdown > * { background: #FFF; } }
.store__dropdown__address-title { padding: .5em 0; }
.store__dropdown { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: visibility 0s, -webkit-transform 213ms ease-in-out; transition: visibility 0s, -webkit-transform 213ms ease-in-out; transition: transform 213ms ease-in-out, visibility 0s; transition: transform 213ms ease-in-out, visibility 0s, -webkit-transform 213ms ease-in-out; } .store__dropdown.dropdown--open { -webkit-transform: translateX(0); transform: translateX(0); }
.store__dropdown-close { margin: .5em; }
@media (min-width: 48rem) { .store__details { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 0.75rem; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; cursor: pointer; } .store__dropdown { position: absolute; right: 0; min-width: 30rem; } }
@media (max-width: 47.9375rem) { .store__details { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-size: 0.875rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .my-store { margin-right: 2em; font-size: 0.875rem; } .store__dropdown { position: fixed; z-index: 11; top: 0; left: 0; bottom: 0; right: 0; } .store__dropdown__info, .store__dropdown__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }
.pre-header__content:not(.slick-initialized) .pre-header__item:not(:first-of-type) { display: none; }
.pre-header { position: relative; margin: auto; max-width: 100vw; width: 100%; } .pre-header .text__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; font-size: 0.75rem; font-family: "avenir-demi", sans-serif; color: #FFF; line-height: 1.67; letter-spacing: 0.5px; } .pre-header .text__content > * { padding: 0 .5em; line-height: 1.2rem; white-space: nowrap; font-family: "avenir-regular", sans-serif; font-size: inherit !important; color: #FFF; -webkit-box-flex: 0; -webkit-flex: 0 1 0; flex: 0 1 0; -ms-flex: 0 1 0; } .pre-header .button { margin: 0 !important; padding: 0 !important; width: auto !important; font-size: inherit; } .pre-header .slick-arrow { font-size: 0.75rem; max-height: 2rem; max-width: 2rem; background: #000; }
[data-component=add-coupon] { cursor: pointer; }
@media (min-width: 48rem) { .pre-header { max-width: 100vw; } .pre-header .text__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 0.875rem; } .pre-header .text__content > * { white-space: normal; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: unset; } .pre-header .slick-arrow { font-size: 0.875rem; } }
@media (max-width: 47.9375rem) { .pre-header .text__content { font-size: inherit; } }
.footer__info-group .footer__heading { margin: 1em 0; font-size: 0.875rem; font-family: "avenir-bold", sans-serif; } .footer__info-group .footer__heading .icon { float: right; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .footer__info-group .footer__heading.toggle--active .icon { -webkit-transform: scale(-1); transform: scale(-1); }
.footer__info-group li:not(:last-child) { margin-bottom: .5em; }
.footer__info-group a:hover { text-decoration: underline; }
@media (min-width: 120.0625rem) { .footer__info-group--social-icons { margin-left: -.625rem; } }
.footer__info-group--social-icons .content-asset { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 1em; }
@media (min-width: 48rem) { .footer__info-group .header__logo { margin-left: -.375rem; } }
.footer__social-icon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 2.5rem; }
@media (min-width: 48rem) { .footer { padding-bottom: 2.75rem; } .footer__heading { margin: 1.25em 0; } .footer__main-content { margin-top: 2.75rem; margin-bottom: 3rem; } .footer__secondary-content { margin-top: 2.5rem; } .footer__heading { margin-bottom: 1em; } .footer__copyright-title:after { display: inline-block; margin: 0 .25rem 0 .75rem; content: '|'; } }
@media (max-width: 47.9375rem) { .footer { padding-bottom: 2.5rem; } .footer__secondary-content { margin-top: 1.75rem; } .footer__info-group { border-bottom: solid 1px #E6E6E6; } .footer__info-group li:not(:last-child) { margin-bottom: 1.5em; } .footer__info-group--social-icons .content-asset { padding-top: 2em; } .footer__heading { padding-top: .75em; padding-bottom: .75em; } .footer__links-list.toggle--active { margin-bottom: 1rem; } .footer__links-list:not(.toggle--active) { display: none; } .footer__copyright { font-size: 0.875rem; } .footer__copyright-title, .footer__copyright-description { display: block; } .footer__copyright-title { margin-bottom: .5em; } .footer__copyright-additional { margin-top: 2em; } .footer__social { margin-bottom: 2.75rem; } .footer__info-group--phone-msg { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }
.footerEmailSignup .content { margin: 0 auto; }
.footerEmailSignup .contact-section { margin-bottom: 30px; padding-bottom: 10px; }
.footerEmailSignup .left-pad { padding-left: 10px; }
.footerEmailSignup .phone { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.footerEmailSignup .comm-form-icon { position: absolute; }
.footerEmailSignup .row-content { padding-left: 50px; margin-bottom: 25px; }
.footerEmailSignup .heading { margin-bottom: 10px; }
.footerEmailSignup .form-check-label:not(.text-color--black) { color: #767676; display: inline-block; }
.footerEmailSignup .sub-heading { margin-bottom: 40px; }
.footerEmailSignup .option-container { position: relative; margin-bottom: 10px; }
.footerEmailSignup .cancel { margin-left: 20px; }
.footerEmailSignup .popup-section--body.active { display: block; }
.footerEmailSignup .shipping-address-line-2:not(.toggle--active):before,
.footerEmailSignup .billing-address-line-2:not(.toggle--active):before { content: '+'; display: inline; margin-right: .75rem; }
.footerEmailSignup .shipping-address-line-2 + input,
.footerEmailSignup .billing-address-line-2 + input { display: none; }
.footerEmailSignup .shipping-address-line-2.toggle--active + input,
.footerEmailSignup .billing-address-line-2.toggle--active + input { display: inline-block; }
.footerEmailSignup .billing-address-line-2 .black { color: #000; }
.footerEmailSignup .billing-address-line-2 .sans { font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif; }
@media (max-width: 47.9375rem) { .footerEmailSignup .phone, .footerEmailSignup .mobile-break { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footerEmailSignup .field3 { width: 100%; } .footerEmailSignup .mobile-100 { width: 100%; } .footerEmailSignup .button.set--w-33 { width: 50%; margin-right: 30px; } }
.price { color: #000; font-size: 1.5rem; } .price .strike-through { opacity: .6; } .price .price__item .value { margin-right: .5em; } .price .price__item .value:empty { margin-right: 0; } .price .starting, .price .range, .price .sales { font-weight: 500; } .price .tiered table { border-top: solid 0.0625rem #E6E6E6; margin: 0; width: 100%; } .price .tiered table tr:nth-child(odd) { background-color: #E6E9ED; } .price .tiered td, .price .tiered span.price { font-size: 0.875rem; font-weight: 500; } .price .tiered td { padding: 0.313rem; } .price .tiered td.quantity { font-weight: normal; text-align: right; } .price .tiered td.value { text-align: left; } .price .tiered .table-header { font-size: 1.125rem; padding: 0.313rem; } .price .tiered .column-header { font-size: 1rem; padding: 0.313rem; font-weight: normal; } .price .tiered .column-header.quantity { text-align: right; } .price .savings { font-size: 0.75rem; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } @media (min-width: 48rem) { .price .savings { margin-left: 1rem; font-size: 0.875rem; } }
.pdp-main__price .price .strike-through { opacity: 1; }
.pdp-main__price .price.flex-flow-wrap { font-size: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.pdp-main__price .price .price__item .value.sales--price { color: #dc3a18; font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; }
.pdp-main__price .price .savings { display: inline-block; margin-left: 0; } .pdp-main__price .price .savings .price-diff { font-size: .875rem; }
header .breadcrumbs, footer .breadcrumbs { margin: 1rem; margin-top: 1.5rem; display: block; text-align: center; } @media (min-width: 48rem) { header .breadcrumbs, footer .breadcrumbs { margin-top: 3.125rem; } }
header .breadcrumbs, footer .breadcrumbs--spaced { margin-top: 1rem; }
header .breadcrumbs, footer .breadcrumbs__item:not(:last-child) { font-size: .75rem; margin: 0 .5em 10px .5em; display: inline; }
header .breadcrumbs, footer .breadcrumbs__item:first-child { margin-left: 0; }
header .breadcrumbs, footer .breadcrumbs__item:last-of-type:not(:first-of-type) { font-size: 1.5rem; display: block; }
.pdp-breadcrumbs__item:last-of-type:not(:first-of-type) { font-size: .75rem; display: inline; }
.pdp__breadcrumbs header .breadcrumbs, footer .breadcrumbs__item { text-transform: none; }
header .breadcrumbs, footer .breadcrumbs__separator { display: inline-block; margin: 0 .5em; }
@media (max-width: 47.9375rem) { .product-breadcrumbs { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }
@media (min-width: 48rem) { .plp__breadcrumb--item { margin-top: .9375rem; } }
.tooltip { display: inline-block; position: relative; width: 1.25rem; height: 1.25rem; margin-left: .25rem; vertical-align: middle; }
.tooltip--field-label { margin-bottom: .25rem; }
.tooltip__trigger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; cursor: pointer; }
.tooltip__trigger-icon { width: 100%; height: 100%; width: 15px; }
.tooltip__content { z-index: 2; position: absolute; min-width: 14.5rem; padding: 1em; border: solid 0.0625rem #32323B; border-radius: 0; -webkit-transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1); opacity: 0; visibility: hidden; } .tooltip__content:before, .tooltip__content:after { position: absolute; width: 0; height: 0; content: ''; } .tooltip__content.set--top { bottom: calc(100% + 1.125rem); -webkit-transform: translateY(0.5rem) scale(0.8); transform: translateY(0.5rem) scale(0.8); } .tooltip__content.set--top.set--right { -webkit-transform-origin: bottom right; transform-origin: bottom right; border-bottom-right-radius: 0; } .tooltip__content.set--top.set--left { -webkit-transform-origin: bottom left; transform-origin: bottom left; border-bottom-left-radius: 0; } .tooltip__content.set--top:before { top: calc(100% + .0625rem); border-top: 0.7125rem solid #32323B; } .tooltip__content.set--right { right: -.25rem; } .tooltip__content.set--right:before { right: .75rem; border-left: .8125rem solid transparent; } .tooltip__content.set--left { left: -.25rem; } .tooltip__content.set--left:before { left: .75rem; border-right: .8125rem solid transparent; } .tooltip__content.set--center { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tooltip__content.set--bottom { top: calc(100% + .75rem); -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem); } .tooltip__content.set--bottom.set--right { -webkit-transform-origin: top right; transform-origin: top right; border-top-right-radius: 0; } .tooltip__content.set--bottom.set--left { -webkit-transform-origin: top left; transform-origin: top left; border-top-left-radius: 0; } .tooltip__content.set--bottom:before { bottom: calc(100% + .0625rem); border-bottom: 0.7125rem solid #32323B; } .tooltip__content.set--tooltip-active { opacity: 1; visibility: inherit; } .tooltip__content.set--tooltip-active:not(.set--center) { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } .tooltip__content.set--tooltip-active.set--center { -webkit-transform: translate(-50%, 0) scale(1); transform: translate(-50%, 0) scale(1); }
.tab-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 2rem; -webkit-box-shadow: inset 0 -0.0625rem 0 0 #E6E6E6; box-shadow: inset 0 -0.0625rem 0 0 #E6E6E6; }
.tab-nav--nounderline { -webkit-box-shadow: none; box-shadow: none; }
.tab-nav__item { padding-top: .5em; padding-bottom: .75em; text-align: center; font-weight: 500; -webkit-transition-property: color, -webkit-box-shadow; transition-property: color, -webkit-box-shadow; transition-property: box-shadow, color; transition-property: box-shadow, color, -webkit-box-shadow; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1.25); transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1.25); cursor: pointer; max-width: 20rem; } .tab-nav__item:hover:not(.toggle--active) { color: #97A1B0; } .tab-nav .tab-nav__item { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .tab-nav__item.toggle--active, .tab-nav__item-check.toggle--active + .tab-nav__item { -webkit-box-shadow: inset 0 -0.25rem 0 0 #73bd00; box-shadow: inset 0 -0.25rem 0 0 #73bd00; }
.tab-nav__item--underline { margin: 0 2.5rem; } .tab-nav .tab-nav__item--underline { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; }
.tab-nav__item-check { position: absolute; opacity: 0; }
.tab-content { position: relative; }
.tab-content__panel:not(.toggle--active) { display: none; }
.pdp-recommendations-tabs .tab-nav__item.toggle--active { font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; }
.product__horizontal-rec-zone:not(.toggle--active) { opacity: 0; visibility: hidden; max-height: 0; overflow: hidden; }
.inline-prompt-container { position: relative; }
.inline-prompt { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.95); color: #32323B; white-space: normal; -webkit-transition: opacity 107ms ease-out, visibility 107ms ease-out; transition: opacity 107ms ease-out, visibility 107ms ease-out; } .inline-prompt:not(.toggle--active) { opacity: 0; visibility: hidden; }
.inline-prompt__body { max-width: 20rem; }
.inline-prompt__footer { margin-top: 1rem; }
.contact-us-comment textarea.form-control { height: 10rem; }
.dropdown-box { position: relative; }
.dropdown-box__trigger { border: solid 0.0625rem #E6E9ED; }
.dropdown-box__list { z-index: 2; position: absolute; top: calc(100% - .0625rem); right: 0; min-width: 16rem; background-color: #FFF; border: solid 1px #E6E9ED; } .dropdown-box__list:not(.toggle--active) { opacity: 0; visibility: hidden; }
.dropdown-box__anchor { display: block; white-space: nowrap; padding: .25rem 1rem; font-size: 0.875rem; } .dropdown-box__anchor:hover, .dropdown-box__anchor:focus { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; } .dropdown-box__anchor.selected { background-color: #FFF; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; color: #000; }
@media (max-width: 47.9375rem) { .dropdown-box__list--small-expanded { position: relative; top: initial; border: none; } .dropdown-box__list--small-expanded:not(.toggle--active) { opacity: 1; visibility: inherit; } }
isapplepay { display: none !important; }
.swatch--color { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; border-radius: 50%; border: 1px solid #d2d2d2; height: 3.5rem; width: 3.5rem; -webkit-flex-basis: 3.5rem; -ms-flex-preferred-size: 3.5rem; flex-basis: 3.5rem; margin: .5rem; -webkit-transition: -webkit-transform .15s ease-out; transition: -webkit-transform .15s ease-out; transition: transform .15s ease-out; transition: transform .15s ease-out, -webkit-transform .15s ease-out; position: relative; } .swatch--color.selected { -webkit-box-shadow: 0 0 0 5px #FFF, 0 0 0 7px #000; box-shadow: 0 0 0 5px #FFF, 0 0 0 7px #000; } .swatch--color:hover:not(.disabled):not(.unselectable) { -webkit-box-shadow: 0 0 0 6px #FFF, 0 0 0 7px #d2d2d2; box-shadow: 0 0 0 6px #FFF, 0 0 0 7px #d2d2d2; } .swatch--color.disabled, .swatch--color.unselectable { opacity: 0.2; cursor: not-allowed; } .swatch--color:hover .info { opacity: 1; } .swatch--color .info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: .75rem; position: absolute; border: 1px solid #000; padding: .5rem; text-align: center; min-width: 4.5rem; opacity: 0; background: #FFF; -webkit-transition: opacity .15s; transition: opacity .15s; pointer-events: none; } .swatch--color .info:after, .swatch--color .info:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .swatch--color .info--arrow-up { -webkit-transform: translateY(100%); transform: translateY(100%); } .swatch--color .info--arrow-up:after, .swatch--color .info--arrow-up:before { bottom: 100%; left: 50%; } .swatch--color .info--arrow-up:after { border-bottom-color: #FFF; border-width: 10px; margin-left: -10px; } .swatch--color .info--arrow-up:before { border-bottom-color: #000; border-width: 12px; margin-left: -12px; } .swatch--color .info--arrow-down { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .swatch--color .info--arrow-down:after, .swatch--color .info--arrow-down:before { top: 100%; right: 50%; } .swatch--color .info--arrow-down:after { border-top-color: #FFF; border-width: 10px; margin-right: -10px; } .swatch--color .info--arrow-down:before { border-top-color: #000; border-width: 12px; margin-right: -12px; }
.swatch__icon--color { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: inherit; height: inherit; border-radius: 50%; }
.swatch--color-small { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -webkit-flex: 0 0 1.25rem; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem; } .swatch--color-small.selected:before { width: 1rem; height: 1rem; } .swatch--color-small.selected:after { width: .75rem; height: .75rem; }
.swatch--color-large { width: 2.1875rem; height: 2.1875rem; -webkit-box-flex: 0; -webkit-flex: 0 0 2.1875rem; -ms-flex: 0 0 2.1875rem; flex: 0 0 2.1875rem; } .swatch--color-large.selected:before { width: 1rem; height: 1rem; } .swatch--color-large.selected:after { width: .75rem; height: .75rem; }
.swatch--color-transparent { background-color: rgba(0, 0, 0, 0); }
.swatch--color-white { background-color: #FFF; }
.swatch--color-black { background-color: #000; }
.swatch--color-grey-1 { background-color: #F2F2F2; }
.swatch--color-grey-2 { background-color: #E6E9ED; }
.swatch--color-grey-3 { background-color: #E6E6E6; }
.swatch--color-grey-4 { background-color: #97A1B0; }
.swatch--color-grey-5 { background-color: #707B8C; }
.swatch--color-grey-6 { background-color: #485363; }
.swatch--color-grey-7 { background-color: #32323B; }
.swatch--color-red { background-color: #df1642; }
.swatch--color-blue { background-color: #4D96E7; }
.swatch--color-navy { background-color: #0f3e72; }
.swatch--color-green { background-color: #73bd00; }
.swatch--color-beige { background-color: #f5f5dc; }
.swatch--color-facebook-blue { background-color: #3b5998; }
.swatch--color-google-blue { background-color: #4285F4; }
.swatch--color-google-red { background-color: #DB4437; }
.swatch--color-instagram-pink { background-color: #C62A81; }
.swatch--color-instagram-orange { background-color: #F06430; }
.swatch--color-paypal-blue { background-color: #009cde; }
.swatch--color-paypal-silver { background-color: #eeeeee; }
.swatch--color-primary { background-color: #73bd00; }
.swatch--color-secondary { background-color: #00A3B2; }
.swatch--color-tertiary { background-color: #E7B04D; }
.swatch--color-accent-primary { background-color: #0DFFCB; }
.swatch--color-accent-secondary { background-color: #DAFF79; }
.swatch--color-accent-tertiary { background-color: #28BAFF; }
.swatch--color-beginner { background-color: #00ae9a; }
.swatch--color-intermediate { background-color: #f69b35; }
.swatch--color-advanced { background-color: #ef6c6e; }
.refinement__swatch-color-item { padding: .25rem; -webkit-flex-basis: 3.5rem; -ms-flex-preferred-size: 3.5rem; flex-basis: 3.5rem; }
.product-line-item { position: relative; } .product-line-item:not(:last-child) { border-bottom: solid 0.0625rem #E6E6E6; } .product-line-item.set--in-wishlist .product-line-item__wishlist-add { display: none; } .product-line-item.set--in-wishlist .product-line-item__wishlist-remove { display: inline-block; }
.product-line-item--wishlist.set--removed-wishlist .product-line-item__wishlist-revert { display: block; }
.product-line-item--wishlist.set--removed-wishlist .product-line-item__main { display: none; }
.product-line-item--shipment { margin-bottom: 1.25rem; padding-bottom: 1.5rem; border-bottom: dashed 0.0625rem #E6E9ED; }
.product-line-item__media-link { display: block; }
.product-line-item__header { margin-bottom: .25em; }
.product-line-item__footer { margin-top: 1.25rem; }
.product-line-item__attribute:not(:last-child),
.product-line-item__action:not(:last-child) { margin-bottom: .25em; }
.product-line-item__actions { margin-top: 1.25rem; white-space: nowrap; }
.product-line-item__wishlist-remove { display: none; }
.product-line-item__wishlist-revert { display: none; }
.cart__line-item:nth-of-type(1) { border-top: 1px solid #E6E6E6; }
.cart__line-item .product-line-item__details { font-size: 0.875rem; }
@media (max-width: 47.9375rem) { .cart__line-item .product-line-item__availability { text-align: left; } }
.cart__line-item .product-line-item__name { font-size: 0.875rem; }
.cart__line-item .product-line-item__details--copy.disabled:after { content: ''; position: absolute; visibility: visible; width: 12.5rem; height: 9.6875rem; background-color: rgba(255, 255, 255, 0.5); opacity: 50%; pointer-events: none; }
.cart__line-item--row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.line-item__shipping--form { margin-bottom: 1.9375rem; }
.product-line-item__total-price { text-align: right; } .product-line-item__total-price .pricing { font-size: 0.875rem; font-weight: 500; } .product-line-item__total-price .product-line-item__promotions--callout { display: none; } .product-line-item__total-price .product-line-item__promotions--applied { display: block; font-size: 0.75rem; color: #dc3a18; text-decoration: underline; }
.product-line-item--save-for-later:first-of-type { margin-top: 1.3125rem; border-top: 1px solid #000; }
.product-line-item--save-for-later:last-of-type { border-bottom: 1px solid #000; }
.product-line-item--save-for-later .savings { display: none; }
.product-line-item--save-for-later .price .value { font-size: 0.875rem; }
.product-line-item--save-for-later .price__sales { font-weight: 700; font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; }
@media (min-width: 48rem) { .product-line-item--save-for-later .product-line-item__image { margin-right: 1.5rem; max-width: 6.875rem; } }
.product-line-item--saveforlater__details { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.product-line-item--order + .address-summary { display: none; }
@media (min-width: 64.0625rem) { .product-line-item--order .product-line-item__qty-pricing, .product-line-item--minicart .product-line-item__qty-pricing, .product-line-item--wishlist .product-line-item__qty-pricing { margin-top: 1.25rem; } }
@media (max-width: 64rem) { .product-line-item__qty-pricing { margin-top: 1rem; } .cart__line-item--row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-bottom: 0; padding-bottom: 1.375rem; } .cart__line-item--shipping__item { padding-top: 1.75rem; margin-bottom: 2.6875rem; max-width: 80%; margin: 0 auto; } .cart__line-item--shipping__item:first-of-type { margin-bottom: 1.0625rem; padding-bottom: 1.1875rem; border-bottom: 1px solid #E6E6E6; } .product-line-item__actions { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; } }
@media (min-width: 48rem) { .product-line-item { padding-top: 1.875rem; padding-bottom: 1.875rem; } .product-line-item__qty-pricing { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .product-line-item__actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .product-line-item__action:not(:last-child) { margin-right: 1rem; } .product-line-item__details--minicart { padding-bottom: 1.3125rem; } }
@media (max-width: 47.9375rem) { .product-line-item { padding-top: 1.25rem; padding-bottom: 0.8375rem; } .product-line-item:not(:last-child) { border-bottom: solid 0.0625rem #000; } .product-line-item__actions { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; } .product-line-item--minicart { padding-right: 1rem; padding-left: 1rem; } .cart__line-item--row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-bottom: 1px solid #E6E6E6; padding-bottom: 1.375rem; } .product-line-item__details--copy { margin-left: .875rem; } .cart__line-item--shipping { max-width: 19.1875rem; margin: 0 auto; margin-top: 1.75rem; margin-bottom: 2.6875rem; } .product-line-item__total-price .pricing { font-size: 1rem; font-weight: 500; } }
.cart__line-item--shipping .item { margin-bottom: 25px; }
.cart__line-item--shipping input { display: none; }
.cart__line-item--shipping .name,
.cart__line-item--shipping .ship-details { margin-left: 30px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.cart__line-item--shipping label { position: relative; cursor: pointer; }
.cart__line-item--shipping input[type="radio"] + label:before { content: ""; display: inline-block; height: 16px; width: 16px; background: transparent; vertical-align: middle; position: absolute; top: 1px; background: #FFF; cursor: pointer; border: 1px solid #000; border-radius: 100%; left: 0px; -webkit-box-shadow: 0 0 0 2px #FFF inset; box-shadow: 0 0 0 2px #FFF inset; }
.cart__line-item--shipping input[type="radio"]:checked + label:before { background: #000; }
.cart__line-item--shipping input[type="radio"]:disabled + label { color: #E6E6E6; border-color: #E6E6E6; cursor: not-allowed; } .cart__line-item--shipping input[type="radio"]:disabled + label:before { background: #FFF; border: 1px solid #E6E6E6; cursor: not-allowed; }
.product-badges { position: absolute; top: 0; left: 0; }
.product-badge { margin: .25rem 0; padding: .25rem .5rem; color: #FFF; background-color: #73bd00; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: .75rem; display: inline-block; } .product-badge--free-shipping { background-color: #000; } .product-badge--new { background-color: #73bd00; } .product-badge--online-only { background-color: #000; } .product-badge--joann-only { background-color: #73bd00; }
.product-promos { position: absolute; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
.product-promo { margin: 0; padding: .25rem .5rem; color: #FFF; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: .75rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .product-promo:nth-of-type(1) { background-color: #dc3a18; } .product-promo:nth-of-type(2) { background-color: #000; }
.card-number-wrapper::after { content: ''; position: absolute; right: 3px; background-repeat: no-repeat; background-image: url("https://cdn-fsly.yottaa.net/551561a7312e580499000a44/www.joann.com/v~4b.9b/on/demandware.static/Sites-JoAnn-Site/-/default/images/credit.png?yocs=3e_3I_2i_"); background-size: contain; width: 48px; height: 30px; top: 5px; }
.credit-card-icon { width: 48px; height: 30px; } .credit-card-icon::after { content: ''; position: absolute; left: 0; background-repeat: no-repeat; background-image: url("https://cdn-fsly.yottaa.net/551561a7312e580499000a44/www.joann.com/v~4b.9b/on/demandware.static/Sites-JoAnn-Site/-/default/images/credit.png?yocs=3e_3I_2i_"); background-size: contain; width: 48px; height: 30px; top: 0; }
.card-number-wrapper,
.credit-card-icon { position: relative; } .card-number-wrapper[data-type="visa"]::after, .card-number-wrapper[data-type="VI"]::after, .credit-card-icon[data-type="visa"]::after, .credit-card-icon[data-type="VI"]::after { background-image: url("https://cdn-fsly.yottaa.net/551561a7312e580499000a44/www.joann.com/v~4b.9b/on/demandware.static/Sites-JoAnn-Site/-/default/images/icon-credit-card-visa.svg?yocs=3e_2i_"); background-size: contain; } .card-number-wrapper[data-type="mastercard"]::after, .card-number-wrapper[data-type="MC"]::after, .credit-card-icon[data-type="mastercard"]::after, .credit-card-icon[data-type="MC"]::after { background-image: url("https://cdn-fsly.yottaa.net/551561a7312e580499000a44/www.joann.com/v~4b.9b/on/demandware.static/Sites-JoAnn-Site/-/default/images/icon-credit-card-mastercard.svg?yocs=3e_2i_"); background-size: contain; } .card-number-wrapper[data-type="amex"]::after, .card-number-wrapper[data-type="AX"]::after, .credit-card-icon[data-type="amex"]::after, .credit-card-icon[data-type="AX"]::after { background-image: url("https://cdn-fsly.yottaa.net/551561a7312e580499000a44/www.joann.com/v~4b.9b/on/demandware.static/Sites-JoAnn-Site/-/default/images/icon-credit-card-amex.svg?yocs=3e_2i_"); background-size: contain; } .card-number-wrapper[data-type="discover"]::after, .card-number-wrapper[data-type="DI"]::after, .credit-card-icon[data-type="discover"]::after, .credit-card-icon[data-type="DI"]::after { background-image: url("https://cdn-fsly.yottaa.net/551561a7312e580499000a44/www.joann.com/v~4b.9b/on/demandware.static/Sites-JoAnn-Site/-/default/images/icon-credit-card-discover.svg?yocs=3e_2i_"); background-size: contain; } .card-number-wrapper[data-type="maestro"]::after, .credit-card-icon[data-type="maestro"]::after { background-image: url("https://cdn-fsly.yottaa.net/551561a7312e580499000a44/www.joann.com/v~4b.9b/on/demandware.static/Sites-JoAnn-Site/-/default/images/payment-types.png?yocs=3e_3I_2i_"); background-size: auto; background-position: -95px -156px; }
.consent-notification { z-index: 100; position: fixed; bottom: 0; left: 0; right: 0; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .consent-notification:not(.toggle--active) { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden; }
.consent-notification__close { position: absolute; right: 0; top: 0; margin-right: 1rem; margin-top: 1rem; }
@media (min-width: 48rem) { .consent-notification { padding: 2.5625rem 2rem 3.5rem 2rem; border: solid .125rem; border-bottom: none; border-right: 0; border-left: 0; } .consent-notification__copy { max-width: 30.875rem; padding-left: 2.75rem; padding-right: 2rem; } .consent-notification__actions { min-width: 14rem; } }
@media (max-width: 47.9375rem) { .consent-notification { padding: 2rem 2rem 2.5rem; border-top: solid .125rem; } .consent-notification.form-actions { width: 100%; } .consent-notification__copy { margin-top: 1rem; } .consent-notification__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .tracking-consent { text-align: center; } .consent-notification__close { font-size: 1.5rem; } }
.product-add__container { margin-top: auto; text-align: center; }
.pdp-main { padding: 1rem 0; }
@media (min-width: 48rem) { .pdp-main__section--addtobag { margin-top: 2.8125rem; } }
.pdp-main__section--addtobag .product-add__button { max-width: 372px; padding: .875rem; margin-bottom: 0; text-align: center; }
.product-attribute { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; }
.product-attribute--variationAttribute .product-attribute__contents { max-height: 16rem; overflow: scroll; overflow-x: hidden; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1rem 0; } .product-attribute--variationAttribute .product-attribute__contents::-webkit-scrollbar { width: 1rem; } .product-attribute--variationAttribute .product-attribute__contents::-webkit-scrollbar-track { background-color: #FFF; } .product-attribute--variationAttribute .product-attribute__contents::-webkit-scrollbar-thumb { background-color: #6e6e6e; border-radius: 1rem; border: 4px solid #FFF; } .product-attribute--variationAttribute .product-attribute__contents::-webkit-scrollbar-button { display: none; } @media (max-width: 47.9375rem) { .product-attribute--variationAttribute .product-attribute__contents { overflow-x: scroll; } }
.product-attribute__head-qty { position: absolute; margin-top: 1rem; }
.product-attribute--qty { -webkit-flex-basis: 8.375rem; -ms-flex-preferred-size: 8.375rem; flex-basis: 8.375rem; max-width: 100%; width: 100%; }
.input-counter-container { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }
.product-attribute__swatch { height: 3.5rem; width: 3.5rem; -webkit-flex-basis: 3.5rem; -ms-flex-preferred-size: 3.5rem; flex-basis: 3.5rem; }
.size-chart { margin-top: .5rem; }
.product-availability__label { margin-right: .625em; }
.product-pickup { margin-top: 1rem; }
.product-common__wishlist { position: absolute; z-index: 2; top: 1%; right: 0; }
.product-common__social-item:not(:last-child) { margin-right: 1.0375rem; }
.product-tabs__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 3.375rem; margin-bottom: 4.375rem; }
.product-tab__item { display: none; } .product-tab__item.set--mobile-tab { display: block; border-bottom: 1px solid #E6E6E6; padding-bottom: 2rem; }
.product-tab__button { padding: 1.625rem 0 1.5rem; border-bottom: 1px solid #E6E6E6; width: 100%; } .product-tab__button:first-of-type { border-top: 1px solid #E6E6E6; } .product-tab__button .icon { float: right; } .product-tab__button .icon-close { display: none; } .product-tab__button.set--mobile-tab { border-bottom: 0; } .product-tab__button.set--mobile-tab .icon-open { display: none; } .product-tab__button.set--mobile-tab .icon-close { display: block; } .product-tab__button .set--mobile-tab { display: block; }
.pdp-recommendations-tabs-title { margin-left: 2.5625rem; margin-top: 1.75rem; } .pdp-recommendations-tabs-title:first-of-type { margin-left: 0; }
.product-promotions__item { margin-top: 10px; position: relative; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; }
.non-discount { margin-bottom: 15px; }
.pdp-chemical-warning { margin-top: 0.75rem; }
.product-common__social-button { cursor: pointer; }
.product-common__social-icons { display: none; position: absolute; top: 1.5rem; }
.product-common__social-button.toggle--active + .product-common__social-icons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.pdp-main__class { border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; }
.pdp-main__class-description { padding: 1.125rem 0; }
.pdp-class--bg { padding: .2rem .875rem; margin-right: .5rem; max-width: 5.62rem; }
.pdp-class__beginner--bg { background-color: #00ae9a; }
.pdp-class__intermediate--bg { background-color: #f69b35; }
.pdp-class__advanced--bg { background-color: #ef6c6e; }
.pdp-class__time { margin-left: .4375rem; } .pdp-class__time .icon { vertical-align: text-bottom; }
.pdp-class__carousel { margin-top: 1.5rem; padding-right: 50px; } .pdp-class__carousel .slick-list { margin: 0 -.9375rem; } .pdp-class__carousel .slick-slide { margin: 0 .9375rem; } .pdp-class__carousel .slick-next { right: -2.5rem; width: 6rem; font-size: 2rem; } .pdp-class__carousel .slick-prev { display: none !important; left: -2.5rem; }
.pdp-class__card { width: 148px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 1rem; border: 2px solid #97A1B0; position: relative; margin: 0 auto; } .pdp-class__card button { background: #d2d2d2; } .pdp-class__card.active { border: 2px solid #212121; background-color: #212121; color: #FFF; } .pdp-class__card.active .pdp-class__card--details { background-color: #FFF; color: #000; } .pdp-class__card.active .pdp-class__schedule--content { background-color: #000; color: #FFF; } .pdp-class__card.full { border: 2px solid #97A1B0; color: #97A1B0; } .pdp-class__card.full .pdp-class__card--details { background-color: #F2F2F2; color: #707B8C; } .pdp-class__card.full .pdp-class__card-date { color: #000; } .pdp-class__card.full .pdp-class__card--full { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
@media (max-width: 47.9375rem) { .pdp-class__card { width: inherit; } .slick-list { overflow: visible; } }
.pdp-class__card--full { height: 1.5rem; width: 3.0625rem; background-color: #dc3a18; color: #FFF; text-align: center; left: 0; position: absolute; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: none; }
.pdp-class__card--date { cursor: pointer; }
.pdp-class__card--details { margin-top: 1.25rem; padding: .625rem; background-color: #F2F2F2; }
.pdp-class__schedule--action { padding: 0.5625rem 0; } .pdp-class__schedule--action .icon-close { display: none; } .pdp-class__schedule--action.set--class-schedule .icon-close { display: inline; } .pdp-class__schedule--action.set--class-schedule .icon-open { display: none; }
.pdp-class__schedule--content { display: none; } .pdp-class__schedule--content.set--class-schedule { display: block; }
.pdp-class__supplies--content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.pdp-class__supplies--list { margin-top: 1.0625rem; } .pdp-class__supplies--list li::before { content: ''; height: 1rem; width: 1rem; background-image: url(https://cdn-fsly.yottaa.net/551561a7312e580499000a44/www.joann.com/v~4b.9b/on/demandware.static/Sites-JoAnn-Site/-/default/images/checkmark.png?yocs=3e_3I_2i_); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-right: .625rem; vertical-align: sub; }
.pdp-class__actionables { margin-top: 2rem; }
.pdp-collections { margin-bottom: 4.43rem; margin-top: 2.5rem; }
.pdp-collections-header { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 3.4375rem; }
.pdp-collections-action { padding-bottom: 4rem; }
.kidsWarnings { margin: 0 0.5rem; }
.pdp-project__actionables--button .icon,
.pdp-class__actionables--button .icon { vertical-align: middle; }
@media (min-width: 48rem) { .product-attribute--last:not(.product-attribute--color) { max-width: 100%; } .product-attribute--qty { -webkit-flex-basis: 8.375rem; -ms-flex-preferred-size: 8.375rem; flex-basis: 8.375rem; max-width: 8.375rem; } .product-attribute__head-qty { position: relative; margin-top: 0; margin-bottom: 2rem; } .product-attribute--variationAttribute .product-attribute__contents.product-attribute--swatches--many { padding-top: 2.5rem; } .product-tabs__content { max-width: 1108px; margin: 0 auto; padding-top: 3.1875rem; padding-bottom: 6.4375rem; } .product-tab__item { display: none; } .product-tab__item.toggle--active { display: block; } .pdp-class__time { margin-left: .5rem; } .pdp-main__class-description, .pdp-class__beginner, .pdp-class__intermediate, .pdp-class__advanced { font-size: 0.875rem; } .pdp-class__supplies--content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .pdp-collections { margin-bottom: 3.5rem; } .pdp-collections .product-list { padding-top: 0; padding-bottom: 0; } .pdp__recommendations .product-list { padding-top: 0; } .pdp-collections-action { padding-bottom: 3.4375rem; } .pdp-project__actionables--button, .pdp-class__actionables--button { max-width: 19.125rem; } }
.pdp-main__marketing { margin-top: 1.5rem; display: none; } @media (min-width: 48rem) { .pdp-main__marketing { margin-right: .5rem; max-width: 23.4375rem; margin-top: 2rem; } }
.pdp-tiered__table--wrapper { border: 1px solid #73bd00; width: 100%; padding-top: .875rem; padding-bottom: 1.875rem; } .pdp-tiered__table--wrapper .content-asset { line-height: 1.43; }
.pdp-tiered__table-header { height: 3.125rem; }
.pdp-tiered__table--content { min-width: 26.875rem; } @media (max-width: 47.9375rem) { .pdp-tiered__table--content { min-width: auto; padding: 0 .325rem; } } .pdp-tiered__table--content tr .pdp-tiered__table-value { border-bottom: 1px solid #73bd00; } .pdp-tiered__table--content tr:last-of-type .pdp-tiered__table-value { border-bottom: 0; } .pdp-tiered__table--content tr th:nth-of-type(1) { text-align: left; } .pdp-tiered__table--content tr th:nth-of-type(3) { text-align: right; }
.pdp-tiered__table-value { width: 8.9rem; padding-bottom: .425rem; padding-top: .425rem; } .pdp-tiered__table-value.left { padding-left: 2em; } .pdp-tiered__table-value.right { padding-right: 2em; }
.pdp-tiered__table--loyaltyid { padding-bottom: 1rem; }
@media (max-width: 47.9375rem) { .pdp-main__class-description, .pdp-class__beginner, .pdp-class__intermediate, .pdp-class__advanced { font-size: 0.75rem; } .pdp-class__supplies { margin-top: 1.75rem; } .pdp-class__supplies:first-of-type { margin-top: 0; } .pdp-class__actionables { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .product-attribute--swatches--many { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }
.careers__header { position: relative; background-color: #F2F2F2; border-bottom: 1px solid #E6E6E6; z-index: 3; } .careers__header + .marketing-landing__main { min-height: 315px; } .careers__header nav.dropdown-menu--careers { width: 100%; max-width: 1920px; margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: .85rem; padding: 0 2.5rem; } .careers__header .dropdown-menu__section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; } .careers__header .careers-dropdown { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; max-width: 1920px; margin: auto; z-index: 3; background-color: #FFF; padding: 1.5em; padding-left: 0; } .careers__header .careers-dropdown li { padding: .5em 0; } .careers__header .careers-dropdown__menu { min-height: 275px; max-width: 33%; border-right: 1px solid #E6E6E6; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .careers__header .dropdown-menu__container--career-areas:not(.mega-item--active) { display: none; } .careers__header .dropdown-menu__header { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; font-size: 1rem; } .careers__header .dropdown-menu__button { max-width: 200px; padding: .75em 0 .5em; border-bottom-width: .25em; border-bottom-style: solid; border-bottom-color: transparent; } .careers__header .dropdown-menu__item { padding-left: 2.5em; } .careers__header .dropdown-menu__item:not(.no-hover):hover { background: #F2F2F2; } .careers__header .dropdown-menu__ada-expand { opacity: 0; pointer-events: none; padding: 0; } .careers__header .dropdown-menu__ada-expand:focus { opacity: 1; pointer-events: all; } .careers__header .dropdown-menu__banner__wrapper { position: absolute; width: 100%; left: 0; }
@media (min-width: 48rem) { .careers__header .dropdown-menu__section:first-of-type { margin-right: auto; padding: 0 1em; } .careers__header .dropdown-menu__button:hover, .careers__header .dropdown-menu__button.mega-item--active { border-bottom-color: #000; } .careers__header .dropdown-menu__banner__wrapper { top: 2.5rem; } }
@media (max-width: 47.9375rem) { .careers__header nav.dropdown-menu--careers { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0; } .careers__header .careers-dropdown { display: block; min-height: 100vh; padding: 0; } .careers__header .careers-dropdown__menu { max-width: 100%; border-right: none; } .careers__header .careers-dropdown__promo { display: none; } .careers__header .dropdown-menu__target { z-index: 3; } .careers__header .dropdown-menu__button { max-width: 100%; padding: .75em .75em .5em; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .careers__header .navigation--careers:not(.mobile-menu--open) ~ .dropdown-menu__section { display: none; } .careers__header .dropdown-icon--arrow-down { display: inline-block; margin-left: 1em; } .careers__header .mobile-menu--open .dropdown-icon--arrow-down { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: -webkit-transform .15s ease-in; transition: -webkit-transform .15s ease-in; transition: transform .15s ease-in; transition: transform .15s ease-in, -webkit-transform .15s ease-in; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .careers__header .dropdown-menu__banner__wrapper { top: 0; } }
.heading-type--zetta { font-size: 8.875rem; }
.heading-type--yotta { font-size: 7.375rem; }
.heading-type--exa { font-size: 6.25rem; }
.heading-type--h1 { font-size: 5.125rem; }
.heading-type--h2 { font-size: 4.375rem; }
.heading-type--h3 { font-size: 3.5rem; }
.heading-type--h4 { font-size: 3rem; }
.heading-type--h5 { font-size: 2.5rem; }
.heading-type--h6 { font-size: 2rem; }
.font-size--medium { font-size: 1rem; letter-spacing: 0.2px; }
.font-size--colossal { font-size: 3.75rem; letter-spacing: 0.2px; }
.font-size--titan { font-size: 2.5rem; letter-spacing: 0.2px; }
.font-size--giant { font-size: 1.75rem; letter-spacing: 0.2px; }
.font-size--huge { font-size: 1.5rem; letter-spacing: 0.2px; }
.font-size--large, .body-type--kilo { font-size: 1.25rem; letter-spacing: 0.2px; }
.font-size--small { font-size: 0.875rem; letter-spacing: 0.2px; }
.font-size--mini,
.font-size--tiny { font-size: 0.75rem; letter-spacing: 0.5px; }
.font-size--micro { font-size: 0.625rem; letter-spacing: 0.5px; }
@media (max-width: 47.9375rem) { .m-font-size--medium { font-size: 1rem; letter-spacing: 0.2px; } .m-font-size--colossal { font-size: 3.75rem; letter-spacing: 0.2px; } .m-font-size--titan { font-size: 2.5rem; letter-spacing: 0.2px; } .m-font-size--giant { font-size: 1.75rem; letter-spacing: 0.2px; } .m-font-size--huge { font-size: 1.5rem; letter-spacing: 0.2px; } .m-font-size--large, .body-type--kilo { font-size: 1.25rem; letter-spacing: 0.2px; } .m-font-size--small { font-size: 0.875rem; letter-spacing: 0.2px; } .m-font-size--mini, .m-font-size--tiny { font-size: 0.75rem; letter-spacing: 0.5px; } .m-font-size--micro { font-size: 0.625rem; letter-spacing: 0.5px; } }
[class*="fluid-type"] { line-height: normal; }
.fluid-type--giant-h5 { font-size: 1.75rem; } @media screen and (min-width: 47.9375rem) { .fluid-type--giant-h5 { font-size: calc(1.75rem + 0.75 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .fluid-type--giant-h5 { font-size: 2.5rem; } }
.fluid-type--large-h5 { font-size: 1.25rem; } @media screen and (min-width: 47.9375rem) { .fluid-type--large-h5 { font-size: calc(1.25rem + 1.25 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .fluid-type--large-h5 { font-size: 2.5rem; } }
.fluid-type--huge-h6 { font-size: 1.5rem; } @media screen and (min-width: 47.9375rem) { .fluid-type--huge-h6 { font-size: calc(1.5rem + 0.5 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .fluid-type--huge-h6 { font-size: 2rem; } }
.fluid-type--large-giant { font-size: 1.25rem; } @media screen and (min-width: 47.9375rem) { .fluid-type--large-giant { font-size: calc(1.25rem + 0.5 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .fluid-type--large-giant { font-size: 1.75rem; } }
.fluid-type--large-huge { font-size: 1.25rem; } @media screen and (min-width: 47.9375rem) { .fluid-type--large-huge { font-size: calc(1.25rem + 0.25 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .fluid-type--large-huge { font-size: 1.5rem; } }
.fluid-type--medium-large { font-size: 1rem; } @media screen and (min-width: 47.9375rem) { .fluid-type--medium-large { font-size: calc(1rem + 0.25 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .fluid-type--medium-large { font-size: 1.25rem; } }
.fluid-type--small-medium { font-size: 0.875rem; } @media screen and (min-width: 47.9375rem) { .fluid-type--small-medium { font-size: calc(0.875rem + 0.125 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .fluid-type--small-medium { font-size: 1rem; } }
.font-family--sans { font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif; }
.font-family--sans-bold { font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; }
.font-family--sans-condensed { font-family: "avenir-condensed", Montserrat, Helvetica, Arial, sans-serif; }
.font-family--sans-demi { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; }
.font-family--cursive { font-family: "felisha-regular"; }
.font-family--serif { font-family: "felisha-regular", Unna, Times, serif; }
.font-family--cursive { font-family: "felisha-regular"; }
@media (max-width: 47.9375rem) { .m-font-family--sans { font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif; } .m-font-family--sans-bold { font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; } .m-font-family--sans-condensed { font-family: "avenir-condensed", Montserrat, Helvetica, Arial, sans-serif; } .m-font-family--sans-demi { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; } .m-font-family--cursive { font-family: "felisha-regular"; } .m-font-family--serif { font-family: "felisha-regular", Unna, Times, serif; } .m-font-family--cursive { font-family: "felisha-regular"; } }
.cms-generic-copy--dont-apply-this-nonsense { line-height: 1.63; } .cms-generic-copy--dont-apply-this-nonsense h1, .cms-generic-copy--dont-apply-this-nonsense h2, .cms-generic-copy--dont-apply-this-nonsense h3, .cms-generic-copy--dont-apply-this-nonsense h4, .cms-generic-copy--dont-apply-this-nonsense h5, .cms-generic-copy--dont-apply-this-nonsense h6 { margin-bottom: .5em; line-height: 0.85; text-transform: uppercase; } .cms-generic-copy--dont-apply-this-nonsense h1:not(:first-child), .cms-generic-copy--dont-apply-this-nonsense h2:not(:first-child), .cms-generic-copy--dont-apply-this-nonsense h3:not(:first-child), .cms-generic-copy--dont-apply-this-nonsense h4:not(:first-child), .cms-generic-copy--dont-apply-this-nonsense h5:not(:first-child), .cms-generic-copy--dont-apply-this-nonsense h6:not(:first-child) { margin-top: 1.5em; } .cms-generic-copy--dont-apply-this-nonsense a { text-decoration: underline; font-weight: 500; } .cms-generic-copy--dont-apply-this-nonsense a:hover, .cms-generic-copy--dont-apply-this-nonsense a:focus { opacity: .7; } .cms-generic-copy--dont-apply-this-nonsense ul, .cms-generic-copy--dont-apply-this-nonsense ol, .cms-generic-copy--dont-apply-this-nonsense p + p { margin-top: .5rem; } .cms-generic-copy--dont-apply-this-nonsense ol, .cms-generic-copy--dont-apply-this-nonsense ul { margin-bottom: .5rem; padding-left: 1em; list-style-type: none; } .cms-generic-copy--dont-apply-this-nonsense ol li, .cms-generic-copy--dont-apply-this-nonsense ul li { position: relative; } .cms-generic-copy--dont-apply-this-nonsense ol li:before, .cms-generic-copy--dont-apply-this-nonsense ul li:before { color: #73bd00; position: absolute; top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto; } .cms-generic-copy--dont-apply-this-nonsense ol li:not(:last-child), .cms-generic-copy--dont-apply-this-nonsense ul li:not(:last-child) { margin-bottom: .25em; } .cms-generic-copy--dont-apply-this-nonsense ol { counter-reset: orderedItem; } .cms-generic-copy--dont-apply-this-nonsense ol > li { counter-increment: orderedItem; } .cms-generic-copy--dont-apply-this-nonsense ol > li:before { display: inline-block; min-width: 1em; left: -1.5em; text-align: right; content: counter(orderedItem) "."; } .cms-generic-copy--dont-apply-this-nonsense ul > li:before { left: -0.55em; font-size: 2em; line-height: 0.65; content: '•'; } .cms-generic-copy--dont-apply-this-nonsense table { width: 100%; margin-bottom: 1rem; margin-top: 1rem; border: solid .0625rem; border-collapse: collapse; } .cms-generic-copy--dont-apply-this-nonsense th, .cms-generic-copy--dont-apply-this-nonsense td { border: solid .0625rem; padding: 0.5rem; } .cms-generic-copy--dont-apply-this-nonsense th { background-color: #E6E9ED; }
.text-line--collapse { line-height: 0; }
.text-line--reset { line-height: 1; }
.text-line--reduce { line-height: 0.85; }
.text-line--small { line-height: 1.19; }
.text-line--medium { line-height: 1.38; }
.text-line--large { line-height: 1.5; }
.text-line--huge { line-height: 1.63; }
.text-line--giant { line-height: 1.75; }
.text-line--titan { line-height: 1.9; }
@media (max-width: 47.9375rem) { .m-text-line--collapse { line-height: 0; } .m-text-line--reset { line-height: 1; } .m-text-line--reduce { line-height: 0.85; } .m-text-line--small { line-height: 1.19; } .m-text-line--medium { line-height: 1.38; } .m-text-line--large { line-height: 1.5; } .m-text-line--huge { line-height: 1.63; } .m-text-line--giant { line-height: 1.75; } .m-text-line--titan { line-height: 1.9; } }
.text-align--left { text-align: left; }
.text-align--center { text-align: center; }
.text-align--right { text-align: right; }
.text-align--justify { text-align: justify; }
@media (max-width: 47.9375rem) { .m-text-align--left { text-align: left; } .m-text-align--center { text-align: center; } .m-text-align--right { text-align: right; } .m-text-align--justify { text-align: justify; } }
.font-weight--light { font-weight: 300; }
.font-weight--normal { font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif; font-weight: 400; }
.font-weight--semibold { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; font-weight: 500; }
.font-weight--bold { font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; font-weight: 700; }
.font-weight--extrabold { font-weight: 800; }
.font-style--italic { font-style: italic; }
.text--underline { text-decoration: underline; }
.text--strike { text-decoration: line-through; }
.text--uppercase { text-transform: uppercase; }
.text--lowercase { text-transform: lowercase; }
.text--capitalize { text-transform: capitalize; }
.text--initial { text-transform: initial; }
.text--nowrap { white-space: nowrap; }
.text--stroke { display: inline-block; -webkit-text-fill-color: transparent; -webkit-text-stroke-color: inherit; -webkit-text-stroke-width: .0625rem; }
.word-spacing--large { word-spacing: 100vw; }
.text-color--transparent { color: rgba(0, 0, 0, 0); }
.text-color--white { color: #FFF; }
.text-color--black { color: #000; }
.text-color--grey-1 { color: #F2F2F2; }
.text-color--grey-2 { color: #E6E9ED; }
.text-color--grey-3 { color: #E6E6E6; }
.text-color--grey-4 { color: #97A1B0; }
.text-color--grey-5 { color: #707B8C; }
.text-color--grey-6 { color: #485363; }
.text-color--grey-7 { color: #32323B; }
.text-color--red { color: #df1642; }
.text-color--blue { color: #4D96E7; }
.text-color--navy { color: #0f3e72; }
.text-color--green { color: #73bd00; }
.text-color--beige { color: #f5f5dc; }
.text-color--facebook-blue { color: #3b5998; }
.text-color--google-blue { color: #4285F4; }
.text-color--google-red { color: #DB4437; }
.text-color--instagram-pink { color: #C62A81; }
.text-color--instagram-orange { color: #F06430; }
.text-color--paypal-blue { color: #009cde; }
.text-color--paypal-silver { color: #eeeeee; }
.text-color--primary { color: #73bd00; }
.text-color--secondary { color: #00A3B2; }
.text-color--tertiary { color: #E7B04D; }
.text-color--accent-primary { color: #0DFFCB; }
.text-color--accent-secondary { color: #DAFF79; }
.text-color--accent-tertiary { color: #28BAFF; }
.text-color--beginner { color: #00ae9a; }
.text-color--intermediate { color: #f69b35; }
.text-color--advanced { color: #ef6c6e; }
.text-color--initial { color: initial; }
@media (min-width: 48rem) { .text-align--small-up-center { text-align: center; } }
@media (max-width: 64rem) { .text-align--medium-center { text-align: center; } }
@media (max-width: 47.9375rem) { .text-align--small-center { text-align: center; } }
.hidden { display: none !important; }
.sr-only,
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.set--visible { opacity: 1; visibility: inherit; }
.set--invisible { opacity: 0; visibility: hidden; }
.set--no-opacity { opacity: 0; }
.pointer--none { pointer-events: none; }
img[src=""] { opacity: 0; visibility: hidden; }
@media (min-width: 30.0625rem) { .display--xsmall-only { display: none !important; } }
@media (min-width: 48rem) { .display--small-only { display: none !important; } }
@media (min-width: 64.0625rem) { .display--medium-only, .display--medium-down { display: none !important; } }
@media (max-width: 64rem) { .display--medium-up { display: none !important; } }
@media (min-width: 48rem) and (max-width: 64rem) { .display--hide-medium { display: none !important; } }
@media (max-width: 47.9375rem) { .display--small-up, .display--medium-only { display: none !important; } }
.component-overlay-container { position: relative; max-width: 100%; }
.component-overlay { position: absolute; overflow: hidden; }
.component-overlay--start { top: 0; left: 0; }
.component-overlay--center { top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.component-v-align--top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.component-v-align--center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: auto; margin-bottom: auto; }
.component-v-align--bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-top: auto; }
.component-h-align--left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.component-h-align--center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: auto; margin-left: auto; }
.component-h-align--right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; }
.component-image { -o-object-position: var(--focal-point-x) var(--focal-point-y); object-position: var(--focal-point-x) var(--focal-point-y); }
.module-container { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
.module-container__description { margin-top: .5em; }
.module-grid { margin-top: -.75rem; margin-bottom: -.75rem; }
.module-grid__item { margin-top: .75rem; margin-bottom: .75rem; }
@media (min-width: 64.0625rem) { .module-container--spacing-top-large { padding-top: 6rem; } .module-container--spacing-bottom-large { padding-bottom: 6rem; } .module-container--spacing-top-regular { padding-top: 4.25rem; } .module-container--spacing-bottom-regular { padding-bottom: 4.25rem; } .module-container--spacing-top-small { padding-top: 2.25rem; } .module-container--spacing-bottom-small { padding-bottom: 2.25rem; } }
@media (min-width: 48rem) and (max-width: 64rem) { .module-container--spacing-top-large { padding-top: 4.25rem; } .module-container--spacing-bottom-large { padding-bottom: 4.25rem; } .module-container--spacing-top-regular { padding-top: 2.5rem; } .module-container--spacing-bottom-regular { padding-bottom: 2.5rem; } .module-container--spacing-top-small { padding-top: 1.25rem; } .module-container--spacing-bottom-small { padding-bottom: 1.25rem; } }
@media (max-width: 64rem) { .component-image--md-focal { -o-object-position: var(--focal-point-x-md) var(--focal-point-y-md); object-position: var(--focal-point-x-md) var(--focal-point-y-md); } }
@media (min-width: 48rem) { .component-overlay--small-up { position: absolute; overflow: hidden; } .component-max-w--10 { max-width: 10%; } .component-max-w--20 { max-width: 20%; } .component-max-w--30 { max-width: 30%; } .component-max-w--40 { max-width: 40%; } .component-max-w--50 { max-width: 50%; } .component-max-w--60 { max-width: 60%; } .component-max-w--70 { max-width: 70%; } .component-max-w--80 { max-width: 80%; } .component-max-w--90 { max-width: 90%; } .component-max-w--100 { max-width: 100%; } .module-container__header:not(:last-child) { margin-bottom: 2.25rem; } }
@media (max-width: 47.9375rem) { .component-overlay--small { position: absolute; overflow: hidden; } .component-image--sm-focal { -o-object-position: var(--focal-point-x-sm) var(--focal-point-y-sm); object-position: var(--focal-point-x-sm) var(--focal-point-y-sm); } .module-container--spacing-top-large { padding-top: 2.5rem; } .module-container--spacing-bottom-large { padding-bottom: 2.5rem; } .module-container--spacing-top-regular { padding-top: 1.75rem; } .module-container--spacing-bottom-regular { padding-bottom: 1.75rem; } .module-container--spacing-top-small { padding-top: 1rem; } .module-container--spacing-bottom-small { padding-bottom: 1rem; } .module-container__header:not(:last-child) { margin-bottom: 1.25rem; } }
html.cancel-scroll--force { overflow: hidden; height: 100%; }
.cancel-scroll body { overflow: hidden; }
.cancel-scroll--force body { overflow: hidden; height: 100%; }
.window-modal { z-index: 10000; overflow: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); -webkit-overflow-scrolling: touch; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; } .window-modal.modal-active { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 213ms; transition-duration: 213ms; } .window-modal:not(.modal-active) { pointer-events: none; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: 213ms; transition-duration: 213ms; opacity: 0; visibility: hidden; } .window-modal.modal-in-background { z-index: 9999; background-color: rgba(0, 0, 0, 0.2); pointer-events: none; }
.window-modal__content { position: relative; width: 100%; min-height: 6.25rem; background-color: #FFF; -webkit-transition-property: top, bottom, right, left, height, opacity, visibility, -webkit-transform; transition-property: top, bottom, right, left, height, opacity, visibility, -webkit-transform; transition-property: top, bottom, right, left, height, transform, opacity, visibility; transition-property: top, bottom, right, left, height, transform, opacity, visibility, -webkit-transform; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: 213ms; transition-duration: 213ms; } .modal-active .window-modal__content { -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .modal-in-background .window-modal__content > * { opacity: .5; } .window-modal__content > .modal-container--static { display: block; }
.window-modal__close { z-index: 10; position: absolute; top: 1em; right: 1em; width: 2.5em; height: 2.5em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; -webkit-transition: background-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1); transition: background-color 426ms cubic-bezier(0.4, 0.9, 0.3, 1); } .window-modal__close:hover { background-color: #E6E6E6; } .window-modal__close:after { content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 37'%3E%3Cpath fill='%2332323B' d='M36.533 3.533L33 0 18.267 14.733 3.533 0 0 3.533l14.733 14.734L0 33l3.533 3.533L18.267 21.8 33 36.533 36.533 33 21.8 18.267z' /%3E%3C/svg%3E"); width: 0.875rem; height: 0.875rem; display: inline-block; }
.modal-container--static { display: none; }
.modal--full .window-modal__content { max-width: none; }
.modal--flex .window-modal__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
.modal--hideable.modal-in-background { opacity: 0; visibility: hidden; }
.modal--generic__title { line-height: 1.06; }
.modal--generic__description { margin-top: .75em; line-height: 1.5; } .modal--generic__description.center { text-align: center; font-size: .875rem; }
.modal--generic__content { margin-top: 2rem; }
.modal--generic__actions { margin-top: auto; } .modal--generic__actions .button.reset { max-width: 100%; margin-left: 0; margin-right: 0; }
.modal--generic__action { margin-top: 2.5rem; }
.modal--generic__scrollable { max-height: 17.5rem; padding-bottom: 1.25rem; }
.modal--quickview .window-modal__content { max-width: 60rem; }
.modal--store-locator .window-modal__content { max-width: 38rem; padding: 2rem; }
.modal--newPayment .window-modal__content { padding: 40px; max-width: 600px; }
.modal--addToCart .flex { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.modal--addToCart .modal-container { margin-top: 30px; }
.modal--addToCart .window-modal__content { max-width: 65%; min-height: 21.25rem; padding: 2.5rem; } @media (min-width: 120.0625rem) { .modal--addToCart .window-modal__content { max-width: 1050px; } }
.modal--addToCart .bottom-options,
.modal--addToCart .minicart__line-items,
.modal--addToCart .product-image,
.modal--addToCart .product-info { width: 48%; }
.modal--addToCart .row-item { margin-top: 10px; }
.modal--addToCart .price-container > * { display: inline-block; }
.modal--addToCart .category { color: #767676; }
.modal--addToCart .ship-to-me { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #d2d2d2; } .modal--addToCart .ship-to-me .ship-details { margin-left: 30px; margin-top: 15px; }
.modal--addToCart .store-pickup { display: block; margin-bottom: 25px; padding-bottom: 25px; } .modal--addToCart .store-pickup .change { text-decoration: underline; } .modal--addToCart .store-pickup .pickup-details { margin-top: 15px; display: inline-block; }
.modal--addToCart input { display: none; }
.modal--addToCart label { position: relative; margin-left: 30px; cursor: pointer; }
.modal--addToCart input[type="radio"] + label:before { content: ""; display: inline-block; height: 16px; width: 16px; background: transparent; vertical-align: middle; position: absolute; top: 1px; left: -30px; background: white; cursor: pointer; border: 1px solid #000; border-radius: 100%; -webkit-box-shadow: 0 0 0 2px #FFF inset; box-shadow: 0 0 0 2px #FFF inset; }
.modal--addToCart input[type="radio"]:checked + label:before { background: black; }
.modal--addToCart input[type="radio"]:disabled + label { cursor: not-allowed; color: #d2d2d2; } .modal--addToCart input[type="radio"]:disabled + label:before { cursor: not-allowed; border-color: #d2d2d2; }
@media (max-width: 47.9375rem) { .modal--addToCart { margin: 0 auto; } .modal--addToCart .window-modal__content { margin: 0 auto; max-width: calc(100% - 40px); } .modal--addToCart .modal-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .modal--addToCart .bottom-options { width: 100%; } .modal--addToCart .bottom-options .button { width: 100%; } }
.modal--generic .window-modal__content { max-width: 29rem; min-height: 21.25rem; padding: 2.5rem; }
.modal--generic.wide { padding: 90px 0; } .modal--generic.wide .window-modal__content { max-width: 95%; margin-left: auto; margin-right: auto; } @media (min-width: 48rem) { .modal--generic.wide .window-modal__content { max-width: 50em; } }
@media (min-width: 48rem) { .cancel-scroll--sm-up body { overflow: hidden; } .window-modal__content { width: calc(100% - 20rem); margin: auto; -webkit-transform: translateY(15%); transform: translateY(15%); opacity: 0; visibility: hidden; } .modal-active .window-modal__content { -webkit-transition-delay: 107ms; transition-delay: 107ms; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: inherit; } .modal-in-background .window-modal__content { -webkit-transform: scale(0.9) translateY(2rem); transform: scale(0.9) translateY(2rem); } input.stock-toggle { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; width: 53px; height: 24px; background-color: #ffffff; border: 1px solid #000; border-radius: 50px; -webkit-box-shadow: inset -20px 0 0 0 #ffffff; box-shadow: inset -20px 0 0 0 #ffffff; -webkit-transition-duration: 200ms; transition-duration: 200ms; } input.stock-toggle:before { content: "OFF"; position: absolute; right: 4px; top: 0; font-size: 10px; top: 6px; } input.stock-toggle:after { content: ""; position: absolute; top: 2px; left: 5px; width: 18px; height: 18px; background-color: black; border-radius: 50%; -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2); } input.stock-toggle:checked:before { content: "ON"; left: 4px; } input.stock-toggle:checked:after { right: 5px; left: unset; -webkit-box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05); box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05); } .modal--generic .window-modal__content { max-width: 29rem; min-height: 21.25rem; padding: 2.5rem; } .modal--prompt .window-modal__content { max-width: 26rem; min-height: 16rem; padding: 2rem; } .modal--auth { padding: 2rem; } }
.modal--changeStore .store-inventory-dislaimer { background: #f6f6f6; bottom: 0; padding: 10px 40px; margin: 5px -40px -40px -40px; font-size: 10px; line-height: 16px; letter-spacing: .5px; position: -webkit-sticky; position: sticky; overflow-x: hidden; }
.modal--changeStore ::-webkit-scrollbar { display: none; }
.modal--changeStore .window-modal__content { padding: 20px 20px 0 20px; right: 0; top: 0; width: 90%; position: relative; margin-left: 10%; overflow: scroll; -webkit-overflow-scrolling: touch; } .modal--changeStore .window-modal__content .store-locator__results { overflow: initial; } .modal--changeStore .window-modal__content .modal-header { margin-bottom: 1em; } .modal--changeStore .window-modal__content .store-name { margin-bottom: 8px; } .modal--changeStore .window-modal__content .store-hour-container { margin-top: 12px; } .modal--changeStore .window-modal__content .store-hour-container .hours { padding-right: 4px; } .modal--changeStore .window-modal__content .store-hour-container .store-hours { display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; -webkit-box-orient: vertical; white-space: nowrap; text-overflow: inherit; } .modal--changeStore .window-modal__content .store-hour-container .icon { margin-top: 3px; -webkit-transition: all .3s; transition: all .3s; } .modal--changeStore .window-modal__content .store-hour-container.active .store-hours { -webkit-line-clamp: 1000; } .modal--changeStore .window-modal__content .store-hour-container.active .icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .modal--changeStore .window-modal__content address { font-size: 0.9em; } .modal--changeStore .window-modal__content .distance { padding-left: 5px; color: #767676; } .modal--changeStore .window-modal__content .store-locator__result-item { border-bottom: 1px solid #000; } .modal--changeStore .window-modal__content .store-locator__result-item.current-store .button { border-color: #73bd00; } .modal--changeStore .window-modal__content input[type="text"] { padding: 0; border: none; border-bottom: 1px solid #d2d2d2; } .modal--changeStore .window-modal__content .input { position: relative; } .modal--changeStore .window-modal__content .input .pseudo-submit { position: absolute; right: 0; bottom: 0; background: white; } .modal--changeStore .window-modal__content .store-locator__form { margin-bottom: 0; } .modal--changeStore .window-modal__content .actions { width: 50%; padding: 1.25rem 0rem 1.25rem 1rem; } .modal--changeStore .window-modal__content .actions .button { margin: .5em 0; } .modal--changeStore .window-modal__content .store-locator__result-content { width: 50%; padding: 1.25rem 1rem 1.25rem 0; } .modal--changeStore .window-modal__content .set-my-store { width: 100%; margin: 0; margin-bottom: 50px; } .modal--changeStore .window-modal__content .options { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .modal--changeStore .window-modal__content .store-locator__result-check:checked + .store-locator__result-content, .modal--changeStore .window-modal__content .store-locator__result-content:hover { background: white; } .modal--changeStore .window-modal__content .item-option .link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .modal--changeStore .window-modal__content .item-option .link .icon { margin-bottom: 10px; cursor: pointer; } .modal--changeStore .window-modal__content .item-option .link .description { font-size: .75rem; } .modal--changeStore .window-modal__content input.stock-toggle { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; width: 53px; height: 24px; background-color: #ffffff; border: 1px solid black; border-radius: 50px; -webkit-box-shadow: inset -20px 0 0 0 #ffffff; box-shadow: inset -20px 0 0 0 #ffffff; -webkit-transition-duration: 200ms; transition-duration: 200ms; min-width: 50px; } .modal--changeStore .window-modal__content input.stock-toggle:before { content: "OFF"; position: absolute; right: 4px; top: 0; font-size: 10px; top: 6px; } .modal--changeStore .window-modal__content input.stock-toggle:after { content: ""; position: absolute; top: 2px; left: 5px; width: 18px; height: 18px; background-color: black; border-radius: 50%; -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2); } .modal--changeStore .window-modal__content input.stock-toggle:checked:before { content: "ON"; left: 4px; } .modal--changeStore .window-modal__content input.stock-toggle:checked:after { right: 5px; left: inherit; -webkit-box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05); box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05); } .modal--changeStore .window-modal__content .my-store { border-bottom: none; } .modal--changeStore .window-modal__content .my-store .product-count { display: none; } .modal--changeStore .window-modal__content .other-stores { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: .875rem; } .modal--changeStore .window-modal__content .other-stores .nearby { width: 40%; } .modal--changeStore .window-modal__content .pdp { border-top: 2px solid black; border-bottom: 2px solid black; padding: 40px 0; } .modal--changeStore .window-modal__content .pdp .font-weight--bold { padding-right: 10px; } .modal--changeStore .window-modal__content .count { margin-bottom: 15px; color: #65a300; padding-left: 10px; } .modal--changeStore .window-modal__content .count.limited { color: #e77615; } .modal--changeStore .window-modal__content .count.oos { color: #dc3a18; }
@media (min-width: 48rem) { .modal--changeStore .window-modal__content { width: 40%; max-width: 550px; padding: 40px 40px 0 40px; position: fixed; height: 100%; } .modal--changeStore .window-modal__content .other-stores { font-size: 1rem; } .modal--changeStore .window-modal__content .other-stores .nearby { width: inherit; } .modal--changeStore .window-modal__content .store-locator__results { overflow: auto; } }
.modal--changeStore.header-change-store .store-inventory-dislaimer { display: none; }
.modal--changeStore.header-change-store .store-locator__result-item.flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.modal--changeStore.header-change-store .actions { margin-bottom: 30px; width: inherit; padding: 0; }
.modal--changeStore.header-change-store .store-locator__result-content { width: inherit; padding: 1.25rem 0; }
.modal--changeStore.header-change-store .set-my-store { width: 100%; margin: 0; margin-bottom: 20px; }
@media (min-width: 48rem) { .modal--changeStore.header-change-store .window-modal__content .store-locator__result-item.flex { -webkit-box-orient: inherit; -webkit-box-direction: inherit; -webkit-flex-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; } .modal--changeStore.header-change-store .window-modal__content .actions { width: 50%; padding: 1.25rem 0rem 1.25rem 1rem; margin-bottom: 0; } .modal--changeStore.header-change-store .window-modal__content .store-locator__result-content { width: 50%; padding: 1.25rem 1rem 1.25rem 0; } .modal--changeStore.header-change-store .window-modal__content .set-my-store { margin-bottom: 20px; } }
@media (max-width: 47.9375rem) { html.cancel-scroll { overflow: hidden; height: 100%; } .window-modal__content { top: 100%; margin-top: auto; } .modal-active .window-modal__content { top: 0; } .modal-in-background .window-modal__content { -webkit-transform: translateY(55%); transform: translateY(55%); } .modal--generic .window-modal__content { min-height: 20rem; padding-top: 2.5rem; padding-right: 1.25rem; padding-left: 1.25rem; padding-bottom: 3.75rem; } .modal--prompt .window-modal__content { min-height: 16rem; padding-top: 2rem; padding-right: 1.25rem; padding-left: 1.25rem; padding-bottom: 3.75rem; } .modal--product-zoom .window-modal__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .modal--small-full { background-color: #FFF; } .modal--small-full .window-modal__content { min-height: 100%; padding-bottom: 3.75rem; } }
@media (min-width: 48rem) { #modal-addressVerification .window-modal__content { max-width: 37.125rem; } }
@media (max-width: 47.9375rem) { #modal-addressVerification .window-modal__content { margin-top: 0; max-width: 90%; margin: 0 auto; } }
#modal-addressVerification .address-validation-title { margin: .325em 0; } @media (max-width: 47.9375rem) { #modal-addressVerification .address-validation-title { text-align: center; } }
#modal-addressVerification .address-validation-tile { margin: 1.5em 0; } @media (max-width: 47.9375rem) { #modal-addressVerification .address-validation-tile { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } }
#modal-addressVerification .address-validation-tile--caption { margin-bottom: .625rem; }
#modal-addressVerification .address-validation-tile--caption--content { line-height: 1.3; margin: 1.5em 0; min-height: 3.75rem; } @media (max-width: 47.9375rem) { #modal-addressVerification .address-validation-tile--caption--content { margin: 1em 0; min-height: auto; } }
#modal-addressVerification .address-validation-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 48rem) { #modal-addressVerification .address-validation-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }
#modal-addressVerification .button { margin-left: 0; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; min-width: 9.0625rem; }
.product-tile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .product-tile .price { font-size: 0.875rem; font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; font-weight: 700; margin-bottom: 0; } .product-tile .price .tiered { font-size: 0.875em; } .product-tile .price .tiered .value { font-weight: bold; } .product-tile .price .value.sales--price { color: #dc3a18; } .product-tile .price .savings { display: none; } .product-tile .price .price__original { font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif; }
.product-tile--default { position: relative; overflow: hidden; }
.product-tile--overlay { padding: 1.25rem; }
.product-tile__anchor { display: block; }
.product-tile__header { position: relative; }
.product-tile__body { position: relative; padding-top: 1rem; padding-bottom: .5rem; }
.product-tile__footer { position: relative; min-height: 3.5rem; margin-top: auto; }
.product-tile__media--default { display: block; overflow: hidden; position: relative; } .product-tile__media--default:before { display: block; content: ''; padding-bottom: 100%; width: 100%; } .product-tile__media--default:hover .product-tile__image { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; mix-blend-mode: initial; } .product-tile__media--default:hover .product-tile__image--secondary.lazyloaded { opacity: 1; visibility: inherit; } .product-tile__media--default:before { background-color: #F2F2F2; }
.product-tile__image { max-height: none; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; mix-blend-mode: darken; } .product-tile__image.product-tile--fabric { -webkit-transform: scale(1.3); transform: scale(1.3); }
.product-tile__image--secondary { opacity: 0; visibility: hidden; }
.product-tile__body-section { font-size: 0.75rem; } .product-tile__body-section:not(:first-child) { margin-top: .5rem; }
.product-tile__swatches { margin-top: auto; }
.product-tile__swatches + .product-tile__footer { margin-top: auto; }
.product-tile__swatch:not(:last-child) { margin-right: .5rem; }
.product-tile__swatch:first-of-type { margin-left: 0; }
.product-tile__quickview { position: absolute; top: 0; right: 1rem; margin-top: 100%; -webkit-transform: translateY(calc(-100% - 1rem)); transform: translateY(calc(-100% - 1rem)); opacity: 0; } .product-tile:hover .product-tile__quickview, .product-tile__quickview:focus { opacity: 1; }
.product-tile__wishlist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 0; right: 0; padding: .5em; } .product-tile__wishlist .product-tile__wishlist-add { fill: #FFF; } .product-tile__wishlist.set--in-wishlist .product-tile__wishlist-add { display: none; } .product-tile__wishlist.set--in-wishlist .product-tile__wishlist-remove { display: block; fill: #dc3a18; }
.product-tile__wishlist-remove { display: none; }
@media (min-width: 48rem) { .product-tile .product-add__container { position: absolute; width: 100%; top: 0px; bottom: 0; -webkit-transition: all .4s; transition: all .4s; z-index: 1; opacity: 0; } .product-tile .product-add__container .product-add__button { margin: 0; } .product-tile:hover .product-add__container { opacity: 1; } .product-tile:hover .product-tile__swatches { opacity: 0; } .product-tile:hover .ratings { display: none; } .product-tile .product-add__button:hover .product-add__container { opacity: 0; } }
.project-recommendations-container .price { display: none; }
.project-recommendations-container .product-tile__swatches { display: none; }
.project-recommendations-container .product-add__container { display: none; }
.quickview__main { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.quickview__attribute-list,
.quickview__availability { margin-top: 1.5rem; }
.quickview__promotions { margin-bottom: .75rem; }
@media (min-width: 48rem) { .quickview__footer { margin-top: auto; } }
@media (max-width: 47.9375rem) { .quickview__footer { margin-top: 2rem; } }
@media (min-width: 64.0625rem) { .content-grid { margin-top: -0.5rem; margin-bottom: -0.5rem; } .content-grid__item { margin-top: 0.5rem; margin-bottom: 0.5rem; } [class*="masonry-grid__column"]:not(:last-child) { margin-bottom: 1rem; } }
@media (min-width: 48rem) and (max-width: 64rem) { .content-grid { margin-top: -0.25rem; margin-bottom: -0.25rem; } .content-grid__item { margin-top: 0.25rem; margin-bottom: 0.25rem; } [class*="masonry-grid__column"]:not(:last-child) { margin-bottom: 0.5rem; } }
@media (min-width: 48rem) { .masonry-grid--4up { position: relative; } .masonry-grid--4up:before { display: block; content: ''; padding-bottom: 64.81203%; width: 100%; } .masonry-grid--3up { position: relative; } .masonry-grid--3up:before { display: block; content: ''; padding-bottom: 47.5188%; width: 100%; } .masonry-grid__column-grow-1 { -webkit-box-flex: 1; -webkit-flex: 1 1 25%; -ms-flex: 1 1 25%; flex: 1 1 25%; } .masonry-grid__column-grow-2 { -webkit-box-flex: 2; -webkit-flex: 2 1 50%; -ms-flex: 2 1 50%; flex: 2 1 50%; } .masonry-grid__column-grow-3 { -webkit-box-flex: 3; -webkit-flex: 3 1 75%; -ms-flex: 3 1 75%; flex: 3 1 75%; } .masonry-grid__column-grow-4 { -webkit-box-flex: 4; -webkit-flex: 4 1 100%; -ms-flex: 4 1 100%; flex: 4 1 100%; } }
@media (max-width: 47.9375rem) { .content-grid__item, .masonry-grid__item { margin-bottom: 1.25rem; } }
.promo-banner { padding-top: .25rem; padding-bottom: .25rem; }
.promo-banner__actions { margin-left: .25rem; }
.promo-banner__cta:not(:last-child) { margin-right: .25rem; }
.hero .slick-arrow,
.hero .icon--hero { height: 5rem; width: 5rem; cursor: pointer; }
.hero .content-hpos--left .text-and-image__container:not([class*=gutter--outer]) { margin-left: 7vw; }
.hero .content-hpos--right .text-and-image__container:not([class*=gutter--outer]) { margin-right: 7vw; }
.hero .content-vpos--top .text-and-image__container:not([class*=buffer--outer]) { margin-top: 5vw; }
.hero .content-vpos--bottom .text-and-image__container:not([class*=buffer--outer]) { margin-bottom: 5vw; }
.content-tile { position: relative; } .content-tile:hover .content-tile__title, .content-tile:hover .content-tile__description { opacity: .75; }
.content-tile--ratio-inherit { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
.content-tile__aspect-ratio--inherit { min-height: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; } .content-tile__aspect-ratio--inherit:before { display: block; content: ''; padding-bottom: 103.125%; width: 100%; }
.content-tile--style-default.content-tile--size-large .content-tile__title { font-size: 2.5rem; } @media screen and (min-width: 47.9375rem) { .content-tile--style-default.content-tile--size-large .content-tile__title { font-size: calc(2.5rem + 1 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .content-tile--style-default.content-tile--size-large .content-tile__title { font-size: 3.5rem; } }
.content-tile--style-default.content-tile--size-regular .content-tile__title { font-size: 2rem; } @media screen and (min-width: 47.9375rem) { .content-tile--style-default.content-tile--size-regular .content-tile__title { font-size: calc(2rem + 0.5 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .content-tile--style-default.content-tile--size-regular .content-tile__title { font-size: 2.5rem; } }
.content-tile--style-default.content-tile--size-small .content-tile__title { font-size: 1.25rem; } @media screen and (min-width: 47.9375rem) { .content-tile--style-default.content-tile--size-small .content-tile__title { font-size: calc(1.25rem + 0.5 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .content-tile--style-default.content-tile--size-small .content-tile__title { font-size: 1.75rem; } }
.content-tile--style-feature.content-tile--size-large .content-tile__title { font-size: 2.5rem; } @media screen and (min-width: 47.9375rem) { .content-tile--style-feature.content-tile--size-large .content-tile__title { font-size: calc(2.5rem + 2.625 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .content-tile--style-feature.content-tile--size-large .content-tile__title { font-size: 5.125rem; } }
.content-tile--style-feature.content-tile--size-regular .content-tile__title { font-size: 2.5rem; } @media screen and (min-width: 47.9375rem) { .content-tile--style-feature.content-tile--size-regular .content-tile__title { font-size: calc(2.5rem + 1 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .content-tile--style-feature.content-tile--size-regular .content-tile__title { font-size: 3.5rem; } }
.content-tile--style-feature.content-tile--size-small .content-tile__title { font-size: 2rem; } @media screen and (min-width: 47.9375rem) { .content-tile--style-feature.content-tile--size-small .content-tile__title { font-size: calc(2rem + 0.5 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .content-tile--style-feature.content-tile--size-small .content-tile__title { font-size: 2.5rem; } }
.content-tile__aspect-ratio--square { position: relative; } .content-tile__aspect-ratio--square:before { display: block; content: ''; padding-bottom: 104.16667%; width: 100%; }
.content-tile__aspect-ratio--wide { position: relative; } .content-tile__aspect-ratio--wide:before { display: block; content: ''; padding-bottom: 71.42857%; width: 100%; }
.content-tile__aspect-ratio--tall { position: relative; } .content-tile__aspect-ratio--tall:before { display: block; content: ''; padding-bottom: 140%; width: 100%; }
.content-tile__content-wrap { z-index: 1; }
.content-tile__title,
.content-tile__description { -webkit-transition: opacity 107ms ease-in-out; transition: opacity 107ms ease-in-out; }
.content-tile__actions { margin-right: -.25rem; margin-left: -.25rem; }
.content-tile__cta { margin-right: .25rem; margin-left: .25rem; } .content-tile__cta:not(:last-child) { margin-bottom: .75rem; }
@media (min-width: 64.0625rem) { .content-tile--style-feature .content-tile__content-wrap.set--text-overlay, .content-tile--style-feature .content-tile__content-wrap.set--text-overlay-large { padding-right: 2.75rem; padding-left: 2.75rem; } }
@media (min-width: 48rem) and (max-width: 64rem) { .content-tile--style-feature .content-tile__content-wrap.set--text-overlay, .content-tile--style-feature .content-tile__content-wrap.set--text-overlay-large { padding-right: 2rem; padding-left: 2rem; } }
@media (min-width: 48rem) { .content-tile--style-default .content-tile__content-wrap.set--text-overlay, .content-tile--style-default .content-tile__content-wrap.set--text-overlay-large { padding-right: 2rem; padding-left: 2rem; } .content-tile--style-default .content-tile__description { margin-top: .5em; } .content-tile--style-default .content-tile__actions:not(:first-child) { margin-top: 1rem; } .content-tile--style-feature .content-tile__description { margin-top: .8125rem; } .content-tile--style-feature .content-tile__actions:not(:first-child) { margin-top: 2rem; } .content-tile__content-wrap.set--text-overlay, .content-tile__content-wrap.set--text-overlay-large { padding-top: 1.875rem; padding-bottom: 1.875rem; } .content-tile__content-wrap.set--text-after, .content-tile__content-wrap.set--text-after-large { padding-top: 1rem; } .content-tile__content-wrap.set--text-before, .content-tile__content-wrap.set--text-before-large { padding-bottom: 1rem; } }
@media (max-width: 47.9375rem) { .content-tile__content-wrap.set--text-overlay, .content-tile__content-wrap.set--text-overlay-small { padding: 1.35rem; } .content-tile__content-wrap.set--text-after, .content-tile__content-wrap.set--text-after-small { padding-top: .75rem; } .content-tile__content-wrap.set--text-before, .content-tile__content-wrap.set--text-before-small { padding-bottom: .75rem; } .content-tile__description { margin-top: .35rem; } .content-tile__actions:not(:first-child) { margin-top: .825rem; } }
.hero,
.hero__aspect-ratio { position: relative; }
.hero--size-large .hero__title { font-size: 4.375rem; } @media screen and (min-width: 47.9375rem) { .hero--size-large .hero__title { font-size: calc(4.375rem + 4.5 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .hero--size-large .hero__title { font-size: 8.875rem; } }
.hero--size-regular .hero__title { font-size: 2.5rem; } @media screen and (min-width: 47.9375rem) { .hero--size-regular .hero__title { font-size: calc(2.5rem + 2.625 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .hero--size-regular .hero__title { font-size: 5.125rem; } }
.hero--size-small .hero__title { font-size: 2rem; } @media screen and (min-width: 47.9375rem) { .hero--size-small .hero__title { font-size: calc(2rem + 1 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .hero--size-small .hero__title { font-size: 3rem; } }
.hero__actions { margin-right: -.5rem; margin-left: -.5rem; }
.hero__cta { margin-right: .5rem; margin-left: .5rem; } .hero__cta:not(:last-child) { margin-bottom: 1.25rem; }
@media (min-width: 90.0625rem) { .hero__aspect-ratio:before { display: block; content: ''; } .hero__aspect-ratio--main:before { height: 43.75rem; } .hero__aspect-ratio--slim:before { height: 31.25rem; } .hero__aspect-ratio--hairline:before { height: 18.75rem; } }
@media (min-width: 48rem) and (max-width: 90rem) { .hero__aspect-ratio--main { position: relative; } .hero__aspect-ratio--main:before { display: block; content: ''; padding-bottom: 48.61111%; width: 100%; } .hero__aspect-ratio--slim { position: relative; } .hero__aspect-ratio--slim:before { display: block; content: ''; padding-bottom: 34.72222%; width: 100%; } .hero__aspect-ratio--hairline { position: relative; } .hero__aspect-ratio--hairline:before { display: block; content: ''; padding-bottom: 20.83333%; width: 100%; } }
@media (min-width: 48rem) { .hero__content-wrap { padding-top: 3.75rem; padding-bottom: 3.75rem; } .hero__description { margin-top: .5em; max-width: 40rem; } .text-align--center .hero__description { margin-left: auto; margin-right: auto; } .text-align--right .hero__description { margin-left: auto; } .hero__actions { margin-top: 1.75rem; } }
@media (max-width: 47.9375rem) { .hero__aspect-ratio--main { position: relative; } .hero__aspect-ratio--main:before { display: block; content: ''; padding-bottom: 142.93333%; width: 100%; } .hero__aspect-ratio--slim, .hero__aspect-ratio--hairline { position: relative; } .hero__aspect-ratio--slim:before, .hero__aspect-ratio--hairline:before { display: block; content: ''; padding-bottom: 42.66667%; width: 100%; } .hero__content-wrap { padding-top: 2rem; padding-bottom: 2rem; } .hero-carousel .hero__content-wrap.set--text-after, .hero-carousel .hero__content-wrap.set--text-after-small { padding-bottom: 4rem; } .hero__description { margin-top: .875em; } .hero__actions { margin-top: 1.95rem; } }
.descriptive-card { border: solid 0.0625rem #E6E9ED; }
.descriptive-card--size-large .descriptive-card__title { font-size: 2.5rem; } @media screen and (min-width: 47.9375rem) { .descriptive-card--size-large .descriptive-card__title { font-size: calc(2.5rem + 1.875 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .descriptive-card--size-large .descriptive-card__title { font-size: 4.375rem; } }
.descriptive-card--size-regular .descriptive-card__title { font-size: 2rem; } @media screen and (min-width: 47.9375rem) { .descriptive-card--size-regular .descriptive-card__title { font-size: calc(2rem + 1 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .descriptive-card--size-regular .descriptive-card__title { font-size: 3rem; } }
.descriptive-card--size-small .descriptive-card__title { font-size: 2rem; } @media screen and (min-width: 47.9375rem) { .descriptive-card--size-small .descriptive-card__title { font-size: calc(2rem + 0.5 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .descriptive-card--size-small .descriptive-card__title { font-size: 2.5rem; } }
.descriptive-card__actions { margin-right: -.75rem; margin-left: -.75rem; }
.descriptive-card__cta { margin-right: .75rem; margin-left: .75rem; } .descriptive-card__cta:not(:last-child) { margin-bottom: 1.5rem; }
@media (min-width: 48rem) { .descriptive-card:not(:last-child) { margin-bottom: 5.25rem; } .descriptive-card__media { position: relative; } .descriptive-card__media:before { display: block; content: ''; padding-bottom: 61.24031%; width: 100%; } .descriptive-card__background { padding-top: 1.8rem; padding-bottom: 2.25rem; } .descriptive-card__description { margin-top: .25em; } .descriptive-card__actions { margin-top: 1.5rem; } }
@media (max-width: 47.9375rem) { .descriptive-card:not(:last-child) { margin-bottom: 1.875rem; } .descriptive-card__media { position: relative; } .descriptive-card__media:before { display: block; content: ''; padding-bottom: 62.5%; width: 100%; } .descriptive-card__background { padding-top: 3rem; padding-bottom: 3.5rem; } .descriptive-card__description { margin-top: .875em; } .descriptive-card__actions { margin-top: 1.75rem; } }
.media-collection-item--size-large .media-collection-item__title { font-size: 3rem; } @media screen and (min-width: 47.9375rem) { .media-collection-item--size-large .media-collection-item__title { font-size: calc(3rem + 2.125 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .media-collection-item--size-large .media-collection-item__title { font-size: 5.125rem; } }
.media-collection-item--size-regular .media-collection-item__title { font-size: 2.5rem; } @media screen and (min-width: 47.9375rem) { .media-collection-item--size-regular .media-collection-item__title { font-size: calc(2.5rem + 0.5 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .media-collection-item--size-regular .media-collection-item__title { font-size: 3rem; } }
.media-collection-item--size-small .media-collection-item__title { font-size: 2rem; } @media screen and (min-width: 47.9375rem) { .media-collection-item--size-small .media-collection-item__title { font-size: calc(2rem + 0.5 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .media-collection-item--size-small .media-collection-item__title { font-size: 2.5rem; } }
.media-collection-item__description { margin-top: .875em; }
.media-collection-item__actions { margin-right: -.25rem; margin-left: -.25rem; }
.media-collection-item__cta { margin-right: .25rem; margin-left: .25rem; } .media-collection-item__cta:not(:last-child) { margin-bottom: .75rem; }
@media (min-width: 48rem) { .media-collection__col:nth-child(n + 3) { margin-top: 2rem; } .media-collection-item__content-wrap { padding: 3.5rem 1.5rem; } .media-collection-item__actions { margin-top: 2.125rem; } .media-collection-item__product-list:not(:first-child) { margin-top: 3.125rem; } }
@media (max-width: 47.9375rem) { .media-collection__col:not(:last-child) { margin-bottom: 2rem; } .media-collection-item__content-wrap { padding: 1.5rem 1rem; } .media-collection-item__actions { margin-top: 1rem; } .media-collection-item__product-list:not(:first-child) { margin-top: 2.25rem; } }
.product-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: grid; grid-template-rows: auto; -ms-grid-rows: auto; grid-template-columns: auto; grid-auto-flow: dense; } .product-grid > * { min-width: 0; }
.product-grid__item .product,
.product-grid__item .promo { padding: 1em; }
.product-grid__item .product,
.product-grid__item .product-tile,
.product-grid__item .promo { height: 100%; }
.span--0 { -ms-grid-column-span: 0; grid-column: span 0; }
.span--1 { -ms-grid-column-span: 1; grid-column: span 1; }
.span--2 { -ms-grid-column-span: 2; grid-column: span 2; }
.span--3 { -ms-grid-column-span: 3; grid-column: span 3; }
.span--4 { -ms-grid-column-span: 4; grid-column: span 4; }
.span--5 { -ms-grid-column-span: 5; grid-column: span 5; }
.span--full { grid-column-start: 1; grid-column-end: -1; -webkit-box-flex: 99; -webkit-flex: 99; -ms-flex: 99; flex: 99; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
@media (max-width: 47.9375rem) { .product-grid { grid-template-columns: 1fr 1fr; -ms-grid-columns: 1fr 1fr; } .product-grid .span--2, .product-grid .span--3, .product-grid .span--4, .product-grid .span--5 { -ms-grid-column-span: 2; grid-column: span 2; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .product-grid__item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } }
@media (min-width: 48rem) and (max-width: 64rem) { .product-grid { grid-template-columns: 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr; } .product-grid .span--2 { -webkit-flex-basis: 66.66%; -ms-flex-preferred-size: 66.66%; flex-basis: 66.66%; } .product-grid .span--3, .product-grid .span--4, .product-grid .span--5 { -ms-grid-column-span: 3; grid-column: span 3; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .product-grid__item { -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; } }
@media (min-width: 64.0625rem) and (max-width: 90rem) { .product-grid { grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; } .product-grid .span--2 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .product-grid .span--3 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; } .product-grid .span--4, .product-grid .span--5 { -ms-grid-column-span: 4; grid-column: span 4; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .product-grid__item { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } }
@media (min-width: 90.0625rem) { .product-grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; } .product-grid .span--2 { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; } .product-grid .span--3 { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; } .product-grid .span--4 { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; } .product-grid .span--5 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .product-grid__item { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; } }
@media (min-width: 120.0625rem) { .product-grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .product-grid .span--2 { -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; } .product-grid .span--3 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .product-grid .span--4 { -webkit-flex-basis: 67.66%; -ms-flex-preferred-size: 67.66%; flex-basis: 67.66%; } .product-grid .span--5 { -webkit-flex-basis: 83.33%; -ms-flex-preferred-size: 83.33%; flex-basis: 83.33%; } .product-grid .span--6 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .product-grid__item { -webkit-flex-basis: 16.66%; -ms-flex-preferred-size: 16.66%; flex-basis: 16.66%; } }
.product-list__carousel.slick-initialized { max-width: calc(100% - 4.75rem); margin-left: auto; margin-right: auto; }
.product-list__carousel:not(.slick-initialized) { padding-right: 3.125rem; padding-left: 3.125rem; }
.product-list__carousel--title { font-size: 1.25rem; } @media screen and (min-width: 47.9375rem) { .product-list__carousel--title { font-size: calc(1.25rem + 0.25 * ((100vw - 47.9375rem) / 42.0625)); } } @media screen and (min-width: 90rem) { .product-list__carousel--title { font-size: 1.5rem; } }
.pdp__recommendations { margin-top: 4.125rem; margin-bottom: 1.5rem; } @media (min-width: 48rem) { .pdp__recommendations { position: relative; margin-top: 6.1875rem; margin-bottom: 6.4375rem; } } .pdp__recommendations .pdp-recommendations-header--title { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; text-transform: lowercase; font-size: 1.5rem; position: absolute; top: -60.5px; left: 0; right: 0; margin-left: auto; margin-right: auto; } .pdp__recommendations .pdp-recommendations-header--title span { margin-left: .375rem; font-family: "felisha-regular"; font-size: 2rem; }
@media (max-width: 47.9375rem) { .product-list__carousel.slick-initialized { max-width: 66%; margin-left: auto; margin-right: auto; } .product-list__carousel .slick-dots { padding-top: 1rem; padding-bottom: 1rem; } }
.product-list__carousel--recently { margin-bottom: 4.125rem; }
@media (min-width: 48rem) { .product-grid__item--hover .product-tile .BVInlineRatings { display: none; } .product-grid__item--hover .product-tile:hover { -webkit-box-shadow: 0px 2px 4px 1px #E6E6E6; box-shadow: 0px 2px 4px 1px #E6E6E6; } .product-grid__item--hover .product-tile:hover .product-tile__header { z-index: -1; } .product-grid__item--hover .product-tile:hover .product-tile__body, .product-grid__item--hover .product-tile:hover .product-tile__footer { opacity: 1; } .product-grid__item--hover .product-tile .product-add__container { top: -40px; } .product-grid__item--hover .product-tile__header { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; max-height: 16.625rem; } .product-grid__item--hover .product-tile__body { position: relative; -webkit-transition: all .4s; transition: all .4s; text-align: center; padding: 2.3125rem 1.5rem; height: 12.6875rem; } .product-grid__item--hover .product-tile__body-section { margin-top: 0; } .product-grid__item--hover .product-tile__footer { padding: 1em; } .product-grid__item--hover .product-tile__body, .product-grid__item--hover .product-tile__footer { opacity: 0; background-color: #FFF; } .product-grid__item--hover .product-add__container { position: relative; } .product-grid__item--hover p.product-tile__body-section, .product-grid__item--hover .value { font-weight: 700; font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; font-size: 0.875rem; } .product-grid__item--hover .price { -webkit-flex-wrap: unset; -ms-flex-wrap: unset; flex-wrap: unset; } .product-grid__item--hover .product-tile__wishlist { display: none; } .product-grid__item--hover .product-add__button { max-width: 9.25rem; } .product-grid__item--hover .product-tile__swatches { display: none; } }
.html-block--size-large { font-size: 1.25rem; }
.html-block--size-small { font-size: 0.875rem; }
.html-block__copy:not(:only-child).set--text-after { margin-top: 2rem; }
.html-block__copy:not(:only-child).set--text-before { margin-bottom: 2rem; }
.html-block__actions { margin-right: -.5rem; margin-left: -.5rem; } .html-block__actions:not(:only-child) { margin-top: 2rem; }
.html-block__cta { margin-right: .5rem; margin-left: .5rem; } .html-block__cta:not(:last-child) { margin-bottom: 1rem; }
@media (min-width: 48rem) { .html-block:not(:last-child), .html-block-list__item:not(:last-child) { margin-bottom: 2rem; } .html-block__copy:not(:only-child).set--text-after-large { margin-top: 2rem; } .html-block__copy:not(:only-child).set--text-before-large { margin-bottom: 2rem; } }
@media (max-width: 47.9375rem) { .html-block:not(:last-child), .html-block-list__item:not(:last-child) { margin-bottom: 3rem; } .html-block__copy:not(:only-child).set--text-after-small { margin-top: 2rem; } .html-block__copy:not(:only-child).set--text-before-small { margin-bottom: 2rem; } }
.text-and-image__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .text-and-image__container.buttons--top { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .text-and-image__container.buttons--right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .text-and-image__container.buttons--left { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .text-and-image__container.buttons--bottom .button__container { margin-top: auto; }
.video__container { border: 1px solid transparent; }
.image__container { overflow: hidden; } .image__container:not([class*=buffer]):not([class*=margin]) { margin-bottom: 1rem; }
.image__frame { width: 100%; }
.image__content { width: 100%; }
.text__content { font-family: "avenir-regular", sans-serif; line-height: 1.5; } .text__content .hat-text:not([class*=font-family]) { font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; } .text__content .hat-text:not([class*=font-size]) { font-size: 1rem; } .text__content .title-text:not([class*=font-family]) { font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; } .text__content .title-text:not([class*=font-size]):not([class*=heading-type]) { font-size: 2.5rem; } .text__content .subtitle-text:not([class*=font-family]) { font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; } .text__content .subtitle-text:not([class*=font-size]) { font-size: 1.25rem; } .text__content .description-text:not([class*=font-family]) { font-family: "avenir-regular", Montserrat, Helvetica, Arial, sans-serif; } .text__content .description-text:not([class*=font-size]) { font-size: 1.25rem; }
.button-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.button-layout--stack { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.button-layout--flat { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.clickable--all, .clickable--hide-buttons { cursor: pointer; }
.clickable--hide-buttons .button-group { display: none; }
[class*=content-width] { max-width: 100vw; }
.content-width--small { width: 16rem; }
.content-width--medium { width: 20rem; }
.content-width--large { width: 24rem; }
.content-width--huge { width: 28rem; }
.content-width--giant { width: 32rem; }
.content-width--titan { width: 36rem; }
.content-width--full { width: calc(100% - 2rem); max-width: calc(100vw - 2rem); }
.content-width--full-bleed { width: 100%; max-width: 100vw; }
.content-scroll-mobile--medium { max-height: 10rem; overflow-y: scroll; }
.content-layout--it-b { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-layout--it-b .image__container:not([class*=flex--]), .content-layout--it-b .text__container { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .content-layout--it-b .button__container { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
.content-layout--itb { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-layout--itb .text__container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
@media (max-width: 47.9375rem) { .text-and-image__container.buttons--top--mobile { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .text-and-image__container.buttons--right--mobile { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .text-and-image__container.buttons--left--mobile { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .text-and-image__container.buttons--bottom--mobile .button__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: auto; } }
.positioner { position: relative; height: 100%; }
.positioner-frame { width: 100%; height: 100%; }
.positioner__background { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; }
.positioner__background-frame { height: 100%; width: 100%; }
.positioner__background-image { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
.positioner__foreground { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 1; pointer-events: none; top: 0; }
.content-hpos--default { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.content-hpos--left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.content-hpos--center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.content-hpos--right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
.content-vpos--default { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.content-vpos--top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.content-vpos--middle { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.content-vpos--bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.positioner__content { margin: 1em; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; pointer-events: auto; z-index: 1; max-width: 100%; } .positioner__content .text-and-image__container:not([class*=buffer]) { padding-top: 1em; padding-bottom: 1em; } .positioner__content .text-and-image__container:not([class*=gutter]) { padding-left: 1em; padding-right: 1em; }
.positioner--fit-image .positioner__foreground { position: absolute; top: 0; }
.positioner--fit-content .positioner__background { position: absolute; top: 0; }
.hero .positioner--fit-default .positioner__foreground,
.large-video .positioner--fit-default .positioner__foreground,
.tall-3x1 .positioner--fit-default .positioner__foreground,
.large-2x1 .positioner--fit-default .positioner__foreground,
.video-2x1 .positioner--fit-default .positioner__foreground,
.card-panel .positioner--fit-default .positioner__foreground,
.nx1 .positioner--fit-default .positioner__foreground { position: absolute; top: 0; }
.home-asset-col .positioner--fit-default .positioner__background,
.short-3x1 .positioner--fit-default .positioner__background,
.promo .positioner--fit-default .positioner__background { position: absolute; top: 0; }
@media (min-width: 48rem) { .positioner__background--mobile { display: none; } }
@media (max-width: 47.9375rem) { .positioner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .positioner__background--desktop { display: none; } .positioner--mobile-fit-stack .positioner__foreground, .positioner--mobile-fit-stack .positioner__background { position: static; } .positioner--mobile-fit-stack-reverse { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .positioner--mobile-fit-stack-reverse .positioner__foreground, .positioner--mobile-fit-stack-reverse .positioner__background { position: static; } .positioner--mobile-fit-stack-reverse .positioner__foreground { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .positioner--mobile-fit-overlay .positioner__foreground { position: static; } .positioner--mobile-fit-overlay .positioner__background { position: absolute; top: 0; } .positioner--mobile-fit-centered-overlay .positioner__foreground { position: static; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .positioner--mobile-fit-centered-overlay .positioner__background { position: absolute; top: 0; } .positioner--mobile-fit-overlap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .positioner--mobile-fit-overlap .positioner__foreground { position: static; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin: -10em auto 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .positioner--mobile-fit-overlap .positioner__background { position: static; } .positioner--mobile-fit-banner .positioner__foreground { position: absolute; top: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .positioner--mobile-fit-banner .positioner__background { position: static; } .positioner--mobile-fit-centered-banner .positioner__foreground { position: absolute; top: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .positioner--mobile-fit-centered-banner .positioner__background { position: static; } }
input.subscription-banner__field { border: none; border-bottom: 1px solid #000; border-radius: 0; text-align: center; }
@media (min-width: 48rem) { .subscription-banner { padding-top: 1.25rem; padding-bottom: 1.25rem; } }
@media (min-width: 64.0625rem) { input.subscription-banner__field { text-align: left; } .subscription-banner__description { margin-bottom: .85em; text-align: center; } }
@media (max-width: 47.9375rem) { .subscription-banner { padding-top: 1rem; padding-bottom: 1.5rem; } }
.subscription-banner .subscription-banner__form.set--form-complete { display: none; }
@media (min-width: 48rem) { .featured-categories__category-image { margin: 0 auto; } .featured-categories__category-container { margin-bottom: 3.0625rem; } .featured-categories__title-text { margin-bottom: .5rem; } }
@media (max-width: 47.9375rem) { .featured-categories__category-container { margin-bottom: 2.5rem; } }
.visual-nav__button.black-btn { color: #FFF; background-color: #000; border: 1px solid #FFF; }
.visual-nav__button.white-btn { color: #000; background-color: #FFF; border: 1px solid #000; }
.visual-nav__button.trans-btn { color: #FFF; }
.visual-nav__button.trans-btn-black { color: #000; }
.visual-nav-buttons.center .visual-nav__buttons--wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
@media (min-width: 48rem) { .visual-navigation__list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .visual-nav__buttons--wrapper.slick-initialized { max-width: 69.25rem; padding: 0rem 4rem; } .visual-nav__buttons--wrapper.slick-initialized.max-width { max-width: 100%; } }
@media (max-width: 47.9375rem) { .visual-navigation__list { -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; overflow-x: scroll; padding-bottom: 1rem; } .visual-nav-buttons.slick-initialized { display: block; max-width: 90%; margin: 0 auto; } .visual-nav-buttons.slick-initialized .visual-nav__button { min-width: 15rem; } .visual-nav__buttons--wrapper:not(.slick-initialized) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .visual-nav__buttons--wrapper .slick-list { overflow: hidden; } .visual-nav__buttons--wrapper .slick-next { right: -2rem; } .visual-nav__buttons--wrapper .slick-prev { left: -2rem; } }
.visual-nav { margin-top: 2em; margin-bottom: 2em; color: #32323B; } .visual-nav__title-text h3 { font-size: 1.25rem; margin: 0; } .visual-nav__category { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 1em; } .visual-nav__category-container { padding: 1em; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 120px; } .visual-nav__category-image { height: 120px; width: 120px; -o-object-fit: contain; object-fit: contain; } .visual-nav__category-image__frame-style--round { border-radius: 50%; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .visual-nav__category-name { margin-top: .5em; }
.visual-nav__button { padding: 0 1em; border: 1px solid #d2d2d2; }
@media (max-width: 47.9375rem) { .visual-nav { margin: 0.5em; } .visual-nav__categories { overflow-x: scroll; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-left: 0; } .visual-nav__category { border-radius: .5em; border-width: 2px; border-style: solid; } .visual-nav__category.horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 0.5em; } .visual-nav__category.horizontal .visual-nav__category-image { height: 60px; width: 60px; } .visual-nav__category.horizontal .visual-nav__category-name { margin: .5em; } }
.ratings__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 0.85; }
.ratings__stars__container { width: auto; position: relative; display: inline-block; } .ratings__stars__container svg { height: 1rem; width: 1rem; margin: 0; }
.ratings__stars--foreground { position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; display: inline-block; }
.ratings__stars--background { display: inline-block; }
.ratings__count { font-size: .75rem; margin-left: .5rem; }
.large-2x1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative; } .large-2x1 .positioner__wrapper { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 20rem; }
.large-2x1__wrapper { display: block; margin: auto; width: 100%; position: relative; }
@media (min-width: 48rem) { .large-2x1 .positioner__wrapper:first-of-type { margin-right: .5rem; } .large-2x1 .positioner__wrapper:last-of-type { margin-left: .5rem; } }
@media (max-width: 47.9375rem) { .large-2x1 .positioner__wrapper { margin: 1em 0; } }
.tall-3x1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative; } .tall-3x1 .positioner__wrapper { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 20rem; } .tall-3x1 .positioner__background { padding-bottom: 5rem; } .tall-3x1 .text-and-image__container { border-width: 0; border-bottom-width: 4px; border-style: solid; } .tall-3x1 .text-and-image__container:not([class*=border]) { border-color: #73bd00; } .tall-3x1 .content-vpos--default { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.tall-3x1__wrapper { display: block; margin: auto; width: 100%; position: relative; }
@media (min-width: 48rem) { .tall-3x1 .positioner__wrapper:first-of-type { margin-right: .5rem; } .tall-3x1 .positioner__wrapper:last-of-type { margin-left: .5rem; } }
@media (max-width: 47.9375rem) { .tall-3x1 .positioner__wrapper { margin: 1em 0; } }
.short-3x1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative; } .short-3x1 .positioner__wrapper { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 20rem; }
.short-3x1__wrapper { display: block; margin: auto; width: 100%; position: relative; }
@media (min-width: 48rem) { .short-3x1 .positioner__wrapper:first-of-type { margin-right: 1rem; } .short-3x1 .positioner__wrapper:last-of-type { margin-left: 1rem; } }
@media (max-width: 47.9375rem) { .short-3x1 .positioner__wrapper { margin: 1em 0; } }
.subevent-3x1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative; } .subevent-3x1 .text-and-image__container { height: 100%; } .subevent-3x1 .slick-dots button:after { -webkit-filter: invert(100%); filter: invert(100%); }
.subevent-3x1__wrapper { display: block; margin: auto; width: 100%; position: relative; }
@media (min-width: 48rem) { .subevent-3x1__title { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } .subevent-3x1__content { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .subevent-3x1__content .slick-list { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .subevent-3x1__content .slick-track { height: 100%; min-width: 100%; } }
@media (max-width: 47.9375rem) { .subevent-3x1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }
.card-panel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative; } .card-panel:not([class*=buffer]) { padding-bottom: 3.5rem; } .card-panel .text-and-image__container { padding: 2rem; border-style: solid; height: 100%; width: 100%; } .card-panel .text-and-image__container:not([class*=border-width]) { border-width: 1px; }
.card-panel__wrapper { display: block; margin: auto; width: 100%; position: relative; }
@media (max-width: 47.9375rem) { .card-panel .positioner__wrapper { margin: 1em 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .card-panel .text-and-image__container { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } }
.coupon-grid { max-width: 1920px; margin: auto; } .coupon-grid .slick-track { max-width: unset; } .coupon-grid .coupon__wrapper { min-width: 300px; -webkit-flex-basis: 300px; -ms-flex-preferred-size: 300px; flex-basis: 300px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .coupon-grid .coupon__wrapper > * { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .coupon-grid .coupon-body { margin: 0 .75em; padding: 0 1em 1em; border: 1px dashed #d2d2d2; border-top: 4px solid #73bd00; max-width: unset; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .coupon-grid .coupon-body .cta__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .coupon-grid .coupon-body .cta__content-cta { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .coupon-grid .coupon__pre-header { -webkit-box-flex: 0; -webkit-flex: 0 0 3em; -ms-flex: 0 0 3em; flex: 0 0 3em; line-height: 3em; } .coupon-grid .coupon__content-title { padding-bottom: .25em; color: #000; } .coupon-grid .coupon__content-barcode { max-height: 200px; } .coupon-grid .coupon__content-barcode img { width: 100%; height: auto; } .coupon-grid .coupon__availability { border-bottom: 1px solid #d2d2d2; margin: 0 -1em; max-width: unset; } .coupon-grid .coupon__promo-title { padding-bottom: .5em; } .coupon-grid .coupon__exclusion { max-width: unset; border-top: 1px solid #d2d2d2; margin: 0 -1em; padding-bottom: 0; } .coupon-grid .coupon__exclusion-title { cursor: pointer; } .coupon-grid .coupon__exclusion-copy { white-space: pre-line; line-height: 1.5em; margin-top: .5em; display: none; } .coupon-grid .coupon__exclusion-copy.toggle--active { display: block; } .coupon-grid .coupon--applied { background: #FFF; cursor: default; position: relative; color: transparent; pointer-events: none; } .coupon-grid .coupon--applied::before { content: '✓ APPLIED TO BAG'; position: absolute; color: #d2d2d2; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); white-space: nowrap; }
@media (min-width: 48rem) { .coupon__app-promo { display: none; } }
.grid-3x2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative; } .grid-3x2 .text-and-image__container { -webkit-flex-basis: 29%; -ms-flex-preferred-size: 29%; flex-basis: 29%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 20rem; min-height: 11rem; margin: 1.875rem; padding: 2rem; }
.grid-3x2__wrapper { display: block; margin: auto; width: 100%; position: relative; }
.product-promo-4x1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative; } .product-promo-4x1 .text-and-image__container { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: 11rem; padding: 1rem; }
.product-promo-4x1__wrapper { display: block; margin: auto; width: 100%; position: relative; }
.product-promo-4x1__content-item { position: relative; }
.product-promo__item-image-banner { position: absolute; padding: .25rem .5rem; } .product-promo__item-image-banner.top-right { top: 1.5rem; right: 1rem; } .product-promo__item-image-banner.top-left { top: 1.5rem; left: 1rem; } .product-promo__item-image-banner.bottom-right { top: 40%; right: 1rem; } .product-promo__item-image-banner.bottom-left { top: 40%; left: 1rem; }
@media (min-width: 48rem) { .product-promo-4x1__content-item { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } }
@media (max-width: 47.9375rem) { .product-promo-4x1.mobile-layout--2x2 .product-promo-4x1__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-promo-4x1.mobile-layout--2x2 .product-promo-4x1__content .product-promo-4x1__content-item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .product-promo-4x1.mobile-layout--2x2 .button-group, .product-promo-4x1.mobile-layout--2x2 .button-cta { max-width: 100%; } .product-promo-4x1.mobile-layout--2x2 .button { margin-left: 0; margin-right: 0; } }
.home-asset-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .home-asset-col .positioner__wrapper { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; min-width: 20rem; height: 100%; } .home-asset-col .positioner__content { margin: 0; } .home-asset-col .slick-arrow, .home-asset-col .icon--hero { height: 5rem; width: 5rem; cursor: pointer; }
.home-asset-col__wrapper { display: block; margin: auto; width: 100%; position: relative; }
@media (max-width: 47.9375rem) { .home-asset-col .positioner__wrapper { margin: 1em 0; } .home-asset-col .home-asset-col__content { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }
.faqs__wrapper { max-width: 48rem; margin: 0 auto; padding: .6875rem; }
.faqs__header-title { margin-bottom: 1rem; }
.faqs-item--question { position: relative; padding-left: 1rem; width: 100%; padding: .75rem 2rem; } .faqs-item--question .icon--minus { display: none; } .faqs-item--question.toggle--active { color: #FFF; background-color: #000; } .faqs-item--question.toggle--active .icon--minus { display: inline-block; } .faqs-item--question.toggle--active .icon--plus { display: none; }
.icon--plus,
.icon--minus { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-right: 17px; vertical-align: middle; }
.faqs-item--question--copy { vertical-align: middle; display: inline-block; width: 85%; }
.faqs-item--answer { display: none; padding: .75rem 2rem; } .faqs-item--answer.toggle--active { display: block; border: 2px solid #000; border-top: 0; }