/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* SCROLL DE TODA LA PAGINA */

/* ::-webkit-scrollbar-thumb{
    width: 0 !important;
} */
/* html::-webkit-scrollbar-thumb{
    background-color: #2C2C2C !important;
    border-radius: 15px !important;
} */
/* ::-webkit-scrollbar-track{
    background-color: #F8F8F8;
} */

/* menu  */

.menuHead{
    position: relative;
    z-index: 9999;
}
.elementskit-megamenu-panel{
    width: 99.2vw !important;
    padding-left: 0 !important;
}

/* index */

.post-54 p#breadcrumbs{
    display: none;
}

/* tabs de oposiciones */

/* .tabOpo{
    display: none;
} */

/* HOME*/

.post-home img{
    height: 200px !important;
}

/* botont temarios oposiciones */

.botonTemario{
    display: none;
}

/* mas info campamentos niños  */

.masInfoCamp{
    text-decoration: none !important;
}

/* menu llamada a la accion  */

.accion{
    width: 200px;
    position: fixed !important;
    z-index: 999;
    top: 600px;
    margin: 0;
}
.accion .elementor-row{
    width: 100%;
    margin-left: 20px;
}
.entry-title{
	display:none !important;
}
.divAccion{
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 2px  rgba(0, 0, 0, 0.623) ;
    cursor: pointer;
    width: 40px !important;
    height: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.divAccion1{
    opacity: 0;
    border-radius: 50%;
    display: none;
    justify-content: center;
    align-items: center;
    width: 35px !important;
    height: 35px !important;
    transition: all .3s linear;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 2px  rgba(0, 0, 0, 0.623) ;
}
.divAccion1 .elementor-element-populated, .divAccion .elementor-element-populated{
    padding: 0 !important;
}
.divAccion1 i{
    line-height: 27px;
}
.accion .elementor-row .divAccion1:nth-child(2){
    position: relative;
    top: -150px;
    left: -45px;
}
.accion .elementor-row .divAccion1:nth-child(3){
    position: relative;
    top: -125px;
    left: -30px;
}
.accion .elementor-row .divAccion1:nth-child(4){
    position: relative;
    top: -75px;
    left: -45px;
}
.accion .elementor-row .divAccion1:nth-child(5){
    position: relative;
    top: -23px;
    left: -95px;
}
.elementor-widget-image .elementor-image img {
    vertical-align: middle;
    display: inline-block;
    padding: 2px;
}
.boton{
    position: fixed !important;
    z-index: 999;
    width: 210px;
    top: 650px;
}
.elementor-116 .elementor-element.elementor-element-5731c989 .elementor-button{
    background-color: #F2EFE9 !important;
    color: #2C2C2C  !important;
    border: none !important;
    box-shadow: 0px 0px 5px  rgba(102, 102, 102, 0.459) ;
}
.negrita-sub{
	font-weight: bold !important;
	background: linear-gradient(180deg, rgba(0,0,0,0) 60%, #6fcbcb 40%) !important;
}
.negrita-sub-educ5{
	font-weight: bold !important;
	background: linear-gradient(180deg, rgba(0,0,0,0) 60%, #ba8088 40%) !important;
}
.negrita-sub-kids{
    font-weight: bold !important;
	background: linear-gradient(180deg, rgba(0,0,0,0) 60%, #98D9D7 40%) !important;
}

.negrita-sub-opos{
    font-weight: bold !important;
	background: linear-gradient(180deg, rgba(0,0,0,0) 60%, #FF6F61 40%) !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media screen and (max-width:768px){
    .accion{
        top: 850px;
    }
    .boton{
        top: 900px;
    }
    
}
@media screen and (max-width:1024px){
    .accion{
        top: 1250px;
    }
    .boton{
        top: 1300px;
    }
}
@media screen and (max-width:1366px){
    .accion{
        top: 900px;
    }
    .boton{
        top: 950px;
    }
}
@media screen and (min-width:1366px){
    .bienvenido{
        display: none;
    }
}
@media screen and (max-width:450px){
    .accion{
        display: none;
    }
    .boton{
        display: none;
    }
    .bienvenido{
        display: none;
    }
}

/* FIN  menu llamada a la accion  */

/* CHATBOT */
.seccionchat{
    min-height: 100vh;
}
.bocadillo{
    width: 100px !important;
    position: fixed !important;
    z-index: 999;
    bottom: 30px;
    right: 0;
}
.bocadillo .elementor-icon{
    background-color: rgba(0, 0, 0, 0.76);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 8px  rgba(0, 0, 0, 0.623) ;
    cursor: pointer;
}
.bocadillo .elementor-icon svg{
    padding-left: 2px !important;
}
.pulse{
    animation: pulse 1.5s infinite linear;
}
@keyframes pulse {
    from{
        transform: scale(.8);
    }
    to{
        transform: scale(1.2);
    }
}
.cajaChat{
    display: none;
    position: fixed !important;
    z-index: 998;
    bottom: 70px;
    right: 30px;
    width: 350px;
    height: 420px;
    padding: 0;
    margin: 0;
    border-radius: 20px 20px 0 20px !important;
    box-shadow: 0px 0px 5px  rgba(0, 0, 0, 0.4) ;
}
.cajaChat .elementor-row{
    display: flex;
    flex-direction: column;
}
.cajaMensajes{
    position: relative;
    padding-top: 10px;
    width: 350px !important;
    height: 361px !important;
    overflow: auto;
    border-radius: 20px 20px 0 0;
}
.cajaMensajes::-webkit-scrollbar{
    width: 12px;
}
.cajaMensajes::-webkit-scrollbar-thumb{
    background-color: #2C2C2C;
    border-radius: 15px;
}
.cajaMensajes::-webkit-scrollbar-track{
    background-color: #F2EFE9;
}
.cajaChat .elementor-column-wrap{
    padding: 0 !important;
}
.tituloChat{
    background-color: #F2EFE9;
    padding: 15px 20px 0 20px;
    border-radius: 20px 20px 0 0;
    width: 350px !important;
    position: relative;
   
}
.tituloChat1{
    width: 350px !important;
}
.cerrar {
    background-color: transparent;
    box-shadow:none;
    position: absolute !important;
    z-index: 999;
    right: 20px;
    top: 20px;
    cursor: pointer;
    width: 30px !important;
}
.mensajeBot1{
    /* opacity: 0; */
    transition: all 1s linear;
}
.mensajeBot .elementor-icon-box-description,
.mensajeBot1 .elementor-icon-box-description,
.mensajeBot2 .elementor-icon-box-description,
.mensajeBot3 .elementor-icon-box-description, 
.mensajeDigital .elementor-icon-box-description,
.mensajeFisica .elementor-icon-box-description,
.mensajeWhat .elementor-icon-box-description,
.mensajeManos .elementor-icon-box-description,
.mensajeRevisa .elementor-icon-box-description,
.mensajeHumano .elementor-icon-box-description,
.mensajeFin .elementor-icon-box-description,
.mensajeHablamos .elementor-icon-box-description{
    background-color: #fff;
    width: max-content;
    padding: 10px;
    border-radius: 10px 10px 10px 0;
}
.mensajeGlobi{
    background-color: #F2EFE9;
    width: 250px !important;
    height: 70px !important;
    border-radius: 15px 15px 0 15px;
    position: fixed !important;
    z-index: 999;
    right: 90px;
    bottom: 70px;
    box-shadow: 0px 0px 5px  rgba(0, 0, 0, 0.4) ;
    cursor: pointer;
}
.mensajeGlobi2{
    background-color: #F2EFE9;
    width: 310px !important;
    height: 50px !important;
    border-radius: 15px 15px 0 15px;
    position: fixed !important;
    z-index: 999;
    right: 90px;
    bottom: 70px;
    display: none;
    box-shadow: 0px 0px 5px  rgba(0, 0, 0, 0.4) ;
}
.chatDigital,
.chatDigital1,
.chatFisica,
.chatFisica1,
.chatNo,
.chatNo1,
.chatLlamada,
.chatLlamada1,
.hablamos,
.chatNoMail{
    width: max-content !important;
    margin-left: 30px;
}
.hablamos .premium-modal-trigger-btn:hover{
   color: #2C2C2C !important;
}
.chatNoMail{
    display: none;
    margin-bottom: 10px;
}
.chatFisica1{
    display: none;
}
.chatDigital1{
    display: none;
}
.chatNo1{
    display: none;
}
.chatLlamada{
    display: none;
}
.chatLlamada1{
    display: none;
}
.hablamos{
    display: none;
}
.mensajeBot1{
    display: none;
}
.mensajeBot3{
    display: none;
}
.mensajeDigital{
    display: none;
}
.mensajeFisica{
    display: none;
}
.mensajeWhat{
    display: none;
}
.mensajeManos{
    display: none;
}
.mensajeRevisa{
    display: none;
}
.mensajeHumano{
    display: none;
}
.mensajeFin{
    display: none;
}
.mensajeHablamos{
    display: none;
}
.formularioChat{
    position: relative;
    top: -100px;
}
.formularioChat, .formTelefono{
    padding: 0 20px;
    display: none;
}
.formTelefono{
    display: none;
}
.formularioChat input{
    margin: 10px auto !important;
}
.formularioChat input[type="text"],
.formularioChat input[type="tel"],
.formTelefono input[type="text"],
 .formularioChat input[type="email"]{
    border: none;
    border-bottom: 1px solid #2C2C2C;
    border-radius: none !important;
    background-color: #F2EFE9;
}
.formTelefono input[type="text"]{
    margin-bottom: 20px;
}
.formularioChat .ks-form-group{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.formularioChat .ks-form-group input{
    width: max-content !important;
    margin: 0 !important;
    margin-right: 20px !important;
}
span.informativo{
    font-weight: 700 !important;
    cursor: pointer !important;
}
span.incluye{
    display: none;
}

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

    .tituloChat .elementor-icon-box-wrapper{
        display: flex;
    }
    .mensajeBot .elementor-icon-box-wrapper,
    .mensajeBot1 .elementor-icon-box-wrapper,
    .mensajeBot2 .elementor-icon-box-wrapper,
    .mensajeBot3 .elementor-icon-box-wrapper, 
    .mensajeDigital .elementor-icon-box-wrapper,
    .mensajeFisica .elementor-icon-box-wrapper,
    .mensajeWhat .elementor-icon-box-wrapper,
    .mensajeManos .elementor-icon-box-wrapper,
    .mensajeRevisa .elementor-icon-box-wrapper,
    .mensajeHumano .elementor-icon-box-wrapper,
    .mensajeFin .elementor-icon-box-wrapper{
        padding: 0 !important;
        display: flex;
        align-items: center;
        width: 100% !important;
    }
    .mensajeBot .elementor-icon-box-icon,
    .mensajeBot1 .elementor-icon-box-icon,
    .mensajeBot2 .elementor-icon-box-icon,
    .mensajeBot3 .elementor-icon-box-icon, 
    .mensajeDigital .elementor-icon-box-icon,
    .mensajeFisica .elementor-icon-box-icon,
    .mensajeWhat .elementor-icon-box-icon,
    .mensajeManos .elementor-icon-box-icon,
    .mensajeRevisa .elementor-icon-box-icon,
    .mensajeHumano .elementor-icon-box-icon,
    .mensajeFin .elementor-icon-box-icon{
        padding-right: 10px;
    }

    .cajaChat{
       
        bottom: 70px;
        right: 10px;
        width: 340px;
        height: 450px;
    }
    .tituloChat1{
        width: 340px !important;
    }
    .mensajeGlobi{
        width: 220px !important;
        height: 120px !important;
    }
    .mensajeGlobi2{
        width: 220px !important;
        height: 80px !important;
    }
}


.click2callimgfloat {
    display: none !important;
    position: absolute !important;
    top: 60% !important;
    left: 45% !important;

}


/* TEMARIOS */
.temarios{
    min-height: 10vh !important;
}
/* FORMULARIOS */

.wpcf7-form{
    margin-top: -100px !important;
}
.wpcf7-form .ks-form-group{
    display: flex;
}
.wpcf7-form .ks-form-group input{
    align-self: center;
    margin-right: 20px;
}
.formularioChat .wpcf7-form{
    margin-top: 0 !important;
}
.labelArea{
    margin-top: 15px !important;
}
.formulario1{
    position: relative !important;
    top: -30px !important;
}
.hablamos .premium-modal-box-modal-header{
    background-color: #F2EFE9 ;
}
.hablamos form input, .hablamos form select{
    background-color: transparent;
    border: none !important;
    border-bottom: 1px solid #2C2C2C !important;
    width: 450px !important;

}
.hablamos form textarea{
    height: 100px;
    width: 450px;
    background-color: transparent;
    border: none !important;
    border-bottom: 1px solid #2C2C2C !important;
}
.hablamos form .ks-form-group3 input{
    width: max-content !important;
    margin-right: 20px;
}
.hablamos .ks-form-group3{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.hablamos .wpcf7-form{
    margin-top: -140px !important;
}
.formulario3{
    margin-top: 20px !important;
}
.hablamos .wpcf7-form p:nth-child(10){
    min-height: 40px !important ;
    margin-bottom: 0 !important ;
}
.enviado{
    color: green;
    display: none;
    margin-top: 20px;
}
.enviado1{
    color: green;
    display: none;
    margin-top: 20px;
}
.enviado2{
    color: green;
    display: none;
    margin-top: 20px;
}

/* formulario matricula */
.formulario-matriculacion-old{
    width: 100% !important;
    padding-left: 5em;
    padding-right: 5em;
    font-family: Raleway, Sans-Serif;
}
.formulario-matriculacion-old select, .formulario-matriculacion-old input[type=text], .formulario-matriculacion-old input[type=number], .formulario-matriculacion-old input[type=date], .formulario-matriculacion-old input[type=month], .formulario-matriculacion-old input[type=email], #formPre textarea{
    border: 1px solid #ccc;
    font-size: 1.2em;
    height: 3em;
    margin: .25em 0em;
    width: 100%;
    border-radius: 15px;
}
.formulario-matriculacion-old #form-datos-alumn input, .formulario-matriculacion-old #form-datos-alumn select, #datos_cliente input, #datos_cliente select{
    width: 48.5%;
    margin: 0.25em auto;
    margin-left: .2em;
    margin-right: .2em;
}
.formulario-matriculacion-old input:focus, .formulario-matriculacion-old select:focus, .formulario-matriculacion-old textarea:focus{
    -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, .5);
    -moz-box-shadow: 0 0 5px rgba(81, 203, 238, .5);
    box-shadow: 0 0 5px rgba(81, 203, 238, .5);
    border: 1px solid rgba(81, 203, 238, .5);

}
.encabezado-form-old{
    text-align:center;
    font-family: 'Raleway', Sans-serif !important;
    color: #00a4a4;
    font-weight: 600;
}
#enviarPre{
    background-color: #bfb48f !important;
    border: 0 !important;
    border-radius: 15px !important;
    padding: 1em 1em 2.5em 1em;
}
.boton-enviar-form{
    text-align: center;
    margin-bottom: 2em;
}


#formPre h2, #formPre h3{
    color: #00A4A4;
    font-family: Raleway, Sans-Serif;
    text-align: center;
    font-weight: 600;

}
#cabecera-instrucciones .elementor-widget-container{
    padding: 40px ;
    background-color: #F2EFE9;
}
#cabecera-instrucciones .elementor-widget-container h3{
    text-align:left !important ;
}
#cabecera-instrucciones p{
    padding: 0 !important;
}
.elementor-element-4696fcfe .elementor-column-wrap{
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
}
#cabecera-instrucciones{
    width: 30% !important;
}

