/* #preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #ffffff none repeat scroll 0% 0%;
}

.socket {
    position: relative;
    top: 40%;
    width: auto;
    height: auto;
    margin: auto;
    display: block;
}

.socket img {
    display: block;
    margin: auto;
} */

#loading {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 5px solid #ccc;
    border-top-color: rgb(10, 186, 255);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 99;
    animation: putar 2s ease infinite;
}

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