.sliderVideoText
{

  color: #fff;
}


.slide
{
  opacity: 0;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}

.smallTxt
{
  font-family: 'acumin-pro-extra-condensed';
  font-weight: 400;
  font-size: 3.28vw;
  line-height: 3vw;
}

.twoText
{
  font-family: 'acumin-pro-extra-condensed',sans-serif;
  font-weight: 700;
  font-size: 9.375vw;
  line-height: 9vw;
  letter-spacing: -0.4vw;
  margin-bottom: 10px;
  overflow: hidden;
  display: flex;align-items: center;
  justify-content: center;
}
.borderText
{
    margin-bottom: 10px;
}
.twoText b:nth-child(even)
{
  padding-left: 10px;
}
.slide b{  font-family: 'acumin-pro-extra-condensed',sans-serif !important;
  font-weight: 700 !important;}
.twoText b:nth-child(even), .borderText
{
  font-family: 'acumin-pro-extra-condensed',sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #fff;
    -webkit-text-stroke-width: 1px;
    font-size: 9.375vw;
    line-height: 9vw;
    letter-spacing: -0.2vw;

}

.slide.text3 .twoText
{
  display: flex;
  flex-direction: column;
  position: relative;
}

.slide.text3 .twoText b{
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 100%);
  word-break: keep-all;
white-space: nowrap;
}

@keyframes displayText1 {
  0%, 32%, 100% {
    opacity: 0
  }

  1%, 30%  {
    opacity: 1
  }
}
@keyframes displayText2 {
  0%, 32%, 62%, 100% {
    opacity: 0
  }

  35%, 60% {
    opacity: 1
  }
}
@keyframes displayText3 {
  0%, 60%, 100% {
    opacity: 0
  }

  62%, 99% {
    opacity: 1
  }
}

.videoStarted .slide.text1
{
animation: displayText1 23s infinite linear;
}
@keyframes displayText1_1 {
  0%, 32% {opacity: 0; transform:translateY(-100%);  }
  2%, 30%  {opacity: 1;transform: translateY(0%);}
}
@keyframes displayText1_2_1 {
  0%,2%, 32% {opacity: 0; transform: translateX(-100%);   }
  4%, 30%  {opacity: 1;transform: translateX(0%);}
}
@keyframes displayText1_2_2 {
  0%,4%, 32% {opacity: 0; transform: translateX(100%);}
  6%, 30%  {opacity: 1;transform: translateX(0%);}
}
@keyframes displayText1_3 {
  0%,6%, 32% {opacity: 0; transform: translateY(100%);}
  8%, 30%  {opacity: 1;transform: translateY(0%);}
}
.slide.text1 .smallTxt:first-of-type{
  opacity: 0;
  transform: translateY(-100%);
}
.slide.text1 .twoText b:first-child{
  opacity: 0;
  transform: translateX(-100%);
}
.slide.text1 .twoText b:last-child{
  opacity: 0;
  transform: translateX(100%);
}
.slide.text1 .smallTxt:last-of-type{
  opacity: 0;
  transform: translateY(100%);
}


.videoStarted .slide.text1 .smallTxt:first-of-type{
  animation: displayText1_1 23s infinite linear;
}
.videoStarted .slide.text1 .twoText b:first-child{
animation: displayText1_2_1 23s infinite linear;
}
.videoStarted .slide.text1 .twoText b:last-child{
  opacity: 0;
animation: displayText1_2_2 23s infinite linear;
}
.videoStarted .slide.text1 .smallTxt:last-of-type{
animation: displayText1_3 23s infinite linear;
}




.videoStarted .slide.text2
{
animation: displayText2 23s infinite linear;
}

