.bg-flash-sale{background-color:#f4f4f4;padding:16px 0 !important}#contentRewardDiscount img{width:100%}.flash-sale{position:relative}.flash-sale h3{margin:8px 0 !important}.flash-sale__img{position:absolute}.flash-sale__img--one{right:-72px;top:-32px}.flash-sale__img--two{left:-52px;top:16px;width:100px}.flash-sale__img--two img{width:100%;height:100%;object-fit:cover}.dashboard .connect{position:relative;z-index:10;background:#fff;border-radius:8px;display:block;padding:0 16px}.dashboard .connect__left,.dashboard .connect__right{display:inline-block}.dashboard .connect__left{width:74%}.dashboard .connect__left .div_{display:inline-block;margin-right:16px}@media(max-width: 767px){.dashboard .connect__left .div_{margin-right:2px}}@media(max-width: 767px){.dashboard .connect__left .font-bold{width:75%;vertical-align:middle}}@media(max-width: 767px){.dashboard .connect__left{width:100%;display:block}}.dashboard .connect__right{text-align:right;width:20%;cursor:pointer;border-left:1px solid #c9c9c9;transition:.3s}.dashboard .connect__right:hover{color:red;padding-right:2px}@media(max-width: 767px){.dashboard .connect__right{width:100%;margin:4px 0;padding:8px 0;border-left:1px solid rgba(0,0,0,0);border-top:1px solid #c9c9c9;text-align:center}}.dashboard__top{background-color:#df0f0f;padding:10px 0;position:relative;z-index:9}@media(max-width: 767px){.dashboard__top{height:212px}}.dashboard__top a{color:#fff;position:relative;z-index:5}.dashboard__top .breadcumb{position:relative;z-index:5}.dashboard__top .breadcumb ul a{color:#fff}.dashboard__top .breadcumb ul li{color:#fff}.dashboard__top .breadcumb ul li::after{content:">";margin:0 4px 0 8px;color:#fff}.dashboard__top .breadcumb ul li:last-child::after{content:""}.dashboard__top .bg-abs{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1}.dashboard__top .bg-abs img{width:100%;height:100%;object-fit:cover}.dashboard__top .dashboard__first{display:block;margin:32px 0}.dashboard__top .dashboard__first h1{display:inline-block;width:75%}@media(max-width: 767px){.dashboard__top .dashboard__first h1{width:100%;max-height:70px;overflow:hidden}}.dashboard__top .dashboard__first .ubah{background:#fff;vertical-align:top;position:relative;font-family:"VAG-Rounded-Light",sans-serif;z-index:5;color:#8d8d8d;text-transform:capitalize !important;font-size:16px;cursor:pointer;transition:.4s}@media(max-width: 767px){.dashboard__top .dashboard__first .ubah{margin-top:16px}}@media(max-width: 375px){.dashboard__top .dashboard__first .ubah{margin-top:-3px}}.dashboard__top .dashboard__first .ubah:hover{color:#4e4e4e;box-shadow:0 3px 6px #bbb}.dashboard__fullname{padding:0;margin:0;position:relative;z-index:5}.dashboard__points{position:relative;z-index:5}.dashboard__points p{font-size:16px}.dashboard__points .point{font-size:42px;margin:8px 0;color:#4a4a4a}@media(max-width: 767px){.dashboard__points .point{font-size:20px}}.dashboard__points span{font-weight:normal}.dashboard__buttons{position:relative;z-index:5;display:block;top:20px}.dashboard__buttons .hadiah-saya,.dashboard__buttons .riwayat-saya{display:inline-block;width:49%;cursor:pointer}@media(max-width: 767px){.dashboard__buttons .hadiah-saya,.dashboard__buttons .riwayat-saya{width:45%}}@media(max-width: 359px){.dashboard__buttons .hadiah-saya,.dashboard__buttons .riwayat-saya{width:110px}}@media(max-width: 359px){.dashboard__buttons .hadiah-saya .font-small,.dashboard__buttons .riwayat-saya .font-small{font-size:12px !important}}@media(max-width: 767px){.dashboard__buttons .hadiah-saya .font-small,.dashboard__buttons .riwayat-saya .font-small{font-size:14px}}.dashboard__buttons .hadiah-saya img,.dashboard__buttons .riwayat-saya img{margin:0 auto 12px;text-align:center;display:block}.dashboard__buttons .line{border:1px solid #c9c9c9;height:82px;width:1px;display:inline-block}@media(max-width: 767px){.dashboard__buttons .line{margin:0 8px}}@media(max-width: 359px){.dashboard__buttons .line{margin:0}}.dashboard__kumpulkan{display:block;margin-bottom:24px}.dashboard__kumpulkan--img{display:inline-block}@media(max-width: 767px){.dashboard__kumpulkan--img{display:block;margin:0 auto;text-align:center}}.dashboard__kumpulkan--content{display:inline-block;margin-left:8px;width:580px}@media(max-width: 767px){.dashboard__kumpulkan--content{display:block;margin:0 auto;width:auto;text-align:center}}.dashboard__kumpulkan--content p{color:#4a4a4a}.dashboard__kumpulkan--content .form-control{min-height:3.5em}.dashboard__kumpulkan--content .btn-primary{margin-top:0px;width:150px;padding:12px;border-radius:25px}.dashboard__bottom{position:relative;z-index:9;height:315px}@media(max-width: 767px){.dashboard__bottom{height:auto;padding:16px}}.dashboard__bottom .bg-abs{position:absolute;left:0;right:0;top:0;bottom:0}.dashboard__bottom .bg-abs img{width:100%;height:100%;object-fit:cover}.dashboard__bottom .wrap-kgm{position:relative;z-index:9}.dashboard__bottom .wrap-kgm__display{display:block}.dashboard__bottom .wrap-kgm__display .img_{display:inline-block;position:relative;z-index:9;width:45%;bottom:10px}@media(max-width: 767px){.dashboard__bottom .wrap-kgm__display .img_{width:auto;bottom:-16px;display:block}}.dashboard__bottom .wrap-kgm__display .img_ img{width:100%;height:100%;object-fit:cover}.dashboard__bottom .wrap-kgm__display .content_{display:inline-block;position:relative;padding:52px 0 0;z-index:9;width:50%}@media(max-width: 767px){.dashboard__bottom .wrap-kgm__display .content_{width:auto;display:block;padding:16px 0 0;text-align:center}}.dashboard__bottom .wrap-kgm__display .content_ img{margin-right:16px}.dashboard__bottom .wrap-kgm__display .content_ p{margin-top:16px}@media(max-width: 767px){.dashboard__bottom .wrap-kgm__display .content_ p{text-align:center}}.dashboard .modal{overflow-y:hidden}@media(max-width: 767px){.dashboard .modal{overflow-y:auto}}.dashboard .modal .youtube{height:280px}.dashboard .modal-content{max-height:650px}@media(max-width: 767px){.dashboard .modal-content{height:auto;max-height:initial}}.dashboard .modal-body{padding:16px 24px;max-height:570px;overflow-y:auto}@media(max-width: 767px){.dashboard .modal-body{max-height:520px}}.dashboard .modal-body h4{padding:0;margin:0 0 16px}@media(max-width: 767px){.dashboard .modal-body{padding:16px;max-height:initial;margin-bottom:16px}}@media(max-width: 359px){.dashboard .modal-body{padding:0px}}.dashboard .modal-body .wrap-photo{display:block}.dashboard .modal-body .wrap-photo .form-group{display:inline-block;width:48%;vertical-align:top}@media(max-width: 767px){.dashboard .modal-body .wrap-photo .form-group{width:100%;display:block}}.dashboard .modal-body .wrap-photo .form-group .btn-primary{bottom:0}.dashboard .modal-body .wrap-photo .form-group .border{border:1px solid #bbb;padding:8px;border-radius:8px}.dashboard .modal-body .wrap-photo .form-group .border .btn-primary{width:60%;margin:8 auto;display:block;text-align:center;border-radius:16px;border-color:rgba(0,0,0,0)}.dashboard .modal-body .photo{min-height:200px;opacity:0}.dashboard .modal-body .photo__abs{position:absolute;top:50%;transform:translate(-50%, -50%);text-align:center;left:50%;width:100%;height:58%;object-fit:contain}.dashboard .modal-body .photo__abs img{width:100%;height:auto;object-fit:contain}.dashboard .modal .close:focus{outline:0}.dashboard .modal .nav-tabs{margin-left:0}@media(max-width: 767px){.dashboard .modal .nav-tabs{margin-bottom:16px}}.dashboard .modal .nav-tabs li a{font-family:"VAG-Rounded-Bold";color:#8d8d8d;padding:10px 10px 0 0;border:0}.dashboard .modal .nav-tabs li a:hover{background:rgba(0,0,0,0)}.dashboard .modal .nav-tabs li.active a{color:#cb0024;border:0;padding:10px 10px 10px 0;border-bottom:2px solid #cb0024}.dashboard .modal .faq{list-style-type:none;margin:0;padding:0}.dashboard .modal .faq .active-pink{background:linear-gradient(to bottom, #FFF7F7, #FFCBCB) !important;color:#cb0024 !important;border-radius:16px 16px 0 0 !important}.dashboard .modal .faq .question{border-bottom:2px solid #fafafa;cursor:pointer;color:#fff;border-radius:16px;padding:16px;background:linear-gradient(to bottom, #D30000, #B70000);transition:.3s;margin-bottom:8px}.dashboard .modal .faq .question .fa{margin-left:16px;float:right;font-size:20px}.dashboard .modal .faq .answer{display:none;background-color:#fafafa;margin-bottom:16px;margin-top:-10px;padding:16px;box-shadow:0 3px 6px #bbb;border-radius:0 0 16px 16px}.dashboard .modal .content__title{display:block;padding:8px 0}.dashboard .modal .content__title .img{display:inline-block;vertical-align:bottom}.dashboard .modal .content__title .text{display:inline-block;color:#cb0024;font-size:28px;margin-left:8px}.dashboard .modal .content-bottom{margin-bottom:16px}.dashboard .modal .content-bottom .point{font-family:VAG-Rounded-BT,sans-serif;font-size:26px;color:#edb20f}.dashboard .modal .content-bottom .point::after{content:" Poin";font-family:VAG-Rounded-Light;color:#4a4a4a;font-weight:400}.dashboard .modal .image-reward{width:234px;margin-bottom:8px}.dashboard .modal .image-reward.youtube{width:100%;height:280px}@media(max-width: 767px){.dashboard .modal .image-reward.youtube{height:auto}}.dashboard .modal .image-reward.youtube iframe{width:100%}@media(max-width: 767px){.dashboard .modal .image-reward{width:100%}}.dashboard .modal .image-reward img{width:100%;height:auto}.dashboard .modal .wrap-time{margin:16px 0}.dashboard .modal .wrap-time .font-bold{margin:4px 0;color:#8d8d8d}.dashboard .modal .wrap-time .font-thin{color:#4a4a4a}.dashboard .modal#congratServiceModal .modal-body,.dashboard .modal#congratRewardModal .modal-body,.dashboard .modal#congratKodeModal .modal-body{padding-bottom:24px}.dashboard .modal#congratServiceModal .modal-body .tops,.dashboard .modal#congratRewardModal .modal-body .tops,.dashboard .modal#congratKodeModal .modal-body .tops{font-size:72px}@media(max-width: 767px){.dashboard .modal#congratServiceModal .modal-body p,.dashboard .modal#congratRewardModal .modal-body p,.dashboard .modal#congratKodeModal .modal-body p{width:auto}}.dashboard .modal#congratServiceModal .modal-body button,.dashboard .modal#congratRewardModal .modal-body button,.dashboard .modal#congratKodeModal .modal-body button{margin:8px 0 16px}.dashboard .modal textarea{resize:none}@media(max-width: 767px){.dashboard .middle__one .nav-tabs li a{font-size:18px !important}}.teman{display:block}.teman input::-webkit-outer-spin-button,.teman input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.teman input[type=number]{-moz-appearance:textfield}.teman input{display:inline-block;width:60%;border-radius:25px;padding:0 24px}@media(max-width: 767px){.teman input{display:block;width:100%;margin:0 auto}}.teman button{display:inline-block;width:28%;min-height:50px;vertical-align:bottom;border-radius:25px}@media(max-width: 767px){.teman button{display:block;width:75%;margin:16px auto}}.rotate{transform:rotate(-180deg);transition:.2s ease}.misi{position:relative;margin-top:80px;background:#d72423;border-radius:16px;padding:72px 24px 24px;z-index:9}.misi .bg-abs{position:absolute;bottom:0;z-index:1}.misi__bg{position:absolute;left:38%;top:-20%}@media(max-width: 767px){.misi__bg{left:32%;width:150px;top:-8%;transform:translate(-5%, 0)}}@media(max-width: 359px){.misi__bg{left:28%;top:-16%;transform:translate(-5%, 0%)}}.misi__bg img{width:100%;height:auto;object-fit:contain}.misi__wrap{width:470px;margin:0 auto;display:block}@media(max-width: 767px){.misi__wrap{width:auto}}.misi__wrap--form{background:#fff;border-radius:16px;padding:16px}.misi__wrap--form p{width:350px;margin:0 auto 16px;display:block;font-size:14px}@media(max-width: 767px){.misi__wrap--form p{width:auto}}.misi__wrap--form .bar-mission{text-align:center}.misi__wrap--form .wrap-progress{width:350px;display:inline-block}@media(max-width: 767px){.misi__wrap--form .wrap-progress{width:200px}}.misi__wrap--form .img{display:inline-block;width:33px;height:33px;vertical-align:top;margin-left:12px;margin-top:-8px}.misi__wrap--form .btn-primary,.misi__wrap--form a{position:relative;z-index:9;color:#fff}.total-points .wrap-kgm{position:relative;top:16px;border-radius:16px;padding:32px;z-index:10;background:#fff;box-shadow:0 3px 6px #bbb}@media(max-width: 767px){.total-points .wrap-kgm{top:16px}}@media(max-width: 359px){.total-points .wrap-kgm{top:14px}}.clearfix{clear:both}.kode-unik{margin:16px 0}.kode-unik .col-md-8{padding:0}@media(max-width: 767px){.kode-unik .col-md-8{margin-bottom:8px}}.finishing{font-family:"VAG-Rounded-Light";font-size:14px}.finishing span{font-weight:bold}.middle__one{padding:32px;margin-top:32px}@media(max-width: 767px){.middle__one{padding:0}}.middle__one h2{font-size:28px}.middle__one .nav-tabs{border-bottom:0;width:100%}@media(max-width: 767px){.middle__one .nav-tabs{margin-bottom:16px;margin-left:0}}.middle__one .nav-tabs li{width:50%;text-align:center;border-color:#fff}.middle__one .nav-tabs li a{font-family:"VAG-Rounded-Bold",serif;font-size:20px;background:linear-gradient(to bottom, #FFF7F7, #FFCBCB);color:#cb0024;transition:.4s}@media(max-width: 767px){.middle__one .nav-tabs li a{font-size:12px;padding:8px}}.middle__one .nav-tabs li a:hover{opacity:.9;border-color:#cb0024}.middle__one .nav-tabs li:first-child a{border-radius:25px 0 0 25px}.middle__one .nav-tabs li:last-child a{border-radius:0 25px 25px 0}.middle__one .nav-tabs li.active a{background:linear-gradient(to bottom, #7E0205, #DE0308);color:#fff}.middle__one .nav-tabs li.active:first-child a{left:4px}.middle__one .nav-tabs li.active:last-child a{left:-4px}@media(max-width: 767px){.middle__one .tab-content{margin:8px 0px 24px}}.maxx{display:block;margin:0 4px}.maxx__card{border-radius:16px;background-color:#fff;box-shadow:0 3px 6px #bbb;width:47%;margin:0 0 16px 22px;display:inline-block}@media(max-width: 767px){.maxx__card{display:block;width:95%;margin:16px auto}}.maxx__card .col-xs-6 .img,.maxx__card .col-sm-6 .img{width:100%;height:200px;margin:0 8px}.maxx__card .col-xs-6 .img img,.maxx__card .col-sm-6 .img img{width:100%;height:100%;object-fit:contain}.maxx__card .col-xs-6 .color-normal,.maxx__card .col-sm-6 .color-normal{height:90px;padding-top:8px;overflow:hidden}@media(max-width: 767px){.maxx__card .col-xs-6 .color-normal,.maxx__card .col-sm-6 .color-normal{margin:16px;height:83px;padding-top:0}}.maxx__card .col-xs-6 .font-thin,.maxx__card .col-sm-6 .font-thin{margin:0 16px}.maxx__card .content{padding:16px}.maxx__card .content__title{font-size:20px;font-family:"VAG-Rounded-BT",sans-serif;margin-bottom:12px;display:block;color:#cb0024;border-bottom:1px solid #c9c9c9;padding-bottom:12px}.maxx__card .content__title .img{display:inline-block;width:180px;height:52px}.maxx__card .content__title .img img{width:100%;height:100%;object-fit:contain}.maxx__card .content__title .text{height:52px;overflow:hidden}@media(max-width: 767px){.maxx__card .content__title .text{height:auto}}.maxx__card .content__subtitle--new{font-size:14px;color:#8d8d8d}.maxx__card .content__time{display:block;height:40px;overflow-y:hidden}.maxx__card .content__time--text{display:inline-block;width:48%}.maxx__card .content__time--text .subtitle_{color:#8d8d8d;font-size:12px}.maxx__card .content__time--text .time_{color:#4a4a4a;font-weight:bold;font-size:16px}.maxx__card .content__materi{font-size:18px;margin-bottom:16px;height:78px;overflow:hidden}.maxx__card .content__point{font-family:"VAG-Rounded-BT",sans-serif;font-size:26px;color:#edb20f}@media(max-width: 767px){.maxx__card .content__point{font-size:22px}}.maxx__card .content__point:after{content:" Poin";font-family:"VAG-Rounded-Light";color:#4a4a4a;font-weight:normal}.maxx__card .content__bottom{margin-top:32px;padding-bottom:16px;vertical-align:bottom}@media(max-width: 767px){.maxx__card .content__bottom{margin:6px !important}}.maxx__card .content__bottom .btn-primary,.maxx__card .content__bottom .btn-secondary{border-radius:8px;text-transform:capitalize;margin:0}@media(max-width: 767px){.maxx__card .content__bottom .btn-primary,.maxx__card .content__bottom .btn-secondary{width:100%;text-align:center;padding:8px}}.maxx__card .content .title{width:200px;max-width:200px}@media(max-width: 460px){.maxx__card .content .title{max-width:122px}}.floating-gift{position:fixed;top:50%;display:none;z-index:99;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:9rem}.floating-gift_link{display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:4px solid #ff9300;border-right:none;padding-left:.5rem;padding-right:.5rem;background:#ff9300;background:linear-gradient(180deg, #ff9300 0, #ffc110 100%);border-top-left-radius:3rem;border-bottom-left-radius:3rem}.floating-gift_image{position:relative}.floating-gift_image img{position:relative;display:inline-block;width:100px;z-index:1}.floating-gift_image::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-image:url(/klub-generasi-maju/img/dashboard/light-spray-small.png);background-size:100% 100%;width:150px;height:150px;z-index:0}.floating-gift_text{color:#b70000;font-size:20px;line-height:18px;margin-left:.5rem}.floating-gift_count{position:absolute;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#cb0024;border:2px solid #fff;border-radius:100%;color:#fff;width:30px;height:30px;top:-10px;left:0}#hadiah-saya{padding:32px 0}#hadiah-saya .breadcumb{display:block}#hadiah-saya .breadcumb ul{list-style:none}#hadiah-saya .breadcumb ul li{display:inline-block}#hadiah-saya .breadcumb ul li::after{content:">";color:#cb0024;margin:0 4px 0 8px}#hadiah-saya .breadcumb ul li:last-child::after{content:""}#hadiah-saya .middle__one .nav-tabs li{width:47%;margin:0 auto}#hadiah-saya .middle__one .nav-tabs li a{font-size:13px !important}.maxx__card--dekat{background:#d5f5cc;color:#1f8600;position:absolute;top:16px;border-radius:0 16px 16px 0;padding:8px;box-shadow:0 3px 6px #bbb}.maxx__card--dekat img{width:20px;height:20px}.maxx__card--dekat span{color:#1f8600}#riwayat{padding:32px 0}#riwayat .breadcumb{display:block}#riwayat .breadcumb ul{list-style:none}#riwayat .breadcumb ul li{display:inline-block}#riwayat .breadcumb ul li::after{content:">";color:#cb0024;margin:0 4px 0 8px}#riwayat .breadcumb ul li:last-child::after{content:""}#riwayat .hero-poin{display:block}#riwayat .hero-poin img{display:inline-block}#riwayat .hero-poin .value{display:inline-block;font-size:52px;margin-left:16px;vertical-align:middle}#riwayat .hangus{background-color:#f5f5f5;width:480px;padding:16px;font-size:16px;margin:16px auto;display:block}@media(max-width: 767px){#riwayat .hangus{width:auto}}#riwayat select{appearance:auto}#riwayat .sorting{display:block}#riwayat .sorting .form-group{display:inline-block;width:20%}@media(max-width: 767px){#riwayat .sorting .form-group{width:48%}}#riwayat .sorting .btn-primary{border-radius:25px;box-shadow:none;outline:0;border-color:rgba(0,0,0,0);margin-left:8px}@media(max-width: 767px){#riwayat .sorting .btn-primary{width:100%;margin:8px 0}}#riwayat .wrap-month{position:relative}#riwayat .wrap-month .month-title{font-size:24px;background:#fff;position:relative;z-index:9;width:200px}#riwayat .wrap-month .line_{height:1px;z-index:1;position:absolute;left:0;right:0;top:16px;background-color:#c9c9c9}#riwayat .table tr td{border-top:1px solid rgba(0,0,0,0);border-bottom:1px solid #ececec;padding:16px 8px;vertical-align:middle}#riwayat .table tr td:last-child{text-align:right}#riwayat .table tr td .points::after{content:"Poin";vertical-align:baseline}#riwayat .table tr td img{vertical-align:bottom}#riwayat .table tr td .badges{display:inline-block;margin:0 0 8px}#riwayat .wrap-teman{width:480px;margin:0 auto;display:block}@media(max-width: 767px){#riwayat .wrap-teman{width:auto}}#riwayat .wrap-teman input{border-radius:4px}#riwayat .wrap-keterangan{width:680px;margin:16px auto;display:block;border-radius:16px;background:#f5f5f5;padding:16px}@media(max-width: 767px){#riwayat .wrap-keterangan{width:auto}}#riwayat .wrap-keterangan .title_{border-bottom:1px solid #c9c9c9;padding-bottom:16px}#riwayat .wrap-keterangan .badge-all{display:block}#riwayat .wrap-keterangan .badge-all .badges{display:inline-block}@media(max-width: 767px){#riwayat .wrap-keterangan .badge-all .badges{width:90px;font-size:14px}}#riwayat .wrap-keterangan .badge-all .font-thin{display:inline-block;margin-left:16px}@media(max-width: 767px){#riwayat .wrap-keterangan .badge-all .font-thin{display:inline-block;width:67%;vertical-align:middle;margin-left:0}}@media(max-width: 359px){#riwayat .wrap-keterangan .badge-all .font-thin{width:60% !important}}#riwayat .tabbable-panel{padding:10px}#riwayat .tabbable-line>.nav-tabs{border:none;margin:0px}#riwayat .tabbable-line>.nav-tabs>li{margin-right:2px}#riwayat .tabbable-line>.nav-tabs>li>a{border:0;margin-right:0;color:#8d8d8d;font-family:"VAG-Rounded-BT",serif}#riwayat .tabbable-line>.nav-tabs>li>a>i{color:#a6a6a6}#riwayat .tabbable-line>.nav-tabs>li:hover{border-bottom:4px solid #fbcdcf}#riwayat .tabbable-line>.nav-tabs>li:hover>a{border:0;background:none !important;color:#4a4a4a;font-family:"VAG-Rounded-BT",serif}#riwayat .tabbable-line>.nav-tabs>li:hover>a>i{color:#a6a6a6}#riwayat .tabbable-line>.nav-tabs>li:hover .dropdown-menu{margin-top:0px}#riwayat .tabbable-line>.nav-tabs>li.open{border-bottom:4px solid #fbcdcf}#riwayat .tabbable-line>.nav-tabs>li.open>a{border:0;background:none !important;color:#333}#riwayat .tabbable-line>.nav-tabs>li.open>a>i{color:#a6a6a6}#riwayat .tabbable-line>.nav-tabs>li.open .dropdown-menu{margin-top:0px}#riwayat .tabbable-line>.nav-tabs>li.active{border-bottom:4px solid #cb0024;position:relative}#riwayat .tabbable-line>.nav-tabs>li.active>a{border:0;color:#cb0024;font-family:"VAG-Rounded-BT",serif}#riwayat .tabbable-line>.nav-tabs>li.active>a>i{color:#404040}#riwayat .tabbable-line>.tab-content{margin-top:-3px;background-color:#fff;border:0;border-top:1px solid #eee;padding:15px 0}#riwayat .portlet .tabbable-line>.tab-content{padding-bottom:0}#riwayat .tabbable-line.tabs-below>.nav-tabs>li{border-top:4px solid rgba(0,0,0,0)}#riwayat .tabbable-line.tabs-below>.nav-tabs>li>a{margin-top:0}#riwayat .tabbable-line.tabs-below>.nav-tabs>li:hover{border-bottom:0;border-top:4px solid #fbcdcf}#riwayat .tabbable-line.tabs-below>.nav-tabs>li.active{margin-bottom:-2px;border-bottom:0;border-top:4px solid #f3565d}#riwayat .tabbable-line.tabs-below>.tab-content{margin-top:-10px;border-top:0;border-bottom:1px solid #eee;padding-bottom:15px}#riwayat .nav-tabs{text-align:center}#riwayat .nav-tabs>li{float:none;display:inline-block;*display:inline;zoom:1}#riwayat .nav-pills{text-align:center}#riwayat .nav-pills>li{float:none;display:inline-block;*display:inline;zoom:1}#katalog{padding:32px 0}#reward .maxx__card .content__bottom{margin-top:8px}@media(max-width: 767px){#reward .maxx__card .content__bottom{margin:16px}}#kado .maxx__card .content__bottom{margin-top:8px}#ModalMission .progress-wrapper{max-width:60%;margin:1rem auto}@media screen and (max-width: 991px){#ModalMission .progress-wrapper{max-width:80%}}@media screen and (max-width: 767px){#ModalMission .progress-wrapper{max-width:100%}}#ModalMission .gemification-form{padding:0}#ModalMission .modal-gemification_content{padding:3rem 3rem}@media screen and (max-width: 767px){#ModalMission .modal-gemification_content{padding:2rem 2rem}}#ModalMission .progress{position:relative;margin-bottom:0;overflow:unset;border-radius:14px;width:100%}#ModalMission .progress-bar{background-color:#b70000;border-radius:14px;transition:all ease 1s}#ModalMission .progress-icon{position:absolute;right:-14px;top:50%;transform:translateY(-50%)}#ModalMission .progress-value{display:flex;justify-content:center;margin-top:.5rem}#ModalMission .progress-value>span,#ModalMission .progress-value>div{display:inline-block;padding:0 1px;font-family:MyriadBold}#ModalMission .progress-value_now{color:#b70000}#ModalMission .progress-value_divider{color:#ff9300}#ModalMission .progress-value_max{color:#ff9300}.video-catalog{position:relative;z-index:9;height:320px}@media(max-width: 767px){.video-catalog{height:auto}}#contentMaxxService .color-normal{font-size:22px;font-family:"VAG-Rounded-BT",serif !important}.popup-campaign{position:fixed;left:50%;top:0;transform:translate(-50%, 15%);z-index:9999}@media(max-width: 767px){.popup-campaign{transform:translate(-35%, 30%)}}.popup-campaign .popup-show{width:480px;height:480px;margin:0 auto}.popup-campaign .close_{text-align:center;cursor:pointer;width:30px;height:30px;position:absolute;right:29.5%;top:-30px;padding:4px 8px;background-color:#fff;color:#cb0024}#floating-banner{background:url(/klub-generasi-maju/img/floating-banner-bg.png);background-repeat:no-repeat;background-size:cover;width:185px;height:100px;position:fixed;top:40%;right:0;cursor:pointer;z-index:999}@media(max-width: 767px){#floating-banner{width:160px;height:90px}}#floating-banner .banner-wrapper{position:relative;width:100%;height:100%}#floating-banner .banner-wrapper .wheel{width:90px;height:90px;position:absolute;top:40%;left:0;transform:translate(0, -63%)}@media(max-width: 767px){#floating-banner .banner-wrapper .wheel{width:80px;height:80px;top:37%}}#floating-banner .banner-wrapper .spinning-wheel{position:absolute;top:39%;width:100px;left:50%;transform:translate(-15%, -65%)}@media(max-width: 767px){#floating-banner .banner-wrapper .spinning-wheel{width:90px;top:35%}}.sync{width:100%;position:relative}.sync .kaitkan-btn{border:1px solid #c9c9c9;border-radius:25px;padding:16px}.sync .kaitkan-btn .name{vertical-align:middle;margin-left:8px;display:inline-block}.sync .kaitkan-btn .clear{clear:both}.sync .kaitkan-btn .show-loading{width:30px;height:30px;display:none;position:absolute;right:16px;top:12px}.progressive .modal-step-points{padding-top:5%}@media(max-width: 640px){.progressive .modal-step-points{padding-top:17%}}.progressive .modal-step-points .modal-dialog{max-width:350px}@media(max-width: 640px){.progressive .modal-step-points .modal-dialog{max-width:100%}}.progressive .modal-step-points .modal-dialog .modal-header{border-bottom:0}.progressive .modal-step-points .modal-dialog .modal-header .close{padding:0;margin-right:0;position:absolute;font-size:2rem;right:10px;top:24px;z-index:99;color:#cb0024}.progressive .modal-step-points .modal-dialog .modal-body{padding:0;overflow-y:inherit}.progressive .container-steps .step-item{display:none;padding:1rem}.progressive .container-steps .step-item .modal-head-img{position:absolute;left:-30px;right:0;top:-85px;margin:auto;display:inline-block;text-align:center;width:35%}.progressive .container-steps .step-item .modal-head-img>img{width:150px}.progressive .container-steps .step-item .box-info{text-align:center;background:#f4f4f4;font-size:13px;padding:10px;border-radius:8px}.progressive .container-steps .step-item .box-info strong{color:#333 !important}.progressive .container-steps .step-item .quetioner{position:relative;margin-top:1rem;text-align:center}.progressive .container-steps .step-item .quetioner .info-step{display:block;font-size:14px;color:#cb0024;font-weight:bold}.progressive .container-steps .step-item .quetioner .question-text{font-family:"VAG-Rounded-BT" !important;margin:1rem 0 1.25rem}.progressive .container-steps .step-item .quetioner .more-text{font-size:14px}.progressive .container-steps .step-item .wrap-input{padding:0 5px;margin:1.25rem 0 1.3rem;position:relative}.progressive .container-steps .step-item .wrap-input>select>option{color:#495057}.progressive .container-steps .step-item .wrap-input>select>option:first-child{color:red}.progressive .container-steps .step-item .wrap-input i{position:absolute;top:8px;right:16px}.progressive .container-steps .step-item .additional-text{display:block;font-size:14px;width:70%;text-align:center;margin:0 auto 1.2rem}.progressive .container-steps .step-item .btn-holder{margin-bottom:.5rem;padding:0 4px}.progressive .container-steps .step-item .btn-holder .step1{width:45% !important}.progressive .container-steps .step-item .btn-holder .btn-secondary{width:100% !important}.progressive .container-steps .step-item .btn-holder .wrap-button{transition:.3s;color:#fff;background:linear-gradient(180deg, #D30000 0%, #B70000 100%);position:relative;margin:0 5px;font-family:"VAG-Rounded-BT" !important;font-size:14px;border-radius:25px;display:inline-block;width:45%;cursor:pointer;padding:5px 10px 5px}.progressive .container-steps .step-item .btn-holder .wrap-button:hover{box-shadow:0px 1px 4px #cb0024}.progressive .container-steps .step-item .btn-holder .wrap-button input[type=radio],.progressive .container-steps .step-item .btn-holder .wrap-button input[type=checkbox]{position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;cursor:pointer;width:100%;height:100%}.progressive .container-steps .step-item .btn-holder .wrap-button .btn-step-modal{color:#fff !important;text-decoration:none;font-weight:bold;font-size:16px}.progressive .container-steps .step-item .btn-holder .wrap-button.disabled{opacity:.2;pointer-events:none}.progressive .container-steps .step-item .btn-holder .wrap-button.disabled :before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;z-index:91}.progressive .container-steps .step-item .wrap-btn-sosmed{position:relative}.progressive .container-steps .step-item .wrap-btn-sosmed>.ico{text-decoration:none;margin-bottom:.5rem;background:#fff;border:1px solid #c9c9c9;display:block;border-radius:25px;padding:4px 15px 5px;color:inherit;font-family:VAG-Rounded-BT !important;position:relative}.progressive .container-steps .step-item .wrap-btn-sosmed>.ico:last-child{margin-bottom:0}.progressive .container-steps .step-item .wrap-btn-sosmed>.ico:before{content:"";display:inline-block;width:18px;height:18px;position:relative;top:3px;margin-right:10px;background-repeat:no-repeat;background-size:contain;background-position:center}.progressive .container-steps .step-item .wrap-btn-sosmed>.ico.face-book:before{background-image:url(/klub-generasi-maju/img/ico-facebook.png)}.progressive .container-steps .step-item .wrap-btn-sosmed>.ico.goo-gle:before{background-image:url(/klub-generasi-maju/img/ico-google.png)}.progressive .container-steps .step-item .wrap-btn-sosmed>.ico>.wrap-status{position:absolute;right:15px;top:6px;font-size:13px;text-align:right}.progressive .container-steps .step-item .wrap-btn-sosmed>.ico>.wrap-status>strong{color:#cb0024}.progressive .container-steps .step-item .wrap-btn-sosmed>.ico>.wrap-status>span{position:relative;max-width:100px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;top:1px}.progressive .container-steps .step-item .wrap-btn-sosmed>.ico.in-progress>.wrap-status>strong{display:none}.progressive .container-steps .step-item .wrap-btn-sosmed>.ico.in-progress>.wrap-status>i{display:inline-block;position:relative;top:-5px;width:30px;height:30px;background-image:url(/klub-generasi-maju/img/Spinner-1s-200px.gif);background-repeat:no-repeat;background-size:contain;background-position:center}.progressive .container-steps .step-item .wrap-btn-sosmed>.ico.in-progress>.wrap-status>span{display:none}.progressive .container-steps .step-item .wrap-btn-sosmed>.ico.active>.wrap-status>strong{display:none}.progressive .container-steps .step-item .additional-link{margin:1.2rem 0 .5rem;text-align:center;color:#c9c9c9;text-decoration:underline;display:block}.progressive .container-steps .step-item .alert-status>span{background:rgba(101,208,149,.1);font-size:13px;padding:10px;border-radius:8px;margin-bottom:1.2rem;color:#05b554;display:none}.progressive .container-steps .step-item:last-child{background-image:url(/klub-generasi-maju/img/bg-modal-result.png);background-repeat:no-repeat;background-size:220px;background-position:right bottom}.progressive .container-steps .step-item:last-child .modal-head-img{width:100%;margin-bottom:1rem}.progressive .select2-container{width:100% !important}.progressive .select2-selection__rendered{text-align:left !important}.progressive .modal-content{width:100% !important}.ui-widget.ui-widget-content{z-index:1000000 !important}.full_,.max-width{width:100% !important}.no-kaitkan{height:250px !important}@media(max-width: 767px){.no-kaitkan{max-height:290px !important;height:auto !important}}.giveaway{position:relative;margin-top:8px;z-index:99}.giveaway .misi__wrap--form{background:linear-gradient(to left, #fafafa, #fff)}.giveaway .misi__wrap--form .btn{margin:4px 0 !important}@media(max-width: 767px){.giveaway .misi__wrap--form .btn{margin:8px auto !important;text-align:center;display:block}}@media(max-width: 767px){.giveaway .image{margin:0 auto;display:block;text-align:center;position:relative;width:106px}}@media(max-width: 767px){.giveaway .col-md-8 .font-medium{text-align:center}}@media(max-width: 767px){.giveaway-btn{margin:0 auto;text-align:center}}.giveaway-notif{background:#cb0024;color:#fff;width:30px;height:30px;font-size:18px;position:absolute;border-radius:50%;text-align:center;padding:2px}@media(max-width: 767px){.giveaway-notif{left:0}}.info-pink{background-color:#ffebeb;padding:16px;border-radius:8px;color:#4a4a4a;margin-bottom:8px}.info-pink .color-red{font-size:18px}.discount{display:block}.discount .percent{display:inline-block;background-color:#cb0024;color:#fff;width:50px;border-radius:16px;text-align:center;line-height:30px;height:30px}@media(max-width: 767px){.discount .percent{width:40px}}@media(max-width: 360px){.discount .percent{width:35px}}.discount .coret{display:inline-block}#tukar-reward .progress{margin:8px 0 4px !important}.kilas{margin:8px 0}.kilas__img{width:100%}.kilas__img img{width:100%;height:100%;object-fit:contain}#dynamia-mode .modal-dialog{transform:translate(-50%, -50%);top:50%;left:50%;position:absolute}@media(max-width: 767px){#dynamia-mode .modal-dialog{position:relative}}#dynamia-mode .modal-content{background:rgba(0,0,0,0)}#dynamia-mode .close{font-size:30px;margin-top:-50px;margin-right:0px;z-index:999;color:#fff;opacity:1;position:relative}#dynamia-mode .dynamia-img{width:100%;height:100%}#dynamia-mode .dynamia-img img{width:100%;height:100%;object-fit:contain}#loading-history{background:#fff;left:0;right:0;width:200px;top:0;margin:0 auto;bottom:0;z-index:9999;height:200px;position:initial}#loading-history .loading{position:absolute !important}.referral-code{position:relative;background:darkred;padding:8px;display:inline-block;border-radius:8px;margin:8px 0;z-index:20}.referral-code .btn{text-transform:initial !important;margin-top:0px !important;padding:4px 16px !important;border-radius:8px !important;background:linear-gradient(180deg, #FFF7F7 0%, #FFCBCB 100%) !important;box-shadow:none !important;vertical-align:top !important}@media(max-width: 767px){.referral-code .btn{vertical-align:middle !important}}.referral-code span{font-size:19px;color:#fff}@media(max-width: 767px){.referral-code span{font-size:14px}}#snackbar{visibility:hidden;min-width:250px;margin-left:-125px;background-color:rgba(203,0,36,.9);color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1000000;left:50%;bottom:30px;font-family:"VAG-Rounded-Light";border-radius:25px;font-size:16px}#snackbar.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0}}#code-ref{color:#fff;font-size:19px;width:220px}@media(max-width: 767px){#code-ref{width:160px;font-size:14px}}.dashboard__middle .wrap-kgm-medium{margin-top:80px !important}@media(max-width: 1080px){.wrap-kgm{width:auto;margin:0 12px}}@media (max-width: 394px) {.maxx__card .col-xs-6 .font-medium {font-size: 18px;margin: 16px 12px;}}

>>>>>>> hotfix/loyalty-area
.dashboard__kumpulkan--content h1.color-red{
    font-size: 30px;
}

.ctasubmitkodeunik{
    background: #BA262C;
    padding: 10px 30px;
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
    color: #fff;
    border-radius: 25px;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #fff;
    filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.25));
}

