body {
  	font-family: 'Open Sans', sans-serif;
  	margin-top: 100px;
  	background: #FFF;	
}
.logo-small {
	display: block;
}
.logo-large {
	display: none;
}
@media (min-width: 768px) {
	body {
	  	margin-top: 168px;
	}
	.logo-small {
		display: none;
	}
	.logo-large {
		display: block;
	}
}

.common-header {
	color: #FFF;
	font-size: 40px;
	padding: 20px 0 20px 0;
}
/*** old blue bar ***/
.blue-bar-under-header {
	background: #0074BE;
	margin-top: -30px;
	height: 30px;
}
@media (min-width: 768px) {
	.common-header {
		font-size: 50px;
		margin: 50px 0 50px 0;
	}
	.blue-bar-under-header {
		height: 50px;
	}
}

/*** new blue bar ***/
.blue-bar-withlinks {
	display: none;
}
.blue-bar-withoutlinks {
	display: block;
	background: #0073BA;
	height: 30px;
	margin-top: -30px;
	padding: 0;
}
@media (min-width: 768px) {
	.blue-bar-withoutlinks {
		display: none;
	}
	.blue-bar-withlinks {
		display: block;
		background: #0073BA;
		margin-top: -30px;
		height: 50px;
	}
}
/*
@media (min-width: 992px) {
	.blue-bar-withlinks {
		height: 50px;
	}
}
@media (min-width: 1200px) {
	.blue-bar-withlinks {
		height: 50px;
	}
}
*/

@media (min-width: 992px) {
	.common-header {
		font-size: 65px;
		margin: 90px 0 90px 0;
	}
	.blue-bar-under-header {
		height: 50px;
	}
}
@media (min-width: 1200px) {
	.common-header {
		font-size: 75px;
	}
}

.common-title {
	font-size: 25px;
	color: #333;
	margin: 30px 0 30px 0;
	font-weight:300;
}
.jumbotron .common-text-p {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	margin-bottom: 30px;
	line-height: 30px;
}
@media (min-width: 768px) {
	.jumbotron .common-text-p {
		font-size: 17px;
		margin-bottom: 50px;
	}
	.common-title {
		font-size:32px;
		margin: 50px 0 50px 0;
	}
}

a {
  	/*color: #009DE2;*/
  	color: #0073BA;
  	text-decoration: none;
}
a:hover, a:focus {
  	/*color: #009DE2;*/
  	color: #0073BA;
  	text-decoration: underline;
}

h2, .h2 {
  	font-weight: 300;
  	color: #000;
}

.bg-graylight {
	background: #F0EDED;
	margin-top: -30px;
}
.bg-blue {
	background: #0074BE;
	margin-top: -30px;
}

.contact:link,  .contact:visited, .contact:active {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	line-height: 20px;
}
.contact:hover {
	text-decoration: underline;
}
.jumbotron .contact-address {
	font-size: 13px;
	color: #FFF;
}
@media (min-width: 768px) {
	.contact:link,  .contact:visited, .contact:active {
		font-size: 15px;
		line-height: 35px;
	}
	.jumbotron .contact-address {
		font-size: 15px;
	}
}

.h2-header {
	font-size: 24px;
	color: #333;
	margin: 30px 0 20px 0;
	font-weight: 300;
}
.p-subheader {
	font-size: 13px;
	color: #333; 
	font-weight: 400;
	margin-bottom: 20px;
	line-height: 25px;
}
@media (min-width: 768px) {
	.h2-header {
		font-size: 32px;
		margin: 100px 0 50px 0;
	}
	.p-subheader {
		font-size: 17px;
		margin-bottom: 40px;
		line-height: 30px;
	}
}

/*** tab element on home page - start here ***/

.nav-tabs {
  	border-bottom: 1px solid #F0EDED;
  	background: #0073BA; /* tg */
}
.nav-tabs > li {
  	float: left;
  	margin-bottom: -1px;
}
.nav-tabs > li > a {
  	margin-right: 2px;
  	line-height: 1.42857143;
  	border: 1px solid transparent;
  	/*border-radius: 4px 4px 0 0;*/
  	border-radius: 0 0 0 0;
  	color: #FFF; /* tg */
}
.nav-tabs > li > a:hover {
  	/*border-color: #eee #eee #ddd;*/
  	border-color: #F4F5F6;
  	color: #000; /* tg */
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  	color: #000;
  	cursor: default;
  	background-color: #FFF;
  	border-top: 1px solid #0073BA;
  	border-left: 0;
  	border-right: 0;
  	border-bottom-color: transparent;
}

