.animated.width {
	animation: width 1.5s;
}
.animated.mx-1{
    animation: mx-1 1.5s;
}
.animated.mx-2{
    animation: mx-2 1s;
}
.animated.mx-3{
    animation: mx-3 0.5s;
}
.animated.opacity {
	animation: opacity 1s;
}
.animated.height {
    animation: height 1s;
}
.animated.zoom {
	animation: zoom 0.7s;
}
.animated.left{
    animation: left 1s;
}
.animated.right{
    animation: right 1s;
}
.animated.bottom{
    animation: bottom 1.5s;
}
.animated.bg{
    animation: bg 0.7s;
}
.animated.position{
    animation: position 4s cubic-bezier(.77, .02, .78, .53);
}
@-webkit-keyframes position {
    from { background-position: 600px; }
    to {  }
}
@-o-keyframes position {
    from { background-position: 600px;  }
    to {  }
}
@-moz-keyframes position {
    from { background-position: 600px;  }
    to {  }
}
@keyframes position {
    from { background-position: 600px;  }
    to {  }
};

@-webkit-keyframes mx-1 {
    from { -moz-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    -webkit-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    -o-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    -ms-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    transform: matrix(0.5, 2.5, 5, 5.5, -1000, 1000)}
    to {  }
}
@-o-keyframes mx-1 {
    from { -moz-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    -webkit-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    -o-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    -ms-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    transform: matrix(0.5, 2.5, 5, 5.5, -1000, 1000)}
    to {  }
}
@-moz-keyframes mx-1 {
    from { -moz-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    -webkit-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    -o-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    -ms-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    transform: matrix(0.5, 2.5, 5, 5.5, -1000, 1000)}
    to {  }
}
@keyframes mx-1 {
    from { -moz-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    -webkit-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    -o-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    -ms-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    transform: matrix(0.5, 2.5, 5, 5.5, -1000, 1000)}
    to {  }
}

@-webkit-keyframes mx-2 {
    from { -moz-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -webkit-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -o-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -ms-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);}
    to {  }
}
@-o-keyframes mx-2 {
   from { -moz-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -webkit-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -o-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -ms-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);}
    to {  }
}
@-moz-keyframes mx-2 {
   from { -moz-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -webkit-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -o-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -ms-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);}
    to {  }
}
@keyframes mx-2 {
    from { -moz-transform: matrix(0.5, 0.5, 0, 0.5, 1000, 1);
    -webkit-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -o-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -ms-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);}
    to {  }
}


@-webkit-keyframes mx-3  {
    from { -moz-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -webkit-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -o-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -ms-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    transform: matrix(1, 0.5, 0, 5.5, -10, -1000);}
    to {  }
}
@-o-keyframes mx-3  {
    from { -moz-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -webkit-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -o-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -ms-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    transform: matrix(1, 0.5, 0, 5.5, -10, -1000);}
    to {  }
}
@-moz-keyframes mx-3  {
    from { -moz-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -webkit-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -o-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -ms-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    transform: matrix(1, 0.5, 0, 5.5, -10, -1000);}
    to {  }
}
@keyframes mx-3 {
    from { -moz-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -webkit-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -o-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    -ms-transform: matrix(0.7, 7.5, 15, 5.5, 100, 1000);
    transform: matrix(1, 0.5, 0, 5.5, -10, -1000);}
    to {  }
}


@-webkit-keyframes bg {
    0%{ 
        
    }
    50%{width: 90px;
        height: 90px;}
    100% {  }
}
@-o-keyframes bg {
    0%{ 
        
    }
    50%{width: 90px;
        height: 90px;}
    100% {  }
}
@-moz-keyframes bg {
    0%{ 
        
    }
    50%{width: 90px;
        height: 90px;}
    100% {  }
}
@keyframes bg {
    0%{ 
        
    }
    50%{width: 90px;
        height: 90px;}
    100% {  }
}


@-webkit-keyframes bottom {
    0% { }
    50% {transform: translateY(2-00px);}
    80% {transform: translateY(50px);}
}
@-o-keyframes bottom {
    0% { }
    50% {transform: translateY(-200px);}
    80% {transform: translateY(50px);}
}
@-moz-keyframes bottom {
    0% { }
    50% {transform: translateY(-200px);}
    80% {transform: translateY(50px);}
}
@keyframes bottom {
    0% { }
    50% {transform: translateY(-200px);}
    80% {transform: translateY(50px);}
}

@-webkit-keyframes right {
    0% { }
    50% {transform: translateX(2-00px);}
    80% {transform: translateX(50px);}
}
@-o-keyframes right {
    0% { }
    50% {transform: translateX(-200px);}
    80% {transform: translateX(50px);}
}
@-moz-keyframes right {
    0% { }
    50% {transform: translateX(-200px);}
    80% {transform: translateX(50px);}
}
@keyframes right {
    0% { }
    50% {transform: translateX(-200px);}
    80% {transform: translateX(50px);}
}

@-webkit-keyframes left {
    0% { }
    50% {transform: translateX(200px);}
    80% {transform: translateX(-50px);}
}
@-o-keyframes left {
    0% { }
    50% {transform: translateX(200px);}
    80% {transform: translateX(-50px);}
}
@-moz-keyframes left {
    0% { }
    50% {transform: translateX(200px);}
    80% {transform: translateX(-50px);}
}
@keyframes left {
    0% { }
    50% {transform: translateX(200px);}
    80% {transform: translateX(-50px);}
}

@-webkit-keyframes zoom {
    0% {}
    40% { transform: scale(1.2); }
}
@-o-keyframes zoom {
    0% {}
    40% { transform: scale(1.2); }
}
@-moz-keyframes zoom {
    0% {}
    40% { transform: scale(1.2); }
}
@keyframes zoom {
    0% {}
    40% { transform: scale(1.2); }
}

@-webkit-keyframes height {
    from { transform: translateY(-100px); }
    to {  }
}
@-o-keyframes height {
    from { transform: translateY(-100px); }
    to {  }
}
@-moz-keyframes height {
    from { transform: translateY(-100px); }
    to {  }
}
@keyframes height {
    from { transform: translateY(-100px); }
    to {  }
}

@-webkit-keyframes width {
    from {width: 0; }
    to {width: 100%; }
}
@-o-keyframes width {
    from {width: 0; }
    to {width: 100%; }
}
@-moz-keyframes width {
    from {width: 0; }
    to {width: 100%; }
}
@keyframes width {
    from {width: 0; }
    to {width: 100%; }
}

@-webkit-keyframes opacity {
    from {opacity: 0;  }
}
@-o-keyframes opacity {
    from {opacity: 0;  }
}
@-moz-keyframes opacity {
    from {opacity: 0;  }
}
@keyframes opacity {
    0% { opacity: 0; }
    70% { opacity: 0;}
    100% {opacity: 1;}
}