/*************************
   ANIMATED BG IMAGES
**************************/

.animatedBg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	
	.mask {
		background-color: #0b1215;
		opacity: 0.6;
		z-index: 9;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		display: none;
	}

	.facts {
		position: absolute;
		right: 40px;
		bottom: 40px;
		width: 150px;

		i {
			display: block;
			margin-top: 5px;
		}

		strong {
			margin-left: 5px;
		}
	}
	
	div.image {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		animation-name: imageFade;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-duration: 64s;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
}

@keyframes imageFade {
	0% {
		opacity:1;
	}
	5% {
		opacity:0;
	}
	95% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
 
 .animatedBg div.image1 {
   animation-delay: 8s;
 }
 .animatedBg div.image2 {
   animation-delay: 16s;
 }
 .animatedBg div.image3 {
   animation-delay: 24s;
 }
 .animatedBg div.image4 {
   animation-delay: 32s;
 }
 .animatedBg div.image5 {
	animation-delay: 40s;
 }
 .animatedBg div.image6 {
	animation-delay: 48s;
 }
  .animatedBg div.image7 {
	animation-delay: 56s;
}
  .animatedBg div.image8 {
	animation-delay: 64s;
}



/*************************
   END ANIMATED BG IMAGES
**************************/

.drone {
	.animatedBg {
		.image1 {
			background-image: url("../../imgs/services/drone/examples/f13.jpg");
			z-index: 8;
		}
		
		.image2 {
			background-image: url("../../imgs/services/drone/examples/dji_0249_gullholmen.jpg");
			z-index: 7;
		}
		
		.image3 {
			background-image: url("../../imgs/services/drone/examples/vy_1.jpg");
			z-index: 6;
		}
		
		.image4 {
			background-image: url("../../imgs/services/drone/examples/daniel_heart.jpg");
			z-index: 5;
		}
		
		.image5 {
			background-image: url("../../imgs/services/drone/examples/bunner_jesus_mountains.jpg");
			z-index: 4;
		}
		
		.image6 {
			background-image: url("../../imgs/services/drone/examples/volvo_vert.jpg");
			z-index: 3;
		}
		
		.image7 {
			background-image: url("../../imgs/services/drone/examples/vy_1.jpg");
			z-index: 2;
		}
		
		.image8 {
			background-image: url("../../imgs/services/drone/examples/volvo_vert.jpg");
			z-index: 1;
		}
	}
}

.interviews {
	.animatedBg {
		.image1 {
			background-image: url("../../imgs/services/interviews/examples/intervju_oskar_graded.jpg");
			z-index: 8;
		}
		
		.image2 {
			background-image: url("../../imgs/services/interviews/examples/interview_wff_collage.jpg");
			z-index: 7;
		}
		
		.image3 {
			background-image: url("../../imgs/services/interviews/examples/interview_roger_pool.jpg");
			z-index: 6;
		}
		
		.image4 {
			background-image: url("../../imgs/services/interviews/examples/interview_vildsvin_monterade.jpg");
			z-index: 5;
		}
		
		.image5 {
			background-image: url("../../imgs/services/interviews/examples/interview_ryde_nathalie_close.jpg");
			z-index: 4;
		}
		
		.image6 {
			background-image: url("../../imgs/services/interviews/examples/interview_ryde_nathalie_far.jpg");
			z-index: 3;
		}
		
		.image7 {
			background-image: url("../../imgs/services/interviews/examples/interview_nkpg.jpg");
			z-index: 2;
		}

		.image8 {
			background-image: url("../../imgs/services/interviews/examples/interview_wff_happy.jpg");
			z-index: 1;
		}
	}
}