.arrow-down {
  position: relative;
  top: -5px;
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-right: 0.1em solid black;
  border-top: 0.1em solid black;
  transform: rotate(135deg);
  margin-right: 0.5em;
  margin-left: 1em;
  transition: all .1s;
}
@media (max-width: 992px) {
  .arrow-down {
    width: 10px;
    height: 10px;
    top: -2px;
  }
}
.arrow-up {
  position: relative;
  top: 3px;
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-right: 0.1em solid black;
  border-top: 0.1em solid black;
  transform: rotate(-45deg);
  margin-right: 0.5em;
  margin-left: 1.0em;
  transition: all .1s;
}
@media (max-width: 992px) {
  .arrow-up {
    width: 10px;
    height: 10px;
    top: 5px;
  }
}
.details {
  border-bottom: 1px solid #d4d4d4;
}
#loader-6 {
  top: 40px;
  left: -2.5px;
  padding: 0;
  float: left;
  transform: skew(40deg);
  display: inline-block;
  padding-right: 10px;
}
#loader-6 span {
  display: inline-block;
  width: 5px;
  height: 20px;
  background-color: #0c8888;
}
#loader-6 span:nth-child(1) {
  animation: grow 1s ease-in-out infinite;
}
#loader-6 span:nth-child(2) {
  animation: grow 1s ease-in-out 0.15s infinite;
}
#loader-6 span:nth-child(3) {
  animation: grow 1s ease-in-out 0.30s infinite;
}
#loader-6 span:nth-child(4) {
  animation: grow 1s ease-in-out 0.45s infinite;
}
@keyframes grow {
  0%,
  100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(1.8);
    -ms-transform: scaleY(1.8);
    -o-transform: scaleY(1.8);
    transform: scaleY(1.8);
  }
}