@CHARSET "UTF-8";

.login-wrap {
	width: 100%;
	min-height: 100vh;
	/* border: 1px solid red; */
	display: flex;
	justify-content: center;
	align-items: stretch;
        z-index: 9;
}

.login-wrap > div{
    width: 50%;
    
}

.login-capa {
	background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url('../img/login-bg.jpg');
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.login-left{
        display: flex;
	justify-content: center;
	align-items: center;
        flex-direction: column;
}

.login-left > .logo{
    max-width: 150px;
    margin-bottom: 30px;
}


.login-left > form{
    width: 70%;
}

/*Tablet VERTICAL*/
@media only screen and (min-width : 491px ) and (max-width : 850px ) {
    .login-left{
        width: 60% !important;
    }
    .login-capa{
        width: 40%  !important;
    }
    .login-capa h1{
        font-size: 1.2em !important;
    }
}


/*Mobile*/
@media only screen and (max-width : 490px) {

    .login-wrap {
        flex-direction: column;
    }
    
    .login-wrap > div{
        width: 100%;
    }
    
    .login-capa {
        padding: 20px;
    }
    
    .login-left > form{
        margin-bottom: 50px;
        width: 90%;
    }

    .g-recaptcha{
        overflow: hidden;
    }
    
}
/*
@media only screen and (max-width : 767px) {

    .pc-login-wrap {
        align-items: flex-start;
        padding-top: 5%;
    }
   
    .pc-login-content {
	
	width: 95%;
    }
    
}*/
/*Mobile*/