/*--------------------------------------------------------
	FONT ASSIGNMENTS
--------------------------------------------------------*/
html {
	width: 100%;
	height: 100%;
}
body {
	font-family: arial, sans-serif;
	font-size: 16px;
	height: inherit;
}
p {
}
.container:not(#index-container){
	box-shadow : 1px 1px 20px rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#000000') ;
	background-color: white;
}

/*--------------------------------------------------------
	H1 - H6
--------------------------------------------------------*/
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	font-family: 'Lato', sans-serif;
	color: #0a344c;
}

h1 { 
	font-size: 30px;
	margin-bottom: 10px;
	
}
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }

h1.title{
}
/*--------------------------------------------------------
	LINKS
--------------------------------------------------------*/
a {
	color: ;
}
a:hover, a:focus{
	color: #4d87ad;
	text-decoration: none;
}
a.special-link{

}

/*--------------------------------------------------------
	IMAGES, Objects
--------------------------------------------------------*/
img {
	border: 0px;
}

/*--------------------------------------------------------
					Landing Page
--------------------------------------------------------*/
.index-background{
	background-image: url("../images/index-background2.png");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
/*	height : 100vh;
	min-height: 965px;*/
	height: inherit;
}
.index-gradient{
	background : -moz-radial-gradient(52.52% 133.35%, circle farthest-corner, rgba(0, 152, 219, .6) 0%, rgba(0, 150, 216, .6) 23.01%, rgba(0, 142, 207, .6) 40.02%, rgba(0, 128, 191, .6) 55.11%, rgba(0, 109, 168, .6) 69.08%, rgba(0, 84, 139, .6) 82.28%, rgba(0, 55, 103, .6) 94.73%, rgba(0, 40, 86, .6) 100%);
	  background : -webkit-radial-gradient(52.52% 133.35%, circle farthest-corner, rgba(0, 152, 219, .6) 0%, rgba(0, 150, 216, .6) 23.01%, rgba(0, 142, 207, .6) 40.02%, rgba(0, 128, 191, .6) 55.11%, rgba(0, 109, 168, .6) 69.08%, rgba(0, 84, 139, .6) 82.28%, rgba(0, 55, 103, .6) 94.73%, rgba(0, 40, 86, .6) 100%);
	  background : -webkit-gradient(radial,52.52% 133.35% ,0 , 52.52% 133.35%, 1433.17 ,color-stop(0,rgba(0, 152, 219, .6) ),color-stop(0.2301,rgba(0, 150, 216, .6) ),color-stop(0.4002,rgba(0, 142, 207, .6) ),color-stop(0.5511,rgba(0, 128, 191, .6) ),color-stop(0.6908,rgba(0, 109, 168, .6) ),color-stop(0.8228,rgba(0, 84, 139, .6) ),color-stop(0.9473,rgba(0, 55, 103, .6) ),color-stop(1,rgba(0, 40, 86, .6) ));
	  background : -o-radial-gradient(52.52% 133.35%, circle farthest-corner, rgba(0, 152, 219, .6) 0%, rgba(0, 150, 216, .6) 23.01%, rgba(0, 142, 207, .6) 40.02%, rgba(0, 128, 191, .6) 55.11%, rgba(0, 109, 168, .6) 69.08%, rgba(0, 84, 139, .6) 82.28%, rgba(0, 55, 103, .6) 94.73%, rgba(0, 40, 86, .6) 100%);
	  background : -ms-radial-gradient(52.52% 133.35%, circle farthest-corner, rgba(0, 152, 219, .6) 0%, rgba(0, 150, 216, .6) 23.01%, rgba(0, 142, 207, .6) 40.02%, rgba(0, 128, 191, .6) 55.11%, rgba(0, 109, 168, .6) 69.08%, rgba(0, 84, 139, .6) 82.28%, rgba(0, 55, 103, .6) 94.73%, rgba(0, 40, 86, .6) 100%);
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Stlye=2);"
	  background : radial-gradient(52.52% 133.35%, circle farthest-corner, rgba(0, 152, 219, .6) 0%, rgba(0, 150, 216, .6) 23.01%, rgba(0, 142, 207, .6) 40.02%, rgba(0, 128, 191, .6) 55.11%, rgba(0, 109, 168, .6) 69.08%, rgba(0, 84, 139, .6) 82.28%, rgba(0, 55, 103, .6) 94.73%, rgba(0, 40, 86, .6) 100%);
	  filter: progid:DXImageTransform.Microsoft.Alpha(Stlye=2);
	/*height: 100vh;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: inherit;
}
@media (max-width: 767px){
	.index-background{
		height: initial;
	}
	.index-gradient{
		height: initial;
	}
}
/*--------------------------------------------------------
				Landing Page - Header
--------------------------------------------------------*/
#index-header .col-md-12 {
	padding-top: 50px;
	/*margin-left: 50px;*/
}
@media (max-width: 767px){
	#index-header .col-md-12 {
		padding-top: 20px;
	}
}
#index-header svg{
	width: 248.485px;
	height: 56.937px;
}
@media (max-width: 767px){
	#index-header svg{
		width: 200px;
		height: 56.9px;
	}
}
#index-header h1{
	font-size: 30px;
	font-weight: bold;
	color: white;
}

