@charset "utf-8";*{box-sizing:border-box}.myform{width:80%;margin:30px auto 0;display:block;padding:10px 50px 50px}.myform .group{position:relative;margin-bottom:45px}.myform fieldset{border:1px groove #3279b9!important;border-radius:8px;padding:0 1.4em 1.4em 1.4em!important;margin:0 0 1.5em 0!important;-webkit-box-shadow:0 0 0 0 #000;box-shadow:0 0 0 0 #000}.myform legend{width:auto;color:#3279b9;font-size:1.2em!important;text-align:right!important;border:none;border-left:1px solid #3279b9;border-right:1px solid #3279b9;border-radius:6px;padding:5px}.myform textarea{height:200px}.myform input,.myform textarea{width:500px;font-size:18px;padding:10px 10px 10px 5px;display:block;border:none;border-bottom:1px solid #4a8df2;background:0 0}.myform input[type=file]{font-size:15px}.myform input:focus,.myform textarea:focus{outline:0}.myform .buttons{text-align:center}.myform .btn_submit{width:100%;text-align:center}button{outline:0;border:none;padding:20px;display:block;overflow:hidden;margin:50px auto;cursor:pointer;font-size:20px;background-color:transparent;position:relative;border:2px solid #4a8df2;border-radius:15px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease}button span{color:#4a8df2;display:inline-block;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}button .icon{position:absolute;left:-60px;top:0;color:#fff;padding:20px;background-color:#4a8df2;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}button:hover .icon{left:0}button:hover span{color:#4a8df2;margin-left:50px}.myform label{color:#4a8df2;font-size:1em;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.myform input:focus~label,.myform textarea:focus~label{font-size:14px;color:#4a8df2;top:-20px;padding:0 2px 0 2px}.myform input:valid~label,.myform textarea:valid~label{font-size:14px;color:#55aa64;content:'v';top:-20px;padding:0 2px 0 2px}.myform .bar{position:relative;display:block;width:500px}.myform .bar:after,.myform .bar:before{content:'';height:2px;width:0;bottom:1px;position:absolute;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.myform .bar:before{left:50%}.myform .bar:after{right:50%}.myform input:focus~.bar:after,.myform input:focus~.bar:before,.myform textarea:focus~.bar:after,.myform textarea:focus~.bar:before{width:50%}.myform input,.myform input:hover,.myform textarea,.myform textarea:hover{color:#4a8df2}.myform input:focus,.myform textarea:focus{color:#3279b9;background:0 0;border-radius:8px}.myform .highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}.myform input:focus~.highlight,.myform textarea:focus~.highlight{-webkit-animation:inputHighlighter .3s ease;-moz-animation:inputHighlighter .3s ease;animation:inputHighlighter .3s ease}.myform ::placeholder{text-align:right;font-size:15px;color:#d34553}@-webkit-keyframes .myform inputHighlighter{from{background:#5264ae}to{width:0;background:0 0}}@-moz-keyframes .myform inputHighlighter{from{background:#5264ae}to{width:0;background:0 0}}@keyframes .myform inputHighlighter{from{background:#5264ae}to{width:0;background:0 0}}@media only screen and (min-width:600px) and (max-width:1024px){.myform{margin:0 auto;padding:0}.myform input,.myform input:focus,.myform input:hover,.myform input[type=reset],.myform input[type=submit],.myform textarea,.myform textarea:focus,.myform textarea:hover{font-size:15px}}@media only screen and (min-width:320px) and (max-width:420px){.myform{width:100%;margin:0;padding:0}.myform label{font-size:15px}.myform textarea{height:150px}.myform input,.myform textarea{width:100%;font-size:15px}.myform input:focus~label,.myform input:valid~label,.myform textarea:focus~label,.myform textarea:valid~label{font-size:12px}.myform input[type=reset],.myform input[type=submit]{width:30%}.myform .bar{position:relative;display:block;width:100%}.myform ::placeholder{font-size:10px}.myform input[type=file]{font-size:12px}}@media (max-width:979px){.myform{width:100%;padding:0}.myform .bar,.myform input,.myform textarea{width:100%}.myform ::placeholder{font-size:.7em}}