/* Variable */
.icon-arrow_down, .icon-arrow_down\:regular, .icon-button_close, .icon-button_close\:regular, .icon-ceklist, .icon-ceklist\:regular, .icon-icon_building, .icon-icon_building\:regular, .icon-icon_smartphone, .icon-icon_smartphone\:regular, .icon-icon_calendar, .icon-icon_calendar\:regular, .icon-icon_cheklist, .icon-icon_cheklist\:regular, .icon-icon_kota, .icon-icon_kota\:regular, .icon-icon_lock, .icon-icon_lock\:regular, .icon-icon_mail_user, .icon-icon_mail_user\:regular, .icon-icon_negara, .icon-icon_negara\:regular, .icon-icon_password, .icon-icon_password\:regular, .icon-icon_refresh, .icon-icon_refresh\:regular, .icon-icon_user, .icon-icon_user\:regular, .icon-logo_fb, .icon-logo_fb\:regular, .icon-user, .icon-user\:regular, .icon-warning_icon, .icon-warning_icon\:regular, .icon-icon-fb, .icon-icon-fb\:regular, .icon-icon-gplus, .icon-icon-gplus\:regular, .icon-icon-instagram, .icon-icon-instagram\:regular, .icon-icon-twitter, .icon-icon-twitter\:regular, .icon-icon-youtube, .icon-icon-youtube\:regular { background-repeat: no-repeat; }

.icon-arrow_down, .icon-arrow_down\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%227%22%20width%3D%2212%22%20version%3D%221.1%22%20viewBox%3D%220%200%2012%207%22%3E%3Ctitle%3EShape%20Copy%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22arrow_down-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22arrow_down-Detik_Connect_desktop_daftar-dgn-Email_Alt2-icon%22%20fill%3D%22%239B9B9B%22%20transform%3D%22translate%28-1003%20-585%29%22%3E%3Cg%20id%3D%22arrow_down-Group-9%22%20transform%3D%22translate%28752%20503%29%22%3E%3Cpolygon%20id%3D%22arrow_down-Shape-Copy%22%20points%3D%22261.6%2082%20257%2086.351%20252.4%2082%20251%2083.324%20257%2089%20263%2083.324%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-arrow_down-dims { width: 12px; height: 7px; }

.icon-button_close, .icon-button_close\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2218%22%20width%3D%2218%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%3E%3Ctitle%3Ebutton_close%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22button_close-Symbols%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22button_close-header-biru-desktop-copy%22%20fill%3D%22%23fff%22%20transform%3D%22translate%28-756%20-25%29%22%3E%3Cpath%20id%3D%22button_close-button_close%22%20d%3D%22m766.59%2034l7.08-7.078c0.44-0.44%200.44-1.153%200-1.592-0.44-0.44-1.15-0.44-1.59%200l-7.08%207.078-7.08-7.078c-0.44-0.44-1.15-0.44-1.59%200-0.44%200.439-0.44%201.152%200%201.592l7.08%207.078-7.08%207.079c-0.44%200.439-0.44%201.152%200%201.592%200.22%200.219%200.51%200.329%200.8%200.329%200.28%200%200.57-0.11%200.79-0.33l7.08-7.078%207.08%207.078c0.22%200.22%200.51%200.33%200.79%200.33%200.29%200%200.58-0.11%200.8-0.33%200.44-0.439%200.44-1.152%200-1.592l-7.08-7.078z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-button_close-dims { width: 18px; height: 18px; }

.icon-ceklist, .icon-ceklist\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2218%22%20width%3D%2218%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%3E%3Ctitle%3Eceklist%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22ceklist-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22ceklist-Detik_Connect_desktop_daftar-dgn-G%2B_FB%22%20transform%3D%22translate%28-672%20-438%29%22%3E%3Cg%20id%3D%22ceklist-Group-11%22%20transform%3D%22translate%28401%20424.5%29%22%3E%3Cg%20id%3D%22ceklist-ceklist-copy%22%20transform%3D%22translate%28271%2014%29%22%3E%3Cg%20id%3D%22ceklist-icon_x_cheklist%22%20fill%3D%22%23D0021B%22%3E%3Ccircle%20id%3D%22ceklist-Oval-2-Copy%22%20cy%3D%228.6786%22%20cx%3D%229.1071%22%20r%3D%228.5714%22%2F%3E%3C%2Fg%3E%3Cpolygon%20id%3D%22ceklist-Shape%22%20points%3D%2213%205.8%2012.2%205%209%208.2%205.8%205%205%205.8%208.2%209%205%2012.2%205.8%2013%209%209.8%2012.2%2013%2013%2012.2%209.8%209%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-ceklist-dims { width: 18px; height: 18px; }

.icon-icon_building, .icon-icon_building\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2218%22%20width%3D%2218%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%3E%3Ctitle%3Ebuilding%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22icon_building-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22icon_building-Detik_Connect_desktop_daftar-dgn-G%2B_FB%22%20fill-rule%3D%22nonzero%22%20fill%3D%22%234A4A4A%22%20transform%3D%22translate%28-763%20-623%29%22%3E%3Cg%20id%3D%22icon_building-Group-9%22%20transform%3D%22translate%28752%20590.5%29%22%3E%3Cg%20id%3D%22icon_building-Group-Copy-4%22%20transform%3D%22translate%280%2022%29%22%3E%3Cpath%20id%3D%22icon_building-building%22%20d%3D%22m11.5%2028.5h8.75v-17.5h-8.75v17.5zm5.469-15.312h2.187v2.187h-2.187v-2.187zm0%204.374h2.187v2.188h-2.187v-2.188zm0%204.376h2.187v2.187h-2.187v-2.187zm-4.375-8.75h2.187v2.187h-2.187v-2.187zm0%204.374h2.187v2.188h-2.187v-2.188zm0%204.376h2.187v2.187h-2.187v-2.187zm8.75-5.469h7.656v1.093h-7.656v-1.093zm0%2012.031h2.187v-4.375h3.281v4.375h2.188v-9.844h-7.656v9.844z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-icon_building-dims { width: 18px; height: 18px; }

.icon-icon_smartphone, .icon-icon_smartphone\:regular { background-image: url("../../images/icons/icon_smartphone.svg"); }

.icon-icon_smartphone-dims { width: 10px; height: 16px; }

.icon-icon_calendar, .icon-icon_calendar\:regular { background-image: url("../../images/icon-calendar.png"); background-size: contain; }

.icon-icon_calendar-dims { width: 17px; height: 18px; }

.icon-icon_cheklist, .icon-icon_cheklist\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2218%22%20width%3D%2218%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%3E%3Ctitle%3Eicon_cheklist%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22icon_cheklist-Symbols%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22icon_cheklist-cheklist-setuju%22%3E%3Cg%20id%3D%22icon_cheklist-icon_cheklist%22%20transform%3D%22translate%280%200.5%29%22%3E%3Ccircle%20id%3D%22icon_cheklist-Oval-2-Copy%22%20cy%3D%228.6786%22%20cx%3D%229.1071%22%20r%3D%228.5714%22%20fill%3D%22%234986F2%22%2F%3E%3Cpolygon%20id%3D%22icon_cheklist-Path%22%20points%3D%227.2857%2012.857%203%208.7363%204.2%207.5824%207.2857%2010.549%2013.8%204.2857%2015%205.4396%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-icon_cheklist-dims { width: 18px; height: 18px; }

.icon-icon_kota, .icon-icon_kota\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2218%22%20width%3D%2218%22%20version%3D%221.1%22%20viewBox%3D%220%200%2018%2018%22%3E%3Ctitle%3Eicon_kota%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22icon_kota-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22icon_kota-Detik_Connect_desktop_daftar-dgn-Email_Alt2-icon%22%20transform%3D%22translate%28-763%20-578%29%22%3E%3Cg%20id%3D%22icon_kota-Group-9%22%20transform%3D%22translate%28752%20546%29%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-icon_kota-dims { width: 18px; height: 18px; }

.icon-icon_lock, .icon-icon_lock\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2218%22%20width%3D%2213%22%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2018%22%3E%3Ctitle%3Eicon_lock%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22icon_lock-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22icon_lock-Detik_Connect_desktop_login%22%20fill-rule%3D%22nonzero%22%20fill%3D%22%234A4A4A%22%20transform%3D%22translate%28-570%20-629%29%22%3E%3Cg%20id%3D%22icon_lock-Group-2%22%20transform%3D%22translate%28555%20619%29%22%3E%3Cg%20id%3D%22icon_lock-icon_lock%22%20transform%3D%22translate%2815%2010.5%29%22%3E%3Cpath%20id%3D%22icon_lock-Shape%22%20d%3D%22m12.396%206.375h-1.063v-1.4167c0-2.734-2.2239-4.9583-4.958-4.9583s-4.9583%202.2243-4.9583%204.9583v1.4167h-1.0625c-0.19579%200-0.3542%200.1584-0.3542%200.3542v8.8538c0%200.782%200.63534%201.417%201.4167%201.417h9.9163c0.782%200%201.417-0.635%201.417-1.417v-8.8538c0-0.1958-0.158-0.3542-0.354-0.3542zm-4.9606%207.398c0.0111%200.1-0.021%200.201-0.0881%200.276s-0.1633%200.118-0.2639%200.118h-1.4167c-0.1007%200-0.1968-0.043-0.2639-0.118s-0.0993-0.176-0.0882-0.276l0.2234-2.009c-0.3628-0.264-0.5796-0.681-0.5796-1.139%200-0.7813%200.6353-1.4167%201.4166-1.4167%200.7814%200%201.4167%200.6354%201.4167%201.4167%200%200.458-0.2168%200.875-0.5796%201.139l0.2233%202.009zm1.7729-7.398h-5.6666v-1.4167c0-1.5623%201.271-2.8333%202.8333-2.8333s2.8333%201.271%202.8333%202.8333v1.4167z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-icon_lock-dims { width: 13px; height: 18px; }

