@charset "utf-8";
@font-face {
    font-family: Lato-Regular;
    src: url('../fonts/Lato/Lato-Regular.ttf'); 
  }
  
  @font-face {
    font-family: Lato-Bold;
    src: url('../fonts/Lato/Lato-Bold.ttf'); 
  }

#deo{
    text-decoration: none;
  
}

#backk{
    background-color: #26375a;
    height: 50px;
    padding:  28px;
    width: 100%;
    
  }

  .stro{
    border-right: 1px solid white;
    height: 100px;
    width: 100px;
  }
  .naba {
    
    width: 300px;
  height: 100px;
  box-sizing: border-box;
    font-family:Lato-Bold;
    background-color: #3b7bfb;
    margin: 0%;
    color: #ffff;
    
    
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
  }

  .stro{
    border-right: 1px solid white;
    height: 100%;
  }

  #move{
    position:fixed; left:1000px; top:2px
  }

  #col{
    color:white;
  }

.navright{
    text-align: right;
    padding: 0;
    font-size: 15px;

  }
  .navright2{
    padding: 10px 10px;
    font-weight: 900;

  }
  .navul {
    
    background-color:#26375a;
    overflow:hidden;
    color:white;
    padding:0;
    margin:0;
    text-align:center;
    font-size:19px;
    font-weight: bold;
    -webkit-transition:max-height 0.4s;
    -ms-transition:max-height 0.4s;
    -moz-transition:max-height 0.4s;
    -o-transition:max-height 0.4s;
    transition:max-height 0.4s;
  }
  
  
  .navil{
    
    display:inline-block;
    padding: 10px 40px;
    border-right: 1px solid white;
    
  }
  #right{
    border-left: 1px solid white;
  }
  
  .navil:hover {
    background-color:#718e9e;
  }
  
  
  
    .handle {
      width:100%;
      background: #446274;
      text-align:left;
      box-sizing:border-box;
      padding:15px 10px;
      cursor:pointer;
      color:white;
      display:none;
    }
  
  @media screen and (max-width:580px){
    
    .navul {
      max-height:0;
    }
    
    .showing {
      max-height:20em;
    }
    .navil {
      width:100%;
      box-sizing:border-box;
      padding:15px;
      text-align:left;
    }
     
    .handle {
      display:block;
    }
    
    .navright{
      text-align: right;
      padding: 0;
      font-size: 10px;
  
    }

   


}



  

  #svd{
    display: inline;
  }

  #newh1{
    background-color: #3b7bfb;
  }

  #remove
  {
    border-bottom: none;
  }
  input {
    
    border: 2px solid #ccc;
    width: 100%;
    height: 1;
    padding: 10px;
    
    border-radius: 5px;
}

.boxer{
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  padding: 20px;

  box-shadow: 4px 5px 4px -6px #333333;

}
.boxer2{
  width: 100%;
  height: 100%;
 
  padding: 20px;

  

}

.but1 {
  background: #26375a;
  width: 200px;
  padding: 10px 15px;
  color: #fff;
  border-radius: 5px;
  margin-right: 10px;
  border: none;
  
}
.but1:hover{
   background: #555
}

.but2 {
  background: #555;
  width: 200px;
  padding: 10px 15px;
  color: #fff;
  border-radius: 5px;
  margin-right: 10px;
  border: none;
  
}
.but2:hover{
   background: rgb(55, 54, 54)
}

.error {
  background: #f2dede;
  color: #A94442;
  padding: 10px;
  width: 95%;
  border-radius: 5px;
  margin: 20px auto;
}