/* ANIMATED
=============================================================================== */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
/* OPTIONS 
_______________________________________________ */
[class*='option-']{
    animation-duration: 1.0s;
    -vendor-animation-duration: 1.0s;
    -ms-animation-duration: 1.0s;
    -webkit-animation-duration: 1.0s;
    -moz-animation-duration: 0.9s;

    -ms-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
}
.option-0{
    -ms-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
}
.option-1{
    -ms-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
}
.option-2{
    -ms-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
}
.option-3{
    -ms-animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
}
.option-4{
    -ms-animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
}
.option-5{
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}
.option-6{
    -ms-animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
}
.option-7{
    -ms-animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
}
.option-8{
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}
.option-9{
    -ms-animation-delay: 1.0s;
    -webkit-animation-delay: 1.0s;
    -moz-animation-delay: 1.0s;
}
.option-10{
    -ms-animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
}
.option-11{
    -ms-animation-delay: 2.1s;
    -webkit-animation-delay: 2.1s;
    -moz-animation-delay: 2.1s;
}

/* options end */


/* zoomInRav */
@-webkit-keyframes zoomInRav {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6);
        transform: scale(.6);
    }

    80% {
        opacity: 1;
    }
}

@keyframes zoomInRav {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6);
        transform: scale(.6);
    }

    80% {
        opacity: 1;
    }
}

.zoomInRav{
    -webkit-animation-name: zoomInRav;
    animation-name: zoomInRav;
}

/* fadeIn and fadeOut */
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}


/* fadeIn left right down up */
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}


@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}


/* fadeOut left right down up */
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}


/*  */

@-webkit-keyframes zoomInOne {
    0%, 100% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2);

    }

    50% {
        -webkit-transform: scale3d(1.0, 1.0, 1.0);
        transform: scale3d(1.0, 1.0, 1.0);

    }


}

@keyframes zoomInOne {
    0%, 100% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2);

    }

    50% {
        -webkit-transform: scale3d(1.0, 1.0, 1.0);
        transform: scale3d(1.0, 1.0, 1.0);

    }

}

.zoomInOne,
.video-container:after{
    -webkit-animation: zoomInOne 40.2s infinite ease-in-out;
    -moz-animation: zoomInOne 40.2s infinite ease-in-out;
    -ms-animation: zoomInOne 40.2s infinite ease-in-out;
    -o-animation: zoomInOne 40.2s infinite ease-in-out;
    animation: zoomInOne 40.2s infinite ease-in-out;
}

/* pulse */
@-webkit-keyframes pulse-v {
    0%, 100% {

        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }


}

@keyframes pulse-v{
    0%, 100% {

        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
}

.pulse-v {
    -webkit-animation: pulse-v 2.2s infinite ease-in-out;
    -moz-animation: pulse-v 2.2s infinite ease-in-out;
    -ms-animation: pulse-v 2.2s infinite ease-in-out;
    -o-animation: pulse-v 2.2s infinite ease-in-out;
    animation: pulse-v 2.2s infinite ease-in-out;
}




/* bell */
@-webkit-keyframes bell {
    0% {

        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    20%{

        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0);
    }
    40%{

        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -60px, 0);
    }
    60%{

        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0);
    }
    80%{

        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {

        -webkit-transform: translate3d(0, -0px, 0);
        transform: translate3d(0, -0px, 0);
    }


    10%, 30%, 50%, 70%, 90%{
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

}

@keyframes bell{
    0% {

        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    20%{

        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0);
    }
    40%{

        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -60px, 0);
    }
    60%{

        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0);
    }
    80%{

        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {

        -webkit-transform: translate3d(0, -0px, 0);
        transform: translate3d(0, -0px, 0);
    }


    10%, 30%, 50%, 70%, 90%{
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

}

.bell {
    -webkit-animation: bell 2.2s 1 ease-in-out;
    -moz-animation: bell 2.2s 1 ease-in-out;
    -ms-animation: bell 2.2s 1 ease-in-out;
    -o-animation: bell-v 2.2s 1 ease-in-out;
    animation: bell 2.2s 1 ease-in-out;
}


/* pulse center */
@-webkit-keyframes pulse-c {
    0%, 100% {

        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }


}

@keyframes pulse-c{
    0%, 100% {

        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.pulse-c {
    -webkit-animation: pulse-c 2.2s infinite ease-in-out;
    -moz-animation: pulse-c 2.2s infinite ease-in-out;
    -ms-animation: pulse-c 2.2s infinite ease-in-out;
    -o-animation: pulse-c 2.2s infinite ease-in-out;
    animation: pulse-c 2.2s infinite ease-in-out;
}


/* pulse opacity */
@-webkit-keyframes pulse-op {
    0%, 100% {

        opacity:0;
    }

    50% {
        opacity:0.5;
    }


}

@keyframes pulse-op{
    0%, 100% {

        opacity:0;
    }

    50% {
        opacity:0.5;
    }

}

.pulse-op {
    -webkit-animation: pulse-op 2.2s infinite ease-in-out;
    -moz-animation: pulse-op 2.2s infinite ease-in-out;
    -ms-animation: pulse-op 2.2s infinite ease-in-out;
    -o-animation: pulse-op 2.2s infinite ease-in-out;
    animation: pulse-op 2.2s infinite ease-in-out;
}



@keyframes whirls{
    0% {
        transform:  rotate(0deg) ;
    }
    100% {
        transform:  rotate(360deg) ;
    }
}
@-webkit-keyframes whirls {
    0% {
        -webkit-transform: rotate(0deg) ;
    }
    100% {
        -webkit-transform: rotate(360deg) ;
    }
}
.twist{
    -webkit-animation: whirls 0.4s infinite linear;
    -moz-animation: whirls 0.4s infinite linear;
    -ms-animation: whirls 0.4s infinite linear;
    -o-animation: whirls 0.4s infinite linear;
    animation: whirls 0.4s infinite linear;
}



/*  zoomInOne */

@-webkit-keyframes zoomInOne {
    0%, 100% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2);

    }

    50% {
        -webkit-transform: scale3d(1.0, 1.0, 1.0);
        transform: scale3d(1.0, 1.0, 1.0);

    }


}

@keyframes zoomInOne {
    0%, 100% {
        -webkit-transform: scale3d(1.3, 1.3, 1.3);
        transform: scale3d(1.3, 1.3, 1.3);

    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);

    }

}