.icon-icon_mail_user, .icon-icon_mail_user\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2213%22%20width%3D%2215%22%20version%3D%221.1%22%20viewBox%3D%220%200%2015%2013%22%3E%3Ctitle%3Email_user%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22icon_mail_user-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22icon_mail_user-Detik_Connect_desktop_daftar-Lupa-password-2%22%20fill-rule%3D%22nonzero%22%20fill%3D%22%234A4A4A%22%20transform%3D%22translate%28-564%20-465%29%22%3E%3Cg%20id%3D%22icon_mail_user-Group-3%22%20transform%3D%22translate%28551%20429%29%22%3E%3Cg%20id%3D%22icon_mail_user-Group%22%20transform%3D%22translate%280%2022%29%22%3E%3Cg%20id%3D%22icon_mail_user-mail_user%22%20transform%3D%22translate%2813%2014.5%29%22%3E%3Cpath%20id%3D%22icon_mail_user-Shape%22%20d%3D%22m14.533%2011.657l-4.248-4.3249c-0.102%200.0743-0.201%200.1466-0.2943%200.2153-0.3179%200.2384-0.5759%200.4245-0.7741%200.5578-0.1981%200.1336-0.4616%200.2699-0.7907%200.4089-0.3292%200.1393-0.6359%200.2087-0.9205%200.2087-0.3012%200-0.6079-0.0694-0.9371-0.2087-0.3292-0.139-0.5928-0.2753-0.7907-0.4089-0.1981-0.1333-0.456-0.3194-0.7741-0.5578-0.0886-0.0662-0.1869-0.1388-0.2932-0.2165l-4.249%204.3261c0.24827%200.224%200.5405%200.337%200.8775%200.337h12.317c0.337%200%200.629-0.113%200.877-0.337z%22%2F%3E%3Cpath%20id%3D%22icon_mail_user-Shape%22%20d%3D%22m0.8452%204.6087c-0.31789-0.2157-0.59978-0.4628-0.8452-0.7411v6.5794l3.7443-3.8113c-0.7491-0.5324-1.7142-1.2072-2.8991-2.027z%22%2F%3E%3Cpath%20id%3D%22icon_mail_user-Shape%22%20d%3D%22m14.158%204.6087c-1.14%200.7853-2.109%201.4614-2.906%202.0285l3.742%203.8108v-6.5804c-0.24%200.2727-0.518%200.5196-0.836%200.7411z%22%2F%3E%3Cpath%20id%3D%22icon_mail_user-Shape%22%20d%3D%22m13.656%200.00036028h-12.317c-0.42983%200-0.76018%200.14771-0.9916%200.44284-0.23162%200.29526-0.34724%200.6645-0.34724%201.1073%200.00000334%200.3577%200.15343%200.7453%200.46016%201.1629%200.30672%200.4174%200.63308%200.7452%200.97898%200.9837%200.1896%200.1364%200.7614%200.5411%201.7154%201.2139%200.515%200.3633%200.9628%200.6799%201.3477%200.9532%200.328%200.2327%200.6109%200.4342%200.8445%200.6014%200.0268%200.0192%200.069%200.0499%200.1249%200.0906%200.0603%200.0441%200.1366%200.1001%200.2308%200.1693%200.1813%200.1334%200.3319%200.2413%200.4518%200.3237%200.1198%200.0825%200.2649%200.1746%200.4352%200.2768%200.1701%200.1022%200.3305%200.179%200.4811%200.23%200.1507%200.0511%200.2901%200.0767%200.4184%200.0767h0.0083%200.0083c0.1283%200%200.2678-0.0256%200.4184-0.0767%200.1506-0.051%200.3109-0.1277%200.4812-0.23%200.17-0.1022%200.315-0.1945%200.4351-0.2768%200.12-0.0824%200.2706-0.1902%200.4519-0.3237%200.0939-0.0692%200.1702-0.1252%200.2305-0.1691%200.056-0.041%200.0982-0.0715%200.1252-0.0908%200.1819-0.1289%200.465-0.3296%200.847-0.599%200.693-0.4907%201.715-1.2129%203.069-2.1695%200.407-0.2895%200.747-0.6389%201.021-1.0476%200.273-0.4088%200.409-0.8376%200.409-1.2862%200-0.37481-0.132-0.69554-0.397-0.96267-0.265-0.2668-0.579-0.40027-0.941-0.40027z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size: 15px 17px; }

.icon-icon_mail_user-dims { width: 15px; height: 13px; }

.icon-icon_negara, .icon-icon_negara\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2217%22%20width%3D%2216%22%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2017%22%3E%3Ctitle%3Eicon_negara%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22icon_negara-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22icon_negara-Detik_Connect_desktop_daftar-dgn-Email_Alt2-icon%22%20fill-rule%3D%22nonzero%22%20fill%3D%22%234A4A4A%22%20transform%3D%22translate%28-764%20-498%29%22%3E%3Cg%20id%3D%22icon_negara-Group-8%22%20transform%3D%22translate%28752%20464%29%22%3E%3Cg%20id%3D%22icon_negara-Group-Copy-3%22%20transform%3D%22translate%280%2022%29%22%3E%3Cg%20id%3D%22icon_negara-icon_negara%22%20transform%3D%22translate%2812%2012.5%29%22%3E%3Cpolygon%20id%3D%22icon_negara-Shape%22%20points%3D%2211.381%203.525%2011.402%203.6631%2011.16%203.7059%2011.128%204%2011.417%204%2011.802%203.9683%2012%203.766%2011.789%203.6956%2011.674%203.5816%2011.5%203.3407%2011.417%203%2011.091%203.057%2011%203.1771%2011%203.3124%2011.157%203.4046%22%2F%3E%3Cpolygon%20id%3D%22icon_negara-Shape%22%20points%3D%2211.487%203.2534%2011.5%203.0703%2011.354%203%2011.151%203.0528%2011%203.3241%2011%203.5%2011.176%203.5%22%2F%3E%3Cpath%20id%3D%22icon_negara-Shape%22%20d%3D%22m7.2927%204.0025l-0.0501%200.17h-0.2426v0.165h0.0577s0.0034%200.035%200.0084%200.081l0.1488-0.0165%200.093-0.076%200.0243-0.1535%200.1203-0.0135%200.0475-0.129-0.1105-0.03-0.0968%200.0025z%22%2F%3E%3Cpolygon%20id%3D%22icon_negara-Shape%22%20points%3D%227.0125%204.1295%207%204.291%207.2315%204.2715%207.2555%204.1095%207.1165%204%22%2F%3E%3Cpath%20id%3D%22icon_negara-Shape%22%20d%3D%22m15.998%207.9172c-0.002-0.2339-0.014-0.4662-0.036-0.6949-0.074-0.7624-0.256-1.4932-0.529-2.1783-0.021-0.051-0.039-0.1027-0.061-0.153-0.364-0.8598-0.875-1.6426-1.501-2.3182-0.041-0.0441-0.083-0.0875-0.124-0.1303-0.119-0.1227-0.24-0.2425-0.366-0.3573-1.422-1.2948-3.311-2.0852-5.381-2.0852-2.0879%200-3.9901%200.80452-5.4163%202.1191-0.3323%200.3063-0.6377%200.6406-0.9147%200.9986-1.0451%201.3518-1.669%203.0451-1.669%204.8821%200%204.4112%203.589%208.0002%208.0003%208.0002%203.1027%200%205.7967-1.777%207.1227-4.366%200.284-0.553%200.505-1.143%200.654-1.7615%200.037-0.157%200.07-0.3146%200.098-0.4742%200.081-0.4544%200.125-0.9217%200.125-1.3985%200-0.0276-0.001-0.0549-0.002-0.0826zm-1.505-3.1973l0.046-0.052c0.061%200.1181%200.118%200.2382%200.172%200.36l-0.076-0.003-0.142%200.0197v-0.3247zm-1.156-1.3958l0.001-0.3574c0.126%200.1333%200.247%200.2705%200.363%200.4126l-0.145%200.2146-0.503-0.0046-0.032-0.105%200.316-0.1602zm-9.6509-0.8882v-0.0134h0.1602l0.0138-0.055h0.2623v0.1145l-0.0754%200.1007h-0.3613l0.0004-0.1468zm0.256%200.3571s0.1602-0.0273%200.174-0.0273c0.0139%200%200%200.1599%200%200.1599l-0.3613%200.0227-0.0687-0.0823%200.256-0.073zm11.06%203.1756h-0.585l-0.357-0.2655-0.375%200.0365v0.229h-0.119l-0.128-0.0915-0.651-0.1648v-0.4212l-0.824%200.0642-0.255%200.1372h-0.327l-0.16-0.0161-0.397%200.2204v0.415l-0.812%200.5857%200.067%200.25h0.165l-0.043%200.2383-0.116%200.0424-0.006%200.6226%200.701%200.7989h0.306l0.018-0.0487h0.549l0.158-0.1464h0.311l0.171%200.1711%200.464%200.048-0.061%200.617%200.515%200.9093-0.272%200.518%200.019%200.244%200.213%200.213v0.587l0.281%200.377v0.488h0.242c-1.348%201.655-3.399%202.715-5.6944%202.715-4.048%200-7.3415-3.294-7.3415-7.3422%200.00001-1.019%200.20929-1.9904%200.5861-2.8732v-0.229l0.2625-0.3189c0.0912-0.1721%200.1889-0.3399%200.2932-0.5034l0.0119%200.1332-0.3047%200.3702c-0.0945%200.1784-0.1827%200.3607-0.2626%200.5479v0.4179l0.305%200.1467v0.5808l0.2925%200.4992%200.238%200.0365%200.0306-0.1711-0.2807-0.433-0.055-0.4209h0.1645l0.0695%200.433%200.4057%200.592-0.1046%200.1912%200.2579%200.3945%200.6407%200.1586v-0.1037l0.2563%200.0366-0.0243%200.1829%200.2014%200.0369%200.3109%200.0849%200.4393%200.5005%200.5611%200.0424%200.0549%200.4577-0.384%200.2685-0.0181%200.4087-0.0549%200.2501%200.5554%200.6955%200.0424%200.238s0.2014%200.055%200.2261%200.055c0.0244%200%200.4515%200.323%200.4515%200.323v1.257l0.1523%200.042-0.1036%200.58%200.2563%200.342-0.0474%200.575%200.3386%200.595%200.4347%200.38%200.437%200.008%200.0428-0.141-0.3212-0.27%200.0184-0.135%200.0576-0.164%200.0122-0.168-0.2172-0.007-0.1096-0.137%200.1804-0.174%200.0243-0.131-0.2014-0.057%200.0119-0.122%200.2869-0.043%200.4363-0.21%200.1465-0.268%200.4577-0.586-0.104-0.458%200.1405-0.244%200.4209%200.013%200.2833-0.225%200.0915-0.883%200.3142-0.3995%200.055-0.2564-0.2866-0.0918-0.1893-0.3102-0.6465-0.0066-0.5127-0.1955-0.0244-0.3656-0.1711-0.2991-0.4636-0.0069-0.2679-0.4205-0.2379-0.1162-0.0121%200.1284-0.4331%200.0256-0.1586-0.2207-0.4518-0.0919-0.3721%200.4301-0.5858-0.0994-0.0424-0.66-0.4274-0.0731%200.1714-0.3238-0.049-0.1859-0.5617%200.3755-0.3534-0.0431-0.1261-0.2761%200.077-0.2846%200.1948-0.359%200.4485-0.2271%200.8661-0.0003-0.0023%200.2642%200.3113%200.1448-0.0247-0.4514%200.2244-0.2258%200.4528-0.2974%200.0309-0.2093%200.4515-0.4699%200.4801-0.2659-0.0425-0.0348%200.3252-0.3061%200.1191%200.0316%200.0546%200.0685%200.1234-0.1369%200.0303-0.0135-0.1353-0.0191-0.1372-0.0457v-0.1316l0.0727-0.0596h0.1603l0.0734%200.0322%200.0635%200.1284%200.0776-0.0119v-0.0112l0.0224%200.0076%200.2251-0.0345%200.0319-0.1099%200.1283%200.0322v0.1191l-0.1191%200.0819h0.0003l0.0175%200.1307%200.4077%200.1257s0.0003%200.0016%200.001%200.0049l0.0937-0.0079%200.0063-0.1767-0.3231-0.1471-0.0185-0.0849%200.2682-0.0914%200.0119-0.2567-0.2804-0.1708-0.0184-0.4327-0.3844%200.1889h-0.1401l0.0368-0.3294-0.5232-0.1234-0.2165%200.1636v0.4988l-0.3893%200.1234-0.1559%200.3251-0.1692%200.0273v-0.4159l-0.3659-0.0507-0.1829-0.1191-0.0738-0.2695%200.6545-0.383%200.3202-0.0974%200.0323%200.2152%200.1783-0.0092%200.0138-0.1083%200.1866-0.0266%200.0033-0.0379-0.0803-0.0332-0.0184-0.1145%200.2293-0.0194%200.1386-0.1441%200.0075-0.0106%200.0017%200.0007%200.0421-0.0434%200.4821-0.0609%200.2132%200.181-0.5591%200.2977%200.7114%200.1679%200.0922-0.2379h0.3109l0.1099-0.2073-0.2198-0.055v-0.2622l-0.6893-0.3054-0.4759%200.0549-0.2685%200.1405%200.0185%200.3416-0.2807-0.0428-0.0431-0.1888%200.2688-0.2442-0.488-0.0244-0.1402%200.0425-0.0608%200.1645%200.1829%200.0309-0.0365%200.183-0.311%200.0184-0.0487%200.1218-0.4511%200.0125s-0.0125-0.256-0.0306-0.256%200.3537-0.0063%200.3537-0.0063l0.2689-0.2626-0.1468-0.0733-0.1951%200.1895-0.3238-0.0184-0.1951-0.2685h-0.415l-0.433%200.3234h0.3968l0.0362%200.1162-0.103%200.0957%200.4393%200.0122%200.0671%200.1586-0.4945-0.0184-0.024-0.1221-0.311-0.0671-0.1649-0.0915-0.3701%200.003c1.2119-0.8829%202.7022-1.4054%204.3129-1.4054%201.8565%200%203.553%200.694%204.847%201.8341l-0.087%200.156-0.339%200.1326-0.143%200.155%200.033%200.1806%200.175%200.0244%200.105%200.2632%200.302-0.1214%200.049%200.3521h-0.09l-0.248-0.0366-0.274%200.0461-0.266%200.3751-0.38%200.0596-0.055%200.3251%200.161%200.0378-0.047%200.209-0.377-0.0757-0.346%200.0757-0.073%200.1925%200.06%200.404%200.203%200.0951%200.34-0.0019%200.23-0.0208%200.071-0.1829%200.359-0.4669%200.236%200.0483%200.233-0.2106%200.044%200.1646%200.573%200.3866-0.07%200.0941-0.258-0.0138%200.099%200.1408%200.159%200.0349%200.186-0.0777-0.004-0.2244%200.083-0.0414-0.067-0.0704-0.382-0.2133-0.101-0.2833h0.318l0.102%200.1007%200.274%200.2359%200.011%200.2853%200.284%200.3021%200.106-0.414%200.196-0.1072%200.037%200.3386%200.192%200.2106%200.382-0.0066c0.074%200.1905%200.141%200.3843%200.199%200.5821l-0.04%200.0368zm-10.638-2.3339l0.1922-0.0915%200.1737%200.0415-0.0599%200.2333-0.1875%200.0595-0.1185-0.2428zm1.0197%200.5492v0.151h-0.4389l-0.1646-0.0457%200.0412-0.1053%200.2109-0.0872h0.2883v0.0872h0.0631zm0.2021%200.2105v0.1465l-0.1099%200.0707-0.1369%200.0254v-0.2426h0.2468zm-0.1237-0.0595v-0.1741l0.151%200.1376-0.151%200.0365zm0.0687%200.3521v0.1424l-0.1049%200.1053h-0.2333l0.0365-0.1599%200.1102-0.0095%200.0227-0.055%200.1688-0.0233zm-0.5811-0.2926h0.2425l-0.3109%200.4347-0.1284-0.0688%200.0277-0.1829%200.1691-0.183zm0.9931%200.2426v0.1421h-0.2333l-0.0638-0.0921v-0.1323h0.0184l0.2787%200.0823zm-0.2155-0.1955l0.0664-0.0698%200.1122%200.0698-0.0898%200.074-0.0888-0.074zm9.3941%201.8976l0.023-0.027c0.01%200.0415%200.02%200.083%200.029%200.1251l-0.052-0.0981z%22%2F%3E%3Cpath%20id%3D%22icon_negara-Shape%22%20d%3D%22m1%205.582v0.418c0.1215-0.3411%200.2555-0.6739%200.399-1l-0.399%200.582z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-icon_negara-dims { width: 16px; height: 17px; }

