/********Inkubes*********/

html, body{
    font-size:16px;
    box-sizing: border-box;
    overflow-x:hidden;
}
a {
    color: #0A3CD6;
    text-decoration: none;
}
a:hover {
    color: #0A3CD6;
    text-decoration: underline;
}
.align-items-center{
        align-items: center;
}
.justify-space-between{
    justify-content: space-between;
}
.justify-space-around{
    justify-content: space-around;
}

.txt-blue{
    color:#0A3CD6!important;
}
.text-bold{
    font-weight:bold;
}
.titular h2, h2.titular{
    color:#0A3CD6;
    font-size:2em;
    margin-bottom:30px;
    line-height: 1.3em;
    font-family:Raleway!important;
}
body.paymatricula h2{
    font-family:Raleway!important;
    font-weight:bold!important;
}
.msg-pagoBancario span{
    border-color:#0A3CD6;
}
.msg-pagoBancario .aviso li{
    margin-bottom:1em;
}
.titular.white h2{
    color:#fff;
}


.c-subtitle-home{
    padding:5em;
    
}
.c-subtitle-home .titular{
    max-width:1150px;
    margin:0 auto;
}
.c-subtitle-home .titular h1{
    text-align:center;
    font-weight:400;
    color:#0A3CD6;
    font-size:2em;
    line-height:1.5em;
}

.c-cursos-home{
    background: rgb(116,132,254);
    background: linear-gradient(45deg, rgba(116,132,254,1) 0%, rgba(60,74,243,1) 25%, rgba(116,132,254,1) 50%, rgba(60,74,243,1) 75%, rgba(116,132,254,1) 100%);
    padding:5em;
    
}

.c-cursos-home .titular{
    margin-bottom:50px;
}
.c-cursos-home .titular h2{
    color:#fff;
    font-size: 30px;
    max-width:20%;
    
}

.c-cursos-home .content-flex{
    display:flex;
    flex-direction: row;
}
.box-curso{
    flex: 1 1 33.3%;
    background:#fff;
    border-radius:10px;
    padding:2em 2em 11em 2em;
    margin:10px;
    box-shadow: 5px 5px 10px rgba(255,255,255,0.3);
    position:relative;
}

.box-curso .curso-title{
    font-size:38px;
    color:#3C4AF3;
    font-family: 'Oswald';
    margin-bottom:10px;
    text-align:center
}
.box-curso .curso-title:after{ 
    
}
.box-curso .bottom{
    position: absolute;
    width: 100%;
    bottom: 30px;
    padding: 0 40px;
    right: 0px;
}

.curso-list{
    margin-bottom:20px;
    padding: 0 0px 0 1em;
}
.curso-list li{
    list-style:none;
    font-size:16px;
    line-height:1.5em;
    
}
.curso-list li:before{
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #3C4AF3; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.columns{
    display:flex;
}
.columns>div{
    margin: 0 5px;
}
.o-btn{
    position:relative;
}
.columns .o-btn{
    font-size: .7em;
    padding: 0.5em 2em;
    text-transform: none;
    text-align: center;
    margin-left: -1em;
    width:12em;

}
.columns a:hover{
    text-decoration:none!important;
}
.columns .arrow-link .t-link{
    color:#3C4AF3;
    text-decoration:none;
    font-size:.8em;
}
.columns .arrow-link:hover .t-link{
    text-decoration:underline;
}

.columns .arrow-link .t-link svg{
        max-width: 1.5em;
    margin-bottom: -4px;
}
.columns .muted{
    font-size:12px;
    color:#707070;
    text-decoration:none!important;
}

.arrow-link:after{
       content: "";
    color: #3C4AF3;
    font-weight: bold;
    font-size: 2em;
    display: inline-block;
    width: 2em;
    margin-left: 5px;
    position: absolute;
    margin-top: -7px;
}

.arrow-link.white:after{
    color: #fff;
}

.o-btn-nocolor{
    background:#fff!important;
    color:#3C4AF3;
    box-shadow:none;
    border:1px solid rgba(0,0,0,0.12);
}
.o-btn-nocolor:hover{
    background: rgba(10 60 214 /10%)!important;
}

