.words-wrapper {  display:inline-block;  position:relative;  text-align:left; } .words-wrapper b {  display:inline-block;  position:absolute;  white-space:nowrap;  left:0;  top:0; } .words-wrapper b.is-visible {  position:relative; } .no-js .words-wrapper b {  opacity:0; } .no-js .words-wrapper b.is-visible {  opacity:1; } .animated_headline_wrapper .headline {   display:flex;   align-items:baseline; } .words-wrapper small { font-weight :inherit !important; font-size :inherit !important;} .headline {  margin:0;  padding:0; }  .headline.rotate-1 .words-wrapper {  -webkit-perspective:300px;  -moz-perspective:300px;  perspective:300px; } .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); } .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:rotate-1-in 1.2s;  -moz-animation:rotate-1-in 1.2s;  animation:rotate-1-in 1.2s; } .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:rotate-1-out 1.2s;  -moz-animation:rotate-1-out 1.2s;  animation:rotate-1-out 1.2s; } @-webkit-keyframes 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 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 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 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 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 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;  } } .headline.type .words-wrapper {  vertical-align:top;  overflow:hidden; } .headline.type .words-wrapper::after {  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; } .headline.type .words-wrapper.waiting::after {  -webkit-animation:pulse 1s infinite;  -moz-animation:pulse 1s infinite;  animation:pulse 1s infinite; } .headline.type .words-wrapper.selected {  background-color:#aebcb9; } .headline.type .words-wrapper.selected::after {  visibility:hidden; } .headline.type .words-wrapper.selected b {  color:#0d0d0d; } .headline.type b {  visibility:hidden; } .headline.type b.is-visible {  visibility:visible; } .headline.type small {  position:absolute;  visibility:hidden;  font-weight :inherit !important; } .headline.type small.in {  position:relative;  visibility:visible; } @-webkit-keyframes 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 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 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;  } } .headline.rotate-2 .words-wrapper {  -webkit-perspective:300px;  -moz-perspective:300px;  perspective:300px; } .headline.rotate-2 small, .headline.rotate-2 em {  display:inline-block;  -webkit-backface-visibility:hidden;  backface-visibility:hidden;  font-weight :inherit !important; } .headline.rotate-2 small {  -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 .headline.rotate-2 small {  opacity:1; } .headline.rotate-2 small.in {  -webkit-animation:rotate-2-in 0.4s forwards;  -moz-animation:rotate-2-in 0.4s forwards;  animation:rotate-2-in 0.4s forwards; } .headline.rotate-2 small.out {  -webkit-animation:rotate-2-out 0.4s forwards;  -moz-animation:rotate-2-out 0.4s forwards;  animation:rotate-2-out 0.4s forwards; } .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 .headline.rotate-2 small {  -webkit-transform:rotateX(0deg);  -moz-transform:rotateX(0deg);  -ms-transform:rotateX(0deg);  -o-transform:rotateX(0deg);  transform:rotateX(0deg);  opacity:0; } .no-csstransitions .headline.rotate-2 small em {  -webkit-transform:scale(1);  -moz-transform:scale(1);  -ms-transform:scale(1);  -o-transform:scale(1);  transform:scale(1); } .no-csstransitions .headline.rotate-2 .is-visible small {  opacity:1; } @-webkit-keyframes 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 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 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 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 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 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);  } } .headline.loading-bar span {  display:inline-block;  padding:.2em 0; } .headline.loading-bar .words-wrapper {  overflow:hidden;  vertical-align:top; } .headline.loading-bar .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; } .headline.loading-bar .words-wrapper.is-loading::after {  width:100%;  -webkit-transition:width 3s;  -moz-transition:width 3s;  transition:width 3s; } .headline.loading-bar b {  top:.2em;  opacity:0;  -webkit-transition:opacity 0.3s;  -moz-transition:opacity 0.3s;  transition:opacity 0.3s; } .headline.loading-bar b.is-visible {  opacity:1;  top:0; }  .headline.slide span {  display:inline-block;  padding:.2em 0; } .headline.slide .words-wrapper {  overflow:hidden;  vertical-align:top; } .headline.slide b {  opacity:0;  top:.2em; } .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; } .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%);  } } .headline.clip span {  display:inline-block; } .headline.clip .words-wrapper {  overflow:hidden;  vertical-align:top; } .headline.clip .words-wrapper::after {   content:'';  position:absolute;  top:0;  right:0;  width:2px;  height:100%;  background-color:#aebcb9; } .headline.clip b {  opacity:0; } .headline.clip b.is-visible {  opacity:1; }  .headline.zoom .words-wrapper {  -webkit-perspective:300px;  -moz-perspective:300px;  perspective:300px; } .headline.zoom b {  opacity:0; } .headline.zoom b.is-visible {  opacity:1;  -webkit-animation:zoom-in 0.8s;  -moz-animation:zoom-in 0.8s;  animation:zoom-in 0.8s; } .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);  } } .headline.rotate-3 .words-wrapper {  -webkit-perspective:300px;  -moz-perspective:300px;  perspective:300px; } .headline.rotate-3 small {  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 .headline.rotate-3 small {  -webkit-transform:rotateY(0deg);  -moz-transform:rotateY(0deg);  -ms-transform:rotateY(0deg);  -o-transform:rotateY(0deg);  transform:rotateY(0deg); } .headline.rotate-3 small.in {  -webkit-animation:rotate-3-in 0.6s forwards;  -moz-animation:rotate-3-in 0.6s forwards;  animation:rotate-3-in 0.6s forwards; } .headline.rotate-3 small.out {  -webkit-animation:rotate-3-out 0.6s forwards;  -moz-animation:rotate-3-out 0.6s forwards;  animation:rotate-3-out 0.6s forwards; } .no-csstransitions .headline.rotate-3 small {  -webkit-transform:rotateY(0deg);  -moz-transform:rotateY(0deg);  -ms-transform:rotateY(0deg);  -o-transform:rotateY(0deg);  transform:rotateY(0deg);  opacity:0; } .no-csstransitions .headline.rotate-3 .is-visible small {  opacity:1; } @-webkit-keyframes rotate-3-in {  0% {   -webkit-transform:rotateY(180deg);  }  100% {   -webkit-transform:rotateY(0deg);  } } @-moz-keyframes rotate-3-in {  0% {   -moz-transform:rotateY(180deg);  }  100% {   -moz-transform:rotateY(0deg);  } } @keyframes 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 rotate-3-out {  0% {   -webkit-transform:rotateY(0);  }  100% {   -webkit-transform:rotateY(-180deg);  } } @-moz-keyframes rotate-3-out {  0% {   -moz-transform:rotateY(0);  }  100% {   -moz-transform:rotateY(-180deg);  } } @keyframes 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);  } } .headline.scale small {  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 .headline.scale small {  opacity:1; } .headline.scale small.in {  -webkit-animation:scale-up 0.6s forwards;  -moz-animation:scale-up 0.6s forwards;  animation:scale-up 0.6s forwards; } .headline.scale small.out {  -webkit-animation:scale-down 0.6s forwards;  -moz-animation:scale-down 0.6s forwards;  animation:scale-down 0.6s forwards; } .no-csstransitions .headline.scale small {  -webkit-transform:scale(1);  -moz-transform:scale(1);  -ms-transform:scale(1);  -o-transform:scale(1);  transform:scale(1);  opacity:0; } .no-csstransitions .headline.scale .is-visible small {  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;  } } .headline.push b {  opacity:0; } .headline.push b.is-visible {  opacity:1;  -webkit-animation:push-in 0.6s;  -moz-animation:push-in 0.6s;  animation:push-in 0.6s; } .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%);  } }