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

body { padding-bottom: 40px; padding-top:108px; color: #5a5a5a; }

footer { margin-top:40px; }

/* 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 { max-width:9670px; }

.navbar { background:#005695; -webkit-box-shadow: 0px 8px 4px -4px rgba(0, 0, 0, 0.4); box-shadow: 0px 8px 4px -4px rgba(0, 0, 0, 0.4); }
.navbar-nav > li > a { color:#fff; padding:10px 8px; }
.navbar-nav > li.active > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { background:#ec9618; }
.navbar-collapse { max-height: 100% !important; }

.navbar-collapse { position:relative; }
.navbar-nav { position:absolute; right:0; bottom:0; }
.navbar-collapse.collapse.in .navbar-nav { position:relative; }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #ec9618; border-color: #337ab7; }
.dropdown-menu > li > a { color:#005695; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background:#005695; color:#fff; }
.navbar-collapse.collapse.in .dropdown-menu a { color:#fff !important; }

.navbar-nav ul ul { display:none !important; }

.navbar-mini { top:-108px; bottom:auto; }
.navbar-mini li { margin-left:10px; }
.navbar-mini li a, .navbar-mini li a:hover { background:#f0ab19 url(/files/5CD55BBD-9BD7-42CD-9275-52D38A0FFA65--93C8F757-52F9-4878-95E7-9A443696A8FF/bg-orange-stripes.png) top left repeat; font-weight:bold; }

.navbar-brand { height:auto; }
.navbar-header { float:none; } /* fix logo not clickable */

.navbar-toggle { border-color:#fff; margin-top:18px; margin-right:15px; } 
.navbar-toggle .icon-bar { background:#fff; }


@media (max-width: 1200px) {
  .navbar-nav{ max-width: 670px; }
}

/* force nav to mobile at 992px */
@media (max-width: 992px) {
  .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; }
  .navbar-mini { top:0; }    
  .navbar-collapse { overflow-x:hidden; } /* remove nav scroll bar */
}


/* CUSTOMIZE THE BREADCRUMB
-------------------------------------------------- */

.breadcrumb { margin-bottom:0px; font-size:0.9em; background:transparent; }

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

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

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

/* carousel indicators */
.carousel-indicators li { background:#005695; width:20px; height:20px; border-radius:0; }
.carousel-indicators li.active { background:#949B02; margin:1px; width:20px; height:20px; }


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

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

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

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

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


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

.carousel, .carousel .item { height:200px !important; }

@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; }
  .carousel, .carousel .item { height:300px !important; }  
  
  .featurette-heading { font-size: 50px; }
  
  
}

@media (min-width: 992px) {
  .featurette-heading { margin-top: 120px; }
  .carousel, .carousel .item { height:350px !important; }  
}

@media (max-width: 768px) {
  .navbar-mini { right:auto; bottom:auto; position:relative !important; }  
  .navbar-fixed-top { position:relative; } /* fixed need to scroll menu on small devices */
  
  .sidebar { margin-top:80px; }
  
}

@media (min-width: 1200px) {
  .carousel, .carousel .item { height:442px !important; }
}
					
					
						.readmore-marker { visibility:hidden; }
						.readmore { background:inherit; padding:10px 0 0 0; }
						.readmore a, .readmore a:hover { display:inline-block; background:#4f8aca; color:#fff; margin-top:20px; padding:3px 10px; border-radius: 15px; text-decoration:none; }
						.readmore-content { height:200px; overflow:hidden; }
						@media only screen and (max-width:576px)  {
						  .readmore { text-align:center; }
						}