/* -------------------------------- 

Primary style

-------------------------------- */
*,
*::after,
*::before {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

html * {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

html {
   font-size: 62.5%;
}

body {
   font-size: 1.6rem;
   font-family: sans-serif;
   color: #aebcb9;
   background-color: #0d0d0d;
}

a {
   text-decoration: none;
}

.cd-title {
   position: relative;
   height: 160px;
   line-height: 230px;
   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-intro {
   width: 90%;
   max-width: 768px;
   text-align: center;
}

.cd-intro {
   margin: 4em auto;
}
@media only screen and (min-width: 768px) {
   .cd-intro {
      margin: 5em auto;
   }
}
@media only screen and (min-width: 1170px) {
   .cd-intro {
      margin: 6em auto;
   }
}

.cd-headline {
   font-size: 3rem;
   line-height: 1.2;
}
@media only screen and (min-width: 768px) {
   .cd-headline {
      font-size: 4.4rem;
   }
}
@media only screen and (min-width: 1170px) {
   .cd-headline {
      font-size: 6rem;
   }
}

.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;
}
.no-js .cd-words-wrapper b {
   opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
   opacity: 1;
}

/* -------------------------------- 

xrotate-1 

-------------------------------- */
.cd-headline.rotate-1 .cd-words-wrapper {
   -webkit-perspective: 300px;
   -moz-perspective: 300px;
   perspective: 300px;
}
.cd-headline.rotate-1 b {
   opacity: 0;
   -webkit-transform-origin: 50% 100%;
   -moz-transform-origin: 50% 100%;
   -ms-transform-origin: 50% 100%;
   -o-transform-origin: 50% 100%;
   transform-origin: 50% 100%;
   -webkit-transform: rotateX(180deg);
   -moz-transform: rotateX(180deg);
   -ms-transform: rotateX(180deg);
   -o-transform: rotateX(180deg);
   transform: rotateX(180deg);
}
.cd-headline.rotate-1 b.is-visible {
   opacity: 1;
   -webkit-transform: rotateX(0deg);
   -moz-transform: rotateX(0deg);
   -ms-transform: rotateX(0deg);
   -o-transform: rotateX(0deg);
   transform: rotateX(0deg);
   -webkit-animation: cd-rotate-1-in 1.2s;
   -moz-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);
   -moz-transform: rotateX(180deg);
   -ms-transform: rotateX(180deg);
   -o-transform: rotateX(180deg);
   transform: rotateX(180deg);
   -webkit-animation: cd-rotate-1-out 1.2s;
   -moz-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);
      opacity: 0;
   }
   35% {
      -webkit-transform: rotateX(120deg);
      opacity: 0;
   }
   65% {
      opacity: 0;
   }
   100% {
      -webkit-transform: rotateX(360deg);
      opacity: 1;
   }
}
@-moz-keyframes cd-rotate-1-in {
   0% {
      -moz-transform: rotateX(180deg);
      opacity: 0;
   }
   35% {
      -moz-transform: rotateX(120deg);
      opacity: 0;
   }
   65% {
      opacity: 0;
   }
   100% {
      -moz-transform: rotateX(360deg);
      opacity: 1;
   }
}
@keyframes cd-rotate-1-in {
   0% {
      -webkit-transform: rotateX(180deg);
      -moz-transform: rotateX(180deg);
      -ms-transform: rotateX(180deg);
      -o-transform: rotateX(180deg);
      transform: rotateX(180deg);
      opacity: 0;
   }
   35% {
      -webkit-transform: rotateX(120deg);
      -moz-transform: rotateX(120deg);
      -ms-transform: rotateX(120deg);
      -o-transform: rotateX(120deg);
      transform: rotateX(120deg);
      opacity: 0;
   }
   65% {
      opacity: 0;
   }
   100% {
      -webkit-transform: rotateX(360deg);
      -moz-transform: rotateX(360deg);
      -ms-transform: rotateX(360deg);
      -o-transform: rotateX(360deg);
      transform: rotateX(360deg);
      opacity: 1;
   }
}
@-webkit-keyframes cd-rotate-1-out {
   0% {
      -webkit-transform: rotateX(0deg);
      opacity: 1;
   }
   35% {
      -webkit-transform: rotateX(-40deg);
      opacity: 1;
   }
   65% {
      opacity: 0;
   }
   100% {
      -webkit-transform: rotateX(180deg);
      opacity: 0;
   }
}
@-moz-keyframes cd-rotate-1-out {
   0% {
      -moz-transform: rotateX(0deg);
      opacity: 1;
   }
   35% {
      -moz-transform: rotateX(-40deg);
      opacity: 1;
   }
   65% {
      opacity: 0;
   }
   100% {
      -moz-transform: rotateX(180deg);
      opacity: 0;
   }
}
@keyframes cd-rotate-1-out {
   0% {
      -webkit-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -ms-transform: rotateX(0deg);
      -o-transform: rotateX(0deg);
      transform: rotateX(0deg);
      opacity: 1;
   }
   35% {
      -webkit-transform: rotateX(-40deg);
      -moz-transform: rotateX(-40deg);
      -ms-transform: rotateX(-40deg);
      -o-transform: rotateX(-40deg);
      transform: rotateX(-40deg);
      opacity: 1;
   }
   65% {
      opacity: 0;
   }
   100% {
      -webkit-transform: rotateX(180deg);
      -moz-transform: rotateX(180deg);
      -ms-transform: rotateX(180deg);
      -o-transform: rotateX(180deg);
      transform: rotateX(180deg);
      opacity: 0;
   }
}
/* -------------------------------- 

xtype 

-------------------------------- */
.cd-headline.type .cd-words-wrapper {
   vertical-align: top;
   overflow: hidden;
}
.cd-headline.type .cd-words-wrapper::after {
   /* vertical bar */
   content: '';
   position: absolute;
   right: 0;
   top: 50%;
   bottom: auto;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
   height: 90%;
   width: 1px;
   background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.waiting::after {
   -webkit-animation: cd-pulse 1s infinite;
   -moz-animation: cd-pulse 1s infinite;
   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 b {
   color: #0d0d0d;
}
.cd-headline.type b {
   visibility: hidden;
}
.cd-headline.type b.is-visible {
   visibility: visible;
}
.cd-headline.type i {
   position: absolute;
   visibility: hidden;
}
.cd-headline.type i.in {
   position: relative;
   visibility: visible;
}

@-webkit-keyframes cd-pulse {
   0% {
      -webkit-transform: translateY(-50%) scale(1);
      opacity: 1;
   }
   40% {
      -webkit-transform: translateY(-50%) scale(0.9);
      opacity: 0;
   }
   100% {
      -webkit-transform: translateY(-50%) scale(0);
      opacity: 0;
   }
}
@-moz-keyframes cd-pulse {
   0% {
      -moz-transform: translateY(-50%) scale(1);
      opacity: 1;
   }
   40% {
      -moz-transform: translateY(-50%) scale(0.9);
      opacity: 0;
   }
   100% {
      -moz-transform: translateY(-50%) scale(0);
      opacity: 0;
   }
}
@keyframes cd-pulse {
   0% {
      -webkit-transform: translateY(-50%) scale(1);
      -moz-transform: translateY(-50%) scale(1);
      -ms-transform: translateY(-50%) scale(1);
      -o-transform: translateY(-50%) scale(1);
      transform: translateY(-50%) scale(1);
      opacity: 1;
   }
   40% {
      -webkit-transform: translateY(-50%) scale(0.9);
      -moz-transform: translateY(-50%) scale(0.9);
      -ms-transform: translateY(-50%) scale(0.9);
      -o-transform: translateY(-50%) scale(0.9);
      transform: translateY(-50%) scale(0.9);
      opacity: 0;
   }
   100% {
      -webkit-transform: translateY(-50%) scale(0);
      -moz-transform: translateY(-50%) scale(0);
      -ms-transform: translateY(-50%) scale(0);
      -o-transform: translateY(-50%) scale(0);
      transform: translateY(-50%) scale(0);
      opacity: 0;
   }
}
/* -------------------------------- 

xrotate-2 

-------------------------------- */
.cd-headline.rotate-2 .cd-words-wrapper {
   -webkit-perspective: 300px;
   -moz-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 b {
   opacity: 0;
}
.cd-headline.rotate-2 i {
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform: translateZ(-20px) rotateX(90deg);
   -moz-transform: translateZ(-20px) rotateX(90deg);
   -ms-transform: translateZ(-20px) rotateX(90deg);
   -o-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;
   -moz-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;
   -moz-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);
   -moz-transform: translateZ(20px);
   -ms-transform: translateZ(20px);
   -o-transform: translateZ(20px);
   transform: translateZ(20px);
}

.no-csstransitions .cd-headline.rotate-2 i {
   -webkit-transform: rotateX(0deg);
   -moz-transform: rotateX(0deg);
   -ms-transform: rotateX(0deg);
   -o-transform: rotateX(0deg);
   transform: rotateX(0deg);
   opacity: 0;
}
.no-csstransitions .cd-headline.rotate-2 i em {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-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);
   }
   60% {
      opacity: 1;
      -webkit-transform: translateZ(-20px) rotateX(-10deg);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateZ(-20px) rotateX(0deg);
   }
}
@-moz-keyframes cd-rotate-2-in {
   0% {
      opacity: 0;
      -moz-transform: translateZ(-20px) rotateX(90deg);
   }
   60% {
      opacity: 1;
      -moz-transform: translateZ(-20px) rotateX(-10deg);
   }
   100% {
      opacity: 1;
      -moz-transform: translateZ(-20px) rotateX(0deg);
   }
}
@keyframes cd-rotate-2-in {
   0% {
      opacity: 0;
      -webkit-transform: translateZ(-20px) rotateX(90deg);
      -moz-transform: translateZ(-20px) rotateX(90deg);
      -ms-transform: translateZ(-20px) rotateX(90deg);
      -o-transform: translateZ(-20px) rotateX(90deg);
      transform: translateZ(-20px) rotateX(90deg);
   }
   60% {
      opacity: 1;
      -webkit-transform: translateZ(-20px) rotateX(-10deg);
      -moz-transform: translateZ(-20px) rotateX(-10deg);
      -ms-transform: translateZ(-20px) rotateX(-10deg);
      -o-transform: translateZ(-20px) rotateX(-10deg);
      transform: translateZ(-20px) rotateX(-10deg);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateZ(-20px) rotateX(0deg);
      -moz-transform: translateZ(-20px) rotateX(0deg);
      -ms-transform: translateZ(-20px) rotateX(0deg);
      -o-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);
   }
   60% {
      opacity: 0;
      -webkit-transform: translateZ(-20px) rotateX(-100deg);
   }
   100% {
      opacity: 0;
      -webkit-transform: translateZ(-20px) rotateX(-90deg);
   }
}
@-moz-keyframes cd-rotate-2-out {
   0% {
      opacity: 1;
      -moz-transform: translateZ(-20px) rotateX(0);
   }
   60% {
      opacity: 0;
      -moz-transform: translateZ(-20px) rotateX(-100deg);
   }
   100% {
      opacity: 0;
      -moz-transform: translateZ(-20px) rotateX(-90deg);
   }
}
@keyframes cd-rotate-2-out {
   0% {
      opacity: 1;
      -webkit-transform: translateZ(-20px) rotateX(0);
      -moz-transform: translateZ(-20px) rotateX(0);
      -ms-transform: translateZ(-20px) rotateX(0);
      -o-transform: translateZ(-20px) rotateX(0);
      transform: translateZ(-20px) rotateX(0);
   }
   60% {
      opacity: 0;
      -webkit-transform: translateZ(-20px) rotateX(-100deg);
      -moz-transform: translateZ(-20px) rotateX(-100deg);
      -ms-transform: translateZ(-20px) rotateX(-100deg);
      -o-transform: translateZ(-20px) rotateX(-100deg);
      transform: translateZ(-20px) rotateX(-100deg);
   }
   100% {
      opacity: 0;
      -webkit-transform: translateZ(-20px) rotateX(-90deg);
      -moz-transform: translateZ(-20px) rotateX(-90deg);
      -ms-transform: translateZ(-20px) rotateX(-90deg);
      -o-transform: translateZ(-20px) rotateX(-90deg);
      transform: translateZ(-20px) rotateX(-90deg);
   }
}
/* -------------------------------- 

xloading-bar 

-------------------------------- */
.cd-headline.loading-bar span {
   display: inline-block;
   padding: 0.2em 0;
}
.cd-headline.loading-bar .cd-words-wrapper {
   overflow: hidden;
   vertical-align: top;
}
.cd-headline.loading-bar .cd-words-wrapper::after {
   /* loading bar */
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   height: 3px;
   width: 0;
   background: #0096a7;
   z-index: 2;
   -webkit-transition: width 0.3s -0.1s;
   -moz-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;
   -moz-transition: width 3s;
   transition: width 3s;
}
.cd-headline.loading-bar b {
   top: 0.2em;
   opacity: 0;
   -webkit-transition: opacity 0.3s;
   -moz-transition: opacity 0.3s;
   transition: opacity 0.3s;
}
.cd-headline.loading-bar b.is-visible {
   opacity: 1;
   top: 0;
}