/*--------------------------------------------------------
				Landing Page - Slides
--------------------------------------------------------*/
#index-slide-row{
	padding-top: 115px;
}
@media (max-width: 767px){
	#index-slide-row{
		padding-top: 20px;
	}
}
#index-slide-row .col-md-4{
	margin-bottom: 50px;
}
#index-slide-row .carousel-control, #index-slide-row .carousel-indicators{
	display: none;
}
#index-slide-row img{
	border-radius: 21px;
	border: 2px solid white;
	margin: 0px auto;
}
#index-slide-row h2{
	margin-top: 15px;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	color: white;
}
#index-slide-row a{
	color: white;
}
/*--------------------------------------------------------
				Landing Page - Footer
--------------------------------------------------------*/
#index-footer{
	position: absolute;
	bottom: 10px;
	margin-left: 50px;
}
@media (max-width: 767px){
	#index-footer{
		margin-left: 0px;
	}
}
#index-footer *{
	color: white;
}
/*--------------------------------------------------------
						HEADER
--------------------------------------------------------*/
#head-row{
	height: 125px;
	position: relative;
}
#head-row>div{
	height: 100%;
}
.site-title, #head-row #h2o-logo {
	bottom: 16px;
	position: absolute;
}
.site-title{
	font-size: 46px;
	color: #0a344c;
	letter-spacing: -2px;
}
@media (max-width: 990px){
	.site-title{
		font-size: 36px;
		bottom: 24px;
	}
}
@media (max-width: 767px){
	.site-title{
		line-height: .85em;
	}
}
#head-row #h2o-logo{
	width: 206.826px;
	height: 45.546px;
	top: 50px;
}
@media(max-width: 990px){
	#head-row #h2o-logo{
		width: 160px;
		height: 45.5313px;
	}
}
#head-row #h2o-logo * {
	fill: #0a344c;
}
/*--------------------------------------------------------
					Desktop Navigation
--------------------------------------------------------*/
#nav-row{
	background-color: #4d87ad;
	height: 37px;
	margin-bottom: 25px;
}
#nav-row #nav-col{
	height: 37px;
	padding-left: 0px;
}
#NP{
	padding-left: 0px;
}
#nav-row .navbar-nav>li a{
	color: white;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
}
#nav-row .navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 5px;
}
#nav-row .navbar-nav>li:first-of-type>a {
	padding-left: 15px;

}
#nav-row .nav>li>a:hover, #nav-row .nav>li>a:focus {
	background-color: transparent;
}

/*----------------------------------Search Bar*/
#searchbox {
	display: inline;
}
#searchbox .search-button{
	display: none;
}
#searchbox .search-input{
	width: 60%;
	border: none;
	border-radius: 6px;
	padding: 5px;
	height: 26px;
	font-family: arial, sans-serif;
	font-size: 16px;
}
@media(max-width: 1200px){
	#searchbox .search-input{
		width: 55%;
	}
}
#nav-row #facebook, #nav-row #twitter, #nav-row #youtube  {
	height: 25px;
	width: 25px;
	position: relative;
	top: 7px;
	margin-right: 5px;
    vertical-align: unset;
}
/*--------------------------------------------------------
	INDEX / MAIN BODY
--------------------------------------------------------*/
/*----------------Slideshow----------*/
#atw-index-content .slide, #wam-index-content .slide{
	margin-bottom: 15px;
}

/*----------------End Slideshow------*/

/*-------------------Resources--------*/
#resources ul{
	list-style: none;
	padding-left: 0px;
}
#resources li{
	margin-top: 10px;
}

/*--------------------------------------------------------
	CSS STYLE FOR INNER PAGES
--------------------------------------------------------*/
#jobs-index-content>.col-md-9 .col-md-6 *{
	text-align: center;
	margin: 0px auto 10px;
	display: block;

} 


/*--------------------------------------------------------
	FOOTER
--------------------------------------------------------*/
#footer-row{
	margin-top: 25px;
	padding: 25px 15px 15px;
	background-color: #4d87ad;
}
#footer-row *{
	color: white;
}
#footer-row p {
	margin-bottom: 0px;
}
#footer-row a{
	text-decoration: underline;
}
/*--------------------------------------------------------
	UTILITIES
--------------------------------------------------------