/*
Theme Name:   	Grou
Theme URI:    	https://grou.com.br
Author:       	Bravo Creative
Author URI:     http://bravocreative.com.br
Description:  	Programa de vantagens
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	grou
Tags:         	 
Images License: GNU General Public License v2 or later
*/
html,body {
width: 100vw;
overflow-x: hidden;
font-family: 'Roboto', sans-serif;

}
body {
	padding-bottom: 80px;
}
font {
vertical-align: initial !important;
}
.reveal-overlay {
z-index: 10001;
height: auto;
}
.reveal {
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	padding-bottom: 0;
}
#hero-mobile {
background: white url(images/mobile/hero-home-grou.jpg) no-repeat center center;
background-size: cover;
width: 100vw;
height: 100vh;
position: fixed;
z-index: 10002;
touch-action: none;
padding: 0 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;

}
#hero-mobile .marca-splash {
max-width: 100%;
padding: 0 20px;
margin-top: 15vh;
}

.operado-por {
	display: flex;
	align-items: center;
	justify-content: center;
}
#hero-mobile .marca-operado {
transform: scale(0.5);
margin-top: 50px;
margin-bottom: 50px;
}

#hero-mobile h2 {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 38px;
	line-height: 110%;
	text-align: center;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	color: #FFFFFF;
	}

.titulo-menu-destaque {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	line-height: 110%;
	}

header#header-mobile {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10000;
display: flex;
align-items: center;
justify-content: space-between;
padding: 25px 20px;
transition: all 0.4s;
background: white;
}
header#header-mobile.ativo {
background: #273284;
padding: 20px 20px;
}
header#header-mobile.interna {
background: transparent;
padding: 20px 20px;
}
header#header-mobile.interna.ativo {
background: white;
padding: 10px 20px;
}

header#header-mobile.ativo #grou-topo {
width: 150px;
}

#grou-topo {
width: 150px;

}
.link-voltar {
	margin-right: 15px;
}
.link-home-menu img {
	width: 28px;
	height: 28px;
	margin-left: 12px;
}

header img {
display: inline-block;
}
.notiflix-block-message {
margin-top: 0 !important;
}


.header-menu-mobile {
	z-index: 1;
background: url(images/mobile/header-menu.jpg) no-repeat center center;
background-size: cover;
padding: 20px 20px 10px;
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 100vw;
position: fixed;
overflow: hidden;
}
.header-menu-mobile .overlay-menu {
	position: absolute;
	top: 0;
	z-index: -1;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000A54;
	mix-blend-mode: normal;
	opacity: 0.7;
}
.header-menu-mobile .titulo-menu {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 34px;
line-height: 41px;
/* identical to box height, or 121% */
margin-top: 20px;
margin-bottom: 10px;
color: #FFFFFF;
}
.header-menu-mobile .contador-carrinho {
left: 27px;
z-index: 1;
}
.header-menu-mobile .container-botoes-mobile {
margin-top: 12px;
}
.container-botoes-mobile {
display: flex;
align-items: center;
justify-content: center;
height: 35px;
}
.botao-menu-mobile {
display: flex;
flex-direction: column;
top: 0;
padding-top: 6px;
}
#bases-whatsapp {
border-radius: 0;
overflow: visible;
}	
#bases-whatsapp .close-button:hover {
background: transparent;
}
#bases-whatsapp .close-button {
border-radius: 0;
padding: 0;
position: absolute;
width: auto;
height: auto;
margin-top: 30px;
margin-right: 0;
background: transparent;
color: white;
transition: all 0.3s;
left: 30px;
}	
#bases-whatsapp h3 {
padding: 0 14px;
text-align: left;
line-height: 120%;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 27px;
color: #273284;
margin-top: 70px;
}
#lista-base-whatsapp a {
border-top: 1px solid #ddd;
font-size: 21px;
padding: 4px 10px;
color: #002c7c;
transition: all 0.3s;
display: flex;
align-items: center;
justify-content: start;
margin-left: 10px;
}		
.nome-menu {
font-size: 10px;
text-align: center;
font-weight: 300;
color: #273284;
}
.hamburger {
display: inline-flex;
align-self: center;
flex-direction: column;
justify-content: space-between;
width: 30px;
height: 17px;
cursor: pointer;
}

.hamburger div {
align-self: flex-end;
height: 3px;
width: 100%;
background: white;
}
header.interna .hamburger div {

background: #273284;
}
.hamburger .meat {
width: 25px;
transition: all 200ms ease-in-out;
}
.hamburger .bottom-bun {
width: 20px;
transition: all 400ms ease-in-out;
}
.hamburger:hover div {
width: 100%;
}

