
@keyframes appear {
  0% {
	opacity:0%;
    transform: translateY(+10%);
	color:white;
  }
  100% {
	opacity:100%;
    transform: translateY(0);
	color:black;
  }
}
#ticket {  
  animation: 1s ease-out 0s 1 appear;
  -webkit-animation: 1s ease-out 0s 1 appear;
  -o-animation: 1s ease-out 0s 1 appear;
  -moz-animation: 1s ease-out 0s 1 appear;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
}
@keyframes appear2 {
  0% {
    opacity:0%;
    transform: translateY(+10%);
	color:white;
  }
  100% {
	opacity:100%;
    transform: translateY(0);
	color:black;
  }
}
#ticket2 {  
  animation: 1s ease-out 0.5s 1 appear2;
  -webkit-animation: 1s ease-out 0.5s 1 appear2;
  -o-animation: 1s ease-out 0.5s 1 appear2;
  -moz-animation: 1s ease-out 0.5s 1 appear2;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
}
@keyframes appear3 {
  0% {
    opacity:0%;
    transform: translateY(+10%);
	color:white;
  }
  100% {
	opacity:100%;
    transform: translateY(0);
	color:black;
  }
}
#ticket3 {  
  animation: 1s ease-out 0.7s 1 appear3;
  -webkit-animation: 1s ease-out 0.7s 1 appear3;
  -o-animation: 1s ease-out 0.7s 1 appear3;
  -moz-animation: 1s ease-out 0.7s 1 appear3;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
}
@keyframes appearb1 img {
  0% {
    opacity:0;
  }
  100% {
	opacity:1;
  }
}
#number1 {
  animation: 1s ease-out 0.7s 1 appearb1;
  -webkit-animation: 1s ease-out 0.7s 1 appearb1;
  -o-animation: 1s ease-out 0.7s 1 appearb1;
  -moz-animation: 1s ease-out 0.7s 1 appearb1;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
}
@keyframes appear4 {
  0% {
    opacity:0%;
    transform: translateY(+10%);
	color:white;
  }
  100% {
	opacity:100%;
    transform: translateY(0);
	color:black;
  }
}
#ticket4 {  
  animation: 1s ease-out 0.9s 1 appear4;
  -webkit-animation: 1s ease-out 0.9s 1 appear4;
  -o-animation: 1s ease-out 0.9s 1 appear4;
  -moz-animation: 1s ease-out 0.9s 1 appear4;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
}
@keyframes appearb2 {
  0% {
    opacity:0%;
    transform: translateY(+10%);
	color:white;
  }
  100% {
	opacity:100%;
    transform: translateY(0);
	color:black;
	border:3px solid white;
	border-radius:50%;
  }
}
#number2 {  
  animation: 1s ease-out 0.9s 1 appearb2;
  -webkit-animation: 1s ease-out 0.9s 1 appearb2;
  -o-animation: 1s ease-out 0.9s 1 appearb2;
  -moz-animation: 1s ease-out 0.9s 1 appearb2;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
}
@keyframes appear5 {
  0% {
    opacity:0%;
    transform: translateY(+10%);
	color:white;
  }
  100% {
	opacity:100%;
    transform: translateY(0);
	color:black;
  }
}
#ticket5 {  
  animation: 1s ease-out 1.1s 1 appear5;
  -webkit-animation: 1s ease-out 1.1s 1 appear5;
  -o-animation: 1s ease-out 1.1s 1 appear5;
  -moz-animation: 1s ease-out 1.1s 1 appear5;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
}
@keyframes appearb3 {
  0% {
    opacity:0%;
    transform: translateY(+10%);
	color:white;
  }
  100% {
	opacity:100%;
    transform: translateY(0);
	color:black;
	border:3px solid white;
	border-radius:50%;
  }
}
#number3 {  
  animation: 1s ease-out 1.1s 1 appearb3;
  -webkit-animation: 1s ease-out 1.1s 1 appearb3;
  -o-animation: 1s ease-out 1.1s 1 appearb3;
  -moz-animation: 1s ease-out 1.1s 1 appearb3;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
}
@keyframes appear6 {
  0% {
    opacity:0%;
    transform: translateY(+10%);
	color:white;
  }
  100% {
	opacity:100%;
    transform: translateY(0);
	color:black;
  }
}
#ticket6 {  
  animation: 1s ease-out 1.5s 1 appear6;
  -webkit-animation: 1s ease-out 1.5s 1 appear6;
  -o-animation: 1s ease-out 1.5s 1 appear6;
  -moz-animation: 1s ease-out 1.5s 1 appear6;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
}
@keyframes appear7 {
  0% {
    opacity:0%;
    transform: translateY(+10%);
	color:white;
  }
  100% {
	opacity:100%;
    transform: translateY(0);
	color:black;
  }
}
#ticket7 {  
  animation: 1s ease-out 1.7s 1 appear7;
  -webkit-animation: 1s ease-out 1.7s 1 appear7;
  -o-animation: 1s ease-out 1.7s 1 appear7;
  -moz-animation: 1s ease-out 1.7s 1 appear7;
  animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
}

