#tagline {
	position:absolute;
    left:20%;
    top:50%;
    font-size:2em;
    color:#000000;
    /*opacity:0;*/
    -webkit-animation-name: tagline1;
	-webkit-animation-delay: 0s;
    -webkit-animation-duration: 20s;
	-webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: tagline1;
	-moz-animation-delay: 0s;
    -moz-animation-duration: 20s;
	-moz-animation-timing-function: ease-out;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: tagline1;
	-o-animation-delay: 0s;
    -o-animation-duration: 20s;
	-o-animation-timing-function: ease-out;
    -o-animation-fill-mode: forwards;
    -ms-animation-name: tagline1;
	-ms-animation-delay: 0s;
    -ms-animation-duration: 20s;
	-ms-animation-timing-function: ease-out;
    -ms-animation-fill-mode: forwards;
    animation-name: tagline1;
	animation-delay: 0s;
    animation-duration: 20s;
	animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

@keyframes tagline1, @-webkit-keyframes tagline1, @-moz-keyframes tagline1, @-o-keyframes tagline1, @-ms-keyframes tagline1 {
   0% {
      opacity:0;
      top:50%;
   }

   60% {
      opacity:0;
      top:50%;
   }

   70% {
      opacity:1;
      top:10%;
   }

   100% {
      opacity:0;
      top:10%;
   }
}

#tagline2 {
	position:absolute;
    left:20%;
    top:50%;
    font-size:1em;
    color:#000000;
    /*opacity:0;*/
    -webkit-animation-name: tagline2;
	-webkit-animation-delay: 0s;
    -webkit-animation-duration: 20s;
	-webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: tagline2;
	-moz-animation-delay: 0s;
    -moz-animation-duration: 20s;
	-moz-animation-timing-function: ease-out;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: tagline2;
	-o-animation-delay: 0s;
    -o-animation-duration: 20s;
	-o-animation-timing-function: ease-out;
    -o-animation-fill-mode: forwards;
    -ms-animation-name: tagline2;
	-ms-animation-delay: 0s;
    -ms-animation-duration: 20s;
	-ms-animation-timing-function: ease-out;
    -ms-animation-fill-mode: forwards;
    animation-name: tagline2;
	animation-delay: 0s;
    animation-duration: 20s;
	animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

@keyframes tagline2, @-webkit-keyframes tagline2, @-moz-keyframes tagline2, @-o-keyframes tagline2, @-ms-keyframes tagline2 {
   0% {
      opacity:0;
      top:50%;
   }

   60% {
      opacity:0;
      top:50%;
   }

   70% {
      opacity:1;
      top:90%;
   }

   100% {
      opacity:0;
      top:90%;
   }
}

#XcontactBox img, #XmobHead768 img, #XmobHead480 img {
    /*opacity: 0;*/
    -webkit-animation-name: exlogo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: exlogo;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: exlogo;
    -o-animation-duration: 2s;
    -o-animation-timing-function: linear;
    -o-animation-fill-mode: forwards;
    -ms-animation-name: exlogo;
    -ms-animation-duration: 2s;
    -ms-animation-timing-function: linear;
    -ms-animation-fill-mode: forwards;
    animation-name: exlogo;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

@keyframes exlogo{
  0%{
    opacity: 0;
    transform: scale(0.3) translate3d(0,0,0);
  }
  50%{
    opacity: 0.9;
    transform: scale(1.1);
  }
  80%{
    opacity: 1;
    transform: scale(0.89);
  }
  100%{
    opacity: 1;
    transform: scale(1) translate3d(0,0,0);
  }
}

@-webkit-keyframes exlogo{
  0%{
    opacity: 0;
    -webkit-transform: scale(0.3) translate3d(0,0,0);
  }
  50%{
    opacity: 0.9;
    -webkit-transform: scale(1.1);
  }
  80%{
    opacity: 1;
    -webkit-transform: scale(0.89);
  }
  100%{
    opacity: 1;
    -webkit-transform: scale(1) translate3d(0,0,0);
  }
}

@-moz-keyframes exlogo{
  0%{
    opacity: 0;
    -moz-transform: scale(0.3) translate3d(0,0,0);
  }
  50%{
    opacity: 0.9;
    -moz-transform: scale(1.1);
  }
  80%{
    opacity: 1;
    -moz-transform: scale(0.89);
  }
  100%{
    opacity: 1;
    -moz-transform: scale(1) translate3d(0,0,0);
  }
}

