  <!-- footer start
         ================================================== -->
      <section class="footer_bg py_70">
         <div class="row ">
            <div class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" ">
               <?php 
                  if(is_active_sidebar('sidebar-3')) :
                     dynamic_sidebar('sidebar-3');
                   else: 
                     _e('No active Sidebar','cowork-lite'); 
                   endif;  
               ?>
                              <ul class="list-inline">
                  <li class="list-inline-item bg_n">
                   <?php if ( true == get_theme_mod( 'footerfacebookonoff', true ) ) : ?>
                     <a class="social-icon text-xs-center" target="_blank" href="<?php _e(get_theme_mod('social_facebook', __('#' , 'cowork-lite'))); ?>">
                     <i class="fa fa-facebook"></i>
                     </a>
                  <?php endif; ?>
                  </li>
                  <li class="list-inline-item bg_n">
                   <?php if ( true == get_theme_mod( 'footertwitteronoff', true ) ) : ?>
                     <a class="social-icon text-xs-center" target="_blank" href="<?php _e(get_theme_mod('social_twitter', __('#' , 'cowork-lite'))); ?>">
                     <i class="fa fa-twitter"></i>
                     </a>
                  <?php endif; ?>
                  </li>
                  <li class="list-inline-item bg_n">
                   <?php if ( true == get_theme_mod( 'footerskypeonoff', true ) ) : ?>
                     <a class="social-icon text-xs-center" target="_blank" href="<?php _e(get_theme_mod('social_skype', __('#' , 'cowork-lite'))); ?>">
                     <i class="fa fa-skype"></i>
                     </a>
                  <?php endif; ?>
                  </li>
                  <li class="list-inline-item bg_n">
                   <?php if ( true == get_theme_mod( 'footergoogleonoff', true ) ) : ?>
                     <a class="social-icon text-xs-center" target="_blank" href="<?php _e(get_theme_mod('social_google', __('#' , 'cowork-lite'))); ?>">
                     <i class="fa fa-google"></i>
                     </a>
                   <?php endif; ?>
                  </li>
               </ul>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" ">
               
            <?php 
            
               if(is_active_sidebar('sidebar-2')) :
                  dynamic_sidebar('sidebar-2');
                else: 
                  _e('No active Sidebar','cowork-lite'); 
                endif;  
            
            ?>


               
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" ">
              <?php 
            if(is_active_sidebar('sidebar-1')) :
               dynamic_sidebar('sidebar-1');
             else: 
               _e('No active Sidebar','cowork-lite'); 
             endif;  
            ?>

            </div>
            <div class="col-md-12 text-center">
               <p class="color-gray">  <a target="_blank" href="https://www.navthemes.com/wp-themes/cowork-pro-wordpress-theme/">Coworking Space WordPress Theme</a> by <a target="_blank" href="https://www.navthemes.com">NavThemes </a> </p>
                    <p><?php  _e(get_theme_mod('footer_theme_text', __('©2018. All Rights Reserved.' , 'cowork-lite'))); ?></p>
            </div>
         </div>
      </section>
      <!-- end s-contact -->
      <!--footer End 
         ================================================== -->


    <!-- The following is only needed when the video is in the html
         otherwise the who .hero__overlay html can be removed -->
      <div class="hero__overlay">
         <div class="hero__modal">
            <a class="hero__close" href="#">Close</a>
            <?php $videourl = get_theme_mod('homepage_video_url'); ?>
              <?php
               preg_match('%(?:youtube(?:-nocookie)?\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\.be/)([^"&?/ ]{11})%i', $videourl, $match);
               
               $youtube_id = $match[1];    
               ?>
            <iframe allowscriptaccess="always" id="hero-video" class="hero__player" src="https://www.youtube.com/embed/<?php echo $youtube_id; ?>?enablejsapi=1&html5=1" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
         </div>
         <!-- /.hero__modal -->    
      </div>
      <!-- /.hero__overlay --> 

            <!--footer End 
         ================================================== -->
      
      <!-- photoswipe background
         ================================================== -->
      <div aria-hidden="true" class="pswp" role="dialog" tabindex="-1">
         <div class="pswp__bg"></div>
         <div class="pswp__scroll-wrap">
            <div class="pswp__container">
               <div class="pswp__item"></div>
               <div class="pswp__item"></div>
               <div class="pswp__item"></div>
            </div>
            <div class="pswp__ui pswp__ui--hidden">
               <div class="pswp__top-bar">
                  <div class="pswp__counter"></div>
                  <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title=
                     "Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title=
                     "Zoom in/out"></button>
                  <div class="pswp__preloader">
                     <div class="pswp__preloader__icn">
                        <div class="pswp__preloader__cut">
                           <div class="pswp__preloader__donut"></div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                  <div class="pswp__share-tooltip"></div>
               </div>
               <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button> <button class="pswp__button pswp__button--arrow--right" title=
                  "Next (arrow right)"></button>
               <div class="pswp__caption">
                  <div class="pswp__caption__center"></div>
               </div>
            </div>
         </div>
      </div>
      <!-- end photoSwipe background -->



          <script>
     $(document).ready(function(){
         $('.sub-menu').addClass('dropdown-menu'); 
         $('.sub-menu > .menu-item').addClass('dropdown-item'); 
     });
   </script>
             <?php $styles = get_theme_mod('pre_color_setting'); ?>

    <?php if($styles == 'style-1'){ ?>
       <style>
       .btn{
            background: #9c0000;
       }
       .list-inline>li a{
            color: #9c0000 !important;
       }
       .frontside .card .card-title, .backside .card .card-title{
            color: #9c0000;
       }
       .testimonials{
            border-top: 1px solid #9c0000;
       }
       .testimonials__slide::before{
            background-color: #9c0000;
       }
       .testimonials__slider .slick-dots li.slick-active button, .testimonials__slider .slick-dots li:hover button{
            background: #9c0000;
       }
       .btn-primary{
            background-color: #9c0000 !important;
            border-color: #9c0000 !important;
       }
       .list-inline>li a{
            color: #9c0000 !important;
       }
       .service-item:hover{
            background: #9c0000;
       }
       .price_table:hover{
            background: #9c0000;
       }
   </style>


    <?php } elseif ($styles == 'style-2') { ?>
       <style>
              .btn{
            background: #2b0808;
       }
       .list-inline>li a{
            color: #2b0808 !important;
       }
       .frontside .card .card-title, .backside .card .card-title{
            color: #2b0808;
       }
       .testimonials{
            border-top: 1px solid #2b0808;
       }
       .testimonials__slide::before{
            background-color: #2b0808;
       }
       .testimonials__slider .slick-dots li.slick-active button, .testimonials__slider .slick-dots li:hover button{
            background: #2b0808;
       }
       .btn-primary{
            background-color: #2b0808 !important;
            border-color: #2b0808 !important;
       }
       .list-inline>li a{
            color: #2b0808 !important;
       }  
        .service-item:hover{
            background: #2b0808;
       }
       .price_table:hover{
            background: #2b0808;
       }

   </style>


    <?php } elseif ($styles == 'style-3') { ?>
       <style>
               .btn{
            background: #4f257a;
       }
       .list-inline>li a{
            color: #4f257a !important;
       }
       .frontside .card .card-title, .backside .card .card-title{
            color: #4f257a;
       }
       .testimonials{
            border-top: 1px solid #4f257a;
       }
       .testimonials__slide::before{
            background-color: #4f257a;
       }
       .testimonials__slider .slick-dots li.slick-active button, .testimonials__slider .slick-dots li:hover button{
            background: #4f257a;
       }
       .btn-primary{
            background-color: #4f257a !important;
            border-color: #4f257a !important;
       }
       .list-inline>li a{
            color: #4f257a !important;
       }
        .service-item:hover{
            background: #4f257a;
       }
       .price_table:hover{
            background: #4f257a;
       }
   </style>

    <?php } elseif($styles == 'None'){ 

    $color = get_theme_mod('color_setting_hex');  
  
      ?>
       <style>
              .btn{
            background: <?php echo $color ; ?>;
       }
       .list-inline>li a{
            color: <?php echo $color ; ?> !important;
       }
       .frontside .card .card-title, .backside .card .card-title{
            color: <?php echo $color ; ?>;
       }
       .testimonials{
            border-top: 1px solid <?php echo $color ; ?>;
       }
       .testimonials__slide::before{
            background-color: <?php echo $color ; ?>;
       }
       .testimonials__slider .slick-dots li.slick-active button, .testimonials__slider .slick-dots li:hover button{
            background: <?php echo $color ; ?>;
       }
       .btn-primary{
            background-color: <?php echo $color ; ?> !important;
            border-color: <?php echo $color ; ?> !important;
       }
       .list-inline>li a{
            color: <?php echo $color ; ?> !important;
       }
        .service-item:hover{
            background: <?php echo $color ; ?>;
       }
       .price_table:hover{
            background: <?php echo $color ; ?>;
       }
   </style>
 <?php } ?>


         <?php wp_footer(); ?>
   </body>
</html>