.header {margin-bottom: 1.9444444444rem;position: relative; } .header .navbar-brand {display: flex;align-items: center;justify-content: center;background: #fff;position: relative;height: 87px;width: auto;padding: 10px;height: 57px;margin: -0.2777777778rem -0.5555555556rem; } @media (min-width: 992px) {.header .navbar-brand {height: 5.3888888889rem;} } @media (min-width: 1470px) {.header .navbar-brand {width: 13rem;position: absolute;left: 0;top: 0;height: 9.5555555556rem;padding: 0.3888888889rem 1rem 0.1666666667rem 0.1666666667rem;} } .header .navbar-brand .img-fluid {max-width: none;max-height: 100%; } .header .navbar-primary {background: #fff;z-index: 10000;max-width: 1920px;margin-left: auto;margin-right: auto;box-shadow: 0px 0.1666666667rem 0.3333333333rem rgba(0, 0, 0, 0.2);padding: 0; } .header form {display: flex;padding-top: 1.6666666667rem;padding-bottom: 1.6666666667rem; } @media (max-width: 991.98px) {.header form {display: none;} } .header .carousel {margin-bottom: 0;position: relative;height: 27.7777777778rem; } .header .carousel .banner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: cover;visibility: hidden;opacity: 0;transition-duration: 0.25s;transition-property: visibility, opacity; } .header .carousel .banner.active {visibility: visible;opacity: 1; } .header .carousel .jumbotron-container {position: relative;height: 100%; } .header .carousel .btn-left, .header .carousel .btn-right {position: absolute;top: 50%;color: rgba(255, 255, 255, 0.5);font-size: 3.8888888889rem;line-height: 1;transform: translateY(-50%);z-index: 1;background: transparent !important;box-shadow: none !important; } .header .carousel .btn-left svg, .header .carousel .btn-right svg {width: auto;height: 3.8888888889rem; } .header .carousel .btn-left {left: 0; } @media (min-width: 1470px) {.header .carousel .btn-left {left: -4.4444444444rem;} } .header .carousel .btn-right {right: 0; } @media (min-width: 1470px) {.header .carousel .btn-right {right: -4.4444444444rem;} } .header .carousel .btn {white-space: nowrap; } .header .carousel .btn:hover, .header .carousel .btn:focus, .header .carousel .btn:active {background: #fff;color: var(--primary); } .header .carousel .banner-text {position: absolute;width: 24.6666666667rem;height: 17.4444444444rem;bottom: 1.8333333333rem;background: var(--primary);color: #fff;padding: 3.6111111111rem 2.7777777778rem;left: 50%;transform: translateX(-50%); } @media (min-width: 992px) {.header .carousel .banner-text {left: 13.7222222222rem;transform: none;} } .header .carousel .banner-text h2 {font-size: 1.6944444444rem;line-height: 1.34;font-weight: normal;margin-bottom: 1.3888888889rem;color: var(--white); }