.navbar {position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between; } .navbar-brand {display: inline-block;padding-top: 0.2875rem;padding-bottom: 0.2875rem;margin-right: 1rem;font-size: 1.25rem;line-height: inherit;white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus {text-decoration: none; } .navbar-nav {display: flex;flex-direction: column;padding-left: 0;margin-bottom: 0;list-style: none; } .navbar-nav .nav-link {padding-right: 0;padding-left: 0; } .navbar-nav .dropdown-menu {position: static;float: none; } .navbar-text {display: inline-block;padding-top: 0.5rem;padding-bottom: 0.5rem; } .navbar-collapse {flex-basis: 100%;flex-grow: 1;align-items: center; } .navbar-toggler {padding: 0.25rem 0.75rem;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 1px solid transparent;border-radius: 0; } .navbar-toggler:hover, .navbar-toggler:focus {text-decoration: none; } .navbar-toggler-icon {display: inline-block;width: 1.5em;height: 1.5em;vertical-align: middle;content: "";background: no-repeat center center;background-size: 100% 100%; } @media (max-width: 318.98px) {.navbar-expand-xs > .container,.navbar-expand-xs > .container-fluid {padding-right: 0;padding-left: 0;} } @media (min-width: 319px) {.navbar-expand-xs {flex-flow: row nowrap;justify-content: flex-start;}.navbar-expand-xs .navbar-nav {flex-direction: row;}.navbar-expand-xs .navbar-nav .dropdown-menu {position: absolute;}.navbar-expand-xs .navbar-nav .nav-link {padding-right: 0.5rem;padding-left: 0.5rem;}.navbar-expand-xs > .container,.navbar-expand-xs > .container-fluid {flex-wrap: nowrap;}.navbar-expand-xs .navbar-collapse {display: flex !important;flex-basis: auto;}.navbar-expand-xs .navbar-toggler {display: none;} } @media (max-width: 389.98px) {.navbar-expand-xss > .container,.navbar-expand-xss > .container-fluid {padding-right: 0;padding-left: 0;} } @media (min-width: 390px) {.navbar-expand-xss {flex-flow: row nowrap;justify-content: flex-start;}.navbar-expand-xss .navbar-nav {flex-direction: row;}.navbar-expand-xss .navbar-nav .dropdown-menu {position: absolute;}.navbar-expand-xss .navbar-nav .nav-link {padding-right: 0.5rem;padding-left: 0.5rem;}.navbar-expand-xss > .container,.navbar-expand-xss > .container-fluid {flex-wrap: nowrap;}.navbar-expand-xss .navbar-collapse {display: flex !important;flex-basis: auto;}.navbar-expand-xss .navbar-toggler {display: none;} } @media (max-width: 480.98px) {.navbar-expand-xsm > .container,.navbar-expand-xsm > .container-fluid {padding-right: 0;padding-left: 0;} } @media (min-width: 481px) {.navbar-expand-xsm {flex-flow: row nowrap;justify-content: flex-start;}.navbar-expand-xsm .navbar-nav {flex-direction: row;}.navbar-expand-xsm .navbar-nav .dropdown-menu {position: absolute;}.navbar-expand-xsm .navbar-nav .nav-link {padding-right: 0.5rem;padding-left: 0.5rem;}.navbar-expand-xsm > .container,.navbar-expand-xsm > .container-fluid {flex-wrap: nowrap;}.navbar-expand-xsm .navbar-collapse {display: flex !important;flex-basis: auto;}.navbar-expand-xsm .navbar-toggler {display: none;} } @media (max-width: 575.98px) {.navbar-expand-sm > .container,.navbar-expand-sm > .container-fluid {padding-right: 0;padding-left: 0;} } @media (min-width: 576px) {.navbar-expand-sm {flex-flow: row nowrap;justify-content: flex-start;}.navbar-expand-sm .navbar-nav {flex-direction: row;}.navbar-expand-sm .navbar-nav .dropdown-menu {position: absolute;}.navbar-expand-sm .navbar-nav .nav-link {padding-right: 0.5rem;padding-left: 0.5rem;}.navbar-expand-sm > .container,.navbar-expand-sm > .container-fluid {flex-wrap: nowrap;}.navbar-expand-sm .navbar-collapse {display: flex !important;flex-basis: auto;}.navbar-expand-sm .navbar-toggler {display: none;} } @media (max-width: 650.98px) {.navbar-expand-smd > .container,.navbar-expand-smd > .container-fluid {padding-right: 0;padding-left: 0;} } @media (min-width: 651px) {.navbar-expand-smd {flex-flow: row nowrap;justify-content: flex-start;}.navbar-expand-smd .navbar-nav {flex-direction: row;}.navbar-expand-smd .navbar-nav .dropdown-menu {position: absolute;}.navbar-expand-smd .navbar-nav .nav-link {padding-right: 0.5rem;padding-left: 0.5rem;}.navbar-expand-smd > .container,.navbar-expand-smd > .container-fluid {flex-wrap: nowrap;}.navbar-expand-smd .navbar-collapse {display: flex !important;flex-basis: auto;}.navbar-expand-smd .navbar-toggler {display: none;} } @media (max-width: 767.98px) {.navbar-expand-md > .container,.navbar-expand-md > .container-fluid {padding-right: 0;padding-left: 0;} } @media (min-width: 768px) {.navbar-expand-md {flex-flow: row nowrap;justify-content: flex-start;}.navbar-expand-md .navbar-nav {flex-direction: row;}.navbar-expand-md .navbar-nav .dropdown-menu {position: absolute;}.navbar-expand-md .navbar-nav .nav-link {padding-right: 0.5rem;padding-left: 0.5rem;}.navbar-expand-md > .container,.navbar-expand-md > .container-fluid {flex-wrap: nowrap;}.navbar-expand-md .navbar-collapse {display: flex !important;flex-basis: auto;}.navbar-expand-md .navbar-toggler {display: none;} } @media (max-width: 991.98px) {.navbar-expand-lg > .container,.navbar-expand-lg > .container-fluid {padding-right: 0;padding-left: 0;} } @media (min-width: 992px) {.navbar-expand-lg {flex-flow: row nowrap;justify-content: flex-start;}.navbar-expand-lg .navbar-nav {flex-direction: row;}.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute;}.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0.5rem;padding-left: 0.5rem;}.navbar-expand-lg > .container,.navbar-expand-lg > .container-fluid {flex-wrap: nowrap;}.navbar-expand-lg .navbar-collapse {display: flex !important;flex-basis: auto;}.navbar-expand-lg .navbar-toggler {display: none;} } @media (max-width: 1099.98px) {.navbar-expand-xl > .container,.navbar-expand-xl > .container-fluid {padding-right: 0;padding-left: 0;} } @media (min-width: 1100px) {.navbar-expand-xl {flex-flow: row nowrap;justify-content: flex-start;}.navbar-expand-xl .navbar-nav {flex-direction: row;}.navbar-expand-xl .navbar-nav .dropdown-menu {position: absolute;}.navbar-expand-xl .navbar-nav .nav-link {padding-right: 0.5rem;padding-left: 0.5rem;}.navbar-expand-xl > .container,.navbar-expand-xl > .container-fluid {flex-wrap: nowrap;}.navbar-expand-xl .navbar-collapse {display: flex !important;flex-basis: auto;}.navbar-expand-xl .navbar-toggler {display: none;} } @media (max-width: 1199.98px) {.navbar-expand-xxl > .container,.navbar-expand-xxl > .container-fluid {padding-right: 0;padding-left: 0;} } @media (min-width: 1200px) {.navbar-expand-xxl {flex-flow: row nowrap;justify-content: flex-start;}.navbar-expand-xxl .navbar-nav {flex-direction: row;}.navbar-expand-xxl .navbar-nav .dropdown-menu {position: absolute;}.navbar-expand-xxl .navbar-nav .nav-link {padding-right: 0.5rem;padding-left: 0.5rem;}.navbar-expand-xxl > .container,.navbar-expand-xxl > .container-fluid {flex-wrap: nowrap;}.navbar-expand-xxl .navbar-collapse {display: flex !important;flex-basis: auto;}.navbar-expand-xxl .navbar-toggler {display: none;} } .navbar-expand {flex-flow: row nowrap;justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid {padding-right: 0;padding-left: 0; } .navbar-expand .navbar-nav {flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu {position: absolute; } .navbar-expand .navbar-nav .nav-link {padding-right: 0.5rem;padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid {flex-wrap: nowrap; } .navbar-expand .navbar-collapse {display: flex !important;flex-basis: auto; } .navbar-expand .navbar-toggler {display: none; } .navbar-light .navbar-brand {color: var(--navbar-light-brand-color); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {color: var(--navbar-light-brand-hover-color); } .navbar-light .navbar-nav .nav-link {color: var(--navbar-light-color); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {color: var(--navbar-light-hover-color); } .navbar-light .navbar-nav .nav-link.disabled {color: var(--navbar-light-disabled-color); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {color: var(--navbar-light-active-color); } .navbar-light .navbar-toggler {color: var(--navbar-light-color);border-color: var(--navbar-light-toggler-border-color); } .navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath style='stroke:var(--navbar-light-color)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text {color: var(--navbar-light-color); } .navbar-light .navbar-text a {color: var(--navbar-light-active-color); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {color: var(--navbar-light-active-color); } .navbar-dark .navbar-brand {color: var(--navbar-dark-brand-color); } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {color: var(--navbar-dark-brand-hover-color); } .navbar-dark .navbar-nav .nav-link {color: var(--navbar-dark-color); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {color: var(--navbar-dark-hover-color); } .navbar-dark .navbar-nav .nav-link.disabled {color: var(--navbar-dark-disabled-color); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {color: var(--navbar-dark-active-color); } .navbar-dark .navbar-toggler {color: var(--navbar-dark-color);border-color: var(--navbar-dark-toggler-border-color); } .navbar-dark .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath style='stroke:var(--navbar-dark-color)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text {color: var(--navbar-dark-color); } .navbar-dark .navbar-text a {color: var(--navbar-dark-active-color); } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {color: var(--navbar-dark-active-color); } .navbar {padding: 0 1.25rem; } .navbar .nav-link {font-family: "source-code-pro", monospace; } .navbar .row-navbar {width: 100%;height: 100%;align-items: center; } @media (max-width: 1199.98px) {.navbar .col-logo {display: none;} } .navbar .col-logo .navbar-brand {padding: 0.625rem;margin: 0;transition: transform 0.5s;max-width: 12.5rem; } .navbar .col-logo .navbar-brand svg {max-width: 100%;height: auto; } .navbar .col-navbar {display: flex;height: 100%; } .navbar .col-navbar .navbar-nav {flex-direction: row;flex-grow: 1; } .navbar .col-navbar .navbar-nav.left {justify-content: flex-end; } .navbar .col-navbar .nav-item {display: flex;align-items: center; } .navbar .col-navbar .nav-item .nav-link {padding: 0.625rem 1.25rem;font-size: 1.25rem;text-transform: uppercase;letter-spacing: 0.125rem;position: relative; } .navbar .col-navbar .nav-item .nav-link:after {content: "";position: absolute;bottom: 0.3125rem;width: calc(100% - 2.5rem);height: 0.375rem;left: 50%;transform: translateX(-50%);background-color: var(--red);display: none; } .navbar .col-navbar .nav-item .nav-link.active::after, .navbar .col-navbar .nav-item .nav-link:hover::after {display: block; } .navbar #lang form {float: right; } .header .navbar {background-color: rgba(217, 217, 217, 0.1);backdrop-filter: blur(15px);height: 6rem;transition: height 0.5s, background-color 0.5s; } @media (min-width: 1100px) {.header .navbar.active {height: 4.125rem;background-color: var(--primary);transition: height 0.5s, background-color 0.5s;}.header .navbar.active .col-logo .navbar-brand {transform: translateY(-4.25rem) scale(0.3);transition: transform 0.5s;} } @media (max-width: 991.98px) {.header .navbar {background-color: var(--primary);} } .header .mobile-menu {display: none;margin: 0 0.75rem; } @media (max-width: 991.98px) {.header .mobile-menu {display: flex;} } .header .mobile-menu .menu-toggle {height: 26px;width: 26px; } .header .mobile-menu .menu-toggle.collapsed .menu-toggle-bar--top {transform: translate(0, 0) rotate(45deg); } .header .mobile-menu .menu-toggle.collapsed .menu-toggle-bar--middle {opacity: 0; } .header .mobile-menu .menu-toggle.collapsed .menu-toggle-bar--bottom {transform: translate(0, 0) rotate(-45deg); } .header .mobile-menu .menu-toggle-bar {display: block;position: absolute;top: 50%;margin-top: -1px;right: 0;width: 100%;height: 3px;border-radius: 4px;background-color: var(--white);transition: all 0.3s ease; } .header .mobile-menu .menu-toggle-bar.menu-toggle-bar--top {transform: translate(0, -8px); } .header .mobile-menu .menu-toggle-bar.menu-toggle-bar--bottom {transform: translate(0, 8px); } @media (max-width: 991.98px) {.header .btn-menu {display: inline-block;}.header #navbar-nav {display: none;}.header #navbar-nav.show {display: flex;position: fixed;left: 0;top: 6rem;flex-direction: column;height: calc(100vh - 6rem);justify-content: center;align-items: center;}.header #navbar-nav.show .navbar-nav {justify-content: flex-start;flex-direction: column;flex-grow: 0;}.header #navbar-nav.show .navbar-nav .nav-item {width: 100%;justify-content: center;}.header #navbar-nav.show .navbar-nav .nav-link {font-size: 1.75rem;}.header #lang {flex-grow: 1;}.footer .navbar-nav.left, .footer .navbar-nav.right {display: none;} } .footer .navbar .row {justify-content: center;gap: 3.75rem; } .footer .navbar .navbar-nav {flex-direction: row;gap: 3.75rem; } .footer .navbar .nav-link {font-size: 16px;font-weight: 600;line-height: 20px;text-transform: uppercase; } .footer .navbar .footer-logo svg {width: 144px;height: 205px; }