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

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 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: .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: .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;
     padding: .2em 0;
 }
 .cd-headline.slide .cd-words-wrapper {
     overflow: hidden;
     vertical-align: top;
 }
 .cd-headline.slide b {
     opacity: 0;
     top: .2em;
 }
 .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;
 }
 .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: #aebcb9;
 }
 .cd-headline.clip b {
     opacity: 0;
 }
 .cd-headline.clip b.is-visible {
     opacity: 1;
 }


  .clip .cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left; }
 .clip .cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0; }
 .clip .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; }
.cd-headline.clip span {
    display: inline-block;
     }
.cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top; }
.cd-headline.clip .cd-words-wrapper::after {
    /* line */
    content: '';
    position: absolute;
    top: 10%;
    right: 0;
    width: 2px;
    height: 70%;
    background-color: #aebcb9; }
.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 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 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%);
     }
 }