/* GLOBAL STYLES
-------------------------------------------------- */

/* Set to full screen 

html,body{height:100%;}
.carousel,.item,.active{height:100%;}
.carousel-inner{height:100%;}

*/


/* Padding below the footer and lighter body text */

body {
  color: #5a5a5a;
}




/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}


/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;  
}

.navbar-wrapper .navbar {
  padding-right: 0px;
  padding-left: 0px;
  background-color:#003678;
  border-bottom:none;
}
.navbar-collapse collapse .nav navbar-nav {
}
.navbar-wrapper .navbar .container {
  width: auto;
}

.navbar-header {
	margin-left:0px;
}

  .navbar-brand {
	padding-top:0px;
	padding-right: 0px;
    padding-left: 0px;	
	padding-bottom: 0px;
	font-size:18px;
	
	color:#FFFFFF !important;
  }
.navbar-brand sup {
	font-size:6px;
	vertical-align: baseline;
	position: relative;
	top: -1.2em;
}
.navbar-brand-tagline {
	font-size:14px;
	color:#FFFFFF !important;
}
  
  .navbar-brand > .img {
	
  }

.logoImage
{
	
	width:250px;
	height:50px;
	/* for 20 year anniversary logo */
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;	
}
  
  dropdown-toggle {
	  color:#FFFFFF;
  }

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 300px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}
  .carousel-caption p {
  }
  
  .carousel-caption h1 {
		color: #3a5f8b;
		margin-bottom: 0px;
  }    

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 300px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  /*top: 50%;
  left: 50%;*/
  min-width: 768px;
  height:300px;
  /*margin-right: -50%;*/
  transform:none;  
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* CONTAINERS */

.container-fluid.grey {
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto;
background-color:#CBCBCB;
padding-top:100px;
padding-bottom:100px;
}

.container-fluid.green {
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto;
background-color:#3A5F8B;
padding-top:100px;
padding-bottom:100px;
}


/* ROW */

.row {margin-right:-15px;margin-left:-15px;margin-bottom:50px
}


/* Icons */

.fa-users {
	 color:#FFFFFF;
}

.fa-line-chart {
	 color:#FFFFFF;
}

.fa-lightbulb-o {
	 color:#FFFFFF;
}

.fa-desktop {
	 color:#FFFFFF;
}

.icon-background1 {
	 color:#953735;
}

.icon-background2 {
	 color:#77933c;
}

.icon-background3 {
	 color:#e46c0b;
}

.icon-background4 {
	 color:#376193;
}

/* Center align the text within the three or four columns below the carousel 
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}
*/
.marketing .col-md-3 {
  text-align: center;
}
.marketing .col-md-3 h2 {
  font-weight: normal;
  margin-right: 10px;
  margin-left: 10px;
}
.marketing .col-md-3 p {
  margin-right: 10px;
  margin-left: 10px;
}

.compNews > .col-lg-3 {
	padding-left:35px;
	padding-right:35px;
	color:#FFFFFF;
}

.compNews > .col-lg-3 h2 {
	color:hsla(50,93%,53%,1.00);
}


.compNews > .col-lg-3 p {
	font-size:13px;
}

.compNews > .col-lg-3 p a {
	color:#FFFFFF;
}


/* Featurettes .row.extra-bottom-padding.compNews
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

.row.featurette {
/*	margin-top:-50px; */
padding-top:80px;
padding-bottom:80px;
}

.row.featurette.firstBlurb {
margin-top:-50px;
padding-top:0px;
padding-bottom:80px;
}

#topContent{
	display:none;
}

.taglineText {
}



/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 400px) and (orientation:portrait) {
	.carousel-inner > .item > img {
  transform: translate(-20%);
}
}

@media (max-width: 767px) {
		.lead, p, ul {
		font-size: 18px;
	}

/*	.navbar{
		margin-top:0;
  		top:-85px;
  		position:relative;
	}
	#topContent{
    	margin-top:85px;
		background-color:transparent;
	}
*/}


@media (min-width: 768px) {
	
		.carousel-caption h1 {
		font-size: 58px;
		font-weight:bolder;
				color: #3a5f8b;
	margin-bottom: 380px;
	margin-top:auto;
	}
	
	/* Navbar positioning foo */
	.navbar-wrapper {
	margin-top: 20px;
	}
	.navbar-wrapper .container {
	padding-right: 15px;
	padding-left: 15px;
	}
	.navbar-wrapper .navbar {
	padding-right: 0;
	padding-left: 0;
	}
	
	/* The navbar becomes detached from the top, so we round the corners */
	.navbar-wrapper .navbar {
	border-radius: 4px;
	background-color:transparent;
	}
	
	  .navbar-brand {
		  transform:translateY(-31px);
	  }	
	
	
	/* Bump up size of carousel content */
	/* Carousel base class */
	.carousel {
	height: 800px;
	margin-bottom: 60px;
	}
	/* Declare heights because of positioning of img element */
	.carousel .item {
	height: 800px;
	background-color: #777;
	}
	
	.carousel-caption p {
	margin-bottom: 10px;
	font-size: 21px;
	line-height: 1.4;
	}
	
	
	  
	.featurette-heading {
	font-size: 50px;
	}  
	
	.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 1250px;
	height: 800px;
	margin-right:auto;
	transform:none;  
	}
	
	
	.back-to-top {
	background: none;
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 70px;
	height: 70px;
	z-index: 100;
	display: none;
	text-decoration: none;
	}
 
  
 
	.back-to-top i {
	
	font-size: 60px;
	
	}
	
	#topContent{
		display:inherit;
	}

}

@media (min-width: 1250px) {
	
	p, ul {
		font-size: 16px;
	}
	
	.captionBreak {
		
	}

	.carousel-caption h1 {
		font-size: 96px;
		font-weight:bolder;
	margin-bottom: 200px;
	margin-top:auto;
		text-align: left;
	}
	

	
  .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height:auto;
  margin-right:auto;
  transform:none;    
  }
  
  .featurette .col-md-7 {
	  margin-top: 20px
  }
	
	.feature1 {
		padding-right: 50px;
	}
  
	.feature2 {
		padding-left: 50px;
	}
  
  .featurette-heading {
   /* margin-top: 120px; */
  }
	
	.logoImage /* for 20 year anniversary logo */
{
	width:375px;
	height:75px;
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: bicubic;  /* IE (non-standard property) */	
}

}