@media screen and (min-width : 480px){

	/* home */
	#home .slides .logo { top:60px }
	#home .slides .logo img { height:75px }

	#home .chamadas .lista { width:100% }
	#home .chamadas .lista ul li figure a > span span.txt { display:none }

	#home .quartos .lista > div .dados > a.infos-reserva { padding:15px 20px 15px 40px }
	#home .quartos .lista > div .dados > a.infos-reserva span { width:35px; height:35px; top:6px; left:-15px }

	#home .blog .lista { width:395px; margin:0 auto }

	#home .localizacao .links a:last-child { margin-left:7px }

	/* estrutura */
	#parceiros .lista figure { margin-right:12px }

	/* blog */
	#blog .listagem > div > div .data { width:15% }
	#blog .listagem > div > div .dados { width:85% }
	
	#blog .detalhe .data { width:15% }
	#blog .detalhe .dados { width:85% }

	#blog .detalhe .dados .galeria figure { width:33% }

	#blog aside { width:230px }
	#blog aside .busca input[type=text] { width:165px }

	/* galerias */
	#galerias .lista figure { width:44%; margin-right:15px; float:left }
	#galerias .lista figure:nth-child(2n+0) { margin-right:0 }
	
	#galerias .imagens figure,
	#galerias .imagens figure:nth-child(2n+0) { width:31.8%; margin-right:10px }
	#galerias .imagens figure:nth-child(3n+0) { margin-right:0 }

	/* pre reserva */
	#pre-reserva form .botao button { position:relative; width:auto; height:auto; font-size:17px; margin:0; padding:15px 20px 15px 40px; vertical-align:top; overflow:hidden }
	#pre-reserva form .botao button span { position:absolute; display:block; width:35px; height:35px; background:#c1b19e; top:6px; left:-15px; transform:rotate(45deg) }

	/* contato */
	#contato form .botao button { position:relative; width:auto; height:auto; margin:0; padding:15px 20px 15px 40px; vertical-align:top; overflow:hidden }
	#contato form .botao button span { position:absolute; display:block; width:35px; height:35px; background:#c1b19e; top:6px; left:-15px; transform:rotate(45deg) }

}