@media screen and (max-width:767px){
    #cabecera-instrucciones{
        width: 100% !important;
    }
    .elementor-element-2f842a1c{
        width: 100% !important;
    }
    .formulario-matriculacion-old #form-datos-alumn input, .formulario-matriculacion-old #form-datos-alumn select, #datos_cliente input, #datos_cliente select{
        width: 100% !important;
        margin: 0.25em auto;
    }
}



/* Formullario info  */

.formularioInfo form.wpcf7-form input[type="text"],.formularioInfo form.wpcf7-form input[type="email"]{
    height: 30px !important;
    background-color: white;
    border-bottom: 1px solid #2C2C2C;
}
.formularioInfo form.wpcf7-form select{
    width: 126% !important;
    border: none;
    border-bottom: 1px solid #2C2C2C;
    transform: translateX(-10%);
}
.formularioInfo form.wpcf7-form input[type="submit"]{
    background-color: #2C2C2C !important;
    color: white;
    border-radius: 10px;
    border: none;
}
.formularioInfo form.wpcf7-form input[type="submit"]:hover{
    background-color: #F2EFE9 !important;
    color: #000 !important;
}
.formularioInfo form.wpcf7-form input[type="submit"]:focus{
    border: none !important;
}
/* fomulario clase de prueba  */

