#carouselExampleIndicators1 .carousel-fade .carousel-item {
 opacity: 0;
transition: opacity ease-out .7s !important;
 /* transition-property: opacity; */
}

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

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

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
} */


 @-webkit-keyframes zoom {
    from {
      -webkit-transform: scale(1, 1);
    }
    to {
      -webkit-transform: scale(1.5, 1.5);
    }
  }
  
  @keyframes zoom {
    from {
      transform: scale(1, 1);
    }
    to {
      transform: scale(1.5, 1.5);
    }
  }
  
 #carouselExampleIndicators1 .carousel-inner img {
    -webkit-animation: zoom 25s;
    animation: zoom 25s;
    width: 100%;
    animation-delay: 1s;
    height: 100vh;
  }
  .main-banner {
    height: 100vh;
  }
  #carouselExampleIndicators1 .carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    margin-left: 6px;
    text-indent: -999px;
    background-color: rgba(255,255,255,.5);
    transform: rotate(-228deg);
    border-radius: 2px;
    border: 1px solid #fff;
    cursor: pointer;
}
#carouselExampleIndicators1 .carousel-indicators li.active {
  background: #1673b8;
  border: 1px solid #1673b8;
}
#carouselExampleIndicators1 .carousel-indicators {
  bottom: 100px;
  z-index: 1;
}

.top-bar {
  background: #fff; bottom: 0; 
}
.scrollfix-top {
  height: 70px;
}
.scrollfix-top .logo img {
  width: 114px !important;
}

  @media screen and (min-width: 600px) and (max-width:1024px) {
    .main-banner {
      height: 500px;
    }
    #carouselExampleIndicators1 .carousel-inner img {
      height: 500px;
    }
    #carouselExampleIndicators1 .carousel-indicators {
      bottom: 25px;
  }
  }
  @media screen and (max-width: 600px) {
    .main-banner {
      height: 225px;
    }
    #carouselExampleIndicators1 .carousel-inner img {
      height: 225px;
    }
    #carouselExampleIndicators1 .carousel-indicators {
      bottom: 25px;
  }
  }
  @media screen and (min-width: 992px) and (max-width:1199px) {
    .top-bar {
      position: relative;
    }
    .scrollfix-top .logo img {
      width: 83% !important;
  }
  #carouselExampleIndicators1 .carousel-indicators {
    bottom: 25px;
}
  }