/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the body font size on small devices  */
html {
  font-size: 81.3%;
}

/* Padrao dos campos dos filtros expostos neste breakpoint. */
:root {
	--uo-field-radius: 25vw;
	--uo-field-font-size: 3vw;
	--uo-field-padding-y: 1.8vw;
	--uo-field-padding-x: 3vw;
	--uo-field-height: 52px;
}

h1 { 
 font-size: 5vw;
}

h2 {
	font-family: 'gobold';
	font-weight: normal;
	text-align: center;
	font-size: 3vw;
}

.node-type-pagina .field-name-body,
li,
p { 
  font-size: 3.5vw;
}

.container {
 max-width: 100%;
}

.page-home #content .main-content {
  background-size: auto 100% !important;
  background-position: center top !important;
}

.node-type-pagina .field-name-body, 
.view-depoimentos .view-content, 
.content-wrapper {
  width: 100%;
  max-width: 60%;
}

.content-wrapper .logos {
  padding-top: 5vw;
  padding-bottom: 2vw;
  overflow: hidden;
}

.content-wrapper .logos img:last-child {
  float: right;
  margin-top: 1.6vw;
}

.video-principal iframe {
  height: 45vw;
}

.newsletter {
  padding-bottom: 5vw;
}

.newsletter .simplenews-subscribe input {
  width: 100%;
  text-align: center;
  padding: 2vw;
  font-size: 2.5vw;
  border: none;
}

body #page {
	margin-top: 12vw;
}

/* Transition */

body #block-gw2d-gw2d-header, 
body #button-menu, 
body #block-views-exp-busca-page, 
body .region-header-top, 
nav.block-menu, 
body .logo-header,
body .redes-sociais,
body #content-top, 
body #content_bottom, 
body #copyright-region, 
.menu-servicos.fixo .block-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

body.open-menu #block-gw2d-gw2d-header, 
body.open-menu #block-views-exp-busca-page, 
body.open-menu #button-menu, 
body.open-menu .logo-header, 
body.open-menu .redes-sociais, 
body.open-menu .region-header-top, 
nav.block-menu.open, 
body.open-menu #content, 
body.open-menu #content-top, 
body.open-menu #content_bottom, 
body.open-menu #copyright-region, 
body.open-menu #footer {
    -moz-transform: translateX(80vw);
    -webkit-transform: translateX(80vw);
    -o-transform: translateX(80vw);
    -ms-transform: translateX(80vw);
    transform: translateX(80vw);
}

nav.block-menu {
	height: 0;
	min-height: 180vw;
	overflow-x: hidden;
	position: fixed;
	left: -80vw;
	top: 0;
	width: 80vw;
	max-width: 320px;
	z-index: 16;
	display: block;
}

/* Header */

#header .content-width {
	height: 12vw;
	padding: 0 5vw 0 5vw !important;
}

#header .content-width #block-system-main-menu ul li a {
	position: relative;
	font-size: 3vw;
	padding: 3.5vw 3vw 2.5vw;
	line-height: 2.2;
	color: #fff;
}

#header .content-width #block-system-main-menu ul li:hover a, 
#header .content-width #block-system-main-menu ul li.active-trail a, 
#header .content-width #block-system-main-menu ul li a.active-trail {
	background: #18c2f7;
	border: 0;
	color: #fff;
}

#header .content-width #block-system-main-menu ul li.active-trail ul li a{
	background: none;    
	border-bottom: 1px solid #B8C5CC;
}

#header .content-width #block-system-main-menu ul li ul li.active-trail a,
#header .content-width #block-system-main-menu ul li ul li a.active-trail{
	color: #18c2f7;
}

#header .content-width #block-system-main-menu ul li {
	display: inline-block;
	margin: 0;
	width: 100%;
	text-align: left;
}

#header .content-width #block-system-main-menu ul li a:before {
	content: "";
	display: inline-block;
	width: 7vw;
	height: 7vw;
	background: url(../images/menu-icon-home.png) no-repeat center center;
	background-size: 6.7vw;
	margin-right: 5vw;
	vertical-align: bottom;
}

#header .content-width #block-system-main-menu ul li.menu-item-2335 a:before {
	background: url(../images/menu-icon-mapa.png) no-repeat center center;
	background-size: 6.5vw;
}

#header .content-width #block-system-main-menu ul li.menu-item-1155 a:before {
	background: url(../images/menu-icon-praias.png) no-repeat center center;
	background-size: 6.5vw;
}

#header .content-width #block-system-main-menu ul li.menu-item-2172 a:before {
	background: url(../images/menu-icon-hospedagem.png) no-repeat center center;
	background-size: 6.8vw;
}

#header .content-width #block-system-main-menu ul li.menu-item-559 a:before {
	background: url(../images/menu-icon-blog.png) no-repeat center center;
	background-size: 6.7vw;
}

#header .content-width #block-system-main-menu ul li.menu-item-2173 a:before {
	background: url(../images/menu-icon-servicos.png) no-repeat center center;
	background-size: 6.9vw;
}

#header .content-width #block-system-main-menu ul li.menu-item-2176 a:before {
	background: url(../images/menu-icon-promocao.png) no-repeat center center;
	background-size: 7vw;
}

#header .content-width #block-system-main-menu ul li.menu-item-2177 a:before {
	background: url(../images/menu-icon-calendario.png) no-repeat center center;
	background-size: 6.5vw;
}

#header .content-width #block-system-main-menu ul li.menu-item-2179 a:before {
	background: url(../images/menu-icon-informacoes.png) no-repeat center center;
	background-size: 7vw;
}

#header .content-width #block-system-main-menu ul li.menu-item-767 a:before {
	background: url(../images/menu-icon-informacoes.png) no-repeat center center;
	background-size: 7vw;
}

#header .content-width #block-system-main-menu ul li a:after{
	display: none;
}

#header .open-menu#button-menu {
	font-size: 0;
	line-height: 1;
	margin-top: 2vw;
	height: 8vw;
	display: block;
	width: 9.5vw;
	position: absolute;
}

.open-menu #header .open-menu#button-menu {
	left: 3.5vw;
	position: absolute;
	margin-top: 2.5vw;
	z-index: 9991;
}

#header .open-menu#button-menu:before {
	width: 8.5vw;
	height: 7.5vw;
	background-size: 7.5vw;
	margin-bottom: 0;
}

#header .content-width #block-gw2d-gw2d-header-info {
	padding: 5.25vw 7.5vw 0.5vw 0;
}

#header .content-width #block-gw2d-gw2d-header-info ul li {
	font-size: 2.25vw;
}

#header .content-width #block-gw2d-gw2d-header-info ul li:before {
	width: 3.5vw;
	height: 3.5vw;
	background: url(../images/icon-phone.png) no-repeat center center;
	background-size: 3vw;
	margin-right: 0.75vw;
	margin-bottom: -1vw;
}

#header .content-width .block-content .logo-header .logo-header-left img {
	width: 35vw;
}

.open-menu #header .content-width .block-content .logo-header .logo-header-left img,
#header.small .content-width .block-content .logo-header .logo-header-left img {
	width: 35vw;
}

#header.small .open-menu#button-menu {
	margin-top: 2vw;
}

#header.small #block-gw2d-gw2d-header, 
#header.small .logo-header-left,
#header #block-gw2d-gw2d-header{
	padding: 1.5vw 0 0;
	float: none;
	text-align: center;
}

#header #block-gw2d-gw2d-header, 
#header .logo-header-left {
	float: none;
}

#header #block-block-5 {
	right: auto;
	top: 2.5vw;
	left: 4vw;
	background: #191919;
}

.open-menu #header #block-gw2d-gw2d-header,
#header #block-block-5 {
	display: none;
}

.open-menu  #header #block-block-5 {
	display: block;
}

#header #block-gw2d-gw2d-welcome, 
#header #block-block-5 {
	top: 0;
	right: auto;
	left: 0;
	z-index: 999;
	width: 65%;
	display: none;
}

#header .btn-sair{
	float: left;
	margin: 3vw;
}

#header .btn-sair{
	float: right;
}

#header .content-width #block-gw2d-gw2d-header-info ul, 
#header .content-width #block-system-main-menu ul {
	padding: 0 0 7vw;
	height: 75vh;
	overflow: hidden;
	overflow-y: scroll;
}

.not-logged-in #header .content-width #block-gw2d-gw2d-header-info ul, 
.not-logged-in #header .content-width #block-system-main-menu ul {
	height: 90vh;
}

#header .content-width #block-gw2d-gw2d-header-info ul:before, 
#header .content-width #block-system-main-menu ul:before{
	content: "";
	display: block;
	margin: 0 auto;
	width: 85%;
	height: 1px;
	background: #333333;
	margin-bottom: 3vw;
}

#header .content-width #block-gw2d-gw2d-header-info ul ul:before, 
#header .content-width #block-system-main-menu ul ul:before{
	display: none;
}

#header #block-gw2d-gw2d-welcome {
	right: auto;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 65%;
	padding-top: 3vw;
	position: absolute;
}

#header #block-gw2d-gw2d-welcome .welcome-block{
	display: none;
	width: 100%;
	text-align: center;
}

#header #block-gw2d-gw2d-welcome .welcome-block .user-picture {
	float: none;
	margin-right: 0;
	width: 100%;
	display: block;
}

#header #block-gw2d-gw2d-welcome .welcome-block .user-picture img {
	width: 20%;
}

#header #block-gw2d-gw2d-welcome .welcome-block .user-info label {
	font-size: 3vw;
	padding: 1vw;
	color: #FFFFFF;
}

#header #block-gw2d-gw2d-welcome .welcome-block .user-info a,
#header .btn-sair{
	position: absolute;
	right: 0;
	top: 1vw;
	width: 10vw;
	height: 10vw;
	padding: 0;
	margin: 0;
}

#header .btn-sair:before {
	width: 10vw;
	height: 10vw;
	background: url(../images/icon-sair.png) no-repeat center center;
	background-size: 5vw;
	margin-right: 0;
}

#header #block-gw2d-gw2d-welcome .welcome-block .user-info a{
	right: auto;
	left: 0;
	background: url(../images/icon-editar.png) no-repeat center center;
	background-size: 5vw;
}

/* Menu */

.open-menu #header {
	height: 12vw;
}

.open-menu #header #block-gw2d-gw2d-welcome .welcome-block{
	display: block;
	padding-top: 3vw;
}

.open-menu #header .open-menu#button-menu:before {
	width: 8.5vw;
	height: 7vw;
	background-size: 6.5vw;
}

#header #block-gw2d-gw2d-header-info-2 .title {
	font-size: 2.5vw;
}

#header #block-gw2d-gw2d-header-info-2 .telefone-footer {
	font-size: 2.25vw;
}

#header #block-gw2d-gw2d-header-info-2 a {
	font-size: 2vw;
}

.open-menu #header #block-gw2d-gw2d-header {
	width: 55%;
}

#header .content-width #block-system-main-menu {
	width: 500px;
	left: -500px;
	top: 0;
	background: #191919;
	height: 100vh;
	padding: 30vw 0 0;
	display: none;
}

.not-logged-in #header .content-width #block-system-main-menu {
	padding: 12vw 0 0;
}

.open-menu #header .content-width #block-system-main-menu {
	display: block;
}

#header .content-width #block-system-main-menu ul li ul li a{
  line-height: 2.5;
}

#header #block-gw2d-gw2d-header-info-2 {
	padding-left: 5vw;
	padding-top: 17vw;
	width: 50%;
}

.open-menu #header #block-gw2d-gw2d-welcome, 
.open-menu #header #block-block-5 {
	display: block;
}

.open-menu #header #block-gw2d-gw2d-welcome,
.logged-in.open-menu #header #block-gw2d-gw2d-welcome {
	display: none !important;
}

/* footer */

#footer .footer-block .box-footer {
	width: 100%;
}

#footer .footer-block .box-footer#info-footer {
	text-align: center;
	margin: 0;
	padding-bottom: 5vw;
}

#footer #block-gw2d-gw2d-footer .footer-block h2.title {
	font-size: 2.5vw;
	line-height: 1.3;
}

#footer .footer-block #info-footer .telefone-footer {
	font-size: 5.5vw;
	margin-top: 0;
}

#footer .footer-block #info-footer a {
	font-size: 3.5vw;
	line-height: 1.3;
	padding-top: 2vw;
}

#header #block-gw2d-gw2d-header-info-2 .redes-sociais ul li.instagram a,
#header #block-gw2d-gw2d-header-info-2 .redes-sociais ul li.linkedin a,
#header #block-gw2d-gw2d-header-info-2 .redes-sociais ul li.youtube a,
#header #block-gw2d-gw2d-header-info-2 .redes-sociais ul li.twitter a,
#header #block-gw2d-gw2d-header-info-2 .redes-sociais ul li a,
#footer #block-gw2d-gw2d-footer .footer-block #info-footer ul li.youtube a,
#footer #block-gw2d-gw2d-footer .footer-block #info-footer ul li.linkedin a,
#footer #block-gw2d-gw2d-footer .footer-block #info-footer ul li.twitter a,
#footer #block-gw2d-gw2d-footer .footer-block #info-footer ul li.instagram a,
#footer #block-gw2d-gw2d-footer .footer-block #info-footer ul li a {
	width: 9vw;
	height: 9vw;
	background-size: 8.5vw;
}

#footer #block-gw2d-gw2d-footer .footer-block #info-footer ul li.instagram a{
	background-size: 8.5vw;
}

.redes-sociais ul li, 
#header #block-gw2d-gw2d-header-info-2 .redes-sociais ul li,
#footer #block-gw2d-gw2d-footer .footer-block #info-footer ul li {
	margin: 5vw 3.5vw;
}

#footer .content-width ul.menu li a,
#footer #block-gw2d-gw2d-footer .footer-block #menu-footer ul li a, 
#footer #block-gw2d-gw2d-footer .footer-block #menu-footer-2 ul li a {
	font-size: 3.5vw;
}

#header .content-width #block-system-main-menu ul li ul li a, 
#footer #block-gw2d-gw2d-footer .footer-block #menu-footer ul li ul li a, 
#footer #block-gw2d-gw2d-footer .footer-block #menu-footer-2 ul li ul li a {
  font-size: 1.7vw;
}

#header .content-width #block-system-main-menu ul li ul li a:before, #footer #block-gw2d-gw2d-footer .footer-block #menu-footer ul li ul li a:before, 
#footer #block-gw2d-gw2d-footer .footer-block #menu-footer-2 ul li ul li a:before {
	width: 2vw;
	height: 4vw;
	background-size: 0.95vw;
}

#footer .footer-block .box-footer#menu-footer-2 {
  width: 30%;
}

#footer .footer-block .box-footer#formulario-footer .form-actions,
#footer .footer-block .box-footer#formulario-footer .form-item {
	width: 24%;
	display: inline-block;
	margin: 0 0.5vw;
}

#footer .footer-block .box-footer#formulario-footer .form-item.webform-component--seu-whatsapp-com-ddd {
	width: 27%;
}

#footer .footer-block .box-footer#formulario-footer .webform-client-form .form-item.webform-component--titulo{
	width: 100%;	
}

#footer .footer-block .box-footer#formulario-footer .webform-client-form .form-item.webform-component--titulo h3{
	font-size: 3.5vw;
}

#footer #block-gw2d-gw2d-footer .footer-block #formulario-footer .form-actions input, 
#footer #block-gw2d-gw2d-footer .footer-block #formulario-footer .form-item input{
	font-size: 1.75vw;
	width: 100%;
	height: 5vw;
}

#footer .footer-block .box-footer#formulario-footer .form-actions{
	width: 19%;
}

#footer .footer-block .box-footer#formulario-footer {
	margin-top: 5vw;
	margin-left: 0;
	width: 100%;
}

#footer #block-gw2d-gw2d-footer .footer-block .btn-topo {
	left: 5vw;
	bottom: 7vw;
	height: 7vw;
	width: 7vw;
}

#footer #block-gw2d-gw2d-footer .footer-block a.logo-footer {
	width: 100%;
	margin: 0 0 7vw;
	text-align: center;
}

#footer .footer-block a img {
	width: 30%;
}

body #footer #block-gw2d-gw2d-footer .footer-block h2.title, 
body #footer .footer-block #info-footer .telefone-footer, 
body #footer .footer-block #info-footer a, 
body #footer ul {
	float: none;
	width: 100%;
}

body #footer .footer-block #info-footer .telefone-footer:after {
	width: 3.7vw;
	height: 3.5vw;
	background: url(../images/icon-phone.png) no-repeat center center;
	background-size: 3vw;
	margin-left: 0.75vw;
	margin-bottom: -0.8vw;
}

body #footer .footer-block #info-footer ul {
	text-align: center;
}

#footer #block-menu-menu-menu-footer-2,
#footer #block-menu-menu-especialidades-footer {
	padding: 5vw 0;
	padding-right: 0;
	margin-left: 0;
	width: 100%;
}

/* copyright */

#copyright-region #block-gw2d-gw2d-copyright {
	width: 100%;
	padding-top: 2vw;
}

#copyright-region .block-content ul li a,
#copyright-region #block-gw2d-gw2d-copyright .copyright-block p {
	font-size: 2.5vw;
	line-height: 1.5;
}

#copyright-region #block-menu-menu-footer-menu {
  width: 45%;
}

#copyright-region #block-block-2 {
	width: 100%;
	position: relative;
	padding-bottom: 2vw;
}

#copyright-region img.logo-pessagno {
  width: 5vw;
}

#copyright-region img.logo-gw2d {
  width: 2.5vw;
}

#copyright-region .block-content ul li {
  height: 3vw;
}

#copyright-region #block-block-2 p {
	margin: 0;
}

