.itens_mobile{display: none !important;}
.itens_main{display: block !important;}
#reservas{display: none;}
/* - - - - - HEADER - - - - - */
header{
	width: 100%;
	height: 130px;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	display: block;
	z-index: 10;
}
header .central{height: 130px;}

/* - - - - LOGO - - - - */
header .logo{width: 155px; height: auto; position: absolute; bottom: 0; left: 50%; margin-left: -77.5px;}
header .logo img{width: 100%; height: auto; position: relative; box-sizing: border-box; display: block; object-fit: cover;}
/* - - - - LOGO - - - - */

/* - - - - NAV - - - - */
header .nav{
	width: 830px;
	height: auto;
	position: absolute;
	left: 50%; 
	bottom: 50%; 
	margin: 0 0 -22.5px -415px; 
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-between;
	align-items: center;
	transition: 0.3s;
}
header .nav:before,header .nav:after{content: ""; display: block; position: absolute; bottom: -20px; width: 395px; height: 1px; background-color: rgba(255,255,255,0.3);}
header .nav:before{left: -80px;}
header .nav:after{right: -80px;}

header .nav > *{color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 500; cursor: pointer; margin: 0 0 0 0; position: relative; transition: 0.3s;}
header .nav > *:last-child{margin: 0 0 0 0;}

header .nav .space{width: 250px;}

