/* HOwTo Styling */

/* font-face */
h1, h2, h3, h4, h5, h6, p, div, span, li, a { font-family: 'Lato', sans-serif; color:#404040; }
h1, h2, h3, h4, h5, h6 { font-weight: 300; }

.section h1, .section h2, .section h3, .section h4, .section h5, .section h6, .section p, .section div, .section span, .section li, .section a { color: #fff; }
.section h1, .section h2, .section h3, .section h4, .section h5, .section h6 { text-shadow: 1px 5px 20px #000; }

p, div, span, li, a { font-weight: 400; }
strong { font-weight: 700; }


/* --------------------------------------- */
h1{ font-size: 5em; color: #fff; margin:0; padding:0;	}

/* --------------------------------------- */
.section { text-align:left; background-size: cover; color: #fff; }
.section li { margin-bottom: 10px; }
.section li strong { color: #d5dc21; }

/* --------------------------------------- */
#section1 { background-image: url(../img/bg1.jpg); }
#section2 { background-image: url(../img/bg2.jpg); padding: 6% 0 0 0; }
#section3 { background-image: url(../img/bg3.jpg); padding: 6% 0 0 0; }
#section4 { background-image: url(../img/bg4.jpg); }
#section5 { background-image: url(../img/bg5.jpg); }
#infoMenu li a { color: #fff; }


.navbar-brand { padding: 10px 40px 10px 15px; }
a.navbar-brand img { max-height: 30px; }
.navbar-transparent { background-color: transparent; border-top: 1px solid #444; padding-top: 5px; }
.navbar-transparent *, .navbar-transparent a, .navbar-transparent a:hover { color:#fff; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { background-color: #999; color:#f1f1f1; }



.intro { width: 80%; margin: auto; padding: 55px; background-color: rgb(10,10,10); }
.intro h1 {margin-bottom: 20px; text-transform: uppercase; }
.bg-darkAlfa02 {
  background: rgba(0, 0, 0, 0.7); /* #e12726 */
  /* Explorer 5.5 -> 7 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#9900000);
  /* Explorer 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
 }



/* carousel fixes */

body { padding-bottom: 0px; color: transparent; }
.carousel { height: 500px; margin-bottom: 0px; }
.carousel-caption { z-index: 10; padding: 20px; margin-bottom: -20px; }
.carousel-caption p, .carousel-caption h3 { color:#fff; }
.carousel-caption p { font-size: 16px; font-weight: 300; }
.carousel-indicators { top: 20px; }

.carousel .item { height: 500px; }
.carousel .item { background-size: cover; background-position: center center; }
.carousel-control.left, .carousel-control.right { background-image: none;}
@media (min-width: 768px) {
  .navbar-wrapper { margin-top: 20px; }
  .navbar-wrapper .container { padding-right: 15px; padding-left:  15px; }
  .navbar-wrapper .navbar { padding-right: 0; padding-left:  0; }
  .navbar-wrapper .navbar { border-radius: 0px; }
  .carousel-caption p { margin-bottom: 20px; line-height: 1.4; }
}

@media (min-width: 1024px) {
  .modal-lg { width: 1000px; }
}