@media screen and (min-width : 640px){

	/* main */
	main.interna { padding-top:41px }

	/* home */
	#home .slides .logo { top:60px }
	#home .slides .logo img { height:85px }

	/* apartamentos */
	#apartamentos .titulo { padding:50px 0 }
	#apartamentos .titulo h1 span { display:inline-block; width:31%; min-height:5px; vertical-align:middle }
	#apartamentos .titulo h1 span.miolo { width:auto; padding:0 10px }
	#apartamentos .titulo h1 span.esquerda { background:url(../img/tit-esquerda.png) left center }
	#apartamentos .titulo h1 span.direita { background:url(../img/tit-direita.png) right center }
	
	#apartamentos .lista > div .conteudo { padding:15px }

	/* estrutura */
	#areas-lazer .titulo { padding:50px 0 }
	#areas-lazer .titulo h1 span { display:inline-block; width:30%; min-height:5px; vertical-align:middle }
	#areas-lazer .titulo h1 span.miolo { width:auto; padding:0 10px }
	#areas-lazer .titulo h1 span.esquerda { background:url(../img/tit-esquerda.png) left center }
	#areas-lazer .titulo h1 span.direita { background:url(../img/tit-direita.png) right center }

	#areas-lazer .lazer > div .lista figure { margin:0 20px 40px 0 }
	#areas-lazer .lazer > div .lista figure:nth-child(2n+0) { margin-right:0 }

	#areas-lazer .lazer > div .lista figure figcaption { margin-top:15px }

	#servicos .titulo { padding:50px 0 }
	#servicos .titulo h1 span { display:inline-block; width:22%; min-height:5px; vertical-align:middle }
	#servicos .titulo h1 span.miolo { width:auto; padding:0 10px }
	#servicos .titulo h1 span.esquerda { background:url(../img/tit-esquerda.png) left center }
	#servicos .titulo h1 span.direita { background:url(../img/tit-direita.png) right center }

	#servicos .servicos > div .lista figure { margin:0 20px 40px 0 }
	#servicos .servicos > div .lista figure:nth-child(2n+0) { margin-right:0 }
	#servicos .servicos > div .lista figure figcaption { margin-top:15px }

	#institucional .titulo { padding:50px 0 }
	#institucional .titulo h1 span { display:inline-block; width:32%; min-height:5px; vertical-align:middle }
	#institucional .titulo h1 span.miolo { width:auto; padding:0 10px }
	#institucional .titulo h1 span.esquerda { background:url(../img/tit-esquerda.png) left center }
	#institucional .titulo h1 span.direita { background:url(../img/tit-direita.png) right center }

	#institucional .itens > div h2 { font-size:35px; line-height:35px }
	#institucional .itens > div .conteudo { margin-bottom:20px }
	#institucional .itens > div .imagens figure { margin:0 10px 0 0 }
	#institucional .itens > div .imagens figure:last-child { margin-right:0 }

	#parceiros .titulo { padding:50px 0 }
	#parceiros .titulo h1 span { display:inline-block; width:36%; min-height:5px; vertical-align:middle }
	#parceiros .titulo h1 span.miolo { width:auto; padding:0 10px }
	#parceiros .titulo h1 span.esquerda { background:url(../img/tit-esquerda.png) left center }
	#parceiros .titulo h1 span.direita { background:url(../img/tit-direita.png) right center }

	/* blog */
	#blog .titulo { padding:50px 0 }
	#blog .titulo h1 span { display:inline-block; width:30.5%; min-height:5px; vertical-align:middle }
	#blog .titulo h1 span.miolo { width:auto; padding:0 10px }
	#blog .titulo h1 span.esquerda { background:url(../img/tit-esquerda.png) left center }
	#blog .titulo h1 span.direita { background:url(../img/tit-direita.png) right center }

	#blog .listagem > div > div { margin-bottom:20px }
	#blog .listagem > div > div .data { width:12% }
	#blog .listagem > div > div .dados { width:88% }
	#blog .listagem > div > div .dados h1 { margin:15px 0 }
	#blog .listagem > div > div .dados p { line-height:25px }
	#blog .listagem > div > div .dados span.categoria { width:79%; margin:9px 0; vertical-align:top }
	#blog .listagem > div > div .dados span.leia-mais { width:20%; vertical-align:top }

	#blog .detalhe { margin-bottom:20px }
	#blog .detalhe .data { width:12% }
	#blog .detalhe .dados { width:88% }
	#blog .detalhe .dados h1 { margin:15px 0 }
	#blog .detalhe .dados .descricao p { line-height:25px }
	#blog .detalhe .dados span.categoria { width:79%; margin:9px 0; vertical-align:top }
	#blog .detalhe .dados span.voltar { width:20%; vertical-align:top }
	
	#blog .detalhe .dados .galeria figure { width:25% }

	/* galerias */
	#galerias .lista figure { width:45.5% }

	#galerias .imagens figure,
	#galerias .imagens figure:nth-child(2n+0),
	#galerias .imagens figure:nth-child(3n+0) { width:23.75%; margin-right:10px }
	#galerias .imagens figure:nth-child(4n+0) { margin-right:0 }

	/* pré-reserva */
	#pre-reserva .titulo { padding:50px 0 }
	#pre-reserva .titulo h1 span { display:inline-block; width:33%; min-height:5px; vertical-align:middle }
	#pre-reserva .titulo h1 span.miolo { width:auto; padding:0 10px }
	#pre-reserva .titulo h1 span.esquerda { background:url(../img/tit-esquerda.png) left center }
	#pre-reserva .titulo h1 span.direita { background:url(../img/tit-direita.png) right center }

	/* tarifario */
	#tarifario .titulo { padding:50px 0 }
	#tarifario .titulo h1 span { display:inline-block; width:33%; min-height:5px; vertical-align:middle }
	#tarifario .titulo h1 span.miolo { width:auto; padding:0 10px }
	#tarifario .titulo h1 span.esquerda { background:url(../img/tit-esquerda.png) left center }
	#tarifario .titulo h1 span.direita { background:url(../img/tit-direita.png) right center }

	#tarifario .outros { width:auto; height:auto; overflow:hidden }
	#tarifario .outros .reserva { width:100%; margin:0; float:left }

	/* casamentos */
	#casamentos .titulo { padding:50px 0 }
	#casamentos .titulo h1 span { display:inline-block; width:28%; min-height:5px; vertical-align:middle }
	#casamentos .titulo h1 span.miolo { width:auto; padding:0 10px }
	#casamentos .titulo h1 span.esquerda { background:url(../img/tit-esquerda.png) left center }
	#casamentos .titulo h1 span.direita { background:url(../img/tit-direita.png) right center }

	/* localizacao */
	#localizacao .titulo { padding:50px 0 }
	#localizacao .titulo h1 span { display:inline-block; width:28%; min-height:5px; vertical-align:middle }
	#localizacao .titulo h1 span.miolo { width:auto; padding:0 10px }
	#localizacao .titulo h1 span.esquerda { background:url(../img/tit-esquerda.png) left center }
	#localizacao .titulo h1 span.direita { background:url(../img/tit-direita.png) right center }

	#localizacao .mapa,
	#localizacao .mapa > div { height:300px }

	/* contato */
	#contato .titulo { padding:50px 0 }
	#contato .titulo h1 span { display:inline-block; width:34.2%; min-height:5px; vertical-align:middle }
	#contato .titulo h1 span.miolo { width:auto; padding:0 10px }
	#contato .titulo h1 span.esquerda { background:url(../img/tit-esquerda.png) left center }
	#contato .titulo h1 span.direita { background:url(../img/tit-direita.png) right center }
	
	#contato form > div input[name=cidade] { width:70%; margin-right:10px; float:left }
	#contato form > div input[name=estado] { width:28.3%; float:right }

	#contato aside { width:305px }

	#contato .mapa,
	#contato .mapa > div { height:300px }

	/* experiencias */
	#experiencias .titulo { padding:50px 0 }
	#experiencias .titulo h1 span { display:inline-block; width:27.8%; min-height:5px; vertical-align:middle }
	#experiencias .titulo h1 span.miolo { width:auto; padding:0 10px }
	#experiencias .titulo h1 span.esquerda { background:url(../img/tit-esquerda.png) left center }
	#experiencias .titulo h1 span.direita { background:url(../img/tit-direita.png) right center }

	/* suites */
	#suites .titulo { padding:50px 0 }
	#suites .titulo h1 span { display:inline-block; width:37%; min-height:5px; vertical-align:middle }
	#suites .titulo h1 span.miolo { width:auto; padding:0 10px }
	#suites .titulo h1 span.esquerda { background:url(../img/tit-esquerda.png) left center }
	#suites .titulo h1 span.direita { background:url(../img/tit-direita.png) right center }

	/* informacoes aos clientes */
	#infos-clientes .titulo { padding:50px 0; }
	#infos-clientes .titulo h1 span { display:inline-block; width:37%; min-height:5px; vertical-align:middle }
	#infos-clientes .titulo h1 span.miolo { width:auto; padding:0 10px }
	#infos-clientes .titulo h1 span.esquerda { background:url(../img/tit-esquerda.png) left center }
	#infos-clientes .titulo h1 span.direita { background:url(../img/tit-direita.png) right center }

	#infos-clientes .titulo.cardapio h1 span { width:30%; }
	#infos-clientes .titulo.cardapio h1 span.esquerda,
	#infos-clientes .titulo.cardapio h1 span.direita { width:33%; }

	#infos-clientes .titulo.informacoes h1 span { width:43%; }
	#infos-clientes .titulo.informacoes h1 span.esquerda,
	#infos-clientes .titulo.informacoes h1 span.direita { width:27%; }

	#infos-clientes .titulo.canais-sky h1 span { width:35%; }
	#infos-clientes .titulo.canais-sky h1 span.esquerda,
	#infos-clientes .titulo.canais-sky h1 span.direita { width:31%; }

	/* rodape */
	footer nav .menu a { margin:0 5px 0 0 }

}

