:root {
  --bg-scroll: 0px;
  --bg-opacity: 1;
  --menu-font-size: 16px;
  --title-font-size: 20px;
  --unit-font-size: 36px;
  --county-font-size: 18px;
  --menu-vpad: 10px;
  --menu-hpad: 20px;
  --nav-li-min-width: 256px;
  --font-zoom: 101% !important;
  --header-height: 320px; }
  @media (max-width: 1040px) {
    :root {
      --menu-hpad: 10px; } }

/**
 * Reset Mixing
 * ================================================== */
html {
  scroll-behavior: smooth; }

body {
  text-size-adjust: 100%;
  position: relative;
  width: 100%;
  min-height: 100vh; }

/**
 * Disable Animation
 */
/**
 * Disable animation depends on Browser or Operation System configuration
 */
/**
 * Accessability. Black and White Mode
 */
/**
 * Modern CSS Reset Tweaks
 * ================================================== */
/* Box sizing normalization */
*,
::after,
::before {
  box-sizing: border-box; }

/* Elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto; }

/**
 * CSS Reset Tweaks
 *
 * http://meyerweb.com/eric/tools/css/reset/
 * v2.0-modified | 20110126
 * License: none (public domain)
 */
html,
body,
div,
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,
center,
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,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0; }

/* HTML5 display-role reset for older browsers */
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }
  blockquote:before, blockquote:after,
  q:before,
  q:after {
    content: '';
    content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Hide empty cell */
td:empty,
th:empty {
  opacity: 0; }

/**
 * Input Reset
 */
input:required,
input {
  box-shadow: none; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset; }

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

button::-moz-focus-inner {
  border: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  max-width: 100%; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 */
[hidden] {
  display: none; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: none; }

/* Make images easier to work with */
img {
  border: 0;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  height: auto; }

/* Make pictures easier to work with */
picture {
  display: inline-block; }

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  border: 0;
  background: transparent; }

button::-moz-focus-inner {
  border: 0; }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  padding: 0; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button {
  border: 0;
  background: transparent; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

/**
 * Based on normalize.css v8.0.1
 * github.com/necolas/normalize.css
 */
hr {
  box-sizing: content-box;
  overflow: visible;
  background: #000;
  border: 0;
  height: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
  page-break-after: always;
  width: 100%; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 100%; }

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: none; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 100%;
  /* 2 */ }

/**
  * Add the correct font size in all browsers.
  */
small {
  font-size: 75%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -5px; }

sup {
  top: -5px; }

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 */
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/*
 * Misc
 * ========================================================================== */
/**
 * Meter reset
 */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

.overflow-x-hidden {
  /*   overflow-x: hidden; */
  border: 1px solid blue; }

body {
  font-family: "Noto Sans", Arial, sans-serif; }

h1 {
  font-family: "Noto Serif", serif;
  margin-top: -5px;
  margin-bottom: 10px;
  color: var(--accent-color);
  font-size: var(--title-font-size);
  font-weight: bold; }

h2, h3 {
  font-family: "Noto Serif", serif;
  margin-bottom: var(--menu-vpad);
  color: var(--fg-color);
  font-size: 16px; }

h3 {
  margin-top: var(--menu-vpad); }

#menu a, #quick_links a, #useful_links a, #mol_control a {
  text-decoration: none;
  font-size: 16px; }

@media only screen and (max-width: 920px) {
  #useful_links {
    font-family: 'Noto Sans Condensed', sans-serif; } }

@media only screen and (min-width: 920px) {
  .maimenu-cnds {
    font-family: 'Noto Sans Condensed', sans-serif;
    text-align: justify; } }

strong {
  font-weight: bold; }

summary {
  font-family: "Noto Serif", serif; }

summary::-webkit-details-marker {
  display: none; }

.pe_wrap {
  position: relative;
  display: grid;
  grid-template: 'pe_icon pe_name' 1fr 'pe_icon pe_job' 1fr / 70px 1fr;
  border-radius: 50px 15px 15px 50px;
  transition: all .3s linear;
  padding: calc(var(--menu-vpad) / 2) 0;
  margin-bottom: var(--menu-vpad);
  pointer-events: none; }
  .pe_wrap[data-has_cv="1"], .pe_wrap[data-has_pz="1"] {
    pointer-events: all;
    background-color: var(--bg-color); }
    .pe_wrap[data-has_cv="1"]:hover, .pe_wrap[data-has_pz="1"]:hover {
      pointer-events: all;
      background-color: var(--nav-highlight-color);
      cursor: pointer; }
      .pe_wrap[data-has_cv="1"]:hover > *, .pe_wrap[data-has_pz="1"]:hover > * {
        color: #FFF;
        font-weight: normal; }
      .pe_wrap[data-has_cv="1"]:hover::after, .pe_wrap[data-has_pz="1"]:hover::after {
        opacity: 1; }
      .pe_wrap[data-has_cv="1"]:hover .pe_icon, .pe_wrap[data-has_pz="1"]:hover .pe_icon {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 2px black; }
  .pe_wrap[data-has_cv="1"]::after {
    opacity: 0;
    position: absolute;
    right: 1px;
    bottom: 1px;
    padding: 1px 3px;
    content: "CV";
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    background-color: var(--bg-color);
    border-radius: 8px 0 8px 0;
    color: var(--nav-highlight-color);
    transition: all .2s linear; }

.pe_entry {
  display: grid;
  margin-bottom: 10px; }

.pe_icon {
  display: grid;
  place-content: center;
  color: var(--bg-text);
  font-family: "Noto Serif", "Times New Roman", serif;
  font-size: 18px;
  grid-area: pe_icon;
  background-color: var(--accent-color);
  background-size: 60px;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 1px 3px var(--accent-color-12), 0 1px 2px var(--accent-color-25);
  width: 60px;
  height: 60px;
  margin: calc(var(--menu-vpad) / -2) 0;
  transition: all .2s ease-out; }

.pe_job {
  grid-area: pe_job;
  font-size: 14px;
  display: grid;
  justify-content: left;
  align-content: start;
  color: var(--accent-color);
  font-weight: bold;
  transition: all .3s linear; }

.pe_name {
  display: grid;
  justify-content: left;
  align-content: end;
  transition: all .3s linear;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - var(--menu-vpad)); }

.pe_name, .av_name {
  grid-area: pe_name;
  font-weight: bold;
  text-align: left; }
  @media (max-width: 920px) {
    .pe_name[data-is_long="1"], .av_name[data-is_long="1"] {
      margin-top: calc(var(--menu-vpad) / -4);
      line-height: 100%; } }

.PersonCardWrapper {
  border-radius: 15px;
  max-width: 600px; }

.PersonCardName {
  font-family: "Noto Serif", "Times New Roman", serif;
  padding: var(--menu-vpad);
  font-size: 20px;
  font-weight: bold;
  color: var(--bg-color);
  background-color: var(--accent-color); }

.PersonCardJob {
  opacity: .8;
  font-weight: normal; }

