<!-- BEGIN: MAIN -->
<!-- IF !{CUR_INDEXCATEGORY.id} -->
<link type="text/css" rel="stylesheet" href="themes/itbirja/css/index.css" media="all"></link>
   
    <!-- IF 1 == 2 -->
    <link rel="icon" href="https://rz-work.com/favicon.ico" type="image/x-icon">
    <link rel="icon" type="image/x-icon" href="themes/itbirja/images/favicons/favicon.ico" />
    <link rel="shortcut icon" type="image/x-icon" href="themes/itbirja/images/favicons/favicon.ico" />
    <link rel="apple-touch-icon" sizes="57x57" href="themes/itbirja/images/favicons/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="themes/itbirja/images/favicons/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="themes/itbirja/images/favicons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="themes/itbirja/images/favicons/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="themes/itbirja/images/favicons/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="themes/itbirja/images/favicons/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="themes/itbirja/images/favicons/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="themes/itbirja/images/favicons/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="themes/itbirja/images/favicons/apple-touch-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="32x32" href="themes/itbirja/images/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="194x194" href="themes/itbirja/images/favicons/favicon-194x194.png">
    <link rel="icon" type="image/png" sizes="192x192" href="themes/itbirja/images/favicons/android-chrome-192x192.png">
    <link rel="icon" type="image/png" sizes="16x16" href="themes/itbirja/images/favicons/favicon-16x16.png">
    <link rel="manifest" href="themes/itbirja/images/favicons/site.webmanifest">
    <link rel="mask-icon" href="themes/itbirja/images/favicons/safari-pinned-tab.png" color="#e7a244">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="themes/itbirja/images/favicons/mstile-144x144.png">
    <meta name="theme-color" content="#ffffff">
    <meta name="msapplication-config" content="themes/itbirja/images/favicons/browserconfig.xml" />
    <!-- ENDIF -->
    
<script src="themes/itbirja/js/authorized.js"></script>

<div id="app">
  <div class="banner m-visible">
    <div class="centerwrap relative">
      <div class="headertext">
        <h1 class="f34 fw600">Удобная биржа фриланс-услуг</h1>
        <span class="headertext_subtitle headertext_subtitle_authorized">
        Десятки тысяч услуг, скорость и качество исполнения
        </span>
        <div class="find-service m-hidden">
          <general-search-index></general-search-index>
          <div class="font-OpenSans mt5 example-search-link m-text-center">
            Например: <a href="#" onclick="$('.search_form .findbox').val('Графический дизайн'); return false;">Графический дизайн</a>
          </div>
          <div class="clear"></div>
        </div>
      </div>
    </div>
  </div>
</div>
<script src="themes/itbirja/js/index.js" type="text/javascript"></script>

<div class="m-hidden">
  <div class="lg-centerwrap clearfix centerwrap mb20 p0-1000-767 mt20">
    <div class="pull-right w736 w988">

      <div class="gray-bg-border cusongtitle p10-20 clearfix mb10">
        <p>
          <!-- IF 1 == 2 -->
          <a rel="nofollow" href="{SEARCH_SORTLINKS_URL.groups}"<!-- IF {SEARCH_INDEX_PRESEARCH} == 'groups' --> class="active"<!-- ENDIF --> title="Услуги по наилучшему соответствию запросу">Релевантность</a>
          <!-- ENDIF -->
          <a rel="nofollow" href="{SEARCH_SORTLINKS_URL.popular}"<!-- IF {SEARCH_INDEX_PRESEARCH} == 'popular' --> class="active"<!-- ENDIF --> title="Услуги по популярности и качеству выполнения">Популярные услуги</a>
          <a rel="nofollow" href="{SEARCH_SORTLINKS_URL.new}"<!-- IF {SEARCH_INDEX_PRESEARCH} == 'new' --> class="active"<!-- ENDIF --> title="Услуги за последние 3 месяца, начиная с самых свежих">Новые услуги</a>
          <a rel="nofollow" href="{SEARCH_SORTLINKS_URL.favs}"<!-- IF {SEARCH_INDEX_PRESEARCH} == 'favs' --> class="active"<!-- ENDIF --> title="Работы добавленные вами в избранное">Избранное</a>

          <a rel="nofollow" href="{PHP|cot_url('index', 'index_presearch=projects')}"<!-- IF {SEARCH_INDEX_PRESEARCH} == 'projects' --> class="active"<!-- ENDIF --> title="Запросы покупателей на услуги">Запросы на услуги</a>
        </p>
        <!-- IF {SEARCH_INDEX_PRESEARCH} != 'projects' -->
        <div class="pull-right mt4">
          <a rel="nofollow" class="mr9" href="{SEARCH_DISPLINKS_URL.table}">
            <i class="icon ico-type-grid<!-- IF {PHP.sdisplay} != 'table' --> ico-type-grid_no-active<!-- ENDIF -->"></i>
          </a>
          <a rel="nofollow" href="{SEARCH_DISPLINKS_URL.list}">
            <i class="icon ico-type-list<!-- IF {PHP.sdisplay} != 'list' --> ico-type-list_no-active<!-- ENDIF -->"></i>
          </a>
        </div>
        <!-- ENDIF -->
      </div>

      <!-- IF {SEARCH_INDEX_PRESEARCH} == 'popular' -->
        <div class="top-filters-main-wrap mt7 mb10 top-filters-index_popular"></div>
        <div class="info-block info-block_index_popular mt0 info-block-wrapper lang-ru mb0" data-type="index_popular">
          <div class="info-block__ico">
            <i class="info-block__ico-image icon ico-i-small relative" style="left: 2px;"></i>
          </div>
          <div class="f13 font-OpenSans">
            <div class="info-block__text">
              <div class="info-block__text-inner">
                <p class="pb5">Здесь вы найдете самые актуальныее услуги от исполнителей. На данной странице размещаются услуги тех исполнителей, которые больше всего отличились в системе или приобрели рекламное место.</p>
              </div>
            </div>
            <a href="javascript:void(0)" class="js-info-block__link info-block__link link_local">Скрыть подсказку</a>
          </div>
        </div>
        <div class="clear"></div>

        <script>
        $('[data-type="index_popular"]').find('.info-block__text:not(".disable-height")').css('height', $('[data-type="index_popular"]').find('.info-block__text').height());
        $('[data-type="index_popular"]').hide();
        $(document).ready(function () {
        	$('.info-block[data-type="index_popular"]').infoBlock();
        });
        </script>

        <script src="themes/itbirja/js/modules/filter.index.js"></script>
        <script>
          var options = {
            isMobile: false,
            scrollItemsCount: 3,
            items: [
              <!-- BEGIN: POPULAR_CATS_SLIDER -->
              {
                id: "{PCAT_ROW.id}",
                title: "{PCAT_ROW.title}",
                seo: "{PCAT_ROW.code}",
              },
              <!-- END: POPULAR_CATS_SLIDER -->
            ]
          };
          topFilters = TopFilters($('.top-filters-main-wrap'), options);
          <!-- IF {CUR_INDEXCATEGORY.id} > 0 -->
          topFilters.setActiveFilter({CUR_INDEXCATEGORY.id});
          <!-- ENDIF -->
        </script>
      <!-- ENDIF -->

      <div id="indexpresearchblock" class="cusongslist cusongslist_small_5_column other index_cusongslist">