@media screen and (min-width : 768px){

	/* home */
	#home .slides .logo { top:60px }
	#home .slides .logo img { height:122px }

	#home .chamadas h1 { width:100%; height:33px }
	#home .chamadas.video-chamada h1 span.miolo { margin-left:-290px; }
	#home .chamadas h1 span.esquerda { width:50%; height:33px; background:url(../img/separador-azulclaro-esq.png) center left no-repeat; float:left }
	#home .chamadas h1 span.miolo { padding:0 10px; background:#fff; z-index:1 }
	#home .chamadas h1 span.miolo { display:block; width:auto; position:absolute; top:5px; left:50%; margin-left:-209px }
	#home .chamadas h1 span.direita { width:50%; height:33px; background:url(../img/separador-azulclaro-dir.png) center right no-repeat; float:right }

	#home .quartos h1 { width:100%; height:33px }
	#home .quartos h1 span.esquerda { width:50%; height:33px; background:url(../img/separador-azulclaro-esq.png) center left no-repeat; float:left }
	#home .quartos h1 span.miolo { padding:0 10px; background:#f8f4f0; z-index:1 }
	#home .quartos h1 span.miolo { display:block; width:auto; position:absolute; top:5px; left:50%; margin-left:-53px }
	#home .quartos h1 span.direita { width:50%; height:33px; background:url(../img/separador-azulclaro-dir.png) center right no-repeat; float:right }

	#home .quartos nav .mobile { display:none }
	#home .quartos nav .desktop { display:block; width:100%; height:auto; text-align:center }
	#home .quartos nav .desktop a { display:inline-block; font-size:17px; line-height:17px; color:#c1b19e; text-decoration:none; text-transform:uppercase; margin-right:10px; padding-right:10px; border-right:#ccc 1px solid }
	#home .quartos nav .desktop a:hover,
	#home .quartos nav .desktop a.ativo { color:#b79168; text-decoration:underline }
	#home .quartos nav .desktop a:last-child { margin-right:0; padding-right:0; border-right:none }
	#home .quartos .lista > div figure { width:48%; margin:0 30px 0 0; float:left }
	#home .quartos .lista > div .dados { width:47.8%; margin:0; float:left }
	#home .quartos .lista > div .dados h2 { margin-top:0px }
	#home .quartos .lista > div .dados > a.infos-reserva { padding:15px 20px 15px 40px }
	#home .quartos .lista > div .dados > a.infos-reserva span { top:15px; left:-17px }

	#home .blog h1 { width:100%; height:33px }
	#home .blog h1 span.esquerda { width:50%; height:33px; background:url(../img/separador-azulescuro-esq.png) center left no-repeat; float:left }
	#home .blog h1 span.miolo { padding:0 10px; background:#fff; z-index:1 }
	#home .blog h1 span.miolo { display:block; width:auto; position:absolute; top:5px; left:50%; margin-left:-157.5px }
	#home .blog h1 span.direita { width:50%; height:33px; background:url(../img/separador-azulescuro-dir.png) center right no-repeat; float:right }
	#home .blog .lista { width:100% }
	#home .blog .lista > div { width:31.9%; margin:0 15px 0 0; float:left }
	#home .blog .lista > div:last-child { margin-right:0 }

	#home .blog .links a { padding:15px 20px 15px 40px }
	#home .blog .links a span { top:6px; left:-15px }

	#home .localizacao h1 { width:100%; height:33px }
	#home .localizacao h1 span.esquerda { width:50%; height:33px; background:url(../img/separador-azulescuro-esq.png) center left no-repeat; float:left }
	#home .localizacao h1 span.miolo { padding:0 10px; background:#f8f4f0; z-index:1 }
	#home .localizacao h1 span.miolo { display:block; width:auto; position:absolute; top:5px; left:50%; margin-left:-94.5px }
	#home .localizacao h1 span.direita { width:50%; height:33px; background:url(../img/separador-azulescuro-dir.png) center right no-repeat; float:right }

	#home .localizacao .links a { padding:15px 20px 15px 40px }
	#home .localizacao .links a span { top:6px; left:-15px }

	/* apartamentos */
	#apartamentos .titulo h1 span { width:33.5% }

	/* estrutura */
	#areas-lazer .titulo h1 span { width:33.5% }
	#areas-lazer .lazer > div .lista figure:nth-child(2n+0) { margin-right:20px }
	#areas-lazer .lazer > div .lista figure:nth-child(3n+0) { margin-right:0 }

	#servicos .titulo h1 span { width:26.5% }
	#servicos .servicos > div .lista figure:nth-child(2n+0) { margin-right:20px }
	#servicos .servicos > div .lista figure:nth-child(3n+0) { margin-right:0 }

	#institucional .titulo h1 span { width:35% }
	#institucional .itens > div { overflow:hidden }
	#institucional .itens > div .conteudo { width:65%; margin:0 20px 0 0; float:left }
	#institucional .itens > div .imagens { width:32%; float:left }
	#institucional .itens > div .imagens figure { margin:0 0 10px 0 }
	#institucional .itens > div .imagens figure:last-child { margin-bottom:0 }

	#parceiros .titulo h1 span { width:35% }
	#parceiros .lista figure:nth-child(4n+0) { margin-right:0 }

	/* blog */
	#blog .titulo h1 span { width:33.5% }

	#blog .listagem { width:488px; height:auto; margin-right:20px; float:left }
	#blog .listagem > div > div .data { width:13% }
	#blog .listagem > div > div .dados { width:87% }
	#blog .listagem > div > div .dados span.categoria { width:75% }
	#blog .listagem > div > div .dados span.leia-mais { width:24% }

	#blog .detalhe { width:488px; height:auto; margin-right:20px; float:left }
	#blog .detalhe .data { width:13% }
	#blog .detalhe .dados { width:87% }
	#blog .detalhe .dados span.categoria { width:75% }
	#blog .detalhe .dados span.voltar { width:24% }

	#blog .detalhe .dados .galeria figure { width:33% }

	#blog aside { width:229px; margin-top:0; float:right }
	#blog aside .busca { margin-bottom:20px }
	#blog aside .categorias { margin-bottom:20px }

	/* galerias */
	#galerias .central > h1 { width:100%; height:33px }
	#galerias .central > h1 span.esquerda { width:50%; height:33px; background:url(../img/separador-azul-esq.png) center left no-repeat; float:left }
	#galerias .central > h1 span.miolo { padding:0 10px; background:#fff; z-index:1 }
	#galerias .central > h1 span.miolo { display:block; width:auto; position:absolute; top:0; left:50%; margin-left:-59px }
	#galerias .central > h1 span.direita { width:50%; height:33px; background:url(../img/separador-azul-dir.png) center right no-repeat; float:right }

	#galerias .lista figure { width:auto }

	#galerias .imagens figure,
	#galerias .imagens figure:nth-child(2n+0),
	#galerias .imagens figure:nth-child(3n+0) { width:23.95% }

	/* pre-reserva */
	#pre-reserva .titulo h1 span { width:35.8% }

	#pre-reserva form > div.tres-colunas { display:flex; flex-wrap:nowrap; align-items:flex-start; justify-content:space-between; gap:20px; }
	#pre-reserva form > div.tres-colunas input[type=text],
	#pre-reserva form > div.tres-colunas select { flex:1; }

	/* tarifario */
	#tarifario .titulo h1 span { width:36% }

	/* casamento */
	#casamentos .titulo h1 span { width:32% }
	
	/* localizacao */
	#localizacao .titulo h1 span { width:32% }

	/* experiencias */
	#experiencias .titulo h1 span { width:31.5% }

	#experiencias .experiencias nav .mobile { display:none }
	#experiencias .experiencias nav .desktop { display:block; width:100%; height:auto; text-align:center }
	#experiencias .experiencias nav .desktop a { display:inline-block; font-size:16px; line-height:16px; color:#c1b19e; text-decoration:none; text-transform:uppercase; margin-right:10px; padding-right:10px; border-right:#ccc 1px solid }
	#experiencias .experiencias nav .desktop a:hover,
	#experiencias .experiencias nav .desktop a.ativo { color:#b79168; text-decoration:underline }
	#experiencias .experiencias nav .desktop a:last-child { margin-right:0; padding-right:0; border-right:none }

	#experiencias .experiencias .lista > div .galeria .cycle-pager { margin-top:5px }

	/* suites */
	#suites .titulo h1 span { width:39% }

	#suites .suites nav .mobile { display:none }
	#suites .suites nav .desktop { display:block; width:100%; height:auto; text-align:center }
	#suites .suites nav .desktop a { display:inline-block; font-size:16px; line-height:16px; color:#c1b19e; text-decoration:none; text-transform:uppercase; margin-right:10px; padding-right:10px; border-right:#ccc 1px solid }
	#suites .suites nav .desktop a:hover,
	#suites .suites nav .desktop a.ativo { color:#b79168; text-decoration:underline }
	#suites .suites nav .desktop a:last-child { margin-right:0; padding-right:0; border-right:none }
	
	#suites .suites .lista > div .galeria { width:48%; margin:0 30px 0 0; float:left }

	#suites .suites .lista > div .dados { width:47.8%; margin:0; float:left }
	#suites .suites .lista > div .dados h1 { margin-top:0; text-align:left }

	/* suites */
	#infos-clientes .titulo.cardapio h1 span { width:26%; }
	#infos-clientes .titulo.cardapio h1 span.esquerda,
	#infos-clientes .titulo.cardapio h1 span.direita { width:35%; }

	#infos-clientes .titulo.informacoes h1 span { width:35%; }
	#infos-clientes .titulo.informacoes h1 span.esquerda,
	#infos-clientes .titulo.informacoes h1 span.direita { width:31%; }

	#infos-clientes .titulo.canais-sky h1 span { width:29%; }
	#infos-clientes .titulo.canais-sky h1 span.esquerda,
	#infos-clientes .titulo.canais-sky h1 span.direita { width:34%; }

	/* rodape */
	footer nav { text-align:unset; overflow:hidden }
	footer nav .menu a { margin:0 15px 0 0 }
	footer nav .menu { height:21px; margin:2px 0 0 0; float:left }
	footer nav .redes-sociais { float:right }
	footer nav .redes-sociais a { margin:0 3px }
	footer .separador { margin:15px 0 }

	footer .infos .endereco { width:50%; margin-bottom:15px; text-align:left; float:left }
	footer .infos .fones { width:50%; min-height:80px; margin-bottom:15px; text-align:left; float:left }
	footer .infos .email { width:50%; margin-bottom:15px; text-align:left; float:left }
	footer .infos .castellammare { width:50%; text-align:left; float:left }

	footer .copyright { text-align:left; overflow:hidden }
	footer .copyright p { margin:0; float:left }
	footer .copyright .dataprisma { float:right }
	footer .copyright .dataprisma img { vertical-align:top; margin-top:4px }

}

