/*  ==========================================================  */
/*  GLOBAL STYLES   */
/*  ==========================================================  */
/* Padding below the footer and lighter body text */
/*  __________________________________________________________  */
    body {
/*      padding-bottom: 40px;*/
      color: #5a5a5a;
    }
/*  ==========================================================  */
/*  NAVBAR   */
/*  ==========================================================  */
/* Special class on .container surrounding .navbar,
    used for positioning it into place. */
/*  __________________________________________________________  */
    .navbar-wrapper {
      position: absolute;
/*      top: 0;*/
      top: 50px;
      right: 0;
      left: 0;
      z-index: 20;
    }

    .social {
        position: absolute;
        /*      top: 0;*/
        margin: 5px auto 0px;
        top: 20px;
        right: 0;
        left: 0;
        z-index: 19;
/*        background-color: red;*/
    }

/* 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;
    }
/*  ==========================================================  */
/*  CAROUSEL   */
/*  ==========================================================  */
/*  __________________________________________________________  */

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



.carousel-caption {
    z-index: 10;
/*    background-color: rgba(3,3,0,0.5);*/
    background-color: rgba(0, 51, 51,0.5);
    left: 0;
    right: 0;
    padding-left: 25px;
    padding-right: 25px;
    
/*    padding-bottom: 50px;*/
        padding-top: 0px;
        padding-bottom: 0px;
    
    bottom:0px;
    margin-bottom: 0px !important;
}

.carousel-indicators {
    bottom: 5px !important;   
}


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

/*Disable Controls Gradient*/
.carousel-control.right,
.carousel-control.left {
    background-image: none;
}

.carousel-control.left {
    /*
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x
    */
}
.carousel-control.right {
/*
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x
*/
}

/*  ==========================================================  */
/*  MARKETING   */
/*  ==========================================================  */
/*  __________________________________________________________  */

/* 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;
    }

/*  ==========================================================  */
/*  FEATURES   */
/*  ==========================================================  */
/*  __________________________________________________________  */

    .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;
    }


/*  ==========================================================  */
/*  RESPONSIVE   */
/*  ==========================================================  */
/*  __________________________________________________________  */

    @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;
      }
    }

    @media (min-width: 992px) {
      .featurette-heading {
        margin-top: 120px;
      }
    }
	
	.alink {
		color:white;
		text-decoration:none;
	}
	
	.alink:hover{
		color:white;
		text-decoration:none;
	}