<!-- BEGIN: main -->
{FILE "header_only.tpl"}
<div >
<header class="header fixed-top">
    <div id="header-detail" class="clearfix">
        <div class="wraper">
            <div class="col-xs-4 col-sm-4 col-md-4 menu-mobile">
                <div id="mySidepanel" class="sidepanel">
                    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> [MOBILE]
                </div>
                <button class="openbtn" onclick="openNav()"><div class="colum">☰</div></button>
            </div>
            <div class="col-xs-16 col-sm-16 col-md-16 menu-mobile" style="text-align: center;">
                <a title="{SITE_NAME}" href="{THEME_SITE_HREF}"><img class="logo-header" src="{LOGO_SRC}" style="width:193px;height:83px" alt="{SITE_NAME}" /></a>
            </div>
            <div class="col-xs-4 col-sm-4 col-md-4 menu-mobile ">
                <div class="dropdown">
                    <button class="dropbtn"><i style="color:#1f4e81;font-size:20px;margin-left: -4px;margin-top: -5px" class="fa fa-search"></i></button>
                    <div class="dropdown-content">
                        <div class="input-group headerSearch">
                            <input type="text" class="form-control" maxlength="{NV_MAX_SEARCH_LENGTH}" placeholder="{LANG.search}...">
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-info" data-url="{THEME_SEARCH_URL}" data-minlength="{NV_MIN_SEARCH_LENGTH}" data-click="y">
                                    <em class="fa fa-search fa-lg"></em>
                                </button>
                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="logo col-xs-24 col-sm-24 col-md-4 display-none">
                <!-- BEGIN: image -->
                <a title="{SITE_NAME}" href="{THEME_SITE_HREF}"><img class="can_giua" src="{LOGO_SRC}" width="219" height="63" alt="{SITE_NAME}" /></a>
                <!-- END: image -->
            </div>
            <div class="col-xs-24 col-md-16 hidden-xs" style="margin-top: -25px">
                [MENU-HEAER]
            </div>
            <div class="col-xs-24 col-md-4  hidden-xs hot-line" style="margin-top: 10px">
                [HOTLINE]
            </div>
        </div>
    </div>
</header>
</div>
<div class="main-container">
  <section class="hero-banner">
    <div class="container">
    </div>
  </section>
  <div class="wraper">
	<div class="row">
			<div class="col-md-24">
				[TOP]
				{MODULE_CONTENT}
				[BOTTOM]
				
			</div>
		</div>
	</div>
</div>	
{FILE "footer_extended.tpl"}
{FILE "footer_only.tpl"}
<!-- END: main -->