@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.text-one {
	color: #fff;
	/*font-family: 'Hammersmith One', sans-serif;*/
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 5em;
	line-height: 0.8em;
	top: 3em;
	padding-left: 20px;
}
.text-two {
	color: #fff;
	/*font-family: 'Hammersmith One', sans-serif;*/
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 7em;
	line-height: 0.8em;
	top: 2.8em;
	letter-spacing: 0em;
}
.item-1, 
.item-2, 
.item-3,
.item-4,
.item-5,
.item-6,
.item-7,
.item-8,
.item-9,
.item-10,
.item-11,
.item-12 {
position: absolute;
display: block;
/*top: 2em;*/  
width: 75%;  
/*font-size: 2.2em;*/

-webkit-animation-duration: 20s;
animation-duration: 20s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
/*<!--animation-iteration-count: 2;-->*/
}

.item-1{
	-webkit-animation-name: anim-1;
	        animation-name: anim-1;
}

.item-2{
	-webkit-animation-name: anim-2;
	        animation-name: anim-2;
}

.item-3{
	-webkit-animation-name: anim-3;
	        animation-name: anim-3;
}

.item-4{
	-webkit-animation-name: anim-4;
	        animation-name: anim-4;
}

.item-5{
	-webkit-animation-name: anim-5;
	        animation-name: anim-5;
}

.item-6{
	-webkit-animation-name: anim-6;
	        animation-name: anim-6;
}

.item-7{
	-webkit-animation-name: anim-7;
	        animation-name: anim-7;
}

.item-8{
	-webkit-animation-name: anim-8;
	        animation-name: anim-8;
}

.item-9{
	-webkit-animation-name: anim-9;
	        animation-name: anim-9;
}

.item-10{
	-webkit-animation-name: anim-10;
	        animation-name: anim-10;
}

.item-11{
	-webkit-animation-name: anim-11;
	        animation-name: anim-11;
}

.item-12{
	-webkit-animation-name: anim-12;
	        animation-name: anim-12;
}


@-webkit-keyframes anim-1 {
	0%, 4.16% { left: 0%; opacity: 0; }
  4.16%,12.49% { left: 5%; opacity: 1; }
  16.65%, 100% { left: 0%; opacity: 0; }
}
@keyframes anim-1 {
	0%, 4.16% { left: 0%; opacity: 0; }
  4.16%,12.49% { left: 5%; opacity: 1; }
  16.65%, 100% { left: 0%; opacity: 0; }
}
@-webkit-keyframes anim-4 {
	0%, 4.16% { left: -15%; opacity: 0; }
  4.16%,12.49% { left: 5%; opacity: 1; }
  16.65%, 100% { left: 0%; opacity: 0; }
}
@keyframes anim-4 {
	0%, 4.16% { left: -15%; opacity: 0; }
  4.16%,12.49% { left: 5%; opacity: 1; }
  16.65%, 100% { left: 0%; opacity: 0; }
}



@-webkit-keyframes anim-2 {
	0%, 16.65% { right: 0%; opacity: 0; }
  20.81%, 29.14% { right: 5%; opacity: 1; }
  33.30%, 100% { right: 0%; opacity: 0; }
}
@keyframes anim-2 {
	0%, 16.65% { right: 0%; opacity: 0; }
  20.81%, 29.14% { right: 5%; opacity: 1; }
  33.30%, 100% { right: 0%; opacity: 0; }
}
@-webkit-keyframes anim-5 {
	0%, 16.65% { right: 0%; opacity: 0; }
  20.81%, 29.14% { right: 5%; opacity: 1; }
  33.30%, 100% { right: 0%; opacity: 0; }
}
@keyframes anim-5 {
	0%, 16.65% { right: 0%; opacity: 0; }
  20.81%, 29.14% { right: 5%; opacity: 1; }
  33.30%, 100% { right: 0%; opacity: 0; }
}




@-webkit-keyframes anim-3 {
	0%, 29.14% { left: 0%; opacity: 0; }
  33.30%, 41.63% { left: 5%; opacity: 1; }
  45.79%, 100% { left: 0%; opacity: 0; }
}
@keyframes anim-3 {
	0%, 29.14% { left: 0%; opacity: 0; }
  33.30%, 41.63% { left: 5%; opacity: 1; }
  45.79%, 100% { left: 0%; opacity: 0; }
}
@-webkit-keyframes anim-6 {
	0%, 29.14% { left: -15%; opacity: 0; }
  33.30%, 41.63% { left: 5%; opacity: 1; }
  45.79%, 100% { left: 0%; opacity: 0; }
}
@keyframes anim-6 {
	0%, 29.14% { left: -15%; opacity: 0; }
  33.30%, 41.63% { left: 5%; opacity: 1; }
  45.79%, 100% { left: 0%; opacity: 0; }
}




@-webkit-keyframes anim-7 {
	0%, 45.79% { right: 0%; opacity: 0; }
  49.96%, 58.28% { right: 5%; opacity: 1; }
  62.44%, 100% { right: 0%; opacity: 0; }
}
@keyframes anim-7 {
	0%, 45.79% { right: 0%; opacity: 0; }
  49.96%, 58.28% { right: 5%; opacity: 1; }
  62.44%, 100% { right: 0%; opacity: 0; }
}
@-webkit-keyframes anim-8 {
	0%, 45.79% { right: 0%; opacity: 0; }
  49.96%, 58.28% { right: 5%; opacity: 1; }
  62.44%, 100% { right: 0%; opacity: 0; }
}
@keyframes anim-8 {
	0%, 45.79% { right: 0%; opacity: 0; }
  49.96%, 58.28% { right: 5%; opacity: 1; }
  62.44%, 100% { right: 0%; opacity: 0; }
}




@-webkit-keyframes anim-9 {
	0%, 62.44% { left: 0%; opacity: 0; }
  66.61%, 74.93% { left: 5%; opacity: 1; }
  79.1%, 100% { left: 0%; opacity: 0; }
}
@keyframes anim-9 {
	0%, 62.44% { left: 0%; opacity: 0; }
  66.61%, 74.93% { left: 5%; opacity: 1; }
  79.1%, 100% { left: 0%; opacity: 0; }
}
@-webkit-keyframes anim-10 {
	0%, 62.44% { left: -15%; opacity: 0; }
  66.61%, 74.93% { left: 5%; opacity: 1; }
  79.1%, 100% { left: 0%; opacity: 0; }
}
@keyframes anim-10 {
	0%, 62.44% { left: -15%; opacity: 0; }
  66.61%, 74.93% { left: 5%; opacity: 1; }
  79.1%, 100% { left: 0%; opacity: 0; }
}



@-webkit-keyframes anim-11 {
	0%, 79.1% { right: 0%; opacity: 0; }
  83.3%, 87.4% { right: 5%; opacity: 1; }
   100% { right: 0%; opacity: 0; }
}
@keyframes anim-11 {
	0%, 79.1% { right: 0%; opacity: 0; }
  83.3%, 87.4% { right: 5%; opacity: 1; }
   100% { right: 0%; opacity: 0; }
}
@-webkit-keyframes anim-12 {
	0%, 79.1% { right: 0%; opacity: 0; }
  83.3%, 87.4% { right: 5%; opacity: 1; }
   100% { right: 0%; opacity: 0; }
}
@keyframes anim-12 {
	0%, 79.1% { right: 0%; opacity: 0; }
  83.3%, 87.4% { right: 5%; opacity: 1; }
   100% { right: 0%; opacity: 0; }
}