.content
  .main_head
    .main_head_top.clearfix
      %ul.nav.nav-tabs.nav_btns
        %li.active
          %a{"data-toggle" => "tab", :href => "#1"} Люди
        %li
          %a{"data-toggle" => "tab", :href => "#2"} Бізнеси
          .show_tip
            Ознайомтесь з дружніми бізнесами
            які допомагають формувати
            та покрищувати наше місто
      .login_wrap
        %div
          %button.login_btn{"data-target" => "#modal4", "data-toggle" => "modal", :onlcick => "playStopVideoInModal"}
            = image_tag ("login.png")
      .search_block
        %input#search_field.search_field{:placeholder => "Пошук за іменем... ", :type => "text"}/
        %button.search_btn
          %i.icon.icon_search
    .main_head_middle
      .tab-content.head_tab-content
        #1.tab-pane.tab-pane_people.active
          .main_head_title
            = image_tag ("logo_lg.png")
            %h1
              Середовище
              %br/
              Тепле Місто
            .title_highlighted
              Простір міста формюють його жителі
          .tab-pane_content
            .bot_btn
              %a.btn.btn_main{:href => "#"} Підтримати
              / <span class="btn btn_main" data-toggle="popover">popover</span>
            .head_couters.clearfix
              .counter
                .counter_value
                  .counter_digit
                    %span 2
                    .counter_gradient_top
                  .counter_digit
                    %span 0
                    .counter_gradient_top
                  .counter_digit
                    %span 0
                    .counter_gradient_top
                  .counter_comma ,
                  .counter_digit
                    %span 8
                    .counter_gradient_top
                  .counter_digit
                    %span 6
                    .counter_gradient_top
                  .counter_digit
                    %span 0
                    .counter_gradient_top
                .counter_text Обєднаних людей
              .counter.counter_violet
                .counter_value
                  .counter_digit
                    %span 2
                    .counter_gradient_top
                  .counter_digit
                    %span 0
                    .counter_gradient_top
                  .counter_comma ,
                  .counter_digit
                    %span 8
                    .counter_gradient_top
                  .counter_digit
                    %span 6
                    .counter_gradient_top
                  .counter_digit
                    %span 0
                    .counter_gradient_top
                .counter_text Зібраних коштів (грн)
          .cubes_wrap
            .cubes_inner_wrap
              #cube-wall.cube-wall
        #2.tab-pane.tab-pane_businesse
          .tab-pane_content
            .text-center
              .title_highlighted
                Рейтинг топ-100 найпрогресивніших компаній міста
            .grid.clearfix
              .grid_item.first
                = link_to image_tag('grid_item_first.png'), url_for({}), :class => 'grid_item_content'
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(grid_item1.png)"}
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item2.png)"}
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item3.png)"}
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item4.png)"}
              .grid_item
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item5.png)"}
              .grid_item
              .grid_item
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item1.png)"}
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item6.png)"}
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item5.png)"}
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item2.png)"}
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item7.png)"}
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item2.png)"}
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item8.png)"}
              .grid_item
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item9.png)"}
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item6.png)"}
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item2.png)"}
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item10.png)"}
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item5.png)"}
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item11.png)"}
              .grid_item
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item2.png)"}
              .grid_item
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item12.png)"}
              .grid_item
              .grid_item
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item2.png)"}
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
              .grid_item
                %a.grid_item_content.tooltipstered{"data-tooltip-content" => "#tooltip_content_inner", :href => "#", :style => "background-image: url(img/grid/grid_item12.png)"}
              .grid_item
              .grid_item
              .grid_item
              .grid_item.last
                %span.grid_item_content.tooltipstered
                  %a.get_involved_link.centered{"data-original-title" => "приєднатись", "data-placement" => "top", "data-toggle" => "tooltip", :href => "#"}
                    %span.get_involved_circle
                      %img.icon_plus{:alt => "", :src => "img/plus.svg"}/
            .progress
              .progress-bar{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "58", :role => "progressbar", :style => "width: 58%"}
                .progress_value_lg 58 / 100
    .main_head_bot
      .head_soc
        %a.round_link.soc_link_yt{:href => "#"}
          %i.icon.icon_yt
        %a.round_link.soc_link_fb{:href => "#"}
          %i.icon.icon_fb
        %a.round_link.soc_link_tw{:href => "#"}
          %i.icon.icon_tw
      .lang
        %a.lang_link{:href => "#"} ENG
        %a.lang_link.active{:href => "#"} UA
