

.is_img_grd.advent > div:nth-child(1) {padding-top: 35%;}
.is_img_grd.advent > a:nth-child(2) {display: block; z-index: 2;}

.is_img_grd.advent > a:nth-child(2) > div > div > div:nth-child(1) > div > img,
.is_img_grd.advent > a:nth-child(2) > div > div > div:nth-child(2) > div > img,
.is_img_grd.advent > a:nth-child(2) > div > div > div:nth-child(3) > div > img,
.is_img_grd.advent > a:nth-child(2) > div > div > div:nth-child(4) > div > img {display: block; position: relative; margin: auto; height: auto;}
.is_img_grd.advent > a:nth-child(2) > div > div > div:nth-child(1) > div > img {width: 100%; opacity: 0.0; filter: alpha(opacity=0);
	animation: app_img_2 12.0s linear 6.0s infinite normal;
	}
.is_img_grd.advent > a:nth-child(2) > div > div > div:nth-child(2) > div > img {width: 96%; opacity: 1.0; filter: alpha(opacity=100);
	animation: close_img_1 12.0s linear 6.0s infinite normal;
	}
.is_img_grd.advent > a:nth-child(2) > div > div > div:nth-child(3) > div > img {width: 85%; opacity: 0.0; filter: alpha(opacity=0);
	-webkit-animation: app_img_1 12.0s linear 0.0s infinite normal;
	animation: app_img_1 12.0s linear 0.0s infinite normal;
	}
.is_img_grd.advent > a:nth-child(2) > div > div > div:nth-child(4) > div > img {width: 75%; opacity: 0.0; filter: alpha(opacity=0);
	-webkit-animation: app_img_1 12.0s linear 3.0s infinite normal;
	animation: app_img_1 12.0s linear 3.0s infinite normal;
	}
@keyframes app_img_1 {
	0% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	5% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	23% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	25% {
		opacity: 0.0;
		filter: alpha(opacity=100);
		}
	100% {
		opacity: 0.0;
		filter: alpha(opacity=100);
		}
	}
@keyframes close_img_1 {
	0% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	5% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	45% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	50% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	100% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	}
@keyframes app_img_2 {
	0% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	5% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	45% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	50% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	100% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	}

.anons_data {height: 100%; width: 100%; background: url(/images/categories/hat_left_grd.png) no-repeat 0 0 / auto 100%;}
.anons_data > img:nth-child(1),
.anons_data > img:nth-child(2),
.anons_data > div {display: block; position: absolute;}
.anons_data > img:nth-child(1) {width: 40%; height: auto; left: 5%; top: 20%;}
.anons_data > img:nth-child(2) {width: 9%; height: auto; left: 42%; top: 55%;}
.anons_data > div {width: 40%; height: 60%; right: 2%; top: 20%; text-align: center;}
.anons_data > div > div {/*background: #ffff00;*/}
.anons_data > div > div > p {display: block; position: absolute; width: 100%; height: 20%; left: 0;/* border: 1px solid #ffff00;*/}
.anons_data > div > div > p:nth-child(1) {top: 12%;
	opacity: 0.0;
	filter: alpha(opacity=0);
	-webkit-animation: app_span_1 12.0s linear 0.0s infinite normal;
	animation: app_span_1 12.0s linear 0.0s infinite normal;
	}
.anons_data > div > div > p:nth-child(2) {top: 28%;
	opacity: 0.0;
	filter: alpha(opacity=0);
	-webkit-animation: app_span_4 12.0s linear 0.0s infinite normal;
	animation: app_span_4 12.0s linear 0.0s infinite normal;
	}
.anons_data > div > div > p:nth-child(3) {top: 40%;
	opacity: 0.0;
	filter: alpha(opacity=0);
	-webkit-animation: app_span_2 12.0s linear 0.0s infinite normal;
	animation: app_span_2 12.0s linear 0.0s infinite normal;
	}