<!-- ENDIF -->
        <!-- BEGIN: MARKET_PRESEARCH_PC -->
          <div class="cusongsblock js-prd-card" data-id="{OPRD_ID}">
            <div class="songperson cusongsblock__content">
              <a href="{IPRD_URL}">
              <img src="{IPRD_PHOTO_FIRST_CROP}" alt="{IPRD_SHORTTITLE}" width="230" height="153">
              </a>
            </div>
            <div class="ta-left padding-content">
                <span class="userimage m-hidden">
                  <i class="icon ico-{IPRD_OWNER_ONLINEICO}"></i>
                  <img src="<!-- IF {IPRD_OWNER_AVATAR_SRC} -->{IPRD_OWNER_AVATAR_SRC}<!-- ELSE -->themes/itbirja/files/avatar/medium/noprofilepicture.gif<!-- ENDIF -->" class="rounded" alt="{PHP.usr.name}" />
                </span>
                <div class="pull-left cusongsblock-panel__user-name m-hidden oneline-faded w120">
                  <a class="dark-link" href="{IPRD_OWNER_DETAILSLINK}" title="{IPRD_OWNER_NICKNAME}">{IPRD_OWNER_NICKNAME}</a>
                  <span>
                    <!-- IF {IPRD_OWNER_MAINGRPID} == 7 -->
                      {IPRD_OWNER_MK_PAYER_GROUP}
                    <!-- ELSE -->
                      {IPRD_OWNER_MK_SELLER_GROUP}
                    <!-- ENDIF -->
                  </span>
                </div>
                <div class="cusongsblock-toprated m-hidden">
                  <!-- IF {IPRD_MK_POPULAR} -->
                  <div class="toprated-inner-white">
                    <span class="white-shadow">&nbsp;&nbsp;</span>
                    <span class="fox-express">{PHP.cfg.market.item_profi_title}</span>
                  </div>
                  <!-- ENDIF -->
                </div>
                <div class="clear"></div>
                <p class="multiline-faded-block">
                  <a class="multiline-faded" href="{IPRD_URL}" title="{IPRD_SHORTTITLE}">
                    <span class="first-letter dib">{IPRD_SHORTTITLE}</span>
                  </a>
                </p>
              <div class="cusongsblock__panel">
                <div class="pull-right cusongsblock-panel__rating m-pull-reset">
                  <!-- IF {IPRD_RSTAR} > 0 -->
                  <ul class="rating-block cusongsblock-panel__rating-list dib">
                    <li class="mr2 v-align-m">
                      <i class="fa fa-star gold" aria-hidden="true"></i>
                    </li>
                    <li class="rating-block__rating-item--number fw600 v-align-m">{IPRD_RSTAR}</li>
                  </ul>
                  <!-- ENDIF -->
                  <span class="rating-block__count">({IPRD_COUNT})</span>
                </div>
                <div class="clear"></div>
              </div>
              <div class="userdata1 clearfix">
                <div class="cusongsblock__labels m-visible">
                  <div class="cusongsblock__label-container"></div>
                </div>
                <div class="otherdetails pull-left m-hidden" style="">
                  <div data-bookmark="{IPRD_ID}"<!-- IF {IPRD_ISFAV} --> class="active"<!-- ENDIF -->>
                    <div class="tooltipster Favorites-block pull-left" data-tooltip-side="top" data-tooltip-text="Добавить в избранное"><i class="icon ico-heart ico-heart_hover icon ico-heart_no-active"></i></div>
                    <div class="tooltipster Favorites-block active pull-left hidden" data-tooltip-side="top" data-tooltip-text="Удалить из избранного"><i class=" icon ico-heart ico-heart_hover"></i></div>
                  </div>
                  <!-- IF {IPRD_VIZITED} -->
                  <div class="user_prd_mark_block pull-left ml5"><span class="tooltipster dib" data-tooltip-side="top" data-tooltip-text="Ранее вы просматривали {PHP|cot_sitename('phrases', 'ety')}">
                    <img src="themes/itbirja/images/ok-mark-grey.png" width="20" height="16" alt=""></span>
                  </div>
                  <!-- ENDIF -->
                  <div class="clear"></div>
                </div>
                <div class="price pull-right m-pull-right">{IPRD_COST_OT} {IPRD_COST_FORMAT}</div>
                <div class="otherdetails pull-right m-visible">
                  <!-- IF {IPRD_VIZITED} -->
                  <div class="user_prd_mark_block">
                    <span class="tooltipster dib" data-tooltip-side="right" data-tooltip-text="Ранее вы просматривали {PHP|cot_sitename('phrases', 'ety')}" data-proportion="3:2">
                      <img src="themes/itbirja/images/ok-mark-grey.png" width="20" height="16" alt="">
                    </span>
                  </div>
                  <!-- ENDIF -->
                  <!-- IF {IPRD_MK_POPULAR} -->
                  <a href="{IPRD_URL}"><span class="fox-express">{PHP.cfg.market.item_profi_title}</span></a>
                  <!-- ENDIF -->
                </div>
                <div class="pull-left cusongsblock-panel__user-name m-visible w50p">
                  <i class="icon ico-{IPRD_OWNER_ONLINEICO} v-align-m"></i>&nbsp;<a class="dark-link dib v-align-m oneline-faded w90p" href="{IPRD_OWNER_DETAILSLINK}" title="{IPRD_OWNER_NICKNAME}">{IPRD_OWNER_NICKNAME}</a>
                </div>
              </div>
            </div>
          </div>
        <!-- END: MARKET_PRESEARCH_PC -->

        <!-- BEGIN: MARKET_PRESEARCH_PC_LIST -->
        <div class="newfox<!-- IF {IPRD_ODDEVEN} == 'even' --> newfoxnewcolor<!-- ENDIF -->">
          <div class="newfoximg">
            <a href="{IPRD_URL}">
            <img src="{IPRD_PHOTO_FIRST_CROP}" alt="{IPRD_SHORTTITLE}" width="180" height="120"/>
            </a>
          </div>
          <div class="newfoxdetails clearfix">
            <div class="clearfix mh100">
              <div class="price pull-right color-green">
                {IPRD_COST_OT} {IPRD_COST_FORMAT}
              </div>
              <h3 class="h3-title">
                <a href="{IPRD_URL}" title="{IPRD_SHORTTITLE}">
                  <span class="first-letter dib">{IPRD_SHORTTITLE}</span>
                </a>
              </h3>
              <h5>
                <span class="scriptomembittitle">
                  <a class="pull-left" href="{IPRD_OWNER_DETAILSLINK}"><i class="icon ico-{IPRD_OWNER_ONLINEICO}"></i> {IPRD_OWNER_NICKNAME}</a>
                  <div class="mt3 otherdetails pull-left ml10">
                    <!-- IF {IPRD_RSTAR} > 0 -->
                    <ul style="float: none; display: inline-block; vertical-align: middle">
                      <li class="mr2 v-align-m">
                        <i class="fa fa-star gold" aria-hidden="true"></i>
                      </li>
                      <li class="rating-block__rating-item--number fw600 v-align-m">{IPRD_RSTAR}</li>
                    </ul>
                    <!-- ENDIF -->
                    <span class="rating-block__count">({IPRD_COUNT})</span>
                  </div>
                </span>
                &nbsp;
              </h5>
            </div>
            <div class="otherdetails clearfix">
              <div data-bookmark="{IPRD_ID}"<!-- IF {IPRD_ISFAV} --> class="active"<!-- ENDIF -->>
                <div class="tooltipster Favorites-block pull-right" data-tooltip-text="Добавить в избранное"><i class="icon ico-heart ico-heart_hover icon ico-heart_no-active"></i></div>
                <div class="tooltipster Favorites-block pull-right hidden" data-tooltip-text="Удалить из избранного"><i class="icon ico-heart ico-heart_hover"></i></div>
              </div>

              <div class="user_prd_mark_block">
                <!-- IF {IPRD_MK_ISORDERYET} -->
                  <span class="tooltipster dib tooltipstered" data-tooltip-side="top" data-tooltip-text="{IPRD_MK_ISORDERYET}"><img src="themes/itbirja/images/cart-{IPRD_MK_ISORDERYET_ICON}.png" width="20" height="16" alt=""></span>
                <!-- ELSE -->
                  <!-- IF {IPRD_VIZITED} -->
                    <span class="tooltipster dib tooltipstered" data-tooltip-position="center" data-tooltip-text="Ранее вы просматривали {PHP|cot_sitename('phrases', 'ety')}"><img src="themes/itbirja/images/ok-mark-grey.png" width="20" height="16" alt=""></span>
                  <!-- ENDIF -->
                <!-- ENDIF -->
              </div>

              <!-- IF {IPRD_MK_POPULAR} -->
              <a href="{IPRD_URL}"><span class="fox-express">{PHP.cfg.market.item_profi_title}</span></a>
              <!-- ENDIF -->
              <div class="pull-left mt2"><i class="icon-time v-align-m"></i><span class="dib v-align-m ml5 font-OpenSans f13 color-gray"><span class="big">{IPRD_COSTPLAN.days_format} на выполнение </span></span></div>
              <div class="pull-left mt2 ml15"><i class="icon-people v-align-m"></i><span class="dib v-align-m ml5 font-OpenSans f13 color-gray">{IPRD_MK_ORDCNT} в очереди</span></div>
            </div>
          </div>
          <div class="clear"></div>
        </div>
        <!-- END: MARKET_PRESEARCH_PC_LIST -->

        <!-- BEGIN: MARKET_PRESEARCH_EMPTY -->
        <div class="clear"></div>
        <div class="prds-filter ta-center no-results">
          По выбранным фильтрам, к сожалению, ничего не найдено.<br>Попробуйте найти нужную услугу, изменив немного фильтры поиска.
        </div>
        <!-- END: MARKET_PRESEARCH_EMPTY -->