.c-niveles-home{
    padding:5em;
}
.c-niveles-home .titular{
    max-width:400px;
}
.c-niveles-home .titular h2{
    color:#0A3CD6;
    font-size:40px;
    margin-bottom:30px;
}
.entradilla{
    width:50%;
    font-size:18px;
    line-height:1.5em;
}
.niveles-list{
    margin-top:50px;
}
.nivel-box {
    align-self: flex-start;
    margin:0 10px!important;
    /*box-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
}
.nivel-box-content{
    padding: 15px;
    font-size: 16px;
    line-height: 1.5em;
}
.nivel-box img{
    max-width:100%;
    width:100%;
}

.image-nivel{
    height: 150px;
    overflow: hidden;
    border-radius: 10px;
    margin: -4px;
    margin-bottom: 20px;
}

.level_title{

        display: flex;
    padding: 10px;
    justify-content: space-between;
        margin-bottom: 20px;
}
.open-close{
    display: flex;
    align-items: center;
}
.open-close a{
    text-align:right;
    color:#000;
    cursor:pointer;
}

.level_title h3{
    font-weight:400;
    font-size:25px;
}

.c-red{
    border:4px solid #D14E4F;
    border-radius:10px;
}
.c-blue{
    border:4px solid #72D0DF;
    border-radius:10px;
}
.c-green{
    border:4px solid #4AD459;
    border-radius:10px;
}
.c-orange{
    border:4px solid #FFA114;
    border-radius:10px;
}
.c-plataforma-home{
    background-size:50% 100%!important;
    background-repeat:no-repeat!important;
    background-position: left center!important;
    margin-top:50px;
}
.c-plataforma-home.medio{
        background-size:50% auto!important;
}
.c-plataforma-home:before, .c-plataforma-home2:before{
    content: " ";
    width: 49.5vw;
    background-color: #0A3CD6;
    height: 8px;
    position: absolute;
    z-index: 0;
    width: 50vw;
}
.c-plataforma-home2:before, .b50-right:before{
    right:0px;
}

.c-plataforma-home.b30:before{
   
    width: 50vw;
   
}
.c-plataforma-home2{
    background-size:50% 100%!important;
    background-repeat:no-repeat!important;
    background-position: right center!important;
    margin-top:50px;
}
.c-plataforma-home2.medio{
    background-size:50% auto!important;
}

.c-plataforma-home .titular h2, .c-plataforma-home2 .titular h2{
     color:#0A3CD6;
    font-size:2em;
    margin-bottom:30px;
    max-width:80%;
}
.c-plataforma-home2 .titular h2{
    max-width:70%;
}
.bg, .cont{
    flex:1;
    max-width: 50%; 
    margin:0px!important;
}

.cont{
    padding: 5em;
    background: #fff;
}

.cont.right{
    padding-right:0px;
}
.cont.left{
    padding-left:0px;
}

.cont p{
    font-size:1.1em;
    line-height:1.5em;
    margin-bottom:15px;
}

.c-descubre-home{
    background: rgb(116,132,254);
    background: linear-gradient(45deg, rgba(116,132,254,1) 0%, rgba(60,74,243,1) 25%, rgba(116,132,254,1) 50%, rgba(60,74,243,1) 75%, rgba(116,132,254,1) 100%);
    padding:8em;
    color:#fff;
}

.cont-descubre{
    max-width:550px;
    margin:0 auto;
}
.cont-descubre h2{
    margin-bottom:40px;
}

.cont-descubre p{
    font-size:20px;
    line-height:1.5em;
    margin-bottom:40px;
}
.c-descubre-home *{
    color:#fff;
}

.c-btn{
    padding:15px 30px;
    font-size:0.8em;
    font-weight:bold;
    border-radius:50px;
    width:100%;
    max-width:150px;
    text-align:center
}

.c-btn.c-btn-white{
    background:#fff;
    color:#0A3CD6;
    border: 3px solid #0A3CD627;
    text-decoration: none;
    max-width:276px;
    height:72px;
    font-size: 20px;
    display:flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.c-btn.c-btn-white.c-btn-white-sm{
    margin: 0;
    max-width: 223px;
    height:56px;
    
}

.c-btn.c-btn-white:hover{
    background:rgba(10 60 214 / 10%);
    color:#0A3CD6;
    border: 3px solid #0A3CD627;
     text-decoration: none;
}

.c-btn.c-btn-white.c-btn-white-blue:hover{
     background:rgba(255 255 255 / 10%);
     color:#fff;
     border: 3px solid rgba(255  255 255 / 15%);
}

.c-opiniones-home{
    padding:5em;
}
.c-opiniones-home .titular{
    max-width:300px;
}

.opiniones{
    margin-top:50px;
    background-color:#fff!important;
}

.targeta-opiniones{
    padding:40px;
    background:linear-gradient(#0A3CD6 ,#020A6D);
    color:#fff!important;
    border-radius:20px;
    text-align:center;
    margin:10px;
    box-shadow: -2px -2px 4 rgba(255,111,21,0.21);
}

.targeta-opiniones .targeta-content{
    font-size:.8em;
}
.targeta-opiniones h4{
    color:#fff!important;
}
.targeta-opiniones .stars{
    margin:10px 0;
    font-size:12px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.targeta-opiniones .stars i{
    margin:0 3px;
}

.boton-cta{
    text-align:center;
}

.btn-cta, .btn-cta:focus{
    background: #3A50FE!important;
    color: #fff!important;
    border-radius: 50px;
    border: 2px solid #3A50FE!important;
    /*box-shadow: 4px 4px 8px rgb(153 177 250 / 93%);*/
    width: 100%;
    max-width: 296px;
    font-weight: bold!important;
    height: 72px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.btn-cta:hover{
    color:#3A50FE!important;
    background:#fff!important;
    border:2px solid #fff!important;
}

.no-b:before, .no-b:after{
    content:none;
}

.arrow-down{
    position: absolute;
    margin-top: -100px;
    margin-left: -50px;
}

.bg-gradient-top{
    background: linear-gradient(180deg, rgba(0,41,167,1) 0%, rgba(111,130,253,1) 100%);
}
.p-0{
    padding:0px!important;
}
.p-1{
    padding:1em!important;
}
.p2{
    padding:2em;
}
.p-4{
    padding:4em;
}
.p-5{
    padding:5em;
}

.pb-0{
    padding-bottom:0px;
}
.pb-3{
    padding-bottom:3em;
}
.pb-4{
    padding-bottom:4em;
}
.pb-5{
    padding-bottom:5em;
}
.pl-2{
    padding-left:2em!important;
}
.pl-4{
    padding-left:4em;
}

.pr-2{
    padding-right:2em;
}
.pr-4{
    padding-right:4em;
}
.pr-5{
    padding-right:5em;
}
.pl-5{
    padding-left:5em;
}
.pt-0{
    padding-top:0em;
}
.pt-2{
    padding-top:2em;
}
.pt-3{
    padding-top:3em;
}
.pt-5{
    padding-top:5em;
}

.mb-1{
    margin-bottom:1em;
}

.mb-2{
    margin-bottom:2em;
}
.mt-2{
    margin-top: 2em;
}

hr.white{
    border-top: 5px solid #fff;
}

.col-60{
    max-width:60%;
}

.col-50{
    max-width:50%;
}

.col-40{
    max-width:40%;
}

.col-20{
    max-width:20%;
}
.text-white, .text-white *{
    color:#fff!important;
}

.white-card{
    flex:1;
    background:#fff;
    border-radius:20px;
    padding:2em;
    margin:0 10px!important;
    box-shadow:4px 4px 7px rgba(153,177,250,0.93);
}

.white-card h3{
    color:#0A3CD6;
    font-size:1.4em;
    font-weight:300;
    margin-bottom:20px;
}
.white-card > p{
    font-size:.8em;
    line-height:1.2em;
}
.white-card .text *{
    font-size:1em;
    line-height:1.5em;
}
.white-card .text ul {
    padding-left:20px;
}
.white-card .text ul li, .blue-bullets li{
    list-style: none!important;
}
.white-card .text ul li:before, .blue-bullets li:before{
     content: "\2022";
    color: #0A3CD6;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-weight: bold;
    font-size: 1.2em;
}

.texted{
    font-size:1em;
    line-height:1.5em;
}

.card{
    flex:1;
    
    text-align:center
}
.card h3{
    font-size:1.1em;
    font-weight:500;
    margin-bottom: 10px;
}

.box-content{
    padding:1.5em;
    border-radius:20px;
    font-size:16px;
    line-height:1.2em;
}

.box-content .titular{
    color:#0A3CD6;
    font-size:20px;
    margin-bottom:20px;
}

.box-content p{
    font-size:0.8em;
}

.nivel-box.radied{
    flex:1;
    border-radius:20px;
    /*box-shadow: 4px 4px 8px rgba(153,177,250,0.93);*/
    align-self: normal;
    background:#fff;
}


.nivel-box.radied .image-nivel{
    border-radius:20px 20px 0px 0px;
    height:175px;
}

.bg-stripped{
    background: linear-gradient(45deg, rgba(116,132,254,1) 0%, rgba(60,74,243,1) 25%, rgba(116,132,254,1) 50%, rgba(60,74,243,1) 75%, rgba(116,132,254,1) 100%);
}

.icon-item{
    flex:1;
    text-align:center;
    padding:.5em;
    
}
.icon-item svg{

    width: 80%;
    height: 80px;
    margin-bottom: 10px;
    max-width:100px;
}
.icon-item p{
    margin:5px 0;
    color:#fff;
    font-weight:500;
    font-size:.8em;
}


.top-offset {
    margin-top: -21vh;
    margin-bottom: 15vh;
}
.box-content ul{
    padding-left:20px;
    
}

.box-content ul li{
    list-style: none;
    margin-bottom:15px;
    line-height:1.5em;
    font-size:.8em;
}
.titular ul li:before, .box-content ul li:before{
        content: "\2022";
    color: #0A3CD6;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-weight: bold;
    font-size: 1.2em;
}

.top-offset .columns .nivel-box .box-content .titular, .escuelas .columns .nivel-box .box-content .titular {
    font-weight:400;
}

.double-line:after{
        content: " ";
    width: 49.5vw;
    background-color: #0A3CD6;
    height: 8px;
    position: absolute;
    z-index: 0;
    width: 50vw;
    right: 0px;
    margin-top: -8px;
}
.double-line-lef:after{
    content: " ";
    width: 49.5vw;
    background-color: #0A3CD6;
    height: 8px;
    position: absolute;
    z-index: 0;
    width: 50vw;
    left: 0px;
    margin-top: -8px;
}

.h-600{
        min-height: 50vh;
}

.d-flex{
    display:flex;
}

.c-plataforma-home2.b-50-left:before{
    content: " ";
    background-color: #0A3CD6;
    height: 8px;
    position: absolute;
    z-index: 0;
    width: 50vw;
    left:0px
}

.searchbox .columns .white-card .titular{
    font-size:20px!important;
    font-weight:500;
}

ul.listed{
    padding-left:20px;
}
ul.listed li{
    margin-bottom:20px;
}

.levels .nivel-box .box-content p{
    font-size:.8em;
    line-height:1.5em;
}
.arrowed a{
    text-decoration: none;
}
.arrowed .arrow-link{
    text-align:left;
}
.arrowed .arrow-link .muted{
    color:#9A9A9A;
    font-weight:400;
}

.arrowed .arrow-link .t-link{
    color:#0A3CD6;
}
.arrowed .muted{
    text-decoration:none!important;
}
.t-link:hover{
    text-decoration:underline!important;
}
.p-cta{
    font-size:18px;
    color:#000;
    max-width:500px;
    margin:0 auto;
    line-height:1.5em;
}

.title-modal{
    font-family: 'Raleway';
    font-size: 44px;
    text-align: left;
    line-height: 1.2em;
    color: #0A3CD6;
    max-width: 60%;
    margin-bottom:20px;
}

.title-modal:after{
    display:none!important;
}

.modal-header{
    border:0px!important;
}

.subtitle-modal{
    font-family: 'Raleway';
    color: #0A3CD6;
}

.c-modal__popup2{
    background:rgba(10,60,214,0.2);
}

.modal-content{
    padding: 0 2em;
    border:none;
    box-shadow: 4px 4px 8px rgba(153, 177, 250,0.93 );
    border-radius:20px;
}

.ink-close{
    position: absolute!important;
    right: 20px !important;
    top: 50px !important;
    border-radius: 100% !important;
    border: 1px solid #0A3CD6 !important;
    padding: 5px !important;
    min-width: 40px !important;
    min-height: 40px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: space-around!important;
}
.ink-close svg{
    fill:#0A3CD6;
}
.ink-close:hover{
    background:#0A3CD6;
    
}
.ink-close:hover svg{
    fill:#fff;
}
.ink-select, .ink-input{
  border-radius: 10px;
    border: 2px solid rgba(10,60,214,0.27);
    box-shadow: -2px -2px 12px rgb(255 11 21 / 7%);
}

.ink-btn-modal{
    border: 2px solid rgba(10,60,214, 0.15)!important;
    border-radius: 50px;
    padding: 1em 3em;
    font-size: 16px;
    text-transform: none;
    color: #0A3CD6!important;
    background:#fff;
}

.ink-btn-modal:hover{
    background:rgba(10,60,214, 0.15)!important;
}
.banner-content{
    background: linear-gradient(90deg, white 50%, transparent 50%);
}
.banner-section .banner-content h1.titular{
    font-family: 'Raleway';
    font-size:30px;
    color:#0A3CD6!important;
    line-height: 1.5em!important;
}
.buscador-box{
    min-width: 30vw;
    box-shadow: 4px 4px 8px rgb(153 177 250 / 93%);

}
.banner-content ul{
    padding-left:20px;
}
.banner-content ul li{
    list-style: disc;
    margin-bottom:10px;
    line-height:1.5em;
}
.banner-content ul li a{
    color:#0A3CD6;
    
}
.content-text p{
    font-size:16px;
}

.mt-5{
    margin-top:5em;
}
.ulist{
    padding:0 0 0 20px;
}
.ulist li{
    list-style:none;
    margin-bottom:2em;
}
.ulist li a{
    font-size:1em;
    color:#0A3CD6;
}

.ulist li a svg{
    margin-left:.5em;
    max-width:1em;
}

.image-com{
    flex-direction: column;
    padding: 40px;
    background: #0A3CD6;
    border-radius: 20px ;
    margin: 0px!important;
    flex-basis: 33.3%;
    box-shadow: 4px 4px 8px rgb(153 177 250 / 93%);
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    max-width:33.3%;
}
.image-com img{
    margin-bottom:2em;
    width:100%;
}

.image-com h3{
    text-transform: uppercase;
    color:#fff;
    font-weight: 400;
    font-size:1em;
}

.content-com{
        padding: 2em;
    flex-basis: 66.6%;
        max-height: 378px;
    overflow-y: scroll;
}
.eoi{
    margin-bottom: 20px;
}
.eoi h4{
    font-size:1em;
    font-weight:bold;
    color:#0A3CD6;
    margin-bottom:10px;
}
.eoi p{
    line-height:1.2em;
    font-size:.8em;
}

.btitle{
    font-family: 'Playfair Display';
    font-size:3em;
    margin-bottom:30px;
}

.ctitular{
    font-size:30px;
    font-weight:bold;
    color:#0A3CD6;
}

a.link{
    color:#0A3CD6;
    text-decoration:none;
}
a.link:hover{
    color:#0A3CD6;
    text-decoration:underline!important;
}

.diagram svg{
    max-width: 100%;
}

ul.no-list li{
    list-style: none;
}

.avisosul{
    padding-left:20px;
    
}
.avisosul li{
    list-style:disc;
    font-size:1em;
    line-height: 1.5em;
}

.color-blue{
    color:#0A3CD6!important
}

.formu_insc{
    max-width:800px;
    margin:0 auto;
}

.i-form__select{
        outline: none;
    width: 100%;
    height: 70px;
    padding: 0 15px;
    margin-bottom: 25px;
    border-radius: 10px;
    border: 1px solid rgba(10,60,214, 0.27);
    color: #666;
    font-size: 1rem;
    line-height: 1.3125rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 36px;
    background: #fff url(/tebundles/teportal/img/select-angle-down.png) no-repeat right 12px center;
    box-shadow:-2px -2px 12px rgba(255,111,21,0.07);
}

.i-form__input {
         outline: none;
    width: 100%;
    height: 70px;
    padding: 0 15px;
    margin-bottom: 25px;
    border-radius: 10px;
    border: 1px solid rgba(10,60,214, 0.27);
    color: #666;
    font-size: 1rem;
    line-height: 1.3125rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 36px;
   
    box-shadow:-2px -2px 12px rgba(255,111,21,0.07);
}
.i-form__label {
    color: #0A3CD6;
    font-size: 1em;
    font-weight: 600;
    width: 21.875rem;
    padding-top: 0px;
    margin-bottom: 10px;
}

.i-form__textarea {
    width: 100%;
    height: 125px;
    padding: 15px;
    margin-bottom: 40px;
    border: 1px solid rgba(10,60,214, 0.27);
    border-radius: 5px;
    resize: none;
    font-family: "Raleway", sans-serif;
    font-size: 1rem;
    line-height: 1.3125rem;
    box-shadow:-2px -2px 12px rgba(255,111,21,0.07);
}

.o-form__input-block .input-group.date{
    border-radius: 10px;
    border: 1px solid rgba(10,60,214, 0.27);
}

.o-btn-actualizar{
    color:#fff!important;
    text-transform:none;
   font-size:1.2em!important;
   
}
.o-btn-actualizar:hover{
    color:#3A50FE!important;
}

.paymatricula-internet #update_matricula .datos h3{
    color:#3A50FE;
    background:transparent;
    font-weight:bold;
    font-size:1em;
}
.paymatricula-internet #update_matricula .datos{
    background:#fff;
}
.input-group.date .i-form__input{
    border:none!important;
}
ul.no-list li{
    list-style: none!important;
}