.espacamento-mobile-header {
position: relative;
width: 100vw;
height: 75px;
}
.single .espacamento-mobile-header {
	
}

.fechar-qrcode {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}

#menu-mobile {
background: white;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: -100vw;
z-index: 10000;
transition: all 0.4s;
padding: 0;
overflow-y: scroll;
overflow-x: hidden;
background: #000A54;
}
#menu-mobile .botao-menu-mobile {
display: flex;
align-items: center;
font-size: 14px;
color: #000;
}


.hamburger {
display: inline-flex;
align-self: center;
flex-direction: column;
justify-content: space-between;
width: 30px;
height: 17px;
cursor: pointer;
}

.hamburger div {
align-self: flex-end;
height: 3px;
width: 100%;
background: black;
}
header.interna .hamburger div {

background: #273284;
}
.hamburger .meat {
width: 25px;
transition: all 200ms ease-in-out;
}
.hamburger .bottom-bun {
width: 20px;
transition: all 400ms ease-in-out;
}
.hamburger:hover div {
width: 100%;
}


#menu-mobile.ativo {
left: 0;
}
.woocommerce-MyAccount-navigation {
display: none;
}
.menu-home {
padding: 20px 30px;
display: flex;
align-items: center;
justify-content: center;
}
.menu-home a {
color: #273284;
}
.menu-home.menu-home-menu {
padding: 20px 30px;
margin-top: 150px;
}
.menu-home.menu-home-menu a {
color: white;
}
#menu-mobile .menu-home.menu-home-menu h2.titulo-tipo {
color: white;
}


#menu-mobile h2 {
margin: 0;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 34px;
line-height: 41px;
color: #000000;
margin-bottom: 15px;

}
#menu-mobile ul {
margin: 0;
margin-bottom: 15px;
}
#menu-mobile li {
display: block;
list-style: none;
margin: 0;
}
.content-menu-mobile h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 22px;
color: #FFFFFF;
margin-top: 14px;
}
.content-menu-mobile {
padding: 0 40px;
}
.content-menu-mobile a {
margin: 0;
display: flex;
align-items: center;
border-bottom: 1px solid #001192;
padding: 8px 0;
position: relative;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
}
.content-menu-mobile a:after {
position: absolute;
content: ' ';
background: url(images/mobile/icone-breadcumb-menu.svg);
width: 8px;
height: 13px;
top: 20px;
right: 5px;
}
.content-menu-mobile img {
margin-right: 15px;
}
#menu-mobile .botao-menu-mobile  {
margin-right: 5px;
}
#grou-menu-mobile {
margin-right: 0;
width: 140px;
margin-bottom: 16px;
}
#menu-mobile .botao-menu-mobile {
margin: 0;
padding: 0;
}
#menu-mobile .botao-menu-mobile img {
filter: invert(1);
width: 22px;
height: 22px;
margin-top: 3px;
}
#menu-mobile .fale-agora-whatsapp {
background: #27AE60;
border-radius: 8px;
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 22px;
/* identical to box height, or 129% */
margin: 30px 40px 100px;
width: calc(100% - 80px);
text-align: center;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
}
.icone-destaque {
background: #FFCC00;
border-radius: 8px;
height: 80px;
width: 80px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 5px;
margin-top: 20px;
}
.item-menu-home {
text-align: center;
font-style: normal;
font-weight: 500;
font-size: 15px;
text-align: center;
color: #273284;
}	

.container-carrossel-mobile h2 {
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 100%;
color: #273284;
margin: 0;
}

.container-carrossel-mobile p {
font-style: normal;
font-weight: 500;
font-size: 11px;
text-align: right;
color: #666666;
margin: 0;
}
.container-titulo-carrossel-mobile p a {
color: #666666;
}

.container-titulo-carrossel-mobile {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px;
margin-bottom: 15px;
}
.container-titulo-carrossel-mobile img {
display: inline;
}
.imagem-carrossel-mobile {
display: block;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.carrossel-mobile, .carrossel-mobile-destinos {
margin-left: -30px;
width: calc(100vw + 30px);
}
.page-destinos div {
	margin-bottom: 30px;
}

.carrossel-galeria {
margin-left: -60px;
width: calc(100vw + 30px);
}
.owl-carousel h3 {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 120%;
margin-top: 0;
margin-bottom: 0;
}
.pegar-desconto {
	border-radius: 8px;
	height: 35px;
	font-size: 15px;
	font-weight: 500;
	display: flex !important;
	color: white;
	align-items: center;
	justify-content: center;
}
.carrossel-mobile-destinos.owl-carousel h3 {
	font-size: 18px;
	margin-top: 8px;
}
#conteudo .owl-carousel p {
font-size: 12px;
}
.owl-carousel p {
font-size: 12px;
}