#copyright-region #block-block-2 img {
  width: 4.5vw;
}

#copyright-region {
	padding: 0 5vw;
}

/* Banner */

#home-banner .flexslider .slides li .views-field .imagem-full {
  display: none;
}

#home-banner .flexslider .slides li .views-field .imagem-mobile {
  display: block;
}

#home-banner .flexslider .slides li .views-field .imagem-mobile img{
	height: 90vh;
}

#home-banner .view-banner .view-footer .next-slide {
  bottom: 7vw;
  left: 47%;
}

#home-banner .view-banner .view-footer .next-slide a {
  width: 7vw;
  height: 5.5vw;
}

#page .flex-direction-nav a {
	width: 8vw;
	height: 8vw;
}

#page .flex-direction-nav li:hover .flex-prev,
#page .flex-direction-nav li:hover .flex-next,
#page .flex-direction-nav .flex-next,
#page .flex-direction-nav .flex-prev {
  background-size: 7vw;
}

#page .flex-direction-nav .flex-prev {
	left: 2vw;
	bottom: 0vw;
}

#page .flex-direction-nav .flex-next {
	right: 2vw;
	bottom: 0;
}

#page .view-meus-anuncios .view-content .views-row .anuncios-cadastrados .imagem {
	width: 100%;
	float: initial;
}

#page .view-meus-anuncios .view-content .views-row .anuncios-cadastrados .imagem img{
	width: 100%;
}

#page .view-meus-anuncios .view-content .views-row .anuncios-cadastrados .topo-infos-anuncios {
	float: initial;
	width: 100%;
}

#page .view-meus-anuncios .view-content .views-row .anuncios-cadastrados .topo-infos-anuncios .titulo {
	width: 100%;
	float: initial;
	text-align: center;
}

#page .view-meus-anuncios .view-content .views-row .anuncios-cadastrados .topo-infos-anuncios .categoria {
	text-align: center;
}

#page .view-meus-anuncios .view-content .views-row .anuncios-cadastrados .topo-infos-anuncios .botoes {
    display: flex;
    justify-content: space-between;
}

#page .view-meus-anuncios .view-content .views-row .anuncios-cadastrados .box-count {
	border-radius: 0;
	width: 99%;
}

#page .view-meus-anuncios .view-content .views-row .anuncios-cadastrados .box-count .titulo{
	font-size: 3vw
}

#page .view-meus-anuncios .view-content .views-row .anuncios-cadastrados .box-count .valor {
    font-size: 3vw;
}

#home-banner .flexslider .slides li .box-text h2 {
	font-size: 6.5vw;
	margin-left: 0;
	margin-bottom: 7vw;
}

#home-banner .flexslider .slides li .box-text p {
	font-size: 3vw;
}

#home-banner .flexslider .slides li .box-text {
	top: auto;
	left: 0;
	bottom: 0;
	padding: 5vw 7vw;
	width: 100%;
}

#home-banner .flexslider .slides li .box-text.right {
	top: 5vw;
}

#home-banner .flexslider .slides li.box-text.right {
  right: 0;
  width: 100%;
  text-align: center;
}

#home-banner .flexslider .slides li.flex-active-slide .box-text h1 {
    font-size: 10vw;
    color: darkslateblue;
}

#home-banner .flexslider .slides li.views-row .box-text.right,
#home-banner .flexslider .slides li.flex-active-slide .box-text.right {
	top: 30vw;
	right: 0;
	width: 100%;
	text-align: center;
}

#home-banner .flexslider .slides li .box-text:before {
	background: url(../images/aspas-left-banner.png) no-repeat center center;
	background-size: 8.05vw;
	width: 8vw;
	height: 5.5vw;
	margin-top: -2vw;
	margin-right: -3vw;
}

#home-banner .flexslider .slides li .box-text:after {
	content: "";
	background: url(../images/aspas-right-banner.png) no-repeat center center;
	vertical-align: bottom;
	margin-bottom: -2vw;
	margin-left: -3vw;
	background-size: 8.05vw;
	width: 8vw;
	height: 5.5vw;
}

/* Block Representante */

#representantes-home h2, #representantes-internas h2 {
	font-size: 3.5vw;
	width: 30%;
}

#representantes-home .box-select-representante, 
#representantes-internas .box-select-representante {
	width: 35%;
}

#page #content .box-select-representante .div-select a, 
#page #content #representantes-home .box-select-representante .div-select a, 
#page #content #representantes-internas .box-select-representante .div-select a, 
#page #content .box-select-representante .div-select select, 
#page #content #representantes-home .box-select-representante .div-select select, 
#page #content #representantes-internas .box-select-representante .div-select select{
	height: 5vw;
	font-size: 2vw;
}

/* Sobre > Home */

#a-renter .slide-whapper .descricao h2 {
  font-size: 3.5vw;
}

#sobre-renter .slide-whapper .descricao p,
#a-renter .slide-whapper .descricao p {
	font-size: 1.8vw;
}

.webform-client-form-108 .form-actions input, 
.page-fale-conosco #page #content .pane-webform-client-block-56 .form-actions input, 
#contato-paginas .slide-whapper .descricao a, 
.page-servicos #content #servicos-entenda .slide-content .chamadas-paginas .box-paginas a.saiba-mais, 
.page-servicos #content #servicos-content .slide-whapper .descricao .wrapper-right .box-right h3 a.btn-saibamais, 
#a-renter .slide-whapper .descricao a.btn-saiba-mais {
	background-size: 3.15vw;
	padding: 1.5vw 7vw 1.5vw 2vw;
	font-size: 2vw;
	height: 7vw;
}

/* Blog > pagina */

.page-blog #content .pane-1 .block-content .block-title {
  width: 60%;
}

.page-blog .view-blog .view-content ul li .views-field-title, 
.page-blog .view-blog .view-content ul li .views-field-created, 
.page-blog .view-blog .view-content ul li .views-field-field-descriao {
	width: 45%;
}

.page-blog .view-blog .view-content ul li .views-field-field-descriao {
  height: 19vw;
}

.page-blog .view-blog .view-content ul li {
	margin-bottom: 5vw;
	width: 100%;
}

/* Blog > pagina > interna */

.node-type-blog #page #content .pane-node-field-imagem {
  height: 40vw;
}

.node-type-blog #page #content .div-wrapper-titulo .field-name-field-descriao .field-item {
  font-size: 2.2vw;
}

.node-type-blog #page #content .pane-node-body .field-name-body .field-item ul,
.node-type-blog #page #content .pane-node-body .field-name-body .field-item p{
	font-size: 3vw;
	padding: 0 5vw;
}

.node-type-blog #page #content .pane-node-body .field-name-body .field-item ul {
	margin-bottom: 5vw;
	padding-left: 8.5vw;
}

.node-type-blog #page #content .pane-node-body .field-name-body .field-item ul li {
	font-size: 3vw;
	margin-bottom: 2.5vw;
}

.node-type-blog #page #content .pane-node-body .field-name-body .field-item {
  padding: 0 0;
}

.node-type-blog #page #content .div-wrapper-titulo h1 {
	font-size: 3.5vw;
}

/* FAQ > pagina */

.page-faq #title-faq .block-content .block-title h1 {
	font-size: 6.5vw;
}

.view-faq .view-content ul li .views-field-title {
  font-size: 4vw;
}

.view-faq .view-content ul li .views-field-body p {
	font-size: 4vw;
}

.view-faq .view-content ul li {
	padding: 7vw 0 5vw;
}

.page-faq #title-faq .block-content .block-title {
	top: 30vw;
	width: 90%;
}

.page-faq #title-faq .block-content .block-title p {
	font-size: 4vw;
}

.page-faq #content-faq {
	width: 100%;
	margin-top: 25vw;
	padding: 0 5.2vw;
}

/* Cotação > pagina */

.page-cotacao #page #content .pane-node {
  width: 65%;
}

.slide-banner .slide-banner-texto h1, 
.webform-client-form-108 .form-item .wrapper-left h2 {
	font-size: 3.5vw;
}

.slide-banner .slide-banner-texto .descricao, 
.webform-client-form-108 .form-item .wrapper-left p {
	font-size: 2.5vw;
}

.page-cotacao #cota-o-entityform-edit-form{
	padding-top: 5vw;
}

/* Conatato > pagina */

.page-fale-conosco #content .content-width {
	padding-bottom: 7vw;
}

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block {
	width: 100%;
	padding: 2vw 5vw 5vw;
}

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block .block-title h1 {
	font-size: 3.5vw;
}

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block .block-title p {
	font-size: 2.5vw;
}

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block .block-2 p {
	font-size: 2vw;
}

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block .block-infos p {
	font-size: 2.25vw;
}

.redes-sociais ul li.linkedin a,
.redes-sociais ul li.youtube a, 
.redes-sociais ul li.twitter a, 
.redes-sociais ul li.instagram a, 
.redes-sociais ul li a{
	width: 5vw;
	height: 5vw;
	background-size: 3vw;
}

.page-agendar-consulta #page #content form .form-item, 
.page-trabalhe-conosco #page #content form #edit-submitted-upload-do-arquivo-ajax-wrapper,
.page-trabalhe-conosco #page #content form .form-item,
.webform-client-form-108 .form-wrapper, 
.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item {
	width: 100%;
	margin: 0 0 3vw;
}

.page-fale-conosco #page #content .pane-webform-client-block-56 {
	padding: 0vw 5vw 3vw;
	width: 100%;
	margin-left: 0;
}

.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item.webform-component--cidade, 
.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item.webform-component--onde-conheceu-a-renter {
	width: 37.5%;
}

.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item.webform-component--estado {
	width: 22.3%;
}

.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item.webform-component--mensagem {
	width: 100%;
}

.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item textarea {
	width: 100%;
	height: 35vw !important;
}

.webform-client-form-108 .form-actions, 
.page-fale-conosco #page #content .pane-webform-client-block-56 .form-actions {
	padding-right: 1vw;
	margin-top: 0.75vw;
}

.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item.webform-component--estado select {
	background-size: 2.25vw;
}

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block .block-infos .telefone p{
	font-size: 3vw;
}

/**/

div.messages {
	width: 60%;
	top: 20vw;
	right: 5vw;
	font-size: 2.5vw;
	z-index: 999;
	padding: 3vw;
}

#webform-ajax-wrapper-192 .webform-confirmation p,
#webform-ajax-wrapper-56 .webform-confirmation p {
	font-size: 2.5vw;
}

#webform-ajax-wrapper-192 .links a,
#webform-ajax-wrapper-56 .links a {
	padding: 1.5vw 8vw 1.5vw 3vw;
	font-size: 2vw;
	background-size: 3vw;
}

#home-banner .flexslider .slides li .views-field-field-video-embed {
	display: none;
}

#webform-ajax-wrapper-192 .webform-confirmation{
	margin-top: 7vw;
}

#page #webform-ajax-wrapper-192 .links a {
	width: 75%;
	margin-bottom: 7vw;
}

/* Vet Prev */

/* Header */

#header.small .content-width, 
#header.small,
#header {
	height: 12vw;
	z-index: 9999;
}

#header #block-block-5 .block-credenciado {
	width: 100%;
	height: 12vw;
}

#header #block-block-5 .block-credenciado a {
	font-size: 3.5vw;
	padding: 3.25vw 7vw 3vw;
	margin: 1.75vw 1vw 0;
}

.open-menu #header .content-width #block-gw2d-gw2d-header-info {
	display: block;
}

#header #block-gw2d-gw2d-header-info-2 {
	position: absolute;
	right: 6vw;
	bottom: auto;
	top: 0.6vw;
	padding: 0;
}

.previsao-do-tempo {
    float: right;
    height: 70px;
    overflow: hidden;
    width: 60px;
    margin-top: -75px;
}

.redes-sociais ul li, #header #block-gw2d-gw2d-header-info-2 .redes-sociais ul li{
	margin-top: 0;
}

/*
#header #block-block-5 .block-credenciado a {
	background: url(../images/menu-icon-praias.png) no-repeat center center;
	background-size: 10vw;
	width: 9.5vw;
	height: 8.5vw;
	padding: 0;
	display: block;
	position: absolute;
	top: 2vw;
	left: 2vw;
	margin: 0;
	font-size: 0;
}

#header #block-block-5 .block-credenciado a:last-child {
	background: url(../images/icon-sair.png) no-repeat center center;
	background-size: 10vw;
	right: 2vw;
	left: auto;
}

/* Menu */

body.open-menu {
	position: relative;
	overflow: hidden;
}

#header .content-width #block-system-main-menu ul li ul {
	position: relative;
	display: block;
}

#page #header .content-width #block-system-main-menu ul ul {
	height: auto;
	background: none;
	padding: 0;
	padding-left: 15vw;
}

#header .content-width #block-system-main-menu ul li ul li {
	padding: 0 5vw 0 2vw;
}

#header .content-width #block-system-main-menu ul li ul li a, 
#footer #block-gw2d-gw2d-footer .footer-block #menu-footer ul li ul li a, 
#footer #block-gw2d-gw2d-footer .footer-block #menu-footer-2 ul li ul li a {
	font-size: 2.5vw;
	font-weight: bold;
	position: relative;
	line-height: 3.5;
	padding: 0 3vw;
	color: #fff;
}

#header .content-width #block-system-main-menu ul li ul li a:before, 
#footer #block-gw2d-gw2d-footer .footer-block #menu-footer ul li ul li a:before, 
#footer #block-gw2d-gw2d-footer .footer-block #menu-footer-2 ul li ul li a:before {
  display: none;
}

#header .content-width #block-system-main-menu ul li:hover ul li a {
	color: #fff;
	background: none;
	border-bottom: 1px solid #B8C5CC;
}

#page #header .content-width #block-system-main-menu ul li ul li a:hover, 
#page #header .content-width #block-system-main-menu ul li ul li:hover a {
	border-bottom: 1px solid #B8C5CC;
	color: #00AAC8;
}

#header .content-width #block-system-main-menu ul li:hover ul li:last-child a,
#page #header .content-width #block-system-main-menu ul li ul li:last-child a:hover, 
#page #header .content-width #block-system-main-menu ul li ul li:last-child:hover a {
	border-bottom: 0;
}

/* Footer */

#footer {
	padding: 7.5vw 5vw 5vw;
}

#footer .footer-block .box-footer#menu-footer {
	margin-right: 0;
	width: 100%;
}

#footer .content-width ul.menu li,
#footer #block-gw2d-gw2d-footer .footer-block #menu-footer ul li, 
#footer #block-gw2d-gw2d-footer .footer-block #menu-footer-2 ul li {
	width: 100%;
	display: inline-block;
	margin-bottom: 3vw;
	text-align: center;
}

#footer #block-webform-client-block-68,
#footer #block-gw2d-gw2d-footer {
	width: 100%;
	padding-left: 0;
}

body #footer ul {
padding: 0;
}

#footer #block-webform-client-block-68 form .form-actions, 
#footer #block-webform-client-block-68 form .form-item {
	width: 31%;
	display: inline-block;
	margin-right: 1.75vw;
}

#footer #block-webform-client-block-68 .links a,
#footer #block-webform-client-block-68 form .form-actions input,
#footer #block-webform-client-block-68 form .form-item input {
	width: 100%;
	height: 5.5vw;
	padding: 1vw;
	font-size: 2vw;
}

#footer #block-webform-client-block-68 .webform-confirmation p {
	font-size: 2.2vw;
}

#footer #block-webform-client-block-68 .links a{
	width: 50%;
	margin: 0 auto;
	padding: 1.4vw;
}

#footer #block-webform-client-block-68 form .webform-component-markup {
	width: 75%;
	margin: 0 auto;
	text-align: center;
	display: block;
}

#footer #block-webform-client-block-68 form .webform-component-markup h1{
	font-size: 2vw;
}

/* Home > Banner */ 

#home-banner .flexslider .slides li .box-text h2.destaque {
	font-size: 5.5vw;
}

#home-banner .flexslider .slides li .box-text .valor {
	margin-top: 1vw;
}

#home-banner .flexslider .slides li .box-text .destaque {
	font-size: 3vw;
}

#home-banner .flexslider .slides li .box-text .preco {
	font-size: 6vw;
	margin-top: 0.5vw;
}

#home-banner .flexslider .slides li .box-text h4 {
	font-size: 3vw;
}

#home-banner .flexslider .slides li .box-text h3 {
	font-size: 3.75vw;
}

#home-banner .flexslider .slides li .box-text.left {
	left: 0vw;
	bottom: 3vw;
	width: 100%;
}

#home-banner .flexslider .slides li .box-text.bottom {
	bottom: auto;
	right: auto;
	width: 75%;
	left: 0;
}

/* Contato */

.page-fale-conosco #page #content{
	position: relative;
	overflow: hidden;
}

.page-agendar-consulta #page #content form, 
.page-trabalhe-conosco #page #content form,
.page-fale-conosco #content .content-width #block-title-page {
	padding: 7vw 5vw 0;
}

#page #content form .webform-component-markup h2, 
.page-contrate-aqui #page #content .webform-client-form-192 .webform-component--title h1, 
.page-fale-conosco #content .content-width #block-title-page .block-title h1 {
	font-size: 6vw;
	margin-bottom: 5vw;
}

#page #content form .webform-component-markup p, 
.page-contrate-aqui #page #content .webform-client-form-192 .webform-component--title p, 
.page-fale-conosco #content .content-width #block-title-page .block-title p {
	font-size: 3vw;
	line-height: 1.5;
}

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block .block-infos .email h3 {
	font-size: 2.5vw;
}

.page-agendar-consulta #page #content form .form-item label, 
.page-trabalhe-conosco #page #content form .form-item label,
.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item label {
	font-size: 3vw;
	padding-left: 5vw;
	margin-left: 0;
}

