/*--------------------------------------------------------------
# Image Carousel
--------------------------------------------------------------*/
@keyframes heartbeat {
  0% {
    transform: scale(0); }
  25% {
    transform: scale(1.2); }
  50% {
    transform: scale(1); }
  75% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
    .bit-image-carousel {
      margin: 30px 0px 20px;
      overflow: hidden;
  }
  .vc_row.wpb_row.vc_row-fluid {
    margin: 0 auto;
}
.bit-image-carousel.image-carousel-style-one .slider-content .slider-single {
  position: relative;
  overflow: hidden;
  height: 340px !important;
  margin: 0 40px;
  width: 500px; }
  .bit-image-carousel.image-carousel-style-one .slider-content .slider-single .slider-single-image {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  .bit-image-carousel.image-carousel-style-one .slider-content .slider-single .view-img {
    color: #F5F5F5;
    position: absolute;
    bottom: 20px;
    right: -10px;
    z-index: 999;
    background: transparent;
    padding: 15px;
    font-size: 25px;
    border-radius: 100%;
    visibility: hidden;
    opacity: 0;
    transition: 300ms cubic-bezier(0.17, 0.67, 0.55, 1.43); }
    .bit-image-carousel.image-carousel-style-one .slider-content .slider-single .view-img:hover {
      background: #2e7fe4;
      color: #ffffff; }
  .bit-image-carousel.image-carousel-style-one .slider-content .slider-single.slick-active:hover .view-img {
    opacity: 1;
    visibility: visible;
    right: 20px; }
    
  .bit-image-carousel .slick-slider .slick-dots li button {
    text-indent: -9999px;
    height: 13px;
    width: 13px;
    border-radius: 100%;
    padding: 0;
    background: #bababa;
    border: none;
    display: block;
}
.bit-image-carousel .slick-slider .slick-arrow.slick-next:after {
  content: "\f105";
}
.bit-image-carousel .slick-slider .slick-arrow:after {
  font-family: 'FontAwesome';
  content: "\f104";
  display: inline-block;
  line-height: inherit;
  height: inherit;
  width: inherit;
  position: absolute;
  top: 20px;
  left: 0;
  text-indent: 0;
  color: #bababa;
  font-size: 80px;
}
.slick-prev:before, .slick-next:before {
  font-family: 'slick';
  /* font-size: 20px; */
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
    @media (max-width: 768px) {
      .bit-image-carousel.image-carousel-style-one .slider-content .slider-single.slick-active:hover .view-img {
        right: 60px; }
        .bit-image-carousel.image-carousel-style-one .slider-content .slider-single {   height: 340px !important;
          margin: 0 40px;
          width: auto;
        }
        .wpb-content-wrapper .vc_row.wpb_row.vc_row-fluid{margin: 0 auto;}
      }
    @media (max-width: 460px) {
      .bit-image-carousel.image-carousel-style-one .slider-content .slider-single.slick-active:hover .view-img {
        right: 90px; } }

.bit-image-carousel.image-carousel-style-one .slider-content.slick-slider .slick-dots {
  width: 100%;
  padding: 20px 0 30px;
  display: table;
  margin: auto;
  table-layout: fixed;
  position: relative; }
  .bit-image-carousel.image-carousel-style-one .slider-content.slick-slider .slick-dots li {
    margin: 0;
    display: table-cell; }
    .bit-image-carousel.image-carousel-style-one .slider-content.slick-slider .slick-dots li button {
      height: 4px;
      width: 100%;
      border-color: #b6b6b6;
      border-style: solid;
      border-width: 1px 0;
      background: #e4e4e4;
      border-radius: 0;
      transition: 0.5s ease; }
    .bit-image-carousel.image-carousel-style-one .slider-content.slick-slider .slick-dots li:first-child button {
      border-width: 1px 0 1px 1px; }
    .bit-image-carousel.image-carousel-style-one .slider-content.slick-slider .slick-dots li:last-child button {
      border-width: 1px 1px 1px 0; }
    .bit-image-carousel.image-carousel-style-one .slider-content.slick-slider .slick-dots li.slick-active button, .bit-image-carousel.image-carousel-style-one .slider-content.slick-slider .slick-dots li:hover button {
      background: #b6b6b6; }
.bit-image-carousel.image-carousel-style-one .show-modal, .bit-image-carousel.image-carousel-style-two .show-modal {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: none;
  align-items: center;
  z-index: 9999;
  text-align: center; }
  .bit-image-carousel.image-carousel-style-one .show-modal .img-show, .bit-image-carousel.image-carousel-style-two .show-modal .img-show {
    display: block;
    margin: auto; }
    .bit-image-carousel.image-carousel-style-one .show-modal .img-show .modal-close, .bit-image-carousel.image-carousel-style-two .show-modal .img-show .modal-close {
      position: absolute;
      top: 20vh;
      right: 20vh;
      z-index: 9999;
      cursor: pointer;
      font-size: 30px;
      color: #ffffff;
      font-weight: 900; }
      .image-carousel-style-two ul.slick-dots {
        display: flex;
        justify-content: center;
        font-size: 0;
    }
    .image-carousel-style-two ul.slick-dots li {
      margin: 0 5px;
  }
      @media (max-width: 460px) {
        .bit-image-carousel.image-carousel-style-one .show-modal .img-show .modal-close, .bit-image-carousel.image-carousel-style-two .show-modal .img-show .modal-close {
          right: 4vh; } }
    .bit-image-carousel.image-carousel-style-one .show-modal .img-show .modal-img, .bit-image-carousel.image-carousel-style-two .show-modal .img-show .modal-img {
      width: auto;
      height: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto; }
.bit-image-carousel.image-carousel-style-two .slider-content .slider-single {
  position: relative;
  overflow: hidden;
  height: 340px !important;
  margin: 20px 10px;
  width: 500px;
  transition: 300ms cubic-bezier(0.17, 0.67, 0.55, 1.43);
  opacity: 0.8; }
  @media (max-width: 768px) {
    .bit-image-carousel.image-carousel-style-two .slider-content .slider-single {
      width: 460px;
      height: 300px; } }
  @media (max-width: 460px) {
    .bit-image-carousel.image-carousel-style-two .slider-content .slider-single {
      height: 260px;
      width: 420px; } }
  .bit-image-carousel.image-carousel-style-two .slider-content .slider-single .slider-single-image {
    position: absolute;
    top: -999px;
    left: -999px;
    right: -999px;
    bottom: -999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover; }
  .bit-image-carousel.image-carousel-style-two .slider-content .slider-single .view-img {
    color: #F5F5F5;
    position: absolute;
    top: 20px;
    right: -10px;
    z-index: 999;
    background: transparent;
    padding: 15px;
    font-size: 25px;
    border-radius: 100%;
    visibility: hidden;
    opacity: 0;
    transition: 300ms cubic-bezier(0.17, 0.67, 0.55, 1.43); }
    .bit-image-carousel.image-carousel-style-two .slider-content .slider-single .view-img:hover {
      background: #2e7fe4;
      color: #ffffff; }
  .bit-image-carousel.image-carousel-style-two .slider-content .slider-single.slick-active:hover {
    margin: 10px;
    opacity: 1; }
    .bit-image-carousel.image-carousel-style-two .slider-content .slider-single.slick-active:hover .view-img {
      opacity: 1;
      visibility: visible;
      right: 20px; }
.bit-image-carousel.image-carousel-style-three .slider-content {
  position: relative; }
  .bit-image-carousel.image-carousel-style-three .slider-content .slider-single {
    position: relative;
    overflow: hidden;
    height: 600px !important;
    margin: 0; }
    @media (max-width: 768px) {
      .bit-image-carousel.image-carousel-style-three .slider-content .slider-single {
        height: 460px; } }
    @media (max-width: 460px) {
      .bit-image-carousel.image-carousel-style-three .slider-content .slider-single {
        height: 320px; } }
    .bit-image-carousel.image-carousel-style-three .slider-content .slider-single .slider-single-image {
      position: absolute;
      top: -999px;
      left: -999px;
      right: -999px;
      bottom: -999px;
      margin: auto;
      min-width: 100%;
      min-height: 100%;
      object-fit: cover;
      opacity: 0.1; }
    .bit-image-carousel.image-carousel-style-three .slider-content .slider-single .slider-inner-image {
      position: absolute;
      top: -999px;
      left: -999px;
      right: -999px;
      bottom: -999px;
      margin: auto;
      width: 60%;
      height: 60%;
      object-fit: cover;
      opacity: 1;
      box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5);
      border-radius: 10px; }
  .bit-image-carousel.image-carousel-style-three .slider-content.slick-slider .slick-dots {
    padding: 0;
    width: auto;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    right: 30px;
    height: 70%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch; }
    .bit-image-carousel.image-carousel-style-three .slider-content.slick-slider .slick-dots li {
      display: block;
      flex-grow: 1;
      position: relative;
      margin: 0; }
      .bit-image-carousel.image-carousel-style-three .slider-content.slick-slider .slick-dots li button {
        width: 5px;
        background: #c5c5c5;
        border-radius: 0;
        transition: .5s ease;
        position: absolute;
        top: 0;
        height: 100%; }
      .bit-image-carousel.image-carousel-style-three .slider-content.slick-slider .slick-dots li.slick-active button, .bit-image-carousel.image-carousel-style-three .slider-content.slick-slider .slick-dots li:hover button {
        background: #b0b0b0; }
.bit-image-carousel.image-carousel-style-four .slider-content {
  position: relative; }
  .bit-image-carousel.image-carousel-style-four .slider-content .slider-single {
    position: relative;
    overflow: hidden;
    height: 600px !important;
    margin: 0; }
    @media (max-width: 768px) {
      .bit-image-carousel.image-carousel-style-four .slider-content .slider-single {
        height: 460px; } }
    @media (max-width: 460px) {
      .bit-image-carousel.image-carousel-style-four .slider-content .slider-single {
        height: 320px; } }
    .bit-image-carousel.image-carousel-style-four .slider-content .slider-single .slider-single-image {
      position: absolute;
      top: -999px;
      left: -999px;
      right: -999px;
      bottom: -999px;
      margin: auto;
      min-width: 100%;
      min-height: 100%;
      object-fit: cover; }
  .bit-image-carousel.image-carousel-style-four .slider-content.slick-slider .slick-dots {
    padding: 0px;
    bottom: 30px;
    position: absolute;
    right: 30px;
    width: auto; }
    .bit-image-carousel.image-carousel-style-four .slider-content.slick-slider .slick-dots li {
      display: block;
      position: relative;
      margin: 10px; }
      .bit-image-carousel.image-carousel-style-four .slider-content.slick-slider .slick-dots li button {
        background: #777775;
        transition: .5s ease; }
      .bit-image-carousel.image-carousel-style-four .slider-content.slick-slider .slick-dots li.slick-active button, .bit-image-carousel.image-carousel-style-four .slider-content.slick-slider .slick-dots li:hover button {
        background: #393939; }
.bit-image-carousel.image-carousel-style-five {
  margin: 0 30px; }
  .bit-image-carousel.image-carousel-style-five .slider-container .slider-content {
    position: relative; }
    .bit-image-carousel.image-carousel-style-five .slider-container .slider-content .slider-single {
      position: relative;
      overflow: hidden;
      height: 600px !important;
      width: 100%; }
      @media (max-width: 768px) {
        .bit-image-carousel.image-carousel-style-five .slider-container .slider-content .slider-single {
          height: 460px; } }
      @media (max-width: 460px) {
        .bit-image-carousel.image-carousel-style-five .slider-container .slider-content .slider-single {
          height: 320px; } }
      .bit-image-carousel.image-carousel-style-five .slider-container .slider-content .slider-single .slider-single-image {
        position: absolute;
        top: -999px;
        left: -999px;
        right: -999px;
        bottom: -999px;
        margin: auto;
        min-width: 100%;
        min-height: 100%;
        object-fit: cover; }
    .bit-image-carousel.image-carousel-style-five .slider-container .slider-content.slick-slider .slick-arrow {
      background: #ececec;
      border-radius: 100%;
      width: 60px;
      height: 60px;
      position: absolute;
      top: calc( 50% - 30px );
      box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);
      z-index: 99; 
      text-align: center;
      text-indent: -9999px;
      border: none;
      color: #bababa;
      transition: all ease 0.3s;
    }
      @media (max-width: 768px) {
        .bit-image-carousel.image-carousel-style-five .slider-container .slider-content.slick-slider .slick-arrow {
          top: calc( 50% - 15px ); } }
      @media (max-width: 460px) {
        .bit-image-carousel.image-carousel-style-five .slider-container .slider-content.slick-slider .slick-arrow {
          top: calc( 50% - 5px ); } }
      .bit-image-carousel.image-carousel-style-five .slider-container .slider-content.slick-slider .slick-arrow:after {
        font-size: 40px !important;
        padding: 7px 7px;
        color: #8f8f8f;
        transition: 300ms ease;
      top: 0;
      }
      
      .bit-image-carousel.image-carousel-style-five .slider-container .slider-content.slick-slider .slick-arrow.slick-prev {
        left: -30px; }
        .bit-image-carousel.image-carousel-style-five .slider-container .slider-content.slick-slider .slick-arrow.slick-next.slick-next:after {
          left: auto;
          right: 0px;
      }
      .bit-image-carousel.image-carousel-style-five .slider-container .slider-content.slick-slider .slick-arrow.slick-next {
        right: -30px; }
      .bit-image-carousel.image-carousel-style-five .slider-container .slider-content.slick-slider .slick-arrow:focus:after, .bit-image-carousel.image-carousel-style-five .slider-container .slider-content.slick-slider .slick-arrow:hover:after {
        border-radius: 100%; 
        position: absolute;}
  /* .bit-image-carousel.image-carousel-style-five .slider-container .slider-nav {
    padding-left: 0;
    display: flex; } */
    /* .bit-image-carousel.image-carousel-style-five .slider-container .slider-nav .slick-track {
      display: flex;
     } */
      .bit-image-carousel.image-carousel-style-five .slider-container .slider-nav .slick-track .slider-li {
        position: relative;
        overflow: hidden;
        margin: 50px 10px;
        opacity: 0.5;
        transition: 300ms cubic-bezier(0.17, 0.67, 0.55, 1.43);
      }
        .bit-image-carousel.image-carousel-style-five .slider-container .slider-nav .slick-track .slider-li .slider-li-image {
          /* position: absolute;
          top: -999px;
          left: -999px;
          right: -999px;
          bottom: -999px;
          margin: auto;
          min-width: 100%;
          min-height: 100%; */
          width: 150px;
          height: 150px !important;
          object-fit: cover; }
        /* .bit-image-carousel.image-carousel-style-five .slider-container .slider-nav .slick-track .slider-li:before {
          content: "";
          display: block;
          padding-top: 100%; } */
        .bit-image-carousel.image-carousel-style-five .slider-container .slider-nav .slick-track .slider-li.slick-current {
          opacity: 1; }
        .bit-image-carousel.image-carousel-style-five .slider-container .slider-nav .slick-track .slider-li:hover {
          opacity: 0.7; }
.bit-image-carousel.image-carousel-style-six {
  position: relative;
  height: 600px;
  margin: auto;
  width: 100%; }
  @media (max-width: 768px) {
    .bit-image-carousel.image-carousel-style-six {
      height: 400px; } }
  @media (max-width: 460px) {
    .bit-image-carousel.image-carousel-style-six {
      height: 280px; } }
  .bit-image-carousel.image-carousel-style-six .slider-container {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 600px; }
    @media (max-width: 768px) {
      .bit-image-carousel.image-carousel-style-six .slider-container {
        height: 400px; } }
    @media (max-width: 460px) {
      .bit-image-carousel.image-carousel-style-six .slider-container {
        height: 280px; } }
    .bit-image-carousel.image-carousel-style-six .slider-container .slider-content {
      position: relative;
      left: 50%;
      top: 50%;
      width: 70%;
      height: 60%;
      transform: translate(-50%, -50%); }
      .bit-image-carousel.image-carousel-style-six .slider-container .slider-content .slider-single {
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: z-index 0ms 150ms; }
        .bit-image-carousel.image-carousel-style-six .slider-container .slider-content .slider-single .slider-single-image {
          position: relative;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);
          transition: 300ms cubic-bezier(0.17, 0.67, 0.55, 1.43);
          transform: scale(0);
          opacity: 0; }
        .bit-image-carousel.image-carousel-style-six .slider-container .slider-content .slider-single.preactivede .slider-single-image {
          transform: translateX(-50%) scale(0); }
        .bit-image-carousel.image-carousel-style-six .slider-container .slider-content .slider-single.preactive {
          z-index: 1; }
          .bit-image-carousel.image-carousel-style-six .slider-container .slider-content .slider-single.preactive .slider-single-image {
            opacity: .3;
            transform: translateX(-25%) scale(0.8); }
          .bit-image-carousel.image-carousel-style-six .slider-container .slider-content .slider-single.preactive .slider-single-download {
            transform: translateX(-150px); }
          .bit-image-carousel.image-carousel-style-six .slider-container .slider-content .slider-single.preactive .slider-single-title {
            transform: translateX(-150px); }
          .bit-image-carousel.image-carousel-style-six .slider-container .slider-content .slider-single.preactive .slider-single-likes {
            transform: translateX(-150px); }
        .bit-image-carousel.image-carousel-style-six .slider-container .slider-content .slider-single.proactive {
          z-index: 1; }
          .bit-image-carousel.image-carousel-style-six .slider-container .slider-content .slider-single.proactive .slider-single-image {
            opacity: .3;
            transform: translateX(25%) scale(0.8); }
        .bit-image-carousel.image-carousel-style-six .slider-container .slider-content .slider-single.proactivede .slider-single-image {
          transform: translateX(50%) scale(0); }
        .bit-image-carousel.image-carousel-style-six .slider-container .slider-content .slider-single.active {
          z-index: 2; }
          .bit-image-carousel.image-carousel-style-six .slider-container .slider-content .slider-single.active .slider-single-image {
            opacity: 1;
            transform: translateX(0%) scale(1); }
    .bit-image-carousel.image-carousel-style-six .slider-container .slider-arrows {
      position: absolute;
      z-index: 3;
      display: block;
      top: 50%;
      width: 10.5%;
      height: 48%;
      color: #ffffff;
      transform: translateY(-50%);
      padding: 20px 15px; }
      .bit-image-carousel.image-carousel-style-six .slider-container .slider-arrows .slider-arrow-icon:before {
        position: absolute;
        top: calc(50% - 20px);
        font-size: 20px;
        background: #5a5a5a;
        height: 40px;
        width: 40px;
        margin: auto;
        display: inline-block;
        border-radius: 100%;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); 
      box-sizing: border-box;
      }
      .bit-image-carousel.image-carousel-style-six .slider-container .slider-arrows.slider-left {
        right: 85%; }
        .bit-image-carousel.image-carousel-style-six .slider-container .slider-arrows.slider-left i:before {
          right: -20px;
          padding: 11px 0 0 12px; }
      .bit-image-carousel.image-carousel-style-six .slider-container .slider-arrows.slider-right {
        left: 85%; }
        .bit-image-carousel.image-carousel-style-six .slider-container .slider-arrows.slider-right i:before {
          left: -20px;
          padding: 11px 0 0 15px; }

/*--------------------------------------------------------------
# Image Carousel
--------------------------------------------------------------*/