From 9d6aeca986305ddec2302c60cd52c1d0ce2cb6ff Mon Sep 17 00:00:00 2001
From: zhegal <zhegal@gmail.com>
Date: Wed, 17 Jan 2018 13:37:23 +0200
Subject: [PATCH] verstka

---
 frontend/views/site/index.php | 494 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 frontend/web/css/style.css    |  61 ++++++++++++++++++++++++++++++++++++++++++++++++++++---------
 2 files changed, 348 insertions(+), 207 deletions(-)

diff --git a/frontend/views/site/index.php b/frontend/views/site/index.php
index 27144ce..3aee90b 100644
--- a/frontend/views/site/index.php
+++ b/frontend/views/site/index.php
@@ -18,8 +18,7 @@ JS;
 $this->registerJs($js, View::POS_END);
 ?>
 
-
-<section class="no-mb">
+<section class="no-mb mtop-25">
     <div class="container">
         <div class="row">
             <div class="col-md-12">
@@ -29,181 +28,228 @@ $this->registerJs($js, View::POS_END);
             </div>
         </div>
         <div class="row">
-            <div class="col-md-7">
-
-
+            <div class="col-md-12">
                 <p class="lead"><?= Yii::t('app', 'text1') ?></p>
-
             </div>
-            <div class="col-md-5">
+        </div>
+        <div class="col-md-12">
+            <div class="row">
                 <div class="main_video_fb">
                     <iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FKBEnergy.UA%2Fvideos%2F1171662169609800%2F&show_text=0&width=560" width="100%" height="100%" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>
                 </div>
             </div>
         </div>
         <div class="row">
-            <div style="text-align:  center;margin-bottom: 25px;"><a href="#" class="btn button1 icon_phone modaled init-button-consultation" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal" style="margin: 0 auto;width: 225px;"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a></div>
+            <div style="text-align:  center;margin-bottom: 35px;"><a href="#" class="btn button1 icon_phone modaled init-button-consultation" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal" style="margin: 0 auto;width: 225px;"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a></div>
         </div>
     </div>
 </section>
 
-<section class="bar background-kben ptop30">
+<section class="bar background-kben ptop30 no-mb">
     <div class="container">
         <div class="row">
-        <div class="col-md-12">
-            <div class="heading text-left">
-                <h2><?= Yii::t('app', 'title2') ?></h2>
-            </div>
-            <div class="row">
-                <div class="col-md-4">
-                    <img src="../img/accord/acc01.jpg" alt="" class="img-responsive border5">
+            <div class="col-md-12">
+                <div class="heading text-left">
+                    <h2><?= Yii::t('app', 'title2') ?></h2>
+                </div>
+                <div class="row">
+                    <div class="col-md-4 hidden-md hidden-lg">
+                        <img src="../img/accord/acc01.jpg" alt="" class="img-responsive border5">
+                    </div>
+                    <div class="col-md-8">
+                        <p class="lead"><?= Yii::t('app', 'text2') ?></p>
+                    </div>
+                    <div class="col-md-4 hidden-xs hidden-sm">
+                        <img src="../img/accord/acc01.jpg" alt="" class="img-responsive border5">
+                    </div>
                 </div>
-                <div class="col-md-8">
-                    <p class="lead"><?= Yii::t('app', 'text2') ?></p>
+                <div class="col-md-12 get_station_center">
+                    <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
                 </div>
             </div>
         </div>
-        </div>
     </div>
 </section>
 
-<section class="bar background-white ptop30">
+<section class="bar background-white ptop30 no-mb">
     <div class="container">
         <div class="row">
-        <div class="col-md-12">
-            <div class="heading text-left">
-                <h2><?= Yii::t('app', 'title3') ?></h2>
-            </div>
-            <div class="row">
-                <div class="col-md-8">
-                    <p class="lead"><?= Yii::t('app', 'text3') ?></p>
+            <div class="col-md-12">
+                <div class="heading text-left">
+                    <h2><?= Yii::t('app', 'title3') ?></h2>
                 </div>