.clasePrueba{
    min-height: max-content !important;
    transform: translateY(40%);
}
.clasePrueba1{
    min-height: 300px;
}
.clasePrueba1 p strong {
    margin: 20px auto !important;
}
.clasePrueba1 form.wpcf7-form input[type="text"], .clasePrueba1 form.wpcf7-form input[type="tel"],
.clasePrueba1 form.wpcf7-form input[type="email"],.clasePrueba1 form.wpcf7-form select{
    border: none;
    border-bottom: 1px solid #2C2C2C;
    border-radius: 0 !important;
}
.clasePrueba1 form.wpcf7-form select{
    width: 76% !important;
}

/* caracteristicas de los cursos  */

section.eliges .elementor-tab-content{
    height: 400px !important;
    overflow: scroll;
    overflow-x: hidden !important;
}
section.eliges .elementor-tab-content::-webkit-scrollbar{
    width: 7px !important;
}
section.eliges .elementor-tab-content::-webkit-scrollbar-thumb{
    background-color: rgb(206,194,156);
}
section.eliges .elementor-tab-content::-webkit-scrollbar-track{
    background-color: #e6e6e6;
}

/* formulario SEPA */

.acepta-sepa label{
    display: flex;
    justify-content: center;
    align-items: center;
}

.acepta-sepa input[type=checkbox]{
    width: max-content !important;
    margin: 0 ;
    margin-right:10px ;
}












