/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/_variables.scss
 #
 #  This is the (SASS) entry point for all VARIABLES
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 # -----------------------------------------------------------------------------
*/
/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/_apps.scss
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 # -----------------------------------------------------------------------------
*/
/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/pages/mdi-previewer.scss
 #  Provides all styles for the MDI Icon Previewer
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #  https://MaterialDesignIcons.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
.icons {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem; }

.icons div {
  line-height: 3rem;
  color: rgba(0, 0, 0, 0.6); }

.icons div span {
  cursor: pointer;
  font-size: 1rem;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: calc(100% - 90px);
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
  margin-left: .5rem; }

.icons div code:hover,
.icons div span:hover,
.icons div i:hover {
  color: rgba(0, 0, 0, 0.9); }

.icons div code:hover {
  border-color: #3f51b5; }

.icons div code {
  color: #424242;
  background-color: #e0e0e0;
  border: 1px solid #9e9e9e;
  width: 80px;
  margin-left: 2px;
  margin-right: 4px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
  cursor: pointer; }

.icons div i {
  display: inline-block;
  width: 32px;
  height: 24px;
  margin-right: .5rem;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  line-height: 24px; }

.icons .mdi:before {
  font-size: 24px; }

div.copied {
  position: fixed;
  top: 100px;
  left: 50%;
  width: 200px;
  text-align: center;
  color: #fafafa;
  background-color: #3f51b5;
  padding: 10px 15px;
  border-radius: 4px;
  margin-left: -100px; }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/pages/twitter-emoji-previewer.scss
 #  Provides all styles for the Twitter Emoji Icon Previewer
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #  https://MaterialDesignIcons.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #  Copyright (C) 2018 Twitter Inc. and other contributors
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #  Twitter Emoji is licensed under the MIT License.
 #  See: https://github.com/twitter/twemoji/blob/gh-pages/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
ul.emoji-list * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

ul.emoji-list li {
  font-size: 36px;
  float: left;
  display: inline-block;
  padding: 2px;
  margin: 4px; }

img.emoji {
  cursor: pointer;
  height: 1em;
  width: 1em;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.1em; }

.twemoji-wrap {
  position: relative; }

.twemoji-wrap img {
  margin: 0 .05em 0 .1em;
  vertical-align: -0.1em; }

.twemoji-textarea {
  background-color: #FFF;
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 100%;
  padding: 6px 30px 6px 12px;
  overflow-y: auto; }

.twemoji-textarea[contentEditable=true]:empty:before {
  content: attr(placeholder);
  color: #9E9E9E; }

.twemoji-picker {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  position: absolute;
  right: 0;
  z-index: 1; }

.twemoji-icon-picker {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.twemoji-icon-picker img {
  right: 21px;
  top: 6px; }

.twemoji-icon-picker img,
.twemoji-picker img {
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.twemoji-picker-category {
  background-color: #e7e7e7; }

.twemoji-picker-category img {
  padding: 5px; }

.twemoji-picker-category .active,
.twemoji-picker-category span:hover {
  border-bottom: 2px solid #728691;
  line-height: 22px; }

.twemoji-picker-category .close {
  cursor: pointer;
  float: right;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
  margin-right: 2px;
  opacity: .5; }

.twemoji-picker-category .close:hover {
  opacity: .3; }

.twemoji-list {
  margin-top: 1.5rem;
  margin-left: 1.5rem;
  overflow-y: auto; }

.twemoji-list img {
  margin-top: 2px;
  padding: 5px; }

.twemoji-list img:hover {
  background-color: #e7e7e7; }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/helpers/body.scss
 #  Provides additional body styles
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
.hide-scrollbar {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }

.hide-scrollbar::-webkit-scrollbar {
  width: 0px;
  /* WebKit */ }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/helpers/sticky.scss
 #  Provides additional body styles
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #  https://github.com/wilddeer/stickyfill
 #
 #  Copyright (C) 2019 Juergen Adams
 #  Copyright (C) 2017 Oleg Korsunsky
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #  Stickyfill is licensed under the MIT License.
 #  See: https://github.com/wilddeer/stickyfill/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
 # TODO:
 # For style sticky, the top offset (top:) should be set by JS dynamically
 #
 # -----------------------------------------------------------------------------
*/
/* https://oxygen.wpdemos.net/tocbot/ */
/* https://github.com/wilddeer/stickyfill */
@media only screen and (min-width: 993px) {
  .sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    align-self: flex-start; }
  /* Clearfix */
  .sticky:before,
  .sticky:after {
    content: '';
    display: table; } }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/_components.scss
 #
 #  This is the (SASS) entry point for theme ADDONS
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 # -----------------------------------------------------------------------------
*/
/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_accordion_panel.scss
 #  Provides styles for the J1 Accordion Panel
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* Accordion Block
------------------------------------------------------------------- */
a.accordion-toggler {
  display: inline-flex;
  align-items: center; }

.accordion-block {
  display: block; }

.accordion-block p,
.accordion-block h2 {
  color: #fff; }

.accordion-block .panel,
.panel-heading,
.panel-group .panel {
  border-radius: 0;
  /* border: none; */ }

.accordion-block .panel-heading {
  color: #fff;
  padding-top: .5rem;
  padding-bottom: .5rem; }

.accordion-block h2 a:hover {
  text-decoration: none; }

.accordion-block-light,
.accordion-block-default {
  background: #fafafa;
  border: solid 1px #eee; }

.accordion-block-light,
.accordion-block-default:hover {
  box-shadow: 0 0 8px #E5E5E5; }

.accordion-block-light p,
.accordion-block-light h2,
.accordion-block-default p,
.accordion-block-default h2 {
  color: #555; }

.accordion-block-dark {
  background: #ecf0f1 !important;
  border: solid 1px #888A85; }

.accordion-block-dark:hover {
  box-shadow: 0 0 8px #2E3436; }

.accordion-block-dark p, .accordion-block-dark h2 {
  color: #2d2d2d; }

/* Accordion Box
------------------------------------------------------------------- */
.accordion-box .panel-heading {
  padding: 0;
  box-shadow: none; }

.accordion-box .panel-heading a {
  display: block;
  font-size: 24px;
  padding: 10px 15px;
  background: #fefefe; }

/* Plus Toggle */
.accordion-box .panel-heading a:before {
  color: #3465A4;
  font-size: 20px;
  content: "\f063";
  line-height: 12px;
  /* position: absolute; */
  padding-left: 10px;
  top: 36px;
  background: transparent;
  font-family: FontAwesome; }

.accordion-box .panel-heading a.collapsed:before {
  content: "\f061"; }

.accordion-box .title {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 20px; }

.accordion-box .title:after {
  left: 50%;
  width: 70px;
  margin-left: -35px; }

.accordion-box .tagline {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 14px; }

.accordion-box .description-title {
  text-align: left;
  font-size: 22px;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 20px; }

.accordion-box .description-text {
  text-align: justify;
  margin-top: 0px;
  margin-bottom: 20px; }

h2.accordion-box {
  color: #555;
  position: relative;
  margin-bottom: 30px; }

h2.accordion-box:after {
  left: 0;
  width: 70px;
  height: 2px;
  content: " ";
  bottom: -10px;
  background: #555;
  position: absolute; }

.accordion-box p {
  position: relative;
  margin-bottom: 50px; }

.accordion-box p:after {
  content: " ";
  left: 50%;
  height: 1px;
  width: 50px;
  bottom: -15px;
  position: absolute;
  margin-left: -25px;
  background: #3465A4; }

.acc-icon a.accordion-toggle i {
  color: #555;
  margin-right: 8px; }

.acc-icon a.accordion-toggle:hover i {
  color: #39414c; }

/* Accordion Icon
------------------------------------------------------------------- */
.accordion-icon {
  padding-top: 15px;
  text-align: center; }

.accordion-icon i {
  color: #fff;
  width: 90px;
  height: 90px;
  padding: 30px 20px 0px 20px;
  font-size: 50px;
  line-height: 30px;
  position: relative;
  text-align: center;
  background: #3465A4;
  margin-bottom: 5px;
  display: inline-block; }

.accordion-icon i:after {
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  content: " ";
  position: absolute;
  border: 1px solid #dedede;
  border-radius: 5px !important; }

.accordion-icon:hover i,
.accordion-icon:hover i:after {
  transition: all 0.3s ease-in-out; }

.accordion-icon:hover i {
  background: #729FCF; }

.accordion-icon:hover i:after {
  border-color: #729FCF; }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_banner.scss   
 #  Provides general styles for the J1 Banner
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
.j1-banner-block.container,
.j1-banner-block.container-fluid {
  padding-left: 5rem !important;
  padding-right: 5rem !important; }

/*
.j1-banner-block.row {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
*/
.box .content {
  padding: 15px 30px; }

.banner-divider {
  margin-right: 5rem !important;
  margin-left: 5rem !important;
  border-bottom: solid 1px #E0E0E0; }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_banner_news.scss  
 #  Provides styles for the J1 News Banner
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
.banner-news-headline {
  display: block;
  margin: 12px 10px 25px 10px;
  border-bottom: 1px solid #E5E5E5; }

.banner-news-headline h4 {
  color: #3F51B5 !important;
  font-size: 2.5rem;
  margin: 0 0 -1px 0;
  padding-bottom: 5px;
  padding-left: 10px;
  display: inline-block;
  border-bottom: 1px dotted #3465a4; }

.banner-news-headline h4:hover {
  color: #353535 !important;
  text-decoration: none; }

.banner-news {
  padding: 20px 0 20px; }

.banner-news p {
  text-align: justify; }

.banner-news .box-description {
  text-align: -webkit-center; }

.banner-news .j1-banner-block .recent-news {
  padding-top: 0; }

.banner-news .j1-banner-block .link-news {
  margin-bottom: 0; }

.banner-news .j1-banner-block .link-news li {
  padding: 12px 0px;
  border-top: solid 1px #353535; }

.banner-news .j1-banner-block .link-news li:first-child {
  padding-top: 0;
  border-top: none; }

.banner-news .j1-banner-block .link-news li a {
  color: #3F51B5;
  font-size: 1.25em;
  font-weight: 400;
  margin-bottom: 3px;
  display: inline-block; }

.banner-news .j1-banner-block .link-news a:hover {
  color: #353535 !important;
  text-decoration: none; }

.banner-news .j1-banner-block .link-news li small {
  font-size: 1.5rem;
  color: #555;
  display: block; }

@media (max-width: 768px) {
  .banner-news {
    margin: .5rem; }
  .recent-news {
    margin-left: 1.5rem !important;
    margin-right: 2.5rem !important; } }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_banner_parallax.scss   
 #  Provides styles for the J1 Parallax Banner
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_banner_teaser.scss
 #  Provides styles for the J1 Teaser Banner
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
.banner-teaser {
  padding-bottom: 1.25rem; }

.banner-teaser p {
  margin-bottom: 0;
  text-align: justify; }

.banner-teaser h3 {
  margin-bottom: 0.75rem; }

.btn-row {
  text-align: initial; }

@media (max-width: 768px) {
  .btn-row {
    text-align: center; } }

@media (max-width: 640px) {
  .btn-row {
    text-align: center; } }

@media (max-width: 480px) {
  .banner-teaser {
    padding: 1rem; } }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_blog.scss
 #  Provides general styles for the J1 Blog Posts
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_cards.scss
 #  Provides general styles for cards used by J1 Template
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/*  BS Overload
-------------------------------------------------------------------------------- */
.card-footer {
  padding-top: 1.25rem;
  background-color: transparent; }

/*  Base Styles
-------------------------------------------------------------------------------- */
.card {
  display: inline-block;
  position: relative;
  width: 100%;
  /* margin-bottom: 30px; jadams: should be set by helper classes mb-x*/
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.87);
  background: #FAFAFA;
  /*md_gray_50*/
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

/* jadams: Overwrite Bootstraps heading margins for cards */
/* .card > h1, h2, h3, h4, h5 { */
.card h1 h2 h3 h4 h5 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.card-flat {
  box-shadow: unset !important; }

/* jadams: Overwrite Bootstraps anchor hovers */
/*
.card a:focus, .card a:hover {
  color: #2c363e !important;
  text-decoration: none !important;
}
*/
.card .card-height-indicator {
  margin-top: 120%; }

.card .card-image {
  height: 60%;
  position: relative;
  overflow: hidden; }

.card-image-outer {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -30px; }

/* MD table cards
--------------------------------------------------------------------- */
/* jadams MD table cards */
.card .card-table {
  padding: 15px 20px;
  position: relative; }

/*  Base Styles - Header
------------------------------------------------------------------- */
/*
.card .card-header {
  padding: 15px 20px 0;
  z-index: 3;
}
*/
.card .card-header .category {
  margin-bottom: 0; }

.card .card-header.card-header-text {
  display: inline-block; }

.card .card-header.card-header-text:after {
  content: "";
  display: table; }

.card .card-header.card-header-icon {
  float: left; }

.card .card-header.card-header-icon i {
  width: 33px;
  height: 33px;
  text-align: center;
  line-height: 33px; }

.card [data-background-color="purple"] {
  background: linear-gradient(60deg, #ab47bc, #8e24aa);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); }

.card [data-icon-bg-color="purple"] i {
  color: #9c27b0; }

/* jadams: border-radius should be set with img ONLY */
/* Set border-radius to 0px, should be set via template|liquid */
.card .card-image img {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  pointer-events: none; }

.card .card-title {
  color: #616161; }

a.card-title:hover {
  text-decoration: none; }

.card h1.card-title,
.card h2.card-title,
.card h3.card-title,
.card h4.card-title,
.card h5.card-title,
.card h6.card-title {
  font-size: 1.75rem !important;
  font-weight: 300; }

.card .card-title a {
  color: #de3232 !important;
  text-decoration: none !important; }

.card .card-title > a:focus, .card .card-title > a:hover {
  color: #3F51B5 !important;
  text-decoration: none !important; }

.card-pricing > .card-title {
  bottom: 15px;
  left: 15px;
  color: #616161;
  /* font-size: 1.3em; */ }

.card .card-image .card-image-headline {
  position: absolute;
  bottom: 16px;
  left: 18px;
  color: #fff;
  font-size: 2em; }

.card .card-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

/*  Base Styles - Footer
------------------------------------------------------------------- */
/*
.card .card-footer {
  height: 10%;
  padding: 40px 0 0 0;
}


.card .card-footer {
  border-top: 0px;
}
*/
/*
.card .card-footer button, .card .card-footer a {
  margin: 0px !important;
  position: relative;
  bottom: 25px;
  width: auto;
}
*/
/* jadams: 2017-04-01, changed left: -15px to -5px */
/*
.card .card-footer button:first-child,
.card .card-footer a:first-child {
  left: -5px;
}
*/
/*  Base Styles - Icons
------------------------------------------------------------------- */
.card-icon {
  max-width: 130px;
  max-height: 130px;
  margin: -60px auto 0;
  border-radius: 50%; }

.card-icon-left {
  margin: -50px auto 0;
  padding-left: 2.5em;
  /* background: #ddd; */ }

.card-icon-background-no-color {
  background: transparent !important; }

.card-icon-background-color-theme {
  background: #3F51B5 !important; }

.card-icon-background-color-default {
  background: #9E9E9E !important; }

.card-icon-background-color-primary {
  background: #2196f3 !important; }

.card-icon-background-color-success {
  background: #4caf50 !important; }

.card-icon-background-color-info {
  background: #9c27b0 !important; }

.card-icon-background-color-warning {
  background: #ff9800 !important; }

.card-icon-background-color-danger {
  background: #e51c23 !important; }

.card-icon-circle {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  line-height: 100px;
  display: inline-block; }

.card-icon-rectangle {
  width: 120px;
  height: 120px;
  line-height: 100px;
  display: inline-block; }

.card-icon-fa {
  padding-top: 10px; }

.card-icon-mdi {
  padding-top: .5rem;
  align-items: center; }

.card-icon-zmdi {
  padding-top: 10px; }

.card-icon-circle:hover {
  background: rgba(255, 255, 255, 0.2); }

.card .category:not([class*="text-"]) {
  color: #999999; }

/*
.card .content {
  padding: 15px 30px;
}
.card .card-body {
  height: 25%;
  padding: 18px;
}
*/
/*  Base Styles Header
------------------------------------------------------------------- */
.card .header {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  /* margin: 15px; */
  border-radius: 3px;
  padding: 15px 0;
  background-color: #FFFFFF;
  border-bottom: 0px; }

.card .header .title {
  color: #FFFFFF; }

.card .header-primary,
.card .content-primary {
  background: linear-gradient(60deg, #3F51B5, #1A237E); }

.card .header-info,
.card .content-info {
  background: linear-gradient(60deg, #26c6da, #0097a7); }

.card .header-success,
.card .content-success {
  background: linear-gradient(60deg, #66bb6a, #388e3c); }

.card .header-warning,
.card .content-warning {
  background: linear-gradient(60deg, #ffa726, #f57c00); }

.card .header-danger,
.card .content-danger {
  background: linear-gradient(60deg, #ef5350, #d32f2f); }

.card .header-rose,
.card .content-rose {
  background: linear-gradient(60deg, #ec407a, #c2185b); }

.card [class*="header-"],
.card [class*="content-"] {
  /* jadams: color: #FFFFFF; */
  color: #212121; }

.card [class*="header-"] .card-title a,
.card [class*="header-"] .card-title,
.card [class*="header-"] .icon i,
.card [class*="content-"] .card-title a,
.card [class*="content-"] .card-title,
.card [class*="content-"] .icon i {
  /* jadams: color: #FFFFFF; */
  color: #212121; }

.card [class*="header-"] .icon i,
.card [class*="content-"] .icon i {
  border-color: rgba(255, 255, 255, 0.25); }

.card [class*="header-"] .author a,
.card [class*="header-"] .footer .stats,
.card [class*="header-"] .category,
.card [class*="header-"] .card-description,
.card [class*="content-"] .author a,
.card [class*="content-"] .footer .stats,
.card [class*="content-"] .category,
.card [class*="content-"] .card-description {
  color: rgba(255, 255, 255, 0.8); }

.card [class*="header-"] .author a:hover, .card [class*="header-"] .author a:focus, .card [class*="header-"] .author a:active,
.card [class*="content-"] .author a:hover,
.card [class*="content-"] .author a:focus,
.card [class*="content-"] .author a:active {
  /* jadams: color: #FFFFFF; */
  color: #212121; }

.card [class*="content-"] {
  border-radius: 2px; }

.card [class*="content-"] h1 small,
.card [class*="content-"] h2 small,
.card [class*="content-"] h3 small {
  color: rgba(255, 255, 255, 0.8); }

.card img {
  width: 100%;
  height: auto; }

.card .category .material-icons {
  position: relative;
  top: 6px;
  line-height: 0; }

.card .category-social .fa {
  font-size: 24px;
  position: relative;
  margin-top: -4px;
  top: 2px;
  margin-right: 5px; }

.card .author .avatar {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 5px; }

.card .author a {
  color: #3C4858;
  text-decoration: none; }

.card .author a .ripple-container {
  display: none; }

.card .footer {
  margin-top: 15px; }

.card .footer div {
  display: inline-block; }

.card .footer .author {
  color: #999999; }

.card .footer .stats {
  float: right;
  color: #999999; }

.card .footer .stats .material-icons {
  position: relative;
  top: 4px;
  font-size: 18px; }

.carousel .card {
  max-width: 650px;
  margin: 60px auto; }

.card .checkbox,
.card .radio {
  margin-top: 16px; }

/*  SignUp Cards
------------------------------------------------------------------- */
.card-signup .header {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  margin-left: 20px;
  margin-right: 20px;
  margin-top: -40px;
  padding: 20px 0; }

.card-signup .text-divider {
  margin-top: 30px;
  margin-bottom: 0px;
  text-align: center; }

.card-signup .content {
  padding: 0px 30px 0px 10px; }

.card-signup .checkbox {
  margin-top: 20px; }

.card-signup .checkbox label {
  margin-left: 17px; }

.card-signup .checkbox .checkbox-material {
  padding-right: 12px; }

.card-signup .social-line {
  margin-top: 15px;
  text-align: center;
  padding: 0; }

.card-signup .social-line .btn {
  color: #FFFFFF;
  margin-left: 5px;
  margin-right: 5px; }

/*  Contact Cards
------------------------------------------------------------------- */
.card-contact .header {
  margin-top: -20px; }

.card-contact .header .title {
  margin: 10px 0 10px; }

/*  Nav Cards (Tabs)
------------------------------------------------------------------- */
.card-nav-tabs {
  margin-top: 45px; }

/* jadams: -30px -> 0px */
.card-nav-tabs .header {
  margin-top: -40px; }

.card-nav-tabs .nav-tabs {
  background: transparent; }

/*  Plain Cards
------------------------------------------------------------------- */
.card-plain {
  background: transparent;
  box-shadow: none; }

.card-plain .header {
  margin-left: 0;
  margin-right: 0; }

.card-plain .content {
  padding-left: 5px;
  padding-right: 5px; }

.card-plain .card-image {
  margin: 0;
  border-radius: 3px; }

.card-plain .card-image img {
  border-radius: 3px; }

.iframe-container iframe {
  width: 100%;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }

/*  Form Cards
------------------------------------------------------------------- */
.card-form-horizontal .content {
  padding-left: 15px;
  padding-right: 15px; }

.card-form-horizontal .form-group {
  padding-bottom: 0px;
  margin: 3px 0 0 0; }

.card-form-horizontal .form-group .form-control {
  margin-bottom: 0; }

.card-form-horizontal .btn {
  margin: 0; }

.card-form-horizontal .input-group .input-group-addon {
  padding-left: 0; }

/*  Profile Cards
------------------------------------------------------------------- */
.card-profile,
.card-testimonial {
  margin-top: 60px;
  text-align: center; }

.card-tabs {
  margin-top: 60px; }

.card-profile .btn-just-icon.btn-raised,
.card-testimonial .btn-just-icon.btn-raised {
  margin-left: 6px;
  margin-right: 6px; }

.card-profile .card-avatar,
.card-testimonial .card-avatar {
  max-width: 130px;
  max-height: 130px;
  margin: -60px auto 0;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }

.card-profile .card-avatar + .content,
.card-testimonial .card-avatar + .content {
  margin-top: 15px; }

.card-profile.card-plain .card-avatar,
.card-testimonial.card-plain .card-avatar {
  margin-top: 0; }

/*  Testimonial Cards
------------------------------------------------------------------- */
.card-testimonial .card-avatar {
  max-width: 100px;
  max-height: 100px; }

.card-testimonial .footer {
  margin-top: 0; }

.card-testimonial .footer .card-avatar {
  margin-top: 10px;
  margin-bottom: -50px; }

.card-testimonial .card-description {
  font-style: italic; }

.card-testimonial .card-description + .card-title {
  margin-top: 30px; }

.card-testimonial .icon {
  margin-top: 30px; }

.card-testimonial .icon .material-icons {
  font-size: 40px; }

/*  Blog Cards
------------------------------------------------------------------- */
.card-blog {
  margin-top: 30px; }

.card-blog .row .category {
  margin-bottom: 0; }

.card-blog .card-title {
  margin-top: 5px; }

.card-blog .card-image + .category {
  margin-top: 20px; }

/*  Pricing Cards
------------------------------------------------------------------- */
.card-pricing {
  text-align: center; }

.card-pricing .card-title {
  margin-top: 30px;
  font-size: 3.4em; }

.card-pricing .content {
  padding: 15px !important; }

.card-pricing .icon {
  padding: 10px 0 0px;
  color: #999999; }

.card-pricing .icon i {
  font-size: 80px;
  border: 1px solid #E5E5E5;
  border-radius: 50%;
  width: 130px;
  line-height: 130px;
  height: 130px; }

.card-pricing h1 small {
  font-size: 18px; }

.card-pricing h1 small:first-child {
  position: relative;
  /* top: -17px; */
  font-size: 26px; }

.card-pricing ul {
  list-style: none;
  padding: 0;
  max-width: 240px;
  margin: 10px auto; }

.card-pricing ul li {
  color: #999999;
  display: inline-flex;
  align-items: flex-end;
  padding: 12px 0;
  border-bottom: 1px solid rgba(153, 153, 153, 0.3); }

.card-pricing ul li:last-child {
  border: 0; }

.card-pricing ul li b {
  color: #3C4858; }

.card-pricing ul li i {
  top: 6px;
  position: relative; }

.card-pricing.card-background ul li,
.card-pricing [class*="content-"] ul li {
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.3); }

.card-pricing.card-background ul li b,
.card-pricing [class*="content-"] ul li b {
  color: #FFFFFF; }

.card-pricing.card-background [class*="text-"],
.card-pricing [class*="content-"] [class*="text-"] {
  color: #FFFFFF; }

.card-pricing.card-background:after {
  background-color: rgba(0, 0, 0, 0.7); }

.card-raised {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }

.card-background {
  background-position: center center;
  background-size: cover;
  text-align: center; }

.card-background .content {
  position: relative;
  z-index: 2;
  min-height: 280px;
  padding-top: 40px;
  padding-bottom: 40px;
  max-width: 440px;
  margin: 0 auto; }

.card-background .category,
.card-background .card-description,
.card-background small {
  color: rgba(255, 255, 255, 0.7); }

.card-background .card-title {
  color: #FFFFFF;
  margin-top: 10px; }

.card-background:not(.card-pricing) .btn {
  margin-bottom: 0; }

.card-background:after {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.56);
  border-radius: 2px; }

/*  Product Cards
------------------------------------------------------------------- */
.card-product {
  margin-top: 30px; }

.card-product .btn-simple.btn-just-icon {
  padding: 0; }

.card-product .footer {
  margin-top: 5px; }

.card-product .footer .stats .material-icons {
  margin-top: 4px;
  top: 0; }

.card-product .footer .price h4 {
  margin-bottom: 0; }

.card-product .card-title,
.card-product .category,
.card-product .card-description {
  text-align: center; }

/*  TagBox
------------------------------------------------------------------- */
.tagbox {
  background: #fafafa; }

.card .tagbox {
  border-radius: 3px; }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_blog_calendar.scss 
 #  Provides general styles for Blog Post generator of type 'calendar'
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* Header Box
 ------------------------------------------------------------------ */
.calendar-header-box {
  background: #fff; }

.calendar-header-box .title {
  text-align: center;
  text-transform: uppercase; }

.calendar-header-box .title:after {
  left: 50%;
  width: 70px;
  margin-left: -35px; }

.calendar-header-box .tagline {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 14px; }

h2.calendar-header-box {
  color: #555;
  position: relative;
  margin-bottom: 30px; }

h2.calendar-header-box:after {
  left: 0;
  width: 70px;
  height: 2px;
  content: " ";
  bottom: -10px;
  background: #555;
  position: absolute; }

.calendar-header-box p {
  position: relative;
  margin-bottom: 50px; }

.calendar-header-box p:after {
  content: " ";
  left: 50%;
  height: 1px;
  width: 50px;
  bottom: -15px;
  position: absolute;
  margin-left: -25px;
  background: #3465A4; }

/* Calendar
 ------------------------------------------------------------------ */
.calendar {
  padding: 0;
  list-style: none;
  position: relative; }

/* jadams 2016-09-20:  */
.calendar-headline {
  display: block;
  margin: 10px 0 25px 0;
  border-bottom: 1px solid #E5E5E5; }

.calendar-headline h4 {
  font-size: 24px;
  margin: 0 0 -1px 0;
  padding-bottom: 5px;
  padding-left: 10px;
  display: inline-block;
  border-bottom: 1px dotted #3465a4; }

/* jadams 2016-09-20:  */
.calendar a {
  color: #204a87;
  text-decoration: none; }

/* jadams 2016-10-21: New styles */
.tmtime h2, .tmtime h3 {
  font-size: 28px; }

.tmtime h4 {
  font-size: 24px;
  font-weight: 600; }

/* The line */
.calendar > li {
  position: relative; }

.calendar:before {
  top: 0;
  bottom: 0;
  left: 22%;
  width: 3px;
  content: '';
  background: #EEEEEC;
  position: absolute;
  margin-left: -14px; }

/* The date/time block */
.calendar > li .tmtime {
  width: 25%;
  display: block;
  position: absolute;
  padding-right: 40px;
  padding-left: 0px; }

.calendar > li .tmtime span {
  top: 9px;
  display: block;
  text-align: right;
  position: relative; }

.calendar > li .tmtime span:first-child {
  color: #999;
  font-size: 14px;
  line-height: 0.9; }

.calendar > li .tmtime span:last-child {
  color: #585f69;
  font-size: 20px;
  font-weight: normal; }

/* Content Boxex
 ------------------------------------------------------------------ */
/* Content Box (right) */
/* jadams 2016-09-20: added border-radius, might be an config option */
.calendar > li .tmlabel {
  color: #657B83;
  padding: 10px 20px 20px;
  background: #EEEEEC;
  line-height: 1.4;
  clear: both;
  position: relative;
  border-radius: 4px;
  margin: 0 0 40px 25%; }

/* Timeline and label|icons
 ------------------------------------------------------------------ */
.calendar > li .tmlabel li {
  padding: 0; }

.calendar > li .tmlabel .text-left {
  float: left; }

.calendar > li .tmlabel p {
  margin: 0 0 -5px 0; }

/* The triangle */
.calendar > li .tmlabel:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #EEEEEC;
  border-width: 10px;
  top: 18px; }

/* The icons */
.calendar > li .tmicon {
  top: 22px;
  left: 22%;
  width: 10px;
  height: 10px;
  position: absolute;
  background: #3465A4;
  margin: 0 0 0 -17px;
  box-shadow: 0 0 0 4px #E5E5E5;
  -webkit-font-smoothing: antialiased; }

/* Footer
 ------------------------------------------------------------------ */
.calendar .calendar-footer {
  padding: 7px 12px;
  overflow: hidden;
  border-top: 1px solid #ccc; }

.calendar .calendar-footer .blog-info {
  float: left; }

.calendar .calendar-footer .blog-info i {
  color: #777; }

.calendar .calendar-footer .likes {
  float: right; }

.calendar .calendar-footer .likes i {
  margin-right: 2px;
  color: #777; }

.calendar .calendar-footer .likes:hover {
  text-decoration: none;
  color: inherit; }

.calendar .calendar-footer .likes:hover i {
  color: #729FCF; }

a.calendar-list-unstyled {
  color: #204A87; }

a.calendar-list-unstyled,
a.calendar-list-unstyled:active,
a.calendar-list-unstyled:focus,
a.calendar-list-unstyled:hover {
  outline: none;
  font-size: 13px;
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

a.calendar-list-unstyled:hover {
  color: #729FCF;
  text-decoration: none; }

.calendar > li .tmlabel.equal-height-column {
  height: auto !important; }

/* Media Queries
 ------------------------------------------------------------------ */
@media screen and (max-width: 65.375em) {
  .calendar > li .tmtime span:last-child {
    font-size: 1.5em; } }

@media screen and (max-width: 47.2em) {
  .calendar:before {
    display: none; }
  .calendar > li .tmtime {
    width: 100%;
    position: relative;
    padding: 0 0 20px 0; }
  .calendar > li .tmtime span {
    text-align: left; }
  .calendar > li .tmlabel {
    padding: 1em;
    font-weight: 400;
    margin: 0 0 30px 0; }
  .calendar > li .tmlabel:after {
    left: 20px;
    top: -20px;
    right: auto;
    border-bottom-color: #EEEEEC;
    border-right-color: transparent; }
  .calendar > li .tmicon {
    left: auto;
    float: right;
    position: relative;
    margin: -55px 5px 0 0px; } }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_blog_timeline.scss
 #  Provides general styles for Blog Post generator of type 'timeline'
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 # -----------------------------------------------------------------------------
*/
/* Header Box
------------------------------------------------------------------ */
.timeline-header-box {
  background: #fff; }

.timeline-header-box .title {
  text-align: center;
  text-transform: uppercase; }

.timeline-header-box .title:after {
  left: 50%;
  width: 70px;
  margin-left: -35px; }

.timeline-header-box .tagline {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 14px; }

h2.timeline-header-box {
  color: #555;
  position: relative;
  margin-bottom: 30px; }

h2.timeline-header-box:after {
  left: 0;
  width: 70px;
  height: 2px;
  content: " ";
  bottom: -10px;
  background: #555;
  position: absolute; }

.timeline-header-box p {
  position: relative;
  margin-bottom: 50px; }

.timeline-header-box p:after {
  content: " ";
  left: 50%;
  height: 1px;
  width: 50px;
  bottom: -15px;
  position: absolute;
  margin-left: -25px;
  background: #3465A4; }

/* Timeline
------------------------------------------------------------------ */
.timeline {
  padding: 20px 0;
  list-style: none;
  position: relative; }

.timeline-title {
  display: block;
  margin: 1.25rem 0 .75rem .75rem;
  border-bottom: 1px solid #E5E5E5; }

.timeline-title h2 {
  font-size: 24px;
  margin: 0 0 -1px 0;
  padding-bottom: 5px;
  padding-left: 10px;
  display: inline-block;
  border-bottom: 1px dotted #3465a4; }

.timeline-title h4 {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  margin: 0 0 -1px 0;
  padding-bottom: 5px;
  display: inline-block;
  border-bottom: 1px dotted #3465a4; }

.timeline-title h4:hover {
  color: rgba(0, 0, 0, 0.9);
  text-decoration: none; }

.timeline-tagline {
  margin-bottom: 0.5rem; }

.timeline-excerpt {
  display: block; }

.timeline-icon {
  float: left;
  margin-right: 1.5rem;
  line-height: 1; }

a.timeline-list-unstyled {
  color: #204A87; }

a.timeline-list-unstyled,
a.timeline-list-unstyled:active,
a.timeline-list-unstyled:active,
a.timeline-list-unstyled:hover {
  outline: none;
  font-size: 13px;
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

a.timeline-list-unstyled:hover {
  color: #729FCF;
  text-decoration: none; }

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eee;
  left: 50%;
  margin-left: -1.5px; }

.timeline > li {
  margin-bottom: 40px;
  position: relative;
  width: 50%;
  float: left;
  clear: left; }

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table; }

.timeline > li:after {
  clear: both; }

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table; }

.timeline > li:after {
  clear: both; }

.timeline > li > .timeline-panel {
  width: 94%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  position: relative; }

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " "; }

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " "; }

.timeline > li > .timeline-badge {
  width: 24px;
  text-align: center;
  position: absolute;
  top: 19px;
  right: -12px;
  z-index: 3; }

.tmicon {
  top: 18px;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  background: #3F51B5;
  margin: 0 0 0 -5px;
  box-shadow: 0 0 0 4px #E5E5E5;
  -webkit-font-smoothing: antialiased; }

.timeline > li.timeline-inverted > .timeline-panel {
  float: right; }

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto; }

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto; }

.timeline > li > .timeline-panel .timeline-heading {
  padding: 5px; }

.timeline > li > .timeline-panel .timeline-heading img {
  width: 100%; }

.timeline .timeline-body {
  padding: 12px; }

.timeline .timeline-footer {
  padding: 7px 12px;
  overflow: hidden;
  border-top: 1px solid #ccc; }

.timeline .timeline-footer .blog-info {
  float: left; }

.timeline .timeline-footer .blog-info i {
  color: #777; }

.timeline .timeline-footer .likes {
  float: right; }

.timeline .timeline-footer .likes i {
  margin-right: 2px;
  color: #777; }

.timeline .timeline-footer .likes:hover {
  text-decoration: none;
  color: inherit; }

.timeline .timeline-footer .likes:hover i {
  color: #729FCF; }

.timeline > li.timeline-inverted {
  float: right;
  clear: right;
  margin-bottom: 40px; }

.timeline > li:nth-child(even) {
  margin-top: 30px; }

.timeline > li:nth-child(odd) {
  margin-top: 0px; }

.timeline > li.timeline-inverted > .timeline-badge {
  left: -12px; }

/* Media Queries
 ------------------------------------------------------------------ */
@media (max-width: 992px) {
  .timeline > li > .timeline-panel:before {
    top: 31px;
    right: -11px;
    border-top: 11px solid transparent;
    border-left: 11px solid #ccc;
    border-bottom: 11px solid transparent; }
  .timeline > li > .timeline-panel:after {
    top: 32px;
    right: -10px;
    border-top: 10px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 10px solid transparent; }
  .timeline > li.timeline-inverted > .timeline-panel:before {
    border-right-width: 11px;
    left: -11px; }
  .timeline > li.timeline-inverted > .timeline-panel:after {
    border-right-width: 10px;
    left: -10px; } }

@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px; }
  ul.timeline > li {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    float: left;
    clear: left; }
  ul.timeline > li > .timeline-panel {
    width: calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: -webkit-calc(100% - 70px); }
  ul.timeline > li > .timeline-badge {
    left: 28px;
    margin-left: 0;
    top: 16px; }
  ul.timeline > li > .timeline-panel {
    float: right; }
  ul.timeline > li > .timeline-panel:before {
    top: 27px;
    right: -12px;
    border-top: 12px solid transparent;
    border-left: 12px solid #ccc;
    border-bottom: 12px solid transparent; }
  ul.timeline > li > .timeline-panel:after {
    top: 28px;
    right: -11px;
    border-top: 11px solid transparent;
    border-left: 11px solid #fff;
    border-bottom: 11px solid transparent; }
  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 12px;
    left: -12px;
    right: auto; }
  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 11px;
    left: -11px;
    right: auto; }
  .timeline > li.timeline-inverted {
    float: left;
    clear: left;
    margin-top: 30px;
    margin-bottom: 30px; }
  .timeline > li.timeline-inverted > .timeline-badge {
    left: 28px; } }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_collection.scss
 #  Provides all general collection styles for J1 Template
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* COLLECTION layout helper classes
 ------------------------------------------------------------------ */
.article-overview-heading {
  display: block;
  margin: 12px 10px 25px 0px;
  border-bottom: 1px solid #E5E5E5; }

.article-overview-heading h3 {
  font-size: 24px;
  margin: 0 0 -1px 0;
  padding-bottom: 5px;
  padding-left: 10px;
  display: inline-block;
  border-bottom: 1px dotted #3465a4; }

.article-overview-heading h3 > a {
  color: rgba(0, 0, 0, 0.5) !important; }

.article-overview-heading h3 > a:hover {
  color: rgba(0, 0, 0, 0.9) !important;
  text-decoration: none; }

.article-overview-description, .article-overview-excerpt {
  margin: 1rem 1.8rem 2rem .5rem;
  text-align: justify; }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_container.scss
 #  Provides all general container styles for J1 Template
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* CONTAINER layout helper classes
 ------------------------------------------------------------------ */
.no-padding {
  padding-right: 0 !important;
  padding-left: 0 !important; }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_footer.scss
 #  Provides general styles for footers used by J1 Template
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* jadams: background md_grey_900 */
.footer-light-theme .footer {
  padding: 70px 0;
  background: #212121; }

.footer-light-theme .footer p {
  color: rgba(255, 255, 255, 0.4);
  font-size: 1em;
  font-family: sans-serif; }

/*Heading Footer*/
.footer-light-theme .heading-footer {
  text-align: left;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 2px; }

.footer-light-theme .heading-footer:after {
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  content: " ";
  background: #204a87;
  position: absolute; }

.footer-light-theme .heading-footer h2 {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.3em !important;
  text-transform: uppercase; }

/*Link News*/
.footer-light-theme .footer .link-news {
  margin-bottom: 0; }

.footer-light-theme .footer .link-news li {
  padding: 12px 0px;
  border-top: solid 1px #353535; }

.footer-light-theme .footer .link-news li:first-child {
  padding-top: 0;
  border-top: none; }

.footer-light-theme .footer .link-news li a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1em;
  margin-bottom: 3px;
  display: inline-block; }

.footer-light-theme .footer .link-news a:hover {
  color: #FAFAFA !important;
  text-decoration: none; }

.footer-light-theme .footer .link-news li small {
  color: #555;
  display: block; }

/*Link List*/
.footer-light-theme .footer-link-list li {
  padding: 9px 0px;
  border-top: solid 1px #333; }

.footer-light-theme .footer-link-list li:first-child {
  padding-top: 0;
  border-top: none; }

.footer-light-theme .footer-link-list li a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1em;
  display: inline-block;
  font-family: sans-serif; }

.footer-light-theme .footer-link-list a:hover {
  color: #FAFAFA !important;
  text-decoration: none; }

/*Contacts*/
.footer-light-theme .footer .contacts {
  margin-bottom: 0; }

.footer-light-theme .footer .contacts li {
  margin-bottom: 20px; }

.footer-light-theme .footer .contacts li:before,
.footer-light-theme .footer .contacts li:after {
  content: " ";
  display: table; }

.footer-light-theme .footer .contacts li:after {
  clear: both; }

.footer-light-theme .footer .contacts li i {
  float: left;
  width: 30px;
  height: 30px;
  color: rgba(255, 255, 255, 0.5);
  padding: 8px 5px;
  background: #333;
  text-align: center;
  margin: 4px 10px 0 0;
  display: inline-block; }

.footer-light-theme .footer .contacts li p {
  margin-bottom: 0; }

.footer-light-theme .footer .contacts li a {
  color: rgba(255, 255, 255, 0.5); }

.footer-light-theme .footer .contacts li a:hover {
  color: #FAFAFA !important;
  text-decoration: none; }

/*Footer Copyright*/
/* Enable horizontal list */
#inline ul li {
  display: inline; }

/* jadams: md_grey_800 */
.footer-light-theme .copyright {
  padding: 15px 0;
  background: #212121;
  font-family: sans-serif; }

.footer-light-theme .copyright p {
  font-size: 0.8em;
  font-family: sans-serif;
  margin-top: 3px; }

/*Social Icons*/
.footer-light-theme .dark-social {
  margin: 5px 0 0; }

.footer-light-theme .dark-social li {
  margin-left: 5px; }

.footer-light-theme .dark-social li i {
  color: rgba(255, 255, 255, 0.5); }

/*Terms Menu*/
.footer-light-theme .copyright .terms-menu {
  margin: 7px 0 0; }

.footer-light-theme .copyright .terms-menu li {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8em;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.footer-light-theme .copyright .terms-menu li:first-child {
  border-left: none;
  padding: 0 7px 0 0; }

.footer-light-theme .copyright .terms-menu li a {
  color: rgba(255, 255, 255, 0.5); }

.footer-light-theme .copyright .terms-menu li a:before {
  content: "\20 \B7 \20"; }

.footer-light-theme .copyright .terms-menu li a:hover {
  color: #FAFAFA !important;
  text-decoration: none; }

@media (max-width: 992px) {
  .footer-light-theme .copyright .terms-menu,
  .footer-light-theme .copyright .dark-social.pull-right {
    text-align: center;
    float: none !important; } }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_header.scss
 #  Provides general styles for headers used by J1 Template
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* Master Header (masthead) at the top of all pages
 ----------------------------------------------------------------------- */
.j1-masthead {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* jadams, 2017-12-11: needed for image headers */ }

.j1-masthead .j1-booticon {
  margin: 0 auto 30px; }

.j1-masthead .head-title h2 {
  margin-top: 0;
  margin-bottom: .1em;
  font-weight: 600;
  line-height: 1; }

.j1-masthead .head-tagline h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1;
  font-style: italic; }

.j1-masthead .lead {
  margin: 0 20px 30px;
  font-size: 20px;
  color: #babdb6; }

.j1-masthead .version {
  margin-top: -10px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
  color: #2e3436; }

.j1-masthead .btn {
  width: 100%;
  padding: 15px 30px;
  font-size: 20px; }

.j1-masthead-caption {
  display: none;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 15px;
  padding-bottom: 10px;
  font-size: 1rem;
  font-weight: 600; }

.j1-masthead-caption-anchor a {
  color: #3F51B5 !important;
  text-decoration: none; }

.j1-masthead-caption-anchor a:hover {
  border-bottom: 1px dotted #ebf1f5;
  color: #3F51B5 !important;
  text-decoration: none; }

@media (min-width: 992px) {
  .j1-masthead .lead {
    width: 90%;
    font-size: 30px; } }

@media (min-width: 768px) {
  .j1-masthead h1 {
    font-size: 60px; }
  .j1-masthead .lead {
    width: 95%;
    font-size: 24px; } }

@media (min-width: 480px) {
  .j1-masthead .btn {
    width: auto;
    margin-top: 10px; } }

/* Helper styles
 ----------------------------------------------------------------------- */
.text-emphasis-none {
  text-shadow: none !important; }

.text-emphasis-strong {
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4) !important; }

.text-emphasis-stronger {
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.3) !important; }

.text-emphasis-strongest {
  text-shadow: 0 4px 0 rgba(0, 0, 0, 0.2) !important; }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_icons.scss
 #  Provides all general icon styles for J1 Template
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* j1-icons
 ------------------------------------------------------------------ */
/* Social Icons
  ------------------------------------------------------- */
.social-icons {
  margin: 0;
  padding: 0; }

.social-icons li {
  list-style: none;
  margin-right: 3px;
  margin-bottom: 5px;
  text-indent: -9999px;
  display: inline-block; }

.social-icons li a, a.social-icon {
  width: 28px;
  height: 28px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out; }

.social-icons li:hover a {
  background-position: 0 -38px; }

.social-icons-color li a {
  opacity: 0.7;
  background-position: 0 -38px !important;
  -webkit-backface-visibility: hidden;
  /*For Chrome*/ }

.social-icons-color li a:hover {
  opacity: 1; }

.social_amazon {
  background: url(/assets/images/icons/social/amazon.png) no-repeat; }

.social_behance {
  background: url(/assets/images/icons/social/behance.png) no-repeat; }

.social_blogger {
  background: url(/assets/images/icons/social/blogger.png) no-repeat; }

.social_deviantart {
  background: url(/assets/images/icons/social/deviantart.png) no-repeat; }

.social_dribbble {
  background: url(/assets/images/icons/social/dribbble.png) no-repeat; }

.social_dropbox {
  background: url(/assets/images/icons/social/dropbox.png) no-repeat; }

.social_evernote {
  background: url(/assets/images/icons/social/evernote.png) no-repeat; }

.social_facebook {
  background: url(/assets/images/icons/social/facebook.png) no-repeat; }

.social_forrst {
  background: url(/assets/images/icons/social/forrst.png) no-repeat; }

.social_github {
  background: url(/assets/images/icons/social/github.png) no-repeat; }

.social_googleplus {
  background: url(/assets/images/icons/social/googleplus.png) no-repeat; }

.social_jolicloud {
  background: url(/assets/images/icons/social/jolicloud.png) no-repeat; }

.social_last-fm {
  background: url(/assets/images/icons/social/last-fm.png) no-repeat; }

.social_linkedin {
  background: url(/assets/images/icons/social/linkedin.png) no-repeat; }

.social_picasa {
  background: url(/assets/images/icons/social/picasa.png) no-repeat; }

.social_pintrest {
  background: url(/assets/images/icons/social/pintrest.png) no-repeat; }

.social_rss {
  background: url(/assets/images/icons/social/rss.png) no-repeat; }

.social_skype {
  background: url(/assets/images/icons/social/skype.png) no-repeat; }

.social_spotify {
  background: url(/assets/images/icons/social/spotify.png) no-repeat; }

.social_stumbleupon {
  background: url(/assets/images/icons/social/stumbleupon.png) no-repeat; }

.social_tumblr {
  background: url(/assets/images/icons/social/tumblr.png) no-repeat; }

.social_twitter {
  background: url(/assets/images/icons/social/twitter.png) no-repeat; }

.social_vimeo {
  background: url(/assets/images/icons/social/vimeo.png) no-repeat; }

.social_wordpress {
  background: url(/assets/images/icons/social/wordpress.png) no-repeat; }

.social_xing {
  background: url(/assets/images/icons/social/xing.png) no-repeat; }

.social_yahoo {
  background: url(/assets/images/icons/social/yahoo.png) no-repeat; }

.social_youtube {
  background: url(/assets/images/icons/social/youtube.png) no-repeat; }

.social_vk {
  background: url(/assets/images/icons/social/vk.png) no-repeat; }

.social_instagram {
  background: url(/assets/images/icons/social/instagram.png) no-repeat; }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_page.scss
 #  Provides all general styles for J1 Template Pages
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* PAGE layout helper classes
 ------------------------------------------------------------------ */
/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_panel.scss
 #  Provides all general styles for J1 Template Panel
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
.panel-fluid {
  width: 100%;
  padding: unset !important;
  margin: unset !important; }

.j1-panel-block.container, .j1-panel-block.container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important; }

@media (max-width: 768px) {
  .j1-panel-block.row {
    margin-left: .5rem !important;
    margin-right: .5rem !important; } }

/*
 # -----------------------------------------------------------------------------
 #  J1: ~src/scss/j1_template/core/_spinner.css
 #  CSS spinner (e.g. used with header module|backstretch)
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* https://codepen.io/carpenumidium/pen/edngJ
------------------------------------------------------------------- */
.parallax-day-night {
  height: 100%;
  background-color: #222;
  background-image: linear-gradient(180deg, transparent, #bab3ab 0), linear-gradient(-45deg, #bab3ab 40%, transparent 0), linear-gradient(45deg, #bab3ab 40%, transparent 0), linear-gradient(45deg, transparent 40%, #bab3ab 0), linear-gradient(-45deg, transparent 40%, #bab3ab 0), linear-gradient(#bab3ab, #bab3ab), linear-gradient(45deg, transparent 40%, #bab3ab 0), linear-gradient(-45deg, transparent 40%, #bab3ab 0), linear-gradient(45deg, transparent 40%, #bab3ab 0), linear-gradient(-45deg, transparent 40%, #bab3ab 0), linear-gradient(#bab3ab, #bab3ab), linear-gradient(#bab3ab, #bab3ab), linear-gradient(#bab3ab, #bab3ab), linear-gradient(#bab3ab, #bab3ab), linear-gradient(#bab3ab, #bab3ab), linear-gradient(#bab3ab, #bab3ab), linear-gradient(#bab3ab, #bab3ab), linear-gradient(180deg, #a33d29, #a33d29, white, #598ca6, #8cbfd9, #4b3d8f, #6f6699, #4d4d4d, #a33d29);
  background-position: 50% 100%, calc(50% - 15px) calc(100% - 145px), calc(50% + 15px) calc(100% - 145px), calc(50% - 20px) calc(100% - 140px), calc(50% + 20px) calc(100% - 140px), 50% calc(100% - 135px), calc(50% - 15px) calc(100% - 130px), calc(50% + 15px) calc(100% - 130px), calc(50% - 10px) calc(100% - 120px), calc(50% + 10px) calc(100% - 120px), 50% calc(100% - 70px), calc(50% + 5px) calc(100% - 75px), calc(50% + 20px) calc(100% - 80px), calc(50% + 25px) calc(100% - 79px), calc(50% + 35px) calc(100% - 53px), calc(50% + 35px) calc(100% - 70px), 50% 100%, 0 0;
  background-size: 15px 161px, 30px 20px, 30px 20px, 30px 5px, 30px 5px, 40px 5px, 30px 5px, 30px 5px, 30px 5px, 30px 5px, 25px 30px, 25px 20px, 30px 5px, 3px 7px, 5px 30px, 7px 3px, 2px 185px, 100% 1500%;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat-y;
  animation: weather 840s linear infinite; }
  .parallax-day-night html:after, .parallax-day-night html:before {
    content: '';
    position: absolute;
    border-radius: 50%;
    z-index: 1;
    /*-webkit-filter: blur(1px)*/ }
  .parallax-day-night html:before {
    height: 150px;
    width: 150px;
    box-shadow: inset 20px -20px 50px rgba(191, 163, 194, 0.5);
    top: 20%;
    left: 60%; }
  .parallax-day-night html:after {
    height: 100px;
    width: 100px;
    box-shadow: inset 30px -30px 50px rgba(133, 139, 173, 0.5);
    top: 40%;
    left: 50%; }

@keyframes weather {
  to {
    background-position: 50% 100%, calc(50% - 15px) calc(100% - 145px), calc(50% + 15px) calc(100% - 145px), calc(50% - 20px) calc(100% - 140px), calc(50% + 20px) calc(100% - 140px), 50% calc(100% - 135px), calc(50% - 15px) calc(100% - 130px), calc(50% + 15px) calc(100% - 130px), calc(50% - 10px) calc(100% - 120px), calc(50% + 10px) calc(100% - 120px), 50% calc(100% - 70px), calc(50% + 5px) calc(100% - 75px), calc(50% + 20px) calc(100% - 80px), calc(50% + 25px) calc(100% - 79px), calc(50% + 35px) calc(100% - 53px), calc(50% + 35px) calc(100% - 70px), 50% 100%, 0 1500%; } }

/* https://codepen.io/carpenumidium/pen/vNNzyG
------------------------------------------------------------------- */
.parallax-horizontal {
  height: 100%;
  /* max-height: 600px; */
  width: 1000px;
  background-color: rgba(46, 87, 107, 0.4);
  background-image: url("http://www.clker.com/cliparts/q/L/o/j/C/Q/forest-hi.png"), url("http://www.inserthtml.com/parallax/trees.png"), url("https://db.tt/cKICP4Xj"), url("http://www.augstudy.com/images/theme/impress/bg_mountains.png"), url("https://db.tt/vKBcgeOj");
  background-repeat: repeat-x;
  background-position: 0 20%, 0 95%, 0 0, 0 100%, 0 0;
  background-size: 2500px, 800px, 500px 200px, 1000px, 400px 260px;
  animation: 50s para infinite linear; }

@keyframes para {
  100% {
    background-position: -5000px 20%, -800px 95%, 500px 0, 1000px 100%, 400px 0; } }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_panel_intro.scss
 #  Provides all general styles for J1 Template Intro Panel
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* Content
 ------------------------------------------------------------------ */
/* Service link block
 ------------------------------------------------------------------ */
ul.service-list > li > a {
  display: block;
  width: 100%;
  border-bottom: dotted 1px #e0e0e0;
  padding: 10px 30px 5px 30px;
  color: #9E9E9E;
  font-weight: 600; }

ul.service-list > li > a:focus,
ul.service-list > li > a:hover {
  color: #3F51B5  !important;
  text-decoration: none !important; }

/* Media Queries
 ------------------------------------------------------------------ */
@media (max-width: 768px) {
  .intro-panel {
    margin: 3rem; } }

@media (max-width: 640px) {
  .intro-panel {
    margin: 3rem; } }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_panel_news.scss
 #  Provides all general styles for J1 Template News Panel
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* Headlines
 ------------------------------------------------------------------------------- */
.panel-news-headline {
  display: block;
  margin: 12px 10px 25px 10px;
  border-bottom: 1px solid #E5E5E5; }

/* jadams, 2017-08-27: unclear why color settings don't work on achor element */
.panel-news-headline h4 {
  color: #3F51B5 !important;
  font-size: 2.5rem;
  margin: 0 0 -1px 0;
  padding-bottom: 5px;
  padding-left: 10px;
  display: inline-block;
  border-bottom: 1px dotted #3465a4; }

.panel-news-headline h4:hover {
  color: #353535 !important;
  text-decoration: none; }

/* Content
 ------------------------------------------------------------------------------- */
.panel-news {
  display: block; }

.panel-news p {
  text-align: justify; }

.panel-news .box-description {
  text-align: -webkit-center; }

.panel-news .j1-panel-block .recent-news {
  padding-top: 0; }

/* news links in ul list
 ------------------------------------------------------------------------------- */
.panel-news .j1-panel-block .link-news {
  margin-bottom: 0; }

.panel-news .j1-panel-block .link-news li {
  padding: 12px 0px;
  border-top: solid 1px #353535; }

.panel-news .j1-panel-block .link-news li:first-child {
  padding-top: 0;
  border-top: none; }

.panel-news .j1-panel-block .link-news li a {
  color: #3F51B5;
  font-size: 1.25em;
  font-weight: 400;
  margin-bottom: 3px;
  display: inline-block; }

.panel-news .j1-panel-block .link-news a:hover {
  color: #353535 !important;
  text-decoration: none; }

.panel-news .j1-panel-block .link-news li small {
  font-size: 1.5rem;
  color: #555;
  display: block; }

/* Media Queries
 ------------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .panel-news {
    margin: .5rem; }
  .recent-news {
    margin-left: 1.5rem !important;
    margin-right: 2.5rem !important; } }

/*
@media (max-width: 640px) {
	.panel-news {
		margin: 5rem;
	}
}
*/
/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_panel_service.scss
 #  Provides all general styles for J1 Template Service Panel
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* Content
 ------------------------------------------------------------------ */
.panel-service p {
  text-align: justify; }

.panel-service .card-description {
  text-align: -webkit-center; }

/* Media Queries
 ------------------------------------------------------------------ */
@media (max-width: 768px) {
  .panel-service {
    margin: 5rem; } }

@media (max-width: 640px) {
  .panel-service {
    margin: 5rem; } }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_post.scss
 #  Provides all general styles for J1 Template Posts
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
.post-category-icon .fa,
.post-category-icon .mdi,
.post-category-icon .zmdi {
  margin-right: .5rem; }

.post-timestamp {
  display: block;
  margin: 10px 0 25px 0; }

.post-paginator {
  margin: 0 0 -1px 0;
  padding-bottom: 5px;
  padding-left: 10px;
  display: inline-block;
  border-bottom: 1px dotted #3465a4; }

.post-headline {
  margin-bottom: 2rem;
  border-bottom: 1px solid #E5E5E5; }

.post-headline h1 {
  color: rgba(0, 0, 0, 0.9);
  font-size: 3.5rem;
  font-weight: 400;
  margin: 0 0 -1px 0;
  padding-bottom: 5px;
  padding-left: 10px;
  display: inline-block;
  border-bottom: 1px dotted #3465a4; }

.post-headline h2 {
  color: rgba(0, 0, 0, 0.9);
  font-size: 3.5rem;
  font-weight: 400;
  margin: 0 0 -1px 0;
  padding-bottom: 5px;
  padding-left: 10px;
  display: inline-block;
  border-bottom: 1px dotted #3465a4; }

.post-search-results h2 {
  font-size: 3rem !important;
  font-weight: 400; }

.post-search-results h3 {
  font-size: 2rem !important;
  font-weight: 400; }

.post-search-results h4 {
  font-size: 2rem !important;
  font-weight: 400; }

/*
.post-search-results h4 {
  font-size: 1.25rem !important;
  font-weight: 200;
  margin-top: 0;
}
*/
.post-search-results .link-news {
  margin-bottom: 0; }

.post-search-results .link-news li {
  /* padding: 12px 0px; */
  /* border-top: solid 1px #353535; */ }

.post-search-results .link-news li:first-child {
  padding-top: 0;
  border-top: none; }

.post-search-results .link-news li a, .link-news li a {
  color: rgba(0, 0, 0, 0.5);
  /* font-size: 1.25rem; */
  font-weight: 400;
  margin-bottom: 3px;
  display: inline-block; }

.post-search-results .link-news a:hover {
  color: rgba(0, 0, 0, 0.9) !important;
  text-decoration: none; }

.post-search-results .link-news li small {
  font-size: 1.25rem;
  color: #555;
  display: block; }

.post-archive-search-results .link-news li a, .link-news li a {
  color: rgba(0, 0, 0, 0.5);
  /* font-size: 1rem; */
  font-weight: 400;
  margin-bottom: 3px;
  display: inline-block; }

.post-date-search-results .link-news li a, .link-news li a {
  color: rgba(0, 0, 0, 0.5);
  /* font-size: 1rem; */
  font-weight: 400;
  margin-bottom: 3px;
  display: inline-block; }

.post-date-search-results h3 {
  font-size: 4rem !important;
  font-weight: 400; }

.link-news a {
  text-decoration: none; }

.link-news a:hover {
  color: rgba(0, 0, 0, 0.9) !important;
  text-decoration: none; }

a.news-link {
  color: currentColor;
  height: 100%;
  font-size: 14px;
  text-decoration: none !important; }

.series-navigator {
  display: inline-block;
  position: relative;
  width: 100%; }

.series-navigator .content {
  margin-top: 1rem;
  padding-bottom: 3rem; }

.series-navigation {
  margin-top: 10px; }

.series-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.series-navigation ul li {
  display: inline-block; }

.series-navigation ul li a {
  position: relative;
  display: inline-block;
  line-height: 2.5rem;
  padding: 0 1rem 0 1rem;
  background-color: #E91E63;
  border-radius: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #fff;
  font-size: .75rem !important;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s; }

.series-navigation ul li.current a {
  background-color: rgba(0, 0, 0, 0.5); }

.series-navigation ul li.current a:hover {
  background-color: rgba(0, 0, 0, 0.9) !important;
  color: #fff !important; }

.series-navigation ul li a:hover {
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff !important; }

.series-exerpt {
  text-align: justify;
  padding: 0px 20px 10px 0px; }

.series-exerpt-title {
  margin-top: 0;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.1;
  color: #444; }

.series-navigator .series-navigator-footer {
  height: 10%;
  padding: 40px 0 0 0; }

.series-navigator .series-navigator-footer button, .series-navigator .series-navigator-footer a {
  margin: 0px !important;
  position: relative;
  bottom: 25px;
  width: auto; }

.series-navigator .series-navigator-footer button:first-child,
.series-navigator .series-navigator-footer a:first-child {
  left: -5px; }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_post_featured.scss
 #  Provides styles for the J1 Featured Articles
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
.featured-article,
featured-article-shadow-effect {
  padding-top: 30px;
  padding-bottom: 30px; }

.featured-article-img {
  border-radius: 5px;
  /* padding-right: 30px; */
  display: block;
  max-width: 100%;
  height: auto; }

.featured-article-shadow-effect:hover {
  background: #FAFAFA;
  box-shadow: 0 0 5px #ddd;
  transition: box-shadow 0.2s ease-in-out; }

/* jadams 2016-09-04: add new styles: timeline-headline|timeline-list-unstyled */
.featured-headline {
  display: block;
  margin: 10px 0 45px 0;
  border-bottom: 1px solid #e4e9f0; }

/* jadams 2016-09-04: Headline moved to top|modified style */
/* .featured-headline h2, h3 { */
h2.featured-headline, h3.featured-headline {
  font-weight: 200;
  margin: 0 0 -2px 0;
  padding-bottom: 5px;
  padding-left: 10px;
  display: inline-block;
  border-bottom: 1px dotted #3465a4; }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_sidebar.scss
 #  Provides all general styles for J1 Template Sidebar Navigation (TOC)
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* Side navigation. Scrollspy and affixed enhanced navigation to
   highlight sections and secondary sections of docs content.
 ------------------------------------------------------------------ */
.j1-sidebar.affix {
  position: fixed !important; }

@media (min-width: 768px) {
  .j1-sidebar {
    padding-left: 0px; } }

/* First level of nav */
.j1-sidenav {
  margin-top: 20px;
  margin-bottom: 20px; }

/* All levels of nav */
.j1-sidebar .nav > li > a {
  display: block;
  padding: 5px 20px;
  font-size: 13px;
  font-weight: 500;
  color: #767676; }

.j1-sidebar .nav > li > a:hover,
.j1-sidebar .nav > li > a:focus {
  padding-left: 19px;
  color: #3465a4;
  text-decoration: none;
  background-color: transparent;
  border-left: 1px solid #3465a4; }

.j1-sidebar .nav > .active > a,
.j1-sidebar .nav > .active:hover > a,
.j1-sidebar .nav > .active:focus > a {
  padding-left: 18px;
  font-weight: bold;
  color: #204a87;
  background-color: transparent;
  border-left: 2px solid #204a87; }

/* Nav: second level (shown on .active) */
.j1-sidebar .nav .nav {
  display: none;
  /* Hide by default, but at >768px, show it */
  padding-bottom: 10px; }

.j1-sidebar .nav .nav > li > a {
  padding-top: 3px;
  padding-bottom: 1px;
  padding-left: 30px;
  font-size: 12px;
  font-weight: normal; }

.j1-sidebar .nav .nav > li > a:hover,
.j1-sidebar .nav .nav > li > a:focus {
  padding-left: 29px; }

.j1-sidebar .nav .nav > .active > a,
.j1-sidebar .nav .nav > .active:hover > a,
.j1-sidebar .nav .nav > .active:focus > a {
  padding-left: 28px;
  font-weight: 500; }

/* Back to top (hidden on mobile) */
.back-to-top,
.j1-theme-toggle {
  display: none;
  padding: 4px 10px;
  margin-top: 10px;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #555753; }

.back-to-top:hover,
.j1-theme-toggle:hover {
  color: #3465a4;
  text-decoration: none !important; }

.j1-theme-toggle {
  margin-top: 0; }

@media (min-width: 768px) {
  .back-to-top,
  .j1-theme-toggle {
    display: block; } }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_slider.scss
 #  Provides all general styles for J1 Template Slider
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* SLIDER  helper classes
 ------------------------------------------------------------------- */
/*
 # -----------------------------------------------------------------------------
 #  J1: ~src/scss/j1_template/core/_spinner.css
 #  CSS spinner (e.g. used with header module|backstretch)
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* https://codepen.io/carpenumidium/pen/GDkJj
------------------------------------------------------------------- */
.spinner-swiping-dots {
  height: 100%;
  background-image: radial-gradient(#222 65%, transparent 70%), radial-gradient(#222 65%, transparent 70%), radial-gradient(#222 65%, transparent 70%), radial-gradient(#222 65%, transparent 70%);
  background-repeat: no-repeat;
  background-size: 2em 2em, 2em 2em, 2em 2em, 2em 2em;
  background-position: calc(50% - 2.6em) 50%, calc(50% - 2.6em) 50%, 50% 50%, calc(50% + 2.6em) 50%;
  animation: loadrunner .6s infinite; }

@keyframes loadrunner {
  0% {
    background-size: 0em 0em, 2em 2em, 2em 2em, 2em 2em;
    background-position: calc(50% - 2.6em) 50%, calc(50% - 2.6em) 50%, 50% 50%, calc(50% + 2.6em) 50%; }
  100% {
    background-size: 2em 2em, 2em 2em, 2em 2em, 0em 0em;
    background-position: calc(50% - 2.6em) 50%, 50% 50%, calc(50% + 2.6em) 50%, calc(50% + 2.6em) 50%; } }

/* https://codepen.io/carpenumidium/pen/arvKG
------------------------------------------------------------------- */
.spinner-radial-dots {
  height: 100%;
  font-size: 1em;
  background-color: #222;
  background-image: radial-gradient(rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0) 60%), radial-gradient(rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0) 60%), radial-gradient(rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0) 60%), radial-gradient(white 50%, rgba(255, 255, 255, 0) 53%), radial-gradient(white 50%, rgba(255, 255, 255, 0) 53%), radial-gradient(white 50%, rgba(255, 255, 255, 0) 53%), radial-gradient(white 50%, rgba(255, 255, 255, 0) 53%), radial-gradient(rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0) 60%), radial-gradient(#47b4eb, #333333);
  background-position: 50% 50%, calc(50% + 3em) calc(50% - .5em), calc(50% + 4em) calc(50% - 1.5em), calc(50% + 3em) calc(50% - 2.5em), 50% calc(50% - 3em), calc(50% - 3em) calc(50% - 2.5em), calc(50% - 4em) calc(50% - 1.5em), calc(50% - 3em) calc(50% - .5em), 0 0;
  background-size: 3em 3em, 2.5em 3em, 1em 3em, 2.5em 3em, 3em 3em, 2.5em 3em, 1em 3em, 2.5em 3em,  100% 100%;
  background-repeat: no-repeat;
  animation: .3s ring linear infinite reverse; }

@keyframes ring {
  0% {
    background-position: 50% 50%, calc(50% + 3em) calc(50% - .5em), calc(50% + 4em) calc(50% - 1.5em), calc(50% + 3em) calc(50% - 2.5em), 50% calc(50% - 3em), calc(50% - 3em) calc(50% - 2.5em), calc(50% - 4em) calc(50% - 1.5em), calc(50% - 3em) calc(50% - .5em), 0 0;
    background-size: 3em 3em, 2.5em 3em, 1em 3em, 2.5em 3em, 3em 3em, 2.5em 3em, 1em 3em, 2.5em 3em,  100% 100%; }
  100% {
    background-position: calc(50% - 3em) calc(50% - .5em), 50% 50%, calc(50% + 3em) calc(50% - .5em), calc(50% + 4em) calc(50% - 1.5em), calc(50% + 3em) calc(50% - 2.5em), 50% calc(50% - 3em), calc(50% - 3em) calc(50% - 2.5em), calc(50% - 4em) calc(50% - 1.5em), 0 0;
    background-size: 2.5em 3em, 3em 3em, 2.5em 3em, 1em 3em, 2.5em 3em, 3em 3em, 2.5em 3em, 1em 3em,  100% 100%; } }

/* https://codepen.io/carpenumidium/pen/CFnJb
------------------------------------------------------------------- */
.spinner-moving-dots {
  height: 100%;
  background-color: #86bf40;
  background-image: radial-gradient(white 30%, rgba(255, 255, 255, 0) 35%), radial-gradient(white 30%, rgba(255, 255, 255, 0) 35%), radial-gradient(white 30%, rgba(255, 255, 255, 0) 35%), radial-gradient(white 30%, rgba(255, 255, 255, 0) 35%), radial-gradient(white 30%, rgba(255, 255, 255, 0) 35%), radial-gradient(white 30%, rgba(255, 255, 255, 0) 35%), radial-gradient(white 30%, rgba(255, 255, 255, 0) 35%), radial-gradient(white 30%, rgba(255, 255, 255, 0) 35%);
  background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
  background-size: 1.5em 1.5em;
  background-repeat: no-repeat;
  animation: bloom 2.5s infinite; }

@keyframes bloom {
  6.25% {
    background-position: 50% calc(50% - 1.5em), 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%; }
  12.5% {
    background-position: 50% calc(50% - 1.5em), calc(50% + 1em) calc(50% - 1em), 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%; }
  18.75% {
    background-position: 50% calc(50% - 1.5em), calc(50% + 1em) calc(50% - 1em), calc(50% + 1.5em) 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%; }
  25% {
    background-position: 50% calc(50% - 1.5em), calc(50% + 1em) calc(50% - 1em), calc(50% + 1.5em) 50%, calc(50% + 1em) calc(50% + 1em), 50% 50%, 50% 50%, 50% 50%, 50% 50%; }
  31.25% {
    background-position: 50% calc(50% - 1.5em), calc(50% + 1em) calc(50% - 1em), calc(50% + 1.5em) 50%, calc(50% + 1em) calc(50% + 1em), 50% calc(50% + 1.5em), 50% 50%, 50% 50%, 50% 50%; }
  37.5% {
    background-position: 50% calc(50% - 1.5em), calc(50% + 1em) calc(50% - 1em), calc(50% + 1.5em) 50%, calc(50% + 1em) calc(50% + 1em), 50% calc(50% + 1.5em), calc(50% - 1em) calc(50% + 1em), 50% 50%, 50% 50%; }
  43.75% {
    background-position: 50% calc(50% - 1.5em), calc(50% + 1em) calc(50% - 1em), calc(50% + 1.5em) 50%, calc(50% + 1em) calc(50% + 1em), 50% calc(50% + 1.5em), calc(50% - 1em) calc(50% + 1em), calc(50% - 1.5em) 50%, 50% 50%; }
  50% {
    background-position: 50% 50%, calc(50% + 1em) calc(50% - 1em), calc(50% + 1.5em) 50%, calc(50% + 1em) calc(50% + 1em), 50% calc(50% + 1.5em), calc(50% - 1em) calc(50% + 1em), calc(50% - 1.5em) 50%, calc(50% - 1em) calc(50% - 1em); }
  56.25% {
    background-position: 50% 50%, 50% 50%, calc(50% + 1.5em) 50%, calc(50% + 1em) calc(50% + 1em), 50% calc(50% + 1.5em), calc(50% - 1em) calc(50% + 1em), calc(50% - 1.5em) 50%, calc(50% - 1em) calc(50% - 1em); }
  62.5% {
    background-position: 50% 50%, 50% 50%, 50% 50%, calc(50% + 1em) calc(50% + 1em), 50% calc(50% + 1.5em), calc(50% - 1em) calc(50% + 1em), calc(50% - 1.5em) 50%, calc(50% - 1em) calc(50% - 1em); }
  68.75% {
    background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% calc(50% + 1.5em), calc(50% - 1em) calc(50% + 1em), calc(50% - 1.5em) 50%, calc(50% - 1em) calc(50% - 1em); }
  75% {
    background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, calc(50% - 1em) calc(50% + 1em), calc(50% - 1.5em) 50%, calc(50% - 1em) calc(50% - 1em); }
  81.25% {
    background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, calc(50% - 1.5em) 50%, calc(50% - 1em) calc(50% - 1em); }
  87.5% {
    background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, calc(50% - 1em) calc(50% - 1em); } }

/* https://codepen.io/carpenumidium/pen/oBtja
------------------------------------------------------------------- */
.spinner-pulsed {
  height: 100%;
  background-color: #3F51B5;
  background-image: linear-gradient(white, white), linear-gradient(white, white), linear-gradient(white, white), linear-gradient(white, white), linear-gradient(white, white), linear-gradient(white, white), linear-gradient(white, white);
  background-position: calc(50% - 30px) 50%, calc(50% - 20px) 50%, calc(50% - 10px) 50%, 50% 50%, calc(50% + 10px) 50%, calc(50% + 20px) 50%, calc(50% + 30px) 50%;
  background-size: 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px;
  background-repeat: no-repeat;
  animation: l-bars 1.6s linear infinite alternate; }

@keyframes l-bars {
  0% {
    background-size: 5px 30px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px; }
  16.6% {
    background-size: 5px 10px, 5px 40px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px; }
  33.2% {
    background-size: 5px 10px, 5px 10px, 5px 40px, 5px 10px, 5px 10px, 5px 10px, 5px 10px; }
  49.8% {
    background-size: 5px 10px, 5px 10px, 5px 10px, 5px 40px, 5px 10px, 5px 10px, 5px 10px; }
  66.4% {
    background-size: 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 40px, 5px 10px, 5px 10px; }
  83% {
    background-size: 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 40px, 5px 10px; }
  100% {
    background-size: 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 40px; } }

/* See: https://codepen.io/carpenumidium/pen/svIqw
------------------------------------------------------------------- */
.spinner-rotate-dots {
  height: 100%;
  background-color: #3F51B5;
  background-image: radial-gradient(white 45%, transparent 50%), radial-gradient(rgba(255, 255, 255, 0.3) 5%, transparent 10%), radial-gradient(rgba(255, 255, 255, 0.4) 10%, transparent 15%), radial-gradient(rgba(255, 255, 255, 0.5) 10%, transparent 15%), radial-gradient(rgba(255, 255, 255, 0.6) 20%, transparent 25%), radial-gradient(rgba(255, 255, 255, 0.7) 20%, transparent 25%), radial-gradient(rgba(255, 255, 255, 0.8) 30%, transparent 35%), radial-gradient(rgba(255, 255, 255, 0.9) 30%, transparent 35%);
  background-position: 50% calc(50% - 20px), calc(50% + 16px) calc(50% - 16px), calc(50% + 24px) 50%, calc(50% + 16px) calc(50% + 16px), 50% calc(50% + 24px), calc(50% - 16px) calc(50% + 16px), calc(50% - 24px) 50%, calc(50% - 16px) calc(50% - 16px);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  animation: load-dots 1s linear infinite; }

@keyframes load-dots {
  12.5% {
    background-image: radial-gradient(rgba(255, 255, 255, 0.9) 30%, transparent 35%), radial-gradient(white 45%, transparent 50%), radial-gradient(rgba(255, 255, 255, 0.3) 5%, transparent 10%), radial-gradient(rgba(255, 255, 255, 0.4) 10%, transparent 15%), radial-gradient(rgba(255, 255, 255, 0.5) 10%, transparent 15%), radial-gradient(rgba(255, 255, 255, 0.6) 20%, transparent 25%), radial-gradient(rgba(255, 255, 255, 0.7) 20%, transparent 25%), radial-gradient(rgba(255, 255, 255, 0.8) 30%, transparent 35%); }
  25% {
    background-image: radial-gradient(rgba(255, 255, 255, 0.8) 30%, transparent 35%), radial-gradient(rgba(255, 255, 255, 0.9) 30%, transparent 35%), radial-gradient(white 45%, transparent 50%), radial-gradient(rgba(255, 255, 255, 0.3) 5%, transparent 10%), radial-gradient(rgba(255, 255, 255, 0.4) 10%, transparent 15%), radial-gradient(rgba(255, 255, 255, 0.5) 10%, transparent 15%), radial-gradient(rgba(255, 255, 255, 0.6) 20%, transparent 25%), radial-gradient(rgba(255, 255, 255, 0.7) 20%, transparent 25%); }
  37.5% {
    background-image: radial-gradient(rgba(255, 255, 255, 0.7) 20%, transparent 25%), radial-gradient(rgba(255, 255, 255, 0.8) 30%, transparent 35%), radial-gradient(rgba(255, 255, 255, 0.9) 30%, transparent 35%), radial-gradient(white 45%, transparent 50%), radial-gradient(rgba(255, 255, 255, 0.3) 5%, transparent 10%), radial-gradient(rgba(255, 255, 255, 0.4) 10%, transparent 15%), radial-gradient(rgba(255, 255, 255, 0.5) 10%, transparent 15%), radial-gradient(rgba(255, 255, 255, 0.6) 20%, transparent 25%); }
  50% {
    background-image: radial-gradient(rgba(255, 255, 255, 0.6) 20%, transparent 25%), radial-gradient(rgba(255, 255, 255, 0.7) 20%, transparent 25%), radial-gradient(rgba(255, 255, 255, 0.8) 30%, transparent 35%), radial-gradient(rgba(255, 255, 255, 0.9) 30%, transparent 35%), radial-gradient(white 45%, transparent 50%), radial-gradient(rgba(255, 255, 255, 0.3) 5%, transparent 10%), radial-gradient(rgba(255, 255, 255, 0.4) 10%, transparent 15%), radial-gradient(rgba(255, 255, 255, 0.5) 10%, transparent 15%); }
  62.5% {
    background-image: radial-gradient(rgba(255, 255, 255, 0.5) 10%, transparent 15%), radial-gradient(rgba(255, 255, 255, 0.6) 20%, transparent 25%), radial-gradient(rgba(255, 255, 255, 0.7) 20%, transparent 25%), radial-gradient(rgba(255, 255, 255, 0.8) 30%, transparent 35%), radial-gradient(rgba(255, 255, 255, 0.9) 30%, transparent 35%), radial-gradient(white 45%, transparent 50%), radial-gradient(rgba(255, 255, 255, 0.3) 5%, transparent 10%), radial-gradient(rgba(255, 255, 255, 0.4) 10%, transparent 15%); }
  75% {
    background-image: radial-gradient(rgba(255, 255, 255, 0.4) 10%, transparent 15%), radial-gradient(rgba(255, 255, 255, 0.5) 10%, transparent 15%), radial-gradient(rgba(255, 255, 255, 0.6) 20%, transparent 25%), radial-gradient(rgba(255, 255, 255, 0.7) 20%, transparent 25%), radial-gradient(rgba(255, 255, 255, 0.8) 30%, transparent 35%), radial-gradient(rgba(255, 255, 255, 0.9) 30%, transparent 35%), radial-gradient(white 45%, transparent 50%), radial-gradient(rgba(255, 255, 255, 0.3) 5%, transparent 10%); }
  87.5% {
    background-image: radial-gradient(rgba(255, 255, 255, 0.3) 5%, transparent 10%), radial-gradient(rgba(255, 255, 255, 0.4) 10%, transparent 15%), radial-gradient(rgba(255, 255, 255, 0.5) 10%, transparent 15%), radial-gradient(rgba(255, 255, 255, 0.6) 20%, transparent 25%), radial-gradient(rgba(255, 255, 255, 0.7) 20%, transparent 25%), radial-gradient(rgba(255, 255, 255, 0.8) 30%, transparent 35%), radial-gradient(rgba(255, 255, 255, 0.9) 30%, transparent 35%), radial-gradient(white 45%, transparent 50%); }
  100% {
    background-image: radial-gradient(white 45%, transparent 50%), radial-gradient(rgba(255, 255, 255, 0.3) 5%, transparent 10%), radial-gradient(rgba(255, 255, 255, 0.4) 10%, transparent 15%), radial-gradient(rgba(255, 255, 255, 0.5) 10%, transparent 15%), radial-gradient(rgba(255, 255, 255, 0.6) 20%, transparent 25%), radial-gradient(rgba(255, 255, 255, 0.7) 20%, transparent 25%), radial-gradient(rgba(255, 255, 255, 0.8) 30%, transparent 35%), radial-gradient(rgba(255, 255, 255, 0.9) 30%, transparent 35%); } }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_slider_parallax.scss
 #  Provides styles for J1 Template Parallax Slider
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* NOTE: Several styles are moved to ~/assets/data/panels.html
        for dynamic processing.
------------------------------------------------------------------- */
.parallax-slider {
  color: #fff;
  padding: 75px 0;
  position: relative; }

.parallax-slider:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute; }

.parallax-slider:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute; }

/*Parallax Slider Inner*/
.parallax-slider-in {
  z-index: 1;
  padding: 0 45px;
  position: relative; }

.parallax-slider-in p {
  color: #FAFAFA;
  font-size: 28px;
  font-family: "Open Sans", Arial, sans-serif; }

/* moved to ~/assets/data/panels.html
.parallax-slider-in p:after,
.parallax-slider-in p:before {
  content: ' " ';
  position: absolute;
  font-family: Tahoma;
}

.parallax-slider-in p:after {
  margin-left: 5px;
}

.parallax-slider-in p:before {
  margin-left: -20px;
}
*/
.parallax-slider-in small {
  color: #E5E5E5;
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .parallax-slider-in {
    padding: 0 40px; }
  .parallax-slider-in p {
    font-size: 20px; } }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_rtable.scss
 #  Provides styles for J1 Template Responsive Tables
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/* Resource
 ---------------------------------------------------------------------------- */
/*    Document   : rtable-no-more-table
    Created on : 28/02/2012, 11:01:54 AM
    Author     : Simon Elvery
    Description:
        Demonstration of the responsive tables method described at by Chris Coyier
		at:
			http://elvery.net/demo/responsive-tables/#no-more-tables
			https://bootsnipp.com/snippets/featured/no-more-tables-respsonsive-table
			http://css-tricks.com/responsive-data-tables/
*/
@media only screen and (max-width: 768px) {
  /* Force table to not be like tables anymore */
  .rtable_v table,
  .rtable_v thead,
  .rtable_v tbody,
  .rtable_v th,
  .rtable_v td,
  .rtable_v tr {
    display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  .rtable_v thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .rtable_v tr {
    border: 1px solid #ccc; }
  .rtable_v td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    /* padding-left: 50%; */
    white-space: normal;
    text-align: left; }
  .rtable_v td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold; }
  .rtable_v td:before {
    content: attr(data-title); } }

@media only screen and (max-width: 768px) {
  .rtable_h .rtable:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .rtable_h * html .rtable {
    zoom: 1; }
  .rtable_h *:first-child + html .rtable {
    zoom: 1; }
  .rtable_h table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0; }
  .rtable_h th,
  .rtable_h td {
    margin: 0;
    vertical-align: top; }
  .rtable_h th {
    text-align: left; }
  .rtable_h table {
    display: block;
    position: relative;
    width: 100%; }
  .rtable_h thead {
    display: block;
    float: left; }
  .rtable_h tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap; }
  .rtable_h thead tr {
    display: block; }
  .rtable_h th {
    display: block;
    text-align: right; }
  .rtable_h tbody tr {
    display: inline-block;
    vertical-align: top; }
  .rtable_h td {
    display: block;
    min-height: 1.25em;
    text-align: left; }
  table.tableblock.rtable_h table.tableblock, th.tableblock, td.tableblock {
    border: 0 !important; }
  .rtable_h th {
    border-bottom: 0;
    border-left: 0;
    width: max-content;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    width: -ms-max-content; }
  .rtable_h td {
    border-left: 0;
    border-right: 0;
    border-bottom: 0; }
  .rtable_h tbody tr {
    border-left: 1px solid #babcbf; }
  .rtable_h th:last-child,
  .rtable_h td:last-child {
    border-bottom: 1px solid #babcbf; }
  .rtable_h td:before {
    content: attr(data-title); } }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/components/_tag_box.scss
 #  Provides styles for J1 Template Tag Box
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/*  Content
 ---------------------------------------------------------------------------- */
/*  Service link block
 ---------------------------------------------------------------------------- */
.tag-box {
  list-style: none;
  margin: 0;
  padding: 4px 0;
  overflow: hidden;
  *zoom: 1; }

.tag-box:before, .tag-box:after {
  display: table;
  content: "";
  line-height: 0; }

.tag-box:after {
  clear: both; }

.tag-box.inline li {
  float: left;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2.5; }

.tag-box a {
  padding: 4px 6px;
  margin: 2px;
  color: #FAFAFA;
  background-color: #E91E63;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none; }

.tag-box a span {
  vertical-align: super;
  font-size: 0.9rem; }

.page, .post {
  margin-bottom: 4em; }

.page-title, .post-title, .post-title a {
  color: #303030; }

.page-title, .post-title {
  margin-top: 0; }

.post-date {
  display: block;
  margin-top: -.5rem;
  margin-bottom: 1rem;
  color: #9a9a9a; }

ul.posts {
  list-style-type: none;
  margin-bottom: 2rem;
  padding: 0; }

ul.posts li {
  padding: 0.2rem 0; }

ul.posts li span {
  color: #9E9E9E;
  margin-left: 2rem;
  font-size: 2rem;
  font-weight: 600; }

ul.posts li a {
  /* color: #9E9E9E; */
  font-size: 1.75rem;
  font-weight: 400; }

ul.posts li a:hover {
  color: #9E9E9E;
  text-decoration: none;
  font-weight: 600; }

.related {
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid #eee; }

.related-posts {
  padding-left: 0;
  list-style: none; }

.related-posts h3 {
  margin-top: 0; }

.related-posts li small {
  font-size: 75%;
  color: #999; }

.related-posts li a:hover {
  color: #268bd2;
  text-decoration: none; }

.related-posts li a:hover small {
  color: inherit; }

/*  Tag Cloud classes
    Inspired by Justin James.
    See: http://digitaldrummerj.me/,
         https://github.com/digitaldrummerj/digitaldrummerj.github.io
 ---------------------------------------------------------------------------- */
.tag-cloud {
  margin-bottom: 10px;
  margin-top: 20px; }

.tag-cloud ul.cloud li {
  margin: 0; }

.tag-cloud ul.cloud li a {
  padding: 0 1em 0 1em;
  /* border: none !important; */
  padding-top: 5px;
  padding-bottom: 5px; }

.tag-cloud ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.tag-cloud ul li {
  display: inline-block;
  margin: 0 .3em .3em 0;
  padding: 0; }

.tag-cloud ul li a {
  position: relative;
  display: inline-block;
  line-height: 1.75rem;
  padding: 0 2em 0 1em;
  background-color: #3F51B5;
  border-radius: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #FAFAFA;
  font-size: 1rem !important;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s; }

.tag-cloud ul li a:hover {
  background-color: #1A237E; }

.tag-cloud ul li a:hover span {
  color: #1A237E; }

.tag-cloud ul li span {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  width: 20px;
  height: 20px;
  line-height: 1.5;
  background-color: #fff;
  border-radius: 100%;
  color: #000;
  font-size: 11px;
  padding: 3px;
  margin: -1px 0px 5px 5px;
  text-align: center;
  -webkit-transition: .2s;
  transition: .2s; }

.tag-numerator .badge {
  padding: 5px 20px;
  background-color: #444; }

/*
 # -----------------------------------------------------------------------------
 #  ~/scss/vendor/mde/_typography.scss
 #  Theme Uno - TYPOGRAPHY styles
 # -----------------------------------------------------------------------------
*/
.r-text, .r-text-500 {
  font-weight: 300; }

@media only screen and (max-width: 320px) {
  .r-text, .r-text-500 {
    font-size: calc(1rem) !important; } }

@media only screen and (min-width: 360px) {
  .r-text, .r-text-500 {
    font-size: 1.2rem !important; } }

@media only screen and (min-width: 390px) {
  .r-text, .r-text-500 {
    font-size: 1.224rem !important; } }

@media only screen and (min-width: 420px) {
  .r-text, .r-text-500 {
    font-size: 1.248rem !important; } }

@media only screen and (min-width: 450px) {
  .r-text, .r-text-500 {
    font-size: 1.272rem !important; } }

@media only screen and (min-width: 480px) {
  .r-text, .r-text-500 {
    font-size: 1.296rem !important; } }

@media only screen and (min-width: 510px) {
  .r-text, .r-text-500 {
    font-size: 1.32rem !important; } }

@media only screen and (min-width: 540px) {
  .r-text, .r-text-500 {
    font-size: 1.344rem !important; } }

@media only screen and (min-width: 570px) {
  .r-text, .r-text-500 {
    font-size: 1.368rem !important; } }

@media only screen and (min-width: 600px) {
  .r-text, .r-text-500 {
    font-size: 1.392rem !important; } }

@media only screen and (min-width: 630px) {
  .r-text, .r-text-500 {
    font-size: 1.416rem !important; } }

@media only screen and (min-width: 660px) {
  .r-text, .r-text-500 {
    font-size: 1.44rem !important; } }

@media only screen and (min-width: 690px) {
  .r-text, .r-text-500 {
    font-size: 1.464rem !important; } }

@media only screen and (min-width: 720px) {
  .r-text, .r-text-500 {
    font-size: 1.488rem !important; } }

@media only screen and (min-width: 750px) {
  .r-text, .r-text-500 {
    font-size: 1.512rem !important; } }

@media only screen and (min-width: 780px) {
  .r-text, .r-text-500 {
    font-size: 1.536rem !important; } }

@media only screen and (min-width: 810px) {
  .r-text, .r-text-500 {
    font-size: 1.56rem !important; } }

@media only screen and (min-width: 840px) {
  .r-text, .r-text-500 {
    font-size: 1.584rem !important; } }

@media only screen and (min-width: 870px) {
  .r-text, .r-text-500 {
    font-size: 1.608rem !important; } }

@media only screen and (min-width: 900px) {
  .r-text, .r-text-500 {
    font-size: 1.632rem !important; } }

@media only screen and (min-width: 930px) {
  .r-text, .r-text-500 {
    font-size: 1.656rem !important; } }

@media only screen and (min-width: 960px) {
  .r-text, .r-text-500 {
    font-size: 1.68rem !important; } }

.r-text-100 {
  font-weight: 300; }

@media only screen and (max-width: 320px) {
  .r-text-600 {
    font-size: calc(1rem * 0.5) !important; } }

@media only screen and (min-width: 360px) {
  .r-text-100 {
    font-size: calc(1.2rem * 0.5) !important; } }

@media only screen and (min-width: 390px) {
  .r-text-100 {
    font-size: calc(1.224rem * 0.5) !important; } }

@media only screen and (min-width: 420px) {
  .r-text-100 {
    font-size: calc(1.248rem * 0.5) !important; } }

@media only screen and (min-width: 450px) {
  .r-text-100 {
    font-size: calc(1.272rem * 0.5) !important; } }

@media only screen and (min-width: 480px) {
  .r-text-100 {
    font-size: calc(1.296rem * 0.5) !important; } }

@media only screen and (min-width: 510px) {
  .r-text-100 {
    font-size: calc(1.32rem * 0.5) !important; } }

@media only screen and (min-width: 540px) {
  .r-text-100 {
    font-size: calc(1.344rem * 0.5) !important; } }

@media only screen and (min-width: 570px) {
  .r-text-100 {
    font-size: calc(1.368rem * 0.5) !important; } }

@media only screen and (min-width: 600px) {
  .r-text-100 {
    font-size: calc(1.392rem * 0.5) !important; } }

@media only screen and (min-width: 630px) {
  .r-text-100 {
    font-size: calc(1.416rem* 0.5) !important; } }

@media only screen and (min-width: 660px) {
  .r-text-100 {
    font-size: calc(1.44rem * 0.5) !important; } }

@media only screen and (min-width: 690px) {
  .r-text-100 {
    font-size: calc(1.464rem * 0.5) !important; } }

@media only screen and (min-width: 720px) {
  .r-text-100 {
    font-size: calc(1.488rem * 0.5) !important; } }

@media only screen and (min-width: 750px) {
  .r-text-100 {
    font-size: calc(1.512rem * 0.5) !important; } }

@media only screen and (min-width: 780px) {
  .r-text-100 {
    font-size: calc(1.536rem * 0.5) !important; } }

@media only screen and (min-width: 810px) {
  .r-text-100 {
    font-size: calc(1.56rem * 0.5) !important; } }

@media only screen and (min-width: 840px) {
  .r-text-100 {
    font-size: calc(1.584rem * 0.5) !important; } }

@media only screen and (min-width: 870px) {
  .r-text-100 {
    font-size: calc(1.608rem * 0.5) !important; } }

@media only screen and (min-width: 900px) {
  .r-text-100 {
    font-size: calc(1.632rem * 0.5) !important; } }

@media only screen and (min-width: 930px) {
  .r-text-100 {
    font-size: calc(1.656rem * 0.5) !important; } }

@media only screen and (min-width: 960px) {
  .r-text-100 {
    font-size: calc(1.68rem * 0.5) !important; } }

.r-text-200 {
  font-weight: 300; }

@media only screen and (max-width: 320px) {
  .r-text-600 {
    font-size: calc(1rem * 0.6) !important; } }

@media only screen and (min-width: 360px) {
  .r-text-200 {
    font-size: calc(1.2rem * 0.6) !important; } }

@media only screen and (min-width: 390px) {
  .r-text-200 {
    font-size: calc(1.224rem * 0.6) !important; } }

@media only screen and (min-width: 420px) {
  .r-text-200 {
    font-size: calc(1.248rem * 0.6) !important; } }

@media only screen and (min-width: 450px) {
  .r-text-200 {
    font-size: calc(1.272rem * 0.6) !important; } }

@media only screen and (min-width: 480px) {
  .r-text-200 {
    font-size: calc(1.296rem * 0.6) !important; } }

@media only screen and (min-width: 510px) {
  .r-text-200 {
    font-size: calc(1.32rem * 0.6) !important; } }

@media only screen and (min-width: 540px) {
  .r-text-200 {
    font-size: calc(1.344rem * 0.6) !important; } }

@media only screen and (min-width: 570px) {
  .r-text-200 {
    font-size: calc(1.368rem * 0.6) !important; } }

@media only screen and (min-width: 600px) {
  .r-text-200 {
    font-size: calc(1.392rem * 0.6) !important; } }

@media only screen and (min-width: 630px) {
  .r-text-200 {
    font-size: calc(1.416rem* 0.6) !important; } }

@media only screen and (min-width: 660px) {
  .r-text-200 {
    font-size: calc(1.44rem * 0.6) !important; } }

@media only screen and (min-width: 690px) {
  .r-text-200 {
    font-size: calc(1.464rem * 0.6) !important; } }

@media only screen and (min-width: 720px) {
  .r-text-200 {
    font-size: calc(1.488rem * 0.6) !important; } }

@media only screen and (min-width: 750px) {
  .r-text-200 {
    font-size: calc(1.512rem * 0.6) !important; } }

@media only screen and (min-width: 780px) {
  .r-text-200 {
    font-size: calc(1.536rem * 0.6) !important; } }

@media only screen and (min-width: 810px) {
  .r-text-200 {
    font-size: calc(1.56rem * 0.6) !important; } }

@media only screen and (min-width: 840px) {
  .r-text-200 {
    font-size: calc(1.584rem * 0.6) !important; } }

@media only screen and (min-width: 870px) {
  .r-text-200 {
    font-size: calc(1.608rem * 0.6) !important; } }

@media only screen and (min-width: 900px) {
  .r-text-200 {
    font-size: calc(1.632rem * 0.6) !important; } }

@media only screen and (min-width: 930px) {
  .r-text-200 {
    font-size: calc(1.656rem * 0.6) !important; } }

@media only screen and (min-width: 960px) {
  .r-text-200 {
    font-size: calc(1.68rem * 0.6) !important; } }

.r-text-300 {
  font-weight: 300; }

@media only screen and (max-width: 320px) {
  .r-text-600 {
    font-size: calc(1rem * 0.7) !important; } }

@media only screen and (min-width: 360px) {
  .r-text-300 {
    font-size: calc(1.2rem * 0.7) !important; } }

@media only screen and (min-width: 390px) {
  .r-text-300 {
    font-size: calc(1.224rem * 0.7) !important; } }

@media only screen and (min-width: 420px) {
  .r-text-300 {
    font-size: calc(1.248rem * 0.7) !important; } }

@media only screen and (min-width: 450px) {
  .r-text-300 {
    font-size: calc(1.272rem * 0.7) !important; } }

@media only screen and (min-width: 480px) {
  .r-text-300 {
    font-size: calc(1.296rem * 0.7) !important; } }

@media only screen and (min-width: 510px) {
  .r-text-300 {
    font-size: calc(1.32rem * 0.7) !important; } }

@media only screen and (min-width: 540px) {
  .r-text-300 {
    font-size: calc(1.344rem * 0.7) !important; } }

@media only screen and (min-width: 570px) {
  .r-text-300 {
    font-size: calc(1.368rem * 0.7) !important; } }

@media only screen and (min-width: 600px) {
  .r-text-300 {
    font-size: calc(1.392rem * 0.7) !important; } }

@media only screen and (min-width: 630px) {
  .r-text-300 {
    font-size: calc(1.416rem* 0.7) !important; } }

@media only screen and (min-width: 660px) {
  .r-text-300 {
    font-size: calc(1.44rem * 0.7) !important; } }

@media only screen and (min-width: 690px) {
  .r-text-300 {
    font-size: calc(1.464rem * 0.7) !important; } }

@media only screen and (min-width: 720px) {
  .r-text-300 {
    font-size: calc(1.488rem * 0.7) !important; } }

@media only screen and (min-width: 750px) {
  .r-text-300 {
    font-size: calc(1.512rem * 0.7) !important; } }

@media only screen and (min-width: 780px) {
  .r-text-300 {
    font-size: calc(1.536rem * 0.7) !important; } }

@media only screen and (min-width: 810px) {
  .r-text-300 {
    font-size: calc(1.56rem * 0.7) !important; } }

@media only screen and (min-width: 840px) {
  .r-text-300 {
    font-size: calc(1.584rem * 0.7) !important; } }

@media only screen and (min-width: 870px) {
  .r-text-300 {
    font-size: calc(1.608rem * 0.7) !important; } }

@media only screen and (min-width: 900px) {
  .r-text-300 {
    font-size: calc(1.632rem * 0.7) !important; } }

@media only screen and (min-width: 930px) {
  .r-text-300 {
    font-size: calc(1.656rem * 0.7) !important; } }

@media only screen and (min-width: 960px) {
  .r-text-300 {
    font-size: calc(1.68rem * 0.7) !important; } }

.r-text-400 {
  font-weight: 300; }

@media only screen and (max-width: 320px) {
  .r-text-600 {
    font-size: calc(1rem * 0.8) !important; } }

@media only screen and (min-width: 360px) {
  .r-text-400 {
    font-size: calc(1.2rem * 0.8) !important; } }

@media only screen and (min-width: 390px) {
  .r-text-400 {
    font-size: calc(1.224rem * 0.8) !important; } }

@media only screen and (min-width: 420px) {
  .r-text-400 {
    font-size: calc(1.248rem * 0.8) !important; } }

@media only screen and (min-width: 450px) {
  .r-text-400 {
    font-size: calc(1.272rem * 0.8) !important; } }

@media only screen and (min-width: 480px) {
  .r-text-400 {
    font-size: calc(1.296rem * 0.8) !important; } }

@media only screen and (min-width: 510px) {
  .r-text-400 {
    font-size: calc(1.32rem * 0.8) !important; } }

@media only screen and (min-width: 540px) {
  .r-text-400 {
    font-size: calc(1.344rem * 0.8) !important; } }

@media only screen and (min-width: 570px) {
  .r-text-400 {
    font-size: calc(1.368rem * 0.8) !important; } }

@media only screen and (min-width: 600px) {
  .r-text-400 {
    font-size: calc(1.392rem * 0.8) !important; } }

@media only screen and (min-width: 630px) {
  .r-text-400 {
    font-size: calc(1.416rem* 0.8) !important; } }

@media only screen and (min-width: 660px) {
  .r-text-400 {
    font-size: calc(1.44rem * 0.8) !important; } }

@media only screen and (min-width: 690px) {
  .r-text-400 {
    font-size: calc(1.464rem * 0.8) !important; } }

@media only screen and (min-width: 720px) {
  .r-text-400 {
    font-size: calc(1.488rem * 0.8) !important; } }

@media only screen and (min-width: 750px) {
  .r-text-400 {
    font-size: calc(1.512rem * 0.8) !important; } }

@media only screen and (min-width: 780px) {
  .r-text-400 {
    font-size: calc(1.536rem * 0.8) !important; } }

@media only screen and (min-width: 810px) {
  .r-text-400 {
    font-size: calc(1.56rem * 0.8) !important; } }

@media only screen and (min-width: 840px) {
  .r-text-400 {
    font-size: calc(1.584rem * 0.8) !important; } }

@media only screen and (min-width: 870px) {
  .r-text-400 {
    font-size: calc(1.608rem * 0.8) !important; } }

@media only screen and (min-width: 900px) {
  .r-text-400 {
    font-size: calc(1.632rem * 0.8) !important; } }

@media only screen and (min-width: 930px) {
  .r-text-400 {
    font-size: calc(1.656rem * 0.8) !important; } }

@media only screen and (min-width: 960px) {
  .r-text-400 {
    font-size: calc(1.68rem * 0.8) !important; } }

@media only screen and (max-width: 360px) {
  .r-text-400 {
    font-size: calc(1.2rem * 0.8) !important; } }

.r-text-600 {
  font-weight: 300; }

@media only screen and (max-width: 320px) {
  .r-text-600 {
    font-size: calc(1rem * 1.25) !important; } }

@media only screen and (min-width: 360px) {
  .r-text-600 {
    font-size: calc(1.2rem * 1.25) !important; } }

@media only screen and (min-width: 390px) {
  .r-text-600 {
    font-size: calc(1.224rem * 1.25) !important; } }

@media only screen and (min-width: 420px) {
  .r-text-600 {
    font-size: calc(1.248rem * 1.25) !important; } }

@media only screen and (min-width: 450px) {
  .r-text-600 {
    font-size: calc(1.272rem * 1.25) !important; } }

@media only screen and (min-width: 480px) {
  .r-text-600 {
    font-size: calc(1.296rem * 1.25) !important; } }

@media only screen and (min-width: 510px) {
  .r-text-600 {
    font-size: calc(1.32rem * 1.25) !important; } }

@media only screen and (min-width: 540px) {
  .r-text-600 {
    font-size: calc(1.344rem * 1.25) !important; } }

@media only screen and (min-width: 570px) {
  .r-text-600 {
    font-size: calc(1.368rem * 1.25) !important; } }

@media only screen and (min-width: 600px) {
  .r-text-600 {
    font-size: calc(1.392rem * 1.25) !important; } }

@media only screen and (min-width: 630px) {
  .r-text-600 {
    font-size: calc(1.416rem* 1.25) !important; } }

@media only screen and (min-width: 660px) {
  .r-text-600 {
    font-size: calc(1.44rem * 1.25) !important; } }

@media only screen and (min-width: 690px) {
  .r-text-600 {
    font-size: calc(1.464rem * 1.25) !important; } }

@media only screen and (min-width: 720px) {
  .r-text-600 {
    font-size: calc(1.488rem * 1.25) !important; } }

@media only screen and (min-width: 750px) {
  .r-text-600 {
    font-size: calc(1.512rem * 1.25) !important; } }

@media only screen and (min-width: 780px) {
  .r-text-600 {
    font-size: calc(1.536rem * 1.25) !important; } }

@media only screen and (min-width: 810px) {
  .r-text-600 {
    font-size: calc(1.56rem * 1.25) !important; } }

@media only screen and (min-width: 840px) {
  .r-text-600 {
    font-size: calc(1.584rem * 1.25) !important; } }

@media only screen and (min-width: 870px) {
  .r-text-600 {
    font-size: calc(1.608rem * 1.25) !important; } }

@media only screen and (min-width: 900px) {
  .r-text-600 {
    font-size: calc(1.632rem * 1.25) !important; } }

@media only screen and (min-width: 930px) {
  .r-text-600 {
    font-size: calc(1.656rem * 1.25) !important; } }

@media only screen and (min-width: 960px) {
  .r-text-600 {
    font-size: calc(1.68rem * 1.25) !important; } }

.r-text-700 {
  font-weight: 300; }

@media only screen and (max-width: 320px) {
  .r-text-600 {
    font-size: calc(1rem * 1.5) !important; } }

@media only screen and (min-width: 360px) {
  .r-text-700 {
    font-size: 1.8rem !important; } }

@media only screen and (min-width: 390px) {
  .r-text-700 {
    font-size: 1.836rem !important; } }

@media only screen and (min-width: 420px) {
  .r-text-700 {
    font-size: 1.872rem !important; } }

@media only screen and (min-width: 450px) {
  .r-text-700 {
    font-size: 1.908rem !important; } }

@media only screen and (min-width: 480px) {
  .r-text-700 {
    font-size: 1.944rem !important; } }

@media only screen and (min-width: 510px) {
  .r-text-700 {
    font-size: 1.98rem !important; } }

@media only screen and (min-width: 540px) {
  .r-text-700 {
    font-size: 2.016rem !important; } }

@media only screen and (min-width: 570px) {
  .r-text-700 {
    font-size: 2.052rem !important; } }

@media only screen and (min-width: 600px) {
  .r-text-700 {
    font-size: 2.088rem !important; } }

@media only screen and (min-width: 630px) {
  .r-text-700 {
    font-size: 2.124rem !important; } }

@media only screen and (min-width: 660px) {
  .r-text-700 {
    font-size: 2.16rem !important; } }

@media only screen and (min-width: 690px) {
  .r-text-700 {
    font-size: 2.196rem !important; } }

@media only screen and (min-width: 720px) {
  .r-text-700 {
    font-size: 2.232rem !important; } }

@media only screen and (min-width: 750px) {
  .r-text-700 {
    font-size: 2.268rem !important; } }

@media only screen and (min-width: 780px) {
  .r-text-700 {
    font-size: 2.304rem !important; } }

@media only screen and (min-width: 810px) {
  .r-text-700 {
    font-size: 2.34rem !important; } }

@media only screen and (min-width: 840px) {
  .r-text-700 {
    font-size: 2.376rem !important; } }

@media only screen and (min-width: 870px) {
  .r-text-700 {
    font-size: 2.412rem !important; } }

@media only screen and (min-width: 900px) {
  .r-text-700 {
    font-size: 2.448rem !important; } }

@media only screen and (min-width: 930px) {
  .r-text-700 {
    font-size: 2.484rem !important; } }

@media only screen and (min-width: 960px) {
  .r-text-700 {
    font-size: 2.52rem !important; } }

/*
 # ----------------------------------------------------------------------------
 #  ~/theme_uno/components/mde/_mde_buttons.scss
 #  Theme Uno - MDE button styles
 # ----------------------------------------------------------------------------
*/
/* jadams, 2017-12-07, enlarge button size */
.btn {
  padding: .5rem 1rem .5rem 1rem; }

.btn.btn-round {
  border-radius: 30px; }

.btn.btn-flex {
  display: inline-flex;
  align-items: center; }

.btn:not(.btn-just-icon):not(.btn-fab):not(.btn-text) .fa {
  margin-right: .5rem; }

.btn:not(.btn-just-icon):not(.btn-fab):not(.btn-text) .mdi {
  margin-right: .5rem; }

.btn:not(.btn-just-icon):not(.btn-fab):not(.btn-text) .zmdi {
  margin-right: .5rem; }

/* jadams: social media button styles */
.btn.btn-facebook {
  background-color: #3b5998;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12); }

.btn.btn-facebook:focus, .btn.btn-facebook:active, .btn.btn-facebook:hover {
  background-color: #3b5998;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2); }

.btn.btn-facebook.btn-simple {
  color: #3b5998;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-twitter {
  background-color: #55acee;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12); }

.btn.btn-twitter:focus, .btn.btn-twitter:active, .btn.btn-twitter:hover {
  background-color: #55acee;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2); }

.btn.btn-twitter.btn-simple {
  color: #55acee;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-pinterest {
  background-color: #cc2127;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12); }

.btn.btn-pinterest:focus, .btn.btn-pinterest:active, .btn.btn-pinterest:hover {
  background-color: #cc2127;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2); }

.btn.btn-pinterest.btn-simple {
  color: #cc2127;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-google {
  background-color: #dd4b39;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12); }

.btn.btn-google:focus, .btn.btn-google:active, .btn.btn-google:hover {
  background-color: #dd4b39;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2); }

.btn.btn-google.btn-simple {
  color: #dd4b39;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-linkedin {
  background-color: #0976b4;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12); }

.btn.btn-linkedin:focus, .btn.btn-linkedin:active, .btn.btn-linkedin:hover {
  background-color: #0976b4;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2); }

.btn.btn-linkedin.btn-simple {
  color: #0976b4;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-dribbble {
  background-color: #ea4c89;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12); }

.btn.btn-dribbble:focus, .btn.btn-dribbble:active, .btn.btn-dribbble:hover {
  background-color: #ea4c89;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2); }

.btn.btn-dribbble.btn-simple {
  color: #ea4c89;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-github {
  background-color: #333333;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12); }

.btn.btn-github:focus, .btn.btn-github:active, .btn.btn-github:hover {
  background-color: #333333;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2); }

.btn.btn-github.btn-simple {
  color: #333333;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-youtube {
  background-color: #e52d27;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12); }

.btn.btn-youtube:focus, .btn.btn-youtube:active, .btn.btn-youtube:hover {
  background-color: #e52d27;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2); }

.btn.btn-youtube.btn-simple {
  color: #e52d27;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-instagram {
  background-color: #125688;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12); }

.btn.btn-instagram:focus, .btn.btn-instagram:active, .btn.btn-instagram:hover {
  background-color: #125688;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2); }

.btn.btn-instagram.btn-simple {
  color: #125688;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-reddit {
  background-color: #ff4500;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12); }

.btn.btn-reddit:focus, .btn.btn-reddit:active, .btn.btn-reddit:hover {
  background-color: #ff4500;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2); }

.btn.btn-reddit.btn-simple {
  color: #ff4500;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-tumblr {
  background-color: #35465c;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12); }

.btn.btn-tumblr:focus, .btn.btn-tumblr:active, .btn.btn-tumblr:hover {
  background-color: #35465c;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2); }

.btn.btn-tumblr.btn-simple {
  color: #35465c;
  background-color: transparent;
  box-shadow: none; }

.btn.btn-behance {
  background-color: #1769ff;
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12); }

.btn.btn-behance:focus, .btn.btn-behance:active, .btn.btn-behance:hover {
  background-color: #1769ff;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); }

.btn.btn-behance.btn-simple {
  color: #1769ff;
  background-color: transparent;
  box-shadow: none; }

/*
 # -----------------------------------------------------------------------------
 #  ~/vendor/asciidoc/_md_color_palette.scss
 #  Bootstrap MDE - Color Palette for MD Icons
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 # -----------------------------------------------------------------------------
*/
.md-red {
  color: #f44336 !important; }

a.md-red:hover,
a.md-red:focus {
  color: #e53935 !important; }

.md-red-50 {
  color: #ffebee !important; }

a.md-red-50:hover,
a.md-red-50:focus {
  color: #ffcdd2 !important; }

.md-red-100 {
  color: #ffcdd2 !important; }

a.md-red-100:hover,
a.md-red-100:focus {
  color: #ef9a9a !important; }

.md-red-200 {
  color: #ef9a9a !important; }

a.md-red-200:hover,
a.md-red-200:focus {
  color: #e57373 !important; }

.md-red-300 {
  color: #e57373 !important; }

a.md-red-300:hover,
a.md-red-300:focus {
  color: #ef5350 !important; }

.md-red-400 {
  color: #ef5350 !important; }

a.md-red-400:hover,
a.md-red-400:focus {
  color: #f44336 !important; }

.md-red-500 {
  color: #f44336 !important; }

a.md-red-500:hover,
a.md-red-500:focus {
  color: #e53935 !important; }

.md-red-600 {
  color: #e53935 !important; }

a.md-red-600:hover,
a.md-red-600:focus {
  color: #d32f2f !important; }

.md-red-700 {
  color: #d32f2f !important; }

a.md-red-700:hover,
a.md-red-700:focus {
  color: #c62828 !important; }

.md-red-800 {
  color: #c62828 !important; }

a.md-red-800:hover,
a.md-red-800:focus {
  color: #b71c1c !important; }

.md-red-900 {
  color: #b71c1c !important; }

a.md-red-900:hover,
a.md-red-900:focus {
  color: #8b1515 !important; }

.md-red-A100 {
  color: #ff8a80 !important; }

a.md-red-A100:hover,
a.md-red-A100:focus {
  color: #ff5b4d !important; }

.md-red-A200 {
  color: #ff5252 !important; }

a.md-red-A200:hover,
a.md-red-A200:focus {
  color: #ff1f1f !important; }

.md-red-A400 {
  color: #ff1744 !important; }

a.md-red-A400:hover,
a.md-red-A400:focus {
  color: #e3002c !important; }

.md-red-A700 {
  color: #d50000 !important; }

a.md-red-A700:hover,
a.md-red-A700:focus {
  color: #a20000 !important; }

.md-bg-red {
  background-color: #f44336 !important; }

a.md-bg-red:hover,
a.md-bg-red:focus {
  background-color: #e53935 !important; }

.md-bg-red-50 {
  background-color: #ffebee !important; }

a.md-bg-red-50:hover,
a.md-bg-red-50:focus {
  background-color: #ffcdd2 !important; }

.md-bg-red-100 {
  background-color: #ffcdd2 !important; }

a.md-bg-red-100:hover,
a.md-bg-red-100:focus {
  background-color: #ef9a9a !important; }

.md-bg-red-200 {
  background-color: #ef9a9a !important; }

a.md-bg-red-200:hover,
a.md-bg-red-200:focus {
  background-color: #e57373 !important; }

.md-bg-red-300 {
  background-color: #e57373 !important; }

a.md-bg-red-300:hover,
a.md-bg-red-300:focus {
  background-color: #ef5350 !important; }

.md-bg-red-400 {
  background-color: #ef5350 !important; }

a.md-bg-red-400:hover,
a.md-bg-red-400:focus {
  background-color: #f44336 !important; }

.md-bg-red-500 {
  background-color: #f44336 !important; }

a.md-bg-red-500:hover,
a.md-bg-red-500:focus {
  background-color: #e53935 !important; }

.md-bg-red-600 {
  background-color: #e53935 !important; }

a.md-bg-red-600:hover,
a.md-bg-red-600:focus {
  background-color: #d32f2f !important; }

.md-bg-red-700 {
  background-color: #d32f2f !important; }

a.md-bg-red-700:hover,
a.md-bg-red-700:focus {
  background-color: #c62828 !important; }

.md-bg-red-800 {
  background-color: #c62828 !important; }

a.md-bg-red-800:hover,
a.md-bg-red-800:focus {
  background-color: #b71c1c !important; }

.md-bg-red-900 {
  background-color: #b71c1c !important; }

a.md-bg-red-900:hover,
a.md-bg-red-900:focus {
  background-color: #8b1515 !important; }

.md-bg-red-A100 {
  background-color: #ff8a80 !important; }

a.md-bg-red-A100:hover,
a.md-bg-red-A100:focus {
  background-color: #ff5b4d !important; }

.md-bg-red-A200 {
  background-color: #ff5252 !important; }

a.md-bg-red-A200:hover,
a.md-bg-red-A200:focus {
  background-color: #ff1f1f !important; }

.md-bg-red-A400 {
  background-color: #ff1744 !important; }

a.md-bg-red-A400:hover,
a.md-bg-red-A400:focus {
  background-color: #e3002c !important; }

.md-bg-red-A700 {
  background-color: #d50000 !important; }

a.md-bg-red-A700:hover,
a.md-bg-red-A700:focus {
  background-color: #a20000 !important; }

.md-pink {
  color: #e91e63 !important; }

a.md-pink:hover,
a.md-pink:focus {
  color: #d81b60 !important; }

.md-pink-50 {
  color: #fce4ec !important; }

a.md-pink-50:hover,
a.md-pink-50:focus {
  color: #f8bbd0 !important; }

.md-pink-100 {
  color: #f8bbd0 !important; }

a.md-pink-100:hover,
a.md-pink-100:focus {
  color: #f48fb1 !important; }

.md-pink-200 {
  color: #f48fb1 !important; }

a.md-pink-200:hover,
a.md-pink-200:focus {
  color: #f06292 !important; }

.md-pink-300 {
  color: #f06292 !important; }

a.md-pink-300:hover,
a.md-pink-300:focus {
  color: #ec407a !important; }

.md-pink-400 {
  color: #ec407a !important; }

a.md-pink-400:hover,
a.md-pink-400:focus {
  color: #e91e63 !important; }

.md-pink-500 {
  color: #e91e63 !important; }

a.md-pink-500:hover,
a.md-pink-500:focus {
  color: #d81b60 !important; }

.md-pink-600 {
  color: #d81b60 !important; }

a.md-pink-600:hover,
a.md-pink-600:focus {
  color: #c2185b !important; }

.md-pink-700 {
  color: #c2185b !important; }

a.md-pink-700:hover,
a.md-pink-700:focus {
  color: #ad1457 !important; }

.md-pink-800 {
  color: #ad1457 !important; }

a.md-pink-800:hover,
a.md-pink-800:focus {
  color: #880e4f !important; }

.md-pink-900 {
  color: #880e4f !important; }

a.md-pink-900:hover,
a.md-pink-900:focus {
  color: #5a0934 !important; }

.md-pink-A100 {
  color: #ff80ab !important; }

a.md-pink-A100:hover,
a.md-pink-A100:focus {
  color: #ff4d89 !important; }

.md-pink-A200 {
  color: #ff4081 !important; }

a.md-pink-A200:hover,
a.md-pink-A200:focus {
  color: #ff0d5f !important; }

.md-pink-A400 {
  color: #f50057 !important; }

a.md-pink-A400:hover,
a.md-pink-A400:focus {
  color: #c20045 !important; }

.md-pink-A700 {
  color: #c51162 !important; }

a.md-pink-A700:hover,
a.md-pink-A700:focus {
  color: #960d4b !important; }

.md-bg-pink {
  background-color: #e91e63 !important; }

a.md-bg-pink:hover,
a.md-bg-pink:focus {
  background-color: #d81b60 !important; }

.md-bg-pink-50 {
  background-color: #fce4ec !important; }

a.md-bg-pink-50:hover,
a.md-bg-pink-50:focus {
  background-color: #f8bbd0 !important; }

.md-bg-pink-100 {
  background-color: #f8bbd0 !important; }

a.md-bg-pink-100:hover,
a.md-bg-pink-100:focus {
  background-color: #f48fb1 !important; }

.md-bg-pink-200 {
  background-color: #f48fb1 !important; }

a.md-bg-pink-200:hover,
a.md-bg-pink-200:focus {
  background-color: #f06292 !important; }

.md-bg-pink-300 {
  background-color: #f06292 !important; }

a.md-bg-pink-300:hover,
a.md-bg-pink-300:focus {
  background-color: #ec407a !important; }

.md-bg-pink-400 {
  background-color: #ec407a !important; }

a.md-bg-pink-400:hover,
a.md-bg-pink-400:focus {
  background-color: #e91e63 !important; }

.md-bg-pink-500 {
  background-color: #e91e63 !important; }

a.md-bg-pink-500:hover,
a.md-bg-pink-500:focus {
  background-color: #d81b60 !important; }

.md-bg-pink-600 {
  background-color: #d81b60 !important; }

a.md-bg-pink-600:hover,
a.md-bg-pink-600:focus {
  background-color: #c2185b !important; }

.md-bg-pink-700 {
  background-color: #c2185b !important; }

a.md-bg-pink-700:hover,
a.md-bg-pink-700:focus {
  background-color: #ad1457 !important; }

.md-bg-pink-800 {
  background-color: #ad1457 !important; }

a.md-bg-pink-800:hover,
a.md-bg-pink-800:focus {
  background-color: #880e4f !important; }

.md-bg-pink-900 {
  background-color: #880e4f !important; }

a.md-bg-pink-900:hover,
a.md-bg-pink-900:focus {
  background-color: #5a0934 !important; }

.md-bg-pink-A100 {
  background-color: #ff80ab !important; }

a.md-bg-pink-A100:hover,
a.md-bg-pink-A100:focus {
  background-color: #ff4d89 !important; }

.md-bg-pink-A200 {
  background-color: #ff4081 !important; }

a.md-bg-pink-A200:hover,
a.md-bg-pink-A200:focus {
  background-color: #ff0d5f !important; }

.md-bg-pink-A400 {
  background-color: #f50057 !important; }

a.md-bg-pink-A400:hover,
a.md-bg-pink-A400:focus {
  background-color: #c20045 !important; }

.md-bg-pink-A700 {
  background-color: #c51162 !important; }

a.md-bg-pink-A700:hover,
a.md-bg-pink-A700:focus {
  background-color: #960d4b !important; }

.md-purple {
  color: #9c27b0 !important; }

a.md-purple:hover,
a.md-purple:focus {
  color: #8e24aa !important; }

.md-purple-50 {
  color: #f3e5f5 !important; }

a.md-purple-50:hover,
a.md-purple-50:focus {
  color: #e1bee7 !important; }

.md-purple-100 {
  color: #e1bee7 !important; }

a.md-purple-100:hover,
a.md-purple-100:focus {
  color: #ce93d8 !important; }

.md-purple-200 {
  color: #ce93d8 !important; }

a.md-purple-200:hover,
a.md-purple-200:focus {
  color: #ba68c8 !important; }

.md-purple-300 {
  color: #ba68c8 !important; }

a.md-purple-300:hover,
a.md-purple-300:focus {
  color: #ab47bc !important; }

.md-purple-400 {
  color: #ab47bc !important; }

a.md-purple-400:hover,
a.md-purple-400:focus {
  color: #9c27b0 !important; }

.md-purple-500 {
  color: #9c27b0 !important; }

a.md-purple-500:hover,
a.md-purple-500:focus {
  color: #8e24aa !important; }

.md-purple-600 {
  color: #8e24aa !important; }

a.md-purple-600:hover,
a.md-purple-600:focus {
  color: #7b1fa2 !important; }

.md-purple-700 {
  color: #7b1fa2 !important; }

a.md-purple-700:hover,
a.md-purple-700:focus {
  color: #6a1b9a !important; }

.md-purple-800 {
  color: #6a1b9a !important; }

a.md-purple-800:hover,
a.md-purple-800:focus {
  color: #4a148c !important; }

.md-purple-900 {
  color: #4a148c !important; }

a.md-purple-900:hover,
a.md-purple-900:focus {
  color: #320e5f !important; }

.md-purple-A100 {
  color: #ea80fc !important; }

a.md-purple-A100:hover,
a.md-purple-A100:focus {
  color: #e24efb !important; }

.md-purple-A200 {
  color: #e040fb !important; }

a.md-purple-A200:hover,
a.md-purple-A200:focus {
  color: #d80efa !important; }

.md-purple-A400 {
  color: #d500f9 !important; }

a.md-purple-A400:hover,
a.md-purple-A400:focus {
  color: #a900c6 !important; }

.md-purple-A700 {
  color: #aa00ff !important; }

a.md-purple-A700:hover,
a.md-purple-A700:focus {
  color: #8800cc !important; }

.md-bg-purple {
  background-color: #9c27b0 !important; }

a.md-bg-purple:hover,
a.md-bg-purple:focus {
  background-color: #8e24aa !important; }

.md-bg-purple-50 {
  background-color: #f3e5f5 !important; }

a.md-bg-purple-50:hover,
a.md-bg-purple-50:focus {
  background-color: #e1bee7 !important; }

.md-bg-purple-100 {
  background-color: #e1bee7 !important; }

a.md-bg-purple-100:hover,
a.md-bg-purple-100:focus {
  background-color: #ce93d8 !important; }

.md-bg-purple-200 {
  background-color: #ce93d8 !important; }

a.md-bg-purple-200:hover,
a.md-bg-purple-200:focus {
  background-color: #ba68c8 !important; }

.md-bg-purple-300 {
  background-color: #ba68c8 !important; }

a.md-bg-purple-300:hover,
a.md-bg-purple-300:focus {
  background-color: #ab47bc !important; }

.md-bg-purple-400 {
  background-color: #ab47bc !important; }

a.md-bg-purple-400:hover,
a.md-bg-purple-400:focus {
  background-color: #9c27b0 !important; }

.md-bg-purple-500 {
  background-color: #9c27b0 !important; }

a.md-bg-purple-500:hover,
a.md-bg-purple-500:focus {
  background-color: #8e24aa !important; }

.md-bg-purple-600 {
  background-color: #8e24aa !important; }

a.md-bg-purple-600:hover,
a.md-bg-purple-600:focus {
  background-color: #7b1fa2 !important; }

.md-bg-purple-700 {
  background-color: #7b1fa2 !important; }

a.md-bg-purple-700:hover,
a.md-bg-purple-700:focus {
  background-color: #6a1b9a !important; }

.md-bg-purple-800 {
  background-color: #6a1b9a !important; }

a.md-bg-purple-800:hover,
a.md-bg-purple-800:focus {
  background-color: #4a148c !important; }

.md-bg-purple-900 {
  background-color: #4a148c !important; }

a.md-bg-purple-900:hover,
a.md-bg-purple-900:focus {
  background-color: #320e5f !important; }

.md-bg-purple-A100 {
  background-color: #ea80fc !important; }

a.md-bg-purple-A100:hover,
a.md-bg-purple-A100:focus {
  background-color: #e24efb !important; }

.md-bg-purple-A200 {
  background-color: #e040fb !important; }

a.md-bg-purple-A200:hover,
a.md-bg-purple-A200:focus {
  background-color: #d80efa !important; }

.md-bg-purple-A400 {
  background-color: #d500f9 !important; }

a.md-bg-purple-A400:hover,
a.md-bg-purple-A400:focus {
  background-color: #a900c6 !important; }

.md-bg-purple-A700 {
  background-color: #aa00ff !important; }

a.md-bg-purple-A700:hover,
a.md-bg-purple-A700:focus {
  background-color: #8800cc !important; }

.md-deep-purple {
  color: #673ab7 !important; }

a.md-deep-purple:hover,
a.md-deep-purple:focus {
  color: #5e35b1 !important; }

.md-deep-purple-50 {
  color: #ede7f6 !important; }

a.md-deep-purple-50:hover,
a.md-deep-purple-50:focus {
  color: #d1c4e9 !important; }

.md-deep-purple-100 {
  color: #d1c4e9 !important; }

a.md-deep-purple-100:hover,
a.md-deep-purple-100:focus {
  color: #b39ddb !important; }

.md-deep-purple-200 {
  color: #b39ddb !important; }

a.md-deep-purple-200:hover,
a.md-deep-purple-200:focus {
  color: #9575cd !important; }

.md-deep-purple-300 {
  color: #9575cd !important; }

a.md-deep-purple-300:hover,
a.md-deep-purple-300:focus {
  color: #7e57c2 !important; }

.md-deep-purple-400 {
  color: #7e57c2 !important; }

a.md-deep-purple-400:hover,
a.md-deep-purple-400:focus {
  color: #673ab7 !important; }

.md-deep-purple-500 {
  color: #673ab7 !important; }

a.md-deep-purple-500:hover,
a.md-deep-purple-500:focus {
  color: #5e35b1 !important; }

.md-deep-purple-600 {
  color: #5e35b1 !important; }

a.md-deep-purple-600:hover,
a.md-deep-purple-600:focus {
  color: #512da8 !important; }

.md-deep-purple-700 {
  color: #512da8 !important; }

a.md-deep-purple-700:hover,
a.md-deep-purple-700:focus {
  color: #4527a0 !important; }

.md-deep-purple-800 {
  color: #4527a0 !important; }

a.md-deep-purple-800:hover,
a.md-deep-purple-800:focus {
  color: #311b92 !important; }

.md-deep-purple-900 {
  color: #311b92 !important; }

a.md-deep-purple-900:hover,
a.md-deep-purple-900:focus {
  color: #231367 !important; }

.md-deep-purple-A100 {
  color: #b388ff !important; }

a.md-deep-purple-A100:hover,
a.md-deep-purple-A100:focus {
  color: #9255ff !important; }

.md-deep-purple-A200 {
  color: #7c4dff !important; }

a.md-deep-purple-A200:hover,
a.md-deep-purple-A200:focus {
  color: #561aff !important; }

.md-deep-purple-A400 {
  color: #651fff !important; }

a.md-deep-purple-A400:hover,
a.md-deep-purple-A400:focus {
  color: #4900eb !important; }

.md-deep-purple-A700 {
  color: #6200ea !important; }

a.md-deep-purple-A700:hover,
a.md-deep-purple-A700:focus {
  color: #4d00b7 !important; }

.md-bg-deep-purple {
  background-color: #673ab7 !important; }

a.md-bg-deep-purple:hover,
a.md-bg-deep-purple:focus {
  background-color: #5e35b1 !important; }

.md-bg-deep-purple-50 {
  background-color: #ede7f6 !important; }

a.md-bg-deep-purple-50:hover,
a.md-bg-deep-purple-50:focus {
  background-color: #d1c4e9 !important; }

.md-bg-deep-purple-100 {
  background-color: #d1c4e9 !important; }

a.md-bg-deep-purple-100:hover,
a.md-bg-deep-purple-100:focus {
  background-color: #b39ddb !important; }

.md-bg-deep-purple-200 {
  background-color: #b39ddb !important; }

a.md-bg-deep-purple-200:hover,
a.md-bg-deep-purple-200:focus {
  background-color: #9575cd !important; }

.md-bg-deep-purple-300 {
  background-color: #9575cd !important; }

a.md-bg-deep-purple-300:hover,
a.md-bg-deep-purple-300:focus {
  background-color: #7e57c2 !important; }

.md-bg-deep-purple-400 {
  background-color: #7e57c2 !important; }

a.md-bg-deep-purple-400:hover,
a.md-bg-deep-purple-400:focus {
  background-color: #673ab7 !important; }

.md-bg-deep-purple-500 {
  background-color: #673ab7 !important; }

a.md-bg-deep-purple-500:hover,
a.md-bg-deep-purple-500:focus {
  background-color: #5e35b1 !important; }

.md-bg-deep-purple-600 {
  background-color: #5e35b1 !important; }

a.md-bg-deep-purple-600:hover,
a.md-bg-deep-purple-600:focus {
  background-color: #512da8 !important; }

.md-bg-deep-purple-700 {
  background-color: #512da8 !important; }

a.md-bg-deep-purple-700:hover,
a.md-bg-deep-purple-700:focus {
  background-color: #4527a0 !important; }

.md-bg-deep-purple-800 {
  background-color: #4527a0 !important; }

a.md-bg-deep-purple-800:hover,
a.md-bg-deep-purple-800:focus {
  background-color: #311b92 !important; }

.md-bg-deep-purple-900 {
  background-color: #311b92 !important; }

a.md-bg-deep-purple-900:hover,
a.md-bg-deep-purple-900:focus {
  background-color: #231367 !important; }

.md-bg-deep-purple-A100 {
  background-color: #b388ff !important; }

a.md-bg-deep-purple-A100:hover,
a.md-bg-deep-purple-A100:focus {
  background-color: #9255ff !important; }

.md-bg-deep-purple-A200 {
  background-color: #7c4dff !important; }

a.md-bg-deep-purple-A200:hover,
a.md-bg-deep-purple-A200:focus {
  background-color: #561aff !important; }

.md-bg-deep-purple-A400 {
  background-color: #651fff !important; }

a.md-bg-deep-purple-A400:hover,
a.md-bg-deep-purple-A400:focus {
  background-color: #4900eb !important; }

.md-bg-deep-purple-A700 {
  background-color: #6200ea !important; }

a.md-bg-deep-purple-A700:hover,
a.md-bg-deep-purple-A700:focus {
  background-color: #4d00b7 !important; }

.md-indigo {
  color: #3f51b5 !important; }

a.md-indigo:hover,
a.md-indigo:focus {
  color: #3949ab !important; }

.md-indigo-50 {
  color: #e8eaf6 !important; }

a.md-indigo-50:hover,
a.md-indigo-50:focus {
  color: #c5cae9 !important; }

.md-indigo-100 {
  color: #c5cae9 !important; }

a.md-indigo-100:hover,
a.md-indigo-100:focus {
  color: #9fa8da !important; }

.md-indigo-200 {
  color: #9fa8da !important; }

a.md-indigo-200:hover,
a.md-indigo-200:focus {
  color: #7986cb !important; }

.md-indigo-300 {
  color: #7986cb !important; }

a.md-indigo-300:hover,
a.md-indigo-300:focus {
  color: #5c6bc0 !important; }

.md-indigo-400 {
  color: #5c6bc0 !important; }

a.md-indigo-400:hover,
a.md-indigo-400:focus {
  color: #3f51b5 !important; }

.md-indigo-500 {
  color: #3f51b5 !important; }

a.md-indigo-500:hover,
a.md-indigo-500:focus {
  color: #3949ab !important; }

.md-indigo-600 {
  color: #3949ab !important; }

a.md-indigo-600:hover,
a.md-indigo-600:focus {
  color: #303f9f !important; }

.md-indigo-700 {
  color: #303f9f !important; }

a.md-indigo-700:hover,
a.md-indigo-700:focus {
  color: #283593 !important; }

.md-indigo-800 {
  color: #283593 !important; }

a.md-indigo-800:hover,
a.md-indigo-800:focus {
  color: #1a237e !important; }

.md-indigo-900 {
  color: #1a237e !important; }

a.md-indigo-900:hover,
a.md-indigo-900:focus {
  color: #111754 !important; }

.md-indigo-A100 {
  color: #8c9eff !important; }

a.md-indigo-A100:hover,
a.md-indigo-A100:focus {
  color: #5973ff !important; }

.md-indigo-A200 {
  color: #536dfe !important; }

a.md-indigo-A200:hover,
a.md-indigo-A200:focus {
  color: #2042fe !important; }

.md-indigo-A400 {
  color: #3d5afe !important; }

a.md-indigo-A400:hover,
a.md-indigo-A400:focus {
  color: #0a2ffe !important; }

.md-indigo-A700 {
  color: #304ffe !important; }

a.md-indigo-A700:hover,
a.md-indigo-A700:focus {
  color: #0127fa !important; }

.md-bg-indigo {
  background-color: #3f51b5 !important; }

a.md-bg-indigo:hover,
a.md-bg-indigo:focus {
  background-color: #3949ab !important; }

.md-bg-indigo-50 {
  background-color: #e8eaf6 !important; }

a.md-bg-indigo-50:hover,
a.md-bg-indigo-50:focus {
  background-color: #c5cae9 !important; }

.md-bg-indigo-100 {
  background-color: #c5cae9 !important; }

a.md-bg-indigo-100:hover,
a.md-bg-indigo-100:focus {
  background-color: #9fa8da !important; }

.md-bg-indigo-200 {
  background-color: #9fa8da !important; }

a.md-bg-indigo-200:hover,
a.md-bg-indigo-200:focus {
  background-color: #7986cb !important; }

.md-bg-indigo-300 {
  background-color: #7986cb !important; }

a.md-bg-indigo-300:hover,
a.md-bg-indigo-300:focus {
  background-color: #5c6bc0 !important; }

.md-bg-indigo-400 {
  background-color: #5c6bc0 !important; }

a.md-bg-indigo-400:hover,
a.md-bg-indigo-400:focus {
  background-color: #3f51b5 !important; }

.md-bg-indigo-500 {
  background-color: #3f51b5 !important; }

a.md-bg-indigo-500:hover,
a.md-bg-indigo-500:focus {
  background-color: #3949ab !important; }

.md-bg-indigo-600 {
  background-color: #3949ab !important; }

a.md-bg-indigo-600:hover,
a.md-bg-indigo-600:focus {
  background-color: #303f9f !important; }

.md-bg-indigo-700 {
  background-color: #303f9f !important; }

a.md-bg-indigo-700:hover,
a.md-bg-indigo-700:focus {
  background-color: #283593 !important; }

.md-bg-indigo-800 {
  background-color: #283593 !important; }

a.md-bg-indigo-800:hover,
a.md-bg-indigo-800:focus {
  background-color: #1a237e !important; }

.md-bg-indigo-900 {
  background-color: #1a237e !important; }

a.md-bg-indigo-900:hover,
a.md-bg-indigo-900:focus {
  background-color: #111754 !important; }

.md-bg-indigo-A100 {
  background-color: #8c9eff !important; }

a.md-bg-indigo-A100:hover,
a.md-bg-indigo-A100:focus {
  background-color: #5973ff !important; }

.md-bg-indigo-A200 {
  background-color: #536dfe !important; }

a.md-bg-indigo-A200:hover,
a.md-bg-indigo-A200:focus {
  background-color: #2042fe !important; }

.md-bg-indigo-A400 {
  background-color: #3d5afe !important; }

a.md-bg-indigo-A400:hover,
a.md-bg-indigo-A400:focus {
  background-color: #0a2ffe !important; }

.md-bg-indigo-A700 {
  background-color: #304ffe !important; }

a.md-bg-indigo-A700:hover,
a.md-bg-indigo-A700:focus {
  background-color: #0127fa !important; }

.md-blue {
  color: #2196f3 !important; }

a.md-blue:hover,
a.md-blue:focus {
  color: #1e88e5 !important; }

.md-blue-50 {
  color: #e3f2fd !important; }

a.md-blue-50:hover,
a.md-blue-50:focus {
  color: #bbdefb !important; }

.md-blue-100 {
  color: #bbdefb !important; }

a.md-blue-100:hover,
a.md-blue-100:focus {
  color: #90caf9 !important; }

.md-blue-200 {
  color: #90caf9 !important; }

a.md-blue-200:hover,
a.md-blue-200:focus {
  color: #64b5f6 !important; }

.md-blue-300 {
  color: #64b5f6 !important; }

a.md-blue-300:hover,
a.md-blue-300:focus {
  color: #42a5f5 !important; }

.md-blue-400 {
  color: #42a5f5 !important; }

a.md-blue-400:hover,
a.md-blue-400:focus {
  color: #2196f3 !important; }

.md-blue-500 {
  color: #2196f3 !important; }

a.md-blue-500:hover,
a.md-blue-500:focus {
  color: #1e88e5 !important; }

.md-blue-600 {
  color: #1e88e5 !important; }

a.md-blue-600:hover,
a.md-blue-600:focus {
  color: #1976d2 !important; }

.md-blue-700 {
  color: #1976d2 !important; }

a.md-blue-700:hover,
a.md-blue-700:focus {
  color: #1565c0 !important; }

.md-blue-800 {
  color: #1565c0 !important; }

a.md-blue-800:hover,
a.md-blue-800:focus {
  color: #0d47a1 !important; }

.md-blue-900 {
  color: #0d47a1 !important; }

a.md-blue-900:hover,
a.md-blue-900:focus {
  color: #093272 !important; }

.md-blue-A100 {
  color: #82b1ff !important; }

a.md-blue-A100:hover,
a.md-blue-A100:focus {
  color: #4f91ff !important; }

.md-blue-A200 {
  color: #448aff !important; }

a.md-blue-A200:hover,
a.md-blue-A200:focus {
  color: #116aff !important; }

.md-blue-A400 {
  color: #2979ff !important; }

a.md-blue-A400:hover,
a.md-blue-A400:focus {
  color: #005cf5 !important; }

.md-blue-A700 {
  color: #2962ff !important; }

a.md-blue-A700:hover,
a.md-blue-A700:focus {
  color: #0041f5 !important; }

.md-bg-blue {
  background-color: #2196f3 !important; }

a.md-bg-blue:hover,
a.md-bg-blue:focus {
  background-color: #1e88e5 !important; }

.md-bg-blue-50 {
  background-color: #e3f2fd !important; }

a.md-bg-blue-50:hover,
a.md-bg-blue-50:focus {
  background-color: #bbdefb !important; }

.md-bg-blue-100 {
  background-color: #bbdefb !important; }

a.md-bg-blue-100:hover,
a.md-bg-blue-100:focus {
  background-color: #90caf9 !important; }

.md-bg-blue-200 {
  background-color: #90caf9 !important; }

a.md-bg-blue-200:hover,
a.md-bg-blue-200:focus {
  background-color: #64b5f6 !important; }

.md-bg-blue-300 {
  background-color: #64b5f6 !important; }

a.md-bg-blue-300:hover,
a.md-bg-blue-300:focus {
  background-color: #42a5f5 !important; }

.md-bg-blue-400 {
  background-color: #42a5f5 !important; }

a.md-bg-blue-400:hover,
a.md-bg-blue-400:focus {
  background-color: #2196f3 !important; }

.md-bg-blue-500 {
  background-color: #2196f3 !important; }

a.md-bg-blue-500:hover,
a.md-bg-blue-500:focus {
  background-color: #1e88e5 !important; }

.md-bg-blue-600 {
  background-color: #1e88e5 !important; }

a.md-bg-blue-600:hover,
a.md-bg-blue-600:focus {
  background-color: #1976d2 !important; }

.md-bg-blue-700 {
  background-color: #1976d2 !important; }

a.md-bg-blue-700:hover,
a.md-bg-blue-700:focus {
  background-color: #1565c0 !important; }

.md-bg-blue-800 {
  background-color: #1565c0 !important; }

a.md-bg-blue-800:hover,
a.md-bg-blue-800:focus {
  background-color: #0d47a1 !important; }

.md-bg-blue-900 {
  background-color: #0d47a1 !important; }

a.md-bg-blue-900:hover,
a.md-bg-blue-900:focus {
  background-color: #093272 !important; }

.md-bg-blue-A100 {
  background-color: #82b1ff !important; }

a.md-bg-blue-A100:hover,
a.md-bg-blue-A100:focus {
  background-color: #4f91ff !important; }

.md-bg-blue-A200 {
  background-color: #448aff !important; }

a.md-bg-blue-A200:hover,
a.md-bg-blue-A200:focus {
  background-color: #116aff !important; }

.md-bg-blue-A400 {
  background-color: #2979ff !important; }

a.md-bg-blue-A400:hover,
a.md-bg-blue-A400:focus {
  background-color: #005cf5 !important; }

.md-bg-blue-A700 {
  background-color: #2962ff !important; }

a.md-bg-blue-A700:hover,
a.md-bg-blue-A700:focus {
  background-color: #0041f5 !important; }

.md-light-blue {
  color: #03a9f4 !important; }

a.md-light-blue:hover,
a.md-light-blue:focus {
  color: #039be5 !important; }

.md-light-blue-50 {
  color: #e1f5fe !important; }

a.md-light-blue-50:hover,
a.md-light-blue-50:focus {
  color: #b3e5fc !important; }

.md-light-blue-100 {
  color: #b3e5fc !important; }

a.md-light-blue-100:hover,
a.md-light-blue-100:focus {
  color: #81d4fa !important; }

.md-light-blue-200 {
  color: #81d4fa !important; }

a.md-light-blue-200:hover,
a.md-light-blue-200:focus {
  color: #4fc3f7 !important; }

.md-light-blue-300 {
  color: #4fc3f7 !important; }

a.md-light-blue-300:hover,
a.md-light-blue-300:focus {
  color: #29b6f6 !important; }

.md-light-blue-400 {
  color: #29b6f6 !important; }

a.md-light-blue-400:hover,
a.md-light-blue-400:focus {
  color: #03a9f4 !important; }

.md-light-blue-500 {
  color: #03a9f4 !important; }

a.md-light-blue-500:hover,
a.md-light-blue-500:focus {
  color: #039be5 !important; }

.md-light-blue-600 {
  color: #039be5 !important; }

a.md-light-blue-600:hover,
a.md-light-blue-600:focus {
  color: #0288d1 !important; }

.md-light-blue-700 {
  color: #0288d1 !important; }

a.md-light-blue-700:hover,
a.md-light-blue-700:focus {
  color: #0277bd !important; }

.md-light-blue-800 {
  color: #0277bd !important; }

a.md-light-blue-800:hover,
a.md-light-blue-800:focus {
  color: #01579b !important; }

.md-light-blue-900 {
  color: #01579b !important; }

a.md-light-blue-900:hover,
a.md-light-blue-900:focus {
  color: #013b68 !important; }

.md-light-blue-A100 {
  color: #80d8ff !important; }

a.md-light-blue-A100:hover,
a.md-light-blue-A100:focus {
  color: #4dc8ff !important; }

.md-light-blue-A200 {
  color: #40c4ff !important; }

a.md-light-blue-A200:hover,
a.md-light-blue-A200:focus {
  color: #0db4ff !important; }

.md-light-blue-A400 {
  color: #00b0ff !important; }

a.md-light-blue-A400:hover,
a.md-light-blue-A400:focus {
  color: #008dcc !important; }

.md-light-blue-A700 {
  color: #0091ea !important; }

a.md-light-blue-A700:hover,
a.md-light-blue-A700:focus {
  color: #0071b7 !important; }

.md-bg-light-blue {
  background-color: #03a9f4 !important; }

a.md-bg-light-blue:hover,
a.md-bg-light-blue:focus {
  background-color: #039be5 !important; }

.md-bg-light-blue-50 {
  background-color: #e1f5fe !important; }

a.md-bg-light-blue-50:hover,
a.md-bg-light-blue-50:focus {
  background-color: #b3e5fc !important; }

.md-bg-light-blue-100 {
  background-color: #b3e5fc !important; }

a.md-bg-light-blue-100:hover,
a.md-bg-light-blue-100:focus {
  background-color: #81d4fa !important; }

.md-bg-light-blue-200 {
  background-color: #81d4fa !important; }

a.md-bg-light-blue-200:hover,
a.md-bg-light-blue-200:focus {
  background-color: #4fc3f7 !important; }

.md-bg-light-blue-300 {
  background-color: #4fc3f7 !important; }

a.md-bg-light-blue-300:hover,
a.md-bg-light-blue-300:focus {
  background-color: #29b6f6 !important; }

.md-bg-light-blue-400 {
  background-color: #29b6f6 !important; }

a.md-bg-light-blue-400:hover,
a.md-bg-light-blue-400:focus {
  background-color: #03a9f4 !important; }

.md-bg-light-blue-500 {
  background-color: #03a9f4 !important; }

a.md-bg-light-blue-500:hover,
a.md-bg-light-blue-500:focus {
  background-color: #039be5 !important; }

.md-bg-light-blue-600 {
  background-color: #039be5 !important; }

a.md-bg-light-blue-600:hover,
a.md-bg-light-blue-600:focus {
  background-color: #0288d1 !important; }

.md-bg-light-blue-700 {
  background-color: #0288d1 !important; }

a.md-bg-light-blue-700:hover,
a.md-bg-light-blue-700:focus {
  background-color: #0277bd !important; }

.md-bg-light-blue-800 {
  background-color: #0277bd !important; }

a.md-bg-light-blue-800:hover,
a.md-bg-light-blue-800:focus {
  background-color: #01579b !important; }

.md-bg-light-blue-900 {
  background-color: #01579b !important; }

a.md-bg-light-blue-900:hover,
a.md-bg-light-blue-900:focus {
  background-color: #013b68 !important; }

.md-bg-light-blue-A100 {
  background-color: #80d8ff !important; }

a.md-bg-light-blue-A100:hover,
a.md-bg-light-blue-A100:focus {
  background-color: #4dc8ff !important; }

.md-bg-light-blue-A200 {
  background-color: #40c4ff !important; }

a.md-bg-light-blue-A200:hover,
a.md-bg-light-blue-A200:focus {
  background-color: #0db4ff !important; }

.md-bg-light-blue-A400 {
  background-color: #00b0ff !important; }

a.md-bg-light-blue-A400:hover,
a.md-bg-light-blue-A400:focus {
  background-color: #008dcc !important; }

.md-bg-light-blue-A700 {
  background-color: #0091ea !important; }

a.md-bg-light-blue-A700:hover,
a.md-bg-light-blue-A700:focus {
  background-color: #0071b7 !important; }

.md-cyan {
  color: #00bcd4 !important; }

a.md-cyan:hover,
a.md-cyan:focus {
  color: #00acc1 !important; }

.md-cyan-50 {
  color: #e0f7fa !important; }

a.md-cyan-50:hover,
a.md-cyan-50:focus {
  color: #b2ebf2 !important; }

.md-cyan-100 {
  color: #b2ebf2 !important; }

a.md-cyan-100:hover,
a.md-cyan-100:focus {
  color: #80deea !important; }

.md-cyan-200 {
  color: #80deea !important; }

a.md-cyan-200:hover,
a.md-cyan-200:focus {
  color: #4dd0e1 !important; }

.md-cyan-300 {
  color: #4dd0e1 !important; }

a.md-cyan-300:hover,
a.md-cyan-300:focus {
  color: #26c6da !important; }

.md-cyan-400 {
  color: #26c6da !important; }

a.md-cyan-400:hover,
a.md-cyan-400:focus {
  color: #00bcd4 !important; }

.md-cyan-500 {
  color: #00bcd4 !important; }

a.md-cyan-500:hover,
a.md-cyan-500:focus {
  color: #00acc1 !important; }

.md-cyan-600 {
  color: #00acc1 !important; }

a.md-cyan-600:hover,
a.md-cyan-600:focus {
  color: #0097a7 !important; }

.md-cyan-700 {
  color: #0097a7 !important; }

a.md-cyan-700:hover,
a.md-cyan-700:focus {
  color: #00838f !important; }

.md-cyan-800 {
  color: #00838f !important; }

a.md-cyan-800:hover,
a.md-cyan-800:focus {
  color: #006064 !important; }

.md-cyan-900 {
  color: #006064 !important; }

a.md-cyan-900:hover,
a.md-cyan-900:focus {
  color: #002f31 !important; }

.md-cyan-A100 {
  color: #84ffff !important; }

a.md-cyan-A100:hover,
a.md-cyan-A100:focus {
  color: #51ffff !important; }

.md-cyan-A200 {
  color: #18ffff !important; }

a.md-cyan-A200:hover,
a.md-cyan-A200:focus {
  color: #00e4e4 !important; }

.md-cyan-A400 {
  color: #00e5ff !important; }

a.md-cyan-A400:hover,
a.md-cyan-A400:focus {
  color: #00b7cc !important; }

.md-cyan-A700 {
  color: #00b8d4 !important; }

a.md-cyan-A700:hover,
a.md-cyan-A700:focus {
  color: #008ca1 !important; }

.md-bg-cyan {
  background-color: #00bcd4 !important; }

a.md-bg-cyan:hover,
a.md-bg-cyan:focus {
  background-color: #00acc1 !important; }

.md-bg-cyan-50 {
  background-color: #e0f7fa !important; }

a.md-bg-cyan-50:hover,
a.md-bg-cyan-50:focus {
  background-color: #b2ebf2 !important; }

.md-bg-cyan-100 {
  background-color: #b2ebf2 !important; }

a.md-bg-cyan-100:hover,
a.md-bg-cyan-100:focus {
  background-color: #80deea !important; }

.md-bg-cyan-200 {
  background-color: #80deea !important; }

a.md-bg-cyan-200:hover,
a.md-bg-cyan-200:focus {
  background-color: #4dd0e1 !important; }

.md-bg-cyan-300 {
  background-color: #4dd0e1 !important; }

a.md-bg-cyan-300:hover,
a.md-bg-cyan-300:focus {
  background-color: #26c6da !important; }

.md-bg-cyan-400 {
  background-color: #26c6da !important; }

a.md-bg-cyan-400:hover,
a.md-bg-cyan-400:focus {
  background-color: #00bcd4 !important; }

.md-bg-cyan-500 {
  background-color: #00bcd4 !important; }

a.md-bg-cyan-500:hover,
a.md-bg-cyan-500:focus {
  background-color: #00acc1 !important; }

.md-bg-cyan-600 {
  background-color: #00acc1 !important; }

a.md-bg-cyan-600:hover,
a.md-bg-cyan-600:focus {
  background-color: #0097a7 !important; }

.md-bg-cyan-700 {
  background-color: #0097a7 !important; }

a.md-bg-cyan-700:hover,
a.md-bg-cyan-700:focus {
  background-color: #00838f !important; }

.md-bg-cyan-800 {
  background-color: #00838f !important; }

a.md-bg-cyan-800:hover,
a.md-bg-cyan-800:focus {
  background-color: #006064 !important; }

.md-bg-cyan-900 {
  background-color: #006064 !important; }

a.md-bg-cyan-900:hover,
a.md-bg-cyan-900:focus {
  background-color: #002f31 !important; }

.md-bg-cyan-A100 {
  background-color: #84ffff !important; }

a.md-bg-cyan-A100:hover,
a.md-bg-cyan-A100:focus {
  background-color: #51ffff !important; }

.md-bg-cyan-A200 {
  background-color: #18ffff !important; }

a.md-bg-cyan-A200:hover,
a.md-bg-cyan-A200:focus {
  background-color: #00e4e4 !important; }

.md-bg-cyan-A400 {
  background-color: #00e5ff !important; }

a.md-bg-cyan-A400:hover,
a.md-bg-cyan-A400:focus {
  background-color: #00b7cc !important; }

.md-bg-cyan-A700 {
  background-color: #00b8d4 !important; }

a.md-bg-cyan-A700:hover,
a.md-bg-cyan-A700:focus {
  background-color: #008ca1 !important; }

.md-teal {
  color: #009688 !important; }

a.md-teal:hover,
a.md-teal:focus {
  color: #00897b !important; }

.md-teal-50 {
  color: #e0f2f1 !important; }

a.md-teal-50:hover,
a.md-teal-50:focus {
  color: #b2dfdb !important; }

.md-teal-100 {
  color: #b2dfdb !important; }

a.md-teal-100:hover,
a.md-teal-100:focus {
  color: #80cbc4 !important; }

.md-teal-200 {
  color: #80cbc4 !important; }

a.md-teal-200:hover,
a.md-teal-200:focus {
  color: #4db6ac !important; }

.md-teal-300 {
  color: #4db6ac !important; }

a.md-teal-300:hover,
a.md-teal-300:focus {
  color: #26a69a !important; }

.md-teal-400 {
  color: #26a69a !important; }

a.md-teal-400:hover,
a.md-teal-400:focus {
  color: #009688 !important; }

.md-teal-500 {
  color: #009688 !important; }

a.md-teal-500:hover,
a.md-teal-500:focus {
  color: #00897b !important; }

.md-teal-600 {
  color: #00897b !important; }

a.md-teal-600:hover,
a.md-teal-600:focus {
  color: #00796b !important; }

.md-teal-700 {
  color: #00796b !important; }

a.md-teal-700:hover,
a.md-teal-700:focus {
  color: #00695c !important; }

.md-teal-800 {
  color: #00695c !important; }

a.md-teal-800:hover,
a.md-teal-800:focus {
  color: #004d40 !important; }

.md-teal-900 {
  color: #004d40 !important; }

a.md-teal-900:hover,
a.md-teal-900:focus {
  color: #001a16 !important; }

.md-teal-A100 {
  color: #a7ffeb !important; }

a.md-teal-A100:hover,
a.md-teal-A100:focus {
  color: #74ffdf !important; }

.md-teal-A200 {
  color: #64ffda !important; }

a.md-teal-A200:hover,
a.md-teal-A200:focus {
  color: #31ffce !important; }

.md-teal-A400 {
  color: #1de9b6 !important; }

a.md-teal-A400:hover,
a.md-teal-A400:focus {
  color: #13c095 !important; }

.md-teal-A700 {
  color: #00bfa5 !important; }

a.md-teal-A700:hover,
a.md-teal-A700:focus {
  color: #008c79 !important; }

.md-bg-teal {
  background-color: #009688 !important; }

a.md-bg-teal:hover,
a.md-bg-teal:focus {
  background-color: #00897b !important; }

.md-bg-teal-50 {
  background-color: #e0f2f1 !important; }

a.md-bg-teal-50:hover,
a.md-bg-teal-50:focus {
  background-color: #b2dfdb !important; }

.md-bg-teal-100 {
  background-color: #b2dfdb !important; }

a.md-bg-teal-100:hover,
a.md-bg-teal-100:focus {
  background-color: #80cbc4 !important; }

.md-bg-teal-200 {
  background-color: #80cbc4 !important; }

a.md-bg-teal-200:hover,
a.md-bg-teal-200:focus {
  background-color: #4db6ac !important; }

.md-bg-teal-300 {
  background-color: #4db6ac !important; }

a.md-bg-teal-300:hover,
a.md-bg-teal-300:focus {
  background-color: #26a69a !important; }

.md-bg-teal-400 {
  background-color: #26a69a !important; }

a.md-bg-teal-400:hover,
a.md-bg-teal-400:focus {
  background-color: #009688 !important; }

.md-bg-teal-500 {
  background-color: #009688 !important; }

a.md-bg-teal-500:hover,
a.md-bg-teal-500:focus {
  background-color: #00897b !important; }

.md-bg-teal-600 {
  background-color: #00897b !important; }

a.md-bg-teal-600:hover,
a.md-bg-teal-600:focus {
  background-color: #00796b !important; }

.md-bg-teal-700 {
  background-color: #00796b !important; }

a.md-bg-teal-700:hover,
a.md-bg-teal-700:focus {
  background-color: #00695c !important; }

.md-bg-teal-800 {
  background-color: #00695c !important; }

a.md-bg-teal-800:hover,
a.md-bg-teal-800:focus {
  background-color: #004d40 !important; }

.md-bg-teal-900 {
  background-color: #004d40 !important; }

a.md-bg-teal-900:hover,
a.md-bg-teal-900:focus {
  background-color: #001a16 !important; }

.md-bg-teal-A100 {
  background-color: #a7ffeb !important; }

a.md-bg-teal-A100:hover,
a.md-bg-teal-A100:focus {
  background-color: #74ffdf !important; }

.md-bg-teal-A200 {
  background-color: #64ffda !important; }

a.md-bg-teal-A200:hover,
a.md-bg-teal-A200:focus {
  background-color: #31ffce !important; }

.md-bg-teal-A400 {
  background-color: #1de9b6 !important; }

a.md-bg-teal-A400:hover,
a.md-bg-teal-A400:focus {
  background-color: #13c095 !important; }

.md-bg-teal-A700 {
  background-color: #00bfa5 !important; }

a.md-bg-teal-A700:hover,
a.md-bg-teal-A700:focus {
  background-color: #008c79 !important; }

.md-green {
  color: #4caf50 !important; }

a.md-green:hover,
a.md-green:focus {
  color: #43a047 !important; }

.md-green-50 {
  color: #e8f5e9 !important; }

a.md-green-50:hover,
a.md-green-50:focus {
  color: #c8e6c9 !important; }

.md-green-100 {
  color: #c8e6c9 !important; }

a.md-green-100:hover,
a.md-green-100:focus {
  color: #a5d6a7 !important; }

.md-green-200 {
  color: #a5d6a7 !important; }

a.md-green-200:hover,
a.md-green-200:focus {
  color: #81c784 !important; }

.md-green-300 {
  color: #81c784 !important; }

a.md-green-300:hover,
a.md-green-300:focus {
  color: #66bb6a !important; }

.md-green-400 {
  color: #66bb6a !important; }

a.md-green-400:hover,
a.md-green-400:focus {
  color: #4caf50 !important; }

.md-green-500 {
  color: #4caf50 !important; }

a.md-green-500:hover,
a.md-green-500:focus {
  color: #43a047 !important; }

.md-green-600 {
  color: #43a047 !important; }

a.md-green-600:hover,
a.md-green-600:focus {
  color: #388e3c !important; }

.md-green-700 {
  color: #388e3c !important; }

a.md-green-700:hover,
a.md-green-700:focus {
  color: #2e7d32 !important; }

.md-green-800 {
  color: #2e7d32 !important; }

a.md-green-800:hover,
a.md-green-800:focus {
  color: #1b5e20 !important; }

.md-green-900 {
  color: #1b5e20 !important; }

a.md-green-900:hover,
a.md-green-900:focus {
  color: #103613 !important; }

.md-green-A100 {
  color: #b9f6ca !important; }

a.md-green-A100:hover,
a.md-green-A100:focus {
  color: #8cf0a8 !important; }

.md-green-A200 {
  color: #69f0ae !important; }

a.md-green-A200:hover,
a.md-green-A200:focus {
  color: #3beb95 !important; }

.md-green-A400 {
  color: #00e676 !important; }

a.md-green-A400:hover,
a.md-green-A400:focus {
  color: #00b35c !important; }

.md-green-A700 {
  color: #00c853 !important; }

a.md-green-A700:hover,
a.md-green-A700:focus {
  color: #00953e !important; }

.md-bg-green {
  background-color: #4caf50 !important; }

a.md-bg-green:hover,
a.md-bg-green:focus {
  background-color: #43a047 !important; }

.md-bg-green-50 {
  background-color: #e8f5e9 !important; }

a.md-bg-green-50:hover,
a.md-bg-green-50:focus {
  background-color: #c8e6c9 !important; }

.md-bg-green-100 {
  background-color: #c8e6c9 !important; }

a.md-bg-green-100:hover,
a.md-bg-green-100:focus {
  background-color: #a5d6a7 !important; }

.md-bg-green-200 {
  background-color: #a5d6a7 !important; }

a.md-bg-green-200:hover,
a.md-bg-green-200:focus {
  background-color: #81c784 !important; }

.md-bg-green-300 {
  background-color: #81c784 !important; }

a.md-bg-green-300:hover,
a.md-bg-green-300:focus {
  background-color: #66bb6a !important; }

.md-bg-green-400 {
  background-color: #66bb6a !important; }

a.md-bg-green-400:hover,
a.md-bg-green-400:focus {
  background-color: #4caf50 !important; }

.md-bg-green-500 {
  background-color: #4caf50 !important; }

a.md-bg-green-500:hover,
a.md-bg-green-500:focus {
  background-color: #43a047 !important; }

.md-bg-green-600 {
  background-color: #43a047 !important; }

a.md-bg-green-600:hover,
a.md-bg-green-600:focus {
  background-color: #388e3c !important; }

.md-bg-green-700 {
  background-color: #388e3c !important; }

a.md-bg-green-700:hover,
a.md-bg-green-700:focus {
  background-color: #2e7d32 !important; }

.md-bg-green-800 {
  background-color: #2e7d32 !important; }

a.md-bg-green-800:hover,
a.md-bg-green-800:focus {
  background-color: #1b5e20 !important; }

.md-bg-green-900 {
  background-color: #1b5e20 !important; }

a.md-bg-green-900:hover,
a.md-bg-green-900:focus {
  background-color: #103613 !important; }

.md-bg-green-A100 {
  background-color: #b9f6ca !important; }

a.md-bg-green-A100:hover,
a.md-bg-green-A100:focus {
  background-color: #8cf0a8 !important; }

.md-bg-green-A200 {
  background-color: #69f0ae !important; }

a.md-bg-green-A200:hover,
a.md-bg-green-A200:focus {
  background-color: #3beb95 !important; }

.md-bg-green-A400 {
  background-color: #00e676 !important; }

a.md-bg-green-A400:hover,
a.md-bg-green-A400:focus {
  background-color: #00b35c !important; }

.md-bg-green-A700 {
  background-color: #00c853 !important; }

a.md-bg-green-A700:hover,
a.md-bg-green-A700:focus {
  background-color: #00953e !important; }

.md-light-green {
  color: #8bc34a !important; }

a.md-light-green:hover,
a.md-light-green:focus {
  color: #7cb342 !important; }

.md-light-green-50 {
  color: #f1f8e9 !important; }

a.md-light-green-50:hover,
a.md-light-green-50:focus {
  color: #dcedc8 !important; }

.md-light-green-100 {
  color: #dcedc8 !important; }

a.md-light-green-100:hover,
a.md-light-green-100:focus {
  color: #c5e1a5 !important; }

.md-light-green-200 {
  color: #c5e1a5 !important; }

a.md-light-green-200:hover,
a.md-light-green-200:focus {
  color: #aed581 !important; }

.md-light-green-300 {
  color: #aed581 !important; }

a.md-light-green-300:hover,
a.md-light-green-300:focus {
  color: #9ccc65 !important; }

.md-light-green-400 {
  color: #9ccc65 !important; }

a.md-light-green-400:hover,
a.md-light-green-400:focus {
  color: #8bc34a !important; }

.md-light-green-500 {
  color: #8bc34a !important; }

a.md-light-green-500:hover,
a.md-light-green-500:focus {
  color: #7cb342 !important; }

.md-light-green-600 {
  color: #7cb342 !important; }

a.md-light-green-600:hover,
a.md-light-green-600:focus {
  color: #689f38 !important; }

.md-light-green-700 {
  color: #689f38 !important; }

a.md-light-green-700:hover,
a.md-light-green-700:focus {
  color: #558b2f !important; }

.md-light-green-800 {
  color: #558b2f !important; }

a.md-light-green-800:hover,
a.md-light-green-800:focus {
  color: #33691e !important; }

.md-light-green-900 {
  color: #33691e !important; }

a.md-light-green-900:hover,
a.md-light-green-900:focus {
  color: #204113 !important; }

.md-light-green-A100 {
  color: #ccff90 !important; }

a.md-light-green-A100:hover,
a.md-light-green-A100:focus {
  color: #b5ff5d !important; }

.md-light-green-A200 {
  color: #b2ff59 !important; }

a.md-light-green-A200:hover,
a.md-light-green-A200:focus {
  color: #9aff26 !important; }

.md-light-green-A400 {
  color: #76ff03 !important; }

a.md-light-green-A400:hover,
a.md-light-green-A400:focus {
  color: #5ecf00 !important; }

.md-light-green-A700 {
  color: #64dd17 !important; }

a.md-light-green-A700:hover,
a.md-light-green-A700:focus {
  color: #4faf12 !important; }

.md-bg-light-green {
  background-color: #8bc34a !important; }

a.md-bg-light-green:hover,
a.md-bg-light-green:focus {
  background-color: #7cb342 !important; }

.md-bg-light-green-50 {
  background-color: #f1f8e9 !important; }

a.md-bg-light-green-50:hover,
a.md-bg-light-green-50:focus {
  background-color: #dcedc8 !important; }

.md-bg-light-green-100 {
  background-color: #dcedc8 !important; }

a.md-bg-light-green-100:hover,
a.md-bg-light-green-100:focus {
  background-color: #c5e1a5 !important; }

.md-bg-light-green-200 {
  background-color: #c5e1a5 !important; }

a.md-bg-light-green-200:hover,
a.md-bg-light-green-200:focus {
  background-color: #aed581 !important; }

.md-bg-light-green-300 {
  background-color: #aed581 !important; }

a.md-bg-light-green-300:hover,
a.md-bg-light-green-300:focus {
  background-color: #9ccc65 !important; }

.md-bg-light-green-400 {
  background-color: #9ccc65 !important; }

a.md-bg-light-green-400:hover,
a.md-bg-light-green-400:focus {
  background-color: #8bc34a !important; }

.md-bg-light-green-500 {
  background-color: #8bc34a !important; }

a.md-bg-light-green-500:hover,
a.md-bg-light-green-500:focus {
  background-color: #7cb342 !important; }

.md-bg-light-green-600 {
  background-color: #7cb342 !important; }

a.md-bg-light-green-600:hover,
a.md-bg-light-green-600:focus {
  background-color: #689f38 !important; }

.md-bg-light-green-700 {
  background-color: #689f38 !important; }

a.md-bg-light-green-700:hover,
a.md-bg-light-green-700:focus {
  background-color: #558b2f !important; }

.md-bg-light-green-800 {
  background-color: #558b2f !important; }

a.md-bg-light-green-800:hover,
a.md-bg-light-green-800:focus {
  background-color: #33691e !important; }

.md-bg-light-green-900 {
  background-color: #33691e !important; }

a.md-bg-light-green-900:hover,
a.md-bg-light-green-900:focus {
  background-color: #204113 !important; }

.md-bg-light-green-A100 {
  background-color: #ccff90 !important; }

a.md-bg-light-green-A100:hover,
a.md-bg-light-green-A100:focus {
  background-color: #b5ff5d !important; }

.md-bg-light-green-A200 {
  background-color: #b2ff59 !important; }

a.md-bg-light-green-A200:hover,
a.md-bg-light-green-A200:focus {
  background-color: #9aff26 !important; }

.md-bg-light-green-A400 {
  background-color: #76ff03 !important; }

a.md-bg-light-green-A400:hover,
a.md-bg-light-green-A400:focus {
  background-color: #5ecf00 !important; }

.md-bg-light-green-A700 {
  background-color: #64dd17 !important; }

a.md-bg-light-green-A700:hover,
a.md-bg-light-green-A700:focus {
  background-color: #4faf12 !important; }

.md-lime {
  color: #cddc39 !important; }

a.md-lime:hover,
a.md-lime:focus {
  color: #c0ca33 !important; }

.md-lime-50 {
  color: #f9fbe7 !important; }

a.md-lime-50:hover,
a.md-lime-50:focus {
  color: #f0f4c3 !important; }

.md-lime-100 {
  color: #f0f4c3 !important; }

a.md-lime-100:hover,
a.md-lime-100:focus {
  color: #e6ee9c !important; }

.md-lime-200 {
  color: #e6ee9c !important; }

a.md-lime-200:hover,
a.md-lime-200:focus {
  color: #dce775 !important; }

.md-lime-300 {
  color: #dce775 !important; }

a.md-lime-300:hover,
a.md-lime-300:focus {
  color: #d4e157 !important; }

.md-lime-400 {
  color: #d4e157 !important; }

a.md-lime-400:hover,
a.md-lime-400:focus {
  color: #cddc39 !important; }

.md-lime-500 {
  color: #cddc39 !important; }

a.md-lime-500:hover,
a.md-lime-500:focus {
  color: #c0ca33 !important; }

.md-lime-600 {
  color: #c0ca33 !important; }

a.md-lime-600:hover,
a.md-lime-600:focus {
  color: #afb42b !important; }

.md-lime-700 {
  color: #afb42b !important; }

a.md-lime-700:hover,
a.md-lime-700:focus {
  color: #9e9d24 !important; }

.md-lime-800 {
  color: #9e9d24 !important; }

a.md-lime-800:hover,
a.md-lime-800:focus {
  color: #827717 !important; }

.md-lime-900 {
  color: #827717 !important; }

a.md-lime-900:hover,
a.md-lime-900:focus {
  color: #574f0f !important; }

.md-lime-A100 {
  color: #f4ff81 !important; }

a.md-lime-A100:hover,
a.md-lime-A100:focus {
  color: #f0ff4e !important; }

.md-lime-A200 {
  color: #eeff41 !important; }

a.md-lime-A200:hover,
a.md-lime-A200:focus {
  color: #e9ff0e !important; }

.md-lime-A400 {
  color: #c6ff00 !important; }

a.md-lime-A400:hover,
a.md-lime-A400:focus {
  color: #9ecc00 !important; }

.md-lime-A700 {
  color: #aeea00 !important; }

a.md-lime-A700:hover,
a.md-lime-A700:focus {
  color: #88b700 !important; }

.md-bg-lime {
  background-color: #cddc39 !important; }

a.md-bg-lime:hover,
a.md-bg-lime:focus {
  background-color: #c0ca33 !important; }

.md-bg-lime-50 {
  background-color: #f9fbe7 !important; }

a.md-bg-lime-50:hover,
a.md-bg-lime-50:focus {
  background-color: #f0f4c3 !important; }

.md-bg-lime-100 {
  background-color: #f0f4c3 !important; }

a.md-bg-lime-100:hover,
a.md-bg-lime-100:focus {
  background-color: #e6ee9c !important; }

.md-bg-lime-200 {
  background-color: #e6ee9c !important; }

a.md-bg-lime-200:hover,
a.md-bg-lime-200:focus {
  background-color: #dce775 !important; }

.md-bg-lime-300 {
  background-color: #dce775 !important; }

a.md-bg-lime-300:hover,
a.md-bg-lime-300:focus {
  background-color: #d4e157 !important; }

.md-bg-lime-400 {
  background-color: #d4e157 !important; }

a.md-bg-lime-400:hover,
a.md-bg-lime-400:focus {
  background-color: #cddc39 !important; }

.md-bg-lime-500 {
  background-color: #cddc39 !important; }

a.md-bg-lime-500:hover,
a.md-bg-lime-500:focus {
  background-color: #c0ca33 !important; }

.md-bg-lime-600 {
  background-color: #c0ca33 !important; }

a.md-bg-lime-600:hover,
a.md-bg-lime-600:focus {
  background-color: #afb42b !important; }

.md-bg-lime-700 {
  background-color: #afb42b !important; }

a.md-bg-lime-700:hover,
a.md-bg-lime-700:focus {
  background-color: #9e9d24 !important; }

.md-bg-lime-800 {
  background-color: #9e9d24 !important; }

a.md-bg-lime-800:hover,
a.md-bg-lime-800:focus {
  background-color: #827717 !important; }

.md-bg-lime-900 {
  background-color: #827717 !important; }

a.md-bg-lime-900:hover,
a.md-bg-lime-900:focus {
  background-color: #574f0f !important; }

.md-bg-lime-A100 {
  background-color: #f4ff81 !important; }

a.md-bg-lime-A100:hover,
a.md-bg-lime-A100:focus {
  background-color: #f0ff4e !important; }

.md-bg-lime-A200 {
  background-color: #eeff41 !important; }

a.md-bg-lime-A200:hover,
a.md-bg-lime-A200:focus {
  background-color: #e9ff0e !important; }

.md-bg-lime-A400 {
  background-color: #c6ff00 !important; }

a.md-bg-lime-A400:hover,
a.md-bg-lime-A400:focus {
  background-color: #9ecc00 !important; }

.md-bg-lime-A700 {
  background-color: #aeea00 !important; }

a.md-bg-lime-A700:hover,
a.md-bg-lime-A700:focus {
  background-color: #88b700 !important; }

.md-yellow {
  color: #ffeb3b !important; }

a.md-yellow:hover,
a.md-yellow:focus {
  color: #fdd835 !important; }

.md-yellow-50 {
  color: #fffde7 !important; }

a.md-yellow-50:hover,
a.md-yellow-50:focus {
  color: #fff9c4 !important; }

.md-yellow-100 {
  color: #fff9c4 !important; }

a.md-yellow-100:hover,
a.md-yellow-100:focus {
  color: #fff59d !important; }

.md-yellow-200 {
  color: #fff59d !important; }

a.md-yellow-200:hover,
a.md-yellow-200:focus {
  color: #fff176 !important; }

.md-yellow-300 {
  color: #fff176 !important; }

a.md-yellow-300:hover,
a.md-yellow-300:focus {
  color: #ffee58 !important; }

.md-yellow-400 {
  color: #ffee58 !important; }

a.md-yellow-400:hover,
a.md-yellow-400:focus {
  color: #ffeb3b !important; }

.md-yellow-500 {
  color: #ffeb3b !important; }

a.md-yellow-500:hover,
a.md-yellow-500:focus {
  color: #fdd835 !important; }

.md-yellow-600 {
  color: #fdd835 !important; }

a.md-yellow-600:hover,
a.md-yellow-600:focus {
  color: #fbc02d !important; }

.md-yellow-700 {
  color: #fbc02d !important; }

a.md-yellow-700:hover,
a.md-yellow-700:focus {
  color: #f9a825 !important; }

.md-yellow-800 {
  color: #f9a825 !important; }

a.md-yellow-800:hover,
a.md-yellow-800:focus {
  color: #f57f17 !important; }

.md-yellow-900 {
  color: #f57f17 !important; }

a.md-yellow-900:hover,
a.md-yellow-900:focus {
  color: #d06609 !important; }

.md-yellow-A100 {
  color: #ffff8d !important; }

a.md-yellow-A100:hover,
a.md-yellow-A100:focus {
  color: #ffff5a !important; }

.md-yellow-A200 {
  color: #ffff00 !important; }

a.md-yellow-A200:hover,
a.md-yellow-A200:focus {
  color: #cccc00 !important; }

.md-yellow-A400 {
  color: #ffea00 !important; }

a.md-yellow-A400:hover,
a.md-yellow-A400:focus {
  color: #ccbb00 !important; }

.md-yellow-A700 {
  color: #ffd600 !important; }

a.md-yellow-A700:hover,
a.md-yellow-A700:focus {
  color: #ccab00 !important; }

.md-bg-yellow {
  background-color: #ffeb3b !important; }

a.md-bg-yellow:hover,
a.md-bg-yellow:focus {
  background-color: #fdd835 !important; }

.md-bg-yellow-50 {
  background-color: #fffde7 !important; }

a.md-bg-yellow-50:hover,
a.md-bg-yellow-50:focus {
  background-color: #fff9c4 !important; }

.md-bg-yellow-100 {
  background-color: #fff9c4 !important; }

a.md-bg-yellow-100:hover,
a.md-bg-yellow-100:focus {
  background-color: #fff59d !important; }

.md-bg-yellow-200 {
  background-color: #fff59d !important; }

a.md-bg-yellow-200:hover,
a.md-bg-yellow-200:focus {
  background-color: #fff176 !important; }

.md-bg-yellow-300 {
  background-color: #fff176 !important; }

a.md-bg-yellow-300:hover,
a.md-bg-yellow-300:focus {
  background-color: #ffee58 !important; }

.md-bg-yellow-400 {
  background-color: #ffee58 !important; }

a.md-bg-yellow-400:hover,
a.md-bg-yellow-400:focus {
  background-color: #ffeb3b !important; }

.md-bg-yellow-500 {
  background-color: #ffeb3b !important; }

a.md-bg-yellow-500:hover,
a.md-bg-yellow-500:focus {
  background-color: #fdd835 !important; }

.md-bg-yellow-600 {
  background-color: #fdd835 !important; }

a.md-bg-yellow-600:hover,
a.md-bg-yellow-600:focus {
  background-color: #fbc02d !important; }

.md-bg-yellow-700 {
  background-color: #fbc02d !important; }

a.md-bg-yellow-700:hover,
a.md-bg-yellow-700:focus {
  background-color: #f9a825 !important; }

.md-bg-yellow-800 {
  background-color: #f9a825 !important; }

a.md-bg-yellow-800:hover,
a.md-bg-yellow-800:focus {
  background-color: #f57f17 !important; }

.md-bg-yellow-900 {
  background-color: #f57f17 !important; }

a.md-bg-yellow-900:hover,
a.md-bg-yellow-900:focus {
  background-color: #d06609 !important; }

.md-bg-yellow-A100 {
  background-color: #ffff8d !important; }

a.md-bg-yellow-A100:hover,
a.md-bg-yellow-A100:focus {
  background-color: #ffff5a !important; }

.md-bg-yellow-A200 {
  background-color: #ffff00 !important; }

a.md-bg-yellow-A200:hover,
a.md-bg-yellow-A200:focus {
  background-color: #cccc00 !important; }

.md-bg-yellow-A400 {
  background-color: #ffea00 !important; }

a.md-bg-yellow-A400:hover,
a.md-bg-yellow-A400:focus {
  background-color: #ccbb00 !important; }

.md-bg-yellow-A700 {
  background-color: #ffd600 !important; }

a.md-bg-yellow-A700:hover,
a.md-bg-yellow-A700:focus {
  background-color: #ccab00 !important; }

.md-amber {
  color: #ffc107 !important; }

a.md-amber:hover,
a.md-amber:focus {
  color: #ffb300 !important; }

.md-amber-50 {
  color: #fff8e1 !important; }

a.md-amber-50:hover,
a.md-amber-50:focus {
  color: #ffecb3 !important; }

.md-amber-100 {
  color: #ffecb3 !important; }

a.md-amber-100:hover,
a.md-amber-100:focus {
  color: #ffe082 !important; }

.md-amber-200 {
  color: #ffe082 !important; }

a.md-amber-200:hover,
a.md-amber-200:focus {
  color: #ffd54f !important; }

.md-amber-300 {
  color: #ffd54f !important; }

a.md-amber-300:hover,
a.md-amber-300:focus {
  color: #ffca28 !important; }

.md-amber-400 {
  color: #ffca28 !important; }

a.md-amber-400:hover,
a.md-amber-400:focus {
  color: #ffc107 !important; }

.md-amber-500 {
  color: #ffc107 !important; }

a.md-amber-500:hover,
a.md-amber-500:focus {
  color: #ffb300 !important; }

.md-amber-600 {
  color: #ffb300 !important; }

a.md-amber-600:hover,
a.md-amber-600:focus {
  color: #ffa000 !important; }

.md-amber-700 {
  color: #ffa000 !important; }

a.md-amber-700:hover,
a.md-amber-700:focus {
  color: #ff8f00 !important; }

.md-amber-800 {
  color: #ff8f00 !important; }

a.md-amber-800:hover,
a.md-amber-800:focus {
  color: #ff6f00 !important; }

.md-amber-900 {
  color: #ff6f00 !important; }

a.md-amber-900:hover,
a.md-amber-900:focus {
  color: #cc5900 !important; }

.md-amber-A100 {
  color: #ffe57f !important; }

a.md-amber-A100:hover,
a.md-amber-A100:focus {
  color: #ffdb4c !important; }

.md-amber-A200 {
  color: #ffd740 !important; }

a.md-amber-A200:hover,
a.md-amber-A200:focus {
  color: #ffcc0d !important; }

.md-amber-A400 {
  color: #ffc400 !important; }

a.md-amber-A400:hover,
a.md-amber-A400:focus {
  color: #cc9d00 !important; }

.md-amber-A700 {
  color: #ffab00 !important; }

a.md-amber-A700:hover,
a.md-amber-A700:focus {
  color: #cc8900 !important; }

.md-bg-amber {
  background-color: #ffc107 !important; }

a.md-bg-amber:hover,
a.md-bg-amber:focus {
  background-color: #ffb300 !important; }

.md-bg-amber-50 {
  background-color: #fff8e1 !important; }

a.md-bg-amber-50:hover,
a.md-bg-amber-50:focus {
  background-color: #ffecb3 !important; }

.md-bg-amber-100 {
  background-color: #ffecb3 !important; }

a.md-bg-amber-100:hover,
a.md-bg-amber-100:focus {
  background-color: #ffe082 !important; }

.md-bg-amber-200 {
  background-color: #ffe082 !important; }

a.md-bg-amber-200:hover,
a.md-bg-amber-200:focus {
  background-color: #ffd54f !important; }

.md-bg-amber-300 {
  background-color: #ffd54f !important; }

a.md-bg-amber-300:hover,
a.md-bg-amber-300:focus {
  background-color: #ffca28 !important; }

.md-bg-amber-400 {
  background-color: #ffca28 !important; }

a.md-bg-amber-400:hover,
a.md-bg-amber-400:focus {
  background-color: #ffc107 !important; }

.md-bg-amber-500 {
  background-color: #ffc107 !important; }

a.md-bg-amber-500:hover,
a.md-bg-amber-500:focus {
  background-color: #ffb300 !important; }

.md-bg-amber-600 {
  background-color: #ffb300 !important; }

a.md-bg-amber-600:hover,
a.md-bg-amber-600:focus {
  background-color: #ffa000 !important; }

.md-bg-amber-700 {
  background-color: #ffa000 !important; }

a.md-bg-amber-700:hover,
a.md-bg-amber-700:focus {
  background-color: #ff8f00 !important; }

.md-bg-amber-800 {
  background-color: #ff8f00 !important; }

a.md-bg-amber-800:hover,
a.md-bg-amber-800:focus {
  background-color: #ff6f00 !important; }

.md-bg-amber-900 {
  background-color: #ff6f00 !important; }

a.md-bg-amber-900:hover,
a.md-bg-amber-900:focus {
  background-color: #cc5900 !important; }

.md-bg-amber-A100 {
  background-color: #ffe57f !important; }

a.md-bg-amber-A100:hover,
a.md-bg-amber-A100:focus {
  background-color: #ffdb4c !important; }

.md-bg-amber-A200 {
  background-color: #ffd740 !important; }

a.md-bg-amber-A200:hover,
a.md-bg-amber-A200:focus {
  background-color: #ffcc0d !important; }

.md-bg-amber-A400 {
  background-color: #ffc400 !important; }

a.md-bg-amber-A400:hover,
a.md-bg-amber-A400:focus {
  background-color: #cc9d00 !important; }

.md-bg-amber-A700 {
  background-color: #ffab00 !important; }

a.md-bg-amber-A700:hover,
a.md-bg-amber-A700:focus {
  background-color: #cc8900 !important; }

.md-orange {
  color: #ff9800 !important; }

a.md-orange:hover,
a.md-orange:focus {
  color: #fb8c00 !important; }

.md-orange-50 {
  color: #fff3e0 !important; }

a.md-orange-50:hover,
a.md-orange-50:focus {
  color: #ffe0b2 !important; }

.md-orange-100 {
  color: #ffe0b2 !important; }

a.md-orange-100:hover,
a.md-orange-100:focus {
  color: #ffcc80 !important; }

.md-orange-200 {
  color: #ffcc80 !important; }

a.md-orange-200:hover,
a.md-orange-200:focus {
  color: #ffb74d !important; }

.md-orange-300 {
  color: #ffb74d !important; }

a.md-orange-300:hover,
a.md-orange-300:focus {
  color: #ffa726 !important; }

.md-orange-400 {
  color: #ffa726 !important; }

a.md-orange-400:hover,
a.md-orange-400:focus {
  color: #ff9800 !important; }

.md-orange-500 {
  color: #ff9800 !important; }

a.md-orange-500:hover,
a.md-orange-500:focus {
  color: #fb8c00 !important; }

.md-orange-600 {
  color: #fb8c00 !important; }

a.md-orange-600:hover,
a.md-orange-600:focus {
  color: #f57c00 !important; }

.md-orange-700 {
  color: #f57c00 !important; }

a.md-orange-700:hover,
a.md-orange-700:focus {
  color: #ef6c00 !important; }

.md-orange-800 {
  color: #ef6c00 !important; }

a.md-orange-800:hover,
a.md-orange-800:focus {
  color: #e65100 !important; }

.md-orange-900 {
  color: #e65100 !important; }

a.md-orange-900:hover,
a.md-orange-900:focus {
  color: #b33f00 !important; }

.md-orange-A100 {
  color: #ffd180 !important; }

a.md-orange-A100:hover,
a.md-orange-A100:focus {
  color: #ffbf4d !important; }

.md-orange-A200 {
  color: #ffab40 !important; }

a.md-orange-A200:hover,
a.md-orange-A200:focus {
  color: #ff950d !important; }

.md-orange-A400 {
  color: #ff9100 !important; }

a.md-orange-A400:hover,
a.md-orange-A400:focus {
  color: #cc7400 !important; }

.md-orange-A700 {
  color: #ff6d00 !important; }

a.md-orange-A700:hover,
a.md-orange-A700:focus {
  color: #cc5700 !important; }

.md-bg-orange {
  background-color: #ff9800 !important; }

a.md-bg-orange:hover,
a.md-bg-orange:focus {
  background-color: #fb8c00 !important; }

.md-bg-orange-50 {
  background-color: #fff3e0 !important; }

a.md-bg-orange-50:hover,
a.md-bg-orange-50:focus {
  background-color: #ffe0b2 !important; }

.md-bg-orange-100 {
  background-color: #ffe0b2 !important; }

a.md-bg-orange-100:hover,
a.md-bg-orange-100:focus {
  background-color: #ffcc80 !important; }

.md-bg-orange-200 {
  background-color: #ffcc80 !important; }

a.md-bg-orange-200:hover,
a.md-bg-orange-200:focus {
  background-color: #ffb74d !important; }

.md-bg-orange-300 {
  background-color: #ffb74d !important; }

a.md-bg-orange-300:hover,
a.md-bg-orange-300:focus {
  background-color: #ffa726 !important; }

.md-bg-orange-400 {
  background-color: #ffa726 !important; }

a.md-bg-orange-400:hover,
a.md-bg-orange-400:focus {
  background-color: #ff9800 !important; }

.md-bg-orange-500 {
  background-color: #ff9800 !important; }

a.md-bg-orange-500:hover,
a.md-bg-orange-500:focus {
  background-color: #fb8c00 !important; }

.md-bg-orange-600 {
  background-color: #fb8c00 !important; }

a.md-bg-orange-600:hover,
a.md-bg-orange-600:focus {
  background-color: #f57c00 !important; }

.md-bg-orange-700 {
  background-color: #f57c00 !important; }

a.md-bg-orange-700:hover,
a.md-bg-orange-700:focus {
  background-color: #ef6c00 !important; }

.md-bg-orange-800 {
  background-color: #ef6c00 !important; }

a.md-bg-orange-800:hover,
a.md-bg-orange-800:focus {
  background-color: #e65100 !important; }

.md-bg-orange-900 {
  background-color: #e65100 !important; }

a.md-bg-orange-900:hover,
a.md-bg-orange-900:focus {
  background-color: #b33f00 !important; }

.md-bg-orange-A100 {
  background-color: #ffd180 !important; }

a.md-bg-orange-A100:hover,
a.md-bg-orange-A100:focus {
  background-color: #ffbf4d !important; }

.md-bg-orange-A200 {
  background-color: #ffab40 !important; }

a.md-bg-orange-A200:hover,
a.md-bg-orange-A200:focus {
  background-color: #ff950d !important; }

.md-bg-orange-A400 {
  background-color: #ff9100 !important; }

a.md-bg-orange-A400:hover,
a.md-bg-orange-A400:focus {
  background-color: #cc7400 !important; }

.md-bg-orange-A700 {
  background-color: #ff6d00 !important; }

a.md-bg-orange-A700:hover,
a.md-bg-orange-A700:focus {
  background-color: #cc5700 !important; }

.md-deep-orange {
  color: #ff5722 !important; }

a.md-deep-orange:hover,
a.md-deep-orange:focus {
  color: #f4511e !important; }

.md-deep-orange-50 {
  color: #fbe9e7 !important; }

a.md-deep-orange-50:hover,
a.md-deep-orange-50:focus {
  color: #ffccbc !important; }

.md-deep-orange-100 {
  color: #ffccbc !important; }

a.md-deep-orange-100:hover,
a.md-deep-orange-100:focus {
  color: #ffab91 !important; }

.md-deep-orange-200 {
  color: #ffab91 !important; }

a.md-deep-orange-200:hover,
a.md-deep-orange-200:focus {
  color: #ff8a65 !important; }

.md-deep-orange-300 {
  color: #ff8a65 !important; }

a.md-deep-orange-300:hover,
a.md-deep-orange-300:focus {
  color: #ff7043 !important; }

.md-deep-orange-400 {
  color: #ff7043 !important; }

a.md-deep-orange-400:hover,
a.md-deep-orange-400:focus {
  color: #ff5722 !important; }

.md-deep-orange-500 {
  color: #ff5722 !important; }

a.md-deep-orange-500:hover,
a.md-deep-orange-500:focus {
  color: #f4511e !important; }

.md-deep-orange-600 {
  color: #f4511e !important; }

a.md-deep-orange-600:hover,
a.md-deep-orange-600:focus {
  color: #e64a19 !important; }

.md-deep-orange-700 {
  color: #e64a19 !important; }

a.md-deep-orange-700:hover,
a.md-deep-orange-700:focus {
  color: #d84315 !important; }

.md-deep-orange-800 {
  color: #d84315 !important; }

a.md-deep-orange-800:hover,
a.md-deep-orange-800:focus {
  color: #bf360c !important; }

.md-deep-orange-900 {
  color: #bf360c !important; }

a.md-deep-orange-900:hover,
a.md-deep-orange-900:focus {
  color: #8f2809 !important; }

.md-deep-orange-A100 {
  color: #ff9e80 !important; }

a.md-deep-orange-A100:hover,
a.md-deep-orange-A100:focus {
  color: #ff774d !important; }

.md-deep-orange-A200 {
  color: #ff6e40 !important; }

a.md-deep-orange-A200:hover,
a.md-deep-orange-A200:focus {
  color: #ff470d !important; }

.md-deep-orange-A400 {
  color: #ff3d00 !important; }

a.md-deep-orange-A400:hover,
a.md-deep-orange-A400:focus {
  color: #cc3100 !important; }

.md-deep-orange-A700 {
  color: #dd2c00 !important; }

a.md-deep-orange-A700:hover,
a.md-deep-orange-A700:focus {
  color: #aa2200 !important; }

.md-bg-deep-orange {
  background-color: #ff5722 !important; }

a.md-bg-deep-orange:hover,
a.md-bg-deep-orange:focus {
  background-color: #f4511e !important; }

.md-bg-deep-orange-50 {
  background-color: #fbe9e7 !important; }

a.md-bg-deep-orange-50:hover,
a.md-bg-deep-orange-50:focus {
  background-color: #ffccbc !important; }

.md-bg-deep-orange-100 {
  background-color: #ffccbc !important; }

a.md-bg-deep-orange-100:hover,
a.md-bg-deep-orange-100:focus {
  background-color: #ffab91 !important; }

.md-bg-deep-orange-200 {
  background-color: #ffab91 !important; }

a.md-bg-deep-orange-200:hover,
a.md-bg-deep-orange-200:focus {
  background-color: #ff8a65 !important; }

.md-bg-deep-orange-300 {
  background-color: #ff8a65 !important; }

a.md-bg-deep-orange-300:hover,
a.md-bg-deep-orange-300:focus {
  background-color: #ff7043 !important; }

.md-bg-deep-orange-400 {
  background-color: #ff7043 !important; }

a.md-bg-deep-orange-400:hover,
a.md-bg-deep-orange-400:focus {
  background-color: #ff5722 !important; }

.md-bg-deep-orange-500 {
  background-color: #ff5722 !important; }

a.md-bg-deep-orange-500:hover,
a.md-bg-deep-orange-500:focus {
  background-color: #f4511e !important; }

.md-bg-deep-orange-600 {
  background-color: #f4511e !important; }

a.md-bg-deep-orange-600:hover,
a.md-bg-deep-orange-600:focus {
  background-color: #e64a19 !important; }

.md-bg-deep-orange-700 {
  background-color: #e64a19 !important; }

a.md-bg-deep-orange-700:hover,
a.md-bg-deep-orange-700:focus {
  background-color: #d84315 !important; }

.md-bg-deep-orange-800 {
  background-color: #d84315 !important; }

a.md-bg-deep-orange-800:hover,
a.md-bg-deep-orange-800:focus {
  background-color: #bf360c !important; }

.md-bg-deep-orange-900 {
  background-color: #bf360c !important; }

a.md-bg-deep-orange-900:hover,
a.md-bg-deep-orange-900:focus {
  background-color: #8f2809 !important; }

.md-bg-deep-orange-A100 {
  background-color: #ff9e80 !important; }

a.md-bg-deep-orange-A100:hover,
a.md-bg-deep-orange-A100:focus {
  background-color: #ff774d !important; }

.md-bg-deep-orange-A200 {
  background-color: #ff6e40 !important; }

a.md-bg-deep-orange-A200:hover,
a.md-bg-deep-orange-A200:focus {
  background-color: #ff470d !important; }

.md-bg-deep-orange-A400 {
  background-color: #ff3d00 !important; }

a.md-bg-deep-orange-A400:hover,
a.md-bg-deep-orange-A400:focus {
  background-color: #cc3100 !important; }

.md-bg-deep-orange-A700 {
  background-color: #dd2c00 !important; }

a.md-bg-deep-orange-A700:hover,
a.md-bg-deep-orange-A700:focus {
  background-color: #aa2200 !important; }

.md-brown {
  color: #795548 !important; }

a.md-brown:hover,
a.md-brown:focus {
  color: #6d4c41 !important; }

.md-brown-50 {
  color: #efebe9 !important; }

a.md-brown-50:hover,
a.md-brown-50:focus {
  color: #d7ccc8 !important; }

.md-brown-100 {
  color: #d7ccc8 !important; }

a.md-brown-100:hover,
a.md-brown-100:focus {
  color: #bcaaa4 !important; }

.md-brown-200 {
  color: #bcaaa4 !important; }

a.md-brown-200:hover,
a.md-brown-200:focus {
  color: #a1887f !important; }

.md-brown-300 {
  color: #a1887f !important; }

a.md-brown-300:hover,
a.md-brown-300:focus {
  color: #8d6e63 !important; }

.md-brown-400 {
  color: #8d6e63 !important; }

a.md-brown-400:hover,
a.md-brown-400:focus {
  color: #795548 !important; }

.md-brown-500 {
  color: #795548 !important; }

a.md-brown-500:hover,
a.md-brown-500:focus {
  color: #6d4c41 !important; }

.md-brown-600 {
  color: #6d4c41 !important; }

a.md-brown-600:hover,
a.md-brown-600:focus {
  color: #5d4037 !important; }

.md-brown-700 {
  color: #5d4037 !important; }

a.md-brown-700:hover,
a.md-brown-700:focus {
  color: #4e342e !important; }

.md-brown-800 {
  color: #4e342e !important; }

a.md-brown-800:hover,
a.md-brown-800:focus {
  color: #3e2723 !important; }

.md-brown-900 {
  color: #3e2723 !important; }

a.md-brown-900:hover,
a.md-brown-900:focus {
  color: #1d1211 !important; }

.md-bg-brown {
  background-color: #795548 !important; }

a.md-bg-brown:hover,
a.md-bg-brown:focus {
  background-color: #6d4c41 !important; }

.md-bg-brown-50 {
  background-color: #efebe9 !important; }

a.md-bg-brown-50:hover,
a.md-bg-brown-50:focus {
  background-color: #d7ccc8 !important; }

.md-bg-brown-100 {
  background-color: #d7ccc8 !important; }

a.md-bg-brown-100:hover,
a.md-bg-brown-100:focus {
  background-color: #bcaaa4 !important; }

.md-bg-brown-200 {
  background-color: #bcaaa4 !important; }

a.md-bg-brown-200:hover,
a.md-bg-brown-200:focus {
  background-color: #a1887f !important; }

.md-bg-brown-300 {
  background-color: #a1887f !important; }

a.md-bg-brown-300:hover,
a.md-bg-brown-300:focus {
  background-color: #8d6e63 !important; }

.md-bg-brown-400 {
  background-color: #8d6e63 !important; }

a.md-bg-brown-400:hover,
a.md-bg-brown-400:focus {
  background-color: #795548 !important; }

.md-bg-brown-500 {
  background-color: #795548 !important; }

a.md-bg-brown-500:hover,
a.md-bg-brown-500:focus {
  background-color: #6d4c41 !important; }

.md-bg-brown-600 {
  background-color: #6d4c41 !important; }

a.md-bg-brown-600:hover,
a.md-bg-brown-600:focus {
  background-color: #5d4037 !important; }

.md-bg-brown-700 {
  background-color: #5d4037 !important; }

a.md-bg-brown-700:hover,
a.md-bg-brown-700:focus {
  background-color: #4e342e !important; }

.md-bg-brown-800 {
  background-color: #4e342e !important; }

a.md-bg-brown-800:hover,
a.md-bg-brown-800:focus {
  background-color: #3e2723 !important; }

.md-bg-brown-900 {
  background-color: #3e2723 !important; }

a.md-bg-brown-900:hover,
a.md-bg-brown-900:focus {
  background-color: #1d1211 !important; }

.md-grey {
  color: #9e9e9e !important; }

a.md-grey:hover,
a.md-grey:focus {
  color: #757575 !important; }

.md-grey-50 {
  color: #fafafa !important; }

a.md-grey-50:hover,
a.md-grey-50:focus {
  color: #f5f5f5 !important; }

.md-grey-100 {
  color: #f5f5f5 !important; }

a.md-grey-100:hover,
a.md-grey-100:focus {
  color: #eeeeee !important; }

.md-grey-200 {
  color: #eeeeee !important; }

a.md-grey-200:hover,
a.md-grey-200:focus {
  color: #e0e0e0 !important; }

.md-grey-300 {
  color: #e0e0e0 !important; }

a.md-grey-300:hover,
a.md-grey-300:focus {
  color: #bdbdbd !important; }

.md-grey-400 {
  color: #bdbdbd !important; }

a.md-grey-400:hover,
a.md-grey-400:focus {
  color: #9e9e9e !important; }

.md-grey-500 {
  color: #9e9e9e !important; }

a.md-grey-500:hover,
a.md-grey-500:focus {
  color: #757575 !important; }

.md-grey-600 {
  color: #757575 !important; }

a.md-grey-600:hover,
a.md-grey-600:focus {
  color: #616161 !important; }

.md-grey-700 {
  color: #616161 !important; }

a.md-grey-700:hover,
a.md-grey-700:focus {
  color: #424242 !important; }

.md-grey-800 {
  color: #424242 !important; }

a.md-grey-800:hover,
a.md-grey-800:focus {
  color: #212121 !important; }

.md-grey-900 {
  color: #212121 !important; }

a.md-grey-900:hover,
a.md-grey-900:focus {
  color: #080808 !important; }

.md-bg-grey {
  background-color: #9e9e9e !important; }

a.md-bg-grey:hover,
a.md-bg-grey:focus {
  background-color: #757575 !important; }

.md-bg-grey-50 {
  background-color: #fafafa !important; }

a.md-bg-grey-50:hover,
a.md-bg-grey-50:focus {
  background-color: #f5f5f5 !important; }

.md-bg-grey-100 {
  background-color: #f5f5f5 !important; }

a.md-bg-grey-100:hover,
a.md-bg-grey-100:focus {
  background-color: #eeeeee !important; }

.md-bg-grey-200 {
  background-color: #eeeeee !important; }

a.md-bg-grey-200:hover,
a.md-bg-grey-200:focus {
  background-color: #e0e0e0 !important; }

.md-bg-grey-300 {
  background-color: #e0e0e0 !important; }

a.md-bg-grey-300:hover,
a.md-bg-grey-300:focus {
  background-color: #bdbdbd !important; }

.md-bg-grey-400 {
  background-color: #bdbdbd !important; }

a.md-bg-grey-400:hover,
a.md-bg-grey-400:focus {
  background-color: #9e9e9e !important; }

.md-bg-grey-500 {
  background-color: #9e9e9e !important; }

a.md-bg-grey-500:hover,
a.md-bg-grey-500:focus {
  background-color: #757575 !important; }

.md-bg-grey-600 {
  background-color: #757575 !important; }

a.md-bg-grey-600:hover,
a.md-bg-grey-600:focus {
  background-color: #616161 !important; }

.md-bg-grey-700 {
  background-color: #616161 !important; }

a.md-bg-grey-700:hover,
a.md-bg-grey-700:focus {
  background-color: #424242 !important; }

.md-bg-grey-800 {
  background-color: #424242 !important; }

a.md-bg-grey-800:hover,
a.md-bg-grey-800:focus {
  background-color: #212121 !important; }

.md-bg-grey-900 {
  background-color: #212121 !important; }

a.md-bg-grey-900:hover,
a.md-bg-grey-900:focus {
  background-color: #080808 !important; }

.md-blue-grey {
  color: #607d8b !important; }

a.md-blue-grey:hover,
a.md-blue-grey:focus {
  color: #546e7a !important; }

.md-blue-grey-50 {
  color: #eceff1 !important; }

a.md-blue-grey-50:hover,
a.md-blue-grey-50:focus {
  color: #cfd8dc !important; }

.md-blue-grey-100 {
  color: #cfd8dc !important; }

a.md-blue-grey-100:hover,
a.md-blue-grey-100:focus {
  color: #b0bec5 !important; }

.md-blue-grey-200 {
  color: #b0bec5 !important; }

a.md-blue-grey-200:hover,
a.md-blue-grey-200:focus {
  color: #90a4ae !important; }

.md-blue-grey-300 {
  color: #90a4ae !important; }

a.md-blue-grey-300:hover,
a.md-blue-grey-300:focus {
  color: #78909c !important; }

.md-blue-grey-400 {
  color: #78909c !important; }

a.md-blue-grey-400:hover,
a.md-blue-grey-400:focus {
  color: #607d8b !important; }

.md-blue-grey-500 {
  color: #607d8b !important; }

a.md-blue-grey-500:hover,
a.md-blue-grey-500:focus {
  color: #546e7a !important; }

.md-blue-grey-600 {
  color: #546e7a !important; }

a.md-blue-grey-600:hover,
a.md-blue-grey-600:focus {
  color: #455a64 !important; }

.md-blue-grey-700 {
  color: #455a64 !important; }

a.md-blue-grey-700:hover,
a.md-blue-grey-700:focus {
  color: #37474f !important; }

.md-blue-grey-800 {
  color: #37474f !important; }

a.md-blue-grey-800:hover,
a.md-blue-grey-800:focus {
  color: #263238 !important; }

.md-blue-grey-900 {
  color: #263238 !important; }

a.md-blue-grey-900:hover,
a.md-blue-grey-900:focus {
  color: #11171a !important; }

.md-bg-blue-grey {
  background-color: #607d8b !important; }

a.md-bg-blue-grey:hover,
a.md-bg-blue-grey:focus {
  background-color: #546e7a !important; }

.md-bg-blue-grey-50 {
  background-color: #eceff1 !important; }

a.md-bg-blue-grey-50:hover,
a.md-bg-blue-grey-50:focus {
  background-color: #cfd8dc !important; }

.md-bg-blue-grey-100 {
  background-color: #cfd8dc !important; }

a.md-bg-blue-grey-100:hover,
a.md-bg-blue-grey-100:focus {
  background-color: #b0bec5 !important; }

.md-bg-blue-grey-200 {
  background-color: #b0bec5 !important; }

a.md-bg-blue-grey-200:hover,
a.md-bg-blue-grey-200:focus {
  background-color: #90a4ae !important; }

.md-bg-blue-grey-300 {
  background-color: #90a4ae !important; }

a.md-bg-blue-grey-300:hover,
a.md-bg-blue-grey-300:focus {
  background-color: #78909c !important; }

.md-bg-blue-grey-400 {
  background-color: #78909c !important; }

a.md-bg-blue-grey-400:hover,
a.md-bg-blue-grey-400:focus {
  background-color: #607d8b !important; }

.md-bg-blue-grey-500 {
  background-color: #607d8b !important; }

a.md-bg-blue-grey-500:hover,
a.md-bg-blue-grey-500:focus {
  background-color: #546e7a !important; }

.md-bg-blue-grey-600 {
  background-color: #546e7a !important; }

a.md-bg-blue-grey-600:hover,
a.md-bg-blue-grey-600:focus {
  background-color: #455a64 !important; }

.md-bg-blue-grey-700 {
  background-color: #455a64 !important; }

a.md-bg-blue-grey-700:hover,
a.md-bg-blue-grey-700:focus {
  background-color: #37474f !important; }

.md-bg-blue-grey-800 {
  background-color: #37474f !important; }

a.md-bg-blue-grey-800:hover,
a.md-bg-blue-grey-800:focus {
  background-color: #263238 !important; }

.md-bg-blue-grey-900 {
  background-color: #263238 !important; }

a.md-bg-blue-grey-900:hover,
a.md-bg-blue-grey-900:focus {
  background-color: #11171a !important; }

.md-white-lighter {
  color: rgba(255, 255, 255, 0.12) !important; }

a.md-white-lighter:hover,
a.md-white-lighter:focus {
  color: rgba(255, 255, 255, 0.3) !important; }

.md-white-light {
  color: rgba(255, 255, 255, 0.3) !important; }

a.md-white-light:hover,
a.md-white-light:focus {
  color: rgba(255, 255, 255, 0.7) !important; }

.md-white-dark {
  color: rgba(255, 255, 255, 0.7) !important; }

a.md-white-dark:hover,
a.md-white-dark:focus {
  color: #ffffff !important; }

.md-white-darker {
  color: #ffffff !important; }

a.md-white-darker:hover,
a.md-white-darker:focus {
  color: white !important; }

.md-white-lighter {
  color: rgba(255, 255, 255, 0.12) !important; }

a.md-white-lighter:hover,
a.md-white-lighter:focus {
  color: rgba(255, 255, 255, 0.3) !important; }

.md-white-light {
  color: rgba(255, 255, 255, 0.3) !important; }

a.md-white-light:hover,
a.md-white-light:focus {
  color: rgba(255, 255, 255, 0.7) !important; }

.md-white-dark {
  color: rgba(255, 255, 255, 0.7) !important; }

a.md-white-dark:hover,
a.md-white-dark:focus {
  color: #ffffff !important; }

.md-white-darker {
  color: #ffffff !important; }

a.md-white-darker:hover,
a.md-white-darker:focus {
  color: white !important; }

.md-black-lighter {
  color: rgba(0, 0, 0, 0.12) !important; }

a.md-black-lighter:hover,
a.md-black-lighter:focus {
  color: rgba(0, 0, 0, 0.26) !important; }

.md-black-light {
  color: rgba(0, 0, 0, 0.26) !important; }

a.md-black-light:hover,
a.md-black-light:focus {
  color: rgba(0, 0, 0, 0.54) !important; }

.md-black-dark {
  color: rgba(0, 0, 0, 0.54) !important; }

a.md-black-dark:hover,
a.md-black-dark:focus {
  color: rgba(0, 0, 0, 0.87) !important; }

.md-black-darker {
  color: rgba(0, 0, 0, 0.87) !important; }

a.md-black-darker:hover,
a.md-black-darker:focus {
  color: black !important; }

.md-black-lighter {
  color: rgba(0, 0, 0, 0.12) !important; }

a.md-black-lighter:hover,
a.md-black-lighter:focus {
  color: rgba(0, 0, 0, 0.26) !important; }

.md-black-light {
  color: rgba(0, 0, 0, 0.26) !important; }

a.md-black-light:hover,
a.md-black-light:focus {
  color: rgba(0, 0, 0, 0.54) !important; }

.md-black-dark {
  color: rgba(0, 0, 0, 0.54) !important; }

a.md-black-dark:hover,
a.md-black-dark:focus {
  color: rgba(0, 0, 0, 0.87) !important; }

.md-black-darker {
  color: rgba(0, 0, 0, 0.87) !important; }

a.md-black-darker:hover,
a.md-black-darker:focus {
  color: black !important; }

/*
 # ----------------------------------------------------------------------------
  #  ~/theme_uno/components/mde/_mde_color_table.scss
  #  Theme Uno - MDE color table styles
 # ----------------------------------------------------------------------------
*/
table.s-tag-table {
  width: 100%; }

table.s-tag-table td {
  padding: 12px 12px 12px 24px;
  vertical-align: top; }

.col-list table.s-tag-table {
  background-color: #fff;
  font-size: 13px;
  table-layout: auto;
  width: 100%;
  margin-bottom: 40px; }

.col-list table.s-tag-table td {
  border: 1px solid #EEE;
  line-height: 24px;
  padding: 12px 12px 12px 24px;
  color: #212121;
  vertical-align: middle; }

.col-list table.s-tag-table td > :last-child {
  margin-bottom: 0; }

.col-list table.s-tag-table tr:first-child {
  background-color: #FAFAFA;
  font-weight: 500; }

.col-list table.s-tag-table tr:first-child td {
  border-top: 1px solid #E5E5E5; }

.col-list table.s-tag-table tr:first-child td p {
  color: #757575; }

.col-list table.s-tag-table tr:last-child td {
  border-bottom: 1px solid #E5E5E5; }

.col-list table.s-tag-table tr td:last-child {
  border-right: 1px solid #E5E5E5; }

.col-list table.s-tag-table tr td:first-child {
  border-left: 1px solid #E5E5E5; }

.color-palette ul {
  list-style: none; }

.col-list {
  margin: 40px 0;
  font-size: 0; }

.col-list .figure, .col-list .module {
  vertical-align: top;
  font-size: 13px; }

.col-list .col-2, .col-list .col-3 {
  padding-bottom: 40px; }

.col-list .col-2 > div, .col-list .col-3 > div {
  display: inline-block;
  padding-bottom: 20px; }

.col-list .col-2 > div:nth-child(1) {
  width: 360px;
  margin-right: 40px; }

.col-list .col-2 > div:nth-child(2) {
  display: inline-block;
  width: 760px;
  vertical-align: top; }

.col-list .col-3 > div {
  width: 360px;
  margin-right: 40px; }

.col-list .col-3 > div:nth-child(3) {
  margin-right: 0; }

@media screen and (max-width: 1240px) {
  .col-list .figure-figure-figure.col-3 > div:nth-child(2),
  .col-list .figure-figure-module.col-3 > div:nth-child(2),
  .col-list .module-module-module.col-3 > div:nth-child(2) {
    margin-right: 0; }
  .col-list .col-2 > div:nth-child(1),
  .col-list .col-2 > div:nth-child(2) {
    width: auto; }
  .col-list .figure-module-module.col-3 > div:nth-child(1),
  .col-list .module-figure-figure.col-3 > div:nth-child(1) {
    display: block;
    width: auto; } }

@media screen and (max-width: 800px) {
  .col-list .module {
    overflow-x: auto; }
  .col-list .col-2 > div,
  .col-list .col-3 > div {
    width: 100%;
    margin: 20px 0; } }

.s-tag-caption.do, .s-tag-caption.dont,
figure.s-tag-media figcaption .s-tag-caption.do,
figure.s-tag-media figcaption .s-tag-caption.dont {
  border-top: 15px solid;
  font-weight: 500;
  margin: 10px 0 0;
  padding: 10px 0 0; }

.s-tag-caption.dont,
figure.s-tag-media figcaption .s-tag-caption.dont {
  border-color: #d32F2f;
  color: #d32F2f; }

.s-tag-caption.do,
figure.s-tag-media figcaption .s-tag-caption.do {
  border-color: #4caf50;
  color: #2e7b32; }

.text-box {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  padding: 24px 24px 0; }

figure.s-tag-media img,
figure.s-tag-media video {
  display: block;
  margin-bottom: 0;
  max-width: 100%; }

figcaption {
  margin-top: 10px; }

figcaption h1, figcaption h2, figcaption h3, figcaption h4, figcaption h5, figcaption h6 {
  margin-top: 40px; }

figcaption li, figcaption p {
  color: #616161;
  font-size: 13px;
  line-height: 24px; }

figcaption .caption-title {
  font-weight: 500; }

.color-palette {
  /* width: 1160px; */
  /* padding-bottom: 60px; */
  line-height: 1; }

.color-palette ul {
  margin: 0;
  padding: 0; }

.color-palette span {
  color: rgba(255, 255, 255, 0.87);
  font-size: 14px;
  font-weight: 500; }

@media screen and (max-width: 1240px) {
  .color-palette {
    padding-right: 0;
    width: 760px; } }

@media screen and (max-width: 800px) {
  .color-palette {
    padding-right: 0;
    width: 360px; } }

@media screen and (max-width: 360px) {
  .color-palette {
    padding-right: 0;
    width: 100%; } }

.color-palette .module-end {
  clear: left; }

.color-palette .light span,
.color-palette span.light {
  color: rgba(255, 255, 255, 0.87); }

.color-palette .light-strong span,
.color-palette span.light-strong {
  color: #fff; }

.color-palette .dark span,
.color-palette .dark-when-small span,
.color-palette span.dark,
.color-palette span.dark-when-small {
  color: rgba(0, 0, 0, 0.87); }

.color-palette .dark-strong span,
.color-palette span.dark-strong {
  color: #000; }

.color-palette .color-group,
.color-palette .color-group:last-child {
  float: left;
  margin-left: 40px;
  /* padding-bottom: 40px; */
  width: 360px; }

@media screen and (max-width: 800px) {
  .color-palette .color-group,
  .color-palette .color-group:last-child {
    margin-left: 0;
    padding-right: 0;
    width: 360px; } }

@media screen and (max-width: 360px) {
  .color-palette .color-group,
  .color-palette .color-group:last-child {
    padding-right: 0;
    padding-left: 0;
    width: 100%; } }

.color-palette .color-group:first-child,
.color-palette .color-group:last-child:first-child,
.color-palette .color-group:last-child:nth-of-type(2n+1),
.color-palette .color-group:nth-of-type(2n+1) {
  clear: left;
  margin-left: 0; }

@media screen and (max-width: 1240px) {
  .color-palette .color-group:first-child,
  .color-palette .color-group:last-child:first-child,
  .color-palette .color-group:last-child:nth-of-type(2n+1),
  .color-palette .color-group:nth-of-type(2n+1) {
    clear: none;
    margin-left: 40px; }
  .color-palette .color-group:last-child:nth-of-type(2n+1),
  .color-palette .color-group:nth-of-type(2n+1) {
    clear: left;
    margin-left: 0; } }

@media screen and (max-width: 800px) {
  .color-palette .color-group:first-child,
  .color-palette .color-group:last-child:first-child,
  .color-palette .color-group:last-child:nth-of-type(2n+1),
  .color-palette .color-group:nth-of-type(2n+1) {
    margin-left: 0; } }

.color-palette .color-group li.color,
.color-palette .color-group:last-child li.color {
  padding: 10px 15px 11px;
  margin: 0; }

.color-palette .color-group li.color .hex,
.color-palette .color-group:last-child li.color .hex {
  float: right;
  text-transform: uppercase;
  display: block; }

.color-palette .color-group li.main-color,
.color-palette .color-group:last-child li.main-color {
  border-bottom: 4px solid #fafafa; }

.color-palette .color-group li.main-color .name,
.color-palette .color-group:last-child li.main-color .name {
  display: block;
  margin-bottom: 53px; }

.color-palette .color-group li.divide,
.color-palette .color-group:last-child li.divide {
  border-top: 4px solid #fafafa; }

/*
 # ----------------------------------------------------------------------------
  #  ~/theme_uno/components/mde/_mde_custom.scss
  #  Theme Uno - MDE custon styles
 # ----------------------------------------------------------------------------
*/
/* Colors
------------------------------------------------------------------- */
.bg-indigo {
  color: #fff !important;
  background-color: #3F51B5 !important; }

a.bg-indigo:focus, a.bg-indigo:hover {
  background-color: #E8EAF6 !important; }

.bg-pink {
  color: #fff !important;
  background-color: #E91E63 !important; }

a.bg-pink:focus, a.bg-pink:hover {
  background-color: #E8EAF6 !important; }

/* General
------------------------------------------------------------------- */
/* Cards
------------------------------------------------------------------- */
/* Modals
------------------------------------------------------------------- */
/* jadams: Fixing the BS left shifting on modal open */
/* See: https://stackoverflow.com/questions/19960162/bootstrap-3-modal-fires-and-causes-page-to-shift-to-the-left-momentarily-brows */
.modal-open[style] {
  padding-right: 0px !important; }

/* BMD NavBar (navbar.scss) used for customized MD Drawer
 ---------------------------------------------------------------------------- */
.bmd-navbar-title {
  display: inline-block;
  margin-top: -2.5rem;
  margin-left: 5rem;
  padding-bottom: .25rem;
  margin-right: .5rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
  list-style: none;
  position: absolute; }

.bmd-navbar-title:focus, .bmd-navbar-title:hover {
  text-decoration: none; }

.bmd-navbar-toggler {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: transparent;
  border: 1px solid transparent;
  border-radius: .125rem; }

/* Forms
------------------------------------------------------------------- */
/* Selections
------------------------------------------------------------------- */
/* Comments
------------------------------------------------------------------- */
.comment .pull-left {
  float: left; }

.comment .avatar {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 15px;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }

.comment .avatar img {
  width: 100%; }

.comment .comment-heading {
  font-size: 1.5rem;
  padding-top: 1rem; }

.comment .comment-heading small {
  font-size: 0.9rem; }

.comment .comment-body {
  padding-right: 10px;
  background: #f8f8f8; }

.comment .comment-footer {
  padding-right: 10px; }

.comment .comment-footer .btn {
  margin-bottom: 20px; }

.comment .comment-footer:after {
  display: table;
  content: " ";
  clear: both; }

.comment p {
  color: #999999;
  font-size: 16px;
  line-height: 1.6em;
  padding: 0px 20px 10px 110px; }

.comment-left,
.comment > .pull-left {
  padding: 15px 10px 10px 20px; }

/*
 # ----------------------------------------------------------------------------
  #  ~/theme_uno/components/mde/_mde_elevation.scss
  #  Theme Uno - MDE elevation styles
 # ----------------------------------------------------------------------------
*/
/*
 * Applies the correct css rules needed to have an element transition
 * between elevations. This mixin should be applied to elements whose
 * elevation values will change depending on their context (e.g. when
 * active or disabled).
 */
.raised-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12) !important; }

.raised-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; }

.raised-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; }

.raised-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; }

.raised-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; }

.raised-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; }

.raised-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; }

.raised-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; }

.raised-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; }

.raised-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; }

.raised-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; }

.raised-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; }

.raised-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; }

.raised-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; }

.raised-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; }

.raised-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; }

.raised-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; }

.raised-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; }

.raised-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; }

.raised-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; }

.raised-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; }

.raised-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; }

.raised-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; }

.raised-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; }

.raised-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; }

.raised-transition {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow; }

/*
 # ----------------------------------------------------------------------------
  #  ~/theme_uno/components/mde/_mde_nav_tabs_pills.scss
  #  Theme Uno - MDE navigation pills and tab styles
 # ----------------------------------------------------------------------------
*/
/* Navigation Tabs
------------------------------------------------------------------- */
.nav-tabs {
  background: #009688; }

.nav-tabs > li > a {
  color: #f5f5f5;
  border: 0;
  margin: 0; }

.nav-tabs > li > a:hover {
  background-color: transparent;
  border: 0; }

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background-color: transparent !important;
  border: 0 !important;
  color: #f5f5f5 !important;
  font-weight: 500; }

.nav-tabs > li.disabled > a,
.nav-tabs > li.disabled > a:hover {
  color: rgba(255, 255, 255, 0.5); }

.tab-space {
  padding: 1rem 0 1rem 0px; }

.tab-content {
  margin: 1rem 0px;
  overflow: hidden;
  width: 100%;
  height: auto;
  /* text-align: center; */ }

.tab-content img {
  border-radius: 3px;
  max-width: 300px;
  height: auto; }

/* Navigation Pills
------------------------------------------------------------------- */
.section-image .nav-pills > li > a {
  color: #999999; }

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li > a:focus,
.section-image .nav-pills > li > a:hover {
  background-color: #3f51b5; }

.nav-pills > li > a {
  line-height: 24px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  min-width: 100px;
  text-align: center;
  color: #555555;
  transition: all .3s; }

/* jadams: 2017-04-12 */
.nav-pills > li i {
  display: block;
  /* font-size: 30px; */
  padding: 15px 0; }

/* jadams: 2017-04-12 */
.nav-pills > li i {
  font-size: 3em; }

/* jadams: Checked for BS4 */
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open
.nav-link:focus,
.nav-pills
.nav-item.open
.nav-link:hover {
  background-color: #3f51b5;
  color: #f5f5f5; }

/* jadams: Checked for BS4 should be overwritten by nav.scss */
.nav-tabs .nav-link, .nav-pills .nav-link {
  padding: 0.5em 0.8575em; }

/* jadams: Checked for BS4 */
.nav-pills > li > a:hover {
  background-color: rgba(200, 200, 200, 0.3); }

.nav-pills:not(.nav-pills-icons) > li > a {
  border-radius: 30px; }

.nav-pills.nav-stacked > li + li {
  margin-top: 5px; }

.nav-pills.nav-pills-info .nav-link.active,
.nav-pills.nav-pills-info .nav-link.active:focus,
.nav-pills.nav-pills-info .nav-link.active:hover {
  background-color: #3f51b5; }

.nav-pills.nav-pills-success .nav-link.active,
.nav-pills.nav-pills-success .nav-link.active:focus,
.nav-pills.nav-pills-success .nav-link.active:hover {
  background-color: #4caf50;
  box-shadow: 0 16px 26px -10px rgba(76, 175, 80, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2); }

.nav-pills.nav-pills-warning .nav-link.active,
.nav-pills.nav-pills-warning .nav-link.active:focus,
.nav-pills.nav-pills-warning .nav-link.active:hover {
  background-color: #ff9800;
  box-shadow: 0 16px 26px -10px rgba(255, 152, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2); }

.nav-pills.nav-pills-danger .nav-link.active,
.nav-pills.nav-pills-danger .nav-link.active:focus,
.nav-pills.nav-pills-danger .nav-link.active:hover {
  background-color: #f44336;
  box-shadow: 0 16px 26px -10px rgba(255, 152, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2); }

.nav-pills.nav-pills-rose .nav-link.active,
.nav-pills.nav-pills-rose .nav-link.active:focus,
.nav-pills.nav-pills-rose .nav-link.active:hover {
  background-color: #e91e63;
  box-shadow: 0 16px 26px -10px rgba(233, 30, 99, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2); }

/*
 # ----------------------------------------------------------------------------
  #  ~/theme_uno/components/mde/_mde_transparency.scss
  #  Theme Uno - MDE transparency styles
 # ----------------------------------------------------------------------------
*/
/*
 * Applies the correct css rules needed to have an element transition
 * between elevations. This mixin should be applied to elements whose
 * elevation values will change depending on their context (e.g. when
 * active or disabled).
 */
.opacity-o0 {
  opacity: 0 !important;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out; }

.opacity-o1 {
  opacity: .1 !important;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out; }

.opacity-o2 {
  opacity: .2 !important;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out; }

.opacity-o3 {
  opacity: .3 !important;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out; }

.opacity-o4 {
  opacity: .4 !important;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out; }

.opacity-o5 {
  opacity: .5 !important;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out; }

.opacity-o6 {
  opacity: .6 !important;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out; }

.opacity-o7 {
  opacity: .7 !important;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out; }

.opacity-o8 {
  opacity: .8 !important;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out; }

.opacity-o9 {
  opacity: .9 !important;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out; }

.opacity-o10 {
  opacity: 1 !important;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out; }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/_modules.scss
 #  This is the (SASS) entry point for theme build-in MODULES
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 # -----------------------------------------------------------------------------
*/
/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/modules/_bootstrap_gallery.scss
 #  Provides Styles for Bootstrap Gallery
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
#bsGalleryModal .modal-content {
  border-radius: 0; }

#bsGalleryModal .modal-dialog img {
  text-align: center;
  margin: 0 auto;
  width: 100%; }

#bsGalleryModal .modal-body {
  padding: 0px !important; }

#bsGalleryModal .bsp-close {
  position: absolute;
  right: -14px;
  top: -11px;
  font-size: 30px;
  color: #fff;
  text-shadow: 1px 1px 18px #000; }

#bsGalleryModal .bsp-close:hover {
  cursor: pointer;
  opacity: .6;
  text-shadow: none; }

.bspHasModal {
  cursor: pointer; }

.bspHasModal .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.imgWrapper {
  overflow: hidden;
  /* max-height: 99px; */ }

a.bsp-controls,
a.bsp-controls:visited,
a.bsp-controls:active {
  position: absolute;
  top: 44%;
  font-size: 26px;
  color: #fff;
  text-shadow: 1px 1px 18px #000; }

a.bsp-controls.next {
  right: -10px; }

a.bsp-controls.previous {
  left: -10px; }

a.bsp-controls:hover {
  opacity: .6;
  text-shadow: none; }

.bsp-text-container {
  clear: both;
  display: block;
  padding-bottom: 5px; }

#bsGalleryModal h6 {
  margin-bottom: 0;
  font-weight: bold;
  color: #000;
  font-size: 14px;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 5px; }

#bsGalleryModal .pText {
  font-size: 11px;
  margin-bottom: 0px;
  padding: 0 12px 5px; }

/*
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
*/
/* NO gutter for the row the gallery is placed */
.bs-gallery-gutter.row {
  margin-right: 0;
  margin-left: 0; }

.bs-gallery-gutter > [class^="col-"], .bs-gallery-gutter > [class^=" col-"] {
  padding-right: 0;
  padding-left: 0; }

/* 2px gutter */
.bs-gallery-gutter-2.row {
  margin-right: -1px;
  margin-left: -1px; }

.bs-gallery-gutter-2 > [class^="col-"], .bs-gallery-gutter-2 > [class^=" col-"] {
  padding-right: 1px;
  padding-left: 1px; }

/* Gallery title */
.bs-gallery-title {
  margin-left: 0.5rem;
  font-style: italic;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  overflow: hidden; }

@media screen and (max-width: 380px) {
  .col-xxs-12 {
    width: 100%; }
  .col-xxs-12 img {
    width: 100%; } }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/modules/_clipboard.scss
 #  Provides CSS styles for J1 Clipboard
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
.tooltip-inner {
  background-color: #3F51B5;
  border-radius: 0.125rem; }

.tooltip.in {
  opacity: 1.0; }

.tooltip.tooltip-top .tooltip-arrow {
  border-top-color: #3F51B5; }

.tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
  border-top-color: #3F51B5; }

.btn-clipboard {
  position: absolute;
  top: .6rem;
  right: .5rem;
  z-index: 99;
  display: block;
  padding: .25rem .5rem;
  font-size: .75rem;
  color: #212121;
  cursor: pointer;
  text-transform: uppercase;
  background-color: transparent;
  border-radius: .25rem; }
  .btn-clipboard:hover {
    color: #fff;
    background-color: #3F51B5; }
  .btn-clipboard + .tooltip > .tooltip-inner {
    background-color: #f00; }

.j1-clipboard {
  position: relative;
  display: block;
  float: right; }

.j1-tooltip + .tooltip > .tooltip-inner {
  background-color: #f00; }

.j1-tooltip + .tooltip > .tooltip-arrow {
  background-color: #f00; }

@media (min-width: 320px) and (max-width: 767px) {
  .j1-clipboard {
    display: none; } }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/modules/_cookiebar.css
 #  Provides styles for the J1 CookieBar
 #
 #  Product/Info:
 #
 #  http://jekyll.one
 #  http://www.primebox.co.uk/projects/jquery-cookiebar/
 #
 #  Copyright (C) 2019 Juergen Adams
 #  Copyright (C) 2016 Ant Parsons (primebox.co.uk)
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #  Cookiebar is licensed under Creative Commons Attribution 3.0 Unported License.
 #  See: http://creativecommons.org/licenses/by/3.0/
 #
 # -----------------------------------------------------------------------------
*/
#cookie-bar {
  background: #354a60;
  height: auto;
  line-height: 24px;
  color: #eeeeee;
  text-align: center;
  padding: 3px 0; }
  #cookie-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
    #cookie-bar.fixed.bottom {
      bottom: 0;
      top: auto; }
  #cookie-bar p {
    margin: 0;
    padding: 0; }
  #cookie-bar a {
    color: #ffffff;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    padding: 0 6px;
    margin-left: 8px;
    margin-bottom: 20px; }
  #cookie-bar .cb-enable {
    background: #007700; }
    #cookie-bar .cb-enable:hover {
      background: #007700; }
  #cookie-bar .cb-disable {
    background: #990000; }
    #cookie-bar .cb-disable:hover {
      background: #bb0000; }
  #cookie-bar .cb-policy {
    background: #0033bb; }
    #cookie-bar .cb-policy:hover {
      background: #0055dd; }

.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  .datepicker > div {
    display: none; }
  .datepicker table {
    width: 100%;
    margin: 0; }
  .datepicker td,
  .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
  .datepicker td {
    text-align: center; }
    .datepicker td p {
      font-size: 1em;
      font-weight: 400;
      border-radius: 50%;
      height: 29px;
      line-height: 29px;
      margin: 3px 0 8px;
      width: 29px; }
    .datepicker td :hover {
      cursor: pointer; }
  .datepicker th {
    font-weight: 500; }
    .datepicker th.switch-datepicker {
      font-size: 1em; }
  .datepicker .prev p,
  .datepicker .next p {
    font-size: 1.825em; }
  .datepicker p:hover {
    background: #eeeeee; }
  .datepicker .day.disabled {
    color: #eeeeee; }
  .datepicker td.old,
  .datepicker td.new {
    color: #999999;
    border-top: 0; }
  .datepicker td.active p,
  .datepicker td.active:hover p {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    background-color: #3f51b5; }
  .datepicker td.primary p,
  .datepicker td.primary:hover p {
    background-color: #3f51b5; }
  .datepicker td.info p,
  .datepicker td.info:hover p {
    background-color: #00bcd4; }
  .datepicker td.success p,
  .datepicker td.success:hover p {
    background-color: #4caf50; }
  .datepicker td.warning p,
  .datepicker td.warning:hover p {
    background-color: #ffeb3b; }
  .datepicker td.danger p,
  .datepicker td.danger:hover p {
    background-color: #f00; }
  .datepicker span {
    display: block;
    width: 55px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
    .datepicker span.old {
      color: #999999; }
  .datepicker span.active, .datepicker span.active:focus, .datepicker span.active:hover, .datepicker span.active:active {
    background-color: #3f51b5;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
  .datepicker span.active {
    color: #FFFFFF; }
  .datepicker span:hover {
    background-color: #EEEEEE; }
  .datepicker span.primary,
  .datepicker span.primary:hover {
    background-color: #3f51b5; }
  .datepicker span.info,
  .datepicker span.info:hover {
    background-color: #00bcd4; }
  .datepicker span.success,
  .datepicker span.success:hover {
    background-color: #4caf50; }
  .datepicker span.warning,
  .datepicker span.warning:hover {
    background-color: #ffeb3b; }
  .datepicker span.danger,
  .datepicker span.danger:hover {
    background-color: #f00; }
  .datepicker th.switch-datepicker {
    width: 145px; }
  .datepicker th.next,
  .datepicker th.prev {
    font-size: 21px; }
  .datepicker thead tr:first-child th {
    cursor: pointer; }
  .datepicker thead tr:first-child th:hover {
    background: #eeeeee; }
  .datepicker.dropdown-menu {
    border-radius: 0.1rem;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    margin-top: -20px;
    opacity: 0;
    visibility: hidden; }
  .datepicker.dropdown-menu.open {
    opacity: 1;
    visibility: visible;
    margin-top: 1px; }
  .datepicker .table-condensed > tbody > tr > td {
    padding: 2px; }
  .datepicker .table-condensed > thead > tr > th {
    padding: 0; }

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px; }

.datepicker-months thead {
  padding: 0 0 3px;
  display: block; }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/modules/_enhanced-modals.scss
 #  Provides CSS styles for J1 Enhanced Bootstrap Modals
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
body.modal-open {
  padding-right: 0 !important; }

body.scrollable {
  overflow-y: auto; }

.modal .modal-content {
  border-radius: 0.1rem !important;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5) !important; }

.modal .modal-header .modal-title {
  font-weight: 300; }

.modal .modal-header .lead {
  font-size: 1.5rem;
  font-weight: 400; }

.modal .modal-header .close {
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1.75rem;
  padding-left: 1rem; }

.modal .modal-footer {
  padding: 2rem 2rem 2rem 2rem !important;
  border-top: 1px solid #e0e0e0 !important; }

.modal .modal-footer-show {
  padding: 1rem 2rem 1.75rem 2rem; }

.modal .modal-footer-hidden {
  padding: 0; }

@media (min-width: 768px) {
  .modal .modal-dialog.modal-top {
    top: 0; }
  .modal .modal-dialog.modal-left {
    left: 0; }
  .modal .modal-dialog.modal-right {
    right: 0; }
  .modal .modal-dialog.modal-bottom {
    bottom: 0; }
  .modal .modal-dialog.modal-top-left {
    top: 10px;
    left: 10px; }
  .modal .modal-dialog.modal-top-right {
    top: 10px;
    right: 10px; }
  .modal .modal-dialog.modal-bottom-left {
    left: 10px;
    bottom: 10px; }
  .modal .modal-dialog.modal-bottom-right {
    right: 10px;
    bottom: 10px; } }

.modal.fade.top:not(.show) .modal-dialog {
  transform: translate3d(0, -25%, 0); }

.modal.fade.left:not(.show) .modal-dialog {
  transform: translate3d(-25%, 0, 0); }

.modal.fade.right:not(.show) .modal-dialog {
  transform: translate3d(25%, 0, 0); }

.modal.fade.bottom:not(.show) .modal-dialog {
  transform: translate3d(0, 25%, 0); }

@media (min-width: 576px) {
  .modal.modal-scrolling {
    position: relative; }
    .modal.modal-scrolling .modal-dialog {
      position: fixed;
      z-index: 1050; }
  .modal .modal-fluid {
    width: 100%;
    max-width: 100%; }
    .modal .modal-fluid .modal-content {
      width: 100%;
      border-radius: 0.3rem !important;
      box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5); }
  .modal .modal-frame {
    position: absolute;
    width: 100%;
    max-width: 100%;
    margin: 0; }
    .modal .modal-frame.modal-bottom {
      bottom: 0; }
  .modal .modal-full-height {
    display: flex;
    position: absolute;
    width: 400px;
    height: 100%;
    margin: 0;
    top: 0;
    bottom: 0;
    right: 0; }
    .modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto; }
    .modal .modal-full-height.modal-top {
      bottom: auto; }
    .modal .modal-full-height.modal-bottom {
      top: auto; }
  .modal .modal-side {
    position: absolute;
    right: 10px;
    bottom: 10px;
    margin: 0;
    width: 400px; } }

@media (min-width: 768px) {
  .modal.modal-scrolling {
    position: relative; }
    .modal.modal-scrolling .modal-dialog {
      position: fixed;
      z-index: 1050; }
  .modal .modal-fluid {
    width: 100%;
    max-width: 100%; }
    .modal .modal-fluid .modal-content {
      width: 100%;
      border-radius: 0.3rem !important; }
  .modal .modal-frame {
    position: absolute;
    width: 100%;
    max-width: 100%;
    margin: 0; }
    .modal .modal-frame.modal-bottom {
      bottom: 0; }
  .modal .modal-full-height {
    display: flex;
    position: absolute;
    width: 400px;
    height: 100%;
    margin: 0;
    top: 0;
    bottom: 0;
    right: 0; }
    .modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto; }
    .modal .modal-full-height.modal-top {
      bottom: auto; }
    .modal .modal-full-height.modal-bottom {
      top: auto; }
  .modal .modal-side {
    position: absolute;
    right: 10px;
    bottom: 10px;
    margin: 0;
    width: 400px; } }

.modal-dialog.modal-notify .btn {
  padding: .5rem 1.25rem .5rem 1rem; }

.modal-dialog.modal-notify .btn-outline-modal {
  background-color: transparent; }

.modal-dialog.modal-notify.modal-info .badge {
  background-color: #5c6bc0; }

.modal-dialog.modal-notify.modal-info .modal-header {
  background-color: #5c6bc0; }

.modal-dialog.modal-notify.modal-info .fa, .modal-dialog.modal-notify.modal-info .mdi {
  color: #9e9e9e; }

.modal-dialog.modal-notify.modal-info .btn-primary-modal {
  color: #f5f5f5;
  background: #3f51b5; }
  .modal-dialog.modal-notify.modal-info .btn-primary-modal:active {
    background-color: #5c6bc0 !important; }
  .modal-dialog.modal-notify.modal-info .btn-primary-modal:focus {
    background-color: #5c6bc0 !important; }
  .modal-dialog.modal-notify.modal-info .btn-primary-modal:hover {
    background-color: #5c6bc0 !important; }

.modal-dialog.modal-notify.modal-info .btn-secondary-modal {
  color: #f5f5f5;
  background: #9e9e9e; }
  .modal-dialog.modal-notify.modal-info .btn-secondary-modal:active {
    background-color: #bdbdbd !important; }
  .modal-dialog.modal-notify.modal-info .btn-secondary-modal:focus {
    background-color: #bdbdbd !important; }
  .modal-dialog.modal-notify.modal-info .btn-secondary-modal:hover {
    background-color: #bdbdbd !important; }

.modal-dialog.modal-notify.modal-info .btn-outline-modal {
  /* border: 2px solid; */
  /* border: 2px solid $pink; */
  /* color: $pink!important; */ }

.modal-dialog.modal-notify.modal-warning {
  /*
		.btn-outline-modal {
			border: 2px solid $color_neon_carrot_approx;
			color: $color_neon_carrot_approx !important;
		}
		*/ }
  .modal-dialog.modal-notify.modal-warning .badge {
    background-color: #ff8e38; }
  .modal-dialog.modal-notify.modal-warning .modal-header {
    background-color: #ff8e38; }
  .modal-dialog.modal-notify.modal-warning .fa, .modal-dialog.modal-notify.modal-warning .mdi {
    color: #9e9e9e;
    /* color: $color_neon_carrot_approx; */ }
  .modal-dialog.modal-notify.modal-warning .btn-primary-modal {
    color: #f5f5f5;
    background: #ff8e38; }
    .modal-dialog.modal-notify.modal-warning .btn-primary-modal:active {
      background-color: #ff9c52 !important; }
    .modal-dialog.modal-notify.modal-warning .btn-primary-modal:focus {
      background-color: #ff9c52 !important; }
    .modal-dialog.modal-notify.modal-warning .btn-primary-modal:hover {
      background-color: #ff9c52 !important; }

.modal-dialog.modal-notify.modal-success {
  /*
		.btn-outline-modal {
			border: 2px solid $color_malachite_approx;
			color: $color_malachite_approx !important;
		}
		*/ }
  .modal-dialog.modal-notify.modal-success .badge {
    background-color: #01d36b; }
  .modal-dialog.modal-notify.modal-success .modal-header {
    background-color: #01d36b; }
  .modal-dialog.modal-notify.modal-success .fa, .modal-dialog.modal-notify.modal-success .mdi {
    color: #9e9e9e;
    /* color: $color_malachite_approx; */ }
  .modal-dialog.modal-notify.modal-success .btn-primary-modal {
    color: #f5f5f5;
    background: #01d36b; }
    .modal-dialog.modal-notify.modal-success .btn-primary-modal:active {
      background-color: #01ec78 !important; }
    .modal-dialog.modal-notify.modal-success .btn-primary-modal:focus {
      background-color: #01ec78 !important; }
    .modal-dialog.modal-notify.modal-success .btn-primary-modal:hover {
      background-color: #01ec78 !important; }

.modal-dialog.modal-notify.modal-danger {
  /*
		.btn-outline-modal {
			border: 2px solid $color_sunset_orange_approx;
			color: $color_sunset_orange_approx !important;
		}
		*/ }
  .modal-dialog.modal-notify.modal-danger .badge {
    background-color: #ff4b4b; }
  .modal-dialog.modal-notify.modal-danger .modal-header {
    background-color: #ff4b4b; }
  .modal-dialog.modal-notify.modal-danger .fa, .modal-dialog.modal-notify.modal-danger .mdi {
    /* color: $color_sunset_orange_approx; */
    color: #9e9e9e; }
  .modal-dialog.modal-notify.modal-danger .btn-primary-modal {
    color: #f5f5f5;
    background: #ff4b4b; }
    .modal-dialog.modal-notify.modal-danger .btn-primary-modal:active {
      background-color: #ff6565 !important; }
    .modal-dialog.modal-notify.modal-danger .btn-primary-modal:focus {
      background-color: #ff6565 !important; }
    .modal-dialog.modal-notify.modal-danger .btn-primary-modal:hover {
      background-color: #ff6565 !important; }

/*
 # ----------------------------------------------------------------------------
 #  ~/theme_uno/modules/_lightbox.scss
 #  Theme Uno - additional mde styles for LightBox 2
 # ----------------------------------------------------------------------------
*/
html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw; }

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none; }

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal; }

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 2px;
  /* Image border */
  /* jadams: Removed the irritating border */
  /* border: 4px solid white; */ }

.lightbox a img {
  border: none; }

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white; }

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/assets/images/lightbox/loading.gif) no-repeat; }

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

.lb-container > .nav {
  left: 0; }

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block; }

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/assets/images/lightbox/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s; }

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/assets/images/lightbox/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s; }

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-closeContainer {
  margin-top: 0.5rem; }

.lb-data {
  padding: 0 4px;
  color: #ccc; }

.lb-data .lb-details {
  width: 85%;
  margin-top: 0.25rem;
  float: left;
  text-align: left;
  line-height: 1.25rem; }

.lb-data .lb-caption {
  margin-top: 0.25rem;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.25rem; }

.lb-data .lb-caption a {
  color: #4ae; }

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999; }

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/assets/images/lightbox/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/modules/_navigator.scss
 #  Styles for J1 Navigator (NAV Module)
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
.stop-scrolling {
  position: fixed;
  overflow-y: scroll;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.dropdown-menu {
  padding-bottom: 0.1rem; }

.dropdown-menu {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }

.dropdown-menu::-webkit-scrollbar {
  width: 0px;
  /* WebKit */ }

#bootsnav_nav_menu .dropdown-menu {
  transform: scale(1);
  padding-bottom: unset; }

.nav.navigator {
  flex-wrap: nowrap; }

.nav.navbar-nav.navigator {
  margin-top: 0px;
  padding-top: 0; }

ul.menu-col {
  padding: 0;
  margin: 0;
  font-size: 13px; }
  ul.menu-col li a {
    color: #6f6f6f; }
    ul.menu-col li a:hover {
      text-decoration: none; }
    ul.menu-col li a:focus {
      text-decoration: none; }

li.close-full-menu {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }
  li.close-full-menu > a {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

.heading:after {
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  content: " ";
  background: #204a87;
  position: absolute; }

.heading-footer h2 {
  color: #eee;
  font-size: 18px;
  text-transform: uppercase; }

.navbar-default .navbar-nav > li > a:focus {
  background-color: transparent !important; }

.navbar-default .navbar-nav > li > a:hover {
  background-color: transparent !important; }

.nav.navbar.navigator.open ul.dropdown-menu.megamenu-content .content {
  display: block !important;
  height: auto !important; }

nav.navbar.navigator .navbar-nav .nav-item.open {
  border-bottom: 0px;
  background-image: linear-gradient(#141414, #1c1c1c 40%, #212121);
  background-repeat: no-repeat; }

nav.navigator .container {
  position: relative; }

nav.navigator .megamenu-content {
  padding: 15px;
  width: 100% !important; }
  nav.navigator .megamenu-content .title {
    margin-top: 0; }

nav.navigator.navbar-full {
  padding-bottom: 10px;
  padding-top: 10px; }
  nav.navigator.navbar-full .navbar-header {
    display: block;
    width: 100%; }
  nav.navigator.navbar-full .navbar-toggle {
    display: inline-block;
    margin-right: 0;
    position: relative;
    top: 0;
    font-size: 30px;
    transition: all 1s ease-in-out; }
  nav.navigator.navbar-full .navbar-collapse {
    position: fixed;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
    padding: 0;
    display: none !important;
    z-index: 9; }
    nav.navigator.navbar-full .navbar-collapse.in {
      display: block !important; }
    nav.navigator.navbar-full .navbar-collapse .nav-full {
      overflow: auto; }
    nav.navigator.navbar-full .navbar-collapse .wrap-full-menu {
      display: table-cell;
      vertical-align: middle;
      background-color: #fff;
      overflow: auto; }
    nav.navigator.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
      width: 0; }
    nav.navigator.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {
      width: 0; }
    nav.navigator.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {
      width: 0; }
    nav.navigator.navbar-full .navbar-collapse .nav-full::-o-scrollbar {
      width: 0; }
    nav.navigator.navbar-full .navbar-collapse ul.nav {
      display: block;
      width: 100%;
      overflow: auto; }
      nav.navigator.navbar-full .navbar-collapse ul.nav a {
        background-color: transparent; }
        nav.navigator.navbar-full .navbar-collapse ul.nav a:hover {
          background-color: transparent; }
        nav.navigator.navbar-full .navbar-collapse ul.nav a:focus {
          background-color: transparent; }
      nav.navigator.navbar-full .navbar-collapse ul.nav > li {
        float: none;
        display: block;
        text-align: center; }
        nav.navigator.navbar-full .navbar-collapse ul.nav > li > a {
          display: table;
          margin: auto;
          text-transform: uppercase;
          font-weight: bold;
          letter-spacing: 2px;
          font-size: 24px;
          padding: 10px 15px; }

nav.navigator.navbar-brand-top .navbar-header {
  display: block;
  width: 100%;
  text-align: center; }
  nav.navigator.navbar-brand-top .navbar-header .navbar-brand {
    display: inline-block;
    float: none;
    margin: 0; }

nav.navigator.navbar-brand-top .navbar-collapse {
  text-align: center; }

nav.navigator.navbar-brand-top ul.nav {
  display: inline-block;
  float: none;
  margin: 0 0 -5px 0; }
  nav.navigator.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu {
    margin-top: 2px; }
  nav.navigator.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
    margin-top: 0; }

nav.navigator.brand-center .navbar-header {
  display: block;
  width: 100%;
  position: absolute;
  text-align: center;
  top: 0;
  left: 0; }

nav.navigator.brand-center .navbar-brand {
  display: inline-block;
  float: none; }

nav.navigator.brand-center .navbar-collapse {
  text-align: center;
  display: inline-block;
  padding-left: 0;
  padding-right: 0; }
  nav.navigator.brand-center .navbar-collapse .col-half {
    width: 50%;
    float: left;
    display: block; }
    nav.navigator.brand-center .navbar-collapse .col-half.left {
      text-align: right;
      padding-right: 100px; }
    nav.navigator.brand-center .navbar-collapse .col-half.right {
      text-align: left;
      padding-left: 100px; }

nav.navigator.brand-center ul.nav {
  float: none !important;
  margin-bottom: -5px !important;
  display: inline-block !important; }
  nav.navigator.brand-center ul.nav.navbar-right {
    margin: 0; }
  nav.navigator.brand-center ul.nav > li.dropdown > ul.dropdown-menu {
    margin-top: 2px; }
  nav.navigator.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
    margin-top: 0; }

nav.navigator.brand-center.center-side .navbar-collapse .col-half.left {
  text-align: left;
  padding-right: 100px; }

nav.navigator.brand-center.center-side .navbar-collapse .col-half.right {
  text-align: right;
  padding-left: 100px; }

nav.navigator.navbar-sidebar {
  position: fixed;
  width: 260px;
  overflow: hidden;
  left: 0;
  padding: 0 0 0 0 !important;
  background: #fff;
  box-shadow: 1px 0 1px 0 #eee; }
  nav.navigator.navbar-sidebar .scroller {
    width: 280px;
    overflow-y: auto;
    overflow-x: hidden; }
  nav.navigator.navbar-sidebar .container-fluid {
    padding: 0 !important; }
  nav.navigator.navbar-sidebar .container {
    padding: 0 !important; }
  nav.navigator.navbar-sidebar .navbar-header {
    float: none;
    display: block;
    width: 260px;
    padding: 10px 15px;
    margin: 10px 0 0 0 !important; }
  nav.navigator.navbar-sidebar .navbar-collapse {
    padding: 0 !important;
    width: 260px; }
  nav.navigator.navbar-sidebar ul.nav {
    float: none;
    display: block;
    width: 100%;
    padding: 0 15px !important;
    margin: 0 0 30px 0; }
    nav.navigator.navbar-sidebar ul.nav li {
      float: none !important; }
      nav.navigator.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
        left: 100%;
        top: 0;
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        background-color: transparent;
        border: none !important;
        padding: 0;
        box-shadow: 0 0 0;
        padding-left: 0;
        float: none;
        margin-bottom: 0; }
        nav.navigator.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a {
          padding: 5px 15px;
          color: #6f6f6f;
          border: none; }
        nav.navigator.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before {
          font-family: Material Design Icons;
          content: "\f793"; }
        nav.navigator.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu {
          padding-left: 15px;
          margin-top: 0; }
      nav.navigator.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.open > a:before {
        content: "\f795"; }
    nav.navigator.navbar-sidebar ul.nav > li > a {
      padding: 10px 15px;
      font-weight: bold; }
    nav.navigator.navbar-sidebar ul.nav > li.dropdown > a:after {
      float: right; }
    nav.navigator.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu {
      margin-bottom: 15px; }
    nav.navigator.navbar-sidebar ul.nav .megamenu-content .col-menu {
      border: none !important; }
  nav.navigator.navbar-sidebar ul.dropdown-menu.megamenu-content > li {
    padding: 0 !important; }
  nav.navigator.navbar-sidebar .dropdown .megamenu-content .col-menu {
    display: block;
    float: none !important;
    padding: 0;
    margin: 0;
    width: 100%;
    border: none; }
    nav.navigator.navbar-sidebar .dropdown .megamenu-content .col-menu .title {
      padding: 7px 0;
      text-transform: none;
      font-weight: 400;
      letter-spacing: 0;
      margin-bottom: 0;
      cursor: pointer;
      color: #6f6f6f; }
    nav.navigator.navbar-sidebar .dropdown .megamenu-content .col-menu .content {
      padding: 0 0 0 15px; }
    nav.navigator.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a {
      padding: 3px 0 !important; }

nav.navigator .dropdown.megamenu-fw {
  position: static; }
  nav.navigator .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0; }

nav.navigator .megamenu-fw .dropdown-menu {
  left: auto; }

nav.navbar.navigator {
  margin-bottom: 0;
  border-radius: 0;
  background-color: #fff;
  border: none;
  z-index: 9;
  padding: 0;
  width: 100%;
  box-shadow: unset; }
  nav.navbar.navigator ul.nav li.megamenu-fw > a:hover {
    background-color: transparent; }
  nav.navbar.navigator ul.nav li.megamenu-fw > a:focus {
    background-color: transparent; }
  nav.navbar.navigator ul.nav li.active > a {
    background-color: transparent; }
    nav.navbar.navigator ul.nav li.active > a:hover {
      background-color: transparent; }
    nav.navbar.navigator ul.nav li.active > a:focus {
      background-color: transparent; }
  nav.navbar.navigator ul.nav.navigator .nav-item .nav-link {
    text-transform: none;
    width: max-content;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    width: -ms-max-content;
    font-weight: 400;
    font-size: 1.1rem; }
  nav.navbar.navigator ul.nav.navigator .dropdown.nav-item .nav-link {
    text-transform: none;
    width: max-content;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    width: -ms-max-content;
    font-weight: 400;
    font-size: 1.1rem; }
  nav.navbar.navigator ul.nav > li > a {
    background-color: transparent;
    /* padding: 30px 15px; */
    padding: 25px 10px;
    font-weight: 300; }
  nav.navbar.navigator ul.nav .dropdown-menu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -2px; }
  nav.navbar.navigator ul.nav ul.dropdown-menu > li > a {
    white-space: normal; }
  nav.navbar.navigator ul.nav.navbar-right .dropdown-menu .dropdown-menu {
    left: -200px; }
  nav.navbar.navigator ul.navbar-right li.dropdown ul.dropdown-menu li a {
    text-align: right; }
  nav.navbar.navigator ul.dropdown-menu.megamenu-content {
    padding: 0 15px !important; }
    nav.navbar.navigator ul.dropdown-menu.megamenu-content > li {
      padding: 25px 0 20px; }
    nav.navbar.navigator ul.dropdown-menu.megamenu-content.tabbed {
      padding: 0; }
      nav.navbar.navigator ul.dropdown-menu.megamenu-content.tabbed > li {
        padding: 0; }
    nav.navbar.navigator ul.dropdown-menu.megamenu-content .col-menu {
      border-left: solid 1px #eee;
      /*
						&:last-child {
							border-right: none;
						}
*/ }
      nav.navbar.navigator ul.dropdown-menu.megamenu-content .col-menu:first-child {
        border-left: none; }
    nav.navbar.navigator ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
      text-align: left;
      padding: 5px 0;
      display: block;
      width: 100%;
      margin-bottom: 0;
      border-bottom: none;
      color: #6f6f6f; }
  nav.navbar.navigator .navbar-toggle {
    background-color: transparent !important;
    border: none;
    padding: 0;
    font-size: 18px;
    position: relative;
    top: 5px; }
  nav.navbar.navigator.navbar-fixed {
    position: fixed; }
    nav.navbar.navigator.navbar-fixed.navbar-transparent .logo-scrolled {
      display: none; }
    nav.navbar.navigator.navbar-fixed.navbar-transparent .logo-display {
      display: block; }
    nav.navbar.navigator.navbar-fixed.no-background .logo-scrolled {
      display: none; }
    nav.navbar.navigator.navbar-fixed.no-background .logo-display {
      display: block; }
    nav.navbar.navigator.navbar-fixed .logo-display {
      display: none; }
    nav.navbar.navigator.navbar-fixed .logo-scrolled {
      display: block; }
  nav.navbar.navigator.no-background {
    transition: all 1s ease-in-out;
    background-color: transparent;
    border-bottom: 0; }
  nav.navbar.navigator.navbar-transparent .attr-nav {
    padding-left: 15px;
    margin-left: 30px; }
  nav.navbar.navigator.navbar-transparent.light {
    background-color: rgba(255, 255, 255, 0.3);
    border-bottom: solid 3px #fafafa; }
  nav.navbar.navigator.navbar-transparent.dark {
    background-color: rgba(0, 0, 0, 0.3);
    border-bottom: solid 3px #555;
    border-left: solid 1px #555; }
  nav.navbar.navigator.menu-center .container {
    position: relative; }
  nav.navbar.navigator.menu-center .navbar-header {
    position: absolute; }
  nav.navbar.navigator.menu-center .attr-nav {
    position: absolute;
    right: 15px; }
  nav.navbar.navigator.menu-center ul.nav.navbar-center {
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed; }
  nav.navbar.navigator.navbar-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
  nav.navbar.navigator > .active > a {
    bottom: -2px;
    position: relative;
    border-bottom: solid 2px #6f6f6f; }
  nav.navbar.navigator li.dropdown ul.dropdown-menu {
    padding-top: 2px;
    margin-top: 0;
    min-width: 250px;
    background: #fff;
    border-top: solid 8px;
    border-right: solid 1px;
    border-left: solid 1px; }
    nav.navbar.navigator li.dropdown ul.dropdown-menu > li a:hover {
      background-color: transparent; }
    nav.navbar.navigator li.dropdown ul.dropdown-menu > li:last-child > a {
      border-bottom: none; }
    nav.navbar.navigator li.dropdown ul.dropdown-menu ul.dropdown-menu {
      top: -3px; }
  nav.navbar.navigator.on ul.dropdown-menu.megamenu-content .content {
    display: block !important;
    height: auto !important; }

nav.navbar.navbar-inverse.navigator.navbar-transparent.dark {
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom: solid 3px #555;
  border-left: solid 1px #555; }

.attr-nav {
  margin-left: 13px;
  margin-right: -20px;
  float: right;
  position: relative;
  display: inline-block;
  margin-right: 20px; }
  .attr-nav > ul {
    padding: 0;
    list-style: none;
    display: inline-block; }
    .attr-nav > ul > li {
      float: left;
      display: block; }
      .attr-nav > ul > li > a {
        display: block;
        padding: 10px 5px;
        position: relative; }
        .attr-nav > ul > li > a span.badge {
          position: absolute;
          top: 50%;
          margin-top: -15px;
          right: 5px;
          font-size: 10px;
          padding: 0;
          width: 15px;
          height: 15px;
          padding-top: 2px; }
      .attr-nav > ul > li.dropdown ul.dropdown-menu {
        border-radius: 0;
        box-shadow: 0 0 0;
        border: solid 1px #e0e0e0;
        margin-top: 0;
        margin-left: 55px;
        width: 250px;
        left: -250px; }

.top-search {
  padding: 10px 0;
  display: none;
  position: sticky;
  top: 0; }
  .top-search .input-group-addon {
    border: none;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent; }
    .top-search .input-group-addon.close-search {
      cursor: pointer; }
  .top-search input.form-control {
    border: none;
    box-shadow: 0 0 0;
    color: #fff;
    height: 40px;
    padding: 0 15px;
    background-color: transparent;
    height: 61px; }

body {
  transition: all 0.3s ease-in-out; }
  body.on-side {
    margin-left: -380px; }
    body.on-side .wrap-sticky nav.navbar.navigator.sticked {
      left: -380px; }
  body.wrap-nav-sidebar .wrapper {
    padding-left: 260px;
    overflow-x: hidden; }

.wrap-sticky {
  position: relative;
  transition: all 0.3s ease-in-out; }
  .wrap-sticky nav.navbar.navigator {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0; }
    .wrap-sticky nav.navbar.navigator.sticked {
      position: fixed;
      transition: all 0.2s ease-in-out; }

.side {
  background-color: #fff;
  position: fixed;
  overflow-y: auto;
  top: 0;
  right: -380px;
  width: 380px;
  padding: 25px 30px;
  height: 100%;
  display: block;
  transition: all 0.3s ease-in-out;
  z-index: 9; }
  .side.on {
    right: 0; }
  .side .close-side {
    color: #fff;
    position: relative;
    z-index: 2; }
  .side .widget {
    position: relative;
    z-index: 1;
    margin-bottom: 25px; }
    .side .widget .title {
      color: #fff;
      margin-bottom: 15px;
      border-left: 3px solid #204a87;
      padding-left: 5px; }
    .side .widget .heading {
      text-align: left;
      color: #eee;
      font-size: 18px;
      text-transform: uppercase;
      position: relative;
      margin-bottom: 10px;
      padding-bottom: 10px; }
    .side .widget ul.link {
      font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      padding: 0;
      margin: 0;
      list-style: none; }
      .side .widget ul.link li a {
        color: #aaa; }
        .side .widget ul.link li a:focus {
          color: #fafafa;
          text-decoration: none; }
        .side .widget ul.link li a:hover {
          color: #fafafa;
          text-decoration: none; }

@media (min-width: 992px) {
  .dropdown-submenu {
    position: relative; }
    .dropdown-submenu > a::after {
      border-bottom: 0.3em solid transparent;
      border-left-color: inherit;
      border-left-style: solid;
      border-left-width: 0.3em;
      border-top: 0.3em solid transparent;
      content: " ";
      display: block;
      float: right;
      height: 0;
      margin-right: -0.6em;
      margin-top: -0.95em;
      width: 0; }
    .dropdown-submenu.pull-left {
      float: none; }
      .dropdown-submenu.pull-left > .dropdown-menu {
        left: -75%; }
    .dropdown-submenu > .dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: -6px;
      margin-left: 0; }
    .dropdown-submenu:hover > .dropdown-menu {
      display: block; }
  body.wrap-nav-sidebar .wrapper .container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px; }
  nav.navbar.navigator .dropdown-menu {
    transform-origin: unset;
    will-change: unset;
    transition: unset; }
    nav.navbar.navigator .dropdown-menu .dropdown-item {
      padding: .5em 1em .5em 1em; }
    nav.navbar.navigator .dropdown-menu .dropdown-megamenu-item {
      padding-left: .25em;
      list-style: none;
      font-size: .75em; }
    nav.navbar.navigator .dropdown-menu .dropdown-megamenu-item:hover {
      background: #ECEFF1; }
  nav.navbar.navigator .navbar-brand {
    /* padding: 0 1rem; */
    margin-right: 0; }
  nav.navbar.navigator .dropdown .nav-item {
    padding: 0.5em 1em .5em 1em; }
  nav.navbar.navigator ul.nav.navigator .dropdown.nav-item .dropdown-toggle:after {
    display: none; }
  nav.navbar.navigator ul.nav.navigator .dropdown.megamenu-fw .dropdown-toggle:after {
    display: none; }
  nav.navbar.navigator ul.nav .dropdown-menu .dropdown-menu {
    margin-top: -2px; }
  nav.navbar.navigator li.dropdown ul.dropdown-menu.megamenu-content {
    left: 0; }
  nav.navbar.navigator li.dropdown ul.dropdown-menu > li > a {
    display: inline-flex;
    align-items: center;
    border-bottom: 0;
    text-decoration: none; }
  .nav-item + .nav-item {
    margin-left: 0 !important; }
  .dropdown-menu .divider {
    background-color: #e5e5e5;
    height: 1px;
    margin: 9px 0;
    overflow: hidden; } }

@media (max-width: 992px) {
  nav.navigator.brand-center .navbar-collapse {
    display: block; }
    nav.navigator.brand-center .navbar-collapse .col-half {
      width: 100%;
      float: none;
      display: block; }
      nav.navigator.brand-center .navbar-collapse .col-half.left {
        margin-bottom: 0; }
  nav.navigator.brand-center ul.nav {
    margin-bottom: 0 !important; }
  nav.navigator .megamenu-content {
    padding: 0; }
    nav.navigator .megamenu-content .col-menu {
      padding-bottom: 0; }
    nav.navigator .megamenu-content .title {
      cursor: pointer;
      display: block;
      padding: 10px 15px;
      margin-bottom: 0;
      font-weight: normal; }
  nav.navigator.navbar-full .navbar-brand {
    float: left !important;
    padding-left: 0; }
  nav.navigator.navbar-full .navbar-toggle {
    display: inline-block;
    float: right;
    margin-right: 0;
    margin-top: 10px; }
  nav.navigator.navbar-full .navbar-header {
    padding-left: 15px;
    padding-right: 15px; }
  nav.navigator.navbar-full ul.nav {
    margin-left: 0; }
    nav.navigator.navbar-full ul.nav > li > a {
      border: none; }
  nav.navbar.navigator {
    background-color: #3f51b5;
    /*			.dropdown-menu .dropdown-item {
				padding: .5rem;
				max-width: unset;
			}
*/ }
    nav.navbar.navigator .navbar-brand {
      display: inline-block;
      float: none !important;
      margin: 0 !important;
      padding: 0 1rem; }
    nav.navbar.navigator .navbar-header {
      float: none;
      display: block;
      text-align: center;
      padding-left: 30px;
      padding-right: 30px; }
    nav.navbar.navigator .navbar-collapse {
      border: none;
      margin-bottom: 0; }
      nav.navbar.navigator .navbar-collapse.collapse {
        display: none !important; }
        nav.navbar.navigator .navbar-collapse.collapse.in {
          display: block !important; }
        nav.navbar.navigator .navbar-collapse.collapse.show {
          display: block !important;
          background-color: #3f51b5; }
    nav.navbar.navigator .navbar-nav {
      float: none !important;
      padding-left: 30px;
      padding-right: 30px; }
      nav.navbar.navigator .navbar-nav > li {
        float: none; }
        nav.navbar.navigator .navbar-nav > li > a {
          display: block;
          width: 100%;
          padding: 10px 0;
          padding-bottom: 20px;
          border-bottom: 0; }
        nav.navbar.navigator .navbar-nav > li:first-child > a {
          border-top: none; }
      nav.navbar.navigator .navbar-nav .nav-item {
        width: 95%;
        line-height: .1rem;
        border-bottom: dotted 1px #e0e0e0; }
        nav.navbar.navigator .navbar-nav .nav-item:first-child {
          margin-top: .5rem; }
        nav.navbar.navigator .navbar-nav .nav-item:last-child {
          border-bottom: 0px;
          margin-bottom: .5rem; }
      nav.navbar.navigator .navbar-nav.open {
        border-bottom: 0px;
        background-image: linear-gradient(#141414, #1c1c1c 40%, #212121);
        background-repeat: no-repeat; }
    nav.navbar.navigator ul.nav.navigator .dropdown.nav-item .nav-link {
      min-height: 3rem;
      width: auto;
      font-weight: 400;
      font-size: 1.5rem;
      color: rgba(255, 255, 255, 0.5); }
      nav.navbar.navigator ul.nav.navigator .dropdown.nav-item .nav-link:hover {
        color: rgba(255, 255, 255, 0.9); }
      nav.navbar.navigator ul.nav.navigator .dropdown.nav-item .nav-link:active nav.navbar.navigator ul.nav.navigator .nav-item .nav-link:hover {
        color: rgba(255, 255, 255, 0.9); }
    nav.navbar.navigator ul.nav.navigator .dropdown.nav-item .dropdown-toggle:after {
      display: none; }
    nav.navbar.navigator ul.nav.navigator .dropdown.megamenu-fw .dropdown-toggle:after {
      display: none; }
    nav.navbar.navigator ul.nav.navigator .nav-item .nav-link {
      min-height: 3rem;
      width: auto;
      font-weight: 400;
      font-size: 1.5rem;
      color: rgba(255, 255, 255, 0.5); }
      nav.navbar.navigator ul.nav.navigator .nav-item .nav-link:active {
        color: rgba(255, 255, 255, 0.9); }
    nav.navbar.navigator ul.nav li.dropdown li a.dropdown-toggle {
      position: relative;
      display: inline-flex;
      align-items: center;
      width: 100%; }
    nav.navbar.navigator ul.nav li.dropdown ul.dropdown-menu {
      min-width: 250px !important;
      position: relative !important;
      background-color: transparent;
      float: none;
      padding: 0 0 0 15px !important;
      margin: 0 0 -1px 0 !important;
      line-height: 1rem; }
      nav.navbar.navigator ul.nav li.dropdown ul.dropdown-menu > li > a {
        width: 100%;
        color: #fafafa !important;
        padding: .5rem 0 .5rem .5rem;
        display: inline-flex;
        align-items: center; }
        nav.navbar.navigator ul.nav li.dropdown ul.dropdown-menu > li > a:hover {
          color: #2196f3 !important; }
      nav.navbar.navigator ul.nav li.dropdown ul.dropdown-menu > li:last-child > a {
        border-bottom: 0px; }
    nav.navbar.navigator ul.nav ul.dropdown-menu li a:hover {
      background-color: transparent; }
    nav.navbar.navigator ul.nav ul.dropdown-menu li a:focus {
      background-color: transparent; }
    nav.navbar.navigator ul.nav ul.dropdown-menu li.dropdown.open > ul.dropdown-menu {
      line-height: 1; }
    nav.navbar.navigator ul.nav ul.dropdown-menu ul.dropdown-menu {
      float: none !important;
      left: 0;
      padding: 0 0 0 15px;
      position: relative;
      background: transparent;
      width: 100%; }
    nav.navbar.navigator.navbar-mobile .navbar-collapse {
      position: fixed;
      overflow-y: auto !important;
      overflow-x: hidden !important;
      display: block;
      background: #fff;
      z-index: 99;
      width: 280px;
      height: 100% !important;
      left: -280px;
      top: 0;
      padding: 0;
      transition: all 0.3s ease-in-out; }
      nav.navbar.navigator.navbar-mobile .navbar-collapse.in {
        left: 0; }
      nav.navbar.navigator.navbar-mobile .navbar-collapse [class*=' col-'] {
        width: 100%; }
    nav.navbar.navigator.navbar-mobile .tab-menu {
      width: 100%;
      display: block; }
    nav.navbar.navigator.navbar-mobile .tab-content {
      width: 100%;
      display: block; }
    nav.navbar.navigator.navbar-mobile ul.nav {
      width: 293px;
      padding-right: 0;
      padding-left: 15px; }
      nav.navbar.navigator.navbar-mobile ul.nav > li > a {
        padding: 15px; }
      nav.navbar.navigator.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important; }
      nav.navbar.navigator.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {
        padding-top: 13px !important;
        padding-bottom: 13px !important; }
      nav.navbar.navigator.navbar-mobile ul.nav ul.dropdown-menu > li > a {
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important; }
    nav.navbar.navigator.navbar-fixed .logo-scrolled {
      display: block !important; }
    nav.navbar.navigator.navbar-fixed .logo-display {
      display: none !important; }
    nav.navbar.navigator .navbar-toggler {
      color: rgba(255, 255, 255, 0.5) !important;
      padding: 1rem 1.75rem;
      border: 0;
      border-color: transparent;
      border-radius: 0; }
    nav.navbar.navigator .dropdown-item:focus {
      background-color: rgba(0, 0, 0, 0.5) !important; }
    nav.navbar.navigator .dropdown-item:hover {
      background-color: rgba(0, 0, 0, 0.5) !important; }
    nav.navbar.navigator.no-full .navbar-collapse {
      max-height: 450px;
      overflow-y: auto !important; }
    nav.navbar.navigator li.dropdown.nav-item.nav-sub-item {
      font-size: 1rem;
      line-height: 2rem; }
      nav.navbar.navigator li.dropdown.nav-item.nav-sub-item.open > a.dropdown-toggle:before {
        content: "\f795"; }
    nav.navbar.navigator li.dropdown.nav-item.open > a.dropdown-toggle:before {
      content: "\f795"; }
    nav.navbar.navigator li.dropdown a.dropdown-toggle:before {
      font-size: 2rem;
      font-family: Material Design Icons;
      content: "\f793";
      margin-right: 1.5rem;
      margin-left: -1rem; }
    nav.navbar.navigator li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after {
      display: none; }
    nav.navbar.navigator .dropdown .megamenu-content .col-menu .title {
      padding: 10px 15px 10px 0;
      line-height: 24px;
      text-transform: none;
      font-weight: 400;
      letter-spacing: 0;
      margin-bottom: 0;
      cursor: pointer;
      border-bottom: solid 1px #e0e0e0;
      color: #6f6f6f; }
    nav.navbar.navigator .dropdown .megamenu-content .col-menu:last-child .title {
      border-bottom: none; }
    nav.navbar.navigator .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a {
      border-bottom: none; }
    nav.navbar.navigator .dropdown .megamenu-content .col-menu .content {
      padding: 0 0 0 15px; }
    nav.navbar.navigator .dropdown .megamenu-content .col-menu ul > li > a {
      display: block;
      width: 100%;
      border-bottom: solid 1px #e0e0e0;
      padding: 8px 0; }
    nav.navbar.navigator .dropdown .megamenu-content .col-menu.on:last-child .title {
      border-bottom: solid 1px #e0e0e0; }
    nav.navbar.navigator .dropdown .megamenu-content .col-menu.open:last-child .title {
      border-bottom: solid 1px #e0e0e0; }
    nav.navbar.navigator.navbar-sidebar .share {
      padding: 30px 15px;
      margin-bottom: 0; }
    nav.navbar.navigator .megamenu-content.tabbed {
      padding-left: 0 !important; }
    nav.navbar.navigator .tabbed > li {
      padding: 25px 0;
      margin-left: -15px !important; }
    nav.navbar.navigator .nav-link:hover {
      background-image: unset;
      background-repeat: unset; }
    nav.navbar.navigator .navbar-default .navbar-nav > li > a {
      color: #fafafa !important; }
      nav.navbar.navigator .navbar-default .navbar-nav > li > a:hover {
        color: #2196f3 !important; }
    nav.navbar.navigator.navbar-transparent.light {
      background-color: #3f51b5;
      border-bottom: 0; }
  .attr-nav {
    position: absolute;
    right: 60px;
    margin-right: 0;
    right: 35px; }
    .attr-nav > ul {
      padding: 0;
      margin: 0 -15px -7px 0; }
      .attr-nav > ul > li > a {
        padding: 16px 15px 15px; }
      .attr-nav > ul > li.dropdown > a.dropdown-toggle:before {
        display: none; }
      .attr-nav > ul > li.dropdown ul.dropdown-menu {
        margin-top: 2px;
        margin-left: 55px;
        width: 250px;
        left: -250px;
        border-top: solid 5px; }
  body > .wrapper {
    overflow-x: hidden;
    transition: all 0.3s ease-in-out; }
  body.side-right > .wrapper {
    margin-left: 280px;
    margin-right: -280px !important; }
  .top-search .container {
    padding: 0 45px; }
  .navbar .nav-link:focus {
    background-image: unset;
    background-repeat: unset; }
  .dropdown-menu .dropdown-item {
    padding: 0; }
  .nav-item + .nav-item {
    margin-left: 0 !important; } }

@media (max-width: 768px) {
  nav.navbar.navigator .navbar-header {
    padding-left: 15px;
    padding-right: 15px; }
  nav.navbar.navigator .navbar-nav {
    padding-left: 15px;
    padding-right: 15px; }
  nav.navbar.navigator.navbar-mobile .navbar-collapse {
    margin-left: 0; }
  nav.navbar.navigator.navbar-mobile.navbar-sidebar .share {
    padding: 30px 15px !important;
    margin-bottom: 0; }
  nav.navbar.navigator.navbar-mobile ul.nav {
    margin-left: -15px;
    border-top: solid 1px #fff; }
  nav.navbar.navigator.navbar-sidebar .share {
    padding: 30px 15px !important;
    padding: 30px 0 !important;
    margin-bottom: 0; }
  nav.navigator.navbar-full .navbar-collapse {
    left: 15px; }
  nav.navigator.navbar-full .navbar-header {
    padding-right: 0; }
  nav.navigator.navbar-full .navbar-toggle {
    margin-right: -15px; }
  nav.navigator.navbar-full ul.nav > li > a {
    font-size: 18px !important;
    line-height: 24px !important;
    padding: 5px 10px !important; }
  .attr-nav {
    right: 30px; }
    .attr-nav > ul {
      margin-right: -10px; }
      .attr-nav > ul > li > a {
        padding: 16px 10px 15px;
        padding-left: 0; }
      .attr-nav > ul > li.dropdown ul.dropdown-menu {
        left: -275px; }
  .top-search .container {
    padding: 0 15px; }
  body.side-right > .wrapper {
    margin-left: 280px;
    margin-right: -280px !important; }
  li.close-full-menu {
    padding-top: 15px !important;
    padding-bottom: 15px !important; } }

/*
 # ----------------------------------------------------------------------------
 #  ~/theme_uno/modules/_noui_slider.scss
 #  Theme Uno - additional mde styles for noUiSlider
 # ----------------------------------------------------------------------------
*/
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -ms-touch-action: none;
  user-select: none;
  box-sizing: border-box; }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative; }

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-handle {
  position: relative;
  z-index: 1;
  box-sizing: border-box; }

.noUi-handle:focus {
  outline-width: 0; }

.noUi-stacking .noUi-handle {
  z-index: 10; }

.noUi-state-tap .noUi-origin {
  transition: left 0.3s, top 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

.noUi-horizontal {
  height: 10px; }

.noUi-handle {
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  left: -10px;
  top: -11px;
  cursor: pointer;
  border-radius: 100%;
  transition: all 0.2s ease-out;
  border: 1px solid;
  background: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.noUi-vertical .noUi-handle {
  margin-left: 5px;
  cursor: ns-resize; }

.noUi-horizontal.noUi-extended {
  padding: 0 15px; }

.noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px; }

.noUi-background {
  height: 2px;
  margin: 20px 0; }

.noUi-origin {
  margin: 0;
  border-radius: 0;
  height: 2px;
  background: #c8c8c8; }
  .noUi-origin[style^="left: 0"] .noUi-handle {
    background-color: #fff;
    border: 2px solid #c8c8c8; }
    .noUi-origin[style^="left: 0"] .noUi-handle.noUi-active {
      border-width: 1px; }

.noUi-target {
  border-radius: 0.1rem; }

.noUi-horizontal {
  height: 2px;
  margin: 15px 0; }

.noUi-vertical {
  height: 100%;
  width: 2px;
  margin: 0 15px;
  display: inline-block; }

.noUi-handle.noUi-active {
  transform: scale3d(2, 2, 1); }

[disabled].noUi-slider {
  opacity: 0.5; }

[disabled] .noUi-handle {
  cursor: not-allowed; }

.slider {
  background: #c8c8c8; }

.slider.noUi-connect {
  background-color: #3f51b5; }

.slider .noUi-handle {
  border-color: #3f51b5; }

.slider.slider-info .noUi-connect, .slider.slider-info.noUi-connect {
  background-color: #00bcd4; }

.slider.slider-info .noUi-handle {
  border-color: #00bcd4; }

.slider.slider-success .noUi-connect, .slider.slider-success.noUi-connect {
  background-color: #4caf50; }

.slider.slider-success .noUi-handle {
  border-color: #4caf50; }

.slider.slider-warning .noUi-connect, .slider.slider-warning.noUi-connect {
  background-color: #ffeb3b; }

.slider.slider-warning .noUi-handle {
  border-color: #ffeb3b; }

.slider.slider-danger .noUi-connect, .slider.slider-danger.noUi-connect {
  background-color: #f00; }

.slider.slider-danger .noUi-handle {
  border-color: #f00; }

/*
 # ----------------------------------------------------------------------------
 #  Theme Uno - additional mde styles for noUiSlider
 #  ~/theme_uno/extensions/mde/_mde_noui_slider.scss
 # ----------------------------------------------------------------------------
*/
/*
// Additional styles
// -----------------------------------------------------------------------------
.noUi-slider label {
  position: relative;
  padding-left: .5rem;;
}

// Default styles
// -----------------------------------------------------------------------------
.noUi-target,
.noUi-target * {
  touch-action: none;
  -webkit-touch-callout: none;
  -ms-touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

// jadams, 2017-05-22, limit the slider to 80% for the right
.noUi-base {
  width: 80%;
  height: 100%;
  position: relative;
  background: #FCE4EC;
}

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #F06292;
}

.noUi-origin {
  position: absolute;
  height: 2px;
  top: 0;
  left: 0;
  margin: 0;
  bottom: 0;
  border-radius: 0;
}

.noUi-stacking .noUi-handle {
  z-index: 10;
}
.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
       -o-transition: left 0.3s, top 0.3s;
          transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 2px;
}

// jadams 2017-05-22, limit the handle on the left
.noUi-horizontal .noUi-handle {
  left: -5px;
}

// jadams 2017-05-22, style of the handle
.noUi-base .noUi-handle {
  background-color: #E91E63;
  border: none;
  border-radius: 6px;
  box-shadow: none;
  color: #FFFFFF;
  display: table;
  height: 30px;
  width: 40px;
  margin-top: -15px;
  padding: 0;
  position: absolute;
  text-align: center;
  z-index: 2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-transition: left 0.2s ease-in, background-color 0.2s ease-in, -webkit-transform 0.3s ease;
          transition: left 0.2s ease-in, background-color 0.2s ease-in, -webkit-transform 0.3s ease;
       -o-transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease, -o-transform 0.3s ease;
}

.noUi-base .noUi-handle::before {
  background: transparent;
  content: attr(data-value);
  display: table-cell;
  font-size: 1rem;
  font-weight: 100;
  position: static;
  width: 100%;
  vertical-align: middle;
}

.noUi-base .noUi-handle::after {
  display: none;
}

.noUi-horizontal.noUi-extended {
	padding-right: 32px;
}
.noUi-horizontal.noUi-extended .noUi-handle {
	left: -1px;
}
.noUi-horizontal.noUi-extended .noUi-origin  {
	right: -2px;
}

.noUi-background {
  height: 2px;
  margin: 20px 0;
}

.noUi-origin[style^="left: 0"] .noUi-handle {
  background-color: #F06292;
  border: 2px solid #c8c8c8;
}
.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active {
  border-width: 1px;
}
.noUi-origin[style^="left: 100"] .noUi-handle {
  background-color: #880E4F;
  border: 2px solid #c8c8c8;
}
.noUi-origin[style^="left: 100"] .noUi-handle.noUi-active {
  border-width: 1px;
}

.noUi-target {
  border-radius: 2px;
}
.noUi-horizontal {
  height: 2px;
  margin: 15px 0;
}

.noUi-base .noUi-handle:hover {
  background-color: #F06292;
}
.noUi-base .noUi-handle.noUi-active {
  background-color: #E91E63;
  z-index: 3;
}
*/
/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/modules/_searcher.scss
 #  Provides styles for Simple-Jekyll-Search
 #
 #  Product/Info:
 #  http://jekyll.one
 #  https://github.com/christian-fei/Simple-Jekyll-Search
 #
 #  Copyright (C) 2019 Juergen Adams
 #  Copyright (C) 2015 Christian Fei
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #  Simple-Jekyll-Search is licensed under the MIT License.
 #  See: https://github.com/christian-fei/Simple-Jekyll-Search/
 #
 # -----------------------------------------------------------------------------
*/
#jekyll-search-container {
  list-style: none;
  font-size: 12px;
  background-color: white;
  position: absolute;
  top: 40px;
  left: 20px;
  z-index: -1;
  width: 223px;
  border-left: 1px solid #dedede;
  box-shadow: 2px 3px 2px #dedede; }

#jss-input-sidebar {
  padding: .5em;
  margin-left: 20px;
  margin-right: 20px;
  width: 20em;
  font-size: 0.8em;
  box-sizing: border-box;
  float: right;
  margin-top: 15px; }

#jss-input-index {
  padding: .5em;
  margin-left: 0;
  margin-right: 20px;
  width: 20em;
  font-size: 0.8em;
  box-sizing: border-box;
  float: right;
  margin-top: 15px; }

.top-search .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5); }

h4.result-item {
  font-size: 1.25rem !important; }

h6.result-item {
  font-size: .875rem !important; }

h4.result-item > a {
  color: #3949AB; }

h4.result-item > a:hover {
  color: #212121;
  text-decoration: none; }

.panel-search {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }

.panel-search::-webkit-scrollbar {
  width: 0px;
  /* WebKit */ }

.panel-search {
  max-height: 350px;
  width: 98%;
  background-color: unset;
  overflow-y: scroll !important; }
  .panel-search p {
    /* font-size: 1.1em; */
    /* margin-left: .5em; */
    margin-bottom: 0 !important; }
  .panel-search > .panel-heading {
    color: #424242 !important;
    /* background-color: $color_star_dust_approx !important; */
    /* border-color: $black !important; */ }

.panel-search-index {
  margin-left: 0; }

.panel-heading {
  padding: 10px 15px;
  font-weight: 400; }

.result-group-item-text {
  /* color: $color_cerulean_blue_approx !important; */
  line-height: 1.3; }

#jss-results li {
  padding-top: .2rem;
  padding-bottom: .2rem;
  display: inherit; }
  #jss-results li:last-child {
    padding-bottom: 2rem; }
  #jss-results li > a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.5); }
  #jss-results li > a:hover {
    color: rgba(0, 0, 0, 0.9); }

.result-item {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  line-height: 1; }

.result-group-item p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.75rem;
  line-height: 1.3; }

.panel-body p {
  font-size: 1.1em;
  margin-left: 1.5em;
  margin-bottom: .5rem !important;
  font-weight: 400;
  color: #424242; }

/*
 # -----------------------------------------------------------------------------
 #  ~/theme_uno/modules/_toccer.scss
 #  Provides base styles for the toc navigation based on Tim Scanlin's Tocbot
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #  https://tscanlin.github.io/tocbot
 #
 #  Copyright (C) 2016 Tim Scanlin
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #  Tocbot: Licensed under Open Source Iniative MIT.
 #  See: http://opensource.org/licenses/MIT
 #
 # -----------------------------------------------------------------------------
*/
.toc {
  overflow-y: auto; }
  .toc ul {
    overflow: hidden;
    position: relative;
    list-style: none;
    list-style-type: none !important; }

.toc-list {
  margin: 0;
  padding-left: 10px; }

.toc-link::before {
  background-color: #E0E0E0;
  content: ' ';
  display: inline-block;
  height: inherit;
  left: 0;
  margin-top: -1px;
  position: absolute;
  width: 2px; }

.is-collapsible {
  max-height: 1000px;
  overflow: hidden;
  transition: all 300ms ease-in-out; }

.is-collapsed {
  max-height: 0; }

.is-position-fixed {
  position: fixed !important;
  top: 0; }

.j1-sidebar.affix {
  position: fixed !important; }

a.toc-link {
  color: #212121;
  height: 100%;
  font-size: 1rem;
  text-decoration: none !important; }

/*
 # -----------------------------------------------------------------------------
 # ~/theme_uno/modules/_totop.scss
 # Provides CSS styles for J1 Back2Top
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
*/
/*
 ---------------------------------------------------------------------
    NOTE: Styles
            #topcontrol.position,
            #topcontrol.background,
            #topcontrol.content:after,
            #topcontrol.font-family:after
            #topcontrol.background:hover
          set dynamically via  j1_adapter_back_to_top.js

  --------------------------------------------------------------------
*/
#topcontrol {
  color: #fff;
  z-index: 99;
  width: 30px;
  height: 30px;
  font-size: 20px;
  border-radius: 3px !important; }
  #topcontrol:after {
    top: 0;
    left: 5px;
    position: absolute;
    text-align: center; }
  #topcontrol:hover {
    color: #fff;
    transition: all 0.3s ease-in-out; }