-                <div class="col-md-4">
-                    <img src="../img/accord/acc02.jpg" alt="" class="img-responsive border5">
+                <div class="row">
+                    <div class="col-md-4 hidden-md hidden-lg">
+                        <img src="../img/accord/acc02.jpg" alt="" class="img-responsive border5">
+                    </div>
+                    <div class="col-md-8">
+                        <p class="lead"><?= Yii::t('app', 'text3') ?></p>
+                    </div>
+                    <div class="col-md-4 hidden-xs hidden-sm">
+                        <img src="../img/accord/acc02.jpg" alt="" class="img-responsive border5">
+                    </div>
+                </div>
+                <div class="col-md-12 get_station_center">
+                    <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
                 </div>
             </div>
         </div>
-        </div>
     </div>
 </section>
 
-<section class="bar background-kben ptop30">
+<section class="bar background-kben ptop30 no-mb">
     <div class="container">
         <div class="row">
-        <div class="col-md-12">
-            <div class="heading text-left">
-                <h2><?= Yii::t('app', 'title4') ?></h2>
-            </div>
-            <div class="row">
-                <div class="col-md-4">
-                    <img src="../img/accord/acc03.jpg" alt="" class="img-responsive border5">
+            <div class="col-md-12">
+                <div class="heading text-left">
+                    <h2><?= Yii::t('app', 'title4') ?></h2>
                 </div>
-                <div class="col-md-8">
-                    <p class="lead"><?= Yii::t('app', 'text4') ?></p>
+                <div class="row">
+                    <div class="col-md-4 hidden-lg hidden-md">
+                        <img src="../img/accord/acc03.jpg" alt="" class="img-responsive border5">
+                    </div>
+                    <div class="col-md-8">
+                        <p class="lead"><?= Yii::t('app', 'text4') ?></p>
+                    </div>
+                    <div class="col-md-4 hidden-xs hidden-sm">
+                        <img src="../img/accord/acc03.jpg" alt="" class="img-responsive border5">
+                    </div>
+                </div>
+                <div class="col-md-12 get_station_center">
+                    <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
                 </div>
             </div>
         </div>
-        </div>
     </div>
 </section>
 
-<section class="bar background-white ptop30">
+<section class="bar background-white ptop30 no-mb">
     <div class="container">
         <div class="row">
-        <div class="col-md-12">
-            <div class="heading text-left">
-                <h2><?= Yii::t('app', 'title5') ?></h2>
-            </div>
-            <div class="row">
-                <div class="col-md-8">
-                    <p class="lead"><?= Yii::t('app', 'text5') ?></p>
+            <div class="col-md-12">
+                <div class="heading text-left">
+                    <h2><?= Yii::t('app', 'title5') ?></h2>
                 </div>
-                <div class="col-md-4">
-                    <img src="../img/accord/acc07.jpg" alt="" class="img-responsive border5">
+                <div class="row">
+                    <div class="col-md-4 hidden-lg hidden-md">
+                        <img src="../img/accord/acc07.jpg" alt="" class="img-responsive border5">
+                    </div>
+                    <div class="col-md-8">
+                        <p class="lead"><?= Yii::t('app', 'text5') ?></p>
+                    </div>
+                    <div class="col-md-4 hidden-xs hidden-sm">
+                        <img src="../img/accord/acc07.jpg" alt="" class="img-responsive border5">
+                    </div>
+                </div>
+                <div class="col-md-12 get_station_center">
+                    <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
                 </div>
             </div>
         </div>
-        </div>
     </div>
 </section>
 
-<section class="bar background-kben ptop30">
+<section class="bar background-kben ptop30 no-mb">
     <div class="container">
         <div class="row">
