html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body,html{position:relative;margin:0}#app,body,html{height:100%}.showonmobile{display:none}h1{font-size:60px;line-height:1}#Form{overflow:hidden;margin:0;width:100%;height:100%;color:#fff;-webkit-transition:all 1s;transition:all 1s;font-family:Catamaran,Georgia,serif;font-size:24px;font-weight:200;line-height:1.375;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}#Form,#Form.step1{background:url(../img/screen1.c332189d.jpg) no-repeat #ff4536;background-position:top;background-size:cover}#Form.step2{background:url(../img/screen2.6744c519.jpg) no-repeat #fcc337;background-position:top;background-size:cover}#Form.step3{background:url(../img/screen3.b9a65108.jpg) no-repeat #040593;background-position:top;background-size:cover}#Form.step4{background:url(../img/screen4.cecc2242.jpg) no-repeat #046e55;background-position:top;background-size:cover}.logo{position:absolute;top:41px;left:56px}.form{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form__content{margin-left:auto;margin-right:auto;width:80%;max-width:640px}.form__item{display:block;padding:10px;text-align:left;line-height:0}.form__item p{line-height:1.375}.form__fieldwrapper{position:relative}.form__fieldwrapper .btn{position:absolute;top:0;right:0;height:80px}.form__textareacontrols{position:relative;margin-top:10px}.form__charhint{position:absolute;top:5px;right:0;font-size:75%;font-weight:900;text-align:right}.form__preview{position:relative;display:inline-block;padding:20px 80px 20px 20px;line-height:1.375;border:none;color:#fff;width:100%;font-size:28px;height:auto}.form__preview,.step1 .form__preview{background:rgba(255,87,74,.75)}.step2 .form__preview{background:rgba(252,207,95,.75)}.step3 .form__preview{background:rgba(54,55,168,.75)}.step4 .form__preview{background:rgba(54,139,119,.75)}label{display:block;margin-bottom:10px;font-size:32px;font-weight:900;line-height:1}input,textarea{position:relative;display:inline-block;padding-left:20px;padding-right:80px;height:80px;line-height:80px;background:rgba(255,87,74,.75);border:none;outline:none;color:#fff;width:100%;font-size:28px}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:hsla(0,0%,100%,.5)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:hsla(0,0%,100%,.5)}input::placeholder,textarea::placeholder{color:hsla(0,0%,100%,.5)}.step1 input,.step1 textarea{background:rgba(255,87,74,.75)}.step2 input,.step2 textarea{background:rgba(252,207,95,.75)}.step3 input,.step3 textarea{background:rgba(54,55,168,.75)}.step4 input,.step4 textarea{background:rgba(54,139,119,.75)}input.recipient,textarea.recipient{color:#333}input.recipient::-webkit-input-placeholder,textarea.recipient::-webkit-input-placeholder{color:rgba(51,51,51,.3)}input.recipient:-ms-input-placeholder,textarea.recipient:-ms-input-placeholder{color:rgba(51,51,51,.3)}input.recipient::-ms-input-placeholder,textarea.recipient::-ms-input-placeholder{color:rgba(51,51,51,.3)}input.recipient::placeholder,textarea.recipient::placeholder{color:rgba(51,51,51,.3)}textarea{padding-top:25px;line-height:1.3;height:200px}.remark{margin-top:15px;font-size:15px;color:#666}.remark .strong{font-weight:900}.btn{display:inline-block;width:96px;border:none;height:80px;line-height:80px;-webkit-transition:all .3s;transition:all .3s;outline:none;cursor:pointer}.btn:hover{background-color:hsla(0,0%,100%,.1)}.btn:disabled{opacity:.2}.btn__next{background:url(../img/arrow.98080ddd.svg) 50% no-repeat;color:transparent;width:80px}.btn__next:hover{background-position:60%}.btn__small{position:relative;padding:4px 30px 4px 8px;background:none;width:auto;height:auto;font-size:15px;line-height:1;border:1px solid #fff;color:#fff}.btn__small:after{content:" ";position:absolute;top:0;right:0;bottom:0;width:24px;height:100%;background:url(../img/arrow-small.c45296f6.svg) 50% no-repeat}.btn__small--back:after{background:url(../img/arrow-small-left.320ca593.svg) 50% no-repeat}.btn__start{position:relative;padding:0 80px 0 10px;background:none;width:auto;line-height:80px;height:80px}.btn__start:after{content:" ";position:absolute;top:0;right:0;bottom:0;width:80px;height:80px;background:url(../img/arrow.98080ddd.svg) 50% no-repeat;-webkit-transition:.5s ease;transition:.5s ease}.btn__start:hover:after{background-position:70%}pre{color:green;font-family:Avenir,Helvetica,Arial,sans-serif}.text-danger{color:#ff4536}.slide-up-enter-active{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.slide-up-leave-active{-webkit-transition:all .01s;transition:all .01s}.slide-up-enter,.slide-up-leave-to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}.slide-up-leave-to{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}@media only screen and (max-width:700px){.showonmobile{display:block}#Form{font-size:20px}.logo{position:absolute;left:0;right:0;display:inline-block;margin-left:auto;margin-right:auto}h1{font-size:40px}.form__content{width:90%}.form__preview,input,textarea{font-size:20px}}.home{height:100%}