.a11y {
  display: grid;
  grid-template: 'a11y_title a11y_icon' auto 'a11y_buttons a11y_buttons' auto / 1fr 42px;
  transition: all ease .3s;
  cursor: pointer; }
  .a11y[data-open="1"] {
    grid-row-gap: calc(var(--menu-vpad) * 2); }
    .a11y[data-open="1"] span[data-tip="a11y_buttons"] {
      display: grid; }
  .a11y[data-open="0"] span[data-tip="a11y_buttons"] {
    display: none; }
  .a11y:hover[data-open="0"] {
    background-color: #063d8d !important; }
    .a11y:hover[data-open="0"] span[data-tip="title"] {
      color: var(--bg-text) !important; }
  .a11y span[data-tip="title"] {
    color: var(--accent-color);
    font-family: "Noto Serif", serif;
    font-size: var(--title-font-size); }
  .a11y span[data-tip="section-icon"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath d='M0 12c0-3.3 1.2-6.1 3.5-8.5C5.9 1.2 8.7 0 12 0s6.1 1.2 8.5 3.5C22.8 5.9 24 8.7 24 12s-1.2 6.1-3.5 8.5C18.1 22.8 15.3 24 12 24s-6.1-1.2-8.5-3.5C1.2 18.1 0 15.3 0 12zm1.6 0c0 2.9 1 5.3 3 7.4s4.5 3 7.4 3 5.3-1 7.4-3 3-4.5 3-7.4-1-5.3-3-7.4-4.5-3-7.4-3-5.3 1-7.4 3-3 4.5-3 7.4zm3.9 0c-.3-.4-.3-.8 0-1.1l4-3.5c.2-.1.4-.2.5-.3.2-.1.4-.1.7-.1h2.6c.3 0 .4 0 .6.1.2 0 .3.1.5.3.2.1.7.6 1.7 1.5s1.8 1.5 2.3 2c.4.4.4.7 0 1.1-.4.4-.7.4-1.1.1-.3-.3-.8-.7-1.5-1.3-.7-.6-1.2-1-1.5-1.4h-.1s-.1-.1-.2-.1h-.1c-.1 0-.1.1-.1.3V11l.1 1.6v.6l1.2 6.5c.1.7-.2 1.1-.8 1.2-.3.1-.5 0-.8-.2-.2-.2-.4-.4-.4-.6-.6-3.5-.9-5.3-.9-5.4-.1-.4-.2-.6-.2-.6-.1 0-.1.1-.1.1v.5s-.1.5-.2 1.4c-.2.9-.3 1.8-.5 2.7l-.2 1.3c-.1.3-.2.5-.4.6-.2.1-.4.2-.7.2-.6-.2-.9-.5-.8-1.2l1.2-6.6c.1-.6.1-1.8.1-3.5 0-.3 0-.4-.1-.4s-.2.1-.4.2l-3 2.6c-.7.4-1.1.3-1.4 0zm4.8-7.2c0-.5.2-.9.5-1.2.3-.4.7-.6 1.2-.6s.9.2 1.2.5c.4.4.5.8.5 1.2s-.1.9-.4 1.3c-.4.4-.8.5-1.2.5-.5 0-.9-.2-1.2-.5-.5-.4-.6-.7-.6-1.2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px;
    background-color: #063d8d;
    margin: calc(var(--menu-hpad) / -2) calc(var(--menu-hpad) / -3);
    border-radius: 5px; }
  .a11y span[data-tip="a11y_buttons"] {
    grid-area: a11y_buttons;
    grid-gap: var(--menu-hpad); }
  .a11y button {
    display: grid;
    grid-template: 'a11y_bt_icon a11y_bt_text' auto / 42px 1fr;
    width: 100%;
    text-align: left;
    line-height: 42px;
    border-radius: 5px;
    font-size: var(--menu-font-size) !important; }
    .a11y button span[data-tip="icon"] {
      background-repeat: no-repeat;
      background-position: center;
      background-size: 24px;
      background-color: #063d8d;
      width: 42px;
      height: 42px; }
    .a11y button span[data-tip="text"] {
      padding: 0 var(--menu-hpad);
      border-radius: 0 5px 5px 0; }
    .a11y button[data-tip="a11y_plu"] span[data-tip="icon"] {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath d='M24 9.3h-9.3V0H9.3v9.3H0v5.4h9.3V24h5.4v-9.3H24V9.3z'/%3E%3C/svg%3E"); }
    .a11y button[data-tip="a11y_min"] span[data-tip="icon"] {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath d='M0 9.3h24v5.4H0V9.3z'/%3E%3C/svg%3E"); }
    .a11y button[data-tip="a11y_aln"] span[data-tip="icon"] {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath d='M5.9 7.5L2.7 4.3l1.7-1.7 3.2 3.2c-.7.5-1.3 1.1-1.7 1.7zM4.4 12c0-.4.1-.8.1-1.2H0v2.3h4.5c0-.3-.1-.7-.1-1.1zm8.8-7.5V0h-2.3v4.5c.4-.1.8-.1 1.1-.1.3 0 .8.1 1.2.1zm4.5 6.7l-6.6 6.6c.3 0 .6.1.8.1 3.2 0 5.8-2.6 5.8-5.8.1-.4.1-.7 0-.9zm-1.2 6.9l3.2 3.2 1.7-1.7-3.2-3.2c-.6.7-1.1 1.3-1.7 1.7zm3-6.1c0 .4-.1.8-.1 1.2H24v-2.3h-4.5V12zm-8.7 7.5V24h2.3v-4.5c-.4 0-.8.1-1.2.1-.3 0-.7 0-1.1-.1zm12.1-16L3.4 23l-1.6-1.6 5.7-5.7c-.8-1-1.3-2.3-1.3-3.7 0-3.2 2.6-5.8 5.8-5.8 1.4 0 2.7.5 3.7 1.3l5.6-5.6 1.6 1.6zM9.1 14L14 9.1c-.6-.4-1.3-.6-2-.6-1 0-1.8.3-2.5 1s-1 1.5-1 2.5c0 .7.2 1.5.6 2z'/%3E%3C/svg%3E"); }
    .a11y button[data-tip="a11y_inv"] span[data-tip="icon"] {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath d='M12 2.3c2.6 0 5 1 6.8 2.8 1.8 1.8 2.8 4.3 2.8 6.8s-1 5-2.8 6.8c-1.8 1.8-4.3 2.8-6.8 2.8s-5-1-6.8-2.8C3.3 17 2.3 14.6 2.3 12s1-5 2.8-6.8C7 3.3 9.4 2.3 12 2.3zM12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 19.9c-2.1 0-4.1-.8-5.6-2.3-1.5-1.5-2.3-3.5-2.3-5.6s.8-4.1 2.3-5.6C7.9 4.9 9.9 4.1 12 4.1v15.8z'/%3E%3C/svg%3E"); }
    .a11y button[data-tip="a11y_uln"] span[data-tip="icon"] {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath d='M20.6 24H3.3v-2.3h17.3V24zm-6-24v2c1.7 0 2.2 1 2.2 1.5v8.3c0 2.9-1.9 4.7-4.9 4.7S7 14.8 7 11.8V3.6C7.1 3 7.6 2 9.3 2V0H1.6v2c1.7 0 2.1.6 2.1 1.5v8.3c0 5.3 3.1 8 8.2 8s8.2-2.6 8.2-8V3.6c.2-.9.5-1.6 2.3-1.6V0h-7.8z'/%3E%3C/svg%3E"); }
    .a11y button[data-tip="a11y_rst"] span[data-tip="icon"] {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath d='M4.3 3.5c4.7-4.7 12.3-4.7 16.9 0l1.9-1.9v7.1H16l1.8-1.8c-2.9-2.7-7.3-2.8-10.2 0-2.9 2.8-2.9 7.4 0 10.2 1.4 1.4 3.2 2.1 5.1 2.1V24c-3 0-6.1-1.2-8.5-3.5-4.6-4.7-4.6-12.3.1-17z'/%3E%3C/svg%3E"); }
    .a11y button:hover span {
      background-color: var(--accent-color) !important;
      color: var(--bg-text); }
      .a11y button:hover span[data-tip="icon"] {
        border-radius: 5px 0 0 5px; }

.a11y_plu *:not(.ar_cal_mo):not(.ar_cal_da):not(.ar_cal_ye):not(.ar_link):not(#unit_name):not(#unit_county):not(.cale_avr):not(.cale_int):not(h1):not(span) {
  font-size: var(--font-zoom); }

.a11y_aln {
  transition: all .3s linear;
  filter: grayscale(1); }

.a11y_inv {
  transition: all .3s linear;
  filter: invert(1); }

.a11y_uln a {
  transition: all .3s linear;
  text-decoration: underline !important; }

.side_links, .side_links_prez {
  display: flex;
  flex-wrap: wrap; }
  .side_links a, .side_links_prez a {
    color: #000;
    transition: all ease .3s;
    margin: 10px 10px 0 0;
    padding: 6px 10px;
    border-radius: 3px;
    background-color: #f8f8f8; }
    .side_links a:hover, .side_links_prez a:hover {
      background-color: var(--accent-color);
      color: #FFF; }
    .side_links a:visited, .side_links_prez a:visited {
      color: #000; }
      .side_links a:visited:hover, .side_links_prez a:visited:hover {
        color: #FFF; }

.side_links_prez {
  display: grid;
  margin: 5px 0; }
  .side_links_prez a {
    display: inline-block;
    font-family: "Noto Sans", "Ubuntu", "Arial", sans-serif;
    text-decoration: none;
    margin-right: -2px;
    place-self: end; }

#footer {
  font-size: 14px; }
  #footer h1 {
    color: var(--fg-text); }
  #footer > * {
    transition: all linear .3s; }

.ar_caldate {
  margin-top: calc(var(--menu-vpad) / 2);
  font-family: 'Noto Sans Mono', monospace;
  display: grid;
  grid-template-rows: 13px 17px 12px;
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.4)); }
  .ar_caldate[data-no_top="1"] {
    margin-top: 0; }
  @media (max-width: 920px) {
    .ar_caldate {
      grid-area: 1/2; } }
  .ar_caldate span {
    display: grid;
    place-content: center; }

.ar_content {
  align-self: center; }
  @media (max-width: 920px) {
    .ar_content {
      grid-area: 1/1/4/2; } }
  .ar_content a {
    text-decoration: none;
    color: var(--accent-color);
    word-break: break-word; }
    .ar_content a:hover {
      color: var(--nav-highlight-color); }
  .ar_content p {
    margin-bottom: var(--menu-vpad); }
    .ar_content p:last-of-type {
      margin-bottom: unset; }
  .ar_content ul > li {
    list-style-type: disc; }
  .ar_content ol > li {
    list-style-type: decimal;
    margin-left: 40px; }

.ar_link {
  margin-top: calc(var(--menu-vpad) / 2);
  height: 42px; }
  @media (max-width: 920px) {
    .ar_link {
      grid-area: 2/2;
      margin-top: calc(var(--menu-vpad) / -2); } }

.ar_cal_mo {
  background-color: var(--accent-color);
  font-size: 11px;
  font-weight: bold;
  color: var(--bg-text);
  border-radius: 3px 3px 0 0;
  padding: 1px 0; }

.ar_cal_da {
  font-weight: bold;
  font-size: 17px;
  background-color: var(--bg-text);
  font-family: "Noto Sans", Helvetica, sans-serif; }

.ar_cal_ye {
  font-weight: bold;
  font-size: 10px;
  background-color: var(--bg-color);
  border-radius: 0 0 3px 3px;
  font-family: "Noto Sans", Helvetica, sans-serif; }

.fc_entry, .fp_entry, .co_entry {
  display: grid;
  margin-bottom: 16px; }

.fc_name, .fp_name, .co_name {
  grid-area: 1/1;
  font-family: "Noto Serif", "Times New Roman", serif; }

.fc_data, .fp_data, .co_data {
  grid-area: 1/1;
  text-indent: 90px;
  top: 0; }

.fp_data {
  text-indent: 100px; }

.co_data {
  text-indent: 180px; }
  @media (max-width: 920px) {
    .co_data {
      text-indent: 0;
      grid-area: 2/1; } }

.co_name {
  max-width: calc(180px - var(--menu-hpad));
  text-align: left; }

.prez_people {
  margin-top: calc(var(--menu-vpad) * 2);
  margin-bottom: calc(var(--menu-vpad) * 1);
  display: grid;
  grid-gap: calc(var(--menu-vpad));
  grid-template-columns: 1fr 1fr; }
  @media (max-width: 920px) {
    .prez_people {
      grid-template-columns: 1fr; } }
  .prez_people:last-child {
    margin-bottom: calc(var(--menu-vpad) * -1); }

.av_wrap {
  display: grid;
  grid-template: 'av_data av_name cale_avr cale_int' 1fr 'av_data av_job cale_avr cale_int' 1fr / 32px 1fr 32px 32px;
  grid-column-gap: var(--menu-hpad);
  margin-top: var(--menu-hpad); }

.av_data {
  grid-area: av_data; }

.cale_avr {
  grid-area: cale_avr; }

.cale_int {
  grid-area: cale_int; }

.cale_avr[data-is_empty="1"], .cale_int[data-is_empty="1"] {
  opacity: 0;
  pointer-events: none; }

.av_job {
  grid-area: av_job;
  font-size: 14px;
  color: var(--accent-color); }
  @media (max-width: 920px) {
    .av_job[data-is_long="1"] {
      margin-top: calc(var(--menu-vpad) / -4); } }

.av_name {
  grid-area: av_name; }

.prez_info {
  display: grid;
  grid-template-columns: repeat(4, 1fr); }
  @media (max-width: 920px) {
    .prez_info {
      grid-template-columns: repeat(2, 1fr); } }

.in_wrapper {
  display: grid;
  margin-top: var(--menu-vpad); }
  .in_wrapper[data-no_data="1"] {
    margin: 0; }

.in_wrapper_fw {
  grid-column-end: span 4; }
  @media (max-width: 920px) {
    .in_wrapper_fw {
      grid-column-end: span 2; } }

.in_name {
  font-weight: bold; }

.in_data {
  line-height: calc(var(--menu-font-size) * 2); }

.fm_wrapper {
  display: grid;
  grid-template-columns: 1fr 36px;
  grid-gap: var(--menu-vpad);
  place-items: center left;
  margin-bottom: var(--menu-vpad); }
  .fm_wrapper:last-of-type {
    margin-bottom: 0; }

.fm_name {
  grid-area: 1/1; }

.fm_link {
  grid-area: 1/2; }

.attachment {
  display: grid;
  place-content: center;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  min-height: 42px;
  height: 42px;
  text-decoration: none;
  color: var(--bg-text);
  transition: all .3s linear;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f5f5f5' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath d='M13.5 6.4V0H4.1C3.5 0 3 .5 3 1.1v21.8c0 .6.5 1.1 1.1 1.1h15.8c.6 0 1.1-.5 1.1-1.1V7.5h-6.4c-.6 0-1.1-.5-1.1-1.1zm7.5-.7c0-.3-.1-.6-.4-.8L16 .4c-.2-.2-.5-.3-.8-.3H15v6h6v-.4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 42px;
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.3)); }
  .attachment:visited {
    color: var(--bg-text); }
  .attachment:active {
    color: var(--bg-text); }
  .attachment:hover span {
    transform: scale(1.25); }
  .attachment span {
    display: inline-block;
    margin-top: 18px;
    padding: 2px 5px 3px 5px;
    border-radius: 3px;
    font-family: 'Noto Sans Mono', monospace;
    transition: all .3s linear; }
  .attachment[data-extension="doc"] span {
    background-color: #0031ac; }
  .attachment[data-extension="pdf"] span {
    background-color: #890000; }
  .attachment[data-extension="xls"] span {
    background-color: #00742f; }
  .attachment[data-extension="zip"] span {
    background-color: #b33700; }
  .attachment[data-extension="jpg"] span {
    background-color: #002566; }

.ar_wrapper {
  display: grid;
  grid-template-columns: 32px 1fr 32px;
  margin-top: calc(var(--menu-vpad) * 2);
  grid-gap: calc(var(--menu-vpad) * 2); }
  @media (max-width: 920px) {
    .ar_wrapper {
      grid-template-columns: 1fr 32px;
      grid-template-rows: 42px 42px auto; } }
  .ar_wrapper ul {
    padding-left: 20px; }
  .ar_wrapper strong {
    font-weight: bold; }
  .ar_wrapper[data-no_date='1'] {
    grid-template-columns: 1fr 32px; }
    @media (max-width: 920px) {
      .ar_wrapper[data-no_date='1'] {
        grid-template-rows: 0px 42px auto; } }
  .ar_wrapper[data-no_cale='1'] {
    grid-template-columns: 1fr; }
    @media (max-width: 920px) {
      .ar_wrapper[data-no_cale='1'] {
        grid-template-rows: 0px 42px auto; } }
  .ar_wrapper[data-is_comp='1'] {
    padding: 0 var(--menu-vpad); }

.ar_noentries {
  display: grid;
  margin-top: calc(var(--menu-vpad) * 2);
  margin-bottom: 0;
  place-content: center;
  width: 100%;
  height: 100%; }

.cl_summary {
  font-family: 'Noto Serif', serif;
  font-size: calc(var(--menu-font-size) - 1px);
  margin-top: var(--menu-vpad);
  color: var(--accent-color); }

.comisie_cl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: calc(var(--menu-vpad) * 2); }
  @media (max-width: 920px) {
    .comisie_cl {
      grid-template-columns: 1fr; } }
  .comisie_cl h2 {
    font-family: "Noto Sans", Helvetica, sans-serif;
    font-weight: bold;
    grid-column-start: 1;
    grid-column-end: 3;
    margin: calc(var(--menu-vpad) * -1);
    padding: var(--menu-vpad);
    border-radius: 0 5px 5px 0; }
    @media (max-width: 920px) {
      .comisie_cl h2 {
        grid-column-start: 1;
        grid-column-end: 2; } }

.comisie_me {
  margin-top: calc(var(--menu-vpad) * 3);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: calc(var(--menu-hpad) / 2);
  grid-column-start: 1;
  grid-column-end: 3; }
  @media (max-width: 920px) {
    .comisie_me {
      grid-template-columns: 1fr; } }
  @media (max-width: 920px) {
    .comisie_me {
      grid-column-start: 1;
      grid-column-end: 2; } }

.contact_form__wr {
  margin-top: var(--menu-hpad);
  display: grid;
  grid-template-columns: 1fr 1fr; }
  @media (max-width: 920px) {
    .contact_form__wr {
      grid-template-columns: 1fr; } }
  .contact_form__wr h2 {
    grid-area: 1/1/2/3; }
    @media (max-width: 920px) {
      .contact_form__wr h2 {
        grid-area: 1/1/2/2; } }
  .contact_form__wr input {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-bottom: calc(var(--menu-hpad) / 2);
    border: 1px solid var(--bt-disabled);
    border-radius: 3px;
    padding: 6px 10px; }
    @media (max-width: 920px) {
      .contact_form__wr input {
        grid-column-start: 1;
        grid-column-end: 2; } }
  .contact_form__wr textarea {
    grid-column-start: 1;
    grid-column-end: 3;
    min-height: 200px;
    margin-bottom: calc(var(--menu-hpad) / 2);
    border: 1px solid var(--bt-disabled);
    border-radius: 3px;
    padding: 6px 10px; }
    @media (max-width: 920px) {
      .contact_form__wr textarea {
        grid-column-start: 1;
        grid-column-end: 2;
        min-height: 400px;
        margin-bottom: var(--menu-hpad); } }
  .contact_form__wr label {
    display: block;
    grid-column-start: 1;
    grid-column-end: 3;
    font-size: calc(var(--menu-font-size) - 2px);
    margin-bottom: calc(var(--menu-hpad) / 4); }
    @media (max-width: 920px) {
      .contact_form__wr label {
        grid-column-start: 1;
        grid-column-end: 2;
        margin-bottom: calc(var(--menu-hpad) / 2); } }
    .contact_form__wr label[data-valid="0"] {
      transition: all linear .3s;
      font-weight: bold;
      color: var(--accent-color); }
      .contact_form__wr label[data-valid="0"]:after {
        content: " (obligatoriu)";
        font-weight: normal;
        color: var(--bt-disabled); }
  .contact_form__wr button {
    cursor: pointer;
    margin-top: calc(var(--menu-hpad) / 2);
    border-radius: 3px;
    padding: var(--menu-font-size);
    color: var(--bg-text);
    letter-spacing: 2px;
    background-color: var(--accent-color);
    grid-column-start: 2;
    grid-column-end: 3;
    transition: background-color linear .3s; }
    @media (max-width: 920px) {
      .contact_form__wr button {
        grid-column-start: 1;
        grid-column-end: 2;
        margin-top: var(--menu-hpad); } }
    .contact_form__wr button:hover {
      background-color: var(--nav-highlight-color); }
    .contact_form__wr button:disabled {
      cursor: not-allowed;
      background-color: var(--bt-disabled); }

#cf_title {
  color: var(--accent-color); }

#cf_info {
  position: relative;
  display: block;
  grid-column-start: 1;
  grid-column-end: -1;
  padding: calc(var(--menu-hpad) / 2) 0;
  font-size: calc(var(--menu-font-size) - 1px);
  font-weight: bold;
  color: var(--accent-color); }

.program__wr {
  display: grid;
  grid-template-columns: 1fr 1fr; }
  @media (max-width: 920px) {
    .program__wr {
      grid-template-columns: 1fr; } }

.program__ty {
  margin-top: var(--menu-hpad); }
  .program__ty h2 {
    color: var(--accent-color); }

.comp_sub {
  transition: all linear .3s;
  margin-bottom: var(--menu-hpad); }
  .comp_sub:last-of-type {
    margin-bottom: 0; }
  .comp_sub:first-of-type {
    margin-top: var(--menu-hpad); }
  .comp_sub summary {
    cursor: pointer;
    padding: var(--menu-vpad);
    border-radius: 3px;
    background-color: var(--bg-color);
    border: 1px solid var(--bg-color);
    list-style: none;
    display: grid;
    grid-template-columns: 1fr calc(var(--menu-font-size) * 1.25);
    transition: all linear .3s; }
    .comp_sub summary::after {
      display: inline-block;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath d='M23.6 8.3c.2-.2.4-.6.4-.8 0-.3-.2-.7-.4-1l-1.2-1.2c-.2-.2-.6-.4-1-.4-.3 0-.7.2-1 .4L12 13.9 3.5 5.3c-.2-.2-.6-.3-.9-.3s-.7.2-1 .4L.4 6.5c-.2.2-.4.6-.4.9 0 .3.2.7.4 1L11 18.7c.2.2.6.4 1 .4.3 0 .7-.2 1-.4L23.5 8.3h.1z'/%3E%3C/svg%3E");
      background-position: center 55%;
      background-repeat: no-repeat;
      background-size: 12px;
      background-color: var(--accent-color);
      border-radius: 50%;
      content: "";
      width: calc(var(--menu-font-size) * 1.25);
      height: calc(var(--menu-font-size) * 1.25);
      box-shadow: 0 0 1px 1px var(--accent-color); }
    .comp_sub summary:hover {
      background-color: var(--accent-color);
      color: var(--bg-text); }
      .comp_sub summary:hover[data-is_sub="1"] {
        color: var(--fg-text);
        border: 1px solid var(--accent-color-25); }
      .comp_sub summary:hover::after {
        box-shadow: 0 0 1px 1px var(--bg-color); }
    .comp_sub summary[data-is_sub="1"] {
      border-radius: 0;
      background-color: transparent;
      border: none; }
  .comp_sub[open] {
    overflow: hidden; }
    .comp_sub[open] summary {
      border: 1px solid var(--accent-color-25); }
      .comp_sub[open] summary[data-is_sub="1"] {
        border: none;
        border-bottom: 1px solid var(--accent-color-25); }
        .comp_sub[open] summary[data-is_sub="1"]:hover {
          border-bottom: 1px solid var(--accent-color);
          color: var(--accent-color); }
        .comp_sub[open] summary[data-is_sub="1"]::after {
          content: none; }
      .comp_sub[open] summary::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath d='M.4 15.7c-.2.2-.4.6-.4.8 0 .3.2.7.4 1l1.2 1.2c.2.2.6.4 1 .4s.7-.2 1-.4l8.5-8.6 8.5 8.6c.2.2.6.4 1 .4.3 0 .7-.2 1-.4l1.2-1.2c.2-.2.4-.6.4-.9 0-.3-.2-.7-.4-1L13 5.3c-.2-.2-.6-.4-1-.4-.3 0-.7.2-1 .4L.5 15.7H.4z'/%3E%3C/svg%3E");
        background-position: center 40%; }

.info_gdpr {
  color: var(--accent-color);
  margin-top: var(--menu-hpad); }

#avere_title_wr {
  display: grid;
  grid-template: 'avere_title avere_years' min-content / 1fr 72px;
  align-items: start;
  grid-column-gap: calc(var(--menu-vpad) * 2); }
  #avere_title_wr h1 {
    grid-area: avere_title; }
  #avere_title_wr select {
    grid-area: avere_years;
    cursor: pointer;
    font-family: "Noto Serif", serif;
    font-size: var(--title-font-size);
    transition: all ease .3s;
    padding-left: 2px;
    margin-top: -1px;
    background-color: var(--accent-color);
    color: #f8f8f8;
    border-radius: 4px;
    border: none;
    overflow: hidden; }
    #avere_title_wr select[data-hide="1"] {
      opacity: 0;
      pointer-events: none; }
    #avere_title_wr select option {
      text-align: center;
      padding: 2px; }

