@charset "windows-1255";


/*ALON FROM SIDE VERSION 4*/
#menu{
	transition: all 0.3s ease;
	position: fixed;
	width: 0%;
	top: 0;
	right: -245px;
	background: #232528;
	height: 100%;
	z-index: 999;
	box-shadow: 0px 0px 10px black;transition: all 0.3s ease 0s;font-size:15px;
}


#menu a{
	color: #ffffff;
	display: block;
	text-align: center;
	text-decoration: none;

	border-radius: 0px;
	transition: all 0.4s ease;
	z-index: 999;
	
	height: 38px;
    line-height: 45px;
    padding-top: 3px;
    padding-bottom: 5px;
    opacity: 0.8;
    border-bottom: 1px solid #636369;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
	
	background-image: url("../next-shortcut.png");
    background-position: 6px 15px;
    background-size: 25px 25px;
	background-repeat: no-repeat;
	
}

#menu1 a{
text-align:center;
background-image: url("");
margin-top: 12px;
}

#menu1 a:hover{
text-align:center;
background-image: url("");
margin-top: 12px;

}


/*ALON
#menu a:hover{
	background: rgb(50, 50, 50);z-index: 999;		
	
	background-image: url("../next-shortcut.png");
    background-position: 20px 18px;
    background-size: 22px 22px;
	background-repeat: no-repeat;
}
*/
 
#menu-toggle{
	position: fixed;
	top: 0px;
	right: 0;
	background-image: linear-gradient(#484848, #232323);
	background: rgb();
	z-index: 1000;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	transition: all 0.3s ease;
}

#menu-toggle:hover{
	cursor: pointer;
}

#menu.open{
	right: 0;
	width: 245px;
	display: block;
}

#menu-toggle.open{
	right: 245px;
}






.slidx-menu { background-color: #777777; }



/*alon  slide-menu  */
        .slidx-menu {
    transition: all 0.3s ease;
	position: fixed;
	width: 0%;
	top: 0;
	right: -200px;
	  background-image: linear-gradient(to top right,   #DCDCDC, #202020 1%, #0C0C0C);
	 
	height: 100%;
	z-index: 999;
	box-shadow: 0px 0px 10px black;transition: all 0.3s ease 0s;font-size:15px;
        }
        .slidx-menu li {
            padding: 0px 0px 0px 0px;
            list-style: none;
        }
        .slidx-menu li:hover {
            background-color: ;
            cursor: pointer;
        }
        #slidx-button {
            background-color: ;
            padding: 0px 0px;
            border-radius: 3px;
            margin: 0px 0px 0px 0px;

        }
        #slidx-button:hover {
            background-color: ;
            cursor: pointer;
        }
/*alon  slide-menu  */