/*

# -----------------------------------------------------------------------------
# ~/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: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
#
# -----------------------------------------------------------------------------

*/ /* Chrome, IE 10+ */ .hide-scrollbar {

scrollbar-width: none;
-ms-overflow-style: none; }

/* Firefox */ .hide-scrollbar-moz {

scrollbar-width: none; }

/* WebKit */ .hide-scrollbar::-webkit-scrollbar {

width: 0px; }

/*

# -----------------------------------------------------------------------------
#  ~/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
#
# -----------------------------------------------------------------------------

*/ /* oxygen.wpdemos.net/tocbot/ */ /* 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() {

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
#
# -----------------------------------------------------------------------------

*/ /* 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%; } }

/* 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
#
# -----------------------------------------------------------------------------

*/ /* 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%; } }

/* 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%; } }

/* 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); } }

/* 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: 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
# -----------------------------------------------------------------------------
# NOTE: Inspired by Justin James
#       See: http://digitaldrummerj.me/
#            https://github.com/digitaldrummerj/digitaldrummerj.github.io
# -----------------------------------------------------------------------------

*/ /* Tag Box classes ——————————————————————————– */ .tag-box:before, .tag-box:after {

display: table;
content: "";
line-height: 0; }

.tag-box {

list-style: none;
margin: 0;
padding: 4px 0;
overflow: hidden;
*zoom: 1; }
.tag-box:after {
  clear: both; }
.tag-box a {
  padding: 4px 6px;
  margin: 2px;
  color: #fafafa;
  background-color: #e91e63;
  border-radius: 4px;
  text-decoration: none; }
  .tag-box a span {
    vertical-align: super;
    font-size: 0.9rem; }
.tag-box.inline li {
  float: left;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2.5; }

/* Tag Cloud classes ——————————————————————————– */ .tag-cloud {

margin-bottom: 10px;
margin-top: 20px; }
.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;
      transition: .2s; }
      .tag-cloud ul li a:hover {
        background-color: #7986cb; }
        .tag-cloud ul li a:hover span {
          color: #7986cb; }
    .tag-cloud ul li span {
      position: absolute;
      top: 5px;
      right: 6px;
      z-index: 2;
      width: 20px;
      height: 20px;
      line-height: 1.5;
      background-color: #e8eaf6;
      border-radius: 100%;
      color: #000;
      font-size: 11px;
      padding: 3px;
      margin: -1px 0 5px 5px;
      text-align: center;
      transition: .2s; }
  .tag-cloud ul.cloud li {
    margin: 0; }
    .tag-cloud ul.cloud li a {
      padding: 0 1em;
      padding-top: 5px;
      padding-bottom: 5px; }

.tag-numerator .badge {

padding: 5px 20px;
background-color: #616161; }

/* Unused classes (potentially conflicts with other POST classes) ——————————————————————————– */ /* .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 {

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

}

*/ /*

# -----------------------------------------------------------------------------
#  ~/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: stackoverflow.com/questions/19960162/bootstrap-3-modal-fires-and-causes-page-to-shift-to-the-left-momentarily-brows */ .modal-open {

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-focus, .nav-pills .nav-item.open .nav-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-: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; }