.header-scroll-point {position: absolute;top: 4.5rem; } .header {z-index: 9000;height: 0;min-width: 270px;position: fixed;width: 100%;top: -1.5rem; } .header + .main {padding-top: 150px; } .header.sticky {position: fixed;margin-top: 0;top: -1.5rem;margin-bottom: -3.7rem; } @media (min-width: 992px) {.header.sticky {position: sticky;margin-top: 3.7rem;} } @media (min-width: 992px) {.header.sticky .navbar {padding-top: 0;} } .header.sticky + .main {padding-top: 270px; } .header .container {padding-left: 0px;padding-right: 1px; } @media (min-width: 992px) {.header .container {padding-left: 0.9rem;padding-right: 0.9rem;} } .header .navbar {padding-top: 0;padding-bottom: 0;background: var(--color1);height: 5.25rem;border-radius: 0.9rem;border: solid 1px var(--primary);padding-top: 1.4rem; } @media (min-width: 992px) {.header .navbar {height: 7.05rem;} } .header .navbar.active {padding-top: 1.4rem; } .header .navbar .row-navbar {width: 100%;height: 100%;flex-wrap: nowrap; } .header .navbar .row-navbar .col {height: 100%; } .header .navbar .row-navbar .col.col-navbar {position: fixed;display: flex;background: #0F1A38;width: 12.5rem;left: -15rem;top: 0;height: 100%;z-index: -1;border-left: solid 1px var(--primary);border-right: solid 1px var(--primary);transition: left 0.25s; } @media (min-width: 992px) {.header .navbar .row-navbar .col.col-navbar {position: static;display: block;background: transparent;width: auto;left: auto;top: auto;z-index: auto;border-left: none;border-right: none;transition: none;} } .header .navbar .row-navbar .col.col-navbar.show {left: 0; } @media (min-width: 992px) {.header .navbar .row-navbar .col.col-navbar.show {left: auto;} } .header .navbar .row-navbar .col.col-languages {display: flex;align-items: center;justify-content: center; } .header .navbar .row-navbar .col.col-languages select {font-family: "Orbitron", sans-serif;font-optical-sizing: auto;font-weight: 600;font-size: 0.7rem;text-align: center;background: transparent;border: 0;color: var(--white);margin-left: 0.25rem; } .header .navbar .col-search {display: flex;flex-direction: column;justify-content: center;margin-left: 1rem; } .header .navbar .col-search form {display: flex; } .header .navbar .col-search .form-control {display: none; } .header .navbar .col-search .wrap-search {background: linear-gradient(135deg, #3B82F6 25%, #A855F7 95.71%);padding: 0.1rem;border-radius: 0.6rem; } .header .navbar .col-search .btn-search {padding: 0.5rem;color: var(--primary);width: 3rem;height: 3rem;border-radius: 0.6rem; } .header .navbar .col-search .btn-search svg {margin: 0;width: 1.8rem;height: auto; } .header .navbar .col-search.show .form-control {display: block;height: 100%;max-width: 8.5rem; } .header .navbar .btn-menu {padding: 0;padding-right: 0px;height: 100%;padding-left: 0.5rem;padding-right: 0.5rem;margin-left: -1rem;box-shadow: none !important; } .header .navbar .btn-menu svg {margin: 0; } @media (min-width: 992px) {.header .navbar .btn-menu {display: none;} } .header .navbar .navbar-brand {height: 100%;display: flex;align-items: center;max-width: 7.5rem;margin-right: 1rem; } @media (min-width: 992px) {.header .navbar .navbar-brand {max-width: 14.3rem;} } .header .navbar .navbar-brand picture .img-fluid {max-height: 100%;width: auto; } .header .navbar .navbar-brand svg {max-width: 5.2rem; } .header .navbar .navbar-nav {height: 100%;width: 100%; } @media (min-width: 992px) {.header .navbar .navbar-nav {width: auto;} } .header .navbar .navbar-nav ul {list-style-type: none;padding: 0;margin: 0; } .header .navbar .navbar-nav > ul {display: flex;flex-wrap: nowrap;width: 100%;font-weight: 700;font-size: 0.7rem;height: 100%;flex-direction: column;justify-content: flex-start;padding-top: 5rem; } @media (min-width: 992px) {.header .navbar .navbar-nav > ul {flex-direction: row;justify-content: flex-end;padding-top: 0;} } .header .navbar .navbar-nav > ul .nav-link {color: var(--white);padding-left: 0.75rem;padding-right: 0.75rem;display: inline-flex;align-items: center;position: relative;font-size: 0.7rem;font-family: "Orbitron", sans-serif;font-optical-sizing: auto;width: 100%; } @media (min-width: 992px) {.header .navbar .navbar-nav > ul .nav-link {width: auto;height: 100%;text-align: center;justify-content: center;} } @media (min-width: 992px) {.header .navbar .navbar-nav > ul .nav-link.active::before {content: " ";position: absolute;width: calc(100% - 1.5rem) !important;height: 0.2rem;bottom: 0;background: var(--primary);} } @media (min-width: 992px) {.header .navbar .navbar-nav > ul > .nav-item {text-align: center;} } .header .navbar .navbar-nav > ul > .nav-item:not(.nav-item-container) {position: relative; } @media (min-width: 992px) {.header .navbar .navbar-nav > ul > .nav-item > .nav-link::before {content: " ";position: absolute;width: 0;height: 0.2rem;bottom: 0;background: linear-gradient(90deg, #009DFF 0%, #0067FF 52.4%, #00D7FF 100%);transition-duration: 0.15s;transition-property: width;} } @media (min-width: 992px) {.header .navbar .navbar-nav > ul > .nav-item .nav-dropdown {position: absolute;right: 50%;transform: translateX(50%);background: rgba(15, 26, 56, 0.95);visibility: hidden;opacity: 0;transition-duration: 0.1s;transition-property: visibility, opacity;overflow-y: auto;max-height: calc(100vh - 5rem);box-shadow: 0 0.75rem 1rem rgba(0, 0, 0, 0.25);border-bottom-right-radius: 0.9rem;border-bottom-left-radius: 0.9rem;padding: 0.75rem;top: calc(100% + 1px);} } .header .navbar .navbar-nav > ul > .nav-item .nav-dropdown .nav-link {color: var(--white); } @media (min-width: 992px) {.header .navbar .navbar-nav > ul > .nav-item .nav-dropdown .nav-link {white-space: nowrap;width: 100%;text-align: left;justify-content: flex-start;font-size: 0.7rem;font-weight: 600;}.header .navbar .navbar-nav > ul > .nav-item .nav-dropdown .nav-link:hover {color: var(--link-hover-color);} } .header .navbar .navbar-nav > ul > .nav-item .nav-container .container {padding: 2rem; } .header .navbar .navbar-nav > ul > .nav-item .nav-container h2 {margin-bottom: 0.5rem; } .header .navbar .navbar-nav > ul > .nav-item .nav-container ul {margin-bottom: 1.5rem; } .header .navbar .navbar-nav > ul > .nav-item .nav-container li {line-height: 1.6; } @media (min-width: 992px) {.header .navbar .navbar-nav > ul > .nav-item .nav-container li {line-height: 1.2;} } .header .navbar .navbar-nav > ul > .nav-item .nav-container a {font-size: 0.7rem;font-weight: normal;color: var(--black);width: 100%; } @media (min-width: 992px) {.header .navbar .navbar-nav > ul > .nav-item .nav-container a {display: inline-block;} } .header .navbar .navbar-nav > ul > .nav-item:hover > .nav-link::before, .header .navbar .navbar-nav > ul > .nav-item.hover > .nav-link::before {width: calc(100% - 1.5rem); } .header .navbar .navbar-nav > ul > .nav-item:hover .nav-dropdown, .header .navbar .navbar-nav > ul > .nav-item.hover .nav-dropdown {visibility: visible;opacity: 1; } .header .navbar-contact {background: white;display: flex;flex-direction: column;font-size: 0.9rem;font-weight: 700;border-radius: 0.2rem 0.2rem 0 0; } @media (max-width: 991.98px) {.header .navbar-contact {display: none;} } .header .navbar-contact a {display: inline-flex;align-items: center;padding: 0.25rem 0.9rem;text-decoration: none; } .header .navbar-contact a svg {margin-right: 0.5rem; } .header .navbar-contact a.email {background: #F5F5F5;border-radius: 0.2rem 0 0 0; } @media (max-width: 991.98px) {.header .navbar-contact a.email {border-radius: 0 0 0 0.2rem;} } @media (max-width: 991.98px) {.header .col-contact {flex-grow: 1;justify-content: flex-end;} } .header .col-contact .navbar-mobile-contact {height: 100%;display: flex;align-items: center;padding: 0.75rem 1.5rem;font-weight: 700;justify-content: center;gap: 0.75rem;align-items: center; } @media only screen and (max-width: 1392px) {.header .col-contact .navbar-mobile-contact {display: none;} } @media (min-width: 768px) {.header .col-contact .navbar-mobile-contact svg {margin-right: 0.5rem;} } .header .col-contact .navbar-mobile-contact span {color: var(--black); } @media (max-width: 1219.98px) {.header .col-contact .navbar-mobile-contact span {display: none;} } .header .col-contact .navbar-mobile-contact .contact-border {position: absolute;content: "";width: 0.05rem;height: 4.15rem;background-color: rgba(217, 217, 217, 0.93);left: 0; } .header-img {width: 100%;max-width: 1920px;margin: 0 auto;height: 12.85rem;z-index: 105;overflow: hidden;display: flex;align-items: center;justify-content: center;position: absolute;left: 50%;transform: translateX(-50%); } .header-img .img-fluid {object-fit: cover;width: 100%;height: 100%;position: absolute;left: 0px;top: 0;bottom: 0;right: 0; } @media (max-width: 991.98px) {.header-img {display: none;} } .header-holder {width: 100%;max-width: 1920px;margin: 0 auto;background: var(--white);position: fixed;top: 0;z-index: 104;left: 50%;transform: translateX(-50%); } @media (max-width: 991.98px) {.header-holder {display: none;} } .header-holder .navbar {box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.25);clip-path: inset(0 0 -2rem 0);border-radius: 0 0 0.9rem 0.9rem;padding: 0; }