/* UNMINIFIED BACKUP OF STYLES.MIN.CSS */
html {
padding: 0 !important;
}
/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
pointer-events: none;
z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
pointer-events: auto;
z-index: 1;
}
/* #Plyr
================================================== */
@keyframes plyr-progress{to{background-position: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:auto;-webkit-font-smoothing:subpixel-antialiased;direction:ltr;font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.7;max-width:100%;min-width:50px;position:relative;text-shadow:none;transition:box-shadow .3s ease}.plyr audio,.plyr video{border-radius:inherit;height:auto;vertical-align:middle;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:#4a5764;border-radius:2px;color:#fff;font-size: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;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions .plyr__caption{background:rgba(0,0,0,.8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__captions .plyr__caption div{display:inline}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:16px;padding:20px}}@media (min-width:768px){.plyr__captions{font-size:18px}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px)}.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}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--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr__control--overlaid{background:rgba(0,179,255,.8);border:0;border-radius:100%;color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#00b3ff}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:none !important}.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:2.5px}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px}.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 .plyr__controls__item.plyr__volume{padding-right:5px}.plyr__controls .plyr__controls__item.plyr__volume:first-child{padding-right:0}.plyr__controls:empty{display:none}.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4a5764;padding:10px}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:20px 5px 5px;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:35px 10px 10px}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.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);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:16px;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-top-color:rgba(255,255,255,.9);content:'';height:0;position:absolute;right:15px;top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px}.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:#4a5764;display:flex;font-size:14px;padding:4px 11px;-webkit-user-select:none;-moz-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;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px}.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(74,87,100,.8);right:5px}.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:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(74,87,100,.8);left:7px}.plyr__menu__container .plyr__control--back::before{background:#c1c9d1;box-shadow:0 1px 0 #fff;content:'';height:1px;left:0;margin-top:4px;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:7px}.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;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}.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(0,0,0,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;overflow:hidden;padding-left:25px;pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:26px;color:#00b3ff;display:block;height:19px;margin: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:2.5px;height:5px;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;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;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px;-webkit-appearance:none;margin-top:-4px}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;-moz-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width:13px}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;height:5px}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;height:5px;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:2.5px;height:5px;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:2.5px;height:5px;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;transition:all .2s ease;width: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{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr__poster{background-color:#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:14px}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr--video .plyr__time{text-shadow:0 1px 1px rgba(0,0,0,.15)}.plyr__tooltip{background:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:14px;font-weight:500;left:50%;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;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-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;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:16px}.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:16px;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--video{background:#000;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;border-radius:inherit;overflow:hidden;position:relative;z-index:0}.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;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr__progress{left:6.5px;margin-right:13px;position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-right:-6.5px;width:calc(100% + 13px)}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:14px;left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;left:0;margin-top:-2.5px;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;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;transition:width .2s ease}.plyr--video .plyr__progress__buffer{box-shadow:0 1px 1px rgba(0,0,0,.15);color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress__buffer{color:rgba(193,201,209,.66)}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,41,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,41,47,.6) 50%,rgba(35,41,47,.6) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,201,209,.66)}.plyr__volume{align-items:center;display:flex;flex:1;position:relative}.plyr__volume input[type=range]{margin-left:5px;position:relative;z-index:2}@media (min-width:480px){.plyr__volume{max-width:90px}}@media (min-width:768px){.plyr__volume{max-width:110px}}.plyr--is-ios .plyr__volume{display:none!important}.plyr--is-ios.plyr--vimeo [data-plyr=mute]{display:none!important}.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;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.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}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr:fullscreen .plyr__captions{font-size: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;top:50%;transform:translateY(-50%)}.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}}.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;top:50%;transform:translateY(-50%)}.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}}.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;top:50%;transform:translateY(-50%)}.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}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;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;top:50%;transform:translateY(-50%)}.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}}.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:rgba(35,41,47,.8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;left:0;margin:-2.5px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);margin-bottom:10px;opacity:0;padding: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-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c9d1;border-radius:2px;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:2px;color:#fff;font-size:14px;padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;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}
/* #Horizontal Scroll Bar
================================================== */
.horizontal-scroll{
width: 100%;
background-color: transparent;
height: 2px;
display: block;
}
.horizontal-scroll .scroll-bar {
background-color: #f1d203;
width: 0%;
display: block;
height: inherit;
}
.horizontal-scroll.is-fixed{
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 99;
}
/* #Video Sections
================================================== */
@media only screen and (max-width:480px) {
.featured-video.is-width-half.has-video-added {
background-color: transparent
}
}
.video-on-hover,
.swap-true .plyr--youtube,
.video-controls-enabled--false {
.plyr__controls,
.plyr__control--overlaid {
opacity: 0;
& > * {
pointer-events: none;
cursor: auto;
}
}
}
.featured-video.is-width-half.has-video-added .video-wrapper {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.video__container {
width: 100%
}
.video-controls--false .plyr__controls {
display: none
}
.video-present--false [data-video-element] {
display: none
}
.video-wrapper {
position: relative
}
.video-wrapper.overlay--text_only .video__text-wrapper {
position: relative
}
.video-wrapper video {
display: block;
width: 100%;
height: 100%;
object-fit:cover;
}
.video-wrapper .video__text-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 5
}
.video-wrapper .video__text-container .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: -1
}
@media only screen and (max-width:480px) {
.video-wrapper .video__text-container {
position: relative;
margin: 0
}
}
.video-wrapper .video__text {
height: 100%;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.video-wrapper .video__text-wrapper {
margin: 0;
padding: 30px
}
.video-wrapper .video__text-wrapper .button {
max-width: 50%
}
@media only screen and (max-width:480px) {
.video-wrapper .video__text-wrapper .button {
max-width: 100%
}
}
@media only screen and (max-width:480px) {
.video-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
@media only screen and (max-width:480px) {
.mobile-text--over-media .video__text-container {
position: absolute
}
}
@media only screen and (max-width:480px) {
.mobile-text--below-media .video__text-container {
margin-top: 20px;
margin-bottom: 20px
}
}
/* #Contact Page Overlay
================================================== */
#shopify-section-contact__video{
position:relative;
}
.page-contact div#shopify-section-page-contact__main {
position: relative;
z-index: 1;
background: none;
}
#shopify-section-contact__video:before{
content: '';
pointer-events: none;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(180deg, rgba(20, 20, 20, 0.24) 37.6%, #141414 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
z-index: 1;
mix-blend-mode: darken;
}
/* #Custom Cursor
================================================== */
.cursor {
position: fixed;
width: 40px;
height: 40px;
border-radius: 50%;
opacity:0;
background-color: #f1d203;
pointer-events: none;
mix-blend-mode: difference;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: black;
transition: transform 0.2s;
}
.cursor.drag-scale{
width:100px;
height:100px;
font-weight:bold;
font-size:30px;
transition: scale(1) !important;
}
.collection-work .cursor.drag-scale{
width:50px;
height:50px;
font-size:15px;
}
.cursor.active-before,
.cursor.active-after{
width:100px;
height:100px;
font-weight:700;
font-size:24px;
transition: scale(1) !important;
text-align: center;
}
@media (hover: none) and (pointer: coarse) {
.cursor {
display:none !important;
}
}
html:not(.disable-cursor),html:not(.disable-cursor) *:not(.input):not(.textarea) {
cursor: none !important;
user-select:none;
-webkit-user-select:none;
}
body {
font-family: sans-serif
}
/* #Custom Scrollbar
================================================== */
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(155, 155, 155 ,0.2);
-moz-box-shadow: inset 0 0 6px rgba(155, 155, 155 ,0.2);
border-radius: 0;
background-color: #141414
}
body::-webkit-scrollbar {
width: 8px;
background-color: #141414
}
body::-webkit-scrollbar-thumb {
border-radius: 15px;
background-color: #f1d203
}
/* #Flickity
================================================== */
.flickity-enabled {
position: relative
}
.flickity-enabled:focus {
outline: 0
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing
}
.flickity-button {
position: absolute;
background: 0 0;
border: none;
color: #fff
}
.flickity-button:disabled {
opacity: .3;
cursor: auto;
pointer-events: none
}
.flickity-button-icon {
fill: #fff
}
.flickity-prev-next-button {
cursor: pointer;
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
transform: translateY(-50%)
}
.flickity-prev-next-button.previous {
left: 10px
}
.flickity-prev-next-button.next {
right: 10px
}
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%
}
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1
}
.flickity-rtl .flickity-page-dots {
direction: rtl
}
.flickity-page-dots .dot {
display: inline-block;
width: 8px;
height: 8px;
margin: 0 6px;
background: #989898;
border-radius: 50%;
cursor: pointer
}
.flickity-page-dots .dot.is-selected {
background: #f1d203
}
.flickity-enabled.is-fade .flickity-slider>* {
pointer-events: none;
z-index: 0
}
.flickity-enabled.is-fade .flickity-slider>.is-selected {
pointer-events: auto;
z-index: 1
}
.lazyframe {
position: relative;
background-color: currentColor;
background-repeat: no-repeat;
background-size: cover
}
.lazyframe__title {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 15px 17px;
z-index: 3
}
.lazyframe__title:after {
z-index: -1
}
.lazyframe:hover {
cursor: pointer
}
.lazyframe:before {
display: block;
content: "";
width: 100%;
padding-top: 100%
}
.lazyframe[data-ratio="16:9"]:before {
padding-top: 56.25%
}
.lazyframe[data-ratio="4:3"]:before {
padding-top: 75%
}
.lazyframe[data-ratio="1:1"]:before {
padding-top: 100%
}
.lazyframe iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
width: 100%;
height: 100%
}
.lazyframe[data-vendor=youtube],
.lazyframe[data-vendor=youtube_nocookie] {
background-color: #e52d27;
font-family: Roboto, Arial, Helvetica, sans-serif
}
.lazyframe[data-vendor=youtube] .lazyframe__title,
.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title {
color: #eee;
font-family: Roboto, Arial, Helvetica, sans-serif;
font-size: 18px;
text-shadow: rgba(0, 0, 0, .49804) 0 0 2px;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
transition: color .1s cubic-bezier(.4, 0, 1, 1)
}
.lazyframe[data-vendor=youtube] .lazyframe__title:hover,
.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title:hover {
color: #fff
}
.lazyframe[data-vendor=youtube] .lazyframe__title:before,
.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title:before {
content: '';
display: block;
background: linear-gradient(rgba(0, 0, 0, .2), transparent);
height: 98px;
width: 100%;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
-webkit-tap-highlight-color: transparent
}
.lazyframe[data-vendor=youtube]:before,
.lazyframe[data-vendor=youtube_nocookie]:before {
padding-top: 56.25%
}
.lazyframe[data-vendor=youtube][data-ratio="16:9"]:before,
.lazyframe[data-vendor=youtube_nocookie][data-ratio="16:9"]:before {
padding-top: 56.25%
}
.lazyframe[data-vendor=youtube][data-ratio="4:3"]:before,
.lazyframe[data-vendor=youtube_nocookie][data-ratio="4:3"]:before {
padding-top: 75%
}
.lazyframe[data-vendor=youtube][data-ratio="1:1"]:before,
.lazyframe[data-vendor=youtube_nocookie][data-ratio="1:1"]:before {
padding-top: 100%
}
.lazyframe[data-vendor=youtube]:after,
.lazyframe[data-vendor=youtube_nocookie]:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 68px;
height: 48px;
margin-left: -34px;
margin-top: -24px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjIzFmMWYxZiIvPjxwYXRoIGQ9Ik0yMDMuMiAzNDRWMTg1LjVMMzQ4IDI2NC44IDIwMy4yIDM0NHoiIGZpbGw9IiNGRUZERkQiLz48L3N2Zz4=);
background-position: center center;
background-size: 100%;
background-repeat: no-repeat;
opacity: .81;
border: none;
z-index: 4
}
.lazyframe[data-vendor=youtube]:hover:after,
.lazyframe[data-vendor=youtube_nocookie]:hover:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg==);
opacity: 1
}
.lazyframe[data-vendor=vimeo] {
background-color: #00adef
}
.lazyframe[data-vendor=vimeo] .lazyframe__title {
font-family: "Helvetica Neue", Helvetica, Arial;
color: #00adef;
font-size: 20px;
font-weight: 700;
text-rendering: optimizeLegibility;
user-select: none;
-webkit-font-smoothing: auto;
-webkit-tap-highlight-color: transparent;
background-color: rgba(0, 0, 0, .5)
}
.lazyframe[data-vendor=vimeo]:before {
padding-top: 48.25%
}
.lazyframe[data-vendor=vimeo][data-ratio="16:9"]:before {
padding-top: 56.25%
}
.lazyframe[data-vendor=vimeo][data-ratio="4:3"]:before {
padding-top: 75%
}
.lazyframe[data-vendor=vimeo][data-ratio="1:1"]:before {
padding-top: 100%
}
.lazyframe[data-vendor=vimeo]:after {
content: '';
height: 40px;
width: 65px;
display: block;
position: absolute;
bottom: 10px;
left: 10px;
z-index: 3;
background-color: rgba(0, 0, 0, .5);
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYmFzZVByb2ZpbGU9InRpbnkiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNzY1IDE2Ljg5bDguNDctNC44OS04LjQ3LTQuODkiLz48L3N2Zz4=);
background-position: center center;
background-size: 100% 100%;
background-repeat: no-repeat;
border-radius: 5px;
position: relative
}
.lazyframe[data-vendor=vimeo]:hover:after {
background-color: #00adef
}
.lazyframe[data-vendor=vine] {
background-color: #00bf8f
}
.lazyframe[data-vendor=vine] .lazyframe__title {
color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 16px;
white-space: nowrap;
z-index: 3;
positon: relative
}
.lazyframe[data-vendor=vine] .lazyframe__title:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
height: 115px;
padding: 24px 70px 24px 24px;
background: linear-gradient(to top, rgba(23, 23, 23, 0) 0, rgba(23, 23, 23, .7) 100%)
}
.lazyframe[data-vendor=vine]:before {
padding-top: 100%
}
.lazyframe[data-vendor=vine][data-ratio="16:9"]:before {
padding-top: 56.25%
}
.lazyframe[data-vendor=vine][data-ratio="4:3"]:before {
padding-top: 75%
}
.lazyframe[data-vendor=vine][data-ratio="1:1"]:before {
padding-top: 100%
}
.lazyframe[data-vendor=vine]:after {
content: '';
width: 60px;
height: 60px;
position: absolute;
left: 50%;
top: 50%;
z-index: 4;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzYiIGhlaWdodD0iMTM2IiB2aWV3Qm94PSIwIDAgMTM2IDEzNiI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU2IDQ0Yy0uNyAwLTEuNC4yLTIgLjUtMS4yLjgtMiAyLTIgMy41djQwYzAgMS40LjggMi44IDIgMy41LjYuMyAxLjMuNSAyIC41czEuNC0uMiAyLS41bDM0LjYtMjBjMS4zLS43IDItMiAyLTMuNSAwLTEuNC0uNy0yLjgtMi0zLjVMNTggNDQuNWMtLjYtLjMtMS4zLS41LTItLjV6Ii8+PC9zdmc+);
background-color: rgba(0, 0, 0, .5);
background-size: cover;
background-repeat: no-repeat;
margin-top: -30px;
margin-left: -30px;
border-radius: 50%
}
.lazyframe[data-vendor=vine]:hover:after {
background-color: rgba(0, 0, 0, .75)
}
a.has-border-style {
position: relative;
border: none!important
}
a.has-border-style:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -3px;
left: 0;
background-color: #f1d203;
visibility: hidden;
transform: scaleX(0);
transition: all .3s ease-in-out
}
a.has-border-style:hover:before {
visibility: visible;
transform: scaleX(1)
}
.button,
.close,
.is-unselectable,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.mobile-menu-link::after,
.select:not(.is-multiple):not(.is-loading):not(.is-arrowless)::after {
font-family: flex-icon!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e902';
display: block;
pointer-events: none;
position: absolute;
transform-origin: center;
top: 50%;
transform: translateY(-50%);
font-size: .8em
}
.block:not(:last-child),
.content:not(:last-child),
.highlight:not(:last-child),
.subtitle:not(:last-child),
.title:not(:last-child) {
margin-bottom: 16px
}
.close {
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgba(10, 10, 10, .2);
border: none;
border-radius: 290486px;
cursor: pointer;
pointer-events: auto;
display: inline-block;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-grow: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
outline: 0;
position: relative;
height: 20px;
max-height: 20px;
max-width: 20px;
min-height: 20px;
min-width: 20px;
width: 20px;
padding: 0;
color: currentColor;
transition: .2s linear
}
.close .icon {
fill: currentColor;
height: 50%;
max-height: 50%;
max-width: 50%;
min-height: 50%;
min-width: 50%;
width: 50%
}
.close:focus,
.close:hover {
background-color: rgba(10, 10, 10, .3)
}
.close:active {
background-color: rgba(10, 10, 10, .4)
}
.is-small.close {
height: 16px;
max-height: 16px;
max-width: 16px;
min-height: 16px;
min-width: 16px;
width: 16px
}
.is-medium.close {
height: 24px;
max-height: 24px;
max-width: 24px;
min-height: 24px;
min-width: 24px;
width: 24px
}
.is-large.close {
height: 32px;
max-height: 32px;
max-width: 32px;
min-height: 32px;
min-width: 32px;
width: 32px
}
.button.is-loading::after,
.loader,
.select.is-loading::after {
animation: spinAround .5s infinite linear;
border: 2px solid #dbdbdb;
border-radius: 290486px;
border-right-color: transparent;
border-top-color: transparent;
content: "";
display: block;
height: 1em;
position: relative;
width: 1em
}
/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
margin: 0;
padding: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: 400
}
ul {
list-style: none
}
button,
input,
select,
textarea {
margin: 0
}
button:focus {
outline: 0
}
html {
box-sizing: border-box;
scroll-behavior: smooth
}
*,
::after,
::before {
box-sizing: inherit
}
audio,
img,
video {
height: auto;
max-width: 100%
}
iframe {
border: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0;
text-align: left
}
html {
background-color: #141414;
font-size: 16px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
min-width: 300px;
overflow-x: hidden;
overflow-y: auto;
text-rendering: optimizeLegibility;
text-size-adjust: 100%;
backface-visibility: hidden
}
main {
min-height: 30vh
}
article,
aside,
figure,
footer,
header,
hgroup,
main,
section {
display: block
}
body,
button,
input,
select,
textarea {
font-family: Montserrat, sans-serif
}
code,
pre {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: auto;
font-family: monospace
}
a {
color: #fff;
cursor: pointer;
text-decoration: none;
transition: color .3s ease-in-out
}
a strong {
color: currentColor
}
a:hover {
color: #f1d203
}
code {
background-color: #141414;
color: #ff3860;
font-size: .875em;
font-weight: 400;
padding: .25em .5em .25em
}
hr {
background-color: #141414;
border: none;
display: block;
height: 2px;
margin: 1.5rem 0
}
img {
height: auto;
max-width: 100%
}
input[type=checkbox],
input[type=radio] {
vertical-align: baseline
}
small {
font-size: .875em
}
span {
font-style: inherit;
font-weight: inherit
}
strong {
font-weight: 700
}
fieldset {
border: none
}
pre {
-webkit-overflow-scrolling: touch;
background-color: #141414;
color: #fff;
font-size: .875em;
overflow-x: auto;
padding: 1.25rem 1.5rem;
white-space: pre;
word-wrap: normal
}
pre code {
background-color: transparent;
color: currentColor;
font-size: 1em;
padding: 0
}
table td,
table th {
text-align: left;
vertical-align: top
}
table th {
color: #363636
}
.table.is-bordered td,
.table.is-bordered th {
border: 1px solid #d3d3d3;
padding: 5px
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
background-color: #fafafa
}
@font-face {
font-family: Montserrat;
font-weight: 500;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i5.3a4750a300f30824a43384268712b76e0a04be8c.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=f16fb8e7265918f7aee24dbae0672b2870c6b89e0ac1e7152c909a3abf8defc1) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i5.3c586d8884de1ac5627138711567f5b454adbef8.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=a2c29736a02ed75202b4d9634eb847b50ab2189a3bd033ea5f99d16b45f26e41) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=72404db08f82674cff55b037f7b706c8a281b294b69c33da2ea2424a0b614978) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=66a04f908fa69f4cd3d8ba49db24bd7b4dedc79b02b489436e901498960c23ec) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 500;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i5.3a4750a300f30824a43384268712b76e0a04be8c.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=f16fb8e7265918f7aee24dbae0672b2870c6b89e0ac1e7152c909a3abf8defc1) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i5.3c586d8884de1ac5627138711567f5b454adbef8.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=a2c29736a02ed75202b4d9634eb847b50ab2189a3bd033ea5f99d16b45f26e41) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=72404db08f82674cff55b037f7b706c8a281b294b69c33da2ea2424a0b614978) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=66a04f908fa69f4cd3d8ba49db24bd7b4dedc79b02b489436e901498960c23ec) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 400;
font-style: normal;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=7020775b7111a102644a52de7e17fd91a5109a0947e43e88b51105ff704d8c1f) format("woff2"), url(/cdn/fonts/montserrat/montserrat_n4.cfce41a967758ce5a9b7d48daeb5b028fd977a9b.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=fa4031d7ca7d18fb75eaebc2da466b7b911f3829b2a6ef557bdf4b1173a58888) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: normal;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=e219509bf17f4d8037249c66613d8d1fc1092aabc5030ecaba2fb8903cc2cb87) format("woff2"), url(/cdn/fonts/montserrat/montserrat_n7.78b0223375c94b39ce1af7e09a0225f2bb3d05f7.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=ed4c6ee4fc098700a7eb2298f9596c98b9de525056c51ae8dfd49ae84d37e0c8) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 400;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i4.ae02483b3d5e8777d0d4a4ccf396482c364d8955.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=f65ab70a032b1989c179389c3376459b86997659bfa913f614739886b7207e89) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i4.ba28d1a04ec09448de486d83c63235903dfc0af8.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=aeca1d59dca40c6e2a7bd0ca0e42a51f8751f5a8792bd517079c1aa12b34a113) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=72404db08f82674cff55b037f7b706c8a281b294b69c33da2ea2424a0b614978) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=66a04f908fa69f4cd3d8ba49db24bd7b4dedc79b02b489436e901498960c23ec) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=72404db08f82674cff55b037f7b706c8a281b294b69c33da2ea2424a0b614978) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=66a04f908fa69f4cd3d8ba49db24bd7b4dedc79b02b489436e901498960c23ec) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 900;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i9.7523f2a03fdaaa8b60d141507f9ba8d5c839661a.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=e16aae9d393e81b654fe2324d1c10f34c26e0926d85eeefeb4ecffa2d80f4109) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i9.fb9fe3dd44a3fefe44594bbed91d1246d54a459f.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=79b6dee46349ad24d77612e52900d6aa1154ae84bfb13b44f1e1041a5d031b40) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=72404db08f82674cff55b037f7b706c8a281b294b69c33da2ea2424a0b614978) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=66a04f908fa69f4cd3d8ba49db24bd7b4dedc79b02b489436e901498960c23ec) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 900;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i9.7523f2a03fdaaa8b60d141507f9ba8d5c839661a.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=e16aae9d393e81b654fe2324d1c10f34c26e0926d85eeefeb4ecffa2d80f4109) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i9.fb9fe3dd44a3fefe44594bbed91d1246d54a459f.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=79b6dee46349ad24d77612e52900d6aa1154ae84bfb13b44f1e1041a5d031b40) format("woff")
}
@font-face {
font-family: Lato;
font-weight: 400;
font-style: normal;
font-display: block;
src: url(/cdn/fonts/lato/lato_n4.c86cddcf8b15d564761aaa71b6201ea326f3648b.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=20f989a880acb471f670f11d431788e17ee8c81c40c458a8b83c50519e2fde6d) format("woff2"), url(/cdn/fonts/lato/lato_n4.e0ee1e2c008a0f429542630edf70be01045ac5e9.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=b34e80d3f10cbac0c876fa9de64481813a87cfa0fa447dc7ffa26fda26f618a8) format("woff")
}
@font-face {
font-family: Lato;
font-weight: 700;
font-style: normal;
font-display: block;
src: url(/cdn/fonts/lato/lato_n7.f0037142450bd729bdf6ba826f5fdcd80f2787ba.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=62f9e1bab931c8bf444c866a1ce81bf1a84eb2a7b27a7ca282e9af03069be6ea) format("woff2"), url(/cdn/fonts/lato/lato_n7.50161a3d4f05d049b7407d86c5a8834e4d6e29bf.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=e0f64cbcaa5deb798a429c33a5853c4a3737e4f83a8b90c8395f688afba94cf3) format("woff")
}
@font-face {
font-family: Lato;
font-weight: 400;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/lato/lato_i4.7307831c0d06d264a76f2f7310f8a29d0507d6d0.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=9a662b5e97bc3f45e35738077683fcdff70817dfbf0f9d2b9c5177a92eaf617a) format("woff2"), url(/cdn/fonts/lato/lato_i4.fb695d0d68d5b174347edaf543726b1903b57796.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=d6d0a79da07d5ec6b7f2a8ebb531ceb0485669b03928cd0a464466fbb2e226e2) format("woff")
}
@font-face {
font-family: Lato;
font-weight: 700;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/lato/lato_i7.86965a52f2ddabac45abc106c3d0cc22ac7b57bb.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=0bfc2ac2a7733718af529329600b6b4e46bc1a58ae3fa1049917828bbb5ed65b) format("woff2"), url(/cdn/fonts/lato/lato_i7.34d7f5a12391e5532b516b8bb3974f4cc3ee25ae.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=f5931ff48c249e49094fad207a1d56491ed72e89b8bbad4950740dac79de8354) format("woff")
}
@font-face {
font-family: Lato;
font-weight: 400;
font-style: normal;
font-display: block;
src: url(/cdn/fonts/lato/lato_n4.c86cddcf8b15d564761aaa71b6201ea326f3648b.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=20f989a880acb471f670f11d431788e17ee8c81c40c458a8b83c50519e2fde6d) format("woff2"), url(/cdn/fonts/lato/lato_n4.e0ee1e2c008a0f429542630edf70be01045ac5e9.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=b34e80d3f10cbac0c876fa9de64481813a87cfa0fa447dc7ffa26fda26f618a8) format("woff")
}
@font-face {
font-family: Lato;
font-weight: 700;
font-style: normal;
font-display: block;
src: url(/cdn/fonts/lato/lato_n7.f0037142450bd729bdf6ba826f5fdcd80f2787ba.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=62f9e1bab931c8bf444c866a1ce81bf1a84eb2a7b27a7ca282e9af03069be6ea) format("woff2"), url(/cdn/fonts/lato/lato_n7.50161a3d4f05d049b7407d86c5a8834e4d6e29bf.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=e0f64cbcaa5deb798a429c33a5853c4a3737e4f83a8b90c8395f688afba94cf3) format("woff")
}
@font-face {
font-family: Lato;
font-weight: 400;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/lato/lato_i4.7307831c0d06d264a76f2f7310f8a29d0507d6d0.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=9a662b5e97bc3f45e35738077683fcdff70817dfbf0f9d2b9c5177a92eaf617a) format("woff2"), url(/cdn/fonts/lato/lato_i4.fb695d0d68d5b174347edaf543726b1903b57796.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=d6d0a79da07d5ec6b7f2a8ebb531ceb0485669b03928cd0a464466fbb2e226e2) format("woff")
}
@font-face {
font-family: Lato;
font-weight: 700;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/lato/lato_i7.86965a52f2ddabac45abc106c3d0cc22ac7b57bb.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=0bfc2ac2a7733718af529329600b6b4e46bc1a58ae3fa1049917828bbb5ed65b) format("woff2"), url(/cdn/fonts/lato/lato_i7.34d7f5a12391e5532b516b8bb3974f4cc3ee25ae.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=f5931ff48c249e49094fad207a1d56491ed72e89b8bbad4950740dac79de8354) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=72404db08f82674cff55b037f7b706c8a281b294b69c33da2ea2424a0b614978) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=66a04f908fa69f4cd3d8ba49db24bd7b4dedc79b02b489436e901498960c23ec) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 900;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i9.7523f2a03fdaaa8b60d141507f9ba8d5c839661a.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=e16aae9d393e81b654fe2324d1c10f34c26e0926d85eeefeb4ecffa2d80f4109) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i9.fb9fe3dd44a3fefe44594bbed91d1246d54a459f.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=79b6dee46349ad24d77612e52900d6aa1154ae84bfb13b44f1e1041a5d031b40) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=72404db08f82674cff55b037f7b706c8a281b294b69c33da2ea2424a0b614978) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=66a04f908fa69f4cd3d8ba49db24bd7b4dedc79b02b489436e901498960c23ec) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 900;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i9.7523f2a03fdaaa8b60d141507f9ba8d5c839661a.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=e16aae9d393e81b654fe2324d1c10f34c26e0926d85eeefeb4ecffa2d80f4109) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i9.fb9fe3dd44a3fefe44594bbed91d1246d54a459f.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=79b6dee46349ad24d77612e52900d6aa1154ae84bfb13b44f1e1041a5d031b40) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 400;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i4.ae02483b3d5e8777d0d4a4ccf396482c364d8955.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=f65ab70a032b1989c179389c3376459b86997659bfa913f614739886b7207e89) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i4.ba28d1a04ec09448de486d83c63235903dfc0af8.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=aeca1d59dca40c6e2a7bd0ca0e42a51f8751f5a8792bd517079c1aa12b34a113) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 400;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i4.ae02483b3d5e8777d0d4a4ccf396482c364d8955.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=f65ab70a032b1989c179389c3376459b86997659bfa913f614739886b7207e89) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i4.ba28d1a04ec09448de486d83c63235903dfc0af8.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=aeca1d59dca40c6e2a7bd0ca0e42a51f8751f5a8792bd517079c1aa12b34a113) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=72404db08f82674cff55b037f7b706c8a281b294b69c33da2ea2424a0b614978) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=66a04f908fa69f4cd3d8ba49db24bd7b4dedc79b02b489436e901498960c23ec) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 900;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i9.7523f2a03fdaaa8b60d141507f9ba8d5c839661a.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=e16aae9d393e81b654fe2324d1c10f34c26e0926d85eeefeb4ecffa2d80f4109) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i9.fb9fe3dd44a3fefe44594bbed91d1246d54a459f.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=79b6dee46349ad24d77612e52900d6aa1154ae84bfb13b44f1e1041a5d031b40) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=72404db08f82674cff55b037f7b706c8a281b294b69c33da2ea2424a0b614978) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=66a04f908fa69f4cd3d8ba49db24bd7b4dedc79b02b489436e901498960c23ec) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 900;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i9.7523f2a03fdaaa8b60d141507f9ba8d5c839661a.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=e16aae9d393e81b654fe2324d1c10f34c26e0926d85eeefeb4ecffa2d80f4109) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i9.fb9fe3dd44a3fefe44594bbed91d1246d54a459f.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=79b6dee46349ad24d77612e52900d6aa1154ae84bfb13b44f1e1041a5d031b40) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 400;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i4.ae02483b3d5e8777d0d4a4ccf396482c364d8955.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=f65ab70a032b1989c179389c3376459b86997659bfa913f614739886b7207e89) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i4.ba28d1a04ec09448de486d83c63235903dfc0af8.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=aeca1d59dca40c6e2a7bd0ca0e42a51f8751f5a8792bd517079c1aa12b34a113) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 400;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i4.ae02483b3d5e8777d0d4a4ccf396482c364d8955.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=f65ab70a032b1989c179389c3376459b86997659bfa913f614739886b7207e89) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i4.ba28d1a04ec09448de486d83c63235903dfc0af8.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=aeca1d59dca40c6e2a7bd0ca0e42a51f8751f5a8792bd517079c1aa12b34a113) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 400;
font-style: normal;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=7020775b7111a102644a52de7e17fd91a5109a0947e43e88b51105ff704d8c1f) format("woff2"), url(/cdn/fonts/montserrat/montserrat_n4.cfce41a967758ce5a9b7d48daeb5b028fd977a9b.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=fa4031d7ca7d18fb75eaebc2da466b7b911f3829b2a6ef557bdf4b1173a58888) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: normal;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=e219509bf17f4d8037249c66613d8d1fc1092aabc5030ecaba2fb8903cc2cb87) format("woff2"), url(/cdn/fonts/montserrat/montserrat_n7.78b0223375c94b39ce1af7e09a0225f2bb3d05f7.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=ed4c6ee4fc098700a7eb2298f9596c98b9de525056c51ae8dfd49ae84d37e0c8) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 400;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i4.ae02483b3d5e8777d0d4a4ccf396482c364d8955.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=f65ab70a032b1989c179389c3376459b86997659bfa913f614739886b7207e89) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i4.ba28d1a04ec09448de486d83c63235903dfc0af8.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=aeca1d59dca40c6e2a7bd0ca0e42a51f8751f5a8792bd517079c1aa12b34a113) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=72404db08f82674cff55b037f7b706c8a281b294b69c33da2ea2424a0b614978) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=66a04f908fa69f4cd3d8ba49db24bd7b4dedc79b02b489436e901498960c23ec) format("woff")
}
@font-face {
font-family: Lato;
font-weight: 400;
font-style: normal;
font-display: block;
src: url(/cdn/fonts/lato/lato_n4.c86cddcf8b15d564761aaa71b6201ea326f3648b.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=20f989a880acb471f670f11d431788e17ee8c81c40c458a8b83c50519e2fde6d) format("woff2"), url(/cdn/fonts/lato/lato_n4.e0ee1e2c008a0f429542630edf70be01045ac5e9.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=b34e80d3f10cbac0c876fa9de64481813a87cfa0fa447dc7ffa26fda26f618a8) format("woff")
}
@font-face {
font-family: Lato;
font-weight: 700;
font-style: normal;
font-display: block;
src: url(/cdn/fonts/lato/lato_n7.f0037142450bd729bdf6ba826f5fdcd80f2787ba.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=62f9e1bab931c8bf444c866a1ce81bf1a84eb2a7b27a7ca282e9af03069be6ea) format("woff2"), url(/cdn/fonts/lato/lato_n7.50161a3d4f05d049b7407d86c5a8834e4d6e29bf.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=e0f64cbcaa5deb798a429c33a5853c4a3737e4f83a8b90c8395f688afba94cf3) format("woff")
}
@font-face {
font-family: Lato;
font-weight: 400;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/lato/lato_i4.7307831c0d06d264a76f2f7310f8a29d0507d6d0.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=9a662b5e97bc3f45e35738077683fcdff70817dfbf0f9d2b9c5177a92eaf617a) format("woff2"), url(/cdn/fonts/lato/lato_i4.fb695d0d68d5b174347edaf543726b1903b57796.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=d6d0a79da07d5ec6b7f2a8ebb531ceb0485669b03928cd0a464466fbb2e226e2) format("woff")
}
@font-face {
font-family: Lato;
font-weight: 700;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/lato/lato_i7.86965a52f2ddabac45abc106c3d0cc22ac7b57bb.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=0bfc2ac2a7733718af529329600b6b4e46bc1a58ae3fa1049917828bbb5ed65b) format("woff2"), url(/cdn/fonts/lato/lato_i7.34d7f5a12391e5532b516b8bb3974f4cc3ee25ae.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=f5931ff48c249e49094fad207a1d56491ed72e89b8bbad4950740dac79de8354) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=72404db08f82674cff55b037f7b706c8a281b294b69c33da2ea2424a0b614978) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=66a04f908fa69f4cd3d8ba49db24bd7b4dedc79b02b489436e901498960c23ec) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 900;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i9.7523f2a03fdaaa8b60d141507f9ba8d5c839661a.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=e16aae9d393e81b654fe2324d1c10f34c26e0926d85eeefeb4ecffa2d80f4109) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i9.fb9fe3dd44a3fefe44594bbed91d1246d54a459f.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=79b6dee46349ad24d77612e52900d6aa1154ae84bfb13b44f1e1041a5d031b40) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 700;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=72404db08f82674cff55b037f7b706c8a281b294b69c33da2ea2424a0b614978) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=66a04f908fa69f4cd3d8ba49db24bd7b4dedc79b02b489436e901498960c23ec) format("woff")
}
@font-face {
font-family: Montserrat;
font-weight: 900;
font-style: italic;
font-display: block;
src: url(/cdn/fonts/montserrat/montserrat_i9.7523f2a03fdaaa8b60d141507f9ba8d5c839661a.woff2?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=e16aae9d393e81b654fe2324d1c10f34c26e0926d85eeefeb4ecffa2d80f4109) format("woff2"), url(/cdn/fonts/montserrat/montserrat_i9.fb9fe3dd44a3fefe44594bbed91d1246d54a459f.woff?h1=YzItZGlnaXRhbC5jb20&h2=YzItZGlnaXRhbC5jYQ&h3=Y3NxdWFyZWRkaWdpdGFsLmNvbQ&hmac=79b6dee46349ad24d77612e52900d6aa1154ae84bfb13b44f1e1041a5d031b40) format("woff")
}
@font-face {
font-family: flex-icon;
src: url(/cdn/shop/t/13/assets/flex-icon.ttf?v=14100130636688647098) format("truetype"), url(/cdn/shop/t/13/assets/flex-icon.woff?v=6556297278318994921) format("woff"), url(/cdn/shop/t/13/assets/flex-icon.svg?v=12215575079412057538) format("svg");
font-weight: 400;
font-style: normal;
font-display: block
}
body {
font-family: Montserrat, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 16px;
color: #fff;
line-height: 1.5;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
letter-spacing: -.02em
}
.h1,
h1 {
font-family: Montserrat, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 38px;
text-transform: none;
line-height: 1.5;
color: #fff;
display: block;
letter-spacing: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media only screen and (max-width:798px) {
.h1,
h1 {
font-size: 30px
}
}
.h1>a,
.h1>a:link,
.h1>a:visited,
h1>a,
h1>a:link,
h1>a:visited {
color: #fff
}
.h1>a:focus,
.h1>a:hover,
h1>a:focus,
h1>a:hover {
color: #f1d203
}
.h2,
h2 {
font-family: Montserrat, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 34px;
text-transform: none;
line-height: 1.5;
color: #fff;
display: block;
letter-spacing: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media only screen and (max-width:798px) {
.h2,
h2 {
font-size: 27px
}
}
.h2>a,
.h2>a:link,
.h2>a:visited,
h2>a,
h2>a:link,
h2>a:visited {
color: #fff
}
.h2>a:focus,
.h2>a:hover,
h2>a:focus,
h2>a:hover {
color: #f1d203
}
.h3,
h3 {
font-family: Montserrat, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 30px;
text-transform: none;
line-height: 1.5;
color: #fff;
display: block;
letter-spacing: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media only screen and (max-width:798px) {
.h3,
h3 {
font-size: 24px
}
}
.h3>a,
.h3>a:link,
.h3>a:visited,
h3>a,
h3>a:link,
h3>a:visited {
color: #fff
}
.h3>a:focus,
.h3>a:hover,
h3>a:focus,
h3>a:hover {
color: #f1d203
}
.h4,
h4 {
font-family: Montserrat, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 26px;
text-transform: none;
line-height: 1.5;
color: #fff;
display: block;
letter-spacing: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media only screen and (max-width:798px) {
.h4,
h4 {
font-size: 20px
}
}
.h4>a,
.h4>a:link,
.h4>a:visited,
h4>a,
h4>a:link,
h4>a:visited {
color: #fff
}
.h4>a:focus,
.h4>a:hover,
h4>a:focus,
h4>a:hover {
color: #f1d203
}
.h5,
h5 {
font-family: Montserrat, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 24px;
text-transform: none;
line-height: 1.5;
color: #fff;
display: block;
letter-spacing: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media only screen and (max-width:798px) {
.h5,
h5 {
font-size: 19px
}
}
.h5>a,
.h5>a:link,
.h5>a:visited,
h5>a,
h5>a:link,
h5>a:visited {
color: #fff
}
.h5>a:focus,
.h5>a:hover,
h5>a:focus,
h5>a:hover {
color: #f1d203
}
.h6,
h6 {
font-family: Montserrat, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 22px;
text-transform: none;
line-height: 1.5;
color: #fff;
display: block;
letter-spacing: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media only screen and (max-width:798px) {
.h6,
h6 {
font-size: 17px
}
}
.h6>a,
.h6>a:link,
.h6>a:visited,
h6>a,
h6>a:link,
h6>a:visited {
color: #fff
}
.h6>a:focus,
.h6>a:hover,
h6>a:focus,
h6>a:hover {
color: #f1d203
}
a {
color: #fff;
cursor: pointer;
text-decoration: none
}
a strong {
color: currentColor
}
a:hover {
color: #f1d203
}
sub {
font-size: smaller
}
em,
i {
font-style: italic
}
b,
strong {
font-weight: 700
}
small {
font-size: smaller
}
blockquote {
font-size: larger;
line-height: 1.2;
font-style: italic
}
blockquote cite {
display: block;
font-size: smaller
}
blockquote cite:before {
content: "\2014 \0020"
}
.text-align-center {
text-align: center
}
.text-align-left,
.text-align-start {
text-align: left
}
.text-align-end,
.text-align-right {
text-align: right
}
.text-align-justify {
text-align: justify
}
.is-capitalized {
text-transform: capitalize
}
.is-lowercase {
text-transform: lowercase
}
.is-uppercase {
text-transform: uppercase
}
.is-italic {
font-style: italic!important
}
.text-is-large {
font-size: larger
}
.text-is-medium {
font-size: initial
}
.text-is-small {
font-size: smaller
}
.subtitle,
.title {
word-break: break-word
}
.subtitle em,
.subtitle span,
.title em,
.title span {
font-weight: inherit
}
.subtitle sub,
.title sub {
font-size: .75em
}
.subtitle sup,
.title sup {
font-size: .75em
}
.subtitle .tag,
.title .tag {
vertical-align: middle
}
.title {
color: #fff;
font-size: 38px;
font-weight: 700;
line-height: 1.125
}
.title strong {
color: inherit;
font-weight: inherit
}
.title+.highlight {
margin-top: -.75rem
}
.title:not(.is-spaced)+.subtitle:not(.modal_price) {
margin-top: -1.25rem
}
.title.is-1 {
font-size: 3rem
}
.title.is-2 {
font-size: 2.5rem
}
.title.is-3 {
font-size: 2rem
}
.title.is-4 {
font-size: 1.5rem
}
.title.is-5 {
font-size: 1.25rem
}
.title.is-6 {
font-size: 1rem
}
.title.is-7 {
font-size: .75rem
}
.subtitle {
color: #fff;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.25
}
.subtitle strong {
color: inherit;
font-weight: 600
}
.subtitle:not(.is-spaced)+.title {
margin-top: -1.25rem
}
.subtitle.is-1 {
font-size: 3rem
}
.subtitle.is-2 {
font-size: 2.5rem
}
.subtitle.is-3 {
font-size: 2rem
}
.subtitle.is-4 {
font-size: 1.5rem
}
.subtitle.is-5 {
font-size: 1.25rem
}
.subtitle.is-6 {
font-size: 1rem
}
.subtitle.is-7 {
font-size: .75rem
}
.large-heading {
padding-bottom: 40px
}
.signature {
font-family: fantasy
}
.heading-divider:not(.heading-divider--vertical) {
border-style: solid;
border-color: #fff;
border-width: 2px;
border-bottom: none
}
.heading-divider--short {
width: 70px
}
.heading-divider--long {
width: 100%
}
.heading-divider--vertical {
background: #fff;
width: 2px;
height: 40px
}
@keyframes spinAround {
from {
transform: rotate(0)
}
to {
transform: rotate(359deg)
}
}
.is-flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.is-inline-flex {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex
}
.is-align-left,
.is-align-start {
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start
}
.is-align-end,
.is-align-right {
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end
}
.is-align-self-end,
.is-align-self-right {
-webkit-align-self: flex-end;
-moz-align-self: flex-end;
-ms-align-self: flex-end;
align-self: flex-end
}
.is-align-baseline {
-webkit-align-items: baseline;
-moz-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline
}
.is-align-center {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center
}
.is-align-stretch {
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch
}
.is-justify-left,
.is-justify-start {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start
}
.is-justify-end,
.is-justify-right {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end
}
.is-justify-center {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center
}
.is-justify-space-around {
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
-ms-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: space-around
}
.is-justify-space-between {
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between
}
.is-flex-nowrap {
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.is-flex-wrap {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.is-flex-wrap-reverse {
-webkit-flex-wrap: wrap-reverse;
-moz-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse
}
.is-flex-row {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.is-flex-row-reverse {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.is-flex-column {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.is-flex-column-reverse {
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
@media only screen and (max-width:480px) {
.is-flex-column--mobile {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
@media only screen and (max-width:480px) {
.is-flex-column-reverse-mobile {
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
.is-order-aligned-left {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
@media only screen and (max-width:480px) {
.is-order-aligned-left {
-webkit-box-ordinal-group: inherit;
-moz-box-ordinal-group: inherit;
-ms-flex-order: inherit;
-webkit-order: inherit;
order: inherit
}
}
.is-order-aligned-right {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1
}
@media only screen and (max-width:480px) {
.is-order-aligned-right {
-webkit-box-ordinal-group: inherit;
-moz-box-ordinal-group: inherit;
-ms-flex-order: inherit;
-webkit-order: inherit;
order: inherit
}
}
.is-pulled-left {
float: left!important
}
.is-pulled-right {
float: right!important
}
.is-clipped {
overflow: hidden!important
}
.is-hidden {
display: none!important
}
.is-visible {
display: block!important
}
.is-sr-only {
border: none!important;
clip: rect(0, 0, 0, 0)!important;
height: .01em!important;
overflow: hidden!important;
padding: 0!important;
position: absolute!important;
white-space: nowrap!important;
width: .01em!important
}
.is-invisible {
visibility: hidden!important
}
@media only screen and (min-width:481px) and (max-width:798px) {
.is-hidden-small {
display: none!important
}
}
@media only screen and (min-width:799px) and (max-width:1024px) {
.is-hidden-medium {
display: none!important
}
}
@media only screen and (min-width:1025px) and (max-width:1400px) {
.is-hidden-large {
display: none!important
}
}
@media only screen and (max-width:798px) {
.is-hidden-mobile-only {
display: none!important
}
}
@media only screen and (min-width:799px) {
.is-hidden-desktop-only {
display: none!important
}
}
.is-invisible {
visibility: hidden!important
}
.has-padding-top {
padding-top: 16px
}
.has-padding-bottom {
padding-bottom: 16px
}
.has-padding-left {
padding-left: 16px
}
.has-padding-right {
padding-right: 16px
}
.has-padding {
padding: 16px
}
.has-large-padding-top {
padding-top: calc(16px * 2)
}
.has-large-padding-bottom {
padding-bottom: calc(16px * 2)
}
.has-small-padding-top {
padding-top: calc(16px / 2)
}
.has-small-padding-bottom {
padding-bottom: calc(16px / 2)
}
.has-margin-top {
margin-top: 16px
}
.has-margin-bottom {
margin-bottom: 16px
}
.has-margin-left {
margin-left: 16px
}
.has-margin-right {
margin-right: 16px
}
.has-margin {
margin: 16px
}
.border--true {
border: 1px solid #d3d3d3
}
.border-top {
border: none;
border-top: 1px solid #d3d3d3
}
.border-bottom {
border: none;
border-bottom: 1px solid #d3d3d3
}
.border-right {
border: none;
border-right: 1px solid #d3d3d3
}
.border-left {
border: none;
border-left: 1px solid #d3d3d3
}
.box {
border-radius: 6px;
box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1)
}
.container-border--top::before {
display: block;
content: '';
height: 0;
width: calc(100% - 16px);
border-top: thin solid #d3d3d3;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
float: left
}
@media only screen and (max-width:480px) {
.container-border--top::before {
width: 100%
}
}
.container-border--bottom::after {
display: block;
content: '';
height: 0;
width: calc(100% - 16px);
border-top: thin solid #d3d3d3;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
clear: both
}
@media only screen and (max-width:480px) {
.container-border--bottom::after {
width: 100%
}
}
.has-columns--2 {
column-count: 2
}
@media only screen and (max-width:480px) {
.has-columns--2 {
column-count: 1
}
}
.has-columns--3 {
column-count: 3
}
@media only screen and (max-width:480px) {
.has-columns--3 {
column-count: 1
}
}
.is-marginless {
margin: 0!important
}
.is-paddingless {
padding: 0!important
}
.is-radiusless {
border-radius: 0!important
}
.is-shadowless {
box-shadow: none!important
}
.is-relative {
position: relative
}
.visuallyhidden {
position: absolute!important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
@media only screen and (max-width:798px) {
.is-fullwidth-mobile {
width: 100vw!important;
padding: 20px!important;
position: relative!important;
left: 50%!important;
right: 50%!important;
margin-left: -50vw!important;
margin-right: -50vw!important
}
}
[data-scroll-class] {
opacity: 0;
animation-delay: .2s
}
.fancybox-thumbs__list a:before {
border: 6px solid #fff
}
.fancybox-button {
transition: opacity .3s ease-in-out
}
.flickity-viewport {
width: 100%
}
.flickity-prev-next-button {
position: absolute;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.flickity-prev-next-button .flickity-button-icon {
position: static;
top: initial;
left: initial;
margin: auto
}
.flickity-button {
transition: background-color .3s ease-in-out
}
.shopify-challenge__container {
padding: 40px 0
}
.flickity-resize .image-slideshow__slide {
min-height: 100%
}
.image-slideshow--fade .image-slideshow__slide {
opacity: 0!important;
transition: opacity 1s ease!important
}
.image-slideshow--fade .image-slideshow__slide.is-selected {
opacity: 1!important
}
.lazyframe {
background-color: #000!important
}
.flexslider .flickity-slider li,
.slider .flickity-slider li {
width: 100%;
list-style: none;
padding-left: .1%;
padding-right: .1%;
margin: 0!important
}
.flexslider .flickity-slider li img,
.slider .flickity-slider li img {
width: 100%
}
.flexslider .flickity-page-dots,
.slider .flickity-page-dots {
margin: 0
}
.index {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.index-sections,
.page-blocks {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
width: 100%
}
.shopify-section {
width: 100%
}
@media only screen and (max-width:480px) {
.shopify-section {
width: 100%!important;
padding-left: 0!important;
padding-right: 0!important
}
}
.section {
max-width: 1344px;
width: calc(100% - 48px);
margin-left: auto;
margin-right: auto
}
.section.has-background {
width: calc(calc(100% - 48px) - 16px);
max-width: calc(1344px - 16px)
}
@media only screen and (max-width:798px) {
.section {
width: 100%!important;
padding: 0 25px
}
}
.section.is-width-half {
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
width: 100%;
max-width: none
}
@media only screen and (max-width:798px) {
.section.is-width-half {
width: 100%
}
}
@media only screen and (max-width:480px) {
.section.is-width-half .container.small-down--has-limit {
max-width: 1344px;
width: calc(100% - 48px)
}
}
.section.is-width-small {
max-width: 1200px
}
@media only screen and (max-width:480px) {
.section.is-width-small {
width: 100%;
padding: 0;
margin: 0
}
}
.section.is-width-wide {
width: 100%;
max-width: none
}
.section.is-width-wide .container.has-limit {
max-width: 1344px;
width: calc(100% - 48px)
}
@media only screen and (max-width:480px) {
.section.is-width-wide .container.has-limit {
width: 100%
}
}
@media only screen and (max-width:798px) {
.section.is-width-wide {
padding: 0
}
}
@media only screen and (max-width:480px) {
.section.is-width-wide .container.small-down--has-limit {
max-width: 1344px;
width: calc(100% - 48px)
}
}
@media only screen and (max-width:480px) {
.section.section__wrapper {
max-width: 1344px;
width: calc(100% - 48px)
}
}
.container {
position: relative;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.container .column,
.container .columns {
margin-left: calc(16px / 2);
margin-right: calc(16px / 2)
}
.container.is-small {
width: 50%
}
@media only screen and (max-width:480px) {
.container.is-small {
width: 60%
}
}
.container.is-medium {
width: 70%
}
@media only screen and (max-width:480px) {
.container.is-medium {
width: 80%
}
}
.container.has-column-padding-bottom .column,
.container.has-column-padding-bottom .columns {
margin-bottom: 16px
}
.row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 16px
}
@media only screen and (max-width:798px) {
.row .column,
.row .columns {
width: 100%;
margin-left: 0;
margin-right: 0
}
}
[class*=offset-by] {
position: relative
}
@media only screen and (max-width:480px) {
[class*=offset-by] {
position: static
}
}
@media only screen and (max-width:798px) {
.has-gutter-enabled .has-gutter--mobile {
margin-bottom: 16px
}
}
.has-gutter-enabled.has-multirow-blocks .has-gutter {
margin-bottom: 16px
}
.hidden {
display: none!important
}
.visible {
display: block!important
}
.one-whole {
width: calc(100% - 16px)
}
.one-half {
width: calc(50% - 16px)
}
.one-third {
width: calc(33.33333% - 16px)
}
.two-thirds {
width: calc(66.66667% - 16px)
}
.one-fourth {
width: calc(25% - 16px)
}
.two-fourths {
width: calc(50% - 16px)
}
.three-fourths {
width: calc(75% - 16px)
}
.one-fifth {
width: calc(20% - 16px)
}
.two-fifths {
width: calc(40% - 16px)
}
.three-fifths {
width: calc(60% - 16px)
}
.four-fifths {
width: calc(80% - 16px)
}
.three-sevenths {
width: calc(42.85714% - 16px)
}
.four-sevenths {
width: calc(57.14286% - 16px)
}
.has-no-side-gutter.has-background {
padding-right: 0;
padding-left: 0
}
.has-no-side-gutter .eight,
.has-no-side-gutter .four,
.has-no-side-gutter .one-eighth,
.has-no-side-gutter .one-fifth,
.has-no-side-gutter .one-fourth,
.has-no-side-gutter .one-half,
.has-no-side-gutter .one-seventh,
.has-no-side-gutter .one-sixth,
.has-no-side-gutter .one-third,
.has-no-side-gutter .one-whole,
.has-no-side-gutter .three-fifths,
.has-no-side-gutter .two,
.has-no-side-gutter .two-fifths,
.has-no-side-gutter .two-thirds {
margin-right: 0;
margin-left: 0
}
.has-no-side-gutter .one-whole {
width: 100%
}
.has-no-side-gutter .one-half {
width: 50%
}
.has-no-side-gutter .one-third {
width: 33.33333%
}
.has-no-side-gutter .one-fourth {
width: 25%
}
.has-no-side-gutter .one-fifth {
width: 20%
}
.has-no-side-gutter .two-fifths {
width: 40%
}
.has-no-side-gutter .three-fifths {
width: 60%
}
.has-no-side-gutter .one-sixth {
width: 16.66667%
}
.has-no-side-gutter .one-seventh {
width: 14.28571%
}
.has-no-side-gutter .one-eighth {
width: 12.5%
}
.has-no-side-gutter .two-thirds {
width: 66.66667%
}
.has-no-side-gutter .two {
width: 12.5%
}
.has-no-side-gutter .four {
width: 25%
}
.has-no-side-gutter .seven {
width: 43.75%
}
.has-no-side-gutter .eight {
width: 50%
}
.has-no-side-gutter .nine {
width: 56.25%
}
.has-no-side-gutter .three-sevenths {
width: calc(42.85714%)
}
.has-no-side-gutter .four-sevenths {
width: calc(57.14286%)
}
.show {
display: block!important
}
.hide {
display: none!important
}
.text-left {
text-align: left!important
}
.text-right {
text-align: right!important
}
.text-center {
text-align: center!important
}
@media only screen and (max-width:1024px) {
.large-down--hidden {
display: none!important
}
.large-down--visible {
display: block!important
}
.large-down--one-whole {
width: calc(100% - 16px)
}
.large-down--one-half {
width: calc(50% - 16px)
}
.large-down--one-third {
width: calc(33.33333% - 16px)
}
.large-down--two-thirds {
width: calc(66.66667% - 16px)
}
.large-down--one-fourth {
width: calc(25% - 16px)
}
.large-down--two-fourths {
width: calc(50% - 16px)
}
.large-down--three-fourths {
width: calc(75% - 16px)
}
.large-down--one-fifth {
width: calc(20% - 16px)
}
.large-down--two-fifths {
width: calc(40% - 16px)
}
.large-down--three-fifths {
width: calc(60% - 16px)
}
.large-down--four-fifths {
width: calc(80% - 16px)
}
.large-down--three-sevenths {
width: calc(42.85714% - 16px)
}
.large-down--four-sevenths {
width: calc(57.14286% - 16px)
}
.has-no-side-gutter.has-background {
padding-right: 0;
padding-left: 0
}
.has-no-side-gutter .large-down--eight,
.has-no-side-gutter .large-down--four,
.has-no-side-gutter .large-down--one-eighth,
.has-no-side-gutter .large-down--one-fifth,
.has-no-side-gutter .large-down--one-fourth,
.has-no-side-gutter .large-down--one-half,
.has-no-side-gutter .large-down--one-seventh,
.has-no-side-gutter .large-down--one-sixth,
.has-no-side-gutter .large-down--one-third,
.has-no-side-gutter .large-down--one-whole,
.has-no-side-gutter .large-down--three-fifths,
.has-no-side-gutter .large-down--two,
.has-no-side-gutter .large-down--two-fifths,
.has-no-side-gutter .large-down--two-thirds {
margin-right: 0;
margin-left: 0
}
.has-no-side-gutter .large-down--one-whole {
width: 100%
}
.has-no-side-gutter .large-down--one-half {
width: 50%
}
.has-no-side-gutter .large-down--one-third {
width: 33.33333%
}
.has-no-side-gutter .large-down--one-fourth {
width: 25%
}
.has-no-side-gutter .large-down--one-fifth {
width: 20%
}
.has-no-side-gutter .large-down--two-fifths {
width: 40%
}
.has-no-side-gutter .large-down--three-fifths {
width: 60%
}
.has-no-side-gutter .large-down--one-sixth {
width: 16.66667%
}
.has-no-side-gutter .large-down--one-seventh {
width: 14.28571%
}
.has-no-side-gutter .large-down--one-eighth {
width: 12.5%
}
.has-no-side-gutter .large-down--two-thirds {
width: 66.66667%
}
.has-no-side-gutter .large-down--two {
width: 12.5%
}
.has-no-side-gutter .large-down--four {
width: 25%
}
.has-no-side-gutter .large-down--seven {
width: 43.75%
}
.has-no-side-gutter .large-down--eight {
width: 50%
}
.has-no-side-gutter .large-down--nine {
width: 56.25%
}
.has-no-side-gutter .large-down--three-sevenths {
width: calc(42.85714%)
}
.has-no-side-gutter .large-down--four-sevenths {
width: calc(57.14286%)
}
.large-down--show {
display: block!important
}
.large-down--hide {
display: none!important
}
.large-down--text-left {
text-align: left!important
}
.large-down--text-right {
text-align: right!important
}
.large-down--text-center {
text-align: center!important
}
}
@media only screen and (min-width:798px) {
.medium-up--hidden {
display: none!important
}
}
@media only screen and (max-width:798px) {
.medium-down--hidden {
display: none!important
}
.medium-down--visible {
display: block!important
}
.medium-down--one-whole {
width: calc(100% - 16px)
}
.medium-down--one-half {
width: calc(50% - 16px)
}
.medium-down--one-third {
width: calc(33.33333% - 16px)
}
.medium-down--two-thirds {
width: calc(66.66667% - 16px)
}
.medium-down--one-fourth {
width: calc(25% - 16px)
}
.medium-down--two-fourths {
width: calc(50% - 16px)
}
.medium-down--three-fourths {
width: calc(75% - 16px)
}
.medium-down--one-fifth {
width: calc(20% - 16px)
}
.medium-down--two-fifths {
width: calc(40% - 16px)
}
.medium-down--three-fifths {
width: calc(60% - 16px)
}
.medium-down--four-fifths {
width: calc(80% - 16px)
}
.medium-down--three-sevenths {
width: calc(42.85714% - 16px)
}
.medium-down--four-sevenths {
width: calc(57.14286% - 16px)
}
.has-no-side-gutter.has-background {
padding-right: 0;
padding-left: 0
}
.has-no-side-gutter .medium-down--eight,
.has-no-side-gutter .medium-down--four,
.has-no-side-gutter .medium-down--one-eighth,
.has-no-side-gutter .medium-down--one-fifth,
.has-no-side-gutter .medium-down--one-fourth,
.has-no-side-gutter .medium-down--one-half,
.has-no-side-gutter .medium-down--one-seventh,
.has-no-side-gutter .medium-down--one-sixth,
.has-no-side-gutter .medium-down--one-third,
.has-no-side-gutter .medium-down--one-whole,
.has-no-side-gutter .medium-down--three-fifths,
.has-no-side-gutter .medium-down--two,
.has-no-side-gutter .medium-down--two-fifths,
.has-no-side-gutter .medium-down--two-thirds {
margin-right: 0;
margin-left: 0
}
.has-no-side-gutter .medium-down--one-whole {
width: 100%
}
.has-no-side-gutter .medium-down--one-half {
width: 50%
}
.has-no-side-gutter .medium-down--one-third {
width: 33.33333%
}
.has-no-side-gutter .medium-down--one-fourth {
width: 25%
}
.has-no-side-gutter .medium-down--one-fifth {
width: 20%
}
.has-no-side-gutter .medium-down--two-fifths {
width: 40%
}
.has-no-side-gutter .medium-down--three-fifths {
width: 60%
}
.has-no-side-gutter .medium-down--one-sixth {
width: 16.66667%
}
.has-no-side-gutter .medium-down--one-seventh {
width: 14.28571%
}
.has-no-side-gutter .medium-down--one-eighth {
width: 12.5%
}
.has-no-side-gutter .medium-down--two-thirds {
width: 66.66667%
}
.has-no-side-gutter .medium-down--two {
width: 12.5%
}
.has-no-side-gutter .medium-down--four {
width: 25%
}
.has-no-side-gutter .medium-down--seven {
width: 43.75%
}
.has-no-side-gutter .medium-down--eight {
width: 50%
}
.has-no-side-gutter .medium-down--nine {
width: 56.25%
}
.has-no-side-gutter .medium-down--three-sevenths {
width: calc(42.85714%)
}
.has-no-side-gutter .medium-down--four-sevenths {
width: calc(57.14286%)
}
.medium-down--show {
display: block!important
}
.medium-down--hide {
display: none!important
}
.medium-down--text-left {
text-align: left!important
}
.medium-down--text-right {
text-align: right!important
}
.medium-down--text-center {
text-align: center!important
}
}
@media only screen and (max-width:480px) {
.small-down--hidden {
display: none!important
}
.small-down--visible {
display: block!important
}
.small-down--one-whole {
width: calc(100% - 16px)
}
.small-down--one-half {
width: calc(50% - 16px)
}
.small-down--one-third {
width: calc(33.33333% - 16px)
}
.small-down--two-thirds {
width: calc(66.66667% - 16px)
}
.small-down--one-fourth {
width: calc(25% - 16px)
}
.small-down--two-fourths {
width: calc(50% - 16px)
}
.small-down--three-fourths {
width: calc(75% - 16px)
}
.small-down--one-fifth {
width: calc(20% - 16px)
}
.small-down--two-fifths {
width: calc(40% - 16px)
}
.small-down--three-fifths {
width: calc(60% - 16px)
}
.small-down--four-fifths {
width: calc(80% - 16px)
}
.small-down--three-sevenths {
width: calc(42.85714% - 16px)
}
.small-down--four-sevenths {
width: calc(57.14286% - 16px)
}
.has-no-side-gutter.has-background {
padding-right: 0;
padding-left: 0
}
.has-no-side-gutter .small-down--eight,
.has-no-side-gutter .small-down--four,
.has-no-side-gutter .small-down--one-eighth,
.has-no-side-gutter .small-down--one-fifth,
.has-no-side-gutter .small-down--one-fourth,
.has-no-side-gutter .small-down--one-half,
.has-no-side-gutter .small-down--one-seventh,
.has-no-side-gutter .small-down--one-sixth,
.has-no-side-gutter .small-down--one-third,
.has-no-side-gutter .small-down--one-whole,
.has-no-side-gutter .small-down--three-fifths,
.has-no-side-gutter .small-down--two,
.has-no-side-gutter .small-down--two-fifths,
.has-no-side-gutter .small-down--two-thirds {
margin-right: 0;
margin-left: 0
}
.has-no-side-gutter .small-down--one-whole {
width: 100%
}
.has-no-side-gutter .small-down--one-half {
width: 50%
}
.has-no-side-gutter .small-down--one-third {
width: 33.33333%
}
.has-no-side-gutter .small-down--one-fourth {
width: 25%
}
.has-no-side-gutter .small-down--one-fifth {
width: 20%
}
.has-no-side-gutter .small-down--two-fifths {
width: 40%
}
.has-no-side-gutter .small-down--three-fifths {
width: 60%
}
.has-no-side-gutter .small-down--one-sixth {
width: 16.66667%
}
.has-no-side-gutter .small-down--one-seventh {
width: 14.28571%
}
.has-no-side-gutter .small-down--one-eighth {
width: 12.5%
}
.has-no-side-gutter .small-down--two-thirds {
width: 66.66667%
}
.has-no-side-gutter .small-down--two {
width: 12.5%
}
.has-no-side-gutter .small-down--four {
width: 25%
}
.has-no-side-gutter .small-down--seven {
width: 43.75%
}
.has-no-side-gutter .small-down--eight {
width: 50%
}
.has-no-side-gutter .small-down--nine {
width: 56.25%
}
.has-no-side-gutter .small-down--three-sevenths {
width: calc(42.85714%)
}
.has-no-side-gutter .small-down--four-sevenths {
width: calc(57.14286%)
}
.small-down--show {
display: block!important
}
.small-down--hide {
display: none!important
}
.small-down--text-left {
text-align: left!important
}
.small-down--text-right {
text-align: right!important
}
.small-down--text-center {
text-align: center!important
}
}
.button,
.input,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.select select,
.textarea {
-moz-appearance: none;
-webkit-appearance: none;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
border: 1px solid transparent;
border-radius: 0;
box-shadow: none;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1rem;
height: 64px;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start;
line-height: 1.5;
padding-bottom: calc(.375em - 1px);
padding-left: calc(.625em - 1px);
padding-right: calc(.625em - 1px);
padding-top: calc(.375em - 1px);
position: relative;
vertical-align: top
}
.button:active,
.button:focus,
.input:active,
.input:focus,
.is-active.button,
.is-active.input,
.is-active.pagination-ellipsis,
.is-active.pagination-link,
.is-active.pagination-next,
.is-active.pagination-previous,
.is-active.textarea,
.is-focused.button,
.is-focused.input,
.is-focused.pagination-ellipsis,
.is-focused.pagination-link,
.is-focused.pagination-next,
.is-focused.pagination-previous,
.is-focused.textarea,
.pagination-ellipsis:active,
.pagination-ellipsis:focus,
.pagination-link:active,
.pagination-link:focus,
.pagination-next:active,
.pagination-next:focus,
.pagination-previous:active,
.pagination-previous:focus,
.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus,
.textarea:active,
.textarea:focus {
outline: 0
}
.select fieldset[disabled] select,
.select select[disabled],
[disabled].button,
[disabled].input,
[disabled].pagination-ellipsis,
[disabled].pagination-link,
[disabled].pagination-next,
[disabled].pagination-previous,
[disabled].textarea,
fieldset[disabled] .button,
fieldset[disabled] .input,
fieldset[disabled] .pagination-ellipsis,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-previous,
fieldset[disabled] .select select,
fieldset[disabled] .textarea {
cursor: not-allowed
}
.button {
font-family: Montserrat, sans-serif;
font-weight: 700;
font-style: italic;
letter-spacing: 0;
background-color: #fff;
border-color: #dbdbdb;
border-width: 1px;
color: #363636;
cursor: pointer;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
padding-bottom: calc(.375em - 1px);
padding-left: 1em;
padding-right: 1em;
padding-top: calc(.375em - 1px);
text-align: center;
text-transform: none;
transition: background .2s ease-in-out;
white-space: nowrap
}
.button strong {
color: inherit
}
.button .icon,
.button .icon.is-large,
.button .icon.is-medium,
.button .icon.is-small {
height: 1.5em;
width: 1.5em
}
.button .icon:first-child:not(:last-child) {
margin-left: calc(-.375em - 1px);
margin-right: 10px
}
.button .icon.icon--cart {
font-size: 14px
}
.button .icon.icon--right {
margin-left: 10px;
margin-right: calc(-.375em - 1px)
}
.button .icon:first-child:last-child {
margin-left: calc(-.375em - 1px);
margin-right: calc(-.375em - 1px)
}
.button.is-hovered,
.button:hover {
border-color: #f1d203;
color: #f1d203
}
.button.is-focused,
.button:focus {
border-color: #f1d203;
color: #f1d203
}
.button.is-focused:not(:active),
.button:focus:not(:active) {
box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25)
}
.button.is-active,
.button:active {
border-color: #f1d203;
color: #f1d203
}
.button.is-inverse {
background-color: #363636;
border-color: transparent;
color: #fff
}
.button.is-text {
background-color: transparent;
border-color: transparent;
color: #fff;
text-decoration: underline
}
.button.is-text.is-focused,
.button.is-text.is-hovered,
.button.is-text:focus,
.button.is-text:hover {
background-color: #141414;
color: #363636
}
.button.is-text.is-active,
.button.is-text:active {
background-color: #070707;
color: #363636
}
.button.is-text[disabled],
fieldset[disabled] .button.is-text {
background-color: transparent;
border-color: transparent;
box-shadow: none
}
.button.is-small {
font-size: .75rem
}
.button.is-normal {
font-size: 1rem
}
.button.is-medium {
font-size: 1.25rem
}
.button.is-large {
font-size: 1.5rem;
line-height: 1.25em;
width: 100%
}
.button[disabled],
fieldset[disabled] .button {
box-shadow: none;
opacity: .5
}
.button.is-fullwidth {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%
}
.button.is-loading {
color: transparent!important;
pointer-events: none
}
.button.is-loading::after {
position: absolute;
left: calc(50% - (1em / 2));
top: calc(50% - (1em / 2));
position: absolute!important
}
.button.is-loading--icon-only {
background: 0 0!important;
border: transparent!important;
font-size: 2rem!important;
outline: 0
}
.button.is-loading--icon-only::after {
color: #fff
}
.button.is-static {
background-color: #f5f5f5;
border-color: #dbdbdb;
color: #7a7a7a;
box-shadow: none;
pointer-events: none
}
.button.is-rounded {
border-radius: 290486px;
padding-left: 1em;
padding-right: 1em
}
.buttons {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start
}
.buttons.has-buttons {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center
}
.buttons.has-buttons .button {
margin: 0 4px
}
@media only screen and (max-width:798px) {
.buttons.has-buttons .button {
min-width: unset;
width: 50%
}
}
.button--primary,
a.button--primary.button {
min-height: 64px;
min-width: 220px;
font-size: 20px;
border-radius: 0;
width: auto;
line-height: inherit;
height: auto;
min-height: 64px;
max-width: 100%;
white-space: normal;
min-width: 240px;
font-size: 20px
}
.button--primary,
.button--primary:link,
.button--primary:visited,
a.button--primary.button,
a.button--primary.button:link,
a.button--primary.button:visited {
color: #141414;
background-color: #f1d203;
border-color: #f1d203
}
.button--primary.is-hovered,
.button--primary:hover,
a.button--primary.button.is-hovered,
a.button--primary.button:hover {
color: #f1d203;
border-color: #f1d203;
background-color: rgba(0, 0, 0, 0)
}
.button--primary.is-focused,
.button--primary:focus,
a.button--primary.button.is-focused,
a.button--primary.button:focus {
color: #f1d203;
border-color: #f1d203;
background-color: rgba(0, 0, 0, 0)
}
.button--primary.is-focused:not(:active),
.button--primary:focus:not(:active),
a.button--primary.button.is-focused:not(:active),
a.button--primary.button:focus:not(:active) {
box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25)
}
.button--primary.is-active,
.button--primary:active,
a.button--primary.button.is-active,
a.button--primary.button:active {
color: #f1d203;
border-color: #f1d203;
background-color: rgba(0, 0, 0, 0)
}
.button--primary.is-inverted,
a.button--primary.button.is-inverted {
color: #f1d203;
background-color: #141414;
border-color: #f1d203
}
.button--primary.is-small,
a.button--primary.button.is-small {
font-size: .75rem
}
.button--primary.is-normal,
a.button--primary.button.is-normal {
font-size: 1rem
}
.button--primary.is-medium,
a.button--primary.button.is-medium {
font-size: 1.25rem
}
.button--primary.is-large,
a.button--primary.button.is-large {
font-size: 1.5rem;
line-height: 1.25em;
width: 100%
}
.button--primary.is-within-form,
a.button--primary.button.is-within-form {
width: 100%;
margin-top: 10px
}
@media only screen and (max-width:798px) {
.button--primary,
a.button--primary.button {
width: 100%
}
}
.action_button--secondary,
.button--secondary,
a.button--secondary.button {
min-height: 64px;
min-width: 220px;
font-size: 1rem;
border-radius: 0;
line-height: inherit;
width: auto;
height: auto;
max-width: 100%;
white-space: normal
}
.action_button--secondary,
.action_button--secondary:link,
.action_button--secondary:visited,
.button--secondary,
.button--secondary:link,
.button--secondary:visited,
a.button--secondary.button,
a.button--secondary.button:link,
a.button--secondary.button:visited {
color: #141414;
background-color: #fff;
border-color: #fff
}
.action_button--secondary.is-hovered,
.action_button--secondary:hover,
.button--secondary.is-hovered,
.button--secondary:hover,
a.button--secondary.button.is-hovered,
a.button--secondary.button:hover {
color: #fff;
border-color: #fff;
background-color: #141414
}
.action_button--secondary.is-focused,
.action_button--secondary:focus,
.button--secondary.is-focused,
.button--secondary:focus,
a.button--secondary.button.is-focused,
a.button--secondary.button:focus {
color: #fff;
border-color: #fff;
background-color: #141414
}
.action_button--secondary.is-focused:not(:active),
.action_button--secondary:focus:not(:active),
.button--secondary.is-focused:not(:active),
.button--secondary:focus:not(:active),
a.button--secondary.button.is-focused:not(:active),
a.button--secondary.button:focus:not(:active) {
box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25)
}
.action_button--secondary.is-active,
.action_button--secondary:active,
.button--secondary.is-active,
.button--secondary:active,
a.button--secondary.button.is-active,
a.button--secondary.button:active {
color: #fff;
border-color: #fff;
background-color: #141414
}
.action_button--secondary.is-inverted,
.button--secondary.is-inverted,
a.button--secondary.button.is-inverted {
color: #fff;
background-color: #141414
}
.action_button--secondary.is-inverted:hover,
.button--secondary.is-inverted:hover,
a.button--secondary.button.is-inverted:hover {
color: #141414;
background-color: #fff
}
.action_button--secondary.is-small,
.button--secondary.is-small,
a.button--secondary.button.is-small {
font-size: .75rem
}
.action_button--secondary.is-normal,
.button--secondary.is-normal,
a.button--secondary.button.is-normal {
font-size: 1rem
}
.action_button--secondary.is-medium,
.button--secondary.is-medium,
a.button--secondary.button.is-medium {
font-size: 1.25rem
}
.action_button--secondary.is-large,
.button--secondary.is-large,
a.button--secondary.button.is-large {
font-size: 1.5rem;
line-height: 1.25em;
width: 100%
}
.action_button--secondary.is-within-form,
.button--secondary.is-within-form,
a.button--secondary.button.is-within-form {
width: 100%;
margin-top: 10px
}
.button--link-style,
a.button--link-style.button {
font-size: 1rem;
border: none;
border-bottom: thin solid;
height: auto;
line-height: inherit;
padding: 0;
transition: .3s linear;
background: 0 0;
max-width: 100%;
white-space: normal;
text-transform: lowercase
}
.button--link-style,
.button--link-style:link,
.button--link-style:visited,
a.button--link-style.button,
a.button--link-style.button:link,
a.button--link-style.button:visited {
color: #fff;
border-bottom-color: #fff
}
.button--link-style.is-hovered,
.button--link-style:hover,
a.button--link-style.button.is-hovered,
a.button--link-style.button:hover {
color: #f1d203;
border-bottom-color: #f1d203!important
}
.button--link-style.is-focused,
.button--link-style:focus,
a.button--link-style.button.is-focused,
a.button--link-style.button:focus {
color: #f1d203;
border: none
}
.button--link-style.is-active,
.button--link-style:active,
a.button--link-style.button.is-active,
a.button--link-style.button:active {
color: #f1d203;
border: none
}
.button--link-style.is-within-form,
a.button--link-style.button.is-within-form {
padding-bottom: calc(.375em - 1px);
padding-left: 1em;
padding-right: 1em;
padding-top: calc(.375em - 1px)
}
.button--link-style:not(.has-border-style),
a.button--link-style.button:not(.has-border-style) {
border-bottom: 2px solid #f1d203
}
.button--link-style:not(.has-border-style):focus,
a.button--link-style.button:not(.has-border-style):focus {
box-shadow:none;
}
.button--link-style.is-loading{
border:none !important;
}
.shopify-challenge__button {
font-size: 20px;
border-radius: 0;
width: auto;
line-height: inherit;
height: auto;
min-height: 64px;
max-width: 100%;
white-space: normal;
min-width: 240px;
font-size: 20px;
padding: .5em 4em
}
.shopify-challenge__button,
.shopify-challenge__button:link,
.shopify-challenge__button:visited {
color: #141414;
background-color: #f1d203;
border-color: #f1d203
}
.shopify-challenge__button.is-hovered,
.shopify-challenge__button:hover {
color: #f1d203;
border-color: #f1d203;
background-color: rgba(0, 0, 0, 0)
}
.shopify-challenge__button.is-focused,
.shopify-challenge__button:focus {
color: #f1d203;
border-color: #f1d203;
background-color: rgba(0, 0, 0, 0)
}
.shopify-challenge__button.is-focused:not(:active),
.shopify-challenge__button:focus:not(:active) {
box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25)
}
.shopify-challenge__button.is-active,
.shopify-challenge__button:active {
color: #f1d203;
border-color: #f1d203;
background-color: rgba(0, 0, 0, 0)
}
.shopify-challenge__button.is-inverted {
color: #f1d203;
background-color: #141414;
border-color: #f1d203
}
.shopify-challenge__button.is-small {
font-size: .75rem
}
.shopify-challenge__button.is-normal {
font-size: 1rem
}
.shopify-challenge__button.is-medium {
font-size: 1.25rem
}
.shopify-challenge__button.is-large {
font-size: 1.5rem;
line-height: 1.25em;
width: 100%
}
span.required {
color: #ca0d00
}
.content li+li {
margin-top: .25em
}
.content blockquote:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content p:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child),
.content ul:not(:last-child) {
margin-bottom: 1em
}
.content h1 {
font-size: 2em;
margin-bottom: .5em;
word-wrap: break-word
}
.content h1:not(:first-child) {
margin-top: 1em
}
.content h2 {
font-size: 1.75em;
margin-bottom: .5714em;
word-wrap: break-word
}
.content h2:not(:first-child) {
margin-top: 1.1428em
}
.content h3 {
font-size: 1.5em;
margin-bottom: .6666em;
word-wrap: break-word
}
.content h3:not(:first-child) {
margin-top: 1.3333em
}
.content h4 {
font-size: 1.25em;
margin-bottom: .8em;
word-wrap: break-word
}
.content h5 {
font-size: 1.125em;
margin-bottom: .8888em;
word-wrap: break-word
}
.content h6 {
font-size: 1em;
margin-bottom: 1em;
word-wrap: break-word
}
.icon {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
height: 1.2rem;
width: 1.2rem;
fill: currentColor
}
.is-large .icon {
height: 1.8rem;
width: 1.8rem
}
.is-medium .icon {
height: 1.2rem;
width: 1.2rem
}
.is-small .icon {
height: 1rem;
width: 1rem
}
.icon svg {
height: 100%;
width: 100%
}
.transition--blur-up {
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-webkit-filter: blur(5px);
filter: blur(5px);
transform: translate3d(0, 0, 0);
transition: filter .2s, -webkit-filter .2s
}
.transition--blur-up.lazyloaded {
-webkit-filter: blur(0);
filter: none;
transform: scale(1)
}
.image__container {
display: block;
margin-left: auto;
margin-right: auto;
font-size: 0
}
.image__container img {
width: 100%
}
.image-element__wrap {
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%
}
.image-element__wrap img {
height: auto;
width: 100%;
margin-left: auto;
margin-right: auto;
display: block
}
.has-image-crop .image-element__wrap {
height: 100%
}
.has-image-crop img {
height: 100%!important;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
.has-image-crop.image-crop--left img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: left;
object-position: left;
font-family: "object-fit: cover; object-position: left"
}
.has-image-crop.image-crop--right img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right;
object-position: right;
font-family: "object-fit: cover; object-position: right"
}
.has-image-crop.image-crop--center img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center"
}
.has-image-crop.image-crop--none {
height: auto
}
.has-image-crop.image-crop--none img {
position: static;
height: auto!important;
-o-object-fit: fill;
object-fit: fill;
font-family: "object-fit: fill"
}
.highlight {
font-weight: 400;
max-width: 100%;
overflow: hidden;
padding: 0
}
.highlight pre {
overflow: auto;
max-width: 100%
}
.placeholder-svg {
display: block;
fill: rgba(255, 255, 255, .35);
background-color: rgba(255, 255, 255, .1);
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
border: 1px solid rgba(255, 255, 255, .2)
}
.placeholder-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.placeholder-background .icon {
border: 0
}
.was-price {
text-decoration: line-through;
opacity: .6
}
.input,
.textarea {
background-color: #fafafa;
border-color: rgba(170, 170, 170, .4);
color: #363636;
box-shadow: none;
max-width: 100%;
width: 100%;
min-height: 64px;
padding: 16px
}
.input::-moz-placeholder,
.textarea::-moz-placeholder {
color: rgba(54, 54, 54, .5)
}
.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
color: rgba(54, 54, 54, .5)
}
.input:-moz-placeholder,
.textarea:-moz-placeholder {
color: rgba(54, 54, 54, .5)
}
.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
color: rgba(54, 54, 54, .5)
}
.input[disabled],
.textarea[disabled],
fieldset[disabled] .input,
fieldset[disabled] .textarea {
background-color: #141414;
border-color: #141414;
box-shadow: none;
color: #7a7a7a
}
.input[disabled]::-moz-placeholder,
.textarea[disabled]::-moz-placeholder,
fieldset[disabled] .input::-moz-placeholder,
fieldset[disabled] .textarea::-moz-placeholder {
color: rgba(122, 122, 122, .3)
}
.input[disabled]::-webkit-input-placeholder,
.textarea[disabled]::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder {
color: rgba(122, 122, 122, .3)
}
.input[disabled]:-moz-placeholder,
.textarea[disabled]:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder {
color: rgba(122, 122, 122, .3)
}
.input[disabled]:-ms-input-placeholder,
.textarea[disabled]:-ms-input-placeholder,
fieldset[disabled] .input:-ms-input-placeholder,
fieldset[disabled] .textarea:-ms-input-placeholder {
color: rgba(122, 122, 122, .3)
}
.input::-moz-placeholder,
.textarea::-moz-placeholder {
font-size: 20px;
font-weight: 400;
color: #989898
}
.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
font-size: 20px;
font-weight: 400;
color: #989898
}
.input:-moz-placeholder,
.textarea:-moz-placeholder {
font-size: 20px;
font-weight: 400;
color: #989898
}
.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
font-size: 20px;
font-weight: 400;
color: #989898
}
.input[readonly],
.textarea[readonly] {
box-shadow: none
}
.input.is-small,
.textarea.is-small {
border-radius: 2px;
font-size: .75rem
}
.input.is-medium,
.textarea.is-medium {
font-size: 1.25rem
}
.input.is-large,
.textarea.is-large {
font-size: 1.25rem;
height: 2em
}
.input.is-fullwidth,
.textarea.is-fullwidth {
display: block;
width: 100%
}
.input.is-inline,
.textarea.is-inline {
display: inline;
width: auto
}
.input.is-rounded {
border-radius: 290486px;
padding-left: 1em;
padding-right: 1em
}
.input.is-static {
background-color: transparent;
border-color: transparent;
box-shadow: none;
padding-left: 0;
padding-right: 0
}
.input.is-primary-btn-style {
border-radius: 0;
padding-left: 1em;
padding-right: 1em
}
.input.is-secondary-btn-style {
border-radius: 0;
padding-left: 1em;
padding-right: 1em
}
.textarea {
display: block;
max-width: 100%;
min-width: 100%;
padding: .625em;
resize: vertical
}
.textarea:not([rows]) {
max-height: 600px;
min-height: 120px
}
.textarea[rows] {
height: initial
}
.textarea.has-fixed-size {
resize: none
}
.textarea.is-rounded {
border-radius: 5px
}
.textarea.is-primary-btn-style {
border-radius: 0;
padding-left: 1em;
padding-right: 1em
}
.textarea.is-secondary-btn-style {
border-radius: 0;
padding-left: 1em;
padding-right: 1em
}
.checkbox,
.radio {
cursor: pointer;
display: inline-block;
line-height: 1.25;
position: relative
}
.checkbox input,
.radio input {
cursor: pointer
}
.checkbox:hover,
.radio:hover {
color: #363636
}
.checkbox[disabled],
.radio[disabled],
fieldset[disabled] .checkbox,
fieldset[disabled] .radio {
color: #7a7a7a;
cursor: not-allowed
}
.radio+.radio {
margin-left: .5em
}
.select {
display: inline-block;
max-width: 100%;
position: relative;
vertical-align: top
}
.select:not(.is-multiple):not(.is-loading):not(.is-arrowless)::after {
border-color: #fff;
right: 1.125em;
z-index: 4
}
.select.is-rounded select {
border-radius: 290486px;
padding-left: 1em
}
.select.is-primary-btn-style select {
border-radius: 0;
padding-left: 1em
}
.select.is-secondary-btn-style select {
border-radius: 0;
padding-left: 1em
}
.select.is-wide {
width: 100%
}
.select.is-wide select {
width: inherit
}
.select select {
background-color: #fafafa;
border-color: rgba(170, 170, 170, .4);
color: #363636;
cursor: pointer;
display: block;
font-size: 1em;
max-width: 100%;
outline: 0
}
.select select::-moz-placeholder {
color: rgba(54, 54, 54, .5)
}
.select select::-webkit-input-placeholder {
color: rgba(54, 54, 54, .5)
}
.select select:-moz-placeholder {
color: rgba(54, 54, 54, .5)
}
.select select:-ms-input-placeholder {
color: rgba(54, 54, 54, .5)
}
.select select[disabled],
fieldset[disabled] .select select {
background-color: #141414;
border-color: #141414;
box-shadow: none;
color: #7a7a7a
}
.select select[disabled]::-moz-placeholder,
fieldset[disabled] .select select::-moz-placeholder {
color: rgba(122, 122, 122, .3)
}
.select select[disabled]::-webkit-input-placeholder,
fieldset[disabled] .select select::-webkit-input-placeholder {
color: rgba(122, 122, 122, .3)
}
.select select[disabled]:-moz-placeholder,
fieldset[disabled] .select select:-moz-placeholder {
color: rgba(122, 122, 122, .3)
}
.select select[disabled]:-ms-input-placeholder,
fieldset[disabled] .select select:-ms-input-placeholder {
color: rgba(122, 122, 122, .3)
}
.select select::-ms-expand {
display: none
}
.select select[disabled]:hover,
fieldset[disabled] .select select:hover {
border-color: #141414
}
.select select:not([multiple]):not(.is-arrowless) {
padding-right: 2.5em;
font-size: 20px;
}
.select select[multiple] {
height: auto;
padding: 0
}
.select select[multiple] option {
padding: .5em 1em
}
.select:not(.is-multiple):not(.is-loading):hover::after {
border-color: #363636
}
.select.is-small {
border-radius: 2px;
font-size: .75rem
}
.select.is-medium {
font-size: 1.25rem
}
.select.is-large {
font-size: 1.25rem
}
.select.is-disabled::after {
border-color: #7a7a7a
}
.select.is-fullwidth {
width: 100%
}
.select.is-fullwidth select {
width: 100%
}
.select.is-loading::after {
margin-top: 0;
position: absolute;
right: .625em;
top: .625em;
transform: none
}
.select.is-loading.is-small:after {
font-size: .75rem
}
.select.is-loading.is-medium:after {
font-size: 1.25rem
}
.select.is-loading.is-large:after {
font-size: 1.5rem
}
@media only screen and (max-width:480px) {
.button,
.input,
.select select,
.textarea {
font-size: 16px!important
}
}
.navbar {
min-height: 3.25rem;
position: relative
}
.navbar>.container {
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
min-height: 3.25rem;
width: 100%
}
.navbar.has-shadow {
box-shadow: 0 2px 0 0 #141414
}
.navbar.is-transparent {
background-color: transparent
}
.is-fixed-bottom,
.is-fixed-top {
left: 0;
position: fixed;
right: 0;
z-index: 70
}
.is-fixed-bottom {
bottom: 0
}
.is-fixed-bottom.has-shadow {
box-shadow: 0 -2px 0 0 #141414
}
.is-fixed-top {
top: 0
}
body.has-fixed-bottom,
html.has-fixed-bottom {
padding-bottom: var(--header-height)
}
.fixed-message__text {
padding-left: .75rem;
padding-right: .75rem
}
@media only screen and (max-width:798px) {
.fixed-message__text {
width: 100%
}
}
@media only screen and (max-width:798px) {
.fixed-message__button {
padding-bottom: 20px;
width: 100%
}
}
.fixed-message__button .button {
min-height: 2.25em;
height: auto
}
.paginate {
display: inline-block
}
@media only screen and (max-width:798px) {
.paginate {
width: 100%;
margin-bottom: 16px
}
}
.pagination {
font-size: 1rem;
margin: -.25rem
}
.pagination .pagination-previous {
margin-right: 16px
}
.pagination .pagination-next {
margin-left: 16px
}
.pagination.is-small {
font-size: .75rem
}
.pagination.is-medium {
font-size: 1.25rem
}
.pagination.is-large {
font-size: 1.5rem
}
.pagination.is-rounded .pagination-next,
.pagination.is-rounded .pagination-previous {
padding-left: 1em;
padding-right: 1em;
border-radius: 290486px
}
.pagination.is-rounded .pagination-link {
border-radius: 290486px
}
.pagination,
.pagination-list {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
text-align: center
}
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous {
font-size: 1em;
padding-left: .5em;
padding-right: .5em;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
margin: .25rem;
text-align: center
}
.pagination-link,
.pagination-next,
.pagination-previous {
border-color: rgba(255, 255, 255, .2);
color: #fff;
min-width: 64px
}
.pagination-link:hover,
.pagination-next:hover,
.pagination-previous:hover {
border-color: #f1d203;
color: #f1d203
}
.pagination-link:focus,
.pagination-next:focus,
.pagination-previous:focus {
border-color: #f1d203
}
.pagination-link:active,
.pagination-next:active,
.pagination-previous:active {
box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2)
}
.pagination-link[disabled],
.pagination-next[disabled],
.pagination-previous[disabled] {
background-color: #dbdbdb;
border-color: #dbdbdb;
box-shadow: none;
color: #7a7a7a;
opacity: .5
}
.pagination-next,
.pagination-previous {
padding-left: .75em;
padding-right: .75em;
white-space: nowrap
}
.pagination-link.is-current {
background-color: #fff;
border-color: #fff;
color: #fff
}
.pagination-ellipsis {
color: #b5b5b5;
pointer-events: none
}
@media only screen and (max-width:798px) {
.pagination .pagination-next,
.pagination .pagination-previous {
width: calc(50% - 10px);
margin-left: 5px;
margin-right: 5px
}
.pagination.paginate--both {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.pagination.paginate--both .pagination-next,
.pagination.paginate--both .pagination-previous {
order: 2
}
}
@media only screen and (min-width:799px) {
.pagination-list {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-moz-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start
}
.pagination {
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between
}
.pagination.is-center .pagination-previous {
order: 1
}
.pagination.is-center .pagination-list {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
order: 2
}
.pagination.is-center .pagination-next {
order: 3
}
.pagination.is-right .pagination-previous {
order: 1
}
.pagination.is-right .pagination-next {
order: 2
}
.pagination.is-right .pagination-list {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end;
order: 3
}
}
.pagination-button__infinite-scroll:not(.is-loading) {
display: none
}
.product__meta{
}
span.before-after {
background: #f1d306;
color: black;
padding: 3px 7px;
border-radius: 16px;
font-size: 10px;
}
.product__meta .product__meta--main {
max-width: 450px
}
.product__meta-images .product__meta-desktop {
width: 50vw
}
.product__meta-images .product__meta-mobile {
position: absolute;
bottom: 0;
left: -15px;
width: 35%;
box-shadow: 0 0 6px 1px rgba(0, 0, 0, .3);
border-radius: 16px
}
.product__meta--description {
margin-top: 32px;
margin-bottom: 32px;
}
/* .product__meta--description .product__meta--description-inner{
height: 180px;
overflow: hidden;
} */
.product__meta--description p {
font-size: 20px;
font-style: normal
}
.product__meta--description h3 {
margin-top: 32px;
font-size: 24px
}
.product__meta--description h4 {
font-size: 20px;
margin-top: 8px
}
#shopify-section-product__showcase {
margin-top: 0
}
@media only screen and (max-width:798px) {
#shopify-section-product__showcase {
margin-top: 32px;
margin-bottom: 0
}
}
@media only screen and (max-width:798px) {
.product_showcase {
padding: 16px 16px
}
}
.product_showcase--nav .product_showcase--nav-outer {
margin-bottom: 32px
}
.product_showcase--nav .product_showcase--nav-outer .product_showcase--nav-outer-item {
font-size: 20px;
margin-right: 32px;
font-weight: 700;
cursor: pointer;
border-bottom: 1px solid transparent
}
.product_showcase--nav .product_showcase--nav-outer .product_showcase--nav-outer-item.is-active {
border-color: #f1d203
}
.product_showcase--nav .product_showcase--nav-inner {
margin-bottom: 32px
}
@media only screen and (max-width:798px) {
.product_showcase--nav .product_showcase--nav-inner {
justify-content: center;
}
}
.product_showcase--nav .product_showcase--nav-inner .product_showcase--nav-inner-item {
font-size: 16px;
margin-left: 16px;
background: #141414;
padding: 6px 8px;
font-weight: 700;
cursor: pointer;
text-transform: capitalize
}
@media only screen and (max-width:798px) {
.product_showcase--nav .product_showcase--nav-inner .product_showcase--nav-inner-item {
margin: 0 4px;
font-size:13px;
text-align: center
}
}
.product_showcase--nav .product_showcase--nav-inner .product_showcase--nav-inner-item.is-active {
background: #f1d203
}
.product_showcase--slider .product_showcase--slider-inner .product_showcase--slider-inner-item {
width: fit-content;
margin: 0 auto;
position: relative;
max-height: 80vh;
overflow: hidden
}
.product_showcase--slider .product_showcase--slider-inner .product_showcase--slider-inner-item .image-element__wrap {
max-height: 80vh;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
}
.product_showcase--slider .product_showcase--slider-inner .product_showcase--slider-inner-item .image-element__wrap::-webkit-scrollbar {
width: 5px;
background-color: #141414
}
.product_showcase--slider .product_showcase--slider-inner .product_showcase--slider-inner-item .image-element__wrap::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(155 ,155, 155, 0.2);
-moz-box-shadow: inset 0 0 6px rgba(155 ,155, 155, 0.2);
border-radius: 0;
background-color: #141414
}
.product_showcase--slider .product_showcase--slider-inner .product_showcase--slider-inner-item .image-element__wrap::-webkit-scrollbar-thumb {
border-radius: 0;
background-color: #ffffff
}
.product_showcase--slider .product_showcase--slider-inner .product_showcase--slider-inner-item .product_showcase--slider-overlay {
position: absolute;
top: 0;
left: 0;
background: rgba(255, 255, 255, .4);
width: 100%;
height: 100%;
transition: .1s
}
.product_showcase--slider .product_showcase--slider-inner .product_showcase--slider-inner-item .product_showcase--slider-overlay .button {
text-transform: lowercase;
max-width: 70%
}
.product_showcase--slider .product_showcase--slider-inner .product_showcase--slider-inner-item .product_showcase--slider-overlay .button .is-text-click{
display:none;
}
@media only screen and (max-width:798px) {
.product_showcase--slider .product_showcase--slider-inner .product_showcase--slider-inner-item .product_showcase--slider-overlay .button .is-text-hover{
display:none;
}
.product_showcase--slider .product_showcase--slider-inner .product_showcase--slider-inner-item .product_showcase--slider-overlay .button .is-text-click{
display: inline-block;
}
}
@media (hover: none) and (pointer: coarse){
.product_showcase--slider .product_showcase--slider-inner .product_showcase--slider-inner-item .product_showcase--slider-overlay .button .is-text-hover{
display:none;
}
.product_showcase--slider .product_showcase--slider-inner .product_showcase--slider-inner-item .product_showcase--slider-overlay .button .is-text-click{
display: inline-block;
}
}
@media only screen and (max-width:798px) {
.product_showcase--slider .product_showcase--slider-inner .product_showcase--slider-inner-item .product_showcase--slider-overlay .button {
font-size: 16px!important;
min-width: unset;
min-height: 35px;
padding: 10px;
max-width: 180px;
}
}
.product_showcase--slider .product_showcase--slider-inner .product_showcase--slider-inner-item:hover .product_showcase--slider-overlay {
opacity: 0;
visibility: hidden
}
.product_showcase--slider .product_showcase--slider-outer:after {
content: 'flickity';
position: absolute;
opacity: 0;
visibility: hidden;
z-index: -1
}
@media only screen and (max-width:798px) {
.product_showcase--slider .product_showcase--slider-outer:after {
content: '';
display: none
}
}
.product_showcase--slider .product_showcase--slider-outer .product_showcase--slider-outer-item:first-child .product_showcase--slider-inner-item {
width: 100%
}
.product_showcase--slider .product_showcase--slider-outer .product_showcase--slider-outer-item:last-child {
position:relative;
}
.product_showcase--slider .product_showcase--slider-outer .product_showcase--slider-outer-item:last-child .product_showcase--slider-inner {
margin: 0 auto;
position: relative;
height: 100%;
}
.product_showcase--slider .product_showcase--slider-outer .product_showcase--slider-outer-item:last-child .product_showcase--slider-inner-item {
width: 100%;
border-radius: 40px;
padding: 6px;
min-height: 80vh;
}
.product_showcase--slider .product_showcase--slider-outer .product_showcase--slider-outer-item:last-child .product_showcase--slider-inner-item .product_showcase--slider-overlay{
border-radius:50px;
}
.product_showcase--slider .product_showcase--slider-outer .product_showcase--slider-outer-item:last-child .product_showcase--slider-inner-item .image-element__wrap{
border-radius:20px;
}
@media only screen and (max-width:798px) {
.product_showcase--slider .product_showcase--slider-outer .product_showcase--slider-outer-item:last-child .product_showcase--slider-inner-item {
width: 100%
}
.product_showcase--slider .product_showcase--slider-outer .product_showcase--slider-outer-item:last-child .product_showcase--slider-inner-item .image-element__wrap::-webkit-scrollbar {
width:0 !important;
display: none;
}
}
@media only screen and (min-width:799px) {
.author-share-wrap .blog-share>div {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end
}
}
.comment-section {
display: block
}
.blog-author {
padding-left: 0
}
.blog-author img {
width: 100px;
height: 100px
}
.blog-author p {
font-size: .9rem
}
@media only screen and (max-width:798px) {
.comment-section--cards img {
width: 100px
}
}
.banner__wrapper {
overflow: hidden;
position: relative;
max-height: 100vh
}
.banner__wrapper img {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover";
height: 100%
}
.banner__wrapper.is-small .image-element__wrap {
height: 30vh
}
@media only screen and (max-width:798px) {
.banner__wrapper.is-small .image-element__wrap {
height: auto
}
}
.banner__wrapper.is-medium .image-element__wrap {
height: 60vh
}
@media only screen and (max-width:798px) {
.banner__wrapper.is-medium .image-element__wrap {
height: auto
}
}
@media only screen and (max-width:798px) {
.banner__wrapper.is-large .image-element__wrap {
height: auto
}
}
.banner__content {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: auto;
z-index: 3;
width: 100%
}
.banner__text {
margin: auto;
max-width: 900px
}
.banner__heading {
font-family: Montserrat, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 40px;
text-transform: none;
color: #fff
}
@media only screen and (max-width:1024px) {
.banner__heading {
font-size: 2.5em
}
}
@media only screen and (max-width:480px) {
.banner__heading {
font-size: 2em
}
}
.banner__subheading {
font-family: Lato, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 15px;
letter-spacing: 1px;
color: #fff
}
.dark-overlay-true {
position: relative
}
.dark-overlay-true:after {
content: '';
position: absolute;
z-index: 2;
background: rgba(0, 0, 0, .5);
top: 0;
bottom: 0;
left: 0;
right: 0
}
.contact-form__image {
height: auto;
right: 30px;
top: -30px;
position: absolute;
width: 70px
}
@media only screen and (max-width:798px) {
.contact-form__image {
display: none
}
}
.contact-form.content {
max-width: 800px;
margin: 0 auto;
padding: 48px 0
}
@media only screen and (max-width:798px) {
.contact-form.content .one-half,
.contact-form.content .one-whole {
width: 100%;
margin: 0 auto
}
}
.contact-form.content .contact-form__success {
z-index: 0;
opacity: 0;
visibility: hidden;
position: absolute;
bottom: 50%;
left: 50%;
transform: translate(-50%, 50%);
width: 100%;
height: 100%;
transition: .8s;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.contact-form__success video{
height:70%;
}
.contact-form.content .contact-form__success .contact-form__success-meta {
margin-top: 32px
}
.contact-form.content .contact-form__success .contact-form__success-meta .title {
color: #141414;
text-align: center;
margin-bottom: 8px;
font-size: 38px
}
.contact-form.content .contact-form__success .contact-form__success-meta .subtitle {
color: #141414;
margin-top: 0;
font-size: 24px;
margin-bottom: 32px
}
.contact-form.content .contact-form__success.is-active {
z-index: 2;
opacity: 1;
background: white;
visibility: visible;
}
.contact-form.content .contact-form__animation {
z-index: 0;
opacity: 0;
visibility: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center
}
.contact-form.content .contact-form__animation img {
height: auto
}
.contact-form.content .contact-form__animation.is-active {
z-index: 1;
opacity: 1;
visibility: visible
}
.contact-form.content .contact-form__error {
display: none;
color: #fff;
border: 1px solid #ca0d00!important;
width: 100%;
padding: 16px;
margin-bottom: 16px;
background: #ca0d00!important;
font-weight: bold;
}
.contact-form.content .contact-form__error.is-active {
display: block
}
.contact-form.content .contact-form--main {
z-index: 0;
opacity: 0;
visibility: hidden
}
.contact-form.content .contact-form--main.is-active {
z-index: 1;
opacity: 1;
visibility: visible
}
.contact-form.content .contact-form__form {
margin: 48px 0
}
@media only screen and (max-width:798px) {
.contact-form.content .contact-form__form {
margin: 32px 0
}
}
.contact-form.content .contact-form__blocks .contact-form__block {
margin-bottom: 24px
}
.contact-form.content .contact-form__blocks .contact-form__block input,
.contact-form.content .contact-form__blocks .contact-form__block textarea{
cursor:none !important;
}
.contact-form.content .contact-form__blocks .contact-form__block label {
color: inherit
}
.contact-form.content .contact-form__block--checkbox .contact-form__list,
.contact-form.content .contact-form__block--radio .contact-form__list {
margin: 0;
list-style: none
}
.contact-form.content .contact-form__block--checkbox .contact-form__list li,
.contact-form.content .contact-form__block--radio .contact-form__list li {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: baseline;
-moz-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline;
margin-bottom: 10px
}
.contact-form.content .contact-form__block--checkbox .contact-form__list li input,
.contact-form.content .contact-form__block--radio .contact-form__list li input {
top: 2px;
margin-right: 7px;
position: relative
}
.contact-form.content .contact-form__social .social-icons {
list-style: none;
margin: 20px 0 0 0;
-webkit-align-items: baseline;
-moz-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline
}
.contact-form.content .contact-form__social .social-icons li {
padding-right: 10px
}
.contact-form__social .social-info .separator,
.contact-form.content .contact-form__social .social-info .separator {
margin-bottom: 30px;
text-align: center;
z-index: 1;
font-weight: 700
}
.contact-form__social .social-info .separator:before,
.contact-form.content .contact-form__social .social-info .separator:before {
content: '';
position: absolute;
left: 0;
top: 50%;
background: #141414;
width: 100%;
height: 1px;
z-index: -1
}
.contact-form__social .social-info .separator span,
.contact-form.content .contact-form__social .social-info .separator span {
padding: 0 16px;
background: #fff;
color:#000;
}
@media only screen and (max-width:798px) {
.contact-form__social .social-info .separator+.is-flex .one-half:first-child,
.contact-form.content .contact-form__social .social-info .separator+.is-flex .one-half:first-child {
margin-bottom: 32px
}
}
.contact-form__social .social-info label,
.contact-form.content .contact-form__social .social-info label {
font-weight: 400;
display: block;
color: #000;
}
.contact-form__social .social-info a,
.contact-form.content .contact-form__social .social-info a {
color: #000;
position: relative;
font-weight: 700
}
.contact-form.content .text-align-right .social-icons {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end
}
.contact-form.content .text-align-center .social-icons {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center
}
.block__featured-collection .slider-gallery,
.featured-collection-section .slider-gallery {
width: 100%
}
@media only screen and (max-width:798px) {
.block__featured-collection .flickity-prev-next-button,
.featured-collection-section .flickity-prev-next-button {
display: none
}
}
.featured-promotions .has-gutter-enabled .flickity-enabled .featured-promotions__block {
margin-left: 8px;
margin-right: 8px
}
@media only screen and (max-width:480px) {
.featured-promotions .has-gutter-enabled .featured-promotions__block--2:first-child {
margin-bottom: 16px
}
}
.is-width-wide .featured-promotions__nav:last-child {
margin-right: 10px
}
.featured-promotions__block {
position: relative
}
.featured-promotions__block--has-link:hover .featured-promotions__content img,
.featured-promotions__block--has-link:hover .featured-promotions__content svg {
transform: scale(1.1)
}
.featured-promotions__block--has-link:hover .has-border {
border-width: 3px
}
.featured-promotions__block.has-image-crop:after {
content: '';
display: block;
padding-bottom: 100%
}
.featured-promotions__block.has-image-crop .featured-promotions__content {
position: absolute;
width: 100%;
height: 100%
}
.featured-promotions__content {
position: relative;
overflow: hidden;
font-size: 1rem
}
.featured-promotions__content img,
.featured-promotions__content svg {
transition: all .3s ease-in-out
}
.featured-promotions__content:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3
}
.featured-promotions__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end;
z-index: 3;
transition: all .3s linear;
-webkit-transition: background .3s linear;
-moz-transition: background .3s linear;
-o-transition: background .3s linear;
-ms-transition: background .3s linear;
transition: background .3s linear;
padding: 24px 32px;
text-align: center;
text-align: left;
}
.featured-promotions__content:hover .featured-promotions__overlay{
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 62.41%, rgba(0, 0, 0, 0.456) 87.22%);
}
.featured-promotions__overlay span {
width: 50px;
height: 50px
}
.featured-promotions__overlay.has-border {
border: thin solid
}
.featured-promotions__title {
margin: 10px 0;
text-align: center;
line-height: 1.2
}
.featured-promotions__subtitle p {
padding: 5px 0
}
.featured-promotions__wrapper:after {
content: 'flickity';
display: none
}
@media only screen and (max-width:799px) {
.featured-promotions__content:hover .featured-promotions__overlay{
background: none;
}
}
@media only screen and (min-width:799px) {
.mobile-slider .featured-promotions__nav-wrapper {
display: none
}
}
@media only screen and (min-width:799px) {
.mobile-slider .featured-promotions__wrapper:after {
content: ''
}
}
.featured-product .product-thumbnail__title {
display: block;
padding-top: .5em
}
.featured-product .slideshow-enabled--false .product-gallery__image:not(:first-child) {
display: none
}
.featured-product-section .select,
.featured-product-section .select select {
height: 44px
}
.contact-section,
.footer {
background-color: #141414
}
.footer__container {
width: 100%;
padding: 7px 0
}
.footer__content {
color: #989898;
font-size: 16px
}
.footer__content a,
.footer__content a:visited {
color: #fff
}
.footer__content a:active,
.footer__content a:hover {
color: #fff
}
@media only screen and (max-width:480px) {
.footer__block {
padding-bottom: 20px
}
}
@media only screen and (max-width:798px) {
.footer__block.block__link-list {
display: none
}
}
.footer__content {
border-bottom: 0;
border-top: 0
}
.footer__menu li.footer__menu-link {
margin-left: 24px;
font-weight: 700;
font-style: italic;
text-transform: lowercase;
position: relative
}
.footer__block.one-fifth .is-stretched-width {
min-width: 100%!important
}
@media only screen and (max-width:1024px) {
.footer__block .is-stretched-width {
min-width: 100%!important
}
}
.faq__item {
padding: 24px 32px;
background: #404040
}
@media only screen and (max-width:798px) {
.faq__item {
margin: 0 16px
}
}
.faq__item .faq__item-panel {
position: relative;
cursor: pointer
}
.faq__item .faq__item-panel .faq__item-answer {
display: none;
padding: 16px 0;
padding-bottom: 0;
text-align: left;
color: #d0d0d0
}
.faq__item .faq__item-panel .faq__item-question {
padding: 0;
padding-left: 0;
position: relative;
padding-right: 30px
}
.faq__item .faq__item-panel .faq__item-question:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 11px;
height: 1px;
right: 0;
transition: .7s;
background: #fff
}
.faq__item .faq__item-panel .faq__item-question:after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 11px;
right: 5px;
transition: .7s;
background: #fff
}
.faq__item .faq__item-panel.tab--open:after {
display: block;
top: 15%
}
.faq__item .faq__item-panel.tab--open .faq__item-question:before {
transform: translateY(-50%) rotate(180deg)
}
.faq__item .faq__item-panel.tab--open .faq__item-question:after {
display: none
}
.has-no-side-gutter .gallery__item {
margin: 0
}
.gallery-type--classic {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.gallery__item-wrap.image-left .image-element__wrap {
margin-left: 0
}
@media only screen and (max-width:798px) {
.gallery__item-wrap.image-left .image-element__wrap {
margin: 0 auto
}
.gallery__item-wrap .gallery-item__svg {
display:flex;
justify-content:center;
}
}
.gallery__item-wrap+.gallery-item__content {
margin-top: 40px
}
@media only screen and (max-width:798px) {
.has-gutter-enabled .gallery__item {
margin-bottom: 20px
}
}
.gallery-type--horizontal-masonry {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.gallery-type--horizontal-masonry img {
width: 100%
}
.gallery__item {
position: relative
}
.gallery__item:hover .gallery-item__overlay {
opacity: 1
}
.gallery__item .gallery-item__content {
padding: .5rem
}
@media only screen and (max-width:798px) {
.gallery__item .gallery-item__content * {
text-align: center!important
}
}
.has-image-crop .gallery__item-wrap {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content
}
.gallery-item__overlay {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity .2s ease
}
.gallery-item__overlay .icon {
margin: 20px;
width: 2.4rem;
height: 2.4rem
}
.header {
background-color: #141414;
transition: background-color .3s linear, height .2s linear
}
.header__brand {
-webkit-box-flex: 0 0 auto;
-moz-box-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 1rem .75rem
}
.primary-logo {
transition: all .1s linear
}
.primary-logo+.header__logo-text {
display: none
}
.header__logo {
transition: all .3s ease
}
.header__menu {
-webkit-box-flex: 1 1 auto;
-moz-box-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.action-area__link.has-cart-count {
padding-right: 1.8em
}
[data-enable_overlay=false] .overlay-logo {
display: none
}
[data-enable_overlay=true] {
position: absolute;
width: 100%
}
[data-enable_overlay=true] .header {
position: absolute;
top: 0;
width: 100%;
z-index: 10
}
[data-enable_overlay=true] .overlay-logo {
display: block
}
[data-enable_overlay=true] .overlay-logo+.primary-logo {
display: none
}
[data-enable_overlay=true] .overlay-logo+.header__logo-text {
display: none
}
[data-enable_sticky=true] .header {
z-index: 50
}
.has-overlaid-header {
position: absolute;
width: 100%
}
.heading-section__preheading {
font-family: Lato, sans-serif;
font-size: 15px;
font-weight: 400;
font-style: normal;
text-transform: none
}
.heading-section__subheading {
font-family: Lato, sans-serif;
font-size: 15px;
font-weight: 400;
font-style: normal;
text-transform: none
}
.heading-section__content {
padding: 1.5rem 0
}
.vertical-spacing-medium .heading-section__preheading+.heading-section__heading {
padding-top: 10px
}
.vertical-spacing-medium .heading-section__preheading+.heading-section__subheading {
padding-top: 10px
}
.vertical-spacing-medium .heading-section__heading+.heading-section__subheading {
padding-top: 10px
}
.vertical-spacing-medium .heading-divider {
margin-top: 10px
}
.vertical-spacing-large .heading-section__preheading+.heading-section__heading {
padding-top: 20px
}
.vertical-spacing-large .heading-section__preheading+.heading-section__subheading {
padding-top: 20px
}
.vertical-spacing-large .heading-section__heading+.heading-section__subheading {
padding-top: 20px
}
.vertical-spacing-large .heading-divider {
margin-top: 20px
}
.heading-wrapper {
margin-bottom: 40px
}
@media only screen and (max-width:798px) {
.heading-wrapper {
margin-bottom: 20px
}
}
.heading-wrapper.text-align-center .heading-divider {
margin: 0 auto
}
.heading-wrapper.text-align-right .heading-divider {
margin: 0 0 0 auto
}
@media only screen and (min-width:799px) {
.has-heading-divider-below .heading-wrapper:not(.heading-divider-below) {
margin-bottom: 0
}
.has-heading-divider-below .heading-wrapper:not(.heading-divider-below) .heading-divider {
display: none
}
}
@media only screen and (max-width:798px) {
.heading-divider-below {
display: none
}
}
.icon-bar__block {
padding: .5rem .75rem
}
@media only screen and (min-width:799px) {
.icon-bar__block:first-child {
padding-left: 0
}
.icon-bar__block:last-child {
padding-right: 0
}
}
.icon-bar__block.is-small {
font-size: .75rem
}
.icon-bar__block.is-medium {
font-size: 16px
}
.icon-bar__block.is-large {
font-size: 1.5rem
}
.icon-bar__block .icon-bar__text {
padding: 0 5px
}
.icon-with-text-column .icon {
margin-bottom: 8px
}
@media only screen and (max-width:798px) {
#shopify-section-1614799211106413e7 .icon-with-text-column__column {
width: 100% !important;
}
.icon-with-text-column .icon {
margin-bottom: 0;
margin-top: 20px
}
}
.icon-with-text-column .icon.is-small {
height: auto;
width: 120px
}
.icon-with-text-column .icon.is-medium {
height: auto;
width: 140px
}
.icon-with-text-column .icon.is-large {
height: auto;
width: 180px
}
.icon-with-text-column .icon-column__bottom-image {
max-width: 272px;
margin: 0 auto;
margin-top: 32px
}
@media only screen and (max-width:798px) {
.image-with-text .has-gutter-enabled .image-with-text__column:not(:last-child) {
margin-bottom: 20px
}
}
.image-with-text__image-column .image-element__wrap {
width: 100%
}
@media only screen and (max-width:798px) {
.image-with-text__image-column.has-image-crop:not(.image-crop--none) {
height: 100vw
}
}
.image-with-text__text-column {
padding-left: 20px;
padding-right: 20px
}
.image-with-text__text-column.has-background {
padding: 30px
}
@media only screen and (max-width:798px) {
.image-with-text__text-column {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1
}
}
.image-with-text__container {
width: 100%
}
.image-with-text__heading.is-small {
font-size: 30px
}
.image-with-text__heading.is-regular {
font-size: 38px
}
.image-with-text__heading.is-large {
font-size: 57px
}
.image-with-text__link {
width: 100%;
display: block;
overflow: hidden
}
.image-with-text__link:hover .image-with-text__image,
.image-with-text__link:hover svg {
transform: scale(1.1)
}
.image-with-text__image-top {
margin-top: 24px;
margin-bottom: 16px
}
.image-with-text__image-top .image-element__wrap {
margin-left: 0
}
.image-with-text__image-bottom {
margin-top: 32px;
margin-bottom: 42px
}
.image-with-text__image-bottom .image-element__wrap {
margin-left: 0
}
.image-with-text__image,
.image-with-text__link svg {
transition: transform .3s ease-in-out
}
@media only screen and (max-width:798px) {
.block__image-with-text .has-gutter-enabled .image-with-text__column {
margin-bottom: 20px
}
}
.block__image-with-overlay .image-with-text-overlay__container,
.image-slideshow .image-with-text-overlay__container,
.image-with-text-overlay .image-with-text-overlay__container {
width: 100%
}
.block__image-with-overlay .caption-content,
.image-slideshow .caption-content,
.image-with-text-overlay .caption-content {
padding: 30px;
min-width: 350px
}
@media only screen and (max-width:480px) {
.block__image-with-overlay .caption-content,
.image-slideshow .caption-content,
.image-with-text-overlay .caption-content {
min-width: auto
}
}
@media only screen and (max-width:480px) {
.block__image-with-overlay .mobile-text--below-media>.container,
.image-slideshow .mobile-text--below-media>.container,
.image-with-text-overlay .mobile-text--below-media>.container {
display: block
}
.block__image-with-overlay .mobile-text--below-media .caption,
.image-slideshow .mobile-text--below-media .caption,
.image-with-text-overlay .mobile-text--below-media .caption {
position: static;
text-align: center;
margin-top: 20px;
margin-bottom: 20px
}
.block__image-with-overlay .mobile-text--below-media .caption-content,
.image-slideshow .mobile-text--below-media .caption-content,
.image-with-text-overlay .mobile-text--below-media .caption-content {
padding: 20px 0
}
.block__image-with-overlay .mobile-text--below-media.has-background .caption-content,
.block__image-with-overlay .mobile-text--below-media.has-border .caption-content,
.image-slideshow .mobile-text--below-media.has-background .caption-content,
.image-slideshow .mobile-text--below-media.has-border .caption-content,
.image-with-text-overlay .mobile-text--below-media.has-background .caption-content,
.image-with-text-overlay .mobile-text--below-media.has-border .caption-content {
padding: 30px
}
}
@media only screen and (max-width:1024px) {
.block__image-with-overlay .mobile-text--below-media .is-width-half .caption,
.image-slideshow .mobile-text--below-media .is-width-half .caption,
.image-with-text-overlay .mobile-text--below-media .is-width-half .caption {
position: static;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
top: 0;
transform: none
}
.block__image-with-overlay .mobile-text--below-media .is-width-half .caption-content,
.image-slideshow .mobile-text--below-media .is-width-half .caption-content,
.image-with-text-overlay .mobile-text--below-media .is-width-half .caption-content {
padding: 20px 0;
width: 100%
}
}
@media only screen and (max-width:480px) {
.block__image-with-overlay .mobile-text--over-media .caption,
.image-slideshow .mobile-text--over-media .caption,
.image-with-text-overlay .mobile-text--over-media .caption {
top: 50%;
bottom: auto;
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.block__image-with-overlay .mobile-text--over-media .caption .caption-content,
.image-slideshow .mobile-text--over-media .caption .caption-content,
.image-with-text-overlay .mobile-text--over-media .caption .caption-content {
width: calc(100% - 20px)
}
}
.block__image-with-overlay .image-crop-left img,
.image-slideshow .image-crop-left img,
.image-with-text-overlay .image-crop-left img {
min-height: 60vh;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: left;
object-position: left;
font-family: "object-fit: cover; object-position: left"
}
.block__image-with-overlay .image-crop-center img,
.image-slideshow .image-crop-center img,
.image-with-text-overlay .image-crop-center img {
min-height: 60vh;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center"
}
.block__image-with-overlay .image-crop-right img,
.image-slideshow .image-crop-right img,
.image-with-text-overlay .image-crop-right img {
min-height: 60vh;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right;
object-position: right;
font-family: "object-fit: cover; object-position: right"
}
.block__image-with-overlay .pretext,
.block__image-with-overlay .subtitle,
.image-slideshow .pretext,
.image-slideshow .subtitle,
.image-with-text-overlay .pretext,
.image-with-text-overlay .subtitle {
font-size: 15px;
font-family: Lato, sans-serif;
font-weight: 400;
letter-spacing: 1px
}
.block__image-with-overlay .subtitle.image-with-text-overlay__subheading,
.image-slideshow .subtitle.image-with-text-overlay__subheading,
.image-with-text-overlay .subtitle.image-with-text-overlay__subheading {
padding-top: 10px
}
.block__image-with-overlay .title,
.image-slideshow .title,
.image-with-text-overlay .title {
padding-top: 10px
}
.block__image-with-overlay .image-with-text-overlay__banner,
.image-slideshow .image-with-text-overlay__banner,
.image-with-text-overlay .image-with-text-overlay__banner {
overflow: hidden;
position: relative
}
@media only screen and (max-width:798px) {
.block__image-with-overlay .image-with-text-overlay__banner,
.image-slideshow .image-with-text-overlay__banner,
.image-with-text-overlay .image-with-text-overlay__banner {
overflow: visible
}
}
.block__image-with-overlay .image-with-text-overlay__banner h1.title,
.image-slideshow .image-with-text-overlay__banner h1.title,
.image-with-text-overlay .image-with-text-overlay__banner h1.title {
font-family: Montserrat, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 76px;
text-transform: none;
line-height: 1.5;
color: #fff;
display: block;
letter-spacing: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media only screen and (max-width:798px) {
.block__image-with-overlay .image-with-text-overlay__banner h1.title,
.image-slideshow .image-with-text-overlay__banner h1.title,
.image-with-text-overlay .image-with-text-overlay__banner h1.title {
font-size: 60px
}
}
.block__image-with-overlay .image-with-text-overlay__banner h1.title>a,
.block__image-with-overlay .image-with-text-overlay__banner h1.title>a:link,
.block__image-with-overlay .image-with-text-overlay__banner h1.title>a:visited,
.image-slideshow .image-with-text-overlay__banner h1.title>a,
.image-slideshow .image-with-text-overlay__banner h1.title>a:link,
.image-slideshow .image-with-text-overlay__banner h1.title>a:visited,
.image-with-text-overlay .image-with-text-overlay__banner h1.title>a,
.image-with-text-overlay .image-with-text-overlay__banner h1.title>a:link,
.image-with-text-overlay .image-with-text-overlay__banner h1.title>a:visited {
color: #fff
}
.block__image-with-overlay .image-with-text-overlay__banner h1.title>a:focus,
.block__image-with-overlay .image-with-text-overlay__banner h1.title>a:hover,
.image-slideshow .image-with-text-overlay__banner h1.title>a:focus,
.image-slideshow .image-with-text-overlay__banner h1.title>a:hover,
.image-with-text-overlay .image-with-text-overlay__banner h1.title>a:focus,
.image-with-text-overlay .image-with-text-overlay__banner h1.title>a:hover {
color: #f1d203
}
.block__image-with-overlay .image-with-text-overlay__banner .placeholder-svg,
.image-slideshow .image-with-text-overlay__banner .placeholder-svg,
.image-with-text-overlay .image-with-text-overlay__banner .placeholder-svg {
min-height: 400px
}
.block__image-with-overlay .caption,
.image-slideshow .caption,
.image-with-text-overlay .caption {
position: absolute;
width: 100%;
display: block;
padding: 1%;
pointer-events: none
}
@media only screen and (min-width:481px) {
.block__image-with-overlay .caption.align-middle,
.image-slideshow .caption.align-middle,
.image-with-text-overlay .caption.align-middle {
top: 50%;
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
}
.block__image-with-overlay .caption.align-top,
.image-slideshow .caption.align-top,
.image-with-text-overlay .caption.align-top {
top: 0;
-ms-transform: none;
-webkit-transform: none;
transform: none
}
.block__image-with-overlay .caption.align-bottom,
.image-slideshow .caption.align-bottom,
.image-with-text-overlay .caption.align-bottom {
bottom: 0;
top: auto;
-ms-transform: none;
-webkit-transform: none;
transform: none
}
.block__image-with-overlay .caption-content,
.image-slideshow .caption-content,
.image-with-text-overlay .caption-content {
pointer-events: all;
display: inline-block
}
.block__image-with-overlay .caption-overlay-true,
.image-slideshow .caption-overlay-true,
.image-with-text-overlay .caption-overlay-true {
z-index: 3
}
.block__image-with-overlay .dark-overlay-true:after,
.image-slideshow .dark-overlay-true:after,
.image-with-text-overlay .dark-overlay-true:after {
content: '';
position: absolute;
z-index: 2;
background: rgba(0, 0, 0, .5);
top: 0;
bottom: 0;
left: 0;
right: 0
}
.block__image-with-overlay .banner--full-link,
.image-slideshow .banner--full-link,
.image-with-text-overlay .banner--full-link {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
font-size: 0;
line-height: 0
}
.image-with-text-overlay__buttons {
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between
}
.image-with-text-overlay__buttons.are-small {
max-width: 300px
}
.image-with-text-overlay__buttons.are-regular {
max-width: 400px
}
.image-with-text-overlay__buttons.are-large {
max-width: 500px
}
.image-with-text-overlay__buttons.is-justify-left {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start
}
.image-with-text-overlay__buttons.is-justify-right {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end
}
.image-with-text-overlay__buttons.is-justify-center {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center
}
.image-with-text-overlay__buttons .button {
-webkit-box-flex: 0 0 calc(50% - 6px);
-moz-box-flex: 0 0 calc(50% - 6px);
-webkit-flex: 0 0 calc(50% - 6px);
-ms-flex: 0 0 calc(50% - 6px);
flex: 0 0 calc(50% - 6px);
margin-bottom: 12px;
white-space: normal;
margin-left: 0;
margin-right: 0
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.image-with-text-overlay__buttons .button {
width: 100%!important;
max-width: calc(50% - 6px)!important;
margin: 0 auto
}
}
@media only screen and (max-width:480px) {
.image-with-text-overlay__buttons .button {
flex: 1 0 100%
}
}
.list-collection-wrapper .list-collection__thumbnail {
display: block;
margin-bottom: 30px
}
.collection-list .has-no-side-gutter .list-collection__thumbnail {
margin-bottom: 0
}
.list-collection__thumbnail {
overflow: hidden
}
.list-collection__thumbnail .product-wrap {
position: relative;
overflow: hidden
}
.list-collection__thumbnail .product-wrap:hover img,
.list-collection__thumbnail .product-wrap:hover svg {
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.list-collection__thumbnail img,
.list-collection__thumbnail svg {
transition: all .3s ease-in-out
}
.collection-thumbnail-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2
}
.collection-info__caption {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 20px;
z-index: 2
}
.collection-info__caption .title {
display: block;
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
font-weight: 700;
font-style: italic;
font-size: 38px;
text-transform: none;
line-height: 1.5;
color: #fff;
display: block;
letter-spacing: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media only screen and (max-width:798px) {
.collection-info__caption .title {
font-size: 30px
}
}
.collection-info__caption .title>a,
.collection-info__caption .title>a:link,
.collection-info__caption .title>a:visited {
color: #fff
}
.collection-info__caption .title>a:focus,
.collection-info__caption .title>a:hover {
color: #f1d203
}
.collection-info__caption--below-image {
padding: 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center
}
.collection-info__caption--below-image .title {
text-align: center
}
.logo-list .has-background {
padding-top: 20px
}
@media only screen and (max-width:480px) {
.logo-list .logo-list__wrapper {
max-width: 1344px;
width: calc(100% - 48px)
}
}
.mobile-menu--opened{
max-height:100vh;
overflow:hidden;
}
.mobile-menu--opened::-webkit-scrollbar {
width: 0
}
#mobile-header .mobile-header__logo {
width: 100%;
max-width: 170px!important;
max-height: 61px
}
@media only screen and (max-width:480px) {
#mobile-header .mobile-header__logo {
max-width: 160px!important;
}
}
.mobile-header {
background-color: #141414;
transition: background-color .3s linear, height .2s linear;
width: 100%;
transition: top 0.3s;
top: -109px;
}
.mobile-header__content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
height: 100%;
position: relative;
z-index: 10
}
@media only screen and (max-width:798px) {
.mobile-header__content {
padding: 0 20px
}
}
@media only screen and (max-width:480px) {
.mobile-header__content {
padding: 0 10px
}
}
.mobile-menu__toggle-icon {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
cursor: pointer;
transition: visibility 0s linear, opacity .33s linear .1s;
padding: 10px 5px 10px 0
}
.mobile-menu__toggle-icon .icon {
fill: #fff
}
.mobile-menu__toggle-icon .mobile-header__open-menu {
transition: visibility 0s linear, opacity .33s linear .1s
}
.mobile-menu__toggle-icon .mobile-header__close-menu {
opacity: 0;
visibility: hidden;
position: absolute;
transition: visibility 0s linear, opacity .33s linear .1s
}
@media only screen and (max-width:798px) {
.mobile-menu__toggle-icon .mobile-header__close-menu * {
fill: #fff
}
}
.mobile-menu__toggle-icon.is-active .mobile-header__open-menu {
opacity: 0;
visibility: hidden;
position: absolute
}
.mobile-menu__toggle-icon.is-active .mobile-header__close-menu {
opacity: 1;
visibility: visible;
position: relative
}
.mobile-layout--left .mobile-logo {
width: calc(50% - 10px)
}
.mobile-layout--left .mobile-dropdown,
.mobile-layout--left .mobile-icons {
width: calc(25% - 10px)
}
.mobile-layout--left .mobile-icons {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end
}
.mobile-layout--left.mobile-logo__position--left .mobile-dropdown,
.mobile-layout--left.mobile-logo__position--left .mobile-icons {
width: auto
}
.mobile-dropdown,
.mobile-icons,
.mobile-logo {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center
}
.mobile-icons {
margin-right: 70px;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2
}
.mobile-icons .button {
min-height: 55px!important
}
@media only screen and (max-width:798px) {
.mobile-icons {
display: none
}
}
.mobile-dropdown {
-webkit-box-ordinal-group: 0;
-moz-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0
}
.mobile-logo {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
text-align: center;
padding-top: 5px;
padding-bottom: 5px
}
.mobile-logo .image-element__wrap {
max-width: 140px!important
}
.mobile-logo__position--left .mobile-logo {
-webkit-box-ordinal-group: 0;
-moz-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
-webkit-justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
justify-content: left;
-ms-flex-pack: left;
text-align: left
}
.mobile-layout--left.mobile-logo__position--below {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.mobile-layout--left.mobile-logo__position--below .mobile-dropdown,
.mobile-layout--left.mobile-logo__position--below .mobile-icons {
width: 50%
}
.mobile-layout--left.mobile-logo__position--below .mobile-logo {
display: none
}
.mobile-layout--right .action-area__link.has-cart-count {
padding-right: 5px
}
.mobile-layout--right.mobile-logo__position--below {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.mobile-layout--right.mobile-logo__position--below .mobile-icons {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end
}
.mobile-layout--right.mobile-logo__position--below .mobile-logo {
display: none
}
.mobile-dropdown__position--left {
-webkit-box-ordinal-group: 0;
-moz-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0
}
.mobile-dropdown__position--right {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;
padding-top: 5px
}
.mobile-logo__outer {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
background-color: #141414;
padding: 10px 0;
width: 100%
}
.mobile-logo__outer a {
color: #fff
}
.mobile-logo__outer .image-element__wrap {
margin-left: 0;
max-width: 140px!important
}
.mobile-menu__toggle-button {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
width: 45px;
z-index: 50;
bottom: 0
}
.mobile-menu__toggle-button.mobile-toggle__position--right {
right: 0;
left: initial;
margin-right: 45px
}
@media only screen and (max-width:798px) {
.mobile-menu__toggle-button.mobile-toggle__position--right {
margin-right: 20px
}
}
@media only screen and (max-width:798px) {
.mobile-menu__toggle-button {
display: block
}
}
.mobile-menu a {
color: #fff
}
.mobile-menu a:hover {
color: #f1d203
}
.submenu__label:hover a {
color: #007ace
}
.mobile-menu__toggle-icon.is-active+.mobile-menu {
transition: left .5s;
left: 0
}
.mobile-header__content {
padding: 24px 48px
}
@media only screen and (max-width:798px) {
.mobile-header__content {
padding: 20px 15px
}
}
.mobile-header__content .mobile-logo {
padding: 0
}
.mobile-header__content .mobile-header__hiring{
display: flex;
align-items: center;
font-weight: bold;
}
.mobile-header__content .mobile-header__client{
display: flex;
align-items: center;
font-weight: bold;
position: absolute;
top: 100%;
margin-top: 8px;
left: 0;
font-size: 12px;
width: max-content;
}
@media only screen and (max-width:798px) {
.mobile-header__content .mobile-header__client{
position: static;
margin: 0;
width: auto;
}
}
.mobile-header__content .pulse{
width: 8px;
min-width: 8px;
height: 8px;
background: #F1D203;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
}
.mobile-header__content .mobile-header__client .pulse{
background:#96bf48;
}
.mobile-header__content .mobile-header__client .pulse{
background:#96bf48;
}
.mobile-header__content .mobile-logo.mobile-logo-main {
transition: opacity .75s cubic-bezier(.48, 0, .12, 1) .3s;
position: relative;
z-index: 2
}
.mobile-header__content .mobile-logo .image-element__wrap {
margin-left: 0
}
.mobile-header__content .mobile-dropdown {
z-index: 3;
position: relative;
padding: 0
}
.mobile-header__content .mobile-dropdown .mobile-menu__toggle-icon {
padding: 0;
position: relative;
z-index: 2
}
.mobile-header__content .mobile-dropdown .mobile-menu__toggle-icon .icon {
width: 38px;
height: auto
}
.mobile-header__content .mobile-dropdown .mobile-dropdown_content {
position: fixed;
z-index: 1;
top: 0;
left: 0;
width: 100vw;
padding: 24px 48px;
height: 100%;
background-color: transparent;
transition: opacity .9s, visibility .9s;
opacity: 0;
visibility: hidden
}
@media only screen and (max-width:798px) {
.mobile-header__content .mobile-dropdown .mobile-dropdown_content {
padding: 0;
overflow: scroll;
height:100%;
}
}
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu__bg {
width: 50vw;
position: fixed;
height: 100vh;
left: 0;
top: 0;
transform: scaleX(0);
transform-origin: center left;
transition: transform .75s cubic-bezier(.48, 0, .12, 1) .3s;
clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
width: 44vw
}
@media only screen and (max-width:798px) {
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu__bg {
display: none!important
}
}
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu__bg.mobile-menu__bg-right {
left: auto;
right: 0;
width: 70vw;
clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
z-index: 0
}
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu {
position: static;
transform: none;
transition-delay: .75s;
transform: translate3d(-40px, 0, 0);
transition: opacity .7s, transform .8s, visibility .7s;
opacity: 0
}
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu .mobile-menu__item {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
line-height: 1;
padding: 0;
margin-bottom: 15px;
font-family: Montserrat, sans-serif;
font-weight: 700;
font-style: italic;
letter-spacing: 0;
font-size: 38px;
text-transform: none;
color: #fff;
transition: all .35s cubic-bezier(.48, 0, .12, 1);
width: fit-content;
user-select: none
}
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu .mobile-menu__item:active,
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu .mobile-menu__item:hover {
color: #f1d203;
transform: translateX(30px)
}
@media only screen and (max-width:798px) {
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu .mobile-menu__item {
font-size:28px;
margin:0;
}
}
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu .mobile-menu__info {
max-width: 530px;
margin: 0 auto
}
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu .mobile-menu__info .title {
letter-spacing: -.02em
}
@media only screen and (max-width:798px) {
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu .mobile-menu__info .title {
font-size: 30px;
text-align: left
}
}
.mobile-menu-right .mobile-menu__content.mobile-menu__info .meta__info {
margin-bottom: 40px;
gap: 20px;
}
@media only screen and (max-width:798px) {
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu .mobile-menu__info .meta {
text-align: left!important
}
}
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu .mobile-menu__info .meta a {
color: #141414;
font-weight: 700;
font-style: italic
}
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu .mobile-menu__info .meta a:hover {
color: #fff
}
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu .mobile-menu__info .button {
border: none
}
@media only screen and (max-width:798px) {
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu .mobile-menu__info .button {
width: 100%;
font-size: 20px!important
}
}
@media only screen and (max-width:798px) {
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu.mobile-menu-top {
background: #141414;
width: 100%;
padding: 20px 24px
}
}
@media only screen and (max-width:798px) {
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu.mobile-menu-left {
background: #141414;
width: 100%;
padding: 24px
}
}
@media only screen and (max-width:798px) {
.mobile-header__content .mobile-dropdown .mobile-dropdown_content .mobile-menu.mobile-menu-right {
background: #f1d203;
width: 100%;
padding: 24px;
text-align: left
}
}
.mobile-header__content .mobile-dropdown.is-active .mobile-dropdown_content {
opacity: 1;
visibility: visible
}
.mobile-header__content .mobile-dropdown.is-active .mobile-dropdown_content .mobile-menu__bg {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1)
}
.mobile-header__content .mobile-dropdown.is-active .mobile-dropdown_content .mobile-menu {
opacity: 1!important;
transform: translateZ(0)!important
}
.mobile-menu__first-level label {
display: block;
position: relative
}
@media only screen and (max-width:798px) {
.mobile-menu__first-level label {
display: flex;
align-items: flex-end;
margin-bottom: 15px;
}
.mobile-menu__first-level label:hover .mobile-header__hiring,.mobile-menu__first-level label:active .mobile-header__hiring{
color: #f1d203;
transform: translateX(30px);
}
.mobile-menu__first-level label .mobile-header__hiring{
margin-left: 16px;
transition:all .35s cubic-bezier(.48, 0, .12, 1);
}
}
.mobile-menu__first-level .close-dropdown,
.mobile-menu__first-level .close-sub-dropdown {
position: absolute;
cursor: pointer;
top: 0;
right: 0;
height: 100%;
width: 25%
}
.mobile-menu__first-level .has-no-link .close-dropdown,
.mobile-menu__first-level .has-no-link .close-sub-dropdown {
width: 100%
}
.mobile-menu-link {
position: relative
}
.mobile-menu-link::after {
border-color: #fff;
right: 1.125em;
z-index: 4;
font-size: 1.1em
}
.mobile-menu__submenu {
transition: max-height .5s;
border-left: 1px solid #d3d3d3;
margin-left: 20px;
max-height: 0;
overflow: hidden;
padding-left: 0
}
.mobile-menu__submenu.has-mega-menu {
margin-left: 0;
max-height: none;
display: none
}
.mobile-menu__submenu .mega-menu {
display: block;
position: relative;
background-color: #141414!important;
left: 0
}
.submenu__input:checked~.mobile-menu__submenu {
transition: max-height .8s;
max-height: 100vh
}
.submenu__input:checked~.mobile-menu__submenu.has-dropdown {
max-height: 100vh
}
.submenu__input:checked~.mobile-menu__submenu.has-mega-menu {
max-height: none;
display: block;
border-left: 0
}
.submenu__input:checked+label a:after {
transform: translateY(-60%) rotate(180deg)
}
.submenu__input+label a:after {
transition: transform .2s linear
}
.popup-modal .fancybox-bg {
opacity: 1
}
.popup-modal .fancybox-slide {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 40px
}
@media only screen and (max-width:480px) {
.popup-modal .fancybox-slide {
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
padding: 0
}
}
.popup__wrapper {
display: none;
padding: 0;
max-width: 900px;
width: 90%;
position: relative;
overflow: hidden
}
@media only screen and (max-width:480px) {
.popup__wrapper {
width: 100%
}
}
.popup__wrapper.animated {
opacity: 0
}
.popup__wrapper.has-image .newsletter-form {
max-width: 100%
}
.popup__text {
font-size: 1rem
}
.popup__close {
display: block;
position: absolute;
top: 0;
right: 0;
margin: 10px;
cursor: pointer
}
.popup__close .icon--vertical-align {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
margin: auto
}
.newsletter-section--popup {
margin: 0;
padding-top: 20px;
width: 100%;
max-width: none
}
.newsletter-section--popup .newsletter__wrapper {
max-width: 100%;
padding: 0
}
.popup__image {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
position: relative;
min-width: 200px;
width: 40%
}
.popup__image.has-image-crop img {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: auto;
width: 100%
}
@media only screen and (max-width:480px) {
.popup__image {
display: none
}
}
.image-position-right .popup__image {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1
}
.image-position-right .popup__close {
left: 0;
right: auto
}
.popup__content {
max-width: calc(75% - 80px);
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-box-flex: 1 0 60%;
-moz-box-flex: 1 0 60%;
-webkit-flex: 1 0 60%;
-ms-flex: 1 0 60%;
flex: 1 0 60%;
padding: 40px
}
@media only screen and (max-width:798px) {
.popup__content {
max-width: 100%;
padding: 20px
}
}
.popup__header {
width: calc(100% - 12px)
}
@media only screen and (max-width:798px) {
.popup__header {
margin: 0 10px
}
}
.mobile-shrink-text p,
.mobile-shrink-text span {
font-size: 1em;
display: block
}
@media only screen and (max-width:798px) {
.mobile-shrink-text p,
.mobile-shrink-text span {
font-size: .8em
}
}
@media only screen and (max-width:480px) {
.mobile-shrink-text p,
.mobile-shrink-text span {
font-size: .6em
}
}
.rich-text__content a.button {
max-width: 50%
}
@media only screen and (max-width:798px) {
.rich-text__content a.button {
max-width: 100%
}
}
@media only screen and (max-width:798px) {
.search-form {
padding-top: 16px
}
}
.search-form .search__fields input[type=text] {
outline: 0;
border-radius: 0;
border: thin solid #d3d3d3;
color: #7a7a7a
}
.search-form .search__fields input[type=text]:active,
.search-form .search__fields input[type=text]:focus {
color: #0a0a0a;
box-shadow: none
}
.search-form .search__fields [data-icon=search] {
padding: 5px;
color: #0a0a0a
}
@media only screen and (max-width:798px) {
.sidebar-section {
width: 100%!important;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1
}
.sidebar-section+.has-sidebar-option {
width: 100%!important
}
}
.product-sidebar--mobile-above {
padding-bottom: 40px
}
.product-sidebar--mobile-below {
padding-bottom: 20px
}
.sidebar-block__heading {
cursor: default;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
position: relative
}
.sidebar-block__heading+.sidebar-block__content {
padding-top: .9rem
}
.sidebar__block.sidebar-toggle-active {
padding-top: 10px;
padding-bottom: 10px
}
.sidebar__block:first-child {
padding-top: 0
}
.sidebar__block:last-child {
padding-bottom: 0
}
.sidebar-block__toggle-icon {
position: absolute;
right: 0;
border: none;
top: 50%;
transform: translateY(-50%);
padding: 0;
background: 0 0
}
.sidebar-block__toggle-icon:focus {
outline: 0
}
.sidebar-block__toggle-icon .icon {
color: #0a0a0a;
transition: transform .2s linear
}
.icon-style--plus_and_minus .icon.icon--active+.icon {
display: none
}
.sidebar-toggle-active.is-active .icon-style--carets .icon {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.sidebar-toggle-active.is-active .icon-style--plus_and_minus .icon.icon--active {
display: none
}
.sidebar-toggle-active.is-active .icon-style--plus_and_minus .icon.icon--active+.icon {
display: block
}
[data-sidebar-block__content--collapsible] {
display: none
}
.sidebar-block__recent-post {
margin-bottom: 10px
}
.sidebar-block__recent-post .label {
font-weight: 400
}
.block__featured-promo .sidebar__promo-content {
margin-left: 0
}
@media only screen and (max-width:798px) {
.slideshow-with-text .has-gutter-enabled .image-slideshow {
margin-bottom: 16px
}
}
.slideshow-with-text .flickity-prev-next-button .flickity-button-icon {
position: absolute;
top: 50%;
width: 45%;
height: 45%;
transform: translateX(-50%) translateY(-50%)
}
.slideshow-with-text .text-slideshow__heading.banner__subheading {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 500;
font-style: italic
}
.slideshow-with-text .text-slideshow__heading.banner__heading {
font-family: Montserrat, sans-serif;
font-size: 38px;
font-weight: 700;
font-style: italic
}
.image-slideshow {
opacity: 0;
transition: opacity .4s;
width: 100%;
margin: 0 auto
}
@media only screen and (max-width:798px) {
.image-slideshow {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1
}
}
.image-slideshow .placeholder-svg {
height: 500px
}
@media only screen and (max-width:798px) {
.image-slideshow .placeholder-svg {
height: 300px
}
}
.image-slideshow .flickity-buttons-container {
position: absolute;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
bottom: 20px;
right: 20px
}
@media only screen and (max-width:798px) {
.image-slideshow .flickity-buttons-container {
display: none
}
}
.image-slideshow .flickity-button {
position: static;
display: block;
-ms-transform: none;
-webkit-transform: none;
transform: none
}
.image-slideshow .flickity-button:first-child {
margin-right: 10px
}
.image-slideshow-position--left .flickity-buttons-container {
left: 5%;
right: auto
}
.image-slideshow-position--right {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2
}
@media only screen and (max-width:798px) {
.image-slideshow-position--right {
-webkit-box-ordinal-group: 0;
-moz-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0
}
}
.image-slideshow.flickity-enabled {
opacity: 1;
height: auto
}
.image-slideshow__slide {
width: 100%
}
.image-slideshow__slide .image-element__wrap {
width: 100%;
height: auto
}
.text-slideshow {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
width: 100%;
height: 100%
}
.text-slideshow .flickity-slider,
.text-slideshow .flickity-viewport {
height: 100%
}
.text-slideshow .flickity-page-dots {
-webkit-align-self: flex-end;
-moz-align-self: flex-end;
-ms-align-self: flex-end;
align-self: flex-end;
position: static;
padding-bottom: 3em
}
@media only screen and (max-width:798px) {
.text-slideshow .flickity-page-dots {
padding-top: 3em;
padding-bottom: 0;
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
}
.text-slideshow.flickity-page-dots--hidden .flickity-page-dots {
display: none
}
@media only screen and (max-width:798px) {
.text-slideshow.flickity-page-dots--hidden .flickity-page-dots {
display: block
}
}
.text-slideshow__slide {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 3em
}
.text-slideshow__content {
width: 100%;
opacity: 0;
animation-delay: .2s
}
.text-slideshow__content.animated.none {
opacity: 1
}
.text-slideshow__content .button {
margin-top: 10px
}
.text-slideshow__heading {
padding-bottom: 20px;
line-height: 1.5;
margin: 0
}
.text-slideshow__heading.subtitle {
font-size: 16px
}
.slideshow-classic {
width: 100%
}
@media only screen and (max-width:480px) {
.slideshow-classic.page-dots--true {
padding-bottom: 25px;
margin-bottom: 25px
}
}
.slideshow-classic .flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 50%;
top: 50%;
width: 45%;
height: 45%;
transform: translateX(-50%) translateY(-50%)
}
.slideshow-classic .mobile-text--over-media .caption {
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
@media only screen and (max-width:480px) {
.slideshow-classic .mobile-text--below-media .caption {
position: static;
text-align: center;
margin-top: 20px;
margin-bottom: 20px
}
}
.slideshow-classic .gallery-cell {
width: 100%
}
.slideshow-classic .gallery-cell .image-element__wrap {
width: 100%
}
@media only screen and (max-width:480px) {
.slideshow-classic .gallery-cell {
display: block
}
}
.slideshow-classic .flickity-button,
.slideshow-classic .flickity-page-dots {
position: absolute;
top: auto;
bottom: 25px
}
.slideshow-classic .flickity-button {
z-index: 10
}
@media only screen and (max-width:480px) {
.slideshow-classic .flickity-button {
display: none
}
}
.slideshow-classic .flickity-page-dots {
bottom: 40px
}
@media only screen and (max-width:480px) {
.slideshow-classic .flickity-page-dots {
bottom: 0
}
}
.slideshow-classic__buttons {
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between
}
.slideshow-classic__buttons.are-small {
max-width: 300px
}
.slideshow-classic__buttons.are-regular {
max-width: 400px
}
.slideshow-classic__buttons.are-large {
max-width: 500px
}
.slideshow-classic__buttons.is-justify-left {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start
}
.slideshow-classic__buttons.is-justify-right {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end
}
.slideshow-classic__buttons.is-justify-center {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center
}
.slideshow-classic__buttons .button {
-webkit-box-flex: 0 0 calc(50% - 6px);
-moz-box-flex: 0 0 calc(50% - 6px);
-webkit-flex: 0 0 calc(50% - 6px);
-ms-flex: 0 0 calc(50% - 6px);
flex: 0 0 calc(50% - 6px);
margin-bottom: 12px;
white-space: normal;
margin-left: 0;
margin-right: 0
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.slideshow-classic__buttons .button {
width: 100%!important;
max-width: calc(50% - 6px)!important;
margin: 0 auto
}
}
@media only screen and (max-width:480px) {
.slideshow-classic__buttons .button {
flex: 1 0 100%
}
}
.slideshow-classic__banner {
overflow: hidden;
position: relative
}
@media only screen and (max-width:798px) {
.slideshow-classic__banner {
overflow: visible
}
}
.slideshow-classic__banner h2.title {
font-family: Montserrat, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 40px;
text-transform: none
}
.slideshow-classic__banner .slideshow-classic__subheading {
padding-top: 10px
}
.slideshow-classic__banner .placeholder-svg {
min-height: 400px
}
.testimonials {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.testimonials:after {
content: 'flickity';
display: none
}
.testimonials .flickity-button {
width: 20px;
padding: 0
}
.testimonials .flickity-button path {
transform: scale(7.5);
fill: #989898
}
@media only screen and (max-width:798px) {
.testimonials .flickity-button {
display: none
}
}
.testimonials .flickity-button.next svg {
transform: rotateY(180deg)
}
.testimonial-block {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
min-height: 100%;
overflow: hidden
}
@media only screen and (max-width:798px) {
.testimonial-block {
margin-bottom: 20px;
min-height: initial
}
}
.testimonial-block.testimonial-border--true {
border: thin solid #d3d3d3
}
.testimonial-block.testimonial-align--center .testimonial__description,
.testimonial-block.testimonial-align--center .testimonial__name {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
text-align: center
}
.testimonial-block .testimonial__images {
margin-bottom: 48px;
width: 100%
}
@media only screen and (max-width:798px) {
.testimonial-block .testimonial__images{
margin-bottom:24px;
}
.testimonial-block .testimonial__images .testimonial__images-desktop {
display: none
}
}
.testimonial-block .testimonial__images .testimonial__images-desktop {
width: 80%;
margin: 0 auto;
}
.testimonial-block .testimonial__images .testimonial__images-desktop img{
object-fit:contain;
}
.testimonial-block .testimonial__images .testimonial__images-mobile {
position: absolute;
bottom: -32px;
left: 6%;
height: 80%;
}
@media only screen and (max-width:798px) {
.testimonial-block .testimonial__images .testimonial__images-mobile {
position: static;
height: auto
}
}
.testimonial-block .testimonial__images .testimonial__images-mobile .image-element__wrap {
height: 100%
}
.testimonial-block .testimonial__images .testimonial__images-mobile .image-element__wrap img {
width: auto !important;
height: 100%!important;
object-fit:contain;
}
@media only screen and (max-width:798px) {
.testimonial-block .testimonial__images .testimonial__images-mobile .image-element__wrap img {
min-height: 300px;
min-width: 225px;
max-width:225px;
object-fit: contain;
object-position: top
}
}
.testimonial-block .testimonial__content {
max-width: 840px;
margin: 0 auto
}
.testimonial-block .testimonial__content.text-center .star-rating{
margin:0 auto;
}
@media only screen and (max-width:798px) {
.testimonial-block .testimonial__content .star-rating {
margin: 0 auto;
text-align:center;
}
}
.testimonial__description,
.testimonial__name {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
text-align: left;
width: 100%;
position: relative;
margin-top: 16px;
font-size: 20px;
font-style: normal
}
@media only screen and (max-width:798px) {
.testimonial__description,
.testimonial__name {
text-align: center
}
}
.testimonial__name {
font-style: normal;
font-size: 16px;
-webkit-align-self: flex-end;
-moz-align-self: flex-end;
-ms-align-self: flex-end;
align-self: flex-end;
margin-top: 16px
}
@media only screen and (max-width:1024px) {
.testimonial__name {
font-size: .85rem
}
}
@media only screen and (max-width:798px) {
.testimonial__name {
font-size: 1rem
}
}
.testimonial__description {
-webkit-align-self: center;
-moz-align-self: center;
-ms-align-self: center;
align-self: center
}
@media only screen and (min-width:799px) {
.mobile-slider .testimonials:after {
content: ''
}
}
@media only screen and (min-width:799px) {
.desktop-slider--disabled .testimonial__nav-wrapper {
display: none
}
}
.desktop-slider--disabled .testimonial__description {
height: initial
}
@media only screen and (max-width:798px) {
.top-bar {
display: none
}
}
.top-bar .navbar-item {
-webkit-box-flex: 1 1 auto;
-moz-box-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center
}
.top-bar__text {
padding-left: .75rem;
min-width: 25%
}
.top-bar__item {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center
}
.top-bar__item:first-child {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start
}
.top-bar__item:last-child {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end
}
.top-bar__menu {
-webkit-box-flex: 1 0 auto;
-moz-box-flex: 1 0 auto;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center
}
@media only screen and (max-width:798px) {
.top-bar__menu {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center
}
}
.top-bar__social-media a {
line-height: 0;
margin-left: 5px;
margin-right: 5px;
display: block
}
@media only screen and (max-width:798px) {
.top-bar__social-media .social-icons {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center
}
}
.top-bar__icons.cart--hidden {
padding-right: 20px
}
.top-bar__content .header__currency-dropdown select {
color: inherit
}
.top-bar__content .header__currency-dropdown select:hover {
color: inherit
}
.top-bar__content .header__icon-style-text .header__currency-dropdown select {
padding-top: 0;
padding-bottom: 0;
height: auto;
line-height: inherit
}
.blog__filter {
margin-bottom: 20px
}
@media only screen and (max-width:480px) {
.blog__filter .select,
.blog__filter select {
width: 100%
}
}
.blog__filter .is-grouped {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end
}
@media only screen and (max-width:798px) {
.blog__filter .is-grouped {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start
}
}
.blog-main {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.blog-main .select {
border-color: #d3d3d3
}
.meta-info .tags {
margin: 0
}
.meta-info-list {
font-size: .8em
}
.meta-info-list .meta-info-list__item {
margin-right: 5px;
display: inline-block
}
.meta-info-list .meta-info-list__item a,
.meta-info-list .meta-info-list__item span {
padding-left: 5px;
color: #fff
}
.meta-info-list .meta-info-list__item:first-child a,
.meta-info-list .meta-info-list__item:first-child span {
padding-left: 0
}
.meta-info-list .meta-info-list__item:last-child {
margin-right: 0
}
.meta-info-list .meta-info-list__item+li:before {
content: "|";
color: rgba(255, 255, 255, .3)
}
.blog-card {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
border: thin solid #d3d3d3;
background: #303030;
padding: 32px 24px
}
@media only screen and (max-width:798px) {
.blog-card {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 16px;
padding: 16px 24px
}
}
.blog-card.show-border-false {
border: none;
box-shadow: none
}
.blog-card.show-border-false .card-content {
padding-left: 0;
padding-right: 0
}
.blog-card.show-border-false .blog-card__read-more {
margin-left: 0;
margin-right: 0
}
@media only screen and (max-width:798px) {
.blog-card.show-border-false .blog-card__read-more {
margin-top: 8px;
margin-right: auto;
width: 100%
}
.blog-card.show-border-false .blog-card__read-more .button {
width: 100%
}
}
.blog-card .blog-card__content>div:not(:last-child),
.blog-card .meta-info>ul:not(:last-child) {
margin-bottom: 1rem
}
@media only screen and (min-width:799px) {
.blog-card .image-element__wrap {
max-height: 15rem
}
}
.blog-card .media-content {
font-size: 38px
}
.blog-card .media-content .title {
font-size: .8em
}
@media only screen and (min-width:799px) {
.blog-card.is-horizontal {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-grow: 0;
flex-grow: 0;
-webkit-flex-shrink: 1;
-moz-flex-shrink: 1;
-ms-flex-shrink: 1;
flex-shrink: 1;
max-height: 330px
}
.blog-card.is-horizontal .blog-card__image {
width: 33.33%
}
.blog-card.is-horizontal .blog-card__image .image {
position: relative;
overflow: hidden;
height: 100%;
width: 100%
}
.blog-card.is-horizontal .blog-card__image .image .image-element__wrap {
height: 100%;
max-height: none
}
.blog-card.is-horizontal .blog-card__image .image .image-element__wrap img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center"
}
.blog-card.is-horizontal .blog-card__content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 3;
-moz-box-flex: 3;
-webkit-flex: 3;
-ms-flex: 3;
flex: 3;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.blog-card.is-horizontal.show-border-false {
box-shadow: none
}
.blog-card.is-horizontal.show-border-false .blog-card__content {
padding: 1.5rem
}
.blog-card.is-horizontal.show-border-false .blog-card__read-more {
margin-left: 0
}
.blog-card.is-horizontal .blog-card__read-more {
margin: auto 0 0
}
}
@media only screen and (max-width:798px) {
.blog-card.is-horizontal .blog-card__read-more {
margin: 0
}
.blog-card .image-element__wrap {
max-height: 20rem
}
}
.excerpt {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-word;
word-break: break-word;
position: relative;
max-height: 6em;
overflow: hidden
}
.excerpt.excerpt-length-sm .truncation-fade {
display: none
}
.excerpt-length-lg .truncation-fade {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
margin: 0;
padding: 30px 0;
background-image: linear-gradient(to bottom, rgba(20, 20, 20, 0), #141414)
}
.blog-card__link:hover .blog-card__image,
.blog-card__link:hover svg {
transform: scale(1.1)
}
.blog-card__image,
.blog-card__link svg {
transition: transform .3s ease-in-out
}
.collection__filters {
margin-bottom: 20px
}
.collection__filters .select {
max-width: 50%
}
@media only screen and (max-width:480px) {
.collection__filters .select {
max-width: 100%
}
}
@media only screen and (max-width:480px) {
.collection__filters .select:first-child {
margin-bottom: 10px
}
}
@media only screen and (max-width:480px) {
.collection__filters .select,
.collection__filters select {
width: 100%
}
}
.collection__filters .is-grouped {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end
}
@media only screen and (max-width:798px) {
.collection__filters .is-grouped {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start
}
}
.collection-main .banner__text {
margin: 0
}
.collection-main .banner__content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center
}
@media only screen and (min-width:481px) {
.collection__sort-by-filter {
margin-left: 10px
}
}
.sub-collection-main main {
min-height: 0
}
.collection__loading-icon {
width: 100%;
display: none
}
.star-rating {
width: 140px
}
.star-rating .icon {
width: 100%;
height: auto
}
.buttons.is-center {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center
}
@media only screen and (min-width:799px) {
.medium-up--hide {
display: none!important
}
}
@media only screen and (max-width:798px) {
.button--primary,
.button--secondary,
a.button--primary.button,
a.button--secondary.button {
font-size: 20px!important
}
}
.featured-collection-section .featured-collection .gallery-cell {
width: calc(24% - 16px)
}
@media only screen and (max-width:798px) {
.featured-collection-section .featured-collection .gallery-cell {
width: calc(80% - 16px)
}
}
.featured-collection-section .featured-collection.overlay-type .thumbnail {
width: calc(20% - 4px);
margin-right: 4px;
margin-left: 0;
padding: 0;
margin-bottom: 4px
}
.featured-collection-section .featured-collection.overlay-type .thumbnail:nth-of-type(10),
.featured-collection-section .featured-collection.overlay-type .thumbnail:nth-of-type(5) {
margin-right: 0
}
@media only screen and (max-width:798px) {
.featured-collection-section .featured-collection.overlay-type .thumbnail {
width: calc(50% - 4px)
}
}
.product__thumbnail .image__container {
position: relative
}
.product-wrap .shopify-plus{
position: absolute;
left: -1px;
bottom: -1px;
z-index: 3;
width: 90px !important;
height: auto !important;
min-width: auto !important;
object-fit: inherit !important;
border-top-right-radius: 30px;
transition:0.3s;
background:#141414;
}
@media screen and (max-width: 714px){
.product-wrap .shopify-plus{
width: 55px !important;
}
.gallery-cell .shopify-plus{
width: 90px !important;
}
}
.product-wrap .image__container .image-element__wrap {
width: 100%!important
}
.product-wrap .image__container .image-element__wrap:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
content: '';
transition: .8s
}
.featured-collection-section .featured-collection.overlay-type .thumbnail .image__container .image-element__wrap img {
width: 100%!important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: top"
}
.featured-collection-section .featured-collection.overlay-type .thumbnail .thumbnail__caption {
display:none;
}
.product-wrap .product-thumbnail__caption{
z-index: 1;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
padding: 0;
width: 80%;
font-weight: 700;
margin-top: 8px;
display: block;
transform: translate(-50%, -50%) scale(0);
font-size: 16px;
transition: transform .3s;
z-index:2;
color:white;
}
@keyframes before-and-after {
0% {transform:translateY(0%)}
33% {transform:translateY(-35%)}
66% {transform:translateY(-70%)}
100% {transform:translateY(-105%)}
}
.product-wrap .product-thumbnail__tooltip{
opacity:0;
font-size: 30px;
font-weight: bold;
color: white;
position: absolute;
z-index: 2;
display: block;
width: 100%;
top: 100%;
left: 20px;
transform: translateY(0%);
animation-fill-mode: forwards;
animation-duration: 1000ms;
animation-delay: 300ms;
}
.product-wrap.has-before-after:hover .product-thumbnail__tooltip{
opacity: 1;
animation-name: before-and-after;
}
.slider-gallery.products-slider .shopify-plus{
border-left: 2px solid #141414;
left: -2px;
background: #141414;
}
.product-wrap .image__container {
position: relative;
overflow:hidden;
}
.product-wrap.is-overlay-type:hover .product-thumbnail__caption {
transform: translate(-50%, -50%) scale(1)
}
.product-wrap.is-overlay-type:hover .shopify-plus{
opacity:0
}
.product-wrap.has-before-after:hover .shopify-plus{
opacity:0
}
.product-wrap.is-overlay-type:hover .image-element__wrap {
position: relative
}
.product-wrap.has-before-after:hover .image-element__wrap {
position: relative
}
.product-wrap.is-overlay-type:hover .image__container .image-element__wrap:before {
background-color: rgba(0, 0, 0, .3);
backdrop-filter: blur(3px)
}
.product-wrap.has-before-after:hover .image__container .image-element__wrap:before {
background-color: rgba(0, 0, 0, .3);
backdrop-filter: blur(3px)
}
.featured-collection-section .featured-collection .product__imageContainer:not(.is-overlay-type) .image-element__wrap {
max-height: 565px;
min-height: 560px;
}
@media only screen and (max-width:798px) {
.product-wrap .product-thumbnail__tooltip{
font-size:20px;
}
.featured-collection-section .featured-collection .product__imageContainer:not(.is-overlay-type) .image-element__wrap {
max-height: 490px;
min-height: 490px;
}
}
.featured-collection-section .featured-collection .image-element__wrap img {
object-fit: cover;
object-position: top;
}
.featured-collection-section .buttons {
margin-top: 24px
}
.gallery-cell img {
max-height: 600px;
object-fit: cover;
object-position: top;
min-width: 100%;
width: 100% !important;
}
.testimonials>.section {
max-width: 1200px
}
@media only screen and (max-width:798px) {
.jsCustomContactForm {
padding-bottom: 20px!important;
padding-top: 0!important
}
}
.jsCustomContactForm .contact-form .contact-form__heading {
color: #000;
font-size: 38px;
text-align: center;
margin-bottom: 8px
line-height: 45px;
}
@media only screen and (max-width:798px) {
.jsCustomContactForm .contact-form .contact-form__heading {
font-size: 32px
}
}
.jsCustomContactForm .contact-form .contact-form__text {
font-size: 24px;
text-align: center;
font-weight: 500
}
@media only screen and (max-width:798px) {
.jsCustomContactForm .contact-form .contact-form__text {
font-size: 16px
}
}
.contact-form__social .social-info label{
font-size: 20px;
font-style: normal;
margin-bottom: 8px
}
.jsCustomContactForm .contact-form label {
color: inherit;
font-size: 20px;
font-weight: 700;
font-style: normal;
margin-bottom: 8px
}
@media only screen and (max-width:798px) {
.jsCustomContactForm .contact-form label {
font-size: 16px
}
}
@media only screen and (max-width:798px) {
.jsCustomContactForm.career-form {
padding-top: 0!important
}
.jsCustomContactForm.career-form label {
display: none
}
}
.image-with-text .section {
transition: .3s;
cursor: pointer;
padding: 32px
}
@media only screen and (max-width:798px) {
.image-with-text .section {
padding: 32px 24px
}
}
@media only screen and (max-width:798px) {
.image-with-text .section .image-with-text__text-column {
padding: 0;
margin-left: 0;
margin-right: 0
width: 100%;
}
}
.image-with-text .section .image-with-text__text-column h3.image-with-text__heading {
font-size: 32px
}
.image-with-text .section .image-with-text__text-column .image-with-text__subtitle {
font-size: 24px;
font-weight: 500
}
@media only screen and (max-width:798px) {
.image-with-text .section .image-with-text__text-column .image-with-text__subtitle {
font-size: 20px
}
}
.image-with-text .section .image-with-text__text-column .image-with-text__text {
font-weight: 400
}
@media only screen and (max-width:798px) {
.image-with-text .section .image-with-text__text-column .image-with-text__text {
font-size: 16px
}
}
.index .image-with-text .section .image-with-text__text-column .buttons {
visibility: hidden;
opacity: 0;
transition: .3s
}
@media only screen and (max-width:798px) {
.index .image-with-text .section .image-with-text__text-column .buttons {
visibility: visible;
opacity: 1
}
}
.index .image-with-text .section:hover {
background: #303030
}
.index .image-with-text .section:hover .buttons {
visibility: visible;
opacity: 1
}
.mobile-menu .title {
font-size: 80px;
color: #141414;
text-align: center
}
.mobile-menu .meta a {
font-size: 22px
}
.mobile-menu .meta a:hover {
text-decoration: underline;
color: #141414
}
.featured-promotions__content h3.featured-promotions__title {
font-size: 64px;
margin: 0;
letter-spacing: -.02px
}
@media only screen and (max-width:798px) {
.mobile-menu .meta a {
font-size: 18px
}
.featured-promotions__content h3.featured-promotions__title {
font-size: 48px
}
}
.featured-promotions__content .subtitle {
font-size: 24px
}
@media only screen and (max-width:798px) {
.featured-promotions__content .subtitle {
font-size: 20px;
font-style: normal;
font-weight: 700
}
}
@media only screen and (max-width:798px) {
.featured-promotions__content .image-element__wrap {
max-width: 100%!important
}
.featured-promotions__content .image-element__wrap img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center"
}
}
@media only screen and (max-width:798px) {
#shopify-section-16148065302939ad81 {
padding-bottom: 0!important;
padding-bottom:0 !important;
}
#shopify-section-16148065302939ad81 .columns.one-whole {
margin:0;
width:100%;
}
#shopify-section-16148065302939ad81 h2.rich-text__heading.title{
font-size: 24px !important;
}
#shopify-section-16148065302939ad81 br{
display:none;
}
}
#shopify-section-16147999694e5456eb .heading-wrapper {
margin-bottom: 24px
}
.tags {
margin-top: 16px;
margin-bottom: 48px;
display:flex;
flex-wrap:wrap;
}
@media only screen and (max-width:798px) {
.tags {
margin-bottom: 10px
}
}
.tags .tag {
padding: 6px 8px;
background: #141414;
border-radius: 0;
font-size: 16px;
font-weight: 700;
margin-right: 6px;
margin-bottom:6px;
pointer-events: none;
}
@media only screen and (max-width:798px) {
.tags .tag {
display: inline-block;
margin-bottom: 8px
}
}
.tags.tags__light .tag {
background: #303030
}
.collection-work {
background: #2a2a2a
}
.collection-work .thumbnail .image-element__wrap {
position: relative;
padding-bottom: 100%
}
.collection-work .thumbnail .image-element__wrap img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position:top;
}
@media only screen and (max-width:798px) {
.collection-work .collection__main {
margin: 40px 8px
}
}
.product-wrap a.product-thumbnail__title {
font-weight: 700;
margin-top: 8px;
display: block
}
@media only screen and (max-width:798px) {
#shopify-section-custom__slideshow-classic{
background-color:transparent !important;
}
.slideshow-custom .slideshow-custom--button {
width: calc(100% - 32px);
margin: 0 16px
}
}
.slideshow-custom .slideshow-custom--slider {
padding-left: 20px
}
.slideshow-custom .slideshow-custom--slider .product-thumbnail__link {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 2
}
.slideshow-custom .slideshow-custom--slider .gallery-cell {
width: calc(44% - 16px);
margin: 0 8px
}
@media only screen and (max-width:798px) {
.slideshow-custom .slideshow-custom--slider .gallery-cell {
width: calc(88% - 16px)
}
}
.slideshow-custom .slideshow-custom--slider .gallery-cell .image-element__wrap {
max-height: 440px;
min-height: 400px
}
.slideshow-custom .slideshow-custom--slider .gallery-cell .image-element__wrap img {
object-position: top
}
.slideshow-custom .slideshow-custom--slider .flickity-button {
left: -10px;
padding: 0;
width: 20px
}
.slideshow-custom .slideshow-custom--slider .flickity-button.next {
display: none
}
.slideshow-custom .slideshow-custom--slider .flickity-button svg {
width: auto
}
.slideshow-custom .slideshow-custom--slider .flickity-button svg path {
transform: scale(4.5);
fill: #989898
}
.slideshow-custom .slideshow-custom--slider ol.flickity-page-dots {
text-align: center;
left: -30px;
position: relative;
bottom: auto;
margin-top: 24px;
margin-bottom: 10px
}
.slideshow-custom .slideshow-custom--slider ol.flickity-page-dots .dot {
margin: 0 12px
}
@media only screen and (max-width:798px) {
.slideshow-custom .slideshow-custom--slider {
padding-left: 0;
margin-left: 16px
}
.slideshow-custom .slideshow-custom--slider ol.flickity-page-dots {
margin-bottom: 32px;
left: 0
}
.slideshow-custom .slideshow-custom--slider .flickity-button {
left: 10px
}
.slideshow-custom .slideshow-custom--slider .flickity-button * {
fill: #141414
}
}
.slideshow-custom .slideshow-custom--info .caption {
margin-left: 121px;
max-width: 340px
}
@media only screen and (max-width:798px) {
.slideshow-custom .slideshow-custom--info .caption {
margin: 32px 16px;
max-width: none
}
}
.slideshow-custom .slideshow-custom--info .caption .subtitle {
margin-bottom: 48px;
color: #989898;
font-size: 20px;
font-style: normal;
line-height: 1.2
}
.slideshow-custom .slideshow-custom--info .caption .button {
width: 100%
}
@media only screen and (max-width:798px) {
.error-404 main {
margin-top: 100px
}
}
.error-404 main .rich-text__preheading {
margin-bottom: 8px
}
.error-404 main .rich-text__heading {
margin-bottom: 48px
}
#template-404 {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.block__blog .pretitle {
font-size: 24px
}
@media only screen and (max-width:798px) {
.block__blog .featured-blog__title {
font-size: 31px;
margin-bottom: 30px
}
}
.blog-card .title {
font-size: 24px
}
@media only screen and (max-width:798px) {
.article h1.article__title.title {
margin-bottom: 48px;
margin-top: 32px
}
}
@media only screen and (max-width:798px) {
.article .article-content {
padding: 48px 8px
}
}
.article .sidebar__location {
text-transform: capitalize;
font-style: normal
}
.article .article-page {
background: #303030
}
.article .article-page .sidebar-block__content.content {
color: #d0d0d0;
font-style: italic
}
.article .article-page .content {
max-width: 650px
}
.article .article-page .content li,
.article .article-page .content p {
font-size: 16px;
font-style: normal;
margin-bottom: 16px
}
.article .article-page .content li {
color: #d0d0d0
}
.article .article-page .content blockquote {
margin: 0;
padding: 0;
background: 0 0;
border: none;
font-size: 20px;
font-style: normal
}
.article .article-page .content blockquote p {
line-height: 160%;
font-size: 20px
}
@media only screen and (max-width:798px) {
.article .article-page .content blockquote {
font-size: 16px
}
.article .article-page .content blockquote p {
font-size: 16px
}
}
.article .article-page .content h2 {
font-size: 38px;
line-height: 1
}
.article .article-page .content h3 {
font-size: 24px;
line-height: 1
}
.article .article-page .content h6 {
font-size: 16px;
font-weight: 500
}
.article .article-page .content ul {
margin-left: 20px;
list-style: disc
}
@media only screen and (min-width:798px) {
.blog-post-sidebar {
height: fit-content;
position: sticky;
top: 130px;
}
}
@media only screen and (max-width:798px) {
.article .article-page .blog-post-sidebar {
padding: 0 16px!important;
padding-bottom: 48px!important
}
.article .sidebar__promo-content a{
position: fixed;
bottom: 0;
width: 100%;
left: 0;
z-index: 1;
}
.article .sidebar__promo-content a{
position: fixed;
bottom: 0;
width: 100%;
left: 0;
z-index: 1;
}
.article .jsCustomContactForm ,.article .jsFooter {
position: relative;
z-index: 2;
}
}
input.input-error,
select.input-error {
border: 1px solid #ca0d00;
color: #ca0d00
}
input.input-error::-moz-placeholder,
select.input-error::-moz-placeholder {
color: #ca0d00
}
input.input-error::-webkit-input-placeholder,
select.input-error::-webkit-input-placeholder {
color: #ca0d00
}
input.input-error:-moz-placeholder,
select.input-error:-moz-placeholder {
color: #ca0d00
}
input.input-error:-ms-input-placeholder,
select.input-error:-ms-input-placeholder {
color: #ca0d00
}
span.input-error {
color: #ca0d00!important;
font-size: 16px;
margin-top: 8px!important;
display: block;
font-weight: 400;
font-style: normal
}
.animation {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 80%;
height: 80%
}
.animation img {
width: 100%;
height: 100%
}
.page-contact div#shopify-section-page-contact__main {
margin-top: -20%
}
@media only screen and (max-width:798px) {
.page-contact div#shopify-section-page-contact__main {
margin-top: 0
}
}
.page-contact #shopify-section-page-contact__banner .title {
display: none
}
.page-contact .banner__wrapper {
width: 100%;
margin: 0
}
@media only screen and (max-width:798px) {
#shopify-section-5eb01aaf-ab21-4834-b01e-e73197132853 {
margin-top: 48px!important
}
#shopify-section-5eb01aaf-ab21-4834-b01e-e73197132853 .section {
padding: 0 16px
}
}
@media only screen and (max-width:798px) {
#shopify-section-1f2c4f3c-1dc2-4074-ad99-15ec98928838 {
padding-bottom: 48px!important
}
}
#shopify-section-209dbee0-1f0a-406b-b533-5dfe6210f2c0 .subtitle {
color: #d0d0d0!important
}
#shopify-section-ceaf9552-e935-4eff-b65a-b19c5432296e .subtitle {
margin-top: 0
}
@media only screen and (max-width:798px) {
#shopify-section-ceaf9552-e935-4eff-b65a-b19c5432296e{
padding-bottom:48px !important;
padding-top:48px !important;
}
#shopify-section-319222cd-40f1-43dc-bd75-1965544a46af {
overflow: hidden;
padding-bottom: 0!important
}
#shopify-section-319222cd-40f1-43dc-bd75-1965544a46af .gallery__wrapper {
width: calc(240% + 30%)!important;
-webkit-flex-wrap: no-wrap;
-moz-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap
}
#shopify-section-319222cd-40f1-43dc-bd75-1965544a46af .gallery__wrapper .has-gutter-enabled .gallery__item {
margin-bottom: 20px;
width: 100%
}
}
.page-details-3 {
/* overflow: hidden */
}
#shopify-section-process__main{
overflow:hidden;
}
.process__page {
max-width: none!important;
width: 92%;
margin-left:0;
padding-bottom:48px;
}
.process__page-navs {
margin-left: 15%;
width:auto;
flex-wrap: wrap;
}
@media only screen and (max-width:798px) {
.process__page-navs {
margin: 0 auto;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.process__page-navs .process__page-nav {
min-height: 64px;
padding: 0 50px;
display: flex;
cursor: pointer;
border: 2px solid #f1d203;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
text-transform: lowercase;
font-weight: 700;
margin: 8px;
color: #f1d203;
transition: all .45s cubic-bezier(.23, 1, .32, 1)
}
@media only screen and (max-width:798px) {
.process__page-navs .process__page-nav {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
margin-bottom: 8px
}
}
.process__page-navs .process__page-nav.active {
background: #f1d203;
color: #000
}
.page-details-3{
overflow-x:hidden !important;
}
.process__page-phase {
width: 85%;
margin-right: 0;
margin-left: auto;
padding-bottom: 48px;
padding-top:48px;
position:relative;
}
.process__page-phase:after {
background: #f1d203;
content: '';
bottom: -22.5px;
width: 100%;
position: absolute;
height: 2px;
left: 0;
transform: translateY(100%);
}
.process__page-tab .process__page-phase:first-of-type{
padding-top:0;
}
.process__page-tab .process__page-phase:last-of-type:after{
display:none !imprortant;
}
@media only screen and (max-width:798px) {
.page-details-3 #shopify-section-index__contact-form{
padding-top: 96px !important;
}
.process__page-phase {
width: 85%;
margin-right:16px;
margin-left: auto;
padding: 24px 0;
/* overflow: hidden; */
}
.process__page-phase:after {
bottom: -20px;
}
}
.process__page-text .title {
margin-bottom: 16px;
font-size: 32px
}
.process__page-text .subtitle {
color: #989898;
margin-top: 16px;
margin-bottom: 48px;
font-style: normal
}
.process__page-text .content {
margin-bottom: 32px;
color: #989898;
font-size: 16px;
font-style: normal
}
.process__page-icon .title {
margin-bottom: 16px;
font-size: 32px
}
.process__page-icon{
margin: 0 auto;
margin-left: 0;
margin-bottom: 16px;
margin-top: 32px;
}
.process__page-icon .process__page-icon-main {
max-width: 300px;
}
.process__page-icon .image-element__wrap {
height: 81px;
margin-bottom: 32px;
margin-left: 0;
}
.process__page-icon .image-element__wrap img{
width: auto;
height: 81px !important;
object-fit: contain;
}
@media only screen and (max-width:798px) {
.process__page-text .subtitle{
margin-bottom:24px;
}
.process__page-icon .image-element__wrap{
min-height:unset;
margin-bottom:16px;
}
}
.process__page-icon .subtitle {
color: #989898;
margin-top: 16px !important;
margin-bottom: 0 ;
font-style: normal
}
.process__page-timeline.timeline {
position: absolute;
padding: 0;
display: flex;
flex-flow: column nowrap;
left: 10px;
opacity: 0;
top: 0;
width: 15%
}
@media only screen and (max-width:798px) {
.process__page-timeline.timeline {
width: 20px;
padding-left: 10px;
}
}
.process__page-timeline.timeline .nav {
margin-left: 20px;
height: 100%
}
@media only screen and (max-width:798px) {
.process__page-timeline.timeline .nav {
margin: 0
}
}
.process__page-timeline.timeline .nav li {
position: relative;
text-align: left;
transition: all .3s ease-out;
height: 500px;
margin-bottom: 48px;
}
.process__page-timeline.timeline .nav li:last-child{
margin-bottom:0;
}
.process__page-timeline.timeline .nav li a {
position: sticky;
transition: top .3s;
left: unset;
-webkit-position: sticky;
top: 20px;
display: block;
padding-left: 20px;
min-height: 20px;
}
@media only screen and (max-width:798px) {
.process__page-timeline.timeline .nav li a {
}
.process__page-timeline.timeline .nav li a .nav__preheading {
display: none
}
.process__page-timeline.timeline .nav li a:before {
display: none!important
}
}
.process__page-timeline.timeline .nav li a:before {
content: "";
background: #fff;
width: 15px;
height: 2px;
position: absolute;
left: 0;
top: 10px
}
.process__page-timeline.timeline .nav li .nav_count {
display: none
}
@media only screen and (max-width:798px) {
.process__page-timeline.timeline .nav li .nav_count {
display: block;
background: #fff;
color: #141414;
position: absolute;
z-index: 6;
width: 20px;
height: 20px;
transform: translateX(-50%);
left: 0;
border-radius: 50%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
font-weight: 700
}
}
.process__page-timeline.timeline .nav li .nav__title {
font-size: 1.3vw;
font-weight: 300;
margin: 0 0 .25em;
width: 100%;
height: 40px;
transition: height .3s ease-out, opacity .2s ease-out;
color: #fff;
font-weight: 700;
}
.process__page-timeline.timeline .nav li:after {
content: "";
display: block;
border-left: 2px solid #fff;
height: 100%;
width: 20px;
position: absolute;
left: 0;
top: 0;
z-index:-1;
}
.process__page-timeline.timeline .nav li.active {
color: #f1d203;
font-weight: 700;
pointer-events: none;
}
@media only screen and (max-width:798px) {
.process__page-timeline.timeline .nav li.active {
padding: 0
}
}
.process__page-timeline.timeline .nav li.active .nav__title {
color: #f1d203;
}
@media only screen and (max-width:798px) {
.process__page-timeline.timeline .nav li .nav__title {
display: none
}
}
.process__page-timeline.timeline .nav li.active .nav_count {
background: #f1d203
}
.process__page-timeline.timeline .nav li.active:after {
border-color: #f1d203;
width: 35px;
height: 100%;
top: 0
}
.process__page-timeline.timeline .nav:after,
.process__page-timeline.timeline .nav:before {
display: table;
content: " "
}
.process__page-tabs {
will-change: position;
padding-bottom: 0 !important;
/* margin-bottom: 70px; */
position: relative;
transition: all .45s cubic-bezier(.23, 1, .32, 1)
}
.process__page-tabs .process__page-tab {
/* will-change: position; */
opacity: 0;
/* position: absolute; */
/* left: -100%; */
top: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
text-align: center;
transition: all .7s cubic-bezier(.23, 1, .32, 1);
margin-top: 40px;
gap:48px;
}
.process__page-tabs .process__page-tab.tab-hidden {
left: 200%;
display:none;
}
.process__page-tabs .process__page-tab.tab-active {
opacity: 1;
z-index: 2;
left: 0
}
.process__page-tabs .process__page-tab.tab-active .process__page-timeline.timeline {
opacity: 1
}
.process__page-tags{
margin-bottom:0;
}
.process__page-tags .tag {
background: #303030;
margin-bottom: 6px
}
.process__page-tags .tag.is-active {
background: #f1d203;
color: #141414
}
.process__page-list .process__page-list-item {
position: relative;
display: block;
width: 100%;
text-align: left;
font-weight: 700;
padding-left: 40px;
padding-bottom: 8px
}
.process__page-list .process__page-list-item:before {
content: "";
width: 20px;
height: 20px;
position: absolute;
left: 0;
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%)
}
.process__page-image img {
width: 100%
}
.process__page-image .image-element__wrap {
max-width: none!important
}
.process__page-image.process__page-image-true {
width: 80vw
}
@media only screen and (max-width:798px) {
.process__page-image.process__page-image-true {
width: 100%;
}
}
.process__page-image.process__page-image-true img {
width: 100%;
height: auto
}
@media only screen and (max-width:798px) {
.footer__container {
padding: 0
}
.footer__container .footer__content {
padding: 0 16px
}
.footer__container .footer__content .block__text {
margin: 0;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center
}
}
#shopify-section-bfea38f1-c273-4506-9e9d-bbff24dfac51 .image-with-text__text {
color: #d0d0d0!important;
font-size: 24px;
line-height: 140%
}
@media only screen and (max-width:798px) {
#shopify-section-bfea38f1-c273-4506-9e9d-bbff24dfac51 .image-with-text__text {
font-size: 20px
}
}
.slideshow-experts--nav{
flex-wrap: wrap;
gap: 8px;
}
.slideshow-experts--nav .slideshow-experts--nav-item {
min-height: 64px;
background: 0 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 0 15px;
text-align: center;
justify-content: center;
width: calc(33.33% - 6px);
font-weight: 700;
text-transform: lowercase;
cursor: pointer;
color: #f1d203;
border: 2px solid #f1d203;
white-space: nowrap;
}
@media screen and (max-width: 1023px){
.slideshow-experts--nav .slideshow-experts--nav-item{
padding: 0 8px;
font-size: 14px;
}
}
.slideshow-experts--nav .slideshow-experts--nav-item.is-active {
background: #f1d203;
color: #141414
}
@media only screen and (max-width:798px) {
#shopify-section-expert__slider {
padding: 0!important;
position: relative;
}
div#shopify-section-expert__slider:after{
content: "";
width: 100%;
height: 6px;
display: block;
background: #141414;
position: absolute;
z-index: 1;
bottom: -2px;
}
}
.slideshow-experts--slider{
margin-top: 48px;
}
.slideshow-experts--slider:after {
content: 'flickity';
position: absolute;
opacity: 0;
visibility: hidden;
z-index: -1
}
@media only screen and (max-width:798px) {
.slideshow-experts--slider:after {
content: '';
display: none
}
.slideshow-experts--slider .slideshow-experts--slide {
padding: 48px 16px!important
}
.slideshow-experts--slider .slideshow-experts--slide.slideshow-experts--slide--dark {
background: #141414
}
}
.slideshow-experts--slider .slideshow-experts--title {
font-size: 38px;
margin-bottom: 16px
}
.slideshow-experts--slider .slideshow-expert--subtitle {
color: #d0d0d0;
font-size: 20px;
margin-bottom: 32px
}
@media only screen and (max-width:798px) {
.slideshow-experts--slider .slideshow-experts--info {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1
}
}
.slideshow-experts--slider .slideshow-experts--info .caption {
max-width: 440px
}
@media only screen and (max-width:798px) {
.slideshow-experts--slider .slideshow-experts--info .caption {
max-width: none
}
}
@media only screen and (max-width:798px) {
.slideshow-experts--slider .slideshow-experts--info .caption .slideshow-expert--content {
margin-top: 32px
}
}
@media only screen and (min-width:798px) {
.slideshow-experts--slider .gallery-cell {
opacity:0;
}
.slideshow-experts--slider .gallery-cell.is-selected {
opacity:1;
}
}
.slideshow-experts--slider .slideshow-experts--info .caption .slideshow-expert--content .slideshow-expert--meta-info {
margin-bottom: 32px
}
.slideshow-experts--slider .slideshow-experts--info .caption .slideshow-expert--content .slideshow-expert--meta-info .slideshow-expert--meta-icon {
margin-right: 24px;
min-width: 33px
}
.slideshow-experts--slider .slideshow-experts--info .caption .slideshow-expert--content .slideshow-expert--meta-info .slideshow-expert--meta-content-title.title {
font-size: 24px;
margin-bottom: 8px
}
.slideshow-experts--slider .slideshow-experts--info .caption .slideshow-expert--content .slideshow-expert--meta-info .slideshow-expert--meta-content {
color: #d0d0d0
}
.slideshow-experts--slider .slideshow-experts--info .caption .slideshow-expert--content .slideshow-expert--meta-info:last-child {
margin-bottom: 0
}
.contact-form__dropdown .contact-form__dropdown-selected {
position: relative;
background-color: #fafafa;
border: 1px solid rgba(170, 170, 170, .4);
color: #363636;
min-height: 64px;
padding: 16px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
user-select: none;
font-size: 20px;
-webkit-user-select: none;
cursor: pointer;
font-style: normal;
align-items: center
}
.contact-form__dropdown .contact-form__dropdown-selected:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 10px;
margin-top: -2px;
width: 0;
height: 0;
border-top: 4px solid #777;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.contact-form__dropdown .contact-form__list {
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3);
width: 100%;
border: 1px solid rgba(170, 170, 170, .4);
position: absolute;
z-index: 2;
background: #fff;
border-top: 0;
overflow: hidden;
left: 0;
opacity: 0;
transform-origin: top;
transition: .3s;
transform: scaleY(0)
}
.contact-form__dropdown .contact-form__list li {
margin: 0!important
}
.contact-form__dropdown .contact-form__list li label {
padding: 10px 16px;
border: none;
border-bottom: 1px solid rgba(170, 170, 170, .4);
width: 100%;
cursor: pointer;
font-size: 16px;
font-weight: 100;
margin: 0
}
.contact-form__dropdown .contact-form__list li label:hover {
background-color: #fafafa
}
.contact-form__dropdown .contact-form__list li input {
display: none
}
.contact-form__dropdown .contact-form__list li input:checked~label {
background: #fafafa
}
.contact-form__dropdown .contact-form__list li:last-child label {
border-bottom: none
}
.contact-form__dropdown.dropdown-open .contact-form__list {
opacity: 1;
transform: scaleY(1)
}
.desktop-frame{
margin-bottom: -2px;
display:flex;
width:100%;
height:auto;
}
.desktop-frame svg{
width: 100%;
height: auto;
}
.product_showcase--frame.mobile-frame {
position: absolute;
top: 0;
max-height: 80vh;
left: 50%;
transform: translateX(-50%);
pointer-events: none;
}
.product_showcase--frame.mobile-frame svg{
max-height: 80vh;
width: auto;
}
.contact-form__block--file .cl-upload--label {
display:none !important;
}
.contact-form__block--file .filepond--drop-label {
background-color: #fafafa !important;
border: 1px solid rgba(170, 170, 170, .4) !important;
color: #363636 !important;
min-height: 110px !important;
}
.contact-form__block--file .filepond--drop-label label{
color: #989898 !important;
font-weight: 400;
font-size: 20px !important;
font-family: 'Montserrat';
}
.contact-form__block--file .filepond--drop-label label > span{
display: block;
color: #141414;
font-weight: bold;
}
.contact-form__block--file .filepond--root{
margin:0 !important;
}
.contact-form__block--file .cl-upload--error {
color: #ca0d00!important;
font-size: 16px !important;
margin-top: 8px!important;
display: block !important;
font-weight: 400 !important;
font-style: normal !important;
background: none !important;
border: none !important;
text-align: left !important;
font-family: 'Montserrat' !important;
padding: 0 !important;
margin-bottom:0 !important;
}
.contact-form__block--file .cl-upload--error:after{
display:none !important;
}
.contact-form__block--file .filepond--file {
align-items: center;
justify-content: center;
min-height: 79px;
background: #f1d203;
border-radius: 0;
}
.contact-form__block--file .filepond--file *{
font-weight: 400;
font-size: 16px !important;
color: #141414;
font-family: 'Montserrat' !important;
font-style: normal;
}
div#preloader {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100%;
z-index: 999;
display: none;
align-items: center;
justify-content: center;
background: #131313 ;
}
body.preloader-running {
max-height: 100vh;
overflow: hidden;
}
div#preloader.is-active {
display:flex;
}
div#preloader img{
margin: 0 auto;
width: auto;
max-width: 100%;
max-width:400px;
}
/* // NEED A QUOTE SECTION*/
.quote-popup__trigger {
position: fixed;
right: 0;
bottom: 0;
z-index: 13;
background: #f1d203;
padding: 17px 16px;
border-radius: 30px 0 0 0;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: black;
cursor: pointer;
}
.quote-popup__trigger .icon {
margin-right: 12px;
position: relative;
}
.quote-popup__trigger .icon:after {
position: absolute;
background: black;
top: -3px;
right: -3px;
width: 10px;
height: 10px;
content: '';
border-radius: 50%;
}
.quote-popup__wrapper {
display: block;
position: fixed;
background: white;
max-width: 800px;
top: 50%;
left: 50%;
z-index: 14;
width: calc(100% - 32px);
transform: translate(-50%, 0%);
opacity: 0;
visibility: hidden;
padding: 80px 50px;
transition: 0.8s ease;
z-index: 999999;
}
.cursor{
z-index: 99999999999999999999 !important;
}
.quote-popup__wrapper.is-active {
transform: translate(-50%, -50%);
opacity: 1;
visibility: visible;
}
.quote-popup__wrapper .quote-popup__content .popup__text{
margin-bottom: 32px;
}
.quote-popup__wrapper .quote-popup__content .popup__options{
display: flex;
flex-wrap: wrap;
margin: 32px 0;
justify-content:center;
}
.quote-popup__wrapper .quote-popup__content .popup__options a {
padding: 12px 24px;
color: #989898;
border: 2px solid #989898;
margin: 0 5px;
margin-bottom: 10px;
font-weight:bold;
}
.quote-popup__wrapper .quote-popup__content .popup__options a:hover {
color: black;
border-color: #F1D203;
background: #F1D203;
}
.quote-popup__wrapper .quote-popup__content .popup__title{
margin-bottom:8px;
}
.quote-popup__wrapper .quote-popup__content .popup__subtitle{
margin-top:0px;
}
.quote-popup__wrapper .quote-popup__content .popup__text a {
color: black;
font-weight: bold;
display: inline-block;
border-bottom: 1px solid #F1D203;
}
.quote-popup__wrapper .quote-popup__content .popup__text p {
display: inline-block;
}
.quote-popup__wrapper .popup__close {
border: none;
background: none;
cursor: pointer;
}
@media screen and (max-width:798px){
.quote-popup__wrapper {
padding: 50px 20px;
}
.quote-popup__wrapper .quote-popup__content .popup__options a {
margin:0;
}
.quote-popup__wrapper .quote-popup__content .popup__options{
gap:10px;
-webkit-gap:10px;
}
.quote-popup__wrapper .quote-popup__content .popup__text a {
display: inline-block;
}
}
.body-overlay-wrapper {
position: fixed;
opacity: 0;
visibility: hidden;
top: 0;
left: 0;
background: rgba(0,0,0,0.7);
z-index: 11;
width: 100%;
height: 100%;
transition: 0.8s ease;
}
.body-overlay-wrapper.is-active{
opacity: 1;
visibility: visible;
}
@keyframes pulse-animation {
0% {
box-shadow: 0 0 0 0px rgba(241, 210, 3, 1);
}
100% {
box-shadow: 0 0 0 8px rgba(241, 210, 3, 0);
}
}
@keyframes client-pulse-animation {
0% {
box-shadow: 0 0 0 0px rgba(150, 191, 72, 1);
}
100% {
box-shadow: 0 0 0 8px rgba(150, 191, 72, 0);
}
}
.pulsing{
animation: pulse-animation 1s infinite;
}
.pulsing-client{
animation: client-pulse-animation 1s infinite;
}
/* #Prelaunch Checklist
================================================== */
.prelaunch-section__wrapper {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
}
.prelaunch-section__wrapper .timeline {
position: absolute;
height: 100%;
}
@media screen and (max-width:798px){
.prelaunch-section__wrapper .timeline {
width: 20px;
left: 10px;
}
}
.prelaunch-section__wrapper .timeline li{
position:relative;
}
.prelaunch-section__wrapper .timeline .nav li:last-child{
height:0 !important;
}
.prelaunch-section__wrapper .timeline li:after{
content: "";
display: block;
border-left: 2px solid #F1D203;
height: 100%;
width: 20px;
position: absolute;
left: 0;
top: 0;
z-index: -1;
height:100%;
}
.prelaunch-section__wrapper .prelaunch-section__timeline .nav a {
background: #F1D203;
width: 34px;
height: 34px;
display: block;
display: flex;
align-items: center;
justify-content: center;
position: sticky;
top: 0;
transform: translateX(-50%);
border-radius: 50%;
color: black;
font-weight: bold;
transition: top .3s;
}
@media screen and (max-width:798px){
.prelaunch-section__wrapper .prelaunch-section__timeline .nav a {
width: 20px;
height: 20px;
}
}
.prelaunch-section__wrapper .prelaunch-section__category {
width: 100%;
margin-left: auto;
max-width: 95%;
}
@media screen and (max-width:798px){
.prelaunch-section__wrapper .prelaunch-section__category {
width: 85%;
margin-right: 16px;
margin-left: auto;
}
}
.prelaunch-section__wrapper .prelaunch-section__category:not(:first-of-type) {
margin-top: 50px;
}
.prelaunch-section__wrapper .prelaunch-section__category .prelaunch-section__category__title {
margin-bottom: 50px;
}
.prelaunch-section__wrapper .prelaunch-section__category__item {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 50px;
position: relative;
padding-left: 40px;
}
.prelaunch-section__wrapper .prelaunch-section__category__item .title{
font-size: 20px;
font-style: normal;
}
.prelaunch-section__wrapper .prelaunch-section__category__item label{
margin-bottom: 16px;
}
.prelaunch-section__wrapper .prelaunch-section__category__item label input{
position: relative;
appearance: none;
-webkit-appearance: none;
width: 24px;
height: 24px;
border: 2px solid #F1D203;
position: absolute;
left: 0;
top: 0;
}
.prelaunch-section__wrapper .prelaunch-section__category__item label input:checked:before{
position: absolute;
left: 4px;
top: 50%;
height: 50%;
width: 3px;
background-color: #F1D203;
content: "";
transform: translateY(-50%) rotate(-45deg);
}
.prelaunch-section__wrapper .prelaunch-section__category__item label input:checked:after{
top: 55%;
position: absolute;
left: 100%;
bottom: 0;
height: 3px;
width: 100%;
background-color: #F1D203;
content: "";
transform: translate(-50%,-50%) rotate(-45deg);
transform-origin: left bottom;
box-shadow: 0px 0px 5px 2px rgb(255 255 255 / 10%);
}
@media screen and (max-width:798px){
.prelaunch-section__wrapper .prelaunch-section__category__item {
/* padding-left: 25px; */
}
.prelaunch-section__wrapper .prelaunch-section__category__item:before{
width: 15px;
height: 15px;
}
}
/* #Landing Header
================================================== */
html.template-landing{
background-color:#fff;
}
span.rich-text__icon.icon{
width: 70px;
height: auto;
margin: 0 auto;
margin-bottom: 40px;
text-align: center;
}
html.template-landing .rich-text__content {
text-align:center;
}
html.template-landing .buttons .button{
margin:0 8px;
}
html.template-landing .buttons .button--secondary{
border:2px solid;
}
html.template-landing .thumbnail__caption{
display: none;
}
html.template-landing .product-image__wrapper .image-element__wrap {
max-height: 400px !important;
min-height: 400px !important;
}
html.template-landing .product-image__wrapper .image-element__wrap:after{
content: '';
height: 200px;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
@media screen and (max-width:1000px){
.rich-text__text br {
display: none;
}
}
@media screen and (max-width:798px){
html.template-landing .buttons {
flex-direction:column;
}
html.template-landing .buttons .button{
margin:8px 0;
width:100%;
}
html.template-landing .mobile-icons{
display:block;
}
}
#shopify-section-header-landing .mobile-header__content{
padding: 0;
}
#shopify-section-header-landing .image-element__wrap {
height: 61px;
max-width: unset !important;
width: auto;
}
#shopify-section-header-landing img{
height: 100%;
width: auto;
margin-left: 0;
}
#shopify-section-header-landing .mobile-icons{
margin: 0;
}
#shopify-section-header-landing .button{
height: 61px;
background: black;
color: #f1d203;
border: 0;
clip-path: polygon(100% 0, 100% 100%, 0 100%, 10% 0);
}
/* #Featured Website
================================================== */
.featured-product__wrapper{
align-items: center;
}
.featured-product__features {
text-align:center;
}
.featured-product__features > *+*{
margin-top: 100px;
}
@media screen and (min-width:798px) and (max-width:1300px){
.featured-product__features {
text-align: center;
width: 100%;
display: flex;
align-items: center;
}
.featured-product__features > *+*{
margin-top: 0;
}
.featured-product__images {
text-align: center;
position: relative;
width: 100%;
margin: 30px 0;
}
}
.featured-product__feature .title{
font-size: 80px;
}
.featured-product__feature .subtitle{
font-size: 18px;
}
@media screen and (max-width:798px){
.featured-product__feature .title{
font-size: 54px;
}
.featured-product__feature .subtitle{
font-size: 13px;
}
}
.featured-product__images{
text-align: center;
position: relative;
}
.featured-product__images:after{
content: '';
width: 100%;
height: 40%;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
position: absolute;
bottom: 0;
left: 0;
}
.featured-product__images .button{
z-index: 2;
margin-top: -30px;
}
/* #Webiste Work
================================================== */
.website-work__wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
}
.website-work__wrapper h4.title{
font-size: 26px;
font-weight: 600;
margin: 0 auto;
margin-bottom: 50px;
}
.website-work___item{
margin-bottom:50px;
}
.website-work__wrapper .website-work__content {
display: flex;
align-items: center;
margin-bottom: 24px;
}
.website-work__wrapper .image-element__wrap{
border-radius: 15px;
}
.website-work__wrapper .website-work__content .icon{
width: 32px;
min-width:32px;
height: auto;
margin-right: 16px;
}
.website-work__wrapper .website-work__content .title{
font-size: 32px;
}
.website-work__wrapper .website-work__content .subtitle{
margin-top: 4px !important;
width: 100%;
font-size: 16px;
font-style: normal;
color: #d0d0d0;
}
.website-work__wrapper .website-work__content .subtitle em{
font-style:normal;
color:#F1D203;
}
.website-work__wrapper .website-work__content.is-small .title{
font-size: 20px;
margin-bottom: 0;
}
@media screen and (max-width:798px){
.website-work__wrapper .website-work__content .title{
font-size: 24px;
}
}
.page-client-content-list #shopify-section-footer-classic{
margin-top: 100px;
}
/* # Image with text overlay
================================================== */
.image-with-text-overlay .caption{
max-width: 1344px;
width: calc(100% - 48px);
margin: 0 auto;
left: 50%;
transform: translate(-50%,-50%) !important;
padding: 0;
}
.image-with-text-overlay .title{
font-size: 38px;
font-weight: bold;
font-style: italic;
}
.image-with-text-overlay .subtitle{
font-size: 24px;
font-style: italic;
margin-bottom: 48px;
padding-top: 32px !important;
color: #d0d0d0 !important;
}
@media screen and (max-width:798px){
.image-with-text-overlay .caption{
transform: unset !important;
}
.image-with-text-overlay .subtitle{
font-size: 16px;
}
}
/* #Case Studies
================================================== */
.case-studies__item{
margin-bottom: 16px;
}
.case-studies .case-studies__item__content {
padding: 70px 20px;
}
@media screen and (max-width:798px){
.case-studies .case-studies__item__content {
padding: 30px 20px;
}
}
.case-studies .title{
font-size: 24px;
}
/* #SEO PAGE
================================================== */
.page-seo .gallery-item__content-title{
font-size: 24px;
}
.page-seo .gallery-item__content-subtitle{
color: #989898 !important;
margin-top: 8px !important;
font-size: 16px !important;
}
.page-seo .image-with-text .container{
justify-content: flex-start;
}
.page-seo .image-with-text__image-column{
width:50%;
}
.page-seo .image-with-text__text-column{
margin: 0 auto;
}
.page-seo .image-with-text__text-column .image-with-text__info__item{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.page-seo .image-with-text__text-column .image-with-text_info > *+*{margin-top:32px}
.page-seo .image-with-text__text-column .image-with-text__info__item .icon{
width: 20px;
height: auto;
margin-right: 16px;
}
.page-seo .image-with-text__text-column .image-with-text__info__item .title{
font-size: 24px;
margin: 0;
}
.page-seo .image-with-text__text-column .image-with-text__info__item .subtitle{
margin-top: 8px !important;
padding-left: 36px;
font-size: 16px;
color: #989898;
}
.page-seo .image-with-text .section:hover{
background:unset;
}
@media screen and (max-width:798px){
.page-seo .image-with-text__image-column{
width: 100%;
margin-bottom: 24px;
}
.page-seo .image-with-text__text-column .image-with-text__info__item .title{
max-width: calc(100% - 36px);
}
.page-seo .gallery__item {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: center;
}
.page-seo .gallery__item-wrap{
width: 40px;
margin-right: 16px;
}
.page-seo .gallery-item__content{
padding: 0;
width: calc(100% - 56px);
margin: 0;
}
.page-seo .gallery-item__content *{
text-align:left !important;
}
}
/* #Design PAGE
================================================== */
.page-design .image-with-text .container{
justify-content: flex-start;
}
.page-design .image-with-text__image-column{
width:50%;
display: flex;
justify-content: center;
}
.page-design .image-with-text__text-column{
margin: 0 auto;
}
.page-design .image-with-text__text-column .image-with-text__heading{
margin-bottom: 32px;
}
.page-design .image-with-text__text-column .image-with-text__subtitle{
margin-bottom: 48px;
}
.page-design .image-with-text__text-column .image-with-text__info__item{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.page-design .image-with-text__text-column .image-with-text_info > *+*{margin-top:32px}
.page-design .image-with-text__text-column .image-with-text__info__item .icon{
width: 20px;
height: auto;
margin-right: 16px;
}
.page-design .image-with-text__text-column .image-with-text__info__item .title{
font-size: 24px;
margin: 0;
}
.page-design .image-with-text__text-column .image-with-text__info__item .subtitle{
margin-top: 8px !important;
padding-left: 36px;
font-size: 16px;
color: #989898;
}
.page-design .image-with-text .section:hover{
background:unset;
}
@media screen and (max-width:798px){
.page-design .image-with-text__image-column{
width: 100%;
margin-bottom: 24px;
}
.page-design .image-with-text{
padding:0 !important;
}
.page-design .image-with-text__text-column .image-with-text__info__item .title{
max-width: calc(100% - 36px);
}
}
/* #Typography section
================================================== */
.typography-section .container{
overflow: hidden;
}
.typography {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
justify-content: center;
min-width: 120vw;
overflow: hidden;
margin-left: -10vw;
}
.typography__item {
color: #F1D203;
margin: 0 12px;
min-width: max-content;
}
@media screen and (max-width:1005px){
#shopify-section-template--14247390806121__164140602201b8b207{
padding-bottom: 30px !important;
}
}
/****** tag *******/
.section-header{
margin-bottom: 42px;
width: 100%;
}
.section-header .title{
font-size: 32px;
line-height: 28px;
}
.section-header .subtitle{
font-size: 24px;
line-height: 28px;
margin-top: 10px;
}
.logo-list__carousel{
align-items: center;
display: flex;
width:100%;
gap: 30px;
padding:0px 48px;
}
.logo-list__carousel.space-around{
justify-content: space-between;
}
.logo-list__carousel.center-gap{
justify-content: center;
}
.loop-carousel{
padding:0px;
}
.logo-list__carousel.loop-carousel .logo-item{
}
.price-plan .heading-section__preheading {
font-size: 16px;
line-height: 22px;
font-weight: 500;
font-style: italic;
}
.price-plan .subtitle {
font-size: 64px;
font-weight: 700;
margin-top: 40px;
line-height: 0.8;
display: flex;
width: 100%;
justify-content: center;
border-bottom: 1px solid #989898;
padding-bottom: 16px;
margin-bottom: 34px;
}
@media screen and (min-width: 799px) and (max-width: 1200px){
.price-plan .subtitle{
font-size: 50px;
}
}
@media screen and (min-width: 500px) and (max-width: 766px){
.price-plan .subtitle{
font-size: 50px;
}
}
.price-plan .subtitle sup{
align-self: flex-start;
}
.price-plan .subtitle sub{
align-self: flex-end;
}
.price-plan .subtitle sub,
.price-plan .subtitle sup{
font-size: 16px;
}
.price-plan .custom-content h3{
font-size: 30px;
line-height: 38px;
margin-bottom: 24px;
}
.price-plan .custom-content h4{
font-size: 24px;
line-height: 33px;
margin-bottom: 24px;
}
.price-plan .custom-content ul,
.price-plan .custom-content p{
font-size: 16px;
font-weight: 500;
opacity: 0.8;
line-height: 22px;
}
.price-plan .custom-content p,
.price-plan .custom-content ul li{
margin-bottom: 24px;
}
.grid-box{
position: relative;
overflow: hidden;
}
.grid-box .planSticker{
position: absolute;
background: #f1d203;
color: #000;
font-size: 16px;
font-weight: 700;
text-align: center;
transform: rotate(-45deg);
width: 158px;
top: 31px;
left: -31px;
}
.grid-box .planSticker.stickr-right{
transform: rotate(45deg);
left: auto;
right: -31px;
}
.grid-box .custom-content ul li{
display: flex;
}
.grid-box .custom-content ul li .icon{
width: 22px;
min-width: 22px;
height: 22px;
padding: 1px;
margin-right: 12px;
}
.checklist .icon-column__text > ul li{
background: url(check.png) no-repeat left top;
padding-left: 34px;
margin-bottom: 16px;
}
.checklist .image-element__wrap img{
margin:0px;
width: auto;
max-width: 100%;
min-height: 48px;
}
.checklist .image-element__wrap {
margin-bottom: 16px;
}
.faqSectionContainer .faq-section .faq-header{
padding: 24px 32px;
font-size: 24px;
font-weight: 700;
line-height: 28px;
}
.faqSectionContainer .faq-section .faq-content{
padding: 0px 32px 24px 32px;
}
.faqSectionContainer .faq-section .faq-content,
.faqSectionContainer .faq-section .faq-content li,
.faqSectionContainer .faq-section .faq-content p,
{
font-size: 17px;
line-height: 28px;
font-weight: 500;
}
.faqSectionContainer .faq-section .faq-content li,
.faqSectionContainer .faq-section .faq-content p{
opacity:0.8;
}
.faqSectionContainer .faq-section .faq-header{
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
.faqSectionContainer .faq-section{
margin-bottom: 16px;
}
.faq-assign {
width: 22px;
height: 22px;
display: block;
position: relative;
}
.faq-header .faq-assign:before{
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
height: 2px;
background: #fff;
display: block;
width: 22px;
transition: all 0.8s;
}
.faq-header .faq-assign:after{
content: "";
position: absolute;
left: 50%;
top: 0%;
transform: translateX(-50%);
height:22px;
background: #fff;
display: block;
width: 2px;
transition: all 0.8s;
}
.faq-section,
.faq-section .faq-container,
.faq-section .faq-header,
.faq-section .faq-content{
width:100%;
}
.active-faq .faq-header .faq-assign:after{
transform: rotate(90deg) !important;
}
.table-section table,
.table-section{
width: 100%;
}
.table-section table td
{
border-collapse: collapse;
border-bottom: 1px solid #303030;
}
.table-section table td{
font-size: 16px;
padding: 16px 20px;
font-weight: 500;
}
.table-section table th{
font-size: 16px;
padding: 16px 20px;
font-weight: 700;
border-bottom: 4px solid #F1D203;
}
#shopify-section-template--14691963338857__c6381ae0-2f8c-4d82-8bf3-6fc6bc1ee337 .testimonials {
padding-bottom: 40px;
}
.price-plan .grid-box{
padding: 48px 20px;
width: 100%;
}
@media screen and (min-width: 1025px){
.price-plan .grid-box{
padding: 48px 32px;
}
}
@media screen and (max-width: 1023px){
.pricePlancarousel .gridCarousel .column{
max-width: calc(50% - 24px);
padding: 0px 0px 0px 16px;
margin:0px;
width: 100%;
}
.pricePlancarousel .price-plan .grid-box {
padding: 48px 20px;
width:100%;
}
}
@media screen and (min-width: 799px){
.grid-box.highlight-grid{
min-height: calc(100% + 60px) !important;
padding-top: 78px;
padding-bottom: 78px;
margin-top: -30px;
}
.row-reverse .container,
.row-reverse{
flex-direction: row-reverse;
}
.logo-list__carousel .flickity-page-dots{
display:none !important;
}
}
@media screen and (max-width: 798px){
.logo-list__carousel{
margin-bottom: 32px;
}
.faqSectionContainer .faq-section .faq-header{
padding: 24px 16px;
font-size: 16px;
line-height: 25px;
}
.faqSectionContainer .faq-section .faq-content{
padding: 0px 16px 24px 16px;
}
.faqSectionContainer .faq-section .faq-content,
.faqSectionContainer .faq-section .faq-content p,
.faqSectionContainer .faq-section .faq-content li{
font-size: 16px;
line-height: 25px;
font-weight: 400;
}
#shopify-section-template--14691963338857__c6381ae0-2f8c-4d82-8bf3-6fc6bc1ee337 .section{
padding-left: 10px;
padding-right: 10px;
}
#shopify-section-template--14691963338857__c6381ae0-2f8c-4d82-8bf3-6fc6bc1ee337 .section .title{
max-width: 350px;
margin: 0px auto;
line-height: 35px;
}
.section-header{
margin-bottom: 30px;
}
.section-header .title{
line-height: 38px;
}
}
@media screen and (max-width: 640px){
.pricePlancarousel .gridCarousel .column{
max-width: calc(100% - 24px);
}
}
.faqSectionContainer .table-section table,
.faqSectionContainer .table-section{
overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
}
.faqSectionContainer .table-section::-webkit-scrollbar {
width: 3px;
height:6px;
}
.faqSectionContainer .table-section::-webkit-scrollbar-track {
box-shadow: none;
background:#fff;
border-radius: 10px;
}
.faqSectionContainer .table-section::-webkit-scrollbar-thumb {
background: #F1D203;
border-radius: 10px;
}
.faqSectionContainer .table-section::-webkit-scrollbar-thumb:hover {
background: #F1D203;
}
.light-icon svg,
.light-icon svg path,
.light-icon{
color:#fff;
fill:#fff;
}
@media screen and (max-height: 1000px) and (max-width: 677px){
.quote-popup__wrapper .quote-popup__content .popup__options{
margin: 12px 0;
gap: 8px;
-webkit-gap: 8px;
}
.quote-popup__wrapper .quote-popup__content .popup__options a {
padding: 8px 4px;
border: 1px solid #989898;
font-weight: bold;
font-size: 12px;
margin: 0 !important;
width: calc(50% - 4px);
}
.social-info-text{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0px !important;
}
.social-info-text label{
margin: 0 10px 0px 0px !important;
font-size: 16px!important;
}
.social-info-text label:after{
content:":";
}
.social-info-text a{
font-size: 16px !important;
}
}
@media screen and (min-width: 799px) and (max-width: 1023px){
.grid-box .planSticker.stickr-right{
top: 67px;
right: -35px;
min-width: 170px;
}
.grid-box .planSticker.stickr-left{
top: 67px;
left: -35px;
min-width: 170px;
}
}
@media screen and (max-width: 766px){
.grid-box .planSticker.stickr-right{
font-size: 15px;
width: 171px;
top: 35px;
right: -35px;
}
.grid-box .planSticker.stickr-left{
font-size: 15px;
width: 171px;
top: 35px;
left: -35px;
}
}
@media screen and (min-height: 800px) and (max-width: 480px){
.quote-popup__wrapper .quote-popup__content .popup__options{
margin: 12px 0;
gap: 15px;
-webkit-gap: 8px;
}
.quote-popup__wrapper .quote-popup__content .popup__options a {
padding: 8px 4px;
border: 1px solid #989898;
font-weight: bold;
font-size: 14px;
margin: 0 !important;
width: 100%;
}
}
@media screen and (max-width: 360px){
.social-info-text label,
.social-info-text a{
font-size: 12px !important;
}
.quote-popup__wrapper .quote-popup__content .popup__options a{
display: flex;
align-items: center;
justify-content: center;
}
}
/* #Stats section
================================================== */
.stats-section .stats__nav.column {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 2px solid #f1d203;
}
.stats-section .stats__nav.column .stats__nav__item {
display: inline-block;
margin-right: 8%;
width: auto;
position: relative;
cursor:pointer
}
.stats-section .stats__nav.column .stats__nav__item:last-child {
margin-left: auto;
margin-right:0;
}
@media only screen and (max-width: 480px){
.stats-section .stats__nav.column .stats__nav__item{
margin:0 !important;
}
}
.stats-section .stats__nav.column .stats__nav__item.is-active {
color: #f1d203;
opacity: 1 !important;
font-weight: bold;
}
.stats-section .stats__nav.column .stats__nav__item.is-active:before {
content: '';
position: absolute;
background: #f1d306;
width: 2px;
height: 8px;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
.stats__blocks {
width: 100%;
}
.stats__block {
width: 100%;
flex-wrap: wrap;
display: flex;
}
.stats__block.stats__block-year_without_stats{
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 40px;
text-align:center;
}
.stats__block.stats__block-year_without_stats .stat__content__graphic{
max-width: 205px !important;
}
.stats__block.stats__block-year_without_stats .title{
margin-top: 20px;
margin-bottom: 32px;
}
.stats__block .stats__stat {
padding: 16px;
margin-bottom: 16px;
position: relative;
}
.stats__block .stats__stat .stat__graphic {
display: flex;
align-items: center;
width: 45%;
height: auto;
}
.stats__block .stats__stat .stat__graphic svg {
width: 100%;
height: auto;
}
.stats__block .stats__stat .stat__content {
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right;
width: 55%;
justify-content: flex-end;
}
.stats__block .stats__stat .stat__content__graphic {
position: absolute;
top: 0;
right: 0;
z-index: 1;
height: auto;
width: 50%;
}
.stats__block .stat__content__graphic svg {
width: 100%;
height: auto;
}
.jsCustomContactForm .contact-form__block.contact-form__block--checkbox .contact-form__list label {
font-weight: 400;
font-size: 11px;
line-height: 16px;
}
.jsCustomContactForm .contact-form__block.contact-form__block--checkbox .contact-form__list label p a {
color: inherit;
text-decoration: underline;
text-underline-offset: 1px;
}
.contact-form__social .social-info-row .info {
flex: 1 0 0;
}
.contact-form__social .social-info-row {
gap: 24px;
}
@media screen and (max-width: 798px){
.contact-form__social .social-info-row .info {
flex: 0 0 100%;
}
}