.baner-linktop{
    position: absolute;
    bottom: 50px;
    right: 4em;
}

.banner-section .banner-content::after {
    content: " ";
    height: 5px;
    width: 90%;
    background: linear-gradient(135deg, rgba(58,80,254,1) 0%, rgba(58,80,254,1) 50.5%, rgba(255,255,255,1) 50.5%, rgba(255,255,255,1) 100%);
    position: absolute;
    z-index: 999;
    bottom: 10px!important;
}

.cta_titular{
    font-size:1.8em!important;
}
.topmarge{
    align-self: flex-start;
    margin-top: 10vh;
}

.mb-100{
    margin-bottom:-100px!important;
}
.card{
    transition: display 0.5s;
    max-width:25%;
}
.card .front{
    padding:3em 1.5em;
    opacity:1;
}
.card .back{
    display:none;
    opacity:0;
    transition: all 1s ease;
}
.card:hover{
    padding:0px;
    width:25%;
    transition: all 1s ease;
}
.card:hover > .front{
    display:none;
    opacity:0;
    transition: all 1s ease;
}
.card:hover > .back{
    display:block;
    opacity:1;
    transition: all 1s ease;
}


.back p{
     padding:5px;
}
.c-red .back h3{
    background: #D14E4F;
    color:#fff;
    margin-bottom:0px;
    padding:.5em 1em;
}
.c-red .back .curso{
    background: #D14E4F;
   
}
.c-blue .back h3{
    background: #72D0DF;
    color:#fff;
    margin-bottom:0px;
    padding:.5em 1em;
}
.c-blue .back .curso{
    background: #72D0DF;
   
}

