html structure

<!-- ".preload-wrap" - positions the preloader on the page -->
<div class="preload-wrap pos-cc">
    <!-- ".preload" - positions, rotates and resizes the preloader inside the preload-wrap -->
    <div class="preload">
        <!-- ".sq-anim-1" - first square animation -->
        <div class="sq-anim-1"></div>
    </div>
</div>