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

/* Carousel base class */
.carousel {
  height: 100%; 
}
/* Since positioning the image, we need to help out the caption */
 

.carousel-caption {
  top: 40%;
  transform: translateY(-50%);
  bottom: initial;
  font-size:23px;text-shadow:none;line-height:1.1;text-align:center; 
      
}
@media (min-width: 768px) and (max-width: 1023px)  {
    .carousel-caption {
    font-size:20px;
    }
}

@media (max-width: 768px) {
    .carousel-caption {
    font-size:17px;
    }
}

@media (max-width: 768px) {
    .carousel-caption {
    font-size:17px;
    }
}

.item {
    -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  }

/* Declare heights because of positioning of img element */
.carousel .item {
  height:600px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100%;
}





.carousel .carousel-indicators { bottom:200px;text-align:center}

.carousel .carousel-indicators li {
    text-indent: initial;
    width: 8%;
    height: 5px;
    margin: 0 2% 0 0;
    border-radius: 0;
    background: #ffffff;
    border: none;
    opacity: 0.9;
}

.carousel .carousel-indicators li:last-child {
    margin: 0;
}

.carousel .carousel-indicators li.active {
    opacity: 1;
    position: relative;
}

.carousel .carousel-indicators li.active:after {
    content: "";
    width: 100%;
    height: 5px;
    top: 0;
    left: 0;
    position: absolute;
    background: #80b304;
}
.carousel .carousel-indicators li:hover{
	opacity: 1;
}

.carousel .indicator-inner {
    padding-top: 25px;
    text-align: left;
}

.carousel .indicator-inner span {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
}

.carousel .indicator-inner span.number {
    font-size: 23px;
    font-weight: 500;
    margin-right: 10px;

}
 
 
.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {

    .carousel .item {
        height: 350px;
        background-color: #ebebeb;
    }

    .carousel-inner > .item > img {
        height:auto
 
    }

    .full-screen {
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
    }

}