/* - - - - - INDEX - - - - - */

/* - - - - BANNER - - - - */
#banner{
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 0;
	display: block;
}

#banner .owl-dots{display: none;}

#banner ul{
	width: 100%;
	height: 100vh;
	position: relative;
}

#banner li{
	width: 100%;
	height: 100vh;
    display: block;
    overflow: hidden;
    position: relative;
}

#banner li img{
	width: 100%;
	height: 100%;
    position: absolute;
	animation: animacaoAumento 10s linear infinite;
	object-fit: cover;
}


.bread{
	height: 265px;
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	 display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	background-image: url("../../imagens/bread.png");
	z-index: 1;
	margin-top: 100px;
}

.bread .central{z-index: 1;}

.bread h1{
	text-align: center;
	font-size: 35px;
	color: #fff;
	font-weight: 300;
}

.bread .way li a{
	color: #fff;
	font-weight: bold;
}

.bread .way li:after{color: #fff;}

@keyframes animacaoAumento {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}
#gradiente_bread{
	opacity: 0.75;
    position: absolute;
    z-index: -0;
    pointer-events: none;
	width: 100%;
	height: 100%;
	display: none;
}


#banner section{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 435px;
	height: 108px;
	bottom: 0px;
	background: url("../../imagens/arvore.png") no-repeat center center;
	z-index: 1;
	display: block;
}

#banner section p:first-of-type{
	position: absolute;
	color: #fff;
	font-size: 30px;
	letter-spacing: 3px;
	bottom: 10px;
	left: 55px;
}

#banner section p:first-of-type span,#banner section p:last-of-type span{font-size: 18px;}

#banner section p:last-of-type{
	color: #ACCE7F;
	font-size: 30px;
	letter-spacing: 3px;
	position: absolute;
	right: 55px;
	bottom: 10px;
}

/* - - - - BANNER - - - - */

/* - - - - - INDEX - - - - - */
#suites{
	position: relative;
	width: 100%;
	height: 650px;
}

#container{
	display: flex;
	width: 100%;
	height: 650px;
	position: relative;
}

#info_suites{
	width: 45%;
	height: 100%;
	box-sizing: border-box;
	padding-left: 365px;
	position: relative;
	display: block;
}

#suites-carousel{
	width: 100%;
	height: 650px;
	position: relative;
}

#info_suites h1{
	font-size: 45px;
	color:#e4e4e4;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding-top: 105px;
    margin-bottom: 35px;
    padding-left: 40px;
}

#info_suites hr{
	width: 130px;
	height: 1px;
	background-color: #e4e4e4;
	margin-left: 0px;
}

#suites .owl-dots {
	display: flex;
    justify-content: flex-start;
    margin-left: 50px;
	top: 245px;
    left: -395px;
}

#suites .owl-dot {
    width: 55px;
    height: 55px;
    border-radius: 1000px;
    border: 1px solid #848484;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    cursor: pointer;
}

#suites .owl-dots{display: block!important;}

#suites .owl-dot span {
    color: #848484;
    font-size: 14px;
}

#suites .owl-dot.active {
    border: 1px solid #8db260!important;
    background-color: #8db260;
    box-shadow: 0px 9px 30px 0px rgba(141,178,96,1);
}

#suites .owl-dot.active span {
    color: #fff!important;
}

#suite_titulo{
	color: #8db260;
	font-size: 28px;
	position: absolute;
	right: 62px;
	margin-top: 135px;
}

#info_suites a{
	line-height: 40px;
	text-align: center;
	border: 1px solid #8db260;
	display: block;
	position: absolute;
	color:#8db260;
	border-radius: 5px;
	width: 140px;
	font-size: 13px;
	height: 40px;
	right: 63px;
    margin-top: 200px;
	transition: 0.3s;
}

#info_suites a:hover{
	box-shadow: 5px 5px 0px 0px rgba(141, 178, 96,1),
10px 10px 0px 0px rgba(141, 178, 96,0.6),
15px 15px 0px 0px rgba(141, 178, 96,0.4),
20px 20px 0px 0px rgba(141, 178, 96,0.2),
25px 25px 0px 0px rgba(141, 178, 96,0.1);
	background-color: #8db260;
	color: #000;
}

#suites img{
	width: 55%;
	height: 100%;
	object-fit: cover;
}
#suites .owl-dots{display: none;}

#sobre_bg{
	width: 100%;
	height: 700px;
	background: url("../../imagens/bg-sobre-home.png") no-repeat center center fixed;
	margin: auto;
}

#sobre{
	    height: 400px;
    border: 1px solid #8db260;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 146px;
	
}

