/*config*/
html,body{font-family: 'Roboto', sans-serif; height: 100%;}

.transition{-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}

a:hover{text-decoration: none;}
ul{margin: 0; padding: 0;}

.clear{width: 100%; clear: both;}
.clear10{width: 100%; height: 10px; clear: both;}
.clear20{width: 100%; height: 20px; clear: both;}
.clear30{width: 100%; height: 30px; clear: both;}
.clear40{width: 100%; height: 40px; clear: both;}
.clear50{width: 100%; height: 50px; clear: both;}
.clear60{width: 100%; height: 60px; clear: both;}
.clear70{width: 100%; height: 70px; clear: both;}
.clear80{width: 100%; height: 80px; clear: both;}
.clear90{width: 100%; height: 90px; clear: both;}
.clear100{width: 100%; height: 100px; clear: both;}

#header h3{font-size: 14px; color: #444; font-weight: bold; text-transform: uppercase;}
#header li{list-style: none; display: inline-block;}
#header li:first-child a{padding-left: 0}
#header li a{padding: 20px 30px; color: #444; float: left; font-size: 14px; font-weight: 900; text-transform: uppercase;}
#header li:hover a{color: #C0A063;}
#header ul{margin-top: 55px; width: 100%; float: left;}
#header li .social{padding-left: 5px; padding-right: 5px}


#header2{display: none; position: fixed; background-color: #fff; top:0; left: 0; width: 100%; z-index: 999;}
#header2 img{height: 50px;}
#header2 .navbar-default{background-color: #fff; padding: 10px 0; border: none;}
#header2 .navbar-default a{color: #222; text-transform: uppercase; font-weight: bold;}
#header2 li:hover a{color: #C0A063;}

#header-mobile .logo{padding: 10px 0;}
.navbar{margin-bottom: 0}

.info-topo{font-size: 12px; color: #777}
.info-footer{font-size: 12px; color: #222}

#carousel li{padding: 20px; border: solid 1px #eee;}

section{padding: 100px 0}
section h1{font-size: 50px; font-weight: bold; margin-bottom: 5px}
section h2{font-size: 20px; font-weight: bold; margin-top: 0}

#hotel-faeli{background: url(../img/bg-empresa.jpg) top center; padding-bottom: 300px; color: #444}
#hotel-faeli h1{color: #C2A56D;}



#acomodacoes h1{color: #C0A063;}
#acomodacoes h2{color: #C0A063}


/*PRODUTOS*/
.grid-item{
	padding: 15px;
	border: solid 1px #eee;
	margin-bottom: 30px;
	min-height: 350px;
}
.grid-item h3{font-size: 14px; font-weight: bold; color: #222}

.grid-item:hover{
	outline: 8px solid #ddd;
}

.post{text-align: justify; margin-bottom: 50px;}
.post a{color: #777;}
.post h2{color: #555; margin-bottom: 20px; text-align: left;}

/*formulários*/
.form-group,.input-group,.form-control {width: 100%;}
.form-control {height: 55px;background: #fff;border: 1px solid #ddd;}

/*contato*/
.btn-padrao{border-radius: 0;border: 0;padding: 15px 25px;background: #c2a56d;color: #fff;text-transform: uppercase;font-weight: 900;transition-duration: 0.3s;}
.btn-padrao:hover{background: #777777;}
form textarea{height: 160px !important;}
#contato h2{color: #c2a56d;}

#reservas{width: 100%; float: left; background: url(../img/bg-reservas.jpg) top center;}
#reservas .bg-form{background: #c2a56d; padding:30px; color: #fff;}
#reservas .btn-padrao{background: #008C46;}
#reservas input{border: none;}

#servicos{background: url(../img/bg-servicos.jpg) bottom center #fff no-repeat; color:#fff; font-size: 12px; text-align: center;}
#servicos h1{color: #947c4d;}
#servicos h2{color:#fff; font-size: 16px; margin-top: 20px; }
#servicos .segura-registros{padding:40px; margin-bottom: 30px; text-align: center; min-height: 440px; background: rgba(148, 124, 77, 0.8);}
#servicos ul{list-style: none;}
#servicos .servico{float: none; display: inline-block; margin-right: -3px; vertical-align: top;}

#mapa{width: 100%; height: 600px; position: relative; text-align: center;}
#mapa .pelicula{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255,255,255,0.5); text-align: center;}
#mapa button{display: inline-block; margin-top: 260px; position: relative;}
#mapa iframe{position: absolute; top: 0; left: 0}

#formulario-orcamento{display: none;}

/*redes sociais*/
.contato-info .header-social .fa-facebook{color: #3176bf;}
.contato-info .header-social .fa-twitter{color: #4fd0ea;}
.contato-info .header-social .fa-youtube{color: #f24141;}
.contato-info .header-social .fa-instagram{color: #bf9437;}

.breadcrumbs{width: 100%; height: auto; padding: 60px 0; background: #BFA163}
.breadcrumbs ul{list-style: none;}
.breadcrumbs li{float: left; margin-right: 5px; color: #fff;}
.breadcrumbs li a{color: #fff;}
.breadcrumbs h1{font-weight: bold; font-size: 35px; color: #fff;}


/*rodape*/
footer{width: 100%;float: left; height: auto; padding: 100px 0; color: #333; background: url(../img/bg-footer.jpg) top center no-repeat;}
footer h3{font-size: 14px; font-weight: 800; color: #c2a56d; text-transform: uppercase;}
footer a{color: #222;}
footer a:hover{color: #444}

@media (max-width: 991px) {

}
@media (min-width: 768px){
	.navbar-nav {float: right;}
}
@media (max-width: 767px){
	#hotel-faeli{background-image: none;}
	section h1{font-size: 35px;}
}