.icon-icon_password, .icon-icon_password\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2211%22%20width%3D%2219%22%20version%3D%221.1%22%20viewBox%3D%220%200%2019%2011%22%3E%3Ctitle%3Eicon_password%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22icon_password-Page-1%22%20opacity%3D%22.59386%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22icon_password-Detik_Connect_desktop_login%22%20fill-rule%3D%22nonzero%22%20fill%3D%22%234A4A4A%22%20transform%3D%22translate%28-849%20-633%29%22%3E%3Cg%20id%3D%22icon_password-Group-2%22%20transform%3D%22translate%28555%20619%29%22%3E%3Cg%20id%3D%22icon_password-icon_password%22%20transform%3D%22translate%28294%2014%29%22%3E%3Cpath%20id%3D%22icon_password-Shape%22%20d%3D%22m9.5%209c1.93%200%203.5-1.5701%203.5-3.5s-1.57-3.5-3.5-3.5c-1.9299%200-3.5%201.5701-3.5%203.5s1.5701%203.5%203.5%203.5zm0-5.0215c0.839%200%201.521%200.6825%201.521%201.5215s-0.682%201.5215-1.521%201.5215-1.5215-0.6825-1.5215-1.5215%200.6825-1.5215%201.5215-1.5215z%22%2F%3E%3Cpath%20id%3D%22icon_password-Shape%22%20d%3D%22m18.943%205.2734c-0.029-0.0544-0.734-1.349-2.249-2.6475-1.397-1.1979-3.78-2.6259-7.1939-2.6259-3.4141%200-5.7968%201.428-7.1944%202.6259-1.5151%201.2985-2.2195%202.593-2.2487%202.6475-0.075872%200.1413-0.076%200.311-0.000384%200.4525%200.029108%200.0545%200.73095%201.3493%202.2449%202.6481%201.3964%201.1979%203.7788%202.626%207.1986%202.626%203.4199%200%205.8019-1.4281%207.1989-2.626%201.513-1.2988%202.215-2.5937%202.244-2.6482%200.076-0.1414%200.076-0.3111%200-0.4524zm-9.4483-4.1993c2.4433%200%204.4303%201.9853%204.4303%204.4258%200%202.4404-1.987%204.4258-4.4303%204.4258-2.4429%200-4.4302-1.9854-4.4302-4.4258s1.9873-4.4258%204.4302-4.4258z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-icon_password-dims { width: 19px; height: 11px; }

.icon-icon_refresh, .icon-icon_refresh\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2224%22%20width%3D%2219%22%20version%3D%221.1%22%20viewBox%3D%220%200%2019%2024%22%3E%3Ctitle%3Eicon_refresh%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22icon_refresh-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22icon_refresh-Detik_Connect_desktop_daftar-Lupa-password-4%22%20fill-rule%3D%22nonzero%22%20fill%3D%22%234A4A4A%22%20transform%3D%22translate%28-567%20-540%29%22%3E%3Cg%20id%3D%22icon_refresh-Group-3%22%20transform%3D%22translate%28555%20532%29%22%3E%3Cg%20id%3D%22icon_refresh-icon_refresh%22%20transform%3D%22translate%2812%208%29%22%3E%3Cpath%20id%3D%22icon_refresh-Shape%22%20d%3D%22m0.062317%2012.84c-0.14923-1.27-0.024872-2.496%200.31338-3.6297%201.1242-3.7668%204.651-6.537%208.8344-6.5858v-2.4624c0-0.13679%200.1741-0.21008%200.2885-0.12702l5.1584%203.7228c0.085%200.0635%200.085%200.1906%200%200.2492l-5.1534%203.7229c-0.1194%200.083-0.2885%200.0097-0.2885-0.1271v-2.4574c-2.7508%200.0439-5.0987%201.7099-6.1085%204.0648-0.383%200.8887-0.577%201.8717-0.5223%202.9017%200.0746%201.417%200.6168%202.722%201.4724%203.777%200.4576%200.562%200.3482%201.383-0.2437%201.808-0.5621%200.405-1.3481%200.293-1.7809-0.245-1.0595-1.299-1.7658-2.882-1.9698-4.612zm14.893-4.729c0.861%201.0504%201.403%202.36%201.473%203.777%200.055%201.035-0.144%202.017-0.522%202.902-1.01%202.355-3.358%204.025-6.1089%204.065v-2.458c0-0.137-0.1741-0.21-0.2886-0.127l-5.1583%203.723c-0.0846%200.063-0.0846%200.19%200%200.249l5.1534%203.723c0.1194%200.083%200.2885%200.01%200.2885-0.127v-2.462c4.1829-0.044%207.7149-2.815%208.8339-6.586%200.339-1.134%200.458-2.36%200.314-3.63-0.199-1.7298-0.905-3.3128-1.965-4.6124-0.438-0.5374-1.219-0.6498-1.781-0.2443-0.587%200.4251-0.696%201.2459-0.239%201.8077z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size: auto 18px; }

.icon-icon_refresh-dims { width: 19px; height: 24px; }

.icon-icon_user, .icon-icon_user\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2218%22%20width%3D%2213%22%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2018%22%3E%3Ctitle%3Eicon_user%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22icon_user-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22icon_user-Detik_Connect_desktop_login%22%20fill-rule%3D%22nonzero%22%20fill%3D%22%234A4A4A%22%20transform%3D%22translate%28-569%20-551%29%22%3E%3Cg%20id%3D%22icon_user-Group%22%20transform%3D%22translate%28555%20540%29%22%3E%3Cg%20id%3D%22icon_user-icon_user%22%20transform%3D%22translate%2814%2011.5%29%22%3E%3Cpath%20id%3D%22icon_user-Shape%22%20d%3D%22m6.5086%208.3141c1.8901%200%203.4225-1.8611%203.4225-4.157s-0.5031-4.1571-3.4225-4.1571-3.4226%201.8612-3.4226%204.1571%201.5324%204.157%203.4226%204.157z%22%2F%3E%3Cpath%20id%3D%22icon_user-Shape%22%20d%3D%22m12.965%2014.494c-0.063-4-0.585-5.1395-4.5824-5.8609%200%200-0.5626%200.7169-1.8741%200.7169-1.3114%200-1.8742-0.7169-1.8742-0.7169-3.9534%200.7135-4.5075%201.8359-4.5804%205.7309-0.00596%200.318-0.008729%200.334-0.009797%200.297%200.000243%200.07%200.000534%200.198%200.000534%200.421%200%200%200.95161%201.918%206.4639%201.918%205.5125%200%206.4635-1.918%206.4635-1.918%200-0.144%200.001-0.243%200.001-0.311-0.001%200.023-0.004-0.022-0.008-0.277z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-icon_user-dims { width: 13px; height: 18px; }

.icon-logo_fb, .icon-logo_fb\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2223%22%20width%3D%2212%22%20version%3D%221.1%22%20viewBox%3D%220%200%2012%2023%22%3E%3Ctitle%3Elogo_fb%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22logo_fb-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22logo_fb-Detik_Connect_desktop_login-anim_logo-color%22%20fill%3D%22%23fff%22%20transform%3D%22translate%28-629%20-413%29%22%3E%3Cg%20id%3D%22logo_fb-Group-Copy-6%22%20transform%3D%22translate%28555%20399.5%29%22%3E%3Cpath%20id%3D%22logo_fb-logo_fb%22%20d%3D%22m80.725%2024.819h4.173l0.659-3.595h-4.832v-1.803c0-0.938%200.358-1.833%201.928-1.833h3.137v-3.588h-4.454c-3.745%200-4.766%202.115-4.766%205.047v2.175h-2.57v3.597h2.57v10.848h4.155v-10.848z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-logo_fb-dims { width: 12px; height: 23px; }

