body { min-width: 50%; }


.background-wrapper { width: 100%; height: 100%; position: fixed; z-index: 1; }
.background-image { background: no-repeat center center; background-size: cover; width: 110%; height: 100%; position: absolute; z-index: 2; visibility: hidden; opacity: 0;
	-webkit-transition: opacity 3s ease, visibility 3s;
	transition: opacity 3s ease, visibility 3s;
}

.visible {
	-webkit-animation: bg 17s linear infinite;
	animation: bg 17s linear infinite;
	visibility: visible; opacity: 1;
}

.top { z-index: 3; }

#bg_0 { background-image: url(/landing_page/images/bg_0.jpg); }
#bg_1 { background-image: url(/landing_page/images/bg_1.jpg); }
#bg_2 { background-image: url(/landing_page/images/bg_2.jpg); }
#bg_3 { background-image: url(/landing_page/images/bg_3.jpg); }
#bg_4 { background-image: url(/landing_page/images/bg_4.jpg); }
#bg_5 { background-image: url(/landing_page/images/bg_5.jpg); }
#bg_6 { background-image: url(/landing_page/images/bg_6.jpg); }
#bg_7 { background-image: url(/landing_page/images/bg_7.jpg); }
#bg_8 { background-image: url(/landing_page/images/bg_8.jpg); }


@-webkit-keyframes bg {
	0% { -webkit-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(-9%); transform: translateX(-9%); }
}

@keyframes bg {
	0% { -webkit-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(-9%); transform: translateX(-9%); }
}

.bg-overlay-darken { background: #000; width: 100%; height: 100%; position: absolute; z-index: 4; opacity: 0.5; }
.bg-overlay-glas { background: url(/landing_page/images/overlay.svg) no-repeat center; background-size: cover; position: absolute; width: 100%; height: 100%; z-index: 5; opacity: 0.2; }



.main-wrapper { height: 100%; width: 100%; min-height: 450px; min-width: 320px; background: transparent; position: absolute; z-index: 9; }

.email-purposes { width: 100%; max-width: 600px; position: absolute; z-index: 10; left: 50%; top: 45%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-align: center; font-weight: 300; }
.email-purposes .logo-wrapper { margin: 30px auto; margin-top: 0px; }
.email-purposes p { font-family: Comfortaa, cursive; font-size: 14px; text-align: center; margin: 0; margin-top: 80px; padding: 0px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); font-weight: 300; }



footer { display: block; width: 100%; position: absolute; z-index: 11; bottom: 20px; opacity: 1; left: 0; text-align: center; }
footer .social a {
	display: inline-block; font-size: 18px; color: #fff; background: rgba(0, 0, 0, 0.5); border: 1px solid #fff;
	width: 30px; height: 30px; line-height: 30px; margin-left: 5px; margin-right: 5px; border-radius: 3px;
	-webkit-transition: all 0.2s; transition: all 0.2s;
}
footer .social a:hover { background: #fff; color: #222; }
footer .social a.facebook::before { font-family: fontawesome; content: '\f09a'; }
footer .social a.twitter::before { font-family: fontawesome; content: '\f099'; }
footer .social a.instagram::before { font-family: fontawesome; content: '\f16d'; }
footer .social a.youtube::before { font-family: fontawesome; content: '\f16a'; }
footer .social a.linkedin::before { font-family: fontawesome; content: '\f08c'; }

footer .owner-info { color: #fff; font-size: 11px; margin: 15px 10px 0px 10px; }



@media only screen and (max-width: 992px) {
	#bg_0 { background-image: url(/landing_page/images/bg_0_m.jpg); }
	#bg_1 { background-image: url(/landing_page/images/bg_1_m.jpg); }
	#bg_2 { background-image: url(/landing_page/images/bg_2_m.jpg); }
	#bg_3 { background-image: url(/landing_page/images/bg_3_m.jpg); }
	#bg_4 { background-image: url(/landing_page/images/bg_4_m.jpg); }
	#bg_5 { background-image: url(/landing_page/images/bg_5_m.jpg); }
	#bg_6 { background-image: url(/landing_page/images/bg_6_m.jpg); }
	#bg_7 { background-image: url(/landing_page/images/bg_7_m.jpg); }
	#bg_8 { background-image: url(/landing_page/images/bg_8_m.jpg); }

	.email-purposes { max-width: 500px; }
	.email-purposes p { font-size: 16px; }
}

@media only screen and (max-width: 768px) {
	#bg_0 { background-image: url(/landing_page/images/bg_0_s.jpg); }
	#bg_1 { background-image: url(/landing_page/images/bg_1_s.jpg); }
	#bg_2 { background-image: url(/landing_page/images/bg_2_s.jpg); }
	#bg_3 { background-image: url(/landing_page/images/bg_3_s.jpg); }
	#bg_4 { background-image: url(/landing_page/images/bg_4_s.jpg); }
	#bg_5 { background-image: url(/landing_page/images/bg_5_s.jpg); }
	#bg_6 { background-image: url(/landing_page/images/bg_6_s.jpg); }
	#bg_7 { background-image: url(/landing_page/images/bg_7_s.jpg); }
	#bg_8 { background-image: url(/landing_page/images/bg_8_s.jpg); }

	.email-purposes { max-width: 460px; }
	.email-purposes p { font-size: 14px; }
}

@media only screen and (max-width: 480px) {
	#bg_0 { background-image: url(/landing_page/images/bg_0_xs.jpg); }
	#bg_1 { background-image: url(/landing_page/images/bg_1_xs.jpg); }
	#bg_2 { background-image: url(/landing_page/images/bg_2_xs.jpg); }
	#bg_3 { background-image: url(/landing_page/images/bg_3_xs.jpg); }
	#bg_4 { background-image: url(/landing_page/images/bg_4_xs.jpg); }
	#bg_5 { background-image: url(/landing_page/images/bg_5_xs.jpg); }
	#bg_6 { background-image: url(/landing_page/images/bg_6_xs.jpg); }
	#bg_7 { background-image: url(/landing_page/images/bg_7_xs.jpg); }
	#bg_8 { background-image: url(/landing_page/images/bg_8_xs.jpg); }

	.email-purposes { max-width: 350px; }
	.email-purposes .logo-wrapper img { width: 260px; }
	.email-purposes p { font-size: 13px; }
}