body,html{height:100%;}
a{font-size:14px;line-height:1.7;color:#666;margin:0;transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s}
a:focus{outline:none!important}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{margin:0}
p{font-size:14px;line-height:1.7;color:#666;margin:0}
ul,li{margin:0;list-style-type:none}
input{outline:none;border:none}
input:focus::-webkit-input-placeholder{color:transparent}
input:focus:-moz-placeholder{color:transparent}
input:focus::-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder{color:transparent}
input::-webkit-input-placeholder{color:#adadad}
input:-moz-placeholder{color:#adadad}
input::-moz-placeholder{color:#adadad}
input:-ms-input-placeholder{color:#adadad}
button{outline:none!important;border:none;background:transparent}
button:hover{cursor:pointer}
iframe{border:none!important}
.container{max-width:1200px}
.container-contact100{width:100%;min-height:auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.wrap-contact100{width:500px;background:#fff;border-radius:10px;overflow:hidden;padding:0px}
.contact100-form{width:100%}
.contact100-form-title{display:block;font-size:28px;color:#333;line-height:1.2;text-align:center;padding-bottom:10px}
.wrap-input100{width:100%;position:relative;border-bottom:2px solid #d9d9d9;padding-bottom:0px;margin-bottom:12px}
.label-input100{font-size:13px;color:#666;line-height:1.5;padding-left:5px}
.input100{display:block;width:100%;background:transparent;font-size:16px;color:#333;line-height:1.2;padding:0 5px}
.focus-input100{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none}
.focus-input100::before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;background:#7f7f7f}
input.input100{height:30px}
textarea.input100{min-height:50px;padding-top:9px;padding-bottom:13px;margin-top: 5px;}
.input100:focus + .focus-input100::before{width:100%}
.has-val.input100 + .focus-input100::before{width:100%}
.container-contact100-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;padding-top:0px}
.wrap-contact100-form-btn{width:100%;display:block;position:relative;z-index:1;border-radius:25px;overflow:hidden;margin:0 auto}
.contact100-form-bgbtn{position:absolute;z-index:-1;width:300%;height:100%;background:#a64bf4;background:-webkit-linear-gradient(left,#00dbde,#fc00ff,#00dbde,#fc00ff);background:-o-linear-gradient(left,#00dbde,#fc00ff,#00dbde,#fc00ff);background:-moz-linear-gradient(left,#00dbde,#fc00ff,#00dbde,#fc00ff);background:linear-gradient(left,#00dbde,#fc00ff,#00dbde,#fc00ff);top:0;left:-100%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.contact100-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 20px;width:100%;height:50px;font-size:20px;color:#fff;line-height:1.2}
.wrap-contact100-form-btn:hover .contact100-form-bgbtn{left:0}
.contact100-form-btn i{-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.contact100-form-btn:hover i{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px)}
canvas {margin-left:100px;}
@media (max-width: 576px) {
.wrap-contact100{padding:72px 15px 65px}
}
.validate-input{position:relative}
.alert-validate::before{content:attr(data-validate);position:absolute;max-width:70%;background-color:#fff;border:1px solid #c80000;border-radius:2px;padding:4px 25px 4px 10px;top:58%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:2px;pointer-events:none;color:#c80000;font-size:13px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}
.alert-validate::after{content:"\f06a";font-family:FontAwesome;display:block;position:absolute;color:#c80000;font-size:16px;top:58%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:8px}
.alert-validate:hover:before{visibility:visible;opacity:1}
@media (max-width: 992px) {
.alert-validate::before{visibility:visible;opacity:1}
}