@font-face{font-family:'HelveticaNeue', 'Helvetica Neue', 'HelveticaNeueRoman', 'HelveticaNeue-Roman', 'Helvetica Neue Roman', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;font-weight:400;font-style:normal;src:url("//roli.com/assets/fonts/contax-pro/contaxpro55rm.woff2") format("woff2"),url("//roli.com/assets/fonts/contax-pro/contaxpro55rm.woff") format("woff")}@font-face{font-family:Contax Pro;font-weight:700;font-style:normal;src:url("//roli.com/assets/fonts/contax-pro/contaxpro75bold.woff2") format("woff2"),url("//roli.com/assets/fonts/contax-pro/contaxpro75bold.woff") format("woff")}h1{font-size:3rem;line-height:3.5rem;font-weight:700}
*,::before,::after{box-sizing:border-box;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{background-color:#262626;color:#d1d3d3;font-family:'HelveticaNeue', 'Helvetica Neue', 'HelveticaNeueRoman', 'HelveticaNeue-Roman', 'Helvetica Neue Roman', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;font-size:16px;line-height:1.5!important;margin:0;}
body.webview{display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:100vh;color:#101010;background:#fafafa;text-align:center;margin:0;padding:0;}
a{background-color:transparent;text-decoration:none;}
a:active,a:hover{outline:0;}
a:focus{outline:none;}
h1,h2{line-height:1.5;font-weight:500;color:#fff;margin:48px 0 24px;}
h1{line-height:1.5;font-weight:500;color:#fff;font-size:3rem;margin:72px 0 24px;}
h2{font-size:1.5rem;margin-top:72px;}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700;}
input{color:inherit;font:inherit;line-height:normal;margin:0;}
input::-moz-focus-inner{border:0;padding:0;}
input[type="checkbox"]{box-sizing:border-box;line-height:normal;margin:1px \9 0 0 0;padding:0;}
input[type="checkbox"]:focus{outline:5px auto 0;outline-offset:-2px;}
input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px;}
ul{padding-left:24px;}
li{padding-left:6px;}
p{margin:1rem 0;}
img{border:0;}
section,.webview-content .license-button .name,.webview-content .license-button .price,.webview-content .license-button .frequency,article,section{display:block;}
.js-immediate-redeem-msg{display:none;}
.webview-content .webview-button:hover,.webview-content .webview-button:focus,.webview-content .license-button:hover,.webview-content .serial:focus{border-color:#e8e8e9;}
.webview-content .license-picker,.webview-content.redeem-license{text-align:center;}

.webview-content .license-picker,.webview-content.signin{max-width: 400px; text-align:center; background: white; border-radius: 5px;}
.webview-content .license-picker,.webview-content.signin label{width: 100%; text-align: left; margin-top: 10px;}
.webview-content .license-picker,.webview-content.signin button{width: 100%; border: none; border-radius: 4px; text-align: center; padding: 10px 24px; margin-top: 10px; font-family: 'HelveticaNeue', 'Helvetica Neue', 'HelveticaNeueRoman', 'HelveticaNeue-Roman', 'Helvetica Neue Roman', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;}
.signin-button{background-color: #6cc04a; color: white; font-size: 100%;}
.register-button{background-color: #288dc1; color: white; font-size: 100%;}
.webview-content .questions{margin-top:20px; color: black}
.webview-content .questions a{color: black}
.webview-content .questions a{color: black}
.webview-content .identity::-webkit-input-placeholder,.webview-content .identity::-moz-placeholder,.webview-content .identity:-ms-input-placeholder{color:#adadad;font-style:italic;}
.webview-content .identity{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;width:100%;color:#101010;font-size:1.125rem;outline:0;border:1px solid #e8e8e9;border-radius:6px;background:#fff;padding:8px 12px;}
.webview-content .password{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;width:100%;color:#101010;font-size:1.125rem;outline:0;border:1px solid #e8e8e9;border-radius:6px;background:#fff;padding:8px 12px;}
.webview-content .roliInfo{margin-top: 20px; display: flex; text-align: left; }
.webview-content .roliInfo img{margin-right: 20px;}
.webview-content .vertical-center{display: flex; flex-direction: column; justify-content: center;}
.webview-content .juce-logo{width: 75px; height: 75px;}
.webview-content .roli-logo{width: 40px; height: 40px;}
.webview-content .error{color: rgb(206, 16, 16)}

.webview-content .serial::-webkit-input-placeholder,.webview-content .serial::-moz-placeholder,.webview-content .serial:-ms-input-placeholder{color:#adadad;font-style:italic;}
.webview-content{max-width:860px;color:#15151d;margin:0 auto;padding:20px;}
.webview-content.registration-complete{max-width:100%;width:100%;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;text-align:center;padding:0 0 24px;}
.webview-content a{color:#f6a623;text-decoration:underline;-webkit-transition:color .15s linear;transition:color .15s linear;}
.webview-content a:hover{color:#090909;}
.webview-content .webview-title{max-width:480px;color:#15151d;font-size:1.0rem;font-weight:500;text-align:center;line-height:1.25;margin:0 auto;padding:0 0 26px;}
.webview-content .webview-intro{max-width:100%;font-size:1rem;line-height:1.313;text-align:center;margin:0 auto;padding:0 0 20px;}
.webview-content .webview-button{display:inline-block;min-width:200px;color:#101010;cursor:pointer;font-size:1.375rem;text-transform:uppercase;text-decoration:none;outline:0;border:1px solid #c8c9cb;border-radius:6px;background:transparent;-webkit-transition:border-color .15s linear;transition:border-color .15s linear;-webkit-appearance:none;padding:9px 20px 7px;}
.webview-content .webview-button.disabled{opacity:0.3;cursor:default;border-color:#c8c9cb;}
.webview-content .license-options{display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0 0 20px;}
.webview-content .js-redeem-msg{display:block;margin:0;padding:20px 0 0;}
.webview-content .terms-form{position:relative;display:inline-block;overflow:hidden;padding:0 0 15px;}
.webview-content .checkbox{position:absolute;top:0;left:0;z-index:2;opacity:0;-webkit-transform:scale(1.8);transform:scale(1.8);cursor:pointer;}
.webview-content .fake-checkbox{position:relative;display:inline-block;width:20px;height:20px;background:transparent;border:1px solid #c8c9cb;border-radius:4px;outline:0;}
.webview-content .checkbox:checked{-webkit-appearance:checkbox;}
.webview-content .checkbox:checked+.fake-checkbox::after{position:absolute;top:1px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:100%;line-height:20px;text-align:center;content:'\2714';display:block;color:#101010;padding:0 0 0 1px;}
.webview-content .checkbox-label{display:inline-block;font-weight:500;-webkit-transform:translateY(-3px);transform:translateY(-3px);margin:0;padding:0 0 0 10px;}
.webview-content .js-license-unchecked{opacity:0.3;}
.webview-content .js-license-unchecked .js-redeem-msg{pointer-events:none;}
.webview-content .js-license-unchecked a{cursor:default;}
.webview-content .js-license-unchecked a:hover{color:#f6a623;}
.webview-content .js-license-unchecked .license-button:hover{color:#101010;border:1px solid #c8c9cb;}
.webview-content .js-license-unchecked .webview-button:hover{color:#101010;}
.webview-content .license-option{width:100%;margin:0;padding:0 10px 20px;}
.webview-content .license-button{display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:110px;text-align:center;border:1px solid #c8c9cb;border-radius:6px;cursor:pointer;color:#101010;text-decoration:none;-webkit-transition-property:border-color, background-color, color;transition-property:border-color, background-color, color;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:linear;transition-timing-function:linear;}
.webview-content .license-button .name{font-size:1.375rem;font-weight:500;}
.webview-content .license-button .price{font-size:1.375rem;font-weight:700;}
.webview-content .license-button .frequency{font-size:.875rem;}
.webview-content .license-description{font-size:.75rem;margin:0;padding:14px 0 0;}
.webview-content .learn-more-button{font-size:.75rem;}
.webview-content .success-message{color:#fff;text-align:center;background:#389639;padding:0 24px;}
.webview-content .success-message h1{position:relative;font-size:2.25rem;font-weight:700;margin:0;padding:122px 0 0;}
.webview-content .success-message h1::before{content:'';position:absolute;bottom:94px;left:50%;display:block;width:70px;height:32px;-webkit-transform:translateX(-50%) rotate(-46deg);transform:translateX(-50%) rotate(-46deg);border-color:#fff;border-style:solid;border-width:0 0 5px 5px;}
.webview-content .success-message p{font-size:1.125rem;margin:0;padding:0 0 30px;}
.webview-content .get-started{display:block;max-width:860px;margin:0 auto;padding:24px 0 30px;}
.webview-content .get-started .hidden-content{position:absolute;width:0;height:0;overflow:hidden;white-space:nowrap;}
.webview-content .feature{width:100%;text-align:left;padding:0 24px 24px;}
.webview-content .feature img{width:100%;}
.webview-content .feature h2{color:#101010;font-size:.875rem;line-height:1.313;margin:0;padding:5px 0 10px;}
.webview-content .feature a{color:#101010;text-decoration:none;}
.webview-content .feature p{font-size:.625rem;line-height:1.813;margin:0;padding:0 0 15px;}
.webview-content .redeem-form{max-width:560px;margin:0 auto;}
.webview-content .serial-error,.webview-content .server-error{display:none;color:red;font-size:1rem;font-weight:400;padding:20px 0 0;}
.webview-content .serial{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;width:100%;color:#101010;font-size:1.125rem;outline:0;border:1px solid #e8e8e9;border-radius:6px;background:#fff;padding:13px 20px;}
.webview-content .serial.input-error{border-color:red;}
.webview-content .serial-entry{display:block;margin:0 auto;padding:0;}
.webview-content .serial-error.visible,.webview-content .server-error.visible{display:block;}
.webview-content .submit-button{margin:30px 0 0;}
.webview-content .get-license-button{display:inline-block;color:#090909;font-size:1.125rem;text-decoration:underline;margin:45px 0 0;}
@media (min-width: 350px) {
  .webview-content .license-option{width:50%;}
}
@media (min-width: 500px) {
  .webview-content .webview-title{font-size:1.5rem;}
  .webview-content .webview-intro{max-width:80%;font-size:1.125rem;}
  .webview-content .feature{width:33.33%;padding:0 15px;}
  .webview-content .serial-error,.webview-content .server-error{padding-top:3px;text-align:left;}
  .webview-content .serial{width:auto;}
  .webview-content .submit-button{margin:0 0 0 15px;}
  .webview-content .get-started,.webview-content .serial-entry{display:flex;}
}
@media (min-width: 650px) {
  html{position:relative;min-height:100%;}
  body{margin-bottom:400px;}
  .webview-content .license-option{width:25%;padding:0 10px;}
}