.error-container {
    width: 50%;
    margin: auto
}

#agk-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 18.75rem;
    background: no-repeat 0 3rem url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgODE2IDE2OTUiPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0iYSIgY3g9IjMxLjk3IiBjeT0iMjI3LjkiIHI9Ijg4NC44NCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjE5IiBzdG9wLWNvbG9yPSIjZmZmOWMyIiBzdG9wLW9wYWNpdHk9Ii4xOSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwODRmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNWRiOGQ1IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0iYiIgY3g9IjMxLjk3IiBjeT0iMjkwLjkiIHI9Ijg4NC44NCIgeGxpbms6aHJlZj0iI2EiLz48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTgxNiA4MTZMMCAxNjMyVjBsODE2IDgxNnoiLz48cGF0aCBmaWxsPSJ1cmwoI2IpIiBkPSJNODE2IDg3OUwwIDE2OTVWNjNsODE2IDgxNnoiLz48L3N2Zz4=), var(--color-transparent-dark-90);
    background-size: 15rem, 100%;
    position: relative
}

@media screen and (max-width:30rem) {
    #agk-heading {
        height: 25rem
    }
}

@media screen and (max-width:20rem) {
    #agk-heading {
        height: 30rem
    }
}

#agk-heading .content-wrapper {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    animation: fadein .2s
}

#agk-heading .content-wrapper .heading-name {
    font-size: 28px;
    font-weight: 300;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    color: #f5c04e
}

#agk-heading .content-wrapper .heading-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    width: 40rem
}

@media screen and (max-width:37.5rem) {
    #agk-heading .content-wrapper .heading-title {
        width: 90%
    }
}

#agk-heading .content-wrapper a {
    display: none
}

@media screen and (max-width:30rem) {
    #agk-heading .content-wrapper a {
        display: block
    }
}

#agk-heading .content-wrapper a .mobile-agk-logo {
    width: 10rem;
    min-height: 7.03rem;
    margin-bottom: 1rem
}

#agk-heading .background-wrapper {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    animation: fadein .2s
}

#agk-heading .background-wrapper .heading-img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    width: 0;
    opacity: 1;
    transition: width .1s, opacity .4s;
    background-color: #f5c04e;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