.legislatie-ul li:not(:last-child) {
  margin-bottom: var(--menu-hpad); }

.legislatie-ul a {
  display: inline-block;
  text-decoration: none;
  color: var(--fg-color);
  text-align: left;
  font-family: "Noto Serif", serif;
  transition: all 0.3s cubic-bezier(0.18, 0.95, 0.69, 0.96);
  letter-spacing: -1px; }
  .legislatie-ul a::after {
    color: transparent;
    width: 40px;
    height: 20px;
    content: "extern";
    background: var(--accent-color);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' style='enable-background:new 0 0 12 12' xml:space='preserve'%3E%3Cg style='opacity:.75'%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd' d='M2 2h3v1H3v6h6V7h1v3H2z'/%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd' d='M6.211 2H10v3.789L8.579 4.368 6.447 6.5 5.5 5.553l2.132-2.132z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' style='enable-background:new 0 0 12 12' xml:space='preserve'%3E%3Cg style='opacity:.75'%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd' d='M2 2h3v1H3v6h6V7h1v3H2z'/%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd' d='M6.211 2H10v3.789L8.579 4.368 6.447 6.5 5.5 5.553l2.132-2.132z'/%3E%3C/g%3E%3C/svg%3E");
    mask-size: 20px;
    -webkit-mask-size: 20px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: 5px center;
    -webkit-mask-position: 5px center;
    opacity: .5;
    transition: all 0.2s cubic-bezier(0.18, 0.95, 0.69, 0.96); }
  .legislatie-ul a:hover {
    color: var(--accent-color); }
    .legislatie-ul a:hover::after {
      opacity: 1; }

