.mf-container{width: 320px; height: 50px; margin: 10px auto; overflow: hidden; border: 1px solid #000; position: relative;}
.masthead{width: 75%; height: 50; position: absolute; top: 0; left: 0; z-index: 10;}

.rejuven{ position: absolute; top: 10px; left: -550px; z-index: 9;
        -webkit-animation: rejuvenmove 1s 0 1, rejuvenout 2s 3s 1; /* Safari 4+ */
        -moz-animation:    rejuvenmove 1s 0s 1, rejuvenout 2s 3s 1; /* Fx 5+ */
        -o-animation:      rejuvenmove 1s 0 1, rejuvenout 2s 3s 1; /* Opera 12+ */
        animation:         rejuvenmove 1s 0 1, rejuvenout 2s 3s 1; /* IE 10+ */
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation-fill-mode:forwards; /*IE 10+*/
      }
.eight{position: absolute; top: -100px; left: 225px; z-index: 9;
        -webkit-animation: eightmove 1s 0 1, eightout 2s 3s 1;; /* Safari 4+ */
        -moz-animation:    eightmove 1s 0s 1, eightout 2s 3s 1;; /* Fx 5+ */
        -o-animation:      eightmove 1s 0 1, eightout 2s 3s 1;; /* Opera 12+ */
        animation:         eightmove 1s 0 1, eightout 2s 3s 1;; /* IE 10+ */
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation-fill-mode:forwards; /*IE 10+*/

      }

.mattress{position: absolute; top: 5px; left: -350px; z-index: 8;
        -webkit-animation: mattressmove 1s 0 1, mattressout 2s 3s 1;
        -moz-animation:    mattressmove 1s 0s 1, mattressout 2s 3s 1;
        -o-animation:      mattressmove 1s 0 1, mattressout 2s 3s 1;
        animation:         mattressmove 1s 0 1, mattressout 2s 3s 1; 
          animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation-fill-mode:forwards; /*IE 10+*/
      }

@-webkit-keyframes rejuvenmove {
  0%   { left: -550px;}
  100% { left: 150px;}
}
@-moz-keyframes rejuvenmove {
  0%   { left: -550px;}
  100% { left: 150px;}
}
@-o-keyframes rejuvenmove {
  0%   { left: -550px;}
  100% { left: 150px;}
}
@keyframes rejuvenmove {
  0%   { left: -550px;}
  100% { left: 150px;}
}


@-webkit-keyframes eightmove {
  0%   { top: -100px;}
  100% { top: 5px;}
}
@-moz-keyframes eightmove {
  0%   { top: -100px;}
  100% { top: 5px;}
}
@-o-keyframes eightmove {
  0%   { top: -100px;}
  100% { top: 5px;}
}
@keyframes eightmove {
  0%   { top: -100px;}
  100% { top: 5px;}
}


@-webkit-keyframes rejuvenout {
  0%   { left: 150px;}
  100% { left: -220px;}
}
@-moz-keyframes rejuvenout {
  0%   { left: 150px;}
  100% { left: -220px;}
}
@-o-keyframes rejuvenout {
  0%   { left: 150px;}
  100% { left: -220px;}
}
@keyframes rejuvenout {
  0%   { left: 150px;}
  100% { left: -220px;}
}


@-webkit-keyframes eightout {
  0%   { left: 225px;}
  100% { left: -160px;}
}
@-moz-keyframes eightout {
  0%   { left: 225px;}
  100% { left: -160px;}
}
@-o-keyframes eightout {
  0%   { left: 225px;}
  100% { left: -160px;}
}
@keyframes eightout {
  0%   { left: 225px;}
  100% { left: -160px;}
}

@-webkit-keyframes mattressmove {
  0%   { left: -350px;}
  100% { left: 80px;}
}
@-moz-keyframes mattressmove {
  0%   { left: -350px;}
  100% { left: 80px;}
}
@-o-keyframes mattressmove {
  0%   { left: -350px;}
  100% { left: 80px;}
}
@keyframes mattressmove {
  0%   { left: -350px;}
  100% { left: 80px;}
}

@-webkit-keyframes mattressout {
  0%   { left:80px;}
  100% { left: -200px;}
}
@-moz-keyframes mattressout {
  0%   { left:80px;}
  100% { left: -200px;}
}
@-o-keyframes mattressout {
  0%   { left:80px;}
  100% { left: -200px;}
}
@keyframes mattressout {
  0%   { left:80px;}
  100% { left: -200px;}
}

.replacebug{width: 46px; height: 43px; position: absolute; top: 3px; left: -140px; z-index: 6;
        -webkit-animation: bugin 1.25s 3.25s 1, bugout 1.5s 6.5s 1; 
        -moz-animation:    bugin 1.25s 3.25s 1, bugout 1.5s 6.5s 1;
        -o-animation:      bugin 1.25s 3.25s 1, bugout 1.5s 6.5s 1;
        animation:         bugin 1.25s 3.25s 1, bugout 1.5s 6.5s 1;
          animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

.replacetext{width: 105px; height: 31px; position: absolute; top: 10px; left: 135px; z-index: 1; opacity: 0;
        -webkit-animation: fadein .1s 4.2s 1, fadeout .1s 7s 1;
        -moz-animation:    fadein .1s 4.2s 1, fadeout .1s 7s 1;
        -o-animation:      fadein .1s 4.2s 1, fadeout .1s 7s 1;
        animation:         fadein .1s 4.2s 1, fadeout .1s 7s 1;
          animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation-fill-mode:forwards; /*IE 10+*/

}

.coverreplace{width: 300px; height: 50px; position: absolute; top: 0; left: 0px; z-index:5; background: white; opacity: 1;
        -webkit-animation: replacein 1.5s 3.65s 1, replaceout .75s 6.5s 1, fadeout .1s 7.2s 1; 
        -moz-animation:    replacein 1.5s 3.65s 1, replaceout .75s 6.5s 1, fadeout .1s 7.2s 1;
        -o-animation:      replacein 1.5s 3.65s 1, replaceout .75s 6.5s 1, fadeout .1s 7.2s 1;
        animation:         replacein 1.5s 3.65s 1, replaceout .75s 6.5s 1, fadeout .1s 7.2s 1;
          animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
@-webkit-keyframes replacein {
  0%   { left:-300px;}
  100% { left: 240px;}
}
@-moz-keyframes replacein {
  0%   { left:-300px;}
  100% { left: 240px;}
}
@-o-keyframes replacein {
  0%   { left:-300px;}
  100% { left: 240px;}
}
@keyframes replacein {
  0%   { left:-300px;}
  100% { left: 240px;}
}

@-webkit-keyframes replaceout {
  0%   { left:-250px;}
  100% { left: 0px;}
}
@-moz-keyframes replaceout {
  0%   { left:-250px;}
  100% { left: 0px;}
}
@-o-keyframes replaceout {
  0%   { left:-250px;}
  100% { left: 0px;}
}
@keyframes replaceout {
  0%   { left:-250px;}
  100% { left: 0px;}
}

@-webkit-keyframes fadein {
  0%   { opacity: 0;}
  100% { opacity: 1;}
}
@-moz-keyframes fadein {
  0%   { opacity: 0;}
  100% { opacity: 1;}
}
@-o-keyframes fadein {
  0%   { opacity: 0;}
  100% { opacity: 1;}
}
@keyframes fadein {
  0%   { opacity: 0;}
  100% { opacity: 1;}
}

@-webkit-keyframes fadeout {
  0%   { opacity: 1;}
  100% { opacity: 0;}
}
@-moz-keyframes fadeout {
  0%   { opacity: 1;}
  100% { opacity: 0;}
}
@-o-keyframes fadeout {
  0%   { opacity: 1;}
  100% { opacity: 0;}
}
@keyframes fadeout {
  0%   { opacity: 1;}
  100% { opacity: 0;}
}

@-webkit-keyframes bugin {
  0%   { left:-140px;}
  100% { left: 100px;}
}
@-moz-keyframes bugin {
  0%   { left:-140px;}
  100% { left: 100px;}
}
@-o-keyframes bugin {
  0%   { left:-140px;}
  100% { left: 100px;}
}
@keyframes bugin {
  0%   { left:-140px;}
  100% { left: 100px;}
}

@-webkit-keyframes bugout {
  0%   { left:100px;}
  100% { left: 450px;}
}
@-moz-keyframes bugout {
  0%   { left:100px;}
  100% { left: 450px;}
}
@-o-keyframes bugout {
  0%   { left:100px;}
  100% { left: 450px;}
}
@keyframes bugout {
  0%   { left:90px;}
  100% { left: 450px;}
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes rotateout {
  from {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateout /* Safari and Chrome */ {
  from {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 1s 3.5s linear 1, rotateout 1s 6.5s linear 8;
  -moz-animation: rotating 1s 3.5s linear 1, rotateout 1s 6.5s linear 8;
  -ms-animation: rotating 1s 3.5s linear 1, rotateout 1s 6.5s linear 8;
  -o-animation: rotating 1s 3.5s linear 1, rotateout 1s 6.5s linear 8;
  animation: rotating 1s 3.5s linear 1, rotateout 1s 6.5s linear 8;
}


.offer{position: absolute; width: 205px; top: 9px; left: -500px; z-index: 1;
        -webkit-animation: offermove 2s 6.5s 1;
        -moz-animation:    offermove 2s 6.5s 1;
        -o-animation:      offermove 2s 6.5s 1;
        animation:         offermove 2s 6.5s 1;
                  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
  
@-webkit-keyframes offermove {
  0%   { left: -500px;}
  100% { left: 80px;}
}
@-moz-keyframes offermove {
  0%   { left: -500px;}
  100% { left: 80px;}
}
@-o-keyframes offermove {
  0%   { left: -500px;}
  100% { left: 80px;}
}
@keyframes offermove {
  0%   { left: -500px;}
  100% { left: 80px;}
}

.shopnow{position: absolute; bottom: 0; right: 0; z-index: 10;}