/* LOGIN PAGE */
body {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	background-color: #25273C!important;	
}

#loginbg{
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-repeat: no-repeat;
	 
	-webkit-transition: 1s opacity; 
	transition: 1s opacity; 
	background-position: center center; 
	
	/*
	background-size: contain; 
	background-image:  url('/images/background/login_bg.jpg');
	*/
	
	background-size: cover; 
	background-image:  url('/images/login/video_bg.jpg');
}

video { 
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -99;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: url('/images/login/video_bg.jpg') no-repeat; background-size: cover;  -webkit-transition: 1s opacity; transition: 1s opacity; 
}


#loginoverlay{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: auto;
	height: auto;
	z-index: -98;
	background-image:  url('/images/trans_bg.png');
}


.loginpage{
	text-align:center;
	color:#ffffff;
}

.page_back_arrow{
	position:absolute;
	top:20px;
	left:20px;
}

.loginlogo{
	width:100%;
	max-width:250px;
}

.img404{
	width:100%;
	max-width:500px;
}

.welcometxt {
  font-size: 14.5px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #36c9c6;
}

.login_links, .login_links a{
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #36c9c6;
}

.login_href, .login_href a{
	color: #36c9c6;
}

.login_href:hover, .login_href a:hover{
	color: #36c9c6;
}

.logintxt,
.logintxt:focus
{
	text-align:left;
	color:#fff;
	font-size: 17px;
    font-weight: normal;
	font-stretch: condensed;
	font-style: normal;
	line-height: 1.18;
	letter-spacing: normal;
	border-top: none;
	border-left: none;
	border-right: none;
    background: none;
    color: #eee;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius:0;
	-webkit-border-radius: 0; 
	border-bottom: 2px solid #898A8D;
	position: relative;
	z-index: 1;
	width:100%;
	max-width:350px;
	display:inline-block;
}


::-webkit-input-placeholder { /* Chrome */
  color: #fff!important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff!important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff!important;
  opacity: 1!important;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #fff!important;
  opacity: 1!important;
}

.btn{
	border-radius:25px;
}

.terms_text{
  width: 100%;
  max-width: 211px;
  font-size: 11.5px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #757ea3;
  display: inline-block;
}
.terms_text a{
  color: #27aae1;
}


.headertext {  
  font-size: 26px;
  font-weight: bold;
  font-stretch: condensed;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.subtext{
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.22;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	width: 100%;	
}

.headersubtextwhite{
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	width: 100%;
	max-width: 240px;
	display: inline-block;
}


.subtext_create{
	max-width: 211px;
	display: inline-block;
}

.subtext_error{
	max-width: 290px;
	display: inline-block;
}

.subtext_exist{
	max-width: 316px;
	display: inline-block;
	font-size:18px;
}

.subtext_exist a{
	color: #27aae1;
}

.subtext_check{
	max-width: 262px;
	display: inline-block;
}

.subtext_resend{
	max-width: 323px;
	display: inline-block;
	font-size: 16px;
}

.subtext_resend_foot{
	max-width: 350px;
	display: inline-block;
	font-size: 16px;
}


.vcenter {
	height:30vh;
}


.signup{
	width:100%;
	max-width:213px;
}

.resend{
	width:100%;
	max-width:212px;
}


.emailcheck{
	width:100%;
	max-width:285px;
}

.emailmagic{
	width:100%;
	max-width:132px;
}

.error_input{
	
}

.logintxt.error_input{
	border-bottom:2px solid #e04343;
}

.nopadl{
	padding-left:0px;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: transparent;
  text-align:center;
}

.signature{
	color:#fff;
}

.signature a{
	color:#fff;
	text-decoration:none;
}