.zoomInOne {
    -webkit-animation: zoomInOne 33.2s infinite ease-in-out;
    -moz-animation: zoomInOne 33.2s infinite ease-in-out;
    -ms-animation: zoomInOne 33.2s infinite ease-in-out;
    -o-animation: zoomInOne 33.2s infinite ease-in-out;
    animation: zoomInOne 33.2s infinite ease-in-out;
}






.slowjump,
.vacancies{
    -webkit-animation:  slowjump 2.8s infinite linear;
    -moz-animation:     slowjump 2.8s infinite linear;
    -ms-animation:      slowjump 2.8s infinite linear;
    -o-animation:       slowjump 2.8s infinite linear;
    animation:          slowjump 2.8s infinite linear;
}
@-webkit-keyframes slowjump{
    0%,100% {
        -webkit-transform:  translateY(0);
        -moz-transform:     translateY(0);
        -ms-transform:      translateY(0);
        -o-transform:       translateY(0);
        transform:          translateY(0);
    }

    50% {
        -webkit-transform:  translateY(-10px);
        -moz-transform:     translateY(-10px);
        -ms-transform:      translateY(-10px);
        -o-transform:       translateY(-10px);
        transform:          translateY(-10px);
    }
}
@keyframes slowjump{
    0%,100% {
        -webkit-transform:  translateY(0);
        -moz-transform:     translateY(0);
        -ms-transform:      translateY(0);
        -o-transform:       translateY(0);
        transform:          translateY(0);
    }

    50% {
        -webkit-transform:  translateY(-10px);
        -moz-transform:     translateY(-10px);
        -ms-transform:      translateY(-10px);
        -o-transform:       translateY(-10px);
        transform:          translateY(-10px);
    }
}



.shake_cycle,
.vacancies>div:before{
    -webkit-animation:  shake_cycle 4.0s infinite linear;
    -moz-animation:     shake_cycle 4.0s infinite linear;
    -ms-animation:      shake_cycle 4.0s infinite linear;
    -o-animation:       shake_cycle 4.0s infinite linear;
    animation:          shake_cycle 4.0s infinite linear;
}
@-webkit-keyframes shake_cycle{
    0%,4%,8%,12%,16%,100%{
        -webkit-transform:  rotate(5deg);
        -moz-transform:     rotate(5deg);
        -ms-transform:      rotate(5deg);
        -o-transform:       rotate(5deg);
        transform:          rotate(5deg);
    }
    0%,16%{
        -webkit-transform:  scale(1);
        -moz-transform:     scale(1);
        -ms-transform:      scale(1);
        -o-transform:       scale(1);
        transform:          scale(1);
    }
   2%,6%,10%,14% {
        -webkit-transform:  rotate(-5deg);
        -moz-transform:     rotate(-5deg);
        -ms-transform:      rotate(-5deg);
        -o-transform:       rotate(-5deg);
        transform:          rotate(-5deg);
    }
    8%{
        -webkit-transform:  scale(1.2);
        -moz-transform:     scale(1.2);
        -ms-transform:      scale(1.2);
        -o-transform:       scale(1.2);
        transform:          scale(1.2);
    }

}
@keyframes shake_cycle{
    0%,4%,8%,12%,16%,100%{
        -webkit-transform:  rotate(5deg);
        -moz-transform:     rotate(5deg);
        -ms-transform:      rotate(5deg);
        -o-transform:       rotate(5deg);
        transform:          rotate(5deg);
    }
    0%,16%{
        -webkit-transform:  scale(1);
        -moz-transform:     scale(1);
        -ms-transform:      scale(1);
        -o-transform:       scale(1);
        transform:          scale(1);
    }
    2%,6%,10%,14% {
        -webkit-transform:  rotate(-5deg);
        -moz-transform:     rotate(-5deg);
        -ms-transform:      rotate(-5deg);
        -o-transform:       rotate(-5deg);
        transform:          rotate(-5deg);
    }
    8%{
        -webkit-transform:  scale(1.2);
        -moz-transform:     scale(1.2);
        -ms-transform:      scale(1.2);
        -o-transform:       scale(1.2);
        transform:          scale(1.2);
    }
}