button.sinapi--modal-btn-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal-btn-static { cursor: pointer; color: rgba(0, 0, 0, 1); font-size: 14px; padding-top: 10px; border-color: rgba(255, 255, 255, 1); border-style: solid; border-width: 0px; padding-left: 25px; border-radius: 6px; padding-right: 25px; padding-bottom: 10px; background-color: rgba(247, 250, 252, 1) }
    button.sinapi--modal-btn-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal-btn-float { cursor: pointer; color: rgba(0, 0, 0, 1); right: 10px; bottom: 10px; z-index: 9; font-size: 14px; position: fixed; padding-top: 10px; border-color: rgba(255, 255, 255, 1); border-style: solid; border-width: 0px; padding-left: 25px; border-radius: 64px; padding-right: 25px; padding-bottom: 10px; background-color: rgba(247, 250, 252, 1) }

    body.sinapi--body-modal-open{overflow:hidden}
    div#sinapi--modal-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal{display:none;position:fixed;z-index:99999;left:0;top:0;right:0;bottom:0;width:auto;height:auto;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.85);}
    div#sinapi--modal-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal .sinapi--modal-content{position:absolute;top:50px;left:110px;right:110px;bottom:60px;background-color:#fefefe;margin:auto;padding:0;width:auto;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:sinapiModal6a6e37652b7c1adcca7d1bee86fd9e11AnimateTop;-webkit-animation-duration:.4s;animation-name:sinapiModal6a6e37652b7c1adcca7d1bee86fd9e11AnimateTop;animation-duration:.4s;border-radius:13px;border: 2px solid #555;}
    div#sinapi--modal-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal .sinapi--close {position: absolute; top:-46px; border-radius: 0; left: 0; width: 100%; height: 40px; font-size: 40px; font-family: 'Montserrat', sans-serif; line-height: 40px; display: flex; align-items: center; justify-content: flex-end; z-index: 1; color: #fff}
    div#sinapi--modal-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal .sinapi--close .sinapi--close-btn {cursor: pointer;text-align:center;position: relative; font-family: 'Montserrat', sans-serif; background: #555; padding: 0px 15px; height: 27px; border-radius: 6px; color: #eee; line-height: 27px; font-size: 12px; font-weight: bold; margin-right: 5px; text-transform: uppercase; border: 1px solid #333;}
    div#sinapi--modal-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal .sinapi--close .sinapi--close-btn::after {content: "Close";}
    div#sinapi--modal-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal .sinapi--close .sinapi--close-btn:hover,
    div#sinapi--modal-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal .sinapi--close .sinapi--close-btn:focus {background:#111;text-decoration:none;cursor:pointer}
    div#sinapi--modal-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal .sinapi--modal-body-iframe {position: absolute;top:0px; left: 0px; right:0px; bottom: 0px;border: none; border-radius: 10px;}
    @-webkit-keyframes sinapiModal6a6e37652b7c1adcca7d1bee86fd9e11AnimateTop {
        from{top:-300px;opacity:0}
        to{top:0;opacity:1}
    }
    @keyframes sinapiModal6a6e37652b7c1adcca7d1bee86fd9e11AnimateTop {
        from{top:-300px;opacity:0}
        to{top:0;opacity:1}
    }
    @media screen and (max-width: 1020px) {
      div#sinapi--modal-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal .sinapi--modal-content {left: 60px; right: 60px;}
    }
    @media screen and (max-width: 620px) {
      div#sinapi--modal-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal .sinapi--modal-content{border:none;}
      div#sinapi--modal-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal .sinapi--modal-body{ height:auto; position: fixed; top: 40px; bottom: 0px; width: 100%;}
      div#sinapi--modal-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal .sinapi--modal-body-iframe {border-radius: 0px;}
      div#sinapi--modal-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal .sinapi--close {align-items: center; justify-content: center;top:0px;background: #333;position: fixed;}
      div#sinapi--modal-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal .sinapi--close .sinapi--close-btn {margin: 0px 5px;}
      div#sinapi--modal-6a6e37652b7c1adcca7d1bee86fd9e11.sinapi--modal .sinapi--modal-content {width: 100%; top: 0px; right: 0;bottom: 0; left: 0; height: auto; border-radius: 0px;}
    }