@charset "utf-8";
/* CSS Document */

html, body { max-width:100%; position: relative; box-sizing: border-box; }
html { min-width:100%; display: inline-block; min-height: 100vh; background-color: rgba(23,57,98,1.00); }
body { display: flex; flex-wrap: wrap; justify-content: space-around; min-height:200px; padding: 148px 48px 80px 48px;  } 
html { font-size: 1em; font-family: "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; line-height: 1.33; font-weight: normal; } form { display:inline-block; position: relative; box-sizing: border-box; text-align: center; background-color: #fff; background-repeat: no-repeat; } input, button { -webkit-appearance: none; display:inline-block; position: relative; box-sizing: border-box; width:100%; padding:14px 0px; background-color:transparent; margin:12px auto; outline:none; border:none; font-size:1.5rem; background-position: 0.5rem 77%;  background-size: 1.67rem; background-repeat: no-repeat; -webkit-transition: all 80ms ease-in-out; -moz-transition: all 80ms ease-in-out; -ms-transition: all 80ms ease-in-out; -o-transition: all 80ms ease-in-out; transition: all 80ms ease-in-out; }
button 	{ font-family: "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; border-radius:3px; width:100%; text-align: center; color:#fff; padding:12px 0px 12px 0px; cursor: pointer; margin-top: 32px; -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.4); box-shadow: 0 1px 5px 0 rgba(0,0,0,0.4); 
background: -moz-linear-gradient(-45deg,  #6bba70 0%, #6bba70 100%); 
background: -webkit-linear-gradient(-45deg,  #6bba70 0%,#6bba70 100%); 
background: linear-gradient(135deg,  #6bba70 0%,#6bba70 100%); opacity:0.8; overflow: hidden;
 } button:hover 	{ opacity:1;
 } button:active { width:98%; opacity:0.5; }
input 				{ border-bottom:2px solid #cdcdcd; text-align: center; padding:15px 0px 3px 0px; color:#787878; font-family: "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; }
input.error 	{ border-bottom:2px solid #FFA0A2; 	}
input.ok 			{ border-bottom:2px solid #418434;  }
input:focus 	{ color:#111; border-bottom:2px solid rgba(17,138,175,0.60); }
button:focus {outline:none;}
button::-moz-focus-inner {border:0;}


b.process { display: inline-block; position: fixed; width:80%; left:10%; top:200px; text-align: center; font-size: 2rem; color:#777; font-weight:200; text-transform: uppercase; }