button.accordion {
    background-color: #777;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #666;
}

button.accordion:after {
    content: '\002B';
    color: #fff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 100px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
   height: 100px;
  background-color: black;
  padding: 0 0 0 0;
}

h5.copy_right {
    margin-top: 20px;
}

button{
  background: #C0C0C0;
  color: #000000;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}
  button.apply{
    margin: 10px 0px 10px 0px;
  }
  button span {
    color:  black;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;  
  }
  button span:hover, button span:focus {
    color: #555555;
    outline: none;
    text-decoration: none;
  }
  button span:hover, button span:active {
    text-decoration: none;
  }
  button span, button span:visited, button span:hover {
    outline: none;
  }