.owl-carousel small {
font-size: 10px;
line-height: 100%;
display: block;
color: #777;
margin-bottom: 5px;
}

.owl-carousel .acima-titulo {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 10px;
color: #666666;
display: block;
margin-top: 8px;
}
.carrossel-mobile p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #8A8A8F;
text-align: left;
margin-bottom: 10px;
}
.conteudo-carrossel {
	padding: 10px 10px 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #FAFAFA;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.section-filter.container {
background-color: #1C39DB;
border-radius: 10px;
height: 100%;
padding: 30px 25px 30px;
background-image: url(images/passaro.png), linear-gradient(270deg, #1C39DB 0%, #1F35A6 97.64%);
background-position: center right;
background-repeat: no-repeat;
clear: both;
margin: 20px;
}
.reveal {
border-radius: 10px;
padding: 30px 25px 30px;
background-position: center right;
background-repeat: no-repeat;
clear: both;
width: 90%;
max-width: 600px;
margin-left: 5%;
margin-top: 5%;
border: none;
height: auto;
min-height: auto;
}
.reveal h1 {
color: #f29b42;
font-size: 26px;
font-weight: bold;
line-height: 100%;
display: block;
margin-bottom: 10px;
margin-top: 20px;
text-align: center;
}
.reveal h2 {
color: black;
font-size: 21px;
font-weight: bold;
line-height: 100%;
display: block;
margin-bottom: 10px;
margin-top: 20px;
text-align: center;
}
.reveal h3 {
color: black;
font-size: 16px;
font-weight: 500;
line-height: 100%;
display: block;
margin-bottom: 10px;
margin-top: 10px;
text-align: center;
}
.close-button, .close-button.medium {
right: 1rem;
top: .5rem;
font-size: 2em;
line-height: 1;
background-color: black;
border-radius: 50%;
width: 40px;
height: 40px;
color: white;
}
.close-button:hover, .close-button.medium:hover {
	color: white;
}
.reveal p {
	color: black;
	margin-bottom: 0;
	text-align: center;
}
p.endereco-estabelecimento {
	line-height: 120%;
	margin-top: 20px;
}
.carrossel-mobile a {
display: block;
}
.button.add-mobile {
	border-radius: 10px;
	width: 100%;
	font-size: 21px;
}
a.add-mobile {
	background: #ccc;
	color: #444;
}

#NotiflixBlockWrap-1 {
height: 100vh !important;
position: fixed !important;
top: 0;
}

[id^=NotiflixBlockWrap]{
height: 100vh !important;
position: fixed !important;
top: 0 !important;
z-index: 10002 !important;

}

[id^=NotiflixBlockWrap] circle {
animation: none !important;
}
[id^=NotiflixBlockWrap] svg {
animation: rotate 1s linear infinite !important;
}



.container-mobile h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 34px;
color: #273284;

}

.container-mobile ul {
margin: 0;
}
.container-mobile li {
list-style: none;
}

form {
margin-bottom: 0;
}


.lista-passeio-mobile {
padding: 0 15px;
}
.lista-passeio-mobile .cell {
margin-bottom: 15px;
}
.container-carrossel-mobile .lista-passeio-mobile h3 {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 120%;
color: #273284;
margin-top: 8px;
margin-bottom: 0;
}
.container-carrossel-mobile .lista-passeio-mobile .acima-titulo {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 10px;
color: #666666;
display: block;
margin-top: 8px;
}
.container-carrossel-mobile .lista-passeio-mobile p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 140%;
color: #8A8A8F;
text-align: left;

}

.container-carrossel-mobile .lista-passeio-mobilee a {
display: block;
}

#full-single-mobile {
width: 100vw;
height: auto;
display: flex;
justify-content: center;
padding-bottom: 15px;
margin-top: 0;
align-items: flex-end;
top: 0;
position: relative;
border-bottom: 8px solid;
z-index: 100;
}
#topo-single {
width: 100vw;
height: 60vh;
display: flex;
justify-content: center;
padding-bottom: 0px;
margin-top: 0;
align-items: flex-end;
position: relative;
top: 0;
background-size: cover;
background-position: center;
}
#topo-single .container {
	position: relative;
	z-index: 1;
	width: 100%;
	}
#topo-single select {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 47px;
color: #FFFFFF;
background: url(images/mobile/setinha-select-branca.svg) no-repeat center right;
background-color: transparent;
border: none;
height: 45px;
padding: 0;
position: relative;
padding-right: 20px;
}
#full-single-mobile {
	background-color: rgba(0,10,84,1)
}
#full-single-mobile.transfer-laranja-in {
	background-color: rgba(255,208,100,1)
}

