/*!
Page Name:			Netohq free trial form
Page URL:			http://www.netohq.com/free-trial
Description:		Standalone to be embedded in other pages. The free trial page layout is managed separately in /sections/_free-trial.scss
Last modified by:	Sarah Horsup
Last modified:		20/06/2021
*/
.free-trial-card{padding:2rem 3rem}.trial-form-container .card{background-color:rgba(255,255,255,.9)}@media (min-width:1200px){.trial-form-container .card{min-width:450px}}.trial-form-container .free-trial-wrapper{box-sizing:border-box;font-family:Open Sans,sans-serif;font-size:1rem;padding:.375rem;display:flex;align-items:center}.trial-form-container .free-trial-wrapper *{box-sizing:border-box}.trial-form-container .free-trial-wrapper legend{font-size:0;text-indent:-9999px}.trial-form-container .free-trial-wrapper form>div{margin-bottom:.375rem}.trial-form-container .free-trial-wrapper form>div>span{display:block;position:relative}.trial-form-container .free-trial-wrapper form>div>span:after{height:1.5rem;position:absolute;right:.6em;top:8px;width:1.5rem;z-index:2}.trial-form-container .free-trial-wrapper form>div small{opacity:0;transition:all .15s cubic-bezier(.62,.28,.23,.99);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.trial-form-container .free-trial-wrapper form>div .field-validate{background-color:#f53bad;border-radius:0 0 3px 3px;color:#fff;display:block;font-style:normal;padding:.1875rem .75rem;position:relative;will-change:true;z-index:-1}.trial-form-container .free-trial-wrapper form>div.show-hint .field-hint{margin-bottom:.75rem;opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.trial-form-container .free-trial-wrapper form>div.checking span:after{content:url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" stroke="rgb(170,170,170)" viewBox="0 0 44 44"><g fill="none" fill-rule="evenodd" stroke-width="2"><circle cx="22" cy="22" r="1"><animate attributeName="r" begin="0s" calcMode="spline" dur="1.8s" keySplines="0.165, 0.84, 0.44, 1" keyTimes="0; 1" repeatCount="indefinite" values="1; 20"/><animate attributeName="stroke-opacity" begin="0s" calcMode="spline" dur="1.8s" keySplines="0.3, 0.61, 0.355, 1" keyTimes="0; 1" repeatCount="indefinite" values="1; 0"/></circle><circle cx="22" cy="22" r="1"><animate attributeName="r" begin="-0.9s" calcMode="spline" dur="1.8s" keySplines="0.165, 0.84, 0.44, 1" keyTimes="0; 1" repeatCount="indefinite" values="1; 20"/><animate attributeName="stroke-opacity" begin="-0.9s" calcMode="spline" dur="1.8s" keySplines="0.3, 0.61, 0.355, 1" keyTimes="0; 1" repeatCount="indefinite" values="1; 0"/></circle></g></svg>')}.trial-form-container .free-trial-wrapper form>div.valid span:after{content:url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="#A9FF8C"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.959 17l-4.5-4.319 1.395-1.435 3.08 2.937 7.021-7.183 1.422 1.409-8.418 8.591z"/></g></svg>')}.trial-form-container .free-trial-wrapper form>div.valid .field-validate{color:#fff;background-color:#18d256}.trial-form-container .free-trial-wrapper form>div.invalid input{border-color:#f53bad}.trial-form-container .free-trial-wrapper form>div.invalid .field-validate,.trial-form-container .free-trial-wrapper form>div.valid #store-url{opacity:1;-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);z-index:0}.trial-form-container .free-trial-wrapper label{display:block;font-size:12px;color:#7d90b8;font-family:inherit;width:100%;line-height:1.2;padding:0 0 .25em;font-weight:600}.trial-form-container .free-trial-wrapper .form-item input{display:block;font-family:inherit;width:100%;border-radius:3px;padding:.4rem;transition:all .15s cubic-bezier(.62,.28,.23,.99);-webkit-appearance:none;font-size:14px}.button,input[type=submit]{border:0}input[type=submit]{width:100%;background:#03b6fc;color:#fff}.button:disabled,input[type=submit]:disabled{background:#7d90b8;color:#fff}.terms-text a{color:inherit}.field-hint,.field-validate,.terms-text{color:#7d90b8;display:block;font-size:13px;line-height:1.5}#store-url strong,.terms-text a{white-space:nowrap}#store-url b{background-color:#18d256;float:right;font-weight:400;opacity:0;padding-left:.75rem;position:absolute;right:.75rem;transition:all .15s cubic-bezier(.62,.28,.23,.99);-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}#store-url.copied b,#store-url:hover b{opacity:.8;-webkit-transform:translateZ(0);transform:translateZ(0)}#store-url:after{content:".";visibility:hidden;display:block;height:0;clear:both}.free-trial-wrapper>div,.free-trial-wrapper>form{flex:0 0 auto;transition:all .3s cubic-bezier(.48,-.5,.48,1.29);width:100%}.free-trial-wrapper>div{text-align:center;opacity:0}.free-trial-wrapper>div>div{background-color:#fff;border-radius:4px;margin:.75rem;padding:1.5rem}.free-trial-wrapper>div>div h4{color:#000;font-weight:700;font-size:1.25em;margin:.75rem 0 0}.free-trial-wrapper>div>div.error{background:#cd2e2e}.free-trial-wrapper>div>div.error p{color:#fff}.free-trial-wrapper>div>div.error .button{padding:.75rem 1rem;border-radius:4px;background-color:#fff;color:#34314a}.free-trial-wrapper .slide-in{opacity:1;background:#fff;border-radius:4px;box-shadow:0 5px 10px rgb(0 0 0/10%);overflow:hidden}.free-trial-wrapper .slide-in .far{font-size:34px;color:#03b6fc}.free-trial-wrapper .slide-out{margin-left:-100%;opacity:0}#confetti{height:1px;left:50%;pointer-events:none;position:absolute;top:45%;width:20px}