/* timelines / history */
a {
	text-decoration: none;
}
h4 {
	text-align: center;
	margin: 30px 0;
	color: #444;
}
.main-timeline {
	position: relative;
}
.main-timeline:before {
	content: "";
	width: 5px;
	height: 100%;
	border-radius: 20px;
	margin: 0 auto;
	background: #242922;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.main-timeline .timeline {
	display: inline-block;
	margin-bottom: 50px;
	position: relative;
}
.main-timeline .timeline:before {
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 4px solid #fff;
	background: #ec496e;
	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-radius: 50%;
	border: 3px solid #ec496e;
	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: #ec496e;
	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: 100px;
	height: 4px;
	background: #ec496e;
	position: absolute;
	top: 50%;
	right: -100px;
	transform: translateY(-50%);
}
.main-timeline .timeline-icon:after {
	width: 70px;
	height: 50px;
	background: #252B33;
	top: 89px;
	right: -30px;
}
.main-timeline .timeline-content {
	width: 50%;
	padding: 0 50px;
	margin: 52px 0 0;
	float: right;
	position: relative;
}
.main-timeline .timeline-content:before {
	content: "";
	width: 70%;
	height: 100%;
	border: 3px solid #ec496e;
	border-top: none;
	border-right: none;
	position: absolute;
	bottom: -13px;
	left: 35px;
}
.main-timeline .timeline-content:after {
	content: "";
	width: 37px;
	height: 3px;
	background: #ec496e;
	position: absolute;
	top: 13px;
	left: 0;
}
.main-timeline .title {
	font-size: 20px;
	font-weight: 600;
	color: #ec496e;
	text-transform: uppercase;
	margin: 0 0 5px;
}
.main-timeline .description {
	display: inline-block;
	font-size: 16px;
	color: #404040;
	line-height: 20px;
	letter-spacing: 1px;
	margin: 0;
}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:auto;right:30%}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-100px}
.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:#f9850f}
.main-timeline .timeline:nth-child(2n) .timeline-icon{border-color:#f9850f}
.main-timeline .timeline:nth-child(2n) .title{color:#f9850f}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{border-left-color:#f9850f;border-bottom-color:#f9850f}
.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:#8fb800}
.main-timeline .timeline:nth-child(3n) .timeline-icon{border-color:#8fb800}
.main-timeline .timeline:nth-child(3n) .title{color:#8fb800}
.main-timeline .timeline:nth-child(3n) .timeline-content:before{border-left-color:#8fb800;border-bottom-color:#8fb800}
.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:#2fcea5}
.main-timeline .timeline:nth-child(4n) .timeline-icon{border-color:#2fcea5}
.main-timeline .timeline:nth-child(4n) .title{color:#2fcea5}
.main-timeline .timeline:nth-child(4n) .timeline-content:before{border-left-color:#2fcea5;border-bottom-color:#2fcea5}
@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: 75px;
}
}
@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}
}
/******************* Timeline Demo - 9 *****************/
.main-timeline9 {
	position: relative;
	margin-top: 50px;
}
.main-timeline9:after, .main-timeline9:before {
	content: "";
	display: block;
	width: 100%;
	clear: both;
}
.main-timeline9:before {
	content: "";
	width: 3px;
	height: 100%;
	background: #3C4858;
	position: absolute;
	top: 0;
	left: 50%;
}
.main-timeline9 .timeline {
	width: 50%;
	float: left;
	position: relative;
	z-index: 1;
}
.main-timeline9 .timeline:after, .main-timeline9 .timeline:before {
	content: "";
	display: block;
	width: 100%;
	clear: both;
}
.main-timeline9 .timeline:first-child:before, .main-timeline9 .timeline:last-child:before {
	content: "";
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #252B33;
	border: 4px solid #3C4858;
	position: absolute;
	top: 0;
	right: -14px;
	z-index: 1;
}
.main-timeline9 .timeline:last-child:before {
	top: auto;
	bottom: 0;
}
.main-timeline9 .timeline:last-child:nth-child(even):before{right:auto;left:-12px;bottom:-2px}
.main-timeline9 .timeline-content {
	text-align: center;
	margin-top: 8px;
	position: relative;
	transition: all .3s ease 0s;
}
.main-timeline9 .timeline-content:before {
	content: "";
	width: 100%;
	height: 5px;
	background: #3C4858;
	position: absolute;
	top: 88px;
	left: 0;
	z-index: -1;
}
.main-timeline9 .circle {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #252B33;
	border: 8px solid #3C4858;
	float: left;
	margin-right: 25px;
	margin-top: 40px;
	position: relative;
}
.main-timeline9 .circle span:after, .main-timeline9 .circle span:before, .main-timeline9 .circle:before {
	content: "";
	margin: auto;
	position: absolute;
	right: -30px;
	bottom: 0;
	z-index: -1;
}
.main-timeline9 .circle:before {
	width: 26px;
	height: 30px;
	background: #3C4858;
	top: 0;
}
.main-timeline9 .circle span {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	line-height: 90px;
	border: 0px solid #adabab;
	font-size: 50px;
	color: #3C4858;
}
.main-timeline9 .circle span:after, .main-timeline9 .circle span:before {
	width: 28px;
	height: 50px;
	background: #252B33;
	border-radius: 0 0 0 21px;
	top: -54px;
}
.main-timeline9 .circle span:after {
	border-radius: 21px 0 0;
	top: 0;
	bottom: -56px;
}
.main-timeline9 .content {
	display: table;
	padding-right: 40px;
	position: relative;
}
.main-timeline9 .year {
	display: block;
	padding: 10px;
	margin: 10px 0 50px;
	background: #3C4858;
	border-radius: 7px;
	font-size: 25px;
	color: #fff;
}
.main-timeline9 .title {
	font-size: 25px;
	font-weight: 700;
	color: #3C4858;
	margin-top: 0;
}
.main-timeline9 .icon span:after, .main-timeline9 .icon span:before, .main-timeline9 .icon:before {
	content: "";
	height: 25px;
	margin: auto;
	position: absolute;
	bottom: 0;
	z-index: -1;
	left: -15px;
}
.main-timeline9 .description {
	font-size: 14px;
	color: #a6a6a6;
	text-align: justify;
}
.main-timeline9 .icon {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #252B33;
	border: 4px solid #3C4858;
	position: absolute;
	top: 78px;
	right: -14px;
}
.main-timeline9 .icon:before {
	width: 15px;
	background: #3C4858;
	top: -1px;
}
.main-timeline9 .icon span:after, .main-timeline9 .icon span:before {
	width: 21px;
	background: #252B33;
	border-radius: 0 0 21px;
	top: -30px;
}
.main-timeline9 .icon span:after {
	border-radius: 0 21px 0 0;
	top: 0;
	left: -15px;
	bottom: -30px;
}
.main-timeline9 .timeline:nth-child(2n) .circle,.main-timeline9 .timeline:nth-child(2n) .timeline-content{float:right}
.main-timeline9 .timeline:nth-child(2n) .circle{margin:0 0 0 25px; margin-top:40px;}
.main-timeline9 .timeline:nth-child(2n) .circle:before{right:auto;left:-30px;}
.main-timeline9 .timeline:nth-child(2n) .circle span:after{right:auto;left:-30px;border-radius:0 0 21px}
.main-timeline9 .timeline:nth-child(2n) .circle span:before{right:auto;left:-30px;border-radius:0 0 21px}
.main-timeline9 .timeline:nth-child(2n) .circle span:after{border-radius:0 21px 0 0}
.main-timeline9 .timeline:nth-child(2n) .content{padding:0 0 0 40px;margin-left:2px}
.main-timeline9 .timeline:nth-child(2n) .icon{right:auto;left:-14px}
.main-timeline9 .timeline:nth-child(2n) .icon span:after,.main-timeline9 .timeline:nth-child(2n) .icon span:before,.main-timeline9 .timeline:nth-child(2n) .icon:before{left:auto;right:-15px}
.main-timeline9 .timeline:nth-child(2n) .icon span:before{border-radius:0 0 0 21px}
.main-timeline9 .timeline:nth-child(2n) .icon span:after{border-radius:21px 0 0}
.main-timeline9 .timeline:nth-child(2){margin-top:180px}
.main-timeline9 .timeline:nth-child(odd){margin:-175px 0 0}
.main-timeline9 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline9 .timeline:first-child,.main-timeline9 .timeline:last-child:nth-child(even){margin:0}
@media only screen and (max-width:990px){
.main-timeline9:before {
	left: 100%;
}
.main-timeline9 .timeline {
	width: 100%;
	float: none;
	margin-bottom: 20px!important;
}
.main-timeline9 .timeline:first-child:before, .main-timeline9 .timeline:last-child:before {
	left: auto!important;
	right: -13px!important;
}
.main-timeline9 .timeline:nth-child(2n) .circle{float:left;margin:0 25px 0 0}
.main-timeline9 .timeline:nth-child(2n) .circle:before{right:-33px;left:auto;box-shadow:7px 0 9px -7px #444 inset}
.main-timeline9 .timeline:nth-child(2n) .circle span:after,.main-timeline9 .timeline:nth-child(2n) .circle span:before{right:-33px;left:auto;border-radius:0 0 0 21px}
.main-timeline9 .timeline:nth-child(2n) .circle span:after{border-radius:21px 0 0}
.main-timeline9 .timeline:nth-child(2n) .content{padding:0 40px 0 0;margin-left:0}
.main-timeline9 .timeline:nth-child(2n) .icon{right:-14px;left:auto}
.main-timeline9 .timeline:nth-child(2n) .icon span:after,.main-timeline9 .timeline:nth-child(2n) .icon span:before,.main-timeline9 .timeline:nth-child(2n) .icon:before{left:-15px;right:auto}
.main-timeline9 .timeline:nth-child(2n) .icon span:before{border-radius:0 0 21px}
.main-timeline9 .timeline:nth-child(2n) .icon span:after{border-radius:0 21px 0 0}
.main-timeline9 .timeline:nth-child(2),.main-timeline9 .timeline:nth-child(even),.main-timeline9 .timeline:nth-child(odd){margin:0}
}
@media only screen and (max-width:480px){
.main-timeline9:before {
	left: 0;
}
.main-timeline9 .timeline:first-child:before, .main-timeline9 .timeline:last-child:before {
	left: -12px!important;
	right: auto!important;
}
.main-timeline9 .circle,.main-timeline9 .timeline:nth-child(2n) .circle{width:130px;height:130px;float:none;margin:0 auto}
.main-timeline9 .timeline-content:before {
	width: 99.5%;
	top: 68px;
	left: .5%;
}
.main-timeline9 .circle span {
	line-height: 115px;
	font-size: 60px;
}
.main-timeline9 .circle span:after, .main-timeline9 .circle span:before, .main-timeline9 .circle:before, .main-timeline9 .icon {
	display: none;
}
.main-timeline9 .content,.main-timeline9 .timeline:nth-child(2n) .content{padding:0 10px}
.main-timeline9 .year {
	margin-bottom: 15px;
}
.main-timeline9 .description {
	text-align: center;
}
}