.fslider-2,.fslider-3,.fslider-4,.fslider-5,.fslider-6,.fslider-7 {
  width: 100%;
  height: 200px;
  margin: 0 auto;
  position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;    
}


/* Fade Slide */
/*
################
              Fade-In Fade-Out Slider -fslider- MIT 2 BILDERN
################
*/

.fslider-2 .slide1 {
      background-size: cover;
    animation-name:fade2-1;

} 
.fslider-2 .slide2 {
      background-size: cover;
    animation-name:fade2-2;
}


@keyframes fade2-1
{
  0%   {opacity:1}
  50% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2-2
{
  0%   {opacity:0}
  50% { opacity: 1}
  100% { opacity: 0}
}


/*
################
              Fade-In Fade-Out Slider -fslider- MIT 3 BILDERN
################
*/


.fslider-3 .slide1 {
      background-size: cover;
    animation-name:fade3-1;

} 
.fslider-3 .slide2 {
      background-size: cover;
    animation-name:fade3-2;
}
.fslider-3 .slide3 {
      background-size: cover;
    animation-name:fade3-3;
}
.slide-align-left {
    background-position: left;
}
.slide-align-center {
    background-position: center;
}
.slide-align-right {
    background-position: right;
}

@keyframes fade3-1
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade3-2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3-3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}




/*
################
              Fade-In Fade-Out Slider -fslider- MIT 4 BILDERN
################
*/



.fslider-4 .slide1 {
      background-size: cover;
    animation-name:fade4-1;

} 
.fslider-4 .slide2 {
      background-size: cover;
    animation-name:fade4-2;
}
.fslider-4 .slide3 {
      background-size: cover;
    animation-name:fade4-3;
}

.fslider-4 .slide4 {
      background-size: cover;
    animation-name:fade4-4;
}


