/*** LANDING PAGE (LOGIN) ****/
.landing-page form{
    max-width:400px;
    margin:auto;
}

.landing-page p #ep_preview_login_message {
    color: #f60;
}

.landing-page form .form-control,
.landing-page form button{
    margin-bottom:20px;
    border-radius:0px;
}

.landing-page form input[type=password]{
   
}

.landing-page form button {
    background:#f60;
    color:#fff;
    border:none;
}

.landing-page form button:hover,
.landing-page form button:focus{
    background:#fff;
    color:#f60;
    border:none;
}

/**** LOADER ***/

/* Center the loader */
#loader{
	width:100%;
	display:block;
	text-align:center;

	height:100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
	background:#000;
}

#loader .loading-spin {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #ff6600;
  width: 120px;
  height: 120px;
  margin: -60px 0 0 -60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

#loader .loading-copy {
  position: absolute;
  width:100%;
  top: 50%;
  margin-top:80px;
  z-index: 2;
  color:#ff6600;
  font-size:0.7em;
  text-transform:lowercase;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.section{
    min-height:100px;
}

/****************************/



/*** LIVESTREAM ****/

body.liveX{
	background:#f0f0f0;
}

body.live h1{

}

body.live .general-content{
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
}

body.live .main-content{
	padding-top:60px;
	padding-bottom:60px;
}

body.live .info-box-video{

}

body.live .video-livestream-wrapper{
    display:none;
}

body.live .page-copy{
   display:none;
   margin-bottom:40px;
}

body.live .messagebox{
    background-color:rgba(255,255,255,0.5);
    font-size:20px;
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: 0;
    color:rgb(0,0,0);
    margin:20px;
    
    max-width:600px;
    position: absolute;
    top: auto;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
    
}

/*** LIVESTREAM COUNTER ****/

#counter{
    color:#fff;
	font-size:30px;
	margin-bottom:25px;
}

body.live #counter{
	font-size:60px;
	margin-bottom:0px;
	line-height:1em;
	
	position:absolute;
	top:0%;
	width:100%;
	
	background-color:rgba(255,255,255,0.5);
	padding:20px;
	
	left: 50%;
    transform: translateX(-50%);
    max-width:500px;
    
    color:#000;
}

body.live #countercontent{
    font-size:20px;
    line-height: 1.5em;
}

body.live #counterclock{
    font-size:60px;
}

body.live #counterbackground{
  background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  position:relative;
  text-align:center;
  
}

@media screen and (max-width: 450px){
    body.live #counterclock{
	    font-size:40px;
    }
}