/* webform */

.page-agendar-consulta #page #content form .form-item textarea, 
.page-agendar-consulta #page #content form .form-item select, 
.page-agendar-consulta #page #content form .form-item input, 
.page-trabalhe-conosco #page #content form .form-item textarea, 
.page-trabalhe-conosco #page #content form .form-item select, 
.page-trabalhe-conosco #page #content form .form-item input,
.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item textarea, 
.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item select, 
.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item input {
	width: 100%;
	height: 10vw;
	padding: 3.5vw 5vw 3vw;
	font-size: 3vw;
}

#webform-ajax-wrapper-192 .links a,
#webform-ajax-wrapper-56 .links a, .webform-client-form-108 .form-actions input,
.page-fale-conosco #page #content .pane-webform-client-block-56 .form-actions input {
	width: 50%;
	font-size: 3.5vw;
	height: 10vw;
	padding: 3vw 0 3vw;
}

/* Envienos uma Mensagem */

#footer #block-webform-client-block-218 {
	width: 35vw;
	right: 2.5vw;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 		0px 0px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 				0px 0px 20px 0px rgba(0,0,0,0.75);
}

#footer .webform-confirmation:before, 
#footer #webform-client-form-218:before {
	font-size: 2vw;
	padding: 1.5vw 2vw;
}

#footer #webform-client-form-218 .form-actions, 
#footer #webform-client-form-218 .form-item {
	padding: 0 2vw;
	margin: 1vw 0;
}

#footer #webform-client-form-218 .webform-component--texto {
	padding: 0 2vw;
	padding-top: 2vw;
	margin-bottom: 2.25vw;
}

#footer #webform-client-form-218 .form-item p {
	font-size: 1.8vw;
}

#footer #webform-ajax-wrapper-218 .links a,
#footer #webform-client-form-218 .form-actions input, 
#footer #webform-client-form-218 .form-item input {
	width: 100%;
	height: 5.5vw;
	font-size: 1.8vw;
	padding: 1.5vw 1.5vw;
}

#footer #webform-ajax-wrapper-218 .links a,
#footer #webform-client-form-218 .form-actions input {
	font-size: 2vw;
	padding: 1.1vw 1vw;
	margin-bottom: 2vw;
	margin-top: 1vw;
}

#footer #block-webform-client-block-218.active-mensagem .btn-close {
	background-size: 3vw;
	width: 4vw;
	height: 4vw;
	right: 1.4vw;
	top: 0.9vw;
}

#footer #webform-ajax-wrapper-218 .webform-confirmation p {
	font-size: 2vw;
	padding: 2.5vw 5vw 1vw;
}

#footer #webform-ajax-wrapper-218 .links {
	padding: 1vw 3vw 1vw;
}

/* Home > Blog */

#artigos-home {
	padding: 0vw 5vw 5vw;
}

#artigos-home .view-blog .view-header {
	padding-top: 7vw;
	padding-bottom: 0;
}

.page-blog #content .pane-1 .block-content h1, 
.view-blog .view-header h2 {
	font-size: 6vw;
	margin-bottom: 7vw;
}

.page-user #page #content section.pane-meus-anuncios h2:after, 
.page-promocoes #page #content .pane-custom h2:after, 
.node-type-eventos #page #content .view-eventos .view-header h2:after, 
.node-type-praia #page #content .view-eventos .view-header h2:after, 
#page #content .pane-pontos-tur-sticos h2.block-title:after, 
#page #content .pane-eventos h2:after,
.page-fale-conosco #content .content-width #block-title-page .block-title h1:after, 
#page #content .pane-informa-es-de-ubatuba h2.block-title:after, 
#page #content .pane-pontos-tur-sticos h2.block-title:after, 
#page #content .pane-eventos h2:after, 
#page #content .pane-promocao h2:after, 
.page-blog #content .pane-1 .block-content h1:after, 
.view-blog .view-header h2:after {
	width: 10vw;
	height: 3vw;
	background-size: 7vw;
}

.page-blog #content .pane-1 .block-content p, 
.view-blog .view-header p {
	font-size: 4vw;
	width: 100%;
}

#artigos-home .view-blog .view-content ul li {
	width: 100%;
	margin: 0 0 3vw;
}

#artigos-home .view-blog .view-content ul li .views-field-field-imagem {
	height: 63vw;
	width: 45%;
}

#artigos-home .view-blog .view-content ul li .views-field-nothing {
	width: 55%;
	padding: 2vw 3vw;
}

#artigos-home .view-blog .view-content ul li .views-field-nothing .title {
	margin: 0 0 2vw;
}

#artigos-home .view-blog .view-content ul li .views-field-nothing .title a {
	font-size: 3.5vw;
}

#artigos-home .view-blog .view-content ul li .views-field-nothing .autor {
	font-size: 2.5vw;
	margin: 1vw 0 2vw;
}

#artigos-home .view-blog .view-content ul li .views-field-nothing .autor span {
	color: #00AAC8;
	font-weight: bold;
	font-size:3vw;
}

#artigos-home .view-blog .view-content ul li .views-field-nothing .redes-sociais-blog div a {
	width: 5vw;
	height: 5vw;
	background-size: 5vw;
	margin-right: 3vw;
}

#artigos-home .view-blog .view-content ul li .views-field-nothing .redes-sociais-blog .instagram a{
	background-size: 5vw;
}

#artigos-home .view-blog .view-content ul li .views-field-nothing .redes-sociais-blog .twitter a{
	background-size: 5vw;
}

.page-eventos #page #content .view-eventos .item-list .pager-load-more,
#artigos-home .view-blog .view-footer .more-link {
	margin: 7vw 0;
}

.page-eventos #page #content .view-eventos .item-list .pager-load-more a,
#artigos-home .view-blog .item-list .pager-load-more a, 
#artigos-home .view-blog .view-footer .more-link a {
	font-size: 3.5vw;
	width: 50%;
	height: 10vw;
	padding: 2.7vw 5vw 3vw;
}

.page-eventos #page #content .view-eventos .item-list .pager-load-more a {
	padding: 2.5vw 5vw 3vw;
}

/* Bradcrumb */

.easy-breadcrumb {
	padding: 3vw 5.5vw 1vw;
}

.easy-breadcrumb span {
	font-size: 3vw;
}

#page #content .easy-breadcrumb a.easy-breadcrumb_segment-front {
	width: 5vw;
	height: 5vw;
	background-size: 3vw;
}

#page #content .easy-breadcrumb span.easy-breadcrumb_segment-separator {
	margin: 0 1vw;
}

#page #content .easy-breadcrumb span.easy-breadcrumb_segment-separator:before {
	width: 2vw;
	height: 5vw;
	background-size: 1.5vw;
}

/* Duvidas frequentes > pagina */

.page-duvidas-frequentes #title-faq h1 {
	font-size: 6.5vw;
}

.page-duvidas-frequentes #title-faq p {
	font-size: 3vw;
	padding: 3vw 5vw;
}

.view-faq {
	padding: 5vw 5vw;
}

/* ==============
  Ubatuba On
============== */

/* Home > Banner */

#page #busca-praia-home {
	top: 100vw;
}

.views-exposed-widgets {
    margin-bottom: .5em;
    display: flex;
    flex-direction: column;
}

#page #busca-praia-home .views-exposed-widgets {
	padding: 2vw;
	width: 90%;
}

#page #busca-praia-home .views-exposed-widgets #edit-title-wrapper {
	margin-right: 1.25vw;
}

#page #busca-praia-home .views-exposed-widgets #edit-title-wrapper input {
	font-size: 2.8vw;
	padding: 2.9vw 5vw 2.55vw;
}

#page #busca-praia-home .views-exposed-widgets .views-submit-button input {
	font-size: 3vw;
	padding: 2.8vw 1vw 2.5vw;
}

/* Home > Chamada de Cadastre-se */

#page #home-chamada-cadastre-se {
	padding: 5vw 5vw;
}

#page #home-chamada-cadastre-se .texto {
	display: block;
	width: 100%;
	margin: 0 0 5vw;
	text-align: center;
}

#page #home-chamada-cadastre-se .texto h2 {
	font-size: 4vw;
	margin: 0 0 2vw;
}

#page #home-chamada-cadastre-se .texto p {
	font-size: 3.5vw;
	line-height: 1.2;
}

#page #home-chamada-cadastre-se .texto p span:before {
	top: 0.3vw;
	height: 4vw;
}

#page #home-chamada-cadastre-se .texto p b {
	padding: 0.25vw 1vw;
}

#page #home-chamada-cadastre-se .link-pagina {
	display: block;
	width: 50%;
	margin: 0 auto;
}

#page #home-chamada-cadastre-se .link-pagina a {
	font-size: 3vw;
	padding: 3vw 5vw 2.5vw;
}

#page #content .descricao p {
	padding-left: 10%;
	padding-right: 10%;
	font-size: 3vw;
	margin-bottom: 1vw;
	text-align: center;

}

/* Home > Praias */

.filter-links-style a {
	font-size: 2.5vw;
	padding: 1.5vw 3vw;
	margin-right: 2vw;
	margin-bottom: 2vw;
}

#page #praias-home .group-praias ul {
	padding: 0 0 2vw;
}

#page #praias-home .group-praias ul li {
	margin: 0 1vw;
	width: 42vw;
}

#page #praias-home .group-praias ul li .views-field-title {
	padding: 5vw 3vw 0;
}

#page #praias-home .group-praias ul li .views-field-title a {
	font-size: 2.5vw;
}

#page #praias-home .group-praias ul li .views-field-title h3 {
	font-size: 3vw;
}

#page #praias-home .group-praias ul li .views-field-title h3 span {
	padding: 0.75vw 3vw 0.75vw 1.5vw;
}

#page #praias-home .group-praias ul li .views-field-title h3 span.regiao {
	font-size: 1.8vw;
}

#page #praias-home .group-praias ul li .views-field-title a:after {
	padding: 0.75vw 3vw;
	margin-top: 1.5vw;
}

#page #praias-home .group-praias ul li .views-field-field-nota-media .field-content:before {
	width: 2.5vw;
	height: 2.3vw;
	margin-right: 0.5vw;
	margin-top: -0.5vw;
}

/* Home > Hospedagem */

#page #content .view-servi-os,
#page #content .view-hospedagem {
	padding: 10vw 5vw 7vw;
	background-size: auto 100%;
}

.page-user-password #page #content #user-pass .box-recuperar-senha h1, 
.page-user-login #page #content #user-login .box-login h1,
.page-termos-de-uso #page #content h2.pane-title,
.page-user #page #content section.pane-meus-anuncios h2,
#page #content .pane-informa-es-de-ubatuba h2.block-title, 
#page #content .pane-eventos h2, 
#page #content .pane-promocao h2, 
.page-blog #content .pane-1 .block-content h1, 
.view-blog .view-header h2,
#page #content .view-servi-os .view-header h2,
#page #content .view-hospedagem .view-header h2 {
	font-size: 6vw;
	margin-bottom: 7vw;
}

.page-user #page #content section.pane-meus-anuncios ul li,
#page #content .view-hospedagem .view-content ul li {
	width: 47%;
	margin: 0 1vw 2vw;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing{
	padding: 2vw 3vw;
}

#page #content .view-hospedagem .view-filters .views-exposed-widget label {
    font-size: 4.5vw;
}

#page #content .view-hospedagem .view-filters .views-exposed-widget{
    width: 100%;
}

#page #content .pane-servi-os .view-filters .views-exposed-widget .bef-select-as-links > .form-item,
#page #content .view-hospedagem .view-filters .views-exposed-widget .bef-select-as-links > .form-item {
    overflow: inherit;
    flex-wrap: wrap;
}

#page #content .pane-servi-os .view-filters .views-exposed-widget .form-item .form-type-bef-link a,
#page #content .view-hospedagem .view-filters .views-exposed-widget .form-item .form-type-bef-link a {
    padding: 2vw;
    font-size: 3vw;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamadas h3 a {
	font-size: 4vw;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamadas h4 a {
	margin: 0.5vw 0 3vw;
	font-size: 2vw;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamadas p {
	margin: 0 0 2vw;
	font-size: 2vw;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamadas p:before {
	width: 2vw;
	height: 2vw;
	background-size: 1.5vw;
	margin-right: 0.75vw;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-destalhes {
	margin: 0 auto;
	width: 100%;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-destalhes span {
	padding: 1.5vw 1vw;
	font-size: 2.5vw;
	width: 33.3%;
	height: 8vw;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-destalhes span:after {
	width: 4vw;
	height: 4vw;
	background-size: 3.9vw;
	margin-left: 1vw;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-destalhes span.info-chamada-banheiro:after {
	background-size: 4.3vw;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-destalhes span.info-chamada-metragem:after {
	width: 3.5vw;
	background-size: 3.5vw;
	margin-left: 1vw;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-valor {
	padding: 2vw 0 1.5vw;
	width: 100%;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-valor span.valor-value {
	font-size: 3vw;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-valor span.valor-diaria {
  font-size: 2vw;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-codigo {
	font-size: 2vw;
	font-weight: normal;
	margin-top: 2vw;
}

#page #content .view-promocao li .bloco-left img {
    width: 100%;
}

/* Home > Servicos */

#page #content .view-servi-os .view-header h2{
	margin-bottom: 5vw;
}

#page #content .view-servi-os .view-content ul li {
	width: 100%;
	margin: 0 0 3vw;
}

#page #content .view-servi-os .view-content ul li .views-field-field-imagem-chamada {
	margin-right: 3vw;
}

#page #content .view-servi-os .view-content ul li .views-field-title {
	padding: 1.5vw 10vw 0.5vw 0;
}

#page #content .view-servi-os .view-content ul li .views-field-title a {
	font-size: 3vw;
	line-height: 1.2;
	display: block;
}

#page #content .view-servi-os .view-content ul li .views-field-field-telefone .field-content, 
#page #content .view-servi-os .view-content ul li .views-field-title .field-content {
	font-size: 3vw;
}

#page #content .view-servi-os .view-content ul li .views-field-field-praia a {
	font-size: 2vw;
	margin: 1.5vw 0 1vw;
	display: block;
}

#page #content .view-servi-os .view-content ul li .views-field-field-praia a:before, 
#page #content #todas-promocoes .view-promocao li .praia:before {
	width: 1.5vw;
	height: 2vw;
	background-size: 1.3vw;
	margin-right: 0.75vw;
}

#page #content .view-servi-os .view-content ul li .views-field-field-endereco .field-content {
	font-size: 2.5vw;
	padding-bottom: 1.5vw;
	width: 52.3%;
	float: right;
	padding-right: 2vw;
}

.view-servi-os .view-content ul li h4.categoria-servico, 
#page #content .view-servi-os .view-content ul li .views-field-field-categoria .field-content {
	font-size: 2.5vw;
}

#page #content .view-servi-os .view-content ul li .views-field-field-nota-media {
	left: auto;
	right: 1.5vw;
	top: 1.5vw;
}

#page #content .view-servi-os .views-field-field-nota-media .field-content:before {
	width: 2.75vw;
	height: 2.75vw;
	margin-right: 0.5vw;
}

.page-eventos #page #content .banner-topo-eventos form,
.page-hospedagem #page #content .hospedagem-banner-topo form,
.page-servicos #page #content .banner-topo-servicos form,
.page-praias #page #content .banner-topo-praias form,
#page #content .view-servi-os .view-filters .views-exposed-form {
	border-radius: 3vw;
	padding: 3.5vw 3vw;
	margin-bottom: 3vw;
	width: 100%;
	max-width: 100%;
}

.page-eventos #page #content .banner-topo-eventos form .views-exposed-widget,
.page-hospedagem #page #content .hospedagem-banner-topo form .views-exposed-widget,
.page-servicos #page #content .banner-topo-servicos form .views-exposed-widget,
.page-praias #page #content .banner-topo-praias form .views-exposed-widget,
#page #content .view-servi-os .view-filters .views-exposed-widget {
	margin: 0 auto 2vw;
	width: 100%;
	display: block;
	float: none;
}

#page #content .select2-container--default .select2-selection--multiple .select2-selection__choice {
	font-size: 2.5vw;
}

.page-eventos #page #content .banner-topo-eventos form .views-exposed-widget .select2,
.page-hospedagem #page #content .hospedagem-banner-topo form .views-exposed-widget .select2,
.page-servicos #page #content .banner-topo-servicos form .views-exposed-widget .select2,
.page-praias #page #content .banner-topo-praias form .views-exposed-widget .select2,
#page #content .view-servi-os .view-filters .views-exposed-widget .select2 {
	width: 100% !important;
}

.page-praias #page #content .banner-topo-praias form .views-exposed-widgets {
	margin: 0;
	display: flex;
	flex-direction: column;
}

.page-hospedagem #page #content .hospedagem-banner-topo form .select2-container--default .select2-search--inline .select2-search__field,
body .select2-container--default .select2-search--inline .select2-search__field {
	font-size: var(--uo-field-font-size);
	width: 100% !important;
}

body .select2-container .select2-results ul li {
  font-size: 2.5vw;
}

.page-eventos #page #content .banner-topo-eventos form .views-exposed-widget.views-submit-button,
.page-hospedagem #page #content .hospedagem-banner-topo form .views-exposed-widget.views-submit-button,
.page-servicos #page #content .banner-topo-servicos form .views-exposed-widget.views-submit-button,
.page-praias #page #content .banner-topo-praias form .views-exposed-widget.views-submit-button,
#page #content .view-servi-os .view-filters .views-exposed-widget.views-submit-button {
	width: 100%;
	margin-bottom: 0;
}