.anons_data > div > div > p:nth-child(4) {bottom: 28%;
	opacity: 0.0;
	filter: alpha(opacity=0);
	-webkit-animation: app_span_5 12.0s linear 0.0s infinite normal;
	animation: app_span_5 12.0s linear 0.0s infinite normal;
	}
.anons_data > div > div > p:nth-child(5) {bottom: 12%;
	opacity: 0.0;
	filter: alpha(opacity=0);
	-webkit-animation: app_span_3 12.0s linear 0.0s infinite normal;
	animation: app_span_3 12.0s linear 0.0s infinite normal;
	}
.anons_data > div > div > p > span {display: block; position: relative; font-size: 23px; font-weight: Bold; line-height: 23px; color: #990000;}
	
@keyframes app_span_1 {
	0% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	2% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	48% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	50% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	100% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	}
@keyframes app_span_2 {
	0% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	14% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	16% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	48% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	50% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	100% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	}
@keyframes app_span_3 {
	0% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	30% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	32% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	48% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	50% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	100% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	}
@keyframes app_span_4 {
	0% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	48% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	50% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	98% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	100% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	}
@keyframes app_span_5 {
	0% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	68% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	70% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	98% {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
	100% {
		opacity: 0.0;
		filter: alpha(opacity=0);
		}
	}

.sfera {position: absolute;}
.sfera > div:nth-child(1) {padding-top: 100%;}
.sfera > div:nth-child(2) > div {box-shadow: 0px 0px 5px rgba(255, 255, 255, 1.0); border-radius: 50%;
	background: -webkit-radial-gradient(circle at 30% 30%, #ffffff 0, transparent 60%, transparent 100%);
	background: -moz-radial-gradient(circle at 30% 30%, #ffffff 0, transparent 60%, transparent 100%);
	background: radial-gradient(circle at 30% 30%, #ffffff 0, transparent 60%, transparent 100%);
	}
.septeko {background: #000033;}
.septeko > div:nth-last-child(1) {position: absolute; bottom: 5%; left: 0; width: 100%; height: auto; text-align: center;}
.septeko > div:nth-last-child(1) > span {padding: 6px 10px; background: rgba(0, 0, 0, .5); font-size: 31px; line-height: 130%; color: #ffffff;}
.septeko > img:nth-last-child(4) {display: block; position: absolute; top: 1%; left: 1%; width: 50%; height: auto;}
.septeko > img:nth-last-child(3) {display: block; position: absolute; top: 1%; right: 1%; width: 35%; height: auto;}
.septeko > img:nth-last-child(2) {display: block; position: absolute; top: 3%; right: 25%; width: 23%; height: auto;}
	
	
@media screen and (max-width: 1080px){
	.anons_data > div {width: 42%;}
	.anons_data > div > div > p > span {font-size: 21px; line-height: 21px;}
	.septeko > div:nth-last-child(1) > span {padding: 6px 10px; font-size: 27px; line-height: 130%;}
	}
@media screen and (max-width: 920px){
	.anons_data > div {width: 42%;}
	.anons_data > div > div > p > span {font-size: 19px; line-height: 19px;}
	.septeko > div:nth-last-child(1) > span {padding: 6px 10px; font-size: 25px; line-height: 130%;}
	}
@media screen and (max-width: 800px){
	.anons_data > div > div > p > span {font-size: 21px; line-height: 21px;}
	}
@media screen and (max-width: 600px){
	.anons_data > div > div > p > span {font-size: 23px; line-height: 23px;}
	}
@media screen and (max-width: 360px){
	.anons_data > div {width: 48%;}
	.anons_data > div > div > p > span {font-size: 19px; line-height: 19px;}
	.septeko > div:nth-last-child(1) > span {padding: 6px 10px; font-size: 21px; line-height: 130%;}
	}
@media screen and (max-width: 320px){
	.anons_data > div > div > p > span {font-size: 16px; line-height: 16px;}
	.septeko > div:nth-last-child(1) > span {padding: 5px 7px; font-size: 17px; line-height: 130%;}
	}