@font-face {font-family: 'ManropeMedium'; src: url('../fonts/Manrope-Medium.ttf') format('truetype'); font-style: normal;}
@font-face {font-family: 'ManropeSemiBold'; src: url('../fonts/Manrope-SemiBold.ttf') format('truetype'); font-style: normal;}
@font-face {font-family: 'ManropeExtraBold'; src: url('../fonts/Manrope-ExtraBold.ttf') format('truetype'); font-style: normal;}
@font-face {font-family: 'ManropeBold'; src: url('../fonts/Manrope-Bold.ttf') format('truetype'); font-style: normal;}
@font-face {font-family: 'ManropeRegular'; src: url('../fonts/Manrope-Regular.ttf') format('truetype'); font-style: normal;}
@font-face {font-family: 'ManropeLight'; src: url('../fonts/Manrope-Light.ttf') format('truetype'); font-style: normal;}
@font-face {font-family: 'ManropeExtraLight'; src: url('../fonts/Manrope-ExtraLight.ttf') format('truetype'); font-style: normal;}

*{padding: 0px; margin: 0px; list-style: none; border: 0px; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-modify: read-only; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}

/* geral */
img{border: none;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
.corte{clear: both;}
.limite{width: 1200px; margin: auto;}

html{height: 100%;}
body{height: 100%;}

.mobile{display: none;}
.desktop{display: block;}
.menu-open{display: none;}

/* ===================================== */

#header{width: 100%; background: url('../images/header_home.jpg') no-repeat center top; height: 568px}
	#header h1{float: left; margin: 20px 0 0 5px;}
	#header #menu{float: right; margin-top: 62px;}
	#header #menu ul li{float: left; font-family: 'ManropeMedium'; font-size: 15px; margin: 0 4px 0 10px; letter-spacing: 0px}
	#header #menu ul li a{color: #e2e2e2; text-decoration: none;}
	#header #menu ul li a:hover{color: #ffffff;}
	#header #menu ul .whatsapp{margin: 0 0 0 20px;}
	#header #menu ul .whatsapp a{font-size: 15px; color: #ffd865;}
	#header #menu ul .whatsapp a:hover{color: #ffbe00;}
	#header #menu ul .whatsapp i{font-size: 20px; vertical-align: middle;}
	#header .slogan{color: #f8f8f8; text-align: center; width: 485px; margin: 75px auto auto; text-align: left;}
	#header .slogan span:nth-child(1){font-family: 'ManropeLight'; font-size: 31px; letter-spacing: 0.5px;}
	#header .slogan span:nth-child(3){font-family: 'ManropeMedium'; font-size: 40px; color: #ffd865; letter-spacing: 0.5px; line-height: 32px;}
	#header .slogan span:nth-child(5){font-family: 'ManropeLight'; font-size: 19px; letter-spacing: 0.5px;}
	
	#header .reserva{position: relative; width: 880px; margin: 35px auto auto; padding: 0 28px; border-radius: 6px; background: #fff; -webkit-box-shadow: -4px 0px 15px rgba(2, 40, 85, 0.4); -moz-box-shadow: -4px 0px 15px rgba(2, 40, 85, 0.4);	box-shadow: -4px 0px 15px rgba(2, 40, 85, 0.4);
	}
	#header .reserva ul li{float: left; width: 150px; font-size: 15px; color: #999999; font-family: 'ManropeLight';}
	#header .reserva ul li i{font-size: 14px; color: #328af1;}
	#header .reserva ul li .campo{margin-top: 4px; font-size: 22px; width: 100px; padding-left: 2px; color: #0c4181; font-family: 'ManropeRegular';}
	
	#header .reserva ul li .campo:-moz-placeholder {/* FF 4-18 */ color: #c5daef;}
	#header .reserva ul li .campo::-moz-placeholder {/* FF 19+ */ color: #c5daef;}
	#header .reserva ul li .campo:-ms-input-placeholder {/* IE 10+ */ color: #c5daef;}
	#header .reserva ul li .campo::-ms-input-placeholder {/* Microsoft Edge */ color: #c5daef;}
	#header .reserva ul li .campo::placeholder {/* modern browser */ color: #c5daef;}

	#header .reserva .btPequisa{position: absolute; float: right; background: #022855; font-family: 'ManropeMedium'; font-size: 18px; letter-spacing: 1px; color: #2b78d5; border-radius: 5px; right: 0; top: 0; width: 130px; height: 85px; cursor: pointer; z-index: 99999999;}
	#header .reserva .btPequisa:hover{color: #fff;}

/* topo das paginas internas */

#header_int{width: 100%; background: url('../images/bgInternas.jpg') no-repeat center top;}
	#header_int h1{float: left; margin: 20px 0 0 5px;}
	#header_int #menu{float: right; margin-top: 62px;}
	#header_int #menu ul li{float: left; font-family: 'ManropeMedium'; font-size: 15px; margin: 0 5px 0 15px; letter-spacing: 0.4px}
	#header_int #menu ul li a{color: #888888; text-decoration: none;}
	#header_int #menu ul li a:hover{color: #222222;}
	#header_int #menu ul li .whatsapp{margin: 0 0 0 20px;}
	#header_int #menu ul .whatsapp a{font-size: 15px; color: #d9b341;}
	#header_int #menu ul .whatsapp a:hover{color: #ffbe00;}
	#header_int #menu ul .whatsapp i{font-size: 20px; vertical-align: middle;}

