@charset "UTF-8";
.accordion-container {
  position: relative;
  width: 100%;
  border-top: none;
  outline: 0;
  cursor: pointer
}

.accordion-container .accordion-title {
  display: block;
  position: relative;
  margin: 0;
  cursor: pointer;
}

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-container .content-entry.open .accordion-title {
  color: white;
}

.accordion-container .accordion-title:hover i:before,
.accordion-container .accordion-title:hover i:active,
.accordion-container .content-entry.open i {
  color: white;
}

.js-accordion-title{
  position: relative;
}

.accordion-content {
  display: none;
  cursor: initial;
}

.js-accordion-title:before{
  content: "";
  width: 25px;
  height: 18px;
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background: url(../img/arrow1.jpg) left center no-repeat;
}

.js-accordion-title.open:before{
  top: 40%;
  transform: scale(1, -1);
}


@media screen and (max-width : 750px ){
.js-accordion-title:before {
    right: 3%
}
.js-accordion-title.open:before {
    top: 37%;
}


}


@media screen and (max-width : 500px ){
.js-accordion-title:before {
    background-size: contain;
    width: 17px;
}

}