.popup{width:100%;height:100px;background:#212121;bottom:-100px;position:fixed;box-shadow:0 25px 10px -15px rgba(0,0,0,0.05);transition:.5s;display:table;opacity:.9}.tutup{position:absolute;top:5px;right:5px;width:20px;height:20px;cursor:pointer;z-index:500}.ns-close{width:64px;height:64px;position:absolute;right:4px;top:4px;overflow:hidden;text-indent:100%;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ns-close:hover,.ns-close:focus{outline:none}.ns-close::before,.ns-close::after{content:'';position:absolute;width:3px;height:60%;top:50%;left:50%;background:#ff9800}.ns-close:hover::before,.ns-close:hover::after{background:#fff}.ns-close::before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.ns-close::after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.popup .txtinfo{color:#eee;padding:8px;text-align:center;vertical-align:middle;display:table-cell}.popup::before{content:'';position:absolute;width:100%;height:2px;background:linear-gradient(to right,#fdd835,#FF7619)}@media (min-width: 1024px){.popup{width:50%;left:0;right:0;margin:0 auto}}