/* -------------------------------- 

xslide 

-------------------------------- */
.cd-headline.slide span {
   display: inline-block;
}
.cd-headline.slide .cd-words-wrapper {
   overflow: hidden;
   vertical-align: top;
}
.cd-headline.slide b {
   opacity: 0;
   top: 0.2em;
   font-weight: inherit;
}

.cd-headline.slide b.is-visible {
   top: 0;
   opacity: 1;
   -webkit-animation: slide-in 0.6s;
   -moz-animation: slide-in 0.6s;
   animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
   -webkit-animation: slide-out 0.6s;
   -moz-animation: slide-out 0.6s;
   animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
   0% {
      opacity: 0;
      -webkit-transform: translateY(-100%);
   }
   60% {
      opacity: 1;
      -webkit-transform: translateY(20%);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateY(0);
   }
}
@-moz-keyframes slide-in {
   0% {
      opacity: 0;
      -moz-transform: translateY(-100%);
   }
   60% {
      opacity: 1;
      -moz-transform: translateY(20%);
   }
   100% {
      opacity: 1;
      -moz-transform: translateY(0);
   }
}
@keyframes slide-in {
   0% {
      opacity: 0;
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      transform: translateY(-100%);
   }
   60% {
      opacity: 1;
      -webkit-transform: translateY(20%);
      -moz-transform: translateY(20%);
      -ms-transform: translateY(20%);
      -o-transform: translateY(20%);
      transform: translateY(20%);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
   }
}
@-webkit-keyframes slide-out {
   0% {
      opacity: 1;
      -webkit-transform: translateY(0);
   }
   60% {
      opacity: 0;
      -webkit-transform: translateY(120%);
   }
   100% {
      opacity: 0;
      -webkit-transform: translateY(100%);
   }
}
@-moz-keyframes slide-out {
   0% {
      opacity: 1;
      -moz-transform: translateY(0);
   }
   60% {
      opacity: 0;
      -moz-transform: translateY(120%);
   }
   100% {
      opacity: 0;
      -moz-transform: translateY(100%);
   }
}
@keyframes slide-out {
   0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
   }
   60% {
      opacity: 0;
      -webkit-transform: translateY(120%);
      -moz-transform: translateY(120%);
      -ms-transform: translateY(120%);
      -o-transform: translateY(120%);
      transform: translateY(120%);
   }
   100% {
      opacity: 0;
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%);
   }
}
/* -------------------------------- 

xclip 

-------------------------------- */
.cd-headline.clip span {
   display: inline-block;
   padding: 0.2em 0;
}
.cd-headline.clip .cd-words-wrapper {
   overflow: hidden;
   vertical-align: top;
}
.cd-headline.clip .cd-words-wrapper::after {
   /* line */
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   width: 2px;
   height: 100%;
   background-color: #111;
}
.cd-headline.clip b {
   opacity: 0;
}
.cd-headline.clip b.is-visible {
   opacity: 1;
}

