.event-details{max-width:380px;width:100%;margin-top:-300px}.event-details .bg{position:absolute;top:0;left:0;z-index:0;opacity:.8}.event-details .content{z-index:10}.event-details .icon-calendar{padding-top:12px;display:inline-block;margin-bottom:10px}.event-details .icon-calendar:before{content:'';width:100%;height:5px;border-radius:100px;display:block;background-color:#fff;position:relative;top:-20px}.event-details .event-name{margin-top:50px}.event-item .event-image{margin-left:150px}.event-item .event-image img{border-radius:10px}.event-details-modal{background-color:#3660e7;color:#fff;padding:30px;position:fixed;z-index:100;top:50%;left:50%;border-radius:10px;max-width:850px;width:100%;transform:translate(-50%,-50%);opacity:0;animation:animaModal .3s ease forwards}.event-details-modal button{position:absolute;top:20px;right:20px}.event-details-modal .content{flex:1}.event-is-finished .event-name{margin-top:10px}@keyframes animaModal{0%,10%{opacity:0;margin-top:50px}100%{opacity:1;margin-top:0px}}@media screen and (max-width:768px){.event-item .event-image{max-width:120px;position:absolute;z-index:20;top:-50px;right:30px}.event-details{background-color:#3660e7;border-radius:10px;max-width:100%}.event-details .event-name{border-top:1px solid rgba(255,255,255,.2);margin-top:15px;padding-top:15px;font-size:1rem}.event-item{margin-top:350px;padding-left:15px;padding-right:15px}.event-details .icon-calendar{transform:scale(.8);padding-top:0;margin-bottom:0;margin-top:-18px}.event-details .btn-open-details{position:absolute;bottom:20px;right:20px}.event-details-modal{max-height:500px;overflow:auto;padding:30px}.event-is-finished .event-name{border:0;padding-bottom:20px;margin:40px 0 0 0;width:100%;padding-right:0}.event-is-finished .btn{margin-bottom:30px}.event-is-finished .h4{font-size:1rem}}@media screen and (min-width:769px){.event-details{min-height:400px}}