﻿/* Pure CSS3 jQuery-Like fadeIn
---------------------------------------------------- */
.fadeIn {
	/* Styling for Demo
	---------------------------------------------------- */
	
	margin:0px;
	-webkit-box-shadow: 0px 0px 0px #333;
	-moz-box-shadow: 0px 0px 0px #333;
	-ms-box-shadow: 0px 0px 0px #333;
	-o-box-shadow: 0px 0px 0px #333;
	box-shadow: 0px 0px 0px #333;
	
	/* CSS needed for animation
	---------------------------------------------------- */
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

/* Animation Times - Time for image to fade in
---------------------------------------------------- */
.fadeIn-1s {
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
}
.fadeIn-3s {
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-o-animation-duration:2s;
	animation-duration:2s;
}

.fadeIn-5s {
	-webkit-animation-duration:5s;
	-moz-animation-duration:5s;
	-o-animation-duration:5s;
	animation-duration:5s;
}
.fadeIn-8s {
	-webkit-animation-duration:8s;
	-moz-animation-duration:8s;
	-o-animation-duration:8s;
	animation-duration:8s;
}

/* Animation Delay - Time for image to be delayed
---------------------------------------------------- */

.fadeIn-Delay-1s {
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}
.fadeIn-Delay-2s {
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-o-animation-delay:2s;
	animation-delay:2s;
}

.fadeIn-Delay-3s {
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	-o-animation-delay:3s;
	animation-delay:3s;
}

.fadeIn-Delay-4s {
	-webkit-animation-delay:4s;
	-moz-animation-delay:4s;
	-o-animation-delay:4s;
	animation-delay:4s;
}

.fadeIn-Delay-5s {
	-webkit-animation-delay:5s;
	-moz-animation-delay:5s;
	-o-animation-delay:5s;
	animation-delay:5s;
}

.fadeIn-Delay-6s {
	-webkit-animation-delay:6s;
	-moz-animation-delay:6s;
	-o-animation-delay:6s;
	animation-delay:6s;
}

.fadeIn-Delay-7s {
	-webkit-animation-delay:7s;
	-moz-animation-delay:7s;
	-o-animation-delay:7s;
	animation-delay:7s;
}

.fadeIn-Delay-8s {
	-webkit-animation-delay:8s;
	-moz-animation-delay:8s;
	-o-animation-delay:8s;
	animation-delay:8s;
}
.fadeIn-Delay-9s {
	-webkit-animation-delay:9s;
	-moz-animation-delay:9s;
	-o-animation-delay:9s;
	animation-delay:9s;
}

.fadeIn-Delay-10s {
	-webkit-animation-delay:10s;
	-moz-animation-delay:10s;
	-o-animation-delay:10s;
	animation-delay:10s;
}

.fadeIn-Delay-11s {
	-webkit-animation-delay:11s;
	-moz-animation-delay:11s;
	-o-animation-delay:11s;
	animation-delay:11s;
}
.fadeIn-Delay-12s {
	-webkit-animation-delay:12s;
	-moz-animation-delay:12s;
	-o-animation-delay:12s;
	animation-delay:12s;
}
.fadeIn-Delay-13s {
	-webkit-animation-delay:13s;
	-moz-animation-delay:13s;
	-o-animation-delay:13s;
	animation-delay:13s;
}
.fadeIn-Delay-14s {
	-webkit-animation-delay:14s;
	-moz-animation-delay:14s;
	-o-animation-delay:14s;
	animation-delay:14s;
}
.fadeIn-Delay-15s {
	-webkit-animation-delay:15s;
	-moz-animation-delay:15s;
	-o-animation-delay:15s;
	animation-delay:15s;
}
.fadeIn-Delay-18s {
	-webkit-animation-delay:18s;
	-moz-animation-delay:18s;
	-o-animation-delay:18s;
	animation-delay:18s;
}
.fadeIn-Delay-21s {
	-webkit-animation-delay:21s;
	-moz-animation-delay:21s;
	-o-animation-delay:21s;
	animation-delay:21s;
}

/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.slides{ -webkit-animation:leftin 2s linear ; animation:leftin 2s linear ; position: relative; }
.slide0{ -webkit-animation:leftin 5s linear ; animation:leftin 5s linear ; position: relative; }
.slide11{ -webkit-animation:leftin 7s linear ; animation:leftin 7s linear ; position: relative; }
.slide1{ -webkit-animation:leftin 10s linear ; animation:leftin 10s linear ; position: relative; }
.slide2{ -webkit-animation:leftin 21s linear ; animation:leftin 21s linear ; position: relative; }
.slide3{ -webkit-animation:leftin 24s linear ; animation:leftin 24s linear ; position: relative; }
.slide4{ -webkit-animation:leftin 15s linear ; animation:leftin 15s linear ; position: relative; }
.slide5{ -webkit-animation:leftin 18s linear ; animation:leftin 18s linear ; position: relative; }
.slide6{ -webkit-animation:leftin 20s linear ; animation:leftin 20s linear ; position: relative; }
.slide7{ -webkit-animation:leftin 22s linear ; animation:leftin 22s linear ; position: relative; }
.slide8{ -webkit-animation:leftin 12s linear ; animation:leftin 12s linear ; position: relative; }
@keyframes leftin {
  0% {margin-left: 100%;}
  25%{margin-left: 100%;}
  90%{margin-left: 100%;}
 100%{margin-left: 0%;}
}
@-webkit-keyframes leftin {
   0% {margin-left: 100%;}
  25%{margin-left: 100%;}
  90%{margin-left: 100%;}
 100%{margin-left: 0%;}
}

@-webkit-keyframes blink {
    0% {
        opacity:0;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

@keyframes blink {
    0% {
        opacity:0;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
.Delay-2s {
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-o-animation-delay:2s;
	animation-delay:2s;
}
.Delay-3s {
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	-o-animation-delay:3s;
	animation-delay:3s;
}
.Delay-31s {
	-webkit-animation-delay:3100ms;
	-moz-animation-delay:3100ms;
	-o-animation-delay:3100ms;
	animation-delay:3100ms;
}
.Delay-32s {
	-webkit-animation-delay:3200ms;
	-moz-animation-delay:3200ms;
	-o-animation-delay:3200ms;
	animation-delay:3200ms;
}
.Delay-33s {
	-webkit-animation-delay:3300ms;
	-moz-animation-delay:3300ms;
	-o-animation-delay:3300ms;
	animation-delay:3300ms;
}
.Delay-34s {
	-webkit-animation-delay:3400ms;
	-moz-animation-delay:3400ms;
	-o-animation-delay:3400ms;
	animation-delay:3400ms;
}
.Delay-35s {
	-webkit-animation-delay:3500ms;
	-moz-animation-delay:3500ms;
	-o-animation-delay:3500ms;
	animation-delay:3500ms;
}
.Delay-36s {
	-webkit-animation-delay:3600ms;
	-moz-animation-delay:3600ms;
	-o-animation-delay:3600ms;
	animation-delay:3600ms;
}
.Delay-37s {
	-webkit-animation-delay:3700ms;
	-moz-animation-delay:3700ms;
	-o-animation-delay:3700ms;
	animation-delay:3700ms;
}
.Delay-38s {
	-webkit-animation-delay:3800ms;
	-moz-animation-delay:3800ms;
	-o-animation-delay:3800ms;
	animation-delay:3800ms;
}
.Delay-39s {
	-webkit-animation-delay:3900ms;
	-moz-animation-delay:3900ms;
	-o-animation-delay:3900ms;
	animation-delay:3900ms;
}
.vill {
-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count:2;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;
    
		
		animation-direction: normal;
		animation-duration: 2s;
		animation-iteration-count: 2;
		animation-name: blink;
		animation-timing-function: ease-in-out;    
}
.villmindig {
-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;
    
		
		animation-direction: normal;
		animation-duration: 2s;
		animation-iteration-count: infinite;
		animation-name: blink;
		animation-timing-function: ease-in-out;    
}