.header {position: relative;top: 0;z-index: 106;z-index: 9000;min-width: 270px; } .header.bg-white .navbar .col-contact .navbar-mobile-contact svg, .header.bg-white .navbar .col-search .btn-search svg, .header.bg-white .navbar .mobile-menu .menu-label, .header.bg-white .navbar .navbar-brand svg {color: var(--black); } .header.bg-white .navbar .mobile-menu .menu-toggle-bar {background-color: var(--black); } .header.bg-white .navbar-brand svg {max-width: 5.7777777778rem; } .navbar {padding-top: 0;padding-bottom: 0;height: 6.8333333333rem;border-radius: 1rem; } .navbar.container {max-width: 93.3333333333rem; } .navbar .row-navbar {width: 100%;height: 100%;flex-wrap: nowrap; } .navbar .row-navbar .col {height: 100%; } .navbar .row-navbar .col.col-navbar {position: fixed;left: -100%;width: 100%;top: 0;z-index: 106;height: 100%;background-color: rgba(255, 255, 255, 0.9);box-shadow: 0 0.2777777778rem 1.1111111111rem rgba(0, 0, 0, 0.25);clip-path: inset(0 -2.2222222222rem 0 0);transition-duration: 0.25s;transition-property: left;overflow-y: auto;overflow-x: hidden; } .navbar .row-navbar .col.col-navbar.show {left: 0; } .navbar .icons {flex-grow: 1;justify-content: flex-end;align-items: center; } .navbar .mobile-menu {align-items: center;padding: 0;display: flex; } .navbar .mobile-menu .menu-icon {width: 2.5rem;height: 2.5rem;display: inline-block;position: relative; } .navbar .mobile-menu .menu-label {color: var(--white);font-size: 1.3333333333rem;text-transform: uppercase; } .navbar .mobile-menu .btn-menu {height: 100%;box-shadow: none;position: relative;display: flex;align-items: center;gap: 0.5555555556rem;z-index: 9999;padding: 0.5555555556rem; } .navbar .mobile-menu .btn-menu.collapsed .menu-label {color: var(--black); } .navbar .mobile-menu .menu-toggle.collapsed .menu-toggle-bar--top {transform: translate(0, 0) rotate(45deg);background-color: var(--black); } .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);background-color: var(--black); } .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-right: 1.1111111111rem; } .navbar .col-search form {display: flex; } .navbar .col-search .form-control {display: none; } .navbar .col-search .btn-search {padding: 0.5555555556rem; } .navbar .col-search .btn-search svg {color: var(--white); } .navbar .col-search.show .form-control {display: block;height: 100%;max-width: 9.4444444444rem; } @media (max-width: 991.98px) {.navbar .col-search.show .form-control {max-width: 100%;} } @media (max-width: 991.98px) {.navbar .col-search {position: absolute;right: 1.1111111111rem;} } .navbar .navbar-brand {height: 100%;display: flex;align-items: center; } .navbar .navbar-brand picture {height: 100%; } .navbar .navbar-brand picture .img-fluid {max-height: 100%;width: auto; } .navbar .navbar-brand svg {max-width: 6.6666666667rem;color: var(--white); } .navbar .navbar-nav {height: 100%;padding-top: 2.2222222222rem;padding-bottom: 2.2222222222rem;justify-content: center; } .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: 700;font-size: 1.1111111111rem;align-items: center;justify-content: center;height: calc(100% - 6.8333333333rem); } .navbar .navbar-nav > ul .nav-link {color: var(--black);padding-left: 0.8333333333rem;padding-right: 0.8333333333rem;display: inline-flex;align-items: center;justify-content: flex-start;text-align: left;position: relative;font-size: 2.2222222222rem; } .navbar .navbar-nav > ul .nav-link.active::before {content: " ";position: absolute;width: calc(100% - 1.6666666667rem) !important;height: 0.2222222222rem;bottom: 0;background: var(--primary); } .navbar .navbar-nav > ul > .nav-item {text-align: center; } .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.5555555556rem;transform: rotate(90deg);transition: transform 0.5s; } .navbar .navbar-nav > ul > .nav-item .btn.collapsed svg {transform: none;transition: transform 0.5s; } .navbar .navbar-nav > ul > .nav-item > .nav-link::before {content: " ";position: absolute;width: 0;height: 0.2222222222rem;bottom: 0;background: var(--primary);transition-duration: 0.5s;transition-property: width; } @media (max-width: 991.98px) {.navbar .navbar-nav > ul > .nav-item > .nav-link::before {bottom: 0.5555555556rem;} } .navbar .navbar-nav > ul > .nav-item .nav-dropdown {right: 50%;transform: scaleY(0);visibility: hidden;opacity: 0;transition-duration: 0.1s;transition-property: visibility, opacity;overflow-y: auto;max-height: calc(100vh - 5.5555555556rem);border-bottom-right-radius: 1rem;border-bottom-left-radius: 1rem;padding: 0.8333333333rem;display: none;flex-direction: column;align-items: center; } .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.8888888889rem;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-dropdown.show {display: flex;transform: scaleY(1);visibility: visible;opacity: 1; } .navbar .navbar-nav > ul > .nav-item .nav-dropdown .nav-link {font-size: 1.2222222222rem; } .navbar .navbar-nav > ul > .nav-item .nav-container .container {padding: 2.2222222222rem; } .navbar .navbar-nav > ul > .nav-item .nav-container h2 {margin-bottom: 0.5555555556rem; } .navbar .navbar-nav > ul > .nav-item .nav-container ul {margin-bottom: 1.6666666667rem; } .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.7777777778rem;font-weight: normal;color: var(--black);display: inline-block;width: 100%; } @media (min-width: 992px) {.navbar .navbar-nav > ul > .nav-item:hover > .nav-link::before, .navbar .navbar-nav > ul > .nav-item.hover > .nav-link::before {width: calc(100% - 1.6666666667rem);transition-duration: 0.5s;transition-property: width;}.navbar .navbar-nav > ul > .nav-item:hover .nav-dropdown, .navbar .navbar-nav > ul > .nav-item.hover .nav-dropdown {visibility: visible;opacity: 1;} } @media (max-width: 991.98px) {.navbar .col-contact {flex-grow: 1;justify-content: flex-end;} } .navbar .col-contact .navbar-mobile-contact {height: 100%;display: flex;align-items: center;padding: 0.8333333333rem 1.6666666667rem;font-weight: 700;justify-content: center;gap: 0.8333333333rem;align-items: center; } @media only screen and (max-width: 1392px) {.navbar .col-contact .navbar-mobile-contact {display: none;} } @media (min-width: 768px) {.navbar .col-contact .navbar-mobile-contact svg {margin-right: 0.5555555556rem;color: var(--white);} } .navbar .col-contact .navbar-mobile-contact span {color: var(--white); } @media (max-width: 1059.98px) {.navbar .col-contact .navbar-mobile-contact span {display: none;} } .navbar-contact {background: white;display: flex;flex-direction: column;font-size: 1rem;font-weight: 700;border-radius: 0.2222222222rem 0.2222222222rem 0 0; } @media (max-width: 991.98px) {.navbar-contact {display: none;} } .navbar-contact a {display: inline-flex;align-items: center;padding: 0.2777777778rem 1rem;text-decoration: none; } .navbar-contact a svg {margin-right: 0.5555555556rem; } .navbar-contact a.email {background: #F5F5F5;border-radius: 0.2222222222rem 0 0 0; } @media (max-width: 991.98px) {.navbar-contact a.email {border-radius: 0 0 0 0.2222222222rem;} }