/* SLIDE LEFT MENU */

.slide_left_close{

position:fixed;
left:-100px;

}

slide_left {

width: 100%;
height: 30px;
position: fixed;
top: 0;
left: 0;
margin-top: 0px;
margin-left: 0px;
z-index: 9999;
filter:alpha(Opacity=50);
-moz-opacity:0.5;
opacity: 0.5;

}

.slide_left_open{

left:0px;

}

slide_left > ul{

   float:left;
   background-color:#3498db;
}

slide_left > ul > h2{

border-bottom:solid 1px #2980b9;

}

slide_left ul li{

background-color:#6badda;

}

slide_left ul li:hover{

background-color:#4fa3dc;

}

/* RESET */

slide_left a{

text-decoration:none;
color:inherit;
display:block;

}

slide_left h1,h2,h3,h4,h5,p,div{

margin:0;
padding:0;

} slide_left{

z-index: 9999900;

} /* CONTENT */

.envato{

margin:0 10px;
outline:none;
border:none;
background-color:#666;
color:#fff;
font-family:'Raleway',sans-serif;
height:30px;
width:135px;
cursor:pointer;

}

.graphicriver:hover{

background-color:#308EB1;

}

.codecanyon:hover{

background-color:#E78733;

}

.rate{

font-size:15px;

}

/****************************************************/ /* OVERALL MENUS STYLES */ /*****************************************************************************/

/* BODY */

.body_close{

overflow-x:hidden;
position:relative;
left:0;

}

.body_open_left{

left:220px;

}

.body_open_right{

left:-220px;

}

/* OVERALL MENUS */

.srl_menu{

margin-top:150px;
height:100%;

}

.prl_menu{

margin-top:105px;
height:100%;

}

.list_menu{

list-style:none;
padding:0;
margin:0;
width:100px;

}

.list_menu h2{

color:#f5f5f5;
padding:12px 0 0 12px;
height:30px;
font-size:19px;

}

.list_menu li{

display: block;
color:#f5f5f5;
width:100px;
padding:14px 0 14px 20px;

}

/* BUTTONS */

.z-index-over{/*Just for presentation purposes, to appear over the Push Left Menu (activated with javascript, please see .js file) - you can use it if you have the two, but it's not required*/

z-index:99999;

}

.button{

border:none;
outline:none;
width:45px;
height:45px;
padding:0;
cursor:pointer;

}

.button img{

margin-right:2px;
margin-top:4px;

}

.sbutton{

background-color:#3498db;
border-bottom:solid 1px #2980b9;

}

.pbutton{

background-color:#3498db;
border-bottom:solid 1px #2980b9;

}

/* TRANSITIONS */

.slide_left_open,.slide_left_close,.slide_right_open,.slide_right_close,.slide_top_open,.slide_top_close,.slide_bottom_open,.slide_bottom_close,.push_left_open,.push_left_close,.body_close,.body_open_left,.body_open_right,.push_right_open,.push_right_close,.button_top_close,.button_top_open,.button_bottom_close,.button_bottom_open{

-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;

}

/* MEDIA QUERIES ONLY FOR THE EXAMPLE PAGE - MENU MEDIA QUERIES CAN BE FOUND AT THE END OF MENUS.CSS */

@media only screen and (max-width : 480px) {

body{
    min-width:320px;
}
.graphicriver{
    margin-bottom:15px;
}

}