.efeito-topo {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.0001) 0%, #000000 100%);
mix-blend-mode: normal;
opacity: 0.7;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.single .efeito-topo {
background: linear-gradient(180deg, rgba(0,10,84,0.4) 0%, rgba(0,10,84,0.4) 65%, rgba(0,10,84,1) 99%);
opacity: 1;
}
.single .efeito-topo.transfer-laranja-in {
	background: linear-gradient(180deg, rgba(255,208,100,0.0) 0%, rgba(255,208,100,0.0) 65%, rgba(255,208,100,1) 99%);
	opacity: 1;
	}
.single .efeito-topo.transfer-azul-out {
	background: linear-gradient(180deg, rgba(0,10,84,0.0) 0%, rgba(0,10,84,0.0) 65%, rgba(0,10,84,1) 99%);
	opacity: 1;
	}


@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	-moz-transform: translateY(0);
	transform: translateY(0);
	}
	40% {
	-moz-transform: translateY(-15px);
	transform: translateY(-15px);
	}
	60% {
	-moz-transform: translateY(-7px);
	transform: translateY(-7px);
	}
	}
	@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
	40% {
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
	}
	60% {
	-webkit-transform: translateY(-7px);
	transform: translateY(-7px);
	}
	}
	@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
	40% {
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
	}
	60% {
	-moz-transform: translateY(-7px);
	-ms-transform: translateY(-7px);
	-webkit-transform: translateY(-7px);
	transform: translateY(-7px);
	}
	}
	
	.arrow {
	
	width: 26px;
	height: 15px;
	background-image: url(images/mobile/seta-single.svg);
	background-size: cover;
	position: absolute;
	right: 30px;
	bottom: 55px;
	}
	
	.bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
	}		

#topo-single h1 {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 120%;
	color: #FFFFFF;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	padding-right: 50px;
	}
	#topo-single .acima-titulo {
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 22px;
	color: #FFFFFF;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	}

#topo-single .container {
	padding: 0 20px;
}

.tags-mobile ul {
margin: 0;
}
.tags-mobile li {
list-style: none;
display: inline-block;
}
.tags-mobile a {
display: inline-block;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 13px;
background: rgba(51,63,147,0.5);
mix-blend-mode: normal;
opacity: 1;
border-radius: 14.5px;
padding: 6px 10px;
color: #FFFFFF;
margin-right: 5px;
}
.meta-mobile {
width: 100vw;
padding: 0 15px;
}
.titulo-meta-mobile {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 18px;
color: #FFCC00;
margin-bottom: 5px;

}
.info-produto-mobile {
display: flex;
clear: both;
align-items: baseline;
justify-content: flex-start;
margin-top: 5px;
padding: 0 5px;
}
.info-produto-mobile p {
color: white;
padding-right: 50px;
margin: 0;
line-height: 120%;
font-size: 16px;
}

.select2-container--open {
z-index: 12000;
}

#tabela-relatorio {
	font-size:15px;
	max-width: 95vw;
}
#tabela-relatorio th,
#tabela-relatorio td {
	font-size:15px;
}

/* footer {
	width: 100%;
	height: 15px;
} */

.whatsapp-footer {
position: absolute;
right: 15px;
bottom: 15px;
width: 40px;
}
.whatsapp-flutuante {
	position: fixed;
	z-index: 9998;
	bottom: 10px;
	right: 10px;
	width: 55px;
	height: 55px;
}




/*
###############################
#### PROGRAMA DE VANTAGENS ####
###############################
*/

#programa-de-vantagens {
	display: flex;
	flex-direction: column;
}
#programa-de-vantagens.programa-de-vantagens-home {
	padding: 30px;
}
#programa-de-vantagens.programa-de-vantagens-interno {
	padding: 30px 30px 30px;
	height: calc(100vh - 155px);
	display: flex;
	align-items: center;
	justify-content: center;

}

#programa-de-vantagens .titulo {
	color: white;
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	display: block;
	margin-bottom: 20px;
	font-weight: 600;
	padding: 0 30px;
}
#programa-de-vantagens .subtitulo {
	color: white;
	font-size: 14px;
	line-height: 120%;
	text-align: center;
	display: block;
	margin-bottom: 0;
	padding: 0;
}
#programa-de-vantagens .subtitulo a {
	font-weight: 500;
	color: white;
}
#programa-de-vantagens input[type=text] {
	text-align: center;
	font-size: 20px;
	border-radius: 8px;
	background: white;
	padding: 0 20px;
	border: none;
	box-shadow: none;
	display: block;
	height: 44px;
}
#programa-de-vantagens input[type=submit] {
	text-align: center;
	font-size: 20px;
	border-radius: 8px;
	padding: 0 20px;
	border: none;
	box-shadow: none;
	display: block;
	height: 50px;
	margin-top:20px;
	width: 100%;
	font-weight: 600;
	color: white;
	margin-bottom: 20px;
	border: 2px solid white;
}

