.future-projects-container,.future-projects-container .future-projects-component p,.time-wrap{position:relative;z-index:0}.time-wrap{background:#49110a;padding:60px 20px;background-position:center;background-size:cover;background-attachment:fixed}section#timeline{width:100%;margin:20px auto;position:relative;max-width:1200px}section#timeline:before{content:"";display:block;position:absolute;left:50%;top:0;margin:0 0 0 -1px;width:1px;height:100%;background:rgba(255,255,255,.2)}section#timeline article{width:100%;margin:0 0 20px;position:relative}section#timeline article:after{content:"";display:block;clear:both}section#timeline article div.inner{width:40%;float:left;margin:5px 0 0;border-radius:6px}section#timeline article div.inner span.date{width:60px;height:60px;padding:5px 0;position:absolute;top:0;left:50%;margin:0 0 0 -32px;border-radius:100%;font-weight:900;text-transform:uppercase;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px}section#timeline article div.inner span.date:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px dashed #fff;animation:4s linear infinite rotate-cont;border-radius:50%}@keyframes rotate-cont{from{transform:rotate(0)}to{transform:rotate(359deg)}}section#timeline article div.inner span.date span{display:block;text-align:center}section#timeline article div.inner span.date span.day,section#timeline article div.inner span.date span.year{font-size:10px}section#timeline article div.inner span.date span.month{font-size:18px}section#timeline article div.inner h3{padding:15px;margin:0;color:var(--colorMeroon);font-size:20px;text-transform:uppercase;letter-spacing:-1px;border-radius:6px 6px 0 0;position:relative;background:#fff}.future-projects-container .future-projects-component,section#timeline article div.inner p{font-size:14px;box-shadow:inset -2px -2px 6px rgba(4,4,4,.05),inset 2px 2px 6px rgba(0,0,0,.5)}section#timeline article div.inner h3:after{content:"";position:absolute;top:20px;right:-5px;width:10px;height:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}section#timeline article div.inner p{font-size: 18px;padding:15px;margin:0;color:#000;line-height:1.6;border-radius:0 0 6px 6px;background:#fff}section#timeline article:nth-child(2n+2) div.inner{float:right}section#timeline article:nth-child(2n+2) div.inner h2:after{left:-5px}section#timeline article:first-child div.inner h2,section#timeline article:nth-child(3) div.inner h2,section#timeline article:nth-child(5) div.inner h2{background:#fff;text-align:right}section#timeline article:first-child div.inner h2:after,section#timeline article:nth-child(2) div.inner h2,section#timeline article:nth-child(2) div.inner h2:after,section#timeline article:nth-child(3) div.inner h2:after,section#timeline article:nth-child(4) div.inner h2,section#timeline article:nth-child(4) div.inner h2:after{background:#fff}section#timeline article div.inner ul{margin-left:60px;background:#fff}section#timeline article div.inner ul li{text-align:left;color:#000;margin:20px 0;font-size:20px;position:relative}section#timeline article div.inner ul li img{width:12px;transform:rotate(180deg);position:absolute;left:-20px;top:2px}section#timeline article div.inner ul li svg{position:absolute;left:-26px;font-size:16px;top:2px}.future-projects-container{display:flex;justify-content:center;flex-wrap:wrap}.future-projects-container .future-projects-component{width:100%;max-width:216px;color:#fff;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;background:#001643;margin:10px;border-radius:6px;transition:.2s}.future-projects-container .future-projects-component span{margin-bottom:32px;width:60px;height:60px;display:flex;justify-content:center;align-items:center;background:#ffc814;border-radius:50%;font-size:30px;transition:.2s}.future-projects-container .future-projects-component p::before{content:'';position:absolute;top:-12px;left:0;right:0;margin:0 auto;width:80%;border-top:1px dotted #ffc814}.future-projects-container .future-projects-component:hover span{transform:translateY(-15px)}.future-projects-container .future-projects-component:hover{transform:translateY(5px)}@media screen and (max-width:768px){section#timeline article div.inner span.date,section#timeline::before{display:none}section#timeline article div.inner{width:100%;max-width:700px;float:none!important;margin:0 auto}section#timeline article div.inner h3::after{left:0!important;right:0!important;margin:0 auto!important;bottom:-5px!important;top:initial!important}}