/*************/

/*WEB 2020*/

/************/


/********************/
/*   TARJETAS CURSO    */
/********************/

.row-card-cursos{
    width: 100%;
    margin-bottom: 2em;


    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: wrap;
    align-items: space-around;
}
/*Cuerpo de la tarjeta*/
.card-curso{
    /*margin: 0 1.55%;*/
    background-color: #FAFBFD;
    border: 1px solid #eee;
    float:left;
    width: 23%;
    padding-top: 1.5em;
    border-radius: 20px;
    -webkit-box-shadow: 0px 3px 10px -3px rgba(135,135,135,0.2);
    -moz-box-shadow: 0px 3px 10px -3px rgba(135,135,135,0.2);
    box-shadow: 0px 3px 10px -3px rgba(135,135,135,0.2);
    margin-bottom: 2em;
    margin-right: 1%;
    margin-left: 1%;
}
.row-card-cursos .no-card-curso{
    font-size: 1.5em;
    font-weight: bold;
    font-family: Raleway, Sans-Serif;
    font-style: italic;
    background-color: #fafbfd;
    border-radius: 15px;
    padding: 1.5em;
    border: 1px solid #ccc;
    color: #777;
    -webkit-box-shadow: 0px 3px 10px -3px rgba(135,135,135,0.2);
    -moz-box-shadow: 0px 3px 10px -3px rgba(135,135,135,0.2);
    box-shadow: 0px 3px 10px -3px rgba(135,135,135,0.2);
}
.card-curso:first-child, .card-curso:nth-child(5n){
    margin-left: 0;
}
/*Ancho del título del curso*/
.titulo-curso{
    max-width: fit-content;
    margin-left: 1.5em;
}
/*Color y márgenes del título*/
.titulo-curso .nombre-grupo{
    color: #54595f;
    font-size: 1.7em;
    font-weight: 600;
}
/*Precio del curso y precio tachado irán en la misma row*/
.precio-curso-tachado *{
    display: inline;
}
.precio-curso{
    font-size: 1.7em;
}
.precio-curso small{
    font-size: .7em;
    color: #777;
}
/*Los hijos directos de la parte de abajo del HTML irán en línea(PRECIO Y BOTÓN)*/
.tarjeta-curso-bottom>*{
    display: inline;
}
.div-boton-matricula button{
    float:right;
    background-color: #cdc29c;
    border: 0;
    color: white;
    border: 1px solid #bfb48f;
    border-radius: 20px 0px 20px 0px;
    padding: .3em 1em 0.35em 1em;
    font-size: 1.3em;
    letter-spacing: .1em;
    font-weight: 600;
}
.div-boton-matricula button:hover{
    background-color: #cdc29c !important;
}
.div-boton-matricula button:active{
    background-color: #cdc29c !important;
}
.div-boton-matricula button:before{
    content:"\2192";
    margin-right: .5em;
    font-size: 1.3em;
    font-weight: 300;
}
.div-boton-matricula button:focus{
    outline: none !important;
    background-color: #cdc29c !important;
}
.duracion-modalidad-curso{
    text-align: right;
}
.precio-curso{
    font-style: italic;
    color: #cdc29c;
    font-weight: normal;
}
.precio-iva-curso>span{
    font-style: italic;
    font-size: .75em;
    color: #cdc29c;
}
.tarjeta-curso-bottom{

    margin-left: 1.5em;
}
@media (min-width: 768px) and (max-width: 1279px) {
    .card-curso, .card-curso:first-child, .card-curso:nth-child(odd){
        width: 47%;
        margin-left: .65em;
        margin-right: .65em;
    }
    .titulo-curso{
        width: 90%;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    .card-curso, .card-curso:first-child, .card-curso:nth-child(4){
        width: 100%;
        margin-right: 0em !important;
        margin-left: 0em !important;
    }
    .titulo-curso{
        width: 90%;
    }
}





/****************/
/*  FORMULARIO PREINSCRIPCION   */
/***************/

#modal-matricular{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    height: 85%;
    padding-bottom: 2em;
    background:#fafbfd;
    z-index: 9999;
    border-radius: 15px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.75);
}
.cabecera-modal-matricular{
    text-align: right;
    border-bottom: 1px solid #eee;
    margin-top: 1em;
    padding-top: 1em;
    padding-bottom: 2em;

}
.titulo-div-form{
    color: #00A4A4;
    text-align: center;
    font-family: Raleway, Sans-Serif;
    font-size: 1.7em;
    font-weight: 600;
    margin-top: 1em;
    margin-bottom: 1em;
}
.paso-1-matr{
    background: url('https://www.theglobeformacion.com/wp-content/uploads/2021/01/PASO-1-1.png') center center no-repeat;
}
.paso-2-matr{
    background: url('https://www.theglobeformacion.com/wp-content/uploads/2021/01/PASO-2.png') center center no-repeat;
}
.paso-3-matr{
    background: url('https://www.theglobeformacion.com/wp-content/uploads/2021/01/PASO-3.png') center center no-repeat;
}
.cerrar-modal-matricular{
    border-radius: 50px;
}
/*
.clearfix-head{
    border-bottom: 1px solid #eee;
    height: 1.2em;
    clear: both !important;
}*/
.clearfix{
    clear:both !important;
}
.option-forma-pago{
    text-transform: capitalize;
    margin-top: 2em !important;
    width: 50% !important;
    margin-bottom: 2em !important;
}
/****************/
.panel-matricula-body{
    display:none;
}
.panel-matricula-title{
    font-size: 1.25em;
    font-weight: bold;
}
.panel-matricula-heading{
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-top: 1em;
    padding-bottom: 1em;
    cursor: pointer;
}
.panel-inactivo{
    cursor: auto !important;
}
/***************/
.cerrar-modal-matricular:before{
    content: "\f00d";
    font-family: FontAwesome;
    color: #bfb48f;
    font-size: 1.5em;
    padding: .5em .7em .5em .7em;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    margin-right: 1.5em;
    -webkit-box-shadow: 0px 3px 12px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 12px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 12px -8px rgba(0,0,0,0.75);
}
.grupos-curso{
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: wrap;
    align-items: space-around;
    width:90%;
    border: 0;
    margin: 0 auto;
}
.grupos-curso .label-no-use, .grupos-curso .label-use{
    width: 46.5%;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 1em;
    background-color: #fafbfd;
    border: 1px solid #eee;
    border-radius: 15px;
    cursor: pointer;
}
.grupos-curso .label-no-use:first-child, .grupos-curso .label-no-use:nth-child(odd), .grupos-curso .label-use:nth-child(odd), .grupos-curso .label-use:first-child{
    margin-left: 0em;
}
.grupos-curso .label-no-use:nth-child(even), .grupos-curso .label-use:nth-child(even){
    margin-right: 0em;
}
.grupos-curso .label-no-use .label-izq, .grupos-curso .label-use .label-izq{
    float: left;
    width: 60%;
    margin-left: 1.2em;

}
.grupos-curso .label-use .label-izq>.nombre-grupo{
    display: block;
    margin-top: 1.8em;
    color: #54595f;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.25em;
}
.grupos-curso .label-no-use .label-izq>.nombre-grupo{
    display: block;
    margin-top: 1em;
    margin-bottom: 0.5em;
}
.grupos-curso .label-no-use .label-izq .nombre-grupo{
    color: #54595f;
    font-size: 1.3em;
    font-weight: 600;
}
.grupos-curso .label-no-use .label-izq .hora-grupo{
    font-style: italic;
    font-size: 0.8em;
    font-weight: 500;
    color: #00A4A4;
}
.grupos-curso .label-no-use .label-der:before, .grupos-curso .label-use .label-der:before{
    content: "Elegir";
}
.grupos-curso .label-no-use .label-der, .grupos-curso .label-use .label-der{
    float: right;
    text-align: right;
    width: 25%;
    background-color: #98d9d7;
    font-size: 1.3em;
    padding-top: 2.2em;
    padding-bottom: 2.2em;
    text-align: center;
    font-weight: 600;
    color: white;
    border-radius: 0 15px 15px 0;
}
.grupos-curso .label-no-use input[type=radio], .grupos-curso .label-use input[type=radio],
.grupos-curso .label-no-use input[type=checkbox], .grupos-curso .label-use input[type=checkbox]{
    display: none !important;
}

