/* ANIMATION STYLINGS
============================================================================= */

#form-views.ng-enter,
#form-views.ng-leave {
}

#form-views.forward.ng-leave { -webkit-animation: slideOutLeft 0.5s forwards ease-in-out; }
#form-views.forward.ng-enter { -webkit-animation: slideInRight 0.5s forwards ease-in-out; }

#form-views.backward.ng-leave { -webkit-animation: slideOutRight 0.5s forwards ease-in-out; }
#form-views.backward.ng-enter { -webkit-animation: slideInLeft 0.5s forwards ease-in-out; }

@-webkit-keyframes slideOutLeft { to { -webkit-transform: translateX(-150%); } }
@-webkit-keyframes slideInRight { from { -webkit-transform: translateX(150%); } to { -webkit-transform: translateX(0); } }

@-webkit-keyframes slideOutRight { to { -webkit-transform: translateX(150%); } }
@-webkit-keyframes slideInLeft { from { -webkit-transform: translateX(-150%); } to { -webkit-transform: translateX(0); } }


/*
.grid .item .button {
    -webkit-transform: scale3D(0, 0, 0);
    -webkit-animation: buttonScaleDelay 0.3s ease-in-out forwards;
}
.grid .item .button0  { -webkit-animation-delay: 0.6s; }
.grid .item .button1  { -webkit-animation-delay: 0.7s; }
.grid .item .button2  { -webkit-animation-delay: 0.8s; }
.grid .item .button3  { -webkit-animation-delay: 0.9s; }
.grid .item .button4  { -webkit-animation-delay: 0.7s; }
.grid .item .button5  { -webkit-animation-delay: 0.8s; }
.grid .item .button6  { -webkit-animation-delay: 0.9s; }
.grid .item .button7  { -webkit-animation-delay: 1.0s; }
.grid .item .button8  { -webkit-animation-delay: 0.8s; }
.grid .item .button9  { -webkit-animation-delay: 0.9s; }
.grid .item .button10 { -webkit-animation-delay: 1.0s; }
.grid .item .button11 { -webkit-animation-delay: 1.1s; }
.grid .item .button12 { -webkit-animation-delay: 0.9s; }
.grid .item .button13 { -webkit-animation-delay: 1.0s; }
.grid .item .button14 { -webkit-animation-delay: 1.1s; }
.grid .item .button15 { -webkit-animation-delay: 1.2s; }
.grid .item .button16 { -webkit-animation-delay: 1.0s; }
.grid .item .button17 { -webkit-animation-delay: 1.1s; }
.grid .item .button18 { -webkit-animation-delay: 1.2s; }
.grid .item .button19 { -webkit-animation-delay: 1.3s; }

@-webkit-keyframes buttonScaleDelay { to { -webkit-transform: scale3D(1, 1, 1); } }*/