/*.carousel-indicators li {
  border: 1px solid #000000 !important;}

.carousel-indicators .active {
  background-color: #000000 !important;}
*/

    .caroLeftArrow {
      background-image: url(/img/timeline-blck-arrow-left.webp) !important;
      background-repeat: no-repeat !important;
      background-position: center center;
      width: 75px !important;}

    .caroRightArrow {
      background-image: url(/img/timeline-blck-arrow-right.webp) !important;
      background-repeat: no-repeat !important;
      background-position: center center;
      width: 75px !important;}

    .carousel-fade .carousel-inner .item {
      -webkit-transition-property: opacity;
      transition-property: opacity;}

    .carousel-fade .carousel-inner .item,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
      opacity: 0;}

    .carousel-fade .carousel-inner .active,
    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
      opacity: 1;}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
      left: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);}

    .carousel-fade .carousel-control {
      z-index: 2;}

    html,
    body,
    .carousel,
    .carousel-inner,
    .carousel-inner .item {
      height: 100%;}

    .myCaro {
      height: 100%;
      padding: 50px 0;}

    .investSmall {
      display: block;
      margin-top: 100px;}

    .slider-text,
    .slider-text-2 {
      font-weight: 200;
      text-align: center;}

    .carousel {
      position: relative !important;}

    .controllers {
      position: absolute !important;
      top: 50px !important;}

    .carousel-caption {
      left: 20% !important;
      right: 20% !important;
      padding-bottom: 30px !important;}

    .slide1Text .stat-description {
      padding-bottom: 0px;}

    .slide2Text .stat-description {
      padding-bottom: 0px;}

    .highcharts-data-labels g text {
      font-size: 18px !important;}

    @media (min-width: 568px) {
      .myCaro {
        height: 1060px;}

      .highcharts-data-labels g text {
        font-size: 20px !important;}

      .investSmall {
        display: none;}

      .slide1Text .stat-description {
        padding-bottom: 0px;}

      .slide2Text .stat-description {
        padding-bottom: 30px;}
    }

    @media (min-width: 700px) {
      .myCaro {
        height: 1038px;}
    }

    @media (min-width: 825px) {
      .slide1Text .stat-description {
        padding-bottom: 0px;}

      .slide2Text .stat-description {
        padding-bottom: 10px;}
    }

    @media (min-width: 945px) {
      .slide1Text .stat-description {
        padding-bottom: 0px;}

      .slide2Text .stat-description {
        padding-bottom: 0px;}
    }

    @media (min-width: 992px) {
      .myCaro {
        height: 820px;}
    }

    @media (min-width: 1160px) {
      .myCaro {
        height: 700px;}
    }

    @media (min-width: 1600px) {
      .slide1Text .stat-description {
        padding-bottom: 30px;}

      .slide2Text .stat-description {
        padding-bottom: 20px;}
    }

    @media (min-width: 1775px) {
      .slide1Text .stat-description {
        padding-bottom: 30px;}

      .slide2Text .stat-description {
        padding-bottom: 30px;}
    }