@-o-keyframes exlogo{
  0%{
    opacity: 0;
    -o-transform: scale(0.3) translate3d(0,0,0);
  }
  50%{
    opacity: 0.9;
    -o-transform: scale(1.1);
  }
  80%{
    opacity: 1;
    -o-transform: scale(0.89);
  }
  100%{
    opacity: 1;
    -o-transform: scale(1) translate3d(0,0,0);
  }
}

@-ms-keyframes exlogo{
  0%{
    opacity: 0;
    -ms-transform: scale(0.3) translate3d(0,0,0);
  }
  50%{
    opacity: 0.9;
    -ms-transform: scale(1.1);
  }
  80%{
    opacity: 1;
    -ms-transform: scale(0.89);
  }
  100%{
    -ms-transform: scale(1) translate3d(0,0,0);
  }
}

/*#slidepanel {
    -webkit-animation-name: spanel;
	-webkit-animation-delay: 2s;
    -webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: spanel;
	-moz-animation-delay: 2s;
    -moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease-out;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: spanel;
	-o-animation-delay: 2s;
    -o-animation-duration: 0.5s;
	-o-animation-timing-function: ease-out;
    -o-animation-fill-mode: forwards;
    -ms-animation-name: spanel;
	-ms-animation-delay: 2s;
    -ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease-out;
    -ms-animation-fill-mode: forwards;
    animation-name: spanel;
	animation-delay: 2s;
    animation-duration: 0.5s;
	animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

@keyframes spanel {
   0% {
      background: rgba(0,0,0,0.0);	
      top:-20%;
   }

   100% {
      background: rgba(0,0,0,0.35);	
      top:0%;
   }
}

@-webkit-keyframes spanel {
   0% {
      background: rgba(0,0,0,0.0);	
      top:-20%;
   }

   100% {
      background: rgba(0,0,0,0.35);	
      top:0%;
   }
}

@-moz-keyframes spanel {
   0% {
      background: rgba(0,0,0,0.0);	
      top:-20%;
   }

   100% {
      background: rgba(0,0,0,0.35);	
      top:0%;
   }
}

@-o-keyframes spanel {
   0% {
      background: rgba(0,0,0,0.0);	
      top:-20%;
   }

   100% {
      background: rgba(0,0,0,0.35);	
      top:0%;
   }
}

@-ms-keyframes spanel {
   0% {
      background: rgba(0,0,0,0.0);	
      top:-20%;
   }

   100% {
      background: rgba(0,0,0,0.35);	
      top:0%;
   }
}*/

#mmess {
    -webkit-animation-name: mmessage;
	-webkit-animation-delay: 3s;
    -webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: mmessage;
	-moz-animation-delay: 3s;
    -moz-animation-duration: 1s;
	-moz-animation-timing-function: ease-out;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: mmessage;
	-o-animation-delay: 3s;
    -o-animation-duration: 1s;
	-o-animation-timing-function: ease-out;
    -o-animation-fill-mode: forwards;
    -ms-animation-name: mmessage;
	-ms-animation-delay: 3s;
    -ms-animation-duration: 1s;
	-ms-animation-timing-function: ease-out;
    -ms-animation-fill-mode: forwards;
    animation-name: mmessage;
	animation-delay: 3s;
    animation-duration: 1s;
	animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

@keyframes mmessage {
   0% {
      opacity:0;
      left:50%;
   }

   100% {
      opacity:1.0;
      left:0;
   }
}

@-webkit-keyframes mmessage {
   0% {
      opacity:0;
      left:50%;
   }

   100% {
      opacity:1.0;
      left:0;
   }
}

@-moz-keyframes mmessage {
   0% {
      opacity:0;
      left:50%;
   }

   100% {
      opacity:1.0;
      left:0;
   }
}

@-o-keyframes mmessage {
   0% {
      opacity:0;
      left:50%;
   }

   100% {
      opacity:1.0;
      left:0;
   }
}

@-ms-keyframes mmessage {
   0% {
      opacity:0;
      left:50%;
   }

   100% {
      opacity:1.0;
      left:0;
   }
}