/*------------------------------------*\

	Preloader

\*------------------------------------*/





#preloader {

    position: fixed;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background-color: #6faf21;

    z-index: 99999;

}



.preloader {

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

}

/*.preloader span {

    display: inline-block;

    background-color: #fff;

    width: 25px;

    height: 25px;

    -webkit-animation: 1s preload ease-in-out infinite;

            animation: preload 1s ease-in-out infinite;

    -webkit-transform: scale(0);

        -ms-transform: scale(0);

            transform: scale(0);

    border-radius:50%;

}
*/


.preloader span {

    display: inline-block;

    background-color: #fff;

    width: 30px;

    height: 30px;

  -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);


     -webkit-animation: 0.5s preload ease-in-out infinite;

            animation: preload 0.5s ease-in-out infinite;

}
















.preloader span:nth-child(1) {

    -webkit-animation-delay: 0s;

            animation-delay: 0s;

}



.preloader span:nth-child(2) {

    -webkit-animation-delay: 0.1s;

            animation-delay: 0.1s;

}



.preloader span:nth-child(3) {

    -webkit-animation-delay: 0.15s;

            animation-delay: 0.15s;

}



.preloader span:nth-child(4) {

    -webkit-animation-delay: 0.2s;

            animation-delay: 0.2s;

}



@-webkit-keyframes preload {

	0% {

	   -webkit-transform:scale(0);

	           transform:scale(0);

	}

  50% {

    -webkit-transform:scale(1);

            transform:scale(1);

  }

  100% {

    -webkit-transform:scale(0);

            transform:scale(0);

  }

}



@keyframes preload {

	0% {

	   -webkit-transform:scale(0);

	           transform:scale(0);

	}

  50% {

    -webkit-transform:scale(1);

            transform:scale(1);

  }

  100% {

    -webkit-transform:scale(0);

            transform:scale(0);

  }

}