body{
    width: 100%;
    height: 100%;
    margin: 0px;
    font-family: 'Zilla Slab', serif;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Comfortaa', cursive;
}

.terms{
    width: 95%;
    height: auto;
    text-align: justify;
    margin: 0px auto;
}
.terms p{
    width: 95%;
}

/* site links */

.site_map{
    width:100%;
    height:auto;
    background-color: #82569b;
    position: relative;
    overflow: hidden;
}
.site_map .go_up{
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: +3;
    font-size:50px;
    color: white;
}
.site_map .go_up:hover{
    color: #ddd;
    cursor: pointer;
}
.site_map .over-payment{
    width: 200px;
    height: auto;
    overflow: hidden;
    position: absolute;
    right: 17%;
    top: 25%;
    z-index: +2;
    border-radius: 10px;
    text-align: center;
}
.site_map .over-payment h1{
    color: white;
}
.site_map .over-payment p{
    font-size: 17px;
    color: white;
}
.site_map .over-payment #methods{
    color: white;
    font-size: 35px;
    margin-top: -12px;
}
.site_map .head{
    width:100%;
    height:60px;
    background-color: #82569b;
    overflow: hidden;
}
.site_map .head #logo{
    margin-top: 5px;
    margin-left: 5px;
    float: left;
    width:50px;
    height: 50px;
    border-radius: 50%;
}
.site_map .head .news{
    float: left;
    margin-left: 10%;
    margin-top: 5px;
    width:50%;
    height:80%;
    overflow: hidden;
    background-color: #82569b;
    padding: 5px;

}
.site_map .head .news p{
    float: left;
    margin-right: 5px;
    color: white;
    font-size: 18px;
    margin-top: -2px;
}
.site_map .head .news input{
    width:80%;
    height: 30px;
    border:1px solid forestgreen;
    border-radius: 7px;
    padding-left: 10px;
}
.site_map .head .news input:focus{
    outline: none;
}
.site_map .head .news button{
    width:80px;
    height: 35px;
    background-color: white;
    border:1px solid forestgreen;
    border-radius: 7px;
    color: #82569b;
}
.site_map .head .news button:hover{
    cursor: pointer;
    background-color: #ddd;

    
}
.site_map .head  #qr{
    float: right;
    width:50px;
    height: 50px;
    margin:3px;
}

.site_map .links{
    float: left;
      width:19%;
      height:240px;
  }
  .site_map .links .ul{
    
      list-style-type: none;
      width:100%;
      height:100%;
     text-align: left; 
  }
  .ul li{ 
      
      width:100%;
      margin-bottom: 15px;
      font-size: 18px;
      text-decoration: none;
      color: rgb(248, 234, 234);
    
  }
  .ul a{ 
      
      width:100%;
      margin-bottom: 15px;
      font-size: 18px;
      text-decoration: none;
      color: rgb(248, 234, 234);
    
  }
   .footer_link{
       width: 100%;
       height: 1px;
       background-color: white;
   }
  .footer{
      width:100%;
      height:40px;
      text-align: center;
      background-color: #82569b;
     padding-top: 2px;
  }
  .footer p{
      color: white;
      margin-top: 5px;
      
  }
  .footer img{
      width: 16px;
      height: 16px;
      border-radius: 50%;
  }
  .footer a{
      color: white;
      
  }
  .footer a:hover{
      color: #ddd;
  }



  

