    <section class="fd-header">
        <div class="fd-header--right">
            <div class="fd-header--img"></div>
            <div class="fd-header--txt">
                <h2><span>"</span>SOMOS UNA GRAN FAMILIA<span>"</span></h2>
                <p>Nuestros colaboradores son el activo más importante de la empresa, en especial los encargados del área operativa, ya que son ellos quienes representan cada una de las áreas de Drenax.</p>
            </div>
        </div>
    </section>
    <section class="qs-white">
        <div class="col-xs-12 fd-main row"> 
            <div class="col-md-6 fd-main--item">
                <div class="fdmi fdmi-1"></div>
            </div>
            <div class="col-md-6 fd-main--item fdmi-txt">
                <h3>Colaboradores felices</h3>
                <p class="fdmi-txt--p">Contar con colaboradores orgullosos de pertenecer a esta gran familia, es la mejor recompensa a nuestra labor, nuestro compromiso es con nuestros clientes, pero en igual medida también lo es con nuestros colaboradores.

                        Realizar actividades que permitan el desarrollo y capacitación de nuestros colaboradores, es una actividad constante dentro y fuera de nuestra empresa, nuestro crecimiento no se puede lograr sin el crecimiento personal y profesional de cada uno de los integrantes del equipo.</p>
            </div>
            <div class="col-md-6 fd-main--item">
                <div class="fdmi fdmi-2"></div>
            </div>
            <div class="col-md-6 fd-main--item">
                <div class="fdmi fdmi-3"></div>
            </div>
            <div class="col-md-12 fd-main--item">
                <div class="fdmi fdmi-6"></div>
            </div>
        </div>
        <div class="white-section col-xs-12">
            <h3>¡Conoce nuestras sucursales!</h3>
            <div class="sucursales">
                    <button type="button" class="btn btn-outline-primary"><a href="/?id=con#cln">Culiacán</a></button>
                    <button type="button" class="btn btn-outline-primary"><a href="/?id=con#mzt">Mazatlán</a></button>
                    <button type="button" class="btn btn-outline-primary"><a href="/?id=con#mch">Los Mochis</a></button>
                    <div class="btn-prox-flex">
                        <button type="button" disabled  class="btn btn-outline-primary prox">Guadalajara</button>
                        <span class="prox-text">¡Próximamente!</span>
                    </div>
                    
            </div>
        </div>
    </section >
    <section class="qs-white title-voluntariado">
        <h3>Comprometidos con nuestra comunidad</h3>
    </section>
    <section class="fd-bottom">
    </section>
    <section class="">
        <div class="col-xs-12 fd-main row"> 
            
            <div class="col-md-3 fd-main--item voluntariado">
                <div class="fdmi fdmi-7"></div>
            </div>
            <div class="col-md-3 fd-main--item voluntariado">
                <div class="fdmi fdmi-8"></div>
            </div>
            <div class="col-md-3 fd-main--item voluntariado">
                <div class="fdmi fdmi-9"></div>
            </div>
            <div class="col-md-3 fd-main--item voluntariado">
                <div class="fdmi fdmi-10"></div>
            </div>
        </div>
        
    </section>
    <section class="qs-white title-voluntariado">
        <h3>DRENAX EN ACCIÓN SOCIAL</h3>
        <p>Formando alianzas para contribuir con la sociedad y grupos vulnerables</p>
        <div class="col-lg-6 inicio-white--video video-small video-center">
            <iframe width="560" height="315" src="https://www.youtube.com/embed/P0JRtgqYExk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>></iframe>
        </div>    
    </section>
