/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
/*  padding-bottom: 40px; */
	color: #5a5a5a;
}


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

/*.large-logo img {
	display:block; 
	position:absolute;
	left:0;
	text-align:center;
	top: 100px;
	transform: translateX(50%);	
	  max-width:150px;
	  max-height:144px;
	  width: auto;
	  height: auto;
		z-index: 30;		
}*/


.navbar-collapse {
  text-align:right;
}
.navbar-nav {
    display:inline-block;
    float:none;
}

/* 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;
  border-bottom:none;
  font-size:20px;
}*/
/*.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;
	text-align:center;
	font-size:18px;
  }
    .navbar-brand sup {
	font-size:9px;
  }
  
  .navbar-brand {
	padding:0px;
	margin:0px;
	border-collapse:collapse;
  }  

.navbar-left > img {
	padding:5px;
	margin:0px;
	border-collapse:collapse;
	width: 85px;
	height:auto;
  }
  
  .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 {
  } 
  
  .carousel-caption h2 {
	  /*font-size:21px;*/
		margin-bottom: 10px;
		/*color: #ffe823;*/
		color: #fff;
		font-family: "Days One";
		line-height: 1.4;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);	  
  }   
  

/* 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: 992px;
/*  height:300px;
*/  /*margin-right: -50%;*/
  transform:none;  
}



/* BUTTONS  */

.btn-primary{
	background-color:#2657a1;
	border-color:#2657a1;
	margin: 1em 0;
}

.btn-primary:hover{
	background-color:#9ed9d4;
	border-color:#9ed9d4
}

.btn-primary:focus{
	background-color:#9ed9d4;
	border-color:#9ed9d4
}

.container-fluid.grey .btn-primary{
	background-color:#24BECB;
	border-color:#24BECB;
}

.container-fluid.grey .btn-primary:hover{
	background-color:#9ed9d4;
	border-color:#9ed9d4
}

.container-fluid.grey .btn-primary:focus{
	background-color:#9ed9d4;
	border-color:#9ed9d4
}

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

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
  font-size: 30px;
  margin-bottom: 10px;
}

/*.marketing h2 {
  font-weight: normal;
}
*/

.marketing h4 {
	font-size: 13px;
	letter-spacing: 2px;
	margin-bottom: -14px;
	background-color: #2657a1;
	color: #fff;
	display: inline-block;
	padding: 5px 8px;
}

.marketing.grey h4.featurette-heading {
	background-color: #fff;
	color: #2657a1;
}

.marketing .lead {
	font-size: 17px;
	line-height: 26px;
	margin: 20px 0 25px;
}

.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}

.marketing .col-md-3 {
  margin-bottom: 20px;
  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 a {
	color:#5a5a5a;
}

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

/* typograph 
------------------------- */
sup {
    font-size: 57%;
    top: -.7em;
}

p {
	margin-bottom: 20px;
	font-size: 16px;
}

.marketing li, p  {
	font-weight: 300;
	line-height: 1.4;
}


/* Featurettes
------------------------- */

.v-center{ 
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-49.8%);
}

.number {
	-webkit-background-size: cover;
	background-size: cover;
}

.numberbox {
	width:50px;
	height: 50px;
}

.numberbox img {
	max-width: 100%;
}

.f-left {
	left: 0;
}

.f-right {
	float: right;
}

.featurette {
	position: relative;
} 

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

/* Thin out the marketing headings */
.featurette-heading {
  letter-spacing: -1px;
	color:#2657a1;
}

.featurette-heading {
	font-family: "Days One";
} 

h3.featurette-heading {
	font-size: 25px;
	color: #24BECB;
	letter-spacing: 0px;
	margin-top: 30px;
}   

.featurette-image {
	margin-top: 30px;
}

.featurette-bg-image {
	min-height: 35em;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}

.text-muted {
  color:#ffe823;
}
  
.row.featurette.firstBlurb {

}

.featurette .col-md-pull-7 {
  margin-top: 20px
}  

/* ROW */
.featurette-wrap .row{
	margin-bottom:0px;
}


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