.c-green .back h3{
    background: #6CC291;
    color:#fff;
    margin-bottom:0px;
    padding:.5em 1em;
}
.c-green .back .curso{
    background: #6CC291;
   
}
.c-orange .back h3{
    background: #FFA114;
    color:#fff;
    margin-bottom:0px;
    padding:.5em 1em;
}
.c-orange .back .curso{
    background: #FFA114;
   
}

.faqs_subtitle{
    color:#053CD6;
    font-weight: 400;
    font-size:2em;
    margin-bottom:.5em;
}

.c-footer__nav>svg{
    display:none;
}

.escuelas{
    max-width:1200px!important;
}

#cursooficial-h3-plazo{
    font-family:Raleway;
    color:#0A3CD6;
}
#cursooficial-h3-plazo:after{
    display:none!important
}
.js-avisame-close{
    border-color:#0A3CD6!imortant;
}
.js-avisame-close svg{
    fill:#0A3CD6;
}

.te-messages-area .error, .te-messages-area p{
    font-size:1em!important;
}
.mw-60{
    max-width:60%;
}
.w-600{
    width:600px;
    margin:0 auto;
}

.buscador-te select{
        height: 52px;
    display: flex;
    align-items: center;
    border: 2px solid rgba(10 60 214 /27%);
    font-size: .8em;
    vertical-align: middle;
        background-position: 95%;
}
.buscador-te input[type=text]{
    height: 52px;
    display: flex;
    align-items: center;
    border: 2px solid rgba(10 60 214 /27%);
    font-size: .8em;
    vertical-align: middle;
       
}
.buscador-te select:focus{
    border-color:rgba(10 60 214 /27%);
}