/
  <div class="section section_grants">
  <div class="container">
  <div class="row">
  <div class="col-sm-6">
  <h3 class="title_bold">
  гранти
  </h3>
  <div class="subtitle">
  Гранти — грошові або інші засоби, що передаються
  громадянами та юридичними особами та організаціями
  для проведення
  </div>
  <div class="section_text">
  Гранти — грошові або інші засоби, що передаються громадянами та юридичними особами (в тому числі іноземними), а також міжнародними організаціями для проведення конкретних наукових досліджень, розробки законопроектів, підготовки кадрів та інших цілей на умовах, передбачених грантодавцем. Гранти надаються безкоштовно і без повернення.
  </div>
  <div class="link_primary_padd">
  <a href="#" class="link_primary"><span class="link_img"><i class="icon icon_doc"></i></span>подати заявку на грант</a>
  </div>
  <div class="link_wrap">
  <a href="#" class="link link_md">Дізнатись більше</a>
  </div>
  </div>
  <div class="col-sm-6">
  <div class="graph_wrap">
  <div class="square">
  <div class="square_content">
  <div class="graph_details clearfix">
  <div class="graph_item">
  <div class="graph_item_sum" style="color: #f7af7a;">
  сумма
  <div class="graph_item_sum_value">4000 UAH</div>
  </div>
  <div class="graph_item_deadline">
  дедлайн
  <div class="graph_item_deadline_value">12. 08. 2015р.</div>
  </div>
  </div>
  <div class="graph_item">
  <div class="graph_item_sum" style="color: #ff8d72;">
  сумма
  <div class="graph_item_sum_value">4000 UAH</div>
  </div>
  <div class="graph_item_deadline">
  дедлайн
  <div class="graph_item_deadline_value">12. 08. 2015р.</div>
  </div>
  </div>
  <div class="graph_item">
  <div class="graph_item_sum" style="color: #f5c9c9;">
  сумма
  <div class="graph_item_sum_value">4000 UAH</div>
  </div>
  <div class="graph_item_deadline">
  дедлайн
  <div class="graph_item_deadline_value">12. 08. 2015р.</div>
  </div>
  </div>
  <div class="graph_item">
  <div class="graph_item_sum" style="color: #e3d138;">
  сумма
  <div class="graph_item_sum_value">4000 UAH</div>
  </div>
  <div class="graph_item_deadline">
  дедлайн
  <div class="graph_item_deadline_value">12. 08. 2015р.</div>
  </div>
  </div>
  </div>
  </div>
  </div>
  </div>
  </div>
  </div>
  <div class="info_tip">
  <div class="info_tip_text">
  Якщо ти маєш ідею - поділись нею,
  якщо шукаєш ідею - знаходь
  </div>
  <a href="#" class="btn btn_info btn_sm">Банк ідей</a>
  </div>
  </div>
  </div>
.section.section_grants
  .container
    .row
      .col-sm-5.col-md-6
        %h3.title_bold
          гранти
        .link_wrap
          %a.link.link_md{:href => "#"} Дізнатись більше
        .subtitle
          Гранти — грошові або інші засоби, що передаються
          громадянами та юридичними особами та організаціями
          для проведення
        .section_text
          Гранти — грошові або інші засоби, що передаються громадянами та юридичними особами (в тому числі іноземними), а також міжнародними організаціями для проведення конкретних наукових досліджень, розробки законопроектів, підготовки кадрів та інших цілей на умовах, передбачених грантодавцем. Гранти надаються безкоштовно і без повернення.
      .col-sm-7.col-md-6
        .graph_wrap.five_segment_graph
          .square
            .square_content
              .graph_item.graph_item_one
                .graph_item_sum{:style => "color: #c1e6e5;"}
                  сумма
                  .graph_item_sum_value 4000 UAH
                .graph_item_deadline
                  дедлайн
                  .graph_item_deadline_value 12. 08. 2015р.
              .graph_item.graph_item_two
                .graph_item_sum{:style => "color: #e77a7a;"}
                  сумма
                  .graph_item_sum_value 4000 UAH
                .graph_item_deadline
                  дедлайн
                  .graph_item_deadline_value 12. 08. 2015р.
              .graph_item.graph_item_three
                .graph_item_sum{:style => "color: #e3d138;"}
                  сумма
                  .graph_item_sum_value 4000 UAH
                .graph_item_deadline
                  дедлайн
                  .graph_item_deadline_value 12. 08. 2015р.
              .graph_item.graph_item_four
                .graph_item_sum{:style => "color: #fafbed;"}
                  сумма
                  .graph_item_sum_value 4000 UAH
                .graph_item_deadline
                  дедлайн
                  .graph_item_deadline_value 12. 08. 2015р.
              .graph_item.graph_item_five
                .graph_item_sum{:style => "color: #e3d138;"}
                  сумма
                  .graph_item_sum_value 4000 UAH
                .graph_item_deadline
                  дедлайн
                  .graph_item_deadline_value 12. 08. 2015р.
    .link_primary_padd
      %a.link_primary{:href => "#"}
        %span.link_img>
          %i.icon.icon_doc
        подати заявку на грант
      %a.link_primary{:href => "#"}
        %span.link_img.link_img_light>
          %i.icon.icon_doc
        інші ґрантові можливості
    .info_tip
      .info_tip_title Банк ідей
      .info_tip_text
        Якщо ти маєш ідею - поділись нею,
        якщо шукаєш ідею - знаходь
