<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Channellimo</title>
  <!-- Bootstrap -->
  
  <!--owl-slide-->
    <link href="<?php echo base_url("assets/owl-show/owl-carousel/owl.carousel.css");?>" rel="stylesheet">
    <link href="<?php echo base_url("assets/owl-show/css/bootstrapTheme.css");?>" rel="stylesheet">
    <link href="<?php echo base_url("assets/owl-show/owl-carousel/owl.theme.css");?>" rel="stylesheet">
  <!--owl-end-->
  
  <!-- Bootstrap -->
  <link href="<?php echo base_url("assets/css/bootstrap.min.css");?>" rel="stylesheet">
  <link href="<?php echo base_url("assets/css/animate.css");?>" rel="stylesheet">

  <!-- Google Font Lato -->
  <!--<link href='http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>-->
  <link rel="stylesheet" href="<?php echo base_url("assets/css/font-awesome.min.css");?>">

  <!-- Plugin Styles -->
  <link href="<?php echo base_url("assets/css/datepicker.css");?>" rel="stylesheet">
  
  <!-- Main Styles -->
  <link href="<?php echo base_url("assets/css/styles-red.css");?>" rel="stylesheet">
  <link href="<?php echo base_url("assets/css/chat.css");?>" rel="stylesheet">
  <script src="<?php echo base_url("assets/js/jquery-1.11.0.min.js");?>"></script>
  <style>
  	.intro {
		/*background-color: #e6e6e6;
		background:transparent none repeat scroll 0 0;*/
		opacity: 0.4;
		filter: alpha(opacity=40);  For IE8 and earlier 
	}
			
	.error{
		color:red;
		font-size:12px;		  
	}
			
	label.error {
		color: red;
		font-style: italic;
		margin-bottom:0px;
		
	}
  </style>
  
  <!-- Available main styles: styles-red.css, styles-green.css -->

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <link href="css/ie8fix.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Lato:400' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lato:700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lato:900' rel='stylesheet' type='text/css'>
    <![endif]-->


    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="<?php echo base_url("assets/img/ico/favicon.png");?>">

	
  </head>
  <!--<body id="top" data-spy="scroll" data-target=".navbar" data-offset="260">-->
  <body>
  <!-- Header start -->
  <!--<header data-spy="affix" data-offset-top="39" data-offset-bottom="0" class="large">-->
  <header data-spy="affix" data-offset-top="39" data-offset-bottom="0" class="large">
      <div class="row container box">
          <div class="col-md-5">
              <!-- Logo start -->
              <div class="brand">
                 <a class="scroll-to" href="<?php echo site_url("home");?>"><img class="img-responsive" src="<?php echo base_url("assets/img/Channellimo.png");?>" alt="Channel Limousine"></a>
                
              </div>
              <!-- Logo end -->
          </div>

          <div class="col-md-7">
              <div class="pull-right">
                 <div class="header-info pull-right">
                   <div class="contact">                  
                    <div style="background-color:#E6A02B;color:#ffffff;padding:10px;" id="tophidden">
                      HOT LINE: 078-232425 / 011-451818 
                    </div>
                  </div>
                  
                  </div>
              </div>

              <div class="clearfix"></div>

              <!-- start navigation -->
              <nav class="navbar navbar-default" role="navigation">
                  <div class="container-fluid" >
                      <!-- Toggle get grouped for better mobile display -->
                          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                              <span class="sr-only">Toggle navigation</span>
                              <span class="icon-bar"></span>
                              <span class="icon-bar"></span>
                              <span class="icon-bar"></span>
                          </button>
                          
                           <div style="width:50%;">
			     				<a class="navbar-brand scroll-to" href="#top" onscroll="hidden()" ><img class="img-responsive"  src="<?php echo base_url("assets/img/logo-red.png");?>" alt="Channel Limousine" id="myhidden"></a>
			  			  </div>

						  
                      </div>
                       <div class="navbar-brand" style="width:180px;height:30px;color:#E6A02B;padding:5px;overflow:hidden;font-size:16px;float:right;margin-top:10px;" id="hidden" onscroll="hidden()">HOT LINE:078-232425</div>	
		        
                      <!-- Collect the nav links, for toggling -->
                      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                          <!-- Nav-Links start -->
                          <ul class="nav navbar-nav navbar-right">
                              <li><a href="<?php echo site_url("home");?>" class="scroll-to">Home</a></li>
                              <li><a href="<?php echo site_url("ourfleets");?>" class="scroll-to">Our Fleets</a></li>
                              <li><a href="<?php echo base_url("blog");?>" class="scroll-to">Destination</a></li>
                              <li><a href="<?php echo base_url("contact");?>" class="scroll-to">Contact</a></li>
                              <li><div class="fb-like" data-href="https://www.facebook.com/channellimo" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div></li>

                          </ul>
                          <!-- Nav-Links end -->
                      </div>
                  </div>
              </nav>
              <!-- end navigation -->
          </div>
      </div>

  </header>
  <!-- Header end -->