.cd-title{position:relative;height:80px;line-height:80px;text-align:center;}
.cd-title h1{font-size:2rem;}
.cd-filter, .cd-intro{width:90%;text-align:center;}
.cd-intro{margin:2em auto;}
.cd-filter{margin:0 auto;text-align:center;}
.cd-filter li{position:relative;display:inline-block;margin:0;}
.cd-filter input{position:absolute;left:0;top:0;opacity:0;}
.cd-filter input:checked + label{border-color:#e6d925;color:rgba(255, 255, 255, 1);}
.cd-filter label{border-color:#e10e49;border-style:solid;border-width:0 0 2px;color:rgba(255, 255, 255, 0.7);cursor:pointer;display:inline-block;margin:0;padding:0.4em 0.6em;}
.cd-filter label:hover{border-color:rgba(255, 255, 255, 0.7);}
.cd-headline{font-size:5rem;font-weight:300;line-height:1;}
.cd-words-wrapper{display:inline-block;position:relative;text-align:left;}
.cd-words-wrapper b{display:inline-block;position:absolute;white-space:nowrap;left:0;top:0;}
.cd-words-wrapper b.is-visible{position:relative;}
.cd-headline.rotate-1 .cd-words-wrapper{-webkit-perspective:300px;perspective:300px;}
.cd-headline.rotate-1 b{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}
.cd-headline.rotate-1 b.is-visible{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-animation:cd-rotate-1-in 1.2s;animation:cd-rotate-1-in 1.2s;}
.cd-headline.rotate-1 b.is-hidden{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-animation:cd-rotate-1-out 1.2s;animation:cd-rotate-1-out 1.2s;}
@-webkit-keyframes cd-rotate-1-in{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0;}
35%{-webkit-transform:rotateX(120deg);transform:rotateX(120deg);opacity:0;}
65%{opacity:0;}
100%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg);opacity:1;}
}
@keyframes cd-rotate-1-in{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0;}
35%{-webkit-transform:rotateX(120deg);transform:rotateX(120deg);opacity:0;}
65%{opacity:0;}
100%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg);opacity:1;}
}
@-webkit-keyframes cd-rotate-1-out{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1;}
35%{-webkit-transform:rotateX(-40deg);transform:rotateX(-40deg);opacity:1;}
65%{opacity:0;}
100%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0;}
}
@keyframes cd-rotate-1-out{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1;}
35%{-webkit-transform:rotateX(-40deg);transform:rotateX(-40deg);opacity:1;}
65%{opacity:0;}
100%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0;}
}
.cd-headline.rotate-2 .cd-words-wrapper{-webkit-perspective:300px;perspective:300px;}
.cd-headline.rotate-2 i, .cd-headline.rotate-2 em{display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.cd-headline.rotate-2 i{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-20px) rotateX(90deg);transform:translateZ(-20px) rotateX(90deg);opacity:0;}
.is-visible .cd-headline.rotate-2 i{opacity:1;}
.cd-headline.rotate-2 i.in{-webkit-animation:cd-rotate-2-in 0.4s forwards;animation:cd-rotate-2-in 0.4s forwards;}
.cd-headline.rotate-2 i.out{-webkit-animation:cd-rotate-2-out 0.4s forwards;animation:cd-rotate-2-out 0.4s forwards;}
.cd-headline.rotate-2 em{-webkit-transform:translateZ(20px);transform:translateZ(20px);}
.no-csstransitions .cd-headline.rotate-2 i{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:0;}
.no-csstransitions .cd-headline.rotate-2 i em{-webkit-transform:scale(1);transform:scale(1);}
.no-csstransitions .cd-headline.rotate-2 .is-visible i{opacity:1;}
@-webkit-keyframes cd-rotate-2-in{0%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(90deg);transform:translateZ(-20px) rotateX(90deg);}
60%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(-10deg);transform:translateZ(-20px) rotateX(-10deg);}
100%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0deg);transform:translateZ(-20px) rotateX(0deg);}
}
@keyframes cd-rotate-2-in{0%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(90deg);transform:translateZ(-20px) rotateX(90deg);}
60%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(-10deg);transform:translateZ(-20px) rotateX(-10deg);}
100%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0deg);transform:translateZ(-20px) rotateX(0deg);}
}
@-webkit-keyframes cd-rotate-2-out{0%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0);transform:translateZ(-20px) rotateX(0);}
60%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-100deg);transform:translateZ(-20px) rotateX(-100deg);}
100%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-90deg);transform:translateZ(-20px) rotateX(-90deg);}
}
@keyframes cd-rotate-2-out{0%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0);transform:translateZ(-20px) rotateX(0);}
60%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-100deg);transform:translateZ(-20px) rotateX(-100deg);}
100%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-90deg);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{content:'';position:absolute;left:0;bottom:0;height:3px;width:0;background:#E6D925;z-index:2;-webkit-transition:width 0.3s -0.1s;transition:width 0.3s -0.1s;}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after{width:100%;-webkit-transition:width 3s;transition:width 3s;}
.cd-headline.loading-bar b{top:.2em;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}
.cd-headline.loading-bar b.is-visible{opacity:1;top:0;}
.cd-headline.slide span{display:inline-block;padding:.2em 0 .3em;}
.cd-headline.slide .cd-words-wrapper{overflow:hidden;vertical-align:top;width:auto !important;}
.cd-headline.slide b{opacity:0;top:.2em;}
.cd-headline.slide b.is-visible{top:0;opacity:1;-webkit-animation:slide-in 0.6s;animation:slide-in 0.6s;}
.cd-headline.slide b.is-hidden{-webkit-animation:slide-out 0.6s;animation:slide-out 0.6s;}
@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);}
60%{opacity:1;-webkit-transform:translateY(20%);transform:translateY(20%);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);}
60%{opacity:1;-webkit-transform:translateY(20%);transform:translateY(20%);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@-webkit-keyframes slide-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
60%{opacity:0;-webkit-transform:translateY(120%);transform:translateY(120%);}
100%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);}
}
@keyframes slide-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
60%{opacity:0;-webkit-transform:translateY(120%);transform:translateY(120%);}
100%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);}
}
.cd-headline.scale i{display:inline-block;opacity:0;-webkit-transform:scale(0);transform:scale(0);}
.is-visible .cd-headline.scale i{opacity:1;}
.cd-headline.scale i.in{-webkit-animation:scale-up 0.6s forwards;animation:scale-up 0.6s forwards;}
.cd-headline.scale i.out{-webkit-animation:scale-down 0.6s forwards;animation:scale-down 0.6s forwards;}
.no-csstransitions .cd-headline.scale i{-webkit-transform:scale(1);transform:scale(1);opacity:0;}
.no-csstransitions .cd-headline.scale .is-visible i{opacity:1;}
@-webkit-keyframes scale-up{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0;}
60%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1;}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
}
@keyframes scale-up{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0;}
60%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1;}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
}
@-webkit-keyframes scale-down{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
60%{-webkit-transform:scale(0);transform:scale(0);opacity:0;}
}
@keyframes scale-down{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
60%{-webkit-transform:scale(0);transform:scale(0);opacity:0;}
}