.page-eventos #page #content .banner-topo-eventos form .views-exposed-widget.views-submit-button input,
.page-hospedagem #page #content .hospedagem-banner-topo form .views-exposed-widget.views-submit-button input,
.page-servicos #page #content .banner-topo-servicos form .views-exposed-widget.views-submit-button input,
.page-praias #page #content .banner-topo-praias form .views-exposed-widget.views-submit-button input,
#page #content .view-servi-os .view-filters .views-exposed-widget.views-submit-button input {
	font-size: 3vw;
	padding: 2.5vw 3vw 2vw;
	width: 100%;
	border-radius: 22vw;
}

#page #content .view-servi-os .view-filters .views-exposed-widgets{
	margin: 0;
}

#page #content .view-servi-os .view-filters .views-exposed-widget label {
	font-size: 4vw;
}

#page #content .view-servi-os .view-filters .views-exposed-widget .bef-select-as-links > select {
    font-size: 3vw;
}

/* Home > Promocoes */

.page-home #page #content .view-promocao {
	padding: 10vw 5vw 5vw 5vw;
}

#page #content .view-promocao li .bloco-left {
	width: 100%;
	float: none;
}

#page #content .view-promocao li .bloco-right {
	float: none;
	width: 100%;
	padding: 3vw 3vw 3vw;
}

#page #content .view-promocao li .titulo a {
    font-size: 5.25vw;
    margin-bottom: 3vw;
    padding-right: 0;
    text-align: center;
}

#page #content .view-promocao li .nome-local, #page #content .view-promocao li .telefone {
	font-size: 4.2vw;
	margin-bottom: 2vw;
	text-align: center;
}

#page #content .view-promocao li .praia {
	margin-top: 4vw;
	font-size: 2vw;
	margin-bottom: 1vw;
	text-align: center;
}

#page #content .view-promocao li .endereco-local {
	font-size: 3vw;
	margin-bottom: 3vw;
	padding-right: 0;
	text-align: center;
}

#page #content .view-promocao li .praia:before {
	width: 2vw;
	height: 2.5vw;
	background-size: 1.5vw;
}

#page #content .view-promocao li .custo {
	width: 100%;
}

#page #content .view-promocao li .custo .apartir-de {
	font-size: 3vw;
	margin-bottom: 1vw;
	text-align: center;
}

#page #content .view-promocao li .custo .valor {
	font-size: 6vw;
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
	text-align: center;
	display: block;
}

#page #content .view-promocao li .custo .mais-info {
	font-size: 2.5vw;
	width: 100%;
	text-align: center;
}

#page #content .view-promocao li .saiba-mais {
	width: 34%;
	margin: 2vw auto;
    display: block;
}

#page #content .view-promocao li .saiba-mais a {
	width: 100%;
	font-size: 2.75vw;
	padding: 3.75vw 1.3vw 3vw;
}

.node-type-servicos #page #content .view-promocao,
.page-home #page #content #todas-promocoes .view-promocao {
	padding: 0 5vw 7vw;
}

.node-type-servicos #page #content .view-promocao li,
#page #content #todas-promocoes .view-promocao li {
	width: 46%;
	margin: 0 1.5vw 3vw;
	vertical-align: top;
}

.node-type-servicos #page #content .view-promocao li .titulo a,
#page #content #todas-promocoes .view-promocao li .titulo a {
	font-size: 3vw;
	margin-bottom: 3vw;
	height: auto;
}

.node-type-servicos #page #content .view-promocao li .nome-local, 
.node-type-servicos #page #content .view-promocao li .telefone,
#page #content #todas-promocoes .view-promocao li .nome-local, 
#page #content #todas-promocoes .view-promocao li .telefone {
	font-size: 2.5vw;
}

.node-type-servicos #page #content .view-promocao li .praia,
#page #content #todas-promocoes .view-promocao li .praia {
	margin-top: 2vw;
	margin-bottom: 2vw;
}

.node-type-servicos #page #content .view-promocao li .custo,
#page #content #todas-promocoes .view-promocao li .custo {
	width: 100%;
}

.node-type-servicos #page #content .view-promocao li .custo .apartir-de,
#page #content #todas-promocoes .view-promocao li .custo .apartir-de {
	font-size: 2.5vw;
	margin-right: 1vw;
	margin-bottom: 0;
	display: inline-block;
	vertical-align: middle;
}

.node-type-servicos #page #content .view-promocao li .custo .valor,
#page #content #todas-promocoes .view-promocao li .custo .valor {
	font-size: 4vw;
}

/* Home > Eventos */

#page #content .pane-eventos {
	background-size: auto 100%;
	padding: 10vw 5vw 7vw;
}

.page-home #page #content .pane-eventos h2 {
	color: #333333;
}

.page-home #page #content .pane-eventos h2:after {
	background: url(../images/Linha-ondular-titulos-black.png) no-repeat center center;
	width: 10vw;
	height: 3vw;
	background-size: 7vw;
}

#page #content .view-eventos .view-content ul li {
	width: 100%;
	margin: 0 0 3vw;
}

#page #content .view-eventos .view-content ul li .campo-informacoes .titulo {
	font-size: 4vw;
	margin-bottom: 2vw;
	line-height: 1.2;
}

#page #content .view-eventos .view-content ul li .campo-informacoes .valor, 
#page #content .view-eventos .view-content ul li .campo-informacoes .horario span {
	font-size: 3vw;
	font-weight: normal;
}

#page #content .view-eventos .view-content ul li .campo-informacoes .praia {
	margin-top: 1.5vw;
	font-size: 2.5vw;
	margin-bottom: 0;
}

#page #content .view-informa-es-de-ubatuba ul li .views-field-title, 
#page #content .view-pontos-tur-sticos ul li .pontos-turisticos-locais, 
#page #content .view-eventos .view-content ul li .campo-informacoes {
	padding: 0vw 3vw;
}

#page #content .node-evento .content-node-right .praia-evento:before, 
#page #content .view-eventos .view-content ul li .campo-informacoes .praia:before{
	width: 2vw;
	height: 2vw;
	background-size: 1.5vw;
	margin-right: 0.5vw;
	margin-bottom: 0.5vw;
}

/* Newslatter */

#page #content #block-block-9, #page #content #newslatter-block {
	padding: 3vw 4vw;
	text-align: center;
}

#page #content .melhor-email .mauticform-email h1 {
	font-size: 4.5vw;
}

#page #content .melhor-email .mauticform-formulario,
#page #content .melhor-email .mauticform-email {
  width: 100%;
}

#page #content .melhor-email .mauticform-formulario .mauticform-field-email {
	width: 70%;
	margin: 7vw 0 3vw;
	margin-right: 1vw;
}

#page #content .melhor-email .mauticform-formulario .mauticform-button-wrapper button,
#page #content .melhor-email .mauticform-formulario .mauticform-field-email input {
	width: 100%;
	font-size: 3.5vw;
	padding: 3.5vw 5vw 3.5vw;
}

#page #content .melhor-email .mauticform-formulario .mauticform-button-wrapper {
	width: 28%;
	margin: 7vw 0 3vw;
}

/* Praias > pagina */

.page-praias #page #content .banner-topo-praias {
	padding: 5vw 5vw 0;
}

.page-praias #page #content .banner-topo-praias h2 {
	margin-bottom: 15vw;
}

.page-praias #page #content .banner-topo-praias .filter-links-style {
	padding: 0;
}

.page-praias #page #content .banner-topo-praias form .views-exposed-widget {
	width: 100%;
}

.page-praias #page #content .banner-topo-praias form .views-exposed-widget label {
    margin-bottom: 0;
    font-size: 4vw;
}

.page-praias .select2-container--default .select2-search--inline .select2-search__field {
	font-size: 4vw;
}

.page-praias #page #content .banner-topo-praias form .views-exposed-widget.views-widget-sort-by,
.page-praias #page #content .banner-topo-praias form .views-exposed-widget.views-widget-sort-order {
	display: none;
}

.page-praias #page #praias-home {
	padding: 5vw 4vw;
}

.page-praias #page #praias-home h2.pane-title.block-title {
	font-size: 6vw;
	margin-bottom: 7vw;
}

.page-praias #page #praias-home .group-praias ul li {
	width: 47.3%;
	margin: 0 1vw 2vw;
}

/* Praias > pagina > interna */

.node-praia {
	padding-left: 0;
	padding-right: 0;
	position: relative;
}

.node-praia .praia-img {
	position: relative;
	width: 40%;
	float: left;
	margin-right: 3vw;
	margin-bottom: 1vw;
}

.node-type-praia #page #content .node-praia h1.nome {
	font-size: 4.5vw;
	margin: 5vw 0 0;
	padding: 0 5vw 5vw;
}

.node-type-praia #page #content .node-praia .descricao {
	font-size: 3vw;
	margin-bottom: 5vw;
	padding: 0 5vw;
}

#page #content .comments-wrapper .comments-form h2,
.node-type-praia #page #content .node-praia h3 {
	font-size: 3.5vw;
	margin: 0 0 3vw;
}

.node-type-praia #page #content .node-praia .informacoes-praia-box {
	padding: 2vw 5vw 0;
	margin: 0 0 5vw;
	clear: both;
}

.node-type-praia #page #content .node-praia .informacoes-praia-box .listagem-info li {
	width: 50%;
	padding: 2.5vw 3vw 2.5vw;
	height: 9.5vw;
}

.node-type-praia #page #content .node-praia .informacoes-praia-box .listagem-info li img {
	margin-right: 3vw;
	margin-top: 0;
	width: 4vw;
	max-height: 4vw;
}

.node-type-praia #page #content .node-praia .informacoes-praia-box .listagem-info li label {
	font-size: 3vw;
}

.node-type-praia #page #content .comments-wrapper {
	padding: 5vw 5vw;
}

#page #content .comments-wrapper .comment-box {
	margin-bottom: 5vw;
	padding-bottom: 5vw;
}

.avaliacao-box label {
	font-size: 2.5vw;
	margin-top: 1vw;
}

.avaliacao-box .stars {
	margin-top: 1vw;
}

.avaliacao-box .stars span {
	width: 2vw;
	height: 2vw;
	margin-right: 0.75vw;
}

#page #content .comments-wrapper .comment-info .nome {
	font-size: 3.5vw;
	padding-right: 20vw;
}

#page #content .comments-wrapper .comment-info p {
	font-size: 3vw;
	margin: 0;
}

#page #content .ckeditor_links, 
#page #content .tabledrag-toggle-weight {
	font-size: 2.5vw;
	margin-top: 2vw;
}

.node-type-eventos #page #content .view-eventos, 
.node-type-praia #page #content .view-eventos,
.node-type-praia #page #content .view-servi-os,
.node-type-praia #page #content .view-hospedagem {
	padding: 7vw 4vw;
}

.page-praias #page #content .banner-topo-praias h2,
.node-type-eventos #page #content .view-eventos .view-header h2, 
.node-type-praia #page #content .view-eventos .view-header h2, 
.node-type-praia #page #content .view-servi-os .view-header h2, 
.node-type-praia #page #content .view-hospedagem .view-header h2{
	font-size: 6.5vw;
}

#mapa-infos, 
#mapa-pagina, 
#mapa-praia, 
#map {
	height: 70vw;
}

.modal-praias .btn-close {
	top: -5vw;
	font-size: 8vw;
	right: 5vw;
}

.modal-praias .flexslider {
	width: 100%;
}

.modal-praias .flexslider .flex-viewport {
	width: 85%;
	margin: 0 auto;
}

body .modal-praias .flexslider .slides img {
	max-height: 40vw;
}

.modal-praias .flexslider .flex-control-thumbs {
	margin: 3vw auto 0;
	width: 85%;
	line-height: 0;
	height: 100%;
}

.modal-praias .flexslider .flex-control-thumbs li {
	width: 20%;
}

.modal-praias .flexslider .flex-direction-nav a {
	width: 4vw;
	height: 6vw;
}

.modal-praias .flexslider .flex-direction-nav .flex-next,
.modal-praias .flexslider .flex-direction-nav .flex-prev {
	background-size: 3vw;
	top: 22vw;
}

.modal-praias .flexslider .flex-direction-nav .flex-prev {
	left: 1.5vw;
}

.modal-praias .flexslider .flex-direction-nav .flex-next {
	right: 1.5vw;
}

/* Mapa > pagina */

.page-mapa #page #content #loja-credenciada-slide {
	height: auto;
}

.page-mapa #page #content .bloco-filtro {
	position: relative;
	width: 90%;
	left: 0;
	top: 5vw;
	margin: 0 auto;
}

.page-mapa #page #content .bloco-filtro .views-exposed-widget {
	width: 100%;
	margin-right: 0;
}

.page-mapa #page #content .bloco-filtro .views-exposed-widget input {
	font-size: 3vw;
	width: 75%;
	padding: 3vw 5vw 2.5vw;
}

.page-mapa #page #content .bloco-filtro .views-exposed-widget.views-submit-button {
	width: 20vw;
	margin: 0;
}

.page-mapa #page #content .bloco-filtro .views-exposed-widget.views-submit-button input {
	font-size: 3vw;
	padding: 3vw 5vw 2.5vw;
}

.page-mapa #page #content .bloco-filtro .filter-links-style {
	margin-top: 2vw;
}

.page-mapa #page #content .bloco-filtro .filter-links a {
	margin-bottom: 2vw;
	font-size: 2.5vw;
	padding: 2vw 3vw 1.5vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada {
	height: auto;
	padding: 10vw 0 0;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-footer {
	position: relative;
	width: 100%;
	height: 70vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content {
	height: 100vw;
	width: 90%;
	padding-bottom: 5vw;
	margin: 0 auto 5vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-title .field-content {
	font-size: 3.5vw;
	font-weight: bold;
	display: block;
	margin-bottom: 0.5vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-descricao-mapa .field-content,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-endereco .field-content,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-regiao .field-content {
	font-size: 3vw;
	margin-bottom: 1vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-endereco .field-content {
	padding-left: 3vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-endereco .field-content:before {
	width: 3vw;
	height: 3vw;
	background-size: 1.7vw;
	margin-right: 0.5vw;
	margin-left: -3.5vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li {
	padding: 3vw 0;
	width: 97%;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-view-node a {
	font-size: 2.5vw;
	padding: 2vw 5vw 2vw;
	margin-top: 1vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-nota-media {
	right: 0;
	top: 3.5vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-nota-media .field-content:before {
	width: 3vw;
	height: 3vw;
	margin-right: 1vw;
	margin-top: -0.25vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-nota-media .field-content span {
	font-size: 3vw;
}

#content-mapa #bodyContent h3.map-title,
#map h3 {
	font-size: 2.75vw;
	margin: 0 0 0.5vw;
	padding-right: 6.5vw;
}

#map .map-telefone {
	font-size: 2vw;
	margin-bottom: 1vw;
}

#map .map-descricao {
	font-size: 3vw;
	margin: 0 0 1vw;
}

#map .map-endereco {
	font-size: 2vw;
	margin-bottom: 3vw;
}

#map .map-praia {
	font-size: 2vw;
	margin: 0 0 1.5vw;
}

#map .map-praia:before {
	width: 2vw;
	height: 2vw;
	background-size: 1.5vw;
	margin-right: 0.5vw;
	margin-top: 0;
}

#map .map-link a {
	font-size: 2vw;
	padding: 1.25vw 3vw 1.5vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada button[title="Close"] img{
	width: 25px 	   !important;
	height: 25px 		 !important;
	margin: 10px 2px !important;
}

.nota-media span, 
.node-type-praia #page #content .node-praia .nota-media span,
#map #content-mapa #bodyContent .nota-media {
	font-size: 2vw;
}

.nota-media:before, 
.node-type-praia #page #content .node-praia .nota-media:before,
#map .nota-media:before {
	width: 2.3vw;
	height: 2.3vw;
	margin-right: 0.5vw;
	margin-bottom: -0.25vw;
}

/* Hospedagem > pagina */

.page-hospedagem #page #content .hospedagem-banner-topo {
	background-size: auto;
}

.page-hospedagem #page #content .hospedagem-banner-topo form .views-exposed-widget {
	width: 100%;
}

.page-eventos #page #content .banner-topo-eventos form .views-exposed-widget,
.page-servicos #page #content .banner-topo-servicos form .views-exposed-widget,
.page-hospedagem #page #content .hospedagem-banner-topo form .views-exposed-widget {
	margin: 0 1vw;
}

.page-eventos #page #content .banner-topo-eventos form .views-exposed-widget select,
.page-servicos #page #content .banner-topo-servicos form .views-exposed-widget select,
.page-hospedagem #page #content .hospedagem-banner-topo form .views-exposed-widget select {
	width: 50vw;
	font-size: 3vw;
	padding: 2.75vw 5vw 2.5vw;
	background-size: 3vw;
}

.page-eventos #page #content .banner-topo-eventos form  .views-submit-button input,
.page-servicos #page #content .banner-topo-servicos form  .views-submit-button input,
.page-hospedagem #page #content .hospedagem-banner-topo form .views-submit-button input {
	font-size: 3vw;
	padding: 3vw 1vw 2.2vw;
	width: 20vw;
}

.page-hospedagem #page #content .view-hospedagem {
	padding: 5vw 4vw 5vw;
}

.page-hospedagem #page #content .view-hospedagem .view-content ul li {
	margin: 0 1vw 2vw;
}

.page-hospedagem #page #content #filtro-servicos-wrapper{
	width: 80%;
    margin: 0 10%;
    padding: 3vw;
}

.page-hospedagem #page #content #filtro-servicos-wrapper .views-exposed-widget label {
    font-size: 3vw;
	margin: 2vw 0;
}

.page-hospedagem #content .content-width {
    background-color: #FAFAFA;
}

