.sliding-carousel {
  width: 100%; }
  .sliding-carousel .sliding-carousel-loading {
    text-align: center;
    margin: 30px; }
  .sliding-carousel .sliding-carousel-body-container {
    position: relative; }
    .sliding-carousel .sliding-carousel-body-container .sliding-carousel-right-arrow, .sliding-carousel .sliding-carousel-body-container .sliding-carousel-left-arrow {
      position: absolute;
      z-index: 2;
      top: calc(50% - 25px);
      border: none;
      background: #fff;
      border-radius: 50%;
      padding: 11px;
      box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.2);
      cursor: pointer; }
      .sliding-carousel .sliding-carousel-body-container .sliding-carousel-right-arrow:active, .sliding-carousel .sliding-carousel-body-container .sliding-carousel-right-arrow:focus, .sliding-carousel .sliding-carousel-body-container .sliding-carousel-left-arrow:active, .sliding-carousel .sliding-carousel-body-container .sliding-carousel-left-arrow:focus {
        outline: none; }
    .sliding-carousel .sliding-carousel-body-container .sliding-carousel-right-arrow {
      right: -30px; }
    .sliding-carousel .sliding-carousel-body-container .sliding-carousel-left-arrow {
      left: -30px; }
  .sliding-carousel .sliding-carousel-body {
    width: 100%;
    white-space: nowrap;
    overflow: hidden; }
    .sliding-carousel .sliding-carousel-body.scrollable {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      margin: 0 -15px;
      width: calc(100% + 30px);
      padding: 0 15px 10px; }
    .sliding-carousel .sliding-carousel-body.arrowable {
      display: grid;
      grid-template-columns: repeat(8, 100%); }
    .sliding-carousel .sliding-carousel-body.swipeable {
      display: grid;
      grid-template-columns: repeat(8, 100%);
      touch-action: pan-y; }
    .sliding-carousel .sliding-carousel-body .sliding-carousel-slide {
      width: 100%;
      display: inline-flex;
      align-items: stretch;
      box-sizing: content-box;
      transition: 0.25s transform; }
      .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.slide-size-1 .sliding-carousel-item {
        flex: 0 0 calc((100% - 0px) / 1);
        width: calc((100% - 0px) / 1); }
      .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.slide-size-2 .sliding-carousel-item {
        flex: 0 0 calc((100% - 20px) / 2);
        width: calc((100% - 20px) / 2); }
      .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.slide-size-3 .sliding-carousel-item {
        flex: 0 0 calc((100% - 40px) / 3);
        width: calc((100% - 40px) / 3); }
      .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.slide-size-4 .sliding-carousel-item {
        flex: 0 0 calc((100% - 60px) / 4);
        width: calc((100% - 60px) / 4); }
      .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.slide-size-5 .sliding-carousel-item {
        flex: 0 0 calc((100% - 80px) / 5);
        width: calc((100% - 80px) / 5); }
      .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.slide-size-6 .sliding-carousel-item {
        flex: 0 0 calc((100% - 100px) / 6);
        width: calc((100% - 100px) / 6); }
      .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.slide-size-7 .sliding-carousel-item {
        flex: 0 0 calc((100% - 120px) / 7);
        width: calc((100% - 120px) / 7); }
      .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.slide-size-8 .sliding-carousel-item {
        flex: 0 0 calc((100% - 140px) / 8);
        width: calc((100% - 140px) / 8); }
      .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.scrollable:not(:last-child) {
        margin-right: 20px; }
      .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.scrollable:not(.full-width) {
        transform: translate3d(0, 0, 0) !important;
        display: inline-block;
        width: auto; }
        .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.scrollable:not(.full-width).slide-size-1 .sliding-carousel-item {
          width: 760px;
          max-width: 380px; }
        .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.scrollable:not(.full-width).slide-size-2 .sliding-carousel-item {
          width: 380px;
          max-width: 380px; }
        .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.scrollable:not(.full-width).slide-size-3 .sliding-carousel-item {
          width: 253.33333px;
          max-width: 380px; }
        .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.scrollable:not(.full-width).slide-size-4 .sliding-carousel-item {
          width: 190px;
          max-width: 380px; }
        .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.scrollable:not(.full-width).slide-size-5 .sliding-carousel-item {
          width: 152px;
          max-width: 380px; }
        .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.scrollable:not(.full-width).slide-size-6 .sliding-carousel-item {
          width: 126.66667px;
          max-width: 380px; }
        .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.scrollable:not(.full-width).slide-size-7 .sliding-carousel-item {
          width: 108.57143px;
          max-width: 380px; }
        .sliding-carousel .sliding-carousel-body .sliding-carousel-slide.scrollable:not(.full-width).slide-size-8 .sliding-carousel-item {
          width: 95px;
          max-width: 380px; }
      .sliding-carousel .sliding-carousel-body .sliding-carousel-slide .sliding-carousel-item {
        box-sizing: content-box;
        overflow: hidden; }
        .sliding-carousel .sliding-carousel-body .sliding-carousel-slide .sliding-carousel-item .sliding-carousel-waypoint-wrapper {
          height: 100%;
          box-sizing: content-box; }
        .sliding-carousel .sliding-carousel-body .sliding-carousel-slide .sliding-carousel-item:not(:last-child) {
          margin-right: 20px; }
        .sliding-carousel .sliding-carousel-body .sliding-carousel-slide .sliding-carousel-item.scrollable {
          display: inline-block;
          vertical-align: top; }
          .sliding-carousel .sliding-carousel-body .sliding-carousel-slide .sliding-carousel-item.scrollable:not(:last-child) {
            margin-right: 20px; }
          .sliding-carousel .sliding-carousel-body .sliding-carousel-slide .sliding-carousel-item.scrollable-placeholder {
            display: none; }
  .sliding-carousel .sliding-carousel-dot-paginator {
    width: 100%;
    margin-top: 20px;
    text-align: center; }

.dot-paginator {
  display: inline-flex; }
  .dot-paginator .dot-item {
    padding: 4px; }
    .dot-paginator .dot-item .dot {
      height: 8px;
      width: 8px;
      border-radius: 50%;
      border: 1px solid #5c6468;
      background: #fff; }
    .dot-paginator .dot-item.dot-current .dot {
      background: #5c6468; }