/* ==========================================================
   БЛЕСК CLEAN
   ANIMATIONS.CSS
========================================================== */

/* ==========================
   Fade Up
========================== */

.fade-up{

    opacity:0;

    transform:translateY(40px);

    transition:

        opacity .8s ease,

        transform .8s ease;

}

.fade-up.show{

    opacity:1;

    transform:translateY(0);

}

/* ==========================
   Fade Left
========================== */

.fade-left{

    opacity:0;

    transform:translateX(-50px);

    transition:

        opacity .8s ease,

        transform .8s ease;

}

.fade-left.show{

    opacity:1;

    transform:translateX(0);

}

/* ==========================
   Fade Right
========================== */

.fade-right{

    opacity:0;

    transform:translateX(50px);

    transition:

        opacity .8s ease,

        transform .8s ease;

}

.fade-right.show{

    opacity:1;

    transform:translateX(0);

}

/* ==========================
   Zoom
========================== */

.zoom{

    opacity:0;

    transform:scale(.9);

    transition:

        opacity .7s ease,

        transform .7s ease;

}

.zoom.show{

    opacity:1;

    transform:scale(1);

}

/* ==========================
   Hero image
========================== */

.hero-image img{

    animation:

        heroFloat 5s ease-in-out infinite;

}

@keyframes heroFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0);

    }

}

/* ==========================
   Buttons
========================== */

.btn{

    transition:

        transform .3s,

        box-shadow .3s;

}

.btn:hover{

    transform:translateY(-3px);

}

/* ==========================
   Cards
========================== */

.service-card,

.advantage-card,

.process-card,

.quality-card,

.review-card,

.contact-card{

    transition:

        transform .35s,

        box-shadow .35s;

}

.service-card:hover,

.advantage-card:hover,

.process-card:hover,

.quality-card:hover,

.review-card:hover,

.contact-card:hover{

    transform:translateY(-8px);

}

/* ==========================
   Floating Buttons
========================== */

.floating-btn{

    animation:

        pulse 2.5s infinite;

}

@keyframes pulse{

    0%{

        box-shadow:0 0 0 0 rgba(0,174,239,.45);

    }

    70%{

        box-shadow:0 0 0 18px rgba(0,174,239,0);

    }

    100%{

        box-shadow:0 0 0 0 rgba(0,174,239,0);

    }

}

/* ==========================
   Logo Slider
========================== */

.companies-wrapper{

    animation:

        companiesMove 35s linear infinite;

}

.companies-wrapper:hover{

    animation-play-state:paused;

}