#programa-de-vantagens .nome-pax {
	width: 100%;
	border-radius: 8px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	/* text-transform: capitalize; */
	font-size: 20px;
	background: white;
	margin-bottom: 20px;
}
#programa-de-vantagens p {
	color: white;
	text-align: center;
	margin: 0;
}
#programa-de-vantagens .sair {
	border: 2px solid white;
	color: white;
	padding: 5px 20px;
	border-radius: 8px;
	display: inline-block;
	margin: 10px auto 0;
}

#conteudo {
	/* margin: 20px;
	color: #5c5c5c; */

	/* margin: 85px 0; */
	color: #5c5c5c;
	border-top: 5px solid #56a9e0;
	padding: 20px;
}
#conteudo h2 {
	font-weight: 600;
}
#conteudo p {
	font-size: 16px;
	line-height: 130%;
}

.select-local .selected {
	color: white;
	font-size: 20px;
	border-radius: 8px;
	padding: 10px 45px 10px 20px;
	position: relative;
	line-height: 120%;
	
}
.select-local .selected strong {
	font-size: 22px;
}
.select-local .selected svg {
	position: absolute;
	right: 20px;
	top: 20px;
}

.select-local .list-select {
	
}
.select-local .item-select {
	border-bottom: 1px solid;
	line-height: 120%;
	font-size: 18px;
}
.select-local .item-select strong {
	font-size: 20px;
}
.select-local .item-select a {
	display: block;
	padding: 10px 10px;
}


.sobre-o-passeio p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 150%;
color: #666666;
font-weight: 300;
}	
.sobre-o-passeio h5 {
font-family: Roboto;
font-style: normal;
font-weight: 600;
font-size: 23px;
line-height: 120%;
text-align: center;
margin: 30px 0;
}



.sobre-o-passeio ul {
margin: 0;
margin-bottom: 15px;
}
.sobre-o-passeio li {
display: block;
list-style: none;
margin: 0;
}

.sobre-o-passeio ul li span {
margin: 0;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
display: flex;
color: #000000;
align-items: center;
border-bottom: 1px solid #EFEFF4;
padding: 12px 10px;
outline: none;
position: relative;
}
.sobre-o-passeio ul li span:after {
position: absolute;
content: ' ';
background: url(images/mobile/icone-breadcumb-menu.svg);
width: 8px;
height: 13px;
top: 20px;
right: 15px;
}

a, button, span, li, input, div {
outline: none;
}	

.reveal-diretriz {
right: 0;
bottom: 0;
left: 0;
/* height: 90vh; */
width: 100%;
max-width: none;
margin-left: 0;
border: 0;
border-radius: 0;
outline: none;
}
.reveal-diretriz h5 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 22px;
color: #333F93;
margin-top: 4px;
margin-bottom: 20px;
}
.reveal-diretriz img {
right: 30px;
height: 20px;
position: fixed;
}
.reveal-diretriz p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 150%;
color: #666666;
font-weight: 300;
}

.qrcode {
	margin: 00px auto;
	min-width: 200px;
	max-width: 200px;
}




.login-parceiro {
	max-width: 600px;
	margin: 0 auto;
	height: calc(100vh - 138px);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.login-parceiro input[type=text], .login-parceiro input[type=password] {
	background: #EFEFF4;
	border-radius: 8px;
	box-shadow: none;
	border: none;
	width: 100%;
}
.login-parceiro input[type=submit] {
	width: 100%;
	border-radius: 8px;
	font-weight: 500;
	font-size: 16px;
}
.login-parceiro label {
	display: none;
}



.menu-painel p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 150%;
color: #666666;
font-weight: 300;
}	
.menu-painel h5 {
font-family: Roboto;
font-style: normal;
font-weight: 600;
font-size: 23px;
line-height: 120%;
text-align: center;
margin: 30px 0;
}



.menu-painel ul {
margin: 0;
margin-bottom: 15px;
}
.menu-painel li {
display: block;
list-style: none;
margin: 0;
}

.menu-painel ul li span {
margin: 0;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
display: flex;
color: #000000;
align-items: center;
border-bottom: 1px solid #EFEFF4;
padding: 12px 10px;
outline: none;
position: relative;
}
.menu-painel ul li span:after {
position: absolute;
content: ' ';
background: url(images/mobile/icone-breadcumb-menu.svg);
width: 8px;
height: 13px;
top: 20px;
right: 15px;
}


