div#carousel { 
  perspective: 1200px;
  overflow: hidden; 
}
div#carousel .box {
  height: 250px;
}

figure#spinner { 
  transform-style: preserve-3d; 
  -webkit-transform-origin: 50% 50% -500px; 
  -webkit-transition: 1s; 
} 
figure#spinner > #test { 
  width: 23%;
  position: absolute; left: 30%;
  -webkit-transform-origin: 50% 50% -500px;
  outline:1px solid transparent; 
}

@media (min-width: 1200px){
  figure#spinner > #test:nth-child(1){
    display: block !important;
  }
}
figure#spinner > #test:nth-child(1){
  display: none;
  -webkit-transform: translate3d(-368px, 80px, -350px)scale3d(0.6,0.6,0.6);
  -ms-transform: translate3d(-370px, 80px, -350px)scale3d(0.6,0.6,0.6);
  transform: translate3d(-520px, 80px, -350px) scale3d(0.63, 0.63, 0.63);
  -webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}

@media (min-width: 992px){
  figure#spinner > #test:nth-child(2){
    display: block !important;
  }
}
figure#spinner > #test:nth-child(2){
  display:none;
  -webkit-transform: translate3d(-236px, 80px, -200px)scale3d(0.7,0.7,0.7);
  -ms-transform: translate3d(-240px, 80px, -200px)scale3d(0.7,0.7,0.7);
  transform: translate3d(-286px, 80px, -200px) scale3d(0.73, 0.73, 0.73);
  -webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}

figure#spinner > #test:nth-child(3){
  -webkit-transform: translate3d(-123px, 80px, -50px)scale3d(0.8,0.8,0.8);
  -ms-transform: translate3d(-125px, 80px, -50px)scale3d(0.8,0.8,0.8);;
  transform: translate3d(-135px, 80px, -50px) scale3d(0.83, 0.83, 0.83);
  -webkit-transition-duration: 1s; /* Safari */
  transition-duration: 1s;
}

figure#spinner #test:nth-child(4) {
  -webkit-transform: translate3d(65px,30px, 0px)scale3d(1,1,1);
  -ms-transform: translate3d(65px,30px, 0px)scale3d(1,1,1);
  transform: translate3d(65px, 30px, 0px) scale3d(1, 1, 1);
  -webkit-transition-duration: 1s; /* Safari */
  transition-duration: 1s;
  background: #fff;
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -ms-border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(221, 60, 60, 0.3);
  -moz-box-shadow: 0px 0px 5px rgba(221, 60, 60, 0.3);
  -webkit-box-shadow: 0px 0px 5px rgba(221, 60, 60, 0.3);
  -o-box-shadow: 0px 0px 5px rgba(221, 60, 60, 0.3);
  -ms-box-shadow: 0px 0px 5px rgba(221, 60, 60, 0.3);
  width: 29%;
}

figure#spinner > #test:nth-child(5) {
  -webkit-transform: translate3d(320px, 80px, -50px)scale3d(0.8,0.8,0.8);
  -ms-transform: translate3d(315px, 80px, -50px)scale3d(0.8,0.8,0.8);
  transform: translate3d(335px, 80px, -50px) scale3d(0.83, 0.83, 0.83);
  -webkit-transition-duration: 1s; /* Safari */
  transition-duration: 1s;
}

@media (min-width: 992px){
  figure#spinner > #test:nth-child(6) {
    display: block !important;
  }
}
figure#spinner > #test:nth-child(6) {
  display: none;
  -webkit-transform: translate3d(433px, 80px, -200px)scale3d(0.7,0.7,0.7);
  -ms-transform: translate3d(455px, 80px, -200px)scale3d(0.7,0.7,0.7);
  transform: translate3d(492px, 80px, -200px) scale3d(0.73, 0.73, 0.73);
  -webkit-transition-duration: 1s; /* Safari */
  transition-duration: 1s;
}

@media (min-width: 1200px){
  figure#spinner > #test:nth-child(7) {
    display: block !important;
    
  }
}
figure#spinner > #test:nth-child(7) {
    display: none;
    -webkit-transform: translate3d(562px, 80px, -350px)scale3d(0.6,0.6,0.6);
    -ms-transform: translate3d(580px, 80px, -350px)scale3d(0.6,0.6,0.6);
    transform: translate3d(680px, 80px, -350px) scale3d(0.63, 0.63, 0.63);
    -webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}