.te-submit-step svg, .te-back-step svg{
    display:none;
}
.results-form{
    min-width:100%;
}
.te-localiza-eoi-results{
        
    width: 100%;
    margin:10vh 0;
}
.listado3{
        background: transparent;
    border-radius: 10px;
    box-shadow:none;
}

.listado3 .c-search-eoi__card--list{
    background: #0A3CD6;
    padding: 20px;
    color: #fff;
}
.c-search-eoi__card{
    border:none;
    background:transparent;
}
.listado3 .c-search-eoi__card--list p{
    font-size:1em!important;
    color:#fff!important;
}
.listado3 .c-search-eoi__card--list p.c-search-eoi__list-title{
    font-size: 1.4em!important;
    margin-bottom: 2em;
}
.c-search-eoi__list-title:after{
    display:none;
}

.listado3 .c-search-eoi__list-title{
    color:#fff!important;
}

.c-search-eoi__card.llistat{
    border-radius: 0 20px 20px 0!important;
}
.llistat .o-btn{
    margin: 0 auto !important;
    font-weight: bold;
}
.eoilist label{
     color:#5F5F5F!important;
     font-size:.8em;
}
.eoilist label b{
    margin-left: 0px;
}
.eoilist{
    border-bottom:0px;
}
.eoitutorial{
    color:#0A3CD6;
    font-size:1.2em;
}
.eoitutorial:hover{
    text-decoration:underline;
}
.listado2 input[type='radio']:hover:after, .listado3 input[type='radio']:hover:after{
    background:#0A3CD6;
}

.listado2 input[type='radio']:checked:after, .listado3 input[type='radio']:checked:after{
    background-color:#0A3CD6!important;
}
/*.o-btn.o-btn--secondary:before{
    content:" ";
    box-shadow: -6px -4px 7px rgb(10 60 214 / 60%);
}*/
.select-items{
        min-height: 300px;
}
.select-items div, .select-selected{
    color: #000;
    padding: 8px 16px;
    text-align: left;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: default;
    
}
.select-selected{
    align-items: center;
    border: 2px solid rgba(10 60 214 /27%);
    font-size: .8em;
}
.punts::before{
    color:#0A3CD6;
}

.c-search-eoi__card{
    background:#fff;
}

.c-search-eoi__desc, 
.c-search-eoi__info-eoi, 
.c-search-eoi__info-eoi,
.c-search-eoi__title-calendar{
    font-size:1em!important;
    padding: 0 40px;
    max-width:100%!important;
    color:#5F5F5F;
}

.c-search-eoi__card{
    margin-top: 10vh!important;
    border-radius: 20px 20px 0 0 ;
    box-shadow: 4px 4px 7px rgb(153 177 250 / 93%);
    padding:0px;
        overflow: hidden;
}

.c-search-eoi__name{
    background: #0A3CD6;
    color: #fff!important;
    padding: 40px 40px 20px 40px;
    border-radius: 20px 20px 0 0;
    max-width: 100%!important;
}

.c-search-eoi__title-info{
    font-weight:400!important;
}

.c-search-eoi__title-calendar{
    border:none!important
}
.c-search-eoi__calendar{
    flex-wrap:wrap;
    padding:0 40px;
}
.c-search-eoi__calendar-box{
    border:none!important;
        flex-basis: 25%;
}
.c-search-eoi__calendar-text, .c-search-eoi__date{
    font-size: 1em!important;
    color:#5F5F5F!important;
    font-weight: 600!important;
}
.c-search-eoi__card--list{
    background:#0A3CD6;
}
.c-search-eoi__card--list p{
    color:#fff!important;
   
}
.c-search-eoi__list-title{
    font-size: 1.2em!important;
    padding: 20px;
}
.te-localize-eoi-detail{
    color:#fff!important;
    font-size:1em;
}
.c-search-eoi__list{
    padding: 20px;
     color:#fff;
    padding-left:30px!important;
}
.eoi-avisos.c-search-eoi__title-calendar{
    background: rgba(10 60 214 /60%);
    color: #fff!important;
    padding: 10px 40px 10px 40px;
    margin-bottom:0px;
    max-width: 100%!important;
}
.eoi-avisos.c-search-eoi__title-calendar h4, .eoi-avisos h4{
    color:#fff;
    margin-bottom:0px;
}
.eoi-avisos.c-search-eoi__title-calendar h4>svg{
    float: right;
    margin-top: 5px;
}

.eoi-avisos{
    background: rgba(10 60 214 /60%);
}
.dropdown-c{
    padding:20px 0;
}
.pruebaavisos{
    display: inline-block;
    text-align: center;
    margin: 20px auto;
    width: 100%;
    
}
.pruebaavisos a{
    border-radius:50px;
    font-weight: bold;
    padding:15px 50px;
}
.te-localiza-eoi-time{
    padding: 0px 40px;
}