@keyframes fade4-1
{
  0%   {opacity:1}
  25% { opacity: 0}
  50% { opacity: 0}
  75% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade4-2
{
  0%   {opacity:0}
  25% { opacity: 1}
  50% { opacity: 0 }
  75% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade4-3
{
  0%   {opacity:0}
  25% { opacity: 0}
  50% { opacity: 1}
  75% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade4-4
{
  0%   {opacity:0}
  25% { opacity: 0}
  50% { opacity: 0}
  75% { opacity: 1}
  100% { opacity: 0}
}





/*
################
              Fade-In Fade-Out Slider -fslider- MIT 5 BILDERN
################
*/




.fslider-5 .slide1 {
      background-size: cover;
    animation-name:fade5-1;

} 
.fslider-5 .slide2 {
      background-size: cover;
    animation-name:fade5-2;
}
.fslider-5 .slide3 {
      background-size: cover;
    animation-name:fade5-3;
}

.fslider-5 .slide4 {
      background-size: cover;
    animation-name:fade5-4;
}

.fslider-5 .slide5 {
      background-size: cover;
    animation-name:fade5-5;
}


@keyframes fade5-1
{
  0%  { opacity: 1}
  20% { opacity: 0}
  40% { opacity: 0}
  60% { opacity: 0}
  80% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade5-2
{
  0%   {opacity:0}
  20% { opacity: 1}
  40% { opacity: 0 }
  60% { opacity: 0 }
  80% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade5-3
{
  0%   {opacity:0}
  20% { opacity: 0}
  40% { opacity: 1}
  60% { opacity: 0}
  80% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade5-4
{
  0%   {opacity:0}
  20% { opacity: 0}
  40% { opacity: 0}
  60% { opacity: 1}
  80% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade5-5
{
  0%   {opacity:0}
  20% { opacity: 0}
  40% { opacity: 0}
  60% { opacity: 0}
  80% { opacity: 1}
  100% { opacity: 0}
  
}









/*
################
              Side Slider -lslider-
################
*/
.lslider-1 > * { animation-name: first_slide_1; }
.lslider-1 > *:nth-child(n+2)  { animation-name: nth_slides_1; }

.lslider-2 > * { animation-name: first_slide_2; }
.lslider-2 > *:nth-child(n+2)  { animation-name: nth_slides_2; }

.lslider-3 > * { animation-name: first_slide_3; }
.lslider-3 > *:nth-child(n+2)  { animation-name: nth_slides_3; }

.lslider-4 > * { animation-name: first_slide_4; }
.lslider-4 > *:nth-child(n+2)  { animation-name: nth_slides_4; }        

.lslider-5 > * { animation-name: first_slide_5; }
.lslider-5 > *:nth-child(n+2)  { animation-name: nth_slides_5; }

.lslider-6 > * { animation-name: first_slide_6; }
.lslider-6 > *:nth-child(n+2)  { animation-name: nth_slides_6; }  

.lslider-7 > * { animation-name: first_slide_7; }
.lslider-7 > *:nth-child(n+2)  { animation-name: nth_slides_7; }   

[class^="lslider-"] .slide1 { left:0%; }
[class^="lslider-"] .slide2 { left:100%; }
[class^="lslider-"] .slide3 { left:200%; }
[class^="lslider-"] .slide4 { left:300%; }
[class^="lslider-"] .slide5 { left:400%; }
[class^="lslider-"] .slide6 { left:500%; }
[class^="lslider-"] .slide7 { left:600%; }

[class^="lslider-"] {
    padding-top: 35%;
    width: 100%;
    position: relative;
	overflow: hidden;
}

[class^="lslider-"] > *{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    margin-left:0;
}        

/*
################
             Side Slider -lslider- MIT 2 BILDERN
################
*/
@keyframes first_slide_2 {
  	0%  {margin-left: 0%;}
	25% {margin-left: -100%;}
  	50% {margin-left: 100%;}
	75% {margin-left: 0%;}
  	100% {margin-left: 0%;}
} 

@keyframes nth_slides_2 {
  	0%   {margin-left: 0%;}
	25%  {margin-left: -100%;}
	50%  {margin-left: -100%;}
	75%  {margin-left: -200%;}
  	100% {margin-left: -200%;}
} 


/*
################
              Side Slider -lslider- MIT 3 BILDERN
################
*/
@keyframes first_slide_3 {
  0%, 25% { margin-left: 0%; }
  35%, 60% { margin-left: -100%; }
  70%, 90% { margin-left: 100%; }
  100% { margin-left: 0%; }
}      
@keyframes nth_slides_3 {
  0%, 25% { margin-left: 0%; }
  35%, 60% { margin-left: -100%; }
  70%, 90%  { margin-left: -200%; }
  100% { margin-left: -300%; }
}    

/*
################
              Side Slider -lslider- MIT 4 BILDERN
################
*/
@keyframes first_slide_4 {
  0%, 15% { margin-left: 0%; }
  25%, 40% { margin-left: -100%; }
  50%, 65% { margin-left: -200%; }
  75%, 90% { margin-left: 100%; }
  100% { margin-left: 0%; }
}      
@keyframes nth_slides_4 {
  0%, 15% { margin-left: 0%; }
  25%, 40% { margin-left: -100%; }
  50%, 65% { margin-left: -200%; }
  75%, 90% { margin-left: -300%; }
  100% { margin-left: -400%; }  
}


/*
################
              Side Slider -lslider- MIT 5 BILDERN
################
*/
@keyframes first_slide_5 {
  0%, 10% { margin-left: 0%; }
  20%, 30% { margin-left: -100%; }
  40%, 50% { margin-left: -200%; }
  60%, 70% { margin-left: -300%; }
  80%, 90% { margin-left: 100%; }
  100% { margin-left: 0%; }
}      
@keyframes nth_slides_5 {
  0%, 10% { margin-left: 0%; }
  20%, 30% { margin-left: -100%; }
  40%, 50% { margin-left: -200%; }
  60%, 70% { margin-left: -300%; }
  80%, 90% { margin-left: -400%; }
  100% { margin-left: -500%; }  
}

/*
################
              Side Slider -lslider- MIT 6 BILDERN
################
*/
@keyframes first_slide_6 {
  0%, 10% { margin-left: 0%; }
  17%, 24% { margin-left: -100%; }
  34%, 41% { margin-left: -200%; }
  51%, 58% { margin-left: -300%; }
  68%, 75% { margin-left: -400%; }
  85%, 90% { margin-left: 100%; }
  100% { margin-left: 0%; }
}      
@keyframes nth_slides_6 {
  0%, 10% { margin-left: 0%; }
  17%, 24% { margin-left: -100%; }
  34%, 41% { margin-left: -200%; }
  51%, 58% { margin-left: -300%; }
  68%, 75% { margin-left: -400%; }
  85%, 90% { margin-left: -500%; }
  100% { margin-left: -600%; }
}

/*
################
              Side Slider -lslider- MIT 7 BILDERN
################
*/
@keyframes first_slide_7 {
  0%, 4.285% { margin-left: 0%; }
  14.285%, 18.57% { margin-left: -100%; }
  28.57%, 32.855% { margin-left: -200%; }
  42.855%, 47.140% { margin-left: -300%; }
  57.140%, 61.425% { margin-left: -400%; }
  71.425%, 75.710% { margin-left: -500%; }
  85.710%, 89.995% { margin-left: 100%; }
  100% { margin-left: 0%; }
}      
@keyframes nth_slides_7 {
  0%, 4.285% { margin-left: 0%; }
  14.285%, 18.57% { margin-left: -100%; }
  28.57%, 32.855% { margin-left: -200%; }
  42.855%, 47.140% { margin-left: -300%; }
  57.140%, 61.425% { margin-left: -400%; }
  71.425%, 75.710% { margin-left: -500%; }
  85.710%, 89.995% { margin-left: -600%; }
  100% { margin-left: -700%; }
}