@media screen and (min-width : 900px){

	/* home */
	#home .quartos .lista > div .dados > a.infos-reserva span { top:6px; left:-15px }

}

@media screen and (min-width : 960px){

	html { --gap-lista-cardapio: 30px; --column-count-lista-cardapio: 2; }

	.central { width: 100%; max-width:1200px }

	/* home */
	#home .slides .dados { text-align:right; left:auto; right:0px; bottom: 51px; }
	#home .slides .dados .descubra { display:block; width:150px; margin:0 auto; text-align:center; cursor:pointer }
	#home .slides .dados .descubra span { display:block; font-size:17px; color:#fff; text-transform:uppercase; margin-bottom:10px; letter-spacing:1px }
	#home .slides .dados .descubra .img { position:relative; height:50px }
	#home .slides .dados .descubra .img img { display:block; width:22%; margin:0 auto; padding-top:0; vertical-align:middle; transition:all 0.5s ease }
	#home .slides .dados .descubra:hover .img img { position:relative; display:block; padding-top:10px; transition:all 0.5s ease }

	#home .slides .dados .temperatura { display:block; position:absolute; right:20px; top:0; bottom:inherit }
	#home .slides .dados .temperatura p { display:block; font-size:16px }
	#home .slides .dados .temperatura span { display:block; font-size:24px; line-height:24px }

	#home .slides .cycle-pager { bottom: 30px; height:15px; }
	#home .slides .cycle-pager span { width:15px; height:15px; margin:0 5px }

	.central.video-central { width: 100%; max-width:1200px }

	#home .chamadas { padding:50px 0 }
	#home .chamadas.video-chamada { padding:50px 0px 0px 0px; }
	#home .chamadas h1 { margin-bottom:50px }
	#home .chamadas .lista ul li figure a > span span.txt { display:block; padding:155px 10px 0 10px }

	#home .quartos { padding:50px 0 }
	#home .quartos h1 { margin-bottom:50px }
	#home .quartos .lista > div .dados .descricao { margin-bottom:50px }
	#home .quartos .lista > div figure { margin-right:40px }
	#home .quartos .lista > div .dados { width:47% }
	#home .quartos nav { margin-bottom:50px }

	#home .blog { padding:50px 0 20px }
	#home .blog h1 { margin-bottom:50px }
	#home .blog .lista > div { width:31%; margin-right:33px }
	#home .blog .lista > div figure { margin-bottom:10px }
	#home .blog .lista > div .dados h2 { margin-top:10px }

	#home .localizacao { padding:50px 0 }
	#home .localizacao h1 { margin-bottom:50px }
	#home .localizacao .links { margin-top:50px; }
	#home .localizacao .links a:last-child { margin-left:15px }
	#home .localizacao figure { margin-top:50px; }

	#home .links.ver-mais { margin-top:50px }

	/* apartamentos */
	#apartamentos .titulo { padding:75px 0; margin-bottom:20px }
	#apartamentos .titulo h1 span { width:37.4% }

	#apartamentos div.miolo { padding:0 }

	#apartamentos .lista > div .conteudo { padding:20px }

	#apartamentos .lista > div.direita { min-height:369px }
	#apartamentos .lista > div.direita figure { position:absolute; width:50%; height:369px; top:0; left:0 }
	#apartamentos .lista > div.direita figure img { position:absolute; width:960px; height:369px; max-width:none; top:0; right:0 }
	#apartamentos .lista > div.direita .conteudo { position:absolute; width:47%; padding:1.5%; top:0; right:0 }
	#apartamentos .lista > div.direita .conteudo div { float:left }
	
	#apartamentos .lista > div.esquerda { min-height:369px }
	#apartamentos .lista > div.esquerda figure { position:absolute; width:50%; height:369px; top:0; right:0 }
	#apartamentos .lista > div.esquerda figure img { position:absolute; width:960px; height:369px; max-width:none; top:0; left:0 }
	#apartamentos .lista > div.esquerda .conteudo { position:absolute; width:47%; padding:1.5%; top:0; left:0 }
	#apartamentos .lista > div.esquerda .conteudo div { float:right }

	/* estrutura */
	#areas-lazer .titulo { padding:75px 0; margin-bottom:20px }
	#areas-lazer .titulo h1 span { width:37.4% }

	#areas-lazer div.miolo { padding:0 0 40px 0 }

	#areas-lazer .lazer h1 { margin-bottom:30px }
	#areas-lazer .lazer > div .lista figure,
	#areas-lazer .lazer > div .lista figure:nth-child(2n+0),
	#areas-lazer .lazer > div .lista figure:nth-child(3n+0) { margin-right:16px }
	#areas-lazer .lazer > div .lista figure:nth-child(4n+0) { margin-right:0 }
	#areas-lazer .lazer > div .lista figure:nth-last-of-type(-n+4) { margin-bottom:0 }

	#servicos .titulo { padding:75px 0; margin-bottom:20px }
	#servicos .titulo h1 span { width:32% }

	#servicos div.miolo { padding:0 0 40px 0 }

	#servicos .servicos h1 { margin-bottom:30px }
	#servicos .servicos > div .lista figure,
	#servicos .servicos > div .lista figure:nth-child(2n+0),
	#servicos .servicos > div .lista figure:nth-child(3n+0) { margin-right:16px }
	#servicos .servicos > div .lista figure:nth-child(4n+0) { margin-right:0 }
	#servicos .servicos > div .lista figure:nth-last-of-type(-n+4) { margin-bottom:0 }

	#institucional .titulo { padding:75px 0; margin-bottom:20px }
	#institucional .titulo h1 span { width:38% }

	#institucional div.miolo { padding:0 0 40px 0 }

	#institucional .itens > div { margin-bottom:40px }
	#institucional .itens > div h1 { margin-bottom:20px }
	#institucional .itens > div .conteudo { width:630px; margin-right:40px }
	#institucional .itens > div .imagens { width:250px }

	#parceiros .titulo { padding:75px 0; margin-bottom:20px }
	#parceiros .titulo h1 span { width:41% }

	#parceiros div.miolo { padding:0 0 40px 0 }

	#parceiros .lista figure { width:195px; min-height:195px; margin-right:40px; margin-bottom:40px }

	/* blog */
	#blog .titulo { padding:75px 0; margin-bottom:20px }
	#blog .titulo h1 span { width:37.5% }

	#blog div.miolo { padding:0 0 40px 0 }

	#blog .listagem { width:690px; margin-right:40px }
	#blog .listagem > div > div { margin-bottom:40px }
	#blog .listagem > div > div .data { width:67px }
	#blog .listagem > div > div .dados { width:623px }
	#blog .listagem > div > div .dados h1 { margin:20px }
	#blog .listagem > div > div .dados p { margin:20px }
	#blog .listagem > div > div .dados span.categoria { width:68%; margin:0 0 0 20px; vertical-align:bottom }
	#blog .listagem > div > div .dados span.leia-mais { margin:0 20px 0 0 }

	#blog .detalhe { width:690px; margin-right:40px }
	#blog .detalhe .data { width:67px }
	#blog .detalhe .dados { width:623px }
	#blog .detalhe .dados h1 { margin:20px }
	#blog .detalhe .dados p { margin:20px }
	#blog .detalhe .dados span.categoria { width:68%; margin:0 0 0 20px; vertical-align:bottom }
	#blog .detalhe .dados span.voltar { margin:0 20px 0 0 }

	#blog .detalhe .dados .galeria { margin:25px 0; padding:0 20px }
	#blog .detalhe .dados .galeria figure { width:25% }

	#blog aside { width:230px }
	#blog aside .busca input[type=text] { width:168px }

	/* galerias */
	#galerias .central > h1 { margin:25px 0 50px 0 }
	#galerias .lista figure,
	#galerias .lista figure:nth-child(2n+0) { width:29.8%; margin:0 20px 20px 0 }
	#galerias .lista figure:nth-child(3n+0) { margin-right:0 }

	#galerias .imagens figure,
	#galerias .imagens figure:nth-child(2n+0),
	#galerias .imagens figure:nth-child(3n+0) { width:24.2% }

	/* pre-reserva */
	#pre-reserva .titulo { padding:75px 0; margin-bottom:20px }
	#pre-reserva .titulo h1 span { width:39% }

	#pre-reserva div.miolo { padding:0 0 40px 0 }

	#pre-reserva form > div.uma-coluna { margin-bottom:15px }
	#pre-reserva form > div.tres-colunas { margin-bottom:15px }
	#pre-reserva form > div.uma-coluna textarea { height:150px; margin-bottom:0; padding:12px }
	#pre-reserva form .botao input[type=submit] { width:auto; font-size:35px; font-weight:normal }

	/* tarifario */
	#tarifario .titulo { padding:75px 0; margin-bottom:30px }
	#tarifario .titulo h1 span { width:37% }

	#tarifario div.miolo { padding-top:0px }
	
	#tarifario .mobile { display:none }

	#tarifario .outros { width:auto; height:auto; padding:0 65px }
	#tarifario .outros .reserva { width:100% }
	#tarifario .outros .reserva h2 { padding:15px }
	#tarifario .outros .reserva > div { padding:15px }

	/* casamentos */
	#casamentos .titulo { padding:75px 0; }
	#casamentos .titulo h1 span { width:34% }

	#casamentos .capa { padding: 75px 0px; }
	#casamentos .lista .bloco .central { display: flex; align-items: center; justify-content: center; }
	#casamentos .lista .bloco .imagem { width: 50%; }
	#casamentos .lista .bloco .imagem figure img { width: 100%; }
	#casamentos .lista .bloco .imagem + .texto { width: 50%; }
	#casamentos .lista .bloco .texto { padding: 50px 50px 50px 0px; text-align: left; }
	#casamentos .lista .bloco:nth-child(2n) .imagem { order: 1; }
	#casamentos .lista .bloco:nth-child(2n) .texto { padding: 50px 0px 50px 50px; order: 2; }

	/* localizacao */
	#localizacao .titulo { padding:75px 0; margin-bottom:30px }
	#localizacao .titulo h1 { font-size:39px; line-height:39px }
	#localizacao .titulo h1 span { width:33.5% }
	
	#localizacao div.miolo { padding:0 0 40px 0 }

	#localizacao .chamadas h1 { margin-bottom:10px }
	#localizacao .chamadas div { width:46.8%; margin-right:60px; float:left }
	#localizacao .chamadas div:last-child { margin-right:0 }

	#localizacao .mapa,
	#localizacao .mapa > div { height:480px }

	/* contato */
	#contato .titulo { padding:75px 0; margin-bottom:30px }
	#contato .titulo h1 { font-size:39px; line-height:39px }
	#contato .titulo h1 span { width:38.1% }

	#contato div.miolo { padding-top:0px }

	#contato form { width:600px; margin-right:50px; float:left }
	#contato form p { margin-bottom:15px }

	#contato form > div input[name=cidade] { width:69% }

	#contato form > div.uma-coluna { margin-bottom:15px }
	#contato form > div.duas-colunas { margin-bottom:15px }
	#contato form > div.tres-colunas { margin-bottom:15px }

	#contato form > div.uma-coluna textarea { margin-bottom:0; padding:12px }
	#contato form > div.duas-colunas input[type=text] { width:292px; margin:0 15px 0 0; padding:12px; float:left }
	#contato form > div.duas-colunas input[type=text]:last-child { margin-right:0 }
	#contato form > div.tres-colunas input[name=telefone] { width:292px; margin:0 15px 0 0; float:left }
	#contato form > div.tres-colunas input[name=cidade] { width:233px; margin:0 15px 0 0; padding:12px; float:left }
	#contato form > div.tres-colunas input[name=estado] { width:45px; margin:0; padding:12px; float:left }

	#contato form .botao button { width:auto }

	#contato aside { width:297px; float:left }
	#contato aside h2 { margin-bottom:22px }
	#contato aside > a { margin-top:10px }
	#contato aside > a span { top:8px }
	#contato aside > div { margin-bottom:20px }

	#contato .mapa,
	#contato .mapa > div { margin-top:0px; height:480px }

	/* experiencias */
	#experiencias .titulo { padding:75px 0; margin-bottom:30px }
	#experiencias .titulo h1 { font-size:39px; line-height:39px }
	#experiencias .titulo h1 span { width:33%}

	#experiencias div.miolo { padding-top:0px }

	#experiencias .experiencias nav .desktop a { margin-right:15px; padding-right:15px }

	#experiencias .experiencias .lista > div .galeria .cycle-pager { margin-top:10px }
	#experiencias .experiencias .lista > div .galeria .cycle-pager span { width:15px; height:15px; margin:0 5px }

	/* suites */
	#suites .titulo { padding:75px 0; margin-bottom:30px }
	#suites .titulo h1 { font-size:39px; line-height:39px }
	#suites .titulo h1 span { width:40.5% }

	#suites div.miolo { padding-top:0 }

	#suites .suites nav .desktop a { margin-right:15px; padding-right:15px }

	#suites .suites .lista > div .galeria { margin-right:40px }
	#suites .suites .lista > div .galeria .cycle-pager { margin-top:20px; height:15px; }
	#suites .suites .lista > div .galeria .cycle-pager span { width:15px; height:15px; margin:0 5px }
	
	#suites .suites .lista > div .dados { width:47% }
	#suites .suites .lista > div .dados a.infos-reserva { margin-top:15px; padding:15px 25px 15px 40px }
	#suites .suites .lista > div .dados a.infos-reserva span { width:50px; height:50px; top:-2px; left:-30px }

	/* tarifario */
	#tarifario .tarifario p { font-size:17px; line-height:24px; color:#002d58; margin-bottom:15px }
	#tarifario .titulo h1 { font-size:39px; line-height:39px }

	/* casamentos */
	#casamentos .titulo h1 { font-size:39px; line-height:39px }

	#casamentos .lista .bloco .texto h1 { font-size:33px; line-height:41px }
	#casamentos .lista .bloco .texto h2 { font-size:33px; line-height:41px }

	/* informacoes aos clientes */
	#infos-clientes .titulo { padding:75px 0; margin-bottom:30px }
	#infos-clientes .titulo h1 { font-size:39px; line-height:39px }

	#infos-clientes .titulo.cardapio h1 span { width:26%; }
	#infos-clientes .titulo.cardapio h1 span.esquerda,
	#infos-clientes .titulo.cardapio h1 span.direita { width:35%; }

	#infos-clientes .tres-colunas > div .cardapio .lista .bloco { flex:none; }
	#infos-clientes .tres-colunas > div .cardapio .lista .bloco { border-bottom: 0px !important; }

	#infos-clientes .titulo.informacoes h1 span { width:35%; }
	#infos-clientes .titulo.informacoes h1 span.esquerda,
	#infos-clientes .titulo.informacoes h1 span.direita { width:31%; }

	#infos-clientes .titulo.canais-sky h1 span { width:29%; }
	#infos-clientes .titulo.canais-sky h1 span.esquerda,
	#infos-clientes .titulo.canais-sky h1 span.direita { width:34%; }

	/* rodape */
	footer { padding-top:30px }
	footer .infos { margin-bottom:30px }
	footer .infos .endereco { width:30%; margin-bottom:0 }
	footer .infos .fones { width:25%; margin-bottom:0 }
	footer .infos .email { width:25%; margin-bottom:0 }
	footer .infos .castellammare { width:auto; margin-bottom:0 }

}


