.open_overlay .year_title_bg {
	animation: yeartitle 0.5s ease-in .5s backwards;
	-webkit-animation: yeartitle 0.5s ease-in .5s backwards;
	-o-animation: yeartitle 0.5s ease-in .5s backwards;
}

@keyframes yeartitle {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0.54;
	}
}
@-webkit-keyframes yeartitle {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0.54;
	}
}
@-o-keyframes yeartitle {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0.54;
	}
}

.open_overlay .overlay_title {
	animation: overlay_title 0.5s ease-in 1s backwards;
	-webkit-animation: overlay_title 0.5s ease-in 1s backwards;
	-o-animation: overlay_title 0.5s ease-in 1s backwards;
}

@keyframes overlay_title {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes overlay_title {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-o-keyframes overlay_title {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.open_overlay .overlay_text ul li {
	animation: overlay_list 0.5s ease-in 1.2s backwards;
	-webkit-animation: overlay_list 0.5s ease-in 1.2s backwards;
	-o-animation: overlay_list 0.5s ease-in 1.2s backwards;
}

@keyframes overlay_list {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes overlay_list {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-o-keyframes overlay_list {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.active .year_title{
	animation: year_title 0.5s ease .5s backwards;
	-webkit-animation: year_title 0.5s ease .5s backwards;
	-o-animation: year_title 0.5s ease .5s backwards;	
}
@keyframes year_title {
	0% {
		opacity: 0;
		margin-left: 10px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}
@-webkit-keyframes year_title {
	0% {
		opacity: 0;
		margin-left: 10px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}
@-o-keyframes year_title {
	0% {
		opacity: 0;
		margin-left: 10px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}

.active .body_title{
	animation: body_title 0.5s ease .8s backwards;
	-webkit-animation: body_title 0.5s ease .8s backwards;
	-o-animation: body_title 0.5s ease .8s backwards;	
}
@keyframes body_title {
	0% {
		opacity: 0;
		margin-left: 10px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}
@-webkit-keyframes body_title {
	0% {
		opacity: 0;
		margin-left: 10px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}
@-o-keyframes body_title {
	0% {
		opacity: 0;
		margin-left: 10px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}
.active .overlay_btn{
	animation: overlay_btn 0.5s ease 1s backwards;
	-webkit-animation: overlay_btn 0.5s ease 1s backwards;
	-o-animation: overlay_btn 0.5s ease 1s backwards;	
}
@keyframes overlay_btn {
	0% {
		opacity: 0;
		margin-left: 10px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}
@-webkit-keyframes overlay_btn {
	0% {
		opacity: 0;
		margin-left: 10px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}
@-o-keyframes overlay_btn {
	0% {
		opacity: 0;
		margin-left: 10px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}
.active .plus_icon{
	animation: plus_icon 0.5s ease 1.5s backwards;
	-webkit-animation: plus_icon 0.5s ease 1.5s backwards;
	-o-animation: plus_icon 0.5s ease 1.5s backwards;	
}
@keyframes plus_icon {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes plus_icon {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-o-keyframes plus_icon {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.header_area{
	animation: header_area 0.5s ease .1s backwards;
	-webkit-animation: header_area 0.5s ease .1s backwards;
	-o-animation: header_area 0.5s ease .1s backwards;	
}
@keyframes header_area {
	0% {
		opacity: 0;
		top: -50px;
	}
	100% {
		opacity: 1;
		top: 0;
	}
}
@-webkit-keyframes header_area {
	0% {
		opacity: 0;
		top: -50px;
	}
	100% {
		opacity: 1;
		top: 0;
	}
}
@-o-keyframes header_area {
	0% {
		opacity: 0;
		top: -50px;
	}
	100% {
		opacity: 1;
		top: 0;
	}
}
.footer_area{
	animation: footer_area 0.5s ease .1s backwards;
	-webkit-animation: footer_area 0.5s ease .1s backwards;
	-o-animation: footer_area 0.5s ease .1s backwards;	
}
@keyframes footer_area {
	0% {
		opacity: 0;
		bottom: -50px;
	}
	100% {
		opacity: 1;
		bottom: 0;
	}
}
@-webkit-keyframes footer_area {
	0% {
		opacity: 0;
		bottom: -50px;
	}
	100% {
		opacity: 1;
		bottom: 0;
	}
}
@-o-keyframes footer_area {
	0% {
		opacity: 0;
		bottom: -50px;
	}
	100% {
		opacity: 1;
		bottom: 0;
	}
}