body{
    margin: 0px;
    font-family: 'Zilla Slab', serif;
}
::-webkit-scrollbar-thumb {
    background: #fabb6b;
    border-radius: 10px;
} 

::-webkit-scrollbar {
    width: 10px; 
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #f0717c;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #82569b;
 
}


/* close ask*/
#toolask{
    color: green;
    text-decoration: underline;
}
#toolask:hover{
    cursor: pointer; 
}
  
.msgtoolimage{
    display: none;
    width: 100%;
    height: auto; 
    overflow: hidden;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: 40px;
    z-index: +15;
    background-color: white;
    border: 1px solid rgb(185, 183, 183);
    border-radius: 7px;
 
}
.msgtoolimage #closeimagetool{
    width: 30px;
    height: 30px;
    overflow: hidden;
}
.msgtoolimage #closeimagetool:hover{
    color: red;
    cursor: pointer;
}

.msgtoolimage b{
    width: 90%;
    height: auto;
    overflow: hidden;
    font-size: 17px;


}

/* close ask*/




.wait{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: +10;
    background-color: #dad9d99f;
}
#load{
    display: none;
    position: absolute;
    top:0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    margin: 0px auto;
    z-index: +11;
}

.err-danger{
    color: red;
    margin-top: -10px;
}
.terms{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}
.terms #terms_title{
    opacity: .7;
}
.terms #terms_text{
    width: 95%;
    height: 450px;
    overflow: hidden;
    opacity: .8;
    text-align: justify;
margin-left: 2%;
    
}


#menu_logo{
    width: 95%;
    height: 80px;
    margin-left: 2%;
}


/* read it all ////////////////////// */

.read_terms{
    display: none;
    width: 70%; 
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 80px;
    left: 20%;
    background-color: white;
    z-index: +25;
    padding: 5px;

}
.read_terms #terms_title{
    opacity: .7;
}
.read_terms #terms_text{
    width: 90%;
    height: 490px;
    overflow:auto;
    opacity: .8;
    text-align: justify;
margin-left: 2%;
padding: 10px;
    
}


.ads{
    width: 100%;
    height: 50px;
}
.text_approvel{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.text_approvel .center{
    width: 70%;
    height: 300px;
    overflow: hidden;
    margin:0px auto;
}

.text_approvel .center h1{
    opacity: .8;
}
.text_approvel .center p{
    opacity: .8;
    font-size: 20px;
}







@media only screen and (min-width:280px) and (max-width:480px){
    
    .homelink{
        display: block;
    }
    #homea{
        display: block;
    }
    .sidebar-nav{
        display: block;
    }

    #menu_logo{
        width: 95%;
        height: 30px;
        margin-left: 2%;
    }
     
    .check{
      display: none;
    }

    #itwork{
        position: absolute;
        top: 10px;
       right: 10px;
        width: 50%;
    }
    .headeradd{
        width: 100%;
    }
    .headeradd a{
        float: left;
        display: block;
        margin:2px;
    }
    
    
}


@media only screen and (min-width:481px) and (max-width:767px){
    
   
    .homelink{
        display: block;
    }
    #homea{
        display: block;
    }
    .sidebar-nav{
        display: block;
    }

    #menu_logo{
        width: 95%;
        height: 30px;
        margin-left: 2%;
    }
     
    .check{
      display: none;
    }

    #itwork{
        position: absolute;
        top: 10px;
       right: 10px;
        width: 50%;
    }
    .headeradd{
        width: 100%;
    }
    .headeradd a{
        float: left;
        display: block;
        margin:2px;
    }
    
    
}

@media only screen and (min-width:740px) and (max-width:1170px){
        
    .terms{
        display: none;
    }
    #menu_logo{
        display: none;
    }
}