#myBtnContainer{text-align:center;margin-bottom:10px}#myBtnContainer .btn{margin:5px 10px}.grid-row{display:flex;flex-flow:row wrap;justify-content:flex-start}.grid-item{min-height:590px;flex-basis:25%;-ms-flex:auto;position:relative;padding:15px 10px;box-sizing:border-box;display:none}.grid-item .content{background-color:#fff;padding:20px;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;min-height:380px}.grid-item .content p{line-height:1.4em}.grid-item .content h2{min-height:70px;font-size:18px;line-height:20px;color:#0016b2 !important}.grid-item .content .suspend-text{text-align:left !important;padding:20px 0 !important}.grid-item .item-link{color:#686868 !important;display:block;text-decoration:none}.grid-item:hover .overlay{height:100%}.grid-item.finales .content{position:relative;border-top:5px solid #40a0ea}.grid-item.tecnicos .content{position:relative;border-top:5px solid #61ce70}.detalle_tecnicos,.detalle_finales{width:40px;height:40px;border-radius:50%;position:absolute;top:-22px;right:20px;text-align:center;line-height:40px}.detalle_tecnicos i,.detalle_finales i{color:#fff;text-align:center}.detalle_finales,.btn_finales.active{background-color:#40a0ea !important;color:#fff}.btn_finales,.btn_finales.active{border-color:#40a0ea !important}.btn_finales{background-color:#fff;border:1px solid #40a0ea;color:#40a0ea}.btn_finales i{color:#40a0ea}.btn_tecnicos{background-color:#fff;color:#61ce70}.btn_tecnicos,.btn_tecnicos.active{border:1px solid #61ce70 !important}.btn_tecnicos i{color:#61ce70}.detalle_tecnicos,.btn_tecnicos.active{background-color:#61ce70 !important;color:#fff}.btn_tecnicos.active{border-color:#61ce70 !important}.btn_finales.active,.btn_finales.active i,.btn_tecnicos.active,.btn_tecnicos.active i{color:#fff}.show{display:block}.btn{outline:none;padding:12px 16px;cursor:pointer;box-shadow:none;border-radius:0;font-size:16px;border:1px solid #333;color:#333}.btn:focus{outline:none !important}.text .btn{background-color:#fff;color:#0016b2}.btn.active{background-color:#0016b2;color:#fff;border-color:#0016b2}.btn:hover,.btn-enroll:hover{color:#fff !important;background-color:#333}.btn:active,.btn-enroll:active{color:#fff important;background-color:#333}.btn-enroll:active .btn.active{background-color:#0016b2;color:#fff}.btn-enroll{color:#fff !important;background-color:#0016b2;border-color:#0016b2;padding:8px 10px !important;margin-top:10px}.grid-item .card-container{position:relative;width:100%;overflow:hidden}.grid-item .image{display:block;width:100%;height:auto;min-width:100%}.grid-item .overlay{position:absolute;bottom:0;left:0;right:0;background-color:#181db2;opacity:.85;overflow:hidden;width:100%;height:0;transition:.5s ease}.grid-item .card-container:hover .overlay{height:100%}.grid-item .text{color:#fff !important;font-size:16px;position:absolute;overflow:hidden;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:80%}.grid-item .text p{color:#fff !important;font-size:14px;line-height:18px}.rib{position:absolute;transform:rotate(-45deg);width:200px;background-color:#fd3e3b;text-align:center;top:40px;left:-50px;color:#fff;text-transform:uppercase;line-height:25px;height:25px;font-size:12px;font-weight:700}.curso-reprogramado,.curso-suspendido,.proximo-destacado,.curso-destacado{border:none}.curso-reprogramado:after,.curso-suspendido:after,.proximo-destacado:after{top:195px;right:6px;width:240px}.referencia-cursos{line-height:20px;display:inline-block;width:20px;height:20px;color:#fff;text-align:center;font-weight:400;-webkit-border-radius:45px;-moz-border-radius:45px;border-radius:45px;font-size:11px;margin:0 5px}.ref-cursos li:first-child{padding-right:0;color:#000;font-weight:700}.ref-cursos li{display:inline-block;padding-right:5px}@media(max-width:1333px){.grid-item{flex-basis:33.33%}}@media(max-width:1073px){.grid-item{flex-basis:33.33%}}@media(max-width:815px){.grid-item{flex-basis:50%;height:620px}.curso-reprogramado:after,.curso-suspendido:after,.proximo-destacado:after{top:195px;right:5px;width:230px}.grid-item .content{min-height:250px}}@media(max-width:555px){.grid-item{flex-basis:100%;height:700px}}