-        <div class="col-md-12">
-            <div class="heading text-left">
-                <h2><?= Yii::t('app', 'title6') ?></h2>
-            </div>
-            <div class="row">
-                <div class="col-md-4">
-                    <img src="../img/accord/acc08.jpg" alt="" class="img-responsive border5">
+            <div class="col-md-12">
+                <div class="heading text-left">
+                    <h2><?= Yii::t('app', 'title6') ?></h2>
+                </div>
+                <div class="row">
+                    <div class="col-md-4 hidden-lg hidden-md">
+                        <img src="../img/accord/acc08.jpg" alt="" class="img-responsive border5">
+                    </div>
+                    <div class="col-md-8">
+                        <p class="lead"><?= Yii::t('app', 'text6') ?></p>
+                    </div>
+                    <div class="col-md-4 hidden-xs hidden-sm">
+                        <img src="../img/accord/acc08.jpg" alt="" class="img-responsive border5">
+                    </div>
                 </div>
-                <div class="col-md-8">
-                    <p class="lead"><?= Yii::t('app', 'text6') ?></p>
+                <div class="col-md-12 get_station_center">
+                    <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
                 </div>
             </div>
         </div>
-        </div>
     </div>
 </section>
 
-<section class="bar background-white ptop30">
+<section class="bar background-white ptop30 no-mb">
     <div class="container">
         <div class="row">
-        <div class="col-md-12">
-            <div class="heading text-left">
-                <h2><?= Yii::t('app', 'title7') ?></h2>
-            </div>
-            <div class="row">
-                <div class="col-md-8">
-                    <p class="lead"><?= Yii::t('app', 'text7') ?></p>
+            <div class="col-md-12">
+                <div class="heading text-left">
+                    <h2><?= Yii::t('app', 'title7') ?></h2>
                 </div>
-                <div class="col-md-4">
-                    <img src="../img/accord/acc04.jpg" alt="" class="img-responsive border5">
+                <div class="row">
+                    <div class="col-md-4 hidden-lg hidden-md">
+                        <img src="../img/accord/acc04.jpg" alt="" class="img-responsive border5">
+                    </div>
+                    <div class="col-md-8">
+                        <p class="lead"><?= Yii::t('app', 'text7') ?></p>
+                    </div>
+                    <div class="col-md-4 hidden-xs hidden-sm">
+                        <img src="../img/accord/acc04.jpg" alt="" class="img-responsive border5">
+                    </div>
+                </div>
+                <div class="col-md-12 get_station_center">
+                    <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
                 </div>
             </div>
         </div>
-        </div>
     </div>
 </section>
 
-<section class="bar background-kben ptop30">
+<section class="bar background-kben ptop30 no-mb">
     <div class="container">
         <div class="row">
-        <div class="col-md-12">
-            <div class="heading text-left">
-                <h2><?= Yii::t('app', 'title8') ?></h2>
-            </div>
-            <div class="row">
-                <div class="col-md-4">
-                    <img src="../img/accord/acc05.jpg" alt="" class="img-responsive border5">
+            <div class="col-md-12">
+                <div class="heading text-left">
+                    <h2><?= Yii::t('app', 'title8') ?></h2>
+                </div>
+                <div class="row">
+                    <div class="col-md-4 hidden-lg hidden-md">
+                        <img src="../img/accord/acc05.jpg" alt="" class="img-responsive border5">
+                    </div>
+                    <div class="col-md-8">
+                        <p class="lead"><?= Yii::t('app', 'text8') ?></p>
+                    </div>
+                    <div class="col-md-4 hidden-xs hidden-sm">
+                        <img src="../img/accord/acc05.jpg" alt="" class="img-responsive border5">
+                    </div>
                 </div>
-                <div class="col-md-8">
-                    <p class="lead"><?= Yii::t('app', 'text8') ?></p>
+                <div class="col-md-12 get_station_center">
+                    <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
                 </div>
             </div>
         </div>
-        </div>
     </div>
 </section>
 
