.cd-title { position: relative; height: 160px; line-height: 230px; text-align: center; }
.cd-title h1 { font-size: 2.4rem; font-weight: 700; }
.rotation-highlight{ background-color: #fff; color: #000; display: inline-block; font-size: 45px; font-weight: 400; margin-bottom: 30px; padding: 35px; }
.cd-headline span { font-family: 'Oswald', sans-serif; }
.cd-headline span b { font-weight: 100; letter-spacing: 4px; font-size: 15px; font-weight: 100; }
.animation2 span b { font-size: 30px; line-height: 40px; letter-spacing: 3px; }
.animation3 span b { font-size: 35px; line-height: 45px; letter-spacing: 3px; }
.cd-headline i { font-style: normal; color: #fff; }
.personal-name .cd-headline i { color:#000; margin:0}
@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 {margin-bottom: 200px;}
.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;}
.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; }
}
.cd-headline.type .cd-words-wrapper { vertical-align: top; overflow: hidden; }
.cd-headline.type .cd-words-wrapper::after { content: ''; position: absolute; right: 0; top: auto; bottom: -2px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 3px; width: 10px; background-color: #ffcc00; color: #ffcc00; }
.personal-name .cd-headline.type .cd-words-wrapper::after {background-color: #000}
.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: transparent; }
.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; }
}
.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); }
}
.cd-headline.loading-bar span { display: inline-block;  padding: .2em 0; }
.cd-headline.loading-bar .cd-words-wrapper { overflow: hidden; vertical-align: top; }
.cd-headline.loading-bar .cd-words-wrapper::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #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; }
.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; padding: .2em 0; }
.cd-headline.clip .cd-words-wrapper { overflow: hidden; vertical-align: top; }
.cd-headline.clip .cd-words-wrapper::after { 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%); }
}