.section.section_project
  .container
    .row
      .col-sm-4
        %h3.title_bold
          проекти
      .col-sm-8
        .btn-group.btn-group_styled
          %button.btn.active{:type => "button"} Всі
          %button.btn{:type => "button"} В розробці
          %button.btn{:type => "button"} На реалізації
          %button.btn{:type => "button"} Реалізовані
  .container_lg
    .project_wrap.clearfix
      %a.project_item{:href => "#"}
        %span.project_item_top{:style => "background-image: url(img/project1.jpg);"}
          %span.item_label
            Проект
          %span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
            %i.icon.icon_plus
        %span.project_item_middle
          %span.project_item_title Urban Space Radio
          %span.project_item_subtitle Реалізовано
          %span.project_item_text
            має підвищити рівень залученості громадськості до процесів розвитку нших міст. Це досягатиметься через створення медіа-каналу.
        %span.project_item_bot
          %span.progress
            %span.progress-bar{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "20", :role => "progressbar", :style => "width:20%"}
              %span.progress_value зібраних коштів 20%
          %span.progress_details.clearfix
            %span.progress_details_item
              зібраних коштів
              %strong 14 200 UAH
            %span.progress_details_item
              долучилось людей
              %strong 214
      %a.project_item{:href => "#"}
        %span.project_item_top{:style => "background-image: url(img/project2.jpg);"}
          %span.item_label.program_label
            Програма
          %span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
            %i.icon.icon_plus
        %span.project_item_middle
          %span.project_item_title Школа урбаністики
          %span.project_item_subtitle На реалізації
          %span.project_item_text
            Школа урбаністики CANactions – це некомерційна дисциплінарна платформа післядипломної освіти з урбаністики
        %span.project_item_bot
          %span.progress
            %span.progress-bar{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "54", :role => "progressbar", :style => "width:54%"}
              %span.progress_value зібраних коштів 54%
          %span.progress_details.clearfix
            %span.progress_details_item
              зібраних коштів
              %strong 14 200 UAH
            %span.progress_details_item
              долучилось людей
              %strong 214
      %a.project_item{:href => "#"}
        %span.project_item_top{:style => "background-image: url(img/project3.jpg);"}
          %span.item_label.program_label
            Програма
          %span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
            %i.icon.icon_plus
        %span.project_item_middle
          %span.project_item_title Гарячий спорт
          %span.project_item_subtitle На реалізації
          %span.project_item_text
            Школа урбаністики CANactions – це некомерційна дисциплінарна платформа післядипломної освіти з урбаністики
        %span.project_item_bot
          %span.progress
            %span.progress-bar{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "46", :role => "progressbar", :style => "width:46%"}
              %span.progress_value зібраних коштів 46%
          %span.progress_details.clearfix
            %span.progress_details_item
              зібраних коштів
              %strong 14 200 UAH
            %span.progress_details_item
              долучилось людей
              %strong 214
      %a.project_item{:href => "#"}
        %span.project_item_top{:style => "background-image: url(img/project4.jpg);"}
          %span.item_label
            Проект
          %span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
            %i.icon.icon_plus
        %span.project_item_middle
          %span.project_item_title Візуальний стиль міста
          %span.project_item_subtitle Реалізовано
          %span.project_item_text
            Школа урбаністики CANactions – це некомерційна дисциплінарна платформа післядипломної освіти з урбаністики
        %span.project_item_bot
          %span.progress
            %span.progress-bar{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "62", :role => "progressbar", :style => "width:62%"}
              %span.progress_value зібраних коштів 62%
          %span.progress_details.clearfix
            %span.progress_details_item
              зібраних коштів
              %strong 14 200 UAH
            %span.progress_details_item
              долучилось людей
              %strong 214
      %a.project_item{:href => "#"}
        %span.project_item_top{:style => "background-image: url(img/project1.jpg);"}
          %span.item_label.program_label
            Програма
          %span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
            %i.icon.icon_plus
        %span.project_item_middle
          %span.project_item_title Міський дитячий простір
          %span.project_item_subtitle в розробці
          %span.project_item_text
            Школа урбаністики CANactions – це некомерційна дисциплінарна платформа післядипломної освіти з урбаністики
        %span.project_item_bot
          %span.progress
            %span.progress-bar{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "70", :role => "progressbar", :style => "width:70%"}
              %span.progress_value зібраних коштів 70%
          %span.progress_details.clearfix
            %span.progress_details_item
              зібраних коштів
              %strong 14 200 UAH
            %span.progress_details_item
              долучилось людей
              %strong 214
      %a.project_item{:href => "#"}
        %span.project_item_top{:style => "background-image: url(img/project2.jpg);"}
          %span.item_label
            Проект
          %span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
            %i.icon.icon_plus
        %span.project_item_middle
          %span.project_item_title Теплі поштівки
          %span.project_item_subtitle Реалізовано
          %span.project_item_text
            Школа урбаністики CANactions – це некомерційна дисциплінарна платформа післядипломної освіти з урбаністики
        %span.project_item_bot
          %span.progress
            %span.progress-bar{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "100", :role => "progressbar", :style => "width:100%"}
              %span.progress_value зібраних коштів 100%
          %span.progress_details.clearfix
            %span.progress_details_item
              зібраних коштів
              %strong 14 200 UAH
            %span.progress_details_item
              долучилось людей
              %strong 214
      %a.project_item.hidden_md_item{:href => "#"}
        %span.project_item_top{:style => "background-image: url(img/project3.jpg);"}
          %span.item_label.program_label
            Програма
          %span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
            %i.icon.icon_plus
        %span.project_item_middle
          %span.project_item_title Веломісто
          %span.project_item_subtitle На реалізації
          %span.project_item_text
            Школа урбаністики CANactions – це некомерційна дисциплінарна платформа післядипломної освіти з урбаністики
        %span.project_item_bot
          %span.progress
            %span.progress-bar{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "10", :role => "progressbar", :style => "width:10%"}
              %span.progress_value зібраних коштів 10%
          %span.progress_details.clearfix
            %span.progress_details_item
              зібраних коштів
              %strong 14 200 UAH
            %span.progress_details_item
              долучилось людей
              %strong 214
      %a.project_item.hidden_md_item{:href => "#"}
        %span.project_item_top{:style => "background-image: url(img/project4.jpg);"}
          %span.item_label
            Проект
          %span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
            %i.icon.icon_plus
        %span.project_item_middle
          %span.project_item_title Чисте місто - твоє місто
          %span.project_item_subtitle На реалізації
          %span.project_item_text
            Школа урбаністики CANactions – це некомерційна дисциплінарна платформа післядипломної освіти з урбаністики
        %span.project_item_bot
          %span.progress
            %span.progress-bar{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "0", :role => "progressbar", :style => "width:0%"}
              %span.progress_value зібраних коштів 0%
          %span.progress_details.clearfix
            %span.progress_details_item
              зібраних коштів
              %strong 14 200 UAH
            %span.progress_details_item
              долучилось людей
              %strong 214
      %a.project_item.hidden_lg_item{:href => "#"}
        %span.project_item_top{:style => "background-image: url(img/project1.jpg);"}
          %span.item_label
            Проект
          %span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
            %i.icon.icon_plus
        %span.project_item_middle
          %span.project_item_title Теплий ART
          %span.project_item_subtitle На реалізації
          %span.project_item_text
            Школа урбаністики CANactions – це некомерційна дисциплінарна платформа післядипломної освіти з урбаністики
        %span.project_item_bot
          %span.progress
            %span.progress-bar{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "100", :role => "progressbar", :style => "width:100%"}
              %span.progress_value зібраних коштів 100%
          %span.progress_details.clearfix
            %span.progress_details_item
              зібраних коштів
              %strong 14 200 UAH
            %span.progress_details_item
              долучилось людей
              %strong 214
      %a.project_item.hidden_lg_item{:href => "#"}
        %span.project_item_top{:style => "background-image: url(img/project2.jpg);"}
          %span.item_label
            Проект
          %span.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "підтримай проект", "data-placement" => "top", "data-toggle" => "tooltip"}
            %i.icon.icon_plus
        %span.project_item_middle
          %span.project_item_title Грюнвальдська
          %span.project_item_subtitle На реалізації
          %span.project_item_text
            Школа урбаністики CANactions – це некомерційна дисциплінарна платформа післядипломної освіти з урбаністики
        %span.project_item_bot
          %span.progress
            %span.progress-bar{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "10", :role => "progressbar", :style => "width:10%"}
              %span.progress_value зібраних коштів 10%
          %span.progress_details.clearfix
            %span.progress_details_item
              зібраних коштів
              %strong 14 200 UAH
            %span.progress_details_item
              долучилось людей
              %strong 214
  %a.btn.btn_default.btn_bordered.btn_more.disabled{:href => "#"} Більше
