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


.videolink {
	font-size: 18px;
	font-family: 'Oswald', Arial, sans-serif;
	text-align: left;
	font-weight: 300;
}
.videolink a {
	color: #6b8268;
	text-decoration: none;
}
.videolink a:visited {
	color: #6b8268;
	text-decoration: none;
}

.videolink a:hover {	
	color: #E6E5E3;
	text-decoration: none;
	background-color: #6b8268;
	text-decoration: none;
}
.buttonbox{
	margin: auto; 
	margin-top: 30px;
}
.menuspacer{
	margin: auto; 
	margin-top: 100px;
}
.quotebox {
	text-align: center;
	margin: auto;
	margin-top: 50px;
	width: 650px;
	height: 130px;
	background-color:rgba(0, 0, 0, 0.2);
	border: solid #ffffff 1px;
}

.quotetitle {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
}
.item-1, 
.item-2, 
.item-3,
.item-4,
.item-5 {
	position: absolute;
	margin: auto;
	padding: 0px 0px 0px 65px;
	margin-top: 132px;
	display: block;
	top: 35px;
	width: 520px;
	font-size: 2em;
	font-size: 17px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #fff;
	animation-duration: 38s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.item-1{
	animation-name: anim-1;
}

.item-2{
	animation-name: anim-2;
}

.item-3{
	animation-name: anim-3;
}
.item-4{
	animation-name: anim-4;
}
.item-5{
	animation-name: anim-5;
}

@keyframes anim-1 {
  0%, 3% {
    opacity:0;
  }
  3%, 18% {
    opacity:1;
  }
  21%, 100% {
    opacity:0;
  }
}

@keyframes anim-2 {
0%, 21% {
    opacity:0;
  }
 24%, 39% {
    opacity:1;
  }
 
   42%, 100%{
    opacity:0;
  }
}

@keyframes anim-3 {
0%, 42% {
    opacity:0;
  }
45%, 60% {
    opacity:1;
  }
  
 63%, 100%{
    opacity:0;
  }
}
@keyframes anim-4 {
0%, 63% {
    opacity:0;
  }
66%, 81% {
    opacity:1;
  }
  
  100% {
    opacity:0;
  }
}
@keyframes anim-5 {
0%, 81% {
    opacity:0;
  }
84%, 98% {
    opacity:1;
  }
  
  100% {
    opacity:0;
  }
}