Home Esplora Aiuto
Accedi
choozmo
/
New-Bhouse-Web
3
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Sfoglia il codice sorgente

update localdata

SyuanYu 3 anni fa
parent
3587e8a57b
commit
bc10b444eb
67 ha cambiato i file con 2064 aggiunte e 9865 eliminazioni
Visualizzazione separata Mostra Diff Stats
  1. 5 4
      config.toml
  2. 2 2
      layouts/about_bhouse/about_bhouse.html
  3. 36 47
      layouts/blog/list.html
  4. 54 37
      layouts/blog/single.html
  5. 369 72
      layouts/blog_main/list.html
  6. 1 1
      layouts/blog_main/single.html
  7. 1 1
      layouts/maincategories/list.html
  8. 1 1
      layouts/maincategories/single.html
  9. 318 81
      layouts/room_planner/room_planner.html
  10. BIN
      static/img/banners/banner-1.jpg
  11. BIN
      static/img/banners/banner-2.jpg
  12. BIN
      static/img/banners/banner-3.jpg
  13. BIN
      static/img/banners/banner-4.jpg
  14. BIN
      static/img/banners/banner-5.jpg
  15. BIN
      static/img/home/0.webp
  16. BIN
      static/img/home/00 (1).webp
  17. BIN
      static/img/home/00.webp
  18. BIN
      static/img/home/01.webp
  19. BIN
      static/img/home/03.webp
  20. BIN
      static/img/room_planner/line2.png
  21. 334 0
      themes/hugo-universal-theme-master/layouts/_default/taxonomy.html
  22. 1 1
      themes/hugo-universal-theme-master/layouts/maincategories/list.html
  23. 23 23
      themes/hugo-universal-theme-master/layouts/partials/footer.html
  24. 3 4
      themes/hugo-universal-theme-master/layouts/partials/headers.html
  25. 2 2
      themes/hugo-universal-theme-master/layouts/partials/scripts.html
  26. 0 3158
      themes/hugo-universal-theme-master/static/css/animate.css
  27. 0 70
      themes/hugo-universal-theme-master/static/css/owl.carousel.css
  28. 0 69
      themes/hugo-universal-theme-master/static/css/owl.theme.css
  29. 497 60
      themes/hugo-universal-theme-master/static/css/style.bhouse.css
  30. 0 0
      themes/hugo-universal-theme-master/static/css/style.bhouse.css.map
  31. 388 57
      themes/hugo-universal-theme-master/static/css/style.bhouse.scss
  32. 0 3575
      themes/hugo-universal-theme-master/static/css/style.blue.css
  33. 1 1
      themes/hugo-universal-theme-master/static/css/style.default.css
  34. BIN
      themes/hugo-universal-theme-master/static/font/NotoSansJP-Black.otf
  35. BIN
      themes/hugo-universal-theme-master/static/font/NotoSansJP-Bold.otf
  36. BIN
      themes/hugo-universal-theme-master/static/font/NotoSansJP-Light.otf
  37. BIN
      themes/hugo-universal-theme-master/static/font/NotoSansJP-Medium.otf
  38. BIN
      themes/hugo-universal-theme-master/static/font/NotoSansJP-Regular.otf
  39. BIN
      themes/hugo-universal-theme-master/static/font/NotoSansJP-Thin.otf
  40. BIN
      themes/hugo-universal-theme-master/static/font/NotoSansTC-Black.otf
  41. BIN
      themes/hugo-universal-theme-master/static/font/NotoSansTC-Bold.otf
  42. BIN
      themes/hugo-universal-theme-master/static/font/NotoSansTC-Medium.otf
  43. BIN
      themes/hugo-universal-theme-master/static/font/NotoSansTC-Regular.otf
  44. BIN
      themes/hugo-universal-theme-master/static/img/banner/banner.webp
  45. BIN
      themes/hugo-universal-theme-master/static/img/banner/bn_blog@2x.webp
  46. BIN
      themes/hugo-universal-theme-master/static/img/banner/bn_concept@2x.webp
  47. BIN
      themes/hugo-universal-theme-master/static/img/banner/bn_news@2x.webp
  48. BIN
      themes/hugo-universal-theme-master/static/img/banner/bn_portfolio@2x.webp
  49. BIN
      themes/hugo-universal-theme-master/static/img/banner/bn_product@2x.webp
  50. BIN
      themes/hugo-universal-theme-master/static/img/banner/bn_qa@2x.webp
  51. BIN
      themes/hugo-universal-theme-master/static/img/banner/bn_serve@2x.webp
  52. BIN
      themes/hugo-universal-theme-master/static/img/banner/bn_store@2x.webp
  53. BIN
      themes/hugo-universal-theme-master/static/img/bn_concept_pic@2x.webp
  54. BIN
      themes/hugo-universal-theme-master/static/img/home/X-1-02.png
  55. BIN
      themes/hugo-universal-theme-master/static/img/home/X-1-02.webp
  56. BIN
      themes/hugo-universal-theme-master/static/img/home/X-1-03.png
  57. BIN
      themes/hugo-universal-theme-master/static/img/home/X-1-03.webp
  58. BIN
      themes/hugo-universal-theme-master/static/img/home/X-1-04.png
  59. BIN
      themes/hugo-universal-theme-master/static/img/home/X-1-04.webp
  60. BIN
      themes/hugo-universal-theme-master/static/img/home/X-1-05.png
  61. BIN
      themes/hugo-universal-theme-master/static/img/home/X-1-05.webp
  62. BIN
      themes/hugo-universal-theme-master/static/img/home/線上預約icon.png
  63. 28 10
      themes/hugo-universal-theme-master/static/js/bhouse.js
  64. 0 386
      themes/hugo-universal-theme-master/static/js/front.js
  65. 0 71
      themes/hugo-universal-theme-master/static/js/gmaps.init.js
  66. 0 2132
      themes/hugo-universal-theme-master/static/js/hpneo.gmaps.js
  67. 0 0
      themes/hugo-universal-theme-master/static/js/owl.carousel.min.js

+ 5 - 4
config.toml
Vedi File 

@@ -169,9 +169,6 @@ paginate = 60
 
       </p>
 
       """
 
 
-[permalinks]
 
-    blog = "/blog/:year/:month/:day/:filename/"
 
-
 
 # Enable or disable top bar with social icons
 
 [params.topbar]
 
     enable = true
 
@@ -251,4 +248,8 @@ paginate = 60
 
 [taxonomies]
 
   category = "categories"
 
   tag = "tags"
 
-  author = "authors"
 
+  author = "authors"
 
+
 
+[permalinks]
 
+  blog = "/blog/:year/:month/:day/:filename/"
 
+  categories = "/blog/:slug/"

+ 2 - 2
layouts/about_bhouse/about_bhouse.html
Vedi File 

@@ -8,11 +8,11 @@
 
 <body>
 
   {{ partial "nav.html" . }}
 
   <section class="bhouseweb_loc_banner">
 
-    <img src="/img/banner/bn_concept@2x.png" class="banner-img card-img" alt="...">
 
+    <img src="/img/banner/bn_concept@2x.webp" class="banner-img card-img" alt="...">
 
   </section>
 
   <div class="brand_content">
 
     <section class="brand_sec01">
 
-      <img class="img-fluid" src="/img/bn_concept_pic@2x.png" alt="">
 
+      <img class="img-fluid" src="/img/bn_concept_pic@2x.webp" alt="">
 
     </section>
 
   </div>
 
   <div class="brand_content">

+ 36 - 47
layouts/blog/list.html
Vedi File 

@@ -9,7 +9,7 @@
 
   {{ partial "nav.html" . }}
 
   <div class="container-fluid blog-categories p-0">
 
     <section class="bhouseweb_loc_banner">
 
-      <img src="/img/banner/bn_blog@2x.png" class="banner-img card-img" alt="...">
 
+      <img src="/img/banner/bn_blog@2x.webp" class="banner-img card-img" alt="...">
 
     </section>
 
 
     <div class="container">
 
@@ -91,14 +91,24 @@
 
 
       // 取得 apiData
 
       let contentsData = [];
 
-      let category = localStorage.getItem('category');
 
+      // let category = localStorage.getItem('category');
 
+      // console.log('分類名稱', category);
 
+
 
       // 取得網址參數
 
       let getUrlString = location.href;
 
       let url = new URL(getUrlString);
 
       let tagsVal = url.searchParams.get('tags');
 
+      let category = "";
 
+
 
+      if (url.pathname === '/blog/') {
 
+        document.getElementById('category_name').style.display = 'none';
 
+      } else {
 
+        category = url.pathname.slice(6, -1);
 
+      }
 
 
       // 麵包屑
 
       if (tagsVal !== null) {
 
+        document.getElementById('category_name').style.display = 'block';
 
         document.getElementById('category_name').textContent = tagsVal;
 
       } else if (category !== null) {
 
         document.getElementById('category_name').textContent = category;
 
@@ -109,7 +119,7 @@
 
       (function getContentsData() {
 
         // 線上版網址 https://bhouse3.ptt.cx:9002/api/
 
         // 本地端網址 http://localhost:9001/api/
 
-        fetch('https://bhouse3.ptt.cx:9002/api/contents?url=/blog').then(res => res.json()).then(list => {
 
+        fetch('http://localhost:9001/api/contents?url=/blog').then(res => res.json()).then(list => {
 
           contentsData = list;
 
           // contentsData.shift();
 
           filterCategory();
 
@@ -126,11 +136,8 @@
 
         // 網址有參數
 
         if (tagsVal !== null) {
 
           contentsData.map(item => {
 
-            console.log('item', item);
 
-            console.log('item', item.blog_tag);
 
             if (item.blog_tag) {
 
               if (item.blog_tag.includes(tagsVal)) {
 
-                console.log('符合');
 
                 matchContent += `
 
                 <div class="article-item">
 
                   <a href="${item.url}?tags=${tagsVal}">
 
@@ -149,8 +156,30 @@
 
               }
 
             }
 
           })
 
+        } else if (url.pathname === '/blog/') {
 
+          contentsData.map(item => {
 
+            // 排除根目錄
 
+            if (item.url !== "/blog") {
 
+              matchContent += `
 
+            <div class="article-item">
 
+              <a href="${item.url}">
 
+                <img src="${item.image}" alt="">
 
+              </a>
 
+              <div class="d-flex flex-column">
 
+                <a href="${item.url}">
 
+                  <h4>${item.title}</h4>
 
+                </a>
 
+                <p class="mt-auto my-2 fw-bold">${item.date.substr(0, 10)}</p>
 
+                <a href="${item.url}" class="description">
 
+                  <p style="letter-spacing: 1px;">${item.description}</p>
 
+                </a>
 
+              </div>
 
+            </div>`
 
+            }
 
+          }
 
+          )
 
         } else {
 
-          console.log('網址沒參數');
 
+          // 網址沒有參數
 
           contentsData.map(item => {
 
             if (category !== null) {
 
               if (item.categories) {
 
@@ -192,48 +221,8 @@
 
           })
 
         }
 
 
-        // contentsData.map(item => {
 
-        //   if (category !== null) {
 
-        //     if (item.categories) {
 
-        //       if (item.categories.includes(category)) {
 
-        //         matchContent += `
 
-        //     <div class="article-item">
 
-        //       <a href="${item.url}">
 
-        //         <img src="${item.image}" alt="">
 
-        //       </a>
 
-        //       <div class="d-flex flex-column">
 
-        //         <a href="${item.url}">
 
-        //           <h4>${item.title}</h4>
 
-        //         </a>
 
-        //         <p class="mt-auto my-2 fw-bold">${item.date.substr(0, 10)}</p>
 
-        //         <a href="${item.url}" class="description">
 
-        //           <p style="letter-spacing: 1px;">${item.description}</p>
 
-        //         </a>
 
-        //       </div>
 
-        //     </div>`
 
-        //       }
 
-        //     }
 
-        //   } else {
 
-        //     matchContent += `
 
-        //     <div class="article-item">
 
-        //       <a href="${item.url}">
 
-        //         <img src="${item.image}" alt="">
 
-        //       </a>
 
-        //       <div class="d-flex flex-column">
 
-        //         <a href="${item.url}">
 
-        //           <h4>${item.title}</h4>
 
-        //         </a>
 
-        //         <p class="mt-auto my-2 fw-bold">${item.date.substr(0, 10)}</p>
 
-        //         <a href="${item.url}" class="description">
 
-        //           <p style="letter-spacing: 1px;">${item.description}</p>
 
-        //         </a>
 
-        //       </div>
 
-        //     </div>`
 
-        //   }
 
-        // })
 
         $('#blog-loading').addClass("blog_loading");
 
         document.getElementById("articleList").innerHTML = matchContent;
 
-
 
       }
 
 
       // 增加延遲(待輸入完成後再進行搜尋)

+ 54 - 37
layouts/blog/single.html
Vedi File 

@@ -1,48 +1,59 @@
 
 {{ define "main" }}
 
 <div class="container-fluid blog_article p-0">
 
-    <section class="bhouseweb_loc_banner">
 
-      <img src="/img/banner/bn_blog@2x.png" class="banner-img card-img" alt="...">
 
-    </section>
 
-    <div class="content">
 
-      
-        <h3>{{ .Title }}</h3>
 
-        <div class="d-flex justify-content-between align-items-center">
 
-          <span>{{ .PublishDate.Format "2006-01-02" }}</span>
 
-          <div class="icon-box">
 
-            <a href="" id="collection_icon_fb" target="_blank"><img src="/img/icon_fb@2x.png" alt=""></a>
 
-            <a href="" id="collection_icon_line" target="_blank"><img src="/img/icon_line@2x.png" alt=""></a>
 
-        </div>
 
-        </div>
 
-        <span class="line"></span>
 
-        <p>{{ .Params.introduction | safeHTML }}</p>
 
-      <br>
 
-      <div class="question-box">
 
+  <section class="bhouseweb_loc_banner">
 
+    <img src="/img/banner/bn_blog@2x.webp" class="banner-img card-img" alt="...">
 
+  </section>
 
+  <div class="content">
 
+
 
+    <h1>{{ .Title }}</h1>
 
+    <div class="d-flex justify-content-between align-items-center">
 
+      <span>{{ .PublishDate.Format "2006-01-02" }}</span>
 
+      <div class="icon-box">
 
+        <!-- 網址動態載入 -->
 
+        <a href="" id="collection_icon_fb" target="_blank"><img src="/img/icon_fb@2x.png" alt=""></a>
 
+        <a href="" id="collection_icon_line" target="_blank"><img src="/img/icon_line@2x.png" alt=""></a>
 
+      </div>
 
+    </div>
 
+    <span class="line"></span>
 
+    <p>{{ .Params.introduction | safeHTML }}</p>
 
+    <br>
 
+    <div class="question-box">
 
+      <div>
 
         <p>
 
-          {{ .Params.question_box_intro }}
 
+          本文目錄
 
+          <!-- {{ .Params.question_box_intro }} -->
 
         </p>
 
         {{ .TableOfContents }}
 
-        <!-- <ul>
 
-          <li>小寶優居的客變懶人包將幫你解決以下客變問題：</li>
 
-          <li>1. <a href="">客變是什麼？為什麼要客變？</a></li>
 
-          <li>2. <a href="">客變可更變的內容有哪些？</a></li>
 
-          <li>3. <a href="">客變到底是省錢還是花錢？客變怎麼省錢？會產生哪些費用？</a></li>
 
-          <li>4. <a href="">常見的客變需求與建議？我想這樣客變好不好？</a></li>
 
-          <li>5. <a href="">設計師協助客變的流程？</a></li>
 
-        </ul> -->
 
       </div>
 
-     
-      <div class="blog-content">
 
-        {{ .Content }}
 
+    </div>
 
+
 
+    <div class="blog-content">
 
+      {{ .Content }}
 
+    </div>
 
+
 
+    <div class="d-flex justify-content-between link-box">
 
+      <div class="d-flex flex-wrap align-items-center link-list">
 
+        <p>相關標籤：</p>
 
+        <span>
 
+          {{ range .Params.blog_tag }}
 
+          <a href="/blog?tags={{ . }}">{{ . }}</a>
 
+        </span>
 
+        {{ end }}
 
+      </div>
 
+      <div class="icon-box">
 
+        <a href="" id="collection_icon_fb" target="_blank"><img src="/img/icon_fb@2x.png" alt=""></a>
 
+        <a href="" id="collection_icon_line" target="_blank"><img src="/img/icon_line@2x.png" alt=""></a>
 
       </div>
 
-      
-      <a class="nav-link" href="/blog">
 
-        <p class="readMore text-center">
 
-          <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到成家知識庫
 
-        </p>
 
-      </a>
 
+    </div>
 
+
 
+    <a class="nav-link" onclick="previousPage()">
 
+      <p class="readMore text-center">
 
+        <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到成家知識庫
 
+      </p>
 
+    </a>
 
 
 
-      <!-- <ul class="read-more-list">
 
+    <!-- <ul class="read-more-list">
 
         <li>你可能會喜歡的，延伸閱讀點擊標題，看更多設計專欄！</li>
 
         <li><a href="">【居家風格】 60萬以下 ↓ 超有氛圍的成家夢想</a></li>
 
         <li><a href="">【認識裝潢裝修】 模組系統櫃板材等級挑選5攻略</a></li>
 
@@ -50,7 +61,13 @@
 
         <li><a href="">【認識裝潢裝修】 什麼是輕裝修？輕裝修的定義是什麼？輕裝修包含什麼呢？</a></li>
 
         <li><a href="">【規劃師服務】 什麼是規劃師？連室內設計師都推薦的「規劃師服務」</a></li>
 
       </ul> -->
 
-    </div>
 
   </div>
 
 </div>
 
+</div>
 
+
 
+<script>
 
+  function previousPage() {
 
+    history.back();
 
+  }
 
+</script>
 
 {{ end }}

+ 369 - 72
layouts/blog_main/list.html
Vedi File 

@@ -9,9 +9,19 @@
 
   {{ partial "nav.html" . }}
 
   <div class="container-fluid blog-categories blog-main p-0">
 
     <section class="bhouseweb_loc_banner">
 
-      <img src="/img/banner/bn_blog@2x.png" class="banner-img card-img" alt="...">
 
+      <img src="/img/banner/bn_blog@2x.webp" class="banner-img card-img" alt="...">
 
     </section>
 
 
+    <!-- 分類英文名稱 :
 
+    預售屋客變 pre-sale-house-design-change
 
+    驗收交屋 house-acceptance-check
 
+    預算準備 budget-planning
 
+    認識裝修裝潢 about-interior-decoration
 
+    空間計畫 floor-planning
 
+    居家風格 decoration-style
 
+    家具家電 furnitures-appliances
 
+    驗收入住 design-acceptanc-and-move-in -->
 
+
 
     <!-- 電腦版 -->
 
     <div class="d-none d-md-block">
 
       <div class="container">
 
@@ -129,7 +139,8 @@
 
 
                 <ul>
 
                   {{ $t := $.Site.GetPage "/blog" }}
 
-                  {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "預售屋客變") }}
 
+                  {{ range $index, $element := first 3 ( where $t.Pages "Params.categories"
 
+                  "pre-sale-house-design-change") }}
 
                   <li>
 
                     <div class="blog_img">
 
                       <a href="{{ .Params.url }}">
 
@@ -161,13 +172,33 @@
 
 
                 <!-- 如有三篇文章需顯示按鈕 -->
 
                 {{ $t := $.Site.GetPage "/blog" }}
 
-                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "預售屋客變") }}
 
+                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories"
 
+                "pre-sale-house-design-change") }}
 
                 {{ if (eq $index 2) }}
 
                 <div class="btn_box">
 
-                  <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+
 
+                  <!-- 網址加上分類名稱 -->
 
+                  {{- if isset site.Taxonomies "categories" }}
 
+                  {{- if not (eq (len site.Taxonomies.categories) 0) }}
 
+                  {{- range $name, $items := site.Taxonomies.categories }}
 
+                  {{ if eq $name "pre-sale-house-design-change" }}
 
+
 
+                  <a href="{{ `blog/` | relLangURL }}{{ $name | safeHTML | lower }}/" class="read_more"
 
+                    onclick="getCategories('{{ $name }}')" data-vars-event="accuhit" data-vars-event-type="5"
 
+                    data-vars-event-col1="{{ $name }}" data-vars-event-col2="篩選_官網設計專欄{{ $name }}">
 
                     <p>閱讀更多</p>
 
                     <img src="/img/blog/readmore.svg" alt="">
 
                   </a>
 
+
 
+                  {{ end }}
 
+                  {{- end }}
 
+                  {{- end }}
 
+                  {{- end }}
 
+
 
+                  <!-- <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+                    <p>閱讀更多</p>
 
+                    <img src="/img/blog/readmore.svg" alt="">
 
+                  </a> -->
 
                   <span></span>
 
                 </div>
 
                 {{ end }}
 
@@ -193,7 +224,7 @@
 
                 </h4>
 
                 <ul>
 
                   {{ $t := $.Site.GetPage "/blog" }}
 
-                  {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "驗收交屋") }}
 
+                  {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "house-acceptance-check") }}
 
                   <li>
 
                     <div class="blog_img">
 
                       <a href="{{ .Params.url }}">
 
@@ -224,13 +255,31 @@
 
                 </ul>
 
 
                 {{ $t := $.Site.GetPage "/blog" }}
 
-                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "驗收交屋") }}
 
+                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "house-acceptance-check") }}
 
                 {{ if (eq $index 2) }}
 
                 <div class="btn_box">
 
-                  <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+
 
+                  {{- if isset site.Taxonomies "categories" }}
 
+                  {{- if not (eq (len site.Taxonomies.categories) 0) }}
 
+                  {{- range $name, $items := site.Taxonomies.categories }}
 
+                  {{ if eq $name "house-acceptance-check" }}
 
+
 
+                  <a href="{{ `blog/` | relLangURL }}{{ $name | safeHTML | lower }}/" class="read_more"
 
+                    onclick="getCategories('{{ $name }}')" data-vars-event="accuhit" data-vars-event-type="5"
 
+                    data-vars-event-col1="{{ $name }}" data-vars-event-col2="篩選_官網設計專欄{{ $name }}">
 
                     <p>閱讀更多</p>
 
                     <img src="/img/blog/readmore.svg" alt="">
 
                   </a>
 
+
 
+                  {{ end }}
 
+                  {{- end }}
 
+                  {{- end }}
 
+                  {{- end }}
 
+
 
+                  <!-- <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+                    <p>閱讀更多</p>
 
+                    <img src="/img/blog/readmore.svg" alt="">
 
+                  </a> -->
 
                   <span></span>
 
                 </div>
 
                 {{ end }}
 
@@ -266,7 +315,7 @@
 
                 </h4>
 
                 <ul>
 
                   {{ $t := $.Site.GetPage "/blog" }}
 
-                  {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "預算準備") }}
 
+                  {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "budget-planning") }}
 
                   <li>
 
                     <div class="blog_img">
 
                       <a href="{{ .Params.url }}">
 
@@ -297,13 +346,33 @@
 
                 </ul>
 
 
                 {{ $t := $.Site.GetPage "/blog" }}
 
-                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "預算準備") }}
 
+                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "budget-planning") }}
 
                 {{ if (eq $index 2) }}
 
+
 
                 <div class="btn_box">
 
-                  <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+
 
+                  {{- if isset site.Taxonomies "categories" }}
 
+                  {{- if not (eq (len site.Taxonomies.categories) 0) }}
 
+                  {{- range $name, $items := site.Taxonomies.categories }}
 
+                  {{ if eq $name "budget-planning" }}
 
+
 
+                  <a href="{{ `blog/` | relLangURL }}{{ $name | safeHTML | lower }}/" class="read_more"
 
+                    onclick="getCategories('{{ $name }}')" data-vars-event="accuhit" data-vars-event-type="5"
 
+                    data-vars-event-col1="{{ $name }}" data-vars-event-col2="篩選_官網設計專欄{{ $name }}">
 
                     <p>閱讀更多</p>
 
                     <img src="/img/blog/readmore.svg" alt="">
 
                   </a>
 
+
 
+                  {{ end }}
 
+                  {{- end }}
 
+                  {{- end }}
 
+                  {{- end }}
 
+
 
+                  <!-- <a href="/blog/{{ .Params.categories }}" class="read_more"
 
+                    onclick="getCategories('{{ .Params.categories }}')">
 
+                    <p>閱讀更多</p>
 
+                    <img src="/img/blog/readmore.svg" alt="">
 
+                  </a> -->
 
                   <span></span>
 
                 </div>
 
                 {{ end }}
 
@@ -328,7 +397,8 @@
 
                 </h4>
 
                 <ul>
 
                   {{ $t := $.Site.GetPage "/blog" }}
 
-                  {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "認識裝修裝潢") }}
 
+                  {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "about-interior-decoration")
 
+                  }}
 
                   <li>
 
                     <div class="blog_img">
 
                       <a href="{{ .Params.url }}">
 
@@ -359,13 +429,32 @@
 
                 </ul>
 
 
                 {{ $t := $.Site.GetPage "/blog" }}
 
-                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "認識裝修裝潢") }}
 
+                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "about-interior-decoration")
 
+                }}
 
                 {{ if (eq $index 2) }}
 
                 <div class="btn_box">
 
-                  <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+
 
+                  {{- if isset site.Taxonomies "categories" }}
 
+                  {{- if not (eq (len site.Taxonomies.categories) 0) }}
 
+                  {{- range $name, $items := site.Taxonomies.categories }}
 
+                  {{ if eq $name "about-interior-decoration" }}
 
+
 
+                  <a href="{{ `blog/` | relLangURL }}{{ $name | safeHTML | lower }}/" class="read_more"
 
+                    onclick="getCategories('{{ $name }}')" data-vars-event="accuhit" data-vars-event-type="5"
 
+                    data-vars-event-col1="{{ $name }}" data-vars-event-col2="篩選_官網設計專欄{{ $name }}">
 
                     <p>閱讀更多</p>
 
                     <img src="/img/blog/readmore.svg" alt="">
 
                   </a>
 
+
 
+                  {{ end }}
 
+                  {{- end }}
 
+                  {{- end }}
 
+                  {{- end }}
 
+
 
+                  <!-- <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+                    <p>閱讀更多</p>
 
+                    <img src="/img/blog/readmore.svg" alt="">
 
+                  </a> -->
 
                   <span></span>
 
                 </div>
 
                 {{ end }}
 
@@ -402,7 +491,7 @@
 
                 </h4>
 
                 <ul>
 
                   {{ $t := $.Site.GetPage "/blog" }}
 
-                  {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "空間計畫") }}
 
+                  {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "floor-planning") }}
 
                   <li>
 
                     <div class="blog_img">
 
                       <a href="{{ .Params.url }}">
 
@@ -433,13 +522,31 @@
 
                 </ul>
 
 
                 {{ $t := $.Site.GetPage "/blog" }}
 
-                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "空間計畫") }}
 
+                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "floor-planning") }}
 
                 {{ if (eq $index 2) }}
 
                 <div class="btn_box">
 
-                  <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+
 
+                  {{- if isset site.Taxonomies "categories" }}
 
+                  {{- if not (eq (len site.Taxonomies.categories) 0) }}
 
+                  {{- range $name, $items := site.Taxonomies.categories }}
 
+                  {{ if eq $name "floor-planning" }}
 
+
 
+                  <a href="{{ `blog/` | relLangURL }}{{ $name | safeHTML | lower }}/" class="read_more"
 
+                    onclick="getCategories('{{ $name }}')" data-vars-event="accuhit" data-vars-event-type="5"
 
+                    data-vars-event-col1="{{ $name }}" data-vars-event-col2="篩選_官網設計專欄{{ $name }}">
 
                     <p>閱讀更多</p>
 
                     <img src="/img/blog/readmore.svg" alt="">
 
                   </a>
 
+
 
+                  {{ end }}
 
+                  {{- end }}
 
+                  {{- end }}
 
+                  {{- end }}
 
+
 
+                  <!-- <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+                    <p>閱讀更多</p>
 
+                    <img src="/img/blog/readmore.svg" alt="">
 
+                  </a> -->
 
                   <span></span>
 
                 </div>
 
                 {{ end }}
 
@@ -464,7 +571,7 @@
 
                 </h4>
 
                 <ul>
 
                   {{ $t := $.Site.GetPage "/blog" }}
 
-                  {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "居家風格") }}
 
+                  {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "decoration-style") }}
 
                   <li>
 
                     <div class="blog_img">
 
                       <a href="{{ .Params.url }}">
 
@@ -495,13 +602,31 @@
 
                 </ul>
 
 
                 {{ $t := $.Site.GetPage "/blog" }}
 
-                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "居家風格") }}
 
+                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "decoration-style") }}
 
                 {{ if (eq $index 2) }}
 
                 <div class="btn_box">
 
-                  <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+
 
+                  {{- if isset site.Taxonomies "categories" }}
 
+                  {{- if not (eq (len site.Taxonomies.categories) 0) }}
 
+                  {{- range $name, $items := site.Taxonomies.categories }}
 
+                  {{ if eq $name "decoration-style" }}
 
+
 
+                  <a href="{{ `blog/` | relLangURL }}{{ $name | safeHTML | lower }}/" class="read_more"
 
+                    onclick="getCategories('{{ $name }}')" data-vars-event="accuhit" data-vars-event-type="5"
 
+                    data-vars-event-col1="{{ $name }}" data-vars-event-col2="篩選_官網設計專欄{{ $name }}">
 
                     <p>閱讀更多</p>
 
                     <img src="/img/blog/readmore.svg" alt="">
 
                   </a>
 
+
 
+                  {{ end }}
 
+                  {{- end }}
 
+                  {{- end }}
 
+                  {{- end }}
 
+
 
+                  <!-- <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+                    <p>閱讀更多</p>
 
+                    <img src="/img/blog/readmore.svg" alt="">
 
+                  </a> -->
 
                   <span></span>
 
                 </div>
 
                 {{ end }}
 
@@ -537,7 +662,7 @@
 
                 </h4>
 
                 <ul>
 
                   {{ $t := $.Site.GetPage "/blog" }}
 
-                  {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "家具家電") }}
 
+                  {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "furnitures-appliances") }}
 
                   <li>
 
                     <div class="blog_img">
 
                       <a href="{{ .Params.url }}">
 
@@ -568,13 +693,31 @@
 
                 </ul>
 
 
                 {{ $t := $.Site.GetPage "/blog" }}
 
-                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "家具家電") }}
 
+                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "furnitures-appliances") }}
 
                 {{ if (eq $index 2) }}
 
                 <div class="btn_box">
 
-                  <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+
 
+                  {{- if isset site.Taxonomies "categories" }}
 
+                  {{- if not (eq (len site.Taxonomies.categories) 0) }}
 
+                  {{- range $name, $items := site.Taxonomies.categories }}
 
+                  {{ if eq $name "furnitures-appliances" }}
 
+
 
+                  <a href="{{ `blog/` | relLangURL }}{{ $name | safeHTML | lower }}/" class="read_more"
 
+                    onclick="getCategories('{{ $name }}')" data-vars-event="accuhit" data-vars-event-type="5"
 
+                    data-vars-event-col1="{{ $name }}" data-vars-event-col2="篩選_官網設計專欄{{ $name }}">
 
                     <p>閱讀更多</p>
 
                     <img src="/img/blog/readmore.svg" alt="">
 
                   </a>
 
+
 
+                  {{ end }}
 
+                  {{- end }}
 
+                  {{- end }}
 
+                  {{- end }}
 
+
 
+                  <!-- <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+                    <p>閱讀更多</p>
 
+                    <img src="/img/blog/readmore.svg" alt="">
 
+                  </a> -->
 
                   <span></span>
 
                 </div>
 
                 {{ end }}
 
@@ -599,7 +742,8 @@
 
                 </h4>
 
                 <ul>
 
                   {{ $t := $.Site.GetPage "/blog" }}
 
-                  {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "驗收入住") }}
 
+                  {{ range $index, $element := first 3 ( where $t.Pages "Params.categories"
 
+                  "design-acceptanc-and-move-in") }}
 
                   <li>
 
                     <div class="blog_img">
 
                       <a href="{{ .Params.url }}">
 
@@ -630,13 +774,32 @@
 
                 </ul>
 
 
                 {{ $t := $.Site.GetPage "/blog" }}
 
-                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "驗收入住") }}
 
+                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories"
 
+                "design-acceptanc-and-move-in") }}
 
                 {{ if (eq $index 2) }}
 
                 <div class="btn_box">
 
-                  <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+
 
+                  {{- if isset site.Taxonomies "categories" }}
 
+                  {{- if not (eq (len site.Taxonomies.categories) 0) }}
 
+                  {{- range $name, $items := site.Taxonomies.categories }}
 
+                  {{ if eq $name "design-acceptanc-and-move-in" }}
 
+
 
+                  <a href="{{ `blog/` | relLangURL }}{{ $name | safeHTML | lower }}/" class="read_more"
 
+                    onclick="getCategories('{{ $name }}')" data-vars-event="accuhit" data-vars-event-type="5"
 
+                    data-vars-event-col1="{{ $name }}" data-vars-event-col2="篩選_官網設計專欄{{ $name }}">
 
                     <p>閱讀更多</p>
 
                     <img src="/img/blog/readmore.svg" alt="">
 
                   </a>
 
+
 
+                  {{ end }}
 
+                  {{- end }}
 
+                  {{- end }}
 
+                  {{- end }}
 
+
 
+                  <!-- <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+                    <p>閱讀更多</p>
 
+                    <img src="/img/blog/readmore.svg" alt="">
 
+                  </a> -->
 
                   <span></span>
 
                 </div>
 
                 {{ end }}
 
@@ -653,22 +816,15 @@
 
         </div>
 
 
         <!-- 暫時隱藏主題 -->
 
-        <!-- <div class="topic_list">
 
+        <div class="topic_list mt-5">
 
           <img src="/img/blog/ruler.png" alt="">
 
           <section>
 
             <h5>熱門主題</h5>
 
-            <div>
 
-              <a href="">標籤名稱</a>
 
-              <a href="">標籤名稱</a>
 
-              <a href="">標籤名稱</a>
 
-              <a href="">標籤名稱</a>
 
-              <a href="">標籤名稱</a>
 
-              <a href="">標籤名稱</a>
 
-              <a href="">標籤名稱</a>
 
-              <a href="">標籤名稱</a>
 
+            <div class="blog-tags">
 
+              <!-- forLoop -->
 
             </div>
 
           </section>
 
-        </div> -->
 
+        </div>
 
       </div>
 
     </div>
 
 
@@ -803,7 +959,8 @@
 
 
               <ul>
 
                 {{ $t := $.Site.GetPage "/blog" }}
 
-                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "預售屋客變") }}
 
+                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories"
 
+                "pre-sale-house-design-change") }}
 
                 <li>
 
                   <div class="blog_img">
 
                     <a href="{{ .Params.url }}">
 
@@ -835,13 +992,32 @@
 
 
               <!-- 如有三篇文章需顯示按鈕 -->
 
               {{ $t := $.Site.GetPage "/blog" }}
 
-              {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "預售屋客變") }}
 
+              {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "pre-sale-house-design-change")
 
+              }}
 
               {{ if (eq $index 2) }}
 
               <div class="btn_box">
 
-                <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+
 
+                {{- if isset site.Taxonomies "categories" }}
 
+                {{- if not (eq (len site.Taxonomies.categories) 0) }}
 
+                {{- range $name, $items := site.Taxonomies.categories }}
 
+                {{ if eq $name "pre-sale-house-design-change" }}
 
+
 
+                <a href="{{ `blog/` | relLangURL }}{{ $name | safeHTML | lower }}/" class="read_more"
 
+                  onclick="getCategories('{{ $name }}')" data-vars-event="accuhit" data-vars-event-type="5"
 
+                  data-vars-event-col1="{{ $name }}" data-vars-event-col2="篩選_官網設計專欄{{ $name }}">
 
                   <p>閱讀更多</p>
 
                   <img src="/img/blog/readmore.svg" alt="">
 
                 </a>
 
+
 
+                {{ end }}
 
+                {{- end }}
 
+                {{- end }}
 
+                {{- end }}
 
+
 
+                <!-- <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+                  <p>閱讀更多</p>
 
+                  <img src="/img/blog/readmore.svg" alt="">
 
+                </a> -->
 
                 <span></span>
 
               </div>
 
               {{ end }}
 
@@ -867,7 +1043,7 @@
 
 
               <ul>
 
                 {{ $t := $.Site.GetPage "/blog" }}
 
-                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "驗收交屋") }}
 
+                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "house-acceptance-check") }}
 
                 <li>
 
                   <div class="blog_img">
 
                     <a href="{{ .Params.url }}">
 
@@ -898,13 +1074,31 @@
 
               </ul>
 
 
               {{ $t := $.Site.GetPage "/blog" }}
 
-              {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "驗收交屋") }}
 
+              {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "house-acceptance-check") }}
 
               {{ if (eq $index 2) }}
 
               <div class="btn_box">
 
-                <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+
 
+                {{- if isset site.Taxonomies "categories" }}
 
+                {{- if not (eq (len site.Taxonomies.categories) 0) }}
 
+                {{- range $name, $items := site.Taxonomies.categories }}
 
+                {{ if eq $name "house-acceptance-check" }}
 
+
 
+                <a href="{{ `blog/` | relLangURL }}{{ $name | safeHTML | lower }}/" class="read_more"
 
+                  onclick="getCategories('{{ $name }}')" data-vars-event="accuhit" data-vars-event-type="5"
 
+                  data-vars-event-col1="{{ $name }}" data-vars-event-col2="篩選_官網設計專欄{{ $name }}">
 
                   <p>閱讀更多</p>
 
                   <img src="/img/blog/readmore.svg" alt="">
 
                 </a>
 
+
 
+                {{ end }}
 
+                {{- end }}
 
+                {{- end }}
 
+                {{- end }}
 
+
 
+                <!-- <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+                  <p>閱讀更多</p>
 
+                  <img src="/img/blog/readmore.svg" alt="">
 
+                </a> -->
 
                 <span></span>
 
               </div>
 
               {{ end }}
 
@@ -930,7 +1124,7 @@
 
 
               <ul>
 
                 {{ $t := $.Site.GetPage "/blog" }}
 
-                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "預算準備") }}
 
+                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "budget-planning") }}
 
                 <li>
 
                   <div class="blog_img">
 
                     <a href="{{ .Params.url }}">
 
@@ -961,13 +1155,31 @@
 
               </ul>
 
 
               {{ $t := $.Site.GetPage "/blog" }}
 
-              {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "預算準備") }}
 
+              {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "budget-planning") }}
 
               {{ if (eq $index 2) }}
 
               <div class="btn_box">
 
-                <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+
 
+                {{- if isset site.Taxonomies "categories" }}
 
+                {{- if not (eq (len site.Taxonomies.categories) 0) }}
 
+                {{- range $name, $items := site.Taxonomies.categories }}
 
+                {{ if eq $name "budget-planning" }}
 
+
 
+                <a href="{{ `blog/` | relLangURL }}{{ $name | safeHTML | lower }}/" class="read_more"
 
+                  onclick="getCategories('{{ $name }}')" data-vars-event="accuhit" data-vars-event-type="5"
 
+                  data-vars-event-col1="{{ $name }}" data-vars-event-col2="篩選_官網設計專欄{{ $name }}">
 
                   <p>閱讀更多</p>
 
                   <img src="/img/blog/readmore.svg" alt="">
 
                 </a>
 
+
 
+                {{ end }}
 
+                {{- end }}
 
+                {{- end }}
 
+                {{- end }}
 
+
 
+                <!-- <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+                  <p>閱讀更多</p>
 
+                  <img src="/img/blog/readmore.svg" alt="">
 
+                </a> -->
 
                 <span></span>
 
               </div>
 
               {{ end }}
 
@@ -993,7 +1205,8 @@
 
 
               <ul>
 
                 {{ $t := $.Site.GetPage "/blog" }}
 
-                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "認識裝修裝潢") }}
 
+                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "about-interior-decoration")
 
+                }}
 
                 <li>
 
                   <div class="blog_img">
 
                     <a href="{{ .Params.url }}">
 
@@ -1024,13 +1237,31 @@
 
               </ul>
 
 
               {{ $t := $.Site.GetPage "/blog" }}
 
-              {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "認識裝修裝潢") }}
 
+              {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "about-interior-decoration") }}
 
               {{ if (eq $index 2) }}
 
               <div class="btn_box">
 
-                <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+
 
+                {{- if isset site.Taxonomies "categories" }}
 
+                {{- if not (eq (len site.Taxonomies.categories) 0) }}
 
+                {{- range $name, $items := site.Taxonomies.categories }}
 
+                {{ if eq $name "about-interior-decoration" }}
 
+
 
+                <a href="{{ `blog/` | relLangURL }}{{ $name | safeHTML | lower }}/" class="read_more"
 
+                  onclick="getCategories('{{ $name }}')" data-vars-event="accuhit" data-vars-event-type="5"
 
+                  data-vars-event-col1="{{ $name }}" data-vars-event-col2="篩選_官網設計專欄{{ $name }}">
 
                   <p>閱讀更多</p>
 
                   <img src="/img/blog/readmore.svg" alt="">
 
                 </a>
 
+
 
+                {{ end }}
 
+                {{- end }}
 
+                {{- end }}
 
+                {{- end }}
 
+
 
+                <!-- <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+                  <p>閱讀更多</p>
 
+                  <img src="/img/blog/readmore.svg" alt="">
 
+                </a> -->
 
                 <span></span>
 
               </div>
 
               {{ end }}
 
@@ -1056,7 +1287,7 @@
 
 
               <ul>
 
                 {{ $t := $.Site.GetPage "/blog" }}
 
-                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "空間計畫") }}
 
+                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "floor-planning") }}
 
                 <li>
 
                   <div class="blog_img">
 
                     <a href="{{ .Params.url }}">
 
@@ -1087,13 +1318,31 @@
 
               </ul>
 
 
               {{ $t := $.Site.GetPage "/blog" }}
 
-              {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "空間計畫") }}
 
+              {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "floor-planning") }}
 
               {{ if (eq $index 2) }}
 
               <div class="btn_box">
 
-                <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+
 
+                {{- if isset site.Taxonomies "categories" }}
 
+                {{- if not (eq (len site.Taxonomies.categories) 0) }}
 
+                {{- range $name, $items := site.Taxonomies.categories }}
 
+                {{ if eq $name "floor-planning" }}
 
+
 
+                <a href="{{ `blog/` | relLangURL }}{{ $name | safeHTML | lower }}/" class="read_more"
 
+                  onclick="getCategories('{{ $name }}')" data-vars-event="accuhit" data-vars-event-type="5"
 
+                  data-vars-event-col1="{{ $name }}" data-vars-event-col2="篩選_官網設計專欄{{ $name }}">
 
                   <p>閱讀更多</p>
 
                   <img src="/img/blog/readmore.svg" alt="">
 
                 </a>
 
+
 
+                {{ end }}
 
+                {{- end }}
 
+                {{- end }}
 
+                {{- end }}
 
+
 
+                <!-- <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+                  <p>閱讀更多</p>
 
+                  <img src="/img/blog/readmore.svg" alt="">
 
+                </a> -->
 
                 <span></span>
 
               </div>
 
               {{ end }}
 
@@ -1119,7 +1368,7 @@
 
 
               <ul>
 
                 {{ $t := $.Site.GetPage "/blog" }}
 
-                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "居家風格") }}
 
+                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "decoration-style") }}
 
                 <li>
 
                   <div class="blog_img">
 
                     <a href="{{ .Params.url }}">
 
@@ -1150,13 +1399,31 @@
 
               </ul>
 
 
               {{ $t := $.Site.GetPage "/blog" }}
 
-              {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "居家風格") }}
 
+              {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "decoration-style") }}
 
               {{ if (eq $index 2) }}
 
               <div class="btn_box">
 
-                <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+
 
+                {{- if isset site.Taxonomies "categories" }}
 
+                {{- if not (eq (len site.Taxonomies.categories) 0) }}
 
+                {{- range $name, $items := site.Taxonomies.categories }}
 
+                {{ if eq $name "decoration-style" }}
 
+
 
+                <a href="{{ `blog/` | relLangURL }}{{ $name | safeHTML | lower }}/" class="read_more"
 
+                  onclick="getCategories('{{ $name }}')" data-vars-event="accuhit" data-vars-event-type="5"
 
+                  data-vars-event-col1="{{ $name }}" data-vars-event-col2="篩選_官網設計專欄{{ $name }}">
 
                   <p>閱讀更多</p>
 
                   <img src="/img/blog/readmore.svg" alt="">
 
                 </a>
 
+
 
+                {{ end }}
 
+                {{- end }}
 
+                {{- end }}
 
+                {{- end }}
 
+
 
+                <!-- <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+                  <p>閱讀更多</p>
 
+                  <img src="/img/blog/readmore.svg" alt="">
 
+                </a> -->
 
                 <span></span>
 
               </div>
 
               {{ end }}
 
@@ -1182,7 +1449,7 @@
 
 
               <ul>
 
                 {{ $t := $.Site.GetPage "/blog" }}
 
-                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "家具家電") }}
 
+                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "furnitures-appliances") }}
 
                 <li>
 
                   <div class="blog_img">
 
                     <a href="{{ .Params.url }}">
 
@@ -1213,13 +1480,31 @@
 
               </ul>
 
 
               {{ $t := $.Site.GetPage "/blog" }}
 
-              {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "家具家電") }}
 
+              {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "furnitures-appliances") }}
 
               {{ if (eq $index 2) }}
 
               <div class="btn_box">
 
-                <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+
 
+                {{- if isset site.Taxonomies "categories" }}
 
+                {{- if not (eq (len site.Taxonomies.categories) 0) }}
 
+                {{- range $name, $items := site.Taxonomies.categories }}
 
+                {{ if eq $name "furnitures-appliances" }}
 
+
 
+                <a href="{{ `blog/` | relLangURL }}{{ $name | safeHTML | lower }}/" class="read_more"
 
+                  onclick="getCategories('{{ $name }}')" data-vars-event="accuhit" data-vars-event-type="5"
 
+                  data-vars-event-col1="{{ $name }}" data-vars-event-col2="篩選_官網設計專欄{{ $name }}">
 
                   <p>閱讀更多</p>
 
                   <img src="/img/blog/readmore.svg" alt="">
 
                 </a>
 
+
 
+                {{ end }}
 
+                {{- end }}
 
+                {{- end }}
 
+                {{- end }}
 
+
 
+                <!-- <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+                  <p>閱讀更多</p>
 
+                  <img src="/img/blog/readmore.svg" alt="">
 
+                </a> -->
 
                 <span></span>
 
               </div>
 
               {{ end }}
 
@@ -1245,7 +1530,8 @@
 
 
               <ul>
 
                 {{ $t := $.Site.GetPage "/blog" }}
 
-                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "驗收入住") }}
 
+                {{ range $index, $element := first 3 ( where $t.Pages "Params.categories"
 
+                "design-acceptanc-and-move-in") }}
 
                 <li>
 
                   <div class="blog_img">
 
                     <a href="{{ .Params.url }}">
 
@@ -1276,13 +1562,32 @@
 
               </ul>
 
 
               {{ $t := $.Site.GetPage "/blog" }}
 
-              {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "驗收入住") }}
 
+              {{ range $index, $element := first 3 ( where $t.Pages "Params.categories" "design-acceptanc-and-move-in")
 
+              }}
 
               {{ if (eq $index 2) }}
 
               <div class="btn_box">
 
-                <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+
 
+                {{- if isset site.Taxonomies "categories" }}
 
+                {{- if not (eq (len site.Taxonomies.categories) 0) }}
 
+                {{- range $name, $items := site.Taxonomies.categories }}
 
+                {{ if eq $name "design-acceptanc-and-move-in" }}
 
+
 
+                <a href="{{ `blog/` | relLangURL }}{{ $name | safeHTML | lower }}/" class="read_more"
 
+                  onclick="getCategories('{{ $name }}')" data-vars-event="accuhit" data-vars-event-type="5"
 
+                  data-vars-event-col1="{{ $name }}" data-vars-event-col2="篩選_官網設計專欄{{ $name }}">
 
                   <p>閱讀更多</p>
 
                   <img src="/img/blog/readmore.svg" alt="">
 
                 </a>
 
+
 
+                {{ end }}
 
+                {{- end }}
 
+                {{- end }}
 
+                {{- end }}
 
+
 
+                <!-- <a href="/blog/" class="read_more" onclick="getCategories('{{ .Params.categories }}')">
 
+                  <p>閱讀更多</p>
 
+                  <img src="/img/blog/readmore.svg" alt="">
 
+                </a> -->
 
                 <span></span>
 
               </div>
 
               {{ end }}
 
@@ -1291,24 +1596,17 @@
 
           </div>
 
 
           <!-- 暫時隱藏主題 -->
 
-          <!-- <div class="topic_list">
 
+          <div class="topic_list">
 
             <img src="/img/blog/ruler.png" alt="">
 
             <section>
 
               <h5>熱門主題</h5>
 
               <main>
 
-                <div class="container">
 
-                  <a href="">標籤名稱</a>
 
-                  <a href="">標籤名稱</a>
 
-                  <a href="">標籤名稱</a>
 
-                  <a href="">標籤名稱</a>
 
-                  <a href="">標籤名稱</a>
 
-                  <a href="">標籤名稱</a>
 
-                  <a href="">標籤名稱</a>
 
-                  <a href="">標籤名稱</a>
 
+                <div class="container blog-tags">
 
+                  <!-- forLoop -->
 
                 </div>
 
               </main>
 
             </section>
 
-          </div> -->
 
+          </div>
 
         </div>
 
       </div>
 
     </div>
 
@@ -1504,7 +1802,6 @@
 
         });
 
       }
 
     }
 
-
 
   </script>
 
 </body>

+ 1 - 1
layouts/blog_main/single.html
Vedi File 

@@ -1,7 +1,7 @@
 
 {{ define "main" }}
 
 <div class="container-fluid blog_article p-0">
 
     <section class="bhouseweb_loc_banner">
 
-      <img src="/img/banner/bn_blog@2x.png" class="banner-img card-img" alt="...">
 
+      <img src="/img/banner/bn_blog@2x.webp" class="banner-img card-img" alt="...">
 
     </section>
 
     <div class="content">

+ 1 - 1
layouts/maincategories/list.html
Vedi File 

@@ -9,7 +9,7 @@
 
   {{ partial "nav.html" . }}
 
   <div class="container-fluid blog-categories p-0">
 
     <section class="bhouseweb_loc_banner">
 
-      <img src="/img/banner/bn_blog@2x.png" class="banner-img card-img" alt="...">
 
+      <img src="/img/banner/bn_blog@2x.webp" class="banner-img card-img" alt="...">
 
     </section>
 
 
     <div class="container">

+ 1 - 1
layouts/maincategories/single.html
Vedi File 

@@ -1,7 +1,7 @@
 
 {{ define "main" }}
 
 <div class="container-fluid blog_article p-0">
 
     <section class="bhouseweb_loc_banner">
 
-      <img src="/img/banner/bn_blog@2x.png" class="banner-img card-img" alt="...">
 
+      <img src="/img/banner/bn_blog@2x.webp" class="banner-img card-img" alt="...">
 
     </section>
 
     <div class="content">

+ 318 - 81
layouts/room_planner/room_planner.html
Vedi File 

@@ -34,7 +34,8 @@
 
     </section>
 
 
     <section class="sub-banner">
 
-      <div class="text-center room-planner-service"><mark><span class="room-planner-service-no">3</span>大服務項目</mark>
 
+      <div class="text-center room-planner-service" data-aos="fade-in" data-aos-duration="1000" data-aos-delay="50">
 
+        <mark><span class="room-planner-service-no">3</span>大服務項目</mark>
 
       </div>
 
       <!-- <img src="/img/icon_serve@2x.png" alt=""> -->
 
       <div class="room-planner-service-icon-box">
 
@@ -42,24 +43,24 @@
 
           <div class="col-12 col-md-4 col-lg-4 room-planner-service-icon-box-item">
 
             <div class="row px-0 mx-0">
 
               <div class="col-4 col-md-12">
 
-                <div class="icon-radius">
 
+                <div class="icon-radius" data-aos="fade-in" data-aos-duration="1000">
 
                   <img class="icon-radius-img01" src="/img/room_planner/Group.png" alt="">
 
                 </div>
 
               </div>
 
               <div class="col-8 col-md-12">
 
-                <p class="icon-radius-text">成家設計服務</p>
 
+                <p class="icon-radius-text" data-aos="fade-in" data-aos-duration="1000" data-aos-delay="50">成家設計服務</p>
 
               </div>
 
             </div>
 
           </div>
 
           <div class="col-12 col-md-4 col-lg-4 room-planner-service-icon-box-item">
 
             <div class="row px-0 mx-0">
 
               <div class="col-4 col-md-12">
 
-                <div class="icon-radius">
 
+                <div class="icon-radius" data-aos="fade-in" data-aos-duration="1000">
 
                   <img class="icon-radius-img02" src="/img/room_planner/Group-1.png" alt="">
 
                 </div>
 
               </div>
 
               <div class="col-8 col-md-12">
 
-                <p class="icon-radius-text">安心裝修服務</p>
 
+                <p class="icon-radius-text" data-aos="fade-in" data-aos-duration="1000" data-aos-delay="50">安心裝修服務</p>
 
               </div>
 
             </div>
 
           </div>
 
@@ -67,12 +68,12 @@
 
           <div class="col-12 col-md-4 col-lg-4 room-planner-service-icon-box-item">
 
             <div class="row px-0 mx-0">
 
               <div class="col-4 col-md-12">
 
-                <div class="icon-radius">
 
+                <div class="icon-radius" data-aos="fade-in" data-aos-duration="1000">
 
                   <img class="icon-radius-img03" src="/img/room_planner/Group-2.png" alt="">
 
                 </div>
 
               </div>
 
               <div class="col-8 col-md-12">
 
-                <p class="icon-radius-text">家具與系統櫃</p>
 
+                <p class="icon-radius-text" data-aos="fade-in" data-aos-duration="1000" data-aos-delay="50">家具與系統櫃</p>
 
               </div>
 
             </div>
 
           </div>
 
@@ -158,7 +159,7 @@
 
     </section>
 
     <!-- 手機版 -->
 
 
-    <section class="room-planner-process room-planner-process-mb">
 
+    <!-- <section class="room-planner-process room-planner-process-mb">
 
       <img class="room-planner-process-star-yellow" src="/img/room_planner/yellow.png" alt="" width="20">
 
       <img class="room-planner-process-star-green" src="/img/room_planner/green.png" alt="" width="20">
 
 
@@ -233,7 +234,78 @@
 
           </div>
 
         </div>
 
       </div>
 
-    </section>
 
+    </section> -->
 
+
 
+    <div class="process d-lg-none d-block">
 
+      <img class="house_img" src="/img/blog/house.png" alt="" data-aos="fade-in" data-aos-duration="1000">
 
+      <img class="star_green" src="/img/blog/star_green.png" alt="" data-aos="fade-in" data-aos-duration="1000">
 
+      <img class="star_yellow" src="/img/blog/star_yellow.png" alt="" data-aos="fade-in" data-aos-duration="1000">
 
+
 
+      <div class="container process_mb">
 
+        <div class="row w-100">
 
+          <div class="col-6 col-md-auto">
 
+            <section>
 
+              <img src="/img/room_planner/icon/step01.png" alt="" data-gt-target="#scrollTarget1-m"
 
+                data-gt-duration="500" data-gt-offset="0">
 
+              <span>
 
+                <img src="/img/blog/number/01.png" alt="">
 
+              </span>
 
+              <h4>需求諮詢</h4>
 
+            </section>
 
+            <span class="dot_mb"></span>
 
+            <div class="mb_line_01"></div>
 
+          </div>
 
+          <div class="col-6 col-md-auto">
 
+            <section>
 
+              <img src="/img/room_planner/icon/step02.png" alt="" data-gt-target="#scrollTarget2-m"
 
+                data-gt-duration="500" data-gt-offset="0">
 
+              <span>
 
+                <img src="/img/blog/number/02.png" alt="">
 
+              </span>
 
+              <h4>成家設計</h4>
 
+            </section>
 
+            <div class="mb_line_02"></div>
 
+            <div class="mb_line_03"></div>
 
+          </div>
 
+          <div class="col-6 col-md-auto">
 
+            <section>
 
+              <img src="/img/room_planner/icon/step03.png" alt="" data-gt-target="#scrollTarget3-m"
 
+                data-gt-duration="500" data-gt-offset="0">
 
+              <span>
 
+                <img src="/img/blog/number/03.png" alt="">
 
+              </span>
 
+              <h4>設計報價</h4>
 
+            </section>
 
+            <div class="mb_line_01"></div>
 
+          </div>
 
+          <div class="col-6 col-md-auto">
 
+            <section>
 
+              <img src="/img/room_planner/icon/step04.png" alt="" data-gt-target="#scrollTarget4-m"
 
+                data-gt-duration="500" data-gt-offset="0">
 
+              <span>
 
+                <img src="/img/blog/number/04.png" alt="">
 
+              </span>
 
+              <h4>確認付款</h4>
 
+            </section>
 
+            <div class="mb_line_02"></div>
 
+            <div class="mb_line_03"></div>
 
+          </div>
 
+          <div class="col-6 col-md-auto mx-md-auto m-0">
 
+            <section style="margin-right: 0; position: relative;">
 
+              <img src="/img/room_planner/icon/step05.png" alt="" data-gt-target="#scrollTarget5-m"
 
+                data-gt-duration="500" data-gt-offset="0">
 
+              <span>
 
+                <img src="/img/blog/number/05.png" alt="">
 
+              </span>
 
+              <h4>施工保固</h4>
 
+            </section>
 
+            <!-- <div class="mb_line_01"></div> -->
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <img class="room-planner-process-ruler2" data-aos="fade-in" data-aos-duration="1000"
 
+        src="/img/room_planner/ruler2.png" alt="" width="118">
 
+    </div>
 
 
     <div class="mt-50 section-room-planner-process-mb-main">
 
       <div class="about-page section-b-space room-planner-process-mb-main">
 
@@ -251,9 +323,8 @@
 
                   <h2><span class="steup-mb-title">Step 1：</span><span class="step-sub-title"
 
                       style="background-color:#fff ;">需求諮詢</span> </h2>
 
                 </button>
 
-                <div  data-bs-toggle="collapse"
 
-                data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="false"
 
-                aria-controls="panelsStayOpen-collapseOne">
 
+                <div data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="false"
 
+                  aria-controls="panelsStayOpen-collapseOne">
 
                   <div class="text-center">
 
                     <img class="img-fluid" src="/img/room_planner/step1-0.png" alt="" width="151">
 
                   </div>
 
@@ -268,7 +339,7 @@
 
                   <div class="room-planner-process-main-content-left">
 
                     <div class="room-planner-process-main-content-left-box">
 
                       <div class="room-planner-process-main-content-left-step">
 
-                        <div class="room-planner-process-main-content-left-step-item d-flex">
 
+                        <!-- <div class="room-planner-process-main-content-left-step-item d-flex">
 
                           <div>
 
                             <div class="step-number-circle me-2 mt-03">
 
                               <span class="step-number">1</span>
 
@@ -289,11 +360,11 @@
 
                             <span class="f-649E2E-24">專人聯繫</span>
 
                             <p class="f-2A2A2A-16-400">三日內，將有專人聯繫，了解你的需求、幫你預約成家設計師。</p>
 
                           </div>
 
-                        </div>
 
+                        </div> -->
 
                         <div class="room-planner-process-main-content-left-step-item d-flex">
 
                           <div>
 
                             <div class="step-number-circle me-2 mt-03">
 
-                              <span class="step-number">3</span>
 
+                              <span class="step-number">1</span>
 
                             </div>
 
                           </div>
 
                           <div>
 
@@ -326,11 +397,11 @@
 
                           <div>
 
                             <p class="f-2A2A2A-16-400">成家設計服務的預算規劃參考(含設計、裝修裝潢、系統櫃、家具)</p>
 
                             <p class="f-2A2A2A-16-400"><span class="f-649E2E-18">無拆除工程</span> 全室設計約<span
 
-                                class="f-649E2E-18"> 2~4</span>萬/權狀坪</p>
 
-                            <p class="f-2A2A2A-16-400"><span class="f-649E2E-18">需要拆除工程、管線更新</span>全室設計約<span
 
-                                class="f-649E2E-18">3~6</span>萬/權狀坪</p>
 
+                                class="f-649E2E-20-q"> 2~4 </span>萬/權狀坪</p>
 
                             <p class="f-2A2A2A-16-400"><span class="f-649E2E-18">需要拆除工程</span> 全室設計約<span
 
-                                class="f-649E2E-18">2.5~5</span> 萬/權狀坪</p>
 
+                                class="f-649E2E-20-q"> 2.5~5 </span> 萬/權狀坪</p>
 
+                            <p class="f-2A2A2A-16-400"><span class="f-649E2E-18">需要拆除工程、管線更新</span>全室設計約<span
 
+                                class="f-649E2E-20-q"> 3~6 </span>萬/權狀坪</p>
 
                           </div>
 
                         </div>
 
                         <!-- <hr class="dotted"> -->
 
@@ -339,7 +410,7 @@
 
                         <div class="room-planner-process-main-content-left-step-item d-flex">
 
                           <div>
 
                             <div class="step-number-circle me-2 mt-03">
 
-                              <span class="step-number">4</span>
 
+                              <span class="step-number">2</span>
 
                             </div>
 
                           </div>
 
                           <div>
 
@@ -392,9 +463,8 @@
 
                   <h2><span class="steup-mb-title">Step 2：</span><span class="step-sub-title"
 
                       style="background-color:#fff ;">成家設計</span> </h2>
 
                 </button>
 
-                <div data-bs-toggle="collapse"
 
-                data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="false"
 
-                aria-controls="panelsStayOpen-collapseTwo">
 
+                <div data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="false"
 
+                  aria-controls="panelsStayOpen-collapseTwo">
 
                   <img class="img-fluid" src="/img/room_planner/step2.png" alt="">
 
                 </div>
 
               </h2>
 
@@ -408,7 +478,7 @@
 
                         <div class="room-planner-process-main-content-left-step-item d-flex">
 
                           <div>
 
                             <div class="step-number-circle me-2 mt-03">
 
-                              <span class="step-number">5</span>
 
+                              <span class="step-number">3</span>
 
                             </div>
 
                           </div>
 
                           <div>
 
@@ -427,7 +497,7 @@
 
                         <div class="room-planner-process-main-content-left-step-item d-flex">
 
                           <div>
 
                             <div class="step-number-circle me-2 mt-03">
 
-                              <span class="step-number">6</span>
 
+                              <span class="step-number">4</span>
 
                             </div>
 
                           </div>
 
                           <div>
 
@@ -462,9 +532,8 @@
 
                   <h2><span class="steup-mb-title">Step 3：</span><span class="step-sub-title"
 
                       style="background-color:#fff ;">設計報價</span> </h2>
 
                 </button>
 
-                <div data-bs-toggle="collapse"
 
-                data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false"
 
-                aria-controls="panelsStayOpen-collapseThree">
 
+                <div data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false"
 
+                  aria-controls="panelsStayOpen-collapseThree">
 
                   <img class="img-fluid" src="/img/room_planner/step3.png" alt="">
 
                 </div>
 
 
@@ -491,7 +560,7 @@
 
                         <div class="room-planner-process-main-content-left-step-item d-flex">
 
                           <div>
 
                             <div class="step-number-circle me-2 mt-03">
 
-                              <span class="step-number">7</span>
 
+                              <span class="step-number">5</span>
 
                             </div>
 
                           </div>
 
                           <div>
 
@@ -502,7 +571,7 @@
 
                         <div class="room-planner-process-main-content-left-step-item d-flex">
 
                           <div>
 
                             <div class="step-number-circle me-2 mt-03">
 
-                              <span class="step-number">8</span>
 
+                              <span class="step-number">6</span>
 
                             </div>
 
                           </div>
 
                           <div>
 
@@ -552,9 +621,8 @@
 
                   <h2><span class="steup-mb-title">Step 4：</span><span class="step-sub-title"
 
                       style="background-color:#fff ;">確認付款</span> </h2>
 
                 </button>
 
-                <div class="text-center"data-bs-toggle="collapse"
 
-                data-bs-target="#panelsStayOpen-collapseFour" aria-expanded="false"
 
-                aria-controls="panelsStayOpen-collapseFour">
 
+                <div class="text-center" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFour"
 
+                  aria-expanded="false" aria-controls="panelsStayOpen-collapseFour">
 
                   <img class="img-fluid" src="/img/room_planner/step4.png" alt="" width="226">
 
                 </div>
 
               </h2>
 
@@ -567,14 +635,13 @@
 
                         <div class="room-planner-process-main-content-left-step-item d-flex">
 
                           <div>
 
                             <div class="step-number-circle me-2 mt-03">
 
-                              <span class="step-number">9</span>
 
+                              <span class="step-number">7</span>
 
                             </div>
 
                           </div>
 
                           <div>
 
                             <p class="f-649E2E-24">家具、系統櫃報價</p>
 
                             <p class="f-2A2A2A-16-400"><span class="f-649E2E-20-q">信用卡付款</span> </p>
 
-                            <p> 訂單確認時<span
 
-                              class="f-649E2E-20-q">100%</span></p>
 
+                            <p> 訂單確認時<span class="f-649E2E-20-q">100%</span></p>
 
                             <p class="f-2A2A2A-16-400"><span class="f-649E2E-20-q">現金/匯款付款</span></p>
 
                             <p class="f-2A2A2A-16-400">訂單確認時<span class="f-649E2E-20-q">50%</span><span
 
                                 class="f-2b2b2b-18-q">、</span> 系統櫃出貨前付<span class="f-649E2E-20-q">50%</span></p>
 
@@ -584,13 +651,13 @@
 
                         <div class="room-planner-process-main-content-left-step-item d-flex">
 
                           <div>
 
                             <div class="step-number-circle me-2 mt-03">
 
-                              <span class="step-number">10</span>
 
+                              <span class="step-number">8</span>
 
                             </div>
 
                           </div>
 
                           <div>
 
                             <p class="f-649E2E-24">安心裝修付款方式</p>
 
                             <p class="f-2A2A2A-16-400"><span class="f-649E2E-20-q">信用卡付款</span></p>
 
-                             <p> 訂單確認時<span class="f-649E2E-20-q">100%</span> </p>
 
+                            <p> 訂單確認時<span class="f-649E2E-20-q">100%</span> </p>
 
                             <p class="f-2A2A2A-16-400"><span class="f-649E2E-20-q">現金/匯款付款</span></p>
 
                             <p class="f-2A2A2A-16-400">訂單確認時<span class="f-649E2E-20-q">50%</span>、 木工完成後 <span
 
                                 class="f-649E2E-20-q">40%<span class="f-2b2b2b-18-q">、</span> </span>驗收後 <span
 
@@ -612,9 +679,9 @@
 
                   <h2><span class="steup-mb-title">Step 5：</span><span class="step-sub-title"
 
                       style="background-color:#fff ;">施工保固</span> </h2>
 
                 </button>
 
-                <div style="margin-top:10px ;" class="room-planner-process-main-content-step-img" data-bs-toggle="collapse"
 
-                data-bs-target="#panelsStayOpen-collapseFive" aria-expanded="false"
 
-                aria-controls="panelsStayOpen-collapseFive">
 
+                <div style="margin-top:10px ;" class="room-planner-process-main-content-step-img"
 
+                  data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFive" aria-expanded="false"
 
+                  aria-controls="panelsStayOpen-collapseFive">
 
                   <img class="img-fluid" src="/img/room_planner/step5.png" alt="">
 
                 </div>
 
                 <div class="room-planner-process-main-content-step-img text-center">
 
@@ -631,7 +698,7 @@
 
                         <div class="room-planner-process-main-content-left-step-item d-flex">
 
                           <div>
 
                             <div class="step-number-circle me-2 mt-03">
 
-                              <span class="step-number">11</span>
 
+                              <span class="step-number">9</span>
 
                             </div>
 
                           </div>
 
                           <div>
 
@@ -664,10 +731,10 @@
 
                           <div>
 
                             <p class="f-2A2A2A-16-400"><span class="f-649E2E-20-q">無需拆除工程</span> 約 <span
 
                                 class="f-649E2E-20-q">2-3</span> 個月</p>
 
-                            <p class="f-2A2A2A-16-400"><span class="f-649E2E-20-q">無需拆除工程</span> 約 <span
 
+                            <p class="f-2A2A2A-16-400"><span class="f-649E2E-20-q">需要拆除工程</span> 約 <span
 
                                 class="f-649E2E-20-q">2.5-3.5</span> 個月</p>
 
                             <p class="f-2A2A2A-16-400"><span class="f-649E2E-20-q">需要拆除工程與管線更新</span> 約<span
 
-                              class="f-649E2E-20-q">3-4</span> 個月</p>
 
+                                class="f-649E2E-20-q">3-4</span> 個月</p>
 
                           </div>
 
                         </div>
 
                         <!-- <hr class="dotted"> -->
 
@@ -676,13 +743,11 @@
 
                         <div class="room-planner-process-main-content-left-step-item d-flex">
 
                           <div>
 
                             <div class="step-number-circle me-2 mt-03">
 
-                              <span class="step-number">12</span>
 
+                              <span class="step-number">10</span>
 
                             </div>
 
                           </div>
 
                           <div>
 
                             <span class="f-649E2E-24">家具定位</span>
 
-                            <p class="f-2A2A2A-16-400">決定將家交給小寶優居時，我們會先簽訂<span
 
-                                class="f-649E2E-18">《成家設計服務合約》</span>，並支付設計訂金，簽約後會正式開始你家的成家設計。</p>
 
                             <p class="f-2A2A2A-16-400">裝修完成 <span class="f-649E2E-20-q">80%</span>
 
                               時，會進行系統櫃安裝，接著進行裝修工程的細部清潔，並安排家具運送到府定位。</p>
 
                           </div>
 
@@ -690,7 +755,7 @@
 
                         <div class="room-planner-process-main-content-left-step-item d-flex">
 
                           <div>
 
                             <div class="step-number-circle me-2 mt-03">
 
-                              <span class="step-number">13</span>
 
+                              <span class="step-number">11</span>
 
                             </div>
 
                           </div>
 
                           <div>
 
@@ -733,7 +798,7 @@
 
                       class="step-sub-title" style="background-color:#fff ;">需求諮詢</span> </h2>
 
                   <img class="step01_direction" src="/img/room_planner/direction.png" alt="" width="65">
 
                   <div class="room-planner-process-main-content-left-step">
 
-                    <div class="room-planner-process-main-content-left-step-item d-flex">
 
+                    <!-- <div class="room-planner-process-main-content-left-step-item d-flex">
 
                       <div>
 
                         <div class="step-number-circle me-2 mt-03">
 
                           <span class="step-number">1</span>
 
@@ -754,11 +819,11 @@
 
                         <span class="f-649E2E-24">專人聯繫</span>
 
                         <p class="f-2A2A2A-16-400">三日內，將有專人聯繫，了解你的需求、幫你預約成家設計師。</p>
 
                       </div>
 
-                    </div>
 
+                    </div> -->
 
                     <div class="room-planner-process-main-content-left-step-item d-flex">
 
                       <div>
 
                         <div class="step-number-circle me-2 mt-03">
 
-                          <span class="step-number">3</span>
 
+                          <span class="step-number">1</span>
 
                         </div>
 
                       </div>
 
                       <div>
 
@@ -791,11 +856,11 @@
 
                       <div>
 
                         <p class="f-2A2A2A-16-400">成家設計服務的預算規劃參考(含設計、裝修裝潢、系統櫃、家具)</p>
 
                         <p class="f-2A2A2A-16-400"><span class="f-649E2E-18">無拆除工程</span> 全室設計約<span
 
-                            class="f-649E2E-18"> 2~4</span>萬/權狀坪</p>
 
-                        <p class="f-2A2A2A-16-400"><span class="f-649E2E-18">需要拆除工程、管線更新</span>全室設計約<span
 
-                            class="f-649E2E-18">3~6</span>萬/權狀坪</p>
 
+                            class="f-649E2E-20-q"> 2~4 </span>萬/權狀坪</p>
 
                         <p class="f-2A2A2A-16-400"><span class="f-649E2E-18">需要拆除工程</span> 全室設計約<span
 
-                            class="f-649E2E-18">2.5~5</span> 萬/權狀坪</p>
 
+                            class="f-649E2E-20-q"> 2.5~5 </span> 萬/權狀坪</p>
 
+                        <p class="f-2A2A2A-16-400"><span class="f-649E2E-18">需要拆除工程、管線更新</span>全室設計約<span
 
+                            class="f-649E2E-20-q"> 3~6 </span>萬/權狀坪</p>
 
                       </div>
 
                     </div>
 
                     <!-- <hr class="dotted"> -->
 
@@ -803,7 +868,7 @@
 
                     <div class="room-planner-process-main-content-left-step-item d-flex">
 
                       <div>
 
                         <div class="step-number-circle me-2 mt-03">
 
-                          <span class="step-number">4</span>
 
+                          <span class="step-number">2</span>
 
                         </div>
 
                       </div>
 
                       <div>
 
@@ -856,7 +921,7 @@
 
                     <div class="room-planner-process-main-content-left-step-item d-flex">
 
                       <div>
 
                         <div class="step-number-circle me-2 mt-03">
 
-                          <span class="step-number">11</span>
 
+                          <span class="step-number">9</span>
 
                         </div>
 
                       </div>
 
                       <div>
 
@@ -888,10 +953,10 @@
 
                       <div>
 
                         <p class="f-2A2A2A-16-400"><span class="f-649E2E-20-q">無需拆除工程</span> 約 <span
 
                             class="f-649E2E-20-q">2-3</span> 個月</p>
 
-                        <p class="f-2A2A2A-16-400"><span class="f-649E2E-20-q">無需拆除工程</span> 約 <span
 
+                        <p class="f-2A2A2A-16-400"><span class="f-649E2E-20-q">需要拆除工程</span> 約 <span
 
                             class="f-649E2E-20-q">2.5-3.5</span> 個月</p>
 
                         <p class="f-2A2A2A-16-400"><span class="f-649E2E-20-q">需要拆除工程與管線更新</span> 約 <span
 
-                          class="f-649E2E-20-q">3-4</span> 個月</p>
 
+                            class="f-649E2E-20-q">3-4</span> 個月</p>
 
                       </div>
 
                     </div>
 
                     <!-- <hr class="dotted"> -->
 
@@ -899,13 +964,11 @@
 
                     <div class="room-planner-process-main-content-left-step-item d-flex">
 
                       <div>
 
                         <div class="step-number-circle me-2 mt-03">
 
-                          <span class="step-number">12</span>
 
+                          <span class="step-number">10</span>
 
                         </div>
 
                       </div>
 
                       <div>
 
                         <span class="f-649E2E-24">家具定位</span>
 
-                        <p class="f-2A2A2A-16-400">決定將家交給小寶優居時，我們會先簽訂<span
 
-                            class="f-649E2E-18">《成家設計服務合約》</span>，並支付設計訂金，簽約後會正式開始你家的成家設計。</p>
 
                         <p class="f-2A2A2A-16-400">裝修完成 <span class="f-649E2E-20-q">80%</span>
 
                           時，會進行系統櫃安裝，接著進行裝修工程的細部清潔，並安排家具運送到府定位。</p>
 
                       </div>
 
@@ -913,7 +976,7 @@
 
                     <div class="room-planner-process-main-content-left-step-item d-flex">
 
                       <div>
 
                         <div class="step-number-circle me-2 mt-03">
 
-                          <span class="step-number">13</span>
 
+                          <span class="step-number">11</span>
 
                         </div>
 
                       </div>
 
                       <div>
 
@@ -929,7 +992,7 @@
 
             <div style="position:relative; top:-10px;" class="col-lg-4" id="room-planner-process-main-content-center">
 
               <div style="width: 107px;position: absolute; right:-22px; top:-100px;"><img class="img-fluid"
 
                   src="/img/room_planner/start.png" alt=""></div>
 
-              <img class="main-content-bg-line" src="/img/room_planner/line.png" alt="">
 
+              <img class="main-content-bg-line" src="/img/room_planner/line2.png" alt="">
 
               <div class="room-planner-process-main-content-left">
 
                 <div class="room-planner-process-main-content-step-img text-center">
 
                   <div class="step1-0-box" data-aos="fade-in" data-aos-duration="1000">
 
@@ -986,7 +1049,7 @@
 
                     <div class="room-planner-process-main-content-left-step-item d-flex">
 
                       <div>
 
                         <div class="step-number-circle me-2 mt-03">
 
-                          <span class="step-number">5</span>
 
+                          <span class="step-number">3</span>
 
                         </div>
 
                       </div>
 
                       <div>
 
@@ -1009,7 +1072,7 @@
 
                     <div class="room-planner-process-main-content-left-step-item d-flex">
 
                       <div>
 
                         <div class="step-number-circle me-2 mt-03">
 
-                          <span class="step-number">6</span>
 
+                          <span class="step-number">4</span>
 
                         </div>
 
                       </div>
 
                       <div>
 
@@ -1055,7 +1118,7 @@
 
                     <div class="room-planner-process-main-content-left-step-item d-flex">
 
                       <div>
 
                         <div class="step-number-circle me-2 mt-03">
 
-                          <span class="step-number">7</span>
 
+                          <span class="step-number">5</span>
 
                         </div>
 
                       </div>
 
                       <div>
 
@@ -1066,12 +1129,13 @@
 
                     <div class="room-planner-process-main-content-left-step-item d-flex">
 
                       <div>
 
                         <div class="step-number-circle me-2 mt-03">
 
-                          <span class="step-number">8</span>
 
+                          <span class="step-number">6</span>
 
                         </div>
 
                       </div>
 
                       <div>
 
                         <span class="f-649E2E-24">安心裝修報價</span>
 
-                        <p class="f-2A2A2A-16-400">依照你與成家設計師共同定案的設計內容，小寶優居安排安心裝修師傅到府場勘，再由你、成家設計師、安心裝修師傅三方，一起到門市討論裝修內容。<br>
 
+                        <p class="f-2A2A2A-16-400">
 
+                          依照你與成家設計師共同定案的設計內容，小寶優居安排安心裝修師傅到府場勘，再由你、成家設計師、安心裝修師傅三方，一起到門市討論裝修內容。<br>
 
                           確認裝修細節後，提供完整的報價單，並簽訂<span class="f-649E2E-18">《安心裝修服務合約》</span>。</p>
 
                       </div>
 
                     </div>
 
@@ -1112,12 +1176,12 @@
 
                     <div class="room-planner-process-main-content-left-step-item d-flex">
 
                       <div>
 
                         <div class="step-number-circle me-2 mt-03">
 
-                          <span class="step-number">9</span>
 
+                          <span class="step-number">7</span>
 
                         </div>
 
                       </div>
 
                       <div>
 
                         <p class="f-649E2E-24">家具、系統櫃報價</p>
 
-                        <p class="f-2A2A2A-16-400"><span class="f-649E2E-20-q">信用卡付款</span>  </p>
 
+                        <p class="f-2A2A2A-16-400"><span class="f-649E2E-20-q">信用卡付款</span> </p>
 
                         <p> 訂單確認時<span class="f-649E2E-20-q">100%</span></p>
 
                         <p class="f-2A2A2A-16-400"><span class="f-649E2E-20-q">現金/匯款付款</span></p>
 
                         <p class="f-2A2A2A-16-400">訂單確認時<span class="f-649E2E-20-q">50%</span><span
 
@@ -1128,7 +1192,7 @@
 
                     <div class="room-planner-process-main-content-left-step-item d-flex">
 
                       <div>
 
                         <div class="step-number-circle me-2 mt-03">
 
-                          <span class="step-number">10</span>
 
+                          <span class="step-number">8</span>
 
                         </div>
 
                       </div>
 
                       <div>
 
@@ -1241,12 +1305,9 @@
 
               </div>
 
             </div>
 
             <div class="room_planner-sales-service-left-text">
 
-              <p class="f-2A2A2A-20 d-none d-lg-block text-center">用<span class="room-planner-service-no-28">5%</span>
 
-                的裝修服務費，換
 
-                <span class="room-planner-service-no-28">5%</span>的安心裝修
 
+              <p class="f-2A2A2A-20 d-none d-lg-block text-center">用<span class="room-planner-service-no-28 px-1">5%</span>的裝修服務費，換<span class="room-planner-service-no-28 px-1">100%</span>的安心裝修
 
               </p>
 
-              <p class="f-2A2A2A-20 d-block d-lg-none text-center">用<span class="room-planner-service-no-28">5%</span>
 
-                的裝修服務費，<br>換 <span class="room-planner-service-no-28">5%</span>的安心裝修</p>
 
+              <p class="f-2A2A2A-20 d-block d-lg-none text-center">用<span class="room-planner-service-no-28 px-1">5%</span>的裝修服務費，<br>換<span class="room-planner-service-no-28 px-1">100%</span>的安心裝修</p>
 
             </div>
 
           </div>
 
           <div class="col-md-1 col-lg-2 my-1 my-md-0 divider-wrapper d-flex justify-content-center align-items-center">
 
@@ -1276,10 +1337,10 @@
 
             </div>
 
           </div>
 
         </div>
 
-        <div class="text-center mt-50"><a href="https://ocard.co/q?s=mV8ggl&qtk=LmybMx&_ga=2.252447817.1761930027.1658133789-1993023897.1656902976">
 
-          <button type="button" class="btn room_planner-sales-service-CTA"><span
 
-            class="f-fff-18 me-3">立即預約</span></button>
 
-        </a></div>
 
+        <div class="text-center mt-50"><a href="/store/">
 
+            <button type="button" class="btn room_planner-sales-service-CTA"><span
 
+                class="f-fff-18 me-3">設計諮詢</span></button>
 
+          </a></div>
 
       </div>
 
       <img style="position:absolute;bottom:50px; right:100px" class="tree2-img" src="/img/room_planner/big.png" alt=""
 
         width="53">
 
@@ -1321,7 +1382,183 @@
 
 
   <script src="./js/index.js"></script> -->
 
     {{ partial "scripts.html" . }}
 
+    <script>
 
+      let domHeight = $('.process_mb').height();
 
+      let windowWidth = $(window).width();
 
+
 
+      // let x = windowWidth / 2.4;
 
+      // let y = domHeight * (110 / 693.38);
 
+      let x = windowWidth;
 
+      let y = domHeight;
 
+      let callState = true;
 
+      const dotDom = document.querySelector(".dot_mb");
 
+
 
+      console.log(windowWidth);
 
+      console.log(domHeight);
 
+      function dotAnimate(x, y) {
 
+        callState = true;
 
+        const keyFrames = document.createElement("style");
 
+        const dotKeyFrames = `
 
+        @keyframes dot2 {
 
+          0% {
 
+            transform: translate(0, ${y * 8 / 495.586}px);
 
+          }
 
+          15% {
 
+            transform: translate(${x * 170 / 390}px, ${y * 8 / 495.586}px);
 
+          }
 
+          25% {
 
+            transform: translate(${x * 170 / 390}px, ${y * 112 / 495.586}px);
 
+          }
 
+          35% {
 
+            transform: translate(${x * -11 / 390}px,${y * 112 / 495.586}px);
 
+          }
 
+          45% {
 
+            transform: translate(${x * -11 / 390}px, ${y * 185 / 495.586}px);
 
+          }
 
+          55% {
 
+            transform: translate(${x * 170 / 390}px, ${y * 185 / 495.586}px);
 
+          }
 
+          65% {
 
+            transform: translate(${x * 170 / 390}px, ${y * 290 / 495.586}px);
 
+          }
 
+          75% {
 
+            transform: translate(${x * -13 / 390}px, ${y * 290 / 495.586}px);
 
+          }
 
+          85% {
 
+            transform: translate(${x * -13 / 390}px, ${y * 375 / 495.586}px);
 
+          }
 
+          100%{
 
+            transform: translate(${x * -13 / 390}px, ${y * 375 / 495.586}px);
 
+          }
 
+        }
 
+
 
+          .dot_mb::before {
 
+            animation: dot2 8s infinite;
 
+          }
 
+        `;
 
+
 
+        keyFrames.innerHTML = dotKeyFrames;
 
+
 
+        let oldStyle = document.querySelector('style');
 
+
 
+        // 如已有 style 則直接覆蓋
 
+        if (!oldStyle) {
 
+          dotDom.appendChild(keyFrames);
 
+        } else {
 
+          dotDom.replaceChild(keyFrames, oldStyle);
 
+        }
 
+
 
+        /* 以下 animate() 方法 iOS 不支援 */
 
+        // const dotPosition = [
 
+        //   {
 
+        //     transform: 'translate(0, 5px)'
 
+        //   },
 
+        //   {
 
+        //     transform: `translate(${x}px, 5px)`
 
+        //   },
 
+        //   , {
 
+        //     transform: `translate(${x}px, ${y}px)`
 
+        //   }
 
+        //   , {
 
+        //     transform: `translate(-13px, ${y}px)`
 
+        //   }
 
+        //   , {
 
+        //     // (110 + 80) / 110
 
+        //     transform: `translate(-13px, ${y * 1.727}px)`
 
+        //   }
 
+        //   , {
 
+        //     transform: `translate(${x}px,  ${y * 1.727}px)`
 
+        //   }
 
+        //   , {
 
+        //     // (190 + 110) / 110
 
+        //     transform: `translate(${x}px,  ${y * 2.68}px)`
 
+        //   }
 
+        //   , {
 
+        //     transform: `translate(-13px, ${y * 2.68}px)`
 
+        //   }
 
+        //   , {
 
+        //     // (275 + 110) / 110
 
+        //     transform: `translate(-13px, ${y * 3.4}px)`
 
+        //   }
 
+        //   , {
 
+        //     transform: `translate(${x}px, ${y * 3.4}px)`
 
+        //   }
 
+        //   , {
 
+        //     // (380 + 110) / 110
 
+        //     transform: `translate(${x}px, ${y * 4.35}px)`
 
+        //   }
 
+        //   , {
 
+        //     transform: `translate(-13px, ${y * 4.35}px)`
 
+        //   }
 
+        //   , {
 
+        //     // (550 + 110) / 110
 
+        //     transform: `translate(-13px, ${y * 5.08}px)`
 
+        //   }
 
+        //   , {
 
+        //     transform: `translate(${x}px, ${y * 5.08}px)`
 
+        //   }
 
+        // ];
 
+
 
+        // // 動畫時間
 
+        // const dotTiming = {
 
+        //   duration: 8000,
 
+        //   iterations: Infinity
 
+        // }
 
+
 
+        // dotDom.animate(dotPosition, dotTiming);
 
+      }
 
+
 
+      // 於手機尺寸開始動畫
 
+      if ($(window).width() < 576) {
 
+        dotAnimate(x, y);
 
+      }
 
+
 
+      // 判斷是否為手機
 
+      function mobile() {
 
+        try {
 
+          document.createEvent("TouchEvent");
 
+          return true;
 
+        } catch (e) {
 
+          return false;
 
+        }
 
+      }
 
+
 
+      if (!mobile()) {
 
+        /* 電腦版偵測縮放 */
 
+        if (callState) {
 
+          addEventListener('resize', (event) => {
 
+            console.log('call');
 
+            if ($(window).width() < 576 && callState) {
 
+              // 避免重複 call function
 
+              callState = false;
 
+
 
+              const stopStyle = document.createElement("style");
 
+              // 尺寸改變後動畫重新開始
 
+              const stopKeyFrames = `
 
+                .dot_mb::before {
 
+                  animation: none;
 
+                }
 
+             `;
 
+              stopStyle.innerHTML = stopKeyFrames;
 
+
 
+              let oldStyle = document.querySelector('style');
 
+
 
+              if (oldStyle) {
 
+                dotDom.replaceChild(stopStyle, oldStyle);
 
+              }
 
+
 
+              setTimeout(() => {
 
+                // 縮放畫面時重新取得x、y軸
 
+                const x1 = $(window).width() / 2.4;
 
+                const y1 = $('.process_mb').height() * (110 / 693.38);
 
+                dotAnimate(x1, y1);
 
+              }, 1000);
 
+            }
 
+          });
 
+        }
 
+      }
 
 
+    </script>
 
 </body>
 
 
 </html>

BIN
static/img/banners/banner-1.jpg
Vedi File


BIN
static/img/banners/banner-2.jpg
Vedi File


BIN
static/img/banners/banner-3.jpg
Vedi File


BIN
static/img/banners/banner-4.jpg
Vedi File


BIN
static/img/banners/banner-5.jpg
Vedi File


BIN
static/img/home/0.webp
Vedi File


BIN
static/img/home/00 (1).webp
Vedi File


BIN
static/img/home/00.webp
Vedi File


BIN
static/img/home/01.webp
Vedi File


BIN
static/img/home/03.webp
Vedi File


BIN
static/img/room_planner/line2.png
Vedi File


+ 334 - 0
themes/hugo-universal-theme-master/layouts/_default/taxonomy.html
Vedi File 

@@ -0,0 +1,334 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+  {{ partial "headers.html" . }}
 
+</head>
 
+
 
+<body style="overflow-x: hidden;">
 
+  {{ partial "nav.html" . }}
 
+  <div class="container-fluid blog-categories p-0">
 
+    <section class="bhouseweb_loc_banner">
 
+      <img src="/img/banner/bn_blog@2x.webp" class="banner-img card-img" alt="...">
 
+    </section>
 
+
 
+    <div class="container">
 
+      <nav
 
+        style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&#34;);"
 
+        aria-label="breadcrumb">
 
+        <ol class="breadcrumb">
 
+          <li class="breadcrumb-item"><a href="/"><img src="/img/bt_footer_index@2x.png" width="30px" alt=""
 
+                style="margin-bottom: 5px;"></a></li>
 
+          <li class="breadcrumb-item"><a href="/blog_main/">成家知識專欄</a></li>
 
+          <li class="breadcrumb-item active" aria-current="page" id="category_name">預售屋客變</li>
 
+        </ol>
 
+      </nav>
 
+      <div class="d-flex flex-column align-items-start">
 
+        <!-- 暫時隱藏標籤 -->
 
+        <!-- <div class="link-list">
 
+          <button><a href="">客廳</a></button>
 
+          <button><a href="">主臥</a></button>
 
+          <button><a href="">客房</a></button>
 
+          <button><a href="">客廳</a></button>
 
+          <button><a href="">主臥</a></button>
 
+          <button><a href="">客房</a></button>
 
+        </div> -->
 
+
 
+        <div class="bhouseweb_loc_search_box">
 
+          <form class="bhouseweb_search_form d-flex">
 
+            <div class="bhouseweb_search_img" style="margin-right: 1vw;">
 
+              <img src="/img/icon_search@2x.png" alt="">
 
+            </div>
 
+            <input id="blog_search" class="me-md-2" type="search" placeholder="搜尋「預算」「電視牆設計」「天花板」「電器櫃」「沙發」"
 
+              aria-label="Search">
 
+          </form>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <div style="border-top: 1px solid #969696;"></div>
 
+
 
+    <div class="article" id="articleList">
 
+
 
+      <div id="blog-loading" class="d-flex justify-content-center mb-5">
 
+        <div class="spinner-border text-success" role="status" style="color: rgba(128, 143, 76, 1) !important;">
 
+          <span class="visually-hidden">Loading...</span>
 
+        </div>
 
+      </div>
 
+
 
+      {{ $paginator := .Paginate .Data.Pages }}
 
+      {{ range $paginator.Pages }}
 
+      <!-- <div class="article-item" id="defaultArticle">
 
+        <a href="{{ .RelPermalink }}">
 
+          <img src="{{ .Params.Image | relURL }}" alt="">
 
+        </a>
 
+        <div class="d-flex flex-column">
 
+          <a href="{{ .RelPermalink }}">
 
+            <h4>{{ .Title }}</h4>
 
+          </a>
 
+          <p class="mt-auto my-2 fw-bold">{{ .PublishDate.Format "2006-01-02" }}</p>
 
+          <a href="{{ .RelPermalink }}" class="description">
 
+            <p style="letter-spacing: 1px;">{{.Params.description }}</p>
 
+          </a>
 
+        </div>
 
+      </div> -->
 
+      {{ end }}
 
+    </div>
 
+    <a class="nav-link article_readMore" href="/blog_main/">＜ 回到成家知識庫</a>
 
+    <div class="reserve">
 
+      <a href="/store/">
 
+        <img src="/img/home/reserve.png" alt="">
 
+      </a>
 
+    </div>
 
+  </div>
 
+
 
+  {{ partial "footer.html" . }}
 
+  {{ partial "scripts.html" . }}
 
+
 
+  <script>
 
+    window.onload = function () {
 
+      document.getElementById('blog_search').value = '';
 
+
 
+      // 取得 apiData
 
+      let contentsData = [];
 
+      // 取得網址參數
 
+      let getUrlString = location.href;
 
+      let url = new URL(getUrlString);
 
+      let tagsVal = url.searchParams.get('tags');
 
+      let category = url.pathname.slice(6, -1);
 
+      // let category = localStorage.getItem('category');
 
+      console.log('網址參數', tagsVal);
 
+      console.log('分類名稱', category);
 
+
 
+      // 麵包屑
 
+      if (tagsVal !== null) {
 
+        document.getElementById('category_name').textContent = tagsVal;
 
+      } else if (category !== null) {
 
+        let categoryName = "";
 
+        switch (category) {
 
+          case 'pre-sale-house-design-change':
 
+            categoryName = "預售屋客變";
 
+            break;
 
+          case 'house-acceptance-check':
 
+            categoryName = "驗收交屋";
 
+            break;
 
+          case 'budget-planning':
 
+            categoryName = "預算準備";
 
+            break;
 
+          case 'about-interior-decoration':
 
+            categoryName = "認識裝修裝潢";
 
+            break;
 
+          case 'floor-planning':
 
+            categoryName = "空間計畫";
 
+            break;
 
+          case 'decoration-style':
 
+            categoryName = "居家風格";
 
+            break;
 
+          case 'furnitures-appliances':
 
+            categoryName = "家具家電";
 
+            break;
 
+          case 'design-acceptanc-and-move-in':
 
+            categoryName = "驗收入住";
 
+            break;
 
+          default:
 
+            console.log(`找不到 "${category}" 這個分類`);
 
+            document.getElementById('category_name').style.display = 'none';
 
+        }
 
+        document.getElementById('category_name').textContent = categoryName;
 
+      } else {
 
+        document.getElementById('category_name').style.display = 'none';
 
+      }
 
+
 
+      (function getContentsData() {
 
+        // 線上版網址 https://bhouse3.ptt.cx:9002/api/
 
+        // 本地端網址 http://localhost:9001/api/
 
+        fetch('http://localhost:9001/api/contents?url=/blog').then(res => res.json()).then(list => {
 
+          contentsData = list;
 
+          // contentsData.shift();
 
+          filterCategory();
 
+          // if (category !== null) {
 
+          //   filterCategory();
 
+          // }
 
+        })
 
+      })();
 
+
 
+      let matchContent = "";
 
+
 
+      // 分類篩選
 
+      function filterCategory() {
 
+        // 網址有參數
 
+        if (tagsVal !== null) {
 
+          contentsData.map(item => {
 
+            if (item.blog_tag) {
 
+              if (item.blog_tag.includes(tagsVal)) {
 
+                matchContent += `
 
+                <div class="article-item">
 
+                  <a href="${item.url}?tags=${tagsVal}">
 
+                    <img src="${item.image}" alt="">
 
+                  </a>
 
+                  <div class="d-flex flex-column">
 
+                    <a href="${item.url}?tags=${tagsVal}">
 
+                      <h4>${item.title}</h4>
 
+                    </a>
 
+                    <p class="mt-auto my-2 fw-bold">${item.date.substr(0, 10)}</p>
 
+                    <a href="${item.url}?tags=${tagsVal}" class="description">
 
+                      <p style="letter-spacing: 1px;">${item.description}</p>
 
+                    </a>
 
+                  </div>
 
+                </div>`
 
+              }
 
+            }
 
+          })
 
+        } else {
 
+          contentsData.map(item => {
 
+            if (category !== null) {
 
+              if (item.categories) {
 
+                if (item.categories.includes(category)) {
 
+                  matchContent += `
 
+            <div class="article-item">
 
+              <a href="${item.url}">
 
+                <img src="${item.image}" alt="">
 
+              </a>
 
+              <div class="d-flex flex-column">
 
+                <a href="${item.url}">
 
+                  <h4>${item.title}</h4>
 
+                </a>
 
+                <p class="mt-auto my-2 fw-bold">${item.date.substr(0, 10)}</p>
 
+                <a href="${item.url}" class="description">
 
+                  <p style="letter-spacing: 1px;">${item.description}</p>
 
+                </a>
 
+              </div>
 
+            </div>`
 
+                }
 
+              }
 
+            } else {
 
+              matchContent += `
 
+            <div class="article-item">
 
+              <a href="${item.url}">
 
+                <img src="${item.image}" alt="">
 
+              </a>
 
+              <div class="d-flex flex-column">
 
+                <a href="${item.url}">
 
+                  <h4>${item.title}</h4>
 
+                </a>
 
+                <p class="mt-auto my-2 fw-bold">${item.date.substr(0, 10)}</p>
 
+                <a href="${item.url}" class="description">
 
+                  <p style="letter-spacing: 1px;">${item.description}</p>
 
+                </a>
 
+              </div>
 
+            </div>`
 
+            }
 
+          })
 
+        }
 
+
 
+        // contentsData.map(item => {
 
+        //   if (category !== null) {
 
+        //     if (item.categories) {
 
+        //       if (item.categories.includes(category)) {
 
+        //         matchContent += `
 
+        //     <div class="article-item">
 
+        //       <a href="${item.url}">
 
+        //         <img src="${item.image}" alt="">
 
+        //       </a>
 
+        //       <div class="d-flex flex-column">
 
+        //         <a href="${item.url}">
 
+        //           <h4>${item.title}</h4>
 
+        //         </a>
 
+        //         <p class="mt-auto my-2 fw-bold">${item.date.substr(0, 10)}</p>
 
+        //         <a href="${item.url}" class="description">
 
+        //           <p style="letter-spacing: 1px;">${item.description}</p>
 
+        //         </a>
 
+        //       </div>
 
+        //     </div>`
 
+        //       }
 
+        //     }
 
+        //   } else {
 
+        //     matchContent += `
 
+        //     <div class="article-item">
 
+        //       <a href="${item.url}">
 
+        //         <img src="${item.image}" alt="">
 
+        //       </a>
 
+        //       <div class="d-flex flex-column">
 
+        //         <a href="${item.url}">
 
+        //           <h4>${item.title}</h4>
 
+        //         </a>
 
+        //         <p class="mt-auto my-2 fw-bold">${item.date.substr(0, 10)}</p>
 
+        //         <a href="${item.url}" class="description">
 
+        //           <p style="letter-spacing: 1px;">${item.description}</p>
 
+        //         </a>
 
+        //       </div>
 
+        //     </div>`
 
+        //   }
 
+        // })
 
+        $('#blog-loading').addClass("blog_loading");
 
+        document.getElementById("articleList").innerHTML = matchContent;
 
+
 
+      }
 
+
 
+      // 增加延遲(待輸入完成後再進行搜尋)
 
+      function delay(fn, ms) {
 
+        let timer = 0
 
+        return function (...args) {
 
+          clearTimeout(timer)
 
+          timer = setTimeout(fn.bind(this, ...args), ms || 0)
 
+        }
 
+      }
 
+
 
+      // 搜尋
 
+      $('#blog_search').keyup(delay(function (e) {
 
+        // 搜尋全部文章需移除分類麵包屑
 
+        document.getElementById('category_name').style.display = 'none';
 
+        // 取得輸入框的值
 
+        let inputVal = $('#blog_search').val();
 
+        matchContent = "";
 
+        let falseItem = [];
 
+        contentsData.map((item, index) => {
 
+          // 搜尋特定分類文章
 
+          // if (item.categories) {
 
+          //   if (item.categories.includes(category)) {
 
+          // 搜尋所有分類文章
 
+          if (item.url !== '/blog') {
 
+            if (item.title.includes(inputVal) || item.description.includes(inputVal) || item.content.includes(inputVal)) {
 
+              matchContent += `
 
+                <div class="article-item">
 
+                  <a href="${item.url}">
 
+                    <img src="${item.image}" alt="">
 
+                  </a>
 
+                  <div class="d-flex flex-column">
 
+                    <a href="${item.url}">
 
+                      <h4>${item.title}</h4>
 
+                    </a>
 
+                    <p class="mt-auto my-2 fw-bold">${item.date.substr(0, 10)}</p>
 
+                    <a href="${item.url}" class="description">
 
+                      <p style="letter-spacing: 1px;">${item.description}</p>
 
+                    </a>
 
+                  </div>
 
+                </div>`
 
+            } else {
 
+              falseItem.push(item);
 
+            }
 
+
 
+            if (falseItem.length === contentsData.length - 1) {
 
+              matchContent = `
 
+            <div class="alert d-flex align-items-center" role="alert" style="max-width: 300px;margin: 0 auto 25px;justify-content: center;">
 
+              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-exclamation-triangle-fill flex-shrink-0 me-2" style="color: #808e4c;" viewBox="0 0 16 16" role="img" aria-label="Warning:">
 
+                <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
 
+              </svg>
 
+              <div>
 
+                找不到符合條件的文章
 
+              </div>
 
+            </div>
 
+            `;
 
+            }
 
+          }
 
+          //   }
 
+          // }
 
+        })
 
+        document.getElementById("articleList").innerHTML = matchContent;
 
+      }, 500));
 
+    }
 
+  </script>
 
+
 
+</body>
 
+
 
+</html>

+ 1 - 1
themes/hugo-universal-theme-master/layouts/maincategories/list.html
Vedi File 

@@ -23,7 +23,7 @@
 
   {{ partial "nav.html" . }}
 
   <div class="container-fluid blog-categories p-0">
 
     <div class="blog-banner"></div>
 
-    <!-- <img class="blog-banner" src="./img/bn_blog@2x.png" alt=""> -->
 
+    <!-- <img class="blog-banner" src="./img/bn_blog@2x.webp" alt=""> -->
 
     <div class="container">
 
       <nav
 
         style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&#34;);"

+ 23 - 23
themes/hugo-universal-theme-master/layouts/partials/footer.html
Vedi File 

@@ -113,28 +113,28 @@
 
         </h5>
 
         <ul class="pills-blog">
 
           <li>
 
-            <a href="/blog/">預售屋客變</a>
 
+            <a href="/blog/pre-sale-house-design-change/">預售屋客變</a>
 
           </li>
 
           <li>
 
-            <a href="/blog/">驗屋交屋</a>
 
+            <a href="/blog/house-acceptance-check/">驗屋交屋</a>
 
           </li>
 
           <li>
 
-            <a href="/blog/">預算準備</a>
 
+            <a href="/blog/budget-planning/">預算準備</a>
 
           </li>
 
           <li>
 
-            <a href="/blog/">認識裝修裝潢</a>
 
+            <a href="/blog/about-interior-decoration/">認識裝修裝潢</a>
 
           </li>
 
           <li>
 
-            <a href="/blog/">空間計畫</a>
 
+            <a href="/blog/floor-planning/">空間計畫</a>
 
           </li>
 
           <li>
 
-            <a href="/blog/">居家風格</a>
 
+            <a href="/blog/decoration-style/">居家風格</a>
 
           </li>
 
           <li>
 
-            <a href="/blog/">家具家電</a>
 
+            <a href="/blog/furnitures-appliances/">家具家電</a>
 
           </li>
 
           <li>
 
-            <a href="/blog/">驗收入住</a>
 
+            <a href="/blog/design-acceptanc-and-move-in/">驗收入住</a>
 
           </li>
 
         </ul>
 
       </div>
 
@@ -191,28 +191,28 @@
 
           <div class="tab-pane fade pills-blog" id="v-pills-blog" role="tabpanel" aria-labelledby="v-pills-blog-tab">
 
             <ul>
 
               <li>
 
-                <a href="/blog/">預售屋客變</a>
 
+                <a href="/blog/pre-sale-house-design-change/">預售屋客變</a>
 
               </li>
 
               <li>
 
-                <a href="/blog/">驗屋交屋</a>
 
+                <a href="/blog/house-acceptance-check/">驗屋交屋</a>
 
               </li>
 
               <li>
 
-                <a href="/blog/">預算準備</a>
 
+                <a href="/blog/budget-planning/">預算準備</a>
 
               </li>
 
               <li>
 
-                <a href="/blog/">認識裝修裝潢</a>
 
+                <a href="/blog/about-interior-decoration/">認識裝修裝潢</a>
 
               </li>
 
               <li>
 
-                <a href="/blog/">空間計畫</a>
 
+                <a href="/blog/floor-planning/">空間計畫</a>
 
               </li>
 
               <li>
 
-                <a href="/blog/">居家風格</a>
 
+                <a href="/blog/decoration-style/">居家風格</a>
 
               </li>
 
               <li>
 
-                <a href="/blog/">家具家電</a>
 
+                <a href="/blog/furnitures-appliances/">家具家電</a>
 
               </li>
 
               <li>
 
-                <a href="/blog/">驗收入住</a>
 
+                <a href="/blog/design-acceptanc-and-move-in/">驗收入住</a>
 
               </li>
 
             </ul>
 
           </div>
 
@@ -393,13 +393,13 @@
 
     //   breadcrumbMinor.style.display = "block";
 
     // }
 
 
-    const blogItem = document.querySelectorAll(".pills-blog a");
 
-    for (let i = 0; i < blogItem.length; i++) {
 
-      blogItem[i].addEventListener("click", function (e) {
 
-        let categoryName = this.innerHTML;
 
-        localStorage.setItem('category', categoryName)
 
-      });
 
-    }
 
+    // const blogItem = document.querySelectorAll(".pills-blog a");
 
+    // for (let i = 0; i < blogItem.length; i++) {
 
+    //   blogItem[i].addEventListener("click", function (e) {
 
+    //     let categoryName = this.innerHTML;
 
+    //     localStorage.setItem('category', categoryName)
 
+    //   });
 
+    // }
 
   })();
 
 </script>

+ 3 - 4
themes/hugo-universal-theme-master/layouts/partials/headers.html
Vedi File 

@@ -10,7 +10,7 @@
 
 <title>{{ $title_plain }}</title>
 
 {{ end }}
 
 <meta name="author" content="{{ .Param "author" }}" />
 
-<meta name="keywords" content="{{ .Site.Params.keywords }}" />
 
+<!-- <meta name="keywords" content="{{ .Site.Params.keywords }}" /> -->
 
 
 {{if or (eq .Type "collection") (eq .Type "blog") (eq .Type "news")  }}
 
 <meta name="description" content="{{ .Params.meta_description }}">
 
@@ -47,7 +47,6 @@
 
 <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
 
 
 <!-- CSS animations  -->
 
-<link href="{{ "css/animate.css" | relURL }}" rel="stylesheet">
 
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css">
 
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css">
 
 
@@ -75,8 +74,8 @@
 
 <link rel="apple-touch-icon" sizes="120x120" href="/img/logo.png" />
 
 
 <!-- owl carousel CSS -->
 
-<link href="{{ "css/owl.carousel.css" | relURL }}" rel="stylesheet">
 
-<link href="{{ "css/owl.theme.css" | relURL }}" rel="stylesheet">
 
+<!-- <link href="{{ "css/owl.carousel.css" | relURL }}" rel="stylesheet"> -->
 
+<!-- <link href="{{ "css/owl.theme.css" | relURL }}" rel="stylesheet"> -->
 
 
 
 <!-- RSS feed -->

+ 2 - 2
themes/hugo-universal-theme-master/layouts/partials/scripts.html
Vedi File 

@@ -19,8 +19,8 @@
 
 </script>
 
 {{ if and .Site.Params.enableGoogleMaps .Site.Params.googleMapsApiKey }}
 
 <script src="//maps.googleapis.com/maps/api/js?key={{.Site.Params.googleMapsApiKey}}&v=3.exp"></script>
 
-<script src="{{ " js/hpneo.gmaps.js" | relURL }}"></script>
 
-<script src="{{ " js/gmaps.init.js" | relURL }}"></script>
 
+<!-- <script src="{{ " js/hpneo.gmaps.js" | relURL }}"></script> -->
 
+<!-- <script src="{{ " js/gmaps.init.js" | relURL }}"></script> -->
 
 <script src="{{ " js/bhouse.js" | relURL }}"></script>
 
 {{ end }}
 
 {{ if and .Site.Params.enableRecaptchaInContactForm .Site.Params.googleRecaptchaKey }}

+ 0 - 3158
themes/hugo-universal-theme-master/static/css/animate.css
Vedi File 

@@ -1,3158 +0,0 @@
 
-@charset "UTF-8";
 
-/*!
 
-Animate.css - http://daneden.me/animate
 
-Licensed under the MIT license - http://opensource.org/licenses/MIT
 
-
 
-Copyright (c) 2014 Daniel Eden
 
-*/
 
-
 
-.animated {
 
-  -webkit-animation-duration: 1s;
 
-          animation-duration: 1s;
 
-  -webkit-animation-fill-mode: both;
 
-          animation-fill-mode: both;
 
-}
 
-
 
-.animated.infinite {
 
-  -webkit-animation-iteration-count: infinite;
 
-          animation-iteration-count: infinite;
 
-}
 
-
 
-.animated.hinge {
 
-  -webkit-animation-duration: 2s;
 
-          animation-duration: 2s;
 
-}
 
-
 
-@-webkit-keyframes bounce {
 
-  0%, 20%, 53%, 80%, 100% {
 
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-    -webkit-transform: translate3d(0,0,0);
 
-            transform: translate3d(0,0,0);
 
-  }
 
-
 
-  40%, 43% {
 
-    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 
-            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 
-    -webkit-transform: translate3d(0, -30px, 0);
 
-            transform: translate3d(0, -30px, 0);
 
-  }
 
-
 
-  70% {
 
-    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 
-            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 
-    -webkit-transform: translate3d(0, -15px, 0);
 
-            transform: translate3d(0, -15px, 0);
 
-  }
 
-
 
-  90% {
 
-    -webkit-transform: translate3d(0,-4px,0);
 
-            transform: translate3d(0,-4px,0);
 
-  }
 
-}
 
-
 
-@keyframes bounce {
 
-  0%, 20%, 53%, 80%, 100% {
 
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-    -webkit-transform: translate3d(0,0,0);
 
-            transform: translate3d(0,0,0);
 
-  }
 
-
 
-  40%, 43% {
 
-    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 
-            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 
-    -webkit-transform: translate3d(0, -30px, 0);
 
-            transform: translate3d(0, -30px, 0);
 
-  }
 
-
 
-  70% {
 
-    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 
-            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 
-    -webkit-transform: translate3d(0, -15px, 0);
 
-            transform: translate3d(0, -15px, 0);
 
-  }
 
-
 
-  90% {
 
-    -webkit-transform: translate3d(0,-4px,0);
 
-            transform: translate3d(0,-4px,0);
 
-  }
 
-}
 
-
 
-.bounce {
 
-  -webkit-animation-name: bounce;
 
-          animation-name: bounce;
 
-  -webkit-transform-origin: center bottom;
 
-      -ms-transform-origin: center bottom;
 
-          transform-origin: center bottom;
 
-}
 
-
 
-@-webkit-keyframes flash {
 
-  0%, 50%, 100% {
 
-    opacity: 1;
 
-  }
 
-
 
-  25%, 75% {
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-@keyframes flash {
 
-  0%, 50%, 100% {
 
-    opacity: 1;
 
-  }
 
-
 
-  25%, 75% {
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-.flash {
 
-  -webkit-animation-name: flash;
 
-          animation-name: flash;
 
-}
 
-
 
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
-
 
-@-webkit-keyframes pulse {
 
-  0% {
 
-    -webkit-transform: scale3d(1, 1, 1);
 
-            transform: scale3d(1, 1, 1);
 
-  }
 
-
 
-  50% {
 
-    -webkit-transform: scale3d(1.05, 1.05, 1.05);
 
-            transform: scale3d(1.05, 1.05, 1.05);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: scale3d(1, 1, 1);
 
-            transform: scale3d(1, 1, 1);
 
-  }
 
-}
 
-
 
-@keyframes pulse {
 
-  0% {
 
-    -webkit-transform: scale3d(1, 1, 1);
 
-            transform: scale3d(1, 1, 1);
 
-  }
 
-
 
-  50% {
 
-    -webkit-transform: scale3d(1.05, 1.05, 1.05);
 
-            transform: scale3d(1.05, 1.05, 1.05);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: scale3d(1, 1, 1);
 
-            transform: scale3d(1, 1, 1);
 
-  }
 
-}
 
-
 
-.pulse {
 
-  -webkit-animation-name: pulse;
 
-          animation-name: pulse;
 
-}
 
-
 
-@-webkit-keyframes rubberBand {
 
-  0% {
 
-    -webkit-transform: scale3d(1, 1, 1);
 
-            transform: scale3d(1, 1, 1);
 
-  }
 
-
 
-  30% {
 
-    -webkit-transform: scale3d(1.25, 0.75, 1);
 
-            transform: scale3d(1.25, 0.75, 1);
 
-  }
 
-
 
-  40% {
 
-    -webkit-transform: scale3d(0.75, 1.25, 1);
 
-            transform: scale3d(0.75, 1.25, 1);
 
-  }
 
-
 
-  50% {
 
-    -webkit-transform: scale3d(1.15, 0.85, 1);
 
-            transform: scale3d(1.15, 0.85, 1);
 
-  }
 
-
 
-  65% {
 
-    -webkit-transform: scale3d(.95, 1.05, 1);
 
-            transform: scale3d(.95, 1.05, 1);
 
-  }
 
-
 
-  75% {
 
-    -webkit-transform: scale3d(1.05, .95, 1);
 
-            transform: scale3d(1.05, .95, 1);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: scale3d(1, 1, 1);
 
-            transform: scale3d(1, 1, 1);
 
-  }
 
-}
 
-
 
-@keyframes rubberBand {
 
-  0% {
 
-    -webkit-transform: scale3d(1, 1, 1);
 
-            transform: scale3d(1, 1, 1);
 
-  }
 
-
 
-  30% {
 
-    -webkit-transform: scale3d(1.25, 0.75, 1);
 
-            transform: scale3d(1.25, 0.75, 1);
 
-  }
 
-
 
-  40% {
 
-    -webkit-transform: scale3d(0.75, 1.25, 1);
 
-            transform: scale3d(0.75, 1.25, 1);
 
-  }
 
-
 
-  50% {
 
-    -webkit-transform: scale3d(1.15, 0.85, 1);
 
-            transform: scale3d(1.15, 0.85, 1);
 
-  }
 
-
 
-  65% {
 
-    -webkit-transform: scale3d(.95, 1.05, 1);
 
-            transform: scale3d(.95, 1.05, 1);
 
-  }
 
-
 
-  75% {
 
-    -webkit-transform: scale3d(1.05, .95, 1);
 
-            transform: scale3d(1.05, .95, 1);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: scale3d(1, 1, 1);
 
-            transform: scale3d(1, 1, 1);
 
-  }
 
-}
 
-
 
-.rubberBand {
 
-  -webkit-animation-name: rubberBand;
 
-          animation-name: rubberBand;
 
-}
 
-
 
-@-webkit-keyframes shake {
 
-  0%, 100% {
 
-    -webkit-transform: translate3d(0, 0, 0);
 
-            transform: translate3d(0, 0, 0);
 
-  }
 
-
 
-  10%, 30%, 50%, 70%, 90% {
 
-    -webkit-transform: translate3d(-10px, 0, 0);
 
-            transform: translate3d(-10px, 0, 0);
 
-  }
 
-
 
-  20%, 40%, 60%, 80% {
 
-    -webkit-transform: translate3d(10px, 0, 0);
 
-            transform: translate3d(10px, 0, 0);
 
-  }
 
-}
 
-
 
-@keyframes shake {
 
-  0%, 100% {
 
-    -webkit-transform: translate3d(0, 0, 0);
 
-            transform: translate3d(0, 0, 0);
 
-  }
 
-
 
-  10%, 30%, 50%, 70%, 90% {
 
-    -webkit-transform: translate3d(-10px, 0, 0);
 
-            transform: translate3d(-10px, 0, 0);
 
-  }
 
-
 
-  20%, 40%, 60%, 80% {
 
-    -webkit-transform: translate3d(10px, 0, 0);
 
-            transform: translate3d(10px, 0, 0);
 
-  }
 
-}
 
-
 
-.shake {
 
-  -webkit-animation-name: shake;
 
-          animation-name: shake;
 
-}
 
-
 
-@-webkit-keyframes swing {
 
-  20% {
 
-    -webkit-transform: rotate3d(0, 0, 1, 15deg);
 
-            transform: rotate3d(0, 0, 1, 15deg);
 
-  }
 
-
 
-  40% {
 
-    -webkit-transform: rotate3d(0, 0, 1, -10deg);
 
-            transform: rotate3d(0, 0, 1, -10deg);
 
-  }
 
-
 
-  60% {
 
-    -webkit-transform: rotate3d(0, 0, 1, 5deg);
 
-            transform: rotate3d(0, 0, 1, 5deg);
 
-  }
 
-
 
-  80% {
 
-    -webkit-transform: rotate3d(0, 0, 1, -5deg);
 
-            transform: rotate3d(0, 0, 1, -5deg);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: rotate3d(0, 0, 1, 0deg);
 
-            transform: rotate3d(0, 0, 1, 0deg);
 
-  }
 
-}
 
-
 
-@keyframes swing {
 
-  20% {
 
-    -webkit-transform: rotate3d(0, 0, 1, 15deg);
 
-            transform: rotate3d(0, 0, 1, 15deg);
 
-  }
 
-
 
-  40% {
 
-    -webkit-transform: rotate3d(0, 0, 1, -10deg);
 
-            transform: rotate3d(0, 0, 1, -10deg);
 
-  }
 
-
 
-  60% {
 
-    -webkit-transform: rotate3d(0, 0, 1, 5deg);
 
-            transform: rotate3d(0, 0, 1, 5deg);
 
-  }
 
-
 
-  80% {
 
-    -webkit-transform: rotate3d(0, 0, 1, -5deg);
 
-            transform: rotate3d(0, 0, 1, -5deg);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: rotate3d(0, 0, 1, 0deg);
 
-            transform: rotate3d(0, 0, 1, 0deg);
 
-  }
 
-}
 
-
 
-.swing {
 
-  -webkit-transform-origin: top center;
 
-      -ms-transform-origin: top center;
 
-          transform-origin: top center;
 
-  -webkit-animation-name: swing;
 
-          animation-name: swing;
 
-}
 
-
 
-@-webkit-keyframes tada {
 
-  0% {
 
-    -webkit-transform: scale3d(1, 1, 1);
 
-            transform: scale3d(1, 1, 1);
 
-  }
 
-
 
-  10%, 20% {
 
-    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 
-            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 
-  }
 
-
 
-  30%, 50%, 70%, 90% {
 
-    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 
-            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 
-  }
 
-
 
-  40%, 60%, 80% {
 
-    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 
-            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: scale3d(1, 1, 1);
 
-            transform: scale3d(1, 1, 1);
 
-  }
 
-}
 
-
 
-@keyframes tada {
 
-  0% {
 
-    -webkit-transform: scale3d(1, 1, 1);
 
-            transform: scale3d(1, 1, 1);
 
-  }
 
-
 
-  10%, 20% {
 
-    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 
-            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 
-  }
 
-
 
-  30%, 50%, 70%, 90% {
 
-    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 
-            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 
-  }
 
-
 
-  40%, 60%, 80% {
 
-    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 
-            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: scale3d(1, 1, 1);
 
-            transform: scale3d(1, 1, 1);
 
-  }
 
-}
 
-
 
-.tada {
 
-  -webkit-animation-name: tada;
 
-          animation-name: tada;
 
-}
 
-
 
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
-
 
-@-webkit-keyframes wobble {
 
-  0% {
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-
 
-  15% {
 
-    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 
-            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 
-  }
 
-
 
-  30% {
 
-    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 
-            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 
-  }
 
-
 
-  45% {
 
-    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 
-            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 
-  }
 
-
 
-  60% {
 
-    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 
-            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 
-  }
 
-
 
-  75% {
 
-    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 
-            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-@keyframes wobble {
 
-  0% {
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-
 
-  15% {
 
-    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 
-            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 
-  }
 
-
 
-  30% {
 
-    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 
-            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 
-  }
 
-
 
-  45% {
 
-    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 
-            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 
-  }
 
-
 
-  60% {
 
-    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 
-            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 
-  }
 
-
 
-  75% {
 
-    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 
-            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-.wobble {
 
-  -webkit-animation-name: wobble;
 
-          animation-name: wobble;
 
-}
 
-
 
-@-webkit-keyframes bounceIn {
 
-  0%, 20%, 40%, 60%, 80%, 100% {
 
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-  }
 
-
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.3, .3, .3);
 
-            transform: scale3d(.3, .3, .3);
 
-  }
 
-
 
-  20% {
 
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
 
-            transform: scale3d(1.1, 1.1, 1.1);
 
-  }
 
-
 
-  40% {
 
-    -webkit-transform: scale3d(.9, .9, .9);
 
-            transform: scale3d(.9, .9, .9);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(1.03, 1.03, 1.03);
 
-            transform: scale3d(1.03, 1.03, 1.03);
 
-  }
 
-
 
-  80% {
 
-    -webkit-transform: scale3d(.97, .97, .97);
 
-            transform: scale3d(.97, .97, .97);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(1, 1, 1);
 
-            transform: scale3d(1, 1, 1);
 
-  }
 
-}
 
-
 
-@keyframes bounceIn {
 
-  0%, 20%, 40%, 60%, 80%, 100% {
 
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-  }
 
-
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.3, .3, .3);
 
-            transform: scale3d(.3, .3, .3);
 
-  }
 
-
 
-  20% {
 
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
 
-            transform: scale3d(1.1, 1.1, 1.1);
 
-  }
 
-
 
-  40% {
 
-    -webkit-transform: scale3d(.9, .9, .9);
 
-            transform: scale3d(.9, .9, .9);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(1.03, 1.03, 1.03);
 
-            transform: scale3d(1.03, 1.03, 1.03);
 
-  }
 
-
 
-  80% {
 
-    -webkit-transform: scale3d(.97, .97, .97);
 
-            transform: scale3d(.97, .97, .97);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(1, 1, 1);
 
-            transform: scale3d(1, 1, 1);
 
-  }
 
-}
 
-
 
-.bounceIn {
 
-  -webkit-animation-name: bounceIn;
 
-          animation-name: bounceIn;
 
-  -webkit-animation-duration: .75s;
 
-          animation-duration: .75s;
 
-}
 
-
 
-@-webkit-keyframes bounceInDown {
 
-  0%, 60%, 75%, 90%, 100% {
 
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-  }
 
-
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, -3000px, 0);
 
-            transform: translate3d(0, -3000px, 0);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: translate3d(0, 25px, 0);
 
-            transform: translate3d(0, 25px, 0);
 
-  }
 
-
 
-  75% {
 
-    -webkit-transform: translate3d(0, -10px, 0);
 
-            transform: translate3d(0, -10px, 0);
 
-  }
 
-
 
-  90% {
 
-    -webkit-transform: translate3d(0, 5px, 0);
 
-            transform: translate3d(0, 5px, 0);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-@keyframes bounceInDown {
 
-  0%, 60%, 75%, 90%, 100% {
 
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-  }
 
-
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, -3000px, 0);
 
-            transform: translate3d(0, -3000px, 0);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: translate3d(0, 25px, 0);
 
-            transform: translate3d(0, 25px, 0);
 
-  }
 
-
 
-  75% {
 
-    -webkit-transform: translate3d(0, -10px, 0);
 
-            transform: translate3d(0, -10px, 0);
 
-  }
 
-
 
-  90% {
 
-    -webkit-transform: translate3d(0, 5px, 0);
 
-            transform: translate3d(0, 5px, 0);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-.bounceInDown {
 
-  -webkit-animation-name: bounceInDown;
 
-          animation-name: bounceInDown;
 
-}
 
-
 
-@-webkit-keyframes bounceInLeft {
 
-  0%, 60%, 75%, 90%, 100% {
 
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-  }
 
-
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(-3000px, 0, 0);
 
-            transform: translate3d(-3000px, 0, 0);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: translate3d(25px, 0, 0);
 
-            transform: translate3d(25px, 0, 0);
 
-  }
 
-
 
-  75% {
 
-    -webkit-transform: translate3d(-10px, 0, 0);
 
-            transform: translate3d(-10px, 0, 0);
 
-  }
 
-
 
-  90% {
 
-    -webkit-transform: translate3d(5px, 0, 0);
 
-            transform: translate3d(5px, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-@keyframes bounceInLeft {
 
-  0%, 60%, 75%, 90%, 100% {
 
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-  }
 
-
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(-3000px, 0, 0);
 
-            transform: translate3d(-3000px, 0, 0);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: translate3d(25px, 0, 0);
 
-            transform: translate3d(25px, 0, 0);
 
-  }
 
-
 
-  75% {
 
-    -webkit-transform: translate3d(-10px, 0, 0);
 
-            transform: translate3d(-10px, 0, 0);
 
-  }
 
-
 
-  90% {
 
-    -webkit-transform: translate3d(5px, 0, 0);
 
-            transform: translate3d(5px, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-.bounceInLeft {
 
-  -webkit-animation-name: bounceInLeft;
 
-          animation-name: bounceInLeft;
 
-}
 
-
 
-@-webkit-keyframes bounceInRight {
 
-  0%, 60%, 75%, 90%, 100% {
 
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-  }
 
-
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(3000px, 0, 0);
 
-            transform: translate3d(3000px, 0, 0);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: translate3d(-25px, 0, 0);
 
-            transform: translate3d(-25px, 0, 0);
 
-  }
 
-
 
-  75% {
 
-    -webkit-transform: translate3d(10px, 0, 0);
 
-            transform: translate3d(10px, 0, 0);
 
-  }
 
-
 
-  90% {
 
-    -webkit-transform: translate3d(-5px, 0, 0);
 
-            transform: translate3d(-5px, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-@keyframes bounceInRight {
 
-  0%, 60%, 75%, 90%, 100% {
 
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-  }
 
-
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(3000px, 0, 0);
 
-            transform: translate3d(3000px, 0, 0);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: translate3d(-25px, 0, 0);
 
-            transform: translate3d(-25px, 0, 0);
 
-  }
 
-
 
-  75% {
 
-    -webkit-transform: translate3d(10px, 0, 0);
 
-            transform: translate3d(10px, 0, 0);
 
-  }
 
-
 
-  90% {
 
-    -webkit-transform: translate3d(-5px, 0, 0);
 
-            transform: translate3d(-5px, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-.bounceInRight {
 
-  -webkit-animation-name: bounceInRight;
 
-          animation-name: bounceInRight;
 
-}
 
-
 
-@-webkit-keyframes bounceInUp {
 
-  0%, 60%, 75%, 90%, 100% {
 
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-  }
 
-
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, 3000px, 0);
 
-            transform: translate3d(0, 3000px, 0);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: translate3d(0, -20px, 0);
 
-            transform: translate3d(0, -20px, 0);
 
-  }
 
-
 
-  75% {
 
-    -webkit-transform: translate3d(0, 10px, 0);
 
-            transform: translate3d(0, 10px, 0);
 
-  }
 
-
 
-  90% {
 
-    -webkit-transform: translate3d(0, -5px, 0);
 
-            transform: translate3d(0, -5px, 0);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: translate3d(0, 0, 0);
 
-            transform: translate3d(0, 0, 0);
 
-  }
 
-}
 
-
 
-@keyframes bounceInUp {
 
-  0%, 60%, 75%, 90%, 100% {
 
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 
-  }
 
-
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, 3000px, 0);
 
-            transform: translate3d(0, 3000px, 0);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: translate3d(0, -20px, 0);
 
-            transform: translate3d(0, -20px, 0);
 
-  }
 
-
 
-  75% {
 
-    -webkit-transform: translate3d(0, 10px, 0);
 
-            transform: translate3d(0, 10px, 0);
 
-  }
 
-
 
-  90% {
 
-    -webkit-transform: translate3d(0, -5px, 0);
 
-            transform: translate3d(0, -5px, 0);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: translate3d(0, 0, 0);
 
-            transform: translate3d(0, 0, 0);
 
-  }
 
-}
 
-
 
-.bounceInUp {
 
-  -webkit-animation-name: bounceInUp;
 
-          animation-name: bounceInUp;
 
-}
 
-
 
-@-webkit-keyframes bounceOut {
 
-  20% {
 
-    -webkit-transform: scale3d(.9, .9, .9);
 
-            transform: scale3d(.9, .9, .9);
 
-  }
 
-
 
-  50%, 55% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
 
-            transform: scale3d(1.1, 1.1, 1.1);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.3, .3, .3);
 
-            transform: scale3d(.3, .3, .3);
 
-  }
 
-}
 
-
 
-@keyframes bounceOut {
 
-  20% {
 
-    -webkit-transform: scale3d(.9, .9, .9);
 
-            transform: scale3d(.9, .9, .9);
 
-  }
 
-
 
-  50%, 55% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
 
-            transform: scale3d(1.1, 1.1, 1.1);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.3, .3, .3);
 
-            transform: scale3d(.3, .3, .3);
 
-  }
 
-}
 
-
 
-.bounceOut {
 
-  -webkit-animation-name: bounceOut;
 
-          animation-name: bounceOut;
 
-  -webkit-animation-duration: .75s;
 
-          animation-duration: .75s;
 
-}
 
-
 
-@-webkit-keyframes bounceOutDown {
 
-  20% {
 
-    -webkit-transform: translate3d(0, 10px, 0);
 
-            transform: translate3d(0, 10px, 0);
 
-  }
 
-
 
-  40%, 45% {
 
-    opacity: 1;
 
-    -webkit-transform: translate3d(0, -20px, 0);
 
-            transform: translate3d(0, -20px, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, 2000px, 0);
 
-            transform: translate3d(0, 2000px, 0);
 
-  }
 
-}
 
-
 
-@keyframes bounceOutDown {
 
-  20% {
 
-    -webkit-transform: translate3d(0, 10px, 0);
 
-            transform: translate3d(0, 10px, 0);
 
-  }
 
-
 
-  40%, 45% {
 
-    opacity: 1;
 
-    -webkit-transform: translate3d(0, -20px, 0);
 
-            transform: translate3d(0, -20px, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, 2000px, 0);
 
-            transform: translate3d(0, 2000px, 0);
 
-  }
 
-}
 
-
 
-.bounceOutDown {
 
-  -webkit-animation-name: bounceOutDown;
 
-          animation-name: bounceOutDown;
 
-}
 
-
 
-@-webkit-keyframes bounceOutLeft {
 
-  20% {
 
-    opacity: 1;
 
-    -webkit-transform: translate3d(20px, 0, 0);
 
-            transform: translate3d(20px, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(-2000px, 0, 0);
 
-            transform: translate3d(-2000px, 0, 0);
 
-  }
 
-}
 
-
 
-@keyframes bounceOutLeft {
 
-  20% {
 
-    opacity: 1;
 
-    -webkit-transform: translate3d(20px, 0, 0);
 
-            transform: translate3d(20px, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(-2000px, 0, 0);
 
-            transform: translate3d(-2000px, 0, 0);
 
-  }
 
-}
 
-
 
-.bounceOutLeft {
 
-  -webkit-animation-name: bounceOutLeft;
 
-          animation-name: bounceOutLeft;
 
-}
 
-
 
-@-webkit-keyframes bounceOutRight {
 
-  20% {
 
-    opacity: 1;
 
-    -webkit-transform: translate3d(-20px, 0, 0);
 
-            transform: translate3d(-20px, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(2000px, 0, 0);
 
-            transform: translate3d(2000px, 0, 0);
 
-  }
 
-}
 
-
 
-@keyframes bounceOutRight {
 
-  20% {
 
-    opacity: 1;
 
-    -webkit-transform: translate3d(-20px, 0, 0);
 
-            transform: translate3d(-20px, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(2000px, 0, 0);
 
-            transform: translate3d(2000px, 0, 0);
 
-  }
 
-}
 
-
 
-.bounceOutRight {
 
-  -webkit-animation-name: bounceOutRight;
 
-          animation-name: bounceOutRight;
 
-}
 
-
 
-@-webkit-keyframes bounceOutUp {
 
-  20% {
 
-    -webkit-transform: translate3d(0, -10px, 0);
 
-            transform: translate3d(0, -10px, 0);
 
-  }
 
-
 
-  40%, 45% {
 
-    opacity: 1;
 
-    -webkit-transform: translate3d(0, 20px, 0);
 
-            transform: translate3d(0, 20px, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, -2000px, 0);
 
-            transform: translate3d(0, -2000px, 0);
 
-  }
 
-}
 
-
 
-@keyframes bounceOutUp {
 
-  20% {
 
-    -webkit-transform: translate3d(0, -10px, 0);
 
-            transform: translate3d(0, -10px, 0);
 
-  }
 
-
 
-  40%, 45% {
 
-    opacity: 1;
 
-    -webkit-transform: translate3d(0, 20px, 0);
 
-            transform: translate3d(0, 20px, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, -2000px, 0);
 
-            transform: translate3d(0, -2000px, 0);
 
-  }
 
-}
 
-
 
-.bounceOutUp {
 
-  -webkit-animation-name: bounceOutUp;
 
-          animation-name: bounceOutUp;
 
-}
 
-
 
-@-webkit-keyframes fadeIn {
 
-  0% {opacity: 0;}
 
-  100% {opacity: 1;}
 
-}
 
-
 
-@keyframes fadeIn {
 
-  0% {opacity: 0;}
 
-  100% {opacity: 1;}
 
-}
 
-
 
-.fadeIn {
 
-  -webkit-animation-name: fadeIn;
 
-          animation-name: fadeIn;
 
-}
 
-
 
-@-webkit-keyframes fadeInDown {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, -100%, 0);
 
-            transform: translate3d(0, -100%, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-@keyframes fadeInDown {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, -100%, 0);
 
-            transform: translate3d(0, -100%, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-.fadeInDown {
 
-  -webkit-animation-name: fadeInDown;
 
-          animation-name: fadeInDown;
 
-}
 
-
 
-@-webkit-keyframes fadeInDownBig {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, -2000px, 0);
 
-            transform: translate3d(0, -2000px, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-@keyframes fadeInDownBig {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, -2000px, 0);
 
-            transform: translate3d(0, -2000px, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-.fadeInDownBig {
 
-  -webkit-animation-name: fadeInDownBig;
 
-          animation-name: fadeInDownBig;
 
-}
 
-
 
-@-webkit-keyframes fadeInLeft {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(-100%, 0, 0);
 
-            transform: translate3d(-100%, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-@keyframes fadeInLeft {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(-100%, 0, 0);
 
-            transform: translate3d(-100%, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-.fadeInLeft {
 
-  -webkit-animation-name: fadeInLeft;
 
-          animation-name: fadeInLeft;
 
-}
 
-
 
-@-webkit-keyframes fadeInLeftBig {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(-2000px, 0, 0);
 
-            transform: translate3d(-2000px, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-@keyframes fadeInLeftBig {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(-2000px, 0, 0);
 
-            transform: translate3d(-2000px, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-.fadeInLeftBig {
 
-  -webkit-animation-name: fadeInLeftBig;
 
-          animation-name: fadeInLeftBig;
 
-}
 
-
 
-@-webkit-keyframes fadeInRight {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(100%, 0, 0);
 
-            transform: translate3d(100%, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-@keyframes fadeInRight {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(100%, 0, 0);
 
-            transform: translate3d(100%, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-.fadeInRight {
 
-  -webkit-animation-name: fadeInRight;
 
-          animation-name: fadeInRight;
 
-}
 
-
 
-@-webkit-keyframes fadeInRightBig {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(2000px, 0, 0);
 
-            transform: translate3d(2000px, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-@keyframes fadeInRightBig {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(2000px, 0, 0);
 
-            transform: translate3d(2000px, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-.fadeInRightBig {
 
-  -webkit-animation-name: fadeInRightBig;
 
-          animation-name: fadeInRightBig;
 
-}
 
-
 
-@-webkit-keyframes fadeInUp {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, 100%, 0);
 
-            transform: translate3d(0, 100%, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-@keyframes fadeInUp {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, 100%, 0);
 
-            transform: translate3d(0, 100%, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-.fadeInUp {
 
-  -webkit-animation-name: fadeInUp;
 
-          animation-name: fadeInUp;
 
-}
 
-
 
-@-webkit-keyframes fadeInUpBig {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, 2000px, 0);
 
-            transform: translate3d(0, 2000px, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-@keyframes fadeInUpBig {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, 2000px, 0);
 
-            transform: translate3d(0, 2000px, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-.fadeInUpBig {
 
-  -webkit-animation-name: fadeInUpBig;
 
-          animation-name: fadeInUpBig;
 
-}
 
-
 
-@-webkit-keyframes fadeOut {
 
-  0% {opacity: 1;}
 
-  100% {opacity: 0;}
 
-}
 
-
 
-@keyframes fadeOut {
 
-  0% {opacity: 1;}
 
-  100% {opacity: 0;}
 
-}
 
-
 
-.fadeOut {
 
-  -webkit-animation-name: fadeOut;
 
-          animation-name: fadeOut;
 
-}
 
-
 
-@-webkit-keyframes fadeOutDown {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, 100%, 0);
 
-            transform: translate3d(0, 100%, 0);
 
-  }
 
-}
 
-
 
-@keyframes fadeOutDown {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, 100%, 0);
 
-            transform: translate3d(0, 100%, 0);
 
-  }
 
-}
 
-
 
-.fadeOutDown {
 
-  -webkit-animation-name: fadeOutDown;
 
-          animation-name: fadeOutDown;
 
-}
 
-
 
-@-webkit-keyframes fadeOutDownBig {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, 2000px, 0);
 
-            transform: translate3d(0, 2000px, 0);
 
-  }
 
-}
 
-
 
-@keyframes fadeOutDownBig {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, 2000px, 0);
 
-            transform: translate3d(0, 2000px, 0);
 
-  }
 
-}
 
-
 
-.fadeOutDownBig {
 
-  -webkit-animation-name: fadeOutDownBig;
 
-          animation-name: fadeOutDownBig;
 
-}
 
-
 
-@-webkit-keyframes fadeOutLeft {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(-100%, 0, 0);
 
-            transform: translate3d(-100%, 0, 0);
 
-  }
 
-}
 
-
 
-@keyframes fadeOutLeft {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(-100%, 0, 0);
 
-            transform: translate3d(-100%, 0, 0);
 
-  }
 
-}
 
-
 
-.fadeOutLeft {
 
-  -webkit-animation-name: fadeOutLeft;
 
-          animation-name: fadeOutLeft;
 
-}
 
-
 
-@-webkit-keyframes fadeOutLeftBig {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(-2000px, 0, 0);
 
-            transform: translate3d(-2000px, 0, 0);
 
-  }
 
-}
 
-
 
-@keyframes fadeOutLeftBig {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(-2000px, 0, 0);
 
-            transform: translate3d(-2000px, 0, 0);
 
-  }
 
-}
 
-
 
-.fadeOutLeftBig {
 
-  -webkit-animation-name: fadeOutLeftBig;
 
-          animation-name: fadeOutLeftBig;
 
-}
 
-
 
-@-webkit-keyframes fadeOutRight {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(100%, 0, 0);
 
-            transform: translate3d(100%, 0, 0);
 
-  }
 
-}
 
-
 
-@keyframes fadeOutRight {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(100%, 0, 0);
 
-            transform: translate3d(100%, 0, 0);
 
-  }
 
-}
 
-
 
-.fadeOutRight {
 
-  -webkit-animation-name: fadeOutRight;
 
-          animation-name: fadeOutRight;
 
-}
 
-
 
-@-webkit-keyframes fadeOutRightBig {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(2000px, 0, 0);
 
-            transform: translate3d(2000px, 0, 0);
 
-  }
 
-}
 
-
 
-@keyframes fadeOutRightBig {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(2000px, 0, 0);
 
-            transform: translate3d(2000px, 0, 0);
 
-  }
 
-}
 
-
 
-.fadeOutRightBig {
 
-  -webkit-animation-name: fadeOutRightBig;
 
-          animation-name: fadeOutRightBig;
 
-}
 
-
 
-@-webkit-keyframes fadeOutUp {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, -100%, 0);
 
-            transform: translate3d(0, -100%, 0);
 
-  }
 
-}
 
-
 
-@keyframes fadeOutUp {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, -100%, 0);
 
-            transform: translate3d(0, -100%, 0);
 
-  }
 
-}
 
-
 
-.fadeOutUp {
 
-  -webkit-animation-name: fadeOutUp;
 
-          animation-name: fadeOutUp;
 
-}
 
-
 
-@-webkit-keyframes fadeOutUpBig {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, -2000px, 0);
 
-            transform: translate3d(0, -2000px, 0);
 
-  }
 
-}
 
-
 
-@keyframes fadeOutUpBig {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(0, -2000px, 0);
 
-            transform: translate3d(0, -2000px, 0);
 
-  }
 
-}
 
-
 
-.fadeOutUpBig {
 
-  -webkit-animation-name: fadeOutUpBig;
 
-          animation-name: fadeOutUpBig;
 
-}
 
-
 
-@-webkit-keyframes flip {
 
-  0% {
 
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 
-            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 
-    -webkit-animation-timing-function: ease-out;
 
-            animation-timing-function: ease-out;
 
-  }
 
-
 
-  40% {
 
-    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 
-            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 
-    -webkit-animation-timing-function: ease-out;
 
-            animation-timing-function: ease-out;
 
-  }
 
-
 
-  50% {
 
-    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 
-            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 
-    -webkit-animation-timing-function: ease-in;
 
-            animation-timing-function: ease-in;
 
-  }
 
-
 
-  80% {
 
-    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
 
-            transform: perspective(400px) scale3d(.95, .95, .95);
 
-    -webkit-animation-timing-function: ease-in;
 
-            animation-timing-function: ease-in;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: perspective(400px);
 
-            transform: perspective(400px);
 
-    -webkit-animation-timing-function: ease-in;
 
-            animation-timing-function: ease-in;
 
-  }
 
-}
 
-
 
-@keyframes flip {
 
-  0% {
 
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 
-            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 
-    -webkit-animation-timing-function: ease-out;
 
-            animation-timing-function: ease-out;
 
-  }
 
-
 
-  40% {
 
-    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 
-            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 
-    -webkit-animation-timing-function: ease-out;
 
-            animation-timing-function: ease-out;
 
-  }
 
-
 
-  50% {
 
-    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 
-            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 
-    -webkit-animation-timing-function: ease-in;
 
-            animation-timing-function: ease-in;
 
-  }
 
-
 
-  80% {
 
-    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
 
-            transform: perspective(400px) scale3d(.95, .95, .95);
 
-    -webkit-animation-timing-function: ease-in;
 
-            animation-timing-function: ease-in;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: perspective(400px);
 
-            transform: perspective(400px);
 
-    -webkit-animation-timing-function: ease-in;
 
-            animation-timing-function: ease-in;
 
-  }
 
-}
 
-
 
-.animated.flip {
 
-  -webkit-backface-visibility: visible;
 
-          backface-visibility: visible;
 
-  -webkit-animation-name: flip;
 
-          animation-name: flip;
 
-}
 
-
 
-@-webkit-keyframes flipInX {
 
-  0% {
 
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 
-            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 
-    -webkit-transition-timing-function: ease-in;
 
-            transition-timing-function: ease-in;
 
-    opacity: 0;
 
-  }
 
-
 
-  40% {
 
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 
-            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 
-    -webkit-transition-timing-function: ease-in;
 
-            transition-timing-function: ease-in;
 
-  }
 
-
 
-  60% {
 
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 
-            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 
-    opacity: 1;
 
-  }
 
-
 
-  80% {
 
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 
-            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: perspective(400px);
 
-            transform: perspective(400px);
 
-  }
 
-}
 
-
 
-@keyframes flipInX {
 
-  0% {
 
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 
-            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 
-    -webkit-transition-timing-function: ease-in;
 
-            transition-timing-function: ease-in;
 
-    opacity: 0;
 
-  }
 
-
 
-  40% {
 
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 
-            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 
-    -webkit-transition-timing-function: ease-in;
 
-            transition-timing-function: ease-in;
 
-  }
 
-
 
-  60% {
 
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 
-            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 
-    opacity: 1;
 
-  }
 
-
 
-  80% {
 
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 
-            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: perspective(400px);
 
-            transform: perspective(400px);
 
-  }
 
-}
 
-
 
-.flipInX {
 
-  -webkit-backface-visibility: visible !important;
 
-          backface-visibility: visible !important;
 
-  -webkit-animation-name: flipInX;
 
-          animation-name: flipInX;
 
-}
 
-
 
-@-webkit-keyframes flipInY {
 
-  0% {
 
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 
-            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 
-    -webkit-transition-timing-function: ease-in;
 
-            transition-timing-function: ease-in;
 
-    opacity: 0;
 
-  }
 
-
 
-  40% {
 
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 
-            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 
-    -webkit-transition-timing-function: ease-in;
 
-            transition-timing-function: ease-in;
 
-  }
 
-
 
-  60% {
 
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 
-            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 
-    opacity: 1;
 
-  }
 
-
 
-  80% {
 
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 
-            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: perspective(400px);
 
-            transform: perspective(400px);
 
-  }
 
-}
 
-
 
-@keyframes flipInY {
 
-  0% {
 
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 
-            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 
-    -webkit-transition-timing-function: ease-in;
 
-            transition-timing-function: ease-in;
 
-    opacity: 0;
 
-  }
 
-
 
-  40% {
 
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 
-            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 
-    -webkit-transition-timing-function: ease-in;
 
-            transition-timing-function: ease-in;
 
-  }
 
-
 
-  60% {
 
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 
-            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 
-    opacity: 1;
 
-  }
 
-
 
-  80% {
 
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 
-            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: perspective(400px);
 
-            transform: perspective(400px);
 
-  }
 
-}
 
-
 
-.flipInY {
 
-  -webkit-backface-visibility: visible !important;
 
-          backface-visibility: visible !important;
 
-  -webkit-animation-name: flipInY;
 
-          animation-name: flipInY;
 
-}
 
-
 
-@-webkit-keyframes flipOutX {
 
-  0% {
 
-    -webkit-transform: perspective(400px);
 
-            transform: perspective(400px);
 
-  }
 
-
 
-  30% {
 
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 
-            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 
-            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-@keyframes flipOutX {
 
-  0% {
 
-    -webkit-transform: perspective(400px);
 
-            transform: perspective(400px);
 
-  }
 
-
 
-  30% {
 
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 
-            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 
-            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-.flipOutX {
 
-  -webkit-animation-name: flipOutX;
 
-          animation-name: flipOutX;
 
-  -webkit-animation-duration: .75s;
 
-          animation-duration: .75s;
 
-  -webkit-backface-visibility: visible !important;
 
-          backface-visibility: visible !important;
 
-}
 
-
 
-@-webkit-keyframes flipOutY {
 
-  0% {
 
-    -webkit-transform: perspective(400px);
 
-            transform: perspective(400px);
 
-  }
 
-
 
-  30% {
 
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 
-            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 
-            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-@keyframes flipOutY {
 
-  0% {
 
-    -webkit-transform: perspective(400px);
 
-            transform: perspective(400px);
 
-  }
 
-
 
-  30% {
 
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 
-            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 
-            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-.flipOutY {
 
-  -webkit-backface-visibility: visible !important;
 
-          backface-visibility: visible !important;
 
-  -webkit-animation-name: flipOutY;
 
-          animation-name: flipOutY;
 
-  -webkit-animation-duration: .75s;
 
-          animation-duration: .75s;
 
-}
 
-
 
-@-webkit-keyframes lightSpeedIn {
 
-  0% {
 
-    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 
-            transform: translate3d(100%, 0, 0) skewX(-30deg);
 
-    opacity: 0;
 
-  }
 
-
 
-  60% {
 
-    -webkit-transform: skewX(20deg);
 
-            transform: skewX(20deg);
 
-    opacity: 1;
 
-  }
 
-
 
-  80% {
 
-    -webkit-transform: skewX(-5deg);
 
-            transform: skewX(-5deg);
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: none;
 
-            transform: none;
 
-    opacity: 1;
 
-  }
 
-}
 
-
 
-@keyframes lightSpeedIn {
 
-  0% {
 
-    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 
-            transform: translate3d(100%, 0, 0) skewX(-30deg);
 
-    opacity: 0;
 
-  }
 
-
 
-  60% {
 
-    -webkit-transform: skewX(20deg);
 
-            transform: skewX(20deg);
 
-    opacity: 1;
 
-  }
 
-
 
-  80% {
 
-    -webkit-transform: skewX(-5deg);
 
-            transform: skewX(-5deg);
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: none;
 
-            transform: none;
 
-    opacity: 1;
 
-  }
 
-}
 
-
 
-.lightSpeedIn {
 
-  -webkit-animation-name: lightSpeedIn;
 
-          animation-name: lightSpeedIn;
 
-  -webkit-animation-timing-function: ease-out;
 
-          animation-timing-function: ease-out;
 
-}
 
-
 
-@-webkit-keyframes lightSpeedOut {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 
-            transform: translate3d(100%, 0, 0) skewX(30deg);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-@keyframes lightSpeedOut {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 
-            transform: translate3d(100%, 0, 0) skewX(30deg);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-.lightSpeedOut {
 
-  -webkit-animation-name: lightSpeedOut;
 
-          animation-name: lightSpeedOut;
 
-  -webkit-animation-timing-function: ease-in;
 
-          animation-timing-function: ease-in;
 
-}
 
-
 
-@-webkit-keyframes rotateIn {
 
-  0% {
 
-    -webkit-transform-origin: center;
 
-            transform-origin: center;
 
-    -webkit-transform: rotate3d(0, 0, 1, -200deg);
 
-            transform: rotate3d(0, 0, 1, -200deg);
 
-    opacity: 0;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: center;
 
-            transform-origin: center;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-    opacity: 1;
 
-  }
 
-}
 
-
 
-@keyframes rotateIn {
 
-  0% {
 
-    -webkit-transform-origin: center;
 
-            transform-origin: center;
 
-    -webkit-transform: rotate3d(0, 0, 1, -200deg);
 
-            transform: rotate3d(0, 0, 1, -200deg);
 
-    opacity: 0;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: center;
 
-            transform-origin: center;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-    opacity: 1;
 
-  }
 
-}
 
-
 
-.rotateIn {
 
-  -webkit-animation-name: rotateIn;
 
-          animation-name: rotateIn;
 
-}
 
-
 
-@-webkit-keyframes rotateInDownLeft {
 
-  0% {
 
-    -webkit-transform-origin: left bottom;
 
-            transform-origin: left bottom;
 
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 
-            transform: rotate3d(0, 0, 1, -45deg);
 
-    opacity: 0;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: left bottom;
 
-            transform-origin: left bottom;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-    opacity: 1;
 
-  }
 
-}
 
-
 
-@keyframes rotateInDownLeft {
 
-  0% {
 
-    -webkit-transform-origin: left bottom;
 
-            transform-origin: left bottom;
 
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 
-            transform: rotate3d(0, 0, 1, -45deg);
 
-    opacity: 0;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: left bottom;
 
-            transform-origin: left bottom;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-    opacity: 1;
 
-  }
 
-}
 
-
 
-.rotateInDownLeft {
 
-  -webkit-animation-name: rotateInDownLeft;
 
-          animation-name: rotateInDownLeft;
 
-}
 
-
 
-@-webkit-keyframes rotateInDownRight {
 
-  0% {
 
-    -webkit-transform-origin: right bottom;
 
-            transform-origin: right bottom;
 
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 
-            transform: rotate3d(0, 0, 1, 45deg);
 
-    opacity: 0;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: right bottom;
 
-            transform-origin: right bottom;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-    opacity: 1;
 
-  }
 
-}
 
-
 
-@keyframes rotateInDownRight {
 
-  0% {
 
-    -webkit-transform-origin: right bottom;
 
-            transform-origin: right bottom;
 
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 
-            transform: rotate3d(0, 0, 1, 45deg);
 
-    opacity: 0;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: right bottom;
 
-            transform-origin: right bottom;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-    opacity: 1;
 
-  }
 
-}
 
-
 
-.rotateInDownRight {
 
-  -webkit-animation-name: rotateInDownRight;
 
-          animation-name: rotateInDownRight;
 
-}
 
-
 
-@-webkit-keyframes rotateInUpLeft {
 
-  0% {
 
-    -webkit-transform-origin: left bottom;
 
-            transform-origin: left bottom;
 
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 
-            transform: rotate3d(0, 0, 1, 45deg);
 
-    opacity: 0;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: left bottom;
 
-            transform-origin: left bottom;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-    opacity: 1;
 
-  }
 
-}
 
-
 
-@keyframes rotateInUpLeft {
 
-  0% {
 
-    -webkit-transform-origin: left bottom;
 
-            transform-origin: left bottom;
 
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 
-            transform: rotate3d(0, 0, 1, 45deg);
 
-    opacity: 0;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: left bottom;
 
-            transform-origin: left bottom;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-    opacity: 1;
 
-  }
 
-}
 
-
 
-.rotateInUpLeft {
 
-  -webkit-animation-name: rotateInUpLeft;
 
-          animation-name: rotateInUpLeft;
 
-}
 
-
 
-@-webkit-keyframes rotateInUpRight {
 
-  0% {
 
-    -webkit-transform-origin: right bottom;
 
-            transform-origin: right bottom;
 
-    -webkit-transform: rotate3d(0, 0, 1, -90deg);
 
-            transform: rotate3d(0, 0, 1, -90deg);
 
-    opacity: 0;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: right bottom;
 
-            transform-origin: right bottom;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-    opacity: 1;
 
-  }
 
-}
 
-
 
-@keyframes rotateInUpRight {
 
-  0% {
 
-    -webkit-transform-origin: right bottom;
 
-            transform-origin: right bottom;
 
-    -webkit-transform: rotate3d(0, 0, 1, -90deg);
 
-            transform: rotate3d(0, 0, 1, -90deg);
 
-    opacity: 0;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: right bottom;
 
-            transform-origin: right bottom;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-    opacity: 1;
 
-  }
 
-}
 
-
 
-.rotateInUpRight {
 
-  -webkit-animation-name: rotateInUpRight;
 
-          animation-name: rotateInUpRight;
 
-}
 
-
 
-@-webkit-keyframes rotateOut {
 
-  0% {
 
-    -webkit-transform-origin: center;
 
-            transform-origin: center;
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: center;
 
-            transform-origin: center;
 
-    -webkit-transform: rotate3d(0, 0, 1, 200deg);
 
-            transform: rotate3d(0, 0, 1, 200deg);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-@keyframes rotateOut {
 
-  0% {
 
-    -webkit-transform-origin: center;
 
-            transform-origin: center;
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: center;
 
-            transform-origin: center;
 
-    -webkit-transform: rotate3d(0, 0, 1, 200deg);
 
-            transform: rotate3d(0, 0, 1, 200deg);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-.rotateOut {
 
-  -webkit-animation-name: rotateOut;
 
-          animation-name: rotateOut;
 
-}
 
-
 
-@-webkit-keyframes rotateOutDownLeft {
 
-  0% {
 
-    -webkit-transform-origin: left bottom;
 
-            transform-origin: left bottom;
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: left bottom;
 
-            transform-origin: left bottom;
 
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 
-            transform: rotate3d(0, 0, 1, 45deg);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-@keyframes rotateOutDownLeft {
 
-  0% {
 
-    -webkit-transform-origin: left bottom;
 
-            transform-origin: left bottom;
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: left bottom;
 
-            transform-origin: left bottom;
 
-    -webkit-transform: rotate3d(0, 0, 1, 45deg);
 
-            transform: rotate3d(0, 0, 1, 45deg);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-.rotateOutDownLeft {
 
-  -webkit-animation-name: rotateOutDownLeft;
 
-          animation-name: rotateOutDownLeft;
 
-}
 
-
 
-@-webkit-keyframes rotateOutDownRight {
 
-  0% {
 
-    -webkit-transform-origin: right bottom;
 
-            transform-origin: right bottom;
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: right bottom;
 
-            transform-origin: right bottom;
 
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 
-            transform: rotate3d(0, 0, 1, -45deg);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-@keyframes rotateOutDownRight {
 
-  0% {
 
-    -webkit-transform-origin: right bottom;
 
-            transform-origin: right bottom;
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: right bottom;
 
-            transform-origin: right bottom;
 
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 
-            transform: rotate3d(0, 0, 1, -45deg);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-.rotateOutDownRight {
 
-  -webkit-animation-name: rotateOutDownRight;
 
-          animation-name: rotateOutDownRight;
 
-}
 
-
 
-@-webkit-keyframes rotateOutUpLeft {
 
-  0% {
 
-    -webkit-transform-origin: left bottom;
 
-            transform-origin: left bottom;
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: left bottom;
 
-            transform-origin: left bottom;
 
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 
-            transform: rotate3d(0, 0, 1, -45deg);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-@keyframes rotateOutUpLeft {
 
-  0% {
 
-    -webkit-transform-origin: left bottom;
 
-            transform-origin: left bottom;
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: left bottom;
 
-            transform-origin: left bottom;
 
-    -webkit-transform: rotate3d(0, 0, 1, -45deg);
 
-            transform: rotate3d(0, 0, 1, -45deg);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-.rotateOutUpLeft {
 
-  -webkit-animation-name: rotateOutUpLeft;
 
-          animation-name: rotateOutUpLeft;
 
-}
 
-
 
-@-webkit-keyframes rotateOutUpRight {
 
-  0% {
 
-    -webkit-transform-origin: right bottom;
 
-            transform-origin: right bottom;
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: right bottom;
 
-            transform-origin: right bottom;
 
-    -webkit-transform: rotate3d(0, 0, 1, 90deg);
 
-            transform: rotate3d(0, 0, 1, 90deg);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-@keyframes rotateOutUpRight {
 
-  0% {
 
-    -webkit-transform-origin: right bottom;
 
-            transform-origin: right bottom;
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform-origin: right bottom;
 
-            transform-origin: right bottom;
 
-    -webkit-transform: rotate3d(0, 0, 1, 90deg);
 
-            transform: rotate3d(0, 0, 1, 90deg);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-.rotateOutUpRight {
 
-  -webkit-animation-name: rotateOutUpRight;
 
-          animation-name: rotateOutUpRight;
 
-}
 
-
 
-@-webkit-keyframes hinge {
 
-  0% {
 
-    -webkit-transform-origin: top left;
 
-            transform-origin: top left;
 
-    -webkit-animation-timing-function: ease-in-out;
 
-            animation-timing-function: ease-in-out;
 
-  }
 
-
 
-  20%, 60% {
 
-    -webkit-transform: rotate3d(0, 0, 1, 80deg);
 
-            transform: rotate3d(0, 0, 1, 80deg);
 
-    -webkit-transform-origin: top left;
 
-            transform-origin: top left;
 
-    -webkit-animation-timing-function: ease-in-out;
 
-            animation-timing-function: ease-in-out;
 
-  }
 
-
 
-  40%, 80% {
 
-    -webkit-transform: rotate3d(0, 0, 1, 60deg);
 
-            transform: rotate3d(0, 0, 1, 60deg);
 
-    -webkit-transform-origin: top left;
 
-            transform-origin: top left;
 
-    -webkit-animation-timing-function: ease-in-out;
 
-            animation-timing-function: ease-in-out;
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: translate3d(0, 700px, 0);
 
-            transform: translate3d(0, 700px, 0);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-@keyframes hinge {
 
-  0% {
 
-    -webkit-transform-origin: top left;
 
-            transform-origin: top left;
 
-    -webkit-animation-timing-function: ease-in-out;
 
-            animation-timing-function: ease-in-out;
 
-  }
 
-
 
-  20%, 60% {
 
-    -webkit-transform: rotate3d(0, 0, 1, 80deg);
 
-            transform: rotate3d(0, 0, 1, 80deg);
 
-    -webkit-transform-origin: top left;
 
-            transform-origin: top left;
 
-    -webkit-animation-timing-function: ease-in-out;
 
-            animation-timing-function: ease-in-out;
 
-  }
 
-
 
-  40%, 80% {
 
-    -webkit-transform: rotate3d(0, 0, 1, 60deg);
 
-            transform: rotate3d(0, 0, 1, 60deg);
 
-    -webkit-transform-origin: top left;
 
-            transform-origin: top left;
 
-    -webkit-animation-timing-function: ease-in-out;
 
-            animation-timing-function: ease-in-out;
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: translate3d(0, 700px, 0);
 
-            transform: translate3d(0, 700px, 0);
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-.hinge {
 
-  -webkit-animation-name: hinge;
 
-          animation-name: hinge;
 
-}
 
-
 
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
-
 
-@-webkit-keyframes rollIn {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 
-            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-@keyframes rollIn {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 
-            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 
-  }
 
-
 
-  100% {
 
-    opacity: 1;
 
-    -webkit-transform: none;
 
-            transform: none;
 
-  }
 
-}
 
-
 
-.rollIn {
 
-  -webkit-animation-name: rollIn;
 
-          animation-name: rollIn;
 
-}
 
-
 
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
-
 
-@-webkit-keyframes rollOut {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 
-            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 
-  }
 
-}
 
-
 
-@keyframes rollOut {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 
-            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 
-  }
 
-}
 
-
 
-.rollOut {
 
-  -webkit-animation-name: rollOut;
 
-          animation-name: rollOut;
 
-}
 
-
 
-@-webkit-keyframes zoomIn {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.3, .3, .3);
 
-            transform: scale3d(.3, .3, .3);
 
-  }
 
-
 
-  50% {
 
-    opacity: 1;
 
-  }
 
-}
 
-
 
-@keyframes zoomIn {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.3, .3, .3);
 
-            transform: scale3d(.3, .3, .3);
 
-  }
 
-
 
-  50% {
 
-    opacity: 1;
 
-  }
 
-}
 
-
 
-.zoomIn {
 
-  -webkit-animation-name: zoomIn;
 
-          animation-name: zoomIn;
 
-}
 
-
 
-@-webkit-keyframes zoomInDown {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 
-            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 
-            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-  }
 
-}
 
-
 
-@keyframes zoomInDown {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 
-            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 
-            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-  }
 
-}
 
-
 
-.zoomInDown {
 
-  -webkit-animation-name: zoomInDown;
 
-          animation-name: zoomInDown;
 
-}
 
-
 
-@-webkit-keyframes zoomInLeft {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 
-            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 
-            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-  }
 
-}
 
-
 
-@keyframes zoomInLeft {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 
-            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 
-            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-  }
 
-}
 
-
 
-.zoomInLeft {
 
-  -webkit-animation-name: zoomInLeft;
 
-          animation-name: zoomInLeft;
 
-}
 
-
 
-@-webkit-keyframes zoomInRight {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 
-            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 
-            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-  }
 
-}
 
-
 
-@keyframes zoomInRight {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 
-            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 
-            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-  }
 
-}
 
-
 
-.zoomInRight {
 
-  -webkit-animation-name: zoomInRight;
 
-          animation-name: zoomInRight;
 
-}
 
-
 
-@-webkit-keyframes zoomInUp {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 
-            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 
-            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-  }
 
-}
 
-
 
-@keyframes zoomInUp {
 
-  0% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 
-            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-  }
 
-
 
-  60% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 
-            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-  }
 
-}
 
-
 
-.zoomInUp {
 
-  -webkit-animation-name: zoomInUp;
 
-          animation-name: zoomInUp;
 
-}
 
-
 
-@-webkit-keyframes zoomOut {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  50% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.3, .3, .3);
 
-            transform: scale3d(.3, .3, .3);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-@keyframes zoomOut {
 
-  0% {
 
-    opacity: 1;
 
-  }
 
-
 
-  50% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.3, .3, .3);
 
-            transform: scale3d(.3, .3, .3);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-  }
 
-}
 
-
 
-.zoomOut {
 
-  -webkit-animation-name: zoomOut;
 
-          animation-name: zoomOut;
 
-}
 
-
 
-@-webkit-keyframes zoomOutDown {
 
-  40% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 
-            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 
-            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 
-    -webkit-transform-origin: center bottom;
 
-            transform-origin: center bottom;
 
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-  }
 
-}
 
-
 
-@keyframes zoomOutDown {
 
-  40% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 
-            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 
-            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 
-    -webkit-transform-origin: center bottom;
 
-            transform-origin: center bottom;
 
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-  }
 
-}
 
-
 
-.zoomOutDown {
 
-  -webkit-animation-name: zoomOutDown;
 
-          animation-name: zoomOutDown;
 
-}
 
-
 
-@-webkit-keyframes zoomOutLeft {
 
-  40% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 
-            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
 
-            transform: scale(.1) translate3d(-2000px, 0, 0);
 
-    -webkit-transform-origin: left center;
 
-            transform-origin: left center;
 
-  }
 
-}
 
-
 
-@keyframes zoomOutLeft {
 
-  40% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 
-            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
 
-            transform: scale(.1) translate3d(-2000px, 0, 0);
 
-    -webkit-transform-origin: left center;
 
-            transform-origin: left center;
 
-  }
 
-}
 
-
 
-.zoomOutLeft {
 
-  -webkit-animation-name: zoomOutLeft;
 
-          animation-name: zoomOutLeft;
 
-}
 
-
 
-@-webkit-keyframes zoomOutRight {
 
-  40% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 
-            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
 
-            transform: scale(.1) translate3d(2000px, 0, 0);
 
-    -webkit-transform-origin: right center;
 
-            transform-origin: right center;
 
-  }
 
-}
 
-
 
-@keyframes zoomOutRight {
 
-  40% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 
-            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
 
-            transform: scale(.1) translate3d(2000px, 0, 0);
 
-    -webkit-transform-origin: right center;
 
-            transform-origin: right center;
 
-  }
 
-}
 
-
 
-.zoomOutRight {
 
-  -webkit-animation-name: zoomOutRight;
 
-          animation-name: zoomOutRight;
 
-}
 
-
 
-@-webkit-keyframes zoomOutUp {
 
-  40% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 
-            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 
-            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 
-    -webkit-transform-origin: center bottom;
 
-            transform-origin: center bottom;
 
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-  }
 
-}
 
-
 
-@keyframes zoomOutUp {
 
-  40% {
 
-    opacity: 1;
 
-    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 
-            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 
-    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
 
-  }
 
-
 
-  100% {
 
-    opacity: 0;
 
-    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 
-            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 
-    -webkit-transform-origin: center bottom;
 
-            transform-origin: center bottom;
 
-    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 
-  }
 
-}
 
-
 
-.zoomOutUp {
 
-  -webkit-animation-name: zoomOutUp;
 
-          animation-name: zoomOutUp;
 
-}
 
-
 
-@-webkit-keyframes slideInDown {
 
-  0% {
 
-    -webkit-transform: translateY(-100%);
 
-            transform: translateY(-100%);
 
-    visibility: visible;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: translateY(0);
 
-            transform: translateY(0);
 
-  }
 
-}
 
-
 
-@keyframes slideInDown {
 
-  0% {
 
-    -webkit-transform: translateY(-100%);
 
-            transform: translateY(-100%);
 
-    visibility: visible;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: translateY(0);
 
-            transform: translateY(0);
 
-  }
 
-}
 
-
 
-.slideInDown {
 
-  -webkit-animation-name: slideInDown;
 
-          animation-name: slideInDown;
 
-}
 
-
 
-@-webkit-keyframes slideInLeft {
 
-  0% {
 
-    -webkit-transform: translateX(-100%);
 
-            transform: translateX(-100%);
 
-    visibility: visible;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: translateX(0);
 
-            transform: translateX(0);
 
-  }
 
-}
 
-
 
-@keyframes slideInLeft {
 
-  0% {
 
-    -webkit-transform: translateX(-100%);
 
-            transform: translateX(-100%);
 
-    visibility: visible;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: translateX(0);
 
-            transform: translateX(0);
 
-  }
 
-}
 
-
 
-.slideInLeft {
 
-  -webkit-animation-name: slideInLeft;
 
-          animation-name: slideInLeft;
 
-}
 
-
 
-@-webkit-keyframes slideInRight {
 
-  0% {
 
-    -webkit-transform: translateX(100%);
 
-            transform: translateX(100%);
 
-    visibility: visible;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: translateX(0);
 
-            transform: translateX(0);
 
-  }
 
-}
 
-
 
-@keyframes slideInRight {
 
-  0% {
 
-    -webkit-transform: translateX(100%);
 
-            transform: translateX(100%);
 
-    visibility: visible;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: translateX(0);
 
-            transform: translateX(0);
 
-  }
 
-}
 
-
 
-.slideInRight {
 
-  -webkit-animation-name: slideInRight;
 
-          animation-name: slideInRight;
 
-}
 
-
 
-@-webkit-keyframes slideInUp {
 
-  0% {
 
-    -webkit-transform: translateY(100%);
 
-            transform: translateY(100%);
 
-    visibility: visible;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: translateY(0);
 
-            transform: translateY(0);
 
-  }
 
-}
 
-
 
-@keyframes slideInUp {
 
-  0% {
 
-    -webkit-transform: translateY(100%);
 
-            transform: translateY(100%);
 
-    visibility: visible;
 
-  }
 
-
 
-  100% {
 
-    -webkit-transform: translateY(0);
 
-            transform: translateY(0);
 
-  }
 
-}
 
-
 
-.slideInUp {
 
-  -webkit-animation-name: slideInUp;
 
-          animation-name: slideInUp;
 
-}
 
-
 
-@-webkit-keyframes slideOutDown {
 
-  0% {
 
-    -webkit-transform: translateY(0);
 
-            transform: translateY(0);
 
-  }
 
-
 
-  100% {
 
-    visibility: hidden;
 
-    -webkit-transform: translateY(100%);
 
-            transform: translateY(100%);
 
-  }
 
-}
 
-
 
-@keyframes slideOutDown {
 
-  0% {
 
-    -webkit-transform: translateY(0);
 
-            transform: translateY(0);
 
-  }
 
-
 
-  100% {
 
-    visibility: hidden;
 
-    -webkit-transform: translateY(100%);
 
-            transform: translateY(100%);
 
-  }
 
-}
 
-
 
-.slideOutDown {
 
-  -webkit-animation-name: slideOutDown;
 
-          animation-name: slideOutDown;
 
-}
 
-
 
-@-webkit-keyframes slideOutLeft {
 
-  0% {
 
-    -webkit-transform: translateX(0);
 
-            transform: translateX(0);
 
-  }
 
-
 
-  100% {
 
-    visibility: hidden;
 
-    -webkit-transform: translateX(-100%);
 
-            transform: translateX(-100%);
 
-  }
 
-}
 
-
 
-@keyframes slideOutLeft {
 
-  0% {
 
-    -webkit-transform: translateX(0);
 
-            transform: translateX(0);
 
-  }
 
-
 
-  100% {
 
-    visibility: hidden;
 
-    -webkit-transform: translateX(-100%);
 
-            transform: translateX(-100%);
 
-  }
 
-}
 
-
 
-.slideOutLeft {
 
-  -webkit-animation-name: slideOutLeft;
 
-          animation-name: slideOutLeft;
 
-}
 
-
 
-@-webkit-keyframes slideOutRight {
 
-  0% {
 
-    -webkit-transform: translateX(0);
 
-            transform: translateX(0);
 
-  }
 
-
 
-  100% {
 
-    visibility: hidden;
 
-    -webkit-transform: translateX(100%);
 
-            transform: translateX(100%);
 
-  }
 
-}
 
-
 
-@keyframes slideOutRight {
 
-  0% {
 
-    -webkit-transform: translateX(0);
 
-            transform: translateX(0);
 
-  }
 
-
 
-  100% {
 
-    visibility: hidden;
 
-    -webkit-transform: translateX(100%);
 
-            transform: translateX(100%);
 
-  }
 
-}
 
-
 
-.slideOutRight {
 
-  -webkit-animation-name: slideOutRight;
 
-          animation-name: slideOutRight;
 
-}
 
-
 
-@-webkit-keyframes slideOutUp {
 
-  0% {
 
-    -webkit-transform: translateY(0);
 
-            transform: translateY(0);
 
-  }
 
-
 
-  100% {
 
-    visibility: hidden;
 
-    -webkit-transform: translateY(-100%);
 
-            transform: translateY(-100%);
 
-  }
 
-}
 
-
 
-@keyframes slideOutUp {
 
-  0% {
 
-    -webkit-transform: translateY(0);
 
-            transform: translateY(0);
 
-  }
 
-
 
-  100% {
 
-    visibility: hidden;
 
-    -webkit-transform: translateY(-100%);
 
-            transform: translateY(-100%);
 
-  }
 
-}
 
-
 
-.slideOutUp {
 
-  -webkit-animation-name: slideOutUp;
 
-          animation-name: slideOutUp;
 
-}

+ 0 - 70
themes/hugo-universal-theme-master/static/css/owl.carousel.css
Vedi File 

@@ -1,70 +0,0 @@
 
-/*
 
- * 	Core Owl Carousel CSS File
 
- *	v1.3.2
 
- */
 
-
 
-/* clearfix */
 
-.owl-carousel .owl-wrapper:after {
 
-	content: ".";
 
-	display: block;
 
-	clear: both;
 
-	visibility: hidden;
 
-	line-height: 0;
 
-	height: 0;
 
-}
 
-/* display none until init */
 
-.owl-carousel{
 
-	display: none;
 
-	position: relative;
 
-	width: 100%;
 
-	-ms-touch-action: pan-y;
 
-}
 
-.owl-carousel .owl-wrapper{
 
-	display: none;
 
-	position: relative;
 
-	-webkit-transform: translate3d(0px, 0px, 0px);
 
-}
 
-.owl-carousel .owl-wrapper-outer{
 
-	overflow: hidden;
 
-	position: relative;
 
-	width: 100%;
 
-}
 
-.owl-carousel .owl-wrapper-outer.autoHeight{
 
-	-webkit-transition: height 500ms ease-in-out;
 
-	-moz-transition: height 500ms ease-in-out;
 
-	-ms-transition: height 500ms ease-in-out;
 
-	-o-transition: height 500ms ease-in-out;
 
-	transition: height 500ms ease-in-out;
 
-}
 
-
 
-.owl-carousel .owl-item{
 
-	float: left;
 
-}
 
-.owl-controls .owl-page,
 
-.owl-controls .owl-buttons div{
 
-	cursor: pointer;
 
-}
 
-.owl-controls {
 
-	-webkit-user-select: none;
 
-	-khtml-user-select: none;
 
-	-moz-user-select: none;
 
-	-ms-user-select: none;
 
-	user-select: none;
 
-	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
-}
 
-
 
-/* mouse grab icon */
 
-.grabbing {
 
-    cursor:url(/img/grabbing.png) 8 8, move;
 
-}
 
-
 
-/* fix */
 
-.owl-carousel  .owl-wrapper,
 
-.owl-carousel  .owl-item{
 
-	-webkit-backface-visibility: hidden;
 
-	-moz-backface-visibility:    hidden;
 
-	-ms-backface-visibility:     hidden;
 
-  -webkit-transform: translate3d(0,0,0);
 
-  -moz-transform: translate3d(0,0,0);
 
-  -ms-transform: translate3d(0,0,0);
 
-}

+ 0 - 69
themes/hugo-universal-theme-master/static/css/owl.theme.css
Vedi File 

@@ -1,69 +0,0 @@
 
-/*
 
-* 	Owl Carousel Owl Demo Theme 
-*	v1.3.2
 
-*/
 
-
 
-.owl-theme .owl-controls{
 
-	margin-top: 10px;
 
-	text-align: center;
 
-}
 
-
 
-/* Styling Next and Prev buttons */
 
-
 
-.owl-theme .owl-controls .owl-buttons div{
 
-	display: inline-block;
 
-	zoom: 1;
 
-	*display: inline;/*IE7 life-saver */
 
-}
 
-/* Clickable class fix problem with hover on touch devices */
 
-/* Use it for non-touch hover action */
 
-.owl-theme .owl-controls.clickable .owl-buttons div:hover{
 
-	filter: Alpha(Opacity=100);/*IE7 fix*/
 
-	opacity: 1;
 
-	text-decoration: none;
 
-}
 
-
 
-/* Styling Pagination*/
 
-
 
-.owl-theme .owl-controls .owl-page{
 
-	display: inline-block;
 
-	zoom: 1;
 
-	*display: inline;/*IE7 life-saver */
 
-}
 
-.owl-theme .owl-controls .owl-page span{
 
-	display: block;
 
-	width: 12px;
 
-	height: 12px;
 
-	margin: 5px 7px;
 
-	filter: Alpha(Opacity=50);/*IE7 fix*/
 
-	opacity: 0.5;
 
-	-webkit-border-radius: 20px;
 
-	-moz-border-radius: 20px;
 
-	border-radius: 20px;
 
-	background: #869791;
 
-}
 
-
 
-.owl-theme .owl-controls .owl-page.active span,
 
-.owl-theme .owl-controls.clickable .owl-page:hover span{
 
-	filter: Alpha(Opacity=100);/*IE7 fix*/
 
-	opacity: 1;
 
-}
 
-
 
-/* If PaginationNumbers is true */
 
-
 
-.owl-theme .owl-controls .owl-page span.owl-numbers{
 
-	height: auto;
 
-	width: auto;
 
-	color: #FFF;
 
-	padding: 2px 10px;
 
-	font-size: 12px;
 
-	-webkit-border-radius: 30px;
 
-	-moz-border-radius: 30px;
 
-	border-radius: 30px;
 
-}
 
-
 
-/* preloading images */
 
-.owl-item.loading{
 
-	min-height: 150px;
 
-	background: url(AjaxLoader.gif) no-repeat center center
 
-}

+ 497 - 60
themes/hugo-universal-theme-master/static/css/style.bhouse.css
Vedi File 

@@ -563,7 +563,6 @@ button {
 
 .footer .copyright,
 
 .footer .copyright a {
 
   color: #68686b;
 
-  font-weight: 400;
 
   letter-spacing: 1px;
 
 }
 
 
@@ -733,16 +732,16 @@ button {
 
   transition: all 0.5s;
 
 }
 
 .home-content .bg-portfolio .bg-img {
 
-  background-image: url(/img/home/X-1-02.png);
 
+  background-image: url(/img/home/X-1-02.webp);
 
 }
 
 .home-content .bg-serve .bg-img {
 
-  background-image: url(/img/home/X-1-03.png);
 
+  background-image: url(/img/home/X-1-03.webp);
 
 }
 
 .home-content .bg-qa .bg-img {
 
-  background-image: url(/img/home/X-1-04.png);
 
+  background-image: url(/img/home/X-1-04.webp);
 
 }
 
 .home-content .bg-store .bg-img {
 
-  background-image: url(/img/home/X-1-05.png);
 
+  background-image: url(/img/home/X-1-05.webp);
 
 }
 
 
 .reserve {
 
@@ -1020,7 +1019,6 @@ button {
 
 
 .bhouseweb_item_type {
 
   cursor: pointer;
 
-  font-weight: 400 !important;
 
 }
 
 
 .readMore {
 
@@ -1157,7 +1155,6 @@ button {
 
   background: #565656 !important;
 
   border: none;
 
   font-size: 14.4px;
 
-  font-weight: 400;
 
   line-height: 1.5;
 
   outline: none;
 
   color: #bcbcbc;
 
@@ -1309,19 +1306,19 @@ input[type=search]::-webkit-search-cancel-button {
 
 /* 成家故事作品集-collection end */
 
 /* 成家故事作品集內頁-simple_korean_style_hous start */
 
 .bg-portfolio .bg-img {
 
-  background-image: url(/img/home/X-1-02.png);
 
+  background-image: url(/img/home/X-1-02.webp);
 
 }
 
 
 .bg-serve .bg-img {
 
-  background-image: url(/img/home/X-1-03.png);
 
+  background-image: url(/img/home/X-1-03.webp);
 
 }
 
 
 .bg-qa .bg-img {
 
-  background-image: url(/img/home/X-1-04.png);
 
+  background-image: url(/img/home/X-1-04.webp);
 
 }
 
 
 .bg-store .bg-img {
 
-  background-image: url(/img/home/X-1-05.png);
 
+  background-image: url(/img/home/X-1-05.webp);
 
 }
 
 
 .icon-box {
 
@@ -1575,7 +1572,6 @@ input[type=search]::-webkit-search-cancel-button {
 
   width: 15%;
 
   padding-left: 15px;
 
   padding-top: 10px;
 
-  font-weight: 400;
 
 }
 
 
 @media screen and (max-width: 767px) {
 
@@ -1615,10 +1611,6 @@ input[type=search]::-webkit-search-cancel-button {
 
   font-weight: 500 !important;
 
 }
 
 
-.style_house_sec03 .table2 td {
 
-  font-weight: 400;
 
-}
 
-
 
 @media screen and (max-width: 767px) {
 
   .style_house_sec03 .table2 th {
 
     width: 25%;
 
@@ -1685,7 +1677,305 @@ input[type=search]::-webkit-search-cancel-button {
 
 
 /* 成家故事作品集內頁-simple_korean_style_hous end */
 
 /* 成家設計服務-room_planner start */
 
-/* 成家設計服務-room_planner start */
 
+.process {
 
+  padding: 85px 0 60px;
 
+  background-color: #f0f6dd;
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+  align-items: center;
 
+  position: relative;
 
+}
 
+@media (max-width: 767px) {
 
+  .process {
 
+    padding: 100px 0 60px;
 
+  }
 
+}
 
+.process .dot,
 
+.process .dot_mb {
 
+  position: absolute;
 
+}
 
+.process .dot::before,
 
+.process .dot_mb::before {
 
+  content: "\a";
 
+  width: 10px;
 
+  height: 10px;
 
+  margin: 0 10px;
 
+  border-radius: 50%;
 
+  display: inline-block;
 
+  background: #649e2e;
 
+  position: absolute;
 
+  z-index: 0;
 
+  top: 33px;
 
+  left: 0;
 
+  -webkit-animation: dot2 8s infinite;
 
+          animation: dot2 8s infinite;
 
+}
 
+@media (min-width: 576px) {
 
+  .process .dot_mb::before {
 
+    -webkit-animation: none;
 
+            animation: none;
 
+  }
 
+}
 
+.process .room-planner-process-ruler2 {
 
+  width: 118px;
 
+  position: absolute;
 
+  top: -70px;
 
+  right: 100px;
 
+}
 
+@media screen and (max-width: 1024px) {
 
+  .process .room-planner-process-ruler2 {
 
+    width: 100px;
 
+    top: -50px;
 
+    right: 50px;
 
+  }
 
+}
 
+@media screen and (max-width: 767px) {
 
+  .process .room-planner-process-ruler2 {
 
+    top: 580px;
 
+    right: 20px;
 
+    width: 118px;
 
+  }
 
+}
 
+.process div {
 
+  display: flex;
 
+  margin: 0 50px;
 
+}
 
+@media screen and (min-width: 768px) {
 
+  .process div {
 
+    margin: 0 auto;
 
+  }
 
+}
 
+@media (max-width: 767px) {
 
+  .process div {
 
+    margin: auto;
 
+  }
 
+}
 
+.process .house_img {
 
+  position: absolute;
 
+  top: -95px;
 
+  left: 100px;
 
+  max-width: 180px;
 
+}
 
+@media (max-width: 1200px) {
 
+  .process .house_img {
 
+    top: -8vw;
 
+    max-width: 15%;
 
+  }
 
+}
 
+@media (max-width: 767px) {
 
+  .process .house_img {
 
+    top: -60px;
 
+    left: 35%;
 
+    max-width: 25vw;
 
+  }
 
+}
 
+@media (max-width: 475px) {
 
+  .process .house_img {
 
+    left: 33%;
 
+    max-width: 35vw;
 
+  }
 
+}
 
+.process .star_green {
 
+  width: 20px;
 
+  position: absolute;
 
+  top: -60px;
 
+  left: 90px;
 
+  -webkit-animation-name: star;
 
+          animation-name: star;
 
+  -webkit-animation-duration: 1s;
 
+          animation-duration: 1s;
 
+  -webkit-animation-delay: 0;
 
+          animation-delay: 0;
 
+  -webkit-animation-iteration-count: infinite;
 
+          animation-iteration-count: infinite;
 
+  -webkit-animation-direction: alternate;
 
+          animation-direction: alternate;
 
+  -webkit-animation-timing-function: ease-in-out;
 
+          animation-timing-function: ease-in-out;
 
+}
 
+@media (max-width: 767px) {
 
+  .process .star_green {
 
+    left: 30vw;
 
+    top: -4%;
 
+  }
 
+}
 
+.process .star_yellow {
 
+  width: 20px;
 
+  position: absolute;
 
+  top: -85px;
 
+  left: 280px;
 
+  -webkit-animation-name: star;
 
+          animation-name: star;
 
+  -webkit-animation-duration: 1s;
 
+          animation-duration: 1s;
 
+  -webkit-animation-delay: 0;
 
+          animation-delay: 0;
 
+  -webkit-animation-iteration-count: infinite;
 
+          animation-iteration-count: infinite;
 
+  animation-direction: alternate-reverse;
 
+  -webkit-animation-timing-function: linear;
 
+          animation-timing-function: linear;
 
+}
 
+@media (max-width: 1199px) {
 
+  .process .star_yellow {
 
+    left: 24%;
 
+  }
 
+}
 
+@media (max-width: 991px) {
 
+  .process .star_yellow {
 
+    left: 27%;
 
+    top: -15%;
 
+  }
 
+}
 
+@media (max-width: 767px) {
 
+  .process .star_yellow {
 
+    left: 60vw;
 
+    top: -7%;
 
+  }
 
+}
 
+@media (max-width: 475px) {
 
+  .process .star_yellow {
 
+    left: 67vw;
 
+  }
 
+}
 
+.process .ruler_img {
 
+  position: absolute;
 
+  top: -70px;
 
+  right: 100px;
 
+  max-width: 110px;
 
+}
 
+.process .line_01 {
 
+  position: absolute;
 
+  width: 700px;
 
+  top: 25%;
 
+}
 
+@media (max-width: 890px) {
 
+  .process .line_01 {
 
+    width: 600px;
 
+  }
 
+}
 
+.process .line_02 {
 
+  position: absolute;
 
+  width: 700px;
 
+  top: 85%;
 
+  right: 48%;
 
+  max-width: 700px;
 
+  height: 100%;
 
+}
 
+@media (max-width: 890px) {
 
+  .process .line_02 {
 
+    width: 600px;
 
+    top: 67%;
 
+  }
 
+}
 
+.process section {
 
+  margin-right: 80px;
 
+}
 
+@media screen and (min-width: 768px) {
 
+  .process section {
 
+    margin-right: 0px;
 
+  }
 
+}
 
+@media (max-width: 767px) {
 
+  .process section {
 
+    margin-right: 0;
 
+  }
 
+}
 
+.process section img {
 
+  width: 100%;
 
+  max-width: 90px;
 
+  height: 90px;
 
+  -o-object-fit: contain;
 
+     object-fit: contain;
 
+  position: relative;
 
+  z-index: 1;
 
+  cursor: pointer;
 
+}
 
+@media (max-width: 767px) {
 
+  .process section img {
 
+    width: auto;
 
+  }
 
+}
 
+.process section span {
 
+  display: block;
 
+  position: absolute;
 
+}
 
+.process section span img {
 
+  width: 40px;
 
+  height: 45px;
 
+  position: absolute;
 
+  top: -110px;
 
+  left: 65px;
 
+  z-index: 10;
 
+  -o-object-fit: contain;
 
+     object-fit: contain;
 
+}
 
+.process section h4 {
 
+  font-size: 16px;
 
+  text-align: center;
 
+  margin: 15px 0;
 
+  font-weight: 500;
 
+}
 
+
 
+.process_mb .row img {
 
+  position: relative;
 
+  z-index: 20;
 
+}
 
+.process_mb .row div {
 
+  position: relative;
 
+  justify-content: center;
 
+  margin-bottom: 10vw;
 
+}
 
+@media screen and (min-width: 768px) {
 
+  .process_mb .row div {
 
+    margin-bottom: 0;
 
+  }
 
+}
 
+.process_mb .row .mb_line_01 {
 
+  background-size: contain;
 
+  background-repeat: no-repeat;
 
+  background-image: url("/img/blog/line01_mb.svg");
 
+  position: absolute;
 
+  height: 5px;
 
+  width: 66%;
 
+  top: 32%;
 
+  left: 68%;
 
+  z-index: 10;
 
+}
 
+.process_mb .row .mb_line_03 {
 
+  background-size: contain;
 
+  background-repeat: no-repeat;
 
+  background-image: url("/img/blog/line01_mb.svg");
 
+  position: absolute;
 
+  height: 5px;
 
+  width: 66%;
 
+  top: 32%;
 
+  left: 68%;
 
+  z-index: 10;
 
+}
 
+@media screen and (max-width: 767px) {
 
+  .process_mb .row .mb_line_03 {
 
+    display: none;
 
+  }
 
+}
 
+.process_mb .row .mb_line_02 {
 
+  background-size: contain;
 
+  background-repeat: no-repeat;
 
+  background-image: url("/img/blog/line02_mb.svg");
 
+  position: absolute;
 
+  height: 125px;
 
+  width: 100%;
 
+  top: 90%;
 
+  left: -50%;
 
+  z-index: 10;
 
+}
 
+@media screen and (min-width: 768px) {
 
+  .process_mb .row .mb_line_02 {
 
+    display: none;
 
+  }
 
+}
 
+
 
 @media screen and (max-width: 1024px) {
 
   .room-planner-process-destop {
 
     display: none;
 
@@ -2061,7 +2351,7 @@ input[type=search]::-webkit-search-cancel-button {
 
 }
 
 .room-planner-process .room-planner-process-box .room-planner-process-box_line_01 {
 
   position: absolute;
 
-  width: 46vw;
 
+  width: 50vw;
 
   top: 40px;
 
   right: 100px;
 
 }
 
@@ -2070,6 +2360,18 @@ input[type=search]::-webkit-search-cancel-button {
 
     right: 200px;
 
   }
 
 }
 
+@media screen and (max-width: 2200px) {
 
+  .room-planner-process .room-planner-process-box .room-planner-process-box_line_01 {
 
+    width: 50vw;
 
+    right: 100px;
 
+  }
 
+}
 
+@media screen and (max-width: 1441px) {
 
+  .room-planner-process .room-planner-process-box .room-planner-process-box_line_01 {
 
+    width: 48vw;
 
+    right: 100px;
 
+  }
 
+}
 
 @media screen and (max-width: 1024px) {
 
   .room-planner-process .room-planner-process-box .room-planner-process-box_line_01 {
 
     width: 60vw;
 
@@ -2386,31 +2688,46 @@ input[type=search]::-webkit-search-cancel-button {
 
 }
 
 .room-planner-process-main .main-content-bg-line {
 
   position: absolute;
 
+  right: -60px;
 
+  top: -75px;
 
+  width: 23vw;
 
 }
 
-@media screen and (min-width: 2500px) {
 
+@media screen and (max-width: 2057px) {
 
   .room-planner-process-main .main-content-bg-line {
 
     right: -60px;
 
-    top: -100px;
 
-    width: 18.5vw;
 
-    height: 1950px;
 
-    -o-object-fit: cover;
 
-       object-fit: cover;
 
+    top: -75px;
 
+    width: 22vw;
 
   }
 
 }
 
-@media screen and (max-width: 2057px) {
 
+@media screen and (max-width: 1921px) {
 
   .room-planner-process-main .main-content-bg-line {
 
     right: -60px;
 
     top: -75px;
 
-    width: 22vw;
 
+    width: 24vw;
 
   }
 
 }
 
-@media screen and (max-width: 1921px) {
 
+@media screen and (max-width: 1800px) {
 
   .room-planner-process-main .main-content-bg-line {
 
     right: -60px;
 
     top: -75px;
 
     width: 24vw;
 
   }
 
 }
 
+@media screen and (max-width: 1700px) {
 
+  .room-planner-process-main .main-content-bg-line {
 
+    right: -60px;
 
+    top: -75px;
 
+    width: 31vw;
 
+  }
 
+}
 
+@media screen and (max-width: 1600px) {
 
+  .room-planner-process-main .main-content-bg-line {
 
+    top: -95px;
 
+    right: -90px;
 
+    z-index: -5;
 
+    width: 32vw;
 
+  }
 
+}
 
 @media screen and (max-width: 1441px) {
 
   .room-planner-process-main .main-content-bg-line {
 
     top: -95px;
 
@@ -2428,6 +2745,10 @@ input[type=search]::-webkit-search-cancel-button {
 
   right: 30px;
 
   bottom: -130px;
 
 }
 
+.room-planner-process-main .step2 {
 
+  width: 90%;
 
+  margin-top: -150px;
 
+}
 
 @media screen and (min-width: 2500px) {
 
   .room-planner-process-main .step2 {
 
     width: 75%;
 
@@ -2447,6 +2768,18 @@ input[type=search]::-webkit-search-cancel-button {
 
     margin-top: -130px;
 
   }
 
 }
 
+@media screen and (max-width: 1700px) {
 
+  .room-planner-process-main .step2 {
 
+    margin-top: -30px;
 
+    margin-left: 10px;
 
+  }
 
+}
 
+@media screen and (max-width: 1600px) {
 
+  .room-planner-process-main .step2 {
 
+    margin-top: -30px;
 
+    margin-left: 10px;
 
+  }
 
+}
 
 @media screen and (max-width: 1441px) {
 
   .room-planner-process-main .step2 {
 
     width: 100%;
 
@@ -2454,6 +2787,11 @@ input[type=search]::-webkit-search-cancel-button {
 
     margin-left: 10px;
 
   }
 
 }
 
+.room-planner-process-main .step1-0 {
 
+  width: 40%;
 
+  margin-top: -50px;
 
+  margin-left: 100px;
 
+}
 
 @media screen and (min-width: 2500px) {
 
   .room-planner-process-main .step1-0 {
 
     width: 30%;
 
@@ -2475,6 +2813,19 @@ input[type=search]::-webkit-search-cancel-button {
 
     margin-left: 100px;
 
   }
 
 }
 
+@media screen and (max-width: 1700px) {
 
+  .room-planner-process-main .step1-0 {
 
+    margin-left: 0px;
 
+    margin-top: 0px;
 
+  }
 
+}
 
+@media screen and (max-width: 1600px) {
 
+  .room-planner-process-main .step1-0 {
 
+    width: 40%;
 
+    margin-left: 0px;
 
+    margin-top: 0px;
 
+  }
 
+}
 
 @media screen and (max-width: 1441px) {
 
   .room-planner-process-main .step1-0 {
 
     width: 40%;
 
@@ -2482,6 +2833,11 @@ input[type=search]::-webkit-search-cancel-button {
 
     margin-top: 0px;
 
   }
 
 }
 
+.room-planner-process-main .step1-1 {
 
+  width: 80%;
 
+  margin-top: -110px;
 
+  margin-left: 70px;
 
+}
 
 @media screen and (min-width: 2500px) {
 
   .room-planner-process-main .step1-1 {
 
     width: 60%;
 
@@ -2503,6 +2859,18 @@ input[type=search]::-webkit-search-cancel-button {
 
     margin-left: 80px;
 
   }
 
 }
 
+@media screen and (max-width: 1700px) {
 
+  .room-planner-process-main .step1-1 {
 
+    margin-left: 30px;
 
+    margin-top: 0px;
 
+  }
 
+}
 
+@media screen and (max-width: 1600px) {
 
+  .room-planner-process-main .step1-1 {
 
+    margin-left: 30px;
 
+    margin-top: 0px;
 
+  }
 
+}
 
 @media screen and (max-width: 1441px) {
 
   .room-planner-process-main .step1-1 {
 
     width: 90%;
 
@@ -2510,6 +2878,11 @@ input[type=search]::-webkit-search-cancel-button {
 
     margin-top: 0px;
 
   }
 
 }
 
+.room-planner-process-main .step3 {
 
+  width: 75%;
 
+  margin-top: -60px;
 
+  margin-left: 100px;
 
+}
 
 @media screen and (min-width: 2500px) {
 
   .room-planner-process-main .step3 {
 
     width: 75%;
 
@@ -2531,6 +2904,19 @@ input[type=search]::-webkit-search-cancel-button {
 
     margin-left: 60px;
 
   }
 
 }
 
+@media screen and (max-width: 1700px) {
 
+  .room-planner-process-main .step3 {
 
+    margin-top: 30px;
 
+    margin-left: 0px;
 
+  }
 
+}
 
+@media screen and (max-width: 1600px) {
 
+  .room-planner-process-main .step3 {
 
+    width: 90%;
 
+    margin-top: 30px;
 
+    margin-left: 0px;
 
+  }
 
+}
 
 @media screen and (max-width: 1441px) {
 
   .room-planner-process-main .step3 {
 
     width: 90%;
 
@@ -2538,6 +2924,11 @@ input[type=search]::-webkit-search-cancel-button {
 
     margin-left: 0px;
 
   }
 
 }
 
+.room-planner-process-main .step4 {
 
+  width: 45%;
 
+  margin-top: -70px;
 
+  margin-right: 70px;
 
+}
 
 @media screen and (min-width: 2500px) {
 
   .room-planner-process-main .step4 {
 
     width: 40%;
 
@@ -2559,6 +2950,19 @@ input[type=search]::-webkit-search-cancel-button {
 
     margin-right: 80px;
 
   }
 
 }
 
+@media screen and (max-width: 1700px) {
 
+  .room-planner-process-main .step4 {
 
+    margin-right: 50px;
 
+    margin-top: -10px;
 
+  }
 
+}
 
+@media screen and (max-width: 1600px) {
 
+  .room-planner-process-main .step4 {
 
+    width: 60%;
 
+    margin-right: 50px;
 
+    margin-top: -10px;
 
+  }
 
+}
 
 @media screen and (max-width: 1441px) {
 
   .room-planner-process-main .step4 {
 
     width: 60%;
 
@@ -2566,6 +2970,11 @@ input[type=search]::-webkit-search-cancel-button {
 
     margin-top: -10px;
 
   }
 
 }
 
+.room-planner-process-main .step5 {
 
+  width: 85%;
 
+  margin-top: -80px;
 
+  margin-left: 70px;
 
+}
 
 @media screen and (min-width: 2500px) {
 
   .room-planner-process-main .step5 {
 
     width: 80%;
 
@@ -2587,6 +2996,19 @@ input[type=search]::-webkit-search-cancel-button {
 
     margin-left: 50px;
 
   }
 
 }
 
+@media screen and (max-width: 1700px) {
 
+  .room-planner-process-main .step5 {
 
+    margin-top: 10px;
 
+    margin-left: 50px;
 
+  }
 
+}
 
+@media screen and (max-width: 1600px) {
 
+  .room-planner-process-main .step5 {
 
+    width: 90%;
 
+    margin-top: 10px;
 
+    margin-left: 50px;
 
+  }
 
+}
 
 @media screen and (max-width: 1441px) {
 
   .room-planner-process-main .step5 {
 
     width: 100%;
 
@@ -2594,6 +3016,11 @@ input[type=search]::-webkit-search-cancel-button {
 
     margin-left: 0px;
 
   }
 
 }
 
+.room-planner-process-main .step5-2 {
 
+  width: 35%;
 
+  margin-right: 50px;
 
+  margin-top: -100px;
 
+}
 
 @media screen and (min-width: 2500px) {
 
   .room-planner-process-main .step5-2 {
 
     width: 30%;
 
@@ -2614,6 +3041,19 @@ input[type=search]::-webkit-search-cancel-button {
 
     margin-top: -80px;
 
   }
 
 }
 
+@media screen and (max-width: 1700px) {
 
+  .room-planner-process-main .step5-2 {
 
+    margin-right: 80px;
 
+    margin-top: -80px;
 
+  }
 
+}
 
+@media screen and (max-width: 1600px) {
 
+  .room-planner-process-main .step5-2 {
 
+    width: 40%;
 
+    margin-right: 80px;
 
+    margin-top: -80px;
 
+  }
 
+}
 
 @media screen and (max-width: 1441px) {
 
   .room-planner-process-main .step5-2 {
 
     width: 40%;
 
@@ -2623,6 +3063,9 @@ input[type=search]::-webkit-search-cancel-button {
 
 }
 
 .room-planner-process-main .meihaochengjia {
 
   position: absolute;
 
+  width: 130px;
 
+  right: 50px;
 
+  top: 10px;
 
 }
 
 @media screen and (min-width: 2500px) {
 
   .room-planner-process-main .meihaochengjia {
 
@@ -2891,6 +3334,16 @@ input[type=search]::-webkit-search-cancel-button {
 
     margin-top: 380px;
 
   }
 
 }
 
+@media screen and (max-width: 1700px) {
 
+  .room-planner-process-main-content-step-4-6img {
 
+    margin-top: 400px;
 
+  }
 
+}
 
+@media screen and (max-width: 1600px) {
 
+  .room-planner-process-main-content-step-4-6img {
 
+    margin-top: 300px;
 
+  }
 
+}
 
 @media screen and (max-width: 1441px) {
 
   .room-planner-process-main-content-step-4-6img {
 
     margin-top: 380px;
 
@@ -3325,6 +3778,12 @@ input[type=search]::-webkit-search-cancel-button {
 
   width: 80%;
 
   margin: 0 auto;
 
 }
 
+@media screen and (max-width: 1024px) {
 
+  .w-80-auto {
 
+    margin: 0 auto;
 
+    width: 100%;
 
+  }
 
+}
 
 @media screen and (max-width: 767px) {
 
   .w-80-auto {
 
     width: 100%;
 
@@ -4206,7 +4665,7 @@ input[type=search]::-webkit-search-cancel-button {
 
   color: #000;
 
   background-color: #fff;
 
   padding: 10px 15px;
 
-  margin: 10px 3px;
 
+  margin: 10px 5px;
 
   border-radius: 100px;
 
   transition: all 0.3s;
 
 }
 
@@ -4216,7 +4675,6 @@ input[type=search]::-webkit-search-cancel-button {
 
 }
 
 @media (max-width: 767px) {
 
   .blog-main .article_list .topic_list section div a {
 
-    width: 95px;
 
     margin: 10px 3px;
 
     box-sizing: border-box;
 
   }
 
@@ -4261,7 +4719,6 @@ input[type=search]::-webkit-search-cancel-button {
 
   margin-bottom: 0;
 
   line-height: 32px;
 
   letter-spacing: 1px;
 
-  font-weight: 400;
 
 }
 
 
 .blog_article .content {
 
@@ -4297,6 +4754,10 @@ input[type=search]::-webkit-search-cancel-button {
 
   margin-bottom: 50px;
 
   padding: 20px 50px 10px;
 
 }
 
+.blog_article .question-box ol {
 
+  padding: 0 15px;
 
+  list-style: "- " !important;
 
+}
 
 
 .blog_article .question-box ul li {
 
   margin: 10px 0;
 
@@ -4361,22 +4822,19 @@ input[type=search]::-webkit-search-cancel-button {
 
   color: var(--main-color);
 
 }
 
 
-.blog_article h3 {
 
-  margin: 15px 0;
 
-  font-size: 18px;
 
-  font-weight: 700;
 
-}
 
-
 
+.blog_article h3,
 
 .blog_article h4 {
 
-  margin: 15px 0;
 
   font-size: 18px;
 
   font-weight: 700;
 
 }
 
 
 .blog_article h5,
 
 .blog_article h6 {
 
-  margin-bottom: 20px;
 
-  font-size: 16px;
 
+  font-size: 14px;
 
+  font-weight: 400;
 
+}
 
+
 
+.blog_article h6 {
 
   color: #68686b;
 
 }
 
 
@@ -4384,11 +4842,6 @@ input[type=search]::-webkit-search-cancel-button {
 
   font-weight: 700;
 
 }
 
 
-.blog_article li,
 
-.blog_article table td {
 
-  font-weight: 400;
 
-}
 
-
 
 .blog_article li {
 
   letter-spacing: 1px;
 
   line-height: 32px;
 
@@ -4484,7 +4937,6 @@ input[type=search]::-webkit-search-cancel-button {
 
   margin-bottom: 0;
 
   line-height: 32px;
 
   letter-spacing: 1px;
 
-  font-weight: 400;
 
   margin-top: 10px;
 
 }
 
 .news-content h2 {
 
@@ -4512,10 +4964,6 @@ input[type=search]::-webkit-search-cancel-button {
 
   letter-spacing: 1px;
 
 }
 
 
-.bhouseweb_loc_sec p {
 
-  font-weight: 400;
 
-}
 
-
 
 .NewsDescription {
 
   width: 100%;
 
 }
 
@@ -4552,7 +5000,6 @@ input[type=search]::-webkit-search-cancel-button {
 
 .furniture-design p {
 
   padding-right: 15px;
 
   text-align: justify;
 
-  font-weight: 400;
 
 }
 
 
 .furniture-design h5 {
 
@@ -4595,7 +5042,6 @@ input[type=search]::-webkit-search-cancel-button {
 
 .furniture-design .tab-title .nav-link {
 
   margin: atuo;
 
   font-size: 18px;
 
-  font-weight: 400;
 
 }
 
 
 .furniture-design ul {
 
@@ -4608,7 +5054,6 @@ input[type=search]::-webkit-search-cancel-button {
 
   display: flex;
 
   flex-wrap: wrap;
 
   list-style: none;
 
-  font-weight: 400;
 
 }
 
 
 .furniture-design .design-list {
 
@@ -4808,7 +5253,6 @@ input[type=search]::-webkit-search-cancel-button {
 
   margin: 0 0.3rem;
 
   text-align: center;
 
   font-size: 18px;
 
-  font-weight: 400;
 
   color: #fff;
 
   background: #808e4c;
 
   font-size: 1rem;
 
@@ -4891,10 +5335,6 @@ input[type=search]::-webkit-search-cancel-button {
 
   font-size: 20px;
 
 }
 
 
-.design-container div {
 
-  font-weight: 400;
 
-}
 
-
 
 .design-container ul {
 
   display: flex;
 
   flex-direction: column;
 
@@ -4975,7 +5415,6 @@ input[type=search]::-webkit-search-cancel-button {
 
 .brand_sec02_content p {
 
   letter-spacing: 2px;
 
   line-height: 28px;
 
-  font-weight: 400;
 
 }
 
 
 .brand_content {
 
@@ -5238,7 +5677,6 @@ input[type=search]::-webkit-search-cancel-button {
 
   color: #fff;
 
   text-decoration: none;
 
   font-size: 1.2rem;
 
-  font-weight: 400;
 
   -webkit-appearance: none;
 
   border-radius: 0;
 
 }
 
@@ -5260,7 +5698,6 @@ input[type=search]::-webkit-search-cancel-button {
 
   color: #fff;
 
   margin-right: 5px;
 
   transition: 0.3s;
 
-  font-weight: 400;
 
   letter-spacing: 2px;
 
   text-align: center;
 
   margin: 0;

File diff suppressed because it is too large
+ 0 - 0
themes/hugo-universal-theme-master/static/css/style.bhouse.css.map


+ 388 - 57
themes/hugo-universal-theme-master/static/css/style.bhouse.scss
Vedi File 

@@ -573,7 +573,6 @@ button {
 
 .footer .copyright,
 
 .footer .copyright a {
 
   color: #68686b;
 
-  font-weight: 400;
 
   letter-spacing: 1px;
 
 }
 
 
@@ -755,22 +754,22 @@ button {
 
   }
 
   .bg-portfolio {
 
     .bg-img {
 
-      background-image: url(/img/home/X-1-02.png);
 
+      background-image: url(/img/home/X-1-02.webp);
 
     }
 
   }
 
   .bg-serve {
 
     .bg-img {
 
-      background-image: url(/img/home/X-1-03.png);
 
+      background-image: url(/img/home/X-1-03.webp);
 
     }
 
   }
 
   .bg-qa {
 
     .bg-img {
 
-      background-image: url(/img/home/X-1-04.png);
 
+      background-image: url(/img/home/X-1-04.webp);
 
     }
 
   }
 
   .bg-store {
 
     .bg-img {
 
-      background-image: url(/img/home/X-1-05.png);
 
+      background-image: url(/img/home/X-1-05.webp);
 
     }
 
   }
 
 }
 
@@ -1095,7 +1094,6 @@ button {
 
 
 .bhouseweb_item_type {
 
   cursor: pointer;
 
-  font-weight: 400 !important;
 
 }
 
 
 .readMore {
 
@@ -1233,7 +1231,6 @@ button {
 
   background: #565656 !important;
 
   border: none;
 
   font-size: 14.4px;
 
-  font-weight: 400;
 
   line-height: 1.5;
 
   outline: none;
 
   color: #bcbcbc;
 
@@ -1412,22 +1409,22 @@ input[type="search"]::-webkit-search-cancel-button {
 
 /* 成家故事作品集內頁-simple_korean_style_hous start */
 
 .bg-portfolio {
 
   .bg-img {
 
-    background-image: url(/img/home/X-1-02.png);
 
+    background-image: url(/img/home/X-1-02.webp);
 
   }
 
 }
 
 .bg-serve {
 
   .bg-img {
 
-    background-image: url(/img/home/X-1-03.png);
 
+    background-image: url(/img/home/X-1-03.webp);
 
   }
 
 }
 
 .bg-qa {
 
   .bg-img {
 
-    background-image: url(/img/home/X-1-04.png);
 
+    background-image: url(/img/home/X-1-04.webp);
 
   }
 
 }
 
 .bg-store {
 
   .bg-img {
 
-    background-image: url(/img/home/X-1-05.png);
 
+    background-image: url(/img/home/X-1-05.webp);
 
   }
 
 }
 
 .icon-box {
 
@@ -1703,7 +1700,6 @@ input[type="search"]::-webkit-search-cancel-button {
 
   width: 15%;
 
   padding-left: 15px;
 
   padding-top: 10px;
 
-  font-weight: 400;
 
 }
 
 
 @media screen and (max-width: 767px) {
 
@@ -1717,6 +1713,7 @@ input[type="search"]::-webkit-search-cancel-button {
 
   font-weight: 600;
 
   padding: 15px;
 
 }
 
+
 
 .style_house_sec03 .table1 td p {
 
   font-weight: 400 !important;
 
 }
 
@@ -1744,10 +1741,6 @@ input[type="search"]::-webkit-search-cancel-button {
 
   font-weight: 500 !important;
 
 }
 
 
-.style_house_sec03 .table2 td {
 
-  font-weight: 400;
 
-}
 
-
 
 @media screen and (max-width: 767px) {
 
   .style_house_sec03 .table2 th {
 
     width: 25%;
 
@@ -1820,7 +1813,251 @@ input[type="search"]::-webkit-search-cancel-button {
 
 /* 成家故事作品集內頁-simple_korean_style_hous end */
 
 
 /* 成家設計服務-room_planner start */
 
-/* 成家設計服務-room_planner start */
 
+.process {
 
+  padding: 85px 0 60px;
 
+  background-color: #f0f6dd;
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+  align-items: center;
 
+  position: relative;
 
+  @media (max-width: 767px) {
 
+    padding: 100px 0 60px;
 
+  }
 
+  .dot,
 
+  .dot_mb {
 
+    position: absolute;
 
+  }
 
+  .dot::before,
 
+  .dot_mb::before {
 
+    content: "\A";
 
+    width: 10px;
 
+    height: 10px;
 
+    margin: 0 10px;
 
+    border-radius: 50%;
 
+    display: inline-block;
 
+    background: #649e2e;
 
+    position: absolute;
 
+    z-index: 0;
 
+    top: 33px;
 
+    left: 0;
 
+    animation: dot2 8s infinite;
 
+  }
 
+  .dot_mb::before {
 
+    @media (min-width: 576px) {
 
+      animation: none;
 
+    }
 
+  }
 
+  .room-planner-process-ruler2 {
 
+    width: 118px;
 
+    position: absolute;
 
+    top: -70px;
 
+    right: 100px;
 
+    @media screen and (max-width: $table) {
 
+      width: 100px;
 
+      top: -50px;
 
+      right: 50px;
 
+    }
 
+    @media screen and (max-width: 767px) {
 
+      top: 580px;
 
+      right: 20px;
 
+      width: 118px;
 
+    }
 
+  }
 
+  div {
 
+    display: flex;
 
+    margin: 0 50px;
 
+    @media screen and (min-width: 768px) {
 
+      margin: 0 auto;
 
+    }
 
+    @media (max-width: 767px) {
 
+      margin: auto;
 
+    }
 
+  }
 
+
 
+  .house_img {
 
+    position: absolute;
 
+    top: -95px;
 
+    left: 100px;
 
+    max-width: 180px;
 
+    @media (max-width: 1200px) {
 
+      top: -8vw;
 
+      max-width: 15%;
 
+    }
 
+    @media (max-width: 767px) {
 
+      top: -60px;
 
+      left: 35%;
 
+      max-width: 25vw;
 
+    }
 
+    @media (max-width: 475px) {
 
+      left: 33%;
 
+      max-width: 35vw;
 
+    }
 
+  }
 
+  .star_green {
 
+    width: 20px;
 
+    position: absolute;
 
+    top: -60px;
 
+    left: 90px;
 
+    animation-name: star;
 
+    animation-duration: 1s;
 
+    animation-delay: 0;
 
+    animation-iteration-count: infinite;
 
+    animation-direction: alternate;
 
+    animation-timing-function: ease-in-out;
 
+    @media (max-width: 767px) {
 
+      left: 30vw;
 
+      top: -4%;
 
+    }
 
+  }
 
+  .star_yellow {
 
+    width: 20px;
 
+    position: absolute;
 
+    top: -85px;
 
+    left: 280px;
 
+    animation-name: star;
 
+    animation-duration: 1s;
 
+    animation-delay: 0;
 
+    animation-iteration-count: infinite;
 
+    animation-direction: alternate-reverse;
 
+    animation-timing-function: linear;
 
+    @media (max-width: 1199px) {
 
+      left: 24%;
 
+    }
 
+    @media (max-width: 991px) {
 
+      left: 27%;
 
+      top: -15%;
 
+    }
 
+    @media (max-width: 767px) {
 
+      left: 60vw;
 
+      top: -7%;
 
+    }
 
+    @media (max-width: 475px) {
 
+      left: 67vw;
 
+    }
 
+  }
 
+  .ruler_img {
 
+    position: absolute;
 
+    top: -70px;
 
+    right: 100px;
 
+    max-width: 110px;
 
+  }
 
+  .line_01 {
 
+    position: absolute;
 
+    width: 700px;
 
+    top: 25%;
 
+    @media (max-width: 890px) {
 
+      width: 600px;
 
+    }
 
+  }
 
+  .line_02 {
 
+    position: absolute;
 
+    width: 700px;
 
+    top: 85%;
 
+    right: 48%;
 
+    max-width: 700px;
 
+    height: 100%;
 
+    @media (max-width: 890px) {
 
+      width: 600px;
 
+      top: 67%;
 
+    }
 
+  }
 
+  section {
 
+    margin-right: 80px;
 
+    @media screen and (min-width: 768px) {
 
+      margin-right: 0px;
 
+    }
 
+    @media (max-width: 767px) {
 
+      margin-right: 0;
 
+    }
 
+    img {
 
+      width: 100%;
 
+      max-width: 90px;
 
+      height: 90px;
 
+      object-fit: contain;
 
+      position: relative;
 
+      z-index: 1;
 
+      cursor: pointer;
 
+      @media (max-width: 767px) {
 
+        width: auto;
 
+      }
 
+    }
 
+    span {
 
+      display: block;
 
+      position: absolute;
 
+      img {
 
+        width: 40px;
 
+        height: 45px;
 
+        position: absolute;
 
+        top: -110px;
 
+        left: 65px;
 
+        z-index: 10;
 
+        object-fit: contain;
 
+      }
 
+    }
 
+    h4 {
 
+      font-size: 16px;
 
+      text-align: center;
 
+      margin: 15px 0;
 
+      font-weight: 500;
 
+    }
 
+  }
 
+}
 
+.process_mb {
 
+  .row {
 
+    img {
 
+      position: relative;
 
+      z-index: 20;
 
+    }
 
+    div {
 
+      position: relative;
 
+      justify-content: center;
 
+      margin-bottom: 10vw;
 
+      @media screen and (min-width: 768px) {
 
+        margin-bottom: 0;
 
+      }
 
+    }
 
+    .mb_line_01 {
 
+      background-size: contain;
 
+      background-repeat: no-repeat;
 
+      background-image: url("/img/blog/line01_mb.svg");
 
+      position: absolute;
 
+      height: 5px;
 
+      width: 66%;
 
+      top: 32%;
 
+      left: 68%;
 
+      z-index: 10;
 
+    }
 
+    .mb_line_03 {
 
+      background-size: contain;
 
+      background-repeat: no-repeat;
 
+      background-image: url("/img/blog/line01_mb.svg");
 
+      position: absolute;
 
+      height: 5px;
 
+      width: 66%;
 
+      top: 32%;
 
+      left: 68%;
 
+      z-index: 10;
 
+      @media screen and (max-width: 767px) {
 
+        display: none;
 
+      }
 
+    }
 
+    .mb_line_02 {
 
+      background-size: contain;
 
+      background-repeat: no-repeat;
 
+      background-image: url("/img/blog/line02_mb.svg");
 
+      position: absolute;
 
+      height: 125px;
 
+      width: 100%;
 
+      top: 90%;
 
+      left: -50%;
 
+      z-index: 10;
 
+      @media screen and (min-width: 768px) {
 
+        display: none;
 
+      }
 
+    }
 
+  }
 
+}
 
 .room-planner-process-destop {
 
   @media screen and (max-width: $table) {
 
     display: none;
 
@@ -2120,12 +2357,20 @@ input[type="search"]::-webkit-search-cancel-button {
 
     }
 
     .room-planner-process-box_line_01 {
 
       position: absolute;
 
-      width: 46vw;
 
+      width: 50vw;
 
       top: 40px;
 
       right: 100px;
 
       @media screen and (min-width: 2500px) {
 
         right: 200px;
 
       }
 
+      @media screen and (max-width: 2200px) {
 
+        width: 50vw;
 
+        right: 100px;
 
+      }
 
+      @media screen and (max-width: 1441px) {
 
+        width: 48vw;
 
+        right: 100px;
 
+      }
 
       @media screen and (max-width: $table) {
 
         width: 60vw;
 
       }
 
@@ -2401,13 +2646,9 @@ input[type="search"]::-webkit-search-cancel-button {
 
   }
 
   .main-content-bg-line {
 
     position: absolute;
 
-    @media screen and (min-width: 2500px) {
 
-      right: -60px;
 
-      top: -100px;
 
-      width: 18.5vw;
 
-      height: 1950px;
 
-      object-fit: cover;
 
-    }
 
+    right: -60px;
 
+    top: -75px;
 
+    width: 23vw;
 
     @media screen and (max-width: 2057px) {
 
       right: -60px;
 
       top: -75px;
 
@@ -2418,6 +2659,22 @@ input[type="search"]::-webkit-search-cancel-button {
 
       top: -75px;
 
       width: 24vw;
 
     }
 
+    @media screen and (max-width: 1800px) {
 
+      right: -60px;
 
+      top: -75px;
 
+      width: 24vw;
 
+    }
 
+    @media screen and (max-width: 1700px) {
 
+      right: -60px;
 
+      top: -75px;
 
+      width: 31vw;
 
+    }
 
+    @media screen and (max-width: 1600px) {
 
+      top: -95px;
 
+      right: -90px;
 
+      z-index: -5;
 
+      width: 32vw;
 
+    }
 
     @media screen and (max-width: 1441px) {
 
       top: -95px;
 
       right: -90px;
 
@@ -2438,6 +2695,8 @@ input[type="search"]::-webkit-search-cancel-button {
 
     bottom: -130px;
 
   }
 
   .step2 {
 
+    width: 90%;
 
+    margin-top: -150px;
 
     @media screen and (min-width: 2500px) {
 
       width: 75%;
 
       margin-top: -130px;
 
@@ -2451,6 +2710,14 @@ input[type="search"]::-webkit-search-cancel-button {
 
       width: 90%;
 
       margin-top: -130px;
 
     }
 
+    @media screen and (max-width: 1700px) {
 
+      margin-top: -30px;
 
+      margin-left: 10px;
 
+    }
 
+    @media screen and (max-width: 1600px) {
 
+      margin-top: -30px;
 
+      margin-left: 10px;
 
+    }
 
     @media screen and (max-width: 1441px) {
 
       width: 100%;
 
       margin-top: -30px;
 
@@ -2458,6 +2725,9 @@ input[type="search"]::-webkit-search-cancel-button {
 
     }
 
   }
 
   .step1-0 {
 
+    width: 40%;
 
+    margin-top: -50px;
 
+    margin-left: 100px;
 
     @media screen and (min-width: 2500px) {
 
       width: 30%;
 
       margin-top: -100px;
 
@@ -2474,6 +2744,15 @@ input[type="search"]::-webkit-search-cancel-button {
 
       margin-top: -30px;
 
       margin-left: 100px;
 
     }
 
+    @media screen and (max-width: 1700px) {
 
+      margin-left: 0px;
 
+      margin-top: 0px;
 
+    }
 
+    @media screen and (max-width: 1600px) {
 
+      width: 40%;
 
+      margin-left: 0px;
 
+      margin-top: 0px;
 
+    }
 
     @media screen and (max-width: 1441px) {
 
       width: 40%;
 
       margin-left: 0px;
 
@@ -2481,6 +2760,9 @@ input[type="search"]::-webkit-search-cancel-button {
 
     }
 
   }
 
   .step1-1 {
 
+    width: 80%;
 
+    margin-top: -110px;
 
+    margin-left: 70px;
 
     @media screen and (min-width: 2500px) {
 
       width: 60%;
 
       margin-top: -50px;
 
@@ -2496,6 +2778,14 @@ input[type="search"]::-webkit-search-cancel-button {
 
       margin-top: -80px;
 
       margin-left: 80px;
 
     }
 
+    @media screen and (max-width: 1700px) {
 
+      margin-left: 30px;
 
+      margin-top: 0px;
 
+    }
 
+    @media screen and (max-width: 1600px) {
 
+      margin-left: 30px;
 
+      margin-top: 0px;
 
+    }
 
     @media screen and (max-width: 1441px) {
 
       width: 90%;
 
       margin-left: 30px;
 
@@ -2503,6 +2793,9 @@ input[type="search"]::-webkit-search-cancel-button {
 
     }
 
   }
 
   .step3 {
 
+    width: 75%;
 
+    margin-top: -60px;
 
+    margin-left: 100px;
 
     @media screen and (min-width: 2500px) {
 
       width: 75%;
 
       margin-top: -120px;
 
@@ -2518,6 +2811,15 @@ input[type="search"]::-webkit-search-cancel-button {
 
       margin-top: -50px;
 
       margin-left: 60px;
 
     }
 
+    @media screen and (max-width: 1700px) {
 
+      margin-top: 30px;
 
+      margin-left: 0px;
 
+    }
 
+    @media screen and (max-width: 1600px) {
 
+      width: 90%;
 
+      margin-top: 30px;
 
+      margin-left: 0px;
 
+    }
 
 
     @media screen and (max-width: 1441px) {
 
       width: 90%;
 
@@ -2526,6 +2828,9 @@ input[type="search"]::-webkit-search-cancel-button {
 
     }
 
   }
 
   .step4 {
 
+    width: 45%;
 
+    margin-top: -70px;
 
+    margin-right: 70px;
 
     @media screen and (min-width: 2500px) {
 
       width: 40%;
 
       margin-top: 50px;
 
@@ -2541,6 +2846,15 @@ input[type="search"]::-webkit-search-cancel-button {
 
       margin-top: -100px;
 
       margin-right: 80px;
 
     }
 
+    @media screen and (max-width: 1700px) {
 
+      margin-right: 50px;
 
+      margin-top: -10px;
 
+    }
 
+    @media screen and (max-width: 1600px) {
 
+      width: 60%;
 
+      margin-right: 50px;
 
+      margin-top: -10px;
 
+    }
 
     @media screen and (max-width: 1441px) {
 
       width: 60%;
 
       margin-right: 50px;
 
@@ -2548,6 +2862,9 @@ input[type="search"]::-webkit-search-cancel-button {
 
     }
 
   }
 
   .step5 {
 
+    width: 85%;
 
+    margin-top: -80px;
 
+    margin-left: 70px;
 
     @media screen and (min-width: 2500px) {
 
       width: 80%;
 
       margin-top: -130px;
 
@@ -2564,6 +2881,15 @@ input[type="search"]::-webkit-search-cancel-button {
 
       margin-top: -100px;
 
       margin-left: 50px;
 
     }
 
+    @media screen and (max-width: 1700px) {
 
+      margin-top: 10px;
 
+      margin-left: 50px;
 
+    }
 
+    @media screen and (max-width: 1600px) {
 
+      width: 90%;
 
+      margin-top: 10px;
 
+      margin-left: 50px;
 
+    }
 
     // @media screen and (min-width: 1441px) {
 
     //   width: 90%;
 
     //   margin-top: -100px;
 
@@ -2575,6 +2901,9 @@ input[type="search"]::-webkit-search-cancel-button {
 
     }
 
   }
 
   .step5-2 {
 
+    width: 35%;
 
+    margin-right: 50px;
 
+    margin-top: -100px;
 
     @media screen and (min-width: 2500px) {
 
       width: 30%;
 
       margin-right: -30px;
 
@@ -2590,6 +2919,15 @@ input[type="search"]::-webkit-search-cancel-button {
 
       margin-right: 0px;
 
       margin-top: -80px;
 
     }
 
+    @media screen and (max-width: 1700px) {
 
+      margin-right: 80px;
 
+      margin-top: -80px;
 
+    }
 
+    @media screen and (max-width: 1600px) {
 
+      width: 40%;
 
+      margin-right: 80px;
 
+      margin-top: -80px;
 
+    }
 
     @media screen and (max-width: 1441px) {
 
       width: 40%;
 
       margin-right: 80px;
 
@@ -2598,6 +2936,9 @@ input[type="search"]::-webkit-search-cancel-button {
 
   }
 
   .meihaochengjia {
 
     position: absolute;
 
+    width: 130px;
 
+    right: 50px;
 
+    top: 10px;
 
     @media screen and (min-width: 2500px) {
 
       width: 130px;
 
       position: absolute;
 
@@ -2811,6 +3152,12 @@ input[type="search"]::-webkit-search-cancel-button {
 
   @media screen and (max-width: 1921px) {
 
     margin-top: 380px;
 
   }
 
+  @media screen and (max-width: 1700px) {
 
+    margin-top: 400px;
 
+  }
 
+  @media screen and (max-width: 1600px) {
 
+    margin-top: 300px;
 
+  }
 
   @media screen and (max-width: 1441px) {
 
     margin-top: 380px;
 
   }
 
@@ -3231,6 +3578,10 @@ input[type="search"]::-webkit-search-cancel-button {
 
 .w-80-auto {
 
   width: 80%;
 
   margin: 0 auto;
 
+  @media screen and (max-width: $table) {
 
+    margin: 0 auto;
 
+    width: 100%;
 
+  }
 
   @media screen and (max-width: 767px) {
 
     width: 100%;
 
     margin: 0 auto;
 
@@ -4038,7 +4389,7 @@ input[type="search"]::-webkit-search-cancel-button {
 
             color: #000;
 
             background-color: #fff;
 
             padding: 10px 15px;
 
-            margin: 10px 3px;
 
+            margin: 10px 5px;
 
             border-radius: 100px;
 
             transition: all 0.3s;
 
             &:hover {
 
@@ -4046,7 +4397,7 @@ input[type="search"]::-webkit-search-cancel-button {
 
               background-color: #649e2e;
 
             }
 
             @media (max-width: 767px) {
 
-              width: 95px;
 
+              // width: 95px;
 
               margin: 10px 3px;
 
               box-sizing: border-box;
 
             }
 
@@ -4097,7 +4448,6 @@ input[type="search"]::-webkit-search-cancel-button {
 
   margin-bottom: 0;
 
   line-height: 32px;
 
   letter-spacing: 1px;
 
-  font-weight: 400;
 
 }
 
 
 .blog_article .content {
 
@@ -4142,6 +4492,10 @@ input[type="search"]::-webkit-search-cancel-button {
 
   border: 2px solid var(--second-color);
 
   margin-bottom: 50px;
 
   padding: 20px 50px 10px;
 
+  ol {
 
+    padding: 0 15px;
 
+    list-style: "- " !important;
 
+  }
 
 }
 
 
 // .blog_article .question-box ul {
 
@@ -4235,22 +4589,19 @@ input[type="search"]::-webkit-search-cancel-button {
 
   color: var(--main-color);
 
 }
 
 
-.blog_article h3 {
 
-  margin: 15px 0;
 
-  font-size: 18px;
 
-  font-weight: 700;
 
-}
 
-
 
+.blog_article h3,
 
 .blog_article h4 {
 
-  margin: 15px 0;
 
   font-size: 18px;
 
   font-weight: 700;
 
 }
 
 
 .blog_article h5,
 
 .blog_article h6 {
 
-  margin-bottom: 20px;
 
-  font-size: 16px;
 
+  font-size: 14px;
 
+  font-weight: 400;
 
+}
 
+
 
+.blog_article h6 {
 
   color: #68686b;
 
 }
 
 
@@ -4258,11 +4609,6 @@ input[type="search"]::-webkit-search-cancel-button {
 
   font-weight: 700;
 
 }
 
 
-.blog_article li,
 
-.blog_article table td {
 
-  font-weight: 400;
 
-}
 
-
 
 // .blog_article .section-01 {
 
 //   margin-bottom: 40px;
 
 //   padding-bottom: 20px;
 
@@ -4368,7 +4714,6 @@ input[type="search"]::-webkit-search-cancel-button {
 
     margin-bottom: 0;
 
     line-height: 32px;
 
     letter-spacing: 1px;
 
-    font-weight: 400;
 
     margin-top: 10px;
 
   }
 
   h2 {
 
@@ -4399,9 +4744,6 @@ input[type="search"]::-webkit-search-cancel-button {
 
   letter-spacing: 1px;
 
 }
 
 
-.bhouseweb_loc_sec p {
 
-  font-weight: 400;
 
-}
 
 .NewsDescription {
 
   width: 100%;
 
   .NewsDescription_p {
 
@@ -4433,7 +4775,6 @@ input[type="search"]::-webkit-search-cancel-button {
 
 .furniture-design p {
 
   padding-right: 15px;
 
   text-align: justify;
 
-  font-weight: 400;
 
 }
 
 
 .furniture-design h5 {
 
@@ -4474,7 +4815,6 @@ input[type="search"]::-webkit-search-cancel-button {
 
 .furniture-design .tab-title .nav-link {
 
   margin: atuo;
 
   font-size: 18px;
 
-  font-weight: 400;
 
 }
 
 
 .furniture-design ul {
 
@@ -4487,7 +4827,6 @@ input[type="search"]::-webkit-search-cancel-button {
 
   display: flex;
 
   flex-wrap: wrap;
 
   list-style: none;
 
-  font-weight: 400;
 
 }
 
 
 .furniture-design .design-list {
 
@@ -4731,7 +5070,6 @@ input[type="search"]::-webkit-search-cancel-button {
 
     margin: 0 0.3rem;
 
     text-align: center;
 
     font-size: 18px;
 
-    font-weight: 400;
 
     color: #fff;
 
     background: #808e4c;
 
     font-size: 1rem;
 
@@ -4810,10 +5148,6 @@ input[type="search"]::-webkit-search-cancel-button {
 
   font-size: 20px;
 
 }
 
 
-.design-container div {
 
-  font-weight: 400;
 
-}
 
-
 
 .design-container ul {
 
   display: flex;
 
   flex-direction: column;
 
@@ -4902,7 +5236,6 @@ input[type="search"]::-webkit-search-cancel-button {
 
 .brand_sec02_content p {
 
   letter-spacing: 2px;
 
   line-height: 28px;
 
-  font-weight: 400;
 
 }
 
 
 .brand_content {
 
@@ -5167,7 +5500,6 @@ input[type="search"]::-webkit-search-cancel-button {
 
   color: #fff;
 
   text-decoration: none;
 
   font-size: 1.2rem;
 
-  font-weight: 400;
 
   -webkit-appearance: none;
 
   border-radius: 0;
 
 }
 
@@ -5194,7 +5526,6 @@ input[type="search"]::-webkit-search-cancel-button {
 
   margin-right: 5px;
 
   transition: 0.3s;
 
   // border: 1px solid #808e4c;
 
-  font-weight: 400;
 
   letter-spacing: 2px;
 
   text-align: center;
 
   margin: 0;

+ 0 - 3575
themes/hugo-universal-theme-master/static/css/style.blue.css
Vedi File 

@@ -1,3575 +0,0 @@
 
-/* Themed colors */
 
-:root {
 
-  --primary-accent: #467fbf;
 
-  --navbar-border-top: #294d76;
 
-  --button-border: #336194;
 
-  --link-focus: #2f5a89;
 
-  --form-shadow: rgba(70, 127, 191, 0.6);
 
-  --pagination-bg: #b8cee6;
 
-  --link-hover-bg: #36669c;
 
-  --navbar-focus: #92b3d9;
 
-}
 
-
 
-.clearfix:before,
 
-.clearfix:after,
 
-.navbar:before,
 
-.navbar:after,
 
-.navbar-header:before,
 
-.navbar-header:after {
 
-  content: " ";
 
-  display: table;
 
-}
 
-.clearfix:after,
 
-.navbar:after,
 
-.navbar-header:after {
 
-  clear: both;
 
-}
 
-.center-block {
 
-  display: block;
 
-  margin-left: auto;
 
-  margin-right: auto;
 
-}
 
-.pull-right {
 
-  float: right !important;
 
-}
 
-.pull-left {
 
-  float: left !important;
 
-}
 
-.hide {
 
-  display: none !important;
 
-}
 
-.show {
 
-  display: block !important;
 
-}
 
-.invisible {
 
-  visibility: hidden;
 
-}
 
-.text-hide {
 
-  font: 0/0 a;
 
-  color: transparent;
 
-  text-shadow: none;
 
-  background-color: transparent;
 
-  border: 0;
 
-}
 
-.hidden {
 
-  display: none !important;
 
-  visibility: hidden !important;
 
-}
 
-.affix {
 
-  position: fixed;
 
-  -webkit-transform: translate3d(0, 0, 0);
 
-  transform: translate3d(0, 0, 0);
 
-}
 
-/* general styles */
 
-a,
 
-button {
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-}
 
-.clickable {
 
-  cursor: pointer !important;
 
-}
 
-.required {
 
-  color: var(--primary-accent);
 
-}
 
-.accent {
 
-  color: var(--primary-accent);
 
-}
 
-.text-uppercase {
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-}
 
-@media (max-width: 991px) {
 
-  .text-center-sm {
 
-    text-align: center;
 
-  }
 
-}
 
-p.lead {
 
-  margin-bottom: 40px;
 
-}
 
-section,
 
-div.section {
 
-  margin-bottom: 40px;
 
-}
 
-.no-mb {
 
-  margin-bottom: 0 !important;
 
-}
 
-.mb-small {
 
-  margin-bottom: 20px !important;
 
-}
 
-.heading {
 
-  margin-bottom: 40px;
 
-}
 
-.heading h1,
 
-.heading h2,
 
-.heading h3,
 
-.heading h4,
 
-.heading h5 {
 
-  display: inline-block;
 
-  border-bottom: solid 5px var(--primary-accent);
 
-  line-height: 1.1;
 
-  margin-bottom: 0;
 
-  padding-bottom: 10px;
 
-  vertical-align: middle;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.06em;
 
-}
 
-.heading h1 i[class^="fa"],
 
-.heading h2 i[class^="fa"],
 
-.heading h3 i[class^="fa"],
 
-.heading h4 i[class^="fa"],
 
-.heading h5 i[class^="fa"] {
 
-  display: inline-block;
 
-  background: var(--primary-accent);
 
-  width: 30px;
 
-  height: 30px;
 
-  vertical-align: middle;
 
-  text-align: center;
 
-  color: #fff;
 
-  font-size: 12px;
 
-  line-height: 30px;
 
-  border-radius: 15px;
 
-}
 
-.icon {
 
-  display: inline-block;
 
-  width: 80px;
 
-  height: 80px;
 
-  color: #fff;
 
-  line-height: 80px;
 
-  border-radius: 40px;
 
-  border: solid 1px #fff;
 
-  font-size: 20px;
 
-}
 
-.icon.icon-lg {
 
-  font-size: 30px;
 
-  border-width: 2px;
 
-}
 
-.ul-icons {
 
-  padding-left: 10px;
 
-}
 
-.ul-icons li {
 
-  list-style-type: none;
 
-  line-height: 20px;
 
-  margin-bottom: 20px;
 
-}
 
-.ul-icons li i {
 
-  width: 20px;
 
-  height: 20px;
 
-  background: var(--primary-accent);
 
-  color: #fff;
 
-  text-align: center;
 
-  border-radius: 10px;
 
-  line-height: 20px;
 
-  margin-right: 10px;
 
-}
 
-ul.list-style-none {
 
-  list-style: none;
 
-}
 
-#text-page h1,
 
-#text-page h2,
 
-#text-page h3 {
 
-  font-weight: 700;
 
-}
 
-#error-page {
 
-  text-align: center;
 
-  margin-top: 40px;
 
-  margin-bottom: 100px;
 
-}
 
-#error-page h4 {
 
-  margin-bottom: 40px;
 
-}
 
-#error-page p.buttons {
 
-  margin-top: 40px;
 
-}
 
-.pages-listing .item {
 
-  text-align: center;
 
-}
 
-.pages-listing .item h3 {
 
-  font-size: 18px;
 
-  text-transform: uppercase;
 
-  margin-bottom: 20px;
 
-  letter-spacing: 0.08em;
 
-}
 
-.pages-listing .item h3 a {
 
-  color: #555555;
 
-}
 
-.pages-listing .item .text {
 
-  margin-bottom: 20px;
 
-}
 
-.pages-listing .item .text p {
 
-  color: #999999;
 
-  font-size: 12px;
 
-  margin-bottom: 20px;
 
-}
 
-.banner {
 
-  margin-bottom: 30px;
 
-  text-align: center;
 
-}
 
-.banner img {
 
-  margin: 0 auto;
 
-}
 
-.banner a:hover img {
 
-  opacity: 0.8;
 
-  filter: alpha(opacity=80);
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-}
 
-.pages {
 
-  text-align: center;
 
-}
 
-.pages .loadMore {
 
-  text-align: center;
 
-}
 
-.pages .pagination {
 
-  text-align: center;
 
-}
 
-.features-buttons button {
 
-  margin-bottom: 20px;
 
-}
 
-@media (min-width: 1300px) {
 
-  body.boxed {
 
-    background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png);
 
-  }
 
-  body.boxed #all {
 
-    position: relative;
 
-    background: #fff;
 
-    width: 1200px;
 
-    margin: 0 auto;
 
-    overflow: hidden;
 
-    -webkit-box-shadow: 0 0 5px #cccccc;
 
-    box-shadow: 0 0 5px #cccccc;
 
-  }
 
-}
 
-#top {
 
-  background: #555555;
 
-  color: #eeeeee;
 
-  padding: 10px 0;
 
-}
 
-#top p {
 
-  margin: 0;
 
-  font-size: 12px;
 
-}
 
-#top .social {
 
-  float: right;
 
-  text-align: right;
 
-}
 
-#top .social a {
 
-  color: #999999;
 
-  display: inline-block;
 
-  width: 24px;
 
-  height: 24px;
 
-  border-radius: 12px;
 
-  line-height: 24px;
 
-  font-size: 12px;
 
-  text-align: center;
 
-}
 
-#top .social a:hover {
 
-  color: #fff;
 
-  background: var(--primary-accent);
 
-  -webkit-transform: scale(1.1);
 
-  transform: scale(1.1);
 
-}
 
-#top .social a:hover.facebook {
 
-  background-color: #4460ae;
 
-}
 
-#top .social a:hover.gplus {
 
-  background-color: #c21f25;
 
-}
 
-#top .social a:hover.twitter {
 
-  background-color: #3cf;
 
-}
 
-#top .social a:hover.instagram {
 
-  background-color: #cd4378;
 
-}
 
-#top .social a:hover.email {
 
-  background-color: #4a7f45;
 
-}
 
-#top .login {
 
-  float: right;
 
-}
 
-#top .login a {
 
-  font-size: 12px;
 
-  color: #eeeeee;
 
-  margin-right: 15px;
 
-  text-decoration: none;
 
-  text-transform: uppercase;
 
-  font-weight: 700;
 
-  letter-spacing: 0.10em;
 
-}
 
-@media (max-width: 767px) {
 
-  #top .login {
 
-    float: left;
 
-  }
 
-}
 
-#top.light {
 
-  background: #fff;
 
-  color: #999999;
 
-  border-bottom: solid 1px #eeeeee;
 
-}
 
-#top.light .login a {
 
-  color: #555555;
 
-}
 
-.navbar {
 
-  border: none;
 
-}
 
-.navbar ul.nav > li > a {
 
-  text-transform: uppercase;
 
-  text-decoration: underline;
 
-  font-weight: bold;
 
-  letter-spacing: 0.08em;
 
-  border-top: solid 5px transparent;
 
-}
 
-.navbar ul.nav > li > a:hover {
 
-  border-top: solid 5px var(--primary-accent);
 
-}
 
-.navbar ul.nav > li.active > a,
 
-.navbar ul.nav > li.open > a {
 
-  text-decoration: none !important;
 
-  border-top: solid 5px var(--navbar-border-top);
 
-}
 
-@media (max-width: 768px) {
 
-  .navbar ul.nav > li.active > a,
 
-  .navbar ul.nav > li.open > a {
 
-    border-top-color: transparent;
 
-  }
 
-  .navbar ul.nav > li > a:hover {
 
-    border-top-color: transparent;
 
-  }
 
-}
 
-.navbar.navbar-light ul.nav > li.active > a {
 
-  border-top: solid 5px var(--navbar-border-top);
 
-  background: #fff !important;
 
-  color: #555555 !important;
 
-}
 
-.navbar.navbar-light ul.nav > li.active > a:hover {
 
-  border-top: solid 5px var(--navbar-border-top);
 
-}
 
-.navbar.navbar-light ul.nav > li > a:hover,
 
-.navbar.navbar-light ul.nav > li.open > a:hover,
 
-.navbar.navbar-light ul.nav > li > a:focus,
 
-.navbar.navbar-light ul.nav > li.open > a:focus {
 
-  border-top: solid 5px var(--primary-accent);
 
-  background: #fff !important;
 
-  color: #555555 !important;
 
-}
 
-.navbar ul.dropdown-menu {
 
-  margin: 0;
 
-  padding: 0;
 
-}
 
-.navbar ul.dropdown-menu li {
 
-  list-style-type: none;
 
-  border-bottom: solid 1px #eeeeee;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-  padding: 4px 0;
 
-}
 
-.navbar ul.dropdown-menu li a {
 
-  position: relative;
 
-  color: #999999;
 
-  font-size: 12px;
 
-  display: block;
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-  left: 0;
 
-}
 
-.navbar ul.dropdown-menu li a:hover {
 
-  color: var(--primary-accent);
 
-  text-decoration: none;
 
-  background: none;
 
-  left: 2px;
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-}
 
-@media (max-width: 767px) {
 
-  .navbar ul.dropdown-menu li a:hover {
 
-    left: 0;
 
-  }
 
-}
 
-.navbar .yamm-content h3 {
 
-  font-size: 18px;
 
-  text-transform: uppercase;
 
-  padding-bottom: 10px;
 
-  margin-top: 5px;
 
-  border-bottom: dotted 1px #555555;
 
-  letter-spacing: 0.08em;
 
-}
 
-@media (max-width: 767px) {
 
-  .navbar .yamm-content h3 {
 
-    font-size: 14px;
 
-  }
 
-}
 
-.navbar .yamm-content h5 {
 
-  text-transform: uppercase;
 
-  padding-bottom: 10px;
 
-  border-bottom: dotted 1px #555555;
 
-  letter-spacing: 0.08em;
 
-}
 
-.navbar .yamm-content ul {
 
-  margin: 0;
 
-  padding: 0;
 
-}
 
-.navbar .yamm-content ul li {
 
-  list-style-type: none;
 
-  border-bottom: solid 1px #eeeeee;
 
-  text-transform: uppercase;
 
-  padding: 4px 0;
 
-}
 
-.navbar .yamm-content ul li a {
 
-  position: relative;
 
-  color: #999999;
 
-  font-size: 12px;
 
-  display: block;
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-}
 
-.navbar .yamm-content ul li a:hover {
 
-  color: var(--primary-accent);
 
-  text-decoration: none;
 
-  padding-left: 2px;
 
-}
 
-.navbar .yamm-content .banner {
 
-  margin-bottom: 10px;
 
-}
 
-.navbar .yamm-fw .dropdown-menu {
 
-  padding: 0;
 
-}
 
-.navbar .navbar-buttons {
 
-  float: right;
 
-}
 
-.navbar .navbar-buttons button,
 
-.navbar .navbar-buttons a.btn,
 
-.navbar .navbar-buttons .btn-default.navbar-toggle {
 
-  margin-top: 11px;
 
-  margin-bottom: 11px;
 
-  margin-left: 0;
 
-  margin-right: 5px;
 
-}
 
-.navbar .btn-default,
 
-.navbar .btn-default.navbar-toggle {
 
-  color: #999999;
 
-  background-color: #fff;
 
-  margin-left: 7px;
 
-  margin-right: 0;
 
-}
 
-.navbar .btn-default:hover,
 
-.navbar .btn-default.navbar-toggle:hover,
 
-.navbar .btn-default:focus,
 
-.navbar .btn-default.navbar-toggle:focus {
 
-  background-color: #fff;
 
-  border-color: var(--primary-accent);
 
-  color: var(--primary-accent);
 
-}
 
-.navbar #search {
 
-  clear: both;
 
-  border-top: solid 1px var(--primary-accent);
 
-  text-align: right;
 
-}
 
-.navbar #search form {
 
-  float: right;
 
-}
 
-.navbar #search form .input-group {
 
-  width: 500px;
 
-}
 
-@media (max-width: 768px) {
 
-  .navbar #search form .input-group {
 
-    width: 100%;
 
-  }
 
-}
 
-.navbar #basket-overview a {
 
-  margin-left: 7px;
 
-}
 
-.navbar-affixed-top {
 
-  top: 0;
 
-  z-index: 1000;
 
-  width: 100%;
 
-}
 
-.navbar-affixed-top.affix {
 
-  -webkit-box-shadow: 0 0 5px #cccccc;
 
-  box-shadow: 0 0 5px #cccccc;
 
-}
 
-.navbar-affixed-top.affix + section {
 
-  margin-top: 62px;
 
-}
 
-@supports (position: sticky) {
 
-  .navbar-affixed-top {
 
-    position: sticky;
 
-  }
 
-  .navbar-affixed-top.affix + section {
 
-    margin-top: 0;
 
-  }
 
-}
 
-#login-modal {
 
-  overflow: hidden;
 
-}
 
-#login-modal .modal-header h4 {
 
-  text-transform: uppercase;
 
-}
 
-#login-modal form {
 
-  margin-bottom: 20px;
 
-}
 
-#login-modal a {
 
-  color: var(--primary-accent);
 
-}
 
-#login-modal p {
 
-  font-weight: 300;
 
-  margin-bottom: 20px;
 
-  font-size: 13px;
 
-}
 
-/* buttons  */
 
-.btn {
 
-  font-weight: 700;
 
-  font-family: "Roboto", Helvetica, Arial, sans-serif;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-  padding: 6px 12px;
 
-  font-size: 13px;
 
-  line-height: 1.42857143;
 
-  border-radius: 0;
 
-}
 
-.input-group .btn {
 
-  font-size: 14px;
 
-}
 
-.btn-lg {
 
-  padding: 10px 16px;
 
-  font-size: 14px;
 
-  line-height: 1.33;
 
-  border-radius: 0;
 
-}
 
-.btn-sm {
 
-  padding: 5px 10px;
 
-  font-size: 12px;
 
-  line-height: 1.5;
 
-  border-radius: 0;
 
-}
 
-.btn-xs {
 
-  padding: 1px 5px;
 
-  font-size: 12px;
 
-  line-height: 1.5;
 
-  border-radius: 0;
 
-}
 
-.btn-template-main {
 
-  color: var(--primary-accent);
 
-  background-color: #ffffff;
 
-  border-color: var(--primary-accent);
 
-}
 
-.btn-template-main:hover,
 
-.btn-template-main:focus,
 
-.btn-template-main:active,
 
-.btn-template-main.active,
 
-.open > .dropdown-toggle.btn-template-main {
 
-  color: var(--primary-accent);
 
-  background-color: #e6e6e6;
 
-  border-color: var(--button-border);
 
-}
 
-.btn-template-main:active,
 
-.btn-template-main.active,
 
-.open > .dropdown-toggle.btn-template-main {
 
-  background-image: none;
 
-}
 
-.btn-template-main.disabled,
 
-.btn-template-main[disabled],
 
-fieldset[disabled] .btn-template-main,
 
-.btn-template-main.disabled:hover,
 
-.btn-template-main[disabled]:hover,
 
-fieldset[disabled] .btn-template-main:hover,
 
-.btn-template-main.disabled:focus,
 
-.btn-template-main[disabled]:focus,
 
-fieldset[disabled] .btn-template-main:focus,
 
-.btn-template-main.disabled:active,
 
-.btn-template-main[disabled]:active,
 
-fieldset[disabled] .btn-template-main:active,
 
-.btn-template-main.disabled.active,
 
-.btn-template-main[disabled].active,
 
-fieldset[disabled] .btn-template-main.active {
 
-  background-color: #ffffff;
 
-  border-color: var(--primary-accent);
 
-}
 
-.btn-template-main .badge {
 
-  color: #ffffff;
 
-  background-color: var(--primary-accent);
 
-}
 
-.btn-template-main:hover,
 
-.btn-template-main:focus,
 
-.btn-template-main:active,
 
-.btn-template-main.active {
 
-  background: var(--primary-accent);
 
-  color: #ffffff;
 
-  border-color: var(--primary-accent);
 
-}
 
-.btn-template-transparent-primary {
 
-  color: #ffffff;
 
-  background-color: transparent;
 
-  border-color: #ffffff;
 
-}
 
-.btn-template-transparent-primary:hover,
 
-.btn-template-transparent-primary:focus,
 
-.btn-template-transparent-primary:active,
 
-.btn-template-transparent-primary.active,
 
-.open > .dropdown-toggle.btn-template-transparent-primary {
 
-  color: #ffffff;
 
-  background-color: rgba(0, 0, 0, 0);
 
-  border-color: #e0e0e0;
 
-}
 
-.btn-template-transparent-primary:active,
 
-.btn-template-transparent-primary.active,
 
-.open > .dropdown-toggle.btn-template-transparent-primary {
 
-  background-image: none;
 
-}
 
-.btn-template-transparent-primary.disabled,
 
-.btn-template-transparent-primary[disabled],
 
-fieldset[disabled] .btn-template-transparent-primary,
 
-.btn-template-transparent-primary.disabled:hover,
 
-.btn-template-transparent-primary[disabled]:hover,
 
-fieldset[disabled] .btn-template-transparent-primary:hover,
 
-.btn-template-transparent-primary.disabled:focus,
 
-.btn-template-transparent-primary[disabled]:focus,
 
-fieldset[disabled] .btn-template-transparent-primary:focus,
 
-.btn-template-transparent-primary.disabled:active,
 
-.btn-template-transparent-primary[disabled]:active,
 
-fieldset[disabled] .btn-template-transparent-primary:active,
 
-.btn-template-transparent-primary.disabled.active,
 
-.btn-template-transparent-primary[disabled].active,
 
-fieldset[disabled] .btn-template-transparent-primary.active {
 
-  background-color: transparent;
 
-  border-color: #ffffff;
 
-}
 
-.btn-template-transparent-primary .badge {
 
-  color: transparent;
 
-  background-color: #ffffff;
 
-}
 
-.btn-template-transparent-primary:hover,
 
-.btn-template-transparent-primary:focus,
 
-.btn-template-transparent-primary:active,
 
-.btn-template-transparent-primary.active {
 
-  background: #fff;
 
-  color: var(--primary-accent);
 
-  border-color: #fff;
 
-}
 
-.btn-template-transparent-black {
 
-  color: #ffffff;
 
-  background-color: transparent;
 
-  border-color: #ffffff;
 
-}
 
-.btn-template-transparent-black:hover,
 
-.btn-template-transparent-black:focus,
 
-.btn-template-transparent-black:active,
 
-.btn-template-transparent-black.active,
 
-.open > .dropdown-toggle.btn-template-transparent-black {
 
-  color: #ffffff;
 
-  background-color: rgba(0, 0, 0, 0);
 
-  border-color: #e0e0e0;
 
-}
 
-.btn-template-transparent-black:active,
 
-.btn-template-transparent-black.active,
 
-.open > .dropdown-toggle.btn-template-transparent-black {
 
-  background-image: none;
 
-}
 
-.btn-template-transparent-black.disabled,
 
-.btn-template-transparent-black[disabled],
 
-fieldset[disabled] .btn-template-transparent-black,
 
-.btn-template-transparent-black.disabled:hover,
 
-.btn-template-transparent-black[disabled]:hover,
 
-fieldset[disabled] .btn-template-transparent-black:hover,
 
-.btn-template-transparent-black.disabled:focus,
 
-.btn-template-transparent-black[disabled]:focus,
 
-fieldset[disabled] .btn-template-transparent-black:focus,
 
-.btn-template-transparent-black.disabled:active,
 
-.btn-template-transparent-black[disabled]:active,
 
-fieldset[disabled] .btn-template-transparent-black:active,
 
-.btn-template-transparent-black.disabled.active,
 
-.btn-template-transparent-black[disabled].active,
 
-fieldset[disabled] .btn-template-transparent-black.active {
 
-  background-color: transparent;
 
-  border-color: #ffffff;
 
-}
 
-.btn-template-transparent-black .badge {
 
-  color: transparent;
 
-  background-color: #ffffff;
 
-}
 
-.btn-template-transparent-black:hover,
 
-.btn-template-transparent-black:focus,
 
-.btn-template-transparent-black:active,
 
-.btn-template-transparent-black.active {
 
-  background: #fff;
 
-  color: #000;
 
-  border-color: #fff;
 
-}
 
-.btn-template-primary {
 
-  color: #ffffff;
 
-  background-color: var(--primary-accent);
 
-  border-color: var(--primary-accent);
 
-}
 
-.btn-template-primary:hover,
 
-.btn-template-primary:focus,
 
-.btn-template-primary:active,
 
-.btn-template-primary.active,
 
-.open > .dropdown-toggle.btn-template-primary {
 
-  color: #ffffff;
 
-  background-color: var(--link-hover-bg);
 
-  border-color: var(--button-border);
 
-}
 
-.btn-template-primary:active,
 
-.btn-template-primary.active,
 
-.open > .dropdown-toggle.btn-template-primary {
 
-  background-image: none;
 
-}
 
-.btn-template-primary.disabled,
 
-.btn-template-primary[disabled],
 
-fieldset[disabled] .btn-template-primary,
 
-.btn-template-primary.disabled:hover,
 
-.btn-template-primary[disabled]:hover,
 
-fieldset[disabled] .btn-template-primary:hover,
 
-.btn-template-primary.disabled:focus,
 
-.btn-template-primary[disabled]:focus,
 
-fieldset[disabled] .btn-template-primary:focus,
 
-.btn-template-primary.disabled:active,
 
-.btn-template-primary[disabled]:active,
 
-fieldset[disabled] .btn-template-primary:active,
 
-.btn-template-primary.disabled.active,
 
-.btn-template-primary[disabled].active,
 
-fieldset[disabled] .btn-template-primary.active {
 
-  background-color: var(--primary-accent);
 
-  border-color: var(--primary-accent);
 
-}
 
-.btn-template-primary .badge {
 
-  color: var(--primary-accent);
 
-  background-color: #ffffff;
 
-}
 
-#intro {
 
-  background: url('../img/home.jpg') no-repeat center top;
 
-  -webkit-background-size: cover;
 
-  -moz-background-size: cover;
 
-  -o-background-size: cover;
 
-  background-size: cover;
 
-}
 
-#intro .item {
 
-  font-family: "Roboto", Helvetica, Arial, sans-serif;
 
-  height: 100%;
 
-}
 
-#intro .item h1 {
 
-  text-transform: uppercase;
 
-  font-size: 50px;
 
-  color: #fff;
 
-  margin-bottom: 40px;
 
-  letter-spacing: 0.08em;
 
-}
 
-@media (max-width: 991px) {
 
-  #intro .item h1 {
 
-    font-size: 40px;
 
-  }
 
-}
 
-@media (max-width: 767px) {
 
-  #intro .item h1 {
 
-    font-size: 25px;
 
-  }
 
-}
 
-#intro .item h3 {
 
-  color: #fff;
 
-  margin-bottom: 40px;
 
-}
 
-@media (max-width: 767px) {
 
-  #intro .item h3 {
 
-    font-size: 15px;
 
-    margin-bottom: 20px;
 
-  }
 
-}
 
-#intro .item .btn {
 
-  text-transform: none;
 
-}
 
-@media (max-width: 991px) {
 
-  #intro .item .btn {
 
-    font-size: 14px;
 
-  }
 
-}
 
-@media (max-width: 991px) {
 
-  #intro .item .carousel-caption {
 
-    left: 10%;
 
-    right: 10%;
 
-  }
 
-}
 
-#intro .container,
 
-#intro .row {
 
-  height: 100%;
 
-  position: relative;
 
-}
 
-.jumbotron {
 
-  padding: 30px;
 
-  margin-bottom: 0;
 
-  position: relative;
 
-  /* background: url('../img/photogrid.jpg') center center repeat; */
 
-  background-size: cover;
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-}
 
-.jumbotron .dark-mask {
 
-  position: absolute;
 
-  top: 0;
 
-  left: 0;
 
-  width: 100%;
 
-  height: 100%;
 
-  background: var(--primary-accent);
 
-  opacity: 0.9;
 
-  filter: alpha(opacity=90);
 
-}
 
-.jumbotron h1,
 
-.jumbotron h2,
 
-.jumbotron h3,
 
-.jumbotron p,
 
-.jumbotron ul {
 
-  color: #fff;
 
-}
 
-.jumbotron h1,
 
-.jumbotron h2,
 
-.jumbotron h3 {
 
-  color: #ffffff;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-}
 
-.jumbotron p {
 
-  margin-bottom: 20px;
 
-  font-size: 21px;
 
-  font-weight: 400;
 
-}
 
-.jumbotron p.text-uppercase {
 
-  font-weight: 700;
 
-}
 
-.jumbotron > hr {
 
-  border-top-color: #d5d5d5;
 
-}
 
-.container .jumbotron {
 
-  border-radius: 0;
 
-}
 
-.jumbotron .container {
 
-  max-width: 100%;
 
-  z-index: 2;
 
-}
 
-@media screen and (min-width: 768px) {
 
-  .jumbotron {
 
-    padding-top: 48px;
 
-    padding-bottom: 48px;
 
-  }
 
-  .container .jumbotron {
 
-    padding-left: 60px;
 
-    padding-right: 60px;
 
-  }
 
-  .jumbotron h1,
 
-  .jumbotron .h1 {
 
-    font-size: 46px;
 
-  }
 
-}
 
-#categoryMenu h3 {
 
-  padding: 20px;
 
-  background: #f7f7f7;
 
-  margin: 0;
 
-  border-bottom: solid 1px #eeeeee;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-}
 
-.panel.sidebar-menu h3 {
 
-  padding: 5px 0;
 
-  margin: 0;
 
-}
 
-.panel.sidebar-menu {
 
-  background: #fff;
 
-  margin: 0 0 20px;
 
-  -webkit-box-sizing: border-box;
 
-  -moz-box-sizing: border-box;
 
-  box-sizing: border-box;
 
-}
 
-.panel.sidebar-menu .panel-heading {
 
-  text-transform: uppercase;
 
-  margin-bottom: 10px;
 
-  background: none;
 
-  padding: 0;
 
-  letter-spacing: 0.08em;
 
-  border-bottom: none;
 
-}
 
-.panel.sidebar-menu .panel-heading h1,
 
-.panel.sidebar-menu .panel-heading h2,
 
-.panel.sidebar-menu .panel-heading h3,
 
-.panel.sidebar-menu .panel-heading h4,
 
-.panel.sidebar-menu .panel-heading h5 {
 
-  display: inline-block;
 
-  border-bottom: solid 5px var(--primary-accent);
 
-  line-height: 1.1;
 
-  margin-bottom: 0;
 
-  padding-bottom: 10px;
 
-}
 
-.panel.sidebar-menu .panel-heading .btn.btn-danger {
 
-  color: #fff;
 
-  margin-top: 5px;
 
-}
 
-.panel.sidebar-menu .panel-body {
 
-  padding: 0;
 
-}
 
-.panel.sidebar-menu .panel-body span.colour {
 
-  display: inline-block;
 
-  width: 15px;
 
-  height: 15px;
 
-  border: solid 1px #555555;
 
-  vertical-align: top;
 
-  margin-top: 2px;
 
-  margin-left: 5px;
 
-}
 
-.panel.sidebar-menu .panel-body span.colour.white {
 
-  background: #fff;
 
-}
 
-.panel.sidebar-menu .panel-body span.colour.red {
 
-  background: red;
 
-}
 
-.panel.sidebar-menu .panel-body span.colour.green {
 
-  background: green;
 
-}
 
-.panel.sidebar-menu .panel-body span.colour.blue {
 
-  background: blue;
 
-}
 
-.panel.sidebar-menu .panel-body span.colour.yellow {
 
-  background: yellow;
 
-}
 
-.panel.sidebar-menu .panel-body label {
 
-  color: #999999;
 
-  font-size: 12px;
 
-}
 
-.panel.sidebar-menu .panel-body label:hover {
 
-  color: #555555;
 
-}
 
-.panel.sidebar-menu ul.nav.category-menu {
 
-  margin-bottom: 20px;
 
-  text-transform: uppercase;
 
-  font-weight: 700;
 
-  letter-spacing: 0.08em;
 
-}
 
-.panel.sidebar-menu ul.nav.category-menu li a {
 
-  font-family: "Roboto", Helvetica, Arial, sans-serif;
 
-}
 
-.panel.sidebar-menu ul.nav ul {
 
-  list-style: none;
 
-  padding-left: 0;
 
-}
 
-.panel.sidebar-menu ul.nav ul li {
 
-  display: block;
 
-}
 
-.panel.sidebar-menu ul.nav ul li a {
 
-  position: relative;
 
-  font-family: "Times New Roman", Times, serif;
 
-  font-weight: normal;
 
-  text-transform: none !important;
 
-  display: block;
 
-  padding: 10px 15px;
 
-  padding-left: 30px;
 
-  font-size: 12px;
 
-  color: #999999;
 
-}
 
-.panel.sidebar-menu ul.nav ul li a:hover,
 
-.panel.sidebar-menu ul.nav ul li a:focus {
 
-  text-decoration: none;
 
-  background-color: #eeeeee;
 
-}
 
-.panel.sidebar-menu ul.tag-cloud {
 
-  list-style: none;
 
-  padding-left: 0;
 
-}
 
-.panel.sidebar-menu ul.tag-cloud li {
 
-  display: inline-block;
 
-}
 
-.panel.sidebar-menu ul.tag-cloud li a {
 
-  display: inline-block;
 
-  padding: 5px;
 
-  border: solid 1px #eeeeee;
 
-  border-radius: 0;
 
-  color: var(--primary-accent);
 
-  margin: 5px 5px 5px 0;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-  font-weight: 700;
 
-  font-size: 12px;
 
-  text-decoration: none;
 
-}
 
-.panel.sidebar-menu ul.tag-cloud li a:hover {
 
-  color: var(--primary-accent);
 
-  border-color: var(--primary-accent);
 
-}
 
-.panel.sidebar-menu ul.tag-cloud li.active a {
 
-  color: #FFFFFF;
 
-  background-color: var(--primary-accent);
 
-}
 
-.panel.sidebar-menu ul.tag-cloud li.active a:hover {
 
-  color: #FFFFFF;
 
-}
 
-.panel.sidebar-menu ul.popular,
 
-.panel.sidebar-menu ul.recent {
 
-  list-style: none;
 
-  padding-left: 0;
 
-  padding: 20px 0;
 
-}
 
-.panel.sidebar-menu ul.popular li,
 
-.panel.sidebar-menu ul.recent li {
 
-  margin-bottom: 10px;
 
-  padding: 5px 0;
 
-  border-bottom: dotted 1px #eeeeee;
 
-}
 
-.panel.sidebar-menu ul.popular li:before,
 
-.panel.sidebar-menu ul.recent li:before,
 
-.panel.sidebar-menu ul.popular li:after,
 
-.panel.sidebar-menu ul.recent li:after {
 
-  content: " ";
 
-  display: table;
 
-}
 
-.panel.sidebar-menu ul.popular li:after,
 
-.panel.sidebar-menu ul.recent li:after {
 
-  clear: both;
 
-}
 
-.panel.sidebar-menu ul.popular li:before,
 
-.panel.sidebar-menu ul.recent li:before,
 
-.panel.sidebar-menu ul.popular li:after,
 
-.panel.sidebar-menu ul.recent li:after {
 
-  content: " ";
 
-  display: table;
 
-}
 
-.panel.sidebar-menu ul.popular li:after,
 
-.panel.sidebar-menu ul.recent li:after {
 
-  clear: both;
 
-}
 
-.panel.sidebar-menu ul.popular li img,
 
-.panel.sidebar-menu ul.recent li img {
 
-  width: 50px;
 
-  margin-right: 10px;
 
-}
 
-.panel.sidebar-menu ul.popular li h5,
 
-.panel.sidebar-menu ul.recent li h5 {
 
-  margin: 0 0 10px;
 
-}
 
-.panel.sidebar-menu ul.popular li h5 a,
 
-.panel.sidebar-menu ul.recent li h5 a {
 
-  font-weight: normal;
 
-}
 
-.panel.sidebar-menu ul.popular li p.date,
 
-.panel.sidebar-menu ul.recent li p.date {
 
-  float: right;
 
-  font-size: 12px;
 
-  color: #999999;
 
-}
 
-.panel.sidebar-menu ul.popular li:last-child,
 
-.panel.sidebar-menu ul.recent li:last-child {
 
-  border-bottom: none;
 
-}
 
-.panel.sidebar-menu .text-widget {
 
-  font-size: 12px;
 
-}
 
-.panel.sidebar-menu.with-icons ul.nav li a:after {
 
-  font-family: 'FontAwesome';
 
-  content: "\f105";
 
-  position: relative;
 
-  top: 0;
 
-  float: right;
 
-}
 
-/* ribbons for product sales etc. */
 
-.ribbon {
 
-  position: absolute;
 
-  top: 50px;
 
-  padding-left: 51px;
 
-  font-weight: 700;
 
-  letter-spacing: 0.08em;
 
-}
 
-.ribbon .ribbon-background {
 
-  position: absolute;
 
-  top: 0;
 
-  right: 0;
 
-}
 
-.ribbon .theribbon {
 
-  position: relative;
 
-  width: 80px;
 
-  padding: 6px 20px 6px 20px;
 
-  margin: 30px 10px 10px -71px;
 
-  color: #fff;
 
-  background-color: var(--primary-accent);
 
-  font-family: "Roboto", Helvetica, Arial, sans-serif;
 
-}
 
-.ribbon .theribbon:before,
 
-.ribbon .theribbon:after {
 
-  content: ' ';
 
-  position: absolute;
 
-  width: 0;
 
-  height: 0;
 
-}
 
-.ribbon .theribbon:after {
 
-  left: 0px;
 
-  top: 100%;
 
-  border-width: 5px 10px;
 
-  border-style: solid;
 
-  border-color: #000000 #000000 transparent transparent;
 
-}
 
-.ribbon.sale {
 
-  top: 0;
 
-}
 
-.ribbon.new {
 
-  top: 50px;
 
-}
 
-.ribbon.new .theribbon {
 
-  background-color: #5bc0de;
 
-  text-shadow: 0px 1px 2px #bbb;
 
-}
 
-.ribbon.new .theribbon:after {
 
-  border-color: #2390b0 #2390b0 transparent transparent;
 
-}
 
-.ribbon.gift {
 
-  top: 100px;
 
-}
 
-.ribbon.gift .theribbon {
 
-  background-color: #5cb85c;
 
-  text-shadow: 0px 1px 2px #bbb;
 
-}
 
-.ribbon.gift .theribbon:after {
 
-  border-color: #357935 #357935 transparent transparent;
 
-}
 
-.owl-carousel .owl-controls .owl-page.active span,
 
-.owl-theme .owl-controls .owl-page.active span,
 
-.owl-carousel .owl-controls.clickable .owl-page:hover span,
 
-.owl-theme .owl-controls.clickable .owl-page:hover span {
 
-  background: var(--primary-accent);
 
-}
 
-.owl-carousel .owl-controls .owl-buttons,
 
-.owl-theme .owl-controls .owl-buttons {
 
-  position: absolute;
 
-  top: 5px;
 
-  right: 0;
 
-}
 
-.owl-carousel .owl-controls .owl-buttons div,
 
-.owl-theme .owl-controls .owl-buttons div {
 
-  width: 26px;
 
-  height: 26px;
 
-  line-height: 25px;
 
-  margin: 0 5px 0 0;
 
-  font-size: 18px;
 
-  color: var(--primary-accent);
 
-  padding: 0;
 
-  background: #fff;
 
-  border-radius: 13px;
 
-  vertical-align: middle;
 
-  text-align: center;
 
-  opacity: 1;
 
-  filter: alpha(opacity=100);
 
-}
 
-.home-carousel {
 
-  position: relative;
 
-  /* background: url('../img/photogrid.jpg') center center repeat; */
 
-  background-size: cover;
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-}
 
-.home-carousel .dark-mask {
 
-  position: absolute;
 
-  top: 0;
 
-  left: 0;
 
-  width: 100%;
 
-  height: 100%;
 
-  background: var(--primary-accent);
 
-  opacity: 0.9;
 
-  filter: alpha(opacity=90);
 
-}
 
-.home-carousel .owl-carousel {
 
-  padding-top: 60px;
 
-  padding-bottom: 20px;
 
-}
 
-.home-carousel .owl-theme .owl-controls .owl-page span {
 
-  background: #666;
 
-}
 
-.home-carousel .owl-theme .owl-controls .owl-page.active span {
 
-  background: #fff;
 
-}
 
-.home-carousel .owl-theme .owl-controls .owl-page:hover span {
 
-  background: #fff;
 
-}
 
-@media (max-width: 767px) {
 
-  .home-carousel {
 
-    text-align: center !important;
 
-  }
 
-}
 
-@media (min-width: 992px) {
 
-  .home-carousel .right {
 
-    text-align: right;
 
-  }
 
-}
 
-.home-carousel h1,
 
-.home-carousel h2,
 
-.home-carousel h3,
 
-.home-carousel p,
 
-.home-carousel ul {
 
-  color: #fff;
 
-}
 
-.home-carousel h1 {
 
-  font-weight: 700;
 
-  text-transform: uppercase;
 
-  font-size: 46px;
 
-  letter-spacing: 0.08em;
 
-}
 
-@media (max-width: 991px) {
 
-  .home-carousel h1 {
 
-    font-size: 36px;
 
-  }
 
-}
 
-.home-carousel h2 {
 
-  font-weight: 700;
 
-  text-transform: uppercase;
 
-  font-size: 40px;
 
-  letter-spacing: 0.08em;
 
-}
 
-.home-carousel ul,
 
-.home-carousel p {
 
-  font-size: 18px;
 
-  font-weight: 700;
 
-  padding: 0;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.10em;
 
-}
 
-@media (max-width: 991px) {
 
-  .home-carousel ul,
 
-  .home-carousel p {
 
-    font-size: 14px;
 
-  }
 
-}
 
-.home-carousel ul li {
 
-  margin-bottom: 10px;
 
-}
 
-.customers {
 
-  padding: 0;
 
-  margin-bottom: 40px;
 
-}
 
-.customers .item {
 
-  list-style-type: none;
 
-  text-align: center;
 
-  margin: 0 20px;
 
-}
 
-.customers .item img {
 
-  display: inline-block;
 
-  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
 
-  /* Firefox 10+, Firefox on Android */
 
-  filter: gray;
 
-  /* IE6-9 */
 
-  -webkit-filter: grayscale(100%);
 
-  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-}
 
-.customers .item img:hover {
 
-  max-width: auto;
 
-  filter: none;
 
-  -webkit-filter: none;
 
-}
 
-.testimonials {
 
-  padding: 0;
 
-  margin-bottom: 40px;
 
-}
 
-.testimonials .item {
 
-  list-style-type: none;
 
-  margin: 0 5px;
 
-  background: #fff;
 
-  padding-bottom: 60px;
 
-  -webkit-box-sizing: border-box;
 
-  -moz-box-sizing: border-box;
 
-  box-sizing: border-box;
 
-}
 
-.testimonials .item .testimonial {
 
-  position: relative;
 
-  padding: 20px;
 
-}
 
-.testimonials .item .testimonial:before,
 
-.testimonials .item .testimonial:after {
 
-  content: " ";
 
-  display: table;
 
-}
 
-.testimonials .item .testimonial:after {
 
-  clear: both;
 
-}
 
-.testimonials .item .testimonial:before,
 
-.testimonials .item .testimonial:after {
 
-  content: " ";
 
-  display: table;
 
-}
 
-.testimonials .item .testimonial:after {
 
-  clear: both;
 
-}
 
-.testimonials .item .testimonial .text {
 
-  color: #999999;
 
-  margin-bottom: 40px;
 
-}
 
-.testimonials .item .testimonial .bottom {
 
-  position: absolute;
 
-  left: 0;
 
-  bottom: 0;
 
-  width: 100%;
 
-  -webkit-box-sizing: border-box;
 
-  -moz-box-sizing: border-box;
 
-  box-sizing: border-box;
 
-  padding: 20px;
 
-  height: 50px;
 
-}
 
-.testimonials .item .testimonial .bottom .icon {
 
-  color: var(--primary-accent);
 
-  font-size: 30px;
 
-  float: left;
 
-  width: 20%;
 
-}
 
-.testimonials .item .testimonial .name-picture {
 
-  float: right;
 
-  width: 80%;
 
-  text-align: right;
 
-}
 
-.testimonials .item .testimonial .name-picture h5 {
 
-  font-size: 14px;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-}
 
-.testimonials .item .testimonial .name-picture p {
 
-  color: #999999;
 
-  margin: 0;
 
-  font-size: 12px;
 
-}
 
-.testimonials .item .testimonial .name-picture img {
 
-  float: right;
 
-  width: 60px;
 
-  border-radius: 30px;
 
-  margin-left: 10px;
 
-}
 
-.team-member {
 
-  text-align: center;
 
-  margin-bottom: 40px;
 
-}
 
-.team-member h3 {
 
-  font-size: 18px;
 
-  text-transform: uppercase;
 
-  margin-bottom: 5px;
 
-  letter-spacing: 0.08em;
 
-}
 
-.team-member h3 a {
 
-  color: #555555;
 
-}
 
-.team-member p.role {
 
-  color: #999999;
 
-  font-size: 12px;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.06em;
 
-}
 
-.team-member .social {
 
-  margin-bottom: 20px;
 
-}
 
-.team-member .social a {
 
-  margin: 0 10px 0 0;
 
-  color: #fff;
 
-  display: inline-block;
 
-  width: 26px;
 
-  height: 26px;
 
-  border-radius: 13px;
 
-  line-height: 26px;
 
-  font-size: 15px;
 
-  text-align: center;
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-  vertical-align: bottom;
 
-}
 
-.team-member .social a i {
 
-  vertical-align: bottom;
 
-  line-height: 26px;
 
-}
 
-.team-member .social a.facebook {
 
-  background-color: #4460ae;
 
-}
 
-.team-member .social a.gplus {
 
-  background-color: #c21f25;
 
-}
 
-.team-member .social a.twitter {
 
-  background-color: #3cf;
 
-}
 
-.team-member .social a.instagram {
 
-  background-color: #cd4378;
 
-}
 
-.team-member .social a.email {
 
-  background-color: #4a7f45;
 
-}
 
-.team-member .text p {
 
-  color: #999999;
 
-  font-size: 12px;
 
-}
 
-.team-member .social,
 
-.team-member-detail .social {
 
-  margin-bottom: 20px;
 
-}
 
-.team-member .social a,
 
-.team-member-detail .social a {
 
-  margin: 0 10px 0 0;
 
-  color: #fff;
 
-  display: inline-block;
 
-  width: 26px;
 
-  height: 26px;
 
-  border-radius: 13px;
 
-  line-height: 26px;
 
-  font-size: 15px;
 
-  text-align: center;
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-  vertical-align: bottom;
 
-}
 
-.team-member .social a i,
 
-.team-member-detail .social a i {
 
-  vertical-align: bottom;
 
-  line-height: 26px;
 
-}
 
-.team-member .social a.facebook,
 
-.team-member-detail .social a.facebook {
 
-  background-color: #4460ae;
 
-}
 
-.team-member .social a.gplus,
 
-.team-member-detail .social a.gplus {
 
-  background-color: #c21f25;
 
-}
 
-.team-member .social a.twitter,
 
-.team-member-detail .social a.twitter {
 
-  background-color: #3cf;
 
-}
 
-.team-member .social a.instagram,
 
-.team-member-detail .social a.instagram {
 
-  background-color: #cd4378;
 
-}
 
-.team-member .social a.email,
 
-.team-member-detail .social a.email {
 
-  background-color: #4a7f45;
 
-}
 
-.box-simple {
 
-  text-align: center;
 
-  margin-bottom: 40px;
 
-}
 
-.box-simple .icon {
 
-  color: var(--primary-accent);
 
-  border-color: var(--primary-accent);
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-}
 
-.box-simple h3 {
 
-  font-weight: normal;
 
-  font-size: 18px;
 
-  text-transform: uppercase;
 
-  line-height: 1.5;
 
-  color: #555555;
 
-  font-weight: 800;
 
-  letter-spacing: 0.08em;
 
-}
 
-.box-simple h3 a {
 
-  color: #555555;
 
-}
 
-.box-simple p {
 
-  color: #999999;
 
-}
 
-.box-simple:hover .icon {
 
-  -webkit-transform: scale(1.1, 1.1);
 
-  -ms-transform: scale(1.1, 1.1);
 
-  -o-transform: scale(1.1, 1.1);
 
-  transform: scale(1.1, 1.1);
 
-}
 
-.box-simple:hover .icon i {
 
-  -webkit-transform: scale(1, 1);
 
-  -ms-transform: scale(1, 1);
 
-  -o-transform: scale(1, 1);
 
-  transform: scale(1, 1);
 
-}
 
-.box-simple.box-white {
 
-  padding: 20px;
 
-  border: dotted 1px #999999;
 
-}
 
-.box-simple.box-white .icon {
 
-  color: #555555;
 
-  border-color: transparent;
 
-  font-size: 70px;
 
-}
 
-.box-simple.box-dark {
 
-  padding: 20px;
 
-  border: dotted 1px #999999;
 
-  background: #555555;
 
-  color: #fff;
 
-}
 
-.box-simple.box-dark .icon {
 
-  color: #f7f7f7;
 
-  border-color: transparent;
 
-  font-size: 70px;
 
-}
 
-.box-simple.box-dark h3 {
 
-  color: #fff;
 
-}
 
-.box-simple.box-dark h3 a {
 
-  color: #fff;
 
-}
 
-.box-simple.box-dark p {
 
-  color: #fff;
 
-}
 
-.box-image {
 
-  position: relative;
 
-  overflow: hidden;
 
-  text-align: center;
 
-  margin: 15px 0;
 
-}
 
-.box-image .bg {
 
-  position: absolute;
 
-  top: auto;
 
-  bottom: 0;
 
-  width: 100%;
 
-  height: 100%;
 
-  opacity: 0;
 
-  filter: alpha(opacity=0);
 
-  background: var(--primary-accent);
 
-}
 
-.box-image .name {
 
-  position: absolute;
 
-  width: 100%;
 
-  height: 50%;
 
-  bottom: 0;
 
-  -webkit-transform: translate(0, 100%);
 
-  -ms-transform: translate(0, 100%);
 
-  -o-transform: translate(0, 100%);
 
-  transform: translate(0, 100%);
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-  color: #fff;
 
-  padding: 0 20px;
 
-}
 
-.box-image .name h3 {
 
-  color: #fff;
 
-  text-transform: uppercase;
 
-  font-size: 18px;
 
-  letter-spacing: 0.08em;
 
-}
 
-.box-image .name h3 a {
 
-  color: #fff;
 
-  text-decoration: none;
 
-}
 
-.box-image .text {
 
-  position: absolute;
 
-  width: 100%;
 
-  height: 50%;
 
-  top: 0;
 
-  -webkit-transform: translate(0, -150%);
 
-  -ms-transform: translate(0, -150%);
 
-  -o-transform: translate(0, -150%);
 
-  transform: translate(0, -150%);
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-  color: #fff;
 
-  padding: 0 20px;
 
-}
 
-.box-image:hover .bg {
 
-  opacity: 0.7;
 
-  filter: alpha(opacity=70);
 
-}
 
-.box-image:hover .name {
 
-  position: absolute;
 
-  -webkit-transform: translate(0, -75%);
 
-  -ms-transform: translate(0, -75%);
 
-  -o-transform: translate(0, -75%);
 
-  transform: translate(0, -75%);
 
-}
 
-.box-image:hover .text {
 
-  position: absolute;
 
-  -webkit-transform: translate(0, 100%);
 
-  -ms-transform: translate(0, 100%);
 
-  -o-transform: translate(0, 100%);
 
-  transform: translate(0, 100%);
 
-}
 
-.box-image-text {
 
-  position: relative;
 
-  overflow: hidden;
 
-  text-align: center;
 
-  margin: 15px 0;
 
-}
 
-.box-image-text .top {
 
-  position: relative;
 
-  margin-bottom: 10px;
 
-}
 
-.box-image-text .top .bg {
 
-  position: absolute;
 
-  top: auto;
 
-  bottom: 0;
 
-  width: 100%;
 
-  height: 100%;
 
-  opacity: 0;
 
-  filter: alpha(opacity=0);
 
-  background: var(--primary-accent);
 
-}
 
-.box-image-text .top .name {
 
-  position: absolute;
 
-  width: 100%;
 
-  height: 50%;
 
-  bottom: 0;
 
-  -webkit-transform: translate(0, 100%);
 
-  -ms-transform: translate(0, 100%);
 
-  -o-transform: translate(0, 100%);
 
-  transform: translate(0, 100%);
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-  color: #fff;
 
-  padding: 0 20px;
 
-}
 
-.box-image-text .top .name h3 {
 
-  color: #fff;
 
-  text-transform: uppercase;
 
-  font-size: 18px;
 
-  letter-spacing: 0.08em;
 
-}
 
-.box-image-text .top .name h3 a {
 
-  color: #fff;
 
-  text-decoration: none;
 
-}
 
-.box-image-text .top .text {
 
-  position: absolute;
 
-  width: 100%;
 
-  height: 50%;
 
-  top: 0;
 
-  -webkit-transform: translate(0, -150%);
 
-  -ms-transform: translate(0, -150%);
 
-  -o-transform: translate(0, -150%);
 
-  transform: translate(0, -150%);
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-  color: #fff;
 
-  padding: 0 20px;
 
-}
 
-.box-image-text .content h3,
 
-.box-image-text .content h4 {
 
-  text-transform: uppercase;
 
-  line-height: 1.5;
 
-  color: #555555;
 
-  font-weight: 800;
 
-  letter-spacing: 0.08em;
 
-}
 
-.box-image-text .content p {
 
-  color: #999999;
 
-}
 
-.box-image-text:hover .bg {
 
-  opacity: 0.7;
 
-  filter: alpha(opacity=70);
 
-}
 
-.box-image-text:hover .name {
 
-  position: absolute;
 
-  -webkit-transform: translate(0, -75%);
 
-  -ms-transform: translate(0, -75%);
 
-  -o-transform: translate(0, -75%);
 
-  transform: translate(0, -75%);
 
-}
 
-.box-image-text:hover .text {
 
-  position: absolute;
 
-  -webkit-transform: translate(0, 100%);
 
-  -ms-transform: translate(0, 100%);
 
-  -o-transform: translate(0, 100%);
 
-  transform: translate(0, 100%);
 
-}
 
-/* universal box */
 
-.box {
 
-  background: #fff;
 
-  margin: 0 0 30px;
 
-  border: solid 1px #ccc;
 
-  -webkit-box-sizing: border-box;
 
-  -moz-box-sizing: border-box;
 
-  box-sizing: border-box;
 
-  padding: 20px 0;
 
-  border-left: none;
 
-  border-right: none;
 
-}
 
-.box .box-header {
 
-  background: #f7f7f7;
 
-  margin: -20px 0 20px;
 
-  padding: 20px;
 
-  border-bottom: solid 1px #eeeeee;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-}
 
-.box .box-header:before,
 
-.box .box-header:after {
 
-  content: " ";
 
-  display: table;
 
-}
 
-.box .box-header:after {
 
-  clear: both;
 
-}
 
-.box .box-header:before,
 
-.box .box-header:after {
 
-  content: " ";
 
-  display: table;
 
-}
 
-.box .box-header:after {
 
-  clear: both;
 
-}
 
-.box .box-footer {
 
-  background: #f7f7f7;
 
-  margin: 30px 0 -20px;
 
-  padding: 20px;
 
-  border-top: solid 1px #eeeeee;
 
-}
 
-.box .box-footer:before,
 
-.box .box-footer:after {
 
-  content: " ";
 
-  display: table;
 
-}
 
-.box .box-footer:after {
 
-  clear: both;
 
-}
 
-.box .box-footer:before,
 
-.box .box-footer:after {
 
-  content: " ";
 
-  display: table;
 
-}
 
-.box .box-footer:after {
 
-  clear: both;
 
-}
 
-@media (max-width: 991px) {
 
-  .box .box-footer .btn {
 
-    margin-bottom: 20px;
 
-  }
 
-}
 
-.box.no-border {
 
-  border: none;
 
-}
 
-#heading-breadcrumbs {
 
-  background: url('../img/texture-bw.png') center center repeat;
 
-  padding: 20px 0;
 
-  margin-bottom: 40px;
 
-}
 
-#heading-breadcrumbs.no-mb {
 
-  margin-bottom: 0;
 
-}
 
-#heading-breadcrumbs h1 {
 
-  color: #333333;
 
-  text-transform: uppercase;
 
-  font-size: 30px;
 
-  font-weight: 700;
 
-  letter-spacing: 0.08em;
 
-}
 
-@media (max-width: 991px) {
 
-  #heading-breadcrumbs h1 {
 
-    text-align: center;
 
-  }
 
-}
 
-#heading-breadcrumbs ul.breadcrumb {
 
-  margin-top: 5px;
 
-  margin-bottom: 0;
 
-}
 
-.bar {
 
-  position: relative;
 
-  background: var(--primary-accent);
 
-  padding: 60px 0;
 
-}
 
-.bar.background-pentagon {
 
-  background: url('../img/texture-bw.png') center center repeat;
 
-  border-top: solid 1px #999999;
 
-  border-bottom: solid 1px #999999;
 
-}
 
-.bar.background-gray {
 
-  background: #eeeeee;
 
-}
 
-.bar.background-gray-dark {
 
-  background: #555555;
 
-}
 
-.bar.background-white {
 
-  background: #fff;
 
-}
 
-.bar.background-image-fixed-1 {
 
-  background: url('../img/fixed-background-1.jpg') center top no-repeat;
 
-  background-attachment: fixed;
 
-  background-size: cover;
 
-}
 
-.bar.background-image-fixed-2 {
 
-  background: url('../img/fixed-background-2.jpg') center top no-repeat;
 
-  background-attachment: fixed;
 
-  background-size: cover;
 
-}
 
-.bar.color-white h1,
 
-.bar.color-white h2,
 
-.bar.color-white h3,
 
-.bar.color-white h4,
 
-.bar.color-white h5,
 
-.bar.color-white h6,
 
-.bar.color-white p {
 
-  color: #fff;
 
-}
 
-.bar.padding-big {
 
-  padding: 50px 0;
 
-}
 
-.bar.padding-horizontal {
 
-  padding-left: 30px;
 
-  padding-right: 30px;
 
-}
 
-.bar.margin-vertical {
 
-  margin-top: 20px;
 
-  margin-bottom: 20px;
 
-}
 
-.bar .dark-mask {
 
-  position: absolute;
 
-  top: 0;
 
-  left: 0;
 
-  width: 100%;
 
-  height: 100%;
 
-  background: #000;
 
-  opacity: 0.3;
 
-  filter: alpha(opacity=30);
 
-}
 
-.portfolio.no-space {
 
-  padding: 0 15px;
 
-}
 
-.portfolio.no-space .box-image {
 
-  margin: 0 -15px;
 
-}
 
-.portfolio-project .project-more h4 {
 
-  color: #555555;
 
-  text-transform: uppercase;
 
-  margin-bottom: 0;
 
-  text-align: left;
 
-  font-size: 14px;
 
-  letter-spacing: 0.08em;
 
-}
 
-.portfolio-project .project-more p {
 
-  color: #999999;
 
-  padding: 10px 0;
 
-  margin-bottom: 20px;
 
-  text-align: left;
 
-}
 
-.portfolio-showcase {
 
-  margin: 15px 0 60px;
 
-}
 
-.portfolio-showcase h3 a {
 
-  text-transform: uppercase;
 
-  line-height: 1.5;
 
-  letter-spacing: 0.08em;
 
-}
 
-.portfolio-showcase p.lead {
 
-  color: #555555;
 
-  margin-bottom: 20px;
 
-}
 
-.portfolio-showcase p {
 
-  color: #999999;
 
-}
 
-.portfolio-showcase p.buttons {
 
-  margin-top: 40px;
 
-}
 
-.see-more {
 
-  text-align: center;
 
-  margin-top: 20px;
 
-  padding-top: 20px;
 
-}
 
-.see-more p {
 
-  font-size: 28px;
 
-  font-weight: 100;
 
-  margin-bottom: 20px;
 
-}
 
-.showcase .item {
 
-  text-align: center;
 
-}
 
-.showcase .item .icon {
 
-  display: inline-block;
 
-  width: 50px;
 
-  height: 50px;
 
-  color: #555555;
 
-  line-height: 50px;
 
-  border-radius: 25px;
 
-  border: solid 1px #555555;
 
-}
 
-.showcase .item h4 {
 
-  color: #555555;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-  line-height: 1.5;
 
-  font-size: 16px;
 
-}
 
-.showcase .item h4 span {
 
-  font-weight: bold;
 
-  font-size: 51px;
 
-}
 
-.packages .package {
 
-  background: #fff;
 
-  margin-top: 25px;
 
-  margin-bottom: 20px;
 
-  padding-bottom: 15px;
 
-  text-align: center;
 
-  border: solid 1px var(--primary-accent);
 
-  overflow: hidden;
 
-}
 
-.packages .package .package-header {
 
-  height: 57px;
 
-  color: #fff;
 
-  line-height: 57px;
 
-  background: var(--primary-accent);
 
-}
 
-.packages .package .package-header h5 {
 
-  color: #fff;
 
-  text-transform: uppercase;
 
-  font-weight: bold;
 
-  line-height: 57px;
 
-  margin: 0;
 
-  letter-spacing: 0.08em;
 
-}
 
-.packages .package .package-header.light-gray {
 
-  background: #eeeeee;
 
-}
 
-.packages .package .package-header.light-gray h5 {
 
-  color: #555555;
 
-}
 
-.packages .package .price {
 
-  line-height: 120px;
 
-  height: 100px;
 
-  color: #fff;
 
-  font-weight: 400;
 
-}
 
-.packages .package .price h4 {
 
-  display: inline;
 
-  font-size: 50px;
 
-  line-height: normal;
 
-  margin-bottom: 0;
 
-}
 
-.packages .package .price .period {
 
-  line-height: normal;
 
-  color: #999999;
 
-}
 
-.packages .package ul {
 
-  padding: 0;
 
-}
 
-.packages .package ul li {
 
-  list-style-type: none;
 
-  padding-top: 10px;
 
-  padding-bottom: 10px;
 
-  width: 80%;
 
-  margin: auto;
 
-  border-bottom: 1px dotted #ccc;
 
-}
 
-.packages .package ul li:last-child {
 
-  border-bottom: 0;
 
-}
 
-.packages .package ul li i {
 
-  font-size: 13px;
 
-  margin-right: 5px;
 
-}
 
-.packages .best-value .package {
 
-  margin-top: 0;
 
-  padding-bottom: 40px;
 
-}
 
-.packages .best-value .package .package-header {
 
-  height: 72px;
 
-  padding-top: 17px;
 
-  height: 82px !important;
 
-}
 
-.packages .best-value .package .package-header h5 {
 
-  font-weight: bold;
 
-  line-height: 29px;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-}
 
-.packages .best-value .package .package-header .meta-text {
 
-  font-size: 13px;
 
-  line-height: 15px;
 
-}
 
-#map {
 
-  height: 300px;
 
-}
 
-#map.with-border {
 
-  border-top: solid 1px var(--primary-accent);
 
-  border-bottom: solid 1px var(--primary-accent);
 
-}
 
-#blog-listing-big .post,
 
-#blog-homepage .post {
 
-  margin-bottom: 60px;
 
-}
 
-#blog-listing-big .post h2,
 
-#blog-homepage .post h2,
 
-#blog-listing-big .post h4,
 
-#blog-homepage .post h4 {
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-}
 
-#blog-listing-big .post h2 a,
 
-#blog-homepage .post h2 a,
 
-#blog-listing-big .post h4 a,
 
-#blog-homepage .post h4 a {
 
-  color: #555555;
 
-}
 
-#blog-listing-big .post h2 a:hover,
 
-#blog-homepage .post h2 a:hover,
 
-#blog-listing-big .post h4 a:hover,
 
-#blog-homepage .post h4 a:hover {
 
-  color: var(--primary-accent);
 
-}
 
-#blog-listing-big .post .author-category,
 
-#blog-homepage .post .author-category {
 
-  color: #999999;
 
-  text-transform: uppercase;
 
-  font-weight: 300;
 
-  letter-spacing: 0.08em;
 
-}
 
-#blog-listing-big .post .author-category a,
 
-#blog-homepage .post .author-category a {
 
-  font-weight: 500;
 
-}
 
-#blog-listing-big .post .date-comments a,
 
-#blog-homepage .post .date-comments a {
 
-  color: #999999;
 
-  margin-right: 20px;
 
-}
 
-#blog-listing-big .post .date-comments a:hover,
 
-#blog-homepage .post .date-comments a:hover {
 
-  color: var(--primary-accent);
 
-}
 
-@media (min-width: 768px) {
 
-  #blog-listing-big .post .date-comments,
 
-  #blog-homepage .post .date-comments {
 
-    text-align: right;
 
-  }
 
-}
 
-#blog-listing-big .post .intro,
 
-#blog-homepage .post .intro {
 
-  text-align: left;
 
-}
 
-#blog-listing-big .post .image,
 
-#blog-homepage .post .image {
 
-  margin-bottom: 10px;
 
-  overflow: hidden;
 
-}
 
-#blog-listing-big .post .image img,
 
-#blog-homepage .post .image img {
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-}
 
-@media (max-width: 767px) {
 
-  #blog-listing-big .post .image img.img-responsive,
 
-  #blog-homepage .post .image img.img-responsive {
 
-    min-width: 100%;
 
-  }
 
-}
 
-#blog-listing-big .post .video,
 
-#blog-homepage .post .video {
 
-  margin-bottom: 10px;
 
-}
 
-#blog-listing-big .post .read-more,
 
-#blog-homepage .post .read-more {
 
-  text-align: right;
 
-}
 
-#blog-listing-medium .post {
 
-  margin-bottom: 60px;
 
-}
 
-#blog-listing-medium .post h2 {
 
-  text-transform: uppercase;
 
-  margin: 0 0 10px;
 
-  font-size: 24px;
 
-  letter-spacing: 0.08em;
 
-}
 
-#blog-listing-medium .post h2 a {
 
-  color: #555555;
 
-}
 
-#blog-listing-medium .post h2 a:hover {
 
-  color: var(--primary-accent);
 
-}
 
-#blog-listing-medium .post .author-category {
 
-  float: left;
 
-  color: #999999;
 
-  text-transform: uppercase;
 
-  font-weight: 300;
 
-  font-size: 12px;
 
-  letter-spacing: 0.08em;
 
-}
 
-#blog-listing-medium .post .author-category a {
 
-  font-weight: 500;
 
-}
 
-#blog-listing-medium .post .date-comments {
 
-  float: right;
 
-  font-size: 12px;
 
-}
 
-#blog-listing-medium .post .date-comments a {
 
-  color: #999999;
 
-  margin-right: 20px;
 
-}
 
-#blog-listing-medium .post .date-comments a:hover {
 
-  color: var(--primary-accent);
 
-}
 
-@media (min-width: 768px) {
 
-  #blog-listing-medium .post .date-comments {
 
-    text-align: right;
 
-  }
 
-}
 
-#blog-listing-medium .post .intro {
 
-  text-align: left;
 
-}
 
-#blog-listing-medium .post .clearfix:before,
 
-#blog-listing-medium .post .clearfix:after,
 
-#blog-listing-medium .post .navbar:before,
 
-#blog-listing-medium .post .navbar:after,
 
-#blog-listing-medium .post .navbar-header:before,
 
-#blog-listing-medium .post .navbar-header:after {
 
-  content: " ";
 
-  display: table;
 
-}
 
-#blog-listing-medium .post .clearfix:after,
 
-#blog-listing-medium .post .navbar:after,
 
-#blog-listing-medium .post .navbar-header:after {
 
-  clear: both;
 
-}
 
-#blog-listing-medium .post .clearfix:before,
 
-#blog-listing-medium .post .clearfix:after,
 
-#blog-listing-medium .post .navbar:before,
 
-#blog-listing-medium .post .navbar:after,
 
-#blog-listing-medium .post .navbar-header:before,
 
-#blog-listing-medium .post .navbar-header:after {
 
-  content: " ";
 
-  display: table;
 
-}
 
-#blog-listing-medium .post .clearfix:after,
 
-#blog-listing-medium .post .navbar:after,
 
-#blog-listing-medium .post .navbar-header:after {
 
-  clear: both;
 
-}
 
-#blog-listing-medium .post .image {
 
-  margin-bottom: 10px;
 
-  overflow: hidden;
 
-}
 
-#blog-listing-medium .post .image img {
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-}
 
-@media (max-width: 767px) {
 
-  #blog-listing-medium .post .image img.img-responsive {
 
-    min-width: 100%;
 
-  }
 
-}
 
-#blog-listing-medium .post .video {
 
-  margin-bottom: 10px;
 
-}
 
-#blog-listing-medium .post .read-more {
 
-  text-align: right;
 
-}
 
-.box-image-text.blog .author-category {
 
-  color: #999999;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-  font-weight: 300;
 
-  font-size: 12px;
 
-}
 
-.box-image-text.blog .author-category a {
 
-  font-weight: 500;
 
-}
 
-.box-image-text.blog .intro {
 
-  text-align: left;
 
-  margin-bottom: 20px;
 
-}
 
-#blog-homepage .post {
 
-  margin-bottom: 30px;
 
-}
 
-#blog-homepage .post h2,
 
-#blog-homepage .post h4,
 
-#blog-homepage .post .author-category,
 
-#blog-homepage .post .read-more {
 
-  text-align: center;
 
-}
 
-#blog-homepage .post .read-more {
 
-  margin-top: 20px;
 
-}
 
-#blog-post #post-content {
 
-  margin-bottom: 20px;
 
-}
 
-#blog-post .comment {
 
-  margin-bottom: 25px;
 
-}
 
-#blog-post .comment:before,
 
-#blog-post .comment:after {
 
-  content: " ";
 
-  display: table;
 
-}
 
-#blog-post .comment:after {
 
-  clear: both;
 
-}
 
-#blog-post .comment:before,
 
-#blog-post .comment:after {
 
-  content: " ";
 
-  display: table;
 
-}
 
-#blog-post .comment:after {
 
-  clear: both;
 
-}
 
-#blog-post .comment .posted {
 
-  color: #999999;
 
-  font-size: 12px;
 
-}
 
-#blog-post .comment .reply {
 
-  font-family: "Roboto", Helvetica, Arial, sans-serif;
 
-}
 
-#blog-post .comment.last {
 
-  margin-bottom: 0;
 
-}
 
-#blog-post #comments,
 
-#blog-post #comment-form {
 
-  padding: 20px 0;
 
-  margin-top: 20px;
 
-  border-top: solid 1px #eeeeee;
 
-}
 
-#blog-post #comments:before,
 
-#blog-post #comment-form:before,
 
-#blog-post #comments:after,
 
-#blog-post #comment-form:after {
 
-  content: " ";
 
-  display: table;
 
-}
 
-#blog-post #comments:after,
 
-#blog-post #comment-form:after {
 
-  clear: both;
 
-}
 
-#blog-post #comments:before,
 
-#blog-post #comment-form:before,
 
-#blog-post #comments:after,
 
-#blog-post #comment-form:after {
 
-  content: " ";
 
-  display: table;
 
-}
 
-#blog-post #comments:after,
 
-#blog-post #comment-form:after {
 
-  clear: both;
 
-}
 
-#blog-post #comments h4,
 
-#blog-post #comment-form h4 {
 
-  margin-bottom: 20px;
 
-}
 
-#blog-post #comment-form {
 
-  margin-bottom: 20px;
 
-}
 
-.product {
 
-  background: #fff;
 
-  border-bottom: solid 1px #e6e6e6;
 
-  -webkit-box-sizing: border-box;
 
-  -moz-box-sizing: border-box;
 
-  box-sizing: border-box;
 
-  margin-bottom: 60px;
 
-  overflow: hidden;
 
-  text-align: center;
 
-}
 
-.product .image {
 
-  overflow: hidden;
 
-}
 
-.product .image img {
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-}
 
-@media (max-width: 767px) {
 
-  .product .image img.img-responsive {
 
-    min-width: 100%;
 
-  }
 
-}
 
-.product .text {
 
-  padding: 10px;
 
-}
 
-.product .text h3 {
 
-  font-size: 14px;
 
-  font-weight: 700;
 
-  height: 39.6px;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-}
 
-.product .text h3 a {
 
-  color: #555555;
 
-}
 
-.product .text h3 a:hover {
 
-  text-decoration: none;
 
-}
 
-.product .text p.price {
 
-  font-size: 18px;
 
-}
 
-.product .text p.price del {
 
-  color: #999999;
 
-}
 
-.product .buttons {
 
-  clear: both;
 
-  position: absolute;
 
-  display: none;
 
-  bottom: 0;
 
-  -webkit-box-sizing: border-box;
 
-  -moz-box-sizing: border-box;
 
-  box-sizing: border-box;
 
-  width: 100%;
 
-  border: solid 1px transparent;
 
-  padding: 20px;
 
-  background: rgba(255, 255, 255, 0.9);
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-  text-align: center;
 
-}
 
-.product .buttons .btn {
 
-  margin-bottom: 20px;
 
-}
 
-.product:hover {
 
-  border-bottom: solid 1px #808080;
 
-  top: 0;
 
-}
 
-.product:hover .buttons {
 
-  clear: both;
 
-  position: absolute;
 
-  top: 0;
 
-  background: rgba(255, 255, 255, 0.5);
 
-}
 
-.product:hover .image img {
 
-  -webkit-transform: scale(1.1, 1.1);
 
-  -ms-transform: scale(1.1, 1.1);
 
-  -o-transform: scale(1.1, 1.1);
 
-  transform: scale(1.1, 1.1);
 
-}
 
-.goToDescription {
 
-  font-size: 12px;
 
-  text-align: center;
 
-  margin-bottom: 40px;
 
-}
 
-.goToDescription a {
 
-  color: #999999;
 
-  text-decoration: underline;
 
-}
 
-#productMain {
 
-  margin-bottom: 30px;
 
-}
 
-#productMain .sizes {
 
-  text-align: center;
 
-}
 
-#productMain .sizes h3 {
 
-  font-weight: 700;
 
-  letter-spacing: 0.08em;
 
-  text-transform: uppercase;
 
-  margin-bottom: 40px;
 
-}
 
-#productMain .sizes a {
 
-  display: inline-block;
 
-  width: 40px;
 
-  height: 40px;
 
-  border-radius: 40px;
 
-  background: #ccc;
 
-  line-height: 40px;
 
-  color: #555555;
 
-  text-align: center;
 
-  text-decoration: none;
 
-  font-family: "Roboto", Helvetica, Arial, sans-serif;
 
-}
 
-#productMain .sizes a.active,
 
-#productMain .sizes a:hover {
 
-  background: var(--primary-accent);
 
-  color: #fff;
 
-}
 
-#productMain .sizes input {
 
-  display: none;
 
-}
 
-#productMain .price {
 
-  font-size: 40px;
 
-  text-align: center;
 
-  margin-top: 40px;
 
-  margin-bottom: 40px;
 
-}
 
-#thumbs a {
 
-  display: block;
 
-  border: solid 1px transparent;
 
-}
 
-#thumbs a.active {
 
-  border-color: var(--primary-accent);
 
-}
 
-#product-social {
 
-  text-align: center;
 
-}
 
-#product-social h4 {
 
-  font-weight: 300;
 
-  margin-bottom: 10px;
 
-}
 
-#product-social p {
 
-  line-height: 26px;
 
-}
 
-#product-social p a {
 
-  margin: 0 10px 0 0;
 
-  color: #fff;
 
-  display: inline-block;
 
-  width: 26px;
 
-  height: 26px;
 
-  border-radius: 13px;
 
-  line-height: 26px;
 
-  font-size: 15px;
 
-  text-align: center;
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-  vertical-align: bottom;
 
-}
 
-#product-social p a i {
 
-  vertical-align: bottom;
 
-  line-height: 26px;
 
-}
 
-#product-social p a.facebook {
 
-  background-color: #4460ae;
 
-}
 
-#product-social p a.gplus {
 
-  background-color: #c21f25;
 
-}
 
-#product-social p a.twitter {
 
-  background-color: #3cf;
 
-}
 
-#product-social p a.instagram {
 
-  background-color: #cd4378;
 
-}
 
-#product-social p a.email {
 
-  background-color: #4a7f45;
 
-}
 
-@media (max-width: 991px) {
 
-  #product-social {
 
-    text-align: center;
 
-  }
 
-}
 
-#checkout .nav {
 
-  margin-bottom: 20px;
 
-  border-bottom: solid 1px var(--primary-accent);
 
-}
 
-#checkout .nav li {
 
-  height: 100%;
 
-}
 
-#checkout .nav li a {
 
-  display: block;
 
-  height: 100%;
 
-}
 
-#order-summary table {
 
-  margin-top: 20px;
 
-}
 
-#order-summary table td {
 
-  color: #999999;
 
-}
 
-#order-summary table tr.total td,
 
-#order-summary table tr.total th {
 
-  font-size: 18px;
 
-  color: #555555;
 
-  font-weight: 700;
 
-}
 
-#checkout .table tbody tr td,
 
-#basket .table tbody tr td,
 
-#customer-order .table tbody tr td {
 
-  vertical-align: middle;
 
-}
 
-#checkout .table tbody tr td input,
 
-#basket .table tbody tr td input,
 
-#customer-order .table tbody tr td input {
 
-  width: 50px;
 
-  text-align: right;
 
-}
 
-#checkout .table tbody tr td img,
 
-#basket .table tbody tr td img,
 
-#customer-order .table tbody tr td img {
 
-  width: 50px;
 
-}
 
-#checkout .table tfoot,
 
-#basket .table tfoot,
 
-#customer-order .table tfoot {
 
-  font-size: 18px;
 
-}
 
-.shipping-method h4,
 
-.payment-method h4 {
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-}
 
-#customer-orders table tr th,
 
-#customer-orders table tr td {
 
-  vertical-align: baseline;
 
-}
 
-#customer-order .table tfoot th {
 
-  font-size: 18px;
 
-  font-weight: 300;
 
-}
 
-#customer-order .addresses {
 
-  text-align: right;
 
-  margin-bottom: 30px;
 
-}
 
-#customer-order .addresses p {
 
-  font-size: 18px;
 
-  font-weight: 300;
 
-}
 
-#customer-account {
 
-  margin-bottom: 30px;
 
-}
 
-#get-it {
 
-  background: var(--primary-accent);
 
-  padding: 50px 0 30px;
 
-  color: #fff;
 
-  text-align: center;
 
-}
 
-#get-it h1,
 
-#get-it h2,
 
-#get-it h3,
 
-#get-it h4,
 
-#get-it h5,
 
-#get-it h6 {
 
-  color: #fff;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-  margin: 0 0 20px;
 
-}
 
-#get-it p {
 
-  margin: 0 0 20px;
 
-}
 
-#footer {
 
-  background: #555555;
 
-  padding: 50px 0;
 
-  color: #999999;
 
-}
 
-#footer h1,
 
-#footer h2,
 
-#footer h3,
 
-#footer h4,
 
-#footer h5,
 
-#footer h6 {
 
-  color: #eeeeee;
 
-}
 
-#footer h4 {
 
-  font-size: 14px;
 
-  font-weight: 800;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-}
 
-#footer ul {
 
-  padding-left: 0;
 
-  list-style: none;
 
-}
 
-#footer ul a {
 
-  color: #999999;
 
-}
 
-#footer ul a:hover {
 
-  color: var(--primary-accent);
 
-  text-decoration: none;
 
-}
 
-#footer .photostream div {
 
-  float: left;
 
-  display: block;
 
-  -webkit-box-sizing: border-box;
 
-  -moz-box-sizing: border-box;
 
-  box-sizing: border-box;
 
-  width: 33%;
 
-  padding: 7.5px;
 
-  overflow: hidden;
 
-}
 
-#footer .photostream div a {
 
-  border: solid 1 px #eeeeee;
 
-}
 
-#footer .photostream div img {
 
-  -webkit-transition: all 0.2s ease-out;
 
-  -moz-transition: all 0.2s ease-out;
 
-  transition: all 0.2s ease-out;
 
-}
 
-#footer .photostream div:hover img {
 
-  -webkit-transform: scale(1.1, 1.1);
 
-  -ms-transform: scale(1.1, 1.1);
 
-  -o-transform: scale(1.1, 1.1);
 
-  transform: scale(1.1, 1.1);
 
-}
 
-#footer .blog-entries .item {
 
-  clear: both;
 
-  padding: 5px 0;
 
-  margin-bottom: 10px;
 
-  border-bottom: solid 1px #555555;
 
-}
 
-#footer .blog-entries .item .image {
 
-  float: left;
 
-  width: 15%;
 
-  margin-right: 10px;
 
-}
 
-#footer .blog-entries .item .name {
 
-  width: 75%;
 
-  margin-left: 10px;
 
-  display: table-cell;
 
-  vertical-align: middle;
 
-}
 
-#footer .blog-entries .item .name h5 {
 
-  margin: 0;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-  font-size: 12px;
 
-}
 
-#footer .blog-entries .item .name h5 a {
 
-  color: #eeeeee;
 
-}
 
-#footer .blog-entries .item .text {
 
-  width: 100%;
 
-  clear: both;
 
-}
 
-#footer .blog-entries .item:last-child {
 
-  border-bottom: none;
 
-  margin-bottom: 0;
 
-}
 
-#footer .social a {
 
-  color: #555555;
 
-  font-size: 25px;
 
-  margin: 0 10px 0 0;
 
-}
 
-#footer .social a:hover {
 
-  color: var(--primary-accent);
 
-}
 
-#copyright {
 
-  background: #333;
 
-  color: #ccc;
 
-  padding: 50px 0;
 
-  font-size: 12px;
 
-  line-height: 28px;
 
-}
 
-#copyright p {
 
-  margin: 0;
 
-}
 
-@media (max-width: 991px) {
 
-  #copyright p {
 
-    float: none !important;
 
-    text-align: center;
 
-    margin-bottom: 10px;
 
-  }
 
-}
 
-[data-animate] {
 
-  opacity: 0;
 
-  filter: alpha(opacity=0);
 
-}
 
-#style-switch-button {
 
-  position: fixed;
 
-  top: 100px;
 
-  left: 0px;
 
-  border-radius: 0;
 
-}
 
-#style-switch {
 
-  -webkit-box-sizing: border-box;
 
-  -moz-box-sizing: border-box;
 
-  box-sizing: border-box;
 
-  width: 300px;
 
-  padding: 20px;
 
-  position: fixed;
 
-  top: 140px;
 
-  left: 0;
 
-  background: #fff;
 
-  border: solid 1px #eeeeee;
 
-}
 
-@media (max-width: 991px) {
 
-  #style-switch-button {
 
-    display: none;
 
-  }
 
-  #style-switch {
 
-    display: none;
 
-  }
 
-}
 
-/* Original Boostrap template overwrite */
 
-/* breadcrumbs */
 
-.breadcrumb {
 
-  font-family: "Roboto", Helvetica, Arial, sans-serif;
 
-  text-transform: uppercase;
 
-  background-color: none;
 
-  letter-spacing: 0.08em;
 
-}
 
-/* nav */
 
-.nav > li > a {
 
-  padding: 10px 15px;
 
-}
 
-.nav > li > a:hover,
 
-.nav > li > a:focus {
 
-  background-color: #eeeeee;
 
-}
 
-.nav > li.disabled > a {
 
-  color: #999999;
 
-}
 
-.nav > li.disabled > a:hover,
 
-.nav > li.disabled > a:focus {
 
-  color: #999999;
 
-}
 
-.nav .open > a,
 
-.nav .open > a:hover,
 
-.nav .open > a:focus {
 
-  background-color: #eeeeee;
 
-  border-color: var(--primary-accent);
 
-}
 
-.nav-tabs {
 
-  border-bottom: 1px solid var(--primary-accent);
 
-}
 
-.nav-tabs > li {
 
-  float: left;
 
-  margin-bottom: -1px;
 
-}
 
-.nav-tabs > li > a {
 
-  margin-right: 2px;
 
-  line-height: 1.42857143;
 
-  border: 1px solid transparent;
 
-  border-radius: 0 0 0 0;
 
-}
 
-.nav-tabs > li > a:hover {
 
-  border-color: #eeeeee #eeeeee var(--primary-accent);
 
-}
 
-.nav-tabs > li.active > a,
 
-.nav-tabs > li.active > a:hover,
 
-.nav-tabs > li.active > a:focus {
 
-  color: #555555;
 
-  background-color: #ffffff;
 
-  border: 1px solid var(--primary-accent);
 
-  border-bottom-color: transparent;
 
-  cursor: default;
 
-}
 
-.nav-tabs.nav-justified {
 
-  width: 100%;
 
-  border-bottom: solid 1px var(--primary-accent);
 
-  border-bottom: 0;
 
-}
 
-.nav-tabs.nav-justified > li {
 
-  float: none;
 
-}
 
-.nav-tabs.nav-justified > li > a {
 
-  text-align: center;
 
-  /*margin-bottom: 5px;*/
 
-}
 
-.nav-tabs.nav-justified > .dropdown .dropdown-menu {
 
-  top: auto;
 
-  left: auto;
 
-}
 
-.nav-tabs.nav-justified > li > a {
 
-  margin-right: 0;
 
-  border-radius: 0;
 
-}
 
-.nav-tabs.nav-justified > .active > a,
 
-.nav-tabs.nav-justified > .active > a:hover,
 
-.nav-tabs.nav-justified > .active > a:focus {
 
-  border: 1px solid var(--primary-accent);
 
-}
 
-@media (min-width: 768px) {
 
-  .nav-tabs.nav-justified > li > a {
 
-    border-bottom: 1px solid var(--primary-accent);
 
-    border-radius: 0 0 0 0;
 
-  }
 
-  .nav-tabs.nav-justified > .active > a,
 
-  .nav-tabs.nav-justified > .active > a:hover,
 
-  .nav-tabs.nav-justified > .active > a:focus {
 
-    border-bottom-color: #ffffff;
 
-  }
 
-}
 
-.nav-pills > li {
 
-  float: left;
 
-}
 
-.nav-pills > li > a {
 
-  border-radius: 0;
 
-}
 
-.nav-pills > li + li {
 
-  margin-left: 2px;
 
-}
 
-.nav-pills > li.active > a,
 
-.nav-pills > li.active > a:hover,
 
-.nav-pills > li.active > a:focus {
 
-  color: #ffffff;
 
-  background-color: var(--primary-accent);
 
-}
 
-.nav-stacked > li {
 
-  float: none;
 
-}
 
-.nav-stacked > li + li {
 
-  margin-top: 2px;
 
-  margin-left: 0;
 
-}
 
-.nav-justified {
 
-  width: 100%;
 
-  border-bottom: solid 1px var(--primary-accent);
 
-}
 
-.nav-justified > li {
 
-  float: none;
 
-}
 
-.nav-justified > li > a {
 
-  text-align: center;
 
-  /*margin-bottom: 5px;*/
 
-}
 
-.nav-justified > .dropdown .dropdown-menu {
 
-  top: auto;
 
-  left: auto;
 
-}
 
-.nav-tabs-justified {
 
-  border-bottom: 0;
 
-}
 
-.nav-tabs-justified > li > a {
 
-  margin-right: 0;
 
-  border-radius: 0;
 
-}
 
-.nav-tabs-justified > .active > a,
 
-.nav-tabs-justified > .active > a:hover,
 
-.nav-tabs-justified > .active > a:focus {
 
-  border: 1px solid var(--primary-accent);
 
-}
 
-@media (min-width: 768px) {
 
-  .nav-tabs-justified > li > a {
 
-    border-bottom: 1px solid var(--primary-accent);
 
-    border-radius: 0 0 0 0;
 
-  }
 
-  .nav-tabs-justified > .active > a,
 
-  .nav-tabs-justified > .active > a:hover,
 
-  .nav-tabs-justified > .active > a:focus {
 
-    border-bottom-color: #ffffff;
 
-  }
 
-}
 
-.tab-content {
 
-  padding: 15px;
 
-  border: solid 1px #ddd;
 
-  border-top: none;
 
-}
 
-/* navbar */
 
-.navbar {
 
-  position: relative;
 
-  min-height: 62px;
 
-  margin-bottom: 0;
 
-  border-bottom: 1px solid transparent;
 
-}
 
-@media (min-width: 768px) {
 
-  .navbar {
 
-    border-radius: 0px;
 
-  }
 
-}
 
-@media (min-width: 768px) {
 
-  .navbar-header {
 
-    float: left;
 
-  }
 
-}
 
-.navbar-collapse {
 
-  overflow-x: visible;
 
-  padding-right: 15px;
 
-  padding-left: 15px;
 
-}
 
-.navbar-collapse.in {
 
-  overflow-y: auto;
 
-}
 
-@media (min-width: 768px) {
 
-  .navbar-collapse {
 
-    width: auto;
 
-    border-top: 0;
 
-    box-shadow: none;
 
-  }
 
-  .navbar-collapse.collapse {
 
-    display: block !important;
 
-    height: auto !important;
 
-    padding-bottom: 0;
 
-    overflow: visible !important;
 
-  }
 
-  .navbar-collapse.in {
 
-    overflow-y: visible;
 
-  }
 
-  .navbar-fixed-top .navbar-collapse,
 
-  .navbar-static-top .navbar-collapse,
 
-  .navbar-fixed-bottom .navbar-collapse {
 
-    padding-left: 0;
 
-    padding-right: 0;
 
-  }
 
-}
 
-.navbar-fixed-top .navbar-collapse,
 
-.navbar-affixed-top .navbar-collapse,
 
-.navbar-fixed-bottom .navbar-collapse {
 
-  max-height: 340px;
 
-}
 
-@media (max-width: 480px) and (orientation: landscape) {
 
-  .navbar-fixed-top .navbar-collapse,
 
-  .navbar-affixed-top .navbar-collapse,
 
-  .navbar-fixed-bottom .navbar-collapse {
 
-    max-height: 200px;
 
-  }
 
-}
 
-.container > .navbar-header,
 
-.container-fluid > .navbar-header,
 
-.container > .navbar-collapse,
 
-.container-fluid > .navbar-collapse {
 
-  margin-right: -15px;
 
-  margin-left: -15px;
 
-}
 
-@media (min-width: 768px) {
 
-  .container > .navbar-header,
 
-  .container-fluid > .navbar-header,
 
-  .container > .navbar-collapse,
 
-  .container-fluid > .navbar-collapse {
 
-    margin-right: 0;
 
-    margin-left: 0;
 
-  }
 
-}
 
-.navbar-static-top {
 
-  z-index: 1000;
 
-  border-width: 0 0 1px;
 
-}
 
-@media (min-width: 768px) {
 
-  .navbar-static-top {
 
-    border-radius: 0;
 
-  }
 
-}
 
-.navbar-fixed-top,
 
-.navbar-fixed-bottom {
 
-  position: fixed;
 
-  right: 0;
 
-  left: 0;
 
-  z-index: 1030;
 
-  -webkit-transform: translate3d(0, 0, 0);
 
-  transform: translate3d(0, 0, 0);
 
-}
 
-@media (min-width: 768px) {
 
-  .navbar-fixed-top,
 
-  .navbar-fixed-bottom {
 
-    border-radius: 0;
 
-  }
 
-}
 
-.navbar-fixed-top {
 
-  top: 0;
 
-  border-width: 0 0 1px;
 
-}
 
-.navbar-fixed-bottom {
 
-  bottom: 0;
 
-  margin-bottom: 0;
 
-  border-width: 1px 0 0;
 
-}
 
-.navbar-brand {
 
-  float: left;
 
-  padding: 10px 15px;
 
-  font-size: 18px;
 
-  line-height: 20px;
 
-  height: 62px;
 
-}
 
-.navbar-brand:hover,
 
-.navbar-brand:focus {
 
-  text-decoration: none;
 
-}
 
-.navbar-brand img {
 
-  max-height: 42px;
 
-}
 
-@media (min-width: 768px) {
 
-  .navbar > .container .navbar-brand,
 
-  .navbar > .container-fluid .navbar-brand {
 
-    margin-left: -15px;
 
-  }
 
-}
 
-.navbar-toggle {
 
-  position: relative;
 
-  float: right;
 
-  margin-right: 15px;
 
-  padding: 9px 10px;
 
-  margin-top: 14px;
 
-  margin-bottom: 14px;
 
-  background-color: transparent;
 
-  background-image: none;
 
-  border: 1px solid transparent;
 
-  border-radius: 0;
 
-}
 
-.navbar-toggle:focus {
 
-  outline: 0;
 
-}
 
-.navbar-nav {
 
-  margin: 10.5px -15px;
 
-}
 
-.navbar-nav > li > a {
 
-  padding-top: 10px;
 
-  padding-bottom: 10px;
 
-  line-height: 20px;
 
-}
 
-@media (max-width: 767px) {
 
-  .navbar-nav .open .dropdown-menu > li > a,
 
-  .navbar-nav .open .dropdown-menu .dropdown-header {
 
-    padding: 5px 15px 5px 25px;
 
-  }
 
-  .navbar-nav .open .dropdown-menu > li > a {
 
-    line-height: 20px;
 
-  }
 
-  .navbar-nav .open .dropdown-menu > li > a:hover,
 
-  .navbar-nav .open .dropdown-menu > li > a:focus {
 
-    background-image: none;
 
-  }
 
-}
 
-@media (min-width: 768px) {
 
-  .navbar-nav {
 
-    float: left;
 
-    margin: 0;
 
-  }
 
-  .navbar-nav > li {
 
-    float: left;
 
-  }
 
-  .navbar-nav > li > a {
 
-    padding-top: 21px;
 
-    padding-bottom: 21px;
 
-  }
 
-  .navbar-nav.navbar-right:last-child {
 
-    margin-right: -15px;
 
-  }
 
-}
 
-@media (min-width: 768px) {
 
-  .navbar-left {
 
-    float: left !important;
 
-  }
 
-  .navbar-right {
 
-    float: right !important;
 
-  }
 
-}
 
-.navbar-form {
 
-  margin-left: -15px;
 
-  margin-right: -15px;
 
-  padding: 10px 15px;
 
-  border-top: 1px solid transparent;
 
-  border-bottom: 1px solid transparent;
 
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
 
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
 
-  margin-top: 14px;
 
-  margin-bottom: 14px;
 
-}
 
-@media (max-width: 767px) {
 
-  .navbar-form .form-group {
 
-    margin-bottom: 5px;
 
-  }
 
-}
 
-@media (min-width: 768px) {
 
-  .navbar-form {
 
-    width: auto;
 
-    border: 0;
 
-    margin-left: 0;
 
-    margin-right: 0;
 
-    padding-top: 0;
 
-    padding-bottom: 0;
 
-    -webkit-box-shadow: none;
 
-    box-shadow: none;
 
-  }
 
-  .navbar-form.navbar-right:last-child {
 
-    margin-right: -15px;
 
-  }
 
-}
 
-.navbar-nav > li > .dropdown-menu {
 
-  margin-top: 0;
 
-  border-top-right-radius: 0;
 
-  border-top-left-radius: 0;
 
-}
 
-.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
 
-  border-bottom-right-radius: 0;
 
-  border-bottom-left-radius: 0;
 
-}
 
-.navbar-btn {
 
-  margin-top: 14px;
 
-  margin-bottom: 14px;
 
-}
 
-.navbar-btn.btn-sm {
 
-  margin-top: 16px;
 
-  margin-bottom: 16px;
 
-}
 
-.navbar-btn.btn-xs {
 
-  margin-top: 20px;
 
-  margin-bottom: 20px;
 
-}
 
-.navbar-text {
 
-  margin-top: 21px;
 
-  margin-bottom: 21px;
 
-}
 
-@media (min-width: 768px) {
 
-  .navbar-text {
 
-    float: left;
 
-    margin-left: 15px;
 
-    margin-right: 15px;
 
-  }
 
-  .navbar-text.navbar-right:last-child {
 
-    margin-right: 0;
 
-  }
 
-}
 
-.navbar-default {
 
-  background-color: #ffffff;
 
-  border-color: #cccccc;
 
-  border-bottom: none;
 
-}
 
-.navbar-default .navbar-brand {
 
-  color: #555555;
 
-}
 
-.navbar-default .navbar-brand:hover,
 
-.navbar-default .navbar-brand:focus {
 
-  color: #3b3b3b;
 
-  background-color: transparent;
 
-}
 
-.navbar-default .navbar-text {
 
-  color: #777777;
 
-}
 
-.navbar-default .navbar-nav > li > a {
 
-  color: #555555;
 
-}
 
-.navbar-default .navbar-nav > li > a:hover,
 
-.navbar-default .navbar-nav > li > a:focus {
 
-  color: #555555;
 
-  background-color: var(--navbar-focus);
 
-}
 
-.navbar-default .navbar-nav > .active > a,
 
-.navbar-default .navbar-nav > .active > a:hover,
 
-.navbar-default .navbar-nav > .active > a:focus {
 
-  color: #ffffff;
 
-  background-color: var(--primary-accent);
 
-}
 
-.navbar-default .navbar-nav > .disabled > a,
 
-.navbar-default .navbar-nav > .disabled > a:hover,
 
-.navbar-default .navbar-nav > .disabled > a:focus {
 
-  color: #cccccc;
 
-  background-color: transparent;
 
-}
 
-.navbar-default .navbar-toggle {
 
-  border-color: #dddddd;
 
-}
 
-.navbar-default .navbar-toggle:hover,
 
-.navbar-default .navbar-toggle:focus {
 
-  background-color: var(--primary-accent);
 
-}
 
-.navbar-default .navbar-toggle .icon-bar {
 
-  background-color: #888888;
 
-}
 
-.navbar-default .navbar-collapse,
 
-.navbar-default .navbar-form {
 
-  border-color: #cccccc;
 
-}
 
-.navbar-default .navbar-nav > .open > a,
 
-.navbar-default .navbar-nav > .open > a:hover,
 
-.navbar-default .navbar-nav > .open > a:focus {
 
-  background-color: var(--primary-accent);
 
-  color: #ffffff;
 
-}
 
-@media (max-width: 767px) {
 
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 
-    color: #555555;
 
-  }
 
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 
-    color: var(--primary-accent);
 
-  }
 
-  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
 
-  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
 
-  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 
-    color: #ffffff;
 
-    background-color: var(--primary-accent);
 
-  }
 
-  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
 
-  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
 
-  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 
-    color: #cccccc;
 
-    background-color: transparent;
 
-  }
 
-}
 
-.navbar-default .navbar-link {
 
-  color: #555555;
 
-}
 
-.navbar-default .navbar-link:hover {
 
-  color: #555555;
 
-}
 
-.navbar-default .btn-link {
 
-  color: #555555;
 
-}
 
-.navbar-default .btn-link:hover,
 
-.navbar-default .btn-link:focus {
 
-  color: #555555;
 
-}
 
-.navbar-default .btn-link[disabled]:hover,
 
-fieldset[disabled] .navbar-default .btn-link:hover,
 
-.navbar-default .btn-link[disabled]:focus,
 
-fieldset[disabled] .navbar-default .btn-link:focus {
 
-  color: #cccccc;
 
-}
 
-/* scaffolding */
 
-body {
 
-  font-family: "Roboto", Helvetica, Arial, sans-serif;
 
-  font-size: 14px;
 
-  line-height: 1.42857143;
 
-  color: #555555;
 
-}
 
-a {
 
-  color: var(--primary-accent);
 
-  text-decoration: none;
 
-}
 
-a:hover,
 
-a:focus {
 
-  color: var(--link-focus);
 
-  text-decoration: underline;
 
-}
 
-a:focus {
 
-  outline: thin dotted;
 
-  outline: 5px auto -webkit-focus-ring-color;
 
-  outline-offset: -2px;
 
-}
 
-.img-rounded {
 
-  border-radius: 0;
 
-}
 
-hr {
 
-  margin-top: 20px;
 
-  margin-bottom: 20px;
 
-  border: 0;
 
-  border-top: 1px solid #eeeeee;
 
-}
 
-/* breadcrumbs */
 
-.breadcrumb {
 
-  padding: 20px 0;
 
-  margin-bottom: 20px;
 
-  background-color: transparent;
 
-  border-radius: 0;
 
-  text-align: right;
 
-}
 
-.breadcrumb > li + li:before {
 
-  content: ">\00a0";
 
-  color: #555555;
 
-}
 
-.breadcrumb > .active {
 
-  color: #999999;
 
-}
 
-@media (max-width: 991px) {
 
-  .breadcrumb {
 
-    padding: 20px 0;
 
-    text-align: center;
 
-  }
 
-}
 
-/* dropdowns */
 
-.dropdown-menu {
 
-  z-index: 1000;
 
-  font-size: 14px;
 
-  background-color: #ffffff;
 
-  border: 1px solid #cccccc;
 
-  border: 1px solid rgba(0, 0, 0, 0.15);
 
-  border-radius: 0;
 
-  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 
-}
 
-.dropdown-menu.pull-right {
 
-  right: 0;
 
-  left: auto;
 
-}
 
-.dropdown-menu .divider {
 
-  height: 1px;
 
-  margin: 9px 0;
 
-  overflow: hidden;
 
-  background-color: #e5e5e5;
 
-}
 
-.dropdown-menu > li > a {
 
-  padding: 5px 20px;
 
-  line-height: 1.42857143;
 
-  color: #333333;
 
-  white-space: nowrap;
 
-}
 
-/* labels */
 
-.label {
 
-  font-family: "Roboto", Helvetica, Arial, sans-serif;
 
-  font-weight: normal;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-}
 
-/* forms.less */
 
-label {
 
-  font-weight: normal;
 
-}
 
-.form-control {
 
-  -webkit-box-shadow: none;
 
-  box-shadow: none;
 
-  border-radius: 0;
 
-}
 
-.form-control:focus {
 
-  border-color: var(--primary-accent);
 
-  outline: 0;
 
-  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow);
 
-  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow);
 
-}
 
-.form-group {
 
-  margin-bottom: 20px;
 
-}
 
-/* pager*/
 
-.pager {
 
-  margin: 20px 0;
 
-  border-top: solid 1px #eeeeee;
 
-  padding-top: 20px;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-  font-family: "Roboto", Helvetica, Arial, sans-serif;
 
-}
 
-.pager li {
 
-  display: inline;
 
-}
 
-.pager li > a,
 
-.pager li > span {
 
-  background-color: #ffffff;
 
-  border: 1px solid var(--primary-accent);
 
-  border-radius: 0;
 
-}
 
-.pager li > a:hover,
 
-.pager li > a:focus {
 
-  text-decoration: none;
 
-  color: #fff;
 
-  background-color: var(--primary-accent);
 
-}
 
-.pager .disabled > a,
 
-.pager .disabled > a:hover,
 
-.pager .disabled > a:focus,
 
-.pager .disabled > span {
 
-  color: #999999;
 
-  background-color: #ffffff;
 
-  border-color: #ddd;
 
-}
 
-/* pagination */
 
-.pagination {
 
-  margin: 20px 0;
 
-  font-family: "Roboto", Helvetica, Arial, sans-serif;
 
-  border-radius: 0;
 
-}
 
-.pagination > li > a,
 
-.pagination > li > span {
 
-  padding: 6px 12px;
 
-  line-height: 1.42857143;
 
-  text-decoration: none;
 
-  color: var(--primary-accent);
 
-  background-color: #ffffff;
 
-  border: 1px solid #dddddd;
 
-}
 
-.pagination > li > a:hover,
 
-.pagination > li > span:hover,
 
-.pagination > li > a:focus,
 
-.pagination > li > span:focus {
 
-  color: var(--primary-accent);
 
-  background-color: var(--pagination-bg);
 
-  border-color: #dddddd;
 
-}
 
-.pagination > .active > a,
 
-.pagination > .active > span,
 
-.pagination > .active > a:hover,
 
-.pagination > .active > span:hover,
 
-.pagination > .active > a:focus,
 
-.pagination > .active > span:focus {
 
-  z-index: 2;
 
-  color: #ffffff;
 
-  background-color: var(--primary-accent);
 
-  border-color: var(--primary-accent);
 
-}
 
-.pagination > .disabled > span,
 
-.pagination > .disabled > span:hover,
 
-.pagination > .disabled > span:focus,
 
-.pagination > .disabled > a,
 
-.pagination > .disabled > a:hover,
 
-.pagination > .disabled > a:focus {
 
-  color: #999999;
 
-  background-color: #ffffff;
 
-  border-color: #dddddd;
 
-}
 
-/* responsive utilities */
 
-@media (max-width: 767px) {
 
-  .text-center-xs {
 
-    text-align: center !important;
 
-  }
 
-  .text-center-xs img {
 
-    display: block;
 
-    margin-left: auto;
 
-    margin-right: auto;
 
-  }
 
-}
 
-@media (min-width: 768px) and (max-width: 991px) {
 
-  .text-center-sm {
 
-    text-align: center !important;
 
-  }
 
-  .text-center-sm img {
 
-    display: block;
 
-    margin-left: auto;
 
-    margin-right: auto;
 
-  }
 
-}
 
-/* type */
 
-h1,
 
-h2,
 
-h3,
 
-h4,
 
-h5,
 
-h6,
 
-.h1,
 
-.h2,
 
-.h3,
 
-.h4,
 
-.h5,
 
-.h6 {
 
-  font-family: "Roboto", Helvetica, Arial, sans-serif;
 
-  font-weight: 900;
 
-  line-height: 1.1;
 
-  color: #333333;
 
-}
 
-h1,
 
-.h1,
 
-h2,
 
-.h2,
 
-h3,
 
-.h3 {
 
-  margin-top: 20px;
 
-  margin-bottom: 20px;
 
-}
 
-p {
 
-  margin: 0 0 10px;
 
-}
 
-.lead {
 
-  margin-bottom: 20px;
 
-  font-size: 18px;
 
-}
 
-@media (min-width: 768px) {
 
-  .lead {
 
-    font-size: 21px;
 
-  }
 
-}
 
-.text-small {
 
-  font-size: 12px;
 
-}
 
-.text-large {
 
-  font-size: 18px;
 
-}
 
-.text-italic {
 
-  font-style: italic;
 
-}
 
-.text-primary {
 
-  color: var(--primary-accent);
 
-}
 
-a.text-primary:hover {
 
-  color: var(--link-hover-bg);
 
-}
 
-.bg-primary {
 
-  color: #fff;
 
-  background-color: var(--primary-accent);
 
-}
 
-a.bg-primary:hover {
 
-  background-color: var(--link-hover-bg);
 
-}
 
-abbr[title],
 
-abbr[data-original-title] {
 
-  border-bottom: 1px dotted #999999;
 
-}
 
-blockquote {
 
-  padding: 10px 20px;
 
-  margin: 0 0 20px;
 
-  font-size: 14px;
 
-  border-left: 5px solid var(--primary-accent);
 
-}
 
-blockquote footer,
 
-blockquote small,
 
-blockquote .small {
 
-  display: block;
 
-  font-size: 80%;
 
-  line-height: 1.42857143;
 
-  color: #999999;
 
-}
 
-blockquote footer:before,
 
-blockquote small:before,
 
-blockquote .small:before {
 
-  content: '\2014 \00A0';
 
-}
 
-.blockquote-reverse,
 
-blockquote.pull-right {
 
-  border-right: 5px solid var(--primary-accent);
 
-}
 
-address {
 
-  margin-bottom: 20px;
 
-  line-height: 1.42857143;
 
-}
 
-.panel {
 
-  margin-bottom: 20px;
 
-  background-color: #ffffff;
 
-  border: 1px solid transparent;
 
-  border-radius: 0;
 
-  -webkit-box-shadow: 0 0 0;
 
-  box-shadow: 0 0 0;
 
-}
 
-.panel-heading {
 
-  border-top-right-radius: 0;
 
-  border-top-left-radius: 0;
 
-  text-transform: uppercase;
 
-  letter-spacing: 0.08em;
 
-  padding: 15px 15px;
 
-}
 
-.progress {
 
-  overflow: hidden;
 
-  height: 20px;
 
-  margin-bottom: 20px;
 
-  background-color: #f5f5f5;
 
-  border-radius: 0;
 
-  -webkit-box-shadow: none;
 
-  box-shadow: none;
 
-}
 
-.panel-group {
 
-  margin-bottom: 20px;
 
-}
 
-.panel-group .panel {
 
-  margin-bottom: 0;
 
-  border-radius: 0;
 
-  overflow: hidden;
 
-}
 
-.panel-group .panel + .panel {
 
-  margin-top: 5px;
 
-}
 
-.panel-group.accordion .panel {
 
-  border-color: #ccc;
 
-}
 
-.panel-primary {
 
-  border-color: var(--primary-accent);
 
-}
 
-.panel-primary > .panel-heading {
 
-  color: #ffffff;
 
-  background-color: var(--primary-accent);
 
-  border-color: var(--primary-accent);
 
-}
 
-.panel-primary > .panel-heading + .panel-collapse > .panel-body {
 
-  border-top-color: var(--primary-accent);
 
-}
 
-.panel-primary > .panel-heading .badge {
 
-  color: var(--primary-accent);
 
-  background-color: #ffffff;
 
-}
 
-.panel-primary > .panel-footer + .panel-collapse > .panel-body {
 
-  border-bottom-color: var(--primary-accent);
 
-}
 
-.panel-primary .panel-title {
 
-  font-weight: 300;
 
-}
 
-.panel-primary .panel-title a:hover {
 
-  color: #fff;
 
-  text-decoration: none;
 
-}
 
-a.badge:hover,
 
-a.badge:focus {
 
-  color: #ffffff;
 
-  text-decoration: none;
 
-  cursor: pointer;
 
-}
 
-a.list-group-item.active > .badge,
 
-.nav-pills > .active > a > .badge {
 
-  color: var(--primary-accent);
 
-  background-color: #ffffff;
 
-}
 
-.nav-pills > li > a > .badge {
 
-  margin-left: 3px;
 
-}
 
-.progress-bar-primary {
 
-  background-color: var(--primary-accent);
 
-}
 
-.progress-striped .progress-bar-primary {
 
-  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
-  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
-}
 
-/*!
 
- * Yamm!3 - Yet another megamenu for Bootstrap 3
 
- * http://geedmo.github.com/yamm3
 
- *
 
- * @geedmo - Licensed under the MIT license
 
- */
 
-.yamm .nav,
 
-.yamm .collapse,
 
-.yamm .dropup.use-yamm,
 
-.yamm .dropdown.use-yamm {
 
-  position: static;
 
-}
 
-.yamm .container {
 
-  position: relative;
 
-}
 
-.yamm .dropdown-menu {
 
-  left: auto;
 
-}
 
-.yamm .nav.navbar-right .dropdown-menu {
 
-  left: auto;
 
-  right: 0;
 
-}
 
-.yamm .yamm-content {
 
-  padding: 20px 30px;
 
-}
 
-.yamm .dropdown.yamm-fw .dropdown-menu {
 
-  left: 15px;
 
-  right: 15px;
 
-}

+ 1 - 1
themes/hugo-universal-theme-master/static/css/style.default.css
Vedi File 

@@ -4824,7 +4824,7 @@ img {
 
 /* 成家設計服務-room_planner end */
 
 /* 成家知識專欄-categories start */
 
 .blog-banner {
 
-  background-image: url(../img/banner/bn_blog@2x.png);
 
+  background-image: url(../img/banner/bn_blog@2x.webp);
 
 }
 
 
 .blog-categories .container {

BIN
themes/hugo-universal-theme-master/static/font/NotoSansJP-Black.otf
Vedi File


BIN
themes/hugo-universal-theme-master/static/font/NotoSansJP-Bold.otf
Vedi File


BIN
themes/hugo-universal-theme-master/static/font/NotoSansJP-Light.otf
Vedi File


BIN
themes/hugo-universal-theme-master/static/font/NotoSansJP-Medium.otf
Vedi File


BIN
themes/hugo-universal-theme-master/static/font/NotoSansJP-Regular.otf
Vedi File


BIN
themes/hugo-universal-theme-master/static/font/NotoSansJP-Thin.otf
Vedi File


BIN
themes/hugo-universal-theme-master/static/font/NotoSansTC-Black.otf
Vedi File


BIN
themes/hugo-universal-theme-master/static/font/NotoSansTC-Bold.otf
Vedi File


BIN
themes/hugo-universal-theme-master/static/font/NotoSansTC-Medium.otf
Vedi File


BIN
themes/hugo-universal-theme-master/static/font/NotoSansTC-Regular.otf
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/banner/banner.webp
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/banner/bn_blog@2x.webp
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/banner/bn_concept@2x.webp
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/banner/bn_news@2x.webp
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/banner/bn_portfolio@2x.webp
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/banner/bn_product@2x.webp
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/banner/bn_qa@2x.webp
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/banner/bn_serve@2x.webp
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/banner/bn_store@2x.webp
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/bn_concept_pic@2x.webp
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/home/X-1-02.png
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/home/X-1-02.webp
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/home/X-1-03.png
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/home/X-1-03.webp
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/home/X-1-04.png
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/home/X-1-04.webp
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/home/X-1-05.png
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/home/X-1-05.webp
Vedi File


BIN
themes/hugo-universal-theme-master/static/img/home/線上預約icon.png
Vedi File


+ 28 - 10
themes/hugo-universal-theme-master/static/js/bhouse.js
Vedi File 

@@ -239,13 +239,18 @@ $('.furniture_design_content .slider-nav').slick({
 
 
 // 外部連結
 
 let fb_link = `https://www.facebook.com/sharer.php?u=${location.href}`;
 
-let collection_icon_fb = document.getElementById('collection_icon_fb');
 
-$("#collection_icon_fb").attr("href", fb_link);
 
+let fb_list = document.querySelectorAll('#collection_icon_fb');
 
+for (let i = 0; i < fb_list.length; i++) {
 
+  const item = fb_list[i];
 
+  item.setAttribute("href", fb_link);
 
+}
 
 
 let line_link = `http://line.naver.jp/R/msg/text/?${location.href}`;
 
-let collection_icon_line = document.getElementById('collection_icon_line');
 
-
 
-$("#collection_icon_line").attr("href", line_link);
 
+let line_list = document.querySelectorAll('#collection_icon_line');
 
+for (let i = 0; i < line_list.length; i++) {
 
+  const item = line_list[i];
 
+  item.setAttribute("href", line_link);
 
+}
 
 
 // blog 分類篩選
 
 function getCategories(item) {
 
@@ -281,9 +286,7 @@ let tagList = [];
 
   // 線上版網址 https://bhouse3.ptt.cx:9002/api/contents?url=/blog
 
   // 本地端網址 http://localhost:9001/api/
 
   fetch('http://localhost:9001/api/contents?url=/blog').then(res => res.json()).then(list => {
 
-    console.log('list', list);
 
     list.map(({ blog_tag }) => {
 
-      console.log(blog_tag);
 
       if (blog_tag) {
 
         let tagText = blog_tag.replace("[", "").replace("]", "");
 
         let tagArr = tagText.split(',');
 
@@ -292,17 +295,32 @@ let tagList = [];
 
         })
 
         // 移除重複字串
 
         tagList = tagList.filter((item, index) => tagList.indexOf(item) === index);
 
+        // 隨機排序
 
+        tagList = tagList.sort(() => 0.5 - Math.random());
 
 
-        const dom = document.querySelector('.blog-tags');
 
+        const dom = document.querySelectorAll('.blog-tags');
 
         let tagTemplate = [];
 
 
-        for (let i = 0; i < tagList.length; i++) {
 
+        // 標籤顯示兩排
 
+        let count = 0;
 
+        if (document.body.offsetWidth<767) {
 
+          count = 8;
 
+        } else {
 
+          count = 10;
 
+        }
 
+        for (let i = 0; i < count; i++) {
 
           const element = tagList[i];
 
           let content = `<a href="/blog?tags=${element}">${element}</a>`;
 
           tagTemplate.push(content);
 
         }
 
+
 
         // 移除陣列逗號
 
-        dom.innerHTML = tagTemplate.join("");
 
+        if (dom) {
 
+          for (let i = 0; i < dom.length; i++) {
 
+            const element = dom[i];
 
+            element.innerHTML = tagTemplate.join("");
 
+          }
 
+        }
 
       }
 
 
     })

+ 0 - 386
themes/hugo-universal-theme-master/static/js/front.js
Vedi File 

@@ -1,386 +0,0 @@
 
-/* global $this: true */
 
-/* eslint no-unused-vars: ["error", { "varsIgnorePattern": "animationsSlider" }] */
 
-
 
-if ($.cookie('themeCSSpath')) {
 
-  $('link#theme-stylesheet').attr('href', $.cookie('themeCSSpath'))
 
-}
 
-if ($.cookie('themeLayout')) {
 
-  $('body').addClass($.cookie('themeLayout'))
 
-}
 
-
 
-$(function () {
 
-  sliderHomepage()
 
-  sliders()
 
-  fullScreenContainer()
 
-  productDetailGallery(4000)
 
-  menuSliding()
 
-  menuMouseOver()
 
-  productDetailSizes()
 
-  utils()
 
-  animations()
 
-  counters()
 
-  demo()
 
-  contactFormAjax()
 
-})
 
-
 
-// Ajax contact
 
-function contactFormAjax () {
 
-  var form = $('.contact-form-ajax')
 
-  if (typeof form === 'undefined') return false
 
-  form.submit(function () {
 
-    $this = $(this)
 
-    $.post($(this).attr('action'),
 
-      $this.serialize(),
 
-      function () {
 
-        $this[0].reset() // clear form
 
-
 
-        $('#contact-message')
 
-          .html('<div class="alert alert-success" role="alert"><button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>Thank you for getting in touch. We will get back to you soon!</div>')
 
-          .fadeIn()
 
-      }
 
-      , 'json')
 
-    return false
 
-  })
 
-}
 
-
 
-/* for demo purpose only - can be deleted */
 
-function demo () {
 
-  if ($.cookie('themeCSSpath')) {
 
-    $('link#theme-stylesheet').attr('href', $.cookie('themeCSSpath'))
 
-  }
 
-
 
-  $('#colour').change(function () {
 
-    if ($(this).val() !== '') {
 
-      var themeCSSpath = 'css/style.' + $(this).val() + '.css'
 
-
 
-      $('link#theme-stylesheet').attr('href', themeCSSpath)
 
-
 
-      $.cookie('themeCSSpath', themeCSSpath, {expires: 365, path: '/'})
 
-    }
 
-
 
-    return false
 
-  })
 
-
 
-  $('#layout').change(function () {
 
-    if ($(this).val() !== '') {
 
-      var themeLayout = $(this).val()
 
-
 
-      $('body').removeClass('wide')
 
-      $('body').removeClass('boxed')
 
-
 
-      $('body').addClass(themeLayout)
 
-
 
-      $.cookie('themeLayout', themeLayout, {expires: 365, path: '/'})
 
-    }
 
-
 
-    return false
 
-  })
 
-}
 
-
 
-/* slider homepage */
 
-function sliderHomepage () {
 
-  if ($('#slider').length) {
 
-    // var owl = $('#slider')
 
-
 
-    $('#slider').owlCarousel({
 
-      autoPlay: 3000,
 
-      items: 4,
 
-      itemsDesktopSmall: [900, 3],
 
-      itemsTablet: [600, 3],
 
-      itemsMobile: [500, 2]
 
-    })
 
-  }
 
-}
 
-
 
-/* sliders */
 
-function sliders () {
 
-  if ($('.owl-carousel').length) {
 
-    $('.customers').owlCarousel({
 
-      items: ($('.customers').attr('data-items') || 6),
 
-      slideSpeed: ($('.customers').attr('data-slide-speed') || 2000),
 
-      paginationSpeed: ($('.customers').attr('data-pagination-speed') || 1000),
 
-      autoPlay: $('.customers').attr('data-autoplay') === 'true',
 
-      itemsDesktopSmall: [990, 4],
 
-      itemsTablet: [768, 2],
 
-      itemsMobile: [480, 1]
 
-    })
 
-
 
-    $('.testimonials').owlCarousel({
 
-      items: ($('.testimonials').attr('data-items') || 4),
 
-      slideSpeed: ($('.testimonials').attr('data-slide-speed') || 2000),
 
-      paginationSpeed: ($('.testimonials').attr('data-pagination-speed') || 1000),
 
-      autoPlay: $('.testimonials').attr('data-autoplay') === 'true',
 
-      itemsDesktopSmall: [990, 3],
 
-      itemsTablet: [768, 2],
 
-      itemsMobile: [480, 1]
 
-    })
 
-
 
-    $('.homepage').owlCarousel({
 
-      navigation: false, // Show next and prev buttons
 
-      navigationText: ['<i class="fas fa-angle-left"></i>', '<i class="fas fa-angle-right"></i>'],
 
-      slideSpeed: ($('.homepage').attr('data-slide-speed') || 2000),
 
-      paginationSpeed: ($('.homepage').attr('data-pagination-speed') || 1000),
 
-      autoPlay: ($('.homepage').attr('data-autoplay') || 'true') === 'true',
 
-      stopOnHover: true,
 
-      singleItem: true,
 
-      lazyLoad: false,
 
-      addClassActive: true,
 
-      afterInit: function () {
 
-        // animationsSlider()
 
-      },
 
-      afterMove: function () {
 
-        // animationsSlider()
 
-      }
 
-    })
 
-  }
 
-}
 
-
 
-/* menu sliding */
 
-function menuSliding () {
 
-  $('.dropdown').on('show.bs.dropdown', function () {
 
-    if ($(window).width() > 750) {
 
-      $(this).find('.dropdown-menu').first().stop(true, true).slideDown()
 
-    } else {
 
-      $(this).find('.dropdown-menu').first().stop(true, true).show()
 
-    }
 
-  })
 
-
 
-  $('.dropdown').on('hide.bs.dropdown', function () {
 
-    if ($(window).width() > 750) {
 
-      $(this).find('.dropdown-menu').first().stop(true, true).slideUp()
 
-    } else {
 
-      $(this).find('.dropdown-menu').first().stop(true, true).hide()
 
-    }
 
-  })
 
-}
 
-
 
-function menuMouseOver () {
 
-  $('.mouseover .dropdown').hover(function () {
 
-    $('.dropdown-toggle', this).trigger('click')
 
-  })
 
-}
 
-
 
-/* animations */
 
-function animations () {
 
-  var delayTime = 0
 
-  $('[data-animate]').css({opacity: '0'})
 
-  $('[data-animate]').waypoint(function () {
 
-    delayTime += 150
 
-    $(this).delay(delayTime).queue(function (next) {
 
-      $(this).toggleClass('animated')
 
-      $(this).toggleClass($(this).data('animate'))
 
-      delayTime = 0
 
-      next()
 
-      // $(this).removeClass('animated')
 
-      // $(this).toggleClass($(this).data('animate'))
 
-    })
 
-  }, {
 
-    offset: '90%',
 
-    triggerOnce: true
 
-  })
 
-
 
-  $('[data-animate-hover]').hover(function () {
 
-    $(this).css({opacity: 1})
 
-    $(this).addClass('animated')
 
-    $(this).removeClass($(this).data('animate'))
 
-    $(this).addClass($(this).data('animate-hover'))
 
-  }, function () {
 
-    $(this).removeClass('animated')
 
-    $(this).removeClass($(this).data('animate-hover'))
 
-  })
 
-}
 
-
 
-function animationsSlider () {
 
-  var delayTimeSlider = 400
 
-
 
-  $('.owl-item:not(.active) [data-animate-always]').each(function () {
 
-    $(this).removeClass('animated')
 
-    $(this).removeClass($(this).data('animate-always'))
 
-    $(this).stop(true, true, true).css({opacity: 0})
 
-  })
 
-
 
-  $('.owl-item.active [data-animate-always]').each(function () {
 
-    delayTimeSlider += 500
 
-
 
-    $(this).delay(delayTimeSlider).queue(function () {
 
-      $(this).addClass('animated')
 
-      $(this).addClass($(this).data('animate-always'))
 
-
 
-      console.log($(this).data('animate-always'))
 
-    })
 
-  })
 
-}
 
-
 
-/* counters */
 
-function counters () {
 
-  $('.counter').counterUp({
 
-    delay: 10,
 
-    time: 1000
 
-  })
 
-}
 
-
 
-/* picture zoom */
 
-function pictureZoom () {
 
-  $('.product .image, .post .image, .photostream div').each(function () {
 
-    var imgHeight = $(this).find('img').height()
 
-    if (imgHeight) {
 
-      $(this).height(imgHeight)
 
-    }
 
-  })
 
-}
 
-
 
-/* full screen intro */
 
-function fullScreenContainer () {
 
-  var screenWidth = $(window).width() + 'px'
 
-  var screenHeight = '500px'
 
-
 
-  if ($(window).height() > 500) {
 
-    screenHeight = $(window).height() + 'px'
 
-  }
 
-
 
-  $('#intro, #intro .item').css({
 
-    width: screenWidth,
 
-    height: screenHeight
 
-  })
 
-}
 
-
 
-function utils () {
 
-  /* tooltips */
 
-  $('[data-toggle="tooltip"]').tooltip()
 
-
 
-  /* click on the box activates the radio */
 
-  $('#checkout').on('click', '.box.shipping-method, .box.payment-method', function () {
 
-    var radio = $(this).find(':radio')
 
-    radio.prop('checked', true)
 
-  })
 
-
 
-  /* click on the box activates the link in it */
 
-  $('.box.clickable').on('click', function () {
 
-    window.location = $(this).find('a').attr('href')
 
-  })
 
-
 
-  /* external links in new window */
 
-  $('.external').on('click', function (e) {
 
-    e.preventDefault()
 
-    window.open($(this).attr('href'))
 
-  })
 
-
 
-  /* animated scrolling */
 
-  $('.scroll-to, .scroll-to-top').click(function (event) {
 
-    var fullUrl = this.href
 
-    var parts = fullUrl.split('#')
 
-
 
-    if (parts.length > 1) {
 
-      scrollTo(fullUrl)
 
-      event.preventDefault()
 
-    }
 
-  })
 
-
 
-  function scrollTo (fullUrl) {
 
-    var parts = fullUrl.split('#')
 
-    var trgt = parts[1]
 
-    var targetOffset = $('#' + trgt).offset()
 
-    var targetTop = targetOffset.top - 100
 
-
 
-    if (targetTop < 0) {
 
-      targetTop = 0
 
-    }
 
-
 
-    $('html, body').animate({
 
-      scrollTop: targetTop
 
-    }, 1000)
 
-  }
 
-}
 
-
 
-/* product detail gallery */
 
-function productDetailGallery (confDetailSwitch) {
 
-  $('.thumb:first').addClass('active')
 
-  var timer = setInterval(autoSwitch, confDetailSwitch)
 
-
 
-  $('.thumb').click(function (e) {
 
-    switchImage($(this))
 
-    clearInterval(timer)
 
-    timer = setInterval(autoSwitch, confDetailSwitch)
 
-    e.preventDefault()
 
-  })
 
-
 
-  $('#mainImage').hover(function () {
 
-    clearInterval(timer)
 
-  }, function () {
 
-    timer = setInterval(autoSwitch, confDetailSwitch)
 
-  })
 
-
 
-  function autoSwitch () {
 
-    var nextThumb = $('.thumb.active').closest('div').next('div').find('.thumb')
 
-    if (nextThumb.length === 0) {
 
-      nextThumb = $('.thumb:first')
 
-    }
 
-    switchImage(nextThumb)
 
-  }
 
-
 
-  function switchImage (thumb) {
 
-    $('.thumb').removeClass('active')
 
-    var bigUrl = thumb.attr('href')
 
-    thumb.addClass('active')
 
-    $('#mainImage img').attr('src', bigUrl)
 
-  }
 
-}
 
-
 
-/* product detail sizes */
 
-function productDetailSizes () {
 
-  $('.sizes a').click(function (e) {
 
-    e.preventDefault()
 
-    $('.sizes a').removeClass('active')
 
-    $('.size-input').prop('checked', false)
 
-    $(this).addClass('active')
 
-    $(this).next('input').prop('checked', true)
 
-  })
 
-}
 
-
 
-$.fn.alignElementsSameHeight = function () {
 
-  $('.same-height-row').each(function () {
 
-    var maxHeight = 0
 
-    var children = $(this).find('.same-height')
 
-    children.height('auto')
 
-
 
-    if ($(window).width() > 768) {
 
-      children.each(function () {
 
-        if ($(this).innerHeight() > maxHeight) {
 
-          maxHeight = $(this).innerHeight()
 
-        }
 
-      })
 
-      children.innerHeight(maxHeight)
 
-    }
 
-
 
-    maxHeight = 0
 
-    children = $(this).find('.same-height-always')
 
-    children.height('auto')
 
-    children.each(function () {
 
-      if ($(this).height() > maxHeight) {
 
-        maxHeight = $(this).innerHeight()
 
-      }
 
-    })
 
-    children.innerHeight(maxHeight)
 
-  })
 
-}
 
-
 
-var windowWidth
 
-$(function () {
 
-  windowWidth = $(window).width()
 
-
 
-  $(this).alignElementsSameHeight()
 
-  pictureZoom()
 
-})
 
-
 
-$(window).resize(function () {
 
-  var newWindowWidth = $(window).width()
 
-
 
-  if (windowWidth !== newWindowWidth) {
 
-    setTimeout(function () {
 
-      $(this).alignElementsSameHeight()
 
-      fullScreenContainer()
 
-      pictureZoom()
 
-    }, 205)
 
-    windowWidth = newWindowWidth
 
-  }
 
-})

+ 0 - 71
themes/hugo-universal-theme-master/static/js/gmaps.init.js
Vedi File 

@@ -1,71 +0,0 @@
 
-/* global GMaps: true */
 
-
 
-$(document).ready(function () {
 
-  map()
 
-})
 
-
 
-function map () {
 
-  if ($('#map').length) {
 
-    var lat = $('#gmap-lat').val()
 
-    var lng = $('#gmap-lng').val()
 
-    var direction = $('#gmap-dir').val()
 
-    var image = $('#gmap-marker').val()
 
-
 
-    var styles =
 
-      [
 
-        {
 
-          'featureType': 'landscape', 'stylers': [{'saturation': -100}, {'lightness': 65}, {'visibility': 'on'}]
 
-        }, {
 
-          'featureType': 'poi', 'stylers': [{'saturation': -100}, {'lightness': 51}, {'visibility': 'simplified'}]
 
-        }, {
 
-          'featureType': 'road.highway', 'stylers': [{'saturation': -100}, {'visibility': 'simplified'}]
 
-        }, {
 
-          'featureType': 'road.arterial', 'stylers': [{'saturation': -100}, {'lightness': 30}, {'visibility': 'on'}]
 
-        }, {
 
-          'featureType': 'road.local', 'stylers': [{'saturation': -100}, {'lightness': 40}, {'visibility': 'on'}]
 
-        }, {
 
-          'featureType': 'transit', 'stylers': [{'saturation': -100}, {'visibility': 'simplified'}]
 
-        }, {
 
-          'featureType': 'administrative.province', 'stylers': [{'visibility': 'off'}]
 
-        }, {
 
-          'featureType': 'water', 'elementType': 'labels', 'stylers': [{'visibility': 'on'}, {'lightness': -25}, {'saturation': -100}]
 
-        }, {
 
-          'featureType': 'water', 'elementType': 'geometry', 'stylers': [{'hue': '#ffff00'}, {'lightness': -25}, {'saturation': -97}]
 
-        }
 
-      ]
 
-
 
-    var map = new GMaps({
 
-      el: '#map',
 
-      lat: lat,
 
-      lng: lng,
 
-      zoomControl: true,
 
-      zoomControlOpt: {
 
-        style: 'SMALL',
 
-        position: 'TOP_LEFT'
 
-      },
 
-      panControl: false,
 
-      streetViewControl: false,
 
-      mapTypeControl: false,
 
-      overviewMapControl: false,
 
-      scrollwheel: false,
 
-      draggable: false,
 
-      styles: styles
 
-    })
 
-
 
-    map.addMarker({
 
-      lat: lat,
 
-      lng: lng,
 
-      icon: image,
 
-      click: function (e) {
 
-        // when we get an address with spaces ...
 
-        var url = 'https://maps.google.com?daddr=' + direction.split('match').join('replace')
 
-        window.open(url, '_blank')
 
-      },
 
-      title: direction
 
-      /* ,
 
-      infoWindow: {
 
-      content: '<p>HTML Content</p>'
 
-      } */
 
-    })
 
-  }
 
-}

+ 0 - 2132
themes/hugo-universal-theme-master/static/js/hpneo.gmaps.js
Vedi File 

@@ -1,2132 +0,0 @@
 
-(function(root, factory) {
 
-  if(typeof exports === 'object') {
 
-    module.exports = factory();
 
-  }
 
-  else if(typeof define === 'function' && define.amd) {
 
-    define('GMaps', [], factory);
 
-  }
 
-
 
-  root.GMaps = factory();
 
-
 
-}(this, function() {
 
-
 
-/*!
 
- * GMaps.js v0.4.15
 
- * http://hpneo.github.com/gmaps/
 
- *
 
- * Copyright 2014, Gustavo Leon
 
- * Released under the MIT License.
 
- */
 
-
 
-if (!(typeof window.google === 'object' && window.google.maps)) {
 
-  throw 'Google Maps API is required. Please register the following JavaScript library http://maps.google.com/maps/api/js?sensor=true.'
 
-}
 
-
 
-var extend_object = function(obj, new_obj) {
 
-  var name;
 
-
 
-  if (obj === new_obj) {
 
-    return obj;
 
-  }
 
-
 
-  for (name in new_obj) {
 
-    obj[name] = new_obj[name];
 
-  }
 
-
 
-  return obj;
 
-};
 
-
 
-var replace_object = function(obj, replace) {
 
-  var name;
 
-
 
-  if (obj === replace) {
 
-    return obj;
 
-  }
 
-
 
-  for (name in replace) {
 
-    if (obj[name] != undefined) {
 
-      obj[name] = replace[name];
 
-    }
 
-  }
 
-
 
-  return obj;
 
-};
 
-
 
-var array_map = function(array, callback) {
 
-  var original_callback_params = Array.prototype.slice.call(arguments, 2),
 
-      array_return = [],
 
-      array_length = array.length,
 
-      i;
 
-
 
-  if (Array.prototype.map && array.map === Array.prototype.map) {
 
-    array_return = Array.prototype.map.call(array, function(item) {
 
-      callback_params = original_callback_params;
 
-      callback_params.splice(0, 0, item);
 
-
 
-      return callback.apply(this, callback_params);
 
-    });
 
-  }
 
-  else {
 
-    for (i = 0; i < array_length; i++) {
 
-      callback_params = original_callback_params;
 
-      callback_params.splice(0, 0, array[i]);
 
-      array_return.push(callback.apply(this, callback_params));
 
-    }
 
-  }
 
-
 
-  return array_return;
 
-};
 
-
 
-var array_flat = function(array) {
 
-  var new_array = [],
 
-      i;
 
-
 
-  for (i = 0; i < array.length; i++) {
 
-    new_array = new_array.concat(array[i]);
 
-  }
 
-
 
-  return new_array;
 
-};
 
-
 
-var coordsToLatLngs = function(coords, useGeoJSON) {
 
-  var first_coord = coords[0],
 
-      second_coord = coords[1];
 
-
 
-  if (useGeoJSON) {
 
-    first_coord = coords[1];
 
-    second_coord = coords[0];
 
-  }
 
-
 
-  return new google.maps.LatLng(first_coord, second_coord);
 
-};
 
-
 
-var arrayToLatLng = function(coords, useGeoJSON) {
 
-  var i;
 
-
 
-  for (i = 0; i < coords.length; i++) {
 
-    if (!(coords[i] instanceof google.maps.LatLng)) {
 
-      if (coords[i].length > 0 && typeof(coords[i][0]) == "object") {
 
-        coords[i] = arrayToLatLng(coords[i], useGeoJSON);
 
-      }
 
-      else {
 
-        coords[i] = coordsToLatLngs(coords[i], useGeoJSON);
 
-      }
 
-    }
 
-  }
 
-
 
-  return coords;
 
-};
 
-
 
-var getElementById = function(id, context) {
 
-  var element,
 
-  id = id.replace('#', '');
 
-
 
-  if ('jQuery' in this && context) {
 
-    element = $("#" + id, context)[0];
 
-  } else {
 
-    element = document.getElementById(id);
 
-  };
 
-
 
-  return element;
 
-};
 
-
 
-var findAbsolutePosition = function(obj)  {
 
-  var curleft = 0,
 
-      curtop = 0;
 
-
 
-  if (obj.offsetParent) {
 
-    do {
 
-      curleft += obj.offsetLeft;
 
-      curtop += obj.offsetTop;
 
-    } while (obj = obj.offsetParent);
 
-  }
 
-
 
-  return [curleft, curtop];
 
-};
 
-
 
-var GMaps = (function(global) {
 
-  "use strict";
 
-
 
-  var doc = document;
 
-
 
-  var GMaps = function(options) {
 
-    if (!this) return new GMaps(options);
 
-
 
-    options.zoom = options.zoom || 15;
 
-    options.mapType = options.mapType || 'roadmap';
 
-
 
-    var self = this,
 
-        i,
 
-        events_that_hide_context_menu = ['bounds_changed', 'center_changed', 'click', 'dblclick', 'drag', 'dragend', 'dragstart', 'idle', 'maptypeid_changed', 'projection_changed', 'resize', 'tilesloaded', 'zoom_changed'],
 
-        events_that_doesnt_hide_context_menu = ['mousemove', 'mouseout', 'mouseover'],
 
-        options_to_be_deleted = ['el', 'lat', 'lng', 'mapType', 'width', 'height', 'markerClusterer', 'enableNewStyle'],
 
-        container_id = options.el || options.div,
 
-        markerClustererFunction = options.markerClusterer,
 
-        mapType = google.maps.MapTypeId[options.mapType.toUpperCase()],
 
-        map_center = new google.maps.LatLng(options.lat, options.lng),
 
-        zoomControl = options.zoomControl || true,
 
-        zoomControlOpt = options.zoomControlOpt || {
 
-          style: 'DEFAULT',
 
-          position: 'TOP_LEFT'
 
-        },
 
-        zoomControlStyle = zoomControlOpt.style || 'DEFAULT',
 
-        zoomControlPosition = zoomControlOpt.position || 'TOP_LEFT',
 
-        panControl = options.panControl || true,
 
-        mapTypeControl = options.mapTypeControl || true,
 
-        scaleControl = options.scaleControl || true,
 
-        streetViewControl = options.streetViewControl || true,
 
-        overviewMapControl = overviewMapControl || true,
 
-        map_options = {},
 
-        map_base_options = {
 
-          zoom: this.zoom,
 
-          center: map_center,
 
-          mapTypeId: mapType
 
-        },
 
-        map_controls_options = {
 
-          panControl: panControl,
 
-          zoomControl: zoomControl,
 
-          zoomControlOptions: {
 
-            style: google.maps.ZoomControlStyle[zoomControlStyle],
 
-            position: google.maps.ControlPosition[zoomControlPosition]
 
-          },
 
-          mapTypeControl: mapTypeControl,
 
-          scaleControl: scaleControl,
 
-          streetViewControl: streetViewControl,
 
-          overviewMapControl: overviewMapControl
 
-        };
 
-
 
-    if (typeof(options.el) === 'string' || typeof(options.div) === 'string') {
 
-      this.el = getElementById(container_id, options.context);
 
-    } else {
 
-      this.el = container_id;
 
-    }
 
-
 
-    if (typeof(this.el) === 'undefined' || this.el === null) {
 
-      throw 'No element defined.';
 
-    }
 
-
 
-    window.context_menu = window.context_menu || {};
 
-    window.context_menu[self.el.id] = {};
 
-
 
-    this.controls = [];
 
-    this.overlays = [];
 
-    this.layers = []; // array with kml/georss and fusiontables layers, can be as many
 
-    this.singleLayers = {}; // object with the other layers, only one per layer
 
-    this.markers = [];
 
-    this.polylines = [];
 
-    this.routes = [];
 
-    this.polygons = [];
 
-    this.infoWindow = null;
 
-    this.overlay_el = null;
 
-    this.zoom = options.zoom;
 
-    this.registered_events = {};
 
-
 
-    this.el.style.width = options.width || this.el.scrollWidth || this.el.offsetWidth;
 
-    this.el.style.height = options.height || this.el.scrollHeight || this.el.offsetHeight;
 
-
 
-    google.maps.visualRefresh = options.enableNewStyle;
 
-
 
-    for (i = 0; i < options_to_be_deleted.length; i++) {
 
-      delete options[options_to_be_deleted[i]];
 
-    }
 
-
 
-    if(options.disableDefaultUI != true) {
 
-      map_base_options = extend_object(map_base_options, map_controls_options);
 
-    }
 
-
 
-    map_options = extend_object(map_base_options, options);
 
-
 
-    for (i = 0; i < events_that_hide_context_menu.length; i++) {
 
-      delete map_options[events_that_hide_context_menu[i]];
 
-    }
 
-
 
-    for (i = 0; i < events_that_doesnt_hide_context_menu.length; i++) {
 
-      delete map_options[events_that_doesnt_hide_context_menu[i]];
 
-    }
 
-
 
-    this.map = new google.maps.Map(this.el, map_options);
 
-
 
-    if (markerClustererFunction) {
 
-      this.markerClusterer = markerClustererFunction.apply(this, [this.map]);
 
-    }
 
-
 
-    var buildContextMenuHTML = function(control, e) {
 
-      var html = '',
 
-          options = window.context_menu[self.el.id][control];
 
-
 
-      for (var i in options){
 
-        if (options.hasOwnProperty(i)) {
 
-          var option = options[i];
 
-
 
-          html += '<li><a id="' + control + '_' + i + '" href="#">' + option.title + '</a></li>';
 
-        }
 
-      }
 
-
 
-      if (!getElementById('gmaps_context_menu')) return;
 
-
 
-      var context_menu_element = getElementById('gmaps_context_menu');
 
-      
-      context_menu_element.innerHTML = html;
 
-
 
-      var context_menu_items = context_menu_element.getElementsByTagName('a'),
 
-          context_menu_items_count = context_menu_items.length,
 
-          i;
 
-
 
-      for (i = 0; i < context_menu_items_count; i++) {
 
-        var context_menu_item = context_menu_items[i];
 
-
 
-        var assign_menu_item_action = function(ev){
 
-          ev.preventDefault();
 
-
 
-          options[this.id.replace(control + '_', '')].action.apply(self, [e]);
 
-          self.hideContextMenu();
 
-        };
 
-
 
-        google.maps.event.clearListeners(context_menu_item, 'click');
 
-        google.maps.event.addDomListenerOnce(context_menu_item, 'click', assign_menu_item_action, false);
 
-      }
 
-
 
-      var position = findAbsolutePosition.apply(this, [self.el]),
 
-          left = position[0] + e.pixel.x - 15,
 
-          top = position[1] + e.pixel.y- 15;
 
-
 
-      context_menu_element.style.left = left + "px";
 
-      context_menu_element.style.top = top + "px";
 
-
 
-      context_menu_element.style.display = 'block';
 
-    };
 
-
 
-    this.buildContextMenu = function(control, e) {
 
-      if (control === 'marker') {
 
-        e.pixel = {};
 
-
 
-        var overlay = new google.maps.OverlayView();
 
-        overlay.setMap(self.map);
 
-        
-        overlay.draw = function() {
 
-          var projection = overlay.getProjection(),
 
-              position = e.marker.getPosition();
 
-          
-          e.pixel = projection.fromLatLngToContainerPixel(position);
 
-
 
-          buildContextMenuHTML(control, e);
 
-        };
 
-      }
 
-      else {
 
-        buildContextMenuHTML(control, e);
 
-      }
 
-    };
 
-
 
-    this.setContextMenu = function(options) {
 
-      window.context_menu[self.el.id][options.control] = {};
 
-
 
-      var i,
 
-          ul = doc.createElement('ul');
 
-
 
-      for (i in options.options) {
 
-        if (options.options.hasOwnProperty(i)) {
 
-          var option = options.options[i];
 
-
 
-          window.context_menu[self.el.id][options.control][option.name] = {
 
-            title: option.title,
 
-            action: option.action
 
-          };
 
-        }
 
-      }
 
-
 
-      ul.id = 'gmaps_context_menu';
 
-      ul.style.display = 'none';
 
-      ul.style.position = 'absolute';
 
-      ul.style.minWidth = '100px';
 
-      ul.style.background = 'white';
 
-      ul.style.listStyle = 'none';
 
-      ul.style.padding = '8px';
 
-      ul.style.boxShadow = '2px 2px 6px #ccc';
 
-
 
-      doc.body.appendChild(ul);
 
-
 
-      var context_menu_element = getElementById('gmaps_context_menu')
 
-
 
-      google.maps.event.addDomListener(context_menu_element, 'mouseout', function(ev) {
 
-        if (!ev.relatedTarget || !this.contains(ev.relatedTarget)) {
 
-          window.setTimeout(function(){
 
-            context_menu_element.style.display = 'none';
 
-          }, 400);
 
-        }
 
-      }, false);
 
-    };
 
-
 
-    this.hideContextMenu = function() {
 
-      var context_menu_element = getElementById('gmaps_context_menu');
 
-
 
-      if (context_menu_element) {
 
-        context_menu_element.style.display = 'none';
 
-      }
 
-    };
 
-
 
-    var setupListener = function(object, name) {
 
-      google.maps.event.addListener(object, name, function(e){
 
-        if (e == undefined) {
 
-          e = this;
 
-        }
 
-
 
-        options[name].apply(this, [e]);
 
-
 
-        self.hideContextMenu();
 
-      });
 
-    };
 
-
 
-    //google.maps.event.addListener(this.map, 'idle', this.hideContextMenu);
 
-    google.maps.event.addListener(this.map, 'zoom_changed', this.hideContextMenu);
 
-
 
-    for (var ev = 0; ev < events_that_hide_context_menu.length; ev++) {
 
-      var name = events_that_hide_context_menu[ev];
 
-
 
-      if (name in options) {
 
-        setupListener(this.map, name);
 
-      }
 
-    }
 
-
 
-    for (var ev = 0; ev < events_that_doesnt_hide_context_menu.length; ev++) {
 
-      var name = events_that_doesnt_hide_context_menu[ev];
 
-
 
-      if (name in options) {
 
-        setupListener(this.map, name);
 
-      }
 
-    }
 
-
 
-    google.maps.event.addListener(this.map, 'rightclick', function(e) {
 
-      if (options.rightclick) {
 
-        options.rightclick.apply(this, [e]);
 
-      }
 
-
 
-      if(window.context_menu[self.el.id]['map'] != undefined) {
 
-        self.buildContextMenu('map', e);
 
-      }
 
-    });
 
-
 
-    this.refresh = function() {
 
-      google.maps.event.trigger(this.map, 'resize');
 
-    };
 
-
 
-    this.fitZoom = function() {
 
-      var latLngs = [],
 
-          markers_length = this.markers.length,
 
-          i;
 
-
 
-      for (i = 0; i < markers_length; i++) {
 
-        if(typeof(this.markers[i].visible) === 'boolean' && this.markers[i].visible) {
 
-          latLngs.push(this.markers[i].getPosition());
 
-        }
 
-      }
 
-
 
-      this.fitLatLngBounds(latLngs);
 
-    };
 
-
 
-    this.fitLatLngBounds = function(latLngs) {
 
-      var total = latLngs.length;
 
-      var bounds = new google.maps.LatLngBounds();
 
-
 
-      for(var i=0; i < total; i++) {
 
-        bounds.extend(latLngs[i]);
 
-      }
 
-
 
-      this.map.fitBounds(bounds);
 
-    };
 
-
 
-    this.setCenter = function(lat, lng, callback) {
 
-      this.map.panTo(new google.maps.LatLng(lat, lng));
 
-
 
-      if (callback) {
 
-        callback();
 
-      }
 
-    };
 
-
 
-    this.getElement = function() {
 
-      return this.el;
 
-    };
 
-
 
-    this.zoomIn = function(value) {
 
-      value = value || 1;
 
-
 
-      this.zoom = this.map.getZoom() + value;
 
-      this.map.setZoom(this.zoom);
 
-    };
 
-
 
-    this.zoomOut = function(value) {
 
-      value = value || 1;
 
-
 
-      this.zoom = this.map.getZoom() - value;
 
-      this.map.setZoom(this.zoom);
 
-    };
 
-
 
-    var native_methods = [],
 
-        method;
 
-
 
-    for (method in this.map) {
 
-      if (typeof(this.map[method]) == 'function' && !this[method]) {
 
-        native_methods.push(method);
 
-      }
 
-    }
 
-
 
-    for (i=0; i < native_methods.length; i++) {
 
-      (function(gmaps, scope, method_name) {
 
-        gmaps[method_name] = function(){
 
-          return scope[method_name].apply(scope, arguments);
 
-        };
 
-      })(this, this.map, native_methods[i]);
 
-    }
 
-  };
 
-
 
-  return GMaps;
 
-})(this);
 
-
 
-GMaps.prototype.createControl = function(options) {
 
-  var control = document.createElement('div');
 
-
 
-  control.style.cursor = 'pointer';
 
-  
-  if (options.disableDefaultStyles !== true) {
 
-    control.style.fontFamily = 'Roboto, Arial, sans-serif';
 
-    control.style.fontSize = '11px';
 
-    control.style.boxShadow = 'rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px';
 
-  }
 
-
 
-  for (var option in options.style) {
 
-    control.style[option] = options.style[option];
 
-  }
 
-
 
-  if (options.id) {
 
-    control.id = options.id;
 
-  }
 
-
 
-  if (options.classes) {
 
-    control.className = options.classes;
 
-  }
 
-
 
-  if (options.content) {
 
-    if (typeof options.content === 'string') {
 
-      control.innerHTML = options.content;
 
-    }
 
-    else if (options.content instanceof HTMLElement) {
 
-      control.appendChild(options.content);
 
-    }
 
-  }
 
-
 
-  if (options.position) {
 
-    control.position = google.maps.ControlPosition[options.position.toUpperCase()];
 
-  }
 
-
 
-  for (var ev in options.events) {
 
-    (function(object, name) {
 
-      google.maps.event.addDomListener(object, name, function(){
 
-        options.events[name].apply(this, [this]);
 
-      });
 
-    })(control, ev);
 
-  }
 
-
 
-  control.index = 1;
 
-
 
-  return control;
 
-};
 
-
 
-GMaps.prototype.addControl = function(options) {
 
-  var control = this.createControl(options);
 
-  this.controls.push(control);
 
-  this.map.controls[control.position].push(control);
 
-
 
-  return control;
 
-};
 
-
 
-GMaps.prototype.removeControl = function(control) {
 
-  var position = null;
 
-
 
-  for (var i = 0; i < this.controls.length; i++) {
 
-    if (this.controls[i] == control) {
 
-      position = this.controls[i].position;
 
-      this.controls.splice(i, 1);
 
-    }
 
-  }
 
-
 
-  if (position) {
 
-    for (i = 0; i < this.map.controls.length; i++) {
 
-      var controlsForPosition = this.map.controls[control.position]
 
-      if (controlsForPosition.getAt(i) == control) {
 
-        controlsForPosition.removeAt(i);
 
-        break;
 
-      }
 
-    }
 
-  }
 
-
 
-  return control;
 
-};
 
-
 
-GMaps.prototype.createMarker = function(options) {
 
-  if (options.lat == undefined && options.lng == undefined && options.position == undefined) {
 
-    throw 'No latitude or longitude defined.';
 
-  }
 
-
 
-  var self = this,
 
-      details = options.details,
 
-      fences = options.fences,
 
-      outside = options.outside,
 
-      base_options = {
 
-        position: new google.maps.LatLng(options.lat, options.lng),
 
-        map: null
 
-      },
 
-      marker_options = extend_object(base_options, options);
 
-
 
-  delete marker_options.lat;
 
-  delete marker_options.lng;
 
-  delete marker_options.fences;
 
-  delete marker_options.outside;
 
-
 
-  var marker = new google.maps.Marker(marker_options);
 
-
 
-  marker.fences = fences;
 
-
 
-  if (options.infoWindow) {
 
-    marker.infoWindow = new google.maps.InfoWindow(options.infoWindow);
 
-
 
-    var info_window_events = ['closeclick', 'content_changed', 'domready', 'position_changed', 'zindex_changed'];
 
-
 
-    for (var ev = 0; ev < info_window_events.length; ev++) {
 
-      (function(object, name) {
 
-        if (options.infoWindow[name]) {
 
-          google.maps.event.addListener(object, name, function(e){
 
-            options.infoWindow[name].apply(this, [e]);
 
-          });
 
-        }
 
-      })(marker.infoWindow, info_window_events[ev]);
 
-    }
 
-  }
 
-
 
-  var marker_events = ['animation_changed', 'clickable_changed', 'cursor_changed', 'draggable_changed', 'flat_changed', 'icon_changed', 'position_changed', 'shadow_changed', 'shape_changed', 'title_changed', 'visible_changed', 'zindex_changed'];
 
-
 
-  var marker_events_with_mouse = ['dblclick', 'drag', 'dragend', 'dragstart', 'mousedown', 'mouseout', 'mouseover', 'mouseup'];
 
-
 
-  for (var ev = 0; ev < marker_events.length; ev++) {
 
-    (function(object, name) {
 
-      if (options[name]) {
 
-        google.maps.event.addListener(object, name, function(){
 
-          options[name].apply(this, [this]);
 
-        });
 
-      }
 
-    })(marker, marker_events[ev]);
 
-  }
 
-
 
-  for (var ev = 0; ev < marker_events_with_mouse.length; ev++) {
 
-    (function(map, object, name) {
 
-      if (options[name]) {
 
-        google.maps.event.addListener(object, name, function(me){
 
-          if(!me.pixel){
 
-            me.pixel = map.getProjection().fromLatLngToPoint(me.latLng)
 
-          }
 
-          
-          options[name].apply(this, [me]);
 
-        });
 
-      }
 
-    })(this.map, marker, marker_events_with_mouse[ev]);
 
-  }
 
-
 
-  google.maps.event.addListener(marker, 'click', function() {
 
-    this.details = details;
 
-
 
-    if (options.click) {
 
-      options.click.apply(this, [this]);
 
-    }
 
-
 
-    if (marker.infoWindow) {
 
-      self.hideInfoWindows();
 
-      marker.infoWindow.open(self.map, marker);
 
-    }
 
-  });
 
-
 
-  google.maps.event.addListener(marker, 'rightclick', function(e) {
 
-    e.marker = this;
 
-
 
-    if (options.rightclick) {
 
-      options.rightclick.apply(this, [e]);
 
-    }
 
-
 
-    if (window.context_menu[self.el.id]['marker'] != undefined) {
 
-      self.buildContextMenu('marker', e);
 
-    }
 
-  });
 
-
 
-  if (marker.fences) {
 
-    google.maps.event.addListener(marker, 'dragend', function() {
 
-      self.checkMarkerGeofence(marker, function(m, f) {
 
-        outside(m, f);
 
-      });
 
-    });
 
-  }
 
-
 
-  return marker;
 
-};
 
-
 
-GMaps.prototype.addMarker = function(options) {
 
-  var marker;
 
-  if(options.hasOwnProperty('gm_accessors_')) {
 
-    // Native google.maps.Marker object
 
-    marker = options;
 
-  }
 
-  else {
 
-    if ((options.hasOwnProperty('lat') && options.hasOwnProperty('lng')) || options.position) {
 
-      marker = this.createMarker(options);
 
-    }
 
-    else {
 
-      throw 'No latitude or longitude defined.';
 
-    }
 
-  }
 
-
 
-  marker.setMap(this.map);
 
-
 
-  if(this.markerClusterer) {
 
-    this.markerClusterer.addMarker(marker);
 
-  }
 
-
 
-  this.markers.push(marker);
 
-
 
-  GMaps.fire('marker_added', marker, this);
 
-
 
-  return marker;
 
-};
 
-
 
-GMaps.prototype.addMarkers = function(array) {
 
-  for (var i = 0, marker; marker=array[i]; i++) {
 
-    this.addMarker(marker);
 
-  }
 
-
 
-  return this.markers;
 
-};
 
-
 
-GMaps.prototype.hideInfoWindows = function() {
 
-  for (var i = 0, marker; marker = this.markers[i]; i++){
 
-    if (marker.infoWindow) {
 
-      marker.infoWindow.close();
 
-    }
 
-  }
 
-};
 
-
 
-GMaps.prototype.removeMarker = function(marker) {
 
-  for (var i = 0; i < this.markers.length; i++) {
 
-    if (this.markers[i] === marker) {
 
-      this.markers[i].setMap(null);
 
-      this.markers.splice(i, 1);
 
-
 
-      if(this.markerClusterer) {
 
-        this.markerClusterer.removeMarker(marker);
 
-      }
 
-
 
-      GMaps.fire('marker_removed', marker, this);
 
-
 
-      break;
 
-    }
 
-  }
 
-
 
-  return marker;
 
-};
 
-
 
-GMaps.prototype.removeMarkers = function (collection) {
 
-  var new_markers = [];
 
-
 
-  if (typeof collection == 'undefined') {
 
-    for (var i = 0; i < this.markers.length; i++) {
 
-      this.markers[i].setMap(null);
 
-    }
 
-    
-    this.markers = new_markers;
 
-  }
 
-  else {
 
-    for (var i = 0; i < collection.length; i++) {
 
-      if (this.markers.indexOf(collection[i]) > -1) {
 
-        this.markers[i].setMap(null);
 
-      }
 
-    }
 
-
 
-    for (var i = 0; i < this.markers.length; i++) {
 
-      if (this.markers[i].getMap() != null) {
 
-        new_markers.push(this.markers[i]);
 
-      }
 
-    }
 
-
 
-    this.markers = new_markers;
 
-  }
 
-};
 
-
 
-GMaps.prototype.drawOverlay = function(options) {
 
-  var overlay = new google.maps.OverlayView(),
 
-      auto_show = true;
 
-
 
-  overlay.setMap(this.map);
 
-
 
-  if (options.auto_show != null) {
 
-    auto_show = options.auto_show;
 
-  }
 
-
 
-  overlay.onAdd = function() {
 
-    var el = document.createElement('div');
 
-
 
-    el.style.borderStyle = "none";
 
-    el.style.borderWidth = "0px";
 
-    el.style.position = "absolute";
 
-    el.style.zIndex = 100;
 
-    el.innerHTML = options.content;
 
-
 
-    overlay.el = el;
 
-
 
-    if (!options.layer) {
 
-      options.layer = 'overlayLayer';
 
-    }
 
-    
-    var panes = this.getPanes(),
 
-        overlayLayer = panes[options.layer],
 
-        stop_overlay_events = ['contextmenu', 'DOMMouseScroll', 'dblclick', 'mousedown'];
 
-
 
-    overlayLayer.appendChild(el);
 
-
 
-    for (var ev = 0; ev < stop_overlay_events.length; ev++) {
 
-      (function(object, name) {
 
-        google.maps.event.addDomListener(object, name, function(e){
 
-          if (navigator.userAgent.toLowerCase().indexOf('msie') != -1 && document.all) {
 
-            e.cancelBubble = true;
 
-            e.returnValue = false;
 
-          }
 
-          else {
 
-            e.stopPropagation();
 
-          }
 
-        });
 
-      })(el, stop_overlay_events[ev]);
 
-    }
 
-
 
-    if (options.click) {
 
-      panes.overlayMouseTarget.appendChild(overlay.el);
 
-      google.maps.event.addDomListener(overlay.el, 'click', function() {
 
-        options.click.apply(overlay, [overlay]);
 
-      });
 
-    }
 
-
 
-    google.maps.event.trigger(this, 'ready');
 
-  };
 
-
 
-  overlay.draw = function() {
 
-    var projection = this.getProjection(),
 
-        pixel = projection.fromLatLngToDivPixel(new google.maps.LatLng(options.lat, options.lng));
 
-
 
-    options.horizontalOffset = options.horizontalOffset || 0;
 
-    options.verticalOffset = options.verticalOffset || 0;
 
-
 
-    var el = overlay.el,
 
-        content = el.children[0],
 
-        content_height = content.clientHeight,
 
-        content_width = content.clientWidth;
 
-
 
-    switch (options.verticalAlign) {
 
-      case 'top':
 
-        el.style.top = (pixel.y - content_height + options.verticalOffset) + 'px';
 
-        break;
 
-      default:
 
-      case 'middle':
 
-        el.style.top = (pixel.y - (content_height / 2) + options.verticalOffset) + 'px';
 
-        break;
 
-      case 'bottom':
 
-        el.style.top = (pixel.y + options.verticalOffset) + 'px';
 
-        break;
 
-    }
 
-
 
-    switch (options.horizontalAlign) {
 
-      case 'left':
 
-        el.style.left = (pixel.x - content_width + options.horizontalOffset) + 'px';
 
-        break;
 
-      default:
 
-      case 'center':
 
-        el.style.left = (pixel.x - (content_width / 2) + options.horizontalOffset) + 'px';
 
-        break;
 
-      case 'right':
 
-        el.style.left = (pixel.x + options.horizontalOffset) + 'px';
 
-        break;
 
-    }
 
-
 
-    el.style.display = auto_show ? 'block' : 'none';
 
-
 
-    if (!auto_show) {
 
-      options.show.apply(this, [el]);
 
-    }
 
-  };
 
-
 
-  overlay.onRemove = function() {
 
-    var el = overlay.el;
 
-
 
-    if (options.remove) {
 
-      options.remove.apply(this, [el]);
 
-    }
 
-    else {
 
-      overlay.el.parentNode.removeChild(overlay.el);
 
-      overlay.el = null;
 
-    }
 
-  };
 
-
 
-  this.overlays.push(overlay);
 
-  return overlay;
 
-};
 
-
 
-GMaps.prototype.removeOverlay = function(overlay) {
 
-  for (var i = 0; i < this.overlays.length; i++) {
 
-    if (this.overlays[i] === overlay) {
 
-      this.overlays[i].setMap(null);
 
-      this.overlays.splice(i, 1);
 
-
 
-      break;
 
-    }
 
-  }
 
-};
 
-
 
-GMaps.prototype.removeOverlays = function() {
 
-  for (var i = 0, item; item = this.overlays[i]; i++) {
 
-    item.setMap(null);
 
-  }
 
-
 
-  this.overlays = [];
 
-};
 
-
 
-GMaps.prototype.drawPolyline = function(options) {
 
-  var path = [],
 
-      points = options.path;
 
-
 
-  if (points.length) {
 
-    if (points[0][0] === undefined) {
 
-      path = points;
 
-    }
 
-    else {
 
-      for (var i=0, latlng; latlng=points[i]; i++) {
 
-        path.push(new google.maps.LatLng(latlng[0], latlng[1]));
 
-      }
 
-    }
 
-  }
 
-
 
-  var polyline_options = {
 
-    map: this.map,
 
-    path: path,
 
-    strokeColor: options.strokeColor,
 
-    strokeOpacity: options.strokeOpacity,
 
-    strokeWeight: options.strokeWeight,
 
-    geodesic: options.geodesic,
 
-    clickable: true,
 
-    editable: false,
 
-    visible: true
 
-  };
 
-
 
-  if (options.hasOwnProperty("clickable")) {
 
-    polyline_options.clickable = options.clickable;
 
-  }
 
-
 
-  if (options.hasOwnProperty("editable")) {
 
-    polyline_options.editable = options.editable;
 
-  }
 
-
 
-  if (options.hasOwnProperty("icons")) {
 
-    polyline_options.icons = options.icons;
 
-  }
 
-
 
-  if (options.hasOwnProperty("zIndex")) {
 
-    polyline_options.zIndex = options.zIndex;
 
-  }
 
-
 
-  var polyline = new google.maps.Polyline(polyline_options);
 
-
 
-  var polyline_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick'];
 
-
 
-  for (var ev = 0; ev < polyline_events.length; ev++) {
 
-    (function(object, name) {
 
-      if (options[name]) {
 
-        google.maps.event.addListener(object, name, function(e){
 
-          options[name].apply(this, [e]);
 
-        });
 
-      }
 
-    })(polyline, polyline_events[ev]);
 
-  }
 
-
 
-  this.polylines.push(polyline);
 
-
 
-  GMaps.fire('polyline_added', polyline, this);
 
-
 
-  return polyline;
 
-};
 
-
 
-GMaps.prototype.removePolyline = function(polyline) {
 
-  for (var i = 0; i < this.polylines.length; i++) {
 
-    if (this.polylines[i] === polyline) {
 
-      this.polylines[i].setMap(null);
 
-      this.polylines.splice(i, 1);
 
-
 
-      GMaps.fire('polyline_removed', polyline, this);
 
-
 
-      break;
 
-    }
 
-  }
 
-};
 
-
 
-GMaps.prototype.removePolylines = function() {
 
-  for (var i = 0, item; item = this.polylines[i]; i++) {
 
-    item.setMap(null);
 
-  }
 
-
 
-  this.polylines = [];
 
-};
 
-
 
-GMaps.prototype.drawCircle = function(options) {
 
-  options =  extend_object({
 
-    map: this.map,
 
-    center: new google.maps.LatLng(options.lat, options.lng)
 
-  }, options);
 
-
 
-  delete options.lat;
 
-  delete options.lng;
 
-
 
-  var polygon = new google.maps.Circle(options),
 
-      polygon_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick'];
 
-
 
-  for (var ev = 0; ev < polygon_events.length; ev++) {
 
-    (function(object, name) {
 
-      if (options[name]) {
 
-        google.maps.event.addListener(object, name, function(e){
 
-          options[name].apply(this, [e]);
 
-        });
 
-      }
 
-    })(polygon, polygon_events[ev]);
 
-  }
 
-
 
-  this.polygons.push(polygon);
 
-
 
-  return polygon;
 
-};
 
-
 
-GMaps.prototype.drawRectangle = function(options) {
 
-  options = extend_object({
 
-    map: this.map
 
-  }, options);
 
-
 
-  var latLngBounds = new google.maps.LatLngBounds(
 
-    new google.maps.LatLng(options.bounds[0][0], options.bounds[0][1]),
 
-    new google.maps.LatLng(options.bounds[1][0], options.bounds[1][1])
 
-  );
 
-
 
-  options.bounds = latLngBounds;
 
-
 
-  var polygon = new google.maps.Rectangle(options),
 
-      polygon_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick'];
 
-
 
-  for (var ev = 0; ev < polygon_events.length; ev++) {
 
-    (function(object, name) {
 
-      if (options[name]) {
 
-        google.maps.event.addListener(object, name, function(e){
 
-          options[name].apply(this, [e]);
 
-        });
 
-      }
 
-    })(polygon, polygon_events[ev]);
 
-  }
 
-
 
-  this.polygons.push(polygon);
 
-
 
-  return polygon;
 
-};
 
-
 
-GMaps.prototype.drawPolygon = function(options) {
 
-  var useGeoJSON = false;
 
-
 
-  if(options.hasOwnProperty("useGeoJSON")) {
 
-    useGeoJSON = options.useGeoJSON;
 
-  }
 
-
 
-  delete options.useGeoJSON;
 
-
 
-  options = extend_object({
 
-    map: this.map
 
-  }, options);
 
-
 
-  if (useGeoJSON == false) {
 
-    options.paths = [options.paths.slice(0)];
 
-  }
 
-
 
-  if (options.paths.length > 0) {
 
-    if (options.paths[0].length > 0) {
 
-      options.paths = array_flat(array_map(options.paths, arrayToLatLng, useGeoJSON));
 
-    }
 
-  }
 
-
 
-  var polygon = new google.maps.Polygon(options),
 
-      polygon_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick'];
 
-
 
-  for (var ev = 0; ev < polygon_events.length; ev++) {
 
-    (function(object, name) {
 
-      if (options[name]) {
 
-        google.maps.event.addListener(object, name, function(e){
 
-          options[name].apply(this, [e]);
 
-        });
 
-      }
 
-    })(polygon, polygon_events[ev]);
 
-  }
 
-
 
-  this.polygons.push(polygon);
 
-
 
-  GMaps.fire('polygon_added', polygon, this);
 
-
 
-  return polygon;
 
-};
 
-
 
-GMaps.prototype.removePolygon = function(polygon) {
 
-  for (var i = 0; i < this.polygons.length; i++) {
 
-    if (this.polygons[i] === polygon) {
 
-      this.polygons[i].setMap(null);
 
-      this.polygons.splice(i, 1);
 
-
 
-      GMaps.fire('polygon_removed', polygon, this);
 
-
 
-      break;
 
-    }
 
-  }
 
-};
 
-
 
-GMaps.prototype.removePolygons = function() {
 
-  for (var i = 0, item; item = this.polygons[i]; i++) {
 
-    item.setMap(null);
 
-  }
 
-
 
-  this.polygons = [];
 
-};
 
-
 
-GMaps.prototype.getFromFusionTables = function(options) {
 
-  var events = options.events;
 
-
 
-  delete options.events;
 
-
 
-  var fusion_tables_options = options,
 
-      layer = new google.maps.FusionTablesLayer(fusion_tables_options);
 
-
 
-  for (var ev in events) {
 
-    (function(object, name) {
 
-      google.maps.event.addListener(object, name, function(e) {
 
-        events[name].apply(this, [e]);
 
-      });
 
-    })(layer, ev);
 
-  }
 
-
 
-  this.layers.push(layer);
 
-
 
-  return layer;
 
-};
 
-
 
-GMaps.prototype.loadFromFusionTables = function(options) {
 
-  var layer = this.getFromFusionTables(options);
 
-  layer.setMap(this.map);
 
-
 
-  return layer;
 
-};
 
-
 
-GMaps.prototype.getFromKML = function(options) {
 
-  var url = options.url,
 
-      events = options.events;
 
-
 
-  delete options.url;
 
-  delete options.events;
 
-
 
-  var kml_options = options,
 
-      layer = new google.maps.KmlLayer(url, kml_options);
 
-
 
-  for (var ev in events) {
 
-    (function(object, name) {
 
-      google.maps.event.addListener(object, name, function(e) {
 
-        events[name].apply(this, [e]);
 
-      });
 
-    })(layer, ev);
 
-  }
 
-
 
-  this.layers.push(layer);
 
-
 
-  return layer;
 
-};
 
-
 
-GMaps.prototype.loadFromKML = function(options) {
 
-  var layer = this.getFromKML(options);
 
-  layer.setMap(this.map);
 
-
 
-  return layer;
 
-};
 
-
 
-GMaps.prototype.addLayer = function(layerName, options) {
 
-  //var default_layers = ['weather', 'clouds', 'traffic', 'transit', 'bicycling', 'panoramio', 'places'];
 
-  options = options || {};
 
-  var layer;
 
-
 
-  switch(layerName) {
 
-    case 'weather': this.singleLayers.weather = layer = new google.maps.weather.WeatherLayer();
 
-      break;
 
-    case 'clouds': this.singleLayers.clouds = layer = new google.maps.weather.CloudLayer();
 
-      break;
 
-    case 'traffic': this.singleLayers.traffic = layer = new google.maps.TrafficLayer();
 
-      break;
 
-    case 'transit': this.singleLayers.transit = layer = new google.maps.TransitLayer();
 
-      break;
 
-    case 'bicycling': this.singleLayers.bicycling = layer = new google.maps.BicyclingLayer();
 
-      break;
 
-    case 'panoramio':
 
-        this.singleLayers.panoramio = layer = new google.maps.panoramio.PanoramioLayer();
 
-        layer.setTag(options.filter);
 
-        delete options.filter;
 
-
 
-        //click event
 
-        if (options.click) {
 
-          google.maps.event.addListener(layer, 'click', function(event) {
 
-            options.click(event);
 
-            delete options.click;
 
-          });
 
-        }
 
-      break;
 
-      case 'places':
 
-        this.singleLayers.places = layer = new google.maps.places.PlacesService(this.map);
 
-
 
-        //search, nearbySearch, radarSearch callback, Both are the same
 
-        if (options.search || options.nearbySearch || options.radarSearch) {
 
-          var placeSearchRequest  = {
 
-            bounds : options.bounds || null,
 
-            keyword : options.keyword || null,
 
-            location : options.location || null,
 
-            name : options.name || null,
 
-            radius : options.radius || null,
 
-            rankBy : options.rankBy || null,
 
-            types : options.types || null
 
-          };
 
-
 
-          if (options.radarSearch) {
 
-            layer.radarSearch(placeSearchRequest, options.radarSearch);
 
-          }
 
-
 
-          if (options.search) {
 
-            layer.search(placeSearchRequest, options.search);
 
-          }
 
-
 
-          if (options.nearbySearch) {
 
-            layer.nearbySearch(placeSearchRequest, options.nearbySearch);
 
-          }
 
-        }
 
-
 
-        //textSearch callback
 
-        if (options.textSearch) {
 
-          var textSearchRequest  = {
 
-            bounds : options.bounds || null,
 
-            location : options.location || null,
 
-            query : options.query || null,
 
-            radius : options.radius || null
 
-          };
 
-
 
-          layer.textSearch(textSearchRequest, options.textSearch);
 
-        }
 
-      break;
 
-  }
 
-
 
-  if (layer !== undefined) {
 
-    if (typeof layer.setOptions == 'function') {
 
-      layer.setOptions(options);
 
-    }
 
-    if (typeof layer.setMap == 'function') {
 
-      layer.setMap(this.map);
 
-    }
 
-
 
-    return layer;
 
-  }
 
-};
 
-
 
-GMaps.prototype.removeLayer = function(layer) {
 
-  if (typeof(layer) == "string" && this.singleLayers[layer] !== undefined) {
 
-     this.singleLayers[layer].setMap(null);
 
-
 
-     delete this.singleLayers[layer];
 
-  }
 
-  else {
 
-    for (var i = 0; i < this.layers.length; i++) {
 
-      if (this.layers[i] === layer) {
 
-        this.layers[i].setMap(null);
 
-        this.layers.splice(i, 1);
 
-
 
-        break;
 
-      }
 
-    }
 
-  }
 
-};
 
-
 
-var travelMode, unitSystem;
 
-
 
-GMaps.prototype.getRoutes = function(options) {
 
-  switch (options.travelMode) {
 
-    case 'bicycling':
 
-      travelMode = google.maps.TravelMode.BICYCLING;
 
-      break;
 
-    case 'transit':
 
-      travelMode = google.maps.TravelMode.TRANSIT;
 
-      break;
 
-    case 'driving':
 
-      travelMode = google.maps.TravelMode.DRIVING;
 
-      break;
 
-    default:
 
-      travelMode = google.maps.TravelMode.WALKING;
 
-      break;
 
-  }
 
-
 
-  if (options.unitSystem === 'imperial') {
 
-    unitSystem = google.maps.UnitSystem.IMPERIAL;
 
-  }
 
-  else {
 
-    unitSystem = google.maps.UnitSystem.METRIC;
 
-  }
 
-
 
-  var base_options = {
 
-        avoidHighways: false,
 
-        avoidTolls: false,
 
-        optimizeWaypoints: false,
 
-        waypoints: []
 
-      },
 
-      request_options =  extend_object(base_options, options);
 
-
 
-  request_options.origin = /string/.test(typeof options.origin) ? options.origin : new google.maps.LatLng(options.origin[0], options.origin[1]);
 
-  request_options.destination = /string/.test(typeof options.destination) ? options.destination : new google.maps.LatLng(options.destination[0], options.destination[1]);
 
-  request_options.travelMode = travelMode;
 
-  request_options.unitSystem = unitSystem;
 
-
 
-  delete request_options.callback;
 
-  delete request_options.error;
 
-
 
-  var self = this,
 
-      service = new google.maps.DirectionsService();
 
-
 
-  service.route(request_options, function(result, status) {
 
-    if (status === google.maps.DirectionsStatus.OK) {
 
-      for (var r in result.routes) {
 
-        if (result.routes.hasOwnProperty(r)) {
 
-          self.routes.push(result.routes[r]);
 
-        }
 
-      }
 
-
 
-      if (options.callback) {
 
-        options.callback(self.routes);
 
-      }
 
-    }
 
-    else {
 
-      if (options.error) {
 
-        options.error(result, status);
 
-      }
 
-    }
 
-  });
 
-};
 
-
 
-GMaps.prototype.removeRoutes = function() {
 
-  this.routes = [];
 
-};
 
-
 
-GMaps.prototype.getElevations = function(options) {
 
-  options = extend_object({
 
-    locations: [],
 
-    path : false,
 
-    samples : 256
 
-  }, options);
 
-
 
-  if (options.locations.length > 0) {
 
-    if (options.locations[0].length > 0) {
 
-      options.locations = array_flat(array_map([options.locations], arrayToLatLng,  false));
 
-    }
 
-  }
 
-
 
-  var callback = options.callback;
 
-  delete options.callback;
 
-
 
-  var service = new google.maps.ElevationService();
 
-
 
-  //location request
 
-  if (!options.path) {
 
-    delete options.path;
 
-    delete options.samples;
 
-
 
-    service.getElevationForLocations(options, function(result, status) {
 
-      if (callback && typeof(callback) === "function") {
 
-        callback(result, status);
 
-      }
 
-    });
 
-  //path request
 
-  } else {
 
-    var pathRequest = {
 
-      path : options.locations,
 
-      samples : options.samples
 
-    };
 
-
 
-    service.getElevationAlongPath(pathRequest, function(result, status) {
 
-     if (callback && typeof(callback) === "function") {
 
-        callback(result, status);
 
-      }
 
-    });
 
-  }
 
-};
 
-
 
-GMaps.prototype.cleanRoute = GMaps.prototype.removePolylines;
 
-
 
-GMaps.prototype.drawRoute = function(options) {
 
-  var self = this;
 
-
 
-  this.getRoutes({
 
-    origin: options.origin,
 
-    destination: options.destination,
 
-    travelMode: options.travelMode,
 
-    waypoints: options.waypoints,
 
-    unitSystem: options.unitSystem,
 
-    error: options.error,
 
-    callback: function(e) {
 
-      if (e.length > 0) {
 
-        self.drawPolyline({
 
-          path: e[e.length - 1].overview_path,
 
-          strokeColor: options.strokeColor,
 
-          strokeOpacity: options.strokeOpacity,
 
-          strokeWeight: options.strokeWeight
 
-        });
 
-        
-        if (options.callback) {
 
-          options.callback(e[e.length - 1]);
 
-        }
 
-      }
 
-    }
 
-  });
 
-};
 
-
 
-GMaps.prototype.travelRoute = function(options) {
 
-  if (options.origin && options.destination) {
 
-    this.getRoutes({
 
-      origin: options.origin,
 
-      destination: options.destination,
 
-      travelMode: options.travelMode,
 
-      waypoints : options.waypoints,
 
-      unitSystem: options.unitSystem,
 
-      error: options.error,
 
-      callback: function(e) {
 
-        //start callback
 
-        if (e.length > 0 && options.start) {
 
-          options.start(e[e.length - 1]);
 
-        }
 
-
 
-        //step callback
 
-        if (e.length > 0 && options.step) {
 
-          var route = e[e.length - 1];
 
-          if (route.legs.length > 0) {
 
-            var steps = route.legs[0].steps;
 
-            for (var i=0, step; step=steps[i]; i++) {
 
-              step.step_number = i;
 
-              options.step(step, (route.legs[0].steps.length - 1));
 
-            }
 
-          }
 
-        }
 
-
 
-        //end callback
 
-        if (e.length > 0 && options.end) {
 
-           options.end(e[e.length - 1]);
 
-        }
 
-      }
 
-    });
 
-  }
 
-  else if (options.route) {
 
-    if (options.route.legs.length > 0) {
 
-      var steps = options.route.legs[0].steps;
 
-      for (var i=0, step; step=steps[i]; i++) {
 
-        step.step_number = i;
 
-        options.step(step);
 
-      }
 
-    }
 
-  }
 
-};
 
-
 
-GMaps.prototype.drawSteppedRoute = function(options) {
 
-  var self = this;
 
-  
-  if (options.origin && options.destination) {
 
-    this.getRoutes({
 
-      origin: options.origin,
 
-      destination: options.destination,
 
-      travelMode: options.travelMode,
 
-      waypoints : options.waypoints,
 
-      error: options.error,
 
-      callback: function(e) {
 
-        //start callback
 
-        if (e.length > 0 && options.start) {
 
-          options.start(e[e.length - 1]);
 
-        }
 
-
 
-        //step callback
 
-        if (e.length > 0 && options.step) {
 
-          var route = e[e.length - 1];
 
-          if (route.legs.length > 0) {
 
-            var steps = route.legs[0].steps;
 
-            for (var i=0, step; step=steps[i]; i++) {
 
-              step.step_number = i;
 
-              self.drawPolyline({
 
-                path: step.path,
 
-                strokeColor: options.strokeColor,
 
-                strokeOpacity: options.strokeOpacity,
 
-                strokeWeight: options.strokeWeight
 
-              });
 
-              options.step(step, (route.legs[0].steps.length - 1));
 
-            }
 
-          }
 
-        }
 
-
 
-        //end callback
 
-        if (e.length > 0 && options.end) {
 
-           options.end(e[e.length - 1]);
 
-        }
 
-      }
 
-    });
 
-  }
 
-  else if (options.route) {
 
-    if (options.route.legs.length > 0) {
 
-      var steps = options.route.legs[0].steps;
 
-      for (var i=0, step; step=steps[i]; i++) {
 
-        step.step_number = i;
 
-        self.drawPolyline({
 
-          path: step.path,
 
-          strokeColor: options.strokeColor,
 
-          strokeOpacity: options.strokeOpacity,
 
-          strokeWeight: options.strokeWeight
 
-        });
 
-        options.step(step);
 
-      }
 
-    }
 
-  }
 
-};
 
-
 
-GMaps.Route = function(options) {
 
-  this.origin = options.origin;
 
-  this.destination = options.destination;
 
-  this.waypoints = options.waypoints;
 
-
 
-  this.map = options.map;
 
-  this.route = options.route;
 
-  this.step_count = 0;
 
-  this.steps = this.route.legs[0].steps;
 
-  this.steps_length = this.steps.length;
 
-
 
-  this.polyline = this.map.drawPolyline({
 
-    path: new google.maps.MVCArray(),
 
-    strokeColor: options.strokeColor,
 
-    strokeOpacity: options.strokeOpacity,
 
-    strokeWeight: options.strokeWeight
 
-  }).getPath();
 
-};
 
-
 
-GMaps.Route.prototype.getRoute = function(options) {
 
-  var self = this;
 
-
 
-  this.map.getRoutes({
 
-    origin : this.origin,
 
-    destination : this.destination,
 
-    travelMode : options.travelMode,
 
-    waypoints : this.waypoints || [],
 
-    error: options.error,
 
-    callback : function() {
 
-      self.route = e[0];
 
-
 
-      if (options.callback) {
 
-        options.callback.call(self);
 
-      }
 
-    }
 
-  });
 
-};
 
-
 
-GMaps.Route.prototype.back = function() {
 
-  if (this.step_count > 0) {
 
-    this.step_count--;
 
-    var path = this.route.legs[0].steps[this.step_count].path;
 
-
 
-    for (var p in path){
 
-      if (path.hasOwnProperty(p)){
 
-        this.polyline.pop();
 
-      }
 
-    }
 
-  }
 
-};
 
-
 
-GMaps.Route.prototype.forward = function() {
 
-  if (this.step_count < this.steps_length) {
 
-    var path = this.route.legs[0].steps[this.step_count].path;
 
-
 
-    for (var p in path){
 
-      if (path.hasOwnProperty(p)){
 
-        this.polyline.push(path[p]);
 
-      }
 
-    }
 
-    this.step_count++;
 
-  }
 
-};
 
-
 
-GMaps.prototype.checkGeofence = function(lat, lng, fence) {
 
-  return fence.containsLatLng(new google.maps.LatLng(lat, lng));
 
-};
 
-
 
-GMaps.prototype.checkMarkerGeofence = function(marker, outside_callback) {
 
-  if (marker.fences) {
 
-    for (var i = 0, fence; fence = marker.fences[i]; i++) {
 
-      var pos = marker.getPosition();
 
-      if (!this.checkGeofence(pos.lat(), pos.lng(), fence)) {
 
-        outside_callback(marker, fence);
 
-      }
 
-    }
 
-  }
 
-};
 
-
 
-GMaps.prototype.toImage = function(options) {
 
-  var options = options || {},
 
-      static_map_options = {};
 
-
 
-  static_map_options['size'] = options['size'] || [this.el.clientWidth, this.el.clientHeight];
 
-  static_map_options['lat'] = this.getCenter().lat();
 
-  static_map_options['lng'] = this.getCenter().lng();
 
-
 
-  if (this.markers.length > 0) {
 
-    static_map_options['markers'] = [];
 
-    
-    for (var i = 0; i < this.markers.length; i++) {
 
-      static_map_options['markers'].push({
 
-        lat: this.markers[i].getPosition().lat(),
 
-        lng: this.markers[i].getPosition().lng()
 
-      });
 
-    }
 
-  }
 
-
 
-  if (this.polylines.length > 0) {
 
-    var polyline = this.polylines[0];
 
-    
-    static_map_options['polyline'] = {};
 
-    static_map_options['polyline']['path'] = google.maps.geometry.encoding.encodePath(polyline.getPath());
 
-    static_map_options['polyline']['strokeColor'] = polyline.strokeColor
 
-    static_map_options['polyline']['strokeOpacity'] = polyline.strokeOpacity
 
-    static_map_options['polyline']['strokeWeight'] = polyline.strokeWeight
 
-  }
 
-
 
-  return GMaps.staticMapURL(static_map_options);
 
-};
 
-
 
-GMaps.staticMapURL = function(options){
 
-  var parameters = [],
 
-      data,
 
-      static_root = 'https://maps.googleapis.com/maps/api/staticmap';
 
-
 
-  if (options.url) {
 
-    static_root = options.url;
 
-    delete options.url;
 
-  }
 
-
 
-  static_root += '?';
 
-
 
-  var markers = options.markers;
 
-  
-  delete options.markers;
 
-
 
-  if (!markers && options.marker) {
 
-    markers = [options.marker];
 
-    delete options.marker;
 
-  }
 
-
 
-  var styles = options.styles;
 
-
 
-  delete options.styles;
 
-
 
-  var polyline = options.polyline;
 
-  delete options.polyline;
 
-
 
-  /** Map options **/
 
-  if (options.center) {
 
-    parameters.push('center=' + options.center);
 
-    delete options.center;
 
-  }
 
-  else if (options.address) {
 
-    parameters.push('center=' + options.address);
 
-    delete options.address;
 
-  }
 
-  else if (options.lat) {
 
-    parameters.push(['center=', options.lat, ',', options.lng].join(''));
 
-    delete options.lat;
 
-    delete options.lng;
 
-  }
 
-  else if (options.visible) {
 
-    var visible = encodeURI(options.visible.join('|'));
 
-    parameters.push('visible=' + visible);
 
-  }
 
-
 
-  var size = options.size;
 
-  if (size) {
 
-    if (size.join) {
 
-      size = size.join('x');
 
-    }
 
-    delete options.size;
 
-  }
 
-  else {
 
-    size = '630x300';
 
-  }
 
-  parameters.push('size=' + size);
 
-
 
-  if (!options.zoom && options.zoom !== false) {
 
-    options.zoom = 15;
 
-  }
 
-
 
-  var sensor = options.hasOwnProperty('sensor') ? !!options.sensor : true;
 
-  delete options.sensor;
 
-  parameters.push('sensor=' + sensor);
 
-
 
-  for (var param in options) {
 
-    if (options.hasOwnProperty(param)) {
 
-      parameters.push(param + '=' + options[param]);
 
-    }
 
-  }
 
-
 
-  /** Markers **/
 
-  if (markers) {
 
-    var marker, loc;
 
-
 
-    for (var i=0; data=markers[i]; i++) {
 
-      marker = [];
 
-
 
-      if (data.size && data.size !== 'normal') {
 
-        marker.push('size:' + data.size);
 
-        delete data.size;
 
-      }
 
-      else if (data.icon) {
 
-        marker.push('icon:' + encodeURI(data.icon));
 
-        delete data.icon;
 
-      }
 
-
 
-      if (data.color) {
 
-        marker.push('color:' + data.color.replace('#', '0x'));
 
-        delete data.color;
 
-      }
 
-
 
-      if (data.label) {
 
-        marker.push('label:' + data.label[0].toUpperCase());
 
-        delete data.label;
 
-      }
 
-
 
-      loc = (data.address ? data.address : data.lat + ',' + data.lng);
 
-      delete data.address;
 
-      delete data.lat;
 
-      delete data.lng;
 
-
 
-      for(var param in data){
 
-        if (data.hasOwnProperty(param)) {
 
-          marker.push(param + ':' + data[param]);
 
-        }
 
-      }
 
-
 
-      if (marker.length || i === 0) {
 
-        marker.push(loc);
 
-        marker = marker.join('|');
 
-        parameters.push('markers=' + encodeURI(marker));
 
-      }
 
-      // New marker without styles
 
-      else {
 
-        marker = parameters.pop() + encodeURI('|' + loc);
 
-        parameters.push(marker);
 
-      }
 
-    }
 
-  }
 
-
 
-  /** Map Styles **/
 
-  if (styles) {
 
-    for (var i = 0; i < styles.length; i++) {
 
-      var styleRule = [];
 
-      if (styles[i].featureType){
 
-        styleRule.push('feature:' + styles[i].featureType.toLowerCase());
 
-      }
 
-
 
-      if (styles[i].elementType) {
 
-        styleRule.push('element:' + styles[i].elementType.toLowerCase());
 
-      }
 
-
 
-      for (var j = 0; j < styles[i].stylers.length; j++) {
 
-        for (var p in styles[i].stylers[j]) {
 
-          var ruleArg = styles[i].stylers[j][p];
 
-          if (p == 'hue' || p == 'color') {
 
-            ruleArg = '0x' + ruleArg.substring(1);
 
-          }
 
-          styleRule.push(p + ':' + ruleArg);
 
-        }
 
-      }
 
-
 
-      var rule = styleRule.join('|');
 
-      if (rule != '') {
 
-        parameters.push('style=' + rule);
 
-      }
 
-    }
 
-  }
 
-
 
-  /** Polylines **/
 
-  function parseColor(color, opacity) {
 
-    if (color[0] === '#'){
 
-      color = color.replace('#', '0x');
 
-
 
-      if (opacity) {
 
-        opacity = parseFloat(opacity);
 
-        opacity = Math.min(1, Math.max(opacity, 0));
 
-        if (opacity === 0) {
 
-          return '0x00000000';
 
-        }
 
-        opacity = (opacity * 255).toString(16);
 
-        if (opacity.length === 1) {
 
-          opacity += opacity;
 
-        }
 
-
 
-        color = color.slice(0,8) + opacity;
 
-      }
 
-    }
 
-    return color;
 
-  }
 
-
 
-  if (polyline) {
 
-    data = polyline;
 
-    polyline = [];
 
-
 
-    if (data.strokeWeight) {
 
-      polyline.push('weight:' + parseInt(data.strokeWeight, 10));
 
-    }
 
-
 
-    if (data.strokeColor) {
 
-      var color = parseColor(data.strokeColor, data.strokeOpacity);
 
-      polyline.push('color:' + color);
 
-    }
 
-
 
-    if (data.fillColor) {
 
-      var fillcolor = parseColor(data.fillColor, data.fillOpacity);
 
-      polyline.push('fillcolor:' + fillcolor);
 
-    }
 
-
 
-    var path = data.path;
 
-    if (path.join) {
 
-      for (var j=0, pos; pos=path[j]; j++) {
 
-        polyline.push(pos.join(','));
 
-      }
 
-    }
 
-    else {
 
-      polyline.push('enc:' + path);
 
-    }
 
-
 
-    polyline = polyline.join('|');
 
-    parameters.push('path=' + encodeURI(polyline));
 
-  }
 
-
 
-  /** Retina support **/
 
-  var dpi = window.devicePixelRatio || 1;
 
-  parameters.push('scale=' + dpi);
 
-
 
-  parameters = parameters.join('&');
 
-  return static_root + parameters;
 
-};
 
-
 
-GMaps.prototype.addMapType = function(mapTypeId, options) {
 
-  if (options.hasOwnProperty("getTileUrl") && typeof(options["getTileUrl"]) == "function") {
 
-    options.tileSize = options.tileSize || new google.maps.Size(256, 256);
 
-
 
-    var mapType = new google.maps.ImageMapType(options);
 
-
 
-    this.map.mapTypes.set(mapTypeId, mapType);
 
-  }
 
-  else {
 
-    throw "'getTileUrl' function required.";
 
-  }
 
-};
 
-
 
-GMaps.prototype.addOverlayMapType = function(options) {
 
-  if (options.hasOwnProperty("getTile") && typeof(options["getTile"]) == "function") {
 
-    var overlayMapTypeIndex = options.index;
 
-
 
-    delete options.index;
 
-
 
-    this.map.overlayMapTypes.insertAt(overlayMapTypeIndex, options);
 
-  }
 
-  else {
 
-    throw "'getTile' function required.";
 
-  }
 
-};
 
-
 
-GMaps.prototype.removeOverlayMapType = function(overlayMapTypeIndex) {
 
-  this.map.overlayMapTypes.removeAt(overlayMapTypeIndex);
 
-};
 
-
 
-GMaps.prototype.addStyle = function(options) {
 
-  var styledMapType = new google.maps.StyledMapType(options.styles, { name: options.styledMapName });
 
-
 
-  this.map.mapTypes.set(options.mapTypeId, styledMapType);
 
-};
 
-
 
-GMaps.prototype.setStyle = function(mapTypeId) {
 
-  this.map.setMapTypeId(mapTypeId);
 
-};
 
-
 
-GMaps.prototype.createPanorama = function(streetview_options) {
 
-  if (!streetview_options.hasOwnProperty('lat') || !streetview_options.hasOwnProperty('lng')) {
 
-    streetview_options.lat = this.getCenter().lat();
 
-    streetview_options.lng = this.getCenter().lng();
 
-  }
 
-
 
-  this.panorama = GMaps.createPanorama(streetview_options);
 
-
 
-  this.map.setStreetView(this.panorama);
 
-
 
-  return this.panorama;
 
-};
 
-
 
-GMaps.createPanorama = function(options) {
 
-  var el = getElementById(options.el, options.context);
 
-
 
-  options.position = new google.maps.LatLng(options.lat, options.lng);
 
-
 
-  delete options.el;
 
-  delete options.context;
 
-  delete options.lat;
 
-  delete options.lng;
 
-
 
-  var streetview_events = ['closeclick', 'links_changed', 'pano_changed', 'position_changed', 'pov_changed', 'resize', 'visible_changed'],
 
-      streetview_options = extend_object({visible : true}, options);
 
-
 
-  for (var i = 0; i < streetview_events.length; i++) {
 
-    delete streetview_options[streetview_events[i]];
 
-  }
 
-
 
-  var panorama = new google.maps.StreetViewPanorama(el, streetview_options);
 
-
 
-  for (var i = 0; i < streetview_events.length; i++) {
 
-    (function(object, name) {
 
-      if (options[name]) {
 
-        google.maps.event.addListener(object, name, function(){
 
-          options[name].apply(this);
 
-        });
 
-      }
 
-    })(panorama, streetview_events[i]);
 
-  }
 
-
 
-  return panorama;
 
-};
 
-
 
-GMaps.prototype.on = function(event_name, handler) {
 
-  return GMaps.on(event_name, this, handler);
 
-};
 
-
 
-GMaps.prototype.off = function(event_name) {
 
-  GMaps.off(event_name, this);
 
-};
 
-
 
-GMaps.custom_events = ['marker_added', 'marker_removed', 'polyline_added', 'polyline_removed', 'polygon_added', 'polygon_removed', 'geolocated', 'geolocation_failed'];
 
-
 
-GMaps.on = function(event_name, object, handler) {
 
-  if (GMaps.custom_events.indexOf(event_name) == -1) {
 
-    if(object instanceof GMaps) object = object.map; 
-    return google.maps.event.addListener(object, event_name, handler);
 
-  }
 
-  else {
 
-    var registered_event = {
 
-      handler : handler,
 
-      eventName : event_name
 
-    };
 
-
 
-    object.registered_events[event_name] = object.registered_events[event_name] || [];
 
-    object.registered_events[event_name].push(registered_event);
 
-
 
-    return registered_event;
 
-  }
 
-};
 
-
 
-GMaps.off = function(event_name, object) {
 
-  if (GMaps.custom_events.indexOf(event_name) == -1) {
 
-    if(object instanceof GMaps) object = object.map; 
-    google.maps.event.clearListeners(object, event_name);
 
-  }
 
-  else {
 
-    object.registered_events[event_name] = [];
 
-  }
 
-};
 
-
 
-GMaps.fire = function(event_name, object, scope) {
 
-  if (GMaps.custom_events.indexOf(event_name) == -1) {
 
-    google.maps.event.trigger(object, event_name, Array.prototype.slice.apply(arguments).slice(2));
 
-  }
 
-  else {
 
-    if(event_name in scope.registered_events) {
 
-      var firing_events = scope.registered_events[event_name];
 
-
 
-      for(var i = 0; i < firing_events.length; i++) {
 
-        (function(handler, scope, object) {
 
-          handler.apply(scope, [object]);
 
-        })(firing_events[i]['handler'], scope, object);
 
-      }
 
-    }
 
-  }
 
-};
 
-
 
-GMaps.geolocate = function(options) {
 
-  var complete_callback = options.always || options.complete;
 
-
 
-  if (navigator.geolocation) {
 
-    navigator.geolocation.getCurrentPosition(function(position) {
 
-      options.success(position);
 
-
 
-      if (complete_callback) {
 
-        complete_callback();
 
-      }
 
-    }, function(error) {
 
-      options.error(error);
 
-
 
-      if (complete_callback) {
 
-        complete_callback();
 
-      }
 
-    }, options.options);
 
-  }
 
-  else {
 
-    options.not_supported();
 
-
 
-    if (complete_callback) {
 
-      complete_callback();
 
-    }
 
-  }
 
-};
 
-
 
-GMaps.geocode = function(options) {
 
-  this.geocoder = new google.maps.Geocoder();
 
-  var callback = options.callback;
 
-  if (options.hasOwnProperty('lat') && options.hasOwnProperty('lng')) {
 
-    options.latLng = new google.maps.LatLng(options.lat, options.lng);
 
-  }
 
-
 
-  delete options.lat;
 
-  delete options.lng;
 
-  delete options.callback;
 
-  
-  this.geocoder.geocode(options, function(results, status) {
 
-    callback(results, status);
 
-  });
 
-};
 
-
 
-//==========================
 
-// Polygon containsLatLng
 
-// https://github.com/tparkin/Google-Maps-Point-in-Polygon
 
-// Poygon getBounds extension - google-maps-extensions
 
-// http://code.google.com/p/google-maps-extensions/source/browse/google.maps.Polygon.getBounds.js
 
-if (!google.maps.Polygon.prototype.getBounds) {
 
-  google.maps.Polygon.prototype.getBounds = function(latLng) {
 
-    var bounds = new google.maps.LatLngBounds();
 
-    var paths = this.getPaths();
 
-    var path;
 
-
 
-    for (var p = 0; p < paths.getLength(); p++) {
 
-      path = paths.getAt(p);
 
-      for (var i = 0; i < path.getLength(); i++) {
 
-        bounds.extend(path.getAt(i));
 
-      }
 
-    }
 
-
 
-    return bounds;
 
-  };
 
-}
 
-
 
-if (!google.maps.Polygon.prototype.containsLatLng) {
 
-  // Polygon containsLatLng - method to determine if a latLng is within a polygon
 
-  google.maps.Polygon.prototype.containsLatLng = function(latLng) {
 
-    // Exclude points outside of bounds as there is no way they are in the poly
 
-    var bounds = this.getBounds();
 
-
 
-    if (bounds !== null && !bounds.contains(latLng)) {
 
-      return false;
 
-    }
 
-
 
-    // Raycast point in polygon method
 
-    var inPoly = false;
 
-
 
-    var numPaths = this.getPaths().getLength();
 
-    for (var p = 0; p < numPaths; p++) {
 
-      var path = this.getPaths().getAt(p);
 
-      var numPoints = path.getLength();
 
-      var j = numPoints - 1;
 
-
 
-      for (var i = 0; i < numPoints; i++) {
 
-        var vertex1 = path.getAt(i);
 
-        var vertex2 = path.getAt(j);
 
-
 
-        if (vertex1.lng() < latLng.lng() && vertex2.lng() >= latLng.lng() || vertex2.lng() < latLng.lng() && vertex1.lng() >= latLng.lng()) {
 
-          if (vertex1.lat() + (latLng.lng() - vertex1.lng()) / (vertex2.lng() - vertex1.lng()) * (vertex2.lat() - vertex1.lat()) < latLng.lat()) {
 
-            inPoly = !inPoly;
 
-          }
 
-        }
 
-
 
-        j = i;
 
-      }
 
-    }
 
-
 
-    return inPoly;
 
-  };
 
-}
 
-
 
-if (!google.maps.Circle.prototype.containsLatLng) {
 
-  google.maps.Circle.prototype.containsLatLng = function(latLng) {
 
-    if (google.maps.geometry) {
 
-      return google.maps.geometry.spherical.computeDistanceBetween(this.getCenter(), latLng) <= this.getRadius();
 
-    }
 
-    else {
 
-      return true;
 
-    }
 
-  };
 
-}
 
-
 
-google.maps.LatLngBounds.prototype.containsLatLng = function(latLng) {
 
-  return this.contains(latLng);
 
-};
 
-
 
-google.maps.Marker.prototype.setFences = function(fences) {
 
-  this.fences = fences;
 
-};
 
-
 
-google.maps.Marker.prototype.addFence = function(fence) {
 
-  this.fences.push(fence);
 
-};
 
-
 
-google.maps.Marker.prototype.getId = function() {
 
-  return this['__gm_id'];
 
-};
 
-
 
-//==========================
 
-// Array indexOf
 
-// https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/indexOf
 
-if (!Array.prototype.indexOf) {
 
-  Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) {
 
-      "use strict";
 
-      if (this == null) {
 
-          throw new TypeError();
 
-      }
 
-      var t = Object(this);
 
-      var len = t.length >>> 0;
 
-      if (len === 0) {
 
-          return -1;
 
-      }
 
-      var n = 0;
 
-      if (arguments.length > 1) {
 
-          n = Number(arguments[1]);
 
-          if (n != n) { // shortcut for verifying if it's NaN
 
-              n = 0;
 
-          } else if (n != 0 && n != Infinity && n != -Infinity) {
 
-              n = (n > 0 || -1) * Math.floor(Math.abs(n));
 
-          }
 
-      }
 
-      if (n >= len) {
 
-          return -1;
 
-      }
 
-      var k = n >= 0 ? n : Math.max(len - Math.abs(n), 0);
 
-      for (; k < len; k++) {
 
-          if (k in t && t[k] === searchElement) {
 
-              return k;
 
-          }
 
-      }
 
-      return -1;
 
-  }
 
-}
 
-  
-return GMaps;
 
-}));

File diff suppressed because it is too large
+ 0 - 0
themes/hugo-universal-theme-master/static/js/owl.carousel.min.js


Some files were not shown because too many files changed in this diff