h2{
	color:#3ba8e2;
}

h3{
	color: #3ba8e2;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}


.box{
	border:1px solid lightgrey;
	padding: 12px;
	height: 150px;
}

.boxTrennerMobile{
	border: 1px solid transparent;
}

.boxTrenner{
	position: absolute; 
	top: 40%; 
	left: 40%; 
	color: #2b337c; 
	font-weight: 700; 
	font-size: 34px;
}

.contentRow{
	margin-left:15px;
}

.fa{
	font-size: 34px;
	color: #3ba8e2;
	margin-bottom: 12px;
}

input[type=text], input[type=email] {
	padding: 1px 8px;
	border: 1px solid #d1d1d1;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.boxFacts{
	margin-bottom: 25px;
}

.boxFacts img{
	margin-bottom: 20px;
}

.help-block{
	color: red;
}

@media screen and (max-width: 767px) {
	.contentRow{
		margin-left: -1px;
		margin-right: 10px;
	}

	.box{
		padding-top: 20px;
	}

	.boxTrenner{
		top: 0%;
		left: 45%;
	}

	.boxTrennerMobile{
		height: 50px;
	}

	.paddingMobile{
		padding-left: 0px;
	}

	.btn-lg{
		font-size: 14px;
	}
}



/*XXXXXXXXXXXXXXXXXXXXXXXXX
				  SPINNER
XXXXXXXXXXXXXXXXXXXXXXXXX*/

.spinner {
	
	width: 70px;
	margin: 10px auto 0;
	text-align: center;
}

.spinner > div {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: #07538f;
	border-radius: 100%;
	
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s;
}

@-webkit-keyframes sk-bouncedelay {
	
	0%, 80%, 100% { -webkit-transform: scale(0); }
	40% { -webkit-transform: scale(1); }
}

@keyframes sk-bouncedelay {
	
	0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
	40% { -webkit-transform: scale(1); transform: scale(1); }
}