diff --git a/README.md b/README.md
index 229481b..9888a55 100755
--- a/README.md
+++ b/README.md
@@ -4,7 +4,12 @@ Material base theme
 Introduction
 ------------
 
-Base theme inspirited by [Material Design](https://design.google.com/) concept from Goggle.
+Base theme inspirited by [Material Design](https://material.io/) concept from Goggle.
+
+Demo
+-------------
+
+[mb.4dx.pw](http://mb.4dx.pw/)
 
 Requirements
 ------------
diff --git a/config/optional/block.block.material_base_account_menu.yml b/config/optional/block.block.material_base_account_menu.yml
new file mode 100644
index 0000000..280a754
--- /dev/null
+++ b/config/optional/block.block.material_base_account_menu.yml
@@ -0,0 +1,27 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - system.menu.account
+  module:
+    - block_class
+    - system
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: 'navbar-item navbar-account-menu pull-right'
+id: material_base_account_menu
+theme: material_base
+region: navbar
+weight: -4
+provider: null
+plugin: 'system_menu_block:account'
+settings:
+  id: 'system_menu_block:account'
+  label: 'User account menu'
+  provider: system
+  label_display: '0'
+  level: 1
+  depth: 1
+visibility: {  }
diff --git a/config/optional/block.block.material_base_branding.yml b/config/optional/block.block.material_base_branding.yml
new file mode 100644
index 0000000..1bc79ea
--- /dev/null
+++ b/config/optional/block.block.material_base_branding.yml
@@ -0,0 +1,26 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - block_class
+    - system
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: 'navbar-item navbar-branding'
+id: material_base_branding
+theme: material_base
+region: navbar
+weight: -6
+provider: null
+plugin: system_branding_block
+settings:
+  id: system_branding_block
+  label: 'Site branding'
+  provider: system
+  label_display: '0'
+  use_site_logo: true
+  use_site_name: true
+  use_site_slogan: true
+visibility: {  }
diff --git a/config/optional/block.block.material_base_breadcrumbs.yml b/config/optional/block.block.material_base_breadcrumbs.yml
new file mode 100644
index 0000000..e3ebef5
--- /dev/null
+++ b/config/optional/block.block.material_base_breadcrumbs.yml
@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - system
+  theme:
+    - material_base
+id: material_base_breadcrumbs
+theme: material_base
+region: breadcrumb
+weight: 0
+provider: null
+plugin: system_breadcrumb_block
+settings:
+  id: system_breadcrumb_block
+  label: Breadcrumbs
+  provider: system
+  label_display: '0'
+visibility: {  }
diff --git a/config/optional/block.block.material_base_content.yml b/config/optional/block.block.material_base_content.yml
new file mode 100644
index 0000000..c8d43fc
--- /dev/null
+++ b/config/optional/block.block.material_base_content.yml
@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - system
+  theme:
+    - material_base
+id: material_base_content
+theme: material_base
+region: content
+weight: 0
+provider: null
+plugin: system_main_block
+settings:
+  id: system_main_block
+  label: 'Main page content'
+  provider: system
+  label_display: '0'
+visibility: {  }
diff --git a/config/optional/block.block.material_base_footer.yml b/config/optional/block.block.material_base_footer.yml
new file mode 100644
index 0000000..f53ea84
--- /dev/null
+++ b/config/optional/block.block.material_base_footer.yml
@@ -0,0 +1,27 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - system.menu.footer
+  module:
+    - block_class
+    - system
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: footer-item
+id: material_base_footer
+theme: material_base
+region: footer_content
+weight: -6
+provider: null
+plugin: 'system_menu_block:footer'
+settings:
+  id: 'system_menu_block:footer'
+  label: 'Footer menu'
+  provider: system
+  label_display: '0'
+  level: 1
+  depth: 0
+visibility: {  }
diff --git a/config/optional/block.block.material_base_help.yml b/config/optional/block.block.material_base_help.yml
new file mode 100644
index 0000000..185ebe0
--- /dev/null
+++ b/config/optional/block.block.material_base_help.yml
@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - help
+  theme:
+    - material_base
+id: material_base_help
+theme: material_base
+region: content
+weight: -7
+provider: null
+plugin: help_block
+settings:
+  id: help_block
+  label: Help
+  provider: help
+  label_display: '0'
+visibility: {  }
diff --git a/config/optional/block.block.material_base_local_actions.yml b/config/optional/block.block.material_base_local_actions.yml
new file mode 100644
index 0000000..8946822
--- /dev/null
+++ b/config/optional/block.block.material_base_local_actions.yml
@@ -0,0 +1,17 @@
+langcode: en
+status: true
+dependencies:
+  theme:
+    - material_base
+id: material_base_local_actions
+theme: material_base
+region: content
+weight: -7
+provider: null
+plugin: local_actions_block
+settings:
+  id: local_actions_block
+  label: 'Primary admin actions'
+  provider: core
+  label_display: '0'
+visibility: {  }
diff --git a/config/optional/block.block.material_base_local_tasks.yml b/config/optional/block.block.material_base_local_tasks.yml
new file mode 100644
index 0000000..356d977
--- /dev/null
+++ b/config/optional/block.block.material_base_local_tasks.yml
@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  theme:
+    - material_base
+id: material_base_local_tasks
+theme: material_base
+region: content
+weight: -7
+provider: null
+plugin: local_tasks_block
+settings:
+  id: local_tasks_block
+  label: Tabs
+  provider: core
+  label_display: '0'
+  primary: true
+  secondary: true
+visibility: {  }
diff --git a/config/optional/block.block.material_base_main_menu.yml b/config/optional/block.block.material_base_main_menu.yml
new file mode 100644
index 0000000..5ba6d41
--- /dev/null
+++ b/config/optional/block.block.material_base_main_menu.yml
@@ -0,0 +1,27 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - system.menu.main
+  module:
+    - block_class
+    - system
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: 'navbar-item navbar-menu pull-center'
+id: material_base_main_menu
+theme: material_base
+region: navbar
+weight: -5
+provider: null
+plugin: 'system_menu_block:main'
+settings:
+  id: 'system_menu_block:main'
+  label: 'Main navigation'
+  provider: system
+  label_display: '0'
+  level: 1
+  depth: 1
+visibility: {  }
diff --git a/config/optional/block.block.material_base_messages.yml b/config/optional/block.block.material_base_messages.yml
new file mode 100644
index 0000000..325d9a6
--- /dev/null
+++ b/config/optional/block.block.material_base_messages.yml
@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - system
+  theme:
+    - material_base
+id: material_base_messages
+theme: material_base
+region: highlighted
+weight: 0
+provider: null
+plugin: system_messages_block
+settings:
+  id: system_messages_block
+  label: 'Status messages'
+  provider: system
+  label_display: '0'
+visibility: {  }
diff --git a/config/optional/block.block.material_base_page_title.yml b/config/optional/block.block.material_base_page_title.yml
new file mode 100644
index 0000000..6b0e285
--- /dev/null
+++ b/config/optional/block.block.material_base_page_title.yml
@@ -0,0 +1,17 @@
+langcode: en
+status: true
+dependencies:
+  theme:
+    - material_base
+id: material_base_page_title
+theme: material_base
+region: content
+weight: -7
+provider: null
+plugin: page_title_block
+settings:
+  id: page_title_block
+  label: 'Page title'
+  provider: core
+  label_display: '0'
+visibility: {  }
diff --git a/config/optional/block.block.material_base_powered.yml b/config/optional/block.block.material_base_powered.yml
new file mode 100644
index 0000000..5384cdf
--- /dev/null
+++ b/config/optional/block.block.material_base_powered.yml
@@ -0,0 +1,23 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - block_class
+    - system
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: footer-item
+id: material_base_powered
+theme: material_base
+region: footer_content
+weight: -5
+provider: null
+plugin: system_powered_by_block
+settings:
+  id: system_powered_by_block
+  label: 'Powered by Drupal'
+  provider: system
+  label_display: '0'
+visibility: {  }
diff --git a/config/optional/block.block.material_base_search.yml b/config/optional/block.block.material_base_search.yml
new file mode 100644
index 0000000..0c896f7
--- /dev/null
+++ b/config/optional/block.block.material_base_search.yml
@@ -0,0 +1,23 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - block_class
+    - search
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: 'block-search mt-24'
+id: material_base_search
+theme: material_base
+region: sidebar_first
+weight: -6
+provider: null
+plugin: search_form_block
+settings:
+  id: search_form_block
+  label: Search
+  provider: search
+  label_display: '0'
+visibility: {  }
diff --git a/config/optional/block.block.material_base_tools.yml b/config/optional/block.block.material_base_tools.yml
new file mode 100644
index 0000000..7ef1fae
--- /dev/null
+++ b/config/optional/block.block.material_base_tools.yml
@@ -0,0 +1,23 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - system.menu.tools
+  module:
+    - system
+  theme:
+    - material_base
+id: material_base_tools
+theme: material_base
+region: sidebar_first
+weight: -5
+provider: null
+plugin: 'system_menu_block:tools'
+settings:
+  id: 'system_menu_block:tools'
+  label: Tools
+  provider: system
+  label_display: visible
+  level: 1
+  depth: 0
+visibility: {  }
diff --git a/css/code-highlight.css b/css/code-highlight.css
index 0300087..3d5d7d3 100755
--- a/css/code-highlight.css
+++ b/css/code-highlight.css
@@ -1,6 +1,6 @@
 /* break points */
 @import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400,700&subset=latin,cyrillic-ext);
-/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+apacheconf+bash+c+cpp+css-extras+git+java+markdown+php+php-extras+sass+scss+twig+yaml&plugins=line-numbers */
+/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+apacheconf+c+bash+cpp+csharp+ruby+css-extras+git+java+json+markdown+nginx+php+php-extras+sass+scss+twig+yaml&plugins=line-numbers */
 /**
  * prism.js default theme for JavaScript, CSS and HTML
  * Based on dabblet (http://dabblet.com)
@@ -54,8 +54,7 @@ pre[class*="language-"] {
 .token.url,
 .language-css .token.string,
 .style .token.string {
-  color: #a67f59;
-  background: rgba(255, 255, 255, 0.5); }
+  color: #a67f59; }
 
 .token.atrule,
 .token.attr-value,
@@ -131,6 +130,12 @@ pre.line-numbers > code {
     margin-right: -24px; } }
 /* theme dark */
 .theme-dark {
+  /* http://prismjs.com/download.html?themes=prism-twilight&languages=markup+css+clike+javascript+apacheconf+c+bash+cpp+csharp+ruby+css-extras+git+java+json+markdown+nginx+php+php-extras+sass+scss+twig+yaml&plugins=line-numbers */
+  /**
+   * prism.js Twilight theme
+   * Based (more or less) on the Twilight theme originally of Textmate fame.
+   * @author Remy Bach
+   */
   /* Markup */ }
   .theme-dark .token.comment,
   .theme-dark .token.prolog,
diff --git a/css/color-themes.css b/css/color-themes.css
index e3a6270..219718c 100755
--- a/css/color-themes.css
+++ b/css/color-themes.css
@@ -21,6 +21,8 @@
   .primary-red .navbar-menu .menu a:hover {
     border-color: rgba(255, 255, 255, 0.5);
     color: #FFF; }
+.primary-red .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: #FFF; }
 .primary-red .navbar-menu .menu .active a, .primary-red .navbar-menu .menu .active-trail a, .primary-red .navbar-menu .menu .active {
   border-color: #FFF; }
 .primary-red article blockquote {
@@ -33,16 +35,16 @@
     background: #e53935; }
 .primary-red .sidebar .menu li a.is-active {
   color: #e53935; }
-.primary-red .navbar-item.block-search form .form-item input[type="text"], .primary-red #header .block-search form .form-item input[type="text"], .primary-red .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-red .navbar-item.block-search form .form-item input[type="text"], .primary-red .navbar-item.block-search form .form-item input[type="search"], .primary-red #header .block-search form .form-item input[type="text"], .primary-red #header .block-search form .form-item input[type="search"], .primary-red .card-bg-primary .block-search form .form-item input[type="text"], .primary-red .card-bg-primary .block-search form .form-item input[type="search"] {
   color: #FFF;
   border-bottom: 1px solid #FFF; }
-  .primary-red .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-red #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-red .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-red .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-red #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-red #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-red .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-red #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-red .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-red .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-red #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-red #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-red .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-red #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-red .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-red .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-red #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-red #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-red .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-red #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-red .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-red .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-red #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-red #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-red .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
 .primary-red .navbar-item.block-search form .form-item.icon-left:before, .primary-red #header .block-search form .form-item.icon-left:before, .primary-red .card-bg-primary .block-search form .form-item.icon-left:before {
   color: #FFF; }
@@ -115,6 +117,8 @@
   .primary-pink .navbar-menu .menu a:hover {
     border-color: rgba(255, 255, 255, 0.5);
     color: #FFF; }
+.primary-pink .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: #FFF; }
 .primary-pink .navbar-menu .menu .active a, .primary-pink .navbar-menu .menu .active-trail a, .primary-pink .navbar-menu .menu .active {
   border-color: #FFF; }
 .primary-pink article blockquote {
@@ -127,16 +131,16 @@
     background: #d81b60; }
 .primary-pink .sidebar .menu li a.is-active {
   color: #d81b60; }
-.primary-pink .navbar-item.block-search form .form-item input[type="text"], .primary-pink #header .block-search form .form-item input[type="text"], .primary-pink .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-pink .navbar-item.block-search form .form-item input[type="text"], .primary-pink .navbar-item.block-search form .form-item input[type="search"], .primary-pink #header .block-search form .form-item input[type="text"], .primary-pink #header .block-search form .form-item input[type="search"], .primary-pink .card-bg-primary .block-search form .form-item input[type="text"], .primary-pink .card-bg-primary .block-search form .form-item input[type="search"] {
   color: #FFF;
   border-bottom: 1px solid #FFF; }
-  .primary-pink .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-pink #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-pink .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-pink .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-pink #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-pink #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-pink .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-pink #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-pink .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-pink .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-pink #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-pink #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-pink .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-pink #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-pink .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-pink .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-pink #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-pink #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-pink .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-pink #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-pink .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-pink .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-pink #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-pink #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-pink .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
 .primary-pink .navbar-item.block-search form .form-item.icon-left:before, .primary-pink #header .block-search form .form-item.icon-left:before, .primary-pink .card-bg-primary .block-search form .form-item.icon-left:before {
   color: #FFF; }
@@ -209,6 +213,8 @@
   .primary-purple .navbar-menu .menu a:hover {
     border-color: rgba(255, 255, 255, 0.5);
     color: #FFF; }
+.primary-purple .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: #FFF; }
 .primary-purple .navbar-menu .menu .active a, .primary-purple .navbar-menu .menu .active-trail a, .primary-purple .navbar-menu .menu .active {
   border-color: #FFF; }
 .primary-purple article blockquote {
@@ -221,16 +227,16 @@
     background: #8e24aa; }
 .primary-purple .sidebar .menu li a.is-active {
   color: #8e24aa; }
-.primary-purple .navbar-item.block-search form .form-item input[type="text"], .primary-purple #header .block-search form .form-item input[type="text"], .primary-purple .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-purple .navbar-item.block-search form .form-item input[type="text"], .primary-purple .navbar-item.block-search form .form-item input[type="search"], .primary-purple #header .block-search form .form-item input[type="text"], .primary-purple #header .block-search form .form-item input[type="search"], .primary-purple .card-bg-primary .block-search form .form-item input[type="text"], .primary-purple .card-bg-primary .block-search form .form-item input[type="search"] {
   color: #FFF;
   border-bottom: 1px solid #FFF; }
-  .primary-purple .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-purple #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-purple .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-purple .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-purple #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-purple #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-purple .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-purple #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-purple .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-purple .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-purple #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-purple #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-purple .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-purple #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-purple .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-purple .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-purple #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-purple #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-purple .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-purple #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-purple .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-purple .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-purple #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-purple #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-purple .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
 .primary-purple .navbar-item.block-search form .form-item.icon-left:before, .primary-purple #header .block-search form .form-item.icon-left:before, .primary-purple .card-bg-primary .block-search form .form-item.icon-left:before {
   color: #FFF; }
@@ -303,6 +309,8 @@
   .primary-deep-purple .navbar-menu .menu a:hover {
     border-color: rgba(255, 255, 255, 0.5);
     color: #FFF; }
+.primary-deep-purple .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: #FFF; }
 .primary-deep-purple .navbar-menu .menu .active a, .primary-deep-purple .navbar-menu .menu .active-trail a, .primary-deep-purple .navbar-menu .menu .active {
   border-color: #FFF; }
 .primary-deep-purple article blockquote {
@@ -315,16 +323,16 @@
     background: #5e35b1; }
 .primary-deep-purple .sidebar .menu li a.is-active {
   color: #5e35b1; }
-.primary-deep-purple .navbar-item.block-search form .form-item input[type="text"], .primary-deep-purple #header .block-search form .form-item input[type="text"], .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-deep-purple .navbar-item.block-search form .form-item input[type="text"], .primary-deep-purple .navbar-item.block-search form .form-item input[type="search"], .primary-deep-purple #header .block-search form .form-item input[type="text"], .primary-deep-purple #header .block-search form .form-item input[type="search"], .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"], .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="search"] {
   color: #FFF;
   border-bottom: 1px solid #FFF; }
-  .primary-deep-purple .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-deep-purple .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-deep-purple .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-deep-purple .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-deep-purple .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-deep-purple .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-deep-purple .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-deep-purple .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-purple .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-deep-purple .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-deep-purple .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-purple .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-purple #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-purple .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
 .primary-deep-purple .navbar-item.block-search form .form-item.icon-left:before, .primary-deep-purple #header .block-search form .form-item.icon-left:before, .primary-deep-purple .card-bg-primary .block-search form .form-item.icon-left:before {
   color: #FFF; }
@@ -397,6 +405,8 @@
   .primary-indigo .navbar-menu .menu a:hover {
     border-color: rgba(255, 255, 255, 0.5);
     color: #FFF; }
+.primary-indigo .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: #FFF; }
 .primary-indigo .navbar-menu .menu .active a, .primary-indigo .navbar-menu .menu .active-trail a, .primary-indigo .navbar-menu .menu .active {
   border-color: #FFF; }
 .primary-indigo article blockquote {
@@ -409,16 +419,16 @@
     background: #3949ab; }
 .primary-indigo .sidebar .menu li a.is-active {
   color: #3949ab; }
-.primary-indigo .navbar-item.block-search form .form-item input[type="text"], .primary-indigo #header .block-search form .form-item input[type="text"], .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-indigo .navbar-item.block-search form .form-item input[type="text"], .primary-indigo .navbar-item.block-search form .form-item input[type="search"], .primary-indigo #header .block-search form .form-item input[type="text"], .primary-indigo #header .block-search form .form-item input[type="search"], .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"], .primary-indigo .card-bg-primary .block-search form .form-item input[type="search"] {
   color: #FFF;
   border-bottom: 1px solid #FFF; }
-  .primary-indigo .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-indigo #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-indigo .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-indigo .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-indigo #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-indigo #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-indigo .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-indigo #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-indigo .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-indigo .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-indigo #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-indigo #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-indigo .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-indigo #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-indigo .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-indigo .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-indigo #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-indigo #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-indigo .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-indigo #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-indigo .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-indigo .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-indigo #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-indigo #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-indigo .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
 .primary-indigo .navbar-item.block-search form .form-item.icon-left:before, .primary-indigo #header .block-search form .form-item.icon-left:before, .primary-indigo .card-bg-primary .block-search form .form-item.icon-left:before {
   color: #FFF; }
@@ -491,6 +501,8 @@
   .primary-blue .navbar-menu .menu a:hover {
     border-color: rgba(255, 255, 255, 0.5);
     color: #FFF; }
+.primary-blue .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: #FFF; }
 .primary-blue .navbar-menu .menu .active a, .primary-blue .navbar-menu .menu .active-trail a, .primary-blue .navbar-menu .menu .active {
   border-color: #FFF; }
 .primary-blue article blockquote {
@@ -503,16 +515,16 @@
     background: #1e88e5; }
 .primary-blue .sidebar .menu li a.is-active {
   color: #1e88e5; }
-.primary-blue .navbar-item.block-search form .form-item input[type="text"], .primary-blue #header .block-search form .form-item input[type="text"], .primary-blue .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-blue .navbar-item.block-search form .form-item input[type="text"], .primary-blue .navbar-item.block-search form .form-item input[type="search"], .primary-blue #header .block-search form .form-item input[type="text"], .primary-blue #header .block-search form .form-item input[type="search"], .primary-blue .card-bg-primary .block-search form .form-item input[type="text"], .primary-blue .card-bg-primary .block-search form .form-item input[type="search"] {
   color: #FFF;
   border-bottom: 1px solid #FFF; }
-  .primary-blue .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-blue #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-blue .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-blue .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-blue #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-blue #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-blue .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-blue #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-blue .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-blue .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-blue #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-blue #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-blue .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-blue .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-blue #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-blue .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-blue .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-blue #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
 .primary-blue .navbar-item.block-search form .form-item.icon-left:before, .primary-blue #header .block-search form .form-item.icon-left:before, .primary-blue .card-bg-primary .block-search form .form-item.icon-left:before {
   color: #FFF; }
@@ -585,6 +597,8 @@
   .primary-light-blue .navbar-menu .menu a:hover {
     border-color: rgba(0, 0, 0, 0.5);
     color: rgba(0, 0, 0, 0.87); }
+.primary-light-blue .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: rgba(0, 0, 0, 0.87); }
 .primary-light-blue .navbar-menu .menu .active a, .primary-light-blue .navbar-menu .menu .active-trail a, .primary-light-blue .navbar-menu .menu .active {
   border-color: rgba(0, 0, 0, 0.87); }
 .primary-light-blue article blockquote {
@@ -597,16 +611,16 @@
     background: #039be5; }
 .primary-light-blue .sidebar .menu li a.is-active {
   color: #039be5; }
-.primary-light-blue .navbar-item.block-search form .form-item input[type="text"], .primary-light-blue #header .block-search form .form-item input[type="text"], .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-light-blue .navbar-item.block-search form .form-item input[type="text"], .primary-light-blue .navbar-item.block-search form .form-item input[type="search"], .primary-light-blue #header .block-search form .form-item input[type="text"], .primary-light-blue #header .block-search form .form-item input[type="search"], .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"], .primary-light-blue .card-bg-primary .block-search form .form-item input[type="search"] {
   color: rgba(0, 0, 0, 0.87);
   border-bottom: 1px solid rgba(0, 0, 0, 0.87); }
-  .primary-light-blue .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-light-blue #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-light-blue .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-light-blue .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-light-blue #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-light-blue #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-light-blue .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-light-blue #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-light-blue .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-light-blue .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-light-blue #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-light-blue #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-light-blue .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-light-blue #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-light-blue .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-light-blue .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-light-blue #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-light-blue #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-light-blue .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-blue #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-light-blue .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-blue .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-light-blue #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-blue #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-blue .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
 .primary-light-blue .navbar-item.block-search form .form-item.icon-left:before, .primary-light-blue #header .block-search form .form-item.icon-left:before, .primary-light-blue .card-bg-primary .block-search form .form-item.icon-left:before {
   color: rgba(0, 0, 0, 0.87); }
@@ -679,6 +693,8 @@
   .primary-cyan .navbar-menu .menu a:hover {
     border-color: rgba(0, 0, 0, 0.5);
     color: rgba(0, 0, 0, 0.87); }
+.primary-cyan .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: rgba(0, 0, 0, 0.87); }
 .primary-cyan .navbar-menu .menu .active a, .primary-cyan .navbar-menu .menu .active-trail a, .primary-cyan .navbar-menu .menu .active {
   border-color: rgba(0, 0, 0, 0.87); }
 .primary-cyan article blockquote {
@@ -691,16 +707,16 @@
     background: #00acc1; }
 .primary-cyan .sidebar .menu li a.is-active {
   color: #00acc1; }
-.primary-cyan .navbar-item.block-search form .form-item input[type="text"], .primary-cyan #header .block-search form .form-item input[type="text"], .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-cyan .navbar-item.block-search form .form-item input[type="text"], .primary-cyan .navbar-item.block-search form .form-item input[type="search"], .primary-cyan #header .block-search form .form-item input[type="text"], .primary-cyan #header .block-search form .form-item input[type="search"], .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"], .primary-cyan .card-bg-primary .block-search form .form-item input[type="search"] {
   color: rgba(0, 0, 0, 0.87);
   border-bottom: 1px solid rgba(0, 0, 0, 0.87); }
-  .primary-cyan .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-cyan #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-cyan .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-cyan .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-cyan #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-cyan #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-cyan .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-cyan #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-cyan .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-cyan .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-cyan #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-cyan #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-cyan .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-cyan #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-cyan .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-cyan .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-cyan #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-cyan #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-cyan .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-cyan #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-cyan .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-cyan .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-cyan #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-cyan #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-cyan .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
 .primary-cyan .navbar-item.block-search form .form-item.icon-left:before, .primary-cyan #header .block-search form .form-item.icon-left:before, .primary-cyan .card-bg-primary .block-search form .form-item.icon-left:before {
   color: rgba(0, 0, 0, 0.87); }
@@ -773,6 +789,8 @@
   .primary-teal .navbar-menu .menu a:hover {
     border-color: rgba(255, 255, 255, 0.5);
     color: #FFF; }
+.primary-teal .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: #FFF; }
 .primary-teal .navbar-menu .menu .active a, .primary-teal .navbar-menu .menu .active-trail a, .primary-teal .navbar-menu .menu .active {
   border-color: #FFF; }
 .primary-teal article blockquote {
@@ -785,16 +803,16 @@
     background: #00897b; }
 .primary-teal .sidebar .menu li a.is-active {
   color: #00897b; }
-.primary-teal .navbar-item.block-search form .form-item input[type="text"], .primary-teal #header .block-search form .form-item input[type="text"], .primary-teal .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-teal .navbar-item.block-search form .form-item input[type="text"], .primary-teal .navbar-item.block-search form .form-item input[type="search"], .primary-teal #header .block-search form .form-item input[type="text"], .primary-teal #header .block-search form .form-item input[type="search"], .primary-teal .card-bg-primary .block-search form .form-item input[type="text"], .primary-teal .card-bg-primary .block-search form .form-item input[type="search"] {
   color: #FFF;
   border-bottom: 1px solid #FFF; }
-  .primary-teal .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-teal #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-teal .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-teal .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-teal #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-teal #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-teal .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-teal #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-teal .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-teal .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-teal #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-teal #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-teal .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-teal #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-teal .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-teal .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-teal #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-teal #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-teal .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-teal #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-teal .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-teal .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-teal #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-teal #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-teal .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
 .primary-teal .navbar-item.block-search form .form-item.icon-left:before, .primary-teal #header .block-search form .form-item.icon-left:before, .primary-teal .card-bg-primary .block-search form .form-item.icon-left:before {
   color: #FFF; }
@@ -867,6 +885,8 @@
   .primary-green .navbar-menu .menu a:hover {
     border-color: rgba(0, 0, 0, 0.5);
     color: rgba(0, 0, 0, 0.87); }
+.primary-green .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: rgba(0, 0, 0, 0.87); }
 .primary-green .navbar-menu .menu .active a, .primary-green .navbar-menu .menu .active-trail a, .primary-green .navbar-menu .menu .active {
   border-color: rgba(0, 0, 0, 0.87); }
 .primary-green article blockquote {
@@ -879,16 +899,16 @@
     background: #43a047; }
 .primary-green .sidebar .menu li a.is-active {
   color: #43a047; }
-.primary-green .navbar-item.block-search form .form-item input[type="text"], .primary-green #header .block-search form .form-item input[type="text"], .primary-green .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-green .navbar-item.block-search form .form-item input[type="text"], .primary-green .navbar-item.block-search form .form-item input[type="search"], .primary-green #header .block-search form .form-item input[type="text"], .primary-green #header .block-search form .form-item input[type="search"], .primary-green .card-bg-primary .block-search form .form-item input[type="text"], .primary-green .card-bg-primary .block-search form .form-item input[type="search"] {
   color: rgba(0, 0, 0, 0.87);
   border-bottom: 1px solid rgba(0, 0, 0, 0.87); }
-  .primary-green .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-green #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-green .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-green .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-green #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-green #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-green .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-green #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-green .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-green .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-green #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-green #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-green .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-green #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-green .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-green .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-green #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-green #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-green .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-green #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-green .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-green .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-green #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-green #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-green .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
 .primary-green .navbar-item.block-search form .form-item.icon-left:before, .primary-green #header .block-search form .form-item.icon-left:before, .primary-green .card-bg-primary .block-search form .form-item.icon-left:before {
   color: rgba(0, 0, 0, 0.87); }
@@ -961,6 +981,8 @@
   .primary-light-green .navbar-menu .menu a:hover {
     border-color: rgba(0, 0, 0, 0.5);
     color: rgba(0, 0, 0, 0.87); }
+.primary-light-green .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: rgba(0, 0, 0, 0.87); }
 .primary-light-green .navbar-menu .menu .active a, .primary-light-green .navbar-menu .menu .active-trail a, .primary-light-green .navbar-menu .menu .active {
   border-color: rgba(0, 0, 0, 0.87); }
 .primary-light-green article blockquote {
@@ -973,16 +995,16 @@
     background: #7cb342; }
 .primary-light-green .sidebar .menu li a.is-active {
   color: #7cb342; }
-.primary-light-green .navbar-item.block-search form .form-item input[type="text"], .primary-light-green #header .block-search form .form-item input[type="text"], .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-light-green .navbar-item.block-search form .form-item input[type="text"], .primary-light-green .navbar-item.block-search form .form-item input[type="search"], .primary-light-green #header .block-search form .form-item input[type="text"], .primary-light-green #header .block-search form .form-item input[type="search"], .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"], .primary-light-green .card-bg-primary .block-search form .form-item input[type="search"] {
   color: rgba(0, 0, 0, 0.87);
   border-bottom: 1px solid rgba(0, 0, 0, 0.87); }
-  .primary-light-green .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-light-green #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-light-green .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-light-green .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-light-green #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-light-green #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-light-green .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-light-green #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-light-green .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-light-green .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-light-green #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-light-green #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-light-green .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-light-green #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-light-green .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-light-green .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-light-green #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-light-green #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-light-green .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-green #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-light-green .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-green .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-light-green #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-green #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-light-green .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
 .primary-light-green .navbar-item.block-search form .form-item.icon-left:before, .primary-light-green #header .block-search form .form-item.icon-left:before, .primary-light-green .card-bg-primary .block-search form .form-item.icon-left:before {
   color: rgba(0, 0, 0, 0.87); }
@@ -1055,6 +1077,8 @@
   .primary-lime .navbar-menu .menu a:hover {
     border-color: rgba(0, 0, 0, 0.5);
     color: rgba(0, 0, 0, 0.87); }
+.primary-lime .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: rgba(0, 0, 0, 0.87); }
 .primary-lime .navbar-menu .menu .active a, .primary-lime .navbar-menu .menu .active-trail a, .primary-lime .navbar-menu .menu .active {
   border-color: rgba(0, 0, 0, 0.87); }
 .primary-lime article blockquote {
@@ -1067,16 +1091,16 @@
     background: #c0ca33; }
 .primary-lime .sidebar .menu li a.is-active {
   color: #c0ca33; }
-.primary-lime .navbar-item.block-search form .form-item input[type="text"], .primary-lime #header .block-search form .form-item input[type="text"], .primary-lime .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-lime .navbar-item.block-search form .form-item input[type="text"], .primary-lime .navbar-item.block-search form .form-item input[type="search"], .primary-lime #header .block-search form .form-item input[type="text"], .primary-lime #header .block-search form .form-item input[type="search"], .primary-lime .card-bg-primary .block-search form .form-item input[type="text"], .primary-lime .card-bg-primary .block-search form .form-item input[type="search"] {
   color: rgba(0, 0, 0, 0.87);
   border-bottom: 1px solid rgba(0, 0, 0, 0.87); }
-  .primary-lime .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-lime #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-lime .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-lime .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-lime #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-lime #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-lime .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-lime #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-lime .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-lime .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-lime #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-lime #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-lime .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-lime #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-lime .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-lime .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-lime #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-lime #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-lime .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-lime #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-lime .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-lime .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-lime #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-lime #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-lime .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
 .primary-lime .navbar-item.block-search form .form-item.icon-left:before, .primary-lime #header .block-search form .form-item.icon-left:before, .primary-lime .card-bg-primary .block-search form .form-item.icon-left:before {
   color: rgba(0, 0, 0, 0.87); }
@@ -1149,6 +1173,8 @@
   .primary-yellow .navbar-menu .menu a:hover {
     border-color: rgba(0, 0, 0, 0.5);
     color: rgba(0, 0, 0, 0.87); }
+.primary-yellow .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: rgba(0, 0, 0, 0.87); }
 .primary-yellow .navbar-menu .menu .active a, .primary-yellow .navbar-menu .menu .active-trail a, .primary-yellow .navbar-menu .menu .active {
   border-color: rgba(0, 0, 0, 0.87); }
 .primary-yellow article blockquote {
@@ -1161,16 +1187,16 @@
     background: #fdd835; }
 .primary-yellow .sidebar .menu li a.is-active {
   color: #fdd835; }
-.primary-yellow .navbar-item.block-search form .form-item input[type="text"], .primary-yellow #header .block-search form .form-item input[type="text"], .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-yellow .navbar-item.block-search form .form-item input[type="text"], .primary-yellow .navbar-item.block-search form .form-item input[type="search"], .primary-yellow #header .block-search form .form-item input[type="text"], .primary-yellow #header .block-search form .form-item input[type="search"], .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"], .primary-yellow .card-bg-primary .block-search form .form-item input[type="search"] {
   color: rgba(0, 0, 0, 0.87);
   border-bottom: 1px solid rgba(0, 0, 0, 0.87); }
-  .primary-yellow .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-yellow #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-yellow .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-yellow .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-yellow #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-yellow #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-yellow .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-yellow #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-yellow .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-yellow .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-yellow #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-yellow #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-yellow .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-yellow #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-yellow .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-yellow .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-yellow #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-yellow #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-yellow .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-yellow #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-yellow .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-yellow .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-yellow #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-yellow #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-yellow .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
 .primary-yellow .navbar-item.block-search form .form-item.icon-left:before, .primary-yellow #header .block-search form .form-item.icon-left:before, .primary-yellow .card-bg-primary .block-search form .form-item.icon-left:before {
   color: rgba(0, 0, 0, 0.87); }
@@ -1243,6 +1269,8 @@
   .primary-amber .navbar-menu .menu a:hover {
     border-color: rgba(0, 0, 0, 0.5);
     color: rgba(0, 0, 0, 0.87); }
+.primary-amber .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: rgba(0, 0, 0, 0.87); }
 .primary-amber .navbar-menu .menu .active a, .primary-amber .navbar-menu .menu .active-trail a, .primary-amber .navbar-menu .menu .active {
   border-color: rgba(0, 0, 0, 0.87); }
 .primary-amber article blockquote {
@@ -1255,16 +1283,16 @@
     background: #ffb300; }
 .primary-amber .sidebar .menu li a.is-active {
   color: #ffb300; }
-.primary-amber .navbar-item.block-search form .form-item input[type="text"], .primary-amber #header .block-search form .form-item input[type="text"], .primary-amber .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-amber .navbar-item.block-search form .form-item input[type="text"], .primary-amber .navbar-item.block-search form .form-item input[type="search"], .primary-amber #header .block-search form .form-item input[type="text"], .primary-amber #header .block-search form .form-item input[type="search"], .primary-amber .card-bg-primary .block-search form .form-item input[type="text"], .primary-amber .card-bg-primary .block-search form .form-item input[type="search"] {
   color: rgba(0, 0, 0, 0.87);
   border-bottom: 1px solid rgba(0, 0, 0, 0.87); }
-  .primary-amber .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-amber #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-amber .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-amber .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-amber #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-amber #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-amber .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-amber #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-amber .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-amber .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-amber #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-amber #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-amber .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-amber #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-amber .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-amber .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-amber #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-amber #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-amber .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-amber #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-amber .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-amber .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-amber #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-amber #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-amber .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
 .primary-amber .navbar-item.block-search form .form-item.icon-left:before, .primary-amber #header .block-search form .form-item.icon-left:before, .primary-amber .card-bg-primary .block-search form .form-item.icon-left:before {
   color: rgba(0, 0, 0, 0.87); }
@@ -1337,6 +1365,8 @@
   .primary-orange .navbar-menu .menu a:hover {
     border-color: rgba(0, 0, 0, 0.5);
     color: rgba(0, 0, 0, 0.87); }
+.primary-orange .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: rgba(0, 0, 0, 0.87); }
 .primary-orange .navbar-menu .menu .active a, .primary-orange .navbar-menu .menu .active-trail a, .primary-orange .navbar-menu .menu .active {
   border-color: rgba(0, 0, 0, 0.87); }
 .primary-orange article blockquote {
@@ -1349,16 +1379,16 @@
     background: #fb8c00; }
 .primary-orange .sidebar .menu li a.is-active {
   color: #fb8c00; }
-.primary-orange .navbar-item.block-search form .form-item input[type="text"], .primary-orange #header .block-search form .form-item input[type="text"], .primary-orange .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-orange .navbar-item.block-search form .form-item input[type="text"], .primary-orange .navbar-item.block-search form .form-item input[type="search"], .primary-orange #header .block-search form .form-item input[type="text"], .primary-orange #header .block-search form .form-item input[type="search"], .primary-orange .card-bg-primary .block-search form .form-item input[type="text"], .primary-orange .card-bg-primary .block-search form .form-item input[type="search"] {
   color: rgba(0, 0, 0, 0.87);
   border-bottom: 1px solid rgba(0, 0, 0, 0.87); }
-  .primary-orange .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-orange #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-orange .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-orange .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-orange #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-orange #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-orange .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-orange #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-orange .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-orange .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-orange #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-orange #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-orange .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-orange #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-orange .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-orange .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-orange #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-orange #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-orange .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-orange #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-orange .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-orange .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-orange #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-orange #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-orange .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
 .primary-orange .navbar-item.block-search form .form-item.icon-left:before, .primary-orange #header .block-search form .form-item.icon-left:before, .primary-orange .card-bg-primary .block-search form .form-item.icon-left:before {
   color: rgba(0, 0, 0, 0.87); }
@@ -1431,6 +1461,8 @@
   .primary-deep-orange .navbar-menu .menu a:hover {
     border-color: rgba(0, 0, 0, 0.5);
     color: rgba(0, 0, 0, 0.87); }
+.primary-deep-orange .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: rgba(0, 0, 0, 0.87); }
 .primary-deep-orange .navbar-menu .menu .active a, .primary-deep-orange .navbar-menu .menu .active-trail a, .primary-deep-orange .navbar-menu .menu .active {
   border-color: rgba(0, 0, 0, 0.87); }
 .primary-deep-orange article blockquote {
@@ -1443,16 +1475,16 @@
     background: #f4511e; }
 .primary-deep-orange .sidebar .menu li a.is-active {
   color: #f4511e; }
-.primary-deep-orange .navbar-item.block-search form .form-item input[type="text"], .primary-deep-orange #header .block-search form .form-item input[type="text"], .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-deep-orange .navbar-item.block-search form .form-item input[type="text"], .primary-deep-orange .navbar-item.block-search form .form-item input[type="search"], .primary-deep-orange #header .block-search form .form-item input[type="text"], .primary-deep-orange #header .block-search form .form-item input[type="search"], .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"], .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="search"] {
   color: rgba(0, 0, 0, 0.87);
   border-bottom: 1px solid rgba(0, 0, 0, 0.87); }
-  .primary-deep-orange .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-deep-orange .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-deep-orange .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-deep-orange .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-deep-orange .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-deep-orange .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-deep-orange .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-deep-orange .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-orange .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-deep-orange .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-deep-orange .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-orange .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-orange #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-deep-orange .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
 .primary-deep-orange .navbar-item.block-search form .form-item.icon-left:before, .primary-deep-orange #header .block-search form .form-item.icon-left:before, .primary-deep-orange .card-bg-primary .block-search form .form-item.icon-left:before {
   color: rgba(0, 0, 0, 0.87); }
@@ -1525,6 +1557,8 @@
   .primary-brown .navbar-menu .menu a:hover {
     border-color: rgba(255, 255, 255, 0.5);
     color: #FFF; }
+.primary-brown .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: #FFF; }
 .primary-brown .navbar-menu .menu .active a, .primary-brown .navbar-menu .menu .active-trail a, .primary-brown .navbar-menu .menu .active {
   border-color: #FFF; }
 .primary-brown article blockquote {
@@ -1537,16 +1571,16 @@
     background: #6d4c41; }
 .primary-brown .sidebar .menu li a.is-active {
   color: #6d4c41; }
-.primary-brown .navbar-item.block-search form .form-item input[type="text"], .primary-brown #header .block-search form .form-item input[type="text"], .primary-brown .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-brown .navbar-item.block-search form .form-item input[type="text"], .primary-brown .navbar-item.block-search form .form-item input[type="search"], .primary-brown #header .block-search form .form-item input[type="text"], .primary-brown #header .block-search form .form-item input[type="search"], .primary-brown .card-bg-primary .block-search form .form-item input[type="text"], .primary-brown .card-bg-primary .block-search form .form-item input[type="search"] {
   color: #FFF;
   border-bottom: 1px solid #FFF; }
-  .primary-brown .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-brown #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-brown .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-brown .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-brown #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-brown #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-brown .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-brown #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-brown .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-brown .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-brown #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-brown #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-brown .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-brown #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-brown .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-brown .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-brown #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-brown #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-brown .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-brown #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-brown .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-brown .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-brown #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-brown #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-brown .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
 .primary-brown .navbar-item.block-search form .form-item.icon-left:before, .primary-brown #header .block-search form .form-item.icon-left:before, .primary-brown .card-bg-primary .block-search form .form-item.icon-left:before {
   color: #FFF; }
@@ -1619,6 +1653,8 @@
   .primary-grey .navbar-menu .menu a:hover {
     border-color: rgba(0, 0, 0, 0.5);
     color: rgba(0, 0, 0, 0.87); }
+.primary-grey .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: rgba(0, 0, 0, 0.87); }
 .primary-grey .navbar-menu .menu .active a, .primary-grey .navbar-menu .menu .active-trail a, .primary-grey .navbar-menu .menu .active {
   border-color: rgba(0, 0, 0, 0.87); }
 .primary-grey article blockquote {
@@ -1631,16 +1667,16 @@
     background: #757575; }
 .primary-grey .sidebar .menu li a.is-active {
   color: #757575; }
-.primary-grey .navbar-item.block-search form .form-item input[type="text"], .primary-grey #header .block-search form .form-item input[type="text"], .primary-grey .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-grey .navbar-item.block-search form .form-item input[type="text"], .primary-grey .navbar-item.block-search form .form-item input[type="search"], .primary-grey #header .block-search form .form-item input[type="text"], .primary-grey #header .block-search form .form-item input[type="search"], .primary-grey .card-bg-primary .block-search form .form-item input[type="text"], .primary-grey .card-bg-primary .block-search form .form-item input[type="search"] {
   color: rgba(0, 0, 0, 0.87);
   border-bottom: 1px solid rgba(0, 0, 0, 0.87); }
-  .primary-grey .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-grey #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-grey .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-grey .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-grey #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-grey #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-grey .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-grey #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-grey .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-grey .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-grey #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-grey #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-grey .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-grey #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-grey .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-grey .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-grey #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-grey #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .primary-grey .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-grey #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-grey .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-grey .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-grey #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-grey #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-grey .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
 .primary-grey .navbar-item.block-search form .form-item.icon-left:before, .primary-grey #header .block-search form .form-item.icon-left:before, .primary-grey .card-bg-primary .block-search form .form-item.icon-left:before {
   color: rgba(0, 0, 0, 0.87); }
@@ -1713,6 +1749,8 @@
   .primary-blue-grey .navbar-menu .menu a:hover {
     border-color: rgba(255, 255, 255, 0.5);
     color: #FFF; }
+.primary-blue-grey .navbar-menu .menu .navbar-account-menu .menu a:before {
+  color: #FFF; }
 .primary-blue-grey .navbar-menu .menu .active a, .primary-blue-grey .navbar-menu .menu .active-trail a, .primary-blue-grey .navbar-menu .menu .active {
   border-color: #FFF; }
 .primary-blue-grey article blockquote {
@@ -1725,16 +1763,16 @@
     background: #546e7a; }
 .primary-blue-grey .sidebar .menu li a.is-active {
   color: #546e7a; }
-.primary-blue-grey .navbar-item.block-search form .form-item input[type="text"], .primary-blue-grey #header .block-search form .form-item input[type="text"], .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"] {
+.primary-blue-grey .navbar-item.block-search form .form-item input[type="text"], .primary-blue-grey .navbar-item.block-search form .form-item input[type="search"], .primary-blue-grey #header .block-search form .form-item input[type="text"], .primary-blue-grey #header .block-search form .form-item input[type="search"], .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"], .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="search"] {
   color: #FFF;
   border-bottom: 1px solid #FFF; }
-  .primary-blue-grey .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  .primary-blue-grey .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .primary-blue-grey .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="search"]:-moz-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-blue-grey .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  .primary-blue-grey .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .primary-blue-grey .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="search"]::-moz-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-blue-grey .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  .primary-blue-grey .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue-grey .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="search"]:-ms-input-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .primary-blue-grey .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  .primary-blue-grey .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue-grey .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue-grey #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder, .primary-blue-grey .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
 .primary-blue-grey .navbar-item.block-search form .form-item.icon-left:before, .primary-blue-grey #header .block-search form .form-item.icon-left:before, .primary-blue-grey .card-bg-primary .block-search form .form-item.icon-left:before {
   color: #FFF; }
@@ -1827,7 +1865,7 @@
   background: #d50000; }
 .accent-red .form-item .focused label {
   color: #ff5252; }
-.accent-red .form-item input[type="text"]:focus, .accent-red .form-item input[type="text"].error:focus, .accent-red .form-item input[type="email"]:focus, .accent-red .form-item input[type="email"].error:focus, .accent-red .form-item input[type="password"]:focus, .accent-red .form-item input[type="password"].error:focus, .accent-red .form-item textarea:focus, .accent-red .form-item textarea.error:focus, .accent-red .form-item select:focus, .accent-red .form-item select.error:focus {
+.accent-red .form-item input[type="text"]:focus, .accent-red .form-item input[type="text"].error:focus, .accent-red .form-item input[type="email"]:focus, .accent-red .form-item input[type="email"].error:focus, .accent-red .form-item input[type="password"]:focus, .accent-red .form-item input[type="password"].error:focus, .accent-red .form-item input[type="search"]:focus, .accent-red .form-item input[type="search"].error:focus, .accent-red .form-item textarea:focus, .accent-red .form-item textarea.error:focus, .accent-red .form-item select:focus, .accent-red .form-item select.error:focus {
   border-color: #ff5252; }
 .accent-red .form-item input[type="checkbox"]:checked:before, .accent-red .form-item input[type="radio"]:checked:before {
   color: #ff5252; }
@@ -1900,7 +1938,7 @@
   background: #c51162; }
 .accent-pink .form-item .focused label {
   color: #ff4081; }
-.accent-pink .form-item input[type="text"]:focus, .accent-pink .form-item input[type="text"].error:focus, .accent-pink .form-item input[type="email"]:focus, .accent-pink .form-item input[type="email"].error:focus, .accent-pink .form-item input[type="password"]:focus, .accent-pink .form-item input[type="password"].error:focus, .accent-pink .form-item textarea:focus, .accent-pink .form-item textarea.error:focus, .accent-pink .form-item select:focus, .accent-pink .form-item select.error:focus {
+.accent-pink .form-item input[type="text"]:focus, .accent-pink .form-item input[type="text"].error:focus, .accent-pink .form-item input[type="email"]:focus, .accent-pink .form-item input[type="email"].error:focus, .accent-pink .form-item input[type="password"]:focus, .accent-pink .form-item input[type="password"].error:focus, .accent-pink .form-item input[type="search"]:focus, .accent-pink .form-item input[type="search"].error:focus, .accent-pink .form-item textarea:focus, .accent-pink .form-item textarea.error:focus, .accent-pink .form-item select:focus, .accent-pink .form-item select.error:focus {
   border-color: #ff4081; }
 .accent-pink .form-item input[type="checkbox"]:checked:before, .accent-pink .form-item input[type="radio"]:checked:before {
   color: #ff4081; }
@@ -1973,7 +2011,7 @@
   background: #aa00ff; }
 .accent-purple .form-item .focused label {
   color: #e040fb; }
-.accent-purple .form-item input[type="text"]:focus, .accent-purple .form-item input[type="text"].error:focus, .accent-purple .form-item input[type="email"]:focus, .accent-purple .form-item input[type="email"].error:focus, .accent-purple .form-item input[type="password"]:focus, .accent-purple .form-item input[type="password"].error:focus, .accent-purple .form-item textarea:focus, .accent-purple .form-item textarea.error:focus, .accent-purple .form-item select:focus, .accent-purple .form-item select.error:focus {
+.accent-purple .form-item input[type="text"]:focus, .accent-purple .form-item input[type="text"].error:focus, .accent-purple .form-item input[type="email"]:focus, .accent-purple .form-item input[type="email"].error:focus, .accent-purple .form-item input[type="password"]:focus, .accent-purple .form-item input[type="password"].error:focus, .accent-purple .form-item input[type="search"]:focus, .accent-purple .form-item input[type="search"].error:focus, .accent-purple .form-item textarea:focus, .accent-purple .form-item textarea.error:focus, .accent-purple .form-item select:focus, .accent-purple .form-item select.error:focus {
   border-color: #e040fb; }
 .accent-purple .form-item input[type="checkbox"]:checked:before, .accent-purple .form-item input[type="radio"]:checked:before {
   color: #e040fb; }
@@ -2046,7 +2084,7 @@
   background: #6200ea; }
 .accent-deep-purple .form-item .focused label {
   color: #7c4dff; }
-.accent-deep-purple .form-item input[type="text"]:focus, .accent-deep-purple .form-item input[type="text"].error:focus, .accent-deep-purple .form-item input[type="email"]:focus, .accent-deep-purple .form-item input[type="email"].error:focus, .accent-deep-purple .form-item input[type="password"]:focus, .accent-deep-purple .form-item input[type="password"].error:focus, .accent-deep-purple .form-item textarea:focus, .accent-deep-purple .form-item textarea.error:focus, .accent-deep-purple .form-item select:focus, .accent-deep-purple .form-item select.error:focus {
+.accent-deep-purple .form-item input[type="text"]:focus, .accent-deep-purple .form-item input[type="text"].error:focus, .accent-deep-purple .form-item input[type="email"]:focus, .accent-deep-purple .form-item input[type="email"].error:focus, .accent-deep-purple .form-item input[type="password"]:focus, .accent-deep-purple .form-item input[type="password"].error:focus, .accent-deep-purple .form-item input[type="search"]:focus, .accent-deep-purple .form-item input[type="search"].error:focus, .accent-deep-purple .form-item textarea:focus, .accent-deep-purple .form-item textarea.error:focus, .accent-deep-purple .form-item select:focus, .accent-deep-purple .form-item select.error:focus {
   border-color: #7c4dff; }
 .accent-deep-purple .form-item input[type="checkbox"]:checked:before, .accent-deep-purple .form-item input[type="radio"]:checked:before {
   color: #7c4dff; }
@@ -2119,7 +2157,7 @@
   background: #304ffe; }
 .accent-indigo .form-item .focused label {
   color: #536dfe; }
-.accent-indigo .form-item input[type="text"]:focus, .accent-indigo .form-item input[type="text"].error:focus, .accent-indigo .form-item input[type="email"]:focus, .accent-indigo .form-item input[type="email"].error:focus, .accent-indigo .form-item input[type="password"]:focus, .accent-indigo .form-item input[type="password"].error:focus, .accent-indigo .form-item textarea:focus, .accent-indigo .form-item textarea.error:focus, .accent-indigo .form-item select:focus, .accent-indigo .form-item select.error:focus {
+.accent-indigo .form-item input[type="text"]:focus, .accent-indigo .form-item input[type="text"].error:focus, .accent-indigo .form-item input[type="email"]:focus, .accent-indigo .form-item input[type="email"].error:focus, .accent-indigo .form-item input[type="password"]:focus, .accent-indigo .form-item input[type="password"].error:focus, .accent-indigo .form-item input[type="search"]:focus, .accent-indigo .form-item input[type="search"].error:focus, .accent-indigo .form-item textarea:focus, .accent-indigo .form-item textarea.error:focus, .accent-indigo .form-item select:focus, .accent-indigo .form-item select.error:focus {
   border-color: #536dfe; }
 .accent-indigo .form-item input[type="checkbox"]:checked:before, .accent-indigo .form-item input[type="radio"]:checked:before {
   color: #536dfe; }
@@ -2192,7 +2230,7 @@
   background: #2962ff; }
 .accent-blue .form-item .focused label {
   color: #448aff; }
-.accent-blue .form-item input[type="text"]:focus, .accent-blue .form-item input[type="text"].error:focus, .accent-blue .form-item input[type="email"]:focus, .accent-blue .form-item input[type="email"].error:focus, .accent-blue .form-item input[type="password"]:focus, .accent-blue .form-item input[type="password"].error:focus, .accent-blue .form-item textarea:focus, .accent-blue .form-item textarea.error:focus, .accent-blue .form-item select:focus, .accent-blue .form-item select.error:focus {
+.accent-blue .form-item input[type="text"]:focus, .accent-blue .form-item input[type="text"].error:focus, .accent-blue .form-item input[type="email"]:focus, .accent-blue .form-item input[type="email"].error:focus, .accent-blue .form-item input[type="password"]:focus, .accent-blue .form-item input[type="password"].error:focus, .accent-blue .form-item input[type="search"]:focus, .accent-blue .form-item input[type="search"].error:focus, .accent-blue .form-item textarea:focus, .accent-blue .form-item textarea.error:focus, .accent-blue .form-item select:focus, .accent-blue .form-item select.error:focus {
   border-color: #448aff; }
 .accent-blue .form-item input[type="checkbox"]:checked:before, .accent-blue .form-item input[type="radio"]:checked:before {
   color: #448aff; }
@@ -2265,7 +2303,7 @@
   background: #0091ea; }
 .accent-light-blue .form-item .focused label {
   color: #40c4ff; }
-.accent-light-blue .form-item input[type="text"]:focus, .accent-light-blue .form-item input[type="text"].error:focus, .accent-light-blue .form-item input[type="email"]:focus, .accent-light-blue .form-item input[type="email"].error:focus, .accent-light-blue .form-item input[type="password"]:focus, .accent-light-blue .form-item input[type="password"].error:focus, .accent-light-blue .form-item textarea:focus, .accent-light-blue .form-item textarea.error:focus, .accent-light-blue .form-item select:focus, .accent-light-blue .form-item select.error:focus {
+.accent-light-blue .form-item input[type="text"]:focus, .accent-light-blue .form-item input[type="text"].error:focus, .accent-light-blue .form-item input[type="email"]:focus, .accent-light-blue .form-item input[type="email"].error:focus, .accent-light-blue .form-item input[type="password"]:focus, .accent-light-blue .form-item input[type="password"].error:focus, .accent-light-blue .form-item input[type="search"]:focus, .accent-light-blue .form-item input[type="search"].error:focus, .accent-light-blue .form-item textarea:focus, .accent-light-blue .form-item textarea.error:focus, .accent-light-blue .form-item select:focus, .accent-light-blue .form-item select.error:focus {
   border-color: #40c4ff; }
 .accent-light-blue .form-item input[type="checkbox"]:checked:before, .accent-light-blue .form-item input[type="radio"]:checked:before {
   color: #40c4ff; }
@@ -2338,7 +2376,7 @@
   background: #00b8d4; }
 .accent-cyan .form-item .focused label {
   color: #18ffff; }
-.accent-cyan .form-item input[type="text"]:focus, .accent-cyan .form-item input[type="text"].error:focus, .accent-cyan .form-item input[type="email"]:focus, .accent-cyan .form-item input[type="email"].error:focus, .accent-cyan .form-item input[type="password"]:focus, .accent-cyan .form-item input[type="password"].error:focus, .accent-cyan .form-item textarea:focus, .accent-cyan .form-item textarea.error:focus, .accent-cyan .form-item select:focus, .accent-cyan .form-item select.error:focus {
+.accent-cyan .form-item input[type="text"]:focus, .accent-cyan .form-item input[type="text"].error:focus, .accent-cyan .form-item input[type="email"]:focus, .accent-cyan .form-item input[type="email"].error:focus, .accent-cyan .form-item input[type="password"]:focus, .accent-cyan .form-item input[type="password"].error:focus, .accent-cyan .form-item input[type="search"]:focus, .accent-cyan .form-item input[type="search"].error:focus, .accent-cyan .form-item textarea:focus, .accent-cyan .form-item textarea.error:focus, .accent-cyan .form-item select:focus, .accent-cyan .form-item select.error:focus {
   border-color: #18ffff; }
 .accent-cyan .form-item input[type="checkbox"]:checked:before, .accent-cyan .form-item input[type="radio"]:checked:before {
   color: #18ffff; }
@@ -2411,7 +2449,7 @@
   background: #00bfa5; }
 .accent-teal .form-item .focused label {
   color: #64ffda; }
-.accent-teal .form-item input[type="text"]:focus, .accent-teal .form-item input[type="text"].error:focus, .accent-teal .form-item input[type="email"]:focus, .accent-teal .form-item input[type="email"].error:focus, .accent-teal .form-item input[type="password"]:focus, .accent-teal .form-item input[type="password"].error:focus, .accent-teal .form-item textarea:focus, .accent-teal .form-item textarea.error:focus, .accent-teal .form-item select:focus, .accent-teal .form-item select.error:focus {
+.accent-teal .form-item input[type="text"]:focus, .accent-teal .form-item input[type="text"].error:focus, .accent-teal .form-item input[type="email"]:focus, .accent-teal .form-item input[type="email"].error:focus, .accent-teal .form-item input[type="password"]:focus, .accent-teal .form-item input[type="password"].error:focus, .accent-teal .form-item input[type="search"]:focus, .accent-teal .form-item input[type="search"].error:focus, .accent-teal .form-item textarea:focus, .accent-teal .form-item textarea.error:focus, .accent-teal .form-item select:focus, .accent-teal .form-item select.error:focus {
   border-color: #64ffda; }
 .accent-teal .form-item input[type="checkbox"]:checked:before, .accent-teal .form-item input[type="radio"]:checked:before {
   color: #64ffda; }
@@ -2484,7 +2522,7 @@
   background: #00c853; }
 .accent-green .form-item .focused label {
   color: #69f0ae; }
-.accent-green .form-item input[type="text"]:focus, .accent-green .form-item input[type="text"].error:focus, .accent-green .form-item input[type="email"]:focus, .accent-green .form-item input[type="email"].error:focus, .accent-green .form-item input[type="password"]:focus, .accent-green .form-item input[type="password"].error:focus, .accent-green .form-item textarea:focus, .accent-green .form-item textarea.error:focus, .accent-green .form-item select:focus, .accent-green .form-item select.error:focus {
+.accent-green .form-item input[type="text"]:focus, .accent-green .form-item input[type="text"].error:focus, .accent-green .form-item input[type="email"]:focus, .accent-green .form-item input[type="email"].error:focus, .accent-green .form-item input[type="password"]:focus, .accent-green .form-item input[type="password"].error:focus, .accent-green .form-item input[type="search"]:focus, .accent-green .form-item input[type="search"].error:focus, .accent-green .form-item textarea:focus, .accent-green .form-item textarea.error:focus, .accent-green .form-item select:focus, .accent-green .form-item select.error:focus {
   border-color: #69f0ae; }
 .accent-green .form-item input[type="checkbox"]:checked:before, .accent-green .form-item input[type="radio"]:checked:before {
   color: #69f0ae; }
@@ -2557,7 +2595,7 @@
   background: #64dd17; }
 .accent-light-green .form-item .focused label {
   color: #b2ff59; }
-.accent-light-green .form-item input[type="text"]:focus, .accent-light-green .form-item input[type="text"].error:focus, .accent-light-green .form-item input[type="email"]:focus, .accent-light-green .form-item input[type="email"].error:focus, .accent-light-green .form-item input[type="password"]:focus, .accent-light-green .form-item input[type="password"].error:focus, .accent-light-green .form-item textarea:focus, .accent-light-green .form-item textarea.error:focus, .accent-light-green .form-item select:focus, .accent-light-green .form-item select.error:focus {
+.accent-light-green .form-item input[type="text"]:focus, .accent-light-green .form-item input[type="text"].error:focus, .accent-light-green .form-item input[type="email"]:focus, .accent-light-green .form-item input[type="email"].error:focus, .accent-light-green .form-item input[type="password"]:focus, .accent-light-green .form-item input[type="password"].error:focus, .accent-light-green .form-item input[type="search"]:focus, .accent-light-green .form-item input[type="search"].error:focus, .accent-light-green .form-item textarea:focus, .accent-light-green .form-item textarea.error:focus, .accent-light-green .form-item select:focus, .accent-light-green .form-item select.error:focus {
   border-color: #b2ff59; }
 .accent-light-green .form-item input[type="checkbox"]:checked:before, .accent-light-green .form-item input[type="radio"]:checked:before {
   color: #b2ff59; }
@@ -2630,7 +2668,7 @@
   background: #aeea00; }
 .accent-lime .form-item .focused label {
   color: #eeff41; }
-.accent-lime .form-item input[type="text"]:focus, .accent-lime .form-item input[type="text"].error:focus, .accent-lime .form-item input[type="email"]:focus, .accent-lime .form-item input[type="email"].error:focus, .accent-lime .form-item input[type="password"]:focus, .accent-lime .form-item input[type="password"].error:focus, .accent-lime .form-item textarea:focus, .accent-lime .form-item textarea.error:focus, .accent-lime .form-item select:focus, .accent-lime .form-item select.error:focus {
+.accent-lime .form-item input[type="text"]:focus, .accent-lime .form-item input[type="text"].error:focus, .accent-lime .form-item input[type="email"]:focus, .accent-lime .form-item input[type="email"].error:focus, .accent-lime .form-item input[type="password"]:focus, .accent-lime .form-item input[type="password"].error:focus, .accent-lime .form-item input[type="search"]:focus, .accent-lime .form-item input[type="search"].error:focus, .accent-lime .form-item textarea:focus, .accent-lime .form-item textarea.error:focus, .accent-lime .form-item select:focus, .accent-lime .form-item select.error:focus {
   border-color: #eeff41; }
 .accent-lime .form-item input[type="checkbox"]:checked:before, .accent-lime .form-item input[type="radio"]:checked:before {
   color: #eeff41; }
@@ -2703,7 +2741,7 @@
   background: #ffd600; }
 .accent-yellow .form-item .focused label {
   color: #ffff00; }
-.accent-yellow .form-item input[type="text"]:focus, .accent-yellow .form-item input[type="text"].error:focus, .accent-yellow .form-item input[type="email"]:focus, .accent-yellow .form-item input[type="email"].error:focus, .accent-yellow .form-item input[type="password"]:focus, .accent-yellow .form-item input[type="password"].error:focus, .accent-yellow .form-item textarea:focus, .accent-yellow .form-item textarea.error:focus, .accent-yellow .form-item select:focus, .accent-yellow .form-item select.error:focus {
+.accent-yellow .form-item input[type="text"]:focus, .accent-yellow .form-item input[type="text"].error:focus, .accent-yellow .form-item input[type="email"]:focus, .accent-yellow .form-item input[type="email"].error:focus, .accent-yellow .form-item input[type="password"]:focus, .accent-yellow .form-item input[type="password"].error:focus, .accent-yellow .form-item input[type="search"]:focus, .accent-yellow .form-item input[type="search"].error:focus, .accent-yellow .form-item textarea:focus, .accent-yellow .form-item textarea.error:focus, .accent-yellow .form-item select:focus, .accent-yellow .form-item select.error:focus {
   border-color: #ffff00; }
 .accent-yellow .form-item input[type="checkbox"]:checked:before, .accent-yellow .form-item input[type="radio"]:checked:before {
   color: #ffff00; }
@@ -2776,7 +2814,7 @@
   background: #ffab00; }
 .accent-amber .form-item .focused label {
   color: #ffd740; }
-.accent-amber .form-item input[type="text"]:focus, .accent-amber .form-item input[type="text"].error:focus, .accent-amber .form-item input[type="email"]:focus, .accent-amber .form-item input[type="email"].error:focus, .accent-amber .form-item input[type="password"]:focus, .accent-amber .form-item input[type="password"].error:focus, .accent-amber .form-item textarea:focus, .accent-amber .form-item textarea.error:focus, .accent-amber .form-item select:focus, .accent-amber .form-item select.error:focus {
+.accent-amber .form-item input[type="text"]:focus, .accent-amber .form-item input[type="text"].error:focus, .accent-amber .form-item input[type="email"]:focus, .accent-amber .form-item input[type="email"].error:focus, .accent-amber .form-item input[type="password"]:focus, .accent-amber .form-item input[type="password"].error:focus, .accent-amber .form-item input[type="search"]:focus, .accent-amber .form-item input[type="search"].error:focus, .accent-amber .form-item textarea:focus, .accent-amber .form-item textarea.error:focus, .accent-amber .form-item select:focus, .accent-amber .form-item select.error:focus {
   border-color: #ffd740; }
 .accent-amber .form-item input[type="checkbox"]:checked:before, .accent-amber .form-item input[type="radio"]:checked:before {
   color: #ffd740; }
@@ -2849,7 +2887,7 @@
   background: #ff6d00; }
 .accent-orange .form-item .focused label {
   color: #ffab40; }
-.accent-orange .form-item input[type="text"]:focus, .accent-orange .form-item input[type="text"].error:focus, .accent-orange .form-item input[type="email"]:focus, .accent-orange .form-item input[type="email"].error:focus, .accent-orange .form-item input[type="password"]:focus, .accent-orange .form-item input[type="password"].error:focus, .accent-orange .form-item textarea:focus, .accent-orange .form-item textarea.error:focus, .accent-orange .form-item select:focus, .accent-orange .form-item select.error:focus {
+.accent-orange .form-item input[type="text"]:focus, .accent-orange .form-item input[type="text"].error:focus, .accent-orange .form-item input[type="email"]:focus, .accent-orange .form-item input[type="email"].error:focus, .accent-orange .form-item input[type="password"]:focus, .accent-orange .form-item input[type="password"].error:focus, .accent-orange .form-item input[type="search"]:focus, .accent-orange .form-item input[type="search"].error:focus, .accent-orange .form-item textarea:focus, .accent-orange .form-item textarea.error:focus, .accent-orange .form-item select:focus, .accent-orange .form-item select.error:focus {
   border-color: #ffab40; }
 .accent-orange .form-item input[type="checkbox"]:checked:before, .accent-orange .form-item input[type="radio"]:checked:before {
   color: #ffab40; }
@@ -2922,7 +2960,7 @@
   background: #dd2c00; }
 .accent-deep-orange .form-item .focused label {
   color: #ff6e40; }
-.accent-deep-orange .form-item input[type="text"]:focus, .accent-deep-orange .form-item input[type="text"].error:focus, .accent-deep-orange .form-item input[type="email"]:focus, .accent-deep-orange .form-item input[type="email"].error:focus, .accent-deep-orange .form-item input[type="password"]:focus, .accent-deep-orange .form-item input[type="password"].error:focus, .accent-deep-orange .form-item textarea:focus, .accent-deep-orange .form-item textarea.error:focus, .accent-deep-orange .form-item select:focus, .accent-deep-orange .form-item select.error:focus {
+.accent-deep-orange .form-item input[type="text"]:focus, .accent-deep-orange .form-item input[type="text"].error:focus, .accent-deep-orange .form-item input[type="email"]:focus, .accent-deep-orange .form-item input[type="email"].error:focus, .accent-deep-orange .form-item input[type="password"]:focus, .accent-deep-orange .form-item input[type="password"].error:focus, .accent-deep-orange .form-item input[type="search"]:focus, .accent-deep-orange .form-item input[type="search"].error:focus, .accent-deep-orange .form-item textarea:focus, .accent-deep-orange .form-item textarea.error:focus, .accent-deep-orange .form-item select:focus, .accent-deep-orange .form-item select.error:focus {
   border-color: #ff6e40; }
 .accent-deep-orange .form-item input[type="checkbox"]:checked:before, .accent-deep-orange .form-item input[type="radio"]:checked:before {
   color: #ff6e40; }
diff --git a/css/styles.css b/css/styles.css
index 823a39c..7e7fa02 100755
--- a/css/styles.css
+++ b/css/styles.css
@@ -63,7 +63,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
   display: table;
   clear: both; }
 
-.material-icons, .breadcrumb ol li:not(:last-child):after, .info:before, .important:before, .messages-status:before, .messages-warning:before, .messages-error:before, .form-item input[type="checkbox"]:before, .form-item input[type="radio"]:before, .form-item.form-type-select:after, .sidebar .menu .collapsed > a:after, .sidebar .menu .expanded > a:after, .collapsible-toggle:before, .pager .pager-item.item-first > a:before, .pager .pager-item.item-first > span:before, .pager .pager-item.item-previous > a:before, .pager .pager-item.item-previous > span:before, .pager .pager-item.item-ellipsis > a:before, .pager .pager-item.item-ellipsis > span:before, .pager .pager-item.item-next > a:before, .pager .pager-item.item-next > span:before, .pager .pager-item.item-last > a:before, .pager .pager-item.item-last > span:before {
+.material-icons, .breadcrumb ol li:not(:last-child):after, .info:before, .important:before, .messages-status:before, .messages-warning:before, .messages-error:before, .form-item input[type="checkbox"]:before, .form-item input[type="radio"]:before, .form-item.form-type-select:after, .navbar-account-menu .menu a:before, .sidebar .menu .collapsed > a:after, .sidebar .menu .expanded > a:after, .collapsible-toggle:before, .pager .pager-item.item-first > a:before, .pager .pager-item.item-first > span:before, .pager .pager-item.item-previous > a:before, .pager .pager-item.item-previous > span:before, .pager .pager-item.item-ellipsis > a:before, .pager .pager-item.item-ellipsis > span:before, .pager .pager-item.item-next > a:before, .pager .pager-item.item-next > span:before, .pager .pager-item.item-last > a:before, .pager .pager-item.item-last > span:before {
   font-family: 'Material Icons';
   font-weight: normal;
   font-style: normal;
@@ -185,7 +185,7 @@ p.icon-left, p.services-icon-left {
   p.icon-left:before, p.services-icon-left:before {
     margin-left: -36px; }
 
-p .material-icons, p .breadcrumb ol li:not(:last-child):after, .breadcrumb ol p li:not(:last-child):after, p .info:before, p .important:before, p .messages-status:before, p .messages-warning:before, p .messages-error:before, p .form-item input[type="checkbox"]:before, .form-item p input[type="checkbox"]:before, p .form-item input[type="radio"]:before, .form-item p input[type="radio"]:before, p .form-item.form-type-select:after, p .sidebar .menu .collapsed > a:after, .sidebar .menu p .collapsed > a:after, p .sidebar .menu .expanded > a:after, .sidebar .menu p .expanded > a:after, p .collapsible-toggle:before, p .pager .pager-item.item-first > a:before, .pager p .pager-item.item-first > a:before, p .pager .pager-item.item-first > span:before, .pager p .pager-item.item-first > span:before, p .pager .pager-item.item-previous > a:before, .pager p .pager-item.item-previous > a:before, p .pager .pager-item.item-previous > span:before, .pager p .pager-item.item-previous > span:before, p .pager .pager-item.item-ellipsis > a:before, .pager p .pager-item.item-ellipsis > a:before, p .pager .pager-item.item-ellipsis > span:before, .pager p .pager-item.item-ellipsis > span:before, p .pager .pager-item.item-next > a:before, .pager p .pager-item.item-next > a:before, p .pager .pager-item.item-next > span:before, .pager p .pager-item.item-next > span:before, p .pager .pager-item.item-last > a:before, .pager p .pager-item.item-last > a:before, p .pager .pager-item.item-last > span:before, .pager p .pager-item.item-last > span:before, p .services-icons,
+p .material-icons, p .breadcrumb ol li:not(:last-child):after, .breadcrumb ol p li:not(:last-child):after, p .info:before, p .important:before, p .messages-status:before, p .messages-warning:before, p .messages-error:before, p .form-item input[type="checkbox"]:before, .form-item p input[type="checkbox"]:before, p .form-item input[type="radio"]:before, .form-item p input[type="radio"]:before, p .form-item.form-type-select:after, p .navbar-account-menu .menu a:before, .navbar-account-menu .menu p a:before, p .sidebar .menu .collapsed > a:after, .sidebar .menu p .collapsed > a:after, p .sidebar .menu .expanded > a:after, .sidebar .menu p .expanded > a:after, p .collapsible-toggle:before, p .pager .pager-item.item-first > a:before, .pager p .pager-item.item-first > a:before, p .pager .pager-item.item-first > span:before, .pager p .pager-item.item-first > span:before, p .pager .pager-item.item-previous > a:before, .pager p .pager-item.item-previous > a:before, p .pager .pager-item.item-previous > span:before, .pager p .pager-item.item-previous > span:before, p .pager .pager-item.item-ellipsis > a:before, .pager p .pager-item.item-ellipsis > a:before, p .pager .pager-item.item-ellipsis > span:before, .pager p .pager-item.item-ellipsis > span:before, p .pager .pager-item.item-next > a:before, .pager p .pager-item.item-next > a:before, p .pager .pager-item.item-next > span:before, .pager p .pager-item.item-next > span:before, p .pager .pager-item.item-last > a:before, .pager p .pager-item.item-last > a:before, p .pager .pager-item.item-last > span:before, .pager p .pager-item.item-last > span:before, p .services-icons,
 ul:not(.menu) li .material-icons,
 ul:not(.menu) li .breadcrumb ol li:not(:last-child):after,
 .breadcrumb ol ul:not(.menu) li li:not(:last-child):after,
@@ -199,6 +199,8 @@ ul:not(.menu) li .form-item input[type="checkbox"]:before,
 ul:not(.menu) li .form-item input[type="radio"]:before,
 .form-item ul:not(.menu) li input[type="radio"]:before,
 ul:not(.menu) li .form-item.form-type-select:after,
+ul:not(.menu) li .navbar-account-menu .menu a:before,
+.navbar-account-menu .menu ul:not(.menu) li a:before,
 ul:not(.menu) li .sidebar .menu .collapsed > a:after,
 .sidebar .menu ul:not(.menu) li .collapsed > a:after,
 ul:not(.menu) li .sidebar .menu .expanded > a:after,
@@ -264,6 +266,12 @@ ul:not(.menu) li .services-icons,
 .btn .form-item.form-type-select:after,
 .pager .pager-item > a .form-item.form-type-select:after,
 .pager .pager-item > span .form-item.form-type-select:after,
+.btn .navbar-account-menu .menu a:before,
+.navbar-account-menu .menu .btn a:before,
+.pager .pager-item > a .navbar-account-menu .menu a:before,
+.navbar-account-menu .menu .pager .pager-item > a a:before,
+.pager .pager-item > span .navbar-account-menu .menu a:before,
+.navbar-account-menu .menu .pager .pager-item > span a:before,
 .btn .sidebar .menu .collapsed > a:after,
 .sidebar .menu .btn .collapsed > a:after,
 .pager .pager-item > a .sidebar .menu .collapsed > a:after,
@@ -529,7 +537,7 @@ pre {
 .z-level-0, .navbar-transparent #navbar, .navbar-transparent.navbar-fixed .navbar-shadow, .footer-transparent #footer, .card .table-card, .content-card .card-holder .table-card, .card-grid .card, .card-grid .content-card .card-holder, .content-card .card-grid .card-holder {
   box-shadow: none; }
 
-.z-level-1, #header, .navbar-fixed .navbar-shadow, .btn-raised, .btn.btn-raised, .pager .pager-item > a.btn-raised, .pager .pager-item > span.btn-raised, .table-card, .table-card.table-bordered, .block-search.search-persistent form .form-item.focused, .ui-autocomplete, .card, .content-card .card-holder {
+.z-level-1, #header, .navbar-fixed .navbar-shadow, .btn-raised, .btn.btn-raised, .pager .pager-item > a.btn-raised, .pager .pager-item > span.btn-raised, .table-card, .table-card.table-bordered, .block-search.search-persistent form .form-item.focused, .ui-autocomplete.ui-widget.ui-widget-content, .card, .content-card .card-holder {
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
 
 .z-level-2, #footer, .btn-raised:active, .btn.btn-raised:active, .pager .pager-item > a.btn-raised:active, .pager .pager-item > span.btn-raised:active, .fab, .menu-dropdown {
@@ -697,7 +705,7 @@ pre {
   border-color: #FFF; }
 
 #footer {
-  min-height: 64px;
+  min-height: 48px;
   background: #f5f5f5;
   font-size: 14px; }
 
@@ -733,6 +741,9 @@ pre {
   #navbar {
     padding: 8px 12px; }
 
+  #footer {
+    min-height: 64px; }
+
   #footer-content {
     padding: 8px 12px;
     text-align: center; }
@@ -956,7 +967,7 @@ pre {
 .btn-raised.btn-accent:active, .pager .pager-item > a.btn-raised:active, .pager .pager-item > span.btn-raised:active, .btn.btn-raised.btn-accent:active, .pager .pager-item > a.btn-raised:active, .pager .pager-item > span.btn-raised:active {
   background: #0091ea; }
 
-.btn.icon-left:before, .pager .pager-item > a.icon-left:before, .pager .pager-item > span.icon-left:before, .btn.icon-right:after, .pager .pager-item > a.icon-right:after, .pager .pager-item > span.icon-right:after, .btn .material-icons, .pager .pager-item > a .material-icons, .pager .pager-item > span .material-icons, .btn .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .btn li:not(:last-child):after, .pager .pager-item > a .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > a li:not(:last-child):after, .pager .pager-item > span .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > span li:not(:last-child):after, .btn .info:before, .pager .pager-item > a .info:before, .pager .pager-item > span .info:before, .btn .important:before, .pager .pager-item > a .important:before, .pager .pager-item > span .important:before, .btn .messages-status:before, .pager .pager-item > a .messages-status:before, .pager .pager-item > span .messages-status:before, .btn .messages-warning:before, .pager .pager-item > a .messages-warning:before, .pager .pager-item > span .messages-warning:before, .btn .messages-error:before, .pager .pager-item > a .messages-error:before, .pager .pager-item > span .messages-error:before, .btn .form-item input[type="checkbox"]:before, .form-item .btn input[type="checkbox"]:before, .pager .pager-item > a .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > a input[type="checkbox"]:before, .pager .pager-item > span .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > span input[type="checkbox"]:before, .btn .form-item input[type="radio"]:before, .form-item .btn input[type="radio"]:before, .pager .pager-item > a .form-item input[type="radio"]:before, .form-item .pager .pager-item > a input[type="radio"]:before, .pager .pager-item > span .form-item input[type="radio"]:before, .form-item .pager .pager-item > span input[type="radio"]:before, .btn .form-item.form-type-select:after, .pager .pager-item > a .form-item.form-type-select:after, .pager .pager-item > span .form-item.form-type-select:after, .btn .sidebar .menu .collapsed > a:after, .sidebar .menu .btn .collapsed > a:after, .pager .pager-item > a .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > a .collapsed > a:after, .pager .pager-item > span .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > span .collapsed > a:after, .btn .sidebar .menu .expanded > a:after, .sidebar .menu .btn .expanded > a:after, .pager .pager-item > a .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > a .expanded > a:after, .pager .pager-item > span .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > span .expanded > a:after, .btn .collapsible-toggle:before, .pager .pager-item > a .collapsible-toggle:before, .pager .pager-item > span .collapsible-toggle:before, .btn .pager .pager-item.item-first > a:before, .pager .btn .pager-item.item-first > a:before, .pager .pager-item > a .pager-item.item-first > a:before, .pager .pager-item > span .pager-item.item-first > a:before, .btn .pager .pager-item.item-first > span:before, .pager .btn .pager-item.item-first > span:before, .pager .pager-item > a .pager-item.item-first > span:before, .pager .pager-item > span .pager-item.item-first > span:before, .btn .pager .pager-item.item-previous > a:before, .pager .btn .pager-item.item-previous > a:before, .pager .pager-item > a .pager-item.item-previous > a:before, .pager .pager-item > span .pager-item.item-previous > a:before, .btn .pager .pager-item.item-previous > span:before, .pager .btn .pager-item.item-previous > span:before, .pager .pager-item > a .pager-item.item-previous > span:before, .pager .pager-item > span .pager-item.item-previous > span:before, .btn .pager .pager-item.item-ellipsis > a:before, .pager .btn .pager-item.item-ellipsis > a:before, .pager .pager-item > a .pager-item.item-ellipsis > a:before, .pager .pager-item > span .pager-item.item-ellipsis > a:before, .btn .pager .pager-item.item-ellipsis > span:before, .pager .btn .pager-item.item-ellipsis > span:before, .pager .pager-item > a .pager-item.item-ellipsis > span:before, .pager .pager-item > span .pager-item.item-ellipsis > span:before, .btn .pager .pager-item.item-next > a:before, .pager .btn .pager-item.item-next > a:before, .pager .pager-item > a .pager-item.item-next > a:before, .pager .pager-item > span .pager-item.item-next > a:before, .btn .pager .pager-item.item-next > span:before, .pager .btn .pager-item.item-next > span:before, .pager .pager-item > a .pager-item.item-next > span:before, .pager .pager-item > span .pager-item.item-next > span:before, .btn .pager .pager-item.item-last > a:before, .pager .btn .pager-item.item-last > a:before, .pager .pager-item > a .pager-item.item-last > a:before, .pager .pager-item > span .pager-item.item-last > a:before, .btn .pager .pager-item.item-last > span:before, .pager .btn .pager-item.item-last > span:before, .pager .pager-item > a .pager-item.item-last > span:before, .pager .pager-item > span .pager-item.item-last > span:before {
+.btn.icon-left:before, .pager .pager-item > a.icon-left:before, .pager .pager-item > span.icon-left:before, .btn.icon-right:after, .pager .pager-item > a.icon-right:after, .pager .pager-item > span.icon-right:after, .btn .material-icons, .pager .pager-item > a .material-icons, .pager .pager-item > span .material-icons, .btn .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .btn li:not(:last-child):after, .pager .pager-item > a .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > a li:not(:last-child):after, .pager .pager-item > span .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > span li:not(:last-child):after, .btn .info:before, .pager .pager-item > a .info:before, .pager .pager-item > span .info:before, .btn .important:before, .pager .pager-item > a .important:before, .pager .pager-item > span .important:before, .btn .messages-status:before, .pager .pager-item > a .messages-status:before, .pager .pager-item > span .messages-status:before, .btn .messages-warning:before, .pager .pager-item > a .messages-warning:before, .pager .pager-item > span .messages-warning:before, .btn .messages-error:before, .pager .pager-item > a .messages-error:before, .pager .pager-item > span .messages-error:before, .btn .form-item input[type="checkbox"]:before, .form-item .btn input[type="checkbox"]:before, .pager .pager-item > a .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > a input[type="checkbox"]:before, .pager .pager-item > span .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > span input[type="checkbox"]:before, .btn .form-item input[type="radio"]:before, .form-item .btn input[type="radio"]:before, .pager .pager-item > a .form-item input[type="radio"]:before, .form-item .pager .pager-item > a input[type="radio"]:before, .pager .pager-item > span .form-item input[type="radio"]:before, .form-item .pager .pager-item > span input[type="radio"]:before, .btn .form-item.form-type-select:after, .pager .pager-item > a .form-item.form-type-select:after, .pager .pager-item > span .form-item.form-type-select:after, .btn .navbar-account-menu .menu a:before, .navbar-account-menu .menu .btn a:before, .pager .pager-item > a .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > a a:before, .pager .pager-item > span .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > span a:before, .btn .sidebar .menu .collapsed > a:after, .sidebar .menu .btn .collapsed > a:after, .pager .pager-item > a .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > a .collapsed > a:after, .pager .pager-item > span .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > span .collapsed > a:after, .btn .sidebar .menu .expanded > a:after, .sidebar .menu .btn .expanded > a:after, .pager .pager-item > a .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > a .expanded > a:after, .pager .pager-item > span .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > span .expanded > a:after, .btn .collapsible-toggle:before, .pager .pager-item > a .collapsible-toggle:before, .pager .pager-item > span .collapsible-toggle:before, .btn .pager .pager-item.item-first > a:before, .pager .btn .pager-item.item-first > a:before, .pager .pager-item > a .pager-item.item-first > a:before, .pager .pager-item > span .pager-item.item-first > a:before, .btn .pager .pager-item.item-first > span:before, .pager .btn .pager-item.item-first > span:before, .pager .pager-item > a .pager-item.item-first > span:before, .pager .pager-item > span .pager-item.item-first > span:before, .btn .pager .pager-item.item-previous > a:before, .pager .btn .pager-item.item-previous > a:before, .pager .pager-item > a .pager-item.item-previous > a:before, .pager .pager-item > span .pager-item.item-previous > a:before, .btn .pager .pager-item.item-previous > span:before, .pager .btn .pager-item.item-previous > span:before, .pager .pager-item > a .pager-item.item-previous > span:before, .pager .pager-item > span .pager-item.item-previous > span:before, .btn .pager .pager-item.item-ellipsis > a:before, .pager .btn .pager-item.item-ellipsis > a:before, .pager .pager-item > a .pager-item.item-ellipsis > a:before, .pager .pager-item > span .pager-item.item-ellipsis > a:before, .btn .pager .pager-item.item-ellipsis > span:before, .pager .btn .pager-item.item-ellipsis > span:before, .pager .pager-item > a .pager-item.item-ellipsis > span:before, .pager .pager-item > span .pager-item.item-ellipsis > span:before, .btn .pager .pager-item.item-next > a:before, .pager .btn .pager-item.item-next > a:before, .pager .pager-item > a .pager-item.item-next > a:before, .pager .pager-item > span .pager-item.item-next > a:before, .btn .pager .pager-item.item-next > span:before, .pager .btn .pager-item.item-next > span:before, .pager .pager-item > a .pager-item.item-next > span:before, .pager .pager-item > span .pager-item.item-next > span:before, .btn .pager .pager-item.item-last > a:before, .pager .btn .pager-item.item-last > a:before, .pager .pager-item > a .pager-item.item-last > a:before, .pager .pager-item > span .pager-item.item-last > a:before, .btn .pager .pager-item.item-last > span:before, .pager .btn .pager-item.item-last > span:before, .pager .pager-item > a .pager-item.item-last > span:before, .pager .pager-item > span .pager-item.item-last > span:before {
   margin-top: -2px;
   margin-bottom: -2px; }
 
@@ -964,13 +975,13 @@ pre {
   margin-top: -2px;
   margin-bottom: -1px; }
 
-.btn.icon-left:before, .pager .pager-item > a.icon-left:before, .pager .pager-item > span.icon-left:before, .btn .material-icons, .pager .pager-item > a .material-icons, .pager .pager-item > span .material-icons, .btn .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .btn li:not(:last-child):after, .pager .pager-item > a .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > a li:not(:last-child):after, .pager .pager-item > span .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > span li:not(:last-child):after, .btn .info:before, .pager .pager-item > a .info:before, .pager .pager-item > span .info:before, .btn .important:before, .pager .pager-item > a .important:before, .pager .pager-item > span .important:before, .btn .messages-status:before, .pager .pager-item > a .messages-status:before, .pager .pager-item > span .messages-status:before, .btn .messages-warning:before, .pager .pager-item > a .messages-warning:before, .pager .pager-item > span .messages-warning:before, .btn .messages-error:before, .pager .pager-item > a .messages-error:before, .pager .pager-item > span .messages-error:before, .btn .form-item input[type="checkbox"]:before, .form-item .btn input[type="checkbox"]:before, .pager .pager-item > a .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > a input[type="checkbox"]:before, .pager .pager-item > span .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > span input[type="checkbox"]:before, .btn .form-item input[type="radio"]:before, .form-item .btn input[type="radio"]:before, .pager .pager-item > a .form-item input[type="radio"]:before, .form-item .pager .pager-item > a input[type="radio"]:before, .pager .pager-item > span .form-item input[type="radio"]:before, .form-item .pager .pager-item > span input[type="radio"]:before, .btn .form-item.form-type-select:after, .pager .pager-item > a .form-item.form-type-select:after, .pager .pager-item > span .form-item.form-type-select:after, .btn .sidebar .menu .collapsed > a:after, .sidebar .menu .btn .collapsed > a:after, .pager .pager-item > a .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > a .collapsed > a:after, .pager .pager-item > span .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > span .collapsed > a:after, .btn .sidebar .menu .expanded > a:after, .sidebar .menu .btn .expanded > a:after, .pager .pager-item > a .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > a .expanded > a:after, .pager .pager-item > span .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > span .expanded > a:after, .btn .collapsible-toggle:before, .pager .pager-item > a .collapsible-toggle:before, .pager .pager-item > span .collapsible-toggle:before, .btn .pager .pager-item.item-first > a:before, .pager .btn .pager-item.item-first > a:before, .pager .pager-item > a .pager-item.item-first > a:before, .pager .pager-item > span .pager-item.item-first > a:before, .btn .pager .pager-item.item-first > span:before, .pager .btn .pager-item.item-first > span:before, .pager .pager-item > a .pager-item.item-first > span:before, .pager .pager-item > span .pager-item.item-first > span:before, .btn .pager .pager-item.item-previous > a:before, .pager .btn .pager-item.item-previous > a:before, .pager .pager-item > a .pager-item.item-previous > a:before, .pager .pager-item > span .pager-item.item-previous > a:before, .btn .pager .pager-item.item-previous > span:before, .pager .btn .pager-item.item-previous > span:before, .pager .pager-item > a .pager-item.item-previous > span:before, .pager .pager-item > span .pager-item.item-previous > span:before, .btn .pager .pager-item.item-ellipsis > a:before, .pager .btn .pager-item.item-ellipsis > a:before, .pager .pager-item > a .pager-item.item-ellipsis > a:before, .pager .pager-item > span .pager-item.item-ellipsis > a:before, .btn .pager .pager-item.item-ellipsis > span:before, .pager .btn .pager-item.item-ellipsis > span:before, .pager .pager-item > a .pager-item.item-ellipsis > span:before, .pager .pager-item > span .pager-item.item-ellipsis > span:before, .btn .pager .pager-item.item-next > a:before, .pager .btn .pager-item.item-next > a:before, .pager .pager-item > a .pager-item.item-next > a:before, .pager .pager-item > span .pager-item.item-next > a:before, .btn .pager .pager-item.item-next > span:before, .pager .btn .pager-item.item-next > span:before, .pager .pager-item > a .pager-item.item-next > span:before, .pager .pager-item > span .pager-item.item-next > span:before, .btn .pager .pager-item.item-last > a:before, .pager .btn .pager-item.item-last > a:before, .pager .pager-item > a .pager-item.item-last > a:before, .pager .pager-item > span .pager-item.item-last > a:before, .btn .pager .pager-item.item-last > span:before, .pager .btn .pager-item.item-last > span:before, .pager .pager-item > a .pager-item.item-last > span:before, .pager .pager-item > span .pager-item.item-last > span:before,
+.btn.icon-left:before, .pager .pager-item > a.icon-left:before, .pager .pager-item > span.icon-left:before, .btn .material-icons, .pager .pager-item > a .material-icons, .pager .pager-item > span .material-icons, .btn .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .btn li:not(:last-child):after, .pager .pager-item > a .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > a li:not(:last-child):after, .pager .pager-item > span .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > span li:not(:last-child):after, .btn .info:before, .pager .pager-item > a .info:before, .pager .pager-item > span .info:before, .btn .important:before, .pager .pager-item > a .important:before, .pager .pager-item > span .important:before, .btn .messages-status:before, .pager .pager-item > a .messages-status:before, .pager .pager-item > span .messages-status:before, .btn .messages-warning:before, .pager .pager-item > a .messages-warning:before, .pager .pager-item > span .messages-warning:before, .btn .messages-error:before, .pager .pager-item > a .messages-error:before, .pager .pager-item > span .messages-error:before, .btn .form-item input[type="checkbox"]:before, .form-item .btn input[type="checkbox"]:before, .pager .pager-item > a .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > a input[type="checkbox"]:before, .pager .pager-item > span .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > span input[type="checkbox"]:before, .btn .form-item input[type="radio"]:before, .form-item .btn input[type="radio"]:before, .pager .pager-item > a .form-item input[type="radio"]:before, .form-item .pager .pager-item > a input[type="radio"]:before, .pager .pager-item > span .form-item input[type="radio"]:before, .form-item .pager .pager-item > span input[type="radio"]:before, .btn .form-item.form-type-select:after, .pager .pager-item > a .form-item.form-type-select:after, .pager .pager-item > span .form-item.form-type-select:after, .btn .navbar-account-menu .menu a:before, .navbar-account-menu .menu .btn a:before, .pager .pager-item > a .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > a a:before, .pager .pager-item > span .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > span a:before, .btn .sidebar .menu .collapsed > a:after, .sidebar .menu .btn .collapsed > a:after, .pager .pager-item > a .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > a .collapsed > a:after, .pager .pager-item > span .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > span .collapsed > a:after, .btn .sidebar .menu .expanded > a:after, .sidebar .menu .btn .expanded > a:after, .pager .pager-item > a .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > a .expanded > a:after, .pager .pager-item > span .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > span .expanded > a:after, .btn .collapsible-toggle:before, .pager .pager-item > a .collapsible-toggle:before, .pager .pager-item > span .collapsible-toggle:before, .btn .pager .pager-item.item-first > a:before, .pager .btn .pager-item.item-first > a:before, .pager .pager-item > a .pager-item.item-first > a:before, .pager .pager-item > span .pager-item.item-first > a:before, .btn .pager .pager-item.item-first > span:before, .pager .btn .pager-item.item-first > span:before, .pager .pager-item > a .pager-item.item-first > span:before, .pager .pager-item > span .pager-item.item-first > span:before, .btn .pager .pager-item.item-previous > a:before, .pager .btn .pager-item.item-previous > a:before, .pager .pager-item > a .pager-item.item-previous > a:before, .pager .pager-item > span .pager-item.item-previous > a:before, .btn .pager .pager-item.item-previous > span:before, .pager .btn .pager-item.item-previous > span:before, .pager .pager-item > a .pager-item.item-previous > span:before, .pager .pager-item > span .pager-item.item-previous > span:before, .btn .pager .pager-item.item-ellipsis > a:before, .pager .btn .pager-item.item-ellipsis > a:before, .pager .pager-item > a .pager-item.item-ellipsis > a:before, .pager .pager-item > span .pager-item.item-ellipsis > a:before, .btn .pager .pager-item.item-ellipsis > span:before, .pager .btn .pager-item.item-ellipsis > span:before, .pager .pager-item > a .pager-item.item-ellipsis > span:before, .pager .pager-item > span .pager-item.item-ellipsis > span:before, .btn .pager .pager-item.item-next > a:before, .pager .btn .pager-item.item-next > a:before, .pager .pager-item > a .pager-item.item-next > a:before, .pager .pager-item > span .pager-item.item-next > a:before, .btn .pager .pager-item.item-next > span:before, .pager .btn .pager-item.item-next > span:before, .pager .pager-item > a .pager-item.item-next > span:before, .pager .pager-item > span .pager-item.item-next > span:before, .btn .pager .pager-item.item-last > a:before, .pager .btn .pager-item.item-last > a:before, .pager .pager-item > a .pager-item.item-last > a:before, .pager .pager-item > span .pager-item.item-last > a:before, .btn .pager .pager-item.item-last > span:before, .pager .btn .pager-item.item-last > span:before, .pager .pager-item > a .pager-item.item-last > span:before, .pager .pager-item > span .pager-item.item-last > span:before,
 .btn.services-icon-left:before,
 .pager .pager-item > a.services-icon-left:before,
 .pager .pager-item > span.services-icon-left:before, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons {
   margin-left: -2px; }
 
-.btn.icon-right:after, .pager .pager-item > a.icon-right:after, .pager .pager-item > span.icon-right:after, .btn .material-icons, .pager .pager-item > a .material-icons, .pager .pager-item > span .material-icons, .btn .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .btn li:not(:last-child):after, .pager .pager-item > a .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > a li:not(:last-child):after, .pager .pager-item > span .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > span li:not(:last-child):after, .btn .info:before, .pager .pager-item > a .info:before, .pager .pager-item > span .info:before, .btn .important:before, .pager .pager-item > a .important:before, .pager .pager-item > span .important:before, .btn .messages-status:before, .pager .pager-item > a .messages-status:before, .pager .pager-item > span .messages-status:before, .btn .messages-warning:before, .pager .pager-item > a .messages-warning:before, .pager .pager-item > span .messages-warning:before, .btn .messages-error:before, .pager .pager-item > a .messages-error:before, .pager .pager-item > span .messages-error:before, .btn .form-item input[type="checkbox"]:before, .form-item .btn input[type="checkbox"]:before, .pager .pager-item > a .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > a input[type="checkbox"]:before, .pager .pager-item > span .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > span input[type="checkbox"]:before, .btn .form-item input[type="radio"]:before, .form-item .btn input[type="radio"]:before, .pager .pager-item > a .form-item input[type="radio"]:before, .form-item .pager .pager-item > a input[type="radio"]:before, .pager .pager-item > span .form-item input[type="radio"]:before, .form-item .pager .pager-item > span input[type="radio"]:before, .btn .form-item.form-type-select:after, .pager .pager-item > a .form-item.form-type-select:after, .pager .pager-item > span .form-item.form-type-select:after, .btn .sidebar .menu .collapsed > a:after, .sidebar .menu .btn .collapsed > a:after, .pager .pager-item > a .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > a .collapsed > a:after, .pager .pager-item > span .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > span .collapsed > a:after, .btn .sidebar .menu .expanded > a:after, .sidebar .menu .btn .expanded > a:after, .pager .pager-item > a .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > a .expanded > a:after, .pager .pager-item > span .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > span .expanded > a:after, .btn .collapsible-toggle:before, .pager .pager-item > a .collapsible-toggle:before, .pager .pager-item > span .collapsible-toggle:before, .btn .pager .pager-item.item-first > a:before, .pager .btn .pager-item.item-first > a:before, .pager .pager-item > a .pager-item.item-first > a:before, .pager .pager-item > span .pager-item.item-first > a:before, .btn .pager .pager-item.item-first > span:before, .pager .btn .pager-item.item-first > span:before, .pager .pager-item > a .pager-item.item-first > span:before, .pager .pager-item > span .pager-item.item-first > span:before, .btn .pager .pager-item.item-previous > a:before, .pager .btn .pager-item.item-previous > a:before, .pager .pager-item > a .pager-item.item-previous > a:before, .pager .pager-item > span .pager-item.item-previous > a:before, .btn .pager .pager-item.item-previous > span:before, .pager .btn .pager-item.item-previous > span:before, .pager .pager-item > a .pager-item.item-previous > span:before, .pager .pager-item > span .pager-item.item-previous > span:before, .btn .pager .pager-item.item-ellipsis > a:before, .pager .btn .pager-item.item-ellipsis > a:before, .pager .pager-item > a .pager-item.item-ellipsis > a:before, .pager .pager-item > span .pager-item.item-ellipsis > a:before, .btn .pager .pager-item.item-ellipsis > span:before, .pager .btn .pager-item.item-ellipsis > span:before, .pager .pager-item > a .pager-item.item-ellipsis > span:before, .pager .pager-item > span .pager-item.item-ellipsis > span:before, .btn .pager .pager-item.item-next > a:before, .pager .btn .pager-item.item-next > a:before, .pager .pager-item > a .pager-item.item-next > a:before, .pager .pager-item > span .pager-item.item-next > a:before, .btn .pager .pager-item.item-next > span:before, .pager .btn .pager-item.item-next > span:before, .pager .pager-item > a .pager-item.item-next > span:before, .pager .pager-item > span .pager-item.item-next > span:before, .btn .pager .pager-item.item-last > a:before, .pager .btn .pager-item.item-last > a:before, .pager .pager-item > a .pager-item.item-last > a:before, .pager .pager-item > span .pager-item.item-last > a:before, .btn .pager .pager-item.item-last > span:before, .pager .btn .pager-item.item-last > span:before, .pager .pager-item > a .pager-item.item-last > span:before, .pager .pager-item > span .pager-item.item-last > span:before,
+.btn.icon-right:after, .pager .pager-item > a.icon-right:after, .pager .pager-item > span.icon-right:after, .btn .material-icons, .pager .pager-item > a .material-icons, .pager .pager-item > span .material-icons, .btn .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .btn li:not(:last-child):after, .pager .pager-item > a .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > a li:not(:last-child):after, .pager .pager-item > span .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > span li:not(:last-child):after, .btn .info:before, .pager .pager-item > a .info:before, .pager .pager-item > span .info:before, .btn .important:before, .pager .pager-item > a .important:before, .pager .pager-item > span .important:before, .btn .messages-status:before, .pager .pager-item > a .messages-status:before, .pager .pager-item > span .messages-status:before, .btn .messages-warning:before, .pager .pager-item > a .messages-warning:before, .pager .pager-item > span .messages-warning:before, .btn .messages-error:before, .pager .pager-item > a .messages-error:before, .pager .pager-item > span .messages-error:before, .btn .form-item input[type="checkbox"]:before, .form-item .btn input[type="checkbox"]:before, .pager .pager-item > a .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > a input[type="checkbox"]:before, .pager .pager-item > span .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > span input[type="checkbox"]:before, .btn .form-item input[type="radio"]:before, .form-item .btn input[type="radio"]:before, .pager .pager-item > a .form-item input[type="radio"]:before, .form-item .pager .pager-item > a input[type="radio"]:before, .pager .pager-item > span .form-item input[type="radio"]:before, .form-item .pager .pager-item > span input[type="radio"]:before, .btn .form-item.form-type-select:after, .pager .pager-item > a .form-item.form-type-select:after, .pager .pager-item > span .form-item.form-type-select:after, .btn .navbar-account-menu .menu a:before, .navbar-account-menu .menu .btn a:before, .pager .pager-item > a .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > a a:before, .pager .pager-item > span .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > span a:before, .btn .sidebar .menu .collapsed > a:after, .sidebar .menu .btn .collapsed > a:after, .pager .pager-item > a .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > a .collapsed > a:after, .pager .pager-item > span .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > span .collapsed > a:after, .btn .sidebar .menu .expanded > a:after, .sidebar .menu .btn .expanded > a:after, .pager .pager-item > a .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > a .expanded > a:after, .pager .pager-item > span .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > span .expanded > a:after, .btn .collapsible-toggle:before, .pager .pager-item > a .collapsible-toggle:before, .pager .pager-item > span .collapsible-toggle:before, .btn .pager .pager-item.item-first > a:before, .pager .btn .pager-item.item-first > a:before, .pager .pager-item > a .pager-item.item-first > a:before, .pager .pager-item > span .pager-item.item-first > a:before, .btn .pager .pager-item.item-first > span:before, .pager .btn .pager-item.item-first > span:before, .pager .pager-item > a .pager-item.item-first > span:before, .pager .pager-item > span .pager-item.item-first > span:before, .btn .pager .pager-item.item-previous > a:before, .pager .btn .pager-item.item-previous > a:before, .pager .pager-item > a .pager-item.item-previous > a:before, .pager .pager-item > span .pager-item.item-previous > a:before, .btn .pager .pager-item.item-previous > span:before, .pager .btn .pager-item.item-previous > span:before, .pager .pager-item > a .pager-item.item-previous > span:before, .pager .pager-item > span .pager-item.item-previous > span:before, .btn .pager .pager-item.item-ellipsis > a:before, .pager .btn .pager-item.item-ellipsis > a:before, .pager .pager-item > a .pager-item.item-ellipsis > a:before, .pager .pager-item > span .pager-item.item-ellipsis > a:before, .btn .pager .pager-item.item-ellipsis > span:before, .pager .btn .pager-item.item-ellipsis > span:before, .pager .pager-item > a .pager-item.item-ellipsis > span:before, .pager .pager-item > span .pager-item.item-ellipsis > span:before, .btn .pager .pager-item.item-next > a:before, .pager .btn .pager-item.item-next > a:before, .pager .pager-item > a .pager-item.item-next > a:before, .pager .pager-item > span .pager-item.item-next > a:before, .btn .pager .pager-item.item-next > span:before, .pager .btn .pager-item.item-next > span:before, .pager .pager-item > a .pager-item.item-next > span:before, .pager .pager-item > span .pager-item.item-next > span:before, .btn .pager .pager-item.item-last > a:before, .pager .btn .pager-item.item-last > a:before, .pager .pager-item > a .pager-item.item-last > a:before, .pager .pager-item > span .pager-item.item-last > a:before, .btn .pager .pager-item.item-last > span:before, .pager .btn .pager-item.item-last > span:before, .pager .pager-item > a .pager-item.item-last > span:before, .pager .pager-item > span .pager-item.item-last > span:before,
 .btn.services-icon-right:after,
 .pager .pager-item > a.services-icon-right:after,
 .pager .pager-item > span.services-icon-right:after, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons {
@@ -1201,25 +1212,25 @@ tr.selected:hover {
     color: rgba(0, 0, 0, 0.87);
     font-family: "Roboto", sans-serif;
     font-size: 16px; }
-  .form-item input[type="text"], .form-item input[type="email"], .form-item input[type="password"], .form-item textarea, .form-item select {
+  .form-item input[type="text"], .form-item input[type="email"], .form-item input[type="password"], .form-item input[type="search"], .form-item textarea, .form-item select {
     display: block;
     width: 100%;
     max-width: 460px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.12);
     padding: 8px 0; }
-    .form-item input[type="text"]:focus, .form-item input[type="text"].error:focus, .form-item input[type="email"]:focus, .form-item input[type="email"].error:focus, .form-item input[type="password"]:focus, .form-item input[type="password"].error:focus, .form-item textarea:focus, .form-item textarea.error:focus, .form-item select:focus, .form-item select.error:focus {
+    .form-item input[type="text"]:focus, .form-item input[type="text"].error:focus, .form-item input[type="email"]:focus, .form-item input[type="email"].error:focus, .form-item input[type="password"]:focus, .form-item input[type="password"].error:focus, .form-item input[type="search"]:focus, .form-item input[type="search"].error:focus, .form-item textarea:focus, .form-item textarea.error:focus, .form-item select:focus, .form-item select.error:focus {
       border-bottom: 2px solid #00b0ff;
       padding-bottom: 7px; }
-    .form-item input[type="text"].error, .form-item input[type="email"].error, .form-item input[type="password"].error, .form-item textarea.error, .form-item select.error {
+    .form-item input[type="text"].error, .form-item input[type="email"].error, .form-item input[type="password"].error, .form-item input[type="search"].error, .form-item textarea.error, .form-item select.error {
       border-bottom: 2px solid #f44336;
       padding: 8px 0 7px; }
-    .form-item input[type="text"]:-moz-placeholder, .form-item input[type="email"]:-moz-placeholder, .form-item input[type="password"]:-moz-placeholder, .form-item textarea:-moz-placeholder, .form-item select:-moz-placeholder {
+    .form-item input[type="text"]:-moz-placeholder, .form-item input[type="email"]:-moz-placeholder, .form-item input[type="password"]:-moz-placeholder, .form-item input[type="search"]:-moz-placeholder, .form-item textarea:-moz-placeholder, .form-item select:-moz-placeholder {
       color: rgba(0, 0, 0, 0.26); }
-    .form-item input[type="text"]::-moz-placeholder, .form-item input[type="email"]::-moz-placeholder, .form-item input[type="password"]::-moz-placeholder, .form-item textarea::-moz-placeholder, .form-item select::-moz-placeholder {
+    .form-item input[type="text"]::-moz-placeholder, .form-item input[type="email"]::-moz-placeholder, .form-item input[type="password"]::-moz-placeholder, .form-item input[type="search"]::-moz-placeholder, .form-item textarea::-moz-placeholder, .form-item select::-moz-placeholder {
       color: rgba(0, 0, 0, 0.26); }
-    .form-item input[type="text"]:-ms-input-placeholder, .form-item input[type="email"]:-ms-input-placeholder, .form-item input[type="password"]:-ms-input-placeholder, .form-item textarea:-ms-input-placeholder, .form-item select:-ms-input-placeholder {
+    .form-item input[type="text"]:-ms-input-placeholder, .form-item input[type="email"]:-ms-input-placeholder, .form-item input[type="password"]:-ms-input-placeholder, .form-item input[type="search"]:-ms-input-placeholder, .form-item textarea:-ms-input-placeholder, .form-item select:-ms-input-placeholder {
       color: rgba(0, 0, 0, 0.26); }
-    .form-item input[type="text"]::-webkit-input-placeholder, .form-item input[type="email"]::-webkit-input-placeholder, .form-item input[type="password"]::-webkit-input-placeholder, .form-item textarea::-webkit-input-placeholder, .form-item select::-webkit-input-placeholder {
+    .form-item input[type="text"]::-webkit-input-placeholder, .form-item input[type="email"]::-webkit-input-placeholder, .form-item input[type="password"]::-webkit-input-placeholder, .form-item input[type="search"]::-webkit-input-placeholder, .form-item textarea::-webkit-input-placeholder, .form-item select::-webkit-input-placeholder {
       color: rgba(0, 0, 0, 0.26); }
   .form-item input[type="radio"], .form-item input[type="checkbox"] {
     display: inline-block;
@@ -1385,6 +1396,42 @@ icon labels
   .navbar-user .navbar-icon {
     margin: 0; }
 
+.navbar-account-menu .menu {
+  margin: 0 -12px;
+  padding: 0;
+  list-style: none;
+  display: -webkit-box;
+  display: flex; }
+  .navbar-account-menu .menu a {
+    display: inline-block;
+    padding: 12px;
+    height: 48px;
+    width: 48px;
+    position: relative;
+    text-indent: -99999px;
+    color: transparent; }
+    .navbar-account-menu .menu a:before {
+      content: "account_circle";
+      color: #FFF;
+      position: absolute;
+      top: 12px;
+      left: 12px;
+      text-indent: 0; }
+    .navbar-account-menu .menu a[data-drupal-link-system-path="user/logout"]:before {
+      content: "exit_to_app"; }
+
+/* footer */
+.footer-item .menu {
+  display: inline-block;
+  padding: 0;
+  margin: 0;
+  list-style: none; }
+  .footer-item .menu li {
+    display: inline-block;
+    margin-right: 8px; }
+  .footer-item .menu a {
+    display: inline-block; }
+
 /* drawer */
 #drawer-overlay {
   display: none;
@@ -1618,7 +1665,7 @@ navbar overlaying header-content (for sliders)
       .block-search form .form-item.icon-left:before {
         margin: 8px 12px 8px 0;
         height: 24px; }
-      .block-search form .form-item input[type="text"] {
+      .block-search form .form-item input[type="text"], .block-search form .form-item input[type="search"] {
         margin: 2px 0;
         background: none; }
   .block-search.search-persistent form .form-item {
@@ -1631,7 +1678,7 @@ navbar overlaying header-content (for sliders)
       background: rgba(255, 255, 255, 0.25); }
     .block-search.search-persistent form .form-item.focused {
       background: #FFF; }
-    .block-search.search-persistent form .form-item input[type="text"] {
+    .block-search.search-persistent form .form-item input[type="text"], .block-search.search-persistent form .form-item input[type="search"] {
       margin: 0;
       padding: 0 12px 0 60px;
       height: 40px;
@@ -1646,74 +1693,123 @@ navbar overlaying header-content (for sliders)
     .block-search.search-persistent form .form-item.focused.icon-left:before {
       color: rgba(0, 0, 0, 0.87); }
 
-.navbar-item.block-search form .form-item input[type="text"],
+.navbar-item.block-search form .form-item input[type="text"], .navbar-item.block-search form .form-item input[type="search"],
 #header .block-search form .form-item input[type="text"],
-.card-bg-primary .block-search form .form-item input[type="text"] {
+#header .block-search form .form-item input[type="search"],
+.card-bg-primary .block-search form .form-item input[type="text"],
+.card-bg-primary .block-search form .form-item input[type="search"] {
   color: #FFF;
   border-bottom: 1px solid #FFF; }
-  .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder,
+  .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder,
   #header .block-search form .form-item input[type="text"]:-moz-placeholder,
-  .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder {
+  #header .block-search form .form-item input[type="search"]:-moz-placeholder,
+  .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder,
+  .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder,
+  .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder,
   #header .block-search form .form-item input[type="text"]::-moz-placeholder,
-  .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder {
+  #header .block-search form .form-item input[type="search"]::-moz-placeholder,
+  .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder,
+  .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder,
+  .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder,
   #header .block-search form .form-item input[type="text"]:-ms-input-placeholder,
-  .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder {
+  #header .block-search form .form-item input[type="search"]:-ms-input-placeholder,
+  .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder,
+  .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder,
+  .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder,
   #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder,
-  .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder {
+  #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder,
+  .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder,
+  .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(255, 255, 255, 0.3); }
-  .navbar-item.block-search form .form-item input[type="text"]:focus, .navbar-item.block-search form .form-item input[type="text"].error:focus,
+  .navbar-item.block-search form .form-item input[type="text"]:focus, .navbar-item.block-search form .form-item input[type="text"].error:focus, .navbar-item.block-search form .form-item input[type="search"]:focus, .navbar-item.block-search form .form-item input[type="search"].error:focus,
   #header .block-search form .form-item input[type="text"]:focus,
   #header .block-search form .form-item input[type="text"].error:focus,
+  #header .block-search form .form-item input[type="search"]:focus,
+  #header .block-search form .form-item input[type="search"].error:focus,
   .card-bg-primary .block-search form .form-item input[type="text"]:focus,
-  .card-bg-primary .block-search form .form-item input[type="text"].error:focus {
+  .card-bg-primary .block-search form .form-item input[type="text"].error:focus,
+  .card-bg-primary .block-search form .form-item input[type="search"]:focus,
+  .card-bg-primary .block-search form .form-item input[type="search"].error:focus {
     border-bottom: 2px solid;
     padding-bottom: 7px; }
 .navbar-item.block-search form .form-item.icon-left:before,
 #header .block-search form .form-item.icon-left:before,
 .card-bg-primary .block-search form .form-item.icon-left:before {
   color: #FFF; }
-.navbar-item.block-search.search-persistent form .form-item input[type="text"],
+.navbar-item.block-search.search-persistent form .form-item input[type="text"], .navbar-item.block-search.search-persistent form .form-item input[type="search"],
 #header .block-search.search-persistent form .form-item input[type="text"],
-.card-bg-primary .block-search.search-persistent form .form-item input[type="text"] {
+#header .block-search.search-persistent form .form-item input[type="search"],
+.card-bg-primary .block-search.search-persistent form .form-item input[type="text"],
+.card-bg-primary .block-search.search-persistent form .form-item input[type="search"] {
   border: 0; }
-  .navbar-item.block-search.search-persistent form .form-item input[type="text"]:focus, .navbar-item.block-search.search-persistent form .form-item input[type="text"].error:focus,
+  .navbar-item.block-search.search-persistent form .form-item input[type="text"]:focus, .navbar-item.block-search.search-persistent form .form-item input[type="text"].error:focus, .navbar-item.block-search.search-persistent form .form-item input[type="search"]:focus, .navbar-item.block-search.search-persistent form .form-item input[type="search"].error:focus,
   #header .block-search.search-persistent form .form-item input[type="text"]:focus,
   #header .block-search.search-persistent form .form-item input[type="text"].error:focus,
+  #header .block-search.search-persistent form .form-item input[type="search"]:focus,
+  #header .block-search.search-persistent form .form-item input[type="search"].error:focus,
   .card-bg-primary .block-search.search-persistent form .form-item input[type="text"]:focus,
-  .card-bg-primary .block-search.search-persistent form .form-item input[type="text"].error:focus {
+  .card-bg-primary .block-search.search-persistent form .form-item input[type="text"].error:focus,
+  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]:focus,
+  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"].error:focus {
     border: 0;
     padding-bottom: 0; }
 .navbar-item.block-search.search-persistent form .form-item.focused.icon-left:before,
 #header .block-search.search-persistent form .form-item.focused.icon-left:before,
 .card-bg-primary .block-search.search-persistent form .form-item.focused.icon-left:before {
   color: rgba(0, 0, 0, 0.87); }
-.navbar-item.block-search.search-persistent form .form-item.focused input[type="text"],
+.navbar-item.block-search.search-persistent form .form-item.focused input[type="text"], .navbar-item.block-search.search-persistent form .form-item input[type="search"],
 #header .block-search.search-persistent form .form-item.focused input[type="text"],
-.card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"] {
+#header .block-search.search-persistent form .form-item input[type="search"],
+.card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"],
+.card-bg-primary .block-search.search-persistent form .form-item input[type="search"] {
   color: rgba(0, 0, 0, 0.87); }
-  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]:-moz-placeholder,
+  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]:-moz-placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]:-moz-placeholder,
   #header .block-search.search-persistent form .form-item.focused input[type="text"]:-moz-placeholder,
-  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]:-moz-placeholder {
+  #header .block-search.search-persistent form .form-item input[type="search"]:-moz-placeholder,
+  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]:-moz-placeholder,
+  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]:-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder,
+  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-moz-placeholder,
   #header .block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder,
-  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder {
+  #header .block-search.search-persistent form .form-item input[type="search"]::-moz-placeholder,
+  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder,
+  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]::-moz-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder,
+  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]:-ms-input-placeholder,
   #header .block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder,
-  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder {
+  #header .block-search.search-persistent form .form-item input[type="search"]:-ms-input-placeholder,
+  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder,
+  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]:-ms-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
-  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder,
+  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder,
   #header .block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder,
-  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder {
+  #header .block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder,
+  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder,
+  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder {
     color: rgba(0, 0, 0, 0.26); }
 
+.navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item {
+  background: #f5f5f5; }
+  .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item:hover {
+    background: #fafafa; }
+  .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item.focused {
+    background: #FFF; }
+  .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"], .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"] {
+    color: rgba(0, 0, 0, 0.87); }
+    .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]:-moz-placeholder, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]:-moz-placeholder {
+      color: rgba(0, 0, 0, 0.26); }
+    .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]::-moz-placeholder, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-moz-placeholder {
+      color: rgba(0, 0, 0, 0.26); }
+    .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]:-ms-input-placeholder, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]:-ms-input-placeholder {
+      color: rgba(0, 0, 0, 0.26); }
+    .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]::-webkit-input-placeholder, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder {
+      color: rgba(0, 0, 0, 0.26); }
+  .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item.icon-left:before {
+    color: rgba(0, 0, 0, 0.87); }
+
 .navbar-item.block-search {
   margin: 0;
   padding: 0 12px;
@@ -1722,7 +1818,7 @@ navbar overlaying header-content (for sliders)
 .block-search form .form-actions {
   display: none; }
 
-.ui-autocomplete {
+.ui-autocomplete.ui-widget.ui-widget-content {
   border: 0;
   padding: 0;
   box-sizing: content-box;
@@ -1732,27 +1828,24 @@ navbar overlaying header-content (for sliders)
   border-top: 1px solid rgba(0, 0, 0, 0.12);
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px; }
-  .ui-autocomplete .ui-menu-item {
+  .ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item {
     padding: 0;
     margin: 0;
     display: block; }
-    .ui-autocomplete .ui-menu-item a {
+    .ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item a {
       display: block;
       padding: 8px 12px 8px 12px;
       color: rgba(0, 0, 0, 0.87);
       font-family: "Roboto", sans-serif;
       font-size: 16px;
       line-height: 24px; }
-    .ui-autocomplete .ui-menu-item.ui-state-focus, .ui-autocomplete .ui-menu-item.ui-state-active {
-      border: 0; }
-      .ui-autocomplete .ui-menu-item.ui-state-focus a, .ui-autocomplete .ui-menu-item.ui-state-active a {
-        background: #eeeeee; }
-  .search-persistent-autocomplete .ui-autocomplete .ui-menu-item a {
+      .ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item a.ui-state-focus, .ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item a.ui-state-active {
+        background: #eeeeee;
+        border: 0;
+        margin: 0; }
+  .search-persistent-autocomplete .ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item a {
     padding: 8px 12px 8px 60px; }
 
-/* TO DO
-deafault D8 search (input[type="search"])
-*/
 /* tabs */
 .tabs ul, ul.tabs {
   list-style: none;
@@ -1763,14 +1856,14 @@ deafault D8 search (input[type="search"])
     display: block; }
     .tabs ul li a, ul.tabs li a {
       display: inline-block;
-      height: 48px;
       line-height: 20px;
       padding: 14px 12px 12px 12px;
       border-bottom: 2px solid transparent;
       font-size: 14px;
       font-weight: 500;
       text-transform: uppercase;
-      color: rgba(0, 0, 0, 0.54); }
+      color: rgba(0, 0, 0, 0.54);
+      text-align: center; }
       .tabs ul li a:hover, ul.tabs li a:hover {
         border-color: rgba(96, 125, 139, 0.5); }
       .tabs ul li a.is-active, ul.tabs li a.is-active {
diff --git a/css/theme-dark.css b/css/theme-dark.css
index 36cfea3..03bd8f6 100644
--- a/css/theme-dark.css
+++ b/css/theme-dark.css
@@ -135,17 +135,17 @@
     color: #FFF; }
   .theme-dark .form-item select option {
     color: rgba(0, 0, 0, 0.87); }
-  .theme-dark .form-item input[type="text"], .theme-dark .form-item input[type="email"], .theme-dark .form-item input[type="password"], .theme-dark .form-item textarea, .theme-dark .form-item select {
+  .theme-dark .form-item input[type="text"], .theme-dark .form-item input[type="email"], .theme-dark .form-item input[type="password"], .theme-dark .form-item input[type="search"], .theme-dark .form-item textarea, .theme-dark .form-item select {
     border-bottom-color: rgba(255, 255, 255, 0.12); }
-    .theme-dark .form-item input[type="text"]:focus, .theme-dark .form-item input[type="text"].error:focus, .theme-dark .form-item input[type="email"]:focus, .theme-dark .form-item input[type="email"].error:focus, .theme-dark .form-item input[type="password"]:focus, .theme-dark .form-item input[type="password"].error:focus, .theme-dark .form-item textarea:focus, .theme-dark .form-item textarea.error:focus, .theme-dark .form-item select:focus, .theme-dark .form-item select.error:focus {
+    .theme-dark .form-item input[type="text"]:focus, .theme-dark .form-item input[type="text"].error:focus, .theme-dark .form-item input[type="email"]:focus, .theme-dark .form-item input[type="email"].error:focus, .theme-dark .form-item input[type="password"]:focus, .theme-dark .form-item input[type="password"].error:focus, .theme-dark .form-item input[type="search"]:focus, .theme-dark .form-item input[type="search"].error:focus, .theme-dark .form-item textarea:focus, .theme-dark .form-item textarea.error:focus, .theme-dark .form-item select:focus, .theme-dark .form-item select.error:focus {
       border-bottom-color: #40c4ff; }
-    .theme-dark .form-item input[type="text"]:-moz-placeholder, .theme-dark .form-item input[type="email"]:-moz-placeholder, .theme-dark .form-item input[type="password"]:-moz-placeholder, .theme-dark .form-item textarea:-moz-placeholder, .theme-dark .form-item select:-moz-placeholder {
+    .theme-dark .form-item input[type="text"]:-moz-placeholder, .theme-dark .form-item input[type="email"]:-moz-placeholder, .theme-dark .form-item input[type="password"]:-moz-placeholder, .theme-dark .form-item input[type="search"]:-moz-placeholder, .theme-dark .form-item textarea:-moz-placeholder, .theme-dark .form-item select:-moz-placeholder {
       color: rgba(255, 255, 255, 0.3); }
-    .theme-dark .form-item input[type="text"]::-moz-placeholder, .theme-dark .form-item input[type="email"]::-moz-placeholder, .theme-dark .form-item input[type="password"]::-moz-placeholder, .theme-dark .form-item textarea::-moz-placeholder, .theme-dark .form-item select::-moz-placeholder {
+    .theme-dark .form-item input[type="text"]::-moz-placeholder, .theme-dark .form-item input[type="email"]::-moz-placeholder, .theme-dark .form-item input[type="password"]::-moz-placeholder, .theme-dark .form-item input[type="search"]::-moz-placeholder, .theme-dark .form-item textarea::-moz-placeholder, .theme-dark .form-item select::-moz-placeholder {
       color: rgba(255, 255, 255, 0.3); }
-    .theme-dark .form-item input[type="text"]:-ms-input-placeholder, .theme-dark .form-item input[type="email"]:-ms-input-placeholder, .theme-dark .form-item input[type="password"]:-ms-input-placeholder, .theme-dark .form-item textarea:-ms-input-placeholder, .theme-dark .form-item select:-ms-input-placeholder {
+    .theme-dark .form-item input[type="text"]:-ms-input-placeholder, .theme-dark .form-item input[type="email"]:-ms-input-placeholder, .theme-dark .form-item input[type="password"]:-ms-input-placeholder, .theme-dark .form-item input[type="search"]:-ms-input-placeholder, .theme-dark .form-item textarea:-ms-input-placeholder, .theme-dark .form-item select:-ms-input-placeholder {
       color: rgba(255, 255, 255, 0.3); }
-    .theme-dark .form-item input[type="text"]::-webkit-input-placeholder, .theme-dark .form-item input[type="email"]::-webkit-input-placeholder, .theme-dark .form-item input[type="password"]::-webkit-input-placeholder, .theme-dark .form-item textarea::-webkit-input-placeholder, .theme-dark .form-item select::-webkit-input-placeholder {
+    .theme-dark .form-item input[type="text"]::-webkit-input-placeholder, .theme-dark .form-item input[type="email"]::-webkit-input-placeholder, .theme-dark .form-item input[type="password"]::-webkit-input-placeholder, .theme-dark .form-item input[type="search"]::-webkit-input-placeholder, .theme-dark .form-item textarea::-webkit-input-placeholder, .theme-dark .form-item select::-webkit-input-placeholder {
       color: rgba(255, 255, 255, 0.3); }
   .theme-dark .form-item input[type="radio"], .theme-dark .form-item input[type="checkbox"] {
     color: rgba(255, 255, 255, 0.7); }
@@ -186,15 +186,15 @@
     color: #78909c; }
   .theme-dark .sidebar .menu .collapsed > a:after, .theme-dark .sidebar .menu .expanded > a:after {
     color: rgba(255, 255, 255, 0.7); }
-  .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"] {
+  .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"], .theme-dark .block-search.search-persistent form input[type="search"] {
     color: rgba(0, 0, 0, 0.87); }
-    .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"]:-moz-placeholder {
+    .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"]:-moz-placeholder, .theme-dark .block-search.search-persistent form input[type="search"]:-moz-placeholder {
       color: rgba(0, 0, 0, 0.26); }
-    .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder {
+    .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder, .theme-dark .block-search.search-persistent form input[type="search"]::-moz-placeholder {
       color: rgba(0, 0, 0, 0.26); }
-    .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder {
+    .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder, .theme-dark .block-search.search-persistent form input[type="search"]:-ms-input-placeholder {
       color: rgba(0, 0, 0, 0.26); }
-    .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder {
+    .theme-dark .block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder, .theme-dark .block-search.search-persistent form input[type="search"]::-webkit-input-placeholder {
       color: rgba(0, 0, 0, 0.26); }
   .theme-dark .tabs ul li a, .theme-dark ul.tabs li a {
     color: rgba(255, 255, 255, 0.7); }
diff --git a/gulpfile.js b/gulpfile.js
index 4b43780..7206b92 100755
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -18,7 +18,6 @@ gulp.task('sass', function () {
 
 gulp.task('autoprefixer', ['sass'], function() {
   gulp.src(CSS + '/*.css')
-    //.pipe(changed(CSS))
     .pipe(autoprefixer({
         browsers: ['> 1%']
     }))
@@ -31,33 +30,10 @@ gulp.task('imagemin', function() {
     .pipe(gulp.dest(IMG));
 });
 
-/*
-gulp.task('build', function(){
-  gulp.run('sass');
-  gulp.run('autoprefixer');
-  gulp.run('imagemin');
-});
-*/
-
 gulp.task('build', ['sass', 'autoprefixer', 'imagemin']);
 
-// gulp.task('watch', function() {
-//   gulp.watch(SASS + '/**/*.scss', function () {
-//     gulp.run('sass');
-//     gulp.run('autoprefixer');
-//     gulp.run('imagemin');
-//   });
-// });
-
 gulp.task('watch', function() {
   gulp.watch(SASS + '/**/*.scss', ['sass', 'autoprefixer', 'imagemin']);
 });
 
-/*
-gulp.task('default', function(){
-  gulp.run('build');
-  gulp.run('watch');
-});
-*/
-
 gulp.task('default', ['build', 'watch']);
diff --git a/js/misc.js b/js/misc.js
index cf72f6e..5790215 100755
--- a/js/misc.js
+++ b/js/misc.js
@@ -82,9 +82,14 @@
       var target = this.hash;
       var $target = $(target);
       $('html, body').stop().animate({
-          'scrollTop': $target.offset().top - fixedHeight
-      }, 600, 'swing', function () {
+        'scrollTop': $target.offset().top - fixedHeight
+      }, 600, 'swing', function (e) {
+        if (history.pushState) {
+          history.pushState(null, null, target);
+        }
+        else {
           window.location.hash = target;
+        }
       });
     });
 
@@ -94,9 +99,14 @@
       var target = this.hash;
       var $target = $(target);
       $('html, body').stop().animate({
-          'scrollTop': $target.offset().top - fixedHeight
-      }, 600, 'swing', function () {
+        'scrollTop': $target.offset().top - fixedHeight
+      }, 600, 'swing', function (e) {
+        if (history.pushState) {
+          history.pushState(null, null, target);
+        }
+        else {
           window.location.hash = target;
+        }
       });
     });
 
diff --git a/js/prism.js b/js/prism.js
index edd3f1b..4c3d059 100755
--- a/js/prism.js
+++ b/js/prism.js
@@ -1,5 +1,5 @@
-/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+apacheconf+bash+c+cpp+css-extras+git+java+markdown+php+php-extras+sass+scss+twig+yaml&plugins=line-numbers */
-self = (typeof window !== 'undefined')
+/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+apacheconf+c+bash+cpp+csharp+ruby+css-extras+git+java+json+markdown+nginx+php+php-extras+sass+scss+twig+yaml&plugins=line-highlight */
+var _self = (typeof window !== 'undefined')
 	? window   // if in browser
 	: (
 		(typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope)
@@ -16,9 +16,11 @@ self = (typeof window !== 'undefined')
 var Prism = (function(){
 
 // Private helper vars
-var lang = /\blang(?:uage)?-(?!\*)(\w+)\b/i;
+var lang = /\blang(?:uage)?-(\w+)\b/i;
+var uniqueId = 0;
 
-var _ = self.Prism = {
+var _ = _self.Prism = {
+	manual: _self.Prism && _self.Prism.manual,
 	util: {
 		encode: function (tokens) {
 			if (tokens instanceof Token) {
@@ -34,6 +36,13 @@ var _ = self.Prism = {
 			return Object.prototype.toString.call(o).match(/\[object (\w+)\]/)[1];
 		},
 
+		objId: function (obj) {
+			if (!obj['__id']) {
+				Object.defineProperty(obj, '__id', { value: ++uniqueId });
+			}
+			return obj['__id'];
+		},
+
 		// Deep clone a language definition (e.g. to extend it)
 		clone: function (o) {
 			var type = _.util.type(o);
@@ -81,19 +90,19 @@ var _ = self.Prism = {
 		insertBefore: function (inside, before, insert, root) {
 			root = root || _.languages;
 			var grammar = root[inside];
-			
+
 			if (arguments.length == 2) {
 				insert = arguments[1];
-				
+
 				for (var newToken in insert) {
 					if (insert.hasOwnProperty(newToken)) {
 						grammar[newToken] = insert[newToken];
 					}
 				}
-				
+
 				return grammar;
 			}
-			
+
 			var ret = {};
 
 			for (var token in grammar) {
@@ -113,7 +122,7 @@ var _ = self.Prism = {
 					ret[token] = grammar[token];
 				}
 			}
-			
+
 			// Update references in other language definitions
 			_.languages.DFS(_.languages, function(key, value) {
 				if (value === root[inside] && key != inside) {
@@ -125,27 +134,38 @@ var _ = self.Prism = {
 		},
 
 		// Traverse a language definition with Depth First Search
-		DFS: function(o, callback, type) {
+		DFS: function(o, callback, type, visited) {
+			visited = visited || {};
 			for (var i in o) {
 				if (o.hasOwnProperty(i)) {
 					callback.call(o, i, o[i], type || i);
 
-					if (_.util.type(o[i]) === 'Object') {
-						_.languages.DFS(o[i], callback);
+					if (_.util.type(o[i]) === 'Object' && !visited[_.util.objId(o[i])]) {
+						visited[_.util.objId(o[i])] = true;
+						_.languages.DFS(o[i], callback, null, visited);
 					}
-					else if (_.util.type(o[i]) === 'Array') {
-						_.languages.DFS(o[i], callback, i);
+					else if (_.util.type(o[i]) === 'Array' && !visited[_.util.objId(o[i])]) {
+						visited[_.util.objId(o[i])] = true;
+						_.languages.DFS(o[i], callback, i, visited);
 					}
 				}
 			}
 		}
 	},
+	plugins: {},
 
 	highlightAll: function(async, callback) {
-		var elements = document.querySelectorAll('code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code');
+		var env = {
+			callback: callback,
+			selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
+		};
+
+		_.hooks.run("before-highlightall", env);
+
+		var elements = env.elements || document.querySelectorAll(env.selector);
 
 		for (var i=0, element; element = elements[i++];) {
-			_.highlightElement(element, async === true, callback);
+			_.highlightElement(element, async === true, env.callback);
 		}
 	},
 
@@ -158,14 +178,10 @@ var _ = self.Prism = {
 		}
 
 		if (parent) {
-			language = (parent.className.match(lang) || [,''])[1];
+			language = (parent.className.match(lang) || [,''])[1].toLowerCase();
 			grammar = _.languages[language];
 		}
 
-		if (!grammar) {
-			return;
-		}
-
 		// Set language on the element, if not present
 		element.className = element.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
 
@@ -178,12 +194,6 @@ var _ = self.Prism = {
 
 		var code = element.textContent;
 
-		if(!code) {
-			return;
-		}
-
-		code = code.replace(/^(?:\r?\n|\r)/,'');
-
 		var env = {
 			element: element,
 			language: language,
@@ -191,13 +201,25 @@ var _ = self.Prism = {
 			code: code
 		};
 
+		_.hooks.run('before-sanity-check', env);
+
+		if (!env.code || !env.grammar) {
+			if (env.code) {
+				_.hooks.run('before-highlight', env);
+				env.element.textContent = env.code;
+				_.hooks.run('after-highlight', env);
+			}
+			_.hooks.run('complete', env);
+			return;
+		}
+
 		_.hooks.run('before-highlight', env);
 
-		if (async && self.Worker) {
+		if (async && _self.Worker) {
 			var worker = new Worker(_.filename);
 
 			worker.onmessage = function(evt) {
-				env.highlightedCode = Token.stringify(JSON.parse(evt.data), language);
+				env.highlightedCode = evt.data;
 
 				_.hooks.run('before-insert', env);
 
@@ -205,11 +227,13 @@ var _ = self.Prism = {
 
 				callback && callback.call(env.element);
 				_.hooks.run('after-highlight', env);
+				_.hooks.run('complete', env);
 			};
 
 			worker.postMessage(JSON.stringify({
 				language: env.language,
-				code: env.code
+				code: env.code,
+				immediateClose: true
 			}));
 		}
 		else {
@@ -222,6 +246,7 @@ var _ = self.Prism = {
 			callback && callback.call(element);
 
 			_.hooks.run('after-highlight', env);
+			_.hooks.run('complete', env);
 		}
 	},
 
@@ -230,26 +255,18 @@ var _ = self.Prism = {
 		return Token.stringify(_.util.encode(tokens), language);
 	},
 
-	tokenize: function(text, grammar, language) {
+	matchGrammar: function (text, strarr, grammar, index, startPos, oneshot, target) {
 		var Token = _.Token;
 
-		var strarr = [text];
-
-		var rest = grammar.rest;
-
-		if (rest) {
-			for (var token in rest) {
-				grammar[token] = rest[token];
-			}
-
-			delete grammar.rest;
-		}
-
-		tokenloop: for (var token in grammar) {
+		for (var token in grammar) {
 			if(!grammar.hasOwnProperty(token) || !grammar[token]) {
 				continue;
 			}
 
+			if (token == target) {
+				return;
+			}
+
 			var patterns = grammar[token];
 			patterns = (_.util.type(patterns) === "Array") ? patterns : [patterns];
 
@@ -257,18 +274,26 @@ var _ = self.Prism = {
 				var pattern = patterns[j],
 					inside = pattern.inside,
 					lookbehind = !!pattern.lookbehind,
+					greedy = !!pattern.greedy,
 					lookbehindLength = 0,
 					alias = pattern.alias;
 
+				if (greedy && !pattern.pattern.global) {
+					// Without the global flag, lastIndex won't work
+					var flags = pattern.pattern.toString().match(/[imuy]*$/)[0];
+					pattern.pattern = RegExp(pattern.pattern.source, flags + "g");
+				}
+
 				pattern = pattern.pattern || pattern;
 
-				for (var i=0; i<strarr.length; i++) { // Don’t cache length as it changes during the loop
+				// Don’t cache length as it changes during the loop
+				for (var i = index, pos = startPos; i < strarr.length; pos += strarr[i].length, ++i) {
 
 					var str = strarr[i];
 
 					if (strarr.length > text.length) {
 						// Something went terribly wrong, ABORT, ABORT!
-						break tokenloop;
+						return;
 					}
 
 					if (str instanceof Token) {
@@ -277,39 +302,105 @@ var _ = self.Prism = {
 
 					pattern.lastIndex = 0;
 
-					var match = pattern.exec(str);
+					var match = pattern.exec(str),
+					    delNum = 1;
 
-					if (match) {
-						if(lookbehind) {
-							lookbehindLength = match[1].length;
+					// Greedy patterns can override/remove up to two previously matched tokens
+					if (!match && greedy && i != strarr.length - 1) {
+						pattern.lastIndex = pos;
+						match = pattern.exec(text);
+						if (!match) {
+							break;
 						}
 
-						var from = match.index - 1 + lookbehindLength,
-							match = match[0].slice(lookbehindLength),
-							len = match.length,
-							to = from + len,
-							before = str.slice(0, from + 1),
-							after = str.slice(to + 1);
+						var from = match.index + (lookbehind ? match[1].length : 0),
+						    to = match.index + match[0].length,
+						    k = i,
+						    p = pos;
+
+						for (var len = strarr.length; k < len && (p < to || (!strarr[k].type && !strarr[k - 1].greedy)); ++k) {
+							p += strarr[k].length;
+							// Move the index i to the element in strarr that is closest to from
+							if (from >= p) {
+								++i;
+								pos = p;
+							}
+						}
+
+						/*
+						 * If strarr[i] is a Token, then the match starts inside another Token, which is invalid
+						 * If strarr[k - 1] is greedy we are in conflict with another greedy pattern
+						 */
+						if (strarr[i] instanceof Token || strarr[k - 1].greedy) {
+							continue;
+						}
 
-						var args = [i, 1];
+						// Number of tokens to delete and replace with the new match
+						delNum = k - i;
+						str = text.slice(pos, p);
+						match.index -= pos;
+					}
 
-						if (before) {
-							args.push(before);
+					if (!match) {
+						if (oneshot) {
+							break;
 						}
 
-						var wrapped = new Token(token, inside? _.tokenize(match, inside) : match, alias);
+						continue;
+					}
+
+					if(lookbehind) {
+						lookbehindLength = match[1].length;
+					}
 
-						args.push(wrapped);
+					var from = match.index + lookbehindLength,
+					    match = match[0].slice(lookbehindLength),
+					    to = from + match.length,
+					    before = str.slice(0, from),
+					    after = str.slice(to);
 
-						if (after) {
-							args.push(after);
-						}
+					var args = [i, delNum];
 
-						Array.prototype.splice.apply(strarr, args);
+					if (before) {
+						++i;
+						pos += before.length;
+						args.push(before);
 					}
+
+					var wrapped = new Token(token, inside? _.tokenize(match, inside) : match, alias, match, greedy);
+
+					args.push(wrapped);
+
+					if (after) {
+						args.push(after);
+					}
+
+					Array.prototype.splice.apply(strarr, args);
+
+					if (delNum != 1)
+						_.matchGrammar(text, strarr, grammar, i, pos, true, token);
+
+					if (oneshot)
+						break;
 				}
 			}
 		}
+	},
+
+	tokenize: function(text, grammar, language) {
+		var strarr = [text];
+
+		var rest = grammar.rest;
+
+		if (rest) {
+			for (var token in rest) {
+				grammar[token] = rest[token];
+			}
+
+			delete grammar.rest;
+		}
+
+		_.matchGrammar(text, strarr, grammar, 0, 0, false);
 
 		return strarr;
 	},
@@ -339,10 +430,13 @@ var _ = self.Prism = {
 	}
 };
 
-var Token = _.Token = function(type, content, alias) {
+var Token = _.Token = function(type, content, alias, matchedStr, greedy) {
 	this.type = type;
 	this.content = content;
 	this.alias = alias;
+	// Copy of the full string this token was created from
+	this.length = (matchedStr || "").length|0;
+	this.greedy = !!greedy;
 };
 
 Token.stringify = function(o, language, parent) {
@@ -366,10 +460,6 @@ Token.stringify = function(o, language, parent) {
 		parent: parent
 	};
 
-	if (env.type == 'comment') {
-		env.attributes['spellcheck'] = 'true';
-	}
-
 	if (o.alias) {
 		var aliases = _.util.type(o.alias) === 'Array' ? o.alias : [o.alias];
 		Array.prototype.push.apply(env.classes, aliases);
@@ -377,62 +467,75 @@ Token.stringify = function(o, language, parent) {
 
 	_.hooks.run('wrap', env);
 
-	var attributes = '';
+	var attributes = Object.keys(env.attributes).map(function(name) {
+		return name + '="' + (env.attributes[name] || '').replace(/"/g, '&quot;') + '"';
+	}).join(' ');
 
-	for (var name in env.attributes) {
-		attributes += name + '="' + (env.attributes[name] || '') + '"';
-	}
-
-	return '<' + env.tag + ' class="' + env.classes.join(' ') + '" ' + attributes + '>' + env.content + '</' + env.tag + '>';
+	return '<' + env.tag + ' class="' + env.classes.join(' ') + '"' + (attributes ? ' ' + attributes : '') + '>' + env.content + '</' + env.tag + '>';
 
 };
 
-if (!self.document) {
-	if (!self.addEventListener) {
+if (!_self.document) {
+	if (!_self.addEventListener) {
 		// in Node.js
-		return self.Prism;
+		return _self.Prism;
 	}
  	// In worker
-	self.addEventListener('message', function(evt) {
+	_self.addEventListener('message', function(evt) {
 		var message = JSON.parse(evt.data),
 		    lang = message.language,
-		    code = message.code;
+		    code = message.code,
+		    immediateClose = message.immediateClose;
 
-		self.postMessage(JSON.stringify(_.util.encode(_.tokenize(code, _.languages[lang]))));
-		self.close();
+		_self.postMessage(_.highlight(code, _.languages[lang], lang));
+		if (immediateClose) {
+			_self.close();
+		}
 	}, false);
 
-	return self.Prism;
+	return _self.Prism;
 }
 
-// Get current script and highlight
-var script = document.getElementsByTagName('script');
-
-script = script[script.length - 1];
+//Get current script and highlight
+var script = document.currentScript || [].slice.call(document.getElementsByTagName("script")).pop();
 
 if (script) {
 	_.filename = script.src;
 
-	if (document.addEventListener && !script.hasAttribute('data-manual')) {
-		document.addEventListener('DOMContentLoaded', _.highlightAll);
+	if (!_.manual && !script.hasAttribute('data-manual')) {
+		if(document.readyState !== "loading") {
+			if (window.requestAnimationFrame) {
+				window.requestAnimationFrame(_.highlightAll);
+			} else {
+				window.setTimeout(_.highlightAll, 16);
+			}
+		}
+		else {
+			document.addEventListener('DOMContentLoaded', _.highlightAll);
+		}
 	}
 }
 
-return self.Prism;
+return _self.Prism;
 
 })();
 
 if (typeof module !== 'undefined' && module.exports) {
 	module.exports = Prism;
 }
+
+// hack for components to work correctly in node.js
+if (typeof global !== 'undefined') {
+	global.Prism = Prism;
+}
 ;
 Prism.languages.markup = {
-	'comment': /<!--[\w\W]*?-->/,
-	'prolog': /<\?.+?\?>/,
-	'doctype': /<!DOCTYPE.+?>/,
-	'cdata': /<!\[CDATA\[[\w\W]*?]]>/i,
+	'comment': /<!--[\s\S]*?-->/,
+	'prolog': /<\?[\s\S]+?\?>/,
+	'doctype': /<!DOCTYPE[\s\S]+?>/i,
+	'cdata': /<!\[CDATA\[[\s\S]*?]]>/i,
 	'tag': {
-		pattern: /<\/?[^\s>\/]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\\1|\\?(?!\1)[\w\W])*\1|[^\s'">=]+))?)*\s*\/?>/i,
+		pattern: /<\/?(?!\d)[^\s>\/=$<]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">=]+))?)*\s*\/?>/i,
 		inside: {
 			'tag': {
 				pattern: /^<\/?[^\s>\/]+/i,
@@ -442,9 +545,15 @@ Prism.languages.markup = {
 				}
 			},
 			'attr-value': {
-				pattern: /=(?:('|")[\w\W]*?(\1)|[^\s>]+)/i,
+				pattern: /=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">=]+)/i,
 				inside: {
-					'punctuation': /=|>|"/
+					'punctuation': [
+						/^=/,
+						{
+							pattern: /(^|[^\\])["']/,
+							lookbehind: true
+						}
+					]
 				}
 			},
 			'punctuation': /\/?>/,
@@ -460,6 +569,9 @@ Prism.languages.markup = {
 	'entity': /&#?[\da-z]{1,8};/i
 };
 
+Prism.languages.markup['tag'].inside['attr-value'].inside['entity'] =
+	Prism.languages.markup['entity'];
+
 // Plugin to make entity title show the real entity, idea by Roman Komarov
 Prism.hooks.add('wrap', function(env) {
 
@@ -467,42 +579,48 @@ Prism.hooks.add('wrap', function(env) {
 		env.attributes['title'] = env.content.replace(/&amp;/, '&');
 	}
 });
-;
+
+Prism.languages.xml = Prism.languages.markup;
+Prism.languages.html = Prism.languages.markup;
+Prism.languages.mathml = Prism.languages.markup;
+Prism.languages.svg = Prism.languages.markup;
+
 Prism.languages.css = {
-	'comment': /\/\*[\w\W]*?\*\//,
+	'comment': /\/\*[\s\S]*?\*\//,
 	'atrule': {
-		pattern: /@[\w-]+?.*?(;|(?=\s*\{))/i,
+		pattern: /@[\w-]+?.*?(?:;|(?=\s*\{))/i,
 		inside: {
-			'punctuation': /[;:]/
+			'rule': /@[\w-]+/
+			// See rest below
 		}
 	},
-	'url': /url\((?:(["'])(\\\n|\\?.)*?\1|.*?)\)/i,
-	'selector': /[^\{\}\s][^\{\};]*(?=\s*\{)/,
-	'string': /("|')(\\\n|\\?.)*?\1/,
-	'property': /(\b|\B)[\w-]+(?=\s*:)/i,
+	'url': /url\((?:(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1|.*?)\)/i,
+	'selector': /[^{}\s][^{};]*?(?=\s*\{)/,
+	'string': {
+		pattern: /("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
+		greedy: true
+	},
+	'property': /[\w-]+(?=\s*:)/i,
 	'important': /\B!important\b/i,
-	'punctuation': /[\{\};:]/,
-	'function': /[-a-z0-9]+(?=\()/i
+	'function': /[-a-z0-9]+(?=\()/i,
+	'punctuation': /[(){};:]/
 };
 
+Prism.languages.css['atrule'].inside.rest = Prism.util.clone(Prism.languages.css);
+
 if (Prism.languages.markup) {
 	Prism.languages.insertBefore('markup', 'tag', {
 		'style': {
-			pattern: /<style[\w\W]*?>[\w\W]*?<\/style>/i,
-			inside: {
-				'tag': {
-					pattern: /<style[\w\W]*?>|<\/style>/i,
-					inside: Prism.languages.markup.tag.inside
-				},
-				rest: Prism.languages.css
-			},
+			pattern: /(<style[\s\S]*?>)[\s\S]*?(?=<\/style>)/i,
+			lookbehind: true,
+			inside: Prism.languages.css,
 			alias: 'language-css'
 		}
 	});
 	
 	Prism.languages.insertBefore('inside', 'attr-value', {
 		'style-attr': {
-			pattern: /\s*style=("|').*?\1/i,
+			pattern: /\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,
 			inside: {
 				'attr-name': {
 					pattern: /^\s*style/i,
@@ -521,7 +639,7 @@ if (Prism.languages.markup) {
 Prism.languages.clike = {
 	'comment': [
 		{
-			pattern: /(^|[^\\])\/\*[\w\W]*?\*\//,
+			pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
 			lookbehind: true
 		},
 		{
@@ -529,44 +647,50 @@ Prism.languages.clike = {
 			lookbehind: true
 		}
 	],
-	'string': /("|')(\\[\s\S]|(?!\1)[^\\])*\1/,
+	'string': {
+		pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
+		greedy: true
+	},
 	'class-name': {
-		pattern: /((?:(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[a-z0-9_\.\\]+/i,
+		pattern: /((?:\b(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[\w.\\]+/i,
 		lookbehind: true,
 		inside: {
-			punctuation: /(\.|\\)/
-		}
-	},
-	'keyword': /\b(if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,
-	'boolean': /\b(true|false)\b/,
-	'function': {
-		pattern: /[a-z0-9_]+\(/i,
-		inside: {
-			punctuation: /\(/
+			punctuation: /[.\\]/
 		}
 	},
-	'number': /\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?)\b/,
-	'operator': /[-+]{1,2}|!|<=?|>=?|={1,3}|&{1,2}|\|?\||\?|\*|\/|~|\^|%/,
-	'ignore': /&(lt|gt|amp);/i,
+	'keyword': /\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,
+	'boolean': /\b(?:true|false)\b/,
+	'function': /[a-z0-9_]+(?=\()/i,
+	'number': /\b-?(?:0x[\da-f]+|\d*\.?\d+(?:e[+-]?\d+)?)\b/i,
+	'operator': /--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*|\/|~|\^|%/,
 	'punctuation': /[{}[\];(),.:]/
 };
-;
+
 Prism.languages.javascript = Prism.languages.extend('clike', {
-	'keyword': /\b(as|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/,
-	'number': /\b-?(0x[\dA-Fa-f]+|0b[01]+|0o[0-7]+|\d*\.?\d+([Ee][+-]?\d+)?|NaN|Infinity)\b/,
-	'function': /(?!\d)[a-z0-9_$]+(?=\()/i
+	'keyword': /\b(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|var|void|while|with|yield)\b/,
+	'number': /\b-?(?:0[xX][\dA-Fa-f]+|0[bB][01]+|0[oO][0-7]+|\d*\.?\d+(?:[Ee][+-]?\d+)?|NaN|Infinity)\b/,
+	// Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444)
+	'function': /[_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*(?=\s*\()/i,
+	'operator': /-[-=]?|\+[+=]?|!=?=?|<<?=?|>>?>?=?|=(?:==?|>)?|&[&=]?|\|[|=]?|\*\*?=?|\/=?|~|\^=?|%=?|\?|\.{3}/
 });
 
 Prism.languages.insertBefore('javascript', 'keyword', {
 	'regex': {
-		pattern: /(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\\\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})]))/,
-		lookbehind: true
+		pattern: /(^|[^/])\/(?!\/)(\[[^\]\r\n]+]|\\.|[^/\\\[\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})]))/,
+		lookbehind: true,
+		greedy: true
+	},
+	// This must be declared before keyword because we use "function" inside the look-forward
+	'function-variable': {
+		pattern: /[_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*(?=\s*=\s*(?:function\b|(?:\([^()]*\)|[_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*)\s*=>))/i,
+		alias: 'function'
 	}
 });
 
-Prism.languages.insertBefore('javascript', 'class-name', {
+Prism.languages.insertBefore('javascript', 'string', {
 	'template-string': {
-		pattern: /`(?:\\`|\\?[^`])*`/,
+		pattern: /`(?:\\[\s\S]|[^\\`])*`/,
+		greedy: true,
 		inside: {
 			'interpolation': {
 				pattern: /\$\{[^}]+\}/,
@@ -586,27 +710,25 @@ Prism.languages.insertBefore('javascript', 'class-name', {
 if (Prism.languages.markup) {
 	Prism.languages.insertBefore('markup', 'tag', {
 		'script': {
-			pattern: /<script[\w\W]*?>[\w\W]*?<\/script>/i,
-			inside: {
-				'tag': {
-					pattern: /<script[\w\W]*?>|<\/script>/i,
-					inside: Prism.languages.markup.tag.inside
-				},
-				rest: Prism.languages.javascript
-			},
+			pattern: /(<script[\s\S]*?>)[\s\S]*?(?=<\/script>)/i,
+			lookbehind: true,
+			inside: Prism.languages.javascript,
 			alias: 'language-javascript'
 		}
 	});
 }
-;
+
+Prism.languages.js = Prism.languages.javascript;
+
 Prism.languages.apacheconf = {
 	'comment': /#.*/,
 	'directive-inline': {
-		pattern: /^\s*\b(AcceptFilter|AcceptPathInfo|AccessFileName|Action|AddAlt|AddAltByEncoding|AddAltByType|AddCharset|AddDefaultCharset|AddDescription|AddEncoding|AddHandler|AddIcon|AddIconByEncoding|AddIconByType|AddInputFilter|AddLanguage|AddModuleInfo|AddOutputFilter|AddOutputFilterByType|AddType|Alias|AliasMatch|Allow|AllowCONNECT|AllowEncodedSlashes|AllowMethods|AllowOverride|AllowOverrideList|Anonymous|Anonymous_LogEmail|Anonymous_MustGiveEmail|Anonymous_NoUserID|Anonymous_VerifyEmail|AsyncRequestWorkerFactor|AuthBasicAuthoritative|AuthBasicFake|AuthBasicProvider|AuthBasicUseDigestAlgorithm|AuthDBDUserPWQuery|AuthDBDUserRealmQuery|AuthDBMGroupFile|AuthDBMType|AuthDBMUserFile|AuthDigestAlgorithm|AuthDigestDomain|AuthDigestNonceLifetime|AuthDigestProvider|AuthDigestQop|AuthDigestShmemSize|AuthFormAuthoritative|AuthFormBody|AuthFormDisableNoStore|AuthFormFakeBasicAuth|AuthFormLocation|AuthFormLoginRequiredLocation|AuthFormLoginSuccessLocation|AuthFormLogoutLocation|AuthFormMethod|AuthFormMimetype|AuthFormPassword|AuthFormProvider|AuthFormSitePassphrase|AuthFormSize|AuthFormUsername|AuthGroupFile|AuthLDAPAuthorizePrefix|AuthLDAPBindAuthoritative|AuthLDAPBindDN|AuthLDAPBindPassword|AuthLDAPCharsetConfig|AuthLDAPCompareAsUser|AuthLDAPCompareDNOnServer|AuthLDAPDereferenceAliases|AuthLDAPGroupAttribute|AuthLDAPGroupAttributeIsDN|AuthLDAPInitialBindAsUser|AuthLDAPInitialBindPattern|AuthLDAPMaxSubGroupDepth|AuthLDAPRemoteUserAttribute|AuthLDAPRemoteUserIsDN|AuthLDAPSearchAsUser|AuthLDAPSubGroupAttribute|AuthLDAPSubGroupClass|AuthLDAPUrl|AuthMerging|AuthName|AuthnCacheContext|AuthnCacheEnable|AuthnCacheProvideFor|AuthnCacheSOCache|AuthnCacheTimeout|AuthnzFcgiCheckAuthnProvider|AuthnzFcgiDefineProvider|AuthType|AuthUserFile|AuthzDBDLoginToReferer|AuthzDBDQuery|AuthzDBDRedirectQuery|AuthzDBMType|AuthzSendForbiddenOnFailure|BalancerGrowth|BalancerInherit|BalancerMember|BalancerPersist|BrowserMatch|BrowserMatchNoCase|BufferedLogs|BufferSize|CacheDefaultExpire|CacheDetailHeader|CacheDirLength|CacheDirLevels|CacheDisable|CacheEnable|CacheFile|CacheHeader|CacheIgnoreCacheControl|CacheIgnoreHeaders|CacheIgnoreNoLastMod|CacheIgnoreQueryString|CacheIgnoreURLSessionIdentifiers|CacheKeyBaseURL|CacheLastModifiedFactor|CacheLock|CacheLockMaxAge|CacheLockPath|CacheMaxExpire|CacheMaxFileSize|CacheMinExpire|CacheMinFileSize|CacheNegotiatedDocs|CacheQuickHandler|CacheReadSize|CacheReadTime|CacheRoot|CacheSocache|CacheSocacheMaxSize|CacheSocacheMaxTime|CacheSocacheMinTime|CacheSocacheReadSize|CacheSocacheReadTime|CacheStaleOnError|CacheStoreExpired|CacheStoreNoStore|CacheStorePrivate|CGIDScriptTimeout|CGIMapExtension|CharsetDefault|CharsetOptions|CharsetSourceEnc|CheckCaseOnly|CheckSpelling|ChrootDir|ContentDigest|CookieDomain|CookieExpires|CookieName|CookieStyle|CookieTracking|CoreDumpDirectory|CustomLog|Dav|DavDepthInfinity|DavGenericLockDB|DavLockDB|DavMinTimeout|DBDExptime|DBDInitSQL|DBDKeep|DBDMax|DBDMin|DBDParams|DBDPersist|DBDPrepareSQL|DBDriver|DefaultIcon|DefaultLanguage|DefaultRuntimeDir|DefaultType|Define|DeflateBufferSize|DeflateCompressionLevel|DeflateFilterNote|DeflateInflateLimitRequestBody|DeflateInflateRatioBurst|DeflateInflateRatioLimit|DeflateMemLevel|DeflateWindowSize|Deny|DirectoryCheckHandler|DirectoryIndex|DirectoryIndexRedirect|DirectorySlash|DocumentRoot|DTracePrivileges|DumpIOInput|DumpIOOutput|EnableExceptionHook|EnableMMAP|EnableSendfile|Error|ErrorDocument|ErrorLog|ErrorLogFormat|Example|ExpiresActive|ExpiresByType|ExpiresDefault|ExtendedStatus|ExtFilterDefine|ExtFilterOptions|FallbackResource|FileETag|FilterChain|FilterDeclare|FilterProtocol|FilterProvider|FilterTrace|ForceLanguagePriority|ForceType|ForensicLog|GprofDir|GracefulShutdownTimeout|Group|Header|HeaderName|HeartbeatAddress|HeartbeatListen|HeartbeatMaxServers|HeartbeatStorage|HeartbeatStorage|HostnameLookups|IdentityCheck|IdentityCheckTimeout|ImapBase|ImapDefault|ImapMenu|Include|IncludeOptional|IndexHeadInsert|IndexIgnore|IndexIgnoreReset|IndexOptions|IndexOrderDefault|IndexStyleSheet|InputSed|ISAPIAppendLogToErrors|ISAPIAppendLogToQuery|ISAPICacheFile|ISAPIFakeAsync|ISAPILogNotSupported|ISAPIReadAheadBuffer|KeepAlive|KeepAliveTimeout|KeptBodySize|LanguagePriority|LDAPCacheEntries|LDAPCacheTTL|LDAPConnectionPoolTTL|LDAPConnectionTimeout|LDAPLibraryDebug|LDAPOpCacheEntries|LDAPOpCacheTTL|LDAPReferralHopLimit|LDAPReferrals|LDAPRetries|LDAPRetryDelay|LDAPSharedCacheFile|LDAPSharedCacheSize|LDAPTimeout|LDAPTrustedClientCert|LDAPTrustedGlobalCert|LDAPTrustedMode|LDAPVerifyServerCert|LimitInternalRecursion|LimitRequestBody|LimitRequestFields|LimitRequestFieldSize|LimitRequestLine|LimitXMLRequestBody|Listen|ListenBackLog|LoadFile|LoadModule|LogFormat|LogLevel|LogMessage|LuaAuthzProvider|LuaCodeCache|LuaHookAccessChecker|LuaHookAuthChecker|LuaHookCheckUserID|LuaHookFixups|LuaHookInsertFilter|LuaHookLog|LuaHookMapToStorage|LuaHookTranslateName|LuaHookTypeChecker|LuaInherit|LuaInputFilter|LuaMapHandler|LuaOutputFilter|LuaPackageCPath|LuaPackagePath|LuaQuickHandler|LuaRoot|LuaScope|MaxConnectionsPerChild|MaxKeepAliveRequests|MaxMemFree|MaxRangeOverlaps|MaxRangeReversals|MaxRanges|MaxRequestWorkers|MaxSpareServers|MaxSpareThreads|MaxThreads|MergeTrailers|MetaDir|MetaFiles|MetaSuffix|MimeMagicFile|MinSpareServers|MinSpareThreads|MMapFile|ModemStandard|ModMimeUsePathInfo|MultiviewsMatch|Mutex|NameVirtualHost|NoProxy|NWSSLTrustedCerts|NWSSLUpgradeable|Options|Order|OutputSed|PassEnv|PidFile|PrivilegesMode|Protocol|ProtocolEcho|ProxyAddHeaders|ProxyBadHeader|ProxyBlock|ProxyDomain|ProxyErrorOverride|ProxyExpressDBMFile|ProxyExpressDBMType|ProxyExpressEnable|ProxyFtpDirCharset|ProxyFtpEscapeWildcards|ProxyFtpListOnWildcard|ProxyHTMLBufSize|ProxyHTMLCharsetOut|ProxyHTMLDocType|ProxyHTMLEnable|ProxyHTMLEvents|ProxyHTMLExtended|ProxyHTMLFixups|ProxyHTMLInterp|ProxyHTMLLinks|ProxyHTMLMeta|ProxyHTMLStripComments|ProxyHTMLURLMap|ProxyIOBufferSize|ProxyMaxForwards|ProxyPass|ProxyPassInherit|ProxyPassInterpolateEnv|ProxyPassMatch|ProxyPassReverse|ProxyPassReverseCookieDomain|ProxyPassReverseCookiePath|ProxyPreserveHost|ProxyReceiveBufferSize|ProxyRemote|ProxyRemoteMatch|ProxyRequests|ProxySCGIInternalRedirect|ProxySCGISendfile|ProxySet|ProxySourceAddress|ProxyStatus|ProxyTimeout|ProxyVia|ReadmeName|ReceiveBufferSize|Redirect|RedirectMatch|RedirectPermanent|RedirectTemp|ReflectorHeader|RemoteIPHeader|RemoteIPInternalProxy|RemoteIPInternalProxyList|RemoteIPProxiesHeader|RemoteIPTrustedProxy|RemoteIPTrustedProxyList|RemoveCharset|RemoveEncoding|RemoveHandler|RemoveInputFilter|RemoveLanguage|RemoveOutputFilter|RemoveType|RequestHeader|RequestReadTimeout|Require|RewriteBase|RewriteCond|RewriteEngine|RewriteMap|RewriteOptions|RewriteRule|RLimitCPU|RLimitMEM|RLimitNPROC|Satisfy|ScoreBoardFile|Script|ScriptAlias|ScriptAliasMatch|ScriptInterpreterSource|ScriptLog|ScriptLogBuffer|ScriptLogLength|ScriptSock|SecureListen|SeeRequestTail|SendBufferSize|ServerAdmin|ServerAlias|ServerLimit|ServerName|ServerPath|ServerRoot|ServerSignature|ServerTokens|Session|SessionCookieName|SessionCookieName2|SessionCookieRemove|SessionCryptoCipher|SessionCryptoDriver|SessionCryptoPassphrase|SessionCryptoPassphraseFile|SessionDBDCookieName|SessionDBDCookieName2|SessionDBDCookieRemove|SessionDBDDeleteLabel|SessionDBDInsertLabel|SessionDBDPerUser|SessionDBDSelectLabel|SessionDBDUpdateLabel|SessionEnv|SessionExclude|SessionHeader|SessionInclude|SessionMaxAge|SetEnv|SetEnvIf|SetEnvIfExpr|SetEnvIfNoCase|SetHandler|SetInputFilter|SetOutputFilter|SSIEndTag|SSIErrorMsg|SSIETag|SSILastModified|SSILegacyExprParser|SSIStartTag|SSITimeFormat|SSIUndefinedEcho|SSLCACertificateFile|SSLCACertificatePath|SSLCADNRequestFile|SSLCADNRequestPath|SSLCARevocationCheck|SSLCARevocationFile|SSLCARevocationPath|SSLCertificateChainFile|SSLCertificateFile|SSLCertificateKeyFile|SSLCipherSuite|SSLCompression|SSLCryptoDevice|SSLEngine|SSLFIPS|SSLHonorCipherOrder|SSLInsecureRenegotiation|SSLOCSPDefaultResponder|SSLOCSPEnable|SSLOCSPOverrideResponder|SSLOCSPResponderTimeout|SSLOCSPResponseMaxAge|SSLOCSPResponseTimeSkew|SSLOCSPUseRequestNonce|SSLOpenSSLConfCmd|SSLOptions|SSLPassPhraseDialog|SSLProtocol|SSLProxyCACertificateFile|SSLProxyCACertificatePath|SSLProxyCARevocationCheck|SSLProxyCARevocationFile|SSLProxyCARevocationPath|SSLProxyCheckPeerCN|SSLProxyCheckPeerExpire|SSLProxyCheckPeerName|SSLProxyCipherSuite|SSLProxyEngine|SSLProxyMachineCertificateChainFile|SSLProxyMachineCertificateFile|SSLProxyMachineCertificatePath|SSLProxyProtocol|SSLProxyVerify|SSLProxyVerifyDepth|SSLRandomSeed|SSLRenegBufferSize|SSLRequire|SSLRequireSSL|SSLSessionCache|SSLSessionCacheTimeout|SSLSessionTicketKeyFile|SSLSRPUnknownUserSeed|SSLSRPVerifierFile|SSLStaplingCache|SSLStaplingErrorCacheTimeout|SSLStaplingFakeTryLater|SSLStaplingForceURL|SSLStaplingResponderTimeout|SSLStaplingResponseMaxAge|SSLStaplingResponseTimeSkew|SSLStaplingReturnResponderErrors|SSLStaplingStandardCacheTimeout|SSLStrictSNIVHostCheck|SSLUserName|SSLUseStapling|SSLVerifyClient|SSLVerifyDepth|StartServers|StartThreads|Substitute|Suexec|SuexecUserGroup|ThreadLimit|ThreadsPerChild|ThreadStackSize|TimeOut|TraceEnable|TransferLog|TypesConfig|UnDefine|UndefMacro|UnsetEnv|Use|UseCanonicalName|UseCanonicalPhysicalPort|User|UserDir|VHostCGIMode|VHostCGIPrivs|VHostGroup|VHostPrivs|VHostSecure|VHostUser|VirtualDocumentRoot|VirtualDocumentRootIP|VirtualScriptAlias|VirtualScriptAliasIP|WatchdogInterval|XBitHack|xml2EncAlias|xml2EncDefault|xml2StartParse)\b/mi,
+		pattern: /^(\s*)\b(?:AcceptFilter|AcceptPathInfo|AccessFileName|Action|AddAlt|AddAltByEncoding|AddAltByType|AddCharset|AddDefaultCharset|AddDescription|AddEncoding|AddHandler|AddIcon|AddIconByEncoding|AddIconByType|AddInputFilter|AddLanguage|AddModuleInfo|AddOutputFilter|AddOutputFilterByType|AddType|Alias|AliasMatch|Allow|AllowCONNECT|AllowEncodedSlashes|AllowMethods|AllowOverride|AllowOverrideList|Anonymous|Anonymous_LogEmail|Anonymous_MustGiveEmail|Anonymous_NoUserID|Anonymous_VerifyEmail|AsyncRequestWorkerFactor|AuthBasicAuthoritative|AuthBasicFake|AuthBasicProvider|AuthBasicUseDigestAlgorithm|AuthDBDUserPWQuery|AuthDBDUserRealmQuery|AuthDBMGroupFile|AuthDBMType|AuthDBMUserFile|AuthDigestAlgorithm|AuthDigestDomain|AuthDigestNonceLifetime|AuthDigestProvider|AuthDigestQop|AuthDigestShmemSize|AuthFormAuthoritative|AuthFormBody|AuthFormDisableNoStore|AuthFormFakeBasicAuth|AuthFormLocation|AuthFormLoginRequiredLocation|AuthFormLoginSuccessLocation|AuthFormLogoutLocation|AuthFormMethod|AuthFormMimetype|AuthFormPassword|AuthFormProvider|AuthFormSitePassphrase|AuthFormSize|AuthFormUsername|AuthGroupFile|AuthLDAPAuthorizePrefix|AuthLDAPBindAuthoritative|AuthLDAPBindDN|AuthLDAPBindPassword|AuthLDAPCharsetConfig|AuthLDAPCompareAsUser|AuthLDAPCompareDNOnServer|AuthLDAPDereferenceAliases|AuthLDAPGroupAttribute|AuthLDAPGroupAttributeIsDN|AuthLDAPInitialBindAsUser|AuthLDAPInitialBindPattern|AuthLDAPMaxSubGroupDepth|AuthLDAPRemoteUserAttribute|AuthLDAPRemoteUserIsDN|AuthLDAPSearchAsUser|AuthLDAPSubGroupAttribute|AuthLDAPSubGroupClass|AuthLDAPUrl|AuthMerging|AuthName|AuthnCacheContext|AuthnCacheEnable|AuthnCacheProvideFor|AuthnCacheSOCache|AuthnCacheTimeout|AuthnzFcgiCheckAuthnProvider|AuthnzFcgiDefineProvider|AuthType|AuthUserFile|AuthzDBDLoginToReferer|AuthzDBDQuery|AuthzDBDRedirectQuery|AuthzDBMType|AuthzSendForbiddenOnFailure|BalancerGrowth|BalancerInherit|BalancerMember|BalancerPersist|BrowserMatch|BrowserMatchNoCase|BufferedLogs|BufferSize|CacheDefaultExpire|CacheDetailHeader|CacheDirLength|CacheDirLevels|CacheDisable|CacheEnable|CacheFile|CacheHeader|CacheIgnoreCacheControl|CacheIgnoreHeaders|CacheIgnoreNoLastMod|CacheIgnoreQueryString|CacheIgnoreURLSessionIdentifiers|CacheKeyBaseURL|CacheLastModifiedFactor|CacheLock|CacheLockMaxAge|CacheLockPath|CacheMaxExpire|CacheMaxFileSize|CacheMinExpire|CacheMinFileSize|CacheNegotiatedDocs|CacheQuickHandler|CacheReadSize|CacheReadTime|CacheRoot|CacheSocache|CacheSocacheMaxSize|CacheSocacheMaxTime|CacheSocacheMinTime|CacheSocacheReadSize|CacheSocacheReadTime|CacheStaleOnError|CacheStoreExpired|CacheStoreNoStore|CacheStorePrivate|CGIDScriptTimeout|CGIMapExtension|CharsetDefault|CharsetOptions|CharsetSourceEnc|CheckCaseOnly|CheckSpelling|ChrootDir|ContentDigest|CookieDomain|CookieExpires|CookieName|CookieStyle|CookieTracking|CoreDumpDirectory|CustomLog|Dav|DavDepthInfinity|DavGenericLockDB|DavLockDB|DavMinTimeout|DBDExptime|DBDInitSQL|DBDKeep|DBDMax|DBDMin|DBDParams|DBDPersist|DBDPrepareSQL|DBDriver|DefaultIcon|DefaultLanguage|DefaultRuntimeDir|DefaultType|Define|DeflateBufferSize|DeflateCompressionLevel|DeflateFilterNote|DeflateInflateLimitRequestBody|DeflateInflateRatioBurst|DeflateInflateRatioLimit|DeflateMemLevel|DeflateWindowSize|Deny|DirectoryCheckHandler|DirectoryIndex|DirectoryIndexRedirect|DirectorySlash|DocumentRoot|DTracePrivileges|DumpIOInput|DumpIOOutput|EnableExceptionHook|EnableMMAP|EnableSendfile|Error|ErrorDocument|ErrorLog|ErrorLogFormat|Example|ExpiresActive|ExpiresByType|ExpiresDefault|ExtendedStatus|ExtFilterDefine|ExtFilterOptions|FallbackResource|FileETag|FilterChain|FilterDeclare|FilterProtocol|FilterProvider|FilterTrace|ForceLanguagePriority|ForceType|ForensicLog|GprofDir|GracefulShutdownTimeout|Group|Header|HeaderName|HeartbeatAddress|HeartbeatListen|HeartbeatMaxServers|HeartbeatStorage|HeartbeatStorage|HostnameLookups|IdentityCheck|IdentityCheckTimeout|ImapBase|ImapDefault|ImapMenu|Include|IncludeOptional|IndexHeadInsert|IndexIgnore|IndexIgnoreReset|IndexOptions|IndexOrderDefault|IndexStyleSheet|InputSed|ISAPIAppendLogToErrors|ISAPIAppendLogToQuery|ISAPICacheFile|ISAPIFakeAsync|ISAPILogNotSupported|ISAPIReadAheadBuffer|KeepAlive|KeepAliveTimeout|KeptBodySize|LanguagePriority|LDAPCacheEntries|LDAPCacheTTL|LDAPConnectionPoolTTL|LDAPConnectionTimeout|LDAPLibraryDebug|LDAPOpCacheEntries|LDAPOpCacheTTL|LDAPReferralHopLimit|LDAPReferrals|LDAPRetries|LDAPRetryDelay|LDAPSharedCacheFile|LDAPSharedCacheSize|LDAPTimeout|LDAPTrustedClientCert|LDAPTrustedGlobalCert|LDAPTrustedMode|LDAPVerifyServerCert|LimitInternalRecursion|LimitRequestBody|LimitRequestFields|LimitRequestFieldSize|LimitRequestLine|LimitXMLRequestBody|Listen|ListenBackLog|LoadFile|LoadModule|LogFormat|LogLevel|LogMessage|LuaAuthzProvider|LuaCodeCache|LuaHookAccessChecker|LuaHookAuthChecker|LuaHookCheckUserID|LuaHookFixups|LuaHookInsertFilter|LuaHookLog|LuaHookMapToStorage|LuaHookTranslateName|LuaHookTypeChecker|LuaInherit|LuaInputFilter|LuaMapHandler|LuaOutputFilter|LuaPackageCPath|LuaPackagePath|LuaQuickHandler|LuaRoot|LuaScope|MaxConnectionsPerChild|MaxKeepAliveRequests|MaxMemFree|MaxRangeOverlaps|MaxRangeReversals|MaxRanges|MaxRequestWorkers|MaxSpareServers|MaxSpareThreads|MaxThreads|MergeTrailers|MetaDir|MetaFiles|MetaSuffix|MimeMagicFile|MinSpareServers|MinSpareThreads|MMapFile|ModemStandard|ModMimeUsePathInfo|MultiviewsMatch|Mutex|NameVirtualHost|NoProxy|NWSSLTrustedCerts|NWSSLUpgradeable|Options|Order|OutputSed|PassEnv|PidFile|PrivilegesMode|Protocol|ProtocolEcho|ProxyAddHeaders|ProxyBadHeader|ProxyBlock|ProxyDomain|ProxyErrorOverride|ProxyExpressDBMFile|ProxyExpressDBMType|ProxyExpressEnable|ProxyFtpDirCharset|ProxyFtpEscapeWildcards|ProxyFtpListOnWildcard|ProxyHTMLBufSize|ProxyHTMLCharsetOut|ProxyHTMLDocType|ProxyHTMLEnable|ProxyHTMLEvents|ProxyHTMLExtended|ProxyHTMLFixups|ProxyHTMLInterp|ProxyHTMLLinks|ProxyHTMLMeta|ProxyHTMLStripComments|ProxyHTMLURLMap|ProxyIOBufferSize|ProxyMaxForwards|ProxyPass|ProxyPassInherit|ProxyPassInterpolateEnv|ProxyPassMatch|ProxyPassReverse|ProxyPassReverseCookieDomain|ProxyPassReverseCookiePath|ProxyPreserveHost|ProxyReceiveBufferSize|ProxyRemote|ProxyRemoteMatch|ProxyRequests|ProxySCGIInternalRedirect|ProxySCGISendfile|ProxySet|ProxySourceAddress|ProxyStatus|ProxyTimeout|ProxyVia|ReadmeName|ReceiveBufferSize|Redirect|RedirectMatch|RedirectPermanent|RedirectTemp|ReflectorHeader|RemoteIPHeader|RemoteIPInternalProxy|RemoteIPInternalProxyList|RemoteIPProxiesHeader|RemoteIPTrustedProxy|RemoteIPTrustedProxyList|RemoveCharset|RemoveEncoding|RemoveHandler|RemoveInputFilter|RemoveLanguage|RemoveOutputFilter|RemoveType|RequestHeader|RequestReadTimeout|Require|RewriteBase|RewriteCond|RewriteEngine|RewriteMap|RewriteOptions|RewriteRule|RLimitCPU|RLimitMEM|RLimitNPROC|Satisfy|ScoreBoardFile|Script|ScriptAlias|ScriptAliasMatch|ScriptInterpreterSource|ScriptLog|ScriptLogBuffer|ScriptLogLength|ScriptSock|SecureListen|SeeRequestTail|SendBufferSize|ServerAdmin|ServerAlias|ServerLimit|ServerName|ServerPath|ServerRoot|ServerSignature|ServerTokens|Session|SessionCookieName|SessionCookieName2|SessionCookieRemove|SessionCryptoCipher|SessionCryptoDriver|SessionCryptoPassphrase|SessionCryptoPassphraseFile|SessionDBDCookieName|SessionDBDCookieName2|SessionDBDCookieRemove|SessionDBDDeleteLabel|SessionDBDInsertLabel|SessionDBDPerUser|SessionDBDSelectLabel|SessionDBDUpdateLabel|SessionEnv|SessionExclude|SessionHeader|SessionInclude|SessionMaxAge|SetEnv|SetEnvIf|SetEnvIfExpr|SetEnvIfNoCase|SetHandler|SetInputFilter|SetOutputFilter|SSIEndTag|SSIErrorMsg|SSIETag|SSILastModified|SSILegacyExprParser|SSIStartTag|SSITimeFormat|SSIUndefinedEcho|SSLCACertificateFile|SSLCACertificatePath|SSLCADNRequestFile|SSLCADNRequestPath|SSLCARevocationCheck|SSLCARevocationFile|SSLCARevocationPath|SSLCertificateChainFile|SSLCertificateFile|SSLCertificateKeyFile|SSLCipherSuite|SSLCompression|SSLCryptoDevice|SSLEngine|SSLFIPS|SSLHonorCipherOrder|SSLInsecureRenegotiation|SSLOCSPDefaultResponder|SSLOCSPEnable|SSLOCSPOverrideResponder|SSLOCSPResponderTimeout|SSLOCSPResponseMaxAge|SSLOCSPResponseTimeSkew|SSLOCSPUseRequestNonce|SSLOpenSSLConfCmd|SSLOptions|SSLPassPhraseDialog|SSLProtocol|SSLProxyCACertificateFile|SSLProxyCACertificatePath|SSLProxyCARevocationCheck|SSLProxyCARevocationFile|SSLProxyCARevocationPath|SSLProxyCheckPeerCN|SSLProxyCheckPeerExpire|SSLProxyCheckPeerName|SSLProxyCipherSuite|SSLProxyEngine|SSLProxyMachineCertificateChainFile|SSLProxyMachineCertificateFile|SSLProxyMachineCertificatePath|SSLProxyProtocol|SSLProxyVerify|SSLProxyVerifyDepth|SSLRandomSeed|SSLRenegBufferSize|SSLRequire|SSLRequireSSL|SSLSessionCache|SSLSessionCacheTimeout|SSLSessionTicketKeyFile|SSLSRPUnknownUserSeed|SSLSRPVerifierFile|SSLStaplingCache|SSLStaplingErrorCacheTimeout|SSLStaplingFakeTryLater|SSLStaplingForceURL|SSLStaplingResponderTimeout|SSLStaplingResponseMaxAge|SSLStaplingResponseTimeSkew|SSLStaplingReturnResponderErrors|SSLStaplingStandardCacheTimeout|SSLStrictSNIVHostCheck|SSLUserName|SSLUseStapling|SSLVerifyClient|SSLVerifyDepth|StartServers|StartThreads|Substitute|Suexec|SuexecUserGroup|ThreadLimit|ThreadsPerChild|ThreadStackSize|TimeOut|TraceEnable|TransferLog|TypesConfig|UnDefine|UndefMacro|UnsetEnv|Use|UseCanonicalName|UseCanonicalPhysicalPort|User|UserDir|VHostCGIMode|VHostCGIPrivs|VHostGroup|VHostPrivs|VHostSecure|VHostUser|VirtualDocumentRoot|VirtualDocumentRootIP|VirtualScriptAlias|VirtualScriptAliasIP|WatchdogInterval|XBitHack|xml2EncAlias|xml2EncDefault|xml2StartParse)\b/mi,
+		lookbehind: true,
 		alias: 'property'
 	},
 	'directive-block': {
-		pattern: /<\/?\b(AuthnProviderAlias|AuthzProviderAlias|Directory|DirectoryMatch|Else|ElseIf|Files|FilesMatch|If|IfDefine|IfModule|IfVersion|Limit|LimitExcept|Location|LocationMatch|Macro|Proxy|RequireAll|RequireAny|RequireNone|VirtualHost)\b *.*>/i,
+		pattern: /<\/?\b(?:AuthnProviderAlias|AuthzProviderAlias|Directory|DirectoryMatch|Else|ElseIf|Files|FilesMatch|If|IfDefine|IfModule|IfVersion|Limit|LimitExcept|Location|LocationMatch|Macro|Proxy|RequireAll|RequireAny|RequireNone|VirtualHost)\b *.*>/i,
 		inside: {
 			'directive-block': {
 				pattern: /^<\/?\w+/,
@@ -622,7 +744,7 @@ Prism.languages.apacheconf = {
 					'string': {
 						pattern: /("|').*\1/,
 						inside: {
-							'variable': /(\$|%)\{?(\w\.?(\+|\-|:)?)+\}?/
+							'variable': /[$%]\{?(?:\w\.?[-+:]?)+\}?/
 						}
 					}
 				},
@@ -633,104 +755,326 @@ Prism.languages.apacheconf = {
 		alias: 'tag'
 	},
 	'directive-flags': {
-		pattern: /\[(\w,?)+\]/,
+		pattern: /\[(?:\w,?)+\]/,
 		alias: 'keyword'
 	},
 	'string': {
 		pattern: /("|').*\1/,
 		inside: {
-			'variable': /(\$|%)\{?(\w\.?(\+|\-|:)?)+\}?/
+			'variable': /[$%]\{?(?:\w\.?[-+:]?)+\}?/
 		}
 	},
-	'variable': /(\$|%)\{?(\w\.?(\+|\-|:)?)+\}?/,
+	'variable': /[$%]\{?(?:\w\.?[-+:]?)+\}?/,
 	'regex': /\^?.*\$|\^.*\$?/
 };
-;
-Prism.languages.bash = Prism.languages.extend('clike', {
-	'comment': {
-		pattern: /(^|[^"{\\])(#.*?(\r?\n|$))/,
-		lookbehind: true
-	},
-	'string': {
-		//allow multiline string
-		pattern: /("|')(\\?[\s\S])*?\1/,
-		inside: {
-			//'property' class reused for bash variables
-			'property': /\$([a-zA-Z0-9_#\?\-\*!@]+|\{[^\}]+\})/
-		}
-	},
-	// Redefined to prevent highlighting of numbers in filenames
-	'number': {
-		pattern: /([^\w\.])-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?)\b/,
-		lookbehind: true
-	},
-	// Originally based on http://ss64.com/bash/
-	'function': /\b(?:alias|apropos|apt-get|aptitude|aspell|awk|basename|bash|bc|bg|builtin|bzip2|cal|cat|cd|cfdisk|chgrp|chmod|chown|chroot|chkconfig|cksum|clear|cmp|comm|command|cp|cron|crontab|csplit|cut|date|dc|dd|ddrescue|declare|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|du|echo|egrep|eject|enable|env|ethtool|eval|exec|exit|expand|expect|export|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|getopts|git|grep|groupadd|groupdel|groupmod|groups|gzip|hash|head|help|hg|history|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|jobs|join|kill|killall|less|link|ln|locate|logname|logout|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|make|man|mkdir|mkfifo|mkisofs|mknod|more|most|mount|mtools|mtr|mv|mmv|nano|netstat|nice|nl|nohup|notify-send|nslookup|open|op|passwd|paste|pathchk|ping|pkill|popd|pr|printcap|printenv|printf|ps|pushd|pv|pwd|quota|quotacheck|quotactl|ram|rar|rcp|read|readarray|readonly|reboot|rename|renice|remsync|rev|rm|rmdir|rsync|screen|scp|sdiff|sed|select|seq|service|sftp|shift|shopt|shutdown|sleep|slocate|sort|source|split|ssh|stat|strace|su|sudo|sum|suspend|sync|tail|tar|tee|test|time|timeout|times|touch|top|traceroute|trap|tr|tsort|tty|type|ulimit|umask|umount|unalias|uname|unexpand|uniq|units|unrar|unshar|until|uptime|useradd|userdel|usermod|users|uuencode|uudecode|v|vdir|vi|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yes|zip)\b/,
-	'keyword': /\b(if|then|else|elif|fi|for|break|continue|while|in|case|function|select|do|done|until|echo|exit|return|set|declare)\b/
-});
 
-Prism.languages.insertBefore('bash', 'keyword', {
-	//'property' class reused for bash variables
-	'property': /\$([a-zA-Z0-9_#\?\-\*!@]+|\{[^}]+\})/
-});
-Prism.languages.insertBefore('bash', 'comment', {
-	//shebang must be before comment, 'important' class from css reused
-	'important': /(^#!\s*\/bin\/bash)|(^#!\s*\/bin\/sh)/
-});
-;
 Prism.languages.c = Prism.languages.extend('clike', {
-	// allow for c multiline strings
-	'string': /("|')([^\n\\\1]|\\.|\\\r*\n)*?\1/,
-	'keyword': /\b(asm|typeof|inline|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|union|unsigned|void|volatile|while)\b/,
-	'operator': /[-+]{1,2}|!=?|<{1,2}=?|>{1,2}=?|\->|={1,2}|\^|~|%|&{1,2}|\|?\||\?|\*|\//
+	'keyword': /\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|asm|typeof|inline|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|union|unsigned|void|volatile|while)\b/,
+	'operator': /-[>-]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/]/,
+	'number': /\b-?(?:0x[\da-f]+|\d*\.?\d+(?:e[+-]?\d+)?)[ful]*\b/i
 });
 
 Prism.languages.insertBefore('c', 'string', {
-	// property class reused for macro statements
-	'property': {
+	'macro': {
 		// allow for multiline macro definitions
 		// spaces after the # character compile fine with gcc
-		pattern: /((^|\n)\s*)#\s*[a-z]+([^\n\\]|\\.|\\\r*\n)*/i,
+		pattern: /(^\s*)#\s*[a-z]+(?:[^\r\n\\]|\\(?:\r\n|[\s\S]))*/im,
 		lookbehind: true,
+		alias: 'property',
 		inside: {
 			// highlight the path of the include statement as a string
 			'string': {
-				pattern: /(#\s*include\s*)(<.+?>|("|')(\\?.)+?\3)/,
+				pattern: /(#\s*include\s*)(?:<.+?>|("|')(?:\\?.)+?\2)/,
 				lookbehind: true
+			},
+			// highlight macro directives as keywords
+			'directive': {
+				pattern: /(#\s*)\b(?:define|defined|elif|else|endif|error|ifdef|ifndef|if|import|include|line|pragma|undef|using)\b/,
+				lookbehind: true,
+				alias: 'keyword'
 			}
 		}
-	}
+	},
+	// highlight predefined macros as constants
+	'constant': /\b(?:__FILE__|__LINE__|__DATE__|__TIME__|__TIMESTAMP__|__func__|EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|stdin|stdout|stderr)\b/
 });
 
 delete Prism.languages.c['class-name'];
-delete Prism.languages.c['boolean'];;
+delete Prism.languages.c['boolean'];
+
+(function(Prism) {
+	var insideString = {
+		variable: [
+			// Arithmetic Environment
+			{
+				pattern: /\$?\(\([\s\S]+?\)\)/,
+				inside: {
+					// If there is a $ sign at the beginning highlight $(( and )) as variable
+					variable: [{
+							pattern: /(^\$\(\([\s\S]+)\)\)/,
+							lookbehind: true
+						},
+						/^\$\(\(/
+					],
+					number: /\b-?(?:0x[\dA-Fa-f]+|\d*\.?\d+(?:[Ee]-?\d+)?)\b/,
+					// Operators according to https://www.gnu.org/software/bash/manual/bashref.html#Shell-Arithmetic
+					operator: /--?|-=|\+\+?|\+=|!=?|~|\*\*?|\*=|\/=?|%=?|<<=?|>>=?|<=?|>=?|==?|&&?|&=|\^=?|\|\|?|\|=|\?|:/,
+					// If there is no $ sign at the beginning highlight (( and )) as punctuation
+					punctuation: /\(\(?|\)\)?|,|;/
+				}
+			},
+			// Command Substitution
+			{
+				pattern: /\$\([^)]+\)|`[^`]+`/,
+				inside: {
+					variable: /^\$\(|^`|\)$|`$/
+				}
+			},
+			/\$(?:[\w#?*!@]+|\{[^}]+\})/i
+		]
+	};
+
+	Prism.languages.bash = {
+		'shebang': {
+			pattern: /^#!\s*\/bin\/bash|^#!\s*\/bin\/sh/,
+			alias: 'important'
+		},
+		'comment': {
+			pattern: /(^|[^"{\\])#.*/,
+			lookbehind: true
+		},
+		'string': [
+			//Support for Here-Documents https://en.wikipedia.org/wiki/Here_document
+			{
+				pattern: /((?:^|[^<])<<\s*)["']?(\w+?)["']?\s*\r?\n(?:[\s\S])*?\r?\n\2/,
+				lookbehind: true,
+				greedy: true,
+				inside: insideString
+			},
+			{
+				pattern: /(["'])(?:\\[\s\S]|(?!\1)[^\\])*\1/,
+				greedy: true,
+				inside: insideString
+			}
+		],
+		'variable': insideString.variable,
+		// Originally based on http://ss64.com/bash/
+		'function': {
+			pattern: /(^|[\s;|&])(?:alias|apropos|apt-get|aptitude|aspell|awk|basename|bash|bc|bg|builtin|bzip2|cal|cat|cd|cfdisk|chgrp|chmod|chown|chroot|chkconfig|cksum|clear|cmp|comm|command|cp|cron|crontab|csplit|cut|date|dc|dd|ddrescue|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|du|egrep|eject|enable|env|ethtool|eval|exec|expand|expect|export|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|getopts|git|grep|groupadd|groupdel|groupmod|groups|gzip|hash|head|help|hg|history|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|jobs|join|kill|killall|less|link|ln|locate|logname|logout|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|make|man|mkdir|mkfifo|mkisofs|mknod|more|most|mount|mtools|mtr|mv|mmv|nano|netstat|nice|nl|nohup|notify-send|npm|nslookup|open|op|passwd|paste|pathchk|ping|pkill|popd|pr|printcap|printenv|printf|ps|pushd|pv|pwd|quota|quotacheck|quotactl|ram|rar|rcp|read|readarray|readonly|reboot|rename|renice|remsync|rev|rm|rmdir|rsync|screen|scp|sdiff|sed|seq|service|sftp|shift|shopt|shutdown|sleep|slocate|sort|source|split|ssh|stat|strace|su|sudo|sum|suspend|sync|tail|tar|tee|test|time|timeout|times|touch|top|traceroute|trap|tr|tsort|tty|type|ulimit|umask|umount|unalias|uname|unexpand|uniq|units|unrar|unshar|uptime|useradd|userdel|usermod|users|uuencode|uudecode|v|vdir|vi|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yes|zip)(?=$|[\s;|&])/,
+			lookbehind: true
+		},
+		'keyword': {
+			pattern: /(^|[\s;|&])(?:let|:|\.|if|then|else|elif|fi|for|break|continue|while|in|case|function|select|do|done|until|echo|exit|return|set|declare)(?=$|[\s;|&])/,
+			lookbehind: true
+		},
+		'boolean': {
+			pattern: /(^|[\s;|&])(?:true|false)(?=$|[\s;|&])/,
+			lookbehind: true
+		},
+		'operator': /&&?|\|\|?|==?|!=?|<<<?|>>|<=?|>=?|=~/,
+		'punctuation': /\$?\(\(?|\)\)?|\.\.|[{}[\];]/
+	};
+
+	var inside = insideString.variable[1].inside;
+	inside['function'] = Prism.languages.bash['function'];
+	inside.keyword = Prism.languages.bash.keyword;
+	inside.boolean = Prism.languages.bash.boolean;
+	inside.operator = Prism.languages.bash.operator;
+	inside.punctuation = Prism.languages.bash.punctuation;
+})(Prism);
+
 Prism.languages.cpp = Prism.languages.extend('c', {
-	'keyword': /\b(alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|class|compl|const|constexpr|const_cast|continue|decltype|default|delete|delete\[\]|do|double|dynamic_cast|else|enum|explicit|export|extern|float|for|friend|goto|if|inline|int|long|mutable|namespace|new|new\[\]|noexcept|nullptr|operator|private|protected|public|register|reinterpret_cast|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,
-	'boolean': /\b(true|false)\b/,
-	'operator': /[-+]{1,2}|!=?|<{1,2}=?|>{1,2}=?|\->|:{1,2}|={1,2}|\^|~|%|&{1,2}|\|?\||\?|\*|\/|\b(and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/
+	'keyword': /\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|class|compl|const|constexpr|const_cast|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|float|for|friend|goto|if|inline|int|long|mutable|namespace|new|noexcept|nullptr|operator|private|protected|public|register|reinterpret_cast|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,
+	'boolean': /\b(?:true|false)\b/,
+	'operator': /--?|\+\+?|!=?|<{1,2}=?|>{1,2}=?|->|:{1,2}|={1,2}|\^|~|%|&{1,2}|\|\|?|\?|\*|\/|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/
 });
 
 Prism.languages.insertBefore('cpp', 'keyword', {
 	'class-name': {
-		pattern: /(class\s+)[a-z0-9_]+/i,
+		pattern: /(class\s+)\w+/i,
 		lookbehind: true
 	}
-});;
+});
+Prism.languages.csharp = Prism.languages.extend('clike', {
+	'keyword': /\b(abstract|as|async|await|base|bool|break|byte|case|catch|char|checked|class|const|continue|decimal|default|delegate|do|double|else|enum|event|explicit|extern|false|finally|fixed|float|for|foreach|goto|if|implicit|in|int|interface|internal|is|lock|long|namespace|new|null|object|operator|out|override|params|private|protected|public|readonly|ref|return|sbyte|sealed|short|sizeof|stackalloc|static|string|struct|switch|this|throw|true|try|typeof|uint|ulong|unchecked|unsafe|ushort|using|virtual|void|volatile|while|add|alias|ascending|async|await|descending|dynamic|from|get|global|group|into|join|let|orderby|partial|remove|select|set|value|var|where|yield)\b/,
+	'string': [
+		{
+			pattern: /@("|')(?:\1\1|\\[\s\S]|(?!\1)[^\\])*\1/,
+			greedy: true
+		},
+		{
+			pattern: /("|')(?:\\.|(?!\1)[^\\\r\n])*?\1/,
+			greedy: true
+		}
+	],
+	'number': /\b-?(?:0x[\da-f]+|\d*\.?\d+f?)\b/i
+});
+
+Prism.languages.insertBefore('csharp', 'keyword', {
+	'generic-method': {
+		pattern: /[a-z0-9_]+\s*<[^>\r\n]+?>\s*(?=\()/i,
+		alias: 'function',
+		inside: {
+			keyword: Prism.languages.csharp.keyword,
+			punctuation: /[<>(),.:]/
+		}
+	},
+	'preprocessor': {
+		pattern: /(^\s*)#.*/m,
+		lookbehind: true,
+		alias: 'property',
+		inside: {
+			// highlight preprocessor directives as keywords
+			'directive': {
+				pattern: /(\s*#)\b(?:define|elif|else|endif|endregion|error|if|line|pragma|region|undef|warning)\b/,
+				lookbehind: true,
+				alias: 'keyword'
+			}
+		}
+	}
+});
+
+/**
+ * Original by Samuel Flores
+ *
+ * Adds the following new token classes:
+ * 		constant, builtin, variable, symbol, regex
+ */
+(function(Prism) {
+	Prism.languages.ruby = Prism.languages.extend('clike', {
+		'comment': [
+			/#(?!\{[^\r\n]*?\}).*/,
+			/^=begin(?:\r?\n|\r)(?:.*(?:\r?\n|\r))*?=end/m
+		],
+		'keyword': /\b(?:alias|and|BEGIN|begin|break|case|class|def|define_method|defined|do|each|else|elsif|END|end|ensure|false|for|if|in|module|new|next|nil|not|or|raise|redo|require|rescue|retry|return|self|super|then|throw|true|undef|unless|until|when|while|yield)\b/
+	});
+
+	var interpolation = {
+		pattern: /#\{[^}]+\}/,
+		inside: {
+			'delimiter': {
+				pattern: /^#\{|\}$/,
+				alias: 'tag'
+			},
+			rest: Prism.util.clone(Prism.languages.ruby)
+		}
+	};
+
+	Prism.languages.insertBefore('ruby', 'keyword', {
+		'regex': [
+			{
+				pattern: /%r([^a-zA-Z0-9\s{(\[<])(?:(?!\1)[^\\]|\\[\s\S])*\1[gim]{0,3}/,
+				greedy: true,
+				inside: {
+					'interpolation': interpolation
+				}
+			},
+			{
+				pattern: /%r\((?:[^()\\]|\\[\s\S])*\)[gim]{0,3}/,
+				greedy: true,
+				inside: {
+					'interpolation': interpolation
+				}
+			},
+			{
+				// Here we need to specifically allow interpolation
+				pattern: /%r\{(?:[^#{}\\]|#(?:\{[^}]+\})?|\\[\s\S])*\}[gim]{0,3}/,
+				greedy: true,
+				inside: {
+					'interpolation': interpolation
+				}
+			},
+			{
+				pattern: /%r\[(?:[^\[\]\\]|\\[\s\S])*\][gim]{0,3}/,
+				greedy: true,
+				inside: {
+					'interpolation': interpolation
+				}
+			},
+			{
+				pattern: /%r<(?:[^<>\\]|\\[\s\S])*>[gim]{0,3}/,
+				greedy: true,
+				inside: {
+					'interpolation': interpolation
+				}
+			},
+			{
+				pattern: /(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\\\r\n])+\/[gim]{0,3}(?=\s*($|[\r\n,.;})]))/,
+				lookbehind: true,
+				greedy: true
+			}
+		],
+		'variable': /[@$]+[a-zA-Z_]\w*(?:[?!]|\b)/,
+		'symbol': /:[a-zA-Z_]\w*(?:[?!]|\b)/
+	});
+
+	Prism.languages.insertBefore('ruby', 'number', {
+		'builtin': /\b(?:Array|Bignum|Binding|Class|Continuation|Dir|Exception|FalseClass|File|Stat|Fixnum|Float|Hash|Integer|IO|MatchData|Method|Module|NilClass|Numeric|Object|Proc|Range|Regexp|String|Struct|TMS|Symbol|ThreadGroup|Thread|Time|TrueClass)\b/,
+		'constant': /\b[A-Z]\w*(?:[?!]|\b)/
+	});
+
+	Prism.languages.ruby.string = [
+		{
+			pattern: /%[qQiIwWxs]?([^a-zA-Z0-9\s{(\[<])(?:(?!\1)[^\\]|\\[\s\S])*\1/,
+			greedy: true,
+			inside: {
+				'interpolation': interpolation
+			}
+		},
+		{
+			pattern: /%[qQiIwWxs]?\((?:[^()\\]|\\[\s\S])*\)/,
+			greedy: true,
+			inside: {
+				'interpolation': interpolation
+			}
+		},
+		{
+			// Here we need to specifically allow interpolation
+			pattern: /%[qQiIwWxs]?\{(?:[^#{}\\]|#(?:\{[^}]+\})?|\\[\s\S])*\}/,
+			greedy: true,
+			inside: {
+				'interpolation': interpolation
+			}
+		},
+		{
+			pattern: /%[qQiIwWxs]?\[(?:[^\[\]\\]|\\[\s\S])*\]/,
+			greedy: true,
+			inside: {
+				'interpolation': interpolation
+			}
+		},
+		{
+			pattern: /%[qQiIwWxs]?<(?:[^<>\\]|\\[\s\S])*>/,
+			greedy: true,
+			inside: {
+				'interpolation': interpolation
+			}
+		},
+		{
+			pattern: /("|')(?:#\{[^}]+\}|\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
+			greedy: true,
+			inside: {
+				'interpolation': interpolation
+			}
+		}
+	];
+}(Prism));
 Prism.languages.css.selector = {
-	pattern: /[^\{\}\s][^\{\}]*(?=\s*\{)/,
+	pattern: /[^{}\s][^{}]*(?=\s*\{)/,
 	inside: {
 		'pseudo-element': /:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,
 		'pseudo-class': /:[-\w]+(?:\(.*\))?/,
-		'class': /\.[-:\.\w]+/,
-		'id': /#[-:\.\w]+/
+		'class': /\.[-:.\w]+/,
+		'id': /#[-:.\w]+/,
+		'attribute': /\[[^\]]+\]/
 	}
 };
 
 Prism.languages.insertBefore('css', 'function', {
-	'hexcode': /#[\da-f]{3,6}/i,
+	'hexcode': /#[\da-f]{3,8}/i,
 	'entity': /\\[\da-f]{1,8}/i,
-	'number': /[\d%\.]+/
-});;
+	'number': /[\d%.]+/
+});
 Prism.languages.git = {
 	/*
 	 * A simple one line comment like in a git status command
@@ -741,12 +1085,18 @@ Prism.languages.git = {
 	 * # and have 1 and 2 different commits each, respectively.
 	 * nothing to commit (working directory clean)
 	 */
-	'comment': /^#.*$/m,
+	'comment': /^#.*/m,
+
+	/*
+	 * Regexp to match the changed lines in a git diff output. Check the example below.
+	 */
+	'deleted': /^[-–].*/m,
+	'inserted': /^\+.*/m,
 
 	/*
 	 * a string (double and simple quote)
 	 */
-	'string': /("|')(\\?.)*?\1/m,
+	'string': /("|')(?:\\.|(?!\1)[^\\\r\n])*\1/m,
 
 	/*
 	 * a git command. It starts with a random prompt finishing by a $, then "git" then some other parameters
@@ -762,7 +1112,7 @@ Prism.languages.git = {
 			 * $ git diff --cached
 			 * $ git log -p
 			 */
-			'parameter': /\s(--|-)\w+/m
+			'parameter': /\s--?\w+/m
 		}
 	},
 
@@ -781,12 +1131,6 @@ Prism.languages.git = {
 	 */
 	'coord': /^@@.*@@$/m,
 
-	/*
-	 * Regexp to match the changed lines in a git diff output. Check the example above.
-	 */
-	'deleted': /^-(?!-).+$/m,
-	'inserted': /^\+(?!\+).+$/m,
-
 	/*
 	 * Match a "commit [SHA1]" line in a git log output.
 	 * For instance:
@@ -799,28 +1143,50 @@ Prism.languages.git = {
 	 */
 	'commit_sha1': /^commit \w{40}$/m
 };
-;
+
 Prism.languages.java = Prism.languages.extend('clike', {
-	'keyword': /\b(abstract|continue|for|new|switch|assert|default|goto|package|synchronized|boolean|do|if|private|this|break|double|implements|protected|throw|byte|else|import|public|throws|case|enum|instanceof|return|transient|catch|extends|int|short|try|char|final|interface|static|void|class|finally|long|strictfp|volatile|const|float|native|super|while)\b/,
-	'number': /\b0b[01]+\b|\b0x[\da-f]*\.?[\da-fp\-]+\b|\b\d*\.?\d+[e]?[\d]*[df]\b|\b\d*\.?\d+\b/i,
+	'keyword': /\b(?:abstract|continue|for|new|switch|assert|default|goto|package|synchronized|boolean|do|if|private|this|break|double|implements|protected|throw|byte|else|import|public|throws|case|enum|instanceof|return|transient|catch|extends|int|short|try|char|final|interface|static|void|class|finally|long|strictfp|volatile|const|float|native|super|while)\b/,
+	'number': /\b0b[01]+\b|\b0x[\da-f]*\.?[\da-fp\-]+\b|\b\d*\.?\d+(?:e[+-]?\d+)?[df]?\b/i,
 	'operator': {
-		pattern: /(^|[^\.])(?:\+=|\+\+?|-=|--?|!=?|<{1,2}=?|>{1,3}=?|==?|&=|&&?|\|=|\|\|?|\?|\*=?|\/=?|%=?|\^=?|:|~)/m,
+		pattern: /(^|[^.])(?:\+[+=]?|-[-=]?|!=?|<<?=?|>>?>?=?|==?|&[&=]?|\|[|=]?|\*=?|\/=?|%=?|\^=?|[?:~])/m,
+		lookbehind: true
+	}
+});
+
+Prism.languages.insertBefore('java','function', {
+	'annotation': {
+		alias: 'punctuation',
+		pattern: /(^|[^.])@\w+/,
 		lookbehind: true
 	}
-});;
+});
+
+Prism.languages.json = {
+	'property': /"(?:\\.|[^\\"\r\n])*"(?=\s*:)/i,
+	'string': {
+		pattern: /"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,
+		greedy: true
+	},
+	'number': /\b-?(?:0x[\dA-Fa-f]+|\d*\.?\d+(?:[Ee][+-]?\d+)?)\b/,
+	'punctuation': /[{}[\]);,]/,
+	'operator': /:/g,
+	'boolean': /\b(?:true|false)\b/i,
+	'null': /\bnull\b/i
+};
+
+Prism.languages.jsonp = Prism.languages.json;
+
 Prism.languages.markdown = Prism.languages.extend('markup', {});
 Prism.languages.insertBefore('markdown', 'prolog', {
 	'blockquote': {
 		// > ...
-		pattern: /(^|\n)>(?:[\t ]*>)*/,
-		lookbehind: true,
+		pattern: /^>(?:[\t ]*>)*/m,
 		alias: 'punctuation'
 	},
 	'code': [
 		{
 			// Prefixed by 4 spaces or 1 tab
-			pattern: /(^|\n)(?: {4}|\t).+/,
-			lookbehind: true,
+			pattern: /^(?: {4}|\t).+/m,
 			alias: 'keyword'
 		},
 		{
@@ -837,7 +1203,7 @@ Prism.languages.insertBefore('markdown', 'prolog', {
 
 			// title 2
 			// -------
-			pattern: /\w+.*\n(?:==+|--+)/,
+			pattern: /\w+.*(?:\r?\n|\r)(?:==+|--+)/,
 			alias: 'important',
 			inside: {
 				punctuation: /==+$|--+$/
@@ -846,7 +1212,7 @@ Prism.languages.insertBefore('markdown', 'prolog', {
 		{
 			// # title 1
 			// ###### title 6
-			pattern: /((?:^|\n)\s*)#+.+/,
+			pattern: /(^\s*)#+.+/m,
 			lookbehind: true,
 			alias: 'important',
 			inside: {
@@ -859,7 +1225,7 @@ Prism.languages.insertBefore('markdown', 'prolog', {
 		// ---
 		// * * *
 		// -----------
-		pattern: /((?:^|\n)\s*)([*-])([\t ]*\2){2,}(?=\s*(?:\n|$))/,
+		pattern: /(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,
 		lookbehind: true,
 		alias: 'punctuation'
 	},
@@ -868,7 +1234,7 @@ Prism.languages.insertBefore('markdown', 'prolog', {
 		// + item
 		// - item
 		// 1. item
-		pattern: /((?:^|\n)\s*)(?:[*+-]|\d+\.)(?=[\t ].)/,
+		pattern: /(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,
 		lookbehind: true,
 		alias: 'punctuation'
 	},
@@ -877,14 +1243,14 @@ Prism.languages.insertBefore('markdown', 'prolog', {
 		// [id]: http://example.com 'Optional title'
 		// [id]: http://example.com (Optional title)
 		// [id]: <http://example.com> "Optional title"
-		pattern: /!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:[^>]|\\>)+>)(?:[\t ]+(?:"(?:[^"]|\\")*"|'(?:[^']|\\')*'|\((?:[^)]|\\\))*\)))?/,
+		pattern: /!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,
 		inside: {
 			'variable': {
 				pattern: /^(!?\[)[^\]]+/,
 				lookbehind: true
 			},
-			'string': /(?:"(?:[^"]|\\")*"|'(?:[^']|\\')*'|\((?:[^)]|\\\))*\))$/,
-			'punctuation': /[[\]\(\)<>:]/
+			'string': /(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,
+			'punctuation': /^[\[\]!:]|[<>]/
 		},
 		alias: 'url'
 	},
@@ -893,10 +1259,10 @@ Prism.languages.insertBefore('markdown', 'prolog', {
 		// __strong__
 
 		// Allow only one line break
-		pattern: /(^|[^\\])(\*\*|__)(?:\n(?!\n)|.)+?\2/,
+		pattern: /(^|[^\\])(\*\*|__)(?:(?:\r?\n|\r)(?!\r?\n|\r)|.)+?\2/,
 		lookbehind: true,
 		inside: {
-			'punctuation': /^\*\*|^__|\*\*\s*$|__\s*$/
+			'punctuation': /^\*\*|^__|\*\*$|__$/
 		}
 	},
 	'italic': {
@@ -904,7 +1270,7 @@ Prism.languages.insertBefore('markdown', 'prolog', {
 		// _em_
 
 		// Allow only one line break
-		pattern: /(^|[^\\])(?:\*(?:\n(?!\n)|.)+?\*|_(?:\n(?!\n)|.)+?_)/,
+		pattern: /(^|[^\\])([*_])(?:(?:\r?\n|\r)(?!\r?\n|\r)|.)+?\2/,
 		lookbehind: true,
 		inside: {
 			'punctuation': /^[*_]|[*_]$/
@@ -913,14 +1279,14 @@ Prism.languages.insertBefore('markdown', 'prolog', {
 	'url': {
 		// [example](http://example.com "Optional title")
 		// [example] [id]
-		pattern: /!?\[[^\]]+\](?:\([^\s)]+(?:[\t ]+"(?:[^"]|\\")*")?\)| ?\[[^\]\n]*\])/,
+		pattern: /!?\[[^\]]+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)| ?\[[^\]\n]*\])/,
 		inside: {
 			'variable': {
 				pattern: /(!?\[)[^\]]+(?=\]$)/,
 				lookbehind: true
 			},
 			'string': {
-				pattern: /"(?:[^"]|\\")*"(?=\)$)/
+				pattern: /"(?:\\.|[^"\\])*"(?=\)$)/
 			}
 		}
 	}
@@ -929,7 +1295,18 @@ Prism.languages.insertBefore('markdown', 'prolog', {
 Prism.languages.markdown['bold'].inside['url'] = Prism.util.clone(Prism.languages.markdown['url']);
 Prism.languages.markdown['italic'].inside['url'] = Prism.util.clone(Prism.languages.markdown['url']);
 Prism.languages.markdown['bold'].inside['italic'] = Prism.util.clone(Prism.languages.markdown['italic']);
-Prism.languages.markdown['italic'].inside['bold'] = Prism.util.clone(Prism.languages.markdown['bold']);;
+Prism.languages.markdown['italic'].inside['bold'] = Prism.util.clone(Prism.languages.markdown['bold']);
+Prism.languages.nginx = Prism.languages.extend('clike', {
+        'comment': {
+                pattern: /(^|[^"{\\])#.*/,
+                lookbehind: true
+        },
+        'keyword': /\b(?:CONTENT_|DOCUMENT_|GATEWAY_|HTTP_|HTTPS|if_not_empty|PATH_|QUERY_|REDIRECT_|REMOTE_|REQUEST_|SCGI|SCRIPT_|SERVER_|http|events|accept_mutex|accept_mutex_delay|access_log|add_after_body|add_before_body|add_header|addition_types|aio|alias|allow|ancient_browser|ancient_browser_value|auth|auth_basic|auth_basic_user_file|auth_http|auth_http_header|auth_http_timeout|autoindex|autoindex_exact_size|autoindex_localtime|break|charset|charset_map|charset_types|chunked_transfer_encoding|client_body_buffer_size|client_body_in_file_only|client_body_in_single_buffer|client_body_temp_path|client_body_timeout|client_header_buffer_size|client_header_timeout|client_max_body_size|connection_pool_size|create_full_put_path|daemon|dav_access|dav_methods|debug_connection|debug_points|default_type|deny|devpoll_changes|devpoll_events|directio|directio_alignment|disable_symlinks|empty_gif|env|epoll_events|error_log|error_page|expires|fastcgi_buffer_size|fastcgi_buffers|fastcgi_busy_buffers_size|fastcgi_cache|fastcgi_cache_bypass|fastcgi_cache_key|fastcgi_cache_lock|fastcgi_cache_lock_timeout|fastcgi_cache_methods|fastcgi_cache_min_uses|fastcgi_cache_path|fastcgi_cache_purge|fastcgi_cache_use_stale|fastcgi_cache_valid|fastcgi_connect_timeout|fastcgi_hide_header|fastcgi_ignore_client_abort|fastcgi_ignore_headers|fastcgi_index|fastcgi_intercept_errors|fastcgi_keep_conn|fastcgi_max_temp_file_size|fastcgi_next_upstream|fastcgi_no_cache|fastcgi_param|fastcgi_pass|fastcgi_pass_header|fastcgi_read_timeout|fastcgi_redirect_errors|fastcgi_send_timeout|fastcgi_split_path_info|fastcgi_store|fastcgi_store_access|fastcgi_temp_file_write_size|fastcgi_temp_path|flv|geo|geoip_city|geoip_country|google_perftools_profiles|gzip|gzip_buffers|gzip_comp_level|gzip_disable|gzip_http_version|gzip_min_length|gzip_proxied|gzip_static|gzip_types|gzip_vary|if|if_modified_since|ignore_invalid_headers|image_filter|image_filter_buffer|image_filter_jpeg_quality|image_filter_sharpen|image_filter_transparency|imap_capabilities|imap_client_buffer|include|index|internal|ip_hash|keepalive|keepalive_disable|keepalive_requests|keepalive_timeout|kqueue_changes|kqueue_events|large_client_header_buffers|limit_conn|limit_conn_log_level|limit_conn_zone|limit_except|limit_rate|limit_rate_after|limit_req|limit_req_log_level|limit_req_zone|limit_zone|lingering_close|lingering_time|lingering_timeout|listen|location|lock_file|log_format|log_format_combined|log_not_found|log_subrequest|map|map_hash_bucket_size|map_hash_max_size|master_process|max_ranges|memcached_buffer_size|memcached_connect_timeout|memcached_next_upstream|memcached_pass|memcached_read_timeout|memcached_send_timeout|merge_slashes|min_delete_depth|modern_browser|modern_browser_value|mp4|mp4_buffer_size|mp4_max_buffer_size|msie_padding|msie_refresh|multi_accept|open_file_cache|open_file_cache_errors|open_file_cache_min_uses|open_file_cache_valid|open_log_file_cache|optimize_server_names|override_charset|pcre_jit|perl|perl_modules|perl_require|perl_set|pid|pop3_auth|pop3_capabilities|port_in_redirect|post_action|postpone_output|protocol|proxy|proxy_buffer|proxy_buffer_size|proxy_buffering|proxy_buffers|proxy_busy_buffers_size|proxy_cache|proxy_cache_bypass|proxy_cache_key|proxy_cache_lock|proxy_cache_lock_timeout|proxy_cache_methods|proxy_cache_min_uses|proxy_cache_path|proxy_cache_use_stale|proxy_cache_valid|proxy_connect_timeout|proxy_cookie_domain|proxy_cookie_path|proxy_headers_hash_bucket_size|proxy_headers_hash_max_size|proxy_hide_header|proxy_http_version|proxy_ignore_client_abort|proxy_ignore_headers|proxy_intercept_errors|proxy_max_temp_file_size|proxy_method|proxy_next_upstream|proxy_no_cache|proxy_pass|proxy_pass_error_message|proxy_pass_header|proxy_pass_request_body|proxy_pass_request_headers|proxy_read_timeout|proxy_redirect|proxy_redirect_errors|proxy_send_lowat|proxy_send_timeout|proxy_set_body|proxy_set_header|proxy_ssl_session_reuse|proxy_store|proxy_store_access|proxy_temp_file_write_size|proxy_temp_path|proxy_timeout|proxy_upstream_fail_timeout|proxy_upstream_max_fails|random_index|read_ahead|real_ip_header|recursive_error_pages|request_pool_size|reset_timedout_connection|resolver|resolver_timeout|return|rewrite|root|rtsig_overflow_events|rtsig_overflow_test|rtsig_overflow_threshold|rtsig_signo|satisfy|satisfy_any|secure_link_secret|send_lowat|send_timeout|sendfile|sendfile_max_chunk|server|server_name|server_name_in_redirect|server_names_hash_bucket_size|server_names_hash_max_size|server_tokens|set|set_real_ip_from|smtp_auth|smtp_capabilities|so_keepalive|source_charset|split_clients|ssi|ssi_silent_errors|ssi_types|ssi_value_length|ssl|ssl_certificate|ssl_certificate_key|ssl_ciphers|ssl_client_certificate|ssl_crl|ssl_dhparam|ssl_engine|ssl_prefer_server_ciphers|ssl_protocols|ssl_session_cache|ssl_session_timeout|ssl_verify_client|ssl_verify_depth|starttls|stub_status|sub_filter|sub_filter_once|sub_filter_types|tcp_nodelay|tcp_nopush|timeout|timer_resolution|try_files|types|types_hash_bucket_size|types_hash_max_size|underscores_in_headers|uninitialized_variable_warn|upstream|use|user|userid|userid_domain|userid_expires|userid_name|userid_p3p|userid_path|userid_service|valid_referers|variables_hash_bucket_size|variables_hash_max_size|worker_connections|worker_cpu_affinity|worker_priority|worker_processes|worker_rlimit_core|worker_rlimit_nofile|worker_rlimit_sigpending|working_directory|xclient|xml_entities|xslt_entities|xslt_stylesheet|xslt_types)\b/i
+});
+
+Prism.languages.insertBefore('nginx', 'keyword', {
+        'variable': /\$[a-z_]+/i
+});
 /**
  * Original by Aaron Harun: http://aahacreative.com/2012/07/31/php-syntax-highlighting-prism/
  * Modified by Miles Johnson: http://milesj.me
@@ -944,10 +1321,10 @@ Prism.languages.markdown['italic'].inside['bold'] = Prism.util.clone(Prism.langu
  */
 
 Prism.languages.php = Prism.languages.extend('clike', {
-	'keyword': /\b(and|or|xor|array|as|break|case|cfunction|class|const|continue|declare|default|die|do|else|elseif|enddeclare|endfor|endforeach|endif|endswitch|endwhile|extends|for|foreach|function|include|include_once|global|if|new|return|static|switch|use|require|require_once|var|while|abstract|interface|public|implements|private|protected|parent|throw|null|echo|print|trait|namespace|final|yield|goto|instanceof|finally|try|catch)\b/i,
+	'keyword': /\b(?:and|or|xor|array|as|break|case|cfunction|class|const|continue|declare|default|die|do|else|elseif|enddeclare|endfor|endforeach|endif|endswitch|endwhile|extends|for|foreach|function|include|include_once|global|if|new|return|static|switch|use|require|require_once|var|while|abstract|interface|public|implements|private|protected|parent|throw|null|echo|print|trait|namespace|final|yield|goto|instanceof|finally|try|catch)\b/i,
 	'constant': /\b[A-Z0-9_]{2,}\b/,
 	'comment': {
-		pattern: /(^|[^\\])(\/\*[\w\W]*?\*\/|(^|[^:])(\/\/).*?(\r?\n|$))/,
+		pattern: /(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,
 		lookbehind: true
 	}
 });
@@ -956,15 +1333,18 @@ Prism.languages.php = Prism.languages.extend('clike', {
 // common than strings containing hashes...
 Prism.languages.insertBefore('php', 'class-name', {
 	'shell-comment': {
-		pattern: /(^|[^\\])#.*?(\r?\n|$)/,
+		pattern: /(^|[^\\])#.*/,
 		lookbehind: true,
 		alias: 'comment'
 	}
 });
 
 Prism.languages.insertBefore('php', 'keyword', {
-	'delimiter': /(\?>|<\?php|<\?)/i,
-	'variable': /(\$\w+)\b/i,
+	'delimiter': {
+		pattern: /\?>|<\?(?:php|=)?/i,
+		alias: 'important'
+	},
+	'variable': /\$\w+\b/i,
 	'package': {
 		pattern: /(\\|namespace\s+|use\s+)[\w\\]+/,
 		lookbehind: true,
@@ -982,29 +1362,38 @@ Prism.languages.insertBefore('php', 'operator', {
 	}
 });
 
-// Add HTML support of the markup language exists
+// Add HTML support if the markup language exists
 if (Prism.languages.markup) {
 
 	// Tokenize all inline PHP blocks that are wrapped in <?php ?>
 	// This allows for easy PHP + markup highlighting
 	Prism.hooks.add('before-highlight', function(env) {
-		if (env.language !== 'php') {
+		if (env.language !== 'php' || !/(?:<\?php|<\?)/ig.test(env.code)) {
 			return;
 		}
 
 		env.tokenStack = [];
 
 		env.backupCode = env.code;
-		env.code = env.code.replace(/(?:<\?php|<\?)[\w\W]*?(?:\?>)/ig, function(match) {
-			env.tokenStack.push(match);
+		env.code = env.code.replace(/(?:<\?php|<\?)[\s\S]*?(?:\?>|$)/ig, function(match) {
+			var i = env.tokenStack.length;
+			// Check for existing strings
+			while (env.backupCode.indexOf('___PHP' + i + '___') !== -1)
+				++i;
+
+			// Create a sparse array
+			env.tokenStack[i] = match;
 
-			return '{{{PHP' + env.tokenStack.length + '}}}';
+			return '___PHP' + i + '___';
 		});
+
+		// Switch the grammar to markup
+		env.grammar = Prism.languages.markup;
 	});
 
 	// Restore env.code for other plugins (e.g. line-numbers)
 	Prism.hooks.add('before-insert', function(env) {
-		if (env.language === 'php') {
+		if (env.language === 'php' && env.backupCode) {
 			env.code = env.backupCode;
 			delete env.backupCode;
 		}
@@ -1012,49 +1401,46 @@ if (Prism.languages.markup) {
 
 	// Re-insert the tokens after highlighting
 	Prism.hooks.add('after-highlight', function(env) {
-		if (env.language !== 'php') {
+		if (env.language !== 'php' || !env.tokenStack) {
 			return;
 		}
 
-		for (var i = 0, t; t = env.tokenStack[i]; i++) {
-			env.highlightedCode = env.highlightedCode.replace('{{{PHP' + (i + 1) + '}}}', Prism.highlight(t, env.grammar, 'php'));
-		}
+		// Switch the grammar back
+		env.grammar = Prism.languages.php;
 
-		env.element.innerHTML = env.highlightedCode;
-	});
+		for (var i = 0, keys = Object.keys(env.tokenStack); i < keys.length; ++i) {
+			var k = keys[i];
+			var t = env.tokenStack[k];
 
-	// Wrap tokens in classes that are missing them
-	Prism.hooks.add('wrap', function(env) {
-		if (env.language === 'php' && env.type === 'markup') {
-			env.content = env.content.replace(/(\{\{\{PHP[0-9]+\}\}\})/g, "<span class=\"token php\">$1</span>");
+			// The replace prevents $$, $&, $`, $', $n, $nn from being interpreted as special patterns
+			env.highlightedCode = env.highlightedCode.replace('___PHP' + k + '___',
+					"<span class=\"token php language-php\">" +
+					Prism.highlight(t, env.grammar, 'php').replace(/\$/g, '$$$$') +
+					"</span>");
 		}
-	});
 
-	// Add the rules before all others
-	Prism.languages.insertBefore('php', 'comment', {
-		'markup': {
-			pattern: /<[^?]\/?(.*?)>/,
-			inside: Prism.languages.markup
-		},
-		'php': /\{\{\{PHP[0-9]+\}\}\}/
+		env.element.innerHTML = env.highlightedCode;
 	});
 }
 ;
 Prism.languages.insertBefore('php', 'variable', {
-	'this': /\$this/,
-	'global': /\$_?(GLOBALS|SERVER|GET|POST|FILES|REQUEST|SESSION|ENV|COOKIE|HTTP_RAW_POST_DATA|argc|argv|php_errormsg|http_response_header)/,
+	'this': /\$this\b/,
+	'global': /\$(?:_(?:SERVER|GET|POST|FILES|REQUEST|SESSION|ENV|COOKIE)|GLOBALS|HTTP_RAW_POST_DATA|argc|argv|php_errormsg|http_response_header)\b/,
 	'scope': {
 		pattern: /\b[\w\\]+::/,
 		inside: {
-			keyword: /(static|self|parent)/,
-			punctuation: /(::|\\)/
+			keyword: /static|self|parent/,
+			punctuation: /::|\\/
 		}
 	}
-});;
+});
 (function(Prism) {
 	Prism.languages.sass = Prism.languages.extend('css', {
 		// Sass comments don't need to be closed, only indented
-		'comment': /^([ \t]*)\/[\/*].*(?:(?:\r?\n|\r)\1[ \t]+.+)*/m
+		'comment': {
+			pattern: /^([ \t]*)\/[\/*].*(?:(?:\r?\n|\r)\1[ \t]+.+)*/m,
+			lookbehind: true
+		}
 	});
 
 	Prism.languages.insertBefore('sass', 'atrule', {
@@ -1063,21 +1449,26 @@ Prism.languages.insertBefore('php', 'variable', {
 			// Includes support for = and + shortcuts
 			pattern: /^(?:[ \t]*)[@+=].+/m,
 			inside: {
-				'atrule': /^(?:[ \t]*)(?:@[\w-]+|[+=])/m
+				'atrule': /(?:@[\w-]+|[+=])/m
 			}
 		}
 	});
 	delete Prism.languages.sass.atrule;
 
 
-	var variable = /((\$[-_\w]+)|(#\{\$[-_\w]+\}))/i;
-	var operator = /[-+]{1,2}|==?|!=|\|?\||\?|\*|\/|%/;
+	var variable = /\$[-\w]+|#\{\$[-\w]+\}/;
+	var operator = [
+		/[+*\/%]|[=!]=|<=?|>=?|\b(?:and|or|not)\b/,
+		{
+			pattern: /(\s+)-(?=\s)/,
+			lookbehind: true
+		}
+	];
 
 	Prism.languages.insertBefore('sass', 'property', {
 		// We want to consume the whole line
 		'variable-line': {
-			pattern: /(^|(?:\r?\n|\r))[ \t]*\$.+/,
-			lookbehind: true,
+			pattern: /^[ \t]*\$.+/m,
 			inside: {
 				'punctuation': /:/,
 				'variable': variable,
@@ -1086,8 +1477,7 @@ Prism.languages.insertBefore('php', 'variable', {
 		},
 		// We want to consume the whole line
 		'property-line': {
-			pattern: /(^|(?:\r?\n|\r))[ \t]*(?:[^:\s]+[ ]*:.*|:[^:\s]+.*)/i,
-			lookbehind: true,
+			pattern: /^[ \t]*(?:[^:\s]+ *:.*|:[^:\s]+.*)/m,
 			inside: {
 				'property': [
 					/[^:\s]+(?=\s*:)/,
@@ -1111,176 +1501,330 @@ Prism.languages.insertBefore('php', 'variable', {
 	delete Prism.languages.sass.selector;
 	Prism.languages.insertBefore('sass', 'punctuation', {
 		'selector': {
-			pattern: /([ \t]*).+(?:,(?:\r?\n|\r)\1[ \t]+.+)*/,
+			pattern: /([ \t]*)\S(?:,?[^,\r\n]+)*(?:,(?:\r?\n|\r)\1[ \t]+\S(?:,?[^,\r\n]+)*)*/,
 			lookbehind: true
 		}
 	});
 
-}(Prism));;
+}(Prism));
 Prism.languages.scss = Prism.languages.extend('css', {
 	'comment': {
-		pattern: /(^|[^\\])(\/\*[\w\W]*?\*\/|\/\/.*?(\r?\n|$))/,
+		pattern: /(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,
 		lookbehind: true
 	},
-	// aturle is just the @***, not the entire rule (to highlight var & stuffs)
-	// + add ability to highlight number & unit for media queries
-	'atrule': /@[\w-]+(?=\s+(\(|\{|;))/i,
+	'atrule': {
+		pattern: /@[\w-]+(?:\([^()]+\)|[^(])*?(?=\s+[{;])/,
+		inside: {
+			'rule': /@[\w-]+/
+			// See rest below
+		}
+	},
 	// url, compassified
-	'url': /([-a-z]+-)*url(?=\()/i,
+	'url': /(?:[-a-z]+-)*url(?=\()/i,
 	// CSS selector regex is not appropriate for Sass
 	// since there can be lot more things (var, @ directive, nesting..)
 	// a selector must start at the end of a property or after a brace (end of other rules or nesting)
-	// it can contain some caracters that aren't used for defining rules or end of selector, & (parent selector), or interpolated variable
+	// it can contain some characters that aren't used for defining rules or end of selector, & (parent selector), or interpolated variable
 	// the end of a selector is found when there is no rules in it ( {} or {\s}) or if there is a property (because an interpolated var
 	// can "pass" as a selector- e.g: proper#{$erty})
-	// this one was ard to do, so please be careful if you edit this one :)
-	'selector': /([^@;\{\}\(\)]?([^@;\{\}\(\)]|&|#\{\$[-_\w]+\})+)(?=\s*\{(\}|\s|[^\}]+(:|\{)[^\}]+))/m
+	// this one was hard to do, so please be careful if you edit this one :)
+	'selector': {
+		// Initial look-ahead is used to prevent matching of blank selectors
+		pattern: /(?=\S)[^@;{}()]?(?:[^@;{}()]|&|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}]+[:{][^}]+))/m,
+		inside: {
+			'parent': {
+				pattern: /&/,
+				alias: 'important'
+			},
+			'placeholder': /%[-\w]+/,
+			'variable': /\$[-\w]+|#\{\$[-\w]+\}/
+		}
+	}
 });
 
 Prism.languages.insertBefore('scss', 'atrule', {
-	'keyword': /@(if|else if|else|for|each|while|import|extend|debug|warn|mixin|include|function|return|content)|(?=@for\s+\$[-_\w]+\s)+from/i
+	'keyword': [
+		/@(?:if|else(?: if)?|for|each|while|import|extend|debug|warn|mixin|include|function|return|content)/i,
+		{
+			pattern: /( +)(?:from|through)(?= )/,
+			lookbehind: true
+		}
+	]
 });
 
-Prism.languages.insertBefore('scss', 'property', {
+Prism.languages.scss.property = {
+	pattern: /(?:[\w-]|\$[-\w]+|#\{\$[-\w]+\})+(?=\s*:)/i,
+	inside: {
+		'variable': /\$[-\w]+|#\{\$[-\w]+\}/
+	}
+};
+
+Prism.languages.insertBefore('scss', 'important', {
 	// var and interpolated vars
-	'variable': /((\$[-_\w]+)|(#\{\$[-_\w]+\}))/i
+	'variable': /\$[-\w]+|#\{\$[-\w]+\}/
 });
 
 Prism.languages.insertBefore('scss', 'function', {
-	'placeholder': /%[-_\w]+/i,
-	'statement': /\B!(default|optional)\b/i,
-	'boolean': /\b(true|false)\b/,
-	'null': /\b(null)\b/,
-	'operator': /\s+([-+]{1,2}|={1,2}|!=|\|?\||\?|\*|\/|%)\s+/
+	'placeholder': {
+		pattern: /%[-\w]+/,
+		alias: 'selector'
+	},
+	'statement': {
+		pattern: /\B!(?:default|optional)\b/i,
+		alias: 'keyword'
+	},
+	'boolean': /\b(?:true|false)\b/,
+	'null': /\bnull\b/,
+	'operator': {
+		pattern: /(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|or|not)(?=\s)/,
+		lookbehind: true
+	}
 });
-;
+
+Prism.languages.scss['atrule'].inside.rest = Prism.util.clone(Prism.languages.scss);
 Prism.languages.twig = {
 	'comment': /\{#[\s\S]*?#\}/,
 	'tag': {
-		pattern: /(\{\{[\s\S]*?\}\}|\{%[\s\S]*?%\})/,
+		pattern: /\{\{[\s\S]*?\}\}|\{%[\s\S]*?%\}/,
 		inside: {
 			'ld': {
-				pattern: /^(\{\{\-?|\{%\-?\s*\w+)/,
+				pattern: /^(?:\{\{-?|\{%-?\s*\w+)/,
 				inside: {
-					'punctuation': /^(\{\{|\{%)\-?/,
+					'punctuation': /^(?:\{\{|\{%)-?/,
 					'keyword': /\w+/
 				}
 			},
 			'rd': {
-				pattern: /\-?(%\}|\}\})$/,
+				pattern: /-?(?:%\}|\}\})$/,
 				inside: {
 					'punctuation': /.*/
 				}
 			},
 			'string': {
-				pattern: /("|')(\\?.)*?\1/,
-				inside: {
-					'punctuation': /^('|")|('|")$/
-				}
-			},
-			'keyword': /\b(if)\b/,
-			'boolean': /\b(true|false|null)\b/,
-			'number': /\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?)\b/,
-			'operator': /==|=|!=|<|>|>=|<=|\+|\-|~|\*|\/|\/\/|%|\*\*|\|/,
-			'space-operator': {
-				pattern: /(\s)(\b(not|b\-and|b\-xor|b\-or|and|or|in|matches|starts with|ends with|is)\b|\?|:|\?:)(?=\s)/,
-				lookbehind: true,
+				pattern: /("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,
 				inside: {
-					'operator': /.*/
+					'punctuation': /^['"]|['"]$/
 				}
 			},
-			'property': /\b[a-zA-Z_][a-zA-Z0-9_]*\b/,
-			'punctuation': /\(|\)|\[\]|\[|\]|\{|\}|:|\.|,/
+			'keyword': /\b(?:even|if|odd)\b/,
+			'boolean': /\b(?:true|false|null)\b/,
+			'number': /\b-?(?:0x[\dA-Fa-f]+|\d*\.?\d+(?:[Ee][-+]?\d+)?)\b/,
+			'operator': [
+				{
+					pattern: /(\s)(?:and|b-and|b-xor|b-or|ends with|in|is|matches|not|or|same as|starts with)(?=\s)/,
+					lookbehind: true
+				},
+				/[=<>]=?|!=|\*\*?|\/\/?|\?:?|[-+~%|]/
+			],
+			'property': /\b[a-zA-Z_]\w*\b/,
+			'punctuation': /[()\[\]{}:.,]/
 		}
 	},
 
 	// The rest can be parsed as HTML
 	'other': {
-		pattern: /[\s\S]*/,
+		// We want non-blank matches
+		pattern: /\S(?:[\s\S]*\S)?/,
 		inside: Prism.languages.markup
 	}
 };
-;
+
 Prism.languages.yaml = {
 	'scalar': {
-		pattern: /([\-:]\s*(![^\s]+)?[ \t]*[|>])[ \t]*(?:(\n[ \t]+)[^\r\n]+(?:\3[^\r\n]+)*)/,
+		pattern: /([\-:]\s*(?:![^\s]+)?[ \t]*[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)[^\r\n]+(?:\2[^\r\n]+)*)/,
 		lookbehind: true,
 		alias: 'string'
 	},
-	'comment': /#[^\n]+/,
+	'comment': /#.*/,
 	'key': {
-		pattern: /(\s*[:\-,[{\n?][ \t]*(![^\s]+)?[ \t]*)[^\n{[\]},#]+?(?=\s*:\s)/,
+		pattern: /(\s*(?:^|[:\-,[{\r\n?])[ \t]*(?:![^\s]+)?[ \t]*)[^\r\n{[\]},#\s]+?(?=\s*:\s)/,
 		lookbehind: true,
 		alias: 'atrule'
 	},
 	'directive': {
-		pattern: /((^|\n)[ \t]*)%[^\n]+/,
+		pattern: /(^[ \t]*)%.+/m,
 		lookbehind: true,
 		alias: 'important'
 	},
 	'datetime': {
-		pattern: /([:\-,[{]\s*(![^\s]+)?[ \t]*)(\d{4}-\d\d?-\d\d?([tT]|[ \t]+)\d\d?:\d{2}:\d{2}(\.\d*)?[ \t]*(Z|[-+]\d\d?(:\d{2})?)?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(:\d{2}(\.\d*)?)?)(?=[ \t]*(\n|$|,|]|}))/,
+		pattern: /([:\-,[{]\s*(?:![^\s]+)?[ \t]*)(?:\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?)?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?)(?=[ \t]*(?:$|,|]|}))/m,
 		lookbehind: true,
 		alias: 'number'
 	},
 	'boolean': {
-		pattern: /([:\-,[{]\s*(![^\s]+)?[ \t]*)(true|false)[ \t]*(?=\n|$|,|]|})/i,
+		pattern: /([:\-,[{]\s*(?:![^\s]+)?[ \t]*)(?:true|false)[ \t]*(?=$|,|]|})/im,
 		lookbehind: true,
 		alias: 'important'
 	},
 	'null': {
-		pattern: /([:\-,[{]\s*(![^\s]+)?[ \t]*)(null|~)[ \t]*(?=\n|$|,|]|})/i,
+		pattern: /([:\-,[{]\s*(?:![^\s]+)?[ \t]*)(?:null|~)[ \t]*(?=$|,|]|})/im,
 		lookbehind: true,
 		alias: 'important'
 	},
 	'string': {
-		pattern: /([:\-,[{]\s*(![^\s]+)?[ \t]*)("(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*')(?=[ \t]*(\n|$|,|]|}))/,
-		lookbehind: true
+		pattern: /([:\-,[{]\s*(?:![^\s]+)?[ \t]*)("|')(?:(?!\2)[^\\\r\n]|\\.)*\2(?=[ \t]*(?:$|,|]|}))/m,
+		lookbehind: true,
+		greedy: true
 	},
 	'number': {
-		pattern: /([:\-,[{]\s*(![^\s]+)?[ \t]*)[+\-]?(0x[\dA-Fa-f]+|0o[0-7]+|(\d+\.?\d*|\.?\d+)(e[\+\-]?\d+)?|\.inf|\.nan)[ \t]*(?=\n|$|,|]|})/i,
+		pattern: /([:\-,[{]\s*(?:![^\s]+)?[ \t]*)[+\-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+\.?\d*|\.?\d+)(?:e[+-]?\d+)?|\.inf|\.nan)[ \t]*(?=$|,|]|})/im,
 		lookbehind: true
 	},
 	'tag': /![^\s]+/,
 	'important': /[&*][\w]+/,
-	'punctuation': /([:[\]{}\-,|>?]|---|\.\.\.)/
+	'punctuation': /---|[:[\]{}\-,|>?]|\.\.\./
 };
-;
-Prism.hooks.add('after-highlight', function (env) {
-	// works only for <code> wrapped inside <pre> (not inline)
-	var pre = env.element.parentNode;
-	var clsReg = /\s*\bline-numbers\b\s*/;
-	if (
-		!pre || !/pre/i.test(pre.nodeName) ||
-		// Abort only if nor the <pre> nor the <code> have the class
-		(!clsReg.test(pre.className) && !clsReg.test(env.element.className))
-	) {
+
+(function(){
+
+if (typeof self === 'undefined' || !self.Prism || !self.document || !document.querySelector) {
+	return;
+}
+
+function $$(expr, con) {
+	return Array.prototype.slice.call((con || document).querySelectorAll(expr));
+}
+
+function hasClass(element, className) {
+  className = " " + className + " ";
+  return (" " + element.className + " ").replace(/[\n\t]/g, " ").indexOf(className) > -1
+}
+
+// Some browsers round the line-height, others don't.
+// We need to test for it to position the elements properly.
+var isLineHeightRounded = (function() {
+	var res;
+	return function() {
+		if(typeof res === 'undefined') {
+			var d = document.createElement('div');
+			d.style.fontSize = '13px';
+			d.style.lineHeight = '1.5';
+			d.style.padding = 0;
+			d.style.border = 0;
+			d.innerHTML = '&nbsp;<br />&nbsp;';
+			document.body.appendChild(d);
+			// Browsers that round the line-height should have offsetHeight === 38
+			// The others should have 39.
+			res = d.offsetHeight === 38;
+			document.body.removeChild(d);
+		}
+		return res;
+	}
+}());
+
+function highlightLines(pre, lines, classes) {
+	var ranges = lines.replace(/\s+/g, '').split(','),
+	    offset = +pre.getAttribute('data-line-offset') || 0;
+
+	var parseMethod = isLineHeightRounded() ? parseInt : parseFloat;
+	var lineHeight = parseMethod(getComputedStyle(pre).lineHeight);
+
+	for (var i=0, range; range = ranges[i++];) {
+		range = range.split('-');
+
+		var start = +range[0],
+		    end = +range[1] || start;
+
+		var line = document.createElement('div');
+
+		line.textContent = Array(end - start + 2).join(' \n');
+		line.setAttribute('aria-hidden', 'true');
+		line.className = (classes || '') + ' line-highlight';
+
+		//if the line-numbers plugin is enabled, then there is no reason for this plugin to display the line numbers
+		if(!hasClass(pre, 'line-numbers')) {
+			line.setAttribute('data-start', start);
+
+			if(end > start) {
+				line.setAttribute('data-end', end);
+			}
+		}
+
+		line.style.top = (start - offset - 1) * lineHeight + 'px';
+
+		//allow this to play nicely with the line-numbers plugin
+		if(hasClass(pre, 'line-numbers')) {
+			//need to attack to pre as when line-numbers is enabled, the code tag is relatively which screws up the positioning
+			pre.appendChild(line);
+		} else {
+			(pre.querySelector('code') || pre).appendChild(line);
+		}
+	}
+}
+
+function applyHash() {
+	var hash = location.hash.slice(1);
+
+	// Remove pre-existing temporary lines
+	$$('.temporary.line-highlight').forEach(function (line) {
+		line.parentNode.removeChild(line);
+	});
+
+	var range = (hash.match(/\.([\d,-]+)$/) || [,''])[1];
+
+	if (!range || document.getElementById(hash)) {
 		return;
 	}
 
-	if (clsReg.test(env.element.className)) {
-		// Remove the class "line-numbers" from the <code>
-		env.element.className = env.element.className.replace(clsReg, '');
+	var id = hash.slice(0, hash.lastIndexOf('.')),
+	    pre = document.getElementById(id);
+
+	if (!pre) {
+		return;
 	}
-	if (!clsReg.test(pre.className)) {
-		// Add the class "line-numbers" to the <pre>
-		pre.className += ' line-numbers';
+
+	if (!pre.hasAttribute('data-line')) {
+		pre.setAttribute('data-line', '');
 	}
 
-	var linesNum = (1 + env.code.split('\n').length);
-	var lineNumbersWrapper;
+	highlightLines(pre, range, 'temporary ');
+
+	document.querySelector('.temporary.line-highlight').scrollIntoView();
+}
 
-	var lines = new Array(linesNum);
-	lines = lines.join('<span></span>');
+var fakeTimer = 0; // Hack to limit the number of times applyHash() runs
 
-	lineNumbersWrapper = document.createElement('span');
-	lineNumbersWrapper.className = 'line-numbers-rows';
-	lineNumbersWrapper.innerHTML = lines;
+Prism.hooks.add('before-sanity-check', function(env) {
+	var pre = env.element.parentNode;
+	var lines = pre && pre.getAttribute('data-line');
 
-	if (pre.hasAttribute('data-start')) {
-		pre.style.counterReset = 'linenumber ' + (parseInt(pre.getAttribute('data-start'), 10) - 1);
+	if (!pre || !lines || !/pre/i.test(pre.nodeName)) {
+		return;
+	}
+	
+	/*
+	* Cleanup for other plugins (e.g. autoloader).
+	 *
+	 * Sometimes <code> blocks are highlighted multiple times. It is necessary
+	 * to cleanup any left-over tags, because the whitespace inside of the <div>
+	 * tags change the content of the <code> tag.
+	 */
+	var num = 0;
+	$$('.line-highlight', pre).forEach(function (line) {
+		num += line.textContent.length;
+		line.parentNode.removeChild(line);
+	});
+	// Remove extra whitespace
+	if (num && /^( \n)+$/.test(env.code.slice(-num))) {
+		env.code = env.code.slice(0, -num);
+	}
+});
+
+Prism.hooks.add('complete', function(env) {
+	var pre = env.element.parentNode;
+	var lines = pre && pre.getAttribute('data-line');
+
+	if (!pre || !lines || !/pre/i.test(pre.nodeName)) {
+		return;
 	}
 
-	env.element.appendChild(lineNumbersWrapper);
+	clearTimeout(fakeTimer);
+	highlightLines(pre, lines);
+
+	fakeTimer = setTimeout(applyHash, 1);
+});
+
+	window.addEventListener('hashchange', applyHash);
+
+})();
 
-});;
diff --git a/material_base.theme b/material_base.theme
index 65c69a0..b9826f2 100755
--- a/material_base.theme
+++ b/material_base.theme
@@ -77,6 +77,12 @@ function material_base_form_alter(&$form, FormStateInterface $form_state, $form_
       $form['actions']['#attributes']['class'][] = 'card-item card-actions divider-top';
       $form['actions']['submit']['#attributes']['class'][] = 'btn-accent';
       break;
+    case 'search_block_form':
+      $form['keys']['#attributes']['placeholder'] = t('Search');
+      $form['keys']['#wrapper_attributes']['class'][] = 'icon-left';
+      $form['keys']['#wrapper_attributes']['data-icon'] = 'search';
+      $form['actions']['submit']['#attributes']['class'][] = 'hidden';
+      break;
   }
 }
 
diff --git a/sass/_modules.scss b/sass/_modules.scss
index f455b60..4685b41 100755
--- a/sass/_modules.scss
+++ b/sass/_modules.scss
@@ -237,7 +237,6 @@ pre { margin-top: 16px; margin-bottom: 16px; padding: 12px 16px; overflow: auto;
     a:hover { color: $color-text; border-color: rgba($color-text, .5); }
     .active-trail a, .is-active { border-color: $color-text; } // D7
   }
-  // TO DO add .navbar-item.block-search
 }
 
 .navbar-dark {
@@ -252,10 +251,9 @@ pre { margin-top: 16px; margin-bottom: 16px; padding: 12px 16px; overflow: auto;
     a:hover { color: $color-text-light; border-color: rgba($color-text-light, .5); }
     .active-trail a, .is-active { border-color: $color-text-light; } // D7
   }
-  // TO DO add .navbar-item.block-search
 }
 
-#footer { min-height: 64px; background: $color-bg-bar; @extend .z-level-2; font-size: 14px; } // TDV
+#footer { min-height: 48px; background: $color-bg-bar; @extend .z-level-2; font-size: 14px; } // TDV
 #footer-content { padding: 8px 4px; @extend .clearfix; }
 .region-footer-content { display: flex; flex-wrap: wrap; }
 .footer-item { display: inline-block; min-height: 32px; margin: 0 12px; float: none; line-height: 32px; }
@@ -269,6 +267,7 @@ pre { margin-top: 16px; margin-bottom: 16px; padding: 12px 16px; overflow: auto;
 
 @include breakpoint($xs) {
   #navbar { padding: 8px 12px; }
+  #footer { min-height: 64px; }
   #footer-content { padding: 8px 12px; text-align: center; }
   .region-footer-content { display: block; }
   .footer-item { min-height: 48px; float: left; line-height: 48px; }
@@ -502,11 +501,11 @@ tr.selected:hover { background: $color-bg-hover; } // TDV
   input, textarea, select { border: 0; margin: 0; background: none; outline: 0; appearance: none; border-radius: 0;
     color: $color-text; font-family: $font-family; font-size: 16px;
   } // TDV
-  input[type="text"], input[type="email"], input[type="password"], textarea, select { display: block; width: 100%; max-width: 460px; border-bottom: 1px solid $color-divider; padding: 8px 0;
+  input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea, select { display: block; width: 100%; max-width: 460px; border-bottom: 1px solid $color-divider; padding: 8px 0;
     &:focus, &.error:focus { border-bottom: 2px solid $color-accent; padding-bottom: 7px; }
     &.error { border-bottom: 2px solid color($red); padding: 8px 0 7px; }
     @include input-placeholder { color: $color-text-disabled; }
-  } // TDV CTV
+  } // TDV CTV D7
   input[type="radio"], input[type="checkbox"] { display: inline-block; color: $color-text-secondary; float: left; margin-top: 6px; margin-right: 12px; } // TDV
   input[type="checkbox"]:before { @extend .material-icons; content: 'check_box_outline_blank';  margin-top: -7px; }
   input[type="checkbox"]:checked:before { content: 'check_box'; color: $color-accent; } // TDV CTV
@@ -559,7 +558,6 @@ icon labels
 .navbar-branding { display: flex;
   & > div:not(.contextual) + div { margin: 0 -12px 0 12px; }
 }
-
 .navbar-menu { margin: -8px 0; height: $navbar;
   .menu { display: flex; height: $navbar; padding: 0; margin: 0;
     li { display: block; height: $navbar; }
@@ -575,6 +573,20 @@ icon labels
   a { display: inline-block; padding: 12px; height: 48px; width: 48px; }
   .navbar-icon { margin: 0; }
 }
+.navbar-account-menu {
+  .menu { margin: 0 -12px; padding: 0; list-style: none; display: flex;
+    a { display: inline-block; padding: 12px; height: 48px; width: 48px; position: relative; text-indent: -99999px; color: transparent;
+      &:before { @extend .material-icons; content: "account_circle"; color: contrast-color($color-primary); position: absolute; top: 12px; left: 12px; text-indent: 0; } // CTV
+      &[data-drupal-link-system-path="user/logout"]:before { content: "exit_to_app"; } // D7
+    }
+  }
+}
+
+/* footer */
+.footer-item .menu { display: inline-block; padding: 0; margin: 0; list-style: none;
+  li { display: inline-block; margin-right: 8px; }
+  a { display: inline-block; }
+}
 
 /* drawer */
 #drawer-overlay { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(#000, .5); z-index: 39;
@@ -685,14 +697,14 @@ navbar overlaying header-content (for sliders)
   form { display: block; width: 100%; max-width: $search; height: 48px; padding: 4px 0;
     .form-item { margin: 0; display: flex; height: 40px;
       &.icon-left:before { margin: 8px 12px 8px 0; height: 24px; }
-      input[type="text"] { margin: 2px 0; background: none; }
+      input[type="text"], input[type="search"] { margin: 2px 0; background: none; } // D7
     }
   }
   &.search-persistent form {
     .form-item { background: rgba(#FFF, .15); border-radius: 2px; transition: background-color .2s, box-shadow .2s; position: relative; display: block;
       &:hover { background: rgba(#FFF, .25); }
       &.focused { background: #FFF; @extend .z-level-1; }
-      input[type="text"] { margin: 0; padding: 0 12px 0 60px; height: 40px; line-height: 40px; border: 0; } // TDV (color overrrides when .focused)
+      input[type="text"], input[type="search"] { margin: 0; padding: 0 12px 0 60px; height: 40px; line-height: 40px; border: 0; } // TDV (color overrrides when .focused) D7
       &.icon-left:before { margin: 8px 12px 8px 24px; transition: color .2s; position: absolute; top: 0; left: 0; }
       &.focused.icon-left:before { color: $color-text; } 
     }
@@ -704,27 +716,47 @@ navbar overlaying header-content (for sliders)
 .card-bg-primary .block-search { 
   form {
     .form-item {
-      input[type="text"] { color: contrast-color($color-primary);
+      input[type="text"], input[type="search"] { color: contrast-color($color-primary);
         border-bottom: 1px solid contrast-color($color-primary, $color-text, $color-text-light);
         @include input-placeholder { color: contrast-color($color-primary, $color-text-disabled, $color-text-light-disabled); }
         &:focus, &.error:focus { border-bottom: 2px solid; padding-bottom: 7px; }
-      }
+      } // D7
       &.icon-left:before { color: contrast-color($color-primary); }
     } // CTV
   }
   &.search-persistent form {
     .form-item { 
-      input[type="text"] { border: 0;
+      input[type="text"], input[type="search"] { border: 0;
         &:focus, &.error:focus { border: 0; padding-bottom: 0; }
-      }
+      } // D7
       &.focused.icon-left:before { color: $color-text; }
-      &.focused input[type="text"] { color: $color-text;
+      &.focused input[type="text"], input[type="search"] { color: $color-text;
         @include input-placeholder { color: $color-text-disabled; }
+      } // D7
+    }
+  }
+}
+
+.navbar-light:not(.theme-dark) {
+  .navbar-item.block-search {
+    form {
+      // TO DO
+    }
+    &.search-persistent form {
+      .form-item { background: color($grey, 100);
+        &:hover { background: color($grey, 50); }
+        &.focused { background: #FFF; }
+        input[type="text"], input[type="search"] { color: $color-text;
+          @include input-placeholder { color: $color-text-disabled; }
+        } // D7
+        &.icon-left:before { color: $color-text; }
       }
     }
   }
 }
 
+// TO DO add .navbar-dark .navbar-item.block-search
+
 .navbar-item.block-search { margin: 0; padding: 0 12px; max-width: $search + 24px; }
 
 // drupal
@@ -735,12 +767,11 @@ navbar overlaying header-content (for sliders)
 }
 
 // autocomplete
-.ui-autocomplete { border: 0; padding: 0; box-sizing: content-box; background: #FFF;
+.ui-autocomplete.ui-widget.ui-widget-content { border: 0; padding: 0; box-sizing: content-box; background: #FFF;
   padding-top: 8px; padding-bottom: 8px; border-top: 1px solid $color-divider; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; @extend .z-level-1;
   .ui-menu-item { padding: 0; margin: 0; display: block;
-    a { display: block; padding: 8px 12px 8px 12px; color: $color-text; font-family: $font-family; font-size: 16px; line-height: 24px; }
-    &.ui-state-focus, &.ui-state-active { border: 0;
-      a { background: $color-bg-hover; }
+    a { display: block; padding: 8px 12px 8px 12px; color: $color-text; font-family: $font-family; font-size: 16px; line-height: 24px; 
+      &.ui-state-focus, &.ui-state-active { background: $color-bg-hover; border: 0; margin: 0; }
     }
   }
   .search-persistent-autocomplete & {
@@ -748,15 +779,11 @@ navbar overlaying header-content (for sliders)
   }
 } // TDV D7
 
-/* TO DO
-deafault D8 search (input[type="search"])
-*/
-
 /* tabs */
 .tabs ul, ul.tabs { list-style: none; display: flex; padding-left: 0;
   li { display: block;
-    a { display: inline-block; height: 48px; line-height: 20px; padding: 14px 12px 12px 12px; border-bottom: 2px solid transparent; font-size: 14px; font-weight: 500; text-transform: uppercase;
-      color: $color-text-secondary;
+    a { display: inline-block; line-height: 20px; padding: 14px 12px 12px 12px; border-bottom: 2px solid transparent; font-size: 14px; font-weight: 500; text-transform: uppercase;
+      color: $color-text-secondary; text-align: center;
       &:hover { border-color: rgba($color-primary, .5); }
       &.is-active { border-color: $color-primary; color: $color-primary;
         &:hover { border-color: $color-primary; }
diff --git a/sass/code-highlight.scss b/sass/code-highlight.scss
index 770526f..77e5259 100755
--- a/sass/code-highlight.scss
+++ b/sass/code-highlight.scss
@@ -6,7 +6,7 @@
 
 @import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400,700&subset=latin,cyrillic-ext);
 
-/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+apacheconf+bash+c+cpp+css-extras+git+java+markdown+php+php-extras+sass+scss+twig+yaml&plugins=line-numbers */
+/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+apacheconf+c+bash+cpp+csharp+ruby+css-extras+git+java+json+markdown+nginx+php+php-extras+sass+scss+twig+yaml&plugins=line-numbers */
 /**
  * prism.js default theme for JavaScript, CSS and HTML
  * Based on dabblet (http://dabblet.com)
@@ -56,7 +56,7 @@ pre[class*="language-"] { direction: ltr; text-align: left; white-space: pre; wo
 .language-css .token.string,
 .style .token.string {
 	color: #a67f59;
-	background: hsla(0, 0%, 100%, .5);
+	// background: hsla(0, 0%, 100%, .5);
 }
 
 .token.atrule,
@@ -104,6 +104,13 @@ pre.line-numbers > code { position: relative; }
 /* theme dark */
 .theme-dark {
 	
+	/* http://prismjs.com/download.html?themes=prism-twilight&languages=markup+css+clike+javascript+apacheconf+c+bash+cpp+csharp+ruby+css-extras+git+java+json+markdown+nginx+php+php-extras+sass+scss+twig+yaml&plugins=line-numbers */
+	/**
+	 * prism.js Twilight theme
+	 * Based (more or less) on the Twilight theme originally of Textmate fame.
+	 * @author Remy Bach
+	 */
+	
 	.token.comment,
 	.token.prolog,
 	.token.doctype,
diff --git a/sass/color-themes.scss b/sass/color-themes.scss
index 8b289b0..72a95ef 100755
--- a/sass/color-themes.scss
+++ b/sass/color-themes.scss
@@ -61,6 +61,9 @@ $accent-colors: (
       a { color: contrast-color(color($color-value));
         &:hover { border-color: rgba(contrast-color(color($color-value)), .5); color: contrast-color(color($color-value)); }
       }
+    .navbar-account-menu .menu {
+      a:before { color: contrast-color(color($color-value)); }
+    }
     .active a, .active-trail a, .active { border-color: contrast-color(color($color-value)); }
     }
     article blockquote { border-color: color($color-value); }
@@ -72,7 +75,7 @@ $accent-colors: (
     .sidebar .menu li a.is-active { color: color($color-value, 600); }
     .navbar-item.block-search, #header .block-search, .card-bg-primary .block-search {
       form .form-item {
-        input[type="text"] { color: contrast-color(color($color-value));
+        input[type="text"], input[type="search"] { color: contrast-color(color($color-value));
           border-bottom: 1px solid contrast-color(color($color-value), $color-text, $color-text-light);
           @include input-placeholder { color: contrast-color(color($color-value), $color-text-disabled, $color-text-light-disabled); }
         }
@@ -142,7 +145,7 @@ $accent-colors: (
     }
     .form-item {
       & .focused label { color: color($color-value, a200); }
-      input[type="text"], input[type="email"], input[type="password"], textarea, select {
+      input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea, select {
         &:focus, &.error:focus { border-color: color($color-value, a200); }
       }
       input[type="checkbox"]:checked:before, input[type="radio"]:checked:before { color: color($color-value, a200); }
diff --git a/sass/theme-dark.scss b/sass/theme-dark.scss
index e68a6ea..1010d52 100755
--- a/sass/theme-dark.scss
+++ b/sass/theme-dark.scss
@@ -93,7 +93,7 @@
     &.focused label { color: $color-accent-light }
     input, textarea, select { color: $color-text-light; }
     select option { color: $color-text; }
-    input[type="text"], input[type="email"], input[type="password"], textarea, select { border-bottom-color: $color-light-divider;
+    input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea, select { border-bottom-color: $color-light-divider;
       &:focus, &.error:focus { border-bottom-color: $color-accent-light }
       @include input-placeholder { color: $color-text-light-disabled; }
     }
@@ -129,7 +129,7 @@
   }
 
   .block-search.search-persistent form {
-    .form-item.focused input[type="text"] { color: $color-text;
+    .form-item.focused input[type="text"], input[type="search"] { color: $color-text;
       @include input-placeholder { color: $color-text-disabled; }
     }
   }
diff --git a/starterkits/material_cascade/config/optional/block.block.material_cascade_account_menu.yml b/starterkits/material_cascade/config/optional/block.block.material_cascade_account_menu.yml
new file mode 100644
index 0000000..d022364
--- /dev/null
+++ b/starterkits/material_cascade/config/optional/block.block.material_cascade_account_menu.yml
@@ -0,0 +1,27 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - system.menu.account
+  module:
+    - block_class
+    - system
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: 'navbar-item navbar-account-menu pull-right'
+id: material_cascade_account_menu
+theme: material_cascade
+region: navbar
+weight: -4
+provider: null
+plugin: 'system_menu_block:account'
+settings:
+  id: 'system_menu_block:account'
+  label: 'User account menu'
+  provider: system
+  label_display: '0'
+  level: 1
+  depth: 1
+visibility: {  }
diff --git a/starterkits/material_cascade/config/optional/block.block.material_cascade_branding.yml b/starterkits/material_cascade/config/optional/block.block.material_cascade_branding.yml
new file mode 100644
index 0000000..b785ec8
--- /dev/null
+++ b/starterkits/material_cascade/config/optional/block.block.material_cascade_branding.yml
@@ -0,0 +1,26 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - block_class
+    - system
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: 'navbar-item navbar-branding'
+id: material_cascade_branding
+theme: material_cascade
+region: navbar
+weight: -6
+provider: null
+plugin: system_branding_block
+settings:
+  id: system_branding_block
+  label: 'Site branding'
+  provider: system
+  label_display: '0'
+  use_site_logo: true
+  use_site_name: true
+  use_site_slogan: true
+visibility: {  }
diff --git a/starterkits/material_cascade/config/optional/block.block.material_cascade_breadcrumbs.yml b/starterkits/material_cascade/config/optional/block.block.material_cascade_breadcrumbs.yml
new file mode 100644
index 0000000..4d1e2a2
--- /dev/null
+++ b/starterkits/material_cascade/config/optional/block.block.material_cascade_breadcrumbs.yml
@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - system
+  theme:
+    - material_base
+id: material_cascade_breadcrumbs
+theme: material_cascade
+region: breadcrumb
+weight: 0
+provider: null
+plugin: system_breadcrumb_block
+settings:
+  id: system_breadcrumb_block
+  label: Breadcrumbs
+  provider: system
+  label_display: '0'
+visibility: {  }
diff --git a/starterkits/material_cascade/config/optional/block.block.material_cascade_content.yml b/starterkits/material_cascade/config/optional/block.block.material_cascade_content.yml
new file mode 100644
index 0000000..2ea7ef0
--- /dev/null
+++ b/starterkits/material_cascade/config/optional/block.block.material_cascade_content.yml
@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - system
+  theme:
+    - material_base
+id: material_cascade_content
+theme: material_cascade
+region: content
+weight: 0
+provider: null
+plugin: system_main_block
+settings:
+  id: system_main_block
+  label: 'Main page content'
+  provider: system
+  label_display: '0'
+visibility: {  }
diff --git a/starterkits/material_cascade/config/optional/block.block.material_cascade_footer.yml b/starterkits/material_cascade/config/optional/block.block.material_cascade_footer.yml
new file mode 100644
index 0000000..9cc94fd
--- /dev/null
+++ b/starterkits/material_cascade/config/optional/block.block.material_cascade_footer.yml
@@ -0,0 +1,27 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - system.menu.footer
+  module:
+    - block_class
+    - system
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: footer-item
+id: material_cascade_footer
+theme: material_cascade
+region: footer_content
+weight: -6
+provider: null
+plugin: 'system_menu_block:footer'
+settings:
+  id: 'system_menu_block:footer'
+  label: 'Footer menu'
+  provider: system
+  label_display: '0'
+  level: 1
+  depth: 0
+visibility: {  }
diff --git a/starterkits/material_cascade/config/optional/block.block.material_cascade_help.yml b/starterkits/material_cascade/config/optional/block.block.material_cascade_help.yml
new file mode 100644
index 0000000..905e2e2
--- /dev/null
+++ b/starterkits/material_cascade/config/optional/block.block.material_cascade_help.yml
@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - help
+  theme:
+    - material_base
+id: material_cascade_help
+theme: material_cascade
+region: content
+weight: -7
+provider: null
+plugin: help_block
+settings:
+  id: help_block
+  label: Help
+  provider: help
+  label_display: '0'
+visibility: {  }
diff --git a/starterkits/material_cascade/config/optional/block.block.material_cascade_local_actions.yml b/starterkits/material_cascade/config/optional/block.block.material_cascade_local_actions.yml
new file mode 100644
index 0000000..77ca561
--- /dev/null
+++ b/starterkits/material_cascade/config/optional/block.block.material_cascade_local_actions.yml
@@ -0,0 +1,17 @@
+langcode: en
+status: true
+dependencies:
+  theme:
+    - material_base
+id: material_cascade_local_actions
+theme: material_cascade
+region: content
+weight: -7
+provider: null
+plugin: local_actions_block
+settings:
+  id: local_actions_block
+  label: 'Primary admin actions'
+  provider: core
+  label_display: '0'
+visibility: {  }
diff --git a/starterkits/material_cascade/config/optional/block.block.material_cascade_local_tasks.yml b/starterkits/material_cascade/config/optional/block.block.material_cascade_local_tasks.yml
new file mode 100644
index 0000000..8f0f99e
--- /dev/null
+++ b/starterkits/material_cascade/config/optional/block.block.material_cascade_local_tasks.yml
@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  theme:
+    - material_base
+id: material_cascade_local_tasks
+theme: material_cascade
+region: content
+weight: -7
+provider: null
+plugin: local_tasks_block
+settings:
+  id: local_tasks_block
+  label: Tabs
+  provider: core
+  label_display: '0'
+  primary: true
+  secondary: true
+visibility: {  }
diff --git a/starterkits/material_cascade/config/optional/block.block.material_cascade_main_menu.yml b/starterkits/material_cascade/config/optional/block.block.material_cascade_main_menu.yml
new file mode 100644
index 0000000..6a71ba8
--- /dev/null
+++ b/starterkits/material_cascade/config/optional/block.block.material_cascade_main_menu.yml
@@ -0,0 +1,27 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - system.menu.main
+  module:
+    - block_class
+    - system
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: 'navbar-item navbar-menu pull-center'
+id: material_cascade_main_menu
+theme: material_cascade
+region: navbar
+weight: -5
+provider: null
+plugin: 'system_menu_block:main'
+settings:
+  id: 'system_menu_block:main'
+  label: 'Main navigation'
+  provider: system
+  label_display: '0'
+  level: 1
+  depth: 1
+visibility: {  }
diff --git a/starterkits/material_cascade/config/optional/block.block.material_cascade_messages.yml b/starterkits/material_cascade/config/optional/block.block.material_cascade_messages.yml
new file mode 100644
index 0000000..fbf02cb
--- /dev/null
+++ b/starterkits/material_cascade/config/optional/block.block.material_cascade_messages.yml
@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - system
+  theme:
+    - material_base
+id: material_cascade_messages
+theme: material_cascade
+region: highlighted
+weight: 0
+provider: null
+plugin: system_messages_block
+settings:
+  id: system_messages_block
+  label: 'Status messages'
+  provider: system
+  label_display: '0'
+visibility: {  }
diff --git a/starterkits/material_cascade/config/optional/block.block.material_cascade_page_title.yml b/starterkits/material_cascade/config/optional/block.block.material_cascade_page_title.yml
new file mode 100644
index 0000000..bd61c68
--- /dev/null
+++ b/starterkits/material_cascade/config/optional/block.block.material_cascade_page_title.yml
@@ -0,0 +1,17 @@
+langcode: en
+status: true
+dependencies:
+  theme:
+    - material_base
+id: material_cascade_page_title
+theme: material_cascade
+region: content
+weight: -7
+provider: null
+plugin: page_title_block
+settings:
+  id: page_title_block
+  label: 'Page title'
+  provider: core
+  label_display: '0'
+visibility: {  }
diff --git a/starterkits/material_cascade/config/optional/block.block.material_cascade_powered.yml b/starterkits/material_cascade/config/optional/block.block.material_cascade_powered.yml
new file mode 100644
index 0000000..e62c605
--- /dev/null
+++ b/starterkits/material_cascade/config/optional/block.block.material_cascade_powered.yml
@@ -0,0 +1,23 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - block_class
+    - system
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: footer-item
+id: material_cascade_powered
+theme: material_cascade
+region: footer_content
+weight: -5
+provider: null
+plugin: system_powered_by_block
+settings:
+  id: system_powered_by_block
+  label: 'Powered by Drupal'
+  provider: system
+  label_display: '0'
+visibility: {  }
diff --git a/starterkits/material_cascade/config/optional/block.block.material_cascade_search.yml b/starterkits/material_cascade/config/optional/block.block.material_cascade_search.yml
new file mode 100644
index 0000000..0f204e7
--- /dev/null
+++ b/starterkits/material_cascade/config/optional/block.block.material_cascade_search.yml
@@ -0,0 +1,23 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - block_class
+    - search
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: 'block-search mt-24'
+id: material_cascade_search
+theme: material_cascade
+region: sidebar_first
+weight: -6
+provider: null
+plugin: search_form_block
+settings:
+  id: search_form_block
+  label: Search
+  provider: search
+  label_display: '0'
+visibility: {  }
diff --git a/starterkits/material_cascade/config/optional/block.block.material_cascade_tools.yml b/starterkits/material_cascade/config/optional/block.block.material_cascade_tools.yml
new file mode 100644
index 0000000..78a9630
--- /dev/null
+++ b/starterkits/material_cascade/config/optional/block.block.material_cascade_tools.yml
@@ -0,0 +1,23 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - system.menu.tools
+  module:
+    - system
+  theme:
+    - material_base
+id: material_cascade_tools
+theme: material_cascade
+region: sidebar_first
+weight: -5
+provider: null
+plugin: 'system_menu_block:tools'
+settings:
+  id: 'system_menu_block:tools'
+  label: Tools
+  provider: system
+  label_display: visible
+  level: 1
+  depth: 0
+visibility: {  }
diff --git a/starterkits/material_cascade/favicon.ico b/starterkits/material_cascade/favicon.ico
new file mode 100644
index 0000000..20cd7f2
Binary files /dev/null and b/starterkits/material_cascade/favicon.ico differ
diff --git a/starterkits/material_cascade/gulpfile.js b/starterkits/material_cascade/gulpfile.js
index a8ab728..7206b92 100644
--- a/starterkits/material_cascade/gulpfile.js
+++ b/starterkits/material_cascade/gulpfile.js
@@ -18,7 +18,6 @@ gulp.task('sass', function () {
 
 gulp.task('autoprefixer', ['sass'], function() {
   gulp.src(CSS + '/*.css')
-    //.pipe(changed(CSS))
     .pipe(autoprefixer({
         browsers: ['> 1%']
     }))
@@ -31,21 +30,10 @@ gulp.task('imagemin', function() {
     .pipe(gulp.dest(IMG));
 });
 
-gulp.task('build', function(){
-  gulp.run('sass');
-  gulp.run('autoprefixer');
-  gulp.run('imagemin');
-});
+gulp.task('build', ['sass', 'autoprefixer', 'imagemin']);
 
 gulp.task('watch', function() {
-  gulp.watch(SASS + '/**/*.scss', function () {
-    gulp.run('sass');
-    gulp.run('autoprefixer');
-    gulp.run('imagemin');
-  });
+  gulp.watch(SASS + '/**/*.scss', ['sass', 'autoprefixer', 'imagemin']);
 });
 
-gulp.task('default', function(){
-  gulp.run('build');
-  gulp.run('watch');
-});
+gulp.task('default', ['build', 'watch']);
diff --git a/starterkits/material_cascade/logo.svg b/starterkits/material_cascade/logo.svg
new file mode 100755
index 0000000..03b4165
--- /dev/null
+++ b/starterkits/material_cascade/logo.svg
@@ -0,0 +1,16 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: #607d8b;
+      }
+    </style>
+  </defs>
+  <title>logo</title>
+  <rect class="cls-1" x="2" y="2" width="20" height="20" rx="1.58" ry="1.58"/>
+  <path class="cls-2" d="M18,18H6V16H18v2ZM16,6h0l-4,4L8,6H6v8H8V8.83l4,4,4-4V14h2V6H16Z"/>
+</svg>
diff --git a/starterkits/material_compile/config.rb b/starterkits/material_compile/config.rb
old mode 100644
new mode 100755
index cc39b85..3ec55ea
--- a/starterkits/material_compile/config.rb
+++ b/starterkits/material_compile/config.rb
@@ -1,47 +1,47 @@
-require 'compass/import-once/activate'
-# Require any additional compass plugins here.
-
-require 'breakpoint'
-
-# Set this to the root of your project when deployed:
-http_path = "/"
-css_dir = "css"
-sass_dir = "sass"
-images_dir = "img"
-javascripts_dir = "js"
-
-# You can select your preferred output style here (can be overridden via the command line):
-# output_style = :expanded or :nested or :compact or :compressed
-
-# To enable relative paths to assets via compass helper functions. Uncomment:
-relative_assets = true
-
-# To disable debugging comments that display the original location of your selectors. Uncomment:
-line_comments = false
-
-
-# If you prefer the indented syntax, you might want to regenerate this
-# project again passing --syntax sass, or you can uncomment this:
-# preferred_syntax = :sass
-# and then run:
-# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
-
-# ----- autoprefixer ------ https://github.com/postcss/autoprefixer
-
-# require 'autoprefixer-rails'# 
-
-# on_stylesheet_saved do |file|
-#   css = File.read(file)
-#   map = file + '.map'# 
-
-#   if File.exists? map
-#     result = AutoprefixerRails.process(css,
-#       from: file,
-#       to:   file,
-#       map:  { prev: File.read(map), inline: false })
-#     File.open(file, 'w') { |io| io << result.css }
-#     File.open(map,  'w') { |io| io << result.map }
-#   else
-#     File.open(file, 'w') { |io| io << AutoprefixerRails.process(css) }
-#   end
-# end
+require 'compass/import-once/activate'
+# Require any additional compass plugins here.
+
+require 'breakpoint'
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "css"
+sass_dir = "sass"
+images_dir = "img"
+javascripts_dir = "js"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
+
+# ----- autoprefixer ------ https://github.com/postcss/autoprefixer
+
+# require 'autoprefixer-rails'# 
+
+# on_stylesheet_saved do |file|
+#   css = File.read(file)
+#   map = file + '.map'# 
+
+#   if File.exists? map
+#     result = AutoprefixerRails.process(css,
+#       from: file,
+#       to:   file,
+#       map:  { prev: File.read(map), inline: false })
+#     File.open(file, 'w') { |io| io << result.css }
+#     File.open(map,  'w') { |io| io << result.map }
+#   else
+#     File.open(file, 'w') { |io| io << AutoprefixerRails.process(css) }
+#   end
+# end
diff --git a/starterkits/material_compile/config/optional/block.block.material_compile_account_menu.yml b/starterkits/material_compile/config/optional/block.block.material_compile_account_menu.yml
new file mode 100644
index 0000000..591b2e4
--- /dev/null
+++ b/starterkits/material_compile/config/optional/block.block.material_compile_account_menu.yml
@@ -0,0 +1,27 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - system.menu.account
+  module:
+    - block_class
+    - system
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: 'navbar-item navbar-account-menu pull-right'
+id: material_compile_account_menu
+theme: material_compile
+region: navbar
+weight: -4
+provider: null
+plugin: 'system_menu_block:account'
+settings:
+  id: 'system_menu_block:account'
+  label: 'User account menu'
+  provider: system
+  label_display: '0'
+  level: 1
+  depth: 1
+visibility: {  }
diff --git a/starterkits/material_compile/config/optional/block.block.material_compile_branding.yml b/starterkits/material_compile/config/optional/block.block.material_compile_branding.yml
new file mode 100644
index 0000000..b5ccf3e
--- /dev/null
+++ b/starterkits/material_compile/config/optional/block.block.material_compile_branding.yml
@@ -0,0 +1,26 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - block_class
+    - system
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: 'navbar-item navbar-branding'
+id: material_compile_branding
+theme: material_compile
+region: navbar
+weight: -6
+provider: null
+plugin: system_branding_block
+settings:
+  id: system_branding_block
+  label: 'Site branding'
+  provider: system
+  label_display: '0'
+  use_site_logo: true
+  use_site_name: true
+  use_site_slogan: true
+visibility: {  }
diff --git a/starterkits/material_compile/config/optional/block.block.material_compile_breadcrumbs.yml b/starterkits/material_compile/config/optional/block.block.material_compile_breadcrumbs.yml
new file mode 100644
index 0000000..3dee51b
--- /dev/null
+++ b/starterkits/material_compile/config/optional/block.block.material_compile_breadcrumbs.yml
@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - system
+  theme:
+    - material_base
+id: material_compile_breadcrumbs
+theme: material_compile
+region: breadcrumb
+weight: 0
+provider: null
+plugin: system_breadcrumb_block
+settings:
+  id: system_breadcrumb_block
+  label: Breadcrumbs
+  provider: system
+  label_display: '0'
+visibility: {  }
diff --git a/starterkits/material_compile/config/optional/block.block.material_compile_content.yml b/starterkits/material_compile/config/optional/block.block.material_compile_content.yml
new file mode 100644
index 0000000..4f84808
--- /dev/null
+++ b/starterkits/material_compile/config/optional/block.block.material_compile_content.yml
@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - system
+  theme:
+    - material_base
+id: material_compile_content
+theme: material_compile
+region: content
+weight: 0
+provider: null
+plugin: system_main_block
+settings:
+  id: system_main_block
+  label: 'Main page content'
+  provider: system
+  label_display: '0'
+visibility: {  }
diff --git a/starterkits/material_compile/config/optional/block.block.material_compile_footer.yml b/starterkits/material_compile/config/optional/block.block.material_compile_footer.yml
new file mode 100644
index 0000000..8fc0fb8
--- /dev/null
+++ b/starterkits/material_compile/config/optional/block.block.material_compile_footer.yml
@@ -0,0 +1,27 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - system.menu.footer
+  module:
+    - block_class
+    - system
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: footer-item
+id: material_compile_footer
+theme: material_compile
+region: footer_content
+weight: -6
+provider: null
+plugin: 'system_menu_block:footer'
+settings:
+  id: 'system_menu_block:footer'
+  label: 'Footer menu'
+  provider: system
+  label_display: '0'
+  level: 1
+  depth: 0
+visibility: {  }
diff --git a/starterkits/material_compile/config/optional/block.block.material_compile_help.yml b/starterkits/material_compile/config/optional/block.block.material_compile_help.yml
new file mode 100644
index 0000000..de23e2f
--- /dev/null
+++ b/starterkits/material_compile/config/optional/block.block.material_compile_help.yml
@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - help
+  theme:
+    - material_base
+id: material_compile_help
+theme: material_compile
+region: content
+weight: -7
+provider: null
+plugin: help_block
+settings:
+  id: help_block
+  label: Help
+  provider: help
+  label_display: '0'
+visibility: {  }
diff --git a/starterkits/material_compile/config/optional/block.block.material_compile_local_actions.yml b/starterkits/material_compile/config/optional/block.block.material_compile_local_actions.yml
new file mode 100644
index 0000000..06f5b06
--- /dev/null
+++ b/starterkits/material_compile/config/optional/block.block.material_compile_local_actions.yml
@@ -0,0 +1,17 @@
+langcode: en
+status: true
+dependencies:
+  theme:
+    - material_base
+id: material_compile_local_actions
+theme: material_compile
+region: content
+weight: -7
+provider: null
+plugin: local_actions_block
+settings:
+  id: local_actions_block
+  label: 'Primary admin actions'
+  provider: core
+  label_display: '0'
+visibility: {  }
diff --git a/starterkits/material_compile/config/optional/block.block.material_compile_local_tasks.yml b/starterkits/material_compile/config/optional/block.block.material_compile_local_tasks.yml
new file mode 100644
index 0000000..cb9aaa9
--- /dev/null
+++ b/starterkits/material_compile/config/optional/block.block.material_compile_local_tasks.yml
@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  theme:
+    - material_base
+id: material_compile_local_tasks
+theme: material_compile
+region: content
+weight: -7
+provider: null
+plugin: local_tasks_block
+settings:
+  id: local_tasks_block
+  label: Tabs
+  provider: core
+  label_display: '0'
+  primary: true
+  secondary: true
+visibility: {  }
diff --git a/starterkits/material_compile/config/optional/block.block.material_compile_main_menu.yml b/starterkits/material_compile/config/optional/block.block.material_compile_main_menu.yml
new file mode 100644
index 0000000..c22cd8c
--- /dev/null
+++ b/starterkits/material_compile/config/optional/block.block.material_compile_main_menu.yml
@@ -0,0 +1,27 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - system.menu.main
+  module:
+    - block_class
+    - system
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: 'navbar-item navbar-menu pull-center'
+id: material_compile_main_menu
+theme: material_compile
+region: navbar
+weight: -5
+provider: null
+plugin: 'system_menu_block:main'
+settings:
+  id: 'system_menu_block:main'
+  label: 'Main navigation'
+  provider: system
+  label_display: '0'
+  level: 1
+  depth: 1
+visibility: {  }
diff --git a/starterkits/material_compile/config/optional/block.block.material_compile_messages.yml b/starterkits/material_compile/config/optional/block.block.material_compile_messages.yml
new file mode 100644
index 0000000..e1466ef
--- /dev/null
+++ b/starterkits/material_compile/config/optional/block.block.material_compile_messages.yml
@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - system
+  theme:
+    - material_base
+id: material_compile_messages
+theme: material_compile
+region: highlighted
+weight: 0
+provider: null
+plugin: system_messages_block
+settings:
+  id: system_messages_block
+  label: 'Status messages'
+  provider: system
+  label_display: '0'
+visibility: {  }
diff --git a/starterkits/material_compile/config/optional/block.block.material_compile_page_title.yml b/starterkits/material_compile/config/optional/block.block.material_compile_page_title.yml
new file mode 100644
index 0000000..3c765a5
--- /dev/null
+++ b/starterkits/material_compile/config/optional/block.block.material_compile_page_title.yml
@@ -0,0 +1,17 @@
+langcode: en
+status: true
+dependencies:
+  theme:
+    - material_base
+id: material_compile_page_title
+theme: material_compile
+region: content
+weight: -7
+provider: null
+plugin: page_title_block
+settings:
+  id: page_title_block
+  label: 'Page title'
+  provider: core
+  label_display: '0'
+visibility: {  }
diff --git a/starterkits/material_compile/config/optional/block.block.material_compile_powered.yml b/starterkits/material_compile/config/optional/block.block.material_compile_powered.yml
new file mode 100644
index 0000000..78c4132
--- /dev/null
+++ b/starterkits/material_compile/config/optional/block.block.material_compile_powered.yml
@@ -0,0 +1,23 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - block_class
+    - system
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: footer-item
+id: material_compile_powered
+theme: material_compile
+region: footer_content
+weight: -5
+provider: null
+plugin: system_powered_by_block
+settings:
+  id: system_powered_by_block
+  label: 'Powered by Drupal'
+  provider: system
+  label_display: '0'
+visibility: {  }
diff --git a/starterkits/material_compile/config/optional/block.block.material_compile_search.yml b/starterkits/material_compile/config/optional/block.block.material_compile_search.yml
new file mode 100644
index 0000000..2702c64
--- /dev/null
+++ b/starterkits/material_compile/config/optional/block.block.material_compile_search.yml
@@ -0,0 +1,23 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - block_class
+    - search
+  theme:
+    - material_base
+third_party_settings:
+  block_class:
+    classes: 'block-search mt-24'
+id: material_compile_search
+theme: material_compile
+region: sidebar_first
+weight: -6
+provider: null
+plugin: search_form_block
+settings:
+  id: search_form_block
+  label: Search
+  provider: search
+  label_display: '0'
+visibility: {  }
diff --git a/starterkits/material_compile/config/optional/block.block.material_compile_tools.yml b/starterkits/material_compile/config/optional/block.block.material_compile_tools.yml
new file mode 100644
index 0000000..e710ed6
--- /dev/null
+++ b/starterkits/material_compile/config/optional/block.block.material_compile_tools.yml
@@ -0,0 +1,23 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - system.menu.tools
+  module:
+    - system
+  theme:
+    - material_base
+id: material_compile_tools
+theme: material_compile
+region: sidebar_first
+weight: -5
+provider: null
+plugin: 'system_menu_block:tools'
+settings:
+  id: 'system_menu_block:tools'
+  label: Tools
+  provider: system
+  label_display: visible
+  level: 1
+  depth: 0
+visibility: {  }
diff --git a/starterkits/material_compile/css/styles.css b/starterkits/material_compile/css/styles.css
index ac29966..184e96e 100644
--- a/starterkits/material_compile/css/styles.css
+++ b/starterkits/material_compile/css/styles.css
@@ -49,14 +49,21 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
   display: block; }
 
 /* break points */
+/**
+ * Legend:
+ * TDV - theme dark values
+ * CTV - color themes values
+ * D7 - differs in Drupal 7 version
+ * TO DO - needs to be implemented
+ */
 /* fonts */
 /* helpful classes */
-.clearfix:after, #navbar:after, #footer-content:after {
+.clearfix:after, .media-left:after, .media-right:after, #navbar:after, #footer-content:after {
   content: "";
   display: table;
   clear: both; }
 
-.material-icons, .breadcrumb ol li:not(:last-child):after, .form-item input[type="checkbox"]:before, .form-item input[type="radio"]:before, .form-item.form-type-select:after, .sidebar .menu .collapsed > a:after, .sidebar .menu .expanded > a:after, .collapsible-toggle:before {
+.material-icons, .breadcrumb ol li:not(:last-child):after, .info:before, .important:before, .messages-status:before, .messages-warning:before, .messages-error:before, .form-item input[type="checkbox"]:before, .form-item input[type="radio"]:before, .form-item.form-type-select:after, .navbar-account-menu .menu a:before, .sidebar .menu .collapsed > a:after, .sidebar .menu .expanded > a:after, .collapsible-toggle:before, .pager .pager-item.item-first > a:before, .pager .pager-item.item-first > span:before, .pager .pager-item.item-previous > a:before, .pager .pager-item.item-previous > span:before, .pager .pager-item.item-ellipsis > a:before, .pager .pager-item.item-ellipsis > span:before, .pager .pager-item.item-next > a:before, .pager .pager-item.item-next > span:before, .pager .pager-item.item-last > a:before, .pager .pager-item.item-last > span:before {
   font-family: 'Material Icons';
   font-weight: normal;
   font-style: normal;
@@ -135,16 +142,16 @@ h6, .h6 {
   margin-top: 16px;
   margin-bottom: 8px; }
 
-h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, .h1 + h1, .h1 + h2, .h1 + h3, .h1 + h4, .h1 + h5, .h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, .h2 + h1, .h2 + h2, .h2 + h3, .h2 + h4, .h2 + h5, .h2 + h6 {
+h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h1 + .h1, h1 + .h2, h1 + .h3, h1 + .h4, h1 + .h5, h1 + .h6, .h1 + h1, .h1 + h2, .h1 + h3, .h1 + h4, .h1 + h5, .h1 + h6, .h1 + .h1, .h1 + .h2, .h1 + .h3, .h1 + .h4, .h1 + .h5, .h1 + .h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h2 + .h1, h2 + .h2, h2 + .h3, h2 + .h4, h2 + .h5, h2 + .h6, .h2 + h1, .h2 + h2, .h2 + h3, .h2 + h4, .h2 + h5, .h2 + h6, .h2 + .h1, .h2 + .h2, .h2 + .h3, .h2 + .h4, .h2 + .h5, .h2 + .h6 {
   margin-top: -8px; }
 
-h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, .h3 + h1, .h3 + h2, .h3 + h3, .h3 + h4, .h3 + h5, .h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, .h4 + h1, .h4 + h2, .h4 + h3, .h4 + h4, .h4 + h5, .h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, .h5 + h1, .h5 + h2, .h5 + h3, .h5 + h4, .h5 + h5, .h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6, .h6 + h1, .h6 + h2, .h6 + h3, .h6 + h4, .h6 + h5, .h6 + h6 {
+h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h3 + .h1, h3 + .h2, h3 + .h3, h3 + .h4, h3 + .h5, h3 + .h6, .h3 + h1, .h3 + h2, .h3 + h3, .h3 + h4, .h3 + h5, .h3 + h6, .h3 + .h1, .h3 + .h2, .h3 + .h3, .h3 + .h4, .h3 + .h5, .h3 + .h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h4 + .h1, h4 + .h2, h4 + .h3, h4 + .h4, h4 + .h5, h4 + .h6, .h4 + h1, .h4 + h2, .h4 + h3, .h4 + h4, .h4 + h5, .h4 + h6, .h4 + .h1, .h4 + .h2, .h4 + .h3, .h4 + .h4, .h4 + .h5, .h4 + .h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h5 + .h1, h5 + .h2, h5 + .h3, h5 + .h4, h5 + .h5, h5 + .h6, .h5 + h1, .h5 + h2, .h5 + h3, .h5 + h4, .h5 + h5, .h5 + h6, .h5 + .h1, .h5 + .h2, .h5 + .h3, .h5 + .h4, .h5 + .h5, .h5 + .h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6, h6 + .h1, h6 + .h2, h6 + .h3, h6 + .h4, h6 + .h5, h6 + .h6, .h6 + h1, .h6 + h2, .h6 + h3, .h6 + h4, .h6 + h5, .h6 + h6, .h6 + .h1, .h6 + .h2, .h6 + .h3, .h6 + .h4, .h6 + .h5, .h6 + .h6 {
   margin-top: -4px; }
 
 .font-heading {
   font-family: "Roboto", sans-serif; }
 
-.fotn-text {
+.font-text {
   font-family: "Roboto", sans-serif; }
 
 a {
@@ -173,14 +180,164 @@ article blockquote {
 p {
   margin-bottom: 8px; }
 
-p.icon-left {
+p.icon-left, p.services-icon-left {
   padding-left: 36px; }
-  p.icon-left:before {
+  p.icon-left:before, p.services-icon-left:before {
     margin-left: -36px; }
 
-p .material-icons, p .breadcrumb ol li:not(:last-child):after, .breadcrumb ol p li:not(:last-child):after, p .form-item input[type="checkbox"]:before, .form-item p input[type="checkbox"]:before, p .form-item input[type="radio"]:before, .form-item p input[type="radio"]:before, p .form-item.form-type-select:after, p .sidebar .menu .collapsed > a:after, .sidebar .menu p .collapsed > a:after, p .sidebar .menu .expanded > a:after, .sidebar .menu p .expanded > a:after, p .collapsible-toggle:before {
+p .material-icons, p .breadcrumb ol li:not(:last-child):after, .breadcrumb ol p li:not(:last-child):after, p .info:before, p .important:before, p .messages-status:before, p .messages-warning:before, p .messages-error:before, p .form-item input[type="checkbox"]:before, .form-item p input[type="checkbox"]:before, p .form-item input[type="radio"]:before, .form-item p input[type="radio"]:before, p .form-item.form-type-select:after, p .navbar-account-menu .menu a:before, .navbar-account-menu .menu p a:before, p .sidebar .menu .collapsed > a:after, .sidebar .menu p .collapsed > a:after, p .sidebar .menu .expanded > a:after, .sidebar .menu p .expanded > a:after, p .collapsible-toggle:before, p .pager .pager-item.item-first > a:before, .pager p .pager-item.item-first > a:before, p .pager .pager-item.item-first > span:before, .pager p .pager-item.item-first > span:before, p .pager .pager-item.item-previous > a:before, .pager p .pager-item.item-previous > a:before, p .pager .pager-item.item-previous > span:before, .pager p .pager-item.item-previous > span:before, p .pager .pager-item.item-ellipsis > a:before, .pager p .pager-item.item-ellipsis > a:before, p .pager .pager-item.item-ellipsis > span:before, .pager p .pager-item.item-ellipsis > span:before, p .pager .pager-item.item-next > a:before, .pager p .pager-item.item-next > a:before, p .pager .pager-item.item-next > span:before, .pager p .pager-item.item-next > span:before, p .pager .pager-item.item-last > a:before, .pager p .pager-item.item-last > a:before, p .pager .pager-item.item-last > span:before, .pager p .pager-item.item-last > span:before, p .services-icons,
+ul:not(.menu) li .material-icons,
+ul:not(.menu) li .breadcrumb ol li:not(:last-child):after,
+.breadcrumb ol ul:not(.menu) li li:not(:last-child):after,
+ul:not(.menu) li .info:before,
+ul:not(.menu) li .important:before,
+ul:not(.menu) li .messages-status:before,
+ul:not(.menu) li .messages-warning:before,
+ul:not(.menu) li .messages-error:before,
+ul:not(.menu) li .form-item input[type="checkbox"]:before,
+.form-item ul:not(.menu) li input[type="checkbox"]:before,
+ul:not(.menu) li .form-item input[type="radio"]:before,
+.form-item ul:not(.menu) li input[type="radio"]:before,
+ul:not(.menu) li .form-item.form-type-select:after,
+ul:not(.menu) li .navbar-account-menu .menu a:before,
+.navbar-account-menu .menu ul:not(.menu) li a:before,
+ul:not(.menu) li .sidebar .menu .collapsed > a:after,
+.sidebar .menu ul:not(.menu) li .collapsed > a:after,
+ul:not(.menu) li .sidebar .menu .expanded > a:after,
+.sidebar .menu ul:not(.menu) li .expanded > a:after,
+ul:not(.menu) li .collapsible-toggle:before,
+ul:not(.menu) li .pager .pager-item.item-first > a:before,
+.pager ul:not(.menu) li .pager-item.item-first > a:before,
+ul:not(.menu) li .pager .pager-item.item-first > span:before,
+.pager ul:not(.menu) li .pager-item.item-first > span:before,
+ul:not(.menu) li .pager .pager-item.item-previous > a:before,
+.pager ul:not(.menu) li .pager-item.item-previous > a:before,
+ul:not(.menu) li .pager .pager-item.item-previous > span:before,
+.pager ul:not(.menu) li .pager-item.item-previous > span:before,
+ul:not(.menu) li .pager .pager-item.item-ellipsis > a:before,
+.pager ul:not(.menu) li .pager-item.item-ellipsis > a:before,
+ul:not(.menu) li .pager .pager-item.item-ellipsis > span:before,
+.pager ul:not(.menu) li .pager-item.item-ellipsis > span:before,
+ul:not(.menu) li .pager .pager-item.item-next > a:before,
+.pager ul:not(.menu) li .pager-item.item-next > a:before,
+ul:not(.menu) li .pager .pager-item.item-next > span:before,
+.pager ul:not(.menu) li .pager-item.item-next > span:before,
+ul:not(.menu) li .pager .pager-item.item-last > a:before,
+.pager ul:not(.menu) li .pager-item.item-last > a:before,
+ul:not(.menu) li .pager .pager-item.item-last > span:before,
+.pager ul:not(.menu) li .pager-item.item-last > span:before,
+ul:not(.menu) li .services-icons,
+.btn .material-icons,
+.pager .pager-item > a .material-icons,
+.pager .pager-item > span .material-icons,
+.btn .breadcrumb ol li:not(:last-child):after,
+.breadcrumb ol .btn li:not(:last-child):after,
+.pager .pager-item > a .breadcrumb ol li:not(:last-child):after,
+.breadcrumb ol .pager .pager-item > a li:not(:last-child):after,
+.pager .pager-item > span .breadcrumb ol li:not(:last-child):after,
+.breadcrumb ol .pager .pager-item > span li:not(:last-child):after,
+.btn .info:before,
+.pager .pager-item > a .info:before,
+.pager .pager-item > span .info:before,
+.btn .important:before,
+.pager .pager-item > a .important:before,
+.pager .pager-item > span .important:before,
+.btn .messages-status:before,
+.pager .pager-item > a .messages-status:before,
+.pager .pager-item > span .messages-status:before,
+.btn .messages-warning:before,
+.pager .pager-item > a .messages-warning:before,
+.pager .pager-item > span .messages-warning:before,
+.btn .messages-error:before,
+.pager .pager-item > a .messages-error:before,
+.pager .pager-item > span .messages-error:before,
+.btn .form-item input[type="checkbox"]:before,
+.form-item .btn input[type="checkbox"]:before,
+.pager .pager-item > a .form-item input[type="checkbox"]:before,
+.form-item .pager .pager-item > a input[type="checkbox"]:before,
+.pager .pager-item > span .form-item input[type="checkbox"]:before,
+.form-item .pager .pager-item > span input[type="checkbox"]:before,
+.btn .form-item input[type="radio"]:before,
+.form-item .btn input[type="radio"]:before,
+.pager .pager-item > a .form-item input[type="radio"]:before,
+.form-item .pager .pager-item > a input[type="radio"]:before,
+.pager .pager-item > span .form-item input[type="radio"]:before,
+.form-item .pager .pager-item > span input[type="radio"]:before,
+.btn .form-item.form-type-select:after,
+.pager .pager-item > a .form-item.form-type-select:after,
+.pager .pager-item > span .form-item.form-type-select:after,
+.btn .navbar-account-menu .menu a:before,
+.navbar-account-menu .menu .btn a:before,
+.pager .pager-item > a .navbar-account-menu .menu a:before,
+.navbar-account-menu .menu .pager .pager-item > a a:before,
+.pager .pager-item > span .navbar-account-menu .menu a:before,
+.navbar-account-menu .menu .pager .pager-item > span a:before,
+.btn .sidebar .menu .collapsed > a:after,
+.sidebar .menu .btn .collapsed > a:after,
+.pager .pager-item > a .sidebar .menu .collapsed > a:after,
+.sidebar .menu .pager .pager-item > a .collapsed > a:after,
+.pager .pager-item > span .sidebar .menu .collapsed > a:after,
+.sidebar .menu .pager .pager-item > span .collapsed > a:after,
+.btn .sidebar .menu .expanded > a:after,
+.sidebar .menu .btn .expanded > a:after,
+.pager .pager-item > a .sidebar .menu .expanded > a:after,
+.sidebar .menu .pager .pager-item > a .expanded > a:after,
+.pager .pager-item > span .sidebar .menu .expanded > a:after,
+.sidebar .menu .pager .pager-item > span .expanded > a:after,
+.btn .collapsible-toggle:before,
+.pager .pager-item > a .collapsible-toggle:before,
+.pager .pager-item > span .collapsible-toggle:before,
+.btn .pager .pager-item.item-first > a:before,
+.pager .btn .pager-item.item-first > a:before,
+.pager .pager-item > a .pager-item.item-first > a:before,
+.pager .pager-item > span .pager-item.item-first > a:before,
+.btn .pager .pager-item.item-first > span:before,
+.pager .btn .pager-item.item-first > span:before,
+.pager .pager-item > a .pager-item.item-first > span:before,
+.pager .pager-item > span .pager-item.item-first > span:before,
+.btn .pager .pager-item.item-previous > a:before,
+.pager .btn .pager-item.item-previous > a:before,
+.pager .pager-item > a .pager-item.item-previous > a:before,
+.pager .pager-item > span .pager-item.item-previous > a:before,
+.btn .pager .pager-item.item-previous > span:before,
+.pager .btn .pager-item.item-previous > span:before,
+.pager .pager-item > a .pager-item.item-previous > span:before,
+.pager .pager-item > span .pager-item.item-previous > span:before,
+.btn .pager .pager-item.item-ellipsis > a:before,
+.pager .btn .pager-item.item-ellipsis > a:before,
+.pager .pager-item > a .pager-item.item-ellipsis > a:before,
+.pager .pager-item > span .pager-item.item-ellipsis > a:before,
+.btn .pager .pager-item.item-ellipsis > span:before,
+.pager .btn .pager-item.item-ellipsis > span:before,
+.pager .pager-item > a .pager-item.item-ellipsis > span:before,
+.pager .pager-item > span .pager-item.item-ellipsis > span:before,
+.btn .pager .pager-item.item-next > a:before,
+.pager .btn .pager-item.item-next > a:before,
+.pager .pager-item > a .pager-item.item-next > a:before,
+.pager .pager-item > span .pager-item.item-next > a:before,
+.btn .pager .pager-item.item-next > span:before,
+.pager .btn .pager-item.item-next > span:before,
+.pager .pager-item > a .pager-item.item-next > span:before,
+.pager .pager-item > span .pager-item.item-next > span:before,
+.btn .pager .pager-item.item-last > a:before,
+.pager .btn .pager-item.item-last > a:before,
+.pager .pager-item > a .pager-item.item-last > a:before,
+.pager .pager-item > span .pager-item.item-last > a:before,
+.btn .pager .pager-item.item-last > span:before,
+.pager .btn .pager-item.item-last > span:before,
+.pager .pager-item > a .pager-item.item-last > span:before,
+.pager .pager-item > span .pager-item.item-last > span:before, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons {
   vertical-align: -30%; }
 
+p a.icon-left:not(.btn), p a.services-icon-left:not(.btn), ul:not(.menu) li a.icon-left:not(.btn), ul:not(.menu) li a.services-icon-left:not(.btn), td a.icon-left:not(.btn), td a.services-icon-left:not(.btn), th a.icon-left:not(.btn), th a.services-icon-left:not(.btn) {
+  display: inline-block; }
+  p a.icon-left:not(.btn):before, p a.services-icon-left:not(.btn):before, ul:not(.menu) li a.icon-left:not(.btn):before, ul:not(.menu) li a.services-icon-left:not(.btn):before, td a.icon-left:not(.btn):before, td a.services-icon-left:not(.btn):before, th a.icon-left:not(.btn):before, th a.services-icon-left:not(.btn):before {
+    margin-right: 4px; }
+p a.icon-right:not(.btn), p a.services-icon-right:not(.btn), ul:not(.menu) li a.icon-right:not(.btn), ul:not(.menu) li a.services-icon-right:not(.btn), td a.icon-right:not(.btn), td a.services-icon-right:not(.btn), th a.icon-right:not(.btn), th a.services-icon-right:not(.btn) {
+  display: inline-block; }
+  p a.icon-right:not(.btn):after, p a.services-icon-right:not(.btn):after, ul:not(.menu) li a.icon-right:not(.btn):after, ul:not(.menu) li a.services-icon-right:not(.btn):after, td a.icon-right:not(.btn):after, td a.services-icon-right:not(.btn):after, th a.icon-right:not(.btn):after, th a.services-icon-right:not(.btn):after {
+    margin-left: 4px; }
+
 strong {
   font-weight: 500; }
 
@@ -281,6 +438,37 @@ pre {
 .img-responsive.pull-center {
   display: block; }
 
+.media-left .img-left, .media-left .pull-left, .media-left .align-left,
+.media-left .img-right, .media-left .pull-right, .media-left .align-right, .media-right .img-left, .media-right .pull-left, .media-right .align-left,
+.media-right .img-right, .media-right .pull-right, .media-right .align-right {
+  margin-top: 16px;
+  margin-bottom: 16px;
+  display: block; }
+
+@media (min-width: 1256px) {
+  .media-left {
+    padding-left: 264px; }
+    .media-left .img-left, .media-left .pull-left, .media-left .align-left {
+      max-width: 240px;
+      float: left;
+      margin-left: -264px;
+      margin-top: 8px;
+      margin-bottom: 8px; }
+
+  .media-right {
+    padding-right: 264px; }
+    .media-right .img-right, .media-right .pull-right, .media-right .align-right {
+      max-width: 240px;
+      float: right;
+      margin-right: -264px;
+      margin-top: 8px;
+      margin-bottom: 8px; } }
+.full-height, .row.full-height > div {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-pack: center;
+          justify-content: center; }
+
 .rippleAnimate {
   background-color: rgba(0, 0, 0, 0.3); }
 
@@ -307,31 +495,25 @@ pre {
 .subtitle {
   font-size: 14px; }
 
+.text-dark {
+  color: rgba(0, 0, 0, 0.87) !important; }
+
 .text-secondary {
   color: rgba(0, 0, 0, 0.54); }
 
-.text-primary, a.text-primary, a.text-primary:hover, a.text-primary:focus {
-  color: #546e7a; }
-
-.text-accent, a.text-accent, a.text-accent:hover, a.text-accent:focus {
-  color: #ff1744; }
+.text-disabled {
+  color: rgba(0, 0, 0, 0.26); }
 
 .text-light {
-  color: #FFF; }
+  color: #FFF !important; }
 
-.text-dark {
-  color: rgba(0, 0, 0, 0.87); }
+.text-light.text-disabled {
+  color: rgba(255, 255, 255, 0.3) !important; }
 
-.material-icons.text-primary, .breadcrumb ol li.text-primary:not(:last-child):after, .form-item input.text-primary[type="checkbox"]:before, .form-item input.text-primary[type="radio"]:before, .text-primary.form-item.form-type-select:after, .sidebar .menu .collapsed > a.text-primary:after, .sidebar .menu .expanded > a.text-primary:after, .text-primary.collapsible-toggle:before {
-  color: #607d8b; }
-
-.material-icons.text-accent, .breadcrumb ol li.text-accent:not(:last-child):after, .form-item input.text-accent[type="checkbox"]:before, .form-item input.text-accent[type="radio"]:before, .text-accent.form-item.form-type-select:after, .sidebar .menu .collapsed > a.text-accent:after, .sidebar .menu .expanded > a.text-accent:after, .text-accent.collapsible-toggle:before {
-  color: #ff1744; }
-
-.icon-primary.icon-left:before, .icon-primary.icon-right:after {
-  color: #607d8b; }
+.text-primary, a.text-primary, a.text-primary:hover, a.text-primary:focus {
+  color: #546e7a; }
 
-.icon-accent.icon-left:before, .icon-accent.icon-right:after {
+.text-accent, a.text-accent, a.text-accent:hover, a.text-accent:focus {
   color: #ff1744; }
 
 .divider-top {
@@ -352,38 +534,81 @@ pre {
 
   pre {
     padding: 12px 24px; } }
-.z-level-0, .navbar-transparent #navbar, .navbar-transparent.navbar-fixed .navbar-shadow, .footer-transparent #footer, .card .table-card, .content-card .card-holder .table-card, .card-main, .content-card .card-holder, .card-grid .card {
+.z-level-0, .navbar-transparent #navbar, .navbar-transparent.navbar-fixed .navbar-shadow, .footer-transparent #footer, .card .table-card, .content-card .card-holder .table-card, .card-grid .card, .card-grid .content-card .card-holder, .content-card .card-grid .card-holder {
   box-shadow: none; }
 
-.z-level-1, #header, .navbar-fixed .navbar-shadow, .btn-raised, .btn.btn-raised, .pager__items .pager__item a.btn-raised, .table-card, .table-card.table-bordered, .search-form .form-item.focused, .card, .content-card .card-holder, #autocomplete {
+.z-level-1, #header, .navbar-fixed .navbar-shadow, .btn-raised, .btn.btn-raised, .pager .pager-item > a.btn-raised, .pager .pager-item > span.btn-raised, .table-card, .table-card.table-bordered, .block-search.search-persistent form .form-item.focused, .ui-autocomplete.ui-widget.ui-widget-content, .card, .content-card .card-holder {
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
 
-.z-level-2, #footer, .btn-raised:active, .btn.btn-raised:active, .pager__items .pager__item a.btn-raised:active, .fab, .menu-dropdown {
+.z-level-2, #footer, .btn-raised:active, .btn.btn-raised:active, .pager .pager-item > a.btn-raised:active, .pager .pager-item > span.btn-raised:active, .fab, .menu-dropdown {
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
 
 .z-level-3, .fab:active {
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
 
-.z-level-4, #drawer {
+.z-level-4 {
   box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
 
 .z-level-5 {
   box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }
 
+.highlight, .info, .important, .messages-status, .messages-warning, .messages-error {
+  background: #f5f5f5;
+  padding: 16px 24px;
+  border-radius: 2px;
+  margin-top: 16px;
+  margin-bottom: 16px; }
+  .highlight > *:first-child, .info > *:first-child, .important > *:first-child, .messages-status > *:first-child, .messages-warning > *:first-child, .messages-error > *:first-child {
+    margin-top: 0 !important; }
+  .highlight > *:last-child, .info > *:last-child, .important > *:last-child, .messages-status > *:last-child, .messages-warning > *:last-child, .messages-error > *:last-child {
+    margin-bottom: 0 !important; }
+  .card .highlight, .content-card .card-holder .highlight, .card .info, .content-card .card-holder .info, .card .important, .content-card .card-holder .important, .card .messages-status, .content-card .card-holder .messages-status, .card .messages-warning, .content-card .card-holder .messages-warning, .card .messages-error, .content-card .card-holder .messages-error, .content-card .card-holder .highlight, .content-card .card-holder .info, .content-card .card-holder .important, .content-card .card-holder .messages-status, .content-card .card-holder .messages-warning, .content-card .card-holder .messages-error {
+    margin-left: -16px;
+    margin-right: -16px;
+    border-radius: 0; }
+  @media (min-width: 568px) {
+    .card .highlight, .content-card .card-holder .highlight, .card .info, .content-card .card-holder .info, .card .important, .content-card .card-holder .important, .card .messages-status, .content-card .card-holder .messages-status, .card .messages-warning, .content-card .card-holder .messages-warning, .card .messages-error, .content-card .card-holder .messages-error, .content-card .card-holder .highlight, .content-card .card-holder .info, .content-card .card-holder .important, .content-card .card-holder .messages-status, .content-card .card-holder .messages-warning, .content-card .card-holder .messages-error {
+      margin-left: -24px;
+      margin-right: -24px; } }
+
+.info, .important, .messages-status, .messages-warning, .messages-error {
+  background: #eceff1;
+  padding-left: 64px;
+  position: relative; }
+  .info:before, .important:before, .messages-status:before, .messages-warning:before, .messages-error:before {
+    content: "info";
+    position: absolute;
+    top: 16px;
+    left: 24px;
+    color: #607d8b; }
+
+.important {
+  background: #607d8b;
+  color: #FFF; }
+  .important:before {
+    content: "warning";
+    color: #FFF; }
+  .important a {
+    color: #ff5252; }
+    .important a:hover {
+      color: #ff7171; }
+    .important a:active {
+      color: #ff8a80; }
+
+/* TO DO
+  color themes
+*/
 /* layout */
 #page {
   display: -webkit-box;
-  display: -webkit-flex;
   display: flex;
   min-height: 100vh;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
           flex-direction: column; }
 
 #content {
   -webkit-box-flex: 1;
-  -webkit-flex: 1 0 auto;
           flex: 1 0 auto; }
 
 #main-content {
@@ -447,14 +672,51 @@ pre {
 .navbar-transparent #navbar.navbar-bg {
   background: none; }
 
+.navbar-light #navbar {
+  color: rgba(0, 0, 0, 0.87); }
+.navbar-light #header {
+  background: #FFFFFF; }
+.navbar-light.navbar-fixed #navbar {
+  background: #FFFFFF; }
+.navbar-light .navbar-item .navbar-icon, .navbar-light .navbar-slogan, .navbar-light .navbar-title a {
+  color: rgba(0, 0, 0, 0.87); }
+.navbar-light .navbar-menu .menu a {
+  color: rgba(0, 0, 0, 0.87); }
+.navbar-light .navbar-menu .menu a:hover {
+  color: rgba(0, 0, 0, 0.87);
+  border-color: rgba(0, 0, 0, 0.5); }
+.navbar-light .navbar-menu .menu .active-trail a, .navbar-light .navbar-menu .menu .is-active {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.navbar-dark #navbar {
+  color: #FFF; }
+.navbar-dark #header {
+  background: #212121; }
+.navbar-dark.navbar-fixed #navbar {
+  background: #212121; }
+.navbar-dark .navbar-item .navbar-icon, .navbar-dark .navbar-slogan, .navbar-dark .navbar-title a {
+  color: #FFF; }
+.navbar-dark .navbar-menu .menu a {
+  color: #FFF; }
+.navbar-dark .navbar-menu .menu a:hover {
+  color: #FFF;
+  border-color: rgba(255, 255, 255, 0.5); }
+.navbar-dark .navbar-menu .menu .active-trail a, .navbar-dark .navbar-menu .menu .is-active {
+  border-color: #FFF; }
+
 #footer {
-  min-height: 64px;
+  min-height: 48px;
   background: #f5f5f5;
   font-size: 14px; }
 
 #footer-content {
   padding: 8px 4px; }
 
+.region-footer-content {
+  display: -webkit-box;
+  display: flex;
+  flex-wrap: wrap; }
+
 .footer-item {
   display: inline-block;
   min-height: 32px;
@@ -462,6 +724,13 @@ pre {
   float: none;
   line-height: 32px; }
 
+.footer-icons {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
+  min-height: 32px; }
+
 .footer-transparent #footer {
   background: none;
   pointer-events: none; }
@@ -472,10 +741,16 @@ pre {
   #navbar {
     padding: 8px 12px; }
 
+  #footer {
+    min-height: 64px; }
+
   #footer-content {
     padding: 8px 12px;
     text-align: center; }
 
+  .region-footer-content {
+    display: block; }
+
   .footer-item {
     min-height: 48px;
     float: left;
@@ -485,10 +760,11 @@ pre {
     float: none; }
 
   .footer-item.pull-right {
-    float: right; } }
+    float: right; }
+
+  .footer-icons {
+    min-height: 48px; } }
 /* TO DO
-.navbar-light
-.navbar-dark
 .navbar-gray
 .footer-dark
 */
@@ -498,29 +774,21 @@ pre {
 
   .two-sidebars #main {
     display: -webkit-box;
-    display: -webkit-flex;
     display: flex;
-    -webkit-flex-wrap: wrap;
-            flex-wrap: wrap; }
+    flex-wrap: wrap; }
   .two-sidebars #main-content {
     -webkit-box-flex: 0;
-    -webkit-flex: 0 0 100%;
-            flex: 0 0 100%; }
+            flex: 0 0 auto;
+    width: 100%; }
   .two-sidebars #sidebar-first {
     -webkit-box-flex: 0;
-    -webkit-flex: 0 0 auto;
             flex: 0 0 auto;
     margin-right: 12px;
-    width: -ms-calc(50% - 12px);
-    width: -o-calc(50% - 12px);
     width: calc(50% - 12px); }
   .two-sidebars #sidebar-second {
     -webkit-box-flex: 0;
-    -webkit-flex: 0 0 auto;
             flex: 0 0 auto;
     margin-left: 12px;
-    width: -ms-calc(50% - 12px);
-    width: -o-calc(50% - 12px);
     width: calc(50% - 12px); } }
 @media (min-width: 992px) {
   .no-sidebars .container {
@@ -534,37 +802,29 @@ pre {
 
   .one-sidebar #main {
     display: -webkit-box;
-    display: -webkit-flex;
     display: flex; }
   .one-sidebar #main-content {
     -webkit-box-ordinal-group: 3;
-    -webkit-order: 2;
             order: 2;
     -webkit-box-flex: 0;
-    -webkit-flex: 0 1 100%;
-            flex: 0 1 100%; }
+            flex: 0 0 auto;
+    width: calc(100% - 264px); }
   .one-sidebar #sidebar-first {
     -webkit-box-ordinal-group: 2;
-    -webkit-order: 1;
             order: 1;
     -webkit-box-flex: 0;
-    -webkit-flex: 0 0 240px;
             flex: 0 0 240px;
     margin-right: 24px; }
   .one-sidebar #sidebar-second {
     -webkit-box-ordinal-group: 4;
-    -webkit-order: 3;
             order: 3;
     -webkit-box-flex: 0;
-    -webkit-flex: 0 0 240px;
             flex: 0 0 240px;
     margin-left: 24px; }
 
   .two-sidebars #main {
     display: block; }
   .two-sidebars #main-content {
-    width: -ms-calc(100% - 264px);
-    width: -o-calc(100% - 264px);
     width: calc(100% - 264px);
     float: right; }
   .two-sidebars #sidebar-first {
@@ -572,8 +832,6 @@ pre {
     margin-right: 24px;
     float: left; }
   .two-sidebars #sidebar-second {
-    width: -ms-calc(100% - 264px);
-    width: -o-calc(100% - 264px);
     width: calc(100% - 264px);
     float: right; } }
 @media (min-width: 1280px) {
@@ -588,32 +846,26 @@ pre {
 
   .two-sidebars #main {
     display: -webkit-box;
-    display: -webkit-flex;
     display: flex;
-    -webkit-flex-wrap: nowrap;
-            flex-wrap: nowrap; }
+    flex-wrap: nowrap; }
   .two-sidebars #main-content {
     -webkit-box-ordinal-group: 3;
-    -webkit-order: 2;
             order: 2;
     -webkit-box-flex: 0;
-    -webkit-flex: 0 1 100%;
-            flex: 0 1 100%; }
+            flex: 0 0 auto;
+    width: calc(100% - 528px); }
   .two-sidebars #sidebar-first {
     -webkit-box-ordinal-group: 2;
-    -webkit-order: 1;
             order: 1;
     -webkit-box-flex: 0;
-    -webkit-flex: 0 0 240px;
             flex: 0 0 240px;
     margin-right: 24px; }
   .two-sidebars #sidebar-second {
     -webkit-box-ordinal-group: 4;
-    -webkit-order: 3;
             order: 3;
     -webkit-box-flex: 0;
-    -webkit-flex: 0 0 240px;
             flex: 0 0 240px;
+    width: 240px;
     margin-left: 24px; } }
 @media (min-width: 1544px) {
   .no-sidebars.wide-two-side .container {
@@ -624,6 +876,30 @@ pre {
 
   .two-sidebars .container {
     width: 1520px; } }
+@media (min-width: 992px) {
+  .drawer-permanent #header, .drawer-permanent #content, .drawer-permanent #navbar, .drawer-permanent #footer {
+    margin-left: 240px; }
+  .drawer-permanent.navbar-fixed #navbar {
+    width: calc(100% - 240px); }
+  .drawer-permanent #drawer {
+    margin-left: 0;
+    box-shadow: none; }
+  .drawer-permanent #drawer-overlay {
+    display: none !important; }
+  .drawer-permanent.drawer-below-navbar #navbar {
+    margin-left: 0;
+    width: 100%;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
+  .drawer-permanent.drawer-below-navbar #drawer {
+    top: 64px;
+    z-index: 29; }
+  .drawer-permanent.drawer-below-navbar #header {
+    box-shadow: none; }
+  .drawer-permanent.no-sidebars .container {
+    width: auto; } }
+@media (min-width: 1280px) {
+  .drawer-permanent.no-sidebars .container {
+    width: 992px; } }
 .text-box {
   max-width: 944px; }
 
@@ -631,7 +907,7 @@ pre {
 .btn-group {
   margin: 8px 0; }
 
-.btn, .pager__items .pager__item a, input[type="submit"] {
+.btn, .pager .pager-item > a, .pager .pager-item > span, input[type="submit"] {
   display: inline-block;
   height: 36px;
   min-width: 88px;
@@ -652,58 +928,73 @@ pre {
   text-decoration: none;
   white-space: nowrap;
   text-overflow: ellipsis;
-  -webkit-transition: background-color .2s, box-shadow .2s;
   transition: background-color .2s, box-shadow .2s; }
-  .btn:hover, .pager__items .pager__item a:hover, .btn:focus, .pager__items .pager__item a:focus, input[type="submit"]:hover, input[type="submit"]:focus {
+  .btn:hover, .pager .pager-item > a:hover, .pager .pager-item > span:hover, .btn:focus, .pager .pager-item > a:focus, .pager .pager-item > span:focus, input[type="submit"]:hover, input[type="submit"]:focus {
     background: rgba(153, 153, 153, 0.2);
     text-decoration: none;
     color: rgba(0, 0, 0, 0.87); }
-  .btn:active, .pager__items .pager__item a:active, input[type="submit"]:active {
+  .btn:active, .pager .pager-item > a:active, .pager .pager-item > span:active, input[type="submit"]:active {
     background: rgba(153, 153, 153, 0.4); }
 
 .btn-colored, .btn-colored:hover, .btn-colored:focus,
 .btn.btn-colored,
-.pager__items .pager__item a.btn-colored, .btn.btn-colored:hover, .pager__items .pager__item a.btn-colored:hover, .btn.btn-colored:focus, .pager__items .pager__item a.btn-colored:focus {
+.pager .pager-item > a.btn-colored,
+.pager .pager-item > span.btn-colored, .btn.btn-colored:hover, .pager .pager-item > a.btn-colored:hover, .pager .pager-item > span.btn-colored:hover, .btn.btn-colored:focus, .pager .pager-item > a.btn-colored:focus, .pager .pager-item > span.btn-colored:focus {
   color: #546e7a; }
 
-.btn-accent, .pager__items .pager__item a, .btn-accent:hover, .pager__items .pager__item a:hover, .btn-accent:focus, .pager__items .pager__item a:focus,
+.btn-accent, .pager .pager-item > a, .pager .pager-item > span, .btn-accent:hover, .pager .pager-item > a:hover, .pager .pager-item > span:hover, .btn-accent:focus, .pager .pager-item > a:focus, .pager .pager-item > span:focus,
 .btn.btn-accent,
-.pager__items .pager__item a, .btn.btn-accent:hover, .pager__items .pager__item a:hover, .btn.btn-accent:focus, .pager__items .pager__item a:focus {
+.pager .pager-item > a,
+.pager .pager-item > span, .btn.btn-accent:hover, .pager .pager-item > a:hover, .pager .pager-item > span:hover, .btn.btn-accent:focus, .pager .pager-item > a:focus, .pager .pager-item > span:focus {
   color: #ff1744; }
 
-.btn-raised.btn-colored, .btn.btn-raised.btn-colored, .pager__items .pager__item a.btn-raised.btn-colored {
+.btn-raised.btn-colored, .btn.btn-raised.btn-colored, .pager .pager-item > a.btn-raised.btn-colored, .pager .pager-item > span.btn-raised.btn-colored {
   background: #607d8b;
   color: #FFF; }
-.btn-raised.btn-accent, .pager__items .pager__item a.btn-raised, .btn.btn-raised.btn-accent, .pager__items .pager__item a.btn-raised {
+.btn-raised.btn-accent, .pager .pager-item > a.btn-raised, .pager .pager-item > span.btn-raised, .btn.btn-raised.btn-accent, .pager .pager-item > a.btn-raised, .pager .pager-item > span.btn-raised {
   background: #ff1744;
   color: #FFF; }
-.btn-raised.btn-colored .rippleAnimate, .btn-raised.btn-accent .rippleAnimate, .pager__items .pager__item a.btn-raised .rippleAnimate, .btn.btn-raised.btn-colored .rippleAnimate, .pager__items .pager__item a.btn-raised.btn-colored .rippleAnimate, .btn.btn-raised.btn-accent .rippleAnimate, .pager__items .pager__item a.btn-raised .rippleAnimate {
+.btn-raised.btn-colored .rippleAnimate, .btn-raised.btn-accent .rippleAnimate, .pager .pager-item > a.btn-raised .rippleAnimate, .pager .pager-item > span.btn-raised .rippleAnimate, .btn.btn-raised.btn-colored .rippleAnimate, .pager .pager-item > a.btn-raised.btn-colored .rippleAnimate, .pager .pager-item > span.btn-raised.btn-colored .rippleAnimate, .btn.btn-raised.btn-accent .rippleAnimate, .pager .pager-item > a.btn-raised .rippleAnimate, .pager .pager-item > span.btn-raised .rippleAnimate {
   background-color: rgba(255, 255, 255, 0.3); }
-.btn-raised.btn-colored:hover, .btn-raised.btn-colored:focus, .btn.btn-raised.btn-colored:hover, .pager__items .pager__item a.btn-raised.btn-colored:hover, .btn.btn-raised.btn-colored:focus, .pager__items .pager__item a.btn-raised.btn-colored:focus {
+.btn-raised.btn-colored:hover, .btn-raised.btn-colored:focus, .btn.btn-raised.btn-colored:hover, .pager .pager-item > a.btn-raised.btn-colored:hover, .pager .pager-item > span.btn-raised.btn-colored:hover, .btn.btn-raised.btn-colored:focus, .pager .pager-item > a.btn-raised.btn-colored:focus, .pager .pager-item > span.btn-raised.btn-colored:focus {
   background: #546e7a;
   color: #FFF; }
-.btn-raised.btn-colored:active, .btn.btn-raised.btn-colored:active, .pager__items .pager__item a.btn-raised.btn-colored:active {
+.btn-raised.btn-colored:active, .btn.btn-raised.btn-colored:active, .pager .pager-item > a.btn-raised.btn-colored:active, .pager .pager-item > span.btn-raised.btn-colored:active {
   background: #455a64; }
-.btn-raised.btn-accent:hover, .pager__items .pager__item a.btn-raised:hover, .btn-raised.btn-accent:focus, .pager__items .pager__item a.btn-raised:focus, .btn.btn-raised.btn-accent:hover, .pager__items .pager__item a.btn-raised:hover, .btn.btn-raised.btn-accent:focus, .pager__items .pager__item a.btn-raised:focus {
+.btn-raised.btn-accent:hover, .pager .pager-item > a.btn-raised:hover, .pager .pager-item > span.btn-raised:hover, .btn-raised.btn-accent:focus, .pager .pager-item > a.btn-raised:focus, .pager .pager-item > span.btn-raised:focus, .btn.btn-raised.btn-accent:hover, .pager .pager-item > a.btn-raised:hover, .pager .pager-item > span.btn-raised:hover, .btn.btn-raised.btn-accent:focus, .pager .pager-item > a.btn-raised:focus, .pager .pager-item > span.btn-raised:focus {
   background: #f40000;
   color: #FFF; }
-.btn-raised.btn-accent:active, .pager__items .pager__item a.btn-raised:active, .btn.btn-raised.btn-accent:active, .pager__items .pager__item a.btn-raised:active {
+.btn-raised.btn-accent:active, .pager .pager-item > a.btn-raised:active, .pager .pager-item > span.btn-raised:active, .btn.btn-raised.btn-accent:active, .pager .pager-item > a.btn-raised:active, .pager .pager-item > span.btn-raised:active {
   background: #d50000; }
 
-.btn.icon-left:before, .pager__items .pager__item a.icon-left:before, .btn.icon-right:after, .pager__items .pager__item a.icon-right:after, .btn .material-icons, .pager__items .pager__item a .material-icons, .btn .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .btn li:not(:last-child):after, .pager__items .pager__item a .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager__items .pager__item a li:not(:last-child):after, .btn .form-item input[type="checkbox"]:before, .form-item .btn input[type="checkbox"]:before, .pager__items .pager__item a .form-item input[type="checkbox"]:before, .form-item .pager__items .pager__item a input[type="checkbox"]:before, .btn .form-item input[type="radio"]:before, .form-item .btn input[type="radio"]:before, .pager__items .pager__item a .form-item input[type="radio"]:before, .form-item .pager__items .pager__item a input[type="radio"]:before, .btn .form-item.form-type-select:after, .pager__items .pager__item a .form-item.form-type-select:after, .btn .sidebar .menu .collapsed > a:after, .sidebar .menu .btn .collapsed > a:after, .pager__items .pager__item a .sidebar .menu .collapsed > a:after, .sidebar .menu .pager__items .pager__item a .collapsed > a:after, .btn .sidebar .menu .expanded > a:after, .sidebar .menu .btn .expanded > a:after, .pager__items .pager__item a .sidebar .menu .expanded > a:after, .sidebar .menu .pager__items .pager__item a .expanded > a:after, .btn .collapsible-toggle:before, .pager__items .pager__item a .collapsible-toggle:before {
+.btn.icon-left:before, .pager .pager-item > a.icon-left:before, .pager .pager-item > span.icon-left:before, .btn.icon-right:after, .pager .pager-item > a.icon-right:after, .pager .pager-item > span.icon-right:after, .btn .material-icons, .pager .pager-item > a .material-icons, .pager .pager-item > span .material-icons, .btn .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .btn li:not(:last-child):after, .pager .pager-item > a .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > a li:not(:last-child):after, .pager .pager-item > span .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > span li:not(:last-child):after, .btn .info:before, .pager .pager-item > a .info:before, .pager .pager-item > span .info:before, .btn .important:before, .pager .pager-item > a .important:before, .pager .pager-item > span .important:before, .btn .messages-status:before, .pager .pager-item > a .messages-status:before, .pager .pager-item > span .messages-status:before, .btn .messages-warning:before, .pager .pager-item > a .messages-warning:before, .pager .pager-item > span .messages-warning:before, .btn .messages-error:before, .pager .pager-item > a .messages-error:before, .pager .pager-item > span .messages-error:before, .btn .form-item input[type="checkbox"]:before, .form-item .btn input[type="checkbox"]:before, .pager .pager-item > a .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > a input[type="checkbox"]:before, .pager .pager-item > span .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > span input[type="checkbox"]:before, .btn .form-item input[type="radio"]:before, .form-item .btn input[type="radio"]:before, .pager .pager-item > a .form-item input[type="radio"]:before, .form-item .pager .pager-item > a input[type="radio"]:before, .pager .pager-item > span .form-item input[type="radio"]:before, .form-item .pager .pager-item > span input[type="radio"]:before, .btn .form-item.form-type-select:after, .pager .pager-item > a .form-item.form-type-select:after, .pager .pager-item > span .form-item.form-type-select:after, .btn .navbar-account-menu .menu a:before, .navbar-account-menu .menu .btn a:before, .pager .pager-item > a .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > a a:before, .pager .pager-item > span .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > span a:before, .btn .sidebar .menu .collapsed > a:after, .sidebar .menu .btn .collapsed > a:after, .pager .pager-item > a .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > a .collapsed > a:after, .pager .pager-item > span .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > span .collapsed > a:after, .btn .sidebar .menu .expanded > a:after, .sidebar .menu .btn .expanded > a:after, .pager .pager-item > a .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > a .expanded > a:after, .pager .pager-item > span .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > span .expanded > a:after, .btn .collapsible-toggle:before, .pager .pager-item > a .collapsible-toggle:before, .pager .pager-item > span .collapsible-toggle:before, .btn .pager .pager-item.item-first > a:before, .pager .btn .pager-item.item-first > a:before, .pager .pager-item > a .pager-item.item-first > a:before, .pager .pager-item > span .pager-item.item-first > a:before, .btn .pager .pager-item.item-first > span:before, .pager .btn .pager-item.item-first > span:before, .pager .pager-item > a .pager-item.item-first > span:before, .pager .pager-item > span .pager-item.item-first > span:before, .btn .pager .pager-item.item-previous > a:before, .pager .btn .pager-item.item-previous > a:before, .pager .pager-item > a .pager-item.item-previous > a:before, .pager .pager-item > span .pager-item.item-previous > a:before, .btn .pager .pager-item.item-previous > span:before, .pager .btn .pager-item.item-previous > span:before, .pager .pager-item > a .pager-item.item-previous > span:before, .pager .pager-item > span .pager-item.item-previous > span:before, .btn .pager .pager-item.item-ellipsis > a:before, .pager .btn .pager-item.item-ellipsis > a:before, .pager .pager-item > a .pager-item.item-ellipsis > a:before, .pager .pager-item > span .pager-item.item-ellipsis > a:before, .btn .pager .pager-item.item-ellipsis > span:before, .pager .btn .pager-item.item-ellipsis > span:before, .pager .pager-item > a .pager-item.item-ellipsis > span:before, .pager .pager-item > span .pager-item.item-ellipsis > span:before, .btn .pager .pager-item.item-next > a:before, .pager .btn .pager-item.item-next > a:before, .pager .pager-item > a .pager-item.item-next > a:before, .pager .pager-item > span .pager-item.item-next > a:before, .btn .pager .pager-item.item-next > span:before, .pager .btn .pager-item.item-next > span:before, .pager .pager-item > a .pager-item.item-next > span:before, .pager .pager-item > span .pager-item.item-next > span:before, .btn .pager .pager-item.item-last > a:before, .pager .btn .pager-item.item-last > a:before, .pager .pager-item > a .pager-item.item-last > a:before, .pager .pager-item > span .pager-item.item-last > a:before, .btn .pager .pager-item.item-last > span:before, .pager .btn .pager-item.item-last > span:before, .pager .pager-item > a .pager-item.item-last > span:before, .pager .pager-item > span .pager-item.item-last > span:before {
   margin-top: -2px;
   margin-bottom: -2px; }
 
-.btn.icon-left:before, .pager__items .pager__item a.icon-left:before, .btn .material-icons, .pager__items .pager__item a .material-icons, .btn .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .btn li:not(:last-child):after, .pager__items .pager__item a .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager__items .pager__item a li:not(:last-child):after, .btn .form-item input[type="checkbox"]:before, .form-item .btn input[type="checkbox"]:before, .pager__items .pager__item a .form-item input[type="checkbox"]:before, .form-item .pager__items .pager__item a input[type="checkbox"]:before, .btn .form-item input[type="radio"]:before, .form-item .btn input[type="radio"]:before, .pager__items .pager__item a .form-item input[type="radio"]:before, .form-item .pager__items .pager__item a input[type="radio"]:before, .btn .form-item.form-type-select:after, .pager__items .pager__item a .form-item.form-type-select:after, .btn .sidebar .menu .collapsed > a:after, .sidebar .menu .btn .collapsed > a:after, .pager__items .pager__item a .sidebar .menu .collapsed > a:after, .sidebar .menu .pager__items .pager__item a .collapsed > a:after, .btn .sidebar .menu .expanded > a:after, .sidebar .menu .btn .expanded > a:after, .pager__items .pager__item a .sidebar .menu .expanded > a:after, .sidebar .menu .pager__items .pager__item a .expanded > a:after, .btn .collapsible-toggle:before, .pager__items .pager__item a .collapsible-toggle:before {
+.btn.services-icon-left:before, .pager .pager-item > a.services-icon-left:before, .pager .pager-item > span.services-icon-left:before, .btn.services-icon-right:after, .pager .pager-item > a.services-icon-right:after, .pager .pager-item > span.services-icon-right:after, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons {
+  margin-top: -2px;
+  margin-bottom: -1px; }
+
+.btn.icon-left:before, .pager .pager-item > a.icon-left:before, .pager .pager-item > span.icon-left:before, .btn .material-icons, .pager .pager-item > a .material-icons, .pager .pager-item > span .material-icons, .btn .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .btn li:not(:last-child):after, .pager .pager-item > a .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > a li:not(:last-child):after, .pager .pager-item > span .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > span li:not(:last-child):after, .btn .info:before, .pager .pager-item > a .info:before, .pager .pager-item > span .info:before, .btn .important:before, .pager .pager-item > a .important:before, .pager .pager-item > span .important:before, .btn .messages-status:before, .pager .pager-item > a .messages-status:before, .pager .pager-item > span .messages-status:before, .btn .messages-warning:before, .pager .pager-item > a .messages-warning:before, .pager .pager-item > span .messages-warning:before, .btn .messages-error:before, .pager .pager-item > a .messages-error:before, .pager .pager-item > span .messages-error:before, .btn .form-item input[type="checkbox"]:before, .form-item .btn input[type="checkbox"]:before, .pager .pager-item > a .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > a input[type="checkbox"]:before, .pager .pager-item > span .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > span input[type="checkbox"]:before, .btn .form-item input[type="radio"]:before, .form-item .btn input[type="radio"]:before, .pager .pager-item > a .form-item input[type="radio"]:before, .form-item .pager .pager-item > a input[type="radio"]:before, .pager .pager-item > span .form-item input[type="radio"]:before, .form-item .pager .pager-item > span input[type="radio"]:before, .btn .form-item.form-type-select:after, .pager .pager-item > a .form-item.form-type-select:after, .pager .pager-item > span .form-item.form-type-select:after, .btn .navbar-account-menu .menu a:before, .navbar-account-menu .menu .btn a:before, .pager .pager-item > a .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > a a:before, .pager .pager-item > span .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > span a:before, .btn .sidebar .menu .collapsed > a:after, .sidebar .menu .btn .collapsed > a:after, .pager .pager-item > a .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > a .collapsed > a:after, .pager .pager-item > span .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > span .collapsed > a:after, .btn .sidebar .menu .expanded > a:after, .sidebar .menu .btn .expanded > a:after, .pager .pager-item > a .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > a .expanded > a:after, .pager .pager-item > span .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > span .expanded > a:after, .btn .collapsible-toggle:before, .pager .pager-item > a .collapsible-toggle:before, .pager .pager-item > span .collapsible-toggle:before, .btn .pager .pager-item.item-first > a:before, .pager .btn .pager-item.item-first > a:before, .pager .pager-item > a .pager-item.item-first > a:before, .pager .pager-item > span .pager-item.item-first > a:before, .btn .pager .pager-item.item-first > span:before, .pager .btn .pager-item.item-first > span:before, .pager .pager-item > a .pager-item.item-first > span:before, .pager .pager-item > span .pager-item.item-first > span:before, .btn .pager .pager-item.item-previous > a:before, .pager .btn .pager-item.item-previous > a:before, .pager .pager-item > a .pager-item.item-previous > a:before, .pager .pager-item > span .pager-item.item-previous > a:before, .btn .pager .pager-item.item-previous > span:before, .pager .btn .pager-item.item-previous > span:before, .pager .pager-item > a .pager-item.item-previous > span:before, .pager .pager-item > span .pager-item.item-previous > span:before, .btn .pager .pager-item.item-ellipsis > a:before, .pager .btn .pager-item.item-ellipsis > a:before, .pager .pager-item > a .pager-item.item-ellipsis > a:before, .pager .pager-item > span .pager-item.item-ellipsis > a:before, .btn .pager .pager-item.item-ellipsis > span:before, .pager .btn .pager-item.item-ellipsis > span:before, .pager .pager-item > a .pager-item.item-ellipsis > span:before, .pager .pager-item > span .pager-item.item-ellipsis > span:before, .btn .pager .pager-item.item-next > a:before, .pager .btn .pager-item.item-next > a:before, .pager .pager-item > a .pager-item.item-next > a:before, .pager .pager-item > span .pager-item.item-next > a:before, .btn .pager .pager-item.item-next > span:before, .pager .btn .pager-item.item-next > span:before, .pager .pager-item > a .pager-item.item-next > span:before, .pager .pager-item > span .pager-item.item-next > span:before, .btn .pager .pager-item.item-last > a:before, .pager .btn .pager-item.item-last > a:before, .pager .pager-item > a .pager-item.item-last > a:before, .pager .pager-item > span .pager-item.item-last > a:before, .btn .pager .pager-item.item-last > span:before, .pager .btn .pager-item.item-last > span:before, .pager .pager-item > a .pager-item.item-last > span:before, .pager .pager-item > span .pager-item.item-last > span:before,
+.btn.services-icon-left:before,
+.pager .pager-item > a.services-icon-left:before,
+.pager .pager-item > span.services-icon-left:before, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons {
   margin-left: -2px; }
 
-.btn.icon-right:after, .pager__items .pager__item a.icon-right:after, .btn .material-icons, .pager__items .pager__item a .material-icons, .btn .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .btn li:not(:last-child):after, .pager__items .pager__item a .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager__items .pager__item a li:not(:last-child):after, .btn .form-item input[type="checkbox"]:before, .form-item .btn input[type="checkbox"]:before, .pager__items .pager__item a .form-item input[type="checkbox"]:before, .form-item .pager__items .pager__item a input[type="checkbox"]:before, .btn .form-item input[type="radio"]:before, .form-item .btn input[type="radio"]:before, .pager__items .pager__item a .form-item input[type="radio"]:before, .form-item .pager__items .pager__item a input[type="radio"]:before, .btn .form-item.form-type-select:after, .pager__items .pager__item a .form-item.form-type-select:after, .btn .sidebar .menu .collapsed > a:after, .sidebar .menu .btn .collapsed > a:after, .pager__items .pager__item a .sidebar .menu .collapsed > a:after, .sidebar .menu .pager__items .pager__item a .collapsed > a:after, .btn .sidebar .menu .expanded > a:after, .sidebar .menu .btn .expanded > a:after, .pager__items .pager__item a .sidebar .menu .expanded > a:after, .sidebar .menu .pager__items .pager__item a .expanded > a:after, .btn .collapsible-toggle:before, .pager__items .pager__item a .collapsible-toggle:before {
+.btn.icon-right:after, .pager .pager-item > a.icon-right:after, .pager .pager-item > span.icon-right:after, .btn .material-icons, .pager .pager-item > a .material-icons, .pager .pager-item > span .material-icons, .btn .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .btn li:not(:last-child):after, .pager .pager-item > a .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > a li:not(:last-child):after, .pager .pager-item > span .breadcrumb ol li:not(:last-child):after, .breadcrumb ol .pager .pager-item > span li:not(:last-child):after, .btn .info:before, .pager .pager-item > a .info:before, .pager .pager-item > span .info:before, .btn .important:before, .pager .pager-item > a .important:before, .pager .pager-item > span .important:before, .btn .messages-status:before, .pager .pager-item > a .messages-status:before, .pager .pager-item > span .messages-status:before, .btn .messages-warning:before, .pager .pager-item > a .messages-warning:before, .pager .pager-item > span .messages-warning:before, .btn .messages-error:before, .pager .pager-item > a .messages-error:before, .pager .pager-item > span .messages-error:before, .btn .form-item input[type="checkbox"]:before, .form-item .btn input[type="checkbox"]:before, .pager .pager-item > a .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > a input[type="checkbox"]:before, .pager .pager-item > span .form-item input[type="checkbox"]:before, .form-item .pager .pager-item > span input[type="checkbox"]:before, .btn .form-item input[type="radio"]:before, .form-item .btn input[type="radio"]:before, .pager .pager-item > a .form-item input[type="radio"]:before, .form-item .pager .pager-item > a input[type="radio"]:before, .pager .pager-item > span .form-item input[type="radio"]:before, .form-item .pager .pager-item > span input[type="radio"]:before, .btn .form-item.form-type-select:after, .pager .pager-item > a .form-item.form-type-select:after, .pager .pager-item > span .form-item.form-type-select:after, .btn .navbar-account-menu .menu a:before, .navbar-account-menu .menu .btn a:before, .pager .pager-item > a .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > a a:before, .pager .pager-item > span .navbar-account-menu .menu a:before, .navbar-account-menu .menu .pager .pager-item > span a:before, .btn .sidebar .menu .collapsed > a:after, .sidebar .menu .btn .collapsed > a:after, .pager .pager-item > a .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > a .collapsed > a:after, .pager .pager-item > span .sidebar .menu .collapsed > a:after, .sidebar .menu .pager .pager-item > span .collapsed > a:after, .btn .sidebar .menu .expanded > a:after, .sidebar .menu .btn .expanded > a:after, .pager .pager-item > a .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > a .expanded > a:after, .pager .pager-item > span .sidebar .menu .expanded > a:after, .sidebar .menu .pager .pager-item > span .expanded > a:after, .btn .collapsible-toggle:before, .pager .pager-item > a .collapsible-toggle:before, .pager .pager-item > span .collapsible-toggle:before, .btn .pager .pager-item.item-first > a:before, .pager .btn .pager-item.item-first > a:before, .pager .pager-item > a .pager-item.item-first > a:before, .pager .pager-item > span .pager-item.item-first > a:before, .btn .pager .pager-item.item-first > span:before, .pager .btn .pager-item.item-first > span:before, .pager .pager-item > a .pager-item.item-first > span:before, .pager .pager-item > span .pager-item.item-first > span:before, .btn .pager .pager-item.item-previous > a:before, .pager .btn .pager-item.item-previous > a:before, .pager .pager-item > a .pager-item.item-previous > a:before, .pager .pager-item > span .pager-item.item-previous > a:before, .btn .pager .pager-item.item-previous > span:before, .pager .btn .pager-item.item-previous > span:before, .pager .pager-item > a .pager-item.item-previous > span:before, .pager .pager-item > span .pager-item.item-previous > span:before, .btn .pager .pager-item.item-ellipsis > a:before, .pager .btn .pager-item.item-ellipsis > a:before, .pager .pager-item > a .pager-item.item-ellipsis > a:before, .pager .pager-item > span .pager-item.item-ellipsis > a:before, .btn .pager .pager-item.item-ellipsis > span:before, .pager .btn .pager-item.item-ellipsis > span:before, .pager .pager-item > a .pager-item.item-ellipsis > span:before, .pager .pager-item > span .pager-item.item-ellipsis > span:before, .btn .pager .pager-item.item-next > a:before, .pager .btn .pager-item.item-next > a:before, .pager .pager-item > a .pager-item.item-next > a:before, .pager .pager-item > span .pager-item.item-next > a:before, .btn .pager .pager-item.item-next > span:before, .pager .btn .pager-item.item-next > span:before, .pager .pager-item > a .pager-item.item-next > span:before, .pager .pager-item > span .pager-item.item-next > span:before, .btn .pager .pager-item.item-last > a:before, .pager .btn .pager-item.item-last > a:before, .pager .pager-item > a .pager-item.item-last > a:before, .pager .pager-item > span .pager-item.item-last > a:before, .btn .pager .pager-item.item-last > span:before, .pager .btn .pager-item.item-last > span:before, .pager .pager-item > a .pager-item.item-last > span:before, .pager .pager-item > span .pager-item.item-last > span:before,
+.btn.services-icon-right:after,
+.pager .pager-item > a.services-icon-right:after,
+.pager .pager-item > span.services-icon-right:after, .btn .services-icons, .pager .pager-item > a .services-icons, .pager .pager-item > span .services-icons {
   margin-right: -2px; }
 
-.btn-disabled {
+.btn.icon-right > span, .pager .pager-item > a.icon-right > span, .pager .pager-item > span.icon-right > span, .btn.services-icon-right > span, .pager .pager-item > a.services-icon-right > span, .pager .pager-item > span.services-icon-right > span {
+  float: left; }
+
+.btn-disabled, .pager .pager-item.item-ellipsis > a, .pager .pager-item.item-ellipsis > span, .pager .pager-item.item-current > a, .pager .pager-item.item-current > span, .pager .pager-item.item-first > span, .pager .pager-item.item-previous > span, .pager .pager-item.item-next > span, .pager .pager-item.item-last > span {
   color: rgba(0, 0, 0, 0.26);
-  cursor: default; }
-  .btn-disabled:hover, .btn-disabled:focus, .btn-disabled:active {
+  cursor: default;
+  pointer-events: none; }
+  .btn-disabled:hover, .pager .pager-item.item-ellipsis > a:hover, .pager .pager-item.item-ellipsis > span:hover, .pager .pager-item.item-current > a:hover, .pager .pager-item.item-current > span:hover, .pager .pager-item.item-first > span:hover, .pager .pager-item.item-previous > span:hover, .pager .pager-item.item-next > span:hover, .pager .pager-item.item-last > span:hover, .btn-disabled:focus, .pager .pager-item.item-ellipsis > a:focus, .pager .pager-item.item-ellipsis > span:focus, .pager .pager-item.item-current > a:focus, .pager .pager-item.item-current > span:focus, .pager .pager-item.item-first > span:focus, .pager .pager-item.item-previous > span:focus, .pager .pager-item.item-next > span:focus, .pager .pager-item.item-last > span:focus, .btn-disabled:active, .pager .pager-item.item-ellipsis > a:active, .pager .pager-item.item-ellipsis > span:active, .pager .pager-item.item-current > a:active, .pager .pager-item.item-current > span:active, .pager .pager-item.item-first > span:active, .pager .pager-item.item-previous > span:active, .pager .pager-item.item-next > span:active, .pager .pager-item.item-last > span:active {
     background: none;
     color: rgba(0, 0, 0, 0.26); }
 
@@ -732,7 +1023,6 @@ colored but not raised
   line-height: 24px;
   vertical-align: middle;
   font-weight: 500;
-  -webkit-transition: background-color .2s, box-shadow .2s;
   transition: background-color .2s, box-shadow .2s; }
   .fab:hover, .fab:focus {
     background: rgba(153, 153, 153, 0.2);
@@ -769,7 +1059,7 @@ colored but not raised
     content: attr(data-tooltip);
     position: absolute;
     box-sizing: border-box;
-    width: 160px;
+    max-width: 160px;
     background: rgba(97, 97, 97, 0.9);
     padding: 6px 16px;
     border-radius: 2px;
@@ -779,15 +1069,54 @@ colored but not raised
     text-align: center;
     text-transform: none;
     line-height: 20px;
+    white-space: normal;
     opacity: 0;
-    -webkit-transition: opacity .2s;
     transition: opacity .2s;
     bottom: calc(100% + 16px);
     left: 50%;
     pointer-events: none;
-    margin-left: -80px; }
+    -webkit-transform: translate(-50%, 0);
+            transform: translate(-50%, 0); }
   .tooltip.tooltip-expanded:before {
     opacity: 1; }
+  .tooltip.tooltip-top-left:before {
+    left: 0;
+    -webkit-transform: translate(0%, 0);
+            transform: translate(0%, 0); }
+  .tooltip.tooltip-top-right:before {
+    left: auto;
+    right: 0;
+    -webkit-transform: translate(0%, 0);
+            transform: translate(0%, 0); }
+  .tooltip.tooltip-bottom-left:before {
+    bottom: auto;
+    top: calc(100% + 16px);
+    left: 0;
+    -webkit-transform: translate(0%, 0);
+            transform: translate(0%, 0); }
+  .tooltip.tooltip-bottom:before {
+    bottom: auto;
+    top: calc(100% + 16px); }
+  .tooltip.tooltip-bottom-right:before {
+    bottom: auto;
+    top: calc(100% + 16px);
+    left: auto;
+    right: 0;
+    -webkit-transform: translate(0%, 0);
+            transform: translate(0%, 0); }
+  .tooltip.tooltip-left:before {
+    -webkit-transform: translate(0, -50%);
+            transform: translate(0, -50%);
+    right: calc(100% + 12px);
+    top: 50%;
+    bottom: auto;
+    left: auto; }
+  .tooltip.tooltip-right:before {
+    -webkit-transform: translate(0, -50%);
+            transform: translate(0, -50%);
+    left: calc(100% + 12px);
+    top: 50%;
+    bottom: auto; }
 
 /* tables */
 tr.selected {
@@ -883,41 +1212,41 @@ tr.selected:hover {
     color: rgba(0, 0, 0, 0.87);
     font-family: "Roboto", sans-serif;
     font-size: 16px; }
-  .form-item input[type="text"], .form-item input[type="email"], .form-item input[type="password"], .form-item textarea, .form-item select {
+  .form-item input[type="text"], .form-item input[type="email"], .form-item input[type="password"], .form-item input[type="search"], .form-item textarea, .form-item select {
     display: block;
     width: 100%;
     max-width: 460px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.12);
     padding: 8px 0; }
-    .form-item input[type="text"]:focus, .form-item input[type="text"].error:focus, .form-item input[type="email"]:focus, .form-item input[type="email"].error:focus, .form-item input[type="password"]:focus, .form-item input[type="password"].error:focus, .form-item textarea:focus, .form-item textarea.error:focus, .form-item select:focus, .form-item select.error:focus {
+    .form-item input[type="text"]:focus, .form-item input[type="text"].error:focus, .form-item input[type="email"]:focus, .form-item input[type="email"].error:focus, .form-item input[type="password"]:focus, .form-item input[type="password"].error:focus, .form-item input[type="search"]:focus, .form-item input[type="search"].error:focus, .form-item textarea:focus, .form-item textarea.error:focus, .form-item select:focus, .form-item select.error:focus {
       border-bottom: 2px solid #ff1744;
       padding-bottom: 7px; }
-    .form-item input[type="text"].error, .form-item input[type="email"].error, .form-item input[type="password"].error, .form-item textarea.error, .form-item select.error {
+    .form-item input[type="text"].error, .form-item input[type="email"].error, .form-item input[type="password"].error, .form-item input[type="search"].error, .form-item textarea.error, .form-item select.error {
       border-bottom: 2px solid #f44336;
       padding: 8px 0 7px; }
-    .form-item input[type="text"]:-moz-placeholder, .form-item input[type="email"]:-moz-placeholder, .form-item input[type="password"]:-moz-placeholder, .form-item textarea:-moz-placeholder, .form-item select:-moz-placeholder {
+    .form-item input[type="text"]:-moz-placeholder, .form-item input[type="email"]:-moz-placeholder, .form-item input[type="password"]:-moz-placeholder, .form-item input[type="search"]:-moz-placeholder, .form-item textarea:-moz-placeholder, .form-item select:-moz-placeholder {
       color: rgba(0, 0, 0, 0.26); }
-    .form-item input[type="text"]::-moz-placeholder, .form-item input[type="email"]::-moz-placeholder, .form-item input[type="password"]::-moz-placeholder, .form-item textarea::-moz-placeholder, .form-item select::-moz-placeholder {
+    .form-item input[type="text"]::-moz-placeholder, .form-item input[type="email"]::-moz-placeholder, .form-item input[type="password"]::-moz-placeholder, .form-item input[type="search"]::-moz-placeholder, .form-item textarea::-moz-placeholder, .form-item select::-moz-placeholder {
       color: rgba(0, 0, 0, 0.26); }
-    .form-item input[type="text"]:-ms-input-placeholder, .form-item input[type="email"]:-ms-input-placeholder, .form-item input[type="password"]:-ms-input-placeholder, .form-item textarea:-ms-input-placeholder, .form-item select:-ms-input-placeholder {
+    .form-item input[type="text"]:-ms-input-placeholder, .form-item input[type="email"]:-ms-input-placeholder, .form-item input[type="password"]:-ms-input-placeholder, .form-item input[type="search"]:-ms-input-placeholder, .form-item textarea:-ms-input-placeholder, .form-item select:-ms-input-placeholder {
       color: rgba(0, 0, 0, 0.26); }
-    .form-item input[type="text"]::-webkit-input-placeholder, .form-item input[type="email"]::-webkit-input-placeholder, .form-item input[type="password"]::-webkit-input-placeholder, .form-item textarea::-webkit-input-placeholder, .form-item select::-webkit-input-placeholder {
+    .form-item input[type="text"]::-webkit-input-placeholder, .form-item input[type="email"]::-webkit-input-placeholder, .form-item input[type="password"]::-webkit-input-placeholder, .form-item input[type="search"]::-webkit-input-placeholder, .form-item textarea::-webkit-input-placeholder, .form-item select::-webkit-input-placeholder {
       color: rgba(0, 0, 0, 0.26); }
   .form-item input[type="radio"], .form-item input[type="checkbox"] {
     display: inline-block;
     color: rgba(0, 0, 0, 0.54);
-    float: left; }
+    float: left;
+    margin-top: 6px;
+    margin-right: 12px; }
   .form-item input[type="checkbox"]:before {
     content: 'check_box_outline_blank';
-    margin-right: 12px;
-    margin-top: -1px; }
+    margin-top: -7px; }
   .form-item input[type="checkbox"]:checked:before {
     content: 'check_box';
     color: #ff1744; }
   .form-item input[type="radio"]:before {
     content: 'radio_button_unchecked';
-    margin-right: 12px;
-    margin-top: -1px; }
+    margin-top: -7px; }
   .form-item input[type="radio"]:checked:before {
     content: 'radio_button_checked';
     color: #ff1744; }
@@ -1025,87 +1354,15 @@ icon labels
 
 .navbar-branding {
   display: -webkit-box;
-  display: -webkit-flex;
   display: flex; }
   .navbar-branding > div:not(.contextual) + div {
     margin: 0 -12px 0 12px; }
 
-.search-form {
-  height: 48px;
-  display: inline-block;
-  padding: 4px 12px; }
-  .search-form .form-item {
-    background: rgba(255, 255, 255, 0.15);
-    border-radius: 2px;
-    height: 40px;
-    -webkit-transition: background-color .2s, box-shadow .2s;
-    transition: background-color .2s, box-shadow .2s;
-    margin: 0; }
-    .search-form .form-item:hover {
-      background: rgba(255, 255, 255, 0.25); }
-    .search-form .form-item.focused {
-      background: #FFF; }
-    .search-form .form-item .navbar-icon, .search-form .form-item.icon-left:before {
-      margin: 8px 12px 8px 24px;
-      float: left;
-      color: #FFF;
-      -webkit-transition: color .2s;
-      transition: color .2s; }
-    .search-form .form-item.focused .navbar-icon, .search-form .form-item.focused.icon-left:before {
-      color: rgba(0, 0, 0, 0.87); }
-  .search-form .form-item input[type="text"],
-  .search-form .form-item input[type="text"].error {
-    width: 316px;
-    background: none;
-    height: 40px;
-    border: 0;
-    margin: 0;
-    padding: 0 12px;
-    font-size: 16px;
-    color: #FFF;
-    outline: 0;
-    -webkit-transition: color .2s;
-    transition: color .2s; }
-    .search-form .form-item input[type="text"]:-moz-placeholder,
-    .search-form .form-item input[type="text"].error:-moz-placeholder {
-      color: rgba(255, 255, 255, 0.7); }
-    .search-form .form-item input[type="text"]::-moz-placeholder,
-    .search-form .form-item input[type="text"].error::-moz-placeholder {
-      color: rgba(255, 255, 255, 0.7); }
-    .search-form .form-item input[type="text"]:-ms-input-placeholder,
-    .search-form .form-item input[type="text"].error:-ms-input-placeholder {
-      color: rgba(255, 255, 255, 0.7); }
-    .search-form .form-item input[type="text"]::-webkit-input-placeholder,
-    .search-form .form-item input[type="text"].error::-webkit-input-placeholder {
-      color: rgba(255, 255, 255, 0.7); }
-    .search-form .form-item input[type="text"]:focus,
-    .search-form .form-item input[type="text"].error:focus {
-      color: rgba(0, 0, 0, 0.87); }
-      .search-form .form-item input[type="text"]:focus:-moz-placeholder,
-      .search-form .form-item input[type="text"].error:focus:-moz-placeholder {
-        color: rgba(0, 0, 0, 0.54); }
-      .search-form .form-item input[type="text"]:focus::-moz-placeholder,
-      .search-form .form-item input[type="text"].error:focus::-moz-placeholder {
-        color: rgba(0, 0, 0, 0.54); }
-      .search-form .form-item input[type="text"]:focus:-ms-input-placeholder,
-      .search-form .form-item input[type="text"].error:focus:-ms-input-placeholder {
-        color: rgba(0, 0, 0, 0.54); }
-      .search-form .form-item input[type="text"]:focus::-webkit-input-placeholder,
-      .search-form .form-item input[type="text"].error:focus::-webkit-input-placeholder {
-        color: rgba(0, 0, 0, 0.54); }
-  .search-form .hidden {
-    display: none; }
-
-.navbar-item .search-form {
-  margin: 0 -12px;
-  width: 400px; }
-
 .navbar-menu {
   margin: -8px 0;
   height: 64px; }
   .navbar-menu .menu {
     display: -webkit-box;
-    display: -webkit-flex;
     display: flex;
     height: 64px;
     padding: 0;
@@ -1139,6 +1396,42 @@ icon labels
   .navbar-user .navbar-icon {
     margin: 0; }
 
+.navbar-account-menu .menu {
+  margin: 0 -12px;
+  padding: 0;
+  list-style: none;
+  display: -webkit-box;
+  display: flex; }
+  .navbar-account-menu .menu a {
+    display: inline-block;
+    padding: 12px;
+    height: 48px;
+    width: 48px;
+    position: relative;
+    text-indent: -99999px;
+    color: transparent; }
+    .navbar-account-menu .menu a:before {
+      content: "account_circle";
+      color: #FFF;
+      position: absolute;
+      top: 12px;
+      left: 12px;
+      text-indent: 0; }
+    .navbar-account-menu .menu a[data-drupal-link-system-path="user/logout"]:before {
+      content: "exit_to_app"; }
+
+/* footer */
+.footer-item .menu {
+  display: inline-block;
+  padding: 0;
+  margin: 0;
+  list-style: none; }
+  .footer-item .menu li {
+    display: inline-block;
+    margin-right: 8px; }
+  .footer-item .menu a {
+    display: inline-block; }
+
 /* drawer */
 #drawer-overlay {
   display: none;
@@ -1158,15 +1451,16 @@ icon labels
   left: 0;
   bottom: 0;
   width: 240px;
-  margin-left: -250px;
+  margin-left: -264px;
   z-index: 40;
   background: #FAFAFA;
   overflow: auto;
-  -webkit-transition: margin .2s;
-  transition: margin .2s;
-  border-right: 1px solid rgba(0, 0, 0, 0.12); }
+  border-right: 1px solid #FAFAFA;
+  transition: margin-left .2s; }
   .drawer-open #drawer {
-    margin-left: 0; }
+    margin-left: 0;
+    border-right-color: rgba(0, 0, 0, 0.12);
+    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
   #drawer .drawer-item {
     padding: 8px 12px; }
   #drawer #drawer-menu-close {
@@ -1198,10 +1492,14 @@ icon labels
         background: #eeeeee; }
       #drawer .menu li a.icon-left:before, #drawer .menu li a.icon-right:after {
         color: rgba(0, 0, 0, 0.54); }
+      #drawer .menu li a.services-icon-left:before, #drawer .menu li a.services-icon-right:after {
+        background: rgba(0, 0, 0, 0.54); }
     #drawer .menu .active-trail a, #drawer .menu .is-active {
       color: #607d8b; }
       #drawer .menu .active-trail a.icon-left:before, #drawer .menu .active-trail a.icon-right:after, #drawer .menu .is-active.icon-left:before, #drawer .menu .is-active.icon-right:after {
         color: #607d8b; }
+      #drawer .menu .active-trail a.services-icon-left:before, #drawer .menu .active-trail a.services-icon-right:after, #drawer .menu .is-active.services-icon-left:before, #drawer .menu .is-active.services-icon-right:after {
+        background: #607d8b; }
 
 /* TO DO
 .drawer-dark
@@ -1218,7 +1516,6 @@ closing drawer by swipe
   margin: 160px auto 160px; }
 
 .header-bg-image #header {
-  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 64px), #607d8b url(../img/header-bg.jpg) top center;
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 64px), #607d8b url(../img/header-bg.jpg) top center;
   background-size: auto, cover; }
 .header-bg-image #bg-video {
@@ -1231,7 +1528,6 @@ closing drawer by swipe
   background: #607d8b; }
 .header-bg-image.navbar-fixed #header-bg {
   display: block;
-  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 64px), url(../img/header-bg.jpg) top center;
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 64px), url(../img/header-bg.jpg) top center;
   background-size: auto, cover;
   opacity: 1;
@@ -1243,7 +1539,6 @@ closing drawer by swipe
   z-index: -1; }
 
 .header-bg-object #navbar {
-  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 64px);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 64px); }
 .header-bg-object #header {
   background: #607d8b; }
@@ -1269,7 +1564,7 @@ closing drawer by swipe
   -o-object-fit: cover;
      object-fit: cover;
   pointer-events: none; }
-.header-bg-object .object-16by9 {
+.header-bg-object #header-bg .object-16by9 {
   position: absolute;
   left: 50%;
   top: 50%;
@@ -1278,7 +1573,7 @@ closing drawer by swipe
   width: 100%;
   min-width: 100%;
   min-height: 100%; }
-  .header-bg-object .object-16by9 #bg-object {
+  .header-bg-object #header-bg .object-16by9 #bg-object {
     top: 0;
     left: 0;
     width: 100%;
@@ -1298,7 +1593,6 @@ closing drawer by swipe
   right: 0;
   z-index: 1;
   height: 64px;
-  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 64px);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 64px); }
 
 .main-shift-up #header {
@@ -1313,13 +1607,6 @@ closing drawer by swipe
 .main-shift-up.shift-big .card-main, .main-shift-up.shift-big .content-card .card-holder, .content-card .main-shift-up.shift-big .card-holder, .main-shift-up.shift-big.content-card .card-holder {
   margin-top: -240px; }
 
-.navbar-fixed article *[id]:before {
-  display: block;
-  content: " ";
-  height: 88px;
-  margin-top: -88px;
-  visibility: hidden; }
-
 /* TO DO
 navbar overlaying header-content (for sliders)
 */
@@ -1361,15 +1648,239 @@ navbar overlaying header-content (for sliders)
       margin-top: -12px;
       color: rgba(0, 0, 0, 0.54); }
 
+/* search */
+.block-search {
+  width: 100%; }
+  .block-search form {
+    display: block;
+    width: 100%;
+    max-width: 392px;
+    height: 48px;
+    padding: 4px 0; }
+    .block-search form .form-item {
+      margin: 0;
+      display: -webkit-box;
+      display: flex;
+      height: 40px; }
+      .block-search form .form-item.icon-left:before {
+        margin: 8px 12px 8px 0;
+        height: 24px; }
+      .block-search form .form-item input[type="text"], .block-search form .form-item input[type="search"] {
+        margin: 2px 0;
+        background: none; }
+  .block-search.search-persistent form .form-item {
+    background: rgba(255, 255, 255, 0.15);
+    border-radius: 2px;
+    transition: background-color .2s, box-shadow .2s;
+    position: relative;
+    display: block; }
+    .block-search.search-persistent form .form-item:hover {
+      background: rgba(255, 255, 255, 0.25); }
+    .block-search.search-persistent form .form-item.focused {
+      background: #FFF; }
+    .block-search.search-persistent form .form-item input[type="text"], .block-search.search-persistent form .form-item input[type="search"] {
+      margin: 0;
+      padding: 0 12px 0 60px;
+      height: 40px;
+      line-height: 40px;
+      border: 0; }
+    .block-search.search-persistent form .form-item.icon-left:before {
+      margin: 8px 12px 8px 24px;
+      transition: color .2s;
+      position: absolute;
+      top: 0;
+      left: 0; }
+    .block-search.search-persistent form .form-item.focused.icon-left:before {
+      color: rgba(0, 0, 0, 0.87); }
+
+.navbar-item.block-search form .form-item input[type="text"], .navbar-item.block-search form .form-item input[type="search"],
+#header .block-search form .form-item input[type="text"],
+#header .block-search form .form-item input[type="search"],
+.card-bg-primary .block-search form .form-item input[type="text"],
+.card-bg-primary .block-search form .form-item input[type="search"] {
+  color: #FFF;
+  border-bottom: 1px solid #FFF; }
+  .navbar-item.block-search form .form-item input[type="text"]:-moz-placeholder, .navbar-item.block-search form .form-item input[type="search"]:-moz-placeholder,
+  #header .block-search form .form-item input[type="text"]:-moz-placeholder,
+  #header .block-search form .form-item input[type="search"]:-moz-placeholder,
+  .card-bg-primary .block-search form .form-item input[type="text"]:-moz-placeholder,
+  .card-bg-primary .block-search form .form-item input[type="search"]:-moz-placeholder {
+    color: rgba(255, 255, 255, 0.3); }
+  .navbar-item.block-search form .form-item input[type="text"]::-moz-placeholder, .navbar-item.block-search form .form-item input[type="search"]::-moz-placeholder,
+  #header .block-search form .form-item input[type="text"]::-moz-placeholder,
+  #header .block-search form .form-item input[type="search"]::-moz-placeholder,
+  .card-bg-primary .block-search form .form-item input[type="text"]::-moz-placeholder,
+  .card-bg-primary .block-search form .form-item input[type="search"]::-moz-placeholder {
+    color: rgba(255, 255, 255, 0.3); }
+  .navbar-item.block-search form .form-item input[type="text"]:-ms-input-placeholder, .navbar-item.block-search form .form-item input[type="search"]:-ms-input-placeholder,
+  #header .block-search form .form-item input[type="text"]:-ms-input-placeholder,
+  #header .block-search form .form-item input[type="search"]:-ms-input-placeholder,
+  .card-bg-primary .block-search form .form-item input[type="text"]:-ms-input-placeholder,
+  .card-bg-primary .block-search form .form-item input[type="search"]:-ms-input-placeholder {
+    color: rgba(255, 255, 255, 0.3); }
+  .navbar-item.block-search form .form-item input[type="text"]::-webkit-input-placeholder, .navbar-item.block-search form .form-item input[type="search"]::-webkit-input-placeholder,
+  #header .block-search form .form-item input[type="text"]::-webkit-input-placeholder,
+  #header .block-search form .form-item input[type="search"]::-webkit-input-placeholder,
+  .card-bg-primary .block-search form .form-item input[type="text"]::-webkit-input-placeholder,
+  .card-bg-primary .block-search form .form-item input[type="search"]::-webkit-input-placeholder {
+    color: rgba(255, 255, 255, 0.3); }
+  .navbar-item.block-search form .form-item input[type="text"]:focus, .navbar-item.block-search form .form-item input[type="text"].error:focus, .navbar-item.block-search form .form-item input[type="search"]:focus, .navbar-item.block-search form .form-item input[type="search"].error:focus,
+  #header .block-search form .form-item input[type="text"]:focus,
+  #header .block-search form .form-item input[type="text"].error:focus,
+  #header .block-search form .form-item input[type="search"]:focus,
+  #header .block-search form .form-item input[type="search"].error:focus,
+  .card-bg-primary .block-search form .form-item input[type="text"]:focus,
+  .card-bg-primary .block-search form .form-item input[type="text"].error:focus,
+  .card-bg-primary .block-search form .form-item input[type="search"]:focus,
+  .card-bg-primary .block-search form .form-item input[type="search"].error:focus {
+    border-bottom: 2px solid;
+    padding-bottom: 7px; }
+.navbar-item.block-search form .form-item.icon-left:before,
+#header .block-search form .form-item.icon-left:before,
+.card-bg-primary .block-search form .form-item.icon-left:before {
+  color: #FFF; }
+.navbar-item.block-search.search-persistent form .form-item input[type="text"], .navbar-item.block-search.search-persistent form .form-item input[type="search"],
+#header .block-search.search-persistent form .form-item input[type="text"],
+#header .block-search.search-persistent form .form-item input[type="search"],
+.card-bg-primary .block-search.search-persistent form .form-item input[type="text"],
+.card-bg-primary .block-search.search-persistent form .form-item input[type="search"] {
+  border: 0; }
+  .navbar-item.block-search.search-persistent form .form-item input[type="text"]:focus, .navbar-item.block-search.search-persistent form .form-item input[type="text"].error:focus, .navbar-item.block-search.search-persistent form .form-item input[type="search"]:focus, .navbar-item.block-search.search-persistent form .form-item input[type="search"].error:focus,
+  #header .block-search.search-persistent form .form-item input[type="text"]:focus,
+  #header .block-search.search-persistent form .form-item input[type="text"].error:focus,
+  #header .block-search.search-persistent form .form-item input[type="search"]:focus,
+  #header .block-search.search-persistent form .form-item input[type="search"].error:focus,
+  .card-bg-primary .block-search.search-persistent form .form-item input[type="text"]:focus,
+  .card-bg-primary .block-search.search-persistent form .form-item input[type="text"].error:focus,
+  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]:focus,
+  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"].error:focus {
+    border: 0;
+    padding-bottom: 0; }
+.navbar-item.block-search.search-persistent form .form-item.focused.icon-left:before,
+#header .block-search.search-persistent form .form-item.focused.icon-left:before,
+.card-bg-primary .block-search.search-persistent form .form-item.focused.icon-left:before {
+  color: rgba(0, 0, 0, 0.87); }
+.navbar-item.block-search.search-persistent form .form-item.focused input[type="text"], .navbar-item.block-search.search-persistent form .form-item input[type="search"],
+#header .block-search.search-persistent form .form-item.focused input[type="text"],
+#header .block-search.search-persistent form .form-item input[type="search"],
+.card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"],
+.card-bg-primary .block-search.search-persistent form .form-item input[type="search"] {
+  color: rgba(0, 0, 0, 0.87); }
+  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]:-moz-placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]:-moz-placeholder,
+  #header .block-search.search-persistent form .form-item.focused input[type="text"]:-moz-placeholder,
+  #header .block-search.search-persistent form .form-item input[type="search"]:-moz-placeholder,
+  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]:-moz-placeholder,
+  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]:-moz-placeholder {
+    color: rgba(0, 0, 0, 0.26); }
+  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-moz-placeholder,
+  #header .block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder,
+  #header .block-search.search-persistent form .form-item input[type="search"]::-moz-placeholder,
+  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]::-moz-placeholder,
+  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]::-moz-placeholder {
+    color: rgba(0, 0, 0, 0.26); }
+  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]:-ms-input-placeholder,
+  #header .block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder,
+  #header .block-search.search-persistent form .form-item input[type="search"]:-ms-input-placeholder,
+  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]:-ms-input-placeholder,
+  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]:-ms-input-placeholder {
+    color: rgba(0, 0, 0, 0.26); }
+  .navbar-item.block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder, .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder,
+  #header .block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder,
+  #header .block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder,
+  .card-bg-primary .block-search.search-persistent form .form-item.focused input[type="text"]::-webkit-input-placeholder,
+  .card-bg-primary .block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder {
+    color: rgba(0, 0, 0, 0.26); }
+
+.navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item {
+  background: #f5f5f5; }
+  .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item:hover {
+    background: #fafafa; }
+  .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item.focused {
+    background: #FFF; }
+  .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"], .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"] {
+    color: rgba(0, 0, 0, 0.87); }
+    .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]:-moz-placeholder, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]:-moz-placeholder {
+      color: rgba(0, 0, 0, 0.26); }
+    .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]::-moz-placeholder, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-moz-placeholder {
+      color: rgba(0, 0, 0, 0.26); }
+    .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]:-ms-input-placeholder, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]:-ms-input-placeholder {
+      color: rgba(0, 0, 0, 0.26); }
+    .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="text"]::-webkit-input-placeholder, .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item input[type="search"]::-webkit-input-placeholder {
+      color: rgba(0, 0, 0, 0.26); }
+  .navbar-light:not(.theme-dark) .navbar-item.block-search.search-persistent form .form-item.icon-left:before {
+    color: rgba(0, 0, 0, 0.87); }
+
+.navbar-item.block-search {
+  margin: 0;
+  padding: 0 12px;
+  max-width: 416px; }
+
+.block-search form .form-actions {
+  display: none; }
+
+.ui-autocomplete.ui-widget.ui-widget-content {
+  border: 0;
+  padding: 0;
+  box-sizing: content-box;
+  background: #FFF;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  border-top: 1px solid rgba(0, 0, 0, 0.12);
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px; }
+  .ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item {
+    padding: 0;
+    margin: 0;
+    display: block; }
+    .ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item a {
+      display: block;
+      padding: 8px 12px 8px 12px;
+      color: rgba(0, 0, 0, 0.87);
+      font-family: "Roboto", sans-serif;
+      font-size: 16px;
+      line-height: 24px; }
+      .ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item a.ui-state-focus, .ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item a.ui-state-active {
+        background: #eeeeee;
+        border: 0;
+        margin: 0; }
+  .search-persistent-autocomplete .ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item a {
+    padding: 8px 12px 8px 60px; }
+
+/* tabs */
+.tabs ul, ul.tabs {
+  list-style: none;
+  display: -webkit-box;
+  display: flex;
+  padding-left: 0; }
+  .tabs ul li, ul.tabs li {
+    display: block; }
+    .tabs ul li a, ul.tabs li a {
+      display: inline-block;
+      line-height: 20px;
+      padding: 14px 12px 12px 12px;
+      border-bottom: 2px solid transparent;
+      font-size: 14px;
+      font-weight: 500;
+      text-transform: uppercase;
+      color: rgba(0, 0, 0, 0.54);
+      text-align: center; }
+      .tabs ul li a:hover, ul.tabs li a:hover {
+        border-color: rgba(96, 125, 139, 0.5); }
+      .tabs ul li a.is-active, ul.tabs li a.is-active {
+        border-color: #607d8b;
+        color: #607d8b; }
+        .tabs ul li a.is-active:hover, ul.tabs li a.is-active:hover {
+          border-color: #607d8b; }
+
+/* TO DO
+tabs in navbar, tabs in header (on primary background)
+color themes
+*/
 /* cards */
 .card, .content-card .card-holder {
   padding: 24px;
   border-radius: 2px;
   background: #FFFFFF; }
-  .card.card-bg-image, .content-card .card-bg-image.card-holder {
-    background-image: url(../img/header-bg.jpg);
-    background-position: top center;
-    background-size: cover; }
   .card.card-vertical, .content-card .card-vertical.card-holder {
     padding: 0; }
     .card.card-vertical .card-column-left, .content-card .card-vertical.card-holder .card-column-left, .card.card-vertical .card-column-right, .content-card .card-vertical.card-holder .card-column-right {
@@ -1385,53 +1896,46 @@ navbar overlaying header-content (for sliders)
   margin-left: -16px;
   margin-right: -16px;
   padding: 16px;
+  box-shadow: none;
   border-radius: 0; }
 
 .card-column-fix, .card-column-240 {
   -webkit-box-flex: 0;
-  -webkit-flex: 0 0 240px;
           flex: 0 0 240px; }
   .card-column-fix .media-cover img, .card-column-240 .media-cover img {
     height: 240px; }
 
 .card-column-360 {
   -webkit-box-flex: 0;
-  -webkit-flex: 0 0 360px;
           flex: 0 0 360px; }
   .card-column-360 .media-cover img {
     height: 360px; }
 
 .card-column-180 {
   -webkit-box-flex: 0;
-  -webkit-flex: 0 0 180px;
           flex: 0 0 180px; }
   .card-column-180 .media-cover img {
     height: 180px; }
 
 .card-column-120 {
   -webkit-box-flex: 0;
-  -webkit-flex: 0 0 120px;
           flex: 0 0 120px; }
   .card-column-120 .media-cover img {
     height: 120px; }
 
 .card-column-80 {
   -webkit-box-flex: 0;
-  -webkit-flex: 0 0 80px;
           flex: 0 0 80px; }
   .card-column-80 .media-cover img {
     height: 80px; }
 
 .card-column-stretch {
   display: -webkit-box;
-  display: -webkit-flex;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
           flex-direction: column;
   -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
           justify-content: space-between;
   width: 100%; }
 
@@ -1510,86 +2014,388 @@ navbar overlaying header-content (for sliders)
 .card-bg-red {
   background-color: #f44336;
   color: #FFF; }
+  .card-bg-red .text-secondary {
+    color: rgba(255, 255, 255, 0.7); }
+  .card-bg-red .btn, .card-bg-red .pager .pager-item > a, .pager .card-bg-red .pager-item > a, .card-bg-red .pager .pager-item > span, .pager .card-bg-red .pager-item > span {
+    color: #FFF; }
+    .card-bg-red .btn:hover, .card-bg-red .pager .pager-item > a:hover, .pager .card-bg-red .pager-item > a:hover, .card-bg-red .pager .pager-item > span:hover, .pager .card-bg-red .pager-item > span:hover, .card-bg-red .btn:focus, .card-bg-red .pager .pager-item > a:focus, .pager .card-bg-red .pager-item > a:focus, .card-bg-red .pager .pager-item > span:focus, .pager .card-bg-red .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: #FFF; }
+    .card-bg-red .btn:active, .card-bg-red .pager .pager-item > a:active, .pager .card-bg-red .pager-item > a:active, .card-bg-red .pager .pager-item > span:active, .pager .card-bg-red .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-red .divider-top, .card-bg-red .divider-bottom {
+    border-color: rgba(255, 255, 255, 0.12); }
+  .card-bg-red .rippleAnimate {
+    background-color: rgba(255, 255, 255, 0.1); }
 
 .card-bg-pink {
   background-color: #e91e63;
   color: #FFF; }
+  .card-bg-pink .text-secondary {
+    color: rgba(255, 255, 255, 0.7); }
+  .card-bg-pink .btn, .card-bg-pink .pager .pager-item > a, .pager .card-bg-pink .pager-item > a, .card-bg-pink .pager .pager-item > span, .pager .card-bg-pink .pager-item > span {
+    color: #FFF; }
+    .card-bg-pink .btn:hover, .card-bg-pink .pager .pager-item > a:hover, .pager .card-bg-pink .pager-item > a:hover, .card-bg-pink .pager .pager-item > span:hover, .pager .card-bg-pink .pager-item > span:hover, .card-bg-pink .btn:focus, .card-bg-pink .pager .pager-item > a:focus, .pager .card-bg-pink .pager-item > a:focus, .card-bg-pink .pager .pager-item > span:focus, .pager .card-bg-pink .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: #FFF; }
+    .card-bg-pink .btn:active, .card-bg-pink .pager .pager-item > a:active, .pager .card-bg-pink .pager-item > a:active, .card-bg-pink .pager .pager-item > span:active, .pager .card-bg-pink .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-pink .divider-top, .card-bg-pink .divider-bottom {
+    border-color: rgba(255, 255, 255, 0.12); }
+  .card-bg-pink .rippleAnimate {
+    background-color: rgba(255, 255, 255, 0.1); }
 
 .card-bg-purple {
   background-color: #9c27b0;
   color: #FFF; }
+  .card-bg-purple .text-secondary {
+    color: rgba(255, 255, 255, 0.7); }
+  .card-bg-purple .btn, .card-bg-purple .pager .pager-item > a, .pager .card-bg-purple .pager-item > a, .card-bg-purple .pager .pager-item > span, .pager .card-bg-purple .pager-item > span {
+    color: #FFF; }
+    .card-bg-purple .btn:hover, .card-bg-purple .pager .pager-item > a:hover, .pager .card-bg-purple .pager-item > a:hover, .card-bg-purple .pager .pager-item > span:hover, .pager .card-bg-purple .pager-item > span:hover, .card-bg-purple .btn:focus, .card-bg-purple .pager .pager-item > a:focus, .pager .card-bg-purple .pager-item > a:focus, .card-bg-purple .pager .pager-item > span:focus, .pager .card-bg-purple .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: #FFF; }
+    .card-bg-purple .btn:active, .card-bg-purple .pager .pager-item > a:active, .pager .card-bg-purple .pager-item > a:active, .card-bg-purple .pager .pager-item > span:active, .pager .card-bg-purple .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-purple .divider-top, .card-bg-purple .divider-bottom {
+    border-color: rgba(255, 255, 255, 0.12); }
+  .card-bg-purple .rippleAnimate {
+    background-color: rgba(255, 255, 255, 0.1); }
 
 .card-bg-deep-purple {
   background-color: #673ab7;
   color: #FFF; }
+  .card-bg-deep-purple .text-secondary {
+    color: rgba(255, 255, 255, 0.7); }
+  .card-bg-deep-purple .btn, .card-bg-deep-purple .pager .pager-item > a, .pager .card-bg-deep-purple .pager-item > a, .card-bg-deep-purple .pager .pager-item > span, .pager .card-bg-deep-purple .pager-item > span {
+    color: #FFF; }
+    .card-bg-deep-purple .btn:hover, .card-bg-deep-purple .pager .pager-item > a:hover, .pager .card-bg-deep-purple .pager-item > a:hover, .card-bg-deep-purple .pager .pager-item > span:hover, .pager .card-bg-deep-purple .pager-item > span:hover, .card-bg-deep-purple .btn:focus, .card-bg-deep-purple .pager .pager-item > a:focus, .pager .card-bg-deep-purple .pager-item > a:focus, .card-bg-deep-purple .pager .pager-item > span:focus, .pager .card-bg-deep-purple .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: #FFF; }
+    .card-bg-deep-purple .btn:active, .card-bg-deep-purple .pager .pager-item > a:active, .pager .card-bg-deep-purple .pager-item > a:active, .card-bg-deep-purple .pager .pager-item > span:active, .pager .card-bg-deep-purple .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-deep-purple .divider-top, .card-bg-deep-purple .divider-bottom {
+    border-color: rgba(255, 255, 255, 0.12); }
+  .card-bg-deep-purple .rippleAnimate {
+    background-color: rgba(255, 255, 255, 0.1); }
 
 .card-bg-indigo {
   background-color: #3f51b5;
   color: #FFF; }
+  .card-bg-indigo .text-secondary {
+    color: rgba(255, 255, 255, 0.7); }
+  .card-bg-indigo .btn, .card-bg-indigo .pager .pager-item > a, .pager .card-bg-indigo .pager-item > a, .card-bg-indigo .pager .pager-item > span, .pager .card-bg-indigo .pager-item > span {
+    color: #FFF; }
+    .card-bg-indigo .btn:hover, .card-bg-indigo .pager .pager-item > a:hover, .pager .card-bg-indigo .pager-item > a:hover, .card-bg-indigo .pager .pager-item > span:hover, .pager .card-bg-indigo .pager-item > span:hover, .card-bg-indigo .btn:focus, .card-bg-indigo .pager .pager-item > a:focus, .pager .card-bg-indigo .pager-item > a:focus, .card-bg-indigo .pager .pager-item > span:focus, .pager .card-bg-indigo .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: #FFF; }
+    .card-bg-indigo .btn:active, .card-bg-indigo .pager .pager-item > a:active, .pager .card-bg-indigo .pager-item > a:active, .card-bg-indigo .pager .pager-item > span:active, .pager .card-bg-indigo .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-indigo .divider-top, .card-bg-indigo .divider-bottom {
+    border-color: rgba(255, 255, 255, 0.12); }
+  .card-bg-indigo .rippleAnimate {
+    background-color: rgba(255, 255, 255, 0.1); }
 
 .card-bg-blue {
   background-color: #2196f3;
   color: #FFF; }
+  .card-bg-blue .text-secondary {
+    color: rgba(255, 255, 255, 0.7); }
+  .card-bg-blue .btn, .card-bg-blue .pager .pager-item > a, .pager .card-bg-blue .pager-item > a, .card-bg-blue .pager .pager-item > span, .pager .card-bg-blue .pager-item > span {
+    color: #FFF; }
+    .card-bg-blue .btn:hover, .card-bg-blue .pager .pager-item > a:hover, .pager .card-bg-blue .pager-item > a:hover, .card-bg-blue .pager .pager-item > span:hover, .pager .card-bg-blue .pager-item > span:hover, .card-bg-blue .btn:focus, .card-bg-blue .pager .pager-item > a:focus, .pager .card-bg-blue .pager-item > a:focus, .card-bg-blue .pager .pager-item > span:focus, .pager .card-bg-blue .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: #FFF; }
+    .card-bg-blue .btn:active, .card-bg-blue .pager .pager-item > a:active, .pager .card-bg-blue .pager-item > a:active, .card-bg-blue .pager .pager-item > span:active, .pager .card-bg-blue .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-blue .divider-top, .card-bg-blue .divider-bottom {
+    border-color: rgba(255, 255, 255, 0.12); }
+  .card-bg-blue .rippleAnimate {
+    background-color: rgba(255, 255, 255, 0.1); }
 
 .card-bg-light-blue {
   background-color: #03a9f4;
   color: rgba(0, 0, 0, 0.87); }
+  .card-bg-light-blue .text-secondary {
+    color: rgba(0, 0, 0, 0.54); }
+  .card-bg-light-blue .btn, .card-bg-light-blue .pager .pager-item > a, .pager .card-bg-light-blue .pager-item > a, .card-bg-light-blue .pager .pager-item > span, .pager .card-bg-light-blue .pager-item > span {
+    color: rgba(0, 0, 0, 0.87); }
+    .card-bg-light-blue .btn:hover, .card-bg-light-blue .pager .pager-item > a:hover, .pager .card-bg-light-blue .pager-item > a:hover, .card-bg-light-blue .pager .pager-item > span:hover, .pager .card-bg-light-blue .pager-item > span:hover, .card-bg-light-blue .btn:focus, .card-bg-light-blue .pager .pager-item > a:focus, .pager .card-bg-light-blue .pager-item > a:focus, .card-bg-light-blue .pager .pager-item > span:focus, .pager .card-bg-light-blue .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: rgba(0, 0, 0, 0.87); }
+    .card-bg-light-blue .btn:active, .card-bg-light-blue .pager .pager-item > a:active, .pager .card-bg-light-blue .pager-item > a:active, .card-bg-light-blue .pager .pager-item > span:active, .pager .card-bg-light-blue .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-light-blue .divider-top, .card-bg-light-blue .divider-bottom {
+    border-color: rgba(0, 0, 0, 0.12); }
+  .card-bg-light-blue .rippleAnimate {
+    background-color: rgba(0, 0, 0, 0.3); }
 
 .card-bg-cyan {
   background-color: #00bcd4;
   color: rgba(0, 0, 0, 0.87); }
+  .card-bg-cyan .text-secondary {
+    color: rgba(0, 0, 0, 0.54); }
+  .card-bg-cyan .btn, .card-bg-cyan .pager .pager-item > a, .pager .card-bg-cyan .pager-item > a, .card-bg-cyan .pager .pager-item > span, .pager .card-bg-cyan .pager-item > span {
+    color: rgba(0, 0, 0, 0.87); }
+    .card-bg-cyan .btn:hover, .card-bg-cyan .pager .pager-item > a:hover, .pager .card-bg-cyan .pager-item > a:hover, .card-bg-cyan .pager .pager-item > span:hover, .pager .card-bg-cyan .pager-item > span:hover, .card-bg-cyan .btn:focus, .card-bg-cyan .pager .pager-item > a:focus, .pager .card-bg-cyan .pager-item > a:focus, .card-bg-cyan .pager .pager-item > span:focus, .pager .card-bg-cyan .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: rgba(0, 0, 0, 0.87); }
+    .card-bg-cyan .btn:active, .card-bg-cyan .pager .pager-item > a:active, .pager .card-bg-cyan .pager-item > a:active, .card-bg-cyan .pager .pager-item > span:active, .pager .card-bg-cyan .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-cyan .divider-top, .card-bg-cyan .divider-bottom {
+    border-color: rgba(0, 0, 0, 0.12); }
+  .card-bg-cyan .rippleAnimate {
+    background-color: rgba(0, 0, 0, 0.3); }
 
 .card-bg-teal {
   background-color: #009688;
   color: #FFF; }
+  .card-bg-teal .text-secondary {
+    color: rgba(255, 255, 255, 0.7); }
+  .card-bg-teal .btn, .card-bg-teal .pager .pager-item > a, .pager .card-bg-teal .pager-item > a, .card-bg-teal .pager .pager-item > span, .pager .card-bg-teal .pager-item > span {
+    color: #FFF; }
+    .card-bg-teal .btn:hover, .card-bg-teal .pager .pager-item > a:hover, .pager .card-bg-teal .pager-item > a:hover, .card-bg-teal .pager .pager-item > span:hover, .pager .card-bg-teal .pager-item > span:hover, .card-bg-teal .btn:focus, .card-bg-teal .pager .pager-item > a:focus, .pager .card-bg-teal .pager-item > a:focus, .card-bg-teal .pager .pager-item > span:focus, .pager .card-bg-teal .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: #FFF; }
+    .card-bg-teal .btn:active, .card-bg-teal .pager .pager-item > a:active, .pager .card-bg-teal .pager-item > a:active, .card-bg-teal .pager .pager-item > span:active, .pager .card-bg-teal .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-teal .divider-top, .card-bg-teal .divider-bottom {
+    border-color: rgba(255, 255, 255, 0.12); }
+  .card-bg-teal .rippleAnimate {
+    background-color: rgba(255, 255, 255, 0.1); }
 
 .card-bg-green {
   background-color: #4caf50;
   color: rgba(0, 0, 0, 0.87); }
+  .card-bg-green .text-secondary {
+    color: rgba(0, 0, 0, 0.54); }
+  .card-bg-green .btn, .card-bg-green .pager .pager-item > a, .pager .card-bg-green .pager-item > a, .card-bg-green .pager .pager-item > span, .pager .card-bg-green .pager-item > span {
+    color: rgba(0, 0, 0, 0.87); }
+    .card-bg-green .btn:hover, .card-bg-green .pager .pager-item > a:hover, .pager .card-bg-green .pager-item > a:hover, .card-bg-green .pager .pager-item > span:hover, .pager .card-bg-green .pager-item > span:hover, .card-bg-green .btn:focus, .card-bg-green .pager .pager-item > a:focus, .pager .card-bg-green .pager-item > a:focus, .card-bg-green .pager .pager-item > span:focus, .pager .card-bg-green .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: rgba(0, 0, 0, 0.87); }
+    .card-bg-green .btn:active, .card-bg-green .pager .pager-item > a:active, .pager .card-bg-green .pager-item > a:active, .card-bg-green .pager .pager-item > span:active, .pager .card-bg-green .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-green .divider-top, .card-bg-green .divider-bottom {
+    border-color: rgba(0, 0, 0, 0.12); }
+  .card-bg-green .rippleAnimate {
+    background-color: rgba(0, 0, 0, 0.3); }
 
 .card-bg-light-green {
   background-color: #8bc34a;
   color: rgba(0, 0, 0, 0.87); }
+  .card-bg-light-green .text-secondary {
+    color: rgba(0, 0, 0, 0.54); }
+  .card-bg-light-green .btn, .card-bg-light-green .pager .pager-item > a, .pager .card-bg-light-green .pager-item > a, .card-bg-light-green .pager .pager-item > span, .pager .card-bg-light-green .pager-item > span {
+    color: rgba(0, 0, 0, 0.87); }
+    .card-bg-light-green .btn:hover, .card-bg-light-green .pager .pager-item > a:hover, .pager .card-bg-light-green .pager-item > a:hover, .card-bg-light-green .pager .pager-item > span:hover, .pager .card-bg-light-green .pager-item > span:hover, .card-bg-light-green .btn:focus, .card-bg-light-green .pager .pager-item > a:focus, .pager .card-bg-light-green .pager-item > a:focus, .card-bg-light-green .pager .pager-item > span:focus, .pager .card-bg-light-green .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: rgba(0, 0, 0, 0.87); }
+    .card-bg-light-green .btn:active, .card-bg-light-green .pager .pager-item > a:active, .pager .card-bg-light-green .pager-item > a:active, .card-bg-light-green .pager .pager-item > span:active, .pager .card-bg-light-green .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-light-green .divider-top, .card-bg-light-green .divider-bottom {
+    border-color: rgba(0, 0, 0, 0.12); }
+  .card-bg-light-green .rippleAnimate {
+    background-color: rgba(0, 0, 0, 0.3); }
 
 .card-bg-lime {
   background-color: #cddc39;
   color: rgba(0, 0, 0, 0.87); }
+  .card-bg-lime .text-secondary {
+    color: rgba(0, 0, 0, 0.54); }
+  .card-bg-lime .btn, .card-bg-lime .pager .pager-item > a, .pager .card-bg-lime .pager-item > a, .card-bg-lime .pager .pager-item > span, .pager .card-bg-lime .pager-item > span {
+    color: rgba(0, 0, 0, 0.87); }
+    .card-bg-lime .btn:hover, .card-bg-lime .pager .pager-item > a:hover, .pager .card-bg-lime .pager-item > a:hover, .card-bg-lime .pager .pager-item > span:hover, .pager .card-bg-lime .pager-item > span:hover, .card-bg-lime .btn:focus, .card-bg-lime .pager .pager-item > a:focus, .pager .card-bg-lime .pager-item > a:focus, .card-bg-lime .pager .pager-item > span:focus, .pager .card-bg-lime .pager-item > span:focus {
+      background: rgba(153, 153, 153, 0.2);
+      color: rgba(0, 0, 0, 0.87); }
+    .card-bg-lime .btn:active, .card-bg-lime .pager .pager-item > a:active, .pager .card-bg-lime .pager-item > a:active, .card-bg-lime .pager .pager-item > span:active, .pager .card-bg-lime .pager-item > span:active {
+      background: rgba(153, 153, 153, 0.4); }
+  .card-bg-lime .divider-top, .card-bg-lime .divider-bottom {
+    border-color: rgba(0, 0, 0, 0.12); }
+  .card-bg-lime .rippleAnimate {
+    background-color: rgba(0, 0, 0, 0.3); }
 
 .card-bg-yellow {
   background-color: #ffeb3b;
   color: rgba(0, 0, 0, 0.87); }
+  .card-bg-yellow .text-secondary {
+    color: rgba(0, 0, 0, 0.54); }
+  .card-bg-yellow .btn, .card-bg-yellow .pager .pager-item > a, .pager .card-bg-yellow .pager-item > a, .card-bg-yellow .pager .pager-item > span, .pager .card-bg-yellow .pager-item > span {
+    color: rgba(0, 0, 0, 0.87); }
+    .card-bg-yellow .btn:hover, .card-bg-yellow .pager .pager-item > a:hover, .pager .card-bg-yellow .pager-item > a:hover, .card-bg-yellow .pager .pager-item > span:hover, .pager .card-bg-yellow .pager-item > span:hover, .card-bg-yellow .btn:focus, .card-bg-yellow .pager .pager-item > a:focus, .pager .card-bg-yellow .pager-item > a:focus, .card-bg-yellow .pager .pager-item > span:focus, .pager .card-bg-yellow .pager-item > span:focus {
+      background: rgba(153, 153, 153, 0.2);
+      color: rgba(0, 0, 0, 0.87); }
+    .card-bg-yellow .btn:active, .card-bg-yellow .pager .pager-item > a:active, .pager .card-bg-yellow .pager-item > a:active, .card-bg-yellow .pager .pager-item > span:active, .pager .card-bg-yellow .pager-item > span:active {
+      background: rgba(153, 153, 153, 0.4); }
+  .card-bg-yellow .divider-top, .card-bg-yellow .divider-bottom {
+    border-color: rgba(0, 0, 0, 0.12); }
+  .card-bg-yellow .rippleAnimate {
+    background-color: rgba(0, 0, 0, 0.3); }
 
 .card-bg-amber {
   background-color: #ffc107;
   color: rgba(0, 0, 0, 0.87); }
+  .card-bg-amber .text-secondary {
+    color: rgba(0, 0, 0, 0.54); }
+  .card-bg-amber .btn, .card-bg-amber .pager .pager-item > a, .pager .card-bg-amber .pager-item > a, .card-bg-amber .pager .pager-item > span, .pager .card-bg-amber .pager-item > span {
+    color: rgba(0, 0, 0, 0.87); }
+    .card-bg-amber .btn:hover, .card-bg-amber .pager .pager-item > a:hover, .pager .card-bg-amber .pager-item > a:hover, .card-bg-amber .pager .pager-item > span:hover, .pager .card-bg-amber .pager-item > span:hover, .card-bg-amber .btn:focus, .card-bg-amber .pager .pager-item > a:focus, .pager .card-bg-amber .pager-item > a:focus, .card-bg-amber .pager .pager-item > span:focus, .pager .card-bg-amber .pager-item > span:focus {
+      background: rgba(153, 153, 153, 0.2);
+      color: rgba(0, 0, 0, 0.87); }
+    .card-bg-amber .btn:active, .card-bg-amber .pager .pager-item > a:active, .pager .card-bg-amber .pager-item > a:active, .card-bg-amber .pager .pager-item > span:active, .pager .card-bg-amber .pager-item > span:active {
+      background: rgba(153, 153, 153, 0.4); }
+  .card-bg-amber .divider-top, .card-bg-amber .divider-bottom {
+    border-color: rgba(0, 0, 0, 0.12); }
+  .card-bg-amber .rippleAnimate {
+    background-color: rgba(0, 0, 0, 0.3); }
 
 .card-bg-orange {
   background-color: #ff9800;
   color: rgba(0, 0, 0, 0.87); }
+  .card-bg-orange .text-secondary {
+    color: rgba(0, 0, 0, 0.54); }
+  .card-bg-orange .btn, .card-bg-orange .pager .pager-item > a, .pager .card-bg-orange .pager-item > a, .card-bg-orange .pager .pager-item > span, .pager .card-bg-orange .pager-item > span {
+    color: rgba(0, 0, 0, 0.87); }
+    .card-bg-orange .btn:hover, .card-bg-orange .pager .pager-item > a:hover, .pager .card-bg-orange .pager-item > a:hover, .card-bg-orange .pager .pager-item > span:hover, .pager .card-bg-orange .pager-item > span:hover, .card-bg-orange .btn:focus, .card-bg-orange .pager .pager-item > a:focus, .pager .card-bg-orange .pager-item > a:focus, .card-bg-orange .pager .pager-item > span:focus, .pager .card-bg-orange .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: rgba(0, 0, 0, 0.87); }
+    .card-bg-orange .btn:active, .card-bg-orange .pager .pager-item > a:active, .pager .card-bg-orange .pager-item > a:active, .card-bg-orange .pager .pager-item > span:active, .pager .card-bg-orange .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-orange .divider-top, .card-bg-orange .divider-bottom {
+    border-color: rgba(0, 0, 0, 0.12); }
+  .card-bg-orange .rippleAnimate {
+    background-color: rgba(0, 0, 0, 0.3); }
 
 .card-bg-deep-orange {
   background-color: #ff5722;
   color: rgba(0, 0, 0, 0.87); }
+  .card-bg-deep-orange .text-secondary {
+    color: rgba(0, 0, 0, 0.54); }
+  .card-bg-deep-orange .btn, .card-bg-deep-orange .pager .pager-item > a, .pager .card-bg-deep-orange .pager-item > a, .card-bg-deep-orange .pager .pager-item > span, .pager .card-bg-deep-orange .pager-item > span {
+    color: rgba(0, 0, 0, 0.87); }
+    .card-bg-deep-orange .btn:hover, .card-bg-deep-orange .pager .pager-item > a:hover, .pager .card-bg-deep-orange .pager-item > a:hover, .card-bg-deep-orange .pager .pager-item > span:hover, .pager .card-bg-deep-orange .pager-item > span:hover, .card-bg-deep-orange .btn:focus, .card-bg-deep-orange .pager .pager-item > a:focus, .pager .card-bg-deep-orange .pager-item > a:focus, .card-bg-deep-orange .pager .pager-item > span:focus, .pager .card-bg-deep-orange .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: rgba(0, 0, 0, 0.87); }
+    .card-bg-deep-orange .btn:active, .card-bg-deep-orange .pager .pager-item > a:active, .pager .card-bg-deep-orange .pager-item > a:active, .card-bg-deep-orange .pager .pager-item > span:active, .pager .card-bg-deep-orange .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-deep-orange .divider-top, .card-bg-deep-orange .divider-bottom {
+    border-color: rgba(0, 0, 0, 0.12); }
+  .card-bg-deep-orange .rippleAnimate {
+    background-color: rgba(0, 0, 0, 0.3); }
 
 .card-bg-brown {
   background-color: #795548;
   color: #FFF; }
+  .card-bg-brown .text-secondary {
+    color: rgba(255, 255, 255, 0.7); }
+  .card-bg-brown .btn, .card-bg-brown .pager .pager-item > a, .pager .card-bg-brown .pager-item > a, .card-bg-brown .pager .pager-item > span, .pager .card-bg-brown .pager-item > span {
+    color: #FFF; }
+    .card-bg-brown .btn:hover, .card-bg-brown .pager .pager-item > a:hover, .pager .card-bg-brown .pager-item > a:hover, .card-bg-brown .pager .pager-item > span:hover, .pager .card-bg-brown .pager-item > span:hover, .card-bg-brown .btn:focus, .card-bg-brown .pager .pager-item > a:focus, .pager .card-bg-brown .pager-item > a:focus, .card-bg-brown .pager .pager-item > span:focus, .pager .card-bg-brown .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: #FFF; }
+    .card-bg-brown .btn:active, .card-bg-brown .pager .pager-item > a:active, .pager .card-bg-brown .pager-item > a:active, .card-bg-brown .pager .pager-item > span:active, .pager .card-bg-brown .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-brown .divider-top, .card-bg-brown .divider-bottom {
+    border-color: rgba(255, 255, 255, 0.12); }
+  .card-bg-brown .rippleAnimate {
+    background-color: rgba(255, 255, 255, 0.1); }
 
 .card-bg-grey {
   background-color: #9e9e9e;
   color: rgba(0, 0, 0, 0.87); }
+  .card-bg-grey .text-secondary {
+    color: rgba(0, 0, 0, 0.54); }
+  .card-bg-grey .btn, .card-bg-grey .pager .pager-item > a, .pager .card-bg-grey .pager-item > a, .card-bg-grey .pager .pager-item > span, .pager .card-bg-grey .pager-item > span {
+    color: rgba(0, 0, 0, 0.87); }
+    .card-bg-grey .btn:hover, .card-bg-grey .pager .pager-item > a:hover, .pager .card-bg-grey .pager-item > a:hover, .card-bg-grey .pager .pager-item > span:hover, .pager .card-bg-grey .pager-item > span:hover, .card-bg-grey .btn:focus, .card-bg-grey .pager .pager-item > a:focus, .pager .card-bg-grey .pager-item > a:focus, .card-bg-grey .pager .pager-item > span:focus, .pager .card-bg-grey .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: rgba(0, 0, 0, 0.87); }
+    .card-bg-grey .btn:active, .card-bg-grey .pager .pager-item > a:active, .pager .card-bg-grey .pager-item > a:active, .card-bg-grey .pager .pager-item > span:active, .pager .card-bg-grey .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-grey .divider-top, .card-bg-grey .divider-bottom {
+    border-color: rgba(0, 0, 0, 0.12); }
+  .card-bg-grey .rippleAnimate {
+    background-color: rgba(0, 0, 0, 0.3); }
 
 .card-bg-blue-grey {
   background-color: #607d8b;
   color: #FFF; }
+  .card-bg-blue-grey .text-secondary {
+    color: rgba(255, 255, 255, 0.7); }
+  .card-bg-blue-grey .btn, .card-bg-blue-grey .pager .pager-item > a, .pager .card-bg-blue-grey .pager-item > a, .card-bg-blue-grey .pager .pager-item > span, .pager .card-bg-blue-grey .pager-item > span {
+    color: #FFF; }
+    .card-bg-blue-grey .btn:hover, .card-bg-blue-grey .pager .pager-item > a:hover, .pager .card-bg-blue-grey .pager-item > a:hover, .card-bg-blue-grey .pager .pager-item > span:hover, .pager .card-bg-blue-grey .pager-item > span:hover, .card-bg-blue-grey .btn:focus, .card-bg-blue-grey .pager .pager-item > a:focus, .pager .card-bg-blue-grey .pager-item > a:focus, .card-bg-blue-grey .pager .pager-item > span:focus, .pager .card-bg-blue-grey .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: #FFF; }
+    .card-bg-blue-grey .btn:active, .card-bg-blue-grey .pager .pager-item > a:active, .pager .card-bg-blue-grey .pager-item > a:active, .card-bg-blue-grey .pager .pager-item > span:active, .pager .card-bg-blue-grey .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-blue-grey .divider-top, .card-bg-blue-grey .divider-bottom {
+    border-color: rgba(255, 255, 255, 0.12); }
+  .card-bg-blue-grey .rippleAnimate {
+    background-color: rgba(255, 255, 255, 0.1); }
 
 .card-bg-primary {
   background-color: #607d8b;
   color: #FFF; }
+  .card-bg-primary .text-secondary {
+    color: rgba(255, 255, 255, 0.7); }
+  .card-bg-primary .btn, .card-bg-primary .pager .pager-item > a, .pager .card-bg-primary .pager-item > a, .card-bg-primary .pager .pager-item > span, .pager .card-bg-primary .pager-item > span {
+    color: #FFF; }
+    .card-bg-primary .btn:hover, .card-bg-primary .pager .pager-item > a:hover, .pager .card-bg-primary .pager-item > a:hover, .card-bg-primary .pager .pager-item > span:hover, .pager .card-bg-primary .pager-item > span:hover, .card-bg-primary .btn:focus, .card-bg-primary .pager .pager-item > a:focus, .pager .card-bg-primary .pager-item > a:focus, .card-bg-primary .pager .pager-item > span:focus, .pager .card-bg-primary .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: #FFF; }
+    .card-bg-primary .btn:active, .card-bg-primary .pager .pager-item > a:active, .pager .card-bg-primary .pager-item > a:active, .card-bg-primary .pager .pager-item > span:active, .pager .card-bg-primary .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-primary .divider-top, .card-bg-primary .divider-bottom {
+    border-color: rgba(255, 255, 255, 0.12); }
+  .card-bg-primary .rippleAnimate {
+    background-color: rgba(255, 255, 255, 0.1); }
+
+.card-bg-primary {
+  background: #607d8b;
+  color: #FFF; }
+  .card-bg-primary .text-secondary {
+    color: rgba(255, 255, 255, 0.7); }
+  .card-bg-primary .btn, .card-bg-primary .pager .pager-item > a, .pager .card-bg-primary .pager-item > a, .card-bg-primary .pager .pager-item > span, .pager .card-bg-primary .pager-item > span {
+    color: #FFF; }
+    .card-bg-primary .btn:hover, .card-bg-primary .pager .pager-item > a:hover, .pager .card-bg-primary .pager-item > a:hover, .card-bg-primary .pager .pager-item > span:hover, .pager .card-bg-primary .pager-item > span:hover, .card-bg-primary .btn:focus, .card-bg-primary .pager .pager-item > a:focus, .pager .card-bg-primary .pager-item > a:focus, .card-bg-primary .pager .pager-item > span:focus, .pager .card-bg-primary .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: #FFF; }
+    .card-bg-primary .btn:active, .card-bg-primary .pager .pager-item > a:active, .pager .card-bg-primary .pager-item > a:active, .card-bg-primary .pager .pager-item > span:active, .pager .card-bg-primary .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-primary a {
+    color: #ff5252; }
+    .card-bg-primary a:hover {
+      color: #ff7171; }
+    .card-bg-primary a:active {
+      color: #ff8a80; }
+  .card-bg-primary .divider-top, .card-bg-primary .divider-bottom {
+    border-color: rgba(255, 255, 255, 0.12); }
+  .card-bg-primary .rippleAnimate {
+    background-color: rgba(255, 255, 255, 0.1); }
 
 .card-bg-accent {
   background: #ff1744;
   color: #FFF; }
+  .card-bg-accent .text-secondary {
+    color: rgba(255, 255, 255, 0.7); }
+  .card-bg-accent .btn, .card-bg-accent .pager .pager-item > a, .pager .card-bg-accent .pager-item > a, .card-bg-accent .pager .pager-item > span, .pager .card-bg-accent .pager-item > span {
+    color: #FFF; }
+    .card-bg-accent .btn:hover, .card-bg-accent .pager .pager-item > a:hover, .pager .card-bg-accent .pager-item > a:hover, .card-bg-accent .pager .pager-item > span:hover, .pager .card-bg-accent .pager-item > span:hover, .card-bg-accent .btn:focus, .card-bg-accent .pager .pager-item > a:focus, .pager .card-bg-accent .pager-item > a:focus, .card-bg-accent .pager .pager-item > span:focus, .pager .card-bg-accent .pager-item > span:focus {
+      background: rgba(204, 204, 204, 0.15);
+      color: #FFF; }
+    .card-bg-accent .btn:active, .card-bg-accent .pager .pager-item > a:active, .pager .card-bg-accent .pager-item > a:active, .card-bg-accent .pager .pager-item > span:active, .pager .card-bg-accent .pager-item > span:active {
+      background: rgba(204, 204, 204, 0.25); }
+  .card-bg-accent a {
+    color: #ff5252; }
+    .card-bg-accent a:hover {
+      color: #ff7171; }
+    .card-bg-accent a:active {
+      color: #ff8a80; }
+  .card-bg-accent .divider-top, .card-bg-accent .divider-bottom {
+    border-color: rgba(255, 255, 255, 0.12); }
+  .card-bg-accent .rippleAnimate {
+    background-color: rgba(255, 255, 255, 0.1); }
 
 @media (min-width: 568px) {
   .card-main, .content-card .card-holder {
@@ -1609,7 +2415,6 @@ navbar overlaying header-content (for sliders)
 @media (min-width: 768px) {
   .card.card-vertical, .content-card .card-vertical.card-holder {
     display: -webkit-box;
-    display: -webkit-flex;
     display: flex; }
     .card.card-vertical .card-media, .content-card .card-vertical.card-holder .card-media {
       border-top-right-radius: 0;
@@ -1627,7 +2432,7 @@ navbar overlaying header-content (for sliders)
 /* TO DO
 card title and actions overlay for card-bg-image and card-media
 */
-/* Collapsible panels */
+/* collapsible panels */
 .collapsible-toggle {
   padding: 12px 16px 12px 40px;
   position: relative; }
@@ -1638,7 +2443,6 @@ card title and actions overlay for card-bg-image and card-media
     left: 12px;
     top: 14px;
     color: rgba(0, 0, 0, 0.54);
-    -webkit-transition: -webkit-transform 0.25s ease;
     transition: -webkit-transform 0.25s ease;
     transition: transform 0.25s ease;
     transition: transform 0.25s ease, -webkit-transform 0.25s ease; }
@@ -1666,7 +2470,7 @@ card title and actions overlay for card-bg-image and card-media
   .collapsible-content > *:last-child {
     margin-bottom: 0; }
 
-/* Dropdown menus */
+/* dropdown menus */
 .menu-dropdown {
   display: none;
   padding: 8px 0;
@@ -1685,39 +2489,115 @@ card title and actions overlay for card-bg-image and card-media
       background: #eeeeee;
       color: rgba(0, 0, 0, 0.87); }
 
-/* Drupal integrations */
+/* drupal integrations */
 .field-label {
   font-weight: 500; }
 
 .field-label-inline > .field-label, .field-label-inline > .field-item, .field-label-inline > .field-items, .field-label-inline > .field-items .field-item {
   display: inline; }
 
-.pager__items {
+.pager .pager-items {
   padding: 0;
-  text-align: center; }
-  .card-actions .pager__items {
-    margin: 0; }
-  .pager__items * {
-    display: inline-block; }
-  .pager__items .pager__item a {
-    min-width: 48px;
-    margin: 8px 2px; }
-  .pager__items .pager-ellipsis, .pager__items .pager-current {
-    height: 36px;
-    min-width: 48px;
+  margin: 16px 0;
+  text-align: center;
+  list-style: none; }
+.pager .pager-item {
+  display: inline-block; }
+  .pager .pager-item > a, .pager .pager-item > span {
     margin: 8px 2px;
-    padding: 8px 16px;
-    text-align: center;
-    outline: 0;
-    font-family: "Roboto", sans-serif;
-    font-size: 14px;
-    vertical-align: middle;
-    font-weight: 500;
-    color: rgba(0, 0, 0, 0.87);
-    text-transform: uppercase;
-    text-decoration: none;
-    white-space: nowrap;
-    text-overflow: ellipsis; }
+    min-width: 48px; }
+.pager .pager-item.item-current > a, .pager .pager-item.item-current > span {
+  color: #546e7a; }
+.pager .pager-item.item-first > a, .pager .pager-item.item-first > span {
+  padding: 6px 12px; }
+  .pager .pager-item.item-first > a:before, .pager .pager-item.item-first > span:before {
+    content: "first_page"; }
+  .pager .pager-item.item-first > a span, .pager .pager-item.item-first > span span {
+    display: none; }
+.pager .pager-item.item-previous > a, .pager .pager-item.item-previous > span {
+  padding: 6px 12px; }
+  .pager .pager-item.item-previous > a:before, .pager .pager-item.item-previous > span:before {
+    content: "chevron_left"; }
+  .pager .pager-item.item-previous > a span, .pager .pager-item.item-previous > span span {
+    display: none; }
+.pager .pager-item.item-ellipsis > a, .pager .pager-item.item-ellipsis > span {
+  padding: 6px 12px; }
+  .pager .pager-item.item-ellipsis > a:before, .pager .pager-item.item-ellipsis > span:before {
+    content: "more_horiz"; }
+  .pager .pager-item.item-ellipsis > a span, .pager .pager-item.item-ellipsis > span span {
+    display: none; }
+.pager .pager-item.item-next > a, .pager .pager-item.item-next > span {
+  padding: 6px 12px; }
+  .pager .pager-item.item-next > a:before, .pager .pager-item.item-next > span:before {
+    content: "chevron_right"; }
+  .pager .pager-item.item-next > a span, .pager .pager-item.item-next > span span {
+    display: none; }
+.pager .pager-item.item-last > a, .pager .pager-item.item-last > span {
+  padding: 6px 12px; }
+  .pager .pager-item.item-last > a:before, .pager .pager-item.item-last > span:before {
+    content: "last_page"; }
+  .pager .pager-item.item-last > a span, .pager .pager-item.item-last > span span {
+    display: none; }
+.card-actions .pager {
+  display: inline-block; }
+  .card-actions .pager .pager-items {
+    margin: 2px 6px; }
+  .card-actions .pager .pager-item.item-previous > a, .card-actions .pager .pager-item.item-previous > span, .card-actions .pager .pager-item.item-next > a, .card-actions .pager .pager-item.item-next > span {
+    padding: 6px 6px;
+    width: 36px;
+    min-width: auto; }
+  .card-actions .pager .pager-item.item-previous > a:before, .card-actions .pager .pager-item.item-next > a:before {
+    color: rgba(0, 0, 0, 0.87); }
+  .card-actions .pager .pager-item.item-current {
+    display: none; }
+
+.card-actions .pager-summary {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 20px;
+  margin: 18px 8px;
+  color: rgba(0, 0, 0, 0.54); }
+
+.messages-status {
+  background: #e8f5e9; }
+  .messages-status:before {
+    content: "check_circle";
+    color: #388e3c; }
+  .messages-status a {
+    color: #2e7d32; }
+    .messages-status a:hover {
+      color: #2a722e; }
+    .messages-status a:active {
+      color: #266729; }
+
+.messages-warning {
+  background: #fffde7; }
+  .messages-warning:before {
+    color: #fbc02d; }
+  .messages-warning a {
+    color: #f57f17; }
+    .messages-warning a:hover {
+      color: #f2770a; }
+    .messages-warning a:active {
+      color: #e4700a; }
+
+.messages-error {
+  background: #ffebee; }
+  .messages-error:before {
+    content: "warning";
+    color: #d32f2f; }
+  .messages-error a {
+    color: #b71c1c; }
+    .messages-error a:hover {
+      color: #aa1a1a; }
+    .messages-error a:active {
+      color: #9c1818; }
+
+.messages > .visually-hidden:first-child + * {
+  margin-top: 0 !important; }
+
+ul.messages-list {
+  padding-left: 24px; }
 
 .card-form {
   max-width: 360px;
@@ -1739,38 +2619,24 @@ card title and actions overlay for card-bg-image and card-media
 .toolbar-horizontal.toolbar-tray-open.admin-toolbar.adminimal-admin-toolbar.navbar-fixed #navbar, .toolbar-horizontal.toolbar-tray-open.admin-toolbar.adminimal-admin-toolbar #drawer {
   top: 79px; }
 
-.navbar-item .views-exposed-form .views-exposed-widget {
-  float: none;
-  padding: 0; }
+.adminimal-admin-toolbar.toolbar-fixed.toolbar-vertical {
+  padding-top: 39px !important; }
 
-/*
-#autocomplete { border: 1px solid; overflow: hidden; position: absolute; z-index: 100;
-  top: 44px; left: 60px; width: 316px; opacity: 1;
-  ul { list-style: none; list-style-image: none; margin: 0; padding: 0; }
-  li { background: #fff; color: #000; cursor: default; white-space: pre; zoom: 1; }
-}
-.search-api-autocomplete-suggestion { position: relative;
-  .autocomplete-user-input { font-weight: bold; }
-  .autocomplete-suggestion-suffix {}
-}
-*/
-#autocomplete {
-  border: 0;
-  margin-left: -60px;
-  width: 376px !important;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 2px; }
-  #autocomplete ul {
-    padding: 8px 0;
-    background: #FFF;
-    border-top: 1px solid rgba(0, 0, 0, 0.12); }
-  #autocomplete li {
-    color: rgba(0, 0, 0, 0.87);
-    padding: 8px 0 8px 72px;
-    text-align: left; }
-    #autocomplete li:hover, #autocomplete li.selected {
-      background: #f5f5f5; }
+.toolbar-vertical.toolbar-tray-open.drawer-permanent #drawer {
+  left: 240px; }
 
+@media (min-width: 992px) {
+  .toolbar-vertical.drawer-below-navbar #drawer {
+    top: 103px; }
+
+  .toolbar-horizontal.drawer-below-navbar #drawer {
+    top: 103px; }
+  .toolbar-horizontal.toolbar-tray-open.drawer-below-navbar #drawer {
+    top: 143px; }
+  .toolbar-horizontal.toolbar-tray-open.admin-toolbar.drawer-below-navbar #drawer {
+    top: 144px; }
+  .toolbar-horizontal.toolbar-tray-open.admin-toolbar.adminimal-admin-toolbar.drawer-below-navbar #drawer {
+    top: 143px; } }
 /* user pages */
 .layout-container {
   margin: 0; }
@@ -1784,23 +2650,17 @@ card title and actions overlay for card-bg-image and card-media
   color: #FFF; }
   .maintenance-page #page {
     -webkit-box-pack: center;
-    -webkit-justify-content: center;
             justify-content: center;
     -webkit-box-align: center;
-    -webkit-align-items: center;
-                -ms-grid-row-align: center;
             align-items: center; }
   .maintenance-page #logo-box {
     width: 320px;
     height: 320px;
     display: -webkit-box;
-    display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
-    -webkit-justify-content: center;
             justify-content: center;
     -webkit-box-align: center;
-    -webkit-align-items: center;
             align-items: center; }
     .maintenance-page #logo-box img {
       width: 240px;
@@ -1809,5 +2669,3 @@ card title and actions overlay for card-bg-image and card-media
     text-align: center;
     max-width: 320px;
     padding: 12px; }
-
-/* tmp */
diff --git a/starterkits/material_compile/favicon.ico b/starterkits/material_compile/favicon.ico
new file mode 100644
index 0000000..20cd7f2
Binary files /dev/null and b/starterkits/material_compile/favicon.ico differ
diff --git a/starterkits/material_compile/gulpfile.js b/starterkits/material_compile/gulpfile.js
old mode 100644
new mode 100755
index a8ab728..7206b92
--- a/starterkits/material_compile/gulpfile.js
+++ b/starterkits/material_compile/gulpfile.js
@@ -18,7 +18,6 @@ gulp.task('sass', function () {
 
 gulp.task('autoprefixer', ['sass'], function() {
   gulp.src(CSS + '/*.css')
-    //.pipe(changed(CSS))
     .pipe(autoprefixer({
         browsers: ['> 1%']
     }))
@@ -31,21 +30,10 @@ gulp.task('imagemin', function() {
     .pipe(gulp.dest(IMG));
 });
 
-gulp.task('build', function(){
-  gulp.run('sass');
-  gulp.run('autoprefixer');
-  gulp.run('imagemin');
-});
+gulp.task('build', ['sass', 'autoprefixer', 'imagemin']);
 
 gulp.task('watch', function() {
-  gulp.watch(SASS + '/**/*.scss', function () {
-    gulp.run('sass');
-    gulp.run('autoprefixer');
-    gulp.run('imagemin');
-  });
+  gulp.watch(SASS + '/**/*.scss', ['sass', 'autoprefixer', 'imagemin']);
 });
 
-gulp.task('default', function(){
-  gulp.run('build');
-  gulp.run('watch');
-});
+gulp.task('default', ['build', 'watch']);
diff --git a/starterkits/material_compile/logo.svg b/starterkits/material_compile/logo.svg
new file mode 100755
index 0000000..03b4165
--- /dev/null
+++ b/starterkits/material_compile/logo.svg
@@ -0,0 +1,16 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: #607d8b;
+      }
+    </style>
+  </defs>
+  <title>logo</title>
+  <rect class="cls-1" x="2" y="2" width="20" height="20" rx="1.58" ry="1.58"/>
+  <path class="cls-2" d="M18,18H6V16H18v2ZM16,6h0l-4,4L8,6H6v8H8V8.83l4,4,4-4V14h2V6H16Z"/>
+</svg>