<div class="c-toolbar u-none u-block@md o-bg-base" data-toolbar>
<div class="o-container u-flex">
<div class="u-mr-auto u-flex u-items-center u-justify-center u-py-xsmall ">
<span class="u-label-06 ">
Lunedì, 11 maggio 2020
</span>
</div>
<div class="c-toolbar__item u-flex u-column u-justify-center u-pl-xsmall u-pr-medium u-size-100 u-py-xsmall">
<a href="#" target="_blank" rel="noopener noreferrer">
<svg class="c-brand-cn" width="91" height="24">
<use xlink:href="#brand-citynews"></use>
</svg>
</a>
</div>
<div class="c-toolbar__item u-flex u-column u-justify-center u-size-100 u-py-xsmall u-px-medium">
<div class="c-modetoggle u-inline-flex">
<label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità light">
<input type="radio" value="-1" class="u-none" data-color-scheme="-1">
<svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-sun"></use>
</svg>
</label>
<label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità di sistema">
<input type="radio" value="0" class="u-none" data-color-scheme="0">
<svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-monitor"></use>
</svg>
</label>
<label class="u-pointer c-modetoggle__label u-relative" aria-label="Modalità dark">
<input type="radio" value="1" class="u-none" data-color-scheme="1">
<svg class="c-modetoggle__icon u-m-xsmall o-icon o-icon--animated o-icon--sm u-cursor-pointer">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-moon"></use>
</svg>
</label>
</div>
</div>
<div class="c-toolbar__item u-flex u-column u-justify-center u-size-100 u-py-xsmall u-px-medium">
<button class="c-btn c-btn--primary u-relative u-flex u-cursor-pointer u-items-center u-nowrap
c-btn--rounded
c-btn--small u-label-05
" data-toolbar--subscription-button>
Abbonati
</button>
</div>
<div class="c-toolbar__item u-flex u-items-center u-justify-center u-label-05 u-pl-medium u-cursor-pointer u-py-xsmall">
<div tabindex="1" class="c-dropdown c-dropdown--reset c-dropdown--user u-cursor-pointer u-relative u-flex u-items-center u-justify-center u-label-05">
<img style=" width:2rem; height:2rem;" loading="lazy" decoding="async" referrerpolicy="no-referrer" class="avatar avatar-md u-radius-circle" src="//citynews.stgy.ovh/~shared/avatars/49015311842645/avatar_1.img" alt="Foto Profilo Utente" title="remat">
<div class="c-dropdown__panel u-absolute u-right u-overflow-hidden u-p-medium o-bg-light u-shadow u-z-upside">
<ul class="u-list-none u-m-none u-p-none">
<li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="user--view2021">Il mio profilo</a></li>
<li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="/user/contents/">I miei contenuti</a></li>
<li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="/user/edit/basic/">Modifica profilo</a></li>
<li class="u-mb-small"><a class="u-nav-03 o-link-text" tabindex="-1" href="/user/edit/privacy/">Privacy</a></li>
<li class="u-mb-small">
<form onsubmit="window.ga && ga( 'send', 'event', 'Community', 'Logout' ); return confirm( 'Sei sicuro di voler uscire dal sito?' );" action="/user/logout/" method="post">
<!--<?php echo input_hidden_tag( 'nonce', securityUtils::encodeVariable($sf_user->getNonce(), array('~sso', 'nonce', SF_GROUP, SF_DOMAIN, SF_APP, SF_TYPE, SF_DEBUG)) ); ?>-->
<button type="submit" class="c-btn c-btn--primary u-label-04 u-cursor-pointer u-flex u-items-center u-label-04" value="Esci">
Esci
</button>
</form>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<header class="c-header c-header--slim u-zindex-5 u-py-base">
<div class="o-container u-flex u-items-center u-height-full">
<div class="u-none u-block@md" data-toggle-menu onclick="this.classList &&
document.querySelectorAll('[data-toggle-menu]').forEach( function(oNode){ oNode.classList.toggle('is-active');}) ,
document.querySelectorAll('[data-search]').forEach( function(oNode){ oNode.classList.remove('is-active');}) ,
document.querySelectorAll('[data-menu]').forEach( function(oNode){ oNode.classList.toggle('is-open');}) ,
document.querySelectorAll('[data-body-lock]').forEach( function(oNode){ oNode.classList.toggle('is-locked'); }) ,
document.querySelectorAll('[data-item-navigation]').forEach( function(oNode){ oNode.classList.toggle('is-visible-from-tablet'); }),
document.querySelectorAll('[data-search-bar]').forEach( function(oNode){ oNode.classList.add('is-hidden');})">
<svg class="o-icon o-icon--md c-navbar__controller u-cursor-pointer" data-toggle-menu-open>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-menu"></use>
</svg>
<svg class="o-icon o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-toggle-menu-close>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
</svg>
</div>
<div class="u-flex u-items-center u-ml-base@md">
<a href="/">
<svg class="c-brand
c-brand--resize-small
c-brand--inverse
" viewBox="0 0 170 50" xmlns="http://www.w3.org/2000/svg">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#brand-logo"></use>
</svg>
</a>
</div>
<div class="u-ml-auto c-navbar__search u-none u-block@md" data-search onclick="this.classList &&
document.querySelectorAll('[data-search]').forEach( function(oNode){ oNode.classList.toggle('is-active');}) ,
document.querySelectorAll('[data-toggle-menu]').forEach( function(oNode){ oNode.classList.remove('is-active');}) ,
document.querySelectorAll('[data-search-bar]').forEach( function(oNode){ oNode.classList.toggle('is-hidden');}),
document.querySelectorAll('[data-menu]').forEach( function(oNode){ oNode.classList.remove('is-open');})">
<svg class="o-icon o-icon--md u-cursor-pointer" data-search-open>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use>
</svg>
<svg class="o-icon o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-search-close>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
</svg>
</div>
<div class="u-none@md u-ml-auto" data-toggle-menu onclick="this.classList &&
document.querySelectorAll('[data-toggle-menu]').forEach( function(oNode){ oNode.classList.toggle('is-active');}) ,
document.querySelectorAll('[data-search]').forEach( function(oNode){ oNode.classList.remove('is-active');}) ,
document.querySelectorAll('[data-menu]').forEach( function(oNode){ oNode.classList.toggle('is-open');}) ,
document.querySelectorAll('[data-body-lock]').forEach( function(oNode){ oNode.classList.toggle('is-locked'); }) ,
document.querySelectorAll('[data-item-navigation]').forEach( function(oNode){ oNode.classList.toggle('is-visible-from-tablet'); }),
document.querySelectorAll('[data-search-bar]').forEach( function(oNode){ oNode.classList.add('is-hidden');})">
<svg class="o-icon o-icon--md c-navbar__controller u-cursor-pointer" data-toggle-menu-open>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-menu"></use>
</svg>
<svg class="o-icon o-icon--md c-navbar__controller is-hidden u-cursor-pointer" data-toggle-menu-close>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-x"></use>
</svg>
</div>
</div>
<div class="c-searchbar u-shadow-bottom u-z-upside u-size-full u-absolute u-px-base u-py-large is-hidden " data-search-bar>
<div class="o-container u-px-small@md">
<div class="u-relative">
<input class="u-size-full " type="text" placeholder="Cerca nel sito">
<button class="c-form-action c-btn c-btn--reset u-absolute u-cursor-pointer" type="submit">
<svg class="c-form-icon o-icon o-icon--md">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use>
</svg>
</button>
</div>
</div>
</div>
</header>
<div class="c-subheader u-relative">
<div class="o-container u-flex u-column u-row@md u-items-center@md ">
<div class="c-subheader__head u-py-small u-flex u-row u-items-center u-items-center u-justify-between">
<a href="#" class="o-link-text u-m-none u-size-fit u-contents">
<img decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/v7/channel-custom/vision-logo.svg" class="c-subheader__logo" height="40">
</a>
</div>
<nav class="c-subheader__navbar u-flex u-items-center u-overflow-auto u-gap-medium">
<a href="#" class="c-subheader__item u-nav-02 u-cursor-pointer u-whitespace u-no-underline u-relative">
Televisione
</a>
<a href="#" class="c-subheader__item c-subheader__item--active u-nav-02 u-cursor-pointer u-whitespace u-no-underline u-relative">
Streaming
</a>
<a href="#" class="c-subheader__item u-nav-02 u-cursor-pointer u-whitespace u-no-underline u-relative">
Cinema
</a>
</nav>
</div>
<nav class="c-subheader__subnavbar">
<div class="o-container u-flex u-items-center u-overflow-auto u-gap-small">
<a href="#" class="c-subheader__item u-nav-05 u-notransform u-cursor-pointer u-whitespace u-no-underline u-relative">
Netflix
</a>
<a href="#" class="c-subheader__item c-subheader__item--active u-nav-05 u-notransform u-cursor-pointer u-whitespace u-no-underline u-relative">
Prime
</a>
<a href="#" class="c-subheader__item u-nav-05 u-notransform u-cursor-pointer u-whitespace u-no-underline u-relative">
Disney+
</a>
<a href="#" class="c-subheader__item u-nav-05 u-notransform u-cursor-pointer u-whitespace u-no-underline u-relative">
Sky
</a>
<a href="#" class="c-subheader__item u-nav-05 u-notransform u-cursor-pointer u-whitespace u-no-underline u-relative">
Apple
</a>
<a href="#" class="c-subheader__item u-nav-05 u-notransform u-cursor-pointer u-whitespace u-no-underline u-relative">
Migliori SerieTv
</a>
<a href="#" class="c-subheader__item u-nav-05 u-notransform u-cursor-pointer u-whitespace u-no-underline u-relative">
Al Cinema
</a>
<a href="#" class="c-subheader__item u-nav-05 u-notransform u-cursor-pointer u-whitespace u-no-underline u-relative">
Programmi TV
</a>
</nav>
</div>
</div>
<main class="o-page">
<section class="o-container">
<div class="u-flex u-column-reverse u-row@md u-justify-between">
<div class="u-block" data-filters>
<div class="u-flex u-justify-between u-mr-base@md u-mb-small u-mb-medium@lg">
<div class="u-size-1-2 u-mr-base">
<div tabindex="1" class="c-dropdown c-dropdown--filter u-cursor-pointer u-relative u-flex u-items-center u-justify-between u-p-xxsmall">
<div class="u-size-4-5">
<span class="c-dropdown__label u-block">Quando</span>
<span class="u-label-04 u-truncate u-truncate-1">Prossima settimana</span>
</div>
<svg class="o-icon o-icon--md" data-dd-icon>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
</svg>
<div class="c-dropdown__panel u-absolute u-shadow">
<ul class="c-dropdown__list u-overflow-auto u-list-none u-m-none u-p-none">
<span class="c-dropdown__label u-block">Category</span>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 1</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 2</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 3</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 4</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall ">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">last item</a>
</li>
<span class="c-dropdown__label u-block">Category</span>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 1</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 2</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 3</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 4</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
</ul>
<button class="c-btn c-btn--primary c-btn--large u-mt-small u-label-04 u-size-full u-cursor-pointer u-text-center">
Filtra
</button>
</div>
</div>
</div>
<div class="u-size-1-2">
<div tabindex="1" class="c-dropdown c-dropdown--right c-dropdown--filter u-cursor-pointer u-relative u-flex u-items-center u-justify-between u-p-xxsmall">
<div class="u-size-4-5">
<span class="c-dropdown__label u-block">Quando</span>
<span class="u-label-04 u-truncate u-truncate-1">Prossima settimana</span>
</div>
<svg class="o-icon o-icon--md" data-dd-icon>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
</svg>
<div class="c-dropdown__panel u-absolute u-shadow">
<ul class="c-dropdown__list u-overflow-auto u-list-none u-m-none u-p-none">
<span class="c-dropdown__label u-block">Category</span>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 1</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 2</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 3</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline " href="http://www.today.it" title="">item: 4</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall ">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">last item</a>
</li>
<span class="c-dropdown__label u-block">Category</span>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 1</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 2</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 3</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<a class="u-label-07 u-color-base u-no-underline" href="http://www.today.it" title="">item: 4</a>
</li>
<li class="c-dropdown__item u-px-small u-py-xxsmall">
<label class="c-form-checkbox">
<span class="u-label-03 u-color-base">Label</span>
<input type="checkbox" checked="checked">
<span class="c-form-checkbox__mark"></span>
</label>
</li>
</ul>
<button class="c-btn c-btn--primary c-btn--large u-mt-small u-label-04 u-size-full u-cursor-pointer u-text-center">
Filtra
</button>
</div>
</div>
</div>
</div>
</div>
<div class="u-flex u-justify-between u-mb-medium@md u-items-center">
<div class="u-none u-block@md u-mr-base ">
<button class="c-btn c-btn--default u-relative u-flex u-cursor-pointer u-items-center u-nowrap
c-btn--large u-label-04
">
Segnala evento
</button>
</div>
<div class="u-none" data-filter onclick="this.classList && document.querySelectorAll('[data-filters]').forEach( function(oNode){ oNode.classList.toggle('u-none');})">
<button class="c-btn c-btn--default u-relative u-flex u-cursor-pointer u-items-center u-nowrap
c-btn--large u-label-04
">
Filtra
<svg class="o-icon u-ml-xxsmall
o-icon--md ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-filter"></use>
</svg>
</button>
</div>
<div class="u-none">
<button class="c-btn c-btn--primary u-relative u-flex u-cursor-pointer u-items-center u-nowrap
c-btn--large u-label-04
" true>
Calendario
<svg class="o-icon u-ml-xxsmall
o-icon--md ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-calendar"></use>
</svg>
</button>
</div>
</div>
</div>
<div class="l-grid l-grid--small u-overflow-hidden">
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/palm-springs-vivi-come-se-non-ci-fosse-un-domani-1hq7qk.jpg" loading="lazy" alt="Palm Springs">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">commedia</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Palm Springs</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/13-hours-the-secret-soldiers-of-benghazi-5aew.jpg" loading="lazy" alt="13 Hours: The Secret Soldiers Of Benghazi">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">13 Hours: The Secret Soldiers Of Benghazi</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/sopravvissuto-the-martian-13r0.jpg" loading="lazy" alt="Sopravvissuto - The Martian">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">DRAMMATICO</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Sopravvissuto - The Martian</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/1-2-3-coloriage-ddym.jpg" loading="lazy" alt="1, 2, 3... Coloriage!">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">1, 2, 3... Coloriage!</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/13-hours-the-secret-soldiers-of-benghazi-5aew.jpg" loading="lazy" alt="13 Hours: The Secret Soldiers Of Benghazi">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">13 Hours: The Secret Soldiers Of Benghazi</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/sopravvissuto-the-martian-13r0.jpg" loading="lazy" alt="Sopravvissuto - The Martian">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">DRAMMATICO</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Sopravvissuto - The Martian</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/1-2-3-coloriage-ddym.jpg" loading="lazy" alt="1, 2, 3... Coloriage!">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">1, 2, 3... Coloriage!</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/13-hours-the-secret-soldiers-of-benghazi-5aew.jpg" loading="lazy" alt="13 Hours: The Secret Soldiers Of Benghazi">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">13 Hours: The Secret Soldiers Of Benghazi</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/sopravvissuto-the-martian-13r0.jpg" loading="lazy" alt="Sopravvissuto - The Martian">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">DRAMMATICO</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Sopravvissuto - The Martian</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/1-2-3-coloriage-ddym.jpg" loading="lazy" alt="1, 2, 3... Coloriage!">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">1, 2, 3... Coloriage!</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/13-hours-the-secret-soldiers-of-benghazi-5aew.jpg" loading="lazy" alt="13 Hours: The Secret Soldiers Of Benghazi">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">13 Hours: The Secret Soldiers Of Benghazi</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/sopravvissuto-the-martian-13r0.jpg" loading="lazy" alt="Sopravvissuto - The Martian">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">DRAMMATICO</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Sopravvissuto - The Martian</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/1-2-3-coloriage-ddym.jpg" loading="lazy" alt="1, 2, 3... Coloriage!">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">1, 2, 3... Coloriage!</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/13-hours-the-secret-soldiers-of-benghazi-5aew.jpg" loading="lazy" alt="13 Hours: The Secret Soldiers Of Benghazi">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">13 Hours: The Secret Soldiers Of Benghazi</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/sopravvissuto-the-martian-13r0.jpg" loading="lazy" alt="Sopravvissuto - The Martian">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">DRAMMATICO</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Sopravvissuto - The Martian</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/1-2-3-coloriage-ddym.jpg" loading="lazy" alt="1, 2, 3... Coloriage!">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">1, 2, 3... Coloriage!</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/13-hours-the-secret-soldiers-of-benghazi-5aew.jpg" loading="lazy" alt="13 Hours: The Secret Soldiers Of Benghazi">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">13 Hours: The Secret Soldiers Of Benghazi</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/sopravvissuto-the-martian-13r0.jpg" loading="lazy" alt="Sopravvissuto - The Martian">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">DRAMMATICO</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Sopravvissuto - The Martian</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/1-2-3-coloriage-ddym.jpg" loading="lazy" alt="1, 2, 3... Coloriage!">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">1, 2, 3... Coloriage!</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/13-hours-the-secret-soldiers-of-benghazi-5aew.jpg" loading="lazy" alt="13 Hours: The Secret Soldiers Of Benghazi">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">13 Hours: The Secret Soldiers Of Benghazi</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/sopravvissuto-the-martian-13r0.jpg" loading="lazy" alt="Sopravvissuto - The Martian">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">DRAMMATICO</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Sopravvissuto - The Martian</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/1-2-3-coloriage-ddym.jpg" loading="lazy" alt="1, 2, 3... Coloriage!">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">1, 2, 3... Coloriage!</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/13-hours-the-secret-soldiers-of-benghazi-5aew.jpg" loading="lazy" alt="13 Hours: The Secret Soldiers Of Benghazi">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">13 Hours: The Secret Soldiers Of Benghazi</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/sopravvissuto-the-martian-13r0.jpg" loading="lazy" alt="Sopravvissuto - The Martian">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">DRAMMATICO</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Sopravvissuto - The Martian</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/1-2-3-coloriage-ddym.jpg" loading="lazy" alt="1, 2, 3... Coloriage!">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">1, 2, 3... Coloriage!</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/13-hours-the-secret-soldiers-of-benghazi-5aew.jpg" loading="lazy" alt="13 Hours: The Secret Soldiers Of Benghazi">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">13 Hours: The Secret Soldiers Of Benghazi</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/sopravvissuto-the-martian-13r0.jpg" loading="lazy" alt="Sopravvissuto - The Martian">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">DRAMMATICO</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Sopravvissuto - The Martian</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/1-2-3-coloriage-ddym.jpg" loading="lazy" alt="1, 2, 3... Coloriage!">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">1, 2, 3... Coloriage!</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/13-hours-the-secret-soldiers-of-benghazi-5aew.jpg" loading="lazy" alt="13 Hours: The Secret Soldiers Of Benghazi">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">13 Hours: The Secret Soldiers Of Benghazi</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://citynews.stgy.ovh/~shared/images/cinema/locandine/sopravvissuto-the-martian-13r0.jpg" loading="lazy" alt="Sopravvissuto - The Martian">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">DRAMMATICO</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">Sopravvissuto - The Martian</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
<article class="c-card u-flex u-column">
<figure class="o-skeleton o-skeleton-media--horizontal u-relative">
<a href="#" class="u-size-full u-absolute u-left u-top ">
<img class="u-size-full" decoding="async" referrerpolicy="no-referrer" src="https://www.previewtoday.it/~shared/images/tv/locandine/1-2-3-coloriage-ddym.jpg" loading="lazy" alt="1, 2, 3... Coloriage!">
</a>
</figure>
<div class="c-card__content u-flex u-column u-p-base u-color-secondary">
<header class="c-card__pull-down u-flex u-column u-justify-between">
<span class="c-card__kicker u-label-02 u-mb-xsmall u-block">thriller</span>
<a href="#" class="o-link-text u-block">
<h2 class="c-card__heading u-m-none u-heading-08">1, 2, 3... Coloriage!</h2>
</a>
<div class="u-mt-small">
<div class="u-flex u-justify-between">
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">redazione: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">6,3</span></div>
<div class="u-flex u-items-center u-label-08 u-capitalize u-gap-small">pubblico: <span class="u-label-02 u-py-xxxsmall u-px-xxsmall u-radius-base u-color-negative o-bg-negative c-card__rating">7,2</span></div>
</div>
</div>
</header>
</div>
</article>
</div>
<div class="c-pagination u-flex u-items-center u-justify-center u-py-large">
<a class="u-label-04 o-link-text u-mr-base u-none u-block@sm" href="#">Prima</a>
<a class="c-pagination__item c-pagination__item--rounded u-flex u-items-center u-justify-center u-mr-base" href="#">
<svg class="o-icon o-icon--sm" data-dd-icon>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-left"></use>
</svg>
</a>
<a class="c-pagination__item u-flex u-items-center u-justify-center u-label-04 u-no-underline u-mr-base u-py-xxsmall" href="#"><span class="u-mx-xsmall">1</span></a>
<a class="c-pagination__item u-flex u-items-center u-justify-center u-label-04 u-no-underline u-mr-base u-py-xxsmall" href="#"><span class="u-mx-xsmall">2</span></a>
<div class="c-pagination__item u-flex u-items-center u-justify-center is-active u-label-04 u-mr-base u-py-xxsmall"><span class="u-mx-xsmall">3</span></div>
<a class="c-pagination__item u-flex u-items-center u-justify-center u-label-04 u-no-underline u-mr-base u-py-xxsmall" href="#"><span class="u-mx-xsmall">4</span></a>
<a class="c-pagination__item u-flex u-items-center u-justify-center u-label-04 u-no-underline u-mr-base u-py-xxsmall" href="#"><span class="u-mx-xsmall">5</span></a>
<a class="c-pagination__item c-pagination__item--rounded u-flex u-items-center u-justify-center u-mr-base" href="#">
<svg class="o-icon o-icon--sm" data-dd-icon>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"></use>
</svg>
</a>
<a class="u-label-04 o-link-text u-none u-block@sm" href="#">Ultima</a>
</div>
</section>
</main>
{% render "@toolbar" %}
{% render "@header--slim", {channel: false}, true %}
{% render "@subheader--navbar-sub" %}
<main class="o-page">
<section class="o-container">
<div class="u-flex u-column-reverse u-row@md u-justify-between">
<div class="u-block" data-filters>
<div class="u-flex u-justify-between u-mr-base@md u-mb-small u-mb-medium@lg">
<div class="u-size-1-2 u-mr-base">
{% render "@dropdown--filter" %}
</div>
<div class="u-size-1-2">
{% render "@dropdown--filter",{right:true, action:true},true %}
</div>
</div>
</div>
<div class="u-flex u-justify-between u-mb-medium@md u-items-center">
<div class="u-none u-block@md u-mr-base ">
{% render "@button--default", {label:'Segnala evento', size: 'large'}, true %}
</div>
<div class="u-none" data-filter onclick="this.classList && document.querySelectorAll('[data-filters]').forEach( function(oNode){ oNode.classList.toggle('u-none');})">
{% render "@button--default", {label:'Filtra', size: 'large', icon:'filter'}, true %}
</div>
<div class="u-none">
{% render "@button--primary", {label:'Calendario', size: 'large', icon:'calendar'}, true %}
</div>
</div>
</div>
<div class="l-grid l-grid--small u-overflow-hidden">
{% render "@card--cinema" %}
{% for card in range(0,10) %}
{% render "@card--cinema",{
title: '13 Hours: The Secret Soldiers Of Benghazi',
label: 'thriller',
rating: true,
media: 'https://www.previewtoday.it/~shared/images/tv/locandine/13-hours-the-secret-soldiers-of-benghazi-5aew.jpg',
aspectRatio: false,
details: false
},true %}
{% render "@card--cinema",{
title: 'Sopravvissuto - The Martian',
label: 'DRAMMATICO',
rating: true,
media: 'https://citynews.stgy.ovh/~shared/images/cinema/locandine/sopravvissuto-the-martian-13r0.jpg',
aspectRatio: false,
details: false
},true %}
{% render "@card--cinema",{
title: '1, 2, 3... Coloriage!',
label: 'thriller',
rating: true,
media: 'https://www.previewtoday.it/~shared/images/tv/locandine/1-2-3-coloriage-ddym.jpg',
aspectRatio: false,
details: false
},true %}
{% endfor %}
</div>
{% render "@pagination" %}
</section>
</main>
/* No context defined. */
No notes defined.