.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.2777777778rem 1.1111111111rem rgba(0, 0, 0, 0.25);clip-path: inset(0 0 -2.2222222222rem 0);border-radius: 0 0 1rem 1rem; } .header-border {background: red;height: 1.1111111111rem;position: sticky;top: 0;z-index: 106;width: 100%; } .header-img {width: 100%;max-width: 1920px;margin: 0 auto;height: 14.2777777778rem;background: var(--white);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 {position: sticky;top: 0;margin-top: 4.4444444444rem;z-index: 106;margin-bottom: 5rem;z-index: 9000;height: 0;margin-bottom: 9.8333333333rem;min-width: 270px; } .header.no-header-img {margin-bottom: -4.4444444444rem; } @media (max-width: 991.98px) {.header {position: fixed;margin-top: 0;margin-bottom: 0;padding: 0;} } .navbar {padding-top: 0;padding-bottom: 0;background: var(--white);height: 6.8333333333rem;border-radius: 1rem; } @media (max-width: 991.98px) {.navbar {border-radius: 0;box-shadow: 0 0.2777777778rem 1.1111111111rem rgba(0, 0, 0, 0.25);padding-left: 0;} } .navbar .row-navbar {width: 100%;height: 100%;flex-wrap: nowrap; } .navbar .row-navbar .col {height: 100%; } .navbar .row-navbar .col.col-navbar {position: static; } @media (max-width: 991.98px) {.navbar .row-navbar .col.col-navbar {position: fixed;left: -100%;width: 100%;top: 6.8333333333rem;z-index: 106;height: calc(100% - 6.8333333333rem);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 .mobile-menu {align-items: center;padding: 0.5555555556rem 1.1111111111rem 0.5555555556rem 1.6666666667rem;display: none; } @media (max-width: 991.98px) {.navbar .mobile-menu {display: flex;} } .navbar .mobile-menu .btn-menu {height: 100%;box-shadow: none;position: relative; } .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(--primary);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.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: 5.7777777778rem; } @media (max-width: 991.98px) {.navbar .navbar-nav {padding-top: 2.2222222222rem;padding-bottom: 2.2222222222rem;} } @media (min-width: 992px) {.navbar .navbar-nav {height: 100%;} } .navbar .navbar-nav ul {list-style-type: none;padding: 0;margin: 0; } .navbar .navbar-nav > ul {display: flex;flex-direction: row;flex-wrap: nowrap;width: 100%;font-weight: 700;font-size: 1.1111111111rem;justify-content: center;height: 100%; } @media (max-width: 991.98px) {.navbar .navbar-nav > ul {flex-direction: column;justify-content: center;align-items: 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: center;text-align: center;position: relative;height: 100%;font-size: 1.1111111111rem; } @media (max-width: 991.98px) {.navbar .navbar-nav > ul .nav-link {text-align: left;justify-content: flex-start;font-size: 2.2222222222rem;height: auto;} } .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; } @media (min-width: 992px) {.navbar .navbar-nav > ul > .nav-item {height: 100%;}.navbar .navbar-nav > ul > .nav-item .btn {display: none;} } .navbar .navbar-nav > ul > .nav-item:not(.nav-item-container) {position: relative; } @media (max-width: 991.98px) {.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 {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 - 5.5555555556rem);box-shadow: 0 0.8333333333rem 1.1111111111rem rgba(0, 0, 0, 0.25);border-bottom-right-radius: 1rem;border-bottom-left-radius: 1rem;padding: 0.8333333333rem; } .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); } @media (max-width: 991.98px) {.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.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;} } .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;} } @media (max-width: 991.98px) {.col-contact {flex-grow: 1;justify-content: flex-end;} } .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) {.col-contact .navbar-mobile-contact {display: none;} } @media (min-width: 768px) {.col-contact .navbar-mobile-contact svg {margin-right: 0.5555555556rem;} } .col-contact .navbar-mobile-contact span {color: var(--black); } @media (max-width: 1219.98px) {.col-contact .navbar-mobile-contact span {display: none;} } .col-contact .navbar-mobile-contact .contact-border {position: absolute;content: "";width: 0.0555555556rem;height: 4.6111111111rem;background-color: rgba(217, 217, 217, 0.93);left: 0; }