:root {
    --color-solid-dark: #0b132a;
    --color-solid-info: #b78215;
    --color-solid-danger: #f23333;
    --color-solid-success: #9cb85d;
    --color-solid-primary: #f5c04e;
    --color-solid-primary-aa: #957027;
    --color-solid-black: #000;
    --color-solid-white: #fff;
    --color-secondary-dark: #4f5665;
    --color-secondary-beige: #fbe7bf;
    --color-secondary-salmon: #daa078;
    --color-secondary-caucasian: #fff6e4;
    --color-secondary-ligher-dark: #787c89;
    --color-solid-light-gray: #e2e2e2;
    --color-solid-ice-gray: #f8f8f9;
    --color-misc-glass: hsla(0, 0%, 98.4%, 0.4);
    --color-transparent-dark-90: rgba(2, 5, 16, 0.9);
    --color-transparent-white-60: hsla(0, 0%, 100%, 0.6);
    --color-transparent-white-80: hsla(0, 0%, 100%, 0.8);
    --color-shadows-primary: rgba(238, 194, 102, 0.15);
    --color-shadows-primary-strong: rgba(238, 194, 102, 0.4);
    --color-shadows-light-gray: hsla(0, 0%, 88.6%, 0.15);
    --color-shadows-gray: rgba(79, 79, 79, 0.15);
    --color-shadows-success: rgba(156, 184, 93, 0.4);
    --color-shadows-danger: rgba(242, 51, 51, 0.15);
    --color-shadows-dark: rgba(2, 5, 16, 0.2);
    --gradient-radial-beige-diamond: radial-gradient(76.3% 76.3% at 96.35% 7.17%, rgba(255, 249, 194, 0.19) 18.98%, rgba(0, 132, 255, 0) 100%, rgba(93, 184, 213, 0) 0);
    --gradient-radial-dark-diamond: radial-gradient(76.3% 76.3% at 96.35% 7.17%, rgba(126, 122, 171, 0.19) 18.98%, rgba(0, 132, 255, 0) 100%, rgba(93, 184, 213, 0) 0);
    --gradient-middle-gold: linear-gradient(180deg, rgba(223, 150, 0, 0.85), rgba(217, 177, 95, 0.85));
    --gradient-light-gold: linear-gradient(180deg, rgba(255, 229, 174, 0.85), rgba(238, 194, 102, 0.85));
    --gradient-card-overlay: linear-gradient(180deg, rgba(67, 127, 219, 0.26), rgba(0, 0, 0, 0.8) 69.99%);
    --gradient-footer-ice: linear-gradient(90deg, #e1dace, #f0e5d1);
    --gradient-header-isometric: linear-gradient(90deg, #000, #0b1e63);
    --gradient-dark: linear-gradient(180deg, #002138, #2d5779);
    --gradient-dark-light: linear-gradient(180deg, #004170, #2e6796);
    --gradient-success: linear-gradient(180deg, #79ad4a, #6f986f);
    --gradient-success-light: linear-gradient(180deg, #a1d673, #86c086);
    --gradient-danger: linear-gradient(180deg, #d43e3e, #eca2a2);
    --gradient-danger-light: linear-gradient(180deg, #dd6d6d, #ffe2e2);
    --shadow-material-small: 0 0 5px rgba(0, 0, 0, 0.15);
    --shadow-material-medium: 0 0 50px rgba(0, 0, 0, 0.15);
    --shadow-material-big: 0 0 130px rgba(0, 0, 0, 0.15);
    --font-rubik: Rubik, ui-sans-serif, system-ui, -system-ui, -apple-system, blinkmacsystemfont, roboto, helvetica, arial, sans-serif, Apple Color Emoji
}

html[lang] {
    scroll-behavior: smooth;
    scrollbar-color: var(--color-solid-primary) var(--color-solid-dark)
}

html[lang] body,
html[lang] button,
html[lang] input,
html[lang] select,
html[lang] textarea {
    font-size: 16px;
    font-family: var(--font-rubik)
}

html[lang] a {
    color: var(--color-solid-primary-aa)
}

html[lang] a:active,
html[lang] a:hover {
    color: var(--color-solid-primary)
}

html[lang] input::-webkit-inner-spin-button,
html[lang] input::-webkit-outer-spin-button {
    appearance: none;
    margin: 0
}

html[lang] input[type=number] {
    appearance: textfield
}

html[lang] address {
    font-style: normal
}

html[lang]::-webkit-scrollbar {
    width: .5em
}

html[lang]::-webkit-scrollbar-thumb {
    background: var(--color-solid-primary)
}

html[lang]::-webkit-scrollbar-track {
    background: var(--color-solid-dark)
}

html[lang] .page-enter-active,
html[lang] .page-leave-active {
    transition: all .3s
}

html[lang] .page-enter,
html[lang] .page-leave-to {
    opacity: 0
}

html[lang] .display-none {
    display: none
}

html[lang] .b-sidebar .sidebar-content {
    padding: 1.5rem
}

html[lang] .b-sidebar .sidebar-content .menu {
    margin-top: 1.5rem
}

html[lang] .b-sidebar .sidebar-content .menu .menu-list .is-active {
    background: var(--color-solid-dark)
}

html[lang] .field .input:focus,
html[lang] .field .textarea:focus,
html[lang] .field select:focus {
    border-color: var(--color-solid-dark);
    box-shadow: var(--shadow-material-small)
}

html[lang] .field .select:after {
    border-color: var(--color-solid-dark)
}

html[lang] .b-numberinput .control .button {
    background-color: var(--color-solid-dark)
}

html[lang] .notices.is-bottom {
    padding-bottom: 4rem
}

html[lang] .notices.is-bottom .notification .media .media-content .text {
    pointer-events: all
}

html[lang] body.no-cookie-consent .notices.is-bottom {
    padding-bottom: 6rem
}

@media screen and (max-width:37.5rem) {
    html[lang] body.no-cookie-consent .notices.is-bottom {
        padding-bottom: 11rem
    }
}

html[lang] .save-fab {
    display: flex;
    place-content: center;
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    background: var(--color-solid-success);
    padding: 1.5rem;
    color: var(--color-solid-white);
    border-radius: 4px;
    box-shadow: var(--shadow-material-medium);
    transition: box-shadow .25s, backgrond .25s;
    z-index: 999
}

html[lang] .save-fab:active {
    border: none;
    outline: none;
    color: var(--color-solid-white)
}

html[lang] .save-fab:focus,
html[lang] .save-fab:hover {
    color: var(--color-solid-white);
    background: var(--color-solid-success)
}

html[lang] .save-fab:focus:not(:active),
html[lang] .save-fab:hover:not(:active) {
    box-shadow: var(--shadow-material-small)
}

html[lang] .recaptcha-notice {
    display: block;
    margin-bottom: 1rem;
    color: var(--color-secondary-dark);
    font-size: .75rem
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Rubik Light"), local("Rubik-Light"), url(/_nuxt/fonts/rubik-v14-latin-300.1a036bf.woff2) format("woff2"), url(/_nuxt/fonts/rubik-v14-latin-300.5317ac2.woff) format("woff")
}

@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local("Rubik Light Italic"), local("Rubik-LightItalic"), url(/_nuxt/fonts/rubik-v14-latin-300italic.0d73e1e.woff2) format("woff2"), url(/_nuxt/fonts/rubik-v14-latin-300italic.0bce0b7.woff) format("woff")
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Rubik"), local("Rubik-Regular"), url(/_nuxt/fonts/rubik-v14-latin-regular.603d2af.woff2) format("woff2"), url(/_nuxt/fonts/rubik-v14-latin-regular.a804474.woff) format("woff")
}

@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local("Rubik Italic"), local("Rubik-Italic"), url(/_nuxt/fonts/rubik-v14-latin-italic.20b4592.woff2) format("woff2"), url(/_nuxt/fonts/rubik-v14-latin-italic.4482c6a.woff) format("woff")
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Rubik Medium"), local("Rubik-Medium"), url(/_nuxt/fonts/rubik-v14-latin-500.8d8bced.woff2) format("woff2"), url(/_nuxt/fonts/rubik-v14-latin-500.0a2130b.woff) format("woff")
}

@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local("Rubik Medium Italic"), local("Rubik-MediumItalic"), url(/_nuxt/fonts/rubik-v14-latin-500italic.e5a23a2.woff2) format("woff2"), url(/_nuxt/fonts/rubik-v14-latin-500italic.35277cb.woff) format("woff")
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Rubik Bold"), local("Rubik-Bold"), url(/_nuxt/fonts/rubik-v14-latin-700.2a679f6.woff2) format("woff2"), url(/_nuxt/fonts/rubik-v14-latin-700.4ad2dfb.woff) format("woff")
}

@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local("Rubik Bold Italic"), local("Rubik-BoldItalic"), url(/_nuxt/fonts/rubik-v14-latin-700italic.24d35c2.woff2) format("woff2"), url(/_nuxt/fonts/rubik-v14-latin-700italic.018faca.woff) format("woff")
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Rubik Black"), local("Rubik-Black"), url(/_nuxt/fonts/rubik-v14-latin-900.3723840.woff2) format("woff2"), url(/_nuxt/fonts/rubik-v14-latin-900.58cb569.woff) format("woff")
}

@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local("Rubik Black Italic"), local("Rubik-BlackItalic"), url(/_nuxt/fonts/rubik-v14-latin-900italic.c674221.woff2) format("woff2"), url(/_nuxt/fonts/rubik-v14-latin-900italic.17010dd.woff) format("woff")
}

@keyframes rise-from-bottom {
    0% {
        opacity: 0;
        transform: translateY(2em)
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-right {
    0% {
        opacity: 0;
        transform: translateX(-2em)
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

#dashboard-view {
    display: grid;
    grid-template-columns: 18rem 1fr;
    background: #f5f6f9
}

@media screen and (max-width:30rem) {
    #dashboard-view {
        grid-template-columns: 1fr
    }
}

#dashboard-view .mobile-menu-trigger {
    display: none;
    height: 3rem
}

#dashboard-view .mobile-menu-trigger .button.is-medium.is-text {
    width: 5rem;
    color: var(--color-solid-dark)
}

#dashboard-view .mobile-menu-trigger .button.is-medium.is-text .icon.is-small {
    color: var(--color-solid-dark)
}

@media screen and (max-width:30rem) {
    #dashboard-view .mobile-menu-trigger {
        display: block
    }
}

#dashboard-view .sidebar-nav {
    display: flex;
    flex-direction: column;
    padding: 1rem 1.5rem;
    border-right: 1px solid var(--color-shadows-dark);
    height: 100vh;
    box-shadow: var(--shadow-material-small);
    z-index: 1;
    position: sticky;
    top: 0
}

