<div class="blogs_wrap page_list {page_class} <!-- begin_list_people_info -->cham-blog-style-1<!-- end_list_people_info --><!-- begin_list_people_default -->cham-project-style-3<!-- end_list_people_default --><!-- begin_list_video_info -->cham-blog-style-1<!-- end_list_video_info --><!-- begin_list_blogs_info -->cham-blog-style-1<!-- end_list_blogs_info --><!-- begin_list_blogs_info_big -->cham-content-style-5<!-- end_list_blogs_info_big --><!-- begin_list_blogs_info_plain -->cham-blog-style-2<!-- end_list_blogs_info_plain --><!-- begin_list_blogs_info_small -->cham-features-style-4<!-- end_list_blogs_info_small --><!-- begin_list_photos_default -->cham-blog-style-1<!-- end_list_photos_default -->        <!-- begin_list_groups_info -->cham-blog-style-1<!-- end_list_groups_info --> <!-- begin_list_live_info -->cham-blog-style-1<!-- end_list_live_info --> <!-- begin_list_songs_default -->cham-blog-style-1<!-- end_list_songs_default -->">
    <div class="container">
        <div class="row p-b">
            <div class="col-md-8 col-md-offset-2 text-center">
                <h3 id="page_list_title" class="cham-heading">
					<!-- begin_page_title_circle -->
					<span class="page_title_circle">
						<span class="ls_title_user_play"></span>
					</span>
					<!-- end_page_title_circle -->
					{page_title}
				</h3>
                <div id="wrap_filter" class="wrap_filter">
                    {page_description}

                    <!-- begin_page_link_photo_upload -->
                    <span class="head_link photo_upload">
                        <i class="fa fa-upload"></i>{l_upload_photo_link}
                    </span>
                    <!-- end_page_link_photo_upload -->
                    <!-- begin_page_link_my_photo -->
                    <span class="dot"></span>
                    <span class="head_link">
                        <a href="{url_page_user_photos_list}"><i class="fa fa-file-image-o"></i>{l_my_photos}</a>
                    </span>
                    <!-- end_page_link_my_photo -->

                    <!-- begin_page_link_video_upload -->
                    <span class="head_link video_upload">
                        <i class="fa fa-upload"></i>{l_upload_video_link}
                    </span>
                    <!-- end_page_link_video_upload -->
                    <!-- begin_page_link_my_video -->
                    <span class="dot"></span>
                    <span class="head_link">
                        <a href="{url_page_user_vids_list}"><i class="fa fa-file-video-o"></i>{l_your_vids}</a>
                    </span>
                    <!-- end_page_link_my_video -->

                    <!-- begin_page_link_songs_upload -->
                    <span class="head_link song_upload">
                        <!-- <i class="fa fa-file-audio-o"></i> -->
                        <figure>
                            <svg viewBox="0 0 32 32">
                                <rect fill="none" height="32" width="32"/>
                                <path d="M28,15.518V4L8,0v16.35C7.373,16.127,6.702,16,6,16c-3.316,0-6,2.691-6,6c0,3.314,2.684,6,6,6c3.311,0,6-2.686,6-6V6l12,2   v6.059C23.671,14.022,23.338,14,23,14c-4.973,0-9,4.027-9,9c0,4.971,4.027,8.998,9,9c4.971-0.002,8.998-4.029,9-9   C31.999,19.879,30.411,17.132,28,15.518z M23,29.883c-3.801-0.009-6.876-3.084-6.885-6.883c0.009-3.801,3.084-6.876,6.885-6.885   c3.799,0.009,6.874,3.084,6.883,6.885C29.874,26.799,26.799,29.874,23,29.883z"/><g><polygon points="28,22 24.002,22 24.002,18 22,18 22,22 18,22 18,24 22,24 22,28 24.002,28 24.002,24 28,24   "/>
                            </svg>
                        </figure>
                        {l_upload_song_link}
                    </span>
                    <!-- end_page_link_songs_upload -->
                    <!-- begin_page_link_my_songs -->
                    <span class="dot"></span>
                    <span class="head_link">
                        <a href="{url_page_user_songs_list}">
                            <!-- <i class="fa fa-music"></i> -->
                            <figure>
                                <svg viewBox="0 0 48 48">
                                    <path d="M45.895,26.634h-1.16l0.055-2.209H44.73l0.059-0.974l-0.057,0.039c0.02-0.36,0.057-0.716,0.057-1.079   c0-11.488-9.313-20.8-20.8-20.8c-11.277,0-20.436,8.98-20.768,20.18l-0.031-0.096L3.2,22.222c0,0.063-0.009,0.125-0.009,0.19   c0,0.133,0.011,0.264,0.02,0.397l0.007,0.382H3.191l0.043,0.985l0.046,2.458H2.106c-1.148,0-2.079,1-2.079,2.233v7.95   c0,1.235,0.93,2.233,2.079,2.233h1.399L3.58,43.21h0.325h4.067h1.111v1.129c0,1.133,0.933,2.05,2.081,2.05h4.419   c1.148,0,2.081-0.917,2.081-2.05V25.473c0-1.131-0.932-2.05-2.081-2.05h-4.419c-1.148,0-2.081,0.919-2.081,2.05v1.131H7.527   l-0.055-2.009l-0.043-0.638l0.026-0.004c-0.05-0.511-0.105-1.018-0.105-1.542c0-9.192,7.45-16.641,16.639-16.641   s16.639,7.449,16.639,16.641c0,0.109-0.018,0.214-0.021,0.323l0.013,0.004l-0.12,3.864h-1.646v-1.131c0-1.131-0.932-2.05-2.08-2.05   h-4.419c-1.148,0-2.081,0.919-2.081,2.05v18.866c0,1.133,0.933,2.05,2.081,2.05h4.419c1.148,0,2.08-0.917,2.08-2.05V43.21h1.127   h3.943h0.447v-1.104l0.072-3.055h1.452c1.148,0,2.078-0.998,2.078-2.233v-7.95C47.973,27.634,47.043,26.634,45.895,26.634z"/>
                                </svg>
                            </figure>
                            {l_your_songs_link}
                        </a>
                    </span>
                    <!-- end_page_link_my_songs -->

                    <!-- begin_page_link_groups_add -->
                    <span class="head_link">
                        <a href="{groups_add_url}"><i class="fa fa-plus-square" aria-hidden="true"></i>{l_link_page_create}</a>
                    </span>
                    <!-- end_page_link_groups_add -->

                    <!-- begin_page_link_my_groups -->
                    <!-- begin_page_link_my_groups_user -->
                    <span class="dot"></span>
                    <span class="head_link">
                        <a href="{page_link_groups_my_url}">
                            <span class="icon_fa">{page_link_groups_my_icon}</span>{page_link_groups_my_title}
                        </a>
                    </span>
                    <!-- end_page_link_my_groups_user -->

                    <!-- begin_page_link_my_groups_delimiter -->
                    <span class="dot"></span>
                    <!-- end_page_link_my_groups_delimiter -->
                    <span class="head_link">
                        <a href="{page_link_groups_videos_url}">
                            <span class="icon_fa">{page_link_groups_videos_icon}</span>{l_link_page_videos}
                        </a>
                    </span>

                    <span class="dot"></span>
                    <span class="head_link">
                        <a href="{page_link_groups_photos_url}">
                            <span class="icon_fa">{page_link_groups_photos_icon}</span>{l_link_page_photos}
                        </a>
                    </span>

                    <span class="dot"></span>
                    <span class="head_link">
                        <a href="{page_link_groups_songs_url}">
                            <span class="icon_fa">{page_link_groups_songs_icon}</span>{l_link_page_songs}
                        </a>
                    </span>
                    <!-- end_page_link_my_groups -->

                    <!-- begin_page_link_add_blog -->
                    <span class="head_link menu_blogs_add_edge">
                        <a href="{url_page_blogs_add}">
                            <span class="icon_fa"><i class="fa fa-pencil-square-o"></i></span>{l_menu_blogs_add_edge}
                        </a>
                    </span>
                    <!-- end_page_link_add_blog -->
                    <!-- begin_page_link_my_blogs -->
                    <span class="dot"></span>
                    <span class="head_link">
                        <a href="{page_link_my_blogs_url}"><i class="fa fa-file-text-o"></i>{l_link_my_blogs}</a>
                    </span>
                    <!-- end_page_link_my_blogs -->

                    <!-- begin_page_link_groups_videos -->
                    <span class="head_link">
                        <a href="{page_link_groups_videos_url}"><i class="fa fa-film"></i>{page_link_groups_videos_title}</a>
                    </span>
                    <!-- end_page_link_groups_videos -->
                    <!-- begin_page_link_my_groups_videos -->
                    <span class="head_link">
                        <a href="{page_link_my_groups_videos_url}"><i class="fa fa-file-video-o"></i>{l_link_my_videos}</a>
                    </span>
                    <span class="dot"></span>
                    <!-- end_page_link_my_groups_videos -->


                    <!-- begin_page_link_groups_photos -->
                    <span class="head_link">
                        <a href="{page_link_groups_photos_url}"><i class="fa fa-picture-o"></i>{page_link_groups_photos_title}</a>
                    </span>
                    <!-- end_page_link_groups_photos -->
                    <!-- begin_page_link_my_groups_photos -->
                    <span class="head_link">
                        <a href="{page_link_my_groups_photos_url}"><i class="fa fa-file-image-o"></i>{l_link_my_photos}</a>
                    </span>
                    <span class="dot"></span>
                    <!-- end_page_link_my_groups_photos -->

                    <!-- begin_page_link_delimiter --><span class="dot"></span><!-- end_page_link_delimiter -->

                    <!-- begin_page_filter -->
                    {filter}
                    <!-- end_page_filter -->
                </div>

            </div>
        </div>

        <div class="row p-m">
            <div class="col-md-12">
                <!-- begin_page_search_query -->
                <input id="filter_results_search_query"  name="search_query" type="text" value="{search_query}" class="form-control filter_field_add" placeholder="{a_search}">
                <!-- end_page_search_query -->
            </div>
        </div>

        <div class="row p-b">
            <!-- begin_page_filter_no_result -->
            <div id="filter_no_result" class="filter_no_result">
                <div>{l_no_result_found_search_query}</div>
            </div>
            <!-- end_page_filter_no_result -->
            <div class="module_filter_result">
            {items}
            <div id="loader_search_list"  class="frame_loader_search_list to_hide">
                <div class="css_loader loader_search_list" id="loader_search_list">
                    <div class="spinner center">
                    <div class="spinner-blade"></div>
                    <div class="spinner-blade"></div>
                    <div class="spinner-blade"></div>
                    <div class="spinner-blade"></div>
                    <div class="spinner-blade"></div>
                    <div class="spinner-blade"></div>
                    <div class="spinner-blade"></div>
                    <div class="spinner-blade"></div>
                    <div class="spinner-blade"></div>
                    <div class="spinner-blade"></div>
                    <div class="spinner-blade"></div>
                    <div class="spinner-blade"></div>
                    </div>
                </div>
            </div>
            </div>
        </div>
    </div>
</div>
<div class="paging">
{pages}
</div>