<!DOCTYPE html>

<html lang="en">

<head>
    <title><?php wp_title( ' | ', true , 'right' ); ?></title>
    <meta charset="utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" type="image/png" href="<?php get_assets_path(); ?>/images/favicon.png" />

    <link rel="stylesheet" href="<?php get_assets_path(); ?>/includes/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="<?php get_assets_path(); ?>/css/style.css" />
    <link rel="stylesheet" href="<?php get_assets_path(); ?>/css/aspects.css" />
    <link rel="stylesheet" href="<?php get_assets_path(); ?>/css/respomsive.css" />
    
    <link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
    
    <link rel="stylesheet" href="<?php get_assets_path(); ?>/fonts/font-awesome/css/font-awesome.min.css" />    
    <link rel="stylesheet" href="<?php get_assets_path(); ?>/vendors/rs-plugin/css/settings.css" media="screen" type="text/css"/>
    <link rel="stylesheet" href="<?php get_assets_path(); ?>/vendors/magnific-popup/magnific-popup.css" />

    <!-- WP HEAD : Begin -->
    <?php wp_head() ?>
    <!-- WP HEAD : End -->
</head>


<body data-spy="scroll" data-target="#section-nav">
    
    <div id="main">

    <!-- Menu -->
    <header class="head-1">
        <div class="row menu-bar no-margin" role="navigation">
            <div class="row no-margin logo-row">
                <div class="container logo-wrapper">
                    <a class="logo-box" href="index.html">
                        <img class="img-responsive" alt="Pars Patent" src="<?php get_assets_path(); ?>/images/logo.png">
                    </a>
                    <div class="right-social">
                     <ul>
                      <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                      <li><a href="#"><i class="fa fa-twitter-square"></i></a></li>
                      <li><a href="#"><i class="fa fa-google-plus-square"></i></a></li>
                      <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                     </ul>
                    
                    
                    </div>
                </div>
            </div>
            
            <div class="row no-margin ppheader">
                <div class="container" style="position:relative">
                    <div class="large-header">
                        <?php

                            $defaults = array(
                                'theme_location'  => 'mainmenu',
                                'menu'            => '',
                                'container'       => false,
                                'container_class' => '',
                                'container_id'    => '',
                                'menu_class'      => 'navs navsbar-nav',
                                'menu_id'         => '',
                                'echo'            => false,
                                'fallback_cb'     => 'wp_page_menu',
                                'before'          => '',
                                'after'           => '',
                                'link_before'     => '',
                                'link_after'      => '',
                                'items_wrap'      => '<ul class="%2$s">%3$s</ul>',
                                'depth'           => 0,
                                'walker'          => ''
                                );

                            echo str_replace('sub-menu', 'dropdown-menu', wp_nav_menu( $defaults ));

                        ?>

                        <a title="Search" class="collapsed searchlink" data-toggle="collapse" href="#search"><span></span></a>
                    </div>
                    
                    <!-- Search -->
                    <div id="search" class="panel-collapse collapse">
                        <div class="input-group">
                            <form action="<?php echo get_site_url(); ?>">
                            <input type="text" name="s" class="form-control no-margin" placeholder="What can it help you with?" />
                            <button type="submit"></button>
                            </form>
                        </div>
                    </div>
                    <!-- / Search -->
                </div>
            </div>


            <!-- Mobile --> 
            <div class="mobile-header">
                <div class="logo-wrapper">
                    <a class="logo-box" href="#">
                        <img class="img-responsive" alt="Pars Patent Co." src="<?php get_assets_path(); ?>/images/Logo-mobile.png">
                    </a>
                </div>

                <button type="button" class="navsbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1">
                    <span class="sr-only">Toggle Navigation</span>
                    <span class="icon-bar alt-bg-color"></span>
                    <span class="icon-bar alt-bg-color"></span>
                    <span class="icon-bar alt-bg-color"></span>
                </button>
                
                <ul class="collapse main-menu" id="navbar-collapse-1">
                    <li class="main alt-bg-color">
                        <button type="button" class="collapsed fa fa-times" data-toggle="collapse" data-target="#navbar-collapse-1"></button>
                    </li>

                    <?php

                        $defaults = array(
                            'theme_location'  => 'mainmenu',
                            'menu'            => '',
                            'container'       => false,
                            'container_class' => '',
                            'container_id'    => '',
                            'menu_class'      => '',
                            'menu_id'         => '',
                            'echo'            => false,
                            'fallback_cb'     => 'wp_page_menu',
                            'before'          => '',
                            'after'           => '',
                            'link_before'     => '',
                            'link_after'      => '',
                            'items_wrap'      => '%3$s',
                            'depth'           => 0,
                            'walker'          => ''
                            );

                        $tempMenu =  str_replace('sub-menu', 'submenu', wp_nav_menu( $defaults ));
                        echo str_replace('dropdown closed' , '' , $tempMenu);
                    ?>


                    <li>
                        <div class="col-xs-12 margin_TB_40">
                            <div class="input-group">
                                <span class="input-group-btn">
                                    <button type="button" class="btn btn-default button solid blue">
                                        <span class="over">
                                            <i class="fa fa-search"></i>
                                        </span>
                                    </button>
                                </span>

                                <input type="text" class="search-mobile" placeholder="What can it help you with?">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- /Mobile --> 
        </div>
    </header>
    <!-- / Menu -->


    <!-- Banner : Begin -->
    <div class="row no-margin slider">
        <div class="rounded">
            <div class="bannercontainer">
                <div class="bannerhome" style="visibility:hidden">
                    <ul>
                        <!-- Slides : Begin -->
                        <?php
                        /*
                        *  Loop through Slider Repeater fields (From another $post ID)
                        */

                        $homePageID = get_id_by_slug('home-page');

                        if(get_field('sliders', $homePageID) )
                        {
                            
                            while(has_sub_field('sliders', $homePageID) )
                            {
                                if(get_sub_field('image_banner')) $image = get_sub_field('image_banner');
                                if(get_sub_field('icon_banner'))  $icon = get_sub_field('icon_banner');
                                if(get_sub_field('title_banner')) $title = get_sub_field('title_banner');
                                if(get_sub_field('color_id')) $color_id = get_sub_field('color_id');
                    
                        ?>
                                
                        <li data-transition="boxslide" data-slotamount="30">
                            <img src="<?php echo $image; ?>" alt="" />
                            <!--
                            <div class="all-container row no-margin clr-<?php echo $color_id; ?>">
                                <div class="container">
                                    <span class="caption sfl" data-speed="600" data-start="500" data-easing="easeIn"><img  src="<?php echo $icon; ?>" alt=""/></span>
                                    <h3 class="caption fade sfr" data-speed="600" data-start="600" data-easing="easeIn"><?php echo $title; ?></h3>
                                </div>
                            </div>
                            -->
                        </li>
                        
                        <?php
                            }
                        }
                        ?>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--  Banner : End -->