<style type="text/css">


    /************************************************************
    *************************Footer******************************
    *************************************************************/

    @import url(http://fonts.googleapis.com/css?family=Fjalla+One);
    @import url(http://fonts.googleapis.com/css?family=Gudea);
    .footer1 {
        background: #e6e6e6 repeat scroll left top;
        padding-top: 15px;
        padding-right: 0;
        padding-bottom: 18px;
        padding-left: 0;/*	border-top-width: 4px;
        border-top-style: solid;
        border-top-color: #003;*/
    }



    .title-widget {
        color: #898989;
        font-size: 20px;
        font-weight: 300;
        line-height: 1;
        position: relative;
        text-transform: uppercase;
        font-family: 'Fjalla One', sans-serif;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 25px;
        margin-left: 0;
        padding-left: 28px;
    }

    .title-widget::before {
        background-color: #ea5644;
        content: "";
        height: 22px;
        left: 0px;
        position: absolute;
        top: -2px;
        width: 5px;
    }



    .widget_nav_menu ul {
        list-style: outside none none;
        padding-left: 0;
    }

    .widget_archive ul li {
        background-color: rgba(0, 0, 0, 0.3);
        content: "";
        height: 3px;
        left: 0;
        position: absolute;
        top: 7px;
        width: 3px;
    }


    .widget_nav_menu ul li {
        font-size: 13px;
        font-weight: 700;
        line-height: 20px;
        position: relative;
        text-transform: uppercase;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        margin-bottom: 7px;
        padding-bottom: 7px;
        width:95%;
    }



    .title-median {
        color: #636363;
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 15px;
        text-transform: uppercase;
        font-family: 'Fjalla One', sans-serif;
    }

    .footerp p {font-family: 'Gudea', sans-serif; }


    #social:hover {
        -webkit-transform:scale(1.1); 
        -moz-transform:scale(1.1); 
        -o-transform:scale(1.1); 
    }
    #social {
        -webkit-transform:scale(0.8);
        /* Browser Variations: */
        -moz-transform:scale(0.8);
        -o-transform:scale(0.8); 
        -webkit-transition-duration: 0.5s; 
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
    }           
    /* 
        Only Needed in Multi-Coloured Variation 
    */
    .social-fb:hover {
        color: #3B5998;
    }
    .social-tw:hover {
        color: #4099FF;
    }
    .social-gp:hover {
        color: #d34836;
    }
    .social-em:hover {
        color: #f39c12;
    }
    .nomargin { margin:0px; padding:0px;}





    .footer-bottom {
        background-color: #15224f;
        min-height: 20px;
        width: 100%;
    }
    .copyright {
        color: #fff;
        line-height: 30px;
        min-height: 30px;
       
    }
    .design {
        color: #fff;
        line-height: 30px;
        min-height: 30px;
        padding: 7px 0;
        text-align: right;
    }
    .design a {
        color: #fff;
    }


    /************************************************************
    *************************Footer******************************
    *************************************************************/
</style>
<!--footer-->
<footer class="footer1">
    <div class="container-fluid">

        <div class="row"><!-- row -->

            <div class="col-lg-3 col-md-3"><!-- widgets column left -->
                <ul class="list-unstyled clear-margins"><!-- widgets -->

                    <li class="widget-container widget_nav_menu"><!-- widgets list -->

                        <h1 class="title-widget">Useful links</h1>

                         <ul>
                            
                        </ul>

                    </li>

                </ul>


            </div><!-- widgets column left end -->



            <div class="col-lg-3 col-md-3"><!-- widgets column left -->

                <ul class="list-unstyled clear-margins"><!-- widgets -->

                    <li class="widget-container widget_nav_menu"><!-- widgets list -->

                        <h1 class="title-widget">Useful links</h1>

                        <ul>
                            
                        </ul>

                    </li>

                </ul>


            </div><!-- widgets column left end -->



            <div class="col-lg-3 col-md-3"><!-- widgets column left -->

                <ul class="list-unstyled clear-margins"><!-- widgets -->

                    <li class="widget-container widget_nav_menu"><!-- widgets list -->

                        <h1 class="title-widget">Useful links</h1>

                        <ul>

                        </ul>

                    </li>

                </ul>


            </div><!-- widgets column left end -->


            <div class="col-lg-3 col-md-3"><!-- widgets column center -->



                <ul class="list-unstyled "><!-- widgets -->

                    <li class="widget-container widget_recent_news"><!-- widgets list -->
                        <div class="footerp"> 
                            <p><b>Email id:</b> <a href="subhi@zmq.in">subhi@zmq.in</a></p>
                            <p><b>ZMQ Development Pvt.</b></p>
                        </div>
                        <div class="social-icons">
                            <ul class="nomargin">
                                <a href="https://www.facebook.com/zmq"><i class="fa fa-facebook-square fa-3x social-fb" id="social"></i></a>
                                <a href="https://twitter.com/zmq"><i class="fa fa-twitter-square fa-3x social-tw" id="social"></i></a>
                                <a href="https://plus.google.com/+zmq"><i class="fa fa-google-plus-square fa-3x social-gp" id="social"></i></a>
                                <a href="mailto:zmq@gmail.com"><i class="fa fa-envelope-square fa-3x social-em" id="social"></i></a>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</footer>
<!--header-->

<div class="footer-bottom">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
                <a href="#"><img class="img-rounded" src="<?= base_url('miraAppLogo/ZMQ/zmq_logo.jpg')?>" style="margin-top: 8px"></a>
                <b class="copyright">© 2016, ZMQ, All rights reserved</b>
                
            </div>
            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                <div class="design">
                    <a target="_blank" href="#">Web Design & Development by ZMQ</a>
               </div>
            </div>
        </div>
    </div>
</div>