.indicator2{
	position: absolute;
	top : 132px;
	right: 30px;
	z-index: 1000;
	list-style:none;
	padding-left:0;
	display:none
}
.indicator2:after{
	position: absolute;
	top : 23px;
	bottom: 20px;
	right: 9px;
	width: 2px;
	background-color: #ED1C24;
	content: " ";
}
.indicator2 li{
	margin-top:15px;
	position:relative;
	z-index:1;
	line-height:20px
}
.indicator2 li:first-child{
	margin-top:0
}
.indicator2 a{
	color : #000;
	font-family: 'CGB';
	text-decoration: none;
	font-size: 20px;
	display:inline-block;
	text-decoration:none
}
.indicator2 a .dot{
	background-color: #FFF;
	border: 3px solid #fff;
	display:inline-block;
	width:20px;
	height:20px;
	border-radius: 50%;
	float:right;
	margin-top:2px;
	margin-left:15px
}
.indicator2 a .thn{
	float:right
}
.indicator2 a.active .dot{
	background:transparent;
	border: 3px solid #fff;
}
.indicator2 a.active .thn{
	opacity:0
}
.indicator2.red a{
	color : #8A0304;
}
.indicator2.red a .dot{
	background-color: #ED1C24;
	border: 3px solid #ED1C24
}
.indicator2.red a.active .dot{
	background-color: #FDD112;
	border: 3px solid #ED1C24;
}
.indicator2.red:after{
	background-color: #ED1C24;
}
.indicator2.yellow a{
	color : #ED1C24;
}
.indicator2.yellow a .dot{
	background-color: #FDD112;
	border: 3px solid #FDD112
}
.indicator2.yellow a.active .dot{
	background-color: #8A0304;
	border: 3px solid #FDD112;
}
.indicator2.yellow:after{
	background-color: #fff;
}
.indicator2.yellow2 a{
	color : #8A0304;
}
.indicator2.yellow2 a .dot{
	background-color: #FDD112;
	border: 3px solid #FDD112
}
.indicator2.yellow2 a.active .dot{
	background-color: #8A0304;
	border: 3px solid #FDD112;
}
.indicator2.yellow2:after{
	background-color: #FDD112;
}

.history .img{
	width:65%;
	height:100%;
	overflow:hidden;
	position:relative;
	vertical-align:middle;
	padding:100px 100px 0 0
}
.history .imgcont{
	position:absolute;
	left:0;
	bottom:0
}
.history .img img{
    width: 30%;
	position:absolute;
	top:100px;
	left:30px
}
.history .img2{
	padding-left:10%
}
.history .img2 .imgcont{	
	left:10%
}
.history .img3{
	padding-top:150px
}
.history .img4{
	padding-left:15%;
	padding-top:200px
}
.history .img4 .imgcont{
	left:15%
}
.history .img5{
	padding-left:20%;
	padding-top:200px
}
.history .img5 .imgcont{
	left:20%
}
.history{
	background:#8A0304
}
.history.yellow{
	background-color: #FDD112;	
}
.history.red{
	background-color:#ED1C24;	
}


.history-txt{
	position: absolute;
	top : 66px;
	bottom:0;
	right: 40px;
	z-index: 500;
	width:35%;
	display:none
}
.history-txt .txt{
	color : #FDD112;
	position: absolute;
	top:131px;
	right:0;
	width:100%;
	padding-top: 15px;
	padding-right:90px;
	opacity:0;
	transition:opacity .5s;
	pointer-events:none
}

.history-txt .txt.active a{
	pointer-events:auto
}
.history-txt-mobile{
	display:none
}
.history-txt-mobile .txt{
	position:relative;
	color : #FDD112;
	padding:15px 15px 100px;
}
.history-txt .txt:after,.history-txt-mobile .txt:after{
	position: absolute;
	top : 0;
	right:0;
	content : "";
	background-color: #FDD112;
	height: 2px;
	width: 100%;
}
.history-txt .txt img,.history-txt-mobile .txt img{
	border: 1px solid #fff;
	width: 30px;
	margin-right: 5px;
}
.history-txt .txt h1,.history-txt-mobile .txt h1{
	font-family: 'LYS';
}
.history-txt .txt h4,.history-txt-mobile .txt h4{
	font-family: 'CGB';
	position: relative;
	padding-bottom: 15px;
}
.history-txt .txt h4:after,.history-txt-mobile .txt h4:after{
	position: absolute;
	bottom : 0;
	left : 0;
	background-color: #FDD112;
	content: " ";
	width: 70px;
	height: 1px;
}
.history-txt .txt p,.history-txt-mobile .txt p{
	font-size:16px
}


.history-txt .txt.btm{
	top:auto;
	bottom:131px;
	padding-top: 0;
	padding-bottom: 15px;
}
.history-txt .txt.btm:after{
	top:auto;
	bottom : 0;
}
.history-txt .txt.active{
	opacity:1;
}
.history-txt .txt.yellow,.history-txt-mobile .txt.yellow{
	color:#ED1C24
}
.history-txt .txt.yellow:after,.history-txt-mobile .txt.yellow:after{
	background-color: #ED1C24;
}
.history-txt .txt.yellow h4:after,.history-txt-mobile .txt.yellow h4:after{
	background-color: #ED1C24;
}
.history-txt .txt.yellow h4,.history-txt-mobile .txt.yellow h4{
	color:#8A0304
}
.history-txt .txt.yellow p,.history-txt-mobile .txt.yellow p{
	color:#8A0304
}
@media only screen and (max-width: 992px) {
	.indicator2{
		display:none
	}
	.history-txt-mobile{
		display:block
	}
	.history .fp-tableCell{
		vertical-align:top
	}
	.history .img{
		margin-top:75px;
		width:100%;
		height:auto;
		text-align:center;
		padding:0
	}
	.history .imgcont{
		position:relative;
	}
	.history .img img{
		top:0;
		left:15px
	}
	.history .img2{
		padding-left:0
	}
	.history .img2 .imgcont{	
		left:0
	}
	.history .img3{
		padding-top:0
	}
	.history .img4{
		padding-left:0;
		padding-top:50px
	}
	.history .img4 .imgcont{
		left:0
	}
	.history .img5{
		padding-left:0;
		padding-top:50px
	}
	.history .img5 .imgcont{
		left:0
	}
}