.contact{position:relative;width:100%;text-align:center}.contact .field{position:relative;display:inline-block;vertical-align:top;width:100%;padding-top:20px}.contact .field.error .input,.contact .field.error .textarea{border-color:red}.contact .field>label{position:absolute;top:16px;left:auto;bottom:auto;right:10px;line-height:14px;padding:0 10px;color:var(--text-light);font-size:12px;opacity:0;visibility:hidden;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.contact .field>label.required:before{content:'*';display:inline-block;vertical-align:middle;margin-left:5px;color:red}.contact .field .input{width:100%;height:44px;padding-right:20px;border:1px solid #e1e1e1;box-sizing:border-box}.contact .field .input:focus{border-color:var(--text)}.contact .field .textarea{width:100%;height:80px;padding:20px;border:1px solid #e1e1e1;box-sizing:border-box}.contact .field .textarea:focus{border-color:var(--text)}.contact .field .input::-webkit-input-placeholder,.contact .field .textarea::-webkit-input-placeholder{font-size:14px}.contact .field .input:not(:placeholder-shown)+label,.contact .field .textarea:not(:placeholder-shown)+label{top:12px;background:var(--white);opacity:1;visibility:visible}.contact .area .client{margin-top:10px;font-size:16px;font-weight:bold;text-align:right}.contact .button{display:inline-block;vertical-align:top;width:100%;line-height:44px;margin:10px 0;padding-right:10px;background:var(--primary);text-align:center;color:var(--white);box-sizing:border-box;cursor:pointer}.contact .success{height:200px;padding:0 20px}.contact .success .title{line-height:24px}.contact .success .title:before{content:attr(data-icon);font-family:Material Icons Outlined;display:block;width:40px;margin:20px auto;font-size:40px;color:green}.contact .success .link{display:block;margin-top:10px;text-decoration:underline;font-size:14px}.contact .loaderBox{position:absolute;top:auto;left:0;bottom:10px;right:0;height:36px;background:var(--dark);overflow:hidden;z-index:4}.contact .loaderBox .loader{display:inline-block;position:relative;width:36px;height:36px}.contact .loaderBox .loader div{box-sizing:border-box;display:block;position:absolute;width:22px;height:22px;margin:8px;border:4px solid var(--white);border-radius:50%;animation:loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:var(--white) transparent transparent transparent}.contact .loaderBox .loader div:nth-child(1){animation-delay:-0.45s}.contact .loaderBox .loader div:nth-child(2){animation-delay:-0.3s}.contact .loaderBox .loader div:nth-child(3){animation-delay:-0.15s}.contact.loading{pointer-events:none}.rounded .contact .field .input,.rounded .contact .field .textarea{border-radius:10px}.rounded .contact .button{border-radius:10px}.rounded .contact .loaderBox{border-radius:10px}.l-1 .section .container:first-child .contact{display:flex;align-items:stretch;padding-bottom:80px;font-size:0}.l-1 .section .container:first-child .contact .area{flex:2;margin:10px}.l-1 .section .container:first-child .contact .area .field.txtarea{height:calc(100% - 20px)}.l-1 .section .container:first-child .contact .area .field.txtarea .textarea{height:100%}.l-1 .section .container:first-child .contact .area .button{font-size:16px}@keyframes loader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}