@charset "utf-8";
/* CSS Document */

/*______ Variables ______*/
:root {
  --size-px-abs-1: 1px; --size-px-abs-n-1: -1px;
  --size-px-abs-2: 2px; --size-px-abs-n-2: -2px;
  --size-px-1: .0625em; --size-px-n-1: -.0625em;
  --size-px-2: .125em; --size-px-n-2: -.125em;
  --size-em-1-4: .25em; --size-em-n-1-4: -.25em;
  --size-em-3-8: .375em; --size-em-n-3-8: -.375em;
  --size-em-1-2: .5em; --size-em-n-1-2: -.5em;
  --size-em-5-8: .625em; --size-em-n-5-8: -.625em;
  --size-em-3-4: .75em; --size-em-n-3-4: -.75em;
  --size-em-7-8: .875em; --size-em-n-7-8: -.875em;
  --size-em-1: 1em; --size-em-n-1: -1em;
  --size-em-5-4: 1.25em; --size-em-n-5-4: -1.25em;
  --size-em-3-2: 1.5em;
  --size-em-7-4: 1.75em;
  --size-em-2: 2em;
  --size-em-9-4: 2.25em;
  --light: #fff;
  --light-52: rgba(255,255,255,.52);
  --dark-06: rgba(0,0,0,.06);
  --dark-12: rgba(0,0,0,.12);
  --dark-27: rgba(0,0,0,.27);
  --dark-52: rgba(0,0,0,.52);
  --dark-76: rgba(0,0,0,.76);
  --clr-black: #101010;
  --clr-text: #212121;
  --clr-theme: #46a29f;
  --clr-theme-76: rgba(70,162,159,.76);
  --clr-link: #1e88e5;
  --clr-danger: #e74c3c;
  --t-qtr: 250ms;
  --t-half: 500ms;
  --t-full: 1s;
  --pad-card: var(--size-em-1);
  --pad-input: var(--size-em-1-4) var(--size-em-1-2);
  --pad-select: var(--size-em-1-4);
  --pad-button: var(--size-em-1-4) var(--size-em-3-4);
  --bdr: var(--size-px-1) solid var(--dark-12);
  --bdr-thick: var(--size-px-2) solid var(--dark-12);
  --bdr-abs: var(--size-px-abs-1) solid var(--dark-12);
  --bdr-thick-abs: var(--size-px-abs-2) solid var(--dark-12);
  --bdr-lite: var(--size-px-1) solid var(--dark-06);
  --bdr-lite-thick: var(--size-px-2) solid var(--dark-06);
  --bdr-dark: var(--size-px-1) solid var(--dark-27);
  --bdr-dark-thick: var(--size-px-2) solid var(--dark-27);
  --bdr-radius: .5em;
  --box-shadow: 0 var(--size-px-1) var(--size-px-2) var(--dark-12);
  --radius-input: var(--size-em-1-4);
  --radius-btn: var(--size-em-1-4);
  --wrapper: 100%;
}

/*______ Dafaults ______*/
*, *::before, *::after { box-sizing: border-box; }
body, div, main, details, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, hr,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: 0 none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, main, details, .d-b, .btn.d-b, label > input, .no-list > li, ul.group > li, ol.group > li, ul.group > li > a, ol.group > li > a, ul.inline > li { display: block; }
body, body > .root, .wrapper, .clear, .row, .col, .hero, .hero > *, fieldset, label, fieldset .inputs, main, .check > input+span, .radio > input+span, dd, .card, .card > .body, blockquote, .logo, .logo > *, .topbar a, .accordion, .accordion > .item, .topbar ~ main, .topbar ~ .main, .aspect-fx { position: relative; display: block; }
.loading.text { display: inline-block; position: relative; max-width: 100%; }
.wrapper::before, .wrapper::after, .clear::before, .clear::after, .clear2::before, .clear2::after, .topbar::after, .row::after, .btns::after, .card::after, .accordion::after, .accordion > .item > .body, dl::after, ul.inline::after, .no-list > li::after, main::after, .main::after, blockquote::before, dt + dd::before, dt + dd::after, dt + dd::after, nav.main .primary::after, .has-bg::before, .hero::before, .abs-before::before, .abs-after::after, a.wrap::before, a.wrap::after, table.border::before, table.card::before { content: ""; display: block; clear: both; }

