.loading {
        display: none;
    }
    .loading {
        display: block;
        background: #fff;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        margin: auto;
        z-index: 9999999;
        transition: all 0.4s ease-in-out;
    }
    .loading .loading-logo {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 6%;
    }
    .loading .loading-term {
        display: block;
        position: absolute;
        bottom: 23px;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
    }
    .loading .loading-term span {
        color: #F7AA46;
        font-size: 35px;
    }
    .loading-indicator {
        width: 17%;
        height: 5px;
        background: #F7AA46;
        position: absolute;
        bottom: 0;
        animation: loading 2.3s infinite;
    }
    .loading.loaded {
        opacity: 0;
        visibility: hidden;
    }
    @keyframes loading {

		0% {

			transform: translatex(-100vw);

		}

		100% {

			transform: translatex(100vw);

		}



    }
    .loading-screen {

        background: #fff;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 999;

    }

    .loading-screen.loaded {

        background: transparent;
        visibility: hidden;
        opacity: 0;
        transition: 1s linear;

    }



    @media only screen and (max-width: 1200px) {
        .loading .loading-logo {
            max-width: 12%;
        }
    }
    @media only screen and (max-width: 600px) {
        .loading .loading-logo {
            max-width: 20%;
        }
    }