[activemq-website] branch master created (now e7ae253)

classic Classic list List threaded Threaded
46 messages Options
123
Reply | Threaded
Open this post in threaded view
|

[activemq-website] branch master created (now e7ae253)

martyntaylor
This is an automated email from the ASF dual-hosted git repository.

martyntaylor pushed a change to branch master
in repository https://gitbox.apache.org/repos/asf/activemq-website.git.


      at e7ae253  try to fix ifram

This branch includes the following new commits:

     new 978ddfc  Initial Commit
     new 33cde8c  Initial Import of ActiveMQ Website
     new 34e57f7  Added Readme
     new 4dd49c1  Some style and logo changes
     new 40a9465  add ignore
     new cebf833  first pass at project landing pages
     new 6c26389  removed _site
     new 990bf20  update gitignore
     new 27e988f  Merge pull request #1 from andytaylor/master
     new d761c2a  Style fixes and button alignment
     new 7e6a412  Added some more styling changes
     new a9c1d1f  updated project cards
     new 7dbd337  Merge pull request #2 from andytaylor/master
     new e2f37d6  Merge original poc site, with new
     new 9a345f6  More tidy up
     new 1a4d333  Manage feature images size by css
     new 8905a2a  Add bosch logo
     new f50eca4  Use bundler for dependency management
     new 21deffd  Enable running with Rack
     new d0e1920  Merge remote-tracking branch 'origin/master' into HEAD
     new d99975c  Add Gemfile.lock
     new 9391cfb  Removed Sass Cache
     new cc8adaa  Return to green on homepage
     new c145ffe  Fix Reponsive Layout
     new 3815982  Add example company logo
     new 6db232b  Make project page splash responsive
     new 03306fd  Updates to nav links and style
     new 6ab147a  team and contact
     new d49ab42  Merge pull request #3 from gaohoward/master
     new c1bc867  Add styling to contact page
     new fc7c212  Fix config.yml
     new f7cbeef  Added styling to team page
     new c80b86b  Add page title to docs
     new 058cdc4  Use placeholder content while we decide on real content
     new 1f3d918  Merge pull request #1 from mtaylor/master
     new 422cf32  fix for github pages
     new 396f560  further fix
     new e1eb1fe  Set Base Url for Site
     new 532e1a8  Merge remote-tracking branch 'michael/master'
     new 2f09188  Merge pull request #2 from mtaylor/master
     new 0c4105b  Use baseurl
     new 0758e21  trygithub rebuild
     new 6985ca2  sort activemq 5 docs
     new b1fef35  align with downdown
     new e7ae253  try to fix ifram

The 45 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.


Reply | Threaded
Open this post in threaded view
|

[activemq-website] 01/45: Initial Commit

martyntaylor
This is an automated email from the ASF dual-hosted git repository.

martyntaylor pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/activemq-website.git

commit 978ddfce8d6827ee822c1b2a31faa571f49fd324
Author: Martyn Taylor <[hidden email]>
AuthorDate: Mon Jul 23 15:49:50 2018 +0100

    Initial Commit
---
 .../_variables.scssc                               |  Bin 0 -> 1227 bytes
 .../_alert.scssc                                   |  Bin 0 -> 3818 bytes
 .../_background-variant.scssc                      |  Bin 0 -> 5885 bytes
 .../_badge.scssc                                   |  Bin 0 -> 3612 bytes
 .../_border-radius.scssc                           |  Bin 0 -> 8046 bytes
 .../_box-shadow.scssc                              |  Bin 0 -> 1783 bytes
 .../_breakpoints.scssc                             |  Bin 0 -> 31111 bytes
 .../_buttons.scssc                                 |  Bin 0 -> 36837 bytes
 .../_caret.scssc                                   |  Bin 0 -> 19934 bytes
 .../_clearfix.scssc                                |  Bin 0 -> 2163 bytes
 .../_float.scssc                                   |  Bin 0 -> 2109 bytes
 .../_forms.scssc                                   |  Bin 0 -> 29519 bytes
 .../_gradients.scssc                               |  Bin 0 -> 20757 bytes
 .../_grid-framework.scssc                          |  Bin 0 -> 17515 bytes
 .../_grid.scssc                                    |  Bin 0 -> 12780 bytes
 .../_hover.scssc                                   |  Bin 0 -> 4737 bytes
 .../_image.scssc                                   |  Bin 0 -> 6455 bytes
 .../_list-group.scssc                              |  Bin 0 -> 5177 bytes
 .../_lists.scssc                                   |  Bin 0 -> 1783 bytes
 .../_nav-divider.scssc                             |  Bin 0 -> 3265 bytes
 .../_pagination.scssc                              |  Bin 0 -> 5204 bytes
 .../_reset-text.scssc                              |  Bin 0 -> 5354 bytes
 .../_resize.scssc                                  |  Bin 0 -> 2068 bytes
 .../_screen-reader.scssc                           |  Bin 0 -> 7422 bytes
 .../_size.scssc                                    |  Bin 0 -> 1764 bytes
 .../_table-row.scssc                               |  Bin 0 -> 5802 bytes
 .../_text-emphasis.scssc                           |  Bin 0 -> 3728 bytes
 .../_text-hide.scssc                               |  Bin 0 -> 2564 bytes
 .../_text-truncate.scssc                           |  Bin 0 -> 1929 bytes
 .../_transition.scssc                              |  Bin 0 -> 3771 bytes
 .../_visibility.scssc                              |  Bin 0 -> 1854 bytes
 .../_alert.scssc                                   |  Bin 0 -> 10585 bytes
 .../_badge.scssc                                   |  Bin 0 -> 8814 bytes
 .../_breadcrumb.scssc                              |  Bin 0 -> 9487 bytes
 .../_button-group.scssc                            |  Bin 0 -> 30962 bytes
 .../_buttons.scssc                                 |  Bin 0 -> 24658 bytes
 .../_card.scssc                                    |  Bin 0 -> 50116 bytes
 .../_carousel.scssc                                |  Bin 0 -> 43593 bytes
 .../_close.scssc                                   |  Bin 0 -> 7581 bytes
 .../_code.scssc                                    |  Bin 0 -> 11359 bytes
 .../_custom-forms.scssc                            |  Bin 0 -> 66349 bytes
 .../_dropdown.scssc                                |  Bin 0 -> 28523 bytes
 .../_forms.scssc                                   |  Bin 0 -> 65377 bytes
 .../_functions.scssc                               |  Bin 0 -> 25152 bytes
 .../_grid.scssc                                    |  Bin 0 -> 8851 bytes
 .../_images.scssc                                  |  Bin 0 -> 7846 bytes
 .../_input-group.scssc                             |  Bin 0 -> 38341 bytes
 .../_jumbotron.scssc                               |  Bin 0 -> 4916 bytes
 .../_list-group.scssc                              |  Bin 0 -> 20996 bytes
 .../_media.scssc                                   |  Bin 0 -> 2186 bytes
 .../_mixins.scssc                                  |  Bin 0 -> 5047 bytes
 .../_modal.scssc                                   |  Bin 0 -> 38179 bytes
 .../_nav.scssc                                     |  Bin 0 -> 19020 bytes
 .../_navbar.scssc                                  |  Bin 0 -> 52108 bytes
 .../_pagination.scssc                              |  Bin 0 -> 17299 bytes
 .../_popover.scssc                                 |  Bin 0 -> 44742 bytes
 .../_print.scssc                                   |  Bin 0 -> 19439 bytes
 .../_progress.scssc                                |  Bin 0 -> 9035 bytes
 .../_reboot.scssc                                  |  Bin 0 -> 81489 bytes
 .../_root.scssc                                    |  Bin 0 -> 5416 bytes
 .../_tables.scssc                                  |  Bin 0 -> 29698 bytes
 .../_tooltip.scssc                                 |  Bin 0 -> 25878 bytes
 .../_transitions.scssc                             |  Bin 0 -> 6609 bytes
 .../_type.scssc                                    |  Bin 0 -> 24333 bytes
 .../_utilities.scssc                               |  Bin 0 -> 2300 bytes
 .../_variables.scssc                               |  Bin 0 -> 199028 bytes
 .../bootstrap.scssc                                |  Bin 0 -> 4964 bytes
 .../_align.scssc                                   |  Bin 0 -> 4670 bytes
 .../_background.scssc                              |  Bin 0 -> 5202 bytes
 .../_borders.scssc                                 |  Bin 0 -> 17703 bytes
 .../_clearfix.scssc                                |  Bin 0 -> 1220 bytes
 .../_display.scssc                                 |  Bin 0 -> 13784 bytes
 .../_embed.scssc                                   |  Bin 0 -> 10952 bytes
 .../_flex.scssc                                    |  Bin 0 -> 21364 bytes
 .../_float.scssc                                   |  Bin 0 -> 3421 bytes
 .../_position.scssc                                |  Bin 0 -> 8051 bytes
 .../_screenreaders.scssc                           |  Bin 0 -> 1816 bytes
 .../_sizing.scssc                                  |  Bin 0 -> 4463 bytes
 .../_spacing.scssc                                 |  Bin 0 -> 16386 bytes
 .../_text.scssc                                    |  Bin 0 -> 13907 bytes
 .../_visibility.scssc                              |  Bin 0 -> 2070 bytes
 _config.yml                                        |   17 +
 _includes/footer.html                              |    0
 _includes/head.html                                |   12 +
 _includes/nav.html                                 |   31 +
 _layouts/default.html                              |   11 +
 _site/assets/img/main-logo.png                     |  Bin 0 -> 14576 bytes
 _site/assets/img/nav-logo.png                      |  Bin 0 -> 2613 bytes
 _site/css/bootstrap/bootstrap-grid.scss            |   32 +
 _site/css/bootstrap/bootstrap-reboot.scss          |   12 +
 _site/css/bootstrap/bootstrap.scss                 |   43 +
 _site/css/main.css                                 | 6562 ++++++++++++++++++++
 _site/index.html                                   |   81 +
 assets/img/main-logo.png                           |  Bin 0 -> 14576 bytes
 assets/img/nav-logo.png                            |  Bin 0 -> 2613 bytes
 css/_site/bootstrap/bootstrap-grid.scss            |   32 +
 css/_site/bootstrap/bootstrap-reboot.scss          |   12 +
 css/_site/bootstrap/bootstrap.scss                 |   43 +
 css/_site/main.scss                                |    1 +
 css/bootstrap/_alert.scss                          |   51 +
 css/bootstrap/_badge.scss                          |   47 +
 css/bootstrap/_breadcrumb.scss                     |   38 +
 css/bootstrap/_button-group.scss                   |  166 +
 css/bootstrap/_buttons.scss                        |  143 +
 css/bootstrap/_card.scss                           |  270 +
 css/bootstrap/_carousel.scss                       |  191 +
 css/bootstrap/_close.scss                          |   34 +
 css/bootstrap/_code.scss                           |   56 +
 css/bootstrap/_custom-forms.scss                   |  297 +
 css/bootstrap/_dropdown.scss                       |  131 +
 css/bootstrap/_forms.scss                          |  333 +
 css/bootstrap/_functions.scss                      |   86 +
 css/bootstrap/_grid.scss                           |   52 +
 css/bootstrap/_images.scss                         |   42 +
 css/bootstrap/_input-group.scss                    |  159 +
 css/bootstrap/_jumbotron.scss                      |   16 +
 css/bootstrap/_list-group.scss                     |  115 +
 css/bootstrap/_media.scss                          |    8 +
 css/bootstrap/_mixins.scss                         |   42 +
 css/bootstrap/_modal.scss                          |  168 +
 css/bootstrap/_nav.scss                            |  118 +
 css/bootstrap/_navbar.scss                         |  311 +
 css/bootstrap/_pagination.scss                     |   77 +
 css/bootstrap/_popover.scss                        |  183 +
 css/bootstrap/_print.scss                          |  124 +
 css/bootstrap/_progress.scss                       |   33 +
 css/bootstrap/_reboot.scss                         |  482 ++
 css/bootstrap/_root.scss                           |   19 +
 css/bootstrap/_tables.scss                         |  180 +
 css/bootstrap/_tooltip.scss                        |  115 +
 css/bootstrap/_transitions.scss                    |   36 +
 css/bootstrap/_type.scss                           |  125 +
 css/bootstrap/_utilities.scss                      |   14 +
 css/bootstrap/_variables.scss                      |  894 +++
 css/bootstrap/bootstrap-grid.scss                  |   32 +
 css/bootstrap/bootstrap-reboot.scss                |   12 +
 css/bootstrap/bootstrap.scss                       |   43 +
 css/bootstrap/mixins/_alert.scss                   |   13 +
 css/bootstrap/mixins/_background-variant.scss      |   21 +
 css/bootstrap/mixins/_badge.scss                   |   12 +
 css/bootstrap/mixins/_border-radius.scss           |   35 +
 css/bootstrap/mixins/_box-shadow.scss              |    5 +
 css/bootstrap/mixins/_breakpoints.scss             |  123 +
 css/bootstrap/mixins/_buttons.scss                 |  109 +
 css/bootstrap/mixins/_caret.scss                   |   65 +
 css/bootstrap/mixins/_clearfix.scss                |    7 +
 css/bootstrap/mixins/_float.scss                   |   11 +
 css/bootstrap/mixins/_forms.scss                   |  137 +
 css/bootstrap/mixins/_gradients.scss               |   45 +
 css/bootstrap/mixins/_grid-framework.scss          |   67 +
 css/bootstrap/mixins/_grid.scss                    |   52 +
 css/bootstrap/mixins/_hover.scss                   |   39 +
 css/bootstrap/mixins/_image.scss                   |   36 +
 css/bootstrap/mixins/_list-group.scss              |   21 +
 css/bootstrap/mixins/_lists.scss                   |    7 +
 css/bootstrap/mixins/_nav-divider.scss             |   10 +
 css/bootstrap/mixins/_navbar-align.scss            |   10 +
 css/bootstrap/mixins/_pagination.scss              |   22 +
 css/bootstrap/mixins/_reset-text.scss              |   17 +
 css/bootstrap/mixins/_resize.scss                  |    6 +
 css/bootstrap/mixins/_screen-reader.scss           |   35 +
 css/bootstrap/mixins/_size.scss                    |    6 +
 css/bootstrap/mixins/_table-row.scss               |   30 +
 css/bootstrap/mixins/_text-emphasis.scss           |   14 +
 css/bootstrap/mixins/_text-hide.scss               |    9 +
 css/bootstrap/mixins/_text-truncate.scss           |    8 +
 css/bootstrap/mixins/_transition.scss              |    9 +
 css/bootstrap/mixins/_visibility.scss              |    7 +
 css/bootstrap/utilities/_align.scss                |    8 +
 css/bootstrap/utilities/_background.scss           |   19 +
 css/bootstrap/utilities/_borders.scss              |   59 +
 css/bootstrap/utilities/_clearfix.scss             |    3 +
 css/bootstrap/utilities/_display.scss              |   38 +
 css/bootstrap/utilities/_embed.scss                |   52 +
 css/bootstrap/utilities/_flex.scss                 |   46 +
 css/bootstrap/utilities/_float.scss                |    9 +
 css/bootstrap/utilities/_position.scss             |   36 +
 css/bootstrap/utilities/_screenreaders.scss        |   11 +
 css/bootstrap/utilities/_sizing.scss               |   12 +
 css/bootstrap/utilities/_spacing.scss              |   51 +
 css/bootstrap/utilities/_text.scss                 |   52 +
 css/bootstrap/utilities/_visibility.scss           |   11 +
 css/custom/_variables.scss                         |    2 +
 css/main.scss                                      |   92 +
 index.html                                         |   31 +
 185 files changed, 13652 insertions(+)

diff --git a/.sass-cache/85ac98fe8c4c43833c0e54c39e78b7d4dbd6d975/_variables.scssc b/.sass-cache/85ac98fe8c4c43833c0e54c39e78b7d4dbd6d975/_variables.scssc
new file mode 100644
index 0000000..e2b77a6
Binary files /dev/null and b/.sass-cache/85ac98fe8c4c43833c0e54c39e78b7d4dbd6d975/_variables.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_alert.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_alert.scssc
new file mode 100644
index 0000000..bb02550
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_alert.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_background-variant.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_background-variant.scssc
new file mode 100644
index 0000000..99007ca
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_background-variant.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_badge.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_badge.scssc
new file mode 100644
index 0000000..40d8217
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_badge.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_border-radius.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_border-radius.scssc
new file mode 100644
index 0000000..c369674
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_border-radius.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_box-shadow.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_box-shadow.scssc
new file mode 100644
index 0000000..2d74779
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_box-shadow.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_breakpoints.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_breakpoints.scssc
new file mode 100644
index 0000000..ee56c5d
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_breakpoints.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_buttons.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_buttons.scssc
new file mode 100644
index 0000000..067eba0
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_buttons.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_caret.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_caret.scssc
new file mode 100644
index 0000000..241c52a
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_caret.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_clearfix.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_clearfix.scssc
new file mode 100644
index 0000000..577a599
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_clearfix.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_float.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_float.scssc
new file mode 100644
index 0000000..64db284
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_float.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_forms.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_forms.scssc
new file mode 100644
index 0000000..cba111f
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_forms.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_gradients.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_gradients.scssc
new file mode 100644
index 0000000..88bd4fb
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_gradients.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_grid-framework.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_grid-framework.scssc
new file mode 100644
index 0000000..d93f2b5
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_grid-framework.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_grid.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_grid.scssc
new file mode 100644
index 0000000..8fce83f
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_grid.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_hover.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_hover.scssc
new file mode 100644
index 0000000..b2d3940
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_hover.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_image.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_image.scssc
new file mode 100644
index 0000000..08821da
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_image.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_list-group.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_list-group.scssc
new file mode 100644
index 0000000..322eb7b
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_list-group.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_lists.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_lists.scssc
new file mode 100644
index 0000000..4d9c4cb
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_lists.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_nav-divider.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_nav-divider.scssc
new file mode 100644
index 0000000..0fcac00
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_nav-divider.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_pagination.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_pagination.scssc
new file mode 100644
index 0000000..b27fdea
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_pagination.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_reset-text.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_reset-text.scssc
new file mode 100644
index 0000000..09a1f48
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_reset-text.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_resize.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_resize.scssc
new file mode 100644
index 0000000..e9309bb
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_resize.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_screen-reader.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_screen-reader.scssc
new file mode 100644
index 0000000..7cfe40a
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_screen-reader.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_size.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_size.scssc
new file mode 100644
index 0000000..b7dfef9
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_size.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_table-row.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_table-row.scssc
new file mode 100644
index 0000000..c8919fe
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_table-row.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_text-emphasis.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_text-emphasis.scssc
new file mode 100644
index 0000000..23a7a7f
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_text-emphasis.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_text-hide.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_text-hide.scssc
new file mode 100644
index 0000000..fabb86f
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_text-hide.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_text-truncate.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_text-truncate.scssc
new file mode 100644
index 0000000..a72293d
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_text-truncate.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_transition.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_transition.scssc
new file mode 100644
index 0000000..57332a9
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_transition.scssc differ
diff --git a/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_visibility.scssc b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_visibility.scssc
new file mode 100644
index 0000000..cfae359
Binary files /dev/null and b/.sass-cache/a70010184de4661b8cefa2b95cdaf22de490b618/_visibility.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_alert.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_alert.scssc
new file mode 100644
index 0000000..fe45144
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_alert.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_badge.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_badge.scssc
new file mode 100644
index 0000000..3fb2aec
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_badge.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_breadcrumb.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_breadcrumb.scssc
new file mode 100644
index 0000000..ed05e38
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_breadcrumb.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_button-group.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_button-group.scssc
new file mode 100644
index 0000000..ade0127
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_button-group.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_buttons.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_buttons.scssc
new file mode 100644
index 0000000..7a343a1
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_buttons.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_card.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_card.scssc
new file mode 100644
index 0000000..472e1a8
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_card.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_carousel.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_carousel.scssc
new file mode 100644
index 0000000..7fa8594
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_carousel.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_close.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_close.scssc
new file mode 100644
index 0000000..759ce96
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_close.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_code.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_code.scssc
new file mode 100644
index 0000000..8a0400b
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_code.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_custom-forms.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_custom-forms.scssc
new file mode 100644
index 0000000..21498a1
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_custom-forms.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_dropdown.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_dropdown.scssc
new file mode 100644
index 0000000..d783533
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_dropdown.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_forms.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_forms.scssc
new file mode 100644
index 0000000..4bcea7d
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_forms.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_functions.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_functions.scssc
new file mode 100644
index 0000000..7adcd3c
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_functions.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_grid.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_grid.scssc
new file mode 100644
index 0000000..231db2f
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_grid.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_images.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_images.scssc
new file mode 100644
index 0000000..c56ed90
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_images.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_input-group.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_input-group.scssc
new file mode 100644
index 0000000..2b8f157
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_input-group.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_jumbotron.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_jumbotron.scssc
new file mode 100644
index 0000000..c7aa51d
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_jumbotron.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_list-group.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_list-group.scssc
new file mode 100644
index 0000000..89dd013
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_list-group.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_media.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_media.scssc
new file mode 100644
index 0000000..c58be61
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_media.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_mixins.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_mixins.scssc
new file mode 100644
index 0000000..381abe7
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_mixins.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_modal.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_modal.scssc
new file mode 100644
index 0000000..318c39d
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_modal.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_nav.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_nav.scssc
new file mode 100644
index 0000000..8c1333a
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_nav.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_navbar.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_navbar.scssc
new file mode 100644
index 0000000..b687678
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_navbar.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_pagination.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_pagination.scssc
new file mode 100644
index 0000000..7526943
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_pagination.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_popover.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_popover.scssc
new file mode 100644
index 0000000..66b1512
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_popover.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_print.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_print.scssc
new file mode 100644
index 0000000..7ca451a
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_print.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_progress.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_progress.scssc
new file mode 100644
index 0000000..5d8effb
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_progress.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_reboot.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_reboot.scssc
new file mode 100644
index 0000000..68b6420
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_reboot.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_root.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_root.scssc
new file mode 100644
index 0000000..e235d6f
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_root.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_tables.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_tables.scssc
new file mode 100644
index 0000000..659c957
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_tables.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_tooltip.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_tooltip.scssc
new file mode 100644
index 0000000..b61c002
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_tooltip.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_transitions.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_transitions.scssc
new file mode 100644
index 0000000..d2acdd4
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_transitions.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_type.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_type.scssc
new file mode 100644
index 0000000..c7ea8e6
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_type.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_utilities.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_utilities.scssc
new file mode 100644
index 0000000..8b4904c
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_utilities.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_variables.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_variables.scssc
new file mode 100644
index 0000000..1e1563e
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/_variables.scssc differ
diff --git a/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/bootstrap.scssc b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/bootstrap.scssc
new file mode 100644
index 0000000..e0d6496
Binary files /dev/null and b/.sass-cache/b294783a6af50c096b0ddb51779d03dbcf3d4118/bootstrap.scssc differ
diff --git a/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_align.scssc b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_align.scssc
new file mode 100644
index 0000000..ae12b93
Binary files /dev/null and b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_align.scssc differ
diff --git a/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_background.scssc b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_background.scssc
new file mode 100644
index 0000000..2e087b4
Binary files /dev/null and b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_background.scssc differ
diff --git a/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_borders.scssc b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_borders.scssc
new file mode 100644
index 0000000..acf3392
Binary files /dev/null and b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_borders.scssc differ
diff --git a/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_clearfix.scssc b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_clearfix.scssc
new file mode 100644
index 0000000..e8516a7
Binary files /dev/null and b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_clearfix.scssc differ
diff --git a/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_display.scssc b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_display.scssc
new file mode 100644
index 0000000..5ab9bd9
Binary files /dev/null and b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_display.scssc differ
diff --git a/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_embed.scssc b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_embed.scssc
new file mode 100644
index 0000000..e146ef0
Binary files /dev/null and b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_embed.scssc differ
diff --git a/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_flex.scssc b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_flex.scssc
new file mode 100644
index 0000000..64dd83c
Binary files /dev/null and b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_flex.scssc differ
diff --git a/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_float.scssc b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_float.scssc
new file mode 100644
index 0000000..86126b8
Binary files /dev/null and b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_float.scssc differ
diff --git a/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_position.scssc b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_position.scssc
new file mode 100644
index 0000000..a9e8953
Binary files /dev/null and b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_position.scssc differ
diff --git a/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_screenreaders.scssc b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_screenreaders.scssc
new file mode 100644
index 0000000..6cf8dca
Binary files /dev/null and b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_screenreaders.scssc differ
diff --git a/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_sizing.scssc b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_sizing.scssc
new file mode 100644
index 0000000..8435e20
Binary files /dev/null and b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_sizing.scssc differ
diff --git a/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_spacing.scssc b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_spacing.scssc
new file mode 100644
index 0000000..0d2a621
Binary files /dev/null and b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_spacing.scssc differ
diff --git a/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_text.scssc b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_text.scssc
new file mode 100644
index 0000000..b4d879f
Binary files /dev/null and b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_text.scssc differ
diff --git a/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_visibility.scssc b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_visibility.scssc
new file mode 100644
index 0000000..421b098
Binary files /dev/null and b/.sass-cache/d7cf4217f0e781ded222894f213b1340151e9be9/_visibility.scssc differ
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..afaae7c
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1,17 @@
+# Site settings
+title: ActiveMQ
+email:
+author:
+description:
+        url: http://apache.activemq.org
+
+# Build settings
+permalink: :title/
+sass:
+  sass_dir: css/
+
+defaults:
+  - scope:
+      path: "assets/img"
+    values:
+      image: true
diff --git a/_includes/footer.html b/_includes/footer.html
new file mode 100644
index 0000000..e69de29
diff --git a/_includes/head.html b/_includes/head.html
new file mode 100644
index 0000000..0e426d0
--- /dev/null
+++ b/_includes/head.html
@@ -0,0 +1,12 @@
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Jekyll and Bootstrap</title>
+
+    <link rel="stylesheet" href="/css/main.css">
+    <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js" integrity="sha384-SlE991lGASHoBfWbelyBPLsUlwY1GwNDJo3jSJO04KZ33K2bwfV9YBauFfnzvynJ" crossorigin="anonymous"></script>
+    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+</head>
\ No newline at end of file
diff --git a/_includes/nav.html b/_includes/nav.html
new file mode 100644
index 0000000..0d7cd23
--- /dev/null
+++ b/_includes/nav.html
@@ -0,0 +1,31 @@
+
+<nav class="navbar navbar-expand-lg navbar-light fixed-top">
+  <div class="container">
+    <a class="navbar-brand mr-auto" href="#"><img src="assets/img/nav-logo.png" /></a>
+    <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="ml-auto collapse navbar-collapse" id="navbarContent">
+      <ul class="navbar-nav ml-auto">
+        <li class="nav-item">
+            <a class="nav-link active" href="#">Home</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">Projects</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">Clients</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">Community</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">Team</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">Getting Started</a>
+        </li>
+      </ul>
+    </div>
+</nav>
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 0000000..ab9dabf
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+    {% include head.html %}
+<body>
+    {% include nav.html %}
+    <div class="content">
+      {{ content }}
+    </div>
+    {% include footer.html %}
+</body>
+</html>
diff --git a/_site/assets/img/main-logo.png b/_site/assets/img/main-logo.png
new file mode 100644
index 0000000..cba87aa
Binary files /dev/null and b/_site/assets/img/main-logo.png differ
diff --git a/_site/assets/img/nav-logo.png b/_site/assets/img/nav-logo.png
new file mode 100644
index 0000000..b4a4859
Binary files /dev/null and b/_site/assets/img/nav-logo.png differ
diff --git a/_site/css/bootstrap/bootstrap-grid.scss b/_site/css/bootstrap/bootstrap-grid.scss
new file mode 100644
index 0000000..26c0dc8
--- /dev/null
+++ b/_site/css/bootstrap/bootstrap-grid.scss
@@ -0,0 +1,32 @@
+/*!
+ * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+@at-root {
+  @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix
+}
+
+html {
+  box-sizing: border-box;
+  -ms-overflow-style: scrollbar;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+
+@import "functions";
+@import "variables";
+
+@import "mixins/breakpoints";
+@import "mixins/grid-framework";
+@import "mixins/grid";
+
+@import "grid";
+@import "utilities/display";
+@import "utilities/flex";
diff --git a/_site/css/bootstrap/bootstrap-reboot.scss b/_site/css/bootstrap/bootstrap-reboot.scss
new file mode 100644
index 0000000..46c4610
--- /dev/null
+++ b/_site/css/bootstrap/bootstrap-reboot.scss
@@ -0,0 +1,12 @@
+/*!
+ * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+
+@import "functions";
+@import "variables";
+@import "mixins";
+@import "reboot";
diff --git a/_site/css/bootstrap/bootstrap.scss b/_site/css/bootstrap/bootstrap.scss
new file mode 100644
index 0000000..312b8e0
--- /dev/null
+++ b/_site/css/bootstrap/bootstrap.scss
@@ -0,0 +1,43 @@
+/*!
+ * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+@import "../custom/variables"; // we've added this line
+@import "functions";
+@import "variables";
+@import "mixins";
+@import "root";
+@import "reboot";
+@import "type";
+@import "images";
+@import "code";
+@import "grid";
+@import "tables";
+@import "forms";
+@import "buttons";
+@import "transitions";
+@import "dropdown";
+@import "button-group";
+@import "input-group";
+@import "custom-forms";
+@import "nav";
+@import "navbar";
+@import "card";
+@import "breadcrumb";
+@import "pagination";
+@import "badge";
+@import "jumbotron";
+@import "alert";
+@import "progress";
+@import "media";
+@import "list-group";
+@import "close";
+@import "modal";
+@import "tooltip";
+@import "popover";
+@import "carousel";
+@import "utilities";
+@import "print";
diff --git a/_site/css/main.css b/_site/css/main.css
new file mode 100644
index 0000000..695d57e
--- /dev/null
+++ b/_site/css/main.css
@@ -0,0 +1,6562 @@
+/*!
+ * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+:root {
+  --blue: #007bff;
+  --indigo: #6610f2;
+  --purple: #6f42c1;
+  --pink: #e83e8c;
+  --red: #dc3545;
+  --orange: #fd7e14;
+  --yellow: #ffc107;
+  --green: #28a745;
+  --teal: #20c997;
+  --cyan: #17a2b8;
+  --white: #fff;
+  --gray: #6c757d;
+  --gray-dark: #343a40;
+  --primary: #78932c;
+  --secondary: #c12766;
+  --success: #28a745;
+  --info: #17a2b8;
+  --warning: #ffc107;
+  --danger: #dc3545;
+  --light: #f8f9fa;
+  --dark: #343a40;
+  --breakpoint-xs: 0;
+  --breakpoint-sm: 576px;
+  --breakpoint-md: 768px;
+  --breakpoint-lg: 992px;
+  --breakpoint-xl: 1200px;
+  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box; }
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+
+@-ms-viewport {
+  width: device-width; }
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block; }
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  text-align: left;
+  background-color: #fff; }
+
+[tabindex="-1"]:focus {
+  outline: 0 !important; }
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible; }
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem; }
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem; }
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0; }
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit; }
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem; }
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0; }
+
+dt {
+  font-weight: 700; }
+
+dd {
+  margin-bottom: .5rem;
+  margin-left: 0; }
+
+blockquote {
+  margin: 0 0 1rem; }
+
+dfn {
+  font-style: italic; }
+
+b,
+strong {
+  font-weight: bolder; }
+
+small {
+  font-size: 80%; }
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline; }
+
+sub {
+  bottom: -.25em; }
+
+sup {
+  top: -.5em; }
+
+a {
+  color: #78932c;
+  text-decoration: none;
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects; }
+  a:hover {
+    color: #48581a;
+    text-decoration: underline; }
+
+a:not([href]):not([tabindex]) {
+  color: inherit;
+  text-decoration: none; }
+  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
+    color: inherit;
+    text-decoration: none; }
+  a:not([href]):not([tabindex]):focus {
+    outline: 0; }
+
+pre,
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  -ms-overflow-style: scrollbar; }
+
+figure {
+  margin: 0 0 1rem; }
+
+img {
+  vertical-align: middle;
+  border-style: none; }
+
+svg:not(:root) {
+  overflow: hidden; }
+
+table {
+  border-collapse: collapse; }
+
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #6c757d;
+  text-align: left;
+  caption-side: bottom; }
+
+th {
+  text-align: inherit; }
+
+label {
+  display: inline-block;
+  margin-bottom: .5rem; }
+
+button {
+  border-radius: 0; }
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color; }
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit; }
+
+button,
+input {
+  overflow: visible; }
+
+button,
+select {
+  text-transform: none; }
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; }
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none; }
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0; }
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  -webkit-appearance: listbox; }
+
+textarea {
+  overflow: auto;
+  resize: vertical; }
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0; }
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: .5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal; }
+
+progress {
+  vertical-align: baseline; }
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none; }
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button; }
+
+output {
+  display: inline-block; }
+
+summary {
+  display: list-item;
+  cursor: pointer; }
+
+template {
+  display: none; }
+
+[hidden] {
+  display: none !important; }
+
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  margin-bottom: 0.5rem;
+  font-family: inherit;
+  font-weight: 500;
+  line-height: 1.2;
+  color: inherit; }
+
+h1, .h1 {
+  font-size: 2.5rem; }
+
+h2, .h2 {
+  font-size: 2rem; }
+
+h3, .h3 {
+  font-size: 1.75rem; }
+
+h4, .h4 {
+  font-size: 1.5rem; }
+
+h5, .h5 {
+  font-size: 1.25rem; }
+
+h6, .h6 {
+  font-size: 1rem; }
+
+.lead {
+  font-size: 1.25rem;
+  font-weight: 300; }
+
+.display-1 {
+  font-size: 6rem;
+  font-weight: 300;
+  line-height: 1.2; }
+
+.display-2 {
+  font-size: 5.5rem;
+  font-weight: 300;
+  line-height: 1.2; }
+
+.display-3 {
+  font-size: 4.5rem;
+  font-weight: 300;
+  line-height: 1.2; }
+
+.display-4 {
+  font-size: 3.5rem;
+  font-weight: 300;
+  line-height: 1.2; }
+
+hr {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  border: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.1); }
+
+small,
+.small {
+  font-size: 80%;
+  font-weight: 400; }
+
+mark,
+.mark {
+  padding: 0.2em;
+  background-color: #fcf8e3; }
+
+.list-unstyled {
+  padding-left: 0;
+  list-style: none; }
+
+.list-inline {
+  padding-left: 0;
+  list-style: none; }
+
+.list-inline-item {
+  display: inline-block; }
+  .list-inline-item:not(:last-child) {
+    margin-right: 0.5rem; }
+
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase; }
+
+.blockquote {
+  margin-bottom: 1rem;
+  font-size: 1.25rem; }
+
+.blockquote-footer {
+  display: block;
+  font-size: 80%;
+  color: #6c757d; }
+  .blockquote-footer::before {
+    content: "\2014 \00A0"; }
+
+.img-fluid {
+  max-width: 100%;
+  height: auto; }
+
+.img-thumbnail {
+  padding: 0.25rem;
+  background-color: #fff;
+  border: 1px solid #dee2e6;
+  border-radius: 0.25rem;
+  max-width: 100%;
+  height: auto; }
+
+.figure {
+  display: inline-block; }
+
+.figure-img {
+  margin-bottom: 0.5rem;
+  line-height: 1; }
+
+.figure-caption {
+  font-size: 90%;
+  color: #6c757d; }
+
+code,
+kbd,
+pre,
+samp {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
+
+code {
+  font-size: 87.5%;
+  color: #e83e8c;
+  word-break: break-word; }
+  a > code {
+    color: inherit; }
+
+kbd {
+  padding: 0.2rem 0.4rem;
+  font-size: 87.5%;
+  color: #fff;
+  background-color: #212529;
+  border-radius: 0.2rem; }
+  kbd kbd {
+    padding: 0;
+    font-size: 100%;
+    font-weight: 700; }
+
+pre {
+  display: block;
+  font-size: 87.5%;
+  color: #212529; }
+  pre code {
+    font-size: inherit;
+    color: inherit;
+    word-break: normal; }
+
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll; }
+
+.container {
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto; }
+  @media (min-width: 576px) {
+    .container {
+      max-width: 540px; } }
+  @media (min-width: 768px) {
+    .container {
+      max-width: 720px; } }
+  @media (min-width: 992px) {
+    .container {
+      max-width: 960px; } }
+  @media (min-width: 1200px) {
+    .container {
+      max-width: 1140px; } }
+
+.container-fluid {
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto; }
+
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -15px;
+  margin-left: -15px; }
+
+.no-gutters {
+  margin-right: 0;
+  margin-left: 0; }
+  .no-gutters > .col,
+  .no-gutters > [class*="col-"] {
+    padding-right: 0;
+    padding-left: 0; }
+
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
+.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
+.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
+.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
+.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
+.col-xl-auto {
+  position: relative;
+  width: 100%;
+  min-height: 1px;
+  padding-right: 15px;
+  padding-left: 15px; }
+
+.col {
+  flex-basis: 0;
+  flex-grow: 1;
+  max-width: 100%; }
+
+.col-auto {
+  flex: 0 0 auto;
+  width: auto;
+  max-width: none; }
+
+.col-1 {
+  flex: 0 0 8.3333333333%;
+  max-width: 8.3333333333%; }
+
+.col-2 {
+  flex: 0 0 16.6666666667%;
+  max-width: 16.6666666667%; }
+
+.col-3 {
+  flex: 0 0 25%;
+  max-width: 25%; }
+
+.col-4 {
+  flex: 0 0 33.3333333333%;
+  max-width: 33.3333333333%; }
+
+.col-5 {
+  flex: 0 0 41.6666666667%;
+  max-width: 41.6666666667%; }
+
+.col-6 {
+  flex: 0 0 50%;
+  max-width: 50%; }
+
+.col-7 {
+  flex: 0 0 58.3333333333%;
+  max-width: 58.3333333333%; }
+
+.col-8 {
+  flex: 0 0 66.6666666667%;
+  max-width: 66.6666666667%; }
+
+.col-9 {
+  flex: 0 0 75%;
+  max-width: 75%; }
+
+.col-10 {
+  flex: 0 0 83.3333333333%;
+  max-width: 83.3333333333%; }
+
+.col-11 {
+  flex: 0 0 91.6666666667%;
+  max-width: 91.6666666667%; }
+
+.col-12 {
+  flex: 0 0 100%;
+  max-width: 100%; }
+
+.order-first {
+  order: -1; }
+
+.order-last {
+  order: 13; }
+
+.order-0 {
+  order: 0; }
+
+.order-1 {
+  order: 1; }
+
+.order-2 {
+  order: 2; }
+
+.order-3 {
+  order: 3; }
+
+.order-4 {
+  order: 4; }
+
+.order-5 {
+  order: 5; }
+
+.order-6 {
+  order: 6; }
+
+.order-7 {
+  order: 7; }
+
+.order-8 {
+  order: 8; }
+
+.order-9 {
+  order: 9; }
+
+.order-10 {
+  order: 10; }
+
+.order-11 {
+  order: 11; }
+
+.order-12 {
+  order: 12; }
+
+.offset-1 {
+  margin-left: 8.3333333333%; }
+
+.offset-2 {
+  margin-left: 16.6666666667%; }
+
+.offset-3 {
+  margin-left: 25%; }
+
+.offset-4 {
+  margin-left: 33.3333333333%; }
+
+.offset-5 {
+  margin-left: 41.6666666667%; }
+
+.offset-6 {
+  margin-left: 50%; }
+
+.offset-7 {
+  margin-left: 58.3333333333%; }
+
+.offset-8 {
+  margin-left: 66.6666666667%; }
+
+.offset-9 {
+  margin-left: 75%; }
+
+.offset-10 {
+  margin-left: 83.3333333333%; }
+
+.offset-11 {
+  margin-left: 91.6666666667%; }
+
+@media (min-width: 576px) {
+  .col-sm {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%; }
+
+  .col-sm-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: none; }
+
+  .col-sm-1 {
+    flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%; }
+
+  .col-sm-2 {
+    flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+
+  .col-sm-3 {
+    flex: 0 0 25%;
+    max-width: 25%; }
+
+  .col-sm-4 {
+    flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+
+  .col-sm-5 {
+    flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%; }
+
+  .col-sm-6 {
+    flex: 0 0 50%;
+    max-width: 50%; }
+
+  .col-sm-7 {
+    flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%; }
+
+  .col-sm-8 {
+    flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%; }
+
+  .col-sm-9 {
+    flex: 0 0 75%;
+    max-width: 75%; }
+
+  .col-sm-10 {
+    flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%; }
+
+  .col-sm-11 {
+    flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%; }
+
+  .col-sm-12 {
+    flex: 0 0 100%;
+    max-width: 100%; }
+
+  .order-sm-first {
+    order: -1; }
+
+  .order-sm-last {
+    order: 13; }
+
+  .order-sm-0 {
+    order: 0; }
+
+  .order-sm-1 {
+    order: 1; }
+
+  .order-sm-2 {
+    order: 2; }
+
+  .order-sm-3 {
+    order: 3; }
+
+  .order-sm-4 {
+    order: 4; }
+
+  .order-sm-5 {
+    order: 5; }
+
+  .order-sm-6 {
+    order: 6; }
+
+  .order-sm-7 {
+    order: 7; }
+
+  .order-sm-8 {
+    order: 8; }
+
+  .order-sm-9 {
+    order: 9; }
+
+  .order-sm-10 {
+    order: 10; }
+
+  .order-sm-11 {
+    order: 11; }
+
+  .order-sm-12 {
+    order: 12; }
+
+  .offset-sm-0 {
+    margin-left: 0; }
+
+  .offset-sm-1 {
+    margin-left: 8.3333333333%; }
+
+  .offset-sm-2 {
+    margin-left: 16.6666666667%; }
+
+  .offset-sm-3 {
+    margin-left: 25%; }
+
+  .offset-sm-4 {
+    margin-left: 33.3333333333%; }
+
+  .offset-sm-5 {
+    margin-left: 41.6666666667%; }
+
+  .offset-sm-6 {
+    margin-left: 50%; }
+
+  .offset-sm-7 {
+    margin-left: 58.3333333333%; }
+
+  .offset-sm-8 {
+    margin-left: 66.6666666667%; }
+
+  .offset-sm-9 {
+    margin-left: 75%; }
+
+  .offset-sm-10 {
+    margin-left: 83.3333333333%; }
+
+  .offset-sm-11 {
+    margin-left: 91.6666666667%; } }
+@media (min-width: 768px) {
+  .col-md {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%; }
+
+  .col-md-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: none; }
+
+  .col-md-1 {
+    flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%; }
+
+  .col-md-2 {
+    flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+
+  .col-md-3 {
+    flex: 0 0 25%;
+    max-width: 25%; }
+
+  .col-md-4 {
+    flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+
+  .col-md-5 {
+    flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%; }
+
+  .col-md-6 {
+    flex: 0 0 50%;
+    max-width: 50%; }
+
+  .col-md-7 {
+    flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%; }
+
+  .col-md-8 {
+    flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%; }
+
+  .col-md-9 {
+    flex: 0 0 75%;
+    max-width: 75%; }
+
+  .col-md-10 {
+    flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%; }
+
+  .col-md-11 {
+    flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%; }
+
+  .col-md-12 {
+    flex: 0 0 100%;
+    max-width: 100%; }
+
+  .order-md-first {
+    order: -1; }
+
+  .order-md-last {
+    order: 13; }
+
+  .order-md-0 {
+    order: 0; }
+
+  .order-md-1 {
+    order: 1; }
+
+  .order-md-2 {
+    order: 2; }
+
+  .order-md-3 {
+    order: 3; }
+
+  .order-md-4 {
+    order: 4; }
+
+  .order-md-5 {
+    order: 5; }
+
+  .order-md-6 {
+    order: 6; }
+
+  .order-md-7 {
+    order: 7; }
+
+  .order-md-8 {
+    order: 8; }
+
+  .order-md-9 {
+    order: 9; }
+
+  .order-md-10 {
+    order: 10; }
+
+  .order-md-11 {
+    order: 11; }
+
+  .order-md-12 {
+    order: 12; }
+
+  .offset-md-0 {
+    margin-left: 0; }
+
+  .offset-md-1 {
+    margin-left: 8.3333333333%; }
+
+  .offset-md-2 {
+    margin-left: 16.6666666667%; }
+
+  .offset-md-3 {
+    margin-left: 25%; }
+
+  .offset-md-4 {
+    margin-left: 33.3333333333%; }
+
+  .offset-md-5 {
+    margin-left: 41.6666666667%; }
+
+  .offset-md-6 {
+    margin-left: 50%; }
+
+  .offset-md-7 {
+    margin-left: 58.3333333333%; }
+
+  .offset-md-8 {
+    margin-left: 66.6666666667%; }
+
+  .offset-md-9 {
+    margin-left: 75%; }
+
+  .offset-md-10 {
+    margin-left: 83.3333333333%; }
+
+  .offset-md-11 {
+    margin-left: 91.6666666667%; } }
+@media (min-width: 992px) {
+  .col-lg {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%; }
+
+  .col-lg-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: none; }
+
+  .col-lg-1 {
+    flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%; }
+
+  .col-lg-2 {
+    flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+
+  .col-lg-3 {
+    flex: 0 0 25%;
+    max-width: 25%; }
+
+  .col-lg-4 {
+    flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+
+  .col-lg-5 {
+    flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%; }
+
+  .col-lg-6 {
+    flex: 0 0 50%;
+    max-width: 50%; }
+
+  .col-lg-7 {
+    flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%; }
+
+  .col-lg-8 {
+    flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%; }
+
+  .col-lg-9 {
+    flex: 0 0 75%;
+    max-width: 75%; }
+
+  .col-lg-10 {
+    flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%; }
+
+  .col-lg-11 {
+    flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%; }
+
+  .col-lg-12 {
+    flex: 0 0 100%;
+    max-width: 100%; }
+
+  .order-lg-first {
+    order: -1; }
+
+  .order-lg-last {
+    order: 13; }
+
+  .order-lg-0 {
+    order: 0; }
+
+  .order-lg-1 {
+    order: 1; }
+
+  .order-lg-2 {
+    order: 2; }
+
+  .order-lg-3 {
+    order: 3; }
+
+  .order-lg-4 {
+    order: 4; }
+
+  .order-lg-5 {
+    order: 5; }
+
+  .order-lg-6 {
+    order: 6; }
+
+  .order-lg-7 {
+    order: 7; }
+
+  .order-lg-8 {
+    order: 8; }
+
+  .order-lg-9 {
+    order: 9; }
+
+  .order-lg-10 {
+    order: 10; }
+
+  .order-lg-11 {
+    order: 11; }
+
+  .order-lg-12 {
+    order: 12; }
+
+  .offset-lg-0 {
+    margin-left: 0; }
+
+  .offset-lg-1 {
+    margin-left: 8.3333333333%; }
+
+  .offset-lg-2 {
+    margin-left: 16.6666666667%; }
+
+  .offset-lg-3 {
+    margin-left: 25%; }
+
+  .offset-lg-4 {
+    margin-left: 33.3333333333%; }
+
+  .offset-lg-5 {
+    margin-left: 41.6666666667%; }
+
+  .offset-lg-6 {
+    margin-left: 50%; }
+
+  .offset-lg-7 {
+    margin-left: 58.3333333333%; }
+
+  .offset-lg-8 {
+    margin-left: 66.6666666667%; }
+
+  .offset-lg-9 {
+    margin-left: 75%; }
+
+  .offset-lg-10 {
+    margin-left: 83.3333333333%; }
+
+  .offset-lg-11 {
+    margin-left: 91.6666666667%; } }
+@media (min-width: 1200px) {
+  .col-xl {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%; }
+
+  .col-xl-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: none; }
+
+  .col-xl-1 {
+    flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%; }
+
+  .col-xl-2 {
+    flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+
+  .col-xl-3 {
+    flex: 0 0 25%;
+    max-width: 25%; }
+
+  .col-xl-4 {
+    flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+
+  .col-xl-5 {
+    flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%; }
+
+  .col-xl-6 {
+    flex: 0 0 50%;
+    max-width: 50%; }
+
+  .col-xl-7 {
+    flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%; }
+
+  .col-xl-8 {
+    flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%; }
+
+  .col-xl-9 {
+    flex: 0 0 75%;
+    max-width: 75%; }
+
+  .col-xl-10 {
+    flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%; }
+
+  .col-xl-11 {
+    flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%; }
+
+  .col-xl-12 {
+    flex: 0 0 100%;
+    max-width: 100%; }
+
+  .order-xl-first {
+    order: -1; }
+
+  .order-xl-last {
+    order: 13; }
+
+  .order-xl-0 {
+    order: 0; }
+
+  .order-xl-1 {
+    order: 1; }
+
+  .order-xl-2 {
+    order: 2; }
+
+  .order-xl-3 {
+    order: 3; }
+
+  .order-xl-4 {
+    order: 4; }
+
+  .order-xl-5 {
+    order: 5; }
+
+  .order-xl-6 {
+    order: 6; }
+
+  .order-xl-7 {
+    order: 7; }
+
+  .order-xl-8 {
+    order: 8; }
+
+  .order-xl-9 {
+    order: 9; }
+
+  .order-xl-10 {
+    order: 10; }
+
+  .order-xl-11 {
+    order: 11; }
+
+  .order-xl-12 {
+    order: 12; }
+
+  .offset-xl-0 {
+    margin-left: 0; }
+
+  .offset-xl-1 {
+    margin-left: 8.3333333333%; }
+
+  .offset-xl-2 {
+    margin-left: 16.6666666667%; }
+
+  .offset-xl-3 {
+    margin-left: 25%; }
+
+  .offset-xl-4 {
+    margin-left: 33.3333333333%; }
+
+  .offset-xl-5 {
+    margin-left: 41.6666666667%; }
+
+  .offset-xl-6 {
+    margin-left: 50%; }
+
+  .offset-xl-7 {
+    margin-left: 58.3333333333%; }
+
+  .offset-xl-8 {
+    margin-left: 66.6666666667%; }
+
+  .offset-xl-9 {
+    margin-left: 75%; }
+
+  .offset-xl-10 {
+    margin-left: 83.3333333333%; }
+
+  .offset-xl-11 {
+    margin-left: 91.6666666667%; } }
+.table {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 1rem;
+  background-color: transparent; }
+  .table th,
+  .table td {
+    padding: 0.75rem;
+    vertical-align: top;
+    border-top: 1px solid #dee2e6; }
+  .table thead th {
+    vertical-align: bottom;
+    border-bottom: 2px solid #dee2e6; }
+  .table tbody + tbody {
+    border-top: 2px solid #dee2e6; }
+  .table .table {
+    background-color: #fff; }
+
+.table-sm th,
+.table-sm td {
+  padding: 0.3rem; }
+
+.table-bordered {
+  border: 1px solid #dee2e6; }
+  .table-bordered th,
+  .table-bordered td {
+    border: 1px solid #dee2e6; }
+  .table-bordered thead th,
+  .table-bordered thead td {
+    border-bottom-width: 2px; }
+
+.table-striped tbody tr:nth-of-type(odd) {
+  background-color: rgba(0, 0, 0, 0.05); }
+
+.table-hover tbody tr:hover {
+  background-color: rgba(0, 0, 0, 0.075); }
+
+.table-primary,
+.table-primary > th,
+.table-primary > td {
+  background-color: #d9e1c4; }
+
+.table-hover .table-primary:hover {
+  background-color: #ced8b3; }
+  .table-hover .table-primary:hover > td,
+  .table-hover .table-primary:hover > th {
+    background-color: #ced8b3; }
+
+.table-secondary,
+.table-secondary > th,
+.table-secondary > td {
+  background-color: #eec3d4; }
+
+.table-hover .table-secondary:hover {
+  background-color: #e8afc6; }
+  .table-hover .table-secondary:hover > td,
+  .table-hover .table-secondary:hover > th {
+    background-color: #e8afc6; }
+
+.table-success,
+.table-success > th,
+.table-success > td {
+  background-color: #c3e6cb; }
+
+.table-hover .table-success:hover {
+  background-color: #b1dfbb; }
+  .table-hover .table-success:hover > td,
+  .table-hover .table-success:hover > th {
+    background-color: #b1dfbb; }
+
+.table-info,
+.table-info > th,
+.table-info > td {
+  background-color: #bee5eb; }
+
+.table-hover .table-info:hover {
+  background-color: #abdde5; }
+  .table-hover .table-info:hover > td,
+  .table-hover .table-info:hover > th {
+    background-color: #abdde5; }
+
+.table-warning,
+.table-warning > th,
+.table-warning > td {
+  background-color: #ffeeba; }
+
+.table-hover .table-warning:hover {
+  background-color: #ffe8a1; }
+  .table-hover .table-warning:hover > td,
+  .table-hover .table-warning:hover > th {
+    background-color: #ffe8a1; }
+
+.table-danger,
+.table-danger > th,
+.table-danger > td {
+  background-color: #f5c6cb; }
+
+.table-hover .table-danger:hover {
+  background-color: #f1b0b7; }
+  .table-hover .table-danger:hover > td,
+  .table-hover .table-danger:hover > th {
+    background-color: #f1b0b7; }
+
+.table-light,
+.table-light > th,
+.table-light > td {
+  background-color: #fdfdfe; }
+
+.table-hover .table-light:hover {
+  background-color: #ececf6; }
+  .table-hover .table-light:hover > td,
+  .table-hover .table-light:hover > th {
+    background-color: #ececf6; }
+
+.table-dark,
+.table-dark > th,
+.table-dark > td {
+  background-color: #c6c8ca; }
+
+.table-hover .table-dark:hover {
+  background-color: #b9bbbe; }
+  .table-hover .table-dark:hover > td,
+  .table-hover .table-dark:hover > th {
+    background-color: #b9bbbe; }
+
+.table-active,
+.table-active > th,
+.table-active > td {
+  background-color: rgba(0, 0, 0, 0.075); }
+
+.table-hover .table-active:hover {
+  background-color: rgba(0, 0, 0, 0.075); }
+  .table-hover .table-active:hover > td,
+  .table-hover .table-active:hover > th {
+    background-color: rgba(0, 0, 0, 0.075); }
+
+.table .thead-dark th {
+  color: #fff;
+  background-color: #212529;
+  border-color: #32383e; }
+.table .thead-light th {
+  color: #495057;
+  background-color: #e9ecef;
+  border-color: #dee2e6; }
+
+.table-dark {
+  color: #fff;
+  background-color: #212529; }
+  .table-dark th,
+  .table-dark td,
+  .table-dark thead th {
+    border-color: #32383e; }
+  .table-dark.table-bordered {
+    border: 0; }
+  .table-dark.table-striped tbody tr:nth-of-type(odd) {
+    background-color: rgba(255, 255, 255, 0.05); }
+  .table-dark.table-hover tbody tr:hover {
+    background-color: rgba(255, 255, 255, 0.075); }
+
+@media (max-width: 575.98px) {
+  .table-responsive-sm {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; }
+    .table-responsive-sm > .table-bordered {
+      border: 0; } }
+@media (max-width: 767.98px) {
+  .table-responsive-md {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; }
+    .table-responsive-md > .table-bordered {
+      border: 0; } }
+@media (max-width: 991.98px) {
+  .table-responsive-lg {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; }
+    .table-responsive-lg > .table-bordered {
+      border: 0; } }
+@media (max-width: 1199.98px) {
+  .table-responsive-xl {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; }
+    .table-responsive-xl > .table-bordered {
+      border: 0; } }
+.table-responsive {
+  display: block;
+  width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: -ms-autohiding-scrollbar; }
+  .table-responsive > .table-bordered {
+    border: 0; }
+
+.form-control {
+  display: block;
+  width: 100%;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+  .form-control::-ms-expand {
+    background-color: transparent;
+    border: 0; }
+  .form-control:focus {
+    color: #495057;
+    background-color: #fff;
+    border-color: #b8d36c;
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem rgba(120, 147, 44, 0.25); }
+  .form-control::placeholder {
+    color: #6c757d;
+    opacity: 1; }
+  .form-control:disabled, .form-control[readonly] {
+    background-color: #e9ecef;
+    opacity: 1; }
+
+select.form-control:not([size]):not([multiple]) {
+  height: calc(2.25rem + 2px); }
+select.form-control:focus::-ms-value {
+  color: #495057;
+  background-color: #fff; }
+
+.form-control-file,
+.form-control-range {
+  display: block;
+  width: 100%; }
+
+.col-form-label {
+  padding-top: calc(0.375rem + 1px);
+  padding-bottom: calc(0.375rem + 1px);
+  margin-bottom: 0;
+  font-size: inherit;
+  line-height: 1.5; }
+
+.col-form-label-lg {
+  padding-top: calc(0.5rem + 1px);
+  padding-bottom: calc(0.5rem + 1px);
+  font-size: 1.25rem;
+  line-height: 1.5; }
+
+.col-form-label-sm {
+  padding-top: calc(0.25rem + 1px);
+  padding-bottom: calc(0.25rem + 1px);
+  font-size: 0.875rem;
+  line-height: 1.5; }
+
+.form-control-plaintext {
+  display: block;
+  width: 100%;
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+  margin-bottom: 0;
+  line-height: 1.5;
+  background-color: transparent;
+  border: solid transparent;
+  border-width: 1px 0; }
+  .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
+  .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
+  .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
+  .input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
+  .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
+  .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
+  .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
+  .input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
+  .input-group-lg > .input-group-append > .form-control-plaintext.btn {
+    padding-right: 0;
+    padding-left: 0; }
+
+.form-control-sm, .input-group-sm > .form-control,
+.input-group-sm > .input-group-prepend > .input-group-text,
+.input-group-sm > .input-group-append > .input-group-text,
+.input-group-sm > .input-group-prepend > .btn,
+.input-group-sm > .input-group-append > .btn {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 0.2rem; }
+
+select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
+.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
+.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
+.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
+.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
+  height: calc(1.8125rem + 2px); }
+
+.form-control-lg, .input-group-lg > .form-control,
+.input-group-lg > .input-group-prepend > .input-group-text,
+.input-group-lg > .input-group-append > .input-group-text,
+.input-group-lg > .input-group-prepend > .btn,
+.input-group-lg > .input-group-append > .btn {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 0.3rem; }
+
+select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
+.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
+.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
+.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
+.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
+  height: calc(2.875rem + 2px); }
+
+.form-group {
+  margin-bottom: 1rem; }
+
+.form-text {
+  display: block;
+  margin-top: 0.25rem; }
+
+.form-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -5px;
+  margin-left: -5px; }
+  .form-row > .col,
+  .form-row > [class*="col-"] {
+    padding-right: 5px;
+    padding-left: 5px; }
+
+.form-check {
+  position: relative;
+  display: block;
+  padding-left: 1.25rem; }
+
+.form-check-input {
+  position: absolute;
+  margin-top: 0.3rem;
+  margin-left: -1.25rem; }
+  .form-check-input:disabled ~ .form-check-label {
+    color: #6c757d; }
+
+.form-check-label {
+  margin-bottom: 0; }
+
+.form-check-inline {
+  display: inline-flex;
+  align-items: center;
+  padding-left: 0;
+  margin-right: 0.75rem; }
+  .form-check-inline .form-check-input {
+    position: static;
+    margin-top: 0;
+    margin-right: 0.3125rem;
+    margin-left: 0; }
+
+.valid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 80%;
+  color: #28a745; }
+
+.valid-tooltip {
+  position: absolute;
+  top: 100%;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: .5rem;
+  margin-top: .1rem;
+  font-size: .875rem;
+  line-height: 1;
+  color: #fff;
+  background-color: rgba(40, 167, 69, 0.8);
+  border-radius: .2rem; }
+
+.was-validated .form-control:valid, .form-control.is-valid,
+.was-validated .custom-select:valid,
+.custom-select.is-valid {
+  border-color: #28a745; }
+  .was-validated .form-control:valid:focus, .form-control.is-valid:focus,
+  .was-validated .custom-select:valid:focus,
+  .custom-select.is-valid:focus {
+    border-color: #28a745;
+    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
+  .was-validated .form-control:valid ~ .valid-feedback,
+  .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
+  .form-control.is-valid ~ .valid-tooltip,
+  .was-validated .custom-select:valid ~ .valid-feedback,
+  .was-validated .custom-select:valid ~ .valid-tooltip,
+  .custom-select.is-valid ~ .valid-feedback,
+  .custom-select.is-valid ~ .valid-tooltip {
+    display: block; }
+
+.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
+  color: #28a745; }
+.was-validated .form-check-input:valid ~ .valid-feedback,
+.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
+.form-check-input.is-valid ~ .valid-tooltip {
+  display: block; }
+
+.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
+  color: #28a745; }
+  .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
+    background-color: #71dd8a; }
+.was-validated .custom-control-input:valid ~ .valid-feedback,
+.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
+.custom-control-input.is-valid ~ .valid-tooltip {
+  display: block; }
+.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
+  background-color: #34ce57; }
+.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
+
+.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
+  border-color: #28a745; }
+  .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
+    border-color: inherit; }
+.was-validated .custom-file-input:valid ~ .valid-feedback,
+.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
+.custom-file-input.is-valid ~ .valid-tooltip {
+  display: block; }
+.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
+
+.invalid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 80%;
+  color: #dc3545; }
+
+.invalid-tooltip {
+  position: absolute;
+  top: 100%;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: .5rem;
+  margin-top: .1rem;
+  font-size: .875rem;
+  line-height: 1;
+  color: #fff;
+  background-color: rgba(220, 53, 69, 0.8);
+  border-radius: .2rem; }
+
+.was-validated .form-control:invalid, .form-control.is-invalid,
+.was-validated .custom-select:invalid,
+.custom-select.is-invalid {
+  border-color: #dc3545; }
+  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus,
+  .was-validated .custom-select:invalid:focus,
+  .custom-select.is-invalid:focus {
+    border-color: #dc3545;
+    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
+  .was-validated .form-control:invalid ~ .invalid-feedback,
+  .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
+  .form-control.is-invalid ~ .invalid-tooltip,
+  .was-validated .custom-select:invalid ~ .invalid-feedback,
+  .was-validated .custom-select:invalid ~ .invalid-tooltip,
+  .custom-select.is-invalid ~ .invalid-feedback,
+  .custom-select.is-invalid ~ .invalid-tooltip {
+    display: block; }
+
+.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
+  color: #dc3545; }
+.was-validated .form-check-input:invalid ~ .invalid-feedback,
+.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
+.form-check-input.is-invalid ~ .invalid-tooltip {
+  display: block; }
+
+.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
+  color: #dc3545; }
+  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
+    background-color: #efa2a9; }
+.was-validated .custom-control-input:invalid ~ .invalid-feedback,
+.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
+.custom-control-input.is-invalid ~ .invalid-tooltip {
+  display: block; }
+.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
+  background-color: #e4606d; }
+.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
+
+.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
+  border-color: #dc3545; }
+  .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
+    border-color: inherit; }
+.was-validated .custom-file-input:invalid ~ .invalid-feedback,
+.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
+.custom-file-input.is-invalid ~ .invalid-tooltip {
+  display: block; }
+.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
+
+.form-inline {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center; }
+  .form-inline .form-check {
+    width: 100%; }
+  @media (min-width: 576px) {
+    .form-inline label {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 0; }
+    .form-inline .form-group {
+      display: flex;
+      flex: 0 0 auto;
+      flex-flow: row wrap;
+      align-items: center;
+      margin-bottom: 0; }
+    .form-inline .form-control {
+      display: inline-block;
+      width: auto;
+      vertical-align: middle; }
+    .form-inline .form-control-plaintext {
+      display: inline-block; }
+    .form-inline .input-group {
+      width: auto; }
+    .form-inline .form-check {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: auto;
+      padding-left: 0; }
+    .form-inline .form-check-input {
+      position: relative;
+      margin-top: 0;
+      margin-right: 0.25rem;
+      margin-left: 0; }
+    .form-inline .custom-control {
+      align-items: center;
+      justify-content: center; }
+    .form-inline .custom-control-label {
+      margin-bottom: 0; } }
+
+.btn {
+  display: inline-block;
+  font-weight: 400;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  user-select: none;
+  border: 1px solid transparent;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+  border-radius: 0.25rem;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+  .btn:hover, .btn:focus {
+    text-decoration: none; }
+  .btn:focus, .btn.focus {
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem rgba(120, 147, 44, 0.25); }
+  .btn.disabled, .btn:disabled {
+    opacity: 0.65; }
+  .btn:not(:disabled):not(.disabled) {
+    cursor: pointer; }
+  .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
+    background-image: none; }
+
+a.btn.disabled,
+fieldset:disabled a.btn {
+  pointer-events: none; }
+
+.btn-primary {
+  color: #fff;
+  background-color: #78932c;
+  border-color: #78932c; }
+  .btn-primary:hover {
+    color: #fff;
+    background-color: #607623;
+    border-color: #586c20; }
+  .btn-primary:focus, .btn-primary.focus {
+    box-shadow: 0 0 0 0.2rem rgba(120, 147, 44, 0.5); }
+  .btn-primary.disabled, .btn-primary:disabled {
+    color: #fff;
+    background-color: #78932c;
+    border-color: #78932c; }
+  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
+    color: #fff;
+    background-color: #586c20;
+    border-color: #50621d; }
+    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(120, 147, 44, 0.5); }
+
+.btn-secondary {
+  color: #fff;
+  background-color: #c12766;
+  border-color: #c12766; }
+  .btn-secondary:hover {
+    color: #fff;
+    background-color: #a12155;
+    border-color: #971e50; }
+  .btn-secondary:focus, .btn-secondary.focus {
+    box-shadow: 0 0 0 0.2rem rgba(193, 39, 102, 0.5); }
+  .btn-secondary.disabled, .btn-secondary:disabled {
+    color: #fff;
+    background-color: #c12766;
+    border-color: #c12766; }
+  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
+    color: #fff;
+    background-color: #971e50;
+    border-color: #8c1c4a; }
+    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(193, 39, 102, 0.5); }
+
+.btn-success {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745; }
+  .btn-success:hover {
+    color: #fff;
+    background-color: #218838;
+    border-color: #1e7e34; }
+  .btn-success:focus, .btn-success.focus {
+    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
+  .btn-success.disabled, .btn-success:disabled {
+    color: #fff;
+    background-color: #28a745;
+    border-color: #28a745; }
+  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
+    color: #fff;
+    background-color: #1e7e34;
+    border-color: #1c7430; }
+    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
+
+.btn-info {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8; }
+  .btn-info:hover {
+    color: #fff;
+    background-color: #138496;
+    border-color: #117a8b; }
+  .btn-info:focus, .btn-info.focus {
+    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
+  .btn-info.disabled, .btn-info:disabled {
+    color: #fff;
+    background-color: #17a2b8;
+    border-color: #17a2b8; }
+  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
+    color: #fff;
+    background-color: #117a8b;
+    border-color: #10707f; }
+    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
+
+.btn-warning {
+  color: #212529;
+  background-color: #ffc107;
+  border-color: #ffc107; }
+  .btn-warning:hover {
+    color: #212529;
+    background-color: #e0a800;
+    border-color: #d39e00; }
+  .btn-warning:focus, .btn-warning.focus {
+    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
+  .btn-warning.disabled, .btn-warning:disabled {
+    color: #212529;
+    background-color: #ffc107;
+    border-color: #ffc107; }
+  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
+    color: #212529;
+    background-color: #d39e00;
+    border-color: #c69500; }
+    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
+
+.btn-danger {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545; }
+  .btn-danger:hover {
+    color: #fff;
+    background-color: #c82333;
+    border-color: #bd2130; }
+  .btn-danger:focus, .btn-danger.focus {
+    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
+  .btn-danger.disabled, .btn-danger:disabled {
+    color: #fff;
+    background-color: #dc3545;
+    border-color: #dc3545; }
+  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
+    color: #fff;
+    background-color: #bd2130;
+    border-color: #b21f2d; }
+    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
+
+.btn-light {
+  color: #212529;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa; }
+  .btn-light:hover {
+    color: #212529;
+    background-color: #e2e6ea;
+    border-color: #dae0e5; }
+  .btn-light:focus, .btn-light.focus {
+    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
+  .btn-light.disabled, .btn-light:disabled {
+    color: #212529;
+    background-color: #f8f9fa;
+    border-color: #f8f9fa; }
+  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
+    color: #212529;
+    background-color: #dae0e5;
+    border-color: #d3d9df; }
+    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
+
+.btn-dark {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40; }
+  .btn-dark:hover {
+    color: #fff;
+    background-color: #23272b;
+    border-color: #1d2124; }
+  .btn-dark:focus, .btn-dark.focus {
+    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
+  .btn-dark.disabled, .btn-dark:disabled {
+    color: #fff;
+    background-color: #343a40;
+    border-color: #343a40; }
+  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
+    color: #fff;
+    background-color: #1d2124;
+    border-color: #171a1d; }
+    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
+
+.btn-outline-primary {
+  color: #78932c;
+  background-color: transparent;
+  background-image: none;
+  border-color: #78932c; }
+  .btn-outline-primary:hover {
+    color: #fff;
+    background-color: #78932c;
+    border-color: #78932c; }
+  .btn-outline-primary:focus, .btn-outline-primary.focus {
+    box-shadow: 0 0 0 0.2rem rgba(120, 147, 44, 0.5); }
+  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+    color: #78932c;
+    background-color: transparent; }
+  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
+    color: #fff;
+    background-color: #78932c;
+    border-color: #78932c; }
+    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(120, 147, 44, 0.5); }
+
+.btn-outline-secondary {
+  color: #c12766;
+  background-color: transparent;
+  background-image: none;
+  border-color: #c12766; }
+  .btn-outline-secondary:hover {
+    color: #fff;
+    background-color: #c12766;
+    border-color: #c12766; }
+  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+    box-shadow: 0 0 0 0.2rem rgba(193, 39, 102, 0.5); }
+  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+    color: #c12766;
+    background-color: transparent; }
+  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
+    color: #fff;
+    background-color: #c12766;
+    border-color: #c12766; }
+    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(193, 39, 102, 0.5); }
+
+.btn-outline-success {
+  color: #28a745;
+  background-color: transparent;
+  background-image: none;
+  border-color: #28a745; }
+  .btn-outline-success:hover {
+    color: #fff;
+    background-color: #28a745;
+    border-color: #28a745; }
+  .btn-outline-success:focus, .btn-outline-success.focus {
+    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
+  .btn-outline-success.disabled, .btn-outline-success:disabled {
+    color: #28a745;
+    background-color: transparent; }
+  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
+    color: #fff;
+    background-color: #28a745;
+    border-color: #28a745; }
+    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
+
+.btn-outline-info {
+  color: #17a2b8;
+  background-color: transparent;
+  background-image: none;
+  border-color: #17a2b8; }
+  .btn-outline-info:hover {
+    color: #fff;
+    background-color: #17a2b8;
+    border-color: #17a2b8; }
+  .btn-outline-info:focus, .btn-outline-info.focus {
+    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
+  .btn-outline-info.disabled, .btn-outline-info:disabled {
+    color: #17a2b8;
+    background-color: transparent; }
+  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
+    color: #fff;
+    background-color: #17a2b8;
+    border-color: #17a2b8; }
+    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
+
+.btn-outline-warning {
+  color: #ffc107;
+  background-color: transparent;
+  background-image: none;
+  border-color: #ffc107; }
+  .btn-outline-warning:hover {
+    color: #212529;
+    background-color: #ffc107;
+    border-color: #ffc107; }
+  .btn-outline-warning:focus, .btn-outline-warning.focus {
+    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
+  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+    color: #ffc107;
+    background-color: transparent; }
+  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
+    color: #212529;
+    background-color: #ffc107;
+    border-color: #ffc107; }
+    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
+
+.btn-outline-danger {
+  color: #dc3545;
+  background-color: transparent;
+  background-image: none;
+  border-color: #dc3545; }
+  .btn-outline-danger:hover {
+    color: #fff;
+    background-color: #dc3545;
+    border-color: #dc3545; }
+  .btn-outline-danger:focus, .btn-outline-danger.focus {
+    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
+  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+    color: #dc3545;
+    background-color: transparent; }
+  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
+    color: #fff;
+    background-color: #dc3545;
+    border-color: #dc3545; }
+    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
+
+.btn-outline-light {
+  color: #f8f9fa;
+  background-color: transparent;
+  background-image: none;
+  border-color: #f8f9fa; }
+  .btn-outline-light:hover {
+    color: #212529;
+    background-color: #f8f9fa;
+    border-color: #f8f9fa; }
+  .btn-outline-light:focus, .btn-outline-light.focus {
+    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
+  .btn-outline-light.disabled, .btn-outline-light:disabled {
+    color: #f8f9fa;
+    background-color: transparent; }
+  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
+    color: #212529;
+    background-color: #f8f9fa;
+    border-color: #f8f9fa; }
+    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
+
+.btn-outline-dark {
+  color: #343a40;
+  background-color: transparent;
+  background-image: none;
+  border-color: #343a40; }
+  .btn-outline-dark:hover {
+    color: #fff;
+    background-color: #343a40;
+    border-color: #343a40; }
+  .btn-outline-dark:focus, .btn-outline-dark.focus {
+    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
+  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+    color: #343a40;
+    background-color: transparent; }
+  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
+    color: #fff;
+    background-color: #343a40;
+    border-color: #343a40; }
+    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
+
+.btn-link {
+  font-weight: 400;
+  color: #78932c;
+  background-color: transparent; }
+  .btn-link:hover {
+    color: #48581a;
+    text-decoration: underline;
+    background-color: transparent;
+    border-color: transparent; }
+  .btn-link:focus, .btn-link.focus {
+    text-decoration: underline;
+    border-color: transparent;
+    box-shadow: none; }
+  .btn-link:disabled, .btn-link.disabled {
+    color: #6c757d; }
+
+.btn-lg, .btn-group-lg > .btn {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 0.3rem; }
+
+.btn-sm, .btn-group-sm > .btn {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 0.2rem; }
+
+.btn-block {
+  display: block;
+  width: 100%; }
+  .btn-block + .btn-block {
+    margin-top: 0.5rem; }
+
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+  width: 100%; }
+
+.fade {
+  opacity: 0;
+  transition: opacity 0.15s linear; }
+  .fade.show {
+    opacity: 1; }
+
+.collapse {
+  display: none; }
+  .collapse.show {
+    display: block; }
+
+tr.collapse.show {
+  display: table-row; }
+
+tbody.collapse.show {
+  display: table-row-group; }
+
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  transition: height 0.35s ease; }
+
+.dropup,
+.dropdown {
+  position: relative; }
+
+.dropdown-toggle::after {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0;
+  border-left: 0.3em solid transparent; }
+.dropdown-toggle:empty::after {
+  margin-left: 0; }
+
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 10rem;
+  padding: 0.5rem 0;
+  margin: 0.125rem 0 0;
+  font-size: 1rem;
+  color: #212529;
+  text-align: left;
+  list-style: none;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 0.25rem; }
+
+.dropup .dropdown-menu {
+  margin-top: 0;
+  margin-bottom: 0.125rem; }
+.dropup .dropdown-toggle::after {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0.3em solid;
+  border-left: 0.3em solid transparent; }
+.dropup .dropdown-toggle:empty::after {
+  margin-left: 0; }
+
+.dropright .dropdown-menu {
+  margin-top: 0;
+  margin-left: 0.125rem; }
+.dropright .dropdown-toggle::after {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-bottom: 0.3em solid transparent;
+  border-left: 0.3em solid; }
+.dropright .dropdown-toggle:empty::after {
+  margin-left: 0; }
+.dropright .dropdown-toggle::after {
+  vertical-align: 0; }
+
+.dropleft .dropdown-menu {
+  margin-top: 0;
+  margin-right: 0.125rem; }
+.dropleft .dropdown-toggle::after {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: ""; }
+.dropleft .dropdown-toggle::after {
+  display: none; }
+.dropleft .dropdown-toggle::before {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-right: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-right: 0.3em solid;
+  border-bottom: 0.3em solid transparent; }
+.dropleft .dropdown-toggle:empty::after {
+  margin-left: 0; }
+.dropleft .dropdown-toggle::before {
+  vertical-align: 0; }
+
+.dropdown-divider {
+  height: 0;
+  margin: 0.5rem 0;
+  overflow: hidden;
+  border-top: 1px solid #e9ecef; }
+
+.dropdown-item {
+  display: block;
+  width: 100%;
+  padding: 0.25rem 1.5rem;
+  clear: both;
+  font-weight: 400;
+  color: #212529;
+  text-align: inherit;
+  white-space: nowrap;
+  background-color: transparent;
+  border: 0; }
+  .dropdown-item:hover, .dropdown-item:focus {
+    color: #16181b;
+    text-decoration: none;
+    background-color: #f8f9fa; }
+  .dropdown-item.active, .dropdown-item:active {
+    color: #fff;
+    text-decoration: none;
+    background-color: #78932c; }
+  .dropdown-item.disabled, .dropdown-item:disabled {
+    color: #6c757d;
+    background-color: transparent; }
+
+.dropdown-menu.show {
+  display: block; }
+
+.dropdown-header {
+  display: block;
+  padding: 0.5rem 1.5rem;
+  margin-bottom: 0;
+  font-size: 0.875rem;
+  color: #6c757d;
+  white-space: nowrap; }
+
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle; }
+  .btn-group > .btn,
+  .btn-group-vertical > .btn {
+    position: relative;
+    flex: 0 1 auto; }
+    .btn-group > .btn:hover,
+    .btn-group-vertical > .btn:hover {
+      z-index: 1; }
+    .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
+    .btn-group-vertical > .btn:focus,
+    .btn-group-vertical > .btn:active,
+    .btn-group-vertical > .btn.active {
+      z-index: 1; }
+  .btn-group .btn + .btn,
+  .btn-group .btn + .btn-group,
+  .btn-group .btn-group + .btn,
+  .btn-group .btn-group + .btn-group,
+  .btn-group-vertical .btn + .btn,
+  .btn-group-vertical .btn + .btn-group,
+  .btn-group-vertical .btn-group + .btn,
+  .btn-group-vertical .btn-group + .btn-group {
+    margin-left: -1px; }
+
+.btn-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start; }
+  .btn-toolbar .input-group {
+    width: auto; }
+
+.btn-group > .btn:first-child {
+  margin-left: 0; }
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn-group:not(:last-child) > .btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0; }
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0; }
+
+.dropdown-toggle-split {
+  padding-right: 0.5625rem;
+  padding-left: 0.5625rem; }
+  .dropdown-toggle-split::after {
+    margin-left: 0; }
+
+.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
+  padding-right: 0.375rem;
+  padding-left: 0.375rem; }
+
+.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
+  padding-right: 0.75rem;
+  padding-left: 0.75rem; }
+
+.btn-group-vertical {
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center; }
+  .btn-group-vertical .btn,
+  .btn-group-vertical .btn-group {
+    width: 100%; }
+  .btn-group-vertical > .btn + .btn,
+  .btn-group-vertical > .btn + .btn-group,
+  .btn-group-vertical > .btn-group + .btn,
+  .btn-group-vertical > .btn-group + .btn-group {
+    margin-top: -1px;
+    margin-left: 0; }
+  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0; }
+  .btn-group-vertical > .btn:not(:first-child),
+  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0; }
+
+.btn-group-toggle > .btn,
+.btn-group-toggle > .btn-group > .btn {
+  margin-bottom: 0; }
+  .btn-group-toggle > .btn input[type="radio"],
+  .btn-group-toggle > .btn input[type="checkbox"],
+  .btn-group-toggle > .btn-group > .btn input[type="radio"],
+  .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
+    position: absolute;
+    clip: rect(0, 0, 0, 0);
+    pointer-events: none; }
+
+.input-group {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  width: 100%; }
+  .input-group > .form-control,
+  .input-group > .custom-select,
+  .input-group > .custom-file {
+    position: relative;
+    flex: 1 1 auto;
+    width: 1%;
+    margin-bottom: 0; }
+    .input-group > .form-control:focus,
+    .input-group > .custom-select:focus,
+    .input-group > .custom-file:focus {
+      z-index: 3; }
+    .input-group > .form-control + .form-control,
+    .input-group > .form-control + .custom-select,
+    .input-group > .form-control + .custom-file,
+    .input-group > .custom-select + .form-control,
+    .input-group > .custom-select + .custom-select,
+    .input-group > .custom-select + .custom-file,
+    .input-group > .custom-file + .form-control,
+    .input-group > .custom-file + .custom-select,
+    .input-group > .custom-file + .custom-file {
+      margin-left: -1px; }
+  .input-group > .form-control:not(:last-child),
+  .input-group > .custom-select:not(:last-child) {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0; }
+  .input-group > .form-control:not(:first-child),
+  .input-group > .custom-select:not(:first-child) {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0; }
+  .input-group > .custom-file {
+    display: flex;
+    align-items: center; }
+    .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+
+.input-group-prepend,
+.input-group-append {
+  display: flex; }
+  .input-group-prepend .btn,
+  .input-group-append .btn {
+    position: relative;
+    z-index: 2; }
+  .input-group-prepend .btn + .btn,
+  .input-group-prepend .btn + .input-group-text,
+  .input-group-prepend .input-group-text + .input-group-text,
+  .input-group-prepend .input-group-text + .btn,
+  .input-group-append .btn + .btn,
+  .input-group-append .btn + .input-group-text,
+  .input-group-append .input-group-text + .input-group-text,
+  .input-group-append .input-group-text + .btn {
+    margin-left: -1px; }
+
+.input-group-prepend {
+  margin-right: -1px; }
+
+.input-group-append {
+  margin-left: -1px; }
+
+.input-group-text {
+  display: flex;
+  align-items: center;
+  padding: 0.375rem 0.75rem;
+  margin-bottom: 0;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #e9ecef;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem; }
+  .input-group-text input[type="radio"],
+  .input-group-text input[type="checkbox"] {
+    margin-top: 0; }
+
+.input-group > .input-group-prepend > .btn,
+.input-group > .input-group-prepend > .input-group-text,
+.input-group > .input-group-append:not(:last-child) > .btn,
+.input-group > .input-group-append:not(:last-child) > .input-group-text,
+.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0; }
+
+.input-group > .input-group-append > .btn,
+.input-group > .input-group-append > .input-group-text,
+.input-group > .input-group-prepend:not(:first-child) > .btn,
+.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
+.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
+.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0; }
+
+.custom-control {
+  position: relative;
+  display: block;
+  min-height: 1.5rem;
+  padding-left: 1.5rem; }
+
+.custom-control-inline {
+  display: inline-flex;
+  margin-right: 1rem; }
+
+.custom-control-input {
+  position: absolute;
+  z-index: -1;
+  opacity: 0; }
+  .custom-control-input:checked ~ .custom-control-label::before {
+    color: #fff;
+    background-color: #78932c; }
+  .custom-control-input:focus ~ .custom-control-label::before {
+    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(120, 147, 44, 0.25); }
+  .custom-control-input:active ~ .custom-control-label::before {
+    color: #fff;
+    background-color: #cbdf93; }
+  .custom-control-input:disabled ~ .custom-control-label {
+    color: #6c757d; }
+    .custom-control-input:disabled ~ .custom-control-label::before {
+      background-color: #e9ecef; }
+
+.custom-control-label {
+  margin-bottom: 0; }
+  .custom-control-label::before {
+    position: absolute;
+    top: 0.25rem;
+    left: 0;
+    display: block;
+    width: 1rem;
+    height: 1rem;
+    pointer-events: none;
+    content: "";
+    user-select: none;
+    background-color: #dee2e6; }
+  .custom-control-label::after {
+    position: absolute;
+    top: 0.25rem;
+    left: 0;
+    display: block;
+    width: 1rem;
+    height: 1rem;
+    content: "";
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 50% 50%; }
+
+.custom-checkbox .custom-control-label::before {
+  border-radius: 0.25rem; }
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #78932c; }
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
+  background-color: #78932c; }
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }
+.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
+  background-color: rgba(120, 147, 44, 0.5); }
+.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
+  background-color: rgba(120, 147, 44, 0.5); }
+
+.custom-radio .custom-control-label::before {
+  border-radius: 50%; }
+.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #78932c; }
+.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }
+.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
+  background-color: rgba(120, 147, 44, 0.5); }
+
+.custom-select {
+  display: inline-block;
+  width: 100%;
+  height: calc(2.25rem + 2px);
+  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
+  line-height: 1.5;
+  color: #495057;
+  vertical-align: middle;
+  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
+  background-size: 8px 10px;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  appearance: none; }
+  .custom-select:focus {
+    border-color: #b8d36c;
+    outline: 0;
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(184, 211, 108, 0.5); }
+    .custom-select:focus::-ms-value {
+      color: #495057;
+      background-color: #fff; }
+  .custom-select[multiple], .custom-select[size]:not([size="1"]) {
+    height: auto;
+    padding-right: 0.75rem;
+    background-image: none; }
+  .custom-select:disabled {
+    color: #6c757d;
+    background-color: #e9ecef; }
+  .custom-select::-ms-expand {
+    opacity: 0; }
+
+.custom-select-sm {
+  height: calc(1.8125rem + 2px);
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+  font-size: 75%; }
+
+.custom-select-lg {
+  height: calc(2.875rem + 2px);
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+  font-size: 125%; }
+
+.custom-file {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: calc(2.25rem + 2px);
+  margin-bottom: 0; }
+
+.custom-file-input {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: calc(2.25rem + 2px);
+  margin: 0;
+  opacity: 0; }
+  .custom-file-input:focus ~ .custom-file-control {
+    border-color: #b8d36c;
+    box-shadow: 0 0 0 0.2rem rgba(120, 147, 44, 0.25); }
+    .custom-file-input:focus ~ .custom-file-control::before {
+      border-color: #b8d36c; }
+  .custom-file-input:lang(en) ~ .custom-file-label::after {
+    content: "Browse"; }
+
+.custom-file-label {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1;
+  height: calc(2.25rem + 2px);
+  padding: 0.375rem 0.75rem;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem; }
+  .custom-file-label::after {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 3;
+    display: block;
+    height: calc(calc(2.25rem + 2px) - 1px * 2);
+    padding: 0.375rem 0.75rem;
+    line-height: 1.5;
+    color: #495057;
+    content: "Browse";
+    background-color: #e9ecef;
+    border-left: 1px solid #ced4da;
+    border-radius: 0 0.25rem 0.25rem 0; }
+
+.nav {
+  display: flex;
+  flex-wrap: wrap;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none; }
+
+.nav-link {
+  display: block;
+  padding: 0.5rem 1rem; }
+  .nav-link:hover, .nav-link:focus {
+    text-decoration: none; }
+  .nav-link.disabled {
+    color: #6c757d; }
+
+.nav-tabs {
+  border-bottom: 1px solid #dee2e6; }
+  .nav-tabs .nav-item {
+    margin-bottom: -1px; }
+  .nav-tabs .nav-link {
+    border: 1px solid transparent;
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem; }
+    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+      border-color: #e9ecef #e9ecef #dee2e6; }
+    .nav-tabs .nav-link.disabled {
+      color: #6c757d;
+      background-color: transparent;
+      border-color: transparent; }
+  .nav-tabs .nav-link.active,
+  .nav-tabs .nav-item.show .nav-link {
+    color: #495057;
+    background-color: #fff;
+    border-color: #dee2e6 #dee2e6 #fff; }
+  .nav-tabs .dropdown-menu {
+    margin-top: -1px;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0; }
+
+.nav-pills .nav-link {
+  border-radius: 0.25rem; }
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  color: #fff;
+  background-color: #78932c; }
+
+.nav-fill .nav-item {
+  flex: 1 1 auto;
+  text-align: center; }
+
+.nav-justified .nav-item {
+  flex-basis: 0;
+  flex-grow: 1;
+  text-align: center; }
+
+.tab-content > .tab-pane {
+  display: none; }
+.tab-content > .active {
+  display: block; }
+
+.navbar {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem 1rem; }
+  .navbar > .container,
+  .navbar > .container-fluid {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between; }
+
+.navbar-brand {
+  display: inline-block;
+  padding-top: 0.3125rem;
+  padding-bottom: 0.3125rem;
+  margin-right: 1rem;
+  font-size: 1.25rem;
+  line-height: inherit;
+  white-space: nowrap; }
+  .navbar-brand:hover, .navbar-brand:focus {
+    text-decoration: none; }
+
+.navbar-nav {
+  display: flex;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none; }
+  .navbar-nav .nav-link {
+    padding-right: 0;
+    padding-left: 0; }
+  .navbar-nav .dropdown-menu {
+    position: static;
+    float: none; }
+
+.navbar-text {
+  display: inline-block;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem; }
+
+.navbar-collapse {
+  flex-basis: 100%;
+  flex-grow: 1;
+  align-items: center; }
+
+.navbar-toggler {
+  padding: 0.25rem 0.75rem;
+  font-size: 1.25rem;
+  line-height: 1;
+  background-color: transparent;
+  border: 1px solid transparent;
+  border-radius: 0.25rem; }
+  .navbar-toggler:hover, .navbar-toggler:focus {
+    text-decoration: none; }
+  .navbar-toggler:not(:disabled):not(.disabled) {
+    cursor: pointer; }
+
+.navbar-toggler-icon {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  vertical-align: middle;
+  content: "";
+  background: no-repeat center center;
+  background-size: 100% 100%; }
+
+@media (max-width: 575.98px) {
+  .navbar-expand-sm > .container,
+  .navbar-expand-sm > .container-fluid {
+    padding-right: 0;
+    padding-left: 0; } }
+@media (min-width: 576px) {
+  .navbar-expand-sm {
+    flex-flow: row nowrap;
+    justify-content: flex-start; }
+    .navbar-expand-sm .navbar-nav {
+      flex-direction: row; }
+      .navbar-expand-sm .navbar-nav .dropdown-menu {
+        position: absolute; }
+      .navbar-expand-sm .navbar-nav .dropdown-menu-right {
+        right: 0;
+        left: auto; }
+      .navbar-expand-sm .navbar-nav .nav-link {
+        padding-right: 0.5rem;
+        padding-left: 0.5rem; }
+    .navbar-expand-sm > .container,
+    .navbar-expand-sm > .container-fluid {
+      flex-wrap: nowrap; }
+    .navbar-expand-sm .navbar-collapse {
+      display: flex !important;
+      flex-basis: auto; }
+    .navbar-expand-sm .navbar-toggler {
+      display: none; }
+    .navbar-expand-sm .dropup .dropdown-menu {
+      top: auto;
+      bottom: 100%; } }
+@media (max-width: 767.98px) {
+  .navbar-expand-md > .container,
+  .navbar-expand-md > .container-fluid {
+    padding-right: 0;
+    padding-left: 0; } }
+@media (min-width: 768px) {
+  .navbar-expand-md {
+    flex-flow: row nowrap;
+    justify-content: flex-start; }
+    .navbar-expand-md .navbar-nav {
+      flex-direction: row; }
+      .navbar-expand-md .navbar-nav .dropdown-menu {
+        position: absolute; }
+      .navbar-expand-md .navbar-nav .dropdown-menu-right {
+        right: 0;
+        left: auto; }
+      .navbar-expand-md .navbar-nav .nav-link {
+        padding-right: 0.5rem;
+        padding-left: 0.5rem; }
+    .navbar-expand-md > .container,
+    .navbar-expand-md > .container-fluid {
+      flex-wrap: nowrap; }
+    .navbar-expand-md .navbar-collapse {
+      display: flex !important;
+      flex-basis: auto; }
+    .navbar-expand-md .navbar-toggler {
+      display: none; }
+    .navbar-expand-md .dropup .dropdown-menu {
+      top: auto;
+      bottom: 100%; } }
+@media (max-width: 991.98px) {
+  .navbar-expand-lg > .container,
+  .navbar-expand-lg > .container-fluid {
+    padding-right: 0;
+    padding-left: 0; } }
+@media (min-width: 992px) {
+  .navbar-expand-lg {
+    flex-flow: row nowrap;
+    justify-content: flex-start; }
+    .navbar-expand-lg .navbar-nav {
+      flex-direction: row; }
+      .navbar-expand-lg .navbar-nav .dropdown-menu {
+        position: absolute; }
+      .navbar-expand-lg .navbar-nav .dropdown-menu-right {
+        right: 0;
+        left: auto; }
+      .navbar-expand-lg .navbar-nav .nav-link {
+        padding-right: 0.5rem;
+        padding-left: 0.5rem; }
+    .navbar-expand-lg > .container,
+    .navbar-expand-lg > .container-fluid {
+      flex-wrap: nowrap; }
+    .navbar-expand-lg .navbar-collapse {
+      display: flex !important;
+      flex-basis: auto; }
+    .navbar-expand-lg .navbar-toggler {
+      display: none; }
+    .navbar-expand-lg .dropup .dropdown-menu {
+      top: auto;
+      bottom: 100%; } }
+@media (max-width: 1199.98px) {
+  .navbar-expand-xl > .container,
+  .navbar-expand-xl > .container-fluid {
+    padding-right: 0;
+    padding-left: 0; } }
+@media (min-width: 1200px) {
+  .navbar-expand-xl {
+    flex-flow: row nowrap;
+    justify-content: flex-start; }
+    .navbar-expand-xl .navbar-nav {
+      flex-direction: row; }
+      .navbar-expand-xl .navbar-nav .dropdown-menu {
+        position: absolute; }
+      .navbar-expand-xl .navbar-nav .dropdown-menu-right {
+        right: 0;
+        left: auto; }
+      .navbar-expand-xl .navbar-nav .nav-link {
+        padding-right: 0.5rem;
+        padding-left: 0.5rem; }
+    .navbar-expand-xl > .container,
+    .navbar-expand-xl > .container-fluid {
+      flex-wrap: nowrap; }
+    .navbar-expand-xl .navbar-collapse {
+      display: flex !important;
+      flex-basis: auto; }
+    .navbar-expand-xl .navbar-toggler {
+      display: none; }
+    .navbar-expand-xl .dropup .dropdown-menu {
+      top: auto;
+      bottom: 100%; } }
+.navbar-expand {
+  flex-flow: row nowrap;
+  justify-content: flex-start; }
+  .navbar-expand > .container,
+  .navbar-expand > .container-fluid {
+    padding-right: 0;
+    padding-left: 0; }
+  .navbar-expand .navbar-nav {
+    flex-direction: row; }
+    .navbar-expand .navbar-nav .dropdown-menu {
+      position: absolute; }
+    .navbar-expand .navbar-nav .dropdown-menu-right {
+      right: 0;
+      left: auto; }
+    .navbar-expand .navbar-nav .nav-link {
+      padding-right: 0.5rem;
+      padding-left: 0.5rem; }
+  .navbar-expand > .container,
+  .navbar-expand > .container-fluid {
+    flex-wrap: nowrap; }
+  .navbar-expand .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto; }
+  .navbar-expand .navbar-toggler {
+    display: none; }
+  .navbar-expand .dropup .dropdown-menu {
+    top: auto;
+    bottom: 100%; }
+
+.navbar-light .navbar-brand {
+  color: rgba(0, 0, 0, 0.9); }
+  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
+    color: rgba(0, 0, 0, 0.9); }
+.navbar-light .navbar-nav .nav-link {
+  color: rgba(0, 0, 0, 0.5); }
+  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
+    color: rgba(0, 0, 0, 0.7); }
+  .navbar-light .navbar-nav .nav-link.disabled {
+    color: rgba(0, 0, 0, 0.3); }
+.navbar-light .navbar-nav .show > .nav-link,
+.navbar-light .navbar-nav .active > .nav-link,
+.navbar-light .navbar-nav .nav-link.show,
+.navbar-light .navbar-nav .nav-link.active {
+  color: rgba(0, 0, 0, 0.9); }
+.navbar-light .navbar-toggler {
+  color: rgba(0, 0, 0, 0.5);
+  border-color: rgba(0, 0, 0, 0.1); }
+.navbar-light .navbar-toggler-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
+.navbar-light .navbar-text {
+  color: rgba(0, 0, 0, 0.5); }
+  .navbar-light .navbar-text a {
+    color: rgba(0, 0, 0, 0.9); }
+    .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
+      color: rgba(0, 0, 0, 0.9); }
+
+.navbar-dark .navbar-brand {
+  color: #fff; }
+  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
+    color: #fff; }
+.navbar-dark .navbar-nav .nav-link {
+  color: rgba(255, 255, 255, 0.5); }
+  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
+    color: rgba(255, 255, 255, 0.75); }
+  .navbar-dark .navbar-nav .nav-link.disabled {
+    color: rgba(255, 255, 255, 0.25); }
+.navbar-dark .navbar-nav .show > .nav-link,
+.navbar-dark .navbar-nav .active > .nav-link,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .nav-link.active {
+  color: #fff; }
+.navbar-dark .navbar-toggler {
+  color: rgba(255, 255, 255, 0.5);
+  border-color: rgba(255, 255, 255, 0.1); }
+.navbar-dark .navbar-toggler-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
+.navbar-dark .navbar-text {
+  color: rgba(255, 255, 255, 0.5); }
+  .navbar-dark .navbar-text a {
+    color: #fff; }
+    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
+      color: #fff; }
+
+.card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: border-box;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  border-radius: 0.25rem; }
+  .card > hr {
+    margin-right: 0;
+    margin-left: 0; }
+  .card > .list-group:first-child .list-group-item:first-child {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem; }
+  .card > .list-group:last-child .list-group-item:last-child {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem; }
+
+.card-body {
+  flex: 1 1 auto;
+  padding: 1.25rem; }
+
+.card-title {
+  margin-bottom: 0.75rem; }
+
+.card-subtitle {
+  margin-top: -0.375rem;
+  margin-bottom: 0; }
+
+.card-text:last-child {
+  margin-bottom: 0; }
+
+.card-link:hover {
+  text-decoration: none; }
+.card-link + .card-link {
+  margin-left: 1.25rem; }
+
+.card-header {
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 0;
+  background-color: rgba(0, 0, 0, 0.03);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
+  .card-header:first-child {
+    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
+  .card-header + .list-group .list-group-item:first-child {
+    border-top: 0; }
+
+.card-footer {
+  padding: 0.75rem 1.25rem;
+  background-color: rgba(0, 0, 0, 0.03);
+  border-top: 1px solid rgba(0, 0, 0, 0.125); }
+  .card-footer:last-child {
+    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }
+
+.card-header-tabs {
+  margin-right: -0.625rem;
+  margin-bottom: -0.75rem;
+  margin-left: -0.625rem;
+  border-bottom: 0; }
+
+.card-header-pills {
+  margin-right: -0.625rem;
+  margin-left: -0.625rem; }
+
+.card-img-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 1.25rem; }
+
+.card-img {
+  width: 100%;
+  border-radius: calc(0.25rem - 1px); }
+
+.card-img-top {
+  width: 100%;
+  border-top-left-radius: calc(0.25rem - 1px);
+  border-top-right-radius: calc(0.25rem - 1px); }
+
+.card-img-bottom {
+  width: 100%;
+  border-bottom-right-radius: calc(0.25rem - 1px);
+  border-bottom-left-radius: calc(0.25rem - 1px); }
+
+.card-deck {
+  display: flex;
+  flex-direction: column; }
+  .card-deck .card {
+    margin-bottom: 15px; }
+  @media (min-width: 576px) {
+    .card-deck {
+      flex-flow: row wrap;
+      margin-right: -15px;
+      margin-left: -15px; }
+      .card-deck .card {
+        display: flex;
+        flex: 1 0 0%;
+        flex-direction: column;
+        margin-right: 15px;
+        margin-bottom: 0;
+        margin-left: 15px; } }
+
+.card-group {
+  display: flex;
+  flex-direction: column; }
+  .card-group > .card {
+    margin-bottom: 15px; }
+  @media (min-width: 576px) {
+    .card-group {
+      flex-flow: row wrap; }
+      .card-group > .card {
+        flex: 1 0 0%;
+        margin-bottom: 0; }
+        .card-group > .card + .card {
+          margin-left: 0;
+          border-left: 0; }
+        .card-group > .card:first-child {
+          border-top-right-radius: 0;
+          border-bottom-right-radius: 0; }
+          .card-group > .card:first-child .card-img-top,
+          .card-group > .card:first-child .card-header {
+            border-top-right-radius: 0; }
+          .card-group > .card:first-child .card-img-bottom,
+          .card-group > .card:first-child .card-footer {
+            border-bottom-right-radius: 0; }
+        .card-group > .card:last-child {
+          border-top-left-radius: 0;
+          border-bottom-left-radius: 0; }
+          .card-group > .card:last-child .card-img-top,
+          .card-group > .card:last-child .card-header {
+            border-top-left-radius: 0; }
+          .card-group > .card:last-child .card-img-bottom,
+          .card-group > .card:last-child .card-footer {
+            border-bottom-left-radius: 0; }
+        .card-group > .card:only-child {
+          border-radius: 0.25rem; }
+          .card-group > .card:only-child .card-img-top,
+          .card-group > .card:only-child .card-header {
+            border-top-left-radius: 0.25rem;
+            border-top-right-radius: 0.25rem; }
+          .card-group > .card:only-child .card-img-bottom,
+          .card-group > .card:only-child .card-footer {
+            border-bottom-right-radius: 0.25rem;
+            border-bottom-left-radius: 0.25rem; }
+        .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
+          border-radius: 0; }
+          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
+          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
+          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
+          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
+            border-radius: 0; } }
+
+.card-columns .card {
+  margin-bottom: 0.75rem; }
+@media (min-width: 576px) {
+  .card-columns {
+    column-count: 3;
+    column-gap: 1.25rem; }
+    .card-columns .card {
+      display: inline-block;
+      width: 100%; } }
+
+.breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0.75rem 1rem;
+  margin-bottom: 1rem;
+  list-style: none;
+  background-color: #e9ecef;
+  border-radius: 0.25rem; }
+
+.breadcrumb-item + .breadcrumb-item::before {
+  display: inline-block;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+  color: #6c757d;
+  content: "/"; }
+.breadcrumb-item + .breadcrumb-item:hover::before {
+  text-decoration: underline; }
+.breadcrumb-item + .breadcrumb-item:hover::before {
+  text-decoration: none; }
+.breadcrumb-item.active {
+  color: #6c757d; }
+
+.pagination {
+  display: flex;
+  padding-left: 0;
+  list-style: none;
+  border-radius: 0.25rem; }
+
+.page-link {
+  position: relative;
+  display: block;
+  padding: 0.5rem 0.75rem;
+  margin-left: -1px;
+  line-height: 1.25;
+  color: #78932c;
+  background-color: #fff;
+  border: 1px solid #dee2e6; }
+  .page-link:hover {
+    color: #48581a;
+    text-decoration: none;
+    background-color: #e9ecef;
+    border-color: #dee2e6; }
+  .page-link:focus {
+    z-index: 2;
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem rgba(120, 147, 44, 0.25); }
+  .page-link:not(:disabled):not(.disabled) {
+    cursor: pointer; }
+
+.page-item:first-child .page-link {
+  margin-left: 0;
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem; }
+.page-item:last-child .page-link {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem; }
+.page-item.active .page-link {
+  z-index: 1;
+  color: #fff;
+  background-color: #78932c;
+  border-color: #78932c; }
+.page-item.disabled .page-link {
+  color: #6c757d;
+  pointer-events: none;
+  cursor: auto;
+  background-color: #fff;
+  border-color: #dee2e6; }
+
+.pagination-lg .page-link {
+  padding: 0.75rem 1.5rem;
+  font-size: 1.25rem;
+  line-height: 1.5; }
+.pagination-lg .page-item:first-child .page-link {
+  border-top-left-radius: 0.3rem;
+  border-bottom-left-radius: 0.3rem; }
+.pagination-lg .page-item:last-child .page-link {
+  border-top-right-radius: 0.3rem;
+  border-bottom-right-radius: 0.3rem; }
+
+.pagination-sm .page-link {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5; }
+.pagination-sm .page-item:first-child .page-link {
+  border-top-left-radius: 0.2rem;
+  border-bottom-left-radius: 0.2rem; }
+.pagination-sm .page-item:last-child .page-link {
+  border-top-right-radius: 0.2rem;
+  border-bottom-right-radius: 0.2rem; }
+
+.badge {
+  display: inline-block;
+  padding: 0.25em 0.4em;
+  font-size: 75%;
+  font-weight: 700;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: 0.25rem; }
+  .badge:empty {
+    display: none; }
+
+.btn .badge {
+  position: relative;
+  top: -1px; }
+
+.badge-pill {
+  padding-right: 0.6em;
+  padding-left: 0.6em;
+  border-radius: 10rem; }
+
+.badge-primary {
+  color: #fff;
+  background-color: #78932c; }
+  .badge-primary[href]:hover, .badge-primary[href]:focus {
+    color: #fff;
+    text-decoration: none;
+    background-color: #586c20; }
+
+.badge-secondary {
+  color: #fff;
+  background-color: #c12766; }
+  .badge-secondary[href]:hover, .badge-secondary[href]:focus {
+    color: #fff;
+    text-decoration: none;
+    background-color: #971e50; }
+
+.badge-success {
+  color: #fff;
+  background-color: #28a745; }
+  .badge-success[href]:hover, .badge-success[href]:focus {
+    color: #fff;
+    text-decoration: none;
+    background-color: #1e7e34; }
+
+.badge-info {
+  color: #fff;
+  background-color: #17a2b8; }
+  .badge-info[href]:hover, .badge-info[href]:focus {
+    color: #fff;
+    text-decoration: none;
+    background-color: #117a8b; }
+
+.badge-warning {
+  color: #212529;
+  background-color: #ffc107; }
+  .badge-warning[href]:hover, .badge-warning[href]:focus {
+    color: #212529;
+    text-decoration: none;
+    background-color: #d39e00; }
+
+.badge-danger {
+  color: #fff;
+  background-color: #dc3545; }
+  .badge-danger[href]:hover, .badge-danger[href]:focus {
+    color: #fff;
+    text-decoration: none;
+    background-color: #bd2130; }
+
+.badge-light {
+  color: #212529;
+  background-color: #f8f9fa; }
+  .badge-light[href]:hover, .badge-light[href]:focus {
+    color: #212529;
+    text-decoration: none;
+    background-color: #dae0e5; }
+
+.badge-dark {
+  color: #fff;
+  background-color: #343a40; }
+  .badge-dark[href]:hover, .badge-dark[href]:focus {
+    color: #fff;
+    text-decoration: none;
+    background-color: #1d2124; }
+
+.jumbotron {
+  padding: 2rem 1rem;
+  margin-bottom: 2rem;
+  background-color: #e9ecef;
+  border-radius: 0.3rem; }
+  @media (min-width: 576px) {
+    .jumbotron {
+      padding: 4rem 2rem; } }
+
+.jumbotron-fluid {
+  padding-right: 0;
+  padding-left: 0;
+  border-radius: 0; }
+
+.alert {
+  position: relative;
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 1rem;
+  border: 1px solid transparent;
+  border-radius: 0.25rem; }
+
+.alert-heading {
+  color: inherit; }
+
+.alert-link {
+  font-weight: 700; }
+
+.alert-dismissible {
+  padding-right: 4rem; }
+  .alert-dismissible .close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 0.75rem 1.25rem;
+    color: inherit; }
+
+.alert-primary {
+  color: #3e4c17;
+  background-color: #e4e9d5;
+  border-color: #d9e1c4; }
+  .alert-primary hr {
+    border-top-color: #ced8b3; }
+  .alert-primary .alert-link {
+    color: #1e250b; }
+
+.alert-secondary {
+  color: #641435;
+  background-color: #f3d4e0;
+  border-color: #eec3d4; }
+  .alert-secondary hr {
+    border-top-color: #e8afc6; }
+  .alert-secondary .alert-link {
+    color: #3a0c1e; }
+
+.alert-success {
+  color: #155724;
+  background-color: #d4edda;
+  border-color: #c3e6cb; }
+  .alert-success hr {
+    border-top-color: #b1dfbb; }
+  .alert-success .alert-link {
+    color: #0b2e13; }
+
+.alert-info {
+  color: #0c5460;
+  background-color: #d1ecf1;
+  border-color: #bee5eb; }
+  .alert-info hr {
+    border-top-color: #abdde5; }
+  .alert-info .alert-link {
+    color: #062c33; }
+
+.alert-warning {
+  color: #856404;
+  background-color: #fff3cd;
+  border-color: #ffeeba; }
+  .alert-warning hr {
+    border-top-color: #ffe8a1; }
+  .alert-warning .alert-link {
+    color: #533f03; }
+
+.alert-danger {
+  color: #721c24;
+  background-color: #f8d7da;
+  border-color: #f5c6cb; }
+  .alert-danger hr {
+    border-top-color: #f1b0b7; }
+  .alert-danger .alert-link {
+    color: #491217; }
+
+.alert-light {
+  color: #818182;
+  background-color: #fefefe;
+  border-color: #fdfdfe; }
+  .alert-light hr {
+    border-top-color: #ececf6; }
+  .alert-light .alert-link {
+    color: #686868; }
+
+.alert-dark {
+  color: #1b1e21;
+  background-color: #d6d8d9;
+  border-color: #c6c8ca; }
+  .alert-dark hr {
+    border-top-color: #b9bbbe; }
+  .alert-dark .alert-link {
+    color: #040505; }
+
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 1rem 0; }
+  to {
+    background-position: 0 0; } }
+.progress {
+  display: flex;
+  height: 1rem;
+  overflow: hidden;
+  font-size: 0.75rem;
+  background-color: #e9ecef;
+  border-radius: 0.25rem; }
+
+.progress-bar {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  color: #fff;
+  text-align: center;
+  background-color: #78932c;
+  transition: width 0.6s ease; }
+
+.progress-bar-striped {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: 1rem 1rem; }
+
+.progress-bar-animated {
+  animation: progress-bar-stripes 1s linear infinite; }
+
+.media {
+  display: flex;
+  align-items: flex-start; }
+
+.media-body {
+  flex: 1; }
+
+.list-group {
+  display: flex;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0; }
+
+.list-group-item-action {
+  width: 100%;
+  color: #495057;
+  text-align: inherit; }
+  .list-group-item-action:hover, .list-group-item-action:focus {
+    color: #495057;
+    text-decoration: none;
+    background-color: #f8f9fa; }
+  .list-group-item-action:active {
+    color: #212529;
+    background-color: #e9ecef; }
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 0.75rem 1.25rem;
+  margin-bottom: -1px;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.125); }
+  .list-group-item:first-child {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem; }
+  .list-group-item:last-child {
+    margin-bottom: 0;
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem; }
+  .list-group-item:hover, .list-group-item:focus {
+    z-index: 1;
+    text-decoration: none; }
+  .list-group-item.disabled, .list-group-item:disabled {
+    color: #6c757d;
+    background-color: #fff; }
+  .list-group-item.active {
+    z-index: 2;
+    color: #fff;
+    background-color: #78932c;
+    border-color: #78932c; }
+
+.list-group-flush .list-group-item {
+  border-right: 0;
+  border-left: 0;
+  border-radius: 0; }
+.list-group-flush:first-child .list-group-item:first-child {
+  border-top: 0; }
+.list-group-flush:last-child .list-group-item:last-child {
+  border-bottom: 0; }
+
+.list-group-item-primary {
+  color: #3e4c17;
+  background-color: #d9e1c4; }
+  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
+    color: #3e4c17;
+    background-color: #ced8b3; }
+  .list-group-item-primary.list-group-item-action.active {
+    color: #fff;
+    background-color: #3e4c17;
+    border-color: #3e4c17; }
+
+.list-group-item-secondary {
+  color: #641435;
+  background-color: #eec3d4; }
+  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
+    color: #641435;
+    background-color: #e8afc6; }
+  .list-group-item-secondary.list-group-item-action.active {
+    color: #fff;
+    background-color: #641435;
+    border-color: #641435; }
+
+.list-group-item-success {
+  color: #155724;
+  background-color: #c3e6cb; }
+  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
+    color: #155724;
+    background-color: #b1dfbb; }
+  .list-group-item-success.list-group-item-action.active {
+    color: #fff;
+    background-color: #155724;
+    border-color: #155724; }
+
+.list-group-item-info {
+  color: #0c5460;
+  background-color: #bee5eb; }
+  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
+    color: #0c5460;
+    background-color: #abdde5; }
+  .list-group-item-info.list-group-item-action.active {
+    color: #fff;
+    background-color: #0c5460;
+    border-color: #0c5460; }
+
+.list-group-item-warning {
+  color: #856404;
+  background-color: #ffeeba; }
+  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
+    color: #856404;
+    background-color: #ffe8a1; }
+  .list-group-item-warning.list-group-item-action.active {
+    color: #fff;
+    background-color: #856404;
+    border-color: #856404; }
+
+.list-group-item-danger {
+  color: #721c24;
+  background-color: #f5c6cb; }
+  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
+    color: #721c24;
+    background-color: #f1b0b7; }
+  .list-group-item-danger.list-group-item-action.active {
+    color: #fff;
+    background-color: #721c24;
+    border-color: #721c24; }
+
+.list-group-item-light {
+  color: #818182;
+  background-color: #fdfdfe; }
+  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
+    color: #818182;
+    background-color: #ececf6; }
+  .list-group-item-light.list-group-item-action.active {
+    color: #fff;
+    background-color: #818182;
+    border-color: #818182; }
+
+.list-group-item-dark {
+  color: #1b1e21;
+  background-color: #c6c8ca; }
+  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
+    color: #1b1e21;
+    background-color: #b9bbbe; }
+  .list-group-item-dark.list-group-item-action.active {
+    color: #fff;
+    background-color: #1b1e21;
+    border-color: #1b1e21; }
+
+.close {
+  float: right;
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 1;
+  color: #000;
+  text-shadow: 0 1px 0 #fff;
+  opacity: .5; }
+  .close:hover, .close:focus {
+    color: #000;
+    text-decoration: none;
+    opacity: .75; }
+  .close:not(:disabled):not(.disabled) {
+    cursor: pointer; }
+
+button.close {
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+  -webkit-appearance: none; }
+
+.modal-open {
+  overflow: hidden; }
+
+.modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1050;
+  display: none;
+  overflow: hidden;
+  outline: 0; }
+  .modal-open .modal {
+    overflow-x: hidden;
+    overflow-y: auto; }
+
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 0.5rem;
+  pointer-events: none; }
+  .modal.fade .modal-dialog {
+    transition: transform 0.3s ease-out;
+    transform: translate(0, -25%); }
+  .modal.show .modal-dialog {
+    transform: translate(0, 0); }
+
+.modal-dialog-centered {
+  display: flex;
+  align-items: center;
+  min-height: calc(100% - (0.5rem * 2)); }
+
+.modal-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  pointer-events: auto;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 0.3rem;
+  outline: 0; }
+
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: #000; }
+  .modal-backdrop.fade {
+    opacity: 0; }
+  .modal-backdrop.show {
+    opacity: 0.5; }
+
+.modal-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  padding: 1rem;
+  border-bottom: 1px solid #e9ecef;
+  border-top-left-radius: 0.3rem;
+  border-top-right-radius: 0.3rem; }
+  .modal-header .close {
+    padding: 1rem;
+    margin: -1rem -1rem -1rem auto; }
+
+.modal-title {
+  margin-bottom: 0;
+  line-height: 1.5; }
+
+.modal-body {
+  position: relative;
+  flex: 1 1 auto;
+  padding: 1rem; }
+
+.modal-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 1rem;
+  border-top: 1px solid #e9ecef; }
+  .modal-footer > :not(:first-child) {
+    margin-left: .25rem; }
+  .modal-footer > :not(:last-child) {
+    margin-right: .25rem; }
+
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll; }
+
+@media (min-width: 576px) {
+  .modal-dialog {
+    max-width: 500px;
+    margin: 1.75rem auto; }
+
+  .modal-dialog-centered {
+    min-height: calc(100% - (1.75rem * 2)); }
+
+  .modal-sm {
+    max-width: 300px; } }
+@media (min-width: 992px) {
+  .modal-lg {
+    max-width: 800px; } }
+.tooltip {
+  position: absolute;
+  z-index: 1070;
+  display: block;
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  white-space: normal;
+  line-break: auto;
+  font-size: 0.875rem;
+  word-wrap: break-word;
+  opacity: 0; }
+  .tooltip.show {
+    opacity: 0.9; }
+  .tooltip .arrow {
+    position: absolute;
+    display: block;
+    width: 0.8rem;
+    height: 0.4rem; }
+    .tooltip .arrow::before {
+      position: absolute;
+      content: "";
+      border-color: transparent;
+      border-style: solid; }
+
+.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
+  padding: 0.4rem 0; }
+  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
+    bottom: 0; }
+    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
+      top: 0;
+      border-width: 0.4rem 0.4rem 0;
+      border-top-color: #000; }
+
+.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
+  padding: 0 0.4rem; }
+  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
+    left: 0;
+    width: 0.4rem;
+    height: 0.8rem; }
+    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
+      right: 0;
+      border-width: 0.4rem 0.4rem 0.4rem 0;
+      border-right-color: #000; }
+
+.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
+  padding: 0.4rem 0; }
+  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
+    top: 0; }
+    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
+      bottom: 0;
+      border-width: 0 0.4rem 0.4rem;
+      border-bottom-color: #000; }
+
+.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
+  padding: 0 0.4rem; }
+  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
+    right: 0;
+    width: 0.4rem;
+    height: 0.8rem; }
+    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
+      left: 0;
+      border-width: 0.4rem 0 0.4rem 0.4rem;
+      border-left-color: #000; }
+
+.tooltip-inner {
+  max-width: 200px;
+  padding: 0.25rem 0.5rem;
+  color: #fff;
+  text-align: center;
+  background-color: #000;
+  border-radius: 0.25rem; }
+
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1060;
+  display: block;
+  max-width: 276px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  white-space: normal;
+  line-break: auto;
+  font-size: 0.875rem;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 0.3rem; }
+  .popover .arrow {
+    position: absolute;
+    display: block;
+    width: 1rem;
+    height: 0.5rem;
+    margin: 0 0.3rem; }
+    .popover .arrow::before, .popover .arrow::after {
+      position: absolute;
+      display: block;
+      content: "";
+      border-color: transparent;
+      border-style: solid; }
+
+.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
+  margin-bottom: 0.5rem; }
+  .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
+    bottom: calc((0.5rem + 1px) * -1); }
+  .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
+  .bs-popover-top .arrow::after,
+  .bs-popover-auto[x-placement^="top"] .arrow::after {
+    border-width: 0.5rem 0.5rem 0; }
+  .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
+    bottom: 0;
+    border-top-color: rgba(0, 0, 0, 0.25); }
+  .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
+    bottom: 1px;
+    border-top-color: #fff; }
+
+.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
+  margin-left: 0.5rem; }
+  .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
+    left: calc((0.5rem + 1px) * -1);
+    width: 0.5rem;
+    height: 1rem;
+    margin: 0.3rem 0; }
+  .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
+  .bs-popover-right .arrow::after,
+  .bs-popover-auto[x-placement^="right"] .arrow::after {
+    border-width: 0.5rem 0.5rem 0.5rem 0; }
+  .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
+    left: 0;
+    border-right-color: rgba(0, 0, 0, 0.25); }
+  .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
+    left: 1px;
+    border-right-color: #fff; }
+
+.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
+  margin-top: 0.5rem; }
+  .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
+    top: calc((0.5rem + 1px) * -1); }
+  .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
+  .bs-popover-bottom .arrow::after,
+  .bs-popover-auto[x-placement^="bottom"] .arrow::after {
+    border-width: 0 0.5rem 0.5rem 0.5rem; }
+  .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
+    top: 0;
+    border-bottom-color: rgba(0, 0, 0, 0.25); }
+  .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
+    top: 1px;
+    border-bottom-color: #fff; }
+  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    display: block;
+    width: 1rem;
+    margin-left: -0.5rem;
+    content: "";
+    border-bottom: 1px solid #f7f7f7; }
+
+.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
+  margin-right: 0.5rem; }
+  .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
+    right: calc((0.5rem + 1px) * -1);
+    width: 0.5rem;
+    height: 1rem;
+    margin: 0.3rem 0; }
+  .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
+  .bs-popover-left .arrow::after,
+  .bs-popover-auto[x-placement^="left"] .arrow::after {
+    border-width: 0.5rem 0 0.5rem 0.5rem; }
+  .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
+    right: 0;
+    border-left-color: rgba(0, 0, 0, 0.25); }
+  .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
+    right: 1px;
+    border-left-color: #fff; }
+
+.popover-header {
+  padding: 0.5rem 0.75rem;
+  margin-bottom: 0;
+  font-size: 1rem;
+  color: inherit;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
+  border-top-left-radius: calc(0.3rem - 1px);
+  border-top-right-radius: calc(0.3rem - 1px); }
+  .popover-header:empty {
+    display: none; }
+
+.popover-body {
+  padding: 0.5rem 0.75rem;
+  color: #212529; }
+
+.carousel {
+  position: relative; }
+
+.carousel-inner {
+  position: relative;
+  width: 100%;
+  overflow: hidden; }
+
+.carousel-item {
+  position: relative;
+  display: none;
+  align-items: center;
+  width: 100%;
+  transition: transform 0.6s ease;
+  backface-visibility: hidden;
+  perspective: 1000px; }
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+  display: block; }
+
+.carousel-item-next,
+.carousel-item-prev {
+  position: absolute;
+  top: 0; }
+
+.carousel-item-next.carousel-item-left,
+.carousel-item-prev.carousel-item-right {
+  transform: translateX(0); }
+  @supports (transform-style: preserve-3d) {
+    .carousel-item-next.carousel-item-left,
+    .carousel-item-prev.carousel-item-right {
+      transform: translate3d(0, 0, 0); } }
+
+.carousel-item-next,
+.active.carousel-item-right {
+  transform: translateX(100%); }
+  @supports (transform-style: preserve-3d) {
+    .carousel-item-next,
+    .active.carousel-item-right {
+      transform: translate3d(100%, 0, 0); } }
+
+.carousel-item-prev,
+.active.carousel-item-left {
+  transform: translateX(-100%); }
+  @supports (transform-style: preserve-3d) {
+    .carousel-item-prev,
+    .active.carousel-item-left {
+      transform: translate3d(-100%, 0, 0); } }
+
+.carousel-control-prev,
+.carousel-control-next {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 15%;
+  color: #fff;
+  text-align: center;
+  opacity: 0.5; }
+  .carousel-control-prev:hover, .carousel-control-prev:focus,
+  .carousel-control-next:hover,
+  .carousel-control-next:focus {
+    color: #fff;
+    text-decoration: none;
+    outline: 0;
+    opacity: .9; }
+
+.carousel-control-prev {
+  left: 0; }
+
+.carousel-control-next {
+  right: 0; }
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background: transparent no-repeat center center;
+  background-size: 100% 100%; }
+
+.carousel-control-prev-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
+
+.carousel-control-next-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
+
+.carousel-indicators {
+  position: absolute;
+  right: 0;
+  bottom: 10px;
+  left: 0;
+  z-index: 15;
+  display: flex;
+  justify-content: center;
+  padding-left: 0;
+  margin-right: 15%;
+  margin-left: 15%;
+  list-style: none; }
+  .carousel-indicators li {
+    position: relative;
+    flex: 0 1 auto;
+    width: 30px;
+    height: 3px;
+    margin-right: 3px;
+    margin-left: 3px;
+    text-indent: -999px;
+    background-color: rgba(255, 255, 255, 0.5); }
+    .carousel-indicators li::before {
+      position: absolute;
+      top: -10px;
+      left: 0;
+      display: inline-block;
+      width: 100%;
+      height: 10px;
+      content: ""; }
+    .carousel-indicators li::after {
+      position: absolute;
+      bottom: -10px;
+      left: 0;
+      display: inline-block;
+      width: 100%;
+      height: 10px;
+      content: ""; }
+  .carousel-indicators .active {
+    background-color: #fff; }
+
+.carousel-caption {
+  position: absolute;
+  right: 15%;
+  bottom: 20px;
+  left: 15%;
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: #fff;
+  text-align: center; }
+
+.align-baseline {
+  vertical-align: baseline !important; }
+
+.align-top {
+  vertical-align: top !important; }
+
+.align-middle {
+  vertical-align: middle !important; }
+
+.align-bottom {
+  vertical-align: bottom !important; }
+
+.align-text-bottom {
+  vertical-align: text-bottom !important; }
+
+.align-text-top {
+  vertical-align: text-top !important; }
+
+.bg-primary {
+  background-color: #78932c !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #586c20 !important; }
+
+.bg-secondary {
+  background-color: #c12766 !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #971e50 !important; }
+
+.bg-success {
+  background-color: #28a745 !important; }
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #1e7e34 !important; }
+
+.bg-info {
+  background-color: #17a2b8 !important; }
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+  background-color: #117a8b !important; }
+
+.bg-warning {
+  background-color: #ffc107 !important; }
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #d39e00 !important; }
+
+.bg-danger {
+  background-color: #dc3545 !important; }
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #bd2130 !important; }
+
+.bg-light {
+  background-color: #f8f9fa !important; }
+
+a.bg-light:hover, a.bg-light:focus,
+button.bg-light:hover,
+button.bg-light:focus {
+  background-color: #dae0e5 !important; }
+
+.bg-dark {
+  background-color: #343a40 !important; }
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #1d2124 !important; }
+
+.bg-white {
+  background-color: #fff !important; }
+
+.bg-transparent {
+  background-color: transparent !important; }
+
+.border {
+  border: 1px solid #dee2e6 !important; }
+
+.border-top {
+  border-top: 1px solid #dee2e6 !important; }
+
+.border-right {
+  border-right: 1px solid #dee2e6 !important; }
+
+.border-bottom {
+  border-bottom: 1px solid #dee2e6 !important; }
+
+.border-left {
+  border-left: 1px solid #dee2e6 !important; }
+
+.border-0 {
+  border: 0 !important; }
+
+.border-top-0 {
+  border-top: 0 !important; }
+
+.border-right-0 {
+  border-right: 0 !important; }
+
+.border-bottom-0 {
+  border-bottom: 0 !important; }
+
+.border-left-0 {
+  border-left: 0 !important; }
+
+.border-primary {
+  border-color: #78932c !important; }
+
+.border-secondary {
+  border-color: #c12766 !important; }
+
+.border-success {
+  border-color: #28a745 !important; }
+
+.border-info {
+  border-color: #17a2b8 !important; }
+
+.border-warning {
+  border-color: #ffc107 !important; }
+
+.border-danger {
+  border-color: #dc3545 !important; }
+
+.border-light {
+  border-color: #f8f9fa !important; }
+
+.border-dark {
+  border-color: #343a40 !important; }
+
+.border-white {
+  border-color: #fff !important; }
+
+.rounded {
+  border-radius: 0.25rem !important; }
+
+.rounded-top {
+  border-top-left-radius: 0.25rem !important;
+  border-top-right-radius: 0.25rem !important; }
+
+.rounded-right {
+  border-top-right-radius: 0.25rem !important;
+  border-bottom-right-radius: 0.25rem !important; }
+
+.rounded-bottom {
+  border-bottom-right-radius: 0.25rem !important;
+  border-bottom-left-radius: 0.25rem !important; }
+
+.rounded-left {
+  border-top-left-radius: 0.25rem !important;
+  border-bottom-left-radius: 0.25rem !important; }
+
+.rounded-circle {
+  border-radius: 50% !important; }
+
+.rounded-0 {
+  border-radius: 0 !important; }
+
+.clearfix::after {
+  display: block;
+  clear: both;
+  content: ""; }
+
+.d-none {
+  display: none !important; }
+
+.d-inline {
+  display: inline !important; }
+
+.d-inline-block {
+  display: inline-block !important; }
+
+.d-block {
+  display: block !important; }
+
+.d-table {
+  display: table !important; }
+
+.d-table-row {
+  display: table-row !important; }
+
+.d-table-cell {
+  display: table-cell !important; }
+
+.d-flex {
+  display: flex !important; }
+
+.d-inline-flex {
+  display: inline-flex !important; }
+
+@media (min-width: 576px) {
+  .d-sm-none {
+    display: none !important; }
+
+  .d-sm-inline {
+    display: inline !important; }
+
+  .d-sm-inline-block {
+    display: inline-block !important; }
+
+  .d-sm-block {
+    display: block !important; }
+
+  .d-sm-table {
+    display: table !important; }
+
+  .d-sm-table-row {
+    display: table-row !important; }
+
+  .d-sm-table-cell {
+    display: table-cell !important; }
+
+  .d-sm-flex {
+    display: flex !important; }
+
+  .d-sm-inline-flex {
+    display: inline-flex !important; } }
+@media (min-width: 768px) {
+  .d-md-none {
+    display: none !important; }
+
+  .d-md-inline {
+    display: inline !important; }
+
+  .d-md-inline-block {
+    display: inline-block !important; }
+
+  .d-md-block {
+    display: block !important; }
+
+  .d-md-table {
+    display: table !important; }
+
+  .d-md-table-row {
+    display: table-row !important; }
+
+  .d-md-table-cell {
+    display: table-cell !important; }
+
+  .d-md-flex {
+    display: flex !important; }
+
+  .d-md-inline-flex {
+    display: inline-flex !important; } }
+@media (min-width: 992px) {
+  .d-lg-none {
+    display: none !important; }
+
+  .d-lg-inline {
+    display: inline !important; }
+
+  .d-lg-inline-block {
+    display: inline-block !important; }
+
+  .d-lg-block {
+    display: block !important; }
+
+  .d-lg-table {
+    display: table !important; }
+
+  .d-lg-table-row {
+    display: table-row !important; }
+
+  .d-lg-table-cell {
+    display: table-cell !important; }
+
+  .d-lg-flex {
+    display: flex !important; }
+
+  .d-lg-inline-flex {
+    display: inline-flex !important; } }
+@media (min-width: 1200px) {
+  .d-xl-none {
+    display: none !important; }
+
+  .d-xl-inline {
+    display: inline !important; }
+
+  .d-xl-inline-block {
+    display: inline-block !important; }
+
+  .d-xl-block {
+    display: block !important; }
+
+  .d-xl-table {
+    display: table !important; }
+
+  .d-xl-table-row {
+    display: table-row !important; }
+
+  .d-xl-table-cell {
+    display: table-cell !important; }
+
+  .d-xl-flex {
+    display: flex !important; }
+
+  .d-xl-inline-flex {
+    display: inline-flex !important; } }
+@media print {
+  .d-print-none {
+    display: none !important; }
+
+  .d-print-inline {
+    display: inline !important; }
+
+  .d-print-inline-block {
+    display: inline-block !important; }
+
+  .d-print-block {
+    display: block !important; }
+
+  .d-print-table {
+    display: table !important; }
+
+  .d-print-table-row {
+    display: table-row !important; }
+
+  .d-print-table-cell {
+    display: table-cell !important; }
+
+  .d-print-flex {
+    display: flex !important; }
+
+  .d-print-inline-flex {
+    display: inline-flex !important; } }
+.embed-responsive {
+  position: relative;
+  display: block;
+  width: 100%;
+  padding: 0;
+  overflow: hidden; }
+  .embed-responsive::before {
+    display: block;
+    content: ""; }
+  .embed-responsive .embed-responsive-item,
+  .embed-responsive iframe,
+  .embed-responsive embed,
+  .embed-responsive object,
+  .embed-responsive video {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 0; }
+
+.embed-responsive-21by9::before {
+  padding-top: 42.8571428571%; }
+
+.embed-responsive-16by9::before {
+  padding-top: 56.25%; }
+
+.embed-responsive-4by3::before {
+  padding-top: 75%; }
+
+.embed-responsive-1by1::before {
+  padding-top: 100%; }
+
+.flex-row {
+  flex-direction: row !important; }
+
+.flex-column {
+  flex-direction: column !important; }
+
+.flex-row-reverse {
+  flex-direction: row-reverse !important; }
+
+.flex-column-reverse {
+  flex-direction: column-reverse !important; }
+
+.flex-wrap {
+  flex-wrap: wrap !important; }
+
+.flex-nowrap {
+  flex-wrap: nowrap !important; }
+
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse !important; }
+
+.justify-content-start {
+  justify-content: flex-start !important; }
+
+.justify-content-end {
+  justify-content: flex-end !important; }
+
+.justify-content-center {
+  justify-content: center !important; }
+
+.justify-content-between {
+  justify-content: space-between !important; }
+
+.justify-content-around {
+  justify-content: space-around !important; }
+
+.align-items-start {
+  align-items: flex-start !important; }
+
+.align-items-end {
+  align-items: flex-end !important; }
+
+.align-items-center {
+  align-items: center !important; }
+
+.align-items-baseline {
+  align-items: baseline !important; }
+
+.align-items-stretch {
+  align-items: stretch !important; }
+
+.align-content-start {
+  align-content: flex-start !important; }
+
+.align-content-end {
+  align-content: flex-end !important; }
+
+.align-content-center {
+  align-content: center !important; }
+
+.align-content-between {
+  align-content: space-between !important; }
+
+.align-content-around {
+  align-content: space-around !important; }
+
+.align-content-stretch {
+  align-content: stretch !important; }
+
+.align-self-auto {
+  align-self: auto !important; }
+
+.align-self-start {
+  align-self: flex-start !important; }
+
+.align-self-end {
+  align-self: flex-end !important; }
+
+.align-self-center {
+  align-self: center !important; }
+
+.align-self-baseline {
+  align-self: baseline !important; }
+
+.align-self-stretch {
+  align-self: stretch !important; }
+
+@media (min-width: 576px) {
+  .flex-sm-row {
+    flex-direction: row !important; }
+
+  .flex-sm-column {
+    flex-direction: column !important; }
+
+  .flex-sm-row-reverse {
+    flex-direction: row-reverse !important; }
+
+  .flex-sm-column-reverse {
+    flex-direction: column-reverse !important; }
+
+  .flex-sm-wrap {
+    flex-wrap: wrap !important; }
+
+  .flex-sm-nowrap {
+    flex-wrap: nowrap !important; }
+
+  .flex-sm-wrap-reverse {
+    flex-wrap: wrap-reverse !important; }
+
+  .justify-content-sm-start {
+    justify-content: flex-start !important; }
+
+  .justify-content-sm-end {
+    justify-content: flex-end !important; }
+
+  .justify-content-sm-center {
+    justify-content: center !important; }
+
+  .justify-content-sm-between {
+    justify-content: space-between !important; }
+
+  .justify-content-sm-around {
+    justify-content: space-around !important; }
+
+  .align-items-sm-start {
+    align-items: flex-start !important; }
+
+  .align-items-sm-end {
+    align-items: flex-end !important; }
+
+  .align-items-sm-center {
+    align-items: center !important; }
+
+  .align-items-sm-baseline {
+    align-items: baseline !important; }
+
+  .align-items-sm-stretch {
+    align-items: stretch !important; }
+
+  .align-content-sm-start {
+    align-content: flex-start !important; }
+
+  .align-content-sm-end {
+    align-content: flex-end !important; }
+
+  .align-content-sm-center {
+    align-content: center !important; }
+
+  .align-content-sm-between {
+    align-content: space-between !important; }
+
+  .align-content-sm-around {
+    align-content: space-around !important; }
+
+  .align-content-sm-stretch {
+    align-content: stretch !important; }
+
+  .align-self-sm-auto {
+    align-self: auto !important; }
+
+  .align-self-sm-start {
+    align-self: flex-start !important; }
+
+  .align-self-sm-end {
+    align-self: flex-end !important; }
+
+  .align-self-sm-center {
+    align-self: center !important; }
+
+  .align-self-sm-baseline {
+    align-self: baseline !important; }
+
+  .align-self-sm-stretch {
+    align-self: stretch !important; } }
+@media (min-width: 768px) {
+  .flex-md-row {
+    flex-direction: row !important; }
+
+  .flex-md-column {
+    flex-direction: column !important; }
+
+  .flex-md-row-reverse {
+    flex-direction: row-reverse !important; }
+
+  .flex-md-column-reverse {
+    flex-direction: column-reverse !important; }
+
+  .flex-md-wrap {
+    flex-wrap: wrap !important; }
+
+  .flex-md-nowrap {
+    flex-wrap: nowrap !important; }
+
+  .flex-md-wrap-reverse {
+    flex-wrap: wrap-reverse !important; }
+
+  .justify-content-md-start {
+    justify-content: flex-start !important; }
+
+  .justify-content-md-end {
+    justify-content: flex-end !important; }
+
+  .justify-content-md-center {
+    justify-content: center !important; }
+
+  .justify-content-md-between {
+    justify-content: space-between !important; }
+
+  .justify-content-md-around {
+    justify-content: space-around !important; }
+
+  .align-items-md-start {
+    align-items: flex-start !important; }
+
+  .align-items-md-end {
+    align-items: flex-end !important; }
+
+  .align-items-md-center {
+    align-items: center !important; }
+
+  .align-items-md-baseline {
+    align-items: baseline !important; }
+
+  .align-items-md-stretch {
+    align-items: stretch !important; }
+
+  .align-content-md-start {
+    align-content: flex-start !important; }
+
+  .align-content-md-end {
+    align-content: flex-end !important; }
+
+  .align-content-md-center {
+    align-content: center !important; }
+
+  .align-content-md-between {
+    align-content: space-between !important; }
+
+  .align-content-md-around {
+    align-content: space-around !important; }
+
+  .align-content-md-stretch {
+    align-content: stretch !important; }
+
+  .align-self-md-auto {
+    align-self: auto !important; }
+
+  .align-self-md-start {
+    align-self: flex-start !important; }
+
+  .align-self-md-end {
+    align-self: flex-end !important; }
+
+  .align-self-md-center {
+    align-self: center !important; }
+
+  .align-self-md-baseline {
+    align-self: baseline !important; }
+
+  .align-self-md-stretch {
+    align-self: stretch !important; } }
+@media (min-width: 992px) {
+  .flex-lg-row {
+    flex-direction: row !important; }
+
+  .flex-lg-column {
+    flex-direction: column !important; }
+
+  .flex-lg-row-reverse {
+    flex-direction: row-reverse !important; }
+
+  .flex-lg-column-reverse {
+    flex-direction: column-reverse !important; }
+
+  .flex-lg-wrap {
+    flex-wrap: wrap !important; }
+
+  .flex-lg-nowrap {
+    flex-wrap: nowrap !important; }
+
+  .flex-lg-wrap-reverse {
+    flex-wrap: wrap-reverse !important; }
+
+  .justify-content-lg-start {
+    justify-content: flex-start !important; }
+
+  .justify-content-lg-end {
+    justify-content: flex-end !important; }
+
+  .justify-content-lg-center {
+    justify-content: center !important; }
+
+  .justify-content-lg-between {
+    justify-content: space-between !important; }
+
+  .justify-content-lg-around {
+    justify-content: space-around !important; }
+
+  .align-items-lg-start {
+    align-items: flex-start !important; }
+
+  .align-items-lg-end {
+    align-items: flex-end !important; }
+
+  .align-items-lg-center {
+    align-items: center !important; }
+
+  .align-items-lg-baseline {
+    align-items: baseline !important; }
+
+  .align-items-lg-stretch {
+    align-items: stretch !important; }
+
+  .align-content-lg-start {
+    align-content: flex-start !important; }
+
+  .align-content-lg-end {
+    align-content: flex-end !important; }
+
+  .align-content-lg-center {
+    align-content: center !important; }
+
+  .align-content-lg-between {
+    align-content: space-between !important; }
+
+  .align-content-lg-around {
+    align-content: space-around !important; }
+
+  .align-content-lg-stretch {
+    align-content: stretch !important; }
+
+  .align-self-lg-auto {
+    align-self: auto !important; }
+
+  .align-self-lg-start {
+    align-self: flex-start !important; }
+
+  .align-self-lg-end {
+    align-self: flex-end !important; }
+
+  .align-self-lg-center {
+    align-self: center !important; }
+
+  .align-self-lg-baseline {
+    align-self: baseline !important; }
+
+  .align-self-lg-stretch {
+    align-self: stretch !important; } }
+@media (min-width: 1200px) {
+  .flex-xl-row {
+    flex-direction: row !important; }
+
+  .flex-xl-column {
+    flex-direction: column !important; }
+
+  .flex-xl-row-reverse {
+    flex-direction: row-reverse !important; }
+
+  .flex-xl-column-reverse {
+    flex-direction: column-reverse !important; }
+
+  .flex-xl-wrap {
+    flex-wrap: wrap !important; }
+
+  .flex-xl-nowrap {
+    flex-wrap: nowrap !important; }
+
+  .flex-xl-wrap-reverse {
+    flex-wrap: wrap-reverse !important; }
+
+  .justify-content-xl-start {
+    justify-content: flex-start !important; }
+
+  .justify-content-xl-end {
+    justify-content: flex-end !important; }
+
+  .justify-content-xl-center {
+    justify-content: center !important; }
+
+  .justify-content-xl-between {
+    justify-content: space-between !important; }
+
+  .justify-content-xl-around {
+    justify-content: space-around !important; }
+
+  .align-items-xl-start {
+    align-items: flex-start !important; }
+
+  .align-items-xl-end {
+    align-items: flex-end !important; }
+
+  .align-items-xl-center {
+    align-items: center !important; }
+
+  .align-items-xl-baseline {
+    align-items: baseline !important; }
+
+  .align-items-xl-stretch {
+    align-items: stretch !important; }
+
+  .align-content-xl-start {
+    align-content: flex-start !important; }
+
+  .align-content-xl-end {
+    align-content: flex-end !important; }
+
+  .align-content-xl-center {
+    align-content: center !important; }
+
+  .align-content-xl-between {
+    align-content: space-between !important; }
+
+  .align-content-xl-around {
+    align-content: space-around !important; }
+
+  .align-content-xl-stretch {
+    align-content: stretch !important; }
+
+  .align-self-xl-auto {
+    align-self: auto !important; }
+
+  .align-self-xl-start {
+    align-self: flex-start !important; }
+
+  .align-self-xl-end {
+    align-self: flex-end !important; }
+
+  .align-self-xl-center {
+    align-self: center !important; }
+
+  .align-self-xl-baseline {
+    align-self: baseline !important; }
+
+  .align-self-xl-stretch {
+    align-self: stretch !important; } }
+.float-left {
+  float: left !important; }
+
+.float-right {
+  float: right !important; }
+
+.float-none {
+  float: none !important; }
+
+@media (min-width: 576px) {
+  .float-sm-left {
+    float: left !important; }
+
+  .float-sm-right {
+    float: right !important; }
+
+  .float-sm-none {
+    float: none !important; } }
+@media (min-width: 768px) {
+  .float-md-left {
+    float: left !important; }
+
+  .float-md-right {
+    float: right !important; }
+
+  .float-md-none {
+    float: none !important; } }
+@media (min-width: 992px) {
+  .float-lg-left {
+    float: left !important; }
+
+  .float-lg-right {
+    float: right !important; }
+
+  .float-lg-none {
+    float: none !important; } }
+@media (min-width: 1200px) {
+  .float-xl-left {
+    float: left !important; }
+
+  .float-xl-right {
+    float: right !important; }
+
+  .float-xl-none {
+    float: none !important; } }
+.position-static {
+  position: static !important; }
+
+.position-relative {
+  position: relative !important; }
+
+.position-absolute {
+  position: absolute !important; }
+
+.position-fixed {
+  position: fixed !important; }
+
+.position-sticky {
+  position: sticky !important; }
+
+.fixed-top {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030; }
+
+.fixed-bottom {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1030; }
+
+@supports (position: sticky) {
+  .sticky-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020; } }
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  clip-path: inset(50%);
+  border: 0; }
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+  clip-path: none; }
+
+.w-25 {
+  width: 25% !important; }
+
+.w-50 {
+  width: 50% !important; }
+
+.w-75 {
+  width: 75% !important; }
+
+.w-100 {
+  width: 100% !important; }
+
+.h-25 {
+  height: 25% !important; }
+
+.h-50 {
+  height: 50% !important; }
+
+.h-75 {
+  height: 75% !important; }
+
+.h-100 {
+  height: 100% !important; }
+
+.mw-100 {
+  max-width: 100% !important; }
+
+.mh-100 {
+  max-height: 100% !important; }
+
+.m-0 {
+  margin: 0 !important; }
+
+.mt-0,
+.my-0 {
+  margin-top: 0 !important; }
+
+.mr-0,
+.mx-0 {
+  margin-right: 0 !important; }
+
+.mb-0,
+.my-0 {
+  margin-bottom: 0 !important; }
+
+.ml-0,
+.mx-0 {
+  margin-left: 0 !important; }
+
+.m-1 {
+  margin: 0.25rem !important; }
+
+.mt-1,
+.my-1 {
+  margin-top: 0.25rem !important; }
+
+.mr-1,
+.mx-1 {
+  margin-right: 0.25rem !important; }
+
+.mb-1,
+.my-1 {
+  margin-bottom: 0.25rem !important; }
+
+.ml-1,
+.mx-1 {
+  margin-left: 0.25rem !important; }
+
+.m-2 {
+  margin: 0.5rem !important; }
+
+.mt-2,
+.my-2 {
+  margin-top: 0.5rem !important; }
+
+.mr-2,
+.mx-2 {
+  margin-right: 0.5rem !important; }
+
+.mb-2,
+.my-2 {
+  margin-bottom: 0.5rem !important; }
+
+.ml-2,
+.mx-2 {
+  margin-left: 0.5rem !important; }
+
+.m-3 {
+  margin: 1rem !important; }
+
+.mt-3,
+.my-3 {
+  margin-top: 1rem !important; }
+
+.mr-3,
+.mx-3 {
+  margin-right: 1rem !important; }
+
+.mb-3,
+.my-3 {
+  margin-bottom: 1rem !important; }
+
+.ml-3,
+.mx-3 {
+  margin-left: 1rem !important; }
+
+.m-4 {
+  margin: 1.5rem !important; }
+
+.mt-4,
+.my-4 {
+  margin-top: 1.5rem !important; }
+
+.mr-4,
+.mx-4 {
+  margin-right: 1.5rem !important; }
+
+.mb-4,
+.my-4 {
+  margin-bottom: 1.5rem !important; }
+
+.ml-4,
+.mx-4 {
+  margin-left: 1.5rem !important; }
+
+.m-5 {
+  margin: 3rem !important; }
+
+.mt-5,
+.my-5 {
+  margin-top: 3rem !important; }
+
+.mr-5,
+.mx-5 {
+  margin-right: 3rem !important; }
+
+.mb-5,
+.my-5 {
+  margin-bottom: 3rem !important; }
+
+.ml-5,
+.mx-5 {
+  margin-left: 3rem !important; }
+
+.p-0 {
+  padding: 0 !important; }
+
+.pt-0,
+.py-0 {
+  padding-top: 0 !important; }
+
+.pr-0,
+.px-0 {
+  padding-right: 0 !important; }
+
+.pb-0,
+.py-0 {
+  padding-bottom: 0 !important; }
+
+.pl-0,
+.px-0 {
+  padding-left: 0 !important; }
+
+.p-1 {
+  padding: 0.25rem !important; }
+
+.pt-1,
+.py-1 {
+  padding-top: 0.25rem !important; }
+
+.pr-1,
+.px-1 {
+  padding-right: 0.25rem !important; }
+
+.pb-1,
+.py-1 {
+  padding-bottom: 0.25rem !important; }
+
+.pl-1,
+.px-1 {
+  padding-left: 0.25rem !important; }
+
+.p-2 {
+  padding: 0.5rem !important; }
+
+.pt-2,
+.py-2 {
+  padding-top: 0.5rem !important; }
+
+.pr-2,
+.px-2 {
+  padding-right: 0.5rem !important; }
+
+.pb-2,
+.py-2 {
+  padding-bottom: 0.5rem !important; }
+
+.pl-2,
+.px-2 {
+  padding-left: 0.5rem !important; }
+
+.p-3 {
+  padding: 1rem !important; }
+
+.pt-3,
+.py-3 {
+  padding-top: 1rem !important; }
+
+.pr-3,
+.px-3 {
+  padding-right: 1rem !important; }
+
+.pb-3,
+.py-3 {
+  padding-bottom: 1rem !important; }
+
+.pl-3,
+.px-3 {
+  padding-left: 1rem !important; }
+
+.p-4 {
+  padding: 1.5rem !important; }
+
+.pt-4,
+.py-4 {
+  padding-top: 1.5rem !important; }
+
+.pr-4,
+.px-4 {
+  padding-right: 1.5rem !important; }
+
+.pb-4,
+.py-4 {
+  padding-bottom: 1.5rem !important; }
+
+.pl-4,
+.px-4 {
+  padding-left: 1.5rem !important; }
+
+.p-5 {
+  padding: 3rem !important; }
+
+.pt-5,
+.py-5 {
+  padding-top: 3rem !important; }
+
+.pr-5,
+.px-5 {
+  padding-right: 3rem !important; }
+
+.pb-5,
+.py-5 {
+  padding-bottom: 3rem !important; }
+
+.pl-5,
+.px-5 {
+  padding-left: 3rem !important; }
+
+.m-auto {
+  margin: auto !important; }
+
+.mt-auto,
+.my-auto {
+  margin-top: auto !important; }
+
+.mr-auto,
+.mx-auto {
+  margin-right: auto !important; }
+
+.mb-auto,
+.my-auto {
+  margin-bottom: auto !important; }
+
+.ml-auto,
+.mx-auto {
+  margin-left: auto !important; }
+
+@media (min-width: 576px) {
+  .m-sm-0 {
+    margin: 0 !important; }
+
+  .mt-sm-0,
+  .my-sm-0 {
+    margin-top: 0 !important; }
+
+  .mr-sm-0,
+  .mx-sm-0 {
+    margin-right: 0 !important; }
+
+  .mb-sm-0,
+  .my-sm-0 {
+    margin-bottom: 0 !important; }
+
+  .ml-sm-0,
+  .mx-sm-0 {
+    margin-left: 0 !important; }
+
+  .m-sm-1 {
+    margin: 0.25rem !important; }
+
+  .mt-sm-1,
+  .my-sm-1 {
+    margin-top: 0.25rem !important; }
+
+  .mr-sm-1,
+  .mx-sm-1 {
+    margin-right: 0.25rem !important; }
+
+  .mb-sm-1,
+  .my-sm-1 {
+    margin-bottom: 0.25rem !important; }
+
+  .ml-sm-1,
+  .mx-sm-1 {
+    margin-left: 0.25rem !important; }
+
+  .m-sm-2 {
+    margin: 0.5rem !important; }
+
+  .mt-sm-2,
+  .my-sm-2 {
+    margin-top: 0.5rem !important; }
+
+  .mr-sm-2,
+  .mx-sm-2 {
+    margin-right: 0.5rem !important; }
+
+  .mb-sm-2,
+  .my-sm-2 {
+    margin-bottom: 0.5rem !important; }
+
+  .ml-sm-2,
+  .mx-sm-2 {
+    margin-left: 0.5rem !important; }
+
+  .m-sm-3 {
+    margin: 1rem !important; }
+
+  .mt-sm-3,
+  .my-sm-3 {
+    margin-top: 1rem !important; }
+
+  .mr-sm-3,
+  .mx-sm-3 {
+    margin-right: 1rem !important; }
+
+  .mb-sm-3,
+  .my-sm-3 {
+    margin-bottom: 1rem !important; }
+
+  .ml-sm-3,
+  .mx-sm-3 {
+    margin-left: 1rem !important; }
+
+  .m-sm-4 {
+    margin: 1.5rem !important; }
+
+  .mt-sm-4,
+  .my-sm-4 {
+    margin-top: 1.5rem !important; }
+
+  .mr-sm-4,
+  .mx-sm-4 {
+    margin-right: 1.5rem !important; }
+
+  .mb-sm-4,
+  .my-sm-4 {
+    margin-bottom: 1.5rem !important; }
+
+  .ml-sm-4,
+  .mx-sm-4 {
+    margin-left: 1.5rem !important; }
+
+  .m-sm-5 {
+    margin: 3rem !important; }
+
+  .mt-sm-5,
+  .my-sm-5 {
+    margin-top: 3rem !important; }
+
+  .mr-sm-5,
+  .mx-sm-5 {
+    margin-right: 3rem !important; }
+
+  .mb-sm-5,
+  .my-sm-5 {
+    margin-bottom: 3rem !important; }
+
+  .ml-sm-5,
+  .mx-sm-5 {
+    margin-left: 3rem !important; }
+
+  .p-sm-0 {
+    padding: 0 !important; }
+
+  .pt-sm-0,
+  .py-sm-0 {
+    padding-top: 0 !important; }
+
+  .pr-sm-0,
+  .px-sm-0 {
+    padding-right: 0 !important; }
+
+  .pb-sm-0,
+  .py-sm-0 {
+    padding-bottom: 0 !important; }
+
+  .pl-sm-0,
+  .px-sm-0 {
+    padding-left: 0 !important; }
+
+  .p-sm-1 {
+    padding: 0.25rem !important; }
+
+  .pt-sm-1,
+  .py-sm-1 {
+    padding-top: 0.25rem !important; }
+
+  .pr-sm-1,
+  .px-sm-1 {
+    padding-right: 0.25rem !important; }
+
+  .pb-sm-1,
+  .py-sm-1 {
+    padding-bottom: 0.25rem !important; }
+
+  .pl-sm-1,
+  .px-sm-1 {
+    padding-left: 0.25rem !important; }
+
+  .p-sm-2 {
+    padding: 0.5rem !important; }
+
+  .pt-sm-2,
+  .py-sm-2 {
+    padding-top: 0.5rem !important; }
+
+  .pr-sm-2,
+  .px-sm-2 {
+    padding-right: 0.5rem !important; }
+
+  .pb-sm-2,
+  .py-sm-2 {
+    padding-bottom: 0.5rem !important; }
+
+  .pl-sm-2,
+  .px-sm-2 {
+    padding-left: 0.5rem !important; }
+
+  .p-sm-3 {
+    padding: 1rem !important; }
+
+  .pt-sm-3,
+  .py-sm-3 {
+    padding-top: 1rem !important; }
+
+  .pr-sm-3,
+  .px-sm-3 {
+    padding-right: 1rem !important; }
+
+  .pb-sm-3,
+  .py-sm-3 {
+    padding-bottom: 1rem !important; }
+
+  .pl-sm-3,
+  .px-sm-3 {
+    padding-left: 1rem !important; }
+
+  .p-sm-4 {
+    padding: 1.5rem !important; }
+
+  .pt-sm-4,
+  .py-sm-4 {
+    padding-top: 1.5rem !important; }
+
+  .pr-sm-4,
+  .px-sm-4 {
+    padding-right: 1.5rem !important; }
+
+  .pb-sm-4,
+  .py-sm-4 {
+    padding-bottom: 1.5rem !important; }
+
+  .pl-sm-4,
+  .px-sm-4 {
+    padding-left: 1.5rem !important; }
+
+  .p-sm-5 {
+    padding: 3rem !important; }
+
+  .pt-sm-5,
+  .py-sm-5 {
+    padding-top: 3rem !important; }
+
+  .pr-sm-5,
+  .px-sm-5 {
+    padding-right: 3rem !important; }
+
+  .pb-sm-5,
+  .py-sm-5 {
+    padding-bottom: 3rem !important; }
+
+  .pl-sm-5,
+  .px-sm-5 {
+    padding-left: 3rem !important; }
+
+  .m-sm-auto {
+    margin: auto !important; }
+
+  .mt-sm-auto,
+  .my-sm-auto {
+    margin-top: auto !important; }
+
+  .mr-sm-auto,
+  .mx-sm-auto {
+    margin-right: auto !important; }
+
+  .mb-sm-auto,
+  .my-sm-auto {
+    margin-bottom: auto !important; }
+
+  .ml-sm-auto,
+  .mx-sm-auto {
+    margin-left: auto !important; } }
+@media (min-width: 768px) {
+  .m-md-0 {
+    margin: 0 !important; }
+
+  .mt-md-0,
+  .my-md-0 {
+    margin-top: 0 !important; }
+
+  .mr-md-0,
+  .mx-md-0 {
+    margin-right: 0 !important; }
+
+  .mb-md-0,
+  .my-md-0 {
+    margin-bottom: 0 !important; }
+
+  .ml-md-0,
+  .mx-md-0 {
+    margin-left: 0 !important; }
+
+  .m-md-1 {
+    margin: 0.25rem !important; }
+
+  .mt-md-1,
+  .my-md-1 {
+    margin-top: 0.25rem !important; }
+
+  .mr-md-1,
+  .mx-md-1 {
+    margin-right: 0.25rem !important; }
+
+  .mb-md-1,
+  .my-md-1 {
+    margin-bottom: 0.25rem !important; }
+
+  .ml-md-1,
+  .mx-md-1 {
+    margin-left: 0.25rem !important; }
+
+  .m-md-2 {
+    margin: 0.5rem !important; }
+
+  .mt-md-2,
+  .my-md-2 {
+    margin-top: 0.5rem !important; }
+
+  .mr-md-2,
+  .mx-md-2 {
+    margin-right: 0.5rem !important; }
+
+  .mb-md-2,
+  .my-md-2 {
+    margin-bottom: 0.5rem !important; }
+
+  .ml-md-2,
+  .mx-md-2 {
+    margin-left: 0.5rem !important; }
+
+  .m-md-3 {
+    margin: 1rem !important; }
+
+  .mt-md-3,
+  .my-md-3 {
+    margin-top: 1rem !important; }
+
+  .mr-md-3,
+  .mx-md-3 {
+    margin-right: 1rem !important; }
+
+  .mb-md-3,
+  .my-md-3 {
+    margin-bottom: 1rem !important; }
+
+  .ml-md-3,
+  .mx-md-3 {
+    margin-left: 1rem !important; }
+
+  .m-md-4 {
+    margin: 1.5rem !important; }
+
+  .mt-md-4,
+  .my-md-4 {
+    margin-top: 1.5rem !important; }
+
+  .mr-md-4,
+  .mx-md-4 {
+    margin-right: 1.5rem !important; }
+
+  .mb-md-4,
+  .my-md-4 {
+    margin-bottom: 1.5rem !important; }
+
+  .ml-md-4,
+  .mx-md-4 {
+    margin-left: 1.5rem !important; }
+
+  .m-md-5 {
+    margin: 3rem !important; }
+
+  .mt-md-5,
+  .my-md-5 {
+    margin-top: 3rem !important; }
+
+  .mr-md-5,
+  .mx-md-5 {
+    margin-right: 3rem !important; }
+
+  .mb-md-5,
+  .my-md-5 {
+    margin-bottom: 3rem !important; }
+
+  .ml-md-5,
+  .mx-md-5 {
+    margin-left: 3rem !important; }
+
+  .p-md-0 {
+    padding: 0 !important; }
+
+  .pt-md-0,
+  .py-md-0 {
+    padding-top: 0 !important; }
+
+  .pr-md-0,
+  .px-md-0 {
+    padding-right: 0 !important; }
+
+  .pb-md-0,
+  .py-md-0 {
+    padding-bottom: 0 !important; }
+
+  .pl-md-0,
+  .px-md-0 {
+    padding-left: 0 !important; }
+
+  .p-md-1 {
+    padding: 0.25rem !important; }
+
+  .pt-md-1,
+  .py-md-1 {
+    padding-top: 0.25rem !important; }
+
+  .pr-md-1,
+  .px-md-1 {
+    padding-right: 0.25rem !important; }
+
+  .pb-md-1,
+  .py-md-1 {
+    padding-bottom: 0.25rem !important; }
+
+  .pl-md-1,
+  .px-md-1 {
+    padding-left: 0.25rem !important; }
+
+  .p-md-2 {
+    padding: 0.5rem !important; }
+
+  .pt-md-2,
+  .py-md-2 {
+    padding-top: 0.5rem !important; }
+
+  .pr-md-2,
+  .px-md-2 {
+    padding-right: 0.5rem !important; }
+
+  .pb-md-2,
+  .py-md-2 {
+    padding-bottom: 0.5rem !important; }
+
+  .pl-md-2,
+  .px-md-2 {
+    padding-left: 0.5rem !important; }
+
+  .p-md-3 {
+    padding: 1rem !important; }
+
+  .pt-md-3,
+  .py-md-3 {
+    padding-top: 1rem !important; }
+
+  .pr-md-3,
+  .px-md-3 {
+    padding-right: 1rem !important; }
+
+  .pb-md-3,
+  .py-md-3 {
+    padding-bottom: 1rem !important; }
+
+  .pl-md-3,
+  .px-md-3 {
+    padding-left: 1rem !important; }
+
+  .p-md-4 {
+    padding: 1.5rem !important; }
+
+  .pt-md-4,
+  .py-md-4 {
+    padding-top: 1.5rem !important; }
+
+  .pr-md-4,
+  .px-md-4 {
+    padding-right: 1.5rem !important; }
+
+  .pb-md-4,
+  .py-md-4 {
+    padding-bottom: 1.5rem !important; }
+
+  .pl-md-4,
+  .px-md-4 {
+    padding-left: 1.5rem !important; }
+
+  .p-md-5 {
+    padding: 3rem !important; }
+
+  .pt-md-5,
+  .py-md-5 {
+    padding-top: 3rem !important; }
+
+  .pr-md-5,
+  .px-md-5 {
+    padding-right: 3rem !important; }
+
+  .pb-md-5,
+  .py-md-5 {
+    padding-bottom: 3rem !important; }
+
+  .pl-md-5,
+  .px-md-5 {
+    padding-left: 3rem !important; }
+
+  .m-md-auto {
+    margin: auto !important; }
+
+  .mt-md-auto,
+  .my-md-auto {
+    margin-top: auto !important; }
+
+  .mr-md-auto,
+  .mx-md-auto {
+    margin-right: auto !important; }
+
+  .mb-md-auto,
+  .my-md-auto {
+    margin-bottom: auto !important; }
+
+  .ml-md-auto,
+  .mx-md-auto {
+    margin-left: auto !important; } }
+@media (min-width: 992px) {
+  .m-lg-0 {
+    margin: 0 !important; }
+
+  .mt-lg-0,
+  .my-lg-0 {
+    margin-top: 0 !important; }
+
+  .mr-lg-0,
+  .mx-lg-0 {
+    margin-right: 0 !important; }
+
+  .mb-lg-0,
+  .my-lg-0 {
+    margin-bottom: 0 !important; }
+
+  .ml-lg-0,
+  .mx-lg-0 {
+    margin-left: 0 !important; }
+
+  .m-lg-1 {
+    margin: 0.25rem !important; }
+
+  .mt-lg-1,
+  .my-lg-1 {
+    margin-top: 0.25rem !important; }
+
+  .mr-lg-1,
+  .mx-lg-1 {
+    margin-right: 0.25rem !important; }
+
+  .mb-lg-1,
+  .my-lg-1 {
+    margin-bottom: 0.25rem !important; }
+
+  .ml-lg-1,
+  .mx-lg-1 {
+    margin-left: 0.25rem !important; }
+
+  .m-lg-2 {
+    margin: 0.5rem !important; }
+
+  .mt-lg-2,
+  .my-lg-2 {
+    margin-top: 0.5rem !important; }
+
+  .mr-lg-2,
+  .mx-lg-2 {
+    margin-right: 0.5rem !important; }
+
+  .mb-lg-2,
+  .my-lg-2 {
+    margin-bottom: 0.5rem !important; }
+
+  .ml-lg-2,
+  .mx-lg-2 {
+    margin-left: 0.5rem !important; }
+
+  .m-lg-3 {
+    margin: 1rem !important; }
+
+  .mt-lg-3,
+  .my-lg-3 {
+    margin-top: 1rem !important; }
+
+  .mr-lg-3,
+  .mx-lg-3 {
+    margin-right: 1rem !important; }
+
+  .mb-lg-3,
+  .my-lg-3 {
+    margin-bottom: 1rem !important; }
+
+  .ml-lg-3,
+  .mx-lg-3 {
+    margin-left: 1rem !important; }
+
+  .m-lg-4 {
+    margin: 1.5rem !important; }
+
+  .mt-lg-4,
+  .my-lg-4 {
+    margin-top: 1.5rem !important; }
+
+  .mr-lg-4,
+  .mx-lg-4 {
+    margin-right: 1.5rem !important; }
+
+  .mb-lg-4,
+  .my-lg-4 {
+    margin-bottom: 1.5rem !important; }
+
+  .ml-lg-4,
+  .mx-lg-4 {
+    margin-left: 1.5rem !important; }
+
+  .m-lg-5 {
+    margin: 3rem !important; }
+
+  .mt-lg-5,
+  .my-lg-5 {
+    margin-top: 3rem !important; }
+
+  .mr-lg-5,
+  .mx-lg-5 {
+    margin-right: 3rem !important; }
+
+  .mb-lg-5,
+  .my-lg-5 {
+    margin-bottom: 3rem !important; }
+
+  .ml-lg-5,
+  .mx-lg-5 {
+    margin-left: 3rem !important; }
+
+  .p-lg-0 {
+    padding: 0 !important; }
+
+  .pt-lg-0,
+  .py-lg-0 {
+    padding-top: 0 !important; }
+
+  .pr-lg-0,
+  .px-lg-0 {
+    padding-right: 0 !important; }
+
+  .pb-lg-0,
+  .py-lg-0 {
+    padding-bottom: 0 !important; }
+
+  .pl-lg-0,
+  .px-lg-0 {
+    padding-left: 0 !important; }
+
+  .p-lg-1 {
+    padding: 0.25rem !important; }
+
+  .pt-lg-1,
+  .py-lg-1 {
+    padding-top: 0.25rem !important; }
+
+  .pr-lg-1,
+  .px-lg-1 {
+    padding-right: 0.25rem !important; }
+
+  .pb-lg-1,
+  .py-lg-1 {
+    padding-bottom: 0.25rem !important; }
+
+  .pl-lg-1,
+  .px-lg-1 {
+    padding-left: 0.25rem !important; }
+
+  .p-lg-2 {
+    padding: 0.5rem !important; }
+
+  .pt-lg-2,
+  .py-lg-2 {
+    padding-top: 0.5rem !important; }
+
+  .pr-lg-2,
+  .px-lg-2 {
+    padding-right: 0.5rem !important; }
+
+  .pb-lg-2,
+  .py-lg-2 {
+    padding-bottom: 0.5rem !important; }
+
+  .pl-lg-2,
+  .px-lg-2 {
+    padding-left: 0.5rem !important; }
+
+  .p-lg-3 {
+    padding: 1rem !important; }
+
+  .pt-lg-3,
+  .py-lg-3 {
+    padding-top: 1rem !important; }
+
+  .pr-lg-3,
+  .px-lg-3 {
+    padding-right: 1rem !important; }
+
+  .pb-lg-3,
+  .py-lg-3 {
+    padding-bottom: 1rem !important; }
+
+  .pl-lg-3,
+  .px-lg-3 {
+    padding-left: 1rem !important; }
+
+  .p-lg-4 {
+    padding: 1.5rem !important; }
+
+  .pt-lg-4,
+  .py-lg-4 {
+    padding-top: 1.5rem !important; }
+
+  .pr-lg-4,
+  .px-lg-4 {
+    padding-right: 1.5rem !important; }
+
+  .pb-lg-4,
+  .py-lg-4 {
+    padding-bottom: 1.5rem !important; }
+
+  .pl-lg-4,
+  .px-lg-4 {
+    padding-left: 1.5rem !important; }
+
+  .p-lg-5 {
+    padding: 3rem !important; }
+
+  .pt-lg-5,
+  .py-lg-5 {
+    padding-top: 3rem !important; }
+
+  .pr-lg-5,
+  .px-lg-5 {
+    padding-right: 3rem !important; }
+
+  .pb-lg-5,
+  .py-lg-5 {
+    padding-bottom: 3rem !important; }
+
+  .pl-lg-5,
+  .px-lg-5 {
+    padding-left: 3rem !important; }
+
+  .m-lg-auto {
+    margin: auto !important; }
+
+  .mt-lg-auto,
+  .my-lg-auto {
+    margin-top: auto !important; }
+
+  .mr-lg-auto,
+  .mx-lg-auto {
+    margin-right: auto !important; }
+
+  .mb-lg-auto,
+  .my-lg-auto {
+    margin-bottom: auto !important; }
+
+  .ml-lg-auto,
+  .mx-lg-auto {
+    margin-left: auto !important; } }
+@media (min-width: 1200px) {
+  .m-xl-0 {
+    margin: 0 !important; }
+
+  .mt-xl-0,
+  .my-xl-0 {
+    margin-top: 0 !important; }
+
+  .mr-xl-0,
+  .mx-xl-0 {
+    margin-right: 0 !important; }
+
+  .mb-xl-0,
+  .my-xl-0 {
+    margin-bottom: 0 !important; }
+
+  .ml-xl-0,
+  .mx-xl-0 {
+    margin-left: 0 !important; }
+
+  .m-xl-1 {
+    margin: 0.25rem !important; }
+
+  .mt-xl-1,
+  .my-xl-1 {
+    margin-top: 0.25rem !important; }
+
+  .mr-xl-1,
+  .mx-xl-1 {
+    margin-right: 0.25rem !important; }
+
+  .mb-xl-1,
+  .my-xl-1 {
+    margin-bottom: 0.25rem !important; }
+
+  .ml-xl-1,
+  .mx-xl-1 {
+    margin-left: 0.25rem !important; }
+
+  .m-xl-2 {
+    margin: 0.5rem !important; }
+
+  .mt-xl-2,
+  .my-xl-2 {
+    margin-top: 0.5rem !important; }
+
+  .mr-xl-2,
+  .mx-xl-2 {
+    margin-right: 0.5rem !important; }
+
+  .mb-xl-2,
+  .my-xl-2 {
+    margin-bottom: 0.5rem !important; }
+
+  .ml-xl-2,
+  .mx-xl-2 {
+    margin-left: 0.5rem !important; }
+
+  .m-xl-3 {
+    margin: 1rem !important; }
+
+  .mt-xl-3,
+  .my-xl-3 {
+    margin-top: 1rem !important; }
+
+  .mr-xl-3,
+  .mx-xl-3 {
+    margin-right: 1rem !important; }
+
+  .mb-xl-3,
+  .my-xl-3 {
+    margin-bottom: 1rem !important; }
+
+  .ml-xl-3,
+  .mx-xl-3 {
+    margin-left: 1rem !important; }
+
+  .m-xl-4 {
+    margin: 1.5rem !important; }
+
+  .mt-xl-4,
+  .my-xl-4 {
+    margin-top: 1.5rem !important; }
+
+  .mr-xl-4,
+  .mx-xl-4 {
+    margin-right: 1.5rem !important; }
+
+  .mb-xl-4,
+  .my-xl-4 {
+    margin-bottom: 1.5rem !important; }
+
+  .ml-xl-4,
+  .mx-xl-4 {
+    margin-left: 1.5rem !important; }
+
+  .m-xl-5 {
+    margin: 3rem !important; }
+
+  .mt-xl-5,
+  .my-xl-5 {
+    margin-top: 3rem !important; }
+
+  .mr-xl-5,
+  .mx-xl-5 {
+    margin-right: 3rem !important; }
+
+  .mb-xl-5,
+  .my-xl-5 {
+    margin-bottom: 3rem !important; }
+
+  .ml-xl-5,
+  .mx-xl-5 {
+    margin-left: 3rem !important; }
+
+  .p-xl-0 {
+    padding: 0 !important; }
+
+  .pt-xl-0,
+  .py-xl-0 {
+    padding-top: 0 !important; }
+
+  .pr-xl-0,
+  .px-xl-0 {
+    padding-right: 0 !important; }
+
+  .pb-xl-0,
+  .py-xl-0 {
+    padding-bottom: 0 !important; }
+
+  .pl-xl-0,
+  .px-xl-0 {
+    padding-left: 0 !important; }
+
+  .p-xl-1 {
+    padding: 0.25rem !important; }
+
+  .pt-xl-1,
+  .py-xl-1 {
+    padding-top: 0.25rem !important; }
+
+  .pr-xl-1,
+  .px-xl-1 {
+    padding-right: 0.25rem !important; }
+
+  .pb-xl-1,
+  .py-xl-1 {
+    padding-bottom: 0.25rem !important; }
+
+  .pl-xl-1,
+  .px-xl-1 {
+    padding-left: 0.25rem !important; }
+
+  .p-xl-2 {
+    padding: 0.5rem !important; }
+
+  .pt-xl-2,
+  .py-xl-2 {
+    padding-top: 0.5rem !important; }
+
+  .pr-xl-2,
+  .px-xl-2 {
+    padding-right: 0.5rem !important; }
+
+  .pb-xl-2,
+  .py-xl-2 {
+    padding-bottom: 0.5rem !important; }
+
+  .pl-xl-2,
+  .px-xl-2 {
+    padding-left: 0.5rem !important; }
+
+  .p-xl-3 {
+    padding: 1rem !important; }
+
+  .pt-xl-3,
+  .py-xl-3 {
+    padding-top: 1rem !important; }
+
+  .pr-xl-3,
+  .px-xl-3 {
+    padding-right: 1rem !important; }
+
+  .pb-xl-3,
+  .py-xl-3 {
+    padding-bottom: 1rem !important; }
+
+  .pl-xl-3,
+  .px-xl-3 {
+    padding-left: 1rem !important; }
+
+  .p-xl-4 {
+    padding: 1.5rem !important; }
+
+  .pt-xl-4,
+  .py-xl-4 {
+    padding-top: 1.5rem !important; }
+
+  .pr-xl-4,
+  .px-xl-4 {
+    padding-right: 1.5rem !important; }
+
+  .pb-xl-4,
+  .py-xl-4 {
+    padding-bottom: 1.5rem !important; }
+
+  .pl-xl-4,
+  .px-xl-4 {
+    padding-left: 1.5rem !important; }
+
+  .p-xl-5 {
+    padding: 3rem !important; }
+
+  .pt-xl-5,
+  .py-xl-5 {
+    padding-top: 3rem !important; }
+
+  .pr-xl-5,
+  .px-xl-5 {
+    padding-right: 3rem !important; }
+
+  .pb-xl-5,
+  .py-xl-5 {
+    padding-bottom: 3rem !important; }
+
+  .pl-xl-5,
+  .px-xl-5 {
+    padding-left: 3rem !important; }
+
+  .m-xl-auto {
+    margin: auto !important; }
+
+  .mt-xl-auto,
+  .my-xl-auto {
+    margin-top: auto !important; }
+
+  .mr-xl-auto,
+  .mx-xl-auto {
+    margin-right: auto !important; }
+
+  .mb-xl-auto,
+  .my-xl-auto {
+    margin-bottom: auto !important; }
+
+  .ml-xl-auto,
+  .mx-xl-auto {
+    margin-left: auto !important; } }
+.text-justify {
+  text-align: justify !important; }
+
+.text-nowrap {
+  white-space: nowrap !important; }
+
+.text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+.text-left {
+  text-align: left !important; }
+
+.text-right {
+  text-align: right !important; }
+
+.text-center {
+  text-align: center !important; }
+
+@media (min-width: 576px) {
+  .text-sm-left {
+    text-align: left !important; }
+
+  .text-sm-right {
+    text-align: right !important; }
+
+  .text-sm-center {
+    text-align: center !important; } }
+@media (min-width: 768px) {
+  .text-md-left {
+    text-align: left !important; }
+
+  .text-md-right {
+    text-align: right !important; }
+
+  .text-md-center {
+    text-align: center !important; } }
+@media (min-width: 992px) {
+  .text-lg-left {
+    text-align: left !important; }
+
+  .text-lg-right {
+    text-align: right !important; }
+
+  .text-lg-center {
+    text-align: center !important; } }
+@media (min-width: 1200px) {
+  .text-xl-left {
+    text-align: left !important; }
+
+  .text-xl-right {
+    text-align: right !important; }
+
+  .text-xl-center {
+    text-align: center !important; } }
+.text-lowercase {
+  text-transform: lowercase !important; }
+
+.text-uppercase {
+  text-transform: uppercase !important; }
+
+.text-capitalize {
+  text-transform: capitalize !important; }
+
+.font-weight-light {
+  font-weight: 300 !important; }
+
+.font-weight-normal {
+  font-weight: 400 !important; }
+
+.font-weight-bold {
+  font-weight: 700 !important; }
+
+.font-italic {
+  font-style: italic !important; }
+
+.text-white {
+  color: #fff !important; }
+
+.text-primary {
+  color: #78932c !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+  color: #586c20 !important; }
+
+.text-secondary {
+  color: #c12766 !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+  color: #971e50 !important; }
+
+.text-success {
+  color: #28a745 !important; }
+
+a.text-success:hover, a.text-success:focus {
+  color: #1e7e34 !important; }
+
+.text-info {
+  color: #17a2b8 !important; }
+
+a.text-info:hover, a.text-info:focus {
+  color: #117a8b !important; }
+
+.text-warning {
+  color: #ffc107 !important; }
+
+a.text-warning:hover, a.text-warning:focus {
+  color: #d39e00 !important; }
+
+.text-danger {
+  color: #dc3545 !important; }
+
+a.text-danger:hover, a.text-danger:focus {
+  color: #bd2130 !important; }
+
+.text-light {
+  color: #f8f9fa !important; }
+
+a.text-light:hover, a.text-light:focus {
+  color: #dae0e5 !important; }
+
+.text-dark {
+  color: #343a40 !important; }
+
+a.text-dark:hover, a.text-dark:focus {
+  color: #1d2124 !important; }
+
+.text-muted {
+  color: #6c757d !important; }
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0; }
+
+.visible {
+  visibility: visible !important; }
+
+.invisible {
+  visibility: hidden !important; }
+
+@media print {
+  *,
+  *::before,
+  *::after {
+    text-shadow: none !important;
+    box-shadow: none !important; }
+
+  a:not(.btn) {
+    text-decoration: underline; }
+
+  abbr[title]::after {
+    content: " (" attr(title) ")"; }
+
+  pre {
+    white-space: pre-wrap !important; }
+
+  pre,
+  blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid; }
+
+  thead {
+    display: table-header-group; }
+
+  tr,
+  img {
+    page-break-inside: avoid; }
+
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3; }
+
+  h2,
+  h3 {
+    page-break-after: avoid; }
+
+  @page {
+    size: a3; }
+  body {
+    min-width: 992px !important; }
+
+  .container {
+    min-width: 992px !important; }
+
+  .navbar {
+    display: none; }
+
+  .badge {
+    border: 1px solid #000; }
+
+  .table {
+    border-collapse: collapse !important; }
+    .table td,
+    .table th {
+      background-color: #fff !important; }
+
+  .table-bordered th,
+  .table-bordered td {
+    border: 1px solid #ddd !important; } }
+nav {
+  padding-top: 10px !important; }
+
+ul.navbar-nav {
+  margin-top: 10px; }
+
+.content {
+  margin-top: 60px; }
+
+.slider {
+  background-color: #78932c;
+  margin: auto;
+  text-align: left !important; }
+
+.logo {
+  padding-left: 20px; }
+
+.navbar {
+  padding-left: 10px;
+  padding-right: 10px; }
+
+.nav-link {
+  color: black !important;
+  margin-left: 20px;
+  height: 50px;
+  padding-top: 12px;
+  font-weight: bold;
+  white-space: nowrap; }
+
+.get-started {
+  background-color: #c12766;
+  color: white !important;
+  border-left: 2px solid black;
+  border-right: 2px solid black;
+  font-weight: bold; }
+
+a:hover {
+  color: #c12766 !important; }
+
+a.get-started:hover {
+  color: #c12766 !important;
+  font-weight: bold;
+  border: 2px solid #c12766;
+  background-color: white; }
+
+.nav {
+  border-bottom: 1px solid black; }
+
+.navbar {
+  background-color: white; }
+
+.slider-text {
+  font-size: 36px;
+  font-weight: bold;
+  color: white;
+  text-align: center; }
+
+table.slider {
+  height: 100%;
+  max-width: 1024px; }
+
+.logo-sm {
+  height: 150px !important; }
+
+.slider-sm {
+  font-size: 20px;
+  height: 300px; }
+
+.slider-lg {
+  height: 400px; }
diff --git a/_site/index.html b/_site/index.html
new file mode 100644
index 0000000..d115ed6
--- /dev/null
+++ b/_site/index.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Jekyll and Bootstrap</title>
+
+    <link rel="stylesheet" href="/css/main.css">
+    <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js" integrity="sha384-SlE991lGASHoBfWbelyBPLsUlwY1GwNDJo3jSJO04KZ33K2bwfV9YBauFfnzvynJ" crossorigin="anonymous"></script>
+    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+</head>
+<body>
+    
+<nav class="navbar navbar-expand-lg navbar-light fixed-top">
+  <div class="container">
+    <a class="navbar-brand mr-auto" href="#"><img src="assets/img/nav-logo.png" /></a>
+    <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="ml-auto collapse navbar-collapse" id="navbarContent">
+      <ul class="navbar-nav ml-auto">
+        <li class="nav-item">
+            <a class="nav-link active" href="#">Home</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">Projects</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">Clients</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">Community</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">Team</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">Getting Started</a>
+        </li>
+      </ul>
+    </div>
+</nav>
+
+    <div class="content">
+      <div class="row">
+    <div class="col-sm-12 slider">
+        <div class="container">
+            <div class="row">
+                <div class="col-12 slider-text align-middle">
+                    <table class="slider slider-lg d-none d-md-block">
+                      <tbody class="slider-lg">
+                        <tr class="slider-lg">
+                          <td class="slider-lg align-middle">A SUITE OF OPEN SOURCE PROJECTS FOR HIGH PERFORMANCE MESSAGING</td>
+                          <td class="slider-lg align-middle">
+                            <img class="float-right" src="assets/img/main-logo.png"/>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                    <table class="slider d-md-none d-lg-none d-xl-none">
+                      <tbody align="center" class="slider d-inline-block">
+                        <tr>
+                          <td class="align-middle slider-sm logo-sm">A SUITE OF OPEN SOURCE PROJECTS FOR HIGH PERFORMANCE MESSAGING</td>
+                          <td class="slider-sm align-middle"><img class="float-right logo-sm" src="assets/img/main-logo.png"/></td>
+                        </tr>
+                      </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+    </div>
+    
+</body>
+</html>
diff --git a/assets/img/main-logo.png b/assets/img/main-logo.png
new file mode 100644
index 0000000..cba87aa
Binary files /dev/null and b/assets/img/main-logo.png differ
diff --git a/assets/img/nav-logo.png b/assets/img/nav-logo.png
new file mode 100644
index 0000000..b4a4859
Binary files /dev/null and b/assets/img/nav-logo.png differ
diff --git a/css/_site/bootstrap/bootstrap-grid.scss b/css/_site/bootstrap/bootstrap-grid.scss
new file mode 100644
index 0000000..26c0dc8
--- /dev/null
+++ b/css/_site/bootstrap/bootstrap-grid.scss
@@ -0,0 +1,32 @@
+/*!
+ * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+@at-root {
+  @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix
+}
+
+html {
+  box-sizing: border-box;
+  -ms-overflow-style: scrollbar;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+
+@import "functions";
+@import "variables";
+
+@import "mixins/breakpoints";
+@import "mixins/grid-framework";
+@import "mixins/grid";
+
+@import "grid";
+@import "utilities/display";
+@import "utilities/flex";
diff --git a/css/_site/bootstrap/bootstrap-reboot.scss b/css/_site/bootstrap/bootstrap-reboot.scss
new file mode 100644
index 0000000..46c4610
--- /dev/null
+++ b/css/_site/bootstrap/bootstrap-reboot.scss
@@ -0,0 +1,12 @@
+/*!
+ * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+
+@import "functions";
+@import "variables";
+@import "mixins";
+@import "reboot";
diff --git a/css/_site/bootstrap/bootstrap.scss b/css/_site/bootstrap/bootstrap.scss
new file mode 100644
index 0000000..312b8e0
--- /dev/null
+++ b/css/_site/bootstrap/bootstrap.scss
@@ -0,0 +1,43 @@
+/*!
+ * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+@import "../custom/variables"; // we've added this line
+@import "functions";
+@import "variables";
+@import "mixins";
+@import "root";
+@import "reboot";
+@import "type";
+@import "images";
+@import "code";
+@import "grid";
+@import "tables";
+@import "forms";
+@import "buttons";
+@import "transitions";
+@import "dropdown";
+@import "button-group";
+@import "input-group";
+@import "custom-forms";
+@import "nav";
+@import "navbar";
+@import "card";
+@import "breadcrumb";
+@import "pagination";
+@import "badge";
+@import "jumbotron";
+@import "alert";
+@import "progress";
+@import "media";
+@import "list-group";
+@import "close";
+@import "modal";
+@import "tooltip";
+@import "popover";
+@import "carousel";
+@import "utilities";
+@import "print";
diff --git a/css/_site/main.scss b/css/_site/main.scss
new file mode 100644
index 0000000..8cd4d48
--- /dev/null
+++ b/css/_site/main.scss
@@ -0,0 +1 @@
+@import 'bootstrap/bootstrap';
diff --git a/css/bootstrap/_alert.scss b/css/bootstrap/_alert.scss
new file mode 100644
index 0000000..dd43e23
--- /dev/null
+++ b/css/bootstrap/_alert.scss
@@ -0,0 +1,51 @@
+//
+// Base styles
+//
+
+.alert {
+  position: relative;
+  padding: $alert-padding-y $alert-padding-x;
+  margin-bottom: $alert-margin-bottom;
+  border: $alert-border-width solid transparent;
+  @include border-radius($alert-border-radius);
+}
+
+// Headings for larger alerts
+.alert-heading {
+  // Specified to prevent conflicts of changing $headings-color
+  color: inherit;
+}
+
+// Provide class for links that match alerts
+.alert-link {
+  font-weight: $alert-link-font-weight;
+}
+
+
+// Dismissible alerts
+//
+// Expand the right padding and account for the close button's positioning.
+
+.alert-dismissible {
+  padding-right: ($close-font-size + $alert-padding-x * 2);
+
+  // Adjust close link position
+  .close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: $alert-padding-y $alert-padding-x;
+    color: inherit;
+  }
+}
+
+
+// Alternate styles
+//
+// Generate contextual modifier classes for colorizing the alert.
+
+@each $color, $value in $theme-colors {
+  .alert-#{$color} {
+    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
+  }
+}
diff --git a/css/bootstrap/_badge.scss b/css/bootstrap/_badge.scss
new file mode 100644
index 0000000..b87a1b0
--- /dev/null
+++ b/css/bootstrap/_badge.scss
@@ -0,0 +1,47 @@
+// Base class
+//
+// Requires one of the contextual, color modifier classes for `color` and
+// `background-color`.
+
+.badge {
+  display: inline-block;
+  padding: $badge-padding-y $badge-padding-x;
+  font-size: $badge-font-size;
+  font-weight: $badge-font-weight;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  @include border-radius($badge-border-radius);
+
+  // Empty badges collapse automatically
+  &:empty {
+    display: none;
+  }
+}
+
+// Quick fix for badges in buttons
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
+// Pill badges
+//
+// Make them extra rounded with a modifier to replace v3's badges.
+
+.badge-pill {
+  padding-right: $badge-pill-padding-x;
+  padding-left: $badge-pill-padding-x;
+  @include border-radius($badge-pill-border-radius);
+}
+
+// Colors
+//
+// Contextual variations (linked badges get darker on :hover).
+
+@each $color, $value in $theme-colors {
+  .badge-#{$color} {
+    @include badge-variant($value);
+  }
+}
diff --git a/css/bootstrap/_breadcrumb.scss b/css/bootstrap/_breadcrumb.scss
new file mode 100644
index 0000000..25b9d85
--- /dev/null
+++ b/css/bootstrap/_breadcrumb.scss
@@ -0,0 +1,38 @@
+.breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  padding: $breadcrumb-padding-y $breadcrumb-padding-x;
+  margin-bottom: $breadcrumb-margin-bottom;
+  list-style: none;
+  background-color: $breadcrumb-bg;
+  @include border-radius($border-radius);
+}
+
+.breadcrumb-item {
+  // The separator between breadcrumbs (by default, a forward-slash: "/")
+  + .breadcrumb-item::before {
+    display: inline-block; // Suppress underlining of the separator in modern browsers
+    padding-right: $breadcrumb-item-padding;
+    padding-left: $breadcrumb-item-padding;
+    color: $breadcrumb-divider-color;
+    content: "#{$breadcrumb-divider}";
+  }
+
+  // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
+  // without `<ul>`s. The `::before` pseudo-element generates an element
+  // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
+  //
+  // To trick IE into suppressing the underline, we give the pseudo-element an
+  // underline and then immediately remove it.
+  + .breadcrumb-item:hover::before {
+    text-decoration: underline;
+  }
+  // stylelint-disable-next-line no-duplicate-selectors
+  + .breadcrumb-item:hover::before {
+    text-decoration: none;
+  }
+
+  &.active {
+    color: $breadcrumb-active-color;
+  }
+}
diff --git a/css/bootstrap/_button-group.scss b/css/bootstrap/_button-group.scss
new file mode 100644
index 0000000..c1b8265
--- /dev/null
+++ b/css/bootstrap/_button-group.scss
@@ -0,0 +1,166 @@
+// stylelint-disable selector-no-qualifying-type
+
+// Make the div behave like a button
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle; // match .btn alignment given font-size hack above
+
+  > .btn {
+    position: relative;
+    flex: 0 1 auto;
+
+    // Bring the hover, focused, and "active" buttons to the front to overlay
+    // the borders properly
+    @include hover {
+      z-index: 1;
+    }
+    &:focus,
+    &:active,
+    &.active {
+      z-index: 1;
+    }
+  }
+
+  // Prevent double borders when buttons are next to each other
+  .btn + .btn,
+  .btn + .btn-group,
+  .btn-group + .btn,
+  .btn-group + .btn-group {
+    margin-left: -$btn-border-width;
+  }
+}
+
+// Optional: Group multiple button groups together for a toolbar
+.btn-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+
+  .input-group {
+    width: auto;
+  }
+}
+
+.btn-group {
+  > .btn:first-child {
+    margin-left: 0;
+  }
+
+  // Reset rounded corners
+  > .btn:not(:last-child):not(.dropdown-toggle),
+  > .btn-group:not(:last-child) > .btn {
+    @include border-right-radius(0);
+  }
+
+  > .btn:not(:first-child),
+  > .btn-group:not(:first-child) > .btn {
+    @include border-left-radius(0);
+  }
+}
+
+// Sizing
+//
+// Remix the default button sizing classes into new ones for easier manipulation.
+
+.btn-group-sm > .btn { @extend .btn-sm; }
+.btn-group-lg > .btn { @extend .btn-lg; }
+
+
+//
+// Split button dropdowns
+//
+
+.dropdown-toggle-split {
+  padding-right: $btn-padding-x * .75;
+  padding-left: $btn-padding-x * .75;
+
+  &::after {
+    margin-left: 0;
+  }
+}
+
+.btn-sm + .dropdown-toggle-split {
+  padding-right: $btn-padding-x-sm * .75;
+  padding-left: $btn-padding-x-sm * .75;
+}
+
+.btn-lg + .dropdown-toggle-split {
+  padding-right: $btn-padding-x-lg * .75;
+  padding-left: $btn-padding-x-lg * .75;
+}
+
+
+// The clickable button for toggling the menu
+// Set the same inset shadow as the :active state
+.btn-group.show .dropdown-toggle {
+  @include box-shadow($btn-active-box-shadow);
+
+  // Show no shadow for `.btn-link` since it has no other button styles.
+  &.btn-link {
+    @include box-shadow(none);
+  }
+}
+
+
+//
+// Vertical button groups
+//
+
+.btn-group-vertical {
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+
+  .btn,
+  .btn-group {
+    width: 100%;
+  }
+
+  > .btn + .btn,
+  > .btn + .btn-group,
+  > .btn-group + .btn,
+  > .btn-group + .btn-group {
+    margin-top: -$btn-border-width;
+    margin-left: 0;
+  }
+
+  // Reset rounded corners
+  > .btn:not(:last-child):not(.dropdown-toggle),
+  > .btn-group:not(:last-child) > .btn {
+    @include border-bottom-radius(0);
+  }
+
+  > .btn:not(:first-child),
+  > .btn-group:not(:first-child) > .btn {
+    @include border-top-radius(0);
+  }
+}
+
+
+// Checkbox and radio options
+//
+// In order to support the browser's form validation feedback, powered by the
+// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
+// `display: none;` or `visibility: hidden;` as that also hides the popover.
+// Simply visually hiding the inputs via `opacity` would leave them clickable in
+// certain cases which is prevented by using `clip` and `pointer-events`.
+// This way, we ensure a DOM element is visible to position the popover from.
+//
+// See https://github.com/twbs/bootstrap/pull/12794 and
+// https://github.com/twbs/bootstrap/pull/14559 for more information.
+
+.btn-group-toggle {
+  > .btn,
+  > .btn-group > .btn {
+    margin-bottom: 0; // Override default `<label>` value
+
+    input[type="radio"],
+    input[type="checkbox"] {
+      position: absolute;
+      clip: rect(0, 0, 0, 0);
+      pointer-events: none;
+    }
+  }
+}
diff --git a/css/bootstrap/_buttons.scss b/css/bootstrap/_buttons.scss
new file mode 100644
index 0000000..da6d879
--- /dev/null
+++ b/css/bootstrap/_buttons.scss
@@ -0,0 +1,143 @@
+// stylelint-disable selector-no-qualifying-type
+
+//
+// Base styles
+//
+
+.btn {
+  display: inline-block;
+  font-weight: $btn-font-weight;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  user-select: none;
+  border: $btn-border-width solid transparent;
+  @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius);
+  @include transition($btn-transition);
+
+  // Share hover and focus styles
+  @include hover-focus {
+    text-decoration: none;
+  }
+
+  &:focus,
+  &.focus {
+    outline: 0;
+    box-shadow: $btn-focus-box-shadow;
+  }
+
+  // Disabled comes first so active can properly restyle
+  &.disabled,
+  &:disabled {
+    opacity: $btn-disabled-opacity;
+    @include box-shadow(none);
+  }
+
+  // Opinionated: add "hand" cursor to non-disabled .btn elements
+  &:not(:disabled):not(.disabled) {
+    cursor: pointer;
+  }
+
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active {
+    background-image: none;
+    @include box-shadow($btn-active-box-shadow);
+
+    &:focus {
+      @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
+    }
+  }
+}
+
+// Future-proof disabling of clicks on `<a>` elements
+a.btn.disabled,
+fieldset:disabled a.btn {
+  pointer-events: none;
+}
+
+
+//
+// Alternate buttons
+//
+
+@each $color, $value in $theme-colors {
+  .btn-#{$color} {
+    @include button-variant($value, $value);
+  }
+}
+
+@each $color, $value in $theme-colors {
+  .btn-outline-#{$color} {
+    @include button-outline-variant($value);
+  }
+}
+
+
+//
+// Link buttons
+//
+
+// Make a button look and behave like a link
+.btn-link {
+  font-weight: $font-weight-normal;
+  color: $link-color;
+  background-color: transparent;
+
+  @include hover {
+    color: $link-hover-color;
+    text-decoration: $link-hover-decoration;
+    background-color: transparent;
+    border-color: transparent;
+  }
+
+  &:focus,
+  &.focus {
+    text-decoration: $link-hover-decoration;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  &:disabled,
+  &.disabled {
+    color: $btn-link-disabled-color;
+  }
+
+  // No need for an active state here
+}
+
+
+//
+// Button Sizes
+//
+
+.btn-lg {
+  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
+}
+
+.btn-sm {
+  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
+}
+
+
+//
+// Block button
+//
+
+.btn-block {
+  display: block;
+  width: 100%;
+
+  // Vertically space out multiple block buttons
+  + .btn-block {
+    margin-top: $btn-block-spacing-y;
+  }
+}
+
+// Specificity overrides
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
+  &.btn-block {
+    width: 100%;
+  }
+}
diff --git a/css/bootstrap/_card.scss b/css/bootstrap/_card.scss
new file mode 100644
index 0000000..4c4845c
--- /dev/null
+++ b/css/bootstrap/_card.scss
@@ -0,0 +1,270 @@
+//
+// Base styles
+//
+
+.card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: $card-bg;
+  background-clip: border-box;
+  border: $card-border-width solid $card-border-color;
+  @include border-radius($card-border-radius);
+
+  > hr {
+    margin-right: 0;
+    margin-left: 0;
+  }
+
+  > .list-group:first-child {
+    .list-group-item:first-child {
+      @include border-top-radius($card-border-radius);
+    }
+  }
+
+  > .list-group:last-child {
+    .list-group-item:last-child {
+      @include border-bottom-radius($card-border-radius);
+    }
+  }
+}
+
+.card-body {
+  // Enable `flex-grow: 1` for decks and groups so that card blocks take up
+  // as much space as possible, ensuring footers are aligned to the bottom.
+  flex: 1 1 auto;
+  padding: $card-spacer-x;
+}
+
+.card-title {
+  margin-bottom: $card-spacer-y;
+}
+
+.card-subtitle {
+  margin-top: -($card-spacer-y / 2);
+  margin-bottom: 0;
+}
+
+.card-text:last-child {
+  margin-bottom: 0;
+}
+
+.card-link {
+  @include hover {
+    text-decoration: none;
+  }
+
+  + .card-link {
+    margin-left: $card-spacer-x;
+  }
+}
+
+//
+// Optional textual caps
+//
+
+.card-header {
+  padding: $card-spacer-y $card-spacer-x;
+  margin-bottom: 0; // Removes the default margin-bottom of <hN>
+  background-color: $card-cap-bg;
+  border-bottom: $card-border-width solid $card-border-color;
+
+  &:first-child {
+    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
+  }
+
+  + .list-group {
+    .list-group-item:first-child {
+      border-top: 0;
+    }
+  }
+}
+
+.card-footer {
+  padding: $card-spacer-y $card-spacer-x;
+  background-color: $card-cap-bg;
+  border-top: $card-border-width solid $card-border-color;
+
+  &:last-child {
+    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
+  }
+}
+
+
+//
+// Header navs
+//
+
+.card-header-tabs {
+  margin-right: -($card-spacer-x / 2);
+  margin-bottom: -$card-spacer-y;
+  margin-left: -($card-spacer-x / 2);
+  border-bottom: 0;
+}
+
+.card-header-pills {
+  margin-right: -($card-spacer-x / 2);
+  margin-left: -($card-spacer-x / 2);
+}
+
+// Card image
+.card-img-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: $card-img-overlay-padding;
+}
+
+.card-img {
+  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
+  @include border-radius($card-inner-border-radius);
+}
+
+// Card image caps
+.card-img-top {
+  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
+  @include border-top-radius($card-inner-border-radius);
+}
+
+.card-img-bottom {
+  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
+  @include border-bottom-radius($card-inner-border-radius);
+}
+
+
+// Card deck
+
+.card-deck {
+  display: flex;
+  flex-direction: column;
+
+  .card {
+    margin-bottom: $card-deck-margin;
+  }
+
+  @include media-breakpoint-up(sm) {
+    flex-flow: row wrap;
+    margin-right: -$card-deck-margin;
+    margin-left: -$card-deck-margin;
+
+    .card {
+      display: flex;
+      // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored
+      flex: 1 0 0%;
+      flex-direction: column;
+      margin-right: $card-deck-margin;
+      margin-bottom: 0; // Override the default
+      margin-left: $card-deck-margin;
+    }
+  }
+}
+
+
+//
+// Card groups
+//
+
+.card-group {
+  display: flex;
+  flex-direction: column;
+
+  // The child selector allows nested `.card` within `.card-group`
+  // to display properly.
+  > .card {
+    margin-bottom: $card-group-margin;
+  }
+
+  @include media-breakpoint-up(sm) {
+    flex-flow: row wrap;
+    // The child selector allows nested `.card` within `.card-group`
+    // to display properly.
+    > .card {
+      // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored
+      flex: 1 0 0%;
+      margin-bottom: 0;
+
+      + .card {
+        margin-left: 0;
+        border-left: 0;
+      }
+
+      // Handle rounded corners
+      @if $enable-rounded {
+        &:first-child {
+          @include border-right-radius(0);
+
+          .card-img-top,
+          .card-header {
+            border-top-right-radius: 0;
+          }
+          .card-img-bottom,
+          .card-footer {
+            border-bottom-right-radius: 0;
+          }
+        }
+
+        &:last-child {
+          @include border-left-radius(0);
+
+          .card-img-top,
+          .card-header {
+            border-top-left-radius: 0;
+          }
+          .card-img-bottom,
+          .card-footer {
+            border-bottom-left-radius: 0;
+          }
+        }
+
+        &:only-child {
+          @include border-radius($card-border-radius);
+
+          .card-img-top,
+          .card-header {
+            @include border-top-radius($card-border-radius);
+          }
+          .card-img-bottom,
+          .card-footer {
+            @include border-bottom-radius($card-border-radius);
+          }
+        }
+
+        &:not(:first-child):not(:last-child):not(:only-child) {
+          @include border-radius(0);
+
+          .card-img-top,
+          .card-img-bottom,
+          .card-header,
+          .card-footer {
+            @include border-radius(0);
+          }
+        }
+      }
+    }
+  }
+}
+
+
+//
+// Columns
+//
+
+.card-columns {
+  .card {
+    margin-bottom: $card-columns-margin;
+  }
+
+  @include media-breakpoint-up(sm) {
+    column-count: $card-columns-count;
+    column-gap: $card-columns-gap;
+
+    .card {
+      display: inline-block; // Don't let them vertically span multiple columns
+      width: 100%; // Don't let their width change
+    }
+  }
+}
diff --git a/css/bootstrap/_carousel.scss b/css/bootstrap/_carousel.scss
new file mode 100644
index 0000000..72a5034
--- /dev/null
+++ b/css/bootstrap/_carousel.scss
@@ -0,0 +1,191 @@
+// Wrapper for the slide container and indicators
+.carousel {
+  position: relative;
+}
+
+.carousel-inner {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+
+.carousel-item {
+  position: relative;
+  display: none;
+  align-items: center;
+  width: 100%;
+  @include transition($carousel-transition);
+  backface-visibility: hidden;
+  perspective: 1000px;
+}
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+  display: block;
+}
+
+.carousel-item-next,
+.carousel-item-prev {
+  position: absolute;
+  top: 0;
+}
+
+// CSS3 transforms when supported by the browser
+.carousel-item-next.carousel-item-left,
+.carousel-item-prev.carousel-item-right {
+  transform: translateX(0);
+
+  @supports (transform-style: preserve-3d) {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.carousel-item-next,
+.active.carousel-item-right {
+  transform: translateX(100%);
+
+  @supports (transform-style: preserve-3d) {
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.carousel-item-prev,
+.active.carousel-item-left {
+  transform: translateX(-100%);
+
+  @supports (transform-style: preserve-3d) {
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+
+//
+// Left/right controls for nav
+//
+
+.carousel-control-prev,
+.carousel-control-next {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  // Use flex for alignment (1-3)
+  display: flex; // 1. allow flex styles
+  align-items: center; // 2. vertically center contents
+  justify-content: center; // 3. horizontally center contents
+  width: $carousel-control-width;
+  color: $carousel-control-color;
+  text-align: center;
+  opacity: $carousel-control-opacity;
+  // We can't have a transition here because WebKit cancels the carousel
+  // animation if you trip this while in the middle of another animation.
+
+  // Hover/focus state
+  @include hover-focus {
+    color: $carousel-control-color;
+    text-decoration: none;
+    outline: 0;
+    opacity: .9;
+  }
+}
+.carousel-control-prev {
+  left: 0;
+  @if $enable-gradients {
+    background: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
+  }
+}
+.carousel-control-next {
+  right: 0;
+  @if $enable-gradients {
+    background: linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
+  }
+}
+
+// Icons for within
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  display: inline-block;
+  width: $carousel-control-icon-width;
+  height: $carousel-control-icon-width;
+  background: transparent no-repeat center center;
+  background-size: 100% 100%;
+}
+.carousel-control-prev-icon {
+  background-image: $carousel-control-prev-icon-bg;
+}
+.carousel-control-next-icon {
+  background-image: $carousel-control-next-icon-bg;
+}
+
+
+// Optional indicator pips
+//
+// Add an ordered list with the following class and add a list item for each
+// slide your carousel holds.
+
+.carousel-indicators {
+  position: absolute;
+  right: 0;
+  bottom: 10px;
+  left: 0;
+  z-index: 15;
+  display: flex;
+  justify-content: center;
+  padding-left: 0; // override <ol> default
+  // Use the .carousel-control's width as margin so we don't overlay those
+  margin-right: $carousel-control-width;
+  margin-left: $carousel-control-width;
+  list-style: none;
+
+  li {
+    position: relative;
+    flex: 0 1 auto;
+    width: $carousel-indicator-width;
+    height: $carousel-indicator-height;
+    margin-right: $carousel-indicator-spacer;
+    margin-left: $carousel-indicator-spacer;
+    text-indent: -999px;
+    background-color: rgba($carousel-indicator-active-bg, .5);
+
+    // Use pseudo classes to increase the hit area by 10px on top and bottom.
+    &::before {
+      position: absolute;
+      top: -10px;
+      left: 0;
+      display: inline-block;
+      width: 100%;
+      height: 10px;
+      content: "";
+    }
+    &::after {
+      position: absolute;
+      bottom: -10px;
+      left: 0;
+      display: inline-block;
+      width: 100%;
+      height: 10px;
+      content: "";
+    }
+  }
+
+  .active {
+    background-color: $carousel-indicator-active-bg;
+  }
+}
+
+
+// Optional captions
+//
+//
+
+.carousel-caption {
+  position: absolute;
+  right: ((100% - $carousel-caption-width) / 2);
+  bottom: 20px;
+  left: ((100% - $carousel-caption-width) / 2);
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: $carousel-caption-color;
+  text-align: center;
+}
diff --git a/css/bootstrap/_close.scss b/css/bootstrap/_close.scss
new file mode 100644
index 0000000..871cb08
--- /dev/null
+++ b/css/bootstrap/_close.scss
@@ -0,0 +1,34 @@
+.close {
+  float: right;
+  font-size: $close-font-size;
+  font-weight: $close-font-weight;
+  line-height: 1;
+  color: $close-color;
+  text-shadow: $close-text-shadow;
+  opacity: .5;
+
+  @include hover-focus {
+    color: $close-color;
+    text-decoration: none;
+    opacity: .75;
+  }
+
+  // Opinionated: add "hand" cursor to non-disabled .close elements
+  &:not(:disabled):not(.disabled) {
+    cursor: pointer;
+  }
+}
+
+// Additional properties for button version
+// iOS requires the button element instead of an anchor tag.
+// If you want the anchor version, it requires `href="#"`.
+// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
+
+// stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type
+button.close {
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+  -webkit-appearance: none;
+}
+// stylelint-enable
diff --git a/css/bootstrap/_code.scss b/css/bootstrap/_code.scss
new file mode 100644
index 0000000..9de20fa
--- /dev/null
+++ b/css/bootstrap/_code.scss
@@ -0,0 +1,56 @@
+// Inline and block code styles
+code,
+kbd,
+pre,
+samp {
+  font-family: $font-family-monospace;
+}
+
+// Inline code
+code {
+  font-size: $code-font-size;
+  color: $code-color;
+  word-break: break-word;
+
+  // Streamline the style when inside anchors to avoid broken underline and more
+  a > & {
+    color: inherit;
+  }
+}
+
+// User input typically entered via keyboard
+kbd {
+  padding: $kbd-padding-y $kbd-padding-x;
+  font-size: $kbd-font-size;
+  color: $kbd-color;
+  background-color: $kbd-bg;
+  @include border-radius($border-radius-sm);
+  @include box-shadow($kbd-box-shadow);
+
+  kbd {
+    padding: 0;
+    font-size: 100%;
+    font-weight: $nested-kbd-font-weight;
+    @include box-shadow(none);
+  }
+}
+
+// Blocks of code
+pre {
+  display: block;
+  font-size: $code-font-size;
+  color: $pre-color;
+
+  // Account for some code outputs that place code tags in pre tags
+  code {
+    font-size: inherit;
+    color: inherit;
+    word-break: normal;
+  }
+}
+
+// Enable scrollable blocks of code
+.pre-scrollable {
+  max-height: $pre-scrollable-max-height;
+  overflow-y: scroll;
+}
diff --git a/css/bootstrap/_custom-forms.scss b/css/bootstrap/_custom-forms.scss
new file mode 100644
index 0000000..2d83f7e
--- /dev/null
+++ b/css/bootstrap/_custom-forms.scss
@@ -0,0 +1,297 @@
+// Embedded icons from Open Iconic.
+// Released under MIT and copyright 2014 Waybury.
+// https://useiconic.com/open
+
+
+// Checkboxes and radios
+//
+// Base class takes care of all the key behavioral aspects.
+
+.custom-control {
+  position: relative;
+  display: block;
+  min-height: (1rem * $line-height-base);
+  padding-left: $custom-control-gutter;
+}
+
+.custom-control-inline {
+  display: inline-flex;
+  margin-right: $custom-control-spacer-x;
+}
+
+.custom-control-input {
+  position: absolute;
+  z-index: -1; // Put the input behind the label so it doesn't overlay text
+  opacity: 0;
+
+  &:checked ~ .custom-control-label::before {
+    color: $custom-control-indicator-checked-color;
+    @include gradient-bg($custom-control-indicator-checked-bg);
+    @include box-shadow($custom-control-indicator-checked-box-shadow);
+  }
+
+  &:focus ~ .custom-control-label::before {
+    // the mixin is not used here to make sure there is feedback
+    box-shadow: $custom-control-indicator-focus-box-shadow;
+  }
+
+  &:active ~ .custom-control-label::before {
+    color: $custom-control-indicator-active-color;
+    background-color: $custom-control-indicator-active-bg;
+    @include box-shadow($custom-control-indicator-active-box-shadow);
+  }
+
+  &:disabled {
+    ~ .custom-control-label {
+      color: $custom-control-label-disabled-color;
+
+      &::before {
+        background-color: $custom-control-indicator-disabled-bg;
+      }
+    }
+  }
+}
+
+// Custom control indicators
+//
+// Build the custom controls out of psuedo-elements.
+
+.custom-control-label {
+  margin-bottom: 0;
+
+  // Background-color and (when enabled) gradient
+  &::before {
+    position: absolute;
+    top: (($line-height-base - $custom-control-indicator-size) / 2);
+    left: 0;
+    display: block;
+    width: $custom-control-indicator-size;
+    height: $custom-control-indicator-size;
+    pointer-events: none;
+    content: "";
+    user-select: none;
+    background-color: $custom-control-indicator-bg;
+    @include box-shadow($custom-control-indicator-box-shadow);
+  }
+
+  // Foreground (icon)
+  &::after {
+    position: absolute;
+    top: (($line-height-base - $custom-control-indicator-size) / 2);
+    left: 0;
+    display: block;
+    width: $custom-control-indicator-size;
+    height: $custom-control-indicator-size;
+    content: "";
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: $custom-control-indicator-bg-size;
+  }
+}
+
+
+// Checkboxes
+//
+// Tweak just a few things for checkboxes.
+
+.custom-checkbox {
+  .custom-control-label::before {
+    @include border-radius($custom-checkbox-indicator-border-radius);
+  }
+
+  .custom-control-input:checked ~ .custom-control-label {
+    &::before {
+      @include gradient-bg($custom-control-indicator-checked-bg);
+    }
+    &::after {
+      background-image: $custom-checkbox-indicator-icon-checked;
+    }
+  }
+
+  .custom-control-input:indeterminate ~ .custom-control-label {
+    &::before {
+      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);
+      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);
+    }
+    &::after {
+      background-image: $custom-checkbox-indicator-icon-indeterminate;
+    }
+  }
+
+  .custom-control-input:disabled {
+    &:checked ~ .custom-control-label::before {
+      background-color: $custom-control-indicator-checked-disabled-bg;
+    }
+    &:indeterminate ~ .custom-control-label::before {
+      background-color: $custom-control-indicator-checked-disabled-bg;
+    }
+  }
+}
+
+// Radios
+//
+// Tweak just a few things for radios.
+
+.custom-radio {
+  .custom-control-label::before {
+    border-radius: $custom-radio-indicator-border-radius;
+  }
+
+  .custom-control-input:checked ~ .custom-control-label {
+    &::before {
+      @include gradient-bg($custom-control-indicator-checked-bg);
+    }
+    &::after {
+      background-image: $custom-radio-indicator-icon-checked;
+    }
+  }
+
+  .custom-control-input:disabled {
+    &:checked ~ .custom-control-label::before {
+      background-color: $custom-control-indicator-checked-disabled-bg;
+    }
+  }
+}
+
+
+// Select
+//
+// Replaces the browser default select with a custom one, mostly pulled from
+// http://primercss.io.
+//
+
+.custom-select {
+  display: inline-block;
+  width: 100%;
+  height: $custom-select-height;
+  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;
+  line-height: $custom-select-line-height;
+  color: $custom-select-color;
+  vertical-align: middle;
+  background: $custom-select-bg $custom-select-indicator no-repeat right $custom-select-padding-x center;
+  background-size: $custom-select-bg-size;
+  border: $custom-select-border-width solid $custom-select-border-color;
+  @if $enable-rounded {
+    border-radius: $custom-select-border-radius;
+  } @else {
+    border-radius: 0;
+  }
+  appearance: none;
+
+  &:focus {
+    border-color: $custom-select-focus-border-color;
+    outline: 0;
+    box-shadow: $custom-select-focus-box-shadow;
+
+    &::-ms-value {
+      // For visual consistency with other platforms/browsers,
+      // suppress the default white text on blue background highlight given to
+      // the selected option text when the (still closed) <select> receives focus
+      // in IE and (under certain conditions) Edge.
+      // See https://github.com/twbs/bootstrap/issues/19398.
+      color: $input-color;
+      background-color: $input-bg;
+    }
+  }
+
+  &[multiple],
+  &[size]:not([size="1"]) {
+    height: auto;
+    padding-right: $custom-select-padding-x;
+    background-image: none;
+  }
+
+  &:disabled {
+    color: $custom-select-disabled-color;
+    background-color: $custom-select-disabled-bg;
+  }
+
+  // Hides the default caret in IE11
+  &::-ms-expand {
+    opacity: 0;
+  }
+}
+
+.custom-select-sm {
+  height: $custom-select-height-sm;
+  padding-top: $custom-select-padding-y;
+  padding-bottom: $custom-select-padding-y;
+  font-size: $custom-select-font-size-sm;
+}
+
+.custom-select-lg {
+  height: $custom-select-height-lg;
+  padding-top: $custom-select-padding-y;
+  padding-bottom: $custom-select-padding-y;
+  font-size: $custom-select-font-size-lg;
+}
+
+
+// File
+//
+// Custom file input.
+
+.custom-file {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: $custom-file-height;
+  margin-bottom: 0;
+}
+
+.custom-file-input {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: $custom-file-height;
+  margin: 0;
+  opacity: 0;
+
+  &:focus ~ .custom-file-control {
+    border-color: $custom-file-focus-border-color;
+    box-shadow: $custom-file-focus-box-shadow;
+
+    &::before {
+      border-color: $custom-file-focus-border-color;
+    }
+  }
+
+  @each $lang, $value in $custom-file-text {
+    &:lang(#{$lang}) ~ .custom-file-label::after {
+      content: $value;
+    }
+  }
+}
+
+.custom-file-label {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1;
+  height: $custom-file-height;
+  padding: $custom-file-padding-y $custom-file-padding-x;
+  line-height: $custom-file-line-height;
+  color: $custom-file-color;
+  background-color: $custom-file-bg;
+  border: $custom-file-border-width solid $custom-file-border-color;
+  @include border-radius($custom-file-border-radius);
+  @include box-shadow($custom-file-box-shadow);
+
+  &::after {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 3;
+    display: block;
+    height: calc(#{$custom-file-height} - #{$custom-file-border-width} * 2);
+    padding: $custom-file-padding-y $custom-file-padding-x;
+    line-height: $custom-file-line-height;
+    color: $custom-file-button-color;
+    content: "Browse";
+    @include gradient-bg($custom-file-button-bg);
+    border-left: $custom-file-border-width solid $custom-file-border-color;
+    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);
+  }
+}
diff --git a/css/bootstrap/_dropdown.scss b/css/bootstrap/_dropdown.scss
new file mode 100644
index 0000000..a9d4cfe
--- /dev/null
+++ b/css/bootstrap/_dropdown.scss
@@ -0,0 +1,131 @@
+// The dropdown wrapper (`<div>`)
+.dropup,
+.dropdown {
+  position: relative;
+}
+
+.dropdown-toggle {
+  // Generate the caret automatically
+  @include caret;
+}
+
+// The dropdown menu
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: $zindex-dropdown;
+  display: none; // none by default, but block on "open" of the menu
+  float: left;
+  min-width: $dropdown-min-width;
+  padding: $dropdown-padding-y 0;
+  margin: $dropdown-spacer 0 0; // override default ul
+  font-size: $font-size-base; // Redeclare because nesting can cause inheritance issues
+  color: $body-color;
+  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
+  list-style: none;
+  background-color: $dropdown-bg;
+  background-clip: padding-box;
+  border: $dropdown-border-width solid $dropdown-border-color;
+  @include border-radius($dropdown-border-radius);
+  @include box-shadow($dropdown-box-shadow);
+}
+
+// Allow for dropdowns to go bottom up (aka, dropup-menu)
+// Just add .dropup after the standard .dropdown class and you're set.
+.dropup {
+  .dropdown-menu {
+    margin-top: 0;
+    margin-bottom: $dropdown-spacer;
+  }
+
+  .dropdown-toggle {
+    @include caret(up);
+  }
+}
+
+.dropright {
+  .dropdown-menu {
+    margin-top: 0;
+    margin-left: $dropdown-spacer;
+  }
+
+  .dropdown-toggle {
+    @include caret(right);
+    &::after {
+      vertical-align: 0;
+    }
+  }
+}
+
+.dropleft {
+  .dropdown-menu {
+    margin-top: 0;
+    margin-right: $dropdown-spacer;
+  }
+
+  .dropdown-toggle {
+    @include caret(left);
+    &::before {
+      vertical-align: 0;
+    }
+  }
+}
+
+// Dividers (basically an `<hr>`) within the dropdown
+.dropdown-divider {
+  @include nav-divider($dropdown-divider-bg);
+}
+
+// Links, buttons, and more within the dropdown menu
+//
+// `<button>`-specific styles are denoted with `// For <button>s`
+.dropdown-item {
+  display: block;
+  width: 100%; // For `<button>`s
+  padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+  clear: both;
+  font-weight: $font-weight-normal;
+  color: $dropdown-link-color;
+  text-align: inherit; // For `<button>`s
+  white-space: nowrap; // prevent links from randomly breaking onto new lines
+  background-color: transparent; // For `<button>`s
+  border: 0; // For `<button>`s
+
+  @include hover-focus {
+    color: $dropdown-link-hover-color;
+    text-decoration: none;
+    @include gradient-bg($dropdown-link-hover-bg);
+  }
+
+  &.active,
+  &:active {
+    color: $dropdown-link-active-color;
+    text-decoration: none;
+    @include gradient-bg($dropdown-link-active-bg);
+  }
+
+  &.disabled,
+  &:disabled {
+    color: $dropdown-link-disabled-color;
+    background-color: transparent;
+    // Remove CSS gradients if they're enabled
+    @if $enable-gradients {
+      background-image: none;
+    }
+  }
+}
+
+.dropdown-menu.show {
+  display: block;
+}
+
+// Dropdown section headers
+.dropdown-header {
+  display: block;
+  padding: $dropdown-padding-y $dropdown-item-padding-x;
+  margin-bottom: 0; // for use with heading elements
+  font-size: $font-size-sm;
+  color: $dropdown-header-color;
+  white-space: nowrap; // as with > li > a
+}
diff --git a/css/bootstrap/_forms.scss b/css/bootstrap/_forms.scss
new file mode 100644
index 0000000..b0954f8
--- /dev/null
+++ b/css/bootstrap/_forms.scss
@@ -0,0 +1,333 @@
+// stylelint-disable selector-no-qualifying-type
+
+//
+// Textual form controls
+//
+
+.form-control {
+  display: block;
+  width: 100%;
+  padding: $input-padding-y $input-padding-x;
+  font-size: $font-size-base;
+  line-height: $input-line-height;
+  color: $input-color;
+  background-color: $input-bg;
+  background-clip: padding-box;
+  border: $input-border-width solid $input-border-color;
+
+  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
+  @if $enable-rounded {
+    // Manually use the if/else instead of the mixin to account for iOS override
+    border-radius: $input-border-radius;
+  } @else {
+    // Otherwise undo the iOS default
+    border-radius: 0;
+  }
+
+  @include box-shadow($input-box-shadow);
+  @include transition($input-transition);
+
+  // Unstyle the caret on `<select>`s in IE10+.
+  &::-ms-expand {
+    background-color: transparent;
+    border: 0;
+  }
+
+  // Customize the `:focus` state to imitate native WebKit styles.
+  @include form-control-focus();
+
+  // Placeholder
+  &::placeholder {
+    color: $input-placeholder-color;
+    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
+    opacity: 1;
+  }
+
+  // Disabled and read-only inputs
+  //
+  // HTML5 says that controls under a fieldset > legend:first-child won't be
+  // disabled if the fieldset is disabled. Due to implementation difficulty, we
+  // don't honor that edge case; we style them as disabled anyway.
+  &:disabled,
+  &[readonly] {
+    background-color: $input-disabled-bg;
+    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
+    opacity: 1;
+  }
+}
+
+select.form-control {
+  &:not([size]):not([multiple]) {
+    height: $input-height;
+  }
+
+  &:focus::-ms-value {
+    // Suppress the nested default white text on blue background highlight given to
+    // the selected option text when the (still closed) <select> receives focus
+    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to
+    // match the appearance of the native widget.
+    // See https://github.com/twbs/bootstrap/issues/19398.
+    color: $input-color;
+    background-color: $input-bg;
+  }
+}
+
+// Make file inputs better match text inputs by forcing them to new lines.
+.form-control-file,
+.form-control-range {
+  display: block;
+  width: 100%;
+}
+
+
+//
+// Labels
+//
+
+// For use with horizontal and inline forms, when you need the label (or legend)
+// text to align with the form controls.
+.col-form-label {
+  padding-top: calc(#{$input-padding-y} + #{$input-border-width});
+  padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});
+  margin-bottom: 0; // Override the `<label>/<legend>` default
+  font-size: inherit; // Override the `<legend>` default
+  line-height: $input-line-height;
+}
+
+.col-form-label-lg {
+  padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});
+  padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});
+  font-size: $font-size-lg;
+  line-height: $input-line-height-lg;
+}
+
+.col-form-label-sm {
+  padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});
+  padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});
+  font-size: $font-size-sm;
+  line-height: $input-line-height-sm;
+}
+
+
+// Readonly controls as plain text
+//
+// Apply class to a readonly input to make it appear like regular plain
+// text (without any border, background color, focus indicator)
+
+.form-control-plaintext {
+  display: block;
+  width: 100%;
+  padding-top: $input-padding-y;
+  padding-bottom: $input-padding-y;
+  margin-bottom: 0; // match inputs if this class comes on inputs with default margins
+  line-height: $input-line-height;
+  background-color: transparent;
+  border: solid transparent;
+  border-width: $input-border-width 0;
+
+  &.form-control-sm,
+  &.form-control-lg {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+
+// Form control sizing
+//
+// Build on `.form-control` with modifier classes to decrease or increase the
+// height and font-size of form controls.
+//
+// The `.form-group-* form-control` variations are sadly duplicated to avoid the
+// issue documented in https://github.com/twbs/bootstrap/issues/15074.
+
+.form-control-sm {
+  padding: $input-padding-y-sm $input-padding-x-sm;
+  font-size: $font-size-sm;
+  line-height: $input-line-height-sm;
+  @include border-radius($input-border-radius-sm);
+}
+
+select.form-control-sm {
+  &:not([size]):not([multiple]) {
+    height: $input-height-sm;
+  }
+}
+
+.form-control-lg {
+  padding: $input-padding-y-lg $input-padding-x-lg;
+  font-size: $font-size-lg;
+  line-height: $input-line-height-lg;
+  @include border-radius($input-border-radius-lg);
+}
+
+select.form-control-lg {
+  &:not([size]):not([multiple]) {
+    height: $input-height-lg;
+  }
+}
+
+
+// Form groups
+//
+// Designed to help with the organization and spacing of vertical forms. For
+// horizontal forms, use the predefined grid classes.
+
+.form-group {
+  margin-bottom: $form-group-margin-bottom;
+}
+
+.form-text {
+  display: block;
+  margin-top: $form-text-margin-top;
+}
+
+
+// Form grid
+//
+// Special replacement for our grid system's `.row` for tighter form layouts.
+
+.form-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -5px;
+  margin-left: -5px;
+
+  > .col,
+  > [class*="col-"] {
+    padding-right: 5px;
+    padding-left: 5px;
+  }
+}
+
+
+// Checkboxes and radios
+//
+// Indent the labels to position radios/checkboxes as hanging controls.
+
+.form-check {
+  position: relative;
+  display: block;
+  padding-left: $form-check-input-gutter;
+}
+
+.form-check-input {
+  position: absolute;
+  margin-top: $form-check-input-margin-y;
+  margin-left: -$form-check-input-gutter;
+
+  &:disabled ~ .form-check-label {
+    color: $text-muted;
+  }
+}
+
+.form-check-label {
+  margin-bottom: 0; // Override default `<label>` bottom margin
+}
+
+.form-check-inline {
+  display: inline-flex;
+  align-items: center;
+  padding-left: 0; // Override base .form-check
+  margin-right: $form-check-inline-margin-x;
+
+  // Undo .form-check-input defaults and add some `margin-right`.
+  .form-check-input {
+    position: static;
+    margin-top: 0;
+    margin-right: $form-check-inline-input-margin-x;
+    margin-left: 0;
+  }
+}
+
+
+// Form validation
+//
+// Provide feedback to users when form field values are valid or invalid. Works
+// primarily for client-side validation via scoped `:invalid` and `:valid`
+// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
+// server side validation.
+
+@include form-validation-state("valid", $form-feedback-valid-color);
+@include form-validation-state("invalid", $form-feedback-invalid-color);
+
+// Inline forms
+//
+// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
+// forms begin stacked on extra small (mobile) devices and then go inline when
+// viewports reach <768px.
+//
+// Requires wrapping inputs and labels with `.form-group` for proper display of
+// default HTML form controls and our custom form controls (e.g., input groups).
+
+.form-inline {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)
+
+  // Because we use flex, the initial sizing of checkboxes is collapsed and
+  // doesn't occupy the full-width (which is what we want for xs grid tier),
+  // so we force that here.
+  .form-check {
+    width: 100%;
+  }
+
+  // Kick in the inline
+  @include media-breakpoint-up(sm) {
+    label {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 0;
+    }
+
+    // Inline-block all the things for "inline"
+    .form-group {
+      display: flex;
+      flex: 0 0 auto;
+      flex-flow: row wrap;
+      align-items: center;
+      margin-bottom: 0;
+    }
+
+    // Allow folks to *not* use `.form-group`
+    .form-control {
+      display: inline-block;
+      width: auto; // Prevent labels from stacking above inputs in `.form-group`
+      vertical-align: middle;
+    }
+
+    // Make static controls behave like regular ones
+    .form-control-plaintext {
+      display: inline-block;
+    }
+
+    .input-group {
+      width: auto;
+    }
+
+    // Remove default margin on radios/checkboxes that were used for stacking, and
+    // then undo the floating of radios and checkboxes to match.
+    .form-check {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: auto;
+      padding-left: 0;
+    }
+    .form-check-input {
+      position: relative;
+      margin-top: 0;
+      margin-right: $form-check-input-margin-x;
+      margin-left: 0;
+    }
+
+    .custom-control {
+      align-items: center;
+      justify-content: center;
+    }
+    .custom-control-label {
+      margin-bottom: 0;
+    }
+  }
+}
diff --git a/css/bootstrap/_functions.scss b/css/bootstrap/_functions.scss
new file mode 100644
index 0000000..1266d34
--- /dev/null
+++ b/css/bootstrap/_functions.scss
@@ -0,0 +1,86 @@
+// Bootstrap functions
+//
+// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.
+
+// Ascending
+// Used to evaluate Sass maps like our grid breakpoints.
+@mixin _assert-ascending($map, $map-name) {
+  $prev-key: null;
+  $prev-num: null;
+  @each $key, $num in $map {
+    @if $prev-num == null {
+      // Do nothing
+    } @else if not comparable($prev-num, $num) {
+      @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
+    } @else if $prev-num >= $num {
+      @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
+    }
+    $prev-key: $key;
+    $prev-num: $num;
+  }
+}
+
+// Starts at zero
+// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
+@mixin _assert-starts-at-zero($map) {
+  $values: map-values($map);
+  $first-value: nth($values, 1);
+  @if $first-value != 0 {
+    @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
+  }
+}
+
+// Replace `$search` with `$replace` in `$string`
+// Used on our SVG icon backgrounds for custom forms.
+//
+// @author Hugo Giraudel
+// @param {String} $string - Initial string
+// @param {String} $search - Substring to replace
+// @param {String} $replace ('') - New value
+// @return {String} - Updated string
+@function str-replace($string, $search, $replace: "") {
+  $index: str-index($string, $search);
+
+  @if $index {
+    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+  }
+
+  @return $string;
+}
+
+// Color contrast
+@function color-yiq($color) {
+  $r: red($color);
+  $g: green($color);
+  $b: blue($color);
+
+  $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
+
+  @if ($yiq >= $yiq-contrasted-threshold) {
+    @return $yiq-text-dark;
+  } @else {
+    @return $yiq-text-light;
+  }
+}
+
+// Retrieve color Sass maps
+@function color($key: "blue") {
+  @return map-get($colors, $key);
+}
+
+@function theme-color($key: "primary") {
+  @return map-get($theme-colors, $key);
+}
+
+@function gray($key: "100") {
+  @return map-get($grays, $key);
+}
+
+// Request a theme color level
+@function theme-color-level($color-name: "primary", $level: 0) {
+  $color: theme-color($color-name);
+  $color-base: if($level > 0, #000, #fff);
+  $level: abs($level);
+
+  @return mix($color-base, $color, $level * $theme-color-interval);
+}
diff --git a/css/bootstrap/_grid.scss b/css/bootstrap/_grid.scss
new file mode 100644
index 0000000..a227515
--- /dev/null
+++ b/css/bootstrap/_grid.scss
@@ -0,0 +1,52 @@
+// Container widths
+//
+// Set the container width, and override it for fixed navbars in media queries.
+
+@if $enable-grid-classes {
+  .container {
+    @include make-container();
+    @include make-container-max-widths();
+  }
+}
+
+// Fluid container
+//
+// Utilizes the mixin meant for fixed width containers, but with 100% width for
+// fluid, full width layouts.
+
+@if $enable-grid-classes {
+  .container-fluid {
+    @include make-container();
+  }
+}
+
+// Row
+//
+// Rows contain and clear the floats of your columns.
+
+@if $enable-grid-classes {
+  .row {
+    @include make-row();
+  }
+
+  // Remove the negative margin from default .row, then the horizontal padding
+  // from all immediate children columns (to prevent runaway style inheritance).
+  .no-gutters {
+    margin-right: 0;
+    margin-left: 0;
+
+    > .col,
+    > [class*="col-"] {
+      padding-right: 0;
+      padding-left: 0;
+    }
+  }
+}
+
+// Columns
+//
+// Common styles for small and large grid columns
+
+@if $enable-grid-classes {
+  @include make-grid-columns();
+}
diff --git a/css/bootstrap/_images.scss b/css/bootstrap/_images.scss
new file mode 100644
index 0000000..2bce02f
--- /dev/null
+++ b/css/bootstrap/_images.scss
@@ -0,0 +1,42 @@
+// Responsive images (ensure images don't scale beyond their parents)
+//
+// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.
+// We previously tried the "images are responsive by default" approach in Bootstrap v2,
+// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)
+// which weren't expecting the images within themselves to be involuntarily resized.
+// See also https://github.com/twbs/bootstrap/issues/18178
+.img-fluid {
+  @include img-fluid;
+}
+
+
+// Image thumbnails
+.img-thumbnail {
+  padding: $thumbnail-padding;
+  background-color: $thumbnail-bg;
+  border: $thumbnail-border-width solid $thumbnail-border-color;
+  @include border-radius($thumbnail-border-radius);
+  @include box-shadow($thumbnail-box-shadow);
+
+  // Keep them at most 100% wide
+  @include img-fluid;
+}
+
+//
+// Figures
+//
+
+.figure {
+  // Ensures the caption's text aligns with the image.
+  display: inline-block;
+}
+
+.figure-img {
+  margin-bottom: ($spacer / 2);
+  line-height: 1;
+}
+
+.figure-caption {
+  font-size: $figure-caption-font-size;
+  color: $figure-caption-color;
+}
diff --git a/css/bootstrap/_input-group.scss b/css/bootstrap/_input-group.scss
new file mode 100644
index 0000000..2f7b05d
--- /dev/null
+++ b/css/bootstrap/_input-group.scss
@@ -0,0 +1,159 @@
+// stylelint-disable selector-no-qualifying-type
+
+//
+// Base styles
+//
+
+.input-group {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap; // For form validation feedback
+  align-items: stretch;
+  width: 100%;
+
+  > .form-control,
+  > .custom-select,
+  > .custom-file {
+    position: relative; // For focus state's z-index
+    flex: 1 1 auto;
+    // Add width 1% and flex-basis auto to ensure that button will not wrap out
+    // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
+    width: 1%;
+    margin-bottom: 0;
+
+    // Bring the "active" form control to the top of surrounding elements
+    &:focus {
+      z-index: 3;
+    }
+
+    + .form-control,
+    + .custom-select,
+    + .custom-file {
+      margin-left: -$input-border-width;
+    }
+  }
+
+  > .form-control,
+  > .custom-select {
+    &:not(:last-child) { @include border-right-radius(0); }
+    &:not(:first-child) { @include border-left-radius(0); }
+  }
+
+  // Custom file inputs have more complex markup, thus requiring different
+  // border-radius overrides.
+  > .custom-file {
+    display: flex;
+    align-items: center;
+
+    &:not(:last-child) .custom-file-label,
+    &:not(:last-child) .custom-file-label::before { @include border-right-radius(0); }
+    &:not(:first-child) .custom-file-label,
+    &:not(:first-child) .custom-file-label::before { @include border-left-radius(0); }
+  }
+}
+
+
+// Prepend and append
+//
+// While it requires one extra layer of HTML for each, dedicated prepend and
+// append elements allow us to 1) be less clever, 2) simplify our selectors, and
+// 3) support HTML5 form validation.
+
+.input-group-prepend,
+.input-group-append {
+  display: flex;
+
+  // Ensure buttons are always above inputs for more visually pleasing borders.
+  // This isn't needed for `.input-group-text` since it shares the same border-color
+  // as our inputs.
+  .btn {
+    position: relative;
+    z-index: 2;
+  }
+
+  .btn + .btn,
+  .btn + .input-group-text,
+  .input-group-text + .input-group-text,
+  .input-group-text + .btn {
+    margin-left: -$input-border-width;
+  }
+}
+
+.input-group-prepend { margin-right: -$input-border-width; }
+.input-group-append { margin-left: -$input-border-width; }
+
+
+// Textual addons
+//
+// Serves as a catch-all element for any text or radio/checkbox input you wish
+// to prepend or append to an input.
+
+.input-group-text {
+  display: flex;
+  align-items: center;
+  padding: $input-padding-y $input-padding-x;
+  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
+  font-size: $font-size-base; // Match inputs
+  font-weight: $font-weight-normal;
+  line-height: $input-line-height;
+  color: $input-group-addon-color;
+  text-align: center;
+  white-space: nowrap;
+  background-color: $input-group-addon-bg;
+  border: $input-border-width solid $input-group-addon-border-color;
+  @include border-radius($input-border-radius);
+
+  // Nuke default margins from checkboxes and radios to vertically center within.
+  input[type="radio"],
+  input[type="checkbox"] {
+    margin-top: 0;
+  }
+}
+
+
+// Sizing
+//
+// Remix the default form control sizing classes into new ones for easier
+// manipulation.
+
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-prepend > .input-group-text,
+.input-group-lg > .input-group-append > .input-group-text,
+.input-group-lg > .input-group-prepend > .btn,
+.input-group-lg > .input-group-append > .btn {
+  @extend .form-control-lg;
+}
+
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-prepend > .input-group-text,
+.input-group-sm > .input-group-append > .input-group-text,
+.input-group-sm > .input-group-prepend > .btn,
+.input-group-sm > .input-group-append > .btn {
+  @extend .form-control-sm;
+}
+
+
+// Prepend and append rounded corners
+//
+// These rulesets must come after the sizing ones to properly override sm and lg
+// border-radius values when extending. They're more specific than we'd like
+// with the `.input-group >` part, but without it, we cannot override the sizing.
+
+
+.input-group > .input-group-prepend > .btn,
+.input-group > .input-group-prepend > .input-group-text,
+.input-group > .input-group-append:not(:last-child) > .btn,
+.input-group > .input-group-append:not(:last-child) > .input-group-text,
+.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
+  @include border-right-radius(0);
+}
+
+.input-group > .input-group-append > .btn,
+.input-group > .input-group-append > .input-group-text,
+.input-group > .input-group-prepend:not(:first-child) > .btn,
+.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
+.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
+.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
+  @include border-left-radius(0);
+}
diff --git a/css/bootstrap/_jumbotron.scss b/css/bootstrap/_jumbotron.scss
new file mode 100644
index 0000000..7966bba
--- /dev/null
+++ b/css/bootstrap/_jumbotron.scss
@@ -0,0 +1,16 @@
+.jumbotron {
+  padding: $jumbotron-padding ($jumbotron-padding / 2);
+  margin-bottom: $jumbotron-padding;
+  background-color: $jumbotron-bg;
+  @include border-radius($border-radius-lg);
+
+  @include media-breakpoint-up(sm) {
+    padding: ($jumbotron-padding * 2) $jumbotron-padding;
+  }
+}
+
+.jumbotron-fluid {
+  padding-right: 0;
+  padding-left: 0;
+  @include border-radius(0);
+}
diff --git a/css/bootstrap/_list-group.scss b/css/bootstrap/_list-group.scss
new file mode 100644
index 0000000..9f145c1
--- /dev/null
+++ b/css/bootstrap/_list-group.scss
@@ -0,0 +1,115 @@
+// Base class
+//
+// Easily usable on <ul>, <ol>, or <div>.
+
+.list-group {
+  display: flex;
+  flex-direction: column;
+
+  // No need to set list-style: none; since .list-group-item is block level
+  padding-left: 0; // reset padding because ul and ol
+  margin-bottom: 0;
+}
+
+
+// Interactive list items
+//
+// Use anchor or button elements instead of `li`s or `div`s to create interactive
+// list items. Includes an extra `.active` modifier class for selected items.
+
+.list-group-item-action {
+  width: 100%; // For `<button>`s (anchors become 100% by default though)
+  color: $list-group-action-color;
+  text-align: inherit; // For `<button>`s (anchors inherit)
+
+  // Hover state
+  @include hover-focus {
+    color: $list-group-action-hover-color;
+    text-decoration: none;
+    background-color: $list-group-hover-bg;
+  }
+
+  &:active {
+    color: $list-group-action-active-color;
+    background-color: $list-group-action-active-bg;
+  }
+}
+
+
+// Individual list items
+//
+// Use on `li`s or `div`s within the `.list-group` parent.
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: $list-group-item-padding-y $list-group-item-padding-x;
+  // Place the border on the list items and negative margin up for better styling
+  margin-bottom: -$list-group-border-width;
+  background-color: $list-group-bg;
+  border: $list-group-border-width solid $list-group-border-color;
+
+  &:first-child {
+    @include border-top-radius($list-group-border-radius);
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+    @include border-bottom-radius($list-group-border-radius);
+  }
+
+  @include hover-focus {
+    z-index: 1; // Place hover/active items above their siblings for proper border styling
+    text-decoration: none;
+  }
+
+  &.disabled,
+  &:disabled {
+    color: $list-group-disabled-color;
+    background-color: $list-group-disabled-bg;
+  }
+
+  // Include both here for `<a>`s and `<button>`s
+  &.active {
+    z-index: 2; // Place active items above their siblings for proper border styling
+    color: $list-group-active-color;
+    background-color: $list-group-active-bg;
+    border-color: $list-group-active-border-color;
+  }
+}
+
+
+// Flush list items
+//
+// Remove borders and border-radius to keep list group items edge-to-edge. Most
+// useful within other components (e.g., cards).
+
+.list-group-flush {
+  .list-group-item {
+    border-right: 0;
+    border-left: 0;
+    @include border-radius(0);
+  }
+
+  &:first-child {
+    .list-group-item:first-child {
+      border-top: 0;
+    }
+  }
+
+  &:last-child {
+    .list-group-item:last-child {
+      border-bottom: 0;
+    }
+  }
+}
+
+
+// Contextual variants
+//
+// Add modifier classes to change text and background color on individual items.
+// Organizationally, this must come after the `:hover` states.
+
+@each $color, $value in $theme-colors {
+  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
+}
diff --git a/css/bootstrap/_media.scss b/css/bootstrap/_media.scss
new file mode 100644
index 0000000..b573052
--- /dev/null
+++ b/css/bootstrap/_media.scss
@@ -0,0 +1,8 @@
+.media {
+  display: flex;
+  align-items: flex-start;
+}
+
+.media-body {
+  flex: 1;
+}
diff --git a/css/bootstrap/_mixins.scss b/css/bootstrap/_mixins.scss
new file mode 100644
index 0000000..d9a1774
--- /dev/null
+++ b/css/bootstrap/_mixins.scss
@@ -0,0 +1,42 @@
+// Toggles
+//
+// Used in conjunction with global variables to enable certain theme features.
+
+// Utilities
+@import "mixins/breakpoints";
+@import "mixins/hover";
+@import "mixins/image";
+@import "mixins/badge";
+@import "mixins/resize";
+@import "mixins/screen-reader";
+@import "mixins/size";
+@import "mixins/reset-text";
+@import "mixins/text-emphasis";
+@import "mixins/text-hide";
+@import "mixins/text-truncate";
+@import "mixins/visibility";
+
+// // Components
+@import "mixins/alert";
+@import "mixins/buttons";
+@import "mixins/caret";
+@import "mixins/pagination";
+@import "mixins/lists";
+@import "mixins/list-group";
+@import "mixins/nav-divider";
+@import "mixins/forms";
+@import "mixins/table-row";
+
+// // Skins
+@import "mixins/background-variant";
+@import "mixins/border-radius";
+@import "mixins/box-shadow";
+@import "mixins/gradients";
+@import "mixins/transition";
+
+// // Layout
+@import "mixins/clearfix";
+// @import "mixins/navbar-align";
+@import "mixins/grid-framework";
+@import "mixins/grid";
+@import "mixins/float";
diff --git a/css/bootstrap/_modal.scss b/css/bootstrap/_modal.scss
new file mode 100644
index 0000000..edda836
--- /dev/null
+++ b/css/bootstrap/_modal.scss
@@ -0,0 +1,168 @@
+// .modal-open      - body class for killing the scroll
+// .modal           - container to scroll within
+// .modal-dialog    - positioning shell for the actual modal
+// .modal-content   - actual modal w/ bg and corners and stuff
+
+
+// Kill the scroll on the body
+.modal-open {
+  overflow: hidden;
+}
+
+// Container that the modal scrolls within
+.modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: $zindex-modal;
+  display: none;
+  overflow: hidden;
+  // Prevent Chrome on Windows from adding a focus outline. For details, see
+  // https://github.com/twbs/bootstrap/pull/10951.
+  outline: 0;
+  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
+  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
+  // See also https://github.com/twbs/bootstrap/issues/17695
+
+  .modal-open & {
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+}
+
+// Shell div to position the modal with bottom padding
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: $modal-dialog-margin;
+  // allow clicks to pass through for custom click handling to close modal
+  pointer-events: none;
+
+  // When fading in the modal, animate it to slide down
+  .modal.fade & {
+    @include transition($modal-transition);
+    transform: translate(0, -25%);
+  }
+  .modal.show & {
+    transform: translate(0, 0);
+  }
+}
+
+.modal-dialog-centered {
+  display: flex;
+  align-items: center;
+  min-height: calc(100% - (#{$modal-dialog-margin} * 2));
+}
+
+// Actual modal
+.modal-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
+  // counteract the pointer-events: none; in the .modal-dialog
+  pointer-events: auto;
+  background-color: $modal-content-bg;
+  background-clip: padding-box;
+  border: $modal-content-border-width solid $modal-content-border-color;
+  @include border-radius($border-radius-lg);
+  @include box-shadow($modal-content-box-shadow-xs);
+  // Remove focus outline from opened modal
+  outline: 0;
+}
+
+// Modal background
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: $zindex-modal-backdrop;
+  background-color: $modal-backdrop-bg;
+
+  // Fade for backdrop
+  &.fade { opacity: 0; }
+  &.show { opacity: $modal-backdrop-opacity; }
+}
+
+// Modal header
+// Top section of the modal w/ title and dismiss
+.modal-header {
... 4783 lines suppressed ...

Reply | Threaded
Open this post in threaded view
|

[activemq-website] 02/45: Initial Import of ActiveMQ Website

martyntaylor
In reply to this post by martyntaylor
This is an automated email from the ASF dual-hosted git repository.

martyntaylor pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/activemq-website.git

commit 33cde8c167bfb36939246eb9c9411dc896cc0a61
Author: Martyn Taylor <[hidden email]>
AuthorDate: Wed Jul 25 11:10:01 2018 +0100

    Initial Import of ActiveMQ Website
---
 .../_variables.scssc                               | Bin 1227 -> 3994 bytes
 _includes/features.html                            | 121 ++++++
 _includes/footer.html                              |  52 +++
 _includes/head.html                                |   4 +-
 _includes/users.html                               |  49 +++
 _site/assets/img/apache-logo.png                   | Bin 0 -> 25977 bytes
 _site/assets/img/customers/igindex.png             | Bin 0 -> 2268 bytes
 _site/assets/img/features/protocol-translation.png | Bin 0 -> 10058 bytes
 _site/assets/img/main-logo.png                     | Bin 14576 -> 14583 bytes
 _site/css/main.css                                 | 461 ++++++++++++++-------
 _site/index.html                                   | 312 +++++++++++++-
 assets/img/apache-logo.png                         | Bin 0 -> 25977 bytes
 assets/img/customers/igindex.png                   | Bin 0 -> 2268 bytes
 assets/img/features/protocol-translation.png       | Bin 0 -> 10058 bytes
 assets/img/main-logo.png                           | Bin 14576 -> 14583 bytes
 css/custom/_variables.scss                         |  15 +-
 css/main.scss                                      | 201 +++++++++
 index.html                                         |  85 ++++
 18 files changed, 1143 insertions(+), 157 deletions(-)

diff --git a/.sass-cache/85ac98fe8c4c43833c0e54c39e78b7d4dbd6d975/_variables.scssc b/.sass-cache/85ac98fe8c4c43833c0e54c39e78b7d4dbd6d975/_variables.scssc
index e2b77a6..df1156e 100644
Binary files a/.sass-cache/85ac98fe8c4c43833c0e54c39e78b7d4dbd6d975/_variables.scssc and b/.sass-cache/85ac98fe8c4c43833c0e54c39e78b7d4dbd6d975/_variables.scssc differ
diff --git a/_includes/features.html b/_includes/features.html
new file mode 100644
index 0000000..5505b83
--- /dev/null
+++ b/_includes/features.html
@@ -0,0 +1,121 @@
+<!-- Features -->
+<div class="row narative-alt">
+  <div class="col-12">
+    <div class="container">
+      <!-- Narative 2 -->
+      <div class="row">
+        <div class="col-sm-12 narative-alt">
+          <div class="card">
+            <div class="card-body narative-alt">
+              <span>Create messaging infrastructure for any environment! Internet of Things, Cloud Messaging, Micro Services or Enterprise,
+                we have all the bells and whistles required.  Read about some of our core features below.</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Feature 1 -->
+<div class="row features">
+  <div class="col-12">
+    <div class="container">
+      <div class="row">
+        <div class="col-sm-12 col-md-4">
+          <div style="padding: 10px;" class="card card-white">
+            <h5 style="maring-left: 10px" class="card-title card-title-purple text-purple">
+              PROTOCOL TRANSLATION
+            </h5>
+            <h6>
+              SEND IN ONE PROTOCOL RECIEVE IN ANOTHER
+            </h6>
+            <div class="card-body">
+              <div class="row">
+                <div class="col-sm-12 col-lg-12 feature-img">
+                  <img  src="assets/img/features/protocol-translation.png"></img>
+                </div>
+                <div class="col-sm-12 col-lg-12 feature-narative">
+                  <p>Applications and deployment environments are varied
+                  by their very nature.  Use protocols that best suit your  specific
+                  applications and let ActiveMQ do the work of integrating the
+                  specific tecnologies for you.</p>
+
+                  <p>Produce telemetry data using MQTT for devices with limited
+                  resources.  Process via AMQP or JMS in your enterprise application.</p>
+                </div>
+                <div class="row">
+                  <div class="col-sm-12">
+                    <button style="margin-top: 10px" href="#" class="btn btn-warning">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-12 col-md-4">
+          <div style="padding: 10px" class="card card-white feature-purple">
+            <h5 style="maring-left: 10px" class="card-title card-title-pink text-pink">
+              BUILT IN REPLICATION
+            </h5>
+            <h6>
+              SEND IN ONE PROTOCOL RECIEVE IN ANOTHER
+            </h6>
+            <div class="card-body">
+              <div class="row">
+                <div class="col-sm-12 col-lg-12 feature-img">
+                  <img  src="assets/img/features/protocol-translation.png"></img>
+                </div>
+                <div class="col-sm-12 col-lg-12 feature-narative">
+                  <p>Applications and deployment environments are varied
+                  by their very nature.  Use protocols that best suit your  specific
+                  applications and let ActiveMQ do the work of integrating the
+                  specific tecnologies for you.</p>
+
+                  <p>Produce telemetry data using MQTT for devices with limited
+                  resources.  Process via AMQP or JMS in your enterprise application.</p>
+                </div>
+                <div class="row">
+                  <div class="col-sm-12">
+                    <button style="margin-top: 10px" href="#" class="btn btn-secondary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-12 col-md-4">
+          <div style="padding: 10px" class="card card-white feature-purple">
+            <h5 style="maring-left: 10px" class="card-title card-title-orange text-orange">
+              BUILT IN REPLICATION
+            </h5>
+            <h6>
+              SEND IN ONE PROTOCOL RECIEVE IN ANOTHER
+            </h6>
+            <div class="card-body">
+              <div class="row">
+                <div class="col-sm-12 col-lg-12 feature-img">
+                  <img  src="assets/img/features/protocol-translation.png"></img>
+                </div>
+                <div class="col-sm-12 col-lg-12 feature-narative">
+                  <p>Applications and deployment environments are varied
+                  by their very nature.  Use protocols that best suit your  specific
+                  applications and let ActiveMQ do the work of integrating the
+                  specific tecnologies for you.</p>
+
+                  <p>Produce telemetry data using MQTT for devices with limited
+                  resources.  Process via AMQP or JMS in your enterprise application.</p>
+                </div>
+              </div>
+              <div class="row">
+                <div class="col-sm-12">
+                  <button style="margin-top: 10px" href="#" class="btn btn-success">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/_includes/footer.html b/_includes/footer.html
index e69de29..eff0e34 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -0,0 +1,52 @@
+<div class="row sitemap">
+  <div class="col-sm-12">
+    <div class="container">
+      <div class="row">
+        <div class="col-sm-12 col-md-6">
+          <div class="row">
+            <div class="col-sm-4">
+              <h5>Projects</h5>
+              <ul>
+                <li><a href="#">Artemis</a></li>
+                <li><a href="#">ActiveMQ</a></li>
+                <li><a href="#">NMS</a></li>
+                <li><a href="#">CMS</a></li>
+              </ul>
+            </div>
+            <div class="col-sm-4">
+              <h5>Community</h5>
+              <ul>
+                <li><a href="#">Artemis</a></li>
+                <li><a href="#">ActiveMQ</a></li>
+                <li><a href="#">NMS</a></li>
+                <li><a href="#">CMS</a></li>
+              </ul>
+            </div>
+            <div class="col-sm-4">
+            <h5>Getting Started</h5>
+              <ul>
+                <li><a href="#">Artemis</a></li>
+                <li><a href="#">ActiveMQ</a></li>
+                <li><a href="#">NMS</a></li>
+                <li><a href="#">CMS</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-6">
+          <div class="row">
+            <div style="text-align: center; margin-bottom: 30px; margin-top: 30px;" class="col-sm-6">
+              Apache ActiveMQ is an open source project licensed under Apache License 2.0.
+            </div>
+            <div class="col-sm-6">
+              <div >
+                <img class="float-left" style="max-height: 100px" src="assets/img/main-logo.png"/>
+                <img class="float-right" style="max-height: 80px" src="assets/img/apache-logo.png"/>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/_includes/head.html b/_includes/head.html
index 0e426d0..56cf5a4 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -2,11 +2,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Jekyll and Bootstrap</title>
+    <title>ActiveMQ</title>
 
     <link rel="stylesheet" href="/css/main.css">
     <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js" integrity="sha384-SlE991lGASHoBfWbelyBPLsUlwY1GwNDJo3jSJO04KZ33K2bwfV9YBauFfnzvynJ" crossorigin="anonymous"></script>
     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
-</head>
\ No newline at end of file
+</head>
diff --git a/_includes/users.html b/_includes/users.html
new file mode 100644
index 0000000..2befe0a
--- /dev/null
+++ b/_includes/users.html
@@ -0,0 +1,49 @@
+<div class="users row">
+  <div class="col-sm-12">
+    <div class="container">
+      <div class="row">
+        <div class="col-sm-12">
+          <h2 style="margin-bottom: 20px; color: white">OUR USERS</h2>
+        </div>
+        <div class="row">
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/_site/assets/img/apache-logo.png b/_site/assets/img/apache-logo.png
new file mode 100644
index 0000000..f3b0ef9
Binary files /dev/null and b/_site/assets/img/apache-logo.png differ
diff --git a/_site/assets/img/customers/igindex.png b/_site/assets/img/customers/igindex.png
new file mode 100644
index 0000000..b4f01e0
Binary files /dev/null and b/_site/assets/img/customers/igindex.png differ
diff --git a/_site/assets/img/features/protocol-translation.png b/_site/assets/img/features/protocol-translation.png
new file mode 100644
index 0000000..d95c9cb
Binary files /dev/null and b/_site/assets/img/features/protocol-translation.png differ
diff --git a/_site/assets/img/main-logo.png b/_site/assets/img/main-logo.png
index cba87aa..aa20089 100644
Binary files a/_site/assets/img/main-logo.png and b/_site/assets/img/main-logo.png differ
diff --git a/_site/css/main.css b/_site/css/main.css
index 695d57e..78d6685 100644
--- a/_site/css/main.css
+++ b/_site/css/main.css
@@ -5,14 +5,14 @@
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  */
 :root {
-  --blue: #007bff;
+  --blue: #3e489f;
   --indigo: #6610f2;
-  --purple: #6f42c1;
-  --pink: #e83e8c;
+  --purple: #714099;
+  --pink: #c12766;
   --red: #dc3545;
-  --orange: #fd7e14;
+  --orange: #cf242a;
   --yellow: #ffc107;
-  --green: #28a745;
+  --green: #78932c;
   --teal: #20c997;
   --cyan: #17a2b8;
   --white: #fff;
@@ -20,9 +20,9 @@
   --gray-dark: #343a40;
   --primary: #78932c;
   --secondary: #c12766;
-  --success: #28a745;
-  --info: #17a2b8;
-  --warning: #ffc107;
+  --success: #cf242a;
+  --info: #3e489f;
+  --warning: #714099;
   --danger: #dc3545;
   --light: #f8f9fa;
   --dark: #343a40;
@@ -420,7 +420,7 @@ samp {
 
 code {
   font-size: 87.5%;
-  color: #e83e8c;
+  color: #c12766;
   word-break: break-word; }
   a > code {
     color: inherit; }
@@ -1255,35 +1255,35 @@ pre {
 .table-success,
 .table-success > th,
 .table-success > td {
-  background-color: #c3e6cb; }
+  background-color: #f2c2c3; }
 
 .table-hover .table-success:hover {
-  background-color: #b1dfbb; }
+  background-color: #eeadae; }
   .table-hover .table-success:hover > td,
   .table-hover .table-success:hover > th {
-    background-color: #b1dfbb; }
+    background-color: #eeadae; }
 
 .table-info,
 .table-info > th,
 .table-info > td {
-  background-color: #bee5eb; }
+  background-color: #c9cce4; }
 
 .table-hover .table-info:hover {
-  background-color: #abdde5; }
+  background-color: #b8bcdc; }
   .table-hover .table-info:hover > td,
   .table-hover .table-info:hover > th {
-    background-color: #abdde5; }
+    background-color: #b8bcdc; }
 
 .table-warning,
 .table-warning > th,
 .table-warning > td {
-  background-color: #ffeeba; }
+  background-color: #d7cae2; }
 
 .table-hover .table-warning:hover {
-  background-color: #ffe8a1; }
+  background-color: #cbbad9; }
   .table-hover .table-warning:hover > td,
   .table-hover .table-warning:hover > th {
-    background-color: #ffe8a1; }
+    background-color: #cbbad9; }
 
 .table-danger,
 .table-danger > th,
@@ -1559,7 +1559,7 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
   width: 100%;
   margin-top: 0.25rem;
   font-size: 80%;
-  color: #28a745; }
+  color: #cf242a; }
 
 .valid-tooltip {
   position: absolute;
@@ -1572,18 +1572,18 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
   font-size: .875rem;
   line-height: 1;
   color: #fff;
-  background-color: rgba(40, 167, 69, 0.8);
+  background-color: rgba(207, 36, 42, 0.8);
   border-radius: .2rem; }
 
 .was-validated .form-control:valid, .form-control.is-valid,
 .was-validated .custom-select:valid,
 .custom-select.is-valid {
-  border-color: #28a745; }
+  border-color: #cf242a; }
   .was-validated .form-control:valid:focus, .form-control.is-valid:focus,
   .was-validated .custom-select:valid:focus,
   .custom-select.is-valid:focus {
-    border-color: #28a745;
-    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
+    border-color: #cf242a;
+    box-shadow: 0 0 0 0.2rem rgba(207, 36, 42, 0.25); }
   .was-validated .form-control:valid ~ .valid-feedback,
   .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
   .form-control.is-valid ~ .valid-tooltip,
@@ -1594,27 +1594,27 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
     display: block; }
 
 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
-  color: #28a745; }
+  color: #cf242a; }
 .was-validated .form-check-input:valid ~ .valid-feedback,
 .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
 .form-check-input.is-valid ~ .valid-tooltip {
   display: block; }
 
 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
-  color: #28a745; }
+  color: #cf242a; }
   .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
-    background-color: #71dd8a; }
+    background-color: #ea888c; }
 .was-validated .custom-control-input:valid ~ .valid-feedback,
 .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
 .custom-control-input.is-valid ~ .valid-tooltip {
   display: block; }
 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
-  background-color: #34ce57; }
+  background-color: #df474c; }
 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(207, 36, 42, 0.25); }
 
 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
-  border-color: #28a745; }
+  border-color: #cf242a; }
   .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
     border-color: inherit; }
 .was-validated .custom-file-input:valid ~ .valid-feedback,
@@ -1622,7 +1622,7 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
 .custom-file-input.is-valid ~ .valid-tooltip {
   display: block; }
 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
-  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
+  box-shadow: 0 0 0 0.2rem rgba(207, 36, 42, 0.25); }
 
 .invalid-feedback {
   display: none;
@@ -1810,66 +1810,66 @@ fieldset:disabled a.btn {
 
 .btn-success {
   color: #fff;
-  background-color: #28a745;
-  border-color: #28a745; }
+  background-color: #cf242a;
+  border-color: #cf242a; }
   .btn-success:hover {
     color: #fff;
-    background-color: #218838;
-    border-color: #1e7e34; }
+    background-color: #ae1e23;
+    border-color: #a41c21; }
   .btn-success:focus, .btn-success.focus {
-    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(207, 36, 42, 0.5); }
   .btn-success.disabled, .btn-success:disabled {
     color: #fff;
-    background-color: #28a745;
-    border-color: #28a745; }
+    background-color: #cf242a;
+    border-color: #cf242a; }
   .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
     color: #fff;
-    background-color: #1e7e34;
-    border-color: #1c7430; }
+    background-color: #a41c21;
+    border-color: #991b1f; }
     .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(207, 36, 42, 0.5); }
 
 .btn-info {
   color: #fff;
-  background-color: #17a2b8;
-  border-color: #17a2b8; }
+  background-color: #3e489f;
+  border-color: #3e489f; }
   .btn-info:hover {
     color: #fff;
-    background-color: #138496;
-    border-color: #117a8b; }
+    background-color: #333c83;
+    border-color: #30377a; }
   .btn-info:focus, .btn-info.focus {
-    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(62, 72, 159, 0.5); }
   .btn-info.disabled, .btn-info:disabled {
     color: #fff;
-    background-color: #17a2b8;
-    border-color: #17a2b8; }
+    background-color: #3e489f;
+    border-color: #3e489f; }
   .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
     color: #fff;
-    background-color: #117a8b;
-    border-color: #10707f; }
+    background-color: #30377a;
+    border-color: #2c3371; }
     .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(62, 72, 159, 0.5); }
 
 .btn-warning {
-  color: #212529;
-  background-color: #ffc107;
-  border-color: #ffc107; }
+  color: #fff;
+  background-color: #714099;
+  border-color: #714099; }
   .btn-warning:hover {
-    color: #212529;
-    background-color: #e0a800;
-    border-color: #d39e00; }
+    color: #fff;
+    background-color: #5d357e;
+    border-color: #563175; }
   .btn-warning:focus, .btn-warning.focus {
-    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(113, 64, 153, 0.5); }
   .btn-warning.disabled, .btn-warning:disabled {
-    color: #212529;
-    background-color: #ffc107;
-    border-color: #ffc107; }
+    color: #fff;
+    background-color: #714099;
+    border-color: #714099; }
   .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
-    color: #212529;
-    background-color: #d39e00;
-    border-color: #c69500; }
+    color: #fff;
+    background-color: #563175;
+    border-color: #502d6c; }
     .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(113, 64, 153, 0.5); }
 
 .btn-danger {
   color: #fff;
@@ -1977,67 +1977,67 @@ fieldset:disabled a.btn {
       box-shadow: 0 0 0 0.2rem rgba(193, 39, 102, 0.5); }
 
 .btn-outline-success {
-  color: #28a745;
+  color: #cf242a;
   background-color: transparent;
   background-image: none;
-  border-color: #28a745; }
+  border-color: #cf242a; }
   .btn-outline-success:hover {
     color: #fff;
-    background-color: #28a745;
-    border-color: #28a745; }
+    background-color: #cf242a;
+    border-color: #cf242a; }
   .btn-outline-success:focus, .btn-outline-success.focus {
-    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(207, 36, 42, 0.5); }
   .btn-outline-success.disabled, .btn-outline-success:disabled {
-    color: #28a745;
+    color: #cf242a;
     background-color: transparent; }
   .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
     color: #fff;
-    background-color: #28a745;
-    border-color: #28a745; }
+    background-color: #cf242a;
+    border-color: #cf242a; }
     .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(207, 36, 42, 0.5); }
 
 .btn-outline-info {
-  color: #17a2b8;
+  color: #3e489f;
   background-color: transparent;
   background-image: none;
-  border-color: #17a2b8; }
+  border-color: #3e489f; }
   .btn-outline-info:hover {
     color: #fff;
-    background-color: #17a2b8;
-    border-color: #17a2b8; }
+    background-color: #3e489f;
+    border-color: #3e489f; }
   .btn-outline-info:focus, .btn-outline-info.focus {
-    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(62, 72, 159, 0.5); }
   .btn-outline-info.disabled, .btn-outline-info:disabled {
-    color: #17a2b8;
+    color: #3e489f;
     background-color: transparent; }
   .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
     color: #fff;
-    background-color: #17a2b8;
-    border-color: #17a2b8; }
+    background-color: #3e489f;
+    border-color: #3e489f; }
     .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(62, 72, 159, 0.5); }
 
 .btn-outline-warning {
-  color: #ffc107;
+  color: #714099;
   background-color: transparent;
   background-image: none;
-  border-color: #ffc107; }
+  border-color: #714099; }
   .btn-outline-warning:hover {
-    color: #212529;
-    background-color: #ffc107;
-    border-color: #ffc107; }
+    color: #fff;
+    background-color: #714099;
+    border-color: #714099; }
   .btn-outline-warning:focus, .btn-outline-warning.focus {
-    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(113, 64, 153, 0.5); }
   .btn-outline-warning.disabled, .btn-outline-warning:disabled {
-    color: #ffc107;
+    color: #714099;
     background-color: transparent; }
   .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
-    color: #212529;
-    background-color: #ffc107;
-    border-color: #ffc107; }
+    color: #fff;
+    background-color: #714099;
+    border-color: #714099; }
     .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(113, 64, 153, 0.5); }
 
 .btn-outline-danger {
   color: #dc3545;
@@ -3296,27 +3296,27 @@ tbody.collapse.show {
 
 .badge-success {
   color: #fff;
-  background-color: #28a745; }
+  background-color: #cf242a; }
   .badge-success[href]:hover, .badge-success[href]:focus {
     color: #fff;
     text-decoration: none;
-    background-color: #1e7e34; }
+    background-color: #a41c21; }
 
 .badge-info {
   color: #fff;
-  background-color: #17a2b8; }
+  background-color: #3e489f; }
   .badge-info[href]:hover, .badge-info[href]:focus {
     color: #fff;
     text-decoration: none;
-    background-color: #117a8b; }
+    background-color: #30377a; }
 
 .badge-warning {
-  color: #212529;
-  background-color: #ffc107; }
+  color: #fff;
+  background-color: #714099; }
   .badge-warning[href]:hover, .badge-warning[href]:focus {
-    color: #212529;
+    color: #fff;
     text-decoration: none;
-    background-color: #d39e00; }
+    background-color: #563175; }
 
 .badge-danger {
   color: #fff;
@@ -3397,31 +3397,31 @@ tbody.collapse.show {
     color: #3a0c1e; }
 
 .alert-success {
-  color: #155724;
-  background-color: #d4edda;
-  border-color: #c3e6cb; }
+  color: #6c1316;
+  background-color: #f5d3d4;
+  border-color: #f2c2c3; }
   .alert-success hr {
-    border-top-color: #b1dfbb; }
+    border-top-color: #eeadae; }
   .alert-success .alert-link {
-    color: #0b2e13; }
+    color: #410b0d; }
 
 .alert-info {
-  color: #0c5460;
-  background-color: #d1ecf1;
-  border-color: #bee5eb; }
+  color: #202553;
+  background-color: #d8daec;
+  border-color: #c9cce4; }
   .alert-info hr {
-    border-top-color: #abdde5; }
+    border-top-color: #b8bcdc; }
   .alert-info .alert-link {
-    color: #062c33; }
+    color: #12152e; }
 
 .alert-warning {
-  color: #856404;
-  background-color: #fff3cd;
-  border-color: #ffeeba; }
+  color: #3b2150;
+  background-color: #e3d9eb;
+  border-color: #d7cae2; }
   .alert-warning hr {
-    border-top-color: #ffe8a1; }
+    border-top-color: #cbbad9; }
   .alert-warning .alert-link {
-    color: #533f03; }
+    color: #20122c; }
 
 .alert-danger {
   color: #721c24;
@@ -3562,37 +3562,37 @@ tbody.collapse.show {
     border-color: #641435; }
 
 .list-group-item-success {
-  color: #155724;
-  background-color: #c3e6cb; }
+  color: #6c1316;
+  background-color: #f2c2c3; }
   .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
-    color: #155724;
-    background-color: #b1dfbb; }
+    color: #6c1316;
+    background-color: #eeadae; }
   .list-group-item-success.list-group-item-action.active {
     color: #fff;
-    background-color: #155724;
-    border-color: #155724; }
+    background-color: #6c1316;
+    border-color: #6c1316; }
 
 .list-group-item-info {
-  color: #0c5460;
-  background-color: #bee5eb; }
+  color: #202553;
+  background-color: #c9cce4; }
   .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
-    color: #0c5460;
-    background-color: #abdde5; }
+    color: #202553;
+    background-color: #b8bcdc; }
   .list-group-item-info.list-group-item-action.active {
     color: #fff;
-    background-color: #0c5460;
-    border-color: #0c5460; }
+    background-color: #202553;
+    border-color: #202553; }
 
 .list-group-item-warning {
-  color: #856404;
-  background-color: #ffeeba; }
+  color: #3b2150;
+  background-color: #d7cae2; }
   .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
-    color: #856404;
-    background-color: #ffe8a1; }
+    color: #3b2150;
+    background-color: #cbbad9; }
   .list-group-item-warning.list-group-item-action.active {
     color: #fff;
-    background-color: #856404;
-    border-color: #856404; }
+    background-color: #3b2150;
+    border-color: #3b2150; }
 
 .list-group-item-danger {
   color: #721c24;
@@ -4149,28 +4149,28 @@ button.bg-secondary:focus {
   background-color: #971e50 !important; }
 
 .bg-success {
-  background-color: #28a745 !important; }
+  background-color: #cf242a !important; }
 
 a.bg-success:hover, a.bg-success:focus,
 button.bg-success:hover,
 button.bg-success:focus {
-  background-color: #1e7e34 !important; }
+  background-color: #a41c21 !important; }
 
 .bg-info {
-  background-color: #17a2b8 !important; }
+  background-color: #3e489f !important; }
 
 a.bg-info:hover, a.bg-info:focus,
 button.bg-info:hover,
 button.bg-info:focus {
-  background-color: #117a8b !important; }
+  background-color: #30377a !important; }
 
 .bg-warning {
-  background-color: #ffc107 !important; }
+  background-color: #714099 !important; }
 
 a.bg-warning:hover, a.bg-warning:focus,
 button.bg-warning:hover,
 button.bg-warning:focus {
-  background-color: #d39e00 !important; }
+  background-color: #563175 !important; }
 
 .bg-danger {
   background-color: #dc3545 !important; }
@@ -4239,13 +4239,13 @@ button.bg-dark:focus {
   border-color: #c12766 !important; }
 
 .border-success {
-  border-color: #28a745 !important; }
+  border-color: #cf242a !important; }
 
 .border-info {
-  border-color: #17a2b8 !important; }
+  border-color: #3e489f !important; }
 
 .border-warning {
-  border-color: #ffc107 !important; }
+  border-color: #714099 !important; }
 
 .border-danger {
   border-color: #dc3545 !important; }
@@ -6378,22 +6378,22 @@ a.text-secondary:hover, a.text-secondary:focus {
   color: #971e50 !important; }
 
 .text-success {
-  color: #28a745 !important; }
+  color: #cf242a !important; }
 
 a.text-success:hover, a.text-success:focus {
-  color: #1e7e34 !important; }
+  color: #a41c21 !important; }
 
 .text-info {
-  color: #17a2b8 !important; }
+  color: #3e489f !important; }
 
 a.text-info:hover, a.text-info:focus {
-  color: #117a8b !important; }
+  color: #30377a !important; }
 
 .text-warning {
-  color: #ffc107 !important; }
+  color: #714099 !important; }
 
 a.text-warning:hover, a.text-warning:focus {
-  color: #d39e00 !important; }
+  color: #563175 !important; }
 
 .text-danger {
   color: #dc3545 !important; }
@@ -6497,12 +6497,20 @@ ul.navbar-nav {
   margin-top: 10px; }
 
 .content {
-  margin-top: 60px; }
+  margin-top: 60px;
+  width: 100%; }
+
+.container {
+  padding: 0 10px 0 10px; }
+
+body {
+  width: 100%; }
 
 .slider {
   background-color: #78932c;
   margin: auto;
-  text-align: left !important; }
+  text-align: left !important;
+  margin-bottom: 20px; }
 
 .logo {
   padding-left: 20px; }
@@ -6535,6 +6543,10 @@ a.get-started:hover {
   border: 2px solid #c12766;
   background-color: white; }
 
+.navbar {
+  display: block;
+  position: fixed; }
+
 .nav {
   border-bottom: 1px solid black; }
 
@@ -6560,3 +6572,150 @@ table.slider {
 
 .slider-lg {
   height: 400px; }
+
+.narative-alt {
+  font-size: 1.2rem;
+  color: white;
+  padding: 10px !important;
+  background-color: grey; }
+
+.narative {
+  font-size: 1.2rem;
+  color: grey;
+  padding: 10px !important;
+  background-color: white; }
+
+.feature-narative {
+  font-size: 1rem;
+  padding: 0px !important; }
+
+.card {
+  border: 0 !important;
+  border-radius: 0 !important; }
+
+.card-purple {
+  border-left: 5px solid #714099 !important;
+  margin-bottom: 40px; }
+
+.card-pink {
+  border: 0 !important;
+  border-left: 5px solid #c12766 !important;
+  border-radius: 0 !important;
+  margin-bottom: 40px; }
+
+.card-orange {
+  border: 0 !important;
+  border-left: 5px solid #cf242a !important;
+  border-radius: 0 !important;
+  margin-bottom: 40px; }
+
+.card-blue {
+  border: 0 !important;
+  border-left: 5px solid #3e489f !important;
+  border-radius: 0 !important;
+  margin-bottom: 40px; }
+
+.card-white {
+  border: 0 !important;
+  border-left: 5px solid white !important;
+  border-radius: 0 !important;
+  padding: 0 30px 0 30px !important; }
+
+.text-purple {
+  color: #714099 !important; }
+
+.text-pink {
+  color: #c12766 !important; }
+
+.text-orange {
+  color: #cf242a !important; }
+
+.text-blue {
+  color: #3e489f !important; }
+
+.text-green {
+  color: #78932c !important; }
+
+.text-white {
+  color: white !important; }
+
+h5 {
+  font-weight: bold; }
+
+h6 {
+  font-weight: bold; }
+
+.btn-icon {
+  margin-left: 10px; }
+
+.feature-img {
+  text-align: center;
+  padding: 20px;
+  vertical-align: middle; }
+
+.sitemap {
+  background-color: grey;
+  color: white !important;
+  padding: 50px; }
+
+.sitemap a {
+  color: white;
+  text-decoration: none; }
+
+.sitemap li {
+  list-style-type: none; }
+
+.sitemap ul {
+  padding: 0px; }
+
+.users {
+  background-color: #78932c;
+  padding: 50px;
+  text-align: center; }
+
+.users .container {
+  background-color: #78932c;
+  margin-bottom: 20px; }
+
+.user-logo {
+  padding: 20px; }
+
+.features {
+  background-color: white;
+  color: grey;
+  padding-top: 30px;
+  padding-bottom: 30px; }
+
+.features .container .card {
+  background: none; }
+
+.features .narative {
+  color: white;
+  background-color: grey; }
+
+.feature-purple {
+  background-color: #714099; }
+
+.feature-pink {
+  background-color: #c12766; }
+
+.feature-blue {
+  background-color: #714099; }
+
+.feature-orange {
+  background-color: #714099; }
+
+.card-title-purple {
+  padding-top: 10px;
+  border-top: 5px solid #714099; }
+
+.card-title-pink {
+  padding-top: 10px;
+  border-top: 5px solid #c12766; }
+
+.card-title-orange {
+  padding-top: 10px;
+  border-top: 5px solid #cf242a; }
+
+.navbar {
+  border-bottom: 1px solid black; }
diff --git a/_site/index.html b/_site/index.html
index d115ed6..ce5646b 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Jekyll and Bootstrap</title>
+    <title>ActiveMQ</title>
 
     <link rel="stylesheet" href="/css/main.css">
     <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js" integrity="sha384-SlE991lGASHoBfWbelyBPLsUlwY1GwNDJo3jSJO04KZ33K2bwfV9YBauFfnzvynJ" crossorigin="anonymous"></script>
@@ -12,6 +12,7 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
 </head>
+
 <body>
     
 <nav class="navbar navbar-expand-lg navbar-light fixed-top">
@@ -75,7 +76,314 @@
     </div>
 </div>
 
+<div class="container">
+  <!-- Narative -->
+  <div class="row">
+    <div class="col-sm-12 narative">
+      <div class="card">
+        <div class="card-body narative">
+            <span>From brokers to clients ActiveMQ has everything required to build scalable, fault tolerant, messaging infrastructure.  Proven
+            resilience, standards based technologies and super fast performance.</span>
+        </div>
+      </div>
     </div>
-    
+  </div>
+  <!-- Projects -->
+  <div class="row">
+    <div class="col-lg-3 col-md-6">
+      <div class="card card-purple">
+        <div class="card-body">
+          <h5 class="card-title text-purple">Artemis</h5>
+          <h6>BROKER + JMS CLIENT</h6>
+          <p>Artemis is ActiveMQ's next generation message broker</p>
+          <ul>
+            <li>Event driven core engine</li>
+            <li>Multi protocol support</li>
+            <li>Built in data replication</li>
+          </ul>
+          <button style="margin-top: 10px" href="#" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <button style="margin-top: 10px" href="#" class="btn btn-warning">Download Latest<i class="fa-download fa btn-icon"></i></button>
+        </div>
+      </div>
+    </div>
+    <div class="col-lg-3 col-md-6">
+      <div class="card card-pink">
+        <div class="card-body">
+          <h5 class="card-title text-pink">ActiveMQ</h5>
+          <h6>BROKER + JMS CLIENT</h6>
+          <p>Artemis is ActiveMQ's next generation message broker</p>
+          <ul>
+            <li>Event driven core engine</li>
+            <li>Multi protocol support</li>
+            <li>Built in data replication</li>
+          </ul>
+          <button style="margin-top: 10px" href="#" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <button style="margin-top: 10px" href="#" class="btn btn-secondary">Download Latest<i class="fa-download fa btn-icon"></i></button>
+        </div>
+      </div>
+    </div>
+    <div class="col-lg-3 col-md-6">
+      <div class="card card-orange">
+        <div class="card-body">
+          <h5 class="card-title text-orange">NMS</h5>
+          <h6>DOT NET CLIENT</h6>
+          <p>Artemis is ActiveMQ's next generation message broker</p>
+          <ul>
+            <li>Event driven core engine</li>
+            <li>Multi protocol support</li>
+            <li>Built in data replication</li>
+          </ul>
+          <button style="margin-top: 10px" href="#" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <button style="margin-top: 10px" href="#" class="btn btn-success">Download Latest<i class="fa-download fa btn-icon"></i></button>
+        </div>
+      </div>
+    </div>
+    <div class="col-lg-3 col-md-6">
+      <div class="card card-blue">
+        <div class="card-body">
+          <h5 class="card-title text-blue">CMS</h5>
+          <h6>C++ CLIENT</h6>
+          <p>Artemis is ActiveMQ's next generation message broker</p>
+          <ul>
+            <li>Event driven core engine</li>
+            <li>Multi protocol support</li>
+            <li>Built in data replication</li>
+          </ul>
+          <button style="margin-top: 10px" href="#" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <button style="margin-top: 10px" href="#" class="btn btn-info">Download Latest<i class="fa-download fa btn-icon"></i></button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</div>
+
+<!-- Features -->
+<div class="row narative-alt">
+  <div class="col-12">
+    <div class="container">
+      <!-- Narative 2 -->
+      <div class="row">
+        <div class="col-sm-12 narative-alt">
+          <div class="card">
+            <div class="card-body narative-alt">
+              <span>Create messaging infrastructure for any environment! Internet of Things, Cloud Messaging, Micro Services or Enterprise,
+                we have all the bells and whistles required.  Read about some of our core features below.</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Feature 1 -->
+<div class="row features">
+  <div class="col-12">
+    <div class="container">
+      <div class="row">
+        <div class="col-sm-12 col-md-4">
+          <div style="padding: 10px;" class="card card-white">
+            <h5 style="maring-left: 10px" class="card-title card-title-purple text-purple">
+              PROTOCOL TRANSLATION
+            </h5>
+            <h6>
+              SEND IN ONE PROTOCOL RECIEVE IN ANOTHER
+            </h6>
+            <div class="card-body">
+              <div class="row">
+                <div class="col-sm-12 col-lg-12 feature-img">
+                  <img  src="assets/img/features/protocol-translation.png"></img>
+                </div>
+                <div class="col-sm-12 col-lg-12 feature-narative">
+                  <p>Applications and deployment environments are varied
+                  by their very nature.  Use protocols that best suit your  specific
+                  applications and let ActiveMQ do the work of integrating the
+                  specific tecnologies for you.</p>
+
+                  <p>Produce telemetry data using MQTT for devices with limited
+                  resources.  Process via AMQP or JMS in your enterprise application.</p>
+                </div>
+                <div class="row">
+                  <div class="col-sm-12">
+                    <button style="margin-top: 10px" href="#" class="btn btn-warning">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-12 col-md-4">
+          <div style="padding: 10px" class="card card-white feature-purple">
+            <h5 style="maring-left: 10px" class="card-title card-title-pink text-pink">
+              BUILT IN REPLICATION
+            </h5>
+            <h6>
+              SEND IN ONE PROTOCOL RECIEVE IN ANOTHER
+            </h6>
+            <div class="card-body">
+              <div class="row">
+                <div class="col-sm-12 col-lg-12 feature-img">
+                  <img  src="assets/img/features/protocol-translation.png"></img>
+                </div>
+                <div class="col-sm-12 col-lg-12 feature-narative">
+                  <p>Applications and deployment environments are varied
+                  by their very nature.  Use protocols that best suit your  specific
+                  applications and let ActiveMQ do the work of integrating the
+                  specific tecnologies for you.</p>
+
+                  <p>Produce telemetry data using MQTT for devices with limited
+                  resources.  Process via AMQP or JMS in your enterprise application.</p>
+                </div>
+                <div class="row">
+                  <div class="col-sm-12">
+                    <button style="margin-top: 10px" href="#" class="btn btn-secondary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-12 col-md-4">
+          <div style="padding: 10px" class="card card-white feature-purple">
+            <h5 style="maring-left: 10px" class="card-title card-title-orange text-orange">
+              BUILT IN REPLICATION
+            </h5>
+            <h6>
+              SEND IN ONE PROTOCOL RECIEVE IN ANOTHER
+            </h6>
+            <div class="card-body">
+              <div class="row">
+                <div class="col-sm-12 col-lg-12 feature-img">
+                  <img  src="assets/img/features/protocol-translation.png"></img>
+                </div>
+                <div class="col-sm-12 col-lg-12 feature-narative">
+                  <p>Applications and deployment environments are varied
+                  by their very nature.  Use protocols that best suit your  specific
+                  applications and let ActiveMQ do the work of integrating the
+                  specific tecnologies for you.</p>
+
+                  <p>Produce telemetry data using MQTT for devices with limited
+                  resources.  Process via AMQP or JMS in your enterprise application.</p>
+                </div>
+              </div>
+              <div class="row">
+                <div class="col-sm-12">
+                  <button style="margin-top: 10px" href="#" class="btn btn-success">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="users row">
+  <div class="col-sm-12">
+    <div class="container">
+      <div class="row">
+        <div class="col-sm-12">
+          <h2 style="margin-bottom: 20px; color: white">OUR USERS</h2>
+        </div>
+        <div class="row">
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+          <div class="user-logo col-sm-4 col-md-2">
+            <img src="assets/img/customers/igindex.png"/>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+    </div>
+    <div class="row sitemap">
+  <div class="col-sm-12">
+    <div class="container">
+      <div class="row">
+        <div class="col-sm-12 col-md-6">
+          <div class="row">
+            <div class="col-sm-4">
+              <h5>Projects</h5>
+              <ul>
+                <li><a href="#">Artemis</a></li>
+                <li><a href="#">ActiveMQ</a></li>
+                <li><a href="#">NMS</a></li>
+                <li><a href="#">CMS</a></li>
+              </ul>
+            </div>
+            <div class="col-sm-4">
+              <h5>Community</h5>
+              <ul>
+                <li><a href="#">Artemis</a></li>
+                <li><a href="#">ActiveMQ</a></li>
+                <li><a href="#">NMS</a></li>
+                <li><a href="#">CMS</a></li>
+              </ul>
+            </div>
+            <div class="col-sm-4">
+            <h5>Getting Started</h5>
+              <ul>
+                <li><a href="#">Artemis</a></li>
+                <li><a href="#">ActiveMQ</a></li>
+                <li><a href="#">NMS</a></li>
+                <li><a href="#">CMS</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-6">
+          <div class="row">
+            <div style="text-align: center; margin-bottom: 30px; margin-top: 30px;" class="col-sm-6">
+              Apache ActiveMQ is an open source project licensed under Apache License 2.0.
+            </div>
+            <div class="col-sm-6">
+              <div >
+                <img class="float-left" style="max-height: 100px" src="assets/img/main-logo.png"/>
+                <img class="float-right" style="max-height: 80px" src="assets/img/apache-logo.png"/>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
 </body>
 </html>
diff --git a/assets/img/apache-logo.png b/assets/img/apache-logo.png
new file mode 100644
index 0000000..f3b0ef9
Binary files /dev/null and b/assets/img/apache-logo.png differ
diff --git a/assets/img/customers/igindex.png b/assets/img/customers/igindex.png
new file mode 100644
index 0000000..b4f01e0
Binary files /dev/null and b/assets/img/customers/igindex.png differ
diff --git a/assets/img/features/protocol-translation.png b/assets/img/features/protocol-translation.png
new file mode 100644
index 0000000..d95c9cb
Binary files /dev/null and b/assets/img/features/protocol-translation.png differ
diff --git a/assets/img/main-logo.png b/assets/img/main-logo.png
index cba87aa..aa20089 100644
Binary files a/assets/img/main-logo.png and b/assets/img/main-logo.png differ
diff --git a/css/custom/_variables.scss b/css/custom/_variables.scss
index d94c1b1..48969ad 100644
--- a/css/custom/_variables.scss
+++ b/css/custom/_variables.scss
@@ -1,2 +1,13 @@
-$primary: #78932c; // green
-$secondary: #c12766;
+// Override Bootstrap Defaults
+$primary: #78932c; // Green
+$secondary: #c12766; // Pink
+$success: #cf242a; // Orange
+$warning: #714099; // Purple
+$info: #3e489f; // Blue
+
+// ActiveMQ Variables
+$green: #78932c; // Green
+$pink: #c12766; // Pink
+$orange: #cf242a; // Orange
+$purple: #714099; // Purple
+$blue: #3e489f; // Blue
diff --git a/css/main.scss b/css/main.scss
index 86f9324..1ce945d 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -13,12 +13,22 @@ ul.navbar-nav {
 
 .content {
   margin-top: 60px;
+  width: 100%;
+}
+
+.container {
+  padding: 0 10px 0 10px;
+}
+
+body {
+  width: 100%;
 }
 
 .slider {
     background-color: $primary;
     margin: auto;
     text-align: left !important;
+    margin-bottom: 20px;
 }
 
 .logo {
@@ -58,6 +68,11 @@ a.get-started:hover {
     background-color: white;
 }
 
+.navbar {
+  display: block;
+position: fixed;
+}
+
 .nav {
     border-bottom: 1px solid black;
 }
@@ -90,3 +105,189 @@ table.slider {
 .slider-lg {
   height: 400px
 }
+
+.narative-alt {
+  font-size: 1.2rem;
+  color: white;
+  padding: 10px !important;
+  background-color: grey;
+}
+
+.narative {
+  font-size: 1.2rem;
+  color: grey;
+  padding: 10px !important;
+  background-color: white;
+}
+
+.feature-narative {
+  font-size: 1rem;
+  padding: 0px !important;
+}
+
+.card {
+  border: 0 !important;
+  border-radius: 0 !important;
+}
+// Cards
+.card-purple {
+  border-left: 5px solid $purple !important;
+  margin-bottom: 40px;
+}
+
+.card-pink {
+  border: 0 !important;
+  border-left: 5px solid $pink !important;
+  border-radius: 0 !important;
+  margin-bottom: 40px;
+}
+
+.card-orange {
+  border: 0 !important;
+  border-left: 5px solid $orange !important;
+  border-radius: 0 !important;
+  margin-bottom: 40px;
+}
+
+.card-blue {
+  border: 0 !important;
+  border-left: 5px solid $blue !important;
+  border-radius: 0 !important;
+  margin-bottom: 40px;
+}
+
+.card-white {
+  border: 0 !important;
+  border-left: 5px solid white !important;
+  border-radius: 0 !important;
+  padding: 0 30px 0 30px !important;
+}
+
+
+.text-purple {
+  color: $purple !important;
+}
+
+.text-pink {
+  color: $pink !important;
+}
+
+.text-orange {
+  color: $orange !important;
+}
+
+.text-blue {
+  color: $blue !important;
+}
+
+.text-green {
+  color: $green !important;
+}
+
+.text-white {
+  color: white !important;
+}
+
+h5 {
+  font-weight: bold;
+}
+
+h6 {
+  font-weight: bold;
+}
+
+.btn-icon {
+  margin-left: 10px;
+}
+
+.feature-img {
+  text-align: center;
+  padding: 20px;
+  vertical-align: middle
+}
+
+.sitemap {
+  background-color: grey;
+  color: white !important;
+  padding: 50px;
+}
+
+.sitemap a {
+  color: white;
+  text-decoration: none;
+}
+
+.sitemap li {
+    list-style-type: none;
+}
+
+.sitemap ul {
+  padding: 0px;
+}
+
+.users {
+  background-color: $green;
+  padding: 50px;
+  text-align: center;
+}
+
+.users .container {
+  background-color: $green;
+  margin-bottom: 20px;
+}
+
+.user-logo {
+  padding: 20px;
+}
+
+.features {
+  background-color: white;
+  color: grey;
+  padding-top: 30px;
+  padding-bottom: 30px;
+}
+
+.features .container .card {
+  background: none;
+}
+
+
+.features .narative {
+  color: white;
+  background-color: grey;
+}
+
+.feature-purple {
+  background-color: $purple;
+}
+
+.feature-pink {
+  background-color: $pink;
+}
+
+.feature-blue {
+  background-color: $purple;
+}
+
+.feature-orange {
+  background-color: $purple;
+}
+
+.card-title-purple {
+  padding-top: 10px;
+  border-top: 5px solid $purple;
+}
+
+.card-title-pink {
+  padding-top: 10px;
+  border-top: 5px solid $pink;
+}
+
+.card-title-orange {
+  padding-top: 10px;
+  border-top: 5px solid $orange;
+}
+
+.navbar {
+  border-bottom: 1px solid black;
+}
diff --git a/index.html b/index.html
index 424ab30..7895ef9 100644
--- a/index.html
+++ b/index.html
@@ -29,3 +29,88 @@ layout: default
         </div>
     </div>
 </div>
+
+<div class="container">
+  <!-- Narative -->
+  <div class="row">
+    <div class="col-sm-12 narative">
+      <div class="card">
+        <div class="card-body narative">
+            <span>From brokers to clients ActiveMQ has everything required to build scalable, fault tolerant, messaging infrastructure.  Proven
+            resilience, standards based technologies and super fast performance.</span>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Projects -->
+  <div class="row">
+    <div class="col-lg-3 col-md-6">
+      <div class="card card-purple">
+        <div class="card-body">
+          <h5 class="card-title text-purple">Artemis</h5>
+          <h6>BROKER + JMS CLIENT</h6>
+          <p>Artemis is ActiveMQ's next generation message broker</p>
+          <ul>
+            <li>Event driven core engine</li>
+            <li>Multi protocol support</li>
+            <li>Built in data replication</li>
+          </ul>
+          <button style="margin-top: 10px" href="#" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <button style="margin-top: 10px" href="#" class="btn btn-warning">Download Latest<i class="fa-download fa btn-icon"></i></button>
+        </div>
+      </div>
+    </div>
+    <div class="col-lg-3 col-md-6">
+      <div class="card card-pink">
+        <div class="card-body">
+          <h5 class="card-title text-pink">ActiveMQ</h5>
+          <h6>BROKER + JMS CLIENT</h6>
+          <p>Artemis is ActiveMQ's next generation message broker</p>
+          <ul>
+            <li>Event driven core engine</li>
+            <li>Multi protocol support</li>
+            <li>Built in data replication</li>
+          </ul>
+          <button style="margin-top: 10px" href="#" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <button style="margin-top: 10px" href="#" class="btn btn-secondary">Download Latest<i class="fa-download fa btn-icon"></i></button>
+        </div>
+      </div>
+    </div>
+    <div class="col-lg-3 col-md-6">
+      <div class="card card-orange">
+        <div class="card-body">
+          <h5 class="card-title text-orange">NMS</h5>
+          <h6>DOT NET CLIENT</h6>
+          <p>Artemis is ActiveMQ's next generation message broker</p>
+          <ul>
+            <li>Event driven core engine</li>
+            <li>Multi protocol support</li>
+            <li>Built in data replication</li>
+          </ul>
+          <button style="margin-top: 10px" href="#" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <button style="margin-top: 10px" href="#" class="btn btn-success">Download Latest<i class="fa-download fa btn-icon"></i></button>
+        </div>
+      </div>
+    </div>
+    <div class="col-lg-3 col-md-6">
+      <div class="card card-blue">
+        <div class="card-body">
+          <h5 class="card-title text-blue">CMS</h5>
+          <h6>C++ CLIENT</h6>
+          <p>Artemis is ActiveMQ's next generation message broker</p>
+          <ul>
+            <li>Event driven core engine</li>
+            <li>Multi protocol support</li>
+            <li>Built in data replication</li>
+          </ul>
+          <button style="margin-top: 10px" href="#" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <button style="margin-top: 10px" href="#" class="btn btn-info">Download Latest<i class="fa-download fa btn-icon"></i></button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</div>
+
+{% include features.html %}
+{% include users.html %}

Reply | Threaded
Open this post in threaded view
|

[activemq-website] 03/45: Added Readme

martyntaylor
In reply to this post by martyntaylor
This is an automated email from the ASF dual-hosted git repository.

martyntaylor pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/activemq-website.git

commit 34e57f7ff530aa116f047a4e9a6fdee5f7003ddf
Author: Martyn Taylor <[hidden email]>
AuthorDate: Wed Jul 25 11:13:38 2018 +0100

    Added Readme
---
 README.md | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..ed3defb
--- /dev/null
+++ b/README.md
@@ -0,0 +1,11 @@
+ActiveMQ Webiste
+=================
+
+To run
+-------
+
+1. Install ruby
+2. Install bundler: gem install bundler
+3. Install deps: cd activemq-website; bundle install
+4. Run Dev Server: jekyll serve
+

Reply | Threaded
Open this post in threaded view
|

[activemq-website] 04/45: Some style and logo changes

martyntaylor
In reply to this post by martyntaylor
This is an automated email from the ASF dual-hosted git repository.

martyntaylor pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/activemq-website.git

commit 4dd49c18183ca699cedfe9da0210628336f92f55
Author: Martyn Taylor <[hidden email]>
AuthorDate: Fri Jul 27 11:52:53 2018 +0100

    Some style and logo changes
---
 _includes/nav.html                  |   2 ++
 _site/README.md                     |  11 +++++++++++
 _site/assets/img/apache-feather.png | Bin 0 -> 138140 bytes
 _site/assets/img/main-logo.png      | Bin 14583 -> 15462 bytes
 _site/assets/img/nav-logo.png       | Bin 2613 -> 3306 bytes
 _site/index.html                    |  10 ++++++----
 _site/projects/artemis/index.html   |   0
 assets/img/apache-feather.png       | Bin 0 -> 138140 bytes
 assets/img/main-logo.png            | Bin 14583 -> 15462 bytes
 assets/img/nav-logo.png             | Bin 2613 -> 3306 bytes
 index.html                          |   8 ++++----
 projects/artemis/index.html         |   0
 12 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/_includes/nav.html b/_includes/nav.html
index 0d7cd23..6500188 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -1,6 +1,7 @@
 
 <nav class="navbar navbar-expand-lg navbar-light fixed-top">
   <div class="container">
+    <!-- <a class="navbar-brand mr-auto" href="#"><img style="height: 50px" src="assets/img/apache-feather.png" /></a> -->
     <a class="navbar-brand mr-auto" href="#"><img src="assets/img/nav-logo.png" /></a>
     <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
@@ -28,4 +29,5 @@
         </li>
       </ul>
     </div>
+  </div>
 </nav>
diff --git a/_site/README.md b/_site/README.md
new file mode 100644
index 0000000..ed3defb
--- /dev/null
+++ b/_site/README.md
@@ -0,0 +1,11 @@
+ActiveMQ Webiste
+=================
+
+To run
+-------
+
+1. Install ruby
+2. Install bundler: gem install bundler
+3. Install deps: cd activemq-website; bundle install
+4. Run Dev Server: jekyll serve
+
diff --git a/_site/assets/img/apache-feather.png b/_site/assets/img/apache-feather.png
new file mode 100644
index 0000000..744b8d7
Binary files /dev/null and b/_site/assets/img/apache-feather.png differ
diff --git a/_site/assets/img/main-logo.png b/_site/assets/img/main-logo.png
index aa20089..6f471e3 100644
Binary files a/_site/assets/img/main-logo.png and b/_site/assets/img/main-logo.png differ
diff --git a/_site/assets/img/nav-logo.png b/_site/assets/img/nav-logo.png
index b4a4859..7bbedd0 100644
Binary files a/_site/assets/img/nav-logo.png and b/_site/assets/img/nav-logo.png differ
diff --git a/_site/index.html b/_site/index.html
index ce5646b..e46d633 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -17,6 +17,7 @@
     
 <nav class="navbar navbar-expand-lg navbar-light fixed-top">
   <div class="container">
+    <!-- <a class="navbar-brand mr-auto" href="#"><img style="height: 50px" src="assets/img/apache-feather.png" /></a> -->
     <a class="navbar-brand mr-auto" href="#"><img src="assets/img/nav-logo.png" /></a>
     <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
@@ -44,6 +45,7 @@
         </li>
       </ul>
     </div>
+  </div>
 </nav>
 
     <div class="content">
@@ -82,7 +84,7 @@
     <div class="col-sm-12 narative">
       <div class="card">
         <div class="card-body narative">
-            <span>From brokers to clients ActiveMQ has everything required to build scalable, fault tolerant, messaging infrastructure.  Proven
+            <span>From brokers to clients Apache ActiveMQ has everything required to build scalable, fault tolerant, messaging infrastructure.  Proven
             resilience, standards based technologies and super fast performance.</span>
         </div>
       </div>
@@ -101,7 +103,7 @@
             <li>Multi protocol support</li>
             <li>Built in data replication</li>
           </ul>
-          <button style="margin-top: 10px" href="#" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <button style="margin-top: 10px" href="projects/artemis/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
           <button style="margin-top: 10px" href="#" class="btn btn-warning">Download Latest<i class="fa-download fa btn-icon"></i></button>
         </div>
       </div>
@@ -109,7 +111,7 @@
     <div class="col-lg-3 col-md-6">
       <div class="card card-pink">
         <div class="card-body">
-          <h5 class="card-title text-pink">ActiveMQ</h5>
+          <h5 class="card-title text-pink">ActiveMQ 5</h5>
           <h6>BROKER + JMS CLIENT</h6>
           <p>Artemis is ActiveMQ's next generation message broker</p>
           <ul>
@@ -126,7 +128,7 @@
       <div class="card card-orange">
         <div class="card-body">
           <h5 class="card-title text-orange">NMS</h5>
-          <h6>DOT NET CLIENT</h6>
+          <h6>.NET CLIENTS</h6>
           <p>Artemis is ActiveMQ's next generation message broker</p>
           <ul>
             <li>Event driven core engine</li>
diff --git a/_site/projects/artemis/index.html b/_site/projects/artemis/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/assets/img/apache-feather.png b/assets/img/apache-feather.png
new file mode 100644
index 0000000..744b8d7
Binary files /dev/null and b/assets/img/apache-feather.png differ
diff --git a/assets/img/main-logo.png b/assets/img/main-logo.png
index aa20089..6f471e3 100644
Binary files a/assets/img/main-logo.png and b/assets/img/main-logo.png differ
diff --git a/assets/img/nav-logo.png b/assets/img/nav-logo.png
index b4a4859..7bbedd0 100644
Binary files a/assets/img/nav-logo.png and b/assets/img/nav-logo.png differ
diff --git a/index.html b/index.html
index 7895ef9..4f62cf7 100644
--- a/index.html
+++ b/index.html
@@ -36,7 +36,7 @@ layout: default
     <div class="col-sm-12 narative">
       <div class="card">
         <div class="card-body narative">
-            <span>From brokers to clients ActiveMQ has everything required to build scalable, fault tolerant, messaging infrastructure.  Proven
+            <span>From brokers to clients Apache ActiveMQ has everything required to build scalable, fault tolerant, messaging infrastructure.  Proven
             resilience, standards based technologies and super fast performance.</span>
         </div>
       </div>
@@ -55,7 +55,7 @@ layout: default
             <li>Multi protocol support</li>
             <li>Built in data replication</li>
           </ul>
-          <button style="margin-top: 10px" href="#" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <button style="margin-top: 10px" href="projects/artemis/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
           <button style="margin-top: 10px" href="#" class="btn btn-warning">Download Latest<i class="fa-download fa btn-icon"></i></button>
         </div>
       </div>
@@ -63,7 +63,7 @@ layout: default
     <div class="col-lg-3 col-md-6">
       <div class="card card-pink">
         <div class="card-body">
-          <h5 class="card-title text-pink">ActiveMQ</h5>
+          <h5 class="card-title text-pink">ActiveMQ 5</h5>
           <h6>BROKER + JMS CLIENT</h6>
           <p>Artemis is ActiveMQ's next generation message broker</p>
           <ul>
@@ -80,7 +80,7 @@ layout: default
       <div class="card card-orange">
         <div class="card-body">
           <h5 class="card-title text-orange">NMS</h5>
-          <h6>DOT NET CLIENT</h6>
+          <h6>.NET CLIENTS</h6>
           <p>Artemis is ActiveMQ's next generation message broker</p>
           <ul>
             <li>Event driven core engine</li>
diff --git a/projects/artemis/index.html b/projects/artemis/index.html
new file mode 100644
index 0000000..e69de29

Reply | Threaded
Open this post in threaded view
|

[activemq-website] 05/45: add ignore

martyntaylor
In reply to this post by martyntaylor
This is an automated email from the ASF dual-hosted git repository.

martyntaylor pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/activemq-website.git

commit 40a9465b4a057beb58b1493fe729583b48172dc7
Author: andytaylor <[hidden email]>
AuthorDate: Wed Jul 25 12:42:47 2018 +0100

    add ignore
---
 .gitignore | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..29b636a
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+.idea
+*.iml
\ No newline at end of file

Reply | Threaded
Open this post in threaded view
|

[activemq-website] 06/45: first pass at project landing pages

martyntaylor
In reply to this post by martyntaylor
This is an automated email from the ASF dual-hosted git repository.

martyntaylor pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/activemq-website.git

commit cebf8339ff66a88c30b7408e03a39769e95616c6
Author: andytaylor <[hidden email]>
AuthorDate: Fri Jul 27 16:03:34 2018 +0100

    first pass at project landing pages
---
 _includes/features.html                  |  6 +--
 _includes/nav.html                       |  4 +-
 _includes/{nav.html => project-nav.html} | 14 ++----
 _includes/splash.html                    | 49 +++++++++++++++++++++
 _includes/users.html                     | 24 +++++------
 _layouts/project_default.html            | 12 ++++++
 _site/css/main.css                       | 31 +++++++++++++
 _site/index.html                         | 42 +++++++++---------
 css/main.scss                            | 37 ++++++++++++++++
 index.html                               |  8 ++--
 projects/activemq/index.html             | 65 ++++++++++++++++++++++++++++
 projects/artemis/index.html              | 74 ++++++++++++++++++++++++++++++++
 projects/cms/index.html                  | 65 ++++++++++++++++++++++++++++
 projects/nms/index.html                  | 65 ++++++++++++++++++++++++++++
 14 files changed, 443 insertions(+), 53 deletions(-)

diff --git a/_includes/features.html b/_includes/features.html
index 5505b83..b15a99f 100644
--- a/_includes/features.html
+++ b/_includes/features.html
@@ -33,7 +33,7 @@
             <div class="card-body">
               <div class="row">
                 <div class="col-sm-12 col-lg-12 feature-img">
-                  <img  src="assets/img/features/protocol-translation.png"></img>
+                  <img  src="/assets/img/features/protocol-translation.png"></img>
                 </div>
                 <div class="col-sm-12 col-lg-12 feature-narative">
                   <p>Applications and deployment environments are varied
@@ -64,7 +64,7 @@
             <div class="card-body">
               <div class="row">
                 <div class="col-sm-12 col-lg-12 feature-img">
-                  <img  src="assets/img/features/protocol-translation.png"></img>
+                  <img  src="/assets/img/features/protocol-translation.png"></img>
                 </div>
                 <div class="col-sm-12 col-lg-12 feature-narative">
                   <p>Applications and deployment environments are varied
@@ -95,7 +95,7 @@
             <div class="card-body">
               <div class="row">
                 <div class="col-sm-12 col-lg-12 feature-img">
-                  <img  src="assets/img/features/protocol-translation.png"></img>
+                  <img  src="/assets/img/features/protocol-translation.png"></img>
                 </div>
                 <div class="col-sm-12 col-lg-12 feature-narative">
                   <p>Applications and deployment environments are varied
diff --git a/_includes/nav.html b/_includes/nav.html
index 6500188..81a808e 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -2,7 +2,7 @@
 <nav class="navbar navbar-expand-lg navbar-light fixed-top">
   <div class="container">
     <!-- <a class="navbar-brand mr-auto" href="#"><img style="height: 50px" src="assets/img/apache-feather.png" /></a> -->
-    <a class="navbar-brand mr-auto" href="#"><img src="assets/img/nav-logo.png" /></a>
+    <a class="navbar-brand mr-auto" href="#"><img src="/assets/img/nav-logo.png" /></a>
     <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>
@@ -10,7 +10,7 @@
     <div class="ml-auto collapse navbar-collapse" id="navbarContent">
       <ul class="navbar-nav ml-auto">
         <li class="nav-item">
-            <a class="nav-link active" href="#">Home</a>
+            <a class="nav-link active" href="/index.html">Home</a>
         </li>
         <li class="nav-item">
             <a class="nav-link" href="#">Projects</a>
diff --git a/_includes/nav.html b/_includes/project-nav.html
similarity index 58%
copy from _includes/nav.html
copy to _includes/project-nav.html
index 6500188..912ca86 100644
--- a/_includes/nav.html
+++ b/_includes/project-nav.html
@@ -1,8 +1,7 @@
 
 <nav class="navbar navbar-expand-lg navbar-light fixed-top">
   <div class="container">
-    <!-- <a class="navbar-brand mr-auto" href="#"><img style="height: 50px" src="assets/img/apache-feather.png" /></a> -->
-    <a class="navbar-brand mr-auto" href="#"><img src="assets/img/nav-logo.png" /></a>
+    <a class="navbar-brand mr-auto" href="#"><img src="/assets/img/nav-logo.png" /> {{ page.project_name }}</a>
     <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>
@@ -10,13 +9,10 @@
     <div class="ml-auto collapse navbar-collapse" id="navbarContent">
       <ul class="navbar-nav ml-auto">
         <li class="nav-item">
-            <a class="nav-link active" href="#">Home</a>
+            <a class="nav-link active" href="/index.html">Home</a>
         </li>
         <li class="nav-item">
-            <a class="nav-link" href="#">Projects</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" href="#">Clients</a>
+            <a class="nav-link" href="#">Documentation</a>
         </li>
         <li class="nav-item">
             <a class="nav-link" href="#">Community</a>
@@ -24,10 +20,6 @@
         <li class="nav-item">
             <a class="nav-link" href="#">Team</a>
         </li>
-        <li class="nav-item">
-            <a class="nav-link" href="#">Getting Started</a>
-        </li>
       </ul>
     </div>
-  </div>
 </nav>
diff --git a/_includes/splash.html b/_includes/splash.html
new file mode 100644
index 0000000..9863669
--- /dev/null
+++ b/_includes/splash.html
@@ -0,0 +1,49 @@
+<div class="row">
+    <div class="col-sm-12 slider">
+        <div class="container">
+            <div class="row">
+                <div class="col-12 slider-text align-middle">
+                    <table class="slider slider-lg d-none d-md-block">
+                        <tbody class="slider-lg">
+                        <tr class="slider-lg">
+                            <td class="slider-lg align-middle">{{ page.project_info }}</td>
+                            <td class="slider-lg align-middle">
+                                <img class="float-right" src="/assets/img/main-logo.png"/>
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table class="slider d-md-none d-lg-none d-xl-none">
+                        <tbody align="center" class="slider d-inline-block">
+                        <tr>
+                            <td class="align-middle slider-sm logo-sm">Artemis is ActiveMQ's next generation message broker</td>
+                            <td class="slider-sm align-middle"><img class="float-right logo-sm" src="/assets/img/main-logo.png"/></td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-12 slider-text align-middle">
+                    <button style="margin-top: 10px" href="#" class="btn btn-primary btn-outline-light">Download<i class="fa-download fa btn-icon"></i></button>
+                    <button style="margin-top: 10px" href="#" class="btn btn-primary btn-outline-light">Get Started<i class="fa-info-circle fa btn-icon"></i></button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="row narative">
+    <div class="col-12">
+        <div class="container">
+            <!-- Narative 2 -->
+            <div class="row">
+                <div class="col-sm-12 narative">
+                    <div class="card">
+                        <div class="card-body narative">{{ page.project_top_narative }}</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/_includes/users.html b/_includes/users.html
index 2befe0a..de78973 100644
--- a/_includes/users.html
+++ b/_includes/users.html
@@ -7,40 +7,40 @@
         </div>
         <div class="row">
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
         </div>
       </div>
diff --git a/_layouts/project_default.html b/_layouts/project_default.html
new file mode 100644
index 0000000..38e32ec
--- /dev/null
+++ b/_layouts/project_default.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    {% include head.html %}
+<body>
+    {% include project-nav.html %}
+    <div class="content">
+        {% include splash.html %}
+      {{ content }}
+    </div>
+    {% include footer.html %}
+</body>
+</html>
diff --git a/_site/css/main.css b/_site/css/main.css
index 78d6685..fe32350 100644
--- a/_site/css/main.css
+++ b/_site/css/main.css
@@ -6589,6 +6589,15 @@ table.slider {
   font-size: 1rem;
   padding: 0px !important; }
 
+.project-narative {
+  font-size: 1rem;
+  padding: 0px !important; }
+
+.project-narative-alt {
+  font-size: 1rem;
+  padding: 0px !important;
+  background-color: #eee; }
+
 .card {
   border: 0 !important;
   border-radius: 0 !important; }
@@ -6597,24 +6606,46 @@ table.slider {
   border-left: 5px solid #714099 !important;
   margin-bottom: 40px; }
 
+.card-purple-right {
+  border-right: 5px solid #714099 !important;
+  margin-bottom: 40px; }
+
 .card-pink {
   border: 0 !important;
   border-left: 5px solid #c12766 !important;
   border-radius: 0 !important;
   margin-bottom: 40px; }
 
+.card-pink-right {
+  border: 0 !important;
+  border-right: 5px solid #c12766 !important;
+  border-radius: 0 !important;
+  margin-bottom: 40px; }
+
 .card-orange {
   border: 0 !important;
   border-left: 5px solid #cf242a !important;
   border-radius: 0 !important;
   margin-bottom: 40px; }
 
+.card-orange-right {
+  border: 0 !important;
+  border-right: 5px solid #cf242a !important;
+  border-radius: 0 !important;
+  margin-bottom: 40px; }
+
 .card-blue {
   border: 0 !important;
   border-left: 5px solid #3e489f !important;
   border-radius: 0 !important;
   margin-bottom: 40px; }
 
+.card-blue-right {
+  border: 0 !important;
+  border-right: 5px solid #3e489f !important;
+  border-radius: 0 !important;
+  margin-bottom: 40px; }
+
 .card-white {
   border: 0 !important;
   border-left: 5px solid white !important;
diff --git a/_site/index.html b/_site/index.html
index e46d633..b5b50d9 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -18,7 +18,7 @@
 <nav class="navbar navbar-expand-lg navbar-light fixed-top">
   <div class="container">
     <!-- <a class="navbar-brand mr-auto" href="#"><img style="height: 50px" src="assets/img/apache-feather.png" /></a> -->
-    <a class="navbar-brand mr-auto" href="#"><img src="assets/img/nav-logo.png" /></a>
+    <a class="navbar-brand mr-auto" href="#"><img src="/assets/img/nav-logo.png" /></a>
     <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>
@@ -26,7 +26,7 @@
     <div class="ml-auto collapse navbar-collapse" id="navbarContent">
       <ul class="navbar-nav ml-auto">
         <li class="nav-item">
-            <a class="nav-link active" href="#">Home</a>
+            <a class="nav-link active" href="/index.html">Home</a>
         </li>
         <li class="nav-item">
             <a class="nav-link" href="#">Projects</a>
@@ -103,7 +103,7 @@
             <li>Multi protocol support</li>
             <li>Built in data replication</li>
           </ul>
-          <button style="margin-top: 10px" href="projects/artemis/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <a style="margin-top: 10px" href="/projects/artemis/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
           <button style="margin-top: 10px" href="#" class="btn btn-warning">Download Latest<i class="fa-download fa btn-icon"></i></button>
         </div>
       </div>
@@ -119,7 +119,7 @@
             <li>Multi protocol support</li>
             <li>Built in data replication</li>
           </ul>
-          <button style="margin-top: 10px" href="#" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <a style="margin-top: 10px" href="/projects/activemq/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
           <button style="margin-top: 10px" href="#" class="btn btn-secondary">Download Latest<i class="fa-download fa btn-icon"></i></button>
         </div>
       </div>
@@ -135,7 +135,7 @@
             <li>Multi protocol support</li>
             <li>Built in data replication</li>
           </ul>
-          <button style="margin-top: 10px" href="#" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <a style="margin-top: 10px" href="/projects/nms/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
           <button style="margin-top: 10px" href="#" class="btn btn-success">Download Latest<i class="fa-download fa btn-icon"></i></button>
         </div>
       </div>
@@ -151,7 +151,7 @@
             <li>Multi protocol support</li>
             <li>Built in data replication</li>
           </ul>
-          <button style="margin-top: 10px" href="#" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <a style="margin-top: 10px" href="/projects/cms/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
           <button style="margin-top: 10px" href="#" class="btn btn-info">Download Latest<i class="fa-download fa btn-icon"></i></button>
         </div>
       </div>
@@ -195,7 +195,7 @@
             <div class="card-body">
               <div class="row">
                 <div class="col-sm-12 col-lg-12 feature-img">
-                  <img  src="assets/img/features/protocol-translation.png"></img>
+                  <img  src="/assets/img/features/protocol-translation.png"></img>
                 </div>
                 <div class="col-sm-12 col-lg-12 feature-narative">
                   <p>Applications and deployment environments are varied
@@ -226,7 +226,7 @@
             <div class="card-body">
               <div class="row">
                 <div class="col-sm-12 col-lg-12 feature-img">
-                  <img  src="assets/img/features/protocol-translation.png"></img>
+                  <img  src="/assets/img/features/protocol-translation.png"></img>
                 </div>
                 <div class="col-sm-12 col-lg-12 feature-narative">
                   <p>Applications and deployment environments are varied
@@ -257,7 +257,7 @@
             <div class="card-body">
               <div class="row">
                 <div class="col-sm-12 col-lg-12 feature-img">
-                  <img  src="assets/img/features/protocol-translation.png"></img>
+                  <img  src="/assets/img/features/protocol-translation.png"></img>
                 </div>
                 <div class="col-sm-12 col-lg-12 feature-narative">
                   <p>Applications and deployment environments are varied
@@ -291,40 +291,40 @@
         </div>
         <div class="row">
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
           <div class="user-logo col-sm-4 col-md-2">
-            <img src="assets/img/customers/igindex.png"/>
+            <img src="/assets/img/customers/igindex.png"/>
           </div>
         </div>
       </div>
diff --git a/css/main.scss b/css/main.scss
index 1ce945d..2d441c8 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -125,6 +125,17 @@ table.slider {
   padding: 0px !important;
 }
 
+.project-narative {
+  font-size: 1rem;
+  padding: 0px !important;
+}
+
+.project-narative-alt {
+  font-size: 1rem;
+  padding: 0px !important;
+  background-color: #eee
+}
+
 .card {
   border: 0 !important;
   border-radius: 0 !important;
@@ -135,6 +146,11 @@ table.slider {
   margin-bottom: 40px;
 }
 
+.card-purple-right {
+  border-right: 5px solid $purple !important;
+  margin-bottom: 40px;
+}
+
 .card-pink {
   border: 0 !important;
   border-left: 5px solid $pink !important;
@@ -142,6 +158,13 @@ table.slider {
   margin-bottom: 40px;
 }
 
+.card-pink-right {
+  border: 0 !important;
+  border-right: 5px solid $pink !important;
+  border-radius: 0 !important;
+  margin-bottom: 40px;
+}
+
 .card-orange {
   border: 0 !important;
   border-left: 5px solid $orange !important;
@@ -149,6 +172,13 @@ table.slider {
   margin-bottom: 40px;
 }
 
+.card-orange-right {
+  border: 0 !important;
+  border-right: 5px solid $orange !important;
+  border-radius: 0 !important;
+  margin-bottom: 40px;
+}
+
 .card-blue {
   border: 0 !important;
   border-left: 5px solid $blue !important;
@@ -156,6 +186,13 @@ table.slider {
   margin-bottom: 40px;
 }
 
+.card-blue-right {
+  border: 0 !important;
+  border-right: 5px solid $blue !important;
+  border-radius: 0 !important;
+  margin-bottom: 40px;
+}
+
 .card-white {
   border: 0 !important;
   border-left: 5px solid white !important;
diff --git a/index.html b/index.html
index 4f62cf7..96eac6d 100644
--- a/index.html
+++ b/index.html
@@ -55,7 +55,7 @@ layout: default
             <li>Multi protocol support</li>
             <li>Built in data replication</li>
           </ul>
-          <button style="margin-top: 10px" href="projects/artemis/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <a style="margin-top: 10px" href="/projects/artemis/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
           <button style="margin-top: 10px" href="#" class="btn btn-warning">Download Latest<i class="fa-download fa btn-icon"></i></button>
         </div>
       </div>
@@ -71,7 +71,7 @@ layout: default
             <li>Multi protocol support</li>
             <li>Built in data replication</li>
           </ul>
-          <button style="margin-top: 10px" href="#" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <a style="margin-top: 10px" href="/projects/activemq/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
           <button style="margin-top: 10px" href="#" class="btn btn-secondary">Download Latest<i class="fa-download fa btn-icon"></i></button>
         </div>
       </div>
@@ -87,7 +87,7 @@ layout: default
             <li>Multi protocol support</li>
             <li>Built in data replication</li>
           </ul>
-          <button style="margin-top: 10px" href="#" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <a style="margin-top: 10px" href="/projects/nms/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
           <button style="margin-top: 10px" href="#" class="btn btn-success">Download Latest<i class="fa-download fa btn-icon"></i></button>
         </div>
       </div>
@@ -103,7 +103,7 @@ layout: default
             <li>Multi protocol support</li>
             <li>Built in data replication</li>
           </ul>
-          <button style="margin-top: 10px" href="#" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
+          <a style="margin-top: 10px" href="/projects/cms/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
           <button style="margin-top: 10px" href="#" class="btn btn-info">Download Latest<i class="fa-download fa btn-icon"></i></button>
         </div>
       </div>
diff --git a/projects/activemq/index.html b/projects/activemq/index.html
new file mode 100644
index 0000000..20a1e66
--- /dev/null
+++ b/projects/activemq/index.html
@@ -0,0 +1,65 @@
+---
+layout: project_default
+project_name: Classic
+project_info: Apache ActiveMQ ™ is the most popular and powerful open source messaging and Integration Patterns server.
+project_top_narative: Apache ActiveMQ is fast, supports many Cross Language Clients and Protocols, comes with easy to use Enterprise Integration Patterns and many advanced features while fully supporting JMS 1.1 and J2EE 1.4. Apache ActiveMQ is released under the Apache 2.0 License
+---
+
+<div class="row project-narative">
+    <div class="col-12">
+        <div class="container">
+            <!-- Narative 2 -->
+            <div class="row">
+                <div class="col-sm-6">
+                    <div class="card card-pink">
+                        <div class="card-body">
+                            <h5 class="card-title text-pink">foo</h5>
+                            <h6>bar</h6>
+                            <p>some words </p>
+                            <a style="margin-top: 10px" href="/projects/activemq/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
+
+                        </div>
+
+                    </div>
+                </div>
+                <div class="col-sm-6">
+                    <div class="card">
+                        <div class="card-body">
+                            <img class="float-right logo-sm" src="/assets/img/features/protocol-translation.png"/>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="row project-narative-alt">
+    <div class="col-12">
+        <div class="container">
+            <!-- Narative 2 -->
+            <div class="row project-narative-alt">
+                <div class="col-sm-6">
+                    <div class="card project-narative-alt">
+                        <div class="card-body">
+                            <img class="float-right logo-sm" src="/assets/img/features/protocol-translation.png"/>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-6">
+                    <div class="card card-pink-right project-narative-alt">
+                        <div class="card-body">
+                            <h5 class="card-title text-pink">foo</h5>
+                            <h6>bar</h6>
+                            <p>somem more words</p>
+                            <a style="margin-top: 10px" href="/projects/activemq/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+{% include users.html %}
diff --git a/projects/artemis/index.html b/projects/artemis/index.html
index e69de29..ff5e64d 100644
--- a/projects/artemis/index.html
+++ b/projects/artemis/index.html
@@ -0,0 +1,74 @@
+---
+layout: project_default
+project_name: Artemis
+project_info: Artemis is ActiveMQ's next generation message broker built to be both scalable and performant
+project_top_narative: <span>Artemis is a scalable messaging broker with outstanding performance, see the independant article <a href="###">here</a>
+---
+
+<div class="row project-narative">
+    <div class="col-12">
+        <div class="container">
+            <!-- Narative 2 -->
+            <div class="row">
+                <div class="col-sm-6">
+                    <div class="card card-purple">
+                        <div class="card-body">
+                            <h5 class="card-title text-purple">Aysnchronous Architecture</h5>
+                            <h6>A scalable and foo bar</h6>
+                            <p>Artemis has been developed using a completely non blocking architecture. This means that
+                            unlike ActiveMQ it does not have bounded client or destination limits. </p>
+                            <a style="margin-top: 10px" href="/projects/artemis/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
+
+                        </div>
+
+                    </div>
+                </div>
+                <div class="col-sm-6">
+                    <div class="card">
+                        <div class="card-body">
+                            <img class="float-right logo-sm" src="/assets/img/features/protocol-translation.png"/>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="row project-narative-alt">
+    <div class="col-12">
+        <div class="container">
+            <!-- Narative 2 -->
+            <div class="row project-narative-alt">
+                <div class="col-sm-6">
+                    <div class="card project-narative-alt">
+                        <div class="card-body">
+                            <img class="float-right logo-sm" src="/assets/img/features/protocol-translation.png"/>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-6">
+                    <div class="card card-purple-right project-narative-alt">
+                        <div class="card-body">
+                            <h5 class="card-title text-purple">Multi Protocol</h5>
+                            <h6>Support for multiple Clients</h6>
+                            <p>Artemis supports multiple protocols which means it supports a rich set of clients written
+                                in different technologies </p>
+                            <ul>
+                                <li>The Artemis Protocol (core)</li>
+                                <li>The ActiveMQ protocol (Openwire)</li>
+                                <li>AMQP</li>
+                                <li>STOMP</li>
+                                <li>MQTT</li>
+                            </ul>
+                            <a style="margin-top: 10px" href="/projects/artemis/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+{% include users.html %}
diff --git a/projects/cms/index.html b/projects/cms/index.html
new file mode 100644
index 0000000..49049e0
--- /dev/null
+++ b/projects/cms/index.html
@@ -0,0 +1,65 @@
+---
+layout: project_default
+project_name: CMS
+project_info: build C++ Applications that can talk to Brokers using a JMS style API
+project_top_narative: CMS (stands for C++ Messaging Service) is a JMS-like API for C++ for interfacing with Message Brokers such as Apache ActiveMQ. CMS helps to make your C++ client code much neater and easier to follow. To get a better feel for CMS try the API Reference. ActiveMQ-CPP is a client only library, a message broker such as Apache ActiveMQ is still needed for your clients to communicate.
+---
+
+<div class="row project-narative">
+    <div class="col-12">
+        <div class="container">
+            <!-- Narative 2 -->
+            <div class="row">
+                <div class="col-sm-6">
+                    <div class="card card-blue">
+                        <div class="card-body">
+                            <h5 class="card-title text-blue">foo</h5>
+                            <h6>bar</h6>
+                            <p>some words </p>
+                            <a style="margin-top: 10px" href="/projects/activemq/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
+
+                        </div>
+
+                    </div>
+                </div>
+                <div class="col-sm-6">
+                    <div class="card">
+                        <div class="card-body">
+                            <img class="float-right logo-sm" src="/assets/img/features/protocol-translation.png"/>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="row project-narative-alt">
+    <div class="col-12">
+        <div class="container">
+            <!-- Narative 2 -->
+            <div class="row project-narative-alt">
+                <div class="col-sm-6">
+                    <div class="card project-narative-alt">
+                        <div class="card-body">
+                            <img class="float-right logo-sm" src="/assets/img/features/protocol-translation.png"/>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-6">
+                    <div class="card card-blue-right project-narative-alt">
+                        <div class="card-body">
+                            <h5 class="card-title text-blue">foo</h5>
+                            <h6>bar</h6>
+                            <p>some more words</p>
+                            <a style="margin-top: 10px" href="/projects/activemq/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+{% include users.html %}
diff --git a/projects/nms/index.html b/projects/nms/index.html
new file mode 100644
index 0000000..caac7b3
--- /dev/null
+++ b/projects/nms/index.html
@@ -0,0 +1,65 @@
+---
+layout: project_default
+project_name: NMS
+project_info: build .NET Applications that can talk to Brokers using a JMS style API
+project_top_narative: The NMS API This allows you to build .NET applications in C#, VB, or any other .NET language, using a single API to connect to multiple different providers using a JMS style API.
+---
+
+<div class="row project-narative">
+    <div class="col-12">
+        <div class="container">
+            <!-- Narative 2 -->
+            <div class="row">
+                <div class="col-sm-6">
+                    <div class="card card-orange">
+                        <div class="card-body">
+                            <h5 class="card-title text-orange">foo</h5>
+                            <h6>bar</h6>
+                            <p>some words </p>
+                            <a style="margin-top: 10px" href="/projects/activemq/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
+
+                        </div>
+
+                    </div>
+                </div>
+                <div class="col-sm-6">
+                    <div class="card">
+                        <div class="card-body">
+                            <img class="float-right logo-sm" src="/assets/img/features/protocol-translation.png"/>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="row project-narative-alt">
+    <div class="col-12">
+        <div class="container">
+            <!-- Narative 2 -->
+            <div class="row project-narative-alt">
+                <div class="col-sm-6">
+                    <div class="card project-narative-alt">
+                        <div class="card-body">
+                            <img class="float-right logo-sm" src="/assets/img/features/protocol-translation.png"/>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-6">
+                    <div class="card card-orange-right project-narative-alt">
+                        <div class="card-body">
+                            <h5 class="card-title text-orange">foo</h5>
+                            <h6>bar</h6>
+                            <p>somem more words</p>
+                            <a style="margin-top: 10px" href="/projects/activemq/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+{% include users.html %}

Reply | Threaded
Open this post in threaded view
|

[activemq-website] 09/45: Merge pull request #1 from andytaylor/master

martyntaylor
In reply to this post by martyntaylor
This is an automated email from the ASF dual-hosted git repository.

martyntaylor pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/activemq-website.git

commit 27e988ffaa8f34896982c06e0b33861146c5c472
Merge: 4dd49c1 990bf20
Author: Martyn Taylor <[hidden email]>
AuthorDate: Fri Jul 27 16:19:49 2018 +0100

    Merge pull request #1 from andytaylor/master
   
    some landing pages

 .gitignore                                         |    4 +
 _includes/features.html                            |    6 +-
 _includes/nav.html                                 |    4 +-
 _includes/{nav.html => project-nav.html}           |   14 +-
 _includes/splash.html                              |   49 +
 _includes/users.html                               |   24 +-
 _layouts/project_default.html                      |   12 +
 _site/README.md                                    |   11 -
 _site/assets/img/apache-feather.png                |  Bin 138140 -> 0 bytes
 _site/assets/img/apache-logo.png                   |  Bin 25977 -> 0 bytes
 _site/assets/img/customers/igindex.png             |  Bin 2268 -> 0 bytes
 _site/assets/img/features/protocol-translation.png |  Bin 10058 -> 0 bytes
 _site/assets/img/main-logo.png                     |  Bin 15462 -> 0 bytes
 _site/assets/img/nav-logo.png                      |  Bin 3306 -> 0 bytes
 _site/css/bootstrap/bootstrap-grid.scss            |   32 -
 _site/css/bootstrap/bootstrap-reboot.scss          |   12 -
 _site/css/bootstrap/bootstrap.scss                 |   43 -
 _site/css/main.css                                 | 6721 --------------------
 _site/index.html                                   |  391 --
 _site/projects/artemis/index.html                  |    0
 css/main.scss                                      |   37 +
 index.html                                         |    8 +-
 projects/activemq/index.html                       |   65 +
 projects/artemis/index.html                        |   74 +
 projects/cms/index.html                            |   65 +
 projects/nms/index.html                            |   65 +
 26 files changed, 395 insertions(+), 7242 deletions(-)

Reply | Threaded
Open this post in threaded view
|

[activemq-website] 07/45: removed _site

martyntaylor
In reply to this post by martyntaylor
This is an automated email from the ASF dual-hosted git repository.

martyntaylor pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/activemq-website.git

commit 6c2638925a7f09925ec4069b4dd859aab703a090
Author: andytaylor <[hidden email]>
AuthorDate: Fri Jul 27 16:14:30 2018 +0100

    removed _site
---
 _site/README.md                                    |   11 -
 _site/assets/img/apache-feather.png                |  Bin 138140 -> 0 bytes
 _site/assets/img/apache-logo.png                   |  Bin 25977 -> 0 bytes
 _site/assets/img/customers/igindex.png             |  Bin 2268 -> 0 bytes
 _site/assets/img/features/protocol-translation.png |  Bin 10058 -> 0 bytes
 _site/assets/img/main-logo.png                     |  Bin 15462 -> 0 bytes
 _site/assets/img/nav-logo.png                      |  Bin 3306 -> 0 bytes
 _site/css/bootstrap/bootstrap-grid.scss            |   32 -
 _site/css/bootstrap/bootstrap-reboot.scss          |   12 -
 _site/css/bootstrap/bootstrap.scss                 |   43 -
 _site/css/main.css                                 | 6752 --------------------
 _site/index.html                                   |  391 --
 _site/projects/artemis/index.html                  |    0
 13 files changed, 7241 deletions(-)

diff --git a/_site/README.md b/_site/README.md
deleted file mode 100644
index ed3defb..0000000
--- a/_site/README.md
+++ /dev/null
@@ -1,11 +0,0 @@
-ActiveMQ Webiste
-=================
-
-To run
--------
-
-1. Install ruby
-2. Install bundler: gem install bundler
-3. Install deps: cd activemq-website; bundle install
-4. Run Dev Server: jekyll serve
-
diff --git a/_site/assets/img/apache-feather.png b/_site/assets/img/apache-feather.png
deleted file mode 100644
index 744b8d7..0000000
Binary files a/_site/assets/img/apache-feather.png and /dev/null differ
diff --git a/_site/assets/img/apache-logo.png b/_site/assets/img/apache-logo.png
deleted file mode 100644
index f3b0ef9..0000000
Binary files a/_site/assets/img/apache-logo.png and /dev/null differ
diff --git a/_site/assets/img/customers/igindex.png b/_site/assets/img/customers/igindex.png
deleted file mode 100644
index b4f01e0..0000000
Binary files a/_site/assets/img/customers/igindex.png and /dev/null differ
diff --git a/_site/assets/img/features/protocol-translation.png b/_site/assets/img/features/protocol-translation.png
deleted file mode 100644
index d95c9cb..0000000
Binary files a/_site/assets/img/features/protocol-translation.png and /dev/null differ
diff --git a/_site/assets/img/main-logo.png b/_site/assets/img/main-logo.png
deleted file mode 100644
index 6f471e3..0000000
Binary files a/_site/assets/img/main-logo.png and /dev/null differ
diff --git a/_site/assets/img/nav-logo.png b/_site/assets/img/nav-logo.png
deleted file mode 100644
index 7bbedd0..0000000
Binary files a/_site/assets/img/nav-logo.png and /dev/null differ
diff --git a/_site/css/bootstrap/bootstrap-grid.scss b/_site/css/bootstrap/bootstrap-grid.scss
deleted file mode 100644
index 26c0dc8..0000000
--- a/_site/css/bootstrap/bootstrap-grid.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-/*!
- * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
- * Copyright 2011-2018 The Bootstrap Authors
- * Copyright 2011-2018 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-
-@at-root {
-  @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix
-}
-
-html {
-  box-sizing: border-box;
-  -ms-overflow-style: scrollbar;
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: inherit;
-}
-
-@import "functions";
-@import "variables";
-
-@import "mixins/breakpoints";
-@import "mixins/grid-framework";
-@import "mixins/grid";
-
-@import "grid";
-@import "utilities/display";
-@import "utilities/flex";
diff --git a/_site/css/bootstrap/bootstrap-reboot.scss b/_site/css/bootstrap/bootstrap-reboot.scss
deleted file mode 100644
index 46c4610..0000000
--- a/_site/css/bootstrap/bootstrap-reboot.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
- * Copyright 2011-2018 The Bootstrap Authors
- * Copyright 2011-2018 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
- */
-
-@import "functions";
-@import "variables";
-@import "mixins";
-@import "reboot";
diff --git a/_site/css/bootstrap/bootstrap.scss b/_site/css/bootstrap/bootstrap.scss
deleted file mode 100644
index 312b8e0..0000000
--- a/_site/css/bootstrap/bootstrap.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-/*!
- * Bootstrap v4.0.0 (https://getbootstrap.com)
- * Copyright 2011-2018 The Bootstrap Authors
- * Copyright 2011-2018 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-
-@import "../custom/variables"; // we've added this line
-@import "functions";
-@import "variables";
-@import "mixins";
-@import "root";
-@import "reboot";
-@import "type";
-@import "images";
-@import "code";
-@import "grid";
-@import "tables";
-@import "forms";
-@import "buttons";
-@import "transitions";
-@import "dropdown";
-@import "button-group";
-@import "input-group";
-@import "custom-forms";
-@import "nav";
-@import "navbar";
-@import "card";
-@import "breadcrumb";
-@import "pagination";
-@import "badge";
-@import "jumbotron";
-@import "alert";
-@import "progress";
-@import "media";
-@import "list-group";
-@import "close";
-@import "modal";
-@import "tooltip";
-@import "popover";
-@import "carousel";
-@import "utilities";
-@import "print";
diff --git a/_site/css/main.css b/_site/css/main.css
deleted file mode 100644
index fe32350..0000000
--- a/_site/css/main.css
+++ /dev/null
@@ -1,6752 +0,0 @@
-/*!
- * Bootstrap v4.0.0 (https://getbootstrap.com)
- * Copyright 2011-2018 The Bootstrap Authors
- * Copyright 2011-2018 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-:root {
-  --blue: #3e489f;
-  --indigo: #6610f2;
-  --purple: #714099;
-  --pink: #c12766;
-  --red: #dc3545;
-  --orange: #cf242a;
-  --yellow: #ffc107;
-  --green: #78932c;
-  --teal: #20c997;
-  --cyan: #17a2b8;
-  --white: #fff;
-  --gray: #6c757d;
-  --gray-dark: #343a40;
-  --primary: #78932c;
-  --secondary: #c12766;
-  --success: #cf242a;
-  --info: #3e489f;
-  --warning: #714099;
-  --danger: #dc3545;
-  --light: #f8f9fa;
-  --dark: #343a40;
-  --breakpoint-xs: 0;
-  --breakpoint-sm: 576px;
-  --breakpoint-md: 768px;
-  --breakpoint-lg: 992px;
-  --breakpoint-xl: 1200px;
-  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box; }
-
-html {
-  font-family: sans-serif;
-  line-height: 1.15;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  -ms-overflow-style: scrollbar;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
-
-@-ms-viewport {
-  width: device-width; }
-article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
-  display: block; }
-
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #212529;
-  text-align: left;
-  background-color: #fff; }
-
-[tabindex="-1"]:focus {
-  outline: 0 !important; }
-
-hr {
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible; }
-
-h1, h2, h3, h4, h5, h6 {
-  margin-top: 0;
-  margin-bottom: 0.5rem; }
-
-p {
-  margin-top: 0;
-  margin-bottom: 1rem; }
-
-abbr[title],
-abbr[data-original-title] {
-  text-decoration: underline;
-  text-decoration: underline dotted;
-  cursor: help;
-  border-bottom: 0; }
-
-address {
-  margin-bottom: 1rem;
-  font-style: normal;
-  line-height: inherit; }
-
-ol,
-ul,
-dl {
-  margin-top: 0;
-  margin-bottom: 1rem; }
-
-ol ol,
-ul ul,
-ol ul,
-ul ol {
-  margin-bottom: 0; }
-
-dt {
-  font-weight: 700; }
-
-dd {
-  margin-bottom: .5rem;
-  margin-left: 0; }
-
-blockquote {
-  margin: 0 0 1rem; }
-
-dfn {
-  font-style: italic; }
-
-b,
-strong {
-  font-weight: bolder; }
-
-small {
-  font-size: 80%; }
-
-sub,
-sup {
-  position: relative;
-  font-size: 75%;
-  line-height: 0;
-  vertical-align: baseline; }
-
-sub {
-  bottom: -.25em; }
-
-sup {
-  top: -.5em; }
-
-a {
-  color: #78932c;
-  text-decoration: none;
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects; }
-  a:hover {
-    color: #48581a;
-    text-decoration: underline; }
-
-a:not([href]):not([tabindex]) {
-  color: inherit;
-  text-decoration: none; }
-  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
-    color: inherit;
-    text-decoration: none; }
-  a:not([href]):not([tabindex]):focus {
-    outline: 0; }
-
-pre,
-code,
-kbd,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em; }
-
-pre {
-  margin-top: 0;
-  margin-bottom: 1rem;
-  overflow: auto;
-  -ms-overflow-style: scrollbar; }
-
-figure {
-  margin: 0 0 1rem; }
-
-img {
-  vertical-align: middle;
-  border-style: none; }
-
-svg:not(:root) {
-  overflow: hidden; }
-
-table {
-  border-collapse: collapse; }
-
-caption {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-  color: #6c757d;
-  text-align: left;
-  caption-side: bottom; }
-
-th {
-  text-align: inherit; }
-
-label {
-  display: inline-block;
-  margin-bottom: .5rem; }
-
-button {
-  border-radius: 0; }
-
-button:focus {
-  outline: 1px dotted;
-  outline: 5px auto -webkit-focus-ring-color; }
-
-input,
-button,
-select,
-optgroup,
-textarea {
-  margin: 0;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit; }
-
-button,
-input {
-  overflow: visible; }
-
-button,
-select {
-  text-transform: none; }
-
-button,
-html [type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button; }
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-  padding: 0;
-  border-style: none; }
-
-input[type="radio"],
-input[type="checkbox"] {
-  box-sizing: border-box;
-  padding: 0; }
-
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
-input[type="month"] {
-  -webkit-appearance: listbox; }
-
-textarea {
-  overflow: auto;
-  resize: vertical; }
-
-fieldset {
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0; }
-
-legend {
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  padding: 0;
-  margin-bottom: .5rem;
-  font-size: 1.5rem;
-  line-height: inherit;
-  color: inherit;
-  white-space: normal; }
-
-progress {
-  vertical-align: baseline; }
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto; }
-
-[type="search"] {
-  outline-offset: -2px;
-  -webkit-appearance: none; }
-
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none; }
-
-::-webkit-file-upload-button {
-  font: inherit;
-  -webkit-appearance: button; }
-
-output {
-  display: inline-block; }
-
-summary {
-  display: list-item;
-  cursor: pointer; }
-
-template {
-  display: none; }
-
-[hidden] {
-  display: none !important; }
-
-h1, h2, h3, h4, h5, h6,
-.h1, .h2, .h3, .h4, .h5, .h6 {
-  margin-bottom: 0.5rem;
-  font-family: inherit;
-  font-weight: 500;
-  line-height: 1.2;
-  color: inherit; }
-
-h1, .h1 {
-  font-size: 2.5rem; }
-
-h2, .h2 {
-  font-size: 2rem; }
-
-h3, .h3 {
-  font-size: 1.75rem; }
-
-h4, .h4 {
-  font-size: 1.5rem; }
-
-h5, .h5 {
-  font-size: 1.25rem; }
-
-h6, .h6 {
-  font-size: 1rem; }
-
-.lead {
-  font-size: 1.25rem;
-  font-weight: 300; }
-
-.display-1 {
-  font-size: 6rem;
-  font-weight: 300;
-  line-height: 1.2; }
-
-.display-2 {
-  font-size: 5.5rem;
-  font-weight: 300;
-  line-height: 1.2; }
-
-.display-3 {
-  font-size: 4.5rem;
-  font-weight: 300;
-  line-height: 1.2; }
-
-.display-4 {
-  font-size: 3.5rem;
-  font-weight: 300;
-  line-height: 1.2; }
-
-hr {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-  border: 0;
-  border-top: 1px solid rgba(0, 0, 0, 0.1); }
-
-small,
-.small {
-  font-size: 80%;
-  font-weight: 400; }
-
-mark,
-.mark {
-  padding: 0.2em;
-  background-color: #fcf8e3; }
-
-.list-unstyled {
-  padding-left: 0;
-  list-style: none; }
-
-.list-inline {
-  padding-left: 0;
-  list-style: none; }
-
-.list-inline-item {
-  display: inline-block; }
-  .list-inline-item:not(:last-child) {
-    margin-right: 0.5rem; }
-
-.initialism {
-  font-size: 90%;
-  text-transform: uppercase; }
-
-.blockquote {
-  margin-bottom: 1rem;
-  font-size: 1.25rem; }
-
-.blockquote-footer {
-  display: block;
-  font-size: 80%;
-  color: #6c757d; }
-  .blockquote-footer::before {
-    content: "\2014 \00A0"; }
-
-.img-fluid {
-  max-width: 100%;
-  height: auto; }
-
-.img-thumbnail {
-  padding: 0.25rem;
-  background-color: #fff;
-  border: 1px solid #dee2e6;
-  border-radius: 0.25rem;
-  max-width: 100%;
-  height: auto; }
-
-.figure {
-  display: inline-block; }
-
-.figure-img {
-  margin-bottom: 0.5rem;
-  line-height: 1; }
-
-.figure-caption {
-  font-size: 90%;
-  color: #6c757d; }
-
-code,
-kbd,
-pre,
-samp {
-  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
-
-code {
-  font-size: 87.5%;
-  color: #c12766;
-  word-break: break-word; }
-  a > code {
-    color: inherit; }
-
-kbd {
-  padding: 0.2rem 0.4rem;
-  font-size: 87.5%;
-  color: #fff;
-  background-color: #212529;
-  border-radius: 0.2rem; }
-  kbd kbd {
-    padding: 0;
-    font-size: 100%;
-    font-weight: 700; }
-
-pre {
-  display: block;
-  font-size: 87.5%;
-  color: #212529; }
-  pre code {
-    font-size: inherit;
-    color: inherit;
-    word-break: normal; }
-
-.pre-scrollable {
-  max-height: 340px;
-  overflow-y: scroll; }
-
-.container {
-  width: 100%;
-  padding-right: 15px;
-  padding-left: 15px;
-  margin-right: auto;
-  margin-left: auto; }
-  @media (min-width: 576px) {
-    .container {
-      max-width: 540px; } }
-  @media (min-width: 768px) {
-    .container {
-      max-width: 720px; } }
-  @media (min-width: 992px) {
-    .container {
-      max-width: 960px; } }
-  @media (min-width: 1200px) {
-    .container {
-      max-width: 1140px; } }
-
-.container-fluid {
-  width: 100%;
-  padding-right: 15px;
-  padding-left: 15px;
-  margin-right: auto;
-  margin-left: auto; }
-
-.row {
-  display: flex;
-  flex-wrap: wrap;
-  margin-right: -15px;
-  margin-left: -15px; }
-
-.no-gutters {
-  margin-right: 0;
-  margin-left: 0; }
-  .no-gutters > .col,
-  .no-gutters > [class*="col-"] {
-    padding-right: 0;
-    padding-left: 0; }
-
-.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
-.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
-.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
-.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
-.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
-.col-xl-auto {
-  position: relative;
-  width: 100%;
-  min-height: 1px;
-  padding-right: 15px;
-  padding-left: 15px; }
-
-.col {
-  flex-basis: 0;
-  flex-grow: 1;
-  max-width: 100%; }
-
-.col-auto {
-  flex: 0 0 auto;
-  width: auto;
-  max-width: none; }
-
-.col-1 {
-  flex: 0 0 8.3333333333%;
-  max-width: 8.3333333333%; }
-
-.col-2 {
-  flex: 0 0 16.6666666667%;
-  max-width: 16.6666666667%; }
-
-.col-3 {
-  flex: 0 0 25%;
-  max-width: 25%; }
-
-.col-4 {
-  flex: 0 0 33.3333333333%;
-  max-width: 33.3333333333%; }
-
-.col-5 {
-  flex: 0 0 41.6666666667%;
-  max-width: 41.6666666667%; }
-
-.col-6 {
-  flex: 0 0 50%;
-  max-width: 50%; }
-
-.col-7 {
-  flex: 0 0 58.3333333333%;
-  max-width: 58.3333333333%; }
-
-.col-8 {
-  flex: 0 0 66.6666666667%;
-  max-width: 66.6666666667%; }
-
-.col-9 {
-  flex: 0 0 75%;
-  max-width: 75%; }
-
-.col-10 {
-  flex: 0 0 83.3333333333%;
-  max-width: 83.3333333333%; }
-
-.col-11 {
-  flex: 0 0 91.6666666667%;
-  max-width: 91.6666666667%; }
-
-.col-12 {
-  flex: 0 0 100%;
-  max-width: 100%; }
-
-.order-first {
-  order: -1; }
-
-.order-last {
-  order: 13; }
-
-.order-0 {
-  order: 0; }
-
-.order-1 {
-  order: 1; }
-
-.order-2 {
-  order: 2; }
-
-.order-3 {
-  order: 3; }
-
-.order-4 {
-  order: 4; }
-
-.order-5 {
-  order: 5; }
-
-.order-6 {
-  order: 6; }
-
-.order-7 {
-  order: 7; }
-
-.order-8 {
-  order: 8; }
-
-.order-9 {
-  order: 9; }
-
-.order-10 {
-  order: 10; }
-
-.order-11 {
-  order: 11; }
-
-.order-12 {
-  order: 12; }
-
-.offset-1 {
-  margin-left: 8.3333333333%; }
-
-.offset-2 {
-  margin-left: 16.6666666667%; }
-
-.offset-3 {
-  margin-left: 25%; }
-
-.offset-4 {
-  margin-left: 33.3333333333%; }
-
-.offset-5 {
-  margin-left: 41.6666666667%; }
-
-.offset-6 {
-  margin-left: 50%; }
-
-.offset-7 {
-  margin-left: 58.3333333333%; }
-
-.offset-8 {
-  margin-left: 66.6666666667%; }
-
-.offset-9 {
-  margin-left: 75%; }
-
-.offset-10 {
-  margin-left: 83.3333333333%; }
-
-.offset-11 {
-  margin-left: 91.6666666667%; }
-
-@media (min-width: 576px) {
-  .col-sm {
-    flex-basis: 0;
-    flex-grow: 1;
-    max-width: 100%; }
-
-  .col-sm-auto {
-    flex: 0 0 auto;
-    width: auto;
-    max-width: none; }
-
-  .col-sm-1 {
-    flex: 0 0 8.3333333333%;
-    max-width: 8.3333333333%; }
-
-  .col-sm-2 {
-    flex: 0 0 16.6666666667%;
-    max-width: 16.6666666667%; }
-
-  .col-sm-3 {
-    flex: 0 0 25%;
-    max-width: 25%; }
-
-  .col-sm-4 {
-    flex: 0 0 33.3333333333%;
-    max-width: 33.3333333333%; }
-
-  .col-sm-5 {
-    flex: 0 0 41.6666666667%;
-    max-width: 41.6666666667%; }
-
-  .col-sm-6 {
-    flex: 0 0 50%;
-    max-width: 50%; }
-
-  .col-sm-7 {
-    flex: 0 0 58.3333333333%;
-    max-width: 58.3333333333%; }
-
-  .col-sm-8 {
-    flex: 0 0 66.6666666667%;
-    max-width: 66.6666666667%; }
-
-  .col-sm-9 {
-    flex: 0 0 75%;
-    max-width: 75%; }
-
-  .col-sm-10 {
-    flex: 0 0 83.3333333333%;
-    max-width: 83.3333333333%; }
-
-  .col-sm-11 {
-    flex: 0 0 91.6666666667%;
-    max-width: 91.6666666667%; }
-
-  .col-sm-12 {
-    flex: 0 0 100%;
-    max-width: 100%; }
-
-  .order-sm-first {
-    order: -1; }
-
-  .order-sm-last {
-    order: 13; }
-
-  .order-sm-0 {
-    order: 0; }
-
-  .order-sm-1 {
-    order: 1; }
-
-  .order-sm-2 {
-    order: 2; }
-
-  .order-sm-3 {
-    order: 3; }
-
-  .order-sm-4 {
-    order: 4; }
-
-  .order-sm-5 {
-    order: 5; }
-
-  .order-sm-6 {
-    order: 6; }
-
-  .order-sm-7 {
-    order: 7; }
-
-  .order-sm-8 {
-    order: 8; }
-
-  .order-sm-9 {
-    order: 9; }
-
-  .order-sm-10 {
-    order: 10; }
-
-  .order-sm-11 {
-    order: 11; }
-
-  .order-sm-12 {
-    order: 12; }
-
-  .offset-sm-0 {
-    margin-left: 0; }
-
-  .offset-sm-1 {
-    margin-left: 8.3333333333%; }
-
-  .offset-sm-2 {
-    margin-left: 16.6666666667%; }
-
-  .offset-sm-3 {
-    margin-left: 25%; }
-
-  .offset-sm-4 {
-    margin-left: 33.3333333333%; }
-
-  .offset-sm-5 {
-    margin-left: 41.6666666667%; }
-
-  .offset-sm-6 {
-    margin-left: 50%; }
-
-  .offset-sm-7 {
-    margin-left: 58.3333333333%; }
-
-  .offset-sm-8 {
-    margin-left: 66.6666666667%; }
-
-  .offset-sm-9 {
-    margin-left: 75%; }
-
-  .offset-sm-10 {
-    margin-left: 83.3333333333%; }
-
-  .offset-sm-11 {
-    margin-left: 91.6666666667%; } }
-@media (min-width: 768px) {
-  .col-md {
-    flex-basis: 0;
-    flex-grow: 1;
-    max-width: 100%; }
-
-  .col-md-auto {
-    flex: 0 0 auto;
-    width: auto;
-    max-width: none; }
-
-  .col-md-1 {
-    flex: 0 0 8.3333333333%;
-    max-width: 8.3333333333%; }
-
-  .col-md-2 {
-    flex: 0 0 16.6666666667%;
-    max-width: 16.6666666667%; }
-
-  .col-md-3 {
-    flex: 0 0 25%;
-    max-width: 25%; }
-
-  .col-md-4 {
-    flex: 0 0 33.3333333333%;
-    max-width: 33.3333333333%; }
-
-  .col-md-5 {
-    flex: 0 0 41.6666666667%;
-    max-width: 41.6666666667%; }
-
-  .col-md-6 {
-    flex: 0 0 50%;
-    max-width: 50%; }
-
-  .col-md-7 {
-    flex: 0 0 58.3333333333%;
-    max-width: 58.3333333333%; }
-
-  .col-md-8 {
-    flex: 0 0 66.6666666667%;
-    max-width: 66.6666666667%; }
-
-  .col-md-9 {
-    flex: 0 0 75%;
-    max-width: 75%; }
-
-  .col-md-10 {
-    flex: 0 0 83.3333333333%;
-    max-width: 83.3333333333%; }
-
-  .col-md-11 {
-    flex: 0 0 91.6666666667%;
-    max-width: 91.6666666667%; }
-
-  .col-md-12 {
-    flex: 0 0 100%;
-    max-width: 100%; }
-
-  .order-md-first {
-    order: -1; }
-
-  .order-md-last {
-    order: 13; }
-
-  .order-md-0 {
-    order: 0; }
-
-  .order-md-1 {
-    order: 1; }
-
-  .order-md-2 {
-    order: 2; }
-
-  .order-md-3 {
-    order: 3; }
-
-  .order-md-4 {
-    order: 4; }
-
-  .order-md-5 {
-    order: 5; }
-
-  .order-md-6 {
-    order: 6; }
-
-  .order-md-7 {
-    order: 7; }
-
-  .order-md-8 {
-    order: 8; }
-
-  .order-md-9 {
-    order: 9; }
-
-  .order-md-10 {
-    order: 10; }
-
-  .order-md-11 {
-    order: 11; }
-
-  .order-md-12 {
-    order: 12; }
-
-  .offset-md-0 {
-    margin-left: 0; }
-
-  .offset-md-1 {
-    margin-left: 8.3333333333%; }
-
-  .offset-md-2 {
-    margin-left: 16.6666666667%; }
-
-  .offset-md-3 {
-    margin-left: 25%; }
-
-  .offset-md-4 {
-    margin-left: 33.3333333333%; }
-
-  .offset-md-5 {
-    margin-left: 41.6666666667%; }
-
-  .offset-md-6 {
-    margin-left: 50%; }
-
-  .offset-md-7 {
-    margin-left: 58.3333333333%; }
-
-  .offset-md-8 {
-    margin-left: 66.6666666667%; }
-
-  .offset-md-9 {
-    margin-left: 75%; }
-
-  .offset-md-10 {
-    margin-left: 83.3333333333%; }
-
-  .offset-md-11 {
-    margin-left: 91.6666666667%; } }
-@media (min-width: 992px) {
-  .col-lg {
-    flex-basis: 0;
-    flex-grow: 1;
-    max-width: 100%; }
-
-  .col-lg-auto {
-    flex: 0 0 auto;
-    width: auto;
-    max-width: none; }
-
-  .col-lg-1 {
-    flex: 0 0 8.3333333333%;
-    max-width: 8.3333333333%; }
-
-  .col-lg-2 {
-    flex: 0 0 16.6666666667%;
-    max-width: 16.6666666667%; }
-
-  .col-lg-3 {
-    flex: 0 0 25%;
-    max-width: 25%; }
-
-  .col-lg-4 {
-    flex: 0 0 33.3333333333%;
-    max-width: 33.3333333333%; }
-
-  .col-lg-5 {
-    flex: 0 0 41.6666666667%;
-    max-width: 41.6666666667%; }
-
-  .col-lg-6 {
-    flex: 0 0 50%;
-    max-width: 50%; }
-
-  .col-lg-7 {
-    flex: 0 0 58.3333333333%;
-    max-width: 58.3333333333%; }
-
-  .col-lg-8 {
-    flex: 0 0 66.6666666667%;
-    max-width: 66.6666666667%; }
-
-  .col-lg-9 {
-    flex: 0 0 75%;
-    max-width: 75%; }
-
-  .col-lg-10 {
-    flex: 0 0 83.3333333333%;
-    max-width: 83.3333333333%; }
-
-  .col-lg-11 {
-    flex: 0 0 91.6666666667%;
-    max-width: 91.6666666667%; }
-
-  .col-lg-12 {
-    flex: 0 0 100%;
-    max-width: 100%; }
-
-  .order-lg-first {
-    order: -1; }
-
-  .order-lg-last {
-    order: 13; }
-
-  .order-lg-0 {
-    order: 0; }
-
-  .order-lg-1 {
-    order: 1; }
-
-  .order-lg-2 {
-    order: 2; }
-
-  .order-lg-3 {
-    order: 3; }
-
-  .order-lg-4 {
-    order: 4; }
-
-  .order-lg-5 {
-    order: 5; }
-
-  .order-lg-6 {
-    order: 6; }
-
-  .order-lg-7 {
-    order: 7; }
-
-  .order-lg-8 {
-    order: 8; }
-
-  .order-lg-9 {
-    order: 9; }
-
-  .order-lg-10 {
-    order: 10; }
-
-  .order-lg-11 {
-    order: 11; }
-
-  .order-lg-12 {
-    order: 12; }
-
-  .offset-lg-0 {
-    margin-left: 0; }
-
-  .offset-lg-1 {
-    margin-left: 8.3333333333%; }
-
-  .offset-lg-2 {
-    margin-left: 16.6666666667%; }
-
-  .offset-lg-3 {
-    margin-left: 25%; }
-
-  .offset-lg-4 {
-    margin-left: 33.3333333333%; }
-
-  .offset-lg-5 {
-    margin-left: 41.6666666667%; }
-
-  .offset-lg-6 {
-    margin-left: 50%; }
-
-  .offset-lg-7 {
-    margin-left: 58.3333333333%; }
-
-  .offset-lg-8 {
-    margin-left: 66.6666666667%; }
-
-  .offset-lg-9 {
-    margin-left: 75%; }
-
-  .offset-lg-10 {
-    margin-left: 83.3333333333%; }
-
-  .offset-lg-11 {
-    margin-left: 91.6666666667%; } }
-@media (min-width: 1200px) {
-  .col-xl {
-    flex-basis: 0;
-    flex-grow: 1;
-    max-width: 100%; }
-
-  .col-xl-auto {
-    flex: 0 0 auto;
-    width: auto;
-    max-width: none; }
-
-  .col-xl-1 {
-    flex: 0 0 8.3333333333%;
-    max-width: 8.3333333333%; }
-
-  .col-xl-2 {
-    flex: 0 0 16.6666666667%;
-    max-width: 16.6666666667%; }
-
-  .col-xl-3 {
-    flex: 0 0 25%;
-    max-width: 25%; }
-
-  .col-xl-4 {
-    flex: 0 0 33.3333333333%;
-    max-width: 33.3333333333%; }
-
-  .col-xl-5 {
-    flex: 0 0 41.6666666667%;
-    max-width: 41.6666666667%; }
-
-  .col-xl-6 {
-    flex: 0 0 50%;
-    max-width: 50%; }
-
-  .col-xl-7 {
-    flex: 0 0 58.3333333333%;
-    max-width: 58.3333333333%; }
-
-  .col-xl-8 {
-    flex: 0 0 66.6666666667%;
-    max-width: 66.6666666667%; }
-
-  .col-xl-9 {
-    flex: 0 0 75%;
-    max-width: 75%; }
-
-  .col-xl-10 {
-    flex: 0 0 83.3333333333%;
-    max-width: 83.3333333333%; }
-
-  .col-xl-11 {
-    flex: 0 0 91.6666666667%;
-    max-width: 91.6666666667%; }
-
-  .col-xl-12 {
-    flex: 0 0 100%;
-    max-width: 100%; }
-
-  .order-xl-first {
-    order: -1; }
-
-  .order-xl-last {
-    order: 13; }
-
-  .order-xl-0 {
-    order: 0; }
-
-  .order-xl-1 {
-    order: 1; }
-
-  .order-xl-2 {
-    order: 2; }
-
-  .order-xl-3 {
-    order: 3; }
-
-  .order-xl-4 {
-    order: 4; }
-
-  .order-xl-5 {
-    order: 5; }
-
-  .order-xl-6 {
-    order: 6; }
-
-  .order-xl-7 {
-    order: 7; }
-
-  .order-xl-8 {
-    order: 8; }
-
-  .order-xl-9 {
-    order: 9; }
-
-  .order-xl-10 {
-    order: 10; }
-
-  .order-xl-11 {
-    order: 11; }
-
-  .order-xl-12 {
-    order: 12; }
-
-  .offset-xl-0 {
-    margin-left: 0; }
-
-  .offset-xl-1 {
-    margin-left: 8.3333333333%; }
-
-  .offset-xl-2 {
-    margin-left: 16.6666666667%; }
-
-  .offset-xl-3 {
-    margin-left: 25%; }
-
-  .offset-xl-4 {
-    margin-left: 33.3333333333%; }
-
-  .offset-xl-5 {
-    margin-left: 41.6666666667%; }
-
-  .offset-xl-6 {
-    margin-left: 50%; }
-
-  .offset-xl-7 {
-    margin-left: 58.3333333333%; }
-
-  .offset-xl-8 {
-    margin-left: 66.6666666667%; }
-
-  .offset-xl-9 {
-    margin-left: 75%; }
-
-  .offset-xl-10 {
-    margin-left: 83.3333333333%; }
-
-  .offset-xl-11 {
-    margin-left: 91.6666666667%; } }
-.table {
-  width: 100%;
-  max-width: 100%;
-  margin-bottom: 1rem;
-  background-color: transparent; }
-  .table th,
-  .table td {
-    padding: 0.75rem;
-    vertical-align: top;
-    border-top: 1px solid #dee2e6; }
-  .table thead th {
-    vertical-align: bottom;
-    border-bottom: 2px solid #dee2e6; }
-  .table tbody + tbody {
-    border-top: 2px solid #dee2e6; }
-  .table .table {
-    background-color: #fff; }
-
-.table-sm th,
-.table-sm td {
-  padding: 0.3rem; }
-
-.table-bordered {
-  border: 1px solid #dee2e6; }
-  .table-bordered th,
-  .table-bordered td {
-    border: 1px solid #dee2e6; }
-  .table-bordered thead th,
-  .table-bordered thead td {
-    border-bottom-width: 2px; }
-
-.table-striped tbody tr:nth-of-type(odd) {
-  background-color: rgba(0, 0, 0, 0.05); }
-
-.table-hover tbody tr:hover {
-  background-color: rgba(0, 0, 0, 0.075); }
-
-.table-primary,
-.table-primary > th,
-.table-primary > td {
-  background-color: #d9e1c4; }
-
-.table-hover .table-primary:hover {
-  background-color: #ced8b3; }
-  .table-hover .table-primary:hover > td,
-  .table-hover .table-primary:hover > th {
-    background-color: #ced8b3; }
-
-.table-secondary,
-.table-secondary > th,
-.table-secondary > td {
-  background-color: #eec3d4; }
-
-.table-hover .table-secondary:hover {
-  background-color: #e8afc6; }
-  .table-hover .table-secondary:hover > td,
-  .table-hover .table-secondary:hover > th {
-    background-color: #e8afc6; }
-
-.table-success,
-.table-success > th,
-.table-success > td {
-  background-color: #f2c2c3; }
-
-.table-hover .table-success:hover {
-  background-color: #eeadae; }
-  .table-hover .table-success:hover > td,
-  .table-hover .table-success:hover > th {
-    background-color: #eeadae; }
-
-.table-info,
-.table-info > th,
-.table-info > td {
-  background-color: #c9cce4; }
-
-.table-hover .table-info:hover {
-  background-color: #b8bcdc; }
-  .table-hover .table-info:hover > td,
-  .table-hover .table-info:hover > th {
-    background-color: #b8bcdc; }
-
-.table-warning,
-.table-warning > th,
-.table-warning > td {
-  background-color: #d7cae2; }
-
-.table-hover .table-warning:hover {
-  background-color: #cbbad9; }
-  .table-hover .table-warning:hover > td,
-  .table-hover .table-warning:hover > th {
-    background-color: #cbbad9; }
-
-.table-danger,
-.table-danger > th,
-.table-danger > td {
-  background-color: #f5c6cb; }
-
-.table-hover .table-danger:hover {
-  background-color: #f1b0b7; }
-  .table-hover .table-danger:hover > td,
-  .table-hover .table-danger:hover > th {
-    background-color: #f1b0b7; }
-
-.table-light,
-.table-light > th,
-.table-light > td {
-  background-color: #fdfdfe; }
-
-.table-hover .table-light:hover {
-  background-color: #ececf6; }
-  .table-hover .table-light:hover > td,
-  .table-hover .table-light:hover > th {
-    background-color: #ececf6; }
-
-.table-dark,
-.table-dark > th,
-.table-dark > td {
-  background-color: #c6c8ca; }
-
-.table-hover .table-dark:hover {
-  background-color: #b9bbbe; }
-  .table-hover .table-dark:hover > td,
-  .table-hover .table-dark:hover > th {
-    background-color: #b9bbbe; }
-
-.table-active,
-.table-active > th,
-.table-active > td {
-  background-color: rgba(0, 0, 0, 0.075); }
-
-.table-hover .table-active:hover {
-  background-color: rgba(0, 0, 0, 0.075); }
-  .table-hover .table-active:hover > td,
-  .table-hover .table-active:hover > th {
-    background-color: rgba(0, 0, 0, 0.075); }
-
-.table .thead-dark th {
-  color: #fff;
-  background-color: #212529;
-  border-color: #32383e; }
-.table .thead-light th {
-  color: #495057;
-  background-color: #e9ecef;
-  border-color: #dee2e6; }
-
-.table-dark {
-  color: #fff;
-  background-color: #212529; }
-  .table-dark th,
-  .table-dark td,
-  .table-dark thead th {
-    border-color: #32383e; }
-  .table-dark.table-bordered {
-    border: 0; }
-  .table-dark.table-striped tbody tr:nth-of-type(odd) {
-    background-color: rgba(255, 255, 255, 0.05); }
-  .table-dark.table-hover tbody tr:hover {
-    background-color: rgba(255, 255, 255, 0.075); }
-
-@media (max-width: 575.98px) {
-  .table-responsive-sm {
-    display: block;
-    width: 100%;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-    -ms-overflow-style: -ms-autohiding-scrollbar; }
-    .table-responsive-sm > .table-bordered {
-      border: 0; } }
-@media (max-width: 767.98px) {
-  .table-responsive-md {
-    display: block;
-    width: 100%;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-    -ms-overflow-style: -ms-autohiding-scrollbar; }
-    .table-responsive-md > .table-bordered {
-      border: 0; } }
-@media (max-width: 991.98px) {
-  .table-responsive-lg {
-    display: block;
-    width: 100%;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-    -ms-overflow-style: -ms-autohiding-scrollbar; }
-    .table-responsive-lg > .table-bordered {
-      border: 0; } }
-@media (max-width: 1199.98px) {
-  .table-responsive-xl {
-    display: block;
-    width: 100%;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-    -ms-overflow-style: -ms-autohiding-scrollbar; }
-    .table-responsive-xl > .table-bordered {
-      border: 0; } }
-.table-responsive {
-  display: block;
-  width: 100%;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-  -ms-overflow-style: -ms-autohiding-scrollbar; }
-  .table-responsive > .table-bordered {
-    border: 0; }
-
-.form-control {
-  display: block;
-  width: 100%;
-  padding: 0.375rem 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5;
-  color: #495057;
-  background-color: #fff;
-  background-clip: padding-box;
-  border: 1px solid #ced4da;
-  border-radius: 0.25rem;
-  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
-  .form-control::-ms-expand {
-    background-color: transparent;
-    border: 0; }
-  .form-control:focus {
-    color: #495057;
-    background-color: #fff;
-    border-color: #b8d36c;
-    outline: 0;
-    box-shadow: 0 0 0 0.2rem rgba(120, 147, 44, 0.25); }
-  .form-control::placeholder {
-    color: #6c757d;
-    opacity: 1; }
-  .form-control:disabled, .form-control[readonly] {
-    background-color: #e9ecef;
-    opacity: 1; }
-
-select.form-control:not([size]):not([multiple]) {
-  height: calc(2.25rem + 2px); }
-select.form-control:focus::-ms-value {
-  color: #495057;
-  background-color: #fff; }
-
-.form-control-file,
-.form-control-range {
-  display: block;
-  width: 100%; }
-
-.col-form-label {
-  padding-top: calc(0.375rem + 1px);
-  padding-bottom: calc(0.375rem + 1px);
-  margin-bottom: 0;
-  font-size: inherit;
-  line-height: 1.5; }
-
-.col-form-label-lg {
-  padding-top: calc(0.5rem + 1px);
-  padding-bottom: calc(0.5rem + 1px);
-  font-size: 1.25rem;
-  line-height: 1.5; }
-
-.col-form-label-sm {
-  padding-top: calc(0.25rem + 1px);
-  padding-bottom: calc(0.25rem + 1px);
-  font-size: 0.875rem;
-  line-height: 1.5; }
-
-.form-control-plaintext {
-  display: block;
-  width: 100%;
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-  margin-bottom: 0;
-  line-height: 1.5;
-  background-color: transparent;
-  border: solid transparent;
-  border-width: 1px 0; }
-  .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
-  .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
-  .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
-  .input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
-  .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
-  .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
-  .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
-  .input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
-  .input-group-lg > .input-group-append > .form-control-plaintext.btn {
-    padding-right: 0;
-    padding-left: 0; }
-
-.form-control-sm, .input-group-sm > .form-control,
-.input-group-sm > .input-group-prepend > .input-group-text,
-.input-group-sm > .input-group-append > .input-group-text,
-.input-group-sm > .input-group-prepend > .btn,
-.input-group-sm > .input-group-append > .btn {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  border-radius: 0.2rem; }
-
-select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
-.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
-.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
-.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
-.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
-  height: calc(1.8125rem + 2px); }
-
-.form-control-lg, .input-group-lg > .form-control,
-.input-group-lg > .input-group-prepend > .input-group-text,
-.input-group-lg > .input-group-append > .input-group-text,
-.input-group-lg > .input-group-prepend > .btn,
-.input-group-lg > .input-group-append > .btn {
-  padding: 0.5rem 1rem;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  border-radius: 0.3rem; }
-
-select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
-.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
-.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
-.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
-.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
-  height: calc(2.875rem + 2px); }
-
-.form-group {
-  margin-bottom: 1rem; }
-
-.form-text {
-  display: block;
-  margin-top: 0.25rem; }
-
-.form-row {
-  display: flex;
-  flex-wrap: wrap;
-  margin-right: -5px;
-  margin-left: -5px; }
-  .form-row > .col,
-  .form-row > [class*="col-"] {
-    padding-right: 5px;
-    padding-left: 5px; }
-
-.form-check {
-  position: relative;
-  display: block;
-  padding-left: 1.25rem; }
-
-.form-check-input {
-  position: absolute;
-  margin-top: 0.3rem;
-  margin-left: -1.25rem; }
-  .form-check-input:disabled ~ .form-check-label {
-    color: #6c757d; }
-
-.form-check-label {
-  margin-bottom: 0; }
-
-.form-check-inline {
-  display: inline-flex;
-  align-items: center;
-  padding-left: 0;
-  margin-right: 0.75rem; }
-  .form-check-inline .form-check-input {
-    position: static;
-    margin-top: 0;
-    margin-right: 0.3125rem;
-    margin-left: 0; }
-
-.valid-feedback {
-  display: none;
-  width: 100%;
-  margin-top: 0.25rem;
-  font-size: 80%;
-  color: #cf242a; }
-
-.valid-tooltip {
-  position: absolute;
-  top: 100%;
-  z-index: 5;
-  display: none;
-  max-width: 100%;
-  padding: .5rem;
-  margin-top: .1rem;
-  font-size: .875rem;
-  line-height: 1;
-  color: #fff;
-  background-color: rgba(207, 36, 42, 0.8);
-  border-radius: .2rem; }
-
-.was-validated .form-control:valid, .form-control.is-valid,
-.was-validated .custom-select:valid,
-.custom-select.is-valid {
-  border-color: #cf242a; }
-  .was-validated .form-control:valid:focus, .form-control.is-valid:focus,
-  .was-validated .custom-select:valid:focus,
-  .custom-select.is-valid:focus {
-    border-color: #cf242a;
-    box-shadow: 0 0 0 0.2rem rgba(207, 36, 42, 0.25); }
-  .was-validated .form-control:valid ~ .valid-feedback,
-  .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
-  .form-control.is-valid ~ .valid-tooltip,
-  .was-validated .custom-select:valid ~ .valid-feedback,
-  .was-validated .custom-select:valid ~ .valid-tooltip,
-  .custom-select.is-valid ~ .valid-feedback,
-  .custom-select.is-valid ~ .valid-tooltip {
-    display: block; }
-
-.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
-  color: #cf242a; }
-.was-validated .form-check-input:valid ~ .valid-feedback,
-.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
-.form-check-input.is-valid ~ .valid-tooltip {
-  display: block; }
-
-.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
-  color: #cf242a; }
-  .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
-    background-color: #ea888c; }
-.was-validated .custom-control-input:valid ~ .valid-feedback,
-.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
-.custom-control-input.is-valid ~ .valid-tooltip {
-  display: block; }
-.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
-  background-color: #df474c; }
-.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(207, 36, 42, 0.25); }
-
-.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
-  border-color: #cf242a; }
-  .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
-    border-color: inherit; }
-.was-validated .custom-file-input:valid ~ .valid-feedback,
-.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
-.custom-file-input.is-valid ~ .valid-tooltip {
-  display: block; }
-.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
-  box-shadow: 0 0 0 0.2rem rgba(207, 36, 42, 0.25); }
-
-.invalid-feedback {
-  display: none;
-  width: 100%;
-  margin-top: 0.25rem;
-  font-size: 80%;
-  color: #dc3545; }
-
-.invalid-tooltip {
-  position: absolute;
-  top: 100%;
-  z-index: 5;
-  display: none;
-  max-width: 100%;
-  padding: .5rem;
-  margin-top: .1rem;
-  font-size: .875rem;
-  line-height: 1;
-  color: #fff;
-  background-color: rgba(220, 53, 69, 0.8);
-  border-radius: .2rem; }
-
-.was-validated .form-control:invalid, .form-control.is-invalid,
-.was-validated .custom-select:invalid,
-.custom-select.is-invalid {
-  border-color: #dc3545; }
-  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus,
-  .was-validated .custom-select:invalid:focus,
-  .custom-select.is-invalid:focus {
-    border-color: #dc3545;
-    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
-  .was-validated .form-control:invalid ~ .invalid-feedback,
-  .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
-  .form-control.is-invalid ~ .invalid-tooltip,
-  .was-validated .custom-select:invalid ~ .invalid-feedback,
-  .was-validated .custom-select:invalid ~ .invalid-tooltip,
-  .custom-select.is-invalid ~ .invalid-feedback,
-  .custom-select.is-invalid ~ .invalid-tooltip {
-    display: block; }
-
-.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
-  color: #dc3545; }
-.was-validated .form-check-input:invalid ~ .invalid-feedback,
-.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
-.form-check-input.is-invalid ~ .invalid-tooltip {
-  display: block; }
-
-.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
-  color: #dc3545; }
-  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
-    background-color: #efa2a9; }
-.was-validated .custom-control-input:invalid ~ .invalid-feedback,
-.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
-.custom-control-input.is-invalid ~ .invalid-tooltip {
-  display: block; }
-.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
-  background-color: #e4606d; }
-.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
-
-.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
-  border-color: #dc3545; }
-  .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
-    border-color: inherit; }
-.was-validated .custom-file-input:invalid ~ .invalid-feedback,
-.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
-.custom-file-input.is-invalid ~ .invalid-tooltip {
-  display: block; }
-.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
-
-.form-inline {
-  display: flex;
-  flex-flow: row wrap;
-  align-items: center; }
-  .form-inline .form-check {
-    width: 100%; }
-  @media (min-width: 576px) {
-    .form-inline label {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-bottom: 0; }
-    .form-inline .form-group {
-      display: flex;
-      flex: 0 0 auto;
-      flex-flow: row wrap;
-      align-items: center;
-      margin-bottom: 0; }
-    .form-inline .form-control {
-      display: inline-block;
-      width: auto;
-      vertical-align: middle; }
-    .form-inline .form-control-plaintext {
-      display: inline-block; }
-    .form-inline .input-group {
-      width: auto; }
-    .form-inline .form-check {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: auto;
-      padding-left: 0; }
-    .form-inline .form-check-input {
-      position: relative;
-      margin-top: 0;
-      margin-right: 0.25rem;
-      margin-left: 0; }
-    .form-inline .custom-control {
-      align-items: center;
-      justify-content: center; }
-    .form-inline .custom-control-label {
-      margin-bottom: 0; } }
-
-.btn {
-  display: inline-block;
-  font-weight: 400;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: middle;
-  user-select: none;
-  border: 1px solid transparent;
-  padding: 0.375rem 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5;
-  border-radius: 0.25rem;
-  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
-  .btn:hover, .btn:focus {
-    text-decoration: none; }
-  .btn:focus, .btn.focus {
-    outline: 0;
-    box-shadow: 0 0 0 0.2rem rgba(120, 147, 44, 0.25); }
-  .btn.disabled, .btn:disabled {
-    opacity: 0.65; }
-  .btn:not(:disabled):not(.disabled) {
-    cursor: pointer; }
-  .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
-    background-image: none; }
-
-a.btn.disabled,
-fieldset:disabled a.btn {
-  pointer-events: none; }
-
-.btn-primary {
-  color: #fff;
-  background-color: #78932c;
-  border-color: #78932c; }
-  .btn-primary:hover {
-    color: #fff;
-    background-color: #607623;
-    border-color: #586c20; }
-  .btn-primary:focus, .btn-primary.focus {
-    box-shadow: 0 0 0 0.2rem rgba(120, 147, 44, 0.5); }
-  .btn-primary.disabled, .btn-primary:disabled {
-    color: #fff;
-    background-color: #78932c;
-    border-color: #78932c; }
-  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
-    color: #fff;
-    background-color: #586c20;
-    border-color: #50621d; }
-    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(120, 147, 44, 0.5); }
-
-.btn-secondary {
-  color: #fff;
-  background-color: #c12766;
-  border-color: #c12766; }
-  .btn-secondary:hover {
-    color: #fff;
-    background-color: #a12155;
-    border-color: #971e50; }
-  .btn-secondary:focus, .btn-secondary.focus {
-    box-shadow: 0 0 0 0.2rem rgba(193, 39, 102, 0.5); }
-  .btn-secondary.disabled, .btn-secondary:disabled {
-    color: #fff;
-    background-color: #c12766;
-    border-color: #c12766; }
-  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
-    color: #fff;
-    background-color: #971e50;
-    border-color: #8c1c4a; }
-    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(193, 39, 102, 0.5); }
-
-.btn-success {
-  color: #fff;
-  background-color: #cf242a;
-  border-color: #cf242a; }
-  .btn-success:hover {
-    color: #fff;
-    background-color: #ae1e23;
-    border-color: #a41c21; }
-  .btn-success:focus, .btn-success.focus {
-    box-shadow: 0 0 0 0.2rem rgba(207, 36, 42, 0.5); }
-  .btn-success.disabled, .btn-success:disabled {
-    color: #fff;
-    background-color: #cf242a;
-    border-color: #cf242a; }
-  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
-    color: #fff;
-    background-color: #a41c21;
-    border-color: #991b1f; }
-    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(207, 36, 42, 0.5); }
-
-.btn-info {
-  color: #fff;
-  background-color: #3e489f;
-  border-color: #3e489f; }
-  .btn-info:hover {
-    color: #fff;
-    background-color: #333c83;
-    border-color: #30377a; }
-  .btn-info:focus, .btn-info.focus {
-    box-shadow: 0 0 0 0.2rem rgba(62, 72, 159, 0.5); }
-  .btn-info.disabled, .btn-info:disabled {
-    color: #fff;
-    background-color: #3e489f;
-    border-color: #3e489f; }
-  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
-    color: #fff;
-    background-color: #30377a;
-    border-color: #2c3371; }
-    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(62, 72, 159, 0.5); }
-
-.btn-warning {
-  color: #fff;
-  background-color: #714099;
-  border-color: #714099; }
-  .btn-warning:hover {
-    color: #fff;
-    background-color: #5d357e;
-    border-color: #563175; }
-  .btn-warning:focus, .btn-warning.focus {
-    box-shadow: 0 0 0 0.2rem rgba(113, 64, 153, 0.5); }
-  .btn-warning.disabled, .btn-warning:disabled {
-    color: #fff;
-    background-color: #714099;
-    border-color: #714099; }
-  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
-    color: #fff;
-    background-color: #563175;
-    border-color: #502d6c; }
-    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(113, 64, 153, 0.5); }
-
-.btn-danger {
-  color: #fff;
-  background-color: #dc3545;
-  border-color: #dc3545; }
-  .btn-danger:hover {
-    color: #fff;
-    background-color: #c82333;
-    border-color: #bd2130; }
-  .btn-danger:focus, .btn-danger.focus {
-    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
-  .btn-danger.disabled, .btn-danger:disabled {
-    color: #fff;
-    background-color: #dc3545;
-    border-color: #dc3545; }
-  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
-    color: #fff;
-    background-color: #bd2130;
-    border-color: #b21f2d; }
-    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
-
-.btn-light {
-  color: #212529;
-  background-color: #f8f9fa;
-  border-color: #f8f9fa; }
-  .btn-light:hover {
-    color: #212529;
-    background-color: #e2e6ea;
-    border-color: #dae0e5; }
-  .btn-light:focus, .btn-light.focus {
-    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
-  .btn-light.disabled, .btn-light:disabled {
-    color: #212529;
-    background-color: #f8f9fa;
-    border-color: #f8f9fa; }
-  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
-    color: #212529;
-    background-color: #dae0e5;
-    border-color: #d3d9df; }
-    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
-
-.btn-dark {
-  color: #fff;
-  background-color: #343a40;
-  border-color: #343a40; }
-  .btn-dark:hover {
-    color: #fff;
-    background-color: #23272b;
-    border-color: #1d2124; }
-  .btn-dark:focus, .btn-dark.focus {
-    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
-  .btn-dark.disabled, .btn-dark:disabled {
-    color: #fff;
-    background-color: #343a40;
-    border-color: #343a40; }
-  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
-    color: #fff;
-    background-color: #1d2124;
-    border-color: #171a1d; }
-    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
-
-.btn-outline-primary {
-  color: #78932c;
-  background-color: transparent;
-  background-image: none;
-  border-color: #78932c; }
-  .btn-outline-primary:hover {
-    color: #fff;
-    background-color: #78932c;
-    border-color: #78932c; }
-  .btn-outline-primary:focus, .btn-outline-primary.focus {
-    box-shadow: 0 0 0 0.2rem rgba(120, 147, 44, 0.5); }
-  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
-    color: #78932c;
-    background-color: transparent; }
-  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
-    color: #fff;
-    background-color: #78932c;
-    border-color: #78932c; }
-    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(120, 147, 44, 0.5); }
-
-.btn-outline-secondary {
-  color: #c12766;
-  background-color: transparent;
-  background-image: none;
-  border-color: #c12766; }
-  .btn-outline-secondary:hover {
-    color: #fff;
-    background-color: #c12766;
-    border-color: #c12766; }
-  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
-    box-shadow: 0 0 0 0.2rem rgba(193, 39, 102, 0.5); }
-  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
-    color: #c12766;
-    background-color: transparent; }
-  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
-    color: #fff;
-    background-color: #c12766;
-    border-color: #c12766; }
-    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(193, 39, 102, 0.5); }
-
-.btn-outline-success {
-  color: #cf242a;
-  background-color: transparent;
-  background-image: none;
-  border-color: #cf242a; }
-  .btn-outline-success:hover {
-    color: #fff;
-    background-color: #cf242a;
-    border-color: #cf242a; }
-  .btn-outline-success:focus, .btn-outline-success.focus {
-    box-shadow: 0 0 0 0.2rem rgba(207, 36, 42, 0.5); }
-  .btn-outline-success.disabled, .btn-outline-success:disabled {
-    color: #cf242a;
-    background-color: transparent; }
-  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
-    color: #fff;
-    background-color: #cf242a;
-    border-color: #cf242a; }
-    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(207, 36, 42, 0.5); }
-
-.btn-outline-info {
-  color: #3e489f;
-  background-color: transparent;
-  background-image: none;
-  border-color: #3e489f; }
-  .btn-outline-info:hover {
-    color: #fff;
-    background-color: #3e489f;
-    border-color: #3e489f; }
-  .btn-outline-info:focus, .btn-outline-info.focus {
-    box-shadow: 0 0 0 0.2rem rgba(62, 72, 159, 0.5); }
-  .btn-outline-info.disabled, .btn-outline-info:disabled {
-    color: #3e489f;
-    background-color: transparent; }
-  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
-    color: #fff;
-    background-color: #3e489f;
-    border-color: #3e489f; }
-    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(62, 72, 159, 0.5); }
-
-.btn-outline-warning {
-  color: #714099;
-  background-color: transparent;
-  background-image: none;
-  border-color: #714099; }
-  .btn-outline-warning:hover {
-    color: #fff;
-    background-color: #714099;
-    border-color: #714099; }
-  .btn-outline-warning:focus, .btn-outline-warning.focus {
-    box-shadow: 0 0 0 0.2rem rgba(113, 64, 153, 0.5); }
-  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
-    color: #714099;
-    background-color: transparent; }
-  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
-    color: #fff;
-    background-color: #714099;
-    border-color: #714099; }
-    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(113, 64, 153, 0.5); }
-
-.btn-outline-danger {
-  color: #dc3545;
-  background-color: transparent;
-  background-image: none;
-  border-color: #dc3545; }
-  .btn-outline-danger:hover {
-    color: #fff;
-    background-color: #dc3545;
-    border-color: #dc3545; }
-  .btn-outline-danger:focus, .btn-outline-danger.focus {
-    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
-  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
-    color: #dc3545;
-    background-color: transparent; }
-  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
-    color: #fff;
-    background-color: #dc3545;
-    border-color: #dc3545; }
-    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
-
-.btn-outline-light {
-  color: #f8f9fa;
-  background-color: transparent;
-  background-image: none;
-  border-color: #f8f9fa; }
-  .btn-outline-light:hover {
-    color: #212529;
-    background-color: #f8f9fa;
-    border-color: #f8f9fa; }
-  .btn-outline-light:focus, .btn-outline-light.focus {
-    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
-  .btn-outline-light.disabled, .btn-outline-light:disabled {
-    color: #f8f9fa;
-    background-color: transparent; }
-  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
-    color: #212529;
-    background-color: #f8f9fa;
-    border-color: #f8f9fa; }
-    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
-
-.btn-outline-dark {
-  color: #343a40;
-  background-color: transparent;
-  background-image: none;
-  border-color: #343a40; }
-  .btn-outline-dark:hover {
-    color: #fff;
-    background-color: #343a40;
-    border-color: #343a40; }
-  .btn-outline-dark:focus, .btn-outline-dark.focus {
-    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
-  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
-    color: #343a40;
-    background-color: transparent; }
-  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
-    color: #fff;
-    background-color: #343a40;
-    border-color: #343a40; }
-    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
-
-.btn-link {
-  font-weight: 400;
-  color: #78932c;
-  background-color: transparent; }
-  .btn-link:hover {
-    color: #48581a;
-    text-decoration: underline;
-    background-color: transparent;
-    border-color: transparent; }
-  .btn-link:focus, .btn-link.focus {
-    text-decoration: underline;
-    border-color: transparent;
-    box-shadow: none; }
-  .btn-link:disabled, .btn-link.disabled {
-    color: #6c757d; }
-
-.btn-lg, .btn-group-lg > .btn {
-  padding: 0.5rem 1rem;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  border-radius: 0.3rem; }
-
-.btn-sm, .btn-group-sm > .btn {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  border-radius: 0.2rem; }
-
-.btn-block {
-  display: block;
-  width: 100%; }
-  .btn-block + .btn-block {
-    margin-top: 0.5rem; }
-
-input[type="submit"].btn-block,
-input[type="reset"].btn-block,
-input[type="button"].btn-block {
-  width: 100%; }
-
-.fade {
-  opacity: 0;
-  transition: opacity 0.15s linear; }
-  .fade.show {
-    opacity: 1; }
-
-.collapse {
-  display: none; }
-  .collapse.show {
-    display: block; }
-
-tr.collapse.show {
-  display: table-row; }
-
-tbody.collapse.show {
-  display: table-row-group; }
-
-.collapsing {
-  position: relative;
-  height: 0;
-  overflow: hidden;
-  transition: height 0.35s ease; }
-
-.dropup,
-.dropdown {
-  position: relative; }
-
-.dropdown-toggle::after {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  margin-left: 0.255em;
-  vertical-align: 0.255em;
-  content: "";
-  border-top: 0.3em solid;
-  border-right: 0.3em solid transparent;
-  border-bottom: 0;
-  border-left: 0.3em solid transparent; }
-.dropdown-toggle:empty::after {
-  margin-left: 0; }
-
-.dropdown-menu {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: 1000;
-  display: none;
-  float: left;
-  min-width: 10rem;
-  padding: 0.5rem 0;
-  margin: 0.125rem 0 0;
-  font-size: 1rem;
-  color: #212529;
-  text-align: left;
-  list-style: none;
-  background-color: #fff;
-  background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  border-radius: 0.25rem; }
-
-.dropup .dropdown-menu {
-  margin-top: 0;
-  margin-bottom: 0.125rem; }
-.dropup .dropdown-toggle::after {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  margin-left: 0.255em;
-  vertical-align: 0.255em;
-  content: "";
-  border-top: 0;
-  border-right: 0.3em solid transparent;
-  border-bottom: 0.3em solid;
-  border-left: 0.3em solid transparent; }
-.dropup .dropdown-toggle:empty::after {
-  margin-left: 0; }
-
-.dropright .dropdown-menu {
-  margin-top: 0;
-  margin-left: 0.125rem; }
-.dropright .dropdown-toggle::after {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  margin-left: 0.255em;
-  vertical-align: 0.255em;
-  content: "";
-  border-top: 0.3em solid transparent;
-  border-bottom: 0.3em solid transparent;
-  border-left: 0.3em solid; }
-.dropright .dropdown-toggle:empty::after {
-  margin-left: 0; }
-.dropright .dropdown-toggle::after {
-  vertical-align: 0; }
-
-.dropleft .dropdown-menu {
-  margin-top: 0;
-  margin-right: 0.125rem; }
-.dropleft .dropdown-toggle::after {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  margin-left: 0.255em;
-  vertical-align: 0.255em;
-  content: ""; }
-.dropleft .dropdown-toggle::after {
-  display: none; }
-.dropleft .dropdown-toggle::before {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  margin-right: 0.255em;
-  vertical-align: 0.255em;
-  content: "";
-  border-top: 0.3em solid transparent;
-  border-right: 0.3em solid;
-  border-bottom: 0.3em solid transparent; }
-.dropleft .dropdown-toggle:empty::after {
-  margin-left: 0; }
-.dropleft .dropdown-toggle::before {
-  vertical-align: 0; }
-
-.dropdown-divider {
-  height: 0;
-  margin: 0.5rem 0;
-  overflow: hidden;
-  border-top: 1px solid #e9ecef; }
-
-.dropdown-item {
-  display: block;
-  width: 100%;
-  padding: 0.25rem 1.5rem;
-  clear: both;
-  font-weight: 400;
-  color: #212529;
-  text-align: inherit;
-  white-space: nowrap;
-  background-color: transparent;
-  border: 0; }
-  .dropdown-item:hover, .dropdown-item:focus {
-    color: #16181b;
-    text-decoration: none;
-    background-color: #f8f9fa; }
-  .dropdown-item.active, .dropdown-item:active {
-    color: #fff;
-    text-decoration: none;
-    background-color: #78932c; }
-  .dropdown-item.disabled, .dropdown-item:disabled {
-    color: #6c757d;
-    background-color: transparent; }
-
-.dropdown-menu.show {
-  display: block; }
-
-.dropdown-header {
-  display: block;
-  padding: 0.5rem 1.5rem;
-  margin-bottom: 0;
-  font-size: 0.875rem;
-  color: #6c757d;
-  white-space: nowrap; }
-
-.btn-group,
-.btn-group-vertical {
-  position: relative;
-  display: inline-flex;
-  vertical-align: middle; }
-  .btn-group > .btn,
-  .btn-group-vertical > .btn {
-    position: relative;
-    flex: 0 1 auto; }
-    .btn-group > .btn:hover,
-    .btn-group-vertical > .btn:hover {
-      z-index: 1; }
-    .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
-    .btn-group-vertical > .btn:focus,
-    .btn-group-vertical > .btn:active,
-    .btn-group-vertical > .btn.active {
-      z-index: 1; }
-  .btn-group .btn + .btn,
-  .btn-group .btn + .btn-group,
-  .btn-group .btn-group + .btn,
-  .btn-group .btn-group + .btn-group,
-  .btn-group-vertical .btn + .btn,
-  .btn-group-vertical .btn + .btn-group,
-  .btn-group-vertical .btn-group + .btn,
-  .btn-group-vertical .btn-group + .btn-group {
-    margin-left: -1px; }
-
-.btn-toolbar {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start; }
-  .btn-toolbar .input-group {
-    width: auto; }
-
-.btn-group > .btn:first-child {
-  margin-left: 0; }
-.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
-.btn-group > .btn-group:not(:last-child) > .btn {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0; }
-.btn-group > .btn:not(:first-child),
-.btn-group > .btn-group:not(:first-child) > .btn {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0; }
-
-.dropdown-toggle-split {
-  padding-right: 0.5625rem;
-  padding-left: 0.5625rem; }
-  .dropdown-toggle-split::after {
-    margin-left: 0; }
-
-.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
-  padding-right: 0.375rem;
-  padding-left: 0.375rem; }
-
-.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
-  padding-right: 0.75rem;
-  padding-left: 0.75rem; }
-
-.btn-group-vertical {
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center; }
-  .btn-group-vertical .btn,
-  .btn-group-vertical .btn-group {
-    width: 100%; }
-  .btn-group-vertical > .btn + .btn,
-  .btn-group-vertical > .btn + .btn-group,
-  .btn-group-vertical > .btn-group + .btn,
-  .btn-group-vertical > .btn-group + .btn-group {
-    margin-top: -1px;
-    margin-left: 0; }
-  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
-  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0; }
-  .btn-group-vertical > .btn:not(:first-child),
-  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0; }
-
-.btn-group-toggle > .btn,
-.btn-group-toggle > .btn-group > .btn {
-  margin-bottom: 0; }
-  .btn-group-toggle > .btn input[type="radio"],
-  .btn-group-toggle > .btn input[type="checkbox"],
-  .btn-group-toggle > .btn-group > .btn input[type="radio"],
-  .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
-    position: absolute;
-    clip: rect(0, 0, 0, 0);
-    pointer-events: none; }
-
-.input-group {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: stretch;
-  width: 100%; }
-  .input-group > .form-control,
-  .input-group > .custom-select,
-  .input-group > .custom-file {
-    position: relative;
-    flex: 1 1 auto;
-    width: 1%;
-    margin-bottom: 0; }
-    .input-group > .form-control:focus,
-    .input-group > .custom-select:focus,
-    .input-group > .custom-file:focus {
-      z-index: 3; }
-    .input-group > .form-control + .form-control,
-    .input-group > .form-control + .custom-select,
-    .input-group > .form-control + .custom-file,
-    .input-group > .custom-select + .form-control,
-    .input-group > .custom-select + .custom-select,
-    .input-group > .custom-select + .custom-file,
-    .input-group > .custom-file + .form-control,
-    .input-group > .custom-file + .custom-select,
-    .input-group > .custom-file + .custom-file {
-      margin-left: -1px; }
-  .input-group > .form-control:not(:last-child),
-  .input-group > .custom-select:not(:last-child) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0; }
-  .input-group > .form-control:not(:first-child),
-  .input-group > .custom-select:not(:first-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0; }
-  .input-group > .custom-file {
-    display: flex;
-    align-items: center; }
-    .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0; }
-    .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0; }
-
-.input-group-prepend,
-.input-group-append {
-  display: flex; }
-  .input-group-prepend .btn,
-  .input-group-append .btn {
-    position: relative;
-    z-index: 2; }
-  .input-group-prepend .btn + .btn,
-  .input-group-prepend .btn + .input-group-text,
-  .input-group-prepend .input-group-text + .input-group-text,
-  .input-group-prepend .input-group-text + .btn,
-  .input-group-append .btn + .btn,
-  .input-group-append .btn + .input-group-text,
-  .input-group-append .input-group-text + .input-group-text,
-  .input-group-append .input-group-text + .btn {
-    margin-left: -1px; }
-
-.input-group-prepend {
-  margin-right: -1px; }
-
-.input-group-append {
-  margin-left: -1px; }
-
-.input-group-text {
-  display: flex;
-  align-items: center;
-  padding: 0.375rem 0.75rem;
-  margin-bottom: 0;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #495057;
-  text-align: center;
-  white-space: nowrap;
-  background-color: #e9ecef;
-  border: 1px solid #ced4da;
-  border-radius: 0.25rem; }
-  .input-group-text input[type="radio"],
-  .input-group-text input[type="checkbox"] {
-    margin-top: 0; }
-
-.input-group > .input-group-prepend > .btn,
-.input-group > .input-group-prepend > .input-group-text,
-.input-group > .input-group-append:not(:last-child) > .btn,
-.input-group > .input-group-append:not(:last-child) > .input-group-text,
-.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
-.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0; }
-
-.input-group > .input-group-append > .btn,
-.input-group > .input-group-append > .input-group-text,
-.input-group > .input-group-prepend:not(:first-child) > .btn,
-.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
-.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
-.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0; }
-
-.custom-control {
-  position: relative;
-  display: block;
-  min-height: 1.5rem;
-  padding-left: 1.5rem; }
-
-.custom-control-inline {
-  display: inline-flex;
-  margin-right: 1rem; }
-
-.custom-control-input {
-  position: absolute;
-  z-index: -1;
-  opacity: 0; }
-  .custom-control-input:checked ~ .custom-control-label::before {
-    color: #fff;
-    background-color: #78932c; }
-  .custom-control-input:focus ~ .custom-control-label::before {
-    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(120, 147, 44, 0.25); }
-  .custom-control-input:active ~ .custom-control-label::before {
-    color: #fff;
-    background-color: #cbdf93; }
-  .custom-control-input:disabled ~ .custom-control-label {
-    color: #6c757d; }
-    .custom-control-input:disabled ~ .custom-control-label::before {
-      background-color: #e9ecef; }
-
-.custom-control-label {
-  margin-bottom: 0; }
-  .custom-control-label::before {
-    position: absolute;
-    top: 0.25rem;
-    left: 0;
-    display: block;
-    width: 1rem;
-    height: 1rem;
-    pointer-events: none;
-    content: "";
-    user-select: none;
-    background-color: #dee2e6; }
-  .custom-control-label::after {
-    position: absolute;
-    top: 0.25rem;
-    left: 0;
-    display: block;
-    width: 1rem;
-    height: 1rem;
-    content: "";
-    background-repeat: no-repeat;
-    background-position: center center;
-    background-size: 50% 50%; }
-
-.custom-checkbox .custom-control-label::before {
-  border-radius: 0.25rem; }
-.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
-  background-color: #78932c; }
-.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
-  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
-.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
-  background-color: #78932c; }
-.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
-  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }
-.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
-  background-color: rgba(120, 147, 44, 0.5); }
-.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
-  background-color: rgba(120, 147, 44, 0.5); }
-
-.custom-radio .custom-control-label::before {
-  border-radius: 50%; }
-.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
-  background-color: #78932c; }
-.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
-  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }
-.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
-  background-color: rgba(120, 147, 44, 0.5); }
-
-.custom-select {
-  display: inline-block;
-  width: 100%;
-  height: calc(2.25rem + 2px);
-  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
-  line-height: 1.5;
-  color: #495057;
-  vertical-align: middle;
-  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
-  background-size: 8px 10px;
-  border: 1px solid #ced4da;
-  border-radius: 0.25rem;
-  appearance: none; }
-  .custom-select:focus {
-    border-color: #b8d36c;
-    outline: 0;
-    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(184, 211, 108, 0.5); }
-    .custom-select:focus::-ms-value {
-      color: #495057;
-      background-color: #fff; }
-  .custom-select[multiple], .custom-select[size]:not([size="1"]) {
-    height: auto;
-    padding-right: 0.75rem;
-    background-image: none; }
-  .custom-select:disabled {
-    color: #6c757d;
-    background-color: #e9ecef; }
-  .custom-select::-ms-expand {
-    opacity: 0; }
-
-.custom-select-sm {
-  height: calc(1.8125rem + 2px);
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-  font-size: 75%; }
-
-.custom-select-lg {
-  height: calc(2.875rem + 2px);
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-  font-size: 125%; }
-
-.custom-file {
-  position: relative;
-  display: inline-block;
-  width: 100%;
-  height: calc(2.25rem + 2px);
-  margin-bottom: 0; }
-
-.custom-file-input {
-  position: relative;
-  z-index: 2;
-  width: 100%;
-  height: calc(2.25rem + 2px);
-  margin: 0;
-  opacity: 0; }
-  .custom-file-input:focus ~ .custom-file-control {
-    border-color: #b8d36c;
-    box-shadow: 0 0 0 0.2rem rgba(120, 147, 44, 0.25); }
-    .custom-file-input:focus ~ .custom-file-control::before {
-      border-color: #b8d36c; }
-  .custom-file-input:lang(en) ~ .custom-file-label::after {
-    content: "Browse"; }
-
-.custom-file-label {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: 1;
-  height: calc(2.25rem + 2px);
-  padding: 0.375rem 0.75rem;
-  line-height: 1.5;
-  color: #495057;
-  background-color: #fff;
-  border: 1px solid #ced4da;
-  border-radius: 0.25rem; }
-  .custom-file-label::after {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 3;
-    display: block;
-    height: calc(calc(2.25rem + 2px) - 1px * 2);
-    padding: 0.375rem 0.75rem;
-    line-height: 1.5;
-    color: #495057;
-    content: "Browse";
-    background-color: #e9ecef;
-    border-left: 1px solid #ced4da;
-    border-radius: 0 0.25rem 0.25rem 0; }
-
-.nav {
-  display: flex;
-  flex-wrap: wrap;
-  padding-left: 0;
-  margin-bottom: 0;
-  list-style: none; }
-
-.nav-link {
-  display: block;
-  padding: 0.5rem 1rem; }
-  .nav-link:hover, .nav-link:focus {
-    text-decoration: none; }
-  .nav-link.disabled {
-    color: #6c757d; }
-
-.nav-tabs {
-  border-bottom: 1px solid #dee2e6; }
-  .nav-tabs .nav-item {
-    margin-bottom: -1px; }
-  .nav-tabs .nav-link {
-    border: 1px solid transparent;
-    border-top-left-radius: 0.25rem;
-    border-top-right-radius: 0.25rem; }
-    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
-      border-color: #e9ecef #e9ecef #dee2e6; }
-    .nav-tabs .nav-link.disabled {
-      color: #6c757d;
-      background-color: transparent;
-      border-color: transparent; }
-  .nav-tabs .nav-link.active,
-  .nav-tabs .nav-item.show .nav-link {
-    color: #495057;
-    background-color: #fff;
-    border-color: #dee2e6 #dee2e6 #fff; }
-  .nav-tabs .dropdown-menu {
-    margin-top: -1px;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0; }
-
-.nav-pills .nav-link {
-  border-radius: 0.25rem; }
-.nav-pills .nav-link.active,
-.nav-pills .show > .nav-link {
-  color: #fff;
-  background-color: #78932c; }
-
-.nav-fill .nav-item {
-  flex: 1 1 auto;
-  text-align: center; }
-
-.nav-justified .nav-item {
-  flex-basis: 0;
-  flex-grow: 1;
-  text-align: center; }
-
-.tab-content > .tab-pane {
-  display: none; }
-.tab-content > .active {
-  display: block; }
-
-.navbar {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0.5rem 1rem; }
-  .navbar > .container,
-  .navbar > .container-fluid {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: space-between; }
-
-.navbar-brand {
-  display: inline-block;
-  padding-top: 0.3125rem;
-  padding-bottom: 0.3125rem;
-  margin-right: 1rem;
-  font-size: 1.25rem;
-  line-height: inherit;
-  white-space: nowrap; }
-  .navbar-brand:hover, .navbar-brand:focus {
-    text-decoration: none; }
-
-.navbar-nav {
-  display: flex;
-  flex-direction: column;
-  padding-left: 0;
-  margin-bottom: 0;
-  list-style: none; }
-  .navbar-nav .nav-link {
-    padding-right: 0;
-    padding-left: 0; }
-  .navbar-nav .dropdown-menu {
-    position: static;
-    float: none; }
-
-.navbar-text {
-  display: inline-block;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem; }
-
-.navbar-collapse {
-  flex-basis: 100%;
-  flex-grow: 1;
-  align-items: center; }
-
-.navbar-toggler {
-  padding: 0.25rem 0.75rem;
-  font-size: 1.25rem;
-  line-height: 1;
-  background-color: transparent;
-  border: 1px solid transparent;
-  border-radius: 0.25rem; }
-  .navbar-toggler:hover, .navbar-toggler:focus {
-    text-decoration: none; }
-  .navbar-toggler:not(:disabled):not(.disabled) {
-    cursor: pointer; }
-
-.navbar-toggler-icon {
-  display: inline-block;
-  width: 1.5em;
-  height: 1.5em;
-  vertical-align: middle;
-  content: "";
-  background: no-repeat center center;
-  background-size: 100% 100%; }
-
-@media (max-width: 575.98px) {
-  .navbar-expand-sm > .container,
-  .navbar-expand-sm > .container-fluid {
-    padding-right: 0;
-    padding-left: 0; } }
-@media (min-width: 576px) {
-  .navbar-expand-sm {
-    flex-flow: row nowrap;
-    justify-content: flex-start; }
-    .navbar-expand-sm .navbar-nav {
-      flex-direction: row; }
-      .navbar-expand-sm .navbar-nav .dropdown-menu {
-        position: absolute; }
-      .navbar-expand-sm .navbar-nav .dropdown-menu-right {
-        right: 0;
-        left: auto; }
-      .navbar-expand-sm .navbar-nav .nav-link {
-        padding-right: 0.5rem;
-        padding-left: 0.5rem; }
-    .navbar-expand-sm > .container,
-    .navbar-expand-sm > .container-fluid {
-      flex-wrap: nowrap; }
-    .navbar-expand-sm .navbar-collapse {
-      display: flex !important;
-      flex-basis: auto; }
-    .navbar-expand-sm .navbar-toggler {
-      display: none; }
-    .navbar-expand-sm .dropup .dropdown-menu {
-      top: auto;
-      bottom: 100%; } }
-@media (max-width: 767.98px) {
-  .navbar-expand-md > .container,
-  .navbar-expand-md > .container-fluid {
-    padding-right: 0;
-    padding-left: 0; } }
-@media (min-width: 768px) {
-  .navbar-expand-md {
-    flex-flow: row nowrap;
-    justify-content: flex-start; }
-    .navbar-expand-md .navbar-nav {
-      flex-direction: row; }
-      .navbar-expand-md .navbar-nav .dropdown-menu {
-        position: absolute; }
-      .navbar-expand-md .navbar-nav .dropdown-menu-right {
-        right: 0;
-        left: auto; }
-      .navbar-expand-md .navbar-nav .nav-link {
-        padding-right: 0.5rem;
-        padding-left: 0.5rem; }
-    .navbar-expand-md > .container,
-    .navbar-expand-md > .container-fluid {
-      flex-wrap: nowrap; }
-    .navbar-expand-md .navbar-collapse {
-      display: flex !important;
-      flex-basis: auto; }
-    .navbar-expand-md .navbar-toggler {
-      display: none; }
-    .navbar-expand-md .dropup .dropdown-menu {
-      top: auto;
-      bottom: 100%; } }
-@media (max-width: 991.98px) {
-  .navbar-expand-lg > .container,
-  .navbar-expand-lg > .container-fluid {
-    padding-right: 0;
-    padding-left: 0; } }
-@media (min-width: 992px) {
-  .navbar-expand-lg {
-    flex-flow: row nowrap;
-    justify-content: flex-start; }
-    .navbar-expand-lg .navbar-nav {
-      flex-direction: row; }
-      .navbar-expand-lg .navbar-nav .dropdown-menu {
-        position: absolute; }
-      .navbar-expand-lg .navbar-nav .dropdown-menu-right {
-        right: 0;
-        left: auto; }
-      .navbar-expand-lg .navbar-nav .nav-link {
-        padding-right: 0.5rem;
-        padding-left: 0.5rem; }
-    .navbar-expand-lg > .container,
-    .navbar-expand-lg > .container-fluid {
-      flex-wrap: nowrap; }
-    .navbar-expand-lg .navbar-collapse {
-      display: flex !important;
-      flex-basis: auto; }
-    .navbar-expand-lg .navbar-toggler {
-      display: none; }
-    .navbar-expand-lg .dropup .dropdown-menu {
-      top: auto;
-      bottom: 100%; } }
-@media (max-width: 1199.98px) {
-  .navbar-expand-xl > .container,
-  .navbar-expand-xl > .container-fluid {
-    padding-right: 0;
-    padding-left: 0; } }
-@media (min-width: 1200px) {
-  .navbar-expand-xl {
-    flex-flow: row nowrap;
-    justify-content: flex-start; }
-    .navbar-expand-xl .navbar-nav {
-      flex-direction: row; }
-      .navbar-expand-xl .navbar-nav .dropdown-menu {
-        position: absolute; }
-      .navbar-expand-xl .navbar-nav .dropdown-menu-right {
-        right: 0;
-        left: auto; }
-      .navbar-expand-xl .navbar-nav .nav-link {
-        padding-right: 0.5rem;
-        padding-left: 0.5rem; }
-    .navbar-expand-xl > .container,
-    .navbar-expand-xl > .container-fluid {
-      flex-wrap: nowrap; }
-    .navbar-expand-xl .navbar-collapse {
-      display: flex !important;
-      flex-basis: auto; }
-    .navbar-expand-xl .navbar-toggler {
-      display: none; }
-    .navbar-expand-xl .dropup .dropdown-menu {
-      top: auto;
-      bottom: 100%; } }
-.navbar-expand {
-  flex-flow: row nowrap;
-  justify-content: flex-start; }
-  .navbar-expand > .container,
-  .navbar-expand > .container-fluid {
-    padding-right: 0;
-    padding-left: 0; }
-  .navbar-expand .navbar-nav {
-    flex-direction: row; }
-    .navbar-expand .navbar-nav .dropdown-menu {
-      position: absolute; }
-    .navbar-expand .navbar-nav .dropdown-menu-right {
-      right: 0;
-      left: auto; }
-    .navbar-expand .navbar-nav .nav-link {
-      padding-right: 0.5rem;
-      padding-left: 0.5rem; }
-  .navbar-expand > .container,
-  .navbar-expand > .container-fluid {
-    flex-wrap: nowrap; }
-  .navbar-expand .navbar-collapse {
-    display: flex !important;
-    flex-basis: auto; }
-  .navbar-expand .navbar-toggler {
-    display: none; }
-  .navbar-expand .dropup .dropdown-menu {
-    top: auto;
-    bottom: 100%; }
-
-.navbar-light .navbar-brand {
-  color: rgba(0, 0, 0, 0.9); }
-  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
-    color: rgba(0, 0, 0, 0.9); }
-.navbar-light .navbar-nav .nav-link {
-  color: rgba(0, 0, 0, 0.5); }
-  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
-    color: rgba(0, 0, 0, 0.7); }
-  .navbar-light .navbar-nav .nav-link.disabled {
-    color: rgba(0, 0, 0, 0.3); }
-.navbar-light .navbar-nav .show > .nav-link,
-.navbar-light .navbar-nav .active > .nav-link,
-.navbar-light .navbar-nav .nav-link.show,
-.navbar-light .navbar-nav .nav-link.active {
-  color: rgba(0, 0, 0, 0.9); }
-.navbar-light .navbar-toggler {
-  color: rgba(0, 0, 0, 0.5);
-  border-color: rgba(0, 0, 0, 0.1); }
-.navbar-light .navbar-toggler-icon {
-  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
-.navbar-light .navbar-text {
-  color: rgba(0, 0, 0, 0.5); }
-  .navbar-light .navbar-text a {
-    color: rgba(0, 0, 0, 0.9); }
-    .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
-      color: rgba(0, 0, 0, 0.9); }
-
-.navbar-dark .navbar-brand {
-  color: #fff; }
-  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
-    color: #fff; }
-.navbar-dark .navbar-nav .nav-link {
-  color: rgba(255, 255, 255, 0.5); }
-  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
-    color: rgba(255, 255, 255, 0.75); }
-  .navbar-dark .navbar-nav .nav-link.disabled {
-    color: rgba(255, 255, 255, 0.25); }
-.navbar-dark .navbar-nav .show > .nav-link,
-.navbar-dark .navbar-nav .active > .nav-link,
-.navbar-dark .navbar-nav .nav-link.show,
-.navbar-dark .navbar-nav .nav-link.active {
-  color: #fff; }
-.navbar-dark .navbar-toggler {
-  color: rgba(255, 255, 255, 0.5);
-  border-color: rgba(255, 255, 255, 0.1); }
-.navbar-dark .navbar-toggler-icon {
-  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
-.navbar-dark .navbar-text {
-  color: rgba(255, 255, 255, 0.5); }
-  .navbar-dark .navbar-text a {
-    color: #fff; }
-    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
-      color: #fff; }
-
-.card {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  word-wrap: break-word;
-  background-color: #fff;
-  background-clip: border-box;
-  border: 1px solid rgba(0, 0, 0, 0.125);
-  border-radius: 0.25rem; }
-  .card > hr {
-    margin-right: 0;
-    margin-left: 0; }
-  .card > .list-group:first-child .list-group-item:first-child {
-    border-top-left-radius: 0.25rem;
-    border-top-right-radius: 0.25rem; }
-  .card > .list-group:last-child .list-group-item:last-child {
-    border-bottom-right-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem; }
-
-.card-body {
-  flex: 1 1 auto;
-  padding: 1.25rem; }
-
-.card-title {
-  margin-bottom: 0.75rem; }
-
-.card-subtitle {
-  margin-top: -0.375rem;
-  margin-bottom: 0; }
-
-.card-text:last-child {
-  margin-bottom: 0; }
-
-.card-link:hover {
-  text-decoration: none; }
-.card-link + .card-link {
-  margin-left: 1.25rem; }
-
-.card-header {
-  padding: 0.75rem 1.25rem;
-  margin-bottom: 0;
-  background-color: rgba(0, 0, 0, 0.03);
-  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
-  .card-header:first-child {
-    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
-  .card-header + .list-group .list-group-item:first-child {
-    border-top: 0; }
-
-.card-footer {
-  padding: 0.75rem 1.25rem;
-  background-color: rgba(0, 0, 0, 0.03);
-  border-top: 1px solid rgba(0, 0, 0, 0.125); }
-  .card-footer:last-child {
-    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }
-
-.card-header-tabs {
-  margin-right: -0.625rem;
-  margin-bottom: -0.75rem;
-  margin-left: -0.625rem;
-  border-bottom: 0; }
-
-.card-header-pills {
-  margin-right: -0.625rem;
-  margin-left: -0.625rem; }
-
-.card-img-overlay {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  padding: 1.25rem; }
-
-.card-img {
-  width: 100%;
-  border-radius: calc(0.25rem - 1px); }
-
-.card-img-top {
-  width: 100%;
-  border-top-left-radius: calc(0.25rem - 1px);
-  border-top-right-radius: calc(0.25rem - 1px); }
-
-.card-img-bottom {
-  width: 100%;
-  border-bottom-right-radius: calc(0.25rem - 1px);
-  border-bottom-left-radius: calc(0.25rem - 1px); }
-
-.card-deck {
-  display: flex;
-  flex-direction: column; }
-  .card-deck .card {
-    margin-bottom: 15px; }
-  @media (min-width: 576px) {
-    .card-deck {
-      flex-flow: row wrap;
-      margin-right: -15px;
-      margin-left: -15px; }
-      .card-deck .card {
-        display: flex;
-        flex: 1 0 0%;
-        flex-direction: column;
-        margin-right: 15px;
-        margin-bottom: 0;
-        margin-left: 15px; } }
-
-.card-group {
-  display: flex;
-  flex-direction: column; }
-  .card-group > .card {
-    margin-bottom: 15px; }
-  @media (min-width: 576px) {
-    .card-group {
-      flex-flow: row wrap; }
-      .card-group > .card {
-        flex: 1 0 0%;
-        margin-bottom: 0; }
-        .card-group > .card + .card {
-          margin-left: 0;
-          border-left: 0; }
-        .card-group > .card:first-child {
-          border-top-right-radius: 0;
-          border-bottom-right-radius: 0; }
-          .card-group > .card:first-child .card-img-top,
-          .card-group > .card:first-child .card-header {
-            border-top-right-radius: 0; }
-          .card-group > .card:first-child .card-img-bottom,
-          .card-group > .card:first-child .card-footer {
-            border-bottom-right-radius: 0; }
-        .card-group > .card:last-child {
-          border-top-left-radius: 0;
-          border-bottom-left-radius: 0; }
-          .card-group > .card:last-child .card-img-top,
-          .card-group > .card:last-child .card-header {
-            border-top-left-radius: 0; }
-          .card-group > .card:last-child .card-img-bottom,
-          .card-group > .card:last-child .card-footer {
-            border-bottom-left-radius: 0; }
-        .card-group > .card:only-child {
-          border-radius: 0.25rem; }
-          .card-group > .card:only-child .card-img-top,
-          .card-group > .card:only-child .card-header {
-            border-top-left-radius: 0.25rem;
-            border-top-right-radius: 0.25rem; }
-          .card-group > .card:only-child .card-img-bottom,
-          .card-group > .card:only-child .card-footer {
-            border-bottom-right-radius: 0.25rem;
-            border-bottom-left-radius: 0.25rem; }
-        .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
-          border-radius: 0; }
-          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
-          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
-          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
-          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
-            border-radius: 0; } }
-
-.card-columns .card {
-  margin-bottom: 0.75rem; }
-@media (min-width: 576px) {
-  .card-columns {
-    column-count: 3;
-    column-gap: 1.25rem; }
-    .card-columns .card {
-      display: inline-block;
-      width: 100%; } }
-
-.breadcrumb {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 0.75rem 1rem;
-  margin-bottom: 1rem;
-  list-style: none;
-  background-color: #e9ecef;
-  border-radius: 0.25rem; }
-
-.breadcrumb-item + .breadcrumb-item::before {
-  display: inline-block;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-  color: #6c757d;
-  content: "/"; }
-.breadcrumb-item + .breadcrumb-item:hover::before {
-  text-decoration: underline; }
-.breadcrumb-item + .breadcrumb-item:hover::before {
-  text-decoration: none; }
-.breadcrumb-item.active {
-  color: #6c757d; }
-
-.pagination {
-  display: flex;
-  padding-left: 0;
-  list-style: none;
-  border-radius: 0.25rem; }
-
-.page-link {
-  position: relative;
-  display: block;
-  padding: 0.5rem 0.75rem;
-  margin-left: -1px;
-  line-height: 1.25;
-  color: #78932c;
-  background-color: #fff;
-  border: 1px solid #dee2e6; }
-  .page-link:hover {
-    color: #48581a;
-    text-decoration: none;
-    background-color: #e9ecef;
-    border-color: #dee2e6; }
-  .page-link:focus {
-    z-index: 2;
-    outline: 0;
-    box-shadow: 0 0 0 0.2rem rgba(120, 147, 44, 0.25); }
-  .page-link:not(:disabled):not(.disabled) {
-    cursor: pointer; }
-
-.page-item:first-child .page-link {
-  margin-left: 0;
-  border-top-left-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem; }
-.page-item:last-child .page-link {
-  border-top-right-radius: 0.25rem;
-  border-bottom-right-radius: 0.25rem; }
-.page-item.active .page-link {
-  z-index: 1;
-  color: #fff;
-  background-color: #78932c;
-  border-color: #78932c; }
-.page-item.disabled .page-link {
-  color: #6c757d;
-  pointer-events: none;
-  cursor: auto;
-  background-color: #fff;
-  border-color: #dee2e6; }
-
-.pagination-lg .page-link {
-  padding: 0.75rem 1.5rem;
-  font-size: 1.25rem;
-  line-height: 1.5; }
-.pagination-lg .page-item:first-child .page-link {
-  border-top-left-radius: 0.3rem;
-  border-bottom-left-radius: 0.3rem; }
-.pagination-lg .page-item:last-child .page-link {
-  border-top-right-radius: 0.3rem;
-  border-bottom-right-radius: 0.3rem; }
-
-.pagination-sm .page-link {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.875rem;
-  line-height: 1.5; }
-.pagination-sm .page-item:first-child .page-link {
-  border-top-left-radius: 0.2rem;
-  border-bottom-left-radius: 0.2rem; }
-.pagination-sm .page-item:last-child .page-link {
-  border-top-right-radius: 0.2rem;
-  border-bottom-right-radius: 0.2rem; }
-
-.badge {
-  display: inline-block;
-  padding: 0.25em 0.4em;
-  font-size: 75%;
-  font-weight: 700;
-  line-height: 1;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: baseline;
-  border-radius: 0.25rem; }
-  .badge:empty {
-    display: none; }
-
-.btn .badge {
-  position: relative;
-  top: -1px; }
-
-.badge-pill {
-  padding-right: 0.6em;
-  padding-left: 0.6em;
-  border-radius: 10rem; }
-
-.badge-primary {
-  color: #fff;
-  background-color: #78932c; }
-  .badge-primary[href]:hover, .badge-primary[href]:focus {
-    color: #fff;
-    text-decoration: none;
-    background-color: #586c20; }
-
-.badge-secondary {
-  color: #fff;
-  background-color: #c12766; }
-  .badge-secondary[href]:hover, .badge-secondary[href]:focus {
-    color: #fff;
-    text-decoration: none;
-    background-color: #971e50; }
-
-.badge-success {
-  color: #fff;
-  background-color: #cf242a; }
-  .badge-success[href]:hover, .badge-success[href]:focus {
-    color: #fff;
-    text-decoration: none;
-    background-color: #a41c21; }
-
-.badge-info {
-  color: #fff;
-  background-color: #3e489f; }
-  .badge-info[href]:hover, .badge-info[href]:focus {
-    color: #fff;
-    text-decoration: none;
-    background-color: #30377a; }
-
-.badge-warning {
-  color: #fff;
-  background-color: #714099; }
-  .badge-warning[href]:hover, .badge-warning[href]:focus {
-    color: #fff;
-    text-decoration: none;
-    background-color: #563175; }
-
-.badge-danger {
-  color: #fff;
-  background-color: #dc3545; }
-  .badge-danger[href]:hover, .badge-danger[href]:focus {
-    color: #fff;
-    text-decoration: none;
-    background-color: #bd2130; }
-
-.badge-light {
-  color: #212529;
-  background-color: #f8f9fa; }
-  .badge-light[href]:hover, .badge-light[href]:focus {
-    color: #212529;
-    text-decoration: none;
-    background-color: #dae0e5; }
-
-.badge-dark {
-  color: #fff;
-  background-color: #343a40; }
-  .badge-dark[href]:hover, .badge-dark[href]:focus {
-    color: #fff;
-    text-decoration: none;
-    background-color: #1d2124; }
-
-.jumbotron {
-  padding: 2rem 1rem;
-  margin-bottom: 2rem;
-  background-color: #e9ecef;
-  border-radius: 0.3rem; }
-  @media (min-width: 576px) {
-    .jumbotron {
-      padding: 4rem 2rem; } }
-
-.jumbotron-fluid {
-  padding-right: 0;
-  padding-left: 0;
-  border-radius: 0; }
-
-.alert {
-  position: relative;
-  padding: 0.75rem 1.25rem;
-  margin-bottom: 1rem;
-  border: 1px solid transparent;
-  border-radius: 0.25rem; }
-
-.alert-heading {
-  color: inherit; }
-
-.alert-link {
-  font-weight: 700; }
-
-.alert-dismissible {
-  padding-right: 4rem; }
-  .alert-dismissible .close {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: 0.75rem 1.25rem;
-    color: inherit; }
-
-.alert-primary {
-  color: #3e4c17;
-  background-color: #e4e9d5;
-  border-color: #d9e1c4; }
-  .alert-primary hr {
-    border-top-color: #ced8b3; }
-  .alert-primary .alert-link {
-    color: #1e250b; }
-
-.alert-secondary {
-  color: #641435;
-  background-color: #f3d4e0;
-  border-color: #eec3d4; }
-  .alert-secondary hr {
-    border-top-color: #e8afc6; }
-  .alert-secondary .alert-link {
-    color: #3a0c1e; }
-
-.alert-success {
-  color: #6c1316;
-  background-color: #f5d3d4;
-  border-color: #f2c2c3; }
-  .alert-success hr {
-    border-top-color: #eeadae; }
-  .alert-success .alert-link {
-    color: #410b0d; }
-
-.alert-info {
-  color: #202553;
-  background-color: #d8daec;
-  border-color: #c9cce4; }
-  .alert-info hr {
-    border-top-color: #b8bcdc; }
-  .alert-info .alert-link {
-    color: #12152e; }
-
-.alert-warning {
-  color: #3b2150;
-  background-color: #e3d9eb;
-  border-color: #d7cae2; }
-  .alert-warning hr {
-    border-top-color: #cbbad9; }
-  .alert-warning .alert-link {
-    color: #20122c; }
-
-.alert-danger {
-  color: #721c24;
-  background-color: #f8d7da;
-  border-color: #f5c6cb; }
-  .alert-danger hr {
-    border-top-color: #f1b0b7; }
-  .alert-danger .alert-link {
-    color: #491217; }
-
-.alert-light {
-  color: #818182;
-  background-color: #fefefe;
-  border-color: #fdfdfe; }
-  .alert-light hr {
-    border-top-color: #ececf6; }
-  .alert-light .alert-link {
-    color: #686868; }
-
-.alert-dark {
-  color: #1b1e21;
-  background-color: #d6d8d9;
-  border-color: #c6c8ca; }
-  .alert-dark hr {
-    border-top-color: #b9bbbe; }
-  .alert-dark .alert-link {
-    color: #040505; }
-
-@keyframes progress-bar-stripes {
-  from {
-    background-position: 1rem 0; }
-  to {
-    background-position: 0 0; } }
-.progress {
-  display: flex;
-  height: 1rem;
-  overflow: hidden;
-  font-size: 0.75rem;
-  background-color: #e9ecef;
-  border-radius: 0.25rem; }
-
-.progress-bar {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  color: #fff;
-  text-align: center;
-  background-color: #78932c;
-  transition: width 0.6s ease; }
-
-.progress-bar-striped {
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-size: 1rem 1rem; }
-
-.progress-bar-animated {
-  animation: progress-bar-stripes 1s linear infinite; }
-
-.media {
-  display: flex;
-  align-items: flex-start; }
-
-.media-body {
-  flex: 1; }
-
-.list-group {
-  display: flex;
-  flex-direction: column;
-  padding-left: 0;
-  margin-bottom: 0; }
-
-.list-group-item-action {
-  width: 100%;
-  color: #495057;
-  text-align: inherit; }
-  .list-group-item-action:hover, .list-group-item-action:focus {
-    color: #495057;
-    text-decoration: none;
-    background-color: #f8f9fa; }
-  .list-group-item-action:active {
-    color: #212529;
-    background-color: #e9ecef; }
-
-.list-group-item {
-  position: relative;
-  display: block;
-  padding: 0.75rem 1.25rem;
-  margin-bottom: -1px;
-  background-color: #fff;
-  border: 1px solid rgba(0, 0, 0, 0.125); }
-  .list-group-item:first-child {
-    border-top-left-radius: 0.25rem;
-    border-top-right-radius: 0.25rem; }
-  .list-group-item:last-child {
-    margin-bottom: 0;
-    border-bottom-right-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem; }
-  .list-group-item:hover, .list-group-item:focus {
-    z-index: 1;
-    text-decoration: none; }
-  .list-group-item.disabled, .list-group-item:disabled {
-    color: #6c757d;
-    background-color: #fff; }
-  .list-group-item.active {
-    z-index: 2;
-    color: #fff;
-    background-color: #78932c;
-    border-color: #78932c; }
-
-.list-group-flush .list-group-item {
-  border-right: 0;
-  border-left: 0;
-  border-radius: 0; }
-.list-group-flush:first-child .list-group-item:first-child {
-  border-top: 0; }
-.list-group-flush:last-child .list-group-item:last-child {
-  border-bottom: 0; }
-
-.list-group-item-primary {
-  color: #3e4c17;
-  background-color: #d9e1c4; }
-  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
-    color: #3e4c17;
-    background-color: #ced8b3; }
-  .list-group-item-primary.list-group-item-action.active {
-    color: #fff;
-    background-color: #3e4c17;
-    border-color: #3e4c17; }
-
-.list-group-item-secondary {
-  color: #641435;
-  background-color: #eec3d4; }
-  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
-    color: #641435;
-    background-color: #e8afc6; }
-  .list-group-item-secondary.list-group-item-action.active {
-    color: #fff;
-    background-color: #641435;
-    border-color: #641435; }
-
-.list-group-item-success {
-  color: #6c1316;
-  background-color: #f2c2c3; }
-  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
-    color: #6c1316;
-    background-color: #eeadae; }
-  .list-group-item-success.list-group-item-action.active {
-    color: #fff;
-    background-color: #6c1316;
-    border-color: #6c1316; }
-
-.list-group-item-info {
-  color: #202553;
-  background-color: #c9cce4; }
-  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
-    color: #202553;
-    background-color: #b8bcdc; }
-  .list-group-item-info.list-group-item-action.active {
-    color: #fff;
-    background-color: #202553;
-    border-color: #202553; }
-
-.list-group-item-warning {
-  color: #3b2150;
-  background-color: #d7cae2; }
-  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
-    color: #3b2150;
-    background-color: #cbbad9; }
-  .list-group-item-warning.list-group-item-action.active {
-    color: #fff;
-    background-color: #3b2150;
-    border-color: #3b2150; }
-
-.list-group-item-danger {
-  color: #721c24;
-  background-color: #f5c6cb; }
-  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
-    color: #721c24;
-    background-color: #f1b0b7; }
-  .list-group-item-danger.list-group-item-action.active {
-    color: #fff;
-    background-color: #721c24;
-    border-color: #721c24; }
-
-.list-group-item-light {
-  color: #818182;
-  background-color: #fdfdfe; }
-  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
-    color: #818182;
-    background-color: #ececf6; }
-  .list-group-item-light.list-group-item-action.active {
-    color: #fff;
-    background-color: #818182;
-    border-color: #818182; }
-
-.list-group-item-dark {
-  color: #1b1e21;
-  background-color: #c6c8ca; }
-  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
-    color: #1b1e21;
-    background-color: #b9bbbe; }
-  .list-group-item-dark.list-group-item-action.active {
-    color: #fff;
-    background-color: #1b1e21;
-    border-color: #1b1e21; }
-
-.close {
-  float: right;
-  font-size: 1.5rem;
-  font-weight: 700;
-  line-height: 1;
-  color: #000;
-  text-shadow: 0 1px 0 #fff;
-  opacity: .5; }
-  .close:hover, .close:focus {
-    color: #000;
-    text-decoration: none;
-    opacity: .75; }
-  .close:not(:disabled):not(.disabled) {
-    cursor: pointer; }
-
-button.close {
-  padding: 0;
-  background-color: transparent;
-  border: 0;
-  -webkit-appearance: none; }
-
-.modal-open {
-  overflow: hidden; }
-
-.modal {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1050;
-  display: none;
-  overflow: hidden;
-  outline: 0; }
-  .modal-open .modal {
-    overflow-x: hidden;
-    overflow-y: auto; }
-
-.modal-dialog {
-  position: relative;
-  width: auto;
-  margin: 0.5rem;
-  pointer-events: none; }
-  .modal.fade .modal-dialog {
-    transition: transform 0.3s ease-out;
-    transform: translate(0, -25%); }
-  .modal.show .modal-dialog {
-    transform: translate(0, 0); }
-
-.modal-dialog-centered {
-  display: flex;
-  align-items: center;
-  min-height: calc(100% - (0.5rem * 2)); }
-
-.modal-content {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  pointer-events: auto;
-  background-color: #fff;
-  background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 0.3rem;
-  outline: 0; }
-
-.modal-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1040;
-  background-color: #000; }
-  .modal-backdrop.fade {
-    opacity: 0; }
-  .modal-backdrop.show {
-    opacity: 0.5; }
-
-.modal-header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  padding: 1rem;
-  border-bottom: 1px solid #e9ecef;
-  border-top-left-radius: 0.3rem;
-  border-top-right-radius: 0.3rem; }
-  .modal-header .close {
-    padding: 1rem;
-    margin: -1rem -1rem -1rem auto; }
-
-.modal-title {
-  margin-bottom: 0;
-  line-height: 1.5; }
-
-.modal-body {
-  position: relative;
-  flex: 1 1 auto;
-  padding: 1rem; }
-
-.modal-footer {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  padding: 1rem;
-  border-top: 1px solid #e9ecef; }
-  .modal-footer > :not(:first-child) {
-    margin-left: .25rem; }
-  .modal-footer > :not(:last-child) {
-    margin-right: .25rem; }
-
-.modal-scrollbar-measure {
-  position: absolute;
-  top: -9999px;
-  width: 50px;
-  height: 50px;
-  overflow: scroll; }
-
-@media (min-width: 576px) {
-  .modal-dialog {
-    max-width: 500px;
-    margin: 1.75rem auto; }
-
-  .modal-dialog-centered {
-    min-height: calc(100% - (1.75rem * 2)); }
-
-  .modal-sm {
-    max-width: 300px; } }
-@media (min-width: 992px) {
-  .modal-lg {
-    max-width: 800px; } }
-.tooltip {
-  position: absolute;
-  z-index: 1070;
-  display: block;
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1.5;
-  text-align: left;
-  text-align: start;
-  text-decoration: none;
-  text-shadow: none;
-  text-transform: none;
-  letter-spacing: normal;
-  word-break: normal;
-  word-spacing: normal;
-  white-space: normal;
-  line-break: auto;
-  font-size: 0.875rem;
-  word-wrap: break-word;
-  opacity: 0; }
-  .tooltip.show {
-    opacity: 0.9; }
-  .tooltip .arrow {
-    position: absolute;
-    display: block;
-    width: 0.8rem;
-    height: 0.4rem; }
-    .tooltip .arrow::before {
-      position: absolute;
-      content: "";
-      border-color: transparent;
-      border-style: solid; }
-
-.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
-  padding: 0.4rem 0; }
-  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
-    bottom: 0; }
-    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
-      top: 0;
-      border-width: 0.4rem 0.4rem 0;
-      border-top-color: #000; }
-
-.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
-  padding: 0 0.4rem; }
-  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
-    left: 0;
-    width: 0.4rem;
-    height: 0.8rem; }
-    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
-      right: 0;
-      border-width: 0.4rem 0.4rem 0.4rem 0;
-      border-right-color: #000; }
-
-.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
-  padding: 0.4rem 0; }
-  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
-    top: 0; }
-    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
-      bottom: 0;
-      border-width: 0 0.4rem 0.4rem;
-      border-bottom-color: #000; }
-
-.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
-  padding: 0 0.4rem; }
-  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
-    right: 0;
-    width: 0.4rem;
-    height: 0.8rem; }
-    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
-      left: 0;
-      border-width: 0.4rem 0 0.4rem 0.4rem;
-      border-left-color: #000; }
-
-.tooltip-inner {
-  max-width: 200px;
-  padding: 0.25rem 0.5rem;
-  color: #fff;
-  text-align: center;
-  background-color: #000;
-  border-radius: 0.25rem; }
-
-.popover {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1060;
-  display: block;
-  max-width: 276px;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1.5;
-  text-align: left;
-  text-align: start;
-  text-decoration: none;
-  text-shadow: none;
-  text-transform: none;
-  letter-spacing: normal;
-  word-break: normal;
-  word-spacing: normal;
-  white-space: normal;
-  line-break: auto;
-  font-size: 0.875rem;
-  word-wrap: break-word;
-  background-color: #fff;
-  background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 0.3rem; }
-  .popover .arrow {
-    position: absolute;
-    display: block;
-    width: 1rem;
-    height: 0.5rem;
-    margin: 0 0.3rem; }
-    .popover .arrow::before, .popover .arrow::after {
-      position: absolute;
-      display: block;
-      content: "";
-      border-color: transparent;
-      border-style: solid; }
-
-.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
-  margin-bottom: 0.5rem; }
-  .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
-    bottom: calc((0.5rem + 1px) * -1); }
-  .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
-  .bs-popover-top .arrow::after,
-  .bs-popover-auto[x-placement^="top"] .arrow::after {
-    border-width: 0.5rem 0.5rem 0; }
-  .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
-    bottom: 0;
-    border-top-color: rgba(0, 0, 0, 0.25); }
-  .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
-    bottom: 1px;
-    border-top-color: #fff; }
-
-.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
-  margin-left: 0.5rem; }
-  .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
-    left: calc((0.5rem + 1px) * -1);
-    width: 0.5rem;
-    height: 1rem;
-    margin: 0.3rem 0; }
-  .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
-  .bs-popover-right .arrow::after,
-  .bs-popover-auto[x-placement^="right"] .arrow::after {
-    border-width: 0.5rem 0.5rem 0.5rem 0; }
-  .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
-    left: 0;
-    border-right-color: rgba(0, 0, 0, 0.25); }
-  .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
-    left: 1px;
-    border-right-color: #fff; }
-
-.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
-  margin-top: 0.5rem; }
-  .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
-    top: calc((0.5rem + 1px) * -1); }
-  .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
-  .bs-popover-bottom .arrow::after,
-  .bs-popover-auto[x-placement^="bottom"] .arrow::after {
-    border-width: 0 0.5rem 0.5rem 0.5rem; }
-  .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
-    top: 0;
-    border-bottom-color: rgba(0, 0, 0, 0.25); }
-  .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
-    top: 1px;
-    border-bottom-color: #fff; }
-  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
-    position: absolute;
-    top: 0;
-    left: 50%;
-    display: block;
-    width: 1rem;
-    margin-left: -0.5rem;
-    content: "";
-    border-bottom: 1px solid #f7f7f7; }
-
-.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
-  margin-right: 0.5rem; }
-  .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
-    right: calc((0.5rem + 1px) * -1);
-    width: 0.5rem;
-    height: 1rem;
-    margin: 0.3rem 0; }
-  .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
-  .bs-popover-left .arrow::after,
-  .bs-popover-auto[x-placement^="left"] .arrow::after {
-    border-width: 0.5rem 0 0.5rem 0.5rem; }
-  .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
-    right: 0;
-    border-left-color: rgba(0, 0, 0, 0.25); }
-  .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
-    right: 1px;
-    border-left-color: #fff; }
-
-.popover-header {
-  padding: 0.5rem 0.75rem;
-  margin-bottom: 0;
-  font-size: 1rem;
-  color: inherit;
-  background-color: #f7f7f7;
-  border-bottom: 1px solid #ebebeb;
-  border-top-left-radius: calc(0.3rem - 1px);
-  border-top-right-radius: calc(0.3rem - 1px); }
-  .popover-header:empty {
-    display: none; }
-
-.popover-body {
-  padding: 0.5rem 0.75rem;
-  color: #212529; }
-
-.carousel {
-  position: relative; }
-
-.carousel-inner {
-  position: relative;
-  width: 100%;
-  overflow: hidden; }
-
-.carousel-item {
-  position: relative;
-  display: none;
-  align-items: center;
-  width: 100%;
-  transition: transform 0.6s ease;
-  backface-visibility: hidden;
-  perspective: 1000px; }
-
-.carousel-item.active,
-.carousel-item-next,
-.carousel-item-prev {
-  display: block; }
-
-.carousel-item-next,
-.carousel-item-prev {
-  position: absolute;
-  top: 0; }
-
-.carousel-item-next.carousel-item-left,
-.carousel-item-prev.carousel-item-right {
-  transform: translateX(0); }
-  @supports (transform-style: preserve-3d) {
-    .carousel-item-next.carousel-item-left,
-    .carousel-item-prev.carousel-item-right {
-      transform: translate3d(0, 0, 0); } }
-
-.carousel-item-next,
-.active.carousel-item-right {
-  transform: translateX(100%); }
-  @supports (transform-style: preserve-3d) {
-    .carousel-item-next,
-    .active.carousel-item-right {
-      transform: translate3d(100%, 0, 0); } }
-
-.carousel-item-prev,
-.active.carousel-item-left {
-  transform: translateX(-100%); }
-  @supports (transform-style: preserve-3d) {
-    .carousel-item-prev,
-    .active.carousel-item-left {
-      transform: translate3d(-100%, 0, 0); } }
-
-.carousel-control-prev,
-.carousel-control-next {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 15%;
-  color: #fff;
-  text-align: center;
-  opacity: 0.5; }
-  .carousel-control-prev:hover, .carousel-control-prev:focus,
-  .carousel-control-next:hover,
-  .carousel-control-next:focus {
-    color: #fff;
-    text-decoration: none;
-    outline: 0;
-    opacity: .9; }
-
-.carousel-control-prev {
-  left: 0; }
-
-.carousel-control-next {
-  right: 0; }
-
-.carousel-control-prev-icon,
-.carousel-control-next-icon {
-  display: inline-block;
-  width: 20px;
-  height: 20px;
-  background: transparent no-repeat center center;
-  background-size: 100% 100%; }
-
-.carousel-control-prev-icon {
-  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
-
-.carousel-control-next-icon {
-  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
-
-.carousel-indicators {
-  position: absolute;
-  right: 0;
-  bottom: 10px;
-  left: 0;
-  z-index: 15;
-  display: flex;
-  justify-content: center;
-  padding-left: 0;
-  margin-right: 15%;
-  margin-left: 15%;
-  list-style: none; }
-  .carousel-indicators li {
-    position: relative;
-    flex: 0 1 auto;
-    width: 30px;
-    height: 3px;
-    margin-right: 3px;
-    margin-left: 3px;
-    text-indent: -999px;
-    background-color: rgba(255, 255, 255, 0.5); }
-    .carousel-indicators li::before {
-      position: absolute;
-      top: -10px;
-      left: 0;
-      display: inline-block;
-      width: 100%;
-      height: 10px;
-      content: ""; }
-    .carousel-indicators li::after {
-      position: absolute;
-      bottom: -10px;
-      left: 0;
-      display: inline-block;
-      width: 100%;
-      height: 10px;
-      content: ""; }
-  .carousel-indicators .active {
-    background-color: #fff; }
-
-.carousel-caption {
-  position: absolute;
-  right: 15%;
-  bottom: 20px;
-  left: 15%;
-  z-index: 10;
-  padding-top: 20px;
-  padding-bottom: 20px;
-  color: #fff;
-  text-align: center; }
-
-.align-baseline {
-  vertical-align: baseline !important; }
-
-.align-top {
-  vertical-align: top !important; }
-
-.align-middle {
-  vertical-align: middle !important; }
-
-.align-bottom {
-  vertical-align: bottom !important; }
-
-.align-text-bottom {
-  vertical-align: text-bottom !important; }
-
-.align-text-top {
-  vertical-align: text-top !important; }
-
-.bg-primary {
-  background-color: #78932c !important; }
-
-a.bg-primary:hover, a.bg-primary:focus,
-button.bg-primary:hover,
-button.bg-primary:focus {
-  background-color: #586c20 !important; }
-
-.bg-secondary {
-  background-color: #c12766 !important; }
-
-a.bg-secondary:hover, a.bg-secondary:focus,
-button.bg-secondary:hover,
-button.bg-secondary:focus {
-  background-color: #971e50 !important; }
-
-.bg-success {
-  background-color: #cf242a !important; }
-
-a.bg-success:hover, a.bg-success:focus,
-button.bg-success:hover,
-button.bg-success:focus {
-  background-color: #a41c21 !important; }
-
-.bg-info {
-  background-color: #3e489f !important; }
-
-a.bg-info:hover, a.bg-info:focus,
-button.bg-info:hover,
-button.bg-info:focus {
-  background-color: #30377a !important; }
-
-.bg-warning {
-  background-color: #714099 !important; }
-
-a.bg-warning:hover, a.bg-warning:focus,
-button.bg-warning:hover,
-button.bg-warning:focus {
-  background-color: #563175 !important; }
-
-.bg-danger {
-  background-color: #dc3545 !important; }
-
-a.bg-danger:hover, a.bg-danger:focus,
-button.bg-danger:hover,
-button.bg-danger:focus {
-  background-color: #bd2130 !important; }
-
-.bg-light {
-  background-color: #f8f9fa !important; }
-
-a.bg-light:hover, a.bg-light:focus,
-button.bg-light:hover,
-button.bg-light:focus {
-  background-color: #dae0e5 !important; }
-
-.bg-dark {
-  background-color: #343a40 !important; }
-
-a.bg-dark:hover, a.bg-dark:focus,
-button.bg-dark:hover,
-button.bg-dark:focus {
-  background-color: #1d2124 !important; }
-
-.bg-white {
-  background-color: #fff !important; }
-
-.bg-transparent {
-  background-color: transparent !important; }
-
-.border {
-  border: 1px solid #dee2e6 !important; }
-
-.border-top {
-  border-top: 1px solid #dee2e6 !important; }
-
-.border-right {
-  border-right: 1px solid #dee2e6 !important; }
-
-.border-bottom {
-  border-bottom: 1px solid #dee2e6 !important; }
-
-.border-left {
-  border-left: 1px solid #dee2e6 !important; }
-
-.border-0 {
-  border: 0 !important; }
-
-.border-top-0 {
-  border-top: 0 !important; }
-
-.border-right-0 {
-  border-right: 0 !important; }
-
-.border-bottom-0 {
-  border-bottom: 0 !important; }
-
-.border-left-0 {
-  border-left: 0 !important; }
-
-.border-primary {
-  border-color: #78932c !important; }
-
-.border-secondary {
-  border-color: #c12766 !important; }
-
-.border-success {
-  border-color: #cf242a !important; }
-
-.border-info {
-  border-color: #3e489f !important; }
-
-.border-warning {
-  border-color: #714099 !important; }
-
-.border-danger {
-  border-color: #dc3545 !important; }
-
-.border-light {
-  border-color: #f8f9fa !important; }
-
-.border-dark {
-  border-color: #343a40 !important; }
-
-.border-white {
-  border-color: #fff !important; }
-
-.rounded {
-  border-radius: 0.25rem !important; }
-
-.rounded-top {
-  border-top-left-radius: 0.25rem !important;
-  border-top-right-radius: 0.25rem !important; }
-
-.rounded-right {
-  border-top-right-radius: 0.25rem !important;
-  border-bottom-right-radius: 0.25rem !important; }
-
-.rounded-bottom {
-  border-bottom-right-radius: 0.25rem !important;
-  border-bottom-left-radius: 0.25rem !important; }
-
-.rounded-left {
-  border-top-left-radius: 0.25rem !important;
-  border-bottom-left-radius: 0.25rem !important; }
-
-.rounded-circle {
-  border-radius: 50% !important; }
-
-.rounded-0 {
-  border-radius: 0 !important; }
-
-.clearfix::after {
-  display: block;
-  clear: both;
-  content: ""; }
-
-.d-none {
-  display: none !important; }
-
-.d-inline {
-  display: inline !important; }
-
-.d-inline-block {
-  display: inline-block !important; }
-
-.d-block {
-  display: block !important; }
-
-.d-table {
-  display: table !important; }
-
-.d-table-row {
-  display: table-row !important; }
-
-.d-table-cell {
-  display: table-cell !important; }
-
-.d-flex {
-  display: flex !important; }
-
-.d-inline-flex {
-  display: inline-flex !important; }
-
-@media (min-width: 576px) {
-  .d-sm-none {
-    display: none !important; }
-
-  .d-sm-inline {
-    display: inline !important; }
-
-  .d-sm-inline-block {
-    display: inline-block !important; }
-
-  .d-sm-block {
-    display: block !important; }
-
-  .d-sm-table {
-    display: table !important; }
-
-  .d-sm-table-row {
-    display: table-row !important; }
-
-  .d-sm-table-cell {
-    display: table-cell !important; }
-
-  .d-sm-flex {
-    display: flex !important; }
-
-  .d-sm-inline-flex {
-    display: inline-flex !important; } }
-@media (min-width: 768px) {
-  .d-md-none {
-    display: none !important; }
-
-  .d-md-inline {
-    display: inline !important; }
-
-  .d-md-inline-block {
-    display: inline-block !important; }
-
-  .d-md-block {
-    display: block !important; }
-
-  .d-md-table {
-    display: table !important; }
-
-  .d-md-table-row {
-    display: table-row !important; }
-
-  .d-md-table-cell {
-    display: table-cell !important; }
-
-  .d-md-flex {
-    display: flex !important; }
-
-  .d-md-inline-flex {
-    display: inline-flex !important; } }
-@media (min-width: 992px) {
-  .d-lg-none {
-    display: none !important; }
-
-  .d-lg-inline {
-    display: inline !important; }
-
-  .d-lg-inline-block {
-    display: inline-block !important; }
-
-  .d-lg-block {
-    display: block !important; }
-
-  .d-lg-table {
-    display: table !important; }
-
-  .d-lg-table-row {
-    display: table-row !important; }
-
-  .d-lg-table-cell {
-    display: table-cell !important; }
-
-  .d-lg-flex {
-    display: flex !important; }
-
-  .d-lg-inline-flex {
-    display: inline-flex !important; } }
-@media (min-width: 1200px) {
-  .d-xl-none {
-    display: none !important; }
-
-  .d-xl-inline {
-    display: inline !important; }
-
-  .d-xl-inline-block {
-    display: inline-block !important; }
-
-  .d-xl-block {
-    display: block !important; }
-
-  .d-xl-table {
-    display: table !important; }
-
-  .d-xl-table-row {
-    display: table-row !important; }
-
-  .d-xl-table-cell {
-    display: table-cell !important; }
-
-  .d-xl-flex {
-    display: flex !important; }
-
-  .d-xl-inline-flex {
-    display: inline-flex !important; } }
-@media print {
-  .d-print-none {
-    display: none !important; }
-
-  .d-print-inline {
-    display: inline !important; }
-
-  .d-print-inline-block {
-    display: inline-block !important; }
-
-  .d-print-block {
-    display: block !important; }
-
-  .d-print-table {
-    display: table !important; }
-
-  .d-print-table-row {
-    display: table-row !important; }
-
-  .d-print-table-cell {
-    display: table-cell !important; }
-
-  .d-print-flex {
-    display: flex !important; }
-
-  .d-print-inline-flex {
-    display: inline-flex !important; } }
-.embed-responsive {
-  position: relative;
-  display: block;
-  width: 100%;
-  padding: 0;
-  overflow: hidden; }
-  .embed-responsive::before {
-    display: block;
-    content: ""; }
-  .embed-responsive .embed-responsive-item,
-  .embed-responsive iframe,
-  .embed-responsive embed,
-  .embed-responsive object,
-  .embed-responsive video {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    border: 0; }
-
-.embed-responsive-21by9::before {
-  padding-top: 42.8571428571%; }
-
-.embed-responsive-16by9::before {
-  padding-top: 56.25%; }
-
-.embed-responsive-4by3::before {
-  padding-top: 75%; }
-
-.embed-responsive-1by1::before {
-  padding-top: 100%; }
-
-.flex-row {
-  flex-direction: row !important; }
-
-.flex-column {
-  flex-direction: column !important; }
-
-.flex-row-reverse {
-  flex-direction: row-reverse !important; }
-
-.flex-column-reverse {
-  flex-direction: column-reverse !important; }
-
-.flex-wrap {
-  flex-wrap: wrap !important; }
-
-.flex-nowrap {
-  flex-wrap: nowrap !important; }
-
-.flex-wrap-reverse {
-  flex-wrap: wrap-reverse !important; }
-
-.justify-content-start {
-  justify-content: flex-start !important; }
-
-.justify-content-end {
-  justify-content: flex-end !important; }
-
-.justify-content-center {
-  justify-content: center !important; }
-
-.justify-content-between {
-  justify-content: space-between !important; }
-
-.justify-content-around {
-  justify-content: space-around !important; }
-
-.align-items-start {
-  align-items: flex-start !important; }
-
-.align-items-end {
-  align-items: flex-end !important; }
-
-.align-items-center {
-  align-items: center !important; }
-
-.align-items-baseline {
-  align-items: baseline !important; }
-
-.align-items-stretch {
-  align-items: stretch !important; }
-
-.align-content-start {
-  align-content: flex-start !important; }
-
-.align-content-end {
-  align-content: flex-end !important; }
-
-.align-content-center {
-  align-content: center !important; }
-
-.align-content-between {
-  align-content: space-between !important; }
-
-.align-content-around {
-  align-content: space-around !important; }
-
-.align-content-stretch {
-  align-content: stretch !important; }
-
-.align-self-auto {
-  align-self: auto !important; }
-
-.align-self-start {
-  align-self: flex-start !important; }
-
-.align-self-end {
-  align-self: flex-end !important; }
-
-.align-self-center {
-  align-self: center !important; }
-
-.align-self-baseline {
-  align-self: baseline !important; }
-
-.align-self-stretch {
-  align-self: stretch !important; }
-
-@media (min-width: 576px) {
-  .flex-sm-row {
-    flex-direction: row !important; }
-
-  .flex-sm-column {
-    flex-direction: column !important; }
-
-  .flex-sm-row-reverse {
-    flex-direction: row-reverse !important; }
-
-  .flex-sm-column-reverse {
-    flex-direction: column-reverse !important; }
-
-  .flex-sm-wrap {
-    flex-wrap: wrap !important; }
-
-  .flex-sm-nowrap {
-    flex-wrap: nowrap !important; }
-
-  .flex-sm-wrap-reverse {
-    flex-wrap: wrap-reverse !important; }
-
-  .justify-content-sm-start {
-    justify-content: flex-start !important; }
-
-  .justify-content-sm-end {
-    justify-content: flex-end !important; }
-
-  .justify-content-sm-center {
-    justify-content: center !important; }
-
-  .justify-content-sm-between {
-    justify-content: space-between !important; }
-
-  .justify-content-sm-around {
-    justify-content: space-around !important; }
-
-  .align-items-sm-start {
-    align-items: flex-start !important; }
-
-  .align-items-sm-end {
-    align-items: flex-end !important; }
-
-  .align-items-sm-center {
-    align-items: center !important; }
-
-  .align-items-sm-baseline {
-    align-items: baseline !important; }
-
-  .align-items-sm-stretch {
-    align-items: stretch !important; }
-
-  .align-content-sm-start {
-    align-content: flex-start !important; }
-
-  .align-content-sm-end {
-    align-content: flex-end !important; }
-
-  .align-content-sm-center {
-    align-content: center !important; }
-
-  .align-content-sm-between {
-    align-content: space-between !important; }
-
-  .align-content-sm-around {
-    align-content: space-around !important; }
-
-  .align-content-sm-stretch {
-    align-content: stretch !important; }
-
-  .align-self-sm-auto {
-    align-self: auto !important; }
-
-  .align-self-sm-start {
-    align-self: flex-start !important; }
-
-  .align-self-sm-end {
-    align-self: flex-end !important; }
-
-  .align-self-sm-center {
-    align-self: center !important; }
-
-  .align-self-sm-baseline {
-    align-self: baseline !important; }
-
-  .align-self-sm-stretch {
-    align-self: stretch !important; } }
-@media (min-width: 768px) {
-  .flex-md-row {
-    flex-direction: row !important; }
-
-  .flex-md-column {
-    flex-direction: column !important; }
-
-  .flex-md-row-reverse {
-    flex-direction: row-reverse !important; }
-
-  .flex-md-column-reverse {
-    flex-direction: column-reverse !important; }
-
-  .flex-md-wrap {
-    flex-wrap: wrap !important; }
-
-  .flex-md-nowrap {
-    flex-wrap: nowrap !important; }
-
-  .flex-md-wrap-reverse {
-    flex-wrap: wrap-reverse !important; }
-
-  .justify-content-md-start {
-    justify-content: flex-start !important; }
-
-  .justify-content-md-end {
-    justify-content: flex-end !important; }
-
-  .justify-content-md-center {
-    justify-content: center !important; }
-
-  .justify-content-md-between {
-    justify-content: space-between !important; }
-
-  .justify-content-md-around {
-    justify-content: space-around !important; }
-
-  .align-items-md-start {
-    align-items: flex-start !important; }
-
-  .align-items-md-end {
-    align-items: flex-end !important; }
-
-  .align-items-md-center {
-    align-items: center !important; }
-
-  .align-items-md-baseline {
-    align-items: baseline !important; }
-
-  .align-items-md-stretch {
-    align-items: stretch !important; }
-
-  .align-content-md-start {
-    align-content: flex-start !important; }
-
-  .align-content-md-end {
-    align-content: flex-end !important; }
-
-  .align-content-md-center {
-    align-content: center !important; }
-
-  .align-content-md-between {
-    align-content: space-between !important; }
-
-  .align-content-md-around {
-    align-content: space-around !important; }
-
-  .align-content-md-stretch {
-    align-content: stretch !important; }
-
-  .align-self-md-auto {
-    align-self: auto !important; }
-
-  .align-self-md-start {
-    align-self: flex-start !important; }
-
-  .align-self-md-end {
-    align-self: flex-end !important; }
-
-  .align-self-md-center {
-    align-self: center !important; }
-
-  .align-self-md-baseline {
-    align-self: baseline !important; }
-
-  .align-self-md-stretch {
-    align-self: stretch !important; } }
-@media (min-width: 992px) {
-  .flex-lg-row {
-    flex-direction: row !important; }
-
-  .flex-lg-column {
-    flex-direction: column !important; }
-
-  .flex-lg-row-reverse {
-    flex-direction: row-reverse !important; }
-
-  .flex-lg-column-reverse {
-    flex-direction: column-reverse !important; }
-
-  .flex-lg-wrap {
-    flex-wrap: wrap !important; }
-
-  .flex-lg-nowrap {
-    flex-wrap: nowrap !important; }
-
-  .flex-lg-wrap-reverse {
-    flex-wrap: wrap-reverse !important; }
-
-  .justify-content-lg-start {
-    justify-content: flex-start !important; }
-
-  .justify-content-lg-end {
-    justify-content: flex-end !important; }
-
-  .justify-content-lg-center {
-    justify-content: center !important; }
-
-  .justify-content-lg-between {
-    justify-content: space-between !important; }
-
-  .justify-content-lg-around {
-    justify-content: space-around !important; }
-
-  .align-items-lg-start {
-    align-items: flex-start !important; }
-
-  .align-items-lg-end {
-    align-items: flex-end !important; }
-
-  .align-items-lg-center {
-    align-items: center !important; }
-
-  .align-items-lg-baseline {
-    align-items: baseline !important; }
-
-  .align-items-lg-stretch {
-    align-items: stretch !important; }
-
-  .align-content-lg-start {
-    align-content: flex-start !important; }
-
-  .align-content-lg-end {
-    align-content: flex-end !important; }
-
-  .align-content-lg-center {
-    align-content: center !important; }
-
-  .align-content-lg-between {
-    align-content: space-between !important; }
-
-  .align-content-lg-around {
-    align-content: space-around !important; }
-
-  .align-content-lg-stretch {
-    align-content: stretch !important; }
-
-  .align-self-lg-auto {
-    align-self: auto !important; }
-
-  .align-self-lg-start {
-    align-self: flex-start !important; }
-
-  .align-self-lg-end {
-    align-self: flex-end !important; }
-
-  .align-self-lg-center {
-    align-self: center !important; }
-
-  .align-self-lg-baseline {
-    align-self: baseline !important; }
-
-  .align-self-lg-stretch {
-    align-self: stretch !important; } }
-@media (min-width: 1200px) {
-  .flex-xl-row {
-    flex-direction: row !important; }
-
-  .flex-xl-column {
-    flex-direction: column !important; }
-
-  .flex-xl-row-reverse {
-    flex-direction: row-reverse !important; }
-
-  .flex-xl-column-reverse {
-    flex-direction: column-reverse !important; }
-
-  .flex-xl-wrap {
-    flex-wrap: wrap !important; }
-
-  .flex-xl-nowrap {
-    flex-wrap: nowrap !important; }
-
-  .flex-xl-wrap-reverse {
-    flex-wrap: wrap-reverse !important; }
-
-  .justify-content-xl-start {
-    justify-content: flex-start !important; }
-
-  .justify-content-xl-end {
-    justify-content: flex-end !important; }
-
-  .justify-content-xl-center {
-    justify-content: center !important; }
-
-  .justify-content-xl-between {
-    justify-content: space-between !important; }
-
-  .justify-content-xl-around {
-    justify-content: space-around !important; }
-
-  .align-items-xl-start {
-    align-items: flex-start !important; }
-
-  .align-items-xl-end {
-    align-items: flex-end !important; }
-
-  .align-items-xl-center {
-    align-items: center !important; }
-
-  .align-items-xl-baseline {
-    align-items: baseline !important; }
-
-  .align-items-xl-stretch {
-    align-items: stretch !important; }
-
-  .align-content-xl-start {
-    align-content: flex-start !important; }
-
-  .align-content-xl-end {
-    align-content: flex-end !important; }
-
-  .align-content-xl-center {
-    align-content: center !important; }
-
-  .align-content-xl-between {
-    align-content: space-between !important; }
-
-  .align-content-xl-around {
-    align-content: space-around !important; }
-
-  .align-content-xl-stretch {
-    align-content: stretch !important; }
-
-  .align-self-xl-auto {
-    align-self: auto !important; }
-
-  .align-self-xl-start {
-    align-self: flex-start !important; }
-
-  .align-self-xl-end {
-    align-self: flex-end !important; }
-
-  .align-self-xl-center {
-    align-self: center !important; }
-
-  .align-self-xl-baseline {
-    align-self: baseline !important; }
-
-  .align-self-xl-stretch {
-    align-self: stretch !important; } }
-.float-left {
-  float: left !important; }
-
-.float-right {
-  float: right !important; }
-
-.float-none {
-  float: none !important; }
-
-@media (min-width: 576px) {
-  .float-sm-left {
-    float: left !important; }
-
-  .float-sm-right {
-    float: right !important; }
-
-  .float-sm-none {
-    float: none !important; } }
-@media (min-width: 768px) {
-  .float-md-left {
-    float: left !important; }
-
-  .float-md-right {
-    float: right !important; }
-
-  .float-md-none {
-    float: none !important; } }
-@media (min-width: 992px) {
-  .float-lg-left {
-    float: left !important; }
-
-  .float-lg-right {
-    float: right !important; }
-
-  .float-lg-none {
-    float: none !important; } }
-@media (min-width: 1200px) {
-  .float-xl-left {
-    float: left !important; }
-
-  .float-xl-right {
-    float: right !important; }
-
-  .float-xl-none {
-    float: none !important; } }
-.position-static {
-  position: static !important; }
-
-.position-relative {
-  position: relative !important; }
-
-.position-absolute {
-  position: absolute !important; }
-
-.position-fixed {
-  position: fixed !important; }
-
-.position-sticky {
-  position: sticky !important; }
-
-.fixed-top {
-  position: fixed;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: 1030; }
-
-.fixed-bottom {
-  position: fixed;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1030; }
-
-@supports (position: sticky) {
-  .sticky-top {
-    position: sticky;
-    top: 0;
-    z-index: 1020; } }
-
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  clip-path: inset(50%);
-  border: 0; }
-
-.sr-only-focusable:active, .sr-only-focusable:focus {
-  position: static;
-  width: auto;
-  height: auto;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
-  clip-path: none; }
-
-.w-25 {
-  width: 25% !important; }
-
-.w-50 {
-  width: 50% !important; }
-
-.w-75 {
-  width: 75% !important; }
-
-.w-100 {
-  width: 100% !important; }
-
-.h-25 {
-  height: 25% !important; }
-
-.h-50 {
-  height: 50% !important; }
-
-.h-75 {
-  height: 75% !important; }
-
-.h-100 {
-  height: 100% !important; }
-
-.mw-100 {
-  max-width: 100% !important; }
-
-.mh-100 {
-  max-height: 100% !important; }
-
-.m-0 {
-  margin: 0 !important; }
-
-.mt-0,
-.my-0 {
-  margin-top: 0 !important; }
-
-.mr-0,
-.mx-0 {
-  margin-right: 0 !important; }
-
-.mb-0,
-.my-0 {
-  margin-bottom: 0 !important; }
-
-.ml-0,
-.mx-0 {
-  margin-left: 0 !important; }
-
-.m-1 {
-  margin: 0.25rem !important; }
-
-.mt-1,
-.my-1 {
-  margin-top: 0.25rem !important; }
-
-.mr-1,
-.mx-1 {
-  margin-right: 0.25rem !important; }
-
-.mb-1,
-.my-1 {
-  margin-bottom: 0.25rem !important; }
-
-.ml-1,
-.mx-1 {
-  margin-left: 0.25rem !important; }
-
-.m-2 {
-  margin: 0.5rem !important; }
-
-.mt-2,
-.my-2 {
-  margin-top: 0.5rem !important; }
-
-.mr-2,
-.mx-2 {
-  margin-right: 0.5rem !important; }
-
-.mb-2,
-.my-2 {
-  margin-bottom: 0.5rem !important; }
-
-.ml-2,
-.mx-2 {
-  margin-left: 0.5rem !important; }
-
-.m-3 {
-  margin: 1rem !important; }
-
-.mt-3,
-.my-3 {
-  margin-top: 1rem !important; }
-
-.mr-3,
-.mx-3 {
-  margin-right: 1rem !important; }
-
-.mb-3,
-.my-3 {
-  margin-bottom: 1rem !important; }
-
-.ml-3,
-.mx-3 {
-  margin-left: 1rem !important; }
-
-.m-4 {
-  margin: 1.5rem !important; }
-
-.mt-4,
-.my-4 {
-  margin-top: 1.5rem !important; }
-
-.mr-4,
-.mx-4 {
-  margin-right: 1.5rem !important; }
-
-.mb-4,
-.my-4 {
-  margin-bottom: 1.5rem !important; }
-
-.ml-4,
-.mx-4 {
-  margin-left: 1.5rem !important; }
-
-.m-5 {
-  margin: 3rem !important; }
-
-.mt-5,
-.my-5 {
-  margin-top: 3rem !important; }
-
-.mr-5,
-.mx-5 {
-  margin-right: 3rem !important; }
-
-.mb-5,
-.my-5 {
-  margin-bottom: 3rem !important; }
-
-.ml-5,
-.mx-5 {
-  margin-left: 3rem !important; }
-
-.p-0 {
-  padding: 0 !important; }
-
-.pt-0,
-.py-0 {
-  padding-top: 0 !important; }
-
-.pr-0,
-.px-0 {
-  padding-right: 0 !important; }
-
-.pb-0,
-.py-0 {
-  padding-bottom: 0 !important; }
-
-.pl-0,
-.px-0 {
-  padding-left: 0 !important; }
-
-.p-1 {
-  padding: 0.25rem !important; }
-
-.pt-1,
-.py-1 {
-  padding-top: 0.25rem !important; }
-
-.pr-1,
-.px-1 {
-  padding-right: 0.25rem !important; }
-
-.pb-1,
-.py-1 {
-  padding-bottom: 0.25rem !important; }
-
-.pl-1,
-.px-1 {
-  padding-left: 0.25rem !important; }
-
-.p-2 {
-  padding: 0.5rem !important; }
-
-.pt-2,
-.py-2 {
-  padding-top: 0.5rem !important; }
-
-.pr-2,
-.px-2 {
-  padding-right: 0.5rem !important; }
-
-.pb-2,
-.py-2 {
-  padding-bottom: 0.5rem !important; }
-
-.pl-2,
-.px-2 {
-  padding-left: 0.5rem !important; }
-
-.p-3 {
-  padding: 1rem !important; }
-
-.pt-3,
-.py-3 {
-  padding-top: 1rem !important; }
-
-.pr-3,
-.px-3 {
-  padding-right: 1rem !important; }
-
-.pb-3,
-.py-3 {
-  padding-bottom: 1rem !important; }
-
-.pl-3,
-.px-3 {
-  padding-left: 1rem !important; }
-
-.p-4 {
-  padding: 1.5rem !important; }
-
-.pt-4,
-.py-4 {
-  padding-top: 1.5rem !important; }
-
-.pr-4,
-.px-4 {
-  padding-right: 1.5rem !important; }
-
-.pb-4,
-.py-4 {
-  padding-bottom: 1.5rem !important; }
-
-.pl-4,
-.px-4 {
-  padding-left: 1.5rem !important; }
-
-.p-5 {
-  padding: 3rem !important; }
-
-.pt-5,
-.py-5 {
-  padding-top: 3rem !important; }
-
-.pr-5,
-.px-5 {
-  padding-right: 3rem !important; }
-
-.pb-5,
-.py-5 {
-  padding-bottom: 3rem !important; }
-
-.pl-5,
-.px-5 {
-  padding-left: 3rem !important; }
-
-.m-auto {
-  margin: auto !important; }
-
-.mt-auto,
-.my-auto {
-  margin-top: auto !important; }
-
-.mr-auto,
-.mx-auto {
-  margin-right: auto !important; }
-
-.mb-auto,
-.my-auto {
-  margin-bottom: auto !important; }
-
-.ml-auto,
-.mx-auto {
-  margin-left: auto !important; }
-
-@media (min-width: 576px) {
-  .m-sm-0 {
-    margin: 0 !important; }
-
-  .mt-sm-0,
-  .my-sm-0 {
-    margin-top: 0 !important; }
-
-  .mr-sm-0,
-  .mx-sm-0 {
-    margin-right: 0 !important; }
-
-  .mb-sm-0,
-  .my-sm-0 {
-    margin-bottom: 0 !important; }
-
-  .ml-sm-0,
-  .mx-sm-0 {
-    margin-left: 0 !important; }
-
-  .m-sm-1 {
-    margin: 0.25rem !important; }
-
-  .mt-sm-1,
-  .my-sm-1 {
-    margin-top: 0.25rem !important; }
-
-  .mr-sm-1,
-  .mx-sm-1 {
-    margin-right: 0.25rem !important; }
-
-  .mb-sm-1,
-  .my-sm-1 {
-    margin-bottom: 0.25rem !important; }
-
-  .ml-sm-1,
-  .mx-sm-1 {
-    margin-left: 0.25rem !important; }
-
-  .m-sm-2 {
-    margin: 0.5rem !important; }
-
-  .mt-sm-2,
-  .my-sm-2 {
-    margin-top: 0.5rem !important; }
-
-  .mr-sm-2,
-  .mx-sm-2 {
-    margin-right: 0.5rem !important; }
-
-  .mb-sm-2,
-  .my-sm-2 {
-    margin-bottom: 0.5rem !important; }
-
-  .ml-sm-2,
-  .mx-sm-2 {
-    margin-left: 0.5rem !important; }
-
-  .m-sm-3 {
-    margin: 1rem !important; }
-
-  .mt-sm-3,
-  .my-sm-3 {
-    margin-top: 1rem !important; }
-
-  .mr-sm-3,
-  .mx-sm-3 {
-    margin-right: 1rem !important; }
-
-  .mb-sm-3,
-  .my-sm-3 {
-    margin-bottom: 1rem !important; }
-
-  .ml-sm-3,
-  .mx-sm-3 {
-    margin-left: 1rem !important; }
-
-  .m-sm-4 {
-    margin: 1.5rem !important; }
-
-  .mt-sm-4,
-  .my-sm-4 {
-    margin-top: 1.5rem !important; }
-
-  .mr-sm-4,
-  .mx-sm-4 {
-    margin-right: 1.5rem !important; }
-
-  .mb-sm-4,
-  .my-sm-4 {
-    margin-bottom: 1.5rem !important; }
-
-  .ml-sm-4,
-  .mx-sm-4 {
-    margin-left: 1.5rem !important; }
-
-  .m-sm-5 {
-    margin: 3rem !important; }
-
-  .mt-sm-5,
-  .my-sm-5 {
-    margin-top: 3rem !important; }
-
-  .mr-sm-5,
-  .mx-sm-5 {
-    margin-right: 3rem !important; }
-
-  .mb-sm-5,
-  .my-sm-5 {
-    margin-bottom: 3rem !important; }
-
-  .ml-sm-5,
-  .mx-sm-5 {
-    margin-left: 3rem !important; }
-
-  .p-sm-0 {
-    padding: 0 !important; }
-
-  .pt-sm-0,
-  .py-sm-0 {
-    padding-top: 0 !important; }
-
-  .pr-sm-0,
-  .px-sm-0 {
-    padding-right: 0 !important; }
-
-  .pb-sm-0,
-  .py-sm-0 {
-    padding-bottom: 0 !important; }
-
-  .pl-sm-0,
-  .px-sm-0 {
-    padding-left: 0 !important; }
-
-  .p-sm-1 {
-    padding: 0.25rem !important; }
-
-  .pt-sm-1,
-  .py-sm-1 {
-    padding-top: 0.25rem !important; }
-
-  .pr-sm-1,
-  .px-sm-1 {
-    padding-right: 0.25rem !important; }
-
-  .pb-sm-1,
-  .py-sm-1 {
-    padding-bottom: 0.25rem !important; }
-
-  .pl-sm-1,
-  .px-sm-1 {
-    padding-left: 0.25rem !important; }
-
-  .p-sm-2 {
-    padding: 0.5rem !important; }
-
-  .pt-sm-2,
-  .py-sm-2 {
-    padding-top: 0.5rem !important; }
-
-  .pr-sm-2,
-  .px-sm-2 {
-    padding-right: 0.5rem !important; }
-
-  .pb-sm-2,
-  .py-sm-2 {
-    padding-bottom: 0.5rem !important; }
-
-  .pl-sm-2,
-  .px-sm-2 {
-    padding-left: 0.5rem !important; }
-
-  .p-sm-3 {
-    padding: 1rem !important; }
-
-  .pt-sm-3,
-  .py-sm-3 {
-    padding-top: 1rem !important; }
-
-  .pr-sm-3,
-  .px-sm-3 {
-    padding-right: 1rem !important; }
-
-  .pb-sm-3,
-  .py-sm-3 {
-    padding-bottom: 1rem !important; }
-
-  .pl-sm-3,
-  .px-sm-3 {
-    padding-left: 1rem !important; }
-
-  .p-sm-4 {
-    padding: 1.5rem !important; }
-
-  .pt-sm-4,
-  .py-sm-4 {
-    padding-top: 1.5rem !important; }
-
-  .pr-sm-4,
-  .px-sm-4 {
-    padding-right: 1.5rem !important; }
-
-  .pb-sm-4,
-  .py-sm-4 {
-    padding-bottom: 1.5rem !important; }
-
-  .pl-sm-4,
-  .px-sm-4 {
-    padding-left: 1.5rem !important; }
-
-  .p-sm-5 {
-    padding: 3rem !important; }
-
-  .pt-sm-5,
-  .py-sm-5 {
-    padding-top: 3rem !important; }
-
-  .pr-sm-5,
-  .px-sm-5 {
-    padding-right: 3rem !important; }
-
-  .pb-sm-5,
-  .py-sm-5 {
-    padding-bottom: 3rem !important; }
-
-  .pl-sm-5,
-  .px-sm-5 {
-    padding-left: 3rem !important; }
-
-  .m-sm-auto {
-    margin: auto !important; }
-
-  .mt-sm-auto,
-  .my-sm-auto {
-    margin-top: auto !important; }
-
-  .mr-sm-auto,
-  .mx-sm-auto {
-    margin-right: auto !important; }
-
-  .mb-sm-auto,
-  .my-sm-auto {
-    margin-bottom: auto !important; }
-
-  .ml-sm-auto,
-  .mx-sm-auto {
-    margin-left: auto !important; } }
-@media (min-width: 768px) {
-  .m-md-0 {
-    margin: 0 !important; }
-
-  .mt-md-0,
-  .my-md-0 {
-    margin-top: 0 !important; }
-
-  .mr-md-0,
-  .mx-md-0 {
-    margin-right: 0 !important; }
-
-  .mb-md-0,
-  .my-md-0 {
-    margin-bottom: 0 !important; }
-
-  .ml-md-0,
-  .mx-md-0 {
-    margin-left: 0 !important; }
-
-  .m-md-1 {
-    margin: 0.25rem !important; }
-
-  .mt-md-1,
-  .my-md-1 {
-    margin-top: 0.25rem !important; }
-
-  .mr-md-1,
-  .mx-md-1 {
-    margin-right: 0.25rem !important; }
-
-  .mb-md-1,
-  .my-md-1 {
-    margin-bottom: 0.25rem !important; }
-
-  .ml-md-1,
-  .mx-md-1 {
-    margin-left: 0.25rem !important; }
-
-  .m-md-2 {
-    margin: 0.5rem !important; }
-
-  .mt-md-2,
-  .my-md-2 {
-    margin-top: 0.5rem !important; }
-
-  .mr-md-2,
-  .mx-md-2 {
-    margin-right: 0.5rem !important; }
-
-  .mb-md-2,
-  .my-md-2 {
-    margin-bottom: 0.5rem !important; }
-
-  .ml-md-2,
-  .mx-md-2 {
-    margin-left: 0.5rem !important; }
-
-  .m-md-3 {
-    margin: 1rem !important; }
-
-  .mt-md-3,
-  .my-md-3 {
-    margin-top: 1rem !important; }
-
-  .mr-md-3,
-  .mx-md-3 {
-    margin-right: 1rem !important; }
-
-  .mb-md-3,
-  .my-md-3 {
-    margin-bottom: 1rem !important; }
-
-  .ml-md-3,
-  .mx-md-3 {
-    margin-left: 1rem !important; }
-
-  .m-md-4 {
-    margin: 1.5rem !important; }
-
-  .mt-md-4,
-  .my-md-4 {
-    margin-top: 1.5rem !important; }
-
-  .mr-md-4,
-  .mx-md-4 {
-    margin-right: 1.5rem !important; }
-
-  .mb-md-4,
-  .my-md-4 {
-    margin-bottom: 1.5rem !important; }
-
-  .ml-md-4,
-  .mx-md-4 {
-    margin-left: 1.5rem !important; }
-
-  .m-md-5 {
-    margin: 3rem !important; }
-
-  .mt-md-5,
-  .my-md-5 {
-    margin-top: 3rem !important; }
-
-  .mr-md-5,
-  .mx-md-5 {
-    margin-right: 3rem !important; }
-
-  .mb-md-5,
-  .my-md-5 {
-    margin-bottom: 3rem !important; }
-
-  .ml-md-5,
-  .mx-md-5 {
-    margin-left: 3rem !important; }
-
-  .p-md-0 {
-    padding: 0 !important; }
-
-  .pt-md-0,
-  .py-md-0 {
-    padding-top: 0 !important; }
-
-  .pr-md-0,
-  .px-md-0 {
-    padding-right: 0 !important; }
-
-  .pb-md-0,
-  .py-md-0 {
-    padding-bottom: 0 !important; }
-
-  .pl-md-0,
-  .px-md-0 {
-    padding-left: 0 !important; }
-
-  .p-md-1 {
-    padding: 0.25rem !important; }
-
-  .pt-md-1,
-  .py-md-1 {
-    padding-top: 0.25rem !important; }
-
-  .pr-md-1,
-  .px-md-1 {
-    padding-right: 0.25rem !important; }
-
-  .pb-md-1,
-  .py-md-1 {
-    padding-bottom: 0.25rem !important; }
-
-  .pl-md-1,
-  .px-md-1 {
-    padding-left: 0.25rem !important; }
-
-  .p-md-2 {
-    padding: 0.5rem !important; }
-
-  .pt-md-2,
-  .py-md-2 {
-    padding-top: 0.5rem !important; }
-
-  .pr-md-2,
-  .px-md-2 {
-    padding-right: 0.5rem !important; }
-
-  .pb-md-2,
-  .py-md-2 {
-    padding-bottom: 0.5rem !important; }
-
-  .pl-md-2,
-  .px-md-2 {
-    padding-left: 0.5rem !important; }
-
-  .p-md-3 {
-    padding: 1rem !important; }
-
-  .pt-md-3,
-  .py-md-3 {
-    padding-top: 1rem !important; }
-
-  .pr-md-3,
-  .px-md-3 {
-    padding-right: 1rem !important; }
-
-  .pb-md-3,
-  .py-md-3 {
-    padding-bottom: 1rem !important; }
-
-  .pl-md-3,
-  .px-md-3 {
-    padding-left: 1rem !important; }
-
-  .p-md-4 {
-    padding: 1.5rem !important; }
-
-  .pt-md-4,
-  .py-md-4 {
-    padding-top: 1.5rem !important; }
-
-  .pr-md-4,
-  .px-md-4 {
-    padding-right: 1.5rem !important; }
-
-  .pb-md-4,
-  .py-md-4 {
-    padding-bottom: 1.5rem !important; }
-
-  .pl-md-4,
-  .px-md-4 {
-    padding-left: 1.5rem !important; }
-
-  .p-md-5 {
-    padding: 3rem !important; }
-
-  .pt-md-5,
-  .py-md-5 {
-    padding-top: 3rem !important; }
-
-  .pr-md-5,
-  .px-md-5 {
-    padding-right: 3rem !important; }
-
-  .pb-md-5,
-  .py-md-5 {
-    padding-bottom: 3rem !important; }
-
-  .pl-md-5,
-  .px-md-5 {
-    padding-left: 3rem !important; }
-
-  .m-md-auto {
-    margin: auto !important; }
-
-  .mt-md-auto,
-  .my-md-auto {
-    margin-top: auto !important; }
-
-  .mr-md-auto,
-  .mx-md-auto {
-    margin-right: auto !important; }
-
-  .mb-md-auto,
-  .my-md-auto {
-    margin-bottom: auto !important; }
-
-  .ml-md-auto,
-  .mx-md-auto {
-    margin-left: auto !important; } }
-@media (min-width: 992px) {
-  .m-lg-0 {
-    margin: 0 !important; }
-
-  .mt-lg-0,
-  .my-lg-0 {
-    margin-top: 0 !important; }
-
-  .mr-lg-0,
-  .mx-lg-0 {
-    margin-right: 0 !important; }
-
-  .mb-lg-0,
-  .my-lg-0 {
-    margin-bottom: 0 !important; }
-
-  .ml-lg-0,
-  .mx-lg-0 {
-    margin-left: 0 !important; }
-
-  .m-lg-1 {
-    margin: 0.25rem !important; }
-
-  .mt-lg-1,
-  .my-lg-1 {
-    margin-top: 0.25rem !important; }
-
-  .mr-lg-1,
-  .mx-lg-1 {
-    margin-right: 0.25rem !important; }
-
-  .mb-lg-1,
-  .my-lg-1 {
-    margin-bottom: 0.25rem !important; }
-
-  .ml-lg-1,
-  .mx-lg-1 {
-    margin-left: 0.25rem !important; }
-
-  .m-lg-2 {
-    margin: 0.5rem !important; }
-
-  .mt-lg-2,
-  .my-lg-2 {
-    margin-top: 0.5rem !important; }
-
-  .mr-lg-2,
-  .mx-lg-2 {
-    margin-right: 0.5rem !important; }
-
-  .mb-lg-2,
-  .my-lg-2 {
-    margin-bottom: 0.5rem !important; }
-
-  .ml-lg-2,
-  .mx-lg-2 {
-    margin-left: 0.5rem !important; }
-
-  .m-lg-3 {
-    margin: 1rem !important; }
-
-  .mt-lg-3,
-  .my-lg-3 {
-    margin-top: 1rem !important; }
-
-  .mr-lg-3,
-  .mx-lg-3 {
-    margin-right: 1rem !important; }
-
-  .mb-lg-3,
-  .my-lg-3 {
-    margin-bottom: 1rem !important; }
-
-  .ml-lg-3,
-  .mx-lg-3 {
-    margin-left: 1rem !important; }
-
-  .m-lg-4 {
-    margin: 1.5rem !important; }
-
-  .mt-lg-4,
-  .my-lg-4 {
-    margin-top: 1.5rem !important; }
-
-  .mr-lg-4,
-  .mx-lg-4 {
-    margin-right: 1.5rem !important; }
-
-  .mb-lg-4,
-  .my-lg-4 {
-    margin-bottom: 1.5rem !important; }
-
-  .ml-lg-4,
-  .mx-lg-4 {
-    margin-left: 1.5rem !important; }
-
-  .m-lg-5 {
-    margin: 3rem !important; }
-
-  .mt-lg-5,
-  .my-lg-5 {
-    margin-top: 3rem !important; }
-
-  .mr-lg-5,
-  .mx-lg-5 {
-    margin-right: 3rem !important; }
-
-  .mb-lg-5,
-  .my-lg-5 {
-    margin-bottom: 3rem !important; }
-
-  .ml-lg-5,
-  .mx-lg-5 {
-    margin-left: 3rem !important; }
-
-  .p-lg-0 {
-    padding: 0 !important; }
-
-  .pt-lg-0,
-  .py-lg-0 {
-    padding-top: 0 !important; }
-
-  .pr-lg-0,
-  .px-lg-0 {
-    padding-right: 0 !important; }
-
-  .pb-lg-0,
-  .py-lg-0 {
-    padding-bottom: 0 !important; }
-
-  .pl-lg-0,
-  .px-lg-0 {
-    padding-left: 0 !important; }
-
-  .p-lg-1 {
-    padding: 0.25rem !important; }
-
-  .pt-lg-1,
-  .py-lg-1 {
-    padding-top: 0.25rem !important; }
-
-  .pr-lg-1,
-  .px-lg-1 {
-    padding-right: 0.25rem !important; }
-
-  .pb-lg-1,
-  .py-lg-1 {
-    padding-bottom: 0.25rem !important; }
-
-  .pl-lg-1,
-  .px-lg-1 {
-    padding-left: 0.25rem !important; }
-
-  .p-lg-2 {
-    padding: 0.5rem !important; }
-
-  .pt-lg-2,
-  .py-lg-2 {
-    padding-top: 0.5rem !important; }
-
-  .pr-lg-2,
-  .px-lg-2 {
-    padding-right: 0.5rem !important; }
-
-  .pb-lg-2,
-  .py-lg-2 {
-    padding-bottom: 0.5rem !important; }
-
-  .pl-lg-2,
-  .px-lg-2 {
-    padding-left: 0.5rem !important; }
-
-  .p-lg-3 {
-    padding: 1rem !important; }
-
-  .pt-lg-3,
-  .py-lg-3 {
-    padding-top: 1rem !important; }
-
-  .pr-lg-3,
-  .px-lg-3 {
-    padding-right: 1rem !important; }
-
-  .pb-lg-3,
-  .py-lg-3 {
-    padding-bottom: 1rem !important; }
-
-  .pl-lg-3,
-  .px-lg-3 {
-    padding-left: 1rem !important; }
-
-  .p-lg-4 {
-    padding: 1.5rem !important; }
-
-  .pt-lg-4,
-  .py-lg-4 {
-    padding-top: 1.5rem !important; }
-
-  .pr-lg-4,
-  .px-lg-4 {
-    padding-right: 1.5rem !important; }
-
-  .pb-lg-4,
-  .py-lg-4 {
-    padding-bottom: 1.5rem !important; }
-
-  .pl-lg-4,
-  .px-lg-4 {
-    padding-left: 1.5rem !important; }
-
-  .p-lg-5 {
-    padding: 3rem !important; }
-
-  .pt-lg-5,
-  .py-lg-5 {
-    padding-top: 3rem !important; }
-
-  .pr-lg-5,
-  .px-lg-5 {
-    padding-right: 3rem !important; }
-
-  .pb-lg-5,
-  .py-lg-5 {
-    padding-bottom: 3rem !important; }
-
-  .pl-lg-5,
-  .px-lg-5 {
-    padding-left: 3rem !important; }
-
-  .m-lg-auto {
-    margin: auto !important; }
-
-  .mt-lg-auto,
-  .my-lg-auto {
-    margin-top: auto !important; }
-
-  .mr-lg-auto,
-  .mx-lg-auto {
-    margin-right: auto !important; }
-
-  .mb-lg-auto,
-  .my-lg-auto {
-    margin-bottom: auto !important; }
-
-  .ml-lg-auto,
-  .mx-lg-auto {
-    margin-left: auto !important; } }
-@media (min-width: 1200px) {
-  .m-xl-0 {
-    margin: 0 !important; }
-
-  .mt-xl-0,
-  .my-xl-0 {
-    margin-top: 0 !important; }
-
-  .mr-xl-0,
-  .mx-xl-0 {
-    margin-right: 0 !important; }
-
-  .mb-xl-0,
-  .my-xl-0 {
-    margin-bottom: 0 !important; }
-
-  .ml-xl-0,
-  .mx-xl-0 {
-    margin-left: 0 !important; }
-
-  .m-xl-1 {
-    margin: 0.25rem !important; }
-
-  .mt-xl-1,
-  .my-xl-1 {
-    margin-top: 0.25rem !important; }
-
-  .mr-xl-1,
-  .mx-xl-1 {
-    margin-right: 0.25rem !important; }
-
-  .mb-xl-1,
-  .my-xl-1 {
-    margin-bottom: 0.25rem !important; }
-
-  .ml-xl-1,
-  .mx-xl-1 {
-    margin-left: 0.25rem !important; }
-
-  .m-xl-2 {
-    margin: 0.5rem !important; }
-
-  .mt-xl-2,
-  .my-xl-2 {
-    margin-top: 0.5rem !important; }
-
-  .mr-xl-2,
-  .mx-xl-2 {
-    margin-right: 0.5rem !important; }
-
-  .mb-xl-2,
-  .my-xl-2 {
-    margin-bottom: 0.5rem !important; }
-
-  .ml-xl-2,
-  .mx-xl-2 {
-    margin-left: 0.5rem !important; }
-
-  .m-xl-3 {
-    margin: 1rem !important; }
-
-  .mt-xl-3,
-  .my-xl-3 {
-    margin-top: 1rem !important; }
-
-  .mr-xl-3,
-  .mx-xl-3 {
-    margin-right: 1rem !important; }
-
-  .mb-xl-3,
-  .my-xl-3 {
-    margin-bottom: 1rem !important; }
-
-  .ml-xl-3,
-  .mx-xl-3 {
-    margin-left: 1rem !important; }
-
-  .m-xl-4 {
-    margin: 1.5rem !important; }
-
-  .mt-xl-4,
-  .my-xl-4 {
-    margin-top: 1.5rem !important; }
-
-  .mr-xl-4,
-  .mx-xl-4 {
-    margin-right: 1.5rem !important; }
-
-  .mb-xl-4,
-  .my-xl-4 {
-    margin-bottom: 1.5rem !important; }
-
-  .ml-xl-4,
-  .mx-xl-4 {
-    margin-left: 1.5rem !important; }
-
-  .m-xl-5 {
-    margin: 3rem !important; }
-
-  .mt-xl-5,
-  .my-xl-5 {
-    margin-top: 3rem !important; }
-
-  .mr-xl-5,
-  .mx-xl-5 {
-    margin-right: 3rem !important; }
-
-  .mb-xl-5,
-  .my-xl-5 {
-    margin-bottom: 3rem !important; }
-
-  .ml-xl-5,
-  .mx-xl-5 {
-    margin-left: 3rem !important; }
-
-  .p-xl-0 {
-    padding: 0 !important; }
-
-  .pt-xl-0,
-  .py-xl-0 {
-    padding-top: 0 !important; }
-
-  .pr-xl-0,
-  .px-xl-0 {
-    padding-right: 0 !important; }
-
-  .pb-xl-0,
-  .py-xl-0 {
-    padding-bottom: 0 !important; }
-
-  .pl-xl-0,
-  .px-xl-0 {
-    padding-left: 0 !important; }
-
-  .p-xl-1 {
-    padding: 0.25rem !important; }
-
-  .pt-xl-1,
-  .py-xl-1 {
-    padding-top: 0.25rem !important; }
-
-  .pr-xl-1,
-  .px-xl-1 {
-    padding-right: 0.25rem !important; }
-
-  .pb-xl-1,
-  .py-xl-1 {
-    padding-bottom: 0.25rem !important; }
-
-  .pl-xl-1,
-  .px-xl-1 {
-    padding-left: 0.25rem !important; }
-
-  .p-xl-2 {
-    padding: 0.5rem !important; }
-
-  .pt-xl-2,
-  .py-xl-2 {
-    padding-top: 0.5rem !important; }
-
-  .pr-xl-2,
-  .px-xl-2 {
-    padding-right: 0.5rem !important; }
-
-  .pb-xl-2,
-  .py-xl-2 {
-    padding-bottom: 0.5rem !important; }
-
-  .pl-xl-2,
-  .px-xl-2 {
-    padding-left: 0.5rem !important; }
-
-  .p-xl-3 {
-    padding: 1rem !important; }
-
-  .pt-xl-3,
-  .py-xl-3 {
-    padding-top: 1rem !important; }
-
-  .pr-xl-3,
-  .px-xl-3 {
-    padding-right: 1rem !important; }
-
-  .pb-xl-3,
-  .py-xl-3 {
-    padding-bottom: 1rem !important; }
-
-  .pl-xl-3,
-  .px-xl-3 {
-    padding-left: 1rem !important; }
-
-  .p-xl-4 {
-    padding: 1.5rem !important; }
-
-  .pt-xl-4,
-  .py-xl-4 {
-    padding-top: 1.5rem !important; }
-
-  .pr-xl-4,
-  .px-xl-4 {
-    padding-right: 1.5rem !important; }
-
-  .pb-xl-4,
-  .py-xl-4 {
-    padding-bottom: 1.5rem !important; }
-
-  .pl-xl-4,
-  .px-xl-4 {
-    padding-left: 1.5rem !important; }
-
-  .p-xl-5 {
-    padding: 3rem !important; }
-
-  .pt-xl-5,
-  .py-xl-5 {
-    padding-top: 3rem !important; }
-
-  .pr-xl-5,
-  .px-xl-5 {
-    padding-right: 3rem !important; }
-
-  .pb-xl-5,
-  .py-xl-5 {
-    padding-bottom: 3rem !important; }
-
-  .pl-xl-5,
-  .px-xl-5 {
-    padding-left: 3rem !important; }
-
-  .m-xl-auto {
-    margin: auto !important; }
-
-  .mt-xl-auto,
-  .my-xl-auto {
-    margin-top: auto !important; }
-
-  .mr-xl-auto,
-  .mx-xl-auto {
-    margin-right: auto !important; }
-
-  .mb-xl-auto,
-  .my-xl-auto {
-    margin-bottom: auto !important; }
-
-  .ml-xl-auto,
-  .mx-xl-auto {
-    margin-left: auto !important; } }
-.text-justify {
-  text-align: justify !important; }
-
-.text-nowrap {
-  white-space: nowrap !important; }
-
-.text-truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap; }
-
-.text-left {
-  text-align: left !important; }
-
-.text-right {
-  text-align: right !important; }
-
-.text-center {
-  text-align: center !important; }
-
-@media (min-width: 576px) {
-  .text-sm-left {
-    text-align: left !important; }
-
-  .text-sm-right {
-    text-align: right !important; }
-
-  .text-sm-center {
-    text-align: center !important; } }
-@media (min-width: 768px) {
-  .text-md-left {
-    text-align: left !important; }
-
-  .text-md-right {
-    text-align: right !important; }
-
-  .text-md-center {
-    text-align: center !important; } }
-@media (min-width: 992px) {
-  .text-lg-left {
-    text-align: left !important; }
-
-  .text-lg-right {
-    text-align: right !important; }
-
-  .text-lg-center {
-    text-align: center !important; } }
-@media (min-width: 1200px) {
-  .text-xl-left {
-    text-align: left !important; }
-
-  .text-xl-right {
-    text-align: right !important; }
-
-  .text-xl-center {
-    text-align: center !important; } }
-.text-lowercase {
-  text-transform: lowercase !important; }
-
-.text-uppercase {
-  text-transform: uppercase !important; }
-
-.text-capitalize {
-  text-transform: capitalize !important; }
-
-.font-weight-light {
-  font-weight: 300 !important; }
-
-.font-weight-normal {
-  font-weight: 400 !important; }
-
-.font-weight-bold {
-  font-weight: 700 !important; }
-
-.font-italic {
-  font-style: italic !important; }
-
-.text-white {
-  color: #fff !important; }
-
-.text-primary {
-  color: #78932c !important; }
-
-a.text-primary:hover, a.text-primary:focus {
-  color: #586c20 !important; }
-
-.text-secondary {
-  color: #c12766 !important; }
-
-a.text-secondary:hover, a.text-secondary:focus {
-  color: #971e50 !important; }
-
-.text-success {
-  color: #cf242a !important; }
-
-a.text-success:hover, a.text-success:focus {
-  color: #a41c21 !important; }
-
-.text-info {
-  color: #3e489f !important; }
-
-a.text-info:hover, a.text-info:focus {
-  color: #30377a !important; }
-
-.text-warning {
-  color: #714099 !important; }
-
-a.text-warning:hover, a.text-warning:focus {
-  color: #563175 !important; }
-
-.text-danger {
-  color: #dc3545 !important; }
-
-a.text-danger:hover, a.text-danger:focus {
-  color: #bd2130 !important; }
-
-.text-light {
-  color: #f8f9fa !important; }
-
-a.text-light:hover, a.text-light:focus {
-  color: #dae0e5 !important; }
-
-.text-dark {
-  color: #343a40 !important; }
-
-a.text-dark:hover, a.text-dark:focus {
-  color: #1d2124 !important; }
-
-.text-muted {
-  color: #6c757d !important; }
-
-.text-hide {
-  font: 0/0 a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0; }
-
-.visible {
-  visibility: visible !important; }
-
-.invisible {
-  visibility: hidden !important; }
-
-@media print {
-  *,
-  *::before,
-  *::after {
-    text-shadow: none !important;
-    box-shadow: none !important; }
-
-  a:not(.btn) {
-    text-decoration: underline; }
-
-  abbr[title]::after {
-    content: " (" attr(title) ")"; }
-
-  pre {
-    white-space: pre-wrap !important; }
-
-  pre,
-  blockquote {
-    border: 1px solid #999;
-    page-break-inside: avoid; }
-
-  thead {
-    display: table-header-group; }
-
-  tr,
-  img {
-    page-break-inside: avoid; }
-
-  p,
-  h2,
-  h3 {
-    orphans: 3;
-    widows: 3; }
-
-  h2,
-  h3 {
-    page-break-after: avoid; }
-
-  @page {
-    size: a3; }
-  body {
-    min-width: 992px !important; }
-
-  .container {
-    min-width: 992px !important; }
-
-  .navbar {
-    display: none; }
-
-  .badge {
-    border: 1px solid #000; }
-
-  .table {
-    border-collapse: collapse !important; }
-    .table td,
-    .table th {
-      background-color: #fff !important; }
-
-  .table-bordered th,
-  .table-bordered td {
-    border: 1px solid #ddd !important; } }
-nav {
-  padding-top: 10px !important; }
-
-ul.navbar-nav {
-  margin-top: 10px; }
-
-.content {
-  margin-top: 60px;
-  width: 100%; }
-
-.container {
-  padding: 0 10px 0 10px; }
-
-body {
-  width: 100%; }
-
-.slider {
-  background-color: #78932c;
-  margin: auto;
-  text-align: left !important;
-  margin-bottom: 20px; }
-
-.logo {
-  padding-left: 20px; }
-
-.navbar {
-  padding-left: 10px;
-  padding-right: 10px; }
-
-.nav-link {
-  color: black !important;
-  margin-left: 20px;
-  height: 50px;
-  padding-top: 12px;
-  font-weight: bold;
-  white-space: nowrap; }
-
-.get-started {
-  background-color: #c12766;
-  color: white !important;
-  border-left: 2px solid black;
-  border-right: 2px solid black;
-  font-weight: bold; }
-
-a:hover {
-  color: #c12766 !important; }
-
-a.get-started:hover {
-  color: #c12766 !important;
-  font-weight: bold;
-  border: 2px solid #c12766;
-  background-color: white; }
-
-.navbar {
-  display: block;
-  position: fixed; }
-
-.nav {
-  border-bottom: 1px solid black; }
-
-.navbar {
-  background-color: white; }
-
-.slider-text {
-  font-size: 36px;
-  font-weight: bold;
-  color: white;
-  text-align: center; }
-
-table.slider {
-  height: 100%;
-  max-width: 1024px; }
-
-.logo-sm {
-  height: 150px !important; }
-
-.slider-sm {
-  font-size: 20px;
-  height: 300px; }
-
-.slider-lg {
-  height: 400px; }
-
-.narative-alt {
-  font-size: 1.2rem;
-  color: white;
-  padding: 10px !important;
-  background-color: grey; }
-
-.narative {
-  font-size: 1.2rem;
-  color: grey;
-  padding: 10px !important;
-  background-color: white; }
-
-.feature-narative {
-  font-size: 1rem;
-  padding: 0px !important; }
-
-.project-narative {
-  font-size: 1rem;
-  padding: 0px !important; }
-
-.project-narative-alt {
-  font-size: 1rem;
-  padding: 0px !important;
-  background-color: #eee; }
-
-.card {
-  border: 0 !important;
-  border-radius: 0 !important; }
-
-.card-purple {
-  border-left: 5px solid #714099 !important;
-  margin-bottom: 40px; }
-
-.card-purple-right {
-  border-right: 5px solid #714099 !important;
-  margin-bottom: 40px; }
-
-.card-pink {
-  border: 0 !important;
-  border-left: 5px solid #c12766 !important;
-  border-radius: 0 !important;
-  margin-bottom: 40px; }
-
-.card-pink-right {
-  border: 0 !important;
-  border-right: 5px solid #c12766 !important;
-  border-radius: 0 !important;
-  margin-bottom: 40px; }
-
-.card-orange {
-  border: 0 !important;
-  border-left: 5px solid #cf242a !important;
-  border-radius: 0 !important;
-  margin-bottom: 40px; }
-
-.card-orange-right {
-  border: 0 !important;
-  border-right: 5px solid #cf242a !important;
-  border-radius: 0 !important;
-  margin-bottom: 40px; }
-
-.card-blue {
-  border: 0 !important;
-  border-left: 5px solid #3e489f !important;
-  border-radius: 0 !important;
-  margin-bottom: 40px; }
-
-.card-blue-right {
-  border: 0 !important;
-  border-right: 5px solid #3e489f !important;
-  border-radius: 0 !important;
-  margin-bottom: 40px; }
-
-.card-white {
-  border: 0 !important;
-  border-left: 5px solid white !important;
-  border-radius: 0 !important;
-  padding: 0 30px 0 30px !important; }
-
-.text-purple {
-  color: #714099 !important; }
-
-.text-pink {
-  color: #c12766 !important; }
-
-.text-orange {
-  color: #cf242a !important; }
-
-.text-blue {
-  color: #3e489f !important; }
-
-.text-green {
-  color: #78932c !important; }
-
-.text-white {
-  color: white !important; }
-
-h5 {
-  font-weight: bold; }
-
-h6 {
-  font-weight: bold; }
-
-.btn-icon {
-  margin-left: 10px; }
-
-.feature-img {
-  text-align: center;
-  padding: 20px;
-  vertical-align: middle; }
-
-.sitemap {
-  background-color: grey;
-  color: white !important;
-  padding: 50px; }
-
-.sitemap a {
-  color: white;
-  text-decoration: none; }
-
-.sitemap li {
-  list-style-type: none; }
-
-.sitemap ul {
-  padding: 0px; }
-
-.users {
-  background-color: #78932c;
-  padding: 50px;
-  text-align: center; }
-
-.users .container {
-  background-color: #78932c;
-  margin-bottom: 20px; }
-
-.user-logo {
-  padding: 20px; }
-
-.features {
-  background-color: white;
-  color: grey;
-  padding-top: 30px;
-  padding-bottom: 30px; }
-
-.features .container .card {
-  background: none; }
-
-.features .narative {
-  color: white;
-  background-color: grey; }
-
-.feature-purple {
-  background-color: #714099; }
-
-.feature-pink {
-  background-color: #c12766; }
-
-.feature-blue {
-  background-color: #714099; }
-
-.feature-orange {
-  background-color: #714099; }
-
-.card-title-purple {
-  padding-top: 10px;
-  border-top: 5px solid #714099; }
-
-.card-title-pink {
-  padding-top: 10px;
-  border-top: 5px solid #c12766; }
-
-.card-title-orange {
-  padding-top: 10px;
-  border-top: 5px solid #cf242a; }
-
-.navbar {
-  border-bottom: 1px solid black; }
diff --git a/_site/index.html b/_site/index.html
deleted file mode 100644
index b5b50d9..0000000
--- a/_site/index.html
+++ /dev/null
@@ -1,391 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>ActiveMQ</title>
-
-    <link rel="stylesheet" href="/css/main.css">
-    <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js" integrity="sha384-SlE991lGASHoBfWbelyBPLsUlwY1GwNDJo3jSJO04KZ33K2bwfV9YBauFfnzvynJ" crossorigin="anonymous"></script>
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
-</head>
-
-<body>
-    
-<nav class="navbar navbar-expand-lg navbar-light fixed-top">
-  <div class="container">
-    <!-- <a class="navbar-brand mr-auto" href="#"><img style="height: 50px" src="assets/img/apache-feather.png" /></a> -->
-    <a class="navbar-brand mr-auto" href="#"><img src="/assets/img/nav-logo.png" /></a>
-    <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
-      <span class="navbar-toggler-icon"></span>
-    </button>
-
-    <div class="ml-auto collapse navbar-collapse" id="navbarContent">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-            <a class="nav-link active" href="/index.html">Home</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" href="#">Projects</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" href="#">Clients</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" href="#">Community</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" href="#">Team</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" href="#">Getting Started</a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-
-    <div class="content">
-      <div class="row">
-    <div class="col-sm-12 slider">
-        <div class="container">
-            <div class="row">
-                <div class="col-12 slider-text align-middle">
-                    <table class="slider slider-lg d-none d-md-block">
-                      <tbody class="slider-lg">
-                        <tr class="slider-lg">
-                          <td class="slider-lg align-middle">A SUITE OF OPEN SOURCE PROJECTS FOR HIGH PERFORMANCE MESSAGING</td>
-                          <td class="slider-lg align-middle">
-                            <img class="float-right" src="assets/img/main-logo.png"/>
-                          </td>
-                        </tr>
-                      </tbody>
-                    </table>
-                    <table class="slider d-md-none d-lg-none d-xl-none">
-                      <tbody align="center" class="slider d-inline-block">
-                        <tr>
-                          <td class="align-middle slider-sm logo-sm">A SUITE OF OPEN SOURCE PROJECTS FOR HIGH PERFORMANCE MESSAGING</td>
-                          <td class="slider-sm align-middle"><img class="float-right logo-sm" src="assets/img/main-logo.png"/></td>
-                        </tr>
-                      </tbody>
-                    </table>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<div class="container">
-  <!-- Narative -->
-  <div class="row">
-    <div class="col-sm-12 narative">
-      <div class="card">
-        <div class="card-body narative">
-            <span>From brokers to clients Apache ActiveMQ has everything required to build scalable, fault tolerant, messaging infrastructure.  Proven
-            resilience, standards based technologies and super fast performance.</span>
-        </div>
-      </div>
-    </div>
-  </div>
-  <!-- Projects -->
-  <div class="row">
-    <div class="col-lg-3 col-md-6">
-      <div class="card card-purple">
-        <div class="card-body">
-          <h5 class="card-title text-purple">Artemis</h5>
-          <h6>BROKER + JMS CLIENT</h6>
-          <p>Artemis is ActiveMQ's next generation message broker</p>
-          <ul>
-            <li>Event driven core engine</li>
-            <li>Multi protocol support</li>
-            <li>Built in data replication</li>
-          </ul>
-          <a style="margin-top: 10px" href="/projects/artemis/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
-          <button style="margin-top: 10px" href="#" class="btn btn-warning">Download Latest<i class="fa-download fa btn-icon"></i></button>
-        </div>
-      </div>
-    </div>
-    <div class="col-lg-3 col-md-6">
-      <div class="card card-pink">
-        <div class="card-body">
-          <h5 class="card-title text-pink">ActiveMQ 5</h5>
-          <h6>BROKER + JMS CLIENT</h6>
-          <p>Artemis is ActiveMQ's next generation message broker</p>
-          <ul>
-            <li>Event driven core engine</li>
-            <li>Multi protocol support</li>
-            <li>Built in data replication</li>
-          </ul>
-          <a style="margin-top: 10px" href="/projects/activemq/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
-          <button style="margin-top: 10px" href="#" class="btn btn-secondary">Download Latest<i class="fa-download fa btn-icon"></i></button>
-        </div>
-      </div>
-    </div>
-    <div class="col-lg-3 col-md-6">
-      <div class="card card-orange">
-        <div class="card-body">
-          <h5 class="card-title text-orange">NMS</h5>
-          <h6>.NET CLIENTS</h6>
-          <p>Artemis is ActiveMQ's next generation message broker</p>
-          <ul>
-            <li>Event driven core engine</li>
-            <li>Multi protocol support</li>
-            <li>Built in data replication</li>
-          </ul>
-          <a style="margin-top: 10px" href="/projects/nms/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
-          <button style="margin-top: 10px" href="#" class="btn btn-success">Download Latest<i class="fa-download fa btn-icon"></i></button>
-        </div>
-      </div>
-    </div>
-    <div class="col-lg-3 col-md-6">
-      <div class="card card-blue">
-        <div class="card-body">
-          <h5 class="card-title text-blue">CMS</h5>
-          <h6>C++ CLIENT</h6>
-          <p>Artemis is ActiveMQ's next generation message broker</p>
-          <ul>
-            <li>Event driven core engine</li>
-            <li>Multi protocol support</li>
-            <li>Built in data replication</li>
-          </ul>
-          <a style="margin-top: 10px" href="/projects/cms/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
-          <button style="margin-top: 10px" href="#" class="btn btn-info">Download Latest<i class="fa-download fa btn-icon"></i></button>
-        </div>
-      </div>
-    </div>
-  </div>
-
-</div>
-
-<!-- Features -->
-<div class="row narative-alt">
-  <div class="col-12">
-    <div class="container">
-      <!-- Narative 2 -->
-      <div class="row">
-        <div class="col-sm-12 narative-alt">
-          <div class="card">
-            <div class="card-body narative-alt">
-              <span>Create messaging infrastructure for any environment! Internet of Things, Cloud Messaging, Micro Services or Enterprise,
-                we have all the bells and whistles required.  Read about some of our core features below.</span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- Feature 1 -->
-<div class="row features">
-  <div class="col-12">
-    <div class="container">
-      <div class="row">
-        <div class="col-sm-12 col-md-4">
-          <div style="padding: 10px;" class="card card-white">
-            <h5 style="maring-left: 10px" class="card-title card-title-purple text-purple">
-              PROTOCOL TRANSLATION
-            </h5>
-            <h6>
-              SEND IN ONE PROTOCOL RECIEVE IN ANOTHER
-            </h6>
-            <div class="card-body">
-              <div class="row">
-                <div class="col-sm-12 col-lg-12 feature-img">
-                  <img  src="/assets/img/features/protocol-translation.png"></img>
-                </div>
-                <div class="col-sm-12 col-lg-12 feature-narative">
-                  <p>Applications and deployment environments are varied
-                  by their very nature.  Use protocols that best suit your  specific
-                  applications and let ActiveMQ do the work of integrating the
-                  specific tecnologies for you.</p>
-
-                  <p>Produce telemetry data using MQTT for devices with limited
-                  resources.  Process via AMQP or JMS in your enterprise application.</p>
-                </div>
-                <div class="row">
-                  <div class="col-sm-12">
-                    <button style="margin-top: 10px" href="#" class="btn btn-warning">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="col-sm-12 col-md-4">
-          <div style="padding: 10px" class="card card-white feature-purple">
-            <h5 style="maring-left: 10px" class="card-title card-title-pink text-pink">
-              BUILT IN REPLICATION
-            </h5>
-            <h6>
-              SEND IN ONE PROTOCOL RECIEVE IN ANOTHER
-            </h6>
-            <div class="card-body">
-              <div class="row">
-                <div class="col-sm-12 col-lg-12 feature-img">
-                  <img  src="/assets/img/features/protocol-translation.png"></img>
-                </div>
-                <div class="col-sm-12 col-lg-12 feature-narative">
-                  <p>Applications and deployment environments are varied
-                  by their very nature.  Use protocols that best suit your  specific
-                  applications and let ActiveMQ do the work of integrating the
-                  specific tecnologies for you.</p>
-
-                  <p>Produce telemetry data using MQTT for devices with limited
-                  resources.  Process via AMQP or JMS in your enterprise application.</p>
-                </div>
-                <div class="row">
-                  <div class="col-sm-12">
-                    <button style="margin-top: 10px" href="#" class="btn btn-secondary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="col-sm-12 col-md-4">
-          <div style="padding: 10px" class="card card-white feature-purple">
-            <h5 style="maring-left: 10px" class="card-title card-title-orange text-orange">
-              BUILT IN REPLICATION
-            </h5>
-            <h6>
-              SEND IN ONE PROTOCOL RECIEVE IN ANOTHER
-            </h6>
-            <div class="card-body">
-              <div class="row">
-                <div class="col-sm-12 col-lg-12 feature-img">
-                  <img  src="/assets/img/features/protocol-translation.png"></img>
-                </div>
-                <div class="col-sm-12 col-lg-12 feature-narative">
-                  <p>Applications and deployment environments are varied
-                  by their very nature.  Use protocols that best suit your  specific
-                  applications and let ActiveMQ do the work of integrating the
-                  specific tecnologies for you.</p>
-
-                  <p>Produce telemetry data using MQTT for devices with limited
-                  resources.  Process via AMQP or JMS in your enterprise application.</p>
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-sm-12">
-                  <button style="margin-top: 10px" href="#" class="btn btn-success">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-
-<div class="users row">
-  <div class="col-sm-12">
-    <div class="container">
-      <div class="row">
-        <div class="col-sm-12">
-          <h2 style="margin-bottom: 20px; color: white">OUR USERS</h2>
-        </div>
-        <div class="row">
-          <div class="user-logo col-sm-4 col-md-2">
-            <img src="/assets/img/customers/igindex.png"/>
-          </div>
-          <div class="user-logo col-sm-4 col-md-2">
-            <img src="/assets/img/customers/igindex.png"/>
-          </div>
-          <div class="user-logo col-sm-4 col-md-2">
-            <img src="/assets/img/customers/igindex.png"/>
-          </div>
-          <div class="user-logo col-sm-4 col-md-2">
-            <img src="/assets/img/customers/igindex.png"/>
-          </div>
-          <div class="user-logo col-sm-4 col-md-2">
-            <img src="/assets/img/customers/igindex.png"/>
-          </div>
-          <div class="user-logo col-sm-4 col-md-2">
-            <img src="/assets/img/customers/igindex.png"/>
-          </div>
-          <div class="user-logo col-sm-4 col-md-2">
-            <img src="/assets/img/customers/igindex.png"/>
-          </div>
-          <div class="user-logo col-sm-4 col-md-2">
-            <img src="/assets/img/customers/igindex.png"/>
-          </div>
-          <div class="user-logo col-sm-4 col-md-2">
-            <img src="/assets/img/customers/igindex.png"/>
-          </div>
-          <div class="user-logo col-sm-4 col-md-2">
-            <img src="/assets/img/customers/igindex.png"/>
-          </div>
-          <div class="user-logo col-sm-4 col-md-2">
-            <img src="/assets/img/customers/igindex.png"/>
-          </div>
-          <div class="user-logo col-sm-4 col-md-2">
-            <img src="/assets/img/customers/igindex.png"/>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-
-
-    </div>
-    <div class="row sitemap">
-  <div class="col-sm-12">
-    <div class="container">
-      <div class="row">
-        <div class="col-sm-12 col-md-6">
-          <div class="row">
-            <div class="col-sm-4">
-              <h5>Projects</h5>
-              <ul>
-                <li><a href="#">Artemis</a></li>
-                <li><a href="#">ActiveMQ</a></li>
-                <li><a href="#">NMS</a></li>
-                <li><a href="#">CMS</a></li>
-              </ul>
-            </div>
-            <div class="col-sm-4">
-              <h5>Community</h5>
-              <ul>
-                <li><a href="#">Artemis</a></li>
-                <li><a href="#">ActiveMQ</a></li>
-                <li><a href="#">NMS</a></li>
-                <li><a href="#">CMS</a></li>
-              </ul>
-            </div>
-            <div class="col-sm-4">
-            <h5>Getting Started</h5>
-              <ul>
-                <li><a href="#">Artemis</a></li>
-                <li><a href="#">ActiveMQ</a></li>
-                <li><a href="#">NMS</a></li>
-                <li><a href="#">CMS</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="col-sm-6">
-          <div class="row">
-            <div style="text-align: center; margin-bottom: 30px; margin-top: 30px;" class="col-sm-6">
-              Apache ActiveMQ is an open source project licensed under Apache License 2.0.
-            </div>
-            <div class="col-sm-6">
-              <div >
-                <img class="float-left" style="max-height: 100px" src="assets/img/main-logo.png"/>
-                <img class="float-right" style="max-height: 80px" src="assets/img/apache-logo.png"/>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-
-</body>
-</html>
diff --git a/_site/projects/artemis/index.html b/_site/projects/artemis/index.html
deleted file mode 100644
index e69de29..0000000

Reply | Threaded
Open this post in threaded view
|

[activemq-website] 13/45: Merge pull request #2 from andytaylor/master

martyntaylor
In reply to this post by martyntaylor
This is an automated email from the ASF dual-hosted git repository.

martyntaylor pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/activemq-website.git

commit 7dbd3378ac5b39bdb08030adb055ff2a66c6a8b0
Merge: 7e6a412 a9c1d1f
Author: Martyn Taylor <[hidden email]>
AuthorDate: Mon Jul 30 09:57:59 2018 +0100

    Merge pull request #2 from andytaylor/master
   
    updated project cards

 index.html | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

Reply | Threaded
Open this post in threaded view
|

[activemq-website] 08/45: update gitignore

martyntaylor
In reply to this post by martyntaylor
This is an automated email from the ASF dual-hosted git repository.

martyntaylor pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/activemq-website.git

commit 990bf20812e4a9e77a315a594b10bd1c441d552f
Author: andytaylor <[hidden email]>
AuthorDate: Fri Jul 27 16:15:48 2018 +0100

    update gitignore
---
 .gitignore | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index 29b636a..5d7ec25 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,4 @@
 .idea
-*.iml
\ No newline at end of file
+*.iml
+.sass-cache
+_site
\ No newline at end of file

Reply | Threaded
Open this post in threaded view
|

[activemq-website] 10/45: Style fixes and button alignment

martyntaylor
In reply to this post by martyntaylor
This is an automated email from the ASF dual-hosted git repository.

martyntaylor pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/activemq-website.git

commit d761c2acccc70d718b6cf8d1392f6a9a021a313e
Author: Martyn Taylor <[hidden email]>
AuthorDate: Fri Jul 27 16:59:59 2018 +0100

    Style fixes and button alignment
---
 _includes/splash.html        | 45 ++++++++++++++++++++++----------------------
 css/main.scss                | 17 +++++++++++++++++
 index.html                   | 14 +++-----------
 projects/activemq/index.html |  4 +++-
 projects/artemis/index.html  |  2 ++
 projects/cms/index.html      |  2 ++
 projects/nms/index.html      |  3 +++
 7 files changed, 52 insertions(+), 35 deletions(-)

diff --git a/_includes/splash.html b/_includes/splash.html
index 9863669..62fa56b 100644
--- a/_includes/splash.html
+++ b/_includes/splash.html
@@ -1,34 +1,33 @@
 <div class="row">
-    <div class="col-sm-12 slider">
+    <div class="col-sm-12 slider slider-{{ page.project_class }}">
         <div class="container">
             <div class="row">
-                <div class="col-12 slider-text align-middle">
-                    <table class="slider slider-lg d-none d-md-block">
-                        <tbody class="slider-lg">
-                        <tr class="slider-lg">
-                            <td class="slider-lg align-middle">{{ page.project_info }}</td>
-                            <td class="slider-lg align-middle">
-                                <img class="float-right" src="/assets/img/main-logo.png"/>
-                            </td>
-                        </tr>
-                        </tbody>
-                    </table>
-                    <table class="slider d-md-none d-lg-none d-xl-none">
-                        <tbody align="center" class="slider d-inline-block">
+                <div class="col-12 slider-text align-middle ">
+                    <table class="d-none d-md-block">
+                      <tbody>
                         <tr>
-                            <td class="align-middle slider-sm logo-sm">Artemis is ActiveMQ's next generation message broker</td>
-                            <td class="slider-sm align-middle"><img class="float-right logo-sm" src="/assets/img/main-logo.png"/></td>
+                          <td class="slider-lg align-middle slider-{{ page.project_class }}">
+                            <div class="row">
+                              <div class="col-12">
+                                {{ page.project_info }}
+                              </div>
+                            </div>
+                            <div class="row">
+                              <div class="col-12">
+                                <button style="margin-top: 20px" href="#" class="btn btn-primary btn-lg btn-outline-light">DOWNLOAD v{{ page.latest_version }}<i class="fa-download fa btn-icon"></i></button>
+                                <button style="margin-top: 20px" href="#" class="btn btn-primary btn-lg btn-outline-light">GET STARTED<i class="fa-info-circle fa btn-icon"></i></button>
+                              </div>
+                            </div>
+                          </td>
+
+                          <td class="slider-lg align-middle">
+                              <img class="float-right" src="/assets/img/main-logo.png"/>
+                          </td>
                         </tr>
                         </tbody>
                     </table>
                 </div>
             </div>
-            <div class="row">
-                <div class="col-12 slider-text align-middle">
-                    <button style="margin-top: 10px" href="#" class="btn btn-primary btn-outline-light">Download<i class="fa-download fa btn-icon"></i></button>
-                    <button style="margin-top: 10px" href="#" class="btn btn-primary btn-outline-light">Get Started<i class="fa-info-circle fa btn-icon"></i></button>
-                </div>
-            </div>
         </div>
     </div>
 </div>
@@ -46,4 +45,4 @@
             </div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/css/main.scss b/css/main.scss
index 2d441c8..8c81832 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -328,3 +328,20 @@ h6 {
 .navbar {
   border-bottom: 1px solid black;
 }
+
+// Projects
+.slider-artemis {
+  background-color: $purple !important;
+}
+
+.slider-activemq5 {
+  background-color: $pink !important;
+}
+
+.slider-cms {
+  background-color: $blue !important;
+}
+
+.slider-nms {
+  background-color: $orange !important;
+}
diff --git a/index.html b/index.html
index 96eac6d..06abe77 100644
--- a/index.html
+++ b/index.html
@@ -6,9 +6,9 @@ layout: default
         <div class="container">
             <div class="row">
                 <div class="col-12 slider-text align-middle">
-                    <table class="slider slider-lg d-none d-md-block">
-                      <tbody class="slider-lg">
-                        <tr class="slider-lg">
+                    <table class="d-none d-md-block">
+                      <tbody>
+                        <tr>
                           <td class="slider-lg align-middle">A SUITE OF OPEN SOURCE PROJECTS FOR HIGH PERFORMANCE MESSAGING</td>
                           <td class="slider-lg align-middle">
                             <img class="float-right" src="assets/img/main-logo.png"/>
@@ -16,14 +16,6 @@ layout: default
                         </tr>
                       </tbody>
                     </table>
-                    <table class="slider d-md-none d-lg-none d-xl-none">
-                      <tbody align="center" class="slider d-inline-block">
-                        <tr>
-                          <td class="align-middle slider-sm logo-sm">A SUITE OF OPEN SOURCE PROJECTS FOR HIGH PERFORMANCE MESSAGING</td>
-                          <td class="slider-sm align-middle"><img class="float-right logo-sm" src="assets/img/main-logo.png"/></td>
-                        </tr>
-                      </tbody>
-                    </table>
                 </div>
             </div>
         </div>
diff --git a/projects/activemq/index.html b/projects/activemq/index.html
index 20a1e66..26f376c 100644
--- a/projects/activemq/index.html
+++ b/projects/activemq/index.html
@@ -1,8 +1,10 @@
 ---
 layout: project_default
-project_name: Classic
+project_name: ActiveMQ 5
 project_info: Apache ActiveMQ ™ is the most popular and powerful open source messaging and Integration Patterns server.
 project_top_narative: Apache ActiveMQ is fast, supports many Cross Language Clients and Protocols, comes with easy to use Enterprise Integration Patterns and many advanced features while fully supporting JMS 1.1 and J2EE 1.4. Apache ActiveMQ is released under the Apache 2.0 License
+project_class: activemq5
+latest_version: 5.15.4
 ---
 
 <div class="row project-narative">
diff --git a/projects/artemis/index.html b/projects/artemis/index.html
index ff5e64d..809b6c7 100644
--- a/projects/artemis/index.html
+++ b/projects/artemis/index.html
@@ -3,6 +3,8 @@ layout: project_default
 project_name: Artemis
 project_info: Artemis is ActiveMQ's next generation message broker built to be both scalable and performant
 project_top_narative: <span>Artemis is a scalable messaging broker with outstanding performance, see the independant article <a href="###">here</a>
+project_class: artemis
+latest_version: 2.6.0
 ---
 
 <div class="row project-narative">
diff --git a/projects/cms/index.html b/projects/cms/index.html
index 49049e0..b438781 100644
--- a/projects/cms/index.html
+++ b/projects/cms/index.html
@@ -3,6 +3,8 @@ layout: project_default
 project_name: CMS
 project_info: build C++ Applications that can talk to Brokers using a JMS style API
 project_top_narative: CMS (stands for C++ Messaging Service) is a JMS-like API for C++ for interfacing with Message Brokers such as Apache ActiveMQ. CMS helps to make your C++ client code much neater and easier to follow. To get a better feel for CMS try the API Reference. ActiveMQ-CPP is a client only library, a message broker such as Apache ActiveMQ is still needed for your clients to communicate.
+project_class: cms
+latest_version: 2.6.0
 ---
 
 <div class="row project-narative">
diff --git a/projects/nms/index.html b/projects/nms/index.html
index caac7b3..693ff59 100644
--- a/projects/nms/index.html
+++ b/projects/nms/index.html
@@ -3,6 +3,9 @@ layout: project_default
 project_name: NMS
 project_info: build .NET Applications that can talk to Brokers using a JMS style API
 project_top_narative: The NMS API This allows you to build .NET applications in C#, VB, or any other .NET language, using a single API to connect to multiple different providers using a JMS style API.
+project_class: nms
+latest_version: 2.6.0
+---
 ---
 
 <div class="row project-narative">

Reply | Threaded
Open this post in threaded view
|

[activemq-website] 12/45: updated project cards

martyntaylor
In reply to this post by martyntaylor
This is an automated email from the ASF dual-hosted git repository.

martyntaylor pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/activemq-website.git

commit a9c1d1fa13168a05d0a06b435fcae917ef11d786
Author: andytaylor <[hidden email]>
AuthorDate: Mon Jul 30 09:49:53 2018 +0100

    updated project cards
---
 index.html | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index ba970cb..332243c 100644
--- a/index.html
+++ b/index.html
@@ -43,9 +43,10 @@ layout: default
           <h6>BROKER + JMS CLIENT</h6>
           <p>Artemis is ActiveMQ's next generation message broker</p>
           <ul>
-            <li>Event driven core engine</li>
+            <li>Event driven engine</li>
             <li>Multi protocol support</li>
             <li>Built in data replication</li>
+            <li>JMS 2.0</li>
           </ul>
           <a style="margin-top: 10px" href="/projects/artemis/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
           <button style="margin-top: 10px" href="#" class="btn btn-warning">Download Latest<i class="fa-download fa btn-icon"></i></button>
@@ -57,11 +58,12 @@ layout: default
         <div class="card-body">
           <h5 class="card-title text-pink">ActiveMQ 5</h5>
           <h6>BROKER + JMS CLIENT</h6>
-          <p>Artemis is ActiveMQ's next generation message broker</p>
+          <p>The original highly functional message broker</p>
           <ul>
-            <li>Event driven core engine</li>
             <li>Multi protocol support</li>
-            <li>Built in data replication</li>
+            <li>Camel Support</li>
+            <li>Spring Support</li>
+            <li>JMS 1.1</li>
           </ul>
           <a style="margin-top: 10px" href="/projects/activemq/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
           <button style="margin-top: 10px" href="#" class="btn btn-secondary">Download Latest<i class="fa-download fa btn-icon"></i></button>
@@ -73,11 +75,11 @@ layout: default
         <div class="card-body">
           <h5 class="card-title text-orange">NMS</h5>
           <h6>.NET CLIENTS</h6>
-          <p>Artemis is ActiveMQ's next generation message broker</p>
+          <p>A JMS type API in written in .NET</p>
           <ul>
-            <li>Event driven core engine</li>
             <li>Multi protocol support</li>
-            <li>Built in data replication</li>
+            <li>Support for ActiveMQ advanced features</li>
+            <li>Simple API</li>
           </ul>
           <a style="margin-top: 10px" href="/projects/nms/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
           <button style="margin-top: 10px" href="#" class="btn btn-success">Download Latest<i class="fa-download fa btn-icon"></i></button>
@@ -89,11 +91,11 @@ layout: default
         <div class="card-body">
           <h5 class="card-title text-blue">CMS</h5>
           <h6>C++ CLIENT</h6>
-          <p>Artemis is ActiveMQ's next generation message broker</p>
+          <p>A JMS type API in written in C++</p>
           <ul>
-            <li>Event driven core engine</li>
-            <li>Multi protocol support</li>
-            <li>Built in data replication</li>
+            <li>Supports Openwire and Stomp protocols</li>
+            <li>Failover supportl</li>
+            <li>Simple API</li>
           </ul>
           <a style="margin-top: 10px" href="/projects/cms/index.html" class="btn btn-primary">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
           <button style="margin-top: 10px" href="#" class="btn btn-info">Download Latest<i class="fa-download fa btn-icon"></i></button>

Reply | Threaded
Open this post in threaded view
|