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

			body {
			  background-color: #F7F8F8;
			  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: 15px;
			  padding-left: 15px;
			}
			.navbar-wrapper .navbar .container {
			  width: auto;
			}
			.navbar {
				min-height: 60px; 
				background-color: #fff;
				border-color: #034168;
				position: fixed;
				width: 100%;}
			.navbar-brand {
				padding: 0 20px; 
				height: 60px; 
				line-height: 60px;
			}
			.navbar-nav>li>a {
			    padding-top: 10px;
			    padding-bottom: 10px;
			    line-height: 60px;
			}
			.nav>li>a {
			    position: relative;
			    display: block;
			    padding: 0 10px 0 10px;
			}
			.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
			    color: #fff;
			    background-color: #034168;
			}
			@media (min-width: 1200px){
				.container {
				    width: 1300px;
				}
			}

			a {
			    -moz-transition: border-bottom-color 0.2s ease, color 0.2s ease;
			    -webkit-transition: border-bottom-color 0.2s ease, color 0.2s ease;
			    -ms-transition: border-bottom-color 0.2s ease, color 0.2s ease;
			    transition: border-bottom-color 0.2s ease, color 0.2s ease;
			    text-decoration: none;
			    color: #585858;
			    border-bottom: 1px rgba(88, 88, 88, 0.5);
			}

			.navbar-static-top {
			    z-index: 1000;
			    border-width: 0 0 5px;
			}

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

			/* Carousel base class */
			.carousel {
			  height: 400px;
			  margin-bottom: 60px;
			}
			/* Since positioning the image, we need to help out the caption */
			.carousel-caption {
			  z-index: 10;
			}

			.carousel-caption a:hover{
				text-decoration: none;
				color:white !important;
			}

			/* Declare heights because of positioning of img element */
			.carousel .item {
			  height: 400px;
			  background-color: #777;
			}
			.carousel-inner > .item > img {
			  position: absolute;
			  top: 0;
			  left: 0;
			  min-width: 100%;
			  height: 400px;
			}


			/* 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;
			}
			.marketing .col-lg-4 p {
			  margin-right: 10px;
			  margin-left: 10px;
			}


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

			.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;
			  color: #034168;
			}


			/* RESPONSIVE CSS
			-------------------------------------------------- */

			@media (min-width: 768px) {
			  /* 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;
			  }

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

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

			.modal {
			  text-align: center;
			  padding: 0!important;
			}

			.modal:before {
			  content: '';
			  display: inline-block;
			  height: 100%;
			  vertical-align: middle;
			  margin-right: -4px;
			}

			.modal-dialog {
			  display: inline-block;
			  text-align: left;
			  vertical-align: middle;
			}