<div class="col-lg-12 col-md-12 col-xl-9 col-xs-12">
  <style>
.owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.owl-prev {
    float: left;
    margin-top: 15px;
}
.owl-next {
    margin-top: 15px;
    float: right;
}
  </style>
<div class="panel">
	<div class="panel-body p-a-1">
        <div id="owl-carousel-autoplay" class="owl-carousel">
          <div class="demo-item" style="width: 100px;"><a href="#"><img class="cover" src="1.jpg"></a></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="2.png"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
          <div class="demo-item" style="width: 100px;"><img class="cover" src="1.jpg"></div>
        </div>
	</div>
</div>

    <ul class="nav nav-tabs nav-sm" id="tab-resize-tabs">
        <!-- IF SHOW_LATEST_NEWS --><li class="active"><a data-toggle="tab" href="#latest_news">{L_LATEST_NEWS}</a></li><!-- ENDIF -->
        <!-- IF SHOW_NETWORK_NEWS --><li class=""><a data-toggle="tab" href="#network_news">{L_NETWORK_NEWS}</a></li><!-- ENDIF -->
    </ul>
	<div class="panel">
			<div class="tab-content p-a-0">
				<!-- IF SHOW_LATEST_NEWS -->
				<div class="tab-pane fade in active" id="latest_news">
					<!-- BEGIN news -->
					<div class="leaders-posts">
						<div class="nomer-numbers<!-- IF news.NEWS_IS_NEW --> new<!-- ENDIF -->">{news.NEWS_TIME}</div>
						<div class="delitel-polosa-inf"></div>
						<a class="liders-avatar-profile text-primary<!-- IF news.NEWS_IS_NEW --> new<!-- ENDIF -->" href="{TOPIC_URL}{news.NEWS_TOPIC_ID}">{news.NEWS_TITLE}</a>
					</div>
					<!-- END news -->
				</div>
				<!-- ENDIF -->

				<!-- IF SHOW_NETWORK_NEWS -->
				<div class="tab-pane fade" id="network_news">
					<!-- BEGIN net -->
					<div class="leaders-posts">
						<div class="nomer-numbers<!-- IF net.NEWS_IS_NEW --> new<!-- ENDIF -->">{net.NEWS_TIME}</div>
						<div class="delitel-polosa-inf"></div>
						<a class="liders-avatar-profile text-primary<!-- IF net.NEWS_IS_NEW --> new<!-- ENDIF -->" href="{TOPIC_URL}{net.NEWS_TOPIC_ID}">{net.NEWS_TITLE}</a>
					</div>
					<!-- END net -->
				</div>
				<!-- ENDIF -->
            </div>
    </div>

<!-- IF TORHELP_TOPICS -->
	<!-- INCLUDE torhelp.tpl -->
<!-- ENDIF -->

<!-- IF H_C_AL_MESS -->
<div class="panel"><div class="panel-body p-a-1 text-xs-center">{L_HIDE_CAT_MESS}</div></div>
<!-- ENDIF -->

<!-- IF SHOW_FORUMS -->

<!-- IF SHOW_MAP -->
	<!-- INCLUDE index_map.tpl -->
<!-- ELSE -->
<style>
.page-forum-topics-item,
.page-forum-topics-item .box,
.page-forum-topics-item .box-cell {
overflow: visible !important;
-webkit-mask-image: none !important;
}
.page-forum-topics-title {
margin-bottom: 2px;
}
.page-forum-topics-title .label {
vertical-align: text-bottom;
font-weight: bold;
}
.box {
z-index: auto;
}
  </style>