.info544 ol {
  list-style: lower-alpha;
  margin: 40px; }

.info544 li {
  list-style: lower-alpha outside;
  margin-left: calc(var(--menu-hpad) * 2); }

#fastmenu:hover a, #fastmenu:hover a:visited {
  color: white; }

#fastmenu li {
  margin: 0 0 10px -10px; }

#fastmenu a {
  text-decoration: none;
  padding: 5px 10px;
  transition: all .3s linear;
  border-radius: 3px;
  color: darkgray; }
  #fastmenu a:visited {
    color: darkgray; }
  #fastmenu a:hover {
    color: black;
    background-color: #f8f8f8; }
    #fastmenu a:hover:visited {
      color: black; }

@font-face {
  font-family: 'Noto Sans Condensed';
  src: local("Noto Sans Condensed"), local("NotoSansCondensed"), url("https://aw.primarievn.ro/assets/fonts/NotoSans-Condensed.ttf"); }

@font-face {
  font-family: 'Noto Sans Mono';
  src: local("Noto Sans Mono"), local("NotoSansMono"), url("https://aw.primarievn.ro/assets/fonts/NotoSansMono-Regular.ttf"); }

#menu {
  font-family: "Noto Sans Condensed", "Ubuntu Condensed", "Arial Narrow", sans-serif;
  position: sticky;
  opacity: 1;
  max-height: 100vh;
  top: 0;
  margin: 0;
  grid-area: ga_nav; }
  @media (max-width: 919px) {
    #menu {
      font-family: "Noto Sans", Helvetica, sans-serif;
      margin: 0 -20px; }
      #menu label {
        padding-left: 20px;
        padding-right: 20px; }
      #menu .main-menu > li > a {
        padding-left: 10px; } }

