/* vvvv css override vvvv */
/* html * { color:#050505; #246 #f91 } */
/* font-style: italic/oblique ; */
/* padding: t r b l | t rl b | tb rl */
/* background: color image repeat position */
body {
  background-color:#fafafa; color:#111;
  font-size:0.9rem;
  text-decoration:none;
}
h1, .h1 { font-size:1.40rem; font-style:oblique; padding:0.2rem 0.0rem; }
h2, .h2 { font-size:1.30rem; font-style:oblique; padding:0.2rem 0.0rem; }
h3, .h3 { font-size:1.20rem; font-style:oblique; padding:0.2rem 0.0rem; }
h4, .h4 { font-size:1.10rem; font-style:oblique; padding:0.1rem 0.0rem; }
h5, .h5 { font-size:1.00rem; font-style:oblique; padding:0.1rem 0.0rem; }
h6, .h6 { font-size:1.00rem; font-style:oblique; padding:0.1rem 0.0rem; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0.0rem;
  /* border:0; */
  /* line-height:1.5; */
  /* font-weight:500; */
}
* { box-sizing: border-box; }
/* ---- */
p, ul, li, ol li, ul li {
  margin-top:    0.2rem;
  margin-bottom: 0.2rem;
  padding-top: 0; padding-bottom: 0;
}
.label {
  font-size:0.8rem;
  margin: 0.2rem;
}
.label.label-primary {
  background:#088; color:#fff;
}
.label.label-secondary {
  background:#aff; color:#000;
}
.notices {
  margin: 0.2rem 0;
  padding:0 0 0 0.5rem;
}
.notices p {
  margin: 0.1rem 0;
  padding:0.1rem ;
}
blockquote {
  margin: 0.2rem 0;
  padding:0 0 0 0.5rem;
  /* margin-block-start:  0.5rem; */
  /* margin-block-end:    0.5rem; */
  /* margin-inline-start: 0.5rem; */
  /* margin-inline-end:   0.5rem; */
}
.notices.yellow { border-left: 10px solid #1cc; background:#1cc1; color:#000; }
.notices.red    { border-left: 10px solid #c11; background:#c111; color:#000; }
.notices.blue   { border-left: 10px solid #11c; background:#11c1; color:#000; }
.notices.green  { border-left: 10px solid #1c1; background:#1c11; color:#000; }
blockquote      { border-left: 02px solid #aaa; }
pre {
  margin: 0;
  padding:0.2rem 0.2rem;
}
pre code { overflow-x:auto; max-width: 75vw; }
code, pre code, pre code:not(.hljs):not([class*=language-]) {
  margin: 0;
  padding:0.2rem 0.2rem !important;
  background-color:#eee; color:#000;
}
/* ---- */
.table tr, .table td, .table th {
  valign:top;
  margin: 0.1rem;
  padding:0.1rem 0.4rem;
  border:0;
}
.table.strip-even tr:nth-child(even) { background-color:#4441; }
.table.arc05,
.table.round05 {
  border:0.1px dotted;
  border-radius:0.5rem;
  border-collapse:separate;
  padding:1.0rem 1.0rem;
}
.table.auto-width {
  table-layout:auto;
  width:1%;
  max-width:100%;
  white-space:nowrap;
}
.table.auto-width tr,
.table.auto-width th,
.table.auto-width td {
  border:0;
}
/* ---- */
.none   { display:none   !important; } /*remove*/
.inline { display:inline !important; }
.block  { display:block  !important; }
.table  { display:table  !important; }
.inline-block { display:inline-block !important; }
.inline-flex  { display:inline-flex  !important; }
.inline-grid  { display:inline-grid  !important; }
.inline-table { display:inline-table !important; }
/* ---- */
.flex     { gap:0.5rem;display:flex;flex-flow:row wrap; }
.flex-V   { gap:0.5rem;display:flex;flex-flow:column wrap; }
.iflex    { gap:0.5rem;display:inline-flex;flex-flow:row wrap; }
.iflex-V  { gap:0.5rem;display:inline-flex;flex-flow:column wrap; }
.grid     { gap:0.5rem;display:grid; }
.grid-2   { gap:0.5rem;display:grid;grid-template-columns:auto auto; }
.igrid-2  { gap:0.5rem;display:inline-grid;grid-template-columns:auto auto; }
.grid-V2  { grid-auto-flow:column;gap:0.5rem;display:grid;grid-template-rows:auto auto; }
.igrid-V2 { grid-auto-flow:column;gap:0.5rem;display:inline-grid;grid-template-rows:auto auto; }
/* ---- flex/grid items */
.ja-c   { justify-content:center;align-content:center; }
.ja-_b  { justify-content:space-between;align-content:space-between; }
.ja-_a  { justify-content:space-around;align-content:space-around; }
.ja-_e  { justify-content:space-evenly;align-content:space-evenly; }
.ja-s   { justify-content:stretch;align-content:stretch; }
/* ---- box-only */
.box,
.box-dash {
  border:0.1px dashed !important;
}
.box-dot {
  border:0.1px dotted !important;
}
.box-shadow {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.bsh0, .BSH0 { box-shadow:none; }
.IB-CT  { display:inline-block;position:relative;left:50%;transform:translateX(-50%); }
.B-CT   { display:block;position:relative;left:50%;transform:translateX(-50%); }
.IB-C50 { display:inline-block;max-width:50%;margin-left:auto;margin-right:auto; }
.IB-C75 { display:inline-block;max-width:75%;margin-left:auto;margin-right:auto; }
.IB-C90 { display:inline-block;max-width:90%;margin-left:auto;margin-right:auto; }
.IB-C100{ display:inline-block;max-width:100%;margin-left:auto;margin-right:auto; }
.IB-L75 { display:inline-block;max-width:70%;margin-left:5%;margin-right:auto; }
.IB-R75 { display:inline-block;max-width:70%;margin-right:5%;margin-left:auto; }
/* ---- */
.cardbox {
  display:inline-table;
  vertical-align:top;
  border:none;
  border-radius:0.5rem;
  padding:0.5rem 0.7rem;
  margin: 0.5rem 0.3rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  /* float:right; */
  background-color:inherit; color:inherit;
  overflow: hidden;
  text-align: inherit;
  text-transform: none;
  /* text-decoration: none; */
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cardbox.c, .cardbox.C {
  display:table;
  max-width:90%;margin-left:auto;margin-right:auto;
}
.cardbox.l, .cardbox.L {
  display:table;
  max-width:70%;margin-right:auto;
}
.cardbox.r, .cardbox.R {
  display:table;
  max-width:70%;margin-left:auto;
}
.arc01, .round01 { border-radius:0.1rem; }
.arc03, .round03 { border-radius:0.3rem; }
.arc05, .round05 { border-radius:0.5rem; }
.arc07, .round07 { border-radius:0.7rem; }
.arc09, .round09 { border-radius:0.9rem; }
img { vertical-align:middle; }
.img-center { display:block; margin:0 auto; }
.txt-center { text-align: center; }
.all-center { display:block; margin:0 auto; text-align: center; }
.width100   { width:100%; }
.at0 { color:#ffffff00 !important; }
/* ---- */
a:link { color:#22a; }
a:visited { color:#a2a; }
a, a:active, a.ul01, .ul01 { text-decoration:underline; }
a:hover,.a.ul01:hover,a.ul01:hover,
a:focus,.a.ul01:focus,a.ul01:focus { background-color:#f91 !important; color:#246 !important;text-decoration:underline; }
/* ---- */
.jump,        .cursor-hand { cursor: pointer; }
.jump:hover , .raise:hover,
.jump:focus , .raise:focus { transform: translate(0, -0.2rem); transition: transform 0.2s ease; }
.jump:active, .press:active { transform: scale(0.99); }
/* ---- */
.nolink:link,
.nolink:visited,
.nolink
{
  text-decoration:inherit;
  color:inherit;
  background-color:inherit;
  display:inline-block;
}
.nolink:hover,
.nolink:focus {
  text-decoration:inherit;
  color:inherit;
  background-color:inherit;
  text-decoration:underline;
}
a:link    nolink { text-decoration:none !important; }
a:visited nolink { text-decoration:none !important; }
/* ---- */
.label,
.modular-features .feature-icon h6 {
  text-transform:none;
  background-color:inherit;
  color:#248;
}
.modular-features .feature-icon {
  padding:0 0 1.0rem;
}
.modular-features .feature-content {
  padding:1.0rem 0 0;
  color:#248;
}
.overlay-dark-gradient .image-overlay {
  background:linear-gradient(to bottom, rgba(#246, 0.5), rgba(0, 0, 0, 0.2));
}
.overlay {
  position:fixed;
  background:#246;
  top:0;
  left:0;
  width:100%;
  height:0%;
  opacity:0;
  visibility:hidden;
  transition:opacity .35s, visibility .35s, height .35s;
}
#header .logo img,
#header .logo svg,
.mobile-logo svg,
.mobile-logo img {
  height:3.5rem !important;
}
#header .logo svg path {
  fill:#246;
}
#header .navbar-section {
  height:4rem !important;
}
body.header-fixed.header-animated #header.scrolled .navbar-section {
  height:2.3rem !important;
}
body.header-fixed.header-animated #header.scrolled .logo img,
body.header-fixed.header-animated #header.scrolled .logo svg {
  height:2.3rem !important;
}
#header {
  width:100%;
  height:4rem;
  border-bottom:1px solid rgba(172, 179, 194, 0.2);
  font-size:1rem;
  font-weight:700;
  background:#246; color:#fafafa;
}
#header a { font-style:oblique;
  color:#fafafa;
}
#header a:hover,
#header a:focus {
  background:#246 !important; color:#f91 !important;
}
/* ---- header-dark 4 PC */
.header-dark #header:not(.scrolled) {
  background:#246 !important; color:#fafafa !important;
}
.header-dark #header:not(.scrolled) a { font-style:oblique;
  color:#fafafa !important;
}
.header-dark #header:not(.scrolled) a.active {
  color:#f91 !important;
}
.header-dark #header:not(.scrolled) a:hover,
.header-dark #header:not(.scrolled) a:focus {
  background:#246 !important; color:#f91 !important;
}
.header-dark #header:not(.scrolled) .dropmenu ul ul a { font-style:oblique;
  background:#246 !important; color:#fafafa !important;
}
.header-dark #header:not(.scrolled) .dropmenu ul ul a.active {
  color:#f91 !important;
}
.header-dark #header:not(.scrolled) .dropmenu ul ul a:hover,
.header-dark #header:not(.scrolled) .dropmenu ul ul a:focus {
  background:#246 !important; color:#f91 !important;
}
.header-dark .dropmenu ul li a { font-style:oblique;
  background:#246 !important; color:#fafafa !important;
}
.header-dark .dropmenu ul li a.active {
  color:#f91 !important;
}
.header-dark .dropmenu ul li a:hover,
.header-dark .dropmenu ul li a:focus {
  background:#246 !important; color:#f91 !important;
}
.header-dark.header-transparent #header:not(.scrolled) {
  background:rgba(#246, 0.05) !important;
  color:#fafafa !important;
}
/* ---- */
.btn-primary.button, .btn.btn-primary, .btn-primary {
  background-color:#246 !important;
  font-size: 0.9rem;
  display:inline-block;
  padding:0.1rem 0.4rem;
  outline:0;
  border-radius:0.5rem;
}
.btn, .button {
  border-color:#246;
  font-size: 0.9rem;
  padding:0.1rem 0.4rem;
  outline:0;
  border-radius:0.5rem;
}
.btn:hover, .btn.btn-primary:hover, .btn-primary:hover,
.btn:focus, .btn.btn-primary:focus, .btn-primary:focus {
  background-color:#f91 !important; color:#246 !important;
}
/* ---- langswitcher 4 PC / language-selector 4 phone & PC menu */
.langswitcher, .language-selector {
  top: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
.langswitcher li {
  display:list-item;
  font-size:1.3rem !important;
  margin: 0rem;
  padding:0.4rem;
}
.langswitcher .active {
  color:#f91 !important;
}
.language-selector .external {
  color:#fafafa;
  font-size: 1.3rem;
  font-weight: bold;
}
.language-selector .external.active {
  color:#f91;
}
.language-selector .btn {
  background:#246 !important; color:#fafafa !important;
  padding:2px 10px;
}
.language-selector .dropdown-menu {
  background:#246 !important; color:#fafafa !important;
  left: auto;
  right: 0;
}
.language-selector a:hover,
.language-selector a:focus {
  background-color:#246 !important; color:#f91 !important;
}
.language-selector .dropdown-menu li:hover,
.language-selector .dropdown-menu li:focus {
  background-color:#246; color:#f91;
}
.mobile-menu .button_container span {
  background:#fafafa !important;
}
/* ---- treemenu 4 phone */
.treemenu toggler {
  font-size:1.5rem !important;
  color:#fafafa !important;
}
.treemenu li a { font-style:oblique;
  color:#fafafa !important;
  font-size:1.5rem !important;
}
.treemenu li a.active {
  background:#246 !important; color:#f91 !important;
}
.treemenu li a:hover,
.treemenu li a:focus {
  background:#f91 !important; color:#246 !important;
}
/* ---- */
span.toggler::before {
  font-size:1.5rem !important;
  color:#fafafa !important;
  /* margin:0 !important; */
}
#footer {
  background:#246 !important; color:#fafafa;
  margin: 0.1rem;
  padding:0.1rem;
  /* height: 1rem; */
  /* line-height: 1rem; */
}
#footer a { font-style:oblique;
  color:#fafafa;
}
#footer p { margin:0; }
#body-wrapper .container {
  padding: 1.0rem 0rem 0.2rem;
}
.header-fixed #body-wrapper {
  /* padding-top: 4.0rem; */
}
/* .blog-date { display:none; } */
section#blog-hero.section.modular-hero.hero {
  padding-top:   4.5rem;
  padding-bottom:0.5rem;
}
.hero h1 {
  font-size: 1.4rem;
  color:inherit;
}
.tabs-wrapper.ui-theme-badges .tabs-nav li.current a {
  font-weight: bold;
  background-color:#246; color:#eee;
}
.tabs-wrapper.ui-theme-badges .tabs-nav li a {
  color:#111;
  background:#eee;
  border:0.1px dotted;
  border-color:#111;
}
.tabs-wrapper.ui-theme-badges .tabs-nav li a:hover,
.tabs-wrapper.ui-theme-badges .tabs-nav li a:focus { background:#f91; color:#246; }
.tabs-wrapper.ui-theme-lite .tabs-nav li.current a {
}
.tabs-wrapper.ui-theme-default .tabs-nav li.current a {
  padding:0.2rem 1.2rem;
  font-weight: bold;
  background-color:#fafafa;
  border-bottom: 1px solid #fafafa;
}
.tabs-wrapper.ui-theme-default .tabs-nav li a {
  padding:0.2rem 1.2rem;
  background-color:#ccc;
  border:1px solid #ccc;
  border-radius: 0.5rem 0.5rem 0 0;
}
.tabs-wrapper.ui-theme-default .tab {
  background-color:#fafafa;
}
.search-link        { font-size:1.2rem; padding:0.2rem; }
.search-link-mobile { font-size:1.2rem; color:#fafafa!important; }
.search-link-mobile:hover,
.search-link-mobile:focus { color:#f91!important; }
.dz-success-mark { background-color:#7e7; }
.dz-error-mark {   background-color:#e77; }
.dropzone .dz-preview a.dz-remove { font-size:1.2rem; }
.accordion-wrapper label {
  background-color:#eee; color:#111;
  display:inline-block;
  border-radius:0.5rem;
  margin: 0.1rem 0.0rem;
  padding:0.1rem 0.5rem 0.1rem 2.0rem;
}
.accordion-wrapper label:hover,
.accordion-wrapper label:focus { background-color:#f91; color:#246; }
.accordion-wrapper label:hover:after, .accordion-wrapper input:checked + label:hover:after ,
.accordion-wrapper label:focus:after, .accordion-wrapper input:checked + label:focus:after ,
.accordion-wrapper label:after, .accordion-wrapper input:checked + label:after {
  opacity: 0.5;
  content: '';
  position: absolute;
  width: 30px;
  height: 20px;
  left: 0.2rem !important;
  top: 7px;
  background:transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjgzIDE2LjQybDkuMTcgOS4xNyA5LjE3LTkuMTcgMi44MyAyLjgzLTEyIDEyLTEyLTEyeiIvPjxwYXRoIGQ9Ik0wLS43NWg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PC9zdmc+) no-repeat center center;
}
.accordion-wrapper input:checked + label:hover:after,
.accordion-wrapper input:checked + label:focus:after,
.accordion-wrapper input:checked + label:after {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.cl-display-inline-block {
  display:inline-block;
  vertical-align: top;
}
.cl-display-inline-flex {
  display:inline-flex;
}
.cl-next-display-inline-block ~ div.form-field.form-group {
  display:inline-block;
  vertical-align: top;
}
.cl-next-display-inline-flex ~ div.form-field.form-group {
  display:inline-flex;
}
.cl-form-opt .form-field-toggleable {
  display:block;
  vertical-align: top;
}
.cl-form-opt div.form-group {
  display:flex;
}
.cl-form-opt div.form-data,
.cl-form-opt div.form-label-wrapper,
.cl-form-opt div.form-input-wrapper,
.cl-form-opt div.form-extra-wrapper,
.cl-form-opt span.form-description,
.cl-form-opt input.form-input,
.cl-form-opt textarea.form-input {
  display:inline-block;
  vertical-align: top;
}
.cl-form-opt input.form-input {
  line-height: 1.2rem;
  font-weight: bold;
}
.cl-form-opt span.form-description {
  margin-left: 0.5rem;
}
.cl-form-opt .form-field-toggleable ,
.cl-form-opt .switch-toggle,
.cl-form-opt .checkboxes.toggleable {
  /* background-color:#1ee; */
}
.cl-form-opt input[type=checkbox] + label:before {
  line-height: 1.2rem;
  font-weight: bold;
}
.cl-form-opt input[type=checkbox]:checked + label:before {
  line-height: 1.2rem;
  font-weight: bold;
  background-color:#ace;
}
.cl-form-opt .switch-toggle label {
  background-color:#eee;
  line-height: 1.2rem;
  font-weight: bold;
}
.cl-form-opt .switch-toggle input.highlight:checked + label {
  background-color:#ace; color:#11e;
}
.cl-form-opt .switch-toggle input:checked + label {
  background-color:#ace; color:#111;
}
.cl-form-opt .switch-toggle input.highlight:not(:checked) + label {
  background-color:#eee; color:#44e;
}
.cl-form-opt .switch-toggle input:not(:checked) + label {
  background-color:#eee; color:#444;
}
/* ^^^^ css override ^^^^ */