@font-face {
      font-family: Poppins-Regular;
      src: url('../fonts/poppins/Poppins-Regular.ttf');
    }

    @font-face {
      font-family: Poppins-Bold;
      src: url('../fonts/poppins/Poppins-Bold.ttf');
    }

    @font-face {
      font-family: Poppins-Medium;
      src: url('../fonts/poppins/Poppins-Medium.ttf');
    }

    @font-face {
      font-family: Montserrat-Bold;
      src: url('../fonts/montserrat/Montserrat-Bold.ttf');
    }


        .animacao_baixo_cima_view {
          position:relative;
        }
        .animacao_baixo_cima_view.ng-enter, .my-slide-animation.ng-leave {


          -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
          -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
           -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
           transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;



          position:absolute;
          top:0;
          left:0;
          right:0;
          height:600px;
        }

        .animacao_baixo_cima_view.ng-enter {
          z-index:100;
          top:600px;
          opacity:0;
        }
        .animacao_baixo_cima_view.ng-enter.ng-enter-active {
          top:0;
          opacity:1;
        }

        .animacao_baixo_cima_view.ng-leave {
          z-index:101;
          top:0;
          opacity:1;
        }
        .my-slide-animation.ng-leave.ng-leave-active {
          top:-600px;
          opacity:0;
        }




        .fade {
            position:relative;
        }
        .fade.ng-enter{
            -webkit-transition: all 800ms ease;
            transition: all 800ms ease;
        }
        .fade.ng-leave {
            -webkit-transition: all 50ms ease;
            transition: all 50ms ease;
        }
        .fade.ng-enter {
            opacity: 0;
        }
        .fade.ng-enter-active {
            opacity: 1;
        }
        .fade.ng-leave {
            opacity: 1;
        }
        .fade.ng-leave-active {
            opacity: 0;
        }