body.home {
	overflow:hidden !important;	
	
}





div.home {
	width:100%;
	height:100vh;
	overflow:hidden !important;
	display: flex;
	align-items: center;
	justify-content: center;
	/*border:10px solid yellow;*/
	
	background: rgba(88,88,88,1);
	background: -moz-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(88,88,88,1)), color-stop(100%, rgba(18,18,18,1)));
	background: -webkit-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
	background: -o-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
	background: -ms-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
	background: radial-gradient(ellipse at 75% top, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#121212', GradientType=1 );	
}


 @media screen and (max-width: 39.9375em) {
	div.home {
		display:block !important;
        align-items: flex-start;
	}
 } 
      





div.logout {
	background: rgba(88,88,88,1) !important;
	background: -moz-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%)  !important;
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(88,88,88,1)), color-stop(100%, rgba(18,18,18,1)))  !important;
	background: -webkit-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%)  !important;
	background: -o-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%)  !important;
	background: -ms-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%)  !important;
	background: radial-gradient(ellipse at 75% top, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%)  !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#121212', GradientType=1 );	
		
}



div.home-logo {
	width: 20%;
	min-width: 250px;
	text-align: center;
}

@media screen and (max-width: 39.9375em) {
	div.home-logo {
		width:100%;
	}
 } 

/*

 @media screen and (max-width: 39.9375em) {
        div.home {
        	align-items:flex-start;        	
        } 
        
        .home-logo {
			margin-top:25%;
		}
    }

*/


.home-logo img {	
	width:100%;		
}

@media screen and (max-width: 39.9375em) {
	.home-logo img {
			max-width: 300px;
	}
}


div.home-login {
	display: block;
	position: absolute;
	z-index:100;
	height: 700px;
	width: 700px;
	border-radius: 50%;
	bottom: -575px;	
}

@media screen and (max-width: 39.9375em) {
	div.home-login {
			left: calc((100% - 700px)/2) !important;
	}
}



div.home-code {
	display: block;
	
	z-index:100;
	text-align:center;
	font-family: Quicksand !important;
	font-weight: 600 !important;
	font-size: 1.2rem !important;
	margin: 0 auto;
}
div.home-code > div{
	margin-bottom: 30px;
}


div.home-code div.bg-circle {
  position: relative;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-flex;
  vertical-align: top;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-decoration: none;
  border: 0;
  margin-top: 10px;
  margin-right: 10px;
}


div.mentions
{
	padding: 15px;
	background: rgba(88,88,88,1);
	background: -moz-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(88,88,88,1)), color-stop(100%, rgba(18,18,18,1)));
	background: -webkit-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
	background: -o-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
	background: -ms-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
	background: radial-gradient(ellipse at 75% top, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
	height: 90vh;
	color: #fff;
	overflow-y: auto;
}


.home-login-content {
	margin: 25px;
	height: 650px;
	width: 650px;
	padding: 20px;	
	
}

 div.home-login-content-title {
	font-family: Quicksand !important;
	font-weight: 600 !important;
	font-size: 1.3rem !important;
	text-align:center;
	color:white;	
}

div.home-login-content-legal {
	font-family: Quicksand !important;
	font-weight: 600 !important;
	font-size: 0.65rem !important;
	text-align:center;
	color:white;		
	padding-top: 20px;
}



 @media screen and (max-width: 39.9375em) {
       div.home-code {
       	width: 100%;
		padding-right:20px;
		/*font-size: 1.2rem !important;*/
       } 
       
       div.home-code div.bg-circle {        
 			margin-top: 5px;
       }
       
        div.home-login-content-title {
			font-size: 1.2rem !important;
		}
		
		  div.home-login-content-legal {
			font-size: 0.5rem !important;
		}
}


/* PAGE - LOGIN */ 


div.login {
	width:100%;
	height: calc(100vh - 112px);
	overflow:hidden !important;
	display: flex;
	align-items: center;
	justify-content: center;	
	/*border:0px solid yellow;*/
	
}



 @media screen and (max-width: 39.9375em) {
	div.login {
		display:block !important;
		overflow:auto !important;
        align-items: flex-start;
	}
 } 
    


@media screen and (min-width: 39.9375em) {

	div.login div.login-bulle {
		display: block;
		align-items: center;
		justify-content: center;
		height: 700px;
		width: 700px;
		min-height: 700px;
		min-width: 700px;
		border-radius: 350px !important;
		background: rgba(88,88,88,1);
		background: -moz-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(88,88,88,1)), color-stop(100%, rgba(18,18,18,1)));
		background: -webkit-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
		background: -o-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
		background: -ms-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
		background: radial-gradient(ellipse at 75% top, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#121212', GradientType=1 );	
		color:white;
		padding: 125px 175px;
		text-align:center;
	}
	
	div.login div.login-content {
		position:absolute;
		z-index:100;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 500px;
		min-width:100%;
		color:white;	
		padding:0.5rem;
	}
	
	div.login div.login-content-content{
		width:100% !important;
		max-width:400px;	
		text-align:center;	
	}
}

@media screen and (max-width: 39.9375em) {

	div.login div.login-bulle {
		display: none;		
	}
	
	div.login div.login-content {
		color:white;		
		padding:0.5rem;	
		height: 120vh;
		background: rgba(88,88,88,1);
		background: -moz-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(88,88,88,1)), color-stop(100%, rgba(18,18,18,1)));
		background: -webkit-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
		background: -o-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
		background: -ms-radial-gradient(75% top, ellipse cover, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
		background: radial-gradient(ellipse at 75% top, rgba(88,88,88,1) 0%, rgba(18,18,18,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#121212', GradientType=1 );	
			
	}
	
	div.login div.login-content-content{
		width:100% !important;
		text-align:center;	
	}
}




@media screen and (max-width: 39.9375em) {
	.mTitleNone {
		display: none !important; 
	}
}



div.login div.login-content-content div.login-subtitle{
	display:block;
	font-family: Quicksand !important;
	font-weight: 600 !important;
	font-size: 1.5rem !important;
	text-align:center;
	color:white;
	padding-bottom:2rem  !important;
}

div.login div.login-content-content div.login-title{
	display:block;
	font-family: Quicksand !important;
	font-weight: 600 !important;
	font-size: 2rem !important;
	text-align:center;
	color:white;
	padding-bottom:2rem  !important;
}

div.login div.login-content-content input{
	background:#333333 !important;
	padding: 1rem 2rem !important;
	color:white !important;
	margin-bottom:1rem  !important;
	border-radius: 25px;
	height:50px;
	border: 0 solid #333333
}




div.login div.login-content-content input::placeholder {
	color:white !important;
	font-size:0.8rem !important;
	
}


div.login div.login-content-content input.err,  div.login div.login-content-content input.err::placeholder{
	color:red !important;
}