#sobre h2{
	color: #000;
	background-color: #8db260;
	text-align: center;
	width: 455px;
    height: 50px;
    line-height: 50px;
    margin-top: -29px;
    font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-weight: 400;
	border-radius: 20px;
	box-shadow: 0px 9px 30px 0px rgba(141,178,96,1);
	
}

#sobre p{
	width: 800px;
	color: #8db260;
	margin-top: 95px;
	font-size: 18px;
	line-height: 30px;
	word-spacing: 2px;
	font-weight: 300;
	
}

#sobre a{
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #000;
	background-color: #8db260;
	position: absolute;
	bottom: -19px;
	right: 40px;
	border-right: 10px solid #8db260;
	border-left: 10px solid #8db260;
	border-radius: 10px;
	transition: 0.3s;
}

#sobre a:hover{transform:scale(1.1)}

#sobre img{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
	width: 140px;
	object-fit: contain;
}

.sobre_inside{
	left: auto!important;
	transform: none!important;
	margin: 100px auto;
	position: relative!important;
}


.sobre_inside img{
	position:  relative!important;
	left: auto!important;
	transform: none!important;
	bottom: auto!important;
}

.sobre_inside a{
	border-right: 10px solid #91e144!important;
	border-left: 10px solid #91e144!important;
}

#mapa{
	width: 100%;
	height: 700px;
	position: relative;
	display: block;
}

#mapa section{
	position: absolute;
	width: 100%;
	height: 170px;
background: rgba(141, 178, 96, 0.85);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5.6px);
-webkit-backdrop-filter: blur(5.6px);
	top: 0px;
}

#mapa section div{
	display: flex;
	height: 100%;
	align-items: center;
}

#mapa section div p:first-of-type{
	color: #000;
	font-size: 28px;
}

#mapa section div p img{
	width: 30px;
	height: 30px;
	margin: 5px 10px auto auto;
}

#mapa section div p:last-of-type{
	color: #000;
	text-align: center;
}

#mapa section div p:last-of-type br{display: none;}

#mapa iframe{
	width: 100%;
	height: 100%;
}


/* - - - - - INDEX - - - - - */

/* - - - - - Suite - INside - - - - - */
#suite_inside{
	display: flex;
	width: 100%;
	height: 850px;
	margin: auto;
}

#suite_inside ul ,#suite_inside section{
	width: 50%;
	height: 850px;
}

#suite_inside ul img{
	object-fit: cover;
	height: 850px;
}

#suite_inside .owl-dots{margin-top: -55px;}

#suite_inside .owl-dot{
	width: 10px;
	height: 10px;
	background-color: transparent;
	border: 2px solid #fff
}

#suites_lista ul li{
	width: 100%;
	height: 300px;
	overflow: hidden;
	box-shadow: 0px 9px 30px 0px rgba(141,178,96,1);
	display: flex;
	border-radius: 20px;
	margin: 45px auto;
	cursor: pointer;
}

#suite_inside .owl-dot.active{background-color: #fff;}

#suite_inside section{
	box-sizing: border-box;
	padding: 80px 290px 0px 100px;
}

#suite_inside section h1{
	color: #8db260;
	font-size: 26px;
	margin-bottom: 40px;
	font-weight: 300;
}

#suite_inside section #desc{
	color: #fff;
	line-height: 33px;
}

#suite_inside section ol{
	display: flex;
	margin-top: 50px;
	flex-wrap: wrap;
}

#suite_inside section ol li{
	text-align: center;
	margin-left: 0px;
	width: 30%;
	margin-bottom: 10px;
}

#suite_inside section ol p:first-of-type{
	width: 70px;
	height: 70px;
	background-color: #000;
	position: relative;
	display: flex;
	align-items: center;
	text-align: center;
	border-radius: 1000px
}

#suite_inside section ol p img{
filter: brightness(0) saturate(100%) invert(72%) sepia(35%) saturate(487%) hue-rotate(45deg) brightness(86%) contrast(86%);
	width: 40px;
	height: 40px;
	object-fit: contain;
	
}

#suite_inside section ol p:last-of-type{
	font-size: 14px;
	margin-top: 5px;
	color: #8db260;

}

#sobre ul{
	width: 400px;
    padding-top: 90px;
    display: flex;
    flex-wrap: wrap;
}

#sobre ul li{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    width: 48%;
}

#sobre ul li img{
	width: 15px;
	height: 15px;
	filter: brightness(0) saturate(100%) invert(70%) sepia(67%) saturate(424%) hue-rotate(44deg) brightness(101%) contrast(93%);
}