.nav-tabs.nav-justified > li > a {
  	margin-right: 0;
  	/*border-radius: 4px;*/
  	border-radius: 0;	
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  	border-top: 1px solid #0073BA;
  	border-left: 0;
  	border-right: 0;
}
@media (min-width: 768px) {
  	.nav-tabs.nav-justified > li > a {
    		border-bottom: 1px solid #ddd;
    		border-radius: 0 0 0 0;
  	}
  	.nav-tabs.nav-justified > .active > a,
  	.nav-tabs.nav-justified > .active > a:hover,
  	.nav-tabs.nav-justified > .active > a:focus {
    		border-bottom-color: #fff;
  	}
}

.tab-content > .active {
  	background: #FFF;
  	/*height: 350px;*/
  	height: auto;
}

.tab-link {
	color: #000;
	font-weight: 700;
	font-size: 13px;
}
.tab-link2 {
	color: #000;
	font-weight: 400;
	font-size: 10px;
}
.jumbotron .tab-header1 {
	font-size: 14px;
	font-weight: 700;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #000;
	padding-left: 20px;
}
.tab-header2 {
	font-size: 14px;
	color: #0073BA;
	font-weight: 300;
}
.jumbotron .tab-home-desc {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	width: 95%;
	line-height: 25px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.tab-img {
	padding: 20px;
}
@media (min-width: 380px) {
	.tab-img {
		padding: 20px;
	}
	.jumbotron .tab-header1 {
		font-size: 14px;
		padding-top: 20px;
		padding-bottom: 20px;	
	}
}
@media (min-width: 768px) {
  	.tab-img {
		padding: 20px;
	}
	.jumbotron .tab-header1 {
		font-size: 16px;
		padding-top: 20px;
		padding-bottom: 30px;
		margin-left: -20px;
	}
	.jumbotron .tab-home-desc {
		font-size: 14px;
		padding-bottom: 50px;
		line-height: 25px;
		margin-left: -20px;
	}
}
@media (min-width: 992px) {
  	.tab-img {
		padding: 40px;
	}
	.jumbotron .tab-home-desc {
		font-size: 15px;
		padding-bottom: 50px;
		line-height: 30px;
		margin-left: -20px;
	}
}
@media (min-width: 1200px) {
  	.tab-img {
		padding: 60px;
	}
	.jumbotron .tab-header1 {
		font-size: 16px;
		padding-top: 60px;
		padding-bottom: 40px;
		margin-left: -40px;
	}
	.jumbotron .tab-home-desc {
		font-size: 17px;
		padding-bottom: 50px;
		line-height: 30px;
		margin-left: -40px;
	}
}
/*** tab element on home page - end here ***/

/*** FOOTER ***/
.footer-title {
	/*margin: 50px 0 20px 0;*/
	color: #FFF;
	font-size: 24px;
}
.footer-text {
	color: #FFF;
	font-size: 15px;
}
.footer-bg {
	background: #121D40;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 260px;
}
@media (min-width: 768px) {
	.footer-bg {
		height: 120px;
	}
}
.content-text-p {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	margin-bottom: 30px;
	/*line-height: 1.8;*/
	line-height: 35px;
}
@media (min-width: 768px) {
	.content-text-p {
		font-size: 17px;
		margin-bottom: 50px;
	}
}
.hr-line1, .hr-line2, .hr-line3 {
	display: none;
}
@media (min-width: 768px) {
	.hr-line1, .hr-line2, .hr-line3 {
		display: block;
	}
}

/***************/
.news-text-p {
	font-size: 17px;
	color: #333;
	font-weight: 400;
	margin-bottom: 20px;
	line-height: 1.8;
}

.blue-header {
	font-size: 30px;
	color: #FFF;
	margin: 20px 0 20px 0;
}
@media (min-width: 768px) {
	.blue-header {
		font-size: 80px;
		margin: 155px 0 155px 0;
	}
}

.blue-submenu {
	margin: 15px 0 15px 0;
	font-weight:700;
	font-size: 12px;
	color: #FFF;
}
.blue-submenu a, .blue-submenu span {
	margin-right: 10px;
	color: #FFF;
}
@media (min-width: 768px) {
	.blue-submenu {
		margin: 15px 0 15px 0;
		font-weight:700;
		font-size: 14px;
	}
	.blue-submenu a, .blue-submenu span {
		margin-right: 40px;
		color: #FFF;
	}
}

.vertical-space {
	margin-top: 20px;
}
@media (min-width: 768px) {
	.vertical-space {
		margin-top: 100px;
	}
}

.blue-link:link, .blue-link:visited, blue-link:active {
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	margin-right: 20px;
	font-weight: 700;	
}
.blue-link:hover {
	text-decoration: underline;
}

/*
.top-hide {
	border-top:2px solid #FFF;
}
.top-show {
	border-top:2px solid #0074BE;
}
*/
@media screen and (min-width: 768px) {
  	.jumbotron {
		padding-top: 0;
		padding-bottom: 0;
  	}
}

.mat-large {
	display: none;
}
.mat-middle {
	display: none;
}
.mat-small {
	display: none;
}
.mat-extrasmall {
	display: block;
}
@media (min-width: 768px) {
	.mat-large {
		display: none;
	}
	.mat-middle {
		display: none;
	}
	.mat-small {
		display: block;
	}
	.mat-extrasmall {
		display: none;
	}
}
@media (min-width: 992px) {
	.mat-large {
		display: none;
	}
	.mat-middle {
		display: block;
	}
	.mat-small {
		display: none;
	}
	.mat-extrasmall {
		display: none;
	}
}
@media (min-width: 1200px) {
	.mat-large {
		display: block;
	}
	.mat-middle {
		display: none;
	}
	.mat-small {
		display: none;
	}
	.mat-extrasmall {
		display: none;
	}
}

/*** THREE BOXES ***/
.three-boxes-position {
	margin: 30px 0 30px 0;
	text-align: center;
}
.three-boxes-h2 {
	font-size: 25px;
	font-weight: 700;
	color: #FFF;
	margin-bottom: 50px;
}
.jumbotron .three-boxes-p {
	color: #FFF;
	border: 1px solid #FFF;
	padding: 20px;
	line-height: 30px;
	font-size: 15px;
}
@media (min-width: 768px) {
	.three-boxes-position {
		margin: 100px 0 100px 0;
	}
	.three-boxes-h2 {
		font-size: 32px;
		margin-bottom: 50px;
	}
	.jumbotron .three-boxes-p {
		color: #FFF;
		border: 1px solid #FFF;
		padding: 30px;
		line-height: 35px;
		font-size: 17px;
	}
}
/*** MAP ***/
.map-title {
	font-size: 25px;
	color: #FFF;
	margin: 20px 0 40px 0;
	font-weight: 300;
}
.map-space {
	padding-bottom:20px;
}
@media (min-width: 768px) {
	.map-title {
		font-size: 32px;
		margin: 50px 0 30px 0;
	}
	.map-space {
		padding-bottom: 50px;
	}
}

/*** 4 CIRCLES ***/
.four-circles-space {
	margin: 30px 0 30px 0;
}
@media (min-width: 768px) {
	.four-circles-space {
		margin: 100px 0 100px 0;
	}
}

/*** TIMELINE ***/
.timeline-space {
	font-size: 25px;
	font-weight: 700;
	color:#FFF;
	margin-bottom: 50px;
}
.jumbotron .timeline-content-p {
	font-size: 14px;
	color: #000;
	margin-top: 20px;
}
.timeline-content-h2 {
	font-size: 20px;
}
@media (min-width: 768px) {
	.timeline-space {
		font-size: 32px;
		margin-bottom: 100px;
	}
	.jumbotron .timeline-content-p {
		font-size: 16px;
		margin-top: 20px;
	}
	.timeline-content-h2 {
		font-size: 32px;
	}
}
.brand-title {
	font-size: 25px;
	color: #000;
	margin: 50px 0 50px 0;
	font-weight: 300;
	text-align: center;
}
@media (min-width: 768px) {
	.brand-title {
		font-size: 32px;
		margin: 50px 0 50px 0;
		font-weight: 300;
	}
}

.fourcircle-min {
	display: block;
}
.fourcircle-max {
	display: none;
}
@media (min-width: 768px) {
	.fourcircle-min {
		display: none;
	}
	.fourcircle-max {
		display: block;
	}
}
.footer-min {
	display: block;
}
.footer-max {
	display: none;
}
@media (min-width: 768px) {
	.footer-min {
		display: none;
	}
	.footer-max {
		display: block;
	}
}