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

body {
	background-color: #232323;
}

.navbar{
margin-bottom: 0;
}

.navbar-inverse{
	background-color: #111;	
}

.controls{
    width:50px;
    display:block;
    font-size:11px;
    padding-top:8px;
    font-weight:bold;
}
.next {
    float:right;
    text-align:right;
}
ul {
  padding:0 0 0 0;
  margin:0 0 0 0;
}
ul li {
  list-style:none;
}
ul li img {
  cursor: pointer;
}
.jumbotron{

	background-image: url('../img/example.jpg');

}

.row{

margin-top: 80px;

}

.overlay { 
  color:#fff;
  position:absolute;
  z-index:12;
  top:35%;
  left:0;
  width:100%;
  text-align:center;
}

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

.img-responsive{
	display: inline-block;
}

.btn-warning{
	background-color:#bb9436;
	color: #fff;
	border-color: #a58434;
}

.btn-warning:hover{
	background-color: #9e7c2b;
	border-color: #a58434;
}

.btn-warning:active:hover, .btn-warning.active:hover, .open>.dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open>.dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open>.dropdown-toggle.btn-warning.focus{
	background-color: #9e7c2b;
	border-color: #9e7c2b;
}

.btn-warning:focus{
	background-color: #9e7c2b;
	border-color: #9e7c2b;	
}


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

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

/* CAROUSEL
------------------------- */

/* Carousel base class */
.carousel {
  height: 100%;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  top: 50%;
  bottom: 50%;
  position: absolute;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 100vh;
  background-color: #232323;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100%;
}.bottom {
    background-color: #111;
}
.bottom .container {
    background-color: #111;
    min-height: 150px;
}
.bottom .container h3 {
    color: #999;
}
.bottom .container p {
    color: #666;
}

.content p {
    line-height: 30px;
    font-size: 16px;
}
.to-tutorial {
    text-align: center;
}

/*MOBILE*/


@media only screen and (max-width: 480px) {
	.carousel-inner > .item > img {
  min-width: 1000px;
}

.overlay { 
  top:40%;
}

.carousel-control.left{
display: none;	
}
	
.carousel-control.right{
display: none;	
}	
}