@media screen and (max-width:30rem) {
    #dashboard-view .sidebar-nav {
        display: none
    }
}

#dashboard-view .sidebar-nav .logo-link {
    margin: 0 auto
}

#dashboard-view .sidebar-nav .logo-link .smart-image {
    align-self: center;
    margin-bottom: 1rem
}

#dashboard-view .sidebar-nav .menus-wrapper {
    overflow-y: hidden
}

#dashboard-view .sidebar-nav .menus-wrapper:hover {
    overflow-y: auto;
    scroll-behavior: smooth;
    scrollbar-color: #f0f0f0 #fafafa
}

#dashboard-view .sidebar-nav .menus-wrapper:hover::-webkit-scrollbar {
    width: 5px
}

#dashboard-view .sidebar-nav .menus-wrapper:hover::-webkit-scrollbar-thumb {
    background: #f0f0f0
}

#dashboard-view .sidebar-nav .menus-wrapper:hover::-webkit-scrollbar-track {
    background: #fafafa
}

#dashboard-view .sidebar-nav .menus-wrapper .section-label {
    text-transform: uppercase;
    font-size: .8rem;
    color: var(--color-secondary-ligher-dark);
    margin-top: 1rem
}

#dashboard-view .sidebar-nav .menus-wrapper .menu-items {
    display: flex;
    flex-direction: column
}

