/*
fonts
*/
 @font-face {
   font-family: quicksand-regular;
   src: url(../fonts/Quicksand-Regular.woff);
}
@font-face {
  font-family: quicksand-light;
  src: url(../fonts/Quicksand-Light.woff);
}

@font-face {
  font-family: quicksand-bold;
  src: url(../fonts/Quicksand-Bold.woff);
}

img {
	max-width: 100%;
}

.bg-gray {
	background-color: #e5e1dc;
}
.bg-bwc {
	background-image: url(/images/4_home.jpg);
}

.headline {
	font-family: quicksand-regular;
	font-size: 4.2308rem;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0em;
}

.subhead {
	font-size: 1rem;
	margin-bottom: 1em;
	line-height: 1.4;
}

#pc-menu {
	display: none;
}
#mobil-menu {
	background: #222;
	color: #fff;
	display: none;
	font-size: 1.6rem;
	min-height: 100vh;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	width: 100%;
	z-index: 100;
}
#hamburguer {
	display: inline-block;
	position: absolute;
	right: 0;
	width: 50px;
	z-index: 100;
}

.logo img {
	height: 30px;
}

#main {
	min-height: 600px;
}

#pc-menu li {
	font-size: 1.2rem;
	height: 30px;
	line-height: 40px;
	vertical-align: middle;
}

.banner {
	min-height: 600px;
	position: relative;
}

.text-banner {
	min-height: 400px;
	position: relative;
}

.service-box {
	align-items: center !important;
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	min-height: 400px;
	position: relative;
}

.service-content {
	z-index: 20;
}

.dark-overlay {
	height: 400px;
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100%;
	background-color: #222;
	z-index: 10;
	transition: background-color 0.5s 0s;
}

.service-box:hover > .dark-overlay {
	background: linear-gradient(to right, #0030ff 0%, #00faff 100%);
	opacity: 95%;
}

.banner-background {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
}

.banner-content {
	bottom: 10vh;
	color: white;
	overflow: hidden;
	padding-bottom: calc(3vw * 1);
	padding-left: calc(10vw - 1rem);
	padding-right: calc(10vw - 1rem);
	padding-top: calc(10vw * 1);
	position: absolute;
	transition: opacity 2s, z-index 2s;
	width: 100%;
	z-index: 50;
}

.bg-solutions {
	align-items: center !important;
	background-image: url(/images/4_home.jpg);
	display: flex !important;
	flex-wrap: wrap !important;
	height: 200px;
	justify-content: center !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}

.text-background {
	background-image: url(/images/svg/brainwave.svg);
	background-color: #e5e1dc;
	background-repeat: no-repeat;
	background-position: left;
	min-height: 400px;
	align-items: center !important;
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}

#contact input,
#contact textarea {
	background-color: #d4d0cc;
}
#contact .form-group {
	padding-top: 40px;
}

#footer {
	background: #121212;
}

.footer {
	min-height: 200px;
}

.icontile {
	padding-right:15px;
}

.media-links {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 24px 0 10px;
}

.media-links {
	display: flex;
	margin: 24px 0 10px;
}

.media-links .fm_button {
	background: transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 40px;
	width: 40px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: hsla(0,0%,100%,.1);
	border-radius: 100%;
	margin-right: 6px;
	text-decoration: none;
}

.media-links .fm_button.fm_twitter span {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300.251'%3E%3Cpath fill='%23fff' d='M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59H300M36.01 19.54h40.65l187.13 262.13h-40.66'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: cover;
	height: 18px !important;
	width: 18px !important;
}

.media-links .fm_button.fm_facebook span {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M17.768 8.12H13.5V6.323a.9.9 0 0 1 .036-.399.9.9 0 0 1 .212-.346 1 1 0 0 1 .347-.228c.132-.051.274-.074.417-.067.418 0 2.988.01 2.988.01V1.5h-4.329C9.244 1.5 8.5 4.312 8.5 6.091V8.12h-3v3.782h3V23.25h5V11.902h3.851z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat;
	background-size: cover;
	height: 24px !important;
	width: 24px !important;
}

.media-links .fm_button.fm_linkedin span {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M6.679 23.25H1.5V9.113h5.179zM16 13.463c-.55 0-1.076.229-1.465.637a2.23 2.23 0 0 0-.606 1.537v7.613H8.75V9.113h5.179v1.614a6.35 6.35 0 0 1 4.132-1.625c3.068 0 5.189 2.392 5.189 6.91v7.238h-5.179v-7.613a2.23 2.23 0 0 0-.606-1.537A2.02 2.02 0 0 0 16 13.463M6.679 4.219c0 .537-.152 1.063-.437 1.51A2.6 2.6 0 0 1 5.08 6.731c-.473.205-.994.26-1.496.154a2.55 2.55 0 0 1-1.326-.744A2.76 2.76 0 0 1 1.55 4.75a2.85 2.85 0 0 1 .147-1.57c.196-.497.528-.922.954-1.22a2.5 2.5 0 0 1 1.438-.46c.687 0 1.346.286 1.831.796a2.8 2.8 0 0 1 .76 1.924Z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat;
	background-size: cover;
	height: 24px !important;
	width: 24px !important;
}

.facts .card-body {
	min-height: 200px;
}
/* min-width */
@media (min-width: 576px) {

}

@media (min-width: 768px) {
	.facts .card-body {
		min-height: 400px;
	}
}

@media (min-width: 992px) {
	#pc-menu {
		display: block;
	}
	#hamburguer {
		display: none;
	}
	.banner-content {
		width: 70%;
	}
	.media-links {
		align-items: start;
		justify-content: start;
	}
}

@media (min-width: 1200px) {
	.text-background {
	   background-position: center;
	}
}

/* max-width */
@media (max-width: 575.98px) {

}

@media (max-width: 767.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 1199.98px) {

}