.login__background{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(50, 50, 50, 0.5);
	z-index:100;
}

.login__formBox h3 {
    margin-top: 0px;
}

.login__formBox{
	margin:0 auto;
	display:none;
	width:100%;
	max-width:600px;
	height:auto;
	background:#fff;
	padding:10px;
	border-radius:10px;
}

.login__formBox.login{ display:block; }

.login__form{
    width: 100%;
    margin: 0 auto;
    border: 1px solid #cfccc0;
    padding: 30px;
}

.login__form input{
    border: 1px solid #cfccc0;
    width: 100%;
    padding: 10px;
    margin: 0px 0px 10px;
}

.login__form input[type="submit"], .login__form input[type="button"]{
	width:80%;
	background:rgba(0, 177, 185, 1);
	border:none;
	color:white;
	cursor:pointer;
	margin-top:10px;
}

.login__form input[type="submit"]:hover, .login__form input[type="button"]:hover{ background:#05293c; }

#gg-login, #fb-login{
	width:70px;
	height:70px;
	cursor:pointer;
}

#gg-login{ float:left; }
#fb-login{ float:right; }

@media ( max-width:767px ){
	.login__formBox{ width:100%; }
	.login__form{ width:90%; }
}

.switch-link{
	text-decoration:none;
	color:#05293c;
}

.facebook-btn, .google-btn{
	text-decoration:none;
	color:#fff;
	padding:10px 15px;
	border-radius:5px;
	display:block;
	text-align:center;
	margin-bottom:5px;
}

.facebook-btn{ background:#4267b2; }
.google-btn{ background:#d93025; }

.tagliato{ position:relative; }

.tagliato:before, .tagliato:after{
	content:' ';
	width:60px;
	height:1px;
	background:#999;
	position:absolute;
	top:50%;
}

.cus-submit{ width:100% !important; }
.tagliato:before{ left:0; }
.tagliato:after{ right:0; }