@charset "UTF-8";
/* CSS Document */
@viewport{
	zoom: 1.0;
	width: extend-to-zoom;
}
/* ====================== */
.menucanvas {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 100vh;
	left: 0;
	margin: 0;
	z-index: 9000;
	padding:0;
	backdrop-filter: blur(35px);
	-webkit-backdrop-filter: blur(35px);	
}
.menucanvas:before {
	width: 100vw;
	height: 100vh;
	position: fixed;
	 content: '';
	background: url("../img/patternblack.png");
	background-repeat: repeat;
	background-size: 1px;
	opacity: .35
}
 .navmenu {
	 display: none;
	 background: rgba(47, 137, 171, 1);
	 font-size: 2em;
	 cursor: pointer;
	 position: fixed;
	 bottom: 31vh;
	 right: 0;
	 z-index: 10000;
	 opacity: 1;
	 border-radius: 5px 0 0 5px;
	 width: 4vw;
	 height: 16vw;
	 opacity: .85;
   }
 .navmenu ul{
		height: 100%;
	  }
 .navmenu li{
	   width: 100%;
	   height: 25%;
	   display: -webkit-box;
	   display: flex;
	   -webkit-box-pack: center;
	   justify-content: center;
	   text-align: center;
	   -webkit-box-orient: vertical;
	   -webkit-box-direction: normal;
	   flex-flow: column nowrap;
	   border-radius: 0 0 0 5px;
   }
  
 .navmenu li:last-child{
		  background: rgba(246, 239, 9, 1)
	  }
 .tours{
	 background: none;
	 width: 50%;
	 height: 100vh;
	 display: -webkit-box;
	 display: flex;
	 -webkit-box-pack: center;
	 justify-content: center;
	 text-align: center;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 flex-flow: column nowrap;
 }  
.main {
	text-align: right
}
#viewalltours{
	font-weight: 700;
	background: rgba(255, 255, 255, .2);
	padding: .5em 1em;
	border-radius: 5px;
	margin-top: .5em;
	width: 30%;
	margin-left: 60%;
	z-index: 3000;
	cursor: pointer;
}
#viewalltours span{
	font-weight: 700;
	font-size: 1.5em;
	color: rgba(246, 239, 9, 1);
	margin-left: .5em;
}
#viewalltours:hover{
	color: rgba(246, 239, 9, 1);
}
.main li a.rotulo{
	font-style: normal;
		font-weight: 400;
		text-transform: uppercase;
		font-size: 2em;
		line-height: normal;
		letter-spacing: 0;
		text-align: left;
		white-space: normal;
		margin: 0;
		padding: 0;
	  color: rgba(255, 255, 255, 1);
	  filter: drop-shadow( 0 0 3px rgba(0, 0, 0, 0.4) );
	  cursor: pointer;
}
.others{
	position: absolute;
	left: 52%;
	bottom: 12%;
	display: table;
}
.others ul{
display: table-cell;
vertical-align: bottom;
padding-left: 30px;
}
.others ul span{
font-size: 1rem;
margin-left: 5px;
}
.legal{
	font-size: .7em;
	color: rgba(225, 228, 218, 1);
	padding-right: .75em;
	text-align: right
}
.legal li a:after {
	font-family: 'icomoon';
	content: "\e92f";
	font-size: 1em;
	color: #f6ef09
}
.social{
	font-size: .7em;
	color: rgba(225, 228, 218, 1);
	padding-right: .75em;
	text-align: right
}
.social li.socialmedia {
	padding-top: 1em
}
.social li.socialmedia span{
	font-size: 1.3rem;
}
.menucanvas .adress{
	text-align: right;
	font-size: .7em;
	color: rgba(225, 228, 218, 1);
	padding-right: .75em;
  }
  .menucanvas .adress span{
	float: right;
	color: #e1e4da
  }
  .menucanvas .adress #copy{
	color: #f6ef09;
	font-size: .75em;
	opacity: .75;
  }
.closemenu.close{
	position: absolute;
	top: 10%;
	right: 5%;
	cursor: pointer;
}
.closemenu.close span{
	font-size: 3em;
	color: rgba(246, 239, 9, 1);
}


.logos{
position: absolute;
width: 95%;
top: 105%;
left: 0;
border-top: 1px solid rgba(255, 255, 255, 0.521);
padding-top: 1em;
margin-top: 1em;
}

.complaints a{
	color: rgba(224, 245, 27, 1);
	font-weight: 800;
}
/*================================*/


/*==== habilitar para menu horizontal
.menu li{
	display: inline-block;
}

.menu .sub-menu li{
	display: table;
}
=====*/


.sub-menu{
	display: none;
	background: rgba(0, 0, 0, 0.1);
	padding: 1em;
	width: 70%;
	margin-left:23%;
	border-radius: 5px;
	font-size: .6em;
}

.sub-menu li{
	margin: 0;
	margin-bottom: -.9em;
}

.sub-menu a{
	color: #ffffff;
	font-size: 1.1rem;
	filter: drop-shadow( 0 0 2px rgba(0, 0, 0, 0.2) );
}

/* Símbolo elemento desplegable cerrado */
.main li.desplegable a:after {
	font-family: 'icomoon';
	content: "\e919";
	font-size: .75em;
	color: #f6ef09;
}

.main li.desplegable a:before {
	font-family: 'icomoon';
	content: "\e92f";
	font-size: .5em;
	color: #e1e4da;
}

/* Símbolo elemento desplegable abierto */
.main li.desplegable.activa a:after {
	font-family: 'icomoon';
	content: "\e91c";
	font-size: .75em;
	color: #e1e4da
}

/* Eliminar símbolos para sub-opciones */
.main li.desplegable ul li a:before,
.main li.desplegable.activa ul li a:before {
	font-family: 'icomoon';
	content: " \e92f";
	font-size: .75em;
	color: #f6ef09
}
.main li.desplegable ul li a:after,
.main li.desplegable.activa ul li a:after {
	font-family: 'icomoon';
	content: "";
	font-size: .25em;
	color: #000000
}