#show_nav {
	
	height:100px;
}

body {
	display:block;
	background-color:#000;
	color:white;
	padding:0;
	margin:0 !important;
	font-family: "Teko", sans-serif;
}

img {
	max-width:100%;
}

.pagelink, .pagelink:hover, .pagelink:visited, .pagelink:active {
	color:#F73133;
	text-decoration:none;
}

/* --  ROW & COL CLASSES -- */
.chart-row {
    width:100%;
	min-height:100px;
    margin:0;
    padding:80px 0 0px 0;
    overflow:hidden;
	text-align:left;
}

.content-col {
	position:relative;
	width:90%;
	max-width:950px;
    margin:0 auto 30px auto;
	padding:80px 0;
	
    overflow:hidden;
	text-align:center;
}

.centerblock {
	display:block;
	text-align:center;
	margin:0 auto;
}

/* --  COLOR CLASSES -- */
.redsection {
	background:#F73133;
	padding:20px 0;
}

.bluebg {
	background-color:#001933;
}

.orange {
	color:#ffb600;
}

.black {
	color:black;
}

/* -- MAIN NAV -- */
#main_nav {
	display:block;
	position:fixed;
	top:-1px;
	width:100%;
	height:80px;
	background-color:rgba(0, 0, 0, 0.3);
	z-index:100;
	overflow:hidden;	
}

#nav_container {
	display:block;
	margin:0 auto;
	height:60px;
	width:100%;
	max-width:950px;
	text-align:center;
}

.nav-link {
	font-family: "Roboto", sans-serif;
	font-weight:300;
	font-size:14px;
	line-height:80px;
	width:20%;
	float:left;
}

.nav-txt {
	color:#fff;
	text-decoration:none;
}

/* -- TOP HEADER -- */
#top-header {
	background: url("https://cdn.touchtunes.com/marketing/images/bullshooter/header-bg.png");
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center;
}

#dartslogo {
	display:block;
	margin:0 auto 50px auto;
	width:86%;
	max-width:850px;
}

.bigdate {
	display:block;
	width:80%;
	max-width:650px;
	margin:30px auto;
}

/* -- TEXT CLASSES -- */
h1 {
	font-size:64px;
	text-align:center;
	line-height:100%;
	text-transform: uppercase;
}

#top-header h1 {
	margin-left:auto;
	margin-right:auto;
	max-width:700px;
}

h2, h3 {
	font-size:32px;
	text-align:left;
	text-transform:uppercase;
	line-height:100%;
	margin-top:40px;
	margin-bottom:5px;
	
	margin:0 0 5px 0;
}

h3 {
	font-size:24px;
}

p {
	font-family: "Roboto", sans-serif;
	font-size:18px;
	line-height:150%;
}

#top-header p {
	text-align:center;
	max-width:700px;
	margin-top:30px;
}

p.subhead {
	max-width:700px;
	margin:0 auto;
}

.records-txt p {
	text-align:left;
	margin:0;
}

.col-sm {
	max-width:680px;
	margin-left:auto;
	margin-right:auto;
}

/* -- RECORDS -- */
#records {
	background:#0264CD;
}

#recordsheader {
	margin-bottom:40px;
}

#recordsheadbar {
	display:block;
	padding:0;
	height:90px;
	margin:0 auto 10px auto;
}

#bull-logo {
	display:inline-block;
	width:auto;
	height:70px;
	vertical-align:top;
}

#records-head-txt {
	display:inline-block;
	width:auto;
	height:80px;
	line-height:80px;
	margin:0;
	padding:0 0 0 10px;
	vertical-align:bottom;
	text-align:left;	
}

.recordsblock {
	display:inline-block;
	position:relative;
	width:46%;
	min-height:280px;
	margin:0 1% 20px 1%;
	background:#132b51;
	border-radius:16px;
}

.heroblock {
	min-height:auto;
	padding-top:30px;
}

.emptyblock {
	background:#0264CD;
}

.resultblock {
	min-height:170px;
}

.fullblock {
	width:94%;
}

.records-hero {
	display:inline-block;
	width:94%;
	background:#132b51;
	border-radius:16px;
	padding:30px 0 0 0;
	margin:0 1% 20px 1%;
}

.records-img {
	width:29%;
	left:5%;
}

.records-result-img {
	max-height:140px;
	width:28%;
	height:auto;
}

