body {
	background: url("/images/background-city-2.jpg") no-repeat center center fixed;
	background-size: cover;
}

.header {
	background-color: rgba(65, 65, 67, .9);
	width: 100%;
	height: 100px;
	position: fixed;
	left: 0;
	top: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .3);
	z-index: 1000;
}

.header #logo {
	margin: 0 auto;
	width: 250px;
	height: 100%;
	background: url("/images/logo-purefluent.png") no-repeat center;
	background-size: contain;
}


.content {
	background: #ea5324;
	width: 400px;
	margin: 200px auto;
	padding: 20px;
	border-radius: 8px;
	color: #fff;
}

.content a {
	color: #fff;
}


.footer {
	background: #333132;
	border-top: 3px solid #ea5324;
	text-align: center;
	color: #fff;
	padding: 30px;
}













#flag {
	z-index:10000;
	position:fixed;
	top:34px;
	right:15px;
	padding:6px 10px;
	font-size:14px;
	cursor:pointer;
	background:url(en.png) no-repeat center center;
	z-index:10000;
}

#flag.en {
	background:url(en.png) no-repeat center center;
}

#flag.de {
	background:url(de.png) no-repeat center center;
}

#flag.fr {
	background:url(fr.png) no-repeat center center;
}

#flag.es {
	background:url(es.png) no-repeat center center;
}

#flag.us {
	background:url(us.png) no-repeat center center;
}

#flag.it {
	background:url(es.png) no-repeat center center;
}

#flag.ja {
	background:url(es.png) no-repeat center center;
}

#flag.ko {
	background:url(es.png) no-repeat center center;
}

#flag span {
	visibility:hidden;
}

#flags {
	position:fixed;
	top:85px;
	right:-300px;
	background:rgba(255,255,255,0.8);
	border:2px solid #e5e5e5;
	padding:20px;
	border-radius:5px;
	width:110px;
	-webkit-box-shadow:inset -3px 0 0 rgba(0,0,0,0.05);
	-moz-box-shadow:inset -3px 0 0 rgba(0,0,0,0.05);
	-o-box-shadow:inset -3px 0 0 rgba(0,0,0,0.05);
	box-shadow:inset -3px 0 0 rgba(0,0,0,0.05);
	z-index:10000;
}

#flags ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#flags ul li {
	margin:0;
	padding:6px 10px;
	font-size:14px;
}

#flags ul li.en a:before {
	content:url(en.png);
/* with class ModalCarrot ??*/
}

#flags ul li.de a:before {
	content:url(de.png);
/* with class ModalCarrot ??*/
}

#flags ul li.fr a:before {
	content:url(fr.png);
/* with class ModalCarrot ??*/
}

#flags ul li.es a:before {
	content:url(es.png);
/* with class ModalCarrot ??*/
}

#flags ul li a span {
	display:none;
}

@media (max-width: 992px) {
	#flag {
		top:15px;
		right:10px;
	}

	#flags {
		top:50px;
	}
}