#site-background .layer-wrapper {
	position: fixed;
	height: 100vh;
	z-index: -999;
	top: 0;
	left: 0;
	width: 100vw
}

#site-background .layer-wrapper>div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%
}

#site-background .layer-wrapper>div>div {
	position: absolute
}

#site-background .layer-wrapper .element1 {
	top: -120px;
	left: 10%
}

#site-background .layer-wrapper .element2 {
	top: -170px;
	left: 40%
}

#site-background .layer-wrapper .element3 {
	top: 200px;
	right: -5%
}

#site-background .layer-wrapper .element4 {
	top: 10vh;
	left: -25%;
	-webkit-transform: scale(.9) rotate(50deg);
	transform: scale(.9) rotate(50deg)
}

#site-background .layer-wrapper .element5 {
	top: 50vh;
	right: -5%
}

#site-background .layer-wrapper .element6 {
	top: 55vh;
	left: 25%;
	-webkit-transform: scale(.7) rotate(80deg);
	transform: scale(.7) rotate(80deg)
}

#site-background .layer-wrapper div img {
	animation: zoom 25s infinite;
	animation-direction: alternate;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

#site-background .layer-wrapper .layer1 img {
	animation-delay: 2s;
	animation-duration: 30s
}

@keyframes zoom {
	0% {
		transform: scale(.7) rotate(0deg)
	}
	30% {
		transform: scale(.95) rotate(40deg)
	}
	60% {
		transform: scale(.8) rotate(20deg)
	}
	100% {
		transform: scale(1) rotate(60deg)
	}
}

.wave {
	width: 200px;
	margin: 10px auto 0;
	padding: 2px 0
}

.wave svg {
	overflow: visible;
	display: block
}

.wave svg {
	stroke-width: 3;
	stroke: #888ea0;
	fill: none;
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 4s forwards
}

.wave.nV svg {
	animation: none
}

@keyframes dash {
	to {
		stroke-dashoffset: 0
	}
}



@keyframes stroke {
	to {
		stroke-dashoffset: 0;
		stroke-width: 11.03
	}
}


@keyframes bounce-down {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-5px) rotate(45deg);
		-moz-transform: translateY(-5px) rotate(45deg);
		-o-transform: translateY(-5px) rotate(45deg);
		transform: translateY(-5px) rotate(45deg)
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(0) rotate(45deg);
		-moz-transform: translateY(0) rotate(45deg);
		-o-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(5px) rotate(45deg);
		-moz-transform: translateY(5px) rotate(45deg);
		-o-transform: translateY(5px) rotate(45deg);
		transform: translateY(5px) rotate(45deg)
	}
}

@media (max-width:991px) {
	#site-background {
		height: 100%
	}
	#site-background .layer-wrapper {
		background-image: url(/wp-content/themes/dp/img/bg/background.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -99
	}
	#site-background .layer-wrapper>div {
		display: none
	}
}





@media (min-width:1200px) and (max-width:1399px) {
	#site-background .layer-wrapper .element4 {
		left: -35%
	}
	#site-background .layer-wrapper .element5 {
		right: -10%
	}
	#site-background .layer-wrapper .element6 {
		left: 10%
	}
}

@media (min-width:992px) and (max-width:1199px) {
	#site-background .layer-wrapper .element1 {
		left: 2%
	}
	#site-background .layer-wrapper .element2 {
		top: -230px
	}
	#site-background .layer-wrapper .element3 {
		right: -12%
	}
	#site-background .layer-wrapper .element4 {
		left: -45%
	}
	#site-background .layer-wrapper .element5 {
		right: -25%
	}
	#site-background .layer-wrapper .element6 {
		left: 0
	}
}



.projektslider-container.carousel:after {
	content: 'flickity';
	display: none;
}