/* Enter type your CSS */

.ls-icons-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    font-size: 40px;
}

.ls-icons-list li {
    margin: 25px 50px;
}

.section-title{
	position: relative;
}

.item-1, 
.item-2, 
.item-3 {
	   position: absolute;
  	display: block;
  	animation-duration: 8s;
	  animation-timing-function: ease-in-out;
	  animation-iteration-count: infinite;
	  max-width: 525px;
	  min-width: 525px;
    padding-left: 15px;
    text-align: justify;
}

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

.item-2{
	animation-name: anim-2;
	/*animation-duration: 5s;*/
}

/*.item-3{
	animation-name: anim-3;
}*/

@keyframes anim-1 {
  0%, 5% { left: -100%; opacity: 0; }
  5%,45% { left: 0; opacity: 1; }
  50%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 50% { left: -100%; opacity: 0; }
  55%, 95% { left: 0; opacity: 1; }
  100%, 100% { left: 110%; opacity: 0; }
}

/*@keyframes anim-3 {
	0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 25%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}*/

.loader{
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.loader img{
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  max-width: 200px;
}