.items-name {
	justify-content: flex-end;
	margin: 0;
	padding: 0;
	width: 66.66%;
	list-style: none;
}
.items-name li {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.25rem;
	line-height: 1.28;
	padding: 0 32px 45px 32px;
	margin: 0;
	cursor: pointer;
}
.items-name li:last-child {
	padding-right: 0;
}
.items-name li.current {
	font-weight: 500;
	color: #FAA519;
}
.items-content .description {
	width: 66.66%;
	padding: 60px 90px 60px 0;
	background-color: #002E56;
}
.items-content .description > * {
	max-width: 600px;
	margin-left: auto;
}
.items-content .item:not(.d-none) .description > *,
.items-content .item:not(.d-none) .year {
	animation: show_item 0.5s ease-out;
}
@keyframes show_item {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.items-content .description:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #002E56;
	transform: translateX(-100%);
}
.items-content .year {
	width: 33.33%;
	font: 500 107px/1.2 'Roboto Condensed', sans-serif;
	color: #002E56;
	text-align: center;
}
.mob-items-content .item {
	background-color: #003767;
}
.mob-items-content .item.open {
	background-color: rgba(0, 46, 86, 0.9);
}
.period .item-title {
	color: #fff;
	font: 28px/1.2 'Roboto Condensed', sans-serif;
	padding: 20px 134px 20px 32px;
	cursor: pointer;
}
.item-title:before {
	position: absolute;
	content: '+';
	color: #fff;
	font-size: 38px;
	font-family: 'Roboto', sans-serif;
	line-height: 1;
	top: 50%;
	margin-top: -19px;
	right: 40px;
	pointer-events: none;
}
.item.open .item-title:before {
	content: "\2013";
	color: #FAA519;
}
.item.open .item-title {
	color: #FAA519;
	font-weight: 500;
}
.mob-items-content .description {
	padding-left: 32px;
	padding-right: 32px;
	padding-bottom: 1rem;
}
.item.open .description {
	display: block !important;
}
@media only screen and (max-width: 1024px) {
	.items-name,
	.items-content .description { width: 82vw;}
	.items-name { justify-content: space-between; }
	.items-name li { padding-left: 0; padding-right: 0;}
	.items-content .year { position: absolute; transform: rotate(-90deg) translateY(110%); transform-origin: center center; right: 0;}
	.items-content .description > * { max-width: 100%; margin-left: 0; }
}
@media only screen and (max-width: 600px) {
	.items-name,
	.items-content  { display: none !important; }
	.mob-items-content { display: flex !important; flex-direction: column; margin-left: -32px; margin-right: -32px; }
}
@media only screen and (max-width: 480px) {
	.mob-items-content { margin-left: -24px; margin-right: -24px; }
	.mob-items-content .description { padding-left: 24px; padding-right: 24px; }
}