.centro-tutorial{
    border-radius:20px!important;
}

.radio{
        margin-bottom: 20px;
    font-size: 1em!important;
    line-height: 1.2em;
    color: #5F5F5F;
}

.policy ul.disc-ul li::marker{
    color:#0A3CD6!important;
}
body.mapaweb .policy a{
        color: #0A3CD6!important;
    
}
body.mapaweb .policy a{
    color: #0A3CD6!important;
    text-decoration: underline!important;
}
.c-legal__wrapper .titular{
    color:#0A3CD6!important;
    font-size:2em!important;
}

body.matriculainternet-nueva .ayudadescuentos#ninguno{
    float:none!important
}
body.matriculainternet-nueva .ayudadescuentos#ninguno, body.matriculainternet-nueva .ayudadescuentos .list-group{
        color: #0A3CD6!important;
    background: #fff;
    padding: 10px 15px;
    margin: 10px 0;
}

body.matriculainternet-nueva .ayudadescuentos{
    border: 0px solid #0A3CD6;
    padding: 25px;
    border-radius:20px;
   background: #fff;
    margin: 10px 0;
    font: normal normal normal 16px/21px Raleway;
    color: #000;
}
.bx-shadow-blue{
    box-shadow: 4px 4px 8px rgba(153,177,250,0.93);
}

.bx-shadow{
    position: relative;
}
.bx-shadow:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(-20deg, rgba(10 60 214 /50%) 0%, rgba(255 111 21/51%) 100% );
    transform: translate3d(0px, 0px, 0) scale(1);
    filter: blur(4px);
    opacity: 1;
    transition: opacity 0.3s;
    border-radius: inherit;
}

/* 
* Prevents issues when the parent creates a 
* stacking context. (For example, using the transform
* property )
*/
.bx-shadow::after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    border-radius: inherit;
}

body.matriculainternet-nueva .modal-header h4{
    color:#0A3CD6;
    font-family: Raleway;
    text-align: left!important;
    
}
body.matriculainternet-nueva .modal-header h4::after{
    display:none!important;
}
.matriculainternet-pago-datos li p{
     font-weight:600;
}
.matriculainternet-pago-datos li strong, .documentacionsubir h3{
    color:#fff;
    font-weight:600;
}
.matriculainternet-pago-datos li{
    margin-bottom:1em;
}

body.paymatricula .modificar label{
    color:#3A50FE;
    font-weight:bold;
    font-size:1em;
    width: 100%;
    text-align: left;
}

#cboxOverlay {
    background: rgba(58 80 254/50%)!important;
}
#cboxTopCenter, #cboxTopLeft, #cboxTopRight, #cboxBottomCenter, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleRight,#cboxMiddleLeft{
    background:none!important;
}
#cboxContent{
    border-radius:20px;
}
#cboxClose{
    right:10px;
    bottom:10px;
}
.nocent{
    margin:0!important;
}
.c-legal__wrapper{
    max-width:1500px;
}
.ink-caja{
    padding:2em;
    border-radius:20px;
    background:#fff;
    text-align: center;
    
}
.te-blue-ink{
    background-color:#3A50FE!important;
    color:#fff!important;
    margin-bottom:0px!important;
    border-radius:0;
}
.te-blue-ink *{
    color:#fff!important
}
.flotante-home{
        width: fit-content;
    text-align: left;
    position: absolute;
    right: 50px;
    bottom: 50px;
}
.mat-fecha-title{
    color: #0A3CD6;
    font-size: 20px;
    margin-bottom: 15px;
}
.content-com p{
     margin-bottom: 20px;
}
.content-com ul{
     margin-bottom: 20px;
}

.listado-convocatorias ul li{
    color: #000;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
}

.404-box{
  border: 1px solid rgba(10 60 214/20%);
    border-radius: 20px;
    padding: 2em;  
    box-shadow: 4px 4px 7px rgb(10 60 214 / 20%);
}
.text-404 h1{
    font-family: Playfair Display;
    font-size: 5em;
    margin-bottom: 30px;
}
.text-404 p{
    font-size: 2em;
    color: #0A3CD6;
}

.listado2 input, .listado3 input{
    float:left;
}

.btn-play img{
    position: absolute;
    width: 300px;
     margin-left: 20%;
    margin-top: 7%;
    z-index: 9999;
}
@media (max-width:1200){
.c-header__menu{
        padding-top:0px;!important
    }
   
    .c-header__close-btn{
        background-color: #0A3CD6;
        color:#fff;
    }
    .c-header__close-btn svg *{
        stroke:#fff;
    }
    .c-header__menu-wrapper{
        background-color:#fff;
    }
    
    .c-header__menu-wrapper{
        justify-content: flex-start!important;
    }
}
.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover, .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover, .bootstrap-datetimepicker-widget td span.active, .bootstrap-datetimepicker-widget td span:hover{
    background-color:#0A3CD6;
}

body.okpaytpv .o-h3{
    color:#0A3CD6;
    font-family: Raleway;
    font-weight:bold;
}
.pop-card{
    background:#fff;
    border-radius:20px;
    padding:20px;
    margin-bottom:2em!important;
}
.o-h3:after{
    display:none;
}

body.matriculainternet-nueva .modal-header h4{
    margin-bottom:20px;
}

.home-banner-head {
    display:flex;
    flex-direction: column;
    min-height:80vh;
    justify-content: center;
    align-items: center;
    background-position:center!important;
    background-size: cover!important;
    background-repeat:no-repeat!important;
}

h2.banner-header{
    font-family: PlayfairDisplay;
    color:#fff;
    font-size:3em;
    margin-bottom:20px;
    max-width:70%;
}
.home-banner-head p{
    color:#fff;
    font-size:1.5em;
}

.botoned-apps{
    position: absolute;
    bottom: 20px;
    max-width: 100%;
    left: 20px;
    right: 20px;
}

body.matriculainternet-nueva .modal-body .caja{
    border: 2px solid #0A3CD6!important;
    margin: 15px 80px;
    padding: 20px!important
}

