/*--------------------------------------------------------------
    Loader
--------------------------------------------------------------*/

    .pre-loader {
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999991;
        background-color: #fff;
    }

    .loader-inner {
        padding: 25px;
        position: absolute;
        left: 50%;
        top: 50%;
        text-align: center;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .loader-text {
        display: inline-block;
        font-family: var(--wdtFontTypo_Alt);
        font-size: 3.75rem;
        font-weight: bold !important;
        letter-spacing: 1px;
        line-height: normal;
        text-transform: uppercase;
        background-size: 200% auto;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-fill-color: transparent;
        -webkit-animation: textclip 1.5s linear infinite;
        animation: textclip 1.5s linear infinite;
    }

    @-webkit-keyframes textclip {
        to {
            background-position: 200% center;
        }
    }

    @keyframes textclip {
        to {
            background-position: 200% center;
        }
    }

    .loader-container {
        position: absolute;
        width: 170px;
        height: 50px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
    
    .loader-container > div {
        position: absolute;
        font-size: 35px;
        color: #fff;
        transform-origin: center;
        -moz-transform-origin: center;
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        -ms-transform-origin: center;
    }
    
    .large-header {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    
    .loader-title {
        position: absolute;
        margin: auto;
        padding: 0;
        color: #FFF;
        text-align: center;
        left: 0;
        bottom: 50%;
        right: 0;
        font-size: 80px;
        text-transform: uppercase;
        font-family: Londrina Outline, sans-serif;
        z-index: 1;
    }
    
    .loader-title span {
        color: #a81c51;
        font-weight: 300;
        font-family: 'Josefin Sans', sans-serif;
        text-transform: lowercase;
        margin: 0 100px 0 12px;
    }
    
    .loader-title::before {
        background: url(../images/loader-img.png) no-repeat scroll 100% 100%;
        bottom: 0;
        content: "";
        height: 196px;
        left: 0;
        margin: auto;
        opacity: 0.8;
        position: absolute;
        right: 0;
        top: -50%;
        width: 110px;
        z-index: -1;
        animation: 2s linear 0s normal none infinite running floating;
        -webkit-animation: 2s linear 0s normal none infinite running floating;
        -moz-animation: 2s linear 0s normal none infinite running floating;
        -ms-animation: 2s linear 0s normal none infinite running floating;
        -o-animation: 2s linear 0s normal none infinite running floating;
    }
    


/*--------------------------------------------------------------
    Accents
--------------------------------------------------------------*/

    .pre-loader { background-color: var(--wdtBodyBGColor); }
    .loader-text { background-image: linear-gradient(to right, var(--wdtPrimaryColor) 10%, var(--wdtHeadAltColor) 50%, var(--wdtPrimaryColor) 60%); }


/*--------------------------------------------------------------
    Responsive
--------------------------------------------------------------*/

    /*----*****---- << Mobile (Landscape) >> ----*****----*/

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

    }


    /* Common Styles for the devices below 479px width */

    @media only screen and (max-width: 479px) {

    }