<!-- IF !{CUR_INDEXCATEGORY.id} -->
        <style>
          .h3-title span {
          color: #4b4b4b;
          }
        </style>
        <script>
          $(window).load(function() {
              $('.newfox').hover(function() {
                  $(this).find('.h3-title span').css("color", "#457edb");
              }, function() {
                  $(this).find('.h3-title span').css('color', '#4b4b4b');
              });
          });
        </script>
      </div>
      <div class="clear"></div>

      <!-- IF {SEARCH_INDEX_PRESEARCH} == 'projects' -->
        <script>
          $('#indexpresearchblock').hide();
        </script>

        <div class="block-response">
          <table class="table-style response-table m-order-table">
            <thead>
              <tr>
                <td class="w50p">
                  <div class="ml20"><b style="color: #333;">Проект</b></div>
                </td>
                <td class="w15p t-align-c"><b style="color: #333;">Цена до</b></td>
                <td class="w10p t-align-c"><b style="color: #333;">Отклики</b></td>
                <td class="w25p t-align-c"><b style="color: #333;">Статус</b></td>
              </tr>
            </thead>
            <tbody>
              <!-- BEGIN: PROJECTS_PRESEARCH_LIST -->
              <tr class="m-clearfix">
                <td class="ellipsis-wrap">
                  <div class="ellipsis ml20">
                    <a class="link-color" href="{PRJ_ROW_URL}">{PRJ_ROW_SHORTTITLE}</a>
                  </div>
                </td>
                <td class="t-align-c">
                  {PRJ_ROW_COST_OT} {PRJ_ROW_COST_FORMAT}
                </td>
                <td class="t-align-c" style="white-space: nowrap;">
                  {PRJ_ROW_OFFERS_COUNT}
                </td>
                <td class="t-align-c">
                  <!-- IF {PRJ_ROW_STATE} == 0 -->
                    <!-- IF {PRJ_ROW_OFFERS_COUNT} > 0 -->
                      Выберите исполнителя
                    <!-- ELSE -->
                      Поиск исполнителя
                    <!-- ENDIF -->
                  <!-- ENDIF -->
                  <!-- IF {PRJ_ROW_STATE} == 1 -->
                    <!-- IF {PRJ_ROW_OFFERS_COUNT} > 0 -->
                      Завершен
                    <!-- ELSE -->
                      Остановлен
                    <!-- ENDIF -->
                  <!-- ENDIF -->
                  <!-- IF {PRJ_ROW_STATE} == 2 -->
                    На модерации
                  <!-- ENDIF -->
                  <!-- IF {PRJ_ROW_STATE} == 3 -->
                    Отклонен модератором
                  <!-- ENDIF -->
                </td>
              </tr>
              <!-- END: PROJECTS_PRESEARCH_LIST -->

              <!-- BEGIN: PROJECTS_PRESEARCH_EMPTY -->
              <tr>
                <td colspan="4">
                  <div class="project_card card_secondary ml20 mb0">
                    <div class="card__content">
                      <div class="pull-left">
                        <div class="icon ico-add-order mb0 mr15" style="margin-top: 3px;"></div>
                      </div>
                      <div class="pull-left">
                        <div class="mb6 f18 semibold" style="color:green">У вас нет запросов на услуги</div>
                        <div class="f14">Поставьте задачу и получите десятки предложений от продавцов</div>
                      </div>
                      <div class="pull-right">
                        <a href="{PHP|cot_url('projects', 'm=add')}" class="green-btn btn--big">Разместить запрос</a>
                      </div>
                    </div>
                  </div>
                </td>
              </tr>
              <!-- END: PROJECTS_PRESEARCH_EMPTY -->
            </tbody>
          </table>
        </div>
      <!-- ENDIF -->

    </div>

    <div class="pull-left" id="options-by-fox-dotcom">

      <div class="w230 mb20 m-wMax">


