@-webkit-keyframes leaflet-gestures-fadein{0%{opacity:0}100%{opacity:1}}@keyframes leaflet-gestures-fadein{0%{opacity:0}100%{opacity:1}}.leaflet-container:after{-webkit-animation:leaflet-gestures-fadein .8s backwards;animation:leaflet-gestures-fadein .8s backwards;color:#fff;font-family:Roboto,Arial,sans-serif;font-size:22px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:461;pointer-events:none}.leaflet-gesture-handling-scroll-warning:after,.leaflet-gesture-handling-touch-warning:after{-webkit-animation:leaflet-gestures-fadein .8s forwards;animation:leaflet-gestures-fadein .8s forwards}.leaflet-gesture-handling-touch-warning:after{content:attr(data-gesture-handling-touch-content)}.leaflet-gesture-handling-scroll-warning:after{content:attr(data-gesture-handling-scroll-content)}.leaflet-control-locate a{cursor:pointer}.leaflet-control-locate a .leaflet-control-locate-location-arrow{display:inline-block;width:16px;height:16px;margin:7px;background-image:url('data:image/svg+xml;charset=UTF-8,')}.leaflet-control-locate a .leaflet-control-locate-spinner{display:inline-block;width:16px;height:16px;margin:7px;background-image:url('data:image/svg+xml;charset=UTF-8,');animation:leaflet-control-locate-spin 2s linear infinite}.leaflet-control-locate.active a .leaflet-control-locate-location-arrow{background-image:url('data:image/svg+xml;charset=UTF-8,')}.leaflet-control-locate.following a .leaflet-control-locate-location-arrow{background-image:url('data:image/svg+xml;charset=UTF-8,')}.leaflet-touch .leaflet-bar .leaflet-locate-text-active{width:100%;max-width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 10px}.leaflet-touch .leaflet-bar .leaflet-locate-text-active .leaflet-locate-icon{padding:0 5px 0 0}.leaflet-control-locate-location circle{animation:leaflet-control-locate-throb 4s ease infinite}@keyframes leaflet-control-locate-throb{0%{stroke-width:1}50%{stroke-width:3;transform:scale(0.8, 0.8)}100%{stroke-width:1}}@keyframes leaflet-control-locate-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}/*# sourceMappingURL=L.Control.Locate.min.css.map */
@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:calc(10px * 2);padding:calc(var(--plyr-control-spacing,10px) * 2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(10px * -4));transform:translateY(calc(var(--plyr-control-spacing,10px) * -4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(10px / 4);margin-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(10px / 4);padding-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px / 2);padding:0 calc(var(--plyr-control-spacing,10px)/ 2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px / 2) + calc(10px * .7)) - (4px / 2));right:calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:calc(calc(10px * .7)/ 1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/ 1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(10px * .7) * 4);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:calc((calc(10px * .7) * 1.5) - 4px);right:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/ 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))}.plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:calc((calc(10px * .7) * 1.5) - 4px);left:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:calc(calc(10px * .7)/ 2);margin-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);padding-left:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/ 2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:calc(10px / 2) calc(calc(10px / 2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px / 2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px / 2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px / 2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/ 2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:calc(10px / 2);margin-left:calc(var(--plyr-control-spacing,10px)/ 2);margin-right:calc(10px / 2);margin-right:calc(var(--plyr-control-spacing,10px)/ 2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px / 2);padding:calc(var(--plyr-control-spacing,10px)/ 2);padding-top:calc(10px * 2);padding-top:calc(var(--plyr-control-spacing,10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:calc(10px * 3.5);padding-top:calc(var(--plyr-control-spacing,10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:calc(10px * 1.5);padding:calc(var(--plyr-control-spacing,10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container img.leaflet-tile {
/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
/* general typography */
.leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(/content/themes/196/js/libs/leaflet/images/layers.png?x75761);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(/content/themes/196/js/libs/leaflet/images/layers-2x.png?x75761);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
background-image: url(/content/themes/196/js/libs/leaflet/images/marker-icon.png?x75761);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-attribution-flag {
display: inline !important;
vertical-align: baseline !important;
width: 1em;
height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
/* Printing */
@media print {
/* Prevent printers from removing background-images of controls. */
.leaflet-control {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
@font-face {
font-family: 'fontello';
src: url('/content/themes/196/fontello/font/fontello.eot?28302404&x75761');
src: url('/content/themes/196/fontello/font/fontello.eot?28302404#iefix&x75761') format('embedded-opentype'),
url('/content/themes/196/fontello/font/fontello.woff2?28302404') format('woff2'),
url('/content/themes/196/fontello/font/fontello.woff?28302404&x75761') format('woff'),
url('/content/themes/196/fontello/font/fontello.ttf?28302404&x75761') format('truetype'),
url('/content/themes/196/fontello/font/fontello.svg?28302404#fontello&x75761') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('/content/themes/196/fontello/font/fontello.svg?28302404#fontello&x75761') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-wp-edit:before { content: '\e811'; } /* '' */
@font-face {
font-family:"Barlow Semi Condensed Medium";
src:url("/content/themes/196/webfonts/BarlowSemiCondensed-Medium.woff2") format("woff2"),url("/content/themes/196/webfonts/BarlowSemiCondensed-Medium.woff?x75761") format("woff");
font-style:normal;font-weight:400;
font-display: swap;
}
@font-face {
font-family:"Barlow Semi Condensed ExtraBold";
src:url("/content/themes/196/webfonts/BarlowSemiCondensed-ExtraBold.woff2") format("woff2"),url("/content/themes/196/webfonts/BarlowSemiCondensed-ExtraBold.woff?x75761") format("woff");
font-style:normal;font-weight:400;
font-display: swap;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
/* Document
========================================================================== */
html {
font-family: sans-serif; /* 1 */
line-height: 1.15; /* 2 */
-ms-text-size-adjust: 100%; /* 3 */
-webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main { /* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
a, button {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details, /* 1 */
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
::-moz-selection {
background: #000;
color: #fff;
text-shadow: none;
}
::selection {
background: #000;
color: #fff;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
img {
vertical-align: middle;
}
fieldset, iframe, figure, blockquote {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
ul, ol, h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0;
list-style: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: normal;
}
a {
text-decoration: none;
color: inherit;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
width: auto;
margin-right: 0;
margin-left: 0;
}
select::-ms-expand {
display: none;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-slide {
outline: 0;
}
.btn-wp-edit {
display: block;
float: left;
position: fixed;
bottom: 1rem;
left: 1rem;
z-index: 10000;
color: #fff;
background: #222;
min-width: 1.875rem;
height: 1.875rem;
line-height: 1.875rem;
text-align: center;
border-radius: .9375rem;
white-space: nowrap;
font-family: Arial;
text-transform: uppercase;
}
.btn-wp-edit i {
position: absolute;
top: 0;
left: 0.55rem;
}
.btn-wp-edit > span {
display: inline-block;
position: relative;
overflow: hidden;
max-width: 0;
-webkit-transition: max-width 150ms;
-moz-transition: max-width 150ms;
-ms-transition: max-width 150ms;
-o-transition: max-width 150ms;
transition: max-width 150ms;
margin-left: 1.875rem;
}
.btn-wp-edit:hover > span {
max-width: 12.5rem;
}
.btn-wp-edit > span > span {
display: inline-block;
padding-right: 0.55rem;
font-size: .75rem;
}
.btn-wp-edit {
font-size: 16px;
bottom: 0;
left: 0;
min-width: 2.275em;
height: 2.275em;
line-height: 2.275em;
border-radius: 0;
}
.btn-wp-edit i {
left: 0.65em;
}
.btn-wp-edit > span {
margin-left: 2.275em;
}
.btn-wp-edit > span > span {
font-size: .75em;
padding-right: .65em;
}
.btn-wp-edit:hover > span {
max-width: 12.5em;
}
.sn-col-set {
letter-spacing:-.31em;
*letter-spacing:normal;
*word-spacing:-.43em;
text-rendering:optimizespeed;
display:-webkit-flex;
display: flex;
-webkit-flex-flow:row wrap;
display:-ms-flexbox;
-ms-flex-flow:row wrap;
flex-flow: row wrap;
-ms-align-content:flex-start;
-webkit-align-content:flex-start;
align-content:flex-start;
}
.sn-col-set-nowrap {
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.sn-col-set > * {
display:inline-block;
*display:inline;
zoom:1;
letter-spacing:normal;
word-spacing:normal;
vertical-align:top;
text-rendering:auto;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-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;
}
.sn-col-set-1 > * {
width: 100%;
margin-right: 0;
}
.sn-col-set-2 > * {
width: 50%;
}
.sn-col-set-3 > * {
width: 33.33333333333333333333%;
}
.sn-col-set-4 > * {
width: 25%;
}
.sn-col-set-5 > * {
width: 20%;
}
.sn-col-set-6 > * {
width: 16.66666666666666666666%;
}
.sn-col-set > .sn-col-auto,
.sn-col-set-footer > * {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
html:not(.explorer) .sn-col-set .sn-col-equal-height {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 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;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.sn-col-set .sn-col-space-between {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.sn-col-set .sn-col-valigned {
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-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.btn {
border: 0;
border-radius: 0;
display: inline-block;
white-space: nowrap;
font-size: 1rem;
background: transparent;
position: relative;
}
button.btn {
-webkit-appearance: none;
appearance: none;
}
.btn-set {
margin-top: 1.2em;
}
span.loading {
height: 0;
width: 0;
display: inline-block;
vertical-align: bottom;
position: relative;
transition: all 150ms;
transform: scale(0);
}
span.loading img {
width: 100%;
padding: 0.75rem;
position: absolute;
top: -0.9rem;
left: 0;
animation: spin .4s infinite linear;
}
span.loading.now {
height: 1.3rem;
width: 1.3rem;
transform: scale(1);
}
img.ajax-loader {
display: none !important;
}
button.btn {
-webkit-appearance: none;
appearance: none;
outline: 0;
box-shadow: none;
}
.lnk {
display: inline-block;
transition: opacity 250ms;
}
.btn:hover,
.lnk:hover,
a:hover span.btn {
}
.btn span.icon {
margin: 0 .875rem;
}
.btn span.icon,
.btn span.label,
.lnk span.icon,
.lnk span.label {
display: inline-block;
line-height: 1.4;
vertical-align: top;
white-space: normal;
}
.lnk span.icon {
margin: 0 .875em;
}
.btn span.icon:last-child,
.lnk span.icon:last-child {
margin-right: 0;
}
.btn span.icon:first-child,
.lnk span.icon:first-child {
margin-left: 0;
}
.spanned > span {
display: block;
}
.figure-cover {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.figure-contain {
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.figure-cover img,
.figure-contain img {
display: none;
}
img.rounded {
display: inline-block;
border-radius: 50%;
}
.to-be-added {
transform: translateY(60px);
opacity: 0;
transition: transform 1.2s, opacity 1.2s;
transition-timing-function: cubic-bezier(0.19,1,.22,1);
}
.just-added {
transform: translateY(0px);
opacity: 1;
}
button.link {
all: inherit;
cursor: pointer;
}
address {
font-style: normal;
}
a {
text-decoration-skip: ink;
}
:focus:not(:focus-visible) { outline: none }
html {
overflow-y: scroll;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wysiwyg a {
word-wrap: break-word;
}
select option {
background: #fff;
color: #000;
}
[data-kinetic].sn-kinetic-ready,
[data-kinetic].sn-kinetic-ready * {
cursor: grab;
}
[data-kinetic].sn-kinetic-ready.sn-kinetic-mousedown,
[data-kinetic].sn-kinetic-ready.sn-kinetic-mousedown * {
cursor: grabbing;
}
[data-kinetic] :is(area, a, input, button),
[data-kinetic] :is(area, a, input, button) * {
cursor: pointer !important;
}
/* ROOT */
:root {
--base-font-1-medium: "Barlow Semi Condensed Medium", sans-serif;
--base-font-1-extrabold: "Barlow Semi Condensed ExtraBold", sans-serif;
--px-infinite: calc((100 / 1670) * 1vw);
--px: min(1px, var(--px-infinite));
--base-unit: var(--px);
--px-mobile: calc((100 / 375) * 1vw);
--ttf: var(--ttf-2);
--ttf-1: cubic-bezier(0.19, 1, 0.22, 1);
--ttf-2: cubic-bezier(0.075, 0.820, 0.165, 1);
--ttf-3: cubic-bezier(0.64, 0, 0.78, 0);
--ttf-4: cubic-bezier(0.8, 0, 0.2, 1);
--ttf-5: cubic-bezier(0.165, 0.84, 0.4, 1);
--ttf-6: cubic-bezier(0.6, 0.07, 0.17, 1);
--ttf-7: cubic-bezier(0.247, 0.75, 0.187, 1);
--ttf-8: cubic-bezier(1, 0, 0, 1);
--ttf-9: cubic-bezier(.47, 3.64, .41, .8);
--ttf-10: cubic-bezier(.47, 1.64, .41, .8);
--page-padding-top: 0;
--page-padding-left: calc(100 * var(--px));
--page-padding-right: var(--page-padding-left);
--header-padding-top: max(30px, calc(96 * var(--px)));
--base-color-black: #000;
--base-color-off-black: #111;
--base-color-white: #fff;
--base-color-yellow: #fedd31;
}
@media (max-width: 500px) {
:root {
--page-padding-left: 10px;
}
}
/* BASE */
body {
font-size: 100%;
font-family: var(--base-font-1-medium);
font-weight: 400;
color: var(--base-color-off-black);
line-height: 1.3;
background: var(--base-color-yellow);
}
input, textarea, select, button {
font-family: var(--base-font-1-medium);
font-weight: 400;
color: var(--base-color-off-black);
}
img {
max-width: 100%;
height: auto;
}
*:not(.has-component-inner) .module-inner,
header.main > .inner,
footer.main > .inner,
.cookie-bar > .inner,
*.has-component-inner .component-inner {
position: relative;
margin: 0 auto;
padding-left: var(--page-padding-left);
padding-right: var(--page-padding-right);
box-sizing: border-box;
max-width: 1670px;
}
.module-full-width .module-inner {
max-width: none;
padding-left: 0;
padding-right: 0;
}
.load-more {
text-align: center;
}
.wysiwyg {
-webkit-hyphens: auto;
-webkit-hyphenate-limit-after: 8;
-webkit-hyphenate-limit-before: 8;
hyphens: auto;
hyphenate-limit-chars: 15;
text-wrap: pretty;
}
.wysiwyg a {
text-decoration: underline;
}
@media (hover: hover) {
.wysiwyg a:is(:hover, :focus) {
text-decoration: none;
}
}
.wysiwyg > *:not(:last-child) {
margin-bottom: 1em;
}
.wysiwyg strong {
}
.wysiwyg > ul:not(.plain),
.wysiwyg > ol:not(.plain) {
counter-reset: supernovae;
}
.wysiwyg > ul:not(.plain) li,
.wysiwyg > ol:not(.plain) li {
position: relative;
padding-left: 1.5em;
}
.wysiwyg > ul:not(.plain) li:not(:last-child),
.wysiwyg > ol:not(.plain) li:not(:last-child) {
}
.wysiwyg > ul:not(.plain) li::before {
content: '—';
position: absolute;
left: 0;
}
.wysiwyg > ol:not(.plain) li::before {
content: counter(supernovae) '.';
counter-increment: supernovae;
position: absolute;
left: 0;
}
.wysiwyg > ul ul li::before {
}
.wysiwyg > ul ul,
.wysiwyg > ol ol {
}
.wysiwyg table {
width: auto !important;
}
.wysiwyg table td {
width: auto !important;
height: auto !important;
}
@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
span.loading img {
top: -12px;
}
span.loading {
vertical-align: middle;
}
.btn-menu {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
cursor: pointer;
color: inherit;
}
/* HEADLINES */
*[class*="hdln-"] {
font-family: var(--base-font-1-extrabold);
font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size))));
--this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw);
--scale-breakpoint: 1670;
text-transform: uppercase;
}
.hdln-199 {
--font-size: 199;
--min-font-size: 4.375rem;
--max-font-size: 12.4375rem;
line-height: .81407035175879396984;
}
.hdln-170 {
--font-size: 170;
--min-font-size: 4.375rem;
--max-font-size: 10.625rem;
line-height: .81407035175879396984;
letter-spacing: -0.01em;
}
.hdln-80 {
--font-size: 80;
--min-font-size: 1rem;
--max-font-size: 5rem;
line-height: 1;
}
.hdln-77 {
--font-size: 77;
--min-font-size: 1.5rem;
--max-font-size: 4.8125rem;
line-height: 1;
}
.hdln-50 {
--font-size: 50;
--min-font-size: 1.5rem;
--max-font-size: 3.125rem;
line-height: 1;
}
.hdln-37 {
--font-size: 37;
--min-font-size: 1.5rem;
--max-font-size: 2.3125rem;
line-height: 1;
}
.hdln-30 {
--font-size: 30;
--min-font-size: 1.875rem;
--max-font-size: 1.875rem;
line-height: 1;
}
.jp-headline img {
height: max(24px, calc(57 * var(--px)));
width: auto;
display: block;
}
.jp-headline {
margin-bottom: max(10px, calc(25 * var(--px)));
}
/* COPIES */
*[class*="cpy-"],
.marker-cluster span {
font-family: var(--base-font-1-medium);
font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size))));
--this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw);
--scale-breakpoint: 1670;
}
*[class*="cpy-"][class*="cpy-b"] {
}
.cpy-25,
.marker-cluster span {
--font-size: 25;
--min-font-size: 1.0625rem;
--max-font-size: 1.5625rem;
}
.cpy-20 {
--font-size: 20;
--min-font-size: 1.0625rem;
--max-font-size: 1.25rem;
}
.cpy-13 {
--font-size: 13;
--min-font-size: .8125rem;
--max-font-size: .8125rem;
line-height: 1.38461538461538461538;
}
@media (max-width: 500px) {
.cpy-25,
.cpy-20,
.marker-cluster span {
line-height: 1.52941176470588235294;
}
}
/* BUTTONS */
button, .btn {
margin: 0;
border: 0;
padding: 0;
border-radius: 0;
box-shadow: none;
background: transparent;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
font-family: var(--base-font-1-extrabold);
font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size))));
--this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw);
--scale-breakpoint: 1670;
text-transform: uppercase;
}
.btn-icon-only {
will-change: transform;
transition: transform 200ms var(--ttf-9);
}
@media (hover: hover) {
.btn-icon-only:is(:focus, :hover) {
transform: scale(1.1);
}
}
.btn-icon-only span {
display: block;
}
.btn-icon-only span.label {
position: absolute;
top: 0;
left: -10000em;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
}
.btn-icon-only span.icon {
margin: 0 !important;
}
.btn-icon-only svg {
display: block;
width: calc(var(--icon-width) * var(--px));
height: auto;
}
.btn-icon-only[data-icon="instagram"] svg {
min-width: 35px;
}
.btn-icon-only svg path {
fill: currentColor;
}
.btn-label-below span.label {
position: absolute;
top: calc(100% + 0.5em);
left: 50%;
width: auto;
height: auto;
overflow: visible;
opacity: 1;
transform: translateX(-50%);
font-size: 70%;
pointer-events: none;
text-transform: none;
}
@media (max-width: 600px) {
.btn-label-below span.label {
left: 0;
transform: none;
}
}
.btn-a {
--font-size: 23;
--min-font-size: 1rem;
--max-font-size: 1.4375rem;
background: var(--base-color-yellow);
color: var(--base-color-black);
text-align: center;
border-radius: 100px;
padding: .69565217391304347826em 1em;
box-sizing: border-box;
width: 100%;
}
.btn-a.black {
color: var(--base-color-white);
background: var(--base-color-black);
}
.btn-b {
--font-size: 19;
--min-font-size: 1rem;
--max-font-size: 1.1875rem;
color: var(--base-color-black);
}
.btn-b .wrap {
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 0px .36842105263157894736em;
}
.btn-b .wrap > * {
margin: 0 !important;
}
/* FORMS */
@keyframes shake {
10%, 90% { transform: translate3d(-3px, 0, 0); }
20%, 80% { transform: translate3d(6px, 0, 0); }
30%, 50%, 70% { transform: translate3d(-12px, 0, 0); }
40%, 60% { transform: translate3d(12px, 0, 0); }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-text-fill-color: var(--color);
-webkit-box-shadow: 0 0 0px 1000px #000 inset;
transition: background-color 5000s ease-in-out 0s;
}
::-webkit-input-placeholder {
color: var(--color);
}
::placeholder {
color: var(--color);
}
.styled-select,
.styled-search,
.styled-checkbox {
position: relative;
}
.styled-select select,
li.search input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.styled-select select {
cursor: pointer;
}
.styled-select span.icon {
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
z-index: 2;
pointer-events: none;
}
.styled-select span.icon * {
display: block;
}
.styled-select span.icon span {
width: calc(var(--icon-size) * var(--px));
height: auto;
}
.styled-checkbox {
display: inline-block;
--size: 23px;
}
.styled-checkbox input {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
display: block;
width: var(--size);
height: var(--size);
box-sizing: border-box;
border: 3px solid var(--base-color-white);
border-radius: 0;
}
.styled-checkbox input + span {
position: absolute;
inset: 5px;
background: var(--base-color-yellow);
z-index: 2;
transform: scale(0);
transition: transform 150ms var(--ttf-2);
}
.styled-checkbox input:checked + span {
transform: none;
}
.form-list--age-gate {
display: flex;
flex-flow: column nowrap;
gap: max(25px, calc(30 * var(--px))) 0px;
}
.form-list--age-gate label {
display: block;
text-align: center;
margin-bottom: 8px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.form-list--age-gate > li.birthday input,
.form-list--age-gate > li.select select,
.form-list--inline > li.input input {
font-family: var(--base-font-1-medium);
font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size))));
--this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw);
--scale-breakpoint: 1670;
--font-size: 25;
--min-font-size: 1.25rem;
--max-font-size: 1.5625rem;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
display: block;
border-radius: 5px;
background: var(--base-color-white);
border: 0;
padding: 0;
box-sizing: border-box;
width: 100%;
box-shadow: none;
text-align: center;
padding: .52em;
padding-bottom: calc(.52em + 2px);
}
.form-list--age-gate > li.birthday ul {
display: flex;
flex-flow: row nowrap;
gap: 0px max(15px, calc(29 * var(--px)));
}
.form-list--age-gate > li.remember {
text-align: center;
}
.form-list--age-gate > li.remember label {
display: inline-flex;
position: relative;
flex-flow: row nowrap;
align-items: center;
gap: 0 1rem;
cursor: pointer;
user-select: none;
}
.form-list--age-gate > li.remember label * {
display: block;
}
.form-list--age-gate > li.remember label span.input {
margin-top: 1px;
}
.form-list--inline {
display: flex;
flex-flow: row nowrap;
gap: 0px calc(42 * var(--px));
align-items: center;
}
.form-list--inline label {
display: none;
}
.form-list--inline > li.input input {
text-align: left;
padding: 0.65em;
padding-bottom: calc(0.65em + 2px);
width: 13.4em;
box-sizing: border-box;
}
@media (max-width: 500px) {
.form-list--inline {
flex-flow: column nowrap;
gap: 28px 0px;
width: 100%;
}
.form-list--inline li {
width: 100%;
}
.form-list--inline > li.input input {
width: 100%;
text-align: center;
}
.form-list--inline > li.submit button {
width: 100%;
}
}
header.main {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
transform: translateY(-10vh);
opacity: 0;
transition: 500ms var(--ttf-2) 800ms;
transition-property: transform, opacity;
}
html.was-initial-load header.main {
transform: none;
opacity: 1;
}
header.main > .inner {
padding-top: var(--header-padding-top);
}
.site-title--header {
width: max(100px, calc(169 * var(--px)));
}
.site-title--header a {
display: block;
}
.site-title--header img {
width: 100%;
height: auto;
display: block;
}
header.main .col-set {
display: flex;
flex-flow: row nowrap;
}
header.main .col-2 {
margin-left: auto;
}
footer.main {
background: var(--base-color-black);
color: var(--base-color-white);
}
footer.main > .inner {
padding-block: max(60px, calc(150 * var(--px))) max(40px, calc(75 * var(--px)));
}
footer.main :is(.row-1, .row-2, .row-3) {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
footer.main .row-1 .col-2,
footer.main .row-3 .col-2 {
margin-left: auto;
}
footer.main img {
width: max(100px, calc(169 * var(--px)));
height: auto;
display: block;
}
footer.main .row-2 .col-3 img {
width: max(91px, calc(120 * var(--px)));
}
footer.main .row-2 {
margin-top: calc(230 * var(--px));
}
footer.main .row-2 .col-1 {
margin-right: calc(140 * var(--px));
}
footer.main .row-2 .col-2 {
margin-left: auto;
}
nav.footer ul {
display: flex;
flex-flow: row wrap;
gap: 1em 1.92em;
}
footer.main .row-3 {
margin-top: max(50px, calc(80 * var(--px)));
text-align: right;
}
footer.main .row-4 {
margin-top: max(50px, calc(80 * var(--px)));
}
nav.cookies {
margin-top: 2em;
}
nav.around-the-world {
margin-top: 4em;
}
nav.around-the-world {
display: flex;
flex-flow: row wrap;
gap: 0.5em 2em;
}
nav.around-the-world .menu {
display: flex;
flex-flow: row wrap;
gap: 0.5em 2em;
}
nav.around-the-world .headline {
text-transform: uppercase;
font-family: var(--base-font-1-extrabold);
}
@media (max-width: 900px) {
footer.main .row-2 {
margin-top: 50px;
flex-flow: row wrap;
}
}
@media (max-width: 600px) {
footer.main .row-1 .col-1,
footer.main .row-2 .col-1,
footer.main .row-3 .col-1 {
width: calc(210 * var(--px-mobile));
margin-right: 0;
text-align: left;
}
footer.main .row-2 .col-1 {
padding-top: 5px;
}
footer.main .row-1 .col-2,
footer.main .row-2 .col-2,
footer.main .row-3 .col-2 {
margin-right: auto;
width: auto;
margin-top: 0;
margin-left: 0;
}
footer.main .row-2 {
align-items: flex-start;
}
nav.footer ul.menu,
nav.cookies ul.menu,
nav.around-the-world ul.menu,
nav.around-the-world {
display: flex;
flex-flow: column nowrap;
gap: 5px 0px;
}
nav.around-the-world,
nav.cookies {
margin-top: 3em;
}
nav.around-the-world {
gap: 1em;
}
footer.main .row-2 .col-3 {
margin-top: 70px;
}
footer.main .row-3 {
margin-top: 40px;
}
}/*
Theme Name: -196
Author: SUPERNOVÆ
Author URI: https://www.supernov.ae/
Version: 2024
*/
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
}
/* ==========================================================================
Helper classes
========================================================================== */
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
/* ==========================================================================
Print styles
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 1cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.cookie-bar,
.btn-wp-edit {
display: none !important;
}
header.main,
footer.main {
display: none;
}
}
html.age-gate-visible body {
overflow: hidden;
overflow: clip;
height: 100vh;
}
.age-gate {
position: fixed;
inset: 0;
z-index: 1001;
display: grid;
place-items: center;
color: var(--base-color-white);
}
.age-gate .background {
display: block;
position: absolute;
inset: 0;
background: rgba(0,0,0,0.7);
z-index: 1;
opacity: 0;
transition: opacity .5s var(--ttf-7) 1s;
}
.age-gate.is-visible .background {
opacity: 1;
}
.age-gate .body {
background: var(--base-color-black);
border-radius: 5px;
width: 100%;
max-width: max(330px, calc(583 * var(--px)));
padding: max(25px, calc(70 * var(--px)));
box-sizing: border-box;
position: relative;
z-index: 2;
transform: scale(0.95);
opacity: 0;
transition: .5s var(--ttf-10) 1.1s;
transition-property: opacity, transform;
}
.age-gate.is-visible .body {
opacity: 1;
transform: none;
}
.age-gate.has-error .body {
animation: shake 0.7s;
}
.age-gate .headline {
color: var(--base-color-yellow);
text-align: center;
margin-bottom: 1.18918918918918918918em;
}
.age-gate .terms {
text-align: center;
}
@media (max-width: 500px) {
.age-gate .body {
border-radius: 8px;
padding-block: 40px;
}
}
/* CUSTOM POINTER */
*[data-custom-pointer] {
cursor: none;
}
#pointer-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
pointer-events: none;
--pointer-size: min(160px, calc(160 * var(--base-unit)));
}
#pointer-overlay[data-pointer-type="close"] {
--pointer-size: min(70px, calc(70 * var(--base-unit)));
}
#pointer-overlay svg {
display: block;
width: var(--pointer-size);
height: var(--pointer-size);
}
#pointer-overlay svg path {
fill: var(--base-color-white);
}
#pointer-overlay > div {
position: absolute;
top: calc(var(--pointer-size) / -2);
left: calc(var(--pointer-size) / -2);
width: var(--pointer-size);
height: var(--pointer-size);
cursor: none;
transform: translate(var(--pointer-left, 0px), var(--pointer-top, 0px)) rotate(var(--pointer-angle, 0deg));
transition: transform 75ms, opacity 250ms;
}
#pointer-overlay[data-pointer-type="close"] > div {
transform: translate(var(--pointer-left, 0px), var(--pointer-top, 0px));
}
#pointer-overlay > div > div {
width: 100%;
height: 100%;
transition: transform 250ms, opacity 250ms;
transition-timing-function: var(--ttf);
opacity: 0;
transform: scale(0.5);
}
#pointer-overlay > div > div > div {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: transform 150ms;
}
#pointer-overlay[data-pointer-type="arrow-left"] > div > div .arrow,
#pointer-overlay[data-pointer-type="arrow-right"] > div > div .arrow {
opacity: 1;
}
#pointer-overlay[data-pointer-type="arrow-left"] > div > div .arrow {
transform: rotateY(-180deg);
}
#pointer-overlay[data-pointer-type="close"] > div > div .close {
opacity: 1;
}
#pointer-overlay[data-state="on"] > div > div {
opacity: 1;
transform: none;
}
:root {
--module-margin-180: max(90px, calc(180 * var(--px)));
--module-margin-90: max(50px, calc(90 * var(--px)));
}
.module.mrgn-180 {
margin-bottom: var(--module-margin-180);
}
.module.mrgn-90 {
margin-bottom: var(--module-margin-90);
}
.module.mrgn-0-if-last:last-child {
margin-bottom: 0;
}
html.is-initial-load .module,
html.is-initial-load header.main,
html.is-initial-load footer.main {
opacity: 0;
}
html.overlay-shown {
overflow: hidden !important;
}
#overlay,
#contact-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10001;
overflow: auto;
}
#contact-overlay {
z-index: 10002;
}
#overlay::after,
#contact-overlay::after {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--base-color-off-black);
z-index: 1;
opacity: 0;
transform: scaleY(0);
transform-origin: center bottom;
transition: 1000ms var(--ttf-6);
transition-property: opacity, transform;
}
#overlay.shown::after,
#contact-overlay.shown::after {
opacity: 1;
transform: none;
}
#overlay > .inner,
#contact-overlay > .inner {
position: relative;
z-index: 2;
}
#overlay .overlay-body,
#contact-overlay .overlay-body {
position: relative;
opacity: 0;
color: var(--base-color-white);
}
#overlay.shown-2 .overlay-body,
#contact-overlay.shown-2 .overlay-body {
opacity: 1;
transition: 1000ms var(--ttf-2);
transition-property: opacity, transform;
transition-delay: 75ms;
}
#contact-overlay.is-fading-out .overlay-body {
opacity: 0 !important;
transition: none !important;
}
#contact-overlay .overlay-header {
opacity: 0;
}
#contact-overlay.shown-2 .overlay-header {
opacity: 1;
transition: opacity 1000ms 150ms var(--ttf-2);
}
#contact-overlay.is-fading-out .overlay-header {
opacity: 0 !important;
transition: none !important;
}
#contact-overlay .overlay-header {
position: relative;
}
#contact-overlay .overlay-header .site-title--overlay {
position: fixed;
top: var(--page-padding-top);
left: var(--page-padding-left);
z-index: 10;
}
#contact-overlay .overlay-header .site-title--overlay svg path {
fill: var(--base-color-white);
}
#contact-overlay .btn-close-contact-overlay {
position: fixed;
top: var(--page-padding-top);
right: var(--page-padding-left);
z-index: 10;
--size: max(56px, calc(67 * var(--px)));
width: var(--size);
height: var(--size);
border: 1px solid var(--base-color-white);
border-radius: 50%;
}
#contact-overlay .btn-close-contact-overlay svg {
display: block;
width: calc(var(--size) * .37313432835820895522);
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#contact-overlay .btn-close-contact-overlay svg path {
fill: var(--base-color-white);
}
#contact-overlay .btn-close-contact-overlay span.label {
position: absolute;
top: -10000px;
left: -10000px;
width: 0;
height: 0;
overflow: hidden;
}
.sn-slider {
--gap: calc(40 * var(--px));
user-select: none;
}
.sn-slider-track {
width: 100%;
position: relative;
overflow: hidden;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.sn-slider-track::-webkit-scrollbar {
display: none;
}
.sn-slider-slides {
display: flex;
flex-flow: row nowrap;
width: max-content;
}
.sn-slider-slide {
margin-right: var(--gap);
}
.sn-slider-progress {
display: none;
}
.row--video .sn-plyr {
position: relative;
scale: var(--scale-video, 0.7);
transform-origin: center top;
transform: rotateX(var(--rotate-video, 20deg));
--plyr-color-main: var(--base-color-yellow);
}
.sn-plyr .plyr__control--overlaid {
color: var(--base-color-off-black);
}
.zoom-image {
position: relative;
overflow: hidden;
display: block;
}
.zoom-image img,
.zoom-image video {
scale: 1.4;
opacity: 0;
translate: 0px calc(var(--parallax-y, 0) * 10%);
transition: scale 5s 0s var(--ttf-7), opacity 5s 0s var(--ttf-7), translate .5s 0s var(--ttf-7);
}
.is-on-screen .zoom-image img,
.is-on-screen .zoom-image video {
scale: 1.2;
opacity: 1;
}
@media (max-width: 500px) {
.is-on-screen .zoom-image img,
.is-on-screen .zoom-image video {
translate: 0px 0px;
scale: 1;
}
}
.module-about {
background: var(--base-color-yellow);
}
.module-about .component-inner {
width: 100%;
box-sizing: border-box;
max-width: 1670px;
margin-inline: auto;
padding-inline: var(--page-padding-left);
}
.module-about .row--headlines {
color: var(--base-color-white);
padding-inline: var(--page-padding-left);
background: var(--base-color-black);
z-index: 3;
position: relative;
}
.module-about .row--copy .wysiwyg {
max-width: max(470px, calc(700 * var(--px)));
margin-inline: auto;
}
@media (max-width: 500px) {
.module-about .row--copy .wysiwyg {
max-width: 283px;
margin-inline: auto;
}
}
.module-about .row--process {
position: relative;
z-index: 2;
height: calc(705 * var(--px));
margin-top: max(-50px, calc(-100 * var(--px)));
margin-bottom: max(-40px, calc(-80 * var(--px)));
user-select: none;
pointer-events: none;
overflow-x: hidden;
overflow-x: clip;
}
.module-about .process-list {
position: relative;
z-index: 2;
--size: calc(705 * var(--px));
height: var(--size);
}
.module-about .process-list > li {
width: var(--size);
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.module-about .process-list > li:nth-child(2) {
left: 50%;
transform: translate(-50%);
}
.module-about .process-list > li:nth-child(3) {
left: auto;
right: 0;
}
.module-about .process-list > li > div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform-origin: center center !important;
transition: 1000ms var(--ttf-6) calc(1000ms + (var(--ios-item-index, 0) * 60ms));
transition-property: transform, opacity;
will-change: transform;
}
.module-about .process-list > li > div.fragments {
z-index: 3;
opacity: 0;
transform: scale(0.3);
transition-timing-function: var(--ttf-10);
transition-duration: 150ms, 0ms;
transition-delay: 1750ms;
}
.module-about .process-list > li > div.copy {
z-index: 2;
opacity: 0;
transform: scale(0.3);
transform-origin: center bottom;
transition-timing-function: var(--ttf-10);
transition-duration: 150ms, 0ms;
transition-delay: 1750ms;
}
.module-about .process-list > li > div.lemon {
z-index: 1;
opacity: 0;
transform: scale(1.5);
transition-timing-function: var(--ttf-10);
transition-duration: 200ms;
}
.module-about .process-list > li > div > img {
position: relative;
display: block;
will-change: transform;
transition: transform 50ms;
transform: translateX(calc(var(--distance-x, 0px) * 0.25)) translateY(calc(var(--distance-y, 0px) * 0.25));
}
.module-about .process-list > li > div.copy > img {
transform: translateX(calc(var(--distance-x, 0px) * 0.75)) translateY(calc(var(--distance-y, 0px) * 0.75));
}
.module-about .process-list > li > div.fragments > img {
transform: translateX(calc(var(--distance-x, 0px) * 1.5)) translateY(calc(var(--distance-y, 0px) * 1.5));
}
.module-about .process-list > li > span.center {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 1px;
height: 1px;
}
.module-about .row--process.is-on-screen .process-list > li > div {
transform: none;
opacity: 1;
}
.module-about .row--process .background {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 40%;
background: var(--base-color-black);
z-index: 1;
}
@media (max-width: 500px) {
.module-about .row--process {
margin: 0;
--size: auto;
height: auto;
}
.module-about .process-list {
height: calc(613 * var(--px-mobile));
}
.module-about .process-list > li {
width: 100%;
position: absolute;
top: calc(-50 * var(--px-mobile));
left: 0;
height: auto;
aspect-ratio: 1 / 1;
}
.module-about .process-list > li:nth-child(2) {
top: 50%;
transform: translateY(-50%);
left: 0;
height: auto;
}
.module-about .process-list > li:nth-child(3) {
top: auto;
bottom: calc(-50 * var(--px-mobile));
left: 0;
height: auto;
}
.module-about .row--process .background {
height: calc(100 * var(--px-mobile));
}
}
.module-about .row--copy {
position: relative;
z-index: 1;
}
.module-about .row--video {
margin-top: max(50px, calc(100 * var(--px)));
}
.module-about .row--video .component-inner {
perspective: 100vw;
}
.module-copy .row--copy {
max-width: max(470px, calc(700 * var(--px)));
margin-inline: auto;
z-index: 2;
position: relative;
}
body.view-legal .module-copy .row--copy {
max-width: max(705px, calc(1050 * var(--px)));
}
.module-copy .wysiwyg .headline:not(:first-child) {
margin-top: 2em;
}
.module-copy .wysiwyg .subheadline:not(:first-child) {
margin-top: 1.5em;
}
.module-copy .wysiwyg :is(ol, ul) li + li {
margin-top: 0.5em;
}
@media (max-width: 500px) {
.module-copy .row--copy .wysiwyg {
max-width: 283px;
margin-inline: auto;
}
}
.module-flavor {
position: relative;
color: var(--base-color-white);
overflow: hidden;
overflow: clip;
}
.module-flavor .module-inner {
position: relative;
z-index: 3;
padding-top: calc(630 * var(--px));
padding-bottom: calc(400 * var(--px));
min-height: calc(500 * var(--px));
box-sizing: content-box;
}
.module-flavor .background-video {
position: absolute;
inset: 0;
z-index: 1;
}
.module-flavor .background-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.module-flavor .freeze-crush {
position: absolute;
top: max(16px, calc(37 * var(--px)));
right: max(16px, calc(62 * var(--px)));
z-index: 2;
}
.module-flavor .freeze-crush img {
display: block;
width: max(66px, calc(var(--width, 0) * var(--px)));
height: auto;
}
.module-flavor .can-model-1 {
position: absolute;
left: min(560px, calc(480 * var(--px-infinite)));
top: calc(500 * var(--px));
transform: translateY(calc(var(--translate-y, 0px) * 2.5));
width: calc(470 * var(--px));
z-index: 5;
}
.module-flavor .can-model-2 {
position: absolute;
left: min(800px, calc(730 * var(--px-infinite)));
top: calc(340 * var(--px));
transform: translateY(calc(var(--translate-y, 0px) * 1.5));
width: calc(470 * var(--px));
z-index: 4;
}
.module-flavor model-viewer {
aspect-ratio: 450 / 600;
display: block;
width: 100%;
height: auto;
position: relative;
}
.module-flavor .slot.ar-button {
display: none !important;
}
.module-flavor .row--details {
display: flex;
flex-flow: row nowrap;
max-width: 1592px;
margin-inline: auto;
}
.module-flavor .row--details > * {
display: flex;
flex-flow: column nowrap;
}
.module-flavor .row--details .headline {
margin-bottom: .31168831168831168831em;
}
.module-flavor .row--details .jp-headline {
margin-bottom: 6px;
}
.module-flavor .row--details .jp-headline img {
display: inline-block;
height: calc(24 * var(--px));
}
.module-flavor .row--details .details {
margin-top: max(34px, calc(52 * var(--px)));
}
.module-flavor .row--details .details img {
display: inline-block;
width: calc(var(--width, 0) * var(--px));
height: auto;
}
.module-flavor .row--details .props {
margin-top: auto;
padding-top: max(34px, calc(73 * var(--px)));
display: flex;
flex-flow: column nowrap;
gap: 0.5em 0;
}
.module-flavor .col--lemon {
text-align: right;
width: calc(390 * var(--px));
margin-right: auto;
}
.module-flavor .col--lemon .headline {
color: #FEDD00;
}
.module-flavor .col--grapefruit {
width: calc(390 * var(--px));
}
.module-flavor .col--grapefruit .headline {
color: #FF5A5B;
}
@media (max-width: 767px) {
.module-flavor .can-model-1 {
left: 10vw;
width: 50vw;
}
.module-flavor .can-model-2 {
left: auto;
right: 10vw;
width: 50vw;
}
.module-flavor .module-inner {
padding-top: calc(1680 * var(--px));
}
.module-flavor .row--details {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0 var(--page-padding-left);
}
.module-flavor .col--lemon {
text-align: left;
}
.module-flavor .row--details > * {
width: 100%;
}
.module-flavor .row--details .details img {
width: calc(100% - 4em);
}
.module-flavor .row--details .jp-headline img {
height: 16px;
}
.module-flavor .row--details .headline {
--min-font-size: 3rem;
}
}
@media (max-width: 600px) {
.module-flavor .row--details .headline {
--min-font-size: 2rem;
margin-bottom: .5em;
}
.module-flavor .row--details .props {
--min-font-size: 1.25rem;
}
.module-flavor .row--details .details img {
width: calc(100% - 2.5em);
}
.module-flavor .can-model-1 {
left: -5vw;
width: 65vw;
}
.module-flavor .can-model-2 {
left: auto;
right: -5vw;
width: 65vw;
}
.module-flavor .module-inner {
padding-top: calc(1980 * var(--px));
}
}
.module-flavor-2026 {
position: relative;
color: var(--base-color-white);
overflow: hidden;
overflow: clip;
}
.module-flavor-2026 .module-inner {
position: relative;
z-index: 3;
padding-top: calc(630 * var(--px));
padding-bottom: calc(400 * var(--px));
min-height: calc(500 * var(--px));
box-sizing: content-box;
}
.module-flavor-2026 .background-video {
position: absolute;
inset: 0;
z-index: 1;
}
.module-flavor-2026 .background-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.module-flavor-2026 .freeze-crush {
position: absolute;
top: max(16px, calc(37 * var(--px)));
right: max(16px, calc(62 * var(--px)));
z-index: 2;
}
.module-flavor-2026 .freeze-crush img {
display: block;
width: max(66px, calc(var(--width, 0) * var(--px)));
height: auto;
}
.module-flavor-2026 model-viewer {
aspect-ratio: 450 / 600;
display: block;
width: 100%;
height: auto;
position: relative;
}
.module-flavor-2026 .slot.ar-button {
display: none !important;
}
.module-flavor-2026 .row--details {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0 20px;
max-width: 1592px;
margin-inline: auto;
}
.module-flavor-2026 .row--details > * {
display: flex;
flex-flow: column nowrap;
text-align: center;
}
.module-flavor-2026 .row--details figure.can {
display: block;
position: relative;
aspect-ratio: 450 / 600;
}
.module-flavor-2026 .can-model-1 {
position: relative;
transform:
translateY(calc(var(--translate-y, 0px) * 2.15))
translateX(calc(var(--can-parallax, 0) * calc(180 * var(--px))));
z-index: 5;
}
.module-flavor-2026 .can-model-2 {
position: relative;
transform: translateY(calc(var(--translate-y, 0px) * 1.5));
z-index: 6;
}
.module-flavor-2026 .can-model-3 {
position: relative;
transform:
translateY(calc(var(--translate-y, 0px) * 1.15))
translateX(calc(var(--can-parallax, 0) * (calc(-200 * var(--px)))));
z-index: 4;
}
.module-flavor-2026 .row--details .headline {
margin-bottom: .31168831168831168831em;
}
.module-flavor-2026 .row--details .wysiwyg {
max-width: 19.9em;
margin-inline: auto;
}
.module-flavor-2026 .row--details .jp-headline {
margin-bottom: 6px;
}
.module-flavor-2026 .row--details .jp-headline img {
display: inline-block;
height: calc(24 * var(--px));
}
.module-flavor-2026 .row--details .details {
margin-top: max(25px, calc(52 * var(--px)));
}
.module-flavor-2026 .row--details .details img {
display: inline-block;
width: calc(var(--width, 0) * var(--px));
height: auto;
}
.module-flavor-2026 .row--details .props {
margin-top: auto;
padding-top: max(25px, calc(34 * var(--px)));
display: flex;
flex-flow: row wrap;
gap: 0.25em;
justify-content: center;
}
.module-flavor-2026 .row--details .props > li:not(:last-child)::after {
content: ',';
}
.module-flavor-2026 .col--lemon .headline {
color: #FEDD00;
}
.module-flavor-2026 .col--peach .headline {
color: #f7a76d;
}
.module-flavor-2026 .col--grapefruit .headline {
color: #FF5A5B;
}
@media (max-width: 767px) {
.module-flavor-2026 {
overflow: clip;
}
.module-flavor-2026 .module-inner {
padding-top: 0;
}
.module-flavor-2026 .row--details {
display: flex;
flex-flow: column nowrap;
gap: 80px;
}
.module-flavor-2026 .row--details > * {
width: 100%;
text-align: center;
}
.module-flavor-2026 .row--details .details img {
width: calc(100% - 6em);
}
.module-flavor-2026 .row--details .jp-headline img {
height: 16px;
}
.module-flavor-2026 .row--details .headline {
--min-font-size: 3.75rem;
}
.module-flavor-2026 .can-model-1 {
transform:
translateX(calc((1 - var(--can-parallax-mobile, 0)) * -100%))
translateY(calc((1 - var(--can-parallax-mobile, 0)) * -50%));
}
.module-flavor-2026 .can-model-2 {
transform:
translateX(calc((1 - var(--can-parallax-mobile, 0)) * 100%))
translateY(calc((1 - var(--can-parallax-mobile, 0)) * -50%));
}
.module-flavor-2026 .can-model-3 {
transform:
translateX(calc((1 - var(--can-parallax-mobile, 0)) * -100%))
translateY(calc((1 - var(--can-parallax-mobile, 0)) * -50%));
}
}
@media (max-width: 600px) {
.module-flavor-2026 .row--details .props {
--min-font-size: 1.375rem;
}
.module-flavor-2026 .row--details .details img {
width: calc(100% - 11em);
}
}
.module-gallery .sn-slider {
--gap: max(10px, calc(37 * var(--px)));
}
.module-gallery .sn-slider.cpy-20 {
--min-font-size: .875rem;
}
@media (max-width: 500px) {
.module-gallery .sn-slider.cpy-20 {
line-height: 1.35714285714285714285;
}
}
.module-gallery .sn-slider-slides {
padding-inline: var(--page-padding-left);
}
.module-gallery .sn-slider-slide img {
height: max(328px, calc(716 * var(--px)));
width: auto;
display: block;
}
.module-gallery .sn-slider-slide figure {
width: min-content;
transform: translateX(100vw) scale(0.5);
transform-origin: right center;
transition: 2s var(--ttf-6) calc(200ms + (var(--ios-item-index, 0) * 75ms));
transition-property: transform;
}
.module-gallery.is-on-screen .sn-slider-slide figure {
transform: none;
}
.module-gallery .sn-slider-slide .image {
width: max-content;
}
.module-gallery figcaption {
display: flex;
flex-flow: row nowrap;
position: relative;
margin-top: calc(38 * var(--px));
padding-right: 2em;
}
.module-gallery figcaption > span.icon {
display: block;
margin-right: calc(23 * var(--px));
flex-shrink: 0;
}
.module-gallery figcaption > span.icon svg {
width: max(20px, calc(var(--icon-width) * var(--px)));
height: auto;
display: block;
}
.module-gallery figcaption > span.copy {
display: block;
width: 100%;
}
@media (max-width: 600px) {
.module-gallery figcaption > span.icon {
display: none;
}
}
.instagram-list {
display: flex;
flex-flow: row nowrap;
--column-gap: 4px;
gap: 0px var(--column-gap);
padding-bottom: var(--column-gap);
}
.instagram-list > li {
width: calc((100% - (3 * var(--column-gap))) / 4);
}
.instagram-list > li.copy {
background: var(--base-color-black);
color: var(--base-color-white);
position: relative;
flex-grow: 1;
display: flex;
flex-flow: column nowrap;
text-align: center;
}
.instagram-list > li.copy a {
display: grid;
width: 100%;
height: 100%;
place-items: center;
}
.instagram-list > li.copy a > span {
margin-block: auto;
display: flex;
flex-flow: column nowrap;
gap: max(22px, calc(50 * var(--px))) 0px;
}
.instagram-list > li.copy svg {
width: max(45px, calc(105 * var(--px)));
height: auto;
display: inline-block;
will-change: transform;
transition: transform 200ms var(--ttf-9);
}
.instagram-list > li.copy svg path {
fill: var(--base-color-yellow);
}
.instagram-list > li.copy a span.icon {
display: flex;
flex-flow: column nowrap;
}
.instagram-list > li.copy a span.icon span.label {
display: block;
margin-top: 0.75em;
font-size: 200%;
}
@media (hover: hover) {
.instagram-list > li.copy a:is(:focus, :hover) svg {
transform: scale(1.1);
}
}
@media (max-width: 850px) {
.instagram-list {
flex-flow: row wrap;
--column-gap: 2px;
gap: var(--column-gap);
}
.instagram-list > li {
width: calc((100% - (1 * var(--column-gap))) / 2);
}
.instagram-list .hdln-80 {
font-size: 35px;
}
}
@media (max-width: 500px) {
.instagram-list .hdln-80 {
font-size: 25px;
}
.instagram-list > li.copy a span.icon span.label {
font-size: 120%;
}
}
.module-intro {
position: relative;
z-index: 1;
background: var(--base-color-yellow);
overflow-x: hidden;
overflow-x: clip;
}
.module-intro + .module {
position: relative;
z-index: 2;
}
.module-intro .module-inner {
position: relative;
z-index: 3;
padding-top: 50px;
}
.module-intro .background-video,
.module-intro .background-video video {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
object-fit: cover;
}
.module-intro .row--headlines {
position: relative;
z-index: 4;
opacity: 0;
transform: translateY(10vh);
transition: 500ms var(--ttf-2) 800ms;
transition-property: transform, opacity;
}
.module-intro.is-on-screen .row--headlines {
opacity: 1;
transform: none;
}
.module-intro .row--headlines .headline {
margin-bottom: .24623115577889447236em;
}
.module-intro .row--headlines .subheadline {
margin-bottom: .9em;
}
@media (max-width: 500px) {
.module-intro .row--headlines .headline {
margin-bottom: 38px;
}
}
.module-intro .row--copy {
max-width: max(470px, calc(700 * var(--px)));
margin-inline: auto;
position: relative;
z-index: 4;
}
.module-intro .row--copy .wysiwyg {
max-width: max(470px, calc(570 * var(--px)));
}
@media (max-width: 500px) {
.module-intro .row--copy .wysiwyg {
max-width: 283px;
margin-inline: auto;
}
}
.module-intro .divider {
position: absolute;
bottom: min(-100px, calc(-200 * var(--px-infinite)));
left: 0;
width: 100%;
height: max(300px, calc(860 * var(--px-infinite)));
overflow: hidden;
z-index: 2;
}
.module-intro .divider svg {
display: block;
width: 100%;
height: auto;
}
.module-intro .row--video {
margin-top: max(50px, calc(100 * var(--px)));
}
.module-intro .row--video > div {
perspective: 100vw;
}
.module-intro .row--figure {
text-align: center;
width: 100%;
max-width: max(610px, calc(1247 * var(--px)));
height: max(575px, calc(1178 * var(--px)));
position: relative;
margin-inline: auto;
margin-bottom: min(-120px, calc(-500 * var(--px)));
pointer-events: none;
user-select: none;
}
.module-intro .row--figure .can {
position: absolute;
top: 0;
left: calc(400 * var(--px));
transform: translateX(-50%);
width: max(216px, calc(463 * var(--px)));
z-index: 3;
}
.module-intro .row--figure .can img {
display: block;
position: relative;
width: 100%;
height: auto;
transform: scale(0.75) translateY(10vh);
opacity: 0;
transition: 1500ms var(--ttf-8);
transition-property: transform, opacity;
}
.module-intro.is-on-screen .row--figure .can img {
opacity: 1;
transform: none;
}
.module-intro.is-on-screen .row--figure .can div {
position: relative;
transform: translateY(calc(var(--parallax-y, 0) * 20vh));
}
.module-intro .row--figure .can-2 {
position: absolute;
top: 30px;
left: calc(715 * var(--px));
transform: translateX(-50%);
width: max(176px, calc(378 * var(--px)));
z-index: 2;
}
.module-intro .row--figure .can-2 img {
display: block;
position: relative;
width: 100%;
height: auto;
transform: scale(0.75) translateY(10vh);
opacity: 0;
transition: 1500ms var(--ttf-8);
transition-property: transform, opacity;
}
.module-intro.is-on-screen .row--figure .can-2 img {
opacity: 1;
transform: none;
}
.module-intro.is-on-screen .row--figure .can-2 div {
position: relative;
transform: translateY(calc(var(--parallax-y, 0) * 10vh));
}
.module-intro .row--figure .splash {
position: relative;
}
.module-intro .row--figure .splash img {
width: 100%;
height: auto;
display: block;
transform: scale(0) translateY(10vh);
opacity: 0;
transition: 1500ms var(--ttf-8);
transition-property: transform, opacity;
}
.module-intro.is-on-screen .row--figure .splash img {
opacity: 1;
transform: scale(1.2);
}
@media (max-width: 800px) {
.module-intro .row--figure {
max-width: none;
}
.module-intro .row--figure .can {
left: calc(50vw - 130px);
}
.module-intro .row--figure .can-2 {
left: calc(50vw + 26px);
}
}
@media (max-width: 500px) {
.module-intro {
overflow-x: clip;
}
.module-intro .row--figure .splash img {
left: -70px;
width: calc(100vw + 120px);
position: relative;
max-width: none;
}
.module-intro .row--figure .can {
left: calc(50vw - 90px);
}
.module-intro .row--figure .can-2 {
left: calc(50vw + 66px);
}
}
.module-intro-2026 {
position: relative;
z-index: 1;
background: var(--base-color-yellow);
overflow-x: hidden;
overflow-x: clip;
}
.module-intro-2026 + .module {
position: relative;
z-index: 2;
}
.module-intro-2026 .module-inner {
position: relative;
z-index: 3;
padding-top: 50px;
}
.module-intro-2026 .background-video,
.module-intro-2026 .background-video video {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
object-fit: cover;
}
.module-intro-2026 .row--headlines {
position: relative;
z-index: 4;
opacity: 0;
transform: translateY(10vh);
transition: 500ms var(--ttf-2) 800ms;
transition-property: transform, opacity;
}
.module-intro-2026.is-on-screen .row--headlines {
opacity: 1;
transform: none;
}
.module-intro-2026 .row--headlines .headline {
margin-bottom: .24623115577889447236em;
}
.module-intro-2026 .row--headlines .subheadline {
margin-bottom: .9em;
}
@media (max-width: 500px) {
.module-intro-2026 .row--headlines .headline {
margin-bottom: 38px;
}
}
.module-intro-2026 .new,
.module-flavor-2026 .new {
display: block;
background: #e70018;
color: #ffffff;
text-transform: uppercase;
max-width: 10em;
text-align: center;
position: absolute;
z-index: 2;
right: calc(100% - 2em);
top: 50%;
font-family: var(--base-font-1-extrabold);
padding: 0.25em 0.5em 0.3em;
font-size: max(14px, calc(30 * var(--px)));
line-height: 1;
}
.module-flavor-2026 .new {
right: calc(100% - 4.5em);
}
.module-intro-2026 .new {
opacity: 0;
transition: 1500ms var(--ttf-8);
transition-property: transform, opacity;
transform: translateX(-30%);
}
.module-intro-2026.is-on-screen .new {
opacity: 1;
transform: none;
}
.module-intro-2026 .new > span,
.module-flavor-2026 .new > span {
display: block;
text-align: center;
}
@media (max-width: 767px) {
.module-flavor-2026 .new {
right: auto;
left: 20px;
top: 70%;
}
.module-flavor-2026 .new {
font-size: 19px;
}
}
.module-intro-2026 .row--copy {
max-width: max(470px, calc(700 * var(--px)));
margin-inline: auto;
position: relative;
z-index: 4;
}
.module-intro-2026 .row--copy .wysiwyg {
max-width: max(470px, calc(570 * var(--px)));
}
@media (max-width: 500px) {
.module-intro-2026 .row--copy .wysiwyg {
max-width: 283px;
margin-inline: auto;
}
}
.module-intro-2026 .divider {
position: absolute;
bottom: min(-100px, calc(-200 * var(--px-infinite)));
left: 0;
width: 100%;
height: max(300px, calc(860 * var(--px-infinite)));
overflow: hidden;
z-index: 2;
}
.module-intro-2026 .divider svg {
display: block;
width: 100%;
height: auto;
}
.module-intro-2026 .row--video {
margin-top: max(50px, calc(100 * var(--px)));
}
.module-intro-2026 .row--video > div {
perspective: 100vw;
}
.module-intro-2026 .row--figure {
text-align: center;
width: 100%;
max-width: max(610px, calc(1247 * var(--px)));
height: max(575px, calc(1178 * var(--px)));
position: relative;
margin-inline: auto;
margin-bottom: min(-120px, calc(-400 * var(--px)));
pointer-events: none;
user-select: none;
margin-top: max(100px, calc(100 * var(--px)));
}
.module-intro-2026 .row--figure .can {
position: absolute;
top: 0;
left: calc(260 * var(--px));
transform: translateX(-50%);
width: max(176px, calc(370 * var(--px)));
z-index: 3;
}
.module-intro-2026 .row--figure .can img {
display: block;
position: relative;
width: 100%;
height: auto;
transform: scale(0.75) translateY(10vh);
opacity: 0;
transition: 1500ms var(--ttf-8);
transition-property: transform, opacity;
}
.module-intro-2026.is-on-screen .row--figure .can img {
opacity: 1;
transform: none;
}
.module-intro-2026.is-on-screen .row--figure .can div {
position: relative;
transform: translateY(calc(var(--parallax-y, 0) * 20vh));
}
.module-intro-2026 .row--figure .can-2 {
position: absolute;
top: -30px;
left: calc(575 * var(--px));
transform: translateX(-50%);
width: max(200px, calc(465 * var(--px)));
z-index: 3;
}
.module-intro-2026 .row--figure .can-2 img {
display: block;
position: relative;
width: 100%;
height: auto;
transform: scale(0.75) translateY(10vh);
opacity: 0;
transition: 1500ms var(--ttf-8);
transition-property: transform, opacity;
}
.module-intro-2026.is-on-screen .row--figure .can-2 img {
opacity: 1;
transform: none;
}
.module-intro-2026.is-on-screen .row--figure .can-2 div {
position: relative;
transform: translateY(calc(var(--parallax-y, 0) * 10vh));
}
.module-intro-2026 .row--figure .can-3 {
position: absolute;
top: 30px;
left: calc(889 * var(--px));
transform: translateX(-50%);
width: max(176px, calc(370 * var(--px)));
z-index: 2;
}
.module-intro-2026 .row--figure .can-3 img {
display: block;
position: relative;
width: 100%;
height: auto;
transform: scale(0.75) translateY(10vh);
opacity: 0;
transition: 1500ms var(--ttf-8);
transition-property: transform, opacity;
}
.module-intro-2026.is-on-screen .row--figure .can-3 img {
opacity: 1;
transform: none;
}
.module-intro-2026.is-on-screen .row--figure .can-3 div {
position: relative;
transform: translateY(calc(var(--parallax-y, 0) * 15vh));
}
.module-intro-2026 .row--figure .splash {
position: relative;
}
.module-intro-2026 .row--figure .splash img {
width: 100%;
height: auto;
display: block;
transform: scale(0) translateY(10vh);
opacity: 0;
transition: 1500ms var(--ttf-8);
transition-property: transform, opacity;
}
.module-intro-2026.is-on-screen .row--figure .splash img {
opacity: 1;
transform: scale(1.2);
}
@media (max-width: 800px) {
.module-intro-2026 .row--figure {
max-width: none;
margin-bottom: -220px;
}
.module-intro-2026 .row--figure .can {
left: calc(50vw - 180px);
}
.module-intro-2026 .row--figure .can-2 {
left: calc(50vw - 40px);
}
.module-intro-2026 .row--figure .can-3 {
left: calc(50vw + 110px);
}
}
@media (max-width: 500px) {
.module-intro-2026 {
overflow-x: clip;
}
.module-intro-2026 .row--figure .splash img {
left: -70px;
width: calc(100vw + 120px);
position: relative;
max-width: none;
}
.module-intro-2026 .row--figure {
margin-bottom: -270px;
}
.module-intro-2026 .row--figure > * {
width: 140px !important;
}
.module-intro-2026 .row--figure .can {
left: calc(50vw - 130px);
}
.module-intro-2026 .row--figure .can-2 {
left: calc(50vw - 4px);
top: 0;
}
.module-intro-2026 .row--figure .can-3 {
left: calc(50vw + 110px);
}
.module-intro-2026 .new {
left: 10px;
right: auto;
top: auto;
bottom: 5px;
}
}
.module-large-image .row--image {
max-width: max(800px, calc(1212 * var(--px)));
margin-inline: auto;
z-index: 2;
position: relative;
}
.module-section-headline .row--headlines {
z-index: 2;
position: relative;
}
.module-section-headline:first-child .module-inner {
padding-top: max(200px, calc(400 * var(--px)));
}
.module-section-headline .headline.hdln-80 {
--min-font-size: 1.5rem;
}
.module-stores .row--map {
position: relative;
}
.module-stores .sn-map {
height: 75vh;
}
.module-stores .leaflet-container {
background: var(--base-color-yellow);
}
.sn-map .leaflet-control-locate-circle {
display: none !important;
}
.sn-map-marker > div {
position: absolute;
inset: 0;
transform: scale(calc(var(--zoom, 1) * 1.5));
transform-origin: center bottom;
background: url(/content/themes/196/imgs/marker.svg?x75761) no-repeat center center;
background-size: contain;
}
.marker-cluster {
width: 50px !important;
height: 50px !important;
margin-top: -25px !important;
margin-left: -25px !important;
}
.marker-cluster > div {
position: absolute;
inset: 0;
transform: scale(calc(var(--zoom, 1) * 1.5));
transform-origin: center bottom;
background: var(--base-color-black);
border-radius: 50%;
color: var(--base-color-white);
}
.marker-cluster span {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.module-stores .sn-store-details {
position: absolute;
top: calc(77 * var(--px));
right: calc(45 * var(--px));
z-index: 1000;
}
.module-stores .sn-store-details .store-details {
background: var(--base-color-white);
border-radius: max(13px, calc(30 * var(--px)));
padding: max(13px, calc(40 * var(--px)));
box-sizing: border-box;
width: max(240px, calc(340 * var(--px)));
position: relative;
}
.module-stores .sn-store-details .store-details .store-name {
margin-bottom: .57894736842105263157em;
padding-right: 1em;
}
.module-stores .sn-store-details .store-details .btn-set {
margin-top: 0;
}
.module-stores .sn-store-details .store-details .cpy-20 {
margin-bottom: 1.3em;
}
.module-stores .store-details .btn-close {
position: absolute;
top: max(16px, calc(21 * var(--px)));
right: max(16px, calc(27 * var(--px)));
display: block;
background: url(/content/themes/196/imgs/close.svg?x75761) no-repeat center center;
background-size: contain;
width: 17px;
height: 17px;
}
.module-stores .row--search {
max-width: max(470px, calc(700* var(--px)));
margin-inline: auto;
margin-bottom: max(64px, calc(72 * var(--px)));
}
@media (max-width: 500px) {
.module-stores .row--search {
max-width: 283px;
box-sizing: border-box;
padding-inline: var(--page-padding-left);
}
.module-stores .sn-map {
height: 100vw;
}
.store-details-wrap {
position: relative;
padding-inline: var(--page-padding-left);
}
.module-stores .sn-store-details {
position: relative;
top: auto;
right: auto;
}
.module-stores .sn-store-details .store-details {
width: 100%;
margin-block: var(--page-padding-left);
}
}
.module-where-to-buy {
position: relative;
}
.module-where-to-buy .module-inner {
padding-block: calc(260 * var(--px)) calc(260 * var(--px));
position: relative;
z-index: 2;
}
.module-where-to-buy .background-video {
position: absolute;
inset: 0;
z-index: 1;
}
.module-where-to-buy .background-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.module-where-to-buy .row--body {
margin-top: calc(100 * var(--px));
}
.logos-grid {
--columns: 4;
--base-width: 100%;
--column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
--column-gap: var(--page-padding-left);
--row-gap: 0px;
margin-right: calc(var(--column-gap) * -1);
margin-bottom: calc(var(--row-gap) * -1);
display: flex;
flex-flow: row wrap;
}
.logos-grid > * {
width: var(--column-width);
margin-right: var(--column-gap);
margin-bottom: var(--row-gap);
}
.logos-grid figure {
position: relative;
opacity: 0;
transform: scale(0.5);
transition: 1250ms var(--ttf-2) calc((var(--ios-item-index, 0) * 50ms) + 500ms);
transition-property: opacity, transform;
}
.module-where-to-buy .row--body.is-on-screen .logos-grid figure {
transform: none;
opacity: 1;
}
.module-where-to-buy .row--copy {
margin-top: calc(100 * var(--px));
}
@media (max-width: 600px) {
.logos-grid {
--columns: 2;
text-align: center;
}
.logos-grid figure img {
width: 80%;
}
}