#sobre ul li p{
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	width: auto;
	line-height: normal;
	margin-top: auto!important;
}

#sobre ul li p b{
	color: #91e144;
	font-weight: bold;
	font-size: 20px;
}

.sobre_inside h2{background-color: #91e144!important;}


#suite_nome{
	font-size: 40px;
	font-weight: bold;
	color: #8db260;
	margin-bottom: 30px;
}

/* - - - - - Suite - INside - - - - - */


/* - - - - - Suite lISTA - - - - - */



#suites_lista ul a li{
	width: 100%;
	height: 300px;
	overflow: hidden;
	box-shadow: 0px 9px 30px 0px rgba(141,178,96,1);
	border-radius: 20px;
	margin: 45px auto;position: relative;
}

#suites_lista ul a li{
		display: flex;
}

#suites_lista ul li img{
	width: 30%;
	height: 100%;
	object-fit: cover;
}


#suites_lista section:first-of-type{
	width: 40%;
	height: 100%;
	box-sizing: border-box;
	padding: 45px 0px 0px 75px;
}

#suites_lista li section:first-of-type p{
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 20px;
    background-color: #8db260;
    padding: 10px;
    color: #000;
    margin-left: -95px;
    width: 235px;
    text-align: center;
    box-shadow: 0px 9px 30px 0px rgba(141, 178, 96, 1);
    border-radius: 20px;
}

#suites_lista section:last-of-type{
	width: 30%;
	height: 100%;
}

#suites_lista section ol{
	display: flex;
	flex-wrap: wrap;
}

#suites_lista li section ol li{
	width: 48%;
	height: auto;
	display: block;
	box-shadow: none;
	border-radius: 0px;
	color: #fff;
	font-size: 17px;
	margin: 10px auto 20px;
}

#suites_lista li section ol li::before{
	content: '';
	background: url("../../imagens/icones/right.png") no-repeat center center;
	width: 20px;
	height: 20px;
	position: absolute;
	background-size: contain;
	margin-left: -25px;
    margin-top: 2px;
}

#suites_lista li section:last-of-type{
	text-align: center;
	box-sizing: border-box;
	padding: 20px;
}

#suites_lista li section:last-of-type p{
	color: #fff;
	font-size: 27px;
	margin-top: 40px;
}

#suites_lista li section:last-of-type p span{
	color: #8db260;
	font-size:65px;
	font-weight: bold;
}

#suites_lista li section:last-of-type p span sup, #suites_lista li section:last-of-type p span sub{font-size: 18px; vertical-align: 10%;}

#suites_lista li section:last-of-type::before{

    content: '';
    width: 1px;
    height: 155px;
    background-color: #848484;
    position: absolute;
    margin-left: -180px;
    margin-top: 55px;

}


#suites_lista li section #botao{
	width: 140px;
	height: 30px;
	border: 1px solid #8db260;
	color: #8db260;
	text-align: center;
	line-height: 30px;
	display: block;
	border-radius: 20px;
	font-weight: bold;
	margin-top: 30px;
	transition: 0.3s;
}

#suites_lista li section #botao:hover{
	background-color: #8db260;
	color: #fff;
}
/* - - - - - Suite lISTA - - - - - */

/* - - - - - Sobre - - - - - */
#sobre_pagina{
	display: flex;
	position: relative;
	margin:auto;
	width: 100%;
	height: 750px;
	background: url("../../imagens/bg-sobre.png") no-repeat center center;
}

#sobre_pagina img{
	width: 400px;
	height: auto;
	object-fit: cover;
	margin-left: 0px;
}

#sobre_pagina section{
	width: 610px;
	position: absolute;
	height: auto;
    left: 50%;
    top: 95px;
    margin-left: 25px;
}

#sobre_pagina ul{
	display: flex;
	margin: 60px auto;
}

#sobre_pagina ul p{
	display: inline-flex;
	align-items: center;
	border: 1px solid #8db260;
	border-radius: 30px;
	color: #8db260;
	font-weight: bold;
	padding: 5px;
	font-size: 13px;
}

#sobre_pagina ul p img{
	width: 30px;
	height: 30px;
	margin-right: 10px;
	filter: brightness(0) saturate(100%) invert(37%) sepia(55%) saturate(292%) hue-rotate(44deg) brightness(93%) contrast(89%);
	margin-top: -2px;
}

#sobre_pagina .texto{
	color: #fff;
	line-height: 30px;
	font-weight: 300;
	text-align: justify;
}

#sobre_pagina .texto span{
	  font-family: "Dancing Script", cursive;
	font-size: 34px;
}


#sobre_pagina ul li{
	display: flex; 
	flex-direction:column;
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	text-align: center;
	width: 48%;
}