<!-- Реклама гугл  -->


        <div class="card card_secondary mb20">
          <div>
            
     
     <a href="https://t.me/" target="_blank"><img src="image.gif" style="width: 100%; height: 100%;" ></a>
     
                    
                  </div>
                </div>


<!-- Реклама гугл  -->

        <!-- IF {PAGE_LIST_SYSTEM_CNT} > 0 -->
        <div class="card card_secondary mb20">
          <div>
            <div class="f20 card__content-header">Информация</div>
            <!-- BEGIN: PAGE_LIST_SYSTEM -->
            <div class="card__content-body cot_cart_<!-- IF {LIST_ROW_IMG} AND {LIST_ROW_IMG|file_exists('datas/exflds/'$this)} -->2<!-- ELSE -->1<!-- ENDIF -->">
              <!-- IF {LIST_ROW_IMG} AND {LIST_ROW_IMG|file_exists('datas/exflds/'$this)} -->
                <img alt="{LIST_ROW_SHORTTITLE}" src="datas/exflds/{LIST_ROW_IMG}">
              <!-- ELSE -->
                <img alt="{LIST_ROW_OWNER_NICKNAME}" src="<!-- IF {LIST_ROW_OWNER_AVATAR_SRC} -->{LIST_ROW_OWNER_AVATAR_SRC}<!-- ELSE -->themes/itbirja/files/avatar/big/noprofilepicture.gif<!-- ENDIF -->">
              <!-- ENDIF -->
              <p>{LIST_ROW_DESC}</p>
              <div class="cot_cart_more">
                <a href="{LIST_ROW_URL}" class="white-btn w100p">Подробнее</a>
              </div>
            </div>
            <!-- END: PAGE_LIST_SYSTEM -->
          </div>
        </div>
        <!-- ENDIF -->

        <div class="card card_secondary mb20">
          <div>
            <a href="https://t.me/" target="_blank"><img src="e5653291a4a3a5de89873f716c85d51c.jpg" style="width: 100%; height: 100%;" ></a>
          </div>
        </div>


        <!-- BEGIN: LAST_VIZITED_MARKET -->
        <div class="card card_secondary mb20">
          <div>
            <div class="f20 card__content-header">Недавно смотрели</div>
            <div class="card__content-body cot_cart_3">
              <div>
                <a href="{LVPRD_URL}" style="background: url('{LVPRD_PHOTO_FIRST_CROP}') top no-repeat; background-size: cover;"></a>
                <a href="{LVPRD_URL}">
                  {LVPRD_SHORTTITLE|cot_string_truncate($this, 50)}
                </a>
                <div class="clear"></div>
              </div>
            </div>
          </div>
        </div>
        <!-- END: LAST_VIZITED_MARKET -->

        <!-- IF {PAGE_LIST_NEWS_CNT} > 0 -->
        <div class="card card_secondary mb20">
          <div>
            <div class="f20 card__content-header">Новости</div>
            <!-- BEGIN: PAGE_LIST_ROW_PC -->
            <div class="card__content-body cot_cart_3">
              <div>
                <a href="{LIST_ROW_URL}" style="border-radius: 0;background: url('<!-- IF {LIST_ROW_IMG} AND {LIST_ROW_IMG|file_exists('datas/exflds/'$this)} -->datas/exflds/{LIST_ROW_IMG}<!-- ELSE --><!-- IF {LIST_ROW_OWNER_AVATAR_SRC} -->{LIST_ROW_OWNER_AVATAR_SRC}<!-- ELSE -->themes/itbirja/files/avatar/big/noprofilepicture.gif<!-- ENDIF --><!-- ENDIF -->') top no-repeat; background-size: cover;"></a>
                <a href="{LIST_ROW_URL}">
                  {LIST_ROW_DESC|cot_string_truncate($this, 50)}
                </a>
                <div class="clear"></div>
              </div>
            </div>
            <!-- END: PAGE_LIST_ROW_PC -->
          </div>
        </div>
        <!-- ENDIF -->
      </div>
    </div>
  </div>
