:root {--bgBase: #fefefe;--darkGrey: #8e8e8e;--bgBlue: #04c0df;--bgGreen:#00E583;--bgRed:#ff6666;--bgBrownDisable:#f7f7f7;--cursor:none;}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;background-color: var(--bgBase);font-family: 'Inter Tight';color: #313131;letter-spacing: 1px;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}* {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: -moz-none;-o-user-select: none;user-select: none;}p {-webkit-user-select: text;-khtml-user-select: text;-moz-user-select: text;-o-user-select: text;user-select: text;}.fixedTop{position: fixed;top:0px;}.fixedBottom{position: fixed;bottom: -0.5px;left: 50%;transform: translateX(-50%);}.fixedBottomRight{position: fixed;bottom: 5vw;right: 5vw;bottom: calc(var(--vw, 1vw) * 5);right: calc(var(--vw, 1vw) * 5);}.bottomNav{background-color: var(--bgBase);}.buttonShadow{box-shadow: 10px 10px 30px 0px rgba(112,112,112,0.4);-webkit-box-shadow: 10px 10px 30px 0px rgba(112,112,112,0.4);-moz-box-shadow: 10px 10px 30px 0px rgba(112,112,112,0.4);}.navShadow{box-shadow: 0px -2vw 8vw -4vw rgba(112,112,112,0.4);-webkit-box-shadow: 0px -2vw 8vw -4vw rgba(112,112,112,0.4);-moz-box-shadow: 0px -2vw 8vw -4vw rgba(112,112,112,0.4);box-shadow: 0px calc(var(--vw, 1vw) * -2) calc(var(--vw, 1vw) * 8) calc(var(--vw, 1vw) * -4) rgba(112,112,112,0.4);-webkit-box-shadow: 0px calc(var(--vw, 1vw) * -2) calc(var(--vw, 1vw) * 8) calc(var(--vw, 1vw) * -4) rgba(112,112,112,0.4);-moz-box-shadow: 0px calc(var(--vw, 1vw) * -2) calc(var(--vw, 1vw) * 8) calc(var(--vw, 1vw) * -4) rgba(112,112,112,0.4);}.halfShadow{box-shadow: 0px 0 8vw -4vw rgba(112,112,112,0.4);-webkit-box-shadow: 0px 0 8vw -4vw rgba(112,112,112,0.4);-moz-box-shadow: 0px 0 8vw -4vw rgba(112,112,112,0.4);box-shadow: 0px 0 calc(var(--vw, 1vw) * 8) calc(var(--vw, 1vw) * -4) rgba(112,112,112,0.4);-webkit-box-shadow: 0px 0 calc(var(--vw, 1vw) * 8) calc(var(--vw, 1vw) * -4) rgba(112,112,112,0.4);-moz-box-shadow: 0px 0 calc(var(--vw, 1vw) * 8) calc(var(--vw, 1vw) * -4) rgba(112,112,112,0.4);}.widthFull{width: 100%;}.flexVertical{flex-direction: column;}.flexHorizontal{flex-direction: row;}.flex {display: flex;}.flexCenter {display: flex;justify-content: center;}.flexBetween {display: flex;justify-content: space-between;}.flexAround {display: flex;justify-content: space-around;}.flexAbsoluteCenter {display: flex;justify-content: center;align-items: center;}.flexWrap{flex-wrap: wrap;}.borderRadius{border-radius: 100vw;border-radius: calc(var(--vw, 1vw) * 100);}.borderRadius2{border-radius: 3vw;border-radius: calc(var(--vw, 1vw) * 3);}.borderRadius5{border-radius: 5vw;border-radius: calc(var(--vw, 1vw) * 5);}.borderRadius2Top{border-radius: 3vw 3vw 0 0;border-radius: calc(var(--vw, 1vw) * 3) calc(var(--vw, 1vw) * 3) 0 0;}.borderRadius3{border-radius: 2.5vw;border-radius: calc(var(--vw, 1vw) * 2.5);}.nav .centerItem{background-color: var(--bgBlue);}.nav .centerItem:hover{background-color: #03a4bd;}.fillGray{fill: var(--darkGrey);}#svgChart{fill: var(--darkGrey);font-size: 4.2px;font-family: 'Inter Tight';font-weight: 500;letter-spacing: 0.3px;text-align: center;word-spacing: 0px;}.svgChart {padding: 5vw;padding: calc(var(--vw, 1vw) * 5);}.nav .centerItem #svgObject{fill: #ffffff;}.nav .centerItem #svgObject:hover{fill: #ffffff;}.nav .actived #svgObject{fill: var(--bgBlue);}.navItem #svgObject{width: auto;height: 50%;fill: var(--darkGrey);transition: 500ms;}.radios #svgObject{width: 5vw;height: 5vw;width: calc(var(--vw, 1vw) * 5);height: calc(var(--vw, 1vw) * 5);fill: var(--darkGrey);}.buttonBasic2 #svgObject{width: 5vw;height: 5vw;width: calc(var(--vw, 1vw) * 5);height: calc(var(--vw, 1vw) * 5);margin-right: 1vw;margin-right: calc(var(--vw, 1vw) * 1);fill: var(--darkGrey);}.desc #svgObject{width: 3.4vw;width: calc(var(--vw, 1vw) * 3.4);fill: var(--darkGrey);margin-right: 1vw;margin-right: calc(var(--vw, 1vw) * 1);}.desc .trending #svgObject{width: 3.4vw;width: calc(var(--vw, 1vw) * 3.4);margin-right: 1vw;margin-right: calc(var(--vw, 1vw) * 1);}.trendingUp,.desc .trendingUp #svgObject{fill: var(--bgGreen);color:var(--bgGreen);}.trendingDown,.desc .trendingDown #svgObject{fill: var(--bgRed);color:var(--bgRed);;}.imgRealSize{width: auto;height: 200%;fill: #744141;}.colNav25 #svgObject{width: auto;height: 50%;fill: var(--darkGrey);}.colNavSvg #svgObject{width: auto;height: 50%;}.fillOrange{fill: #fe7d4e;;}.fillBlue{fill: var(--bgBlue);}.container{padding: 0px 6vw 20vw 6vw;padding: 0px calc(var(--vw, 1vw) * 6) calc(var(--vw, 1vw) * 20) calc(var(--vw, 1vw) * 6);}.container2{padding: 0px 6vw 6vw 6vw;padding: 0px calc(var(--vw, 1vw) * 6) calc(var(--vw, 1vw) * 6) calc(var(--vw, 1vw) * 6);}.container3{padding: 0px 6vw 0px 6vw;padding: 0px calc(var(--vw, 1vw) * 6) 0px calc(var(--vw, 1vw) * 6);}.fnW500{font-weight: 500;}.fnW600{font-weight: 600;}.fnW700{font-weight: 700;}.fnW800{font-weight: 800;}.fnW900{font-weight: 900;}.fnBold{font-weight: bold;}.containerTitle{font-size: 4vw;font-size: calc(var(--vw, 1vw) * 4);}.navItem{width: 12vw;height: 12vw;margin: 3vw;width: calc(var(--vw, 1vw) * 12);height: calc(var(--vw, 1vw) * 12);margin: calc(var(--vw, 1vw) * 3);border-radius: 100%;}.mrBoth{margin: 1vw;margin: calc(var(--vw, 1vw) * 1);}.mrBoth2{margin: 3vw;margin: calc(var(--vw, 1vw) * 3);}.mrHorizontal{margin-left: 1.5vw;margin-right: 1.5vw;margin-left: calc(var(--vw, 1vw) * 1.5);margin-right: calc(var(--vw, 1vw) * 1.5);}.mrHorizontal0-5{margin-left: 1.9vw;margin-right: 1.9vw;margin-left: calc(var(--vw, 1vw) * 1.9);margin-right: calc(var(--vw, 1vw) * 1.9);}.mrHorizontal2{margin-left: 3vw;margin-right: 3vw;margin-left: calc(var(--vw, 1vw) * 3);margin-right: calc(var(--vw, 1vw) * 3);}.mrHorizontal3{margin-left: 4.5vw;margin-right: 4.5vw;margin-left: calc(var(--vw, 1vw) * 4.5);margin-right: calc(var(--vw, 1vw) * 4.5);}.mrVertical0{margin-top: 1.2vw;margin-bottom: 1.2vw;margin-top: calc(var(--vw, 1vw) * 1.2);margin-bottom: calc(var(--vw, 1vw) * 1.2);}.mrVertical{margin-top: 1.5vw;margin-bottom: 1.5vw;margin-top: calc(var(--vw, 1vw) * 1.5);margin-bottom: calc(var(--vw, 1vw) * 1.5);}.mrVertical2{margin-top: 3vw;margin-bottom: 3vw;margin-top: calc(var(--vw, 1vw) * 3);margin-bottom: calc(var(--vw, 1vw) * 3);}.mrVertical3{margin-top: 4.5vw;margin-bottom: 5vw;margin-top: calc(var(--vw, 1vw) * 4.5);margin-bottom: calc(var(--vw, 1vw) * 5);}.mrVertical4{margin-top: 6vw;margin-bottom: 6vw;margin-top: calc(var(--vw, 1vw) * 6);margin-bottom: calc(var(--vw, 1vw) * 6);}.rowNav{width: 100%;}.colNav{width: 78%;}.calendar{padding-left: 0.5vw;padding-left: calc(var(--vw, 1vw) * 0.5);}.colCalendar{width: 7vw;height: 7vw;width: calc(var(--vw, 1vw) * 7);height: calc(var(--vw, 1vw) * 7);color: #ffffff;}.disabled{color: #ffffff86;}.colCalendar:hover{background-color: #03a4bd;}.activedColCalendar{background-color: #00ddff;}.activedColCalendar:hover{background-color: #00ddff !important;}.fnSizeResponsive{font-size: 3.5vw;font-size: calc(var(--vw, 1vw) * 3.5);}.fnSizeResponsive2{font-size: 7vw;font-size: calc(var(--vw, 1vw) * 7);}.fnSizeResponsive3{font-size: 5vw;font-size: calc(var(--vw, 1vw) * 5);}.tittle{font-size: 4vw;font-size: calc(var(--vw, 1vw) * 4);line-height: 1.2;}.tittle0{font-size: 3.5vw;font-size: calc(var(--vw, 1vw) * 3.5);line-height: 1.3;}.colCalendar .tittle{margin-left: 0.26vw;margin-left: calc(var(--vw, 1vw) * 0.26);}.colNav .tittle{margin-top: 1.5vw;margin-bottom: 2vw;margin-top: calc(var(--vw, 1vw) * 1.5);margin-bottom: calc(var(--vw, 1vw) * 2);margin-left: 0;}.colNav .tittle0{margin-top: 1.5vw;margin-bottom: 1.1vw;margin-top: calc(var(--vw, 1vw) * 1.5);margin-bottom: calc(var(--vw, 1vw) * 1.1);margin-left: 0;}.colNav2 .tittle{margin-top: 4vw;margin-top: calc(var(--vw, 1vw) * 4);margin-left: 0;}.fnWhite{color: #ffffff;}.colNav .desc{font-size: 3vw;font-size: calc(var(--vw, 1vw) * 3);color: var(--darkGrey);}.fnBrownWhite{color: var(--darkGrey);}.fnBlack {color: var(--darkGrey);}.colNav25 > img{width: 100%;height: 100%;object-fit: cover;}.wi15vw{width: 15vw;width: calc(var(--vw, 1vw) * 15);}.he15vw{height: 15vw;height: calc(var(--vw, 1vw) * 15);}.pdVertical2vw{padding-top: 2vw;padding-bottom: 2vw;padding-top: calc(var(--vw, 1vw) * 2);padding-bottom: calc(var(--vw, 1vw) * 2);}.pdVertical2{padding-top: 3vw;padding-bottom: 3vw;padding-top: calc(var(--vw, 1vw) * 3);padding-bottom: calc(var(--vw, 1vw) * 3);}.pdTop2vw{padding-top: 2vw;padding-top: calc(var(--vw, 1vw) * 2);}.pdHorizontal5vw{padding-left: 5vw;padding-right: 5vw;padding-left: calc(var(--vw, 1vw) * 5);padding-right: calc(var(--vw, 1vw) * 5);}.pdHorizontal2vw{padding-left: 2vw;padding-right: 2vw;padding-left: calc(var(--vw, 1vw) * 2);padding-right: calc(var(--vw, 1vw) * 2);}.wi10vw{width: 12vw;width: calc(var(--vw, 1vw) * 12);}.he10vw{height: 12vw;height: calc(var(--vw, 1vw) * 12);}.he30vw{height: 30vw;height: calc(var(--vw, 1vw) * 30);}.he40vw{height: 40vw;height: calc(var(--vw, 1vw) * 40);}.he50vw{height: 50vw;height: calc(var(--vw, 1vw) * 50);}.he60vh{height: 60vh;height: calc(var(--vh, 1vh) * 60);}.he40vh{height: 40vh;height: calc(var(--vh, 1vh) * 40);}.he80vw{height: 80vw;height: calc(var(--vw, 1vw) * 80);}.he100vh{height: 100vh;height: calc(var(--vh, 1vh) * 100);}.he50vw{height: 58vw;height: calc(var(--vw, 1vw) * 58);}.fullSize{width: 100vw;width: calc(var(--vw, 1vw) * 100);height: 102vh;height: calc(var(--vh, 1vh) * 102);}.bgBlack50{background-color: rgba(0, 0, 0, 0.5);}.bgBlue{background-color: var(--bgBlue);}.bgBlueWhite{background-color: #d8fafe;;}.bgOrange{background-color: #fe7d4e;}.bgOrangeWhite{background-color: #f9e6e0;}.bgPurple{background-color: #656df7;}.bgBrown{background-color: #2f3042;}.bgBrown2{background-color: var(--bgBrownDisable);}.bgWhite{background-color: #ffffff;}#loading{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #ffffff;z-index: 100;}#loadingSend{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.6);z-index: 100;}.loadingSend::after {content: "";position: absolute;width: 5vw;height: 5vw;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border: 2vw solid transparent;border-top-color: var(--bgBlue);border-radius: 50%;animation: button-loading-spinner 1s ease infinite;}.hiding{display: none;}.overflowY{overflow-y: scroll;}.fnGrey{color: var(--darkGrey);}.inputBasic{width: 100%;padding: 5vw;padding: calc(var(--vw, 1vw) * 5);display: inline-block;box-sizing: border-box;font-size: 4vw;font-size: calc(var(--vw, 1vw) * 4);border: none;background-color: var(--bgBrownDisable);color: var(--darkGrey);}.inputBasicNoBg{width: 100%;padding: 5vw;padding: calc(var(--vw, 1vw) * 5);display: inline-block;box-sizing: border-box;font-size: 4vw;font-size: calc(var(--vw, 1vw) * 4);border: none;color: var(--darkGrey);}.buttonBasic{position: relative;width: 100%;padding: 5vw;padding: calc(var(--vw, 1vw) * 5);display: inline-block;box-sizing: border-box;font-size: 4vw;font-size: calc(var(--vw, 1vw) * 4);border: none;text-align: center;background-color: var(--bgBlue);color: #ffffff;}textarea:focus, input:focus{outline: none;}.zIndex99 {z-index: 99;}details {position: relative;width: 100%;margin-right: 1rem;}details[open] {z-index: 1;}.textCenter{text-align: center;}summary {padding: 4.7vw;padding: calc(var(--vw, 1vw) * 4.7);cursor: var(--cursor);color: var(--darkGrey);background-color: var(--bgBrownDisable);border-radius: 3vw;border-radius: calc(var(--vw, 1vw) * 3);list-style: none;}summary::-webkit-details-marker {display: none;}details[open] summary:before {content: '';display: block;width: 100vw;width: calc(var(--vw, 1vw) * 100);height: 100vh;height: calc(var(--vh, 1vh) * 100);background: transparent;position: fixed;top: 0;left: 0;}summary:after {content: '';display: inline-block;float: right;width: 2vw;width: calc(var(--vw, 1vw) * 2);height: 2vw;height: calc(var(--vw, 1vw) * 2);border-bottom: 0.5vw solid currentColor;border-left: 0.5vw solid currentColor;border-bottom: calc(var(--vw, 1vw) * 0.5) solid currentColor;border-left: calc(var(--vw, 1vw) * 0.5) solid currentColor;border-bottom-left-radius: 2px;transform: rotate(225deg) translate(0%, 0%);transform-origin: center center;transition: transform ease-in-out 100ms;color: var(--darkGrey);margin-top: 2vw;margin-top: calc(var(--vw, 1vw) * 2);}details[open] summary:after {transform: rotate(315deg) translate(0%, 0%);margin-top: 1.5vw;margin-top: calc(var(--vw, 1vw) * 1.5);}.custom-select ul {width: 100%;background-color: var(--bgBase);position: absolute;top: calc(100% + .5rem);left: 0;margin: 0;box-sizing: border-box;max-height: 54vw;max-height: calc(var(--vw, 1vw) * 54);overflow-y: auto;color: var(--darkGrey);border-radius: 3vw;border-radius: calc(var(--vw, 1vw) * 3);box-shadow: 0px 2px 25px -2px rgba(112,112,112,0.3);-webkit-box-shadow: 0px 2px 25px -2px rgba(112,112,112,0.3);-moz-box-shadow: 0px 2px 25px -2px rgba(112,112,112,0.3);padding: 5vw;font-size: 3.8vw;padding: calc(var(--vw, 1vw) * 5);font-size: calc(var(--vw, 1vw) * 3.8);}li {margin: 0;padding: 4vw 0;padding: calc(var(--vw, 1vw) * 4) 0;}li:first-child {padding-top: 0;}li:last-child {padding-bottom: 0;border-bottom: none;}summary.radios {counter-reset: radios;}summary.radios:before {content: var(--selection);}input[type=radio] {counter-increment: radios;appearance: none;display: none;}input[type=radio]:checked {display: inline;--display: block;}input[type=radio]:after {content: attr(title);font-size: 4vw;font-size: calc(var(--vw, 1vw) * 4);color: var(--darkGrey);}ul.list {counter-reset: labels;}label {width: 100%;display: flex;cursor: var(--cursor);justify-content: space-between;}label span {--display: none;display: var(--display);width: 1rem;height: 1rem;border: 1px solid #727272;border-radius: 3px;}.overflow {overflow: hidden;}.profile-wrapper{width: 40vw;height: 40vw;height: calc(var(--vw, 1vw) * 40);width: calc(var(--vw, 1vw) * 40);position: relative;}.profile-wrapper > img{width: 100%;height: 100%;object-fit: cover;}.profile-wrapper .btProfilePicture{position: absolute;right: 0;bottom: 0;}.btProfilePicture #svgObject {width: 8vw;height: 8vw;height: calc(var(--vw, 1vw) * 8);width: calc(var(--vw, 1vw) * 8);padding: 3vw;padding: calc(var(--vw, 1vw) * 3);fill: #ffffff;}.skeleton{color:transparent !important;animation: skeleton-loading 1s ease-in-out infinite alternate;}.skeleton #svgObject{fill: transparent !important;}@keyframes skeleton-loading {0% {background-color: rgb(247,247,247);}100% {background-color: rgb(202, 202, 202);}}.button--loading .button__text {font-size: 4vw;font-size: calc(var(--vw, 1vw) * 4);visibility: hidden;opacity: 0;}.button--loading::after {content: "";position: absolute;width: 16px;height: 16px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border: 4px solid transparent;border-top-color: #ffffff;border-radius: 50%;animation: button-loading-spinner 1s ease infinite;}@keyframes button-loading-spinner {from {transform: rotate(0turn);}to {transform: rotate(1turn);}}.buttonBasic2{position: relative;width: 100%;padding: 5vw;padding: calc(var(--vw, 1vw) * 5);display: inline-block;box-sizing: border-box;font-size: 4vw;font-size: calc(var(--vw, 1vw) * 4);border: none;color: var(--darkGrey);}.swipe {margin: 0 auto;overflow: hidden;position: relative;width: 100%;height:100%;background-color: var(--bgBrownDisable);}.swipe ul {overflow: hidden;margin: 0;padding: 0;height: 100%;}.swipe li div, .swipe div div div {color: #fff;text-align: center;}.swipe li img {width: 100%;height: 100%;object-fit: cover;}.swipe li {margin: 0;padding: 0;position: relative;overflow: hidden;height: 100%;}#slider2 li {width: 230px;}#slider4 ul {transition: left 800ms ease-in 0;}#pagenavi{display: none;}.swipe #jumlah {background-color: rgba(0, 0, 0, 0.2);margin: 2vw;margin: calc(var(--vw, 1vw) * 2);padding: 2vw 3vw;padding: calc(var(--vw, 1vw) * 2) calc(var(--vw, 1vw) * 3);top: 0;right:0;position: absolute;font-size: 3.5vw;font-size: calc(var(--vw, 1vw) * 3.5);border: none;color: white;letter-spacing: 0.2vw;letter-spacing: calc(var(--vw, 1vw) * 0.2);font-weight: 600;}.swipe .ketHolder {background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);width: 100%;height: 40%;padding: 2vw 4vw;padding: calc(var(--vw, 1vw) * 2) calc(var(--vw, 1vw) * 4);bottom: 0;left:0;position: absolute;border: none;color: white;letter-spacing: 0.2vw;letter-spacing: calc(var(--vw, 1vw) * 0.2);}.swipe .ketHolder #ketPar{font-size: 3.5vw;font-size: calc(var(--vw, 1vw) * 3.5);text-align: left;margin-top: 6vw;margin-bottom: 2vw;margin-top: calc(var(--vw, 1vw) * 6);margin-bottom: calc(var(--vw, 1vw) * 2);font-weight: 600;}.swipe .ketHolder #ketKab{font-size: 3vw;font-size: calc(var(--vw, 1vw) * 3);text-align: left;color: #d4d4d4;}.swipe #jumlah #svgObject{width: 3.5vw;height: 3.5vw;width: calc(var(--vw, 1vw) * 3.5);height: calc(var(--vw, 1vw) * 3.5);fill: white;margin-right: 1.5vw;margin-right: calc(var(--vw, 1vw) * 1.5);}.inputBasic-icon{width: 100%;padding: 5vw 5vw 5vw 9.5vw;padding: calc(var(--vw, 1vw) * 5) calc(var(--vw, 1vw) * 5) calc(var(--vw, 1vw) * 5) calc(var(--vw, 1vw) * 9.5);display: inline-block;box-sizing: border-box;font-size: 4vw;font-size: calc(var(--vw, 1vw) * 4);border: none;background-color: var(--bgBrownDisable);color: var(--darkGrey);}.input-icon{position: absolute;width: 5vw;height: 5vw;width: calc(var(--vw, 1vw) * 5);height: calc(var(--vw, 1vw) * 5);padding: 4.7vw 4.8vw 4.8vw 4vw;padding: calc(var(--vw, 1vw) * 4.7) calc(var(--vw, 1vw) * 4.8) calc(var(--vw, 1vw) * 4.8) calc(var(--vw, 1vw) * 4);fill: var(--darkGrey);}.imgResponsive{width: auto;height: 100%;}