/*ANIMATION*/
.deak-main_title{
    animation-name: ex;
    animation-duration: 1s;
}
.deak_container h3{
        animation-name: ex;
    animation-duration: 1s;
}
.animation{
    animation-name: ex;
    animation-duration: 1s;
    
}
.btn1{
    display:inline-block;
    animation-duration:1s;
    animation-name:ye;
}
.btn2{
    display:inline-block;
    animation-duration:1s;
    animation-name:yo;
}
/*.flt1-left{
    animation-name:ye;
    animation-duration:1s;
    position: relative;
}
.flt1-right{
    animation:yo;
    animation-duration:1s;
    position:relative;
}
.flt2-left{
    animation-name:ye;
    animation-duration:1s;
    position:relative;
}
.flt2-right{
    animation:yo;
    animation-duration:1s;
    position:relative;
}*/


@keyframes ex{
     0% {
           opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    }
    100% {
         opacity: 1;
    -webkit-transform: none;
    transform: none;
    }
}
@keyframes ye{
    0%{
        opacity:0%;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
    }
    100%{
        opacity:1;
        -webkit-transform: none;
        transform: none;
        
    } 
}
@keyframes yo{
    0%{
        opacity:0%;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
            
    }
    100%{
     opacity: 1;
    -webkit-transform: none;
    transform: none;
    }
}
@keyframes v{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
    
    
    
}