.main-timeline{font-family:Roboto,sans-serif;position:relative}.main-timeline:after{content:'';display:block;clear:both}.main-timeline:before{content:'';height:95%;width:2px;border:2px dashed #a3a3ad;transform:translateX(-50%);position:absolute;left:50%;top:30px}.main-timeline .timeline{width:50%;padding:0 35px 0 27px;margin:0 10px 20px 0;float:left}.main-timeline .timeline-content{background:linear-gradient(#d9d9d9,#e7e7e7);text-align:center;padding:15px 115px 15px 40px;border-radius:5px;box-shadow:0 0 10px -5px rgba(0,0,0,.6);display:block;position:relative}.main-timeline .timeline-content:hover{text-decoration:none}.main-timeline .timeline-content:after,.main-timeline .timeline-content:before{content:"";background:linear-gradient(to bottom,#172b46,#2495c0);width:45px;height:45px;transform:rotate(-45deg);position:absolute;top:13px;right:-58px;z-index:1}.main-timeline .timeline-content:after{background:#fff;transform:rotate(-45deg) scale(.6)}.main-timeline .timeline-icon{color:#fff;background:linear-gradient(to right,#172b46,#2495c0);font-size:23px;text-align:center;line-height:40px;height:40px;width:40px;transform:translateY(-50%) rotate(-45deg);position:absolute;top:50%;left:-20px}.main-timeline .timeline-icon i{transform:rotate(45deg)}.main-timeline .timeline-year{color:#fff;background:linear-gradient(to bottom,#172b46,#2495c0);font-size:32px;font-weight:900;text-align:center;line-height:100px;height:100%;width:100px;border-radius:0 0 5px;position:absolute;right:0;top:0}.main-timeline .timeline-year:after{content:'';background:linear-gradient(to right bottom,#2495c0 49%,transparent 50%);height:33px;width:33px;position:absolute;right:-33px;top:0}.main-timeline .title{color:#000;font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin:0 0 7px}.main-timeline .description{color:#333;font-size:15px;margin:0}.main-timeline .timeline:nth-child(even){padding:0 27px 0 35px;margin:0 0 20px 10px;float:right}.main-timeline .timeline:nth-child(even) .timeline-content{padding:15px 40px 15px 115px}.main-timeline .timeline:nth-child(even) .timeline-content:after,.main-timeline .timeline:nth-child(even) .timeline-content:before{right:auto;left:-58px}.main-timeline .timeline:nth-child(even) .timeline-icon{left:auto;right:-20px}.main-timeline .timeline:nth-child(even) .timeline-year{right:auto;left:0;border-radius:0 0 0 5px}.main-timeline .timeline:nth-child(even) .timeline-year:after{transform:rotateY(180deg);right:auto;left:-33px}@media screen and (max-width:767px){.main-timeline:before{left:17px;transform:translateX(0)}.main-timeline .timeline,.main-timeline .timeline:nth-child(even){width:100%;padding:0 0 27px 40px;margin:0 0 30px}.main-timeline .timeline-content,.main-timeline .timeline:nth-child(even) .timeline-content{padding:70px 15px 35px}.main-timeline .timeline-content:after,.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(even) .timeline-content:after,.main-timeline .timeline:nth-child(even) .timeline-content:before{height:25px;width:25px;top:10px;right:auto;left:-34px}.main-timeline .timeline-icon,.main-timeline .timeline:nth-child(even) .timeline-icon{transform:translateY(0) translateX(50%) rotate(-45deg);left:auto;right:50%;top:auto;bottom:-20px}.main-timeline .timeline-year,.main-timeline .timeline:nth-child(even) .timeline-year{width:100%;height:50px;line-height:50px;border-radius:0 5px 5px;right:auto;left:0}.main-timeline .timeline-year:after,.main-timeline .timeline:nth-child(even) .timeline-year:after{height:20px;width:20px;transform:rotateY(180deg);right:auto;left:-20px}}@media screen and (max-width:576px){.main-timeline .title{font-size:18px}}