/* banggaS*/
::-webkit-scrollbar {display:none;}
#frame{max-width:100%;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;}
.indiv{padding:0.5em;height:196px;border:1.5px solid #fff;border-radius:17px;overflow:hidden;}
.backreyc{filter:grayscale(50%);}
.backreyc:hover{filter:grayscale(0%);}
.indiv p{padding:1.5em;}
.arrowright:before{font-family:'FontAwesome';position:absolute;right:0em;top:25%;clear:both;font-size:72pt;clear:both;content:"\f138";text-shadow:0 0 7px #555, 0 0 7px #555;}
.klik,input{text-align:center;border:1.5px solid #fff;border-radius:11px;color:#fff;max-width:100%;}
.input{width:100%;border:1.5px solid #555;color:#555;font-size:13pt;}
.popup .klik,.popup button{padding:0.5em 0.75em;min-width:196px;}
.popup sub{font-size:8pt;text-align:left;}
.popup p{padding:0px 1.25em;margin-bottom:1em;}
#konfirmasi{text-align:left;color:#555;padiding:0.5em;}
#konfirmasi sub{margin-left:1em;}
#konfirmasi .input{text-align:left;color:#111;border:0px solid #fff;padding:0px 0.75em;margin-bottom:1em;}
.smallimg{height:39px;width:39px;float:left;}
.popup{max-width:640px;}
@keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}60% {transform: translateY(-15px);}}
.bounce {display:block;animation: bounce 2s infinite;margin-left:-1.25em;}
close{float:right;cursor:pointer;}
close:hover{opacity:0.5;}
@media screen and (max-width: 720px) {
.klik, .input{font-size:10pt;}
.arrowright:before{top:50%;content:"\f0ab";}
.popup{max-width:90%;}
}