-<section class="bar background-white ptop30">
+<section class="bar background-white ptop30 pb0">
     <div class="container">
         <div class="row">
-        <div class="col-md-12">
-            <div class="heading text-left">
-                <h2><?= Yii::t('app', 'title9') ?></h2>
-            </div>
-            <div class="row">
-                <div class="col-md-8">
-                    <p class="lead"><?= Yii::t('app', 'text9') ?></p>
+            <div class="col-md-12">
+                <div class="heading text-left">
+                    <h2><?= Yii::t('app', 'title9') ?></h2>
                 </div>
-                <div class="col-md-4">
-                    <img src="../img/accord/acc06.jpg" alt="" class="img-responsive border5">
+                <div class="row">
+                    <div class="col-md-4 hidden-lg hidden-md">
+                        <img src="../img/accord/acc06.jpg" alt="" class="img-responsive border5">
+                    </div>
+                    <div class="col-md-8">
+                        <p class="lead"><?= Yii::t('app', 'text9') ?></p>
+                    </div>
+                    <div class="col-md-4 hidden-xs hidden-sm">
+                        <img src="../img/accord/acc06.jpg" alt="" class="img-responsive border5">
+                    </div>
+                </div>
+                <div class="col-md-12 get_station_center">
+                    <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
                 </div>
             </div>
         </div>
-        </div>
     </div>
 </section>
 
@@ -267,61 +313,113 @@ $this->registerJs($js, View::POS_END);
             </div>
             <div class="row">
                 <div class="col-md-12">
-                        <p style="margin-top:25px;" class="lead"><?= Yii::t('app', 'sect2_1') ?><br /></p>
-                        <p class="lead">
+                    <p style="margin-top: -10px;" class="lead"><?= Yii::t('app', 'sect2_1') ?><br /></p>
+                    <p class="lead">
 
-                            <?= Yii::t('app', 'sect2_2') ?><br />
+                        <?= Yii::t('app', 'sect2_2') ?><br />
 
-                            - <?= Yii::t('app', 'sect2_3') ?><br />
+                        - <?= Yii::t('app', 'sect2_3') ?><br />
 
-                            - <?= Yii::t('app', 'sect2_4') ?><br />
+                        - <?= Yii::t('app', 'sect2_4') ?><br />
 
-                            - <?= Yii::t('app', 'sect2_5') ?>
-                        </p>
-                        <a href="http://fb.com/KBEnergy.UA/" class="button1 more-projects" target="_blank"><?= Yii::t('app', 'sect2_6') ?></a>
+                        - <?= Yii::t('app', 'sect2_5') ?>
+                    </p>
+                    <p style="text-align: center;margin-top: -10px;margin-bottom:  25px;">
+                        <a href="#" class="btn button1 icon_phone modaled init-button-consultation" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
+                    </p>
                 </div>
             </div>
             <div class="row portfolio">
-                <div class="col-sm-3">
+                <div class="col-sm-6">
                     <div class="box-image">
                         <div class="image">
                             <div class="image_link_wr">
-                            <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/HymA-lcE14c" style="border:none;overflow:hidden;width: 100%;" allowfullscreen=""></iframe>
+                                <a href="https://youtu.be/HymA-lcE14c" target="_blank" class="image_link" style="background-image:url('/img/video_yt.jpg');"></a>
+                            </div>
+                            <div class="img-title">
+                                <table>
+                                    <tr>
+                                        <td class="buts text-left">
+                                            <a href="https://youtu.be/HymA-lcE14c" class="sqre_btn blue_arrow"  target="_blank" title="Смотреть на YouTube"></a>
+                                            <a href="#" class="btn sqre_btn yellow_calc modaled init-button-сalculate" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"></a>
+                                        </td>
+                                        <td class="i-title" valign="center">
+                                            <p class="pr_title2"><a href="https://youtu.be/HymA-lcE14c" target="_blank"><?= Yii::t('app', 'sect2_7') ?></a></p>
+                                        </td>
+                                    </tr>
+                                </table>
                             </div>
