.overlay{
	position:absolute;
	z-index:1300;
	display: inline-block !important;
	cursor:pointer;
	width: auto !important;
	margin-top: 25% !important;
}
#loading{
	cursor: pointer;
	display:none;
	width: 100%;
	height: 100%;
	background:rgba(0, 0, 0, 0.2);
	position: absolute;
    	z-index: 1;
    	top: 0;
    	left: 0;
    	text-align: center;
    	margin: 0 !important;
}

#loading img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	display: inline-block !important;
	max-width: 200px;
	max-height: 200px;
	height: auto;
	width: 25%;
}
.banner {
	display: none !important;
}


#player_signup {
    display: block;
}

.epDescription {
	font-size: 1.25em;
	line-height: 1.25em;
	font-weight: normal;
	color: #fff;
	margin-top: 1.5em;
}

.spanBar {
	width: 100%;
	height: 40px;
	background-color: #000;
	color: #fced3f;
	font-weight: 600;
	font-size: 22px;
	text-align: center;
	line-height: 40px;
	z-index: 2000;
	font-family: 'HelveticaRegular';
	margin-top: -3px;
}

.spanBar a {
	color: #fced3f;
}

.featuringWrapper {
	position: static;
	bottom: 10%;
	left: 10%;
	background-color: rgba(0,0,0,0.85);
	color: #fff;
	font-size: 22px;
	padding: 1em;
	text-align: center;
	
}

.noShow {
	display: none;
}

.featuringWrapper a {
	color: #fced3f;
}



.access_now_wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	text-align: center;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.access_now {
	display: none;
	position: relative;
}

.access_now p {
	display: block;
	font-size: 28px;
	line-height: 36px;
	text-align:center;
	color: #fff;
}

.access_now img {
    height: auto !important;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
}



.access_now a.joinButton {
	background-color: #4e71ab;
	padding: 10px;
	color: #fff;
	display: block;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	margin-top: 1em;
}
a.access_now__upgrade {
	display: inline-block;
	position: relative;
}
.section--video {
	margin-top: 1em;
}


.centerBlock {
	text-align: center;
}

.download {
	font-size:22px; 
	color:#000 !important;; 
	padding:3px; 
    	background-color: #ccc;
    	margin: 0 auto;
	margin-top: 1.5em;
	text-align: left !important;
	display: inline-block;
	
}

