* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
}


*, *:before, *:after, *:focus, *:active{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  outline: 0;
}

@font-face {
    font-family: 'muli';
    src: url('../css/fonts/muli-bold-webfont.woff2') format('woff2'),
         url('../css/fonts/muli-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'muli';
    src: url('../css/fonts/muli-light-webfont.woff2') format('woff2'),
         url('../css/fonts/muli-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'muli';
    src: url('../css/fonts/muli-regular-webfont.woff2') format('woff2'),
         url('../css/fonts/muli-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gobold';
    src: url('../css/fonts/gobold_regular-webfont.woff2') format('woff2'),
         url('../css/fonts/gobold_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


a:focus, a:active{
  outline: 0;
}

h1,
h2 {
  font-family: 'gobold';
  font-weight: normal;
  text-align: center;
}

body {
  margin: 0px;
	font-family: 'muli';
  font-weight: 300;
  height: 100%;
  min-width: 320px;
  background: #fff;
}


button, input, select, textarea {
  font-family: 'muli';
  font-weight: 300;
}

html {
 height: 100%;
}

img {
 max-width: 100%;
 height: auto;
}

a {
  text-decoration: none;
  color: #1A1A1A;
}

.uo-seo-heading {
  max-width: 920px;
  margin: 0 auto;
  padding: 36px 20px 24px;
  text-align: center;
}

.uo-seo-heading h1 {
  margin: 0 0 10px;
  color: #12372a;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.12;
}

.uo-seo-heading p {
  max-width: 760px;
  margin: 0 auto;
  color: #4b5f57;
  font-size: 17px;
  line-height: 1.65;
}

.contato-info a:hover,
a:hover {
  color: #00400a;
}

.flexslider {
  margin: 0;
}

#header #block-gw2d-gw2d-welcome,
#header.small .content-width,
#header.small,
#header.small .open-menu#button-menu,
#header.small .content-width .block-content .logo-header .logo-header-left img,
#header.small #block-gw2d-gw2d-header,
#header.small .logo-header-left,
#header.small #block-block-5,
#header.small .content-width #block-system-main-menu,
#home-banner .flexslider .slides li .box-text,
#header .content-width #block-system-main-menu ul li a:after,
#button-menu,
#header .content-width #block-system-main-menu,
#header .content-width .block-content .logo-header .logo-header-left img,
#header {
   transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

/* Default base */
#main-content, .block-inner, .pane-inner, .menu-wrapper, .branding-elements, .breadcrumb-wrapper, .attribution, .at-panel .rounded-corner, .block-panels-mini > .block-title {
 margin: 0;
}

div.messages {
	margin: 0 0 20px 0;
	background: #fff;
	width: 22vw;
	left: auto;
	position: fixed;
	right: 1.5vw;
	top: 7.5vw;
	border-radius: 1vw;
	padding: 2vw 1vw;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
	font-size: 0.9vw;
	animation: animationFrames linear 1s;
	animation-delay: 10s;
	animation-fill-mode: forwards;
	font-size: 0.9vw;
	text-align: center;
	color: #000;
	z-index: 999;
}

div.messages p{
	margin: 0;
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,0px) ;
  }
  100% {
    transform:  translate(100vw,0px) ;
  }
}

div.messages ul li {
  list-style: none;
}

.content-width {
 padding-left: 0;
 padding-right: 0;
 width: 100%;
 margin: 0 auto;
}

body #page{
	margin-top: 6vw;
	position: relative;
	overflow: hidden;
	max-width: 100%;
}

/* Header TOP */

#header {
	position: fixed;
	z-index: 999;
	top: 0;
	height: 6vw;
	background: #fff;
	border-bottom: 1px solid #efefef;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	overflow: visible;
}

#header .content-width {
	max-width: 1200px;
	padding: 0;
	height: 6vw;
	position: relative;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

#header .header-wrapper {
	width: 100%;
	height: 100%;
}

#header .header-wrapper .region-inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

#header .open-menu#button-menu {
	display: none;
	float: left;
	color: #fff;
	font-weight: 500;
	font-size: 0.95vw;
	cursor: pointer;
	text-align: left;
	margin-top: 3.5vw;
	z-index: 99;
	position: relative;
}

#header.black .open-menu#button-menu {
	color: #000;
}

#header .open-menu#button-menu:before{
	content: "";
	display: block;
	width: 3.2vw;
	height: 2vw;
	background: url(../images/icon-menu.png) no-repeat center center;
	background-size: 3.4vw;
	margin-bottom: 0.2vw;
}

#header #block-gw2d-gw2d-header {
	float: left;
	padding: 0;
	padding-right: 1vw;
}

#header .logo-header-left {
	padding: 0;
	padding-right: 1vw;
}

#header .logo-header-right {
  float: right;
  margin-right: 3vw;
  margin-top: 0.3vw;
}

#content .content-width {
	padding: 0;
	max-width: 100%;
	width: 100%;
}

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

#header .content-width #block-gw2d-gw2d-header-info ul {
	padding: 0;
	margin: 0;
	text-align: right;
}

#header .content-width #block-system-main-menu ul {
	padding: 0;
	margin: 0;
	text-align: center;
}

#header .content-width #block-system-main-menu ul li {
	display: inline-block;
	position: relative;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: left;
	margin-right: 0.85vw;
	list-style: none;
	flex-shrink: 0;
}

#header .content-width #block-system-main-menu ul li ul {
  position: absolute;
  background: #fff;
  margin: 0;
  top: 100%;
  left: 0;
  display: none;
  border-radius: 0 0 16px 16px;
  z-index: 1000;
  height: auto;
  align-items: unset;
}

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

#header .content-width #block-system-main-menu ul li ul li{
	margin: 0;
	display: block;
	height: auto;
	position: static;
	align-items: unset;
}

#header .content-width #block-system-main-menu ul li ul li a:hover {
  color: #000;
}

#header.small .content-width #block-system-main-menu ul li ul li a,
#header .content-width #block-system-main-menu ul li ul li a {
	color: #000;
	display: block;
	padding: 0.75vw 0.5vw;
	border-bottom: 1px solid #B8C5CC;
}

#header .content-width #block-system-main-menu ul li ul li:last-child a{
	border-bottom: 0;
	border-radius: 0 0 16px 16px;
}

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

#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 {
  color: #00AAC8;
}

#header .content-width #block-system-main-menu ul li a {
	position: relative;
	font-size: 0.85vw;
	font-weight: 400;
	padding-bottom: 0;
	color: #1A1A1A;
	display: block;
	line-height: 1.2;
	font-family: muli;
	white-space: nowrap;
}

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

#header .content-width #block-system-main-menu ul li li a.active-trail:after,
#header .content-width #block-system-main-menu ul li li a:hover:after,
#header .content-width #block-system-main-menu ul li li.active-trail a:after,
#header .content-width #block-system-main-menu ul li li:hover a:after,
#header .content-width #block-system-main-menu ul li a.active-trail:after,
#header .content-width #block-system-main-menu ul li a:hover:after,
#header .content-width #block-system-main-menu ul li.active-trail a:after,
#header .content-width #block-system-main-menu ul li:hover a:after {
	background: url(../images/icon-link-menu.png) no-repeat center center;
	background-size: 1.7vw;
}

#header .content-width #block-system-main-menu ul li:hover ul {
	padding: 0 1vw 1vw;
	margin-left: 0;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
	width: 100%;
	min-width: max-content;
}

#header .content-width #block-system-main-menu ul li:hover ul li a {
  color: #000;
}

#header .content-width #block-gw2d-gw2d-header-info {
	float: right;
	padding: 0.2vw 12.7vw 0.5vw 0;
	display: block;
	line-height: 1.7;
}

#header .content-width #block-gw2d-gw2d-header-info ul li {
	color: #000;
	display: inline-block;
	font-size: 1.55vw;
	font-weight: 400;
	text-align: left;
	line-height: 1.2;
}

#header .content-width #block-gw2d-gw2d-header-info ul li:before{
	content: "";
	display: inline-block;
	width: 1.2vw;
	height: 1.2vw;
	background: url(../images/icon-phone.png) no-repeat center center;
	background-size: 1.1vw;
	margin-right: 0.4vw;
}

#header.black .content-width #block-gw2d-gw2d-header-info ul li{
	color: #000;
}

#header #block-gw2d-gw2d-header-info-2{
	position: absolute;
	right: 10.6vw;
	bottom: 0.25vw;
}

#header #block-gw2d-gw2d-header-info-2 .title{
	font-size: 1.15vw;
	color: #fff;
	font-weight: 500;
	margin: 0;
	margin-bottom: 1.25vw;
}

#header #block-gw2d-gw2d-header-info-2 .telefone-footer{
	font-size: 1.55vw;
	font-weight: 600;
	color: #fff;
	line-height: 1.25;
	margin-bottom: 2vw;
}

#header #block-gw2d-gw2d-header-info-2 a{
	color: #fff;
	font-size: 1.15vw;
	font-weight: 600;
	line-height: 1.5;
}

#header #block-gw2d-gw2d-header-info-2 .redes-sociais ul{
  padding: 0;
}

#header #block-gw2d-gw2d-header-info-2 .redes-sociais ul li{
	display: inline-block;
	margin-right: 0.25vw;
	margin-top: 2vw;
	list-style: none;
}

#header #block-gw2d-gw2d-header-info-2 .redes-sociais ul li a{
	padding: 0;
	font-size: 0;
	width: 1.25vw;
	height: 1.25vw;
	background: url(../images/icon-facebook-header.png) no-repeat center center;
	background-size: 1vw;
	display: block;
	margin: 0;
	margin-left: 0.35vw;
}

#header #block-gw2d-gw2d-header-info-2 .redes-sociais ul li.instagram a{
	background: url(../images/icon-instagram-header.png) no-repeat center center;
	background-size: 1vw;
}

#header #block-gw2d-gw2d-header-info-2 .redes-sociais ul li.twitter a{
	background: url(../images/icon-twitter-header.png) no-repeat center center;
	background-size: 1.77vw;
}

#header #block-gw2d-gw2d-header-info-2 .redes-sociais ul li.youtube a{
	background: url(../images/icon-youtube-header.png) no-repeat center center;
	background-size: 1.77vw;
}

#header #block-gw2d-gw2d-header-info-2 .redes-sociais ul li.linkedin a{
	background: url(../images/icon-linkedin-header.png) no-repeat center center;
	background-size: 1.77vw;
}

#header .content-width #block-system-main-menu{
	width: 740px;
	position: relative;
	bottom: 0;
	left: 0;
	right: auto;
	transform: none;
	margin-top: 0;
	text-align: center;
}

@media screen and (min-width: 1024px) {
	#header .content-width #block-system-main-menu {
		align-self: stretch;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#header .content-width #block-system-main-menu .block-inner,
	#header .content-width #block-system-main-menu .block-content {
		height: 100%;
		display: flex;
		align-items: center;
	}

	#header .content-width #block-system-main-menu ul {
		height: 100%;
		display: flex;
		align-items: center;
	}

	#header .content-width #block-system-main-menu ul li {
		display: flex;
		align-items: center;
		height: 100%;
	}
	#header .content-width #block-system-main-menu ul li a:hover {
		border-bottom: solid 2px #00aac8;
        color: #00aac8;
        font-weight: 800;
        line-height: 150%;
	}
}

#header .before-weather-header{
	background: #f5040400;
	width: 60px;
	height: auto;
	position: relative;
}

#header.black .open-menu#button-menu:before,
#header.black .content-width .block-content .logo-header .logo-header-left img {
  filter: brightness(1) invert(100%);
}

/* Small */

#header.small .content-width,
#header.small{
	background: #fff;
	box-shadow: none;
	border-bottom: none;
	overflow: visible;
}

/* Mobile/tablet: mantém altura compacta no scroll */
@media only screen and (max-width: 1023px) {
	#header.small .content-width,
	#header.small {
		height: 3.75vw;
	}
}

/* Desktop: sem 3.75vw; content-width cresce com o conteúdo */
@media only screen and (min-width: 1024px) {
	#header.small .content-width {
		height: auto;
	}
}

#header.small .header-wrapper,
#header.small .header-wrapper > .region,
#header.small .header-wrapper .region-inner {
	overflow: visible;
}

#header.small .header-wrapper .region-inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	height: 3.75vw;
	overflow: visible;
}

#header.small .content-width #block-system-main-menu ul li a {
  padding-bottom: 0;
}

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

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

#header.small #block-gw2d-gw2d-header,
#header.small .logo-header-left {
  padding: 0;
}

#header.small #block-gw2d-gw2d-welcome,
#header.small #block-block-5 {
  top: 0;
}

#header.small #block-gw2d-gw2d-welcome {
  top: 0;
}

#header.small .content-width #block-system-main-menu {
  bottom: 0;
  height: auto;
}

#page #content.small #busca-praia-home {
  position: fixed;
  top: 3.75vw;
}

#page #content.small #busca-praia-home .views-exposed-widgets {
  background: #efefef;
  border-radius: 0;
  padding: 0.25vw 25%;
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #efefef;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}

#page #content.small #busca-praia-home .views-exposed-widgets #edit-title-wrapper input {
	width: 100%;
}

#page #content.small #busca-praia-home .views-exposed-widgets .views-submit-button {
  width: 8.5%;
}

#page #content.small #busca-praia-home .views-exposed-widgets .views-submit-button input {
	width: 100%;
	background: #00AAC8;
	border: 1px solid #00AAC8;
	font-size: 0.9vw;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0.65vw 1vw 0.55vw;
	border-radius: 40px;
	margin: 0;
}

/* Header > open menu */

.open-menu #header{
	height: 100vh;
	z-index: 9999;
}

.open-menu #header .content-width{
	padding-right: 0;
}

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

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

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

.open-menu #header .open-menu#button-menu {
	font-size: 0;
	z-index: 99;
	position: absolute;
	right: 5.5vw;
}

.open-menu #header .open-menu#button-menu:before {
	width: 3vw;
	height: 3vw;
	background: url(../images/icon-close.png) no-repeat center center;
	background-size: 2.5vw;
	filter: none;
}

/* Footer */

#footer {
	background: #c7cad1;
	padding: 5vw 12vw 3vw;
	overflow: hidden;
	color: #fff;
	text-align: left;
	font-size: 1.05vw;
}

#footer p {
  font-size: 0.8vw;
  margin-bottom: 0;
  line-height: 1.3;
}

.redes-sociais ul,
#footer ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

#footer ul li:first-child:before {
  display: none;
}

#footer ul li.last:before {
  margin-right: 1;
}

#footer a {
  color: #FFF;
  text-decoration: none;
}

.copyright-left p,
#footer .content-footer p {
 font-size: 18px;
 line-height: 1.2;
}

#footer .content-footer p a {
 text-decoration: none;
 color: #fff;
}

#footer .redes-sociais  {
	clear: both;
	padding-top: 0.5vw;
	padding-bottom: 1vw;
}

#footer .redes-sociais a {
	background: url(../images/sprite.png) no-repeat left center;
	background-size: 13.2vw;
	width: 1.93vw;
	height: 1.93vw;
	text-indent: -9999px;
	background-position: 0vw -2.8vw;
	margin-right: 0.5vw;
	display: inline-block;
}

#footer .redes-sociais  a.facebook {
	width: 1.93vw;
	height: 1.93vw;
	background-position: -6.55vw -2.8vw;
}

#footer .redes-sociais  a.twitter {
	width: 1.93vw;
	height: 1.93vw;
	background-position: -8.75vw -2.8vw;
}

#footer .redes-sociais  a.gplus {
	width: 1.93vw;
	height: 1.93vw;
	background-position: -4.35vw -2.8vw;
}

#footer .redes-sociais  a.linkedin {
	width: 1.93vw;
	height: 1.93vw;
	background-position: 0vw -2.8vw;;
}

#footer .redes-sociais  a.instagram {
	width: 1.93vw;
	height: 1.93vw;
	background-position: -2.2vw -2.8vw;
}

#footer nav {
	margin-left: 20px;
	margin-bottom: 20px;
}

#footer nav ul {
	margin: 0;
	padding: 0;
	padding-left: 40px;
}

#footer nav ul li {
	float: left;
	padding: 0;
	list-style: none;
	margin: 0;
	width: max-content;
	min-width: 130px;
	font-weight: 600;
}

#footer nav ul li a {
	color: #fff;
	font-size: 1.2vw;
	text-decoration: none;
}

#footer nav ul li a:hover {
	border-bottom: 1px solid #d07429;
}

#footer nav ul li ul {
	padding-left: 0;
	margin-top: 10px;
}

#footer nav ul li ul li {
	float: none;
	padding: 0;
	font-weight: normal;
	margin: 0;
	margin-bottom: 5px;
}

#footer .footer-block{
  padding-bottom: 0.5vw;
  margin-top: -0.5vw;
}

#footer .footer-block a img{
	float: none;
	margin-top: 0;
	width: 10.2vw;
}

#footer a.logo-header-left img {
  width: 6.1vw;
}

#footer .footer-block .box-footer{
	display: inline-block;
	vertical-align: text-top;
	padding: 0.7vw 0vw;
	line-height: 1.8;
	width: 45%;
}

#footer .footer-block ul.menu,
#footer .block-content ul.menu {
	width: 100%;
	height: 220px;
	min-width: 288px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#footer .footer-block .box-footer#info-footer{
	margin-right: 6vw;
}

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

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

#footer .footer-block .box-footer#formulario-footer{
	width: 25%;
	text-align: center;
	margin-left: 6vw;
}

#footer .footer-block .box-footer#formulario-footer .webform-client-form .form-item{
	margin-top: 0;
}

#footer .footer-block .box-footer#formulario-footer .webform-client-form .form-item h3{
	font-size: 2.4vw;
	line-height: 1;
	font-weight: 300;
	text-align: left;
	margin-top: 0;
}

#footer .content-width .footer-block .box-footer#formulario-footer .webform-client-form .form-item h3:after{
	margin: 2vw 0 4.5vw;
}

#footer .footer-block #info-footer .telefone-footer {
	font-size: 1.65vw;
	font-weight: 400;
	color: #333333;
	line-height: 1.2;
	margin-bottom: 0;
	margin-top: 0;
}

#footer .footer-block #info-footer .telefone-footer span.whatapp{
	display: inline-block;
	width: 1.5vw;
	height: 1.5vw;
	vertical-align: middle;
	background: url(../images/icon-whatsapp-footer.png) no-repeat center center;
	margin-bottom: 0.3vw;
}

#footer .footer-block #info-footer a {
	font-weight: 400;
	color: #454a54;
	padding: 0.5vw 0 0;
	display: block;
	font-size: 1.05vw;
	line-height: normal;
}

#footer .footer-block #info-footer .email {
	line-height: 1.2;
}

#footer .footer-block #sociais-footer ul li.first {
  margin-right: 2.5vw;
}

#footer .footer-block #sociais-footer ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.1vw;
}

#footer .footer-block #sociais-footer ul li a {
  font-size: 0;
  display: block;
  width: 1.7vw;
  height: 1.57vw;
  background: url(../images/icons-sociais.png) no-repeat;
  background-size: auto 100%;
}

#footer .footer-block #sociais-footer ul li.instagram a {
  background-position: -2vw 0vw;
}

#footer .footer-block #sociais-footer ul li.twitter a {
  background-position: -4vw 0vw;
}

#footer .footer-block #sociais-footer ul li.youtube a {
  background-position: -6vw 0vw;
}

#footer .footer-block #voltar-topo {
  padding: 0.7vw 0vw;
  padding-right: 0;
}

#footer .footer-block #voltar-topo a {
  background: url(../images/arrow-top.png) center no-repeat;
  display: block;
  font-size: 0;
  width: 1.6vw;
  height: 0.9vw;
  background-size: auto 100%;
}

#footer nav ul li ul li a {
  font-size: 0.8vw;
}

#footer #block-gw2d-gw2d-footer{
	display: inline-block;
	width: 50%;
}

#footer #block-webform-client-block-68{
	width: 31%;
	display: inline-block;
	vertical-align: top;
	margin-top: 1.5vw;
}

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

#footer #block-webform-client-block-68 form .form-actions,
#footer #block-webform-client-block-68 form .form-item {
	margin: 0;
	margin-bottom: 1vw;
}

#footer #block-webform-client-block-68 form .form-item input{
	background-color: #f2f2f2;
	width: 100%;
	height: 3.9vw;
	border: 1px solid #eeeeee;
	padding: 1.1vw 1.3vw;
	text-align: left;
	border-radius: 0.25vw;
	font-size: 1.05vw;
}

#footer #block-webform-client-block-68 .links a,
#footer #block-webform-client-block-68 form .form-actions input{
	background: #00b22b;
	color: #fff;
	display: block;
	text-transform: uppercase;
	width: 100%;
	height: 3.9vw;
	padding: 1.1vw 0;
	border: 0;
	border-radius: 0.25vw;
	font-size: 1vw;
	font-weight: 500;
	text-align: center;
}

#footer #block-webform-client-block-68 .webform-confirmation p {
	font-size: 1.13vw;
	margin-bottom: 0.75vw;
	line-height: 1.3;
	text-align: center;
}

/* footer > V2 */

#footer #block-gw2d-gw2d-footer .footer-block a.logo-footer {
	width: 100%;
	display: inline-block;
	text-align: left;
	margin-bottom: 1.5vw;
	margin-top: 0;
	margin-right: 5vw;
	padding: 0;
	vertical-align: middle;
}

body #footer ul{
	clear: both;
}

#footer .content-width ul.menu li a:hover{
	color: #0f172a;
	font-weight: 600;
	border-bottom: none;
}

body #footer #menu-footer-2 ul,
body #footer #menu-footer ul{
	clear: none;
	float: none;
}

#footer #block-gw2d-gw2d-footer .footer-block h2.title{
	font-size: 1.15vw;
	line-height: 1.2;
	margin: 0 0 1.75vw;
}

#footer #block-gw2d-gw2d-footer .footer-block .btn-topo{
	position: fixed;
	left: 2.5vw;
	bottom: 5.5vw;
	font-size: 0;
	background: url(../images/icon-topo.png) no-repeat center center;
	background-size: 100%;
	background-color: #00a8ff;
	height: 2.5vw;
	width: 2.5vw;
	border-radius: 25vw;
	z-index: 999;
}

#footer .content-width ul.menu li{
	list-style: none;
	line-height: 1.2;
	min-width: 130px;
	margin: 0;
	padding: 0;
	height: max-content;
}

#footer .content-width ul.menu li.active-trail ul li ul li{
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	line-height: 1;
}

#footer .content-width ul.menu li.first{
	padding-top: 0;
}

#footer .content-width ul.menu li a{
	color: #454a54;
	font-size: 0.85vw;
	font-weight: 400;
	line-height: 150%;
}

#footer .content-width ul.menu li a{
  margin-top: 0.5vw;
}

#footer .content-width ul.menu li ul li a{
	font-weight: 300;
	font-size: 0.85vw;
	line-height: 2.25;
}

#footer .content-width ul.menu li:hover ul li a{
	color: #fff;
}


#footer .content-width ul.menu li.active-trail ul li.active-trail a,
#footer .content-width ul.menu li.active-trail ul li:hover a,
#footer .content-width ul.menu li.active-trail ul li ul li:hover a,
#footer .content-width ul.menu li.active-trail ul li:hover a,
#footer .content-width ul.menu li.active-trail ul li.active-trail a,
#footer .content-width ul.menu li.active-trail ul li.active-trail a{
	color: #18c2f7;
}

#footer .content-width ul.menu li.active-trail ul li.active-trail ul li a{
  color: #fff;
}

#footer #block-gw2d-gw2d-footer .footer-block #formulario-footer .form-actions input,
#footer #block-gw2d-gw2d-footer .footer-block #formulario-footer .form-item input{
	background: #ffffff;
	border-radius: 5px;
	width: 22.3vw;
	padding: 1.2vw 1vw;
	font-size: 1.2vw;
	border: none;
}

#footer #block-gw2d-gw2d-footer .footer-block #formulario-footer .form-actions input{
	background: #00aaff;
	border: 0;
	color: #fff;
	font-weight: 500;
}

.redes-sociais ul li,
#footer #block-gw2d-gw2d-footer .footer-block #info-footer ul li{
	display: inline-block;
	margin-right: 1vw;
	margin-top: 1.5vw;
	list-style: none;
}

.redes-sociais ul li a,
#footer #block-gw2d-gw2d-footer .footer-block #info-footer ul li a{
	padding: 0;
	font-size: 0;
	width: 2vw;
	height: 2vw;
	background: url(../images/icon-facebook-footer.png) no-repeat center center;
	background-size: 1.9vw;
	display: block;
}

.redes-sociais ul li.instagram a,
#footer #block-gw2d-gw2d-footer .footer-block #info-footer ul li.instagram a{
	background: url(../images/icon-instagram-footer.png) no-repeat center center;
	background-size: 1.9vw;
}

.redes-sociais ul li.twitter a,
#footer #block-gw2d-gw2d-footer .footer-block #info-footer ul li.twitter a{
	background: url(../images/icon-twitter-footer.png) no-repeat center center;
	background-size: 1.77vw;
}

.redes-sociais ul li.youtube a,
#footer #block-gw2d-gw2d-footer .footer-block #info-footer ul li.youtube a{
	background: url(../images/icon-youtube-footer.png) no-repeat center center;
	background-size: 1.77vw;
}

.redes-sociais ul li.linkedin a,
#footer #block-gw2d-gw2d-footer .footer-block #info-footer ul li.linkedin a{
	background: url(../images/icon-linkedin-footer.png) no-repeat center center;
	background-size: 1.77vw;
}

#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{
	content: "";
	display: inline-block;
	width: 0.9vw;
	height: 1vw;
	background: url(../images/icon-sub-categorias.png) no-repeat center center;
	margin-right: 0.5vw;
	vertical-align: middle;
	margin-top: -0.3vw;
}

/* copyright */

#copyright-region {
	background: #abb0ba;
	padding: 0vw 12vw;
	overflow: hidden;
}

#copyright-region .content-width {
  position: relative;
}

#copyright-region .block-content ul {
 margin: 0;
}

#copyright-region .block-content ul li {
  margin: 0;
  float: right;
  color: #fff;
  margin-left: 0.5vw;
  padding: 0;
  border-right: 1px solid #fff;
  padding-right: 0.5vw;
  list-style: none;
}

#copyright-region .block-content ul li.first {
  border: none;
  padding: none;
}

#copyright-region .block-content ul li a {
  color: #fff;
  font-size: max(12px, 1vw);
}

#copyright-region p {
  line-height: 40px;
  margin-bottom: 0;
  font-size: 0.8vw;
  text-align: center;
  color: #64748b;
}

#copyright-region #block-menu-menu-footer-menu{
  width: 65%;
  display: inline-block;
  vertical-align: middle;
}

#copyright-region #block-block-2 {
	display: block;
	text-align: center;
	padding-bottom: 0.3vw;
	position: absolute;
	right: 0;
}

#copyright-region #block-block-2 img {
	width: 1.55vw;
	margin-top: 0.25vw;
}

#copyright-region #block-gw2d-gw2d-copyright{
	float: left;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}

#copyright-region #block-gw2d-gw2d-copyright .copyright-block{
  margin: 0;
}

#copyright-region #block-gw2d-gw2d-copyright .copyright-block p{
	color: #64748b;
	font-size: max(12px, 1vw);
	padding: 0.75vw 0;
	font-weight: 400;
	line-height: 2;
}

#copyright-region #block-gw2d-gw2d-copyright .copyright-block .gw2d-footer-logo{
  display: none;
}

#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 #info-footer a,
#footer .footer-block #info-footer .telefone-footer,
#copyright-region a,
#copyright-region p,
#copyright-region li {
	font-size: max(12px, 1vw);
}

#copyright-region #block-block-2 p {
  display: inline-block;
  vertical-align: middle;
  margin: 0.5vw 0.5vw;
  line-height: 0;
}

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

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

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

.overlay-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(0,0,0,0.8);
}

.overlay-wrapper .btn-close {
  position: absolute;
  right: 3%;
  top: 10px;
  background-color: rgba(0,0,0,0.6);
  color: #ccc;
  font-size: 30px;
  font-weight: normal;
  padding: 2px 0px;
  width: 40px;
  height: 40px;
  line-height: 1;
  text-align: center;
}

.overlay-wrapper .overlay-content {
  height: 100%;
}

.overlay-content iframe body {
  margin: 0 auto !important;
  text-align: center !important;
}

/* Flexslider */

#page .flex-direction-nav a{
	font-size: 0;
	width: 2.5vw;
	height: 2.5vw;
}

#page .flex-direction-nav .flex-prev {
	left: 2vw;
	opacity: 1;
	background: url(../images/seta-left.png) no-repeat center center;
	background-size: 2.3vw;
	top: 47%;
}

#page .flex-direction-nav li:hover .flex-prev{
	background: url(../images/seta-left-hover-2.png) no-repeat center center;
	background-size: 2.3vw;
}

#page .flex-direction-nav .flex-next {
	right: 2vw;
	opacity: 1;
	background: url(../images/seta-right.png) no-repeat center center;
	background-size: 2.3vw;
	top: 47%;
}

#page .flex-direction-nav li:hover .flex-next {
  background: url(../images/seta-right-hover-2.png) no-repeat center center;
	background-size: 2.3vw;
}

/* Banner */

#home-banner .flexslider .slides li .views-field-field-video-embed {
  position: relative;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 2;
  height: 37vw;
  overflow: hidden;
}

#home-banner .flexslider .slides li .views-field-field-video-embed:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  content: '';
  background: rgba(0, 0, 0, 0.2);
  /* Bloqueia play/pause no iframe (YouTube / player-controls). */
  pointer-events: auto;
}

#home-banner .flexslider .slides li .views-field-field-video-embed iframe {
  height: 43vw;
  margin-top: -7vw;
  width: 100%;
  zoom: 1.4;
  z-index: 1;
  pointer-events: none !important;
}

#home-banner .flexslider{
	margin-bottom: 0;
}

#home-banner .flexslider .slides li {
	position: relative;
	color: #fff;
	display: block;
}

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

#home-banner .flexslider .slides li .views-field-nothing .imagem-full img{
	max-height: 37vw;
}

#home-banner .flexslider .slides li .box-text {
	position: absolute;
	top: 3.5vw;
	left: 13vw;
	text-align: left;
	width: 30%;
	z-index: 3;
	pointer-events: auto;
}

#home-banner .flexslider .slides li .box-text a {
	pointer-events: auto;
}

#home-banner .flexslider .slides li .box-text.bottom {
	top: auto;
	bottom: 2.7vw;
	left: auto;
	right: 6vw;
	width: 30%;
}

#home-banner .flexslider .slides li .box-text.right {
	position: absolute;
	top: 15vw;
	left: auto;
	right: 5.5vw;
	text-align: center;
}

#home-banner .flexslider .slides li .box-text.left {
	left: 10vw;
	top: auto;
	bottom: 3vw;
	width: 27%;
}

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

#home-banner .flexslider .slides li .box-text h2.destaque{
	font-size: 1.8vw;
  font-family: 'muli';
	line-height: 1.3;
	margin: 0;
}

#home-banner .flexslider .slides li .box-text .roxo{
	color: #4a0082;
}

#home-banner .flexslider .slides li .box-text .verde{
  color: #0bcf5a;
}

#home-banner .flexslider .slides li .box-text .amarelo{
  color: #ffd83d;
}

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

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

#home-banner .flexslider .slides li .box-text h2{
	font-size: 2.5vw;
	color: #ffffff;
	margin: 0;
	line-height: 1;
	font-weight: 400;
	display: inline-block;
	margin-bottom: 1.5vw;
	text-align: left;
}

#home-banner .flexslider .slides li .box-text h3{
	font-size: 1.55vw;
	color: #fff;
	margin: 0;
}

#home-banner .flexslider .slides li .box-text h4{
	margin: 0;
	font-weight: 400;
	font-size: 1.4vw;
	line-height: 1.1;
}

#home-banner .flexslider .slides li .box-text p{
	font-size: 1.05vw;
	font-weight: normal;
	width: 100%;
	margin: 0 auto;
	line-height: 1.5;
	text-align: left;
}

#home-banner .flexslider .slides li .box-text p .color{
  color: #ffe400;
}

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

#home-banner .flexslider .slides li.flex-active-slide .box-text.right {
	right: 0;
	top: 10vw;
	width: 100%;
}

#home-banner .flexslider .slides li.flex-active-slide .box-text h1{
	font-size: 6.25vw;
	margin: 0;
}

/* Keep the banner slogan centered above the search on desktop. */
@media only screen and (min-width: 700px) {
	.page-home #home-banner .flexslider .slides li.views-row .box-text.right,
	.page-home #home-banner .flexslider .slides li.flex-active-slide .box-text.right {
		top: 18.5vw !important;
		left: 50% !important;
		right: auto !important;
		width: auto !important;
		max-width: 80%;
		padding: 0 !important;
		transform: translateX(-50%) !important;
		text-align: center;
		display: none;
	}

	.page-home #home-banner .box-text.right .banner-title {
		white-space: nowrap;
		text-align: center;
	}
}

#home-banner .view-banner .view-footer{
  position: relative;
}

#home-banner .view-banner .view-footer .next-slide{
  position: absolute;
  bottom: 3.5vw;
  left: 50%;
  z-index: 99;
}

#home-banner .view-banner .view-footer .next-slide a {
  background: url(../images/seta-next-slide.png) no-repeat center center;
  width: 2vw;
  height: 2vw;
  display: block;
  background-size: 100%;
}

/* Cota??o Express > Home */

#cotacao-express .block-content .slide-whapper{
  padding: 16.5vw 5.2vw 10.5vw;
}

#cotacao-express .block-content .slide-content .descricao h2{
	font-size: 2.4vw;
	font-weight: 600;
	color: #fff;
	margin: 0 0 1.25vw;
}

#cotacao-express .block-content .slide-content .descricao .block-title{
	display: inline-block;
	width: 32%;
	padding-right: 2vw;
}

#cotacao-express .block-content .slide-content .descricao .chamada-cotacao {
	display: inline-block;
	width: 67%;
}

#cotacao-express .block-content .slide-content .descricao p{
	font-size: 1.15vw;
	color: #fff;
}

#cotacao-express .block-content .slide-content .descricao p strong{
	font-weight: 600;
	font-style: italic;
}

#cotacao-express .block-content .slide-content .descricao .chamada-cotacao .box-cotacao{
	display: inline-block;
	width: 27.5%;
	text-align: center;
	vertical-align: bottom;
	margin: 0 4.5vw 0 0;
}

#cotacao-express .block-content .slide-content .descricao .chamada-cotacao .box-cotacao:last-child{
	margin: 0;
}

#cotacao-express .block-content .slide-content .descricao .chamada-cotacao .box-cotacao h3{
	font-size: 1.45vw;
	color: #fff;
	font-weight: 500;
	margin: 0.5vw 0 2vw;
}

#cotacao-express .block-content .slide-content .descricao .chamada-cotacao .box-cotacao a{
	width: 13.15vw;
	background: url(../images/seta-link.png) no-repeat 95% center;
	background-size: 2.5vw;
	background-color: #00618c;
	display: block;
	color: #fff;
	font-size: 1.05vw;
	font-weight: 500;
	border-radius: 25vw;
	padding: 0.75vw 3vw 0.75vw 0.5vw;
	margin: 0 auto;
}

/* Equipamentos > Home */

#page .view-anuncios {
	position: relative;
	overflow: hidden;
}

#page .view-anuncios .view-header {
	position: absolute;
	z-index: 9;
	left: 5vw;
	top: 9.25vw;
}

#page .view-anuncios .view-header h2{
	font-size: 2.4vw;
	color: #fff;
	margin: 0;
}

#page .view-anuncios .view-header p{
	font-size: 1.15vw;
	color: #fff;
	width: 48%;
	line-height: 1.2;
}

#page .view-anuncios .view-content ul li{
	position: relative;
}

#page .view-anuncios .view-content .flexslider{
  margin-bottom: 0;
}

#page .view-anuncios .view-content ul li .views-field-nothing{
	position: absolute;
	z-index: 9;
	bottom: 7.5vw;
	width: 73%;
	display: inline-block;
	right: 9vw;
}

#page .view-anuncios .view-content ul li .views-field-nothing .imagem-box {
	display: inline-block;
	width: 48%;
	vertical-align: bottom;
	margin-right: 6%;
	max-height: 12.5vw;
}

#page .view-anuncios .view-content ul li .views-field-nothing .imagem-interna {
  display: none;
}

#page .view-anuncios .view-content ul li .views-field-nothing .imagem-box img {
	display: block;
	margin: 0 auto;
	width: auto;
	max-height: 12.5vw;
}

#page .view-anuncios .view-content ul li .views-field-nothing .info-box {
  display: inline-block;
  width: 44%;
  vertical-align: bottom;
}

#page .view-anuncios .view-content ul li .views-field-nothing h4{
	margin: 0;
	color: #00a8ff;
	font-size: 2.4vw;
	margin-bottom: 0.5vw;
	font-weight: 600;
}

#page .view-anuncios .view-content ul li .views-field-nothing p{
	font-size: 1.15vw;
	color: #fff;
	line-height: 1.2;
	padding-right: 5vw;
	margin-bottom: 1vw;
}

#page .view-anuncios .view-content ul li .views-field-nothing a.link-url{
	font-size: 0;
}

.node-type-representantes .view-content ul li .views-field-nothing a.link-url:before,
#page .view-anuncios .view-content ul li .views-field-nothing a.link-url:before{
	content: "Saiba mais";
	display: block;
	background: url(../images/icon-sub-categorias.png) no-repeat 88% center;
	background-size: 0.48vw;
	background-color: #00a8ff;
	font-size: 0.82vw;
	color: #fff;
	border-radius: 22px;
	padding: 0.55vw 3vw 0.55vw 1vw;
	float: right;
	font-weight: 500;
}

/* A Renter > Home*/

#a-renter{
	padding-top: 11.5vw;
	padding-bottom: 5vw;
	background: #f5f5f5;
}

#a-renter .slide-whapper{
	background-repeat: no-repeat;
	background-position: right center;
	padding-left: 5.2vw;
	background-size: 49.5vw;
}

#a-renter .slide-whapper .descricao{
	width: 45%;
	padding-bottom: 2vw;
}

#a-renter .slide-whapper .descricao h2{
	font-size: 2.4vw;
	font-weight: 300;
	margin: 0;
}

#a-renter .slide-whapper .descricao h2:after{
	content: "";
	display: inline-block;
	width: 3.75vw;
	height: 3.75vw;
	background: url(../images/logo-renter-r.png) no-repeat center center;
	background-size: 3.65vw;
	margin-left: 0.5vw;
	margin-bottom: 1.5vw;
}

#a-renter .slide-whapper .descricao p{
	font-size: 1.15vw;
	font-weight: 400;
}

/* Chamadas home */

#chamada-home .slide-content .box-chamada{
	display: block;
	width: 33.33%;
	height: 28vw;
	position: relative;
	float: left;
}

#chamada-home .slide-content .box-chamada:before{
  content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7)
}

#chamada-home .slide-content .box-chamada img{
	height: 28vw;
}

#chamada-home .slide-content .box-chamada .box-ver-mais{
	position: absolute;
	top: 0;
	left: 0;
	padding: 9vw 2vw 4vw 5.2vw;
}

#chamada-home .slide-content .box-chamada .box-ver-mais h3{
	font-size: 2.4vw;
	color: #fff;
	font-weight: 300;
	margin: 0;
}

#chamada-home .slide-content .box-chamada .box-ver-mais h3:after{
	content: "";
	display: block;
	background-color: #00a8ff;
	width: 2.35vw;
	height: 2px;
	margin-top: 1vw;
	margin-bottom: 0.5vw;
}

#chamada-home .slide-content .box-chamada .box-ver-mais p{
	font-size: 1.15vw;
	color: #fff;
	font-weight: 300;
	line-height: 1.2;
}

#chamada-home .slide-content .box-chamada a.link-page{
	font-size: 0;
	position: absolute;
	bottom: 2vw;
	right: 2vw;
	width: 2.5vw;
	height: 2.5vw;
	z-index: 1;
	cursor: pointer;
	background: url(../images/seta-right.png) no-repeat center center;
	background-size: 2.4vw;
}

#chamada-home .slide-content .box-chamada a.link-page:hover{
	background: url(../images/seta-right-hover-2.png) no-repeat center center;
	background-size: 2.4vw;
}

/* Artigos > Home*/

.view-blog{
	padding: 5vw 5.2vw;
	padding-left: 0;
	width: 70%;
}

.view-blog .view-header{
	text-align: left;
	width: 40%;
	margin-left: 5.75vw;
}

.page-promocoes #page #content .pane-custom h2,
.node-type-eventos #page #content .view-eventos .view-header h2,
.node-type-praia #page #content .view-eventos .view-header h2,
.page-praias #page #praias-home h2.pane-title.block-title,
#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 {
	font-size: 3.65vw;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 4vw;
	color: #333333;
	line-height: 1.5;
}

.page-user #page #content .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,
.node-type-praia #page #content .view-hospedagem .view-header h2:after,
.page-praias #page #praias-home h2.pane-title.block-title: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 {
	content: "";
	display: block;
	width: 2vw;
	height: 0.5vw;
	margin: 0 auto;
	background: url(../images/Linha-ondular-titulos-black.png) no-repeat center center;
	background-size: 2vw;

	display: none;
}

#artigos-home .view-blog .view-header h2:after {
	content: none;
	display: none;
}

.page-blog #content .pane-1 .block-content p,
.view-blog .view-header p{
	font-size: 1.05vw;
	line-height: 1.25;
	color: #1A1A1A;
	width: 60%;
	margin: 0 auto;
}

.view-blog .view-content{
	margin-top: 5vw;
}

.view-blog .view-content ul li .views-field-field-imagem a{
	font-size: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.view-blog .view-content ul li .views-field-title{
  font-size: 1.45vw;
	font-weight: 600;
  margin-top: -0.5vw;
}

.view-blog .view-content ul li .views-field-created{
	color: #aaaaaa;
	font-size: 0.75vw;
	margin-bottom: 0.5vw;
	display: block;
}

.view-blog .view-content ul li .views-field-field-descriao{
	font-size: 1.15vw;
	font-weight: 400;
	line-height: 1.2;
}

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

#page .view-blog .flex-direction-nav .flex-prev{
	right: 6%;
	bottom: -2vw;
	left: auto;
}

#artigos-home {
	padding: 0 5.25vw 5vw;
	overflow: hidden;
	background-size: 100%;
}

#artigos-home .view-blog{
	padding: 0;
	padding-left: 0;
	width: 100%;
}

#artigos-home .view-blog .view-header {
	width: 100%;
	margin: 0;
	text-align: center;
	padding-top: 7vw;
}

#artigos-home .view-blog .view-content ul li {
	display: inline-block;
	width: 48%;
	padding: 0;
	vertical-align: top;
	margin: 0 0.7vw 1.5vw;
	position: relative;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.16);
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}

#artigos-home .view-blog .view-content ul li .views-field-field-imagem {
	height: 14vw;
	overflow: hidden;
	width: 50%;
	float: left;
	position: relative;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

#artigos-home .view-blog .view-content ul li .views-field-field-imagem img {
	display: block;
	width: 100%;
	height: 100%;
}

#artigos-home .view-blog .view-content ul li .views-field-nothing {
	position: relative;
	width: 50%;
	float: right;
	padding: 0.75vw 1vw;
}

#artigos-home .view-blog .view-content ul li .views-field-nothing .title{
	position: relative;
	overflow: hidden;
	display: block;
	line-height: 0;
}

#artigos-home .view-blog .view-content ul li .views-field-nothing .title a{
	font-size: 1.25vw;
	color: #333333;
	font-weight: 500;
	line-height: 1.2;
}

#artigos-home .view-blog .view-content ul li .views-field-nothing .title a:hover{
	color: #4a0082;
}

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

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

#artigos-home .view-blog .view-content ul li .views-field-nothing .descricao {
	max-height: 0vh;
}

#artigos-home .view-blog .view-content ul li .views-field-nothing .redes-sociais-blog div a {
	padding: 0;
	font-size: 0;
	width: 1.2vw;
	height: 1.2vw;
	background: url(../images/icon-facebook-blog.png) no-repeat center center;
	background-size: 1.1vw;
	display: block;
	margin-right: 0.5vw;
	float: left;
}

#artigos-home .view-blog .view-content ul li .views-field-nothing .redes-sociais-blog .instagram a{
	background: url(../images/icon-instagram-blog.png) no-repeat center center;
	background-size: 1.1vw;
}

#artigos-home .view-blog .view-content ul li .views-field-nothing .redes-sociais-blog .twitter a{
	background: url(../images/icon-twitter-blog.png) no-repeat center center;
	background-size: 1.1vw;
}

#artigos-home .view-blog .view-footer .more-link{
	text-align: center;
	margin: 4.25vw 0 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{
	text-transform: uppercase;
	display: inline-block;
	font-size: 0.85vw;
	font-weight: bold;
	color: #fff;
	background: #FFBF00;
	border-radius: 20vw;
	padding: 1.05vw 3.25vw 0.95vw;
	margin: 0 auto;
	border: 1px solid #FFBF00;
}

#artigos-home .view-blog .item-list .pager-load-more{
	text-align: center;
	margin: 3vw 0 3.5vw;
}

/* Representantes > Home */

#page #representantes-home{
	padding: 6vw 5.2vw;
	background: #f5f5f5;
	width: 33%;
	float: right;
	overflow: hidden;
}

#page #representantes-home h2{
	width: 85%;
}

#page #representantes-home .box-select-representante{
	width: 100%;
	margin-top: 3.5vw;
}

/* Internas */

#page #content .panel-separator{
	display: none;
}

.page-servicos #page #content .pane-menu-taxonomia-nodes {
	border-bottom: 0;
	margin: 0.5rem auto 0.75rem;
	display: block;
}


/* Sobre N?s > pagina  */

.page-sobre-nos #content #a-renter .slide-whapper .descricao a.btn-saiba-mais{
	display: none;
}

.page-sobre-nos #content #a-renter {
	padding-bottom: 0;
}

.page-sobre-nos #content #a-renter .slide-whapper {
	background-size: 50% 100%;
	height: 100%;
}

.page-sobre-nos #content #a-renter .slide-whapper {
	padding-left: 5.5vw;
}

#sobre-renter .slide-whapper{
	background-position: top right;
	padding: 3.35vw 0 0;
	background-repeat: no-repeat;
	background-position-y: -6.5vw;
	background-size: 47vw;
}

#sobre-renter .slide-whapper .descricao .conteudo-1,
#sobre-renter .slide-whapper .descricao .conteudo-2{
  padding: 1vw 11vw;
}

#sobre-renter .slide-whapper .descricao .conteudo-1{
	width: 61.5%;
	height: 30.3vw;
}

#sobre-renter .slide-whapper .descricao .conteudo-1 .block-title h1{
	color: #4a0082;
	font-size: 1.88vw;
	margin: 0;
	margin-bottom: 2vw;
}

#sobre-renter .slide-whapper .descricao .conteudo-1 p{
	font-size: 1.23vw;
}

#sobre-renter .slide-whapper .descricao .conteudo-2{
	background: url(../images/bg-sobre.png) no-repeat top center;
	background-size: 100% 100%;
	padding: 1vw 10.5vw 4.5vw;
	padding-top: 13.5vw;
}

#sobre-renter .slide-whapper .descricao .conteudo-2 .content-text{
	margin-bottom: 5.75vw;
}

#sobre-renter .slide-whapper .descricao .conteudo-2 .content-text .block-img{
	width: 12.7%;
	display: inline-block;
	vertical-align: top;
	margin-right: 1.25vw;
}

#sobre-renter .slide-whapper .descricao .conteudo-2 .content-text .block-img img{
	margin-left: auto;
	display: block;
	margin-top: 0.5vw;
}

#sobre-renter .slide-whapper .descricao .conteudo-2 .content-text.content-1 .block-img img{
	width: 9.6vw;
}

#sobre-renter .slide-whapper .descricao .conteudo-2 .content-text.content-2 .block-img img{
	width: 7.65vw;
}

#sobre-renter .slide-whapper .descricao .conteudo-2 .content-text.content-3 .block-img img{
	width: 4.55vw;
}

#sobre-renter .slide-whapper .descricao .conteudo-2 .content-text .block-text{
	width: 75%;
	display: inline-block;
	vertical-align: top;
}

#sobre-renter .slide-whapper .descricao .conteudo-2 .content-text .block-text h1{
	margin: 0;
	color: #0bcf5a;
	font-size: 1.88vw;
	font-weight: 500;
	font-style: italic;
	margin-bottom: 0.9vw;
}

#sobre-renter .slide-whapper .descricao .conteudo-2 .content-text .block-text p{
	font-size: 1.25vw;
	line-height: 1.2;
	color: #fff;
}

#sobre-renter .slide-whapper .descricao .conteudo-2 .content-text .block-text span{
	color: #ffba00;
  font-family: 'muli';
	font-size: 3.15vw;
}

/* Servi?os > pagina */

.page-servicos #content #servicos-content{
  padding-bottom: 5.5vw;
}

.page-servicos #content #servicos-content .slide-whapper{
	background-repeat: no-repeat;
	background-size: 100% 23.5vw;
	padding: 0 5.2vw;
	padding-top: 27vw;
}

.page-servicos #content #servicos-content .slide-whapper .descricao .wrapper-left{
	float: left;
	display: block;
	width: 51.5%;
}

.page-servicos #content #servicos-content .slide-whapper .descricao .wrapper-right{
	width: 28%;
	display: block;
	float: right;
}

.page-servicos #content #servicos-content .slide-whapper .descricao h2{
	font-size: 2.4vw;
	width: 56%;
	line-height: 1;
	margin-bottom: 1.5vw;
}

.page-servicos #content #servicos-content .slide-whapper .descricao p{
	font-size: 1.15vw;
	font-weight: 400;
}

.page-servicos #content #servicos-content .slide-whapper .descricao .wrapper-right .box-right h3{
	color: #535353;
	font-size: 2.4vw;
	font-weight: 400;
	line-height: 1;
	margin: 2vw 0 0;
}

.page-servicos #content #servicos-content .slide-whapper .descricao .wrapper-right .box-right h3 a{
	clear: both;
	display: block;
	color: #00a8ff;
	font-weight: 400;
	margin-top: 0.75vw;
}

.page-servicos #content #servicos-content .slide-whapper .descricao .wrapper-right .box-right h3 a.btn-saibamais{
	padding: 1.2vw 4.25vw 1.2vw 1.5vw;
	margin-top: -0.5vw;
}

.page-servicos #content #servicos-content .slide-whapper .descricao .wrapper-right .box-right.last{
	margin-top: 21.5vw;
}

.page-servicos #content #servicos-entenda{
	padding: 6.25vw 5.2vw 5vw;
}

.page-servicos #content #servicos-entenda .slide-content .descricao .block-title{
	width: 30%;
	padding-left: 0.5vw;
	margin-bottom: 3.75vw;
}

.page-servicos #content #servicos-entenda .slide-content .descricao .block-title h2{
	font-size: 2.4vw;
	margin: 0;
	line-height: 1.05;
	margin-bottom: 1.75vw;
}

.page-servicos #content #servicos-entenda .slide-content .descricao .block-title p{
	font-size: 1.15vw;
	line-height: 1.2;
	font-weight: 400;
}

.page-servicos #content #servicos-entenda .slide-content .chamadas-paginas .box-paginas{
	display: inline-block;
	width: 29%;
	margin-right: 6%;
	vertical-align: top;
}

.page-servicos #content #servicos-entenda .slide-content .chamadas-paginas .box-paginas:last-child{
	margin-right: 0%;
}

.page-servicos #content #servicos-entenda .slide-content .chamadas-paginas .box-paginas h3{
	font-size: 1.15vw;
	font-weight: 600;
	margin: 0;
	margin-top: 1.25vw;
	margin-bottom: 1.25vw;
	line-height: 1.2;
}

.page-servicos #content #servicos-entenda .slide-content .chamadas-paginas .box-paginas p.data{
	margin-bottom: 0.75vw;
	font-size: 0.75vw;
	color: #aaaaaa;
}

.page-servicos #content #servicos-entenda .slide-content .descricao p.data:before{
  margin: 1vw 0 1.25vw;
}

.page-servicos #content #servicos-entenda .slide-content .chamadas-paginas .box-paginas p{
	font-size: 0.85vw;
	font-weight: 400;
	line-height: 1.2;
}

.page-servicos #content #servicos-entenda .slide-content .chamadas-paginas .box-paginas img{
	display: block;
}

.page-servicos #content #servicos-entenda .slide-content .chamadas-paginas .box-paginas a.saiba-mais{
	font-size: 0.6vw;
	font-weight: 600;
	padding: 0.55vw 2.25vw 0.5vw 0.75vw;
	position: absolute;
	right: 0.5vw;
	bottom: 0.5vw;
	background-size: 1.5vw;
}

.page-servicos #content #servicos-entenda .slide-content .chamadas-paginas .box-paginas .box-img{
	position: relative;
}

/* Servi?os > pagina > interna */

.content-paginas{
	background: #f5f5f5;
}

.content-paginas .slide-whapper {
	background-position: top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.content-paginas .slide-whapper .slide-content {
	padding: 0 5.2vw;
	padding-top: 30vw;
}

.content-paginas .descricao .wrapper-left {
	width: 29.5%;
	display: inline-block;
	vertical-align: top;
}

.content-paginas .descricao .wrapper-left h2{
	font-size: 2.4vw;
	line-height: 1.2;
	margin: 0;
	margin-bottom: 4.25vw;
}

.content-paginas .descricao .wrapper-left p{
	font-size: 1.15vw;
	font-weight: 400;
}

.content-paginas .descricao .wrapper-right{
	display: inline-block;
	width: 65%;
	margin-left: 3.5vw;
	padding-bottom: 3.75vw;
	text-align: justify;
}

.content-paginas .descricao .wrapper-right p{
	font-size: 1.15vw;
	font-weight: 400;
}

.content-paginas .descricao .wrapper-right p.color-red{
  color: #ca0030;
	font-size: 1.45vw;
	font-style: italic;
}

#contato-paginas .slide-whapper{
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 2.75vw;
	padding-bottom: 3.75vw;
  position: relative;
}

#contato-paginas .slide-whapper:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}

#contato-paginas .slide-whapper .descricao{
	width: 29.5%;
	margin: 0 auto;
	display: block;
	position: relative;
	padding-right: 5vw;
}

#contato-paginas .slide-whapper .descricao h2{
	font-size: 2.4vw;
	color: #fff;
	margin: 0;
	line-height: 1.3;
}

#contato-paginas .slide-whapper .descricao a{
	padding: 1vw 4.25vw 1vw 2.25vw;
	margin-top: 1.75vw;
}

#como-alugar .slide-whapper .wrapper-right h4{
	font-size: 1.15vw;
	font-style: italic;
	color: #00a8ff;
	margin: 4.15vw 0 0;
}

#como-alugar .slide-whapper .wrapper-right h4:first-of-type{
	margin-top: 0;
}

#locacao-content .descricao .wrapper-right p:first-of-type:before{
	margin-top: 0.5vw;
}

/* Blog > pagina */

.page-blog #page #content #first-page .view-blog {
	width: 100%;
	padding: 0;
	display: block;
}

.page-blog #page #content #first-page .view-blog .view-content {
	margin: 0;
}

.page-blog #page #content #first-page .view-blog .view-content li{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.page-blog #page #content #first-page .view-blog .view-content li .blog-campo-1{
	position: relative;
}

.page-blog #page #content #first-page .view-blog .view-content li .blog-campo-1 .imagem-block{
	height: 25vw;
	overflow: hidden;
	position: relative;
	display: block;
}

.page-blog #page #content #first-page .view-blog .view-content li .blog-campo-1 .imagem-block:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #1A1A1A;
	opacity: 0.8;
	position: absolute;
	left: 0;
	top: 0;
}

.page-blog #page #content #first-page .view-blog .view-content li .blog-campo-1 .imagem-block img{
	width: 100%;
	height: auto;
	margin: auto;
}

.page-blog #page #content #first-page .view-blog .view-content li .blog-campo-1 .texto-block {
	width: 40%;
	position: absolute;
	right: 12.5vw;
	top: 0;
	z-index: 9;
}

.page-blog #page #content #first-page .view-blog .view-content li .blog-campo-1 .texto-block h2{
	font-size: 2.5vw;
	font-weight: bold;
	margin: 3vw 0 1vw;
}

.page-blog #page #content #first-page .view-blog .view-content li .blog-campo-1 .texto-block h2 a{
	color: #fff;
}

.page-blog #page #content #first-page .view-blog .view-content li .blog-campo-1 .texto-block p{
	font-size: 1.15vw;
	color: #FFFFFF;
	margin: 0 0 1vw;
	height: 8.3vw;
	overflow: hidden;
}

.page-blog #page #content #first-page .view-blog .view-content li .blog-campo-1 .texto-block .link-page a{
	float: right;
	font-size: 0.85vw;
	color: #fff;
	display: block;
	width: 26.5%;
	border-radius: 27px;
	background: #1AD9FF;
	padding: 0.9vw 0 0.7vw;
	text-align: center;
}














/* Blog > pagina > interna */

.node-type-blog #page #content .div-wrapper-titulo {
	position: absolute;
	top: 15vw;
	padding: 0 27.5vw;
	display: block;
	width: 100%;
}

.node-type-blog #page #content .div-wrapper-titulo .div-wrapper-position{
	font-size: 0.95vw;
	color: #fff;
	text-align: left;
}

.node-type-blog #page #content .div-wrapper-titulo h1 {
	font-size: 1.88vw;
	font-weight: 500;
	margin-bottom: 0;
	color: #0bcf5a;
	text-align: center;
}

.node-type-blog #page #content .div-wrapper-titulo .field-name-field-descriao{
  display: none;
}

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

.node-type-blog #page #content .pane-node-field-imagem {
	overflow: hidden;
	height: 23.5vw;
	position: relative;
}

.node-type-blog #page #content .pane-node-field-imagem .field-name-field-imagem img{
	width: 100%;
}

.node-type-blog #page #content .pane-node-field-imagem .field-name-field-imagem:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
  left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}

.node-type-blog #page #content .div-wrapper-titulo .data-autor{
	color: #fff;
	font-size: 1.15vw;
	margin-top: 3vw;
	display: block;
	background: url(../images/icon-user.png) no-repeat left top;
	background-size: 3.1vw;
	padding-left: 4vw;
	line-height: 1.2;
	min-height: 3.25vw;
}

.node-type-blog #page #content .div-wrapper-titulo .data-autor .panel-separator{
	display: block;
}

.node-type-blog #page #content .div-wrapper-titulo .data-autor .field-name-field-autor{
	display: inline-block;
	margin-left: 0.3vw;
}

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

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

.node-type-blog #page #content .pane-node-body .field-name-body .field-item ul {
	padding-left: 21.25vw;
	margin: 0 0 2vw;
}

.node-type-blog #page #content .pane-node-body .field-name-body .field-item ul li {
	margin: 0 0 1vw;
}

.node-type-blog #page #content .pane-node-body .field-name-body .field-item{
	font-size: 1.25vw;
	text-align: justify;
	line-height: 1.5;
	color: #333333;
}

.node-type-blog #page #content .pane-node-body .field-name-body .field-item strong{
	font-weight: 600;
}

.node-type-blog #page #content .pane-node-body .field-name-body .field-item img{
	display: block;
	margin: 4vw auto;
}

.node-type-blog #page #content .pane-node-body .field-name-body .field-item a{
	color: #00AAC8;
}

.node-type-blog #page #content .pane-views-panes{
  background: #f5f5f5;
}

.node-type-blog #page #content .pane-views-panes h2.pane-title.block-title{
  display: none;
}

.node-type-blog #page #content #compartilhar {
	padding: 0 20vw 3.5vw;
}

/* FAQ > pagina */

.page-faq .pane-1 .block-content p{
	margin: 0;
}

.page-duvidas-frequentes #title-faq {
	background-size: 100%;
	padding-top: 5vw;
}

.page-duvidas-frequentes #title-faq h1 {
	font-size: 2.1vw;
	text-align: center;
	font-weight: bold;
	margin: 0;
}

.page-duvidas-frequentes #title-faq p {
	font-size: 1.1vw;
	margin: 0;
	line-height: 1.5;
	text-align: center;
	padding: 1vw 18.2vw 0;
}

.page-faq #content-faq{
	float: right;
	overflow: hidden;
	width: 64.5%;
	margin-top: 10.75vw;
}

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

.view-faq .view-content ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.view-faq .view-content ul li {
	padding: 4vw 0 2.5vw;
	margin: 0;
	border-bottom: 1px solid #B8C5CC;
}

.view-faq .view-content ul li .color-red{
	color: #e0002f;
	font-weight: 400;
}

.view-faq .view-content ul li.views-row-first {
	padding-top: 0;
	margin-top: 0;
}

.view-faq .view-content ul li .views-field-body {
  display: block;
}

.view-faq .view-content ul li .views-field-title {
  margin-bottom: 0;
}

.view-faq .view-content ul li .views-field-title .field-content {
	font-size: 2vw;
	font-weight: bold;
	color: #00AAC8;
}

.view-faq .view-content ul li .views-field-body {
	padding-top: 1vw;
}

.view-faq .view-content ul li .views-field-body p{
	font-size: 1vw;
	font-weight: normal;
	line-height: 1.8;
	margin-bottom: 1.5vw;
}

/* Fale conosco */

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block{
	padding-left: 3.25vw;
	padding-right: 11vw;
	padding-top: 3.1vw;
	width: 50%;
	display: block;
	padding-bottom: 3vw;
	float: right;
}

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block .block-title{
	margin-bottom: 2vw;
}

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

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block .block-title h1:after{
	margin: 3.25vw 0 0.75vw;
}

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block .block-title p{
	font-size: 1.25vw;
	font-weight: 400;
	margin-top: 0.75vw;
}

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block .block-1{
	margin-bottom: 2.25vw;
}

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block .block-infos .telefone{
	color: #00a8ff;
	font-size: 2.4vw;
	line-height: 1.25;
	font-weight: 400;
}

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

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block .block-infos .email p.email {
	margin-bottom: 1vw;
}

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block .block-infos .email h3{
	color: #4a0082;
	font-size: 1.25vw;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 0.5vw;
}

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block .block-infos p{
  margin: 0;
}

.page-fale-conosco #page #content .pane-gw2d-gw2d-contato-info-block .block-2 p{
	font-size: 1.15vw;
	line-height: 1.5;
	font-weight: 400;
}

.redes-sociais ul li{
	margin-top: 2.25vw;
}

.page-contrate-aqui #page #content .webform-client-form-192,
.page-fale-conosco #page #content .pane-webform-client-block-56{
	padding: 0vw 11.5vw;
	width: 100%;
	display: block;
}

.webform-client-form-108 .form-wrapper,
.page-contrate-aqui #page #content .webform-client-form-192 .form-item,
.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item{
	display: inline-block;
	width: 29.75%;
	margin: 0.25vw 0.75vw 2.5vw;
	text-align: left;
}

.page-contrate-aqui #page #content .webform-client-form-192 .form-item textarea,
.page-contrate-aqui #page #content .webform-client-form-192 .form-item select,
.page-contrate-aqui #page #content .webform-client-form-192 .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{
	background-color: #fff;
	width: 100%;
	height: 4.1vw;
	border: 1px solid #A1ACB3;
	padding: 1.1vw 1.5vw;
	text-align: left;
	border-radius: 10px;
	font-size: 1.05vw;
}

#page #content select{
	-webkit-appearance: none;
	background: url(../images/seta-select.png) no-repeat 95% center;
	background-color: #f5f5f5;
	background-size: 1.05vw;
	padding-right: 3.5vw !important;
}

.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item input[type=file] {
  color: #000;
}

.page-contrate-aqui #page #content .webform-client-form-192 .form-item select,
.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item.webform-component--estado select{
	background: url(../images/seta-select.png) no-repeat 95% center;
	background-size: 1.05vw;
	background-color: #fff;
}

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

.page-contrate-aqui #page #content .webform-client-form-192 .form-item textarea,
.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item textarea {
	width: 98.5%;
	height: 13vw !important;
}

.page-contrate-aqui #page #content .webform-client-form-192 .form-item .grippie,
.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item .grippie{
  display: none;
}

.webform-client-form-108 .form-actions,
.page-fale-conosco #page #content .pane-webform-client-block-56 .form-actions{
	display: block;
	text-align: right;
	width: 100%;
	margin: 0;
}

#webform-ajax-wrapper-192 .links a,
#webform-ajax-wrapper-56 .links a,
.webform-client-form-108 .form-actions input,
.page-contrate-aqui #page #content .webform-client-form-192 .form-actions input,
.page-fale-conosco #page #content .pane-webform-client-block-56 .form-actions input{
	border: 0;
	padding: 0.25vw 0 0;
	background: #1AD9FF;
	color: #fff;
	display: block;
	width: 9.5vw;
	font-size: 0.85vw;
	font-weight: 500;
	height: 2.8vw;
	float: right;
	border-radius: 20vw;
}

#mapa iframe{
	display: block;
}

/* Breadcrumb */

.easy-breadcrumb{
	padding: 1.25vw 5.5vw;
}

.easy-breadcrumb span{
	font-size: 0.7vw;
	font-weight: normal;
}

.easy-breadcrumb span a{
  color: #A1ACB3;
}

.easy-breadcrumb span.easy-breadcrumb_segment-title{
	font-weight: bold;
	color: #00AAC8;
}

#page #content .easy-breadcrumb a.easy-breadcrumb_segment-front{
	font-size: 0;
	width: 1.25vw;
	height: 1.25vw;
	background: url(../images/icon-inicio.png) no-repeat center center;
	background-size: 1.25vw;
	display: inline-block;
	vertical-align: middle;
}

#page #content .easy-breadcrumb span.easy-breadcrumb_segment-separator{
	margin: 0 0.5vw;
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
}

#page #content .easy-breadcrumb span.easy-breadcrumb_segment-separator:before{
	content: "";
	display: block;
	width: 0.4vw;
	height: 0.8vw;
	background: url(../images/seta-right.png) no-repeat center center;
	background-size: 0.4vw;
}

/* Cota??o */

.page-cotacao #page #content footer.submitted{
	display: none;
}

#webform-ajax-wrapper-108{
	padding-bottom: 8.25vw;
}

#cota-o-entityform-edit-form,
.webform-client-form-108 fieldset{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0;
	display: inline-block;
	vertical-align: top;
	width: 65%;
	float: right;
	padding-top: 36vw;
	padding-right: 5.2vw;
	padding-bottom: 8.5vw;
}

.slide-banner .slide-banner-texto,
.webform-client-form-108 fieldset.webform-component--top{
	padding: 19.25vw 3vw 0 5.2vw;
	float: left;
	width: 100%;
}

.webform-client-form-108 fieldset.webform-component--bottom{
	padding-right: 4.2vw;
	padding-top: 12.25vw;
}

#cota-o-entityform-edit-form .form-wrapper,
.webform-client-form-108 fieldset.webform-component--bottom .form-item{
	width: 49%;
	display: inline-block;
	margin: 0.25vw;
	vertical-align: top;
}

.webform-client-form-108 fieldset fieldset {
	width: 100%;
	padding-right: 0;
}

.slide-banner .slide-banner-texto h1,
.webform-client-form-108 .form-item .wrapper-left h2{
	font-size: 2.4vw;
	line-height: 1.2;
	margin: 0;
}

.page-cotacao #page #content .pane-node{
	float: left;
	height: auto;
	width: 35%;
	overflow: hidden;
}

.slide-banner .slide-banner-img{
	position: absolute;
	width: 100%;
}

#page #content .slide-banner {
	position: relative;
	overflow: hidden;
	height: 19.25vw;
}

#page #content .banner-top-page:before{
	content: "";
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.8);
	z-index: 9;
}

#page #content .banner-top-page .slide-banner .slide-banner-img img{
	margin-top: -20.5%;
}

.page-contrate-aqui #page #content .banner-top-page .slide-banner .slide-banner-img img {
  margin-top: 0;
}

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

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

.webform-client-form-108 .webform-component--bottom--right--aplicativos-originais,
.webform-client-form-108 .webform-component--bottom--right--softwares-originais{
  width: 36.5% !important;
}

.webform-client-form-108 .webform-component-textarea{
	width: 100%	!important;
	margin-top: 2.5vw;
}

#cota-o-entityform-edit-form .form-wrapper textarea,
.webform-client-form-108 .webform-component-textarea textarea {
	height: 11.5vw !important;
	width: 98.5% !important;
}

#cota-o-entityform-edit-form .form-wrapper .grippie,
.webform-client-form-108 .webform-component-textarea .grippie{
  display: none;
}

.webform-client-form-108 .webform-component--bottom--right--data-para-entrega{
  width: 24.75% !important;
}

.webform-client-form-108 .form-actions{
	padding-right: 5.2vw;
}

#cota-o-entityform-edit-form #edit-field-equipamentos{
	clear: both;
	display: block;
}

#cota-o-entityform-edit-form #edit-field-equipamentos .field-multiple-table .field-name-field-descricao-cotacao,
#cota-o-entityform-edit-form #edit-field-equipamentos .field-multiple-table .field-name-field-per-odo,
#cota-o-entityform-edit-form #edit-field-aplicativos-originais,
#cota-o-entityform-edit-form #edit-field-softwares-originais{
	width: 37.5%;
}

#cota-o-entityform-edit-form #edit-field-equipamentos .field-multiple-table .field-name-field-quantidade{
	width: 22.5%;
	margin-left: 0;
}

#cota-o-entityform-edit-form #edit-field-data-para-entrega{
	width: 22%;
}

#cota-o-entityform-edit-form #field-data-para-entrega-add-more-wrapper{
	margin: 0;
	width: 100%;
}

#cota-o-entityform-edit-form #field-data-para-entrega-add-more-wrapper fieldset{
	border: 0;
	padding: 0;
	width: 100%;
	margin: 0;
}

#cota-o-entityform-edit-form #field-data-para-entrega-add-more-wrapper fieldset .form-item {
	margin: 0;
}

#cota-o-entityform-edit-form #field-data-para-entrega-add-more-wrapper fieldset .form-item .date-padding{
	padding: 0;
}

#cota-o-entityform-edit-form #edit-field-equipamentos,
#cota-o-entityform-edit-form #edit-field-coment-rios{
	width: 100%;
}

#cota-o-entityform-edit-form #edit-field-equipamentos .field-multiple-table thead,
#cota-o-entityform-edit-form #edit-field-equipamentos .field-multiple-table .field-multiple-drag,
#cota-o-entityform-edit-form #edit-field-configuracao{
  display: none;
}

#cota-o-entityform-edit-form #edit-field-equipamentos .field-multiple-table{
	border: 0;
}

#cota-o-entityform-edit-form #edit-field-equipamentos .field-multiple-table tbody{
	border: 0;
	margin: 0;
	padding: 0;
	background: none;
}

#cota-o-entityform-edit-form #edit-field-equipamentos .field-multiple-table tr{
	background: none;
	border: 0;
	padding: 0;
}

#cota-o-entityform-edit-form .form-actions{
	margin-top: 1.5vw;
	margin-left: auto;
	text-align: right;
	width: 99%;
}

#page #cota-o-entityform-edit-form .form-actions input.form-submit{
	width: 12.5vw;
	height: 3.1vw;
	background: url(../images/seta-saiba-mais.png) no-repeat 95% center;
	background-size: 2.15vw;
	background-color: #00a8ff;
	font-size: 0.85vw;
	padding-left: 1.4vw;
}

#cota-o-entityform-edit-form .form-actions input{
	width: 12.5vw;
	height: 3.1vw;
}

#cota-o-entityform-edit-form #edit-field-equipamentos{
  margin: 2vw 0 2.75vw;
}

#cota-o-entityform-edit-form #edit-field-equipamentos tr{
	display: block;
	margin-bottom: 1vw;
}

#cota-o-entityform-edit-form #edit-field-equipamentos tr:last-child{
	margin-bottom: 0;
}

#cota-o-entityform-edit-form #edit-field-equipamentos tr td input.form-submit,
#cota-o-entityform-edit-form #edit-field-equipamentos .clearfix input.form-submit,
#cota-o-entityform-edit-form .form-actions input.form-submit{
	width: 7.5vw;
	height: 2.25vw;
	display: inline-block;
	margin-left: auto;
	background: url(../images/icon-add-more.png) no-repeat 95% center;
	background-size: 1.55vw;
	background-color: #00a8ff;
	color: #fff;
	font-weight: 600;
	border-radius: 20vw;
	font-size: 0.75vw;
}

#cota-o-entityform-edit-form #edit-field-equipamentos tr td input.form-submit,
#cota-o-entityform-edit-form #edit-field-equipamentos .clearfix input.form-submit{
	float: right;
	margin-top: 0.25vw;
	margin-right: 0.5vw;
}

#cota-o-entityform-edit-form #edit-field-equipamentos .clearfix input.form-submit{
	width: 12vw;
}

#cota-o-entityform-edit-form #edit-field-equipamentos tr:last-child td input.form-submit,
#cota-o-entityform-edit-form #edit-field-equipamentos tr td input#edit-field-equipamentos-und-0-remove-button{
	display: none;
}

#cota-o-entityform-edit-form #edit-field-equipamentos:before{
	content: "Equipamentos";
	display: block;
	font-size: 0.95vw;
	font-weight: 500;
	margin-left: 1vw;
}

#page #content #cota-o-entityform-edit-form .form-wrapper input.date-clear{
	background: url(../images/icon-calendario.png) no-repeat 90% center;
	background-size: 1.21vw;
	background-color: #f5f5f5;
	padding-right: 3.5vw;
}

/* Depoimentos */

.page-depoimentos .view-depoimentos .view-header h2{
	display: none;
}

.page-depoimentos #page #content .block-content h1{
	text-align: center;
	font-weight: bold;
	font-size: 2.4vw;
	margin-bottom: 0.8vw;
	margin-top: 2.75vw;
	color: #005ea8;
}

.page-depoimentos #page #content .block-content h1:after{
	margin: 3vw auto 0;
}

.page-depoimentos #page #content .view-depoimentos {
	padding: 3vw 11.7vw;
}

.view-depoimentos .view-content ul.slides li .views-field-nothing{
  position: relative;
}

.view-depoimentos .view-content ul.slides li .views-field-nothing .depoimento-wrapper{
	position: relative;
}

.view-depoimentos .view-content ul.slides li .views-field-nothing .depoimento-wrapper a:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 13.3vw;
	background: rgba(0,0,0,0.5)
}

.view-depoimentos .view-content ul.slides li .views-field-nothing .depoimento-wrapper a:after{
	content: "";
	display: block;
	position: absolute;
	top: 5.2vw;
	left: 43%;
	width: 2.9vw;
	height: 2.9vw;
	background: url(../images/icon-play.png) no-repeat center center;
}

.view-depoimentos .view-content ul.slides li .views-field-nothing:hover .depoimento-wrapper a:after{
	background: url(../images/icon-paly-hover.png) no-repeat center center;
}

.view-depoimentos .view-content ul.slides li .views-field-nothing .depoimento-wrapper a img{
	height: 13.3vw;
}

.page-depoimentos #page #content .flex-direction-nav a {
	width: 3vw;
	height: 3vw;
}

.page-depoimentos #page .flex-direction-nav .flex-prev {
  left: -4.5vw;
}

.page-depoimentos #page .flex-direction-nav .flex-next {
  right: -4.5vw;
}

.page-depoimentos #page #content .view-content ul.slides li .views-field-nothing h3.title {
  font-size: 1.55vw;
}

.page-depoimentos #page #content .view-depoimentos .view-content ul.slides li .views-field-field-descriao .field-content {
	line-height: 1.2;
}

.page-depoimentos #page #content .pane-depoimentos-panel-pane-1{
	margin-top: 5vw;
}

.page-depoimentos #page #content .pane-depoimentos-panel-pane-1 .view-depoimentos ul{
	padding: 0;
	margin: 0;
}

.page-depoimentos #page #content .pane-depoimentos-panel-pane-1 .view-depoimentos ul li{
	display: inline-block;
	vertical-align: top;
	padding: 0 1.3vw;
	width: 33%;
	margin-bottom: 2.5vw;
}

.page-depoimentos #page #content .pane-depoimentos-panel-pane-1 .view-depoimentos ul li .views-field-nothing .depoimento-wrapper h3{
	color: #295ea4;
	font-size: 1.55vw;
	font-weight: bold;
	margin: 0.85vw 0 0;
	padding: 0 1.4vw;
	line-height: 1.2;
}

.page-depoimentos #page #content .pane-depoimentos-panel-pane-1 .view-depoimentos ul li .views-field-field-descriao .field-content{
	font-size: 1.05vw;
	font-weight: normal;
	line-height: 1.2;
	padding: 0 1.4vw;
	margin-bottom: 1vw;
}

.page-depoimentos #page #content .pane-depoimentos-panel-pane-1 .view-depoimentos ul li .views-field-field-depoimento{
	padding: 0 1.4vw;
}

/* Depoimentos > pagina > v2 */

.page-depoimentos #page #content .view-historias-de-sucesso .view-header .aspas-subtitulo {
	margin-bottom: 1vw;
}

.page-depoimentos #page #content .view-historias-de-sucesso.view-display-id-panel_pane_1{
	background: none;
	padding-top: 0;
	padding-bottom: 0;
}

.page-depoimentos #page #content .view-historias-de-sucesso .view-historias-de-sucesso{
	background-color: #fff;
	padding-top: 7vw;
	padding-bottom: 0;
}

.page-depoimentos #page #content .view-historias-de-sucesso .attachment .view-content ul,
.page-depoimentos #page #content .view-historias-de-sucesso .attachment .view-content ul li .views-field {
	padding: 0;
	margin: 0;
}

.page-depoimentos #page #content .view-historias-de-sucesso .attachment .view-content ul li {
	display: block;
}

.page-depoimentos #page #content .view-historias-de-sucesso .attachment .view-content ul li:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #B8C5CC;
	border-radius: 5px;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.15)
}

.page-depoimentos #page #content .view-historias-de-sucesso .attachment .view-content ul li .block-historias {
	box-shadow: none;
	padding-bottom: 2.5vw;
}

.page-depoimentos #page #content .view-historias-de-sucesso .attachment .view-content ul li .block-historias .campo-descricao {
	height: auto;
}

.page-depoimentos #page #content .view-historias-de-sucesso .attachment .view-content ul li .block-historias .campo-descricao p {
	font-size: 0.95vw;
	margin-bottom: 1.5vw;
}

.page-depoimentos #page #content .view-historias-de-sucesso .view-content .carousel-flexslider ul {
	padding-top: 0.5vw;
}

.page-depoimentos #page #content #depoimentos-pagina .view-historias-de-sucesso {
	background: none;
}

.page-depoimentos #page #content #depoimentos-pagina .view-historias-de-sucesso ul{
	padding: 0;
	margin: 0;
}

.page-depoimentos #page #content #depoimentos-pagina .view-historias-de-sucesso ul li{
	display: inline-block;
	width: 33%;
	margin: 0 0 1.5vw;
}

.page-depoimentos #page #content #depoimentos-pagina .view-historias-de-sucesso .item-list .pager a {
	display: inline-block;
	background: #1AD9FF;
	border-radius: 27px;
	font-size: 0.85vw;
	color: #fff;
	margin-top: 4vw;
	padding: 1vw 2.5vw 0.85vw;
}

.page-depoimentos #page #content #depoimento .view-historias-de-sucesso .view-content {
	display: none;
}

.page-depoimentos #page #content #depoimento .view-historias-de-sucesso .attachment .view-content {
	display: block;
}

/**/

#webform-ajax-wrapper-192 .webform-confirmation p,
#webform-ajax-wrapper-56 .webform-confirmation p{
	font-size: 1.15vw;
	text-align: center;
}

#webform-ajax-wrapper-192 .links a,
#webform-ajax-wrapper-56 .links a {
	padding: 1.3vw 3vw;
	text-align: center;
}

#webform-ajax-wrapper-192 .links a{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 26.25vw;
}

/* Vet Prev */

/* Header */

#header #block-gw2d-gw2d-welcome {
	position: absolute;
	top: 1.4vw;
	right: 2.5vw;
	width: 20vw;
}

#header #block-block-5{
	position: relative;
	top: 0;
	right: 0;
	width: fit-content;
}

#header #block-gw2d-gw2d-welcome{
  right: 3vw;
  top: 1vw;
}

#header #block-gw2d-gw2d-welcome .welcome-block {
	display: inline-block;
	vertical-align: middle;
	width: 15vw;
	padding-top: 0.3vw;
	float: left;
}

#header #block-gw2d-gw2d-welcome .welcome-block .user-picture {
	display: inline-block;
	margin-right: 0.5vw;
	width: 21%;
	vertical-align: middle;
}

#header #block-gw2d-gw2d-welcome .welcome-block .user-picture img {
	border-radius: 20vw;
}

#header #block-gw2d-gw2d-welcome .welcome-block .user-info {
	display: inline-block;
	vertical-align: middle;
	width: 70%;
}

#header #block-gw2d-gw2d-welcome .welcome-block .user-info label {
	font-size: 1.05vw;
	line-height: 1.2;
	color: #333333;
	font-family: 'gobold';
	font-weight: normal;
	text-transform: lowercase;
}

#header #block-gw2d-gw2d-welcome .welcome-block .user-info a {
	font-size: 0.75vw;
	font-weight: bold;
	color: #333333;
}

#header #block-block-10 .block-credenciado{
	width: 83%;
	height: 2.75vw;
	display: block;
	text-align: center;
	float: right;
}

#header #block-block-5 .block-credenciado {
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.4vw;
	text-align: center;
	float: right;
}

#header #block-block-10 .block-credenciado a:first-child,
#header #block-block-5 .block-credenciado a {
	/* color: #fff;
	padding-top: 1.1vw;
	display: inline-block;
	font-size: 1vw;
	font-weight: 500;
	line-height: 0.7;
	background: #00AAC8;
	border-radius: 20vw;
	padding: 1.1vw 1.5vw 0.9vw;
	vertical-align: middle;
	margin-right: 0.75vw;
	border: 1px solid #00AAC8; */

	display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    margin: 0;
    padding: 0.35rem 0.75rem !important;
    border: 1px solid rgba(8, 65, 77, 0.12) !important;
    border-radius: 999px !important;
    background: #f4f8f9 !important;
    color: #08414d !important;
    font-size: 0.8rem !important;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    text-transform: none;
    letter-spacing: normal;
    box-shadow: none !important;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

#header #block-block-5 .block-credenciado a {
	font-size: 0.8vw;
	border-radius: 100vw;
	padding: 0.8vw 1vw;
	margin-left: 0;
	margin-right: 0;
}

#header #block-block-15 {
	position: relative;
	top: 0;
	left: 24px;
	transform: none;
	width: auto;
	z-index: 2;
	height: auto;
}

.previsao-do-tempo {
	overflow: hidden;
	position: relative;
	right: auto;
	top: auto;
	box-shadow: none;
	border-radius: 8px;
	height: 100%;
}

/* Hide leaked non-agenda panes on /eventos */
body.page-eventos .view-servi-os,
body.page-eventos .view-hospedagem {
	display: none !important;
}

/* Beach pages: block_4/block_5 ficam visíveis (mesmo layout marketplace). */
body.node-type-praia .view-servi-os.view-display-id-block_4,
body.node-type-praia .view-hospedagem.view-display-id-block_5 {
	/* intentionally visible */
}

/* Beach-linked marketplace rows: no legacy card chrome */
body.node-type-praia #page #content .view-servi-os ul li.uo-marketplace-row,
body.node-type-praia #page #content .view-hospedagem ul li.uo-marketplace-row {
	box-shadow: none !important;
	background: transparent !important;
	padding: 0 !important;
}

.uo-eventos-empty {
	padding: 2rem 1.25rem;
	text-align: center;
	background: #f4f8f9;
	border-radius: 12px;
	margin: 1rem 0 2rem;
}

.uo-eventos-empty__link {
	display: inline-block;
	margin-top: 0.75rem;
	padding: 0.75rem 1.25rem;
	background: #00aac8;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 8px;
	font-weight: 700;
}

.uo-eventos-weekend {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 1.25rem;
	padding: 0 0 0.25rem;
}

.uo-eventos-weekend__chip {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 8px 14px;
	border-radius: 999px;
	background: #00aac8;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 700;
	font-size: 14px;
}

.uo-eventos-weekend__chip--ghost {
	background: #fff;
	color: #08414d !important;
	border: 1px solid rgba(8, 65, 77, 0.2);
}

.uo-weekend-hub,
.uo-weekend-hub * {
	box-sizing: border-box;
}

.uo-weekend-hub {
	background:
		linear-gradient(180deg, rgba(0, 170, 200, 0.08), rgba(255, 255, 255, 0.95)),
		#f4f8f9;
}

/* Página /fim-de-semana: mesma largura/margem dos hubs (ex.: /roteiros). */
.uo-weekend-hub--page {
	width: min(1180px, 92%);
	margin: 0 auto;
	padding: 3rem 0 4rem;
	background: transparent;
}

/* Pane embutido: padding interno leve, sem forçar coluna própria. */
.uo-weekend-hub--pane {
	padding: 1.5rem 0 2rem;
	background: transparent;
}

.uo-weekend-hub__title {
	margin: 0 0 0.5rem;
	color: #08414d;
	font-size: clamp(1.4rem, 3vw, 2rem);
	line-height: 1.2;
}

.uo-weekend-hub__lead,
.uo-weekend-hub__range {
	margin: 0 0 0.5rem;
	color: #33545c;
	max-width: 40em;
}

.uo-weekend-hub__shortcuts ul {
	list-style: none;
	margin: 1.25rem 0 1.75rem;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.uo-weekend-hub__chip {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 10px 14px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid rgba(8, 65, 77, 0.18);
	color: #08414d !important;
	text-decoration: none !important;
	font-weight: 600;
	font-size: 14px;
}

.uo-weekend-hub__agenda h2 {
	margin: 0 0 1rem;
	color: #08414d;
	font-size: clamp(1.15rem, 2.2vw, 1.4rem);
}

.uo-weekend-hub__events {
	list-style: none;
	margin: 0;
	padding: 0;
}

.uo-weekend-hub__events li {
	margin: 0 0 10px;
}

.uo-weekend-hub__events a {
	display: block;
	padding: 14px 16px;
	background: #fff;
	border-radius: 12px;
	text-decoration: none !important;
	color: #08414d !important;
	box-shadow: 0 4px 14px rgba(8, 25, 35, 0.06);
}

.uo-weekend-hub__event-title {
	display: block;
	font-weight: 700;
	margin-bottom: 4px;
}

.uo-weekend-hub__event-date,
.uo-weekend-hub__event-place {
	display: block;
	font-size: 13px;
	color: #557;
}

.uo-weekend-hub__empty,
.uo-weekend-hub__more {
	margin: 1rem 0 0;
	color: #33545c;
}

.uo-weekend-hub__more a {
	font-weight: 700;
	color: #00aac8 !important;
}

@media only screen and (max-width: 699px) {
	.uo-weekend-hub--page {
		width: 100%;
		padding: 18px 4vw 110px;
	}
}

.uo-routes-hub,
.uo-routes-hub * {
	box-sizing: border-box;
}

.uo-routes-hub {
	width: min(1180px, 92%);
	margin: 0 auto;
	padding: 3rem 0 4rem;
}

.uo-routes-hub__breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 1.25rem;
	color: #56727a;
	font-size: 0.9rem;
}

.uo-routes-hub__breadcrumb a {
	color: #08758a !important;
	font-weight: 700;
	text-decoration: none !important;
}

.uo-routes-hub__breadcrumb span[aria-current="page"] {
	color: #08414d;
	font-weight: 700;
}

.uo-routes-hub__hero {
	margin-bottom: 2rem;
	padding: clamp(1.5rem, 4vw, 3rem);
	border-radius: 20px;
	background:
		linear-gradient(120deg, rgba(8, 65, 77, 0.94), rgba(0, 170, 200, 0.82)),
		#08414d;
	color: #fff;
}

.uo-routes-hub__hero h1 {
	max-width: 780px;
	margin: 0 0 0.75rem;
	color: #fff;
	font-size: clamp(2rem, 5vw, 3.5rem);
	line-height: 1.08;
	text-align: left;
}

.uo-routes-hub__eyebrow,
.uo-routes-plan__eyebrow {
	margin: 0 0 0.5rem;
	color: #08758a;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.uo-routes-hub__hero .uo-routes-hub__eyebrow {
	color: #b8f3ff;
}

.uo-routes-hub__lead {
	max-width: 680px;
	margin: 0;
	color: rgba(255, 255, 255, 0.9);
	font-size: clamp(1rem, 2vw, 1.2rem);
	line-height: 1.55;
}

.uo-routes-hub__plans {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-bottom: 2.5rem;
}

.uo-routes-plan {
	display: flex;
	flex-direction: column;
	min-height: 270px;
	padding: 24px;
	border: 1px solid rgba(8, 65, 77, 0.1);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(8, 25, 35, 0.07);
}

.uo-routes-plan--weekend {
	background: linear-gradient(180deg, rgba(0, 170, 200, 0.1), #fff 55%);
}

.uo-routes-plan--day {
	background: linear-gradient(180deg, rgba(255, 190, 70, 0.15), #fff 55%);
}

.uo-routes-plan--stay {
	background: linear-gradient(180deg, rgba(8, 65, 77, 0.1), #fff 55%);
}

.uo-routes-plan h2 {
	margin: 0 0 0.75rem;
	color: #08414d;
	font-size: clamp(1.25rem, 2.2vw, 1.55rem);
	line-height: 1.2;
	text-align: left;
}

.uo-routes-plan > p:not(.uo-routes-plan__eyebrow) {
	margin: 0 0 1.25rem;
	color: #45626a;
	line-height: 1.55;
}

.uo-routes-plan > a,
.uo-routes-hub__empty > a {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	min-height: 44px;
	margin-top: auto;
	padding: 10px 15px;
	border-radius: 9px;
	background: #00aac8;
	color: #fff !important;
	font-weight: 800;
	text-decoration: none !important;
}

.uo-routes-hub__shortcuts {
	margin-bottom: 3rem;
	padding: 22px 24px;
	border-radius: 16px;
	background: #f2f7f8;
}

.uo-routes-hub__shortcuts h2 {
	margin: 0 0 1rem;
	color: #08414d;
	font-size: 1.25rem;
}

.uo-routes-hub__shortcuts ul {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.uo-routes-hub__shortcuts a {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 9px 14px;
	border: 1px solid rgba(8, 65, 77, 0.16);
	border-radius: 999px;
	background: #fff;
	color: #08414d !important;
	font-weight: 700;
	text-decoration: none !important;
}

.uo-routes-hub__section-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 1.25rem;
}

.uo-routes-hub__section-heading h2 {
	margin: 0;
	color: #08414d;
	font-size: clamp(1.5rem, 3vw, 2rem);
}

.uo-routes-hub__section-heading > a {
	flex: 0 0 auto;
	color: #08758a !important;
	font-weight: 800;
}

.uo-routes-hub__articles {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.uo-route-article {
	height: 100%;
	overflow: hidden;
	border: 1px solid rgba(8, 65, 77, 0.1);
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 7px 20px rgba(8, 25, 35, 0.07);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.uo-routes-hub__articles .uo-route-article:hover {
	border-color: #00aac8;
	box-shadow: 0 8px 22px rgba(0, 170, 200, 0.18);
}

.uo-route-article > a {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: #08414d !important;
	text-decoration: none !important;
}

.uo-route-article__image {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #e8f1f3;
}

.uo-route-article__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.25s ease;
}

.uo-route-article:hover .uo-route-article__image img {
	transform: scale(1.035);
}

.uo-route-article__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 18px;
}

.uo-route-article__date {
	margin-bottom: 7px;
	color: #657c82;
	font-size: 0.78rem;
}

.uo-route-article__title {
	margin-bottom: 8px;
	font-size: 1.15rem;
	font-weight: 800;
	line-height: 1.3;
}

.uo-route-article__summary {
	margin-bottom: 16px;
	color: #526a70;
	font-size: 0.92rem;
	line-height: 1.5;
}

.uo-route-article__action {
	margin-top: auto;
	color: #08758a;
	font-weight: 800;
}

.uo-routes-hub__empty {
	padding: 24px;
	border-radius: 14px;
	background: #f2f7f8;
	color: #45626a;
}

@media only screen and (max-width: 899px) {
	.uo-routes-hub__plans,
	.uo-routes-hub__articles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.uo-routes-plan:first-child {
		grid-column: 1 / -1;
	}
}

@media only screen and (max-width: 699px) {
	.uo-routes-hub {
		width: 100%;
		padding: 18px 4vw 110px;
	}

	.uo-routes-hub__hero {
		margin-bottom: 14px;
		padding: 24px 18px;
		border-radius: 15px;
	}

	.uo-routes-hub__plans,
	.uo-routes-hub__articles {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.uo-routes-plan:first-child {
		grid-column: auto;
	}

	.uo-routes-plan {
		min-height: 0;
		padding: 18px;
	}

	.uo-routes-hub__shortcuts {
		margin-bottom: 2rem;
		padding: 18px;
	}

	.uo-routes-hub__shortcuts ul {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 4px;
		scrollbar-width: none;
	}

	.uo-routes-hub__shortcuts li {
		flex: 0 0 auto;
	}

	.uo-routes-hub__section-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}
}

.uo-home-agenda {
	padding: 2rem 1.25rem;
	background: #fff;
}

.uo-home-agenda__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.75rem 1.25rem;
	margin-bottom: 1.25rem;
}

.uo-home-agenda__head h2 {
	margin: 0;
	color: #08414d;
}

.uo-home-agenda__head p {
	margin: 0;
	flex: 1 1 12rem;
	color: #557;
}

.uo-home-agenda__all {
	font-weight: 700;
	color: #00aac8 !important;
}

.uo-praia-verificado,
.uo-listing-updated {
	margin: 1.5rem 0 0.5rem;
	font-size: 0.85rem;
	color: #667;
}

.uo-praia-proximos-hint {
	margin: 1.5rem 0 0.5rem;
	padding: 1rem 0;
	border-top: 1px solid #e6eef0;
}

.uo-praias-vizinhas__label {
	width: 100%;
	margin: 0 0 0.75rem;
	font-weight: 700;
	color: #08414d;
}

.uo-praia-proximos-hint h2,
.node-praia .descricao h2,
.node-praia .informacoes-praia-box h2,
.node-praia .como-chegar h2,
.node-praia .uo-praia-mapa h2,
.node-praia .comments-wrapper h2 {
	color: #08414d;
	font-size: clamp(1.15rem, 2vw, 1.45rem);
}

/* Home planner — desktop + always-aggregated fallback */
/* O agente do hero substitui a busca antiga da home. */
body.front #busca-praia-home,
body.front #page #busca-praia-home,
body.front #page #content.small #busca-praia-home,
body.page-home #busca-praia-home,
body.page-home #page #busca-praia-home,
body.page-home #page #content.small #busca-praia-home {
	display: none !important;
}

/* Home first fold: capped banner so photo, H1 and agent share one screen. */
body.front #home-banner,
body.page-home #home-banner {
	position: relative;
	height: clamp(340px, 42vw, 75vh);
	overflow: hidden;
}

body.front #home-banner .block-inner,
body.front #home-banner .block-content,
body.page-home #home-banner .block-inner,
body.page-home #home-banner .block-content {
	height: 100%;
}

.uo-home-hero {
	--uo-hero-overlap: clamp(170px, 48vw, 300px);
	position: relative;
	z-index: 5;
	margin-top: calc(-1 * var(--uo-hero-overlap));
	padding: 0 1.5rem 1.5rem;
	text-align: center;
}

.uo-home-hero__inner {
	margin: 0 auto;
	max-width: 60rem;
}

.uo-home-hero__eyebrow {
	margin: 0 0 0.5rem;
	padding-top: 1.25rem;
	color: rgba(255, 255, 255, 0.86);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45);
}

.uo-home-hero__title {
	margin: 0 0 0.65rem;
	color: #fff;
	font-size: clamp(1.6rem, 2.6vw, 2.7rem);
	line-height: 1.15;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.5);
}

.uo-home-hero__lead {
	margin: 0 auto;
	max-width: 46rem;
	color: rgba(255, 255, 255, 0.92);
	font-size: 1.32rem;
	line-height: 1.45;
	text-shadow: 0 1px 14px rgba(0, 0, 0, 0.5);
}

.uo-home-hero__shortcuts {
	margin-top: 2rem;
}

.uo-home-hero__shortcuts ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
}

.uo-home-hero__chip {
	display: inline-block;
	padding: 0.6rem 1rem;
	border: 1px solid rgba(8, 65, 77, 0.16);
	border-radius: 999px;
	background: #fff;
	color: #08414d;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.9rem;
	box-shadow: 0 2px 8px rgba(3, 26, 33, 0.06);
	transition: border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.uo-home-hero__chip:hover,
.uo-home-hero__chip:focus {
	border-color: #00aac8;
	color: #00aac8;
	transform: translateY(-1px);
}

/* Chat aberto: banner mais baixo para o painel caber na primeira dobra. */
body.uo-chat-agent-open.front #home-banner,
body.uo-chat-agent-open.page-home #home-banner {
	height: clamp(160px, 18vw, 240px);
	transition: height 0.28s ease;
}

body.uo-chat-agent-open .uo-home-hero {
	--uo-hero-overlap: clamp(110px, 12vw, 160px);
	padding-bottom: 1rem;
}

body.uo-chat-agent-open .uo-home-hero__eyebrow {
	padding-top: 0.55rem;
	font-size: 0.72rem;
	margin-bottom: 0.25rem;
}

body.uo-chat-agent-open .uo-home-hero__title {
	margin-bottom: 0.35rem;
	font-size: clamp(1.15rem, 1.8vw, 1.55rem);
}

body.uo-chat-agent-open .uo-home-hero__lead {
	display: none;
}

body.uo-chat-agent-open .uo-home-hero__shortcuts {
	margin-top: 0.75rem;
}

@media (prefers-reduced-motion: reduce) {
	.uo-home-hero__chip {
		transition: none;
	}

	body.uo-chat-agent-open.front #home-banner,
	body.uo-chat-agent-open.page-home #home-banner {
		transition: none;
	}
}

body.front .uo-home-section,
body.page-home .uo-home-section,
body.front #page #content .view-hospedagem,
body.page-home #page #content .view-hospedagem,
body.front #page #content .view-servi-os,
body.page-home #page #content .view-servi-os,
body.front #artigos-home,
body.page-home #artigos-home {
	padding: 2.75rem 0rem 3.25rem;
}

.uo-city-status {
	margin: -10rem;
	padding: 15rem 11.5vw;
	background:
		linear-gradient(180deg, rgba(0, 170, 200, 0.08), rgba(244, 248, 249, 0.95)),
		#f4f8f9;
}

#home-city-status .uo-city-status__inner,
.uo-city-status__inner {
	max-width: 1200px;
	margin: 0 auto;
}

.uo-city-status__head {
	margin-bottom: 0.5rem;
	text-align: center;
}

.uo-city-status__title {
	margin: 0 0 0.45rem;
	color: #08414d;
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
}

.uo-city-status__lead {
	margin: 0 auto 1.65rem;
	max-width: 36rem;
	font-size: 0.98rem;
	line-height: 1.5;
	color: #4d646b;
}

.uo-city-status__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}

.uo-city-card {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	min-height: 100%;
	padding: 1rem;
	background: #fff;
	border: 1px solid rgba(8, 65, 77, 0.12);
	border-radius: 12px;
	overflow: visible;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.uo-city-card:hover {
	transform: translateY(-2px);
	border-color: rgba(0, 170, 200, 0.45);
	box-shadow: 0 12px 28px rgba(8, 25, 35, 0.1);
}

.uo-city-card--weather {
	overflow: hidden;
	min-height: 480px;
	height: 100%;
}

.uo-city-card__title {
	margin: 0;
	color: #08414d;
	font-size: 1rem;
	font-weight: 700;
}

.uo-city-card__meta,
.uo-city-card__empty,
.uo-city-card__stamp,
.uo-city-card__fallback {
	margin: 0;
	font-size: 0.85rem;
	color: #5a6d73;
}

.uo-city-card--event {
	gap: 0.75rem;
}

.uo-city-card__events {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	flex: 1 1 auto;
}

.uo-city-card__events li {
	margin: 0;
}

.uo-city-card__event {
	display: block;
	padding: 0.7rem 0.75rem;
	border-radius: 10px;
	background: #f4fbfc;
	border: 1px solid rgba(0, 170, 200, 0.18);
	text-decoration: none !important;
	color: inherit;
}

.uo-city-card__event:hover,
.uo-city-card__event:focus {
	border-color: #00aac8;
	background: #eefbfd;
}

.uo-city-card__event-title {
	display: block;
	margin: 0 0 0.2rem;
	font-size: 0.92rem;
	font-weight: 700;
	line-height: 1.3;
	color: #00aac8;
}

.uo-city-card__event .uo-city-card__meta {
	display: block;
}

.uo-city-card__event-title a,
.uo-city-card__cta,
.uo-city-card__fallback a {
	color: #00aac8;
	text-decoration: none;
}

.uo-city-card__cta,
.uo-city-card__fallback a {
	margin-top: auto;
	font-weight: 700;
	font-size: 0.9rem;
}

.uo-city-card__cta:hover,
.uo-city-card__event-title a:hover,
.uo-city-card__fallback a:hover,
.uo-city-card__event:hover .uo-city-card__event-title {
	text-decoration: underline;
}

.uo-city-card__widget {
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
	overflow: hidden;
}

.uo-city-card--weather .uo-city-card__widget {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
}

.uo-city-card--weather .uo-city-card__meteored {
	position: relative;
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 360px;
	width: 100%;
	max-width: none;
	margin: 0;
	overflow: hidden;
}

.uo-city-card--weather .uo-city-card__meteored > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: inherit;
}

.uo-city-card--weather .uo-city-card__meteored [id^="cont_"] {
	margin-left: auto !important;
	margin-right: auto !important;
}

.uo-city-card--weather .uo-city-card__meteored iframe {
	position: relative !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	display: block !important;
	width: 300px !important;
	max-width: 100% !important;
	height: 336px !important;
	min-height: 0 !important;
	margin: 0 auto !important;
	border: 0 !important;
}

.uo-city-card--weather.is-fallback .uo-city-card__meteored,
.uo-city-card__widget.is-fallback .uo-city-card__meteored {
	display: none;
}

.uo-city-card__camera {
	margin: 0;
}

.uo-city-card__video-wrap {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	background: #0b1c20;
	aspect-ratio: 16 / 9;
}

.uo-city-card__video,
.uo-city-card__camera img,
.uo-city-card__poster {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	background: #0b1c20;
	border-radius: 8px;
}

.uo-city-card__video {
	position: absolute;
	inset: 0;
	/* Sem play/pause nativo (Safari .player-controls-background). */
	pointer-events: none !important;
}

.uo-city-card__video::-webkit-media-controls,
.uo-city-card__video::-webkit-media-controls-enclosure,
.uo-city-card__video::-webkit-media-controls-panel,
.uo-city-card__video::-webkit-media-controls-play-button,
.uo-city-card__video::-webkit-media-controls-start-playback-button,
.uo-cameras-tile__video::-webkit-media-controls,
.uo-cameras-tile__video::-webkit-media-controls-enclosure,
.uo-cameras-tile__video::-webkit-media-controls-panel,
.uo-cameras-tile__video::-webkit-media-controls-play-button,
.uo-cameras-tile__video::-webkit-media-controls-start-playback-button,
.uo-cameras-live__video::-webkit-media-controls,
.uo-cameras-live__video::-webkit-media-controls-enclosure,
.uo-cameras-live__video::-webkit-media-controls-panel,
.uo-cameras-live__video::-webkit-media-controls-play-button,
.uo-cameras-live__video::-webkit-media-controls-start-playback-button {
	display: none !important;
	-webkit-appearance: none !important;
	opacity: 0 !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
}

.uo-city-card__cam-placeholder {
	position: absolute;
	inset: 0;
	border-radius: 8px;
	background:
		radial-gradient(circle at 50% 40%, rgba(0, 170, 200, 0.18), transparent 55%),
		linear-gradient(180deg, #16343b, #0b1c20);
}

.uo-city-card.is-live .uo-city-card__poster,
.uo-city-card.is-live .uo-city-card__cam-placeholder,
.uo-city-card__video[hidden],
.uo-city-card__poster[hidden],
.uo-city-card__cam-placeholder[hidden] {
	display: none;
}

.uo-city-card.is-poster .uo-city-card__video {
	display: none;
}

.uo-live-badge {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 3px 8px;
	border-radius: 4px;
	background: rgba(200, 16, 46, 0.88);
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	pointer-events: none;
}

.uo-live-badge::before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	animation: uo-live-blink 1.4s infinite;
}

@keyframes uo-live-blink {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.35; }
}

.uo-live-play {
	position: absolute;
	inset: 0;
	z-index: 4;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	margin: 0;
	border: 0;
	background: rgba(8, 20, 24, 0.38);
	color: #fff;
	cursor: pointer;
	font: inherit;
}

.uo-live-play[hidden] {
	display: none;
}

.uo-live-play__icon {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #00aac8;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
	position: relative;
}

.uo-live-play__icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 54%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 16px;
	border-color: transparent transparent transparent #fff;
	transform: translate(-50%, -50%);
}

.uo-live-play__label {
	font-size: 0.92rem;
	font-weight: 800;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.uo-cameras-live {
	margin: 0 0 1.25rem;
	padding: 1rem 1.1rem 1.1rem;
	background: #0f2a30;
	border-radius: 12px;
	color: #fff;
	max-width: 960px;
	box-sizing: border-box;
}

.uo-cameras-live__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.75rem;
}

.uo-cameras-live__title {
	margin: 0;
	color: #fff;
	font-size: 1.15rem;
	font-family: inherit;
	font-weight: 800;
	text-transform: none;
}

.uo-cameras-live .uo-live-badge {
	position: static;
}

.uo-cameras-live__player {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	background: #000;
	aspect-ratio: 16 / 9;
	/* max-height: 480px; */
}

.uo-cameras-live__video,
.uo-cameras-live__poster {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #000;
}

.uo-cameras-live__video[hidden],
.uo-cameras-live__poster[hidden] {
	display: none;
}

.uo-cameras-live__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.65rem;
	margin-top: 0.85rem;
}

.uo-cameras-live__label {
	font-size: 0.9rem;
	color: #fff;
	margin: 0;
}

/* Native <select> on Windows ignores dark backgrounds — use light theme. */
.uo-cameras-live select,
.uo-cameras-live select option {
	min-width: 240px;
	max-width: 100%;
	padding: 0.5rem 0.65rem;
	border-radius: 8px;
	border: 1px solid #c5d3d7;
	background: #fff !important;
	color: #08414d !important;
	font-size: 0.9rem;
}

.uo-cameras-live__external {
	color: #7ed7e8;
	font-weight: 700;
	text-decoration: none;
}

.uo-cameras-live__external:hover {
	text-decoration: underline;
}

.uo-cameras-live__stamp {
	margin: 0.55rem 0 0;
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.75);
}

/* Cameras detail page: single content column, player outside .descricao */
body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .content-img {
	display: none !important;
}

body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .node-content {
	padding: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .descricao h3,
body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .descricao p,
body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba h3 {
	padding-left: 0;
	margin-left: 0;
	max-width: 960px;
}

/* Título fora da tela: o H1 permanece no DOM para SEO e leitores de tela. */
body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content h1.nome {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .descricao,
body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .descricao #imagens-cameras-ubatuba,
body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba,
body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .uo-cameras-live,
body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .uo-cameras-grid,
body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .uo-cameras-toolbar {
	clear: both;
	float: none !important;
	width: 100% !important;
	max-width: 960px;
	box-sizing: border-box;
}

body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .uo-cameras-grid {
	max-width: 1200px;
}

body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba,
body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .descricao #imagens-cameras-ubatuba,
body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .uo-cameras-toolbar,
body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .uo-cameras-live {
	display: none !important;
}

.uo-cameras-grid__head {
	margin: 0 0 1rem;
}

.uo-cameras-grid__title {
	margin: 0 0 0.35rem;
	color: #08414d;
	font-size: 1.2rem;
	font-weight: 800;
}

.uo-cameras-grid__lead {
	margin: 0;
	color: #4d646b;
	font-size: 0.95rem;
}

.uo-cameras-grid__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.uo-cameras-grid__group {
	grid-column: 1 / -1;
	margin: 0.35rem 0 0;
	padding: 0.15rem 0 0;
	color: #08414d;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.3;
}

.uo-cameras-grid__group:first-child {
	margin-top: 0;
	padding-top: 0;
}

.uo-cameras-tile {
	background: #0f2a30;
	border-radius: 12px;
	overflow: hidden;
	color: #fff;
}

.uo-cameras-tile__player {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: #000;
}

.uo-cameras-tile__video,
.uo-cameras-tile__placeholder {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.uo-cameras-tile__video,
.uo-cameras-live__video {
	pointer-events: none !important;
}

.uo-cameras-tile__placeholder {
	background:
		radial-gradient(circle at 50% 40%, rgba(0, 170, 200, 0.18), transparent 55%),
		linear-gradient(180deg, #16343b, #0b1c20);
}

.uo-cameras-tile__video[hidden],
.uo-cameras-tile__placeholder[hidden] {
	display: none;
}

.uo-cameras-tile.is-live .uo-live-play,
.uo-cameras-tile.is-live .uo-cameras-tile__placeholder {
	display: none;
}

.uo-cameras-tile__meta {
	padding: 0.75rem 0.9rem 1rem;
}

.uo-cameras-tile__label {
	margin: 0 0 0.2rem;
	color: #fff;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.3;
}

.uo-cameras-tile__route {
	margin: 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.82rem;
}

.uo-cameras-grid__foot {
	margin: 1rem 0 0;
}

.uo-cameras-grid__foot .uo-cameras-live__external {
	color: #00aac8;
}

body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba ul {
	width: 100%;
}

body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba ul li {
	min-width: 0;
	overflow: hidden;
}

body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba ul li img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: 260px;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	background: #d9e5e8;
	border-radius: 8px;
}

body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba ul li.is-broken img {
	opacity: 0.4;
}

@media only screen and (max-width: 699px) {
	body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .node-content {
		padding: 0 4vw 2rem;
	}

	body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .descricao,
	body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba,
	body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .uo-cameras-live,
	body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content .uo-cameras-grid {
		max-width: 100%;
	}

	.uo-cameras-grid__list {
		grid-template-columns: 1fr;
	}

	.uo-cameras-live select {
		min-width: 0;
		width: 100%;
	}
}

.uo-city-card__camera figcaption {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	margin-top: 0.45rem;
	font-size: 0.82rem;
	color: #33484e;
	font-weight: 600;
}

.uo-city-card__route {
	font-weight: 500;
	color: #667;
}

.uo-city-card__traffic-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.5rem;
}

.uo-city-card__traffic-controls {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}

.uo-city-card__nav {
	appearance: none;
	border: 1px solid rgba(8, 65, 77, 0.2);
	background: #f7fbfc;
	color: #08414d;
	border-radius: 8px;
	padding: 0.45rem 0.7rem;
	font-size: 0.8rem;
	font-weight: 600;
	cursor: pointer;
}

.uo-city-card__nav:hover,
.uo-city-card__nav:focus {
	border-color: #00aac8;
	outline: 2px solid rgba(0, 170, 200, 0.25);
	outline-offset: 1px;
}

.uo-city-card--traffic.is-offline .uo-city-card__camera img {
	opacity: 1;
	filter: none;
}

.uo-city-card__phones {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.4rem;
}

.uo-city-card__phone {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	min-height: 44px;
	padding: 0.55rem 0.75rem;
	border-radius: 10px;
	background: #08414d;
	color: #fff !important;
	text-decoration: none !important;
}

.uo-city-card__phone:hover,
.uo-city-card__phone:focus {
	background: #00aac8;
}

.uo-city-card__phone-label {
	font-size: 0.78rem;
	font-weight: 600;
	line-height: 1.25;
}

.uo-city-card__phone-number {
	flex: 0 0 auto;
	font-size: 0.95rem;
	font-weight: 800;
	letter-spacing: 0.01em;
	white-space: nowrap;
}

.uo-cameras-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin: 0 0 1rem;
	padding: 0.75rem 0.9rem;
	background: #f4f8f9;
	border: 1px solid rgba(8, 65, 77, 0.12);
	border-radius: 10px;
}

.uo-cameras-toolbar__stamp {
	margin: 0;
	font-size: 0.9rem;
	color: #4d646b;
}

.uo-cameras-toolbar__btn {
	appearance: none;
	border: 0;
	border-radius: 8px;
	background: #00aac8;
	color: #fff;
	font-weight: 700;
	padding: 0.55rem 0.9rem;
	cursor: pointer;
}

#page #content .view-hospedagem .info-chamada-codigo {
	display: none;
}

#home-banner .banner-title,
#home-banner .box-text .banner-title {
	margin: 0;
	color: #fff;
	font-size: inherit;
	font-weight: 700;
	text-transform: uppercase;
}

@media only screen and (max-width: 1099px) {
	.uo-city-status {
		margin: 0;
		padding: 2rem 5vw;
	}

	.uo-city-status__head {
		text-align: left;
	}

	.uo-city-status__lead {
		margin-left: 0;
		margin-right: 0;
		max-width: none;
	}

	.uo-city-status__grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 699px) {
	.uo-city-status {
		padding: 1.25rem 4vw;
	}

	.uo-city-status__grid {
		grid-template-columns: 1fr;
	}

	.uo-city-card:hover {
		transform: none;
	}
}

/* Mobile: weather sits in the header (right of logo) */
@media only screen and (max-width: 699px) {
	.previsao-do-tempo {
		position: relative;
		right: auto;
		bottom: auto;
		height: 64px;
		box-shadow: none;
	}

	body #page {
		overflow: visible;
	}

	#artigos-home .view-blog .view-content ul li .views-field-nothing .title {
		line-height: 1.3;
		overflow: visible;
	}

	#artigos-home .view-blog .view-content ul li .views-field-nothing .descricao {
		max-height: none;
	}
}

#header.small .previsao-do-tempo {
    margin-top: -0.2vw;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.previsao-do-tempo #cont_9b813a7f1e38912570d2ef18e8b372e1 {
    margin-left: 0px !important;
    margin-top: 0px !important;
}

#header .btn-sair {
	color: #333333;
	display: inline-block;
	font-size: 0.75vw;
	vertical-align: middle;
	margin-left: 0.75vw;
	font-family: 'gobold';
	font-weight: normal;
	text-transform: lowercase;
  padding-top: 1vw;
}

#header .btn-sair:before{
	content: "";
	width: 1.5vw;
	height: 1.5vw;
	background: url(../images/icon-sair-red.png) no-repeat center center;
	background-size: 1.3vw;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.25vw;
}

#header #block-block-5 .block-credenciado a:last-child{
	background: #00CC66;
	border: 1px solid #00CC66;
}

#header #block-gw2d-gw2d-header-info-2 .redes-sociais{
	display: none;
}

/* Home > campo de baixo do banner */

#page #content #seu-agendamento-gratuitamente{
	background: #08414D;
	padding: 2.25vw 5vw;
}

#page #content #seu-agendamento-gratuitamente .slide-whapper{
	display: inline-block;
	width: 48.5%;
	vertical-align: middle;
}

#page #content #seu-agendamento-gratuitamente .descricao .block-left h2{
	color: #FFFFFF;
	font-size: 1.65vw;
	text-transform: uppercase;
	margin: 0 0 1vw;
}

#page #content #seu-agendamento-gratuitamente .descricao .block-left p{
	font-size: 0.95vw;
	color: #fff;
	line-height: 1.2;
	margin: 0;
}

#page #content #seu-agendamento-gratuitamente .block-right{
	display: inline-block;
	vertical-align: middle;
	width: 51%;
}

#page #content #seu-agendamento-gratuitamente .block-right a{
	width: 19.3vw;
	height: 4vw;
	background: #560086;
	color: #fff;
	text-transform: uppercase;
	display: block;
	border-radius: 5px;
	text-align: center;
	font-size: 1.25vw;
	font-weight: 500;
	padding: 1vw 0;
}

#page #content #seu-agendamento-gratuitamente .block-right .views-exposed-form .views-exposed-widget {
	width: 35.5%;
	display: inline-block;
	margin: 0 0.45vw;
}

#page #content #seu-agendamento-gratuitamente .block-right .views-exposed-form .views-exposed-widget {
  padding: 0;
  float: none;
}
#page #content #seu-agendamento-gratuitamente .block-right .views-exposed-form .views-exposed-widget.views-submit-button{
	width: 22%;
	margin-right: 0;
}

#page #content #seu-agendamento-gratuitamente .block-right form .views-submit-button input,
#page #content #seu-agendamento-gratuitamente .block-right form .form-item select {
	width: 100%;
	padding: 1.1vw 1vw 0.75vw;
	border: 0;
	border-radius: 5px;
	font-size: 1.05vw;
	background-color: #fff;
}

#page #content #seu-agendamento-gratuitamente .block-right form .views-submit-button input {
	background: #1AD9FF;
	font-weight: bold;
	color: #fff;
}

/* Home > Entenda Como Funciona */

#page #content #entenda-como-funciona .descricao .block-top{
	padding: 5vw 19vw 0;
}

#page #content #entenda-como-funciona .descricao .block-top h1{
	color: #4a0082;
	text-align: center;
	font-size: 1.8vw;
	margin-bottom: 2.25vw;
}

#page #content #entenda-como-funciona .descricao .block-top p{
	font-size: 1.25vw;
	text-align: center;
	margin: 0;
	line-height: 1.2;
}

#page #content #entenda-como-funciona .descricao .block-bottom{
	margin-top: 4vw;
	padding: 0 8.5vw 0 10vw;
}

#page #content #entenda-como-funciona .descricao .block-bottom ul{
	padding: 0;
	margin: 0;
}

#page #content #entenda-como-funciona .descricao .block-bottom ul li{
	display: inline-block;
	width: 21.2vw;
	border: 1px solid #eeeeee;
	padding: 2.9vw 2vw 0.95vw;
	margin: 0 2.55vw;
	vertical-align: bottom;
}

#page #content #entenda-como-funciona .descricao .block-bottom ul li .title{
	font-size: 1.55vw;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 0.7vw;
  margin-top: 0.5vw;
}

#page #content #entenda-como-funciona .descricao .block-bottom ul li .imagem-field{
	height: 5.2vw;
	display: block;
	position: relative;
}

#page #content #entenda-como-funciona .descricao .block-bottom ul li .imagem-field img{
 max-height: 100%;
}

#page #content #entenda-como-funciona .descricao .block-bottom ul li .descricao-field{
	position: relative;
	overflow: hidden;
	height: 3.5vw;
}

#page #content #entenda-como-funciona .descricao .block-bottom ul li p{
	font-size: 0.95vw;
	font-weight: 400;
	line-height: 1.2;
	margin: 0;
}

#page #content #entenda-como-funciona .descricao .link-page{
	margin-top: 4.5vw;
	margin-bottom: 5vw;
}

#page #content #entenda-como-funciona .descricao .link-page a{
	width: 25.5vw;
	height: 3.9vw;
	display: block;
	margin: 0 auto;
	text-align: center;
	background: #560086;
	border-radius: 5px;
	color: #fff;
	font-size: 1.2vw;
	text-transform: uppercase;
	font-weight: 500;
	padding: 1vw 0;
}

/* Home > Grupo Dental Team */

#grupo-dental-team{
	position: relative;
}

.node-type-especialidades-odontol-gicas #grupo-dental-team .block-content,
#grupo-dental-team .slide-whapper{
	padding: 3vw 5vw 5vw;
	padding-left: 0;
	background: #00AAC8;
}

#grupo-dental-team .slide-whapper .descricao{
  position: relative;
	z-index: 1;
}

#grupo-dental-team .block-left .field-title h1{
	color: #0bcf5a;
	font-family: 'muli';
	font-size: 3.1vw;
	margin: 0;
	margin-bottom: 1.25vw;
}

#grupo-dental-team .block-left .field-text p{
	font-size: 1.25vw;
	color: #fff;
	line-height: 1.2;
	margin-bottom: 2vw;
}

#grupo-dental-team .block-right,
#grupo-dental-team .block-left{
	display: inline-block;
	width: 50%;
	margin-right: 7vw;
	vertical-align: bottom;
}

#grupo-dental-team .block-right{
	width: 40%;
	margin: 0;
}

#grupo-dental-team .block-right .field-title h1{
	font-size: 2.5vw;
	color: #fff;
}

#grupo-dental-team .block-right .field-text p{
	font-size: 0.95vw;
	color: #FFFFFF;
	margin: 0;
}

#grupo-dental-team .block-left .field-text{
	padding-right: 3.5vw;
}

#grupo-dental-team .block-left img{
	width: 150%;
	max-width: none;
	margin-left: -50%;
	display: block;
}

#grupo-dental-team .block-right a{
	width: 9vw;
	height: 2.75vw;
	display: block;
	color: #fff;
	font-size: 0.85vw;
	font-weight: 500;
	text-align: center;
	background: #18c2f7;
	padding: 0.9vw 0;
	border-radius: 20vw;
	margin-top: 1vw;
}

/* Blog > pagina > interna */

.node-type-blog #page #content .view-blog .view-content{
	margin-top: 3vw;
}

.node-type-blog #page #content #artigos-home {
	padding: 0 10vw 5vw;
	background: none;
	background-color: #F7FAFF;
}

/* Contato > pagina */

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

.page-fale-conosco #content .content-width #block-title-page{
	display: block;
	padding: 4vw 22vw 0;
	text-align: center;
}

.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: 3.65vw;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 4vw;
	color: #333333;
	line-height: 1.5;
}

.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: 1.1vw;
	margin: 0;
	line-height: 1.5;
}

.page-fale-conosco #page #content .pane-webform-client-block-56 .form-item label{
	position: relative !important;
	display: block;
	height: auto;
	width: auto;
	font-size: 1vw;
	font-weight: 300;
	color: #1A1A1A;
	padding-left: 1.5vw;
}


/* Contrate Aqui > pagina */

.page-contrate-aqui #page #content{
  background-color: #f9f9f9;
}

.page-contrate-aqui #page #content #contrate-aqui{
	width: 41%;
	margin-left: 11vw;
	display: inline-block;
	vertical-align: bottom;
}

.page-contrate-aqui #page #content .webform-client-form-192{
	width: 100%;
	padding-top: 5.5vw;
	padding-bottom: 6vw;
	margin-left: 0;
}

.page-contrate-aqui #page #content .webform-client-form-192 .webform-component--title{
	padding-bottom: 4.7vw;
}

.page-contrate-aqui #page #content .webform-client-form-192 .form-actions input,
.page-contrate-aqui #page #content .webform-client-form-192 .form-item textarea,
.page-contrate-aqui #page #content .webform-client-form-192 .form-item select,
.page-contrate-aqui #page #content .webform-client-form-192 .form-item input{
	width: 92%;
}

.page-contrate-aqui #page #content .webform-client-form-192 .form-actions input{
  font-weight: 600;
}

.page-contrate-aqui #page #content #Codigo{
	width: 41%;
	display: inline-block;
	vertical-align: top;
	margin-top: 15.5vw;
	padding-left: 0.75vw;
}

.page-contrate-aqui #page #content #Codigo .block-content{
	width: 60%;
}

.page-contrate-aqui #page #content #Codigo .texto{
	border: 1px solid #560086;
	padding: 1.1vw 2.1vw;
	display: inline-block;
	margin-bottom: 1.5vw;
}

.page-contrate-aqui #page #content #Codigo .texto p{
	text-transform: uppercase;
	font-size: 1.23vw;
	font-weight: 400;
	margin-bottom: 0;
}

.page-contrate-aqui #page #content #Codigo .texto a{
	color: #4471B7;
}

.page-contrate-aqui #page #content #Codigo .codigo p{
  margin: 0;
}

/* Como Funciona > pagina */

.page-dental-team #page #content #como-funciona .slide-content{
	padding: 5vw 0;
	position: relative;
	overflow: hidden;
}

.page-dental-team #page #content #como-funciona .slide-content .descricao .block-left{
	padding-left: 5.5vw;
	width: 50%;
	float: left;
}

.page-dental-team #page #content #como-funciona .slide-content .descricao .block-titulo{
	margin-bottom: 3vw;
}

.page-dental-team #page #content #como-funciona .slide-content .descricao h1{
	color: #00AAC8;
	font-size: 2.9vw;
	font-weight: bold;
	margin: 0;
	margin-bottom: 1vw;
	line-height: 1.2;
}

.page-dental-team #page #content #como-funciona .slide-content .descricao h3{
	color: #1A1A1A;
	margin: 0;
	font-size: 1.65vw;
	font-weight: 300;
}

.page-dental-team #page #content #como-funciona .slide-content .descricao p{
	font-size: 1.05vw;
	width: 100%;
	margin-bottom: 1.5vw;
}

.page-dental-team #page #content #como-funciona .slide-content .descricao .block-right-image{
	float: right;
	width: 43.5%;
	box-shadow: -10px 5px 60px rgba(0,0,0,0.1);
}

.page-dental-team #page #content #como-funciona .slide-content .descricao .block-right-image img{
  display: block;
}

.page-dental-team #page #content #dental-team-descricao{
	background: #08414D;
	padding: 3.5vw 15.5vw;
}

.page-dental-team #page #content #dental-team-descricao p{
	font-size: 1.65vw;
	font-weight: bold;
	text-align: center;
	margin: 0;
	color: #fff;
}

.page-dental-team #page #content #Valores-visao-missao{
	padding: 5vw 8.5vw 5vw 9vw;
	position: relative;
	overflow: hidden;
}

.page-dental-team #page #content #Valores-visao-missao .missao-visao-valores{
	float: left;
	box-shadow: 0px 5px 60px rgba(0,0,0,0.16);
	padding: 4vw 1.5vw;
	background: #fff;
	width: 48.5%;
}

.page-dental-team #page #content #Valores-visao-missao .missao-visao-valores.missao {
	width: 57.5%;
	padding-right: 11vw;
}

.page-dental-team #page #content #Valores-visao-missao .missao-visao-valores.visao {
	margin-top: 5vw;
	margin-left: -5vw;
	padding-bottom: 10vw;
}

.page-dental-team #page #content #Valores-visao-missao .missao-visao-valores.valores {
	margin-left: 13vw;
	margin-top: -5vw;
	width: 46%;
}

.page-dental-team #page #content #Valores-visao-missao .missao-visao-valores .titulo{
	font-size: 5vw;
	color: #00AAC8;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 2vw;
}

.page-dental-team #page #content #Valores-visao-missao .missao-visao-valores .descricao{
	font-size: 1.05vw;
}

/* Como Funciona > pagina */

.page-dental-team #page #content #como-funciona .view-como-funciona{
	padding: 3vw 11vw 8.25vw;
	background-color: #f9f9f9;
	overflow: hidden;
}

.page-dental-team #page #content #como-funciona .view-como-funciona .views-row{
	position: relative;
	clear: both;
	margin-bottom: 6.85vw;
}

.page-dental-team #page #content #como-funciona .view-como-funciona .views-row .content-imagem{
	float: left;
	margin-right: 1.9vw;
	margin-top: 0.25vw;
	width: 15%;
}

.page-dental-team #page #content #como-funciona .view-como-funciona .views-row-even .content-imagem{
	float: right;
	margin-left: 1vw;
	margin-right: 0;
}

.page-dental-team #page #content #como-funciona .view-como-funciona .views-row .content-description{
	width: 81%;
	padding-left: 17.25%;
}

.page-dental-team #page #content #como-funciona .view-como-funciona .views-row-even .content-description{
	text-align: right;
	width: 82%;
	padding-left: 15vw;
}

.page-dental-team #page #content #como-funciona .view-como-funciona .views-row .content-description h1{
	color: #0bcf5a;
	font-size: 1.88vw;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 0.5vw;
}

.page-dental-team #page #content #como-funciona .view-como-funciona .views-row .content-description p{
	font-size: 1.1vw;
	font-weight: 400;
	margin-bottom: 1.5vw;
}

.page-dental-team #page #content #como-funciona .view-como-funciona .views-row .content-description strong{
	font-weight: 500;
}

.page-dental-team #page #content #como-funciona .view-como-funciona .views-row .content-description a{
  color: #4a0082;
	font-weight: 500;
}

.page-dental-team #page #content #como-funciona .view-como-funciona .views-row .content-description span{
	line-height: 1.2;
	color: #4a0082;
	font-weight: 500;
	display: block;
}

/* Como Funciona > pagina */

.page-dental-team #page #grupo-dental-team .slide-whapper .descricao .block-right a{
	display: none;
}

/* Farm?cias Conveniadas > pagina */

.page-farmacias-conveniadas #page #content #farmacias-conveniadas{
	padding: 5.6vw 10.9vw 10vw;
}

.page-farmacias-conveniadas #page #content #farmacias-conveniadas .descricao h1{
	font-size: 1.53vw;
	color: #4a0082;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 2.35vw;
}

.page-farmacias-conveniadas #page #content #farmacias-conveniadas .block-iframe{
	height: 60vw;
	overflow: hidden;
	width: 78.9%;
	position: relative;
}

.page-farmacias-conveniadas #page #content #farmacias-conveniadas .block-iframe p{
	overflow-y: scroll !important;
	position: relative;
	height: 60vw;
}

.page-farmacias-conveniadas #page #content #farmacias-conveniadas iframe{
	width: 100%;
}

/* Area do Credenciado > pagina */

.page-area-do-credenciado #page #content{
	background: #f9f9f9;
}

.page-area-do-credenciado #page #content #campo-login{
	padding: 5.7vw 10.9vw 3vw;
}

.page-area-do-credenciado #page #content #campo-login h1{
	font-size: 1.53vw;
	color: #4a0082;
	font-weight: 500;
	margin: 0;
	margin-bottom: 1.25vw;
	text-transform: uppercase;
}

.page-area-do-credenciado #page #content #campo-login iframe{
	padding: 3.4vw 5vw;
	background-color: rgb(233, 232, 236);
	height: 12vw;
}

/* Rede Credenciada > pagina */

.page-mapa #page #content {
	position: relative;
}

.page-mapa #page #content #loja-credenciada-slide {
	background-color: #fff;
	height: 45vw;
	overflow: hidden;
	clear: both;
}

#loja-credenciada-slide .view-loja-credenciada .view-content li {
  cursor: pointer;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada{
	position: relative;
	height: 100%;
	padding: 6vw 1.2vw 0;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada input.controls{
	width: 23.45vw;
	height: 3.15vw;
	border: 0;
	border-radius: 5px;
	margin-bottom: 3vw;
	font-size: 0.95vw;
	font-weight: 400;
	padding: 0 4vw 0 1vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada button,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada input[type=button]{
	width: 2.5vw;
	font-size: 0;
	background: url(../images/icon-busca.png) no-repeat center center;
	background-size: 1.2vw;
	background-color: #fff;
	border: 0;
	height: 3.1vw;
	margin: 0;
	vertical-align: top;
	margin-top: 0;
	margin-left: -3vw;
	border-radius: 5px;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada input,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-filters,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-header{
	width: 25.65%;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .group-lojas-hidden,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-header{
	display: none;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content {
	overflow-y: scroll;
	height: 39.5vw;
	display: block;
	width: 26.75%;
	padding-bottom: 1vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content .group-lojas:first-child h3{
	padding-top: 0;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content .group-lojas h3{
	font-size: 1.25vw;
	font-weight: bold;
	color: #1A1A1A;
	margin: 0;
	padding-top: 1.95vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li {
    padding: 0.7vw 0.5vw 0.7vw 0;
    margin: 0;
    display: block;
    border-bottom: 1px solid #00AAC8;
    width: 100%;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-body p{
	font-size: 0.85vw;
	font-weight: normal;
	color: #1A1A1A;
	line-height: 1.2;
	margin-bottom: 1vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-body a{
	font-size: 0.85vw;
	color: #FFFFFF;
	width: 6vw;
	background: #1AD9FF;
	border-radius: 27px;
	display: block;
	padding: 0.8vw 1.1vw 0.7vw;
	text-align: center;
	margin-left: auto;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-title {
  width: 87%;
}
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-title .field-content{
	font-size: 1.25vw;
	text-transform: uppercase;
	color: #333333;
	line-height: 1.2;
  font-weight: normal;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-regiao .field-content{
	font-size: 0.75vw;
	color: #333333;
	margin-bottom: 0.2vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-descricao-mapa .field-content{
	font-size: 0.75vw;
	color: #333333;
	margin-bottom: 0.4vw;
	line-height: 1.2;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-endereco .field-content{
	font-size: 0.75vw;
	color: #00AAC8;
	line-height: 1.25;
	margin-bottom: 0.5vw;
	padding-left: 1vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-endereco .field-content:before{
	content: "";
	display: inline-block;
	width: 0.8vw;
	height: 1vw;
	vertical-align: middle;
	background: url(../images/icon-location.png) no-repeat center center;
	background-size: 0.7vw;
	margin-right: 0.3vw;
	float: left;
	margin-left: -1vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-view-node a{
	border: 1px solid #00AAC8;
	background: #00AAC8;
	background-size: 100%;
	display: inline-block;
	font-size: 0.85vw;
	font-weight: bold;
	border-radius: 20vw;
	color: #fff;
	padding: 0.3vw 1.5vw 0.3vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-tipo-de-local,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-nothing,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-nothing .gmaps_lon,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-nothing .gmaps_lat{
	display: none;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-footer{
	position: absolute;
	right: 0;
	top: 0;
	width: 72.5%;
	height: 45vw;
	overflow: hidden;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-filters select,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-filters input {
	height: auto;
	border: 0;
	border-radius: 5px;
	font-size: 0.95vw;
	font-weight: 400;
	padding: 0.5vw 1vw;
  width: 100%;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-filters .views-exposed-form .views-exposed-widget {
  width: 40%;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-filters .views-exposed-form .views-submit-button {
  width: 20%;
}

.page-mapa #page #content .bloco-filtro {
  position: absolute;
  width: 25.50%;
  z-index: 9;
  left: 1.2vw;
  top: 1.2vw;
  background: #fff;
}

.page-mapa #page #content .bloco-filtro .views-exposed-form-loja-credenciada-block {
	padding-top: 1vw;
}

.page-mapa #page #content .bloco-filtro .views-exposed-widget {
	padding: 0;
	width: 95%;
	margin-right: 0.5vw;
}
.page-mapa #page #content .bloco-filtro .filter-links-style {
	margin-top: 0.5vw;
}

.page-mapa #page #content .bloco-filtro .views-exposed-widget label {
	display: none;
}

.page-mapa #page #content .bloco-filtro .views-exposed-widget input {
	width: 80%;
}

.page-mapa #page #content .bloco-filtro .views-exposed-widget.views-submit-button {
  width: 4.5vw;
  margin: 0;
  position: absolute;
  right: 1vw;
}

.page-mapa #page #content .bloco-filtro .views-exposed-widget.views-submit-button input{
	margin: 0;
	border: 1px solid #00AAC8;
	background: #00AAC8;
	background-size: 100%;
	display: block;
	width: 100%;
	font-size: 0.85vw;
	font-weight: bold;
	border-radius: 20vw;
	color: #fff;
	padding: 0.75vw 1vw 0.6vw;
}

.page-mapa #page #content .bloco-filtro .filter-links {
  overflow: hidden;
  overflow-x: scroll;
  width: 100%;
  white-space: nowrap;
  cursor: col-resize;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
}

.page-mapa #page #content .bloco-filtro .filter-links a {
	margin-bottom: 5px;
	font-size: 0.7vw;
	padding: 0.45vw 0.5vw 0.3vw;
}

.page-mapa #page #content .bloco-filtro .filter-links a span {
	display: block;
	z-index: 1;
	position: relative;
}

.page-mapa #page #content .bloco-filtro .filter-links::-webkit-scrollbar {
	height: 4px;
}

.page-mapa #page #content .bloco-filtro .filter-links::-webkit-scrollbar-track {
	background-color: #08414D;
	border-radius: 50vw;
}

.page-mapa #page #content .bloco-filtro .filter-links::-webkit-scrollbar-thumb:vertical {
	background-color: #1AD9FF;
  cursor: pointer;
	border-radius: 50vw;
}

.page-mapa #page #content .bloco-filtro .filter-links::-webkit-scrollbar-thumb:horizontal {
	background-color: #1AD9FF;
  cursor: pointer;
	border-radius: 50vw;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li {
  position: relative;
}

.views-field-field-nota-media,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-nota-media,
#page #praias-home .group-praias ul li .views-field-field-nota-media {
  position: absolute;
  left: auto;
  right: 6.5%;
  top: 1.65vw;
  z-index: 2;
  color: #FFBF00;
  line-height: 1;
  font-weight: bold;
}

.views-field-field-nota-media,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-nota-media {
  left: auto;
  right: 6.5%;
  top: 1.65vw;
}

/* Home praias — nota sempre no canto superior direito do card */
body.front #page #praias-home .group-praias ul li .views-field-field-nota-media,
body.page-home #page #praias-home .group-praias ul li .views-field-field-nota-media {
  left: auto !important;
  right: 0.85vw !important;
  top: 0.85vw !important;
  z-index: 3;
}

.views-field-field-nota-media .field-content:before,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-nota-media .field-content:before,
#page #praias-home .group-praias ul li .views-field-field-nota-media .field-content:before {
  background: url(../images/star.png) no-repeat;
  display: inline-block;
  width: 1vw;
  height: 1vw;
  background-size: 100%;
  margin-right: 0.2vw;
  content: "";
  vertical-align: middle;
}

.views-field-field-nota-media .field-content span,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-field-nota-media .field-content span,
#page #praias-home .group-praias ul li .views-field-field-nota-media .field-content span {
  display: inline-block;
  vertical-align: sub;
}

/* mapa */

#loja-credenciada-slide .view-footer {
  overflow: hidden;
}

#map-wrapper {
  position: relative;
  float: right;
  width: 100%;
  min-height: 320px;
}

#mapa-infos,
#mapa-pagina,
#mapa-praia,
#map {
	height: 45vw;
	min-height: 320px;
	width: 100%;
	overflow: visible !important;
}

/* /mapa: altura do mapa = slide (45vw); 55vh gerava gap e overlap no pane-eventos */
.page-mapa #map-wrapper,
.page-mapa #map {
	display: block !important;
	visibility: visible !important;
	float: none;
	min-height: 320px;
	height: 45vw;
	max-height: 100%;
}

.page-mapa #page #content .pane-eventos {
	clear: both;
	position: relative;
	z-index: 1;
	background-attachment: scroll;
}

.page-mapa #page #content .pane-eventos .view-content {
	clear: both;
	overflow: hidden;
}

#mapa-pagina-wrapper {
  clear: both;
  overflow: hidden;
  margin-bottom: 0;
}

#mapa-infos,
#mapa-pagina {
  overflow: hidden !important;
  height: 35vw;
}

#map h3{
	font-size: 0.8vw;
	margin: 0 0 0.25vw;
	padding-right: 2vw;
}

#map .map-telefone{
	font-size: 0.7vw;
	margin-bottom: 0.5vw;
}

#map .map-descricao {
	font-size: 0.7vw;
	margin: 0 0 0.5vw;
}

#map .map-praia {
	font-size: 0.7vw;
	margin: 0 0 0.5vw;
	color: #00AAC8;
	overflow: hidden;
}

#map .map-praia:before {
	content: "";
	display: block;
	width: 0.5vw;
	height: 0.6vw;
	background: url(../images/icon-location.png) no-repeat center center;
	background-size: 0.4vw;
	margin-right: 0.1vw;
	float: left;
}

#map .map-endereco {
    font-size: 0.7vw;
    margin-bottom: 0.75vw;
}

#map .map-link a {
	border: 1px solid #00AAC8;
	background: #00AAC8;
	background-size: 100%;
	display: inline-block;
	font-size: 0.55vw;
	font-weight: bold;
	border-radius: 20vw;
	color: #fff;
	padding: 0.3vw 1vw 0.4vw;
}

#map #content-mapa #bodyContent .nota-media {
	top: 0;
	right: 0;
	font-size: 0.65vw;
}

#map .nota-media:before {
	width: 0.6vw;
	height: 0.6vw;
	margin-right: 0.1vw;
	vertical-align: text-bottom;
	margin-bottom: -0.05vw;
}

/* Scroll*/

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content::-webkit-scrollbar {
	width: 5px;
}

.node-type-especialista #page #content .locais-atendimento .field-name-field-imagem-do-local .field-items::-webkit-scrollbar {
	height: 8px;
}

.node-type-especialista #page #content .locais-atendimento .field-name-field-imagem-do-local .field-items::-webkit-scrollbar-track,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 50vw;
	border: 1px solid #CCCCCC;
}

.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content::-webkit-scrollbar-thumb:vertical {
	background-color: #00AAC8;
  cursor: pointer;
	border-radius: 50vw;
}

.node-type-especialista #page #content .locais-atendimento .field-name-field-imagem-do-local .field-items::-webkit-scrollbar-thumb:horizontal {
	background-color: #1AD9FF;
  cursor: pointer;
	border-radius: 50vw;
}

/* Benef?cios > pagina > V2 */

#page #content .view-benef-cios .view-content {
	padding: 3.25vw 0 0.7vw;
	text-align: center;
}

#page #content .view-benef-cios .view-content .views-row {
	width: 21%;
	display: inline-block;
	vertical-align: top;
	margin: 0 3vw;
	margin-bottom: 4.5vw;
}

#page #content .view-benef-cios .view-content .views-field-field-imagem{
	text-align: center;
}

#page #content .view-benef-cios .view-content .views-field-field-imagem .field-content{
	width: 55%;
	margin: 0 auto;
}

#page #content .view-benef-cios .view-content .views-field-field-imagem img{
	padding: 0 0.5vw;
}

#page #content .view-benef-cios .view-content .views-field-title{
	font-size: 1.88vw;
	color: #0bcf5a;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	margin-top: 2vw;
	margin-bottom: 0.75vw;
	line-height: 1.2;
}

#page #content .view-benef-cios .view-content .views-field-body p{
	font-size: 1.15vw;
	text-align: center;
	line-height: 1.3;
	font-weight: normal;
	margin-bottom: 0.75vw;
}

#page #content .view-benef-cios .view-content .views-field-body p span{
	color: #4a0082;
}

#page #content .view-benef-cios .view-content .views-field-body a{
	text-decoration: underline;
}

#page #content #cadastro-chamada .descricao{
	text-align: center;
}

#page #content #cadastro-chamada .descricao span{
	color: #4a0082;
	font-size: 1.85vw;
	font-weight: normal;
	border: 1px solid #0bcf5a;
	display: inline-block;
	padding: 0.75vw 3vw;
	border-radius: 5px;
	text-transform: uppercase;
}

#page #content #cadastro-chamada .descricao a{
	background: #4a0082;
	color: #fff;
	text-transform: uppercase;
	border-radius: 5px;
	font-size: 1.25vw;
	display: inline-block;
	margin: 0 auto;
	padding: 1.2vw 7vw;
	margin-top: 3vw;
	margin-bottom: 3.75vw;
}

/* Vida Link > pagina */

.page-vida-link #page #content #vida-link-desconto {
	background: #f9f9f9;
	padding: 5vw 10vw 3vw 11.25vw;
}

.page-vida-link #page #content #vida-link-desconto .descricao .top-content{
  text-align: center;
}

.page-vida-link #page #content #vida-link-desconto .descricao .top-content img{
	width: 17.09vw;
}

.page-vida-link #page #content #vida-link-desconto .descricao .top-content p{
	color: #4a0082;
	font-size: 1.88vw;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 3.75vw;
	margin-bottom: 5.75vw;
}

.page-vida-link #page #content #vida-link-desconto .descricao .bottom-content .imagem-block{
	width: 47.5%;
	display: inline-block;
	vertical-align: top;
	margin-right: 1.65vw;
	margin-top: 0.25vw;
}

.page-vida-link #page #content #vida-link-desconto .descricao .bottom-content .text-block{
	width: 49.5%;
	display: inline-block;
	vertical-align: top;
}

.page-vida-link #page #content #vida-link-desconto .descricao .bottom-content .text-block p{
	font-size: 1.25vw;
	font-weight: 400;
}

.page-vida-link #page #content #vida-link-desconto .descricao .bottom-content .text-block a{
	text-decoration: underline;
}

.page-vida-link #page #content #vida-link-aprenda{
	background: #560086;
	padding: 5vw 7.75vw;
}

.page-vida-link #page #content #vida-link-aprenda .top-info .tilte-block{
	margin-bottom: 7.35vw;
}

.page-vida-link #page #content #vida-link-aprenda .top-info .tilte-block h2{
	margin: 0;
	text-align: center;
	font-size: 1.88vw;
	color: #fff;
	text-transform: uppercase;
}

.page-vida-link #page #content #vida-link-aprenda .top-info .campo-utilizar{
	width: 18.9%;
	display: inline-block;
	vertical-align: top;
	margin: 0 2.35vw;
}

.page-vida-link #page #content #vida-link-aprenda .top-info .campo-utilizar .field-image,
.page-vida-link #page #content #vida-link-aprenda .top-info .campo-utilizar .field-text{
	text-align: center;
}

.page-vida-link #page #content #vida-link-aprenda .top-info .campo-utilizar .field-image{
	width: 46%;
	margin: 0 auto;
}

.page-vida-link #page #content #vida-link-aprenda .top-info .campo-utilizar p{
	font-size: 1.15vw;
	color: #fff;
	line-height: 1.2;
	margin-bottom: 0.5vw;
}

.page-vida-link #page #content #vida-link-aprenda .top-info .campo-utilizar p span{
	color: #0bcf5a;
}

.page-vida-link #page #content #vida-link-aprenda .top-info .campo-utilizar a{
	color: #00f0ff;
}

.page-vida-link #page #content #vida-link-aprenda .center-info{
	margin-top: 7.5vw;
	text-align: center;
}

.page-vida-link #page #content #vida-link-aprenda .center-info h2{
	font-size: 1.25vw;
	color: #fff;
	text-transform: uppercase;
}

.page-vida-link #page #content #vida-link-aprenda .center-info img{
	margin: 0 0.5vw;
}

.page-vida-link #page #content #vida-link-aprenda .center-info img.apple-image{
	width: 10.75vw;
}

.page-vida-link #page #content #vida-link-aprenda .center-info img.android-image{
	width: 10.6vw;
}

.page-vida-link #page #content #vida-link-aprenda .bottom-info{
	margin-top: 8.75vw;
	text-align: center;
}

.page-vida-link #page #content #vida-link-aprenda .bottom-info p{
	color: #fff;
	font-size: 1.88vw;
	margin: 0;
}

.page-vida-link #page #content #vida-link-aprenda .bottom-info a {
	background: #00d04f;
	color: #fff;
	font-size: 1.25vw;
	display: inline-block;
	margin: 1.5vw auto 0.75vw;
	text-align: center;
	border-radius: 5px;
	padding: 1.1vw 7.1vw;
	text-transform: uppercase;
	font-weight: 400;
}

/* Envienos uma Mensagem */

#footer #block-webform-client-block-218{
	width: 18.75vw;
	background: #fff;
	display: block;
	position: fixed;
	bottom: 0;
	right: 1.5vw;
	z-index: 999;
	border-top-right-radius: 30px;
	border-top-left-radius: 5px;
	-webkit-box-shadow: 0px 2px 20px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 		0px 2px 20px 3px rgba(0,0,0,0.75);
	box-shadow: 				0px 2px 20px 3px rgba(0,0,0,0.75);
}

#footer .webform-confirmation:before,
#footer #webform-client-form-218:before{
	content: "Fale Conosco";
	display: block;
	background: #4a0082;
	font-size: 1.05vw;
	padding: 0.9vw 1.5vw;
	color: #fff;
	font-weight: 500;
	border-top-right-radius: 30px;
	border-top-left-radius: 5px;
	cursor: pointer;
}

#footer .active-mensagem .webform-confirmation:before,
#footer .active-mensagem #webform-client-form-218:before{
	cursor: none;
}

#footer #webform-client-form-218 .form-actions,
#footer #webform-client-form-218 .form-item{
	padding: 0 1.25vw;
	margin: 0.35vw 0;
	display: none;
}

#footer #block-webform-client-block-218 .links,
#footer #block-webform-client-block-218 .webform-confirmation p,
#footer #block-webform-client-block-218 .btn-close {
  display: none;
}

#footer #block-webform-client-block-218.active-mensagem .btn-close {
	position: absolute;
	display: block;
	background: url(../images/icon-close-chat.png) no-repeat center center;
	background-size: 1.35vw;
	width: 2vw;
	height: 2vw;
	right: 0.7vw;
	top: 0.7vw;
}

#footer #block-webform-client-block-218.active-mensagem .webform-confirmation p,
#footer #block-webform-client-block-218.active-mensagem .links,
#footer #block-webform-client-block-218.active-mensagem #webform-client-form-218 .form-actions,
#footer #block-webform-client-block-218.active-mensagem #webform-client-form-218 .form-item,
#footer #block-webform-client-block-218.active-mensagem #webform-client-form-218 fieldset.captcha{
	display: block;
}

#footer #webform-client-form-218 fieldset.captcha {
	display: none;
	padding: 0 1.25vw;
	margin: 0.35vw 0;
	border: 0;
	background: transparent;
}

#footer #webform-client-form-218 fieldset.captcha legend,
#footer #webform-client-form-218 fieldset.captcha .fieldset-legend,
#footer #webform-client-form-218 fieldset.captcha .description,
#footer #webform-client-form-218 fieldset.captcha .fieldset-description {
	display: none;
}

#footer #webform-client-form-218 fieldset.captcha .g-recaptcha {
	transform: scale(0.85);
	transform-origin: left top;
	margin-bottom: -0.75vw;
}

#footer #webform-client-form-218 fieldset.captcha textarea,
#footer #webform-client-form-218 fieldset.captcha input {
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	border: 0 !important;
	position: absolute;
	opacity: 0;
}

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

#footer #webform-client-form-218 .form-item p{
	font-size: 0.85vw;
	font-weight: normal;
	line-height: 1.2;
	padding-right: 2vw;
	margin: 0;
}

#footer #block-webform-client-block-218 .links a,
#footer #webform-client-form-218 .form-actions input,
#footer #webform-client-form-218 .form-item input{
	border: 1px solid #cccccc;
	border-radius: 5px;
	width: 16.1vw;
	height: 3.1vw;
	display: block;
	font-size: 0.85vw;
	padding: 1vw 0.75vw;
	font-weight: 500;
}

#footer #block-webform-client-block-218 .links a,
#footer #webform-client-form-218 .form-actions input{
	background: #0bcf5a;
	color: #fff;
	font-size: 1.05vw;
	padding: 0.5vw 1vw;
	margin-bottom: 1vw;
	margin-top: 0.5vw;
}

#footer #webform-ajax-wrapper-218 .webform-confirmation p{
	font-size: 1.05vw;
	text-align: center;
	padding: 1.5vw 1.5vw 1vw;
}

#footer #webform-ajax-wrapper-218 .links{
	padding: 0.5vw 1.5vw 1vw;
	text-align: center;
}

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

/* ==============
  Dental Team
============== */

/* Footer */

#footer #block-menu-menu-menu-footer-2,
#footer #block-menu-menu-especialidades-footer{
	display: inline-block;
	vertical-align: top;
	padding: 1.75vw 0;
	margin-left: 0;
	width: 18%;
}

/* Blog > pagina > interna */

.node-type-blog #page #content {
	position: relative;
}

.node-type-blog #page #content .banner-blog-interna {
	position: absolute;
	top: 3.5vw;
	left: 12.5vw;
	width: 55%;
	font-size: 2vw;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
}

.node-type-blog #page #content .banner-blog-interna .pane-node-field-categoria-do-artigo .block-content {
	font-size: 0.75vw;
	font-weight: bold;
	color: #00AAC8;
	margin: 1vw 0 3vw;
}

.node-type-blog #page #content .banner-blog-interna .data-autor{
	font-size: 0.75vw;
	line-height: 1.8;
}

.node-type-blog #page #content .banner-blog-interna .data-autor:before{
	content: "";
	display: block;
	float: left;
	width: 3vw;
	height: 3vw;
	background: url(../images/icon-user-blog.png) no-repeat center center;
	background-size: 3vw;
	margin-right: 1vw;
	margin-top: -0.25vw;
}

.node-type-blog #page #content .banner-blog-interna .data-autor .panel-separator {
	display: block;
}

/* Trabalhe conosco > pagina */

.page-agendar-consulta #page #content form,
.page-trabalhe-conosco #page #content form{
	background: url(../images/bg-linhas-blog.png) no-repeat center top;
	background-size: 100%;
	display: block;
	padding: 0 11.5vw 7vw;
}

.page-agendar-consulta #page #content form .form-item.webform-component-markup,
.page-trabalhe-conosco #page #content form .form-item.webform-component-markup {
	margin: 0;
	text-align: center;
	padding: 5vw 13vw;
	width: 100%;
}

.page-agendar-consulta #page #content form .form-item.webform-component-markup {
	padding: 7vw 13vw 5vw;
}

#page #content form .webform-component-markup h2{
	font-size: 2.1vw;
	font-weight: bold;
	margin: 0 0 1.5vw;
}

#page #content form .webform-component-markup p{
	font-size: 1.05vw;
	margin: 0;
}

.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 {
	width: 30%;
	display: inline-block;
	margin: 0 0.75vw 2.5vw;
	vertical-align: top;
}

.page-trabalhe-conosco #page #content form .form-item.webform-component--onde-conheceu-o-grupo {
	float: left;
}

.page-trabalhe-conosco #page #content form .webform-component-textarea{
	width: 93.8%;
}

.page-trabalhe-conosco #page #content form .webform-component-file{
	margin: 1.7vw 0 0;
	margin-left: 0.15vw;
	position: relative;
	width: 100%;
}

.page-trabalhe-conosco #page #content form .webform-component-file .description{
  display: none;
}

.page-agendar-consulta #page #content form .form-item label,
.page-trabalhe-conosco #page #content form .form-item label{
	position: relative !important;
	height: auto;
	width: auto;
	display: block;
	font-size: 1.05vw;
	margin-left: 1.5vw;
	margin-bottom: 0.25vw;
	font-weight: normal;
	color: #1A1A1A;
}

.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{
	font-size: 1.05vw;
	padding: 1.4vw 1.5vw 1.1vw;
	line-height: 1.2;
	border: 1px solid #A1ACB3;
	border-radius: 10px;
	width: 100%;
	background-color: #fff;
}

.page-agendar-consulta #page #content form .form-item select,
.page-trabalhe-conosco #page #content form .form-item select{
	background: url(../images/seta-select.png) no-repeat 95% center;
	background-color: #fff;
}

.page-trabalhe-conosco #page #content form .form-item textarea{
	height: 17vw !important;
	resize: none;
}

.page-trabalhe-conosco #page #content form .form-item .grippie{
  display: none;
}

.page-trabalhe-conosco #page #content form .form-actions {
	margin: 0 0.75vw;
	text-align: right;
	width: 94%;
}

.page-agendar-consulta #page #content form .form-actions input,
.page-trabalhe-conosco #page #content form .form-actions input {
	border: 0;
	border-radius: 27px;
	background: #1AD9FF;
	color: #fff;
	font-size: 0.85vw;
	display: inline-block;
	margin: 0;
	padding: 0.8vw 3.5vw 0.5vw;
}

.page-trabalhe-conosco #page #content form .webform-component-file label{
	position: absolute !important;
	z-index: 2;
	overflow: visible;
	clip: auto;
	top: 0.2vw;
	width: 100%;
	margin: 0;
	color: #A1ACB3;
	font-weight: 300;
	cursor: pointer;
	padding: 1.3vw 1.5vw 0.8vw;
	border: 1px solid #A1ACB3;
	border-radius: 10px;
}

.page-trabalhe-conosco #page #content form .webform-component-file label[for="edit-submitted-upload-do-arquivo-upload"]{
	padding: 1.1vw 0 0.5vw;
	padding-left: 1.3vw;
	border: 0;
	top: 0.3vw;
	left: 0.3vw;
	background: #fff;
	width: 75%;
}

.page-trabalhe-conosco #page #content form .webform-component-file .form-managed-file{
	position: relative;
}

.page-trabalhe-conosco #page #content form .webform-component-file .form-managed-file input.form-file{
	height: 4vw;
	font-size: 0;
}

.page-trabalhe-conosco #page #content form .webform-component-file .form-managed-file input.form-submit{
	position: absolute;
	width: 2.25vw;
	height: 2.5vw;
	padding: 0;
	margin: 0;
	right: 0.6vw;
	top: 0.75vw;
	background: url(../images/icon-upload-up.png) no-repeat center center;
	background-size: 1.5vw;
	background-color: #fff;
	font-size: 0;
	border: 0;
	z-index: 5;
}

.page-trabalhe-conosco #page #content form .webform-component-file .form-managed-file input#edit-submitted-upload-do-arquivo-upload-button{
	background: url(../images/icon-upload.png) no-repeat center center;
	background-size: 1.5vw;
	background-color: #fff;
}

.page-trabalhe-conosco #page #content form .webform-component-file .form-managed-file input#submitted_upload_do_arquivo_remove_button{
	background: url(../images/icon-upload-red.png) no-repeat center center;
	background-size: 1.5vw;
	background-color: #fff;
}

.page-trabalhe-conosco #page #content form .webform-component-file .form-managed-file .file{
	display: block;
	position: absolute;
	bottom: -5.75vw;
	font-size: 0.85vw;
}

/* Agendar consulta > pagina */

.page-agendar-consulta #page #content form .webform-component--profissional {
  display: none !important;
}

.page-agendar-consulta #page #content form fieldset.captcha {
	padding: 0;
	border: 0;
	width: 30%;
	display: inline-block;
	margin: 0 0.75vw 0;
	vertical-align: top;
}

.page-agendar-consulta #page #content form fieldset.captcha .fieldset-description,
.page-agendar-consulta #page #content form fieldset.captcha .description,
.page-agendar-consulta #page #content form fieldset.captcha legend{
	display: none;
}

.page-agendar-consulta #page #content form fieldset.captcha .form-item {
	position: relative;
	width: 100%;
	margin: 0;
}

.page-agendar-consulta #page #content form fieldset.captcha .form-item span.field-prefix{
	font-size: 1.05vw;
	padding: 1.5vw 1.5vw 1vw;
	line-height: 1.2;
	border: 1px solid #A1ACB3;
	border-radius: 10px;
	display: block;
	border-right: 0;
	float: left;
	margin-right: -1vw;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.page-agendar-consulta #page #content form fieldset.captcha .form-item input{
	width: 38%;
	border-left: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	display: block;
	padding-left: 0;
}

.page-agendar-consulta #page #content form .form-actions{
  margin: 0;
}

/* ============
    UBATUBA ON
=============== */

/* HOME */

/* Scroll*/


#page #praias-home .group-praias::-webkit-scrollbar {
	height: 4px;
	display: block;
}

#page #praias-home .group-praias::-webkit-scrollbar-track {
	background-color: #08414D;
	border-radius: 50vw;
}

#page #praias-home .group-praias::-webkit-scrollbar-thumb:vertical {
	background-color: #1AD9FF;
  cursor: pointer;
	border-radius: 50vw;
}

#page #praias-home .group-praias::-webkit-scrollbar-thumb:horizontal {
	background-color: #1AD9FF;
  cursor: pointer;
	border-radius: 50vw;
}

/*Prais Listagem*/

/* Estilo Estrelinha Visualizacao */

.avaliacao-box {
	float: right;
	margin-right: 2.5vw;
	display: block;
	line-height: 1;
}

.avaliacao-box label {
	display: inline-block;
	font-size: 0.85vw;
	color: #FFBF00;
	vertical-align: middle;
}

.avaliacao-box .stars {
	display: inline-block;
	vertical-align: middle;
}

.avaliacao-box .stars span {
  background: url(../images/stars.png) no-repeat;
  display: inline-block;
  width: 1.2vw;
  height: 1.2vw;
  background-size: auto 100%;
  margin-right: 0.2vw;
  background-position: -3.14vw 0;
}

.avaliacao-box .stars-30 .star2,
.avaliacao-box .stars-50 .star3,
.avaliacao-box .stars-70 .star4,
.avaliacao-box .stars-90 .star5,
.avaliacao-box .stars-10 .star1 {
  background-position: -1.56vw 0;
}

.avaliacao-box .stars-100 .star5,
.avaliacao-box .stars-100 .star4,
.avaliacao-box .stars-100 .star3,
.avaliacao-box .stars-100 .star2,
.avaliacao-box .stars-100 .star1,
.avaliacao-box .stars-90 .star4,
.avaliacao-box .stars-90 .star3,
.avaliacao-box .stars-90 .star2,
.avaliacao-box .stars-90 .star1,
.avaliacao-box .stars-80 .star4,
.avaliacao-box .stars-80 .star3,
.avaliacao-box .stars-80 .star2,
.avaliacao-box .stars-80 .star1,
.avaliacao-box .stars-70 .star3,
.avaliacao-box .stars-70 .star2,
.avaliacao-box .stars-70 .star1,
.avaliacao-box .stars-60 .star3,
.avaliacao-box .stars-60 .star2,
.avaliacao-box .stars-60 .star1,
.avaliacao-box .stars-50 .star2,
.avaliacao-box .stars-50 .star1,
.avaliacao-box .stars-40 .star2,
.avaliacao-box .stars-40 .star1,
.avaliacao-box .stars-30 .star1,
.avaliacao-box .stars-20 .star1 {
  background-position: 0 0;
}

/* Home > Filtro banner */

#page #busca-praia-home {
	position: absolute;
	top: 28vw;
	width: 100%;
	text-align: center;
	z-index: 9;
}

#page #busca-praia-home .views-exposed-widgets {
	background: rgba(0,0,0,0.7);
	border-radius: 20vw;
	padding: 0.75vw;
	width: 40%;
	margin: 0 auto;
	display: inline-block;
}

#page #busca-praia-home .views-exposed-widgets #edit-title-wrapper {
	padding: 0;
	margin-right: 0.75vw;
	width: 76%;
}

#page #busca-praia-home .views-exposed-form .views-widget-sort-order,
#page #busca-praia-home .views-exposed-form .views-widget-sort-by {
  display: none;
}

#page #busca-praia-home .views-exposed-widgets #edit-title-wrapper label{
  display: none;
}

#page #content form .views-exposed-widget .form-item-field-categoria-tid select,
#page #content form .views-exposed-widget .form-item-field-tipo-de-hospedagem-tid select,
#page #content form .views-exposed-widget .form-item-field-praia-nid select,
#page #content form .views-exposed-widget .form-item-field-valor-da-diaria-value input,
#page #content form .views-exposed-widget .form-item-title input,
#page #busca-praia-home .views-exposed-widgets #edit-title-wrapper input{
	width: 100%;
}

#page #busca-praia-home .views-exposed-widgets .views-submit-button {
	padding: 0;
	width: 20.5%;
}

#page #busca-praia-home .views-exposed-widgets .views-submit-button input{
	width: 100%;
	background: #00AAC8;
	border: 0;
	font-size: 1.05vw;
	font-weight: bold;
	color: #FFFFFF;
	padding: 1.05vw 1vw 0.95vw;
	border-radius: 20vw;
	margin: 0;
	border: 1px solid #00AAC8;
}

/* Home > Chamada de Cadastre-se */

#page #home-chamada-cadastre-se {
	background: #078ca3;
	padding: 2vw 11.5vw;
}

#page #home-chamada-cadastre-se .texto {
	display: inline-block;
	vertical-align: middle;
	margin-right: 4.5vw;
	width: 69%;
}

#home-chamada-cadastre-se .block-content {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

#home-chamada-cadastre-se .texto {
	flex: 1 1 auto;
	display: block !important;
	width: auto !important;
	margin-right: 0 !important;
}

#home-chamada-cadastre-se .link-pagina,
#home-chamada-cadastre-se .uo-business-cta__extra {
	flex: 0 0 auto;
}

#page #home-chamada-cadastre-se .link-pagina {
	width: auto;
}

#home-chamada-cadastre-se .uo-business-cta__extra {
	display: flex;
	gap: 0.75rem;
}

#home-chamada-cadastre-se .uo-business-cta__extra a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.7rem 1rem;
	border: 1px solid #00aac8;
	border-radius: 999px;
	color: #fff;
	text-decoration: none;
	font-size: 0.9rem;
	font-weight: 700;
	white-space: nowrap;
}

#home-chamada-cadastre-se .uo-business-cta__claim {
	background: transparent;
}

@media only screen and (max-width: 899px) {
	#home-chamada-cadastre-se .block-content {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
	}

	#home-chamada-cadastre-se .link-pagina,
	#home-chamada-cadastre-se .uo-business-cta__extra {
		width: 100%;
	}

	#home-chamada-cadastre-se .link-pagina a,
	#home-chamada-cadastre-se .uo-business-cta__extra a {
		flex: 1 1 0;
	}
}

@media only screen and (max-width: 480px) {
	#home-chamada-cadastre-se .uo-business-cta__extra {
		flex-direction: column;
	}
}

#page #home-chamada-cadastre-se .texto h2 {
	font-size: 1.65vw;
	color: #FFFFFF;
	margin: 0;
}

#page #home-chamada-cadastre-se .texto p {
	color: #FFFFFF;
	margin: 0;
	font-size: 1.45vw;
	font-weight: 300;
}

#page #home-chamada-cadastre-se .texto p span {
	position: relative;
	display: inline-block;
}

#page #home-chamada-cadastre-se .texto p span:before {
	content: "";
	display: block;
	position: absolute;
	top: 0.55vw;
	left: 0;
	width: 100%;
	height: 1.5vw;
	background: #00AAC8;
	transform: rotate(-3deg);
	z-index: 1;
}

#page #home-chamada-cadastre-se .texto p span.style-2:before {
	transform: rotate(1deg);
}

#page #home-chamada-cadastre-se .texto p b {
	z-index: 2;
	position: relative;
	display: block;
	padding: 0.25vw 0.3vw;
	font-weight: 500;
}

#page #home-chamada-cadastre-se .link-pagina {
	display: inline-block;
	vertical-align: middle;
	width: 22%;
}

#page #home-chamada-cadastre-se .link-pagina a {
	font-size: 1.05vw;
	font-weight: bold;
	color: #FFFFFF;
	background: #00CC66;
	display: block;
	border-radius: 25vw;
	text-align: center;
	padding: 1.1vw 0 1vw;
	border: 1px solid #00CC66;
}



/* Home > Explorar */

.page-mapa #page #content .pane-eventos {
    display: none;
}




/* Home > Praias */

#page #praias-home {
	padding: 12vw 0 4vw 0;
}

.page-home #page #praias-home,
.front #page #praias-home {
	padding: 2.25rem 0 2.75rem;
}

.page-home #page #praias-home .block-inner,
.front #page #praias-home .block-inner {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0 auto;
	padding: 0;
}

.page-home #page #praias-home h2.pane-title.block-title,
.front #page #praias-home h2.pane-title.block-title,
.page-home #page #praias-home .view-filters,
.front #page #praias-home .view-filters,
.page-home #page #praias-home .group-praias,
.front #page #praias-home .group-praias,
.page-home #page #praias-home .uo-home-section__more,
.front #page #praias-home .uo-home-section__more,
.page-home #page #praias-home .view-footer,
.front #page #praias-home .view-footer {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

@media (min-width: 1024px) {
	.page-home #page #praias-home,
	.front #page #praias-home {
		padding: 2vw 0;
	}

	.page-home #page #praias-home h2.pane-title.block-title,
	.front #page #praias-home h2.pane-title.block-title,
	.page-home #page #praias-home .view-filters,
	.front #page #praias-home .view-filters,
	.page-home #page #praias-home .group-praias,
	.front #page #praias-home .group-praias,
	.page-home #page #praias-home .uo-home-section__more,
	.front #page #praias-home .uo-home-section__more,
	.page-home #page #praias-home .view-footer,
	.front #page #praias-home .view-footer {
		padding-left: 12vw;
		padding-right: 12vw;
	}
}

#page #praias-home h2.pane-title.block-title{
  display: none;
}

.page-home #page #praias-home .group-praias,
.front #page #praias-home .group-praias {
	overflow: visible;
	width: 100%;
	max-width: none;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	white-space: normal;
	cursor: default;
	box-sizing: border-box;
}

.page-home #page #praias-home .group-praias::-webkit-scrollbar,
.front #page #praias-home .group-praias::-webkit-scrollbar {
	display: none;
}

#page #praias-home .group-praias:active {
  cursor: default;
}

.page-home #page #praias-home .group-praias ul,
.front #page #praias-home .group-praias ul {
	padding: 0;
	margin: 1.5rem auto 0;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1vw;
	justify-content: center;
	width: 100%;
	max-width: none;
	box-sizing: border-box;
}

@media only screen and (max-width: 980px) {
	.page-home #page #praias-home .group-praias ul,
	.front #page #praias-home .group-praias ul,
	#page #praias-home .group-praias ul {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 0.85rem;
	}

	.page-home #page #praias-home .group-praias ul li,
	.front #page #praias-home .group-praias ul li,
	#page #praias-home .group-praias ul li {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		float: none !important;
	}
}

.page-home #page #praias-home .group-praias ul li .views-field-field-image img,
.front #page #praias-home .group-praias ul li .views-field-field-image img {
	border-radius: 12px;
}

#page #praias-home .group-praias ul {
	padding: 0;
	margin: 1.5rem auto 0;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1vw;
	justify-content: center;
}

.page-home #page #praias-home .group-praias ul li,
.front #page #praias-home .group-praias ul li {
	display: block;
	margin: 0;
	flex: none;
	width: 100%;
	min-width: 0;
	max-width: none;
	position: relative;
	vertical-align: top;
	white-space: normal;
	overflow: hidden;
	border-radius: 12px;
}

#page #praias-home .group-praias ul li {
	display: inline-block;
	margin: 0;
  	width: 100%;
	position: relative;
	vertical-align: top;
}

#page #praias-home .group-praias ul li.views-row-first {
  margin-left: 0vw;
}

#page #praias-home .group-praias ul li.views-row-last {
  margin-right: 0vw;
}

#page #praias-home .group-praias ul li {
	position: relative;
	transition: transform 0.3s ease;
}

#page #praias-home .group-praias ul li:hover  {
	transform: scale(1.02);
}
/*
.page-cachoeiras #page #praias-home .group-praias ul li .views-field-title a:before,
.page-ilhas #page #praias-home .group-praias ul li .views-field-title a:before,
.page-praias #page #praias-home .group-praias ul li .views-field-title a:before,
.front #page #praias-home .group-praias ul li .views-field-title:before{
  content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
	border-radius: 10px;
}
*/
.page-cachoeiras #page #praias-home .group-praias ul li:hover .views-field-title a:before,
.page-ilhas #page #praias-home .group-praias ul li:hover .views-field-title a:before,
.page-praias #page #praias-home .group-praias ul li:hover .views-field-title a:before,
.front #page #praias-home .group-praias ul li:hover .views-field-title:before{
	background: rgba(0,0,0,0)
}


#page #praias-home .group-praias ul li .views-field-title a:after {
	content: 'Ir para Pagina';
	position: relative;
	z-index: 1;
	display: inline-block;
	color: #fff;
	border: 1px solid #00AAC8;
	font-weight: bold;
	background-color: #00AAC8;
	border-radius: 20vw;
	padding: 0.45vw 1.5vw;
	margin-top: 1vw;
}

#page #praias-home .group-praias ul li .views-field-title h3 span {
	display: inline-block;
	z-index: 1;
	position: relative;
	background: rgba(0,0,0,0.7);
	padding: 0.3vw 0.9vw 0.3vw 0.5vw;
	margin-bottom: 0;
}

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

#page #praias-home .group-praias ul li .views-field-field-image img{
	display: block;
	border-radius: 10px;
}

#page #praias-home .group-praias ul li .views-field-title {
	position: absolute;
	top: 0;
	left: 0;
	padding: 1vw;
  height: 100%;
  width: 100%;
  white-space: initial;
}

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

#page #praias-home .group-praias ul li .views-field-title h3 {
	margin: 0;
	font-size: 1.25vw;
	color: #FFFFFF;
	font-weight: 100;
	text-transform: uppercase;
}

/* Home > Hospedagem */

#page #content .view-hospedagem {
    padding: 0 5vw 5vw;
    background-color: #fff;
}

#page #content .view-hospedagem .view-header h2{
	font-size: 3vw;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 1vw;
    color: #1A1A1A;
}

#page #content .view-hospedagem .view-filters .views-exposed-widget{
	float: left;
	width: 15vw;
}

#page #content .view-hospedagem .view-filters #edit-field-tipo-de-hospedagem-tid-wrapper {
	margin-top: 1vw !important;
}

#page #content .view-hospedagem .view-filters .views-exposed-widget label{
    text-align: left;
    margin-bottom: 0.5vw;
    font-size: 1vw;
}

#page #content .view-hospedagem .view-filters .views-exposed-widget .bef-select-as-links > .form-item{
	display: flex;
    justify-content: center;
	width: 100%;
    border-radius: 40px;
    background-color: #fff;
	margin-bottom:3vw;
	overflow: hidden;
	display: none;
}

#page #content .view-hospedagem .view-filters .views-exposed-widget .bef-select-as-links > select {
	display: block !important;
}

#page #content .view-hospedagem .view-filters .views-exposed-widget .form-item .form-type-bef-link{
	width: inherit;
    text-align: center;
}

#page #content .view-hospedagem .view-filters .views-exposed-widget .form-item .form-type-bef-link a{
	padding: 1vw;
    display: block;
    font-size: 1.05vw;
}

#page #content .view-hospedagem .view-filters .views-exposed-widget .form-item .form-type-bef-link a.active,
#page #content .view-hospedagem .view-filters .views-exposed-widget .form-item .form-type-bef-link a:hover{
	color: #fff !important;
	background: #00AAC8 !important;
	border-color: #00AAC8 !important;
}

#page #content .view-hospedagem .view-content ul{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;

}

#page #content .view-hospedagem .view-content ul li{
    display: flex;
    padding: 0;
    margin: 1%;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    width: 23%;
    flex-wrap: wrap;
	box-shadow: 0px 1px 6px rgba(0,0,0,0.16);
}

/* Home: three balanced lodging cards per desktop row. */
@media only screen and (min-width: 900px) {
	.page-home #page #content .view-hospedagem .view-content ul li {
		width: 31.333333%;
	}

	.page-home #page #content .view-hospedagem .view-content ul li .views-field-field-imagem-chamada img {
		height: clamp(180px, 16vw, 250px);
		object-fit: cover;
	}
}

#page #content .view-hospedagem .view-content ul li .views-field-field-imagem-chamada{
	width: 100%;
}

#page #content .view-hospedagem .view-content ul li .views-field-field-imagem-chamada img{
	display: block;
  width: 100%;
  height: 11vw;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing {
	width: 100%;
	padding: 1vw;
	text-align: center;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #FFFFFF;
}

#page #content .view-hospedagem .view-content ul li .views-field-name {
  display: none;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamadas h3 {
	margin: 0;
}

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

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamadas h4 a {
	margin: 0.25vw 0 1vw;
	font-size: 0.95vw;
	color: #333333;
}

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

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamadas p:before {
	content: "";
	display: inline-block;
	width: 0.7vw;
	height: 0.85vw;
	background: url(../images/icon-location.png) no-repeat center center;
	background-size: 0.6vw;
	margin-right: 0.3vw;
	vertical-align: text-bottom;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-destalhes {
	text-align: center;
    margin: 0 auto;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-destalhes span {
    border: 1px solid #CCCCCC;
    padding: 5% 3%;
    font-size: 0.85vw;
    font-weight: bold;
    color: #333333;
    display: flex;
    width: calc(97%/3);
	justify-content: space-around;
    align-items: center;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-destalhes span:after {
	content: "";
    display: block;
    width: 53%;
    height: 1.5vw;
    background: url(../images/icon-cama.png) no-repeat center center;
	background-size: auto 100%;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-destalhes span.info-chamada-banheiro:after {
	background: url(../images/icon-banheiro.png) no-repeat center center;
	background-size: auto 100%;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-destalhes span.info-chamada-metragem:after {
	background: url(../images/icon-metros.png) no-repeat center center;
	background-size: auto 100%;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-valor {
	display: block;
    background: #00AAC8;
    padding: 0.7vw 0 0.4vw;
    width: 100%;
    margin: 1vw auto 0;
}

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-valor span.valor-value {
	font-size: 1.05vw;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
	display: block;
	line-height: 1.2;
}

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

#page #content .view-hospedagem .view-content ul li .views-field-nothing .info-chamada-codigo{
	font-size: 0.75vw;
	color: #333333;
	margin-top: 0.75vw;
	display: block;
}

/* Home > servicos */

#page #content .view-servi-os {
	background: #fff;
    padding: 0vw 5vw 5vw;
	background-size: 100%;
	position: relative;
}

#page #content .view-servi-os .view-content,
#page #content .view-servi-os .view-header {
	position: relative;
	z-index: 2;
}

.node-type-servicos #page #content .view-promocao .view-header h2,
#page #content .view-servi-os .view-header h2 {
	font-size: 3.65vw;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 2vw;
	color: #1A1A1A;
}

#page #content .view-servi-os .view-filters .views-exposed-widget{
	float: left;
	width: 15vw;
	}

#page #content .view-servi-os .view-filters #edit-field-categoria-tid-wrapper {
	margin-top: 1vw !important;
}

#page #content .view-servi-os .view-filters .views-exposed-widget label{
    text-align: left;
    margin-bottom: 0.5vw;
    font-size: 1vw;
	}
	#page #content .pane-servi-os .view-filters .views-exposed-widget .bef-select-as-links > .form-item{
		display: flex;
		justify-content: center;
		width: 100%;
		border-radius: 40px;
		background-color: #fff;
		margin: 0 auto 3vw;
		overflow: hidden;
		display: none;
	}

	#page #content .view-servi-os .view-filters .views-exposed-widget .bef-select-as-links > select {
	display: block !important;
	}

	#page #content .pane-servi-os .view-filters .views-exposed-widget .form-item .form-type-bef-link{
		text-align: center;
		width: inherit;
		white-space: nowrap;
	}

	#page #content .pane-servi-os .view-filters .views-exposed-widget .form-item .form-type-bef-link a{
		padding: 1vw;
		display: block;
		font-size: 1.05vw;
	}

	#page #content .pane-servi-os .view-filters .views-exposed-widget .form-item .form-type-bef-link a.active,
	#page #content .pane-servi-os .view-filters .views-exposed-widget .form-item .form-type-bef-link a:hover{
	color: #fff !important;
	background: #00AAC8 !important;
	border-color: #00AAC8 !important;
	}

#page #content .view-servi-os .view-content ul {
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

#page #content .view-servi-os .view-content ul li {
	background: #FFF;
    width: 30%;
	border-radius: 5px;
	display: inline-block;
    margin: 0 1% 1.5vw;
  position: relative;
  vertical-align: top;
	box-shadow: 0px 1px 6px rgba(0,0,0,0.16);
	text-align: left;
}

#page #content .view-servi-os .view-content ul li .views-field-field-imagem-chamada {
	float: left;
	width: 44%;
	margin-right: 0.75vw;
}

#page #content .view-servi-os .view-content ul li .views-field-field-imagem-chamada img {
	display: block;
	width: 100%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#page #content .view-servi-os .view-content ul li .views-field-title {
	padding: 0.7vw 0.75vw 0.3vw 0;
	line-height: 0;
}

#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: 1.05vw;
	font-weight: bold;
	color: #333333;
	line-height: 1.2;
}

#page #content .view-servi-os .view-content ul li .views-field-field-telefone .field-content {
	margin-bottom: 0.5vw;
}

#page #content .view-servi-os .view-content ul li .views-field-field-praia {
	line-height: 0;
}

#page #content .view-servi-os .view-content ul li .views-field-field-praia a {
	font-size: 0.75vw;
	color: #00AAC8;
	line-height: 1.2;
}

#page #content .view-servi-os .view-content ul li .views-field-field-endereco .field-content {
	font-size: 0.75vw;
	color: #333333;
	padding-bottom: 0.7vw;
}

.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: 0.85vw;
	font-weight: 600;
	color: #00AAC8;
	margin: 0 0 0.5vw;
}

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

#page #content .view-servi-os .view-filters .views-exposed-widgets,
#page #content .view-servi-os .view-filters .views-exposed-widget.views-submit-button input {
	margin: 0;
}
#page #content .view-servi-os .view-filters .views-exposed-widget.views-submit-button input {
width: 100%;
border: 1px solid #00AAC8;
border-radius: 20vw;
background-color: #00AAC8;
font-size: 0.9vw;
padding: 0.56vw 0.75vw;
font-weight: 600;
margin: 0;
color: #FFFFFF;
}

#page #content .view-servi-os .view-filters .views-exposed-widgets .select2-container {
	max-width: 100% !important;
	width: 100% !important;
}

#page #content .view-servi-os .view-empty {
	text-align: center;
	position: relative;
}

#page #content .view-servi-os .view-empty h3 {
	color: #fff;
}
/* Home > Promocoes */

.page-home #page #content .pane-promocao h2 span {
  display: none;
}

.page-home #page #content .view-promocao {
	padding: 7vw 20.5vw 1.5vw 20.5vw;
}

.page-home #page #content #todas-promocoes .view-promocao {
	padding: 0 19vw 3.5vw 20vw;
}

#page #content .pane-promocao{
	background-size: 100%;
	padding: 0;
}

#page #content .view-promocao ul{
  padding: 0;
  margin: 0;
	list-style: none;
}

#page #content .view-promocao li{
  padding: 0;
  margin: 0;
	background: #fff;
	position: relative;
	overflow: hidden;
}

#page #content .view-eventos .view-content ul li .campo-imagem,
#page #content .view-promocao li .bloco-left {
	width: 100%;
	float: left;
}

#page #content .view-promocao li .bloco-left img{
  display: block;
}

#page #content .view-eventos .view-content ul li .campo-informacoes,
#page #content .view-promocao li .bloco-right {
	float: right;
	width: 100%;
	padding: 1vw;
}

#page #content .view-promocao li .titulo a{
	font-size: 1.65vw;
	font-weight: bold;
	color: #333333;
	margin-bottom: 0.75vw;
	padding-right: 5vw;
	display: block;
	line-height: 1.2;
}

#page #content .view-promocao li .nome-local,
#page #content .view-promocao li .telefone{
	font-size: 1.25vw;
	font-weight: bold;
	color: #333333;
	line-height: 1.2;
}

#page #content .view-promocao li .praia{
	margin-top: 1.5vw;
	color: #00AAC8;
	font-size: 0.75vw;
	margin-bottom: 0.4vw;
}

#page #content .node-evento .content-node-right .praia-evento:before,
#page #content .view-eventos .view-content ul li .campo-informacoes .praia:before,
#page #content .view-servi-os .view-content ul li .views-field-field-praia a:before,
#page #content .view-promocao li .praia:before{
	content: "";
	display: inline-block;
	width: 0.8vw;
	height: 0.85vw;
	vertical-align: text-bottom;
	background: url(../images/icon-location.png) no-repeat center center;
	background-size: 0.6vw;
	margin-right: 0.25vw;
}

#page #content .view-promocao li .endereco-local{
	font-size: 0.75vw;
	color: #333333;
	margin-bottom: 1vw;
	padding-right: 5vw;
}

#page #content .view-promocao li .custo{
	display: inline-block;
	vertical-align: bottom;
	width: 73.5%;
}

#page #content .view-promocao li .custo .apartir-de{
	display: block;
	font-size: 0.85vw;
	font-weight: bold;
	color: #333333;
}

#page #content .view-promocao li .custo .valor{
	font-size: 2.1vw;
	color: #00AAC8;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5vw;
	padding-right: 0.5vw;
	border-right: 1px solid #CCCCCC;
	line-height: 1;
}

#page #content .view-promocao li .custo .mais-info{
	font-size: 0.75vw;
	font-weight: bold;
	color: #333333;
	width: 40%;
	display: inline-block;
	vertical-align: middle;
}

#page #content .view-promocao li .saiba-mais{
	width: 24.5%;
	display: inline-block;
	vertical-align: bottom;
}

#page #content .view-promocao li .saiba-mais a{
	width: 100%;
	background: #00AAC8;
	display: block;
	border-radius: 20vw;
	font-size: 0.75vw;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding: 0.8vw 1.3vw 0.7vw;
	text-align: center;
	border: 1px solid #00AAC8;
}

/* Home > Eventos */

#page #content .pane-eventos {
	background: fixed url(../images/bg-eventos.jpg) no-repeat bottom center;
	background-size: 100%;
	padding: 7vw 5.5vw 5vw;
}

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

.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 {
	background: url(../images/Linha-ondular-titulos.png) no-repeat center center;
	background-size: 2vw;
}

#page #content .view-eventos .view-content ul {
	margin: 0 0 6vw;
	list-style: none;
	display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1vw;
}

#page #content .view-eventos .view-content ul li {
	padding: 0;
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	background: #FFFFFF;
	box-shadow: 0 1px 0 rgba(8, 65, 77, 0.06), 0 10px 28px rgba(8, 25, 35, 0.07);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

#page #content .view-eventos .view-content ul li:hover {
	transform: translateY(-3px);
    box-shadow: 0 1px 0 rgba(8, 65, 77, 0.08), 0 16px 36px rgba(8, 25, 35, 0.12);
}

#page #content .view-eventos .view-content ul li .campo-imagem {
  position: relative;
}

#page #content .view-eventos .view-content ul li .campo-imagem img{
	display: block;
	margin: 0 auto;
}

#page #content .view-eventos .view-content ul li .campo-imagem .link-interna a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
}


/*
.page-promocoes #page #content .pane-promocao-panel-pane-1 .view-promocao li .bloco-right,*/
.page-user #page #content .pane-meus-anuncios ul li .views-field-nothing-1,
#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 */{
	background: #fff;
    /* position: absolute; */
	width: 100%;
    padding: 1vw;
	text-align: center;
	bottom: 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
    /* transition-duration: 0.35s; */
    /* transform: scale(1) translate(0,101%); */
    height: 3.5vw;
}

#page #content .view-eventos .view-content ul li .campo-informacoes .titulo{
	font-size: 1.25vw;
	font-weight: bold;
	color: #333333;
	margin-bottom: 0.75vw;
	display: block;
	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: 1.05vw;
	color: #333333;
}

#page #content .view-eventos .view-content ul li .campo-informacoes .praia{
	margin-top: 0.75vw;
	color: #00AAC8;
	font-size: 0.75vw;
	margin-bottom: 0.4vw;
}

/* Newslatter > block */

#page #content #block-block-9,
#page #content #newslatter-block {
	background: #00AAC8;
	padding: 2.5vw 11vw 2vw;
}

#page #content .melhor-email .mauticform-email {
	width: 100%;
	display: block;
	text-align: center;
	margin: 0 auto 1vw;
}

#page #content .melhor-email .mauticform-email h1,
#page #content .melhor-email .mauticform-email h2 {
	font-size: 1.65vw;
	color: #FFFFFF;
	margin: 0 auto;
	text-align: center;
	max-width: 40rem;
}

#page #content .melhor-email .mauticform-formulario {
	display: block;
	width: 100%;
	max-width: 52rem;
	margin: 0 auto;
	text-align: center;
}

#page #content .melhor-email .mauticform-formulario .mauticform_wrapper {
	max-width: none;
}

#page #content .melhor-email .mauticform-formulario .mauticform-field-email {
	width: 64%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.5vw;
	margin-left: 0.5vw;
}

#page #content .melhor-email .mauticform-formulario .mauticform-field-email label {
  display: none;
}

#page #content .melhor-email .mauticform-formulario .mauticform-field-email input {
	width: 100%;
	border-radius: 20vw;
	font-size: 0.95vw;
	padding: 1.35vw 1.5vw 1.3vw;
	border: 0;
}

#page #content .melhor-email .mauticform-formulario .mauticform-button-wrapper {
	display: inline-block;
	vertical-align: middle;
	width: 30.5%;
}

#page #content .melhor-email .mauticform-formulario .mauticform-button-wrapper button{
	width: 100%;
	border-radius: 20vw;
	font-size: 0.95vw;
	padding: 1.35vw 1.5vw 1.3vw;
	border: 0;
	background: #00CC66;
	color: #fff;
	font-weight: bold;
}

/* Blog > pagina */

.page-blog #artigos-home {
	background: #FAFAFA;
}

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

.page-blog #artigos-home .view-blog .item-list .pager-load-more {
	margin: 3vw 0 0;
}

/* Blog > pagina > interna */

.node-type-blog #page #content .blog-topo{
	background: #FAFAFA;
	position: relative;
	overflow: hidden;
	padding-top: 4.8vw;
}

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

.node-type-blog #page #content .blog-topo .blog-imagem img {
	display: block;
}

.node-type-blog #page #content .blog-topo .informacoes-topo-blog {
	position: absolute;
	background: #FFFFFF;
	top: 6.5vw;
	left: 11.5vw;
	padding: 2.5vw 1.5vw;
	padding-right: 9.25vw;
	width: 48%;
}

.node-type-blog #page #content .blog-topo .informacoes-topo-blog .titulo {
	font-size: 2.5vw;
	font-weight: bold;
	color: #333333;
	line-height: 1.3;
}

.node-type-blog #page #content .blog-topo .informacoes-topo-blog .autor {
	margin: 0.75vw 0 1.5vw;
	color: #00AAC8;
	font-weight: bold;
}

.node-type-blog #page #content .blog-topo .informacoes-topo-blog .autor .escrito-por {
	float: left;
	margin-right: 0.25vw;
	font-weight: normal;
	color: #333333;
}

.node-type-blog #page #content .blog-topo .informacoes-topo-blog .redes-sociais-blog {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.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{
	display: block;
	margin-right: 0.5vw;
	float: left;
}

.node-type-blog #page #content .blog-topo .informacoes-topo-blog .redes-sociais-blog .field .field-item {
	padding: 0;
	font-size: 0;
	width: 1.2vw;
	height: 1.2vw;
	background: url(../images/icon-facebook-blog.png) no-repeat center center;
	background-size: 1.1vw;
}

.node-type-blog #page #content .blog-topo .informacoes-topo-blog .redes-sociais-blog .field-name-field-instagram-link .field-item {
	background: url(../images/icon-instagram-blog.png) no-repeat center center;
	background-size: 1.1vw;
}

.node-type-blog #page #content .blog-topo .informacoes-topo-blog .redes-sociais-blog .field-name-field-twitter-link .field-item {
	background: url(../images/icon-twitter-blog.png) no-repeat center center;
	background-size: 1.1vw;
}

.node-type-blog #page #content .blog-topo .informacoes-topo-blog .descricao {
	font-size: 1.25vw;
	color: #333333;
	line-height: 1.25;
	margin-top: 2.5vw;
}

/* Praias > pagina */

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

.page-praias #page #praias-home .group-praias {
	width: 100%;
	overflow-x: hidden;
	white-space: normal;
}

.page-praias #page #praias-home .group-praias ul li {
	width: 23.8%;
	margin: 0;
	margin-left: 0;
}

.page-praias #page #praias-home h2.pane-title.block-title {
	display: none;
}

.page-praias #page #content .banner-topo-praias .filter-links-style {
	clear: both;
  width: 100%;
  text-align: left;
  padding-left: 5.5vw;
}
.page-praias #page #content .banner-topo-praias {
	background-size: 100%;
	position: relative;
	padding: 4vw 0 3.75vw;
	text-align: center;
	position: relative;
  padding-bottom: 0;
}

.page-praias #page #content .banner-topo-praias h2 {
	font-size: 3.65vw;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 1vw;
	color: #000;
	z-index: 2;
	position: relative;
}

.page-praias #page #content .banner-topo-praias p {
	font-size: 1.1vw;
	width: 70%;
	margin: 2rem auto;
}

.page-praias #page #content .banner-topo-praias form{
	background: rgba(0,0,0,0.5);
	border-radius: 20vw;
	padding: 1.5vw;
	margin: 0 auto;
	display: block;
	z-index: 2;
	position: relative;
	margin-bottom: 2vw;
	width: 55%;
}

.page-praias #page #content .banner-topo-praias form#views-exposed-form-loja-credenciada-panel-pane-4 {
	width: 40%;
}

.page-praias #page #content .banner-topo-praias form#views-exposed-form-loja-credenciada-panel-pane-4 .views-exposed-widget {
	width: 58%;
}

.page-praias #page #content .banner-topo-praias form .views-exposed-widgets:before{
	content: "Filtrar Por";
	display: block;
	float: left;
	color: #00AAC8;
	font-size: 1.25vw;
	text-transform: uppercase;
	margin: 0.6vw 1.5vw 0 0.75vw;
	line-height: 1.2;
	font-family: 'gobold';
	font-weight: normal;
}

.page-praias #page #content .banner-topo-praias form .views-exposed-widgets {
	margin: 0;
	display: flex;
    align-items: center;
    justify-content: center;

}

.page-praias #page #content .banner-topo-praias form .views-exposed-widget {
	padding: 0;
	margin: 0 0.5%;
	width: 25%;
}

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

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

.page-praias #page #content .banner-topo-praias form .views-exposed-widget select {
	width: 13.5vw;
}

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

.page-praias #page #content .banner-topo-praias form#views-exposed-form-loja-credenciada-panel-pane-4 .views-submit-button,
.page-praias #page #content .banner-topo-praias form .views-submit-button {
	width: 12%;
}

.page-praias #page #content .banner-topo-praias form .views-submit-button input {
	width: 6vw;
	border: 1px solid #00AAC8;
	border-radius: 20vw;
	background-color: #00AAC8;
	font-size: 0.9vw;
	padding: 0.75vw 0.75vw;
	font-weight: 600;
	margin: 0;
	margin-top: 1.5vw;
	color: #FFFFFF;
}

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

/* Mapa Interna praia */
#block-block-11 {
  overflow: hidden;
  clear: both;
}

/* Praias > Interna */

.galeria-wrapper {
  overflow: hidden;

}
.galeria-wrapper .flexslider {
	float: left;
	width: 100%;
}

.galeria-wrapper .flexslider-carousel {
	float: none;
	width: 100%;
}

.node-praia {
  /* Desktop layout vem de uo-tourist-mobile / uo-tourist-fixes (grid). */
  padding-left: 0;
	padding-right: 0;
  padding-bottom: 0;
  min-height: 0;
  overflow: visible;
}

.node-praia .praia-img {
  position: static;
  left: auto;
  top: auto;
  bottom: auto;
  width: 100%;
  overflow: hidden;
}

.node-praia .praia-img img.capa {
  width: 100%;
  display: block;
}

.node-praia .praia-img img.thumb {
  width: 50%;
  float: left;
}

.node-type-praia .messages.error {
  display: none;
}

.node-type-praia #page #content .node-praia .como-chegar,
.node-type-praia #page #content .node-praia .descricao{
	font-size: 1.05vw;
	color: #333333;
	margin-bottom: 3vw;
}

.node-type-praia #page #content .node-praia .title-wrapper {
  position: relative;
}

.nota-media,
.node-type-praia #page #content .node-praia .nota-media {
  position: absolute;
  left: 2.5vw;
  top: 0;
  color: #FFBF00;
  line-height: 1;
  font-weight: bold;
  left: auto;
  top: -1.5vw;
  font-size: 1.1vw;
}

.nota-media:before,
.node-type-praia #page #content .node-praia .nota-media:before {
  background: url(../images/star.png) no-repeat;
  display: inline-block;
  width: 1.2vw;
  height: 1.2vw;
  background-size: 100%;
  margin-right: 0vw;
  content: "";
  vertical-align: middle;
}

.nota-media span,
.node-type-praia #page #content .node-praia .nota-media span {
  display: inline-block;
  vertical-align: sub;
}


.node-type-praia #page #content .node-praia h1.nome{
	color: #333333;
	font-size: 2.8vw;
	font-weight: bold;
	margin: 3vw 0 0;
	line-height: 1.2;
	font-family: 'muli';
}

.node-type-praia #page #content .node-praia h3{
	font-size: 1.25vw;
	color: #00AAC8;
	margin: 0 0 0.25vw;
	font-family: 'gobold';
	font-weight: normal;
	text-transform: lowercase;
}

.node-type-praia #page #content .node-praia .informacoes-praia-box{
	margin: 0 0 4vw;
	position: relative;
	overflow: hidden;
}

.node-type-praia #page #content .node-praia .informacoes-praia-box .listagem-info{
	padding: 0;
	margin: 0;
}

.node-type-praia #page #content .node-praia .informacoes-praia-box .listagem-info li{
	float: left;
	width: 50%;
	border: 1px solid #CCCCCC;
	padding: 1.05vw 1.5vw 0.95vw;
	list-style: none;
	height: 3.6vw;
}

.node-type-praia #page #content .node-praia .informacoes-praia-box .listagem-info li img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.5vw;
	margin-top: -0.5vw;
	width: 1.8vw;
	max-height: 1.8vw;
}

.node-type-praia #page #content .node-praia .informacoes-praia-box .listagem-info li label{
	font-size: 1.05vw;
	font-weight: 300;
	color: #333333;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
}

#page #content .comments-wrapper h3,
.node-type-praia #page #content .comments-wrapper h3{
	margin-bottom: 2vw;
}

#page #content .comments-wrapper .comment-box{
	width: 48%;
	display: block;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 2.5vw;
	padding-bottom: 2.5vw;
}

#page #content .comments-wrapper .buttons-comments{
	position: absolute;
	top: 0;
	right: 0vw;
}

#page #content .comments-wrapper .buttons-comments a{
	font-size: 1.65vw;
	display: block;
	line-height: 1;
}

#page #content .comments-wrapper .user-picture {
	width: 9%;
	float: left;
}

#page #content .comments-wrapper .user-picture img{
	border-radius: 50vw;
	width: 6vw;
}

#page #content .comments-wrapper .comment-info {
	width: 91%;
	float: right;
	padding-left: 1.5vw;
}

#page #content .comments-wrapper .comment-info .nome {
	font-size: 1.25vw;
	font-weight: bold;
	margin: 0;
	padding-right: 12vw;
}

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

#page #content .comments-wrapper .comment-info p {
	font-size: 1.05vw;
	color: #333333;
}

#page #content .comments-wrapper .comment-info p u {
	text-decoration: none;
	font-weight: 600;
}

.node-type-praia #page #content .comments-wrapper {
	padding: 0 0 4vw;
	position: relative;
	overflow: hidden;
}

#page #content .comments-wrapper .comments-form h2{
	font-size: 1.25vw;
	color: #00AAC8;
	margin: 0 0 1.5vw;
	text-transform: lowercase;
}

#page #content .comments-wrapper .comments-form .form-wrapper,
#page #content .comments-wrapper .comments-form .form-type-item{
	margin: 0 0 1vw;
}

#page #content .comments-wrapper .comments-form .form-type-textfield input{
	background-color: #fff;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	padding: 1.15vw 1.5vw 1vw;
	font-size: 0.85vw;
	width: 100%;
}

#page #content .comments-wrapper .comments-form .form-wrapper textarea{
	border-radius: 15px 15px 0px 0px;
	resize: none;
	border: 1px solid rgb(204, 204, 204);
	padding: 1.15vw 1.5vw 1vw;
	font-size: 0.85vw;
	min-height: 8vw;
	padding: 3px;
}

#page #content .comments-wrapper .comments-form .form-actions input{
	background: #00CC66;
	font-size: 1.05vw;
	font-weight: bold;
	color: #fff;
	width: auto;
	display: inline-block;
	padding: 1vw 3.5vw 1vw;
	border: 0;
	border-radius: 20vw;
	margin-top: 0.5vw;
	margin-right: 1.5vw;
}

#page #content .comments-wrapper .comments-form .form-actions input#edit-preview--2{
	background: #00AAC8;
}

.node-type-praia #page #content .view-hospedagem{
	padding: 4vw 0;
	background-color: transparent;
    box-shadow: none;
}

.node-type-servicos #page #content .view-promocao .view-header 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: 2.5vw;
	color: #333333;
}

.node-type-praia #page #content .view-servi-os,
.node-type-praia #page #content .view-hospedagem {
	background: transparent;
	padding: 0;
	box-shadow: none;
}

.node-type-praia #page #content .view-servi-os:before{
  display: none;
}

.node-type-praia #page #content .view-servi-os ul li{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.16);
}

.node-type-eventos #page #content .view-eventos,
.node-type-praia #page #content .view-eventos{
	background: #00AAC8;
	padding: 4vw 5vw;
}

.node-type-eventos #page #content .view-eventos .view-header h2,
.node-type-praia #page #content .view-eventos .view-header h2{
	color: #fff;
}

/* Servicos > pagina */

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

.page-servicos #page #content .banner-topo-servicos {
	margin: 2rem auto;
	padding: clamp(1.5rem, 4vw, 3rem);
	border-radius: 20px;
	background: linear-gradient(120deg, rgba(8, 65, 77, 0.94), rgba(0, 170, 200, 0.82)), #08414d;
	color: #fff;
	text-align: center;
	position: relative;
	max-width: 1200px;
}

.page-servicos #page #content .banner-topo-servicos.uo-servicos-eyebrow-processed {
	margin: 2rem auto;
}

@media only screen and (max-width: 699px) {
	.page-servicos #page #content .banner-topo-servicos.uo-servicos-eyebrow-processed {
		margin: 2rem 5px;
	}
}
.page-hospedagem #page #content .hospedagem-banner-topo:before,
.page-servicos #page #content .banner-topo-servicos:before {
	display: none;
}

#page #content .view-servi-os:before {
  content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
}

#page #content .view-servi-os:before,
.page-servicos #page #content .view-servi-os:before{
	display: none;
}

.page-servicos #page #content .banner-topo-servicos .uo-routes-hub__eyebrow {
	margin: 0 0 0.5rem;
	color: #b8f3ff;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: left;
}

.page-servicos #page #content .banner-topo-servicos h2 {
	max-width: 780px;
	margin: 0 0 0.75rem;
	color: #fff;
	font-size: clamp(2rem, 5vw, 3.5rem);
	line-height: 1.08;
	text-align: left;
	text-transform: none;
	z-index: 2;
	position: relative;
}

.page-servicos #page #content .banner-topo-servicos p:not(.uo-routes-hub__eyebrow) {
	max-width: 780px;
	margin: 0;
	color: rgba(255, 255, 255, 0.9);
	font-size: clamp(1rem, 1vw, 1.2rem);
	line-height: 1.55;
	font-weight: 400;
	text-align: left;
	z-index: 2;
	position: relative;
}

.page-servicos #page #content .banner-topo-servicos form{
	background: rgba(0,0,0,0.5);
	border-radius: 20vw;
	padding: 1.5vw;
	margin: 0 auto;
	display: inline-block;
	z-index: 2;
	position: relative;
}

.page-servicos #page #content .banner-topo-servicos form .views-exposed-widgets:before{
	content: "Filtrar Por";
	display: block;
	float: left;
	color: #00AAC8;
	font-size: 1.25vw;
	text-transform: uppercase;
	margin: 0.4vw 1.5vw 0 0.75vw;
	line-height: 1.2;
	font-family: 'gobold';
	font-weight: normal;
}

.page-servicos #page #content .banner-topo-servicos form .views-exposed-widgets {
	margin: 0;
}

.page-servicos #page #content .banner-topo-servicos form .views-exposed-widget {
	padding: 0;
	margin: 0 0.75vw;
}

.page-servicos #page #content .banner-topo-servicos form .views-exposed-widget label{
	display: none;
}

.page-servicos #page #content .banner-topo-servicos form .views-exposed-widget select {
	width: 13.5vw;
}

.views-submit-button input.form-submit,
.page-servicos #page #content .banner-topo-servicos form .views-submit-button input {
	width: 6vw;
	border: 1px solid #00AAC8;
	border-radius: 20vw;
	background-color: #00AAC8;
	font-size: 0.75vw;
	font-weight: 600;
	padding: 0.6vw 0.75vw;
	margin: 0;
	color: #FFFFFF;
}

.page-servicos #page #content .view-servi-os {
    background: none;
    padding: 0;
}

.page-servicos #page #content .view-servi-os .view-content ul {
	width: 100%;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1vw;
}

.page-servicos #page #content .view-servi-os .view-content ul li {
    background: #FFF;
    width: 23.8%;
    border-radius: 5px;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: top;
	box-shadow: 0px 1px 6px rgba(0,0,0,0.16);
}

.page-servicos #page #content .block-content .slide-whapper .slide-content .descricao p{
	padding-top: 1%;
	padding-right: 10%;
	padding-left: 10%;
	font-size: 1vw;
}

.page-servicos #page #content #servicos-title-wrapper {
	padding: 0 10vw;
}

.page-servicos #page #content #servicos-title-wrapper h2{
    margin: 3vw 0 0;
    font-size: 2.75vw;
}

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

.page-eventos #page #content .banner-topo-eventos form {
	box-sizing: border-box;
	width: 100%;
	max-width: 720px;
	margin: 0 auto 3vw;
	padding: 16px;
	border: 1px solid rgba(255, 255, 255, 0.72);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.94);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	box-shadow: 0 8px 16px rgb(3 26 33 / 8%);
	position: relative;
}

/* Align filter, taxonomy and listing to the same 1200px column. */
.page-servicos #page #content #filtro-servicos-wrapper,
.page-servicos #page #content .pane-menu-taxonomia-nodes,
.page-servicos #page #content .view-menu-taxonomia-nodes,
.page-servicos #page #content .view-menu-taxonomia-nodes .view-content,
.page-servicos #page #content .pane-servi-os-panel-pane-1,
.page-servicos #page #content .view-servi-os,
.page-servicos #page #content .view-servi-os .view-content {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.page-servicos #page #content #filtro-servicos-wrapper {
	margin-bottom: 0.75rem;
	padding: 16px;
	border: 1px solid rgba(255, 255, 255, 0.72);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.94);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	box-shadow: 0 8px 16px rgb(3 26 33 / 8%);
	position: relative;
}

.page-servicos #page #content #filtro-servicos-wrapper .btn-filtro-servicos{
	content: "";
    display: block;
    background: url(../images/filter.png) no-repeat center center;
	background-size: 2.4vw;
    margin-bottom: 0.2vw;
	height: 3vw;
	display: none;
}

.page-servicos #page #content #filtro-servicos-wrapper .views-exposed-form .views-exposed-widgets,
.page-servicos #page #content #filtro-servicos-wrapper .views-exposed-form .views-exposed-widgets.clearfix {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	justify-content: flex-start;
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
}

.page-servicos #page #content #filtro-servicos-wrapper .views-exposed-form .views-exposed-widgets.clearfix:before,
.page-servicos #page #content #filtro-servicos-wrapper .views-exposed-form .views-exposed-widgets.clearfix:after {
	display: none !important;
	content: none !important;
}

.page-servicos #page #content #filtro-servicos-wrapper .views-exposed-form .views-exposed-widget {
	order: 0;
	flex: 0 0 auto;
	width: 100%;
	padding: 0;
	float: none;
	margin: 0;
	box-sizing: border-box;
}

.page-servicos #page #content #filtro-servicos-wrapper #edit-combine-wrapper label {
	/* Desktop: label acima do campo. No mobile accordion, uo-tourist-mobile força flex. */
	display: block;
}

.page-servicos #page #content #filtro-servicos-wrapper #edit-combine-wrapper{
	order: 0;
	flex: 0 0 auto;
	width: 100%;
	min-width: 0;
	padding: 0;
	float: none;
	margin: 0;
}

@media only screen and (min-width: 1024px) {
	.page-servicos #page #content #filtro-servicos-wrapper .views-exposed-form .views-exposed-widgets,
	.page-servicos #page #content #filtro-servicos-wrapper .views-exposed-form .views-exposed-widgets.clearfix {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: flex-end;
		gap: 12px;
		justify-content: flex-start;
	}

	.page-servicos #page #content #filtro-servicos-wrapper .views-exposed-form .views-exposed-widget {
		order: 2;
		flex: 1 1 0;
		min-width: 0;
		width: auto;
		align-self: flex-end;
	}

	.page-servicos #page #content #filtro-servicos-wrapper #edit-combine-wrapper {
		order: 1;
		flex: 1.2 1 0;
		width: auto;
		min-width: 180px;
		align-self: flex-end;
	}

	.page-servicos #page #content #filtro-servicos-wrapper #edit-field-praia-nid-wrapper {
		order: 2;
		flex: 1 1 0;
		min-width: 160px;
		align-self: flex-end;
	}

	.page-servicos #page #content #filtro-servicos-wrapper #edit-combine-wrapper label,
	.page-servicos #page #content #filtro-servicos-wrapper #edit-field-praia-nid-wrapper > label {
		display: block;
		margin: 0 0 6px;
		min-height: 1.2em;
		line-height: 1.2;
	}

	.page-servicos #page #content #filtro-servicos-wrapper #edit-combine-wrapper .views-widget,
	.page-servicos #page #content #filtro-servicos-wrapper #edit-field-praia-nid-wrapper .views-widget,
	.page-servicos #page #content #filtro-servicos-wrapper #edit-field-praia-nid-wrapper .form-item {
		margin: 0;
		padding: 0;
		width: 100%;
	}
}

.page-servicos #page #content #filtro-servicos-wrapper #edit-combine-wrapper .views-widget input{
	display: block;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	height: 40px;
	min-height: 40px;
	padding: 12px 14px;
	border: 1px solid #dbe6ea;
	border-radius: 10px;
	background: #fff;
	color: #12333d;
	font-size: 15px;
	font-family: inherit;
	line-height: 1.2;
}

.page-servicos #page #content #filtro-servicos-wrapper #edit-combine-wrapper .views-widget input::placeholder {
	color: #8ba3ad;
}

.page-servicos #page #content #filtro-servicos-wrapper #edit-combine-wrapper .views-widget input:focus {
	outline: none;
	border-color: #00aac8;
	box-shadow: 0 0 0 3px rgba(0, 170, 200, 0.16);
}

.page-servicos #page #content #filtro-servicos-wrapper .views-submit-button,
.page-servicos #page #content #filtro-servicos-wrapper .views-exposed-form .views-submit-button{
	order: 0;
	flex: 0 0 auto;
	width: 100%;
	padding: 0;
	margin: 0;
	position: static;
	float: none;
	box-sizing: border-box;
}

.page-servicos #page #content #filtro-servicos-wrapper .views-submit-button #edit-submit-servi-os{
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: 44px;
	padding: 12px 16px;
	margin: 0;
	border: 0;
	border-radius: 14px;
	background: #00aac8;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	font-family: inherit;
	cursor: pointer;
	position: static;
	top: auto;
	right: auto;
	left: auto;
	transition: background 0.2s ease;
}

.page-servicos #page #content #filtro-servicos-wrapper .views-submit-button #edit-submit-servi-os:hover {
	background: #0092ab;
}

@media only screen and (min-width: 1024px) {
	.page-servicos #page #content #filtro-servicos-wrapper .views-submit-button,
	.page-servicos #page #content #filtro-servicos-wrapper .views-exposed-form .views-submit-button{
		order: 3;
		flex: 0 0 auto;
		width: auto;
		padding: 0;
		margin: 0;
		align-self: flex-end;
	}

	.page-servicos #page #content #filtro-servicos-wrapper .views-submit-button #edit-submit-servi-os{
		width: auto;
		height: 40px;
		min-height: 40px;
		padding: 0 20px;
		line-height: 40px;
	}

	.page-servicos #page #content #filtro-servicos-wrapper #edit-field-praia-nid-wrapper .select2-container,
	.page-servicos #page #content #filtro-servicos-wrapper #edit-field-praia-nid-wrapper .select2-container--default {
		width: 100% !important;
	}

	.page-servicos #page #content #filtro-servicos-wrapper #edit-combine-wrapper .views-widget input,
	.page-servicos #page #content #filtro-servicos-wrapper #edit-field-praia-nid-wrapper .select2-container--default .select2-selection,
	.page-servicos #page #content #filtro-servicos-wrapper #edit-field-praia-nid-wrapper .selection span.select2-selection {
		height: 40px;
		min-height: 40px;
		box-sizing: border-box;
	}
}

#page #content form .views-exposed-widget .form-item-field-praia-nid .select2 {
	width: 100% !important;
}

.page-servicos #page #content form .views-exposed-widget .selection span.select2-selection,
.page-servicos #page #content form .views-exposed-widget .select2-container--default .select2-selection {
	/* box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	min-height: 40px !important;
	height: 40px !important;
	margin: 0 !important;
	padding: 0 2rem 0 0.85rem !important;
	border: none !important;
	border-radius: 10px !important;
	background: #f4f8f9 !important;
	box-shadow: inset 0 0 0 1px rgba(8, 65, 77, 0.1) !important;
	outline: none !important; */
	display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 40px;
    min-height: 40px;
    padding: 12px 14px;
    border: 1px solid #dbe6ea;
    border-radius: 10px;
    background: #fff;
    color: #12333d;
    font-size: 15px;
    font-family: inherit;
    line-height: 1.2;
}

.page-servicos #page #content #filtro-servicos-wrapper #edit-field-categoria-tid-wrapper{
	float: none;
    height: 34vw;
    margin-top: 1vw;
    padding: 0;
	overflow-y: scroll;
	padding-right: 1vw;
}

.page-servicos #page #content #filtro-servicos-wrapper #edit-field-categoria-tid-wrapper label[for=edit-field-categoria-tid]{
display: none;
}

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

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

.page-servicos #page #content .pane-servi-os-panel-pane-1{
    vertical-align: top;
}

::-webkit-scrollbar {
width:6px;
height: 10px;
}

::-webkit-scrollbar-track {
background:#FFF;
border: 1px solid #CCCCCC;
border-radius: 15px;
}

::-webkit-scrollbar-thumb {
background: #2e9dd8;
border-radius: 15px;
}

.view-menu-taxonomia-nodes {
	margin: 1vw 0.5vw;
}

body.page-servicos .view-menu-taxonomia-nodes .view-content {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	text-wrap: nowrap;
	white-space: nowrap;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: border-box;
}

body.page-servicos .view-menu-taxonomia-nodes .view-content .item-list {
	display: block;
	flex-wrap: nowrap;
	gap: 0;
	width: max-content;
	max-width: none;
	margin-left: 5px;
	margin-right: 5px;
}

.view-menu-taxonomia-nodes .item-list ul ::marker {
	display: none !important;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.view-menu-taxonomia-nodes .item-list h3 {
	margin: 0;
	float: left;
}

.view-menu-taxonomia-nodes .item-list ul {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}

.page-hospedagem .view-menu-taxonomia-nodes .item-list ul {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}

.page-servicos .view-menu-taxonomia-nodes .item-list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    padding: 0 0.25rem;
    text-align: center;
    width: max-content;
    max-width: none;
}

.view-menu-taxonomia-nodes .item-list ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
}

.page-servicos .view-menu-taxonomia-nodes .item-list ul li {
	display: inline-flex;
	flex: 0 0 auto;
	white-space: nowrap;
}

.view-menu-taxonomia-nodes .item-list ul a {
    font-size: 1.17em;
    margin: 0.2VW 0.5vw;
    float: left;
    border: 1px solid #00AAC8;
    border-radius: 20vw;
    background-color: #00AAC8;
    font-size: 0.8vw;
    font-weight: 600;
    padding: 0.6vw 0.75vw;
    color: #FFFFFF;
}

.page-hospedagem .view-menu-taxonomia-nodes .item-list ul a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    float: none;
    min-height: 32px;
    margin: 0 0.25rem 0.35rem 0;
    padding: 0.35rem 0.75rem !important;
    border: 1px solid rgba(8, 65, 77, 0.12) !important;
    border-radius: 999px !important;
    background: #f4f8f9 !important;
    color: #08414d !important;
    font-size: 0.8rem !important;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    text-transform: none;
    letter-spacing: normal;
    box-shadow: none !important;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.page-servicos .view-menu-taxonomia-nodes .item-list ul a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    float: none;
    flex: 0 0 auto;
    white-space: nowrap;
    min-height: 36px;
    margin: 0 0.25rem 0 0;
    padding: 0.35rem 0.75rem !important;
    border: 1px solid rgba(8, 65, 77, 0.12) !important;
    border-radius: 999px !important;
    background: #f4f8f9 !important;
    color: #08414d !important;
    font-size: 0.8rem !important;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    text-transform: none;
    letter-spacing: normal;
    box-shadow: none !important;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.page-hospedagem .view-menu-taxonomia-nodes .item-list ul a:hover,
.page-hospedagem .view-menu-taxonomia-nodes .item-list ul a.active,
.page-servicos .view-menu-taxonomia-nodes .item-list ul a:hover,
.page-servicos .view-menu-taxonomia-nodes .item-list ul a.active {
    color: #fff !important;
    background: #00AAC8 !important;
    border-color: #00AAC8 !important;
}

.page-servicos .view-menu-taxonomia-nodes .item-list ul li.uo-category-toggle-item {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	margin: 0 0.25rem 0 0;
}

.page-servicos .view-menu-taxonomia-nodes .uo-category-toggle {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	min-height: 36px;
	margin: 0;
	padding: 0.35rem 0.85rem;
	border: 1px solid rgba(8, 65, 77, 0.12);
	border-radius: 999px;
	background: #f4f8f9;
	color: #08414d;
	font-size: 1.1rem;
	font-weight: 800;
	line-height: 1;
	cursor: pointer;
	white-space: nowrap;
}

.page-servicos .view-menu-taxonomia-nodes .uo-category-toggle:hover,
.page-servicos .view-menu-taxonomia-nodes .uo-category-toggle[aria-expanded="true"] {
	background: #00AAC8;
	border-color: #00AAC8;
	color: #fff;
}


/* Servicos > pagina > interna */

.node-type-servicos #page #content .node-hospedagem .uo-detail-summary {
	padding: 0;
	background: transparent;
	float: none;
	width: 100%;
	box-sizing: border-box;
}

.node-type-servicos #page #content .node-hospedagem .uo-detail-summary .hospedagem-capa {
	width: 100%;
	float: none;
}

.node-type-servicos #page #content .node-hospedagem .uo-detail-summary__body {
	box-sizing: border-box;
	width: 100%;
	padding: 1.5vw 11.5vw 1vw;
	background: #fff;
}

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

.node-type-promocao #page #content .node-promocao .content-node-right,
.node-type-servicos #page #content .node-hospedagem .content-node-right{
	padding: 4vw 11.5vw 7vw;
	padding-right: 10vw;
	background: #FAFAFA;
	position: relative;
	overflow: hidden;
}

#page #content .node-promocao #informacoes-local,
#page #content .node-hospedagem #informacoes-local {
	display: inline-block;
	vertical-align: top;
	width: 58%;
	margin-right: 8vw;
}

#page #content .node-promocao h3.praia-servico,
#page #content .node-hospedagem h3.praia-hospedagem {
	color: #00AAC8;
	font-size: 0.95vw;
	font-weight: 400;
	margin: 0;
}

#page #content .node-promocao h3.praia-servico:before,
#page #content .node-hospedagem h3.praia-hospedagem:before{
	content: "";
	display: inline-block;
	width: 0.8vw;
	height: 1vw;
	vertical-align: text-bottom;
	background: url(../images/icon-location.png) no-repeat center center;
	background-size: 0.7vw;
	margin-right: 0.25vw;
}

#page #content .node-promocao h1.nome,
#page #content .node-hospedagem h1.nome {
	color: #333333;
	font-size: 2.8vw;
	font-weight: bold;
	margin: 0.5vw 0;
	line-height: 1.2;
	font-family: 'muli';
}

#page #content .node-promocao .descricao p,
#page #content .node-hospedagem .descricao p {
	font-size: 1.05vw;
	margin: 0;
	color: #333333;
	padding: 0;
}

#page #content .node-promocao #informacoes-servicos,
#page #content .node-hospedagem #informacoes-servicos {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin-top: 1.35vw;
}

#page #content .node-hospedagem #informacoes-servicos .telefone-e-nota-servicos {
	display: flex;
	gap: 6vw;
}

#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: 1.65vw;
	color: #333333;
	font-weight: 600;
	line-height: 1.2;
	font-family: 'gobold';
}

#page #content .node-promocao #informacoes-servicos .endereco-servicos,
#page #content .node-hospedagem #informacoes-servicos .endereco-servicos {
	font-size: 1.05vw;
	color: #333333;
	margin: 1vw 0;
	padding-right: 7vw;
}

#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: .95vw;
	color: #00AAC8;
	font-weight: 600;
	letter-spacing: 0.1vw;
}

#page #content .node-promocao #informacoes-servicos .site-servicos a,
#page #content .node-hospedagem #informacoes-servicos .site-servicos a {
	color: #1A1A1A;
}

#page #content .node-promocao #informacoes-servicos .site-servicos a:hover,
#page #content .node-hospedagem #informacoes-servicos .site-servicos a:hover {
	text-decoration: underline;
}

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

#page #content .node-promocao #informacoes-servicos .redes-servicos li,
#page #content .node-hospedagem #informacoes-servicos .redes-servicos li {
	display: inline-block;
	margin-right: 1vw;
	vertical-align: middle;
}

#page #content .node-promocao #informacoes-servicos .redes-servicos li a,
#page #content .node-hospedagem #informacoes-servicos .redes-servicos li a {
	padding: 0;
	font-size: 0;
	width: 2vw;
	height: 2vw;
	background: url(../images/icon-facebook-footer.png) no-repeat center center;
	background-size: 2vw;
	display: block;
}

#page #content .node-promocao #informacoes-servicos .redes-servicos li.instagram-servicos a,
#page #content .node-hospedagem #informacoes-servicos .redes-servicos li.instagram-servicos a {
	background: url(../images/icon-instagram-footer.png) no-repeat center center;
	background-size: 2vw;
}

#page #content .node-hospedagem #informacoes-servicos .redes-servicos li.airbnb-servicos a {
	background: url(../images/icon-airbnb.jpg) no-repeat center center;
}

#page #content .node-hospedagem #informacoes-servicos .redes-servicos li.booking-servicos a {
	background: url(../images/icon-booking.jpg) no-repeat center center;
}

.node-type-promocao #page #content .node-promocao .content-node-right .galeria-wrapper,
.node-type-servicos #page #content .node-hospedagem .content-node-right .node-left-content {
	width: 61.5%;
	float: left;
	margin-right: 5vw;
}

.node-type-servicos #page #content .node-hospedagem .descricao {
	font-size: 1.05vw;
	margin: 1vw 0;
	color: #333333;
	padding-right: 1.5vw;
	margin-bottom: 2vw;
}

.node-type-servicos #page #content .node-hospedagem .galeria-wrapper .flexslider {
	float: left;
	width: 100%;
	margin: 0 0 0.5vw 0;
  position: relative;
}

.node-type-servicos #page #content .node-hospedagem .galeria-wrapper .flexslider-carousel {
	float: none;
	width: 100%;
  position: relative;
  clear: both;
}

.node-type-servicos #page #content .node-hospedagem .node-left-content .galeria-wrapper .flexslider-carousel {
	float: left;
	margin-bottom: 2vw;
  position: relative;
}

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

.node-type-servicos #page #content .node-hospedagem .cardapio-wrapper:before {
	content: "Cardápio";
	display: block;
	font-size: 1.25vw;
	font-family: 'gobold';
	color: #00AAC8;
	margin-bottom: 0.5vw;
	line-height: 1;
	text-transform: lowercase;
}

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

#page #content .comments-wrapper h3 {
	font-size: 1.25vw;
	color: #00AAC8;
	font-family: 'gobold';
	font-weight: normal;
	text-transform: lowercase;
}

#overlay-cardapio-full {
  display: none;
  padding: 2vw;
}

#overlay-cardapio-full .flexslider .slides img {
	width: auto;
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 90vh;
}

.node-type-servicos #page #content .view-promocao {
	padding: 5vw 19vw 5vw 20vw;
	background: #FAFAFA;
	position: relative;
	overflow: hidden;
}

/* Hospedagem > pagina */

.page-hospedagem #page #content .hospedagem-banner-topo {
	margin: 2rem auto;
	padding: clamp(1.5rem, 4vw, 3rem);
	border-radius: 20px;
	background: linear-gradient(120deg, rgba(8, 65, 77, 0.94), rgba(0, 170, 200, 0.82)), #08414d;
	color: #fff;
	text-align: center;
	position: relative;
	max-width: 1200px;
}

.page-hospedagem #page #content .hospedagem-banner-topo.uo-hospedagem-eyebrow-processed {
	margin: 2rem auto;
}

@media only screen and (max-width: 699px) {
	.page-hospedagem #page #content .hospedagem-banner-topo.uo-hospedagem-eyebrow-processed {
		margin: 2rem 5px;
	}
}

.page-hospedagem #page #content .hospedagem-banner-topo .uo-routes-hub__eyebrow {
	margin: 0 0 0.5rem;
	color: #b8f3ff;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: left;
}

.page-hospedagem #page #content .hospedagem-banner-topo h2{
	max-width: 780px;
	margin: 0 0 0.75rem;
	color: #fff;
	font-size: clamp(2rem, 5vw, 3.5rem);
	line-height: 1.08;
	text-align: left;
	text-transform: none;
	position: relative;
	z-index: 2;
}

.page-hospedagem #page #content .hospedagem-banner-topo p:not(.uo-routes-hub__eyebrow) {
	max-width: 780px;
	margin: 0;
	color: rgba(255, 255, 255, 0.9);
	font-size: clamp(1rem, 1vw, 1.2rem);
	line-height: 1.55;
	font-weight: 400;
	text-align: left;
	z-index: 2;
	position: relative;
}

.page-hospedagem #page #content .hospedagem-banner-topo form {
	background: rgba(0,0,0,0.7);
	border-radius: 20vw;
	padding: 0.75vw 0;
	width: auto;
	display: inline-block;
	position: relative;
	z-index: 2;
}

.page-hospedagem #page #content .hospedagem-banner-topo form label{
  display: none;
}

.page-hospedagem #page #content .hospedagem-banner-topo form .views-exposed-widgets{
	margin: 0;
}

.page-hospedagem #page #content .hospedagem-banner-topo form .views-exposed-widget{
	padding: 0;
	margin: 0 0.75vw;
}

.page-hospedagem #page #content .hospedagem-banner-topo form .views-exposed-widget .form-type-select .select2-selection {
	text-align: left;
}

.page-hospedagem #page #content .hospedagem-banner-topo form .select2-container--default .select2-search--inline .select2-search__field{
	text-align: left;
}

.page-hospedagem #page #content .hospedagem-banner-topo form .views-exposed-widget select{
	width: 18.25vw;
}

#page #content .descricao p {
	padding-left: 0%;
	padding-right: 10%;
	font-size: 1vw;
	margin-bottom: 1vw;
	text-align: left;
}
.page-hospedagem #page #content .hospedagem-banner-topo form .views-submit-button input{
	width: 7.5vw;
	border: 1px solid #00AAC8;
	border-radius: 20vw;
	background-color: #00AAC8;
	font-size: 1.05vw;
	font-weight: 600;
	padding: 1.1vw 0.75vw 0.9vw;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
}


.page-hospedagem #page #content #filtro-servicos-wrapper{
	display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-left: 6vw;
    margin-right: 0vw;
    margin-bottom: 3vw;
    position: relative;
    background-color: #fff;
    padding: 1vw;
    border-radius: 5px;
}

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

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

.page-hospedagem #page #content #filtro-servicos-wrapper .views-exposed-form .views-exposed-widgets {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.page-hospedagem #page #content #filtro-servicos-wrapper .views-exposed-widget {
	order: 3;
	float: none;
	width: 100%;
}


.page-hospedagem #page #content #filtro-servicos-wrapper #edit-combine-wrapper{
	order: 1;
	width: 100%;
	padding: 0;
	float: none;
	margin: 0 0 8px;
}

.page-hospedagem #page #content #filtro-servicos-wrapper #edit-combine-wrapper .views-widget input{
	display: block;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	padding: 13px 14px;
	border: 1px solid #dbe6ea;
	border-radius: 14px;
	background: #fff;
	color: #12333d;
	font-size: 15px;
	font-family: inherit;
}

.page-hospedagem #page #content #filtro-servicos-wrapper #edit-combine-wrapper .views-widget input::placeholder {
	color: #8ba3ad;
}

.page-hospedagem #page #content #filtro-servicos-wrapper #edit-combine-wrapper .views-widget input:focus {
	outline: none;
	border-color: #00aac8;
	box-shadow: 0 0 0 3px rgba(0, 170, 200, 0.16);
}

.page-hospedagem #page #content #filtro-servicos-wrapper .views-submit-button{
	order: 2;
	position: static;
	float: none;
	width: 100%;
	padding: 0;
	margin: 0 0 12px;
	top: auto;
	right: auto;
}

.page-hospedagem #page #content #filtro-servicos-wrapper .views-submit-button #edit-submit-hospedagem{
	display: block;
	box-sizing: border-box;
	width: 100%;
	min-height: 44px;
	padding: 0 20px;
	margin: 0;
	border: 0;
	border-radius: 14px;
	background: #00aac8;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	font-family: inherit;
	cursor: pointer;
	position: static;
	top: auto;
	right: auto;
	left: auto;
	transition: background 0.2s ease;
}

.page-hospedagem #page #content #filtro-servicos-wrapper .views-submit-button #edit-submit-hospedagem:hover {
	background: #0092ab;
}

.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_instalacoes_tid,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_entretenimento_tid,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_cozinha_tid,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_alimentacao_tid,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_geral_tid,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_tipo_de_hospedagem_tid{
    padding: 1vw 0 0;
	width: 100%;
	margin-top: 2vw;
	border-top: 1px solid rgba(8, 65, 77, 0.16);
}

.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_instalacoes_tid .bef-checkboxes,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_entretenimento_tid .bef-checkboxes,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_cozinha_tid .bef-checkboxes,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_alimentacao_tid .bef-checkboxes,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_geral_tid .bef-checkboxes,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_tipo_de_hospedagem_tid .bef-checkboxes,
.page-hospedagem #page #content #filtro-servicos-wrapper .form-checkboxes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_instalacoes_tid > label,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_entretenimento_tid > label,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_cozinha_tid > label,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_alimentacao_tid > label,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_geral_tid > label,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_tipo_de_hospedagem_tid > label{
    font-size: 1.25vw;
    color: #000000;
    padding: 0 0 0 1vw;
}

.page-hospedagem #page #content #filtro-servicos-wrapper .form-item.form-type-bef-checkbox,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_instalacoes_tid .form-type-bef-checkbox,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_entretenimento_tid .form-type-bef-checkbox,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_cozinha_tid .form-type-bef-checkbox,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_alimentacao_tid .form-type-bef-checkbox,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_geral_tid .form-type-bef-checkbox,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_tipo_de_hospedagem_tid .form-type-bef-checkbox{
    display: inline-block;
    margin: 0;
    padding: 0.8rem 1rem;
    border: 1px solid rgba(8, 65, 77, 0.16);
    border-radius: 8px;
    background: #fff;
    color: #08414d;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    box-shadow: 0 2px 8px rgba(3, 26, 33, 0.06);
    transition: border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    width: 100%;
    line-height: normal;
}

.page-hospedagem #page #content #filtro-servicos-wrapper .form-item.form-type-bef-checkbox:hover,
.page-hospedagem #page #content #filtro-servicos-wrapper .form-item.form-type-bef-checkbox:focus-within {
	border-color: #00aac8;
	color: #00aac8;
	transform: translateY(-1px);
}

.page-hospedagem #page #content #filtro-servicos-wrapper .form-item.form-type-bef-checkbox:has(input:checked) {
	border-color: #00aac8;
	color: #00aac8;
	background: #f4f8f9;
}

.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_instalacoes_tid .form-type-bef-checkbox label.option,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_entretenimento_tid .form-type-bef-checkbox label.option,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_cozinha_tid .form-type-bef-checkbox label.option,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_alimentacao_tid .form-type-bef-checkbox label.option,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_geral_tid .form-type-bef-checkbox label.option,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_tipo_de_hospedagem_tid .form-type-bef-checkbox label.option{
	margin-left: 0.35rem;
	font-size: 0.7rem;
	font-weight: 600;
	color: inherit;
}

.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_instalacoes_tid .form-type-bef-checkbox label,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_entretenimento_tid .form-type-bef-checkbox label,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_cozinha_tid .form-type-bef-checkbox label,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_alimentacao_tid .form-type-bef-checkbox label,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_geral_tid .form-type-bef-checkbox label,
.page-hospedagem #page #content #filtro-servicos-wrapper .views-widget-filter-field_tipo_de_hospedagem_tid .form-type-bef-checkbox label{
    font-size: 0.9rem;
    color: inherit;
}

.page-hospedagem #page #content .pane-hospedagem-panel-pane-1{
	display: inline-block;
    width: 67%;
}

.page-hospedagem #page #content .view-hospedagem {
	padding: 0vw 0vw 5vw;
	background: none;
}

/* Hospedagem > pagina > interna */
.node-hospedagem {
  position: relative;
}

.node-type-hospedagem #page #content {
  background: #FAFAFA;
}

#content .hospedagem-capa,
.node-type-hospedagem #page #content .hospedagem-capa {
	position: relative;
}

#content .hospedagem-capa img,
.node-type-hospedagem #page #content .hospedagem-capa img {
  display: block;
}

.node-type-hospedagem #page #content .hospedagem-capa .codigo-box {
	position: absolute;
	bottom: 0;
	left: 11vw;
	width: 53.3%;
}

.node-type-hospedagem #page #content .hospedagem-capa .codigo-box label {
	color: #fff;
	background: rgba(51,51,51,0.9);
	width: 100%;
	font-size: 1.25vw;
	font-weight: bold;
	padding: 1vw 2vw 0.8vw;
}

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

.node-type-hospedagem #page #content .hospedagem-capa .codigo-box:last-child label{
	text-align: center;
}

.node-type-hospedagem #page #content .node-hospedagem .bloco-titulo,
.node-type-hospedagem #page #content .node-hospedagem .uo-detail-summary {
	padding: 0;
	background: transparent;
	float: none;
	width: 100%;
	box-sizing: border-box;
}

.node-type-hospedagem #page #content .node-hospedagem .uo-detail-summary .hospedagem-capa {
	width: 100%;
	float: none;
}

.node-type-hospedagem #page #content .node-hospedagem .uo-detail-summary__body {
	padding: 2vw 3vw 2vw 11.5vw;
	background: #fff;
	float: left;
	width: 67%;
	box-sizing: border-box;
}

.node-type-hospedagem #page #content .node-hospedagem .praia-hospedagem{
	color: #00AAC8;
	font-size: 0.95vw;
	font-weight: 400;
	padding-bottom: 0.5vw;
	margin: 0;
	width: 50%;
    float: left;
}
.node-type-hospedagem #page #content .node-hospedagem .praia-hospedagem:before{
	content: "";
	display: inline-block;
	width: 0.8vw;
	height: 1vw;
	vertical-align: text-bottom;
	background: url(../images/icon-location.png) no-repeat center center;
	background-size: 0.7vw;
	margin-right: 0.25vw;
}

.node-type-hospedagem #page #content .node-hospedagem .praia-hospedagem h1.nome{
	font-size: 2.8vw;
	font-weight: bold;
	font-family: 'muli';
	color: #333333;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-basicas{
	float: right;
	display: block;
	padding: 0;
	background: #fff;
	width: 30%;
	height: 0;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-basicas div{
  display: inline-block;
	vertical-align: middle;
	margin-right: 2vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-basicas label{
	font-size: 1.05vw;
	font-weight: bold;
	color: #333333;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-basicas label:after{
	content: "";
	display: inline-block;
	width: 2.6vw;
	height: 2.6vw;
	margin-left: 1vw;
	vertical-align: top;
	margin-top: -0.6vw;
	background: url(../images/icon-cama.png) no-repeat center center;
	background-size: 2.4vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-basicas .banheiro-info label:after{
	background: url(../images/icon-banheiro.png) no-repeat center center;
	background-size: 2.4vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-basicas .metragem-info label:after{
	background: url(../images/icon-metros.png) no-repeat center center;
	background-size: 2.4vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia{
	float: left;
	padding-left: 11.5vw;
	margin-right: 5.5vw;
	padding-top: 0;
	width: 59%;
}

.node-type-promocao #page #content .node-promocao .galeria-wrapper .flexslider,
.node-type-hospedagem #page #content .node-hospedagem .galeria-wrapper .flexslider {
	width: 100%;
	margin: 0;
	margin-bottom: 0.5vw;
  position: relative;
}

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


.node-type-promocao #page #content .node-promocao .galeria-wrapper .flexslider-carousel,
.node-type-hospedagem #page #content .node-hospedagem .galeria-wrapper .flexslider-carousel {
	float: none;
	width: 100%;
  margin-bottom: 2vw;
  clear: both;
  position: relative;
}

.node-type-promocao #page #content .node-promocao .galeria-wrapper .flexslider-carousel .flex-viewport,
.node-type-hospedagem #page #content .node-hospedagem .galeria-wrapper .flexslider-carousel .flex-viewport {
	overflow: hidden;
	position: relative;
	max-height: 25vw !important;
	width: 100%;
	overflow-y: scroll;
}

.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: 100% !important;
}

.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: 0.5vw;
}

.node-type-hospedagem #page #content .node-hospedagem .galeria-wrapper .flexslider-carousel ul li img {
	cursor: pointer;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia h3{
	font-size: 1.25vw;
	color: #00AAC8;
	font-family: 'gobold';
	font-weight: normal;
	text-transform: lowercase;
	margin: 0 0 1.65vw;
}

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

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia p{
	font-size: 1.05vw;
	color: #333333;
	margin-bottom: 1.5vw;
	padding: 0;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia label{
	font-size: 1.05vw;
	font-weight: normal;
	color: #333333;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia li {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin-bottom: 1vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia li label{
	font-size: 0.85vw;
}

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

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia p:last-child{
	margin-bottom: 0;
}

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

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .observacao-box{
	font-size: 0.85vw;
}

.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: 2vw;
	margin-bottom: 2vw;
	border-bottom: 1px solid #CCCCCC;
}

.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 {
	content: "";
	display: inline-block;
	vertical-align: bottom;
	width: 2.1vw;
	height: 1.6vw;
	margin-right: 1.25vw;
	background: url(../images/icon-cama.png) no-repeat center center;
	background-size: 2vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .quartos-box .acomoda-info label:before {
	background: url(../images/icon-pessoas.png) no-repeat center center;
	background-size: 2vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .banheiros-box .quarto-info label:before {
	background: url(../images/icon-banheiro-2.png) no-repeat center center;
	background-size: 1.5vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .acomoda-info,
.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .quarto-info {
	display: inline-block;
	margin-right: 8vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .descricao-regra-box,
.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .box-descricao {
	background: #00AAC8;
	padding: 0.7vw 1.5vw;
	color: #fff;
	font-size: 0.85vw;
	margin-top: 1.5vw;
}

.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{
	display: inline-block;
	margin-right: 8.5vw;
	margin-bottom: 1.75vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia #regras-wrapper span{
	font-weight: bold;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia #regras-wrapper .regra-list {
	border-radius: 20vw;
	border: 1px solid #00CC66;
	margin-bottom: 0.5vw;
	background: url(../images/icon-like.png) no-repeat 1.5vw center;
	background-size: 2.25vw;
	background-color: #fff;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia #regras-wrapper .regra-list.regra-nao {
	border: 1px solid #F20051;
	background: url(../images/icon-dislike.png) no-repeat 1.5vw center;
	background-size: 2.25vw;
	background-color: #fff;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia #regras-wrapper .regra-list label{
	padding: 1.35vw 5vw 1.3vw;
}

.node-type-hospedagem #page #content .node-hospedagem .informacoes-residencia .descricao-regra-box p {
	font-size: 0.85vw;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario {
	background: #fff;
	float: left;
	margin-top: 4vw;
	width: 24.5%;
	padding: 1.5vw;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
}

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

.node-type-servicos #page #content .node-hospedagem #informacoes-servicos h2,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-servicos h2,
.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario h4,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario h4 {
	margin: 0;
	font-size: 1.05vw;
	color: #00AAC8;
	font-family: 'gobold';
	font-weight: normal;
	text-transform: lowercase;
	margin-bottom: 1vw;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario img ,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario img {
	border-radius: 50vw;
	width: 20%;
	height: 4.25vw;
	float: left;
	margin-right: 1vw;
}

.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario h5 {
	font-size: 1.25vw;
	font-family: 'gobold';
	font-weight: normal;
	text-transform: lowercase;
	color: #333333;
	margin: 0 0 0.5vw;
	float: right;
	width: 75%;
}

.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .descricao-proprietario {
	font-size: 0.75vw;
	color: #333333;
	margin-bottom: 0.75vw;
	float: right;
	width: 75%;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .telefone-proprietario,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .telefone-proprietario {
	font-size: 1.05vw;
	color: #333333;
	font-family: 'gobold';
	font-weight: normal;
	text-transform: lowercase;
	padding-bottom: 1.5vw;
	float: right;
	width: 75%;
}

.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario {
	border-top: 1px solid #CCCCCC;
	padding-top: 1.5vw;
	position: relative;
	clear: both;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario {
	padding-top: 1vw;
	position: relative;
	clear: both;
}

.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 0.75vw;
	display: inline-block;
}

.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: 49%;
}

.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: 0.75vw;
	padding-left: 1vw;
	color: #333333;
	font-weight: normal;
	height: auto;
	width: auto;
	position: relative !important;
}

.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{
	border: 1px solid #CCCCCC;
	border-radius: 20vw;
	width: 100%;
	font-size: 0.75vw;
	padding: 0.9vw 1vw 0.85vw;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario textarea,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario textarea{
	border-radius: 5px;
	height: 5.5vw !important;
	resize: none;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario .grippie,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario .grippie{
	display: none;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario .form-actions,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario .form-actions{
	margin: 0;
}

.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{
	font-weight: bold;
	background: #00AAC8;
	color: #fff;
	text-transform: uppercase;
	padding: 1.2vw 1vw 1.1vw;
	border: 0;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario fieldset.captcha,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario fieldset.captcha {
	display: block;
	width: 100%;
	float: none;
	clear: both;
	margin: 0 0 0.75vw;
	padding: 0.25vw 0 0.5vw;
	border: 0;
	background: transparent;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario fieldset.captcha legend,
.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario fieldset.captcha .fieldset-legend,
.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario fieldset.captcha .description,
.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario fieldset.captcha .fieldset-description,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario fieldset.captcha legend,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario fieldset.captcha .fieldset-legend,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario fieldset.captcha .description,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario fieldset.captcha .fieldset-description {
	display: none;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario fieldset.captcha .g-recaptcha,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario fieldset.captcha .g-recaptcha {
	display: block;
	transform-origin: left top;
}

.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario fieldset.captcha textarea,
.node-type-servicos #page #content .node-hospedagem #informacoes-proprietario .form-proprietario fieldset.captcha input,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario fieldset.captcha textarea,
.node-type-hospedagem #page #content .node-hospedagem #informacoes-proprietario .form-proprietario fieldset.captcha input {
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	position: absolute;
	opacity: 0;
}

.node-type-hospedagem #page #content .node-hospedagem .comments-wrapper{
	position: relative;
	padding: 5vw 11.5vw 5vw;
	clear: both;
}

.node-type-hospedagem #page #content .node-hospedagem .comments-wrapper h3{
	font-size: 1.25vw;
	color: #00AAC8;
	font-family: 'gobold';
	font-weight: normal;
	text-transform: lowercase;
	margin: 0 0 2vw;
}

#page a.botao-whatsapp {
  font-size: .7vw;
  line-height: 1;
  display: block;
  width: 6vw;
  position: fixed;
  bottom: 1.5vw;
  z-index: 9999;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  right: 2vw;
  text-align: center;
  font-weight: bold;
}

#page a.botao-whatsapp:before {
  content: "";
  display: block;
  width: 3.5vw;
  height: 3.5vw;
  background: url(/sites/all/themes/gw2d/images/whats-botao-2.png) no-repeat center center;
  background-size: 100%;
  margin: 0 auto .5vw;
}


.node-type-hospedagem #page #content .node-hospedagem .informacoes-basicas {
  position: relative;
}
.node-type-hospedagem #page #content .codigo-box .nota-media {
  top: 0.9vw;
  font-size: 1.5vw;
  left: auto;
  right: 1vw;
}

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

/* Promocoes > pagina */

.page-promocoes #page #content{
	background: #FAFAFA;
}

.page-promocoes #page #content .pane-custom h2{
	margin-top: 4vw;
	margin-bottom: 0;
}

.page-promocoes #page #content #promocoes-primeiro .view-header h2 {
	display: none;
}

.page-promocoes #page #content #promocoes-primeiro {
	background: #FAFAFA;
	padding: 4vw 20.5vw 1.5vw;
}

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

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

#page #content #todas-promocoes .view-promocao li {
	width: 45.3%;
	margin: 0 0.7vw 1.5vw;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.node-type-servicos #page #content .view-promocao li {
	margin-bottom: 1.5vw;
}

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

#page #content #todas-promocoes .view-promocao li .titulo a {
	font-size: 1.25vw;
	margin-bottom: 1vw;
	padding-right: 0;
	line-height: 1.2;
	height: 3vw;
	position: relative;
	overflow: hidden;
}

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

#page #content #todas-promocoes .view-promocao li .telefone {
	margin-top: 0.25vw;
}

#page #content #todas-promocoes .view-promocao li .praia {
	margin-top: 0.7vw;
	margin-bottom: 1vw;
}

#page #content #todas-promocoes .view-promocao li .custo .mais-info {
	display: none;
}

#page #content #todas-promocoes .view-promocao li .custo .apartir-de {
	font-size: 0.75vw;
}

#page #content #todas-promocoes .view-promocao li .custo .valor {
	font-size: 1.25vw;
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}

.node-type-servicos #page #content #informacoes-servicos .nota-media {
  position: static;
  margin-top: -2vw;
  margin-bottom: 0.5vw;
  font-size: 1.5vw;
}

.node-type-servicos #page #content #informacoes-servicos .nota-media:before {
  width: 1.9vw;
  height: 1.9vw;
}

/* Promocoes > pagina > interna */

.node-type-promocao #page #content .node-promocao .content-node-left{
	padding: 4vw 11.5vw;
	position: relative;
	overflow: hidden;
}

.node-type-promocao #page #content .node-promocao .content-node-left #informacoes-local{
	width: 58%;
	float: left;
	margin-right: 7.5vw;
}

.node-type-promocao #page #content .node-promocao .content-node-left #informacoes-local h1.nome {
	font-size: 1.65vw;
	line-height: 1.5;
}

.node-type-promocao #page #content .node-promocao .content-node-left #informacoes-servicos {
	float: left;
	width: 30%;
	margin-top: 0.5vw;
  position: relative;
}

.node-type-promocao #page #content .node-promocao .content-node-right .valor-wrapper span{
	font-size: 2.5vw;
	font-family: 'gobold';
	font-weight: normal;
	color: #333333;
	display: inline-block;
	vertical-align: middle;
}

.node-type-promocao #page #content .node-promocao .content-node-right .valor-wrapper span.valor:last-child{
	font-size: 1.05vw;
	font-family: 'muli';
	font-weight: normal;
	color: #333333;
	width: 31%;
	line-height: 1.5;
	margin-top: 1vw;
}

/* Eventos > pagina */

.page-eventos #page #content .banner-topo-eventos {
	/* background: url(../images/bg-eventos-interno.jpg) no-repeat bottom center; */
	background-size: 100%;
	padding: 4vw 0vw 0vw;
	display: block;
	margin-bottom: 4vw;
  text-align: center;
}

.page-eventos #page #content .banner-topo-eventos h2 {
	font-size: 3.65vw;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 4.5vw;
	color: #fff;
	z-index: 2;
	position: relative;
	display: none;
}

/* .page-eventos #page #content .banner-topo-eventos form {
	background: rgba(0,0,0,0.5);
	border-radius: 20vw;
	padding: 1.5vw;
	margin: 0 auto;
	display: inline-block;
	z-index: 2;
	position: relative;
} */

.page-eventos #page #content .banner-topo-eventos form .views-exposed-widgets:before {
	content: "Filtrar Por";
	display: block;
	float: left;
	color: #00AAC8;
	font-size: 1.25vw;
	text-transform: uppercase;
	margin: 0.4vw 1.5vw 0 0.75vw;
	line-height: 1.2;
	font-family: 'gobold';
	font-weight: normal;
	display: none;
}

.page-eventos #page #content .banner-topo-eventos form .views-exposed-widgets {
	margin: 0;
	display: flex;
    align-content: center;
    flex-direction: row;
	justify-content: center;
    flex-wrap: nowrap;
	gap: 1vw;
}

.page-eventos #page #content .banner-topo-eventos form .views-exposed-widget {
	padding: 0;
	margin: 0;
	width: 80%;

}


.page-eventos #page #content .banner-topo-eventos form .views-exposed-widget label {
	display: none;
}

.page-eventos #page #content .banner-topo-eventos form .views-exposed-widget select {
	/* width: 13.5vw; */
	width: 39vw;
}

.page-eventos #page #content .banner-topo-eventos form .views-exposed-widget.views-submit-button {
	width: fit-content;
}

.views-submit-button input.form-submit,
.page-eventos #page #content .banner-topo-eventos form .views-submit-button input {
	width: 6vw;
	border: 1px solid #00AAC8;
	border-radius: 10px;
	background-color: #00AAC8;
	font-size: 0.75vw;
	font-weight: 600;
	padding: 0.6vw 0.75vw;
	margin: 0;
	color: #FFFFFF;
	height: 40px;
}

.page-eventos #edit-submit-eventos {
	width: 7vw;
    height: 3.3vw;
    border-radius: 12px;
    font-size: 1.1vw;
}

.page-eventos #page #content .view-eventos {
	padding: 0;
    width: 100%;
    margin: 0 auto;
}

.page-eventos #page #content .view-eventos .item-list .pager-load-more {
	margin: 3vw 0 4vw;
}

/* Eventos > pagina > interna */

#page #content .node-evento {
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}

#page #content .node-evento .content-node-left {
	width: 100%;
	height: auto;
	margin: 4vw 0 1vw;
}

#page #content .node-evento .content-node-left .evento-img {
    overflow: hidden;
    height: 300px;
    width: 100%;
    border-radius: 20px;
}

#page #content .node-evento .content-node-left .evento-img img {
  display: block;
  width: 100%;
}

#page #content .node-evento .content-node-left .info-evento {
	padding: 0vw;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1vw;
}

#page #content .node-evento .content-node-left .valor {
	font-size: 1.65vw;
	color: #333333;
	font-family: 'gobold';
	font-weight: normal;
}

#page #content .node-evento .content-node-left .data_hora,
#page #content .node-evento .content-node-left .local {
	display: flex;
    flex-direction: column;
    min-height: 130px;
    padding: 24px;
	margin: 1vw 0 0;
    border: 1px solid rgba(8, 65, 77, 0.1);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(8, 25, 35, 0.07);
}

#page #content .node-evento .content-node-left .data_hora {
	background: linear-gradient(180deg, rgba(0, 170, 200, 0.1), #fff 55%);
}

#page #content .node-evento .content-node-left .local {
	background: linear-gradient(180deg, rgba(255, 190, 70, 0.15), #fff 55%);
}

#page #content .node-evento .content-node-left .data_hora h4,
#page #content .node-evento .content-node-left .local h4 {
	margin: 0 0 0.75rem;
    color: #08414d;
    font-size: clamp(1.25rem, 2.2vw, 1.55rem);
    line-height: 1.2;
    text-align: left;
}

#page #content .node-evento .content-node-left .redes-sociais {
	padding: 0;
	margin: 0;
	list-style: none;
}

#page #content .node-evento .content-node-left .redes-sociais li{
	padding: 0;
	margin: 0;
	display: inline-block;
	list-style: none;
	margin-right: 0.75vw;
}

#page #content .node-evento .content-node-left .redes-sociais li a {
	padding: 0;
	font-size: 0;
	width: 1.5vw;
	height: 1.5vw;
	background: url(../images/icon-facebook-footer.png) no-repeat center center;
	background-size: 1.4vw;
	display: block;
}

#page #content .node-evento .content-node-left .redes-sociais li.instagram-eventos a {
	background: url(../images/icon-instagram-footer.png) no-repeat center center;
	background-size: 1.4vw;
}

#page #content .node-evento .content-node-right {
	float: right;
	width: 100%;
	display: flex;
    flex-direction: column;
    min-height: 130px;
    padding: 24px;
	margin: 1vw 0 0;
    border: 1px solid rgba(8, 65, 77, 0.1);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(8, 25, 35, 0.07);
	background: linear-gradient(180deg, rgba(8, 65, 77, 0.1), #fff 55%);
}

#page #content .node-evento .content-node-right .praia-evento {
	font-size: 0.85vw;
	color: #00AAC8;
	font-weight: 300;
	margin: 0 0 0.5vw;
}

#page #content .node-evento .content-node-right h1.nome {
	margin: 0 0 0.75rem;
    color: #08414d;
    font-size: clamp(1.25rem, 2.2vw, 1.55rem);
    line-height: 1.2;
    text-align: left;
}

#page #content .node-evento .content-node-right .conteudo p {
	font-size: 1.05vw;
	margin-bottom: 1.5vw;
	color: #333333;
}

#page #content .node-evento .content-node-right .conteudo h3 {
	font-size: 0.85vw;
	font-family: 'gobold';
	font-weight: normal;
	color: #00AAC8;
	text-transform: lowercase;
	margin: 3vw 0 1vw;
}

#page #content .node-evento #mapa-pagina-wrapper {
	background: #FFF;
}

#page #content .node-evento #mapa-pagina-wrapper h3 {
	font-size: 1.25vw;
	margin: 0;
	padding: 1vw 5vw;
	background: #FAFAFA;
	width: 28.5%;
}

#page #content .view-eventos {
    width: 100%;
    margin: 4vw 0 0;
    padding: 2vw 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
	background: #00aac814;
}

#page #content .view-eventos .view-header,
#page #content .view-eventos .view-content {
	width: 100%;
	max-width: 1200px;
}

/* Informacoes de ubatuba > pagina */

#page #content .pane-pontos-tur-sticos {
	background: #00AAC8;
	padding: 1vw 4.25vw;
}

#page #content .pane-pontos-tur-sticos h2.block-title {
	text-align: center;
	font-size: 1.65vw;
	color: #FFFFFF;
	margin: 0 0 3vw;
	text-transform: uppercase;
}

#descricao-ubatuba-home .descricao p {
	padding-left: 6%;
	padding-right: 6%
}

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

#page #content .view-informa-es-de-ubatuba ul,
#page #content .view-pontos-tur-sticos ul {
	margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    height: auto;
    display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1vw;
	justify-content: center;
}

#page #content .view-informa-es-de-ubatuba ul li,
#page #content .view-pontos-tur-sticos ul li {
	display: inline-block;
    vertical-align: top;
    margin: 0;
    background: #fff;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    width: 100%;
    /* max-width: 187px; */
    padding-bottom: 0;
}

#page #content .view-informa-es-de-ubatuba ul li .views-field-nid,
#page #content .view-informa-es-de-ubatuba ul li .views-field-field-praia,
#page #content .view-informa-es-de-ubatuba ul li .views-field-view-node{
	display: none;
}

#page #content .view-informa-es-de-ubatuba ul li .views-field-field-imagem img{
	display: block;
}

#page #content .view-pontos-tur-sticos ul li .views-field-field-imagem img {
	display: block;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

#page #content .view-pontos-tur-sticos ul li .pontos-turisticos-locais .titulo {
	text-align: center;
	padding-bottom: 1vw;
}

#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: 1vw;
	font-weight: bold;
	color: #333333;
}

#page #content .view-informa-es-de-ubatuba ul li .views-field-type,
#page #content .view-pontos-tur-sticos ul li .views-field-type {
	color: #00AAC8;
	text-align: center;
}

#page #content .view-pontos-tur-sticos ul li .pontos-turisticos-locais .praia{
	text-align: center;
	color: #00AAC8;
	padding-bottom: 0;
}

#page #content .view-pontos-tur-sticos ul li .pontos-turisticos-locais .praia:before{
	content: "";
	display: inline-block;
	width: 0.7vw;
	height: 1vw;
	background: url(../images/icon-location.png) no-repeat center center;
	background-size: 0.6vw;
	margin-right: 0.25vw;
	vertical-align: text-bottom;
}

#page #content .view-pontos-tur-sticos ul li .views-field-nid,
#page #content .view-pontos-tur-sticos ul li .views-field-view-node,
#page #content .view-pontos-tur-sticos ul li .views-field-field-praia-1,
#page #content .view-pontos-tur-sticos ul li .views-field-field-endereco{
  display: none;
}

#page #content #dados-gerais {
	padding: 7vw 0 4vw 11.5vw;
	margin-right: 4.5vw;
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

#page #content #telefones-uteis .descricao h3,
#page #content #dados-gerais .descricao h3 {
	margin: 0 0 0.5vw;
	font-size: 1.25vw;
	font-family: 'gobold';
	font-weight: normal;
	color: #00AAC8;
	text-transform: lowercase;
}

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

#page #content #telefones-uteis {
	display: inline-block;
	vertical-align: top;
	padding: 7vw 10vw 5vw 0;
	width: 47%;
}

#page #content #telefones-uteis ul{
	padding: 0;
	margin: 0.5vw 0 0;
	list-style: none;
}

#page #content #telefones-uteis ul li {
	display: inline-block;
    margin: 0 0 1vw;
    padding: 0.8rem 1rem;
    border: 1px solid rgba(8, 65, 77, 0.16);
    border-radius: 8px;
    background: #fff;
    color: #08414d;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    box-shadow: 0 2px 8px rgba(3, 26, 33, 0.06);
    transition: border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    width: 100%;
    line-height: normal;


}
#page #content #telefones-uteis ul li:hover {
	border-color: #00aac8;
    color: #00aac8;
    transform: translateY(-1px);
}

#page #content #telefones-uteis ul li:last-child{
	border-bottom: 1px solid #CCCCCC;
}

/* Informacoes de ubatuba > pagina > interna */

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

.node-type-ponto-turistico #page #content .content-img,
.node-type-informacoes-de-ubatuba #page #content .content-img {
	float: left;
	margin-right: 5vw;
	position: relative;
	overflow: hidden;
	max-width: 33%;
}

.node-type-ponto-turistico #page #content .content-img img,
.node-type-informacoes-de-ubatuba #page #content .content-img img {
	display: block;
}

.node-type-ponto-turistico #page #content .praia-content,
.node-type-informacoes-de-ubatuba #page #content .praia-content{
	display: none;
}

.node-type-ponto-turistico #page #content h1.nome,
.node-type-informacoes-de-ubatuba #page #content h1.nome {
	font-size: 2.5vw;
	font-family: 'muli';
	font-weight: bold;
	color: #333333;
	margin: 0 0 2vw;
	padding-top: 4vw;
	padding-left: 11.5vw;
}

.node-type-ponto-turistico #page #content .descricao h3,
.node-type-informacoes-de-ubatuba #page #content .descricao h3 {
	margin: 0 0 0.5vw;
	font-size: 1.15vw;
	font-family: 'gobold';
	font-weight: normal;
	text-transform: lowercase;
	color: #00AAC8;
	padding-left: 11.5vw;
}

.node-type-ponto-turistico #page #content .descricao p,
.node-type-informacoes-de-ubatuba #page #content .descricao p {
	font-size: 0.95vw;
	color: #333333;
	margin-bottom: 1vw;
	padding-left: 11.5vw;
}

.node-type-ponto-turistico #page #content .descricao iframe,
.node-type-informacoes-de-ubatuba #page #content .descricao iframe {
	border: 0;
	width: 100%;
	margin-top: 1vw;
}

.node-type-informacoes-de-ubatuba #page #content .comments-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	clear: both;
}

/* Cadastre-se > pagina */

#page #content .user-info-from-cookie h1,
.page-cadastre-se #page #content .pane-1 h1 {
	font-size: 1.65vw;
	color: #333333;
	margin: 4vw 0 0.75vw;
	text-align: center;
}

#page #content .user-info-from-cookie h3,
.page-cadastre-se #page #content .pane-1 h3 {
	font-size: 1.05vw;
	color: #333333;
	margin: 0 0 2.5vw;
	text-align: center;
}

.page-cadastre-se #page #content #cadastro-wrapper .box-cadastro {
	display: block;
	float: left;
	width: 50%;
	background: #eee url(../images/img-usuario.jpg) no-repeat bottom center;
	background-size: 100%;
	padding: 6.5vw 13vw 5.5vw;
	position: relative;
}

.page-cadastre-se #page #content #cadastro-wrapper .box-cadastro#cadastre-empresa {
	background: #eee url(../images/img-empresa.jpg) no-repeat bottom center;
	background-size: 100%;
}

.page-cadastre-se #page #content #cadastro-wrapper .box-cadastro:before {
  content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	z-index: 1;
}

.page-cadastre-se #page #content #cadastro-wrapper .box-cadastro h2 {
	font-size: 2.5vw;
	color: #FAFAFA;
	z-index: 2;
	position: relative;
	margin: 0;
	text-transform: lowercase;
}

.page-cadastre-se #page #content #cadastro-wrapper .box-cadastro h4 {
	font-size: 1.65vw;
	color: #FAFAFA;
	margin: 0.75vw 0;
	position: relative;
	z-index: 2;
}

.page-cadastre-se #page #content #cadastro-wrapper .box-cadastro p {
	font-size: 1.05vw;
	color: #FAFAFA;
	position: relative;
	z-index: 2;
	margin-bottom: 1.5vw;
}

.page-cadastre-se #page #content #cadastro-wrapper .box-cadastro a {
	background: #00AAC8;
	position: relative;
	z-index: 2;
	border-radius: 20vw;
	display: inline-block;
	font-size: 0.85vw;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	padding: 0.7vw 1.6vw;
}

/* Cadastre-se > Usuario */

.page-usuario #page {
	background: #FAFAFA;
}

#page #content .user-info-from-cookie h1{
	font-size: 2.5vw;
}

#page #content .user-info-from-cookie h3{
  margin: 0 0 3.5vw;
}

#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 22vw;
	margin: 0;
	border: 0;
	display: block;
}

#page #content .user-info-from-cookie .captcha {
	padding: 0;
	padding-left: 22vw;
	float: left;
}

#page #content .user-info-from-cookie #edit-account.form-wrapper,
#page #content .user-info-from-cookie fieldset.form-wrapper {
	width: 100%;
	margin: 0;
	display: block;
}

#page #content .user-info-from-cookie #edit-account.form-wrapper,
#page #content .user-info-from-cookie fieldset.form-wrapper {
	width: 100%;
	margin: 0;
	display: block;
}

#page #content .user-info-from-cookie fieldset legend {
	display: none;
}

.page-user-edit #page #content #edit-account.form-wrapper .form-type-password-confirm .form-item,
.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: 31%;
	margin: 0 0.75vw 1% 0;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.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: 48.5%;
}

.not-logged-in #page #content .user-info-from-cookie #edit-account.form-wrapper .form-item {
	width: 98.5%;
}

.page-user #page #content section.field.field-name-field-foto-do-perfil img {
	border-radius: 50vw;
}


#page #content .user-info-from-cookie .field-type-image {
  margin-top: 1.25vw;
}

.page-user-password #page #content section.field-type-text-long,
.page-user #page #content section.field-type-text-long,
#page #content .user-info-from-cookie .field-type-text-long {
	width: 96%;
}

#page #content .user-info-from-cookie .form-wrapper .form-item {
  margin: 0;
}

.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: 0.85vw;
	color: #333333;
	padding-left: 1.5vw;
	display: inline-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 {
	background: #fff;
	border: 1px solid #CCCCCC;
	border-radius: 20vw;
	padding: 1.15vw 1.5vw 1vw;
	font-size: 0.85vw;
	width: 100%;
}

.page-user #page #content section.field-type-text-long .field-item,
#page #content .user-info-from-cookie .form-wrapper textarea{
	height: 10.5vw !important;
	border-radius: 15px;
	resize: none;
}

#page #content .user-info-from-cookie .form-wrapper .grippie{
	display: none;
}

#page #content .field-type-image-form .form-item,
#page #content .field-type-image .form-item {
	display: inline-block;
	width: 100%;
	position: relative;
	margin-top: 1.25vw;
}

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

#page #content .field-type-image-form .form-item label,
#page #content .field-type-image .form-item label{
	position: absolute;
	top: 0.2vw;
	left: 1.5vw;
	padding: 0.75vw 0;
	font-size: 0.85vw;
	background-color: #fff;
	z-index: 5;
	cursor: pointer;
	margin: 0;
	max-width: 89%;
	padding-right: 0;
	color: #333333;
	border-radius: 20vw;
}

/* Sem label sobre o input nos campos chamada/capa */
#page #content label[for="edit-field-imagem-chamada-und-0-upload"],
#page #content label[for="edit-field-imagem-capa-und-0-upload"],
#page #content .image-widget-data > label,
#page #content .form-item-field-imagem-chamada-und-0 > label,
#page #content .form-item-field-imagem-capa-und-0 > label {
	display: none !important;
}

#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 {
	font-size: 0;
	background: #fff;
	width: 100%;
	border: 1px solid #CCCCCC;
	background-size: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	padding: 1.15vw 1.5vw 0.9vw;
	line-height: 2.2vw;
	margin: 0;
	position: relative;
	z-index: 4;
	-webkit-border-radius: 0;
	cursor: pointer;
	border-radius: 20vw;
}

#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 {
	font-size: 0;
	width: 1.45vw;
	height: 1.5vw;
	background: url(../images/icon-upload.png) no-repeat center center;
	background-size: 1.2vw;
	position: absolute;
	top: 1.4vw;
	padding: 0;
	right: 5%;
	cursor: pointer;
	border: none;
	z-index: 9;
}
/*
#page #content #user-profile-form .field-type-image .form-item input.form-submit#edit-profile-usuario-field-foto-do-perfil-und-0-upload-button,
#page #content .field-type-image-form .form-item input.form-submit#edit-field-imagem-chamada-und-0-upload-button,
#page #content .field-type-image-form .form-item input.form-submit#edit-field-imagem-capa-und-0-upload-button,
#page #content .field-type-image-form .form-item input.form-submit#edit-field-cardapio-und-0-upload-button,
#page #content .field-type-image-form .form-item input.form-submit#edit-field-imagem-und-0-upload-button,
#page #content .field-type-image-form .form-item input.form-submit#edit-field-galeria-de-fotos-und-0-upload-button,
#page #content .field-type-image .form-item input.form-submit#edit-profile-usuario-field-foto-do-perfil-und-0-upload-button,
#page #content .field-type-image .form-item input.form-submit#edit-profile-empresa-field-foto-do-perfil-und-0-upload-button {
	background: url(../images/icon-upload.png) no-repeat center center;
	background-size: 1.2vw;
}
*/
#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: url(../images/icon-upload-red.png) no-repeat center center;
	background-size: 1.2vw;
}

#page #content #user-profile-form .form-wrapper.field-name-field-foto-do-perfil .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{
	position: relative;
	padding: 0.9vw 3.5vw 0.85vw 1.5vw;
	left: 0;
	top: 0;
	display: block;
	border: 1px solid #CCCCCC;
	width: 100%;
	max-width: 100%;
}

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

.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 .form-wrapper.field-name-field-foto-do-perfil div div .form-type-managed-file input.form-file {
	position: absolute;
	top: 0;
}

.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: 0.6vw 3.5vw 0.45vw 1.5vw;
}

#page #content .field-type-image .ajax-progress {
  position: absolute;
  display: none !important;
}

.page-user-edit #page #content #edit-account.form-wrapper .form-type-password-confirm,
#page #content .user-info-from-cookie #edit-account.form-wrapper .form-type-password-confirm {
	width: 100%;
	margin: 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: 0;
	margin-right: 0.5vw;
	width: 67%;
	position: absolute;
	top: -0.2vw;
	right: 0;
	font-size: 0.75vw;
}

.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{
	margin: 0;
	margin-right: 1.5vw;
	right: 0;
	width: 40%;
	position: absolute;
	font-size: 0.75vw;
	top: 0.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: 0;
	right: auto;
	left: 0;
	width: 100%;
	position: relative;
	top: 0.1vw;
}

#page #content .user-info-from-cookie .captcha.form-wrapper label{
	display: block;
}

#page #content .user-info-from-cookie .captcha .description,
#page #content .user-info-from-cookie .captcha .fieldset-description {
  display: none;
}

#page #content .user-info-from-cookie .captcha.form-wrapper .form-item .field-prefix {
	font-size: 0.85vw;
	padding: 1.05vw 1vw 0.95vw 1.5vw;
	line-height: 1.2;
	border: 1px solid #CCCCCC;
	border-radius: 20vw;
	display: block;
	border-right: 0;
	float: left;
	margin-right: -1vw;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background: #fff;
	width: 27%;
	height: 3.1vw;
}

#page #content .user-info-from-cookie .captcha.form-wrapper .form-item .form-text {
	width: 77%;
	border-left: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	display: block;
	padding-left: 0;
	height: 3.1vw;
}

#page #content #user-login #edit-actions.form-wrapper,
#page #content .user-info-from-cookie #edit-actions.form-wrapper {
	float: right;
	margin-right: 22vw;
	margin-bottom: 1.5vw;
	width: auto;
	display: inline-block;
	margin-top: 1vw;
}

#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 {
	background: #00CC66;
	border: 1px solid #00CC66;
	color: #fff;
	font-size: 1.05vw;
	font-weight: normal;
	padding: 1.05vw 3vw 1vw;
}

#page #content .user-info-from-cookie .form-wrapper#edit-field-status-plano {
  display: none;
}

/**/

.page-user-edit #page #content #user-profile-form .form-wrapper.field-name-field-foto-do-perfil label,
.page-usuario-register #page #content .user-info-from-cookie .field-type-image label {
	padding: 0.4vw 0 0.15vw;
	padding-right: 2vw;
	line-height: 1.2;
}

.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 {
	padding: 0.4vw 1.5vw;
}

.page-user-edit #page #content #user-profile-form .field-type-image input.form-submit,
.page-usuario-register #page #content .user-info-from-cookie .field-type-image input.form-submit {
	top: 0.8vw;
}

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

/* Cadastre-se > Anunciar */

.page-anunciar #page #content #banner-anunciar {
	background: url(../images/bg-anuncios.jpg) no-repeat center center;
	background-size: auto 100%;
	position: relative;
}

.page-anunciar #page #content #banner-anunciar:before {
  content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 1;
}

.page-anunciar #page #content #banner-anunciar .block-content {
	padding: 5.5vw 0 5.7vw 20.5vw;
	width: 52%;
	position: relative;
	z-index: 2;
}

.page-anunciar #page #content #banner-anunciar .block-content h1 {
	margin: 0;
	font-size: 2.5vw;
	text-transform: uppercase;
	color: #FFFFFF;
}

.page-anunciar #page #content #banner-anunciar .block-content h3 {
	margin: 1vw 0 0;
	font-size: 1.25vw;
	font-weight: normal;
	color: #FFFFFF;
}

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

.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{
	margin: 0;
	text-align: center;
	font-size: 2.5vw;
	text-transform: lowercase;
	color: #333333;
}

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

.page-anunciar #page #content .pane-2 ul li{
	width: 17.8%;
	display: inline-block;
	vertical-align: top;
	margin: 0 0.75vw 4vw;
}

.page-anunciar #page #content .pane-2 ul li img{
	display: block;
	width: 100%;
	height: 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.page-anunciar #page #content .pane-2 ul li br{
  display: none;
}

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

.page-anunciar #page #content .pane-2 ul li .info-plataforma label{
	font-size: 1.05vw;
	font-weight: bold;
	color: #333333;
	margin: 0 0 0.5vw;
	text-align: center;
}

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

.page-anunciar #page #content .pane-2 p{
	text-align: center;
	margin: 0;
}

.page-anunciar #page #content .pane-2 a{
	font-size: 1.05vw;
	font-weight: bold;
	background: #FFBF00;
	color: #000000;
	text-align: center;
	display: inline-block;
	border-radius: 20vw;
	padding: 0.8vw 1.35vw 0.75vw;
	text-transform: uppercase;
}

.page-anunciar #page #content .pane-3 {
	background: #FAFAFA;
	padding: 4vw 5vw;
}

.page-anunciar #page #content #alguma-duvida h3,
#page #content #anunciar-valores h3,
.page-anunciar #page #content .pane-3 h3{
	font-size: 1.05vw;
	text-align: center;
	color: #333333;
	margin: 0.75vw 0 6vw;
}

.page-anunciar #page #content .pane-3 ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.page-anunciar #page #content .pane-3 ul li{
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin: 0 1vw;
  margin-bottom: 2.5vw;
}

.page-anunciar #page #content .pane-3 ul li img{
	width: 15.5%;
	margin-right: 1.5vw;
	float: left;
	display: block;
	margin-top: 0.4vw;
}

.page-anunciar #page #content .pane-3 ul li br{
	display: none;
}

.page-anunciar #page #content .pane-3 ul li .info-vantagens{
	float: right;
	width: 77%;
}

.page-anunciar #page #content .pane-3 ul li .info-vantagens label{
	font-size: 1.25vw;
	color: #00AAC8;
	font-family: 'gobold';
	font-weight: normal;
	text-transform: lowercase;
	margin: 0 0 0.4vw;
}

.page-anunciar #page #content .pane-3 ul li .info-vantagens p{
	overflow: hidden;
	font-size: 0.85vw;
	font-weight: normal;
	margin: 0;
	position: relative;
	color: #333333;
}

.page-anunciar #page #content .pane-3 p {
	margin: 0;
}

.page-anunciar #page #content .pane-3 a.btn-anunciar {
	background: #FFBF00;
	font-size: 1.05vw;
	font-weight: bold;
	display: block;
	border-radius: 20vw;
	color: #000000;
	text-align: center;
	padding: 0.85vw 1.75vw 0.7vw;
	width: 28.5%;
	margin: 0 auto;
	text-transform: uppercase;
}

#page #content #anunciar-valores {
	padding: 4vw 4.5vw;
}

#page #content #anunciar-valores h3 {
	margin: 0.75vw 0 4vw;
}

#page #content #anunciar-valores .plano-box {
	background: #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.16);
	border-top: 6px solid #00AAC8;
	padding: 1vw 1.5vw;
	width: 23.4%;
	display: inline-block;
	margin: 0 0.75vw;
	vertical-align: top;
	min-height: 43vw;
}

#page #content #anunciar-valores .plano-box:first-child {
  margin-left: 0;
}

#page #content #anunciar-valores .plano-box:last-child {
  margin-right: 0;
}

#page #content #anunciar-valores .plano-box#plano-bronze {
	border-top: 6px solid #A05D16;
}

#page #content #anunciar-valores .plano-box#plano-prata {
	border-top: 6px solid #979B9D;
}

#page #content #anunciar-valores .plano-box#plano-ouro {
	border-top: 6px solid #ffd700;
}

#page #content #anunciar-valores .plano-box h4 {
	font-size: 1.25vw;
	color: #00AAC8;
	font-family: 'gobold';
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 0.5vw;
}

#page #content #anunciar-valores .plano-box#plano-bronze h4 {
	color: #A05D16;
}

#page #content #anunciar-valores .plano-box#plano-prata h4 {
	color: #979B9D;
}

#page #content #anunciar-valores .plano-box#plano-ouro h4 {
	color: #ffd700;
}

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

#page #content #anunciar-valores .plano-box label {
	font-size: 1.65vw;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin: 0 0 0.5vw;
}

#page #content #anunciar-valores .plano-box#plano-basico label {
	color: #00CC66;
}

#page #content #anunciar-valores .plano-box br {
	display: none;
}

#page #content #anunciar-valores .plano-box a {
	background: #00AAC8;
	width: 11.25vw;
	display: block;
	text-align: center;
	margin: 0 auto;
	border-radius: 20vw;
	padding: 0.4vw 1.5vw 0.45vw;
	color: #fff;
	font-size: 0.85vw;
	font-weight: bold;
}

#page #content #anunciar-valores .plano-box#plano-bronze a {
	background: #A05D16;
}

#page #content #anunciar-valores .plano-box#plano-prata a {
	background: #979B9D;
}

#page #content #anunciar-valores .plano-box#plano-ouro a {
	background: #ffd700;
}

#page #content #anunciar-valores .plano-box ul {
	margin: 0 0 0;
	padding: 1.5vw 0 0;
	list-style: none;
	border-top: 1px solid #CCCCCC;
}

#page #content #anunciar-valores .plano-box ul li {
	font-size: 0.85vw;
	font-weight: normal;
	color: #333333;
	padding: 0.35vw 0.5vw 0.35vw 3.5vw;
	background: url(../images/icon-like.png) no-repeat 1.5vw center;
	background-size: 1.3vw;
}

#page #content #anunciar-valores .plano-box ul li strong {
	font-size: 0.6vw;
  color: #000;
  display: block;
}

#page #content #anunciar-valores .plano-box ul li.van-nao {
	background: url(../images/icon-dislike.png) no-repeat 1.5vw center;
	background-size: 1.3vw;
}

/* icones */

#page #content #anunciar-valores .plano-box ul li.google-maps {
	background: url(../images/icon-google-maps.png) no-repeat 1.5vw center;
	background-size: 1.3vw;
}

#page #content #anunciar-valores .plano-box ul li.info-contato {
	background: url(../images/icon-infos-contatos.png) no-repeat 1.5vw center;
	background-size: 1.2vw;
}

#page #content #anunciar-valores .plano-box ul li.fotos-descricao-detalhada {
	background: url(../images/icon-fotos-descricao-detalhada.png) no-repeat 1.5vw center;
	background-size: 1.2vw;
}

#page #content #anunciar-valores .plano-box ul li.whatsapp {
	background: url(../images/icon-whatsapp.png) no-repeat 1.5vw center;
	background-size: 1.3vw;
}

#page #content #anunciar-valores .plano-box ul li.formulario-orcamento {
	background: url(../images/icon-form-orçamento.png) no-repeat 1.5vw center;
	background-size: 1vw;
}

#page #content #anunciar-valores .plano-box ul li.anunciar-promocao {
	background: url(../images/icon-anuncio-promocao.png) no-repeat 1.5vw center;
	background-size: 1.45vw;
}

#page #content #anunciar-valores .plano-box ul li.destaque-listagem {
	background: url(../images/icon-destaque-listagem.png) no-repeat 1.5vw center;
	background-size: 1.35vw;
}

#page #content #anunciar-valores .plano-box ul li.selo-validacao {
	background: url(../images/icon-selo-validacao.png) no-repeat 1.5vw center;
	background-size: 1.3vw;
}

#page #content #anunciar-valores .plano-box ul li.redes-sociais {
	background: url(../images/icon-redes-sociais.png) no-repeat 1.5vw center;
	background-size: 1.65vw;
}

#page #content #anunciar-valores .plano-box ul li.destaque-pagina-interna {
	background: url(../images/icon-destaque-pag-interna.png) no-repeat 1.5vw center;
	background-size: 1.25vw;
}

#page #content #anunciar-valores .plano-box ul li.destaque-pagina-inicial {
	background: url(../images/icon-destaque-pag-inicial.png) no-repeat 1.5vw center;
	background-size: 1.4vw;
}

#page #content #anunciar-valores .plano-box ul li.anuncio-google {
	background: url(../images/icon-anuncio-google.png) no-repeat 1.5vw center;
	background-size: 1.45vw;
}

/**/

.page-anunciar #page #content #alguma-duvida {
	background: url(../images/bg-textura-linha-2.png) no-repeat center center;
	background-color: #333;
	background-size: 100%;
	padding: 4vw 25vw 7vw;
}

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

.page-anunciar #page #content #alguma-duvida h3,
.page-anunciar #page #content #alguma-duvida h2{
	color: #FAFAFA;
}

.page-anunciar #page #content #alguma-duvida h3{
  margin-bottom: 3.5vw;
}

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

.page-anunciar #page #content #alguma-duvida .form-item.webform-component--cidade,
.page-anunciar #page #content #alguma-duvida .form-item.webform-component--telefone {
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

.page-anunciar #page #content #alguma-duvida .form-item.webform-component--telefone {
	margin-right: 1.5vw;
}

.page-anunciar #page #content #alguma-duvida .form-item label,
.page-anunciar #page #content #alguma-duvida .form-item .element-invisible {
	border: 0;
	clip: auto;
	height: 100%;
	overflow: visible;
	padding: 0;
	width: 100%;
	font-size: 0.85vw;
	font-weight: normal;
	color: #FAFAFA;
	display: block;
	position: relative !important;
	padding-left: 1.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{
	width: 100%;
	background: #fff;
	border-radius: 20vw;
	font-size: 0.85vw;
	border: 0;
	padding: 1.2vw 1.5vw 1.05vw;
}

.page-anunciar #page #content #alguma-duvida .form-item textarea{
	height: 10.5vw !important;
	border-radius: 15px;
	resize: none;
}

.page-anunciar #page #content #alguma-duvida .form-actions {
	margin: 0;
	text-align: right;
}

.page-anunciar #page #content #alguma-duvida .form-actions input{
	display: inline-block;
	background: #00CC66;
	border: 0;
	border-radius: 20vw;
	color: #fff;
	font-size: 1.05vw;
	font-weight: bold;
	padding: 1.1vw 3vw 1vw;
}

.page-anunciar #page #content #alguma-duvida .links,
.page-anunciar #page #content #alguma-duvida .webform-confirmation {
	text-align: center;
}

.page-anunciar #page #content #alguma-duvida .webform-confirmation p {
	font-size: 1.25vw;
	color: #FFFFFF;
	margin-bottom: 1.5vw;
	padding-top: 2vw;
}

.page-anunciar #page #content #alguma-duvida .links a {
	color: #fff;
	padding-top: 1.1vw;
	display: inline-block;
	font-size: 1vw;
	font-weight: 500;
	line-height: 0.7;
	background: #00AAC8;
	border-radius: 20vw;
	padding: 1.1vw 2vw 0.9vw;
	vertical-align: middle;
	margin-right: 0.75vw;
	border: 1px solid #00AAC8;
}

/* Login > pagina */

.page-user-password #page #content,
.page-user-login #page #content {
  background: #FAFAFA;
}

.page-user-password #page #content #user-pass,
.page-user-login #page #content #user-login {
	padding: 4vw 0 10vw;
	display: block;
	width: 21.5%;
	margin: 0 auto;
}

.page-user-password #page #content #user-pass .box-recuperar-senha h1,
.page-user-login #page #content #user-login .box-login h1 {
	font-size: 2.5vw;
	text-align: center;
	text-transform: lowercase;
	color: #333333;
	margin: 0 0 5.5vw;
}

#page #content #user-pass .box-recuperar-senha .form-item,
#page #content #user-login .form-item {
	margin: 0;
}

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

#page #content #user-login .description {
  display: none;
}

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

#page #content #user-pass .box-recuperar-senha input#edit-submit,
#page #content #user-login #edit-actions.form-wrapper input {
	background: #00AAC8;
	border: 1px solid #00AAC8;
}

#page #content #user-login a.link-forgot-pass {
	font-size: 0.65vw;
	font-weight: bold;
	margin-left: 1.5vw;
	color: #00AAC8;
}

/* Meu perfil > pagina */

.page-user #page #content #meu-perfil-left {
	width: 24%;
	padding: 4vw 0 0 5.5vw;
	display: inline-block;
	vertical-align: top;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul.menu,
.page-user #page #content #meu-perfil-left ul.menu,
.page-user #page #content #meu-perfil-left .planos {
	background: #FAFAFA;
	border-top: 2px solid #00AAC8;
	padding: 1.5vw;
	position: relative;
	margin: 0 0 1vw;
}

.page-user #page #content #meu-perfil-left.bronze .planos {
	border-top: 2px solid #A05D16;
}

.page-user #page #content #meu-perfil-left.prata .planos {
	border-top: 2px solid #979B9D;
}

.page-user #page #content #meu-perfil-left.ouro .planos {
	border-top: 2px solid #ffd700;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul.menu,
.page-user #page #content #meu-perfil-left ul.menu{
	border-top: 2px solid #333333;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos h3,
.page-user #page #content #meu-perfil-left .planos h3 {
	font-size: 1.25vw;
	color: #333333;
	font-family: 'gobold';
	font-weight: normal;
	text-transform: lowercase;
	margin: 0 0 0.4vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos label,
.page-user #page #content #meu-perfil-left .planos label {
	font-size: 2.05vw;
	color: #00AAC8;
	font-family: 'gobold';
	font-weight: normal;
	text-transform: uppercase;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos#bronze label,
.page-user #page #content #meu-perfil-left.bronze .planos label {
	color: #A05D16;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos#prata label,
.page-user #page #content #meu-perfil-left.prata .planos label {
	color: #979B9D;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos#ouro label,
.page-user #page #content #meu-perfil-left.ouro .planos label {
	color: #ffd700;
}

.page-user #page #content #meu-perfil-left .planos .plano-box br {
  display: none;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos p.btn-edit-plano,
#page #content .overlay-primeiro-acesso .informacoes-overlay .planos a.btn-edit-plano,
.page-user #page #content #meu-perfil-left .planos a.btn-edit-plano {
	background: #00AAC8;
	padding: 0.5vw 1vw;
	border-radius: 20vw;
	color: #fff;
	font-size: 0.75vw;
	font-weight: bold;
	position: absolute;
	top: 1.5vw;
	right: 1vw;
	cursor: pointer;
	text-decoration: none;
}

.page-user #page #content #meu-perfil-left .planos .status-plano {
	background: #00CC66;
	padding: 0.3vw 0.7vw;
	border-radius: 20vw;
	color: #fff;
	font-size: 0.75vw;
	font-weight: bold;
	position: absolute;
	top: 3.5vw;
	right: 1vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos .status-plano.plano-inativo,
.page-user #page #content #meu-perfil-left .planos .status-plano.plano-inativo {
	background: #DB3325;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos p.link-ativar-plano,
.page-user #page #content #meu-perfil-left .planos a.link-ativar-plano {
	background: #00AAC8;
	padding: 0.5vw 1vw;
	border-radius: 20vw;
	color: #fff;
	font-size: 0.75vw;
	font-weight: bold;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul.menu:before,
.page-user #page #content #meu-perfil-left ul.menu:before{
	content: "Menu Administrativo";
	display: block;
	font-size: 1.25vw;
	color: #333333;
	font-family: 'gobold';
	font-weight: normal;
	text-transform: lowercase;
	margin-bottom: 2vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul li,
.page-user #page #content #meu-perfil-left ul li{
	margin: 0;
	list-style: none;
	border-bottom: 1px solid #CCCCCC;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul li p,
.page-user #page #content #meu-perfil-left ul li a {
	display: block;
	font-size: 1vw;
	font-weight: bold;
	color: #333333;
	padding: 1.2vw 0 1vw;
	padding-left: 2vw;
	background: url(../images/icon-edit.png) no-repeat 0.3vw 0.2vw;
	background-size: 1.1vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul li.menu-item-2324 p,
.page-user #page #content #meu-perfil-left ul li.menu-item-2324 a{
	background: url(../images/icon-servicos.png) no-repeat 0.2vw 1.3vw;
	background-size: 1.3vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul li.menu-item-2323 p,
.page-user #page #content #meu-perfil-left ul li.menu-item-2323 a{
	background: url(../images/icon-calendario-2.png) no-repeat 0.2vw 1.3vw;
	background-size: 1.3vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul li.menu-item-2325 p,
.page-user #page #content #meu-perfil-left ul li.menu-item-2325 a{
	background: url(../images/icon-hospedagem.png) no-repeat 0.2vw 1.4vw;
	background-size: 1.3vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul li.menu-item-2326 p,
.page-user #page #content #meu-perfil-left ul li.menu-item-2326 a{
	background: url(../images/icon-promocao.png) no-repeat 0.2vw 1.6vw;
	background-size: 1.3vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul li.first p,
.page-user #page #content #meu-perfil-left ul li.first a{
	padding-top: 0;
}

.page-user #page #content #meu-perfil-right {
	border: 1px solid #CCCCCC;
	padding: 1.5vw;
	display: inline-block;
	vertical-align: top;
	margin: 4vw 0 4vw 1.5vw;
	width: 68.8%;
}

.page-user #page #content section.empresa h3{
  display: none;
}

.page-user #page #content section h2{
	font-family: 'muli';
	font-weight: bold;
	margin: 0;
}

.page-user #page #content section.field-name-field-foto-do-perfil .field-item{
	background: none;
	border: 0;
	padding: 0 1.5vw;
}

.page-user #page #content section.panel-pane.pane-meus-anuncios {
	width: 100%;
	display: block;
	background: #F7F7F7;
	padding: 4vw 5.5vw;
	margin: 0;
}

.page-user #page #content .pane-meus-anuncios h2{
	width: 100%;
	text-align: center;
	font-size: 1.65vw;
	font-family: 'gobold';
	font-weight: normal;
	color: #333333;
	text-transform: uppercase;
	margin: 0 0 4vw;
}

.page-user #page #content .pane-meus-anuncios .block-content{
	background: none;
	padding: 0;
	border: 0;
	border-radius: 0;
}

.page-user #page #content .pane-meus-anuncios ul{
	margin: 0;
	list-style: none;
}

.page-user #page #content .pane-meus-anuncios ul li{
	padding: 0;
	width: 23%;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	margin: 0 0.7vw 1.5vw;
	display: inline-block;
	vertical-align: top;
	min-height: 13vw;
}

.page-user #page #content .pane-meus-anuncios ul li .views-field-field-imagem img{
  display: block;
}

.page-user #page #content .pane-meus-anuncios ul li .views-field-nothing-1{
	background: #fff;
	padding: 1.5vw;
	text-align: center;
	transform: none;
	position: relative;
}

.page-user #page #content .pane-meus-anuncios ul li .anuncios-cadastrados .titulo a{
	font-size: 1.25vw;
	font-weight: bold;
	color: #333333;
	display: block;
	margin-bottom: 0.5vw;
}

.page-user #page #content .pane-meus-anuncios ul li .anuncios-cadastrados .categoria{
	font-size: 0.85vw;
	font-weight: bold;
	color: #00AAC8;
	margin-bottom: 2.5vw;
}

.page-user #page #content .pane-meus-anuncios ul li .anuncios-cadastrados .botoes div{
	display: inline-block;
	vertical-align: top;
  margin: 0;
  width: 47%;
}

.page-user #page #content .pane-meus-anuncios ul li .anuncios-cadastrados .botoes a{
	background: #001B4C;
	width: 100%;
	display: inline-block;
	color: #fff;
	border-radius: 20vw;
	font-size: 0.7vw;
	font-weight: bold;
	padding: 0.5vw;
}

.page-user #page #content .pane-meus-anuncios ul li .anuncios-cadastrados .botoes .deletar a{
	background: #F20051;
}

/* Meu perfil > pagina > editar */

.page-user-edit #page #content{
	padding: 4vw 20vw;
}

.page-user-edit #page #content form h2{
	font-size: 2.5vw;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 4vw;
	color: #333333;
	line-height: 1.5;
}

.page-user-edit #page #content #user-profile-form .description{
	padding-left: 1.5vw;
	margin-bottom: 0;
	font-size: 0.85vw;
	padding-top: 0.25vw;
}

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

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

.page-user-edit #page #content #edit-account.form-wrapper .form-type-password-confirm .description{
  display: none !important;
}

.page-user-edit #page #content #edit-account.form-wrapper{
	clear: none;
	width: 100%;
	margin: 0;
}

.page-user-edit #page #content #edit-account.form-wrapper .form-item{
	margin: 0 0.7vw 1vw;
	width: 47%;
	display: inline-block;
	vertical-align: top;
}

.page-user-edit #page #content #edit-account.form-wrapper .form-item.form-item-mail{
	width: 96.7%;
}

.page-user-edit #page #content #edit-account.form-wrapper .form-item.form-type-password-confirm{
	width: 97.7%;
}

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

/* Criar novo servico > pagina */

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

#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: 0.85vw;
	color: #333333;
	padding-left: 1.5vw;
	display: inline-block;
}

#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 {
	background-color: #fff;
	border: 1px solid #CCCCCC;
	border-radius: 20vw;
	padding: 1.15vw 1.5vw 1vw;
	font-size: 0.85vw;
	width: 100%;
}

#page #content .node-promocao-form input.field-add-more-submit,
#page #content .node-eventos-form input.field-add-more-submit,
#page #content .node-hospedagem-form input.field-add-more-submit,
#page #content .node-servicos-form input.field-add-more-submit {
	background: #00CC66;
	color: #fff;
	font-weight: bold;
	border: 1px solid #00CC66;
}

#page #content #user-profile-form textarea,
#page #content .node-promocao-form textarea,
#page #content .node-eventos-form textarea,
#page #content .node-hospedagem-form textarea,
#page #content .node-servicos-form textarea {
	border-radius: 15px;
	resize: none;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

#page #content .node-hospedagem-form .form-wrapper.group-regras,
#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.7vw 1.5vw;
	width: 46.9%;
	display: inline-block;
	vertical-align: top;
}

#page #content .node-hospedagem-form .form-wrapper.plupload-element,
#page #content .node-servicos-form .form-wrapper.plupload-element {
  width: 100%;
  margin-left: 0;
}

#page #content .node-hospedagem-form .form-wrapper.plupload-element .plupload_content,
#page #content .node-servicos-form .form-wrapper.plupload-element .plupload_content {
  margin-top: 3vw;
}

#page #content #user-profile-form .form-wrapper.field-type-image,
#page #content .node-promocao-form .form-wrapper.field-type-image,
#page #content .node-eventos-form .form-wrapper.field-type-image-form,
#page #content .node-hospedagem-form .form-wrapper.field-type-image-form,
#page #content .node-servicos-form .form-wrapper.field-type-image-form {
	margin-top: 1.25vw;
}

#page #content #user-profile-form .form-wrapper .form-item,
#page #content .node-eventos-form .form-wrapper .form-item,
#page #content .node-hospedagem-form .form-wrapper .form-item,
#page #content .node-servicos-form .form-wrapper .form-item {
  margin: 0;
}

#page #content #user-profile-form .form-wrapper.field-type-image .form-item label,
#page #content .node-eventos-form .form-wrapper.field-type-image .form-item label,
#page #content .node-hospedagem-form .form-wrapper.field-type-image .form-item label,
#page #content .node-servicos-form .form-wrapper.field-type-image .form-item label{
	padding-left: 0;
}

#page #content .node-promocao-form .form-wrapper#edit-field-galeria-de-fotos fieldset,
#page #content .node-hospedagem-form .form-wrapper.group-regras #edit-field-regras-descricao,
#page #content .node-hospedagem-form fieldset.form-wrapper,
#page #content .node-servicos-form fieldset.form-wrapper {
	width: 100%;
	margin: 0;
}

#page #content #edit-field-praia select,
#page #content .node-eventos-form #edit-field-praia select,
#page #content .node-hospedagem-form #edit-field-praia select,
#page #content .node-servicos-form #edit-field-praia select {
  border-radius: 1vw;
  padding: 0.5vw;
  height: 16vw;
}

#page #content .node-hospedagem-form .form-wrapper.group-regras,
#page #content .node-hospedagem-form .form-wrapper#edit-field-regras-da-casa,
#page #content .node-hospedagem-form .form-wrapper#edit-body,
#page #content  .form-wrapper#edit-field-praia,
#page #content .node-hospedagem-form .form-wrapper#edit-field-praia,
#page #content .node-hospedagem-form .form-wrapper#edit-field-galeria-de-fotos,
#page #content .node-servicos-form .form-wrapper#edit-field-site {
	width: 97%;
}

#page #content .node-servicos-form .form-wrapper .select2-container,
#page #content .node-servicos-form .form-wrapper#edit-field-praia .select2-container {
	width: 100% !important;
	border-radius: 25vw;
}

#page #content .node-servicos-form .form-wrapper#edit-field-praia .select2-container .select2-choices {
	min-height: 3.05vw !important;
	border-radius: 25vw;
	background-image: none;
	border: 1px solid #CCCCCC;
	padding: 1vw 1.5vw;
	box-shadow: none !important;
}

#page #content .node-servicos-form .form-wrapper#edit-field-praia .select2-container .select2-search-field{
  display: none !important;
}

#page #content .imagefield-crop-preview {
	margin: 0;
}

#page #content .field-type-image-form .form-item .image-widget .image-preview,
#page #content .field-type-image-form .form-item .imagefield-crop-preview .jcrop-preview-wrapper {
	position: relative;
	z-index: 9;
}

#page #content .node-promocao-form fieldset.filter-wrapper,
#page #content .node-hospedagem-form fieldset.filter-wrapper,
#page #content .node-eventos-form .form-wrapper.filter-wrapper,
#page #content form .filter-wrapper {
  display: none;
}

#page #content .ckeditor_links,
#page #content .tabledrag-toggle-weight {
	font-size: 0.95vw;
  display: none;
}

#page #content fieldset {
	padding: 0.5vw 1vw 1vw;
}

#page #content fieldset legend span {
	font-size: 1.25vw;
	font-family: 'gobold';
	font-weight: normal;
	text-transform: lowercase;
}

#page #content fieldset table {
	margin-bottom: 1vw;
	width: 100%;
}

#page #content fieldset table thead th {
	border: 0;
	padding: 0.6vw 1vw 0.5vw;
	font-size: 0.95vw;
}

#page #content table tr td a.tabledrag-handle {
	margin-top: 2vw;
}

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

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

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

#page #content fieldset table tr td .image-widget .form-item label{
	display: block;
	position: relative;
	background: none;
	padding: 0.75vw 0 0.25vw;
}

#page #content fieldset table tr td input[value="Remover"]{
	border-radius: 5px;
	border: none;
	background-color: #F20051;
	font-size: 0.85vw;
	font-weight: bold;
	color: #fff;
}

#page #content fieldset table tr td {
	padding-right: 0.5vw;
}

#page #content fieldset table tr td.tabledrag-hide select{
	border-radius: 5px;
	width: 5vw;
	padding-right: 1.5vw !important;
}

#page #content #user-profile-form #edit-actions,
#page #content .node-promocao-form #edit-actions,
#page #content .node-eventos-form #edit-actions,
#page #content .node-hospedagem-form #edit-actions,
#page #content .node-servicos-form #edit-actions {
	display: block;
	margin: 1.5vw 0 0;
	width: 100%;
}

#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 {
	background: #00CC66;
	font-size: 1.05vw;
	font-weight: bold;
	color: #fff;
	width: auto;
	display: inline-block;
	padding: 1.1vw 5vw 1vw;
	border: 0;
	margin-right: 1.5vw;
}

#page #content #user-profile-form #edit-actions input#edit-preview,
#page #content .node-promocao-form #edit-actions input#edit-preview,
#page #content .node-eventos-form #edit-actions input#edit-preview,
#page #content .node-hospedagem-form #edit-actions input#edit-preview,
#page #content .node-servicos-form #edit-actions input#edit-preview {
	background: #00AAC8;
}

#page #content #user-profile-form #edit-actions input#edit-delete,
#page #content .node-promocao-form #edit-actions input#edit-delete,
#page #content .node-eventos-form #edit-actions input#edit-delete,
#page #content .node-hospedagem-form #edit-actions input#edit-delete,
#page #content .node-servicos-form #edit-actions input#edit-delete {
	background: #F20051;
}

#page #content div.image-widget-data {
	float: none;
}

/*/*/


#page #content #edit-field-codigo,
#page #content #edit-field-gmaps-longitude,
#page #content #edit-field-gmaps-latitude,
#page #content #edit-save-view-amp-warnfix,
#page #content #edit-save-view-amp,
#page #content .node-servicos-form .form-wrapper.field-type-image-form .tabledrag-toggle-weight,
#page #content .node-servicos-form .form-wrapper fieldset.filter-wrapper,
#page #content .node-servicos-form .form-wrapper a.ckeditor_links {
	display: none !important;
}

#page #content .node-servicos-form .form-wrapper.field-type-image-form .fieldset-description {
	margin-bottom: 1vw;
}

/* Criar nova hospedagem > Hospedagem */

#page #content .node-hospedagem-form #edit-field-regras-da-casa .field-multiple-table {
	width: 100%;
}

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

#page #content .node-hospedagem-form #edit-field-regras-da-casa .field-multiple-table tr td label{
	display: block;
}

#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"]{
	border-radius: 5px;
	border: none;
	background-color: #F20051;
	font-size: 0.85vw;
	font-weight: bold;
	color: #fff;
	float: right;
	display: inline-block;
	width: auto;
}

#page #content .node-hospedagem-form #edit-field-regras-da-casa input.field-add-more-submit{
	background-color: #00CC66;
	width: 100%;
	border-radius: 20vw;
}

#page #content .form-type-checkbox input {
	display: inline-block;
	width: 1.25vw;
	height: 1.25vw;
	vertical-align: middle;
}

#page #content .form-type-checkbox label {
	display: inline-block;
	vertical-align: middle;
	padding-left: 0.5vw;
}

#page #content .node-hospedagem-form #edit-field-regras-da-casa .form-wrapper.field-name-field-permitido {
	width: 30%;
}

#page #content .node-hospedagem-form #edit-field-regras-da-casa .form-wrapper {
	width: 62%;
}

#page #content .node-hospedagem-form .form-wrapper.group-proprietarios{
  margin-bottom: 1.5vw;
}

#page #content .node-hospedagem-form .form-wrapper.group-proprietarios #edit-field-descricao-do-proprietario{
  width: 100%;
	margin: 0;
}

/* Criar nova eventos > Eventos */

#page #content form .date-float{
	width: 100%;
	clear: both;
	float: none;
}

#page #content form .date-no-float{
	width: 49.8%;
	clear: none;
	float: none;
	display: inline-block;
	vertical-align: bottom;
}

#page #content form .date-no-float .description{
	font-size: 0.75vw;
	padding-left: 1.5vw;
	margin-top: 0.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{
	display: block;
	float: left;
	width: 50%;
	margin-right: 0.75vw;
}

#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: inline-block;
	width: 10%;
	padding: 0;
	vertical-align: middle;
}

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

#page #content form .date-padding{
	padding: 0;
}

#page #content form .form-item-field-data-e-hora-und-0-value2 #edit-field-data-e-hora-und-0-value2{
	width: 88%;
	float: none;
	display: inline-block;
	vertical-align: middle;
}

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

#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{
	display: inline-block;
	width: 47%;
	vertical-align: top;
	margin: 0 0.7vw 1.5vw;
}

#page #content .form-wrapper#edit-field-praia,
#page #content .node-eventos-form .form-wrapper#edit-field-data-e-hora,
#page #content .node-eventos-form .form-wrapper#edit-field-praia{
	width: 97%;
}

#page #content .form-wrapper#edit-field-praia input {
  display: block;
}
#page #content .form-wrapper#edit-field-praia table .form-item label {
  display: none;
}
#page #content .form-wrapper#edit-field-praia table {
  width: 100%;
}

#page #content .node-eventos-form .form-wrapper#edit-field-data-e-hora fieldset {
	width: 100%;
	margin: 0;
}

#page #content .node-hospedagem-form .form-wrapper#edit-field-praia table,
#page #content .node-eventos-form .form-wrapper#edit-field-praia table{
	width: 100%;
}

/* Criar nova promocoes > Promocoes*/

#page #content .node-promocao-form .form-wrapper#edit-field-valor .form-item{
	margin: 0;
}

#page #content .node-promocao-form .form-wrapper#edit-field-galeria-de-fotos,
#page #content .node-promocao-form .form-wrapper#edit-body{
	width: 97%;
}

/* Deletar */

#page #content #comment-delete-options-form,
#page #content #node-delete-confirm {
	padding: 5vw 20vw 10vw;
	font-size: 1.25vw;
	font-weight: bold;
}

#page #content #comment-delete-options-form .form-actions,
#page #content #node-delete-confirm .form-actions {
	margin: 3vw 0 0;
}

#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{
	background: #F20051;
	font-size: 1.05vw;
	font-weight: bold;
	color: #fff;
	width: auto;
	display: inline-block;
	vertical-align: top;
	padding: 1.1vw 5vw 1vw;
	border: 0;
	margin-right: 1.5vw;
	border-radius: 20vw;
}

#page #content #comment-delete-options-form .form-actions a#edit-cancel,
#page #content #node-delete-confirm .form-actions a#edit-cancel{
	background: #00CC66;
	padding: 0.85vw 5vw 0.8vw;
}

body.front #page #praias-home .views-exposed-widgets,
body.page-home #page #praias-home .views-exposed-widgets {
	max-width: none !important;
	margin: 0 !important;
}

/* clearfix + flex: :before/:after abrem buraco e desalinha chips ativos */
#page #praias-home .views-exposed-widgets.clearfix,
body.front #page #praias-home .views-exposed-widgets.clearfix,
body.page-home #page #praias-home .views-exposed-widgets.clearfix {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.65rem 0.75rem;
	float: none;
	width: 100%;
	box-sizing: border-box;
}

#page #praias-home .views-exposed-widgets.clearfix:before,
#page #praias-home .views-exposed-widgets.clearfix:after,
body.front #page #praias-home .views-exposed-widgets.clearfix:before,
body.page-home #page #praias-home .views-exposed-widgets.clearfix:before,
body.front #page #praias-home .views-exposed-widgets.clearfix:after,
body.page-home #page #praias-home .views-exposed-widgets.clearfix:after {
	content: none !important;
	display: none !important;
}

#page #praias-home .views-exposed-widget {
	float: none !important;
	margin: 0;
	padding: 0;
}

body.front #page #praias-home .views-widget-sort-order,
body.page-home #page #praias-home .views-widget-sort-order {
	display: none !important;
}

body.front #page #praias-home .views-widget-sort-by,
body.page-home #page #praias-home .views-widget-sort-by {
	display: block !important;
	float: none !important;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

body.front #page #praias-home .views-widget-filter-field_tipo_de_local_tid,
body.page-home #page #praias-home .views-widget-filter-field_tipo_de_local_tid {
	display: none !important;
}

#page #praias-home .filter-links-style,
#page #praias-home .view-filters .bef-select-as-links > .form-item {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	background: transparent;
	overflow: visible;
	margin: 0;
	width: 100%;
}

#page #praias-home .filter-links-style a,
#page #praias-home .view-filters .form-type-bef-link a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	margin: 0;
	padding: 0.5rem 1rem !important;
	border: 1px solid rgba(8, 65, 77, 0.12) !important;
	border-radius: 999px !important;
	background: #f4f8f9 !important;
	color: #08414d !important;
	font-size: 0.8rem !important;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none !important;
	text-transform: none;
	letter-spacing: normal;
	box-shadow: none !important;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

#page #praias-home .filter-links-style a.active,
#page #praias-home .filter-links-style a:hover,
#page #praias-home .view-filters .form-type-bef-link a.active,
#page #praias-home .view-filters .form-type-bef-link a:hover,
#page #praias-home .views-widget-filter-field_tipo_de_local_tid .filter-links-style a.active,
#page #praias-home .views-widget-filter-field_tipo_de_local_tid .filter-links-style a:hover {
	color: #fff !important;
	background: #00AAC8 !important;
	border-color: #00AAC8 !important;
}

.filter-links-style a {
  border: 1px solid #999;
  color: #999;
  border-radius: 25vw;
  font-size: 0.9vw;
  display: inline-block;
  line-height: 1;
  padding: 0.4vw 0.7vw;
  margin-right: 0.5vw;
  text-transform: uppercase;
}

.filter-links-style a:hover {
  color: #000;
  border: 1px solid #00AAC8;
}
.filter-links-style a.active {
  color: #fff;
  border: 1px solid #00AAC8;
  font-weight: bold;
  background-color: #00AAC8;
}

.views-widget-filter-field_tipo_de_local_tid .filter-links-style a:hover {
  color: #000;
  border: 1px solid #00CC66;
}

.views-widget-filter-field_tipo_de_local_tid .filter-links-style a.active {
  color: #fff;
  border: 1px solid #00CC66;
  font-weight: bold;
  background-color: #00CC66;
}

body.front #page #praias-home .views-widget-sort-by,
body.page-home #page #praias-home .views-widget-sort-by {
  float: none !important;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

#page #praias-home .views-widget-sort-by {
  float: right;
  margin-right: 0;
  padding: 0;
}

.view-servi-os .view-filters {
  position: relative;
  margin-bottom: 1vw;
}

body .select2-container--default .select2-search--inline .select2-search__field {
	/* background: transparent;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield;
	line-height: 0;
	margin: 0;
	display: block;
	font-size: 1.05vw;
	width: 100% !important; */

	flex: 1 1 auto;
    min-width: 0;
    /* padding: 13px 14px;
    border: 1px solid #dbe6ea;
    border-radius: 14px;
    background: #fff; */
    color: #12333d;
    font-size: 15px;
    font-family: inherit;
}

/* PREV NEXT PRAIA */

#block-gw2d-gw2d-praia-prev-next {
  clear: both;
  width: 100%;
  text-align: center;
  margin: 0;
  padding-top: 3vw;
  padding-bottom: 3vw;
}

#block-gw2d-gw2d-praia-prev-next a {
	background-color: #0193a2;
	border: 1px solid #0193a2;
	padding: 0.6515vw 2vw;
	font-weight: 600;
	color: #ffffff;
	display: block;
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 0.5vw;
}

#block-gw2d-gw2d-praia-prev-next a.next-end,
#block-gw2d-gw2d-praia-prev-next a.prev-end {
  background-color: #b4b4b4;
}


/* Overlay Praias */
.modal-praias {
    background: rgba(0,0,0,0.8);
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    overflow: hidden;
    z-index: 9999;
    display: flex;
}

.modal-praias #modal-wrapper{
  width: 100%;
  margin: auto;
  position: relative;
}

.modal-praias .btn-close {
  color: #fff;
  text-decoration: none;
  position: absolute;
  top: 1vw;
  font-size: 4.5vw;
  right: 11.5vw;
  line-height: 0;
  font-weight: 100;
  z-index: 999;
}


.modal-praias .flexslider {
    width: 70%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.modal-praias .flexslider .flex-direction-nav li {
  margin-bottom: 0;
}

.modal-praias .flexslider .flex-direction-nav a{
	font-size: 0;
	width: 2.5vw;
	height: 2.5vw;
}

.modal-praias .flexslider .flex-direction-nav .flex-prev {
	left: 2vw;
	opacity: 1;
	background: url(../images/seta-left-hover-2.png) no-repeat center center;
	background-size: 2.3vw;
	top: 47%;
}

.modal-praias .flexslider .flex-direction-nav li:hover .flex-prev{
	background: url(../images/seta-left.png) no-repeat center center;
	background-size: 2.3vw;
}

.modal-praias .flexslider .flex-direction-nav .flex-next {
	right: 2vw;
	opacity: 1;
	background: url(../images/seta-right-hover-2.png) no-repeat center center;
	background-size: 2.3vw;
	top: 47%;
}

.modal-praias .flexslider .flex-direction-nav li:hover .flex-next {
  background: url(../images/seta-right.png) no-repeat center center;
	background-size: 2.3vw;
}

.modal-praias .flexslider ul.slides {
	margin: 0;
	padding: 0;
}

.modal-praias .flexslider ul.slides li {
    display: flex !important;
    height: 40vw;
    overflow: hidden;
}

body .modal-praias .flexslider .slides img {
    margin: auto;
    max-height: 60vw;
    height: 100%;
    width: auto;
    max-width: 100%;
}

body .modal-praias .flexslider .slides img {
    margin: auto;
}

.modal-praias .overlay-text {
    text-align: center;
    display: block;
    color: #000;
    position: absolute;
    bottom: 5vw;
    left: 24.8vw;
    width: 50%;
    margin: 0 auto;
    background: #fff;
    padding: 0.5vw;
    height: 4.5vw;
    overflow-y: scroll;
}

.modal-praias .overlay-text p{
    font-size: 0.75vw;
    margin: 0;
}

.modal-praias .flexslider .flex-direction-nav a{
    top: 35%;
}

.modal-praias .flexslider .flex-control-thumbs {
  margin: 0;
  position: relative;
  height: auto;
  margin-top: 0vw;
  text-align: left;
  bottom: 0;
  text-align: center;
}

.modal-praias .flexslider .flex-control-thumbs li {
    width: 10%;
    float: none;
    margin: 0vw;
}

.modal-praias .flexslider .flex-control-thumbs::-webkit-scrollbar {
	width: 10px;
	height: 0.5vw;
}

.modal-praias .overlay-text::-webkit-scrollbar {
	width: 0.5vw;
	height: 10px;
}

.modal-praias .overlay-text::-webkit-scrollbar-track,
.modal-praias .flexslider .flex-control-thumbs::-webkit-scrollbar-track{
	background-color: #d7d8dc;
}

.modal-praias .overlay-text::-webkit-scrollbar-thumb:vertical{
	background-color: #434142;
	border: 0.1vw solid #d7d8dc;
	border-radius: 10vw;
    cursor: pointer;
}

.modal-praias .flexslider .flex-control-thumbs::-webkit-scrollbar-thumb:horizontal {
	background-color: #434142;
	border: 0.1vw solid #d7d8dc;
	border-radius: 10vw;
    cursor: pointer;
}


/* content-mapa */
#content-mapa #bodyContent {
  position: relative;
}

.node-type-hospedagem #page #content #content-mapa #bodyContent p {
  margin: 0;
}

#content-mapa #bodyContent .nota-media {
  top: 0;
  right: 1vw;
  left: auto;
}

#mapa_wrapper #mapa_localizacao {
  position: relative;
  height: 30vw;
}

#mapa_wrapper #pac-input {
  max-width: 300px;
  background-color: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 20vw;
  padding: 1.15vw 1.5vw 1vw;
  font-size: 0.85vw;
  width: 100%;
}

/* Termos de uso > pagina */

.page-termos-de-uso #page #content h2.pane-title {
	font-size: 2.5vw;
	font-family: 'muli';
	font-weight: bold;
	text-align: center;
	color: #333333;
	margin: 4vw 0 1.5vw;
}

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

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

.page-termos-de-uso #page #content .descricao h2 {
	font-size: 1.65vw;
	font-family: 'muli';
	font-weight: bold;
	margin: 3vw 0 1vw;
}

/* Quem Somos > interna */

.page-quem-somos #page {
  background: #FAFAFA;
}

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

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

.page-quem-somos #page #content .informacoes {
	width: 48%;
	box-shadow: 0px 3px 30px rgba(0,0,0,0.16);
	padding: 2.5vw 8vw 1vw 1.5vw;
	float: left;
	margin: 1vw -5.25vw 0 11.5vw;
	background: #FFFFFF;
}

.page-quem-somos #page #content .informacoes h2 {
	font-size: 2.5vw;
	font-family: 'muli';
	font-weight: bold;
	color: #333333;
	margin: 0 0 1vw;
}

.page-quem-somos #page #content .informacoes .rede-sociais p {
	font-size: 0.65vw;
	font-weight: bold;
	color: #333333;
	margin: 0 0 0.25vw;
}

.page-quem-somos #page #content .informacoes .rede-sociais ul {
	padding: 0;
	margin: 0 0 2vw;
	list-style: none;
}

.page-quem-somos #page #content .informacoes .rede-sociais ul li {
	display: inline-block;
	margin-right: 0.75vw;
	vertical-align: top;
}

.page-quem-somos #page #content .informacoes .rede-sociais ul li a {
	padding: 0;
	font-size: 0;
	width: 2vw;
	height: 2vw;
	background: url(../images/icon-facebook-footer.png) no-repeat center center;
	background-size: 1.9vw;
	display: block;
}

.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: 1.9vw;
}

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

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

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

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

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

.page-quem-somos #page #content .quem-somos-2 .imagem {
	float: left;
	position: relative;
	z-index: 2;
}

.page-quem-somos #page #content .quem-somos-2 .informacoes {
	margin-left: -3vw;
	padding-left: 8vw;
	padding-right: 1.5vw;
	margin-top: 5.5vw;
	padding: 4.1vw 6vw 5vw 4.5vw;
	margin-bottom: 5vw;
	position: relative;
	z-index: 1;
}

/* Hover > paginas */

body a{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.views-submit-button input.form-submit, .page-servicos #page #content .banner-topo-servicos form .views-submit-button input,
#page #content.small #busca-praia-home .views-exposed-widgets .views-submit-button input,
.page-hospedagem #page #content .hospedagem-banner-topo form .views-submit-button input,
.page-mapa #page #content .bloco-filtro .views-exposed-widget.views-submit-button input,
#page #content .melhor-email .mauticform-formulario .mauticform-button-wrapper button,
.page-eventos #page #content .banner-topo-eventos form .views-submit-button input,
.page-praias #page #content .banner-topo-praias form .views-submit-button input,
#page #busca-praia-home .views-exposed-widgets .views-submit-button input,
.views-submit-button input.form-submit,
body a{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

#header #block-block-10 .block-credenciado a:first-child:hover,
#header #block-block-5 .block-credenciado a:hover,
#header #block-block-5 .block-credenciado a:last-child:hover,
#page #home-chamada-cadastre-se .link-pagina a:hover {
	/* color: #00CC66;
	border: 1px solid #00CC66;
	background: none; */

	color: #fff !important;
    background: #00AAC8 !important;
    border-color: #00AAC8 !important;
}

.page-anunciar #page #content #alguma-duvida .links a:hover,
.page-servicos #page #content .banner-topo-servicos form .views-submit-button input:hover,
.page-mapa #page #content #loja-credenciada-slide .view-loja-credenciada .view-content ul li .views-field-view-node a:hover,
#page #content.small #busca-praia-home .views-exposed-widgets .views-submit-button input:hover,
.page-mapa #page #content .bloco-filtro .views-exposed-widget.views-submit-button input:hover,
.page-hospedagem #page #content .hospedagem-banner-topo form .views-submit-button input:hover,
.page-eventos #page #content .banner-topo-eventos form .views-submit-button input:hover,
#page #busca-praia-home .views-exposed-widgets .views-submit-button input:hover,
#header #block-block-10 .block-credenciado a:first-child:hover,
#page #content .view-promocao li .saiba-mais a:hover,
#header #block-block-5 .block-credenciado a:hover,
.views-submit-button input.form-submit:hover,
#map .map-link a:hover{
	color: #00AAC8;
	border: 1px solid #00AAC8;
	background: none;
}

#artigos-home .view-blog .item-list .pager-load-more a:hover,
#artigos-home .view-blog .view-footer .more-link a:hover{
	color: #FFBF00;
	border: 1px solid #FFBF00;
	background: none;
}

#page #content .melhor-email .mauticform-formulario .mauticform-button-wrapper button:hover,
.page-praias #page #content .banner-topo-praias form .views-submit-button input:hover{
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	background: none;
}
.page-praias #page #content .banner-topo-praias form .views-submit-button .fomr-submit{
	margin-top: 1.5vw;
}

#block-gw2d-gw2d-praia-prev-next a:hover{
	border: 1px solid #0193a2;
	color: #0193a2;
	background: none;
}

.page-servicos #page #content .view-servi-os .view-empty h3 {
	color: #000;
}

.centralizar-localizacao {
position: absolute;
top: 11px;
right: 60px;
color: rgb(86, 86, 86);
background: #fff;
display: inline-block;
padding: 0.4vw 1vw;
font-size: 1.3vw;
}

.fivestar-form-item .form-type-select {
	zoom: 1.2;
}

/* Overlay */

#page #content .overlay-primeiro-acesso {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 1.5rem;
	box-sizing: border-box;
	background: rgba(8, 25, 35, 0.62);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	z-index: 9999;
}

.overlay-primeiro-acesso.open,
#page #content .overlay-primeiro-acesso.open {
	display: flex;
}

#page #content .overlay-primeiro-acesso .overlay-inicio {
	width: min(720px, 92vw);
	height: auto;
	max-height: 92vh;
	text-align: center;
	margin: 0 auto;
	display: flex;
	position: relative;
}

#page #content .overlay-primeiro-acesso .overlay-content {
	padding: 2rem 1.75rem 1.5rem;
	margin: auto;
	list-style: none;
	background: #FFFFFF;
	width: 100%;
	height: auto;
	min-height: 0;
	max-height: 90vh;
	display: block;
	border: 1px solid rgba(8, 65, 77, 0.08);
	border-radius: 20px;
	box-shadow: 0 24px 60px rgba(8, 25, 35, 0.28);
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	box-sizing: border-box;
}

#page #content .overlay-primeiro-acesso .overlay-content .flexslider {
	height: auto;
	min-height: 0;
	margin: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay {
	padding-bottom: 4.5rem;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay h2.title {
	font-size: clamp(1.35rem, 2.2vw, 1.85rem);
	color: #08414d;
	text-align: center;
	margin: 0 0 0.85rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay p.descricao {
	font-size: clamp(0.95rem, 1.2vw, 1.05rem);
	font-weight: 400;
	text-align: center;
	margin: 0 auto 1.25rem;
	color: #4d646b;
	line-height: 1.45;
	max-width: 34rem;
}

#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 1rem;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay.overlay-infos-4 p.descricao {
	padding: 0 0.75rem;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
	gap: 0.75rem;
	padding: 0.25rem 0 0.5rem;
	text-align: center;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades {
	font-size: 0.82rem;
	font-weight: 700;
	color: #08414d;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 96px;
	height: auto;
	margin: 0;
	padding: 0.85rem 0.65rem;
	border: 1px solid rgba(8, 65, 77, 0.1);
	border-radius: 14px;
	background: #f7fbfc;
	box-shadow: none;
	box-sizing: border-box;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades.editar-dados,
#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades.promocao,
#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades.evento {
	padding: 0.85rem 0.65rem;
	border: 1px solid rgba(8, 65, 77, 0.1);
	width: auto;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades:hover,
#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades:focus-visible {
	transform: translateY(-2px);
	border-color: rgba(0, 170, 200, 0.45);
	background: #fff;
	box-shadow: 0 10px 24px rgba(8, 25, 35, 0.1);
	color: #00aac8;
	outline: none;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades:before {
	content: "";
	display: block;
	height: 42px;
	width: 42px;
	margin: 0;
	border-radius: 12px;
	background-color: #fff;
	background-image: url(../images/icon-edit.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	box-shadow: inset 0 0 0 1px rgba(8, 65, 77, 0.08);
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades:hover:before,
#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades:focus-visible:before {
	background-color: rgba(0, 170, 200, 0.1);
	box-shadow: inset 0 0 0 1px rgba(0, 170, 200, 0.2);
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades.servicos:before {
	background-image: url(../images/icon-servicos.png);
	background-size: 22px;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades.evento:before {
	background-image: url(../images/icon-calendario-2.png);
	background-size: 22px;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades.hospedagem:before {
	background-image: url(../images/icon-hospedagem.png);
	background-size: 22px;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .opcoes-funcoes-site .funcionalidades.promocao:before {
	background-image: url(../images/icon-promocao.png);
	background-size: 24px;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos {
	background: #f4f8f9;
	border: 1px solid rgba(8, 65, 77, 0.08);
	border-top: 3px solid #00AAC8;
	border-radius: 14px;
	padding: 1.15rem 1.25rem;
	position: relative;
	margin: 1.25rem auto 1rem;
	display: none;
	width: min(100%, 22rem);
	text-align: left;
	box-sizing: border-box;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos h3 {
  margin: 0;
}

.role-usuario #page #content .overlay-primeiro-acesso .informacoes-overlay .planos#usuario {
	display: block;
}

/* Plan names come from JS (Bronze/Prata/Ouro). Do not force legacy
   Básico/Standard/Premium boxes by role — syncPrimeiroAcessoPlanBox owns visibility. */
.role-empresa #page #content .overlay-primeiro-acesso .informacoes-overlay .planos#gratuito,
.role-standart #page #content .overlay-primeiro-acesso .informacoes-overlay .planos#standart,
.role-premium #page #content .overlay-primeiro-acesso .informacoes-overlay .planos#premium,
.role-bronze #page #content .overlay-primeiro-acesso .informacoes-overlay .planos#gratuito,
.role-prata #page #content .overlay-primeiro-acesso .informacoes-overlay .planos#gratuito,
.role-ouro #page #content .overlay-primeiro-acesso .informacoes-overlay .planos#gratuito,
.role-bronze #page #content .overlay-primeiro-acesso .informacoes-overlay .planos#standart,
.role-prata #page #content .overlay-primeiro-acesso .informacoes-overlay .planos#standart,
.role-ouro #page #content .overlay-primeiro-acesso .informacoes-overlay .planos#standart,
.role-bronze #page #content .overlay-primeiro-acesso .informacoes-overlay .planos#premium,
.role-prata #page #content .overlay-primeiro-acesso .informacoes-overlay .planos#premium,
.role-ouro #page #content .overlay-primeiro-acesso .informacoes-overlay .planos#premium {
	display: none;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos[data-plan-key="bronze"] {
	border-top-color: #CD7F32;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos[data-plan-key="prata"] {
	border-top-color: #8A9BA8;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos[data-plan-key="ouro"] {
	border-top-color: #C9A227;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos#standart {
	border-top: 2px solid #FF8000;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos#premium {
	border-top: 2px solid #8800CC;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul li p {
	margin: 0;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul li p {
	margin: 0;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .formulario {
	margin-top: 1rem;
	text-align: left;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .formulario .campos-form {
	display: block;
	float: left;
	margin: 0 0 2vw;
	vertical-align: top;
	width: 48%;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .formulario .campos-form:first-child {
  margin-right: 1.5vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .formulario .campos-form:last-child {
  margin-left: 1.5vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .formulario .campos-form label {
	font-size: 0.85vw;
	font-weight: normal;
	color: #333333;
	padding-left: 1.5vw;
	display: block;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .formulario .campos-form span {
	font-size: 0.85vw;
	font-weight: normal;
	color: #CCCCCC;
	padding: 0.9vw 1.5vw 0.95vw;
	width: 100%;
	border-radius: 34px;
	border: 1px solid #CCCCCC;
	display: block;
	box-sizing: border-box;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .formulario .campos-form.imagem span {
	background: url(../images/icon-upload.png) no-repeat 92% center;
	background-size: 0.95vw;
}

/* Overlay slide 4: sem barra lateral, inputs empilhados */
#page #content .overlay-primeiro-acesso .overlay-infos-4 .menu-lateral-descricao {
	display: none !important;
}

#page #content .overlay-primeiro-acesso .overlay-infos-4 p.descricao {
	float: none !important;
	width: 100% !important;
	max-width: 36rem;
	margin-left: auto;
	margin-right: auto;
	text-align: center !important;
	padding: 0 0.5rem;
}

#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	width: 100%;
	max-width: 28rem;
	margin: 1rem auto 0;
	float: none;
	clear: both;
}

#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form,
#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form:first-child,
#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form:last-child,
#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form.gw2d-pa-tipo-wrap {
	float: none;
	width: 100%;
	margin: 0;
	display: block;
}

#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form.gw2d-pa-tipo-wrap {
	margin-bottom: 0.15rem;
}

#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form[hidden],
#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form.is-hidden {
	display: none !important;
}

#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form label {
	font-size: 0.85rem;
	font-weight: 600;
	color: #08414d;
	padding-left: 0.85rem;
	margin-bottom: 0.35rem;
}

#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form span,
#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form input[type="text"],
#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form select,
#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form input[type="file"] {
	font-size: 0.95rem;
	color: #08414d;
	padding: 0.85rem 1rem;
	width: 100%;
	border-radius: 12px;
	border: 1px solid rgba(8, 65, 77, 0.16);
	background: #fff;
	box-sizing: border-box;
	display: block;
	font-family: inherit;
	line-height: 1.3;
	appearance: none;
	-webkit-appearance: none;
}

#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form input[type="text"]:focus,
#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form select:focus,
#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form input[type="file"]:focus {
	outline: none;
	border-color: #00aac8;
	box-shadow: 0 0 0 3px rgba(0, 170, 200, 0.15);
}

#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form select {
	background-image: linear-gradient(45deg, transparent 50%, #08414d 50%), linear-gradient(135deg, #08414d 50%, transparent 50%);
	background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px);
	background-size: 6px 6px, 6px 6px;
	background-repeat: no-repeat;
	padding-right: 2.25rem;
}

#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form input[type="file"] {
	padding: 0.7rem 0.85rem;
	color: #5a6d73;
	cursor: pointer;
}

#page #content .overlay-primeiro-acesso .overlay-infos-4 .formulario .campos-form.imagem span {
	background-size: 16px;
}

#page #content .overlay-primeiro-acesso .overlay-infos-4 .gw2d-primeiro-acesso-errors {
	margin: 0 0 0.85rem;
	padding: 0.75rem 0.9rem;
	border-radius: 12px;
	background: #fff4f4;
	border: 1px solid rgba(200, 40, 40, 0.25);
	color: #8a1f1f;
	text-align: left;
	font-size: 0.88rem;
}

#page #content .overlay-primeiro-acesso .overlay-infos-4 .gw2d-primeiro-acesso-errors ul {
	margin: 0;
	padding-left: 1.1rem;
}

#page #content .overlay-primeiro-acesso .overlay-infos-4 .gw2d-primeiro-acesso-errors[hidden] {
	display: none !important;
}

.role-usuario #page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul li {
	display: none;
}

.role-usuario #page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul li.menu-item-2493 {
	display: block;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos h5.status-plano {
	color: #1A1A1A;
	margin: 0;
	font-size: 0.75vw;
	font-weight: bold;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .planos h5.status-plano span {
	color: #00CC66;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .menu-lateral-descricao ul.menu {
	float: left;
	width: 52%;
	height: auto;
	margin-right: 1.35vw;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay.overlay-infos-3 p.descricao {
	text-align: left;
	float: right;
	width: 44%;
}

#page #content .overlay-primeiro-acesso .flex-direction-nav a.flex-next,
#page #content .overlay-primeiro-acesso .flex-direction-nav a.flex-prev {
	top: auto;
	bottom: 0;
	left: 0;
	background: none;
	width: auto;
	height: auto;
	opacity: 1;
	text-shadow: none;
}

#page #content .overlay-primeiro-acesso .flex-direction-nav a.flex-next {
	left: auto;
	right: 0;
}

#page #content .overlay-primeiro-acesso .flex-direction-nav a.flex-next:before,
#page #content .overlay-primeiro-acesso .flex-direction-nav a.flex-prev:before {
	content: "Anterior";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	border: 1px solid rgba(8, 65, 77, 0.18);
	border-radius: 999px;
	color: #08414d;
	background: #fff;
	font-size: 0.92rem;
	font-weight: 700;
	padding: 0.55rem 1.35rem;
	box-sizing: border-box;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

#page #content .overlay-primeiro-acesso .flex-direction-nav a.flex-prev:hover:before,
#page #content .overlay-primeiro-acesso .flex-direction-nav a.flex-prev:focus:before {
	background: #08414d;
	border-color: #08414d;
	color: #fff;
	box-shadow: 0 8px 18px rgba(8, 65, 77, 0.18);
	transform: translateY(-1px);
}

#page #content .overlay-primeiro-acesso .flex-direction-nav a.flex-next:before {
	content: "Próximo";
	border: 1px solid #00AAC8;
	color: #fff;
	background: #00AAC8;
}

#page #content .overlay-primeiro-acesso .flex-direction-nav a.flex-next:hover:before,
#page #content .overlay-primeiro-acesso .flex-direction-nav a.flex-next:focus:before {
	background: #0890a8;
	border-color: #0890a8;
	color: #fff;
	box-shadow: 0 8px 18px rgba(0, 170, 200, 0.28);
	transform: translateY(-1px);
}

#page #content .overlay-primeiro-acesso .overlay-infos-4.informacoes-overlay.flex-active-slide {
	z-index: 99 !important;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .btn-finalizar-primeiro-acesso {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	border: 1px solid #00c853;
	color: #fff;
	background: #00c853;
	border-radius: 999px;
	font-size: 0.95rem;
	font-weight: 800;
	padding: 0.65rem 1.6rem;
	position: absolute;
	right: 0;
	bottom: 0;
	text-decoration: none;
	box-sizing: border-box;
	transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

#page #content .overlay-primeiro-acesso .informacoes-overlay .btn-finalizar-primeiro-acesso:hover,
#page #content .overlay-primeiro-acesso .informacoes-overlay .btn-finalizar-primeiro-acesso:focus {
	background: #00b34a;
	border-color: #00b34a;
	color: #fff;
	box-shadow: 0 10px 22px rgba(0, 200, 83, 0.28);
	transform: translateY(-1px);
}

#page #content .overlay-primeiro-acesso .overlay-content a.btn-close {
	position: absolute;
	width: 36px;
	height: 36px;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	right: 0.85rem;
	top: 0.85rem;
	z-index: 999;
	background-color: #f4f8f9;
	background-image: url(../images/icon-close-2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px;
	font-size: 0;
	border-radius: 999px;
	border: 1px solid rgba(8, 65, 77, 0.1);
	transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

#page #content .overlay-primeiro-acesso .overlay-content a.btn-close:hover,
#page #content .overlay-primeiro-acesso .overlay-content a.btn-close:focus {
	background-color: #fff;
	border-color: rgba(0, 170, 200, 0.4);
	box-shadow: 0 6px 16px rgba(8, 25, 35, 0.12);
	transform: scale(1.04);
}

#page #content .overlay-primeiro-acesso .overlay-content .flex-control-nav {
	bottom: 0.15rem;
}

#page #content .overlay-primeiro-acesso .overlay-content .flex-control-nav li a {
	background: #d5e3e7;
	width: 9px;
	height: 9px;
	border-radius: 999px;
	transition: background 0.2s ease, transform 0.2s ease;
}

#page #content .overlay-primeiro-acesso .overlay-content .flex-control-nav li a:hover {
	background: #9bb8c0;
	transform: scale(1.1);
}

#page #content .overlay-primeiro-acesso .overlay-content .flex-control-nav li a.flex-active {
	background: #00AAC8;
}

/* hidden primeiro acesso */
.primeiro-acesso-empresa,
#page #content #user-profile-form #edit-field-primeiro-acesso {
  display: none;
}

.overlay-primeiro-acesso {
  display: none;
}

.overlay-primeiro-acesso.open {
  display: flex;
}

.overlay-primeiro-acesso .flexslider .slides > li {
  display: block;
}

/* Informacoes de Ubatuba > calcular rota > Pagina */

.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%;
	max-width: 100%;
}

.node-type-informacoes-de-ubatuba #page #content .descricao .mobile {
  display: none;
}

.node-type-informacoes-de-ubatuba #page #content .descricao .mobile #cont_21d01a4711f6a3d34ac604c3230f0a99,
.node-type-informacoes-de-ubatuba #page #content .descricao .desktio #cont_d80e821c8cbce8b1d18f384ce1ddbb2e {
	width: auto !important;
	display: inline-block;
}

/* Informacoes de Ubatuba > cameras > Pagina */

.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba {
	float: none;
	width: 100%;
	max-width: 100%;
}

body.uo-page-cameras-live.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba {
	display: none !important;
}

.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba ul {
	padding: 0;
	margin: 0 0 1.5rem;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem 1.5rem;
}

.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba ul li {
	display: block;
	width: auto;
	margin: 0;
	font-size: 0.9rem;
	font-weight: 600;
	color: #333333;
}

.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba ul li:nth-child(even) {
	margin-right: 0;
}

.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba ul li img {
	display: block;
	width: 100%;
	aspect-ratio: 550 / 375;
	object-fit: cover;
	background: #d9e5e8;
	border-radius: 8px;
	margin-bottom: 0.45rem;
}

.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba h3{
	text-align: left;
	padding-left: 0;
	margin: 0 0 0.9rem;
}

@media only screen and (max-width: 699px) {
	.node-type-informacoes-de-ubatuba #page #content #imagens-cameras-ubatuba ul {
		grid-template-columns: 1fr;
	}
}

/* node type pontos turisticos */
.node-type-ponto-turistico #content .node-content .descricao .embed-responsive-4by3 {
	padding-left: 11.5vw;
    margin-bottom: 1vw;
	font-size: 0.95vw;
	text-align: center;
    color: #333333;

}

/**/

#footer #block-gw2d-gw2d-redes-sociais {
	display: inline-block;
	vertical-align: top;
	width: 22.5%;
	text-align: right;
	margin-left: 7.5vw;
}

/* Blog > views novas */

#footer {
	padding: 5vw 12vw 3vw;
}

#footer #block-gw2d-gw2d-footer {
	padding-left: 0;
}

#footer #block-gw2d-gw2d-redes-sociais {
	padding-right: 0;
}

#footer .view-header h2 {
	font-size: 1.65vw;
	font-weight: 500;
	text-align: center;
	margin: 0 0 4.5vw;
}

#footer .view-content li {
	margin: 0;
}

#footer .view-content .slides li.views-row-first {
  margin-left: 1.5vw;
}

#footer .view-content .slides li.views-row-last {
  margin-right: 1.5vw;
}

#footer .view-content ul {
    padding-bottom: 2vw;
}

#footer .view-content .views-field-nothing {
	padding: 0 0.75vw;
}

#footer .view-content .views-field-nothing .field-content {
	display: block;
	box-shadow: 0px 2px 6px rgba(0,0,0,0.16);
}

#footer .view-content .views-field-nothing .info-chamadas {
	padding: 1.5vw;
}

#footer .view-content .views-field-nothing .info-chamadas h3 {
	margin: 0;
}

#footer .view-content .views-field-nothing .info-chamadas h3 a {
	font-size: 1.05vw;
	font-weight: bold;
	color: #333333;
	line-height: 1.2;
	display: block;
	margin-bottom: 0.3vw;
}

#footer .view-content .views-field-nothing .info-chamadas .telefone {
	font-size: 1.25vw;
	font-weight: bold;
	color: #333333;
	line-height: 1;
	margin-bottom: 0.5vw;
}

#footer .view-content .views-field-nothing .info-chamadas p.info-chamada-praia {
	font-size: 0.75vw;
	font-weight: normal;
	color: #00AAC8;
	margin-bottom: 0.5vw;
}

#footer .view-content .views-field-nothing .info-chamadas p.info-chamada-praia:before {
	content: "";
	display: inline-block;
	vertical-align: text-bottom;
	width: 0.6vw;
	height: 0.8vw;
	background: url(../images/icon-location.png) no-repeat center center;
	background-size: 0.45vw;
	margin-right: 0.15vw;
}

#footer .view-content .views-field-nothing .info-chamadas .endereco {
	font-size: 0.85vw;
	font-weight: normal;
	color: #333333;
	line-height: 1.2;
}

#footer .view-content .views-field-nothing .info-chamadas .info-chamada-codigo,
#footer .view-content .views-field-nothing .info-chamadas .info-chamada-valor,
#footer .view-content .views-field-nothing .info-chamadas .info-chamada-destalhes {
  display: none;
}

#footer .view-content .flex-direction-nav li a {
	opacity: 1 !important;
	font-size: 0;
	width: 2.65vw;
	height: 2.65vw;
	top: 35%;
}

#footer .view-content .flex-direction-nav li a.flex-prev {
	left: 1.5vw;
	background: url(../images/icon-seta-left.png) no-repeat center center;
	background-size: 2.5vw;
}

#footer .view-content .flex-direction-nav li a.flex-next {
	right: 1.5vw;
	background: url(../images/icon-seta-right.png) no-repeat center center;
	background-size: 2.5vw;
}


/* Custom Resgistest*/
.page-usuario-register #edit-profile-usuario-field-telefone,
.page-usuario-register #edit-profile-usuario-field-foto-do-perfil,
.page-empresa-register #edit-profile-empresa-field-telefone,
.page-empresa-register #edit-profile-empresa-field-foto-do-perfil {
  display: none !important;
}

#page #content .user-info-from-cookie #edit-account.form-wrapper .form-type-password-confirm {
  width: 67%;
}
#page #content .user-info-from-cookie #edit-account.form-wrapper .form-type-password-confirm .form-item {
  width: 46%;
}


#page #content #user-register-form #edit-field-email-pagamento {
  width: 100%;
  left: 0;
  margin: 0.5vw 0 0;
  padding-left: 22vw;
  padding-right: 22vw;
  box-sizing: border-box;
}

#page #content #user-register-form #edit-field-email-pagamento .form-item {
  width: 100%;
  margin: 0 0 0 28px;
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

#page #content #user-register-form #edit-field-email-pagamento input {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px;
  margin: 0;
  padding: 0 !important;
  border: 1px solid #CCCCCC !important;
  border-radius: 3px !important;
  background: #fff;
  flex: 0 0 auto;
}

#page #content #user-register-form #edit-field-email-pagamento label {
  padding-left: 0 !important;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.3;
}


#edit-mimemail {
  display: none !important;
}

#page #content #block-block-14 {
	float: right;
	clear: both;
	padding: 0 22vw;
}

#page #content #block-block-14 .link-entrar {
	background: #00AAC8;
	border: 1px solid #00AAC8;
	color: #fff;
	font-size: 1.05vw;
	font-weight: normal;
	padding: 0.95vw 3vw 0.9vw;
	border-radius: 50vw;
	display: inline-block;
	margin-bottom: 5vw;
}

/* Page Register */

.page-empresa-register #page #content #user-register-form #edit-profile-empresa .fieldset-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-bottom: 1vw;
}

.page-empresa-register #page #content #user-register-form #edit-profile-empresa .fieldset-wrapper .form-wrapper{
    width: 31%;
    margin: 1% 0;
}

.page-empresa-register #page #content #user-register-form #edit-account:not(.gw2d-register-account){
    width: 28%;
    padding: 0;
    margin-left: 22vw;
    display: inline-block;
    vertical-align: middle;
}

.page-empresa-register #page #content #user-register-form #edit-field-email-pagamento{
    width: auto;
    max-width: calc(100% - 44vw);
    padding: 0;
    margin: 0.75vw 0 0 22vw;
    display: block;
}

.page-empresa-register #page #content .user-info-from-cookie .captcha {
    padding: 0;
    margin-left: 22vw;
    float: none;
    margin-top: 2vw;
    display: inline-block;
    vertical-align: middle;
}

.page-empresa-register #page #content .user-info-from-cookie .form-actions {
    margin: 2vw 22vw 0 0;
}

/* Page User - Meus Anúncios */

.page-user #page #content #meu-perfil-right{
	border: none;
}

.page-user #page #content #meu-perfil-right .view-meus-anuncios #novo-segmento-wrapper-user {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0.5rem;
}

.page-user #page #content #meu-perfil-right .view-meus-anuncios #novo-segmento-wrapper-user h2{
	text-align: center;
	color: #333333;
	font-family: 'muli';
	font-size: 1.35rem;
	font-weight: 700;
	margin: 0 0 1.25rem;
	line-height: 1.35;
}

.page-user #page #content #meu-perfil-right .view-meus-anuncios #novo-segmento-wrapper-user .seguimento-wrapper-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 1.15rem;
}

.page-user #page #content #meu-perfil-right .view-meus-anuncios #novo-segmento-wrapper-user .seguimento-wrapper-list .segumento-tipo-box{
	width: calc(33.333% - 0.8rem);
	max-width: 280px;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	align-items: stretch;
	box-sizing: border-box;
}

.page-user #page #content #meu-perfil-right .view-meus-anuncios #novo-segmento-wrapper-user .seguimento-wrapper-list .segumento-tipo-box a:before{
	content: '';
	display: block;
	width: 3.25rem;
	height: 3.25rem;
	margin: 0 auto 0.9rem;
	background-size: contain !important;
}

.page-user #page #content #meu-perfil-right .view-meus-anuncios #novo-segmento-wrapper-user .seguimento-wrapper-list .segumento-tipo-box a{
	text-align: center;
	color: #333333;
	font-family: 'muli';
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1.3;
	padding: 1.6rem 1.1rem;
	border: 1px solid #D4D6D9;
	border-radius: 12px;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	text-decoration: none;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.page-user #page #content #meu-perfil-right .view-meus-anuncios #novo-segmento-wrapper-user .seguimento-wrapper-list #servicos-box a:before{
	background: url(../images/icon-servicos.png) no-repeat center center;
	background-size: contain;
}

.page-user #page #content #meu-perfil-right .view-meus-anuncios #novo-segmento-wrapper-user .seguimento-wrapper-list #hospedagem-box a:before{
	background: url(../images/icon-hospedagem.png) no-repeat center center;
	background-size: contain;
}

.page-user #page #content #meu-perfil-right .view-meus-anuncios #novo-segmento-wrapper-user .seguimento-wrapper-list #evento-box a:before{
	background: url(../images/icon-calendario-2.png) no-repeat center center;
	background-size: contain;
}

.page-user #page #content #meu-perfil-right .view-meus-anuncios #novo-segmento-wrapper-user .seguimento-wrapper-list .segumento-tipo-box a:hover{
	border-color: #00aac8;
	box-shadow: 0 4px 14px rgba(0, 170, 200, 0.16);
	transform: translateY(-1px);
	filter: none;
}

/* Ajustes Serviços Interna */

.page-node-add-servicos #page #content .node-servicos-form,
.page-node-edit.node-type-servicos #page #content .node-servicos-form,
.node-type-servicos.page-node-edit #page #content .node-servicos-form {
	padding: 2rem 0 2.5rem;
	max-width: 1400px;
	width: 100%;
	box-sizing: border-box;
}

.page-node-add-servicos #page #content .node-servicos-form .form-item-title{
	margin: 0 1.4% 1.5vw;
}

.page-node-add-servicos #page #content .node-servicos-form .form-wrapper#edit-field-endereco{
	display: block;
    margin: auto;
}

.page-node-add-servicos #page #content .node-servicos-form .form-wrapper#edit-field-site {
    width: 46.9%;
}

.page-node-add-servicos #page #content form #mapa_wrapper h3{
	font-size: 1vw;
}

.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: 0.75vw;
}

#page #content .node-servicos-form .form-wrapper.field-type-image-form .fieldset-description{
	font-size: 0.85vw;
}

/* Ajustes Hospedagem Interna */

.page-node-add-hospedagem #page #content .node-hospedagem-form {
	padding: 4vw 17%;
}

.page-node-add-hospedagem #page #content .form-type-checkbox label {
    width: 88%;
}

.page-node-add-hospedagem #page #content table tr td a.tabledrag-handle{
	margin-top: auto;
}

.page-node-add-hospedagem #page #content .node-hospedagem-form #edit-field-regras-da-casa .form-wrapper {
    width: 51%;
    margin: 0 1% 1vw;
	display: inline-block;
    vertical-align: bottom;
}

.page-node-add-hospedagem #page #content .node-hospedagem-form #edit-field-regras-da-casa .form-wrapper.field-name-field-permitido{
	width: 30%;
}

.page-node-add-hospedagem #page #content .node-hospedagem-form #edit-field-regras-da-casa .field-multiple-table tr td input[value="Remover"] {
    vertical-align: bottom;
    margin-bottom: 1vw;
    margin-left: 1%;
	float: none;
}

.page-node-add-hospedagem #page #content .node-hospedagem-form .field-type-taxonomy-term-reference-form.field-widget-options-buttons{
width: 30%;
margin: 0 1.5% 1vw;
}

.page-node-add-hospedagem #page #content form #mapa_wrapper h3{
	font-size: 1vw;
}

.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{
	font-size: 0.75vw;
}

/* Ajustes Eventos Interna */

.page-node-add-eventos #page #content .node-eventos-form,
.page-node-edit.node-type-eventos #page #content .node-eventos-form,
.node-type-eventos.page-node-edit #page #content .node-eventos-form {
	padding: 2rem 0 2.5rem;
	max-width: 1400px;
	width: 100%;
	box-sizing: border-box;
}

.page-node-add-eventos #page #content .node-eventos-form .form-wrapper#edit-field-valor,
.page-node-add-eventos #page #content .node-eventos-form .form-wrapper.field-type-image-form{
	display: block;
    margin: 0 0 1.25rem;
}

.page-node-add-eventos #page #content form #mapa_wrapper h3{
	font-size: 1.05rem;
}

.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{
	font-size: 0.82rem;
}



/* Acesso Interno Comercial */

.page-acesso-interno #page {
   margin: 0;
   background: #F7F8FA;
}

.page-acesso-interno #content {
    padding-left: 21vw;
    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;
}

#dashboard-comercial-wrapper h1 {
    font-size: 1.3vw;
    color: #666;
    margin: 0;
    margin-bottom: 3vw;
}

.box-1-style,
.box-2-style {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 30px #00000014;
    padding: 1.3vw 1vw;
    margin-bottom: 1.5vw;
    float: left;
    width: 56%;
    margin-right: 3%;
    margin-bottom: 4vw;
    padding-bottom: 2vw;
}

.box-2-style {
    width: 35%;
    margin: 0;
    margin-bottom: 4vw;
}


.box-1-style h2,
.box-2-style h2 {
    font-size: 1vw;
    font-weight: normal;
    margin: 0;
    margin-bottom: 2vw;
    margin-left: 0.4vw;
}

.list-boxs-views {
    overflow: hidden;
}

.list-boxs-views .list-boxs-view {
    display: inline-block;
    margin: 0 0.4vw;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 1vw;
    width: 7.2vw;
    height: 7.2vw;
    text-align: center;
}

.list-boxs-views .list-boxs-view label {
    font-size: 1.2vw;
    font-weight: bold;
    margin-bottom: 0.5vw;
    line-height: 1;
}
.list-boxs-views .list-boxs-view p {
    font-size: 3.2vw;
    line-height: 1;
    margin: 0;
    font-weight: bold;
}

.list-boxs-views #list-box-view-basico {
    border: 1px solid #00aac8;
}

.list-boxs-views #list-box-view-basico label {
   color: #00aac8;
}

.list-boxs-views #list-box-view-bronze {
    border: 1px solid #a05d16;
}

.list-boxs-views #list-box-view-bronze label {
   color: #a05d16;
}

.list-boxs-views #list-box-view-prata {
    border: 1px solid #979b9d;
}

.list-boxs-views #list-box-view-prata label {
   color: #979b9d;
}


.list-boxs-views #list-box-view-ouro {
    border: 1px solid #ffbf00;
}

.list-boxs-views #list-box-view-ouro label {
   color: #ffbf00;
}


.list-boxs-views #list-box-view-total {
    border: 1px solid #00cc66;
}

.list-boxs-views #list-box-view-total label {
   color: #00cc66;
}


/* menu restrito */
#block-menu-menu-menu-acesso-restrito {
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    padding-top: 1vw;
}
#block-menu-menu-menu-acesso-restrito ul,
#block-menu-menu-menu-acesso-restrito ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#block-menu-menu-menu-acesso-restrito ul li {
    margin-bottom: 2vw;
    border-bottom: 1px solid #CCC;
    padding-bottom: 1.6vw;
}

#block-menu-menu-menu-acesso-restrito ul li:last-child {
	margin-bottom: 2vw;
}

#block-menu-menu-menu-acesso-restrito ul li a {
	font-size: 1vw;
	font-weight: 600;
	color: #4D4D4D;
	display: block;
	position: relative;
}

#block-menu-menu-menu-acesso-restrito ul li a:hover,
#block-menu-menu-menu-acesso-restrito ul li a.active-trail {
    color: #00AAC8;
}

#block-menu-menu-menu-acesso-restrito ul li a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 2.1vw;
	height: 1.9vw;
	margin: 0 auto;
	background: url(../images/acesso-interno/icon-dashboard.png) no-repeat center center;
	background-size: 100%;
	margin-right: 1.5vw;
    margin-top: -0.3vw;
}

#block-menu-menu-menu-acesso-restrito ul li a.link-relatorios:before {
	background: url(../images/acesso-interno/icon-dashboard.png) no-repeat center center;
	background-size: 100%;
}

#block-menu-menu-menu-acesso-restrito ul li a.link-hospedagens:before {
	background: url(../images/acesso-interno/icon-hospedagem.png) no-repeat center center;
	background-size: 95%;
}

#block-menu-menu-menu-acesso-restrito ul li a.link-servicos:before {
	background: url(../images/acesso-interno/icon-servicos.png) no-repeat center center;
	background-size: 100%;
}

#block-menu-menu-menu-acesso-restrito ul li a.link-promocoes:before {
	background: url(../images/acesso-interno/icon-promocoes.png) no-repeat center center;
	background-size: 90%;
}

#block-menu-menu-menu-acesso-restrito ul li a.link-eventos:before {
	background: url(../images/acesso-interno/icon-eventos.png) no-repeat center center;
	background-size: 90%;
}


.page-acesso-interno #page #content form .views-exposed-widget {
    margin-bottom: 1vw;
}
.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%;
}

.page-acesso-interno #page #content table.views-table {
    border: none;
}
.page-acesso-interno #page #content table.views-table th {
    background-color: #00AAC8;
    color: #fff;
    font-size: 0.9vw;
    line-height: 1;
    padding: 0.5vw 1vw;
    text-align: center;
    border: 1px solid #fff;
    min-width: 7vw;
    font-weight: 600;
}

.page-acesso-interno #page #content table.views-table td {
    padding: 0.1vw 0.2vw;
    text-align: center;
    border: 1px solid #fff;
    font-size: 0.9vw;
    color: #666;
    font-weight: 600;
}

.page-acesso-interno #page #content table.views-table tbody tr {
    background-color: #fff;
}

.page-acesso-interno #page #content table.views-table tbody tr:hover {
   background: #eee;
}
.page-acesso-interno #page #content table.views-table tbody tr:hover td {
   color: #000;
    border: 1px solid #eee;
}

.page-acesso-interno #page #content table.views-table td.views-field-title,
.page-acesso-interno #page #content table.views-table th.views-field-title {
    text-align: left;
    padding-left: 1vw;
}

.page-acesso-interno #page #content .view-content {
    padding-right: 3vw;
    margin-bottom: 3vw;
    overflow-x: auto;
    max-width: 100%;
}

  /* Acesso Interno Dashboard */

  .page-acesso-interno .views-exposed-form .views-exposed-widget .form-submit {
	margin-top: 2.6em;
	width: 7vw;
	min-width: 100px;
}

#page .view-meus-anuncios .view-content .views-row {
  list-style: none;
  margin: 0 0 2vw;
  box-shadow: 0px 5px 20px 1px rgba(0,0,0,0.2);
  padding: 1vw;
  border-radius: 1vw;
}

#page .view-meus-anuncios .view-content .views-row .anuncios-cadastrados {
	overflow: hidden;
}

#page .view-meus-anuncios .view-content .views-row .anuncios-cadastrados .imagem {
	width: 13vw;
	height: 17vw;
	float: left;
}

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

#page .view-meus-anuncios .view-content .views-row .anuncios-cadastrados .topo-infos-anuncios .titulo {
  width: 40%;
  float: left;
  font-weight: bold;
}

#page .view-meus-anuncios .view-content .views-row .anuncios-cadastrados .box-infos-contador {
	font-size: 0.9vw;
}

#page .view-meus-anuncios .view-content .views-row .anuncios-cadastrados .box-count {
  border: 1px solid #c7c4c4;
  border-radius: 5%;
  float: left;
  width: 14%;
  margin: 0.5%;
  text-align: center;
  padding: 1vw 1.5vw;
}

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

/* ==========================================================================
   Tourist bottom nav (global fallback — always aggregated)
   ========================================================================== */
.uo-bottom-nav {
  display: none;
}

@media only screen and (max-width: 699px) {
  .uo-bottom-nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 100050 !important;
    height: 56px;
    min-height: 56px;
    padding-bottom: env(safe-area-inset-bottom);
    box-sizing: content-box;
    /* Brand dark blue — better with white menu icons than flat black */
    background: #08414d !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 -4px 18px rgba(8, 25, 35, 0.28);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0;
    width: 100%;
    max-width: 100vw;
  }

  .uo-bottom-nav__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 0;
    padding: 6px 2px;
    color: rgba(255, 255, 255, 0.72) !important;
    text-decoration: none !important;
    font-size: 10px;
    line-height: 1.1;
    font-weight: 600;
  }

  .uo-bottom-nav__item.is-active {
    color: #5fd4ea !important;
  }

  .uo-bottom-nav__icon {
    display: block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.85;
  }

  .uo-bottom-nav__item.is-active .uo-bottom-nav__icon {
    opacity: 1;
  }

  .uo-bottom-nav__icon--home { background-image: url(../images/menu-icon-home.png); }
  .uo-bottom-nav__icon--praias { background-image: url(../images/menu-icon-praias.png); }
  .uo-bottom-nav__icon--hospedagem { background-image: url(../images/menu-icon-hospedagem.png); }
  .uo-bottom-nav__icon--servicos { background-image: url(../images/menu-icon-servicos.png); }
  .uo-bottom-nav__icon--eventos,
  .uo-bottom-nav__icon--agenda { background-image: url(../images/menu-icon-calendario.png); }
  .uo-bottom-nav__icon--mapa { background-image: url(../images/menu-icon-mapa.png); }

  .uo-bottom-nav__label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 9px;
    letter-spacing: -0.02em;
  }

  body.page-minha-conta .uo-bottom-nav,
  body.page-acesso-interno .uo-bottom-nav,
  body.page-admin .uo-bottom-nav,
  body.page-user .uo-bottom-nav {
    display: none !important;
  }

  .uo-chat-btn {
    bottom: 72px !important;
  }
}

/* Padrao unico dos campos dos filtros expostos (input, select e select2).
   Os tokens sao redeclarados nos arquivos responsive.* de cada breakpoint. */
:root {
	--uo-field-radius: 30px;
	--uo-field-border: 1px solid #ccc;
	--uo-field-bg: #fff;
	--uo-field-color: #444;
	--uo-field-font-size: 1.05vw;
	--uo-field-padding-y: 1.05vw;
	--uo-field-padding-x: 1vw;
	--uo-field-height: 3.2vw;
}

#page #content form .views-exposed-widget input.form-text,
#page #content form .views-exposed-widget select,
#page #content form .views-exposed-widget .selection span.select2-selection,
#page #content form .views-exposed-widget .select2-container--default .select2-selection {
	display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 40px;
    min-height: 40px;
    padding: 12px 14px;
    border: 1px solid #dbe6ea;
    border-radius: 10px;
    background: #fff;
    color: #12333d;
    font-size: 15px;
    font-family: inherit;
    line-height: 1.2;
}

#page .select2-container--default .select2-selection--single .select2-selection__rendered,
#page .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	height: auto;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	color: var(--uo-field-color);
}

#page .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 0;
	right: var(--uo-field-padding-x);
	height: 100%;
}