body.matriculainternet-nueva .modal-header{
        max-width: 80%;
    text-align: left!important;
    padding: 15px 80px;
    font-weight: bold;
    padding-top:50px;
}

.round-card-pop{
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    margin-bottom: 2em!important;  
}
.c-footer__social-list2 {
   
    margin: 25px auto 0px!important;
}
.only-mob{
    display:none;
}

.btn-claim-home{
    font-size: 2em;padding: 0px 250px;box-shadow: 4px 4px 6px rgb(255 255 255 / 20%);
}

@media only screen and (min-width:1200px){
    .c-header__logo a svg{
        max-width:120px;
    }
    .c-header__item-nav{
        font-size:0.8em;
    }
    .banner-content h1 svg{
        max-width:100%;
    }
    .banner-content {
        padding:0 5em;
    }
    body.app-frontend .te-contact-card{
        right:0px;
    }
}

@media only screen and (min-width:1600px){
    .c-plataforma-home2{
        background-size:auto 100%!important;
        background-repeat:no-repeat!important;
        background-position: right center!important;
        margin-top:50px;
    }
    
    .c-plataforma-home2.autobg {
        background-size: 50% auto!important;
        background-repeat: no-repeat!important;
        background-position: right center!important;
        margin-top: 50px;
    }
    
    .c-plataforma-home{
        background-size:50% auto!important;
        background-repeat:no-repeat!important;
        background-position: left center!important;
        margin-top:50px;
    }
    
    .c-plataforma-home.medio{
        background-size:50% auto!important;
    }
    .c-plataforma-home2.medio{
        background-size:50% auto!important;
    }
    
    .card h3{
        font-size:1.5em;
        font-weight:500;
        margin-bottom: 10px;
    }
    .top-offset{
        margin-top:-17vh;
        margin-bottom:5vh;
    }
    .c-header__logo a svg {
        max-width: none!important;
    }
}