@keyframes displayText2_1 {
  0%, 32%, 62% {opacity: 0; transform:translateY(-100%);  }
  34%, 60%  {opacity: 1;transform: translateY(0%);}
}
@keyframes displayText2_2_1 {
  0%,34%, 62% {opacity: 0; transform: translateX(-100%);   }
  36%, 60%  {opacity: 1;transform: translateX(0%);}
}
@keyframes displayText2_2_2 {
  0%,36%, 62% {opacity: 0; transform: translateX(100%);}
  38%, 60%  {opacity: 1;transform: translateX(0%);}
}
@keyframes displayText2_3 {
  0%,38%, 62% {opacity: 0; transform: translateY(100%);}
  40%, 60%  {opacity: 1;transform: translateY(0%);}
}
@keyframes displayText2_4 {
  0%,40%, 62% {opacity: 0; transform: translateY(100%);}
  42%, 60%  {opacity: 1;transform: translateY(0%);}
}
@keyframes displayText2_5 {
  0%,42%, 62% {opacity: 0; transform: translateY(100%);}
  44%, 60%  {opacity: 1;transform: translateY(0%);}
}
.slide.text2 .smallTxt:first-of-type{
  opacity: 0;
  transform: translateY(-100%);
}
.slide.text2 .twoText b:first-child{
  opacity: 0;
  transform: translateX(-100%);
}
.slide.text2 .twoText b:last-child{
  opacity: 0;
  transform: translateX(100%);
}
.slide.text2 .smallTxt:last-of-type{
  opacity: 0;
  transform: translateY(100%);
}


.videoStarted .slide.text2 .smallTxt:first-of-type{
  animation: displayText2_1 23s infinite linear;
}
.videoStarted .slide.text2 .twoText b:first-child{
animation: displayText2_2_1 23s infinite linear;
}
.videoStarted .slide.text2 .twoText b:last-child{
  opacity: 0;
animation: displayText2_2_2 23s infinite linear;
}
.videoStarted .slide.text2 .twoText + .smallTxt{
animation: displayText2_3 23s infinite linear;
}
.videoStarted .slide.text2 .borderText{
animation: displayText2_4 23s infinite linear;
}
.videoStarted .slide.text2 .borderText + .smallTxt{
animation: displayText2_5 23s infinite linear;
}

.videoStarted .slide.text3
{
animation: displayText3 23s infinite linear;
}


@keyframes displayText3_1 {
  0%, 62%, 100% {opacity: 0;  }
  64%, 98%  {opacity: 1;}
}
@keyframes displayText3_2 {
  0%,64%, 100% {opacity: 0; }
  66%, 98%  {opacity: 1;}
}
@keyframes displayText3_3 {
  0%,66%  {opacity: 0; transform: translate(-50%,100%);}
  68%, 74%  {opacity: 1;transform: translate(-50%,0%);}
  76%, 100%  {opacity: 0;transform: translate(-50%,-100%);}
}
@keyframes displayText3_4 {
  0%,74%  {opacity: 0; transform: translate(-50%,100%);}
  76%, 82%  {opacity: 1;transform:translate(-50%,0%);}
  84%, 100%  {opacity: 0;transform: translate(-50%,-100%);}
}
@keyframes displayText3_5 {
  0%,82% {opacity: 0; transform:translate(-50%,100%);}
  84%, 98%  {opacity: 1;transform:translate(-50%,0%);}
  100%  {opacity: 0;transform: translate(-50%,-100%);}
}

.slide.text3 .smallTxt:first-of-type{
  opacity: 0;
  }
.slide.text3 .smallTxt:nth-child(2){
  opacity: 0;
  }
.slide.text3 .twoText b:nth-of-type(1),
.slide.text3 .twoText b:nth-of-type(2)
.slide.text3 .twoText b:nth-of-type(3){
  opacity: 0;
  transform: translate(-50%,100%);
}


.videoStarted .slide.text3 .smallTxt:first-of-type{
  animation: displayText3_1 23s infinite linear;
}
.videoStarted .slide.text3 .smallTxt:nth-child(2){
animation: displayText3_2 23s infinite linear;
}
.videoStarted .slide.text3 .twoText b:nth-of-type(1){
animation: displayText3_3 23s infinite linear;
}
.videoStarted .slide.text3 .twoText b:nth-of-type(2){
animation: displayText3_4 23s infinite linear;
}
.videoStarted .slide.text3 .twoText b:nth-of-type(3){
animation: displayText3_5 23s infinite linear;
}


.page-template-page-templatestemplate-videodemo-php img.logoWhite {
    display: none;
}