@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
body{
    color:#848484;
}
.jumbotron h1{
    font-family: "Open Sans",Arial,sans-serif;
    font-weight: 400;
    margin: 0 0 30px 0;
}
.jumbotron p{
    color: #848484;
    font-weight:300;
    line-height:1.6;
    font-family: "Open Sans",Arial,sans-serif;
}
.carousel-caption button{
    text-transform:uppercase;
}

.hideme
{
    opacity:0;
}
.visible{
     opacity:1;
}
.seta, .setaup{
	transition: transform 1s;
	width:20px;
}
.seta:hover, .setaup:hover{
	transform: scale(2);
	cursor: pointer; 
}
.escondido{
	display:none;
}
.slider{
    margin-top:3em;
}
    h4{
    	font-weight: 600;
	}
	p{
		font-size: 12px;
		margin-top: 5px;
	}
	.price{
		font-size: 30px;
    	margin: 0 auto;
    	color: #333;
	}
	.right{
		float:right;
		/*border-bottom: 2px solid #4B8E4B;*/
	}
	.thumbnail{
		opacity:0.70;
		-webkit-transition: all 0.5s; 
		transition: all 0.5s;
	}
	.thumbnail:hover{
		opacity:1.00;
		box-shadow: 0px 0px 10px #4bc6ff;
	}
	.line{
		margin-bottom: 5px;
	}
	@media screen and (max-width: 770px) {
		.right{
			float:left;
			width: 100%;
		}
	}
	.carousel-caption p, h3{
		color:white;
		text-transform:uppercase;
	}
	.thumbnail:hover{
		margin-top:-10px;
		cursor: pointer; 
	}
	.thums div{
		display:none;
	}
	.padding{
		padding:15px;
		margin:10px;
		border-radius: 3px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	}

footer{
     background-color: #33383c;
     padding:70px 0px;
}	       

.logo{
    color:#FFF;
    font-weight:800;
    font-size:30px;
}

.adress span , .contact span , .social span{
   color: #FFF; 
   font-weight: 800; 
   padding-bottom: 10px; 
   margin-bottom: 20px;
   display: block;
   text-transform: uppercase;
   font-size: 13px;
   letter-spacing: 3px;
}
 
.adress li p , .contact li a , .social li a{
    color:#FFF;
    letter-spacing: 2px;
    text-decoration:none;
    font-size:12px;
}

.social li{
    float:left;
}

.adress , .contact , .social {
    list-style: none;
}

.fa{
    color:#9c9c9c;
    margin-right: 10px;
    font-size:14px;
}
.scrolltop{
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: #b2b2b2;
    background: rgba(178,178,178,0.7);
    padding: 20px;
    text-align: center;
    margin: 0;
    cursor: pointer;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}

.scroll-downs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  
  width :34px;
  height: 55px;
}
.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 2px solid #000;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #000;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

#carousel-example-generic .carousel-caption {
  position: relative;
  left: 0%;
  right: 0%;
  bottom: 0px;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000;
  text-shadow: none;
  & .btn {
    text-shadow: none; // No shadow for button elements in carousel-caption
  }
}

#carousel-example-generic .carousel {
    position: relative;
}

#carousel-example-generic {
    margin:1em;
}

#carousel-example-generic .carousel-caption p{
    color:black;
}
.controllers {
    position: absolute;
    top: 0px;
}

.carousel-control.left, 
.carousel-control.right {
    background-image: none;
}