@font-face { 
	font-family: 'roboto'; 
	src: url('fonts/Roboto-Regular.ttf'); 
}

html { position: relative; min-height: 100%; }
body { padding-bottom: 55px; }

.container { font-family: 'roboto', Helvetica, Arial, sans-serif; font-size: 14px; }

.head { background-color: #0071bc; height: 80px; background-image: url('images/logo.png'); background-size: 266px 46px; background-position: center; background-repeat: no-repeat; color: white; text-align: right;  }
.head p { padding: 44px 20px 0px 0px; }
.head p a { color: white; margin: 0px 3px; display: inline-block; }
.head p a:first-of-type { padding-right: 5px; border: 1px solid white; border-left: 0; border-top: 0; border-bottom: 0; }
.head p a:hover { color: white; }

.teaser { height: 245px; background-position: -200px center; }

.top-buffer { margin-top: 35px; }

.sidebar-nav .navbar-header{ float: none; }
.navbar-custom li a { color: #0071bc; font-size: 15px; line-height: 35px !important; height: 35px; padding-top: 0px !important; }
.navbar-custom > div > ul > li > a:hover, .navbar-custom > div > ul > li > a.active  { background-color: #0071bc; color: white; }
.navbar-custom  .navbar-header .navbar-toggle { margin: 0; padding: 0; float: none; color: #0071bc; font-size: 20px; }

.custom-content { line-height: 24px; }
.custom-content  h1 { line-height: 26px; margin-top: 5px !important; }
.custom-content  h2 { line-height: 22px; }
.custom-content  h1 { color: #0071bc; margin: 10px 0px 20px; font-size: 18px; }
.custom-content  h2 { color: #0071bc; margin: 20px 0px 5px; font-size: 14px; }
.custom-content img.small { max-width: 200px; }
.custom-content img { float: right; margin: 7px 0px 0px 10px; max-width: 300px; height: auto; }
.custom-content a.sociallink { display: inline-block; padding: 10px 10px 20px 0px; }
.custom-content img.sociallink { height: 50px;  }
.custom-content ul { padding-left: 20px; }

.custom-right-col { padding-top: 3px; }
.custom-right-col .col-head { line-height: 35px; background-color: #0071bc; color: white; padding-left: 15px; }
.custom-right-col img { width: 100%; height: auto; margin: 0 auto 10px; }
.custom-right-col p:not(.col-head) { padding: 5px 0px 0px 25px; }
.custom-right-col p span { font-size: 15px; color: #0071bc; }

.seals { padding-top: 80px; }
.seals a { display: inline-block; width: 100px; height: 100px; background-size: cover; cursor: default; }
.seals a:first-of-type { background-image: url('images/forum.png'); margin-left: 5px;  }
.seals a:last-of-type { background-image: url('images/vkhd.png'); margin-left: 0px;  }

.footer { position: absolute; bottom: 0; width: 100%; height: 35px; background-color: #0071bc; text-align: center; color: white; }
.footer a { color: white; line-height: 35px; }
.footer a:hover { color: white; }

.formstate { color: #0071bc; }
.formstate > ul { display: none; }
.wpcf7-response-output { display: none; }
span[role=alert] { color: red; }
label { font-weight: normal !important; }



#map { width: 100%; height: 500px; }

@media (min-width: 1200px) {
	.navbar { width: 100% !important; }
}

@media (min-width: 768px) {

	.sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		max-height: none;
	}
	.sidebar-nav .navbar ul {
		float: none;
	}
	.sidebar-nav .navbar ul:not {
		display: block;
	}
	.sidebar-nav .navbar li {
		float: none;
		display: block;
	}
	.sidebar-nav .navbar li a {
		padding-top: 12px;
		padding-bottom: 12px;
	}
}
@media (max-width: 760px) {
	.custom-content  h1 { margin-top: -20px; }
	.top-buffer { margin-top: 10px; }
}
@media (max-width: 450px) {
	.head { background-position: center 25px; }
	.head p { padding: 0px 5px 0px 0px; }
	.head a { font-size: 12px; }
	.teaser { height: 180px;  }
}
@media (max-width: 400px) {
	.custom-content img { max-width: 200px !important; }
	.custom-content img.small { max-width: 160px !important; }
}

@media (max-width: 350px) {
	.custom-content img { max-width: 180px !important; }
	.custom-content img.small { max-width: 140px !important; }
}