.menu-painel ul li a {
margin: 0;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
display: flex;
color: #000000;
align-items: center;
border-bottom: 1px solid #EFEFF4;
padding: 12px 10px;
outline: none;
position: relative;
}
.menu-painel.menu-painel-home a {
	font-size: 22px;
	font-weight: 500;
}
.menu-painel ul li a:after {
position: absolute;
content: ' ';
background: url(images/mobile/icone-breadcumb-menu.svg);
width: 8px;
height: 13px;
top: 20px;
right: 15px;
}

#sidebar-painel {
	width: 250px;
	min-width: 250px;
}
#conteudo-painel {
	flex: 1 0 auto;
	padding: 0 30px;
}
#conteudo-painel.minhas-vantagens {
	    max-width: calc(100vw - 250px);
}
.conteudo-painel {
	flex: 1 0 auto;
	padding: 0 30px;
}
#conteudo-painel.conteudo-cliente,
.conteudo-painel.conteudo-cliente {
	padding: 0 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#conteudo-painel.conteudo-cliente h3,
.conteudo-painel.conteudo-cliente h3 {
	margin-bottom: 30px;
}
#conteudo-painel .lista-vantagens,
.conteudo-painel .lista-vantagens {
	margin: 0;
}


#container-painel {
  display: flex;
}

#sidebar-painel h2 {
font-size: 25px;
padding: 10px 10px;
margin-top: 10px;
color: black;
background: white;
margin: 20px 10px;
border-radius: 8px;
line-height: 110%;
text-align: center;
}
#sidebar-painel a {
	color: white;
	font-weight: 500;
	font-size: 18px;
}

.parent-pageid-441 {
	padding-bottom: 0;
}

#conteudo-painel input[type=text] {
	border-radius: 8px;
	height: 50px;
	border: none;
	background: #EFEFF4;
	font-size: 21px;
	box-shadow: none;
	padding: 0 15px;
	font-weight: 500;
}
#conteudo-painel.editor-vantagem {
	margin-bottom: 40px;
}
#conteudo-painel.editor-vantagem input[type=text] {
	border-radius: 8px;
	height: 50px;
	border: none;
	background: #EFEFF4;
	font-size: 21px;
	box-shadow: none;
	padding: 0 15px;
	font-weight: 500;
	background-color: white;
	border: 1px solid #ccc;
}
#conteudo-painel.editor-vantagem textarea {
	border-radius: 8px;
	height: 150px;
	border: none;
	background: #EFEFF4;
	font-size: 16px;
	box-shadow: none;
	padding: 0 15px;
	font-weight: 400;
	background-color: white;
	border: 1px solid #ccc;
	resize: none;
	padding: 15px;
}
#conteudo-painel.editor-vantagem label {
	display: block;
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 100%;
	color: #0a0a0a;
	margin: 25px 7px 10px;
}
.header-externo {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 60px;
	margin-top: 60px;
}
#marca-externa {
	width: 450px;
	display: inline-block;
}
p.requisicao-recebida {
	text-align: center;
	margin: 0 60px;
	font-size: 30px;
}
#conteudo-painel.editor-vantagem input[type=submit] {
	width: 100%;
	border-radius: 8px;
	font-weight: 500;
	font-size: 16px;
	box-shadow: none;
	border: none;
	color: white;
	height: 50px;
	cursor: pointer;
	transition: all 0.3s;
	margin-top: 20px;

}
#conteudo-painel.editor-vantagem input[type=submit]:hover {
	opacity: 0.8;
}


a.adicionar-vantagem {
	width: 100%;
	border-radius: 25px;
	font-weight: 400;
	font-size: 20px;
	box-shadow: none;
	border: none;
	color: white;
	height: 60px;
	cursor: pointer;
	transition: all 0.3s;
	margin-top: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.adicionar-vantagem:hover {
	opacity: 0.8;
}

#conteudo-painel select {
	border-radius: 8px;
	height: 50px;
	border: none;
	background-color: #EFEFF4;
	font-size: 18px;
	box-shadow: none;
	padding: 0 15px;
	font-weight: 500;
	background-position: right 3px center;
	background-repeat: no-repeat;
	background-size: 15px 12px;
}
#conteudo-painel.editor-vantagem select {
	border-radius: 8px;
	height: 120px;
	border: none;
	background: #EFEFF4;
	font-size: 21px;
	box-shadow: none;
	padding: 0 15px;
	font-weight: 500;
	background-color: white;
	border: 1px solid #ccc;
	box-shadow: none;
}

#conteudo-painel input[type=submit] {
	width: 100%;
	border-radius: 8px;
	font-weight: 500;
	font-size: 16px;
	box-shadow: none;
	border: none;
	color: white;
	height: 50px;
	cursor: pointer;
	transition: all 0.3s;
	margin-top: 20px;
}
#conteudo-painel input[type=submit]:hover {
	opacity: 0.8;
}

