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

    body {
      padding-bottom: 40px;
      color: #5a5a5a;
    }
	
	a.back-to-top {
		position: fixed;
		z-index: 999;
		right: 20px;
		bottom: 20px;
		color: #5a5a5a;
	}

	.news {
		margin-top: 20px;
		padding: 0px;
		font-size: 16px;
		line-height: 2;
	}

	.news ul {
		list-style-type: none;
		padding: 0;
	}
	
	.news li {
		margin-top: 8px;
		margin-bottom: 8px;
	}	

	.news a {
		display: block;
	}	
	
	.epost {
	}
	
	.intro {
		line-height: 20px;
		font-size: 16px;
		font-weight: bold;
	}
	
	.sticky-note {
		overflow:hidden;
		background:#ffc;
		display:block;
		padding:1em;
		
		/* Firefox */
		-moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
		/* Safari+Chrome */
		-webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
		/* Opera */
		box-shadow: 5px 5px 7px rgba(33,33,33,.7);
	}
	
	.bottombar {
		overflow:hidden;
		background:#428BCA;
		display:block;
		padding:10px;
		bottom:0px;
		left:0px;
		width:100%;
		position:fixed;
		z-index:1000;
		color:#fff;
		text-align:center;
	}
	
	.bottombar a {
		color:#fff;
	}
	
	.content img {
		max-width: 100%;
		height: auto;
	}
	
	.content figure {
		display: inline-block;
		max-width: 100%;
		position:relative;
	}
	
	.content figure img {
		border: 2px solid #aaaaaa;
		max-width: 100%;
	}
	
	.content figure figcaption {
		position: absolute;
		right: 0; bottom: 0; left: 0;
		
		background: black; /* fallback */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000); /* IE fix */
		background: rgba(0,0,0,.7); /* transparent background */  
		color: #fff; 
    
		padding: 10px;    /* padding around text */
	}
	
	.right-image {
		width: 90%;
	}

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

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .navbar-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 20;
      margin-top: 20px;
      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    }
    .navbar-wrapper .navbar {

    }

    /* Remove border and change up box shadow for more contrast */
    .navbar .navbar-inner {
      border: 0;
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
              box-shadow: 0 2px 10px rgba(0,0,0,.25);
    }

    /* Downsize the brand/project name a bit */
    .navbar-brand {
      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
      font-size: 16px;
      font-weight: bold;
      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
    }

    /* Navbar links: increase padding for taller navbar */
    .navbar .nav > li > a {
      padding-top: 15px;
	  padding-bottom: 15px;
    }
	
	.navbar .nav > li > p {
	  padding: 15px 15px;
	  line-height: 20px;
	  margin: 0px;
	}

    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {
      margin-top: 10px;
    }
	.navbar-social-media img {
		width:24px;
		height:24px;
	}


	p.navbar-social-media {
	  padding: 13px 13px !important;		
	}

	/* Google translate */
	.goog-te-gadget-simple {
		margin-top: 12px;
		border-radius: 7px !important;
	}    

	.anchor-target:target {
		border-left: 5px solid #5a5a5a;
		background-color: #ffc;
		padding-left:10px;
		transition: 1s;
	}
	/* PAGE HEADING */

	.page-heading {
	  position: relative;
	  margin-bottom: 20px;
	  line-height: 1;
	}

	.page-heading-inner {
	  position: relative;
	  width: 100%;
	  overflow: hidden;
	}

	.page-heading-inner > .item {
	  position: relative;
	  display: block;
	  left: 0;
	}

	.page-heading-inner > .item > img,
	.page-heading-inner > .item > a > img {
	  display: block;
	  line-height: 1;
	}

	.page-heading-inner > .left {
	  left: -100%;
	}

	.page-heading-inner > .right {
	  left: 100%;
	}
	
	.page-heading-caption {
	  position: absolute;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  padding-top: 15px;
	  padding-bottom: 15px;
	  background: #333333;
	  background: rgba(0, 0, 0, 0.75);
	}

	.page-heading-caption h4,
	.page-heading-caption p {
	  line-height: 20px;
	  color: #ffffff;
	}
	
	.page-heading-tagline {
		display: none;
	}

	.page-heading-caption h4 {
	  margin: 0 0 5px;
	}

	.page-heading-caption p {
	  margin-bottom: 0;
	}
	
	/* Page heading customization */
    .page-heading {
      margin-bottom: 20px;
    }

    .page-heading .container {
      position: relative;
      z-index: 9;
    }

    .page-heading .item {
      height: 200px;
    }
    .page-heading img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 200px;
    }

    .page-heading-caption {
      background-color: transparent;
      position: static;
      padding: 0 0;
      margin-top: 100px;
    }
    .page-heading-caption h1,
    .page-heading-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .page-heading-caption .btn {
      margin-top: 10px;
    }

	

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

    /* Carousel base class */
    .carousel {
	 /* height: 500px;*/
      margin-bottom: 60px;
    }
	
	.carousel-caption {
	  z-index: 10;
    }

    .carousel .item {
	  padding-top: 22px;
      padding-bottom: 100px;
    }
    .carousel-inner > .item > img {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
	  width: 100%;
    }

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

	/* Pad the edges of the mobile views a bit */
	.marketing {
	  padding-left: 15px;
	  padding-right: 15px;
	}

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


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

    .featurette-divider {
      margin: 80px 0; /* Space out the Bootstrap <hr> more */
    }
    .featurette {
      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
    .featurette-image {
      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
      margin-right: 40px;
    }
    .featurette-image.pull-right {
      margin-left: 40px;
    }

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


	
@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-left:  15px;
    padding-right: 15px;
  }
  .navbar-wrapper .navbar {
    padding-left:  0;
    padding-right: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

  	.carousel .item {
	  padding-bottom: 0px;
	}
  
  .page-heading-tagline {
     display: block;
  }
  
  .right-image {
	float: right;
	width: 33%;
  }

  .google_translate_element {
	position: relative;
	top: -20px;
  }
}
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

@media (max-width: 767px) {
	.page-heading-caption h1,
    .page-heading-caption .lead {
      font-size: 28px;
    }
}	  

// Navbar collapse

@media (max-width: 1010px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}