#sobre_pagina ul li i{
	margin-bottom: 10px;
	font-size: 45px;
}

#depoimentos{
	border-radius: 100px 100px 100px 100px;
	background-color: #586b3f;
	height: 300px;
	text-align: center;
	margin-top: 225px;
}

#depoimentos .title{
	font-size: 35px;
	font-weight: bold;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	margin-top: 40px;
}

#depoimentos img{
	position: absolute;
	width: 160px;
	object-fit: contain;
	top: -140px;
	left: 50%;
	transform: translateX(-50%);
}

#depoimentos ul{
	width: 90%;
	padding-top: 135px;
}

#depoimentos ul li p:first-of-type{
	color: #fff;
	font-size: 16px;
}

#depoimentos ul li p:last-of-type{
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
	
}

#depoimentos .owl-dots{
	display: block!important;
	margin-top: 20px;
}

#depoimentos .owl-dot{
	width: 10px;
	background-color: transparent;
	border: 2px solid #fff;
	height: 10px;
}

#depoimentos .owl-dot.active{background-color: #fff;}


#galeria{
	margin-bottom: 150px;
	margin-top: 85px;
}

#galeria .owl-dots{
	display: block;
	margin-top: 45px;
}

#galeria .owl-dot{
	width: 10px;
	background-color: transparent;
	border: 2px solid #8db260;
	height: 10px;
}

#galeria .owl-dot.active{background-color: #8db260;}

#galeria h2{
	text-align: center;
	font-size: 35px;
	color: #8db260;
	margin-bottom: 85px;
	z-index: 0;
	letter-spacing: 4px;
	text-transform: uppercase;
}

#galeria ul li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#galeria ul li{
	margin-right: 15px;
	height: auto;
	border-radius: 5px;
	overflow: hidden;
	aspect-ratio:1/1;
}

#cortesias{margin-top: 80px;}

#cortesias section{
	width: 100%;
	display: flex;
}

#cortesias section p:first-of-type{
	color: #8db260;
	font-size: 65px;
	font-weight: 500;
	line-height: 60px;
}



#cortesias section p:first-of-type span{
	font-size: 40px;
	color: #fff;
	font-weight: 300;
}

#cortesias section p:last-of-type{color: #fff;}

#cortesias section p:last-of-type b{
	color: #fff;
	font-size: 20px;
}

#cortesias ul{
	width: 100%;
	display: flex;
	margin-top: 100px;
	flex-wrap: wrap;
}

#cortesias ul li{
	text-align: center;
	width: 30%;
	position: relative;
	margin-bottom: 50px;
}

#big_image_cortesia{
	width: 100%;
	height: 240px;
	object-fit: cover;
}

#cortesias ul li div p:first-of-type{
	font-size: 25px;
	color: #8db260;
	margin-bottom: 20px;
	text-align: left;
}

#cortesias ul li div p:first-of-type span{
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	color: #fff;
}

#cortesias ul li div p:last-of-type{
	font-weight: 300;
	color: #fff;
	font-size: 14px;
	text-align: left;
	margin-left: 0px;
}

#image_cortesias{
	width: 70px;
	height: 70px;
	border-radius: 100px;
	background-color:#a0e95a;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-top: -35px;
}

#image_cortesias img{
	width: 40px;
	height: 40px;
	object-fit: contain;
}

/* - - - - - Sobre - - - - - */

/* - - - - - Fale Conosco - - - - - */
#fale_conosco{
	display: flex;
	margin: 90px auto;
}

#fale_conosco section{
	width: 40%;
	margin-left: 0px;
}

#fale_conosco section p{
	color: #fff;
	line-height: 24px;
	width: 85%;
	text-align: left;
	margin-left: 0px;
}

#fale_conosco section ul{margin: 40px auto;}

#fale_conosco section ul li{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

#fale_conosco section ul li img{
	width: 40px;
	height: 40px;
	filter: brightness(0) saturate(100%) invert(41%) sepia(19%) saturate(768%) hue-rotate(44deg) brightness(93%) contrast(92%);
}

#fale_conosco section ul li p{
	color: #8db260;
	font-size: 17px;
}

#fale_conosco section ul li p span{
	color: #fff;
	font-size: 14px;
}

#fale_conosco ul li p span i{
	font-size: 13px;
	font-style: normal;
}

#fale_conosco form{
	width: 55%;
	margin-right: 0px;
}

#fale_conosco form input{
	height: 45px;
	border: 1px solid #848484;
	color: #848484;
	border-radius: 5px;
	width: 100%;
	margin-bottom: 15px;
}

