.preloader,
.preloader:before,
.preloader:after {
    background: #F34A53;
    animation: animation 1s infinite ease-in-out;
    width: 12px;
}

            .preloader:before,
            .preloader:after {
                position: absolute;
                content: '';
            }

            .preloader:before {
                left: -20px;
                animation-delay: -0.32s;
            }

        .preloader {
            margin: 65px auto 40px;
            transform: translateZ(0);
            animation-delay: -0.16s;
        }

            .preloader:after {
                left: 20px;
            }

        @keyframes animation {
            0%, 80%, 100% {
                box-shadow: 0 0 #F34A53;
                height: 15px;
            }

            40% {
                box-shadow: 0 -30px #F34A53;
                height: 30px;
            }
        }.preloader,
        .preloader:before,
        .preloader:after {
            background: #F34A53;
            animation: animation 1s infinite ease-in-out;
            width: 12px;
        }

            .preloader:before,
            .preloader:after {
                position: absolute;
                content: '';
            }

            .preloader:before {
                left: -20px;
                animation-delay: -0.32s;
            }

        .preloader {
            margin: 65px auto 40px;
            transform: translateZ(0);
            animation-delay: -0.16s;
        }

            .preloader:after {
                left: 20px;
            }

        @keyframes animation {
            0%, 80%, 100% {
                box-shadow: 0 0 #F34A53;
                height: 15px;
            }

            40% {
                box-shadow: 0 -30px #F34A53;
                height: 30px;
            }
        }