-                            <p class="pr_title2"><a href="https://youtu.be/HymA-lcE14c" target="_blank"><?= Yii::t('app', 'sect2_7') ?></a></p>
                         </div>
                     </div>
                     <!-- /.box-image -->
                 </div>
-                <div class="col-sm-3">
+                <div class="col-sm-6">
                     <div class="box-image">
                         <div class="image">
                             <div class="image_link_wr">
                                 <a href="#" class="image_link open_gal" id="gal02" style="background-image:url('/img/pic01.jpg');"></a>
                             </div>
-                            <p class="pr_title2"><a href="#" class="open_gal" id="gal02"><?= Yii::t('app', 'sect2_8') ?></a></p>
+                            <div class="img-title">
+                                <table>
+                                    <tr>
+                                        <td class="buts text-left">
+                                            <a href="#" class="open_gal sqre_btn blue_arrow" id="gal02"></a>
+                                            <a href="#" class="btn sqre_btn yellow_calc modaled init-button-сalculate" data-title="<?= Yii::t('app', 'sect2_8') ?>" data-toggle="modal" data-target="#feedback-modal"></a>
+                                        </td>
+                                        <td class="i-title" valign="center">
+                                            <p class="pr_title2"><a href="#" class="open_gal" id="gal02"><?= Yii::t('app', 'sect2_8') ?></a></p>
+                                        </td>
+                                    </tr>
+                                </table>
+                            </div>
                         </div>
                     </div>
                     <!-- /.box-image -->
                 </div>
-                <div class="col-sm-3">
+                <div class="col-sm-6">
                     <div class="box-image">
                         <div class="image">
                             <div class="image_link_wr">
                                 <a href="#" class="image_link open_gal" id="gal01" style="background-image:url('/img/pic02.jpg');"></a>
                             </div>
-                            <p class="pr_title2"><a href="#" class="open_gal" id="gal01"><?= Yii::t('app', 'sect2_9') ?></a></p>
+                            <div class="img-title">
+                                <table>
+                                    <tr>
+                                        <td class="buts text-left">
+                                            <a href="#" class="open_gal sqre_btn blue_arrow" id="gal01"></a>
+                                            <a href="#" class="btn sqre_btn yellow_calc modaled init-button-сalculate" data-title="<?= Yii::t('app', 'sect2_9') ?>" data-toggle="modal" data-target="#feedback-modal"></a>
+                                        </td>
+                                        <td class="i-title" valign="center">
+                                            <p class="pr_title2">
+                                                <a href="#" class="open_gal" id="gal01"><?= Yii::t('app', 'sect2_9') ?></a>
+                                            </p>
+                                        </td>
+                                    </tr>
+                                </table>
+                            </div>
                         </div>
                     </div>
                     <!-- /.box-image -->
                 </div>
-                <div class="col-sm-3">
+                <div class="col-sm-6">
                     <div class="box-image">
                         <div class="image">
                             <div class="image_link_wr">
                                 <a href="#" class="image_link open_gal" id="gal03" style="background-image:url('/img/pic03.jpg');"></a>
                             </div>
-                            <p class="pr_title2"><a href="#" class="open_gal" id="gal03"><?= Yii::t('app', 'sect2_10') ?></a></p>
+                            <div class="img-title">
+                                <table>
+                                    <tr>
+                                        <td class="buts text-left">
+                                            <a href="#" class="open_gal sqre_btn blue_arrow" id="gal03"></a>
+                                            <a href="#" class="btn sqre_btn yellow_calc modaled init-button-сalculate" data-title="<?= Yii::t('app', 'sect2_10') ?>" data-toggle="modal" data-target="#feedback-modal"></a>
+                                        </td>
+                                        <td class="i-title" valign="center">
+                                            <p class="pr_title2"><a href="#" class="open_gal" id="gal03"><?= Yii::t('app', 'sect2_10') ?></a></p>
+                                        </td>
+                                    </tr>
+                                </table>
+                            </div>
                         </div>
                     </div>
                     <!-- /.box-image -->
