.header {position: sticky;top: 0;z-index: 100;margin-bottom: 1.9444444444rem;width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto;z-index: 9000; } @media (min-width: 992px) {.header {top: -3.4444444444rem;} } .header .col-menu {display: flex;align-items: center;justify-content: center; } .header .col-menu .btn {padding: 0; } .header .col-logo {flex-shrink: 1; } .header .col-nav {flex-grow: 1;display: flex;justify-content: flex-end; } @media (min-width: 1577px) {.header .col-search {flex-grow: 0;flex-shrink: 0;flex-basis: 16.6666666667rem;} } .header .nav {background: var(--white);height: 3.4444444444rem;display: none; } @media (min-width: 992px) {.header .nav {display: block;} } .header .nav .container-fluid {height: 100%;display: block; } .header .nav .container-fluid > .row {flex-wrap: nowrap; } .header .nav .row {height: 100%; } .header .nav h1, .header .nav .h1 {font-weight: 900;font-size: 0.9444444444rem;text-align: center;text-transform: uppercase;padding: 0;margin-left: -2rem;letter-spacing: 0.0444444444rem;margin-top: 0.1666666667rem;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;font-style: normal; } .header .nav .links {display: flex;flex-direction: row;align-items: center;justify-content: flex-end;height: 100%;padding-right: 0.5555555556rem; } .header .nav .links .custom-select {font-weight: 700;font-size: 1.1111111111rem;width: auto;border: solid 0.1111111111rem var(--black);padding: 0 2.1111111111rem 0 0.8333333333rem;border-radius: 100px;height: 2.2222222222rem;margin-left: 0.3333333333rem; } .header .nav .links .btn {background: var(--black);color: var(--white);border-radius: 5.5555555556rem;margin-right: 0.8333333333rem;width: 1.9444444444rem;height: 1.9444444444rem;display: flex;align-items: center;justify-content: center;padding: 0;line-height: 1; } .header .nav .links .btn svg, .header .nav .links .btn .img-fluid {width: 1.0555555556rem;height: auto; } .header .navbar {background: var(--primary);padding: 0;display: block;height: 4.9230769231rem; } @media (min-width: 992px) {.header .navbar {height: 7.5555555556rem;} } .header .navbar .container-fluid {height: 100%;display: block; } .header .navbar .container-fluid > .row {flex-wrap: nowrap; } .header .navbar .row {height: 100%; } .header .navbar .col {height: 100%; } .header .navbar .navbar-holder {position: fixed;top: 4.9230769231rem;height: calc(100% - 4.9230769231rem);background: var(--primary);width: 320px;left: -320px;overflow: auto;transition: left 0.25s; } .header .navbar .navbar-holder.show {left: 0; } @media (min-width: 992px) {.header .navbar .navbar-holder {position: static;top: auto;height: 4.9230769231rem;background: transparent;width: auto;left: auto;overflow: visible;transition: none;}.header .navbar .navbar-holder.show {left: auto;} } .header .navbar .navbar-nav {flex-direction: column;flex-wrap: nowrap;white-space: nowrap;height: 4.9230769231rem; } @media (min-width: 992px) {.header .navbar .navbar-nav {height: 7.5555555556rem;flex-direction: row;} } .header .navbar .navbar-nav .nav-item {flex-grow: 1;position: relative; } .header .navbar .navbar-nav .nav-item .nav-link {font-weight: 700;font-size: 0.8888888889rem;color: var(--white);text-transform: uppercase;display: flex;align-items: center;justify-content: center;padding: 0.3333333333rem 0.4444444444rem;height: 4.9230769231rem; } @media (min-width: 992px) {.header .navbar .navbar-nav .nav-item .nav-link {height: 7.5555555556rem;font-size: 1.1111111111rem;} } @media (min-width: 1577px) {.header .navbar .navbar-nav .nav-item .nav-link {padding: 0.3333333333rem 0.8333333333rem;} } .header .navbar .navbar-nav .nav-item .navbar-nav {position: absolute;background: var(--primary);flex-direction: column;height: auto;left: 0;display: none; } .header .navbar .navbar-nav .nav-item .navbar-nav .nav-item .nav-link {height: auto;padding-top: 1.1111111111rem;padding-bottom: 1.1111111111rem; } .header .navbar .navbar-nav .nav-item:hover .navbar-nav {display: block; } .header form {display: flex;align-items: center;justify-content: center;height: 100%;max-width: 12.7777777778rem;margin-left: auto;margin-right: auto;position: relative;left: 0.5555555556rem; } .header form .form-group {width: 100%;margin-bottom: 0; } .header form .form-control {border: solid 0.1666666667rem var(--white);border-radius: 5.5555555556rem;background: transparent;padding: 1.3888888889rem;margin-bottom: 0.4444444444rem;padding-left: 3.7777777778rem;font-weight: 700;font-style: italic;font-size: 0.9444444444rem;color: var(--white); } .header form .form-control::placeholder {font-weight: 700;font-style: italic;font-size: 0.9444444444rem;color: var(--white); } .header form .btn {color: var(--white);padding: 0;margin-right: 1.5rem; } @media (min-width: 1577px) {.header form .btn {position: absolute;left: 1.1111111111rem;top: 50%;transform: translate(0, calc(-50% - 0.1666666667rem));margin-right: 0;} } .header form .btn svg {width: 2.2222222222rem;height: auto; } .header .logo {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;padding-bottom: 0.2777777778rem;padding-left: 0.2777777778rem;min-width: 11.1111111111rem;max-width: 17.7777777778rem; } .header .logo picture {height: 100%;display: flex;align-items: center;justify-content: center; } .header .logo picture .img-fluid {max-height: 100%; }