

<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" class="">
<!--<![endif]-->
<head>
    
    <script>
        var atmDataLayer = {};
        /** global data layer properties are set in Meta partial**/
    </script>

    

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
<meta name="keywords">
<meta name="description" content="Its 1914 in China, after the fall of the Qing Dynasty – and a group of brave villagers decide they won’t take the cruelty anymore. ">
<meta name="google-site-verification" content="x8xxV0y0T3SukLCQiQ4HXwowITigMrHp4z6JtpS7GLE" />








    <link  rel="canonical" href="http://www.myvue.com/film/call-of-heroes"/>



<title>Call of Heroes | Book Tickets | Vue Cinemas</title>


    <!--Open Graph Properties-->
        <meta property="og:url" content="http://www.myvue.com/film/call-of-heroes" />
        <meta property="og:title" content="Call Of Heroes" />
        <meta property="og:description" content="In 1914, a group of people from the remote village of Puchang decide to stand up and go against a cruel young warlord." />
        <meta property="og:site_name" content = "Vue Cinemas" />
            <meta property = "og:video" content = "https://mvid.mymovies.net/?spd=1800&amp;fid=16797&amp;mid=14623&amp;typ=trl&amp;partner=vue_social&amp;ext=mp4" />
            <meta property="twitter:player" content="https://mvid.mymovies.net/?spd=1800&amp;fid=16797&amp;mid=14623&amp;typ=trl&amp;partner=vue_social&amp;ext=mp4" />
                <meta property="twitter:player:width" content="640" />
            <meta property="twitter:card" content="player" />
                <meta property="twitter:player:height" content="360" />
        <meta property = "fb:app_id" content = "241560016206884" />
        <meta property = "twitter:site" content = "@vuecinemas" />
        <meta property = "twitter:title" content = "Call Of Heroes" />
        <meta property = "twitter:description" content = "In 1914, a group of people from the remote village of Puchang decide to stand up and go against a cruel young warlord." />

<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/assets/images/favicons/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/images/favicons/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/images/favicons/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/images/favicons/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="/assets/images/favicons/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/assets/images/favicons/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/assets/images/favicons/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/assets/images/favicons/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="/assets/images/favicons/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="/assets/images/favicons/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="/assets/images/favicons/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/assets/images/favicons/favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="/assets/images/favicons/favicon-128.png" sizes="128x128" />
<meta name="application-name" content="&nbsp;" />
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="/assets/images/favicons/mstile-144x144.png" />
<meta name="msapplication-square70x70logo" content="/assets/images/favicons/mstile-70x70.png" />
<meta name="msapplication-square150x150logo" content="/assets/images/favicons/mstile-150x150.png" />
<meta name="msapplication-wide310x150logo" content="/assets/images/favicons/mstile-310x150.png" />
<meta name="msapplication-square310x310logo" content="/assets/images/favicons/mstile-310x310.png" />




<script>


    atmDataLayer.pageInfo = {
        "pagetitle": "Call of Heroes | Book Tickets | Vue Cinemas", //line 1
        "pagetype": "film", //line 9
        "viewport": null,
        "datetime": "2017-10-25T13:43",
        "URL": "http://www.myvue.com/film/call-of-heroes",
        "previouspagetitle": "The Third Party"
    }

    /* user-related fields */
    atmDataLayer.userInfo = {
        "customerstatus": "guest",
        "customerid": "",

    }

    /**
    *   content related data layer properties
    *   added to each page type
    *   below is an example of a competition
    **/

        
    atmDataLayer.filmInfo = {
        "filmtitle": "Call Of Heroes",
        "filmgenre": "Action / Adventure 2",
        "filmtag": "Action / Adventure"
    };
        


//atmDataLayer.contentInfo = {
//        "competitiontitle": "<competitiontitle>",
//        "": ""
//    }

</script>


<script async="async" src="https://www.googletagservices.com/tag/js/gpt.js"></script>

<script>
      var googletag = googletag || {};
      googletag.cmd = googletag.cmd || [];
</script>

    


