@import url('https://fonts.googleapis.com/css2?family=Noto+Emoji:wght@300..700&display=swap');

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}

[hidden] {display: none;}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {margin: 0;}
a:focus {outline: thin dotted;}
a:active, a:hover {outline: 0;}
h1 {font-size: 2em; margin: 0.67em 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
mark {background: #ff0;color: #000;}
code, kbd, pre, samp {font-family: monospace, serif;font-size: 1em;}
pre {white-space: pre-wrap;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}

sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}

svg:not(:root) {overflow: visible;}
figure {margin: 0;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0;}

button, input, select, textarea {font-family: inherit;font-size: 100%;margin: 0;}
button, input {line-height: normal;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
table {border-collapse: collapse;border-spacing: 0;}


@font-face {font-family: Hero_font;src: url('../fonts/Hero.otf');}
body {font-family: Hero_font, "Noto Emoji", sans-serif;}
html, body {height: 100%; margin: 0; display: flex; flex-direction: column;}

.footer_section {background: #252525;color: #dcdcdc;overflow-x: hidden;padding-bottom: 30px; padding-top: 30px;flex: 0 0 auto;}
.footer_title {font-size: 16px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #444; color: #fff; margin-top: 40px;}
.footer_section_icons {margin-bottom:5px;}
.footer_section_entry {display: table-row;}
.footer_section_logo {width: 80px;}
.footer_section_eu {width: 200px;}
.footer_section_text {font-size:10px!important}

.header_section {position: relative;background: #1F1F1F;border-bottom: 1px solid rgba(141, 153, 174, 0.5);flex: 0 0 auto;}
.header_wrapper {padding: 25px 0;}
.header_wrapper h2 {position: relative;color: #EEEEEE;display: inline-block;font-size: 30px; margin: 0 30px 0 15px;}
.header_wrapper p {display: inline-block;line-height: 30px;margin: 0;color: #EEEEEE;position: relative;top: -2px;cursor: pointer;float: right;}

.button {
    background: inherit;
    color: #EEEEEE;
    margin-left:5px!important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border 0.2s ease;
    border: 1px solid #434343!important;
    padding:5px 10px;
    cursor: pointer;
    border-radius: 10px;
    filter: brightness(1);
}
.button:hover {filter: brightness(1.2);}
a:hover {filter: brightness(1.2);}
.warning.button, .warning.title {color: #F9AB49;}
.success.button, .success.title {color: #64DB96;}
.secondary {color: #C8C8C8}
.error {color:#F44336}
.hidden {display: none;}
#service-logo {color: #64DB96;float: left;text-align:center;font-size: 40px;margin-bottom: 10px;}

@media (max-width: 600px) {
  #service-title {font-size: 2.5rem; line-height: 2.5rem;}
  #service-logo {font-size: 35px; width:100%;}
}

.loading-overlay {margin-top:50px;display: flex; justify-content: center; align-items: center; z-index: 9999; font-family: sans-serif; color: #1F1F1F;}
.spinner {border: 4px solid #f3f3f3; border-top: 4px solid #64DB96; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin-bottom: 10px; margin-top: 9px;}
#loading p {margin-left: 20px; font-weight: bold; font-size: 22px;}
@keyframes spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);z-index: 2000; justify-content: center; align-items: center;}
.popup.show {display: flex;}
.popup_content .button {padding: 15px 15px!important;font-size: 1.2em!important;width: 125px!important;background: #1f1f1f;}
.popup_content .title {margin-bottom:20px;}
.popup_content {
    background: #1f1f1f;
    border-radius: 12px;
    padding: 1rem 3rem;
    padding-bottom:2rem;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
    max-width: 400px;
    width: 90%;
    color: #EEEEEE;
}
.popup_content input {width: 90%; border-radius:5px; padding:5px; margin-top:5px;}

a {color:#79CFDC}
.learn-more,.learn-more{text-align: left;padding-top: 0.5rem;}