Kalkulator Pinjaman
"},"_registeredComponents":{},"styles":"","_styles":{"default":{"ids":["61aaab93:0","d5efedb8:0"],"css":"@keyframes spinAround {\nfrom {\n transform: rotate(0deg);\n}\nto {\n transform: rotate(359deg);\n}\n}\n@font-face {\n font-family: 'open_sansbold';\n src: url(v5-hl-id/font/OpenSans-Bold-webfont.eot);\n src: url(v5-hl-id/font/OpenSans-Bold-webfont.eot?#iefix) format(\"embedded-opentype\"), url(v5-hl-id/font/OpenSans-Bold-webfont.woff) format(\"woff\"), url(v5-hl-id/font/OpenSans-Bold-webfont.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: 'open_sanslight';\n src: url(v5-hl-id/font/OpenSans-Light-webfont.eot);\n src: url(v5-hl-id/font/OpenSans-Light-webfont.eot?#iefix) format(\"embedded-opentype\"), url(v5-hl-id/font/OpenSans-Light-webfont.woff) format(\"woff\"), url(v5-hl-id/font/OpenSans-Light-webfont.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: 'open_sansregular';\n src: url(v5-hl-id/font/OpenSans-Regular-webfont.eot);\n src: url(v5-hl-id/font/OpenSans-Regular-webfont.eot?#iefix) format(\"embedded-opentype\"), url(v5-hl-id/font/OpenSans-Regular-webfont.woff) format(\"woff\"), url(v5-hl-id/font/OpenSans-Regular-webfont.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: 'open_sanssemibold';\n src: url(v5-hl-id/font/OpenSans-Semibold-webfont.eot);\n src: url(v5-hl-id/font/OpenSans-Semibold-webfont.eot?#iefix) format(\"embedded-opentype\"), url(v5-hl-id/font/OpenSans-Semibold-webfont.woff) format(\"woff\"), url(v5-hl-id/font/OpenSans-Semibold-webfont.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n/* base font color */\n/* #5e6a77 lighter font color */\n/* color for darkblue section */\n/*#f3f7f8*/\n@keyframes spinAround {\nfrom {\n transform: rotate(0deg);\n}\nto {\n transform: rotate(359deg);\n}\n}\n@font-face {\n font-family: 'open_sansbold';\n src: url(v5-hl-id/font/OpenSans-Bold-webfont.eot);\n src: url(v5-hl-id/font/OpenSans-Bold-webfont.eot?#iefix) format(\"embedded-opentype\"), url(v5-hl-id/font/OpenSans-Bold-webfont.woff) format(\"woff\"), url(v5-hl-id/font/OpenSans-Bold-webfont.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: 'open_sanslight';\n src: url(v5-hl-id/font/OpenSans-Light-webfont.eot);\n src: url(v5-hl-id/font/OpenSans-Light-webfont.eot?#iefix) format(\"embedded-opentype\"), url(v5-hl-id/font/OpenSans-Light-webfont.woff) format(\"woff\"), url(v5-hl-id/font/OpenSans-Light-webfont.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: 'open_sansregular';\n src: url(v5-hl-id/font/OpenSans-Regular-webfont.eot);\n src: url(v5-hl-id/font/OpenSans-Regular-webfont.eot?#iefix) format(\"embedded-opentype\"), url(v5-hl-id/font/OpenSans-Regular-webfont.woff) format(\"woff\"), url(v5-hl-id/font/OpenSans-Regular-webfont.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: 'open_sanssemibold';\n src: url(v5-hl-id/font/OpenSans-Semibold-webfont.eot);\n src: url(v5-hl-id/font/OpenSans-Semibold-webfont.eot?#iefix) format(\"embedded-opentype\"), url(v5-hl-id/font/OpenSans-Semibold-webfont.woff) format(\"woff\"), url(v5-hl-id/font/OpenSans-Semibold-webfont.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n/* base font color */\n/* #5e6a77 lighter font color */\n/* color for darkblue section */\n/*#f3f7f8*/\n@keyframes spinAround {\nfrom {\n transform: rotate(0deg);\n}\nto {\n transform: rotate(359deg);\n}\n}\n@font-face {\n font-family: 'open_sansbold';\n src: url(v5-hl-id/font/OpenSans-Bold-webfont.eot);\n src: url(v5-hl-id/font/OpenSans-Bold-webfont.eot?#iefix) format(\"embedded-opentype\"), url(v5-hl-id/font/OpenSans-Bold-webfont.woff) format(\"woff\"), url(v5-hl-id/font/OpenSans-Bold-webfont.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: 'open_sanslight';\n src: url(v5-hl-id/font/OpenSans-Light-webfont.eot);\n src: url(v5-hl-id/font/OpenSans-Light-webfont.eot?#iefix) format(\"embedded-opentype\"), url(v5-hl-id/font/OpenSans-Light-webfont.woff) format(\"woff\"), url(v5-hl-id/font/OpenSans-Light-webfont.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: 'open_sansregular';\n src: url(v5-hl-id/font/OpenSans-Regular-webfont.eot);\n src: url(v5-hl-id/font/OpenSans-Regular-webfont.eot?#iefix) format(\"embedded-opentype\"), url(v5-hl-id/font/OpenSans-Regular-webfont.woff) format(\"woff\"), url(v5-hl-id/font/OpenSans-Regular-webfont.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: 'open_sanssemibold';\n src: url(v5-hl-id/font/OpenSans-Semibold-webfont.eot);\n src: url(v5-hl-id/font/OpenSans-Semibold-webfont.eot?#iefix) format(\"embedded-opentype\"), url(v5-hl-id/font/OpenSans-Semibold-webfont.woff) format(\"woff\"), url(v5-hl-id/font/OpenSans-Semibold-webfont.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: 'markazi_text';\n src: url(v5-hl-id/font/MarkaziText-Regular.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n/* old cheatsheet necessary for main menu, footer, and others in imoney assets _inc folder */\n/* lighter font color */\n/* end of old cheatsheet */\n.page-nav {\n width: 100%;\n background: rgba(233, 237, 244, 0.5);\n border-top: 1px solid #E9EDF4;\n box-sizing: border-box;\n}\n@media screen and (min-width: 1024px) {\n.page-nav {\n border-top: 0;\n background: transparent;\n}\n}\n.page-nav .container {\n overflow: scroll;\n}\n@media screen and (min-width: 1024px) {\n.page-nav .container {\n overflow: hidden;\n}\n}\n#product-page .page-nav {\n margin: -50px 0 50px;\n}\n@media screen and (min-width: 1024px) {\n#product-page .page-nav {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n}\n.product-page-legacy .page-nav {\n margin: 0;\n}\n@media screen and (min-width: 1024px) {\n.product-page-legacy .page-nav {\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n}\n.page-menu {\n display: flex;\n}\n.page-menu li a {\n display: flex;\n height: 43px;\n align-items: center;\n padding: 0 15px;\n border-bottom: 2px solid transparent;\n box-sizing: border-box;\n color: #355FAB;\n transition: all 0.3s ease-in-out;\n white-space: nowrap;\n}\n.page-menu li a:hover, .page-menu li a:focus {\n border-color: #355FAB;\n}\n.page-menu li a.active {\n font-family: \"open_sanssemibold\", \"Helvetica Neue\", Arial, sans-serif;\n border-color: #355FAB;\n}\n.dfp-ads {\n width: 100%;\n padding: 15px;\n}\n.dfp-ads > div[id^=\"div-gpt-ad-\"] {\n margin: 0 auto;\n}\n@media (max-width: 1216px) {\n.dfp-ads.mid-leaderboard .is-hidden-touch {\n display: none !important;\n}\n}\n.dfp-ads.mid-leaderboard .is-hidden-tablet {\n margin-top: -35px;\n}\n@media (min-width: 769px) and (max-width: 1215px) {\n.dfp-ads.mid-leaderboard {\n padding: 0;\n}\n}\n.dfp-ads.skyscaper {\n padding: 0px;\n}\n@media screen and (max-width: 768px) {\n.dfp-ads {\n padding: 15px 0;\n}\n}\n@media screen and (max-width: 768px) {\n#product {\n margin-top: -20px;\n}\n}\n#product .product-wrapper {\n box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);\n background-color: #fff;\n border-radius: 3px;\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper {\n border-radius: 0px;\n}\n}\n#product .product-wrapper .header--product {\n padding: 35px 0 35px;\n background-color: #FFF;\n margin-top: 15px;\n border-radius: 3px 3px 0 0;\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .header--product {\n text-align: center;\n padding: 35px 20px;\n}\n}\n#product .product-wrapper .header--product-image {\n padding: 5px 0 0 30px;\n text-align: center;\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .header--product-image {\n padding: 5px;\n}\n}\n#product .product-wrapper .header--product-image img {\n max-height: 150px;\n}\n#product .product-wrapper .header--product-intro {\n padding-right: 40px;\n}\n#product .product-wrapper .header--product-intro h1 {\n font-size: 30px;\n font-family: \"open_sansbold\", \"Helvetica Neue\", Arial, sans-serif;\n line-height: 1em;\n margin-bottom: 10px;\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .header--product-intro {\n padding-right: 15px;\n}\n}\n#product .product-wrapper .section-keypoints {\n border-top: 1px solid #d5dde5;\n background-color: #eceff2;\n background-image: -webkit-linear-gradient(top, #eceff2 0, #fbfcfd 15%);\n background-image: linear-gradient(to bottom, #eceff2 0, #fbfcfd 15%);\n}\n#product .product-wrapper .section-keypoints .sprites {\n position: absolute;\n left: 25px;\n margin-top: 4px;\n background-image: url(/v5-hl-id/img/product-page-sprites.png);\n background-size: auto 219px;\n display: block;\n}\n@media (max-width: 480px) {\n#product .product-wrapper .section-keypoints .sprites {\n top: 20px;\n left: 0;\n right: 0;\n margin-left: auto;\n margin-right: auto;\n}\n}\n#product .product-wrapper .section-keypoints .sprites-keypoints_income {\n width: 45px;\n height: 40px;\n background-position: 0 0;\n}\n#product .product-wrapper .section-keypoints .sprites-keypoints_interest {\n width: 39px;\n height: 28px;\n background-position: -168px -5px;\n}\n#product .product-wrapper .section-keypoints .sprites-keypoints_tenure {\n width: 40px;\n height: 36px;\n background-position: -196px -45px;\n}\n#product .product-wrapper .section-keypoints .sprites-keypoints_duration {\n width: 28px;\n height: 34px;\n background-position: -208px -86px;\n}\n#product .product-wrapper .section-keypoints .sprites-keypoints_btransfer {\n width: 45px;\n height: 39px;\n background-position: -51px 0;\n}\n#product .product-wrapper .section-keypoints .sprites-keypoints_annual-fee {\n width: 45px;\n height: 35px;\n background-position: -115px 0;\n}\n#product .product-wrapper .section-keypoints .sprites-keypoints_percentage {\n width: 40px;\n height: 36px;\n background-position: -245px -45px;\n}\n#product .product-wrapper .section-keypoints li {\n line-height: 1.7rem;\n position: relative;\n padding: 20px 15px 20px 80px;\n color: #687179;\n font-size: 12px;\n margin-bottom: 7px;\n}\n#product .product-wrapper .section-keypoints li:not(:last-child) {\n border-right: 1px solid rgba(213, 221, 229, 0.5);\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .section-keypoints li:not(:last-child) {\n border-right: none;\n}\n}\n#product .product-wrapper .section-keypoints li .columns {\n margin-top: 0px;\n margin-bottom: 0px;\n}\n#product .product-wrapper .section-keypoints li h4 {\n line-height: 2rem;\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .section-keypoints li:nth-child(odd) {\n border-right: 1px solid rgba(213, 221, 229, 0.5);\n}\n#product .product-wrapper .section-keypoints li:nth-child(n+3) {\n border-top: 1px solid rgba(213, 221, 229, 0.5);\n}\n#product .product-wrapper .section-keypoints li:last-child {\n border-right: none;\n}\n}\n@media (max-width: 480px) {\n#product .product-wrapper .section-keypoints li {\n padding: 65px 15px 20px;\n text-align: center;\n}\n}\n#product .product-wrapper .section-promo {\n padding: 20px;\n background-color: #FBF4DC;\n border-top: 1px dashed #e8d39c;\n background-image: -webkit-linear-gradient(top, #FBF4DC 0%, #FEFBF1 15%);\n background-image: linear-gradient(to bottom, #FBF4DC 0%, #FEFBF1 15%);\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .section-promo {\n padding: 15px 30px;\n}\n}\n#product .product-wrapper .section-promo .sprites {\n display: inline-block;\n}\n#product .product-wrapper .section-promo .sprites-promo_gift {\n width: 50px;\n height: 51px;\n background-image: url(/v5-hl-id/img/product-page-sprites.png);\n background-position: -195px -154px;\n background-size: auto 219px;\n display: block;\n margin: 10px auto;\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .section-promo .sprites-promo_gift {\n margin: 0 auto;\n}\n}\n#product .product-wrapper .section-promo__wrapper-img {\n text-align: center;\n}\n#product .product-wrapper .section-promo .promo__content h4 {\n color: #68530B;\n margin-bottom: 5px;\n}\n#product .product-wrapper .section-promo .promo__content span {\n color: #CB9624;\n font-family: \"open_sansbold\", \"Helvetica Neue\", Arial, sans-serif;\n}\n#product .product-wrapper .main-highlights {\n background-color: #273039;\n color: #a9b1ba;\n padding: 30px;\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .main-highlights {\n padding: 0;\n}\n#product .product-wrapper .main-highlights-cta {\n background-color: #FFF;\n text-align: center;\n}\n}\n#product .product-wrapper .main-highlights h5 {\n font-size: 18px;\n font-size: 1.8rem;\n color: #2bb1dc;\n font-family: \"open_sansbold\", \"Helvetica Neue\", Arial, sans-serif;\n margin-bottom: 20px;\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .main-highlights h5 {\n text-align: center;\n}\n}\n#product .product-wrapper .main-highlights .btn-apply {\n width: 100%;\n}\n#product .product-wrapper .main-highlights .sprites {\n display: inline-block;\n content: \"\";\n vertical-align: middle;\n margin-right: 8px;\n}\n#product .product-wrapper .main-highlights .sprites__calculator {\n width: 24px;\n height: 30px;\n display: inline-block;\n background-image: url(/v5-hl-id/img/product-page-sprites.png);\n background-position: -159px -167px;\n background-size: auto 219px;\n}\n#product .product-wrapper .main-highlights-cta a {\n width: 100%;\n font-family: \"open_sanssemibold\", \"Helvetica Neue\", Arial, sans-serif;\n}\n#product .product-wrapper .main-highlights-cta-desktop {\n display: block;\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .main-highlights-cta-desktop {\n display: none;\n}\n}\n#product .product-wrapper .main-highlights-cta-mobile {\n display: none;\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .main-highlights-cta-mobile {\n display: block;\n padding: 30px;\n border-top: 1px solid #d5dde5;\n box-shadow: inset 0 1px 2px rgba(213, 221, 229, 0.5);\n}\n}\n#product .product-wrapper .calculator {\n display: table;\n width: 100%;\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .calculator {\n max-width: 500px;\n margin: 0 auto;\n}\n}\n#product .product-wrapper .calculator-wrapper {\n padding-right: 5%;\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .calculator-wrapper {\n padding-right: inherit;\n padding: 30px;\n padding-bottom: 40px;\n}\n}\n#product .product-wrapper .calculator-input {\n border: 2px solid #434c55;\n border-right: 1px solid #434c55;\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .calculator-input {\n border-bottom: 1px solid #434c55;\n border-right: 2px solid #434c55;\n}\n}\n#product .product-wrapper .calculator-input__amount .help.is-danger {\n margin-top: -10px;\n}\n#product .product-wrapper .calculator-result {\n border: 2px solid #434c55;\n border-left: 1px solid #434c55;\n background-color: rgba(67, 76, 85, 0.3);\n padding: 0%;\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .calculator-result {\n border-left: 2px solid #434c55;\n border-top: 1px solid #434c55;\n}\n}\n#product .product-wrapper .calculator-result__top {\n background-color: #273039;\n overflow: hidden;\n}\n#product .product-wrapper .calculator-result__top h3 {\n color: #e6aa47;\n font-size: 22px;\n font-family: \"open_sansbold\", \"Helvetica Neue\", Arial, sans-serif;\n margin-bottom: 0;\n letter-spacing: -1px;\n}\n@media screen and (min-width: 1024px) {\n#product .product-wrapper .calculator-result__top h3 {\n font-size: 30px;\n}\n}\n#product .product-wrapper .calculator-result__top .result__monthly-repayment {\n text-align: right;\n}\n#product .product-wrapper .calculator-result__top .result__monthly-repayment h3 {\n color: #2bb1dc;\n}\n#product .product-wrapper .calculator-result__bottom {\n font-size: 12px;\n padding: 15px;\n}\n#product .product-wrapper .calculator-result__bottom div[class*=\"result__\"] {\n margin-bottom: 10px;\n}\n#product .product-wrapper .calculator-result__bottom .result-amount {\n float: right;\n}\n#product .product-wrapper .features-highlight {\n background-color: #eceff2;\n background-image: -webkit-linear-gradient(bottom, #eceff2 0, #fbfcfd 15%);\n background-image: linear-gradient(to top, #eceff2 0, #fbfcfd 15%);\n padding: 30px;\n}\n#product .product-wrapper .features-highlight small {\n margin-top: 20px;\n display: block;\n font-style: italic;\n}\n#product .product-wrapper .features-highlight h5 {\n line-height: 2.2rem;\n font-size: 18px;\n margin-bottom: 15px;\n color: #1e7ea9;\n font-family: \"open_sanssemibold\", \"Helvetica Neue\", Arial, sans-serif;\n}\n#product .product-wrapper .features-highlight-list li {\n position: relative;\n margin-bottom: 8px;\n font-size: 1.6rem;\n font-family: \"open_sanslight\", \"Helvetica Neue\", Arial, sans-serif;\n padding-left: 30px;\n}\n#product .product-wrapper .features-highlight-list li:before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 2px;\n width: 22px;\n height: 22px;\n background-position: -213px 0;\n display: inline-block;\n vertical-align: middle;\n margin-right: 8px;\n background-repeat: no-repeat;\n background-image: url(/v5-hl-id/img/product-page-sprites.png);\n background-size: auto 219px;\n}\n#product .product-wrapper .features-information {\n background-color: #FFF;\n padding: 30px;\n}\n#product .product-wrapper .features-information .features-body {\n margin: 10px 0 20px 0;\n}\n#product .product-wrapper .features-information .features-body ul {\n list-style: inherit;\n margin-left: 20px;\n margin-bottom: 20px;\n}\n#product .product-wrapper .features-information .table-info {\n border: 2px solid #eceff2;\n width: 100%;\n color: #687179;\n margin-bottom: 20px;\n font-size: 14px;\n}\n#product .product-wrapper .features-information .table-info td {\n border-bottom: 1px solid #eceff2;\n padding: 8px 15px;\n}\n#product .product-wrapper .features-information .table-info td:last-child {\n width: 70%;\n color: #193d5a;\n font-family: \"open_sanssemibold\", \"Helvetica Neue\", Arial, sans-serif;\n}\n#product .product-wrapper .features-information .table-info td:not(:last-child) {\n border-right: 1px solid #eceff2;\n}\n#product .product-wrapper .features-information .table-info th {\n background-color: #eceff2;\n padding: 8px 15px;\n text-align: left;\n color: #193d5a;\n font-size: 14px;\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .features-information .section-features__aside {\n display: none;\n}\n}\n#product .product-wrapper .features-information .section-features__aside .aside-block h4 {\n font-size: 17px;\n font-size: 1.7rem;\n margin-bottom: 16px;\n margin-top: 6px;\n position: relative;\n padding-left: 20px;\n line-height: 20px;\n}\n#product .product-wrapper .features-information .section-features__aside .aside-block h4:before {\n content: '';\n width: 12px;\n height: 12px;\n background: url(/v5-hl-id/img/product-page-sprites.png) no-repeat -147px -167px;\n background-size: auto 219px;\n display: inline-block;\n margin-right: 5px;\n position: absolute;\n left: 0;\n top: 5px;\n}\n#product .product-wrapper .features-information .section-features__aside .aside-block .color-complement, #product .product-wrapper .features-information .section-features__aside .aside-block a.color-complement {\n color: #f16657;\n}\n#product .product-wrapper .features-information .section-features__aside .aside-block .suggested__product {\n display: block;\n -webkit-transition: all 0.1s linear;\n -o-transition: all 0.1s linear;\n transition: all 0.1s linear;\n border-radius: 3px;\n border: 1px solid #d5dde5;\n overflow: hidden;\n}\n#product .product-wrapper .features-information .section-features__aside .aside-block .suggested__product:hover {\n box-shadow: 0 0 0 1px #44acdc;\n border-color: #44acdc;\n}\n#product .product-wrapper .features-information .section-features__aside .aside-block .suggested__product--title {\n padding: 12px 20px;\n font-family: \"open_sanssemibold\", \"Helvetica Neue\", Arial, sans-serif;\n border-bottom: 1px solid #d5dde5;\n color: #1e7ea9;\n line-height: 1.25;\n overflow: hidden;\n}\n#product .product-wrapper .features-information .section-features__aside .aside-block .suggested__product--title p {\n display: inline-block;\n width: -webkit-calc(100% - 65px);\n width: calc(100% - 65px);\n margin-bottom: 0;\n}\n@media screen and (min-width: 769px) and (max-width: 1023px) {\n#product .product-wrapper .features-information .section-features__aside .aside-block .suggested__product--title p {\n display: block;\n}\n}\n#product .product-wrapper .features-information .section-features__aside .aside-block .suggested__product--title img {\n display: inline-block;\n max-width: 55px;\n margin-right: 10px;\n margin-top: 3px;\n vertical-align: baseline;\n float: left;\n}\n#product .product-wrapper .features-information .section-features__aside .aside-block .suggested__product--info {\n width: 50%;\n float: left;\n padding: 12px 15px;\n font-size: 13px;\n color: #687179;\n border-right: 1px solid #d5dde5;\n}\n@media screen and (min-width: 769px) and (max-width: 1023px) {\n#product .product-wrapper .features-information .section-features__aside .aside-block .suggested__product--info {\n width: 100%;\n border-right: none;\n}\n#product .product-wrapper .features-information .section-features__aside .aside-block .suggested__product--info:last-child {\n border-top: 1px solid #d5dde5;\n}\n}\n#product .product-wrapper .features-information .section-features__aside .aside-block .suggested__product--info:last-of-type {\n border-left: 1px solid #d5dde5;\n border-right: none;\n margin-left: -1px;\n}\n#product .product-wrapper .features-information .section-features__aside .aside-block .suggested__product--info strong {\n font-size: 16px;\n color: #355FAB;\n font-family: \"open_sanssemibold\", \"Helvetica Neue\", Arial, sans-serif;\n}\n#product .product-wrapper .review {\n margin-bottom: 30px;\n}\n#product .product-wrapper .review__header {\n background-color: #ECF0F4;\n background: -webkit-linear-gradient(top, #dde2e6, #ecf0f4);\n background: linear-gradient(to bottom, #dde2e6, #ecf0f4);\n padding: 40px 30px;\n text-align: center;\n}\n#product .product-wrapper .review__header .divider {\n width: 200px;\n height: 1px;\n border-top: solid 1px #D6DEE4;\n display: inline-block;\n margin-bottom: 20px;\n}\n#product .product-wrapper .review__header .divider--left {\n margin-right: 15px;\n}\n#product .product-wrapper .review__header .divider--right {\n margin-left: 15px;\n}\n@media screen and (max-width: 768px) {\n#product .product-wrapper .review__header .divider {\n width: 30%;\n}\n}\n#product .product-wrapper .review__header .sprites {\n content: '';\n display: inline-block;\n}\n#product .product-wrapper .review__header .sprites_review {\n width: 59px;\n height: 49px;\n background-position: -246px -154px;\n background-image: url(/v5-hl-id/img/product-page-sprites.png);\n background-size: auto 219px;\n display: inline-block;\n}\n#product .product-wrapper .review__body {\n padding: 40px 30px;\n}\n#product .product-wrapper .review__body h1, #product .product-wrapper .review__body h2, #product .product-wrapper .review__body h3, #product .product-wrapper .review__body h4, #product .product-wrapper .review__body h5, #product .product-wrapper .review__body h6 {\n margin-bottom: 10px;\n}\n#product .product-wrapper .review__body h3 {\n font-family: \"open_sansbold\", \"Helvetica Neue\", Arial, sans-serif;\n margin-top: 30px;\n}\n#product .product-wrapper .review__body h5 {\n font-size: 1.6rem;\n font-size: 16px;\n margin-top: 15px;\n}\n#product .product-wrapper .review__body ul {\n list-style: inherit;\n margin-left: 18px;\n margin-bottom: 10px;\n}\n#product .product-wrapper .review__body .faq-title {\n font-family: \"open_sanslight\", \"Helvetica Neue\", Arial, sans-serif;\n color: #1e7ea9;\n font-size: 24px;\n margin-top: 30px;\n line-height: 1.1;\n}\n#product .product-wrapper .review__body table {\n margin-top: 15px;\n display: block;\n max-width: 100%;\n overflow-x: auto;\n}\n#product .product-wrapper .review__body table td {\n border: 2px solid #eceff2;\n padding: 8px 15px;\n}\n#product .product-wrapper .review__body table th {\n border: 2px solid #eceff2;\n background-color: #eceff2;\n padding: 8px 15px;\n text-align: left;\n color: #355FAB;\n font-size: 14px;\n}\n#product .product-wrapper .footer:before {\n background-image: none;\n}\n\n@keyframes spinAround {\nfrom {\n transform: rotate(0deg);\n}\nto {\n transform: rotate(359deg);\n}\n}\n@font-face {\n font-family: 'open_sansbold';\n src: url(v5-hl-id/font/OpenSans-Bold-webfont.eot);\n src: url(v5-hl-id/font/OpenSans-Bold-webfont.eot?#iefix) format(\"embedded-opentype\"), url(v5-hl-id/font/OpenSans-Bold-webfont.woff) format(\"woff\"), url(v5-hl-id/font/OpenSans-Bold-webfont.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: 'open_sanslight';\n src: url(v5-hl-id/font/OpenSans-Light-webfont.eot);\n src: url(v5-hl-id/font/OpenSans-Light-webfont.eot?#iefix) format(\"embedded-opentype\"), url(v5-hl-id/font/OpenSans-Light-webfont.woff) format(\"woff\"), url(v5-hl-id/font/OpenSans-Light-webfont.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: 'open_sansregular';\n src: url(v5-hl-id/font/OpenSans-Regular-webfont.eot);\n src: url(v5-hl-id/font/OpenSans-Regular-webfont.eot?#iefix) format(\"embedded-opentype\"), url(v5-hl-id/font/OpenSans-Regular-webfont.woff) format(\"woff\"), url(v5-hl-id/font/OpenSans-Regular-webfont.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: 'open_sanssemibold';\n src: url(v5-hl-id/font/OpenSans-Semibold-webfont.eot);\n src: url(v5-hl-id/font/OpenSans-Semibold-webfont.eot?#iefix) format(\"embedded-opentype\"), url(v5-hl-id/font/OpenSans-Semibold-webfont.woff) format(\"woff\"), url(v5-hl-id/font/OpenSans-Semibold-webfont.ttf) format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n/* base font color */\n/* #5e6a77 lighter font color */\n/* color for darkblue section */\n/*#f3f7f8*/\n.form-group {\n margin-bottom: 15px;\n}\n.form-group .has-addons select:first-child {\n border-radius: 3px 0 0 3px;\n -webkit-appearance: none;\n margin-right: -1px;\n}\n.form-group .has-addons .control {\n height: 40px;\n}\n.form-group .has-addons .control span {\n font-size: 14px;\n font-size: 1.4rem;\n height: 40px;\n}\n.form-group input:focus {\n border-color: #66afe9;\n box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);\n outline: 0;\n -webkit-appearence: none;\n -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n}\n.form-group input::placeholder {\n color: #ccc;\n opacity: 1;\n}\n.form-group input:-ms-input-placeholder, .form-group input::ms-input-placeholder {\n color: #ccc;\n}\n.form-control {\n display: block;\n width: 100%;\n height: 40px;\n padding: 6px 12px;\n font-size: 14px;\n font-size: 1.4rem;\n color: #555;\n line-height: 1.428571429;\n background-color: #FFF;\n background-image: none;\n border: 1px solid #CCC;\n border-radius: 3px;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);\n -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n}\n#btn-next, #btn-back {\n display: block;\n margin: 0 auto;\n width: 100px;\n margin-bottom: 10px;\n}\n#btn-next:hover, #btn-back:hover {\n cursor: pointer;\n}\n#btn-back {\n border: none;\n color: #1e7ea9;\n}\n.btn-apply-complement {\n width: auto;\n width: 100%;\n margin-bottom: 10px;\n}\n.b-checkbox.checkbox + .checkbox {\n margin-left: 0px;\n}\n.modal-mask {\n position: fixed;\n z-index: 100;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: table;\n -webkit-transition: opacity 0.3s ease;\n -o-transition: opacity 0.3s ease;\n transition: opacity 0.3s ease;\n}\n.modal-wrapper {\n display: table-cell;\n vertical-align: middle;\n}\n.modal-container {\n overflow: scroll !important;\n -webkit-overflow-scrolling: touch;\n width: 570px;\n margin: 0px auto;\n background-color: #FFF;\n border-radius: 2px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n -webkit-transition: all 0.3s ease;\n -o-transition: all 0.3s ease;\n transition: all 0.3s ease;\n font-family: \"open_sansregular\", \"Helvetica Neue\", Arial, sans-serif;\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n z-index: 100;\n}\n@media (max-width: 585px) {\n.modal-container {\n width: 100%;\n}\n}\n.modal-body {\n margin: 20px 0;\n margin-top: 0px;\n}\n.active .modal-background {\n position: fixed;\n z-index: -999;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: block;\n -webkit-transition: opacity 0.3s ease;\n -o-transition: opacity 0.3s ease;\n transition: opacity 0.3s ease;\n z-index: 99;\n}\n.fade-enter-active, .fade-leave-active {\n -webkit-transition: opacity 0.5s;\n -o-transition: opacity 0.5s;\n transition: opacity 0.5s;\n}\n.fade-enter, .fade-leave-to {\n opacity: 0;\n}\n.modal-default-button {\n float: right;\n}\n.modal-enter {\n opacity: 0;\n}\n.modal-leave-active {\n opacity: 0;\n}\n.modal-enter .modal-container, .modal-leave-active .modal-container {\n -webkit-transform: translateX(400px);\n transform: translateX(400px);\n}\n.modal-leave-active .modal-background {\n position: fixed;\n z-index: -999;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0);\n display: table;\n -webkit-transition: all 0.3s ease;\n -o-transition: all 0.3s ease;\n transition: all 0.3s ease;\n}\n.modal-header {\n background-color: #3981ca;\n color: #FFF;\n padding: 15px 50px;\n text-align: center;\n line-height: 1.2;\n font-size: 22px;\n font-size: 2.2rem;\n font-family: \"open_sanslight\", \"Helvetica Neue\", Arial, sans-serif;\n position: relative;\n}\n.modal-header h3 {\n margin-top: 0;\n color: #42b983;\n}\n.modal-header .close-apply {\n background-image: url(/v5-hl-id/img/icon-base.png);\n background-position: -2144px -51px;\n width: 20px;\n height: 20px;\n color: #FFF;\n display: inline-block;\n position: absolute;\n top: calc(50% - 10px);\n left: 20px;\n -webkit-transition: 0.2s ease;\n -o-transition: 0.2s ease;\n transition: 0.2s ease;\n -webkit-transition-property: transform;\n transition-property: transform;\n}\n.modal-header .close-apply:hover {\n -moz-transform: rotate(-90deg);\n -o-transform: rotate(-90deg);\n -ms-transform: rotate(-90deg);\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n}\n.apply-product {\n padding: 20px;\n background-color: #FFF;\n text-align: center;\n}\n.apply-product img {\n width: 85px;\n margin-right: 5px;\n}\n.apply-product--content {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.apply-product .product-name {\n display: inline-block;\n margin: 0;\n padding-top: 4px;\n color: #434c55;\n font-family: \"open_sansregular\", \"Helvetica Neue\", Arial, sans-serif;\n font-size: 18px;\n font-size: 1.8rem;\n}\n.apply-detail {\n background-color: #eceff2;\n font-size: 12px;\n font-size: 1.2rem;\n color: #828282;\n margin-bottom: 30px;\n display: block;\n}\n.apply-detail span {\n display: block;\n font-family: \"open_sanssemibold\", \"Helvetica Neue\", Arial, sans-serif;\n font-size: 16px;\n font-size: 1.6rem;\n color: #434c55;\n}\n.apply-detail-columns .row:first-child {\n border-bottom: solid 1px #dbdde0;\n}\n.privacy-policy {\n color: #888;\n text-align: left;\n padding-left: 17px;\n font-family: \"open_sansregular\", \"Helvetica Neue\", Arial, sans-serif;\n color: #888;\n line-height: 1.25;\n font-size: 12px;\n font-size: 1.2rem;\n margin-top: 15px;\n}\n.privacy-policy input[type=\"checkbox\"] {\n position: absolute;\n margin-left: -17px;\n margin-right: 5px;\n margin-top: 3px;\n}\n.apply-form {\n padding: 0 30px;\n}\n.apply-form li {\n color: #434c55;\n}\n.apply-form h4 {\n margin-bottom: 10px;\n font-family: \"open_sansregular\", \"Helvetica Neue\", Arial, sans-serif;\n color: #434c55;\n text-align: center;\n font-size: 20px;\n font-size: 2rem;\n}\n.apply-form h5 {\n font-family: \"open_sansregular\", \"Helvetica Neue\", Arial, sans-serif;\n font-size: 16px;\n font-size: 1.6rem;\n color: #8e8e8e;\n margin-bottom: 30px;\n text-align: center;\n line-height: 20px;\n}\n.apply-form label {\n display: inline-block;\n max-width: 100%;\n margin-bottom: 5px;\n font-family: \"open_sanssemibold\", \"Helvetica Neue\", Arial, sans-serif;\n}\n.apply-form .columns-form-group {\n margin-left: -8px;\n margin-right: -8px;\n margin-top: -8px;\n}\n.apply-form .btns-radio input[type=\"radio\"] {\n display: none;\n}\n.apply-form .btns-radio input[type=\"radio\"] + label {\n display: block;\n cursor: pointer;\n z-index: 90;\n background-color: #e8eaeb;\n border: solid 1px #e8eaeb;\n border-radius: 3px;\n padding: 8px 12px;\n font-family: \"open_sansregular\", \"Helvetica Neue\", Arial, sans-serif;\n font-size: 14px;\n font-size: 1.4rem;\n color: #434c55;\n font-family: \"open_sanssemibold\", \"Helvetica Neue\", Arial, sans-serif;\n}\n.apply-form .btns-radio input[type=\"radio\"] + label:hover {\n background-color: #cdd1d3;\n}\n.apply-form .btns-radio input[type=\"radio\"] + label .tick {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n background-color: #FFF;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n margin-right: 8px;\n padding-left: 3px;\n padding-top: 4px;\n}\n.apply-form .btns-radio input[type=\"radio\"]:checked + label {\n background-color: #f16657;\n border: solid 1px #f16657;\n color: #FFF;\n}\n.apply-form .btns-radio input[type=\"radio\"]:checked + label .tick:before {\n background-image: url(/v5-hl-id/img/icon-base.png);\n background-position: -1990px -38px;\n width: 13px;\n height: 11px;\n display: block;\n content: \"\";\n}\n.apply-form .field-form-control .control {\n height: 40px;\n}\n.apply-form .field-form-control .control a {\n font-size: 15px;\n font-size: 1.5rem;\n}\n.form-quickapply {\n margin-top: 50px;\n}\n.form-progressbar {\n display: block;\n height: 2px;\n width: 100%;\n background-color: #dce5e8;\n position: relative;\n z-index: 0;\n margin: 0 auto;\n margin-bottom: -15px;\n width: 80%;\n}\n.form-progressbar--active {\n background-color: #6dbc63;\n height: 2px;\n display: block;\n position: relative;\n z-index: 1;\n left: 0;\n width: 0%;\n -webkit-transition: width 0.7s ease-out;\n -o-transition: width 0.7s ease-out;\n transition: width 0.7s ease-out;\n}\n.im-carousel ul {\n border-bottom-color: inherit;\n border-bottom-style: inherit;\n border-bottom-width: inherit;\n}\n.im-carousel li {\n flex: auto;\n border-radius: 50%;\n}\n.im-carousel a {\n background-color: #FFF;\n height: 30px;\n width: 30px;\n border-radius: 50%;\n margin-bottom: 0 !important;\n margin: 0 auto;\n border: 1px solid #6e8f98;\n color: #6e8f98 !important;\n padding: 0 !important;\n border-bottom-color: inherit !important;\n position: relative;\n z-index: 99;\n font-size: 14px;\n font-size: 1.4rem;\n}\n.im-carousel .is-active a {\n color: #FFF !important;\n background-color: #6dbc63;\n border: none;\n}\nnav.tabs {\n margin-bottom: 15px;\n width: 80%;\n margin: 0 auto;\n}\nnav.tabs ul {\n justify-content: space-between;\n}\nnav.tabs li {\n flex: none;\n}\n.wrap-cta {\n width: 100%;\n padding: 0 40px;\n}\n.wrap-cta .btn {\n margin: 0 auto;\n}\n.form-quickapply__single {\n padding: 15px;\n margin-top: -50px;\n}\n.circle-greentick {\n color: #FFF !important;\n background-color: #6dbc63;\n border: none;\n height: 30px;\n width: 30px;\n border-radius: 50%;\n padding: 5px;\n margin: 0 auto;\n margin-bottom: 10px;\n}\n.sprite {\n display: block;\n}\n.sprite_tick-white {\n background-image: url(v5-hl-id/font/tick-success.svg);\n width: 20px;\n height: 20px;\n display: inline-block;\n position: relative;\n background-size: cover;\n background-size: 90%;\n background-position: center;\n background-repeat: no-repeat;\n}\n@media (max-width: 490px) {\n.imoney-ms .modal-header {\n height: initial;\n min-height: 65px;\n padding: 15px 55px;\n font-size: 18px;\n font-size: 1.8rem;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n}\n","media":""}}},googletag.cmd.push(function(){googletag.defineSlot("/422122608/V4_728_90_Top_Leaderboard_D",[728,90],"div-gpt-ad-1538721413410-0").addService(googletag.pubads()),googletag.defineSlot("/422122608/V4_320_50_Top_Leaderboard_M",[320,50],"div-gpt-ad-1538722506503-0").addService(googletag.pubads()),googletag.defineSlot("/422122608/V4_728_90_Mid_Leaderboard_D",[728,90],"div-gpt-ad-1538722846926-0").addService(googletag.pubads()),googletag.defineSlot("/422122608/V4_320_50_Mid_Leaderboard_M",[320,50],"div-gpt-ad-1538722942673-0").addService(googletag.pubads()),googletag.defineSlot("/422122608/V4_240_600_Wide_Skyscraper",[[160,600],[240,600]],"div-gpt-ad-1538723615290-0").addService(googletag.pubads()),googletag.pubads().enableSingleRequest(),googletag.pubads().collapseEmptyDivs(),googletag.pubads().setTargeting("Path",["hdb-home-loan","home-loan","home-loan-islamic","home-loan-refinance","pinjaman-perumahan","pinjaman-perumahan-islamik","pinjaman-perumahan-","refinance-rumah","kredit-pemilikan-rumah","housing-loan"]).setTargeting("Category",["hdb-home-loan","home-loan","home-loan-islamic","home-loan-refinance","pinjaman-perumahan","pinjaman-perumahan-islamik","pinjaman-perumahan-","refinance-rumah","kredit-pemilikan-rumah","housing-loan"]).setTargeting("Region",["id"]),googletag.enableServices()})
KPR Griya Monas sesuai untuk pembelian rumah baru atau bekas, apartemen, ruko, perbaikan dan pembangunan rumah. Suku bunga KPR 10% untuk pinjaman pembelian rumah baru dan 13% untuk pembelian rumah bekas fix 1 tahun pertama selanjutnya floating
Usia minimum | 21 tahun atau telah menikah |
Jangka waktu pinjaman | 20 tahun |
Plafon pinjaman | 90% |
Cocok untuk | rumah baru atau bekas, dalam tahap pembangunan, renovasi dan pembiayaan lainnya |
Suku Bunga | kompetitif |
Fix 1 tahun | |
---|---|
Fitur Utama | Suku bunga menurun fix 1 tahun pertama |
Max Plafon Pinjaman | 90% dari nilai aset yang diagunkan |
Max Durasi Pinjaman | 20 tahun |
Suku Bunga | 10% jika pinjaman rumah baru dan 13% untuk rumah bekas fix 1 tahun pertama dan floating di tahun berikutnya |
Penalti Pelunasan Awal | Tergantung pihak Marketing |