
/*==================================

font-family: 'Asap', sans-serif;

==================================== */

/*-------------------------------------
		1.General css (Reset code)
--------------------------------------*/
html {
  scroll-behavior: smooth;
}

*{
    padding: 0;
    margin: 0;
}

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
body{
	font-size:14px;
	background: #fff;
    margin:0 auto;
	overflow-x:hidden;
}

a,a:hover,a:active,a:focus {
	display:inline-block;
	text-decoration:none;
	font-size:14px;
	padding:0;
}
h1,h2,h3,h4,h5,h6 { 
	margin: 0;
	text-transform: capitalize;
}
p {
	margin: 0;
	font-size:14px;
}
img{	border:none;max-width:100%; height:auto;}
ul{
	padding: 0;
    margin: 0;
    list-style: none;
}
ul li {
	list-style: none;
	
}
select,input,textarea{box-shadow:none;outline:0!important;}


html,body{
    height: 100%;
	position: relative;
    z-index: 2;
}
[placeholder]:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s 0.3s ease; 
  -moz-transition: opacity 0.3s 0.3s ease; 
  -ms-transition: opacity 0.3s 0.3s ease; 
  -o-transition: opacity 0.3s 0.3s ease; 
  transition: opacity 0.3s 0.3s ease; 
  opacity: 0;
}

/*=============Style css=========*/

/*-------------------------------------
		2. Header
--------------------------------------*/
.nav{ display: flex; margin-top: 10px;}

.header{
	padding-top: 50px;
    padding-bottom: 50px;
	background-color: #EDF1EC;
	display: flex;
	flex-direction:row;
}

.links {
  flex: 1;          /* shorthand for: flex-grow: 1, flex-shrink: 1, flex-basis: 0 */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #699D8A;
}