@media screen and (min-width : 1200px){

	#HSystemSearchBoxInline .container { max-width:1140px !important; }
	#HSystemSearchBoxInline .container .col + .col { margin-top:0px !important; }
	#HSystemSearchBoxInline .container form#HSystemSearchBoxInline_Form .col .btn { margin-top:34px !important; }

}

@media screen and (min-width : 1220px){

	#HSystemSearchBox_Popup { left:20px !important; }

	/* topo */
	header { min-height:41px }

	header nav { min-height:22px }
	header nav a.menu-mobile { display:none }

	header nav figure { top:0; left:0; margin-left:0 }

	header nav .menu { display:block; position:absolute; width:auto; top:0; left:95px; padding:0 }
	header nav .menu a { display:inline-block; font-size:16px; color:#002a51; text-decoration:none; text-transform:uppercase; margin-right:15px; vertical-align:middle }
	header nav .menu a:hover,
	header nav .menu a.ativo { text-decoration:underline }

	header nav a.reservas { font-size:16px; top:-8px; padding:12px 20px 13px 20px; letter-spacing:1px; }

	/* home */
	#home .slides .dados .temperatura { top:auto; bottom:0px; }

	#home .quartos .central { width:1200px }
	#home .quartos nav .desktop a { margin-right:20px; padding-right:20px }
	#home .quartos .lista > div figure { width:auto }
	#home .quartos .lista > div .dados { width:450px }

	#home .localizacao .central { width:1200px }
	#home .localizacao h1 { width:960px; margin:0 auto 50px auto }

	#home .chamadas .bx-wrapper { margin:0 auto }
	#home .chamadas .bx-viewport { z-index:1 }
	#home .chamadas .bx-controls { position:absolute; width:100%; height:auto; top:0; left:0; z-index:0 }
	#home .chamadas .bx-controls a.bx-prev { position:absolute; display:block; width:21px; height:40px; background:url(../img/seta-anterior.png); top:125px; left:-45px; text-indent:-5000px }
	#home .chamadas .bx-controls a.bx-next { position:absolute; display:block; width:21px; height:40px; background:url(../img/seta-proximo.png); top:125px; right:-45px; text-indent:-5000px }

	/* suites */
	#suites .central { width:1200px }

	#suites .suites .lista > div .galeria { width:auto }
	#suites .suites .lista > div .dados { width:450px }

	/* localizacao */
	#localizacao .caixa-daco p { margin-bottom:30px; line-height:28px; }

	/* rodape */
	footer .central { width:1200px }
	footer .separador { margin:20px 0 }
	footer .infos .endereco { width:380px }
	footer .infos .fones,
	footer .infos .email { width:305px }
	footer .infos .castellammare { float:right }

	footer .whatsapp-fixo { bottom: 140px; left: 20px; }
    footer .whatsapp-fixo figure img { height:82px; max-width: 82px; }

}