{% set posts = __SELF__.posts %}
<div class="raw">
    {% for post in posts %}
        
        {% if loop.index == 1 %}
            <div class="col-sm-12 col-md-8 col-lg-6 Bloco-1 no-padding-3">
                <div class="pdf-thumb-box">
                    <div class="pdf-thumb-box-a kue">
                        <div class="pdf-thumb-box-overlay">
                            <span class="fa-stack fa-lg">
                                <button type="submit" class="btn-imgs" data-attach-loading  data-toggle="modal" data-target=".bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}">
                                <i class="fa fa-plus-circle pink fa-2x" aria-hidden="true"></i></button>
                            </span>
                        </div>
                        <div id="main">
                            <img class="img-responsive" src="{{ post.featured_images.first.getThumb(577, 791, 'crop') }}" alt="{{ post.title }}">
                        </div>
                    </div>
                </div>
                <div class="vertical-social-box">
                </div>
                
                <div class="modal fade bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content bg-modal padding-modal">
                            <div class="container margin-modal">
                                <div class="row">
                                    <div class="col-md-6">
                                        {% for image in post.featured_images %}
                                            {% if loop.index >= 2 %}
                                                {% if loop.index <= 5 %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                        <img src="{{ image.getThumb(250, 250, 'crop') }}" />
                                                    </a>
                                                {% else %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                    </a>
                                                {% endif %}
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                    <div class="col-md-6">
                                        <div class="post-heading">
                                            <h1>{{ post.title }}</h1>
                                            <h4><time datetime="{{ post.published_at|date('Y') }}">{{ post.published_at|date('M d, Y') }}</time></h4>
                                        </div>
                                        <div class="post-content">
                                            {{ post.content|raw }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% elseif loop.index == 2 %}
            <div class="col-sm-6 col-md-4 col-lg-3 Bloco-2 no-padding-3">
                <div class="pdf-thumb-box">
                    <div class="pdf-thumb-box-a kue">
                        <div class="pdf-thumb-box-overlay">
                            <span class="fa-stack fa-lg">
                                <button type="submit" class="btn-imgs" data-attach-loading  data-toggle="modal" data-target=".bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}">
                                <i class="fa fa-plus-circle pink fa-2x" aria-hidden="true"></i></button>
                            </span>
                        </div>
                        <img class="img-responsive" src="{{ post.featured_images.first.getThumb(285, 388, 'crop') }}" alt="{{ post.title }}">
                    </div>
                </div>
                <div class="vertical-social-box">
                </div>
                
                <div class="modal fade bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content bg-modal padding-modal">
                            <div class="container margin-modal">
                                <div class="row">
                                    <div class="col-md-6">
                                        {% for image in post.featured_images %}
                                            {% if loop.index >= 2 %}
                                                {% if loop.index <= 5 %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                        <img src="{{ image.getThumb(250, 250, 'crop') }}" />
                                                    </a>
                                                {% else %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                    </a>
                                                {% endif %}
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                    <div class="col-md-6">
                                        <div class="post-heading">
                                            <h1>{{ post.title }}</h1>
                                            <h4><time datetime="{{ post.published_at|date('Y') }}">{{ post.published_at|date('M d, Y') }}</time></h4>
                                        </div>
                                        <div class="post-content">
                                            {{ post.content|raw }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% elseif loop.index == 3 %}
            <div class="col-sm-6 col-md-4 col-lg-3 Bloco-2 no-padding-3">
                <div class="pdf-thumb-box">
                    <div class="pdf-thumb-box-a kue">
                        <div class="pdf-thumb-box-overlay">
                            <span class="fa-stack fa-lg">
                                <button type="submit" class="btn-imgs" data-attach-loading  data-toggle="modal" data-target=".bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}">
                                <i class="fa fa-plus-circle pink fa-2x" aria-hidden="true"></i></button>
                            </span>
                        </div>
                        <img class="img-responsive" src="{{ post.featured_images.first.getThumb(285, 388, 'crop') }}" alt="{{ post.title }}">
                    </div>
                </div>
                <div class="vertical-social-box">
                </div>
                
                <div class="modal fade bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content bg-modal padding-modal">
                            <div class="container margin-modal">
                                <div class="row">
                                    <div class="col-md-6">
                                        {% for image in post.featured_images %}
                                            {% if loop.index >= 2 %}
                                                {% if loop.index <= 5 %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                        <img src="{{ image.getThumb(250, 250, 'crop') }}" />
                                                    </a>
                                                {% else %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                    </a>
                                                {% endif %}
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                    <div class="col-md-6">
                                        <div class="post-heading">
                                            <h1>{{ post.title }}</h1>
                                            <h4><time datetime="{{ post.published_at|date('Y') }}">{{ post.published_at|date('M d, Y') }}</time></h4>
                                        </div>
                                        <div class="post-content">
                                            {{ post.content|raw }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% elseif loop.index == 4 %}
            <div class="col-sm-12 col-md-12 col-lg-6  Bloco-3 no-padding-3">
                <div class="pdf-thumb-box">
                    <div class="pdf-thumb-box-a kue">
                        <div class="pdf-thumb-box-overlay">
                            <span class="fa-stack fa-lg">
                                <button type="submit" class="btn-imgs" data-attach-loading  data-toggle="modal" data-target=".bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}">
                                <i class="fa fa-plus-circle pink fa-2x" aria-hidden="true"></i></button>
                            </span>
                        </div>
                        <img class="img-responsive" src="{{ post.featured_images.first.getThumb(578, 395, 'crop') }}" alt="{{ post.title }}">
                    </div>
                </div>
                <div class="vertical-social-box">
                </div>
                
                <div class="modal fade bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content bg-modal padding-modal">
                            <div class="container margin-modal">
                                <div class="row">
                                    <div class="col-md-6">
                                        {% for image in post.featured_images %}
                                            {% if loop.index >= 2 %}
                                                {% if loop.index <= 5 %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                        <img src="{{ image.getThumb(250, 250, 'crop') }}" />
                                                    </a>
                                                {% else %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                    </a>
                                                {% endif %}
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                    <div class="col-md-6">
                                        <div class="post-heading">
                                            <h1>{{ post.title }}</h1>
                                            <h4><time datetime="{{ post.published_at|date('Y') }}">{{ post.published_at|date('M d, Y') }}</time></h4>
                                        </div>
                                        <div class="post-content">
                                            {{ post.content|raw }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 clearfix">
            </div>
        {% elseif loop.index == 5 %}
            <div class="col-sm-12 col-md-8 col-lg-6 Bloco-1 no-padding-3">
                <div class="pdf-thumb-box">
                    <div class="pdf-thumb-box-a kue">
                        <div class="pdf-thumb-box-overlay">
                            <span class="fa-stack fa-lg">
                                <button type="submit" class="btn-imgs" data-attach-loading  data-toggle="modal" data-target=".bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}">
                                <i class="fa fa-plus-circle pink fa-2x" aria-hidden="true"></i></button>
                            </span>
                        </div>
                        <div id="main">
                            <img class="img-responsive" src="{{ post.featured_images.first.getThumb(577, 791, 'crop') }}" alt="{{ post.title }}">
                        </div>
                    </div>
                </div>
                <div class="vertical-social-box">
                </div>
                
                <div class="modal fade bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content bg-modal padding-modal">
                            <div class="container margin-modal">
                                <div class="row">
                                    <div class="col-md-6">
                                        {% for image in post.featured_images %}
                                            {% if loop.index >= 2 %}
                                                {% if loop.index <= 5 %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                        <img src="{{ image.getThumb(250, 250, 'crop') }}" />
                                                    </a>
                                                {% else %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                    </a>
                                                {% endif %}
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                    <div class="col-md-6">
                                        <div class="post-heading">
                                            <h1>{{ post.title }}</h1>
                                            <h4><time datetime="{{ post.published_at|date('Y') }}">{{ post.published_at|date('M d, Y') }}</time></h4>
                                        </div>
                                        <div class="post-content">
                                            {{ post.content|raw }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% elseif loop.index == 6 %}
            <div class="col-sm-6 col-md-4 col-lg-3 Bloco-2 no-padding-3">
                <div class="pdf-thumb-box">
                    <div class="pdf-thumb-box-a kue">
                        <div class="pdf-thumb-box-overlay">
                            <span class="fa-stack fa-lg">
                                <button type="submit" class="btn-imgs" data-attach-loading  data-toggle="modal" data-target=".bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}">
                                <i class="fa fa-plus-circle pink fa-2x" aria-hidden="true"></i></button>
                            </span>
                        </div>
                        <img class="img-responsive" src="{{ post.featured_images.first.getThumb(285, 387, 'crop') }}" alt="{{ post.title }}">
                    </div>
                </div>
                <div class="vertical-social-box">
                </div>
                
                <div class="modal fade bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content bg-modal padding-modal">
                            <div class="container margin-modal">
                                <div class="row">
                                    <div class="col-md-6">
                                        {% for image in post.featured_images %}
                                            {% if loop.index >= 2 %}
                                                {% if loop.index <= 5 %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                        <img src="{{ image.getThumb(250, 250, 'crop') }}" />
                                                    </a>
                                                {% else %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                    </a>
                                                {% endif %}
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                    <div class="col-md-6">
                                        <div class="post-heading">
                                            <h1>{{ post.title }}</h1>
                                            <h4><time datetime="{{ post.published_at|date('Y') }}">{{ post.published_at|date('M d, Y') }}</time></h4>
                                        </div>
                                        <div class="post-content">
                                            {{ post.content|raw }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% elseif loop.index == 7 %}
            <div class="col-sm-6 col-md-4 col-lg-3 Bloco-2 no-padding-3">
                <div class="pdf-thumb-box">
                    <div class="pdf-thumb-box-a kue">
                        <div class="pdf-thumb-box-overlay">
                            <span class="fa-stack fa-lg">
                                <button type="submit" class="btn-imgs" data-attach-loading  data-toggle="modal" data-target=".bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}">
                                <i class="fa fa-plus-circle pink fa-2x" aria-hidden="true"></i></button>
                            </span>
                        </div>
                        <img class="img-responsive" src="{{ post.featured_images.first.getThumb(285, 387, 'crop') }}" alt="{{ post.title }}">
                    </div>
                </div>
                <div class="vertical-social-box">
                </div>
                
                <div class="modal fade bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content bg-modal padding-modal">
                            <div class="container margin-modal">
                                <div class="row">
                                    <div class="col-md-6">
                                        {% for image in post.featured_images %}
                                            {% if loop.index >= 2 %}
                                                {% if loop.index <= 5 %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                        <img src="{{ image.getThumb(250, 250, 'crop') }}" />
                                                    </a>
                                                {% else %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                    </a>
                                                {% endif %}
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                    <div class="col-md-6">
                                        <div class="post-heading">
                                            <h1>{{ post.title }}</h1>
                                            <h4><time datetime="{{ post.published_at|date('Y') }}">{{ post.published_at|date('M d, Y') }}</time></h4>
                                        </div>
                                        <div class="post-content">
                                            {{ post.content|raw }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% elseif loop.index == 8 %}
            <div class="col-sm-12 col-md-12 col-lg-6  Bloco-3 no-padding-3">
                <div class="pdf-thumb-box">
                    <div class="pdf-thumb-box-a kue">
                        <div class="pdf-thumb-box-overlay">
                            <span class="fa-stack fa-lg">
                                <button type="submit" class="btn-imgs" data-attach-loading  data-toggle="modal" data-target=".bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}">
                                <i class="fa fa-plus-circle pink fa-2x" aria-hidden="true"></i></button>
                            </span>
                        </div>
                        <img class="img-responsive" src="{{ post.featured_images.first.getThumb(578, 395, 'crop') }}" alt="{{ post.title }}">
                    </div>
                </div>
                <div class="vertical-social-box">
                </div>
                
                <div class="modal fade bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content bg-modal padding-modal">
                            <div class="container margin-modal">
                                <div class="row">
                                    <div class="col-md-6">
                                        {% for image in post.featured_images %}
                                            {% if loop.index >= 2 %}
                                                {% if loop.index <= 5 %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                        <img src="{{ image.getThumb(250, 250, 'crop') }}" />
                                                    </a>
                                                {% else %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                    </a>
                                                {% endif %}
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                    <div class="col-md-6">
                                        <div class="post-heading">
                                            <h1>{{ post.title }}</h1>
                                            <h4><time datetime="{{ post.published_at|date('Y') }}">{{ post.published_at|date('M d, Y') }}</time></h4>
                                        </div>
                                        <div class="post-content">
                                            {{ post.content|raw }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 clearfix">
            </div>
        {% elseif loop.index == 9 %}
            <div class="col-sm-12 col-md-8 col-lg-6 Bloco-1 no-padding-3">
                <div class="pdf-thumb-box">
                    <div class="pdf-thumb-box-a kue">
                        <div class="pdf-thumb-box-overlay">
                            <span class="fa-stack fa-lg">
                                <button type="submit" class="btn-imgs" data-attach-loading  data-toggle="modal" data-target=".bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}">
                                <i class="fa fa-plus-circle pink fa-2x" aria-hidden="true"></i></button>
                            </span>
                        </div>
                        <div id="main">
                            <img class="img-responsive" src="{{ post.featured_images.first.getThumb(577, 791, 'crop') }}" alt="{{ post.title }}">
                        </div>
                    </div>
                </div>
                <div class="vertical-social-box">
                </div>
                
                <div class="modal fade bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content bg-modal padding-modal">
                            <div class="container margin-modal">
                                <div class="row">
                                    <div class="col-md-6">
                                        {% for image in post.featured_images %}
                                            {% if loop.index >= 2 %}
                                                {% if loop.index <= 5 %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                        <img src="{{ image.getThumb(250, 250, 'crop') }}" />
                                                    </a>
                                                {% else %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                    </a>
                                                {% endif %}
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                    <div class="col-md-6">
                                        <div class="post-heading">
                                            <h1>{{ post.title }}</h1>
                                            <h4><time datetime="{{ post.published_at|date('Y') }}">{{ post.published_at|date('M d, Y') }}</time></h4>
                                        </div>
                                        <div class="post-content">
                                            {{ post.content|raw }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% elseif loop.index == 10 %}
            <div class="col-sm-6 col-md-4 col-lg-3 Bloco-2 no-padding-3">
                <div class="pdf-thumb-box">
                    <div class="pdf-thumb-box-a kue">
                        <div class="pdf-thumb-box-overlay">
                            <span class="fa-stack fa-lg">
                                <button type="submit" class="btn-imgs" data-attach-loading  data-toggle="modal" data-target=".bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}">
                                <i class="fa fa-plus-circle pink fa-2x" aria-hidden="true"></i></button>
                            </span>
                        </div>
                        <img class="img-responsive" src="{{ post.featured_images.first.getThumb(285, 387, 'crop') }}" alt="{{ post.title }}">
                    </div>
                </div>
                <div class="vertical-social-box">
                </div>
                
                <div class="modal fade bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content bg-modal padding-modal">
                            <div class="container margin-modal">
                                <div class="row">
                                    <div class="col-md-6">
                                        {% for image in post.featured_images %}
                                            {% if loop.index >= 2 %}
                                                {% if loop.index <= 5 %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                        <img src="{{ image.getThumb(250, 250, 'crop') }}" />
                                                    </a>
                                                {% else %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                    </a>
                                                {% endif %}
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                    <div class="col-md-6">
                                        <div class="post-heading">
                                            <h1>{{ post.title }}</h1>
                                            <h4><time datetime="{{ post.published_at|date('Y') }}">{{ post.published_at|date('M d, Y') }}</time></h4>
                                        </div>
                                        <div class="post-content">
                                            {{ post.content|raw }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% elseif loop.index == 11 %}
            <div class="col-sm-6 col-md-4 col-lg-3 Bloco-2 no-padding-3">
                <div class="pdf-thumb-box">
                    <div class="pdf-thumb-box-a kue">
                        <div class="pdf-thumb-box-overlay">
                            <span class="fa-stack fa-lg">
                                <button type="submit" class="btn-imgs" data-attach-loading  data-toggle="modal" data-target=".bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}">
                                <i class="fa fa-plus-circle pink fa-2x" aria-hidden="true"></i></button>
                            </span>
                        </div>
                        <img class="img-responsive" src="{{ post.featured_images.first.getThumb(285, 387, 'crop') }}" alt="{{ post.title }}">
                    </div>
                </div>
                <div class="vertical-social-box">
                </div>
                
                <div class="modal fade bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content bg-modal padding-modal">
                            <div class="container margin-modal">
                                <div class="row">
                                    <div class="col-md-6">
                                        {% for image in post.featured_images %}
                                            {% if loop.index >= 2 %}
                                                {% if loop.index <= 5 %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                        <img src="{{ image.getThumb(250, 250, 'crop') }}" />
                                                    </a>
                                                {% else %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                    </a>
                                                {% endif %}
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                    <div class="col-md-6">
                                        <div class="post-heading">
                                            <h1>{{ post.title }}</h1>
                                            <h4><time datetime="{{ post.published_at|date('Y') }}">{{ post.published_at|date('M d, Y') }}</time></h4>
                                        </div>
                                        <div class="post-content">
                                            {{ post.content|raw }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% elseif loop.index == 12 %}
            <div class="col-sm-12 col-md-12 col-lg-6  Bloco-3 no-padding-3">
                <div class="pdf-thumb-box">
                    <div class="pdf-thumb-box-a kue">
                        <div class="pdf-thumb-box-overlay">
                            <span class="fa-stack fa-lg">
                                <button type="submit" class="btn-imgs" data-attach-loading  data-toggle="modal" data-target=".bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}">
                                <i class="fa fa-plus-circle pink fa-2x" aria-hidden="true"></i></button>
                            </span>
                        </div>
                        <img class="img-responsive" src="{{ post.featured_images.first.getThumb(578, 395, 'crop') }}" alt="{{ post.title }}">
                    </div>
                </div>
                <div class="vertical-social-box">
                </div>
                
                <div class="modal fade bd-example-modal-lg-{{__SELF__.id}}-{{ post.id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content bg-modal padding-modal">
                            <div class="container margin-modal">
                                <div class="row">
                                    <div class="col-md-6">
                                        {% for image in post.featured_images %}
                                            {% if loop.index >= 2 %}
                                                {% if loop.index <= 5 %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                        <img src="{{ image.getThumb(250, 250, 'crop') }}" />
                                                    </a>
                                                {% else %}
                                                    <a href="{{ image.path }}" data-fancybox="images-{{__SELF__.id}}-{{ post.id }}">
                                                    </a>
                                                {% endif %}
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                    <div class="col-md-6">
                                        <div class="post-heading">
                                            <h1>{{ post.title }}</h1>
                                            <h4><time datetime="{{ post.published_at|date('Y') }}">{{ post.published_at|date('M d, Y') }}</time></h4>
                                        </div>
                                        <div class="post-content">
                                            {{ post.content|raw }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}
    {% else %}
        <div class="no-data">{{ noPostsMessage }}</div>
    {% endfor %}
</div>
{% if posts.lastPage > 1 %}
    <div class="col-md-12 clearfix">
        <ul class="pagination">
            {% if posts.currentPage > 1 %}
                <li><a href="{{ this.page.baseFileName|page({ (pageParam): (posts.currentPage-1) }) }}">&larr; Prev</a></li>
            {% endif %}
            {% for page in 1..posts.lastPage %}
                <li class="{{ posts.currentPage == page ? 'active' : null }}">
                    <a href="{{ this.page.baseFileName|page({ (pageParam): page }) }}">{{ page }}</a>
                </li>
            {% endfor %}
            {% if posts.lastPage > posts.currentPage %}
                <li><a href="{{ this.page.baseFileName|page({ (pageParam): (posts.currentPage+1) }) }}">Next &rarr;</a></li>
            {% endif %}
        </ul>
    </div>
{% endif %}