html { font-size: 10px; margin: 0; padding: 0; }
body { font-size: 1.6em; font-family: Avenir, Helvetica, Arial, sans-serif; line-height: 1.5; color: var(--clr-text); background-color: var(--light); cursor: default; transition: all var(--t-qtr); }
pre, kbd, code, samp, .mono { font-family: monospace; line-height: initial; }
ol, ul, menu, dt + dd { padding-left: var(--size-em-2); }
blockquote, q { quotes: none; }
q::before { content: '“'; }
q::after { content: '”'; }
q q::before { content: '‘'; }
q q::after { content: '’'; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
p, blockquote, ol, ul, menu, dl, label, table, fieldset, fieldset.labeled.left .inputs, .card, .m-bottom, .of-scroll, .accordion { margin-bottom: var(--size-em-1); }
.m-half { margin: var(--size-em-1-2) 0; }
.m-top { margin-top: var(--size-em-1); }
h1, h2, h3, h4, h5, h6, li, dd, .m-mini { margin-bottom: var(--size-em-1-2); }
li ol, li ul, li dl, dd ol, dd ul, dd dl { margin-top: var(--size-em-1-4); margin-bottom: 0; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, blockquote em, dt, table > caption, th, b, strong, .bold { font-weight: 700; }
h1, .h1, .h1n { font-size: var(--size-em-9-4); }
h2, .h2, .h2n { font-size: var(--size-em-7-4); }
h3, .h3, .h3n { font-size: var(--size-em-5-4); }
h4, .h4, .h4n { font-size: var(--size-em-1); }
h5, .h5, .h5n { font-size: var(--size-em-7-8); }
h6, .h6, .h6n, sub, sup, small, .text.xs { font-size: var(--size-em-3-4); }
.text.lg { font-size: var(--size-em-2); }
sup { vertical-align: super; }
sub { vertical-align: sub; }
var, i, em, q, blockquote, cite, dfn, .italic { font-style: italic; }
hr { margin: var(--size-em-1) 0; height: var(--size-px-2); background-color: var(--dark-06); border: 0 none; border-radius: var(--size-px-2); }
a, abbr, ins, u { border-bottom: var(--size-px-1) dotted transparent; text-decoration: none; }
a { color: var(--clr-link); border-color: var(--clr-link); cursor: pointer; }
a:hover, ins, u { border-style: solid; }
a.texty { color: inherit; border-bottom: 0 none; cursor: default; }
a.disabled { position: relative; z-index: -1; opacity: .52; }
abbr[title], ins, u { border-color: inherit; }
blockquote { margin-left: var(--size-em-1); padding-left: var(--size-em-1); }
img { display: block; max-width: 100%; height: auto; object-fit: cover; }
s, del { text-decoration: line-through; opacity: .52; }
time, mark, .d-ib { display: inline-block; /* vertical-align: bottom;  */ }
mark { padding-left: var(--size-em-1-4); padding-right: var(--size-em-1-4); }
.thin { font-weight: 300; }

blockquote::before, dt + dd::before, dt + dd::after { position: absolute; top: 0; left: 0; bottom: 0; border: var(--bdr); border-radius: var(--size-px-2); }
.check > input, .radio > input, .select > select, .file > input[type="file"], .accordion > .item > input, .abs-full, .has-bg::before, .hero::before, .abs-before::before, .abs-after::after, a.wrap::before, a.wrap::after, table.border::before, .aspect-fx > *, .aspect-fx::after, .blocked::before, .blocked::after, .dropdown > .content::before { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
a.wrap { display: block; cursor: pointer; border-bottom: initial; }
a.wrap::before { z-index: -1; }
a.wrap::after, .has-bg > *, .hero > * { z-index: 1; }

/*______ Tables ______*/
table.card { display: table; padding: 0; border: 0 none; box-shadow: none; }
table::before { display: none; }
table > caption, th, td { padding: var(--size-em-5-8) var(--size-em-3-4); }
th, td { vertical-align: middle; text-align: left; }
th.merge-b, td.merge-b, tr.merge-b td, tr.merge td { padding-bottom: 0; }
th.merge-t, td.merge-t, tr.merge-t td, tr.merge td { padding-top: 0; }
table.border { position: relative; z-index: 1; }
table.border::before, table.card::before { z-index: -1; border-left: var(--bdr-abs); border-top: var(--bdr-abs); box-shadow: var(--box-shadow); }
table.border::before, table > caption, .border-b { border-bottom: var(--bdr-abs); }
thead th { border-bottom: var(--bdr-thick-abs); }
tfoot th { border-top: var(--bdr-thick-abs); }
table.card td, table.card th, table.card caption { background-color: var(--light); }
table > *:first-child, table > *:first-child > tr:first-child > *:first-child { border-top-left-radius: var(--bdr-radius); }
table > *:first-child, table > *:first-child > tr:first-child > *:last-child { border-top-right-radius: var(--bdr-radius); }
table > *:last-child, table > *:last-child > tr:last-child > *:first-child { border-bottom-left-radius: var(--bdr-radius); }
table > *:last-child, table > *:last-child > tr:last-child > *:last-child { border-bottom-right-radius: var(--bdr-radius); }
table.border.rows > tbody > tr > *, tr.border.rows > *, table.border.all > tbody > tr > *, .border-t { border-top: var(--bdr-abs); }
table.border.rows > tbody > tr:first-child > *, table.border.all > tbody > tr:first-child > * { margin-top: 0; border-top: 0 none; }
table.border.cols th, table.border.cols td, tr.border.cols th, tr.border.cols td, table.border.all th, table.border.all td, table.border::before { border-right: var(--bdr-abs); }
table.hover > tbody > tr:hover > td, table.hover > tbody > tr:hover > th, table.zebra > tbody > tr:not(.hide):nth-child(even) > td { background-color: var(--dark-06); }
table.border.cols th:last-child, table.border.all th:last-child, table.border.cols td:last-child, table.border.all td:last-child { border-right: 0 none; }

/*______ Form Elements & Buttons ______*/
fieldset.flat { padding: 0; background-color: transparent; border: 0 none; box-shadow: none; }
legend { font-size: var(--size-em-3-4); margin: 0 var(--size-em-n-1-4); padding: 0 var(--size-em-1-4); }
input, textarea, .wysiwyg, select, .select > select + span, button, .btn, .file > input[type="file"] + span::before, .btns > *, .tags > * { font: inherit; display: inline-block; position: relative; margin: 0; padding: var(--pad-input); width: 16em; height: var(--size-em-9-4); z-index: 1; color: inherit; background-color: transparent; border: var(--bdr); border-radius: var(--radius-input); vertical-align: bottom; transition: all var(--t-qtr); }
[required] { box-shadow: none; }
input.round, textarea.round, .wysiwyg, select.round, button.round, .btn.round, .select.round, .file > input[type="file"].round + span::before, .btns.round > * { border-radius: var(--size-em-9-4); }
fieldset:not(.inline) input, fieldset:not(.inline) select, fieldset:not(.inline) textarea, .wysiwyg, fieldset:not(.inline) .select, .select > select + span, [type="range"], label, fieldset .inputs { display: block; width: 100%; }
fieldset ul.inputs { list-style: none; }
fieldset .inputs > li { display: inline-block; margin-bottom: 0; margin-right: var(--size-em-3-4); }
fieldset .inputs > li.text { vertical-align: middle; }
fieldset .inputs > li:last-child { margin-right: 0; }
label.inline { display: inline-block; width: auto; vertical-align: bottom; }
input, select, button, .btn, .btns > * { overflow: visible; }
textarea { overflow: auto; max-width: 100%; height: 8em; border-radius: var(--bdr-radius); }
select { padding: var(--pad-select); cursor: pointer; }
optgroup { font: inherit; margin: 0; line-height: 1; }
button, select { text-transform: none; }
input:hover, textarea:hover, .wysiwyg:hover, select:hover, button:hover, .btn:hover, .file > input[type="file"]:hover + span::before, .btns > *:hover { border-color: var(--dark-27); z-index: 2; }
input:focus, textarea:focus, select:focus, button:focus, .btn:focus, input:active, textarea:active, select:active, button:active, .btn:active, .btns > *:focus, .btns > *:active { border-color: var(--clr-theme); outline: 0 none; z-index: 2; }
progress, meter { height: var(--size-em-1-2); background-color: var(--dark-12); border: 0 none; border-radius: var(--bdr-radius); vertical-align: baseline; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
progress::-webkit-progress-bar { background-color: transparent; }
progress::-moz-progress-bar, meter::-moz-meter-bar { background-color: var(--clr-theme); border-radius: var(--bdr-radius); }
progress::-webkit-progress-value, meter::-webkit-meter-value { background-color: var(--clr-theme); border-radius: var(--bdr-radius); }
[type="checkbox"], [type="radio"] { display: inline; margin: 0 var(--size-em-1-2) 0 0; padding: 0; width: auto; height: auto; vertical-align: baseline; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: var(--size-px-n-2); }
[type="search"]::-webkit-search-decoration, [type="range"], [type="range"]::-webkit-slider-thumb { -webkit-appearance: none; }
[type="range"] { margin: var(--size-em-3-4) 0; padding: 0; cursor: pointer; }
[type="range"], [type="range"]::-ms-track { padding: 0; width: 100%; background-color: transparent; }
[type="range"]::-ms-track { color: transparent; border-color: transparent; cursor: pointer; }

label > .field, fieldset .field, .wysiwyg::before { display: block; position: absolute; left: var(--size-em-3-8); top: 1em; padding: 0 var(--size-em-1-4); z-index: 0; line-height: 1; background-color: var(--light); border-radius: var(--size-px-2); transition: all var(--t-qtr); transform-origin: left top; }
label > .round + .field, .round > .field, .wysiwyg::before { margin-left: var(--size-em-1-4); }
label > .info, .check > .info, .radio > .info { font-size: var(--size-em-3-4); display: block; margin: 0 var(--size-em-7-8); opacity: .76; }
.check > .info, .radio > .info { margin-right: 0; }
fieldset.labeled.top label > *:focus ~ .field, fieldset.labeled.top label > *:active ~ .field, fieldset.labeled.top label > input[disabled] ~ .field, fieldset.labeled.top label > input[readonly] ~ .field, fieldset.labeled.top label > .filled ~ .field, .wysiwyg::before { top: -.5em; left: var(--size-em-5-8); z-index: 3; color: var(--dark-27); transform: scale(.75); }
fieldset.labeled.left label, fieldset.labeled.left .inputs { padding-left: 7em; }
fieldset.labeled.left .field { left: auto; right: 100%; margin-right: -6.5em; background-color: transparent; text-align: right; transform: scale(.875); transform-origin: right; }
fieldset.labeled.left .inputs .field, fieldset.labeled.left .check + .field { top: var(--size-em-1-4); }
input.error, label.error > input, .btn.border.danger { color: var(--clr-danger); border-color: var(--clr-danger); }
input.error + .field, input.error ~ .info, label.error > .field, label.error > .info { color: var(--clr-danger); }

.check, .radio { display: inline-block; position: relative; min-height: var(--size-em-3-2); vertical-align: middle; }
.check > input+span, .radio > input+span { padding-left: var(--size-em-3-2); z-index: 0; }
.check > input+span.no-txt, .radio > input+span.no-txt, .check > input.multicheck+span { padding-left: var(--size-em-5-4); }
.check > input+span::before, .check > input+span::after, .radio > input+span::before, .radio > input+span::after { content: ''; display: block; position: absolute; transition: all var(--t-qtr); }
.check > input+span::before, .radio > input+span::before { left: 0; top: var(--size-px-2); height: var(--size-em-5-4); width: var(--size-em-5-4); border: var(--size-px-2) solid var(--dark-27); }
.check > input+span::before { border-radius: var(--size-px-2); }
.check.round > input+span::before, .radio > input+span::before { border-radius: var(--size-em-5-4); }
.check > input+span::after, .radio > input+span::after { left: var(--size-px-2); width: var(--size-em-1); }
.check > input+span::after { top: var(--size-em-3-8); height: var(--size-em-1-2); border-width: 0 0 var(--size-px-2) var(--size-px-2); border-style: solid; border-color: transparent; transform: rotate(-45deg) scale(.75); }
.radio > input+span::after { top: var(--size-em-1-4); height: var(--size-em-1); border: var(--size-em-1-4) solid transparent; border-radius: 100%; }
.check > input, .radio > input, .file > input[type="file"], .accordion > .item > input { margin-right: 0; width: 100%; height: 100%; z-index: 3; opacity: 0 !important; cursor: pointer; }
.check > input:focus + span::before { border-color: var(--clr-theme); }
.check > input:hover + span::before, .radio > input:hover + span::before { background-color: var(--dark-12); }
.check > input:checked + span::before, .radio > input:checked + span::before, .radio > input:focus + span::before, .check > input.part + span::before { background-color: var(--clr-theme); border-color: var(--dark-06); }
.check > input:checked + span::after, .radio > input:checked + span::after, .check > input.part + span::after { border-color: var(--light); }
.check > input.part + span::after { left: var(--size-em-1-2); top: var(--size-em-5-8); width: var(--size-px-2); height: var(--size-px-2); border-width: var(--size-px-2); border-radius: var(--size-px-2); }
.check > input + span, .radio > input + span { opacity: .76; }
.check > input:checked + span, .radio > input:checked + span, .check > input.part + span { opacity: 1; }
.check.inline { margin: var(--size-em-3-8) 0; }

.check.slidr > input+span { padding-left: var(--size-em-9-4); }
.check.slidr > input+span.no-txt { padding-left: var(--size-em-2); }
.check.slidr > input+span::before, [type="range"] { height: var(--size-em-3-4); background-color: var(--dark-12); border: var(--bdr); border-radius: var(--size-em-5-4); }
.check.slidr > input+span::before { top: var(--size-em-3-8); width: var(--size-em-2); }
.check.slidr > input+span::after { left: 0; top: var(--size-px-2); width: var(--size-em-5-4); height: var(--size-em-5-4); background-color: var(--light); border: var(--bdr-dark); border-radius: 100%; box-shadow: var(--size-px-1) var(--size-px-1) var(--size-px-2) var(--dark-27); transform: none; }
.check.slidr > input:checked + span::before, .check.slidr > input:focus + span::before, [type="range"]:focus { background-color: var(--clr-theme-76); border-color: var(--dark-06); }
.check.slidr > input:checked + span::after { left: var(--size-em-3-4); background-color: var(--clr-theme); border-color: var(--dark-27); }
.check.slidr > .info { margin-left: 3em; }

[type="range"]::-webkit-slider-thumb { width: var(--size-em-5-4); height: var(--size-em-5-4); background-color: var(--clr-theme); border: var(--bdr-dark); border-radius: 100%; box-shadow: var(--size-px-1) var(--size-px-1) var(--size-px-2) var(--dark-27); }
[type="range"]::-moz-range-thumb { width: var(--size-em-5-4); height: var(--size-em-5-4); background-color: var(--clr-theme); border: var(--bdr-dark); border-radius: 100%; box-shadow: var(--size-px-1) var(--size-px-1) var(--size-px-2) var(--dark-27); }
[type="range"].labeled { margin: var(--size-em-1-2) 0 var(--size-em-1); }
[type="range"] ~ .min, [type="range"] ~ .max { font-size: var(--size-em-3-4); position: absolute; bottom: var(--size-em-n-5-4); line-height: 1; }
[type="range"] ~ .min { left: 0; }
[type="range"] ~ .max { right: 0; }

.select { position: relative; }
label > .select { display: block; }
.select > select { height: 100%; appearance: none; -moz-appearance: none; border: 0 none; }
.select > select:hover + span { border-color: var(--dark-27); }
.select > select:focus + *, .select > select:active + * { color: var(--clr-theme); border-color: var(--clr-theme) !important; }
/*.select::after { content: ""; position: absolute; right: var(--size-px-2); top: var(--size-px-2); width: var(--size-em-1); height: 2em; z-index: 1; background-color: var(--light); border-radius: var(--size-px-2); }
.select.round::after { border-radius: var(--size-em-9-4); }*/

button, [type="button"], [type="reset"], [type="submit"], .btn, .file > input[type="file"]+span::before, .btns > *, .tags > * {
  padding: var(--pad-button);
  width: auto;
  height: auto;
  color: var(--light);
  background-color: var(--clr-theme);
  border-color: transparent;
  border-radius: var(--radius-btn);
  text-align: center;
  box-shadow: var(--box-shadow);
  appearance: none;
  cursor: pointer;
  vertical-align: baseline;
}
.tags > * { font-size: .75em; white-space: nowrap; cursor: inherit; }
button:focus, [type="button"]:focus, [type="reset"]:focus, [type="submit"]:focus, .btn:focus, .file > input[type="file"]:focus + span::before,
button.border:hover, .btn.border:hover, button.border:focus, .btn.border:focus, .btns > *:focus, .btns > *:hover, .btns.border > *:hover, .btns.border > *:focus { border-color: var(--dark-27) !important; }
button:active, [type="button"]:active, [type="reset"]:active, [type="submit"]:active, .btn:active, .file > input[type="file"]:active + span::before, .btns > *:active { border-color: var(--dark-06); }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 0 none; }
.file { display: inline-block; position: relative; }
.file > input[type="file"] + span { display: block; }
.file > input[type="file"] + span::before { content: "Browse..."; }
button.border, .btn.border, .btns.border > *, button.border[disabled], .btn.border[disabled] {
  color: var(--clr-theme);
  background-color: transparent;
  border-color: var(--clr-theme);
}
button.border:active, .btn.border:active, .btns.border > *:active { border-color: var(--clr-theme); }
.btn.danger { background-color: var(--clr-danger); }

.btn.trans { color: var(--clr-theme); background-color: transparent; box-shadow: none; }
.btns { display: inline-block; margin-right: var(--size-px-2); }
.btns > *, .btns.round > * { float: left; display: block; margin-right: var(--size-px-n-1); border-radius: 0; }
.btns > *:first-child { padding-right: var(--size-em-3-4); border-top-left-radius: var(--radius-btn); border-bottom-left-radius: var(--radius-btn); }
.btns > *:last-child { padding-left: var(--size-em-3-4); border-top-right-radius: var(--radius-btn); border-bottom-right-radius: var(--radius-btn); }
.btns.round > *:first-child { border-top-left-radius: var(--size-em-9-4); border-bottom-left-radius: var(--size-em-9-4); }
.btns.round > *:last-child { border-top-right-radius: var(--size-em-9-4); border-bottom-right-radius: var(--size-em-9-4); }

[disabled], [readonly], .file > input[disabled] + span::before, .check > input[disabled] + span, .radio > input[disabled] + span { color: inherit; opacity: .52; }
.check > input[disabled] + span::before, .radio > input[disabled] + span::before { background-color: var(--dark-12); }
[disabled], [readonly], .file > input[disabled] + span::before, [disabled]:hover, [readonly]:hover, .border[disabled]:hover, .border[readonly]:hover { background-color: var(--dark-12); border-color: var(--dark-12); cursor: not-allowed; }
[disabled], [readonly] { cursor: not-allowed !important; }
.border[disabled], .border[readonly] { background-color: var(--dark-12); border-color: var(--dark-12); }

/*______ List Elements ______*/
.no-list, ul.group, ol.group, ul.inline, nav.main .primary, nav.main .primary ul { margin-bottom: 0; padding-left: 0; list-style: none; }
ul.no-list.m-none > li { margin-bottom: 0; }
/* .no-list { margin-bottom: var(--size-em-n-1-2); } */
ul.inline.right { text-align: right; }
ul.inline.m-bottom { margin-bottom: var(--size-em-1); }
ol.group { margin-left: var(--size-em-2); counter-reset: counter; }
ul.group > li, ol.group > li, ul.group > li > a, ol.group > li > a { padding: var(--size-em-1-2) var(--size-em-3-4); }
ul.group.narrow > li, ol.group.narrow > li, ul.group.narrow > li > a, ol.group.narrow > li > a { padding: var(--size-em-1-4) var(--size-em-1-2); }
ul.group:not(.inline) > li, ol.group > li { position: relative; margin-bottom: 0; border-bottom: var(--bdr-lite); }
ul.group > li:last-child, ol.group > li:last-child { border-bottom: 0 none; }
ol.group > li::before { content: counters(counter,".")"."; position: absolute; right: 100%; margin-right: var(--size-em-1-2); counter-increment: counter; }
ul.group > li > a, ol.group > li > a { margin: var(--size-em-n-1-2) var(--size-em-n-3-4); border: 0 none; }
ul.group.narrow > li > a, ol.group.narrow > li > a { margin: var(--size-em-n-1-4) var(--size-em-n-1-2); }
ul.group > li:first-child > a, ol.group > li:first-child > a { border-top-left-radius: var(--bdr-radius); border-top-right-radius: var(--bdr-radius); }
ul.group > li:last-child > a, ol.group > li:last-child > a { border-bottom-left-radius: var(--bdr-radius); border-bottom-right-radius: var(--bdr-radius); }
ul.group > li > a:hover, ol.group > li > a:hover { background-color: var(--dark-06); }
ul.inline > li { display: inline-block; position: relative; margin: 0 var(--size-em-1) 0 0; vertical-align: bottom; }
ul.inline.narrow > li { margin-right: var(--size-em-1-2); }
ul.inline > li.right { float: right; margin-left: var(--size-em-1); }
ul.inline > li.left { float: left; }
ul.inline.narrow > li.right { margin-left: var(--size-em-1-2); }
ul.inline > li:not(.right):last-child, ul.inline > li.right, ul.inline.group > li { margin-right: 0 !important; }
ul.inline > li::after { content: ""; position: absolute; top: 50%; right: var(--size-em-n-1-2); }
ul.inline > li:last-child::after { display: none; }
dt + dd::before { left: 1.5em; }
dt + dd::after { bottom: auto; width: 1.625em; }
nav.main .primary li.separate { margin-top: var(--size-em-1-2); }

/*______ Card & Code ______*/
ul.group, ol.group, .card, fieldset, code, samp, .of-scroll { background-color: var(--light); border: var(--bdr); border-radius: var(--bdr-radius); box-shadow: var(--box-shadow); }
blockquote.card { font-style: normal; margin-left: 0; }
.card::before { border-radius: var(--bdr-radius); }
.card, fieldset, code, samp, .of-scroll, .card > .body { padding: var(--pad-card); }
.card > .body { margin: calc(-1 * var(--pad-card)); border: 0 none; }
.card > header, .card > .header, .card > footer, .card > .footer, .card > .body > footer, .card > .body > .footer { padding: calc(.75 * var(--pad-card)) var(--pad-card); }
.card.mini > header, .card.mini > .header, .card.mini > footer, .card.mini > .footer { padding:  calc(.5 * var(--pad-card)) calc(.75 * var(--pad-card)); }
.card.mini > footer .btn, .card.mini > .footer .btn { font-size: var(--size-em-7-8); }
.card > header, .card > .header { margin: calc(-1 * var(--pad-card)) calc(-1 * var(--pad-card)) var(--pad-card); border-bottom: var(--bdr-lite); }
.card > header .title, .card > .header .title { font-size: var(--size-em-5-4); margin: 0; padding: 0; }
.card > footer, .card > .footer, .card > .body > footer, .card > .body > .footer { margin: var(--pad-card) calc(-1 * var(--pad-card)) calc(-1 * var(--pad-card)); border-top: var(--bdr-lite); }
code, samp { font-size: var(--size-em-3-4); overflow: auto; color: var(--light); background-color: var(--clr-text); border-color: var(--dark-27); white-space: pre; box-shadow: 0 var(--size-px-1) var(--size-px-2) var(--dark-27); }
code:not(.d-b), samp:not(.d-b) { display: inline-block; margin: var(--size-em-n-3-8) 0; padding: var(--size-px-2) var(--size-em-3-8); vertical-align: baseline; }
kbd:last-child::after { content: "|"; }
kbd:last-child::after, .blink { animation: blink var(--t-full) infinite linear; }

.accordion { overflow: hidden; border: var(--bdr); border-radius: var(--radius-input); box-shadow: var(--box-shadow); }
.accordion > .item > .header { display: block; margin: 0; padding: var(--size-em-1); border-top: var(--bdr-lite); }
.accordion > .item.slidr > .header::before, .accordion > .item.slidr > .header::after { margin: 1em; }
.accordion > .item.slidr > .header { padding-left: 3.5em; }
.accordion > .item > .body { position: relative; display: none; height: 0; opacity: 0; transition: all var(--t-qtr); }
.accordion > .item > input:checked ~ .header { background-color: var(--dark-06); }
.accordion > .item > input:checked ~ .body { display: block; padding: var(--size-em-1); height: auto; z-index: 4; border-top: var(--bdr-lite); opacity: 1; }
.accordion > .item:first-child > .header { border-top: 0 none; }

.dropdown, .tooltip, .tooltip:hover { display: inline-block; position: relative; z-index: 20; text-align: left; }
.dropdown > .trigger { display: block; cursor: pointer; }
.dropdown > .trigger > .icon + span, .dropdown > .trigger > .caret { margin-left: .25em; transition: all var(--t-qtr); }
.dropdown.active > .trigger > .caret { transform: rotate(180deg); }
.dropdown > .content { display: none; position: absolute; left: 0; top: 100%; margin-top: 0; z-index: -1; background-color: var(--light); }
.dropdown > .content.right { left: auto; right: 0; }
.dropdown > .content::before { content: ""; bottom: 100%; top: auto; height: 1.5em; }
.dropdown.active > .content, .dropdown > .trigger.active + .content { display: block; }
.dropdown > .content a { padding: var(--size-em-1-2) var(--size-em-1); color: inherit; border: 0 none; }
.tooltip::after { font-size: .875em; content: attr(aria-label); display: none; position: absolute; left: 50%; top: 100%; padding: var(--pad-button); max-width: 20em; width: max-content; z-index: 10; color: var(--light); background-color: var(--dark-76); border-radius: var(--bdr-radius); transform: translate(-50%, -.25em); opacity: 0; }
.tooltip[data-position="left"]::after { left: auto; right: 100%; top: 50%; transform: translate(-.25em, -50%); }
.tooltip:hover::after { display: block; opacity: 1; }

/*______ Fixed Aspect ______*/
.aspect-fx::before, .blocked::before, .blocked::after { content: ""; display: block; }
.aspect-fx > * { z-index: 1; width: 100%; height: 100%; }
.a3-1::before { padding-top: 33.3333%; }
.a5-2::before { padding-top: 40%; }
.a2-1::before { padding-top: 50%; }
.a3-2::before { padding-top: 66.66667%; }
.a1-1::before { padding-top: 100%; }
.a16-9::before { padding-top: 56.25%; }
.a8-9::before { padding-top: 112.5%; }
.a4-3::before { padding-top: 75%; }
.a2-3::before { padding-top: 150%; }
.a4-1::before { padding-top: 25%; }
.blocked { position: relative; z-index: 0; }
.blocked::before { z-index: 100; background-color: var(--dark-12); }
.blocked::after { font-size: 4em; content: "\2022\2022\2022"; top: 50%; bottom: 50%; z-index: 101; line-height: 0; text-align: center; animation: blink var(--t-full) infinite linear; }
.blocked.trans::before { background-color: transparent; }
.blocked.trans::after { display: none; }
.has-bg, .hero { color: var(--light); background: var(--dark-12) none no-repeat center center /cover; }
.has-bg::before, .hero::before { z-index: 0; background: var(--dark-06) linear-gradient(to top,var(--dark-52) 0,var(--dark-12) 35%,var(--dark-27) 85%,var(--dark-52) 100%); }

/*______ Common Classes ______*/
.f-left { float: left; }
.f-right { float: right; }
.hide { display: none !important; }
.d-i { display: inline; }
.pos-r { position: relative; }
.of-hide { overflow: hidden; }
.of-auto { overflow: auto; }
.of-scroll { overflow: auto; padding: 0; }
.of-scroll > * { margin: 0 -1px; box-shadow: none; }
.m-none { margin: 0; }
.m-auto { display: block; margin-left: auto; margin-right: auto; }
.m-top-half { margin-top: var(--size-em-1-2); }
.p-none { padding: 0; }
.b-none { border: 0 none; }
.v-top { vertical-align: top; }
.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }
.w-full { width: 100%; }
.ucase { text-transform: uppercase; }
.t-shadow { text-shadow: 0 0 .25em var(--clr-text); }

.logo { font-size: var(--size-em-2); overflow: hidden; width: var(--size-em-3-2); height: var(--size-em-3-2); max-width: 100%; line-height: 1.5; background: transparent none no-repeat center center /contain; text-indent: -500%; }
a.logo { border-bottom: 0 none; }

.icon.btn, .btns > .icon { padding: var(--size-em-7-4); }
.icon.btn { border-radius: 100%; }
.icon.btn.mini { font-size: var(--size-em-3-4); padding: var(--size-em-3-2); }

.fade-in { animation: fade-in var(--t-half) 1 linear; }
.shake-x { animation: shake-x var(--t-full) ease-in-out both; transform: translateX(0); }
.slide-down { animation: slideDown var(--t-half) ease-in-out both; }

.topbar { background-color: var(--light); border-bottom: var(--bdr); box-shadow: 0 0 var(--size-px-2) var(--dark-12); transition: all var(--t-qtr); }
.topbar.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 3; }
.topbar a:not(.btn) { color: inherit; border-bottom: 0 none; }
.topbar .logo { float: left; margin: 0; }
nav.main .primary a { padding: var(--size-em-3-4) var(--size-em-1-2); }
nav.main .primary a:hover { background-color: var(--dark-06); }
.topbar ~ aside.left { z-index: 2; }
.topbar ~ main, .topbar ~ main::before, .topbar ~ .main, .topbar ~ .main::before { z-index: 1; transform: all var(--t-qtr); }
.topbar.fixed ~ main, .topbar.fixed ~ .main { top: 3em; margin-bottom: 3em; }
.topbar ~ footer { position: relative; z-index: 0; }

.modal { position: fixed; padding: 0 var(--size-em-3-2); z-index: 200; }
.modal > .content { margin: 0 auto; border: 0 none; }
.modal > .content:not(.wrapper) { max-width: 60vw; }
.modal > .content.full { margin-top: 0; margin-bottom: 0; max-width: 100%; height: 100%; overflow: auto; }

.loading.text::before { content: " "; display: block; white-space: pre; }
.loading.text::after { content: ""; position: absolute; top: var(--size-px-2); bottom: var(--size-px-2); left: 0; right: 0; background-color: var(--dark-12); border-radius: var(--radius-input); animation: blinkHalf 1.5s infinite linear; }
.btns > .loading, .btn.loading { background-color: var(--dark-12); animation: blinkHalf 1.5s infinite linear; }

aside.left ~ main::before { position: fixed; display: block; z-index: 99; }
.modal { display: flex; align-items: center; justify-content: center; }
.modal, aside.left ~ main::before { top: 0; bottom: 0; left: 0; right: 0; background-color: var(--dark-27); }
.spin { animation: spin .8s infinite linear; }
@keyframes shake-x {
  10%, 90% { transform: translateX(-.125em); }
  20%, 80% { transform: translateX(.25em); }
  30%, 50%, 70% { transform: translateX(-.5em); }
  40%, 60% { transform: translateX(.5em); }
}
@keyframes spin {
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}
@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes blink {
  0% { opacity: 0; }
  15% { opacity: 0; }
  35% { opacity: 1; }
  65% { opacity: 1; }
  85% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes blinkHalf {
  0% { opacity: .52; }
  15% { opacity: .52; }
  35% { opacity: 1; }
  65% { opacity: 1; }
  85% { opacity: .52; }
  100% { opacity: .52; }
}
@keyframes slideDown {
  0% { opacity: 0; transform: translateY(-50%); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes slideUp {
  0% { opacity: 0; transform: translateY(50%); }
  100% { opacity: 1; transform: translateY(0); }
}
/*______ Responsive ______*/
/* Break points:
 * (1) Extra Small: < 639;
 * (2) Small: 640-767;
 * (3) Small-Medium: 768-1023;
 * (4) Medium: 1024-1279;
 * (5) Medium-Large: 1280-1599;
 * (6) Large: 1600-1919;
 * (7) Extra Large: > 1920;
 */
.wrapper { margin: 0 1.25em; max-width: calc(100% - 2.5em); }
@media (min-width: 640px) { .wrapper.boxed { margin-left: auto; margin-right: auto; width: var(--wrapper); } }
@media (min-width: 640px) and (max-width: 767.98px) { :root { --wrapper: 600px; } }
@media (min-width: 768px) and (max-width: 991.98px) { :root { --wrapper: 720px; } }
@media (min-width: 992px) and (max-width: 1023.98px) { :root { --wrapper: 840px; } }
@media (min-width: 1024px) and (max-width: 1279.98px) { :root { --wrapper: 960px; } }
@media (min-width: 1280px) and (max-width: 1599.98px) { :root { --wrapper: 1200px; } }
@media (min-width: 1600px) { :root { --wrapper: 1440px; } }

.row { position: relative; margin-left: var(--size-em-n-3-4); margin-right: var(--size-em-n-3-4); }
.row.flex-xs { display: flex; flex-wrap: wrap; }
.col { padding-left: var(--size-em-3-4); padding-right: var(--size-em-3-4); }
.row.flex-xs > .col { flex: 1; }
.clear > .col { padding-left: 0; padding-right: 0; }

.xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12 { float: left; }
.right.xs-1, .right.xs-2, .right.xs-3, .right.xs-4, .right.xs-5, .right.xs-6, .right.xs-7, .right.xs-8, .right.xs-9, .right.xs-10, .right.xs-11, .right.xs-12 { float: right; }
.xs-12 { width: 100%; }
.xs-11 { width: 91.66666667%; }
.xs-10 { width: 83.33333333%; }
.xs-9 { width: 75%; }
.xs-8 { width: 66.66666667%; }
.xs-7 { width: 58.33333333%; }
.xs-6 { width: 50%; }
.xs-5 { width: 41.66666667%; }
.xs-4 { width: 33.33333333%; }
.xs-3 { width: 25%; }
.xs-2 { width: 16.66666667%; }
.xs-1 { width: 8.33333333%; }
@media (min-width: 640px) {
  .s-1, .s-2, .s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12 { float: left; }
  .right.s-1, .right.s-2, .right.s-3, .right.s-4, .right.s-5, .right.s-6, .right.s-7, .right.s-8, .right.s-9, .right.s-10, .right.s-11, .right.s-12 { float: right; }
  .s-12 { width: 100%; }
  .s-11 { width: 91.66666667%; }
  .s-10 { width: 83.33333333%; }
  .s-9 { width: 75%; }
  .s-8 { width: 66.66666667%; }
  .s-7 { width: 58.33333333%; }
  .s-6 { width: 50%; }
  .s-5 { width: 41.66666667%; }
  .s-4 { width: 33.33333333%; }
  .s-3 { width: 25%; }
  .s-2 { width: 16.66666667%; }
  .s-1 { width: 8.33333333%; }
}
@media (min-width: 768px) {
  .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12 { float: left; }
  .right.sm-1, .right.sm-2, .right.sm-3, .right.sm-4, .right.sm-5, .right.sm-6, .right.sm-7, .right.sm-8, .right.sm-9, .right.sm-10, .right.sm-11, .right.sm-12 { float: right; }
  .sm-12 { width: 100%; }
  .sm-11 { width: 91.66666667%; }
  .sm-10 { width: 83.33333333%; }
  .sm-9 { width: 75%; }
  .sm-8 { width: 66.66666667%; }
  .sm-7 { width: 58.33333333%; }
  .sm-6 { width: 50%; }
  .sm-5 { width: 41.66666667%; }
  .sm-4 { width: 33.33333333%; }
  .sm-3 { width: 25%; }
  .sm-2 { width: 16.66666667%; }
  .sm-1 { width: 8.33333333%; }
  .row.flex { display: flex; flex-wrap: wrap; }
  .row.flex > .col { flex: 1; }
}
@media (min-width: 1024px) {
  .m-1, .m-2, .m-3, .m-4, .m-5, .m-6, .m-7, .m-8, .m-9, .m-10, .m-11, .m-12 { float: left; }
  .right.m-1, .right.m-2, .right.m-3, .right.m-4, .right.m-5, .right.m-6, .right.m-7, .right.m-8, .right.m-9, .right.m-10, .right.m-11, .right.m-12 { float: right; }
  .m-12 { width: 100%; }
  .m-11 { width: 91.66666667%; }
  .m-10 { width: 83.33333333%; }
  .m-9 { width: 75%; }
  .m-8 { width: 66.66666667%; }
  .m-7 { width: 58.33333333%; }
  .m-6 { width: 50%; }
  .m-5 { width: 41.66666667%; }
  .m-4 { width: 33.33333333%; }
  .m-3 { width: 25%; }
  .m-2 { width: 16.66666667%; }
  .m-1 { width: 8.33333333%; }
}
@media (min-width: 1280px) {
  .ml-1, .ml-2, .ml-3, .ml-4, .ml-5, .ml-6, .ml-7, .ml-8, .ml-9, .ml-10, .ml-11, .ml-12 { float: left; }
  .right.ml-1, .right.ml-2, .right.ml-3, .right.ml-4, .right.ml-5, .right.ml-6, .right.ml-7, .right.ml-8, .right.ml-9, .right.ml-10, .right.ml-11, .right.ml-12 { float: right; }
  .ml-12 { width: 100%; }
  .ml-11 { width: 91.66666667%; }
  .ml-10 { width: 83.33333333%; }
  .ml-9 { width: 75%; }
  .ml-8 { width: 66.66666667%; }
  .ml-7 { width: 58.33333333%; }
  .ml-6 { width: 50%; }
  .ml-5 { width: 41.66666667%; }
  .ml-4 { width: 33.33333333%; }
  .ml-3 { width: 25%; }
  .ml-2 { width: 16.66666667%; }
  .ml-1 { width: 8.33333333%; }
}
@media (min-width: 1600px) {
  .l-1, .l-2, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l-10, .l-11, .l-12 { float: left; }
  .right.l-1, .right.l-2, .right.l-3, .right.l-4, .right.l-5, .right.l-6, .right.l-7, .right.l-8, .right.l-9, .right.l-10, .right.l-11, .right.l-12 { float: right; }
  .l-12 { width: 100%; }
  .l-11 { width: 91.66666667%; }
  .l-10 { width: 83.33333333%; }
  .l-9 { width: 75%; }
  .l-8 { width: 66.66666667%; }
  .l-7 { width: 58.33333333%; }
  .l-6 { width: 50%; }
  .l-5 { width: 41.66666667%; }
  .l-4 { width: 33.33333333%; }
  .l-3 { width: 25%; }
  .l-2 { width: 16.66666667%; }
  .l-1 { width: 8.33333333%; }
}
@media (min-width: 1920px) {
  .xl-1, .xl-2, .xl-3, .xl-4, .xl-5, .xl-6, .xl-7, .xl-8, .xl-9, .xl-10, .xl-11, .xl-12 { float: left; }
  .right.xl-1, .right.xl-2, .right.xl-3, .right.xl-4, .right.xl-5, .right.xl-6, .right.xl-7, .right.xl-8, .right.xl-9, .right.xl-10, .right.xl-11, .right.xl-12 { float: right; }
  .xl-12 { width: 100%; }
  .xl-11 { width: 91.66666667%; }
  .xl-10 { width: 83.33333333%; }
  .xl-9 { width: 75%; }
  .xl-8 { width: 66.66666667%; }
  .xl-7 { width: 58.33333333%; }
  .xl-6 { width: 50%; }
  .xl-5 { width: 41.66666667%; }
  .xl-4 { width: 33.33333333%; }
  .xl-3 { width: 25%; }
  .xl-2 { width: 16.66666667%; }
  .xl-1 { width: 8.33333333%; }
}
@-ms-viewport { width: device-width; }
.show-xs, .show-sm, .show-ml, .show-xl { display: none !important; }
@media (max-width: 639.98px) {
  .show-xs { display: block !important; }
  table.show-xs { display: table !important; }
  tr.show-xs { display: table-row !important; }
  th.show-xs, td.show-xs { display: table-cell !important; }
  .hide-xs { display: none !important; }
  .clear-xs::before, .clear-xs::after { content: ""; display: block; clear: both; }
}
@media (min-width: 640px) and (max-width: 1023.98px) {
  .show-sm { display: block !important; }
  table.show-sm { display: table !important; }
  tr.show-sm { display: table-row !important; }
  th.show-sm, td.show-sm { display: table-cell !important; }
  .hide-sm { display: none !important; }
  .clear-sm::before, .clear-sm::after { content: ""; display: block; clear: both; }
}
@media (min-width: 1024px) and (max-width: 1599.98px) {
  .show-ml { display: block !important; }
  table.show-ml { display: table !important; }
  tr.show-ml { display: table-row !important; }
  th.show-ml, td.show-ml { display: table-cell !important; }
  .hide-ml { display: none !important; }
  .clear-ml::before, .clear-ml::after { content: ""; display: block; clear: both; }
}
@media (min-width: 1600px) {
  .show-l { display: block !important; }
  table.show-l { display: table !important; }
  tr.show-l { display: table-row !important; }
  th.show-l, td.show-l { display: table-cell !important; }
  .hide-l { display: none !important; }
  .clear-l::before, .clear-l::after { content: ""; display: block; clear: both; }
}