<!DOCTYPE html>
<!--[if IE 8]>         <html class="no-js lt-ie9 lt-ie8" id="ngCmApp" data-ng-app="ngCmApp" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <![endif]-->
<!--[if IE 9]>         <html class="no-js lt-ie9" id="ngCmApp" data-ng-app="ngCmApp" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" id="ngCmApp" data-ng-app="ngCmApp" ng-class="{ home: activePage == 'home' }" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <title ng-bind="seo.title">CriticalMass</title>
    <meta name="description" content="{{ seo.description }}">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

    <!-- favicons, icons and tiles -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/images/global/favicons/apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="assets/images/global/favicons/apple-touch-icon-152x152.png" />
    <link rel="icon" type="image/png" href="assets/images/global/favicons/favicon-32x32.png" sizes="32x32" />
    <link rel="icon" type="image/png" href="assets/images/global/favicons/favicon-16x16.png" sizes="16x16" />
    <meta name="application-name" content="Critical Mass"/>
    <meta name="msapplication-TileColor" content="#FFFFFF" />
    <meta name="msapplication-TileImage" content="assets/images/global/favicons/mstile-144x144.png" />

    <base href="/">

    <!-- Open Graph data -->
    <meta property="og:title" content="{{ seo.og_title }}"/>
    <meta property="og:type" content="{{ seo.og_type }}"/>
    <meta property="og:url" content="{{ seo.og_url }}"/>
    <meta property="og:image" content="{{ og_image }}"/>
    <meta property="fb:admins" content=""/>
    <meta property="og:site_name" content="{{ seo.og_site_name }}"/>
    <meta property="og:description" content="{{ seo.og_description }}"/>

    <!-- Twitter Card data -->
    <meta name="twitter:card" content="{{ seo.twitter_card }}">
    <meta name="twitter:site" content="{{ seo.twitter_site }}">
    <meta name="twitter:title" content="{{ seo.twitter_title }}">
    <meta name="twitter:description" content="{{ seo.twitter_description }}">
    <meta name="twitter:creator" content="{{ seo.twitter_creator }}">
    <!-- Twitter summary card with large image must be at least 280x150px -->
    <meta name="twitter:image:src" content="{{ twitter_image }}">

    <!-- Schema.org markup for Google+ -->
    <meta itemprop="author" content="{{ seo.google_author }}">
    <meta itemprop="publisher" content="{{ seo.google_publisher }}">
    <meta itemprop="name" content="{{ seo.google_name }}">
    <meta itemprop="description" content="{{ seo.google_description }}">
    <meta itemprop="image" content="{{ google_image }}">

    <style>
      .st-container{background-color:#fff;}
      .ng-hide{display:none !important;}
      .hide-fade{opacity:1;}
    </style>

    

    
     <!--[if lte IE 9]>
     <link rel="stylesheet" href="assets/styles/ie9.css">
     <![endif]-->

    <!--[if lt IE 9]>
    <script src="assets/js/lt.ie.9.vendors-5ea1cf44.js"></script>
    <![endif]-->

    <!--[if lte IE 9]>
    <script src="assets/js/lte.ie.9.vendors-5b42de2f.js"></script>
    <![endif]-->

    <!--[if lte IE 9]>
    <script>
    xdomain.slaves({
      'http://dev.criticalmass.com': '/cms/web/IE9/proxy.html',
      'https://www-cms-qa.criticalmass.com': '/web/IE9/proxy.html',
      'http://cms.criticalmass.com': '/web/IE9/proxy.html'
    });
    </script>
    <![endif]-->
  </head>
    <body class="{{ activePage }}">

    <!-- Lead Forensics trial account -->
    <script type="text/javascript" src="https://secure.leadforensics.com/js/128210.js" ></script>
    <noscript><img src="https://secure.leadforensics.com/128210.png" style="display:none;" /></noscript>
    <!-- End Lead Forensics trial account -->

    <img src='https://s.tribalfusion.com/i.cid?c=734003&ev=0&page=CriticalMass' width='1px' height='1px' border='0' style="display:none;"/>

    <!--
    Start of DoubleClick Floodlight Tag: Please do not remove
    Activity name of this tag: Website Landing Page
    URL of the webpage where the tag is expected to be placed: http://www.criticalmass.com
    This tag must be placed between the <body> and </body> tags, as close as possible to the opening tag.
    Creation Date: 05/16/2017
    -->
    <script type="text/javascript">
    var axel = Math.random() + "";
    var a = axel * 10000000000000;
    document.write('<iframe src="https://6954320.fls.doubleclick.net/activityi;src=6954320;type=siten0;cat=websi0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>');
    </script>
    <noscript>
    <iframe src="https://6954320.fls.doubleclick.net/activityi;src=6954320;type=siten0;cat=websi0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;ord=1?" width="1" height="1" frameborder="0" style="display:none"></iframe>
    </noscript>
    <!-- End of DoubleClick Floodlight Tag: Please do not remove -->

    <!-- Google Tag Manager -->
    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-5M4C2T"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-5M4C2T');</script>
    <!-- End Google Tag Manager -->

    <!--[if lt IE 7]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

    <!-- Necessary container for the Push Menu functionality -->
    <div id="st-container" class="st-container">

        <!-- Main navigation toggle button -->
        <div ng-show="showNavigation" id="toggle" class="hide-fade ng-hide" data-effect="st-effect-4">
            <a id="toggle-nav-hamburger" href="#"><span></span><span class="sr-only">Navigation Menu</span></a>
        </div>

        <!-- Insert main navigation directive -->
        <div cm-nav class="st-menu st-effect-4"></div>

        <!-- Insert logo -->
        <div cm-logo></div>

        <div class="st-pusher">
            <div class="st-content {{direction + ' ' + animationType}}">
              <cm-loader ng-show="showLoader"></cm-loader>
              <div id="main-view" du-scroll-container scroll-menu ui-view ng-class="{'touch-device': isTouchDevice}"></div>
            </div>
        </div>
    </div>

    

    
    <!-- IE filter adds a data attribute to the HTML element with user agent (Browser) information -->
    <script>
      var cb = function() {
        var cdn = "https://a20896219278e2c3d7b5-6a6e94547314c05fb001c032616747c6.ssl.cf1.rackcdn.com/";
        var bID = "1512496800000";
        var asset = cdn+"styles/main-"+bID+".css";
        var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = asset;
        var h = document.getElementsByTagName('head')[0]; h.appendChild(l);
      };
      var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame;
      if (raf) raf(cb); else window.addEventListener('load', cb);
    </script>

    <script>
      function downloadJSAtOnload() {
        var cdn = "https://a20896219278e2c3d7b5-6a6e94547314c05fb001c032616747c6.ssl.cf1.rackcdn.com/";
        var bID = "1512496800000";
        var asset = cdn+"scripts/bundle-"+bID+".js";
        var element = document.createElement("script");
        element.src = asset;
        document.body.appendChild(element);
        var doc = document.documentElement;
        doc.setAttribute('data-useragent', navigator.userAgent);
      }

      if (window.addEventListener)
        window.addEventListener("load", downloadJSAtOnload, false);
      else if (window.attachEvent)
        window.attachEvent("onload", downloadJSAtOnload);
      else window.onload = downloadJSAtOnload;
    </script>

    <script>
      var _gaq = [['_setAccount', 'UA-225101-1'], ['_trackPageview']];
      (function(d, t) {
          var g = d.createElement(t),
          s = d.getElementsByTagName(t)[0];
          g.async = true;
          g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
          s.parentNode.insertBefore(g, s);
      })(document, 'script');
    </script>

  </body>
</html>
