/* animation  */
    @keyframes fadeInUp {
    from {-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);}
    to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
  }
  @-webkit-keyframes fadeInUp {
    from {-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);}
    to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
  }
  .animated {animation-duration: 1s;animation-fill-mode: both;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: both;}
  .animatedFadeInUp {opacity: 0;}
  .fadeInUp {opacity: 0;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
  /* animation  */

  .altMain{background: rgba(0,0,0,0.8);color: #fff;box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.38);-webkit-animation: fadeInUp 400ms;animation: fadeInUp 400ms;padding-right: 45px;}
  .altMain a{color: #95AEE6;display: inline-block;padding: 0 8px 0 20px;}
  .altMain span{font-size: 17px;padding: 0 5px 0 12px;display: inline-block;cursor: pointer;color: #ccc;font-weight: bold;position: absolute;top: 12px;right: 12px;}
  .altMain p{color: #ffffff; margin: 0px;}
  
  .alt1{position: fixed;bottom: 40px;left: 40px;z-index: 100000;width: 550px;padding-left: 25px;}
  .alt2 i{position: absolute;top: 15px;font-size: 22px;left: 18px;}
  .alt2{padding-left: 54px;}
  .altMain .fa-exclamation-triangle,
  .altMain .fa-times-circle{color: red;}
  .altMain .fa-check,
  .altMain .fa-check-circle{color: green;}
  .altMain .fa-exclamation-circle{color: #4e9ec5;}
  .altMain .fa-warning{color: #FFD42A;}