From cb097015c77e562f3c64822b562681eb495eb945 Mon Sep 17 00:00:00 2001
From: Borderliner <hajianpour.mr@gmail.com>
Date: Sun, 6 Nov 2016 13:10:17 +0330
Subject: [PATCH 1/9] Update ROADMAP

---
 ROADMAP.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/ROADMAP.md b/ROADMAP.md
index 59aab2e..601de38 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -1,3 +1,8 @@
+## v1.3.4
+  - [ ] Fix navbar bottom padding overlaying the content
+  - [ ] Better sidenav color, without borders
+  - [ ] More compact footer
+
 ## v1.3.3
   - [x] Fix grid offset which is caused after changing the whole system
   - [x] Update grid system docs

From 58c6eb9603853ebfdac32ea131b289d07a03cad7 Mon Sep 17 00:00:00 2001
From: Borderliner <hajianpour.mr@gmail.com>
Date: Mon, 7 Nov 2016 00:15:26 +0330
Subject: [PATCH 2/9] Fix navbar overlaying the content

---
 ROADMAP.md         | 2 +-
 src/css/navbar.css | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/ROADMAP.md b/ROADMAP.md
index 601de38..7991742 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -1,5 +1,5 @@
 ## v1.3.4
-  - [ ] Fix navbar bottom padding overlaying the content
+  - [x] Fix navbar bottom padding overlaying the content
   - [ ] Better sidenav color, without borders
   - [ ] More compact footer
 
diff --git a/src/css/navbar.css b/src/css/navbar.css
index 22c99e8..43d7e6f 100644
--- a/src/css/navbar.css
+++ b/src/css/navbar.css
@@ -10,6 +10,11 @@
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 
 /* General attributes */
+
+nav, .nav {
+  height: 0;
+}
+
 nav ul,
 .nav ul {
   width: 100%;

From 2d8581ecd3cc18b5917bdefcba1e40f28b4cbf01 Mon Sep 17 00:00:00 2001
From: Borderliner <hajianpour.mr@gmail.com>
Date: Mon, 7 Nov 2016 00:19:11 +0330
Subject: [PATCH 3/9] Better sidenav color, without borders

---
 ROADMAP.md          | 2 +-
 src/css/rtl.css     | 3 +--
 src/css/sidenav.css | 3 +--
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/ROADMAP.md b/ROADMAP.md
index 7991742..cb7a8c3 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -1,6 +1,6 @@
 ## v1.3.4
   - [x] Fix navbar bottom padding overlaying the content
-  - [ ] Better sidenav color, without borders
+  - [x] Better sidenav color, without borders
   - [ ] More compact footer
 
 ## v1.3.3
diff --git a/src/css/rtl.css b/src/css/rtl.css
index 4f317a1..3aa4753 100644
--- a/src/css/rtl.css
+++ b/src/css/rtl.css
@@ -175,8 +175,7 @@ input[type=checkbox]+label.checkbox:before, input[type=radio]+label.radio:before
 /* Sidenav starts from the right */
 .sidenav {
   left: auto;
-  right: -1px;
-  border-left: 1px solid #818181;
+  right: 0px;
 }
 
 /* Different padding of RTL Sidenav */
diff --git a/src/css/sidenav.css b/src/css/sidenav.css
index 4657543..76e87c1 100644
--- a/src/css/sidenav.css
+++ b/src/css/sidenav.css
@@ -17,9 +17,8 @@
   z-index: 10; /* Stays on top of everything, unless a modal is implemented */
   top: 0;
   left: -1px;
-  background-color: #111;
+  background-color: #000;
   padding-top: 15px;
-  border-right: 1px solid #818181;
   overflow-x: hidden;
   transition: 0.5s;
 }

From e69e43afcd4bc3141d7245b8c77c6710a00bf5f1 Mon Sep 17 00:00:00 2001
From: Borderliner <hajianpour.mr@gmail.com>
Date: Mon, 7 Nov 2016 00:35:14 +0330
Subject: [PATCH 4/9] Remove stupid compact mode for footer, default is compact
 now

---
 ROADMAP.md         |  2 +-
 src/css/footer.css | 15 ++++-----------
 2 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/ROADMAP.md b/ROADMAP.md
index cb7a8c3..f15c761 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -1,7 +1,7 @@
 ## v1.3.4
   - [x] Fix navbar bottom padding overlaying the content
   - [x] Better sidenav color, without borders
-  - [ ] More compact footer
+  - [x] More compact footer
 
 ## v1.3.3
   - [x] Fix grid offset which is caused after changing the whole system
diff --git a/src/css/footer.css b/src/css/footer.css
index 779bb35..831eed8 100644
--- a/src/css/footer.css
+++ b/src/css/footer.css
@@ -15,20 +15,13 @@ footer, .footer {
   background-color: #111;
   border-top: 2px solid #E1E1E1;
   margin: 25px 0 0 0;
-  padding: 25px 50px;
+  padding: 25px 50px 0 50px;
   text-align: center;
 }
 
