/* -------------------------------- Primary style-------------------------------- */*, *::after, *::before {    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;  }    html * {    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;  }    html {    font-size: 62.5%;  }    body {    font-size: 1.6rem;    font-family: "Source Sans Pro", sans-serif;    color: #aebcb9;    background-color: #0d0d0d;  }    a {    text-decoration: none;  }    .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;    -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: .2em 0;  }  .cd-headline.loading-bar .cd-words-wrapper {    overflow: hidden;    vertical-align: top;  }  .cd-headline.loading-bar .cd-words-wrapper::after {    /* loading bar */    content: '';    position: absolute;    left: 0;    bottom: 0;    height: 3px;    width: 0;    background: #0096a7;    z-index: 2;    -webkit-transition: width 0.3s -0.1s;    -moz-transition: width 0.3s -0.1s;    transition: width 0.3s -0.1s;  }  .cd-headline.loading-bar .cd-words-wrapper.is-loading::after {    width: 100%;    -webkit-transition: width 3s;    -moz-transition: width 3s;    transition: width 3s;  }  .cd-headline.loading-bar b {    top: .2em;    opacity: 0;    -webkit-transition: opacity 0.3s;    -moz-transition: opacity 0.3s;    transition: opacity 0.3s;  }  .cd-headline.loading-bar b.is-visible {    opacity: 1;    top: 0;  }    /* --------------------------------     xslide     -------------------------------- */  .cd-headline.slide span {    display: inline-block;    padding: .2em 0;  }  .cd-headline.slide .cd-words-wrapper {    overflow: hidden;    vertical-align: top;  }  .cd-headline.slide b {    opacity: 0;    top: .2em;  }  .cd-headline.slide b.is-visible {    top: 0;    opacity: 1;    -webkit-animation: slide-in 0.6s;    -moz-animation: slide-in 0.6s;    animation: slide-in 0.6s;  }  .cd-headline.slide b.is-hidden {    -webkit-animation: slide-out 0.6s;    -moz-animation: slide-out 0.6s;    animation: slide-out 0.6s;  }    @-webkit-keyframes slide-in {    0% {      opacity: 0;      -webkit-transform: translateY(-100%);    }    60% {      opacity: 1;      -webkit-transform: translateY(20%);    }    100% {      opacity: 1;      -webkit-transform: translateY(0);    }  }  @-moz-keyframes slide-in {    0% {      opacity: 0;      -moz-transform: translateY(-100%);    }    60% {      opacity: 1;      -moz-transform: translateY(20%);    }    100% {      opacity: 1;      -moz-transform: translateY(0);    }  }  @keyframes slide-in {    0% {      opacity: 0;      -webkit-transform: translateY(-100%);      -moz-transform: translateY(-100%);      -ms-transform: translateY(-100%);      -o-transform: translateY(-100%);      transform: translateY(-100%);    }    60% {      opacity: 1;      -webkit-transform: translateY(20%);      -moz-transform: translateY(20%);      -ms-transform: translateY(20%);      -o-transform: translateY(20%);      transform: translateY(20%);    }    100% {      opacity: 1;      -webkit-transform: translateY(0);      -moz-transform: translateY(0);      -ms-transform: translateY(0);      -o-transform: translateY(0);      transform: translateY(0);    }  }  @-webkit-keyframes slide-out {    0% {      opacity: 1;      -webkit-transform: translateY(0);    }    60% {      opacity: 0;      -webkit-transform: translateY(120%);    }    100% {      opacity: 0;      -webkit-transform: translateY(100%);    }  }  @-moz-keyframes slide-out {    0% {      opacity: 1;      -moz-transform: translateY(0);    }    60% {      opacity: 0;      -moz-transform: translateY(120%);    }    100% {      opacity: 0;      -moz-transform: translateY(100%);    }  }  @keyframes slide-out {    0% {      opacity: 1;      -webkit-transform: translateY(0);      -moz-transform: translateY(0);      -ms-transform: translateY(0);      -o-transform: translateY(0);      transform: translateY(0);    }    60% {      opacity: 0;      -webkit-transform: translateY(120%);      -moz-transform: translateY(120%);      -ms-transform: translateY(120%);      -o-transform: translateY(120%);      transform: translateY(120%);    }    100% {      opacity: 0;      -webkit-transform: translateY(100%);      -moz-transform: translateY(100%);      -ms-transform: translateY(100%);      -o-transform: translateY(100%);      transform: translateY(100%);    }  }  /* --------------------------------     xclip     -------------------------------- */  .cd-headline.clip span {    display: inline-block;    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;    -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%);    }  }