.links a{ color:#699D8A;}

.links a:hover{color:#84B6A3;transition: 1s;}

.header-title {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-title img {width:200px;}

.logout {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.logout a{ color:#699D8A;}

.logout a:hover{color:#84B6A3;transition: 1s;}

.fa-envelope, .fa-facebook-square, .fa-instagram {font-size:16px;}


/*-------------------------------------
		3. Menu
--------------------------------------*/

.nav-antes {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-right: 450px;
}

.nav-depois {
  text-align: center;
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  right: 0px;
}

.lrg-logo {
  opacity: 0;
}

.sml-logo {
  text-align: center;
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  left: 0px;
  width: 80px;
}


#menu{
	z-index: 999;
}
/* navbar-brand */
.navbar-brand,
.navbar-brand:hover,
.navbar-brand:focus{
	margin-top: 10px;
	padding:0;
}/* navbar-brand */

/* antes de scrolling */
.wrapper-sticky{
	position: relative;
	display: inline-block;
	background: #94B9AA;
}

/* ao scrolling */
.sticky{
	background: #EDF1EC;
	padding: 10px 0px 0px;
	height:90px;
	color: #fff;
}

.sticky  .navbar-brand{
	margin-top:0px;
}
.sticky  .navbar-default .navbar-nav li a,
.sticky  .navbar-default .navbar-nav li a:active,
.sticky  .navbar-default .navbar-nav li a:focus,
.sticky  .navbar-default .navbar-nav li a:hover{
	color: #629983;
	margin: 0px 0px;
}
.sticky .navbar-default .navbar-toggle ,
.sticky .navbar-default .navbar-toggle:focus,
.sticky .navbar-default .navbar-toggle:hover {
    background-color: transparent;
    border: 1px solid #94B9AA;
    margin-top: 15px;
}/* sticky */

/* wrapper-sticky */

/* navbar-default */
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar-default .navbar-nav li a{
	font-size: 16px;
	color: #fff;
	font-family: 'Asap', sans-serif;
	margin-top:18px;
	padding-left: 27px;
	-webkit-transition: .5s; 
	-moz-transition:.5s; 
	-ms-transition:.5s; 
	-o-transition:.5s;
    transition: .5s;
}
.navbar-default.navbar-nav li a:active,
.navbar-default.navbar-nav li a:focus,
.navbar-default .navbar-nav li a:hover{
	color: #fff;
	outline: 0;
	font-weight:700;
	margin-top:18px;
	padding-bottom: 25px;
	padding-left: 27px;

}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:active,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
	background:transparent;
    color: #fff;
	font-weight:700;
	font-family: 'Asap', sans-serif;
	margin-top:18px;
	padding-bottom: 25px;
	padding-left: 27px;
}/* navbar-default */

/* navbar-toggle*/
.navbar-default .navbar-toggle ,
.navbar-default .navbar-toggle:focus,
 .navbar-default .navbar-toggle:hover {
    background-color: transparent;
    border: 1px solid #94B9AA;
    margin-top: 25px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #94B9AA;

}/* navbar-toggle*/

/* .search */
.sticky .search span {
	top:16px;
}
.sticky .search input {
	top:40px;
}


/*-------------------------------------
		4. Slider
--------------------------------------*/

/*.a-slide { height: 100%; width: 100%; background-size: cover !important;}
.slick-slider{ height: 100%;}

.slick-prev {
    left: 100px;
    z-index: 1;    
}
.slick-next {
    right: 100px;
}*/

.header-slider-area {position: relative;z-index: 1;background-color: #F8E17F;}

.slick-dotted.slick-slider {margin-bottom: 22px;}

.slick-dots {background-color: #F8E17F;}


/*-------------------------------------
		4. Espaco
--------------------------------------*/
.espaco{
	padding: 200px 0;
	background-color: #F8E17F;
}

.espaco h2{
	color: #AE6084;
	font-size: 35px;
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	margin-bottom: 30px;
}

.espaco p{
	color: #4d4e54;
	font-family: 'Asap', sans-serif;
	margin-bottom: 20px;
	font-size: 15px;
}

.espaco p span{
	color: #AE6084;
	font-weight: 600;
	font-size: 16px;
}

.linha-vertical{height: 160px; border-left: 1px solid #AE6084; margin-left: 50px;}

.fa-check-circle, .fa-map-marker-alt, .fa-user{ color: #D1B53B; font-size: 20px;  }

.grid-container {
  	display: grid;
  	grid-template-columns: auto auto;
}
.grid-item {
  	padding: 20px 20px 20px 0px;
	color: #AE6084;
	font-weight: 600;
	font-family: 'Asap', sans-serif;	
	font-size: 15px;
  	text-align: left;
}

.btn{width: 130px; 
	font-family: 'Asap', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600; 
    white-space: normal;
    border: 1px solid #D3AD2F;
    height:55px;
    margin:6px;
    outline: none !important; 
    vertical-align: middle;
}

.btn-default {background-color: #EECD5F;}

.btn-default{font-size: 12px; color:#A5820C; padding: 10px;}
.btn-default:hover{font-size: 12px; color: #fff; padding: 10px; background-color: #AE6084;}
.btn-default:visited{font-size: 12px; color: #fff; padding: 10px; }
.btn-default:active{font-size: 12px; color: #fff; padding: 10px; }
.btn:focus{font-size: 12px; color: #EECD5F; padding: 10px; background-color:#AE6084; border: 1px solid #AE6084;}

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: #EECD5F;
    background-color: #AE6084;
    border-color: #AE6084;
}

.btn-default.active.focus, 
.btn-default.active:focus, 
.btn-default.active:hover, 
.btn-default:active.focus, 
.btn-default:active:focus, 
.btn-default:active:hover{background-color: #AE6084; color: #EECD5F;}

.btn-group, .btn-group-vertical {
	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
}

button:focus { outline: none; }

#tab {margin-top:100px;}

.tab-content{margin-top: 110px;}

.circle{ position:absolute; border-radius: 50%;}

.c1 { background: #EAB652; height: 30px; width: 30px; bottom: -120%; left: 4%;}
.c2 { background: #EE7D80; height: 30px; width: 30px; top: 160%; right: 4%;}
.c3 { background: #AE6084; height: 10px; width: 10px; top: 166%; right: 4%;}
.c4 { background: #EE7D80; height: 20px; width: 20px; top: 220%; right: 4%;}


/*-------------------------------------
		5. Gastronomia
--------------------------------------*/
.gastronomia{
	background-image: linear-gradient(#EECD5F, #F8E17F);
	padding: 200px 0;
}

.gastronomia h2{
	color: #EE7D80;
	font-size: 35px;
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	margin-bottom: 30px;
	margin-top:100px;
}

.gastronomia p{
	color: #4d4e54;
	font-family: 'Asap', sans-serif;
	margin-bottom: 20px;
	font-size: 15px;
	text-align: center;
}

.gastronomia img{padding: 5px;}


.c5 { background: #AE6084; height: 30px; width: 30px; bottom: -220%; left: 6%;}
.c6 { background: #EAC54A; height: 10px; width: 10px; bottom: -230%; left: 10%;}
.c7 { background: #EAB652; height: 20px; width: 20px; top: 300%; right: 15%;}


/*-------------------------------------
		6. Decoracoes
--------------------------------------*/
.decoracoes{
	background-color: #F2AEAE; 
    padding: 200px 0;
}

.decoracoes h2{
	color: #AB4574;
	font-size: 35px;
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	margin-bottom: 30px;
	margin-top:100px;
}

.decoracoes p{
	color: #4d4e54;
	font-family: 'Asap', sans-serif;
	margin-bottom: 20px;
	font-size: 15px;
	text-align: left;
}

.decoracoes span{color: #AB4574; font-weight: 600; font-style: italic;}
.fa-search-plus{color: #AB4574;}

.decoracoes img{padding: 5px;}

.c8 { background: #AE6687; height: 10px; width: 10px; bottom: -330%; left: 8%;}
.c9 { background: #F8E180; height: 30px; width: 30px; top: 440%; right: 7%;}


/*-------------------------------------
		8. Atrações
--------------------------------------*/
.atracoes{
	background-image: linear-gradient(#E98B8B, #F2AEAE);
    padding: 200px 0;
}

.atracoes h2{
	color: #FFE473;
	font-size: 35px;
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	margin-bottom: 30px;
	margin-top:100px;
}

.atracoes p{
	color: #4d4e54;
	font-family: 'Asap', sans-serif;
	margin-bottom: 20px;
	font-size: 15px;
	text-align: left;
}

.atracoes span{color: #AB4574; font-weight: 600; font-style: italic;}

.atracoes img{padding: 5px;}

.c10 { background: #C1D962; height: 30px; width: 30px; bottom: -440%; left: 10%;}
.c11 { background: #699D8A; height: 30px; width: 30px; top: 520%; right: 12%;}
.c12 { background: #C1D962; height: 10px; width: 10px; top: 540%; right: 7%;}


/*-------------------------------------
		9. Orcamento
--------------------------------------*/
.orcamento{
	background-color: #AE6084; 	
    padding: 200px 0;
}

.orcamento h2{
	color: #FF8C8F;
	font-size: 35px;
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	margin-bottom: 30px;
	margin-top:100px;
}

.orcamento p{
	color: #fff;
	font-family: 'Asap', sans-serif;
	margin-bottom: 20px;
	font-size: 15px;
	text-align: left;
}

.c13 { background: #C989A6; height: 10px; width: 10px; bottom: -510%; left: 17%;}
.c14 { background: #F8E180; height: 30px; width: 30px; bottom: -490%; left: 12%;}
.c15 { background: #EE7D80; height: 30px; width: 30px; top: 590%; right: 12%;}
.c16 { background: #C1D962; height: 20px; width: 20px; top: 615%; right: 25%;}

/*-------------------------------------
		10.	Contato 
--------------------------------------*/
.contato{
	background-image: linear-gradient(#AA4E78, #AE6084);
    padding: 0px 0px 100px;
}

.contato h2{
	color: #FF8C8F;
	font-size: 35px;
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	margin-bottom: 30px;
	margin-top:100px;
}

.contato p{
	color: #fff;
	font-family: 'Asap', sans-serif;
	font-size: 15px;
	text-align: left;
	font-weight: 400;
}

.negrito{font-weight: 700; margin-bottom: 20px; color: #fff;}

.mapa{ width: 850px;}

.c17 { background: #EAB652; height: 20px; width: 20px; bottom: -550%; left: 4%;}
.c18 { background: #F1D473; height: 10px; width: 10px; bottom: -560%; left: 15%;}


/*-------------------------------------
		17. Rodape
--------------------------------------*/

.rodape{ background-color: #699D8A;}

.rodape p{text-align: center; font-family: 'Asap', sans-serif;}
.rodape a{color:#C1D962; font-weight: 300; font-size:12px; letter-spacing: 0.5px; padding: 5px 0px;}
.rodape a:hover{color:#91B7C8; padding: 5px 0px;transition: .3s;}


/*===============================
    Scroll Top
===============================*/
#scroll-Top  .return-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
    width: 40px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    z-index:15;
    color: #fff;
    background:#7370d8;
	border:1px solid #7370d8;
	border-radius:5px;
	-webkit-transition: .5s; 
	-moz-transition:.5s; 
	-ms-transition:.5s; 
	-o-transition:.5s;
    transition: .5s;
	z-index: 2;
}
#scroll-Top  .return-to-top:hover {
    background:#7370d8;
    color: #fff;
	border:1px solid #7370d8;
	border-radius:50%;
}

img:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.slick-slide, .slick-slide *{ outline: none !important; }


.slick-prev:after,.slick-next:after {
  color: #AB4574;
  font-size: 25px; }

.slick-next:before, .slick-prev:before {
  color: #AB4574;
  font-size: 25px; }