#menu ul {
  margin: 0;
  padding: 0; }

#menu .main-menu {
  display: none; }

#tm:checked + .main-menu {
  display: block; }

#menu input[type="checkbox"],
#menu ul span.drop-icon {
  display: none; }

#menu .sub-menu {
  background-color: #444; }

#menu li,
#toggle-menu,
#menu a {
  position: relative;
  display: block;
  color: var(--bg-color);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.125); }

#menu li:after {
  content: '';
  position: absolute;
  height: 1px;
  background-color: var(--nav-separator-color);
  z-index: 10; }
  @media (max-width: 920px) {
    #menu li:after {
      width: 100%;
      background-color: var(--accent-color-50); } }

#toggle-menu {
  color: var(--bg-text); }

#menu,
#toggle-menu {
  background-color: var(--accent-color); }

#toggle-menu,
#menu a {
  font-size: var(--menu-font-size);
  line-height: calc(var(--menu-font-size) * 2);
  padding: var(--menu-vpad);
  padding-left: var(--menu-hpad);
  padding-right: var(--menu-hpad); }

#menu a {
  transition: all .3s linear; }
  @media (max-width: 920px) {
    #menu a {
      padding-left: calc(var(--menu-hpad) * 2) !important; } }

#menu a:hover {
  background-color: var(--nav-highlight-color); }

#menu .sub-menu {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all linear .3s; }

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
  visibility: visible;
  opacity: 1; }

#menu .sub-menu a {
  color: var(--fg-color);
  background-color: var(--bg-color); }
  @media (max-width: 920px) {
    #menu .sub-menu a {
      padding-left: calc(var(--menu-hpad) * 4) !important; } }

#menu .sub-menu a:hover {
  color: var(--bg-color);
  background-color: var(--nav-highlight-color); }
  @media (max-width: 920px) {
    #menu .sub-menu a:hover {
      background-color: var(--accent-color); } }

#toggle-menu .drop-icon,
#menu li label.drop-icon {
  position: absolute;
  top: 0;
  right: 0; }
  #toggle-menu .drop-icon:hover,
  #menu li label.drop-icon:hover {
    cursor: pointer; }

#menu label.drop-icon, #toggle-menu span.drop-icon {
  font-size: var(--menu-font-size);
  line-height: calc(var(--menu-font-size) * 2);
  width: calc((var(--menu-font-size) + var(--menu-vpad)) * 2);
  height: calc((var(--menu-font-size) + var(--menu-vpad)) * 2);
  text-align: center;
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, 0.75); }

/* ----------------DESKTOP----------------*/
@media (min-width: 920px) {
  #menu ul li {
    background-color: var(--accent-color); }
  #menu ul[data-is_top="1"] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    #menu ul[data-is_top="1"] a {
      color: var(--bg-text);
      background-color: var(--accent-color); }
      #menu ul[data-is_top="1"] a:hover {
        color: var(--bg-text);
        background-color: var(--nav-highlight-color); }
  #menu ul[data-is_top="0"] > li {
    position: relative;
    min-width: var(--nav-li-min-width); }
    #menu ul[data-is_top="0"] > li:before {
      content: '';
      position: absolute;
      width: var(--nav-li-min-width);
      height: 1px;
      background-color: var(--nav-separator-color);
      z-index: 10; } }
    @media (min-width: 920px) and (max-width: 920px) {
      #menu ul[data-is_top="0"] > li:before {
        width: 100%; } }

@media (min-width: 920px) {
    #menu ul[data-is_top="0"] > li:after {
      content: '';
      position: absolute;
      left: 0;
      width: 1px;
      height: 100%;
      top: 0;
      background-color: var(--nav-separator-color); } }
    @media (min-width: 920px) and (max-width: 920px) {
      #menu ul[data-is_top="0"] > li:after {
        height: 1px; } }

.sub_marker::after {
  font-size: var(--menu-font-size);
  line-height: calc(var(--menu-font-size) * 2);
  width: calc((var(--menu-font-size) + var(--menu-vpad)) * 2);
  height: calc((var(--menu-font-size) + var(--menu-vpad)) * 2);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' preserveAspectRatio='xMinYMid' %3E%3Cdefs/%3E%3Cpath fill='white' d='M20 12l-3 3 9 9-9 9 3 3 12-12z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: 25; }
  @media (max-width: 920px) {
    .sub_marker::after {
      display: none; } }

label[data-is_checked="0"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath d='M23.6 8.3c.2-.2.4-.6.4-.8 0-.3-.2-.7-.4-1l-1.2-1.2c-.2-.2-.6-.4-1-.4-.3 0-.7.2-1 .4L12 13.9 3.5 5.3c-.2-.2-.6-.3-.9-.3s-.7.2-1 .4L.4 6.5c-.2.2-.4.6-.4.9 0 .3.2.7.4 1L11 18.7c.2.2.6.4 1 .4.3 0 .7-.2 1-.4L23.5 8.3h.1z'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 16px;
  background-repeat: no-repeat;
  background-color: var(--nav-highlight-color); }

label[data-is_checked="1"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath d='M.4 15.7c-.2.2-.4.6-.4.8 0 .3.2.7.4 1l1.2 1.2c.2.2.6.4 1 .4s.7-.2 1-.4l8.5-8.6 8.5 8.6c.2.2.6.4 1 .4.3 0 .7-.2 1-.4l1.2-1.2c.2-.2.4-.6.4-.9 0-.3-.2-.7-.4-1L13 5.3c-.2-.2-.6-.4-1-.4-.3 0-.7.2-1 .4L.5 15.7H.4z'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 16px;
  background-repeat: no-repeat;
  background-color: var(--nav-highlight-color); }

span {
  transition: all linear .3s; }
  span[data-ms_name="tm_toggle"] {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px; }
    span[data-ms_name="tm_toggle"][data-is_checked="0"] {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 123 104'%3E%3Cdefs/%3E%3Cpath fill-rule='evenodd' d='M10 0h103c5 0 10 5 10 10 0 6-5 11-10 11H10C5 21 0 16 0 10 0 5 5 0 10 0zm0 83h103c5 0 10 5 10 10 0 6-5 11-10 11H10c-5 0-10-5-10-11 0-5 5-10 10-10zm0-42h103c5 0 10 5 10 11s-5 10-10 10H10C5 62 0 58 0 52s5-11 10-11z' clip-rule='evenodd'/%3E%3C/svg%3E"); }
    span[data-ms_name="tm_toggle"][data-is_checked="1"] {
      background-color: var(--nav-highlight-color);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath d='M24 18l-7-6 7-6V5 4l-4-4h-1-1l-6 7-6-7H5 4L0 4v2l7 6-7 6v2l4 4h2l6-7 6 7h2l4-4v-1-1z'/%3E%3C/svg%3E"); }
    span[data-ms_name="tm_toggle"]:hover {
      background-color: var(--nav-highlight-color); }

#menu a[noafter] {
  padding-left: calc(var(--menu-vpad) / 1.25);
  padding-right: calc(var(--menu-vpad) / 1.25); }
  #menu a[noafter]::after {
    display: none; }

