#yns__contact { padding: 0px 0; }
.yns__contact { padding: 0 20px 20px 20px; }

.btn {
    padding: 20px 30px;
    margin: 20px 0;
    text-align: center;
    text-transform: uppercase;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

#yns__contact-form{border-radius: 5px; font-size: 15px;};
#yns__contact-form h2,
#yns__contact-info h2 {
    border-bottom: 1px solid #3d8484;
    color: #474747;
    font-family: arial;
    font-size: 17px;
    margin: 0;
    padding: 5px;
    text-align: le;
    text-transform: uppercase;
}


.yns__contact-hide {display: none;}
.yns__contact-show {display: block;}
.yns__contact-field {margin: 0px;float:left;width:100%}
.yns__contact-fLabel{background:none;font-size:12px;color: var(--warning);padding: 10px;}
#yns__contact-title { display: none;}

.yns__flex {display: flex; flex-direction: column;}
.yns__col-2 { width: 50%; }
.yns__row{width: 100%;box-sizing: border-box;}
.yns__contact-form input{box-shadow: 0 0 5px #ccc inset;}

#yns__contact-info{display: none;}

#yns__contact-info h2{ margin: 0px 0 10px;}
.yns__contact-txt {padding: 0 0 5px;}
.yns_contact-box {
    float: left;
    width: 100%;
}
.yns_contact-box-in{ padding: 0px; }

input#yns__contact-name, 
input#yns__contact-user, 
input#yns__contact-email, 
textarea#yns__contact-message {
    background: #f4f4f4f2;
    clear: left;
    color: #bdbbbb;
    float: left;
    font-size: 12px;
    margin: 2px 0 0 0;
    padding: 15px 5px 15px 0px;
    text-indent: 10px;
    text-transform: uppercase;
    width: 100%;
    font-family: arial;
    border: none;
    border-radius: 1px;
}


input#yns__contact-name, input#yns__contact-email {}
.fname, .femail {
    background: #F4F2F2;
    width: 100%;
}


input#yns__contact-submit {
    background: #515050;
    border: medium none;
    color: #fff;
    padding: 20px 50px;
    text-transform: uppercase;
    display: block;
    margin: 20px auto;
}

.alert {border-color: red !important;}

#reCaptcha{ width: 100%;}
.g-recaptcha div {
    display: block;
    margin: 0 auto;
    padding: 5px;
}

.reCaptcha-error {
    font-size: 18px;
    border-radius: 10px;
    color: #a33939;
    padding: 20px 40px;
    text-align: center;
}

.back_button {
    background: #1e2530 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    margin: 20px;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100px;
    margin: 0 auto;
}

#yns__contact-clear {clear: both;}

/* Mensaje de enviado correctamente */

#yns__contact-success {font-size: 17px;text-align: center;margin: 0 auto;padding: 20px;}

.yns__contact-submit-block {
    padding: 10px 0;
    text-align: center;
}

.yns__contact-messages { width:100%; float:left; display:block; text-align:center;}

@media only screen and (max-width: 400px) {

    .yns__flex {flex-direction: column;}
    #yns__contact-form,
    #yns__contact-info {width:100%; padding: 0;}

  }

:root {

    --warning: green 

    
}