From c21a3065c239a71cf926ef4f0b459817dd61ca7d Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Tue, 16 May 2017 03:27:15 +0300
Subject: [PATCH 01/20] Fixed submenu issues

---
 inc/nav-walker.php | 46 ++++++++++++++++++++++++++++++++++++----------
 1 file changed, 36 insertions(+), 10 deletions(-)

diff --git a/inc/nav-walker.php b/inc/nav-walker.php
index 8dfca0a..f49a2bc 100644
--- a/inc/nav-walker.php
+++ b/inc/nav-walker.php
@@ -30,24 +30,50 @@ function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
 
 		$class_names = $class_names ? ' class="mdl-navigation__link ' . esc_attr( $class_names ) . '"' : '';
 
+        if ($args->theme_location == 'drawer' && in_array('menu-item-has-children', $classes))
+            return;
+
 		$id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
 		$id = $id ? ' id="' . esc_attr( $id ) . '"' : '';
 
 		$output .= $indent . '';
 
-		$attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
-		$attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
-		$attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
-		$attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';
-		$attributes .= $class_names;
+        $attributes = !empty($item->attr_title) ? ' title="' . esc_attr($item->attr_title) . '"' : '';
+        $attributes .= !empty($item->target) ? ' target="' . esc_attr($item->target) . '"' : '';
+        $attributes .= !empty($item->xfn) ? ' rel="' . esc_attr($item->xfn) . '"' : '';
+
+        if (!in_array('menu-item-has-children', $classes))
+            $attributes .= ' href="' . esc_attr($item->url) . '"';
+
+        $attributes .= ($item->menu_item_parent) ? (!empty($item->url) ? ' href="' . esc_attr($item->url) . '"' : '') : '';
+        $attributes .= !empty($item->ID) ? ' id="' . esc_attr($item->ID) . '"' : '';
+        if ($item->menu_item_parent && $args->theme_location == 'primary') {
+            $attributes .= 'class="mdl-menu__item"';
+        } else {
+            $attributes .= $class_names;
+        }
+
 
-		$item_output = $args->before;
-		$item_output .= '<a'. $attributes .'>';
-		$item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
-		$item_output .= '</a>';
-		$item_output .= $args->after;
+        global $previous;
+        $item_output = $args->before;
+
+        if ($args->theme_location == 'primary') {
+            if (!$item->menu_item_parent && $previous->menu_item_parent) {
+                $item_output .= '</ul>';
+            }
+
+            if ($item->menu_item_parent && !$previous->menu_item_parent) {
+                $item_output .= '<ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect" for="' . $item->menu_item_parent . '">';
+            }
+        }
+        $item_output .= '<a' . $attributes . '>';
+        $item_output .= $args->link_before . apply_filters('the_title', $item->title, $item->ID) . $args->link_after;
+        $item_output .= '</a>';
+        $item_output .= $args->after;
 
 		$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
+
+        $previous = $item;
 	}
 
 

From 01df687097caff5433034a62eb90fec3810307cf Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Tue, 16 May 2017 05:39:00 +0300
Subject: [PATCH 02/20] Added tee main index

---
 index.php | 252 ++++++++++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 228 insertions(+), 24 deletions(-)

diff --git a/index.php b/index.php
index fae010e..064033a 100755
--- a/index.php
+++ b/index.php
@@ -14,43 +14,247 @@
 get_header(); ?>
 
 
-	<div id="primary" class="content-area">
-		<main id="main" class="site-main mdl-grid mdlwp-900" role="main">
+    <div id="primary" class="content-area">
+        <main id="main" class="site-main mdl-grid" role="main">
 
-		<?php if ( have_posts() ) : ?>
+            <div class="feature-block mdl-grid mdlwp-1000">
 
-			<?php do_action( 'mdlwp_before_content' ); ?>
 
-			<?php /* Start the Loop */ ?>
-			<?php while ( have_posts() ) : the_post(); ?>
+                <div class="mdl-cell mdl-cell--8-col mdl-cell--8-col-tablet">
 
-				<?php
+                    <style>
+                        .demo-card-wide.mdl-card {
+                            width: 100%;
+                        }
 
-					/*
-					 * Include the Post-Format-specific template for the content.
-					 * If you want to override this in a child theme, then include a file
-					 * called content-___.php (where ___ is the Post Format name) and that will be used instead.
-					 */
-					get_template_part( 'template-parts/content', get_post_format() );
-				?>
+                        .demo-card-wide > .mdl-card__title {
+                            color: #fff;
+                        }
+                    </style>
 
-			<?php endwhile; ?>
+                    <div class="demo-card-wide mdl-card mdl-shadow--2dp">
+                        <div class="mdl-card__supporting-text">
 
-			<?php do_action( 'mdlwp_before_pagination' ); ?>
+                            <h3><b>Λιγα λογια για το τμημα</b> . . .<br></h3>
 
-			<?php mdlwp_posts_navigation(); ?>
+                            <p>Το Περιφερειακό Τμήμα Βορειοανατολικού Αιγαίου του Τεχνικού Επιμελητηρίου Ελλάδος είναι
+                                Νομικό
+                                Πρόσωπο Δημοσίου Δικαίου (Ν.Π.Δ.Δ.) και εποπτεύεται από το Υ.ΠΕ.ΧΩ.ΔΕ. Ιδρύθηκε στις
+                                15.01.1997
+                                με το Π.Δ. 4/20.01.1997, με αρμοδιότητες
+                                που εκτείνονται στην Περιφέρεια Βορειοανατολικού Αιγαίου και ειδικότερα στους Νομούς
+                                Λέσβου,
+                                Χίου και Σάμου και περιλαμβάνει τα νησιά Λέσβος, Λήμνος, Άγιος Ευστράτιος, Χίος,
+                                Οινούσσες,
+                                Ψαρά, Σάμο, Ικαρία - Φούρνοι. Η έδρα του
+                                Περιφερειακού Τμήματος είναι η Μυτιλήνη.
+                                <br>
+                            </p>
 
-			<?php do_action( 'mdlwp_after_pagination' ); ?>
+                        </div>
+                        <div class="mdl-card__actions mdl-card--border">
+                            <blockquote>Μέλη του Περιφερειακού Τμήματος γίνονται μέλη του ΤΕΕ Διπλωματούχοι Μηχανικοί
+                                που έχουν
+                                είτε μόνιμη κατοικία ή επαγγελματική έδρα στην περιοχή των Τμημάτων
+                            </blockquote>
+                        </div>
+                    </div>
 
-		<?php else : ?>
+                    <style>
+                        .demo-card-square.mdl-card {
+                            width: 320px;
+                            height: 320px;
+                        }
 
-			<?php get_template_part( 'template-parts/content', 'none' ); ?>
+                        .demo-card-square > .mdl-card__title {
+                            color: #fff;
+                            background: url('https://cdn.dribbble.com/users/25514/screenshots/2016747/flat-news-app-icon-design-ramotion.gif') bottom right 15% no-repeat #46B6AC;
+                        }
 
-		<?php endif; ?>
+                        .disquss > .mdl-card__title {
+                            background: url('https://s3.amazonaws.com/data.tackk.com/mio/37514909/14280070302105/large.gif') bottom right 15% no-repeat #46B6AC;
+                        }
+                    </style>
 
-		<?php do_action( 'mdlwp_after_content' ); ?>
+                    <div class="mdl-grid">
 
-		</main><!-- #main -->
-	</div><!-- #primary -->
+                        <div class="mdl-cell mdl-cell--4-col demo-card-square mdl-card mdl-shadow--2dp">
+                            <div class="mdl-card__title mdl-card--expand">
+                                <h2 class="mdl-card__title-text">Ανακοινώσεις</h2>
+                            </div>
+                            <div class="mdl-card__supporting-text">
+                                Ανακοινώσεις και νέα απο το ΤΕΕ...
+                            </div>
+                            <div class="mdl-card__actions mdl-card--border">
+                                <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"
+                                   href="https://forum.ba-aigaio.tee.gr/">
+                                    περισσοτερα
+                                </a>
+                            </div>
+                        </div>
+
+                        <div class=" mdl-cell mdl-cell--4-col demo-card-square disquss mdl-card mdl-shadow--2dp">
+                            <div class="mdl-card__title mdl-card--expand">
+                                <h2 class="mdl-card__title-text">Γενικές συζητήσεις</h2>
+                            </div>
+                            <div class="mdl-card__supporting-text">
+                                Φορουμ ανταλλαγής απόψεων και συζητήσεων...
+                            </div>
+                            <div class="mdl-card__actions mdl-card--border">
+                                <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"
+                                   href="https://forum.ba-aigaio.tee.gr/">
+                                    περισσοτερα
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="demo-card-wide mdl-card mdl-shadow--2dp">
+                        <div class="mdl-card__supporting-text">
+                            <h3><b>Εκφραζουμε</b></h3>
+                            <p>Το Περιφερειακό Τμήμα αποτελεί την έκφραση του ΤΕΕ στην Περιφέρεια και ασκεί τις
+                                αρμοδιότητες που
+                                προβλέπονται από τις κείμενες διατάξεις για τα Περιφερειακά Τμήματα και που απορρέουν
+                                από τους
+                                σκοπούς του ΤΕΕ για κάθε θέμα της
+                                Περιφέρειας (άρθρο 5 παρ. 3 του Ν. 1486/1984) και ιδιαίτερα:</p>
+                        </div>
+                        <div class="mdl-card__actions mdl-card--border">
+                            <ul>
+                                <li contenteditable="true">Προωθεί την πολιτική του ΤΕΕ στην Περιφέρεια</li>
+                                <li contenteditable="true">Συμβάλει στη διαμόρφωση της γενικής πολιτικής του ΤΕΕ σε
+                                    γενικά
+                                    θέματα και μεταφέρει τον προβληματισμό και τις απόψεις της περιφέρειας στα κεντρικά
+                                    όργανα.
+                                </li>
+                                <li contenteditable="true">Ασκεί την πειθαρχική διαδικασία σε Α΄ βαθμό.</li>
+                                <li contenteditable="true">Αντιμετωπίζει επί τόπου προβλήματα που έχουν σχέση με την
+                                    λειτουργία
+                                    του ΤΣΜΕΔΕ και ΚΥΤ.
+                                </li>
+                                <li contenteditable="true">Ασχολείται με ειδικά προβλήματα της Περιφέρειας.</li>
+                                <li contenteditable="true"> Πραγματοποιεί πραγματογνωμοσύνες σε θέματα τοπικής
+                                    αρμοδιότητας με
+                                    Διπλωματούχους Μηχανικούς που διορίζονται από τον Πρόεδρο του Τμήματος, Π.Δ.
+                                    10/16.04.1935
+                                    περί καθορισμού των επί των διαιτησιών και πραγματογνωμοσυνών δικαιωμάτων
+                                    του ΤΕΕ.
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+
+
+                </div>
+                <div class="mdl-cell mdl-cell--4-col mdl-cell--8-col-tablet">
+
+                    <style>
+                        .demo-card-event.mdl-card {
+                            width: auto;
+                            height: auto;
+                            background: #3E4EB8;
+                        }
+
+                        .demo-card-event > .mdl-card__actions {
+                            border-color: rgba(255, 255, 255, 0.2);
+                        }
+
+                        .demo-card-event > .mdl-card__title {
+                            align-items: flex-start;
+                        }
+
+                        .demo-card-event > .mdl-card__title > h4 {
+                            margin-top: 0;
+                        }
+
+                        .demo-card-event > .mdl-card__actions {
+                            display: flex;
+                            box-sizing: border-box;
+                            align-items: center;
+                        }
+
+                        .demo-card-event > .mdl-card__actions > .material-icons {
+                            padding-right: 10px;
+                            padding-left: 10px;
+                        }
+
+                        .demo-card-event > .mdl-card__title,
+                        .demo-card-event > .mdl-card__actions,
+                        .demo-card-event > .mdl-card__actions > .mdl-button {
+                            color: #fff;
+                        }
+                    </style>
+
+                    <div class="demo-card-event mdl-card mdl-shadow--2dp">
+                        <div class="mdl-card__title mdl-card--expand">
+
+                            <ul class="demo-list-item mdl-list">
+                                <li class="mdl-list__item">
+                                    <a class="mdl-color-text--white" href="http://www.michanikos.gr/">Μιχανικός</a>
+                                </li>
+                                <li class="mdl-list__item"><a class="mdl-color-text--white" href="http://www.engoe.gr/">http://www.engoe.gr/</a>
+                                </li>
+                                <li class="mdl-list__item"><a class="mdl-color-text--white"
+                                                              href="http://www.emichanikos.gr/content.php">http://www.emichanikos.gr/content.php</a>
+                                </li>
+                                <li class="mdl-list__item"><a class="mdl-color-text--white"
+                                                              href="http://www.iekemtee.gr/el/">http://www.iekemtee.gr/el/</a>
+                                </li>
+                                <li class="mdl-list__item"><a class="mdl-color-text--white" href="http://web.tee.gr/">http://web.tee.gr/</a>
+                                </li>
+                            </ul>
+
+                        </div>
+                        <div class="mdl-card__actions mdl-card--border">
+                            <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">Σύνδεσμοι</a>
+                            <div class="mdl-layout-spacer"></div>
+                        </div>
+                    </div>
+
+                    <!-- start feedwind code -->
+                    <script type="text/javascript" src="https://feed.mikle.com/js/fw-loader.js"
+                            data-fw-param="25207/"></script>
+                    <!-- end feedwind code -->
+
+                </div>
+                <!-- features -->
+
+            </div>
+
+            <div class="feature-block mdl-grid mdlwp-900">
+                <?php if (have_posts()) : ?>
+
+                    <?php do_action('mdlwp_before_content'); ?>
+
+                    <?php /* Start the Loop */ ?>
+                    <?php while (have_posts()) : the_post(); ?>
+
+                        <?php
+
+                        /*
+                         * Include the Post-Format-specific template for the content.
+                         * If you want to override this in a child theme, then include a file
+                         * called content-___.php (where ___ is the Post Format name) and that will be used instead.
+                         */
+                        get_template_part('template-parts/content', get_post_format());
+                        ?>
+
+                    <?php endwhile; ?>
+
+                    <?php do_action('mdlwp_before_pagination'); ?>
+
+                    <?php mdlwp_posts_navigation(); ?>
+
+                    <?php do_action('mdlwp_after_pagination'); ?>
+
+                <?php else : ?>
+
+                    <?php get_template_part('template-parts/content', 'none'); ?>
+
+                <?php endif; ?>
+
+                <?php do_action('mdlwp_after_content'); ?>
+            </div>
+        </main><!-- #main -->
+    </div><!-- #primary -->
 
 <?php get_footer(); ?>
\ No newline at end of file

From d779e5629f86b6b6a2fad3a64f05f0d7399c5d12 Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Tue, 16 May 2017 07:07:02 +0300
Subject: [PATCH 03/20] translate to greek

---
 404.php                         | 4 ++--
 template-parts/content-none.php | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/404.php b/404.php
index 41c84aa..c835230 100755
--- a/404.php
+++ b/404.php
@@ -13,11 +13,11 @@
 
 			<section class="error-404 not-found">
 				<header class="page-header">
-					<h1 class="page-title"><?php esc_html_e( 'Oops! That page can&rsquo;t be found.', 'mdlwp' ); ?></h1>
+                    <h1 class="page-title"><?php esc_html_e('ΟΟππςς η σελίδα που ψάχνεται δεν βρέθηκε.', 'mdlwp'); ?></h1>
 				</header><!-- .page-header -->
 
 				<div class="page-content">
-					<p><?php esc_html_e( 'It looks like nothing was found at this location.', 'mdlwp' ); ?></p>
+                    <p><?php esc_html_e('Φαίνεται πως δεν υπάρχει τίποτα εδώ.', 'mdlwp'); ?></p>
 
 					<?php the_widget( 'WP_Widget_Recent_Posts' ); ?>
 
diff --git a/template-parts/content-none.php b/template-parts/content-none.php
index b1f2165..9eb7348 100755
--- a/template-parts/content-none.php
+++ b/template-parts/content-none.php
@@ -12,7 +12,7 @@
 <div class="mdl-cell mdl-cell--12-col mdl-card mdl-shadow--2dp"> 
 	<section class="no-results not-found mdl-card__supporting-text">
 		<header class="page-header">
-			<h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'mdlwp' ); ?></h1>
+            <h1 class="page-title"><?php esc_html_e('Δεν υπάρχει ακόμα περιεχόμενο.', 'mdlwp'); ?></h1>
 		</header><!-- .page-header -->
 
 		<div class="page-content">
@@ -22,11 +22,11 @@
 
 			<?php elseif ( is_search() ) : ?>
 
-				<p><?php esc_html_e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'mdlwp' ); ?></p>
+                <p><?php esc_html_e('Συγνώμη, δεν βρήκαμε κάτι με τους όρους που αναζητήσατε. Παρακαλώ αναζητήστε με διαφορεικές λέξεις κλειδιά.', 'mdlwp'); ?></p>
 
 			<?php else : ?>
 
