/* BOOTSTRAP 3.x GLOBAL STYLES
-------------------------------------------------- */
body {
   height:100%;
  color: #5a5a5a;
}



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



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

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

/* Declare heights because of positioning of img element */
.carousel .item {
height: 350px;
/*background-color: #555;*/
background-image:url('../images/bg_carousel.jpg');
background-repeat:repeat;

}

.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 350px;
}



/* 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: 20px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

h1.carousel-title{
    margin-top: 10px;
    margin-bottom: 10px;
     font-size: 25px;
}
.navbar {
position: relative;
min-height: 30px;
margin-bottom: 20px;
border: 1px solid transparent;
}
  h1.carousel-content-title{
    margin-top: 10px;
    margin-bottom: 10px;
     font-size: 25px;
}

.navbar-inverse {
background-image:url('../images/bg_menu_mobile.jpg');
background-repeat:repeat-x;
margin-left: 10px;
}

.navbar-inverse .navbar-brand {
color: #FFF;
}

.navbar-inverse .navbar-nav > li > a {
color: #FFF;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
color: #ffffff;
background-image:url('../images/bg_menu.jpg');
background-repeat:repeat-x;
}
.footer{
background: #131313; /* Old browsers */
background: -moz-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#131313), color-stop(9%,#1c1c1c), color-stop(24%,#2b2b2b), color-stop(40%,#111111), color-stop(49%,#000000), color-stop(50%,#2c2c2c), color-stop(61%,#474747), color-stop(75%,#666666), color-stop(88%,#595959), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); /* IE10+ */
background: linear-gradient(to bottom, #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */
display:none;
}

td.footer_content{
    padding:10px 20px 10px 20px;
    border-left: 2px #494848 solid;
    color:yellow;
}

a.footer_content{
    color:yellow;
    text-decoration: none;
}
a.footer_content:hover{
    color:yellow;
    text-decoration: underline;
    cursor: pointer;
    background-color: transparent;
}
.table {
width: 100%;
 margin-bottom: 0px;
}
.navbar-nav {
margin: 7.5px -15px;
}

img.icon{
    width:20px;
    height:auto;
    margin-right: 5px
}

.logo-responsive{
 width: 60px;
 height:auto;
 float:left;
 margin-left: 10px;
 position: absolute;
 z-index: 2000;
}

.red-border{
    height:200px;
    width: 280px;
    border:2px #9B080F solid;
    box-shadow: 10px 10px 5px #888888;
    border-radius: 6px;
    padding: 10px
}
.item-border{
    height:auto;
    width: 80%;
    border:2px #9B080F solid;
/*    box-shadow: 10px 10px 5px #888888;*/
    border-radius: 6px;
    padding: 10px;
    margin:10px;
}


.red-button{
  margin-top:-15px;
}

.btn {
display: inline-block;
font-size: 11px;
padding: 4px 6px;
border: 1px solid transparent;
border-radius: 18px;

}

.btn-red {
color: white;
background-image:url('../images/bg_menu.jpg');
background-repeat:repeat-x;
border-color: #9B080F;
min-width: 50%;
}

a:hover{
/*color: white;
background-color: white;*/
text-decoration: underline;
cursor: pointer;
}
.btn:hover,
.btn:focus {
    background: #9B080F;
  color: white;
  text-decoration: none;
}
p.carousel-content{
    display:none;
}

.fbIcon{
    width:10%;
    height:auto;
    float:right;
    margin: -50px 30px;
}

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

@media (min-width: 768px) {

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

  /* Navbar positioning foo */
  .navbar-wrapper {
/*    margin-top: 20px;
    margin-bottom: 20px; */
    margin:20px 0 40px 60px ;
  }
  /* 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;
  }


  h1.carousel-title{
    margin-top: 20px;
    margin-bottom: 280px;
    font-size: 45px;
}

p.carousel-content{
    text-align:left;font-size: 12px;width:50%;display:block;        margin-bottom: 50px
}
  h1.carousel-title.left{
    margin-top: 20px;
    margin-bottom: 280px;
    font-size: 45px;
    text-align :left;
}
  h1.carousel-content-title.left{
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 45px;
    text-align :left;
}
  h1.carousel-title.right{
    margin-top: 20px;
    margin-bottom: 280px;
    font-size: 45px;
    text-align:right;
}
/* Declare heights because of positioning of img element */
.carousel .item {
height: 500px;
background-image:url('../images/bg_carousel.jpg');
background-repeat:repeat;
}


.navbar-inverse {
background-image:url('../images/bg_menu.jpg');
background-repeat:repeat-x;
margin-left: 20px;
}


.navbar-nav {
float: left;
margin: 0;
margin-left: 0px;
}

.logo-responsive{
        width: 80px;
        height:auto;
        float:left;
        margin-left: 25px;
        position: absolute;
        z-index: 2000;
}
    .content-2{
        display:none;
    }
    
    .navbar-nav > li > a {
 padding-top: 5px; 
 padding-bottom: 5px; 
 font-size: 11px
}


.nav > li {
position: relative;
border-left: 1px solid #890D0F;
display: block;
height:30px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: transparent;
}

.footer{
    display:block;
}

}


@media (min-width: 1080px) {
    .content-2{
        display:block;

    }
}


.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
/*z-index: 10;*/
padding-top: 20px;
padding-bottom: 20px;
color: #ffffff;
text-align: center;
text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.6);
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}