/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
html {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QkJCToINs/lbgAAABZJREFUCNdjvHhyKQMDAxMDAwM3nzwAG6YCe6bvNLQAAAAASUVORK5CYII=");
}
header {
  background: #c30b0b;
  height: 321px;
}
header img {
  display: block;
  margin: 0 auto;
}
body {
  font:normal 13px Arial, Helvetika;
  min-height: 1200px;
  background: url(bg.jpg) 50% 319px no-repeat ;
}
form {
  position: relative;
  width: 470px;
  display: block;
  margin: 20px auto 0;
}
label {
  font-weight: bold;
  margin: 0 0 8px 0;
  display: inline-block;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);
  position: relative;
  transition: all 500ms ease-in-out;
}
label.ta {
  box-shadow: none;
}
label[for=email] { display: none; }
label b {
  top: 0;
  position: absolute;
  height: 45px;
  left: 7px;
  line-height: 45px;
  z-index: 1;
  opacity: 1;
  transition: all 500ms linear;
}
label > i {
  position: absolute;
  top: 0;
  right: -50px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAvCAYAAAB30kORAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QkJCi0pfWPP/wAAAVhJREFUaN7tmTFOwzAUQF8lH6DsVVX1BJWAnSHs9ASIhbXiCGyMzEwwMzQH6BDmDuUCSFTqivAFarNYKEEEhcROYvh/+vEQPz19+1v24G2xGAJL4IT+RwbMFcbEAozjXCprbSzAn+DKWktsoTAmPugApu+Ad5cfAJf+of2bfgRWLk+CQMdZHgIt0AL9J6GTL1teAOj9Xky7Lvhd3mvT05L8vy9E/6aTklxMh/jvNEboF+mILZg+zeWHwI13aOMfeiUHJjl7lIcV01IeYlpM99d0RjyX6gCZssbMiez5YpAfWY/HM2ACnANnHiZ5BVLgCdBu0l/H0XZb+C5A5++q16PRBpg1gL0G7n3oPd7tijVd2ouN0TXnuHXAOthC/AG6jt2LuiXQBXRwu5WgqfYWo53dtNV9uoHp1AFrWo460J3YbVIendmtY7pzu9WgrX0AhsAzcNW13Xx8ANwKt+u8bzBGAAAAAElFTkSuQmCC");
  display: none;
  width: 45px;
  height: 47px;
}
label.error > i {
  display: block;
}
textarea, input {
  display: block;
  z-index: 2;
  position: relative;
  border: none;
  background: rgba(241,241,241,0.7);
  width: 470px;
  box-sizing: border-box;
  padding: 0 7px;
}
form *.full+b, form *:focus + b {
  opacity: 0;  
}

label.error input, label.error textarea {
  outline: 2px solid red;
  outline: 2px solid rgba(227,7,7,0.7);
}
textarea {
  padding: 7px;
  height: 162px;
  resize: none;
}
input {
  height: 45px;
}
button {
  border: none;
  display: block;
  margin: 0 auto;
  height: 53px;
  width: 217px;
  background: url(button.png) 50% 50% no-repeat;
  cursor: pointer;
  position: relative;
}
.send button,
.send label {
  top: -1500px;
}
form p {
  text-align: center;
  font-size: 20px;
  text-shadow: 1px 1px #fff;
  position: absolute;
  top: 800px;
  display: none;
  transition: top 900ms ease-in-out;
}
form.sending P.sending {
  display: block;
  top: 40px;
}
form.sent P.sent {
  display: block;
  top: 40px;
}