@charset "utf-8";
/* CSS Document */

html {
  position: relative;
  min-height: 100%;
}

body {
	font-family: 'Raleway', sans-serif;
	margin-bottom: 0px 0px 60px 0px; /* Footer height fix */
	padding: 0px;
	background: url(../images/world-map-edit3.png) no-repeat center top;
	overflow-x: hidden;
}

.navbar {
	min-height: 190px;
	font-size: 24px;
	margin-bottom: 40px;
	background: rgba(248,248,248,0.8);
}

.navbar-brand, .navbar-nav li a {
	line-height: 190px;
	height: 190px;
	padding: 0px 20px;
}

.navbar-brand {
	background:url(../images/logo.png) no-repeat;
	width: 278px;
	height: 150px;
	font-size: 0;
	margin: 20px 20px;
}

.navbar-header {
	padding-left: 15px;	
}

.navbar-nav a:hover, .navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover {
	background: none;
	background-color: none;	
}

.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover {
	font-weight: bold;
	color: #003293;
}

.nav-lower {
	background: rgba(255,255,255,0.5);
	border-top: 1px solid #e7e7e7;
}

.nav-lower h1, .nav-lower h2 {
	font-size: 22px;
	padding: 20px 0px;
	margin: 0;
}

.nav-lower h1 {
	padding-left: 15px;
}

.nav-lower .container {
	padding: 0px;	
}

.nav-lower .aog-info {
	padding-right: 30px;
	text-align: right;
}

.nav-lower .glyphicon {
	color: #003293;
	vertical-align: top;
}

.carousel-control.left, .carousel-control.right {
	background: none;	
}

.jumbotron {
	background: rgba(238,238,238,0.8);	
}

.jumbotron .glyphicon {
	vertical-align: middle;
}

.jumbotron #readMore p {
	font-size: 16px;
}

#methods-gallery .carousel-inner {
    border-radius: 6px;
}

#methods-gallery, #methods {
	margin-bottom: 30px;	
}

.methods-upper .thumbnail {
	border-bottom-right-radius: 0px;
  	border-bottom-left-radius: 0px;
	margin-bottom: 0px;
	border-bottom: none;
	width: 100%;
	min-height: 375px;
}

.methods-lower .thumbnail {
	border-bottom-right-radius: 0px;
  	border-bottom-left-radius: 0px;
	margin-bottom: 0px;
	border-bottom: none;
	width: 100%;
	min-height: 255px;
}

.methods-upper, .methods-lower {
	margin-bottom: 20px;	
}

.thumbnail ul {
	padding-left: 25px;
}

.thumbnail h3 {
	text-align: center;
	font-weight: bold;
	padding-bottom: 10px;
}

.thumbnail .caption {

}

form .control-label {
	font-size: 18px;	
}

address {
	font-size: 18px;
	border-left: 2px solid #003293;
	padding-left: 20px;	
}

.affiliates {
	text-align: center;
	margin: 30px 0px 80px 0px;
}

.affiliates p {
	text-align: left;
	padding: 10px 0px 0px 0px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 60px;
  line-height: 60px;
  background-color: #f5f5f5;
  padding: 0;
  margin: 0;
}

.footer p {
	margin: 0;
}

.footer a,
.footer a:link,
.footer a:visited {
	color: #003293;	
}

@media (max-width: 767px){
	
	body {
		background-size: 200%;	
	}
	
	.navbar {
		min-height: 150px;
		font-size: 18px;
	}
	
    .navbar-brand {
		line-height: 150px;
		height: 150px;
	}
	
	.navbar-nav li a {
		line-height: 80px;
		height: 80px;
	}

	.navbar-brand {
		background:url(../images/logo.png) no-repeat;
		background-size: 139px 74px;
		width: 139px;
		height: 74px;
	}
	
	.navbar-header {
		padding-left: 0px;	
	}

	.nav-lower {
		text-align: center;	
	}
	
	.nav-lower .aog-info {
		padding-right: 0px;
		text-align: center;
	}
	
	.nav-lower h1, .nav-lower h2 {
		padding: 10px 0px;
	}
	
	.methods-upper .thumbnail, .methods-lower .thumbnail {
		min-height: 0px;
	}
	
	.footer p {
	  	font-size: 12px;
	}
	
	.approval-col {
		margin-top: 20px;	
	}
	
	.footer  {
	  	font-size: 12px;
		min-height: 30px;
		line-height: 30px;
	}

}

@media (max-width: 480px) {
	
	
	
}