.header-img {width: 100%;height: 14.0625rem;max-width: 1920px;margin: 0 auto;background: var(--white);z-index: 105;overflow: hidden;display: none;align-items: center;justify-content: center;position: absolute;left: 50%;transform: translateX(-50%); } @media (min-width: 576px) {.header-img {display: flex;} } .header-img .img-fluid {object-fit: cover;width: 100%;height: 100%;position: absolute;left: 0px;top: 0;bottom: 0;right: 0; } .header {position: relative;width: 100%;top: 0;z-index: 9000;min-width: 270px;background: var(--black);height: 5.0625rem; } .navbar {padding-top: 0.625rem;padding-bottom: 0.625rem;height: 100%; } .navbar .row-navbar {width: 100%;height: 100%;flex-wrap: nowrap;align-items: center; } .navbar .row-navbar .col {height: 100%; } .navbar .row-navbar .col.col-navbar {position: fixed;left: -100%;width: 100%;top: 5.0625rem;z-index: 106;height: calc(100% - 5.0625rem);background-color: rgba(0, 0, 0, 0.95);clip-path: inset(0 -2.5rem 0 0);transition-duration: 0.25s;transition-property: left;overflow-y: auto;overflow-x: hidden; } .navbar .row-navbar .col.col-navbar.show {left: 0; } @media (min-width: 992px) {.navbar .row-navbar .col.col-navbar {position: relative;width: 100%;z-index: 106;height: 100%;left: unset;top: unset;overflow: unset;clip-path: unset;} } .navbar .mobile-menu {align-items: center;padding: 0.625rem 1.25rem 0.625rem 0.625rem;display: flex; } @media (min-width: 992px) {.navbar .mobile-menu {display: none;} } .navbar .mobile-menu .btn-menu {height: 100%;box-shadow: none;position: relative;padding: 0; } .navbar .mobile-menu .menu-toggle {height: 26px;width: 26px; } .navbar .mobile-menu .menu-toggle.collapsed .menu-toggle-bar--top {transform: translate(0, 0) rotate(45deg); } .navbar .mobile-menu .menu-toggle.collapsed .menu-toggle-bar--middle {opacity: 0; } .navbar .mobile-menu .menu-toggle.collapsed .menu-toggle-bar--bottom {transform: translate(0, 0) rotate(-45deg); } .navbar .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; } .navbar .mobile-menu .menu-toggle-bar.menu-toggle-bar--top {transform: translate(0, -8px); } .navbar .mobile-menu .menu-toggle-bar.menu-toggle-bar--bottom {transform: translate(0, 8px); } .navbar .col-search {display: flex;flex-direction: column;justify-content: center;margin-left: 1.25rem; } .navbar .col-search form {display: flex; } .navbar .col-search .form-control {display: none; } .navbar .col-search .btn-search {padding: 0.625rem; } .navbar .col-search .btn-search svg {color: var(--white); } .navbar .col-search.show .form-control {display: block;height: 100%;max-width: 10.625rem; } @media (max-width: 991.98px) {.navbar .col-search {position: absolute;right: 1.25rem;} } .navbar .navbar-brand {height: 100%;display: flex;align-items: center;max-width: 13.5625rem; } .navbar .navbar-brand picture {height: 100%; } .navbar .navbar-brand picture .img-fluid {max-height: 100%;width: auto; } .navbar .navbar-brand svg {max-width: 6.5rem; } .navbar .navbar-nav {padding-top: 2.5rem;padding-bottom: 2.5rem;height: 100%; } @media (min-width: 992px) {.navbar .navbar-nav {padding-top: 0.4375rem;padding-bottom: 0.4375rem;} } .navbar .navbar-nav ul {list-style-type: none;padding: 0;margin: 0; } .navbar .navbar-nav > ul {display: flex;flex-direction: column;flex-wrap: nowrap;width: 100%;font-weight: 400;font-size: 1.25rem;justify-content: center;height: 100%;align-items: center; } @media (min-width: 992px) {.navbar .navbar-nav > ul {flex-direction: row;justify-content: flex-end;} } .navbar .navbar-nav > ul .nav-link {color: var(--white);padding-left: 1.125rem;padding-right: 1.125rem;display: inline-flex;align-items: center;justify-content: flex-start;text-align: left;position: relative;font-size: 2rem;border-radius: 0.75rem; } @media (min-width: 992px) {.navbar .navbar-nav > ul .nav-link {justify-content: center;text-align: center;font-size: 0.875rem;height: 100%;} } .navbar .navbar-nav > ul > .nav-item {text-align: center; } .navbar .navbar-nav > ul > .nav-item .btn {display: none; } @media (min-width: 992px) {.navbar .navbar-nav > ul > .nav-item {height: 100%;} } .navbar .navbar-nav > ul > .nav-item:not(.nav-item-container) {position: relative; } .navbar .navbar-nav > ul > .nav-item .btn {position: absolute;box-shadow: none !important; } .navbar .navbar-nav > ul > .nav-item .btn svg {width: 0.625rem;transform: rotate(90deg);transition: transform 0.5s; } .navbar .navbar-nav > ul > .nav-item .btn.collapsed svg {transform: none;transition: transform 0.5s; } @media (min-width: 992px) {.navbar .navbar-nav > ul > .nav-item .btn {position: relative;} } .navbar .navbar-nav > ul > .nav-item > .nav-link::before {content: "";position: absolute;inset: 0;border-radius: inherit;padding: 3px;background: conic-gradient(from 180deg at 50% 100%, rgb(251, 191, 36) 0%, rgba(251, 191, 36, 0) 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;display: none; } .navbar .navbar-nav > ul > .nav-item > .nav-link.active {color: var(--secondary); } .navbar .navbar-nav > ul > .nav-item > .nav-link.active::before {display: block; } @media (min-width: 992px) {.navbar .navbar-nav > ul > .nav-item > .nav-link:hover {color: var(--secondary);}.navbar .navbar-nav > ul > .nav-item > .nav-link:hover::before {display: block;} } .navbar .navbar-nav > ul > .nav-item .nav-dropdown {position: unset;background: transparent;box-shadow: none;visibility: hidden;opacity: 0;flex-direction: column;align-items: center;display: none;transform: scaleY(0); } .navbar .navbar-nav > ul > .nav-item .nav-dropdown.show {display: flex;transform: scaleY(1);visibility: visible;opacity: 1; } .navbar .navbar-nav > ul > .nav-item .nav-dropdown .nav-link {font-size: 1.375rem; } @media (min-width: 992px) {.navbar .navbar-nav > ul > .nav-item .nav-dropdown {position: absolute;right: 50%;transform: translateX(50%);background: rgba(255, 255, 255, 0.95);visibility: hidden;opacity: 0;transition-duration: 0.1s;transition-property: visibility, opacity;overflow-y: auto;max-height: calc(100vh - 6.25rem);box-shadow: 0 0.9375rem 1.25rem rgba(0, 0, 0, 0.25);border-bottom-right-radius: 1.125rem;border-bottom-left-radius: 1.125rem;padding: 0.9375rem;display: block;}.navbar .navbar-nav > ul > .nav-item .nav-dropdown .nav-link {color: var(--black);white-space: nowrap;width: 100%;text-align: left;justify-content: flex-start;font-size: 0.875rem;font-weight: 600;}.navbar .navbar-nav > ul > .nav-item .nav-dropdown .nav-link:hover {color: var(--link-hover-color);} } .navbar .navbar-nav > ul > .nav-item .nav-container .container {padding: 2.5rem; } .navbar .navbar-nav > ul > .nav-item .nav-container h2 {margin-bottom: 0.625rem; } .navbar .navbar-nav > ul > .nav-item .nav-container ul {margin-bottom: 1.875rem; } .navbar .navbar-nav > ul > .nav-item .nav-container li {line-height: 1.2; } .navbar .navbar-nav > ul > .nav-item .nav-container a {font-size: 0.875rem;font-weight: normal;color: var(--black);display: inline-block;width: 100%; } @media (min-width: 992px) {.navbar .navbar-nav > ul > .nav-item:hover .nav-dropdown, .navbar .navbar-nav > ul > .nav-item.hover .nav-dropdown {visibility: visible;opacity: 1;} } .navbar-contact {background: white;display: none;flex-direction: column;font-size: 1.125rem;font-weight: 700;border-radius: 0.25rem 0.25rem 0 0; } @media (min-width: 992px) {.navbar-contact {display: flex;} } .navbar-contact a {display: inline-flex;align-items: center;padding: 0.3125rem 1.125rem;text-decoration: none; } .navbar-contact a svg {margin-right: 0.625rem; } .navbar-contact a.email {background: #F5F5F5;border-radius: 0 0 0 0.25rem; } @media (min-width: 992px) {.navbar-contact a.email {border-radius: 0.25rem 0 0 0;} } .col-contact .navbar-mobile-contact {height: 100%;display: flex;align-items: center;padding: 0.9375rem 1.875rem;font-weight: 700;justify-content: center;gap: 0.9375rem;align-items: center; } @media only screen and (max-width: 1392px) {.col-contact .navbar-mobile-contact {display: none;} } @media (min-width: 992px) {.col-contact .navbar-mobile-contact svg {margin-right: 0.625rem;} } .col-contact .navbar-mobile-contact span {color: var(--black); } @media (max-width: 1139.98px) {.col-contact .navbar-mobile-contact span {display: none;} } .col-contact .navbar-mobile-contact .contact-border {position: absolute;content: "";width: 0.0625rem;height: 5.1875rem;background-color: rgba(217, 217, 217, 0.93);left: 0; }