.section.section_advert
  .container
    .row
      .col-sm-7.col-md-8.advert_left
        %h3.title_bold
          розвиток вашого бізнесу
        .advert_text
          Oтримайте навички роботи в Інтернеті для розвитку своєї компанії, кар’єрного росту чи просто для впевненості у власних силах
        %a.link_lg{:href => "#"} Перейти на сайт та почати безкоштовне навчання
      .col-sm-5.col-md-4.advert_right
        %a.advert_link{:href => "#"}
          %img{:alt => "", :src => "img/dw_img.png"}/
          %span.advert_link_text Сприяння розвитку України
.section.section_news
  .container.grid_padding_xs
    %h3.title_bold
      Новини
    .row
      .col-sm-4
        %a.news_item{:href => "#"}
          %span.news_head{:style => "background-image: url(img/news1.jpg);"}
            %span.news_details.clearfix
              Новина
              %span.news_date 12.12.15
          %span.news_body
            %span.news_title
              Гранти — грошові або інші засоби, що передаються
            %span.news_text
              Грaнти — грошові або інші засоби, що передаються громадянами юридиими також міжнародними організаціями
              проведення конкретних наукових...
      .col-sm-4
        %a.news_item{:href => "#"}
          %span.news_head{:style => "background-image: url(img/news2.jpg);"}
            %span.news_details.clearfix
              Публікація
              %span.news_date 12.12.15
          %span.news_body
            %span.news_title
              Публікація про важливе.
            %span.news_text
              Досліджень, розробки законопроектів, підготовки кадрів та інших цілей на умовах, передбачених грантодавцем. Гранти надаються безкоштовно і без повернення для осіб...
      .col-sm-4
        %a.news_item{:href => "#"}
          %span.news_head{:style => "background-image: url(img/news3.jpg);"}
            %span.news_details.clearfix
              Блоги
              %span.news_date 12.12.15
          %span.news_body
            %span.news_title
              У випадку довгого заголовка який не бажано обрізати чи вкорочувати, буде так
            %span.news_text
              Досліджень, розробки законопроектів, підготовки кадрів та інших цілей на умовах, передбачених грантодавцем.
    %a.link.link_md{:href => "#"} більше новин
