@charset "utf-8";
/* CSS Document */

/* make keyframes that tell the start state and the end state of our object */

@-webkit-keyframes FadeIn {
 0% { opacity: 0; -webkit-animation-timing-function: ease-in; }
 5% {opacity:1;}
 20% {opacity:1;}
 25% {opacity:0;}
 92% {opacity:0;}
 100% {opacity:0;}
}

@-moz-keyframes FadeIn {
 0% {opacity: 0; -moz-animation-timing-function: ease-in;}
 5% {opacity:1;}
 20% {opacity:1;}
 25% {opacity:0;}
 92% {opacity:0;}
 100% {opacity:0;}
}

@-o-keyframes FadeIn {
 0% { opacity: 0; -o-animation-timing-function: ease-in; }
 5% {opacity:1;}
 20% {opacity:1;}
 25% {opacity:0;}
 92% {opacity:0;}
 100% {opacity:0;}
}

@keyframes FadeIn {
 0% { opacity: 0; animation-timing-function: ease-in; }
 5% {opacity:1;}
 20% {opacity:1;}
 25% {opacity:0;}
 92% {opacity:0;}
 100% {opacity:0;}
}

.fade-in {
  -webkit-animation-name: FadeIn;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 60s;

  -moz-animation-name: FadeIn;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 60s;

  -o-animation-name: FadeIn;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 60s;

  animation-name: FadeIn;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 60s;
}

.fade-in.one {
  opacity: 0;
  -webkit-animation-delay: 50s;
  -moz-animation-delay: 50s;
  -o-animation-delay: 50s;
  animation-delay: 50s;
}

.fade-in.two {
  opacity: 0;
  -webkit-animation-delay: 40s;
  -moz-animation-delay: 40s;
  -o-animation-delay: 40s;
  animation-delay: 40s;
}

.fade-in.three {
  opacity: 0;
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  -o-animation-delay: 30s;
  animation-delay: 30s;
}

.fade-in.four {
  opacity: 0;
  -webkit-animation-delay: 20s;
  -moz-animation-delay: 20s;
  -o-animation-delay: 20s;
  animation-delay: 20s;
}

.fade-in.five {
  opacity: 0;
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  -o-animation-delay: 10s;
  animation-delay: 10s;
}

.fade-in.six {
  opacity: 0;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}

/*---make a basic box ---*/

.box{
	position: absolute;
	float: right;
	top:200px;
	right:0px;
	font-family: 'goodtimesrgregular';
	font-size: 1.2em;
	color: #FFFFFF;
	-webkit-text-shadow: -1px 1px 1px rgba(0,0,0,0.9);
	-moz-text-shadow: -1px 1px 1px rgba(0,0,0,0.9);
	text-shadow: -1px 1px 1px rgba(0,0,0,0.9);
	/*background-color: rgba(3,3,3,0.7);*/
	border-top-left-radius: 1.0em 1.0em;
	border-top-right-radius: 0em 0em;
	border-bottom-right-radius: 0em 0em;
	border-bottom-left-radius: 1.0em 1.0em;
	-webkit-box-shadow: -2px 2px 3px rgba(255,255,255,0.5);
	-moz-box-shadow: -2px 2px 3px rgba(255,255,255,0.5);
	box-shadow: -2px 2px 3px rgba(255,255,255,0.5);
	padding-top: 14px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	border: 0px solid #666666;
	background: rgba(18,18,18,0.5);