@charset "UTF-8";
/* CSS Document */

h2, p {
 font-family: Arial, Helvetica, sans-serif;
}

h2 {
   font-size: 16px;
   font-weight: 600px;
   text-transform: uppercase;
}

p {
   font-size: 14px;
}

.navbar-default {
   background-color: #fff;
   border-color: #fff;
   width: 99%;
   margin: auto;
}

nav li a {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-transform: uppercase; 
  margin-top: 80px;
  font-size: 16px;
  
}

.navbar-nav > li > a {
  padding: 10px 14px;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

.navbar-brand {
  display: none; 
}

.pierce-logo a {
  margin-top: 0 !important; 
}

.pierce-logo img {
  margin-left: 20px;
}

.slider-container {
  width: 100%; 
}

.about-page {
    width: 99%; 
	margin-top: 70px;
  background-color: #0f509f;
  padding: 30px 200px;
  color: #fff;
}

.investments-page {
    width: 99%; 
	margin-top: 70px;
  background-color: #68a6f0;
  padding: 30px 200px;
  color: #fff;

}

.properties-page {
    width: 99%; 
	margin-top: 70px;
  background-color: #000;
  padding: 30px 150px;
  color: #fff;
  
}
.properties-assets {
    width: 60%; 
}
.asset-column h3 {
	color: #69a5ee; 
}
.asset-column li {
	font-size: 12px; 
}
.asset-column ul {
	max-width: 200px;
	padding-left: 0px; 
}
.asset-column a {
	color: #69a5ee; 
}
.footer {
  margin-top: 20px;
  text-align: center;
}

.footer p {
  color: #333;
  font-size: 12px;
}

.footer img {
  width: 36px;
  height: 36px;
  margin: 0 10px;
  border: 0;
}

.footer .footer-copy {
  padding-top: 12px;
  text-align: left;
}

@media (max-width: 950px) {
  .navbar-default  {
    width: 90%;
  }
  
  nav .container-fluid {
    padding: 0;
  }
  
  nav li a {
    font-size: 12px;
    margin-top: 20px;
  }
  
  .footer .footer-copy {
    text-align: center;
  }
  
  .pierce-logo img {
    width: 150px;
    height: auto;
    margin-left: 0;
  }
  
  .slider-container {
    margin-top: 50px; 
  }
  
  .about-page {
    margin-top: 20px;
  }
   .properties-page {
    padding: 30px;
  }
   .properties-assets {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .slider-container {
    margin-top: 0; 
  }
  
  li.pierce-logo {
    display: none; 
  }
  
  .navbar-brand {
    display: block;
    padding: 8px 15px 15px;
  }
  
  .navbar-brand img {
    width: 120px;
    height: auto; 
  }
  
  .navbar .navbar-collapse {
    margin-top: 20px; 
  }
}

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

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner