@charset "UTF-8";
/*-------- Bootstrap Framework -------*/


/* ###### bootstrap ####### */
/*Color variables*/
/*border variables*/
/*shadow variables*/
/*Colors*/


@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}


@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    100%,
    60% {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    100%,
    60% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    100%,
    60% {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    100%,
    60% {
        left: 107%;
        right: -8%;
    }
}


@media (max-width: 375px) {
    .breadcrumb {
        font-size: 12px;
    }

    .page-title {
        font-size: 20px !important;
    }
}


.box div {
    position: absolute;
    width: 60px;
    height: 60px;
    background: transparent;
    border: 6px solid rgba(255, 255, 255, 0.2);
}

.box div:nth-child(1) {
    top: 79%;
    left: 71%;
    animation: animate 11s linear infinite;
}

.box div:nth-child(2) {
    top: 71%;
    left: 79%;
    animation: animate 16s linear infinite;
}

.box div:nth-child(3) {
    top: 33%;
    left: 23%;
    animation: animate 14s linear infinite;
}

.box div:nth-child(4) {
    top: 91%;
    left: 24%;
    animation: animate 12s linear infinite;
}

.box div:nth-child(5) {
    top: 21%;
    left: 78%;
    animation: animate 5s linear infinite;
}

.box2 div {
    position: absolute;
    width: 40px;
    height: 40px;
    background: transparent;
    border: 6px solid rgba(255, 255, 255, 0.2);
}

.box2 div:nth-child(1) {
    top: 13%;
    left: 44%;
    animation: animate 8s linear infinite;
}

.box2 div:nth-child(2) {
    top: 81%;
    left: 48%;
    animation: animate 13s linear infinite;
}

.box2 div:nth-child(3) {
    top: 15%;
    left: 7%;
    animation: animate 10s linear infinite;
}

.box2 div:nth-child(4) {
    top: 51%;
    left: 65%;
    animation: animate 9s linear infinite;
}

.box2 div:nth-child(5) {
    top: 70%;
    left: 11%;
    animation: animate 7s linear infinite;
}

@-webkit-keyframes animate {
    0% {
        -webkit-transform: scale(0) translateY(0) rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.3) translateY(-90px) rotate(360deg);
        opacity: 0;
    }
}


/*---End profile---*/