@@ -329,7 +427,7 @@ $this->registerJs($js, View::POS_END);
             </div>
             <div class="row">
                 <div class="col-md-12" style="text-align:center;margin-top: 20px;margin-bottom: -35px;">
-                    <a href="#" class="btn button1 icon_phone modaled init-button-consultation" data-title="<?= Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal1_2') ?></span></a>
+                    <a href="http://fb.com/KBEnergy.UA/" class="button1 more-projects" target="_blank"><?= Yii::t('app', 'sect2_6') ?></a>
                 </div>
             </div>
         </div>
@@ -374,103 +472,103 @@ $this->registerJs($js, View::POS_END);
 </section>
 
 <section class="bar background-white" id="section3">
-  <div class="container">
-    <div class="col-md-12">
-      <div class="heading text-left">
-        <h2><?= Yii::t('app', 'title12') ?></h2>
-      </div>
-      
-      <div class="row">
-        <div class="col-md-4">
-          <div class="box-simple">
-            <div class="icon icon_en" id="icon01"></div>
-            <h3><?= Yii::t('app', 'sect3_1') ?></h3>
-            <p><?= Yii::t('app', 'sect3_2') ?></p>
-          </div>
-        </div>
-        <div class="col-md-4">
-          <div class="box-simple">
-              <div class="icon icon_en" id="icon02"></div>
-            <h3><?= Yii::t('app', 'sect3_3') ?></h3>
-            <p><?= Yii::t('app', 'sect3_4') ?></p>
-          </div>
-        </div>
-        <div class="col-md-4">
-          <div class="box-simple">
-              <div class="icon icon_en" id="icon03"></div>
-            <h3><?= Yii::t('app', 'sect3_5') ?></h3>
-            <p><?= Yii::t('app', 'sect3_6') ?></p>
-          </div>
-        </div>
-      </div>
-      
-      <div class="row">
-        <div class="col-md-4">
-          <div class="box-simple">
-              <div class="icon icon_en" id="icon04"></div>
-            <h3><?= Yii::t('app', 'sect3_7') ?></h3>
-            <p><?= Yii::t('app', 'sect3_8') ?></p>
-          </div>
-        </div>
-        <div class="col-md-4">
-          <div class="box-simple">
-              <div class="icon icon_en" id="icon05"></div>
-            <h3><?= Yii::t('app', 'sect3_9') ?></h3>
-            <p><?= Yii::t('app', 'sect3_10') ?></p>
-          </div>
-        </div>
-        <div class="col-md-4">
-          <div class="box-simple">
-              <div class="icon icon_en" id="icon06"></div>
-            <h3><?= Yii::t('app', 'sect3_11') ?></h3>
-            <p><?= Yii::t('app', 'sect3_12') ?></p>
-          </div>
-        </div>
-      </div>
+    <div class="container">
+        <div class="col-md-12">
+            <div class="heading text-left">
+                <h2><?= Yii::t('app', 'title12') ?></h2>
+            </div>
 
-        <div class="row">
-            <div class="col-md-4">
-                <div class="box-simple">
-                    <div class="icon icon_en" id="icon07"></div>
-                    <h3><?= Yii::t('app', 'sect3_13') ?></h3>
-                    <p><?= Yii::t('app', 'sect3_14') ?></p>
+            <div class="row">
+                <div class="col-md-4">
+                    <div class="box-simple">
+                        <div class="icon icon_en" id="icon01"></div>
+                        <h3><?= Yii::t('app', 'sect3_1') ?></h3>
+                        <p><?= Yii::t('app', 'sect3_2') ?></p>
+                    </div>
                 </div>
