{% set _cs_subsite = null %}
{% set _cs_page = null %}
{% set _cs_page_request = null %}
{% set _cs_subsite_request = null %}
{% set _cs_entity = null %}
{% set _cs_ga_dimensions = null %}
{% set _cs_currentDate = date('now') %}
{% set _cs_metaData = null %}
{% block CS_VARS %}{% endblock %}
<!DOCTYPE html>
<html lang="{{ _cs_page.lang.locale|default("") }}">
<head>
    <meta charset="utf-8"/>

    {% block cshead %}
        <title>{{ _cs_metaData.title|default("XXXX") }}</title>
        <meta name="description" content="{{ _cs_metaData.description|default("") }}"/>
        <link rel="canonical" href="{{ _cs_metaData.canonical|default("") }}" />
        <meta name="description" content="{{ _cs_metaData.description|default("") }}"/>
        <meta property="og:title" content="{{ _cs_metaData.ogTitle|default("XXXX") }}"/>
        <meta property="og:url" content="{{ app.request.uri|default("") }}"/>
        <meta property="og:description" content="{{ _cs_metaData.ogDescription|default("") }}"/>
        <meta property="og:image" content="{{ _cs_metaData.ogImage|default("") }}"/>
        <meta property="og:type" content="{{ _cs_metaData.ogType|default("website") }}"/>
    {% endblock %}

    <meta property="og:site_name" content="{{ _cs_subsite.name|default("") }}"/>

    {% block twitter_card %}
        <meta name="twitter:card" content="summary_large_image"/>
        <meta name="twitter:url" content="{{ app.request.uri|default("") }}"/>
        <meta name="twitter:title" content="{{ _cs_metaData.ogTitle|default("") }} - {{ _cs_subsite.name|default("") }}"/>
        <meta name="twitter:description" content="{{ _cs_metaData.ogDescription|default("") }}"/>
        <meta name="twitter:image:src" content="{{ _cs_metaData.ogImage|default("") }}"/>
    {% endblock %}

    <link rel="shortcut icon" type="image/png" href="http://{{app.request.httphost}}/uploads/static/<!-- PROJECT FOLDER -->/favicon.png"/>
    <link rel="apple-touch-icon" sizes="72x72" href="http://{{app.request.httphost}}/uploads/static/<!-- PROJECT FOLDER -->/apple-touch-icon-72x72.png"/>
    <link rel="apple-touch-icon" sizes="114x114" href="http://{{app.request.httphost}}/uploads/static/<!-- PROJECT FOLDER -->/apple-touch-icon-114x114.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://{{app.request.httphost}}/uploads/static/<!-- PROJECT FOLDER -->/apple-touch-icon-72x72.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://{{app.request.httphost}}/uploads/static/<!-- PROJECT FOLDER -->/apple-touch-icon-114x114.png"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1" />

    <script data-schema="Organization" type="application/ld+json">
        {"name":"XXXX","url":"XXXX","logo":"XXXX","sameAs":["FACEBOOK_URL","TWITTER_URL","GPLUS_URL"],"@type":"Organization","@context":"http://schema.org"}
    </script>

    {% block cspagination %}{% endblock %}
    {% block cs_extrahead %}{% endblock %}
    {% block cs_extrametatags %}{% endblock %}
    {% block cs_amp %}{% endblock %}

    <!-- Adserver scripts -->
    <!-- /Adserver scripts -->

    {% block stats %}

        <!-- Begin comScore Tag -->
        <!-- End comScore Tag -->

        <!-- Google Analytics -->
        {% block google_analyics %}
            <script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-1"></script>
            <script>
                window.dataLayer = window.dataLayer || [];
                function gtag(){dataLayer.push(arguments);}
                gtag('js', new Date());
                {% block cs_ga_dimensions %}
                gtag('config', 'UA-XXXXXXXX-1');
                {% endblock %}
            </script>
        {% endblock %}
        <!-- Google Analytics -->

    {% endblock %}

    {% block cs_headexternal %}{% endblock %}

    {% block CS_STYLES %}{% endblock %}
</head>
<body itemscope itemtype="http://schema.org/WebPage" {% block cssbody %}{% endblock %}>
<div class="page">
    <div class="cscontent">
        {% block cscontent %}
        {% endblock %}
    </div>
</div>
{% block js_body %}
    <script>
        // IE support
        (function () {
            if (typeof window.CustomEvent === "function") {
                return false;
            }

            function CustomEvent(event, params) {
                params = params || {bubbles: false, cancelable: false, detail: undefined};
                var evt = document.createEvent("CustomEvent");
                evt.initCustomEvent (event, params.bubbles, params.cancelable, params.detail);
                return evt;
            }

            CustomEvent.prototype = window.Event.prototype;
            window.CustomEvent    = CustomEvent;
        })();

        // Browser support version choice
        (function(w, d){
            var b = d.getElementsByTagName('body')[0];
            var s = d.createElement("script"); s.async = true;
            var v = !("IntersectionObserver" in w) ? "8.7.1" : "10.5.2";
            s.src = "https://cdnjs.cloudflare.com/ajax/libs/vanilla-lazyload/" + v + "/lazyload.min.js";
            w.addEventListener('LazyLoad::Initialized', function (e) {
                w.lazyLoad = e.detail.instance;
            }, false);
            w.lazyLoadOptions = {};
            b.appendChild(s);
        }(window, document));
    </script>
{% endblock %}
{% block csendbody %}{% endblock %}
{% block CS_JS %}{% endblock %}
</body>
</html>
