a{text-decoration:none}

h4{text-align:center;margin:30px 0;color:#444}

.main-timeline {
	position:relative;
	display: flex;
	flex-direction: column;
}

.main-timeline:before{
	content:"";
	width:5px;
	height:100%;
	border-radius:20px;
	border: 3px solid #cecece;
	margin:0 auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
}

.main-timeline .timeline {
	display:inline-block;
	margin-bottom:50px;
	position:relative;
	cursor: default;
}

.main-timeline .timeline:before{
	content:"";
	width:20px;
	height:20px;
	border-radius:50%;
	border:4px solid #fff;
	background:#03A688;
	position:absolute;
	top:50%;
	left:50%;
	z-index:1;
	transform:translate(-50%,-50%)
}

.main-timeline .timeline-icon {
	display:inline-block;
	width:130px;
	height:130px;
	/*border:3px solid #03A688;*/
	padding:13px;
	text-align:center;
	position:absolute;
	top:50%;
	left:30%;transform:translateY(-50%)
}
.main-timeline .timeline-icon i {
	display:block;
	border-radius:50%;
	/*background:#03A688;*/
	font-size:64px;
	color:#fff;
	line-height:100px;
	z-index:1;
	position:relative;
}

.main-timeline .timeline-icon:after,
.main-timeline .timeline-icon:before {
	content:"";
	width:148px;
	height:4px;
	background:#03A688;
	position:absolute;top:50%;
	right:-120px;
	transform:translateY(-50%);
}

.main-timeline .timeline-content {
	width:50%;
	padding:0 50px;
	margin:52px 0 0;
	float:right;
	position:relative;
	margin-top:72px;
}

.main-timeline .timeline-content:before{
	content:"";
	width:70%;
	height:100%;
	border:3px solid #03A688;
	border-top:none;
	border-right:none;
	position:absolute;
	bottom:-13px;
	left:35px
}

.main-timeline .timeline-content:after{
	content:"";
	width:37px;
	height:3px;
	background:#03A688;
	position:absolute;
	top:13px;
	left:0;
}

.main-timeline .fp.timeline-content:after {background:#03A688;}

.main-timeline .title {
	font-size:20px;
	font-weight:600;
	color:#03A688;
	text-transform:uppercase;
	margin:0 0 10px;
}

.main-timeline .description{
	display:inline-block;
	font-size:1.5rem;
	line-height:15px;
	letter-spacing:1px;
	margin: 10px 0 0 0;
	color: #444444;
}

.main-timeline .description span {
	display: block;
	font-weight: bold;
	font-size:1.35rem;
	margin-top:20px;
	font-style:italic;
}

.main-timeline .timeline:nth-child(even) .timeline-icon{left:auto;right:30%}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-120px; width: 150px; }
.main-timeline .timeline:nth-child(even) .timeline-icon:after{right:auto;left:-30px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:left}
.main-timeline .timeline:nth-child(even) .timeline-content:before{left:auto;right:35px;transform:rotateY(180deg)}
.main-timeline .timeline:nth-child(even) .timeline-content:after{left:auto;right:0}

.main-timeline .timeline:nth-child(2n) .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-icon i,.main-timeline .timeline:nth-child(2n) .timeline-icon:before,.main-timeline .timeline:nth-child(2n):before { background:#1AD8FF }
.main-timeline .timeline:nth-child(2n) .timeline-icon { border-color:#1AD8FF }
.main-timeline .timeline:nth-child(even) .timeline-icon:after { display: none; }
.main-timeline .timeline:nth-child(2n) .title{color:#1AD8FF; text-align: right; }
.main-timeline .timeline:nth-child(2n) .timeline-content:before{border-left-color:#1AD8FF;border-bottom-color:#1AD8FF}
.main-timeline .timeline:nth-child(2n) .timeline-content { text-align: right; }

.main-timeline .timeline:nth-child(3n) .timeline-content:after,.main-timeline .timeline:nth-child(3n) .timeline-icon i,.main-timeline .timeline:nth-child(3n) .timeline-icon:before,.main-timeline .timeline:nth-child(3n):before{background:#FF004E}
.main-timeline .timeline:nth-child(3n) .timeline-icon::after{background:#FF004E}
.main-timeline .timeline:nth-child(3n) .timeline-icon{border-color:#FF004E}
.main-timeline .timeline:nth-child(3n) .title{color:#FF004E}
.main-timeline .timeline:nth-child(3n) .timeline-content:before{border-left-color:#FF004E;border-bottom-color:#FF004E}

.main-timeline .timeline:nth-child(4n) .timeline-content:after,.main-timeline .timeline:nth-child(4n) .timeline-icon i,.main-timeline .timeline:nth-child(4n) .timeline-icon:before,.main-timeline .timeline:nth-child(4n):before{background:#FF004E}
.main-timeline .timeline:nth-child(4n) .timeline-icon{border-color:#FF004E}
.main-timeline .timeline:nth-child(4n) .title{color:#FF004E}
.main-timeline .timeline:nth-child(4n) .timeline-content:before{border-left-color:#FF004E;border-bottom-color:#FF004E}

.main-timeline .timeline:nth-child(5n) .timeline-content:after,.main-timeline .timeline:nth-child(5n) .timeline-icon i,.main-timeline .timeline:nth-child(5n) .timeline-icon:before,.main-timeline .timeline:nth-child(5n):before{background:#FF004E}
.main-timeline .timeline:nth-child(5n) .timeline-icon::after{background:#FF004E}
.main-timeline .timeline:nth-child(5n) .timeline-icon{border-color:#FF004E}
.main-timeline .timeline:nth-child(5n) .title{color:#FF004E}
.main-timeline .timeline:nth-child(5n) .timeline-content:before{border-left-color:#FF004E;border-bottom-color:#FF004E}

.main-timeline .timeline:nth-child(6n) .timeline-content:after,.main-timeline .timeline:nth-child(6n) .timeline-icon i,.main-timeline .timeline:nth-child(6n) .timeline-icon:before,.main-timeline .timeline:nth-child(6n):before{background:#FFBF00}
.main-timeline .timeline:nth-child(6n) .timeline-icon::after{background:#FFBF00}
.main-timeline .timeline:nth-child(6n) .timeline-icon{border-color:#FFBF00}
.main-timeline .timeline:nth-child(6n) .title{color:#FFBF00}
.main-timeline .timeline:nth-child(6n) .timeline-content:before{border-left-color:#FFBF00;border-bottom-color:#FFBF00}

.main-timeline .timeline:nth-child(7n) .timeline-content:after,.main-timeline .timeline:nth-child(7n) .timeline-icon i,.main-timeline .timeline:nth-child(7n) .timeline-icon:before,.main-timeline .timeline:nth-child(7n):before{background:#C439FF}
.main-timeline .timeline:nth-child(7n) .timeline-icon::after{background:#C439FF}
.main-timeline .timeline:nth-child(7n) .timeline-icon{border-color:#C439FF}
.main-timeline .timeline:nth-child(7n) .title{color:#C439FF}
.main-timeline .timeline:nth-child(7n) .timeline-content:before{border-left-color:#C439FF;border-bottom-color:#C439FF}

.main-timeline .timeline:nth-child(8n) .timeline-content:after,.main-timeline .timeline:nth-child(8n) .timeline-icon i,.main-timeline .timeline:nth-child(8n) .timeline-icon:before,.main-timeline .timeline:nth-child(8n):before { background:#1AD8FF }
.main-timeline .timeline:nth-child(8n) .timeline-icon { border-color:#1AD8FF }
.main-timeline .timeline:nth-child(8n) .title{color:#1AD8FF; text-align: right; }
.main-timeline .timeline:nth-child(8n) .timeline-content:before{border-left-color:#1AD8FF;border-bottom-color:#1AD8FF}

.main-timeline .timeline:nth-child(9n) .timeline-content:after,.main-timeline .timeline:nth-child(9n) .timeline-icon i,.main-timeline .timeline:nth-child(9n) .timeline-icon:before,.main-timeline .timeline:nth-child(9n):before{background:#C439FF}
.main-timeline .timeline:nth-child(9n) .timeline-icon::after{background:#C439FF}
.main-timeline .timeline:nth-child(9n) .timeline-icon{border-color:#C439FF}
.main-timeline .timeline:nth-child(9n) .title{color:#C439FF}
.main-timeline .timeline:nth-child(9n) .timeline-content:before{border-left-color:#C439FF;border-bottom-color:#C439FF}

.main-timeline .timeline:nth-child(10n) .timeline-content:after,.main-timeline .timeline:nth-child(10n) .timeline-icon i,.main-timeline .timeline:nth-child(10n) .timeline-icon:before,.main-timeline .timeline:nth-child(10n):before{background:#C439FF}
.main-timeline .timeline:nth-child(10n) .timeline-icon::after{background:#C439FF}
.main-timeline .timeline:nth-child(10n) .timeline-icon{border-color:#C439FF}
.main-timeline .timeline:nth-child(10n) .title{color:#C439FF}
.main-timeline .timeline:nth-child(10n) .timeline-content:before{border-left-color:#C439FF;border-bottom-color:#C439FF}

.main-timeline .timeline:nth-child(11n) .timeline-content:after,.main-timeline .timeline:nth-child(11n) .timeline-icon i,.main-timeline .timeline:nth-child(11n) .timeline-icon:before,.main-timeline .timeline:nth-child(11n):before{background:#FFBF00}
.main-timeline .timeline:nth-child(11n) .timeline-icon::after{background:#FFBF00}
.main-timeline .timeline:nth-child(11n) .timeline-icon{border-color:#FFBF00}
.main-timeline .timeline:nth-child(11n) .title{color:#FFBF00}
.main-timeline .timeline:nth-child(11n) .timeline-content:before{border-left-color:#FFBF00;border-bottom-color:#FFBF00}

.main-timeline .timeline:nth-child(12n) .timeline-content:after,.main-timeline .timeline:nth-child(12n) .timeline-icon i,.main-timeline .timeline:nth-child(12n) .timeline-icon:before,.main-timeline .timeline:nth-child(12n):before{background:#FFBF00}
.main-timeline .timeline:nth-child(12n) .timeline-icon::after{background:#FFBF00}
.main-timeline .timeline:nth-child(12n) .timeline-icon{border-color:#FFBF00}
.main-timeline .timeline:nth-child(12n) .title{color:#FFBF00}
.main-timeline .timeline:nth-child(12n) .timeline-content:before{border-left-color:#FFBF00;border-bottom-color:#FFBF00}

.main-timeline .timeline:nth-child(13n) .timeline-content:after,.main-timeline .timeline:nth-child(13n) .timeline-icon i,.main-timeline .timeline:nth-child(13n) .timeline-icon:before,.main-timeline .timeline:nth-child(13n):before { background:#1AD8FF }
.main-timeline .timeline:nth-child(13n) .timeline-icon::after{background:#1AD8FF}
.main-timeline .timeline:nth-child(13n) .timeline-icon { border-color:#1AD8FF }
.main-timeline .timeline:nth-child(13n) .title{color:#1AD8FF; }
.main-timeline .timeline:nth-child(13n) .timeline-content:before{border-left-color:#1AD8FF;border-bottom-color:#1AD8FF}

.main-timeline .timeline:nth-child(14n) .timeline-content:after,.main-timeline .timeline:nth-child(14n) .timeline-icon i,.main-timeline .timeline:nth-child(14n) .timeline-icon:before,.main-timeline .timeline:nth-child(14n):before{background:#C439FF}
.main-timeline .timeline:nth-child(14n) .timeline-icon::after{background:#C439FF}
.main-timeline .timeline:nth-child(14n) .timeline-icon{border-color:#C439FF}
.main-timeline .timeline:nth-child(14n) .title{color:#C439FF}
.main-timeline .timeline:nth-child(14n) .timeline-content:before{border-left-color:#C439FF;border-bottom-color:#C439FF}

.main-timeline .timeline:nth-child(15n) .timeline-content:after,.main-timeline .timeline:nth-child(15n) .timeline-icon i,.main-timeline .timeline:nth-child(15n) .timeline-icon:before,.main-timeline .timeline:nth-child(15n):before{background:#FFBF00}
.main-timeline .timeline:nth-child(15n) .timeline-icon::after{background:#FFBF00}
.main-timeline .timeline:nth-child(15n) .timeline-icon{border-color:#FFBF00}
.main-timeline .timeline:nth-child(15n) .title{color:#FFBF00}
.main-timeline .timeline:nth-child(15n) .timeline-content:before{border-left-color:#FFBF00;border-bottom-color:#FFBF00}

.main-timeline .timeline:nth-child(16n) .timeline-content:after,.main-timeline .timeline:nth-child(16n) .timeline-icon i,.main-timeline .timeline:nth-child(16n) .timeline-icon:before,.main-timeline .timeline:nth-child(16n):before { background:#1AD8FF }
.main-timeline .timeline:nth-child(16n) .timeline-icon::after{background:#1AD8FF}
.main-timeline .timeline:nth-child(16n) .timeline-icon { border-color:#1AD8FF }
.main-timeline .timeline:nth-child(16n) .title{color:#1AD8FF; text-align: right; }
.main-timeline .timeline:nth-child(16n) .timeline-content:before{border-left-color:#1AD8FF;border-bottom-color:#1AD8FF}

@media only screen and (max-width:1200px)
{
	.main-timeline .timeline-icon:before{width:50px;right:-50px}
	
	.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-50px}
	
	.main-timeline .timeline-content{ margin-top:72px }
}
@media only screen and (max-width:990px){.main-timeline .timeline{margin:0 0 10px}
.main-timeline .timeline-icon{left:25%}
.main-timeline .timeline:nth-child(even) .timeline-icon{right:25%}
.main-timeline .timeline-content{margin-top:115px}
}
@media only screen and (max-width:767px){.main-timeline{padding-top:50px}
.main-timeline:before{left:80px;right:0;margin:0}
.main-timeline .timeline{margin-bottom:70px}
.main-timeline .timeline:before{top:0;left:83px;right:0;margin:0}
.main-timeline .timeline-icon{width:60px;height:60px;line-height:40px;padding:5px;top:0;left:0}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:0;right:auto}
.main-timeline .timeline-icon:before,.main-timeline .timeline:nth-child(even) .timeline-icon:before{width:25px;left:auto;right:-25px}
.main-timeline .timeline-icon:after,.main-timeline .timeline:nth-child(even) .timeline-icon:after{width:25px;height:30px;top:44px;left:auto;right:-5px}
.main-timeline .timeline-icon i{font-size:30px;line-height:45px}
.main-timeline .timeline-content,.main-timeline .timeline:nth-child(even) .timeline-content{width:100%;margin-top:-15px;padding-left:130px;padding-right:5px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:right}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(even) .timeline-content:before{width:50%;left:120px}
.main-timeline .timeline:nth-child(even) .timeline-content:before{right:auto;transform:rotateY(0)}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(even) .timeline-content:after{left:85px}
}
@media only screen and (max-width:479px){.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{padding-left:110px}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(2n) .timeline-content:before{left:99px}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-content:after{left:65px}
}