/* -------------------------------- 

xzoom 

-------------------------------- */
.cd-headline.zoom .cd-words-wrapper {
   -webkit-perspective: 300px;
   -moz-perspective: 300px;
   perspective: 300px;
}
.cd-headline.zoom b {
   opacity: 0;
}
.cd-headline.zoom b.is-visible {
   opacity: 1;
   -webkit-animation: zoom-in 0.8s;
   -moz-animation: zoom-in 0.8s;
   animation: zoom-in 0.8s;
}
.cd-headline.zoom b.is-hidden {
   -webkit-animation: zoom-out 0.8s;
   -moz-animation: zoom-out 0.8s;
   animation: zoom-out 0.8s;
}

@-webkit-keyframes zoom-in {
   0% {
      opacity: 0;
      -webkit-transform: translateZ(100px);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateZ(0);
   }
}
@-moz-keyframes zoom-in {
   0% {
      opacity: 0;
      -moz-transform: translateZ(100px);
   }
   100% {
      opacity: 1;
      -moz-transform: translateZ(0);
   }
}
@keyframes zoom-in {
   0% {
      opacity: 0;
      -webkit-transform: translateZ(100px);
      -moz-transform: translateZ(100px);
      -ms-transform: translateZ(100px);
      -o-transform: translateZ(100px);
      transform: translateZ(100px);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
   }
}
@-webkit-keyframes zoom-out {
   0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
   }
   100% {
      opacity: 0;
      -webkit-transform: translateZ(-100px);
   }
}
@-moz-keyframes zoom-out {
   0% {
      opacity: 1;
      -moz-transform: translateZ(0);
   }
   100% {
      opacity: 0;
      -moz-transform: translateZ(-100px);
   }
}
@keyframes zoom-out {
   0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
   }
   100% {
      opacity: 0;
      -webkit-transform: translateZ(-100px);
      -moz-transform: translateZ(-100px);
      -ms-transform: translateZ(-100px);
      -o-transform: translateZ(-100px);
      transform: translateZ(-100px);
   }
}
/* -------------------------------- 

xrotate-3 

-------------------------------- */
.cd-headline.rotate-3 .cd-words-wrapper {
   -webkit-perspective: 300px;
   -moz-perspective: 300px;
   perspective: 300px;
}
.cd-headline.rotate-3 b {
   opacity: 0;
}
.cd-headline.rotate-3 i {
   display: inline-block;
   -webkit-transform: rotateY(180deg);
   -moz-transform: rotateY(180deg);
   -ms-transform: rotateY(180deg);
   -o-transform: rotateY(180deg);
   transform: rotateY(180deg);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
.is-visible .cd-headline.rotate-3 i {
   -webkit-transform: rotateY(0deg);
   -moz-transform: rotateY(0deg);
   -ms-transform: rotateY(0deg);
   -o-transform: rotateY(0deg);
   transform: rotateY(0deg);
}
.cd-headline.rotate-3 i.in {
   -webkit-animation: cd-rotate-3-in 0.6s forwards;
   -moz-animation: cd-rotate-3-in 0.6s forwards;
   animation: cd-rotate-3-in 0.6s forwards;
}
.cd-headline.rotate-3 i.out {
   -webkit-animation: cd-rotate-3-out 0.6s forwards;
   -moz-animation: cd-rotate-3-out 0.6s forwards;
   animation: cd-rotate-3-out 0.6s forwards;
}

.no-csstransitions .cd-headline.rotate-3 i {
   -webkit-transform: rotateY(0deg);
   -moz-transform: rotateY(0deg);
   -ms-transform: rotateY(0deg);
   -o-transform: rotateY(0deg);
   transform: rotateY(0deg);
   opacity: 0;
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
   opacity: 1;
}

@-webkit-keyframes cd-rotate-3-in {
   0% {
      -webkit-transform: rotateY(180deg);
   }
   100% {
      -webkit-transform: rotateY(0deg);
   }
}
@-moz-keyframes cd-rotate-3-in {
   0% {
      -moz-transform: rotateY(180deg);
   }
   100% {
      -moz-transform: rotateY(0deg);
   }
}
@keyframes cd-rotate-3-in {
   0% {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg);
   }
   100% {
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      transform: rotateY(0deg);
   }
}
@-webkit-keyframes cd-rotate-3-out {
   0% {
      -webkit-transform: rotateY(0);
   }
   100% {
      -webkit-transform: rotateY(-180deg);
   }
}
@-moz-keyframes cd-rotate-3-out {
   0% {
      -moz-transform: rotateY(0);
   }
   100% {
      -moz-transform: rotateY(-180deg);
   }
}
@keyframes cd-rotate-3-out {
   0% {
      -webkit-transform: rotateY(0);
      -moz-transform: rotateY(0);
      -ms-transform: rotateY(0);
      -o-transform: rotateY(0);
      transform: rotateY(0);
   }
   100% {
      -webkit-transform: rotateY(-180deg);
      -moz-transform: rotateY(-180deg);
      -ms-transform: rotateY(-180deg);
      -o-transform: rotateY(-180deg);
      transform: rotateY(-180deg);
   }
}
/* -------------------------------- 

xscale 

-------------------------------- */
.cd-headline.scale b {
   opacity: 0;
}
.cd-headline.scale i {
   display: inline-block;
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   -o-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;
   -moz-animation: scale-up 0.6s forwards;
   animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out {
   -webkit-animation: scale-down 0.6s forwards;
   -moz-animation: scale-down 0.6s forwards;
   animation: scale-down 0.6s forwards;
}

.no-csstransitions .cd-headline.scale i {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-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);
      opacity: 0;
   }
   60% {
      -webkit-transform: scale(1.2);
      opacity: 1;
   }
   100% {
      -webkit-transform: scale(1);
      opacity: 1;
   }
}
@-moz-keyframes scale-up {
   0% {
      -moz-transform: scale(0);
      opacity: 0;
   }
   60% {
      -moz-transform: scale(1.2);
      opacity: 1;
   }
   100% {
      -moz-transform: scale(1);
      opacity: 1;
   }
}
@keyframes scale-up {
   0% {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      opacity: 0;
   }
   60% {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 1;
   }
   100% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
}
@-webkit-keyframes scale-down {
   0% {
      -webkit-transform: scale(1);
      opacity: 1;
   }
   60% {
      -webkit-transform: scale(0);
      opacity: 0;
   }
}
@-moz-keyframes scale-down {
   0% {
      -moz-transform: scale(1);
      opacity: 1;
   }
   60% {
      -moz-transform: scale(0);
      opacity: 0;
   }
}
@keyframes scale-down {
   0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   60% {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      opacity: 0;
   }
}
/* -------------------------------- 

xpush 

-------------------------------- */
.cd-headline.push b {
   opacity: 0;
}
.cd-headline.push b.is-visible {
   opacity: 1;
   -webkit-animation: push-in 0.6s;
   -moz-animation: push-in 0.6s;
   animation: push-in 0.6s;
}
.cd-headline.push b.is-hidden {
   -webkit-animation: push-out 0.6s;
   -moz-animation: push-out 0.6s;
   animation: push-out 0.6s;
}