#dashboard-view .sidebar-nav .menus-wrapper .menu-items .menu-item {
    color: var(--color-solid-dark);
    padding: .5rem 1rem;
    user-select: none;
    cursor: pointer
}

#dashboard-view .sidebar-nav .menus-wrapper .menu-items .menu-item a {
    color: var(--color-solid-dark);
    margin-left: .5rem
}

#dashboard-view .sidebar-nav .menus-wrapper .menu-items .menu-item[disabled=disabled] {
    pointer-events: none;
    cursor: not-allowed;
    color: var(--color-secondary-ligher-dark)
}

#dashboard-view .sidebar-nav .menus-wrapper .menu-items .menu-item[disabled=disabled] a {
    color: var(--color-secondary-ligher-dark)
}

#dashboard-view .sidebar-nav .menus-wrapper .menu-items .menu-item .icon.is-small:last-child {
    margin-left: 1rem;
    color: var(--color-secondary-dark)
}

#dashboard-view .sidebar-nav .menus-wrapper .menu-items .menu-item.nuxt-link-exact-active {
    background: var(--color-solid-dark);
    border-radius: 0 1rem 1rem 0;
    color: var(--color-solid-white);
    margin-left: -1.5rem;
    padding-left: 2.5rem
}

#dashboard-view .sidebar-nav .menus-wrapper .menu-items .menu-item.nuxt-link-exact-active a {
    color: var(--color-solid-white)
}

#dashboard-view .sidebar-nav .menus-wrapper .menu-items .menu-item:active,
#dashboard-view .sidebar-nav .menus-wrapper .menu-items .menu-item:hover {
    background: var(--color-secondary-dark);
    border-radius: 0 1rem 1rem 0;
    color: var(--color-solid-white);
    margin-left: -1.5rem;
    padding-left: 2.5rem
}

