.collage{background:url(https://tijuanidad.apphub.mx/assets/img/collage_tijuanidad.png) no-repeat 50%/cover;height:400px}.timeline{display:flex;margin:0 auto;flex-wrap:wrap;flex-direction:column;max-width:700px;position:relative}.timeline__content-title{font-weight:400;font-size:66px;margin:-10px 0 0;transition:.4s;padding:0 10px;box-sizing:border-box;font-family:Oswald,sans-serif;color:#e3207e}.timeline__content-desc{margin:0;font-size:15px;box-sizing:border-box;color:hsla(0,0%,100%,.7);font-family:Roboto Condensed,sans-serif;font-weight:400;line-height:25px}.timeline:before{position:absolute;left:50%;width:3px;height:100%;margin-left:-1px;content:"";background:#00a3de49}@media only screen and (max-width:767px){.timeline:before{left:40px}}.timeline-item{padding:40px 0;opacity:.3;filter:blur(2px);transition:.5s;box-sizing:border-box;width:calc(50% - 40px);display:flex;position:relative;transform:translateY(-80px);cursor:pointer}.timeline-item:nth-child(2n){align-self:flex-end}.timeline-item:nth-child(2n):before{right:auto;text-align:right;left:calc(-100% - 56px);padding-left:0;border-left:none;border-right:2px solid hsla(0,0%,100%,.5);padding-right:15px}.timeline-item--active{opacity:1;transform:translateY(0);filter:blur(0)}.timeline-item--active:before{top:50%;transition:all .3s .2s;opacity:1}.timeline-item--active .timeline__content-title{margin:-50px 0 20px}@media only screen and (max-width:767px){.timeline-item{align-self:baseline!important;width:100%;padding:0 30px 150px 80px}.timeline-item:before{left:10px!important;padding:0!important;top:50px;text-align:center!important;width:60px;border:none!important}.timeline-item:last-child{padding-bottom:40px}}.timeline__img{max-width:100%;box-shadow:0 10px 15px rgba(0,0,0,.4);border-radius:20px}.timeline-container{width:100%;position:relative;transition:.3s ease 0s;background-attachment:fixed;background-size:cover}.timeline-header{width:100%;text-align:center;position:relative}.timeline-header__title{color:#fff;font-size:58px;font-family:Oswald,sans-serif;font-weight:400;margin:0}.timeline-header__subtitle{color:hsla(0,0%,100%,.5);font-family:Pathway Gothic One,sans-serif;font-size:16px;letter-spacing:5px;margin:10px 0 0;font-weight:400}.demo-footer{padding:60px 0;text-align:center}.demo-footer a{color:#999;display:inline-block;font-family:Cardo}.modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.75);z-index:9999;display:flex;justify-content:center;align-items:center}.close{position:absolute;top:20px;right:30px;font-size:50px;cursor:pointer;color:#fff}.imageContainer{position:relative;width:80vw;height:auto;max-width:800px;max-height:80vh}.image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}