-            </div>
-            <div class="col-md-4">
-                <div class="box-simple">
-                    <div class="icon icon_en" id="icon08"></div>
-                    <h3><?= Yii::t('app', 'sect3_15') ?></h3>
-                    <p><?= Yii::t('app', 'sect3_16') ?></p>
+                <div class="col-md-4">
+                    <div class="box-simple">
+                        <div class="icon icon_en" id="icon02"></div>
+                        <h3><?= Yii::t('app', 'sect3_3') ?></h3>
+                        <p><?= Yii::t('app', 'sect3_4') ?></p>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="box-simple">
+                        <div class="icon icon_en" id="icon03"></div>
+                        <h3><?= Yii::t('app', 'sect3_5') ?></h3>
+                        <p><?= Yii::t('app', 'sect3_6') ?></p>
+                    </div>
                 </div>
             </div>
-            <div class="col-md-4">
-                <div class="box-simple">
-                    <div class="icon icon_en" id="icon09"></div>
-                    <h3><?= Yii::t('app', 'sect3_17') ?></h3>
-                    <p><?= Yii::t('app', 'sect3_18') ?></p>
+
+            <div class="row">
+                <div class="col-md-4">
+                    <div class="box-simple">
+                        <div class="icon icon_en" id="icon04"></div>
+                        <h3><?= Yii::t('app', 'sect3_7') ?></h3>
+                        <p><?= Yii::t('app', 'sect3_8') ?></p>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="box-simple">
+                        <div class="icon icon_en" id="icon05"></div>
+                        <h3><?= Yii::t('app', 'sect3_9') ?></h3>
+                        <p><?= Yii::t('app', 'sect3_10') ?></p>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="box-simple">
+                        <div class="icon icon_en" id="icon06"></div>
+                        <h3><?= Yii::t('app', 'sect3_11') ?></h3>
+                        <p><?= Yii::t('app', 'sect3_12') ?></p>
+                    </div>
                 </div>
             </div>
-        </div>
 
-        <div class="row">
-            <div class="col-md-4 col-md-offset-4">
-                <div class="box-simple">
-                    <div class="icon icon_en" id="icon10"></div>
-                    <h3><?= Yii::t('app', 'sect3_19') ?></h3>
-                    <p><?= Yii::t('app', 'sect3_20') ?></p>
+            <div class="row">
+                <div class="col-md-4">
+                    <div class="box-simple">
+                        <div class="icon icon_en" id="icon07"></div>
+                        <h3><?= Yii::t('app', 'sect3_13') ?></h3>
+                        <p><?= Yii::t('app', 'sect3_14') ?></p>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="box-simple">
+                        <div class="icon icon_en" id="icon08"></div>
+                        <h3><?= Yii::t('app', 'sect3_15') ?></h3>
+                        <p><?= Yii::t('app', 'sect3_16') ?></p>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="box-simple">
+                        <div class="icon icon_en" id="icon09"></div>
+                        <h3><?= Yii::t('app', 'sect3_17') ?></h3>
+                        <p><?= Yii::t('app', 'sect3_18') ?></p>
+                    </div>
                 </div>
             </div>
-        </div>
-        <div class="row">
-            <div class="lead">
-                <p class="text-center"><?= Yii::t('app', 'sect3_21') ?></p>
+
+            <div class="row">
+                <div class="col-md-4 col-md-offset-4">
+                    <div class="box-simple">
+                        <div class="icon icon_en" id="icon10"></div>
+                        <h3><?= Yii::t('app', 'sect3_19') ?></h3>
+                        <p><?= Yii::t('app', 'sect3_20') ?></p>
+                    </div>
+                </div>
             </div>