/* CONTAINERS */
.container-fluid.hero {
	background-repeat:no-repeat; 
	background-size:cover;
	background-position: center center;
	margin-top: 70px;
	margin-bottom: 40px;
/*	height: 450px;*/
}

.container-fluid.hero .row {
	margin-bottom: 0;
	padding-bottom: 0;
}

.container-fluid.grey {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
	background-color:#2657A1; 
	/*padding-top:50px;*/
	/*margin-bottom:50px*/
	
}

.container-fluid.grey,
.container-fluid.grey .featurette-heading {
	color: #fff;
}

.container-fluid.realgrey {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
	background-color:#666; 
	padding-top:50px;
	padding-bottom::50px;
	/*margin-bottom:50px*/
}

.tag-text {
	border: 5px solid #73AD21; 
	display:block;
	position: absolute;
	text-align:center;
	top: 60px;	
	z-index: 31;

	/*
	
	border: 3px solid #73AD21;
 	left: 50%;
	transform: translateX(-40%);*/
}

.tag-text img {
/*	display:block;*/
/*	position:absolute;
	left: 15%;
	top: 100px;
	float:left;
	margin-right:50px;*/
	max-width:125px;
	max-height:120px;
	width: auto;
	height: auto;
	z-index: 30;
	margin:auto;
	/*border: 3px solid #73AD21;*/
}

.tag-text h1 {
	display:block;
	font-family: 'Roboto Slab', serif;
	color: #fff;
	font-size: 25px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);
		white-space: nowrap;
		left:0;
}
.tag-text h2 {
	display:block;
	color: #9ed9d4;
	font-family: "Days One";
	font-size: 52px;
	line-height: 0.4;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);
		white-space: nowrap;
}

.tag-text h3 {
	display:block;
	font-family: 'Roboto Slab', serif;
	color: #fff;
	font-size: 25px;
	line-height: 0.4;	
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);
		white-space: nowrap;
}

.tenPxTopBottomSpacer {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
}

ul {
	transform: translateY(-10px);
}



.lrg-logo{visibility: hidden; position: absolute;}
.navbar-default.affix .lrg-logo{visibility: hidden; position: absolute;}

/* RESPONSIVE CSS ---------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------- */
.img-responsive  {
	width:100%;
}

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

.carousel-caption > p, .carousel-indicators {
	display:none;
}

}

@media (max-width: 768px) and (orientation:landscape) {



.carousel-caption > p, .carousel-indicators {
	display:none;
}


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


	.number {
		margin-top: 20px;
		background-image: none!important;
	}



	.v-center {
		position: relative;
		top:0%;
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}


	.f-right {
		float: none;
	}

}



@media (min-width: 768px) {	

/*.featurette-heading {
	font-size: 25px;
} */

p,.lead, .marketing li {
    font-size: 17px;
}

.marketing h4 {
	display: none;
}  

.tag-text {
	min-width:768px;
	display:block;
	position:absolute;
	text-align:left;
	top: 100px;	
	z-index: 31;
	left:auto;
	right:auto;
	margin-left: auto;
	margin-right: auto;
	/*border: 3px solid #73AD21;*/
}

.tag-text img {
/*	display:block;
	position:absolute;
	left: 15%;
	top: 100px;*/
	float:left;
	margin-right:50px;
	max-width:200px;
	max-height:192px;
	width: auto;
	height: auto;
	z-index: 30;	
	/*border: 3px solid #73AD21;*/
}

.tag-text h1 {
	display:inherit;	
	font-family: 'Roboto Slab', serif;
	color: #fff;
	font-size: 28px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);
		white-space: nowrap;
}
.tag-text h2 {
	display:inherit;	
	color: #9ed9d4;
	font-family: "Days One";
	font-size: 61px;
	line-height: 0.4;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);
		white-space: nowrap;
}

.tag-text h3 {
	display:inherit;
	font-family: 'Roboto Slab', serif;
	color: #fff;
	font-size: 28px;
	line-height: 0;	
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);
		white-space: nowrap;
}
	
	
	
}


