.tte_wrapper span {
  display: inline-block;
  width: auto;
}
.tte_wrapper .tte_mid {
  margin: 0 10px;
  transition: all .4s;
  white-space: nowrap;
}
.tte_wrapper[data-speed="slow"] .tte_mid {
  transition: all .1s;
}
.tte_wrapper[data-speed="normal"] .tte_mid {
  transition: all .4s;
}
.tte_wrapper[data-speed="fast"] .tte_mid {
  transition: all .9s;
}

.tte_wrapper[data-effect="fade"] .tte_mid {
  opacity: 0;
}
.tte_wrapper[data-effect="fade"] .tte_mid.tte_show {
  opacity: 1;
}
.tte_wrapper[data-effect="fade"] .tte_mid.tte_hide {
  opacity: 0;
}

.tte_wrapper[data-effect="top-to-bottom"] .tte_mid {
  opacity: 0;
  transform: translateY(-30px);
}
.tte_wrapper[data-effect="top-to-bottom"] .tte_mid.tte_show {
  opacity: 1;
  transform: translateY(0);
}
.tte_wrapper[data-effect="top-to-bottom"] .tte_mid.tte_hide {
  opacity: 0;
  transform: translateY(30px);
}

.tte_wrapper[data-effect="vertical-flip"] .tte_mid {
  opacity: 0;
  transform: rotateX(90deg);
}
.tte_wrapper[data-effect="vertical-flip"] .tte_mid.tte_show {
  opacity: 1;
  transform: rotateX(0);
}
.tte_wrapper[data-effect="vertical-flip"] .tte_mid.tte_hide {
  opacity: 0;
  transform: rotateX(-90deg);
}

.tte-cursor {
  -webkit-animation: 1s tte-blink step-end infinite;
  -moz-animation: 1s tte-blink step-end infinite;
  -ms-animation: 1s tte-blink step-end infinite;
  -o-animation: 1s tte-blink step-end infinite;
  animation: 1s tte-blink step-end infinite;
}

@keyframes "tte-blink" {
	from, to {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
}

@-moz-keyframes tte-blink {
	from, to {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
}

@-webkit-keyframes "tte-blink" {
	from, to {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
}

@-ms-keyframes "tte-blink" {
	from, to {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
}

@-o-keyframes "tte-blink" {
	from, to {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
}