@media only screen and (max-width:820px){
    .banner-section{
        background:#fff!important;
    }
    .c-header__item-nav {
    	line-height: 3.625rem;
    }
    .te-footer li {
	    margin: 20px 0;
    }
    .mw-60{
        max-width:100%;
    }
    .c-footer__nav>svg{
        display:block;
    }
    .c-cursos-home .titular h2{
        max-width:100%;
        font-size:2em;
        text-align:center;
    }
    .c-subtitle-home .titular h2{
        font-size:1.5em;
    }
    .c-cursos-home, .c-niveles-home, .c-descubre-home, .c-opiniones-home{
        padding:2em 1em;
    }
    .columns, .content-flex{
        flex-direction:column!important;
    }
    
    .box-curso .curso-title, .c-niveles-home .titular h2{
        font-size:2em;
    }
    .entradilla{
        width:100%;
    }
    .nivel-box{
        margin:1em 0!important;
        align-self: center!important;
        width:100%;
        
    }
    .image-nivel{
        width:101.2%!important;
    }
    .image-nivel.mob100{
        width:100%!important;
    }
    .cont{
        padding:2em;
        max-width:100%!important;
        width:100%!important;
    }
    .c-plataforma-home, .c-plataforma-home2{
        background:transparent!important; 
    }
    .cont.left{
        padding:2em;
    }
    .mobcolumns{
        flex-direction:row!important;
	max-width: 100% !important;
    }
    .c-footer__esq svg{
        display:none;
    }
    .banner-content{
        flex-direction:column!important;
    }
    .banner-section .banner-content h5{
        margin-top:2em;
        text-align:center!important;
        margin-bottom:1em!important;
    }
    .banner-content > cont > div{
        margin-top:0px!important;
    }
    .topmarge{
        align-self: flex-start;
        margin-top: 10vh;
        text-align: center;
    }
    .arrow-down {
        position: absolute;
        margin-top: -100px;
        margin-left: 0px;
    }
    .banner-content .bg{
        display:none;
        background:#fff!important;
    }
    .o-svg__menu{
        height:20px;
    }
    .o-svg__menu *{
        stroke:#000!important;
    }
    
    .banner-section .banner-content::after {
        content: " ";
        height: 5px;
        width: 90%;
        background: linear-gradient(135deg, rgba(58,80,254,1) 0%, rgba(58,80,254,1) 100%);
        position: absolute;
        z-index: 2;
        /*bottom: 10em;*/
    }
    .p-5{
        padding:2em 1em;
    }
    
    .white-card, .card{
        margin-bottom:1em!important;
    }
    .titular{
        max-width:100%!important;
    }
    .fullmob, .card{
        width:100%;
        max-width:100%!important; 
    }
    .mmobtop{
        margin-top:1em!important;
    }
    
    .top-offset{
        margin-top:0px;
        margin-bottom:0px;
    }
    .c-plataforma-home2 .titular h2, .searchbox{
        max-width:100%;
    }
    .bg, .cont, .image-com{
        max-width:100%;
    }
    .c-plataforma-home2 .arrow-down{
        display:none;
    }
    
    .banner-section {

        min-height: 70vh!important;
        height: 100%;
    }
    .c-header__menu{
        padding-top:0px;!important
    }
   
    .c-header__close-btn{
        background-color: #0A3CD6;
        color:#fff;
    }
    .c-header__close-btn svg *{
        stroke:#fff;
    }
    .c-header__menu-wrapper{
        background-color:#fff;
    }
    
    .c-header__menu-wrapper{
        justify-content: flex-start!important;
    }
    .col-20{
        max-width:100%;
    }
    
    .reverse-mob{
        flex-flow: column-reverse!important;
    }
    .mb-100{
        margin-bottom:-0px!important;
    }
    
    .mob30{
        min-height:50vh!important;
    }
    .mob70{
        min-height:70vh!important;
        background:#fff!important;
    }
    .banner-section.te-localiza-eoi{
        min-height:115vh!important;
        overflow: scroll;
    }
    .banner-section.te-localiza-eoi .banner-content::after{
       bottom:-10px!important;
    }
    .btn-cta, .btn-cta:focus{
        margin:2em auto;
    }
    .banner-content{
       filter: none!important;
    }
    .banner-section .banner-content h5{
        margin-top:.5em;
        margin-bottom:.5em!important;
        font-size:2em!important;
    }
    .baner-linktop{
        display:none!important;
        clear:both;
        position:relative;
    }
    .baner-linktop .muted{
        margin-bottom:5px;
    }
    
    .te-localiza-eoi-results{
        margin-top:0px;
    }
    
    .c-search-eoi__card.c-search-eoi__card--last-step{
         padding:0px;
    }
    .pruebaavisos{
        padding:0 20px;
    }
    .pruebaavisos a{
        padding: 15px 20px!important;
    }
    .nocent{
        margin:0 auto!important;
    }
    .mt-mob-0{
        margin-top:0px!important;
    }
    .m-mob-0{
        margin:0!important;
    }
    #steps{
        padding:2em 0 0 0!important;
    }
    #steps svg{
        max-width:100%;
        margin:0 auto;
        margin-left:-60px;
       
    }
    .back_btn svg{
        display:none!important;
    }
    h2.banner-header{
        font-size: 2em;
    }
    .banner-section .banner-content p{
        text-align:center!important;
    }
    
    .botoned-apps{
        position: absolute;
        bottom: 20px;
        max-width: 50%!important;
        left: calc(50% - 25%)!important;
        right: calc(50% - 25%)!important;
    }
    
    .cols-tab{
        flex-direction:row!important;
    }
    .fc-day-header{
        font-size:1em!important;
    }
   
}
 @media only screen and (max-width:460px){
    .topmarge{
        align-self: flex-start;
        margin-top: 0vh;
        text-align: center;
    }
    .banner-section {

        min-height: 90vh!important;
        height: 100%;
    }
    .botoned-apps{
        position: absolute;
        bottom: 20px;
        max-width: 100%!important;
        left: 20px!important;
        right: 20px!important;
    }
    .cols-tab{
        flex-direction:column!important;
    }
    .w-600{
        width:100%;
    }
    .w-80{
        width:80%!important;
    }
    .white-card{
        padding:1.5em;
    }
    .c-subtitle-home {
        padding: 5em 2em;
    }
    .mob-1-per-line{
        display: flex;
        flex-flow: column;
    }
    .no-mob{
        display:none!important;
    }
    
    .mob-2-cols{
        flex-flow: row!important;
        flex-wrap: wrap!important;
    }
    .mob-2-cols div{
        flex-basis:46%!important;
        max-width:46%;
    }
    .nobt-mob:before{
        display:none;
    }
    .mt-mob-0{
        margin-top:0px!important
    }
    .mt-mob-1{
        margin-top:1em!important;
    }
    .mt-mob-2{
        margin-top:2em!important;
    }
    .mt-mob-3{
        margin-top:3em!important;
    }
    .mb-mob-0{
        margin-bottom:0px!important;
    }
    .pb-mob-3{
        padding-bottom:3em!important;
    }
    .p-mob-0{
        padding:0px!important;
    }
    .p-mob-1{
        padding:1em!important;
    }
    .p-mob-2{
        padding:2em!important;
    }
    .results-form{
        max-width: 100%;
        margin: 0;
    }
    .te-localiza-eoi-results{
        margin: 5px;
        min-width: 80%;
    }
    .listado2.te-localiza-eoi-results.c-search-eoi__wrapper.u-p-0, .listado3.te-localiza-eoi-results.c-search-eoi__wrapper.u-p-0{
        margin:0px;
        padding: 0px!important;
    }
    .c-search-eoi__card.c-search-eoi__card--list{
        margin-top:0px!important;
    }
    .c-search-eoi__card.llistat{
        margin-top: 0px!important;
        border-radius: 0 0 20px 20px!important;
        padding: 20px;
        max-height: 400px;
        overflow-y: scroll;
    }
    .c-search-eoi__card{
        margin-top:0px!important;
    }
    .te-localiza-eoi-time-toggle{
        display:block;
    }
    .image-com img{
        max-height: 150px;
    }
    .c-subtitle-home .titular h2{
        font-size:2em!important;
    }
    .banner-section.mh-50{
        min-height:67vh!important;
    }
    .only-mob{
        display:block!important
    }
    .image-mob{
        min-height:200px;
        width:100%;
        background-position: center center!important;
        background-size: cover!important;
    }
    #steps svg{
        max-width:100%;
        margin-left: -25px!important;
    }
    .c-plataforma-home:before, .c-plataforma-home2:before, .c-plataforma-home2.b-50-left:before {
        z-index:1;
    }
    
    body.matriculainternet-nueva .modal-header {
       
        padding: 15px 20px;
        
    }
    body.matriculainternet-nueva .modal-body p{
        padding:0px;
    }
    body.matriculainternet-nueva .modal-dialog {
        width: auto!important;
        max-width: 100%;
        text-align: center;
    }
    .flotante-home {
        width: fit-content;
        text-align: left;
        position: relative;
        right: auto;
        bottom: auto;
    }
    .head-banner-mob{
        background-size: contain!important;
        background-position: right!important;
        margin-top: 80px;
	width: 100%;
    }
    
    .btn-claim-home{
        font-size: 2em;
        padding: 0px 100px;
        box-shadow: 4px 4px 6px rgb(255 255 255 / 20%);
        max-width: 82vw!important;
        margin: 2em auto;
    }
    .btn-play {
        width:100%;
        text-align:right;
        float: right;
        margin-right: 10%;
    }
    .btn-play img{
        position: relative;
        width: 150px;
        z-index: 19;
        
    }
    
}

@media only screen and (max-width:1300px){
    .c-cursos-home, .c-niveles-home, .c-descubre-home{
        padding:5em 1em!important;
    }
    .c-header__menu{
        padding-top:0px;!important
    }
   
    .c-header__close-btn{
        background-color: #0A3CD6;
        color:#fff;
    }
    .c-header__close-btn svg *{
        stroke:#fff;
    }
    .c-header__menu-wrapper{
        background-color:#fff;
    }
    
    .c-header__menu-wrapper{
        justify-content: flex-start!important;
    }
    .card:hover{
        width:100%;
    }
    
}