#dashboard-view .sidebar-nav .menus-wrapper .menu-items .menu-item:active .icon.is-small:last-child,
#dashboard-view .sidebar-nav .menus-wrapper .menu-items .menu-item:active a,
#dashboard-view .sidebar-nav .menus-wrapper .menu-items .menu-item:hover .icon.is-small:last-child,
#dashboard-view .sidebar-nav .menus-wrapper .menu-items .menu-item:hover a {
    color: var(--color-solid-white)
}

#dashboard-view .sidebar-nav .user-options {
    margin-top: auto;
    margin-bottom: 2rem
}

#dashboard-view .sidebar-nav .user-options .user-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .8rem;
    margin-bottom: 1rem
}

#dashboard-view .sidebar-nav .user-options .button.is-dark {
    width: 100%
}

#dashboard-view .content-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--color-solid-white);
    padding-bottom: 5rem
}

#dashboard-view #mobile-menu {
    display: none
}

@media screen and (max-width:30rem) {
    #dashboard-view #mobile-menu {
        display: block
    }
}

.cta-button {
    width: 15.625rem;
    height: 3.125rem;
    text-transform: uppercase;
    font-family: var(--font-rubik);
    font-weight: 700;
    transition: background-color 1s
}

.cta-button .blur-shadow {
    transition: background-color .2s ease;
    background-color: var(--color-shadows-primary);
    width: 13rem;
    height: 2rem;
    position: absolute;
    top: 70%;
    left: 1.4rem;
    filter: blur(20px)
}

.cta-button span {
    color: var(--color-solid-white)
}

.cta-button.is-primary {
    background: var(--gradient-middle-gold)
}

.cta-button.is-primary:hover {
    background: var(--gradient-light-gold)
}

.cta-button.is-primary:hover .blur-shadow {
    background-color: var(--color-shadows-primary-strong)
}

.cta-button.is-primary:active {
    background: var(--gradient-middle-gold)
}

.cta-button.is-success {
    background: var(--gradient-success)
}

.cta-button.is-success:hover {
    background: var(--gradient-success-light)
}

.cta-button.is-success:hover .blur-shadow {
    background-color: var(--color-shadows-success)
}

.cta-button.is-success:active {
    background: var(--gradient-success)
}

.cta-button.is-danger {
    background: var(--gradient-danger)
}

.cta-button.is-danger:hover {
    background: var(--gradient-danger-light)
}

.cta-button.is-danger:hover .blur-shadow {
    background-color: var(--color-shadows-danger)
}

.cta-button.is-danger:active {
    background: var(--gradient-danger)
}

.cta-button.is-info,
.cta-button.is-warning {
    background: var(--gradient-middle-gold)
}

.cta-button.is-dark {
    background: var(--gradient-dark)
}

.cta-button.is-dark:hover {
    background: var(--gradient-dark-light)
}

.cta-button.is-dark:hover .blur-shadow {
    background-color: var(--color-shadows-gray)
}

.cta-button.is-dark:active {
    background: var(--gradient-dark)
}

#alert-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1rem;
    width: 100%;
    padding: .75rem 10%;
    background: var(--color-solid-dark);
    border-bottom: 1px solid var(--color-solid-primary);
    color: #fff
}

@media screen and (max-width:50rem) {
    #alert-banner {
        flex-direction: column
    }
}

#alert-banner>span:nth-of-type(2) {
    margin-left: .25rem
}

@media screen and (max-width:50rem) {
    #alert-banner>span:nth-of-type(2) {
        margin-left: 0
    }
}

#alert-banner a {
    text-decoration: underline
}

#alert-banner a,
.whatsapp-fab {
    color: var(--color-solid-white)
}

.whatsapp-fab {
    display: flex;
    place-content: center;
    position: fixed;
    bottom: 3rem;
    right: 2rem;
    background: #25d366;
    padding: 1rem;
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    box-shadow: var(--shadow-material-medium);
    transition: box-shadow .25s, backgrond .25s;
    z-index: 999
}