-/* Remove bottom padding in compact mode */
-footer.compact, .footer.compact {
-  padding-bottom: 0px;
-}
-
-/* Remove bottom margins of columns in compact mode */
-footer.compact .column,
-.footer.compact .column,
-footer.compact .columns,
-.footer.compact .columns {
+/* Remove bottom margins of columns */
+footer .col,
+.footer .col {
   margin-bottom: 0px;
 }
 

From a19c5fcf47e59081373ee56a55470e0cc8743f5f Mon Sep 17 00:00:00 2001
From: Borderliner <hajianpour.mr@gmail.com>
Date: Mon, 7 Nov 2016 02:50:25 +0330
Subject: [PATCH 5/9] Add slider component

---
 ROADMAP.md       |   1 +
 docs/index.html  |  23 ++++++++++-
 src/css/form.css | 100 +++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 122 insertions(+), 2 deletions(-)

diff --git a/ROADMAP.md b/ROADMAP.md
index f15c761..5bdaf3f 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -2,6 +2,7 @@
   - [x] Fix navbar bottom padding overlaying the content
   - [x] Better sidenav color, without borders
   - [x] More compact footer
+  - [x] Add slider component
 
 ## v1.3.3
   - [x] Fix grid offset which is caused after changing the whole system
diff --git a/docs/index.html b/docs/index.html
index 82a598d..dec508a 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -497,6 +497,17 @@ <h4>Form Elements</h4>
           <label for="chk-news" class="checkbox">I wish to receive newsletters from this site.</label>
         </div>
       </div>
+      <div class="row">
+        <div class="two col">
+          Budget: <span id="percent_value">0</span> $
+        </div>
+        <div class="nine col">
+          <input class="expand" type="range" id="percent" name="percent" min="0" max="100" step="1" value="0">
+        </div>
+        <div class="one col">
+          <span>100 $</span>
+        </div>
+      </div>
       <div class="row text-center">
         <button class="default expand">Submit</button>
       </div>
@@ -849,8 +860,16 @@ <h4>Utilities</h4>
     </div>
   </div>
   <script type="text/javascript">
-    var elem = document.getElementById('github-btn');
-    elem.innerHTML = 'GitHub (' + githubStars('Borderliner/Meshki') + ')';
+    var elem = document.getElementById("github-btn");
+    elem.innerHTML = "GitHub (" + githubStars("Borderliner/Meshki") + ")";
+
+    var percent_update = function() {
+      document.getElementById("percent_value").innerHTML = this.value;
+      console.log(this.value);
+    };
+
+    document.getElementById("percent").onchange = percent_update;
+    document.getElementById("percent").oninput = percent_update;
   </script>
   <script>
   window.twttr = (function(d, s, id) {
diff --git a/src/css/form.css b/src/css/form.css
index bc92573..682769a 100644
--- a/src/css/form.css
+++ b/src/css/form.css
@@ -174,3 +174,103 @@ input[type="radio"]:checked + label.radio:before {
 input[type="checkbox"]:focus + label.checkbox, input[type="radio"]:focus + label.radio {
   outline: none !important;
 }
+
+/* Style input range */
+input[type=range] {
+  -webkit-appearance: none;
+  margin: 0 5px;
+  background-color: transparent;
+}
+
+input[type=range]:focus {
+  outline: none;
+}
+
+input[type=range]::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 26px;
+  cursor: pointer;
+  background: #222;
+  border-radius: 25px;
+  border: 2px solid #E1E1E1;
+}
+
+input[type=range]::-webkit-slider-thumb {
+  height: 20px;
+  width: 20px;
+  border-radius: 25px;
+  background-color: #E1E1E1;
+  cursor: pointer;
+  -webkit-appearance: none;
+  margin-top: 1px;
+  border: 2px solid transparent;
+  transition: background-color .3s, border-color .3s;
+}
+
+input[type=range]:focus::-webkit-slider-thumb,
+input[type=range]:hover::-webkit-slider-thumb {
+  background-color: #55acee;
+  border-color: #E1E1E1;
+}
+
+input[type=range]::-moz-range-track {
+  width: 100%;
+  height: 23px;
+  cursor: pointer;
+  background-color: #222;
+  border-radius: 25px;
+  border: 2px solid #E1E1E1;
+}
+
+input[type=range]::-moz-range-thumb {
+  height: 17px;
+  width: 17px;
+  border-radius: 25px;
+  background-color: #E1E1E1;
+  border: 2px solid transparent;
+  cursor: pointer;
+  transition: background-color .3s, border-color .3s;
+}
+
+input[type=range]:focus::-moz-range-thumb,
+input[type=range]:hover::-moz-range-thumb {
+  background-color: #55acee;
+  border-color: #E1E1E1;
+}
+
+/* Fix Firefox outline bug */
+input[type=range]::-moz-focus-outer {
+  border: 0;
+}
+
+input[type=range]::-ms-track {
+  width: 100%;
+  height: 26px;
+  cursor: pointer;
+  background-color: transparent;
+  border-color: transparent;
+  color: transparent;
+}
+
+input[type=range]::-ms-fill-lower,
+input[type=range]::-ms-fill-upper {
+  background-color: #222;
+  border: 2px solid #E1E1E1;
+  border-radius: 50px;
+}
+
+input[type=range]::-ms-thumb {
+  height: 20px;
+  width: 20px;
+  border-radius: 25px;
+  background-color: #E1E1E1;
+  cursor: pointer;
+  border: 2px solid transparent;
+  transition: background-color .3s, border-color .3s;
+}
+
+input[type=range]:focus::-ms-thumb,
+input[type=range]:hover::-ms-thumb {
+  background-color: #55acee;
+  border-color: #E1E1E1;
+}

From 1556daecb872f1ed8ebbd969d44bc4a7c9a33cff Mon Sep 17 00:00:00 2001
From: Borderliner <hajianpour.mr@gmail.com>
Date: Mon, 7 Nov 2016 02:53:36 +0330
Subject: [PATCH 6/9] Add slider doc for RTL

---
 docs/index-rtl.html | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/docs/index-rtl.html b/docs/index-rtl.html
index 4545e06..f8c9298 100644
--- a/docs/index-rtl.html
+++ b/docs/index-rtl.html
@@ -510,6 +510,17 @@ <h4>فرم‌ها</h4>
           <label for="chk-news" class="checkbox">مایل هستم از این سایت خبرنامه دریافت کنم.</label>
         </div>
       </div>
+      <div class="row">
+        <div class="two col">
+          بودجه: <span id="percent_value">0</span> $
+        </div>
+        <div class="nine col">
+          <input class="expand" type="range" id="percent" name="percent" min="0" max="100" step="1" value="0">
+        </div>
+        <div class="one col">
+          <span>100 $</span>
+        </div>
+      </div>
       <div class="row text-center">
         <button class="default expand">ارسال</button>
       </div>
@@ -869,6 +880,14 @@ <h4>ابزارهای جانبی</h4>
   <script type="text/javascript">
     var elem = document.getElementById('github-btn');
     elem.innerHTML = 'گیتهاب (' + githubStars('Borderliner/Meshki') + ')';
+
+    var percent_update = function() {
+      document.getElementById("percent_value").innerHTML = this.value;
+      console.log(this.value);
+    };
+
+    document.getElementById("percent").onchange = percent_update;
+    document.getElementById("percent").oninput = percent_update;
   </script>
   <script>
   window.twttr = (function(d, s, id) {

From 4a80ccaba9603570f69f1e8fcefb25dcd33f6842 Mon Sep 17 00:00:00 2001
From: Borderliner <hajianpour.mr@gmail.com>
Date: Mon, 7 Nov 2016 03:32:57 +0330
Subject: [PATCH 7/9] Fix expanded buttons going out of bounds

---
 docs/custom-rtl.css | 3 +--
 docs/custom.css     | 3 +--
 src/css/button.css  | 2 ++
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/custom-rtl.css b/docs/custom-rtl.css
index 6b3c17f..c6736ba 100644
--- a/docs/custom-rtl.css
+++ b/docs/custom-rtl.css
@@ -65,8 +65,7 @@ a {
 }
 
 .custom-down-cdn {
-  width: 100%;
-  max-width: 250px;
+  width: 250px;
 }
 
 .custom-down-cdn span {
diff --git a/docs/custom.css b/docs/custom.css
index 78331c8..eec28c6 100644
--- a/docs/custom.css
+++ b/docs/custom.css
@@ -65,8 +65,7 @@ a {
 }
 
 .custom-down-cdn {
-  width: 100%;
-  max-width: 250px;
+  width: 250px;
 }
 
 #twitter-widget-0 {
diff --git a/src/css/button.css b/src/css/button.css
index bb87060..dd09598 100644
--- a/src/css/button.css
+++ b/src/css/button.css
@@ -39,6 +39,8 @@ input[type="button"] {
   color: #E1E1E1;
   border: 2px solid #E1E1E1;
   line-height: normal !important; /* Fix Midori bug */
+  /* Button expands out of boundary bug */
+  max-width: 98%;
 }
 
 a.button.small,

From 67fbb81b6b94b19c3bc416cd9d56c28005cddf52 Mon Sep 17 00:00:00 2001
From: Borderliner <hajianpour.mr@gmail.com>
Date: Mon, 7 Nov 2016 03:33:27 +0330
Subject: [PATCH 8/9] Add fieldset stylings

---
 ROADMAP.md          |  3 ++-
 docs/index-rtl.html | 26 ++++++++++++++++++++++++++
 docs/index.html     | 26 ++++++++++++++++++++++++++
 src/css/form.css    |  6 ++++--
 4 files changed, 58 insertions(+), 3 deletions(-)

diff --git a/ROADMAP.md b/ROADMAP.md
index 5bdaf3f..4ed6046 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -1,8 +1,9 @@
-## v1.3.4
+## v1.4.0
   - [x] Fix navbar bottom padding overlaying the content
   - [x] Better sidenav color, without borders
   - [x] More compact footer
   - [x] Add slider component
+  - [x] Add fieldset component
 
 ## v1.3.3
   - [x] Fix grid offset which is caused after changing the whole system
diff --git a/docs/index-rtl.html b/docs/index-rtl.html
index f8c9298..da10b68 100644
--- a/docs/index-rtl.html
+++ b/docs/index-rtl.html
@@ -510,6 +510,7 @@ <h4>فرم‌ها</h4>
           <label for="chk-news" class="checkbox">مایل هستم از این سایت خبرنامه دریافت کنم.</label>
         </div>
       </div>
+
       <div class="row">
         <div class="two col">
           بودجه: <span id="percent_value">0</span> $
@@ -521,6 +522,19 @@ <h4>فرم‌ها</h4>
           <span>100 $</span>
         </div>
       </div>
+
+      <div class="row">
+        <div class="twelve col">
+          <fieldset>
+            <legend>نمای کلی</legend>
+            <span><b>نام</b>: والتر</span><br>
+            <span><b>نام خانوادگی</b>: وایت</span><br>
+            <span><b>سن</b>: 50</span><br>
+            <span><b>مکان</b>: آلباکرکی، نیو مکزیکو</span>
+          </fieldset>
+        </div>
+      </div>
+
       <div class="row text-center">
         <button class="default expand">ارسال</button>
       </div>
@@ -591,6 +605,18 @@ <h4>فرم‌ها</h4>
         &lt;/div>
       &lt;/div>
 
+      &lt;div class="row">
+        &lt;input class="expand" type="range"name="percent" min="0" max="100" step="1" value="0">
+      &lt;/div>
+
+      &lt;fieldset>
+        &lt;legend>نمای کلی&lt;/legend>
+        &lt;span>نام: والتر&lt;/span>
+        &lt;span>نام خانوادگی: وایت&lt;/span>
+        &lt;span>سن: 50&lt;/span>
+        &lt;span>مکان: آلباکرکی، نیو مکزیکو&lt;/span>
+      &lt;/fieldset>
+
       &lt;div class="row text-center">
         &lt;button class="expand">ارسال&lt;/button>
       &lt;/div>
diff --git a/docs/index.html b/docs/index.html
index dec508a..7c91261 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -497,6 +497,7 @@ <h4>Form Elements</h4>
           <label for="chk-news" class="checkbox">I wish to receive newsletters from this site.</label>
         </div>
       </div>
+
       <div class="row">
         <div class="two col">
           Budget: <span id="percent_value">0</span> $
@@ -508,6 +509,19 @@ <h4>Form Elements</h4>
           <span>100 $</span>
         </div>
       </div>
+
+      <div class="row">
+        <div class="twelve col">
+          <fieldset>
+            <legend>Overview</legend>
+            <span><b>First Name</b>: Walter</span><br>
+            <span><b>Last Name</b>: White</span><br>
+            <span><b>Age</b>: 50</span><br>
+            <span><b>Location</b>: Albuquerque, New Mexico</span>
+          </fieldset>
+        </div>
+      </div>
+
       <div class="row text-center">
         <button class="default expand">Submit</button>
       </div>
@@ -577,6 +591,18 @@ <h4>Form Elements</h4>
         &lt;/div>
       &lt;/div>
 
+      &lt;div class="row">
+        &lt;input class="expand" type="range"name="percent" min="0" max="100" step="1" value="0">
+      &lt;/div>
+
+      &lt;fieldset>
+        &lt;legend>Overview&lt;/legend>
+        &lt;span>First Name: Walter&lt;/span>
+        &lt;span>Last Name: White&lt;/span>
+        &lt;span>Age: 50&lt;/span>
+        &lt;span>Location: Albuquerque, New Mexico&lt;/span>
+      &lt;/fieldset>
+
       &lt;div class="row text-center">
         &lt;button class="expand">Submit&lt;/button>
       &lt;/div>
diff --git a/src/css/form.css b/src/css/form.css
index 682769a..f0400a3 100644
--- a/src/css/form.css
+++ b/src/css/form.css
@@ -104,8 +104,10 @@ legend {
 
 /* Fieldset normalization */
 fieldset {
-  border-width: 0;
-  padding: 0;
+  border: 2px solid #E1E1E1 !important;
+  border-radius: 5px;
+  padding: 20px !important;
+  margin: 10px 5px !important;
 }
 
 /* Checkbox and Radio normalization */

From 33921095c002f6dd88de8e85291a3d7f89c3f872 Mon Sep 17 00:00:00 2001
From: Borderliner <hajianpour.mr@gmail.com>
Date: Mon, 7 Nov 2016 03:49:15 +0330
Subject: [PATCH 9/9] Update info for v1.4.0

---
 Gruntfile.js            |   2 +-
 README.md               |   4 +-
 Rakefile                |   2 +-
 bower.json              |   2 +-
 dist/meshki-rtl.css     |   5 +-
 dist/meshki-rtl.min.css |   2 +-
 dist/meshki.css         | 155 +++++++++++++++++++++++++++++++++-------
 dist/meshki.js          |   2 +-
 dist/meshki.min.css     |   2 +-
 docs/index-rtl.html     |  12 ++--
 docs/index.html         |  10 +--
 package.json            |   2 +-
 src/css/button.css      |   2 +-
 src/css/code.css        |   2 +-
 src/css/footer.css      |   2 +-
 src/css/form.css        |   2 +-
 src/css/grid.css        |   2 +-
 src/css/list.css        |   2 +-
 src/css/meshki.css      |   2 +-
 src/css/navbar.css      |   2 +-
 src/css/rtl.css         |   2 +-
 src/css/sidenav.css     |   2 +-
 src/css/table.css       |   2 +-
 src/css/typography.css  |   2 +-
 src/css/utility.css     |   2 +-
 src/js/meshki.js        |   2 +-
 26 files changed, 164 insertions(+), 64 deletions(-)

diff --git a/Gruntfile.js b/Gruntfile.js
index 2b5e41f..be8916b 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
diff --git a/README.md b/README.md
index a75a061..ab9a8ec 100644
--- a/README.md
+++ b/README.md
@@ -6,13 +6,13 @@
 [![Twitter Follow](https://img.shields.io/twitter/follow/meshki_ui.svg?style=social&label=Follow&maxAge=2592000?style=flat-square)](https://twitter.com/Meshki_UI)
 
 Meshki is a simple, black-colored, responsive boilerplate to kickstart any responsive project.<br>
-It is only <b>~16 KiB</b> (minified) and ~40 KiB (normal), including both CSS and JS files.<br>
+It is only <b>~18 KiB</b> (minified) and ~41 KiB (normal), including both CSS and JS files.<br>
 Check out <http://meshki.borderliner.ir/> for samples and details.
 
 ## Getting Started
 
 There are a couple ways to download Meshki:
-- [Download the zip](https://github.com/Borderliner/Meshki/archive/v1.3.3.zip) or [the tar.gz](https://github.com/Borderliner/Meshki/archive/v1.3.3.tar.gz)
+- [Download the zip](https://github.com/Borderliner/Meshki/archive/v1.4.0.zip) or [the tar.gz](https://github.com/Borderliner/Meshki/archive/v1.4.0.tar.gz)
 - Clone the repo: `git clone https://github.com/Borderliner/Meshki.git` (Note: this is under active development, so if you're looking for stable and safe, use the zipped download)
 - Use Bower: `bower install meshki` **(Recommended)**
 - Use npm: `npm install meshki`
diff --git a/Rakefile b/Rakefile
index 875a370..3b82722 100644
--- a/Rakefile
+++ b/Rakefile
@@ -1,4 +1,4 @@
-# Meshki v1.3.3
+# Meshki v1.4.0
 # Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 # http://meshki.borderliner.ir/
 # Free to use under the MIT license.
diff --git a/bower.json b/bower.json
index e57475a..d1b7354 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "meshki",
-  "version": "1.3.3",
+  "version": "1.4.0",
   "homepage": "http://meshki.borderliner.ir/",
   "repository": {
     "type": "git",
diff --git a/dist/meshki-rtl.css b/dist/meshki-rtl.css
index 4f317a1..64c88fc 100644
--- a/dist/meshki-rtl.css
+++ b/dist/meshki-rtl.css
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -175,8 +175,7 @@ input[type=checkbox]+label.checkbox:before, input[type=radio]+label.radio:before
 /* Sidenav starts from the right */
 .sidenav {
   left: auto;
-  right: -1px;
-  border-left: 1px solid #818181;
+  right: 0px;
 }
 
 /* Different padding of RTL Sidenav */
diff --git a/dist/meshki-rtl.min.css b/dist/meshki-rtl.min.css
index 93e2772..f8cd6b2 100644
--- a/dist/meshki-rtl.min.css
+++ b/dist/meshki-rtl.min.css
@@ -1 +1 @@
-body,button,input,optgroup,select,textarea{font-family:"P Yekan","Open Sans",sans-serif}.col,.nav ul li{float:right}.nav-dropdown-content a,td,th{text-align:right}body{direction:rtl}pre{direction:ltr}a.button,button,input[type=submit],input[type=reset],input[type=button]{padding:6px 15px}.button-couple a:not(:first-child):not(:last-child),.button-couple button:not(:first-child):not(:last-child){border-style:none;border-radius:0;display:block;margin:-5px auto!important}@media (min-width:768px){.button-couple a:first-child,.button-couple button:first-child{border-top-right-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:0;border-bottom-left-radius:0;margin-right:0!important;border-left-style:none;border-right-style:solid}.button-couple a:not(:first-child):not(:last-child),.button-couple button:not(:first-child):not(:last-child){border-style:solid;display:inline;margin:-9px!important}.button-couple a:last-child,.button-couple button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-bottom-left-radius:5px;margin-left:0!important;border-right-style:none;border-left-style:solid}}select{background-position:2% 50%}input[type=checkbox]+label.checkbox:before,input[type=radio]+label.radio:before{margin:4px auto auto 10px}.col{margin-left:auto}@media (min-width:544px){.footer,footer{text-align:right}.col:first-child{margin-right:0;margin-left:auto}.col{margin-right:4%}.offset-by-one.col{margin-right:8.66666666667%}.offset-by-two.col{margin-right:17.3333333333%}.offset-by-three.col{margin-right:26%}.offset-by-four.col{margin-right:34.6666666667%}.offset-by-five.col{margin-right:43.3333333333%}.offset-by-six.col{margin-right:52%}.offset-by-seven.col{margin-right:60.6666666667%}.offset-by-eight.col{margin-right:69.3333333333%}.offset-by-nine.col{margin-right:78%}.offset-by-ten.col{margin-right:86.6666666667%}.offset-by-eleven.col{margin-right:95.3333333333%}.offset-by-one-third.col{margin-right:34.6666666667%}.offset-by-two-thirds.col{margin-right:69.3333333333%}.offset-by-one-half.col{margin-right:52%}}.nav ul li:first-child a.logo i{color:#000}.sidenav{left:auto;right:-1px;border-left:1px solid #818181}.sidenav a{padding:8px 32px 8px 8px}.sidenav-close-button{right:auto;left:0;padding-right:0!important;padding-left:30px!important}
\ No newline at end of file
+body,button,input,optgroup,select,textarea{font-family:"P Yekan","Open Sans",sans-serif}.col,.nav ul li{float:right}.nav-dropdown-content a,td,th{text-align:right}body{direction:rtl}pre{direction:ltr}a.button,button,input[type=submit],input[type=reset],input[type=button]{padding:6px 15px}.button-couple a:not(:first-child):not(:last-child),.button-couple button:not(:first-child):not(:last-child){border-style:none;border-radius:0;display:block;margin:-5px auto!important}@media (min-width:768px){.button-couple a:first-child,.button-couple button:first-child{border-top-right-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:0;border-bottom-left-radius:0;margin-right:0!important;border-left-style:none;border-right-style:solid}.button-couple a:not(:first-child):not(:last-child),.button-couple button:not(:first-child):not(:last-child){border-style:solid;display:inline;margin:-9px!important}.button-couple a:last-child,.button-couple button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-bottom-left-radius:5px;margin-left:0!important;border-right-style:none;border-left-style:solid}}select{background-position:2% 50%}input[type=checkbox]+label.checkbox:before,input[type=radio]+label.radio:before{margin:4px auto auto 10px}.col{margin-left:auto}@media (min-width:544px){.footer,footer{text-align:right}.col:first-child{margin-right:0;margin-left:auto}.col{margin-right:4%}.offset-by-one.col{margin-right:8.66666666667%}.offset-by-two.col{margin-right:17.3333333333%}.offset-by-three.col{margin-right:26%}.offset-by-four.col{margin-right:34.6666666667%}.offset-by-five.col{margin-right:43.3333333333%}.offset-by-six.col{margin-right:52%}.offset-by-seven.col{margin-right:60.6666666667%}.offset-by-eight.col{margin-right:69.3333333333%}.offset-by-nine.col{margin-right:78%}.offset-by-ten.col{margin-right:86.6666666667%}.offset-by-eleven.col{margin-right:95.3333333333%}.offset-by-one-third.col{margin-right:34.6666666667%}.offset-by-two-thirds.col{margin-right:69.3333333333%}.offset-by-one-half.col{margin-right:52%}}.nav ul li:first-child a.logo i{color:#000}.sidenav{left:auto;right:0}.sidenav a{padding:8px 32px 8px 8px}.sidenav-close-button{right:auto;left:0;padding-right:0!important;padding-left:30px!important}
\ No newline at end of file
diff --git a/dist/meshki.css b/dist/meshki.css
index d7a5cc5..a33f858 100644
--- a/dist/meshki.css
+++ b/dist/meshki.css
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -39,6 +39,8 @@ input[type="button"] {
   color: #E1E1E1;
   border: 2px solid #E1E1E1;
   line-height: normal !important; /* Fix Midori bug */
+  /* Button expands out of boundary bug */
+  max-width: 98%;
 }
 
 a.button.small,
@@ -261,7 +263,7 @@ input[type="button"].warning:active {
   }
 }
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -317,7 +319,7 @@ pre.filled > code {
   color: #000;
 }
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -333,20 +335,13 @@ footer, .footer {
   background-color: #111;
   border-top: 2px solid #E1E1E1;
   margin: 25px 0 0 0;
-  padding: 25px 50px;
+  padding: 25px 50px 0 50px;
   text-align: center;
 }
 
-/* Remove bottom padding in compact mode */
-footer.compact, .footer.compact {
-  padding-bottom: 0px;
-}
-
-/* Remove bottom margins of columns in compact mode */
-footer.compact .column,
-.footer.compact .column,
-footer.compact .columns,
-.footer.compact .columns {
+/* Remove bottom margins of columns */
+footer .col,
+.footer .col {
   margin-bottom: 0px;
 }
 
@@ -363,7 +358,7 @@ footer .row,
   }
 }
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -468,8 +463,10 @@ legend {
 
 /* Fieldset normalization */
 fieldset {
-  border-width: 0;
-  padding: 0;
+  border: 2px solid #E1E1E1 !important;
+  border-radius: 5px;
+  padding: 20px !important;
+  margin: 10px 5px !important;
 }
 
 /* Checkbox and Radio normalization */
@@ -538,8 +535,108 @@ input[type="radio"]:checked + label.radio:before {
 input[type="checkbox"]:focus + label.checkbox, input[type="radio"]:focus + label.radio {
   outline: none !important;
 }
+
+/* Style input range */
+input[type=range] {
+  -webkit-appearance: none;
+  margin: 0 5px;
+  background-color: transparent;
+}
+
+input[type=range]:focus {
+  outline: none;
+}
+
+input[type=range]::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 26px;
+  cursor: pointer;
+  background: #222;
+  border-radius: 25px;
+  border: 2px solid #E1E1E1;
+}
+
+input[type=range]::-webkit-slider-thumb {
+  height: 20px;
+  width: 20px;
+  border-radius: 25px;
+  background-color: #E1E1E1;
+  cursor: pointer;
+  -webkit-appearance: none;
+  margin-top: 1px;
+  border: 2px solid transparent;
+  transition: background-color .3s, border-color .3s;
+}
+
+input[type=range]:focus::-webkit-slider-thumb,
+input[type=range]:hover::-webkit-slider-thumb {
+  background-color: #55acee;
+  border-color: #E1E1E1;
+}
+
+input[type=range]::-moz-range-track {
+  width: 100%;
+  height: 23px;
+  cursor: pointer;
+  background-color: #222;
+  border-radius: 25px;
+  border: 2px solid #E1E1E1;
+}
+
+input[type=range]::-moz-range-thumb {
+  height: 17px;
+  width: 17px;
+  border-radius: 25px;
+  background-color: #E1E1E1;
+  border: 2px solid transparent;
+  cursor: pointer;
+  transition: background-color .3s, border-color .3s;
+}
+
+input[type=range]:focus::-moz-range-thumb,
+input[type=range]:hover::-moz-range-thumb {
+  background-color: #55acee;
+  border-color: #E1E1E1;
+}
+
+/* Fix Firefox outline bug */
+input[type=range]::-moz-focus-outer {
+  border: 0;
+}
+
+input[type=range]::-ms-track {
+  width: 100%;
+  height: 26px;
+  cursor: pointer;
+  background-color: transparent;
+  border-color: transparent;
+  color: transparent;
+}
+
+input[type=range]::-ms-fill-lower,
+input[type=range]::-ms-fill-upper {
+  background-color: #222;
+  border: 2px solid #E1E1E1;
+  border-radius: 50px;
+}
+
+input[type=range]::-ms-thumb {
+  height: 20px;
+  width: 20px;
+  border-radius: 25px;
+  background-color: #E1E1E1;
+  cursor: pointer;
+  border: 2px solid transparent;
+  transition: background-color .3s, border-color .3s;
+}
+
+input[type=range]:focus::-ms-thumb,
+input[type=range]:hover::-ms-thumb {
+  background-color: #55acee;
+  border-color: #E1E1E1;
+}
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -641,7 +738,7 @@ input[type="checkbox"]:focus + label.checkbox, input[type="radio"]:focus + label
   .offset-by-one-half.col     { margin-left: 52%; }
 }
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -675,7 +772,7 @@ li {
   margin-bottom: 1rem;
 }
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -865,7 +962,7 @@ compatibility reasons.
 /* Larger than Desktop HD */
 @media (min-width: 1200px) {}
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -876,6 +973,11 @@ compatibility reasons.
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 
 /* General attributes */
+
+nav, .nav {
+  height: 0;
+}
+
 nav ul,
 .nav ul {
   width: 100%;
@@ -1478,7 +1580,7 @@ template {
   display: none;
 }
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -1496,9 +1598,8 @@ template {
   z-index: 10; /* Stays on top of everything, unless a modal is implemented */
   top: 0;
   left: -1px;
-  background-color: #111;
+  background-color: #000;
   padding-top: 15px;
-  border-right: 1px solid #818181;
   overflow-x: hidden;
   transition: 0.5s;
 }
@@ -1577,7 +1678,7 @@ template {
   }
 }
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -1632,7 +1733,7 @@ table.hover > tbody tr:hover {
   background-color: #404040;
 }
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
@@ -1669,7 +1770,7 @@ p {
   margin-top: 0;
 }
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
diff --git a/dist/meshki.js b/dist/meshki.js
index 943621a..8232222 100644
--- a/dist/meshki.js
+++ b/dist/meshki.js
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
diff --git a/dist/meshki.min.css b/dist/meshki.min.css
index 92dc395..432e892 100644
--- a/dist/meshki.min.css
+++ b/dist/meshki.min.css
@@ -1 +1 @@
-a.button:focus,button:focus,input[type=submit]:focus,input[type=checkbox]:focus+label.checkbox,input[type=radio]:focus+label.radio,input[type=reset]:focus,input[type=button]:focus,select{outline:0!important}.nav ul,nav ul,svg:not(:root){overflow:hidden}h1,h2,h3{letter-spacing:-.1rem}a.button,button,input[type=submit],input[type=reset],input[type=button]{cursor:pointer;margin:5px!important;border-radius:5px;text-decoration:none;padding:8px 10px;transition:.3s;font-size:1.6rem;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;display:inline-block;background-color:transparent;color:#E1E1E1;border:2px solid #E1E1E1;line-height:normal!important}a.button.small,button.small,input[type=submit].small,input[type=reset].small,input[type=button].small{font-size:1.2rem}a.button.medium,button.medium,input[type=submit].medium,input[type=reset].medium,input[type=button].medium{font-size:1.6rem}a.button.large,button.large,input[type=submit].large,input[type=reset].large,input[type=button].large{font-size:2.2rem}a.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{background-color:#E1E1E1;border-color:#E1E1E1;color:#000}a.button:active,button:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active{background-color:#b9b9b9;border-color:#b9b9b9}a.button.disabled,a.button:disabled,button.disabled,button:disabled,input[type=submit].disabled,input[type=submit]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=button].disabled,input[type=button]:disabled{color:#888;border-color:#888;pointer-events:none}a.button.default,button.default,input[type=submit].default,input[type=reset].default,input[type=button].default{border:2px solid #55acee;color:#55acee}a.button.default:hover,button.default:hover,input[type=submit].default:hover,input[type=reset].default:hover,input[type=button].default:hover{background-color:#55acee;border-color:#55acee;color:#fff}a.button.default:active,button.default:active,input[type=submit].default:active,input[type=reset].default:active,input[type=button].default:active{background-color:#4b82b7;border-color:#4b82b7}a.button.success,button.success,input[type=submit].success,input[type=reset].success,input[type=button].success{border:2px solid #2ecc71;color:#2ecc71}a.button.success:hover,button.success:hover,input[type=submit].success:hover,input[type=reset].success:hover,input[type=button].success:hover{background-color:#2ecc71;border-color:#2ecc71;color:#fff}a.button.success:active,button.success:active,input[type=submit].success:active,input[type=reset].success:active,input[type=button].success:active{background-color:#21a057;border-color:#21a057}a.button.danger,button.danger,input[type=submit].danger,input[type=reset].danger,input[type=button].danger{border:2px solid #e74c3c;color:#e74c3c}a.button.danger:hover,button.danger:hover,input[type=submit].danger:hover,input[type=reset].danger:hover,input[type=button].danger:hover{background-color:#e74c3c;border-color:#e74c3c;color:#fff}a.button.danger:active,button.danger:active,input[type=submit].danger:active,input[type=reset].danger:active,input[type=button].danger:active{background-color:#bd382a;border-color:#bd382a}a.button.warning,button.warning,input[type=submit].warning,input[type=reset].warning,input[type=button].warning{border:2px solid #e67e22;color:#e67e22}a.button.warning:hover,button.warning:hover,input[type=submit].warning:hover,input[type=reset].warning:hover,input[type=button].warning:hover{background-color:#e67e22;border-color:#e67e22;color:#fff}a.button.warning:active,button.warning:active,input[type=submit].warning:active,input[type=reset].warning:active,input[type=button].warning:active{background-color:#c16819;border-color:#c16819}.button-couple a:not(:first-child):not(:last-child),.button-couple button:not(:first-child):not(:last-child){pointer-events:none;border-style:none;border-radius:0;display:block;margin:-5px auto!important}@media (min-width:768px){.button-couple a:first-child,.button-couple button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0!important;border-right-style:none}.button-couple a:not(:first-child):not(:last-child),.button-couple button:not(:first-child):not(:last-child){border-style:solid;display:inline;margin:-5px!important}.button-couple a:last-child,.button-couple button:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0!important;border-left-style:none}}code{white-space:nowrap;background-color:transparent;color:#E1E1E1;border:1px solid #E1E1E1;border-radius:5px;padding:1px 5px}code.filled{background-color:#E1E1E1;color:#000}pre{background-color:transparent;color:#E1E1E1;border:2px solid #E1E1E1;border-radius:5px;overflow-x:auto;white-space:normal}pre.filled,pre.filled>code{background-color:#E1E1E1;color:#000}pre>code{display:inline;white-space:pre;border:none}.footer,footer{max-width:100%;background-color:#111;border-top:2px solid #E1E1E1;margin:25px 0 0;padding:25px 50px;text-align:center}.footer.compact,footer.compact{padding-bottom:0}.footer .row,.footer.compact .column,.footer.compact .columns,footer .row,footer.compact .column,footer.compact .columns{margin-bottom:0}@media (min-width:544px){.footer,footer{text-align:left}}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],select,textarea{height:38px;background-color:#E0E0E0;border:1px solid #D1D1D1;border-radius:4px;padding:6px 10px;box-shadow:0 1px 3px rgba(0,0,0,.1) inset;box-sizing:border-box;transition:border .3s,background-color .3s,box-shadow .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=email]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=text]:disabled,input[type=tel]:disabled,input[type=url]:disabled,input[type=password]:disabled,select:disabled,textarea:disabled{background-color:#B1B1B1;color:#303030;border-color:#B1B1B1}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}select{background:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im0xMjEuMywzNC42Yy0xLjYtMS42LTQuMi0xLjYtNS44LDBsLTUxLDUxLjEtNTEuMS01MS4xYy0xLjYtMS42LTQuMi0xLjYtNS44LDAtMS42LDEuNi0xLjYsNC4yIDAsNS44bDUzLjksNTMuOWMwLjgsMC44IDEuOCwxLjIgMi45LDEuMiAxLDAgMi4xLTAuNCAyLjktMS4ybDUzLjktNTMuOWMxLjctMS42IDEuNy00LjIgMC4xLTUuOHoiIGZpbGw9IiMwMDAwMDAiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat;background-color:#E1E1E1;background-position:98% 50%}textarea{min-height:65px;padding:6px 10px}input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,select:focus,textarea:focus{background-color:#FFF;border:1px solid #33BBF0;box-shadow:0 1px 3px rgba(0,0,0,.1) inset,0 0 8px rgba(41,92,161,.6);outline:0!important}label,legend{font-weight:400;display:block;margin-bottom:.5rem}input[type=checkbox],input[type=radio]{display:inline;position:absolute;opacity:0}.container,label.checkbox,label.radio{position:relative}.button.round,button.round,input.round,textarea.round{border-radius:20px}input[type=checkbox],input[type=radio],label.checkbox,label.radio{vertical-align:middle;margin:5px;cursor:pointer}input[type=checkbox]+label.checkbox:before,input[type=radio]+label.radio:before{content:'';display:inline-block;width:10px;height:10px;background-color:transparent;border:2px solid #E1E1E1;border-radius:5px;padding:2px;margin:auto 10px 3px auto;vertical-align:middle;text-align:center;transition:background-color .3s,box-shadow .3s}.col,.container{width:100%;box-sizing:border-box}body,html{height:100%}progress,sub,sup{vertical-align:baseline}input[type=radio]+label.radio:before{border-radius:20px}input[type=checkbox]:checked+label.checkbox:before,input[type=radio]:checked+label.radio:before{background-color:#33BBF0}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.container{max-width:960px;margin:0 auto;padding:0 20px}.responsive,legend{max-width:100%}.col{float:left}@media (min-width:400px){.container{width:85%;padding:0}}@media (min-width:544px){.container{width:80%}.col{margin-left:4%}.col:first-child,.twelve.col{margin-left:0}.one.col{width:4.66666666667%}.two.col{width:13.3333333333%}.three.col{width:22%}.four.col{width:30.6666666667%}.five.col{width:39.3333333333%}.six.col{width:48%}.seven.col{width:56.6666666667%}.eight.col{width:65.3333333333%}.nine.col{width:74%}.ten.col{width:82.6666666667%}.eleven.col{width:91.3333333333%}.twelve.col{width:100%},.one-third.col,.one.third.col{width:30.6666666667%}.two-thirds.col,.two.thirds.col{width:65.3333333333%}.one-half.col,.one.half.col{width:48%}.offset-by-one.col{margin-left:8.66666666667%}.offset-by-two.col{margin-left:17.3333333333%}.offset-by-three.col{margin-left:26%}.offset-by-four.col{margin-left:34.6666666667%}.offset-by-five.col{margin-left:43.3333333333%}.offset-by-six.col{margin-left:52%}.offset-by-seven.col{margin-left:60.6666666667%}.offset-by-eight.col{margin-left:69.3333333333%}.offset-by-nine.col{margin-left:78%}.offset-by-ten.col{margin-left:86.6666666667%}.offset-by-eleven.col{margin-left:95.3333333333%}.offset-by-one-third.col{margin-left:34.6666666667%}.offset-by-two-thirds.col{margin-left:69.3333333333%}.offset-by-one-half.col{margin-left:52%}}ul{list-style:disc}ol{list-style:decimal}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}a.button,button,input[type=submit],input[type=reset],input[type=button],li{margin-bottom:1rem}html{font-size:62.5%}body{font-size:1.6rem;line-height:1.6;font-weight:400;font-family:"Open Sans",sans-serif;background-color:#222;color:#E1E1E1}a{color:#55acee}a:hover{color:#74C1FB}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,table,ul{margin-bottom:2.5rem}hr{border-width:0;border-top:1px solid #E1E1E1;margin-top:3rem;margin-bottom:3.5rem}::selection{background:#15acee}::-moz-selection{background:#15acee}.container:after,.row:after{content:"";display:table;clear:both}.nav ul,nav ul{width:100%;background-color:#222;border-bottom:2px solid #E1E1E1;padding:0;margin-top:0;list-style-type:none;z-index:1}button,hr,input{overflow:visible}.nav.fixed,nav.fixed{position:fixed;width:100%;z-index:1}li.nav-left,li.nav-right{position:inherit}.nav ul li,nav ul li{float:left;margin-bottom:0}.nav ul li>a,nav ul li>a{display:inline-block;color:#E1E1E1;padding:14px 16px;text-align:center;text-decoration:none;transition:background-color .2s ease-in-out}.nav ul li>a.button,.nav ul li>button,.nav ul li>input,nav ul li>a.button,nav ul li>button,nav ul li>input{margin:7px 5px auto!important}.nav ul li>a.active,nav ul li>a.active{background-color:#111}.nav ul li:first-child a.logo,nav ul li:first-child a.logo{background-color:#E1E1E1;color:#000}.nav ul li:first-child a.logo:hover,nav ul li:first-child a.logo:hover{background-color:#F5F5F5;color:#000}.nav ul li>a:hover,.nav-dropdown-content,nav ul li>a:hover{background-color:#111}li.nav-right{float:right!important}.float-left,li.nav-left{float:left!important}li.nav-dropdown.nav-right .nav-dropdown-content{right:0}li.nav-dropdown.nav-right~.nav-dropdown .nav-dropdown-content{right:auto}li.nav-dropdown{display:inline-block}.nav-dropdown-content{display:block;visibility:hidden;opacity:0;position:absolute;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;transition:visibility .2s,opacity .2s ease-in-out}.nav-dropdown-content a{display:block;color:#E1E1E1;padding:12px 16px;text-decoration:none;text-align:left}audio,canvas,progress,video{display:inline-block}.nav-dropdown-content a:hover{background-color:#444}.nav-dropdown:hover .nav-dropdown-button{background-color:#111}.nav-dropdown:hover .nav-dropdown-content{visibility:visible;opacity:1}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}.expand,.responsive,legend{box-sizing:border-box}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=submit],[type=reset],button,html [type=button]{-webkit-appearance:button}[type=submit]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=button]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=submit]:-moz-focusring,[type=reset]:-moz-focusring,[type=button]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}.overlay,.sidenav{position:fixed;height:100%;top:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}.sidenav{width:0;z-index:10;left:-1px;background-color:#111;padding-top:15px;border-right:1px solid #818181;overflow-x:hidden;transition:.5s}.overlay{width:100%;display:inline;left:0;background-color:#000;opacity:0;visibility:hidden;z-index:1;transition:opacity .5s,visibility .5s}.sidenav a{display:block;font-size:1.8rem;color:#818181;padding:8px 8px 8px 32px;text-decoration:none;white-space:nowrap;transition:.3s;outline:0!important}.sidenav a:hover{color:#E1E1E1}.sidenav a[disabled]{cursor:default}.sidenav a[disabled]:hover{pointer-events:none;color:#818181;cursor:default}.sidenav hr{width:80%;border-color:#818181}.sidenav-close-button{font-size:3.6rem!important;position:absolute;top:0;right:0;padding-right:30px!important;outline:0!important}.content{transition:margin-left .5s,margin-right .5s}@media (min-width:544px){.sidenav{padding-top:60px}.sidenav a{font-size:25px}}table{border-spacing:0}td,th{border-bottom:1px solid #7C7C7C;padding:12px 15px;text-align:left}.text-center,table.centerize>tbody td,table.centerize>thead th{text-align:center}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}table.striped tr:nth-child(even){background-color:#2F2F2F}table.hover>tbody tr{transition:background-color .3s}table.hover>tbody tr:hover{background-color:#404040}h1,h2,h3,h4,h5,h6{font-weight:300;margin-top:0;margin-bottom:2rem}h1{font-size:4rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:3rem;line-height:1.3}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}p{margin-top:0}.expand{width:100%}.float-right{float:right!important}.centerize{margin-left:auto;margin-right:auto}.vertical-line{border-left:1px solid #E1E1E1}@media (max-width:544px){.hide-on-mobile{display:none!important}.vertical-line{border-left:none}}@media (max-width:768px){.hide-on-tablet{display:none!important}}@media (min-width:768px){.hide-on-desktop{display:none!important}}@media (min-width:544px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}.hide-on-non-mobile{display:none!important}}
\ No newline at end of file
+a.button:focus,button:focus,input[type=submit]:focus,input[type=checkbox]:focus+label.checkbox,input[type=radio]:focus+label.radio,input[type=reset]:focus,input[type=button]:focus,select{outline:0!important}.nav ul,nav ul,svg:not(:root){overflow:hidden}h1,h2,h3{letter-spacing:-.1rem}a.button,button,input[type=submit],input[type=reset],input[type=button]{cursor:pointer;margin:5px!important;border-radius:5px;text-decoration:none;padding:8px 10px;transition:.3s;font-size:1.6rem;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;display:inline-block;background-color:transparent;color:#E1E1E1;border:2px solid #E1E1E1;line-height:normal!important;max-width:98%}a.button.small,button.small,input[type=submit].small,input[type=reset].small,input[type=button].small{font-size:1.2rem}a.button.medium,button.medium,input[type=submit].medium,input[type=reset].medium,input[type=button].medium{font-size:1.6rem}a.button.large,button.large,input[type=submit].large,input[type=reset].large,input[type=button].large{font-size:2.2rem}a.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{background-color:#E1E1E1;border-color:#E1E1E1;color:#000}a.button:active,button:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active{background-color:#b9b9b9;border-color:#b9b9b9}a.button.disabled,a.button:disabled,button.disabled,button:disabled,input[type=submit].disabled,input[type=submit]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=button].disabled,input[type=button]:disabled{color:#888;border-color:#888;pointer-events:none}a.button.default,button.default,input[type=submit].default,input[type=reset].default,input[type=button].default{border:2px solid #55acee;color:#55acee}a.button.default:hover,button.default:hover,input[type=submit].default:hover,input[type=reset].default:hover,input[type=button].default:hover{background-color:#55acee;border-color:#55acee;color:#fff}a.button.default:active,button.default:active,input[type=submit].default:active,input[type=reset].default:active,input[type=button].default:active{background-color:#4b82b7;border-color:#4b82b7}a.button.success,button.success,input[type=submit].success,input[type=reset].success,input[type=button].success{border:2px solid #2ecc71;color:#2ecc71}a.button.success:hover,button.success:hover,input[type=submit].success:hover,input[type=reset].success:hover,input[type=button].success:hover{background-color:#2ecc71;border-color:#2ecc71;color:#fff}a.button.success:active,button.success:active,input[type=submit].success:active,input[type=reset].success:active,input[type=button].success:active{background-color:#21a057;border-color:#21a057}a.button.danger,button.danger,input[type=submit].danger,input[type=reset].danger,input[type=button].danger{border:2px solid #e74c3c;color:#e74c3c}a.button.danger:hover,button.danger:hover,input[type=submit].danger:hover,input[type=reset].danger:hover,input[type=button].danger:hover{background-color:#e74c3c;border-color:#e74c3c;color:#fff}a.button.danger:active,button.danger:active,input[type=submit].danger:active,input[type=reset].danger:active,input[type=button].danger:active{background-color:#bd382a;border-color:#bd382a}a.button.warning,button.warning,input[type=submit].warning,input[type=reset].warning,input[type=button].warning{border:2px solid #e67e22;color:#e67e22}a.button.warning:hover,button.warning:hover,input[type=submit].warning:hover,input[type=reset].warning:hover,input[type=button].warning:hover{background-color:#e67e22;border-color:#e67e22;color:#fff}a.button.warning:active,button.warning:active,input[type=submit].warning:active,input[type=reset].warning:active,input[type=button].warning:active{background-color:#c16819;border-color:#c16819}.button-couple a:not(:first-child):not(:last-child),.button-couple button:not(:first-child):not(:last-child){pointer-events:none;border-style:none;border-radius:0;display:block;margin:-5px auto!important}@media (min-width:768px){.button-couple a:first-child,.button-couple button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0!important;border-right-style:none}.button-couple a:not(:first-child):not(:last-child),.button-couple button:not(:first-child):not(:last-child){border-style:solid;display:inline;margin:-5px!important}.button-couple a:last-child,.button-couple button:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0!important;border-left-style:none}}code{white-space:nowrap;background-color:transparent;color:#E1E1E1;border:1px solid #E1E1E1;border-radius:5px;padding:1px 5px}code.filled{background-color:#E1E1E1;color:#000}pre{background-color:transparent;color:#E1E1E1;border:2px solid #E1E1E1;border-radius:5px;overflow-x:auto;white-space:normal}pre.filled,pre.filled>code{background-color:#E1E1E1;color:#000}pre>code{display:inline;white-space:pre;border:none}.footer,footer{max-width:100%;background-color:#111;border-top:2px solid #E1E1E1;margin:25px 0 0;padding:25px 50px 0;text-align:center}.footer .col,.footer .row,footer .col,footer .row{margin-bottom:0}@media (min-width:544px){.footer,footer{text-align:left}}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],select,textarea{height:38px;background-color:#E0E0E0;border:1px solid #D1D1D1;border-radius:4px;padding:6px 10px;box-shadow:0 1px 3px rgba(0,0,0,.1) inset;box-sizing:border-box;transition:border .3s,background-color .3s,box-shadow .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=email]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=text]:disabled,input[type=tel]:disabled,input[type=url]:disabled,input[type=password]:disabled,select:disabled,textarea:disabled{background-color:#B1B1B1;color:#303030;border-color:#B1B1B1}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}select{background:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im0xMjEuMywzNC42Yy0xLjYtMS42LTQuMi0xLjYtNS44LDBsLTUxLDUxLjEtNTEuMS01MS4xYy0xLjYtMS42LTQuMi0xLjYtNS44LDAtMS42LDEuNi0xLjYsNC4yIDAsNS44bDUzLjksNTMuOWMwLjgsMC44IDEuOCwxLjIgMi45LDEuMiAxLDAgMi4xLTAuNCAyLjktMS4ybDUzLjktNTMuOWMxLjctMS42IDEuNy00LjIgMC4xLTUuOHoiIGZpbGw9IiMwMDAwMDAiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat;background-color:#E1E1E1;background-position:98% 50%}textarea{min-height:65px;padding:6px 10px}input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,select:focus,textarea:focus{background-color:#FFF;border:1px solid #33BBF0;box-shadow:0 1px 3px rgba(0,0,0,.1) inset,0 0 8px rgba(41,92,161,.6);outline:0!important}label,legend{font-weight:400;display:block;margin-bottom:.5rem}fieldset{border:2px solid #E1E1E1!important;border-radius:5px;padding:20px!important;margin:10px 5px!important}input[type=checkbox],input[type=radio]{display:inline;position:absolute;opacity:0}.container,label.checkbox,label.radio{position:relative}.button.round,button.round,input.round,textarea.round{border-radius:20px}input[type=checkbox],input[type=radio],label.checkbox,label.radio{vertical-align:middle;margin:5px;cursor:pointer}input[type=checkbox]+label.checkbox:before,input[type=radio]+label.radio:before{content:'';display:inline-block;width:10px;height:10px;background-color:transparent;border:2px solid #E1E1E1;border-radius:5px;padding:2px;margin:auto 10px 3px auto;vertical-align:middle;text-align:center;transition:background-color .3s,box-shadow .3s}body,html{height:100%}.nav,hr,nav{height:0}progress,sub,sup{vertical-align:baseline}input[type=radio]+label.radio:before{border-radius:20px}input[type=checkbox]:checked+label.checkbox:before,input[type=radio]:checked+label.radio:before{background-color:#33BBF0}input[type=range]{-webkit-appearance:none;margin:0 5px;background-color:transparent}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:26px;cursor:pointer;background:#222;border-radius:25px;border:2px solid #E1E1E1}input[type=range]::-webkit-slider-thumb{height:20px;width:20px;border-radius:25px;background-color:#E1E1E1;cursor:pointer;-webkit-appearance:none;margin-top:1px;border:2px solid transparent;transition:background-color .3s,border-color .3s}input[type=range]:focus::-webkit-slider-thumb,input[type=range]:hover::-webkit-slider-thumb{background-color:#55acee;border-color:#E1E1E1}input[type=range]::-moz-range-track{width:100%;height:23px;cursor:pointer;background-color:#222;border-radius:25px;border:2px solid #E1E1E1}input[type=range]::-moz-range-thumb{height:17px;width:17px;border-radius:25px;background-color:#E1E1E1;border:2px solid transparent;cursor:pointer;transition:background-color .3s,border-color .3s}input[type=range]:focus::-moz-range-thumb,input[type=range]:hover::-moz-range-thumb{background-color:#55acee;border-color:#E1E1E1}input[type=range]::-moz-focus-outer{border:0}input[type=range]::-ms-track{width:100%;height:26px;cursor:pointer;background-color:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background-color:#222;border:2px solid #E1E1E1;border-radius:50px}input[type=range]::-ms-thumb{height:20px;width:20px;border-radius:25px;background-color:#E1E1E1;cursor:pointer;border:2px solid transparent;transition:background-color .3s,border-color .3s}.col,.container{width:100%;box-sizing:border-box}input[type=range]:focus::-ms-thumb,input[type=range]:hover::-ms-thumb{background-color:#55acee;border-color:#E1E1E1}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.container{max-width:960px;margin:0 auto;padding:0 20px}.responsive,legend{max-width:100%}.col{float:left}@media (min-width:400px){.container{width:85%;padding:0}}@media (min-width:544px){.container{width:80%}.col{margin-left:4%}.col:first-child,.twelve.col{margin-left:0}.one.col{width:4.66666666667%}.two.col{width:13.3333333333%}.three.col{width:22%}.four.col{width:30.6666666667%}.five.col{width:39.3333333333%}.six.col{width:48%}.seven.col{width:56.6666666667%}.eight.col{width:65.3333333333%}.nine.col{width:74%}.ten.col{width:82.6666666667%}.eleven.col{width:91.3333333333%}.twelve.col{width:100%},.one-third.col,.one.third.col{width:30.6666666667%}.two-thirds.col,.two.thirds.col{width:65.3333333333%}.one-half.col,.one.half.col{width:48%}.offset-by-one.col{margin-left:8.66666666667%}.offset-by-two.col{margin-left:17.3333333333%}.offset-by-three.col{margin-left:26%}.offset-by-four.col{margin-left:34.6666666667%}.offset-by-five.col{margin-left:43.3333333333%}.offset-by-six.col{margin-left:52%}.offset-by-seven.col{margin-left:60.6666666667%}.offset-by-eight.col{margin-left:69.3333333333%}.offset-by-nine.col{margin-left:78%}.offset-by-ten.col{margin-left:86.6666666667%}.offset-by-eleven.col{margin-left:95.3333333333%}.offset-by-one-third.col{margin-left:34.6666666667%}.offset-by-two-thirds.col{margin-left:69.3333333333%}.offset-by-one-half.col{margin-left:52%}}ul{list-style:disc}ol{list-style:decimal}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}a.button,button,input[type=submit],input[type=reset],input[type=button],li{margin-bottom:1rem}html{font-size:62.5%}body{font-size:1.6rem;line-height:1.6;font-weight:400;font-family:"Open Sans",sans-serif;background-color:#222;color:#E1E1E1}a{color:#55acee}a:hover{color:#74C1FB}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,table,ul{margin-bottom:2.5rem}hr{border-width:0;border-top:1px solid #E1E1E1;margin-top:3rem;margin-bottom:3.5rem}::selection{background:#15acee}::-moz-selection{background:#15acee}.container:after,.row:after{content:"";display:table;clear:both}.nav ul,nav ul{width:100%;background-color:#222;border-bottom:2px solid #E1E1E1;padding:0;margin-top:0;list-style-type:none;z-index:1}button,hr,input{overflow:visible}.nav.fixed,nav.fixed{position:fixed;width:100%;z-index:1}li.nav-left,li.nav-right{position:inherit}.nav ul li,nav ul li{float:left;margin-bottom:0}.nav ul li>a,nav ul li>a{display:inline-block;color:#E1E1E1;padding:14px 16px;text-align:center;text-decoration:none;transition:background-color .2s ease-in-out}.nav ul li>a.button,.nav ul li>button,.nav ul li>input,nav ul li>a.button,nav ul li>button,nav ul li>input{margin:7px 5px auto!important}.nav ul li>a.active,nav ul li>a.active{background-color:#111}.nav ul li:first-child a.logo,nav ul li:first-child a.logo{background-color:#E1E1E1;color:#000}.nav ul li:first-child a.logo:hover,nav ul li:first-child a.logo:hover{background-color:#F5F5F5;color:#000}.nav ul li>a:hover,.nav-dropdown-content,nav ul li>a:hover{background-color:#111}li.nav-right{float:right!important}.float-left,li.nav-left{float:left!important}li.nav-dropdown.nav-right .nav-dropdown-content{right:0}li.nav-dropdown.nav-right~.nav-dropdown .nav-dropdown-content{right:auto}li.nav-dropdown{display:inline-block}.nav-dropdown-content{display:block;visibility:hidden;opacity:0;position:absolute;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;transition:visibility .2s,opacity .2s ease-in-out}.nav-dropdown-content a{display:block;color:#E1E1E1;padding:12px 16px;text-decoration:none;text-align:left}audio,canvas,progress,video{display:inline-block}.nav-dropdown-content a:hover{background-color:#444}.nav-dropdown:hover .nav-dropdown-button{background-color:#111}.nav-dropdown:hover .nav-dropdown-content{visibility:visible;opacity:1}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box}.expand,.responsive,legend{box-sizing:border-box}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=submit],[type=reset],button,html [type=button]{-webkit-appearance:button}[type=submit]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=button]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=submit]:-moz-focusring,[type=reset]:-moz-focusring,[type=button]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{color:inherit;display:table;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}.overlay,.sidenav{position:fixed;height:100%;background-color:#000;top:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}.sidenav{width:0;z-index:10;left:-1px;padding-top:15px;overflow-x:hidden;transition:.5s}.overlay{width:100%;display:inline;left:0;opacity:0;visibility:hidden;z-index:1;transition:opacity .5s,visibility .5s}.sidenav a{display:block;font-size:1.8rem;color:#818181;padding:8px 8px 8px 32px;text-decoration:none;white-space:nowrap;transition:.3s;outline:0!important}.sidenav a:hover{color:#E1E1E1}.sidenav a[disabled]{cursor:default}.sidenav a[disabled]:hover{pointer-events:none;color:#818181;cursor:default}.sidenav hr{width:80%;border-color:#818181}.sidenav-close-button{font-size:3.6rem!important;position:absolute;top:0;right:0;padding-right:30px!important;outline:0!important}.content{transition:margin-left .5s,margin-right .5s}@media (min-width:544px){.sidenav{padding-top:60px}.sidenav a{font-size:25px}}table{border-spacing:0}td,th{border-bottom:1px solid #7C7C7C;padding:12px 15px;text-align:left}.text-center,table.centerize>tbody td,table.centerize>thead th{text-align:center}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}table.striped tr:nth-child(even){background-color:#2F2F2F}table.hover>tbody tr{transition:background-color .3s}table.hover>tbody tr:hover{background-color:#404040}h1,h2,h3,h4,h5,h6{font-weight:300;margin-top:0;margin-bottom:2rem}h1{font-size:4rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:3rem;line-height:1.3}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}p{margin-top:0}.expand{width:100%}.float-right{float:right!important}.centerize{margin-left:auto;margin-right:auto}.vertical-line{border-left:1px solid #E1E1E1}@media (max-width:544px){.hide-on-mobile{display:none!important}.vertical-line{border-left:none}}@media (max-width:768px){.hide-on-tablet{display:none!important}}@media (min-width:768px){.hide-on-desktop{display:none!important}}@media (min-width:544px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}.hide-on-non-mobile{display:none!important}}
\ No newline at end of file
diff --git a/docs/index-rtl.html b/docs/index-rtl.html
index da10b68..a646dcd 100644
--- a/docs/index-rtl.html
+++ b/docs/index-rtl.html
@@ -97,16 +97,16 @@ <h2 class="text-center">زیبا.  مشکی.  واکنش‌گرا.</h2>
 
       <div class="row text-center" style="margin-bottom: 250px;margin-top: 50px;">
         <div class="button-couple">
-          <a class="button default large custom-down-cdn" href="https://github.com/Borderliner/Meshki/archive/v1.3.3.zip">دانلود (نسخه 1.3.3)</a>
+          <a class="button default large custom-down-cdn" href="https://github.com/Borderliner/Meshki/archive/v1.4.0.zip">دانلود (نسخه 1.4.0)</a>
           <a class="button large disabled" disabled>یا</a>
           <a class="button danger large custom-down-cdn" href="javascript:void(0)" onclick="var cdn=document.getElementById('cdn');cdn.style.display=='none'?cdn.style.display='block':cdn.style.display='none';">استفاده از <span>CDN</span></a>
         </div><br>
         <pre id="cdn" style="display: none;">
           <code>
-https://cdnjs.cloudflare.com/ajax/libs/meshki/1.3.3/meshki.min.css
-https://cdnjs.cloudflare.com/ajax/libs/meshki/1.3.3/meshki.min.js
+https://cdnjs.cloudflare.com/ajax/libs/meshki/1.4.0/meshki.min.css
+https://cdnjs.cloudflare.com/ajax/libs/meshki/1.4.0/meshki.min.js
 
-https://cdnjs.cloudflare.com/ajax/libs/meshki/1.3.3/meshki-rtl.min.css
+https://cdnjs.cloudflare.com/ajax/libs/meshki/1.4.0/meshki-rtl.min.css
           </code>
         </pre>
       </div><br>
@@ -133,7 +133,7 @@ <h3 class="text-center" style="margin-bottom: 50px;">امکانات بی نظی
         <h3>مشکی چیست؟</h3>
         <hr>
         <p>
-          مشکی یک کتابخانه ساده، مشکی-رنگ و واکنش‌گرای CSS است، تا بتوان به راحتی پروژه‌های جدید را شروع کرد. فقط 16 کیلوبایت (فشرده شده) یا 40 کیلوبایت (معمولی) حجم دارد، که این شامل تمامی فایل‌های CSS و JS می‌شود، که همین سبب می‌شود یک کتابخانه عالی برای پروژه‌های کوچک تا متوسط باشد. مشکی آسان، تمیز و به معنای واقعی کلمه، زیباست. ابتدا به عنوان یک Fork از پروژه <a href="http://getskeleton.com/" target="_blank">اسکلتون</a> شروع شد، و در حال حاضر هم از برخی کدهای اسکلتون استفاده میکند، اما تغییرات به حدی زیاد بود که وقتی به مشکی نگاه میکنید، به سختی میتوان گفت که مشکی شبیه به اسکلتون است.
+          مشکی یک کتابخانه ساده، مشکی-رنگ و واکنش‌گرای CSS است، تا بتوان به راحتی پروژه‌های جدید را شروع کرد. فقط 18 کیلوبایت (فشرده شده) یا 41 کیلوبایت (معمولی) حجم دارد، که این شامل تمامی فایل‌های CSS و JS می‌شود، که همین سبب می‌شود یک کتابخانه عالی برای پروژه‌های کوچک تا متوسط باشد. مشکی آسان، تمیز و به معنای واقعی کلمه، زیباست. ابتدا به عنوان یک Fork از پروژه <a href="http://getskeleton.com/" target="_blank">اسکلتون</a> شروع شد، و در حال حاضر هم از برخی کدهای اسکلتون استفاده میکند، اما تغییرات به حدی زیاد بود که وقتی به مشکی نگاه میکنید، به سختی میتوان گفت که مشکی شبیه به اسکلتون است.
         </p>
         <p>
         از نگاه کردن به کدهای مشکی واهمه نداشته باشید! اگر ایرادی مشاهده کردید، یا قسمتی از مشکی نیاز به ارتقاء داشت، به <a href="https://github.com/Borderliner/Meshki" target="_blank">مخزن گیتهاب ما</a> بروید و یک Issue یا Pull Request باز کنید!
@@ -147,7 +147,7 @@ <h3>چرا مشکی؟</h3>
           سوال خوبی است! همانطور که میدانید، کتابخانه‌های بسیار زیاد و متنوعی در دنیای اینترنت وجود دارند، اما چه چیزی مشکی را متفاوت می‌کند؟
         </p>
         <p>
-        مشکی سعی می‌کند که سبک-وزن، اما کاربردی باشد. بر خلاف اکثر کتابخانه‌هایی که مدعی سبک-وزن بودن هستند، مشکی کاربردی بودن را فدای سبک-وزن بودن محض نمی‌کند. این بدین معناست که شما به اختراع دوباره نیازی ندارید، و بسیاری از اجزای مشکی، بدون تغییرات اضافی قابل استفاده هستند. همه میتوانند کتابخانه های زیر 16 کیلوبایت بسازند، اما این برای کاربردی بودن کافیست؟
+        مشکی سعی می‌کند که سبک-وزن، اما کاربردی باشد. بر خلاف اکثر کتابخانه‌هایی که مدعی سبک-وزن بودن هستند، مشکی کاربردی بودن را فدای سبک-وزن بودن محض نمی‌کند. این بدین معناست که شما به اختراع دوباره نیازی ندارید، و بسیاری از اجزای مشکی، بدون تغییرات اضافی قابل استفاده هستند. همه میتوانند کتابخانه های زیر 18 کیلوبایت بسازند، اما این برای کاربردی بودن کافیست؟
         </p>
         <p>
         در همین راستا، مشکی سعی می‌کند تا یک ظاهر فوق‌العاده جذاب را به ارمغان بیاورد: رنگ مشکی چشمان شمارا اذیت نمی‌کند، و سادگی و ظرافتی بی نظیر را تقدیم شما می‌کند. یکی از اهداف اصلی مشکی، پایدار و قابل اطمینان بودن است. برای همین ما تمام تلاشمان را می‌کنیم تا مشکی را همیشه به-روز نگاه داریم و ایرادات آن را به سرعت برطرف کنیم. مشکی درحال حاضر به اندازه کافی پایدار است.
diff --git a/docs/index.html b/docs/index.html
index 7c91261..0bb7ed2 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -97,14 +97,14 @@ <h2 class="text-center">Stylish. Black. Responsive.</h2>
 
       <div class="row text-center" style="margin-bottom: 250px;margin-top: 50px;">
         <div class="button-couple">
-          <a class="button default large custom-down-cdn" href="https://github.com/Borderliner/Meshki/archive/v1.3.3.zip">Download (v1.3.3)</a>
+          <a class="button default large custom-down-cdn" href="https://github.com/Borderliner/Meshki/archive/v1.4.0.zip">Download (v1.4.0)</a>
           <a class="button large disabled" disabled>or</a>
           <a class="button danger large custom-down-cdn" href="javascript:void(0)" onclick="var cdn=document.getElementById('cdn');cdn.style.display=='none'?cdn.style.display='block':cdn.style.display='none';">Use CDN</a>
         </div><br>
         <pre id="cdn" style="display: none;">
           <code>
-https://cdnjs.cloudflare.com/ajax/libs/meshki/1.3.3/meshki.min.css
-https://cdnjs.cloudflare.com/ajax/libs/meshki/1.3.3/meshki.min.js
+https://cdnjs.cloudflare.com/ajax/libs/meshki/1.4.0/meshki.min.css
+https://cdnjs.cloudflare.com/ajax/libs/meshki/1.4.0/meshki.min.js
           </code>
         </pre>
       </div><br>
@@ -131,7 +131,7 @@ <h3 class="text-center" style="margin-bottom: 50px;">Ice-Cool Features</h3>
         <h3>What is Meshki?</h3>
         <hr>
         <p>
-          Meshki is a simple, black-colored, responsive boilerplate to kickstart any responsive project. It is only ~16 KiB (minified) and ~40 KiB (normal), including both CSS and JS files, which makes it superb for small to medium projects. It's easy to use, clean and is just beautiful.
+          Meshki is a simple, black-colored, responsive boilerplate to kickstart any responsive project. It is only ~18 KiB (minified) and ~41 KiB (normal), including both CSS and JS files, which makes it superb for small to medium projects. It's easy to use, clean and is just beautiful.
           It started as a fork of <a href="http://getskeleton.com" target="_blank">Skeleton</a> project, and it still uses some of the codes of it, Meshki is considered to be a total overhaul of Skeleton and it barely resembles it when you take a look at it.
           Don't be afraid to have a look at Meshki's code! If you spot any bugs, or you want some improvements, head to <a href="https://github.com/Borderliner/Meshki" target="_blank">our GitHub repository</a> and open an issue or a pull request!
         </p>
@@ -144,7 +144,7 @@ <h3>Why Meshki?</h3>
           This is a valid question. There are tons of UI libraries out there in the wild, but what makes Meshki different?
         </p>
         <p>
-          Meshki tends to be light-weight, but useful. Contrary to most "light-weight" libraries, Meshki doesn't sacrifice usability for just being light-weight. This means that you don't need to reinvent the wheel, and many common components are ready for you to use out-of-the-box. I mean, everybody can create libraries less than 16 KiB, but does this actually make them useful?
+          Meshki tends to be light-weight, but useful. Contrary to most "light-weight" libraries, Meshki doesn't sacrifice usability for just being light-weight. This means that you don't need to reinvent the wheel, and many common components are ready for you to use out-of-the-box. I mean, everybody can create libraries less than 18 KiB, but does this actually make them useful?
         </p>
         <p>
           Also, Meshki strives to bring you a clean eye-candy interface, the black color doesn't hurt your eyes, and brings simplicity and elegance together. One of the main goals of Meshki is to be stable and reliable, so we try to provide you with updates and fixes as much as we can. Meshki is stable enough right now.
diff --git a/package.json b/package.json
index a47f03c..b01167f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "meshki",
-  "version": "1.3.3",
+  "version": "1.4.0",
   "description": "Meshki: A Black-Colored, Responsive Boilerplate for UI Development",
   "main": "dist/meshki.min.css",
   "scripts": {
diff --git a/src/css/button.css b/src/css/button.css
index dd09598..2ce2fef 100644
--- a/src/css/button.css
+++ b/src/css/button.css
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
diff --git a/src/css/code.css b/src/css/code.css
index c15eb2f..d05aeef 100644
--- a/src/css/code.css
+++ b/src/css/code.css
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
diff --git a/src/css/footer.css b/src/css/footer.css
index 831eed8..1e81276 100644
--- a/src/css/footer.css
+++ b/src/css/footer.css
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
diff --git a/src/css/form.css b/src/css/form.css
index f0400a3..618d28b 100644
--- a/src/css/form.css
+++ b/src/css/form.css
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
diff --git a/src/css/grid.css b/src/css/grid.css
index c8918da..cb35e75 100644
--- a/src/css/grid.css
+++ b/src/css/grid.css
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
diff --git a/src/css/list.css b/src/css/list.css
index 6139a48..7f152ae 100644
--- a/src/css/list.css
+++ b/src/css/list.css
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
diff --git a/src/css/meshki.css b/src/css/meshki.css
index 10f0e69..3321e0f 100644
--- a/src/css/meshki.css
+++ b/src/css/meshki.css
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
diff --git a/src/css/navbar.css b/src/css/navbar.css
index 43d7e6f..978568e 100644
--- a/src/css/navbar.css
+++ b/src/css/navbar.css
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
diff --git a/src/css/rtl.css b/src/css/rtl.css
index 3aa4753..64c88fc 100644
--- a/src/css/rtl.css
+++ b/src/css/rtl.css
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
diff --git a/src/css/sidenav.css b/src/css/sidenav.css
index 76e87c1..6a1afe0 100644
--- a/src/css/sidenav.css
+++ b/src/css/sidenav.css
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
diff --git a/src/css/table.css b/src/css/table.css
index 6f1dab2..717a094 100644
--- a/src/css/table.css
+++ b/src/css/table.css
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
diff --git a/src/css/typography.css b/src/css/typography.css
index d4c9741..31c3ac4 100644
--- a/src/css/typography.css
+++ b/src/css/typography.css
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
diff --git a/src/css/utility.css b/src/css/utility.css
index e498752..35a1cf8 100644
--- a/src/css/utility.css
+++ b/src/css/utility.css
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.
diff --git a/src/js/meshki.js b/src/js/meshki.js
index 943621a..8232222 100644
--- a/src/js/meshki.js
+++ b/src/js/meshki.js
@@ -1,5 +1,5 @@
 /*
-* Meshki v1.3.3
+* Meshki v1.4.0
 * Copyright 2016, Mohammad reza Hajianpour <hajianpour.mr@gmail.com>
 * http://meshki.borderliner.ir/
 * Free to use under the MIT license.