@keyframes appearcta {
  0% { 
    opacity:0%;
    transform: translateY(+10%);
	background-color:white;
	border:3px solid #00bbff;
  }
  100% {
	opacity:100%;
    transform: translateY(0);
	border:3px solid #00bbff;
	color:#00bbff
  }
}
@keyframes attention {
	0% { border-color: #00bbff; color: white; background:#00bbff;}
	25% {border-color: #0076ad; color: white; background:#0076ad;}
	50% { border-color: #00bbff; color: white; background:#00bbff;}
	75% { border-color: #00bbff; color: white; background:#00bbff;}
	100% {border-color:#00bbff; color: white; background:#00bbff;}
}

#ticketcta {  
  animation: 1s ease-out 0.5s 0.7 appearcta, attention 2s infinite;
  -webkit-animation: 1s ease-out 0.5s 0.7 appearcta, attention 2s infinite;
  -o-animation: 1s ease-out 0.5s 0.7 appearcta, attention 2s infinite;
  -moz-animation: 1s ease-out 0.5s 0.7 appearcta, attention 2s infinite;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
}
#ticketcta:hover {
	animation: 1s ease out 0.5s 1 ctahover;
	font-size:150%;
}
@media screen and (max-width:800px) {
	.bigticket h1, h2{
		font-size:110%;
	}
}
@media screen and (min-width:601px) {
	.numberIcon {
		padding-top:50%;
	}
}
@media screen and (max-width:600px) {
	.numberIcon {
		padding-top:5%;
	}
}
@keyframes fadein {
	from{opacity: 0;}
	to{opacity: 1;}
}
#imgfade {
	-webkit-animation: 1s 1s 1 fadein;
	-o-animation: 1s 1s 1 fadein;
	-moz-animation: 1s 1s 1 fadein;
	animation: 1s 1s 1 fadein;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
}
.bigticket {

}
@media screen and (max-width:949px) {
	.burger {
		display:inline;
	}
	.fullmenu {
		display:none;
	}

}
@media screen and (min-width:950px) {
	.burger {
		display:none;
	}
	.topRightBtn {
		display:none;
	}


}
@media screen and (min-width:950px) and  {
	.burger {
		display:none;
	}
	.topRightBtn {
		display:none;
	}


}
@media screen and (max-width:949px) {
	.menu {
		display:none;
	}
	
}
@media screen and (min-width:950px) and  {
	.menu {
		display:none;
	}
	
}
.burger {
	border-bottom:1px solid #EAEAEB;
	text-align:right;
	height:70px;
	lineheight:70px;
}
.navmenu {
	margin:0 30px 0 0;
}
.navmenu a {
	text-decoration:none;
	color:white;
	margin:0 10px;
	lineheight:70px;

}
.topLabel {
	margin: 0 40px 0 0;
	font-size:36px;
	lineheight:70px;
	display:none;
}
#burgerInput {
	display:none;
}
@media only screen and (max-width:950px) {
	.topLabel{
		display:block;
		cursor:pointer;
		width:36px;

	}
	.navmenu {
		text-align:center;
		width:100%;
		display:none;
		
	}
	.navmenu a {
		display:block;
		border-bottom:1px solid #ffa800;
		margin:0;
	}
	#burgerInput:checked + .navmenu {
		display:block;
	}
	.topRightBtn {
		display:inline;
		float:right;
		text-decoration:none;
		color:white;
		border:1px solid white;
		border-radius:5px;
		padding:4px;
	}
}
.copy {
	font-size:1.1em;
}
.side {
	padding:30px 30px 0 30px;
	
}
.split {
	background-position:center center;
	background-repeat: no repeat;
	background-attachment:fixed;
	background-size:cover;
	background-color:#464646;
	padding-bottom:30px;
}
.bgContainer{
	background-image: url('images/coach.jpg');
}

@media screen and (max-width:800px) {
	.speaker {
		max-width:50px;
		float:left;
		width:auto;
		height:60px;
		object-fit:contain;
		margin: 0 0 10px 0;
	}
	
}
@media screen and (min-width:801px) {
	.speaker {
		display:inline;
	}
	
}
.speakerSmall {
	width:auto;
	height:60px;
	float:left;
	object-fit:contain;
	vertical-align:middle;

}
@media only screen and (min-width:790px) {
	.speakerSmall {
		display:none;
	} 
}
.iconpic {
	border-radius:50%;
	width:100%;
	height:auto;
	margin:0 auto;
	max-width:150px;
}
.speakerList a {
	text-decoration:none;
}