<!-- BEGIN c -->
<h5 class="font-weight-semibold m-y-3 text-uppercase">{c.CAT_TITLE}</h5>

	<!-- BEGIN f -->
	<div class="page-forum-topics-item box panel p-y-1 p-x-1 m-b-1">
		<div class="box-row">
			<div class="box-cell col-md-1 col-lg-1 col-xl-1 valign-middle" style="width: 30px;margin: 0 auto;">
				<div class="pull-md-left">
					<div class="box-container width-md-auto valign-middle">
						<div class="box-cell">
							<div class="line-height-1 text-xs-center"><a href="{U_SEARCH}?f={c.f.FORUM_ID}&amp;new=1&amp;dm=1&amp;s=0&amp;o=1"><i class="font-size-28 {f.FORUM_FOLDER_IMG}" title="{f.FORUM_FOLDER_ALT}"></i></a></div>
						</div>
					</div>
				</div>
			</div>

			<hr class="visible-xs visible-sm m-y-2">

			<div class="box-cell col-md-7 col-lg-8 col-xl-9">
				<div class="page-forum-topics-title font-size-14">
					<a href="{FORUM_URL}{c.f.FORUM_ID}" class="font-weight-semibold text-primary"<!-- IF c.f.FORUM_DESC --> title="{c.f.FORUM_DESC}" data-toggle="tooltip"<!-- ENDIF -->>{c.f.FORUM_NAME}</a>
				</div>

				<!-- IF c.f.LAST_SF_ID -->
				<div class="btn-group">
				  <button type="button" class="btn btn-xs btn-primary btn-outline btn-outline-colorless dropdown-toggle" data-toggle="dropdown" aria-expanded="false">{L_SUBFORUMS}</button>
				  <ul class="dropdown-menu">
					<!-- BEGIN sf --><li><a href="{FORUM_URL}{c.f.sf.SF_ID}" class="font-size-11 text-muted line-height-1">&#9658; {c.f.sf.SF_NAME}</a></li><!-- END sf -->
				  </ul>
				</div>
				<!-- ENDIF -->

				<div class="font-size-11 text-muted">
					<!-- IF c.f.POSTS -->
						<!-- BEGIN last -->
							<!-- IF SHOW_LAST_TOPIC -->
							<a href="{TOPIC_URL}{c.f.last.LAST_TOPIC_ID}{NEWEST_URL}" title="{c.f.last.LAST_TOPIC_TIP}">{c.f.last.LAST_TOPIC_TITLE}</a>&nbsp;&nbsp;|&nbsp;&nbsp;
							<!-- ENDIF / SHOW_LAST_TOPIC -->
							<strong>{c.f.last.LAST_POST_USER}</strong> · {c.f.last.LAST_POST_TIME}
						<!-- END last -->
					<!-- ELSE / start of !c.f.POSTS -->
						{L_NO_POSTS}
					<!-- ENDIF -->
				</div>
			</div>

			<hr class="visible-xs visible-sm m-y-2">

			<div class="box-cell col-md-4 col-lg-3 col-xl-2 valign-middle text-md-center">
				<div class="pull-md-right">
					<div class="box-container width-md-auto valign-middle">
						<div class="box-cell p-l-1 p-r-3 text-xs-center">
							<div class="font-size-14 text-primary"><strong>{c.f.TOPICS}</strong></div>
							<div class="font-size-11 text-muted line-height-1">{L_TOPICS}:</div>
						</div>
						<div class="box-cell p-x-1 b-l-1 text-xs-center">
							<div class="font-size-14"><strong>{c.f.POSTS}</strong></div>
							<div class="font-size-11 text-muted line-height-1">{L_POSTS_SHORT}:</div>
						</div>
					</div>
				</div>
			</div>
		</div>
    </div>
	<!-- END f -->
	<hr class="page-wide-block m-t-0">
<!-- END c -->

<!-- ENDIF / SHOW_MAP -->

<!-- ELSE / SHOW_FORUMS -->

<div class="panel"><div class="panel-body p-a-1 text-xs-center">{NO_FORUMS_MSG}</div></div>
<!-- ENDIF -->
<!-- IF SHOW_ONLINE_LIST -->
<h5 class="font-weight-semibold m-y-3 text-uppercase">{L_WHOSONLINE}</h5>

<div class="page-forum-topics-item box panel p-y-1 p-x-1 m-b-1">
	<div class="box-row">


					<style type="text/css"><!-- IF IS_ADMIN -->.colorISL, a.colorISL, a.colorISL:visited { color: #793D00; }<!-- ELSE -->.ou_stat { display: none; }<!-- ENDIF --></style>
					<a name="online"></a>
					<div id="online_userlist" style="margin-top: 4px;">{LOGGED_IN_USER_LIST}</div>

					<div class="hr1" style="margin: 5px 0 4px;"></div>

					<div class="col-md-12" id="online_time">{L_ONLINE_EXPLAIN}</div>
					<div class="col-md-12" id="online_explain">
						[ <span class="colorAdmin"><b>{L_ONLINE_ADMIN}</b></span> ]
						[ <span class="colorMod"><b>{L_ONLINE_MOD}</b></span> ]
						[ <span class="colorGroup"><b>{L_ONLINE_GROUP_MEMBER}</b></span> ]
					</div>

	</div>
</div>
<!-- ENDIF -->

</div>