<!-- grunt icon loader -->
<script type="text/javascript">
    /*! grunt-grunticon Stylesheet Loader - v2.1.6 | https://github.com/filamentgroup/grunticon | (c) 2015 Scott Jehl, Filament Group, Inc. | MIT license. */

    !function () { function e(e, n, t) { "use strict"; var o = window.document.createElement("link"), r = n || window.document.getElementsByTagName("script")[0], a = window.document.styleSheets; return o.rel = "stylesheet", o.href = e, o.media = "only x", r.parentNode.insertBefore(o, r), o.onloadcssdefined = function (e) { for (var n, t = 0; t < a.length; t++) a[t].href && a[t].href === o.href && (n = !0); n ? e() : setTimeout(function () { o.onloadcssdefined(e) }) }, o.onloadcssdefined(function () { o.media = t || "all" }), o } function n(e, n) { e.onload = function () { e.onload = null, n && n.call(e) }, "isApplicationInstalled" in navigator && "onloadcssdefined" in e && e.onloadcssdefined(n) } !function (t) { var o = function (r, a) { "use strict"; if (r && 3 === r.length) { var i = t.navigator, c = t.document, s = t.Image, d = !(!c.createElementNS || !c.createElementNS("http://www.w3.org/2000/svg", "svg").createSVGRect || !c.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image", "1.1") || t.opera && -1 === i.userAgent.indexOf("Chrome") || -1 !== i.userAgent.indexOf("Series40")), l = new s; l.onerror = function () { o.method = "png", o.href = r[2], e(r[2]) }, l.onload = function () { var t = 1 === l.width && 1 === l.height, i = r[t && d ? 0 : t ? 1 : 2]; t && d ? o.method = "svg" : t ? o.method = "datapng" : o.method = "png", o.href = i, n(e(i), a) }, l.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==", c.documentElement.className += " grunticon" } }; o.loadCSS = e, o.onloadCSS = n, t.grunticon = o }(this), function (e, n) { "use strict"; var t = n.document, o = "grunticon:", r = function (e) { if (t.attachEvent ? "complete" === t.readyState : "loading" !== t.readyState) e(); else { var n = !1; t.addEventListener("readystatechange", function () { n || (n = !0, e()) }, !1) } }, a = function (e) { return n.document.querySelector('link[href$="' + e + '"]') }, i = function (e) { var n, t, r, a, i, c, s = {}; if (!e) return s; if (n = e.sheet, !n) return s; t = n.cssRules ? n.cssRules : n.rules; for (var d = 0; d < t.length; d++) r = t[d].cssText, a = o + t[d].selectorText, i = r.split(");")[0].match(/US\-ASCII\,([^"']+)/), i && i[1] && (c = decodeURIComponent(i[1]), s[a] = c); return s }, c = function (e) { var n, r, a, i; a = "data-grunticon-embed"; for (var c in e) { i = c.slice(o.length); try { n = t.querySelectorAll(i) } catch (s) { continue } r = []; for (var d = 0; d < n.length; d++) null !== n[d].getAttribute(a) && r.push(n[d]); if (r.length) for (d = 0; d < r.length; d++) r[d].innerHTML = e[c], r[d].style.backgroundImage = "none", r[d].removeAttribute(a) } return r }, s = function (n) { "svg" === e.method && r(function () { c(i(a(e.href))), "function" == typeof n && n() }) }; e.embedIcons = c, e.getCSS = a, e.getIcons = i, e.ready = r, e.svgLoadedCallback = s, e.embedSVG = s }(grunticon, this) }();
    grunticon(["/assets/icons/icons.data.svg.css", "/assets/icons/icons.data.png.css", "/assets/icons/icons.fallback.css"], grunticon.svgLoadedCallback);


</script>






<script src="//assets.adobedtm.com/0a66c9a2287360f498d65eefa343f5e222907746/satelliteLib-fd84fd0b477b84df92784f0f15cffc344ca57186.js"></script>

    
<!--site css-->
<link rel="stylesheet" href="/assets/css/site.min.css?FD60067C7B7A21B4EE0B1FC490289F06">
<link rel="stylesheet" href="/assets/css/booking.min.css?FD60067C7B7A21B4EE0B1FC490289F06">



    <script async="async" src="https://www.googletagservices.com/tag/js/gpt.js"></script>
    <script>
        var googletag = googletag || {};
        googletag.cmd = googletag.cmd || [];
    </script>

    
</head>

<body id="filmpage" class="filmpage  " data-selected-locationid="" data-selected-locationname="" data-selected-filmid="207397" data-selected-filmname="Call Of Heroes" data-page-url="/film/call-of-heroes" data-sitecore-id="{98875253-E524-43AA-9190-215A0122ECD2}">


    
<nav role="navigation" class="overlay overlay--hamburger" id="hamburger">
    <ul class="nav">
            <li>    <a href="/whats-on" >What&#39;s on</a>
</li>
            <li>    <a href="/big-screen-events" >Big Screen Events</a>
</li>
            <li>    <a href="/news-competitions" >Inside Vue</a>
</li>
            <li>    <a href="/offers" >Offers</a>
</li>
    </ul>

    <span class="overlay__close icon icon-close" data-grunticon-embed></span>

    <ul class="nav--social">
            <li>    <a href="http://www.facebook.com/VueCinemas" class="icon-facebook" target='_blank'>Facebook</a>
</li>
            <li>    <a href="https://twitter.com/vuecinemas" class="icon-twitter" target='_blank'>Twitter</a>
</li>
            <li>    <a href="https://www.instagram.com/vuecinemas" class="icon-instagram" target='_blank'>Instagram</a>
</li>
            <li>    <a href="http://vuecinemas.tumblr.com/" class="icon-tumblr" target='_blank'>Tumblr</a>
</li>
            <li>    <a href="https://www.youtube.com/user/vuecinemas" class="icon-youtube" target='_blank'>Youtube</a>
</li>
            <li>    <a href="https://plus.google.com/+VueCinema/posts" class="icon-google-plus" target='_blank'>Google Plus</a>
</li>
    </ul>
</nav>


    <div class="global-wrapper">
        


<header class="header" role="navigation">
    <section class="container container-small">
        <h1 data-fadeIndex="1"><a href="/">Vue</a></h1>

        <nav class="header__mainnav">
            <ul>
                
                    <li class="mainnav__account" data-fadeIndex="8"><a href="/login/register" data-href="/partials/GetRegister1ControlContent" data-grunticon-embed class="icon icon-account">My account</a></li>
                <li class="mainnav__search" data-fadeIndex="9"><a href="#" data-grunticon-embed class="icon icon-search"></a></li>
                <li class="mainnav__menu" data-fadeIndex="10" data-fadeMode="tablet"><a href="#" class="hamburger-trigger icon icon-hamburger" data-grunticon-embed data-src-id="hamburger"></a></li>
            </ul>

        </nav>
        
            <nav class="header__subnav">
                <ul>
                            <li class="subnav__login" data-fadeIndex="6" data-fadeMode="desktop"><a href="/login" data-href="/partials/GetLoginControlContent">Log in</a></li>
                            <li class="subnav__register" data-fadeIndex="7" data-fadeMode="desktop"><a href="/login/register" data-href="/partials/GetRegister1ControlContent">Join</a></li>
                </ul>
            </nav>
        


        <nav class="header__sitenav">
            <ul>


                        <li data-fadeIndex="2">
                            <a href="/whats-on" class="gradient-fill-hover">What&#39;s on</a>
                        </li>
                        <li data-fadeIndex="3">
                            <a href="/big-screen-events" class="gradient-fill-hover">Big Screen Events</a>
                        </li>
                        <li data-fadeIndex="4">
                            <a href="/news-competitions" class="gradient-fill-hover">Inside Vue</a>
                        </li>
                        <li data-fadeIndex="5">
                            <a href="/offers" class="gradient-fill-hover">Offers</a>
                        </li>
            </ul>
        </nav>
    </section>
</header>


        <main id="main" role="main">
            

<div class="container full-width">
    <div class="title ">

        <div class="title__header">

            <span id="close" data-grunticon-embed class="icon icon-close">Close</span>

            <div class="title__hero">
                    <img src="/-/media/images/film and events/september 2016/callofheroespanel.jpg?sc=.99" alt="Call of Heroes" id="hero__mainimage" />

            </div>

            <div class="overview__bg">
            </div>

            <div class="title__overview">

                <div class="overview__meta">
                    <div class="meta__content">
                        <div class="meta__poster">
                            <img src="//images.mymovies.net/images/film/cin/350x522/fid16797.jpg?sc=.99" alt="Call Of Heroes" />
                        </div>
                        <div class="meta__info">
                            <dl class="info__releasedate">
                                <dt>Release date</dt>
                                <dd>2nd Sep 2016</dd>
                            </dl>
                            <dl class="info__director">
                                <dt>Director</dt>
                                <dd>Benny Chan</dd>
                            </dl>
                            <dl class="info__cast">
                                <dt>Cast</dt>
                                <dd>Eddie Peng,Louis Koo,Sean Lau</dd>
                            </dl>
                        </div>
                    </div>
                </div>

                <div class="overview__details">
                    <h1 class="h2 details__heading">Call Of Heroes</h1>

                    <p class="details__desc"><img src="/-/media/system/certificates/certificates uk/15.png" alt="15"> strong bloody violence&nbsp;</p>

                    <div class="details__synopsis">
                        <p>In 1914, a group of people from the remote village of Puchang decide to stand up and go against a cruel young warlord.</p>
                    </div>

                    <p class="details__showfullsynopsis"><a class="underline--alt" href="#" data-page-url="/film/call-of-heroes/synopsis">Read the full synopsis</a></p>
                    <p class="details__showfilmdetails"><a class="underline--alt" href="#">Full film details</a></p>


                    <div class="details__fullsynopsis">
                        <div class="fullsynopsis__wrap scroll-content" data-scroll-id="filmsynopsis" data-scroll-type="desktop">
                            <div class="fullsynopsis__inner scroll-child">
                                Not too long after the fall of Qing Dynasty, China is facing endless civil wars. The central government has lost its powers and the warlords are fighting for territories. In 1914, a group of people from the remote village of Puchang decide to stand up and go against a cruel young warlord.
                            </div>
                        </div>
                    </div>

                    <p class="details__hidefullsynopsis"><a class="underline--alt" href="#">Read less</a></p>
                    <div class="title__times">

                        <div class="times__venue">

                            


                
                    <span class="select-cinema__wrapper wide">
                        <a data-href="/partials/GetCinemaFinderContent" data-target-url="/cinema/{cinemaname}/film/call-of-heroes/times" class="select-cinema__trigger icon-text icon-filter-after">All venues</a>
                    </span>
                



                        </div>

                        <div class="tabs times__filters filters">

                            <ul id="filmlist__ft_filters" class="tabs__/nav filters__nav">
                                <li class="tab" rv-each-ft="ft_data.ft">
                                    <div class="formfield formfield__radio formfield__radio--tick">
                                        <input name="ft_filters" type="radio" rv-id="ft.id" data-gtm="CATEGORY-ACTION-LABEL" rv-checked="ft.checked" rv-on-change="ft_data.change" rv-disabled="ft.disabled" />
                                        <label rv-for="ft.id" class="icon-tick-after" rv-text="ft.name"></label>
                                    </div>
                                </li>

                                <li>
                                    <a href="#" class="filters__show select-filter__trigger">
                                        <div class="formfield formfield__radio formfield__radio--filter">

                                            <input name="all-filters" type="checkbox" id="all-filters" data-gtm="CATEGORY-ACTION-LABEL" />
                                            <label for="all-filters" class="icon-filter-after">All filters</label>

                                        </div>
                                    </a>
                                </li>
                            </ul>


                            <div class="filters__content tabs__content filmlist__filter_panel">
                                <div id="filmlist__ftag_filters" class="filter__content">
                                    <ul>
                                        <li class="filter__selector" rv-each-ftag="ftag_data.ftag" rv-class-hide="ftag.disabled" rv-class-firstchild="ftag.first">
                                            <div class="formfield formfield__radio">
                                                <input name="all-filters" type="checkbox" rv-id="ftag.id" rv-checked="ftag.checked" rv-on-change="ftag_data.change" rv-disabled="ftag.disabled" />
                                                <label rv-for="ftag.id" rv-text="ftag.name"></label>
                                            </div>
                                        </li>
                                    </ul>
                                    <a id="filmlist__reset_filters" href="#" class="filters__reset color--alt icon-text icon-reset_filters-after small">Reset filters</a>
                                </div>
                            </div>

                        </div>

                        



                        

                        <div id="showing__times" class="times__days">

                            <div rv-each-showing="film_data.showings | arraySlice 0 2" class="day" rv-hide="showing.alwayshidden">

                                <h3 class="heading-label">
                                    <time rv-datetime="showing.date_time">
                                        <time rv-text="showing.date_prefix"></time>
                                        <span class="date" rv-html="showing.date_formatted"></span>
                                    </time>
                                </h3>

                                <div class="day__section">
                                    
                                    <ul>
                                        <li rv-each-time="showing.times" class="times__detail" rv-disabledclass="time.hidden" rv-show="time.visible">
                                            <a class="small" rv-href="{ time.session_id | timelink time.session_id '/book-tickets/summary//207397/{sessionId}'">
                                                <time class="default" rv-datetime="showing.date_time" rv-text="time.time"></time>

                                                <div class="detail__tags">
                                                    <span class="tagname text-small type" rv-text="time.screen_type"></span>
                                                    <span class="tagname text-small" rv-html="time.taglist"></span>
                                                </div>

                                            </a>
                                        </li>
                                    </ul>
                                    <div class="day_aftermidnight" rv-noshowingsaftermidnight="showing.midnightshowings">
                                        <h4 class="heading-label no-margin" title="Past midnight showing"><span class="icon icon-moon" data-grunticon-embed></span>Past midnight showings</h4>
                                        <ul>
                                            <li rv-each-time="showing.midnightshowings" class="times__detail" rv-disabledclass="time.hidden">
                                                <a class="small" rv-href="{ time.session_id | timelink time.session_id '/book-tickets/summary//207397/{sessionId}'">

                                                    <time class="default" rv-datetime="showing.date_time">{time.time}<span class="icon icon-moon" data-grunticon-embed></span></time>

                                                    <div class="detail__tags">
                                                        <span class="tagname text-small type" rv-text="time.screen_type"></span>
                                                        <span class="tagname text-small" rv-html="time.taglist"></span>
                                                     </div>

                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                            </div>

                            <div class="days__overflow">

                                <div rv-each-showing="film_data.showings | arraySlice 2" class="day" rv-hide="showing.alwayshidden">

                                    <h3 class="heading-label">
                                        <time rv-datetime="showing.date_time">
                                            <time rv-text="showing.date_prefix"></time>
                                            <span class="date" rv-html="showing.date_formatted"></span>
                                        </time>
                                    </h3>

                                    <div class="day__section">

                                        
                                            <ul>
                                                <li rv-each-time="showing.times" class="times__detail" rv-disabledclass="time.hidden" rv-show="time.visible">
                                                    <a class="small" rv-href="{ time.session_id | timelink time.session_id '/book-tickets/summary//207397/{sessionId}'">
                                                        <time class="default" rv-datetime="showing.date_time" rv-text="time.time"></time>

                                                        <div class="detail__tags">
                                                            <span class="tagname text-small type" rv-text="time.screen_type"></span>
                                                            <span class="tagname text-small" rv-html="time.taglist"></span>
                                                        </div>

                                                    </a>
                                                </li>
                                            </ul>
                                            <div class="day_aftermidnight" rv-noshowingsaftermidnight="showing.midnightshowings">
                                                <h4 class="heading-label no-margin" title="Past midnight showing"><span class="icon icon-moon" data-grunticon-embed></span>Past midnight showings</h4>
                                                <ul>
                                                    <li rv-each-time="showing.midnightshowings" class="times__detail" rv-disabledclass="time.hidden">
                                                        <a class="small" rv-href="{ time.session_id | timelink time.session_id '/book-tickets/summary//207397/{sessionId}'">

                                                            <time class="default" rv-datetime="showing.date_time">{time.time}<span class="icon icon-moon" data-grunticon-embed></span></time>

                                                            <div class="detail__tags">
                                                                <span class="tagname text-small type" rv-text="time.screen_type"></span>
                                                                <span class="tagname text-small" rv-html="time.taglist"></span>
                                                            </div>

                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>

                                    </div>

                                </div>
                                <a href="#" class="times__show heading-label">Show all times and dates</a>
                            </div>

                        </div>
                       
                    </div>
                    <!--
                    <div class="overview__buytickets">
                        <a href="#" class="btn">Get all times &amp; tickets</a>
                    </div>
                    -->
                </div>
                    <div class="video__player">
                        <video preload="none" data-videosrc="mymovies" data-videourl="/film/call-of-heroes/trailer" data-videotitle="Call Of Heroes" 
       data-videoid="14623" data-videotype="trl" data-videospeed="1800" data-videopartner="VUECINEMA">
    <source data-src="http://ml5vid.mymovies.net/filmmedia/film/fid16797/trailers/trid14623/html5/1800.mp4" src="" type='video/mp4' />

</video>
                        <div class="video__controls hide align--left"></div>
                    </div>
                    <a href="#" id="playvideo" class="title__play icon-play" data-page-url="/film/call-of-heroes/trailer" data-grunticon-embed data-videosrc="mymovies" data-videotitle="Call Of Heroes" data-videotype="trl">play</a>

                

                <div class="overview__actions">

                    <div id="todays__times" class="details__filmtimes">

                        <div class="filmtimes__venue">
                            


                
                    <span class="select-cinema__wrapper wide">
                        <a data-href="/partials/GetCinemaFinderContent" data-target-url="/cinema/{cinemaname}/film/call-of-heroes" class="select-cinema__trigger icon-text icon-filter-after">Choose a venue</a>
                    </span>
                


                        </div>

                        <div class="filmtimes__date" rv-hasmidnightshowings="showing_data.showing">
                            <p class="date">Upcoming showings for<span rv-show="showing_data.showing.date_prefix"> {showing_data.showing.date_prefix | lowercase},</span><span> {showing_data.showing.date_short}</span></p>
                            <p class="pastmidnight text-small"><span class="icon icon-moon" data-grunticon-embed></span>Past midnight showings</p>
                        </div>

                        <div class="filmtimes__timeselector">

                            <div class="carousel" data-direction="ltr" data-inview="4" data-transition="true" data-pagination="true">
                                <div class="carousel__padding">
                                    <ul class="carousel__container">
                                        <li rv-each-time="showing_data.showing.times" rv-show="time.visible" class="carousel__panel"><a rv-href="{ time.session_id | timelink time.session_id '/book-tickets/summary//207397/{sessionId}'" rv-text="time.time"></a></li>
                                        <li rv-each-mntime="showing_data.showing.midnightshowings" class="carousel__panel midnight"><a rv-href="{ mntime.session_id | timelink mntime.session_id '/book-tickets/summary//207397/{sessionId}'">{mntime.time}<span class="icon icon-moon" data-grunticon-embed></span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <a href="/partials/getfilmtimescontent?itemId={98875253-E524-43AA-9190-215A0122ECD2}" data-page-url="/film/call-of-heroes/times" class="btn details__showtimes med-margin ">Get all times &amp; tickets</a>
                    
                   
                </div>
            
            </div>

           
        </div>


    </div>
  <!--in page messages-->




    <div class="ad-dblclick">
<div id='div-gpt-ad-position-62518667' class="">



        <script>
            googletag.cmd.push(function () {
                // This mapping will only display ads when user is on desktop sized viewport
                var mapping = googletag.sizeMapping().
                    addSize([1400, 200], [1400, 250]).
                    addSize([970, 200], [970, 250]).
                    addSize([0, 0], []).
                    build();

                googletag.defineSlot('/21620828667/myvue_film_ad_position_1', [970, 250], 'div-gpt-ad-position-62518667')
                .defineSizeMapping(mapping)
                .addService(googletag.pubads())
                .setTargeting("url", '/film/call-of-heroes')
                .setCollapseEmptyDiv();
                googletag.pubads().enableSingleRequest();
                googletag.enableServices();
                googletag.display('div-gpt-ad-position-62518667');
            });
        </script>
</div>    </div>




<div class="advertising">
</div>


<section class="container expand-small top-films is-loading top-films__footerlink">
    <div class="top-films__header container container-small ">
        <div class="top-films__headerlink">
            <a href="/cinema//whats-on">All films </a>
        </div>
        <span class="h3 key">Also showing</span>
    </div>
    <div class="top-films__items container container-small">
        <!-- need to change the name of this partial -->
        <!-- note to serverside

Image ratios need to be defined as per below.
    width="260" height="388"
-->

        <div class="top-films__item">
            <a href="/film/thor-ragnarok/">
                <img>
                <img class="top-films__poster" src="//images.mymovies.net/images/film/cin/350x522/fid17541.jpg" alt="Thor: Ragnarok" />
            </a>
            <span class="top-films__title">Thor: Ragnarok</span>
        </div>
        <div class="top-films__item">
            <a href="/film/saw-legacy/">
                <img>
                <img class="top-films__poster" src="//images.mymovies.net/images/film/cin/350x522/fid17835.jpg" alt="Jigsaw" />
            </a>
            <span class="top-films__title">Jigsaw</span>
        </div>
        <div class="top-films__item">
            <a href="/film/the-death-of-stalin/">
                <img>
                <img class="top-films__poster" src="//images.mymovies.net/images/film/cin/350x522/fid17773.jpg" alt="The Death Of Stalin" />
            </a>
            <span class="top-films__title">The Death Of Stalin</span>
        </div>
        <div class="top-films__item">
            <a href="/film/breathe/">
                <img>
                <img class="top-films__poster" src="//images.mymovies.net/images/film/cin/350x522/fid17747.jpg" alt="Breathe" />
            </a>
            <span class="top-films__title">Breathe</span>
        </div>



    </div>
</section>
        </main>

        
<footer class="footer" role="contentinfo">
    
<div class="footer__bookingline footer__section">
    <section class="container">
        <h2 class="h3">
            Customer service
           
            <!--<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="30px" width="100%">
            <defs>
                <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
                    <stop offset="0%" style="stop-color:#eec42a;stop-opacity:1" />
                    <stop offset="100%" style="stop-coloR:#b74d1c;stop-opacity:1" />
                </linearGradient>
            </defs>
            <text fill="url(#grad1)" x="0" y="20px">08712 240 240</text>
        </svg>-->
            <a href="tel:0345 308 4620">
                    <span class="gradient-fill">
                        0345 308 4620
                    </span>
            </a>
        </h2>
        <p class="small">Local rate number. If you&#39;re in Ireland, call 1890 800 705 (ROI), where the call will be charged at your local rate.</p>
    </section>
</div>
<div class="footer__nav">
    <section class="container container-small">
        <ul class="collapse collapse--accordion" data-collapse="collapse--accordion">
                <li class="footer__section collapse__item ">
                    <section class="container">
                        <div class="collapse__heading cta">Get in touch</div>
                        <span class="icon icon-arrow-down" data-grunticon-embed></span>
                            <div class="collapse__content">
                                <div class="collapse__wrapper">
                                    <ul class="footer__nav__list ">
                                            <li>    <a href="/get-in-touch/faqs-and-contact-us" >FAQs &amp; contact us</a>
</li>
                                            <li>    <a href="/get-in-touch/give-us-feedback" >Give us feedback</a>
</li>
                                    </ul>
                                </div>
                            </div>
                    </section>
                </li>
                <li class="footer__section collapse__item ">
                    <section class="container">
                        <div class="collapse__heading cta">About Vue</div>
                        <span class="icon icon-arrow-down" data-grunticon-embed></span>
                            <div class="collapse__content">
                                <div class="collapse__wrapper">
                                    <ul class="footer__nav__list ">
                                            <li>    <a href="/about-vue/about-us" >About us</a>
</li>
                                            <li>    <a href="/about-vue/big-screen-experience" >Big screen experiences</a>
</li>
                                            <li>    <a href="/about-vue/advertise-with-us" >Advertising and bulk tickets</a>
</li>
                                            <li>    <a href="/giftcards" >Gift cards</a>
</li>
                                            <li>    <a href="http://careers.myvue.com/" target='_blank'>Careers</a>
</li>
                                            <li>    <a href="http://conferencing.myvue.com/" target='_blank'>Conferencing</a>
</li>
                                            <li>    <a href="http://vue-international.com/" target='_blank'>Vue International</a>
</li>
                                    </ul>
                                </div>
                            </div>
                    </section>
                </li>
                <li class="footer__section collapse__item ">
                    <section class="container">
                        <div class="collapse__heading cta">Legal</div>
                        <span class="icon icon-arrow-down" data-grunticon-embed></span>
                            <div class="collapse__content">
                                <div class="collapse__wrapper">
                                    <ul class="footer__nav__list ">
                                            <li>    <a href="/legal/terms-and-conditions" >Terms &amp; conditions</a>
</li>
                                            <li>    <a href="/legal/terms-and-conditions" >Your privacy</a>
</li>
                                            <li>    <a href="/legal/nutritional-information" >Nutritional information</a>
</li>
                                            <li>    <a href="/legal/accessibility" >Accessibility</a>
</li>
                                    </ul>
                                </div>
                            </div>
                    </section>
                </li>
                <li class="footer__section collapse__item footer_social">
                    <section class="container">
                        <div class="collapse__heading cta">Social</div>
                        <span class="icon icon-arrow-down" data-grunticon-embed></span>
                            <div class="collapse__content">
                                <div class="collapse__wrapper">
                                    <ul class="footer__nav__list nav--social">
                                            <li>    <a href="http://www.facebook.com/VueCinemas" class="icon-facebook" target='_blank'>Facebook</a>
</li>
                                            <li>    <a href="https://twitter.com/vuecinemas" class="icon-twitter" target='_blank'>Twitter</a>
</li>
                                            <li>    <a href="https://www.instagram.com/vuecinemas" class="icon-instagram" target='_blank'>Instagram</a>
</li>
                                            <li>    <a href="http://vuecinemas.tumblr.com/" class="icon-tumblr" target='_blank'>Tumblr</a>
</li>
                                            <li>    <a href="https://www.youtube.com/user/vuecinemas" class="icon-youtube" target='_blank'>Youtube</a>
</li>
                                            <li>    <a href="https://plus.google.com/+VueCinema/posts" class="icon-google-plus" target='_blank'>Google Plus</a>
</li>
                                    </ul>
                                </div>
                            </div>
                    </section>
                </li>
        </ul>
    </section>
</div>


    <div class="footer__logo footer__section">
        <h2>Vue | Big Screen Entertainment</h2>
    </div>
    <div class="footer__copyright">
        <section class="container container-small">
            <p> &#169; Vue. All rights reserved. </p>
        </section>
    </div>

</footer>

    </div>

    <div class="overlay-holder">
        
    <div class="cookie-msg">
        <div class="container container-small">
            <p class="text-small no-margin"><em class="highlight">We use cookies</em> to provide you with a better service. Carry on browsing if you're happy with this, or find out more about our <a href="/legal/terms-and-conditions">cookie policy</a></p>
            <span data-grunticon-embed class="icon icon-close">Close</span>
        </div>
    </div>

<aside id="overlay-search" class="overlay overlay--side overlay--right overlay--dark overlay--no-bg">
    <div class="overlay__inner">
        <div class="overlay__content">
            <div class="scroll-content" data-scroll-id="search" data-scroll-fade="true">
                <div class="scroll-child">
                    <div class="overlay__wrap">
                        <div class="overlay__header container">
                            <h2 class="gradient-fill">Search</h2>
                        </div>
                        <span class="overlay__close icon icon-close" data-grunticon-embed></span>
                        <div id="overlay-search-container">
                            <div id="search-component" class="search">

    <div class="form__field form__field--search form__field--live-search">
        <input id="search-input" class="_search__input" type="search" autocomplete="off" placeholder="Start typing a film, event or offer">
        <span class="icon icon-search" data-grunticon-embed></span>
    </div>

    <div rv-if="search.ishome">
        <!-- start homepage results -->
        <div rv-if="search.homepage_count">
            <div rv-if="search.homepage_current">
                <p class="lbl lbl--small lbl--underlined search__title"></p>
                <div rv-each-term="search.results" rv-show="term.show_homepage | and term.showing_at_current"  rv-class-visible="term.show_homepage | and term.showing_at_current" class="search-result">
                    <div class="o-media o-media--reverse search-result__media">
                        <div class="o-media__figure">
                            <span class="icon" rv-class="term.icon"></span>
                        </div>
                        <div class="o-media__body">
                            <h3 class="search-result__title">
                                <a rv-href="term.link" rv-data-type="term.type" rv-html="term.display_title" rv-data-html="term.name"></a>
                            </h3>
                        </div>
                    </div>
                </div>
            </div>
            <div rv-unless="search.homepage_current">
                <p class="lbl search__noresults"></p><!--Not currently showing at Vue Westfield Stratford City-->
            </div>

            <div rv-if="search.homepage_other">
                <p class="lbl lbl--small lbl--underlined search__title">Showing elsewhere</p>
                <div rv-each-term="search.results" rv-show="term.show_homepage | and term.isother" rv-class-visible="term.show_homepage | and term.isother" class="search-result">
                    <div class="o-media o-media--reverse search-result__media">
                        <div class="o-media__figure">
                            <span class="icon" rv-class="term.icon"></span>
                        </div>
                        <div class="o-media__body">
                            <h3 class="search-result__title">
                                <a rv-href="term.link" rv-data-type="term.type" rv-html="term.display_title" rv-data-html="term.name"></a>
                            </h3>
                            <span rv-show="term.other_venue_count" class="search-result__count">
                                <span rv-text="term.other_venue_count"></span> venues
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div rv-if="search.isvalid">
            <div rv-unless="search.homepage_count">
                <p class="lbl search__noresults"> Sorry, no matches found, want to go to <a href="/whats-on">What's On?</a></p>
            </div>
        </div>
        <!-- end homepage results -->
    </div>

    <!-- global results view -->
    <div rv-if="search.isglobal">
        <div rv-if="search.count">
            <div rv-each-term="search.results" rv-show="term.show"  rv-class-visible="term.show" class="search-result">
                <div class="o-media o-media--reverse search-result__media">
                    <div class="o-media__figure">
                        <span class="icon" rv-class="term.icon"></span>
                    </div>
                    <div class="o-media__body">
                        <h3 class="search-result__title">
                            <a rv-href="term.link" rv-data-type="term.type" rv-html="term.display_title" rv-data-html="term.name"></a>
                        </h3>
                        <span rv-show="term.venues" class="search-result__count">
                            <span rv-text="term.venues"></span> venues
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div rv-if="search.isvalid">
            <div rv-unless="search.count">
                <p class="lbl search__noresults"> Sorry, no matches found, want to go to <a href="/whats-on">What's On?</a></p>
            </div>
        </div>
    </div>
    <!-- end global results -->
</div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</aside>

    </div>

        <div class="cvm-popup-holder">
            
        </div>
    

    


    

<!--site js-->
<script src="/assets/components/jquery/dist/jquery.min.js?FD60067C7B7A21B4EE0B1FC490289F06"></script>
<!--video tracking js-->

<!-- bower:js -->
<script src="/assets/components/hammerjs/hammer.min.js"></script>
<script src="/assets/components/sightglass/index.min.js"></script>
<script src="/assets/components/rivets/dist/rivets.min.js"></script>
<script src="/assets/components/skrollr/dist/skrollr.min.js"></script>
<!-- endbower -->

<script src="/assets/js/head.min.js?FD60067C7B7A21B4EE0B1FC490289F06"></script>
<script src="/assets/js/app.min.js?FD60067C7B7A21B4EE0B1FC490289F06"></script>

    <script src="https://evo2.mymovies.net/evo2/360/js/sdc.js"></script>

<!--analytics-->
<script type="text/javascript">_satellite.pageBottom();</script>
<!-- ... -->





</body>
</html>