#banner-int{border-top: 1px solid #cccccc; margin-top: 12px; padding-top: 20px}
#banner-int-apto{border-top: 1px solid #cccccc; margin-top: 12px; padding-top: 20px}
#banner-single{border-top: 1px solid #cccccc; margin-top: 12px; padding-top: 20px;}
#banner-single img{border-radius: 30px;}
	
/* fim do topo das paginas internas */
	
#home{padding: 100px 0 20px;}
	#home .quarto{}
	#home .quarto .capa{float: left; width: 567px; height: 333px; position: relative;}
	#home .quarto .capa img{border-radius: 5px;}
	#home .quarto .capa .desconto{font-family: 'ManropeExtraBold'; font-size: 40px; color: #002554; position: absolute; top: 15px; right: 20px;}
	#home .quarto .capa .mais{font-family: 'ManropeMedium'; font-size: 36px; background: #002554; color: #fff; position: absolute; bottom: 25px; right: 27px; padding: 14px; border-radius: 100px; line-height:20px; text-decoration: none;}

	#home .quarto .detalhes{float: right; width: 590px; margin-top: 30px;}
	#home .quarto .detalhes .titulo{width: 590px; font-family: 'ManropeExtraBold'; font-size: 30px; color: #032555;}
	#home .quarto .detalhes .linha{width: 150px; background-image: linear-gradient(to right, #3385e9, #022754); border-radius: 5px; height: 9px; margin: 20px 0 25px;}
	#home .quarto .detalhes .previa{font-family: 'ManropeRegular'; font-size: 17px; color: #999999; line-height: 25px;}

	#home .quarto .detalhes .btConheca{font-family: 'ManropeRegular'; font-size: 15px; color: #fff; display: block; width: 180px; text-align: center; padding: 6px 0; background: #3385e9; border-radius: 5px; float: right; margin: 30px 15px 0 0; text-decoration: none;}
	
	#home .banners{margin-top: 90px}
	#home .banners ul li{float: left; width: 380px; margin: 0 10px;}
	#home .banners ul li img{width: 380px; border-radius: 5px;}

	#home .opcionais{margin-top: 90px; padding: 0 30px}
	#home .opcionais h2{float: left; width: 430px; font-family: 'ManropeLight'; font-size: 20px; color: #95969a; letter-spacing: 0; line-height: 28px;}
	#home .opcionais ul{float: right; width: 695px;}
	#home .opcionais ul li{float: left; margin-left: 16px;}
	#home .opcionais ul li i{font-size: 30px; color: #999999; border: 2px solid #bbbbbb; border-radius: 50px; width: 70px; padding: 18px 0; text-align: center;}
	
	#home .estrutura{margin-top: 80px; width: 100%; background: url('../images/conheca-nossa-estrutura.png') no-repeat center top; height: 741px; padding-top: 100px}

	#home .estrutura .titulo{font-family: 'ManropeExtraLight'; font-size: 28px; color: #01244c; line-height: 42px; margin-bottom: 20px;}
	#home .estrutura span{font-family: 'ManropeRegular'; font-size: 55px; letter-spacing: 1px;}
	#home .estrutura ul{width: 800px; overflow: hidden; height: 465px;}
	#home .estrutura ul li{float: left; margin: 8px 30px 10px 0;}
	#home .estrutura ul li img{border-radius: 3px;}

	#home .newsletter{background: #fff; padding: 100px 0 140px;}	
	#home .newsletter .titulo{font-family: 'ManropeMedium'; font-size: 22px; color: #022a65; text-align: center; line-height: 30px;}
	#home .newsletter .titulo span{font-size: 36px;}
	#home .newsletter .linha{width: 120px; margin: 20px auto 45px; background-image: linear-gradient(to right, #3385e9, #022754); border-radius: 5px; height: 8px;}

	#home .newsletter .news{width: 810px; margin: auto; font-family: 'ManropeRegular'; font-size: 16px; color: #444444;}
	#home .newsletter .news .left{float: left; margin-right: 10px}
	#home .newsletter .news .right{float: right;}
	#home .newsletter .news .campo{border-radius: 5px; border: 1px solid #cccccc; background: #eeeeee; color: #333333; padding: 8px; font-family: 'ManropeRegular'; font-size: 17px; width: 340px; margin-top: 5px;}
	#home .newsletter .news .btNews{border-radius: 5px; background: #022855; color: #fff; padding: 10px 0; width: 110px; font-family: 'ManropeRegular'; font-size: 15px; cursor: pointer; margin-top: 26px}
	#home .newsletter .news #resposta{color: #0000ff; padding: 0 2px; font-size: 16px; margin-top: 15px}
	
	#home .eventos{width: 100%; height: 530px; background: url('../images/bgEventos.png') no-repeat center top;}
	#home .eventos .limite{width: 730px; margin: auto;}
	#home .eventos .detalhes{float: right; width: 330px; margin-top: 125px;}
	#home .eventos .detalhes .titulo{font-family: 'ManropeBold'; font-size: 30px; color: #ffffff; margin-bottom: 16px; line-height: 32px;}
	#home .eventos .detalhes .previa{font-family: 'ManropeRegular'; font-size: 16px; color: #f5f5f5; line-height: 22px;}
	#home .eventos .detalhes a{display: block; background: #3387ea; border-radius: 5px; font-family: 'ManropeRegular'; font-size: 14px; color: #fff; text-align: center; padding: 12px 0; text-decoration: none; margin-top: 20px; -webkit-box-shadow: 0px 0px 12px rgba(51, 135, 234, 0.4); -moz-box-shadow: 0px 0px 12px rgba(51, 135, 234, 0.4);	box-shadow: 0px 0px 12px rgba(51, 135, 234, 0.4);}

