@media only screen and (max-width: 767px){ 
    .sep_1{
        display: none;
    }
    #div_birth_date .sep_1{
        display: block;
    }
    .info {
    padding: 15px;
}
}

@media (min-width: 768px){
    .form_col-50 {
        float: left;
        width: 49%;
    }
    .form_col-66 {
        float: left;
        width: 66%;
    }
    .form_col-33 {
        float: left;
        width: 32%;
    }
    .form_submit {
        width: 512px;
        margin: 0 auto;
        display: block;
    }
    .signup_form {
        padding: 25px 35px 25px;
    }

}

.form_col-66{
    margin-bottom: 20px;
}

.form_col-100{
        float: left;
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

.form_col-33{
    margin-bottom: 20px;
}

.form_field.error {
    box-shadow: 0px 0px 0px 2px #fc4a4a;
    border-radius: 3px;
    position: relative;
}

.form_col-50 {
    margin-bottom: 22px;
}

.form_col-33-3 {
    float: left;
    margin-bottom: 0px;
    width: 32%;
    text-align: center;
}

/*.form_col-33-3 select{
    padding: 10px;
}*/

.form_col-33:last-child {
    margin-right: 0;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.form_label {
    color: #000;
    font-size: 14px;
    display: block;
    margin-bottom: 22px;
}
.msg-hidden {
    display: none !important;}
    
    .signup .msg-error{
        color: red;
        display: block;
        font-size: 12px;
        margin: 5px 0;
    }

    .signup_form {
        max-width: 100%;
        padding: 25px 15px;
        width: 834px;
        margin: 0 auto;
    }

    input{
        margin: 0;
    }

    .error_bloque{
        box-shadow: 0px 0px 0px 2px #fc4a4a;
        border-radius: 3px;
        position: relative;
        overflow: hidden;
    }

    .eyeball {
		background-color: #47AF58 !important;
	}

    .showPass {
        left: 29% !important;
        top: 2% !important;
        color: #fff !important;
    }

    .label {
        display: none;
    }

    .form_field input{
        border: 1px solid #d3d3d3;
        border-radius: 5px;
        padding: 5px 5px;
        text-align: left;
        color: #000;
    }
    .form_col-33-3 select,
    .form_col-50 select,
    .form_col-66 select{
        border-color: #d3d3d3;
    }

    .form_select select{
        width: 100%;
        height: 30px;
        background-color: #fff;
        background: #fff;
        font-family: Arial, sans-serif;
        font-size: 13px;
        color:#000;
    }


    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
    input:-moz-placeholder, textarea:-moz-placeholder{
        color: #333;
    }

    .sep_1{
        width: 2%;
        float: left;
    }

    .infos .signup_form {
        padding-top: 0px;
    }

    .infos .signup_form button{
        margin-top: 0px;
        background: #47af58;
        border-radius: 5px;
        font-family: 'Lato', sans-serif;
        font-size: 18px;
    }

    .success {
        padding: 0px;
        border: 3px solid #dff0d8;
        border-radius: 3px;
        margin-bottom: 0px;
    }

    .form_row {
        display: table;
        width: 100%;
    }

    #signupForm .signup .container .signup_form{
        padding-bottom: 0px;
    }

    .infos .signup_form .form_submit:hover{
        color:#000;
    }
    .modal-body p{
        text-align: center;
        line-height: 20px;
        font-size: 14px;
        width: 100%;
        color: #fff; 
        font-family: 'Roboto', sans-serif;
        padding: 20px 10px 10px 10px;
        font-weight: 300;
    }

    .info {
        margin: 0 0 20px;
        text-align: left;
        float: left;
        width: 33.3333333333%;
    }

    .info p {
    color: #000000;
    font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    text-align: center;
}

.modal-dialog {
    /*max-width: 330px; */
    margin: 0 auto;
    border-radius: 0.7em;
    top: 1em;
    background: #47af58;
    border: 1px solid rgba(0,0,0,.2);
}

.modal-content{
    padding: 5px 15px;
    display: block;
    background-color: #2c2f36; 
    /* background-color: #ffffff; */
}

.modal-body img{
    max-width: 100%;
}

.modal-body .btn-tel{
    color: #47af58;
    font-family: 'Roboto', sans-serif;
    display: block;
    padding: 30px 15px;
    font-size: 14px;
    font-weight: 300;
}

.close{
    color: #000;
    opacity: 1;
    text-align: right;
    font-size: 30px;
}

.close:hover{ background-color: #ffffff !important; }
.modal-header{
    padding: 0px;
}

.btn-login {
    background: #eaeaea;
    box-shadow: none;
    padding: .5em 4em;
    font-size: 1.3em;
    color: black;
    font-size: 14px;
    font-weight: 400;
}

.btn-forgot {
    background: #47af58;
    box-shadow: none;
    padding: 0.5em 2.05em;
    font-size: 14px;
    color: #fff;
}

    .navbar-form{
        padding: 0px;
    }
	
    #alias_ghb{color: #47af58;font-weight: 800;}
p.form_note{width: 100%; text-align:center !important;display:none;}