/********** FIXING CAROUSEL *********/
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev
{
 display:block !important;
}

.carousel-item.active .img-fluid,
.carousel-item-next .img-fluid,
.carousel-item-prev .img-fluid
{
  width: 100%;
}

/****** BUTTONS **************/
a.carousel-control-button
{
  width: 10%;
  height: 100%;
  top: 0;
  opacity: 1;
  color: white;
}
a.carousel-control-button:hover
{
  color: black;
}

a.carousel-control-button span
{
  /*width: 40px;*/
  height: 40px;
  top: 50%;
  left:50%;
  z-index: 5;
  display: inline-block;
  margin-top:-15px;
  font-size:40px;

}

/*bullets*/
.carousel ol.carousel-indicators
{
    bottom:30px;

}
.carousel ol.carousel-indicators li
{
    cursor:pointer;

}
/********* inner text *********/
.carousel .carousel-caption
{
  bottom: 50px;
}
.carousel .carousel-caption .carousel-text-inner
{
  /*
  text-align: center;
   position: relative;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 30px;
  */
}
/*title*/
.carousel .carousel-caption .carousel-text-inner  h3
{

    font:400 3vw/3vw serif;
    color: white;
    padding: 0.5rem;
    margin-bottom:1.5rem;
    text-transform:capitalize;


}
/*h3 with link*/
.carousel .carousel-item a .carousel-caption .carousel-text-inner  h3
{
   cursor:pointer;
}
.carousel .carousel-item a:hover .carousel-caption .carousel-text-inner  h3
{
  color: rgba(255,255,255,0.5);
}

/*text*/
.carousel .carousel-caption .carousel-text-inner  p
{

    font:400 1vw/1vw serif;
    color: white;
}

@media (max-width:768px)
{
    /*Fixing height on movile*/
    .carousel .carousel-item a,
    .carousel .carousel-item .carousel-height
    {
      width:100%;
      /*height:400px; /*fixed height*/
      background-size:cover;
      background-position:center center;
      background-repeat:no-repeat;
      display:block;
    }
    /* ?????? */
    /*
    .carousel .carousel-item img.d-block
    {
      display:none !important;
    }
    */
    .carousel .carousel-caption .carousel-text-inner
    {
      padding:0;
    }

    .carousel .carousel-caption .carousel-text-inner h3
    {
        font:700 6vw/8vw  serif;
    }
    .carousel .carousel-caption .carousel-text-inner p
    {
        font:400 5vw/7vw serif;
    }

    .carousel ol.carousel-indicators
    {
        bottom:5px;
    }
}