.header {position: fixed;top: 0;z-index: 101;width: 100%; } .header .navbar {width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto;padding-top: 0;padding-bottom: 0;background: var(--white);box-shadow: 0 0.2614379085rem 1.6405228758rem 0 rgba(0, 0, 0, 0.05);padding-left: 0.9803921569rem;position: relative;z-index: 2;height: 5.8823529412rem;flex-wrap: nowrap; } .header .navbar > .container {flex-wrap: nowrap;position: relative; } .header .navbar .navbar-brand {padding-top: 0.9150326797rem;padding-bottom: 0.9150326797rem;height: 5.0980392157rem;display: flex;align-items: center;margin-right: 2.4183006536rem; } .header .navbar .navbar-brand .img-fluid {max-height: 100%;width: auto; } .header .navbar .navbar-nav {position: fixed;flex-direction: column;background: rgba(255, 255, 255, 0.95);height: auto;top: 0;left: 0;width: 100%;height: 100%;align-items: center;justify-content: center;visibility: hidden; } .header .navbar .navbar-nav.show {visibility: visible; } @media (min-width: 992px) {.header .navbar .navbar-nav {position: static;background: transparent;flex-direction: row;padding-right: 2.8104575163rem;width: auto;height: 5.0980392157rem;visibility: visible;} } .header .navbar .navbar-nav .btn {position: absolute;right: 0.6535947712rem;top: 0.6535947712rem; } @media (min-width: 992px) {.header .navbar .navbar-nav .btn {display: none;} } .header .navbar .nav-link {font-weight: 500;font-size: 0.7777777778rem;line-height: 1.6806722689;height: 5.0980392157rem;display: flex;align-items: center;justify-content: center;padding-left: 1.2418300654rem;padding-right: 1.3071895425rem;color: var(--black);width: 100%;position: relative;white-space: nowrap; } @media (min-width: 992px) {.header .navbar .nav-link {width: auto;} } .header .navbar .nav-link::after {content: " ";position: absolute;bottom: 1.6339869281rem;width: calc(100% - 1.9607843137rem);height: 2px;left: 0.9803921569rem;background: var(--primary);display: none; } .header .navbar .nav-link:hover {color: var(--primary); } .header .navbar .nav-link.active::after {display: block; } .header .navbar .btn-group {align-items: center; } .header .navbar .btn-group .btn {height: fit-content;margin-left: 1.045751634rem; } .header .navbar .btn-group .btn.btn-link {font-size: 0.8888888889rem;font-weight: 600;color: var(--black);padding: 0 1.3071895425rem; } .header .navbar .btn-group .btn.btn-link svg {color: var(--primary);margin: 0; } .header .navbar .btn-group .btn.btn-primary {font-size: 0.7777777778rem;font-weight: 600;padding: 0.3921568627rem 1.5032679739rem; } .header .navbar .navbar-top {display: flex;position: absolute;top: 100%;right: 0;padding-top: 1.3071895425rem; } .header .navbar .navbar-top .nav-link {font-size: 0.8888888889rem;font-weight: 600;color: var(--white);border-right: solid 1px var(--primary);height: fit-content;padding: 1px 0.7189542484rem; } .header .navbar .navbar-top .nav-link:hover {color: var(--primary); } .header .navbar .navbar-top .nav-link:last-child {border: 0; } .header .navbar .navbar-social {display: flex;flex-direction: column;position: absolute;top: 100%;right: -17.4%;padding-top: 28px; } .header .navbar .navbar-social a {color: var(--white);margin-bottom: 0.3267973856rem; } .header .navbar .navbar-social a svg {width: 1.4379084967rem;height: auto; } .header .navbar .navbar-social a:hover svg {color: var(--primary); } .header-background {position: sticky;top: -3.9215686275rem;width: 100%;max-width: 1920px;height: 0;z-index: 98;margin-left: auto;margin-right: auto; } .header-background div {position: absolute;top: 0;width: 100%;height: 9.8692810458rem;background: var(--color1); } .header-background:not(.header-background-slides) {z-index: 101; } .header-holder {position: sticky;top: 5.9477124183rem;z-index: 99;width: 100%;max-width: 1920px;height: 0.9150326797rem;margin-bottom: 1.3071895425rem;margin-top: -1.3071895425rem;margin-left: auto;margin-right: auto;background: var(--color1);visibility: hidden; } .header-holder:not(.header-holder-slides) {z-index: 101; } .header-holder.show {visibility: visible; } .header-title {background: var(--color1);width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto;margin-bottom: 1.3071895425rem; } .header-title .title {padding-top: 1.1764705882rem;padding-bottom: 1.6993464052rem; } .nav-breadcrumb + .header-title {margin-top: -2.7450980392rem; }