@charset "UTF-8"; .header {position: sticky;top: -13.6111111111rem;z-index: 9000;min-width: 300px;transition-duration: 0.25s;transition-property: box-shadow;max-width: 1920px;margin-left: auto;margin-right: auto;width: 100%; } .header.active {box-shadow: 0 0 0.5555555556rem rgba(0, 0, 0, 0.1); } @media (max-width: 767.98px) {.header {position: fixed;top: 0;width: 100%;box-shadow: 0 0 0.5555555556rem rgba(0, 0, 0, 0.1);z-index: 11000;} } .header .row {flex-wrap: nowrap; } .header .col .nav {flex-wrap: nowrap; } @media (max-width: 767.98px) {.header .col .nav {flex-direction: column;} } .header .col .nav ul {display: flex;width: 100%;margin: 0;padding: 0;list-style-type: none; } @media (max-width: 767.98px) {.header .col .nav ul {flex-direction: column;} } .header .col .nav ul li {flex-grow: 1;position: relative; } .header .col .nav ul li.brand {text-align: center;margin: auto;flex-grow: 0;width: 0;transition: width 0.5s; } .header .col .nav ul li.brand .img-fluid {width: 5.5555555556rem; } .header .col .nav ul li ul {position: absolute;top: 4.2222222222rem;left: 0;background: var(--white);box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);opacity: 0;visibility: hidden;display: flex;flex-direction: column;width: max-content;align-items: start;padding-top: 0.5555555556rem;padding-bottom: 0.5555555556rem;transition: opacity 0.5s;min-width: 100%; } .header .col .nav ul li ul li {width: 100%; } .header .col .nav ul li ul li .nav-link {padding-left: 1.3888888889rem;padding-right: 2.2222222222rem; } .header .col .nav ul li ul li .nav-item {color: var(--secondary);font-size: 0.8888888889rem;font-weight: normal; } .header .col .nav ul li ul li .nav-item:hover {color: var(--primary);text-decoration: none; } .header .col .nav ul li:hover ul {opacity: 1;visibility: visible; } @media (max-width: 767.98px) {.header .col .nav ul li:hover ul {visibility: hidden;} } .header .col .nav .nav-link {display: flex;align-items: center;justify-content: center;height: 4.2222222222rem;text-transform: uppercase;color: var(--secondary);font-size: 1rem;font-weight: 600;padding: 0; } @media (max-width: 1219.98px) {.header .col .nav .nav-link {flex-grow: 1;font-size: 0.8888888889rem;} } @media (max-width: 991.98px) {.header .col .nav .nav-link {font-size: 0.7222222222rem;} } @media (max-width: 767.98px) {.header .col .nav .nav-link {height: 4.7222222222rem;padding: 0 2rem;font-size: 1.9444444444rem;} } .header .col .nav .nav-link.active, .header .col .nav .nav-link:hover, .header .col .nav .nav-link:focus, .header .col .nav .nav-link:active {text-decoration: underline solid var(--primary) 3px;text-underline-offset: 8px; } @media (max-width: 767.98px) {.header .col .nav .nav-link.active, .header .col .nav .nav-link:hover, .header .col .nav .nav-link:focus, .header .col .nav .nav-link:active {background: var(--primary);color: var(--white);text-decoration: none;} } .header .col.col-nav {justify-content: center;flex-basis: auto;height: auto !important; } .header .col.col-nav .nav-item {flex-grow: 1;color: var(--black); } .header .col.col-nav .nav-item:hover, .header .col.col-nav .nav-item:focus {color: var(--black); } .header .col.col-nav-1, .header .col.col-nav-2 {flex-basis: calc(50% - 5.8611111111rem);flex-grow: 0;flex-shrink: 0;max-width: calc(50% - 5.8611111111rem); } @media (max-width: 767.98px) {.header .col.col-nav-1, .header .col.col-nav-2 {flex-basis: calc(50% - 4.3888888889rem);max-width: calc(50% - 4.3888888889rem);} } @media (max-width: 420px) {.header .col.col-nav-1 {flex-basis: auto;justify-content: flex-end;max-width: calc(100% - 8.7777777778rem);} } @media (min-width: 1220px) {.header .col.col-nav-1 .nav-link {padding: 0 2.0555555556rem;} } .header .col.col-nav-2 {justify-content: flex-end; } @media (min-width: 1220px) {.header .col.col-nav-2 .nav-link {padding: 0 1.5555555556rem;} } @media (min-width: 1220px) {.header .col.col-nav-2 .nav-link:last-child {padding-right: 0.5rem;} } .header .col.col-brand {display: flex;flex-direction: row;justify-content: center;flex-grow: 0;flex-shrink: 0; } @media (max-width: 767.98px) {.header .col.col-brand {flex-basis: 4.7777777778rem;} } .header .col.col-brand .brand {position: relative;display: block;max-width: 17.7777777778rem;z-index: 1;background-size: cover;background-position: center; } .header .col.col-brand .brand .img-fluid, .header .col.col-brand .brand svg {height: 100%;width: 17.7777777778rem; } .header .col.col-brand .brand.active {width: 4.5555555556rem;height: 4.5555555556rem; } @media (max-width: 767.98px) {.header .col.col-brand .brand.active {width: 4.7777777778rem;height: 4.7777777778rem;} } @media (min-width: 768px) {.header .col.col-brand .brand {transition-property: width, height;transition-duration: 0.25s;} } @media (max-width: 767.98px) {.header .col.col-brand .brand {width: 8.7222222222rem;height: 2.2222222222rem;box-shadow: none;} } .header .top {background: var(--white);height: auto;border-bottom: solid 1px #dfdfdf; } @media (min-width: 768px) {.header .top {height: 13.6111111111rem;} } .header .top .container {position: relative; } @media (min-width: 768px) {.header .top .container {padding-top: 3.8888888889rem;} } .header .top h1 {font-size: 0.7777777778rem;font-weight: 400; } @media (min-width: 768px) {.header .top h1 {font-size: 1.8333333333rem;} } @media (min-width: 768px) {.header .top .row {flex-direction: column;} } .header .top .col {display: flex;flex-direction: row;align-items: center;height: 4.7777777778rem; } .header .top .col.col-menu {width: 4rem; } @media (min-width: 768px) {.header .top .col.col-menu {display: none;} } .header .top .col.col-menu .btn {font-size: 2.2222222222rem;height: 100%;box-shadow: none;border: 0; } .header .top .col.col-menu .btn svg {width: 2.2222222222rem;height: auto; } .header .top .col.col-menu .btn .close {display: none; } .header .top .col.col-menu .btn .menu {display: block; } .header .top .col.col-menu .btn.show svg {background-color: var(--primary);border-radius: 0.4444444444rem; } .header .top .col.col-menu .btn.show .close {display: block; } .header .top .col.col-menu .btn.show .menu {display: none; } .header .top .btn-1 {display: flex;flex-direction: row;align-items: center;padding: 0;box-shadow: none;white-space: nowrap;font-weight: normal;margin-left: 0.8333333333rem; } @media (max-width: 1219.98px) {.header .top .btn-1 {margin-left: 1rem;} } @media (max-width: 991.98px) {.header .top .btn-1 {margin-left: 0.5rem;} } .header .top .btn-1 span {display: none; } @media (min-width: 768px) {.header .top .btn-1 span {display: block;} } .header .top .btn-1 svg {display: flex;align-items: center;justify-content: center;width: 2.7777777778rem;height: 2.7777777778rem;border-radius: 1.3888888889rem;font-size: 2.2222222222rem;line-height: 1;background: var(--primary);color: var(--white);margin-right: 0.5555555556rem;padding: 0.5555555556rem; } .header .top .btn-2 {padding: 0.1666666667rem;font-size: 1.5rem;color: var(--dark);box-shadow: none;display: none; } @media (min-width: 576px) {.header .top .btn-2 {display: block;} } .header .top .btn-3 {padding: 0.6111111111rem 0.7777777778rem;font-weight: bold;font-size: 1rem;margin-left: 0.9444444444rem;border: 2px solid var(--secondary);color: var(--secondary); } @media (max-width: 575.98px) {.header .top .btn-3 {font-size: 0.7222222222rem;} } .header .top .btn-3:hover {color: var(--white);background: var(--secondary); } .header .header-bg {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;justify-content: center;display: none; } @media (min-width: 768px) {.header .header-bg {display: flex;} } .header .navbar {background: var(--white);padding: 0;box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2); } @media (max-width: 767.98px) {.header .navbar .container {display: none;}.header .navbar .container.show {display: block;} } .header .navbar .row {flex-wrap: nowrap;width: calc(100% + 1rem); } @media (max-width: 767.98px) {.header .navbar .row {flex-direction: column;width: 100%;} } .header .navbar .col.col-nav-1, .header .navbar .col.col-nav-2 {width: 100%;max-width: none; } @media (max-width: 767.98px) {.header .navbar .col.col-brand {display: none;} } .header .navbar .navbar-nav {display: flex;flex-direction: column;display: none;text-transform: uppercase;padding: 0;list-style-type: none;margin-bottom: 0;position: fixed;width: 270px;overflow-y: auto;top: 4.7777777778rem;height: calc(100% - 4.7777777778rem);left: -320px;background: var(--color1);opacity: 0;visibility: hidden;transition-duration: 0.25s;transition-property: left, opacity, visibility; } @media (max-width: 767.98px) {.header .navbar .navbar-nav {display: block;} } .header .navbar .navbar-nav ul {list-style-type: none;padding: 0; } .header .navbar .navbar-nav .nav-item {flex-grow: 1;border-right: solid 1px var(--light); } .header .navbar .navbar-nav .nav-item:last-child {border-right: 0; } @media (max-width: 767.98px) {.header .navbar .navbar-nav .nav-item {flex-grow: 0;border-bottom: solid 1px rgba(var(--primary), 0.5);} } .header .navbar .navbar-nav .nav-item .nav-link {display: flex;align-items: center;justify-content: center;color: var(--body-color);position: relative;text-align: center;line-height: 1.2;height: 2.8888888889rem;cursor: pointer;font-weight: bold; } @media (max-width: 767.98px) {.header .navbar .navbar-nav .nav-item .nav-link {justify-content: flex-start;padding: 1rem 1.3888888889rem;height: auto;} } .header .navbar .navbar-nav .nav-item .nav-link:after {content: " ";left: 0;bottom: -1px;width: 100%;height: 0.1666666667rem;position: absolute;background: var(--primary);opacity: 0;visibility: hidden;transition-duration: 0.25s;transition-property: opacity, visibility; } @media (max-width: 767.98px) {.header .navbar .navbar-nav .nav-item .nav-link:after {content: none;} } .header .navbar .navbar-nav .nav-item .nav-link:hover:after, .header .navbar .navbar-nav .nav-item .nav-link:focus:after, .header .navbar .navbar-nav .nav-item .nav-link:active:after, .header .navbar .navbar-nav .nav-item .nav-link.show:after {opacity: 1;visibility: visible; } @media (max-width: 767.98px) {.header .navbar .navbar-nav .nav-item .nav-link:hover, .header .navbar .navbar-nav .nav-item .nav-link:focus, .header .navbar .navbar-nav .nav-item .nav-link:active, .header .navbar .navbar-nav .nav-item .nav-link.show {color: var(--primary);} } .header .navbar .navbar-nav .nav-item .nav {display: flex;flex-direction: row;align-items: center;height: 3.7222222222rem;font-size: 0.8611111111rem;font-weight: bold;line-height: 1.3;margin-top: 0.3333333333rem;opacity: 0;visibility: hidden;transition-duration: 0.25s;transition-property: opacity, visibility;width: 100%;background: #f1f1f1;left: 0;position: absolute;top: 3.2777777778rem;padding: 0.5555555556rem 1.6666666667rem; } @media (max-width: 767.98px) {.header .navbar .navbar-nav .nav-item .nav {align-items: flex-start;flex-direction: column;position: relative;height: auto;visibility: visible;opacity: 1;background: transparent;top: auto;padding: 0;height: 0;margin-top: 0;overflow: hidden;}.header .navbar .navbar-nav .nav-item .nav.show {height: auto;margin-top: 0.3333333333rem;} } .header .navbar .navbar-nav .nav-item .nav li {padding-right: 0.5555555556rem;position: relative; } @media (max-width: 767.98px) {.header .navbar .navbar-nav .nav-item .nav li {width: 100%;padding: 0;} } .header .navbar .navbar-nav .nav-item .nav li:after {content: "⚫";font-size: 0.5555555556rem;margin-left: 0.5555555556rem;position: relative;top: -0.1111111111rem;color: var(--primary); } @media (max-width: 767.98px) {.header .navbar .navbar-nav .nav-item .nav li:after {content: none;} } @media (min-width: 992px) {.header .navbar .navbar-nav .nav-item .nav li:after {margin-left: 0.8333333333rem;} } @media (min-width: 1480px) {.header .navbar .navbar-nav .nav-item .nav li:after {margin-left: 1.3888888889rem;} } .header .navbar .navbar-nav .nav-item .nav li:last-child:after {content: none; } .header .navbar .navbar-nav .nav-item .nav li a {color: var(--body-color); } @media (max-width: 767.98px) {.header .navbar .navbar-nav .nav-item .nav li a {font-weight: normal;padding: 0.2777777778rem 1.3888888889rem;display: block;} } .header .navbar .navbar-nav .nav-item .nav li a:hover, .header .navbar .navbar-nav .nav-item .nav li a:focus, .header .navbar .navbar-nav .nav-item .nav li a:active {color: var(--primary);text-decoration: none; } @media (min-width: 768px) {.header .navbar .navbar-nav.show .nav-item.show:not(:hover):not(:focus):not(:active) .nav {opacity: 0;visibility: hidden;}.header .navbar .navbar-nav.show .nav-item.show:not(:hover):not(:focus):not(:active) .nav-link:after {opacity: 0;visibility: hidden;} } @media (max-width: 767.98px) {.header .navbar {height: 100%;position: fixed;z-index: 10000;flex-direction: column;height: calc(100% - 4.7777777778rem);width: 100%;left: -100%;}.header .navbar.animated {transition-duration: 0.25s;transition-property: left;}.header .navbar.show {left: 0;}.header .navbar.show .container {display: flex;height: 100%;overflow-y: auto;padding: 1.1111111111rem;} } @media (min-width: 768px) {.header.is-sticky .col .nav ul li.brand {width: 7.2222222222rem;transition: width 0.5s;} }