.page-hospedagem #page #content #filtro-servicos-wrapper #edit-combine-wrapper .views-widget input {
    font-size: 15px;
    padding: 13px 14px;
}

.page-hospedagem #page #content #filtro-servicos-wrapper .views-exposed-widget .form-type-bef-checkbox{
    font-size: 0.9rem;
    padding: 0.8rem 1rem;
}

.page-hospedagem #page #content #filtro-servicos-wrapper .views-exposed-widget .form-type-bef-checkbox label {
	font-size: 0.9rem;
}

.page-hospedagem #page #content #filtro-servicos-wrapper .views-submit-button {
    position: static;
    top: auto;
    right: auto;
}

.page-hospedagem #page #content #filtro-servicos-wrapper .btn-filtro-hospedagem {
    content: "";
    background: url(../images/filter.png) no-repeat center center;
    background-size: 10.4vw;
    margin-bottom: 0.2vw;
    height: 10vw;
	font-size: 3vw;

	background-position: center;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.page-hospedagem #page #content #filtro-servicos-wrapper .views-submit-button #edit-submit-hospedagem {
    font-size: 15px;
    padding: 0 20px;
    width: 100%;
	min-height: 44px;
	height: auto;
	position: static;
    top: auto;
    left: auto;
    right: auto;
}

.page-hospedagem #page #content #filtro-servicos-wrapper #edit-field-categoria-tid-wrapper .form-type-bef-checkbox label.option {
    margin-left: 0.35rem;
}

.page-hospedagem #page #content #filtro-servicos-wrapper .views-exposed-widget .form-type-bef-checkbox .ctools-auto-submit{
width: auto;
height: auto;
}

.page-hospedagem #page #content .pane-hospedagem-panel-pane-1 {
    width: 100%;
}

/* Hospedagem > pagina > interna */

.node-type-hospedagem #page #content .hospedagem-capa img {
	height: 55vw;
	margin-left: -50vw;
	max-width: none;
}

.node-type-hospedagem #page #content .hospedagem-capa .codigo-box {
	left: 0;
	width: 52%;
}

.node-type-hospedagem #page #content .hospedagem-capa .codigo-box:last-child {
	background: none;
	float: none;
	width: 47%;
	right: 0;
	left: auto;
	padding: 0;
}

.node-type-hospedagem #page #content .hospedagem-capa .codigo-box label {
	font-size: 4vw;
	padding: 2vw 5vw 1vw;
}

.node-type-hospedagem #page #content .node-hospedagem .bloco-titulo {
	padding: 5vw;
	float: none;
	width: 100%;
	height: auto;
}

.node-type-hospedagem #page #content .node-hospedagem .praia-hospedagem {
	font-size: 4vw;
	padding-bottom: 1vw;
}

.node-type-hospedagem #page #content .node-hospedagem .praia-hospedagem:before {
	width: 3vw;
	height: 3.6vw;
	background-size: 2.5vw;
	margin-right: 1.5vw;
	vertical-align: text-top;
}

#page #content .node-promocao h1.nome, #page #content .node-hospedagem h1.nome {
	font-size: 6.5vw;
	margin: 0;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-basicas {
	float: none;
	padding: 5vw 5vw 7vw;
	width: 100%;
	height: auto;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-basicas div {
	margin-right: 2vw;
	width: 30%;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-basicas label {
	font-size: 3vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-basicas label:after {
	width: 9vw;
	height: 9vw;
	margin-left: 2vw;
	margin-top: -2vw;
	background-size: 8.4vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-basicas .metragem-info label:after,
.node-type-hospedagem #page #content .node-hospedagem .informacoes-basicas .banheiro-info label:after {
	background-size: 8.6vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia {
	float: none;
	padding: 7vw 5vw 0;
	margin-right: 0;
	width: 100%;
}

.node-type-promocao #page #content .node-promocao .galeria-wrapper .flexslider li, 
.node-type-hospedagem #page #content .node-hospedagem .galeria-wrapper .flexslider li {
	margin-bottom: 1vw;
}

.node-type-promocao #page #content .node-promocao .galeria-wrapper .flexslider-carousel ul li, 
.node-type-hospedagem #page #content .node-hospedagem .galeria-wrapper .flexslider-carousel ul li {
	margin-bottom: 0.5vw;
	margin-right: 1vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia #regras-wrapper, 
.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .politica-box, 
.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .observacao-box, 
.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .listagem-taxonomia, 
.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .banheiros-box, 
.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .quartos-box {
	padding-bottom: 5vw;
	margin-bottom: 5vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .descricao {
	margin-bottom: 5vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia h3 {
	font-size: 4vw;
	margin: 0 0 3vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .descricao h3 {
	margin-bottom: 5vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia p {
	font-size: 3vw;
	margin-bottom: 3vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia label,
.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .observacao-box,
.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia li label {
	font-size: 3vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia #regras-wrapper .saida-box, 
.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia #regras-wrapper .chegada-box {
	margin-right: 10vw;
	margin-bottom: 3vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .descricao-regra-box, 
.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .box-descricao {
	padding: 3vw 5vw;
	font-size: 3vw;
	margin-top: 3vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .banheiros-box label:before, 
.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .quartos-box label:before {
	width: 9vw;
	height: 8vw;
	margin-right: 2vw;
	background-size: 7vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .quartos-box .acomoda-info label:before {
	background-size: 8vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .banheiros-box .quarto-info label:before {
	background-size: 7.2vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia li {
	width: 100%;
	padding-right: 0;
	margin-bottom: 3vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia li .descricao_list p {
	font-size: 2.5vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia #regras-wrapper .regra-list {
	margin-bottom: 1.5vw;
	background: url(../images/icon-like.png) no-repeat 3vw center;
	background-size: 8vw;
	background-color: #fff;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia #regras-wrapper .regra-list.regra-nao {
	background: url(../images/icon-dislike.png) no-repeat 3vw center;
	background-size: 8vw;
	background-color: #fff;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia #regras-wrapper .regra-list label {
	padding: 3.5vw 7vw 3vw 15vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .descricao-regra-box p {
	font-size: 3vw;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario {
	float: none;
	width: 90%;
	padding: 5vw;
	margin: 7vw auto;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario{
	width: 100%;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario h4,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario h4 {
	font-size: 5vw;
	margin-bottom: 5vw;
}

.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario img {
	width: 20%;
	height: 15vw;
	margin-right: 3vw;
}

.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario h5 {
	font-size: 3vw;
	margin: 0 0 1vw;
}

.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .descricao-proprietario {
	font-size: 2.5vw;
	margin-bottom: 1vw;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .telefone-proprietario,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .telefone-proprietario {
	font-size: 3.5vw;
	padding-bottom: 3vw;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario {
	padding-top: 5vw;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario .links a,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario .links a {
	font-size: 3vw;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario .form-item,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario .form-item{
	margin: 0 0 3vw;
	width: 100%;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario label,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario label{
	font-size: 3vw;
	padding-left: 5vw;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario textarea,
.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario input,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario textarea,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario input{
	width: 100%;
	font-size: 3vw;
	padding: 3vw 5vw 2.5vw;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario .webform-component--celular,
.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario .webform-component--telefone,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario .webform-component--celular,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario .webform-component--telefone{
	width: 100%;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario textarea,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario textarea {
	height: 35vw !important;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario .form-actions input,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario .form-actions input{
	padding: 3.5vw 5vw 3vw;
	border: 0;
}

.node-type-hospedagem #page #content .node-hospedagem .comments-wrapper {
	padding: 0 5vw 7vw;
}

.node-type-hospedagem #page #content .node-hospedagem .comments-wrapper h3 {
	font-size: 3.5vw;
	margin: 0 0 5vw;
}

#page #content .comments-wrapper .comment-info .date {
	font-size: 2vw;
	margin-bottom: 2vw;
}

#page #content .comments-wrapper .comments-form .form-actions input {
	font-size: 4vw;
	padding: 4vw 15vw 3.5vw;
	margin-top: 5vw;
	margin-right: 3vw;
}

.node-type-hospedagem #page #content .codigo-box .nota-media {
	top: 2.8vw;
	font-size: 3vw;
	right: 1.5vw;
}

.node-type-hospedagem #page #content .codigo-box .nota-media:before {
	width: 3vw;
	height: 3vw;
}

/* Blog > pagina */

.page-blog #artigos-home .view-blog .view-header {
	padding-top: 7vw;
}

/* Blog > pagina > interna */

.node-type-blog #page #content .blog-topo {
	padding-top: 0;
}

.node-type-blog #page #content .blog-topo .blog-imagem {
	float: none;
	max-width: 100%;
}

.node-type-blog #page #content .blog-topo .informacoes-topo-blog {
	position: relative;
	background: #FFFFFF;
	top: auto;
	left: 0;
	padding: 5vw 5vw;
	width: 100%;
	display: block;
}

.node-type-blog #page #content .blog-topo .informacoes-topo-blog .titulo {
	font-size: 5vw;
}

.node-type-blog #page #content .blog-topo .informacoes-topo-blog .autor {
	font-size: 2vw;
	margin: 1vw 0 2vw;
}

.node-type-blog #page #content .blog-topo .informacoes-topo-blog .descricao {
	font-size: 4vw;
	margin-top: 5vw;
	line-height: 1.5;
}

.node-type-blog #page #content .blog-topo .informacoes-topo-blog .redes-sociais-blog .field-name-field-facebook-link, 
.node-type-blog #page #content .blog-topo .informacoes-topo-blog .redes-sociais-blog .pane-node-field-instagram-link, 
.node-type-blog #page #content .blog-topo .informacoes-topo-blog .redes-sociais-blog .field-name-field-twitter-link {
	margin-right: 5vw;
}

.node-type-blog #page #content .blog-topo .informacoes-topo-blog .redes-sociais-blog .field .field-item {
	width: 7vw;
	height: 7vw;
	background-size: 7vw;
}

.node-type-blog #page #content .blog-topo .informacoes-topo-blog .redes-sociais-blog .field-name-field-instagram-link .field-item,
.node-type-blog #page #content .blog-topo .informacoes-topo-blog .redes-sociais-blog .field-name-field-twitter-link .field-item {
	background-size: 7vw;
}

/* Servicos > pagina */

.page-servicos #page #content .banner-topo-servicos {
    background-size: 100% auto;
    padding: 7vw 0;
}

.page-servicos #page #content #servicos-title-wrapper {
    text-align: center;
}

.page-servicos #page #content #servicos-title-wrapper h2 {
    margin: 5vw 0 1vw;
    font-size: 4.5vw;
}

.page-servicos #page #content #servicos-title-wrapper p {
    font-size: 2.5vw;
}

.page-servicos #page #content .view-servi-os {
	padding: 7vw 0 5vw;
}

.page-servicos #page #content .view-servi-os .view-content ul li {
	width: 100%;
	margin-bottom: 3vw;
}

.page-servicos #page #content .banner-topo-servicos form {
	margin-top: 10vw;
	width: 90%;
}

.page-eventos #page #content .banner-topo-eventos form .views-exposed-widgets:before, 
.page-praias #page #content .banner-topo-praias form .views-exposed-widgets:before, 
#page #content #servicos-home .view-servi-os .view-filters .views-exposed-form:before,
.page-servicos #page #content .banner-topo-servicos form .views-exposed-widgets:before {
	margin: 0;
	font-size: 5vw;
	position: absolute;
	top: -8vw;
	left: 0;
	width: 100%;
	text-align: center;
}

.page-servicos #page #content #filtro-servicos-wrapper{
	width: auto;
	max-width: 720px;
	margin: 0 auto;
	padding: 16px;
}

.page-servicos #page #content #filtro-servicos-wrapper #edit-combine-wrapper .views-widget input {
    font-size: 15px;
    padding: 12px 14px;
}

.page-servicos #page #content #filtro-servicos-wrapper #edit-field-categoria-tid-wrapper .form-type-bef-checkbox {
    border-bottom: 1px solid #CCCCCC;
    font-size: 2.5vw;
    color: #CCCCCC;
    padding: 1vw;
}

.page-servicos #page #content #filtro-servicos-wrapper .views-exposed-form .views-exposed-widget:not(.views-submit-button):not(.views-widget-filter-combine) {
    width: 100%;
}

#edit-field-praia-nid-wrapper .views-widget .form-item .select2-container {
	width: 100% !important;
}

.page-servicos #page #content #filtro-servicos-wrapper .views-submit-button {
    position: static;
    top: auto;
    right: auto;
}

.page-servicos #page #content #filtro-servicos-wrapper .views-submit-button #edit-submit-servi-os {
    font-size: 15px;
    padding: 0 20px;
    width: auto;
    position: static;
    top: auto;
    right: auto;
    height: auto;
    min-height: 40px;
}

.page-servicos #page #content #filtro-servicos-wrapper #edit-field-categoria-tid-wrapper .form-type-bef-checkbox label.option {
    margin-left: 1vw;
}

.page-servicos #page #content #filtro-servicos-wrapper #edit-field-categoria-tid-wrapper .form-type-bef-checkbox .ctools-auto-submit{
width: 2.5vw;
height: 2.5vw;
}

.page-servicos #page #content .pane-servi-os-panel-pane-1{
	width: 80%;
    margin: 2vw 10%;
}

.page-servicos #page #content .view-servi-os .view-content ul li .views-field-field-endereco .field-content {
    width: auto;
    float: none;
}

/* Servicos > pagina > interna */

.node-type-servicos #page #content .hospedagem-capa img{
	height: 55vw;
	margin-left: -50vw;
	max-width: none;
	display: block;
}

.node-type-servicos #page #content .node-hospedagem .content-node-left {
	padding: 5vw;
}

#page #content .node-promocao h3.praia-servico, #page #content .node-hospedagem h3.praia-hospedagem {
	font-size: 4vw;
	margin-bottom: 1vw;
}

#page #content .node-promocao h3.praia-servico:before, 
#page #content .node-hospedagem h3.praia-hospedagem:before {
	width: 2vw;
	height: 5vw;
	background-size: 1.9vw;
	margin-right: 1vw;
}

#page #content .node-promocao #informacoes-local, 
#page #content .node-hospedagem #informacoes-local {
	width: 100%;
	margin-right: 0;
}

#page #content .node-promocao .descricao p, 
#page #content .node-hospedagem .descricao p {
	font-size: 3vw;
}

#page #content .node-promocao #informacoes-servicos, 
#page #content .node-hospedagem #informacoes-servicos {
	width: 100%;
	margin-top: 7vw;
	padding: 0 5vw;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-servicos h2, 
.node-type-hospedagem #page #content .node-hospedagem #informacoes-servicos h2 {
	margin: 5vw 0 3vw;
	font-size: 5vw;
}

#page #content .node-promocao #informacoes-servicos .telefone-servicos a,
#page #content .node-hospedagem #informacoes-servicos .telefone-servicos a,
#page #content .node-promocao #informacoes-servicos .telefone-servicos,
#page #content .node-hospedagem #informacoes-servicos .telefone-servicos {
	font-size: 3.5vw;
}

#page #content .node-promocao #informacoes-servicos .endereco-servicos, 
#page #content .node-hospedagem #informacoes-servicos .endereco-servicos {
	font-size: 3vw;
	margin: 2vw 0;
	padding-right: 0;
}

#page #content .node-promocao #informacoes-servicos .redes-servicos, 
#page #content .node-hospedagem #informacoes-servicos .redes-servicos {
	margin: 2vw 0 0;
}

#page #content .node-promocao #informacoes-servicos .site-servicos a, 
#page #content .node-promocao #informacoes-servicos .email-servicos a, 
#page #content .node-hospedagem #informacoes-servicos .site-servicos a, 
#page #content .node-hospedagem #informacoes-servicos .email-servicos a {
	font-size: 3vw;
	letter-spacing: 0.5vw;
}

#page #content .node-promocao #informacoes-servicos .redes-servicos li, 
#page #content .node-hospedagem #informacoes-servicos .redes-servicos li {
	margin-right: 3vw;
}

#page #content .node-promocao #informacoes-servicos .redes-servicos li a,
#page #content .node-hospedagem #informacoes-servicos .redes-servicos li a {
	width: 7vw;
	height: 7vw;
	background-size: 7vw;
}

#page #content .node-hospedagem #informacoes-servicos .redes-servicos li.instagram-servicos a {
	background-size: 7vw;
}

.node-type-servicos #page #content #informacoes-servicos .nota-media {
	margin-bottom: 1.5vw;
	font-size: 3vw;
}

.node-type-servicos #page #content #informacoes-servicos .nota-media:before {
	width: 3vw;
	height: 3vw;
	margin-top: -0.25vw;
}

.node-type-promocao #page #content .node-promocao .content-node-right, 
.node-type-servicos #page #content .node-hospedagem .content-node-right {
	padding: 5vw 5vw 7vw;
}

.node-type-promocao #page #content .node-promocao .galeria-wrapper, 
.node-type-servicos #page #content .node-hospedagem .node-left-content {
	width: 100%;
	float: none;
	margin-right: 0;
}

.node-type-servicos #page #content .node-hospedagem .galeria-wrapper .flexslider {
	float: none;
	width: 100%;
	margin: 0 0 2vw 0;
}

.node-type-servicos #page #content .node-hospedagem .galeria-wrapper .flexslider-carousel ul li {
	margin-right: 2vw;
}

.node-type-servicos #page #content .node-hospedagem .node-left-content .descricao {
	font-size: 3vw;
	padding-right: 0;
	margin: 5vw 0;
}

.node-type-servicos #page #content .node-hospedagem .cardapio-wrapper {
	float: none;
	width: 100%;
	margin-top: 7.5vw;
}