header .nav > *:hover{color: #40F5FF;}
/* - - - - NAV - - - - */

/* - - - - BLOCK - - - - */
header .block{width: auto; position: absolute; right: 0; bottom: 50%; margin: 0 0 -22px 0;}
header .block .link{height: 18px; margin-right: 7.5px;}
header .block .link:last-child{height: 18px; margin-right: 7.5px;}
/* - - - - BLOCK - - - - */

/* - - - - ALT - - - - */
header.alt{height: 100px; background-color: #003A43; position: fixed;}
header.alt .central{height: 100px;}

header.alt .logo{width: 120px; margin-left: -60px; bottom: 50%; margin-bottom: -36px;}

header.alt .nav{width: 750px; margin: 0 0 -16px -375px;}
header.alt .nav:before,header.alt .nav:after{bottom: -15px; width: 300px;}
header.alt .nav:before{left: -20px;}
header.alt .nav:after{right: -20px;}

header.alt > *{font-size: 14px;}
header.alt .nav .space{width: 180px;}

header.alt .block{right: 40px; margin: 0 0 -15px 0;}
header.alt .block .link{height: 16px;}

/* - - - - ALT - - - - */

/* - - - - - HEADER - - - - - */


/* - - - - - BANNER - - - - - */
#banner{width: 100%; height: 900px; position: relative;}

/* - - - - bloco - - - - */
#banner .bloco{width: 100%; height: 100%; align-items: center; z-index: 2; position: absolute; top: 0; left: 0; pointer-events: none;}
#banner .bloco .title{}
#banner .bloco .description{width: 720px;}
/* - - - - bloco - - - - */

/* - - - - owl-carousel - - - - */
#banner .owl-carousel{width: 100%; height: 900px; position: relative; display: block; box-sizing: border-box;}
#banner .owl-carousel .item{width: 100%; height: 900px; position: relative; display: block; overflow: hidden;}
#banner .owl-carousel .item img{width: 1920px; height: 900px; position: relative; left: 50%; margin-left: -960px; z-index: 1;}
/* - - - - owl-carousel - - - - */

/* - - - - owl-dots - - - - */
#banner .owl-dots{display: block; height: 20px; bottom: 50%; margin-bottom: -125px; z-index: 3;} 
#banner .owl-dots:before,#banner .owl-dots:after{content: ""; width: 160px; height: 2px; position: relative; background-color: #FFF; bottom: 50%; margin: 0 0 -1px 0; display: inline-block;} 
/* - - - - owl-dots - - - - */

/* banner - owl-nav */
#banner .owl-nav{display: none !important;}
/* banner - owl-nav */

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


/* - - - - - RESERVAS - - - - - */
.reservas{height: 210px; background: url("../../imagens/bg-reserva.png") center center no-repeat; margin: -60px 0 60px !important; z-index: 2;}
.reservas .central{height: 210px;}

/* - - - - FORM - - - - */
.reservas .form_reserva{width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center;}
.reservas .form_reserva > *{margin: 0; position: relative; box-sizing: border-box; transition: 0.3s;}

/* - - - ITEM - - - */
.reservas .form_reserva .item{width: auto; height: auto;}
.reservas .form_reserva .item > *{display: block; font-size: 16px;}
.reservas .form_reserva .item p{color: #918867;}
.reservas .form_reserva .item input{
	width: 225px; 
	height: 55px;
	line-height: 55px;
	background: none; 
	border: none; 
	border-bottom: 1px #918867 solid; 
	display: inline-block;
	vertical-align: middle;
	color: #004D5A; 
	font-weight: bold;
}
.reservas .form_reserva .item .half{width: 100px;}
.reservas .form_reserva .item img{
	width: auto;
	height: 30px;
	margin-left: 7.5px;
	display: inline-block; 
	vertical-align: middle; 
	filter: invert(51%) sepia(18%) saturate(510%) hue-rotate(10deg) brightness(101%) contrast(90%);
}
/* - - - ITEM - - - */

/* - - - BUTTON - - - */
.reservas .form_reserva button{
	width: 185px;
	height: 50px; 
	line-height: 50px; 
	text-align: center; 
	font-size: 16px;
	color: #E2DBC4;
	font-weight: bold;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: -1.5px;
	background-color: #004E5A;
	border-radius: 5px;
}
.reservas .form_reserva button:hover{background-color: #40F5FF; color: #004E5A;}
/* - - - BUTTON - - - */

/* - - - - FORM - - - - */

/* - - - - - RESERVAS - - - - - */


/* - - - - - SOBRE - - - - - */
.sobre{}

/* - - - - BLOCO - - - - */
.sobre .bloco{width: 590px;}
.sobre .bloco > *{margin: 0 0 40px;}
.sobre .bloco > *:last-child{margin: 0 0 0;}

.sobre .bloco .description{width: 540px; line-height: 30px;}
/* - - - - BLOCO - - - - */

/* - - - - IMAGEM - - - - */
.sobre .imagem{width: 48%; height: 100%; position: absolute; box-sizing: border-box; right: 0; top: 0;}
.sobre .imagem img{width: 100%; height: 100%; position: relative; box-sizing: border-box; object-fit: cover;}
/* - - - - IMAGEM - - - - */

/* - - - - IMAGENS - - - - */
.sobre .imagens{width: 525px; padding-top: 75px;}
.sobre .imagens .img{position: relative; box-sizing: border-box; display: block; overflow: hidden;}
.sobre .imagens .img img{width: 100%; height: 100%; position: relative; box-sizing: border-box; object-fit: cover;}

.sobre .imagens .img:first-child{width: 100%; height: 550px;}
.sobre .imagens .img:last-child{width: 610px; height: 405px; z-index: 2; right: 50%; margin: -185px -150px 0 0;}
/* - - - - IMAGENS - - - - */

/* - - - - - SOBRE - - - - - */


/* - - - - - ESTRUTURA - - - - - */
.estrutura{}

/* - - - - BLOCO - - - - */
.estrutura .bloco{}
/* - - - - BLOCO - - - - */

/* - - - - ITEM - - - - */
.estrutura .item{width: 365px; height: auto; margin: 0 15px 75px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.estrutura .item > *{position: relative; box-sizing: border-box; margin: 0;}
.estrutura .item img{width: 64px; height: auto; filter: invert(45%) sepia(14%) saturate(0%) hue-rotate(187deg) brightness(93%) contrast(96%);}
.estrutura .item p{color: #707070; font-size: 18px; text-align: left; width: 285px;}
/* - - - - ITEM - - - - */

/* - - - - BLOCO - - - - */

/* - - - - - ESTRUTURA - - - - - */


/* - - - - - DEPOIMENTOS - - - - - */
.depoimentos{width: 100%; height: 675px; background: url("../../imagens/bg-depoimentos.png") center center no-repeat; z-index: 1;}
.depoimentos .central{height: 100%; align-content: flex-start;}

/* - - - - BLOCO - - - - */
.depoimentos .bloco{}
/* - - - - BLOCO - - - - */

/* - - - - owl-carousel - - - - */
.depoimentos .owl-carousel{}

/* - - li  - - */
.depoimentos .owl-carousel li{width: 500px; height: 225px; display: block; position: relative; box-sizing: border-box; border-radius: 5px; padding: 25px; background-color: #EFEFEF;}
.depoimentos .owl-carousel li > *{display: block; box-sizing: border-box; font-size: 18px;}

.depoimentos .owl-carousel li .img{
	width: 95px;
	height: 95px;
	position: absolute;
	top: 50%;
	margin-top: -47.5px;
	left: -47.5px;
	border-radius: 95px;
	border: 3px #FFF solid;
	background-color: #ABABAB;
}
.depoimentos .owl-carousel li .img img{
	position: absolute; 
    left: 50%; 
    top: 50%; 
    height: auto; 
    width: auto;
	max-width: 100%;
	object-fit: cover;
    transition: 0.3s; 
    -webkit-transform: translate(-50%,-50%); 
    -ms-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%);
}

.depoimentos .owl-carousel li .texto{color: #707070; margin-bottom: 20px;}
.depoimentos .owl-carousel li .nome{color: #004E5A; text-transform: uppercase; font-weight: 700; letter-spacing: 1px;}
/* - - li  - - */

/*depoimentos - owl-dots*/
.depoimentos .owl-carousel .owl-dots{display: none !important;} 
/*depoimentos - owl-dots*/

/*depoimentos - owl-nav*/
.depoimentos .owl-carousel .owl-nav{display: block; top: 50%; margin-top: -17.5px;}
.depoimentos .owl-carousel .owl-nav .owl-next,.depoimentos .owl-carousel .owl-nav .owl-prev{
	width: 35px;
	height: 35px;
	filter: invert(65%) sepia(42%) saturate(814%) hue-rotate(134deg) brightness(92%) contrast(87%);
}
.depoimentos .owl-carousel .owl-nav .owl-prev{left: -15px; background-image: url("../../imagens/icones/icon-left.png");}
.depoimentos .owl-carousel .owl-nav .owl-next{right: -15px; background-image: url("../../imagens/icones/icon-right.png");}
/*depoimentos - owl-nav*/

/* - - - - owl-carousel - - - - */

/* - - - - - DEPOIMENTOS - - - - - */


/* - - - - - PET - - - - - */
.pet{height: 300px; background: url("../../imagens/bg-pet.png") center center no-repeat; margin-top: -75px; z-index: 2;}
.pet .central{height: 300px;}

/* - - - - BLOCO - - - - */
.pet .bloco{width: 100%; height: 100%; align-items: center;}

.pet .bloco img{width: 110px; height: auto; filter: invert(71%) sepia(61%) saturate(626%) hue-rotate(129deg) brightness(86%) contrast(87%); margin-right: 20px;}

.pet .bloco .title{width: 330px; margin-right: 55px;}
.pet .bloco .title span{font-weight: 400;}
.pet .bloco .title:after{content: ""; width: 1px; height: 115px; background-color: #1DC5CE; position: absolute; right: 0; top: 0; transform: rotate(17deg);}

.pet .bloco .description{width: 580px;}
/* - - - - BLOCO - - - - */

/* - - - - - PET - - - - - */


/* - - - - - GALERIA - - - - - */
.galeria{}

/* - - - - BLOCO - - - - */
.galeria .bloco{}
/* - - - - BLOCO - - - - */

/* - - - - GRID - - - - */
.galeria .grid{display: grid; grid-template-rows: 300px; grid-template-columns: 300px; gap: 10px; height: 100%;}
.galeria .grid > *{width: 300px; height: 300px; position: relative; box-sizing: border-box; overflow: hidden;}
.galeria .grid > * img{width: 100%; height: 100%; position: relative; box-sizing: border-box; object-fit: cover; display: block;}

.galeria .grid > *.horizontal{width: 610px;}
.galeria .grid > *.vertical{height: 610px;}

.galeria .grid .item_0{grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 3;}
.galeria .grid .item_1{grid-row-start: 1; grid-column-start: 3; grid-row-end: 2; grid-column-end: 4;}
.galeria .grid .item_2{grid-row-start: 1; grid-column-start: 4; grid-row-end: 3; grid-column-end: 5;}
.galeria .grid .item_3{grid-row-start: 2; grid-column-start: 1; grid-row-end: 4; grid-column-end: 2;}
.galeria .grid .item_4{grid-row-start: 2; grid-column-start: 2; grid-row-end: 3; grid-column-end: 4;}
.galeria .grid .item_5{grid-row-start: 3; grid-column-start: 2; grid-row-end: 4; grid-column-end: 3;}
.galeria .grid .item_6{grid-row-start: 3; grid-column-start: 3; grid-row-end: 4; grid-column-end: 5;}
.galeria .grid .item_7{grid-row-start: 4; grid-column-start: 1; grid-row-end: 5; grid-column-end: 3;}
.galeria .grid .item_8{grid-row-start: 4; grid-column-start: 3; grid-row-end: 5; grid-column-end: 4;}
.galeria .grid .item_9{grid-row-start: 4; grid-column-start: 4; grid-row-end: 6; grid-column-end: 5;}
.galeria .grid .item_10{grid-row-start: 5; grid-column-start: 1; grid-row-end: 6; grid-column-end: 2;}
.galeria .grid .item_11{grid-row-start: 5; grid-column-start: 2; grid-row-end: 6; grid-column-end: 4;}
/* - - - - GRID - - - - */

/* - - - - PADRAO - - - - */
.galeria .padrao{display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%;}
.galeria .padrao > *{width: 32.5%; height: auto; padding-bottom: 28%; margin: 0 0 10px; position: relative; box-sizing: border-box; overflow: hidden;}
.galeria .padrao > * img{width: 100%; height: 100%; top: 0; left: 0; position: absolute; box-sizing: border-box; object-fit: cover; display: block;}
/* - - - - PADRAO - - - - */

/* - - - - OWL CAROUSEL - - - - */
.galeria .owl-carousel{width: 100%; height: auto; position: relative;}

/* - - - LI - - - */
.galeria .owl-carousel li{width: 550px; height: auto; position: relative;}

/* - - IMAGEM - - */
.galeria .owl-carousel li .imagem{width: 100%; height: 400px; position: relative; box-sizing: border-box; display: block; margin-bottom: 20px;}
.galeria .owl-carousel li .imagem img{width: 100%; height: 100%; position: relative; box-sizing: border-box; object-fit: cover;}
/* - - IMAGEM - - */

/* - - BLOCO - - */
.galeria .owl-carousel li .bloco{width: 100%; height: auto; position: relative; box-sizing: border-box;}
.galeria .owl-carousel li .bloco > *{text-align: center;}
.galeria .owl-carousel li .bloco .title{font-size: 30px;}
.galeria .owl-carousel li .bloco .description{}
/* - - BLOCO - - */

/* - - owl-dots - - */
.galeria .owl-carousel .owl-dots{display: block !important; bottom: -60px;}
.galeria .owl-carousel .owl-dots .owl-dot{border-color: #1DC5CE; background-color: #1DC5CE;}
.galeria .owl-carousel .owl-dots .owl-dot.active{border-color: #004E5A; background-color: #004E5A;}
/* - - owl-dots - - */

/* - - - LI - - - */

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

/* - - - - - GALERIA - - - - - */


/* - - - - - TARIFA - - - - - */
.tarifa{height: 280px; background-color: #F1F1F1; margin: 120px auto 70px !important;}
.tarifa .central{height: 280px;}

/* - - - - BLOCO - - - - */
.tarifa .bloco{width: 100%; height: 100%; align-items: center; justify-content: center;}

.tarifa .bloco img{width: 110px; height: auto; filter: invert(71%) sepia(61%) saturate(626%) hue-rotate(129deg) brightness(86%) contrast(87%); margin-right: 20px;}

.tarifa .bloco .title{width: 250px; margin-right: 50px;}
.tarifa .bloco .title span{font-weight: 400;}
.tarifa .bloco .title:after{content: ""; width: 1px; height: 115px; background-color: #1DC5CE; position: absolute; right: 0; top: -10px; transform: rotate(17deg);}

.tarifa .bloco .description{width: 640px; padding-top: 0; line-height: 25px;}
/* - - - - BLOCO - - - - */

/* - - - - - TARIFA - - - - - */


/* - - - - - CONTATO - - - - - */
.contato{}

/* - - - - BLOCO - - - - */
.contato .bloco{}
/* - - - - BLOCO - - - - */

/* - - - - INFO - - - - */
.contato .info{width: 500px;}
.contato .info .block{margin-bottom: 25px;}
.contato .info .block .link{margin-bottom: 15px;}
.contato .info .block .link.auto{width: 100%;}
.contato .info .block .link:not(.auto){height: 35px;}

.contato .info .block:nth-child(3) .link{margin-bottom: 0;}
/* - - - - INFO - - - - */

/* - - - - FORM - - - - */
.contato .form{width: 630px;}
/* - - - - FORM - - - - */

/* - - - - - CONTATO - - - - - */


/* - - - - - MAPA - - - - - */
.mapa{width: 100%; height: 505px; position: relative; box-sizing: border-box; display: block;}
/* - - - - - MAPA - - - - - */


/* - - - - - FOOTER - - - - - */
footer{width: 100%; height: 50px; position: relative; background-color: #004D5A; z-index: 2;}
footer .central{height: 50px;}

footer .central > *{position: absolute; height: 50px; line-height: 50px;}
footer .central .logo_class{background: url(../../imagens/class-logo.png) center center no-repeat; text-indent: -999999px; overflow: hidden; width: 80px; left: 0;}
footer .central .direitos{right: 0; width: auto; font-size: 14px; color: #fff; font-weight: 500; letter-spacing: 0.5px;}
/* - - - - - FOOTER - - - - - */


/* - - - - - INSTITUCIONAL - - - - - */

/* - - - - BLOCO - - - - */
.institucional .bloco .description > *:not(a):not(strong){display: block; position: relative; box-sizing: border-box;}
.institucional .bloco .description h2{color: #004E5A; font-size: 23px; margin: 20px 0 10px;}
.institucional .bloco .description h2:first-of-type{margin: 20px 0 25px;}
.institucional .bloco .description h3{color: #004E5A; font-size: 20px; margin: 15px 0 7.5px;}
.institucional .bloco .description img{width: auto; max-width: 100%; margin: 0 30px 20px 0; height: auto; float: left;}
.institucional .bloco .description a:not(.a_way){transition: 0.3s; text-decoration: underline; color: #707070;}
.institucional .bloco .description a:not(.a_way):visited{color: #004E5A;}
.institucional .bloco .description a:not(.a_way):hover,.institucional .bloco .description a:not(.a_way):visited:hover{color: #1DC5CE;}
/* - - - - BLOCO - - - - */

/* - - - - - INSTITUCIONAL - - - - - */