<style>
.sections-loader-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0;
    transition: opacity 300ms linear;
    z-index: 1701;
}
.sections-loader-wrapper.show {
    opacity: 1;
}
.section-loader-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.7);
    z-index: 3;
}
.sections-loader-wrapper .sections-loader, .section-loader-wrapper .section-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.sections-loader-wrapper .sections-loader img, .section-loader-wrapper .section-loader img {
    height: auto;
    width:  140px;
    max-width: 140px;
}
{{#transparentheader}}
body#page-site-index.latest-frontpage.animate-header:not(.drawer-open-left) .navbar-options #toggleFullscreen svg,
body#page-site-index.latest-frontpage.animate-header:not(.drawer-open-left) .navbar-options .menu-toggle .fa,
body#page-site-index.latest-frontpage.animate-header:not(.drawer-open-left) .fixed-top.navbar .navbar-brand-logo i,
body#page-site-index.latest-frontpage.animate-header:not(.drawer-open-left) .fixed-top.navbar .nav-link,
body#page-site-index.latest-frontpage.animate-header:not(.drawer-open-left) .fixed-top.navbar .navbar-brand-logo i,
body#page-site-index.latest-frontpage.animate-header:not(.drawer-open-left) .fixed-top.navbar .nav-link,
body#page-site-index.latest-frontpage.animate-header:not(.drawer-open-left) .fixed-top.navbar .icon,
body#page-site-index.latest-frontpage.animate-header:not(.drawer-open-left) .fixed-top.navbar .dropdown-toggle {
    color: {{headercolor}} !important;
}
body#page-site-index.latest-frontpage.animate-header:not(.drawer-open-left) .fixed-top.navbar .navbar-container .hamburger .hamburger-bar,
body#page-site-index.latest-frontpage.animate-header:not(.drawer-open-left) .fixed-top.navbar .navbar-container .hamburger:after,
body#page-site-index.latest-frontpage.animate-header:not(.drawer-open-left) .fixed-top.navbar .navbar-container .hamburger:before {
    background: {{headercolor}};
}
{{/transparentheader}}
</style>
<div class="sections-loader-wrapper show">
    <div class="sections-loader">
    {{#loader}}
        <img class="icon" src="{{loader}}"/>
    {{/loader}}
    {{^loader}}
        {{#pix}} owl_loader, local_remuihomepage {{/pix}}
    {{/loader}}
    </div>
</div>

<div class="home-sections {{#userisediting}}editing{{/userisediting}}">
</div>

{{#userisediting}}
    <div class="editing-alert">
        <p class="m-0">{{#str}}editingison, local_remuihomepage{{/str}}</p>
    </div>
{{/userisediting}}
{{#js}}
require(['local_remuihomepage/frontpage'], function (FrontPage) {
    FrontPage.init({{contextid}}, {{#userisediting}}1{{/userisediting}}{{userisediting}}{{^userisediting}}0{{/userisediting}});
});
{{/js}}
