*,:after,:before{margin:0;padding:0;box-sizing:border-box}#webform-wrapper,.webform-input-group input{color:#fff;border:0;outline:0;font-family:'Lato',sans-serif}#webform-wrapper,#webform-wrapper .webform,.webform-input-group input+label{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}#webform-wrapper{display:none;font-weight:200;overflow:hidden;position:relative;border-radius:2px;letter-spacing:2px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);text-transform:uppercase;font-size:18px;background-color:#00a7ee}#webform-wrapper:after{top:-50%;z-index:1;content:'';width:150%;height:200%;position:absolute;left:calc(-150% - 40px);background-color:rgba(255,255,255,.2);-webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);-ms-transform:skewX(-40deg);-o-transform:skewX(-40deg);transform:skewX(-40deg);-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}#webform-wrapper.active{display:block;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}#webform-wrapper.active .webform{z-index:10000000!important;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}#webform-wrapper .webform,.webform-input-group input+label{left:0}#webform-wrapper .webform{z-index:3;width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#000;transform-origin:center center;-webkit-transform:scale(.000001,.00001);-moz-transform:scale(.000001,.00001);-ms-transform:scale(.000001,.00001);-o-transform:scale(.000001,.00001);transform:scale(.000001,.00001);top:0;position:fixed}.webform-close-button{top:20px;right:20px;position:absolute;-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;-ms-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in;font-size:50px}.webform-close-button:hover{opacity:.5;cursor:pointer}.webform-title{margin-bottom:15px;text-align:left;width:90%;max-width:400px}.webform-amount,.webform-merchantname{font-family:'Lato Bold',sans-serif}.rendered-form{width:90%;max-width:400px}.webform-submit{width:100%;padding:10px;color:red;margin-top:10px;text-align:center;background-color:#fff;-webkit-transition:color .2s ease-in,background-color .2s ease-in;-moz-transition:color .2s ease-in,background-color .2s ease-in;-ms-transition:color .2s ease-in,background-color .2s ease-in;-o-transition:color .2s ease-in,background-color .2s ease-in;transition:color .2s ease-in,background-color .2s ease-in}.webform-submit:hover{color:#fff;cursor:pointer;background-color:red}.webform-input-group{width:100%;font-size:16px;padding-top:20px;position:relative;margin-bottom:15px}.webform-input-group input{width:100%;padding:5px 0;line-height:1;font-size:16px;border-bottom:solid 1px #fff;background-color:transparent;-webkit-transition:box-shadow .2s ease-in;-moz-transition:box-shadow .2s ease-in;-ms-transition:box-shadow .2s ease-in;-o-transition:box-shadow .2s ease-in;transition:box-shadow .2s ease-in}.webform-input-group input+label{top:20px;position:absolute;pointer-events:none}.webform-input-group input:focus{box-shadow:0 1px 0 0 #fff}.webform-input-group input.active+label,.webform-input-group input:focus+label{font-size:12px;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}#webform-alert{left:0;bottom:0;width:100%;padding:10px;font-size:16px;position:absolute;text-align:center;text-transform:none;letter-spacing:initial}.kpayloader{width:100px;height:100px;border-radius:100%;position:relative;margin:0 auto}.kpayloader span{display:inline-block;width:20px;height:20px;border-radius:100%;background-color:red;margin:35px 5px;opacity:0}.kpayloader span:nth-child(1){animation:opacitychange 1s ease-in-out infinite}.kpayloader span:nth-child(2){animation:opacitychange 1s ease-in-out .33s infinite}.kpayloader span:nth-child(3){animation:opacitychange 1s ease-in-out .66s infinite}@keyframes opacitychange{0%,to{opacity:0}60%{opacity:1}}.kpay-hint{font-size:x-small}