.cd-title{height:160px;line-height:230px;position:relative;text-align:center}.cd-title h1{font-size:2.4rem;font-weight:700}@media only screen and (min-width:768px){.cd-title{line-height:250px}}@media only screen and (min-width:1170px){.cd-title{height:200px;line-height:300px}.cd-title h1{font-size:3rem}}.cd-words-wrapper{display:inline-block;position:relative;text-align:left}.cd-words-wrapper em{display:inline-block;font-style:normal;left:0;position:absolute;top:0;white-space:nowrap}.cd-words-wrapper em.is-visible{position:relative}.no-js .cd-words-wrapper em{opacity:0}.no-js .cd-words-wrapper em.is-visible{opacity:1}.cd-headline.rotate-1 .cd-words-wrapper{perspective:300px}.cd-headline.rotate-1 em{opacity:0;transform:rotateX(180deg);transform-origin:50% 100%}.cd-headline.rotate-1 em.is-visible{animation:cd-rotate-1-in 1.2s;opacity:1;transform:rotateX(0deg)}.cd-headline.rotate-1 em.is-hidden{animation:cd-rotate-1-out 1.2s;transform:rotateX(180deg)}@keyframes cd-rotate-1-in{0%{opacity:0;transform:rotateX(180deg)}35%{opacity:0;transform:rotateX(120deg)}65%{opacity:0}to{opacity:1;transform:rotateX(1turn)}}@keyframes cd-rotate-1-out{0%{opacity:1;transform:rotateX(0deg)}35%{opacity:1;transform:rotateX(-40deg)}65%{opacity:0}to{opacity:0;transform:rotateX(180deg)}}.cd-headline.type .cd-words-wrapper{overflow:hidden;vertical-align:top}.cd-headline.type .cd-words-wrapper:after{background-color:#aebcb9;bottom:auto;content:"";height:90%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.cd-headline.type .cd-words-wrapper.waiting:after{animation:cd-pulse 1s infinite}.cd-headline.type .cd-words-wrapper.selected{background-color:#aebcb9}.cd-headline.type .cd-words-wrapper.selected:after{visibility:hidden}.cd-headline.type .cd-words-wrapper.selected em{color:#0d0d0d}.cd-headline.type em{visibility:hidden}.cd-headline.type em.is-visible{visibility:visible}.cd-headline.type i{position:absolute;visibility:hidden}.cd-headline.type i.in{position:relative;visibility:visible}@keyframes cd-pulse{0%{opacity:1;transform:translateY(-50%) scale(1)}40%{opacity:0;transform:translateY(-50%) scale(.9)}to{opacity:0;transform:translateY(-50%) scale(0)}}.cd-headline.rotate-2 .cd-words-wrapper{perspective:300px}.cd-headline.rotate-2 em,.cd-headline.rotate-2 i{backface-visibility:hidden;display:inline-block}.cd-headline.rotate-2 em{opacity:0}.cd-headline.rotate-2 i{opacity:0;transform:translateZ(-20px) rotateX(90deg);transform-style:preserve-3d}.is-visible .cd-headline.rotate-2 i{opacity:1}.cd-headline.rotate-2 i.in{animation:cd-rotate-2-in .4s forwards}.cd-headline.rotate-2 i.out{animation:cd-rotate-2-out .4s forwards}.cd-headline.rotate-2 em{transform:translateZ(20px)}.no-csstransitions .cd-headline.rotate-2 i{opacity:0;transform:rotateX(0deg)}.no-csstransitions .cd-headline.rotate-2 i em{transform:scale(1)}.no-csstransitions .cd-headline.rotate-2 .is-visible i{opacity:1}@keyframes cd-rotate-2-in{0%{opacity:0;transform:translateZ(-20px) rotateX(90deg)}60%{opacity:1;transform:translateZ(-20px) rotateX(-10deg)}to{opacity:1;transform:translateZ(-20px) rotateX(0deg)}}@keyframes cd-rotate-2-out{0%{opacity:1;transform:translateZ(-20px) rotateX(0)}60%{opacity:0;transform:translateZ(-20px) rotateX(-100deg)}to{opacity:0;transform:translateZ(-20px) rotateX(-90deg)}}.cd-headline.loading-bar span{display:inline-block;padding:.2em 0}.cd-headline.loading-bar .cd-words-wrapper{overflow:hidden;vertical-align:top}.cd-headline.loading-bar .cd-words-wrapper:after{background:#0096a7;bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .3s -.1s;width:0;z-index:2}.cd-headline.loading-bar .cd-words-wrapper.is-loading:after{transition:width 3s;width:100%}.cd-headline.loading-bar em{opacity:0;top:.2em;transition:opacity .3s}.cd-headline.loading-bar em.is-visible{opacity:1;top:0}.cd-headline.slide span{display:inline-block;padding:.2em 0}.cd-headline.slide .cd-words-wrapper{overflow:hidden;vertical-align:top}.cd-headline.slide em{opacity:0;top:.2em}.cd-headline.slide em.is-visible{animation:slide-in .6s;opacity:1;top:0}.cd-headline.slide em.is-hidden{animation:slide-out .6s}@keyframes slide-in{0%{opacity:0;transform:translateY(-100%)}60%{opacity:1;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out{0%{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(120%)}to{opacity:0;transform:translateY(100%)}}.cd-headline.clip span{display:inline-block;padding:.2em 0}.cd-headline.clip .cd-words-wrapper{overflow:hidden;vertical-align:top}.cd-headline.clip .cd-words-wrapper:after{background-color:#aebcb9;content:"";height:100%;position:absolute;right:0;top:0;width:2px}.cd-headline.clip em{opacity:0}.cd-headline.clip em.is-visible{opacity:1}.cd-headline.zoom .cd-words-wrapper{perspective:300px}.cd-headline.zoom em{opacity:0}.cd-headline.zoom em.is-visible{animation:zoom-in .8s;opacity:1}.cd-headline.zoom em.is-hidden{animation:zoom-out .8s}@keyframes zoom-in{0%{opacity:0;transform:translateZ(100px)}to{opacity:1;transform:translateZ(0)}}@keyframes zoom-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translateZ(-100px)}}.cd-headline.rotate-3 .cd-words-wrapper{perspective:300px}.cd-headline.rotate-3 em{opacity:0}.cd-headline.rotate-3 i{backface-visibility:hidden;display:inline-block;transform:rotateY(180deg)}.is-visible .cd-headline.rotate-3 i{transform:rotateY(0deg)}.cd-headline.rotate-3 i.in{animation:cd-rotate-3-in .6s forwards}.cd-headline.rotate-3 i.out{animation:cd-rotate-3-out .6s forwards}.no-csstransitions .cd-headline.rotate-3 i{opacity:0;transform:rotateY(0deg)}.no-csstransitions .cd-headline.rotate-3 .is-visible i{opacity:1}@keyframes cd-rotate-3-in{0%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}@keyframes cd-rotate-3-out{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}.cd-headline.scale em{opacity:0}.cd-headline.scale i{display:inline-block;opacity:0;transform:scale(0)}.is-visible .cd-headline.scale i{opacity:1}.cd-headline.scale i.in{animation:scale-up .6s forwards}.cd-headline.scale i.out{animation:scale-down .6s forwards}.no-csstransitions .cd-headline.scale i{opacity:0;transform:scale(1)}.no-csstransitions .cd-headline.scale .is-visible i{opacity:1}@keyframes scale-up{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes scale-down{0%{opacity:1;transform:scale(1)}60%{opacity:0;transform:scale(0)}}.cd-headline.push em{opacity:0}.cd-headline.push em.is-visible{animation:push-in .6s;opacity:1}.cd-headline.push em.is-hidden{animation:push-out .6s}@keyframes push-in{0%{opacity:0;transform:translateX(-100%)}60%{opacity:1;transform:translateX(10%)}to{opacity:1;transform:translateX(0)}}@keyframes push-out{0%{opacity:1;transform:translateX(0)}60%{opacity:0;transform:translateX(110%)}to{opacity:0;transform:translateX(100%)}}

/*# sourceMappingURL=animated-headlines.css.map*/