/* History */

#history_chart {
	padding-top: 0;
}
#history_chart .inner {
    padding: 0 130px;
}
#history_founded {
    position: absolute;
    top: 0px;
    /* left: 130px; */
    right: 130px;
    font-size: 12em;
    font-size: 8em;
    line-height: 1em;
    color: #fff;
    opacity: 0.6;
    opacity: 0;
    z-index: -1;
	animation: history_founded_reveal 850ms 1 ease-in-out 100ms forwards;
}
@keyframes history_founded_reveal {
	0% {
	}
	50% {
	}
	100% {
	}
}

.history_decade {
    position: relative;
	padding-top: 3.3em;
    padding-left: 300px;
}
.history_decade:first-of-type {
    padding-top: 7em;
    padding-top: 3.3em;
    padding-top: 0;
}
.history_decade::before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    width: 100vw;
    height: 100%;
    z-index: -1;
}
.history_decade::after {
	position: absolute;
	top: 0;
	left: 0;
	left: 300px;
	content: '';
	width: 1px;
	height: 100%;
	background: #c9936f;
}
.history_decade:first-of-type:after {
	top: calc(7em + 36px);
	height: calc(100% - 7em - 36px);
	top: calc(3.3em + 36px);
	height: calc(100% - 3.3em - 36px);
	top: 36px;
	height: calc(100% - 36px);
}
.history_decade:nth-of-type(odd)::before {
    display: none;
}
._history_decade:nth-of-type(odd)::before {
    background: #ece7d2;
}
.history_decade:nth-of-type(even)::before {
    background: #f7f2df;
    background: #f4eedb;
}
.history_year {
	position: relative;
	padding-bottom: 6.3em;
	padding-bottom: 2em;
	padding-left: 25px;
}
.history_year:last-of-type {
    padding-bottom: 4.6em;
}
.history_year h4 {
    padding-top: 20px;
    padding-bottom: 0.7em;
    margin-bottom: 1.2em;
    color: #c9936f;
    border-bottom: 1px solid #c5c0ab;
}
.history_year h4 span {
    display: block;
}
.history_year h4 .year_ad {
	position: relative;
    font-size: 2.1em;
	font-family: 'Gravitas One', serif;
	font-weight: 400;
    letter-spacing: 0.095em;
	letter-spacing: 0;
    line-height: 1.2em;
}
.history_year h4 .year_ad::before {
	position: absolute;
	top: 50%;
	left: -34px;
	transform: translateY(-50%);
	content: '';
	width: 18px;
	height: 18px;
	background: #c9936f;
	border-radius: 50%;
}
.history_year h4 .year_jc {
    font-size: 0.8em;
    letter-spacing: 0.07em;
}
._history_year.w_image > p {
    width: calc(100% - 275px);
}
.history_year li {
    font-size: 1.1em;
    font-size: 1.05em;
	line-height: 1.7em;
}

.history_year li:not(:last-of-type) {
    margin-bottom: 0.5em;
}
.history_year li span {
    display: block;
}
.history_day {
    float: left;
    margin-top: -3px;
    padding: 0.3em 0.6em 0.15em 0.6em;
    width: 80px;
    font-size: 0.8em;
    letter-spacing: 0;
    text-align: center;
    background: #fff;
    border-radius: 6px;
}
.history_event {
    margin-top: 3px;
    padding-left: 100px;
}
.history_image {
    position: absolute;
    width: 255px;
    top: 0;
    top: 2em;
    left: -300px;
	left: -310px;
	border-radius: 8px;
	overflow: hidden;
	opacity: 0;
}
.history_image.reveal {
    animation: history_image_reveal 500ms 1 ease-in-out 100ms forwards;
}

@keyframes history_image_reveal {
	0% {
		left: -310px;
		opacity: 0;
	}
	100% {
		left: -300px;
		opacity: 1;
	}
}