#menu a::after {
  display: inline-block;
  content: '';
  position: relative;
  float: right;
  bottom: calc(var(--menu-vpad) / -2);
  margin-left: var(--menu-vpad);
  width: calc(var(--menu-font-size) + var(--menu-font-size) / 4);
  height: calc(var(--menu-font-size) + var(--menu-font-size) / 4);
  opacity: .65;
  transition: opacity .3s linear; }
  @media (max-width: 1228px) {
    #menu a::after {
      display: none;
      opacity: 0; } }

#menu a[data-has_sub="1"]::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' preserveAspectRatio='xMinYMid' %3E%3Cdefs/%3E%3Cpath fill='white' d='M20 12l-3 3 9 9-9 9 3 3 12-12z'/%3E%3C/svg%3E");
  background-position: right 55%;
  background-repeat: no-repeat; }

#menu a[data-ms_name="prezentare"]::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 512 512'%3E%3Cdefs/%3E%3Cpath d='M502 92L267 2a32 32 0 00-22 0L10 92a16 16 0 00-10 15v37c0 9 7 16 16 16h480c9 0 16-7 16-16v-37c0-7-4-13-10-15zM64 192v160H48c-9 0-16 7-16 16v48h448v-48c0-9-7-16-16-16h-16V192h-64v160h-96V192h-64v160h-96V192H64zm432 256H16c-9 0-16 7-16 16v32c0 9 7 16 16 16h480c9 0 16-7 16-16v-32c0-9-7-16-16-16z'/%3E%3C/svg%3E");
  background-repeat: no-repeat; }

#menu a[data-ms_name="infopub"]::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cpath fill='white' d='M12 12c3.3 0 6-2.7 6-6s-2.7-6-6-6-6 2.7-6 6 2.7 6 6 6zm4.1 1.7h-.4c-2.3 1.1-5 1.1-7.3 0h-.5c-3.4 0-6.2 2.8-6.2 6.2v1.6c0 1.4 1.2 2.6 2.6 2.6h15.4c1.4 0 2.6-1.1 2.6-2.6v-1.6c0-3.4-2.8-6.2-6.2-6.2z'/%3E%3C/svg%3E");
  background-position: right 85%;
  background-repeat: no-repeat;
  background-size: 18px; }

#menu a[data-ms_name="transparenta"]::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 576 512'%3E%3Cdefs/%3E%3Cpath d='M218 424c-3-6-8-6-10-6s-7 0-10 6l-8 15c-6 13-25 12-29-2l-17-50-11 31c-6 18-22 30-41 30H80a16 16 0 110-32h12c5 0 10-3 11-8l18-54a24 24 0 0146 0l14 41c19-16 54-9 66 14 2 4 5 6 9 7v-82l128-127v-47H248c-13 0-24-11-24-24V0H24C11 0 0 11 0 24v464c0 13 11 24 24 24h336c13 0 24-11 24-24v-40H256c-16 0-31-9-38-24zm166-302c0-6-2-13-7-17L279 7c-4-4-10-7-17-7h-6v128h128v-6zm-96 225v69h69l162-163-68-68-163 162zm281-180l-32-32a25 25 0 00-36 0l-28 28 68 68 28-28c9-10 9-26 0-36z'/%3E%3C/svg%3E");
  background-position: right 65%;
  background-repeat: no-repeat; }

#menu a[data-ms_name="cl"]::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 640 512'%3E%3Cdefs/%3E%3Cpath d='M192 256a112 112 0 100-224 112 112 0 000 224zm77 32h-8a158 158 0 01-137 0h-9C52 288 0 340 0 403v29c0 27 22 48 48 48h288c27 0 48-21 48-48v-29c0-63-52-115-115-115zm211-32a96 96 0 100-192 96 96 0 000 192zm48 32h-4c-14 5-28 8-44 8s-30-3-44-8h-4c-20 0-39 6-56 15 25 27 40 62 40 100v39l-1 6h177c27 0 48-22 48-48 0-62-50-112-112-112z'/%3E%3C/svg%3E");
  background-position: right 85%;
  background-repeat: no-repeat; }

#menu a[data-ms_name="compartimente"]::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 640 512'%3E%3Cdefs/%3E%3Cpath d='M640 264v-16c0-9-7-16-16-16H344v-40h72c18 0 32-14 32-32V32c0-18-14-32-32-32H224c-18 0-32 14-32 32v128c0 18 14 32 32 32h72v40H16c-9 0-16 7-16 16v16c0 9 7 16 16 16h104v40H64c-18 0-32 14-32 32v128c0 18 14 32 32 32h160c18 0 32-14 32-32V352c0-18-14-32-32-32h-56v-40h304v40h-56c-18 0-32 14-32 32v128c0 18 14 32 32 32h160c18 0 32-14 32-32V352c0-18-14-32-32-32h-56v-40h104c9 0 16-7 16-16zM256 128V64h128v64H256zm-64 320H96v-64h96v64zm352 0h-96v-64h96v64z'/%3E%3C/svg%3E");
  background-position: right 65%;
  background-repeat: no-repeat; }

#menu a[data-ms_name="contact"]::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 576 512'%3E%3Cdefs/%3E%3Cpath d='M160 448c-26 0-51-22-64-32-64-45-83-61-96-70v134c0 18 14 32 32 32h256c18 0 32-14 32-32V346c-13 9-32 25-96 70-13 10-38 32-64 32zm128-192H32c-18 0-32 14-32 32v16c26 19 22 19 115 86 10 7 29 26 45 26s35-19 45-22c93-68 89-68 115-87v-19c0-18-14-32-32-32zm256-96H224c-18 0-32 14-32 32v32h96c33 0 61 25 64 58v134h192c18 0 32-14 32-32V192c0-18-14-32-32-32zm-32 128h-64v-64h64v64zm-352-96c0-35 29-64 64-64h224V32c0-18-14-32-32-32H96C78 0 64 14 64 32v192h96v-32z'/%3E%3C/svg%3E");
  background-position: right 65%;
  background-repeat: no-repeat; }

#menu a[data-ms_name="mol"]::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 576 512'%3E%3Cdefs/%3E%3Cpath d='M542 32c-55 3-163 14-231 56-4 2-7 8-7 13v364c0 11 13 19 23 13 69-35 169-44 219-47 17-1 30-14 30-30V63c0-18-15-32-34-31zM265 88C198 46 89 35 34 32 15 31 0 45 0 63v338c0 16 13 29 30 30 50 3 150 12 219 47 10 6 23-2 23-13V101c0-6-3-11-7-13z'/%3E%3C/svg%3E");
  background-position: right 65%;
  background-repeat: no-repeat; }

#menu a:hover::after {
  opacity: .90; }

@media only screen and (min-width: 920px) {
  #menu .main-menu {
    display: block; }
  #toggle-menu,
  #menu label.drop-icon {
    display: none; }
  #menu ul span.drop-icon {
    display: inline-block; }
  #menu li {
    float: left;
    border-width: 0 1px 0 0; }
  #menu .sub-menu li {
    float: none; }
  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 30; }
  #menu .sub-menu,
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: all linear .3s; }
  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%; }
  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
    visibility: visible;
    opacity: 1; } }

sup {
  z-index: 0;
  position: relative; }

@media (min-width: 920px) {
  .nav-stuck {
    margin: 0 -10px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24) !important;
    padding-left: 10px;
    padding-right: 10px; }
    .nav-stuck ul[data-is_top="1"] > li:first-of-type a {
      padding-left: 20px !important; }
    .nav-stuck ul[data-is_top="1"] > li:last-of-type a {
      padding-right: 20px !important; } }

#height_helper {
  left: -5000px;
  position: fixed;
  background-color: #004aff;
  padding: 20px; }
  #height_helper[data-mol_visible="1"] {
    padding-top: 0 !important; }

.ql_highlight {
  border: 1px solid var(--accent-color); }