#conteudo-painel table {
	
}

#conteudo-painel .seletor-periodo input[type=submit] {
	width: 100%;
	border-radius: 8px;
	font-weight: 500;
	font-size: 16px;
	box-shadow: none;
	border: none;
	color: white;
	height: 50px;
	cursor: pointer;
	transition: all 0.3s;
	margin-top: 0;
}
#conteudo-painel .seletor-periodo input[type=submit]:hover {
	opacity: 0.8;
}

.botao-painel {
	border-radius: 8px;
	font-weight: 500;
	font-size: 18px;
	box-shadow: none;
	border: none;
	color: white;
	height: 50px;
	cursor: pointer;
	transition: all 0.3s;
	margin-top: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px
}

.botao-painel:hover {
	opacity: 0.8;
	color: white;
}
.inputs-periodo select {
	width: 45%;
	float: left;
	margin-right: 5%;
}
p.nome-pax {
	font-size: 23px;
	line-height: 130%;
}
.botao-menu-painel {
	display: none;
}
.sucesso-beneficio p {
	margin-bottom: 10px;
}
.ativado-sucesso {
	color:white;
	font-size:21px;
	text-align: center;
	padding: 10px 20px;
	text-align:center;
	border-radius: 8px;
	margin-bottom: 20px;
	display: block;
}

.meta-termos {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 18px;
/* or 138% */

text-align: center;

color: #eee;
}
.meta-termos a {
color: white;
font-weight: bold;
}
.meta-login-criar {
display: flex;
align-items: center;
justify-content: center;
}
.meta-login-criar button {
margin: 20px 5px;
}
.meta-conta {
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}
.meta-conta .convidado {
	height: 50px;
	font-size: 24px;
	color: white;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 10px;
	display: flex;
	margin: 0px 20px 0;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	width: calc(100% - 40px);
	text-align: center;
}

.servico-concierge {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.whatsapp-voucher {
	max-width: 120px;
	display: inline-block;
	margin: 20px 0 10px;
}
.servico-concierge a {
	flex-direction: column;
	display: flex;
	margin-bottom: 20px;
	align-items: center;
	justify-content: center;
}
#sidebar-painel .sidebar-admin {
	height: 100vh;
	overflow-y: visible;
}

.camera-flutuante {
	position: fixed;
	z-index: 10001;
	bottom: 76px;
	right: 17px;
	width: 50px;
	height: 50px;
}
.camera-flutuante img {
	width: 100%;
	height: 100%;
	display: block;
}
.meus-cupons-flutuante {
	position: fixed;
	z-index: 10001;
	bottom: 136px;
	right: 17px;
	width: 50px;
	height: 50px;
}
.meus-cupons-flutuante img {
	width: 100%;
	height: 100%;
	display: block;
}

#video-container {
	width: 80vw;
	height: 80vw;
	margin-left: calc(10vw - 20px);
	background: #eeeeee;
	max-height: 60vh;
	padding: 15px;
	border-radius: 20px;
}
#qr-video {
	border-radius: 20px;
	position: relative;
	width: 70vw;
	height: 70vw;
	object-fit: cover;
	max-height: 50vh;
	margin: calc(6vw - 20px);
}

.navigation-tab {
	height: 80px;
	width: 100vw;
	background-color: #fff;
	box-shadow: none;
	border-radius: 0;
	overflow: hidden;
	border: none;
	display: flex;
	position: fixed;
	flex-shrink: 0;
	bottom: 0;
	z-index: 9999;
	box-shadow: 0px -10px 22px #ccc;
	border-radius: 20px;
  }
  .navigation-tab-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 18.75vw;
	flex-shrink: 0;
	cursor: pointer;
	transition: 0.3s;
	position: relative;
	z-index: 2;
  }
  .navegacao-visitante   .navigation-tab-item {
	width: 25vw;
  }

  .navigation-tab-item a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
  }
  .navigation-tab-item.active {
	width: 25vw;
  }
  .navegacao-visitante   .navigation-tab-item.active {
	width: 50vw;
  }
  .navigation-tab-item.active .navigation-tab__icon {
	transform: translate(0px, 0px);
  }
  .navigation-tab-item.active .navigation-tab__txt {
	opacity: 1;
	transform: translate(0, 0);
  }
  .navigation-tab-overlay {
	border-radius: 20px;
	background-color: #e4f2ff;
	height: 100%;
	width: 25vw;
	position: absolute;
	left: 0;
	top: 0;
	transition: 0.3s;
  }
  .navegacao-visitante .navigation-tab-overlay {
	width: 50vw;
  }
  .navigation-tab__icon {
	display: block;
	color: #4298e7;
	transition-duration: 0.3s;
	line-height: 1;
	transform: translate(0, 11px);
  }
  .navigation-tab__txt {
	display: block;
	font-weight: 400;
	font-size: 16px;
	color: #4298e7;
	opacity: 0;
	transition-duration: 0.3s;
	transform: translate(0, 20px);
	user-select: none;
  }
  
  .lista-cupons {
	margin-left: 0;
  }


