/*.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;}
}