figure#spinner > #test:nth-child(8) {
  -webkit-transform: translate3d(700px, 80px, -550px)scale3d(0.4,0.4,0.4);
  -ms-transform: translate3d(700px, 80px, -550px)scale3d(0.4,0.4,0.4);
  transform: translate3d(700px, 80px, -550px)scale3d(0.4,0.4,0.4);
  -webkit-transition-duration: 1s; /* Safari */
  transition-duration: 1s;
}

div#carousel .table .table-cell {
  height: 115px !important;
}

div#carousel .table .table-cell figcaption {
  color: #888;
  font-size: 15px;
}

div#carousel ~ span { 
  color: #fff; 
  display: inline-block; 
  text-decoration: none; 
  -webkit-transition:0.6s color;
  -moz-transition: 0.6s color; 
  -o-transition: 0.6s color;
  transition: 0.6s color; 
  position: relative; 
  margin-top: -15.1rem; 
  border-bottom: none; 
  line-height: 0; }
div#carousel ~ span:hover { color: #888; cursor: pointer; }

.carousel-section .slick-next{
  background-image: url("../img/nex.png") !important;
  background-repeat: no-repeat !important;
  width: 31px !important;
  height: 54px !important;
  display: inline-block !important;
  right: -25px !important;
  float: right !important;
  top: 80px !important;
}

.carousel-section .slick-prev{
  background-image: url("../img/pre.png") !important;
  background-repeat: no-repeat !important;
  width: 31px !important;
  height: 54px !important;
  display: inline-block !important;
  
  float: left !important;
  top: 80px !important;
}

.carousel-section .slick-list{
  margin-left: 10px !important;
}

.slick-prev:before {
  content: none !important;
}
.slick-next:before {
  content: none !important;
}
.slick-center .slick_container{
  height: 145px;
  border: 1px solid rgba(221, 60, 60, 0.7) !important;
  box-shadow: 0px 1px 5px rgba(100, 60, 60, 1.7) !important;
  border-radius: 5px;
}
.carousel-section .slick-track{
  height: 250px !important;
  padding-top: 30px;
}
.carousel-section .slick-slide{
  height: 60% !important;
}
.carousel-section .slick-active{
  width:100px;
  -webkit-transform: scale(0.75);
}

/*.slick-center .slick_container{
  margin-left: -20px !important;
}*/


/*============================*/
.navigator {
  display: inline-block; 
  text-decoration: none; 
  -webkit-transition:0.6s color;
  -moz-transition: 0.6s color; 
  -o-transition: 0.6s color;
  transition: 0.6s color; 
  position: relative; 
  margin-top: -5.5rem; 
  border-bottom: none; 
  line-height: 0;
  width: 100%;
}

.carousel-inner .slick-next{
  position: initial !important;
  background-image: url("../img/snex.png") !important;
  background-repeat: no-repeat !important;
  width: 13px !important;
  height: 20px !important;
  display: inline-block !important;
  float: right !important;
  margin-top: -55px !important;
}
.carousel-inner .slick-prev{
  position: initial !important;
  background-image: url("../img/spre.png") !important;
  background-repeat: no-repeat !important;
  width: 13px !important;
  height: 20px !important;
  display: inline-block !important;
  right: 0px !important;
  float: left !important;
  margin-top: -55px !important;
}
.carousel-inner .slick-list{
  margin-left : 10px;
  margin-right : 10px;
}

.carousel-inner .slick-active{
  text-align: center !important;
}

/*========================Style for Stats=======================*/

.carousel-control.left{
    background: none !important;
    border: 1px solid red;
}

/*====================Style for Investor Testimonial=============*/

/* Fade transition for carousel items */
#investorCarousel .item {
    left: 0 !important;
      -webkit-transition: opacity 1s; /*adjust timing here */
         -moz-transition: opacity 1s;
           -o-transition: opacity 1s;
              transition: opacity 1s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
#investorCarousel .next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
#investorCarousel .active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}

.testimoinal-text-height {
  min-height: 68px;
}

.carousel-inner > .item {
    -webkit-transition: 1s ease-in-out left;
    -moz-transition: 1s ease-in-out left;
    -o-transition: 1s ease-in-out left;
    transition: 1s ease-in-out left;
}

@media (max-width: 480px) {
        .carousel-section .container {
          width: 100% !important;
        }
        .slick-center .slick_container{
          width: 80% !important;
          margin-left: 10% !important;
        }
      }