#slogani #tekst .slogan-1, #slogani #tekst .slogan-2, #slogani #tekst .slogan-3, #slogani #tekst .slogan-4, #slogani #tekst .slogan-5, #slogani #tekst .slogan-6, #slogani #tekst .slogan-7 { position: absolute; display: block; width: 100%; top: 0px; left: 0px; text-align: center; animation-duration: 50s; animation-timing-function: ease-in-out; animation-iteration-count: infinite;  -webkit-animation-duration: 50s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -moz-animation-duration: 50s; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; }

#slogani #tekst .slogan-1{ animation-name: anim-1; -webkit-animation-name: anim-1; -moz-animation-name: anim-1; }
#slogani #tekst .slogan-2{ animation-name: anim-2; -webkit-animation-name: anim-2; -moz-animation-name: anim-2; }
#slogani #tekst .slogan-3{ animation-name: anim-3; -webkit-animation-name: anim-3; -moz-animation-name: anim-3; }
#slogani #tekst .slogan-4{ animation-name: anim-4; -webkit-animation-name: anim-4; -moz-animation-name: anim-4; }
#slogani #tekst .slogan-5{ animation-name: anim-5; -webkit-animation-name: anim-5; -moz-animation-name: anim-5; }
#slogani #tekst .slogan-6{ animation-name: anim-6; -webkit-animation-name: anim-6; -moz-animation-name: anim-6; }
#slogani #tekst .slogan-7{ animation-name: anim-7; -webkit-animation-name: anim-7; -moz-animation-name: anim-7; }


@keyframes anim-1 {
  0%, 3.57% { opacity: 0; }
  3.57%,10.71% { opacity: 1; }
  14.28%, 100% { opacity: 0; }
}

@-webkit-keyframes anim-1 {
 0%, 3.57% { opacity: 0; }
  3.57%,10.71% { opacity: 1; }
  14.28%, 100% { opacity: 0; }
}

@-moz-keyframes anim-1 {
  0%, 3.57% { opacity: 0; }
  3.57%,10.71% { opacity: 1; }
  14.28%, 100% { opacity: 0; }
}

@keyframes anim-2 {
	0%, 14.28% { opacity: 0; }
  17.85%, 25% { opacity: 1; }
  28.56%, 100% { opacity: 0; }
}

@-webkit-keyframes anim-2 {
	0%, 14.28% { opacity: 0; }
  17.85%, 25% { opacity: 1; }
  28.56%, 100% { opacity: 0; }
}

@-moz-keyframes anim-2 {
	0%, 14.28% { opacity: 0; }
  17.85%, 25% { opacity: 1; }
  28.56%, 100% { opacity: 0; }
}

@keyframes anim-3 {
	0%, 28.56% { opacity: 0; }
  32.13%, 39.27% { opacity: 1; }
  42.84%, 100% { opacity: 0; }
}

@-webkit-keyframes anim-3 {
	0%, 28.56% { opacity: 0; }
  32.13%, 39.27% { opacity: 1; }
  42.84%, 100% { opacity: 0; }
}

@-moz-keyframes anim-3 {
	0%, 28.56% { opacity: 0; }
  32.13%, 39.27% { opacity: 1; }
  42.84%, 100% { opacity: 0; }
}

@keyframes anim-4 {
	0%, 42.84% { opacity: 0; }
  46.41%, 53.55% { opacity: 1; }
  57.12%, 100% { opacity: 0; }
}

@-webkit-keyframes anim-4 {
	0%, 42.84% { opacity: 0; }
  46.41%, 53.55% { opacity: 1; }
  57.12%, 100% { opacity: 0; }
}

@-moz-keyframes anim-4 {
	0%, 42.84% { opacity: 0; }
  46.41%, 53.55% { opacity: 1; }
  57.12%, 100% { opacity: 0; }
}

@keyframes anim-5 {
	0%, 57.12% { opacity: 0; }
  60.69%, 67.83% { opacity: 1; }
  71.4%, 100% { opacity: 0; }
}

@-webkit-keyframes anim-5 {
	0%, 57.12% { opacity: 0; }
  60.69%, 67.83% { opacity: 1; }
  71.4%, 100% { opacity: 0; }
}

@-moz-keyframes anim-5 {
	0%, 57.12% { opacity: 0; }
  60.69%, 67.83% { opacity: 1; }
  71.4%, 100% { opacity: 0; }
}

@keyframes anim-6 {
	0%, 71.4% { opacity: 0; }
  74.97%, 82.11% { opacity: 1; }
  85.68%, 100% { opacity: 0; }
}

@-webkit-keyframes anim-6 {
	0%, 71.4% { opacity: 0; }
  74.97%, 82.11% { opacity: 1; }
  85.68%, 100% { opacity: 0; }
}

@-moz-keyframes anim-6 {
	0%, 71.4% { opacity: 0; }
  74.97%, 82.11% { opacity: 1; }
  85.68%, 100% { opacity: 0; }
}

@keyframes anim-7 {
	0%, 85.68% { opacity: 0; }
  89.25%, 96.4% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes anim-7 {
	0%, 85.68% { opacity: 0; }
  89.25%, 96.4% { opacity: 1; }
  100% { opacity: 0; }
}

@-moz-keyframes anim-7 {
	0%, 85.68% { opacity: 0; }
  89.25%, 96.4% { opacity: 1; }
  100% { opacity: 0; }
}