.download span{display: inline-block; background: #000 url(/assets/gnome_camera_video.png) no-repeat 8px center;  color:#fff; text-decoration:none; padding: 0.5em 1em; text-align:center; text-indent: 2em;}
.download a{display: inline-block; background-color: #000; color:#fced3f; text-decoration:underline; padding: 0.5em 1em; text-align:center;}
.download a:hover{text-decoration:none; color:#fff; }

.epPhoto {
	background: #000 url(/assets/gnome_camera_photo.png) no-repeat 8px center;
	text-indent: 2em;
}

.videoblock{width:60%; margin: 0 auto; font-family: 'HelveticaRegular';}
.videoblock h2 span{color:#4e71ab; text-align: center;}
.videoplayer{position:relative;}
.video_here img{display:block;}

.videoblock h2.section__title {
	 margin: 1em 0 !important;
	 color: #fced3f;
}


.video_access{background-color:#020000; position:absolute;}
.video_access{
	background-color: rgba(0,0,0,0.07);
	width: 100%;
	height: 100%;
}
.video_access h3, .video_access h3 span{color:#fefdfd;}


.epDescription {color: #fff;}
.videoblock h2, .download, .sharevideo h3, .create_account h2, .entire_network h2 {color:#fff;  text-align: center;}
.videoblock h2, .download, .sharevideo h3, .create_account h2, .entire_network h2 {color:#fff;}


@media only screen and (max-width:1023px){
.videoblock{width:100%; padding-top:30px;}
.video_here img{width:100%;}
}



@media only screen and (max-width: 1185px)  {
	.spanBar {
		margin-top: 3.75em !important;
	}	
}


@media only screen and (min-width: 1186px) and (max-width: 1380px)  {
	.spanBar {
		margin-top: 5.25em !important;
	}	
}



@media only screen and (max-width: 960px) and (min-width: 768px) {
	
	.videoblock{padding-top:0px !important;}
	
	.spanBar {
	    margin-top: 3.25em !important;
	}	


	.featuringWrapper {
	    bottom: 5%;
	    left: 5%;
	    font-size: 18px;
	    padding: 1em;
	}
	
	.epDescription {
	    font-size: 1.25em;
	    line-height: 1.85em;
	    padding: 0.89em !important;
	}	
	
	.download span  {
	    width: 100% !important;
	    margin-bottom: 2px;
	}	
	
	.download a {
	    width: 49.85% !important;
	    margin-bottom: 2px !important;
	    margin-right: 1px !important;
	    float: left !important;
	}
	
	.download {
		padding-bottom: 0 !important;
		padding-top: 3px !important;
	}
	
}




@media only screen and (max-width: 1260px) and (min-width: 961px) {

	.videoblock{width:80%;}
	
	.download {
	    font-size: 16px;
	    padding: 3px;
	}
	
	.download a {
		padding: 0.5em;
	}
}

@media only screen and (max-width: 1560px) and (min-width: 1261px) {

	.download {
	    font-size: 18px;
	    padding: 4px;
	}
	
	.download a {
		padding: 0.5em;
	}
}

@media only screen and (max-width:768px){

	.spanBar {
	    margin-top: 3em !important;
	}

	.video_access h3{font-size:28px; background-position:left 2px;}
	.download{font-size:16px; padding-top:5px;}


	.section--video .container {
	    width: 98% !important;
	}

	.videoblock {

	    padding-top: 0 !important;
	}	

	.featuringWrapper {
	    bottom: 1%;
	    left: 1%;
	    font-size: 16px;
	    padding: 0.5em;
	}
	
	.epDescription {
	    font-size: 1.25em;
	    line-height: 1.5em;
	    margin-top: 0.89em;
	    padding: 0.75em !important;
	}	
	
	.download a, .download span  {
	    width: 100% !important;
	    margin-bottom: 2px !important;
	}
	
	.download {
		padding-bottom: 0 !important;
		padding-top: 3px !important;
	}
	
	.section__title {
		font-size: 1.75em;
		padding: 1rem;
	}	

	.access_now_wrapper {
		top: 2em;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media only screen and (max-width:560px){

	.section--video {
	    margin-top: 0.25em;
	}

	.video_access {
		padding: 0 !important;
	}
	
	.access_now a.joinButton {
	    padding: 3px;
	    font-size: 16px;
	    font-weight: 500;
	    margin-top: 0.75em;
	}

	.access_now p {
	    font-size: 14px;
	    line-height: 17px;
	}

	.featuringWrapper {
	    bottom: 1%;
	    left: 1%;
	    font-size: 13px;
	    padding: 0.25em;
	}
	
	.epDescription {
	    font-size: 1em;
	    line-height: 1.25em;
	    margin-top: 0.89em;
	    padding: 0.75em !important;
	}	
	
	.access_now_wrapper {
		top: 1.5em;
	}

}

@media only screen and (max-width:640px){

	.spanBar {
	    margin-top: 4.5em !important;
	}
}



@media only screen and (max-width:639px){
	.videoblock h2{font-size:14px !important;}
}

@media only screen and (max-width: 1190px) and (min-width: 640px) {
	.videoblock h2{font-size:19px !important;}
}

@media only screen and (max-width: 1410px) and (min-width: 1191px) {
	.videoblock h2{font-size:1.25em !important;}
}



@media only screen and (max-width:768px){
	.access_upgrade {
		display: none;
	}
}
@media only screen and (min-width:769px){
	.access_upgrade_mobile {
		display: none;
	}
}
.close-btn {
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	cursor: pointer;
	position: absolute;
	right: 0.25em;
	top: 0.25em;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid #fff;
	color: #fff;
	height: 1.5em;
	width: 1.5em;
	font-weight: bold;
	font-family: Arial, sans-serif;
	text-align: center;
	line-height: 1.5;
	font-size: 1.25em;
	display: inline-block;
}
.close-btn:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
@media (min-width:1024px){
	.close-btn {
		font-size: 2em;
  }
}