.ajax-message {-webkit-animation: bounceInUp 0.8s; -moz-animation: bounceInUp 0.8s; animation: bounceInUp 0.8s;}
.ajax-message.ng-hide { -webkit-animation: fadeOut 0.4s; -moz-animation: fadeOut 0.4s; animation: fadeOut 0.4s;}

.submenu-li.ng-enter { -webkit-transition: all linear 0.36s; -moz-transition: all linear 0.36s; transition: all linear 0.36s; }
.submenu-li.ng-leave { -webkit-transition: all linear 0.18s; -moz-transition: all linear 0.18s; transition: all linear 0.18s; }
.submenu-li.ng-enter,
.submenu-li.ng-leave.ng-leave-active { opacity:0; width: 0; }
.submenu-li.ng-leave,
.submenu-li.ng-enter.ng-enter-active { opacity:1; width: 80px; }

.submenu-li-id.ng-hide-add.ng-hide-add-active,
.submenu-li-id.ng-hide-remove.ng-hide-remove-active { -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; transition: all linear 0.25s; }
.submenu-li-id.ng-hide { opacity: 0; width: 0; }

.menu > ul > li.notactive {-webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; transition: all linear 0.25s;}

.menu > ul > li.menu-hover h3 {-webkit-transition: all linear 0.1s; -moz-transition: all linear 0.1s; transition: all linear 0.1s;}
.menu > ul > li.menu-hover:hover h3 {margin-top: 0; opacity: 1;}
.menu > ul > li.menu-hover:hover span {opacity: 0;}

.menu > ul > li h3 {-webkit-transition: all linear 0.35s; -moz-transition: all linear 0.35s; transition: all linear 0.35s;}
.menu > ul > li.active h3 {opacity: 1; margin-top: 0;}
.menu > ul > li.active:not(.no-views) h3 {width: 100%; font-size: 21px; white-space: nowrap;}
.menu > ul > li:hover h3 {opacity: 1; margin-top: 0;}

.submenu-prev.ng-enter { -webkit-animation: fadeInRight 1s; -moz-animation: fadeInRight 1s; animation: bounceInRight 1s; position: absolute; right: 0; }
.submenu-prev.ng-leave { -webkit-animation: fadeOutRight 0.6s; -moz-animation: fadeOutRight 0.6s; animation: bounceOutRight 0.6s; position: absolute; right: 0;}
.submenu-next.ng-enter { -webkit-animation: fadeInLeft 1s; -moz-animation: fadeInLeft 1s; animation: bounceInLeft 1s; position: absolute; right: 0; }
.submenu-next.ng-leave { -webkit-animation: fadeOutLeft 0.6s; -moz-animation: fadeOutLeft 0.6s; animation: bounceOutLeft 0.6s; position: absolute; right: 0;}
.menu-prev.ng-enter { -webkit-animation: bounceInDown 1s; -moz-animation: bounceInDown 1s; animation:  bounceInDown 1s; position: absolute; right: 0; }
.menu-prev.ng-leave { -webkit-animation: bounceOutDown 0.6s; -moz-animation: bounceOutDown 0.6s; animation: bounceOutDown 0.6s; position: absolute; right: 0;}
.menu-next.ng-enter { -webkit-animation: bounceInUp 1s; -moz-animation: bounceInUp 1s; animation: bounceInUp 1s; position: absolute; right: 0; }
.menu-next.ng-leave { -webkit-animation: bounceOutUp 0.6s; -moz-animation: bounceOutUp 0.6s; animation: bounceOutUp 0.6s; position: absolute; right: 0;}

main {
    position:relative;
    overflow:hidden;
    opacity: 1;
}

/*.reveal-animation.ng-enter, .reveal-animation.ng-leave {*/
    /*-webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;*/
    /*transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;*/
    /*display:block;*/
    /*width:100%;*/
    /*position:absolute;*/
    /*top:0;*/
    /*left:0;*/
    /*right:0;*/
    /*bottom:0;*/
/*}*/

.reveal-animation.ng-enter {
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
    display:block;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.reveal-animation.ng-leave {
    -webkit-transition:all linear 0.4s;
    transition:all linear 0.4s;
    display:block;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.reveal-animation.ng-enter {
    /*left:100%;*/
    opacity: 0;
}
.reveal-animation.ng-enter.ng-enter-active {
    /*left:0;*/
    opacity: 1;
}
.reveal-animation.ng-leave.ng-leave-active {
    opacity: 0;
    /*left:-100%;*/
}

/*.loading-bg { -webkit-transition:all cubic-bezier(0.2, 0, 0.3, 1) 1.3s; -moz-transition:all cubic-bezier(0.2, 0, 0.3, 1) 1.3s; -o-transition:all cubic-bezier(0.2, 0, 0.3, 1) 1.3s; transition:all cubic-bezier(0.2, 0, 0.3, 1) 1.3s;  }*/
/*.loading-bg.ng-hide { bottom: 100%; }*/
#loading.small {
    -webkit-transition:all cubic-bezier(0.2, 0, 0.3, 1) 0.8s;
    -moz-transition:all cubic-bezier(0.2, 0, 0.3, 1) 0.8s;
    -o-transition:all cubic-bezier(0.2, 0, 0.3, 1) 0.8s;
    transition:all cubic-bezier(0.2, 0, 0.3, 1) 0.8s;
}
#loading.small,
#loading.small-add.small-add-active {
  height: 60px;
}
#loading.big {
  -webkit-transition:all cubic-bezier(0, 0, 1, 1) 0.5s;
  -moz-transition:all cubic-bezier(0, 0, 1, 1) 0.5s;
  -o-transition:all cubic-bezier(0, 0, 1, 1) 0.5s;
  transition:all cubic-bezier(0, 0, 1, 1) 0.5s;
}
#loading.big,
#loading.big-add.big-add-active {
  height: 90px;
}

#loading .load,
#loading .reload {
    -webkit-transition:all cubic-bezier(0, 0, 1, 1) 3.5s;
    -moz-transition:all cubic-bezier(0, 0, 1, 1) 3.5s;
    -o-transition:all cubic-bezier(0, 0, 1, 1) 3.5s;
    transition:all cubic-bezier(0, 0, 1, 1) 3.5s;
}

#loading .load {opacity: 1;}
#loading .load.ng-hide {
    opacity:0;
}
