@font-face{font-family:'GothamMedium';src:url('../fonts/GothamMedium.eot');src:url('../fonts/GothamMedium.eot?#iefix') format('embedded-opentype'),url('../fonts/GothamMedium.svg#GothamMedium') format('svg'),url('../fonts/GothamMedium.woff') format('woff'),url('../fonts/GothamMedium.woff2') format('woff2'),url('../fonts/GothamMedium.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-weight:normal;font-style:normal;font-family:'GothamBook';src:url('../fonts/Gotham-Book.eot');src:url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),url('../fonts/Gotham-Book.svg#GothamBook') format('svg'),url('../fonts/Gotham-Book.woff') format('woff'),url('../fonts/Gotham-Book.woff2') format('woff2'),url('../fonts/Gotham-Book.ttf') format('truetype')}@font-face{font-weight:normal;font-style:normal;font-family:'GothamLight';src:url('../fonts/Gotham Light Regular.eot');src:url('../fonts/Gotham Light Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Gotham Light Regular.svg#GothamLight') format('svg'),url('../fonts/Gotham Light Regular.woff') format('woff'),url('../fonts/Gotham Light Regular.woff2') format('woff2'),url('../fonts/Gotham Light Regular.ttf') format('truetype')}@font-face{font-weight:normal;font-style:normal;font-family:'GothamBold';src:url('../fonts/Gotham-Bold.eot');src:url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Gotham-Bold.svg#GothamBold') format('svg'),url('../fonts/Gotham-Bold.woff') format('woff'),url('../fonts/Gotham-Bold.woff2') format('woff2'),url('../fonts/Gotham-Bold.ttf') format('truetype')}@font-face{font-weight:normal;font-style:normal;font-family:'GothamBlack';src:url('../fonts/Gotham-Black.eot');src:url('../fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/Gotham-Black.svg#GothamBlack') format('svg'),url('../fonts/Gotham-Black.woff') format('woff'),url('../fonts/Gotham-Black.woff2') format('woff2'),url('../fonts/Gotham-Black.ttf') format('truetype')}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type='number']{-moz-appearance:textfield}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{display:inline-block}/*\*/* html .clearfix{height:1%}.clearfix{display:block}/**/*:focus{outline:0}.noscroll{overflow:hidden}.transition-05{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}.transition-025{-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.left{float:left}.right{float:right}#popup-overlay{opacity:0;visibility:hidden;position:fixed;z-index:40;background:rgba(0,0,0,.8);width:100%;height:150%;top:0;bottom:0;left:0;right:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}#popup-overlay.show{opacity:1;visibility:visible}.popup{display:none;position:fixed;z-index:41;top:50%;left:50%}#popup-login{border-radius:20px;background-color:#fff;box-shadow:0 2px 45px 0 rgba(0,0,0,0.18);overflow:hidden;margin:-294px 0 0 -200px}#popup-login content,#popup-login footer{display:block;padding:50px 50px 28px}#popup-login h3{font-family:'GothamBold',sans-serif;font-size:24px;font-weight:normal;text-align:center;color:#4a4a4a;margin:0 0 32px;padding:0}#popup-login form{-webkit-transition:opacity .25s ease-out;-moz-transition:opacity .25s ease-out;-o-transition:opacity .25s ease-out;transition:opacity .25s ease-out;opacity:1;visibility:visible}#popup-login form.hide{opacity:0;visibility:hidden;position:absolute;top:-9999px}#popup-login form .field{border-color:#fc0;margin:0 0 15px}#popup-login form .field input{font-family:'GothamBlack',sans-serif;font-size:16px;font-weight:900;text-align:left;color:#000}#popup-login form .field input::placeholder{color:#cbcbcb;opacity:1}#popup-login form .field input::-webkit-input-placeholder{color:#cbcbcb;opacity:1}#popup-login form .field input::-moz-placeholder{color:#cbcbcb;opacity:1}#popup-login form .field input:-ms-input-placeholder{color:#cbcbcb;opacity:1}#popup-login form .field input:-moz-placeholder{color:#cbcbcb;opacity:1}#popup-login .submit{display:inline-block;text-decoration:none;outline:0;border-radius:5px;background:#000;font-family:'GothamBold',sans-serif;font-size:16px;font-weight:normal;text-align:center;color:#fff;padding:17px 20px 17px 60px;margin:0 0 15px}#popup-login .submit span{margin:0 0 0 30px;font-family:'GothamBook',sans-serif}#popup-login .forgetpassword{display:inline-block;text-decoration:none;outline:0;font-family:'GothamMedium',sans-serif;font-size:10px;font-weight:500;text-align:left;color:#000;margin:0 0 25px}#popup-login .subheadline{position:relative;text-align:center;height:14px;margin:0 0 30px}#popup-login .subheadline:before{content:"";border-top:1px solid #979797;height:1px;position:absolute;top:50%;left:0;right:0;margin:0}#popup-login .subheadline span{display:inline-block;background:#fff;font-family:'GothamMedium',sans-serif;font-size:14px;text-align:center;color:#4a4a4a;position:absolute;z-index:2;left:50%;width:120px;margin:0 0 0 -60px}#popup-login footer{background:#fc0;font-family:'GothamMedium',sans-serif;font-size:14px;font-weight:500;text-align:left;color:#000;padding:40px 50px}#popup-login footer a{display:inline-block;font-family:'GothamBold',sans-serif;font-size:16px;color:#fff;margin:0 0 0 15px}#popup-login .close{position:absolute;top:15px;left:15px;font-family:'GothamBook',sans-serif;font-size:18px;color:#4a4a4a;text-decoration:none;outline:0}#popup-login .error{display:none;text-align:center;font-family:Arial,sans-serif;font-size:14px;margin:0 0 15px;padding:0}#popup-login .social{display:inline-block;background:transparent top center no-repeat;padding:48px 0 0;margin:0 20px;text-decoration:none;outline:0;font-family:'GothamBook',sans-serif;font-size:14px;text-align:center;color:#4a4a4a}#popup-login .social.fb{background-image:url('../images/icon-fb.png')}#popup-login .social.tw{background-image:url('../images/icon-tw.png')}#popup-incomplete-profile,#popup-redeeem-sukses{background:#fff;border-radius:20px;box-shadow:0 2px 45px 0 rgba(0,0,0,0.2);width:280px;margin:0 0 0 -140px;font-family:'GothamBook',sans-serif;font-size:10px;color:#4a4a4a;text-align:center;box-sizing:border-box;padding:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#popup-incomplete-profile .close,#popup-redeeem-sukses .close{position:absolute;top:15px;right:15px;font-family:Arial;font-size:12px;color:#4a4a4a;text-decoration:none;outline:0}#popup-incomplete-profile .close,#popup-redeeem-sukses .close{position:absolute;top:15px;right:15px;font-family:Arial;font-size:12px;color:#4a4a4a;text-decoration:none;outline:0}#popup-incomplete-profile .btn-profile,#popup-incomplete-profile .btn-close,#popup-redeeem-sukses .btn-close{background:#fc0;color:white;border-radius:5px;text-decoration:none;box-sizing:border-box;cursor:pointer;font-family:'GothamBold',sans-serif;border:0;font-size:14px;padding:5px 10px}#popup-incomplete-profile h3,#popup-redeeem-sukses h3{font-family:'GothamBold',sans-serif;font-weight:bold;font-size:18px;position:relative;padding:0 0 15px;margin:0 0 30px}#popup-incomplete-profile h3:after,#popup-redeeem-sukses h3:after{content:"";display:block;width:120px;height:1px;background:#000;position:absolute;bottom:0;left:50%;margin:0 0 0 -50px}#popup-incomplete-profile h4,#popup-redeeem-sukses h4{font-size:15px;position:relative;padding:0 0 15px}#popup-share{background:#fff;border-radius:20px;box-shadow:0 2px 45px 0 rgba(0,0,0,0.2);width:280px;margin:0 0 0 -140px;font-family:'GothamBook',sans-serif;font-size:10px;color:#4a4a4a;text-align:center;box-sizing:border-box;padding:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#popup-banner{background:#fff;border-radius:20px;box-shadow:0 2px 45px 0 rgba(0,0,0,0.2);font-family:'GothamBook',sans-serif;font-size:10px;color:#4a4a4a;text-align:center;box-sizing:border-box;padding:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#popup-banner .close,#popup-share .close{position:absolute;top:8px;right:13px;font-family:Arial;font-size:22px;font-weight:bold;z-index:999;color:#4a4a4a;text-decoration:none;outline:0}#popup-share h3{font-family:'GothamBold',sans-serif;font-weight:bold;font-size:18px;position:relative;padding:0 0 15px;margin:0 0 30px}#popup-share h3:after{content:"";display:block;width:100px;height:1px;background:#000;position:absolute;bottom:0;left:50%;margin:0 0 0 -50px}#popup-share .link{display:block;width:100%;background:#f6f6f6;border-radius:30px;position:relative;text-align:left;overflow:hidden}#popup-share .link input{display:inline-block;border:0;background:transparent;font-family:'GothamBook',sans-serif;font-size:10px;color:#b7b7b7;padding:12px 3px 12px 20px;text-align:left;box-sizing:border-box;width:150px}#popup-share .link button{display:inline-block;border:0;background:#fc0;width:87px;height:37px;line-height:37px;font-size:10px;color:#fff;cursor:pointer}#popup-share .link button:before{content:"";display:inline-block;background:transparent center no-repeat url('../images/mobile/icon-copy.png');background-size:14px 16px;width:14px;height:16px;margin:0 5px 0 0;vertical-align:middle}#popup-share .social{display:inline-block;text-decoration:none;outline:0;font-size:9px;color:#4a4a4a;margin:40px 4px 0}#popup-share .social:before{content:"";display:block;background:transparent center no-repeat;background-size:auto 18px;height:18px;margin:0 0 10px}#popup-share .social.em:before{background-image:url('../images/mobile/icon-share-email.png')}#popup-share .social.fb:before{background-image:url('../images/mobile/icon-share-facebook.png')}#popup-share .social.wa:before{background-image:url('../images/mobile/icon-share-whatsapp.png')}#popup-share .social.lk:before{background-image:url('../images/mobile/icon-share-linkedin.png')}#popup-share .social.tw:before{background-image:url('../images/mobile/icon-share-twitter.png')}#popup-report,#popup-delete,#popup-delete-notif{background:#fff;border-radius:5px;overflow:hidden;width:290px;margin:0 0 0 -145px;font-family:'GothamBook',sans-serif;color:#4a4a4a;font-size:12px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#popup-report header,#popup-delete header,#popup-delete-notif header{display:block;background:#f6f7f9;border-bottom:1px solid #e4e4e4;box-sizing:border-box;padding:14px 20px;font-family:'GothamMedium';font-size:10px;text-align:left}#popup-report header:after,#popup-delete header:after,#popup-delete-notif header:after{content:"";display:table;clear:both}#popup-report header .close,#popup-delete header .close,#popup-delete-notif header .close{text-decoration:none;outline:0;font-family:Arial;font-size:12px;float:right;color:#4a4a4a}#popup-report content,#popup-delete content,#popup-delete-notif content{display:block;box-sizing:border-box;padding:20px;text-align:center}#popup-report content .item{position:relative;display:block;overflow:hidden;margin:0 0 10px;background:#f6f7f9;border:1px solid #e4e4e4}#popup-report content label{display:block;overflow:hidden;box-sizing:border-box;padding:12px;font-size:12px;cursor:pointer;text-align:left}#popup-report content .item input{position:absolute;left:-30px}#popup-report content span{display:inline-block;vertical-align:top;width:195px;line-height:1.4}#popup-report content .mark{width:16px;height:16px;border-radius:50%;background:#fff;border:.5px solid #e4e4e4;margin:0 5px 0 0}#popup-report content .item input:checked ~ label{background:#fc0;border-color:#fc0}#popup-report content .item input:checked ~ label .mark{border-color:#fff;background:#fc0;text-align:center}#popup-report content .item input:checked ~ label .mark:before{content:"\2713";font-family:Arial;font-size:12px;color:#fff}#popup-report content input[type=submit]{display:inline-block;background:#fc0;border-radius:23px;box-shadow:0 2px 3px 0 rgba(0,0,0,0.2);border:solid 1px #fc0;color:#fff;font-family:'GothamMedium';font-size:14px;text-align:center;padding:10px 40px;margin:30px 0 0}#popup-report content .success .mark{display:inline-block;width:65px;height:65px;background:#7ac86b;border-radius:50%;border:1px solid #7ac86b;position:relative;margin:35px 0}#popup-report content .success .mark span{display:inline-block;width:10px;height:20px;background:transparent;border:6px solid #fff;border-top:0;border-left:0;top:17px;left:25px;position:absolute;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}#popup-report content .success h4{font-family:'GothamBold';margin:0 0 10px}#popup-report content .success p{padding:0 100px;line-height:1.3}#popup-report content .success a{display:inline-block;background:#fc0;border-radius:23px;box-shadow:0 2px 3px 0 rgba(0,0,0,0.2);border:solid 1px #fc0;color:#fff;font-family:'GothamMedium';font-size:14px;text-align:center;padding:10px 40px;margin:30px 0 0;text-decoration:none;outline:0}#popup-delete,#popup-delete-notif{width:325px;margin-left:-162.5px}#popup-delete content p,#popup-delete-notif content p{margin:10px 0}#popup-delete content a,#popup-delete-notif content a{display:inline-block;text-decoration:none;outline:0;background:#fc0;border-radius:23px;border:1px solid #fc0;text-align:center;font-family:'GothamMedium';font-size:12px;color:#fff;padding:14px 25px;margin:20px 5px 0}#popup-delete content a.red,#popup-delete-notif content a.red{background:#ec272a;border-color:#ec272a}#popup-infographic{width:100%;height:100%;margin:0;top:0;left:0;background:transparent;overflow:auto}#popup-infographic .boxnya{background:#fff;border-radius:7px;box-shadow:0 2px 45px 0 rgba(0,0,0,0.2);width:860px;margin:100px 0 100px -430px;font-family:'GothamBook',sans-serif;font-size:10px;color:#4a4a4a;text-align:left;box-sizing:border-box;padding:0;overflow:hidden;position:relative;left:50%}#popup-infographic .wrap{display:table;width:100%;position:relative}#popup-infographic .left,#popup-infographic .right{float:none;display:table-cell;padding:40px 20px;position:relative;box-sizing:border-box;vertical-align:top}#popup-infographic .left{width:560px;padding-bottom:56px}#popup-infographic .right{width:315px;background-color:#fc0;background-image:linear-gradient(to bottom,#ffee41,#fc0);text-align:center;padding:40px 30px}#popup-infographic h3{font-family:'GothamBold';font-size:28px;text-align:center;margin:0 0 10px}#popup-infographic .tagline{font-size:18px}#popup-infographic h4{font-family:'GothamBook';font-size:16px;text-align:left;position:relative;margin:20px 0}#popup-infographic .gender{width:120px;position:relative;float:left;background:#fff center 10px no-repeat url('../images/icon-male.png');background-size:auto 64px;box-sizing:border-box;padding:84px 0 10px;margin:0 11px 0 0;border-radius:5px}#popup-infographic .gender.female{background-image:url('../images/icon-female.png');margin:0}#popup-infographic .gender h2{font-family:'GothamBook';font-weight:bold;font-size:12px;margin:0 0 5px;padding:0}#popup-infographic .gender p{font-family:'GothamBook';font-size:12px;margin:0;padding:0}#popup-infographic .graph{display:inline-block;width:250px;height:120px;position:relative;border-left:1px solid #4a4a4a;border-bottom:1px solid #4a4a4a;margin:0 0 70px}#popup-infographic .graph span{display:block;background:#4a4a4a;position:absolute;bottom:0}#popup-infographic .graph span p{position:absolute;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);margin:0 0 0 -18px;bottom:-35px;left:50%}#popup-infographic .avatar{display:inline-block;width:64px;height:64px;border-radius:50%;background:#ccc center no-repeat;background-size:cover;text-decoration:none;outline:0}#popup-infographic .info{display:inline-block;position:relative;vertical-align:top;margin:18px 0 0 10px}#popup-infographic .info a{display:block;font-family:'GothamBold';font-size:18px;text-decoration:none;outline:0;color:#4a4a4a}#popup-infographic .question{position:relative;font-size:18px;text-align:left;display:block;box-sizing:border-box;padding:0 0 0 30px;width:100%;line-height:1.3;margin:30px 0 50px}#popup-infographic .question:before{content:"";display:block;position:absolute;z-index:1;background:transparent center no-repeat url('../images/quote.png');width:77px;height:54px;top:0;left:0}#popup-infographic .answer{display:block;position:relative;margin:0 0 20px}#popup-infographic .answer .bar{display:inline-block;background:#e4e4e4;border-radius:30px;width:150px;height:40px;line-height:40px;vertical-align:middle;position:relative;overflow:hidden}#popup-infographic .answer .bar p{position:absolute;z-index:2;left:20px;top:0;font-size:18px;text-align:left}#popup-infographic .answer .bar span{display:block;position:absolute;left:0;height:100%;width:30%;background:#fc0;border-radius:30px}#popup-infographic .answer .label{display:inline-block;vertical-align:middle;font-size:18px;margin:0 0 0 20px}#popup-infographic .answer .label i{display:inline-block;vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#4a4a4a;margin:0 10px}#popup-infographic footer{display:block;position:absolute;bottom:40px;left:20px;font-family:'GothamMedium'}#popup-infographic footer a{display:inline-block;text-decoration:none;outline:0;vertical-align:middle;background:transparent center no-repeat;height:16px;line-height:16px;color:#4a4a4a}#popup-infographic footer .download{background-image:url('../images/icon-download.png');background-position:left center;background-size:auto 16px;padding:0 0 0 30px;margin:0 50px 0 0;position:relative}#popup-infographic footer .download.progress:before{content:"";position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;background:#fff center no-repeat url(../images/loader2.gif)}#popup-infographic footer .social{background-size:auto 16px;width:20px;margin:0 5px}#popup-infographic footer .email{background-image:url('../images/mobile/icon-share-email.png')}#popup-infographic footer .facebook{background-image:url('../images/mobile/icon-share-facebook.png')}#popup-infographic footer .linkedin{background-image:url('../images/mobile/icon-share-linkedin.png')}#popup-infographic footer .twitter{background-image:url('../images/mobile/icon-share-twitter.png')}#popup-infographic .close{display:inline-block;text-decoration:none;outline:0;font-family:Arial;font-size:22px;color:#4a4a4a;position:absolute;top:10px;left:20px;cursor:pointer;z-index:2}#popup-infographic footer .input-email{background-color:#fff;position:absolute;width:300px;height:70px;top:-5px;left:172px;display:none}#popup-infographic footer .input-email form input[type=text].error{background-color:red}#popup-infographic footer .input-email.progress:before{content:" ";display:block;position:absolute;z-index:9;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#fff 10px 3px no-repeat url('../images/loader2.gif')}#popup-infographic .panelis{border-radius:5px;text-align:left;background:#fff no-repeat 20px center url("../images/icon-panelis.png");padding:20px 20px 20px 73px;box-sizing:border-box}#popup-infographic .panelis h3{padding:0;margin:0 0 5px;text-align:left;font-family:"GothamBold";font-size:22px;font-weight:normal;color:#4a4a4a}#popup-infographic .panelis p{padding:0;margin:0;text-align:left;font-family:"GothamBook";font-size:12px;color:#4a4a4a}#popup-infographic .usia,#popup-infographic .usia .item{position:relative;font-family:"GothamBook";font-size:12px;color:#4a4a4a;text-align:left}#popup-infographic .usia .item .range,#popup-infographic .usia .item .persen{float:left;background:#fff;padding:3px 10px;border-radius:5px;box-sizing:border-box;margin:0 5px 0 0;height:38px;line-height:34px}#popup-infographic .usia .item{margin:0 0 5px}#popup-infographic .usia .item .range{width:80px}#popup-infographic .usia .item .persen{margin:0;padding-right:3px;width:110px}#popup-infographic .usia .item .persen span{display:block;float:right;background:#fc0;padding:10px;border-radius:5px;margin:0 0 0 10px;width:30px;text-align:center;line-height:1}#popup-infographic .usia .item:after,#popup-infographic .usia .item .persen:after{content:" ";display:block;clear:both}form .submit{display:inline-block;text-decoration:none;outline:0;border:0;border-radius:5px;background:#000;font-family:'GothamBold',sans-serif;font-size:16px;font-weight:normal;text-align:center;color:#fff;padding:20px 25px;margin:0 0 15px;cursor:pointer;position:relative;overflow:hidden}form .submit span{margin:0 0 0 15px;font-family:'GothamBook',sans-serif}form .submit:before{display:none;content:"";width:100%;height:100%;position:absolute;z-index:2;top:0;left:0;background:#000 center no-repeat url('../images/loader-white.gif')}form .submit.progress:before{display:block}form .field .btn-visible{position:absolute;display:none;border:0;background:transparent center no-repeat url('../images/icon-mata.png');width:15px;height:8px;top:50%;right:22px;margin:-4px 0 0;cursor:pointer}form .field input:focus ~ .btn-visible,form .field input:valid ~ .btn-visible{display:block}.boxpost{display:block;width:100%;position:relative;box-sizing:border-box;border-radius:5px;background-color:#fff;border:solid 1px #e4e4e4;overflow:hidden;margin:0;text-align:left}.boxpost header,.boxpost footer{background:#f6f7f9}.boxpost content{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;position:relative;font-family:'GothamBook',sans-serif;font-size:18px;line-height:1.39;text-align:left;color:#4a4a4a}.boxpost header,.boxpost content,.boxpost footer{display:block;padding:15px 40px;position:relative}.boxpost content::after,.boxpost content::before{bottom:100%;left:70px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.boxpost content::before{border-color:rgba(228,228,228,0);border-bottom-color:#e4e4e4;border-width:11px;margin-left:-11px}.boxpost content::after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}.boxpost.box-indie content::before{visibility:hidden}.boxpost.box-indie content::after{visibility:hidden}.boxpost header .icon{display:inline-block;background:transparent no-repeat left center;height:24px;padding:0 0 0 38px;font-family:'GothamBook',sans-serif;font-size:14px;text-align:left;color:#4a4a4a;line-height:24px;margin:0 25px 0 0}.boxpost header .icon-survey{background-image:url('../images/icon-survey.png')}.boxpost header .icon-discus{background-image:url('../images/icon-discus.png')}.boxpost header .icon-versus{background-image:url('../images/icon-versus.png')}.boxpost header .icon-like{background-image:url('../images/icon-like.png')}.boxpost header .icon-info{background-image:none;padding:0}.boxpost header .icon-survey.inactive{background-image:url('../images/icon-survey-i.png')}.boxpost header .icon-discus.inactive{background-image:url('../images/icon-discus-i.png')}.boxpost header .icon-versus.inactive{background-image:url('../images/icon-versus-i.png')}.boxpost header .icon-like.inactive{background-image:url('../images/icon-like-i.png')}.boxpost footer span{display:inline-block;margin:8px 20px 0 0;vertical-align:middle}.boxpost footer span strong{display:inline-block;width:4px;height:4px;background:#4a4a4a;border-radius:50%;vertical-align:top;margin:6px 7px 0}.boxpost footer span.kategori{background:transparent no-repeat left center url('../images/icon-category.png');padding:0 0 0 34px;height:24px;line-height:24px}.boxpost footer .share{float:right;border-radius:5px;background-color:#e4e4e4;border:solid 1px #e4e4e4;text-decoration:none;padding:10px;vertical-align:middle;font-size:10px;color:#4a4a4a;margin:2px 0 0;display:none}.boxpost footer .publish{display:inline-block;border-radius:5px;background-color:#e4e4e4;box-shadow:0 2px 3px 0 rgba(0,0,0,0.12);border:solid 1px #e4e4e4;color:#4a4a4a;text-decoration:none;padding:10px 25px;font-size:14px;margin:0 20px 0 0;vertical-align:middle}.boxpost footer .publish.active{font-family:'GothamMedium',sans-serif;background-color:#fc0;border-color:transparent;color:#4a4a4a}.boxpost footer .publish.process{background-image:url('../images/loader2.gif');background-position:center;background-repeat:no-repeat;color:transparent}.boxpost footer .btn-change-period{display:inline;margin:0;vertical-align:baseline;cursor:pointer}.boxpost content .left{width:400px;float:left}.boxpost content .user{float:left}.boxpost content .user .avatar{width:64px;height:64px;display:inline-block;border-radius:50%;vertical-align:top;position:relative;overflow:hidden;background:#e4e4e4 center no-repeat;background-size:cover;text-decoration:none;outline:0}.boxpost content .user .info{display:inline-block;vertical-align:top;margin:10px 0 0 10px;font-family:'GothamBook',sans-serif;font-size:10px;text-align:left;color:#4a4a4a}.boxpost content .user .info .name a{font-family:'GothamBold',sans-serif;font-size:18px;text-align:left;vertical-align:middle;text-decoration:none;outline:0;color:#4a4a4a}.boxpost content .user .info .name a:hover{color:#fc0}.boxpost content .user .info .name strong{display:inline-block;width:4px;height:4px;background:#4a4a4a;border-radius:50%;margin:0 5px}.boxpost content .user .info .name span{margin:0;display:inline-block;vertical-align:middle}.boxpost content .user .info p{margin:5px 0 0}.boxpost content .user-follow{float:right;display:block;text-decoration:none;border-radius:20px;border:1px solid #ffdc52;height:25px;line-height:25px;font-family:"GothamMedium";font-size:12px;text-align:center;color:#ffdc52;padding:0 25px;margin:10px 0 0}.boxpost content .user-follow.follow:hover{background-color:#ffdc52;color:#fff}.boxpost content .user-follow.unfollow{border-color:#ec272a;background-color:#ec272a;color:#fff}.boxpost content .user-follow.unfollow:hover{color:#ec272a;background-color:transparent}.boxpost content .survey{margin:0}.boxpost content .survey:after{content:" ";display:table;clear:both}.boxpost content .survey .question{margin:15px 0 30px}.boxpost content .survey .question a{text-decoration:none;color:#fc0}.boxpost content .survey .answer-row{display:table;border-collapse:separate;border-spacing:10px;margin-left:-10px}.boxpost content .survey .answer-row-ganda{margin-left:0;padding-left:10px;border-left:1px dashed #979797}.boxpost content .survey .answer-col{display:block}.boxpost content .survey .answer{display:table-row;position:relative;box-sizing:border-box;margin:0 0 10px}.boxpost content .survey .answer-col .answer{display:inline-block;margin-right:5px}.boxpost content .survey .answer input{position:absolute;visibility:hidden;top:0;left:0}.boxpost content .survey .answer label{border-radius:24px;background-color:#f6f7f9;border:solid 1px #e4e4e4;box-sizing:border-box;padding:10px 25px 10px 20px;font-family:'GothamBook',sans-serif;font-size:18px;color:#4a4a4a;display:block;cursor:pointer}.boxpost content .survey .answer input:checked+label,.boxpost content .survey .answer.disabled input:checked+label{background-color:#fc0}.boxpost content .survey .answer.disabled label:hover{background-color:#f6f7f9}.boxpost content .survey .answer.disabled label{cursor:default}.boxpost content .survey .answer label span{display:inline-block;width:16px;height:16px;background-color:#fff;border:1px solid #e4e4e4;border-radius:50%;margin:0 15px 0 0;vertical-align:middle}.boxpost content .survey .answer label div{display:inline-block;width:315px;vertical-align:middle}.boxpost content .survey .answer-row-ganda .answer label span{border-radius:2px}.boxpost content .survey .answer-row-ganda .answer input:checked+label span{background:#9d7e00 url('../images/icon-check.jpg') no-repeat center;background-size:18px 18px;border-color:transparent}.boxpost content .survey .marking{width:100%;position:relative;height:auto;margin:0 0 10px}.boxpost content .survey .marking .label,.boxpost content .survey .marking .percent{position:relative;display:inline-block;width:9%;height:100%;vertical-align:middle}.boxpost content .survey .marking .label{width:70%;margin-right:20px}.boxpost content .survey .marking .label .bar{content:"";background-color:#fc0;position:absolute;left:0;top:0;height:100%;width:0;border-radius:24px}.boxpost content .survey .marking .label span{display:inline-block;border-radius:50%;width:22px;height:22px;border:1px solid #4a4a4a;text-align:center;line-height:22px;font-family:Arial;font-size:12px;position:absolute;right:15px;top:10px}.boxpost content .survey .marking .label .text{position:absolute;z-index:0;line-height:1.3;margin-left:20px;top:0;padding:10px 0}.boxpost content .survey .marking .label .text.hideme{position:static;visibility:hidden}.boxpost content .survey .ganda{font-family:'GothamBook';font-size:14px;color:#4a4a4a;margin:0 0 20px}.boxpost content .discus .question{width:350px}.boxpost content .discus .answer{display:block;border-radius:5px;border:solid 2px #e4e4e4;margin:20px 0 0;padding:10px 30px}.boxpost content .discus .answer p{padding:0;margin:0}.boxpost content .discus .answer .title{font-family:'GothamMedium',sans-serif;font-size:10px;margin:0 0 10px;font-weight:500}.boxpost content .discus .image{display:inline-block;width:167px;height:133px;border-radius:5px;background:transparent no-repeat center;background-size:cover}.boxpost content .left200{width:200px;margin:0 0 0 18px;text-align:center}.boxpost content .versus{display:table;position:relative}.boxpost content .versus .question,.boxpost content .versus .answer{float:left}.boxpost content .versus .question{width:267px}.boxpost content .versus .answer{width:341px;margin:0 0 0 10px;display:table;position:relative;height:190px}.boxpost content .versus .answer-3{height:155px}.boxpost content .versus .answer-4{height:115px}.boxpost content .versus .answer:after{content:"";display:table;clear:both}.boxpost content .versus .answer a{float:left;width:167px;height:133px;margin:0 7px 0 0;position:relative;border-radius:5px;background:#e4e4e4 no-repeat center;background-size:cover;text-align:center;text-decoration:none}.boxpost content .versus .answer-3 a{width:109px;height:90px}.boxpost content .versus .answer-4 a{width:83px;height:66px;margin-right:3px}.boxpost content .versus .answer a:last-child{margin:0}.boxpost content .versus .answer a .like{position:absolute;z-index:1;top:112px;left:0;width:100%;margin:0;font-family:'GothamMedium',sans-serif;font-size:14px;font-weight:500;color:#4a4a4a;text-align:center}.boxpost content .versus .answer-3 a .like{top:75px}.boxpost content .versus .answer-4 a .like{top:54px;font-size:12px}.boxpost content .versus .answer a .like span{display:inline-block;width:70px;height:40px;border-radius:23px;background:#fff center no-repeat url('../images/icon-suka-a.png');box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);margin:0 0 5px}.boxpost content .versus .answer a.process .like span{background-image:url('../images/loader2.gif')}.boxpost content .versus .answer-3 a .like span{background-size:25px 23px;width:55px;height:30px}.boxpost content .versus .answer-4 a .like span{background-size:20px 19px;width:43px;height:24px}.boxpost content .versus .answer a .like p{margin:0;padding:0}.boxpost content .versus .answer a:hover .like,.boxpost content .versus .answer a.active .like{color:#fc0}.boxpost content .versus .answer a:hover .like span,.boxpost content .versus .answer a.active .like span{background-color:#fc0;background-image:url('../images/icon-suka.png')}.boxpost content .versus .answer a.process:hover .like span{background-image:url('../images/loader2.gif')}.boxpost content .versus .answer.disabled a:hover .like{color:#4a4a4a}.boxpost content .versus .answer.disabled a:hover .like span{background-color:#fff;background-image:url('../images/icon-suka-a.png')}.boxpost content .versus .answer.disabled a.active .like{color:#fc0}.boxpost content .versus .answer.disabled a.active .like span{background-color:#fc0;background-image:url('../images/icon-suka.png')}.boxpost content .versus .answer .vs{display:inline-block;position:absolute;z-index:1;width:46px;height:46px;border-radius:50%;background:#fff;line-height:48px;font-family:'GothamBook',sans-serif;font-size:14px;color:#4a4a4a;text-align:center;left:50%;top:50%;margin:-50px 0 0 -23px}.boxpost content .versus .answer-3 .vs{width:36px;height:36px;line-height:38px;font-size:12px;margin:-50px 0 0}.boxpost content .versus .answer-4 .vs{width:25px;height:25px;line-height:26px;font-size:9px;margin:-38px 0 0}.boxpost content .versus .answer-3 .vs-1{left:95px}.boxpost content .versus .answer-3 .vs-2{left:212px}.boxpost content .versus .answer-4 .vs-1{left:72px}.boxpost content .versus .answer-4 .vs-2{left:159px}.boxpost content .versus .answer-4 .vs-3{left:244px}.boxpost content .like .answer{display:inline-block;width:167px;height:133px;border-radius:5px;background:#e4e4e4 center no-repeat;background-size:cover;position:relative;margin:0 0 60px}.boxpost content .like .answer a{display:inline-block;position:absolute;width:65px;height:45px;background:#e4e4e4 center no-repeat;border-radius:22px;box-shadow:0 2px 7px 0 rgba(0,0,0,0.12);bottom:-22.5px;left:50%;text-decoration:none;outline:0}.boxpost content .like .answer a:hover,.boxpost content .like .answer a.active{background-color:#fff}.boxpost content .like .answer.disabled a{cursor:context-menu}.boxpost content .like .answer.disabled a:hover{background-color:#e4e4e4}.boxpost content .like .answer.disabled a.active{background-color:#fff}.boxpost content .like .answer a.like{background-image:url('../images/icon-smile.png');margin-left:-70px}.boxpost content .like .answer a.dislike{background-image:url('../images/icon-hate.png');margin-left:5px}.boxpost content .like .answer.disabled a.active{background-color:#fff}.boxpost content .like .answer a.process{background-image:url('../images/loader2.gif')}.boxpost content .like .answer a p{display:block;position:absolute;z-index:1;top:100%;width:100px;left:50%;margin:10px 0 0 -50px;font-family:'GothamMedium';font-size:10px;text-decoration:none;color:#fc0}.boxpost content .like .answer a.dislike p{color:#ec272a}.boxpost .comment{display:block;box-sizing:border-box;padding:20px;background:#fbfbfb;border-top:1px solid #e4e4e4}.boxpost .comment .item{position:relative;font-family:'GothamBook',sans-serif;font-size:10px;color:#4a4a4a;box-sizing:border-box;padding:20px 0;border-bottom:1px solid #c8c8c8}.boxpost .comment .item:first-child{padding-top:0}.boxpost .comment .item:last-child{padding-bottom:0;border-bottom:0}.boxpost .comment .item.noborder{border-bottom:0}.boxpost .comment .item.hide{display:none}.boxpost .comment .item .avatar{display:inline-block;text-decoration:none;outline:0;width:32px;height:32px;border-radius:50%;background:#ccc center no-repeat;background-size:cover;vertical-align:top;margin:0 10px 0 0}.boxpost .comment .item .info{display:inline-block;position:relative;vertical-align:top;margin:5px 0 0}.boxpost .comment .item .info a{text-decoration:none;outline:0;font-family:'GothamMedium',sans-serif;font-size:14px;text-align:left;color:#4a4a4a;vertical-align:middle}.boxpost .comment .item .info strong{display:inline-block;width:4px;height:4px;border-radius:50%;background:#4a4a4a;vertical-align:middle;margin:0 5px}.boxpost .comment .item .info span{vertical-align:middle}.boxpost .comment .item .info p{color:#c8c8c8;margin:3px 0 0}.boxpost .comment .item .content{font-size:14px;margin:20px 0 0;line-height:1.3}.boxpost .comment .item form{display:inline-block;width:82%;position:relative;box-sizing:border-box;text-align:right}.boxpost .comment .item textarea{display:block;border:1px solid #e4e4e4;background:#fff;border-radius:5px;height:100px;min-height:100px;overflow:hidden;font-family:'GothamBook',sans-serif;font-size:14px;color:#4a4a4a;text-align:left;box-sizing:border-box;padding:10px 15px;resize:none;width:100%}.boxpost .comment .item button[type=submit]{display:inline-block;border-radius:20px;background-color:#fc0;border:0;box-shadow:2px 2px 5px 0 rgba(0,0,0,0.2);font-family:'GothamBold',sans-serif;font-size:10px;color:#fff;text-align:center;padding:8px 20px;box-sizing:border-box;margin:10px 0 0;overflow:hidden}.boxpost .comment form.process button[type=submit]{background-image:url('../images/loader2.gif');background-position:center;background-repeat:no-repeat;color:transparent}.boxpost .comment .item .btn-next{display:inline-block;text-align:center;text-decoration:none;outline:0;font-family:'GothamBook',sans-serif;font-size:14px;color:#4a4a4a;position:relative}.boxpost .comment .item .btn-next:after{content:"";display:inline-block;width:0;height:0;border:6px solid #4a4a4a;border-right-color:transparent;border-left-color:transparent;border-bottom:0;margin:0 0 0 10px}.boxpost .comment .item-center{text-align:center}.boxpost .comment .item .btn-next:before{display:none;position:absolute;content:"";z-index:2;background:#fbfbfb center no-repeat url('../images/loader-comment.gif');top:0;left:0;width:100%;height:100%}.boxpost .comment .item .btn-next.process:before{display:block}.boxpost header .menu{display:inline-block;text-decoration:none;outline:0;font-family:sans-serif;font-weight:bold;font-size:24px;color:#4a4a4a;position:absolute;right:40px;top:11px}.boxpost header .menu-panel{display:inline-block;position:absolute;z-index:3;background:#f6f7f9;text-align:left;font-family:'GothamBook',sans-serif;font-size:10px;color:#4a4a4a;border:1px solid #e4e4e4;border-bottom:0;top:100%;right:40px;opacity:0;visibility:hidden}.boxpost header .menu-panel.show{opacity:1;visibility:visible}.boxpost header .menu-panel a{display:block;text-decoration:none;outline:0;box-sizing:border-box;padding:10px 40px;border-bottom:1px solid #e4e4e4;color:#4a4a4a;background:transparent 10px center no-repeat;position:relative}.boxpost header .menu-panel a.info{background-image:url('../images/icon-info.png')}.boxpost header .menu-panel a.report{background-image:url('../images/icon-report.png')}.boxpost header .menu-panel a.hide{background-image:url('../images/icon-hide.png')}.boxpost header .menu-panel a.share{background-image:url('../images/icon-share.png')}.boxpost header .menu-panel a.delete{background-image:url('../images/icon-delete.png');background-size:15px 15px}.boxpost header .menu-panel a.info.process:before,.boxpost header a.infog.process:before{content:"";position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;background:#f6f7f9 center no-repeat url('../images/loader2.gif')}.boxpost header .point{display:inline-block;margin:0;right:85px;top:15px;font-family:"GothamBook";font-size:12px;color:#4a4a4a;vertical-align:middle;position:absolute}.boxpost header .point span{display:inline-block;vertical-align:middle;background-image:linear-gradient(111deg,#ffe800,#fc0);border-radius:14px;padding:7px 13px 7px 30px;position:relative;margin:0 0 0 5px}.boxpost header .point span:before{content:"";position:absolute;z-index:1;display:block;width:16px;height:16px;background:transparent url('../images/icon-point.png') no-repeat center;background-size:16px 16px;top:5px;left:8px}.boxpost header .infog+.point{right:265px}.boxpost header .infog+.point-en{right:290px}.boxpost content .info .question{display:inline-block;width:300px;margin:15px 10px 0 0;vertical-align:top}.boxpost content .info .poster{display:inline-block;width:300px;position:relative;vertical-align:top}.boxpost content .info .poster-full{display:block;width:450px;margin:15px auto 0;position:relative}.boxpost content .info .poster img,.boxpost content .info .poster-full img{width:100%;height:auto}.boxpost content .info .poster .video,.boxpost content .info .poster-full .video{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.boxpost content .info .poster .video iframe,.boxpost content .info .poster-full .video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.boxpost-remove header{font-family:'GothamBook';font-size:14px;color:#4a4a4a}.boxpost-remove header a{text-decoration:none;outline:0;display:inline-block}.boxpost-remove header .undo{font-family:'GothamMedium';color:#37b3e8;margin:0 0 0 20px}.boxpost-remove header .close{color:#4a4a4a;float:right}.boxpost-remove content:before,.boxpost-remove content:after{display:none}.boxpost-remove content .report{text-decoration:none;outline:0;font-size:14px;color:#4a4a4a}.boxpost-remove content .report:before{content:"";display:inline-block;background:transparent no-repeat center url('../images/icon-report.png');width:11px;height:16px;vertical-align:middle;margin:0 20px 0 0}.boxpost .box-remove{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.9);z-index:1;text-align:center}.boxpost .box-remove span{display:block;font-family:'GothamBook';color:#4a4a4a;font-size:18px;position:relative;top:100px;text-shadow:0 0 5px rgba(0,0,0,.5)}.boxpost header .infog{float:right;display:inline-block;text-decoration:none;outline:0;box-sizing:border-box;padding:10px 0 10px 40px;margin:-4px 50px 0 0;color:#4a4a4a;background:transparent 10px center no-repeat;background-image:url('../images/icon-info.png');position:relative}.boxpost.boxpost-ubi{border-radius:0;background:transparent;border:0;position:relative;text-align:center}.boxpost.boxpost-ubi a{display:inline-block;width:220px;height:183px;background:transparent no-repeat center;background-size:cover}.boxpost footer .period-panel{position:absolute;display:none;background:#e4e4e4;padding:20px 0;text-align:center;z-index:1;width:100%;left:0;top:-128px}.boxpost footer .period-panel.show{display:block}.boxpost footer .period-panel span{display:inline-block;position:relative;font-family:"GothamBook";font-size:18px;color:#4a4a4a;padding:0 0 10px;border-bottom:1px solid #4a4a4a;margin:0 50px 0 0;width:80px}.boxpost footer .period-panel span input{background:transparent;border:0;text-align:left;font-family:"GothamBook";font-size:18px;color:#4a4a4a;width:100%;box-sizing:border-box;padding:0 50px 0 0}.boxpost footer .period-panel span p{position:absolute;z-index:1;right:0;top:0}.boxpost footer .period-panel a{display:inline-block;background:#fc0;border:1px solid #e4e4e4;border-radius:5px;font-family:"GothamBook";font-size:10px;color:#4a4a4a;text-align:center;padding:5px 10px;text-decoration:none}.boxpost footer .period-panel .info{display:inline-block;margin:25px 0 0;padding:7px 10px;background:#f7f7f7;font-family:"GothamBook";font-size:12px;color:#4a4a4a;text-align:center;border-radius:4px}.boxpost footer .period-panel .info:before{display:inline-block;content:" ";background:transparent url("../images/icon-info-black.png") no-repeat center;width:17px;height:17px;vertical-align:middle;margin:0 5px 0 0}.boxpost.box-indie header h3{font-family:"GothamBook";font-size:14px;font-weight:600;color:#4a4a4a}.boxpost.box-indie header .btn-user-refresh{font-family:"GothamBook";font-size:14px;color:#4a4a4a;position:absolute;text-decoration:none;right:40px;top:15px}.boxpost.box-indie header .btn-user-refresh span{display:inline-block;background:url("../images/icon-refresh.png") center no-repeat;background-size:12px 14px;width:12px;height:14px;margin:0 0 0 5px;vertical-align:middle}.boxpost.box-indie content .userlist{position:relative}.boxpost.box-indie content .userlist .user{display:block;float:left;position:relative;width:149.5px;box-sizing:border-box;padding:0 5px;margin:0;text-align:center}.boxpost.box-indie content .userlist .user .avatar{display:inline-block;width:64px;height:64px;border-radius:50%;background:#e4e4e4 center no-repeat;background-size:cover;margin:0 0 17px}.boxpost.box-indie content .userlist .user strong{font-family:'GothamBold',sans-serif;font-size:16px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#4a4a4a;display:block;margin:0 0 5px}.boxpost.box-indie content .userlist .user p{font-family:'GothamBook',sans-serif;font-size:10px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#4a4a4a;margin:0 0 12px}.boxpost.box-indie content .userlist .user .btn-follow2{display:inline-block;border-radius:2.5px;box-shadow:0 1px 2.5px 0 rgba(0,0,0,0.05);border:solid .5px #e4e4e4;background-color:#f4f4f4;font-family:"GothamBook";font-size:12px;font-weight:500;color:#4a4a4a;text-align:center;padding:3px 13px;text-decoration:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus input:-webkit-autofill,textarea:-webkit-autofill,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{border:0 solid transparent;-webkit-box-shadow:0 0 0 1000px transparent inset;transition:background-color 5000s ease-in-out 0}#barnotif{display:none;background:#ec272a;padding:15px 0;text-align:center;font-family:'GothamBook',sans-serif;font-size:14px;color:#fff}#barnotif a{font-family:'GothamMedium',sans-serif;font-size:14px;text-decoration:none;outline:0;color:#fff}#barnotif a:hover{text-decoration:underline}.dot{display:inline-block;width:5px;height:5px;background:#fff;border-radius:50%;vertical-align:middle;margin:0 5px}.boxfilter{display:block;box-sizing:border-box;background:#fff;border:1px solid #e4e4e4;border-radius:5px;padding:20px;text-align:center;font-family:'GothamBook',sans-serif;font-size:14px;color:#4a4a4a;margin:0 0 15px}.boxfilter a{display:inline-block;color:#4a4a4a;margin:0 40px;text-decoration:none;outline:0}.boxfilter a:hover,.boxfilter a.active{font-family:'GothamMedium'}#popup-redeem{width:500px;height:639px;margin:-319.5px 0 0 -250px;box-sizing:border-box;padding:40px 60px;border-radius:20px;background:transparent center no-repeat url('../images/popup-redeem.png');background-size:500px 639px;box-shadow:0 1px 22.5px 0 rgba(0,0,0,0.09);-webkit-box-shadow:0 1px 22.5px 0 rgba(0,0,0,0.09);-moz-box-shadow:0 1px 22.5px 0 rgba(0,0,0,0.09);text-align:center}#popup-redeem .close{position:absolute;font-family:'GothamBook';font-size:20px;color:#fff;top:20px;right:70px;text-decoration:none;outline:0}#popup-redeem header{box-sizing:border-box;padding:0 30px;margin:10px 0 0;text-align:left}#popup-redeem header h3{font-family:'GothamBook';font-size:18px;color:#fff;line-height:1.3;margin:0 0 26px}#popup-redeem header .info{font-family:'GothamBold';color:#fff;font-size:14px;border-left:3px solid #fff;padding:0 0 0 24px}#popup-redeem header .info p{font-family:'GothamBold';margin:0 0 5px}#popup-redeem header .info .poin{font-size:21px;margin:15px 0 0}#popup-redeem .detail{margin:60px 20px 0;font-family:'GothamMedium';font-size:21px;color:#4a4a4a;text-align:left}#popup-redeem .detail p{box-sizing:border-box;padding:20px 30px;position:relative}#popup-redeem .detail p span:last-child{float:right;font-family:'GothamBold'}#popup-redeem .detail p:after{content:" ";display:table;clear:both}#popup-redeem .detail p:nth-child(2):before{content:"";position:absolute;z-index:-1;top:0;left:0;bottom:0;right:0;background:#fc0;opacity:.5;border-radius:5px}#popup-redeem .detail p:nth-child(2) span:last-child{font-family:'GothamBook'}#popup-redeem .putus{margin:40px 0 0;border-bottom:2px dashed #4a4a4a}#popup-redeem .btn-redeem-popup{display:inline-block;text-decoration:none;outline:0;background:#fc0;text-align:center;font-family:'GothamBold';font-size:21px;color:#fff;padding:20px 70px;border-radius:4px;box-shadow:0 1px 1.5px 0 rgba(0,0,0,0.06);border:solid .5px #fc0;margin:30px 0 0}#popup-redeem .btn-redeem-popup.disable{background-color:#e4e4e4;color:#666}.list-page{position:relative;margin:110px 0 0;padding:0}.list-page header{display:block;position:relative;width:100%;vertical-align:middle;padding:0;margin:0 0 40px}.list-page header h1{font-family:"GothamBold";font-size:24px;color:#494949;margin:0;padding:0;float:left;vertical-align:middle;display:inline-block}.list-page header .nav{display:inline-block;float:right;position:relative;vertical-align:middle}.list-page header .nav a{text-decoration:none;outline:0;display:inline-block;font-family:"GothamMedium";font-size:14px;text-align:center;color:#424242;width:90px;background:#fff;float:left;box-sizing:border-box;padding:7px 0}.list-page header .nav a:first-child{border-top-left-radius:7px;border-bottom-left-radius:7px}.list-page header .nav a:last-child{border-top-right-radius:7px;border-bottom-right-radius:7px}.list-page header .nav a.active{background:#424242;color:#fff}.list-page content .item{display:block;font-family:"GothamLight";font-size:14px;color:#4a4a4a;text-align:left;margin:0 0 20px;padding:40px;background:#fff;border-radius:5px;border:1px solid #e4e4e4;line-height:1.5}.list-page content .item strong{font-family:"GothamBlack"}.list-page content .item em{font-style:italic}.list-page content .item content{display:none}.list-page content .item.open content{display:block}.list-page content .item header{margin:0;padding:0;font-family:"GothamBold";position:relative;cursor:pointer}.list-page content .item header span{position:absolute;top:50%;right:0;margin:-12px 0 0;padding:0;display:block;width:24px;height:24px;background:#424242;border-radius:50%}.list-page content .item header span:before{content:" ";display:block;position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-7px 0 0 -5px;border:2px solid #fff;border-right-color:transparent;border-top-color:transparent;transform:rotate(-45deg)}.list-page content .item.open header span:before{transform:rotate(135deg);margin-top:-3px}.list-page content .item content{position:relative;margin:0;padding:0}.list-page content .item content p{margin:20px 0 0}.list-page content .item ul{margin:0 0 0 13px;padding:0;list-style-type:disc}.list-page content .item ul li{display:block;margin:20px 0 0;padding:0}.list-page content .item content ul p{margin:10px 0 0}.list-page content .item content h3{font-family:"GothamBold";margin:0;padding:0}.list-page content .item ul li,.list-page content .item ul li ol li,.list-page content .item ol li{margin:10px 0 0;padding:0 0 0 10px;display:list-item}.list-page content .item ul li ol,.list-page content .item ol{list-style:decimal outside;padding:0 0 0 17px}.list-page content .item ol.alpha{list-style-type:lower-alpha}.list-page content .item ol.alpha-big{list-style-type:upper-alpha}.list-page content .item ol.romawi{list-style-type:lower-roman}.list-page content .item p,.list-page content .item content p{margin:0 0 20px;padding:0}.list-page content .item content p:first-child,.list-page content .item content ol+p,.list-page content .item content ul+p{margin-top:20px}.list-page content .item p:last-child,.list-page content .item content p:last-child{margin-bottom:0}.mention-suggestion{position:absolute;z-index:999999;top:-100px;left:0;background:#fff;margin:0;padding:0;width:250px;display:none;box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:1px 2px 3px rgba(0,0,0,0.3);-ms-box-shadow:0 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-o-box-shadow:0 2px 1px rgba(0,0,0,0.3)}.mention-suggestion .item{display:flex;background:#fff;padding:8px 3%;width:94%;justify-content:flex-start;align-items:center;border-bottom:solid 1px #f8f8f8}.mention-suggestion .item:hover{cursor:pointer;background:#fc0}.mention-suggestion .item.selected{background:#fc0}.mention-suggestion .item .avatar{width:50px;height:50px;border-radius:25px;overflow:hidden;position:relative;margin-right:10px}.mention-suggestion .item .avatar img{height:100%}.mention-suggestion .item .name{color:#666;font-family:'GothamMedium',sans-serif;font-size:13px}.mention-suggestion .item .name b{color:#111}.mention-suggestion .item.selected .name{color:#fff}.mention-suggestion .item:hover .name{color:#fff}.mention-suggestion .item:hover .name b{color:#fff}#layar{position:fixed;width:100%;height:100%;top:0;left:0;background:#fc0;z-index:9;visibility:visible;opacity:1;transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out}#layar.hide{opacity:0;visibility:hidden}.question-wrap{position:relative}.question-wrap .count{display:none;position:absolute;z-index:2;bottom:5px;right:5px;font-family:"GothamBook";font-size:12px;color:#9d7e00}#ubibanner .bx-wrapper,.box-ubi .bx-wrapper,.boxpost-ubi .bx-wrapper,#ubi-float .bx-wrapper{margin-bottom:0;-moz-box-shadow:0 0 0 transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;border:0;background:transparent}