.node-type-servicos #page #content .node-hospedagem .cardapio-wrapper:before {
	font-size: 4.5vw;
	margin-bottom: 3vw;
}


#overlay-cardapio-full {
  padding: 8vw 2.5vw;
}


#page #content .comments-wrapper {
	padding: 5vw 5vw 7vw;
}

#page #content .comments-wrapper h3 {
	font-size: 4.5vw;
}

#page #content .comments-wrapper .comments p {
	font-size: 3.5vw;
}

.node-type-servicos #page #content .view-promocao {
  padding: 7vw 3.5vw 5vw;
}

/* Promocoes > pagina */

.page-promocoes #page #content .pane-custom h2 {
	margin: 7vw 0 5vw;
	font-size: 6vw;
}

.page-promocoes #page #content #promocoes-primeiro {
	padding: 0vw 5vw 1.5vw;
}

.page-promocoes #page #content .view-promocao {
	padding: 0 5vw;
}

/* Promocoes > pagina > interna */

.node-type-promocao #page #content .node-promocao .content-node-left {
	padding: 7vw 5vw;
}

.node-type-promocao #page #content .node-promocao .content-node-left #informacoes-local {
	width: 100%;
	float: none;
	margin-right: 0;
}

.node-type-promocao #page #content .node-promocao .content-node-left #informacoes-local h1.nome {
	font-size: 4.5vw;
	line-height: 1.3;
	margin-bottom: 3vw;
}

.node-type-promocao #page #content .node-promocao .content-node-left #informacoes-servicos {
	float: none;
	width: 100%;
	margin-top: 5vw;
}

.node-type-promocao #page #content .node-promocao .galeria-wrapper .flexslider-carousel ul, 
.node-type-hospedagem #page #content .node-hospedagem .galeria-wrapper .flexslider-carousel ul {
	width: max-content !important;
}

.node-type-promocao #page #content .node-promocao .content-node-right .valor-wrapper span {
	font-size: 5vw;
	display: block;
}

.node-type-promocao #page #content .node-promocao .content-node-right .valor-wrapper span.valor:last-child {
	font-size: 3vw;
	width: 100%;
	margin-top: 3vw;
	display: block;
}

/* Eventos > pagina */

.page-eventos #page #content .banner-topo-eventos {
	padding: 7vw 5vw;
	margin-bottom: 7vw;

	background: url(../images/bg-eventos-interno.jpg);
}

.page-eventos #edit-submit-eventos{
	height: 8.3vw;
    border-radius: 40px;
    font-size: 2.9vw;
    margin-top: 2vw;
	width: 84vw;
}

.page-eventos #page #content .banner-topo-eventos h2 {
	font-size: 6vw;
	margin-bottom: 15vw;
}

.page-eventos #page #content .banner-topo-eventos form .views-exposed-widget {
	width: 100%;
}

/* Eventos > pagina > interna */

#page #content .node-evento .content-node-left {
	float: none;
	width: 100%;
}

#page #content .node-evento .content-node-left .info-evento {
	padding: 5vw;
}

#page #content .node-evento .content-node-left .valor {
	font-size: 5vw;
}

#page #content .node-evento .content-node-left .data_hora {
	margin: 5vw 0 3vw;
}

#page #content .node-evento .content-node-left .local, 
#page #content .node-evento .content-node-left .data_hora {
	font-size: 3vw;
}

#page #content .node-evento .content-node-left .redes-sociais li {
	margin-right: 1.5vw;
}

#page #content .node-evento .content-node-left .redes-sociais li a {
	width: 5vw;
	height: 5vw;
	background-size: 4.75vw;
}

#page #content .node-evento .content-node-left .redes-sociais li.instagram-eventos a {
	background-size: 4.75vw;
}

#page #content .node-evento .content-node-right {
	float: none;
	width: 100%;
	padding: 5vw;
}

#page #content .node-evento .content-node-right .praia-evento {
	font-size: 3vw;
	margin: 0 0 1vw;
}

#page #content .node-evento .content-node-right h1.nome {
	font-size: 5vw;
	line-height: 1.3;
	margin: 0 0 5vw;
}

#page #content .node-evento .content-node-right .conteudo p {
	font-size: 3vw;
	margin-bottom: 3vw;
	word-break: break-word;
}

#page #content .node-evento .content-node-right .conteudo h3 {
	font-size: 4vw;
	margin: 7vw 0 5vw;
}

#page #content .node-evento #mapa-pagina-wrapper h3 {
	font-size: 4vw;
	padding: 3vw 5vw;
	width: 100%;
}

/* Informacoes de ubatuba > pagina */

#page #content .pane-informa-es-de-ubatuba {
	padding-top: 7vw;
}

#page #content .view-informa-es-de-ubatuba {
	padding: 2vw 5vw;
}

#page #content .view-informa-es-de-ubatuba ul li, 
#page #content .view-pontos-tur-sticos ul li{
	margin: 0 1.5vw 3vw;
	width: 46%;
}

#page #content .view-informa-es-de-ubatuba ul li .views-field-title a, 
#page #content .view-pontos-tur-sticos ul li .pontos-turisticos-locais .titulo a {
	font-size: 4vw;
}

#page #content .pane-pontos-tur-sticos {
	padding: 5vw;
}

#page #content .pane-pontos-tur-sticos h2.block-title {
	font-size: 5vw;
	margin: 0 0 5vw;
}

#page #content .view-pontos-tur-sticos ul li .pontos-turisticos-locais .praia:before {
	width: 2vw;
	height: 3vw;
	background-size: 1.5vw;
	margin-right: 0.5vw;
}

#page #content #dados-gerais {
	padding: 5vw 5vw 0;
	margin-right: 0;
	width: 100%;
}

#page #content #telefones-uteis .descricao h3, 
#page #content #dados-gerais .descricao h3 {
	margin: 0 0 3vw;
	font-size: 4vw;
}

#page #content #dados-gerais .descricao p {
	font-size: 3.5vw;
	margin: 0 0 5vw;
}

#page #content #telefones-uteis {
	padding: 5vw;
	width: 100%;
}

#page #content #telefones-uteis ul li {
	font-size: 3.5vw;
	width: 100%;
	padding: 2.5vw 3vw 2vw;
}

/* Informacoes de ubatuba > pagina > interna */

.node-type-informacoes-de-ubatuba #page #content .node-content {
	padding-right: 0;
}

.node-type-informacoes-de-ubatuba #page #content .content-img {
	float: none;
	margin-right: 0;
	max-width: 100%;
	width: 100%;
}

.node-type-informacoes-de-ubatuba #page #content h1.nome {
	font-size: 5vw;
	margin: 0;
	padding: 5vw 5vw 7vw;
}

.node-type-informacoes-de-ubatuba #page #content .descricao {
	padding: 0 5vw;
}

.node-type-informacoes-de-ubatuba #page #content .descricao h3 {
	margin: 0 0 2vw;
	font-size: 4vw;
	padding-left: 0;
}

.node-type-informacoes-de-ubatuba #page #content .descricao p {
	font-size: 3.5vw;
	margin-bottom: 3vw;
	padding-left: 0;
}

#mapa-pagina-wrapper h3 {
	font-size: 3.5vw;
	padding: 3vw 5vw;
	margin: 0;
}

#page #content .comments-wrapper .comments-form .form-type-textfield input {
	padding: 3.5vw 5vw 3vw;
	font-size: 3vw;
}

/* Informacoes de ubatuba > pontos turisticos > pagina */

.node-type-ponto-turistico #page #content .node-content, 
.node-type-informacoes-de-ubatuba #page #content .node-content {
	padding: 5vw 5vw;
}

.node-type-ponto-turistico #page #content .content-img, 
.node-type-informacoes-de-ubatuba #page #content .content-img {
	float: none;
	margin-right: 0;
	max-width: 100%;
	text-align: center;
}

.node-type-ponto-turistico #page #content h1.nome, 
.node-type-informacoes-de-ubatuba #page #content h1.nome {
	font-size: 4vw;
	margin: 0;
	padding: 5vw 3vw;
}

.node-type-ponto-turistico #page #content .descricao h3, 
.node-type-informacoes-de-ubatuba #page #content .descricao h3 {
	font-size: 3.5vw;
	padding: 0 3vw;
	margin-bottom: 3vw;
}

.node-type-ponto-turistico #page #content .descricao p, 
.node-type-informacoes-de-ubatuba #page #content .descricao p{
	font-size: 3vw;
	padding: 0 3vw;
	margin-bottom: 5vw;
}

/* Login > pagina */

.page-user #page #content {
	width: 100%;
	padding: 7vw 5vw;
}

.page-user-password #page #content #user-pass, 
.page-user-login #page #content #user-login {
	padding: 7vw 5vw 10vw;
	width: 100%;
}

#page #content #user-login .form-item.form-item-name {
	margin-bottom: 3vw;
}

#page #content #user-login a.link-forgot-pass {
	font-size: 2.25vw;
	margin-left: 5vw;
	margin-top: 1vw;
	display: block;
}

.page-user #page #content section .field-item, 
.page-user #page #content section .block-content, 
#page #content #user-pass .box-recuperar-senha input, 
#page #content #user-login .form-wrapper input, 
#page #content #user-login .form-item input, 
#page #content .user-info-from-cookie .form-wrapper textarea, 
#page #content .user-info-from-cookie .form-wrapper select, 
#page #content .user-info-from-cookie .form-wrapper input {
	font-size: 3vw;
	padding: 3.5vw 5vw 3vw;
}

#page #content #user-pass .box-recuperar-senha input#edit-submit,
.page-user-login #page #content #user-login #edit-actions.form-wrapper {
	width: 100%;
	padding: 0;
	margin: 3vw 0 0;
}

#page #content #user-pass .box-recuperar-senha input#edit-submit,
#page #content #user-login #edit-actions.form-wrapper input, 
#page #content .user-info-from-cookie #edit-actions.form-wrapper input {
	font-size: 3vw;
	padding: 3.5vw 5vw 3vw;
}

/* Cadastre-se > pagina */

#page #content .user-info-from-cookie h1, 
.page-cadastre-se #page #content .pane-1 h1 {
	font-size: 5.5vw;
	margin: 7vw 0 3vw;
	padding: 0 5vw;
}

#page #content .user-info-from-cookie h3, 
.page-cadastre-se #page #content .pane-1 h3 {
	font-size: 3vw;
	padding: 0 5vw;
	margin: 0 0 7vw;
}

.page-cadastre-se #page #content #cadastro-wrapper .box-cadastro#cadastre-empresa,
.page-cadastre-se #page #content #cadastro-wrapper .box-cadastro {
	float: none;
	width: 100%;
	background-size: 100%;
	padding: 7vw 7vw;
}

.page-cadastre-se #page #content #cadastro-wrapper .box-cadastro h2 {
	font-size: 4.5vw;
}

.page-cadastre-se #page #content #cadastro-wrapper .box-cadastro h4 {
	font-size: 4vw;
	margin: 3vw 0;
}

.page-cadastre-se #page #content #cadastro-wrapper .box-cadastro p {
	font-size: 3vw;
}

.page-cadastre-se #page #content #cadastro-wrapper .box-cadastro a {
	font-size: 3vw;
	padding: 2.5vw 5vw;
	margin-top: 3vw;
}

/**/

.page-user-edit #page #content #user-profile-form .field-type-image .form-item label, 
.page-usuario-register #page #content .user-info-from-cookie .field-type-image .form-item label {
	padding: 0.95vw 3vw 0.5vw 5vw;
}

.page-user-edit #page #content #user-profile-form .form-wrapper.field-name-field-foto-do-perfil .form-type-managed-file label, 
.page-usuario-register #page #content .user-info-from-cookie .form-wrapper.field-name-field-foto-do-perfil div div .form-type-managed-file label {
	padding: 2vw 12vw 1.5vw 5vw;
	margin: 0;
}

.page-user-edit #page #content #user-profile-form .form-wrapper.field-name-field-foto-do-perfil .form-type-managed-file input.form-file, 
.page-usuario-register #page #content .user-info-from-cookie .field-type-image input.form-file {
	font-size: 3vw;
	padding: 2vw 5vw 3vw;
}

.page-user-edit #page #content #user-profile-form .form-wrapper.field-name-field-foto-do-perfil .form-type-managed-file input.form-submit, 
.page-usuario-register #page #content .user-info-from-cookie .field-type-image input.form-submit {
	top: 1.5vw;
}

#page #content form .imagefield-crop-widget .jcrop-preview-wrapper {
	margin-top: 3vw;
}

/* Faca o seu Cadastro > pagina */

#page #content .node-servicos-form, 
#page #content .user-info-from-cookie .captcha, 
#page #content .user-info-from-cookie #edit-account, 
#page #content .user-info-from-cookie fieldset {
	padding: 0 5vw;
}

.page-user #page #content section.panel-pane, 
.page-user #page #content section.field, 
#page #content .user-info-from-cookie .captcha.form-wrapper .form-item, 
#page #content .user-info-from-cookie #edit-account.form-wrapper .form-item, 
#page #content .user-info-from-cookie .form-wrapper {
	width: 100%;
	margin: 0 0 5vw;
}

.page-user #page #content section h2, 
#page #content #user-pass .form-item label, 
#page #content #user-login .form-item label, 
#page #content .user-info-from-cookie .form-wrapper label {
	font-size: 3vw;
	padding-left: 5vw;
}

#page #content #user-profile-form .field-type-image .form-item input.form-file, 
#page #content .field-type-image-form .form-item input.form-file, 
#page #content .field-type-image .form-item input.form-file {
	padding: 4.5vw 5vw;
	line-height: 1.5;
}

#page #content .field-type-image-form .form-item label, 
#page #content .field-type-image .form-item label {
	font-size: 3vw;
	left: 1vw;
	top: 2vw;
	padding-left: 4vw;
}

.page-user #page #content section.field-type-text-long .field-item, 
#page #content .user-info-from-cookie .form-wrapper textarea {
	height: 30vw !important;
}

#page #content .user-info-from-cookie #edit-account.form-wrapper .form-type-password-confirm .password-confirm,
#page #content .user-info-from-cookie #edit-account.form-wrapper .form-type-password-confirm .password-strength {
	margin-right: 5vw;
	top: 0;
	font-size: 3vw;
}

#page #content .user-info-from-cookie #edit-account.form-wrapper .form-type-password-confirm .password-confirm{
	padding-top: 1vw;
}

#page #content .user-info-from-cookie #edit-account.form-wrapper .form-type-password-confirm .password-confirm.form-text {
	padding: 3.5vw 5vw 3vw;
}

#page #content .user-info-from-cookie #edit-account.form-wrapper .form-type-password-confirm .confirm-parent{
	margin: 0;
}

#page #content .user-info-from-cookie #edit-account.form-wrapper .form-item .description, 
#page #content .field-type-image-form .description, #page #content .field-type-image .description {
	display: none !important;
}

#page #content .user-info-from-cookie .captcha.form-wrapper .form-item .field-prefix {
	font-size: 3vw;
	padding: 3.5vw 5vw 2.4vw 5vw;
	line-height: 1.2;
	margin-right: -5vw;
	width: 24.5%;
	height: 10vw;
}

#page #content .user-info-from-cookie .captcha.form-wrapper .form-item .form-text {
	width: 80.5%;
	height: 10vw;
}

#page #content #user-login #edit-actions.form-wrapper, 
#page #content .user-info-from-cookie #edit-actions.form-wrapper {
	float: none;
	margin-right: 0;
	margin-bottom: 3vw;
	width: 50%;
	padding: 0 5vw;
}

/* Anuncie / Negocios > pagina */

.page-anunciar #page #content #banner-anunciar .block-content h1 {
	font-size: 6.5vw;
}

.page-anunciar #page #content #banner-anunciar .block-content {
	padding: 7vw 5vw;
	width: 100%;
}

.page-anunciar #page #content #banner-anunciar .block-content h3 {
	margin: 5vw 0 0;
	font-size: 3vw;
	font-weight: normal;
}

.page-anunciar #page #content .pane-2 {
	padding: 7vw 5vw;
}

.page-anunciar #page #content #alguma-duvida h2, 
#page #content #anunciar-valores h2, 
.page-anunciar #page #content .pane-3 h2, 
.page-anunciar #page #content .pane-2 h2 {
	font-size: 6vw;
}

.page-anunciar #page #content .pane-2 ul {
	margin: 7vw 0 0;
}

.page-anunciar #page #content .pane-2 ul li {
	width: 100%;
	margin: 0 0 5vw;
}

.page-anunciar #page #content .pane-2 ul li .info-plataforma {
	padding: 2.5vw;
}

.page-anunciar #page #content .pane-2 ul li .info-plataforma label {
	font-size: 3.5vw;
	margin: 0 0 2vw;
}

.page-anunciar #page #content .pane-2 ul li .info-plataforma p {
	text-align: center;
	font-size: 3vw;
}

.page-anunciar #page #content .pane-2 a {
	font-size: 3vw;
	padding: 2.7vw 7vw 2.5vw;
}

.page-anunciar #page #content .pane-3 {
	padding: 7vw 5vw;
}

.page-anunciar #page #content .pane-3 h2{
	margin-bottom: 2vw;
}

.page-anunciar #page #content #alguma-duvida h3,
#page #content #anunciar-valores h3, 
.page-anunciar #page #content .pane-3 h3 {
	font-size: 4vw;
	margin: 2vw 0 7vw;
}

.page-anunciar #page #content .pane-3 ul li {
	width: 100%;
	margin-bottom: 5vw;
}

.page-anunciar #page #content .pane-3 a.btn-anunciar {
	font-size: 3vw;
	padding: 3vw 5vw 2.5vw;
	width: 70%;
}

