@charset "UTF-8"; .header {position: sticky;top: -2.2222222222rem;z-index: 9000;min-width: 300px;transition-duration: 0.25s;transition-property: box-shadow;width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto; } .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;justify-content: flex-end; } @media (max-width: 767.98px) {.header .col .nav ul {flex-direction: column;} } .header .col .nav ul li {flex-grow: 0;position: relative;padding: 0 0.8333333333rem 0 0.8333333333rem; } @media only screen and (max-width: 1400px) {.header .col .nav ul li:last-child ul {transform: none;left: unset;right: 0;} } .header .col .nav ul li .btn-collapse {position: absolute;top: 0;right: 0;box-shadow: none;height: 3.25rem; } .header .col .nav ul li .btn-collapse svg {width: 2rem;height: auto;border-radius: 0.2777777778rem;color: var(--secondary); } @media (min-width: 768px) {.header .col .nav ul li .btn-collapse {display: none;} } .header .col .nav ul li .btn-collapse.collapsed svg {transform: rotate(90deg); } .header .col .nav ul li ul {display: flex;flex-direction: column;position: absolute;top: -5.5555555556rem;left: 50%;transform: translateX(-50%);background: var(--white);box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);opacity: 0;visibility: hidden;width: max-content;align-items: center;transition: all 0.25s;padding: 0.1666666667rem;border-radius: 0.2222222222rem;z-index: -1; } @media (max-width: 767.98px) {.header .col .nav ul li ul {display: none;transition: none;position: unset;box-shadow: none;transform: none;}.header .col .nav ul li ul.show {opacity: 1;visibility: visible;display: block;transition: none;}.header .col .nav ul li ul.show li .nav-item {height: 2.2222222222rem;font-size: 1.1111111111rem;color: var(--black);}.header .col .nav ul li ul.show li .nav-item:hover {color: var(--white);}.header .col .nav ul li ul.show li .btn {display: none;} } .header .col .nav ul li ul li {width: 100%;border-radius: 0.2222222222rem; } .header .col .nav ul li ul li:hover {background: var(--white);color: var(--primary); } .header .col .nav ul li ul li .nav-link {height: 1.9444444444rem;padding-left: 2.2222222222rem;padding-right: 2.2222222222rem; } .header .col .nav ul li ul li .nav-link:after {display: none; } @media only screen and (max-width: 1400px) {.header .col .nav ul li ul li .nav-link {padding-left: 1.1111111111rem;padding-right: 1.1111111111rem;} } .header .col .nav ul li ul li .nav-item {color: var(--secondary);font-size: 0.8888888889rem;font-weight: 500; } .header .col .nav ul li ul li .nav-item:before {display: none; } .header .col .nav ul li ul li .nav-item:hover {color: var(--primary);text-decoration: none; } @media (min-width: 768px) {.header .col .nav ul li:hover ul {opacity: 1;visibility: visible;top: 4.7777777778rem;} } @media (min-width: 768px) and (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.7777777778rem;color: var(--primary);font-size: 1rem;font-weight: 600;padding: 0;transition: color 0.25s; } @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.8333333333rem;} } @media only screen and (max-width: 830px) {.header .col .nav .nav-link {font-size: 0.7777777778rem;} } @media (max-width: 767.98px) {.header .col .nav .nav-link {justify-content: flex-start;height: 3.3333333333rem;padding: 0 1.1111111111rem;font-size: 0.8333333333rem;} } .header .col .nav .nav-link::after {content: " ";position: absolute;bottom: 1.3333333333rem;left: 1.9444444444rem;right: 1.9444444444rem;background: var(--primary);height: 3px;border-radius: 0.2222222222rem;opacity: 0;transition: opacity 0.25s, left 0.25s, right 0.25s; } .header .col .nav .nav-link:hover, .header .col .nav .nav-link:focus {color: var(--primary);text-decoration: underline;text-decoration-color: var(--white);text-underline-offset: 8px; } .header .col .nav .nav-link:hover::after, .header .col .nav .nav-link:focus::after {opacity: 1;left: 0.8333333333rem;right: 0.8333333333rem; } @media (max-width: 767.98px) {.header .col .nav .nav-link:hover::after, .header .col .nav .nav-link:focus::after {display: none;} } @media (max-width: 767.98px) {.header .col .nav .nav-link:hover, .header .col .nav .nav-link:focus {color: var(--white);text-decoration: none;} } .header .col.col-nav {justify-content: space-between;flex-basis: auto;margin-top: auto;margin-bottom: auto; } .header .col.col-nav .nav-item {flex-grow: 1;color: var(--secondary); } @media (max-width: 767.98px) {.header .col.col-nav .nav-item {font-size: 1.4444444444rem;} } .header .col.col-nav .nav-item.active {color: var(--primary); } @media (max-width: 767.98px) {.header .col.col-nav .nav-item.active {color: var(--white);background: var(--primary);} } .header .col.col-nav .nav-item.active:after {content: " ";position: absolute;bottom: 1.3333333333rem;left: 0.8333333333rem;right: 0.8333333333rem;background: var(--primary);height: 3px;border-radius: 0.2222222222rem;opacity: 1; } @media (max-width: 767.98px) {.header .col.col-nav .nav-item.active:after {display: none;} } .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-basis: 11.7222222222rem;flex-grow: 0;flex-shrink: 0; } @media (max-width: 767.98px) {.header .col.col-brand {flex-basis: 8.3333333333rem;} } .header .col.col-brand .brand {display: block;width: 9.1666666667rem;height: 4.7777777778rem;top: 0;z-index: 1;background-size: cover;background-position: center; } .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.3333333333rem;height: 4.7777777778rem;box-shadow: none;} } .header .top {background: var(--white); } @media (max-width: 767.98px) {.header .top .container {padding-left: 0;} } .header .top .m-logo {display: flex;padding: 0.1666666667rem; } @media (min-width: 768px) {.header .top .m-logo {display: none;} } .header .top .m-logo .brand {width: 5.3333333333rem;height: 2.7777777778rem;background-size: cover;background-position: center; } .header .top .col {display: flex;flex-direction: row;align-items: center; } .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: 1.6666666667rem;height: 100%;box-shadow: none;border: 0; } .header .top .col.col-menu .btn.show {background-color: var(--primary);border-radius: 0;color: var(--white);transition: background-color 0.25s; } .header .top .col.col-menu .btn svg {width: 1.7777777778rem;height: auto; } .header .top .btn-1 {display: flex;flex-direction: row;align-items: center;padding-left: 0;box-shadow: none;white-space: nowrap;font-weight: normal;font-size: 0.7777777778rem; } @media (max-width: 1219.98px) {.header .top .btn-1 {margin-left: 1.1111111111rem;} } @media (max-width: 991.98px) {.header .top .btn-1 {margin-left: 0.5555555556rem;} } @media (max-width: 767.98px) {.header .top .btn-1 {display: none;} } .header .top .btn-1:hover {color: var(--primary); } .header .top .btn-1 svg {display: flex;align-items: center;justify-content: center;width: 1rem;height: auto;line-height: 1;color: var(--primary);position: relative;top: -0.0555555556rem; } @media (max-width: 420px) {.header .top .btn-1 svg {margin-right: 0.1666666667rem;} } .header .top .btn-2 {padding: 0.1666666667rem 0.2777777778rem 0.1666666667rem 0.2777777778rem;font-size: 0.8333333333rem;color: var(--primary);box-shadow: none;display: block;font-weight: bold; } .header .top .btn-2:hover {background: var(--primary);color: var(--white); } .header .top .btn-3 {padding: 0.7222222222rem 0.8888888889rem;font-weight: bold;font-size: 1rem;margin-left: 0.9444444444rem;box-shadow: 0 0.5555555556rem 0.3888888889rem rgba(0, 0, 0, 0.1); } .header .navbar {background: var(--white);padding: 0;box-shadow: 0px 3px 6px rgba(67, 67, 67, 0.3); } @media (max-width: 767.98px) {.header .navbar .container {display: none;} } .header .navbar .row {flex-wrap: nowrap;width: calc(100% + 1.1111111111rem); } @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: 100%;overflow-y: auto;top: 4.7777777778rem;height: calc(100% - 4.7777777778rem);left: -100%;background: var(--color2);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); } @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;height: 4.7777777778rem;line-height: 1.2;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.active: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.active {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.active {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: 1920px) {.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.active .nav-item.active:not(:hover):not(:focus):not(:active) .nav {opacity: 0;visibility: hidden;}.header .navbar .navbar-nav.active .nav-item.active:not(:hover):not(:focus):not(:active) .nav-link:after {opacity: 0;visibility: hidden;} } @media (max-width: 767.98px) {.header .navbar {height: calc(100vh - 2.6111111111rem);height: calc(100dvh - 2.6111111111rem);position: fixed;z-index: 10000;flex-direction: column;width: 100%;left: -100%;justify-content: center;}.header .navbar.animated {transition-duration: 0.25s;transition-property: left;}.header .navbar.show {left: 0;background-color: var(--white);}.header .navbar.show .container {display: block;overflow-y: auto;padding: 1.1111111111rem;}.header .navbar.show .container .nav-item:hover, .header .navbar.show .container .nav-item:focus, .header .navbar.show .container .nav-item:active {background-color: var(--primary);} }