.records-txt {
	padding:0;
	width:58%;
	left:40%;
}

.vcenter {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


/* -- CHANNELS -- */
.channelbtn {
	width:200px;
	margin:0 30px;
	padding:30px 80px;
	background:white;
	border-radius:8px;
	
	color:black;
	font-family: "Roboto", sans-serif;
	font-size:24px;
	font-weight:800;
	text-decoration:none;
	
}

.channelbtn:active {
	color:white;
	background:black;
}


/* -- GOLDEN BULL -- */
#goldenbull {
	background-image: url("https://cdn.touchtunes.com/marketing/images/bullshooter/halftone.png");
	 background-repeat: repeat-x;
}

.header-sup {
	font-size:28px;
}

/* -- FOOTER -- */
#footer {
	background:black;
	padding:80px 0;
}
	
.footer-logo {
	display:inline-block;
}

#tt-footer {
	width:28%;
}

#bullshooter-footer {
	width:35%;
	padding:0 3%;
}

#arachnid-footer {
	width:28%;
}

.legal {
	width:100%;
	text-align:center;
	font-size:13px;
	font-weight:400;
}


/* ----------------------------------------------------------

	ANIMATION STYLES

------------------------------------------------------------*/
.hideicon {
	display:none !important;
}

/* ----------------------------------------------------------

	MEDIA QUERIES

------------------------------------------------------------*/
		@media screen and (max-width: 850px) {
			
			.content-col {
				padding:40px 0;
			}
			
			/* -- nav -- */
			#main_nav {
				background-color: rgba(0, 0, 0, 0.8);
				height:60px;
			}
			
			#nav_container {
				text-align:left;
				padding-top:65px;
			}

			.nav-link {
				width:100%;
				float:none;
				text-align:center;
				margin:20px auto;
				font-size:18px;
				font-weight:600;
				line-height:100%;
			}
			
			#mobile_show, #mobile_hide  {
			    display:block;
		        position:absolute;
				top:13px;
				right:20px;
		        width:30px;
		        height:60px;
				overflow:hidden;
				z-index:110;
		    }
			
			#mobile_hide {
				height:18px;
				top:20px;
			}
			
			.grey_bar {
			    display:block;
				position:relative;
				top:10px;
			    width:100%;
			    height:3px;
			    margin:0 0 5px 0;
			    border-radius:0px;
			    background-color:#fff;
			}
			
			.showicon {
				display:block !important;
			}	
			
			/* -- TEXT -- */
			h1 {
				font-size:54px;
				margin-bottom:15px;
			}
			
			/* -- RECORDS -- */
			.emptyblock {
				display:none;
			}
			
			#recordsheadbar {
				height:auto;
			}
				
			#bull-logo, #records-head-txt {
				display:block;
				margin:0 auto;
				text-align:center;
			}
			
			#bull-logo {
				width:80%;
				height:auto;
			}
			
			.recordsblock, .records-hero {
				width:90%;
			}
			
			/* -- CHANNELS -- */
			.channelbtn {
				display:block;
				margin:10px auto;
			}
			
			/* -- FOOTER -- */
			.footer-logo {
				display:block;
				margin:20px auto;
			}
			
			#touchtunes-footer, #arachnid-footer, #bullshooter-footer {
				width:auto;
				max-height:40px;
			}
			
			.legal {
				margin-top:40px;
				font-size:9px;
			}
			

		}
		
		@media screen and (max-width: 650px) {
			.chart-row {
				padding-top:30px;
			}
			
			#top-header {
				padding-top:50px;
			}
			
			h1 {
				font-size:43px;
			}
			
			p {
				font-size:16px;
			}
			
			#dartslogo {
				width:94%;
				margin: 0px auto 30px auto;
			}
			
			.channelbtn {
				width:80%;
				padding:20px 0;
			}
			
			.vcenter {
				position:static	;
				top:0;
				transform: none;
				-ms-transform: none;
			}
			
			.records-img {
				width:auto;
				height:150px;
				left:0;
				margin:0px auto 10px auto;
				text-align:center;
			}
			

			.recordsblock {
				margin:0 auto 20px auto	;
				padding:25px 15px;
			}
			
			.records-hero { 
				width:94%;
			}
			
			.records-txt {
				width:100%;
				left:0;
				text-align:center;
			}
			
			.records-txt h2, .records-txt h3, .records-txt p {
				text-align:center;
			}
			
		}