.page-anunciar #page #content .pane-3 ul li .info-vantagens label {
	font-size: 3.5vw;
	margin: 0 0 2vw;
}

.page-anunciar #page #content .pane-3 ul li .info-vantagens p {
	font-size: 3vw;
	max-height: none;
}

#page #content #anunciar-valores {
	padding: 7vw 5vw;
}

#page #content #anunciar-valores .plano-box {
	border-top: 5px solid #00AAC8;
	padding: 3vw 5vw 5vw;
	width: 100%;
	margin-right: 0;
	margin-bottom: 5vw;
}

#page #content #anunciar-valores .plano-box h4 {
	font-size: 4.5vw;
	margin: 0 0 2vw;
}

#page #content #anunciar-valores .plano-box p {
	margin-bottom: 5vw;
}

#page #content #anunciar-valores .plano-box label {
	font-size: 4.5vw;
	margin: 0 0 2vw;
}

#page #content #anunciar-valores .plano-box a {
	width: 55%;
	padding: 2.5vw 5vw 2.5vw;
	font-size: 3vw;
}

#page #content #anunciar-valores .plano-box ul {
	padding: 5vw 0 0;
}

#page #content #anunciar-valores .plano-box ul li {
	font-size: 3vw;
	padding: 1.5vw 5vw 1.5vw 8vw;
	background-size: 4vw !important;
}

#page #content #anunciar-valores .plano-box ul li strong {
	font-size: 2.5vw;
}

#page #content #anunciar-valores .plano-box ul li.van-nao {
	background-size: 6vw;
}

.page-anunciar #page #content #alguma-duvida {
	background-size: auto 100%;
	padding: 7vw 5vw;
}

.page-anunciar #page #content #alguma-duvida .form-item.webform-component-markup {
	margin: 0;
	width: 100%;
}

.page-anunciar #page #content #alguma-duvida .form-item.webform-component--cidade, 
.page-anunciar #page #content #alguma-duvida .form-item.webform-component--telefone {
	width: 100%;
}

.page-anunciar #page #content #alguma-duvida .form-item {
	margin: 0 0 3vw;
}

.page-anunciar #page #content #alguma-duvida .form-item label, 
.page-anunciar #page #content #alguma-duvida .form-item .element-invisible {
	font-size: 3vw;
	padding-left: 5vw;
}

.page-anunciar #page #content #alguma-duvida .form-item textarea, 
.page-anunciar #page #content #alguma-duvida .form-item select, 
.page-anunciar #page #content #alguma-duvida .form-item input {
	font-size: 3vw;
	padding: 3.5vw 5vw 3vw;
}

.page-anunciar #page #content #alguma-duvida .form-actions input {
	font-size: 3vw;
	padding: 4vw 0 3.5vw;
	width: 100%;
}

.page-anunciar #page #content #alguma-duvida .form-item textarea {
	height: 30vw !important;
}

.page-anunciar #page #content #alguma-duvida .webform-confirmation p {
	font-size: 4.5vw;
	margin-bottom: 5vw;
	padding: 10vw 0 0;
}

.page-anunciar #page #content #alguma-duvida .links a {
	font-size: 3.5vw;
	padding: 3.5vw 7vw 3.5vw;
	margin-bottom: 11vw;
}

/* Meu perfil */

.page-user #page #content #meu-perfil-right,
.page-user #page #content #meu-perfil-left {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	display: block;
}

.page-user #page #content #meu-perfil-left ul.menu, 
.page-user #page #content #meu-perfil-left .planos {
	padding: 5vw;
	margin-bottom: 5vw;
}

.page-user #page #content #meu-perfil-left .planos h3 {
	font-size: 3.5vw;
	margin: 0 0 2vw;
}

.page-user #page #content #meu-perfil-left .planos label {
	font-size: 5vw;
}

.page-user #page #content #meu-perfil-left .planos a.btn-edit-plano,
.page-user #page #content #meu-perfil-left .planos a {
	padding: 2vw 5vw;
	font-size: 2.5vw;
	top: 4vw;
	right: 5vw;
}

.page-user #page #content #meu-perfil-left .planos .status-plano {
	padding: 2vw 5vw 1.8vw;
	font-size: 2vw;
	top: auto;
	right: 5vw;
	bottom: 0;
}

.page-user #page #content #meu-perfil-left ul.menu:before {
	font-size: 3.5vw;
	margin-bottom: 3vw;
}

.page-user #page #content #meu-perfil-left ul li a {
	font-size: 3vw;
	padding: 3vw 0 2.5vw;
	padding-left: 8vw;
	background: url(../images/icon-edit.png) no-repeat 1.2vw 0.3vw;
	background-size: 4vw;
}

.page-user #page #content #meu-perfil-left ul li.first a {
	font-size: 3.5vw;
}

.page-user #page #content #meu-perfil-left ul li.menu-item-2324 a {
	background: url(../images/icon-servicos.png) no-repeat 1vw 2.3vw;
	background-size: 4.7vw;
}

.page-user #page #content #meu-perfil-left ul li.menu-item-2323 a {
	background: url(../images/icon-calendario-2.png) no-repeat 1vw 2.7vw;
	background-size: 4.4vw;
}

.page-user #page #content #meu-perfil-left ul li.menu-item-2325 a {
	background: url(../images/icon-hospedagem.png) no-repeat 1.1vw 2.5vw;
	background-size: 4.6vw;
}

.page-user #page #content #meu-perfil-left ul li.menu-item-2326 a {
	background: url(../images/icon-promocao.png) no-repeat 1vw 3.25vw;
	background-size: 5vw;
}

.page-user #page #content #meu-perfil-right {
	padding: 5vw 5vw 0;
	margin-bottom: 5vw;
}

.page-user #page #content #meu-perfil-right:before {
	padding: 3vw 5vw 0;
	margin-bottom: 5vw;
	font-size: 4vw;
}

.page-user #page #content section.panel-pane.pane-meus-anuncios {
	padding: 7vw 4vw;
}

.page-user #page #content section.pane-meus-anuncios ul li {
	min-height: 30vw;
	margin: 0 1vw 2.5vw;
}

.page-user #page #content section.pane-meus-anuncios ul li .views-field-nothing-1 {
	padding: 3vw;
}

.page-user #page #content section.pane-meus-anuncios ul li .anuncios-cadastrados .titulo a {
	font-size: 3.5vw;
	margin-bottom: 1vw;
}

.page-user #page #content section.pane-meus-anuncios ul li .anuncios-cadastrados .categoria {
	font-size: 2.8vw;
	margin-bottom: 4vw;
}

.page-user #page #content section.pane-meus-anuncios ul li .anuncios-cadastrados .botoes div {
	width: 40%;
}

.page-user #page #content section.pane-meus-anuncios ul li .anuncios-cadastrados .botoes a {
	font-size: 2.5vw;
	padding: 0.9vw 0 0.8vw;
}

.page-user #page #content #meu-perfil-right .view-meus-anuncios #novo-segmento-wrapper-user h2 {
    font-size: 3.5vw;
}

.page-user #page #content #meu-perfil-right .view-meus-anuncios #novo-segmento-wrapper-user .seguimento-wrapper-list .segumento-tipo-box a {
    font-size: 3vw;
    padding: 10% 5%;
}

.page-user #page #content #meu-perfil-right .view-meus-anuncios #novo-segmento-wrapper-user .seguimento-wrapper-list .segumento-tipo-box a:before {
    width: 6vw;
    height: 6vw;
}

/* Meu perfil > editar */

.page-user-edit #page #content form h2 {
	font-size: 6vw;
	margin-bottom: 7vw;
}

#page #content #user-profile-form .form-wrapper .form-item.imagefield-crop-preview {
	margin-top: 12vw;
}

#page #content #user-profile-form .form-item-title, 
#page #content #user-profile-form .form-wrapper, 
#page #content .node-promocao-form .form-item-title, 
#page #content .node-promocao-form .form-wrapper, 
#page #content .node-eventos-form .form-item-title, 
#page #content .node-eventos-form .form-wrapper, 
#page #content .node-hospedagem-form .form-item-title, 
#page #content .node-hospedagem-form .form-wrapper, 
#page #content .node-servicos-form .form-item-title, 
#page #content .node-servicos-form .form-wrapper {
	margin: 0 0 5vw;
	width: 100%;
}

#page #content #user-profile-form label, 
#page #content .node-promocao-form label, 
#page #content .node-eventos-form label, 
#page #content .node-hospedagem-form label, 
#page #content .node-servicos-form label {
	font-size: 3vw;
	padding-left: 5vw;
}

#page #content #user-profile-form textarea,
#page #content #user-profile-form select, 
#page #content #user-profile-form input, 
#page #content .node-promocao-form textarea, 
#page #content .node-promocao-form select, 
#page #content .node-promocao-form input, 
#page #content .node-eventos-form textarea, 
#page #content .node-eventos-form select, 
#page #content .node-eventos-form input, 
#page #content .node-hospedagem-form textarea, 
#page #content .node-hospedagem-form select, 
#page #content .node-hospedagem-form input, 
#page #content .node-servicos-form textarea, 
#page #content .node-servicos-form select, 
#page #content .node-servicos-form input {
	width: 100%;
	font-size: 3vw;
	padding: 2.75vw 5vw 2.5vw;
	background-size: 3vw;
}

#page #content #user-profile-form .field-type-image .form-item input.form-file, 
#page #content .field-type-image-form .form-item input.form-file, 
#page #content .field-type-image .form-item input.form-file {
	padding: 5vw 5vw 3.5vw;
}

.page-user-edit #page #content #user-profile-form .description {
	padding-left: 5vw;
	margin-bottom: 5vw;
	font-size: 2.5vw;
	padding-top: 1vw;
}

.page-user-edit #page #content #edit-account.form-wrapper .form-type-password-confirm .form-item {
  width: 100%;
	margin-bottom: 5vw;
}

.page-user-edit #page #content #edit-account.form-wrapper .form-type-password-confirm .form-item.password-parent {
	margin-right: 0;
}

.page-user-edit #page #content #edit-account.form-wrapper .form-type-password-confirm .password-strength, 
#page #content .user-info-from-cookie #edit-account.form-wrapper .form-type-password-confirm .password-strength {
	margin-right: 5vw;
	top: -0.5vw;
	font-size: 2.5vw;
}

.page-user-edit #page #content #edit-account.form-wrapper .form-type-password-confirm .password-confirm, 
#page #content .user-info-from-cookie #edit-account.form-wrapper .form-type-password-confirm .password-confirm {
	width: 35%;
	font-size: 2.5vw;
	top: 0.7vw;
	margin-right: 2vw;
}

.page-user-edit #page #content #edit-account.form-wrapper .form-type-password-confirm .password-confirm.form-text, 
#page #content .user-info-from-cookie #edit-account.form-wrapper .form-type-password-confirm .password-confirm.form-text {
	margin-right: 0;
  font-size: 3vw;
}

#page #content fieldset {
	padding: 4vw 3vw 3vw;
}

#page #content fieldset legend span {
	font-size: 3.5vw;
}

#page #content #user-profile-form #edit-actions input, 
#page #content .node-promocao-form #edit-actions input, 
#page #content .node-eventos-form #edit-actions input, 
#page #content .node-hospedagem-form #edit-actions input, 
#page #content .node-servicos-form #edit-actions input {
	margin: 0 0 3vw;
	width: 50%;
	font-size: 3vw;
	height: 10vw;
	padding: 3vw 0 3vw;
}

#page #content #user-profile-form .field-type-image .form-item input.form-submit,
#page #content .field-type-image-form .form-item input.form-submit, 
#page #content .field-type-image .form-item input.form-submit {
	width: 7vw;
	height: 7vw;
	top: 1.3vw;
	right: 3vw;
	background-size: 3.5vw;
}

#page #content #user-profile-form .field-type-image .form-item input.form-submit[value="Remover"], 
#page #content .field-type-image-form .form-item input.form-submit[value="Remover"], 
#page #content .field-type-image .form-item input.form-submit[value="Remover"] {
	background-size: 3.5vw;
}

.page-user-edit #page #content #user-profile-form .form-wrapper.field-name-field-foto-do-perfil div div .form-type-managed-file label,
#page #content .user-info-from-cookie .form-wrapper.field-name-field-foto-do-perfil div div .form-type-managed-file label {
	font-size: 2.5vw;
	padding: 1.3vw 15vw 1.1vw 5vw;
	margin-bottom: 3vw;
}

.page-user-edit #page #content #user-profile-form .form-wrapper.field-name-field-foto-do-perfil div div .form-type-managed-file label{
	padding: 0.25vw 15vw 0.5vw 5vw;
}

.page-user-edit #page #content #user-profile-form  .field-type-image .form-item label,
#page #content .user-info-from-cookie .field-type-image .form-item label{
	font-size: 2.5vw;
	padding: 0.25vw 15vw 0.5vw 5vw;
	top: 1vw;
}

/* adicionar > Serviços */

#page #content fieldset table {
	margin-bottom: 5vw;
}

#page #content fieldset table thead th {
	padding: 1.5vw 3vw 1.5vw;
	font-size: 4vw;
}

#page #content fieldset table tr td {
	padding: 2vw 3vw;
}

#page #content fieldset table tr td input[value="Remover"] {
	font-size: 4vw;
}

#page #content fieldset table tr td .image-widget .file-size, 
#page #content fieldset table tr td .image-widget .file a {
	font-size: 2.5vw;
}

#page #content fieldset table tr td .image-widget .form-item label {
	padding: 0;
	left: 5vw;
	top: 1vw;
}

#page #content .node-eventos-form .form-wrapper#edit-field-local-nome, 
#page #content .node-eventos-form .form-wrapper#edit-field-praia, 
#page #content .node-eventos-form .form-wrapper#edit-field-estado, 
#page #content .node-eventos-form .form-wrapper#edit-field-cidade, 
#page #content .form-wrapper#edit-field-gmaps-longitude, 
#page #content .form-wrapper#edit-field-gmaps-latitude {
	width: 100%;
	margin: 0 0 5vw;
}

#page #content .node-eventos-form .form-wrapper#edit-field-praia, 
#page #content .node-eventos-form .form-wrapper#edit-field-cidade, 
#page #content .form-wrapper#edit-field-gmaps-latitude {
	margin-right: 0;
}

#page #content form #mapa_wrapper {
	margin-bottom: 5vw;
}

#mapa_wrapper #mapa_localizacao {
	height: 70vw;
}

/* adicionar > Evento */

#page #content .node-promocao-form, 
#page #content .node-eventos-form, 
#page #content .node-hospedagem-form, 
#page #content .node-servicos-form {
	padding: 10vw 5vw;
}

#page #content form .date-no-float {
	width: 100%;
}

#page #content form .date-no-float .description {
	display: block;
	width: 100%;
	text-align: left;
	padding: 0 5vw;
	font-size: 2.5vw;
}

#page #content form .date-padding .form-item.form-item-field-data-e-hora-und-0-value-time, 
#page #content form .date-padding .form-item.form-item-field-data-e-hora-und-0-value-date, 
#page #content form .date-padding .form-item.form-item-field-data-e-hora-und-0-value2-time, 
#page #content form .date-padding .form-item.form-item-field-data-e-hora-und-0-value2-date {
	width: 55%;
	margin-right: 2.5vw;
}

#page #content form .date-padding .form-item.form-item-field-data-e-hora-und-0-value-time, 
#page #content form .date-padding .form-item.form-item-field-data-e-hora-und-0-value2-time {
	width: 40%;
	margin-right: 0;
}

#page #content form .form-item-field-data-e-hora-und-0-value2 label {
	display: block;
	width: 100%;
	text-align: center;
	padding: 3vw 0;
}

#page #content form .form-item-field-data-e-hora-und-0-value2 #edit-field-data-e-hora-und-0-value2 {
	width: 100%;
	display: block;
}

#page #content form .form-item-field-data-e-hora-und-0-value2 #edit-field-data-e-hora-und-0-value2 label {
	padding: 0;
}

#page #content .form-type-checkbox {
	margin-bottom: 5vw;
}

#page #content .form-type-checkbox input {
	width: 5vw !important;
	height: 5vw;
}

#page #content .form-type-checkbox label {
	padding-left: 3vw;
}

/* adicionar > Hospedagem */

#page #content .form-wrapper .form-item.form-type-checkbox {
	margin: 3vw 0;
	padding: 0 1vw;
}

#page #content .form-wrapper.field-widget-options-buttons label{
  padding: 0;
}

#page #content .form-wrapper.field-type-taxonomy-term-reference-form .form-checkboxes label{
	padding-left: 3vw;
}

#page #content .node-hospedagem-form #edit-field-regras-da-casa input.field-add-more-submit, 
#page #content .node-hospedagem-form #edit-field-regras-da-casa .field-multiple-table tr td input[value="Remover"] {
	font-size: 4vw;
}

#page #content table tr td a.tabledrag-handle .handle {
	background-position: 13px 6px;
	height: 7vw;
	width: 7vw;
}

#page #content .node-hospedagem-form #edit-field-regras-da-casa .field-multiple-table tr td {
	padding: 3vw 0;
	padding-right: 5vw;
}

#page #content .node-hospedagem-form #edit-field-regras-da-casa .field-multiple-table td.field-multiple-drag{
	padding-right: 0;
}

#page #content .node-hospedagem-form #edit-field-regras-da-casa .field-multiple-table {
	margin-bottom: 2vw;
}

/* Apagar */

#page #content #comment-delete-options-form,
#page #content #node-delete-confirm {
	padding: 7vw 5vw 15vw;
	font-size: 3.5vw;
}

