.wrap {
  width:80%;
  margin:0 auto;
  padding-bottom:60px;
}

.collapse1 {
  background-color:rgba(255,255,255,0);
  border-bottom:1px solid #eee;
  cursor:pointer;
  color:#fff;
  padding:10px;
  margin:0px;
  max-height:50px;
  overflow:hidden;
  transition:all 0.4s;
  transition-timing-function:linear;
  font-size:18px;
  font-family:'Hind';
  text-align:left;
  line-height:1.5em;
}

.collapse1 * {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.collapse1.active {
  background-color:#35c0ca;
  box-shadow:0 8px 17px 0 rgba(0,0,0,0.68);
  z-index:200;
  color:#444;
  max-height:3000px;
  padding:10px 20px;
  margin:10px -10px;
  transition:all 2s,max-height 4.8s;
  transition-timing-function:linear;
  text-align:justify;
}

.collapse1 h2 {
  font-size:24px;
  text-align:left;
  line-height:0;
  position:relative;
}

.slide {
  box-shadow:none !important;
  margin:0px !important;
  padding:10px !important;
}

.transparent {
  background-color:rgba(255,255,255,0) !important;
  color:#fff !important;
  box-shadow:none !important;
  margin:0px !important;
  padding:10px !important;
}

.collapse1 h2::after {
  content:"+";
  text-align:center;
  position:absolute;
  width:20px;
  height:20px;
  /*border:1px solid #ccc;*/
  /*border-radius:50%;*/
  font-size:32px;
  /*line-height:15px;*/
  /*opacity:0.5;*/
  right:0;
  top:0;
}

.collapse1:hover h2::after {
  opacity:1;
}

.collapse1.active h2::after {
  content:"-";
}