.banner-evento{width: 1200px; height: 400px; border-radius: 35px; margin: auto; background: url('../images/banner_evento.jpg') no-repeat center center;}

	.banner-evento .info{font-family: 'ManropeSemiBold'; font-size: 50px; color: #fff; position: relative; width: 850px; left: 50%; top: 100px; margin-left: -425px;}

	.banner-evento .categoria{display: block; width: 110px; padding: 4px 0;  text-align: center; background: #efca69; color: #0f53a3; border-radius: 50px; font-family: 'ManropeSemiBold'; font-size: 14px; text-decoration: none;}

	.banner-evento .info .dados{font-family: 'ManropeSemiBold'; font-size: 16px; color: #fff; margin: 5px 0 30px; line-height: 28px}
	.banner-evento .info .dados i{color: #efca69; margin: 5px 4px 0 0; display: block; width: 30px; text-align: center; float: left;}

	.banner-evento .info .vermais{float: right; border-radius: 12px; border: 1px solid #fff; color: #fff; padding: 10px 16px; font-size: 18px; cursor: pointer; font-family: 'ManropeSemiBold'; text-decoration: none;}
	.banner-evento .info .vermais i{margin-left: 10px; color: #efca69;}

#galeria{padding: 60px 0 50px;}
	#galeria .titulo{font-family: 'ManropeLight'; font-size: 28px; color: #1e65b9; text-align: center; line-height: 40px; letter-spacing: 2px;}
	#galeria .titulo span{font-size: 45px; font-family: 'ManropeMedium'; color: #022a65;}
	#galeria .linha{width: 120px; margin: 15px auto 40px; background-image: linear-gradient(to right, #3385e9, #022754); border-radius: 5px; height: 8px;}
	
	#galeria ul{margin-top: 60px;}
	#galeria ul li{cursor: pointer; width: 282px; height: 390px; float: left; margin: 0 9px 10px;}
	#galeria ul li img{border-radius: 15px;}

	#galeria ul li h3{font-family: 'ManropeSemiBold'; font-size: 19px; color: #222222; font-weight: normal; text-align: center; margin-top: 10px;}

	/*
	#galeria ul li{cursor: pointer; width: 280px; height: 328px; float: left; margin: 0 10px 25px; border-radius: 14px;}
	#galeria ul li{cursor: pointer; width: 280px; height: 328px; float: left; margin: 0 10px 25px; border-radius: 14px; position: relative;}
	
	#galeria ul li h3{font-family: 'ManropeSemiBold'; font-size: 20px; color: #fff; font-weight: normal; text-align: center; position: absolute; width: 280px; left: 50%; margin-left: -140px; height: 60px; top: 50%; margin-top: -30px;}
	*/

#eventos{padding: 60px 0 50px;}
	#eventos .titulo{font-family: 'ManropeLight'; font-size: 28px; color: #1e65b9; text-align: center; line-height: 40px; letter-spacing: 2px;}
	#eventos .titulo span{font-size: 45px; font-family: 'ManropeMedium'; color: #022a65;}
	#eventos .linha{width: 120px; margin: 15px auto 40px; background-image: linear-gradient(to right, #3385e9, #022754); border-radius: 5px; height: 8px;}

	#eventos #formSearch{width: 600px; margin: auto;}
	#eventos #formSearch .pesquisa{width: 550px; border: 1px solid #bbbbbb; border-right: none; border-radius: 6px 0 0 6px; padding: 8px 10px; font-family: 'ManropeRegular'; font-size: 16px; color: #333333;}
	#eventos #formSearch .buscar{width: 50px; border: 1px solid #bbbbbb; border-left: none; border-radius: 0 6px 6px 0; padding: 8px 10px; font-family: 'ManropeRegular'; font-size: 16px; color: #333333; cursor: pointer;}
	
	#eventos ul{margin-top: 60px;}
	#eventos ul li{cursor: pointer; width: 280px; height: 500px; float: left; margin: 0 10px 25px; border-radius: 14px; padding: 10px; position: relative}
	
	#eventos ul li .local{font-family: 'ManropeRegular'; font-size: 14px; color: #fff; margin-bottom: 10px}
	#eventos ul li .local i{font-size: 16px; margin-right: 2px; color: #efca69;}
	
	#eventos ul li .bottom{width: 260px; line-height: 22px; margin-top: 10px;}

	#eventos ul li .data{font-family: 'ManropeRegular'; font-size: 14px; color: #efca69;}
	#eventos ul li h3{font-family: 'ManropeSemiBold'; font-size: 16px; color: #fff; font-weight: normal; margin-bottom: 2px;}
	#eventos ul li .hora{font-family: 'ManropeRegular'; font-size: 14px; color: #fff;}
	#eventos ul li .hora i{font-size: 16px; margin-right: 2px; color: #efca69;}

	#eventos ul li .cat{padding: 2px 10px; background: #e29704; color: #fff; border-radius: 8px; font-family: 'ManropeRegular'; font-size: 13px; position: absolute; bottom: 10px; right: 12px}

#single-evento{padding: 50px 0 80px;}
	#single-evento .limite{border-bottom: 1px solid #cccccc; padding-bottom: 30px;}

	#single-evento .left{float: left; width: 280px;}
	#single-evento .left img{border-radius: 20px; margin-bottom: 30px;}
	
	#single-evento .left .data{display: block; padding: 2px 0; text-align: center; background: #efca69; color: #09376f; border-radius: 16px; font-family: 'ManropeMedium'; font-size: 15px; margin-bottom: 10px;}
	#single-evento .left .hora{font-family: 'ManropeMedium'; font-size: 15px; color: #09376f;}
	#single-evento .left .hora i{font-size: 16px; color: #efca69; margin: 1px 2px 0 0;}
	
	#single-evento .left .local{margin: 5px 0 10px; font-family: 'ManropeMedium'; font-size: 16px; color: #09376f;}
	#single-evento .left .local i{font-size: 16px; color: #efca69; margin: 1px 2px 0;}
	
	#single-evento .left .endereco{font-family: 'ManropeMedium'; font-size: 15px; color: #222222; line-height: 22px}

	#single-evento .right{float: right; width: 885px; padding-top: 10px;}	
	#single-evento .right .titulo .categoria{padding: 2px 10px; background: #efca69; color: #fff; border-radius: 10px; font-family: 'ManropeSemiBold'; font-size: 13px;}
	
	#single-evento .right .titulo h2{font-family: 'ManropeSemiBold'; font-size: 32px; color: #09376f; line-height: 40px; letter-spacing: 0.5px; font-weight: normal; margin-top: 10px;}
	#single-evento .right .titulo .linha{width: 120px; margin: 10px 0 20px; background-image: linear-gradient(to right, #3385e9, #022754); border-radius: 5px; height: 8px;}

	#single-evento .right .texto{font-family: 'ManropeRegular'; font-size: 16px; color: #333333; line-height: 24px;}

#apto{padding: 50px 0;}
#apto .limite{width: 1175px;}

#apto .texto{font-family: 'ManropeRegular'; font-size: 15px; color: #333333; line-height: 20px; text-align: left; margin-bottom: 6px;}
#apto .texto h2{font-family: 'ManropeRegular'; font-size: 25px; color: #2f7fde; margin-bottom: 10px;}

#apto .apt-left{float:left; width: 337px;}
	#apto .apt-left img{width: 240px; height: 161px; margin-top: 4px;}
#apto .apt-center{float:left; width: 500px;}
#apto .apt-right{float: right; width: 337px; text-align: right;}
	#apto .apt-right img{width: 240px; height: 161px; margin-top: 4px;}
	
#turismo{padding: 80px 0 50px; background: url('../images/mapa_ceara.jpg') no-repeat center top 40px;}
	#turismo .limite{width: 1175px;}

	#turismo .ativo{-webkit-box-shadow: 0px 0px 15px rgba(2, 40, 85, 0.3); -moz-box-shadow: 0px 0px 15px rgba(2, 40, 85, 0.3); box-shadow: 0px 0px 15px rgba(2, 40, 85, 0.3); color: #032855; position: relative;}

	#turismo .btIcons li{background: #fff; width: 260px; float: left; padding: 20px 0; text-align: center; cursor: pointer; margin: 0 16px; border-radius: 10px; border: 1px solid #eeeeee; font-family: 'ManropeBold'; font-size: 18px; color: #2881e9; transition: .3s;}
	#turismo .btIcons li img{margin-bottom: 5px;}
	
	#turismo .btIcons li .marcado{position: absolute; width: 60px; margin-left: -30px; left: 50%; background: #032855; border-radius: 5px; height: 8px; bottom: -5px}
	#turismo .btIcons li:hover{-webkit-box-shadow: 0px 0px 15px rgba(2, 40, 85, 0.3); -moz-box-shadow: 0px 0px 15px rgba(2, 40, 85, 0.3); box-shadow: 0px 0px 15px rgba(2, 40, 85, 0.3); color: #032855; position: relative;}
	#turismo .btIcons li:hover .sublinhado{position: absolute; width: 60px; margin-left: -30px; left: 50%; background: #032855; border-radius: 5px; height: 8px; bottom: -5px;}
	
	#turismo .pontos{margin-top: 60px;}
	#turismo .pontos li{width: 260px; height: 330px; float: left; margin: 0 16px 35px; font-family: 'ManropeRegular'; font-size: 18px; color: #999999; line-height: 25px; position: relative; text-align: center}
	#turismo .pontos li img{width: 260px; cursor: pointer; border-radius: 10px; margin-bottom: 10px;}
	#turismo .pontos .km{font-family: 'ManropeMedium'; font-size: 15px; text-align: center; background: #d28c03; color: #fff; position: absolute; top: 15px; right: 15px; padding: 10px 0; width: 50px; border-radius: 100px; line-height: 15px;}

#single-turismo{padding: 50px 0 80px;}
	#single-turismo .left{float: left; width: 820px;}
	#single-turismo .left .categoria{background: #022856; float: left; padding: 12px 22px; text-align: center; margin-right: 20px; border-radius: 26px; font-family: 'ManropeRegular'; font-size: 13px; color: #fff;}
	#single-turismo .left .titulo{width: 400px; margin-top: 12px; font-family: 'ManropeLight'; font-size: 28px; color: #022856; line-height: 28px; letter-spacing: 1px;}
	#single-turismo .left .titulo span{display: block; margin-top: 1px; font-size: 16px; color: #2a66ad;}

	#single-turismo .left .texto{padding: 30px 10px; font-family: 'ManropeRegular'; font-size: 18px; color: #333333; line-height: 24px;}

	#single-turismo .right{float: right; width: 320px;}
	#single-turismo .right iframe{height: 280px; border-radius: 26px 26px 0 0;}
	#single-turismo .right .comochegar{background: url('../images/bg_como_chegar.jpg') repeat-y right; padding: 45px 10px; border-radius: 0 0 26px 26px; text-align: center;}
	#single-turismo .right .comochegar .btMapa{background: #fff; padding: 12px 20px; border-radius: 14px; color: #022856; font-size: 16px; cursor: pointer; font-family: 'ManropeBold'; text-decoration: none;}
	#single-turismo .right .comochegar .btMapa i{margin-left: 14px;}

	#single-turismo .relacionados{margin-top: 40px; border-top: 1px solid #cccccc; padding: 40px 15px 0;}
	#single-turismo .relacionados h3{margin-bottom: 45px; text-align: center; color: #022856; font-family: 'ManropeRegular'; font-size: 22px}

	#single-turismo .relacionados ul li{width: 260px; height: 420px; float: left; margin: 0 16px; font-family: 'ManropeRegular'; font-size: 18px; color: #999999; line-height: 25px; position: relative; text-align: center}
	#single-turismo .relacionados ul li img{width: 260px; cursor: pointer; border-radius: 10px; margin-bottom: 10px;}
	#single-turismo .relacionados ul li .km{font-family: 'ManropeMedium'; font-size: 15px; text-align: center; background: #d28c03; color: #fff; position: absolute; top: 15px; right: 15px; padding: 10px 0; width: 50px; border-radius: 100px; line-height: 15px;}
	#single-turismo .relacionados ul li .bt-como-chegar{display: block; font-family: 'ManropeMedium'; font-size: 14px; text-align: center; color: #d99003; padding: 6px 0; border: 1px solid #d99003; text-decoration: none; margin: 15px auto 0; width: 200px;}

#faq{padding: 50px 0 80px;}
	
#indique{width: 100%; padding: 70px 0 60px; background: url('../images/bg_indique.jpg') repeat-y center top;}
	#indique .limite{width: 900px; margin: auto;}
	#indique .detalhes{float: left; width: 350px;}
	#indique .detalhes .icon{background: #022856; border-radius: 100px; color: #a5bbdf; font-size: 80px; text-align: center; padding: 22px 0; width: 136px; margin: auto;}
	#indique .detalhes .previa{font-family: 'ManropeRegular'; font-size: 20px; color: #f5f5f5; margin: 15px 0 5px;}
	#indique .detalhes .titulo{font-family: 'ManropeBold'; font-size: 30px; color: #ffffff; line-height: 38px;}
	#indique .form{float: right; width: 520px; font-family: 'ManropeRegular'; font-size: 16px; color: #ffffff;}
	#indique .form .campo{border-radius: 10px; background: #fff; color: #333333; padding: 8px; font-family: 'ManropeRegular'; font-size: 16px; width: 100%; margin: 5px 0 10px;}
	#indique .form .envia{float: right; border-radius: 12px; background: #3fdb7e; color: #012c60; padding: 8px 25px; font-size: 18px; cursor: pointer; font-family: 'ManropeMedium';}
	#indique .form .envia i{margin-left: 25px;}

#footer{padding: 50px 0; width: 900px;}
	#footer h1{float: left; margin-top: 20px;}
	#footer .menuFooter{float: right;}
	#footer .menuFooter ul li{float: left; width: 170px; line-height: 40px; margin-left: 60px;}
	#footer .menuFooter ul li a{font-family: 'ManropeRegular'; color: #888888; font-size: 17px; letter-spacing: 1px;}
	#footer .menuFooter ul li .endereco{font-family: 'ManropeRegular'; color: #666666; font-size: 16px; letter-spacing: 0px; line-height: 28px;}
	#footer .menuFooter ul .social{width: 290px;}
	#footer .menuFooter ul .social i{color: #2f7fde;}
	#footer .menuFooter ul .social .hcomercial{font-family: 'ManropeRegular'; color: #888888; font-size: 14px;}
	#footer .menuFooter .catoes{float: right; width: 520px; text-align: center; margin-top: 14px; border: 1px solid #cccccc; border-radius: 6px; padding: 18px;}

#copyright{background: #e8e8e8; padding: 11px 0 10px; text-align: center;}


/* ===================================== */

.side-menu-wrapper { /* style menu wrapper */
	display: none;
	background: rgba(0,0,0, 0.7);
	padding: 15px 20px 0;
	position: fixed; /* Fixed position */
	top: 0;
	right: 0; /* Sidebar initial position. "right" for right positioned menu */
	height: 100%;
	z-index: 9999999;
	transition: 0.4s; /* CSS transition speed */
	width: 285px;
	box-sizing: border-box;
}
.side-menu-wrapper > ul{ /* css ul list style */
	list-style:none;
	padding:0;
	margin:0;
    overflow-y: auto; /* enable scroll for menu items */
	height: 100%;
}
.side-menu-wrapper > ul > li > a { /* links */
    display: block; font-family: 'ManropeMedium'; font-size: 18px; border-bottom: 1px solid #333333; padding: 15px 5px;
    color: #aaaaaa; transition: 0.2s; text-decoration: none;
}
.side-menu-wrapper > a.menu-close { /* close button */
    display: block;
	font-family: 'ManropeBold';
    color: #999999;
    font-size: 40px;
	padding: 5px 0;
    text-decoration: none;
}

.menu-overlay { /* overlay */
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s;
}

/* ===================================== */

.modal {
  z-index: 9999999999999999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scaleX(1.1) scaleY(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
  font-family: sans-serif;
}
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  width: 576px;
  padding: 4px;
  line-height: 0;
}
.close-button {
background: #fff; top: 5px; right: 5px; z-index: 9999999999999; position: absolute; font-family: 'ManropeExtraBold'; font-size: 22px; color: #ff0000; cursor: pointer; padding: 5px 12px; line-height: normal;
}

.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scaleX(1.0) scaleY(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

@media only screen and (min-width: 360px) and (max-width: 800px){

	.setaLeft{position: absolute; font-size: 40px !important; left: 5%  !important; top: 45%; z-index: 99999999999; font-weight: bold !important; font-style: normal}
	.setaRight{position: absolute; font-size: 40px !important; right: 5% !important; top: 45%; z-index: 99999999999; font-weight: bold !important; font-style: normal}

	.modal-content {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  background-color: white;
	  width: 90%;
	  padding: 4px; 
	}
	.modal-content img{width: 100%;}

}

@media only screen and (min-width: 360px) and (max-width: 800px){

.mobile{display: block;}
.desktop{display: none;}
.menu-open{display: block; font-size: 35px; color: #000; position: absolute; top: 65px; right: 20px;}
.limite{width: 100%;}
	
#header{width: 100%; background: url('../images/header_home.jpg') no-repeat right -600px top; height: 450px; padding-top: 40px;}
	#header h1{float: none; margin: 0; text-align: center; width: 100%;}
	#header #menu{display: none;}

	#header .slogan{color: #f8f8f8; text-align: center; width: 100%; margin: 50px auto 40px; text-align: center;}
	#header .slogan span:nth-child(1){font-family: 'ManropeLight'; font-size: 26px; letter-spacing: 0.5px;}
	#header .slogan span:nth-child(3){font-family: 'ManropeMedium'; font-size: 35px; color: #ffd865; letter-spacing: 0.5px; line-height: 32px;}
	#header .slogan span:nth-child(5){font-family: 'ManropeLight'; font-size: 19px; letter-spacing: 0.5px;}
	
	#header .reserva{position: static; width: 100%; margin: 0; padding: 0; border-radius: 0; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
	#header .reserva a{background: #ffd75e; font-family: 'ManropeBold'; font-size: 20px; letter-spacing: 1px; color: #1759a7; border-radius: 5px; width: 230px; cursor: pointer; margin: auto; padding: 10px 0; text-align: center; text-decoration: none;}

/* topo das paginas internas */

#header_int{width: 100%; background: url('../images/bgInternas.jpg') no-repeat left top;}
	#header_int h1{float: none; margin: 0; text-align: center; width: 100%; margin: 25px 0 0 0;}
	#header_int #menu{display: none;}

#banner-single{border-top: 1px solid #cccccc; margin-top: 12px; padding-top: 0;}
	#banner-single img{width: 100%; border-radius: 0;}

#banner-int{border-top: 1px solid #cccccc; margin-top: 12px; padding-top: 0;}
	#banner-int .limite{background: url('../images/guia_ceara.png') no-repeat center center; height: 380px}
	#banner-int-apto .limite{background: url('../images/apto-iracema.png') no-repeat center center; height: 380px}
	#banner-int img{display: none;}

.banner-evento{width: 100%; height: 400px; border-radius: 0; margin: auto; background: url('../images/banner_evento.jpg') no-repeat center center;}
	.banner-evento .info{font-size: 36px; position: static; width: 100%; left: 0; top: 0; margin: 0; text-align: center; padding: 40px 20px 0;}

	.banner-evento .categoria{display: block; width: 110px; margin: auto auto 5px; padding: 4px 0;  text-align: center; font-size: 14px; text-decoration: none;}

	.banner-evento .info .dados{font-size: 16px; margin: 10px auto 25px;}
	.banner-evento .info .dados i{margin: 6px 0 4px  0; display: block; width: 100%; text-align: center; float: none;}

	.banner-evento .info .vermais{float: none; border-radius: 10px; border: 1px solid #fff; padding: 8px 16px; font-size: 16px;}

/* fim do topo das paginas internas */
	
#home{padding: 20px 0 20px;}
	#home .quarto{padding: 0 15px;}
	#home .quarto .capa{float: none; width: 100%; height: auto; position: relative;}
	#home .quarto .capa img{border-radius: 0; width: 100%;}
	#home .quarto .capa .desconto{font-family: 'ManropeBold'; font-size: 30px; top: 10px; right: 15px;}
	#home .quarto .capa .mais{display:none;}

	#home .quarto .detalhes{float: none; width: 100%; margin-top: 18px;}
	#home .quarto .detalhes .titulo{width: 100%; font-family: 'ManropeBold'; font-size: 28px;}
	#home .quarto .detalhes .linha{width: 150px; height: 8px; margin: 18px 0 20px;}
	#home .quarto .detalhes .previa{font-size: 18px; line-height: 24px;}
	
	#home .banners{margin-top: 60px; padding: 0 15px;}
	#home .banners ul li{float: none; width: 100%; margin: 0 0 15px;}
	#home .banners ul li img{width: 100%;}

	#home .opcionais{margin-top: 60px; padding: 0 15px}
	#home .opcionais h2{float: none; width: 100%; font-size: 22px; letter-spacing: 0; line-height: 30px; margin-bottom: 35px; text-align: center;}
	#home .opcionais ul{float: none; width: 320px; margin: auto;}
	#home .opcionais ul li{float: left; margin: 0 6px 15px;}
	#home .opcionais ul li i{font-size:28px; border: 2px solid #bbbbbb; width: 68px; padding: 18px 0; text-align: center;}
	
	#home .estrutura{display: none;}

	#home .newsletter{background: #fff; padding: 60px 20px 60px;}	
	#home .newsletter .titulo{font-size: 20px; line-height: 30px;}
	#home .newsletter .titulo span{font-size: 35px;}
	#home .newsletter .linha{width: 135px; margin: 15px auto 40px;}

	#home .newsletter .news{width: 100%; font-size: 16px;}
	#home .newsletter .news .left{float: none; margin-right: 0; margin-bottom: 15px}
	#home .newsletter .news .right{float: none;}
	#home .newsletter .news .campo{padding: 10px; font-size: 16px; width: 100%; margin-top: 5px;}
	#home .newsletter .news .btNews{padding: 12px 0; width: 100%; font-size: 16px; margin-top: 10px}
	#home .newsletter .news #resposta{color: #0000ff; padding: 0 2px; font-size: 16px; margin-top: 15px}

	#home .eventos{width: 100%; height: auto; background: #083a73; padding: 30px 15px 40px;}
	#home .eventos .limite{width: 100%; text-align: center; position: relative; z-index: 1;}
	#home .eventos .limite::before{content: attr(data-conteudo); font-family: 'ManropeLight'; font-size: 100px; letter-spacing: -4px; color: #114481; line-height: 0; position: absolute; top: -20px; z-index: -1; width: 360px; left: 50%; margin-left: -180px;}
	
	#home .eventos .detalhes{float: none; width: 100%; margin-top: 40px;}
	#home .eventos .detalhes .titulo{font-size: 28px; margin-bottom: 18px; line-height: 30px;}
	#home .eventos .detalhes .previa{font-size: 18px; line-height: 24px;}
	#home .eventos .detalhes a{font-size: 16px; padding: 16px 0; margin-top: 25px; }

#turismo{padding: 30px 8px 40px; background: none;}

	#turismo .swiper-container{width: 320px;}
	#turismo .limite{width: 100%;}

	#turismo .btIcons li{background: #fff; width: calc(50% - 16px); float: left; padding: 10px 0; text-align: center; cursor: pointer; margin: 8px; border-radius: 10px; border: 1px solid #eeeeee; font-family: 'ManropeBold'; font-size: 16px; color: #2881e9; transition: .3s;}

	#turismo .btIcons li img{margin-bottom: 4px;}
	
	#turismo .btIcons li .marcado{position: absolute; width: 60px; margin-left: -30px; left: 50%; background: #032855; border-radius: 5px; height: 8px; bottom: -5px}
	#turismo .btIcons li:hover{-webkit-box-shadow: 0px 0px 15px rgba(2, 40, 85, 0.3); -moz-box-shadow: 0px 0px 15px rgba(2, 40, 85, 0.3);	box-shadow: 0px 0px 15px rgba(2, 40, 85, 0.3); color: #032855; position: relative;}
	#turismo .btIcons li:hover .sublinhado{position: absolute; width: 60px; margin-left: -30px; left: 50%; background: #032855; border-radius: 5px; height: 8px; bottom: -5px;}
	
	#turismo .swiper-container{padding: 0 10px;}
	#turismo .swiper-wrapper{margin-top: 40px;}
	#turismo .swiper-wrapper li{font-family: 'ManropeRegular'; font-size: 18px; color: #999999; line-height: 25px; position: relative; text-align: center}
	#turismo .swiper-wrapper li img{width: 100%; margin-bottom: 10px;}
	#turismo .swiper-wrapper .km{font-family: 'ManropeMedium'; font-size: 15px; text-align: center; background: #d28c03; color: #fff; position: absolute; top: 20px; right: 20px; padding: 10px 0; width: 54px; border-radius: 100px; border: 2px solid #fff; line-height: 15px;}

#single-turismo{padding: 25px 8px 50px;}
	#single-turismo .left{float: none; width: 100%;}
	#single-turismo .left .categoria{display: none;}
	#single-turismo .left .titulo{width: 100%; margin-top: 0; font-size: 25px; line-height: 26px; text-align: center;}
	#single-turismo .left .titulo span{margin-top: 1px; font-size: 16px;}

	#single-turismo .left .texto{padding: 25px 10px; font-size: 18px; line-height: 24px;}

	#single-turismo .right{float: none; width: 100%;}
	#single-turismo .right iframe{height: 320px; border-radius: 0;}
	#single-turismo .right .comochegar{background: #032956; width: 100%; padding: 35px 10px; border-radius: 0 0 20px 20px;}
	#single-turismo .right .comochegar .btMapa{background: #fff; padding: 15px 20px; border-radius: 12px; font-size: 16px;}
	#single-turismo .right .comochegar .btMapa i{margin-left: 14px;}

	#single-turismo .relacionados{margin-top: 40px; border-top: 1px solid #cccccc; padding: 40px 15px 0;}
	#single-turismo .relacionados h3{margin-bottom: 45px; text-align: center; color: #022856; font-family: 'ManropeRegular'; font-size: 22px}

	#single-turismo .swiper-container ul li{font-family: 'ManropeRegular'; font-size: 18px; color: #999999; line-height: 25px; position: relative; text-align: center}
	#single-turismo .swiper-container ul li img{width: 100%; border-radius: 10px; margin-bottom: 10px;}
	#single-turismo .swiper-container ul li .km{font-family: 'ManropeMedium'; font-size: 15px; text-align: center; background: #d28c03; color: #fff; position: absolute; top: 20px; right: 20px; padding: 10px 0; border-radius: 100px; width: 54px; border: 2px solid #fff; line-height: 15px;}
	#single-turismo .swiper-container ul li .bt-como-chegar{display: block; font-family: 'ManropeMedium'; font-size: 14px; text-align: center; color: #d99003; padding: 8px 0; border: 1px solid #d99003; text-decoration: none; margin-top: 15px; width: 100%;}


#galeria{padding: 40px 0 40px;}
	#galeria .titulo{font-size: 26px; line-height: 36px; letter-spacing: 1px;}
	#galeria .titulo span{font-size: 42px; letter-spacing: 2px;}
	#galeria .linha{width: 120px; margin: 10px auto 20px; background-image: linear-gradient(to right, #3385e9, #022754); border-radius: 5px; height: 8px;}
	
	#galeria .swiper-container{width: 282px;}
	#galeria ul{margin-top: 20px;}
	#galeria ul li{width: 282px; height: 388px; float: none; margin: 0;}
	#galeria ul li img{width: 100%; border-radius: 15px;}

	#galeria ul li h3{font-size: 18px;}

#eventos{padding: 40px 0 40px;}
	#eventos .titulo{font-size: 26px; line-height: 36px; letter-spacing: 1px;}
	#eventos .titulo span{font-size: 42px; letter-spacing: 2px;}
	#eventos .linha{width: 120px; margin: 10px auto 20px; background-image: linear-gradient(to right, #3385e9, #022754); border-radius: 5px; height: 8px;}
	
	#eventos #formSearch{width: 100%; padding: 0 10px;}
	#eventos #formSearch .pesquisa{width: 90%;}
	#eventos #formSearch .buscar{width: 10%;}
	
	#eventos .swiper-container{width: 280px;}
	#eventos ul{margin-top: 20px;}
	#eventos ul li{width: 280px; height: auto; float: none; margin: 0; border-radius: 14px; position: relative;}
	#eventos ul li img{width: 100%;}
	
	#eventos ul li .local{font-size: 14px; margin-bottom: 10px;}
	#eventos ul li .local i{font-size: 16px; margin-right: 1px; color: #efca69;}
	
	#eventos ul li .bottom{width: 100%; line-height: 22px; padding: 10px;}

	#eventos ul li .data{font-size: 14px; }
	#eventos ul li h3{font-size: 16px; margin-bottom: 2px;}
	#eventos ul li .hora{font-size: 14px;}
	#eventos ul li .hora i{font-size: 16px; margin-right: 2px;}

	#eventos ul li .cat{padding: 2px 10px; border-radius: 8px; font-size: 13px; bottom: 10px; right: 12px;}	

#single-evento{padding: 18px 15px 50px;}
	#single-evento .limite{border-bottom: 1px solid #cccccc; padding-bottom: 20px;}

	#single-evento .left{float: none; width: 100%; padding: 0 20px; text-align: center; margin-bottom: 20px;}
	#single-evento .left img{width: 100%; margin-bottom: 35px;}

	#single-evento .right{float: none; width: 100%; padding-top: 10px 20px;}	
	
	#single-evento .right .titulo{text-align: center;}
	#single-evento .right .titulo .categoria{padding: 2px 10px; font-size: 13px;}
	
	#single-evento .right .titulo h2{font-size: 26px; line-height: 35px; letter-spacing: 0; margin-top: 10px;}
	#single-evento .right .titulo .linha{width: 120px; margin: 10px auto 20px; height: 8px;}

	#single-evento .right .texto{font-size: 16px; line-height: 24px;}

#indique{width: 100%; padding: 40px 10px 50px; background: url('../images/bg_indique.jpg') repeat-y center top;}
	#indique .limite{width: 100%; margin: auto;}
	#indique .detalhes{float: none; width: 100%; text-align: center;}
	#indique .detalhes .icon{background: #022856; border-radius: 100px; color: #a5bbdf; font-size: 70px; text-align: center; padding: 22px 0; width: 126px; margin: auto;}
	#indique .detalhes .previa{font-family: 'ManropeRegular'; font-size: 18px; color: #f5f5f5; margin: 10px 0 5px;}
	#indique .detalhes .titulo{font-family: 'ManropeBold'; font-size: 25px; color: #ffffff; line-height: 30px;}
	#indique .form{float: none; width: 100%; font-family: 'ManropeRegular'; font-size: 16px; color: #ffffff; padding: 0 10px; margin-top:20px}
	#indique .form .campo{border-radius: 10px; background: #fff; color: #333333; padding: 12px; font-family: 'ManropeRegular'; font-size: 16px; width: 100%; margin: 5px 0 10px;}
	#indique .form .envia{float: none; width: 100%; border-radius: 12px; background: #3fdb7e; color: #012c60; padding: 12px 0; font-size: 18px; cursor: pointer; font-family: 'ManropeMedium';}
	#indique .form .envia i{margin-left: 5px;}

#footer{padding: 30px 15px; width: 100%;}
	#footer h1{float: none; text-align: center; margin: 0 0 20px;}
	#footer .menuFooter{float: none;}
	#footer .menuFooter ul li{float: none; width: 100%; line-height: 40px; margin-left: 0; text-align: center;}
	#footer .menuFooter ul li a{font-size: 18px; letter-spacing: 1px;}
	#footer .menuFooter ul .social{float: none; width: 100%; margin-top: 10px;}
	#footer .menuFooter .catoes{float: none; margin-top: 20px; padding: 12px 10px; width: 100%; text-align: center;}
	#footer .menuFooter .catoes img{width: 100%;}
}

.modal img{
	width: 100%;
	max-width: 100%;
}