.animated{opacity:0;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(.165,.84,.44,1);animation-timing-function:cubic-bezier(.165,.84,.44,1)}

@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3)}70%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}70%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{opacity:1;-webkit-animation-name:bounceIn;animation-name:bounceIn}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.fadeInLeft {
    opacity: 1;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInUp {
    opacity: 1;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInDown {
    opacity: 1;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@keyframes fadeIn{
  0% {
    opacity:0;
    transform:  translate(0px,114px)  scaleX(0.10) scaleY(0.10) ;
  }
  51% {
    opacity:1;
    transform:  translate(0px,114px)  scaleX(1.05) scaleY(1.05) ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,114px)  scaleX(1.00) scaleY(1.00) ;
  }
}

@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn{opacity:1;-webkit-animation-name:fadeIn;animation-name:fadeIn}

@-webkit-keyframes fadeIn1 {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn1 {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.fadeIn1 {
    opacity: 1;
    -webkit-animation-name: fadeIn1;
    animation-name: fadeIn1;
	 -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
	 -webkit-animation-timing-function:linear ;
    animation-timing-function: linear;
}


@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.fadeOut {
    opacity: 0;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
	 -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
}