#timeline{list-style:none;margin:60px 0 0 150px;padding-left:30px;border-left:2px solid #d4d4d4}#timeline li{margin:80px 0;position:relative}#timeline li:last-child{margin-bottom:0}#timeline p{margin:20px 0 15px;font-size:16px;line-height:120%}.date{left:-230px;font-size:16px;font-weight:400;line-height:20px;width:150px;text-align:right}.circle,.date{margin-top:-10px;top:50%;position:absolute;display:block}.circle{left:-47px;width:30px;height:30px;background:#48b379;border:5px solid rgba(0,0,0,0);border-radius:50%;background:linear-gradient(115deg,#4D8BC5,#5C5DA0,#E14887,#EE6655) border-box}.circle:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:50%}.content{max-height:20px;padding:0;border:2px solid rgba(0,0,0,0);border-radius:.5em;position:relative}.content p{max-height:0;color:rgba(0,0,0,0);text-align:justify;word-break:break-word;hyphens:auto;overflow:hidden}.content a{display:none}label{font-size:20px;z-index:100;cursor:pointer;font-weight:400;transition:transform .2s linear}.radio{display:none}.radio:checked+.con{border:1px solid #000;border-radius:20px;padding:30px;background:#fff}.radio:checked+.con .relative label{cursor:auto;font-weight:700;font-size:20px;transform:translateX(42px)}.radio:checked+.con .relative .circle{background:#f98262;border-color:#ddd;left:-77px}.radio:checked+.con .relative .circle:after{background:linear-gradient(45deg,#4d8bc5,#5c5da0,#E14887,#EE6655)}.radio:checked+.con .relative .date{left:-260px;background:linear-gradient(90deg,#4d8bc5,#5c5da0,#E14887,#EE6655);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;color:rgba(0,0,0,0);font-size:20px;font-weight:700}.radio:checked+.con .content{max-height:300px;margin-right:20px;transition:max-height .4s linear,border-color .5s linear,transform .2s linear}.radio:checked+.con .content p{max-height:200px;color:#000;transition:color .3s linear .3s}.radio:checked+.con .content a{display:block}@media screen and (max-width:767px){#timeline{margin-left:0}#timeline li{margin:50px 0}label{width:85%;font-size:.9rem;display:block;transform:translateY(50px);position:relative;z-index:10}.content{border:none}.content:after,.content:before{border:solid rgba(0,0,0,0);bottom:100%}.content:before{border-bottom-color:inherit;border-width:17px;top:-16px;left:50px;margin-left:-17px}.content:after{border-bottom-color:#48b379;border-width:20px;top:-20px;left:50px;margin-left:-20px}.content p{font-size:.9em;line-height:1.4}.date{position:relative;left:0;text-align:left;font-size:1.1rem}.radio:checked+.con{transform:translateY(100px);position:relative;margin-bottom:150px;font-weight:400}.radio:checked+.con .relative label{transform:translateX(0)}.radio:checked+.con .relative .date{left:0;position:relative;transform:translateY(-100px)}.radio:checked+.con .relative .circle{transform:translateY(-100px)}}