-            <div class="col-md-12" style="text-align:center;">
-                <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal2') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal2_2') ?></span></a>
+            <div class="row">
+                <div class="lead">
+                    <p class="text-center"><?= Yii::t('app', 'sect3_21') ?></p>
+                </div>
+                <div class="col-md-12" style="text-align:center;">
+                    <a href="#" class="btn button1 icon_stat modaled init-button-order" data-title="<?= Yii::t('app', 'modal2') ?>" data-toggle="modal" data-target="#feedback-modal"><?= Yii::t('app', 'modal1_1') ?> <span><?= Yii::t('app', 'modal2_2') ?></span></a>
+                </div>
             </div>
         </div>
     </div>
-  </div>
 </section>
 
 <!-- /.bar -->
diff --git a/frontend/web/css/style.css b/frontend/web/css/style.css
index 07be680..55de15b 100644
--- a/frontend/web/css/style.css
+++ b/frontend/web/css/style.css
@@ -5,7 +5,7 @@
 #top {
     background: #555555;
     color: #eeeeee;
-    padding: 4px 0;
+    padding: 6px 0 4px 0px;
     line-height: 22px;
 }
 
@@ -138,6 +138,11 @@ a.sqre_btn {
     background-position: center;
     background-repeat: no-repeat;
 }
+.text-left a.sqre_btn{
+    margin-left:0;
+    margin-right: 5px;
+    margin-top: 7px;
+}
 .sqre_btn.blue_arrow{
     background-color: #0095d7;
     background-image: url(../img/arrows_right_w.png);
@@ -170,6 +175,7 @@ a.sqre_btn {
     outline: none;
 }
 .btn.right{float:right;}
+.fleft{float:left;}
 .btn.button2:hover{
     background-color: #40c4ff;
 }
@@ -216,7 +222,8 @@ a.sqre_btn {
     max-width: 864px;
     max-height: 480px;
     margin: 0 auto;
-    padding-top: 56%;
+    /*padding-top: 56%;*/
+    padding-top: 42.4999%;
     overflow: hidden;
     border-radius: 5px;
     background: url(../img/main_video.jpg);
@@ -232,21 +239,55 @@ a.sqre_btn {
 }
 .image_link_wr{width: 100%;height: 0;padding-top: 58.829%;position: relative;}
 .image_link{background-position:center;position: absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;}
-.pr_title2, .pr_title2 a{
+.pr_title2{
+    margin-top: 0;
+    padding-top: 8px;
+}
+.pr_title2 a{
     font-weight: bold;
     font-size: 16px;
-    margin-top: 0;
     text-transform: uppercase;
-    padding-top: 8px;
     text-decoration: none;
-    color: #555555;;
+    color: #555555;
 }
 .pr_title2 span{display:none!important;}
-
+.background-kben .heading h2 {
+    border-color: #ffd800!important;
+}
+.img-title table{
+    width:100%;
+    margin-top: 10px;
+}
+.img-title table td.buts{
+    width:95px;
+    max-width:100%;
+    vertical-align: top;
+    text-align: left;
+}
+.img-title table td.i-title{
+    padding-left: 15px;
+    text-align: left;
+}
+.img-title table .text-left a.sqre_btn{
+    margin-top:0;
+}
+.img-title table .pr_title2{
+    margin: 0;
+    padding: 0;
+}
+.mtop-25{
+    margin-top: 25px;}
 /* send form buttons */
 .send-form.btn{
     display:none;
 }
+.get_station_center{
+    text-align: center;
+    margin-top: 30px;
+    margin-bottom: -15px;
+}
+.pb0{padding-bottom: 0;}
+#section2{padding-bottom: 10px;}
 
 @media(min-width:992px) and (max-width:1199px){
     .pr_cover {
@@ -283,9 +324,11 @@ a.sqre_btn {
     #section2{padding: 0!important;}
 }
 @media(min-width:768px) and (max-width:991px){
+    .navbar-header{width: 57px;}
+    .navbar-brand.home{width:100%;}
     .navbar-brand.home img{
-        width: 76px;
-        margin-top: 9px;
+        width: 50px;
+        margin-top: 15px;
     }
 }
 @media(max-width:500px){
--
libgit2 0.21.4