-				<p><?php esc_html_e( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help.', 'mdlwp' ); ?></p>
+                <p><?php esc_html_e('Φαίνεται πως δεν υπάρχει ακόμα περιεχόμενο. Μάλλον οι διαχειριστές δεν έχουν δημοσιεύσει κάτι ακόμα :/.', 'mdlwp'); ?></p>
 
 			<?php endif; ?>
 		</div><!-- .page-content -->

From c3061a3ab70065adf0886f218b1f179fb8c746cd Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Tue, 16 May 2017 07:30:43 +0300
Subject: [PATCH 04/20] sticky footer

---
 footer.php | 2 +-
 style.css  | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/footer.php b/footer.php
index 4a2de33..900e743 100755
--- a/footer.php
+++ b/footer.php
@@ -12,7 +12,7 @@
 	<?php do_action( 'mdlwp_before_closing_content' ); ?>
 
 	</div><!-- #content -->
-   
+<div class="mdl-layout-spacer"></div>
 		<footer class="mdl-mega-footer">
 
 		<?php do_action( 'mdlwp_after_opening_footer' ); ?>
diff --git a/style.css b/style.css
index 6777256..6a516b2 100755
--- a/style.css
+++ b/style.css
@@ -338,6 +338,13 @@ body {
   .mdl-mega-footer a:hover {
     color: #fff; }
 
+.mdl-layout__content {
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+}
+
 /*--------------------------------------------------------------
 # Media
 --------------------------------------------------------------*/

From 1fcff8381295fbf1f6f2f20107afd2c52d2e69b6 Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Tue, 16 May 2017 14:24:12 +0300
Subject: [PATCH 05/20] Fixed hover over menus

---
 header.php             |  2 +-
 inc/nav-walker.php     |  4 ++--
 inc/scripts.php        |  2 +-
 js/dist/scripts.min.js | 14 ++++++++++++++
 4 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/header.php b/header.php
index e274e1f..8f6ce23 100755
--- a/header.php
+++ b/header.php
@@ -14,7 +14,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="profile" href="http://gmpg.org/xfn/11">
 <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
-
+    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 <?php wp_head(); ?>
 </head>
 
diff --git a/inc/nav-walker.php b/inc/nav-walker.php
index f49a2bc..ca2157a 100644
--- a/inc/nav-walker.php
+++ b/inc/nav-walker.php
@@ -66,9 +66,9 @@ function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
                 $item_output .= '<ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect" for="' . $item->menu_item_parent . '">';
             }
         }
-        $item_output .= '<a' . $attributes . '>';
+        $item_output .= (in_array('menu-item-has-children', $classes) ? '<li' : '<a') . $attributes . '>';
         $item_output .= $args->link_before . apply_filters('the_title', $item->title, $item->ID) . $args->link_after;
-        $item_output .= '</a>';
+        $item_output .= in_array('menu-item-has-children', $classes) ? '</li>' : '</a>';
         $item_output .= $args->after;
 
 		$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
diff --git a/inc/scripts.php b/inc/scripts.php
index af43541..fb64834 100644
--- a/inc/scripts.php
+++ b/inc/scripts.php
@@ -16,7 +16,7 @@ function mdlwp_scripts() {
 
 	wp_enqueue_script( 'mdlwp-mdl-js', '//storage.googleapis.com/code.getmdl.io/1.1.3/material.min.js', array(), '1.1.1', true );
 
-	wp_enqueue_script( 'mdlwp-mdlwp-js', get_template_directory_uri() . '/js/dist/scripts.min.js', array('jquery'), '1.1.9', true );
+    wp_enqueue_script('mdlwp-mdlwp-js', get_template_directory_uri() . '/js/dist/scripts.min.js', array('jquery'), '3.2.1', true);
 
 	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
 		wp_enqueue_script( 'comment-reply' );
diff --git a/js/dist/scripts.min.js b/js/dist/scripts.min.js
index e69de29..f7f87de 100644
--- a/js/dist/scripts.min.js
+++ b/js/dist/scripts.min.js
@@ -0,0 +1,14 @@
+/**
+ * Theme Customizer enhancements for a better user experience.
+ *
+ * Contains handlers to make Theme Customizer preview reload changes asynchronously.
+ */
+
+$(document).ready(function () {
+    $( "li" ).hover(
+        function() {
+            $( this ).trigger( "click" );
+        }, function() {
+        }
+    );
+});

From 3a8311451934f51784027e7528dce78251f86bce Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Tue, 16 May 2017 14:50:30 +0300
Subject: [PATCH 06/20] Fix bug on hover menu

---
 js/dist/scripts.min.js        | 3 ++-
 template-parts/nav-drawer.php | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/js/dist/scripts.min.js b/js/dist/scripts.min.js
index f7f87de..7b528ca 100644
--- a/js/dist/scripts.min.js
+++ b/js/dist/scripts.min.js
@@ -5,10 +5,11 @@
  */
 
 $(document).ready(function () {
-    $( "li" ).hover(
+    $( ".mdl-layout__header-row li" ).hover(
         function() {
             $( this ).trigger( "click" );
         }, function() {
+            $( this ).trigger( "click" );
         }
     );
 });
diff --git a/template-parts/nav-drawer.php b/template-parts/nav-drawer.php
index 1ef4fd2..b251eff 100644
--- a/template-parts/nav-drawer.php
+++ b/template-parts/nav-drawer.php
@@ -10,7 +10,7 @@
 ?>
 
 <div class="mdl-layout__drawer">
-  <span class="mdl-layout-title"><?php bloginfo( 'name' ); ?></span>
+    <span class="mdl-layout-title"><?php //bloginfo( 'name' ); ?> ΤΕΕ Β.Α.</span>
   <?php
 		$args = array(
 	        'theme_location' => 'drawer',

From 00729d7c7e0ec746e8b1346b7e7a6ac63abb9a9d Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Tue, 16 May 2017 17:12:57 +0300
Subject: [PATCH 07/20] Fixes on index

---
 index.php | 105 ++++++++++++++++++++++++++++++++++++++++++++----------
 1 file changed, 87 insertions(+), 18 deletions(-)

diff --git a/index.php b/index.php
index 064033a..6055688 100755
--- a/index.php
+++ b/index.php
@@ -68,22 +68,26 @@
 
                         .demo-card-square > .mdl-card__title {
                             color: #fff;
-                            background: url('https://cdn.dribbble.com/users/25514/screenshots/2016747/flat-news-app-icon-design-ramotion.gif') bottom right 15% no-repeat #46B6AC;
+                            background: url('http://www.androidguys.com/wp-content/uploads/2014/11/material_design_wallpaper-5.jpg') bottom right 15% no-repeat #46B6AC;
                         }
 
                         .disquss > .mdl-card__title {
                             background: url('https://s3.amazonaws.com/data.tackk.com/mio/37514909/14280070302105/large.gif') bottom right 15% no-repeat #46B6AC;
                         }
+
+                        .mdl-grid.center-items {
+                            justify-content: center;
+                        }
                     </style>
 
-                    <div class="mdl-grid">
+                    <div class="mdl-grid center-items">
 
                         <div class="mdl-cell mdl-cell--4-col demo-card-square mdl-card mdl-shadow--2dp">
                             <div class="mdl-card__title mdl-card--expand">
                                 <h2 class="mdl-card__title-text">Ανακοινώσεις</h2>
                             </div>
                             <div class="mdl-card__supporting-text">
-                                Ανακοινώσεις και νέα απο το ΤΕΕ...
+                                Ανακοινώσεις και νέα απο το ΤΕΕ. Ενημερωθείτε για όλες τις εξελίξεις!
                             </div>
                             <div class="mdl-card__actions mdl-card--border">
                                 <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"
@@ -120,19 +124,19 @@
                         </div>
                         <div class="mdl-card__actions mdl-card--border">
                             <ul>
-                                <li contenteditable="true">Προωθεί την πολιτική του ΤΕΕ στην Περιφέρεια</li>
-                                <li contenteditable="true">Συμβάλει στη διαμόρφωση της γενικής πολιτικής του ΤΕΕ σε
+                                <li>Προωθεί την πολιτική του ΤΕΕ στην Περιφέρεια</li>
+                                <li>Συμβάλει στη διαμόρφωση της γενικής πολιτικής του ΤΕΕ σε
                                     γενικά
                                     θέματα και μεταφέρει τον προβληματισμό και τις απόψεις της περιφέρειας στα κεντρικά
                                     όργανα.
                                 </li>
-                                <li contenteditable="true">Ασκεί την πειθαρχική διαδικασία σε Α΄ βαθμό.</li>
-                                <li contenteditable="true">Αντιμετωπίζει επί τόπου προβλήματα που έχουν σχέση με την
+                                <li>Ασκεί την πειθαρχική διαδικασία σε Α΄ βαθμό.</li>
+                                <li>Αντιμετωπίζει επί τόπου προβλήματα που έχουν σχέση με την
                                     λειτουργία
                                     του ΤΣΜΕΔΕ και ΚΥΤ.
                                 </li>
-                                <li contenteditable="true">Ασχολείται με ειδικά προβλήματα της Περιφέρειας.</li>
-                                <li contenteditable="true"> Πραγματοποιεί πραγματογνωμοσύνες σε θέματα τοπικής
+                                <li>Ασχολείται με ειδικά προβλήματα της Περιφέρειας.</li>
+                                <li> Πραγματοποιεί πραγματογνωμοσύνες σε θέματα τοπικής
                                     αρμοδιότητας με
                                     Διπλωματούχους Μηχανικούς που διορίζονται από τον Πρόεδρο του Τμήματος, Π.Δ.
                                     10/16.04.1935
@@ -144,6 +148,54 @@
                     </div>
 
 
+                    <div class="demo-card-wide mdl-card mdl-shadow--2dp">
+                        <div class="mdl-card__title mdl-card--expand">
+                            ΠΡΟΚΗΡΥΞΕΙΣ - ΔΙΑΓΩΝΙΣΜΟΙ
+                        </div>
+                        <div class="mdl-grid">
+                            <div class="mdl-layout-spacer"></div>
+                            <div class="mdl-cell mdl-cell--12-col">
+                                <a href="http://www.pvaigaiou.gov.gr/web/guest/diagonismoi"
+                                   class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
+                                    ΠΕΡΙΦΕΡΕΙΑ Β. ΑΙΓΑΙΟΥ
+                                </a>
+                            </div>
+                            <div class="mdl-cell mdl-cell--4-col">
+                                <a href="http://www.mytilene.gr/category/prokiriksis/"
+                                   class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
+                                    ΔΗΜΟΣ ΛΕΣΒΟΥ
+                                </a>
+
+                                <div class="mdl-layout-spacer"></div>
+                                <a href="http://www.limnos.gov.gr/index.php?option=com_content&task=blogcategory&id=40&Itemid=215"
+                                   class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
+                                    ΔΗΜΟΣ Λημνου
+                                </a>
+                            </div>
+
+                            <div class="mdl-cell mdl-cell--4-col">
+                                <a href="http://www.chioscity.gr/dimotes/prokirikseis"
+                                   class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
+                                    ΔΗΜΟΣ ΧΙΟΥ
+                                </a>
+                            </div>
+
+                            <div class="mdl-cell mdl-cell--4-col">
+                                <a href="http://www.islandofsamos.gr/enhmerwsh/diagwnismoi-prokhrukseis"
+                                   class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
+                                    ΔΗΜΟΣ σαμου
+                                </a>
+
+                                <div class="mdl-layout-spacer"></div>
+                                <a href="http://ikaria.gov.gr/index.php/office-press/dimoprasies/erga.html"
+                                   class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
+                                    ΔΗΜΟΣ ικαριας
+                                </a>
+                            </div>
+
+                        </div>
+
+                    </div>
                 </div>
                 <div class="mdl-cell mdl-cell--4-col mdl-cell--8-col-tablet">
 
@@ -162,8 +214,8 @@
                             align-items: flex-start;
                         }
 
-                        .demo-card-event > .mdl-card__title > h4 {
-                            margin-top: 0;
+                        .demo-card-event > .mdl-card__title {
+                            background: url('https://cdn.dribbble.com/users/25514/screenshots/2016747/flat-news-app-icon-design-ramotion.gif');
                         }
 
                         .demo-card-event > .mdl-card__actions {
@@ -189,17 +241,29 @@
 
                             <ul class="demo-list-item mdl-list">
                                 <li class="mdl-list__item">
-                                    <a class="mdl-color-text--white" href="http://www.michanikos.gr/">Μιχανικός</a>
+                                    <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-color-text--white"
+                                       href="http://www.michanikos.gr/"
+                                       target="_blank">Μιχανικός</a>
                                 </li>
-                                <li class="mdl-list__item"><a class="mdl-color-text--white" href="http://www.engoe.gr/">http://www.engoe.gr/</a>
+                                <li class="mdl-list__item"><a
+                                            class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-color-text--white"
+                                            href="http://www.engoe.gr/" target="_blank">Μηχανικοί
+                                        της γης</a>
                                 </li>
-                                <li class="mdl-list__item"><a class="mdl-color-text--white"
-                                                              href="http://www.emichanikos.gr/content.php">http://www.emichanikos.gr/content.php</a>
+                                <li class="mdl-list__item"><a
+                                            class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-color-text--white"
+                                            href="http://www.emichanikos.gr/content.php"
+                                            target="_blank">Ε-Μηχανικός</a>
                                 </li>
-                                <li class="mdl-list__item"><a class="mdl-color-text--white"
-                                                              href="http://www.iekemtee.gr/el/">http://www.iekemtee.gr/el/</a>
+                                <li class="mdl-list__item"><a
+                                            class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-color-text--white"
+                                            href="http://www.iekemtee.gr/el/" target="_blank">ΙΕΚΕΜ
+                                        ΤΕΕ</a>
                                 </li>
-                                <li class="mdl-list__item"><a class="mdl-color-text--white" href="http://web.tee.gr/">http://web.tee.gr/</a>
+                                <li class="mdl-list__item"><a
+                                            class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-color-text--white"
+                                            href="http://web.tee.gr/" target="_blank">Κεντρικό
+                                        ΤΕΕ</a>
                                 </li>
                             </ul>
 
@@ -215,6 +279,11 @@
                             data-fw-param="25207/"></script>
                     <!-- end feedwind code -->
 
+                    <!-- start feedwind code -->
+                    <script type="text/javascript" src="https://feed.mikle.com/js/fw-loader.js"
+                            data-fw-param="26249/"></script>
+                    <!-- end feedwind code -->
+
                 </div>
                 <!-- features -->
 

From 7fcfac08a889efc9cf9704a347e782f1b7ea1c3d Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Tue, 16 May 2017 17:26:36 +0300
Subject: [PATCH 08/20] insecure image

---
 index.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.php b/index.php
index 6055688..b3002aa 100755
--- a/index.php
+++ b/index.php
@@ -68,7 +68,7 @@
 
                         .demo-card-square > .mdl-card__title {
                             color: #fff;
-                            background: url('http://www.androidguys.com/wp-content/uploads/2014/11/material_design_wallpaper-5.jpg') bottom right 15% no-repeat #46B6AC;
+                            background: url('https://www.androidguys.com/wp-content/uploads/2014/11/material_design_wallpaper-5.jpg') bottom right 15% no-repeat #46B6AC;
                         }
 
                         .disquss > .mdl-card__title {

From 483c811cc51f1ae1db770ae82428468c88076784 Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Tue, 16 May 2017 19:05:17 +0300
Subject: [PATCH 09/20] fixed hover issue

---
 js/dist/scripts.min.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/dist/scripts.min.js b/js/dist/scripts.min.js
index 7b528ca..9956698 100644
--- a/js/dist/scripts.min.js
+++ b/js/dist/scripts.min.js
@@ -9,7 +9,7 @@ $(document).ready(function () {
         function() {
             $( this ).trigger( "click" );
         }, function() {
-            $( this ).trigger( "click" );
+            //$( this ).trigger( "click" );
         }
     );
 });

From 6522bc32abbc1928581ad8efacd10a84b02857ec Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Tue, 16 May 2017 19:28:58 +0300
Subject: [PATCH 10/20] Added json support scripts for tabs

---
 js/jquery.json2html.js | 136 ++++++++++++++
 js/json2html.js        | 393 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 529 insertions(+)
 create mode 100644 js/jquery.json2html.js
 create mode 100644 js/json2html.js

diff --git a/js/jquery.json2html.js b/js/jquery.json2html.js
new file mode 100644
index 0000000..c9f5beb
--- /dev/null
+++ b/js/jquery.json2html.js
@@ -0,0 +1,136 @@
+//Copyright (c) 2016 Crystalline Technologies
+//
+//  Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'),
+//  to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
+//  and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+//
+//  The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+//
+//  THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+//  WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+(function ($) {
+
+    //Alias for json2html.transform
+    // _options
+    //   output : json2html | html | jquery
+    $.json2html = function (json, transform, _options) {
+
+        //Make sure we have the json2html base loaded
+        if (typeof json2html === 'undefined') return (undefined);
+
+        //Default Options
+        var options = {
+            'output': 'json2html'
+        };
+
+        //Extend the options (with defaults)
+        if (_options !== undefined) $.extend(options, _options);
+
+        switch (options.output) {
+
+            //Process the transform with events
+            // for consumption within a json2html html attribute function call
+            // returns an object {'html':html,'events'[]}
+            case 'json2html':
+
+                //make sure we have the events set as true
+                options.events = true;
+
+                return (json2html.transform(json, transform, options));
+                break;
+
+            //Return raw html (same as calling json2html.transform
+            case 'html':
+
+                //make sure we have the events set as false (to get html)
+                options.events = false;
+
+                return (json2html.transform(json, transform, options));
+                break;
+
+            //Return a jquery object
+            case 'jquery':
+
+                //make sure we have the events set as true
+                options.events = false;
+
+                //let json2html core do it's magic
+                // and then process any jquery events
+                var $result = json2html_events(json2html.transform(json, transform, options));
+
+                //return the jquery object
+                return ($result);
+                break;
+        }
+    };
+
+    //Chaining method
+    $.fn.json2html = function (json, transform, _options) {
+
+        //Make sure we have the json2html base loaded
+        if (typeof json2html === 'undefined') return (undefined);
+
+        //Default Options
+        var options = {
+            'append': true,
+            'replace': false,
+            'prepend': false,
+            'eventData': {}
+        };
+
+        //Extend the options (with defaults)
+        if (_options !== undefined) $.extend(options, _options);
+
+        //Insure that we have the events turned (Required)
+        options.events = true;
+
+        //Otherwise we're running $().json2html
+        return this.each(function () {
+
+            //let json2html core do it's magic
+            // and then process any jquery events
+            var $result = json2html_events(json2html.transform(json, transform, options));
+
+            //Append it to the appropriate element
+            if (options.replace) $.fn.replaceWith.call($(this), $result);
+            else if (options.prepend) $.fn.prepend.call($(this), $result);
+            else $.fn.append.call($(this), $result);
+        });
+    };
+})(jQuery);
+
+
+function json2html_events(result) {
+
+    //Attach the html(string) result to the DOM
+    var dom = $(document.createElement('i')).html(result.html);
+
+    //Determine if we have events
+    for (var i = 0; i < result.events.length; i++) {
+
+        var event = result.events[i];
+
+        //find the associated DOM object with this event
+        var obj = $(dom).find("[json2html-event-id-" + event.type + "='" + event.id + "']");
+
+        //Check to see if we found this element or not
+        if (obj.length === 0) throw 'jquery.json2html was unable to attach event ' + event.id + ' to DOM';
+
+        //remove the attribute
+        $(obj).removeAttr('json2html-event-id-' + event.type);
+
+        //attach the event
+        $(obj).on(event.type, event.data, function (e) {
+            //attach the jquery event
+            e.data.event = e;
+
+            //call the appropriate method
+            e.data.action.call($(this), e.data);
+        });
+    }
+
+    //Get the children to this result
+    return ($(dom).children());
+}
\ No newline at end of file
diff --git a/js/json2html.js b/js/json2html.js
new file mode 100644
index 0000000..d85ca1c
--- /dev/null
+++ b/js/json2html.js
@@ -0,0 +1,393 @@
+//Copyright (c) 2016 Crystalline Technologies
+//
+//  Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'),
+//  to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
+//  and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+//
+//  The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+//
+//  THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+//  WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+var json2html = {
+
+    /* ---------------------------------------- Public Methods ------------------------------------------------ */
+    'transform': function (json, transform, _options) {
+
+        //create the default output
+        var out = {'events': [], 'html': ''};
+
+        //default options (by default we don't allow events)
+        var options = {
+            'events': false
+        };
+
+        //extend the options
+        options = json2html._extend(options, _options);
+
+        //Make sure we have a transform & json object
+        if (transform !== undefined || json !== undefined) {
+
+            //Normalize strings to JSON objects if necessary
+            var obj = typeof json === 'string' ? JSON.parse(json) : json;
+
+            //Transform the object (using the options)
+            out = json2html._transform(obj, transform, options);
+        }
+
+        //determine if we need the events
+        // otherwise return just the html string
+        if (options.events) return (out);
+        else return ( out.html );
+    },
+
+    /* ---------------------------------------- Private Methods ------------------------------------------------ */
+
+    //Extend options
+    '_extend': function (obj1, obj2) {
+        var obj3 = {};
+        for (var attrname in obj1) {
+            obj3[attrname] = obj1[attrname];
+        }
+        for (var attrname in obj2) {
+            obj3[attrname] = obj2[attrname];
+        }
+        return obj3;
+    },
+
+    //Append results
+    '_append': function (obj1, obj2) {
+        var out = {'html': '', 'event': []};
+        if (typeof obj1 !== 'undefined' && typeof obj2 !== 'undefined') {
+            out.html = obj1.html + obj2.html;
+
+            out.events = obj1.events.concat(obj2.events);
+        }
+
+        return (out);
+    },
+
+    //isArray (fix for IE prior to 9)
+    '_isArray': function (obj) {
+        return Object.prototype.toString.call(obj) === '[object Array]';
+    },
+
+    //Transform object
+    '_transform': function (json, transform, options) {
+
+        var elements = {'events': [], 'html': ''};
+
+        //Determine the type of this object
+        if (json2html._isArray(json)) {
+
+            //Itterrate through the array and add it to the elements array
+            var len = json.length;
+            for (var j = 0; j < len; ++j) {
+                //Apply the transform to this object and append it to the results
+                elements = json2html._append(elements, json2html._apply(json[j], transform, j, options));
+            }
+
+        } else if (typeof json === 'object') {
+
+            //Apply the transform to this object and append it to the results
+            elements = json2html._append(elements, json2html._apply(json, transform, undefined, options));
+        }
+
+        //Return the resulting elements
+        return (elements);
+    },
+
+    //Apply the transform at the second level
+    '_apply': function (obj, transform, index, options) {
+
+        var element = {'events': [], 'html': ''};
+
+        //Itterate through the transform and create html as needed
+        if (json2html._isArray(transform)) {
+
+            var t_len = transform.length;
+            for (var t = 0; t < t_len; ++t) {
+                //transform the object and append it to the output
+                element = json2html._append(element, json2html._apply(obj, transform[t], index, options));
+            }
+
+        } else if (typeof transform === 'object') {
+
+            var _element = '<>';
+
+            //Add legacy support for tag
+            if (transform[_element] === undefined) _element = 'tag';
+
+            //Check to see if we have a valid element name
+            if (transform[_element] !== undefined) {
+
+                //Get the element name (this can be tokenized)
+                var name = json2html._getValue(obj, transform, _element, index);
+
+                //Create a new element
+                element.html += '<' + name;
+
+                //Create a new object for the children
+                var children = {'events': [], 'html': ''};
+
+                //innerHTML
+                var html;
+
+                //Look into the properties of this transform
+                for (var key in transform) {
+
+                    switch (key) {
+
+                        //LEGACY support for tag
+                        case 'tag':
+                        case '<>':
+                            //Do nothing as we have already created the element
+                            break;
+
+                        //LEGACY support for children
+                        case 'children':
+                        case 'html':
+
+                            //Get the transform value associated with this key
+                            // added as key could be children or html
+                            var _transform = transform[key];
+
+                            //Determine what kind of object this is
+                            // array & function => children
+                            // other => html
+                            if (json2html._isArray(_transform)) {
+
+                                //Apply the transform to the children
+                                children = json2html._append(children, json2html._apply(obj, _transform, index, options));
+                            } else if (typeof _transform === 'function') {
+
+                                //Get the result from the function
+                                var temp = _transform.call(obj, obj, index);
+
+                                //Determine what type of object was returned
+                                switch (typeof temp) {
+
+                                    //Only returned by json2html.transform or $.json2html calls
+                                    case 'object':
+                                        //make sure this object is a valid json2html response object
+                                        // we ignore all other objects (since we don't know how to represent them in html)
+                                        if (temp.html !== undefined && temp.events !== undefined) children = json2html._append(children, temp);
+                                        break;
+
+                                    //Not supported
+                                    case 'function':
+                                    case 'undefined':
+                                        break;
+
+                                    //Append to html
+                                    // string, number, boolean
+                                    default:
+                                        children.html += temp;
+                                        break;
+                                }
+                            } else {
+
+                                //Create the html attribute for this element
+                                html = json2html._getValue(obj, transform, key, index);
+                            }
+                            break;
+
+                        default:
+                            //Add the property as a attribute if it's not a key one
+                            var isEvent = false;
+
+                            //Check if the first two characters are 'on' then this is an event
+                            if (key.length > 2)
+                                if (key.substring(0, 2).toLowerCase() == 'on') {
+
+                                    //Determine if we should add events
+                                    if (options.events) {
+
+                                        //if so then setup the event data
+                                        var data = {
+                                            'action': transform[key],
+                                            'obj': obj,
+                                            'data': options.eventData,
+                                            'index': index
+                                        };
+
+                                        //create a new id for this event
+                                        var id = json2html._guid();
+
+                                        //append the new event to this elements events
+                                        element.events[element.events.length] = {
+                                            'id': id,
+                                            'type': key.substring(2),
+                                            'data': data
+                                        };
+
+                                        //Insert temporary event property (json2html-event-id) into the element
+                                        element.html += " json2html-event-id-" + key.substring(2) + "='" + id + "'";
+                                    }
+                                    //this is an event
+                                    isEvent = true;
+                                }
+
+                            //If this wasn't an event AND we actually have a value then add it as a property
+                            if (!isEvent) {
+                                //Get the value
+                                var val = json2html._getValue(obj, transform, key, index);
+
+                                //Make sure we have a value
+                                if (val !== undefined) {
+                                    var out;
+
+                                    //Determine the output type of this value (wrap with quotes)
+                                    if (typeof val === 'string') out = '"' + val.replace(/"/g, '&quot;') + '"';
+                                    else out = val;
+
+                                    //create the name value pair
+                                    element.html += ' ' + key + '=' + out;
+                                }
+                            }
+                            break;
+                    }
+                }
+
+                //close the opening element
+                element.html += '>';
+
+                //add the innerHTML (if we have any)
+                if (html) element.html += html;
+
+                //add the children (if we have any)
+                element = json2html._append(element, children);
+
+                //add the closing element
+                element.html += '</' + name + '>';
+            }
+        }
+
+        //Return the output object
+        return (element);
+    },
+
+    //Get a new GUID (used by events)
+    '_guid': function () {
+        var S4 = function () {
+            return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        };
+        return (S4() + S4() + "-" + S4() + S4() + "-" + S4() + S4());
+    },
+
+    //Get the html value of the object
+    '_getValue': function (obj, transform, key, index) {
+
+        var out = '';
+
+        var val = transform[key];
+        var type = typeof val;
+
+        if (type === 'function') {
+            return (val.call(obj, obj, index));
+        } else if (type === 'string') {
+            var _tokenizer = new json2html._tokenizer([
+                /\$\{([^\}\{]+)\}/
+            ], function (src, real, re) {
+                return real ? src.replace(re, function (all, name) {
+
+                    //Split the string into it's seperate components
+                    var components = name.split('.');
+
+                    //Set the object we use to query for this name to be the original object
+                    var useObj = obj;
+
+                    //Output value
+                    var outVal = '';
+
+                    //Parse the object components
+                    var c_len = components.length;
+                    for (var i = 0; i < c_len; ++i) {
+
+                        if (components[i].length > 0) {
+
+                            var newObj = useObj[components[i]];
+                            useObj = newObj;
+                            if (useObj === null || useObj === undefined) break;
+                        }
+                    }
+
+                    //As long as we have an object to use then set the out
+                    if (useObj !== null && useObj !== undefined) outVal = useObj;
+
+                    return (outVal);
+                }) : src;
+            });
+
+            out = _tokenizer.parse(val).join('');
+        } else {
+            out = val;
+        }
+
+        return (out);
+    },
+
+    //Tokenizer
+    '_tokenizer': function (tokenizers, doBuild) {
+
+        if (!(this instanceof json2html._tokenizer ))
+            return new json2html._tokenizer(tokenizers, doBuild);
+
+        this.tokenizers = tokenizers.splice ? tokenizers : [tokenizers];
+        if (doBuild)
+            this.doBuild = doBuild;
+
+        this.parse = function (src) {
+            this.src = src;
+            this.ended = false;
+            this.tokens = [];
+            do {
+                this.next();
+            } while (!this.ended);
+            return this.tokens;
+        };
+
+        this.build = function (src, real) {
+            if (src)
+                this.tokens.push(
+                    !this.doBuild ? src :
+                        this.doBuild(src, real, this.tkn)
+                );
+        };
+
+        this.next = function () {
+            var self = this,
+                plain;
+
+            self.findMin();
+            plain = self.src.slice(0, self.min);
+
+            self.build(plain, false);
+
+            self.src = self.src.slice(self.min).replace(self.tkn, function (all) {
+                self.build(all, true);
+                return '';
+            });
+
+            if (!self.src)
+                self.ended = true;
+        };
+
+        this.findMin = function () {
+            var self = this, i = 0, tkn, idx;
+            self.min = -1;
+            self.tkn = '';
+
+            while (( tkn = self.tokenizers[i++]) !== undefined) {
+                idx = self.src[tkn.test ? 'search' : 'indexOf'](tkn);
+                if (idx != -1 && (self.min == -1 || idx < self.min )) {
+                    self.tkn = tkn;
+                    self.min = idx;
+                }
+            }
+            if (self.min == -1)
+                self.min = self.src.length;
+        };
+    }
+};

From d6e44253255f5c0025380273c6c41463a1b28148 Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Tue, 16 May 2017 19:58:07 +0300
Subject: [PATCH 11/20] typo fix

---
 index.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.php b/index.php
index b3002aa..6268394 100755
--- a/index.php
+++ b/index.php
@@ -243,7 +243,7 @@ class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
                                 <li class="mdl-list__item">
                                     <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-color-text--white"
                                        href="http://www.michanikos.gr/"
-                                       target="_blank">Μιχανικός</a>
+                                       target="_blank">Μηχανικός</a>
                                 </li>
                                 <li class="mdl-list__item"><a
                                             class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-color-text--white"

From bc0885426a68211dc18897477b61fa1f56401806 Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Tue, 16 May 2017 20:37:07 +0300
Subject: [PATCH 12/20] Updated index

---
 index.php | 135 ++++++++++++++++++++++++++++++++++++++++--------------
 1 file changed, 101 insertions(+), 34 deletions(-)

diff --git a/index.php b/index.php
index 6268394..9e37827 100755
--- a/index.php
+++ b/index.php
@@ -148,50 +148,117 @@
                     </div>
 
 
+                    <style>
+                        .ba-card-image.mdl-card {
+                            width: 256px;
+                            height: 256px;
+                            background: url('https://static1.traveltek.net/uploaded/2015/5/1432047428.jpg') center / cover;
+                        }
+
+                        .lesvos-card-image.mdl-card {
+                            width: 256px;
+                            height: 256px;
+                            background: url('https://media-cdn.tripadvisor.com/media/photo-s/01/3e/e2/60/lesbos.jpg') center / cover;
+                        }
+
+                        .limnos-card-image.mdl-card {
+                            width: 256px;
+                            height: 256px;
+                            background: url('data:image/jpeg;base64,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') center / cover;
+                        }
+
+                        .xios-card-image.mdl-card {
+                            width: 256px;
+                            height: 256px;
+                            background: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRgtJ2gKjIUrR6FL3Kp71OvczeQxd1SizPHRzEu9fnyYGCrRk7N') center / cover;
+                        }
+
+                        .samos-card-image.mdl-card {
+                            width: 256px;
+                            height: 256px;
+                            background: url('http://content-mcdn.ethnos.gr/filesystem/images/20160212/engine/assets_LARGE_t_183762_54059396_type13145.jpg') center / cover;
+                        }
+
+                        .icaria-card-image.mdl-card {
+                            width: 256px;
+                            height: 256px;
+                            background: url('http://greekvoyager.com/wp-content/uploads/2016/01/ikaria-location.jpg') center / cover;
+                        }
+
+                        .card-image > .mdl-card__actions {
+                            height: 52px;
+                            padding: 16px;
+                            background: rgba(0, 0, 0, 0.2);
+                        }
+
+                        .card-image__filename {
+                            color: #fff;
+                            font-size: 14px;
+                            font-weight: 500;
+                        }
+                    </style>
+
+
                     <div class="demo-card-wide mdl-card mdl-shadow--2dp">
                         <div class="mdl-card__title mdl-card--expand">
                             ΠΡΟΚΗΡΥΞΕΙΣ - ΔΙΑΓΩΝΙΣΜΟΙ
                         </div>
                         <div class="mdl-grid">
-                            <div class="mdl-layout-spacer"></div>
-                            <div class="mdl-cell mdl-cell--12-col">
-                                <a href="http://www.pvaigaiou.gov.gr/web/guest/diagonismoi"
-                                   class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
-                                    ΠΕΡΙΦΕΡΕΙΑ Β. ΑΙΓΑΙΟΥ
-                                </a>
-                            </div>
-                            <div class="mdl-cell mdl-cell--4-col">
-                                <a href="http://www.mytilene.gr/category/prokiriksis/"
-                                   class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
-                                    ΔΗΜΟΣ ΛΕΣΒΟΥ
-                                </a>
-
-                                <div class="mdl-layout-spacer"></div>
-                                <a href="http://www.limnos.gov.gr/index.php?option=com_content&task=blogcategory&id=40&Itemid=215"
-                                   class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
-                                    ΔΗΜΟΣ Λημνου
-                                </a>
-                            </div>
 
-                            <div class="mdl-cell mdl-cell--4-col">
-                                <a href="http://www.chioscity.gr/dimotes/prokirikseis"
-                                   class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
-                                    ΔΗΜΟΣ ΧΙΟΥ
-                                </a>
+                            <div class="card-image ba-card-image mdl-card mdl-shadow--2dp">
+                                <div class="mdl-card__title mdl-card--expand"></div>
+                                <div class="mdl-card__actions">
+                                    <a class="card-image__filename"
+                                       href="http://www.pvaigaiou.gov.gr/web/guest/diagonismoi">ΠΕΡΙΦΕΡΕΙΑ Β.
+                                        ΑΙΓΑΙΟΥ</a>
+                                </div>
                             </div>
 
-                            <div class="mdl-cell mdl-cell--4-col">
-                                <a href="http://www.islandofsamos.gr/enhmerwsh/diagwnismoi-prokhrukseis"
-                                   class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
-                                    ΔΗΜΟΣ σαμου
-                                </a>
+                            <div class="mdl-layout-spacer"></div>
 
-                                <div class="mdl-layout-spacer"></div>
-                                <a href="http://ikaria.gov.gr/index.php/office-press/dimoprasies/erga.html"
-                                   class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
-                                    ΔΗΜΟΣ ικαριας
-                                </a>
+                            <div class="card-image lesvos-card-image mdl-card mdl-shadow--2dp">
+                                <div class="mdl-card__title mdl-card--expand"></div>
+                                <div class="mdl-card__actions">
+                                    <a class="card-image__filename" href="http://www.mytilene.gr/category/prokiriksis/">
+                                        ΔΗΜΟΣ ΛΕΣΒΟΥ</a>
+                                </div>
+                            </div>
+                            <div class="mdl-layout-spacer"></div>
+                            <div class="card-image limnos-card-image mdl-card mdl-shadow--2dp">
+                                <div class="mdl-card__title mdl-card--expand"></div>
+                                <div class="mdl-card__actions">
+                                    <a class="card-image__filename"
+                                       href="http://www.limnos.gov.gr/index.php?option=com_content&task=blogcategory&id=40&Itemid=215">
+                                        ΔΗΜΟΣ Λημνου</a>
+                                </div>
+                            </div>
+                            <div class="mdl-layout-spacer"></div>
+                            <div class="card-image xios-card-image mdl-card mdl-shadow--2dp">
+                                <div class="mdl-card__title mdl-card--expand"></div>
+                                <div class="mdl-card__actions">
+                                    <a class="card-image__filename" href="http://www.chioscity.gr/dimotes/prokirikseis">
+                                        ΔΗΜΟΣ Χίου</a>
+                                </div>
                             </div>
+                            <div class="mdl-layout-spacer"></div>
+                            <div class="card-image samos-card-image mdl-card mdl-shadow--2dp">
+                                <div class="mdl-card__title mdl-card--expand"></div>
+                                <div class="mdl-card__actions">
+                                    <a class="card-image__filename"
+                                       href="http://www.islandofsamos.gr/enhmerwsh/diagwnismoi-prokhrukseis">
+                                        ΔΗΜΟΣ Σάμου</a>
+                                </div>
+                            </div>
+                            <div class="mdl-layout-spacer"></div>
+                            <div class="card-image icaria-card-image mdl-card mdl-shadow--2dp">
+                                <div class="mdl-card__title mdl-card--expand"></div>
+                                <div class="mdl-card__actions">
+                                    <a class="card-image__filename"
+                                       href="http://www.islandofsamos.gr/enhmerwsh/diagwnismoi-prokhrukseis">
+                                        ΔΗΜΟΣ Ικαρίας</a>
+                                </div>
+                            </div>
+                            <div class="mdl-layout-spacer"></div>
 
                         </div>
 

From 1f4b44e77616cbf2eca028d6bc1fd198176e1fc7 Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Tue, 16 May 2017 20:40:39 +0300
Subject: [PATCH 13/20] Updated index

---
 index.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.php b/index.php
index 9e37827..f3f7f0f 100755
--- a/index.php
+++ b/index.php
@@ -200,8 +200,8 @@
 
 
                     <div class="demo-card-wide mdl-card mdl-shadow--2dp">
-                        <div class="mdl-card__title mdl-card--expand">
-                            ΠΡΟΚΗΡΥΞΕΙΣ - ΔΙΑΓΩΝΙΣΜΟΙ
+                        <div class="mdl-card__supporting-text">
+                            <h4><b>Προκηρύξεις - Διαγωνισμοί</b></h4>
                         </div>
                         <div class="mdl-grid">
 

From 321dfac1386522ca5e7f3ecd09b0b32456f0383c Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Wed, 17 May 2017 01:29:01 +0300
Subject: [PATCH 14/20] Added background video

---
 divider.png                  | Bin 0 -> 1017 bytes
 header.php                   |  11 ++++---
 index.php                    |  30 +++++++++++++++++++
 js/jquery.mb.YTPlayer.min.js |   9 ++++++
 style.min.css                |  55 +++++++++++++++++++++++++++++++++++
 5 files changed, 101 insertions(+), 4 deletions(-)
 create mode 100755 divider.png
 create mode 100644 js/jquery.mb.YTPlayer.min.js

diff --git a/divider.png b/divider.png
new file mode 100755
index 0000000000000000000000000000000000000000..c5b6383a07def721a4714a6e566bac6a2ecb140c
GIT binary patch
literal 1017
zcmV<V0|xwwP)<h;3K|Lk000e1NJLTq00Arj001Kh1^@s6E?hSh00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTB>(_`g8%^e{{R4h=>PzAFaQARU;qF*m;eA5Z<1fd
zMgRZ<e@R3^RCwC#-SKVOKorOEA5|A{M<6565y%M12rz;f0Y<<hzzBGRc!YR_dIb81
z-^u60#y$fjQNJGvB~gPNLG{yn=jUT~KA#0V$x2cxX>LE~k}^q0UK(`y!ApP<78Wdj
zB%Qs-!9r(>t)#sdR+6-|V;*?P(Pc)3g#r5!p_EH{jX35~(#gKBB)!;I|9pj{-@N>w
z!onDdq>mu1Ha+dy(jGAtn|~hv9BVtz!m2QUz`~%D7c6T@Gf6v1?>*I26>;pcBOHA@
ztJ>0_Wdwl*Tu3dfDr?KKo))n5Dz75q_($*etDdUOo%4;i1I|xg0(4l72%=o|+S61+
z>r-V%`v@v5pk?m0VP9dqAmJ?mfrV><<tm)&iGRnEw*mwfhE!jqvUv;s9)Q5Yg~F<<
zaNOWu+NxQ*DtJpkVBwmbeRX36Zqogr_N4n+^`Pgy+PB2ck$Tlt#@hjhNq6-5(D*BK
z;k0_Jg@s-?D7x{&6CkkA>rL%@`U=%o4Z{FAS=hX)9(5QSPSW)Wd2Y?Y1?I4DEwEzr
ztu-wzq*fX~wO%Oh-bDN-Si?e>)C;VgRXT~aY~dQ#(ptB$9b8HJv<hq+5muR<kE?^A
zCB&e)1&#BfX6if*Dy6RdtK7nQ>_U8I53UO0YG9FA-}JqE&~g3kWMbEm618udmQ`Qs
zXbE>#MHL#i_H}RkzyF3<!$QbkyNV5xy_%b**FojAvwu5Sa8=?8AZQ73gN5pG24}7D
zb5L$mKDWa|d8Ot2@Y+q*sxTUh?g&H2S5A2DX5e|H{Z1n87X*QYCst?jDzb%|J>U;&
z-<x<0o&ykAh?Wfe9Ao7@KO91>tkPmPQ4m;|tm>(n#wdc;Fbj@H`v(FG4-KrCX?NEO
zx*4oO(l0ev8jFtVjRkiQSePsfmAS@mG2<_$pVXd&mzsGjS8XMVThs>#EL;Ru7+PD6
zU(0fzs^cFcS3TyCcT{eC!ZV^UhlS8e^#EuXWcS)R!7adNs^`1_0t+|!)a4bt!m6iR
z+PH<ai;3FzC<3&EnC!hLY(67fL|>|U!adROa4A5Ag-NYjpWGg$`q!e|R>%HMqU<6H
z0t-(GtyqK=XbJH!N7ak%x9(Bp7VQZu5LkF97dBnHiVi7NUkSWN=mE5Zi01Za@B09W
nqndfHoR<st^cMgC|NjF3Xj|g#I1+8U00000NkvXXu0mjfgQL=$

literal 0
HcmV?d00001

diff --git a/header.php b/header.php
index 8f6ce23..77ba888 100755
--- a/header.php
+++ b/header.php
@@ -15,7 +15,10 @@
 <link rel="profile" href="http://gmpg.org/xfn/11">
 <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
     <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
-<?php wp_head(); ?>
+    <link href='https://fonts.googleapis.com/css?family=Buenard:700' rel='stylesheet' type='text/css'>
+    <script type='text/javascript' src="../wp-content/themes/MDLWP-master/js/jquery.mb.YTPlayer.min.js"></script>
+
+    <?php wp_head(); ?>
 </head>
 
 <body <?php body_class(); ?>>
@@ -35,9 +38,9 @@
 </header>
 
  <?php get_template_part( 'template-parts/nav', 'drawer' ); ?>
-			
-	
-<main class="mdl-layout__content">
+
+
+    <main class="mdl-layout__content">
 	<div id="content" class="site-content">
 
 		<?php do_action( 'mdlwp_after_opening_content' ); ?>
\ No newline at end of file
diff --git a/index.php b/index.php
index f3f7f0f..1acde63 100755
--- a/index.php
+++ b/index.php
@@ -13,6 +13,36 @@
 
 get_header(); ?>
 
+    <div class="mdl-grid mdl-grid--no-spacing mdl-layout--large-screen-only">
+
+        <div class="mdl-cell mdl-cell--12-col">
+            <!--Video Section-->
+            <section class="content-section video-section">
+                <div class="pattern-overlay">
+                    <a id="bgndVideo" class="player"
+                       data-property="{videoURL:'VfjYqHGAGwA',containment:'.video-section', showYTLogo:false, quality:'default', autoPlay:true, stopMovieOnBlur:false, loop:true, mute:true, opacity:1, startAt:10, addRaster:true}">bg</a>
+                    <div class="container">
+                        <div class="row">
+                            <div class="col-lg-12">
+                                <h1>TEE</h1>
+                                <div class="divider"></div>
+                                <h3 id="colorize">Τμήμα Βορειοανατολικού Αιγαίου</h3>
+                                <!--<div class="pattern"></div>-->
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+
+        </div>
+
+    </div>
+    <!-- callout -->
+    <script type="text/javascript">
+        $(document).ready(function () {
+            $(".player").mb_YTPlayer();
+        });
+    </script>
 
     <div id="primary" class="content-area">
         <main id="main" class="site-main mdl-grid" role="main">
diff --git a/js/jquery.mb.YTPlayer.min.js b/js/jquery.mb.YTPlayer.min.js
new file mode 100644
index 0000000..f628c7a
--- /dev/null
+++ b/js/jquery.mb.YTPlayer.min.js
@@ -0,0 +1,9 @@
+/*jquery.mb.YTPlayer 25-07-2016
+ _ jquery.mb.components 
+ _ email: matteo@open-lab.com 
+ _ Copyright (c) 2001-2016. Matteo Bicocchi (Pupunzi); 
+ _ blog: http://pupunzi.open-lab.com 
+ _ Open Lab s.r.l., Florence - Italy 
+ */
+function onYouTubeIframeAPIReady(){ytp.YTAPIReady||(ytp.YTAPIReady=!0,jQuery(document).trigger("YTAPIReady"))}function uncamel(a){return a.replace(/([A-Z])/g,function(a){return"-"+a.toLowerCase()})}function setUnit(a,b){return"string"!=typeof a||a.match(/^[\-0-9\.]+jQuery/)?""+a+b:a}function setFilter(a,b,c){var d=uncamel(b),e=jQuery.browser.mozilla?"":jQuery.CSS.sfx;a[e+"filter"]=a[e+"filter"]||"",c=setUnit(c>jQuery.CSS.filters[b].max?jQuery.CSS.filters[b].max:c,jQuery.CSS.filters[b].unit),a[e+"filter"]+=d+"("+c+") ",delete a[b]}var ytp=ytp||{},getYTPVideoID=function(a){var b,c;return a.indexOf("youtu.be")>0?(b=a.substr(a.lastIndexOf("/")+1,a.length),c=b.indexOf("?list=")>0?b.substr(b.lastIndexOf("="),b.length):null,b=c?b.substr(0,b.lastIndexOf("?")):b):a.indexOf("http")>-1?(b=a.match(/[\\?&]v=([^&#]*)/)[1],c=a.indexOf("list=")>0?a.match(/[\\?&]list=([^&#]*)/)[1]:null):(b=a.length>15?null:a,c=b?null:a),{videoID:b,playlistID:c}};!function(jQuery,ytp){jQuery.mbYTPlayer={name:"jquery.mb.YTPlayer",version:"3.0.8",build:"5878",author:"Matteo Bicocchi",apiKey:"",defaults:{containment:"body",ratio:"auto",videoURL:null,playlistURL:null,startAt:0,stopAt:0,autoPlay:!0,vol:50,addRaster:!1,mask:!1,opacity:1,quality:"default",mute:!1,loop:!0,showControls:!0,showAnnotations:!1,showYTLogo:!0,stopMovieOnBlur:!0,realfullscreen:!0,mobileFallbackImage:null,gaTrack:!0,optimizeDisplay:!0,align:"center,center",onReady:function(a){}},controls:{play:"P",pause:"p",mute:"M",unmute:"A",onlyYT:"O",showSite:"R",ytLogo:"Y"},controlBar:null,loading:null,locationProtocol:"https:",filters:{grayscale:{value:0,unit:"%"},hue_rotate:{value:0,unit:"deg"},invert:{value:0,unit:"%"},opacity:{value:0,unit:"%"},saturate:{value:0,unit:"%"},sepia:{value:0,unit:"%"},brightness:{value:0,unit:"%"},contrast:{value:0,unit:"%"},blur:{value:0,unit:"px"}},buildPlayer:function(options){return this.each(function(){var YTPlayer=this,$YTPlayer=jQuery(YTPlayer);YTPlayer.loop=0,YTPlayer.opt={},YTPlayer.state={},YTPlayer.filters=jQuery.mbYTPlayer.filters,YTPlayer.filtersEnabled=!0,YTPlayer.id=YTPlayer.id||"YTP_"+(new Date).getTime(),$YTPlayer.addClass("mb_YTPlayer");var property=$YTPlayer.data("property")&&"string"==typeof $YTPlayer.data("property")?eval("("+$YTPlayer.data("property")+")"):$YTPlayer.data("property");"undefined"!=typeof property&&"undefined"!=typeof property.vol&&(property.vol=0===property.vol?property.vol=1:property.vol),jQuery.extend(YTPlayer.opt,jQuery.mbYTPlayer.defaults,options,property),YTPlayer.hasChanged||(YTPlayer.defaultOpt={},jQuery.extend(YTPlayer.defaultOpt,jQuery.mbYTPlayer.defaults,options)),"true"==YTPlayer.opt.loop&&(YTPlayer.opt.loop=9999),YTPlayer.isRetina=window.retina||window.devicePixelRatio>1;var isIframe=function(){var a=!1;try{self.location.href!=top.location.href&&(a=!0)}catch(b){a=!0}return a};YTPlayer.canGoFullScreen=!(jQuery.browser.msie||jQuery.browser.opera||isIframe()),YTPlayer.canGoFullScreen||(YTPlayer.opt.realfullscreen=!1),$YTPlayer.attr("id")||$YTPlayer.attr("id","video_"+(new Date).getTime());var playerID="mbYTP_"+YTPlayer.id;YTPlayer.isAlone=!1,YTPlayer.hasFocus=!0;var videoID=this.opt.videoURL?getYTPVideoID(this.opt.videoURL).videoID:$YTPlayer.attr("href")?getYTPVideoID($YTPlayer.attr("href")).videoID:!1,playlistID=this.opt.videoURL?getYTPVideoID(this.opt.videoURL).playlistID:$YTPlayer.attr("href")?getYTPVideoID($YTPlayer.attr("href")).playlistID:!1;YTPlayer.videoID=videoID,YTPlayer.playlistID=playlistID,YTPlayer.opt.showAnnotations=YTPlayer.opt.showAnnotations?"0":"3";var playerVars={modestbranding:1,autoplay:0,controls:0,showinfo:0,rel:0,enablejsapi:1,version:3,playerapiid:playerID,origin:"*",allowfullscreen:!0,wmode:"transparent",iv_load_policy:YTPlayer.opt.showAnnotations};if(document.createElement("video").canPlayType&&jQuery.extend(playerVars,{html5:1}),jQuery.browser.msie&&jQuery.browser.version<9&&(this.opt.opacity=1),YTPlayer.isSelf="self"==YTPlayer.opt.containment,YTPlayer.defaultOpt.containment=YTPlayer.opt.containment=jQuery("self"==YTPlayer.opt.containment?this:YTPlayer.opt.containment),YTPlayer.isBackground=YTPlayer.opt.containment.is("body"),!YTPlayer.isBackground||!ytp.backgroundIsInited){var isPlayer=YTPlayer.opt.containment.is(jQuery(this));YTPlayer.canPlayOnMobile=isPlayer&&0===jQuery(this).children().length,YTPlayer.isPlayer=!1,isPlayer?YTPlayer.isPlayer=!0:$YTPlayer.hide();var overlay=jQuery("<div/>").css({position:"absolute",top:0,left:0,width:"100%",height:"100%"}).addClass("YTPOverlay");YTPlayer.isPlayer&&overlay.on("click",function(){$YTPlayer.YTPTogglePlay()});var wrapper=jQuery("<div/>").addClass("mbYTP_wrapper").attr("id","wrapper_"+playerID);wrapper.css({position:"absolute",zIndex:0,minWidth:"100%",minHeight:"100%",left:0,top:0,overflow:"hidden",opacity:0});var playerBox=jQuery("<div/>").attr("id",playerID).addClass("playerBox");if(playerBox.css({position:"absolute",zIndex:0,width:"100%",height:"100%",top:0,left:0,overflow:"hidden"}),wrapper.append(playerBox),YTPlayer.opt.containment.children().not("script, style").each(function(){"static"==jQuery(this).css("position")&&jQuery(this).css("position","relative")}),YTPlayer.isBackground?(jQuery("body").css({boxSizing:"border-box"}),wrapper.css({position:"fixed",top:0,left:0,zIndex:0}),$YTPlayer.hide()):"static"==YTPlayer.opt.containment.css("position")&&YTPlayer.opt.containment.css({position:"relative"}),YTPlayer.opt.containment.prepend(wrapper),YTPlayer.wrapper=wrapper,playerBox.css({opacity:1}),jQuery.browser.mobile||(playerBox.after(overlay),YTPlayer.overlay=overlay),YTPlayer.isBackground||overlay.on("mouseenter",function(){YTPlayer.controlBar.length&&YTPlayer.controlBar.addClass("visible")}).on("mouseleave",function(){YTPlayer.controlBar.length&&YTPlayer.controlBar.removeClass("visible")}),ytp.YTAPIReady)setTimeout(function(){jQuery(document).trigger("YTAPIReady")},100);else{jQuery("#YTAPI").remove();var tag=jQuery("<script></script>").attr({src:jQuery.mbYTPlayer.locationProtocol+"//www.youtube.com/iframe_api?v="+jQuery.mbYTPlayer.version,id:"YTAPI"});jQuery("head").prepend(tag)}if(jQuery.browser.mobile&&!YTPlayer.canPlayOnMobile)return YTPlayer.opt.mobileFallbackImage&&YTPlayer.opt.containment.css({backgroundImage:"url("+YTPlayer.opt.mobileFallbackImage+")",backgroundPosition:"center center",backgroundSize:"cover",backgroundRepeat:"no-repeat"}),$YTPlayer.remove(),void jQuery(document).trigger("YTPUnavailable");jQuery(document).on("YTAPIReady",function(){YTPlayer.isBackground&&ytp.backgroundIsInited||YTPlayer.isInit||(YTPlayer.isBackground&&(ytp.backgroundIsInited=!0),YTPlayer.opt.autoPlay="undefined"==typeof YTPlayer.opt.autoPlay?YTPlayer.isBackground?!0:!1:YTPlayer.opt.autoPlay,YTPlayer.opt.vol=YTPlayer.opt.vol?YTPlayer.opt.vol:100,jQuery.mbYTPlayer.getDataFromAPI(YTPlayer),jQuery(YTPlayer).on("YTPChanged",function(){if(!YTPlayer.isInit){if(YTPlayer.isInit=!0,jQuery.browser.mobile&&YTPlayer.canPlayOnMobile){if(YTPlayer.opt.containment.outerWidth()>jQuery(window).width()){YTPlayer.opt.containment.css({maxWidth:"100%"});var h=.563*YTPlayer.opt.containment.outerWidth();YTPlayer.opt.containment.css({maxHeight:h})}return void new YT.Player(playerID,{videoId:YTPlayer.videoID.toString(),width:"100%",height:h,playerVars:playerVars,events:{onReady:function(a){YTPlayer.player=a.target,playerBox.css({opacity:1}),YTPlayer.wrapper.css({opacity:1})}}})}new YT.Player(playerID,{videoId:YTPlayer.videoID.toString(),playerVars:playerVars,events:{onReady:function(a){YTPlayer.player=a.target,YTPlayer.isReady||(YTPlayer.isReady=YTPlayer.isPlayer&&!YTPlayer.opt.autoPlay?!1:!0,YTPlayer.playerEl=YTPlayer.player.getIframe(),jQuery(YTPlayer.playerEl).unselectable(),$YTPlayer.optimizeDisplay(),YTPlayer.videoID=videoID,jQuery(window).off("resize.YTP_"+YTPlayer.id).on("resize.YTP_"+YTPlayer.id,function(){$YTPlayer.optimizeDisplay()}),jQuery.mbYTPlayer.checkForState(YTPlayer))},onStateChange:function(event){if("function"==typeof event.target.getPlayerState){var state=event.target.getPlayerState();if(YTPlayer.preventTrigger)return void(YTPlayer.preventTrigger=!1);YTPlayer.state=state;var eventType;switch(state){case-1:eventType="YTPUnstarted";break;case 0:eventType="YTPEnd";break;case 1:eventType="YTPPlay",YTPlayer.controlBar.length&&YTPlayer.controlBar.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.pause),"undefined"!=typeof _gaq&&eval(YTPlayer.opt.gaTrack)&&_gaq.push(["_trackEvent","YTPlayer","Play",YTPlayer.hasData?YTPlayer.videoData.title:YTPlayer.videoID.toString()]),"undefined"!=typeof ga&&eval(YTPlayer.opt.gaTrack)&&ga("send","event","YTPlayer","play",YTPlayer.hasData?YTPlayer.videoData.title:YTPlayer.videoID.toString());break;case 2:eventType="YTPPause",YTPlayer.controlBar.length&&YTPlayer.controlBar.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.play);break;case 3:YTPlayer.player.setPlaybackQuality(YTPlayer.opt.quality),eventType="YTPBuffering",YTPlayer.controlBar.length&&YTPlayer.controlBar.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.play);break;case 5:eventType="YTPCued"}var YTPEvent=jQuery.Event(eventType);YTPEvent.time=YTPlayer.currentTime,YTPlayer.canTrigger&&jQuery(YTPlayer).trigger(YTPEvent)}},onPlaybackQualityChange:function(a){var b=a.target.getPlaybackQuality(),c=jQuery.Event("YTPQualityChange");c.quality=b,jQuery(YTPlayer).trigger(c)},onError:function(a){150==a.data&&(console.log("Embedding this video is restricted by Youtube."),YTPlayer.isPlayList&&jQuery(YTPlayer).playNext()),2==a.data&&YTPlayer.isPlayList&&jQuery(YTPlayer).playNext(),"function"==typeof YTPlayer.opt.onError&&YTPlayer.opt.onError($YTPlayer,a)}}})}}))}),$YTPlayer.off("YTPTime.mask"),jQuery.mbYTPlayer.applyMask(YTPlayer)}})},getDataFromAPI:function(a){if(a.videoData=jQuery.mbStorage.get("YTPlayer_data_"+a.videoID),jQuery(a).off("YTPData.YTPlayer").on("YTPData.YTPlayer",function(){if(a.hasData&&a.isPlayer&&!a.opt.autoPlay){var b=a.videoData.thumb_max||a.videoData.thumb_high||a.videoData.thumb_medium;a.opt.containment.css({background:"rgba(0,0,0,0.5) url("+b+") center center",backgroundSize:"cover"}),a.opt.backgroundUrl=b}}),a.videoData)setTimeout(function(){a.opt.ratio="auto"==a.opt.ratio?"16/9":a.opt.ratio,a.dataReceived=!0,jQuery(a).trigger("YTPChanged");var b=jQuery.Event("YTPData");b.prop={};for(var c in a.videoData)b.prop[c]=a.videoData[c];jQuery(a).trigger(b)},500),a.hasData=!0;else if(jQuery.mbYTPlayer.apiKey)jQuery.getJSON(jQuery.mbYTPlayer.locationProtocol+"//www.googleapis.com/youtube/v3/videos?id="+a.videoID+"&key="+jQuery.mbYTPlayer.apiKey+"&part=snippet",function(b){function c(b){a.videoData={},a.videoData.id=a.videoID,a.videoData.channelTitle=b.channelTitle,a.videoData.title=b.title,a.videoData.description=b.description.length<400?b.description:b.description.substring(0,400)+" ...",a.videoData.aspectratio="auto"==a.opt.ratio?"16/9":a.opt.ratio,a.opt.ratio=a.videoData.aspectratio,a.videoData.thumb_max=b.thumbnails.maxres?b.thumbnails.maxres.url:null,a.videoData.thumb_high=b.thumbnails.high?b.thumbnails.high.url:null,a.videoData.thumb_medium=b.thumbnails.medium?b.thumbnails.medium.url:null,jQuery.mbStorage.set("YTPlayer_data_"+a.videoID,a.videoData)}a.dataReceived=!0,jQuery(a).trigger("YTPChanged"),c(b.items[0].snippet),a.hasData=!0;var d=jQuery.Event("YTPData");d.prop={};for(var e in a.videoData)d.prop[e]=a.videoData[e];jQuery(a).trigger(d)});else{if(setTimeout(function(){jQuery(a).trigger("YTPChanged")},50),a.isPlayer&&!a.opt.autoPlay){var b=jQuery.mbYTPlayer.locationProtocol+"//i.ytimg.com/vi/"+a.videoID+"/hqdefault.jpg";a.opt.containment.css({background:"rgba(0,0,0,0.5) url("+b+") center center",backgroundSize:"cover"}),a.opt.backgroundUrl=b}a.videoData=null,a.opt.ratio="auto"==a.opt.ratio?"16/9":a.opt.ratio}!a.isPlayer||a.opt.autoPlay||jQuery.browser.mobile||(a.loading=jQuery("<div/>").addClass("loading").html("Loading").hide(),jQuery(a).append(a.loading),a.loading.fadeIn())},removeStoredData:function(){jQuery.mbStorage.remove()},getVideoData:function(){var a=this.get(0);return a.videoData},getVideoID:function(){var a=this.get(0);return a.videoID||!1},setVideoQuality:function(a){var b=this.get(0);b.player.setPlaybackQuality(a)},playlist:function(a,b,c,d){var e=this,f=e.get(0);return f.isPlayList=!0,b&&(a=jQuery.shuffle(a)),f.videoID||(f.videos=a,f.videoCounter=0,f.videoLength=a.length,jQuery(f).data("property",a[0]),jQuery(f).mb_YTPlayer()),"function"==typeof c&&jQuery(f).one("YTPChanged",function(){c(f)}),jQuery(f).on("YTPEnd",function(){d="undefined"==typeof d?!0:d,jQuery(f).playNext(d)}),e},playNext:function(a){var b=this.get(0);return b.checkForStartAt&&(clearTimeout(b.checkForStartAt),clearInterval(b.getState)),b.videoCounter++,b.videoCounter>=b.videoLength&&a&&(b.videoCounter=0),b.videoCounter<b.videoLength?jQuery(b).changeMovie(b.videos[b.videoCounter]):b.videoCounter--,this},playPrev:function(){var a=this.get(0);return a.checkForStartAt&&(clearInterval(a.checkForStartAt),clearInterval(a.getState)),a.videoCounter--,a.videoCounter<0&&(a.videoCounter=a.videoLength-1),jQuery(a).changeMovie(a.videos[a.videoCounter]),this},playIndex:function(a){var b=this.get(0);return a-=1,b.checkForStartAt&&(clearInterval(b.checkForStartAt),clearInterval(b.getState)),b.videoCounter=a,b.videoCounter>=b.videoLength-1&&(b.videoCounter=b.videoLength-1),jQuery(b).changeMovie(b.videos[b.videoCounter]),this},changeMovie:function(a){var b=this,c=b.get(0);c.opt.startAt=0,c.opt.stopAt=0,c.opt.mask=!1,c.opt.mute=!0,c.hasData=!1,c.hasChanged=!0,c.player.loopTime=void 0,a&&jQuery.extend(c.opt,a),c.videoID=getYTPVideoID(c.opt.videoURL).videoID,"true"==c.opt.loop&&(c.opt.loop=9999),jQuery(c.playerEl).CSSAnimate({opacity:0},200,function(){var a=jQuery.Event("YTPChangeMovie");a.time=c.currentTime,a.videoId=c.videoID,jQuery(c).trigger(a),jQuery(c).YTPGetPlayer().cueVideoByUrl(encodeURI(jQuery.mbYTPlayer.locationProtocol+"//www.youtube.com/v/"+c.videoID),1,c.opt.quality),jQuery(c).optimizeDisplay(),jQuery.mbYTPlayer.checkForState(c),jQuery.mbYTPlayer.getDataFromAPI(c)}),jQuery.mbYTPlayer.applyMask(c)},getPlayer:function(){return jQuery(this).get(0).player},playerDestroy:function(){var a=this.get(0);ytp.YTAPIReady=!0,ytp.backgroundIsInited=!1,a.isInit=!1,a.videoID=null;var b=a.wrapper;return b.remove(),jQuery("#controlBar_"+a.id).remove(),clearInterval(a.checkForStartAt),clearInterval(a.getState),this},fullscreen:function(real){function hideMouse(){YTPlayer.overlay.css({cursor:"none"})}function RunPrefixMethod(a,b){for(var c,d,e=["webkit","moz","ms","o",""],f=0;f<e.length&&!a[c];){if(c=b,""==e[f]&&(c=c.substr(0,1).toLowerCase()+c.substr(1)),c=e[f]+c,d=typeof a[c],"undefined"!=d)return e=[e[f]],"function"==d?a[c]():a[c];f++}}function launchFullscreen(a){RunPrefixMethod(a,"RequestFullScreen")}function cancelFullscreen(){(RunPrefixMethod(document,"FullScreen")||RunPrefixMethod(document,"IsFullScreen"))&&RunPrefixMethod(document,"CancelFullScreen")}var YTPlayer=this.get(0);"undefined"==typeof real&&(real=YTPlayer.opt.realfullscreen),real=eval(real);var controls=jQuery("#controlBar_"+YTPlayer.id),fullScreenBtn=controls.find(".mb_OnlyYT"),videoWrapper=YTPlayer.isSelf?YTPlayer.opt.containment:YTPlayer.wrapper;if(real){var fullscreenchange=jQuery.browser.mozilla?"mozfullscreenchange":jQuery.browser.webkit?"webkitfullscreenchange":"fullscreenchange";jQuery(document).off(fullscreenchange).on(fullscreenchange,function(){var a=RunPrefixMethod(document,"IsFullScreen")||RunPrefixMethod(document,"FullScreen");a?(jQuery(YTPlayer).YTPSetVideoQuality("default"),jQuery(YTPlayer).trigger("YTPFullScreenStart")):(YTPlayer.isAlone=!1,fullScreenBtn.html(jQuery.mbYTPlayer.controls.onlyYT),jQuery(YTPlayer).YTPSetVideoQuality(YTPlayer.opt.quality),videoWrapper.removeClass("YTPFullscreen"),videoWrapper.CSSAnimate({opacity:YTPlayer.opt.opacity},500),videoWrapper.css({zIndex:0}),YTPlayer.isBackground?jQuery("body").after(controls):YTPlayer.wrapper.before(controls),jQuery(window).resize(),jQuery(YTPlayer).trigger("YTPFullScreenEnd"))})}return YTPlayer.isAlone?(jQuery(document).off("mousemove.YTPlayer"),clearTimeout(YTPlayer.hideCursor),YTPlayer.overlay.css({cursor:"auto"}),real?cancelFullscreen():(videoWrapper.CSSAnimate({opacity:YTPlayer.opt.opacity},500),videoWrapper.css({zIndex:0})),fullScreenBtn.html(jQuery.mbYTPlayer.controls.onlyYT),YTPlayer.isAlone=!1):(jQuery(document).on("mousemove.YTPlayer",function(a){YTPlayer.overlay.css({cursor:"auto"}),clearTimeout(YTPlayer.hideCursor),jQuery(a.target).parents().is(".mb_YTPBar")||(YTPlayer.hideCursor=setTimeout(hideMouse,3e3))}),hideMouse(),real?(videoWrapper.css({opacity:0}),videoWrapper.addClass("YTPFullscreen"),launchFullscreen(videoWrapper.get(0)),setTimeout(function(){videoWrapper.CSSAnimate({opacity:1},1e3),YTPlayer.wrapper.append(controls),jQuery(YTPlayer).optimizeDisplay(),YTPlayer.player.seekTo(YTPlayer.player.getCurrentTime()+.1,!0)},500)):videoWrapper.css({zIndex:1e4}).CSSAnimate({opacity:1},1e3),fullScreenBtn.html(jQuery.mbYTPlayer.controls.showSite),YTPlayer.isAlone=!0),this},toggleLoops:function(){var a=this.get(0),b=a.opt;return 1==b.loop?b.loop=0:(b.startAt?a.player.seekTo(b.startAt):a.player.playVideo(),b.loop=1),this},play:function(){var a=this.get(0);if(!a.isReady)return this;a.player.playVideo(),a.wrapper.CSSAnimate({opacity:a.isAlone?1:a.opt.opacity},2e3),jQuery(a.playerEl).CSSAnimate({opacity:1},1e3);var b=jQuery("#controlBar_"+a.id),c=b.find(".mb_YTPPlaypause");return c.html(jQuery.mbYTPlayer.controls.pause),a.state=1,jQuery(a).css("background-image","none"),this},togglePlay:function(a){var b=this.get(0);return 1==b.state?this.YTPPause():this.YTPPlay(),"function"==typeof a&&a(b.state),this},stop:function(){var a=this.get(0),b=jQuery("#controlBar_"+a.id),c=b.find(".mb_YTPPlaypause");return c.html(jQuery.mbYTPlayer.controls.play),a.player.stopVideo(),this},pause:function(){var a=this.get(0);return a.player.pauseVideo(),a.state=2,this},seekTo:function(a){var b=this.get(0);return b.player.seekTo(a,!0),this},setVolume:function(a){var b=this.get(0);return a||b.opt.vol||0!=b.player.getVolume()?!a&&b.player.getVolume()>0||a&&b.opt.vol==a?b.isMute?jQuery(b).YTPUnmute():jQuery(b).YTPMute():(b.opt.vol=a,b.player.setVolume(b.opt.vol),b.volumeBar&&b.volumeBar.length&&b.volumeBar.updateSliderVal(a)):jQuery(b).YTPUnmute(),this},toggleVolume:function(){var a=this.get(0);if(a)return a.player.isMuted()?(jQuery(a).YTPUnmute(),!0):(jQuery(a).YTPMute(),!1)},mute:function(){var a=this.get(0);if(!a.isMute){a.player.mute(),a.isMute=!0,a.player.setVolume(0),a.volumeBar&&a.volumeBar.length&&a.volumeBar.width()>10&&a.volumeBar.updateSliderVal(0);var b=jQuery("#controlBar_"+a.id),c=b.find(".mb_YTPMuteUnmute");c.html(jQuery.mbYTPlayer.controls.unmute),jQuery(a).addClass("isMuted"),a.volumeBar&&a.volumeBar.length&&a.volumeBar.addClass("muted");var d=jQuery.Event("YTPMuted");return d.time=a.currentTime,a.canTrigger&&jQuery(a).trigger(d),this}},unmute:function(){var a=this.get(0);if(a.isMute){a.player.unMute(),a.isMute=!1,a.player.setVolume(a.opt.vol),a.volumeBar&&a.volumeBar.length&&a.volumeBar.updateSliderVal(a.opt.vol>10?a.opt.vol:10);var b=jQuery("#controlBar_"+a.id),c=b.find(".mb_YTPMuteUnmute");c.html(jQuery.mbYTPlayer.controls.mute),jQuery(a).removeClass("isMuted"),a.volumeBar&&a.volumeBar.length&&a.volumeBar.removeClass("muted");var d=jQuery.Event("YTPUnmuted");return d.time=a.currentTime,a.canTrigger&&jQuery(a).trigger(d),this}},applyFilter:function(a,b){return this.each(function(){var c=this;c.filters[a].value=b,c.filtersEnabled&&jQuery(c).YTPEnableFilters()})},applyFilters:function(a){return this.each(function(){var b=this;if(!b.isReady)return void jQuery(b).on("YTPReady",function(){jQuery(b).YTPApplyFilters(a)});for(var c in a)jQuery(b).YTPApplyFilter(c,a[c]);jQuery(b).trigger("YTPFiltersApplied")})},toggleFilter:function(a,b){return this.each(function(){var c=this;c.filters[a].value?c.filters[a].value=0:c.filters[a].value=b,c.filtersEnabled&&jQuery(this).YTPEnableFilters()})},toggleFilters:function(a){return this.each(function(){var b=this;b.filtersEnabled?(jQuery(b).trigger("YTPDisableFilters"),jQuery(b).YTPDisableFilters()):(jQuery(b).YTPEnableFilters(),jQuery(b).trigger("YTPEnableFilters")),"function"==typeof a&&a(b.filtersEnabled)})},disableFilters:function(){return this.each(function(){var a=this,b=jQuery(a.playerEl);b.css("-webkit-filter",""),b.css("filter",""),a.filtersEnabled=!1})},enableFilters:function(){return this.each(function(){var a=this,b=jQuery(a.playerEl),c="";for(var d in a.filters)a.filters[d].value&&(c+=d.replace("_","-")+"("+a.filters[d].value+a.filters[d].unit+") ");b.css("-webkit-filter",c),b.css("filter",c),a.filtersEnabled=!0})},removeFilter:function(a,b){return this.each(function(){var c=this;if("function"==typeof a&&(b=a,a=null),a)jQuery(this).YTPApplyFilter(a,0),"function"==typeof b&&b(a);else for(var d in c.filters)jQuery(this).YTPApplyFilter(d,0),"function"==typeof b&&b(d)})},getFilters:function(){var a=this.get(0);return a.filters},addMask:function(a){var b=this.get(0),c=b.overlay;a||(a=b.actualMask);var d=jQuery("<img/>").attr("src",a).on("load",function(){c.CSSAnimate({opacity:0},500,function(){b.hasMask=!0,d.remove(),c.css({backgroundImage:"url("+a+")",backgroundRepeat:"no-repeat",backgroundPosition:"center center",backgroundSize:"cover"}),c.CSSAnimate({opacity:1},500)})});return this},removeMask:function(){var a=this.get(0),b=a.overlay;return b.CSSAnimate({opacity:0},500,function(){a.hasMask=!1,b.css({backgroundImage:"",backgroundRepeat:"",backgroundPosition:"",backgroundSize:""}),b.CSSAnimate({opacity:1},500)}),this},applyMask:function(a){var b=jQuery(a);if(b.off("YTPTime.mask"),a.opt.mask)if("string"==typeof a.opt.mask)b.YTPAddMask(a.opt.mask),a.actualMask=a.opt.mask;else if("object"==typeof a.opt.mask){for(var c in a.opt.mask)if(a.opt.mask[c]){jQuery("<img/>").attr("src",a.opt.mask[c])}a.opt.mask[0]&&b.YTPAddMask(a.opt.mask[0]),b.on("YTPTime.mask",function(c){for(var d in a.opt.mask)c.time==d&&(a.opt.mask[d]?(b.YTPAddMask(a.opt.mask[d]),a.actualMask=a.opt.mask[d]):b.YTPRemoveMask())})}},toggleMask:function(){var a=this.get(0),b=$(a);return a.hasMask?b.YTPRemoveMask():b.YTPAddMask(),this},manageProgress:function(){var a=this.get(0),b=jQuery("#controlBar_"+a.id),c=b.find(".mb_YTPProgress"),d=b.find(".mb_YTPLoaded"),e=b.find(".mb_YTPseekbar"),f=c.outerWidth(),g=Math.floor(a.player.getCurrentTime()),h=Math.floor(a.player.getDuration()),i=g*f/h,j=0,k=100*a.player.getVideoLoadedFraction();return d.css({left:j,width:k+"%"}),e.css({left:0,width:i}),{totalTime:h,currentTime:g}},buildControls:function(YTPlayer){var data=YTPlayer.opt;if(data.showYTLogo=data.showYTLogo||data.printUrl,!jQuery("#controlBar_"+YTPlayer.id).length){YTPlayer.controlBar=jQuery("<span/>").attr("id","controlBar_"+YTPlayer.id).addClass("mb_YTPBar").css({whiteSpace:"noWrap",position:YTPlayer.isBackground?"fixed":"absolute",zIndex:YTPlayer.isBackground?1e4:1e3}).hide();var buttonBar=jQuery("<div/>").addClass("buttonBar"),playpause=jQuery("<span>"+jQuery.mbYTPlayer.controls.play+"</span>").addClass("mb_YTPPlaypause ytpicon").click(function(){1==YTPlayer.player.getPlayerState()?jQuery(YTPlayer).YTPPause():jQuery(YTPlayer).YTPPlay()}),MuteUnmute=jQuery("<span>"+jQuery.mbYTPlayer.controls.mute+"</span>").addClass("mb_YTPMuteUnmute ytpicon").click(function(){0==YTPlayer.player.getVolume()?jQuery(YTPlayer).YTPUnmute():jQuery(YTPlayer).YTPMute()}),volumeBar=jQuery("<div/>").addClass("mb_YTPVolumeBar").css({display:"inline-block"});YTPlayer.volumeBar=volumeBar;var idx=jQuery("<span/>").addClass("mb_YTPTime"),vURL=data.videoURL?data.videoURL:"";vURL.indexOf("http")<0&&(vURL=jQuery.mbYTPlayer.locationProtocol+"//www.youtube.com/watch?v="+data.videoURL);var movieUrl=jQuery("<span/>").html(jQuery.mbYTPlayer.controls.ytLogo).addClass("mb_YTPUrl ytpicon").attr("title","view on YouTube").on("click",function(){window.open(vURL,"viewOnYT")}),onlyVideo=jQuery("<span/>").html(jQuery.mbYTPlayer.controls.onlyYT).addClass("mb_OnlyYT ytpicon").on("click",function(){jQuery(YTPlayer).YTPFullscreen(data.realfullscreen)}),progressBar=jQuery("<div/>").addClass("mb_YTPProgress").css("position","absolute").click(function(a){timeBar.css({width:a.clientX-timeBar.offset().left}),YTPlayer.timeW=a.clientX-timeBar.offset().left,YTPlayer.controlBar.find(".mb_YTPLoaded").css({width:0});var b=Math.floor(YTPlayer.player.getDuration());YTPlayer["goto"]=timeBar.outerWidth()*b/progressBar.outerWidth(),YTPlayer.player.seekTo(parseFloat(YTPlayer["goto"]),!0),YTPlayer.controlBar.find(".mb_YTPLoaded").css({width:0})}),loadedBar=jQuery("<div/>").addClass("mb_YTPLoaded").css("position","absolute"),timeBar=jQuery("<div/>").addClass("mb_YTPseekbar").css("position","absolute");progressBar.append(loadedBar).append(timeBar),buttonBar.append(playpause).append(MuteUnmute).append(volumeBar).append(idx),data.showYTLogo&&buttonBar.append(movieUrl),(YTPlayer.isBackground||eval(YTPlayer.opt.realfullscreen)&&!YTPlayer.isBackground)&&buttonBar.append(onlyVideo),YTPlayer.controlBar.append(buttonBar).append(progressBar),YTPlayer.isBackground?jQuery("body").after(YTPlayer.controlBar):(YTPlayer.controlBar.addClass("inlinePlayer"),YTPlayer.wrapper.before(YTPlayer.controlBar)),volumeBar.simpleSlider({initialval:YTPlayer.opt.vol,scale:100,orientation:"h",callback:function(a){0==a.value?jQuery(YTPlayer).YTPMute():jQuery(YTPlayer).YTPUnmute(),YTPlayer.player.setVolume(a.value),YTPlayer.isMute||(YTPlayer.opt.vol=a.value)}})}},checkForState:function(YTPlayer){var interval=YTPlayer.opt.showControls?100:400;return clearInterval(YTPlayer.getState),jQuery.contains(document,YTPlayer)?(jQuery.mbYTPlayer.checkForStart(YTPlayer),void(YTPlayer.getState=setInterval(function(){var prog=jQuery(YTPlayer).YTPManageProgress(),$YTPlayer=jQuery(YTPlayer),data=YTPlayer.opt,startAt=YTPlayer.opt.startAt?YTPlayer.opt.startAt:1,stopAt=YTPlayer.opt.stopAt>YTPlayer.opt.startAt?YTPlayer.opt.stopAt:0;if(stopAt=stopAt<YTPlayer.player.getDuration()?stopAt:0,YTPlayer.currentTime!=prog.currentTime){var YTPEvent=jQuery.Event("YTPTime");YTPEvent.time=YTPlayer.currentTime,jQuery(YTPlayer).trigger(YTPEvent)}if(YTPlayer.currentTime=prog.currentTime,YTPlayer.totalTime=YTPlayer.player.getDuration(),0==YTPlayer.player.getVolume()?$YTPlayer.addClass("isMuted"):$YTPlayer.removeClass("isMuted"),YTPlayer.opt.showControls&&(prog.totalTime?YTPlayer.controlBar.find(".mb_YTPTime").html(jQuery.mbYTPlayer.formatTime(prog.currentTime)+" / "+jQuery.mbYTPlayer.formatTime(prog.totalTime)):YTPlayer.controlBar.find(".mb_YTPTime").html("-- : -- / -- : --")),eval(YTPlayer.opt.stopMovieOnBlur)&&(document.hasFocus()?document.hasFocus()&&!YTPlayer.hasFocus&&-1!=YTPlayer.state&&0!=YTPlayer.state&&(YTPlayer.hasFocus=!0,$YTPlayer.YTPPlay()):1==YTPlayer.state&&(YTPlayer.hasFocus=!1,$YTPlayer.YTPPause())),YTPlayer.controlBar.length&&YTPlayer.controlBar.outerWidth()<=400&&!YTPlayer.isCompact?(YTPlayer.controlBar.addClass("compact"),YTPlayer.isCompact=!0,!YTPlayer.isMute&&YTPlayer.volumeBar&&YTPlayer.volumeBar.updateSliderVal(YTPlayer.opt.vol)):YTPlayer.controlBar.length&&YTPlayer.controlBar.outerWidth()>400&&YTPlayer.isCompact&&(YTPlayer.controlBar.removeClass("compact"),YTPlayer.isCompact=!1,!YTPlayer.isMute&&YTPlayer.volumeBar&&YTPlayer.volumeBar.updateSliderVal(YTPlayer.opt.vol)),1==YTPlayer.player.getPlayerState()&&(parseFloat(YTPlayer.player.getDuration()-1.5)<YTPlayer.player.getCurrentTime()||stopAt>0&&parseFloat(YTPlayer.player.getCurrentTime())>stopAt)){if(YTPlayer.isEnded)return;if(YTPlayer.isEnded=!0,setTimeout(function(){YTPlayer.isEnded=!1},1e3),YTPlayer.isPlayList){if(!data.loop||data.loop>0&&YTPlayer.player.loopTime===data.loop-1){YTPlayer.player.loopTime=void 0,clearInterval(YTPlayer.getState);var YTPEnd=jQuery.Event("YTPEnd");return YTPEnd.time=YTPlayer.currentTime,void jQuery(YTPlayer).trigger(YTPEnd)}}else if(!data.loop||data.loop>0&&YTPlayer.player.loopTime===data.loop-1)return YTPlayer.player.loopTime=void 0,YTPlayer.preventTrigger=!0,YTPlayer.state=2,jQuery(YTPlayer).YTPPause(),void YTPlayer.wrapper.CSSAnimate({opacity:0},500,function(){YTPlayer.controlBar.length&&YTPlayer.controlBar.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.play);var a=jQuery.Event("YTPEnd");a.time=YTPlayer.currentTime,jQuery(YTPlayer).trigger(a),YTPlayer.player.seekTo(startAt,!0),YTPlayer.isBackground||YTPlayer.opt.containment.css({background:"rgba(0,0,0,0.5) url("+YTPlayer.opt.backgroundUrl+") center center",backgroundSize:"cover"})});YTPlayer.player.loopTime=YTPlayer.player.loopTime?++YTPlayer.player.loopTime:1,startAt=startAt||1,YTPlayer.preventTrigger=!0,YTPlayer.state=2,jQuery(YTPlayer).YTPPause(),YTPlayer.player.seekTo(startAt,!0),$YTPlayer.YTPPlay()}},interval))):(jQuery(YTPlayer).YTPPlayerDestroy(),clearInterval(YTPlayer.getState),void clearInterval(YTPlayer.checkForStartAt))},getTime:function(){var a=this.get(0);return jQuery.mbYTPlayer.formatTime(a.currentTime)},getTotalTime:function(){var a=this.get(0);return jQuery.mbYTPlayer.formatTime(a.totalTime)},checkForStart:function(a){var b=jQuery(a);if(!jQuery.contains(document,a))return void jQuery(a).YTPPlayerDestroy();if(a.preventTrigger=!0,a.state=2,jQuery(a).YTPPause(),jQuery(a).muteYTPVolume(),jQuery("#controlBar_"+a.id).remove(),a.controlBar=!1,a.opt.showControls&&jQuery.mbYTPlayer.buildControls(a),a.opt.addRaster){var c="dot"==a.opt.addRaster?"raster-dot":"raster";a.overlay.addClass(a.isRetina?c+" retina":c)}else a.overlay.removeClass(function(a,b){var c=b.split(" "),d=[];return jQuery.each(c,function(a,b){/raster.*/.test(b)&&d.push(b)}),d.push("retina"),d.join(" ")});var d=a.opt.startAt?a.opt.startAt:1;a.player.playVideo(),a.player.seekTo(d,!0),a.checkForStartAt=setInterval(function(){jQuery(a).YTPMute();var c=a.player.getVideoLoadedFraction()>=d/a.player.getDuration();if(a.player.getDuration()>0&&a.player.getCurrentTime()>=d&&c){clearInterval(a.checkForStartAt),"function"==typeof a.opt.onReady&&a.opt.onReady(a),a.isReady=!0;var e=jQuery.Event("YTPReady");if(e.time=a.currentTime,jQuery(a).trigger(e),a.preventTrigger=!0,a.state=2,jQuery(a).YTPPause(),a.opt.mute||jQuery(a).YTPUnmute(),a.canTrigger=!0,a.opt.autoPlay){var f=jQuery.Event("YTPStart");f.time=a.currentTime,jQuery(a).trigger(f),b.css("background-image","none"),jQuery(a.playerEl).CSSAnimate({opacity:1},1e3),b.YTPPlay(),a.wrapper.CSSAnimate({opacity:a.isAlone?1:a.opt.opacity},1e3),jQuery.browser.safari&&(a.safariPlay=setInterval(function(){1!=a.state?b.YTPPlay():clearInterval(a.safariPlay)},10)),b.on("YTPReady",function(){b.YTPPlay()})}else a.player.pauseVideo(),a.isPlayer||(jQuery(a.playerEl).CSSAnimate({opacity:1},500),a.wrapper.CSSAnimate({opacity:a.isAlone?1:a.opt.opacity},500)),a.controlBar.length&&a.controlBar.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.play);a.isPlayer&&!a.opt.autoPlay&&a.loading&&a.loading.length&&(a.loading.html("Ready"),setTimeout(function(){a.loading.fadeOut()},100)),a.controlBar&&a.controlBar.length&&a.controlBar.slideDown(1e3)}else jQuery.browser.safari&&(a.player.playVideo(),d>=0&&a.player.seekTo(d,!0))},1)},setAlign:function(a){var b=this;b.optimizeDisplay(a)},getAlign:function(){var a=this.get(0);return a.opt.align},formatTime:function(a){var b=Math.floor(a/60),c=Math.floor(a-60*b);return(9>=b?"0"+b:b)+" : "+(9>=c?"0"+c:c)}},jQuery.fn.optimizeDisplay=function(a){var b=this.get(0),c=jQuery(b.playerEl),d={};b.opt.align=a||b.opt.align,b.opt.align="undefined "!=typeof b.opt.align?b.opt.align:"center,center";var e=b.opt.align.split(",");if(b.opt.optimizeDisplay){var f={},g=b.wrapper;f.width=g.outerWidth(),f.height=g.outerHeight(),d.width=f.width,d.height="16/9"==b.opt.ratio?Math.ceil(f.width*(9/16)):Math.ceil(.75*f.width),d.width=f.width,d.height="16/9"==b.opt.ratio?Math.ceil(f.width*(9/16)):Math.ceil(.75*f.width),d.marginTop=-((d.height-f.height)/2),d.marginLeft=0;var h=d.height<f.height;h&&(d.height=f.height,d.width="16/9"==b.opt.ratio?Math.floor(f.height*(16/9)):Math.floor(f.height*(4/3)),d.marginTop=0,d.marginLeft=-((d.width-f.width)/2));for(var i in e){var j=e[i].trim();
+switch(j){case"top":d.marginTop=h?-((d.height-f.height)/2):0;break;case"bottom":d.marginTop=h?0:-(d.height-f.height);break;case"left":d.marginLeft=0;break;case"right":d.marginLeft=h?-(d.width-f.width):0}}}else d.width="100%",d.height="100%",d.marginTop=0,d.marginLeft=0;c.css({width:d.width,height:d.height,marginTop:d.marginTop,marginLeft:d.marginLeft})},jQuery.shuffle=function(a){for(var b=a.slice(),c=b.length,d=c;d--;){var e=parseInt(Math.random()*c),f=b[d];b[d]=b[e],b[e]=f}return b},jQuery.fn.unselectable=function(){return this.each(function(){jQuery(this).css({"-moz-user-select":"none","-webkit-user-select":"none","user-select":"none"}).attr("unselectable","on")})},jQuery.fn.YTPlayer=jQuery.mbYTPlayer.buildPlayer,jQuery.fn.YTPGetPlayer=jQuery.mbYTPlayer.getPlayer,jQuery.fn.YTPGetVideoID=jQuery.mbYTPlayer.getVideoID,jQuery.fn.YTPChangeMovie=jQuery.mbYTPlayer.changeMovie,jQuery.fn.YTPPlayerDestroy=jQuery.mbYTPlayer.playerDestroy,jQuery.fn.YTPPlay=jQuery.mbYTPlayer.play,jQuery.fn.YTPTogglePlay=jQuery.mbYTPlayer.togglePlay,jQuery.fn.YTPStop=jQuery.mbYTPlayer.stop,jQuery.fn.YTPPause=jQuery.mbYTPlayer.pause,jQuery.fn.YTPSeekTo=jQuery.mbYTPlayer.seekTo,jQuery.fn.YTPlaylist=jQuery.mbYTPlayer.playlist,jQuery.fn.YTPPlayNext=jQuery.mbYTPlayer.playNext,jQuery.fn.YTPPlayPrev=jQuery.mbYTPlayer.playPrev,jQuery.fn.YTPPlayIndex=jQuery.mbYTPlayer.playIndex,jQuery.fn.YTPMute=jQuery.mbYTPlayer.mute,jQuery.fn.YTPUnmute=jQuery.mbYTPlayer.unmute,jQuery.fn.YTPToggleVolume=jQuery.mbYTPlayer.toggleVolume,jQuery.fn.YTPSetVolume=jQuery.mbYTPlayer.setVolume,jQuery.fn.YTPGetVideoData=jQuery.mbYTPlayer.getVideoData,jQuery.fn.YTPFullscreen=jQuery.mbYTPlayer.fullscreen,jQuery.fn.YTPToggleLoops=jQuery.mbYTPlayer.toggleLoops,jQuery.fn.YTPSetVideoQuality=jQuery.mbYTPlayer.setVideoQuality,jQuery.fn.YTPManageProgress=jQuery.mbYTPlayer.manageProgress,jQuery.fn.YTPApplyFilter=jQuery.mbYTPlayer.applyFilter,jQuery.fn.YTPApplyFilters=jQuery.mbYTPlayer.applyFilters,jQuery.fn.YTPToggleFilter=jQuery.mbYTPlayer.toggleFilter,jQuery.fn.YTPToggleFilters=jQuery.mbYTPlayer.toggleFilters,jQuery.fn.YTPRemoveFilter=jQuery.mbYTPlayer.removeFilter,jQuery.fn.YTPDisableFilters=jQuery.mbYTPlayer.disableFilters,jQuery.fn.YTPEnableFilters=jQuery.mbYTPlayer.enableFilters,jQuery.fn.YTPGetFilters=jQuery.mbYTPlayer.getFilters,jQuery.fn.YTPGetTime=jQuery.mbYTPlayer.getTime,jQuery.fn.YTPGetTotalTime=jQuery.mbYTPlayer.getTotalTime,jQuery.fn.YTPAddMask=jQuery.mbYTPlayer.addMask,jQuery.fn.YTPRemoveMask=jQuery.mbYTPlayer.removeMask,jQuery.fn.YTPToggleMask=jQuery.mbYTPlayer.toggleMask,jQuery.fn.YTPSetAlign=jQuery.mbYTPlayer.setAlign,jQuery.fn.YTPGetAlign=jQuery.mbYTPlayer.getAlign,jQuery.fn.mb_YTPlayer=jQuery.mbYTPlayer.buildPlayer,jQuery.fn.playNext=jQuery.mbYTPlayer.playNext,jQuery.fn.playPrev=jQuery.mbYTPlayer.playPrev,jQuery.fn.changeMovie=jQuery.mbYTPlayer.changeMovie,jQuery.fn.getVideoID=jQuery.mbYTPlayer.getVideoID,jQuery.fn.getPlayer=jQuery.mbYTPlayer.getPlayer,jQuery.fn.playerDestroy=jQuery.mbYTPlayer.playerDestroy,jQuery.fn.fullscreen=jQuery.mbYTPlayer.fullscreen,jQuery.fn.buildYTPControls=jQuery.mbYTPlayer.buildControls,jQuery.fn.playYTP=jQuery.mbYTPlayer.play,jQuery.fn.toggleLoops=jQuery.mbYTPlayer.toggleLoops,jQuery.fn.stopYTP=jQuery.mbYTPlayer.stop,jQuery.fn.pauseYTP=jQuery.mbYTPlayer.pause,jQuery.fn.seekToYTP=jQuery.mbYTPlayer.seekTo,jQuery.fn.muteYTPVolume=jQuery.mbYTPlayer.mute,jQuery.fn.unmuteYTPVolume=jQuery.mbYTPlayer.unmute,jQuery.fn.setYTPVolume=jQuery.mbYTPlayer.setVolume,jQuery.fn.setVideoQuality=jQuery.mbYTPlayer.setVideoQuality,jQuery.fn.manageYTPProgress=jQuery.mbYTPlayer.manageProgress,jQuery.fn.YTPGetDataFromFeed=jQuery.mbYTPlayer.getVideoData}(jQuery,ytp),jQuery.support.CSStransition=function(){var a=document.body||document.documentElement,b=a.style;return void 0!==b.transition||void 0!==b.WebkitTransition||void 0!==b.MozTransition||void 0!==b.MsTransition||void 0!==b.OTransition}(),jQuery.CSS={name:"mb.CSSAnimate",author:"Matteo Bicocchi",version:"2.0.0",transitionEnd:"transitionEnd",sfx:"",filters:{blur:{min:0,max:100,unit:"px"},brightness:{min:0,max:400,unit:"%"},contrast:{min:0,max:400,unit:"%"},grayscale:{min:0,max:100,unit:"%"},hueRotate:{min:0,max:360,unit:"deg"},invert:{min:0,max:100,unit:"%"},saturate:{min:0,max:400,unit:"%"},sepia:{min:0,max:100,unit:"%"}},normalizeCss:function(a){var b=jQuery.extend(!0,{},a);jQuery.browser.webkit||jQuery.browser.opera?jQuery.CSS.sfx="-webkit-":jQuery.browser.mozilla?jQuery.CSS.sfx="-moz-":jQuery.browser.msie&&(jQuery.CSS.sfx="-ms-");for(var c in b){"transform"===c&&(b[jQuery.CSS.sfx+"transform"]=b[c],delete b[c]),"transform-origin"===c&&(b[jQuery.CSS.sfx+"transform-origin"]=a[c],delete b[c]),"filter"!==c||jQuery.browser.mozilla||(b[jQuery.CSS.sfx+"filter"]=a[c],delete b[c]),"blur"===c&&setFilter(b,"blur",a[c]),"brightness"===c&&setFilter(b,"brightness",a[c]),"contrast"===c&&setFilter(b,"contrast",a[c]),"grayscale"===c&&setFilter(b,"grayscale",a[c]),"hueRotate"===c&&setFilter(b,"hueRotate",a[c]),"invert"===c&&setFilter(b,"invert",a[c]),"saturate"===c&&setFilter(b,"saturate",a[c]),"sepia"===c&&setFilter(b,"sepia",a[c]);var d="";"x"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" translateX("+setUnit(a[c],"px")+")",delete b[c]),"y"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" translateY("+setUnit(a[c],"px")+")",delete b[c]),"z"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" translateZ("+setUnit(a[c],"px")+")",delete b[c]),"rotate"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" rotate("+setUnit(a[c],"deg")+")",delete b[c]),"rotateX"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" rotateX("+setUnit(a[c],"deg")+")",delete b[c]),"rotateY"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" rotateY("+setUnit(a[c],"deg")+")",delete b[c]),"rotateZ"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" rotateZ("+setUnit(a[c],"deg")+")",delete b[c]),"scale"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" scale("+setUnit(a[c],"")+")",delete b[c]),"scaleX"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" scaleX("+setUnit(a[c],"")+")",delete b[c]),"scaleY"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" scaleY("+setUnit(a[c],"")+")",delete b[c]),"scaleZ"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" scaleZ("+setUnit(a[c],"")+")",delete b[c]),"skew"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" skew("+setUnit(a[c],"deg")+")",delete b[c]),"skewX"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" skewX("+setUnit(a[c],"deg")+")",delete b[c]),"skewY"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" skewY("+setUnit(a[c],"deg")+")",delete b[c]),"perspective"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" perspective("+setUnit(a[c],"px")+")",delete b[c])}return b},getProp:function(a){var b=[];for(var c in a)b.indexOf(c)<0&&b.push(uncamel(c));return b.join(",")},animate:function(a,b,c,d,e){return this.each(function(){function f(){g.called=!0,g.CSSAIsRunning=!1,h.off(jQuery.CSS.transitionEnd+"."+g.id),clearTimeout(g.timeout),h.css(jQuery.CSS.sfx+"transition",""),"function"==typeof e&&e.apply(g),"function"==typeof g.CSSqueue&&(g.CSSqueue(),g.CSSqueue=null)}var g=this,h=jQuery(this);g.id=g.id||"CSSA_"+(new Date).getTime();var i=i||{type:"noEvent"};if(g.CSSAIsRunning&&g.eventType==i.type&&!jQuery.browser.msie&&jQuery.browser.version<=9)return void(g.CSSqueue=function(){h.CSSAnimate(a,b,c,d,e)});if(g.CSSqueue=null,g.eventType=i.type,0!==h.length&&a){if(a=jQuery.normalizeCss(a),g.CSSAIsRunning=!0,"function"==typeof b&&(e=b,b=jQuery.fx.speeds._default),"function"==typeof c&&(d=c,c=0),"string"==typeof c&&(e=c,c=0),"function"==typeof d&&(e=d,d="cubic-bezier(0.65,0.03,0.36,0.72)"),"string"==typeof b)for(var j in jQuery.fx.speeds){if(b==j){b=jQuery.fx.speeds[j];break}b=jQuery.fx.speeds._default}if(b||(b=jQuery.fx.speeds._default),"string"==typeof e&&(d=e,e=null),!jQuery.support.CSStransition){for(var k in a){if("transform"===k&&delete a[k],"filter"===k&&delete a[k],"transform-origin"===k&&delete a[k],"auto"===a[k]&&delete a[k],"x"===k){var l=a[k],m="left";a[m]=l,delete a[k]}if("y"===k){var l=a[k],m="top";a[m]=l,delete a[k]}("-ms-transform"===k||"-ms-filter"===k)&&delete a[k]}return void h.delay(c).animate(a,b,e)}var n={"default":"ease","in":"ease-in",out:"ease-out","in-out":"ease-in-out",snap:"cubic-bezier(0,1,.5,1)",easeOutCubic:"cubic-bezier(.215,.61,.355,1)",easeInOutCubic:"cubic-bezier(.645,.045,.355,1)",easeInCirc:"cubic-bezier(.6,.04,.98,.335)",easeOutCirc:"cubic-bezier(.075,.82,.165,1)",easeInOutCirc:"cubic-bezier(.785,.135,.15,.86)",easeInExpo:"cubic-bezier(.95,.05,.795,.035)",easeOutExpo:"cubic-bezier(.19,1,.22,1)",easeInOutExpo:"cubic-bezier(1,0,0,1)",easeInQuad:"cubic-bezier(.55,.085,.68,.53)",easeOutQuad:"cubic-bezier(.25,.46,.45,.94)",easeInOutQuad:"cubic-bezier(.455,.03,.515,.955)",easeInQuart:"cubic-bezier(.895,.03,.685,.22)",easeOutQuart:"cubic-bezier(.165,.84,.44,1)",easeInOutQuart:"cubic-bezier(.77,0,.175,1)",easeInQuint:"cubic-bezier(.755,.05,.855,.06)",easeOutQuint:"cubic-bezier(.23,1,.32,1)",easeInOutQuint:"cubic-bezier(.86,0,.07,1)",easeInSine:"cubic-bezier(.47,0,.745,.715)",easeOutSine:"cubic-bezier(.39,.575,.565,1)",easeInOutSine:"cubic-bezier(.445,.05,.55,.95)",easeInBack:"cubic-bezier(.6,-.28,.735,.045)",easeOutBack:"cubic-bezier(.175, .885,.32,1.275)",easeInOutBack:"cubic-bezier(.68,-.55,.265,1.55)"};n[d]&&(d=n[d]),h.off(jQuery.CSS.transitionEnd+"."+g.id);var o=jQuery.CSS.getProp(a),p={};jQuery.extend(p,a),p[jQuery.CSS.sfx+"transition-property"]=o,p[jQuery.CSS.sfx+"transition-duration"]=b+"ms",p[jQuery.CSS.sfx+"transition-delay"]=c+"ms",p[jQuery.CSS.sfx+"transition-timing-function"]=d,setTimeout(function(){h.one(jQuery.CSS.transitionEnd+"."+g.id,f),h.css(p)},1),g.timeout=setTimeout(function(){return g.called||!e?(g.called=!1,void(g.CSSAIsRunning=!1)):(h.css(jQuery.CSS.sfx+"transition",""),e.apply(g),g.CSSAIsRunning=!1,void("function"==typeof g.CSSqueue&&(g.CSSqueue(),g.CSSqueue=null)))},b+c+10)}})}},jQuery.fn.CSSAnimate=jQuery.CSS.animate,jQuery.normalizeCss=jQuery.CSS.normalizeCss,jQuery.fn.css3=function(a){return this.each(function(){var b=jQuery(this),c=jQuery.normalizeCss(a);b.css(c)})};var nAgt=navigator.userAgent;if(!jQuery.browser){jQuery.browser={},jQuery.browser.mozilla=!1,jQuery.browser.webkit=!1,jQuery.browser.opera=!1,jQuery.browser.safari=!1,jQuery.browser.chrome=!1,jQuery.browser.androidStock=!1,jQuery.browser.msie=!1,jQuery.browser.ua=nAgt,jQuery.browser.name=navigator.appName,jQuery.browser.fullVersion=""+parseFloat(navigator.appVersion),jQuery.browser.majorVersion=parseInt(navigator.appVersion,10);var nameOffset,verOffset,ix;if(-1!=(verOffset=nAgt.indexOf("Opera")))jQuery.browser.opera=!0,jQuery.browser.name="Opera",jQuery.browser.fullVersion=nAgt.substring(verOffset+6),-1!=(verOffset=nAgt.indexOf("Version"))&&(jQuery.browser.fullVersion=nAgt.substring(verOffset+8));else if(-1!=(verOffset=nAgt.indexOf("OPR")))jQuery.browser.opera=!0,jQuery.browser.name="Opera",jQuery.browser.fullVersion=nAgt.substring(verOffset+4);else if(-1!=(verOffset=nAgt.indexOf("MSIE")))jQuery.browser.msie=!0,jQuery.browser.name="Microsoft Internet Explorer",jQuery.browser.fullVersion=nAgt.substring(verOffset+5);else if(-1!=nAgt.indexOf("Trident")||-1!=nAgt.indexOf("Edge")){jQuery.browser.msie=!0,jQuery.browser.name="Microsoft Internet Explorer";var start=nAgt.indexOf("rv:")+3,end=start+4;jQuery.browser.fullVersion=nAgt.substring(start,end)}else-1!=(verOffset=nAgt.indexOf("Chrome"))?(jQuery.browser.webkit=!0,jQuery.browser.chrome=!0,jQuery.browser.name="Chrome",jQuery.browser.fullVersion=nAgt.substring(verOffset+7)):nAgt.indexOf("mozilla/5.0")>-1&&nAgt.indexOf("android ")>-1&&nAgt.indexOf("applewebkit")>-1&&!(nAgt.indexOf("chrome")>-1)?(verOffset=nAgt.indexOf("Chrome"),jQuery.browser.webkit=!0,jQuery.browser.androidStock=!0,jQuery.browser.name="androidStock",jQuery.browser.fullVersion=nAgt.substring(verOffset+7)):-1!=(verOffset=nAgt.indexOf("Safari"))?(jQuery.browser.webkit=!0,jQuery.browser.safari=!0,jQuery.browser.name="Safari",jQuery.browser.fullVersion=nAgt.substring(verOffset+7),-1!=(verOffset=nAgt.indexOf("Version"))&&(jQuery.browser.fullVersion=nAgt.substring(verOffset+8))):-1!=(verOffset=nAgt.indexOf("AppleWebkit"))?(jQuery.browser.webkit=!0,jQuery.browser.safari=!0,jQuery.browser.name="Safari",jQuery.browser.fullVersion=nAgt.substring(verOffset+7),-1!=(verOffset=nAgt.indexOf("Version"))&&(jQuery.browser.fullVersion=nAgt.substring(verOffset+8))):-1!=(verOffset=nAgt.indexOf("Firefox"))?(jQuery.browser.mozilla=!0,jQuery.browser.name="Firefox",jQuery.browser.fullVersion=nAgt.substring(verOffset+8)):(nameOffset=nAgt.lastIndexOf(" ")+1)<(verOffset=nAgt.lastIndexOf("/"))&&(jQuery.browser.name=nAgt.substring(nameOffset,verOffset),jQuery.browser.fullVersion=nAgt.substring(verOffset+1),jQuery.browser.name.toLowerCase()==jQuery.browser.name.toUpperCase()&&(jQuery.browser.name=navigator.appName));-1!=(ix=jQuery.browser.fullVersion.indexOf(";"))&&(jQuery.browser.fullVersion=jQuery.browser.fullVersion.substring(0,ix)),-1!=(ix=jQuery.browser.fullVersion.indexOf(" "))&&(jQuery.browser.fullVersion=jQuery.browser.fullVersion.substring(0,ix)),jQuery.browser.majorVersion=parseInt(""+jQuery.browser.fullVersion,10),isNaN(jQuery.browser.majorVersion)&&(jQuery.browser.fullVersion=""+parseFloat(navigator.appVersion),jQuery.browser.majorVersion=parseInt(navigator.appVersion,10)),jQuery.browser.version=jQuery.browser.majorVersion}jQuery.browser.android=/Android/i.test(nAgt),jQuery.browser.blackberry=/BlackBerry|BB|PlayBook/i.test(nAgt),jQuery.browser.ios=/iPhone|iPad|iPod|webOS/i.test(nAgt),jQuery.browser.operaMobile=/Opera Mini/i.test(nAgt),jQuery.browser.windowsMobile=/IEMobile|Windows Phone/i.test(nAgt),jQuery.browser.kindle=/Kindle|Silk/i.test(nAgt),jQuery.browser.mobile=jQuery.browser.android||jQuery.browser.blackberry||jQuery.browser.ios||jQuery.browser.windowsMobile||jQuery.browser.operaMobile||jQuery.browser.kindle,jQuery.isMobile=jQuery.browser.mobile,jQuery.isTablet=jQuery.browser.mobile&&jQuery(window).width()>765,jQuery.isAndroidDefault=jQuery.browser.android&&!/chrome/i.test(nAgt),!function(a){var b=(/iphone|ipod|ipad|android|ie|blackberry|fennec/.test(navigator.userAgent.toLowerCase()),"ontouchstart"in window||window.navigator&&window.navigator.msPointerEnabled&&window.MSGesture||window.DocumentTouch&&document instanceof DocumentTouch||!1);a.simpleSlider={defaults:{initialval:0,scale:100,orientation:"h",readonly:!1,callback:!1},events:{start:b?"touchstart":"mousedown",end:b?"touchend":"mouseup",move:b?"touchmove":"mousemove"},init:function(c){return this.each(function(){var d=this,e=a(d);e.addClass("simpleSlider"),d.opt={},a.extend(d.opt,a.simpleSlider.defaults,c),a.extend(d.opt,e.data());var f="h"==d.opt.orientation?"horizontal":"vertical",g=a("<div/>").addClass("level").addClass(f);e.prepend(g),d.level=g,e.css({cursor:"default"}),"auto"==d.opt.scale&&(d.opt.scale=a(d).outerWidth()),e.updateSliderVal(),d.opt.readonly||(e.on(a.simpleSlider.events.start,function(a){b&&(a=a.changedTouches[0]),d.canSlide=!0,e.updateSliderVal(a),e.css({cursor:"col-resize"}),a.preventDefault(),a.stopPropagation()}),a(document).on(a.simpleSlider.events.move,function(c){b&&(c=c.changedTouches[0]),d.canSlide&&(a(document).css({cursor:"default"}),e.updateSliderVal(c),c.preventDefault(),c.stopPropagation())}).on(a.simpleSlider.events.end,function(){a(document).css({cursor:"auto"}),d.canSlide=!1,e.css({cursor:"auto"})}))})},updateSliderVal:function(b){function c(a,b){return Math.floor(100*a/b)}var d=this,e=d.get(0);if(e.opt){e.opt.initialval="number"==typeof e.opt.initialval?e.opt.initialval:e.opt.initialval(e);var f=a(e).outerWidth(),g=a(e).outerHeight();e.x="object"==typeof b?b.clientX+document.body.scrollLeft-d.offset().left:"number"==typeof b?b*f/e.opt.scale:e.opt.initialval*f/e.opt.scale,e.y="object"==typeof b?b.clientY+document.body.scrollTop-d.offset().top:"number"==typeof b?(e.opt.scale-e.opt.initialval-b)*g/e.opt.scale:e.opt.initialval*g/e.opt.scale,e.y=d.outerHeight()-e.y,e.scaleX=e.x*e.opt.scale/f,e.scaleY=e.y*e.opt.scale/g,e.outOfRangeX=e.scaleX>e.opt.scale?e.scaleX-e.opt.scale:e.scaleX<0?e.scaleX:0,e.outOfRangeY=e.scaleY>e.opt.scale?e.scaleY-e.opt.scale:e.scaleY<0?e.scaleY:0,e.outOfRange="h"==e.opt.orientation?e.outOfRangeX:e.outOfRangeY,"undefined"!=typeof b?e.value="h"==e.opt.orientation?e.x>=d.outerWidth()?e.opt.scale:e.x<=0?0:e.scaleX:e.y>=d.outerHeight()?e.opt.scale:e.y<=0?0:e.scaleY:e.value="h"==e.opt.orientation?e.scaleX:e.scaleY,"h"==e.opt.orientation?e.level.width(c(e.x,f)+"%"):e.level.height(c(e.y,g)),"function"==typeof e.opt.callback&&e.opt.callback(e)}}},a.fn.simpleSlider=a.simpleSlider.init,a.fn.updateSliderVal=a.simpleSlider.updateSliderVal}(jQuery),!function(a){a.mbCookie={set:function(a,b,c,d){b=JSON.stringify(b),c||(c=7),d=d?"; domain="+d:"";var e,f=new Date;f.setTime(f.getTime()+864e5*c),e="; expires="+f.toGMTString(),document.cookie=a+"="+b+e+"; path=/"+d},get:function(a){for(var b=a+"=",c=document.cookie.split(";"),d=0;d<c.length;d++){for(var e=c[d];" "==e.charAt(0);)e=e.substring(1,e.length);if(0==e.indexOf(b))return JSON.parse(e.substring(b.length,e.length))}return null},remove:function(b){a.mbCookie.set(b,"",-1)}},a.mbStorage={set:function(a,b){b=JSON.stringify(b),localStorage.setItem(a,b)},get:function(a){return localStorage[a]?JSON.parse(localStorage[a]):null},remove:function(a){a?localStorage.removeItem(a):localStorage.clear()}}}(jQuery);
\ No newline at end of file
diff --git a/style.min.css b/style.min.css
index 02f7666..1df18c2 100755
--- a/style.min.css
+++ b/style.min.css
@@ -20,3 +20,58 @@ Underscores is distributed under the terms of the GNU GPL v2 or later.
 Normalizing styles have been helped along thanks to the fine work of
 Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */body,button,input,select,textarea{color:#404040;font-family:'Roboto', 'Helvetica', sans-serif;font-size:16px;font-size:1rem}.mdlwp-navigation-container{direction:rtl;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:500px;-webkit-transition:opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),width 0.2s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),width 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.mdlwp-search-box{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-left:16px;margin-right:16px}.mdlwp-search-box .mdl-textfield__input{border-bottom:1px solid #fff}.mdlwp-search-box.is-focused ~ .mdlwp-navigation-container{opacity:0;width:100px}.mdlwp-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#757575;font-weight:500}.mdlwp-nav>.mdlwp-nav__button{color:#757575;text-decoration:none}.mdlwp-nav .mdl-button{color:rgba(0,0,0,0.54);background-color:white}.mdlwp-nav>.mdlwp-nav__button:first-child .mdl-button{margin-right:16px}.mdlwp-nav>.mdlwp-nav__button:last-child .mdl-button{margin-left:16px}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{display:block;margin-left:auto;margin-right:auto}.mdlwp-900{max-width:900px}.mdlwp-1600{max-width:1600px}.site-main{padding-top:40px;-ms-word-wrap:break-word;word-wrap:break-word}.site-main .mdl-card{margin-bottom:35px}.site-main header h3{margin:0;color:#fff}.site-main header h3 a{color:#fff;text-decoration:none}.site-main .mdl-card__media{box-sizing:border-box;background-size:cover;background-color:#757575;padding:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;cursor:pointer;height:280px}.site-main .meta{box-sizing:border-box;padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:auto}.site-main .meta .avatar,.site-main .meta .entry-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.site-main .meta .avatar-img{margin-right:15px}.site-main .meta .avatar-img img{border-radius:50%}.site-main .meta .entry-meta a{text-decoration:none;color:#757575;font-size:12px;line-height:16px}.single-post .entry-content p{font-size:16px;line-height:28px}.single .mdl-card__media,.page .mdl-card__media{cursor:default}.comments{background-color:#EEE}.comment-content a{word-wrap:break-word}.comments-area{padding:35px}.comments-title,.comment-reply-title{padding-bottom:9px;margin:40px 0 20px 0;border-bottom:1px solid #eee}ol.comment-list{list-style:none;padding-left:0}.comment-author .avatar{margin-right:25px;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:4px}.comment-meta{margin-top:20px;margin-bottom:20px}.comment-details{overflow:hidden;zoom:1;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #ddd}.comment-details .reply{margin-top:10px}.comment-date a{font-size:11px;color:#777;margin-right:10px}#commentform #comment{width:100% !important}#commentform .mdl-textfield{width:100% !important}#commentform #submit{position:relative;padding:8px 30px;border:0;margin:10px 1px;cursor:pointer;border-radius:2px;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,0.84);-webkit-transition:box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);outline:0 !important;box-shadow:0 3px 10px rgba(0,0,0,0.23),0 3px 10px rgba(0,0,0,0.16);color:rgba(0,0,0,0.84);background-color:transparent;border-color:#ccc}#commentform #submit:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.page-template-page-ribbon .site-main{padding-top:0}.page-template-page-ribbon .site-main header h3{color:#616161;margin-bottom:15px}.page-template-page-ribbon .mdlwp-page-ribbon{margin-top:-35vh;-ms-flex-negative:0;flex-shrink:0;display:block;overflow-y:auto;overflow-x:hidden;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;z-index:1;-webkit-overflow-scrolling:touch}.page-template-page-ribbon .ribbon{width:100%;height:40vh;background-color:#3F51B5;-ms-flex-negative:0;flex-shrink:0;background-position:center;background-size:cover}.page-template-page-ribbon .ribbon-content{padding:40px 60px}.page-template-page-ribbon .is-small-screen .ribbon-content{padding:20px 30px}body{background-color:#f5f5f5}.mdl-mega-footer{margin-top:80px}.mdl-mega-footer a:hover{color:#fff}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:0.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}
+
+
+/*--------------------------------------------------------------
+## Background Video
+--------------------------------------------------------------*/
+
+::-webkit-scrollbar {
+    display: none;
+}
+
+.video-section .pattern-overlay {
+    background-color: rgba(71, 71, 71, 0.59);
+    padding: 110px 0 32px;
+    min-height: 410px;
+}
+.video-section h1, .video-section h3{
+    text-align:center;
+    color:#fff;
+}
+.video-section h1{
+    font-size:110px;
+    font-family: 'Buenard', serif;
+    font-weight:bold;
+    text-transform: uppercase;
+    margin: 40px auto 0px;
+    text-shadow: 1px 1px 1px #000;
+    -webkit-text-shadow: 1px 1px 1px #000;
+    -moz-text-shadow: 1px 1px 1px #000;
+}
+.video-section h3{
+    font-size: 25px;
+    font-weight:lighter;
+    margin: 0px auto 15px;
+}
+.video-section .buttonBar{display:none;}
+.player {font-size: 1px;}
+
+.divider {
+    background-image:url(/wp-content/themes/MDLWP-master/divider.png);
+    display:block;
+    width:300px;
+    height:35px;
+    margin:10px auto
+}
+#colorize {
+    color:#f1c40f;
+    font-family:'Lato',sans-serif;
+    font-size:60px
+}
+
+@media screen and (max-width: 480px) {
+    .video-section .pattern-overlay
+    {
+        display: none;
+    }

From 1e51a4f32e66ea0a3a3f8a032694b9c9d214a561 Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Wed, 17 May 2017 01:54:19 +0300
Subject: [PATCH 15/20] minor fix links

---
 header.php    | 3 ++-
 style.min.css | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/header.php b/header.php
index 77ba888..1e18ff8 100755
--- a/header.php
+++ b/header.php
@@ -16,7 +16,8 @@
 <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
     <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
     <link href='https://fonts.googleapis.com/css?family=Buenard:700' rel='stylesheet' type='text/css'>
-    <script type='text/javascript' src="../wp-content/themes/MDLWP-master/js/jquery.mb.YTPlayer.min.js"></script>
+    <script type='text/javascript'
+            src="https://raw.githubusercontent.com/pupunzi/jquery.mb.YTPlayer/master/dist/jquery.mb.YTPlayer.min.js"></script>
 
     <?php wp_head(); ?>
 </head>
diff --git a/style.min.css b/style.min.css
index 1df18c2..09e674b 100755
--- a/style.min.css
+++ b/style.min.css
@@ -58,7 +58,7 @@ Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 .player {font-size: 1px;}
 
 .divider {
-    background-image:url(/wp-content/themes/MDLWP-master/divider.png);
+    background-image:url(https://www.ba-aigaio.tee.gr/wp-content/uploads/2017/05/divider.png);
     display:block;
     width:300px;
     height:35px;

From 62bd77af7da319d3804ce08469df307334c96efe Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Wed, 17 May 2017 01:59:34 +0300
Subject: [PATCH 16/20] fixed urls

---
 index.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.php b/index.php
index 1acde63..be14cd8 100755
--- a/index.php
+++ b/index.php
@@ -206,13 +206,13 @@
                         .samos-card-image.mdl-card {
                             width: 256px;
                             height: 256px;
-                            background: url('http://content-mcdn.ethnos.gr/filesystem/images/20160212/engine/assets_LARGE_t_183762_54059396_type13145.jpg') center / cover;
+                            background: url('https://www.ba-aigaio.tee.gr/wp-content/uploads/2017/05/assets_LARGE_t_183762_54059396_type13145.jpg') center / cover;
                         }
 
                         .icaria-card-image.mdl-card {
                             width: 256px;
                             height: 256px;
-                            background: url('http://greekvoyager.com/wp-content/uploads/2016/01/ikaria-location.jpg') center / cover;
+                            background: url('http://www.ba-aigaio.tee.gr/wp-content/uploads/2017/05/ikaria-location.jpg') center / cover;
                         }
 
                         .card-image > .mdl-card__actions {

From 2f038d5fd6ec7236f5cf827fbfa0ac466727f179 Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Wed, 17 May 2017 02:02:41 +0300
Subject: [PATCH 17/20] changed cdn to rawgit

---
 header.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/header.php b/header.php
index 1e18ff8..b51fbea 100755
--- a/header.php
+++ b/header.php
@@ -17,7 +17,7 @@
     <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
     <link href='https://fonts.googleapis.com/css?family=Buenard:700' rel='stylesheet' type='text/css'>
     <script type='text/javascript'
-            src="https://raw.githubusercontent.com/pupunzi/jquery.mb.YTPlayer/master/dist/jquery.mb.YTPlayer.min.js"></script>
+            src="https://cdn.rawgit.com/pupunzi/jquery.mb.YTPlayer/master/dist/jquery.mb.YTPlayer.min.js"></script>
 
     <?php wp_head(); ?>
 </head>

From 3cf6d3c709d278395e78b1276582359f0aaf394e Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Wed, 17 May 2017 02:14:54 +0300
Subject: [PATCH 18/20] replaced with working one

---
 header.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/header.php b/header.php
index b51fbea..1838fd8 100755
--- a/header.php
+++ b/header.php
@@ -17,7 +17,7 @@
     <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
     <link href='https://fonts.googleapis.com/css?family=Buenard:700' rel='stylesheet' type='text/css'>
     <script type='text/javascript'
-            src="https://cdn.rawgit.com/pupunzi/jquery.mb.YTPlayer/master/dist/jquery.mb.YTPlayer.min.js"></script>
+            src="https://cdn.rawgit.com/Rambou/MDLWP/master/js/jquery.mb.YTPlayer.min.js"></script>
 
     <?php wp_head(); ?>
 </head>

From 808f5d74aac6fe129b4fe1a9fc288e558b737bd0 Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Wed, 17 May 2017 02:23:56 +0300
Subject: [PATCH 19/20] Added json2html cdn

---
 header.php | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/header.php b/header.php
index 1838fd8..382d9d8 100755
--- a/header.php
+++ b/header.php
@@ -19,6 +19,8 @@
     <script type='text/javascript'
             src="https://cdn.rawgit.com/Rambou/MDLWP/master/js/jquery.mb.YTPlayer.min.js"></script>
 
+    <script type='text/javascript'
+            src="https://cdn.rawgit.com/moappi/json2html/master/json2html.js"></script>
     <?php wp_head(); ?>
 </head>
 

From eeac1077790c25ce7843fb139be5adce0a9e52d3 Mon Sep 17 00:00:00 2001
From: rambou <nickos.bou@gmail.com>
Date: Wed, 17 May 2017 02:28:22 +0300
Subject: [PATCH 20/20] Added json2html.jquery cdn

---
 header.php | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/header.php b/header.php
index 382d9d8..d7aa567 100755
--- a/header.php
+++ b/header.php
@@ -21,6 +21,8 @@
 
     <script type='text/javascript'
             src="https://cdn.rawgit.com/moappi/json2html/master/json2html.js"></script>
+    <script type='text/javascript'
+            src="https://cdn.rawgit.com/moappi/jquery.json2html/master/jquery.json2html.js"></script>
     <?php wp_head(); ?>
 </head>