/****************************************************/
/* OVERALL RESET STYLES */
/*****************************************************************************/

/* RESET */


body{
  /*  margin:0;
    padding:0;
    font-family: 'Varela Round', sans-serif;
    font-size:15px;
    width:100%;
    background-color:#eee;
    color:#666;*/
}

a{
    text-decoration:none;
    color:inherit;
}

h1,h2,h3,h4,h5,p,div{
   /* margin:0;
    padding:0;*/
}

/* CONTENT */

#container{
   /* text-align:center;
    width:66%;
    margin:100px auto;*/
}


.envato{
    margin:0 10px;
    outline:none;
    border:none;
    background-color:#666;
    color:#fff;
    font-family:'Raleway',sans-serif;
    height:50px;
    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:50px;*/
    height:100%;
}

.prl_menu{
    margin-top:105px;
    height:100%;
}

.list_menu{
    list-style:none;
    padding:0;
    margin:0;
    width:220px;
}

.list_menu h2{
    color:#f5f5f5;
    padding:12px 0 0 20px;
    height:32px;
    font-size:19px;
}

.list_menu li{
    color:#f5f5f5;
    width:100%;
   
}

/* 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:500;
}

.button{
   /* border:none;
    outline:none;
    width:45px;
    height:45px;
    padding:0;
    cursor:pointer;*/
}

.button img{
    margin-right:2px;
    margin-top:4px;
}

.sbutton{
    /*background-color:#e74c3c;*/
}

.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;
    }
	
}