@charset "utf-8";
 
.animated{	
    opacity: 0;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);
}

@keyframes bgScale{
  0%{transform:scale(1.2, 1.2);}
  100%{transform:scale(1, 1);}
}

@-webkit-keyframes fadeInUp { 
  from { 
      opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0); }
  to { 
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);}
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    }
  to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    } 
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }	
    100% {		
        opacity: 1;
        -webkit-transform: translateY(0);
    }}
@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }	
    100% {		
        opacity: 1;
        -moz-transform: translateY(0);
    }}
@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
    100% {		
        opacity: 1;
        -o-transform: translateY(0);
    }}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    100% {		
        opacity: 1;
        transform: translateY(0);
    }}
.fadeInUpBig {	
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    -ms-animation-duration:0.5s;
    -o-animation-duration:0.5s;
    animation-duration:0.5s;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }	
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }}
@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }	
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }}
@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }	
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }	
    100% {
        opacity: 1;
        transform: translateY(0);
    }}
.fadeInDown {	
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }	
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }	
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }}
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px);
    }	
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }	
    100% {
        opacity: 1;
        transform: translateX(0);
    }}
.fadeInRight {	
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}