.accordion {
  background-color: #ffff;
  color: #005edc;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: 1px;
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
  border-bottom-style: solid;
  border-color: #c7c7e0;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
}

.active{
  background-color: #ffff; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

/* 2nd */


  .wrapper{
    width:70%;
  }
  @media(max-width:992px){
   .wrapper{
    width:100%;
  } 
  }
  .panel-heading {
    padding: 0;
      border:0;
  }
  .panel-title>a, .panel-title>a:active{
      display:block;
      padding:15px;
    color:#555;
    font-size:16px;
    font-weight:bold;
      text-transform:uppercase;
      letter-spacing:1px;
    word-spacing:3px;
      text-decoration:none;
  }
  .panel-heading  a:before {
     font-family: 'Glyphicons Halflings';
     content: "\e114";
     float: right;
     transition: all 0.5s;
  }
  .panel-heading.active a:before {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      transform: rotate(180deg);
  } 
  .accordion:after {
    content: '\002B';
    color: #005EDC;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .active:after {
    content: "\2212";
  }