@-webkit-keyframes push-in {
   0% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
   }
   60% {
      opacity: 1;
      -webkit-transform: translateX(10%);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateX(0);
   }
}
@-moz-keyframes push-in {
   0% {
      opacity: 0;
      -moz-transform: translateX(-100%);
   }
   60% {
      opacity: 1;
      -moz-transform: translateX(10%);
   }
   100% {
      opacity: 1;
      -moz-transform: translateX(0);
   }
}
@keyframes push-in {
   0% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%);
   }
   60% {
      opacity: 1;
      -webkit-transform: translateX(10%);
      -moz-transform: translateX(10%);
      -ms-transform: translateX(10%);
      -o-transform: translateX(10%);
      transform: translateX(10%);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
   }
}
@-webkit-keyframes push-out {
   0% {
      opacity: 1;
      -webkit-transform: translateX(0);
   }
   60% {
      opacity: 0;
      -webkit-transform: translateX(110%);
   }
   100% {
      opacity: 0;
      -webkit-transform: translateX(100%);
   }
}
@-moz-keyframes push-out {
   0% {
      opacity: 1;
      -moz-transform: translateX(0);
   }
   60% {
      opacity: 0;
      -moz-transform: translateX(110%);
   }
   100% {
      opacity: 0;
      -moz-transform: translateX(100%);
   }
}
@keyframes push-out {
   0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
   }
   60% {
      opacity: 0;
      -webkit-transform: translateX(110%);
      -moz-transform: translateX(110%);
      -ms-transform: translateX(110%);
      -o-transform: translateX(110%);
      transform: translateX(110%);
   }
   100% {
      opacity: 0;
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%);
   }
}