.animate-pulse{
    animation: pulse 2s ease 0s infinite;
}
@keyframes pulse {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(1px, -2px, 0);
        opacity: 0;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}


.animate-fadeleft.scroll-animate {
    -webkit-transition: all 1s;
    transition: all 1s;
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px)
}

.animate-fadeleft.animate {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.animate-faderight.scroll-animate {
    -webkit-transition: all 1s;
    transition: all 1s;
    opacity: 0;
    -webkit-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px)
}

.animate-faderight.animate {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}


.animate-scale.scroll-animate {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: .7
}

.animate-scale.animate {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.animate-scale-fade.scroll-animate {
    -webkit-transition: all 1s;
    transition: all 1s;
    opacity: 0;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.animate-scale-fade.animate {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}


.animate-fade.scroll-animate {
    -webkit-transition: all 1s;
    transition: all 1s;
    opacity: 0;
}

.animate-fade.animate {
    opacity: 1;
}




.btn-wrap.scroll-animate {
    -webkit-transition: all 1s cubic-bezier(.17,.67,.29,1.32);
    transition: all 1s cubic-bezier(.17,.67,.29,1.32);
    -webkit-transform: translateY(50px) rotateX(-50deg);
    transform: translateY(50px) rotateX(-50deg);
    opacity: 0
}

.btn-wrap.scroll-animate.animate {
    opacity: 1;
    -webkit-transform: translateY(0) rotateX(0deg);
    transform: translateY(0) rotateX(0deg)
}



.b-what .scroll-animate.item {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0
}

.b-what .animate.item {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}









.b-myths .scroll-animate.item {
    -webkit-transition: all 1s cubic-bezier(.17,.67,.29,1.32);
    transition: all 1s cubic-bezier(.17,.67,.29,1.32);
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scale(.7) rotate3d(20,15,0,50deg);
    transform: scale(.7) rotate3d(20,15,0,50deg);
    opacity: 0
}

.b-myths .animate.item {
    -webkit-transform: scale(1) rotate3d(0,0,0,0deg);
    transform: scale(1) rotate3d(0,0,0,0deg);
    opacity: 1
}

.b-steps .scroll-animate.item {
    -webkit-transition: all 1s;
    transition: all 1s;
    opacity: 0;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.b-steps .animate.item {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}