@media only screen and (min-width:280px) and (max-width:350px){
  
 
 
 /* footer*/
 .site_map .over-payment{
     display: none;
 }
 
 
 .site_map .head .news{
     margin-left: 0px;
 }
 .site_map .head .news input{
     display: none;
 }
 
 .site_map .head .news button{
     display: none;
 }
 
 /**/
 .site_map .h{
     display: none;
 }
 .site_map .links{
 
     width: 100%;
 }
 .site_map .links .ul{
     margin-left: 0px;
 
     background-color: #82569b;
     }
     
     .site_map .links .ul ul li a{
     margin-left: 0px;
     width: 100%;
 }
 
 .footer{
 
     height:50px;
 }
 
 }
 
 @media only screen and (min-width:351px) and (max-width:450px){
 
  /* footer*/
  .site_map .over-payment{
      display: none;
  }
  
  
  .site_map .head .news{
      margin-left: 0px;
  }
  .site_map .head .news input{
      display: none;
  }
  
  .site_map .head .news button{
      display: none;
  }
  
  /**/
  .site_map .h{
      display: none;
  }
  .site_map .links{
  
      width: 100%;
  }
  .site_map .links .ul{
      margin-left: 0px;
  
      background-color: #82569b;
      }
      
      .site_map .links .ul ul li a{
      margin-left: 0px;
      width: 100%;
  }
  
  .footer{
  
      height:50px;
  }
  
  }
  
 
  @media only screen and (min-width:451px) and (max-width:550px){
    
  
  /* footer*/
  .site_map .over-payment{
      display: none;
  }
  
  
  .site_map .head .news{
      margin-left: 0px;
  }
  .site_map .head .news input{
      display: none;
  }
  
  .site_map .head .news button{
      display: none;
  }
  
  /**/
  .site_map .h{
      display: none;
  }
  .site_map .links{
  
      width: 100%;
  }
  .site_map .links .ul{
      margin-left: 0px;
  
      background-color: #82569b;
      }
      
      .site_map .links .ul ul li a{
      margin-left: 0px;
      width: 100%;
  }
  
  .footer{
  
      height:50px;
  }
  
  }
  
 
  @media only screen and (min-width:551px) and (max-width:650px){
    
  
  /* footer*/
  .site_map .over-payment{
      display: none;
  }
  
  
  .site_map .head .news{
      margin-left: 0px;
  }
  .site_map .head .news input{
      display: none;
  }
  
  .site_map .head .news button{
      display: none;
  }
  
  /**/
  .site_map .h{
      display: none;
  }
  .site_map .links{
  
      width: 100%;
  }
  .site_map .links .ul{
      margin-left: 0px;
  
      background-color: #82569b;
      }
      
      .site_map .links .ul ul li a{
      margin-left: 0px;
      width: 100%;
  }
  
  .footer{
  
      height:50px;
  }
  
  }
  
 
 
  @media only screen and (min-width:651px) and (max-width:750px){
    
  
  /* footer*/
  .site_map .over-payment{
      display: none;
  }
  
  
  .site_map .head .news{
      margin-left: 0px;
  }
  .site_map .head .news input{
      display: none;
  }
  
  .site_map .head .news button{
      display: none;
  }
  
  /**/
  .site_map .h{
      display: none;
  }
  .site_map .links{
  
      width: 100%;
  }
  .site_map .links .ul{
      margin-left: 0px;
  
      background-color: #82569b;
      }
      
      .site_map .links .ul ul li a{
      margin-left: 0px;
      width: 100%;
  }
  
  .footer{
  
      height:50px;
  }
  
  }
  
 
  
  @media only screen and (min-width:751px) and (max-width:900px){
    
    
  
  /* footer*/
  .site_map .over-payment{
      display: none;
  }
  
  
  .site_map .head .news{
      margin-left: 0px;
  }
  .site_map .head .news input{
      display: none;
  }
  
  .site_map .head .news button{
      display: none;
  }
  
  /**/
  .site_map .h{
      display: none;
  }
  .site_map .links{
  
      width: 100%;
  }
  .site_map .links .ul{
      margin-left: 0px;
  
      background-color: #82569b;
      }
      
      .site_map .links .ul ul li a{
      margin-left: 0px;
      width: 100%;
  }
  
  .footer{
  
      height:50px;
  }
  
  }
  
 
  @media only screen and (min-width:901px) and (max-width:1100px){
    
     
 
 /* footer*/
 
 
 
 .site_map .head .news{
     margin-left: 0px;
 }
 .site_map .head .news input{
     display: none;
 }
 
 .site_map .head .news button{
     display: none;
 }
 
 /**/
 .site_map .h{
     display: none;
 }
 .site_map .links{
 
     width: 100%;
 }
 .site_map .links .ul{
     margin-left: 0px;
 
     background-color: #82569b;
     }
     
     .site_map .links .ul ul li a{
     margin-left: 0px;
     width: 100%;
 }
 
 .footer{
 
     height:50px;
 }
 
 }