@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

body {
  overflow-x: hidden;
  font-family: 'Lato', sans-serif;
  color: #505962;
}

.offset::before{
    display: block;
    content: "";
    height: 6rem;
    margin-top: -6rem;
} 

.navbar {
    /*text-transform: uppercase;
    font-weight: 700;
    font-size: .9rem;
    letter-spacing: .1rem;*/
    /*background:#212a3f!important;*/
  }

  .btn-red {
    background:red;   
    border-color:red;  
    margin: 0 .2rem; 
    border-radius: 0;
  }
  
  .red {
    background:red;   
    border-color:red;  
    margin: 0 .2rem; 
  }
  
  .red:hover {
    background:wite;   
    border-color:red; 
    color: white;    
    margin: 0 .2rem; 
  }

  #signin {
      color: white;
      margin: 0 .2rem; 
  }

  #register {
    color: white;
    margin: 0 .2rem; 
}

.fullWidth {
    width: 100%;
}

.btn-outline-success {
    color: #00b6f3;
    border-color: #00b6f3;
}

.btn-outline-success:hover {
    background-color: #00b6f3;
    border-color: #00b6f3;
}

.btn-outline-success:active {
    background-color: #00b6f3;
    border-color: #00b6f3;
}

/*--- aside ---*/

.aside {
    margin-top: 6rem;
    padding: 1rem;
}

.aside img.logo {
    width: 100%;
    max-width: 240px;
}

.aside p {
    margin-top: .6rem;
    margin-left: .4rem;
}

.aside-content{
    background-color: rgb(237, 246, 252);
    padding: 1rem;
}

/*--- Content -->*/

.content {
    margin-top: 6rem;   
    padding: 1rem; 
}

.navbar-toggler {
    min-width: unset;
    //margin-right: 1.25rem;
}




/*--- Contacts Section --*/

footer {
    background-color: #40474e;
    color: white;
    padding: 2rem 0 2rem;
    margin-top: 1rem;
}
  
footer img {
    height: 3rem;
    margin: 1.5rem 0;
}

footer a {
    color: white;
}

footer svg.svg-inline--fa {
    font-size: 1.6rem;
    margin: 1.2rem .5rem 0 0;
}

footer a:hover, footer svg.svg-inline--fa:hover {
    color: #1ebba3!important;
}

hr.socket {
    width: 100%;
    border-top: .2rem solid #666b71;
    margin-top: 3rem;
}

.fixed-top {
    z-index: 900;
}

#panel
{
//top: 49px!important;
//position: fixed;
z-index: 1005;
}