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

 


body{
    margin:0;
    padding:0;
    font-family: 'Raleway', 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:600px;
    margin:100px auto;
}

#container h3{
    font-family: 'Lobster', cursive;
    font-size:30px;
    color:#555;
}

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

.rate{
    font-size:15px;
}

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

/* BODY */

.body_close{
    overflow:hidden;
    position:relative;
    left:0;
}

.body_open_left{
    left:220px;
}

.body_open_right{
    left:-220px;
}

/* OVERALL MENUS */

.srl_menu{
    height:100%;  z-index: 99;
}

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

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

.list_menu h2{
    color: #f5f5f5;
    padding: 8px 0 0 20px;
    height: 30px;
    font-size: 16px;
}

.list_menu li{
    color: #f5f5f5;
    /* font-weight: 600; */
    width: 80px;
    padding: 6px 0 8px 20px;
}

/* BUTTONS */

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

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

.sbutton{
    background-color: #637fe4;
}

.sbutton1{
    background-color: #6c36eb;
}

.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,.push_left_open,.push_left_close,.body_close,.body_open_left,.body_open_right,.push_right_open,.push_right_close{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* MEDIA QUERIE EXAMPLES */

@media only screen and (max-width : 480px) {
    
    #slide_top > nav a{
        padding: 20px 0 25px 0;
    }
	
}