@media (max-width: 600px) {
    
    .page-node-62 #block-block-1,
    .page-node-746 #block-block-1 {
        display: none;
    }
    
    .webform-component--campos-obligatorios{
        margin-bottom: 12.5px !important;
    }
    .webform-component--aplicar-como-un-voluntario-o-intern p {
        padding: 0 25px !important;
    }
    .webform-component--horas-necesarias-de-servicio-social-o-practicas-profesionales {
        margin-bottom: 50px !important;
    }
    .webform-client-form-47,
    .webform-client-form-46,
    .webform-client-form-50,
    .webform-client-form-356,
    .webform-client-form-357,
    .webform-client-form-362,
    .webform-client-form-48,
    .webform-client-form-359,
    .webform-client-form-53,
    .webform-client-form-372{
        width: 100%;
        float: left;
        margin-top: 25px;
        background-color: #f5f9fa;
    }
    .webform-client-form-47,
    .webform-client-form-46,
    .webform-client-form-50,
    .webform-client-form-356,
    .webform-client-form-357,
    .webform-client-form-362,
    .webform-client-form-48,
    .webform-client-form-359 {
        margin-bottom: 25px;
    }
    .webform-client-form-47 .webform-component-markup h3, 
    .webform-client-form-356 .webform-component-markup h3,
    .webform-client-form-46 .webform-component-markup h3, 
    .webform-client-form-357 .webform-component-markup h3,
    .webform-client-form-50 .webform-component--aplicar-como-un-voluntario-o-intern,
    .webform-client-form-362 .webform-component--aplicar-como-un-voluntario-o-intern,
    .webform-client-form-48 .webform-component-markup h3,
    .webform-client-form-359 .webform-component-markup h3,
    .webform-client-form-53 .webform-component--apoyar-con-voluntarios,
    .webform-client-form-372 .webform-component--apoyar-con-voluntarios,
    .webform-client-form-62 .webform-component-markup h3,
    .webform-client-form-746 .webform-component-markup h3 {
        color: #1b3c6c;
        font-family: 'Roboto', sans-serif;
        font-size: 17px;
        font-weight: 700;
        padding-top: 47px;
        text-transform: uppercase;
        text-align: center;
        line-height: 25px;
    }
    .webform-component--campos-obligatorios {
        text-align: center;
        color: #555555 !important;
        font-size: 12px !important;
        font-family: 'Roboto', sans-serif;
        font-weight: 700 !important;
        text-align: center;
    }
    .webform-client-form-47 .webform-component, 
    .webform-client-form-356 .webform-component,
    .webform-client-form-46 .webform-component, 
    .webform-client-form-357 .webform-component,
    .webform-client-form-50 .webform-component, 
    .webform-client-form-362 .webform-component,
    .webform-client-form-48 .webform-component,
    .webform-client-form-359 .webform-component,
    .webform-client-form-53 .webform-component,
    .webform-client-form-372 .webform-component,
    .webform-client-form-62 .webform-component,
    .webform-client-form-746 .webform-component{
        width: auto;
        margin: 0 12px;
    }
    .webform-client-form-47 .webform-component-textfield .form-text, 
    .webform-client-form-356 .webform-component-textfield .form-text,
    .webform-client-form-46 .webform-component-textfield .form-text, 
    .webform-client-form-357 .webform-component-textfield .form-text,
    .webform-client-form-50 .webform-component-textfield .form-text, 
    .webform-client-form-362 .webform-component-textfield .form-text,
    .webform-client-form-48 .webform-component-textfield .form-text,
    .webform-client-form-359 .webform-component-textfield .form-text,
    .webform-client-form-53 .webform-component-textfield .form-text,
    .webform-client-form-372 .webform-component-textfield .form-text,
    .webform-client-form-62 .webform-component-textfield .form-text,
    .webform-client-form-746 .webform-component-textfield .form-text,
    .webform-client-form-221 .webform-component-textfield .form-text,
    .webform-client-form-401 .webform-component-textfield .form-text,
    .webform-client-form-47 .webform-component-email .form-text, 
    .webform-client-form-356 .webform-component-email .form-text,
    .webform-client-form-46 .webform-component-email .form-text, 
    .webform-client-form-357 .webform-component-email .form-text,
    .webform-client-form-50 .webform-component-email .form-text, 
    .webform-client-form-362 .webform-component-email .form-text,
    .webform-client-form-48 .webform-component-email .form-text, 
    .webform-client-form-359 .webform-component-email .form-text,
    .webform-client-form-53 .webform-component-email .form-text,
    .webform-client-form-372 .webform-component-email .form-text,
    .webform-client-form-62 .webform-component-email .form-text,
    .webform-client-form-746 .webform-component-email .form-text,
    .webform-client-form-221 .webform-component-select .form-select,
    .webform-client-form-401 .webform-component-select .form-select{
        width: 100%;
        height: 50px;
        border-radius: 6px;
        box-sizing: border-box;
        padding-left: 10px;
        border: thin solid #bdc3c7;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
    }
    .webform-component--que-te-emociona-aportar-como-embajador-o-embajadora-yo-quiero-yo-puedo,
    .webform-component--en-el-caso-de-que-su-respuesta-haya-sido-afirmativa-por-favor-cuentanos-sobre-tu-experiencia,
    .webform-client-form-47 .webform-component--informacion-de-trabajo-e-intereses, 
    .webform-client-form-356 .webform-component--informacion-de-trabajo-e-intereses,
    .webform-client-form-46 .webform-component--informacion-de-trabajo-e-intereses,
    .webform-client-form-357 .webform-component--informacion-de-trabajo-e-intereses,
    .webform-client-form-53 .webform-component--datos-de-la-persona-de-contacto,
    .webform-client-form-53 .webform-component--datos-de-la-empresa,
    .webform-client-form-372 .webform-component--datos-de-la-persona-de-contacto,
    .webform-client-form-372 .webform-component--datos-de-la-empresa {   
        color: #1b3c6c;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
    }
    .webform-component--actividades-de-interes,
    .webform-component--disponibilidad,
    .webform-component--detalles-de-colaboracion{
        color: #1b3c6c;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 18px;
    }
    .webform-component--actividades-de-interes p,
    .webform-component--disponibilidad p {
        padding-top: 25px;
    }
    .webform-component--inicio label,
    .webform-component--termino label {
        color: #1b3c6c;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
        display: block;
    }
    .form-checkboxes {
        color: #1b3c6c;
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
    }
    .webform-client-form-47 .form-item,
    .webform-client-form-356 .form-item,
    .webform-client-form-46 .form-item,
    .webform-client-form-357 .form-item,
    .webform-client-form-50 .form-item,
    .webform-client-form-362 .form-item,
    .webform-client-form-48 .form-item,
    .webform-client-form-359 .form-item,
    .webform-client-form-53 .form-item,
    .webform-client-form-372 .form-item,
    .webform-client-form-62 .form-item,
    .webform-client-form-746 .form-item{
        margin-bottom: 25px;
    }
    #edit-submitted-cuentas-con-experiencia-en-mercadotecnia-o-en-recaudacion-de-fondos-opcional .form-type-radio {
        margin-top: 25px;
    }
    .webform-client-form-47 .webform-component-textarea, 
    .webform-client-form-356 .webform-component-textarea,
    .webform-client-form-46 .webform-component-textarea, 
    .webform-client-form-357 .webform-component-textarea,
    .webform-client-form-50 .webform-component-textarea, 
    .webform-client-form-362 .webform-component-textarea,
    .webform-client-form-48 .webform-component-textarea, 
    .webform-client-form-359 .webform-component-textarea,
    .webform-client-form-53 .webform-component-textarea,
    .webform-client-form-372 .webform-component-textarea,
    .webform-client-form-62 .webform-component-textarea,
    .webform-client-form-746 .webform-component-textarea{
        width: 287px;
    }
    .page-node-47 #edit-submitted-consentimiento .option,
    .page-node-356 #edit-submitted-consentimiento .option,
    .page-node-46 #edit-submitted-consentimiento .option,
    .page-node-357 #edit-submitted-consentimiento .option,
    .page-node-50 #edit-submitted-consentimiento .option,
    .page-node-362 #edit-submitted-consentimiento .option,
    .page-node-53 #edit-submitted-consentimiento .option,
    .page-node-372 #edit-submitted-consentimiento .option,
    .page-node-62 #edit-submitted-consentimiento .option,
    .page-node-746 #edit-submitted-consentimiento .option{
        width: 258px;
        
    }
    .webform-client-form-47 .form-textarea,
    .webform-client-form-356 .form-textarea,
    .webform-client-form-46 .form-textarea,
    .webform-client-form-357 .form-textarea,
    .webform-client-form-50 .form-textarea,
    .webform-client-form-362 .form-textarea,
    .webform-client-form-48 .form-textarea,
    .webform-client-form-359 .form-textarea,
    .webform-client-form-53 .form-textarea,
    .webform-client-form-372 .form-textarea,
    .webform-client-form-62 .form-textarea,
    .webform-client-form-746 .form-textarea{
        width: 100%;
        min-width: 296px;
        height: 90px;
        color: #34495e;
        font-family: 'Lato', sans-serif;
        font-size: 14.14px;
        font-weight: 400;
        border-radius: 6px;
        padding-left: 10px;
        box-sizing: border-box;
        border: thin solid #bdc3c7;
    }
    .webform-client-form-50 .webform-container-inline .form-select,
    .webform-client-form-362 .webform-container-inline .form-select {
        width: 90px;
        -webkit-appearance:none;
        padding: 8px 5px;
        border: 2px solid #d5d9db;
        border-radius: 5px;
        color: #828f9b;
        margin-top: 12.5px;
    }
    .webform-client-form-48 input[type="file"]::-webkit-file-upload-button,
    .webform-client-form-359 input[type="file"]::-webkit-file-upload-button, 
    .webform-client-form-50 input[type="file"]::-webkit-file-upload-button,
    .webform-client-form-362 input[type="file"]::-webkit-file-upload-button {
        width: 80%;
        -webkit-appearance:none;
        cursor: pointer;
        background-color: #df483d;
        border: none;
        padding-top: 15px;
        padding-bottom: 15px;
        display: block;
        font-size: 16px;
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        color: #ffffff;
        text-transform: uppercase;
        border-radius: 5px;
        margin-top: 25px;
        /*float: left;*/
        overflow: hidden;
    }
    .webform-client-form-50 input[type="file"],
    .webform-client-form-48 input[type="file"],
    .webform-client-form-359 input[type="file"],
    .webform-client-form-362 input[type="file"] {
        /*float: left;*/
        overflow: hidden;
        font-size: 6px;
        font-family: 'Lato', sans-serif;
        font-weight: 500;
        margin-bottom: 13px;
    }
    .webform-client-form-50 input[type="file"],
    .webform-client-form-48 input[type="file"],
    .webform-client-form-362 input[type="file"],
    .webform-client-form-359 input[type="file"]{
        position: relative;
        width: 100%;
    }
    .webform-client-form-50 input[type="file"]::after,
    .webform-client-form-48 input[type="file"]::after,
    .webform-client-form-362 input[type="file"]::after,
    .webform-client-form-359 input[type="file"]::after{
        width: 19%;
        background-color: #f5f9fa;
        content: "No se eligio archivo";
        color: #f5f9fa;
        height: 30px;
        position: absolute;
        right: 3px;
        bottom: -1px;
    }
    .webform-client-form-50 input[type="file"].valid::after,
    .webform-client-form-48 input[type="file"].valid::after,
    .webform-client-form-362 input[type="file"].valid::after,
    .webform-client-form-359 input[type="file"].valid::after{
        display: none;
    }
    .webform-client-form-50 input[value="Subir"],
    .webform-client-form-48 input[value="Subir"],
    .webform-client-form-362 input[value="Upload"],
    .webform-client-form-359 input[value="Upload"]{
        width: 80%;
        -webkit-appearance:none;
        cursor: pointer;
        background-color: #df483d;
        border: none;
        padding-top: 15px;
        padding-bottom: 15px;
        display: block;
        font-size: 16px;
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        color: #ffffff;
        text-transform: uppercase;
        border-radius: 5px;
        overflow: hidden;
    }
    /*.webform-client-form-362 input[value="Upload"],
    .webform-client-form-48 input[value="Upload"],
    .webform-client-form-359 input[value="Upload"] {
        width: 100%;
        -webkit-appearance:none;
        cursor: pointer;
        background-color: #df483d;
        border: none;
        padding-top: 15px;
        padding-bottom: 15px;
        display: block;
        font-size: 16px;
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        color: #ffffff;
        text-transform: uppercase;
        border-radius: 5px;
        overflow: hidden;
    }*/
    .webform-client-form-50 label[for="edit-submitted-anexa-tu-cv-opcional-upload"],
    .webform-client-form-362 label[for="edit-submitted-anexa-tu-cv-opcional-upload"],
    .webform-client-form-48 label[for="edit-submitted-por-favor-anexa-tu-cv-upload"],
    .webform-client-form-359 label[for="edit-submitted-por-favor-anexa-tu-cv-upload"] {
        color: #1b3c6c;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 600;
    }
    .webform-client-form-50 #edit-submitted-opciones,
    .webform-client-form-362 #edit-submitted-opciones,
    .webform-client-form-48 #edit-submitted-opciones,
    .webform-client-form-359 #edit-submitted-opciones {
        overflow: hidden;
        padding-bottom: 12.5px;
    }
    .webform-component--anexa-tu-cv-opcional .description,
    .webform-component--por-favor-anexa-tu-cv .description {
        overflow: hidden;
        display: block;
        width: 100%;
        padding-top: 15px;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        color: #1b3c6c;
    }
    .webform-component-checkboxes #edit-submitted-opciones input[type="checkbox"] {
        display: none;
    }
    .webform-component-checkboxes #edit-submitted-opciones input[type="checkbox"] + label {
        display:inline-block;
        width:auto;
        height:18px;
        background: url(/sites/all/themes/YQYP_theme/assets/images/Check-box-Unchecked.png) left top no-repeat;
        vertical-align:middle;
        cursor: pointer;
        padding-left: 24px;
        padding-top: 1px;
        background-size: 17px;
        font-weight: 400;
    }
    .webform-component-checkboxes #edit-submitted-opciones input[type="checkbox"]:checked + label {
        background:url(/sites/all/themes/YQYP_theme/assets/images/check-contacto1.png) left top no-repeat;
        background-size: 17px;
    }
    .webform-component-radios {
        color: #1b3c6c;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
    }
    /*#edit-submitted-cuentas-con-experiencia-en-mercadotecnia-o-en-recaudacion-de-fondos-opcional */.form-type-radio input[type="radio"] {
        display: none;
    }
    #edit-submitted-cuentas-con-experiencia-en-mercadotecnia-o-en-recaudacion-de-fondos-opcional {
        overflow: hidden;
    }
    /*#edit-submitted-cuentas-con-experiencia-en-mercadotecnia-o-en-recaudacion-de-fondos-opcional*/ .form-type-radio input[type="radio"] + label {
        display:inline-block;
        height:21px;
        background: url(/sites/all/themes/YQYP_theme/assets/images/Radio-Button.png) left top no-repeat;
        vertical-align:middle;
        cursor: pointer;
        padding-left: 24px;
        padding-top: 1px;
        background-size: 21px;
        margin-left: 12px;
        width: 90%;
        margin-bottom: 12px;
        
    }
    /*#edit-submitted-cuentas-con-experiencia-en-mercadotecnia-o-en-recaudacion-de-fondos-opcional */.form-type-radio input[type="radio"]:checked + label {
    background:url(/sites/all/themes/YQYP_theme/assets/images/Radio-Button-Checked.png) left top no-repeat;
        background-size: 21px;
    }
    /*#edit-submitted-cuentas-con-experiencia-en-mercadotecnia-o-en-recaudacion-de-fondos-opcional*/ .form-type-radio .option {
        float: left;
    } 
    /*#edit-submitted-cuentas-con-experiencia-en-mercadotecnia-o-en-recaudacion-de-fondos-opcional*/ .form-type-radio label[for="edit-submitted-cuentas-con-experiencia-en-mercadotecnia-o-en-recaudacion-de-fondos-opcional-1"] {
        margin-right: 25px;
        margin-left: 11px;
    }
    /*#edit-submitted-cuentas-con-experiencia-en-mercadotecnia-o-en-recaudacion-de-fondos-opcional*/ .form-type-radio label[for="edit-submitted-cuentas-con-experiencia-en-mercadotecnia-o-en-recaudacion-de-fondos-opcional-2"] {
        margin-right: 155px;
        margin-left: 11px;
    }
    /*.webform-client-form-356 #edit-submitted-cuentas-con-experiencia-en-mercadotecnia-o-en-recaudacion-de-fondos-opcional*/ .form-type-radio label[for="edit-submitted-cuentas-con-experiencia-en-mercadotecnia-o-en-recaudacion-de-fondos-opcional-2"] {
        margin-right: 256px;
        margin-left: 11px;
    }
    .webform-client-form-47 .webform-component-textarea .grippie, 
    .webform-client-form-356 .webform-component-textarea .grippie,
    .webform-client-form-46 .webform-component-textarea .grippie,
    .webform-client-form-48 .webform-component-textarea .grippie,
    .webform-client-form-50 .webform-component-textarea .grippie,
    .webform-client-form-357 .webform-component-textarea .grippie,
    .webform-client-form-362 .webform-component-textarea .grippie,
    .webform-client-form-359 .webform-component-textarea .grippie {
        width: 100%;
        min-width: 296px;
    }
    #edit-submitted-consentimiento input[type="checkbox"] + label {
        display: inline-block;
        height: 25px;
        background: url(/sites/all/themes/YQYP_theme/assets/images/check-contacto2.png) left top no-repeat;
        vertical-align: middle;
        cursor: pointer;
        padding-left: 32px;
        padding-top: 1px;
        background-size: 25px;
    }
    #edit-submitted-consentimiento label {
        font-size: 15px;
        font-family: 'Roboto', sans-serif;
        color: #4b6385;
    }
    .webform-client-form-47 .form-actions, 
    .webform-client-form-356 .form-actions,
    .webform-client-form-46 .form-actions, 
    .webform-client-form-357 .form-actions,
    .webform-client-form-50 .form-actions, 
    .webform-client-form-362 .form-actions,
    .webform-client-form-48 .form-actions, 
    .webform-client-form-359 .form-actions,
    .webform-client-form-53 .form-actions,
    .webform-client-form-372 .form-actions,
    .webform-client-form-62 .form-actions,
    .webform-client-form-746 .form-actions{
        width: 292px;
        -webkit-appearance:none;
        margin: 0 auto;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .webform-client-form-47 .form-actions .webform-submit, 
    .webform-client-form-356 .form-actions .webform-submit,
    .webform-client-form-46 .form-actions .webform-submit, 
    .webform-client-form-357 .form-actions .webform-submit,
    .webform-client-form-50 .form-actions .webform-submit, 
    .webform-client-form-362 .form-actions .webform-submit,
    .webform-client-form-48 .form-actions .webform-submit, 
    .webform-client-form-359 .form-actions .webform-submit,
    .webform-client-form-53 .form-actions .webform-submit,
    .webform-client-form-372 .form-actions .webform-submit,
    .webform-client-form-62 .form-actions .webform-submit,
    .webform-client-form-62 .form-actions .webform-submit{
        width: 100%;
        -webkit-appearance:none;
        background-color: #df483d;
        border: none;
        padding-top: 15px;
        padding-bottom: 15px;
        display: block;
        font-size: 17px;
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        color: #ffffff;
        text-transform: uppercase;
        border-radius: 5px;
    }
    .captcha {
        width: 158px;
        height: 138px;
        display: block;
        margin: 0 auto;
    }
    
    
    /*--FORMULARIO DE DONATIVO 3 PASOS--*/
    
    .webform-client-form-62 .webform-component-textfield input,
    .webform-client-form-62 .webform-component-number input,
    .webform-client-form-62 .webform-component-email input,
    .webform-client-form-746 .webform-component-textfield input,
    .webform-client-form-746 .webform-component-number input,
    .webform-client-form-746 .webform-component-email input{
        width: 100%;
        height: 50px;
        border-radius: 6px;
        box-sizing: border-box;
        padding-left: 10px;
        border: thin solid #bdc3c7;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        margin-top: 12px;
    }
    #edit-submitted-group-pago-tarjeta-cantidad-donar{
        width: 40% ;
    }
    .webform-client-form-62 .webform-component-textfield label,
    .webform-client-form-62 .webform-component-number label,
    .webform-client-form-62 .webform-component-email label,
    .webform-client-form-62 .webform-component--group-pago-transferencia--instrucciones-transferencia,
    .webform-client-form-62 .field-type-text-long,
    .webform-client-form-62 .webform-component--group-pago-tarjeta--fecha-vencimiento,
    .webform-client-form-746 .webform-component-textfield label,
    .webform-client-form-746 .webform-component-number label,
    .webform-client-form-746 .webform-component-email label,
    .webform-client-form-746 .webform-component--group-pago-transferencia--instrucciones-transferencia,
    .webform-client-form-746 .field-type-text-long,
    .webform-client-form-746 .webform-component--group-pago-tarjeta--fecha-vencimiento{
        color: #1b3c6c;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        /*margin-bottom: 12px;*/
        display: block;
    }
    .webform-client-form-62 .field-type-text,
    .webform-client-form-746 .field-type-text{
        color: #1b3c6c;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin-bottom: 12px;
        width: 100%;
    }
    .webform-client-form-62 .field-type-text .field-label,
    .webform-client-form-746 .field-type-text .field-label{
        float: left;
        width: 100%;
        margin-bottom: 12px;
        
    }
    .webform-client-form-62 .webform-component--group-pago-tarjeta--nombre-tarjeta .description,
    .webform-client-form-62 .webform-component--metodo-pago .description,
    .webform-client-form-62 .webform-component-radios .description,
    .webform-client-form-62 .webform-component--group-pago-tarjeta--cantidad-donar .description,
    .webform-client-form-62 .webform-component--group-pago-transferencia--referencia .description,
    .webform-client-form-62 .webform-component--group-pago-tarjeta--banco-emisor .description,
    .webform-client-form-62 .webform-component--grupo-datos-facturacion--rfc .description,
    .webform-client-form-62 .webform-component--datos-certificado-fieldset--para-quien-certificado .description,
    .webform-client-form-62 .webform-component--datos-certificado-fieldset--de-parte-de-certificado .description,
    .webform-client-form-62 .webform-component--datos-certificado-fieldset--tipo-certificado-regalo .description,
    .webform-client-form-746 .webform-component--group-pago-tarjeta--nombre-tarjeta .description,
    .webform-client-form-746 .webform-component--metodo-pago .description,
    .webform-client-form-746 .webform-component-radios .description,
    .webform-client-form-746 .webform-component--group-pago-tarjeta--cantidad-donar .description,
    .webform-client-form-746 .webform-component--group-pago-transferencia--referencia .description,
    .webform-client-form-746 .webform-component--group-pago-tarjeta--banco-emisor .description,
    .webform-client-form-746 .webform-component--grupo-datos-facturacion--rfc .description,
    .webform-client-form-746 .webform-component--datos-certificado-fieldset--para-quien-certificado .description,
    .webform-client-form-746 .webform-component--datos-certificado-fieldset--de-parte-de-certificado .description,
    .webform-client-form-746 .webform-component--datos-certificado-fieldset--tipo-certificado-regalo .description{
        display: inline-block;
        margin-top: 12px;
        color: #1b3c6c;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
    }
    
    .webform-client-form-62 /*.webform-component--metodo-pago */.option,
    .webform-client-form-746 /*.webform-component--metodo-pago */.option {
        margin-top: 12px;
    }
    .webform-client-form-62 #edit-submitted-group-pago-tarjeta-periodicidad-donar .option,
    .webform-client-form-746 #edit-submitted-group-pago-tarjeta-periodicidad-donar .option {
        width: 100%;
    box-sizing: border-box;
    }
    .webform-client-form-62 .webform-component-markup h2,
    .webform-client-form-746 .webform-component-markup h2,
    .page-node-746 .webform-component--essentials-subtitle{
        color: #1b3c6c;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 18px;
    }
    
    .webform-client-form-62 legend,
    .webform-client-form-746 legend{ 
        color: #1b3c6c;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 18px;
        margin-left: 12px;
        margin-bottom: 12px;
    }
    .webform-client-form-62 h2,
    .webform-client-form-746 h2 {
        color: #1b3c6c;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 18px;
        margin-bottom: 12px;
    }
    
    #webform-ajax-wrapper-62 .webform-next,
    #webform-ajax-wrapper-62 .webform-submit,
    #webform-ajax-wrapper-62 .webform-previous,
    #webform-ajax-wrapper-746 .webform-next,
    #webform-ajax-wrapper-746 .webform-submit,
    #webform-ajax-wrapper-746 .webform-previous{
        width: 100%;
        -webkit-appearance:none;
        background-color: #de483d;
        color: white;
        border: none;
        padding: 18px 50px;
        border-radius: 7px;
        font-family: 'Lato', sans-serif;
        font-size: 17px;
        font-weight: 700;
        margin-top: 35px;
}
    #webform-ajax-wrapper-62 .webform-next,
    #webform-ajax-wrapper-746 .webform-next{
        margin-top: 12px;
    }
    
    .webform-client-form-62 .webform-component--titulo-paso-1,
    .webform-client-form-62 .webform-component--titulo-paso-2,
    .webform-client-form-62 .webform-component--titulo-paso-3,
    .webform-client-form-62 .webform-component--titulo-facturacion,
    .webform-client-form-62 .webform-component--titulo-certificado,
    .webform-client-form-746 .webform-component--step-1-title,
    .webform-client-form-746 .webform-component--step-2-title,
    .webform-client-form-746 .webform-component--step-3-title,
    .webform-client-form-746 .webform-component--titulo-facturacion,
    .webform-client-form-746 .webform-component--titulo-certificado{
        
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        line-height: 24px;
        font-size: 26px;
        text-align: center;
        text-transform: uppercase;
        margin-top: 75px;
        margin-bottom: 50px;
        color: #1B3C6C;
    }
    
    .webform-client-form-62 .webform-component-number span,
    .webform-client-form-746 .webform-component-number span{
            color: #1b3c6c;
        font-family: 'Lato', sans-serif;
        font-size: 17px;
        font-weight: 600;
}
    #edit-submitted-group-pago-tarjeta-fecha-vencimiento-month,
    #edit-submitted-group-pago-tarjeta-fecha-vencimiento-year{
        width: 115px;
        padding: 8px 0px;
        border: 2px solid #d5d9db;
        border-radius: 5px;
        color: #828f9b;
        background-color: white;
        height: 50px;
        margin: 12px 12px;
    }
    
    #webform-ajax-wrapper-62 .webform-progressbar,
    #webform-ajax-wrapper-746 .webform-progressbar{
        width: 225px;
    }
    #webform-ajax-wrapper-62 .webform-progressbar-outer,
    #webform-ajax-wrapper-746 .webform-progressbar-outer{
        border: none;
        height: 10px;
        margin-top: 25px;
        border-radius: 4px;
    }
    #webform-ajax-wrapper-62 .current,
    #webform-ajax-wrapper-746 .current{
        border: none;
        background-color: #c23d1f !important;
        width: 16px;
        height: 16px;
        border-radius: 100%;
        margin-top: -6px !important;
    }
    #webform-ajax-wrapper-62 .webform-progressbar-page,
    #webform-ajax-wrapper-746 .webform-progressbar-page{
        background-color: #d7dcde;
        border: none;
        margin-top: -1px;
    }
    #webform-ajax-wrapper-62 .webform-progressbar-page:last-of-type,
    #webform-ajax-wrapper-746 .webform-progressbar-page:last-of-type{
        left: 98% !important;
    }
    #webform-ajax-wrapper-62 .webform-progressbar-inner,
    #webform-ajax-wrapper-746 .webform-progressbar-inner{
        background-color: white;
        border: none;
    }
    #webform-ajax-wrapper-62 .webform-progressbar-page-label,
    #webform-ajax-wrapper-746 .webform-progressbar-page-label{
        margin-top: 17px;
        display: block;
        width: 104px;
    }
    #webform-ajax-wrapper-62 .webform-progressbar-page:first-of-type,
    #webform-ajax-wrapper-746 .webform-progressbar-page:first-of-type{
        left: 3% !important;
    }
    #webform-client-form-62 .webform-progressbar-page .current .webform-progressbar-page-label,
    #webform-ajax-wrapper-746 .webform-progressbar-page .current .webform-progressbar-page-label,
    .webform-progressbar-page .webform-progressbar-page-label{
        margin: 1em -3.4em;
        font-size: 12px;
    }
    .webform-progressbar-page .webform-progressbar-page-label{
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        color: #828f9b;
        text-transform: uppercase;
    }
    .webform-progressbar-outer .current .webform-progressbar-page-label{
        color: #1b3c6c;
        padding-top: 6px;

    }
    .webform-client-form-62,
    .webform-client-form-746{
        margin-top: 0px;
        width: 100%;
        float: left;
        background-color: #f5f9fa;
    }
    /*Formulario de Contacto*/
    .webform-client-form-221 .webform-component--favor-selecciona-situacion select,
    .webform-client-form-221 .webform-component--por-favor-selecciona-tu-interes select,
    .webform-client-form-401 .webform-component--favor-selecciona-situacion select, 
    .webform-client-form-401 .webform-component--por-favor-selecciona-tu-interes select{
        width: 100%;
        background-position: 102%;
        background-size: 53px;
    }
    .webform-client-form-221 .webform-component--favor-selecciona-situacion, 
    .webform-client-form-221 .webform-component--por-favor-selecciona-tu-interes, 
    .webform-client-form-401 .webform-component--favor-selecciona-situacion, 
    .webform-client-form-401 .webform-component--por-favor-selecciona-tu-interes{
        height: 50px;
        
    }
    .webform-client-form-401 .webform-component-select #edit-submitted-favor-selecciona-situacion{
        padding-right: 50px;
    }
    /*Registro talleres*/
    .page-node-64 #registration-form{
        width: 100%;
        margin-top: 50px;
        padding-top: 50px;
        margin-bottom: 50px;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }
    .page-node-64 #registration-form .field-name-field-nombre-taller-reg, .page-node-64 #registration-form .field-name-field-apellidos-taller-reg, .page-node-64 #registration-form .field-name-field-gen-taller-reg, .page-node-64 #registration-form .field-name-field-edad-taller-reg, .page-node-64 #registration-form .field-name-field-telefono-taller-reg, .page-node-64 #registration-form .field-name-field-institucion-taller-reg, .page-node-64 #registration-form .field-name-field-puesto-taller-reg, .page-node-64 #registration-form .field-name-field-ocupacion-taller-reg, .page-node-64 #registration-form .field-name-field-escolaridad-taller-reg, .page-node-64 #registration-form .field-name-field-tallersolo-taller-reg, .page-node-64 #registration-form .field-name-field-personas-taller-reg, .page-node-64 #registration-form .form-item-count, .page-node-64 #registration-form .form-item-anon-mail{
        width: 100%;
    }
    .page-node-64 #registration-form .field-name-field-nombre-taller-reg .form-text, .page-node-64 #registration-form .field-name-field-apellidos-taller-reg .form-text, .page-node-64 #registration-form .field-name-field-telefono-taller-reg .form-text, .page-node-64 #registration-form .field-name-field-institucion-taller-reg .form-text, .page-node-64 #registration-form .field-name-field-puesto-taller-reg .form-text, .page-node-64 #registration-form .field-name-field-ocupacion-taller-reg .form-text, .page-node-64 #registration-form .field-name-field-escolaridad-taller-reg .form-text{
        width: 100%;
        height: 50px;
    }
    .page-node-64 .form-item-field-gen-taller-reg-und .form-item:last-of-type{
        width: 100px;
    }
    .page-node-64 .form-item-field-tallersolo-taller-reg-und .form-item:last-of-type{
        width: 100px;
    }
    .page-node-64 #registration-form .form-text{
        height: 50px;
        width: 100%;
    }
    .page-node-64 #registration-form #edit-actions{
        width: 100%;
    }
    .page-node-64 #registration-form #edit-actions .form-submit{
        float: none;
        margin-right: 0px;
        margin: 0 auto;
        margin-bottom: 15px;
        -webkit-appearance:none;
    }
    .page-node-64 #registration-form #edit-actions a{
        float: none;
        margin: 0 auto;
    }
    /*EMPRESAS APOYA CON VOLUNTARIOS*/
    .webform-client-form-53{
        margin-bottom: 25px;
    }
    .webform-client-form-53 .webform-component--datos-de-la-empresa,
    .webform-client-form-53 .webform-component--datos-de-la-persona-de-contacto,
    .webform-client-form-53 .webform-component--actividades-de-interes,
    .webform-client-form-53 .webform-component--detalles-de-colaboracion,
    .webform-client-form-372 .webform-component--datos-de-la-empresa,
    .webform-client-form-372 .webform-component--datos-de-la-persona-de-contacto,
    .webform-client-form-372 .webform-component--actividades-de-interes,
    .webform-client-form-372 .webform-component--detalles-de-colaboracion{
        margin-top: 25px;
        margin-bottom: 12.5px;
    }
    .webform-client-form-53 .webform-component--opciones,
    .webform-client-form-372 .webform-component--opciones
    .webform-client-form-372 .webform-component--opciones{
        overflow: hidden;
    }
    /*Pasos Dona*/
    #edit-submitted-metodo-pago{
        overflow: hidden;
    }
}