html {
   box-sizing: border-box;
   font-family:'Source Sans Pro',sans-serif;
   	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
background: #262626;

}

h1, h2 {
margin:0px;
font-family: 'M PLUS Rounded 1c', sans-serif;
}

h4 a {
color:#888;
}

a {
color:#A6A;
text-decoration:none;
}

.mainbox {
width:90%;
}

@media screen and (min-width: 800px) {
   .mainbox {
     width:83%;
   }
 }


.logobox {
width:300px;

text-align:center;
}

.box {
background-color:white;
   
   margin:0 auto;
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.35), 0 0 20px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.35), 0 0 20px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow:  0px 20px 1px 2px rgba(0, 0, 0, 0.4),15px -10px 60px 15px rgba(0, 0, 0, 0.08) inset;

    padding:20px;
    border-radius: 0 !important;
	}

.centred {
text-align:center;

}



.centrediv {
	display: flex;
  align-items: center;
  justify-content: center;
}
	
 .container {
   margin: 0 auto;
   padding: 0 10px;
   /max-width: 1000px;
 }
 
 .row::before, .row::after {
   display: table;
   content: " ";
   clear: both;
 }
 

 
 
 .one,
 .one-third,
 .two-thirds,
 .one-quarter,
 .one-third,
 .one-sixth,
 .half {
   width:100%;
 }
 
 
 @media only screen and (min-width:800px) {
	 .one {
	   width:100%;
	 }
	 .half {
	   width:calc(100%/2);    
	 }
	 .one-third {
	   width:calc(100%/3);    
	 }
	 .one-quarter {
	   width:calc(100%/4);    
	 }
	 	 .one-sixth {
	   width:calc(100%/6);    
	 }
	 	 .three-quarters {
	   width:calc(100%/4*3);    
	 }
	 .two-thirds {
	   width:calc(100%/3*2);    
	 }
	 .column {
	   float:left;
min-height:1px;	   
	 }
 }
 
 nav {
   float: left;   
 }
 
 nav ul {
	list-style:none;
	 margin: 0;
	 padding: 0;
 }
 

 
 nav ul li {
  float: left;
  position: relative;
 }
 
 nav ul li a {
   display: block;
   padding: 0 20px;
   line-height: 70px;
   background: #262626;
   color: #ffffff;
   text-decoration:none;
 }
 
 nav ul li a:hover {
   background: #FF7A1B;
   color: #ffffff;
   border-radius:5px;
 
 }
 
 nav ul li a:not(:only-child):after {
   padding-left: 4px;
   content: '\25BC';
 }
 
 nav ul ul li {
   min-width: 190px;
 }
 
 nav ul ul li a {
   padding:15px;
   line-height:20px;
 }

 
 .nav-dropdown {
   position:absolute;
   z-index:1;
   box-shadow: 0 3px 12px rgba(0,0,0,0.15);
   display:none;
 }
 
  .nav-mobile {
 display:none;
 position:absolute;
 top: 8px;
 right: 8px;
 background: #262626;
 height: 70px;
 width: 70px;
 }

 
 @media only screen and (max-width:799px) {
   .nav-mobile {
     display:block;
   }
   
   .nav-dropdown {
     position:static;
   }
 
	nav {
	  width:100%;
	  padding:70px 0 15px;
	}
	
   nav ul {
   display:none;
   }
   
   nav ul li {
     float:none;
   }
   
   nav ul li a {
    padding:15px;
	line-height:20px;
   }
   
   nav ul li ul li a {
     padding-left:30px;
   }
   
   #nav-toggle {
   position: absolute;
   left: 18px;
   top: 22px;
   cursor: pointer;
   padding: 10px 35px 16px 0px;   
   }
   
   #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
		cursor: pointer;
		border-radius:1px;
		height: 5px;
		width: 35px;
		background: #ffffff;		
		position: absolute;
		display: block;
		content: '';
		transition: all 300ms ease-in-out;
   }
   
   #nav-toggle span:before {
     top: -10px;
   }
   
   #nav-toggle span:after {
     bottom: -10px;
   }
   
    #nav-toggle.active span {
	  background-color: transparent;
	}
	
	#nav-toggle.active span:before,#nav-toggle.active span:after {
	  top: 0;
	}
	
	#nav-toggle.active span:before {
	  transform: rotate(45deg);
	}
	
	#nav-toggle.active span:after {
	  transform: rotate(-45deg);
	}
 }
 
 @media screen and (min-width: 800px) {
   .nav-list {
     display:block !important;
   }
 }

 
 
 .navigation {
 height:70px;
 background:#262626;
 }
 
 .nav-container {
   max-width:1000px;
   margin:0 auto;
 }
 
 .brand {
 position:absolute;
 padding-left:20px;
 float:left;
 line-height:70px;
 text-transform:uppercase;
 font-size:1.4em;
 
 }
 
 .brand a, .brand a:visited {
   color: #ffffff;
   text-decoration:none;
 }
 
 .buttonnormal {
 padding:7px;
 font-size:xx-large;
 color:black;
 border-radius: 5px;
 text-align:center;
 position: relative;
	background: #62cabc;
	border: 4px solid #222;

 }

 
  .buttonnormal a {
 color:#222;
text-decoration:none;
 }
 
 
 .buttonlink {
 padding:7px;
 font-size:x-large;
 color:black;
 border-radius: 5px;
 text-align:center;
 position: relative;
	background: #62cabc;
	border: 4px solid #222;
 }
 
 .buttonlink a {
 color:#222;
text-decoration:none;
 }
 
.buttonlink:after, .buttonlink:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.buttonlink:after {
	border-color: rgba(98, 202, 188, 0);
	border-left-color: #62cabc;
	border-width: 20px;
	margin-top: -20px;
}
.buttonlink:before {
	border-color: rgba(34, 34, 34, 0);
	border-left-color: #222;
	border-width: 24px;
	margin-top: -24px;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

td,th {
	
  padding:15px;
 
  min-width:100px;  
	border-bottom:1px solid #aaa;
}


.schedule-table {
	
	margin:0 auto;
	width:80%;
	
}

.schedule-table td:nth-child(1) {
	
	color:#62cabc;
	
}

.schedule-table td:nth-child(3) {
	
	font-size:smaller;
	
}

.schedule-table a {
	color:#62cabc!important;
	font-weight:bold;
}
.schedule-table a:visited {
	color:#62cabc!important;
	}
	
	.schedule-table a:hover {
	color:#666!important;
	}


.participant-table {
	
	margin:0 auto;
	width:50%;
	
}

.participant-table th {
	
	font-size:larger;
	padding-top:15px;
	padding-bottom:0px;
	
}

.participant-table td:nth-child(1) {
	font-weight:bold;
	color:#317755;
	
}

.participant-table a {
	color:#62cabc!important;
}
.participant-table a:visited {
	color:#62cabc!important;
	}
	
	.participant-table a:hover {
	color:#666!important;
	}
	
.bignumber {
	font-weight:bold;
	font-size:larger;
	padding:5px;
}