@media screen and (max-width:67.5rem) {
    .whatsapp-fab {
        display: none
    }
}

@media screen and (max-width:67.5rem) {
    .whatsapp-fab.missing-cookie-consent {
        display: flex;
        bottom: 6rem
    }
}

@media screen and (max-width:30rem) {
    .whatsapp-fab.missing-cookie-consent {
        bottom: 11rem
    }
}

.whatsapp-fab:active {
    border: none;
    outline: none;
    color: var(--color-solid-white)
}

.whatsapp-fab:focus,
.whatsapp-fab:hover {
    border: none;
    color: var(--color-solid-white);
    background: #61d48b
}

.whatsapp-fab:focus:not(:active),
.whatsapp-fab:hover:not(:active) {
    box-shadow: var(--shadow-material-small)
}

#top-bar {
    display: flex;
    align-items: center;
    width: 100%;
    height: 2rem;
    background-color: var(--color-solid-dark);
    border-bottom: 2px solid var(--color-solid-primary);
    font-size: .75rem;
    line-height: .875rem
}

@media screen and (max-width:50rem) {
    #top-bar {
        background: none;
        margin-top: 0;
        margin-bottom: -5rem;
        height: 5rem;
        border: 0
    }
}

@media screen and (max-width:37.5rem) {
    #top-bar {
        flex-flow: column-reverse;
        justify-content: center
    }
}

#top-bar .mobile-menu {
    display: none
}

@media screen and (max-width:50rem) {
    #top-bar .mobile-menu {
        display: block
    }
}

#top-bar #left-orange {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35%;
    height: 100%;
    background-color: var(--color-solid-primary);
    color: var(--color-solid-dark)
}

#top-bar #left-orange .info-group:last-of-type {
    margin-left: 7%
}

@media screen and (max-width:30rem) {
    #top-bar #left-orange .info-group:last-of-type {
        margin: 0
    }
}

#top-bar #left-orange .info-group:last-of-type a {
    color: var(--color-solid-dark)
}

@media screen and (max-width:90rem) {
    #top-bar #left-orange {
        width: 50%
    }
}

@media screen and (max-width:67.5rem) {
    #top-bar #left-orange {
        width: 60%
    }
}

@media screen and (max-width:50rem) {
    #top-bar #left-orange {
        display: none
    }
}

#top-bar #right-social {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 20%
}

@media screen and (max-width:67.5rem) {
    #top-bar #right-social {
        margin-right: auto
    }
}

@media screen and (max-width:37.5rem) {
    #top-bar #right-social {
        height: 50%
    }
}

@media screen and (max-width:50rem) {
    #top-bar #right-social {
        display: flex;
        margin: 0;
        justify-content: space-between;
        width: 100%;
        padding: 0 3em;
        align-items: center
    }
}

#top-bar #right-social .mobile-menu-trigger {
    display: none
}

@media screen and (max-width:50rem) {
    #top-bar #right-social .mobile-menu-trigger {
        display: block;
        z-index: 2
    }
}

#top-bar #right-social .mobile-menu-trigger .button.is-small.is-text {
    color: var(--color-solid-white);
    width: auto
}

#top-bar #right-social .mobile-menu-trigger .button.is-small.is-text:active,
#top-bar #right-social .mobile-menu-trigger .button.is-small.is-text:focus,
#top-bar #right-social .mobile-menu-trigger .button.is-small.is-text:hover {
    background: var(--color-shadows-gray)
}

@media screen and (max-width:30rem) {
    #top-bar #right-social .mobile-menu-trigger .button.is-small.is-text {
        font-size: 1.2rem
    }
}

#top-bar #right-social .mobile-menu-trigger .button.is-small.is-text span:not(.icon) {
    font-size: .9rem
}

#top-bar #right-social .social-buttons {
    display: grid;
    grid-template-columns: repeat(4, auto);
    grid-gap: .625rem;
    font-size: .95rem
}

