@charset "UTF-8";
/***!  /templates/heliostemplatecomponent/css/timeline.css  !***/

.h-45{height:200px !important}.flex-parent{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.input-flex-container{display:flex;justify-content:space-around;align-items:center;width:80vw;max-width:1000px;position:relative;z-index:0}.input{width:60px;height:60px;background-color:#e20020;position:relative;border-radius:50%}.input:hover{cursor:pointer}.input::before,.input::after{content:'';display:block;position:absolute;z-index:-1;top:50%;transform:translateY(-50%);background-color:#e20020;width:16vw;height:0.15rem;max-width:150px}.input::before{left:calc(-16vw + 30px)}.input::after{right:calc(-16vw + 30px)}.input.active{background-color:#e20020}.input.active::before{background-color:#e20020}.input.active::after{background-color:#a3a1a2}.input.active span{font-weight:700}.input.active span::before{font-size:13px}.input.active span::after{font-size:15px}.input.active~.input,.input.active~.input::before,.input.active~.input::after{background-color:#a3a1a2}.input span{width:1px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);visibility:hidden}.input span::before,.input span::after{visibility:visible;position:absolute;left:50%}.input span::after{content:" (" attr(data-image-src) ") ";top:25px;transform:translateX(-50%);font-size:14px}.input span::before{content:attr(data-info);top:-65px;width:70px;transform:translateX(-5px) rotateZ(-45deg);font-size:12px;text-indent:-10px}.description-flex-container{width:80vw;font-weight:400;font-size:22px;margin-top:100px;max-width:1000px}.description-flex-container p{margin-top:0;display:none}.description-flex-container p.active{display:block}.description-boxes p{margin-top:0;display:none;position:relative;width:10rem}.description-boxes p.active{display:block;position:relative}@media (min-width:1250px){.input::before{left:-120px}.input::after{right:-120px}}@media (max-width:850px){.input{width:29px;height:29px}.input::before,.input::after{height:3px}.input::before{left:calc(-16vw + 14.5px)}.input::after{right:calc(-16vw + 14.5px)}}@media (max-width:600px){.flex-parent{justify-content:initial}.input-flex-container{flex-wrap:wrap;justify-content:center;width:100%;height:auto;margin-top:15vh}.input{width:60px;height:60px;margin:0 10px 50px;background-color:#a3a1a2}.input::before,.input::after{content:none}.input span{width:100%;height:100%;display:block}.input span::before{top:calc(100% + 5px);transform:translateX(-50%);text-indent:0;text-align:center}.input span::after{top:50%;transform:translate(-50%,-50%);color:#ecf0f1}.description-flex-container{margin-top:30px;text-align:center}}@media (max-width:400px){}.timeline::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#f5f5f5}.timeline{position:relative;padding-left:4rem;margin:0 0 0 10px}.timeline .timeline-container{position:relative;margin-bottom:2.5rem}.timeline .timeline-container .timeline-icon{position:absolute;left:-88px !important;top:4px !important;width:50px;height:50px;border-radius:50%;text-align:center;font-size:2rem;background:#e20020;transform:none !important}.timeline .timeline-container .timeline-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.timeline .timeline-container .timeline-body::before{content:"";background:inherit;width:20px;height:20px;display:block;position:absolute;left:-10px;transform:rotate(45deg);border-radius:0 0 0 2px;box-shadow:-3px 0px 6px rgba(0,0,0,0.03)}.timeline .timeline-container .timeline-body{background:white;border-radius:3px;padding:20px 20px 15px;box-shadow:1px 3px 9px rgba(0,0,0,0.1)}