</div>

<div class="m-visible">
  <div class="lg-centerwrap centerwrap main-wrap m-m0">
    <h1 align="center" class="pt20 m-text-left m-f18">Популярные и любимые рубрики</h1>
    <div class="collageSubcategories firstSubcategories-4">
      <!-- BEGIN: POPULAR_CATS -->
      <div class="collageSubcategories-col">
        <a href="{PCAT_ROW.code|cot_url('market', 'c='$this)}" class="collageSubcategories-item">
        <img src="themes/itbirja/images/collage/480x330/{PCAT_ROW.code}.jpg" alt="{PCAT_ROW.title}">
        </a>
      </div>
      <!-- END: POPULAR_CATS -->
    </div>
  </div>
  <div class="clearfix"></div>
  <div class="lg-centerwrap centerwrap main-wrap m-m0 authorized-prd-block clearfix">
    <h1 align="center" class="m-text-left m-f18">Популярные услуги</h1>
    <div class="prd-carousel">
      <div class="js-prd-carousel-container-popular  prd-carousel__container">
        <!-- BEGIN: POPULAR_MARKET -->
        <div class="cusongsblock js-prd-card" data-id="{IPRD_ID}">
          <div class="songperson cusongsblock__content">
            <a href="{IPRD_URL}"><img src="{IPRD_PHOTO_FIRST_CROP}"  alt="{IPRD_SHORTTITLE}" width="230" height="153"></a>
          </div>
          <div class="ta-left padding-content">
                <span class="userimage m-hidden">
                  <i class="icon ico-{IPRD_OWNER_ONLINEICO}"></i>
                  <img src="<!-- IF {IPRD_OWNER_AVATAR_SRC} -->{IPRD_OWNER_AVATAR_SRC}<!-- ELSE -->themes/itbirja/files/avatar/medium/noprofilepicture.gif<!-- ENDIF -->" class="rounded" alt="{PHP.usr.name}" />
                </span>
                <div class="pull-left cusongsblock-panel__user-name m-hidden oneline-faded w120">
                  <a class="dark-link" href="{IPRD_OWNER_DETAILSLINK}" title="{IPRD_OWNER_NICKNAME}">{IPRD_OWNER_NICKNAME}</a>
                  <span>
                    <!-- IF {IPRD_OWNER_MAINGRPID} == 7 -->
                      {IPRD_OWNER_MK_PAYER_GROUP}
                    <!-- ELSE -->
                      {IPRD_OWNER_MK_SELLER_GROUP}
                    <!-- ENDIF -->
                  </span>
                </div>
                <div class="cusongsblock-toprated m-hidden">
                  <!-- IF {IPRD_MK_POPULAR} -->
                  <div class="toprated-inner-white">
                    <span class="white-shadow">&nbsp;&nbsp;</span>
                    <span class="fox-express">{PHP.cfg.market.item_profi_title}</span>
                  </div>
                  <!-- ENDIF -->
                </div>
                <div class="clear"></div>
                <p class="multiline-faded-block">
                  <a class="multiline-faded" href="{IPRD_URL}" title="{IPRD_SHORTTITLE}">
                    <span class="first-letter dib">{IPRD_SHORTTITLE}</span>
                  </a>
                </p>
            <div class="cusongsblock__panel">
              <div class="pull-right cusongsblock-panel__rating m-pull-reset">
                <!-- IF {IPRD_RSTAR} > 0 -->
                <ul class="rating-block cusongsblock-panel__rating-list dib">
                  <li class="mr2 v-align-m"><i class="fa fa-star gold" aria-hidden="true"></i> </li>
                  <li class="rating-block__rating-item--number fw600 v-align-m">{IPRD_RSTAR}</li>
                </ul>
                <!-- ENDIF -->
                <span class="rating-block__count">({IPRD_COUNT})</span>
              </div>
              <div class="clear"></div>
            </div>
            <div class="userdata clearfix">
              <!-- IF {IPRD_MK_POPULAR} -->
              <div class="cusongsblock__labels m-visible">
                <div class="cusongsblock__label-container"><a href="{IPRD_URL}"><span class="fox-express">{PHP.cfg.market.item_profi_title}</span></a></div>
              </div>
              <!-- ENDIF -->
              <div class="otherdetails pull-left m-hidden" style="">
                <div data-bookmark="{IPRD_ID}"<!-- IF {IPRD_ISFAV} --> class="active"<!-- ENDIF -->>
                  <div class="tooltipster Favorites-block pull-left" data-tooltip-side="top" data-tooltip-text="Добавить в избранное"><i class="icon ico-heart ico-heart_hover icon ico-heart_no-active"></i></div>
                  <div class="tooltipster Favorites-block active pull-left hidden" data-tooltip-side="top" data-tooltip-text="Удалить из избранного"><i class="icon ico-heart ico-heart_hover"></i></div>
                </div>
                  <div class="user_prd_mark_block pull-left ml5">
                    <!-- IF {IPRD_MK_ISORDERYET} -->
                      <span class="tooltipster dib tooltipstered" data-tooltip-side="top" data-tooltip-text="{IPRD_MK_ISORDERYET}"><img src="themes/itbirja/images/cart-{IPRD_MK_ISORDERYET_ICON}.png" width="20" height="16" alt=""></span>
                    <!-- ELSE -->
                      <!-- IF {IPRD_VIZITED} -->
                        <span class="tooltipster dib" data-tooltip-side="top" data-tooltip-text="Ранее вы просматривали {PHP|cot_sitename('phrases', 'ety')}">
                         <img src="themes/itbirja/images/ok-mark-grey.png" width="20" height="16" alt="">
                        </span>
                      <!-- ENDIF -->
                    <!-- ENDIF -->
                  </div>
                <div class="clear"></div>
              </div>
              <div class="price pull-right m-pull-right"> {IPRD_COST_OT} {IPRD_COST_FORMAT}</div>
              <div class="otherdetails pull-right m-visible">
                <div class="user_prd_mark_block">
                  <!-- IF {IPRD_MK_ISORDERYET} -->
                  <span class="tooltipster dib tooltipstered" data-tooltip-side="right" data-tooltip-text="{IPRD_MK_ISORDERYET}" data-proportion="3:2"><img src="themes/itbirja/images/cart-{IPRD_MK_ISORDERYET_ICON}.png" width="20" height="16" alt=""></span>
                  <!-- ELSE -->
                    <!-- IF {IPRD_VIZITED} -->
                    <span class="tooltipster dib" data-tooltip-side="right" data-tooltip-text="Ранее вы просматривали {PHP|cot_sitename('phrases', 'ety')}" data-proportion="3:2">
                      <img src="themes/itbirja/images/ok-mark-grey.png" width="20" height="16" alt="">
                    </span>
                    <!-- ENDIF -->
                  <!-- ENDIF -->
                </div>
              </div>
              <div class="pull-left cusongsblock-panel__user-name m-visible "><i class="icon ico-{IPRD_OWNER_ONLINEICO} v-align-m"></i>&nbsp;<a class="dark-link dib v-align-m oneline-faded  w100" href="{IPRD_OWNER_DETAILSLINK}" title="{IPRD_OWNER_NICKNAME}">{IPRD_OWNER_NICKNAME}</a></div>
            </div>
          </div>
        </div>
        <!-- END: POPULAR_MARKET -->
      </div>
    </div>
    <script>
      $(document).ready(function() {
      	$('.js-prd-carousel-container-popular').prdCarousel({
      		margin: 0,
      		staticFirst: true,
      		items: 9999999,
      		responsive: {
      			768: {
      				items: 4
      			},
      			1231: {
      				items: 5
      			}
      		}
      	});
      });
    </script>
    <div class="clearfix"></div>
  </div>

  <!-- BEGIN: VIZITED_MARKET -->
  <div class="clearfix"></div>
  <div class="lg-centerwrap centerwrap main-wrap m-m0 authorized-prd-block clearfix">
    <h1 align="center" class="m-text-left m-f18">Просмотренные услуги</h1>
    <div class="prd-carousel">
      <div class="js-prd-carousel-container-vizited prd-carousel__container">
        <!-- BEGIN: VM_ITEMS -->
        <div class="cusongsblock js-prd-card" data-id="{VPRD_ID}">
          <div class="songperson cusongsblock__content">
            <a href="{VPRD_URL}"><img src="{VPRD_PHOTO_FIRST_CROP}"  alt="{VPRD_SHORTTITLE}" width="230" height="153"></a>
          </div>
          <div class="ta-left padding-content">
                <span class="userimage m-hidden">
                  <i class="icon ico-{VPRD_OWNER_ONLINEICO}"></i>
                  <img src="<!-- IF {VPRD_OWNER_AVATAR_SRC} -->{VPRD_OWNER_AVATAR_SRC}<!-- ELSE -->themes/itbirja/files/avatar/medium/noprofilepicture.gif<!-- ENDIF -->" class="rounded" alt="{PHP.usr.name}" />
                </span>
                <div class="pull-left cusongsblock-panel__user-name m-hidden oneline-faded w120">
                  <a class="dark-link" href="{VPRD_OWNER_DETAILSLINK}" title="{VPRD_OWNER_NICKNAME}">{VPRD_OWNER_NICKNAME}</a>
                  <span>
                    <!-- IF {VPRD_OWNER_MAINGRPID} == 7 -->
                      {VPRD_OWNER_MK_PAYER_GROUP}
                    <!-- ELSE -->
                      {VPRD_OWNER_MK_SELLER_GROUP}
                    <!-- ENDIF -->
                  </span>
                </div>
                <div class="cusongsblock-toprated m-hidden">
                  <!-- IF {VPRD_MK_POPULAR} -->
                  <div class="toprated-inner-white">
                    <span class="white-shadow">&nbsp;&nbsp;</span>
                    <span class="fox-express">{PHP.cfg.market.item_profi_title}</span>
                  </div>
                  <!-- ENDIF -->
                </div>
                <div class="clear"></div>
                <p class="multiline-faded-block">
                  <a class="multiline-faded" href="{VPRD_URL}" title="{VPRD_SHORTTITLE}">
                    <span class="first-letter dib">{VPRD_SHORTTITLE}</span>
                  </a>
                </p>
            <div class="cusongsblock__panel">
              <div class="pull-right cusongsblock-panel__rating m-pull-reset">
                <!-- IF {VPRD_RSTAR} > 0 -->
                <ul class="rating-block cusongsblock-panel__rating-list dib">
                  <li class="mr2 v-align-m"><i class="fa fa-star gold" aria-hidden="true"></i> </li>
                  <li class="rating-block__rating-item--number fw600 v-align-m">{VPRD_RSTAR}</li>
                </ul>
                <!-- ENDIF -->
                <span class="rating-block__count">({VPRD_COUNT})</span>
              </div>
              <div class="clear"></div>
            </div>
            <div class="userdata clearfix">
              <!-- IF {VPRD_MK_POPULAR} -->
              <div class="cusongsblock__labels m-visible">
                <div class="cusongsblock__label-container"><a href="{VPRD_URL}"><span class="fox-express">{PHP.cfg.market.item_profi_title}</span></a></div>
              </div>
              <!-- ENDIF -->
              <div class="otherdetails pull-left m-hidden" style="">
                <div data-bookmark="{VPRD_ID}"<!-- IF {VPRD_ISFAV} --> class="active"<!-- ENDIF -->>
                  <div class="tooltipster Favorites-block pull-left" data-tooltip-side="top" data-tooltip-text="Добавить в избранное"><i class="icon ico-heart ico-heart_hover icon ico-heart_no-active"></i></div>
                  <div class="tooltipster Favorites-block active pull-left hidden" data-tooltip-side="top" data-tooltip-text="Удалить из избранного"><i class="icon ico-heart ico-heart_hover"></i></div>
                </div>
                  <div class="user_prd_mark_block pull-left ml5">
                    <!-- IF {VPRD_MK_ISORDERYET} -->
                      <span class="tooltipster dib tooltipstered" data-tooltip-side="top" data-tooltip-text="{VPRD_MK_ISORDERYET}"><img src="themes/itbirja/images/cart-{VPRD_MK_ISORDERYET_ICON}.png" width="20" height="16" alt=""></span>
                    <!-- ELSE -->
                      <span class="tooltipster dib" data-tooltip-side="top" data-tooltip-text="Ранее вы просматривали {PHP|cot_sitename('phrases', 'ety')}">
                       <img src="themes/itbirja/images/ok-mark-grey.png" width="20" height="16" alt="">
                      </span>
                    <!-- ENDIF -->
                  </div>
                  <div class="rating-block__count tooltipster dib tooltipstered" data-tooltip-side="top" data-tooltip-text="Кол-во просмотров">({VPRD_COUNT})</div>
                <div class="clear"></div>
              </div>
              <div class="price pull-right m-pull-right"> {VPRD_COST_OT} {VPRD_COST_FORMAT}</div>
              <div class="otherdetails pull-right m-visible">
                <div class="user_prd_mark_block">
                  <!-- IF {VPRD_MK_ISORDERYET} -->
                  <span class="tooltipster dib tooltipstered" data-tooltip-side="right" data-tooltip-text="{VPRD_MK_ISORDERYET}" data-proportion="3:2"><img src="themes/itbirja/images/cart-{VPRD_MK_ISORDERYET_ICON}.png" width="20" height="16" alt=""></span>
                  <!-- ELSE -->
                    <span class="tooltipster dib" data-tooltip-side="right" data-tooltip-text="Ранее вы просматривали {PHP|cot_sitename('phrases', 'ety')}" data-proportion="3:2">
                      <img src="themes/itbirja/images/ok-mark-grey.png" width="20" height="16" alt="">
                    </span>
                  <!-- ENDIF -->
                </div>
              </div>
              <div class="pull-left cusongsblock-panel__user-name m-visible "><i class="icon ico-{VPRD_OWNER_ONLINEICO} v-align-m"></i>&nbsp;<a class="dark-link dib v-align-m oneline-faded  w100" href="{VPRD_OWNER_DETAILSLINK}" title="{VPRD_OWNER_NICKNAME}">{VPRD_OWNER_NICKNAME}</a></div>
            </div>
          </div>
        </div>
        <!-- END: VM_ITEMS -->
      </div>
    </div>
    <script>
      $(document).ready(function() {
      	$('.js-prd-carousel-container-vizited').prdCarousel({
      		margin: 0,
      		staticFirst: true,
      		items: 9999999,
      		responsive: {
      			768: {
      				items: 4
      			},
      			1231: {
      				items: 5
      			}
      		}
      	});
      });
    </script>
  </div>
  <!-- END: VIZITED_MARKET -->

  <!-- IF {PAGE_LIST_NEWS_CNT} > 0 -->
  <div class="lg-centerwrap centerwrap main-wrap m-m0">
    <h1 align="center" class="m-text-left m-f18">Новости</h1>
    <div class="rubric-list">
      <!-- BEGIN: PAGE_LIST_ROW -->
      <a class="rubric-list__item rubric-item" href="{LIST_ROW_URL}" target="_blank">
        <!-- IF {LIST_ROW_IMG} AND {LIST_ROW_IMG|file_exists('datas/exflds/'$this)} -->
          <img alt="{LIST_ROW_SHORTTITLE}" src="datas/exflds/{LIST_ROW_IMG}" width="280" class="rubric-item__image">
        <!-- ELSE -->
          <img alt="{LIST_ROW_OWNER_NICKNAME}" src="<!-- IF {LIST_ROW_OWNER_AVATAR_SRC} -->{LIST_ROW_OWNER_AVATAR_SRC}<!-- ELSE -->themes/itbirja/files/avatar/big/noprofilepicture.gif<!-- ENDIF -->" width="280" class="rubric-item__image">
        <!-- ENDIF -->
        <span class="rubric-item__name">{LIST_ROW_DESC}</span>
      </a>
      <!-- END: PAGE_LIST_ROW -->
    </div>
  </div>
  <!-- ENDIF -->

  <div class="clearfix"></div>
  <div class="bgWhite pt20 m-hidden">
    <div class="sys-stats">
      <table border="0" cellspacing="0" cellpadding="0">
        <tbody>
          <tr>
            <td class="w33p">
              <div class="stat-count f34 ta-center" style="line-height:30px;">
                {PHP.mk_footer_info.all_active_market}
              </div>
              <div class="stat-desc f14 ta-center">
                {PHP.mk_footer_info.all_active_market_label}
              </div>
            </td>
            <td class="w33p">
              <div class="stat-count ta-center" style="font-size:20px; line-height:19px;">
                {PHP.mk_footer_info.avg_worktime_gap_expimp}
              </div>
              <div class="stat-desc f14 ta-center">
                Среднее время выполнения
              </div>
            </td>
            <td class="w33p">
              <div class="stat-count f34 ta-center" style="line-height:30px;">
                {PHP.mk_footer_info.new_market_week}
              </div>
              <div class="stat-desc f14 ta-center">
                {PHP.mk_footer_info.new_market_week_label}
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="m-hidden bgWhite pt20">
  	<div class="lg-centerwrap centerwrap">
  		<hr class="m0 gray">
  	</div>
  </div>
</div>
<script type="text/javascript">
  $(".search-hint").click(function () {
  	$("#search-input").val($(this).data('text'));
  });

  $('#invite-friends-b').on('click', function () {
  	$(this).remove();
  	$('#invite-bs-block').show();
  	return false;
  });

  var bookmark_login_redirect = function () {
  	$('.login-js:first').trigger('click');
  }

  var nextpage = 1;
  var items_per_page = 24;
  var total = 0;
  var sdisplay = "";
  var weightMinute = "53";
  if (nextpage * items_per_page >= total) {
  	$('.loadDodjis').remove();
  	showMoreButtonPopup();
  }

  function showMoreButtonPopup() {
  	var $button = $("<button class='loadDodjis signup-js'>Показать еще</button>");
  	$('.index-page_more-button').append($button);
  }
</script>
<div class="substrate-footer"></div>
<script src="themes/itbirja/js/pages/index.js" type="text/javascript"></script>
<!-- ENDIF -->
<!-- END: MAIN -->