.map_wrap
  .map_info
    .container
      .row
        .col-sm-6
          %h3.title_bold
            CONNECTIF
        .col-sm-6.map_counter
          .counter
            .counter_value
              .counter_digit
                %span 2
                .counter_gradient_top
              .counter_digit
                %span 6
                .counter_gradient_top
              .counter_digit
                %span 0
                .counter_gradient_top
            .counter_text Обєднаних людей за кордоном
      .map_text
        Етнічна, в першу чергу релігійна та мовно-культурна спільнота або сукупність індивидів, які існують зберігаються за межами свого регіону
  #map.map
  %a.btn.btn_default.btn_round.btn_bordered{"data-original-title" => "долучитись", "data-placement" => "top", "data-toggle" => "tooltip", :href => "#"}
    %i.icon.icon_plus
  .point.sm_size{:style => "top: 300px; left: 150px;"}
    .map_tip{:style => "position: absolute; bottom: 100%; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); white-space:nowrap; "}
      .map_tip_top
        .map_tip_name
          Тарас Коломійченко
          %a.round_link{:href => "#"}
            %i.icon.icon_fb
      .map_tip_bot
        Китай, Шанхай
      %i.icon.icon_close
  .point.sm_size{:style => "top: 400px; left: 100px;"}
  .point.lg_size{:style => "top: 450px; left: 150px;"} +99
.tooltip_templates
  #tooltip_content_inner
    .tooltipster_top
      .tooltipster_title
        Технічний партнер
        .tooltipster_title_name Cosmo-Trecel
      %a.tooltipster_img{"data-target" => "#video", "data-toggle" => "modal", :href => "//www.youtube.com/embed/uX12dn47Dy0?rel=0&autoplay=1&showinfo=0html5=1"}
        %img{:alt => "", :src => "img/tip_img1.png"}/
    .tooltipster_bot
      %a.tooltipster_link{:href => "#"} cosmo-travel.com.ua
      %a.round_link{:href => "#"}
        %i.icon.icon_fb
%a#scroller.scroller{:href => "#"}
%i.icon.icon_arrow_up
%div на початок
