@font-face {
    font-family: 'Interstate-Regular';
    src: url('../fonts/Interstate-Bold.eot');
    src: url('../fonts/Interstate-Bold.eot#iefix') format('embedded-opentype'), 
         url('../fonts/Interstate-Bold.woff') format('woff'), 
         url('../fonts/Interstate-Bold.ttf') format('truetype'), 
         url('../fonts/Interstate-Bold.svg') format('svg');
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Interstate-Regular';
    src: url('../fonts/Interstate-Regular.eot'); 
    src: url('../fonts/Interstate-Regular.eot#iefix') format('embedded-opentype'), 
         url('../fonts/Interstate-Regular.woff') format('woff'), 
         url('../fonts/Interstate-Regular.ttf') format('truetype'), 
         url('../fonts/Interstate-Regular.svg') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/*	Line8
	----- */	
	
	body.page-template-line8-php{ padding-top: 0; font-family: 'Interstate-Regular';}
	body.page-template-line8-php #fullpage{ height: 100vh;}
	body.page-template-line8-php #fullpage .slide_full{ position: relative; width: 100%; height: 100vh; overflow: hidden;}
	body.page-template-line8-php #fullpage .slide_full .caption{ position: absolute; padding: 0 30px; left: 0; right: 0; max-width: 680px; bottom: 80px; z-index: 10; color: #fff; font-weight: bold; font-size: 32px; line-height: 42px; text-align: center; margin: auto}
	body.page-template-line8-php #fullpage .scroll_down{ position: absolute; left: 0; right: 0; bottom: 40px; z-index: 100; width: 24px; margin: auto; cursor: pointer;}
	body.page-template-line8-php #fullpage .fp-section:last-child .scroll_down{ display: none;}
	
	.video_container{ top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: #000; z-index: 1; overflow: hidden}
	.video-js, .video-js .vjs-tech{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover;}
	
	.thmbs_nav{ position: absolute; right: 40px; display: table; margin: 0; padding: 0; list-style: none; z-index: 100;}
	.thmbs_nav li{ display: block; margin: 10px 0; border: 5px solid transparent; box-sizing: border-box; opacity: .5}
	.thmbs_nav li:hover{ border-color: #fff; opacity: 1;}
	.thmbs_nav li img{ width: 60px;}
	
	.metro{ width: 100%; height: 100vh; text-align: center; position: relative;}
	.metro .logo_line8{ width: 80px; display: inline-block; vertical-align: middle; position: relative; bottom: 5px;}
	
	.metro ul{ width: 50%; display: inline-block; list-style: none; margin: 0 0 0 10px; height: 20px; padding: 0; font-size: 0; text-align: left; background: transparent url(../img/metro-dots.svg) center center repeat-y; background-size: auto 20px;}
	.metro ul li{ height: 20px; margin: 0; display: inline-block; width: 16.6666%; background: #000; position: relative;}
	.metro ul li a{ position: absolute; left: 40%; right: 0; margin: auto; font-size: 13px; color: #000; bottom: 60px; transform: rotate(-45deg); width: 100px; overflow: hidden; text-transform: uppercase; font-weight: bold; height: 10px; line-height: 1;}
	.metro ul li .dot{ width: 10px; height: 10px; border-radius: 10px; background: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
	
	.metro ul li:first-child{ border-radius: 10px; position: relative;}
	.metro ul li:nth-child(6){ border-radius: 10px; position: relative;}
	.metro ul li:first-child:after{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 10px; height: 100%; background: #000;}
	.metro ul li:nth-child(6):after{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 10px; height: 100%; background: #000;}
	
	body.page-template-line8-php .related_post_block{ width: 100%; height: 100vh; position: relative; font-size: 0;}
	body.page-template-line8-php .related_post_block .block_left{ display: inline-block; width: 50%; height: 100vh; vertical-align: top; position: relative;}
	body.page-template-line8-php .related_post_block .block_right{ display: inline-block; width: 50%; height: 100vh; vertical-align: top; position: relative;}
	body.page-template-line8-php .related_post_block .block_right .square_thmb{ width: 280px; height: 280px; margin: 0 auto;}
	body.page-template-line8-php .related_post_block .block_right .caption{ max-width: 360px; margin: auto; font-size: 13px; line-height: 18px; font-weight: bold; position: absolute; left: 0; right: 0; text-align: center; bottom: 40px; text-transform: uppercase;}
	body.page-template-line8-php .related_post_block .block_right .caption p{ margin-bottom: 20px}
	body.page-template-line8-php .related_post_block .block_right .caption .read_more{ border: 2px solid #000; padding: 5px 5px 3px 5px; text-transform: uppercase; margin-top: 30px; display: block; width: 150px; margin: 0 auto;}
	body.page-template-line8-php .related_post_block .block_right .caption .read_more:hover{ color: #fff; background-color: #000;}
	
	
	body.tax_term_line8 .single-post.features{ font-family: 'Interstate-Regular';}
	
	.slider_line8{ position: relative; width: 100%; height: 100vh;}
	.slider_line8 .slide_full{ position: relative; width: 100%; height: 100vh; overflow: hidden;}
	.slider_line8 .slide_full .caption{ position: absolute; left: 0; right: 0; max-width: 680px; bottom: 80px; z-index: 10; color: #fff; font-weight: bold; font-size: 32px; line-height: 42px; text-align: center; margin: auto}
	.slider_line8 .slide_full .caption span{ background: rgba(0, 0, 0, .3); padding: 3px}

	@media (max-width: 1023px) {
		
		body.page-template-line8-php #fullpage .scroll_down{ bottom: 30px;}
		body.page-template-line8-php .related_post_block .block_left{ display: none}
		body.page-template-line8-php .related_post_block .block_right{ width: 100%;}
		body.page-template-line8-php .related_post_block .block_right .caption{ bottom: 80px;}
		
	}
	
	@media (max-width: 767px) {
		
		.thmbs_nav{ right: 10px;}
		.thmbs_nav li{ margin: 5px 0; border: 2px solid transparent;}
		.thmbs_nav li img{ width: 30px;}
		
		body.page-template-line8-php #fullpage .slide_full .caption,
		.slider_line8 .slide_full .caption{ bottom: 70px; font-size: 22px; line-height: 26px;}
		
		.metro .logo_line8{ width: 40px;}
		.metro ul { width: 260px;}
		
		body.page-template-line8-php .related_post_block .block_right .square_thmb{ width: 200px; height: 200px;}
		.slider_line8 .slide_full .caption span{ padding: .5px;}
	}