.icon-logo_google, .icon-logo_google\:regular { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMyAyMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cjx0aXRsZT5nb29nbGUgbG9nbzwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgo8ZGVmcz4KPHBvbHlnb24gaWQ9ImEiIHBvaW50cz0iMC4wMDI3MzYxIDEwLjY4MiAwLjAwMjczNjEgMC4wMTE5NjIgNS4xNzQ1IDAuMDExOTYyIDUuMTc0NSAxMC42ODIiLz4KPC9kZWZzPgo8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDYuMTQzOCkiPgo8bWFzayBpZD0iYiIgZmlsbD0id2hpdGUiPgo8dXNlIHhsaW5rOmhyZWY9IiNhIi8+CjwvbWFzaz4KPHBhdGggZD0ibTUuMTc0NSA3LjY1MDctMC44MTI3MiAyLjk2OTYtMi45NzA1IDAuMDYxNTUxYy0wLjg4NzczLTEuNjExNy0xLjM5MTMtMy40NTU2LTEuMzkxMy01LjQxNSAwLTEuODk0OCAwLjQ3MDgtMy42ODE2IDEuMzA1My01LjI1NDloNi4zODQzZS00bDIuNjQ0NiAwLjQ3NDYgMS4xNTg1IDIuNTcyOWMtMC4yNDI0NyAwLjY5MTg4LTAuMzc0NTcgMS40MzQ2LTAuMzc0NTcgMi4yMDc1IDAgMC44Mzg3OCAwLjE1NTIzIDEuNjQyNCAwLjQ0MDAxIDIuMzgzOSIgZmlsbD0iI0YwQjUyOSIgbWFzaz0idXJsKCNiKSIvPgo8L2c+CjxwYXRoIGQ9Im0yMi44IDkuMjk0NWMwLjEzMTM0IDAuNjk5OTUgMC4xOTk4MiAxLjQyMjggMC4xOTk4MiAyLjE2MTYgMCAwLjgyODQtMC4wODYwODUgMS42MzY1LTAuMjUwMDggMi40MTU5LTAuNTU2NzYgMi42NTI0LTIuMDExNCA0Ljk2ODUtNC4wMjY2IDYuNjA3NGwtNi4yNTRlLTQgLTYuMzI4ZS00IC0zLjI2MzEtMC4xNjg1LTAuNDYxODctMi45MTY4YzEuMzM3Mi0wLjc5MzQ2IDIuMzgyMS0yLjAzNTEgMi45MzI2LTMuNTIxNWgtNi4xMTUzdi00LjU3NzVoMTAuOTg1IiBmaWxsPSIjNUU3Q0IwIi8+CjxwYXRoIGQ9Im0xOC43NDYgMjAuNDU3IDYuMjg5ZS00IDYuMzE0ZS00Yy0xLjk3MDcgMS41OTA0LTQuNDc0MiAyLjU0Mi03LjE5OTQgMi41NDItNC4zNzk0IDAtOC4xODctMi40NTc2LTEwLjEyOS02LjA3NDJsMy43MjY3LTMuMDYyOGMwLjk3MTE1IDIuNjAyMiAzLjQ3MTQgNC40NTQ2IDYuNDAyNiA0LjQ1NDYgMS4yNTk5IDAgMi40NDAzLTAuMzQxOTEgMy40NTMxLTAuOTM4ODZsMy43NDU3IDMuMDc4NiIgZmlsbD0iIzJGQTk0OCIvPgo8cGF0aCBkPSJtMTguNzQ3IDIuNjUyMS0zLjcxMSAzLjA1NTRjLTEuMDQ0Mi0wLjY1NjQyLTIuMjc4NC0xLjAzNTUtMy42MDA4LTEuMDM1NS0yLjk4NTkgMC01LjUyMzEgMS45MzMxLTYuNDQyIDQuNjIyNmwtMy43MzE4LTMuMDcyNGgtNi4yNjQ2ZS00YzEuOTA2NS0zLjY5NjUgNS43NDcxLTYuMjIyMSAxMC4xNzQtNi4yMjIxIDIuNzc5NSAwIDUuMzI4IDAuOTk1NjcgNy4zMTE5IDIuNjUyMSIgZmlsbD0iI0RDNDEzOSIvPgo8L2c+Cjwvc3ZnPgo="); }

.icon-logo_google { width: 23px; height: 23px; }

.icon-logo_apple, .icon-logo_apple\:regular { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjNweCIgaGVpZ2h0PSIyM3B4IiB2aWV3Qm94PSIwIDAgMjU2IDMxNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+ICAgIDxnPiAgICAgICAgPHBhdGggZD0iTTIxMy44MDMzOTQsMTY3LjAzMDk0MyBDMjE0LjI0NTIsMjE0LjYwOTY0NiAyNTUuNTQyNDgyLDIzMC40NDI2MzkgMjU2LDIzMC42NDQ3MjcgQzI1NS42NTA4MTIsMjMxLjc2MTM1NyAyNDkuNDAxMzgzLDI1My4yMDgyOTMgMjM0LjI0MjYzLDI3NS4zNjE0NDYgQzIyMS4xMzg1NTUsMjk0LjUxMzk2OSAyMDcuNTM4MjUzLDMxMy41OTYzMzMgMTg2LjExMzc1OSwzMTMuOTkxNTQ1IEMxNjUuMDYyMDUxLDMxNC4zNzk0NDIgMTU4LjI5Mjc1MiwzMDEuNTA3ODI4IDEzNC4yMjQ2OSwzMDEuNTA3ODI4IEMxMTAuMTYzODk4LDMwMS41MDc4MjggMTAyLjY0Mjg5OSwzMTMuNTk2MzAxIDgyLjcxNTExMjYsMzE0LjM3OTQ0MiBDNjIuMDM1MDQwNywzMTUuMTYyMDEgNDYuMjg3MzgzMSwyOTMuNjY4NTI1IDMzLjA3NDQwNzksMjc0LjU4NjE2MiBDNi4wNzUyOTMxNywyMzUuNTUyNTQ0IC0xNC41NTc2MTY5LDE2NC4yODYzMjggMTMuMTQ3MTY2LDExNi4xODA0NyBDMjYuOTEwMzExMSw5Mi4yOTA5MDUzIDUxLjUwNjA5MTcsNzcuMTYzMDM1NiA3OC4yMDI2MTI1LDc2Ljc3NTEwOTYgQzk4LjUwOTkxNDUsNzYuMzg3NzQ1NiAxMTcuNjc3NTk0LDkwLjQzNzE4NTEgMTMwLjA5MTcwNSw5MC40MzcxODUxIEMxNDIuNDk3OTQ1LDkwLjQzNzE4NTEgMTY1Ljc5MDc1NSw3My41NDE1MDI5IDE5MC4yNzc2MjcsNzYuMDIyODQ3NCBDMjAwLjUyODY2OCw3Ni40NDk1MDU1IDIyOS4zMDM1MDksODAuMTYzNjg3OCAyNDcuNzgwNjI1LDEwNy4yMDkzODkgQzI0Ni4yOTE4MjUsMTA4LjEzMjMzMyAyMTMuNDQ2MzUsMTI3LjI1MzQwNSAyMTMuODAzMzk0LDE2Ny4wMzA5ODggTTE3NC4yMzkxNDIsNTAuMTk4NzAzMyBDMTg1LjIxODMzMSwzNi45MDg4MzE5IDE5Mi42MDc5NTgsMTguNDA4MTAxOSAxOTAuNTkxOTg4LDAgQzE3NC43NjYzMTIsMC42MzYwNTAyMjUgMTU1LjYyOTUxNCwxMC41NDU3OTA5IDE0NC4yNzgxMDksMjMuODI4MzUwNiBDMTM0LjEwNTA3LDM1LjU5MDY3NTggMTI1LjE5NTc3NSw1NC40MTcwMjc1IDEyNy41OTk2NTcsNzIuNDYwNzkzMiBDMTQ1LjIzOTIzMSw3My44MjU1NDMzIDE2My4yNTk0MTMsNjMuNDk3MDI2MiAxNzQuMjM5MTQyLDUwLjE5ODcyNDkiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD4gICAgPC9nPjwvc3ZnPg==); background-repeat: no-repeat; }

.icon-logo_apple { width: 23px; height: 23px; }

.icon-user, .icon-user\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2277%22%20width%3D%2258%22%20version%3D%221.1%22%20viewBox%3D%220%200%2058%2077%22%3E%3Ctitle%3Euser%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22user-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22user-Detik_Connect_desktop_daftar-dgn-G%2B_FB%22%20fill%3D%22%23556080%22%20transform%3D%22translate%28-691%20-316%29%22%3E%3Cg%20id%3D%22user-Group-18%22%20transform%3D%22translate%28674%20308%29%22%3E%3Cg%20id%3D%22user-user%22%20transform%3D%22translate%2817%208.5%29%22%3E%3Ccircle%20id%3D%22user-Oval%22%20cy%3D%2217%22%20cx%3D%2229%22%20r%3D%2217%22%2F%3E%3Cpath%20id%3D%22user-Oval-Copy%22%20d%3D%22m58%2064.491c0-16.011-12.984-28.991-29-28.991s-29%2012.98-29%2028.991c0%2016.012%2058%2016.012%2058%200z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-user-dims { width: 58px; height: 77px; }

.icon-warning_icon, .icon-warning_icon\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2234%22%20width%3D%2234%22%20version%3D%221.1%22%20viewBox%3D%220%200%2034%2034%22%3E%3Ctitle%3Ewarning_icon%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22warning_icon-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22warning_icon-Detik_Connect_desktop_login-field-verifikasi%22%20transform%3D%22translate%28-491%20-302%29%22%3E%3Cg%20id%3D%22warning_icon-Group-7%22%20transform%3D%22translate%28320%20290%29%22%3E%3Cg%20id%3D%22warning_icon-Group-3%22%20transform%3D%22translate%28171%2012%29%22%3E%3Cg%20id%3D%22warning_icon-warning_icon%22%3E%3Ccircle%20id%3D%22warning_icon-Oval-2-Copy%22%20cy%3D%2217%22%20cx%3D%2217%22%20r%3D%2217%22%20fill%3D%22%23fff%22%2F%3E%3Cpolygon%20id%3D%22warning_icon-Shape%22%20points%3D%2225%2010.6%2023.4%209%2017%2015.4%2010.6%209%209%2010.6%2015.4%2017%209%2023.4%2010.6%2025%2017%2018.6%2023.4%2025%2025%2023.4%2018.6%2017%22%20fill%3D%22%23D0021B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-warning_icon-dims { width: 34px; height: 34px; }

.icon-icon-fb, .icon-icon-fb\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2232%22%20width%3D%2232%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ctitle%3EFacebook%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22icon-fb-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22icon-fb-tambaha_WP_detikID_TERMS_ALT_1%22%20transform%3D%22translate%28-1113%20-889%29%22%3E%3Cg%20id%3D%22icon-fb-footer%22%20transform%3D%22translate%28170%20866%29%22%3E%3Cg%20id%3D%22icon-fb-Group-2-Copy%22%20transform%3D%22translate%28902%2024%29%22%3E%3Cg%20id%3D%22icon-fb-Facebook%22%20transform%3D%22translate%2841.796%29%22%3E%3Cellipse%20id%3D%22icon-fb-Oval-1%22%20rx%3D%2215.088%22%20cy%3D%2215%22%20ry%3D%2215%22%20stroke%3D%22%234A4A4A%22%20cx%3D%2215.088%22%20stroke-width%3D%221.536%22%2F%3E%3Cpath%20id%3D%22icon-fb-Fill-4%22%20fill%3D%22%234A4A4A%22%20d%3D%22m13.014%2022.301h2.748v-7.504h2.062l0.407-2.345h-2.469v-1.699c0-0.547%200.356-1.1225%200.865-1.1225h1.404v-2.3448h-1.72v0.0105c-2.691%200.0971-3.244%201.6466-3.292%203.2738h-0.005v1.882h-1.375v2.345h1.375v7.504z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-icon-fb-dims { width: 32px; height: 32px; }

