/* 14. typing-text */
/* -------------------------------- Primary style -------------------------------- */
 .cd-title {
	 position: relative;
	 text-align: center;
}
 .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-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: 2px;
	 width: 0;
	 background: var(--color-primary);
	 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;
}
 .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: var(--bs-clr-pr-1);
}
 .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%);
	}
}