* { font-size: 1em; }
.no-mrg { margin-left: 0; margin-right: 0; }
html, body, ul, ol { margin: 0; padding: 0; }
html { font-size: var(--fsz); font-family: var(--font-family-sans-serif); color: var(--b2); }
body { }
img { width: 100%; }

.offcanvas { visibility: hidden; display: none; }
@media only screen and (max-width: 576px) {
  .mob { visibility: visible; display: block; }
  .web { visibility: hidden; display: none; }
}
@media only screen and (min-width: 577px) {
  .mob { visibility: hidden; display: none; }
  .web { visibility: visible; display: block; }
}

h1, h2, h3, h4, h5, h6 {font-weight: 100;padding:0;margin: calc( 1 * var(--fsz) ) 0 var(--sz0) 0;}
h1 { font-size: calc(15 * var(--sz0)); line-height: calc(4 * var(--sz0)); }
h2 { font-size: calc(13 * var(--sz0)); line-height: calc(5 * var(--sz0)); font-weight: 900; }
h3 { font-size: calc(11 * var(--sz0)); line-height: calc(6 * var(--sz0)); }
h4 { font-size: calc(9 * var(--sz0)); line-height: calc(6 * var(--sz0)); font-weight: 900; }
h5 { font-size: calc(7 * var(--sz0)); line-height: calc(7 * var(--sz0)); font-weight: 500; }
h6 { font-size: calc(5 * var(--sz0)); line-height: calc(6 * var(--sz0)); font-weight: 600; }

ul, ol { margin: var(--fsz) 0; }
ul {}
ol {}
li { margin: 0 calc(2 * var(--sz0)); }

table { width: 98%; margin: 2% 0%; font-size: 0.9em; padding: 1%; background: var(--b7); border-collapse:collapse; border-radius: 5px; }
th, td { padding: calc(4 * var(--sz0)) calc(2 * var(--sz0)); }
th { text-align: left; background: var(--b7); font-weight: 500; text-transform: uppercase; }
td { font-weight: 100; }
td:nth-child(odd) { background: var(--b7); }
td:nth-child(even) { background: var(--w5); }
th:nth-child(odd) { background: var(--b6); }
th:nth-child(even) { background: var(--b7); }
tr:nth-child(odd) { background: var(--b7); }
tr:nth-child(even) { background: var(--w5); }
th:first-child { border-radius: 3px 0 0 0 ; }
th:last-child { border-radius: 0 3px 0 0; }
tr:last-child td:first-child { border-radius: 0 0 0 3px; }
tr:last-child td:last-child { border-radius: 0 0 3px 0; }
tr {}
tbody { }
tfoot { }

sub {}
sup {}
pre {}
small {}
big {}
strong {}
b {}
i {}
strike {}
hr {border: none; border-top: thin solid var(--b4); }

span {}
div {}
p {}
blockquote {}
q { margin: calc(2 * var(--sz0)) calc(1 * var(--sz0)); display: inline-block; font-family: Georgia, "Times New Roman", Times, serif; quotes: "\201C""\201D""\2018""\2019"; /* "“" "”" "‘" "’"; */ }
q:before { content: open-quote; }
q:after { content: close-quote; }
q::before, q::after { font-weight: bold; font-size: 150%; color:var(--b4); line-height: 0.5em; display: -webkit-inline-box; padding: 0 var(--sz0); }

form { padding: 10px 20px; }
label { width: 100%; font-weight: 100; margin: 10px 0 0 0; text-align: left; display: block; padding-left: 10px; }
select { width: 100%; margin: 10px 0; padding: calc(1.0 * var(--sz1)) calc(1.8 * var(--sz1)); border: thin solid var(--b3);
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  background-image: url("../../imgs/angle-down-solid.svg"); background-repeat: no-repeat; background-position: 96%; background-size: 8px; border-radius: var(--sz0); color: var(--b3); }
option { position: absolute; }
textarea { min-height: 100px; }
input[type=submit] { display: inline-block; width: auto; margin: 10px auto; }
input[type=radio] { display: inline-block; width: auto; margin: 3px 10px 5px 0; }
input[type=checkbox] { display: inline-block; width: auto; margin: 3px 10px 5px 0; }
input, textarea { padding: calc(1.0 * var(--sz1)) calc(1.8 * var(--sz1)); border: thin solid var(--b5); border-radius: var(--sz0); color: var(--b2); background: var(--b5); width: 100%; margin: 7px 0; }
::selection { color: var(--w1); background: var(--b3); }

::-moz-selection { color: var(--w1); background: var(--b3); }
:target { border: 2px solid #D4D4D4; background-color: #e5eecc; }
::placeholder { color: var(--b4); font-weight: 600; }
::-webkit-input-placeholder { color: var(--b4); font-weight: 600; }
:-ms-input-placeholder { color: var(--b4); font-weight: 600; }
input:required { }
input:read-write { }
input:-moz-read-write { }

input:read-only { }
input:-moz-read-only { }

input:out-of-range { }
input:optional { }
input:invalid { }
input:indeterminate { }
input:in-range { }
input:focus { outline: none; background: var(--w1); }
input:default { }
input:checked { }
input[type=text]:enabled { }
input[type=text]:disabled { }
input[type=text], input[type=number], input[type=password] {  }
input[type=radio] { display: inline-block; }
a, button { -webkit-transition: color 0.5s; transition: color 0.5s, background 0.5s; }
a         { display: inline-block; padding: calc(2.5 * var(--sz0)) calc(3 * var(--sz0)); text-decoration:none; color: var(--c11); }
a:visited { }
a:active  { }
a:link    { }
a:hover   { }
a[target] { }
a[target=_blank] { }

nav li { list-style: none; margin: 0; }
nav a { display: block; border:none; padding: 10px; color: var(--b3); }
nav a:hover {  }

s { text-decoration: none; }
s:before { content: ''; position:absolute; width: 50px; border-top: 2px solid var(--b3); transform: rotate(-10deg); margin-top: 12px }