.grupos-curso .label-no-use input[type=radio]:checked ~  .label-der, .grupos-curso .label-use input[type=radio]:checked ~  .label-der,
.grupos-curso .label-no-use input[type=checkbox]:checked ~  .label-der, .grupos-curso .label-use input[type=checkbox]:checked ~  .label-der{
    background-color: #00A4A4;
}

.botonera-matricula{
    text-align: center;
}
#btn-continuar-pago, #send-matricula, #btn-continuar-datos{
    margin-top: 1.2em !important;
    margin-bottom: 1.2em !important;
    background-color: #cdc29c;
    color: white;
    border: 0;
    font-size: 1.1em;
    padding: 1em 1.5em 1em 1.5em;
    border-radius: 15px;
}
.boton-avanza-matricula:hover{
    background-color: #cdc29c;
}
.boton-avanza-matricula:focus{
    outline: none !important;
    background-color: #cdc29c;
}
/*A PARTIR DE AQUÍ FORMULARIO*/
#modal-matricular>#formPre{
    display: block;
    height: inherit;
    overflow-y: scroll !important;
}
#modal-matricular>#formPre input, #modal-matricular>#formPre select{
    display: block;
    width: 75%;
    height: 4em;
    margin: 0 auto;
    margin-bottom: 1em;
    border-radius: 15px;
    border: 1px solid #888;
    font-family: Raleway, Sans-Serif;

}
.error-matricula{
    box-shadow: 0 0 5px rgba(200, 0, 0, .5);
    border: 1px solid rgba(200, 0, 0, .5) !important;
}
#modal-matricular>#formPre input:focus, #modal-matricular>#formPre select:focus{
    box-shadow: 0 0 5px rgba(81, 203, 238, .5);
    border: 1px solid rgba(81, 203, 238, .5) !important;
}

