/* FOOTER */
footer {
	font-family: 'Istok Web', sans-serif;
	background-color:#0082c8;
	color:#9ecbe6;
	padding:25px 0;
	line-height:24px;
}

footer img {
	display:inline-block;
}

footer h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18pt;
	margin:0;
	padding-bottom:14px;
	color:#9ecbe6;
}

footer .footerBox50 {
	float:left;
	width:50%;
}

footer .footerBlock {
	width:50%;
	float:left;

}

footer .footerBlock .inFBlock {
	padding:15px;
}

footer .footerBlock a {
	color:#9ecbe6 !important;
}

.footerSozial {
	text-align:center;
	padding-bottom:10px;
	}


.prefooter {
	display:block;
	padding:40px 0;
	color:#474747;
	font-size:13pt;
	/*line-height:30px;*/
}

.prefooter .inner {
	max-width:1240px;
}

.prefooter .preFooterBlockBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}

.prefooter .footerBlock {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:20%;
	text-align:center;
	padding:0 20px;
	border-left:3px solid #99cde9;
}


.prefooter .footerBlock:first-child {
	border-left:none;
}

.prefooter .footerBlock h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	font-size:43pt;
	line-height:72px;
	color:#0082c8;
	padding-bottom:20px;
}

.prefooter .footerBlock h4, .prefooter .footerBlock h4 a {
	color:#0082c8;
	font-size:18pt;
	font-weight:bold;
	padding-bottom:10px;
}




.prefooter .inBlock {
	display:block;
	}



@media  only screen and (max-width: 1120px) {
	.prefooter .footerBlock h4, .prefooter .footerBlock h4 a {
		font-size:20pt;
		padding-bottom:0;
	}

	.prefooter .footerBlock {
		width:50%;
	}
	.prefooter .footerBlock {
		margin-bottom:25px;
	}
	
	.prefooter .footerBlock:last-child {
		margin-bottom:0;
	}
	
	.prefooter .footerBlock:nth-child(3), .prefooter .footerBlock:nth-child(5) {
		border-left:none;
	}

}

@media  only screen and (max-width: 560px) {

	.prefooter .footerBlock {
		width:100%;
		border-left:none;
		margin-bottom:50px;
	}
}


@media  only screen and (max-width: 800px) {
	footer .footerBox50 {
		width:100%;
	}

	footer .footerBlock {
		width:50%;
	}
}

@media  only screen and (max-width: 580px) {
	footer .footerBlock {
		width:100%;
		text-align:center;
	}
}