body {
  background-color: #e2e2e2;
}

.ly_container {
  margin: 80px;
}

.accordion {
  color: #1a1c1d;
  border-left: 10px solid rgba(0, 0, 0, 0.12);
}

.toggle {
  position: relative;
  color: #1a1c1d;
  display: block;
  font-weight: bold;
  padding: 10px;
  cursor: pointer;
}

.toggle i {
  position: absolute;
  right: 15px;
  top: 30%;
  font-size: 1.5em;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.toggle:hover {
  color: rgba(229, 229, 229, 0.965);
}

.accordion-body {
  overflow: hidden;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.accordion:nth-child(1) {
  background: #f0918c;
}

.accordion:nth-child(2) {
  background: #e6bb9b;
}

.accordion:nth-child(3) {
  background: #7bce90;
}

.bl_details_bg01 {
  background: #f0bdba;
}

.bl_details_bg02 {
  background: #ecd7c6;
}

.bl_details_bg03 {
  background: #b3d3bb;
}

.details {
  padding: 10px;
}

.rotation-enter, .rotation-leave-to {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
/*# sourceMappingURL=style_accordion.css.map */