#preloder {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #FFFFFF;
}

.loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 45%;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 60px;
    color: #CEAC65;
}

    .loader img {
        position: absolute;
        width: 256px;
        top: -140px;
        left: -90px;
    }

    .loader span.first {
        position: absolute;
        color: #172951;
        width: 100%;
        top: 130px;
        left: -50px;
    }

    .loader span.second {
        position: absolute;
        color: #172951;
        width: 100%;
        top: 150px;
        left: -36px;
    }

    .loader span.third {
        position: absolute;
        color: #172951;
        font-weight: bold;
        width: 100%;
        top: 170px;
        left: 10px;
    }

.one, .big, .three {
    position: absolute;
}

.one {
    font-size: 45px;
    top: 30px;
    left: -10px;
}

.big {
    font-size: 100px;
    top: -50px;
    color: #172951;
}

.three {
    font-size: 60px;
    top: 30px;
    left: 60px;
}

.one {
    animation: rotate2 1.5s linear 0.3s infinite;
}

.big {
    animation: rotate 2.3s linear infinite;
}

.three {
    animation: rotate2 1.5s linear 0.3s infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes rotate2 {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(-360deg);
    }
}