.holderWrapper {
  text-align: center;
  overflow: hidden;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .holderWrapper {
    margin-top: 0;
  }
}
.holderCircle {
  position: relative;
  width: 84%;
  margin: 15% 0 8% 8%;
  border-radius: 50%;
  border: 3px solid transparent;
  transform: rotate(-90deg);
  transition: border-color 300ms ease;
}
@media screen and (min-width: 768px) {
  .holderCircle {
    width: 56%;
    margin: 12% 0 6% 22%;
  }
}
.holderCircle.show {
  border-color: rgba(255, 255, 255, 0.5);
}
.holderCircle:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.dotCircle {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  z-index: 20;
}
.dotCircle .itemDot {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22%;
  height: 22%;
  border: 3px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  background-color: #000;
  cursor: pointer;
  overflow: hidden;
  opacity: 0;
  transform: translate(-50%, -50%) rotate(0.1deg);
  transition: all 500ms ease;
  z-index: 3;
}
.dotCircle .itemDot:hover {
  border-color: #ffffff;
}
.dotCircle .itemDot:hover > img {
  opacity: 1;
}
.dotCircle .itemDot > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  max-width: none;
  max-height: calc(100% + 6px);
  border-radius: 50%;
  opacity: 0.5;
  transition: opacity 500ms ease;
}
.dotCircle .itemDot.show {
  opacity: 1;
}
.dotCircle .itemDot.active {
  border-color: #fdda01;
  box-shadow: 0 0 20px 0 rgba(253, 218, 1, 0.3);
}
@media screen and (min-width: 992px) {
  .dotCircle .itemDot.active {
    box-shadow: 0 0 40px 0 rgba(253, 218, 1, 0.3);
  }
}
.dotCircle .itemDot.active > img {
  opacity: 1;
}
.contentCircle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 55%;
  height: 55%;
  margin: auto;
  opacity: 0;
  transform: rotate(90deg);
  transition: opacity 300ms ease;
  z-index: 20;
}
.contentCircle.show {
  opacity: 1;
}
.contentCircle .CirItem {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: #000;
  box-shadow: 0 0 69px 1px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  transition: opacity 500ms ease;
}
.contentCircle .CirItem.active {
  z-index: 1;
  opacity: 1;
}
.contentCircle .CirItem > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: none;
  max-height: calc(100% + 6px);
}
@media screen and (min-width: 992px) {
  .reason-headline {
    margin-top: 56px;
  }
}
@media screen and (min-width: 992px) {
  .row-reason-wrapper {
    position: relative;
  }
}
.reason-wrapper {
  text-align: center;
}
@media screen and (min-width: 992px) {
  .reason-wrapper {
    position: absolute;
    top: 50%;
    left: 52.33333333%;
    transform: translateY(-50%);
    text-align: left;
  }
}
.reason-wrapper .reason-item {
  display: none;
}
.reason-wrapper .reason-item.active {
  display: block;
}
.reason-wrapper h2,
.reason-wrapper h3 {
  text-shadow: 1px 1px 4px #000, 0 0 15px #000;
}
.reason-wrapper h2 {
  margin-top: 5px;
}
@media screen and (min-width: 992px) {
  .reason-wrapper h2 {
    margin-top: 15px;
  }
}
.item-bg-image {
  display: none;
}
.item-bg-image.active {
  display: block;
}
.testimonial-wrapper {
  position: relative;
}
@media screen and (min-width: 576px) {
  .testimonial-wrapper {
    display: flex;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 992px) {
  .testimonial-wrapper {
    flex-direction: column;
  }
}
.testimonial-wrapper .content {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 8px;
  background-image: linear-gradient(to top, #000, transparent);
}
@media screen and (min-width: 576px) {
  .testimonial-wrapper .content {
    position: relative;
    display: block;
    width: 50%;
    padding: 0 20px;
    background-image: none;
  }
}
@media screen and (min-width: 992px) {
  .testimonial-wrapper .content {
    width: 100%;
    padding: 0;
  }
}
.testimonial-wrapper .content .title {
  margin-top: 0;
}
@media screen and (max-width: 575px) {
  .testimonial-wrapper .content .title {
    font-family: jd_sans_probold;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (min-width: 576px) {
  .testimonial-wrapper .content .title span {
    display: none;
  }
}
.testimonial-wrapper .content .title + p {
  margin-top: 16px;
}
@media screen and (min-width: 992px) {
  .testimonial-wrapper .content .title + p {
    margin-top: 10px;
  }
}
.testimonial-wrapper .content .city {
  display: none;
}
@media screen and (min-width: 576px) {
  .testimonial-wrapper .content .city {
    display: block;
  }
}
@media screen and (max-width: 575px) {
  .testimonial-wrapper .content .job {
    font-family: jd_sans_probold;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.testimonial-wrapper .content p {
  margin: 0;
}
.carousel {
  margin-bottom: 18px;
}
@media screen and (min-width: 992px) {
  .carousel {
    margin-bottom: 32px;
  }
}
.carousel .item .testimonial-wrapper .image {
  margin-bottom: 8px;
}
@media screen and (min-width: 576px) {
  .carousel .item .testimonial-wrapper .image {
    width: 50%;
    padding-right: 20px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .carousel .item .testimonial-wrapper .image {
    width: 100%;
    padding-right: 0;
    margin-bottom: 12px;
  }
}
.carousel .flexslider .flex-control-nav {
  margin-top: 0;
}
@media screen and (min-width: 992px) {
  .carousel .flexslider .flex-control-nav {
    margin-top: 32px;
  }
}
/*# sourceMappingURL=testimonials.css.map */