

.animation-container {
	display: block;
	position: relative;
	height: 514px;
	width: 1920px;
	background-image: url("../images/banner-home.png");
}
.animation-block {
	display: block;
	width: 400px;
	height: 456px;
	position: absolute;
	top: 25px;
	z-index: 1;
}
.animation-image {
	display: block;
	width: 400px;
	height: 456px;
	position: absolute;
	top: 25px;
	z-index: 2;
}
.animation-block-d {
	left: 330px;
	background-image: url("../images/shipdna-d-block.png");
	opacity: 0;
}
.animation-block-n {
	left: 760px;
	background-image: url("../images/shipdna-n-block.png");
	opacity: 0;
}
.animation-block-a {
	left: 1190px;
	background-image: url("../images/shipdna-a-block.png");
	opacity: 0;
}
.animation-image-d {
	left: 330px;
	background-image: url("../images/shipdna-d-image.png");
	opacity: 0;
}
.animation-image-n {
	left: 760px;
	background-image: url("../images/shipdna-n-image.png");
	opacity: 0;
}
.animation-image-a {
	left: 1190px;
	background-image: url("../images/shipdna-a-image.png");
	opacity: 0;
}
body.admin-mode .animation-block {
	opacity: .8;
}
.animation-text {
	display: block;
	width: 300px;
	min-height: 10px;
	position: absolute;
	top:320px;
	left: 50px;
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	color: white;
}
.animation-text strong {
	color: black;
}

.home .right-block strong {
	font-size:18px;
}
.home .right-block a {
text-decoration: underline;
}


.home_slice {
	font-size:16px;
	line-height: 18px;
}

@keyframes feyd-out {
	from { opacity: 1; }
	to { opacity: 0; }
}
@keyframes feyd-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
.feyd-out {
	animation-name: feyd-out;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.feyd-in {
	animation-delay: 1s;
	animation-name: feyd-in;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes feyd-out-part {
	from { opacity: .5; }
	to { opacity: 0; }
}
@keyframes feyd-in-part {
	from { opacity: 0; }
	to { opacity: .5; }
}
.feyd-out-part {
	animation-name: feyd-out-part;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.feyd-in-part {
	animation-delay: 1s;
	animation-name: feyd-in-part;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}