.icon-icon-gplus, .icon-icon-gplus\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2232%22%20width%3D%2233%22%20version%3D%221.1%22%20viewBox%3D%220%200%2033%2032%22%3E%3Ctitle%3EGoogle%20Plus%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22icon-gplus-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22icon-gplus-tambaha_WP_detikID_TERMS_ALT_1%22%20transform%3D%22translate%28-1154%20-889%29%22%3E%3Cg%20id%3D%22icon-gplus-footer%22%20transform%3D%22translate%28170%20866%29%22%3E%3Cg%20id%3D%22icon-gplus-Group-2-Copy%22%20transform%3D%22translate%28902%2024%29%22%3E%3Cg%20id%3D%22icon-gplus-Google-Plus%22%20transform%3D%22translate%2883.591%29%22%3E%3Cellipse%20id%3D%22icon-gplus-Oval-1-Copy-6%22%20rx%3D%2215.088%22%20cy%3D%2215%22%20ry%3D%2215%22%20stroke%3D%22%234A4A4A%22%20cx%3D%2215.088%22%20stroke-width%3D%221.536%22%2F%3E%3Cpath%20id%3D%22icon-gplus-Fill-186%22%20fill%3D%22%234A4A4A%22%20d%3D%22m7.3415%2014.943c0.0424-2.526%202.3754-4.737%204.9135-4.653%201.215-0.056%202.358%200.47%203.29%201.21-0.398%200.449-0.809%200.882-1.249%201.287-1.12-0.77-2.712-0.99-3.831-0.1-1.6019%201.102-1.6747%203.705-0.134%204.891%201.498%201.353%204.329%200.681%204.743-1.39-0.938-0.014-1.879%200-2.817-0.03-0.002-0.558-0.005-1.115-0.002-1.672%201.568-0.004%203.137-0.007%204.708%200.005%200.094%201.311-0.08%202.706-0.889%203.789-1.226%201.716-3.686%202.217-5.605%201.482-1.9256-0.73-3.2897-2.755-3.1275-4.819%22%2F%3E%3Cpath%20id%3D%22icon-gplus-Fill-187%22%20fill%3D%22%234A4A4A%22%20d%3D%22m20.386%2013.286h1.399c0.003%200.466%200.005%200.934%200.01%201.399%200.468%200.005%200.938%200.005%201.406%200.01v1.392c-0.468%200.005-0.936%200.007-1.406%200.012-0.005%200.468-0.007%200.934-0.01%201.4h-1.402c-0.004-0.466-0.004-0.932-0.009-1.398-0.468-0.004-0.938-0.009-1.406-0.014v-1.392c0.468-0.005%200.936-0.007%201.406-0.01%200.002-0.468%200.007-0.933%200.012-1.399%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-icon-gplus-dims { width: 33px; height: 32px; }

.icon-icon-instagram, .icon-icon-instagram\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2232%22%20width%3D%2233%22%20version%3D%221.1%22%20viewBox%3D%220%200%2033%2032%22%3E%3Ctitle%3EInstagram%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22icon-instagram-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22icon-instagram-tambaha_WP_detikID_TERMS_ALT_1%22%20transform%3D%22translate%28-1196%20-889%29%22%3E%3Cg%20id%3D%22icon-instagram-footer%22%20transform%3D%22translate%28170%20866%29%22%3E%3Cg%20id%3D%22icon-instagram-Group-2-Copy%22%20transform%3D%22translate%28902%2024%29%22%3E%3Cg%20id%3D%22icon-instagram-Instagram%22%20transform%3D%22translate%28125.39%29%22%3E%3Cellipse%20id%3D%22icon-instagram-Oval-1-Copy-20%22%20rx%3D%2215.088%22%20cy%3D%2215%22%20ry%3D%2215%22%20stroke%3D%22%234A4A4A%22%20cx%3D%2215.088%22%20stroke-width%3D%221.536%22%2F%3E%3Cg%20id%3D%22icon-instagram-Group-6%22%20fill%3D%22%234A4A4A%22%20transform%3D%22translate%287.7595%207.2857%29%22%3E%3Cpath%20id%3D%22icon-instagram-Fill-33%22%20d%3D%22m13.673%202.8154c0%200.5184-0.422%200.9385-0.943%200.9385h-0.943c-0.52%200-0.943-0.4201-0.943-0.9385v-0.4693c0-0.5182%200.423-0.9383%200.943-0.9383h0.943c0.521%200%200.943%200.4201%200.943%200.9383v0.4693zm-1.414-2.8154h-8.4872v4.6923h1.1697c0.6853-0.6278%201.5975-1.0143%202.6023-1.0143%201.005%200%201.9172%200.3865%202.6022%201.0143h3.999v7.5077c0%201.037-0.844%201.877-1.886%201.877h-9.4302c-1.0415%200-1.8858-0.84-1.8858-1.877v-7.0383-0.4694-3.9712c-0.57754%200.5155-0.943%201.2614-0.943%202.0943v9.3846c0%201.555%201.2666%202.816%202.8288%202.816h9.4302c1.562%200%202.829-1.261%202.829-2.816v-7.5077-1.4076-0.4693c0-1.5549-1.267-2.8154-2.829-2.8154z%22%2F%3E%3Cpath%20id%3D%22icon-instagram-Fill-35%22%20d%3D%22m2.6673%204.6923v-4.6923c-0.3311%200-0.6476%200.059562-0.943%200.1635v4.5288h0.943z%22%2F%3E%3Cpath%20id%3D%22icon-instagram-Fill-37%22%20d%3D%22m5.6985%208.001c0-1.0526%200.8575-1.906%201.9152-1.906%201.0576%200%201.9151%200.8534%201.9151%201.906s-0.8575%201.9059-1.9151%201.9059c-1.0577%200-1.9152-0.8533-1.9152-1.9059m4.7865%200c0-1.5785-1.2852-2.8581-2.8713-2.8581s-2.8718%201.2796-2.8718%202.8581c0%201.5784%201.2857%202.858%202.8718%202.858s2.8713-1.2796%202.8713-2.858%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-icon-instagram-dims { width: 33px; height: 32px; }

.icon-icon-twitter, .icon-icon-twitter\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2232%22%20width%3D%2232%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ctitle%3ETwitter%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22icon-twitter-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22icon-twitter-tambaha_WP_detikID_TERMS_ALT_1%22%20transform%3D%22translate%28-1071%20-889%29%22%3E%3Cg%20id%3D%22icon-twitter-footer%22%20transform%3D%22translate%28170%20866%29%22%3E%3Cg%20id%3D%22icon-twitter-Group-2-Copy%22%20transform%3D%22translate%28902%2024%29%22%3E%3Cg%20id%3D%22icon-twitter-Twitter%22%3E%3Cellipse%20id%3D%22icon-twitter-Oval-1%22%20rx%3D%2215.088%22%20cy%3D%2215%22%20ry%3D%2215%22%20stroke%3D%22%234A4A4A%22%20cx%3D%2215.088%22%20stroke-width%3D%221.536%22%2F%3E%3Cpath%20id%3D%22icon-twitter-Fill-1%22%20fill%3D%22%234A4A4A%22%20d%3D%22m21.999%209.2628c-0.426%200.2712-1.403%200.6652-1.886%200.6652v0.0008c-0.55-0.5718-1.325-0.9288-2.185-0.9288-1.67%200-3.024%201.346-3.024%203.005%200%200.231%200.027%200.456%200.077%200.672h-0.001c-2.265-0.06-4.742-1.188-6.2332-3.1199-0.9169%201.5779-0.1235%203.3329%200.917%203.9719-0.3562%200.027-1.0118-0.041-1.3204-0.34-0.0207%201.047%200.4858%202.435%202.3326%202.938-0.356%200.19-0.9853%200.136-1.2591%200.095%200.0961%200.884%201.3411%202.04%202.7031%202.04-0.486%200.558-2.3114%201.57-4.3605%201.248%201.3916%200.842%203.0135%201.329%204.7305%201.329%204.878%200%208.666-3.93%208.463-8.779-0.001-0.006-0.001-0.011-0.002-0.017%200.001-0.012%200.002-0.025%200.002-0.038%200-0.015-0.002-0.029-0.002-0.043%200.444-0.302%201.04-0.837%201.465-1.54-0.246%200.136-0.987%200.406-1.676%200.474%200.442-0.238%201.097-1.0151%201.259-1.6332%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-icon-twitter-dims { width: 32px; height: 32px; }

.icon-icon-youtube, .icon-icon-youtube\:regular { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2232%22%20width%3D%2233%22%20version%3D%221.1%22%20viewBox%3D%220%200%2033%2032%22%3E%3Ctitle%3EYou%20Tube%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22icon-youtube-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22icon-youtube-tambaha_WP_detikID_TERMS_ALT_1%22%20transform%3D%22translate%28-1238%20-889%29%22%3E%3Cg%20id%3D%22icon-youtube-footer%22%20transform%3D%22translate%28170%20866%29%22%3E%3Cg%20id%3D%22icon-youtube-Group-2-Copy%22%20transform%3D%22translate%28902%2024%29%22%3E%3Cg%20id%3D%22icon-youtube-You-Tube%22%20transform%3D%22translate%28167.18%29%22%3E%3Cellipse%20id%3D%22icon-youtube-Oval-1-Copy-2%22%20rx%3D%2215.088%22%20cy%3D%2215%22%20ry%3D%2215%22%20stroke%3D%22%234A4A4A%22%20cx%3D%2215.088%22%20stroke-width%3D%221.536%22%2F%3E%3Cpolygon%20id%3D%22icon-youtube-Fill-9%22%20points%3D%2210.777%208.1429%2010.777%2022.286%2022.506%2015.214%22%20fill%3D%22%234A4A4A%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.icon-icon-youtube-dims { width: 33px; height: 32px; }

.sprite { background-image: url("../../images/logo/logo_kanal.png"); background-repeat: no-repeat; background-size: auto 43px; }

.sprite_white { background-image: url("../../images/logo/logo_kanal_white.png"); }

.sprite-logo_cnbc { width: 59px; height: 45px; background-position: 0px 5px; }

.sprite-logo_cnn { width: 40px; height: 40px; background-position: -80px -1px; background-size: auto 56px; }

.sprite-logo_detik { width: 42px; height: 43px; background-position: -92px 2px; }

.sprite-logo_haibunda { width: 37px; height: 54px; background-position: -135px 6px; }

@media (max-width: 640px) { .sprite { background-repeat: no-repeat; background-size: auto 22px; }
  .sprite-logo_cnbc { width: 30px; height: 24px; background-position: 0px 2px; }
  .sprite-logo_cnn { width: 20px; height: 20px; background-position: -40px -1px; background-size: auto 28px; }
  .sprite-logo_detik { width: 21px; height: 22px; background-position: -47px 1px; }
  .sprite-logo_haibunda { width: 19px; height: 27px; background-position: -68px 3px; } }

.iconsex { display: inline-block; width: 20px; height: 20px; position: absolute; top: 9px; left: 10px; }

.iconsex.iconsex-male { background: url("../../images/icon-male-2.png"); background-size: contain; }

.iconsex.iconsex-female { background: url("../../images/icon-female-2.png"); background-size: contain; }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 300; src: url("../../fonts/Montserrat-Light.woff") format("woff"), url("../../fonts/Montserrat-Light.woff2") format("woff2"); }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: normal; src: url("../../fonts/Montserrat-Regular.woff") format("woff"), url("../../fonts/Montserrat-Regular.woff2") format("woff2"); }

@font-face { font-family: "MOntserrat"; font-style: normal; font-weight: bold; src: url("../../fonts/MOntserrat-SemiBold.woff") format("woff"), url("../../fonts/MOntserrat-SemiBold.woff2") format("woff2"); }

body { margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-weight: normal; color: #999; }

ul { list-style: none; margin: 0; padding: 0; }

a { text-decoration: none; color: #4986F2; }

a:hover { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.pull-left { float: left; }

.pull-right { float: right; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mb20 { margin-bottom: 20px; }

.text-center { text-align: center; }

.relative { position: relative; }

.close_box_in { position: absolute; right: 3%; top: 15%; width: 20px; height: 20px; }

.close_box_in span { display: block; }

.dtkid__header--adults .close_box_in { display: block; }

.modal__bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 18; }

.tabs-content { display: none; }

.tabs-content.current { display: inherit; }

@media (max-width: 640px) { .mobile_hide { display: none; } }

@media (max-width: 640px) { .framebar-hide { padding-top: 77px; } }

#box_login_iframe { position: fixed !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; }

.dtkid { z-index: 19; position: relative; background: #FFF; max-width: 800px; margin: 5% auto; }

.dtkid.dtkid__full { max-width: inherit; margin: 0; background: url("../../images/bg_full.png") top center repeat-x; }

.dtkid.dtkid__full .close_box_in { display: none; }

.dtkid.dtkid__full .container { max-width: 1070px; margin: 0 auto; background: #fff; position: relative; overflow: hidden; padding: 0 15px; }

@media (max-width: 640px) { .dtkid { max-width: inherit; margin: 0; min-height: 100%; } }

.dtkid__header { background-color: #F3F3F3; padding: 40px 0; position: relative; overflow: hidden; }

@media (max-width: 640px) { .dtkid__header { padding: 25px 0; }
  .dtkid__header--fixed { position: fixed; width: 100%; z-index: 30; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); top: 0; } }

.dtkid__header__bg { width: 173px; height: 114px; position: absolute; top: 0; }

.dtkid__header__bg--left { background: url("../../images/bg_header_left.png"); left: 0; }

.dtkid__header__bg--right { background: url("../../images/bg_header_right.png"); right: 0; }

.dtkid__header__logo { text-align: center; }

.dtkid__header__logo a { display: inline-block; vertical-align: middle; margin: 0 10px; }

.dtkid__header__logo a.sprite { opacity: 0; }

.dtkid__header__logo__sprite { position: absolute; height: 100%; width: 100%; top: 0; }

.dtkid__header__logo__sprite--relative { position: relative; height: 100%; text-align: center; display: table; width: 100%; }

.dtkid__header__logo__sprite--relative .logo-detikconnect { width: 100%; height: 60px; position: absolute; left: 0; top: 0; margin: 0; top: calc(50% - 30px); line-height: 60px; color: #4986F2; opacity: 0; visibility: hidden; font-size: 18px; }

.dtkid__header__logo__sprite--relative .logo-detikconnect.white { color: #FFF; }

.dtkid__header__logo__sprite--relative .logo-detikconnect img { width: 200px; }

.dtkid__header__logo__sprite a { position: relative; display: table-cell; vertical-align: middle; text-align: center; width: 100%; }

.dtkid__header__logo__sprite span { height: 40px; display: inline-block; background-image: url("../../images/logo/logo_detikid.png"); background-repeat: no-repeat; background-size: auto 40px; position: relative; margin-left: -4px; }

.dtkid__header__logo__sprite--first { width: 29px; background-position: -0px -0px; }

.dtkid__header__logo__sprite--two { width: 28px; background-position: -29px -0px; }

.dtkid__header__logo__sprite--three { width: 21px; background-position: -57px -0px; }

.dtkid__header__logo__sprite--four { width: 14px; background-position: -77px -0px; }

.dtkid__header__logo__sprite--five { width: 32px; background-position: -90px -0px; }

.dtkid__header__logo__sprite--six { width: 10px; background-position: -123px -0px; }

.dtkid__header__logo__sprite--seven { width: 30px; background-position: -133px -0px; }

.dtkid__header__logo__sprite--eight { display: block !important; background: none !important; height: auto !important; color: rgba(255, 255, 255, 0.7); margin-top: 15px; font-size: 15px; font-weight: 300; }

@media (max-width: 640px) { .dtkid__header__logo__sprite span { height: 20px; background-size: auto 20px; }
  .dtkid__header__logo__sprite--first { width: 15px; background-position: -0px -0px; }
  .dtkid__header__logo__sprite--two { width: 14px; background-position: -15px -0px; }
  .dtkid__header__logo__sprite--three { width: 10px; background-position: -29px -0px; }
  .dtkid__header__logo__sprite--four { width: 7px; background-position: -39px -0px; }
  .dtkid__header__logo__sprite--five { width: 16px; background-position: -45px -0px; }
  .dtkid__header__logo__sprite--six { width: 5px; background-position: -61px -0px; }
  .dtkid__header__logo__sprite--seven { width: 15px; background-position: -67px -0px; }
  .dtkid__header__logo__sprite--eight { margin-top: 0; font-size: 12px; } }

.dtkid__header--blue { background: #4986f2; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.dtkid__header--adults { background: #FFFFFF !important; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.dtkid__header--adults:before { content: '18+'; position: absolute; width: 40px; height: 40px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; font: 15px/40px "Montserrat", sans-serif; color: #C30016; text-align: center; left: 5%; top: 15%; background: #FFF; }

.dtkid__header__menu-mobile { display: none; }

@media (max-width: 640px) { .dtkid__header__menu-mobile { z-index: 11; width: 20px; height: 14px; position: absolute; top: calc(50% - 7px); right: 5%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; display: block; }
  .dtkid__header__menu-mobile span { display: block; position: absolute; height: 2px; width: 20px; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; }
  .dtkid__header__menu-mobile span:nth-child(1) { top: 0px; }
  .dtkid__header__menu-mobile span:nth-child(2) { top: 6px; }
  .dtkid__header__menu-mobile span:nth-child(3) { top: 12px; }
  .dtkid__header__menu-mobile:hover span { background: white; }
  .dtkid__header__menu-mobile.show span { background: white; }
  .dtkid__header__menu-mobile.show span:nth-child(1) { top: 6px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  .dtkid__header__menu-mobile.show span:nth-child(2) { opacity: 0; left: -60px; }
  .dtkid__header__menu-mobile.show span:nth-child(3) { top: 6px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } }

.dtkid__header__menu-home { display: none; }

@media (max-width: 640px) { .dtkid__header__menu-home { position: absolute; top: calc(50% - 11px); left: 7%; width: 30px; height: 22px; display: block; }
  .dtkid__header__menu-home span { display: block; }
  .dtkid__header__menu-home i { border: solid white; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; position: absolute; left: -10px; top: 6px; }
  .dtkid__header__menu-home .left { transform: rotate(135deg); -webkit-transform: rotate(135deg); } }

.dtkid__form { padding: 20px 0; position: relative; }

@media (max-width: 640px) { .dtkid__form { padding: 10px 0; } }

.dtkid__form__col { width: 320px; display: inline-block; vertical-align: top; margin: 0 auto; }

.dtkid__form__col__row { padding: 0 15px; }

.dtkid__form__col.one__col { width: 550px; }

@media (max-width: 640px) { .dtkid__form__col.one__col { width: 280px; } }

.dtkid__form__col.two__col { width: 360px; }

@media (max-width: 640px) { .dtkid__form__col.two__col { width: 320px; } }

.dtkid__form__col.more__col { width: 450px; }

@media (max-width: 640px) { .dtkid__form__col.more__col { width: 320px; }
  .dtkid__form__col.more__col .clear, .dtkid__form__col.more__col .clear2 { padding: 24px 0; } }

.dtkid__form__col.small__col { width: 220px; display: block; }

.dtkid__form__col.small__col input { padding-right: 10px; letter-spacing: 0.1em; }

.dtkid__form p { font-size: 15px; line-height: 22px; font-weight: 300; }

@media (max-width: 640px) { .dtkid__form p { font-size: 14px; } }

.dtkid__form p.blue { color: #4986f2; }

.dtkid__form p.black { color: #000; font-weight: bold; }

.dtkid__form p a { font-weight: bold; color: #4986f2; }

.dtkid__form p.small { font-size: 12px; }

.dtkid__form p.text-red { color: #D0021B; font-weight: normal; }

.dtkid__form h2 { background-color: #e9f3f4; padding: 25px 10px; display: block; font-size: 15px; font-weight: bold; color: #4986f2; max-width: 550px; margin: 30px auto; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }

@media (max-width: 640px) { .dtkid__form h2 { max-width: 270px; } }

.dtkid__form h2.small { font-weight: 300; }

.dtkid__form h2.mtb60 { margin: 60px auto; }

.dtkid__form h2.no-bg { background: none; font-size: 26px; }

.dtkid__form__socmed { margin: 20px 0; }

.dtkid__form__socmed a { display: inline-block; vertical-align: middle; width: calc(100% / 3 - 8px); height: 50px; margin-right: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; text-align: center; }

.dtkid__form__socmed a:last-child { margin-right: 0; }

.dtkid__form__socmed a:last-child.dtkid__form__socmed-app { border: none; }

.dtkid__form__socmed a span { display: inline-block; vertical-align: middle; margin: 13px 0; }

@media (max-width: 640px) { .dtkid__form__socmed a { width: calc(100% / 3 - 10px); height: 33px; }
  .dtkid__form__socmed a span { background-size: auto 18px; margin: 7px 0; }
  .dtkid__form__socmed a span.icon-logo_google-dims { width: 18px; height: 18px; } }

.dtkid__form__socmed a.dtkid__form__socmed-app { border: none; }

.dtkid__form__socmed a.dtkid__form__socmed-app img { width: 100%; }

.dtkid__form__socmed--fb { background: #476CA9; }

.dtkid__form__socmed--fb:hover { background: #324b75; }

.dtkid__form__socmed--gp { background: #ffffff; border: 1px solid #dcdcdc; }

.dtkid__form__socmed--gp:hover { background: #F0F0F0; }

.dtkid__form__socmed--ap { background: #000; }

.dtkid__form__socmed--ap:hover { background: #000; }

.dtkid__form__fieldset { border: none; text-align: left; position: relative; padding: 0; margin-bottom: 20px; }

.dtkid__form__fieldset span.icon { position: absolute; left: 10px; width: 18px; height: 18px; top: 11px; padding-right: 5px; border-right: 1px solid #979797; z-index: 2; }

.dtkid__form__fieldset .password-visibility { right: 10px; left: inherit; border: none; padding-right: 0; width: 19px; height: 11px; top: 14px; font-size: 0px; z-index: 1; cursor: pointer; position: absolute; display: block; }

.dtkid__form__fieldset .password-visibility:hover { opacity: 0.7; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.dtkid__form__fieldset .password-visibility i { display: block; }

.dtkid__form__fieldset input, .dtkid__form__fieldset select { width: 100%; background: #e9f3f4; border: 1px solid #e7f2f4; color: #000; padding: 8px 10px 10px 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font: 15px/19px "Montserrat", sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; }

.dtkid__form__fieldset input:focus, .dtkid__form__fieldset input.valid, .dtkid__form__fieldset select:focus, .dtkid__form__fieldset select.valid { outline: none; border-color: #9ecaed; -webkit-box-shadow: 0px 0px 10px #9ecaed ; -moz-box-shadow: 0px 0px 10px #9ecaed ; box-shadow: 0px 0px 10px #9ecaed ; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.dtkid__form__fieldset input.error, .dtkid__form__fieldset select.error { -webkit-box-shadow: 0px 0px 10px rgba(242, 0, 0, 0.5) ; -moz-box-shadow: 0px 0px 10px rgba(242, 0, 0, 0.5) ; box-shadow: 0px 0px 10px rgba(242, 0, 0, 0.5) ; border-color: rgba(242, 0, 0, 0.5) !important; }

.dtkid__form__fieldset select { width: 100%; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%227%22%20width%3D%2212%22%20version%3D%221.1%22%20viewBox%3D%220%200%2012%207%22%3E%3Ctitle%3EShape%20Copy%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22arrow_down-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22arrow_down-Detik_Connect_desktop_daftar-dgn-Email_Alt2-icon%22%20fill%3D%22%239B9B9B%22%20transform%3D%22translate%28-1003%20-585%29%22%3E%3Cg%20id%3D%22arrow_down-Group-9%22%20transform%3D%22translate%28752%20503%29%22%3E%3Cpolygon%20id%3D%22arrow_down-Shape-Copy%22%20points%3D%22261.6%2082%20257%2086.351%20252.4%2082%20251%2083.324%20257%2089%20263%2083.324%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: 95% center; }

.dtkid__form__fieldset label { display: block; font-size: 11px; color: #949494; margin-bottom: 10px; }

.dtkid__form__fieldset__input--icon { position: relative; }

.dtkid__form__fieldset__input--icon input, .dtkid__form__fieldset__input--icon select { padding-left: 40px; padding-right: 30px; }

.dtkid__form__fieldset__input--icon:after { content: ''; position: absolute; right: -8px; top: -8px; width: 18px; height: 18px; }

.dtkid__form__fieldset__input--icon.has-error:after { background: red; content: '!'; font-size: 13px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; text-align: center; line-height: 19px; color: #FFF; font-weight: bold; }

.dtkid__form__fieldset__input--icon.has-success:after { background-image: url("../../images/icons/icons.png"); background-position: 0 -79px; background-repeat: no-repeat; }

.dtkid__form__fieldset__input--icon .chosen-container-single .chosen-single { padding-left: 40px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%227%22%20width%3D%2212%22%20version%3D%221.1%22%20viewBox%3D%220%200%2012%207%22%3E%3Ctitle%3EShape%20Copy%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22arrow_down-Page-1%22%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22arrow_down-Detik_Connect_desktop_daftar-dgn-Email_Alt2-icon%22%20fill%3D%22%239B9B9B%22%20transform%3D%22translate%28-1003%20-585%29%22%3E%3Cg%20id%3D%22arrow_down-Group-9%22%20transform%3D%22translate%28752%20503%29%22%3E%3Cpolygon%20id%3D%22arrow_down-Shape-Copy%22%20points%3D%22261.6%2082%20257%2086.351%20252.4%2082%20251%2083.324%20257%2089%20263%2083.324%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: 95% center; }

.dtkid__form__fieldset__input--icon.phone_number_input { font-size: 0; }

.dtkid__form__fieldset__input--icon.phone_number_input .choice__chosen { width: 110px; }

.dtkid__form__fieldset__input--icon.phone_number_input .chosen-container-single .chosen-single { border-radius: 3px 0 0 3px; background-position: 90% center; padding-left: 47px; }

.dtkid__form__fieldset__input--icon.phone_number_input .chosen-container-single .chosen-single span { margin-right: 10px; }

.dtkid__form__fieldset__input--icon.phone_number_input input[type="text"] { width: calc(100% - 111px); vertical-align: middle; padding: 8px 10px 10px 10px; border-radius: 0 3px 3px 0; }

.dtkid__form__fieldset__input--icon.phone_number_input .chosen-container:after { content: ""; border-right: 1px solid #979797; display: inline-block; width: 1px; height: 20px; position: absolute; top: 10px; right: 0; }

.dtkid__form__fieldset.verification { margin: 30px 0; text-align: center; }

.dtkid__form__fieldset.verification input { width: 40px; margin-left: 10px; padding: 10px; text-align: center; display: inline-block; }

.dtkid__form__fieldset.verification input:first-child { margin-left: 0; }

.dtkid__form__fieldset.verification label { font-size: 15px; font-weight: normal; color: #949494; text-align: center; margin-bottom: 20px; }

.dtkid__form__fieldset__radio { display: block; margin-bottom: 0; }

.dtkid__form__fieldset__radio__item { float: left; position: relative; width: calc(50% - 5px); font: 15px/19px "Montserrat", sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; margin-right: 10px; }

.dtkid__form__fieldset__radio__item:last-child { margin-right: 0; }

.dtkid__form__fieldset__radio__item label { font: 15px "Montserrat", sans-serif; cursor: pointer; display: block; text-align: center; margin-bottom: 0; padding: 8px 10px 10px 10px; background: #e9f3f4; border: 1px solid #e7f2f4; color: #000; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }

.dtkid__form__fieldset__radio__item:last-child { border: none; }

.dtkid__form__fieldset__radio__item:hover { color: #000; }

.dtkid__form__fieldset__radio__item input { position: absolute; left: -200000%; width: 0; height: 0; padding: 0; margin: 0; }

.dtkid__form__fieldset__radio__item input:checked + label { outline: none; border-color: #9ecaed; -webkit-box-shadow: 0px 0px 10px #9ecaed ; -moz-box-shadow: 0px 0px 10px #9ecaed ; box-shadow: 0px 0px 10px #9ecaed ; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.dtkid__form__fieldset__radio__item input:checked + label:before { background-image: url('../../images/icons/icons.png'); background-position: 0 -79px; background-repeat: no-repeat; content: ''; position: absolute; right: -8px; top: -8px; width: 18px; height: 18px; }

.dtkid__form__fieldset__checkbox { display: block; margin-bottom: 0; }

.dtkid__form__fieldset__checkbox__item { position: relative; font: 15px/19px "Montserrat", sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 10px; }

.dtkid__form__fieldset__checkbox__item:last-child { margin-right: 0; }

.dtkid__form__fieldset__checkbox__item label { font: 300 15px "Montserrat", sans-serif; cursor: pointer; display: block; margin-bottom: 0; padding: 0 10px 0 30px; color: #949494; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }

.dtkid__form__fieldset__checkbox__item label:before { border: 1px solid #959595; content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }

.dtkid__form__fieldset__checkbox__item label a { text-decoration: underline; }

.dtkid__form__fieldset__checkbox__item:last-child { border: none; }

.dtkid__form__fieldset__checkbox__item:hover { color: #000; }

.dtkid__form__fieldset__checkbox__item input { position: absolute; left: -200000%; width: 0; height: 0; padding: 0; margin: 0; }

.dtkid__form__fieldset__checkbox__item input:checked + label { outline: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.dtkid__form__fieldset__checkbox__item input:checked + label:before { background-image: url('../../images/icons/icons.png'); background-position: 0 -79px; background-repeat: no-repeat; background-color: #4986f2; }

.dtkid__form__photo { width: 92px; height: 92px; display: block; vertical-align: top; margin: 20px auto 40px; text-align: center; position: relative; overflow: hidden; background-color: #E9F3F4; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.dtkid__form__photo label { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.dtkid__form__photo img { height: 92px; }

.dtkid__form__btn { background: #4986f2; border: none; color: #fff; font: normal 15px "Montserrat", sans-serif; padding: 14px 15px; min-width: 250px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; margin: 20px 0; outline: none; display: inline-block; cursor: pointer; }

.dtkid__form__btn.mb_no { margin-bottom: 0; }

.dtkid__form__btn--half { width: calc(50% - 8px); display: inline-block; vertical-align: top; min-width: inherit; }

.dtkid__form__btn--half:last-child { margin-right: 0; }

.dtkid__form__btn.clear { background: #f20000; }

.dtkid__form__btn:hover { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; background: #266eef; }

.dtkid__form__bottom a { font-size: 13px; font-weight: 300; color: #9b9b9b; }

.dtkid__form__bottom h6 { font-size: 13px; font-weight: normal; margin: 15px 0; color: #4a4a4a; }

.dtkid__form__bottom h6 a { color: #4986f2; font-weight: normal; }

.dtkid__form .form-error { position: absolute; top: 0; left: 0; width: 100%; background: #fb3f3f; overflow: hidden; padding: 18px 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; z-index: 2; }

.dtkid__form .form-error strong { display: none; }

@media (max-width: 640px) { .dtkid__form .form-error { padding: 10px 0; } }

.dtkid__form .form-error ul { display: inline-block; vertical-align: top; text-align: left; position: relative; padding-left: 43px; }

@media (max-width: 640px) { .dtkid__form .form-error ul { padding-left: 35px; } }

.dtkid__form .form-error ul li { display: block; font-size: 15px; color: #fff; }

@media (max-width: 640px) { .dtkid__form .form-error ul li { font-size: 12px; } }

.dtkid__form .form-error ul:before { position: absolute; content: ''; background-image: url("../../images/icons/icons.png"); background-position: 0 -341px; background-repeat: no-repeat; width: 34px; height: 34px; left: 0; top: calc(50% - 18px); cursor: pointer; z-index: 2; }

@media (max-width: 640px) { .dtkid__form .form-error ul:before { background-size: 50px auto; background-position: 0 -352px; top: calc(50% - 12px); width: 24px; height: 24px; } }

.dtkid__form .help-block { display: none; font-size: 11px; margin-top: 0; position: absolute; left: 0; }

.dtkid__form .help { display: block; font-size: 11px; margin-top: 0; position: absolute; left: 0; margin-top: 5px; }

.dtkid__form__nav { max-width: 640px; margin: 0 auto 40px; }

@media (max-width: 640px) { .dtkid__form__nav { margin: 0 15px 40px; } }

.dtkid__form__nav a { width: calc(100% / 3); text-align: center; float: left; color: #999; }

.dtkid__form__nav a p { font-size: 12px; display: block; text-transform: uppercase; }

@media (max-width: 640px) { .dtkid__form__nav a p { font-size: 9px; } }

.dtkid__form__nav a .dtkid__form__nav__number { display: inline-block; width: 24px; height: 24px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; font-size: 14px; line-height: 24px; background: #E9F3F4; z-index: 2; position: relative; }

.dtkid__form__nav a .dtkid__form__nav__separator { background: #E9F3F4; width: 150%; height: 6px; margin-left: -50%; display: block; margin-top: -14px; position: relative; overflow: hidden; z-index: 1; }

.dtkid__form__nav a .dtkid__form__nav__separator:before { opacity: 0; }

.dtkid__form__nav a.active .dtkid__form__nav__number { background: #4986f2; color: #FFF; }

.dtkid__form__nav a.active .dtkid__form__nav__separator:before { content: ''; width: 150%; height: 100%; background: #4986f2; position: absolute; left: 0; -webkit-animation: loadAnim 1s 0.5s 1 alternate forwards; -moz-animation: loadAnim 1s 0.5s 1 alternate forwards; -o-animation: loadAnim 1s 0.5s 1 alternate forwards; animation: loadAnim 1s 0.5s 1 alternate forwards; }

.dtkid__form__nav a.stay .dtkid__form__nav__separator:before { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; width: 100%; opacity: 1; }

.dtkid__form__nav a:first-child .dtkid__form__nav__separator { width: 100%; margin-left: 0; border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -ms-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px; }

.dtkid__form__nav a:last-child .dtkid__form__nav__separator { border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -ms-border-radius: 0px 3px 3px 0px; -o-border-radius: 0px 3px 3px 0px; }

.dtkid__term { text-align: left; position: relative; }

.dtkid__term__aside { width: 30%; float: left; padding: 10px 0; border-right: 1px solid #ddd; margin: 20px 0; position: relative; }

@media (max-width: 640px) { .dtkid__term__aside { width: 100%; height: 100%; float: none; border-right: none; border-bottom: 1px solid #ddd; margin-top: 0; margin-left: -15px; display: none; position: absolute; top: 0; background: #FFF; z-index: 25; overflow-y: scroll; overflow-x: hidden; }
  .dtkid__term__aside h2 { padding: 0 15px; }
  .dtkid__term__aside.show { display: block; } }

.dtkid__term__aside ul li { border-bottom: 1px solid #ddd; position: relative; }

.dtkid__term__aside ul li:first-child { border-top: 1px solid #ddd; }

.dtkid__term__aside ul li:last-child { border-bottom: none; }

.dtkid__term__aside ul li.current a { background: #4986f2; color: #fff; }

.dtkid__term__aside ul li.current a:hover { color: #fff; }

@media (max-width: 640px) { .dtkid__term__aside ul li.current a { background: #6b9cf3; } }

.dtkid__term__aside ul li.current:after { content: ''; width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #4986f2; position: absolute; right: -10px; top: 10px; }

@media (max-width: 640px) { .dtkid__term__aside ul li.current:after { display: none; } }

.dtkid__term__aside ul li.current ul li a { background: none; color: #404040; }

.dtkid__term__aside ul li.current ul li a:hover { color: #4986f2; }

.dtkid__term__aside ul li a { color: #4a4a4a; padding: 10px; display: block; font: bold 18px helvetica, arial, sans-serif; }

@media (max-width: 640px) { .dtkid__term__aside ul li a { padding: 10px 15px; } }

.dtkid__term__aside ul li a:hover { color: #4986f2; }

.dtkid__term__aside ul li ul { padding: 10px 0 10px 0; border-top: 1px solid #ddd; }

.dtkid__term__aside ul li ul li { border: none; }

.dtkid__term__aside ul li ul li:first-child { border-top: none; }

.dtkid__term__aside ul li ul li a { font-weight: 300; font-size: 16px; line-height: 22px; color: #404040; padding: 5px 10px; background: none; color: #404040; }

@media (max-width: 640px) { .dtkid__term__aside ul li ul li a { padding: 5px 15px; } }

.dtkid__term__content { margin: 40px 0 20px; width: 65%; float: right; }

.dtkid__term__content ul, .dtkid__term__content ol { font: 300 16px/22px helvetica, arial, sans-serif; color: #404040; padding-left: 20px; }

.dtkid__term__content ul { list-style: circle; }

@media (max-width: 640px) { .dtkid__term__content { width: auto; float: none; margin-top: 0; } }

.dtkid__term h2 { font: bold 20px helvetica, arial, sans-serif; color: #4986f2; }

.dtkid__term h3 { font: bold 16px/22px helvetica, arial, sans-serif; color: #4a4a4a; }

.dtkid__term p { font: 300 16px/22px helvetica, arial, sans-serif; color: #9b9b9b; margin: 15px 0; color: #404040; }

.dtkid__footer { max-width: 1070px; margin: 0 auto; padding: 30px 0; margin-top: 20px; font: 300 14px/20px "Montserrat", sans-serif; color: #000; border-top: 1px solid #ddd; position: relative; overflow: hidden; }

.dtkid__footer:before { content: ""; position: absolute; z-index: -1; top: 0; width: 120%; height: 50px; left: -10%; right: -10%; background: -webkit-radial-gradient(50% -3%, ellipse cover, rgba(0, 0, 0, 0.1), rgba(97, 97, 97, 0) 40%); background: radial-gradient(ellipse at 50% -3%, rgba(0, 0, 0, 0.1), rgba(97, 97, 97, 0) 40%); }

.dtkid__footer__left { float: left; width: 60%; }

.dtkid__footer__right { width: 25%; float: right; text-align: right; }

.dtkid__footer__right a { display: inline-block; }

.dtkid__footer__right a i { display: block; }

.dtkid__footer__right a i img { width: 32px; }

.dtkid__footer__right a:hover i { opacity: 0.7; }

@media (max-width: 640px) { .dtkid__footer { padding: 20px 15px; font-size: 11px; }
  .dtkid__footer__left, .dtkid__footer__right { float: none; width: auto; }
  .dtkid__footer__right { margin-top: 10px; text-align: left; } }

.dtkid__sponsor { display: flex; align-items: center; justify-content: center; }

.dtkid__sponsor a { padding: 0 20px; border-right: 1px solid #cccccc; }

.dtkid__sponsor a:last-child { border-right-color: transparent; }

.dtkid__sponsor a img { max-height: 60px; }

@media (max-width: 640px) { .framebar-hide .framebar-desktop { display: none; } }

@keyframes logoAnimFadeIn { 0% { opacity: 0;
    -webkit-transform: translateX(30px);
    -moz-webkit-transform: translateX(30px);
    transform: translateX(30px);
    -o-transform: translateX(30px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-webkit-transform: translateX(0);
    transform: translateX(0);
    -o-transform: translateX(0); } }

@keyframes slideDown { 0% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-webkit-transform: translateY(0);
    transform: translateY(0);
    -o-transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-webkit-transform: translateY(30px);
    transform: translateY(30px);
    -o-transform: translateY(30px); } }

@keyframes slideUp { 0% { opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-webkit-transform: translateY(30px);
    transform: translateY(30px);
    -o-transform: translateY(30px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-webkit-transform: translateY(0);
    transform: translateY(0);
    -o-transform: translateY(0); } }

@keyframes loadAnim { 0% { width: 0%;
    opacity: 1; }
  100% { width: 100%;
    opacity: 1; } }

/* Chosen v1.4.2 | (c) 2011-2015 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */
.chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.chosen-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border: 1px solid #aaa; border-top: 0; background: #e9f3f4; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.chosen-container.chosen-with-drop .chosen-drop { left: 0; }

.chosen-container a { cursor: pointer; }

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; color: #999; }

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; }

.chosen-container-single .chosen-single { display: block; width: 100%; background-color: #e9f3f4; border: 1px solid #e7f2f4; color: #000; padding: 8px 10px 10px 10px; border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font: 15px/21px "Montserrat", sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; }

.chosen-container-single .chosen-default { color: #999; }

.chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; }

.chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; }

.chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url(chosen-sprite.png) -42px 1px no-repeat; font-size: 1px; }

.chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; }

.chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; }

.chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; }

.chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; }

.chosen-container-single .chosen-search input[type=text] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: #fff; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; }

.chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; }

.chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; }

.chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; }

.chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; }

.chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; }

.chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; }

.chosen-container .chosen-results li.group-result { display: list-item; font-weight: 700; cursor: default; }

.chosen-container .chosen-results li.group-option { padding-left: 15px; }

.chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; }

.chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto !important; height: 1%; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: -webkit-linear-gradient(#eee 1%, #fff 15%); background-image: -moz-linear-gradient(#eee 1%, #fff 15%); background-image: -o-linear-gradient(#eee 1%, #fff 15%); background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; }

.chosen-container-multi .chosen-choices li { float: left; list-style: none; }

.chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; }

.chosen-container-multi .chosen-choices li.search-field input[type=text] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; }

.chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eee; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; }

.chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; font-size: 1px; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; }

.chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; }

.chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; }

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; }

.chosen-container-multi .chosen-results { margin: 0; padding: 0; }

.chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; }

.chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; box-shadow: 0 1px 0 #fff inset; }

.chosen-container-active.chosen-with-drop .chosen-single div { border-left: 0; background: transparent; }

.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; }

.chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chosen-container-active .chosen-choices li.search-field input[type=text] { color: #222 !important; }

.chosen-disabled { opacity: 0.5 !important; cursor: default; }

.chosen-disabled .chosen-single { cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; }

.chosen-rtl { text-align: right; }

.chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; }

.chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; }

.chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; }

.chosen-rtl .chosen-single div { right: auto; left: 3px; }

.chosen-rtl .chosen-single abbr { right: auto; left: 26px; }

.chosen-rtl .chosen-choices li { float: right; }

.chosen-rtl .chosen-choices li.search-field input[type=text] { direction: rtl; }

.chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; }

.chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; }

.chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; }

.chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }

.chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; }

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: 0; }

.chosen-rtl .chosen-search input[type=text] { padding: 4px 5px 4px 20px; direction: rtl; }

.chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; }

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type=text], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url(chosen-sprite@2x.png) !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } }

.tooltip > label { display: inline-block; }

p.mb20 { display: block; margin-bottom: 30px; }

.phone_tooltip { position: relative; top: -32px; right: -265px; display: inline-block; vertical-align: middle; width: 14px; height: 14px; }

.phone_tooltip p { opacity: 0; position: absolute; min-width: 210px; padding: 10px; bottom: 100%; left: 0; background-color: #4986f2; color: #fff; z-index: 2; margin: 0 0 7px 0; border-radius: 5px; transform: translateX(-86%); font-size: 15px; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 300; line-height: 1.2em; pointer-events: none; transition: opacity 0.5s ease; }

.phone_tooltip p:after { content: ""; position: absolute; display: block; border: 7px solid transparent; border-top-color: #4986f2; border-bottom-width: 0px; top: 100%; left: 87%; }

.phone_tooltip img { width: 100%; }

.phone_tooltip img:hover + p { opacity: 1; }

.dtkid__header.trans_detikid { padding: 0; background: #fcfcfc; }

.dtkid__header.trans_detikid .dtkid__header__logo img { height: 120px; }

.dtkid__header.trans_detikid .dtkid__header__logo p span { display: block; font-size: 12px; }

.dtkid__header.trans_detikid .dtkid__header__logo .mb20 { margin-bottom: 20px; }

.dtkid__header.trans_detikid .close_box_in { background-color: rgba(255, 0, 0, 0.8); padding: 6px 5px 5px 6px; border-radius: 5px; }

.dtkid__header.trans_detikid .close_box_in:hover { background: rgba(0, 0, 0, 0.3); }

.migrasi { text-align: center; }

.migrasi .mt40 { margin-top: 40px; }

.migrasi .mb40 { margin-bottom: 40px; }

.migrasi .blue { color: #4986f2; }

.migrasi .w50 { width: 50%; margin: 20px auto; }

@media (max-width: 640px) { .migrasi .w50 { width: 90%; } }

.migrasi .dtkid__header { padding: 0; overflow: unset; }

.migrasi .dtkid__header .icon-button_close { filter: brightness(0.5); }

.migrasi .dtkid__header .icon-button_close-dims { width: 30px; height: 30px; background-position: center; background-size: 12px; }

.migrasi .dtkid__header .close_box_in { position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; background-color: #dfe1e2; background-position: center; border-radius: 28px; cursor: pointer; z-index: 2; }

.migrasi .dtkid__header .close_box_in:hover { opacity: 0.5; }

@media (max-width: 640px) { .migrasi .dtkid__header { padding: 10px 0; background: none; }
  .migrasi .dtkid__header .close_box_in { top: 8px; } }

.migrasi .img-info { width: 50%; margin: 50px auto 20px; }

@media (max-width: 640px) { .migrasi .img-info { width: 90%; } }

.migrasi .img-register { width: 200px; margin: 0 0 40px; }

.migrasi .img-success { width: 130px; margin: 35px 0; }

.migrasi .img-failed { width: 280px; margin: 10px 0 30px; }

.migrasi .text-title { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 18px; line-height: 20px; text-align: center; color: #666666; display: block; text-transform: uppercase; }

.migrasi .dtkid__form__btn_allo { background-color: #FFB003; color: #000; }

.migrasi .dtkid__form__btn_allo:hover { color: #FFB003; background-color: #000; }

.migrasi .dtkid__form__btn_allo__border { background-color: #fff; border: solid 1px #FFB003; margin: 5px 0; }

.migrasi .dtkid__form__btn_allo--outline { background-color:#fff; border:solid 1px #FFB003; color:#000 }

.migrasi .dtkid__form__btn_allo--outline:hover { background-color:#000; color:#FFB003; border:solid 1px #000 }

.migrasi p a { font-weight: 400; }

.migrasi p a:hover { text-decoration: underline; }

.migrasi .dtkid__form__nav a { width: calc(100% / 2); }

.migrasi .alert { display: block; margin-top: 25px; padding: 15px; background-color: #ED131B; color: #fff; font-size: 12px; }

@media (max-width: 640px) { .migrasi .alert { text-align: left; } }

.header__notif { background: #d82020; border-bottom: 1px solid #ffd1d1; padding: 15px 20px; -webkit-box-shadow: 0 1px 1px rgba(255, 209, 209, 0.5); -moz-box-shadow: 0 1px 1px rgba(255, 209, 209, 0.5); box-shadow: 0 1px 1px rgba(255, 209, 209, 0.5); font: 13px  'Montserrat', sans-serif; color: #fff; position: relative; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; display: block; line-height: 150%; }

.header__notif b { font: 13px  'Montserrat', sans-serif; font-weight: bold; }

.header__notif a { color: #8b6f32; text-decoration: underline; }

.header__notif a.close-notif { text-decoration: none; font: 20px sans-serif; font-weight: bold; color: red; background-color: #fff; border-radius: 100%; width: 19px; height: 20px; text-align: center; line-height: 18px; display: inline-block; position: absolute; top: 10px; right: 10px; transform: rotate(45deg); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }

.header__notif a.close-notif:hover { color: white; background: red; border: 1px solid #fff; transform: rotate(135deg); }

.header__notif span { display: inline-block; width: 90%; }

@media screen and (max-width: 850px) { .header__notif span { width: 85%; padding-top: 10px; } }

.header__notif .icon18 { display: inline-block; position: absolute; width: 40px; height: 40px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; font: 16px/40px "Montserrat", sans-serif; color: #C30016; text-align: center; left: 5%; top: 15%; background: #FFF; }

@media screen and (max-width: 430px) { .header__notif .icon18 { width: 30px; height: 30px; font: 13px/31px "Montserrat", sans-serif; left: 3%; top: 28%; } }