/*Back To Top*/

.back-top {
    right: 20px;
    font-size: 26px;
    position: fixed;
    z-index: 1600;
    opacity: 0;
    visibility: hidden;
    bottom: 20px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #002e5b;
    color: #fff;
    overflow: hidden;
}

.back-top-visible {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.back-top:hover,
.back-top:focus {
    background-color: #fde428;
    color: #002e5b;
}
.back-top:hover i{
    animation: moveUp 0.4s;
}
@keyframes moveUp {
    0%{
      transform: translateY(0);
    }
    49%{
      transform: translateY(-100%);
    }
    50%{
      opacity: 0;
    }
    51%{
        opacity: 1;
      transform: translateY(100%);
    }
    100%{
      transform: translateY(0);
    }
}