ul.navigation {
	list-style: none;
	margin: 0;
	padding: 1vw 0 0 0;
	overflow: hidden;
	color: black;
	box-shadow: 5px 0px 8px #888888;
	display: none;
}

.header-menu {
	height: 50px;
}

#header {
	/*margin-top: 20px;
	height: 50px;*/
	/*font-family: comfortaa;*/
	font-size: 2vw;
	color: #333333;
	text-align: left;
}

.navigation>li {
	/*float: left;*/
	border-radius: 3vw;
	height: 5vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
	padding-left: 1vw;
	text-decoration: none;
	width: 100%;
	transition: 100ms;
	-webkit-transition: 100ms;
	-moz-transition: 100ms;
	-o-transition: 100ms;
	-ms-transition: 100ms;
	/*background-color: #63367c;*/
}

.navigation>li:hover {
	/*border: 2px solid grey;*/
	/*background-color: #222222;*/
	/*color: white;*/
	font-size: 2.1vw;
	/*background-color: #3b0060;*/
	/*border-radius: 25px;*/
	border: 0.2vw solid #3b0060;
	cursor: pointer;
}

.active {
	background: rgb(59, 0, 96);
	background: -webkit-linear-gradient(right, rgba(59, 0, 96, 100) 0%, transparent 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, rgba(59, 0, 96, 100) 0%, transparent 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(59, 0, 96, 100) 0%, transparent 100%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(59, 0, 96, 100) 0%, transparent 100%); /* Standard syntax */
	color: white;
	/*font-size: 18px;*/
}



/*.underline-header {
	border-bottom: 2px solid black;
	height: 20px;
	font-weight: bold;
}*/


.item {
	height: 100%;
	padding-top: 3px;
}

.icon_menu {
	transition: 500ms;
    -webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	-ms-transition: 500ms;
}

.icon_menu:hover {
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: 500ms;
    -webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	-ms-transition: 500ms;
	cursor: pointer;
}

#btn_play {
	opacity: 0;
	transition: 500ms;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	-ms-transition: 500ms;
}

#btn_play:hover {
	transition: 500ms;
	-webkit-transition: 500ms;
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
     cursor: pointer;
}

div.click2Play {
	font-family: advent;
	color: black;
	height: 6vw;
	font-size: 4vw;
}

.ic_brain {
	 /*opacity: 0.7;*/
	 height: 6vw;
	 width: 100%;
	 text-align: center;
	 /*margin-left: 0.05vw;*/
	 /*border-bottom: 2px solid white;*/
	 padding-bottom: 1vw;
}

/*.ic_brain:hover {
	opacity: 1;
}*/

img#ic_brain:hover {
	cursor: pointer;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transition: 100ms;
	-webkit-transition: 100ms;
	-moz-transition: 100ms;
	-o-transition: 100ms;
	-ms-transition: 100ms;
}


.brain {
	opacity: 0.5;
	transition: 100ms;
	-webkit-transition: 100ms;
	-moz-transition: 100ms;
	-o-transition: 100ms;
	-ms-transition: 100ms;
}

 .sidebar {
 	overflow-y: auto;
 	overflow-x: hidden;
     position: fixed;
     /*width: 0px;*/
     /*height: 100vh;*/
     width: 12vw;
     /*background: #63367c;*/
     background: transparent;
     opacity: 0.8;
     /*padding-top: 0.5vw;*/
     display: block;
     top: 6vw;
     /*box-shadow: 5px 0px 8px #888888;*/
     z-index: 12;
 }

 .menuIcon {
 	position: fixed;
 	top: 1.75vw;
 	left: calc(10px + 3.5vw);
 	width: 12vw;
 	text-align: left;
 	z-index: 11;
 	/*background: #63367c;
    box-shadow: 5px 0px 8px #888888;*/
 }

 .containerMenu {
    display: inline-block;
    cursor: pointer;
}

.bar/*1, .bar2, .bar3*/ {
    width: 1.75vw;
    height: 0.25vw;
    min-width: 15px;
    min-height: 2px;
    background-color: #333;
    margin-bottom: /*0.30vw*/calc(2px + 0.20vw);
    transition: 0.4s;
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
}

/*.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}*/