/*Make Loadinng until Page complete*/

.loaded {
    overflow: visible;
}

.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 100;
    text-align: center;
}

.cssload-bell {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -109px 0 0 -107px;
    width: 214px;
    height: 218px;
    border-radius: 100%;
}

.cssload-circle {
    width: 100%;
    height: 100%;
    position: absolute;
}

    .cssload-circle .cssload-inner {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        border: 11px solid rgba(60, 141, 188, 0.7);
        border-right: none;
        border-top: none;
        background-clip: padding;
        box-shadow: inset 0px 0px 21px rgba(255, 237, 145, 0.15);
    }

    .cssload-circle:nth-of-type(0) {
        transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

        .cssload-circle:nth-of-type(0) .cssload-inner {
            animation: cssload-spin 2.3s infinite linear;
            -o-animation: cssload-spin 2.3s infinite linear;
            -ms-animation: cssload-spin 2.3s infinite linear;
            -webkit-animation: cssload-spin 2.3s infinite linear;
            -moz-animation: cssload-spin 2.3s infinite linear;
        }

    .cssload-circle:nth-of-type(1) {
        transform: rotate(70deg);
        -o-transform: rotate(70deg);
        -ms-transform: rotate(70deg);
        -webkit-transform: rotate(70deg);
        -moz-transform: rotate(70deg);
    }

        .cssload-circle:nth-of-type(1) .cssload-inner {
            animation: cssload-spin 2.3s infinite linear;
            -o-animation: cssload-spin 2.3s infinite linear;
            -ms-animation: cssload-spin 2.3s infinite linear;
            -webkit-animation: cssload-spin 2.3s infinite linear;
            -moz-animation: cssload-spin 2.3s infinite linear;
        }

    .cssload-circle:nth-of-type(2) {
        transform: rotate(140deg);
        -o-transform: rotate(140deg);
        -ms-transform: rotate(140deg);
        -webkit-transform: rotate(140deg);
        -moz-transform: rotate(140deg);
    }

        .cssload-circle:nth-of-type(2) .cssload-inner {
            animation: cssload-spin 2.3s infinite linear;
            -o-animation: cssload-spin 2.3s infinite linear;
            -ms-animation: cssload-spin 2.3s infinite linear;
            -webkit-animation: cssload-spin 2.3s infinite linear;
            -moz-animation: cssload-spin 2.3s infinite linear;
        }

.cssload-bell {
    animation: cssload-spin 5.75s infinite linear;
    -o-animation: cssload-spin 5.75s infinite linear;
    -ms-animation: cssload-spin 5.75s infinite linear;
    -webkit-animation: cssload-spin 5.75s infinite linear;
    -moz-animation: cssload-spin 5.75s infinite linear;
}

@keyframes cssload-spin {
    from {
        transform: rotate(0deg);
    }

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

@-o-keyframes cssload-spin {
    from {
        -o-transform: rotate(0deg);
    }

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

@-ms-keyframes cssload-spin {
    from {
        -ms-transform: rotate(0deg);
    }

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

@-webkit-keyframes cssload-spin {
    from {
        -webkit-transform: rotate(0deg);
    }

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

@-moz-keyframes cssload-spin {
    from {
        -moz-transform: rotate(0deg);
    }

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

/*End Loading Part */