From 2e028a03d8032b848ef869ea231e7ef794b1612b Mon Sep 17 00:00:00 2001
From: zhegal <zhegal@gmail.com>
Date: Thu, 18 Jan 2018 11:51:12 +0200
Subject: [PATCH] video yt header

---
 frontend/views/layouts/main.php |  4 ++--
 frontend/views/site/index.php   | 24 +++++++++++++++---------
 frontend/web/css/style.css      | 14 ++++++++++++++
 3 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/frontend/views/layouts/main.php b/frontend/views/layouts/main.php
index df72091..4c1a8a1 100644
--- a/frontend/views/layouts/main.php
+++ b/frontend/views/layouts/main.php
@@ -89,7 +89,7 @@ _________________________________________________________ -->
           <div id="top">
             <div class="container">
               <div class="row">
-                <div class="col-xs-5 contact">
+                <div class="col-xs-6 contact">
                   <p class="hidden-sm hidden-xs">
                       <?php
                           if (!empty($settings->phone)) {
@@ -108,7 +108,7 @@ _________________________________________________________ -->
                     <a href="#" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>
                   </p>
                 </div>
-                <div class="col-xs-7">
+                <div class="col-xs-6">
                   <div class="social">
                       <?php
                           if (!empty($settings->facebook)) {
diff --git a/frontend/views/site/index.php b/frontend/views/site/index.php
index 710040d..3912524 100644
--- a/frontend/views/site/index.php
+++ b/frontend/views/site/index.php
@@ -18,17 +18,23 @@ JS;
 $this->registerJs($js, View::POS_END);
 ?>
 
-<section class="no-mb mtop-25">
-    <div class="container">
-            <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>
+<section>
+    <div class="background-kben main_video_yt">
+        <iframe width="100%" height="100%" src="https://www.youtube.com/embed/yVNaRNlAVDY" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
     </div>
 </section>
+<!---->
+<!--<section class="no-mb mtop-25">-->
+<!--    <div class="container">-->
+<!--            <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>-->
+<!--</section>-->
 
 <section class="no-mb mtop-25">
     <div class="container">
diff --git a/frontend/web/css/style.css b/frontend/web/css/style.css
index 3ef1b5c..3f9ef16 100644
--- a/frontend/web/css/style.css
+++ b/frontend/web/css/style.css
@@ -312,6 +312,7 @@ a.sqre_btn {
 }
 
 .card1{padding-top:60px;}
+.main_video_yt{width:100%;height: calc(100vh - 101px);}
 
 @media(min-width:992px) and (max-width:1199px){
     .pr_cover {
@@ -355,6 +356,19 @@ a.sqre_btn {
         margin-top: -25px;
         margin-bottom: 40px;
     }
+    .main_video_yt{
+        width: 100%;
+        height: 0;
+        padding-bottom: calc(57% - 6px);
+        position: relative;
+    }
+    .main_video_yt iframe{
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
 }
 @media(max-width:768px){
     .main_video_fb{
--
libgit2 0.21.4