{{#leilao}}
<div class="is-homeleilao">
  <div class="single-leilao">
    <div class="gar">
      <article class="is-leilao is-leilao-{{RAND}} main-background is-andamento" {{#CUSTOMBANNER}} style="min-height:400px;"{{/CUSTOMBANNER}}>

        {{#CUSTOMBANNER}}
        <div class="is-leilaobackground" style="background-image:url({{CUSTOMBANNER_LINK}}); background-size:cover; background-position:center center; opacity:1;"></div>
        {{/CUSTOMBANNER}}
        {{^CUSTOMBANNER}}
        <div class="is-leilaobackground main-background"></div>
        {{/CUSTOMBANNER}}
          <div class="d-flex align-items-end pb-2 pb-sm-4 is-leilaohead">

            <!-- <div class="is-breadcrumb col-12">
              <div class="container">
                <div class="row">
                  <nav class="col-12 pt-3 pb-3 d-flex justify-content-center" aria-label="breadcrumb">
                    <ol>
                      <li><a href="default.asp" class="second-color">Home</a><i class="fa fa-chevron-right second-color" aria-hidden="true"></i></li>
                      <li><a href="leilao.asp?num={{ID}}" class="second-color">Leilão {{ID}}</a><i class="fa fa-chevron-right second-color" aria-hidden="true"></i></li>
                      <li aria-current="page" class="second-color">Catálogo {{ID}}</li>
                    </ol>
                  </nav>
                </div>
              </div>
            </div> -->
                        
            <div class="is-leilaohead-wrap pt-3 pb-3">
              <div class="is-leilaohead-background third-background"></div>
              <div class="container">
                <div class="is-leilaohead-relative">

                  <div class="is-leilaohead-img">
                    <a href="{{URL_SITE}}catalogo.asp?Num={{IDLEILAO}}" title="{{TITULO}}" class="" {{#BLANK}}target="_blank"{{/BLANK}}>
                      <div class="imgwrap">
                        <img alt="{{TITULO}}" src="{{CLOUD_LINK}}imagens/leilao/{{IDLEILAO}}/{{IDLEILAO}}.jpg" class="align-self-center" onerror="global.semImagemCloud('{{LOCAL_LINK}}imagens/leilao/{{IDLEILAO}}/{{IDLEILAO}}.jpg',this);" />
                      </div>
                    </a>
                  </div>

                  <div class="is-leilaohead-info w-100">
                    <div class="catalog-title">
                      
                      <h2 class="pb-0 second-color">
                        <p class="title-numleilao d-flex flex-column flex-sm-row">
                          {{#PREGAO}}
                            <a href="{{URL_SITE}}presencial/presencial.asp?Num={{IDLEILAO}}" class="is-sign-mark is-sign-aovivo pr-1 mr-2" {{#BLANK}}target="_blank"{{/BLANK}}>
                              <i class="fas fa-rss" data-toggle="tooltip" title="" data-original-title="Leilão ao vivo" data-placement="right"></i>
                              Ao vivo
                            </a> 
                          {{/PREGAO}}
                          {{^PREGAO}}
                            {{#VENDAPOS}}
                              <span class="is-sign-mark is-sign-bubble is-sign-vendapos mb-1 mb-sm-0 mr-0 mr-sm-2">
                                Venda pós pregão
                              </span>  
                            {{/VENDAPOS}}
                            {{#CAPTACAO}}
                              <span class="is-sign-mark is-sign-bubble is-sign-captacao mb-1 mb-sm-0 mr-0 mr-sm-2">
                                Captação
                              </span>  
                            {{/CAPTACAO}}
                            {{#ANDAMENTO}}
                              <span class="mb-1 mb-sm-0 mr-0 mr-sm-2">{{{DIASEMANA}}} de {{MESLONGO}} |</span>
                            {{/ANDAMENTO}}  
                          {{/PREGAO}} 
                          <span class="ml-0 ml-sm-2">Leilão <b>{{IDLEILAO}}</b></span>
                        </p> 
                        {{TITULO}}
                      </h2>

                      <div class="d-flex flex-wrap mt-3 mt-sm-2 col-12 p-0">
                        {{#PREGAO}}
                          <a href="{{URL_SITE}}presencial/presencial.asp?Num={{IDLEILAO}}" class="col-12 d-block d-sm-none col-sm-auto pt-2 pb-2 mb-2 text-center is-sign-mark is-sign-aovivo is-big-btn mr-2 pr-3 pl-3" {{#BLANK}}target="_blank"{{/BLANK}}>
                            <i class="fas fa-rss mr-2" data-toggle="tooltip" title="" data-original-title="Leilão ao vivo" data-placement="right"></i>
                            Ao vivo
                          </a> 
                        {{/PREGAO}}
                        <a href="javascript:;" class="second-color mt-0 mt-sm-2 d-block col-12 text-center text-sm-left col-sm-auto p-2 pr-sm-3 pl-sm-3 d-block is-catalogolink mr-0 mr-sm-3 mb-2 mb-sm-0 is-trigger rounded" data-object="Leilao" data-function="carregaInfo" data-parameter="{{IDLEILAO}}"><span class="mb-0 mr-2 mr-sm-0 mb-sm-1"><i class="fas fa-info mr-1"></i> Informações</span></a>
                        {{#VIDEO}}
                          <a href="javascript:;" class="second-color mt-0 mt-sm-2 col-12 text-center text-sm-left col-sm-auto p-2 pr-sm-3 pl-sm-3 d-block is-catalogolink mr-0 mr-sm-3 mb-2 mb-sm-0 rounded is-trigger" data-object="Galeria" data-function="loadVideo" data-parameter="{{VIDEO}}"><span class="mb-0 mr-2 mr-sm-0 mb-sm-1"><i class="fab fa-youtube mr-1"></i> Vídeo</span></a>
                        {{/VIDEO}}
                        {{#SHOWROOM}}
                          <a href="{{SHOWROOM}}" target="_blank" class="second-color mt-2 d-block col-12 text-center text-sm-left col-sm-auto p-2 pr-sm-3 pl-sm-3 is-catalogolink mr-3 rounded">
                            <span class="mb-0">Show room</span>
                          </a>
                        {{/SHOWROOM}}
                        {{#TEL_ZAP}}
                        <a class="leilao-whatsapp second-color mt-0 mt-sm-2 col-12 text-center text-sm-left col-sm-auto p-2 pr-sm-3 pl-sm-3 mr-0 mr-sm-3 mb-2 mb-sm-0  is-catalogolink mr-3 rounded" href="https://api.whatsapp.com/send?phone=55{{TEL_ZAP}}&text={{MSG_ZAP}} {{ID}}%0a{{URL_SITE}}catalogo.asp?Num%3d{{ID}}" target="_blank" data-tippy="Envie um Whatsapp" data-tippy-theme="zap">
                          <span class="justify-content-center align-self-center mb-0 mr-2 mr-sm-0 mb-sm-1 zapmobile"><i class="fab fa-whatsapp main-color"></i></span>
                          Whatsapp
                        </a>
                        {{/TEL_ZAP}}
                        {{#LOGADO}}
                          <a href="#" title="Compartilhe o leilão" class="mt-0 mt-sm-2 d-block col-12 text-center text-sm-left col-sm-auto p-2 pr-sm-3 pl-sm-3 second-color is-catalogolink d-block compartilhe-pop is-loadPop rounded" data-parameter='[{"TIPO":"compartilhaLeilao","IDLEILAO":"{{ID}}","URL_SITE":"{{URL_SITE}}","TITULO":"{{TITULO}}","LOGADO":"{{LOGADO}}","NOME":"{{LOGADO_NOME}}","EMAIL":"{{LOGADO_EMAIL}}","CLOUD":"{{CLOUD_LINK}}"}]'>
                        {{/LOGADO}}
                        {{^LOGADO}} 
                          <a href="#" title="Compartilhe o leilão" class="mt-0 mt-sm-2 d-block col-12 text-center text-sm-left col-sm-auto p-2 pr-sm-3 pl-sm-3 second-color is-catalogolink d-block compartilhe-pop is-loadPop rounded" data-parameter='[{"TIPO":"compartilhaLeilao","IDLEILAO":"{{ID}}","URL_SITE":"{{URL_SITE}}","TITULO":"{{TITULO}}","LOGADO":"{{LOGADO}}","NOME":"{{LOGADO_NOME}}","EMAIL":"{{LOGADO_EMAIL}}","CLOUD":"{{CLOUD_LINK}}"}]'>
                        {{/LOGADO}}   
                            <span class="mb-0 mr-2 mr-sm-0 mb-sm-1"><i class="fas fa-share-alt mr-1"></i> Compartilhe</span>
                          </a>
                      </div>

                    </div>
                  </div>
                </div>   

              </div>
            </div>

          </div>

          {{^CUSTOMBANNER}}
          <div class="container">
            <div class="col-12 col-sm d-flex flex-wrap pr-0 pl-0">
              <div class="col-12 col-sm{{#TEM_DESTAQUES}}-7{{/TEM_DESTAQUES}} pr-5 pl-0 capa-tab active">
                <div class="embed-responsive embed-responsive-16by9">
                </div>
              </div>
              {{#TEM_DESTAQUES}}
                  {{#SINGLE}}
                    {{#DESTAQUES}}
                    <div class="col-12 col-sm-5 align-self-stretch pr-0 pl-0 d-none d-sm-block is-destaquelist">
                      <a href="{{URL_SITE}}peca.asp?Id={{ID}}" class="is-singledesq" {{#BLANK}}target="_blank"{{/BLANK}}>
                        <img title="{{DESCRICAO}}" src="{{CLOUD_LINK}}imagens/img_m/{{IDLEILAO}}/{{ID}}.jpg" onerror="global.semImagemCloud('{{LOCAL_LINK}}imagens/img_m/{{IDLEILAO}}/{{ID}}.jpg',this);" class="" />
                      </a>
                    </div>
                    {{/DESTAQUES}}
                  {{/SINGLE}}
                  {{^SINGLE}}
                  <div class="col-12 col-sm-5 align-self-stretch pr-0 pl-0 d-none d-sm-block is-destaquelist">
                    <div class="card-columns">
                    {{#DESTAQUES}}
                      <div class="card">
                        <a href="{{URL_SITE}}peca.asp?Id={{ID}}" class="" {{#BLANK}}target="_blank"{{/BLANK}}>
                          <img title="{{DESCRICAO}}" src="{{CLOUD_LINK}}imagens/img_m/{{IDLEILAO}}/{{ID}}.jpg" onerror="global.semImagemCloud('{{LOCAL_LINK}}imagens/img_m/{{IDLEILAO}}/{{ID}}.jpg',this);" class="" />
                        </a>
                      </div>
                    {{/DESTAQUES}}
                    </div>
                  </div>
                  {{/SINGLE}}
                {{/TEM_DESTAQUES}}
            </div>	
          </div>
          {{/CUSTOMBANNER}}
          
        </article>
        <div class="d-none d-md-flex flex-column is-leilao-info border-bottom">  
          <div class="is-leilaohead-wrap align-self-end pb-0">
            <div class="nav-pills">
              <div class="container pl-0 pr-0 pl-md-3 pr-md-3">
              
                  <nav class="col-12 pt-1 pt-sm-2 pr-0 pl-0 d-flex">
                    <ul class="nav d-flex w-100 flex-column flex-sm-row" id="nav-tab" role="tablist">
                      <li class="flex-fill">
                      <a class="nav-item nav-link {{MEUSCATALOGO}} is-trigger col-12 mb-2 mb-md-0 col-sm-auto pt-2 pb-2 pt-md-3 pb-md-3 pl-sm-0 pr-sm-0 d-flex text-center justify-content-center" id="nav-ativo-tab" data-toggle="tab" href="#nav-ativo" role="tab" aria-controls="nav-ativo" aria-selected="true"  data-object="Catalogo" data-function="loadSection" data-parameter="Catalogo" >
                        <span class="d-block justify-content-center align-self-center mb-0 mr-2 is-sel-symb">
                          <i class="fa fa-list mr-0" aria-hidden="true"></i> 
                        </span>
                        <span class="d-block align-self-center text-left mr-2 is-sel-name">
                          Catalogo
                        </span>
                        <span class="is-change-numleilao align-self-center is-sel-numb"><b>{{ID}}</b></span>
                      </a>
                      </li>
      
                      {{^LOGADO}}
                      <li class="singlePanel flex-fill" data-toggle="tooltip" data-placement="top" title="Precisa estar logado para acessar">
                      {{/LOGADO}} 
                      {{#LOGADO}}
                      <li class="flex-fill">
                      {{/LOGADO}}
                      <a class="nav-item nav-link {{MEUSLANCE}} {{^LOGADO}}disabled{{/LOGADO}} is-trigger col-12 mb-2 mb-md-0 col-sm-auto pt-2 pb-2 pt-md-3 pb-md-3 pl-sm-0 pr-sm-0 mr-1 d-flex text-center justify-content-center" id="nav-meuslances-tab" data-toggle="tab" href="#nav-meuslances" role="tab" aria-controls="nav-meuslances" aria-selected="false" data-object="Catalogo" data-function="loadSection" data-parameter="Meuslances">
                        <span class="d-block justify-content-center align-self-center mb-0 mr-2 is-sel-symb">
                          <i class="fas fa-gavel mr-0" aria-hidden="true"></i>
                        </span>
                        <span class="d-block align-self-center text-md-left mr-2 is-sel-name">
                          Meus Lances<br>
                        </span>
                        <span class="is-change-numleilao align-self-center"><b>({{MEUSLANCES}})</b></span>
                      </a>
                      </li>
      
                      {{^LOGADO}}
                      <li class="singlePanel flex-fill" data-toggle="tooltip" data-placement="top" title="Precisa estar logado para acessar">
                      {{/LOGADO}} 
                      {{#LOGADO}}
                      <li class="flex-fill">
                      {{/LOGADO}}
                      <a class="nav-item nav-link {{MEUSFAV}} {{^LOGADO}}disabled{{/LOGADO}} is-trigger col-12 mb-2 mb-md-0 col-sm-auto pt-2 pb-2 pt-md-3 pb-md-3 pl-sm-0 pr-sm-0 mr-1 d-flex text-center justify-content-center" id="nav-favorito-tab" data-toggle="tab" href="#nav-favorito" role="tab" aria-controls="nav-favorito" aria-selected="false" data-object="Catalogo" data-function="loadSection" data-parameter="Meusfav">
                        <span class="d-block justify-content-center align-self-center mr-2 mb-0 is-sel-symb">
                          <i class="fas fa-heart mr-0" aria-hidden="true"></i>
                        </span>
                        <span class="d-block align-self-center text-md-left mr-2 is-sel-name">
                          Meus Favoritos<br>
                        </span>
                        <span class="is-change-numleilao align-self-center">(<b class="is-favtot">{{MEUSFAVORITOS}}</b>)</span>
                      </a>
                      </li>
      
                      {{^LOGADO}}
                      <li class="singlePanel flex-fill" data-toggle="tooltip" data-placement="top" title="Precisa estar logado para acessar">
                      {{/LOGADO}} 
                      {{#LOGADO}}
                      <li class="flex-fill">
                      {{/LOGADO}}
                      <a class="nav-item nav-link {{MEUSVIG}} {{^LOGADO}}disabled{{/LOGADO}} is-trigger col-12 mb-2 mb-md-0 col-sm-auto pt-2 pb-2 pt-md-3 pb-md-3 pl-sm-0 pr-sm-0 mr-1 d-flex text-center justify-content-center"  id="nav-vigia-tab" data-toggle="tab" href="#nav-vigia" role="tab" aria-controls="nav-vigia" aria-selected="false" data-object="Catalogo" data-function="loadSection" data-parameter="Meusvig">
                        <span class="d-block justify-content-center align-self-center mr-2 mb-0 is-sel-symb">
                          <i class="far fa-eye mr-0" aria-hidden="true"></i>
                        </span>
                        <span class="d-block align-self-center text-md-left mr-2 is-sel-name">
                          Minhas Vigias<br>
                        </span>
                        <span class="is-change-numleilao align-self-center">(<b class="is-vigtot">{{MINHASVIGIAS}}</b>)</span>
                      </a>
                      </li>
      
                    </ul>  
      
                  </nav> 
                
              </div>  
            </div>
          </div>  
        </div>
    </div>
  </div>
</div>

{{/leilao}}