.bloque-datos-linea-nombre, .bloque-datos-linea-ciudad, .bloque-datos-linea-complementarios, .bloque-datos-linea-direccion{
    display: block;
    width: 75% !important;
    margin: 0 auto;
}
.bloque-datos-linea-nombre>input{
    float:left;
    width: 47.5% !important;
}
.bloque-datos-linea-nombre>input:first-child{
    margin-right: 5% !important;
}
.bloque-datos-linea-complementarios>input{
    float: left;
    width:30% !important;
}
.bloque-datos-linea-complementarios>.fechaNac{
    margin-left: 5% !important;
    margin-right: 5% !important;
}
.bloque-datos-linea-direccion>input{
    float:left;
}
.bloque-datos-linea-direccion>input[type=text]{
    width: 65% !important;
    margin-right: 5% !important;
}
.bloque-datos-linea-direccion>input[type=number]{
    width: 30% !important;
}
.bloque-datos-linea-ciudad>select, .bloque-datos-linea-ciudad>input{
    float:left !important;
    width: 47.5% !important;
}
.bloque-datos-linea-ciudad>select{
    margin-right: 2.5% !important;
}
.bloque-datos-linea-ciudad>input{
    margin-left: 2.5% !important;
}
#modal-matricular #firefox-opera-date, #modal-matricular #chrome-month, #modal-matricular #StudentSourceLocalId{
    width: 20% !important;
    margin-top: 1em !important;
}
.checkboxes-final{
    width: 5% !important;
    height: 1em !important;
    margin-bottom: 0 !important;

}
.check-label-matricula>*{
    display: inline !important;
    vertical-align: middle !important;
}
.check-label-matricula{
    text-align: center;
    margin-bottom: 1em;
}
.transferencia_label{
    text-align: center;
    margin-top: 2em;
    margin-bottom: 3em;
}
.info-transferencia{
    margin-top: 2em;
    margin-bottom: 2em;
}
.transferencia_label>label{
    color: white;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 1em;
    padding-left: 1em;
    background-color: #00a4a4;
    border-radius: 15px;
    cursor: pointer;
}
.transferencia_label>label:before{
    content: "\f093";
    font-family: 'FontAwesome';
    margin-right: .5em;
}
#modal-matricular #justificante{
    display: none !important;
}
#send-matricula{
    margin-bottom: 1em;
}
#send-matricula:disabled, #btn-continuar-datos:disabled{
    background-color: #ccc;
    color: #777;
}