@media (max-width: 767px){
    .dashboard__middle .wrap-kgm-medium {
        margin-top: 80px !important;
    }

    .dashboard__kumpulkan--content p{
        font-size: 18px;
    }
    
}

.total-points .wrap-kgm.ispointtoexpired{
    top: auto;
    margin-bottom: 20px;
    margin-top: 20px;
}

.point-section>span.title, .point-section>div>span.title {
    float: left;
    line-height: 35px;
    font-family: VAG-Rounded-BT, serif !important;
    font-size: 21px;
    color: #fff;
}

.point-section .point {
    float: right;
    color: #fff;
    font-size: 21px;
}

.point-section .point>img {
    width: 39px;
}

.area-point-expired{
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.area-point-expired .title{
    width: 65%;
    display: inline-block;
}

.area-point-expired .point{
    width: 35%;
    display: inline-block;
    text-align: right;
}

@media (max-width: 430px){
    .point-section>span.title, .point-section>div>span.title {
        float: left;
        line-height: 35px;
        font-family: VAG-Rounded-BT, serif !important;
        font-size: 17px;
        color: #fff;
    }

    .point-section .point {
        float: right;
        color: #fff;
        font-size: 17px;
    }

    .point-section .point>img {
        width: 25px;
    }

    .dashboard__top {
        height: auto;
        padding: 5px 0px;
    }

    .dashboard__top .dashboard__first {
        display: block;
        margin: 15px 0;
    }

    .total-points .wrap-kgm.ispointtoexpired {
        /* top: -32px; */
        top: 0px;
    }

    .dashboard__middle .wrap-kgm-medium {
        margin-top: 35px !important;
    }

    .area-point-expired .title{
        font-size: 16px;
        width: 70%;
        display: inline-block;
    }
    
    .area-point-expired .point{
        width: 30%;
        display: inline-block;
        text-align: right;
        font-size: 16px;
    }
}

@media (max-width: 385px){
    .area-point-expired .title{
        font-size: 15px;
        width: 70%;
        display: inline-block;
    }
    
    .area-point-expired .point{
        width: 30%;
        font-size: 15px;
        display: inline-block;
        text-align: right;
    }
}