
path#bowPATH {
    fill: white;
    border: 2px solid white;
	/*fill: rgba(255,0,0,0.6);*/
}

.container {
	width: 92px;
	height: 100%;
  position:fixed;
  top:0;
  left:0;
  display: block;
}



.sidebar{
display: block;
width: 75px;
position:fixed;
left: 0;
top: 0;
height: 100%;
background: white;
opacity:1;

    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;

}

.sidebar_shape{
display: block;
width: 360px;
position:fixed;
left: -360px;
top: 0;
height: 100%;
/*background:url("http://klokmork.site/tmok/bgtestmenu.png");*/
/*background:white;*/
background:url("/img/menu_bg_open.png");
background-size: 100% 100%;

    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;

}

.ilerle{
  left:0;
}

.sidebar_shape:hover{
   left:0 !importat;
}

.genis{
  width: 100px !important;
    -webkit-transition-duration: 400ms!important;
    -moz-transition-duration: 400ms!important;
    -o-transition-duration: 400ms!important;
    transition-duration: 400ms!important;
/*background:none;
background-image:url("http://klokmork.site/tmok/bgtestmenu.png");*/
background-size: 100%  100%;
}


.nav {
	position: relative;
	top: 0;
	left: 0;
	width: 350px;
	height: 100%;
	-webkit-transform: translateX(-40%);
	-ms-transform: translateX(-40%);
	transform: translateX(-40%)
}

#bowSVG {
	position: absolute;
	width: 100%;
	top: 0;
	left:13px
}

#bowPATH,
.menu {
	position: absolute;
	left: -50%
}

.menu {
	padding-top: 40px;
	display: inline-block;
	width: 50%;
	text-align: right;
	padding-right: 30px;
	left: 0;
	top: 0;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.menu__item {
	font-family: arial;
	opacity: 0
}

.menu__link {
	color: #ddd;
	text-decoration: none;
	font-size: 24px
}

@media (min-width:1000px) {
	body {
		font-size: 50px
	}
}

@media (max-width:600px) {
	body {
		font-size: 16px
	}
}

@media (prefers-reduced-motion:reduce) {
	* {
		-webkit-transition: none!important;
		-o-transition: none!important;
		transition: none!important
	}
}


/*# sourceMappingURL=app.css.map */