#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:60px;height:60px;
    border-style:solid;
    border-color:#d5082b;
    border-top-color:transparent;
    border-width: 10px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.login-img{
    text-align: center;padding: 30px;width: 350px;
}


.big-icon{
    font-size:58px!important;
}

.big-icon2{
    font-size:40px!important;
}

.item-heading{
    font-weight: 700!important;
    font-size:  1rem!important;
    text-transform: uppercase!important;
    color: white;
}



.hang-up  {
    /*display: block;*/
  margin: 0;
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@keyframes ring {
  0% { transform: rotate(0); }
  3% { transform: rotate(30deg); }
  5% { transform: rotate(-28deg); }
  8% { transform: rotate(34deg); }
  10% { transform: rotate(-32deg); }
  12% { transform: rotate(30deg); }
  15% { transform: rotate(-28deg); }
  17% { transform: rotate(26deg); }
  20% { transform: rotate(-24deg); }
  22% { transform: rotate(22deg); }
  25% { transform: rotate(-20deg); }
  27% { transform: rotate(18deg); }
  30% { transform: rotate(-16deg); }
  32% { transform: rotate(14deg); }
  35% { transform: rotate(-12deg); }
  37% { transform: rotate(10deg); }
  40% { transform: rotate(-8deg); }
  42% { transform: rotate(6deg); }
  45% { transform: rotate(-4deg); }
  47% { transform: rotate(2deg); }
  50% { transform: rotate(-1deg); }
}