.main-menu-outer {width: auto;}
.main-menu-inner {}
.main-menu {--m-item-gap: 32px;--items: 4;color: inherit;grid-template-columns: repeat(var(--items), minmax(0, auto));grid-column-gap: var(--m-item-gap);display: grid;align-items: center;justify-items: stretch;}
.main-menu a { color: inherit; }
.main-menu[data-items="3"] { --items: 3; }
.main-menu[data-items="4"] { --items: 4; }
.main-menu[data-items="5"] { --items: 5; }
.main-menu[data-items="6"] { --items: 6; }
.main-menu[data-items="7"] { --items: 7; }
.main-menu[data-items="8"] { --items: 8; }
.main-menu[data-items="9"] { --items: 9; }
.main-menu[data-items="10"] { --items: 10; }
.m-item {color: inherit;font-size: inherit;line-height: inherit;text-decoration: inherit;-webkit-user-select: none;-moz-user-select: none;user-select: none;height: var(--hb-height);display: grid;align-items: center;justify-items: center;grid-template-columns: auto;transition: box-shadow var(--trans-def);}
.m-item > a {width: 100%;transition: color var(--trans-def);}
.m-item.active,.m-item.current,.m-item:hover,.m-item:focus-within {box-shadow: inset 0 -8px 0 0 var(--bkk-purple);}
.m-item > a:focus,.m-item:focus-within > a,.m-item:hover > a {color: var(--bkk-purple);}
.m-title {height: calc(var(--hb-height) / 2);width: 100%;display: inline-grid;justify-items: center;align-items: center;text-align: center;}
.m-title span { font-size: 16px; }
.m-item:focus-within .m-title span,.m-item:hover .m-title span,.m-item.current .m-title span,.m-item.active .m-title span {font-weight: var(--fw-h);color: var(--bkk-purple);letter-spacing: -0.75px;}
.m-item.has-sub {grid-template-rows: auto 25px;}
.m-item.has-sub .m-title {margin-bottom: -25px;}
.m-icon {width: 25px;height: 25px;margin-bottom: -15px;color: var(--txt2-c);background-color: var(--bkk-purple);border: 1px solid var(--bkk-purple);padding: 0;display: inline-grid;justify-items: center;align-items: center;vertical-align: middle;cursor: pointer;padding-top: 2px;opacity: 0;pointer-events: none;border-radius: 50%;z-index: 101;}
.m-icon[aria-expanded="true"]:before {content: "\ea52";}
.m-item.has-sub:focus-within .m-icon {opacity: 1;visibility: visible;pointer-events: all;}
.sub-menu {opacity: 0;visibility: hidden;pointer-events: none;transition: opacity var(--trans-def),visibility var(--trans-def);--startpos: calc(var(--logo-width) + var(--sidecalc) + 44px);}
.sub-menu.level-1 {position: absolute;top: 100%;left: 0;z-index: 100;width: 100%;background-color: var(--bg);padding-top: 10px;padding-bottom: 10px;box-shadow: inset 0 5px 5px -2.5px rgba(var(--bkk-gray-rgb), 15%);}
.sub-menu.level-2 {padding-left: 40px;display: inline-block;width: 100%;}
.sub-menu.active .sub-menu.level-2,.sub-menu.active {opacity: 1;visibility: visible;pointer-events: all;}
.sm-wrapper {max-width: calc(100% - var(--startpos));left: var(--startpos);width: 100%;position: relative;padding: 20px 0;}
.sub-menu.wide .sm-wrapper {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 50px;--startpos: var(--sidecalc) !important;max-width: 1300px;align-items: start;}
.sm-item {font-size: 14px;}
.sm-item.shifted { padding-left: 40px; }
.sm-item > a {color: inherit;font-size: inherit;line-height: inherit;text-decoration: inherit;padding: 10px 0;display: inline-block;}
.sm-item > a:focus,.sm-item:focus-within > a,.sm-item:hover > a {color: var(--bkk-purple);font-weight: var(--fw-h);}
.sm-icon {}
.sm-title {}
.sml-item {}
.sml-item:hover > .sm-title,.sml-item:focus-within > .sm-title,.sml-item > .sm-title:focus {font-weight: var(--fw-h);border-bottom: 4px solid var(--bkk-purple);color: var(--bkk-purple);}
.main-menu.touch-device .m-item.has-sub .m-icon {opacity: 1;visibility: visible;pointer-events: all;}
.main-menu.touch-device .m-item {box-shadow: inset 0 -4px 0 0 var(--bkk-purple);}
.main-menu.touch-device .m-item.active {box-shadow: inset 0 -8px 0 0 var(--bkk-purple);}
@media screen and (max-width: 1080px) {}