.cd-headline {
          font-size: 3rem;
          line-height: 1.2;
}
@media only screen and (min-width: 768px) {
          .cd-headline {
                    font-size: 4.4rem;
                    font-weight: 300;
          }
}
@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;
          padding: 0.2em 0;
}
.cd-headline.slide .cd-words-wrapper {
          overflow: hidden;
          vertical-align: top;
}
.cd-headline.slide b {
          opacity: 0;
          top: 0.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;
          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: #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 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%);
          }
}