.carousel-title {
  margin-top: 2.5rem;
  margin-bottom: 2rem;
  text-transform: uppercase; }

.carousel-simple {
  margin: 0 auto;
  overflow: hidden; }
  .carousel-simple .carousel-inner {
    margin: 0 auto;
    width: 78%; }
    @media (min-width: 768px) {
      .carousel-simple .carousel-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        width: 100%; } }
    .carousel-simple .carousel-inner .carousel-item {
      padding-right: 0.313rem;
      padding-left: 0.313rem;
      padding-bottom: 0.9375rem;
      margin-right: -100%;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 1.25rem 1.25rem 0 0;
      box-shadow: 0 0.25rem 0.375rem rgba(163, 163, 163, 0.14); }
      @media (min-width: 768px) {
        .carousel-simple .carousel-inner .carousel-item {
          max-width: 10.313rem;
          max-height: 33rem;
          margin-right: 0.625rem;
          margin-left: 0.625rem; } }
      @media (min-width: 992px) {
        .carousel-simple .carousel-inner .carousel-item {
          max-width: 13.75rem;
          margin-right: 0.938rem;
          margin-left: 0.938rem; } }
      @media (min-width: 1200px) {
        .carousel-simple .carousel-inner .carousel-item {
          max-width: 16.25rem;
          max-height: 36rem; } }
      @media (min-width: 992px) {
        .carousel-simple .carousel-inner .carousel-item:first-child {
          margin-left: 0; } }
      @media (min-width: 768px) {
        .carousel-simple .carousel-inner .carousel-item:nth-child(2) {
          display: block; } }
      @media (min-width: 768px) {
        .carousel-simple .carousel-inner .carousel-item:nth-child(3) {
          display: block; } }
      .carousel-simple .carousel-inner .carousel-item:last-child {
        margin-right: 0; }
        @media (min-width: 768px) {
          .carousel-simple .carousel-inner .carousel-item:last-child {
            display: block; } }
      .carousel-simple .carousel-inner .carousel-item .quickview {
        display: none; }
  .carousel-simple .custom-controls {
    position: absolute;
    height: 4.375rem;
    width: 2.8125rem;
    top: 13.5625rem; }
    .carousel-simple .custom-controls .feather {
      color: #012B7C;
      width: 100%;
      height: 100%; }
  @media (min-width: 768px) {
    .carousel-simple .custom-controls.carousel-control-next {
      right: -0.25rem; } }
  @media (min-width: 992px) {
    .carousel-simple .custom-controls.carousel-control-next {
      right: 3.125rem; } }
  @media (min-width: 768px) {
    .carousel-simple .custom-controls.carousel-control-prev {
      left: -0.25rem; } }
  @media (min-width: 992px) {
    .carousel-simple .custom-controls.carousel-control-prev {
      left: 3.125rem; } }

.simple-controls {
  display: none; }

.simple-indicators {
  position: relative;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding-left: 0; }
  @media (min-width: 768px) {
    .simple-indicators {
      display: none; } }
  .simple-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    width: 1.125rem;
    height: 1.125rem;
    border: solid 1px black;
    border-radius: 0.625rem;
    margin-right: 0.187rem;
    margin-left: 0.187rem;
    text-indent: -62.437rem;
    cursor: default;
    background-color: #FFFFFF;
    list-style: none; }
    .simple-indicators li::before {
      position: absolute;
      top: -0.625rem;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 0.625rem;
      content: ""; }
    .simple-indicators li::after {
      position: absolute;
      bottom: -0.625rem;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 0.625rem;
      content: ""; }
  .simple-indicators .active {
    background-color: white; }
    .simple-indicators .active div {
      background-color: black;
      border-radius: 100%;
      width: 0.75rem;
      height: 0.75rem;
      border: solid 1px black;
      top: 11%;
      left: 12.5%;
      position: absolute; }
