:root{--white:#fff;--bg-color1:#ff3567;--bg-color2:#89c63d;--bg-color3:#ff9034;--bg-color4:#00aff2}.main-timeline:after{content:'';display:block;clear:both}.main-timeline .timeline{width:55%;padding:15px 0;margin:0 0 25px;float:left;position:relative;z-index:1}.main-timeline .timeline:before{content:'';background-color:var(--bg-color1);height:100%;width:10px;border-radius:20px;position:absolute;left:0;top:0}.main-timeline .timeline-content{color:#555;padding:0 100px 0 120px;display:block}.main-timeline .timeline-content:hover{color:#555}.main-timeline .timeline-year{color:var(--white);background-color:var(--bg-color1);font-size:40px;text-align:center;line-height:110px;height:110px;width:120px;overflow:hidden;transform:translateY(-50%);position:absolute;left:0;top:50%;z-index:-1}.main-timeline .timeline-year:before,.main-timeline .timeline-year:after{content:'';background-color:var(--white);height:30px;width:30px;border-radius:50%;position:absolute;right:-15px;top:-15px}.main-timeline .timeline-year:after{top:auto;bottom:-15px}.main-timeline .inner-content{text-align:center;padding:6px;box-shadow:0 0 10px #555}.main-timeline .title{color:var(--bg-color1);font-size:25px;font-weight:700;text-transform:uppercase;margin:0 0 3px}.main-timeline .description{font-size:13px;letter-spacing:1px;margin:0}.main-timeline .timeline-icon{color:var(--white);background-color:var(--bg-color1);font-size:50px;text-align:center;height:80px;width:100px;line-height:83px;border-radius:0 50px 50px 0;transform:translateY(-50%);position:absolute;top:50%;right:0;z-index:-1}.main-timeline .timeline-icon img{max-width:100%;height:auto}.main-timeline .timeline:nth-child(even){float:right}.main-timeline .timeline:nth-child(even):before{left:auto;right:0}.main-timeline .timeline:nth-child(even) .timeline-content{padding:0 120px 0 100px}.main-timeline .timeline:nth-child(even) .timeline-year{left:auto;right:0}.main-timeline .timeline:nth-child(even) .timeline-year:before,.main-timeline .timeline:nth-child(even) .timeline-year:after{right:auto;left:-15px}.main-timeline .timeline:nth-child(even) .timeline-icon{left:0;right:auto;border-radius:50px 0 0 50px}.main-timeline .timeline:nth-child(4n+2):before,.main-timeline .timeline:nth-child(4n+2) .timeline-year,.main-timeline .timeline:nth-child(4n+2) .timeline-icon{background-color:var(--bg-color3)}.main-timeline .timeline:nth-child(4n+2) .title{color:var(--bg-color3)}.main-timeline .timeline:nth-child(4n+3):before,.main-timeline .timeline:nth-child(4n+3) .timeline-year,.main-timeline .timeline:nth-child(4n+3) .timeline-icon{background-color:var(--bg-color2)}.main-timeline .timeline:nth-child(4n+3) .title{color:var(--bg-color2)}.main-timeline .timeline:nth-child(4n+4):before,.main-timeline .timeline:nth-child(4n+4) .timeline-year,.main-timeline .timeline:nth-child(4n+4) .timeline-icon{background-color:var(--bg-color4)}.main-timeline .timeline:nth-child(4n+4) .title{color:var(--bg-color4)}@media only screen and (max-width:990px){.main-timeline .timeline-content{padding:0 90px 0 100px}.main-timeline .timeline-year{width:100px}.main-timeline .timeline-icon{width:90px}.main-timeline .timeline:nth-child(even) .timeline-content{padding:0 100px 0 90px}}@media only screen and (max-width:767px){.main-timeline .timeline{width:100%}.main-timeline .timeline-content{padding:0 40px 0 60px}.main-timeline .timeline-year{font-size:20px;width:60px;height:90px;line-height:90px;padding-left:8px}.main-timeline .title{font-size:18px}.main-timeline .timeline-icon{font-size:25px;width:40px;height:60px;line-height:60px;border-radius:0 20px 20px 0}.main-timeline .timeline:nth-child(even){float:left}.main-timeline .timeline:nth-child(even):before{right:auto;left:0}.main-timeline .timeline:nth-child(even) .timeline-content{padding:0 40px 0 60px}.main-timeline .timeline:nth-child(even) .timeline-year{left:0;right:auto}.main-timeline .timeline:nth-child(even) .timeline-year:before,.main-timeline .timeline:nth-child(even) .timeline-year:after{left:auto;right:-15px}.main-timeline .timeline:nth-child(even) .timeline-icon{left:auto;right:0;border-radius:0 20px 20px 0}}