.ql_caine {
  display: inline-grid;
  grid-template-columns: 1fr 24px;
  gap: 8px;
  align-items: center; }
  .ql_caine::after {
    content: '';
    grid-column: 2;
    width: 24px;
    height: 24px;
    background-color: var(--accent-color);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='m310 159 23-139a24 24 0 0 1 42-10l17 22h52c13 0 25 5 34 14l18 18h56c13 0 24 11 24 24v24c0 44-36 80-80 80h-69l-5 31-112-64zm106 97v224c0 18-14 32-32 32h-32c-18 0-32-14-32-32V365a175 175 0 0 1-160 0v115c0 18-14 32-32 32H96c-18 0-32-14-32-32V250a96 96 0 0 1-59-67l-4-15a32 32 0 1 1 62-16l4 16c4 14 16 24 31 24h206l112 64zm48-176a16 16 0 1 0-32 0 16 16 0 1 0 32 0z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='m310 159 23-139a24 24 0 0 1 42-10l17 22h52c13 0 25 5 34 14l18 18h56c13 0 24 11 24 24v24c0 44-36 80-80 80h-69l-5 31-112-64zm106 97v224c0 18-14 32-32 32h-32c-18 0-32-14-32-32V365a175 175 0 0 1-160 0v115c0 18-14 32-32 32H96c-18 0-32-14-32-32V250a96 96 0 0 1-59-67l-4-15a32 32 0 1 1 62-16l4 16c4 14 16 24 31 24h206l112 64zm48-176a16 16 0 1 0-32 0 16 16 0 1 0 32 0z'/%3E%3C/svg%3E");
    mask-size: 20px 20px;
    -webkit-mask-size: 20px 20px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center; }

#pager_wrapper[data-show="0"] {
  display: none; }

#pager_wrapper[data-show="1"] {
  display: block; }

.pager {
  padding: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  text-align: center; }
  .pager button {
    user-select: none;
    background-color: var(--bg-text);
    padding: var(--menu-vpad);
    font-size: var(--menu-font-size);
    transition: all linear .3s; }
    .pager button:first-of-type {
      border-radius: 5px 0 0 5px; }
    .pager button:last-of-type {
      border-radius: 0 5px 5px 0; }
    .pager button:hover {
      background-color: var(--accent-color);
      color: var(--bg-text); }
    .pager button:disabled {
      pointer-events: none; }
  .pager #pager_info {
    user-select: none;
    background-color: var(--bg-text);
    padding: calc(var(--menu-vpad) - 3px);
    font-size: var(--menu-font-size);
    margin: 0 3px;
    display: inline-block;
    font-weight: bold;
    min-width: calc(var(--menu-vpad) * 10); }

#spinner {
  position: relative;
  opacity: 0;
  visibility: hidden;
  display: grid;
  place-content: center;
  box-shadow: none !important;
  height: auto;
  grid-area: 1/1;
  transition: visibility .1s, opacity ease-out .3s, height linear .3s; }
  @media (max-width: 920px) and (hover: none) {
    #spinner {
      place-content: start center; } }
  #spinner[data-mol_visible="1"] {
    grid-area: 2/1; }
  #spinner p {
    padding-top: 30px;
    grid-area: 1/1;
    font-size: 12px; }

.spinner_visible {
  opacity: 1 !important;
  visibility: visible !important; }

@keyframes bars {
  0% {
    height: 5px;
    transform: translateY(0px); }
  25% {
    height: 16px;
    transform: translateY(5px); }
  50% {
    height: 5px;
    transform: translateY(0px); }
  100% {
    height: 5px;
    transform: translateY(0px); } }

#bars {
  grid-area: 1/1;
  display: block;
  position: absolute;
  height: 30px;
  width: 40px;
  left: 7px; }
  #bars span {
    position: absolute;
    display: block;
    bottom: 15px;
    width: 10px;
    height: 5px;
    background: var(--accent-color);
    animation: bars 1.5s infinite ease-in-out; }
    #bars span:nth-child(2) {
      left: 15px;
      animation-delay: 0.3s; }
    #bars span:nth-child(3) {
      left: 30px;
      animation-delay: 0.4s; }

#mol_control {
  grid-area: 1/1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: min-content;
  grid-gap: var(--menu-vpad); }
  @media (max-width: 920px) {
    #mol_control {
      grid-template-columns: 1fr; } }
  #mol_control a {
    transition: all ease .3s;
    padding: 6px 10px;
    border-radius: 3px;
    background-color: #f8f8f8;
    text-align: left;
    display: grid;
    align-content: center;
    color: var(--fg-color); }
    #mol_control a[data-mol_active="1"] {
      color: #FFF;
      background-color: var(--accent-color); }
      #mol_control a[data-mol_active="1"]:visited {
        color: #FFF; }
    #mol_control a:hover {
      color: #FFF;
      background-color: var(--accent-color); }
    #mol_control a:visited {
      color: var(--fg-color); }
      #mol_control a:visited:hover {
        color: #FFF;
        background-color: var(--accent-color); }
  #mol_control h1 {
    margin-top: 1px;
    grid-area: 1/1/2/3;
    display: grid;
    grid-template-columns: 1fr 72px; }
    @media (max-width: 920px) {
      #mol_control h1 {
        grid-area: 1/1; } }
    #mol_control h1 select {
      cursor: pointer;
      transition: all ease .3s;
      padding-left: 2px;
      margin-top: -1px;
      background-color: var(--accent-color);
      color: #f8f8f8;
      border-radius: 4px;
      border: none;
      overflow: hidden; }
      #mol_control h1 select[data-hide="1"] {
        opacity: 0;
        pointer-events: none; }
      #mol_control h1 select option {
        text-align: center;
        padding: 2px; }

.mol_subsect {
  margin-top: var(--menu-vpad);
  cursor: pointer;
  transition: all ease .3s;
  background-color: #f8f8f8;
  border-radius: 4px;
  border: 2px solid var(--accent-color);
  padding: 5px;
  overflow: hidden;
  grid-area: 5/1/6/3;
  width: 100% !important; }
  @media (max-width: 920px) {
    .mol_subsect {
      grid-area: 8/1/9/2; } }
  .mol_subsect[data-hide="1"] {
    opacity: 0;
    pointer-events: none; }
  .mol_subsect[data-expa="1"] {
    padding: 0;
    border: none; }
    .mol_subsect[data-expa="1"] option {
      padding: 5px; }
      .mol_subsect[data-expa="1"] option:checked {
        box-shadow: 0 0 10px 100px var(--accent-color) inset;
        color: var(--bg-color);
        border-radius: 4px; }

.mol_cnds {
  letter-spacing: -0.3px; }
  @media (max-width: 920px) {
    .mol_cnds {
      letter-spacing: 0; } }

.piga_wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-end: span 4;
  grid-gap: var(--menu-hpad);
  margin: var(--menu-hpad) 0; }
  @media (max-width: 920px) {
    .piga_wrapper {
      grid-template-columns: repeat(2, 1fr);
      grid-column-end: span 2; } }

.ga_img_wr {
  cursor: pointer;
  border-radius: 5px;
  overflow: hidden;
  transition: all .2s linear; }
  .ga_img_wr > * {
    transition: all .2s linear; }
  .ga_img_wr:hover > img {
    transform: scale(1.125); }

.ga_img {
  pointer-events: none; }

.ga_des {
  pointer-events: none; }

.modal__body {
  overflow: hidden; }

.modal__ovly {
  display: grid;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: var(--menu-hpad);
  background-color: rgba(0, 0, 0, 0.95);
  z-index: 50;
  opacity: 0;
  transition: opacity .2s linear; }
  .modal__ovly[data-is_visible="1"] {
    opacity: 1; }

.modal__close {
  grid-area: 1/1;
  align-self: start;
  justify-self: end;
  color: #000;
  background-color: rgba(255, 255, 255, 0.75);
  width: calc(var(--menu-hpad) * 2);
  height: calc(var(--menu-hpad) * 2);
  z-index: 51;
  border-radius: 50%;
  font-size: var(--menu-hpad);
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.12);
  transition: all .2s linear;
  opacity: 0;
  animation: fdin_button 1s forwards; }
  .modal__close:hover {
    color: #FFF;
    background-color: var(--accent-color); }
  @media (max-width: 920px) {
    .modal__close {
      width: calc(var(--menu-hpad) * 4);
      height: calc(var(--menu-hpad) * 4);
      font-size: calc(var(--menu-hpad) * 2); } }

.modal__content {
  grid-area: 1/1;
  place-self: center;
  overflow: auto; }

@keyframes fdin_button {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.aw-imdi-dialog {
  border: none;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 4px 6px var(--accent-color-12);
  background-color: var(--bg-color);
  max-width: 400px;
  width: 90%;
  display: block; }
  .aw-imdi-dialog:not([open]) {
    display: none; }
  .aw-imdi-dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.75); }
  .aw-imdi-dialog .dialog-content {
    display: grid;
    grid-template-rows: auto auto auto;
    gap: 15px; }
  .aw-imdi-dialog .aw-imdi-image {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    justify-self: center; }
  .aw-imdi-dialog .aw-imdi-description {
    margin: 0;
    font-size: 1rem;
    text-align: center; }
  .aw-imdi-dialog .aw-imdi-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px; }
    .aw-imdi-dialog .aw-imdi-buttons button {
      padding: 10px 20px;
      font-size: 1rem;
      cursor: pointer;
      border: none;
      border-radius: 5px;
      background-color: var(--accent-color);
      color: var(--bg-text);
      transition: background-color 0.3s; }
      .aw-imdi-dialog .aw-imdi-buttons button:hover {
        background-color: var(--nav-highlight-color); }

