
@-webkit-keyframes fade_01 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade_01 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes fade_01 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade_01 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein_01 { position:relative; width:100%; }
.fadein_01 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade_01; animation-duration: 3s; animation-iteration-count: infinite; }
.fadein_01 img:nth-child(1) { animation-delay: -1.5s; }
.fadein_01 img:nth-child(2) { animation-delay: 3s; }
.fadein_01 img:nth-child(3) { animation-delay: -1.5s; }

@-webkit-keyframes fade_02 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade_02 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes fade_02 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade_02 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein_02 { position:relative; width:100%; }
.fadein_02 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade_02; animation-duration: 6s; animation-iteration-count: infinite; }
.fadein_02 img:nth-child(1) { animation-delay: 0s; }
.fadein_02 img:nth-child(2) { animation-delay: 3s; }
.fadein_02 img:nth-child(3) { animation-delay: 0s; }

@-webkit-keyframes fade_03 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade_03 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes fade_03 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade_03 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein_03 { position:relative; width:100%; }
.fadein_03 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade_03; animation-duration: 8s; animation-iteration-count: infinite; }
.fadein_03 img:nth-child(1) { animation-delay: 0s; }
.fadein_03 img:nth-child(2) { animation-delay: 4s; }
/*.fadein_03 img:nth-child(3) { animation-delay: 0s; } */

@-webkit-keyframes fade_04 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade_04 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes fade_04 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade_04 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein_04 { position:relative; width:100%; }
.fadein_04 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade_04; animation-duration: 4s; animation-iteration-count: infinite; }
.fadein_04 img:nth-child(1) { animation-delay: 0s; }
.fadein_04 img:nth-child(2) { animation-delay: 1s; }
.fadein_04 img:nth-child(3) { animation-delay: 2s; }

@-webkit-keyframes fade_05 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade_05 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes fade_05 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade_05 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein_05 { position:relative; width:100%; }
.fadein_05 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade_05; animation-duration: 9s; animation-iteration-count: infinite; }
.fadein_05 img:nth-child(1) { animation-delay: 0s; }
.fadein_05 img:nth-child(2) { animation-delay: 4.5s; }

@-webkit-keyframes fade_06 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade_06 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes fade_06 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade_06 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein_06 { position:relative; width:100%; }
.fadein_06 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade_06; animation-duration: 3s; animation-iteration-count: infinite; }
.fadein_06 img:nth-child(1) { animation-delay: -1.5s; }
.fadein_06 img:nth-child(2) { animation-delay: 3s; }
.fadein_06 img:nth-child(3) { animation-delay: -1.5s; }


@-webkit-keyframes fade_07 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade_07 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes fade_07 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade_07 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein_07 { position:relative; width:100%; }
.fadein_07 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade_07; animation-duration: 12s; animation-iteration-count: infinite; }
.fadein_07 img:nth-child(1) { animation-delay: 0s; }
.fadein_07 img:nth-child(2) { animation-delay: 2s; }
.fadein_07 img:nth-child(3) { animation-delay: 4s; }
.fadein_07 img:nth-child(4) { animation-delay: 6s; }


@-webkit-keyframes fade_08 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade_08 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes fade_08 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade_08 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein_08 { position:relative; width:100%; }
.fadein_08 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade_08; animation-duration: 7s; animation-iteration-count: infinite; }
.fadein_08 img:nth-child(1) { animation-delay: 0.0s; }
.fadein_08 img:nth-child(2) { animation-delay: 3.5s; }
.fadein_08 img:nth-child(3) { animation-delay: 0.0s; }


@-webkit-keyframes fade_09 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade_09 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes fade_09 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade_09 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein_09 { position:relative; width:100%; }
.fadein_09 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade_09; animation-duration: 2.0s; animation-iteration-count: infinite; }
.fadein_09 img:nth-child(1) { animation-delay: 0.0s; }
.fadein_09 img:nth-child(2) { animation-delay: 1.00s; }
.fadein_09 img:nth-child(3) { animation-delay: 0.0s; }


@-webkit-keyframes fade_10 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade_10 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes fade_10 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade_10 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein_10 { position:relative; width:100%; }
.fadein_10 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade_10; animation-duration: 6s; animation-iteration-count: infinite; }
.fadein_10 img:nth-child(1) { animation-delay: 0s; }
.fadein_10 img:nth-child(2) { animation-delay: 1s; }
.fadein_10 img:nth-child(3) { animation-delay: 2s; }
.fadein_10 img:nth-child(4) { animation-delay: 3s; }