@media screen and (max-width:50rem) {
    #top-bar #right-social .social-buttons {
        z-index: 1;
        grid-gap: 1rem
    }
}

#top-bar #right-social .social-buttons .icon.has-text-white.is-small:hover {
    color: var(--color-solid-primary !important)
}

@media screen and (max-width:50rem) {
    #top-bar #right-social .social-buttons .icon.has-text-white.is-small .mdi {
        font-size: 1.2rem
    }
}

#nav-menu {
    display: flex;
    height: 4.7rem;
    align-items: center;
    justify-content: center;
    transition: height .5s
}

@media screen and (max-width:67.5rem) {
    #nav-menu {
        padding-right: 0
    }
}

@media screen and (max-width:50rem) {
    #nav-menu {
        display: none
    }
}

#nav-menu.nav-show-logo {
    justify-content: space-between;
    padding: 0 20%;
    height: 6.56rem
}

@media screen and (max-width:90rem) {
    #nav-menu.nav-show-logo {
        padding: 0 10%
    }
}

@media screen and (max-width:67.5rem) {
    #nav-menu.nav-show-logo {
        padding: 0 5rem
    }
}

@media screen and (max-width:50rem) {
    #nav-menu.nav-show-logo {
        padding: 0 3rem
    }
}

@media screen and (max-width:37.5rem) {
    #nav-menu.nav-show-logo {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0;
        height: 10rem
    }
}

#nav-menu.nav-show-logo .main-logo {
    animation: rise-from-bottom .2s
}

#nav-menu.nav-show-logo .main-logo .nav-agk-logo {
    width: 9.25rem;
    display: block
}

#nav-menu.nav-show-logo .main-logo .nav-agk-logo img {
    width: 9.25rem
}

#nav-menu .nav-items {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-gap: .75rem 1.5rem;
    flex-wrap: wrap;
    margin-left: 3rem
}

@media screen and (max-width:50rem) {
    #nav-menu .nav-items {
        grid-gap: 2rem;
        line-height: .5rem
    }
}

#nav-menu .nav-items .nav-item {
    user-select: none
}

#nav-menu .nav-items .nav-item.dropdown+.dropdown {
    margin-left: 0
}

#nav-menu .nav-items .nav-item a {
    color: var(--color-solid-dark)
}

#nav-menu .nav-items .nav-item a.nuxt-link-exact-active {
    color: var(--color-solid-primary-aa);
    border-bottom: 1px solid var(--color-solid-primary-aa);
    padding-bottom: .375rem
}

#nav-menu .nav-items .nav-item a:hover {
    color: var(--color-solid-primary-aa)
}

#nav-menu .nav-items .nav-item a:focus,
#nav-menu .nav-items .nav-item a:hover {
    outline: none
}

#nav-menu .nav-items .nav-item .dropdown-content {
    display: none
}

#nav-menu .nav-items .nav-item.has-submenu .dropdown-content {
    display: block
}

#nav-menu .nav-items .nav-item.has-submenu .dropdown-content .nuxt-link-active,
#nav-menu .nav-items .nav-item.has-submenu .dropdown-content .nuxt-link-exact-active {
    border: none
}

#cookie-banner-container {
    display: flex;
    position: fixed;
    bottom: 0;
    padding: .75rem 2rem;
    background: var(--color-transparent-dark-90);
    color: var(--color-solid-light-gray);
    font-size: .9rem;
    grid-gap: 2rem;
    width: 100%;
    justify-content: center;
    align-items: center;
    z-index: 99999
}

@media screen and (max-width:37.5rem) {
    #cookie-banner-container {
        font-size: .8rem;
        flex-direction: column;
        grid-gap: 1rem
    }
}

#cookie-banner-container .cookie-banner-button {
    color: var(--color-solid-white);
    background: var(--gradient-middle-gold);
    width: auto;
    border-radius: 3px;
    outline: none;
    border: none;
    padding: .3rem 2rem;
    cursor: pointer
}

@media screen and (max-width:37.5rem) {
    #cookie-banner-container .cookie-banner-button {
        font-size: .9rem;
        height: 3rem
    }
}