{% extends "stela_control/content/main/index.html" %}
{% load i18n %}
{% load tz %}
{% load humanize %}
{% load crispy_forms_tags %}
{% load static %}
{% block body_class %}side-header{% endblock  %}
{% block section_styles %}
    <link rel="stylesheet" href="{% static 'home/css/styles.css' %}?v15">
    <link rel="stylesheet" href="{% static 'home/fonts/fontfamily.css' %}?v15">
    <style>
		.dt-shadow{text-shadow:0px 10px 30px rgba(0,0,0,1)}#rev_slider_131_1 .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}#rev_slider_131_1 .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_131_1 .uranus.tparrows:hover:before{opacity:0.75}.slotholder canvas { height: 100% !important; }
	</style>
{% endblock  %}
{% block template_content %}
<header id="header">
    <div id="header-wrap">
        <div class="container">
            <div class="header-row justify-content-between">

                <!-- Logo
                ============================================= -->
                <div id="logo">
                    <a href="index.html">
                        <img class="logo-default" srcset="{% static 'home/img/logotipo_dark.png' %}, {% static 'home/img/logotipo_dark.png' %} 2x" src="{% static 'home/img/logotipo_dark.png' %}" alt="Company Logo">
                        <img class="logo-dark" srcset="{% static 'home/img/logotipo_light.png' %}, {% static 'home/img/logotipo_light.png' %} 2x" src="{% static 'home/img/logotipo_light.png' %}" alt="Company Logo">
                        <img class="logo-mobile" srcset="{% static 'home/img/logotipo_dark.png' %} 2x" src="{% static 'home/img/logotipo_dark.png' %}" alt="Company Logo">
                    </a>
                </div><!-- #logo end -->

                <div class="primary-menu-trigger">
                    <button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
                        <span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
                    </button>
                </div>

                <div class="header-misc d-none d-sm-block">
                    <div class="d-flex my-lg-3">
                        <a href="#" class="social-icon si-small bg-transparent h-bg-facebook">
                            <i class="fa-brands fa-facebook-f"></i>
                            <i class="fa-brands fa-facebook-f"></i>
                        </a>

                        <a href="#" class="social-icon si-small bg-transparent h-bg-x-twitter">
                            <i class="fa-brands fa-x-twitter"></i>
                            <i class="fa-brands fa-x-twitter"></i>
                        </a>

                        <a href="#" class="social-icon si-small bg-transparent h-bg-google">
                            <i class="fa-brands fa-google"></i>
                            <i class="fa-brands fa-google"></i>
                        </a>

                        <a href="#" class="social-icon si-small bg-transparent h-bg-pinterest">
                            <i class="fa-brands fa-pinterest-p"></i>
                            <i class="fa-brands fa-pinterest-p"></i>
                        </a>

                        <a href="#" class="social-icon si-small bg-transparent h-bg-github">
                            <i class="fa-brands fa-github"></i>
                            <i class="fa-brands fa-github"></i>
                        </a>
                    </div>
                </div>

                <!-- Primary Navigation
                ============================================= -->
                <nav class="primary-menu">

                    <ul class="menu-container">
                        <li class="menu-item"><a class="menu-link" href="index.html"><div>{% trans "Home" %}</div></a></li>
                        <li class="menu-item"><a class="menu-link" href="#"><div>Contenido 1</div></a>
                            <ul class="sub-menu-container">
                                <li class="menu-item"><a class="menu-link" href="blog-timeline-right-sidebar.html"><div>Right Sidebar</div></a></li>
                                <li class="menu-item"><a class="menu-link" href="blog-timeline-left-sidebar.html"><div>Left Sidebar</div></a></li>
                                <li class="menu-item"><a class="menu-link" href="blog-timeline.html"><div>Full Width</div></a></li>
                            </ul>
                        </li>
                        <li class="menu-item"><a class="menu-link" href="#"><div>Contenido 2</div></a>
                            <ul class="sub-menu-container">
                                <li class="menu-item"><a class="menu-link" href="blog-timeline-right-sidebar.html"><div>Right Sidebar</div></a></li>
                                <li class="menu-item"><a class="menu-link" href="blog-timeline-left-sidebar.html"><div>Left Sidebar</div></a></li>
                                <li class="menu-item"><a class="menu-link" href="blog-timeline.html"><div>Full Width</div></a></li>
                            </ul>
                        </li>
                        <li class="menu-item"><a class="menu-link" href="#"><div>Contenido 3</div></a>
                            <ul class="sub-menu-container">
                                <li class="menu-item"><a class="menu-link" href="blog-timeline-right-sidebar.html"><div>Right Sidebar</div></a></li>
                                <li class="menu-item"><a class="menu-link" href="blog-timeline-left-sidebar.html"><div>Left Sidebar</div></a></li>
                                <li class="menu-item"><a class="menu-link" href="blog-timeline.html"><div>Full Width</div></a></li>
                            </ul>
                        </li>
                        <li class="menu-item"><a class="menu-link" href="#"><div>Contenido 4</div></a>
                            <ul class="sub-menu-container">
                                <li class="menu-item"><a class="menu-link" href="blog-timeline-right-sidebar.html"><div>Right Sidebar</div></a></li>
                                <li class="menu-item"><a class="menu-link" href="blog-timeline-left-sidebar.html"><div>Left Sidebar</div></a></li>
                                <li class="menu-item"><a class="menu-link" href="blog-timeline.html"><div>Full Width</div></a></li>
                            </ul>
                        </li>
                        <button class="btn btn-block btn-shappire my-2" data-bs-toggle="modal" data-bs-target="#clause">{% trans "Load Content" %}</button>
                        <button class="btn btn-block btn-shappire my-2" onclick="formFAQ()">{% trans "Load FAQ" %}</button>
                    </ul>
                    
                </nav><!-- #primary-menu end -->

            </div>
        </div>
    </div>
    <div class="header-wrap-clone"></div>
</header><!-- #header end -->

<section class="inside-content">
    <div class="section-elements">
        {% block legal_content %}{% endblock  %}
    </div>
</section>
<script src="https://emmerutcdn.s3.amazonaws.com/static/js/contenido/site/docs/functions.js"></script>
{% endblock  %}
{% block inside_scripts %}
{% endblock  %}