html, body {
  height: 100%;
  scroll-behavior: smooth; }

body {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #f8f8f8; }

img {
  max-width: 100% !important;
  height: auto; }

#background {
  position: fixed;
  display: grid;
  z-index: -3;
  width: 100%;
  height: 100%;
  background-color: #f8f8f8; }
  #background .main-bg {
    margin-top: var(--bg-scroll);
    grid-area: 1/1;
    object-fit: cover;
    width: 3840px;
    height: var(--header-height);
    z-index: -2;
    opacity: var(--bg-opacity); }
  #background .main-fg {
    grid-area: 1/1;
    margin-top: var(--bg-scroll);
    width: 3840px;
    height: var(--header-height);
    z-index: -1; }

#main {
  flex: 1 0 auto;
  width: 100%;
  max-width: 1280px;
  grid-template-rows: auto 1fr;
  margin: 0 auto; }

#xbDiv {
  grid-area: ga_xb;
  padding: var(--menu-hpad);
  display: flex;
  place-content: center; }
  #xbDiv > a {
    border: 1px solid var(--accent-color-25);
    text-decoration: none; }
    #xbDiv > a[is_tv=""] {
      padding-right: 40px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M608 64H32C14.3 64 0 78.3 0 96v320c0 17.7 14.3 32 32 32h160.2c25.2 0 48-14.8 58.4-37.7l27.7-61.6C286.2 331.1 302.4 320 320 320s33.8 11.1 41.7 28.6l27.7 61.6C399.8 433.2 422.6 448 447.8 448H608c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32zM160 304c-35.4 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64zm320 0c-35.4 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z'/%3E%3C/svg%3E");
      background-position: right 8px center;
      background-repeat: no-repeat;
      background-size: 24px 24px; }
      #xbDiv > a[is_tv=""]:hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='white' d='M608 64H32C14.3 64 0 78.3 0 96v320c0 17.7 14.3 32 32 32h160.2c25.2 0 48-14.8 58.4-37.7l27.7-61.6C286.2 331.1 302.4 320 320 320s33.8 11.1 41.7 28.6l27.7 61.6C399.8 433.2 422.6 448 447.8 448H608c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32zM160 304c-35.4 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64zm320 0c-35.4 0-64-28.7-64-64s28.7-64 64-64 64 28.7 64 64-28.7 64-64 64z'/%3E%3C/svg%3E"); }

#header {
  display: grid;
  grid-template: 'ga_name ga_mid ga_logo' 95px 'ga_county ga_mid ga_logo' 55px / 600px 1fr 200px;
  padding: 15px 20px; }
  #header[siruta="178117"] {
    grid-template: 'ga_name ga_mid ga_logo' 95px 'ga_county ga_mid ga_logo' 55px 'ga_xb ga_xb ga_xb' 50px / 600px 1fr 200px; }
  #header #unit_name, #header #unit_county {
    font-family: 'Noto Serif', serif;
    padding: 15px 20px;
    background-color: rgba(15, 15, 15, 0.6);
    border-radius: 5px;
    color: #FFF;
    height: min-content;
    width: max-content;
    line-height: 125%; }
  #header #unit_name {
    grid-area: ga_name;
    font-size: var(--unit-font-size); }
  #header #unit_county {
    grid-area: ga_county;
    font-size: var(--county-font-size); }
  @media (max-width: 920px) {
    #header {
      grid-template: "ga_logo" calc(150px + 20px) "ga_name" min-content "ga_county" min-content/1fr;
      background-color: rgba(15, 15, 15, 0.55);
      padding: 0; }
      #header #unit_name {
        width: 100%;
        text-align: center;
        background-color: transparent;
        padding-bottom: 0; }
      #header #unit_county {
        width: 100%;
        text-align: center;
        background-color: transparent; }
      #header[siruta="178117"] {
        grid-template: "ga_logo" calc(150px + 20px) "ga_name" min-content "ga_county" min-content "ga_xb" min-content/1fr; } }

#logo {
  grid-area: ga_logo;
  width: 200px;
  height: 200px;
  background-size: calc(150px * 0.85) 150px;
  background-position: top right;
  background-repeat: no-repeat; }
  @media (max-width: 920px) {
    #logo {
      min-width: 100%;
      min-height: 100%;
      background-position: top 20px center; } }

#mid {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  display: grid;
  padding: 0 20px;
  grid-template: "ga_nav ga_nav ga_nav" calc((var(--menu-font-size) + var(--menu-vpad)) * 2) "content_ content_ right_" min-content/1fr 1fr 1fr;
  align-items: start; }
  @media only screen and (max-width: 920px) {
    #mid {
      grid-template: "ga_nav" calc((var(--menu-font-size) + var(--menu-vpad)) * 2) "content_" auto "right_" auto/1fr; } }
  #mid > #content_left {
    display: grid;
    max-width: 1280px;
    padding: 20px 10px 0 0;
    grid-area: content_;
    text-align: justify; }
    @media only screen and (max-width: 920px) {
      #mid > #content_left {
        padding: 20px 0 0 0; } }
    #mid > #content_left > div {
      padding: 20px;
      background-color: #FFF;
      border-radius: 5px;
      margin-bottom: 20px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); }
  #mid > #content_right {
    padding: 20px 0 0 10px;
    grid-area: right_;
    text-align: justify; }
    @media only screen and (max-width: 920px) {
      #mid > #content_right {
        padding: 0; } }
    #mid > #content_right > div {
      padding: 20px;
      background-color: #FFF;
      border-radius: 5px;
      margin-bottom: 20px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); }

#section {
  transition: height linear .3s;
  grid-area: 1/1; }
  #section[data-mol_visible="1"] {
    grid-area: 2/1;
    padding-top: 0 !important; }
  #section[data-show_content="0"] article, #section[data-show_content="0"] p, #section[data-show_content="0"] h1, #section[data-show_content="0"] h2, #section[data-show_content="0"] h3, #section[data-show_content="0"] h4, #section[data-show_content="0"] h5 {
    opacity: 0; }

#footer_ctr {
  flex-shrink: 0;
  padding: 0 20px;
  color: darkgray;
  background: #0f0f0f url("../img/footer.jpg") no-repeat top center;
  display: grid;
  grid-template: ". gt_footer ." auto/1fr minmax(min-content, 1280px) 1fr; }

#footer {
  grid-area: gt_footer;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px; }
  @media (max-width: 920px) {
    #footer {
      grid-template-columns: 1fr;
      grid-template-rows: repeat(3, auto); } }
  #footer > div {
    padding: 20px;
    transition: all .3s linear; }
    #footer > div:hover {
      color: #FFF; }

#ghiseul, #infocons, #fiiunexemplu {
  display: block;
  cursor: pointer;
  color: var(--accent-color);
  font-family: "Noto Serif", serif;
  text-align: left;
  font-size: var(--title-font-size);
  padding: 20px 110px 20px 20px;
  line-height: var(--title-font-size);
  border-radius: 5px;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.012);
  background: #FFFFFF url("../img/ghiseul.svg") no-repeat center right 0;
  transition: all .2s linear;
  text-decoration: none; }
  #ghiseul:hover, #infocons:hover, #fiiunexemplu:hover {
    background-color: #063d8d !important;
    color: #FFF; }

#infocons, #fiiunexemplu {
  position: relative;
  background-blend-mode: multiply;
  padding: 50px; }
  #infocons::before, #fiiunexemplu::before {
    position: absolute;
    content: "";
    border-radius: 5px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    transition: all .2s linear; }
  #infocons:hover, #fiiunexemplu:hover {
    background-color: #FFFFFF !important; }
    #infocons:hover::before, #fiiunexemplu:hover::before {
      background-color: rgba(255, 255, 255, 0); }

#infocons {
  background: #FFFFFF url("../img/infocons.png") no-repeat center; }

#fiiunexemplu {
  background: #FFFFFF url("../img/fiiunexemplu.png") no-repeat center; }

#monografie {
  display: grid;
  place-items: center;
  margin: var(--menu-hpad) 0; }
  #monografie > a {
    margin-top: var(--menu-hpad); }
  #monografie p:nth-of-type(1) {
    font-family: "Noto Serif", "Times New Roman", serif;
    text-align: center; }
  #monografie p:nth-of-type(2) {
    text-indent: calc(var(--menu-hpad) * 2.5);
    font-style: italic;
    font-size: 14px;
    line-height: 100%; }