@charset "utf-8";
/* CSS Document */
body{margin: 0;}
.marquee{width: 100%;height: 100%;position: absolute;left: 0;top: 0; overflow: hidden;font-size: 16px;z-index: 10;}
.marquee.intro #waves {width: 0;}
.marquee.intro .container {width: 100vw;height: 100vh;overflow: hidden;position: relative;}
.marquee.intro .waves {background-color: transparent;position: absolute;top: 50%;height: 100vh;width: 100%; transform: translateY(-50%);}
.marquee.intro .intro-text-container {position: absolute;left: 0;width: 100%;top: 48%;transform: translateY(-48%);overflow: hidden;max-height: 500px;}
.marquee.intro .introLogo {display: block;width: 70px;margin: 0 auto 25px;text-align: center;opacity: 0;height: auto;display: none;}

.marquee h2 {color: #fff;width: 100%;text-align: center;position: absolute;transition: opacity .3s;font-size: 6.4em;}
.loader h3, .marquee.intro h2 {color: #fff;text-align: center;}
.marquee.intro h2 {opacity: 1;position: relative;margin: 0 auto;overflow: hidden;}
.marquee.intro h1.show {opacity: 1;height: 230px;}

.marquee.intro h1, .marquee.intro h2 span {font-style: normal;-webkit-font-smoothing: antialiased;}
.filter-open h4, .item h3, .item h4, .item.cta.yellow h5, .marquee.intro h1, .modal-body.item h3, .modal-body.item h4 {text-transform: uppercase;}

.marquee.intro h1 span.show, .marquee.intro h2 span.show {transform: translateY(0);}
.marquee.intro h1 span {display: inline-block;font-family: shuzifont;transform: translateY(140%) translateZ(0);transition: transform 1.2s cubic-bezier(.345,.005,.07,1) 0s;}
.marquee.intro h1 {opacity: 0;letter-spacing: .5px;font-size: 234px;color: #fff;text-align: center;width: 100%;margin: 18px 0 0;line-height: 234px;font-weight: bold;position: relative;overflow: hidden;height: 100%;transition: all 1.75s cubic-bezier(.345,.005,.07,1) 0s;}

.marquee.intro h2 span.color {opacity: 0;}
.marquee.intro h2, .marquee.intro h2 span {font-size: 25px;width: 100%;display: inline-block;}
.marquee.intro h1, .marquee.intro h2 span {font-family: bignoodletitlingregular;font-style: normal;-webkit-font-smoothing: antialiased;}
.marquee h2 span {min-width: 275px;width: 40%;max-width: 410px;display: block;font-size: 1.4rem;line-height: 1.5em;}
.marquee a, .marquee h2, .marquee h2 span {margin: 0 auto;font-weight: 500;font-style: normal;}

.marquee.intro h2 span.white {position: absolute;top: 3px;left: 0;}
.marquee.intro h2 span {max-width: 100%;transform: translateY(140%) translateZ(0);transition: all 1.2s cubic-bezier(.345,.005,.07,1) 0s;}