@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

html,
body {
	margin: 0;
	padding: 0;
	color: #878787;
	font-size: 0.95em;
	line-height: 1.5em;
	letter-spacing: 0.2px;
}
html {
	background-color: #3e5462;
}
body {
	background-color: transparent;
}
/* Links */
a {
  color: #3e5462;
}
a:hover,
a:focus {
  color: #597383;
}
.main-footer a {
  color: #fff;
}
.main-footer a:hover,
.main-footer a:focus {
  color: #788c99;
}
/* Headline */
h1, h2, h3, h4, h5, h6 {
	color: #3e5462;
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
}
.heading {
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 45px;
	border-bottom: 1px solid #f1f1f1;
	text-align: center;
}
.heading::before {
    border-bottom: 1px solid #3e5462;
    bottom: -1px;
    content: "";
    display: block;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    width: 200px;
}
.heading.center::before {
    left: 50%;
    margin-left: -50px;
}
.main-footer h3,
.main-footer h4,
.main-footer h5 {
	color: #fff;
}
/* Layout */
.main-header {
	padding: 75px 0 0 0;
	background-color: #f8f8f8;
	text-align: center;
}
.main-header.fixed {
	position: absolute;
	top: 100px;
	left: 15%;
	right: 15%;
	text-align: center;
	z-index: 1001;
}
.main-header.fixed a {
	display: inline-block;
	padding: 30px;
	width: 220px;
	height: 220px;
	line-height: 150px;
	background-color: rgba(255,255,255,0.75);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.main-header.fixed a img {
	max-width: 100%;
	height: auto;
}
.main-section {
	padding: 60px 0 30px 0;
	background-color: #f8f8f8;
}
.base-section {
	padding: 60px 0 30px 0;
	background-color: #f8f8f8;
}
.info-section.even {
	background-color: #f8f8f8;
}
.info-section.odd {
	background-color: #fff;
}
.info-section .frame {
	padding: 0;
	overflow: hidden;
}
.info-section h3 {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #f1f1f1;
}
@media (max-width: 767px) {
	.info-section h3 {
		text-align: center;
	}
}
@media (min-width: 768px) {
	.info-section.even .column{
		float: left;
		width: 50%;
	}
	.info-section.odd .column{
		float: right;
		width: 50%;
		text-align: right;
	}
}

.info-section .content {
	padding: 45px;
}


.info-section .thumbnail.no-gutter {
	padding: 0;
	border: 0;
	border-radius: 0;
	margin: 0;
}
.request-section {
	padding: 30px;
	background-color: #fff;
}
.main-footer {
	margin-top: 15px;
	padding: 15px 0;
	color: #b7c5ce;
}
.copyright {
	margin-top: 15px;
	padding-top: 15px;
	font-size: 0.9em;
	text-align: center;
	border-top: 1px solid rgba(255,255,255,0.2);
}
/* ELEMENT STYLES */
img.fluid {
	max-width: 100%;
}
.separate {
	position: relative;
	margin: 15px 0;
	border-bottom: 1px solid #f1f1f1;
	text-align: center;
}
.separate::before {
    border-bottom: 1px solid #3e5462;
    bottom: -1px;
    content: "";
    display: block;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    width: 200px;
}
.separate.center::before {
    left: 50%;
    margin-left: -50px;
}
.form-error {
	display: block;
	font-size: 0.9em;
	color: #c0445f;
}
/* Cookie Message */
.cookie-message {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px 45px;
  background-color: #fff;
  z-index: 10002;
  font-size: 14px;
  color: #666;
  text-align: center;
}
.cookie-message .btn-cookie {
	position: absolute;
	right: 15px;
	top: 15px;
}