/*****************************************
  accordion styles
*****************************************/
.accordion{
  margin: 0;
}
.accordion .accordion-item:last-child{
  border-bottom: none;
}
.accordion .accordion-item.disabled{
  background-color: #fcfcfc;
}
.accordion .accordion-item.disabled .accordion-navigation,
.accordion .accordion-item.disabled .accortion-navigation:hover{
  background-color: #fcfcfc;
  color: #808080;
  cursor: default;
}
.accordion .accordion-item.disabled .accordion-navigation:before,
.accordion .accordion-item.disabled .accordion-navigation:hover:before{
  color: #808080;
}
.accordion .accordion-item .accordion-navigation {
  position: relative;
  background-color: #fff;
  font-family: 'A1Serif', Verdana, sans-serif;
  color: #000;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.38;
  padding: 1.125rem 1.875rem 1.0625rem 3.625rem;
  border-bottom: 0.0625rem solid #ddd;
}
.accordion .accordion-item:last-child .accordion-navigation {
  border-bottom: 0;
}

.accordion .accordion-item.active .accordion-navigation,
.accordion .accordion-item .accordion-navigation:hover{
  background-color: #fff;
  color: #da291c;
  transition: color 0.2s ease-out;
}
.accordion .accordion-item .accordion-navigation:before{
  position: absolute;
  left: 1.875rem;
  top: 50%;
  content: '\e631';
  display: inline-block;
  font-family: 'A1iconfont';
  font-size: 0.9375rem;
  color: #da291c;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.accordion .accordion-item.active .accordion-navigation:before{
  content: '\e627';
}
.accordion .accordion-item .accordion-navigation small{
  font-size: 0.875rem;
  display: block;
}
.accordion .accordion-item.disabled-accordion-item .accordion-navigation:before,
.accordion .accordion-item.disabled-accordion-item .accordion-navigation,
.accordion .accordion-item.disabled-accordion-item .accordion-navigation:hover,
.accordion .accordion-item.disabled-accordion-item .accordion-navigation a,
.accordion .accordion-item.disabled-accordion-item .accordion-navigation small{
  color: #808080;
  cursor: default;
}
@media only screen and (max-width: 48em){
  .accordion .accordion-item .accordion-navigation small{
    font-size: 0.6875rem;
  }
}

.accordion .accordion-content .accordion-content-wrapper{
  padding: 1.875rem 1.875rem 1.875rem 3.625rem;
  border-bottom: 0.0625rem solid #ddd;
}
.accordion .accordion-item:last-child .accordion-content .accordion-content-wrapper{
  border-top: 0.0625rem solid #ddd;
  border-bottom: 0;
}
.accordion .accordion-content .accordion-content-wrapper.small-padded{
  padding: 1.875rem 1.875rem 1.875rem 1.875rem;
}
@media only screen and (max-width: 48em){
  .accordion .accordion-item .accordion-navigation{
    padding: 1.063rem 0.9375rem 0.9375rem 2.688rem;
    font-family: 'A1Sans', Verdana, sans-serif;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .accordion .accordion-item .accordion-navigation:before{
    left: 1.25rem;
    font-size: 0.9375rem;
  }
  .accordion .accordion-content .accordion-content-wrapper{
    padding: 0.9375rem 0.9375rem 0.9375rem 2.6875rem;
  }
  .accordion .accordion-content .accordion-content-wrapper.small-padded{
    padding: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
  }
}
/* loading accordion */
.accordion .accordion-item.loading-accordion-item{
  position: relative;
}
.accordion .accordion-item.loading-accordion-item .accordion-navigation{
  padding-right: 4.25rem;
}
.accordion .accordion-item.loading-accordion-item .accordion-loader{
  display: none;
  position: absolute;
  top: 1rem;
  right: 1.875rem;
  max-width: 1.75rem;
  height: auto;
}
@media only screen and (max-width: 48em){
  .accordion .accordion-item.loading-accordion-item .accordion-navigation{
    padding-right: 3.25rem;
  }
  .accordion .accordion-item.loading-accordion-item .accordion-loader{
    max-width: 1.375rem;
    top: 1rem;
    right: 0.875rem;
  }
}