/* -------------------------------- Primary style-------------------------------- */*,*::after,*::before {    -webkit-box-sizing: border-box;    box-sizing: border-box;}html * {    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}.cd-title {    position: relative;    height: 160px;    line-height: 230px;    text-align: center;}.cd-title h1 {    font-size: 2.4rem;    font-weight: 700;}@media only screen and (min-width: 768px) {    .cd-title {        line-height: 250px;    }}@media only screen and (min-width: 1170px) {    .cd-title {        height: 200px;        line-height: 300px;    }    .cd-title h1 {        font-size: 3rem;    }}.cd-intro {    width: 90%;    max-width: 768px;    text-align: center;}.cd-intro {    margin: 4em auto;}@media only screen and (min-width: 768px) {    .cd-intro {        margin: 5em auto;    }}@media only screen and (min-width: 1170px) {    .cd-intro {        margin: 6em auto;    }}.cd-headline {    font-size: 3rem;    line-height: 1.2;}@media only screen and (min-width: 768px) {    .cd-headline {        font-size: 4.4rem;        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;    perspective: 300px;}.cd-headline.rotate-1 b {    opacity: 0;    -webkit-transform-origin: 50% 100%;    transform-origin: 50% 100%;    -webkit-transform: rotateX(180deg);    transform: rotateX(180deg);}.cd-headline.rotate-1 b.is-visible {    opacity: 1;    -webkit-transform: rotateX(0deg);    transform: rotateX(0deg);    -webkit-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);    transform: rotateX(180deg);    -webkit-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;    }}@keyframes cd-rotate-1-in {    0% {        -webkit-transform: rotateX(180deg);        transform: rotateX(180deg);        opacity: 0;    }    35% {        -webkit-transform: rotateX(120deg);        transform: rotateX(120deg);        opacity: 0;    }    65% {        opacity: 0;    }    100% {        -webkit-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;    }}@keyframes cd-rotate-1-out {    0% {        -webkit-transform: rotateX(0deg);        transform: rotateX(0deg);        opacity: 1;    }    35% {        -webkit-transform: rotateX(-40deg);        transform: rotateX(-40deg);        opacity: 1;    }    65% {        opacity: 0;    }    100% {        -webkit-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%);    transform: translateY(-50%);    height: 90%;    width: 1px;    background-color: #aebcb9;}.cd-headline.type .cd-words-wrapper.waiting::after {    -webkit-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;    }}@keyframes cd-pulse {    0% {        -webkit-transform: translateY(-50%) scale(1);        transform: translateY(-50%) scale(1);        opacity: 1;    }    40% {        -webkit-transform: translateY(-50%) scale(0.9);        transform: translateY(-50%) scale(0.9);        opacity: 0;    }    100% {        -webkit-transform: translateY(-50%) scale(0);        transform: translateY(-50%) scale(0);        opacity: 0;    }}/* -------------------------------- xrotate-2 -------------------------------- */.cd-headline.rotate-2 .cd-words-wrapper {    -webkit-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;    transform-style: preserve-3d;    -webkit-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;    animation: cd-rotate-2-in 0.4s forwards;}.cd-headline.rotate-2 i.out {    -webkit-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);    transform: translateZ(20px);}.no-csstransitions .cd-headline.rotate-2 i {    -webkit-transform: rotateX(0deg);    transform: rotateX(0deg);    opacity: 0;}.no-csstransitions .cd-headline.rotate-2 i em {    -webkit-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);    }}@keyframes cd-rotate-2-in {    0% {        opacity: 0;        -webkit-transform: translateZ(-20px) rotateX(90deg);        transform: translateZ(-20px) rotateX(90deg);    }    60% {        opacity: 1;        -webkit-transform: translateZ(-20px) rotateX(-10deg);        transform: translateZ(-20px) rotateX(-10deg);    }    100% {        opacity: 1;        -webkit-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);    }}@keyframes cd-rotate-2-out {    0% {        opacity: 1;        -webkit-transform: translateZ(-20px) rotateX(0);        transform: translateZ(-20px) rotateX(0);    }    60% {        opacity: 0;        -webkit-transform: translateZ(-20px) rotateX(-100deg);        transform: translateZ(-20px) rotateX(-100deg);    }    100% {        opacity: 0;        -webkit-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;    transition: width 0.3s -0.1s;}.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {    width: 100%;    -webkit-transition: width 3s;    transition: width 3s;}.cd-headline.loading-bar b {    top: .2em;    opacity: 0;    -webkit-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;    animation: slide-in 0.6s;}.cd-headline.slide b.is-hidden {    -webkit-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);    }}@keyframes slide-in {    0% {        opacity: 0;        -webkit-transform: translateY(-100%);        transform: translateY(-100%);    }    60% {        opacity: 1;        -webkit-transform: translateY(20%);        transform: translateY(20%);    }    100% {        opacity: 1;        -webkit-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%);    }}@keyframes slide-out {    0% {        opacity: 1;        -webkit-transform: translateY(0);        transform: translateY(0);    }    60% {        opacity: 0;        -webkit-transform: translateY(120%);        transform: translateY(120%);    }    100% {        opacity: 0;        -webkit-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 {    /* 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;    perspective: 300px;}.cd-headline.zoom b {    opacity: 0;}.cd-headline.zoom b.is-visible {    opacity: 1;    -webkit-animation: zoom-in 0.8s;    animation: zoom-in 0.8s;}.cd-headline.zoom b.is-hidden {    -webkit-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);    }}@keyframes zoom-in {    0% {        opacity: 0;        -webkit-transform: translateZ(100px);        transform: translateZ(100px);    }    100% {        opacity: 1;        -webkit-transform: translateZ(0);        transform: translateZ(0);    }}@-webkit-keyframes zoom-out {    0% {        opacity: 1;        -webkit-transform: translateZ(0);    }    100% {        opacity: 0;        -webkit-transform: translateZ(-100px);    }}@keyframes zoom-out {    0% {        opacity: 1;        -webkit-transform: translateZ(0);        transform: translateZ(0);    }    100% {        opacity: 0;        -webkit-transform: translateZ(-100px);        transform: translateZ(-100px);    }}/* -------------------------------- xrotate-3 -------------------------------- */.cd-headline.rotate-3 .cd-words-wrapper {    -webkit-perspective: 300px;    perspective: 300px;}.cd-headline.rotate-3 b {    opacity: 0;}.cd-headline.rotate-3 i {    display: inline-block;    -webkit-transform: rotateY(180deg);    transform: rotateY(180deg);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;}.is-visible .cd-headline.rotate-3 i {    -webkit-transform: rotateY(0deg);    transform: rotateY(0deg);}.cd-headline.rotate-3 i.in {    -webkit-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;    animation: cd-rotate-3-out 0.6s forwards;}.no-csstransitions .cd-headline.rotate-3 i {    -webkit-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);    }}@keyframes cd-rotate-3-in {    0% {        -webkit-transform: rotateY(180deg);        transform: rotateY(180deg);    }    100% {        -webkit-transform: rotateY(0deg);        transform: rotateY(0deg);    }}@-webkit-keyframes cd-rotate-3-out {    0% {        -webkit-transform: rotateY(0);    }    100% {        -webkit-transform: rotateY(-180deg);    }}@keyframes cd-rotate-3-out {    0% {        -webkit-transform: rotateY(0);        transform: rotateY(0);    }    100% {        -webkit-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);    transform: scale(0);}.is-visible .cd-headline.scale i {    opacity: 1;}.cd-headline.scale i.in {    -webkit-animation: scale-up 0.6s forwards;    animation: scale-up 0.6s forwards;}.cd-headline.scale i.out {    -webkit-animation: scale-down 0.6s forwards;    animation: scale-down 0.6s forwards;}.no-csstransitions .cd-headline.scale i {    -webkit-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;    }}@keyframes scale-up {    0% {        -webkit-transform: scale(0);        transform: scale(0);        opacity: 0;    }    60% {        -webkit-transform: scale(1.2);        transform: scale(1.2);        opacity: 1;    }    100% {        -webkit-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;    }}@keyframes scale-down {    0% {        -webkit-transform: scale(1);        transform: scale(1);        opacity: 1;    }    60% {        -webkit-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;    animation: push-in 0.6s;}.cd-headline.push b.is-hidden {    -webkit-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);    }}@keyframes push-in {    0% {        opacity: 0;        -webkit-transform: translateX(-100%);        transform: translateX(-100%);    }    60% {        opacity: 1;        -webkit-transform: translateX(10%);        transform: translateX(10%);    }    100% {        opacity: 1;        -webkit-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%);    }}@keyframes push-out {    0% {        opacity: 1;        -webkit-transform: translateX(0);        transform: translateX(0);    }    60% {        opacity: 0;        -webkit-transform: translateX(110%);        transform: translateX(110%);    }    100% {        opacity: 0;        -webkit-transform: translateX(100%);        transform: translateX(100%);    }}