@media (min-width: 992px) {
	

.large-logo {
/*	display:block;
	left: 0;
	position: absolute;
	text-align: center;
	top: 20%;
	transform: translateX(-30%);
	width: 100%;
	display:block;
	position: absolute;
	text-align: center;
	border: 3px solid #73AD21;
	z-index:29;*/
}

.tag-text h1 {
	font-family: 'Roboto Slab', serif;
	color: #fff;
	font-size: 54px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);
		white-space: nowrap;
}
.tag-text h2 {
	color: #9ed9d4;
	font-family: "Days One";
	font-size: 122px;
	line-height: 0.4;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);
	white-space: nowrap;
}	

.tag-text h3 {
	display:inherit;
	font-family: 'Roboto Slab', serif;
	color: #fff;
	font-size: 54px;
	line-height: 0;	
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);
		white-space: nowrap;
}
	
/* Collapsing Navbar Styles */

  .navbar-default {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    padding: 20px 0;
	background-color: transparent;
	border:hidden;
	/* Add additional styles here for the UNCOLLAPSED state */

  }
.lrg-logo {
  transform: translateY(-10px);
/*  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);*/
  -webkit-filter: drop-shadow(1px 1px 0.5px #222);
  filter: drop-shadow(1px 1px 0.5px #222);
	position: absolute; visibility: visible;
}
.sml-logo{transform: translateY(-10px); visibility: hidden;
	position: absolute;
	}
	
  .navbar-default .navbar-text{color:#FFF}
  .navbar-default .navbar-nav>li>a{color:#FFF}
  .navbar-default .navbar-nav>li>a:hover{color:#9ed9d4;background-color:transparent}
  	
	

  .navbar-default.affix {
    padding: 0px;
	padding-top: 15px;
	  padding-bottom: 15px;
	background-color:#f8f8f8;
	  
    /* Add additional styles here for the COLLAPSED state */
  }	
  
	.navbar-default.affix .navbar-nav>li>a{color:#777}
	.navbar-default.affix .navbar-nav>li>a:hover{color:#9ed9d4}
	.navbar-default.affix .tag-text{display:none}
	.navbar-default.affix .lrg-logo{visibility: hidden}
	.navbar-default.affix .sml-logo{visibility:visible; transform: translateY(-5px)}	
	.navbar-default.affix .navbar-nav {transform: translateY(+10px)}	
	
	
  /* 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;
	
  }*/
  
/*.navbar-left > img {
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	width: 250px;
	height:auto;
  }  
*/  

  /* Bump up size of carousel content */
  /* Carousel base class */
/*.carousel {
  height: 500px;
  margin-bottom: 60px;
}*/
/* Declare heights because of positioning of img element */
.carousel .item {
/*  height: 500px;
*/  background-color: #777;
}
  
  .carousel-caption {
	display:inherit;
}
  
  .carousel-caption p {
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 1.4;
  }
  
  .carousel-caption h1 {
    margin-bottom: 80px;
    margin-top:auto;
  }  
  
  .carousel-caption H2 {
    margin-bottom: 10px;
    font-size: 30px;
	font-family: "Days One";
	line-height: 1.4;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);
  }
  
	  
  .featurette-heading {
    font-size: 30px;
  }  
  
  .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 1250px;
/*  height: 500px;
*/  margin-right:auto;
  transform:none;  
  }
.marketing .col-md-3 .textbox {
  height:100px;
}

  
}

@media (min-width: 1250px) {
.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	/*  height:auto; */ 
	margin-right:auto;
	transform:none;    
}
/*.featurette-heading {
	margin-top: 120px;
}
*/
hr {
	margin-top: -50px;
}
.featurette-image {
	margin-top: 120px;
}

/* ROW */
.featurette-wrap .row{
	padding-bottom:0px;
}

/* ROW */
	.row { padding-bottom:50px;
} 


}

@media (min-width: 1440px) { 

	.featurette-bg-image { 
		min-height: 55em;
	}
	  

}