#page #content #comment-delete-options-form .form-actions input,
#page #content #comment-delete-options-form .form-actions a,
#page #content #node-delete-confirm .form-actions input,
#page #content #node-delete-confirm .form-actions a{
	font-size: 3vw;
	padding: 3vw 8vw 3vw;
	margin-right: 3vw;
	height: 9vw;
}

#page #content #comment-delete-options-form .form-actions a#edit-cancel,
#page #content #node-delete-confirm .form-actions a#edit-cancel{
	padding: 2.5vw 8vw 2vw;
}

/* Termos de Uso > pagina */

.page-termos-de-uso #page #content h2.pane-title {
	margin-top: 7vw;
}

.page-termos-de-uso #page #content .descricao {
	padding: 0 5vw 5vw;
}

.page-termos-de-uso #page #content .descricao h2 {
	font-size: 4.5vw;
	margin: 7vw 0 3vw;
}

.page-termos-de-uso #page #content .descricao p {
	font-size: 3.5vw;
	margin-bottom: 3vw;
}

/* Quem Somos > interna */

.page-quem-somos #page #content {
	margin-top: 5vw;
}

.page-quem-somos #page #content .imagem {
	float: none;
	max-width: 100%;
}

.page-quem-somos #page #content .informacoes {
	width: 90%;
	padding: 3vw 3vw 2vw;
	float: none;
	display: block;
	margin: -8vw auto 10vw;
	position: relative;
	z-index: 9;
}

.page-quem-somos #page #content .informacoes h2 {
	font-size: 5.5vw;
	margin: 0 0 1vw;
}

.page-quem-somos #page #content .informacoes .rede-sociais p {
	font-size: 2.5vw;
	margin: 0 0 0.5vw;
}

.page-quem-somos #page #content .informacoes .rede-sociais ul li a {
	width: 5vw;
	height: 5vw;
	background-size: 4.5vw;
}

.page-quem-somos #page #content .informacoes .rede-sociais ul li a.instagram {
	background: url(../images/icon-instagram-footer.png) no-repeat center center;
	background-size: 4.5vw;
}

.page-quem-somos #page #content .informacoes p {
	font-size: 3vw;
	margin-bottom: 1vw;
}

.page-quem-somos #page #content .informacoes ul {
	padding: 0 0 0 2.5vw;
	margin: 0 0 1vw;
}

.page-quem-somos #page #content .informacoes li {
	margin: 0;
	font-size: 2.5vw;
}

.page-quem-somos #page #content .quem-somos-2 .imagem {
	float: none;
}

.page-quem-somos #page #content .quem-somos-2 .informacoes {
	padding: 3vw 3vw 2vw;
	z-index: 2;
	margin: -8vw auto 10vw;
}

/**/

#page #content .view-empty p {
	font-size: 3.5vw;
}

.centralizar-localizacao {
	padding: 1vw 2vw;
	font-size: 2.5vw;
}


#page #content .comments-wrapper .comments-form .form-wrapper textarea {
min-height: 25vw;
font-size: 2.5vw;
}

/* Overlay Primeiro passo */

#page #content .overlay-primeiro-acesso .overlay-inicio {
	width: 90%;
	height: 92vh;
}

#page #content .overlay-primeiro-acesso .overlay-content {
	padding: 3vw;
	height: 90vw;
}

#page #content .overlay-primeiro-acesso .overlay-content a.btn-close {
	width: 4vw;
	height: 4vw;
	right: 1.5vw;
	top: 1.5vw;
	background-size: 3.05vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay h2.title {
	font-size: 5vw;
	margin-bottom: 3vw;
	margin-top: 3vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay p.descricao {
	font-size: 2.5vw;
	margin-bottom: 3vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay.overlay-infos-2 p.descricao, 
#page #content .overlay-primeiro-acesso .informacoes-overlay.overlay-infos-1 p.descricao {
	padding: 0 2vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades {
	font-size: 2.5vw;
	display: block;
	float: left;
	height: auto;
	padding: 1.5vw 2.9vw 1vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades:before {
	height: 4vw;
	width: 8vw;
	background-size: 3.2vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades.servicos:before {
	background-size: 4.1vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades.evento:before {
	background-size: 3.8vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades.hospedagem:before {
	background-size: 3.9vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades.promocao:before {
	background-size: 5.2vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos {
	padding: 3vw;
	margin: 5vw auto 1vw;
	width: 70%;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos h3 {
	font-size: 3vw;
	margin: 0 0 0.5vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos label {
	font-size: 4.5vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos h5.status-plano {
	font-size: 1.5vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos p.btn-edit-plano {
  padding: 1.5vw 2.5vw;
	font-size: 1.5vw;
	top: 2vw;
	right: 2vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul.menu {
	padding: 3vw;
	margin-right: 2vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul.menu:before {
	font-size: 3vw;
	margin-bottom: 3vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul li p {
	font-size: 2vw;
	padding: 2vw 0 2vw;
	padding-left: 5.5vw;
	background: url(../images/icon-edit.png) no-repeat 1.3vw 0.3vw;
	background-size: 2.7vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul li.menu-item-2324 p {
	background: url(../images/icon-servicos.png) no-repeat 1.1vw 1.4vw;
	background-size: 3.3vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul li.menu-item-2323 p {
	background: url(../images/icon-calendario-2.png) no-repeat 1vw 1.6vw;
	background-size: 3.4vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul li.menu-item-2325 p {
	background: url(../images/icon-hospedagem.png) no-repeat 1vw 1.5vw;
	background-size: 3.45vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul li.menu-item-2326 p {
	background: url(../images/icon-promocao.png) no-repeat 0.9vw 2.2vw;
	background-size: 3.9vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay.overlay-infos-3 p.descricao {
	width: 45.5%;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .formulario {
	margin-top: 5vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .formulario .campos-form {
	margin: 0 0 3vw;
	width: 48%;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .formulario .campos-form:last-child {
	margin-left: 3vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .formulario .campos-form:first-child {
	margin-right: 3vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .formulario .campos-form label {
	font-size: 2vw;
	padding-left: 3vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .formulario .campos-form span {
	font-size: 2.5vw;
	padding: 1.7vw 5vw 0.95vw;
	width: 100%;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .formulario .campos-form.imagem span {
	background: url(../images/icon-upload.png) no-repeat 92% center;
	background-size: 2.45vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .btn-finalizar-primeiro-acesso {
	font-size: 2.5vw;
	padding: 2.5vw 7vw 2vw;
	bottom: -18vw;
}

#page #content .overlay-primeiro-acesso .flex-direction-nav a.flex-next:before, 
#page #content .overlay-primeiro-acesso .flex-direction-nav a.flex-prev:before {
	font-size: 2.5vw;
	padding: 2.2vw 7vw 1.8vw;
}

#page #content .overlay-primeiro-acesso .overlay-content .flex-control-nav {
	bottom: 1.75vw;
}

#page #content .overlay-primeiro-acesso .overlay-content .flex-control-nav li {
	margin: 0 1vw;
}

#page #content .overlay-primeiro-acesso .overlay-content .flex-control-nav li a {
	width: 1.7vw;
	height: 1.8vw;
}

.node-type-informacoes-de-ubatuba #page #content .descricao .mobile,
.node-type-informacoes-de-ubatuba #page #content .descricao .desktio,
.node-type-informacoes-de-ubatuba #page #content .descricao #passagem-onibus,
.node-type-informacoes-de-ubatuba #page #content .descricao #calcular-viagem-ubatuba,
.node-type-informacoes-de-ubatuba #page #content .descricao #imagens-cameras-ubatuba {
	float: none;
	width: 100%;
}

.node-type-informacoes-de-ubatuba #page #content .descricao .mobile {
  display: block;
}

.node-type-informacoes-de-ubatuba #page #content .descricao .desktio {
  display: none;
}

/* Informacoes de Ubatuba > cameras > Pagina */

.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba ul li {
	display: block;
	width: 100%;
	margin-right: 0;
	margin-bottom: 5vw;
	font-size: 2vw;
}

/* node-type-pontos turisticos */
.node-type-ponto-turistico #content .node-content .descricao .embed-responsive-4by3 {
	font-size: 3vw;
    padding: 0 3vw;
    margin-bottom: 5vw;
}
/**/

#footer #block-gw2d-gw2d-redes-sociais {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}

#page a.botao-whatsapp {
	font-size: 2vw;
	width: 20vw;
	position: fixed;
	top: auto;
	bottom: 3vw;
	right: 3vw;
}

#page a.botao-whatsapp:before {
	width: 7vw;
	height: 7vw;
	margin: 0 auto 1.5vw;
}

/* Anuncios > footer */

#footer .view-header h2 {
	font-size: 4.5vw;
	margin: 0 0 7.5vw;
}

#footer .view-content .views-field-nothing {
	padding: 0 1.5vw;
}

#footer .view-content .views-field-nothing .info-chamadas {
	padding: 3vw;
}

#footer .view-content .views-field-nothing .info-chamadas h3 a {
	font-size: 2.5vw;
	margin-bottom: 1.5vw;
}

#footer .view-content .views-field-nothing .info-chamadas .telefone {
	font-size: 2.5vw;
	margin-bottom: 1.5vw;
}

#footer .view-content .views-field-nothing .info-chamadas p.info-chamada-praia {
	font-size: 2vw;
	margin-bottom: 1.5vw;
}

#footer .view-content .views-field-nothing .info-chamadas p.info-chamada-praia:before {
	width: 2.5vw;
	height: 2.25vw;
	background-size: 1.35vw;
	margin-right: 0.15vw;
}

#footer .view-content .views-field-nothing .info-chamadas .endereco {
	font-size: 2vw;
}

#footer .view-content .flex-direction-nav li a {
	width: 5vw;
	height: 5vw;
	top: 40%;
}

#footer .view-content .flex-direction-nav li a.flex-prev {
	left: 3vw;
	background-size: 5vw;
}

#footer .view-content .flex-direction-nav li a.flex-next {
	right: 3vw;
	background-size: 5vw;
}


#page #content .user-info-from-cookie #edit-account.form-wrapper .form-type-password-confirm .form-item {
  width: 100%;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos p.link-ativar-plano, 
.page-user #page #content #meu-perfil-left .planos a.link-ativar-plano,
#autocomplete * {
    font-size: 3vw !important;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos p.link-ativar-plano, 
.page-user #page #content #meu-perfil-left .planos a.link-ativar-plano {
  font-size: 3vw;
  padding: 1.5vw 3vw;
  display: inline-block;
  margin-top: 1vw;
}

#page #content #block-block-14 {
	padding: 0 5vw;
	text-align: center;
}

#page #content #block-block-14 .link-entrar {
	font-size: 3vw;
	padding: 3vw 5vw 2.5vw;
	margin-bottom: 5vw;
}

#footer #block-menu-menu-menu-footer-2 {
  position: static;
  min-height: 61vw;
}

/* Ajustes Register */

.not-logged-in #page #content .user-info-from-cookie .form-wrapper.field-name-field-celular, 
.not-logged-in #page #content .user-info-from-cookie .form-wrapper.field-name-field-nome-completo {
    width: 100%;
}

/* Page Add Serviços */

.page-node-add-eventos .text-format-wrapper .description, 
.page-node-add-eventos #page #content form #mapa_wrapper p, 
.page-node-add-eventos .form-item .description,
.page-node-add-hospedagem .text-format-wrapper .description, 
.page-node-add-hospedagem #page #content form #mapa_wrapper p, 
.page-node-add-hospedagem .form-item .description,
.page-node-add-servicos .text-format-wrapper .description, 
.page-node-add-servicos #page #content form #mapa_wrapper p, 
.page-node-add-servicos .form-item .description {
    font-size: 2vw;
}

.page-node-add-eventos #page #content form #mapa_wrapper h3,
.page-node-add-hospedagem #page #content form #mapa_wrapper h3,
.page-node-add-servicos #page #content form #mapa_wrapper h3 {
    font-size: 3vw;
    margin-top: 5vw;
}

.page-node-add-servicos #page #content .node-servicos-form .form-wrapper#edit-field-site {
    width: 100%;
}

#page #content .node-servicos-form .form-wrapper.field-type-image-form .fieldset-description {
    font-size: 2.5vw;
}

.page-node-add-hospedagem #page #content .node-hospedagem-form .field-type-taxonomy-term-reference-form.field-widget-options-buttons {
    width: 100%;
}

.page-node-add-hospedagem #page #content .node-hospedagem-form #edit-field-regras-da-casa .form-wrapper,
.page-node-add-hospedagem #page #content .node-hospedagem-form #edit-field-regras-da-casa .form-wrapper.field-name-field-permitido {
    width: 100%;
}

.page-node-add-hospedagem #page #content .node-hospedagem-form #edit-field-regras-da-casa .field-multiple-table tr td input[value="Remover"] {
    display: block;
    margin: 2vw auto;
}


/* HOME */
#page #content .view-hospedagem .view-content ul li .views-field-field-imagem-chamada img {
    display: block;
    width: 100%;
    height: 23vw;
}


/* Cachoeiras */


.page-praias #page #content .banner-topo-praias form#views-exposed-form-loja-credenciada-panel-pane-4 {
    width: 100%;
}


.page-praias #page #content .banner-topo-praias form .views-exposed-widget.views-submit-button input {
    width: 100%;
}


/* ACESSO INTERNO DASHBOARD */

.page-acesso-interno #content {
    padding-left: 1vw;
    padding-top: 8vw;
}

.page-acesso-interno #header-top {
    width: 18%;
    float: left;
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    min-height: 100vh;
    padding-top: 8vw;
    margin-left: -25vw;
}

.page-acesso-interno .views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 2.6em;
    font-size: 1vw;
}

.page-acesso-interno .views-exposed-widgets.clearfix {
    margin-top: 5vw;
}

.page-acesso-interno #page #content form .views-exposed-widget .form-item select, .page-acesso-interno #page #content form .views-exposed-widget .form-item input {
    width: 21vw;
}

/* Promoções Dashboard */
.page-acesso-interno-promocoes .view.view-comercial-listagens, .page-acesso-interno-eventos .view.view-comercial-listagens{
    margin-left: 10vw;
}


/* Filtros em destaque pagina serviços */
.view-menu-taxonomia-nodes .item-list ul a {
	font-size: 2.8vw;
}

.page-hospedagem .view-menu-taxonomia-nodes .item-list ul a,
.page-servicos .view-menu-taxonomia-nodes .item-list ul a {
	font-size: 0.8rem !important;
	padding: 0.35rem 0.75rem !important;
}

/* ==========================================================================
   UbatubaOn audit fixes (tablet portrait 481–768) — gaps vs global.styles
   ========================================================================== */

.page-acesso-interno #page #content .view-content {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
}

.page-acesso-interno #page #content table.views-table {
	min-width: 560px;
	width: 100%;
}

.page-acesso-interno #page #content table.views-table th,
.page-acesso-interno #page #content table.views-table td {
	font-size: 2.2vw;
	padding: 1.2vw 1vw;
	min-width: 0;
	line-height: 1.3;
}

.page-acesso-interno #header-top {
	position: static;
	float: none;
	width: 100%;
	min-height: 0;
	margin-left: 0;
	padding-top: 0;
}

.page-acesso-interno-promocoes .view.view-comercial-listagens,
.page-acesso-interno-eventos .view.view-comercial-listagens {
	margin-left: 0;
}

.page-acesso-interno #page #content form .views-exposed-widget .form-item select,
.page-acesso-interno #page #content form .views-exposed-widget .form-item input {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.page-acesso-interno .views-exposed-form .views-exposed-widget .form-submit {
	width: auto;
	min-width: 120px;
	min-height: 40px;
	font-size: 2.2vw;
}

.node-praia {
	padding-left: 4vw;
	padding-right: 4vw;
	min-height: 0;
	overflow: visible;
	overflow-x: hidden;
}

.node-praia .praia-img {
	position: relative;
	left: auto;
	width: 100%;
}

.page-user-password #page #content #user-pass,
.page-user-login #page #content #user-login {
	width: 70%;
	max-width: 420px;
	box-sizing: border-box;
}

#page #content #user-login a.link-forgot-pass {
	font-size: 2.2vw;
}

.page-user #page #content #meu-perfil-left,
.page-user #page #content #meu-perfil-right {
	float: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
}

#page #content .overlay-primeiro-acesso .overlay-inicio {
	width: 90%;
	height: auto;
}

#page #content .overlay-primeiro-acesso .overlay-content {
	height: auto;
	min-height: 50vh;
	max-height: 88vh;
	overflow-y: auto;
}

#copyright-region a,
#copyright-region p,
#copyright-region li {
	font-size: 2vw;
}

.page-cadastre-se #page #content #cadastro-wrapper .box-cadastro,
.page-cadastre-se #page #content #cadastro-wrapper .box-cadastro#cadastre-empresa {
	float: none;
	width: 100%;
	box-sizing: border-box;
}

#page #busca-praia-home {
	width: 80%;
	max-width: 100%;
	box-sizing: border-box;
}

#page #home-chamada-cadastre-se .texto,
#page #home-chamada-cadastre-se .link-pagina {
	float: none;
	width: 100%;
	display: block;
}

.page-quem-somos #page #content .imagem,
.page-quem-somos #page #content .informacoes,
.page-quem-somos #page #content .quem-somos-2 .imagem,
.page-quem-somos #page #content .quem-somos-2 .informacoes {
	float: none;
	width: 100%;
	display: block;
}

.page-mapa #page #content .bloco-filtro .views-exposed-widget {
	float: none;
	width: 100%;
}

.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item,
.page-anunciar #page #content #alguma-duvida .form-item {
	float: none;
	width: 100%;
	max-width: 100%;
}