.header {position: -webkit-sticky;position: sticky;top: 0;z-index: 9000; } .header > .container {padding-left: 0;padding-right: 0;background: var(--black); } .header .navbar {padding: 0;flex-wrap: nowrap; } .header .navbar .navbar-brand {width: 27.6428571429rem;margin-left: 1.8571428571rem;height: 6.8571428571rem;display: flex;align-items: center;justify-content: center;padding-left: 1rem;padding-right: 1rem;padding-top: 0;padding-bottom: 0.3571428571rem; } @media (max-width: 1311.98px) {.header .navbar .navbar-brand {margin-left: 1rem;} } @media (max-width: 991.98px) {.header .navbar .navbar-brand {height: 4.6428571429rem;margin-right: 0;max-width: 16.4285714286rem;} } .header .navbar .navbar-brand .img-fluid {width: 100%; } .header .navbar .btn-menu {display: none;color: var(--white);box-shadow: none !important;margin-right: -1rem; } @media (max-width: 767.98px) {.header .navbar .btn-menu {display: block;} } .header .navbar .navbar-nav {flex-direction: row;flex-grow: 1;justify-content: center;margin-left: 0.2857142857rem; } @media (max-width: 991.98px) {.header .navbar .navbar-nav {margin-right: 0;} } @media (max-width: 767.98px) {.header .navbar .navbar-nav {position: fixed;flex-direction: column;height: calc(100% - 4.6428571429rem);background: rgba(0, 0, 0, 0.9);width: 100%;top: 4.6428571429rem;align-items: flex-start;justify-content: flex-start;overflow: auto;left: -100%;margin-left: 0;justify-content: center;} } @media (max-width: 767.98px) {.header .navbar .navbar-nav.animated {transition: left 0.15s linear;} } @media (max-width: 767.98px) {.header .navbar .navbar-nav.show {left: 0;} } .header .navbar .navbar-nav .nav-link {height: 6.8571428571rem;display: flex;align-items: center;justify-content: center;font-size: 1.5714285714rem;font-weight: 700;padding: 0.5714285714rem 1.2857142857rem 0.8571428571rem 1.3214285714rem;color: var(--white);position: relative;text-align: center; } @media (max-width: 1311.98px) {.header .navbar .navbar-nav .nav-link {font-size: 1rem;} } @media (max-width: 991.98px) {.header .navbar .navbar-nav .nav-link {height: 4.6428571429rem;font-size: 1.1428571429rem;} } @media (max-width: 767.98px) {.header .navbar .navbar-nav .nav-link {height: auto;width: 100%;font-size: 1.5714285714rem;} } .header .navbar .navbar-nav .nav-link span {position: relative; } .header .navbar .navbar-nav .nav-link span::after {content: " ";position: absolute;width: 100%;height: 0.1428571429rem;background: var(--link-hover-color);bottom: -0.5714285714rem;left: 0;right: 0;visibility: hidden;opacity: 0;transition: opacity 0.15s linear, visibility 0.15s linear; } @media (max-width: 991.98px) {.header .navbar .navbar-nav .nav-link span::after {bottom: 1.2142857143rem;} } @media (max-width: 767.98px) {.header .navbar .navbar-nav .nav-link span::after {content: none;} } @media (max-width: 767.98px) {.header .navbar .navbar-nav .nav-link:hover {color: var(--link-hover-color);} } .header .navbar .navbar-nav .nav-link:hover span::after {visibility: visible;opacity: 1; } .header .navbar .navbar-search {width: 21.5714285714rem;height: 6.8571428571rem;position: relative;display: none; } @media (min-width: 1312px) {.header .navbar .navbar-search {display: block;} } .header .navbar .navbar-search form {display: flex;flex-direction: row;align-items: center;height: 100%;justify-content: center; } .header .navbar .navbar-search form label {display: none; } .header .navbar .navbar-search form .form-group {margin-bottom: 0; } .header .navbar .navbar-search form .form-control {border: solid 0.2142857143rem var(--primary);height: 3rem;border-radius: 2rem;width: 13.2857142857rem;background: transparent;padding-top: 0.5rem;padding-left: 2.5714285714rem;padding-right: 5.2857142857rem;font-size: 1.1428571429rem;text-transform: uppercase;font-weight: 700;color: var(--white); } .header .navbar .navbar-search form .form-control::placeholder {color: var(--white); } .header .navbar .navbar-search form .form-control::-webkit-search-cancel-button {display: none !important; } .header .navbar .navbar-search form .btn {position: absolute;color: var(--primary);right: 0;top: 1.7857142857rem;box-shadow: none !important; } .header .navbar .navbar-search form .btn svg {width: 2.5rem;height: auto; }