<div class="animated fadeIn page-empreendimento">
    <form>
    <div class="card">
        <div class="card-header">
            <a class="card-header-action" href="#" data-toggle="collapse" data-target="#collapseIncorporadora" aria-expanded="true">
                <img src="https://s3.us-west-2.amazonaws.com/dev.comdono/comdono/lp/venda-inteligente/images/logos/5b8c7-logo-luner.png" height="50px"> 
            </a>
            <div class="card-header-actions">
                <a class="card-header-action" href="#" data-toggle="collapse" data-target="#collapseIncorporadora" aria-expanded="true">
                    <i class="icon-arrow-up"></i>
                </a>
            </div>
        </div>
        <div class="collapse show" id="collapseIncorporadora">
            <div class="card-body">
            <div id="accordion">
                <?php $cenario=2; // cenario 1 = não assinou o contrato / cenario 2 = contrato assinado ?>
                <div class="form-group">
                    <a href="#" class="text-dark text-decoration-none" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                        <h4>Administrativo</h4>
                    </a>
                    <hr>
                </div>
                
                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="form-group <?php e($cenario==1 ? "":"d-none") ?>">
                            <label for="cores">Definição do serviço</label>
                            <div class="form-check">
                                <input class="form-check-input" id="radio1" type="radio" value="radio1" name="radios">
                                <label class="form-check-label" for="radio1">(Opção 1) - Tecnologia Comdono</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" id="radio2" type="radio" value="radio2" name="radios">
                                <label class="form-check-label" for="radio2">(Opção 2) - Experiência Comdono</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" id="radio3" type="radio" value="radio2" name="radios">
                                <label class="form-check-label" for="radio3">(Opção 3) - Comprei Comdono</label>
                            </div>
                        </div>
                        
                        <div class="boxContratoCheck <?php e($cenario==2 ? "":"d-none") ?>">
                            <div class="form-group">
                                <label for="cores">Definição do serviço</label>
                                <div class="form-check">
                                    <input class="form-check-input" id="radio1" type="radio" value="radio1" name="radios" checked>
                                    <label class="form-check-label" for="radio1">(Opção 1) - Tecnologia Comdono</label>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="cores" class="m-0">Contrato: </label>
                                <a class="" href="<?php e(base_url("administrativo/incorporadora/empreendimento")); ?>">
                                    <i class="fa fa-cloud-download" aria-hidden="true"></i> Download
                                </a>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="senha">Remuneração Comdono</label>
                                        <input type="text" name="senha" class="form-control" id="senha">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="senha">Valor para mídias</label>
                                        <input type="text" name="senha" class="form-control" id="senha">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="senha">Upload brand da marca</label>
                                <input type="text" name="senha" class="form-control" id="senha">
                            </div>
                            <div class="form-group">
                                <label for="senha">Upload imagens renderizadas</label>
                                <input type="text" name="senha" class="form-control" id="senha">
                            </div>
                            <div class="form-group">
                                <label for="senha">Upload projetos de arquitetura em dwg</label>
                                <input type="text" name="senha" class="form-control" id="senha">
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                
                <div class="form-group pt-4">
                    <a href="#" class="text-dark text-decoration-none collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                        <h4>Empreendimento</h4>
                    </a>
                    <hr>
                </div>
                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="senha">Responsável</label>
                                    <input type="text" name="senha" class="form-control" id="senha">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="senha">Telefone</label>
                                    <input type="text" name="senha" class="form-control" id="senha">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="senha">Razão social</label>
                                    <input type="text" name="senha" class="form-control" id="senha">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="senha">CNPJ</label>
                                    <input type="text" name="senha" class="form-control" id="senha">
                                </div>
                            </div>
                        </div>
                        <div class="boxContrato <?php e($cenario==1 ? "":"d-none") ?>">
                            <div class="form-group mt-2">
                                <a class="btn btn-primary" href="<?php e(base_url("administrativo/incorporadora/empreendimento")); ?>">
                                    <i class="fa fa-file-pdf-o" aria-hidden="true"></i> Gerar contrato
                                </a>
                            </div>
                        </div>
                        <div class="<?php e($cenario==2 ? "":"d-none") ?>">
                        <div class="form-group">
                            <label for="cores">Fase do empreendimento</label>
                            <div class="form-check">
                                <input class="form-check-input" id="radio1" type="radio" value="radio1" name="radios">
                                <label class="form-check-label" for="radio1">(Opção 1) - Tecnologia Comdono</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" id="radio2" type="radio" value="radio2" name="radios">
                                <label class="form-check-label" for="radio2">(Opção 2) - Experiência Comdono</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" id="radio3" type="radio" value="radio2" name="radios">
                                <label class="form-check-label" for="radio3">(Opção 3) - Comprei Comdono</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="senha">Endereço</label>
                            <input type="text" name="senha" class="form-control" id="senha">
                        </div>
                        <div class="form-group">
                            <label for="senha">Excel</label>
                            <input type="text" name="senha" class="form-control" id="senha">
                        </div>
                        <div class="form-group">
                            <label for="senha">Descrição</label>
                            <input type="text" name="senha" class="form-control" id="senha">
                        </div>
                        <div class="form-group">
                            <label for="senha">Galeria</label>
                            <input type="text" name="senha" class="form-control" id="senha">
                        </div>
                        </div>
                    </div>
                </div>
                </div>
                <div class="form-group pt-4 <?php e($cenario==2 ? "":"d-none") ?>">
                    <a href="#" class="text-dark text-decoration-none collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                        <h4>Serviços</h4>
                    </a>
                    <hr>
                </div>
                <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
                <div class="row <?php e($cenario==2 ? "":"d-none") ?>">
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label for="senha">Definição dos serviços</label>
                            <ul class="nav nav-pills flex-column" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link show active" href="#" role="tab" data-toggle="collapse" data-target="#collapsePublicoAlvo" aria-expanded="false">
                                        <span class="boxcheck"><i class="fa fa-check text-success"></i></span>
                                        Definição do público-alvo.
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link show" href="#" role="tab" data-toggle="collapse" data-target="#collapseLadingPage" aria-expanded="false">
                                        <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                        Landing pages personalizadas para o empreendimento.
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link show" href="#" role="tab" data-toggle="collapse" data-target="#collapsePecasPublicitarias" aria-expanded="false">
                                        <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                        Peças publicitárias para oferta em canais de divulgação.
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link show" href="#" role="tab" data-toggle="collapse" data-target="#collapseAtendimento" aria-expanded="false">
                                        <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                        Atendimento especializado para segmentação de cliente.
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link show" href="#" role="tab" data-toggle="collapse" data-target="#collapseProjeto360" aria-expanded="false">
                                        <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                        Projeto e tour 360°.
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link show" href="#" role="tab" data-toggle="collapse" data-target="#collapseHouseVendas" aria-expanded="false">
                                        <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                        Encaminhamento para a House (Diretor de vendas).
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link show" href="#" role="tab" data-toggle="collapse" data-target="#collapseRelatorio" aria-expanded="false">
                                        <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                        Relatório de conversão online.
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
        </div>
    </div>
    
    <div class="<?php e($cenario==2 ? "":"d-none") ?>">
        
    <!--Definição do público-alvo.-->
    <div class="card">
        <div class="card-header">
            <a class="card-header-action btn-maximize collapsed" href="#" data-toggle="collapse" data-target="#collapsePublicoAlvo" aria-expanded="false">
                Definição do público-alvo.
            </a>
            <div class="card-header-actions">
                <a class="card-header-action btn-maximize collapsed" href="#" data-toggle="collapse" data-target="#collapsePublicoAlvo" aria-expanded="false">
                    <i class="icon-arrow-up"></i>
                </a>
            </div>
        </div>
        <div class="collapse" id="collapsePublicoAlvo">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <ul class="nav nav-pills flex-column" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="cores-tab" data-toggle="tab" href="#cores" role="tab" aria-controls="cores" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-check text-success"></i></span>
                                    Definição de cores
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="infoTopo-tab" data-toggle="tab" href="#infoTopo" role="tab" aria-controls="infoTopo" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Informações do topo
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-9">
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="cores" role="tabpanel" aria-labelledby="cores-tab">
                                <div class="form-group">
                                    <h4>Definição de cores</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                            <div class="tab-pane fade" id="infoTopo" role="tabpanel" aria-labelledby="infoTopo-tab">
                                <div class="form-group">
                                    <h4>Informações do topo</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                        </div>
                    </div>
                </div>
           </div>
       </div>
    </div>
    
    <!--Landing pages personalizadas para o empreendimento..-->
    <div class="card">
        <div class="card-header">
            <a class="card-header-action btn-maximize collapsed" href="#" data-toggle="collapse" data-target="#collapseLadingPage" aria-expanded="false">
                Landing pages personalizadas para o empreendimento.
            </a>
            <div class="card-header-actions">
                <a class="card-header-action btn-maximize collapsed" href="#" data-toggle="collapse" data-target="#collapseLadingPage" aria-expanded="false">
                    <i class="icon-arrow-up"></i>
                </a>
            </div>
        </div>
        <div class="collapse" id="collapseLadingPage">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <ul class="nav nav-pills flex-column" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="cores-tab" data-toggle="tab" href="#cores" role="tab" aria-controls="cores" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-check text-success"></i></span>
                                    Definição de cores
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="infoTopo-tab" data-toggle="tab" href="#infoTopo" role="tab" aria-controls="infoTopo" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Informações do topo
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="galeria-tab" data-toggle="tab" href="#galeria" role="tab" aria-controls="galeria" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Galeria
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="unidades-tab" data-toggle="tab" href="#unidades" role="tab" aria-controls="unidades" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Unidades
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="formulario-tab" data-toggle="tab" href="#formulario" role="tab" aria-controls="formulario" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Formulário
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="sobre-tab" data-toggle="tab" href="#sobre" role="tab" aria-controls="sobre" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Sobre
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="diferenciais-tab" data-toggle="tab" href="#diferenciais" role="tab" aria-controls="diferenciais" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Diferenciais
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="rodape-tab" data-toggle="tab" href="#rodape" role="tab" aria-controls="rodape" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Rodapé
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-9">
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="cores" role="tabpanel" aria-labelledby="cores-tab">
                                <div class="form-group">
                                    <h4>Definição de cores</h4>
                                    <hr>
                                </div>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group m-0">
                                            <label for="cores">Usar cor padrão:</label>
                                        </div>
                                        <div class="form-group">
                                            <div class="form-check form-check-inline mr-1">
                                                <input type="radio" value="option1" name="tipo_cor" class="form-check-input" id="tipo_cor1" checked="checked">
                                                <label class="form-check-label" for="tipo_cor1">Sim</label>
                                            </div>
                                            <div class="form-check form-check-inline mr-1">
                                                <input type="radio" value="option2" name="tipo_cor" class="form-check-input" id="tipo_cor2">
                                                <label class="form-check-label" for="tipo_cor2">Não, quero definir uma cor.</label>
                                            </div>
                                            <div class="form-check form-check-inline mr-1">
                                                <input type="radio" value="option3" name="tipo_cor" class="form-check-input" id="tipo_cor3">
                                                <label class="form-check-label" for="tipo_cor3">Não, quero 2 tipos de cores.</label>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="primeira_cor">Cor padrão</label>
                                            <div class="input-group colorpk colorpicker-component w-25">
                                                <input type="text" name="primeira_cor" class="form-control colorpk-val" id="primeira_cor" value="#2196f3">
                                                <div class="input-group-append"><span class="input-group-text input-group-addon"><i class="fa fa-eyedropper"></i></span></div>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="segunda_cor">Cor secundária</label>
                                            <div class="input-group colorpk colorpicker-component w-25">
                                                <input type="text" name="segunda_cor" class="form-control colorpk-val" id="segunda_cor">
                                                <div class="input-group-append"><span class="input-group-text input-group-addon"><i class="fa fa-eyedropper"></i></span></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="infoTopo" role="tabpanel" aria-labelledby="infoTopo-tab">
                                <div class="form-group">
                                    <h4>Informações do topo</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                            <div class="tab-pane fade" id="galeria" role="tabpanel" aria-labelledby="galeria-tab">
                                <div class="form-group">
                                    <h4>Galeria</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                            <div class="tab-pane fade" id="unidades" role="tabpanel" aria-labelledby="unidades-tab">
                                <div class="form-group">
                                    <h4>Galeria</h4>
                                    <hr>
                                </div>
                                <h4>Unidades</h4>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                            <div class="tab-pane fade" id="formulario" role="tabpanel" aria-labelledby="formulario-tab">
                                <div class="form-group">
                                    <h4>Formulário</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                            <div class="tab-pane fade" id="sobre" role="tabpanel" aria-labelledby="sobre-tab">
                                <div class="form-group">
                                    <h4>Sobre</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                            <div class="tab-pane fade" id="diferenciais" role="tabpanel" aria-labelledby="diferenciais-tab">
                                <div class="form-group">
                                    <h4>Diferenciais</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                            <div class="tab-pane fade" id="rodape" role="tabpanel" aria-labelledby="rodape-tab">
                                <div class="form-group">
                                    <h4>Rodapé</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                        </div>
                    </div>
                </div>
           </div>
       </div>
    </div>
    
    <!--Peças publicitárias para oferta em canais de divulgação.-->
    <div class="card">
        <div class="card-header">
            <a class="card-header-action btn-maximize collapsed" href="#" data-toggle="collapse" data-target="#collapsePecasPublicitarias" aria-expanded="false">
                Peças publicitárias para oferta em canais de divulgação.
            </a>
            <div class="card-header-actions">
                <a class="card-header-action btn-maximize collapsed" href="#" data-toggle="collapse" data-target="#collapsePecasPublicitarias" aria-expanded="false">
                    <i class="icon-arrow-up"></i>
                </a>
            </div>
        </div>
        <div class="collapse" id="collapsePecasPublicitarias">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <ul class="nav nav-pills flex-column" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="cores-tab" data-toggle="tab" href="#cores" role="tab" aria-controls="cores" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-check text-success"></i></span>
                                    Definição de cores
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="infoTopo-tab" data-toggle="tab" href="#infoTopo" role="tab" aria-controls="infoTopo" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Informações do topo
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-9">
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="cores" role="tabpanel" aria-labelledby="cores-tab">
                                <div class="form-group">
                                    <h4>Definição de cores</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                            <div class="tab-pane fade" id="infoTopo" role="tabpanel" aria-labelledby="infoTopo-tab">
                                <div class="form-group">
                                    <h4>Informações do topo</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                        </div>
                    </div>
                </div>
           </div>
       </div>
    </div>
    
    <!--Atendimento especializado para segmentação de cliente.-->
    <div class="card">
        <div class="card-header">
            <a class="card-header-action btn-maximize collapsed" href="#" data-toggle="collapse" data-target="#collapseAtendimento" aria-expanded="false">
                Atendimento especializado para segmentação de cliente.
            </a>
            <div class="card-header-actions">
                <a class="card-header-action btn-maximize collapsed" href="#" data-toggle="collapse" data-target="#collapseAtendimento" aria-expanded="false">
                    <i class="icon-arrow-up"></i>
                </a>
            </div>
        </div>
        <div class="collapse" id="collapseAtendimento">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <ul class="nav nav-pills flex-column" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="cores-tab" data-toggle="tab" href="#cores" role="tab" aria-controls="cores" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-check text-success"></i></span>
                                    Definição de cores
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="infoTopo-tab" data-toggle="tab" href="#infoTopo" role="tab" aria-controls="infoTopo" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Informações do topo
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-9">
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="cores" role="tabpanel" aria-labelledby="cores-tab">
                                <div class="form-group">
                                    <h4>Definição de cores</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                            <div class="tab-pane fade" id="infoTopo" role="tabpanel" aria-labelledby="infoTopo-tab">
                                <div class="form-group">
                                    <h4>Informações do topo</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                        </div>
                    </div>
                </div>
           </div>
       </div>
    </div>
    
    <!--Projeto e tour 360°.-->
    <div class="card">
        <div class="card-header">
            <a class="card-header-action btn-maximize collapsed" href="#" data-toggle="collapse" data-target="#collapseProjeto360" aria-expanded="false">
                Projeto e tour 360°.
            </a>
            <div class="card-header-actions">
                <a class="card-header-action btn-maximize collapsed" href="#" data-toggle="collapse" data-target="#collapseProjeto360" aria-expanded="false">
                    <i class="icon-arrow-up"></i>
                </a>
            </div>
        </div>
        <div class="collapse" id="collapseProjeto360">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <ul class="nav nav-pills flex-column" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="cores-tab" data-toggle="tab" href="#cores" role="tab" aria-controls="cores" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-check text-success"></i></span>
                                    Definição de cores
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="infoTopo-tab" data-toggle="tab" href="#infoTopo" role="tab" aria-controls="infoTopo" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Informações do topo
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-9">
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="cores" role="tabpanel" aria-labelledby="cores-tab">
                                <div class="form-group">
                                    <h4>Definição de cores</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                            <div class="tab-pane fade" id="infoTopo" role="tabpanel" aria-labelledby="infoTopo-tab">
                                <div class="form-group">
                                    <h4>Informações do topo</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                        </div>
                    </div>
                </div>
           </div>
       </div>
    </div>
    
    <!--Encaminhamento para a House (Diretor de vendas).-->
    <div class="card">
        <div class="card-header">
            <a class="card-header-action btn-maximize collapsed" href="#" data-toggle="collapse" data-target="#collapseHouseVendas" aria-expanded="false">
                Encaminhamento para a House (Diretor de vendas).
            </a>
            <div class="card-header-actions">
                <a class="card-header-action btn-maximize collapsed" href="#" data-toggle="collapse" data-target="#collapseHouseVendas" aria-expanded="false">
                    <i class="icon-arrow-up"></i>
                </a>
            </div>
        </div>
        <div class="collapse" id="collapseHouseVendas">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <ul class="nav nav-pills flex-column" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="cores-tab" data-toggle="tab" href="#cores" role="tab" aria-controls="cores" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-check text-success"></i></span>
                                    Definição de cores
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="infoTopo-tab" data-toggle="tab" href="#infoTopo" role="tab" aria-controls="infoTopo" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Informações do topo
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-9">
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="cores" role="tabpanel" aria-labelledby="cores-tab">
                                <div class="form-group">
                                    <h4>Definição de cores</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                            <div class="tab-pane fade" id="infoTopo" role="tabpanel" aria-labelledby="infoTopo-tab">
                                <div class="form-group">
                                    <h4>Informações do topo</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                        </div>
                    </div>
                </div>
           </div>
       </div>
    </div>
    
    <!--Relatório de conversão online.-->
    <div class="card">
        <div class="card-header">
            <a class="card-header-action btn-maximize collapsed" href="#" data-toggle="collapse" data-target="#collapseRelatorio" aria-expanded="false">
                Relatório de conversão online.
            </a>
            <div class="card-header-actions">
                <a class="card-header-action btn-maximize collapsed" href="#" data-toggle="collapse" data-target="#collapseRelatorio" aria-expanded="false">
                    <i class="icon-arrow-up"></i>
                </a>
            </div>
        </div>
        <div class="collapse" id="collapseRelatorio">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <ul class="nav nav-pills flex-column" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="cores-tab" data-toggle="tab" href="#cores" role="tab" aria-controls="cores" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-check text-success"></i></span>
                                    Definição de cores
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="infoTopo-tab" data-toggle="tab" href="#infoTopo" role="tab" aria-controls="infoTopo" aria-selected="false">
                                    <span class="boxcheck"><i class="fa fa-times text-danger"></i></span>
                                    Informações do topo
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-9">
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="cores" role="tabpanel" aria-labelledby="cores-tab">
                                <div class="form-group">
                                    <h4>Definição de cores</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                            <div class="tab-pane fade" id="infoTopo" role="tabpanel" aria-labelledby="infoTopo-tab">
                                <div class="form-group">
                                    <h4>Informações do topo</h4>
                                    <hr>
                                </div>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, eveniet earum. Sed accusantium eligendi molestiae quo hic velit nobis et, tempora placeat ratione rem blanditiis voluptates vel ipsam? Facilis, earum!</p>
                            </div>
                        </div>
                    </div>
                </div>
           </div>
       </div>
    </div>
    
    </div>
    
    </form>
</div>






















<!-- /.fim -->