.main-timeline{overflow:hidden;position:relative}
.main-timeline:before{content:"";width:5px;height:80%;background:#333;position:absolute;top:70px;left:50%;transform:translateX(-50%)}
.main-timeline .timeline-content:before,.main-timeline .timeline:before{top:50%;transform:translateY(-50%);content:""}
.main-timeline .timeline{width:50%;padding-left:100px;float:right;position:relative}
.main-timeline .timeline a{text-decoration: none}
.main-timeline .timeline:before{width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid #333;position:absolute;left:-10px}
.main-timeline .timeline-content{display:block;padding-left:120px;position:relative}
.main-timeline .timeline-content:before{width:90px;height:10px;border-top:7px dotted #333;position:absolute;left:-92px}
.main-timeline .icon{display: inline-block;width: 100px;height: 100px;line-height: 78px;border-radius: 50%;border:10px solid #f54957;font-size:54px;color:#fff;text-align:center;box-shadow:inset 0 0 10px rgba(0,0,0,.4);position:absolute;top:0;left:0;}
.main-timeline .icon:before{content:"";border-left:20px solid #f54957;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;bottom:-13px;right:0;transform:rotate(45deg)}
.main-timeline .inner-content{padding:20px 0}
.main-timeline .title{font-size:22px;font-weight:600;color:#FFF;text-transform:uppercase;margin:0 0 5px}
.main-timeline .description{font-size:14px;color:#6f6f6f;margin:0 0 5px}

.main-timeline .timeline:nth-child(even){padding: 0 100px 0 0;}
.main-timeline .timeline:nth-child(2n) .timeline-content:before,
.main-timeline .timeline:nth-child(2n) .icon,.main-timeline .timeline:nth-child(2n):before{left: auto;right: -10px;}
.main-timeline .timeline:nth-child(2n) .timeline-content{padding:0 100px 0 0;}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{right:-92px;}
.main-timeline .timeline:nth-child(2){margin-top:110px;}
.main-timeline .timeline:nth-child(2n+1){margin:-110px 0 0;}
.main-timeline .timeline:nth-child(2n){margin-bottom: 80px;}
.main-timeline .timeline:first-child{margin:0;}
.main-timeline .timeline:last-child:nth-child(2n){margin:0;}

.main-timeline .timeline .light-row {color:#f54957; font-weight: bold;}
@media only screen and (max-width:1200px){
	.main-timeline .icon{top:50%;transform:translateY(-50%)}
}
@media only screen and (max-width:990px){
	.main-timeline .timeline{padding-left:75px}
	.main-timeline .timeline:nth-child(2n){padding:0 75px 0 0}
	.main-timeline .timeline-content{padding-left:130px}
	.main-timeline .timeline:nth-child(2n) .timeline-content{padding:0 130px 0 0}
	.main-timeline .timeline-content:before{width:68px;left:-68px}
	.main-timeline .timeline:nth-child(2n) .timeline-content:before{right:-68px}
}
@media only screen and (max-width:767px){.main-timeline{overflow:visible}
	.main-timeline:before{height:100%;top:0;left:0;transform:translateX(0)}
	.main-timeline .timeline:before,.main-timeline .timeline:nth-child(2n):before{top:60px;left:-9px;transform:translateX(0)}
	.main-timeline .timeline,.main-timeline .timeline:nth-child(even),.main-timeline .timeline:nth-child(odd){width:100%;float:none;text-align:center;padding:0;margin:0 0 10px}
	.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{padding:0}
	.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(2n) .timeline-content:before{display:none}
	.main-timeline .timeline:nth-child(2n) .icon,.main-timeline .icon{position:relative;transform:translateY(0)}
	.main-timeline .timeline:nth-child(2n) .icon:before,.main-timeline .icon:before{border:none;border-right:20px solid #f54957;border-top:10px solid transparent;border-bottom:10px solid transparent;top:50%;left:-23px;bottom:auto;right:auto;transform:rotate(0)}
	.main-timeline .timeline:nth-child(2n) .icon:before{border-right-color:#f54957}
	.main-timeline .timeline:nth-child(3n) .icon:before{border-right-color:#f54957}
	.main-timeline .timeline:nth-child(4n) .icon:before{border-right-color:#f54957}
	.main-timeline .inner-content{padding:10px}
}