.acesso-parceiro {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	font-size: 15px;
}
.acesso-parceiro a {
	color: white;
}


  .voucher {
	display: flex;
	flex-direction: column;
	border-radius: .25rem;
	padding: 0;
	margin-bottom: 40px;
  }
  .voucher-body,
  .voucher-footer {
	display: flex;
	position: relative;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	transition: box-shadow .3s ease;
  }
  .voucher-body {
	overflow: hidden;
	flex-direction: column;
	box-shadow: inset 0px 0px 0px 1px #e5e9ec;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
  }
  .voucher-footer-container {
	box-shadow: inset 0px -1px 0px 1px #e5e9ec;
border-bottom-left-radius: .25rem;
border-bottom-right-radius: .25rem;
padding: .5rem;
  }
  .voucher-footer {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: .5rem;
	box-shadow: inset 0px -1px 0px 1px #e5e9ec;
	border-bottom-left-radius: .25rem;
	border-bottom-right-radius: .25rem;
	border-radius: 0;
	box-shadow: none;
  }
  /* .voucher:hover .voucher-footer {
	box-shadow: inset 0px -1px 0px 1px #e5e9ec, 0 0.125rem 0.25rem rgba(33, 37, 41, 0.075) !important;
  } */
  
  .voucher-text {
	flex: 0;
	padding: 0 26px;
	min-height: 80px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	position: relative;
  }
  .voucher-img {
	display: block;
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	height: 100px;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
  }
  
  .voucher-border-left,
  .voucher-border-right {
	position: absolute;
	top: 50%;
	bottom: auto;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .voucher-border-right {
	right: 0;
  }
  .voucher-border-left {
	left: 0;
  }
  .voucher-border-left:before,
  .voucher-border-right:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	border: 1px solid #e5e9ec;
	border-radius: 50%;
	background: #f8f9fa; /* Change THIS when changing container background color*/
  }
  .voucher-border-left:before {
	left: -15px;
  }
  .voucher-border-right:before {
	right: -15px;
  }
  
  .voucher-details {
	width: 100%;
  }
  .voucher-details .details-icon,
  .voucher-details .details-text {
	display: inline-block;
	vertical-align: middle;
	margin-right: -4px;
	max-width: calc(100% - 32px);
  }
  .voucher-details .details-icon {
	margin-right: 8px;
	width: 24px;
  }
  
  .voucher-details .text-title {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
  }
  .voucher-details .text-description {
	display: flex;
	justify-content: flex-start;
	color: rgba(0, 0, 0, 0.7);
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
  }
  
  .voucher-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .voucher:hover .voucher-overlay {
	opacity: 1;
	visibility: visible;
  }
  
  .text-primary {
	color: #eb3833 !important;
  }
  .bg-orange-gradient {
	background: #EB3833;
	background-image: linear-gradient(to right bottom, #ff541e, #ff4835, #fc3d47, #f63657) !important;
  }

  .voucher h5 {
	color: white;
	text-align: center;
	font-size: 21px;
	line-height: 120%;
	margin: 0;
  }

  .exibir-na-bilheteria {
	text-align: center;
	margin: 0;
  }
  .exibir-na-bilheteria small {
	font-size: 10px;
  }


  /* .voucher-admin a {
	display: block;
	width: 100%;
  } */

  .voucher-admin .voucher-details .details-icon {
	margin-right: 8px;
width: 44px;
  }
  .voucher-admin .voucher-details .text-description {
	font-size: 22px;
  }
  .voucher-admin .voucher-footer {
	justify-content: center;
  }

@media only screen and (max-width: 1140px) {
	.botao-menu-painel {
		display: inline-block;
	}
	#sidebar-painel {
		width: 100%;
		position: absolute;
		height: calc(100vh - 98px);
		translate: -100vw;
		transion: all 0.3s;
	}
	#sidebar-painel.ativo {
		translate: 0;
	}
	#conteudo-painel {
		flex: inherit;
		padding: 0 30px;
	}
	
	#container-painel {
	  display: flex;
	}

	#tabela-relatorio th, #tabela-relatorio td {
	font-size: 15px;
	padding: 3px 10px;
	}
}

@media only screen and (min-width: 1141px) {
	
}