@charset "utf-8";

/* Слайдер */
article .slides li { list-style-type:none; padding: 0px;background-image:none; background-repeat: no-repeat; background-size: 0px; background-position: 0 0;  }
.slides ul,.slides ul li,.slides ul li div{width:calc(100% - 2px);height:350px;}
@media (min-width: 1320px) {.slides ul,.slides ul li,.slides ul li div{ width:1320px;}}
.slides div{ padding:0 0 0 0;}	
.slides {
	height:350px;
	width:100%;
    margin:0 auto;
    overflow:hidden;
    position:relative;
	text-align:center;	
}

.slides ul {display:block;margin:0 auto;padding:0;}
.slides ul li div {}
/* Кадры анимации #anim_slides */
@keyframes anim_slides {
    0% {opacity:0;}
    6% {opacity:1;}
    13.5% {opacity:1;}
    19.5% {opacity:0;}
    100% {opacity:0;}
}


.slides ul li {
    opacity:0;
    position:absolute;
    top:0;

    /* анимация css3 */
   animation-name: anim_slides;
   animation-duration: 42.0s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   animation-direction: normal;
   animation-delay: 0;
   animation-play-state: running;
   animation-fill-mode: forwards;


}

/* Задержки css3 */

.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {animation-delay: 6.0s;}
.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {animation-delay: 12.0s;}
.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {animation-delay: 18.0s;}
.slides ul  li:nth-child(5), .slides ul  li:nth-child(5) div {animation-delay: 24.0s;}
.slides ul  li:nth-child(6), .slides ul  li:nth-child(6) div {animation-delay: 30.0s;}
.slides ul  li:nth-child(7), .slides ul  li:nth-child(7) div {animation-delay: 36.0s;}
.slides ul  li:nth-child(8), .slides ul  li:nth-child(8) div {animation-delay: 42.0s;}

#slides_input{ margin:0; padding:0;}

.slides{ margin:0px auto; }
.slides div{ background-position:center center; background-repeat:no-repeat;background-size: cover;}
.slides .s1{ background-image:url(/tmp/img/slider/1.jpg);}
.slides .s2{ background-image:url(/tmp/img/slider/2.jpg);}
.slides .s3{ background-image:url(/tmp/img/slider/3.jpg);}
.slides .s4{ background-image:url(/tmp/img/slider/4.jpg);}
.slides .s5{ background-image:url(/tmp/img/slider/1.jpg);}
.slides .s6{ background-image:url(/tmp/img/slider/2.jpg);}
.slides .s7{ background-image:url(/tmp/img/slider/3.jpg);}
.slides .s8{ background-image:url(/tmp/img/slider/4.jpg);}
/*@media (max-width: 1100px) {.slides,.slides ul li div{ width:900px}}*/

/*-----------------------------------------*/