.main-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 728px;
  height: 90px;
  overflow: hidden; }

.m-sprite, .o-sprite {
  height: 63px;
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

.logo-wrapper {
  position: relative;
  height: 63px;
  width: 360px;
  top: 15px;
  left: 96px; }

.sprite {
  display: inline;
  position: absolute; }

.zero-width {
  transform: rotateY(90deg) scaleX(0.2);
  -webkit-transform: rotateY(90deg) scaleX(0.2);
  -mos-transform: rotateY(90deg) scaleX(0.2); }

.t-sprite {
  background: url(sprite-m.png) no-repeat;
  width: 119px;
  height: 63px;
  left: 239px;
  animation: flipped-and-faded 0.71s cubic-bezier(0.39, 0.575, 0.565, 1) 0.26s forwards;
  -webkit-animation: flipped-and-faded 0.71s cubic-bezier(0.39, 0.575, 0.565, 1) 0.26s forwards; }

.m-sprite {
  background: url(sprite-m.png) -118px 0 no-repeat;
  left: 319px;
  width: 59px;
  animation: expand-to-full-width .46s ease .7s forwards;
  -webkit-animation: expand-to-full-width .46s ease .7s forwards;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

.b-sprite, .o-sprite {
  animation: expand-to-full-width .46s ease .699s forwards; }

.o-sprite {
  background: url(sprite-m.png) -177px 0 no-repeat;
  left: 378px;
  width: 35px;
  -webkit-animation: expand-to-full-width .46s ease .69s forwards;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

.b-sprite, .i-sprite {
  height: 63px;
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

.b-sprite {
  background: url(sprite-m.png) -212px 0 no-repeat;
  left: 413px;
  width: 40px;
  -webkit-animation: expand-to-full-width .46s ease .699s forwards;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

.i-sprite, .l-sprite {
  animation: expand-to-full-width .46s ease .699s forwards; }

.i-sprite {
  background: url(sprite-m.png) -252px 0 no-repeat;
  left: 453px;
  width: 20px;
  -webkit-animation: expand-to-full-width .46s ease .698s forwards;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

.e-sprite, .l-sprite {
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  height: 63px; }

.l-sprite {
  background: url(sprite-m.png) -272px 0 no-repeat;
  left: 473px;
  width: 21px;
  -webkit-animation: expand-to-full-width .46s ease .698s forwards;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

.e-sprite {
  background: url(sprite-m.png) -293px 0 no-repeat;
  left: 494px;
  width: 38px;
  animation: expand-to-full-width .46s ease .699s forwards;
  -webkit-animation: expand-to-full-width .46s ease .699s forwards;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

.reg-sprite {
  background: url(sprite-m.png) -332px 0 no-repeat;
  left: 533px;
  width: 30px;
  height: 63px;
  animation: expand-to-full-width .46s ease .72s forwards;
  -webkit-animation: expand-to-full-width .46s ease .72s forwards;
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

@-webkit-keyframes flipped-and-faded {
  0% {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-filter: "FlipV";
    opacity: .4;
    filter: alpha(opacity=40); }
  55% {
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -ms-filter: "FlipV";
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    -webkit-transform: translateX(-146px);
    -moz-transform: translateX(-146px);
    transform: translateX(-146px); } }
@keyframes flipped-and-faded {
  0% {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    opacity: .3;
    -ms-filter: "FlipV";
    filter: alpha(opacity=40); }
  55% {
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    -ms-filter: "FlipV";
    filter: alpha(opacity=100); }
  100% {
    -webkit-transform: translateX(-146px);
    -moz-transform: translateX(-146px);
    transform: translateX(-146px); } }
@keyframes expand-to-full-width {
  0% {
    transform: rotateY(90deg); }
  100% {
    -webkit-transform: rotateY(0) translateX(-108px) scaleX(1);
    -moz-transform: rotateY(0) translateX(-108px) scaleX(1);
    transform: rotateY(0) translateX(-108px) scaleX(1); } }
@-webkit-keyframes expand-to-full-width {
  0% {
    -webkit-transform: rotateY(90deg); }
  100% {
    -webkit-transform: rotateY(0) translateX(-108px) scaleX(1);
    -moz-transform: rotateY(0) translateX(-108px) scaleX(1);
    transform: rotateY(0) translateX(-108px) scaleX(1); } }