/**
 *  For SEO purposes, Gated Content and Webinars show the default ‘pre-form’ content on page load, 
 *  with the ‘post-form’ content loading by ajax and replacing it, if the user has filled out the form. 
 *  As such, there could be a ‘jump’ when the page first loads, as this content swaps. To control how 
 *  this appears, target the class ‘.ajaxcontent-loading’. This is added to the container while the 
 *  ajax is loading, and removed when it completed. 
 */
    
.ajaxcontent-loading,
.ajaxcontent-loading.smartform,
.ajaxcontent-loading.ajaxcontent-gravityform-loading,
.ajaxcontent-loading.ajaxcontent-gatedcontent-loading,
.ajaxcontent-loading.ajaxcontent-webinar-loading {
    display: block!important;
    color: transparent!important;
}

.nf-ajax-loading.ajaxcontent-loading * {
    display: none!important;
}

.nf-ajax-loading {
    display: block!important;
    min-height: 100px;
    background-image: url( ../img/loading4.png );
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}