@import '../tiny-slider.css';
.tns-controls { text-align: center; margin-bottom: 10px; }
.tns-controls [aria-controls] {
  font-size: 15px;
  margin: 0 5px;
  padding: 0 1em;
  height: 2.5em;
  color: #000;
  background: #66CCFF;
  border-radius: 3px;
  border: 0;
}
.lt-ie9 .tns-controls > [aria-controls] {
  line-height: 2.5em;
}
[data-action] {
  display: block;
  margin: 10px auto;
  font-size: 17px;
  min-width: 3em;
  text-align: center;
  background: transparent;
  border: 0;
}
.tns-controls [disabled] { 
  color: #999999;
  background: #B3B3B3; 
  cursor: not-allowed !important;
}
.tns-nav {
  text-align: center;
  margin: 10px 0;
}
.tns-nav > [aria-controls] {
  width: 9px;
  height: 9px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  background: #ddd;
  border: 0;
}
.tns-nav > .tns-nav-active { background: #999; }
/*Down Arrow Bounce*/
.bounce {-moz-animation: bounce 3s infinite;-webkit-animation: bounce 3s infinite;animation: bounce 3s infinite; height:30px;}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); transform: translateY(0); }
40% {-moz-transform: translateY(-30px);transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);transform: translateY(-15px);}}
@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}}
@keyframes bounce {0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);-ms-transform: translateY(0); -webkit-transform: translateY(0);transform: translateY(0);}40% {-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px);}}
.counter-section {
    background: rgb(47 87 138);
      background-image: none;
    padding: 100px 0px;
    color: #fff;
    background-image: linear-gradient(to bottom, #457abe, #2b4f7f);
  }
  .counter h1,.counter .h1{font-weight:900;color:#fff;}
.counter .count-text{text-transform:uppercase;font-weight: 300 ;margin-top: 30px;}
.counter .count-text strong{font-weight:500}
.counter-section .border-right{border-right : 2px solid #fff;height:190px;margin-top:20px;}

/* Client Testimonials Carousel */
.MultiCarousel { float: left; overflow: hidden; padding: 15px 15px 15px 0px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; align-items: center;display: flex;}
.MultiCarousel .MultiCarousel-inner .item { float: left; text-align: center; padding:0px 30px;}
.MultiCarousel #leftLst, .MultiCarousel #rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); cursor: pointer;}
.MultiCarousel #leftLst { left:0; }
.MultiCarousel #rightLst { right:0; }

.bg-fitness247_logo {width: 152px; height: 36px;background: url('../../img/client-logos.webp') -334px -167px; display:inline-block}
.bg-life-soul_gym_logo {width: 174px; height: 40px; background:  url('../../img/client-logos.webp') -334px -10px;  display:inline-block}
.bg-profit_logo {width: 125px; height: 65px;background: url('../../img/client-logos.webp') -140px -195px;  display:inline-block}
.bg-viva_fitness_logo {width: 149px; height: 68px;background: url('../../img/client-logos.webp') -10px -107px;  display:inline-block}
.bg-logo_YMCA { width: 55px; height: 77px; background: url('../../img/client-logos.webp') -443px -70px;  display:inline-block }
.bg-logo_ufc {width: 117px; height: 77px;background: url('../../img/client-logos.webp') -197px -10px;  display:inline-block }
.bg-logo_golds_gym { width: 89px; height: 77px; background: url('../../img/client-logos.webp') -334px -70px;  display:inline-block }
.bg-logo_12th_round { width: 110px; height: 77px; background: url('../../img/client-logos.webp') -10px -195px; display:inline-block }
.bg-logo_i_feel_good { width: 167px; height: 77px; background: url('../../img/client-logos.webp') -10px -10px; display:inline-block}

.customer-reviews .slide{
    background: #305987;
    color: #fff !important;
    padding: 30px 60px;
    border-radius: 10px;
}
@media only screen and (min-width: 1921px) {
    .banner-section .display-1  {font-size: 100px !important; line-height: 1;}
}
@media only screen and (max-width: 1300px){
.banner-section img{
  max-width: 100%;
  height: auto;
}
}
@media (max-width: 991px){
.mob-boder-right {
  border-right: 1px solid #fff;
}
.counter .display-3 {
    font-size: 38px !important;
}
.counter .count-text {
    margin-top: 10px;
}
.banner-content,.counter-section {
    padding: 30px 0px !important;
  }
  .counter img {
    height: 80px;
    margin-top: 30px;
    width: auto;
  }
}
@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}