#modal-matricular #nCuentaTG{
    font-size: 1.5em;
}
#precio-matricula-general{
    width: fit-content;
    width: -moz-fit-content;
    margin: 0 auto;
    display: grid;
    font-size: 1.2em;
    padding: 2em;
    border: 1px solid #ddd;
    border-radius: 15px;
    color: #333;
}
div[id^=fpago-]{
    text-align: center;
    font-family: sans-serif;
    line-height: 3;
}
div[id^=precio-] span:nth-child(1){
    float:left;
    font-size: .7em;
    text-transform: uppercase;
}
div[id^=precio-] span:nth-child(2){
    font-size: .7em;
    float:right;
}
div[id^=precio-] span:nth-child(2):after{
    content:" €";
}
div[id^=precio-] b{
    font-size: bold;
}
#precio-matricula-general strong{
    text-align: left;
    display: block;
    margin-bottom: 1em;
}
#precio-total-matricula{
    border-top: 1px solid #eee;
    color: #cdc29c;
    font-size: 1.5em !important;
    font-weight: 600;
    padding-top: .5em;
}
#precio-descuento{
    color: #B12704;
}
@media (min-width: 768px) and (max-width: 1279px) {
    #modal-matricular{
        width: 95%;
        height: 90%;
    }
    .bloque-datos-linea-direccion, .bloque-datos-linea-complementarios, .bloque-datos-linea-nombre, .bloque-datos-linea-ciudad, #formulario-datos-alumno>input{
        width: 85%;

    }
    .grupos-curso{
        width: 95%;
    }
    .grupos-curso .label-no-use, .grupos-curso .label-use{
        width: 45%;
    }
    .grupos-curso .label-use .label-izq>.nombre-grupo{
        font-size: 1.1em;
        font-weight: 600;
    }
    .grupos-curso .label-no-use:nth-child(odd), .grupos-curso .label-use:nth-child(odd){
        margin-left: 0em !important;
    }
    .grupos-curso .label-no-use:nth-child(even), .grupos-curso .label-use:nth-child(even){
        margin-right: 0em !important;
    }
    .grupos-curso .label-no-use .label-der, .grupos-curso .label-use .label-der{

        padding-top: 2.8em;
        padding-bottom: 2.8em;
    }
    .grupos-curso .label-no-use .label-izq>.nombre-grupo{
        margin-bottom: 1em;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    #modal-matricular{
        width: 100%;
        height: 90%;
    }
    .cabecera-modal-matricular{
        padding: 0;
    }
    .paso-1-matr{
        background-size: 60%;
        background-position-x: 30%;
    }
    .paso-2-matr{
        background-size: 60%;
        background-position-x: 30%;
    }
    .paso-3-matr{
        background-size: 60%;
        background-position-x: 30%;
    }
    .cerrar-modal-matricular:before{
        font-size: 1em;
        padding: .2em .6em .2em .6em;
        margin-right: 1.2em;
        margin-bottom: .5em;
    }
    #formulario-datos-alumno>input, .bloque-datos-linea-nombre>input, .bloque-datos-linea-complementarios>input, .bloque-datos-linea-direccion>input, .bloque-datos-linea-complementarios>.fechaNac, .bloque-datos-linea-direccion>input[type=text], .bloque-datos-linea-direccion>input[type=number], .bloque-datos-linea-ciudad>select, .bloque-datos-linea-ciudad>input, .grupos-curso{
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    #modal-matricular>#formPre input[name=StudentEmail]{
        width: 75% !important;
        margin: 0 auto !important;
        margin-bottom: 1em !important;
        margin-top: 1em !important;
    }
    #modal-matricular>#formPre #StudentSourceLocalId, #modal-matricular>#formPre #chrome-month, #modal-matricular>#formPre #firefox-opera-date{
        width: 75% !important;
    }
    #modal-matricular>#formPre input, #modal-matricular>#formPre select{
        height: 2.5em;
        border-radius: 7.5px;
    }
    .bloque-datos-linea-direccion, .bloque-datos-linea-complementarios, .bloque-datos-linea-nombre, .bloque-datos-linea-ciudad{
        width: 90%;
        margin-left: 0em !important;
        margin-right: 0em !important;
        margin: 0 auto !important;
    }
    .formulario-matriculacion-old {
        width: 100%;
        font-family: Raleway, Sans-Serif;
    }
    .grupos-curso .label-no-use, .grupos-curso .label-use{
        width: 100%;
        margin-right: 0em !important;
        margin-left: 0em !important;
    }
    .grupos-curso .label-no-use .label-izq .nombre-grupo{
        font-size: 1.5em;
    }
    .grupos-curso .label-no-use .label-izq .nombre-grupo{
        font-size: 1.5em;
    }
    .grupos-curso .label-no-use .label-izq>.nombre-grupo{
        margin-bottom: 1em;
    }
    .grupos-curso .label-no-use .label-izq{
        margin-left: .7em;
        width: 68%;
    }
    .grupos-curso .label-no-use .label-der{
        font-size: 1.4em;
    }
}