@media screen and (min-width:1001px) { .modpage { font-family: 'Philosopher', sans-serif; font-size:22px; } }
@media screen and (max-width: 1000px) { .modpage { font-family: 'Philosopher', sans-serif; font-size:22px; } }


.body_slides{
	list-style:none;
	margin:0;
	padding:0;
	z-index:-2; 
	background:#000;
}

.body_slides,
.body_slides:after{
    position: fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}

.body_slides:after { 
    content: '';
	/*background: transparent url(/tpl/v1/bg/pattern3.png) repeat top left;*/
}

@-webkit-keyframes anim_slides {
0% {opacity:0;}
6% {opacity:1;}
24% {opacity:1;}
30% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes anim_slides {
0% {opacity:0;}
6% {opacity:1;}
24% {opacity:1;}
30% {opacity:0;}
100% {opacity:0;}
}
.body_slides li{
    width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
    background-size:cover;
    background-repeat:none;
	opacity:0;
    -webkit-animation: anim_slides 40s linear infinite 0s;
    -moz-animation: anim_slides 40s linear infinite 0s;
    -o-animation: anim_slides 40s linear infinite 0s;
    -ms-animation: anim_slides 40s linear infinite 0s;
    animation: anim_slides 40s linear infinite 0s;
}
  
.body_slides li:nth-child(1){
background-image: url(/tpl/v1/bg/mainbg5.jpg)
}
.body_slides li:nth-child(2){
-webkit-animation-delay: 8.0s;
-moz-animation-delay: 8.0s;
background-image: url(/tpl/v1/bg/mainbg4.jpg)
}
.body_slides li:nth-child(3){
-webkit-animation-delay: 16.0s;
-moz-animation-delay: 16.0s;
background-image: url(/tpl/v1/bg/mainbg2.jpg)
}
.body_slides li:nth-child(4){
-webkit-animation-delay: 24.0s;
-moz-animation-delay: 24.0s;
background-image: url(/tpl/v1/bg/mainbg3.jpg)
}
.body_slides li:nth-child(5){
-webkit-animation-delay: 32.0s;
-moz-animation-delay: 32.0s;
background-image: url(/tpl/v1/bg/mainbg.jpg)
}