@-webkit-keyframes fade_11 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade_11 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes fade_11 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade_11 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein_11 { position:relative; width:100%; }
.fadein_11 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade_11; animation-duration: 6.5s; animation-iteration-count: infinite; }
.fadein_11 img:nth-child(1) { animation-delay: 0.0s; }
.fadein_11 img:nth-child(2) { animation-delay: 3.25s; }
.fadein_11 img:nth-child(3) { animation-delay: 0.0s; }

@-webkit-keyframes fade_12 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade_12 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes fade_12 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade_12 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein_12 { position:relative; width:100%; }
.fadein_12 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade_12; animation-duration: 4.5s; animation-iteration-count: infinite; }
.fadein_12 img:nth-child(1) { animation-delay: 0.0s; }
.fadein_12 img:nth-child(2) { animation-delay: 2.25s; }
.fadein_12 img:nth-child(3) { animation-delay: 0.0s; }


@-webkit-keyframes fade_13 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade_13 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes fade_13 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade_13 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein_13 { position:relative; width:100%; }
.fadein_13 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade_13; animation-duration: 8.5s; animation-iteration-count: infinite; }
.fadein_13 img:nth-child(1) { animation-delay: 0s; }
.fadein_13 img:nth-child(2) { animation-delay: 2.5s; }
.fadein_13 img:nth-child(3) { animation-delay: 4.5s; }
.fadein_13 img:nth-child(4) { animation-delay: 6.5s; }


@-webkit-keyframes fade_14 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade_14 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes fade_14 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade_14 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein_14 { position:relative; width:100%; }
.fadein_14 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade_14; animation-duration: 12s; animation-iteration-count: infinite; }
/* .fadein_14 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation: fade_14 12s infinite; } */
.fadein_14 img:nth-child(1) { animation-delay: 0s; }
.fadein_14 img:nth-child(2) { animation-delay: 3s; }
.fadein_14 img:nth-child(3) { animation-delay: 6s; }
.fadein_14 img:nth-child(4) { animation-delay: 9s; }



@-webkit-keyframes fade_15 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade_15 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes fade_15 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade_15 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein_15 { position:relative; width:100%; }
.fadein_15 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade_15; animation-duration: 12s; animation-iteration-count: infinite; }
.fadein_15 img:nth-child(1) { animation-delay: 0s; }
.fadein_15 img:nth-child(2) { animation-delay: 2s; }
.fadein_15 img:nth-child(3) { animation-delay: 4s; }
.fadein_15 img:nth-child(4) { animation-delay: 6s; }
.fadein_15 img:nth-child(5) { animation-delay: 8s; }



@-webkit-keyframes fade_16 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes fade_16 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes fade_16 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes fade_16 {
	0% { opacity: 0; }
	10% { opacity: 1; }
	50% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein_16 { position:relative; width:100%; }
.fadein_16 img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade_16; animation-duration: 21.0s; animation-iteration-count: infinite; }
.fadein_16 img:nth-child(1) { animation-delay: 0s; }
.fadein_16 img:nth-child(2) { animation-delay: 3.5s; }
.fadein_16 img:nth-child(3) { animation-delay: 7s; }
.fadein_16 img:nth-child(4) { animation-delay: 10.5s; }
.fadein_16 img:nth-child(5) { animation-delay: 14.0s; }



/* animation delay */

.del_001 {transition-delay: 0.5s;}

.del_002 {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 0.3s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
}

.del_003 {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 1.5s;
  animation-delay: 0.3s; /* Задержка 3 секунды */
  animation-fill-mode: forwards; /* Сохраняет блок видимым после анимации */
}


/* In Code
@keyframes fade {
	0% { opacity: 0; }
	11.11% { opacity: 1; }
	33.33% { opacity: 1; }
	44.44% { opacity: 0; }
	100% { opacity: 0; }
}
.fadein { position:relative; width:100%;}
.fadein img { position:absolute; width:100%; left:0; right:0; opacity:0; animation-name: fade; animation-duration: 9s; animation-iteration-count: infinite; }
.fadein img:nth-child(1) { animation-delay: 0s; }
.fadein img:nth-child(2) { animation-delay: 3s; }
.fadein img:nth-child(3) { animation-delay: 6s; }
*/

/* @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } */
