.fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s;
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.addstrg {
    position: fixed;
    z-index: 3;
    margin-left: 90%;
    margin-top: 42%;
}

@media screen and (max-width: 768px) {
    .addstrg {
        margin-left: 84%;
        margin-top: 118%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1024px) {
    .addstrg {
        margin-left: 88%;
        margin-top: 65%;
    }
}

.float-btn {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    position: fixed;
    width: 55px;
    height: 55px;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
}

.float1 {
    background-color: #0C9;
    bottom: 55px;
    right: 40px;
}

.float2 {
    background-color: #f0ad4e;
    bottom: 55px;
    right: 100px;
}

.my-float {
    margin-top: 19px;
}

.login-box {
    margin-top: -150px;
}