#fale_conosco form input:nth-of-type(1),#fale_conosco form input:nth-of-type(2){width: 48.5%;}

#fale_conosco form input:nth-of-type(2){margin-right: 0px;}

#fale_conosco form textarea{
	width: 100%;
	height: 120px;
		border: 1px solid #848484;
	color: #848484;
	border-radius: 5px;
}

#fale_conosco form button{
	width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    background-image: linear-gradient(to right, #8db260, #506339, #475931, #3d4e29, #8db260);
    display: block;
    position: absolute;
    border-radius: 20px;
	border: none;
	right: 0px;
	margin-top: 15px;
}

#contato_iframe{
	width: 100%;
	margin: 50px auto;
	height: 450px;
}
/* - - - - - Fale Conosco - - - - - */

/* - - - - - Cortesia - - - - - */
#cards_cortesia{
	margin-top: -50px;
	z-index: 2;
	margin-bottom: 150px;
}

#cards_cortesia ul{display: flex;}

#cards_cortesia #card{
	width: 32%;
	height: auto;
	min-height: 1100px;
	max-height: 1200px;
	border-radius: 15px;
	box-sizing: border-box;
	position: relative;
	transition: 0.3s;
}

#cards_cortesia #card::before{
	content: '';
	width: 130px;
	height: 4px;
	background-color:#8db260;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-top: -35px;
}

#card img{
	width: 100%;
	height: 275px;
	border-radius: 20px;
	object-fit: cover;
	position: relative;
}

#card section{
	width: 95%;
	margin: auto;
	margin-top: -50px;
	border: 1px solid #8db260;
	border-radius: 20px;
	position: relative;
	z-index: 1;
	background-color: #fff;
	transition: 0.3s;
}

#card:hover >*{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}

#card:hover section{background-color: #8db260;}

#card:hover section ol li{color:#fff;}

#card section div{
	background-color: #8db260;
	height: 130px;
	text-align: center;
	border-radius: 20px 20px 0px 0px;
}


#card section div p{
	width: 70%;
	font-size: 15px;
	color:#000;
	z-index: 1;
}

#card div{z-index: 1;position: relative;}

#card a{
	width: 140px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 20px;
	border: 2px solid #000;
	color: #fff;
	text-transform: uppercase;
	display: block;
	margin-top: -25px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: #000;
	transition: 0.3s;
}

#card a:hover{
	width: 150px;
	height: 45px;
	line-height: 45px;
	border-radius: 10000px;
	margin-top: -30px;
}

#card h2{
	color: #000;
	font-size: 27px;
	margin-bottom: 15px;
	z-index: 1;
	padding-top: 10px;
}


#card ol{
	margin: 45px auto;
	height: 380px;
	z-index: 1;
	position: relative;
	padding: 0px 35px;
}

#card ol li {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
	padding-left: 50px;
	letter-spacing: 1px;
}

#card ol li::before{
	content: '';
	width: 24px;
	height: 24px;
	position: absolute;
	background: url("../../imagens/icones/check.png") no-repeat center center;
	margin-left: -50px;
}

#card ul{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	align-items: center;
	background-color: #8db260;
	border-radius: 20px;
	box-sizing: border-box;
	padding: 65px 25px 25px;
	margin-top: -25px;
	z-index: 0;
	position: relative;
}

#card ul p{
	color: #000;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 30px;
	width: 100%;
}

#card ul li{
	color: #000;
	font-size: 14px;
	margin-bottom: 15px;
	width: 240px;
	height:  35px;
	border-radius: 16px;
	background-color: #fff;
	font-weight: bold;
	line-height: 35px;
	box-sizing: border-box;
	padding-left: 10px;
	position: relative;
	transition: 0.3s;
	margin-right: auto;
}


#card ul li:hover{transform: translateX(15px);}


#card ul li span {
	width: 100px;
	height: 35px;
	border-radius: 20px;
	background-color: #000;
	text-align: center;
	line-height: 35px;
	right: -3px;
	color: #fff;
	position: absolute;
}

#card ul li:last-of-type{margin-bottom: auto;}

/* - - - - - Cortesia - - - - - */

#suite_recomendacao{margin: 20px auto 60px auto;}

#suite_recomendacao ul{display: flex;}

#suite_recomendacao ul li{
	width: 19%;
	text-align: center;
}

#suite_recomendacao ul li a{
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
}

#suite_recomendacao ul li img{
	width: 100%;
	height: auto;
	border-radius: 20px;
	aspect-ratio:1/1;
}

#suite_recomendacao ul li p{
	color: #91e144;
	font-size: 18px;
	margin-top: 20px;
}