html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: 'Rubik', sans-serif;
}

body{
    font-size: 15px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    background: #fff;
    color: #191919;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track-piece {
    background-color: #191919;
    -webkit-border-radius: 0
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #999;
    -webkit-border-radius: 4px;
    outline: 2px solid #191919;
    outline-offset: -2px;
    border: 2px solid #191919
}

::-webkit-scrollbar-thumb:hover {
    height: 50px;
    background-color: #9f9f9f;
    -webkit-border-radius: 4px
}

button:focus{
    outline: none;
}

/**********************************/
/**********************************/

.floatingNav{
    left: 0;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 100;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: rgba(58, 71, 84, 1);
    background: rgba(44, 54, 64, 1);
    box-shadow: 0 -10px 30px -5px rgba(0,0,0,0.15);
}

.floatingNav .mobileNav{
    display: flex;
    align-items: center;
}

.floatingNav .mobileNav a{
    color: rgb(181 182 183);
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 8px 10px;
    min-width: 50px;
    transition: all .075s ease-out;
    position: relative;
    border-right: 1px solid #4d4c4c;
}

.floatingNav .mobileNav a.active{
    background: rgb(12 12 12);
    border-radius: 5px;
}

.floatingNav .mobileNav a span{
    font-size: 11px;
    margin-top: 1px;
    text-transform: uppercase;
}

.floatingNav .mobileNav a img{
    
}

.floatingNav .mobileNav a i{
    font-size: 20px;
    color: rgb(181 182 183);
}


.sidebar{
    border-right: 1px solid #ddd;
    height: 100%;
}

.sidebar .leftNav{
    
}

.sidebar .leftNav a{ 
    display: block;
    padding: 20px 0;
    color: #222;
    font-weight: 400;
    font-size: 15px;
    text-decoration: none;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

   

}

@media screen and (max-height: 26.375em){

    
}


/*********************************/
/*********************************/

.footer{
    background: #333;
    color: #fff;
    position: relative;
    padding: 10px 0;
}

/********************************/
/********************************/

@media (max-width: 767px){
    
}

@media (min-width: 576px){
    
}

@media (min-width: 992px){
    
}

@media (min-width: 1200px){
   .container, .container-sm, .container-md, .container-lg, .container-xl {
       
    }  
}