#themenu {
 position: absolute;
 top: 30px;
 transition: left ease 1s, opacity ease 3s;
 text-align: right;
}
.hidemenu {
 opacity: 0.1;
 left: -180px;
}
.showmenu {
 opacity: 1.0;
 left: -20px;
}
.menu {
 xposition: absolute;
 xwidth: 99%;
 font-family: "Montserrat Alternates", sans-serif;
 font-size: 18px;
 margin: 0;
}
.menu ul {
 list-style: none;
}
.menu li {
 xxxfloat: left;
 width: 130px;
 margin: 2px;
 margin-right: 5px;
 border-radius: 2px;
 background-color: rgba(255,255,255,0.35);
 padding: 2px;
 transition: background-color ease 1s;
/* box-shadow: 2px 2px 1px rgba(255,255,255,0.65);*/
}
.menu li:last-child {
 margin-right: 0;
}
.menu a {
 text-decoration: none;
 color: #aaa;
 transition: color ease 0.5s;
}
.menu a:hover {
 border-bottom: 2px solid black;
 color: #000;
 transition: color ease 0.2s;
}
.menu li:hover {
 background-color: rgba(255,255,255,1.0);
 transition: background-color ease 0.1s;
}
#menuicon {
 border-bottom: 17px double #555;
 border-top: 6px solid #555;
 content: "";
 height: 5px;
 width: 30px;
}
.ricon {
 display: none;
 cursor: pointer;
 position: absolute;
 float: left;
 margin: 5px;
 margin-top: 14px;
 transition: all ease 0.55s;
 z-index: 100;
 width: 30px;
 height: 30px;
}
.menuname {
 position: relative;
 left: 40px;
 font-family: "Montserrat Alternates", sans-serif;
 font-size: 20px;
 color: #555;
/* text-shadow: 1px 1px 1px black, -1px -1px 1px black;*/
}
.rot90 {
 transform: rotate(90deg);
 transition: all ease 0.9s;
 transition-delay: 0.3s;
}
ul .separate{
 margin-top: 30px;
}

/* www.cssarrowplease.com */
.arrow_box {
	position: relative;
	xxxbackground: #88b7d5;
	background: #fff;
	xxxborder: 12px solid #c2e1f5;
	xxxborder: 12px solid #bbb;
	border: 1px solid #bbb;
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	xxxborder-color: rgba(136, 183, 213, 0);
	border-color: rgba(175, 175, 175, 0);
	xxxborder-left-color: #88b7d5;
	border-left-color: #fff;
	border-width: 18px;
	margin-top: -18px;
	border-width: 13px;
	margin-top: -13px;
}
.arrow_box:before {
	xxxborder-color: rgba(194, 225, 245, 0);
	border-color: rgba(175, 175, 175, 0);
	xxxborder-left-color: #c2e1f5;
	border-left-color: #111;
	xxxborder-width: 35px;
	xxxmargin-top: -35px;
	border-width: 13px;
	margin-top: -13px;
}
.arrow_box a {
 color: #000;
}