#sidebar {
	position: fixed;
	width: 55%;
	height: 100vh;
	padding: 0;
	top: 0;
	left: 0;
	background: none;
	cursor: pointer;
	text-align: right;
	z-index: 100;
	overflow: visible;
}
#sidebar  h2 {
	text-align: right;
}
#sidebar  h1 {
	text-align: right;
	font-size: 4.5em;
	letter-spacing: -.05em;
}
#sidebar  hr {
	margin: 5px 0;
}
#sidebar a.active {
	color: #f6ef09;
}

#sidebar a:hover {
	color: #e1e4da
} 

#sidebar p {
	color: #ffffff;
	text-align: right;
	text-transform: uppercase;
	font-weight: 200;
}
#sidebar  ul {
	position: absolute;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, .4);
	padding: 1em 1em 2em;
	border-right: 1px solid rgba(47, 137, 171, 1);
	border-radius: 5px;
}
#sidebar  ul li{
	display: block;
}
#sidebar  ul li a{
	border: 0;
	font-size: 1em;
	font-weight: 400;
	text-decoration: none;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1)
}

#sidebar  ul li a#book-now{
	color: #2f89ab;
	font-weight: 700;
}

#sidebar  ul li a#book-now.active{
	color: #f6ef09;
	font-weight: 700;
}



#sidebar  ul li a:after {
	font-family: 'icomoon';
	content: "\e92f";
	font-size: .75em;
	color: #f6ef09;
}
#sidebar  div{
	width: 73%;
	height: 100vh;
	background: none;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: right;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-flow: column nowrap;
}
#sidebar #otheroptions{
	font-weight: 700;
	background: rgba(255, 255, 255, .2);
	padding: .5em 1em;
	border-radius: 5px;
	margin-top: .5em;
	width: 30%;
	margin-left: 60%;
}
#sidebar .showsidebar{
	position: absolute;
	right: -92vw;
	bottom: 28%;
	font-size: 4em;
	color: rgba(246, 239, 9, 1);
}


div#content{
	position: relative;
	min-height: 100vh;
	width: 45%;
	background: none;
	margin-left: 55%;
	white-space: pre-wrap;
}

div#content section{
	width: 70%;
	padding: 12vh 20% 0 10%;
	color: #ffffff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
}

div#content .blur{
	backdrop-filter: blur(20px);
	 -webkit-backdrop-filter: blur(20px);
	 padding-bottom: 25vh;
	 line-height: 1.4em;
}


div#content .blur section{
	margin-left: 5%;
	padding: 20px 20px 50px;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

div#content .blur ul{
	margin: -2em 0 0;
	padding: 0;
}

div#content .blur ul li{
	margin: -1em 0;
	padding: 0;
}

div#content .blur ul li:before{
	font-family: 'icomoon';
	content: '\e92f';
	color: rgba(246, 239, 9, 1);
}
div#content .blur h2{
	margin-bottom: 0;
	color: rgba(225, 228, 218, 1);
	background: rgba(0, 0, 0, 0.1);
	text-shadow: none;
	padding-left: 1em;
	border-bottom: 2px solid rgba(246, 239, 9, 1);
}

div#content .blur p{
	font-weight: 600;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	margin: 0;
	padding: 0;
}
div#content .blur p.resaltado{
	font-weight: 400;
	text-transform: capitalize;
	text-shadow: none;
	padding: 1em;
	background: rgba(0, 0, 0, .3)
}
div#content .blur p:after{
	font-family: 'icomoon';
	content:'\e933';
	color: rgba(246, 239, 9, 1);
	font-size: .8em;
	font-weight: 200;
}

div#content #screen{
	height: 100vh;
}
 .call{
	 background: rgba(0, 0, 0, .2);
	 width: 80%;
	 border-left: 4px solid rgba(246, 239, 9, 1);
	 padding: 1em;
	 margin: 0 auto;
	 text-align: left;
	 border-radius: 5px;
 }