
.shakeMe {
    animation: shake 0.83s cubic-bezier(.36,.07,.19,.97);
    -webkit-animation: shake 0.83s cubic-bezier(.36,.07,.19,.97);
    -moz-animation: shake 0.83s cubic-bezier(.36,.07,.19,.97);
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
@-webkit-keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
@-moz-keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
@-o-keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.pulseButton {
    animation: 1.5s ease 0s normal none infinite running pulse;
    -moz-animation: 1.5s ease 0s normal none infinite running pulse;
    -webkit-animation: 1.5s ease 0s normal none infinite running pulse;
    -o-animation: 1.5s ease 0s normal none infinite running pulse;
    display: block;
    position: relative;
    text-decoration: none;
    background: #00b400;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0174d2', endColorstr='#0174d2',GradientType=0 );
}
@keyframes pulse {
    0% {
        transform: scale(0.95);
    }
    60% {
        transform: scale(1);
    }
    80% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.95);
    }
}
@-moz-keyframes pulse {
    0% {
        transform: scale(0.95);
    }
    60% {

        transform: scale(1);
    }
    80% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.95);
    }
}
@-webkit-keyframes pulse {
    0% {
        transform: scale(0.95);
    }
    60% {

        transform: scale(1);
    }
    80% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.95);
    }
}
@-o-keyframes pulse {
    0% {
        transform: scale(0.95);
    }
    60% {

        transform: scale(1);
    }
    80% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.95);
    }
}

.border {
    animation: 1.5s ease 0s normal none infinite running theBorder;
    -moz-animation: 1.5s ease 0s normal none infinite running theBorder;
    -webkit-animation: 1.5s ease 0s normal none infinite running theBorder;
    -o-animation: 1.5s ease 0s normal none infinite running theBorder;
  }
  
  @keyframes theBorder {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        
    }
    60% {
        -webkit-box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
        box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
    }
    100% {
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
    }
 }
 @-moz-keyframes theBorder {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        
    }
    60% {
        -webkit-box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
        box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
    }
    100% {
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
    }
}
@-webkit-keyframes theBorder {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        
    }
    60% {
        -webkit-box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
        box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
    }
    100% {
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
    }
}
@-o-keyframes theBorder {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        
    }
    60% {
        -webkit-box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
        box-shadow: 0px 0px 4px 5px rgba(255,0,0,1);
    }
    100% {
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
        box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
    }
}
.animate-fade-in {
    position: relative;
    -webkit-animation-name: fade-in-still;
    -webkit-animation-duration: 0.5s;
    animation-name: fade-in-still;
    animation-duration: 0.5s
  }
.animate-fade-in-bottom {
    position: relative;
    -webkit-animation-name: fade-in-bottom;
    -webkit-animation-duration: 0.5s;
    animation-name: fade-in-bottom;
    animation-duration: 0.5s
  }
.animate-fade-out {
    /* position: relative; */
    /* display: none; */
    display: block;
    -webkit-animation-name: fade-out;
    -webkit-animation-duration: 0.5s;
    animation-name: fade-out;
    animation-duration: 0.5s
}

  @-webkit-keyframes fade-in-bottom {
    from { bottom:-10px; opacity:0 } 
    to { bottom:0px; opacity:1 }
  }
  @keyframes fade-in-bottom { 
    from{ bottom: -10px; opacity:0 } 
    to{ bottom:0px; opacity:1 }
  }
  @-webkit-keyframes fade-out {
    from { bottom:-10px; opacity:1 } 
    to { bottom:0px; opacity:0 }
  }
  @keyframes fade-out { 
    from{ bottom: -10px; opacity:1 } 
    to{ bottom:0px; opacity:0 }
  }
  @-webkit-keyframes fade-in-still {
    from { opacity:0 } 
    to { opacity:1 }
  }
  @keyframes fade-in-still { 
    from{ opacity:0 } 
    to{ opacity:1 }
  }
