.form-box {margin:60px auto 0 auto; width:90%; padding:2%; text-align:center; border:1px solid #5f5c84; overflow: visible;}

.inputRow {position:relative;}

.inputRow > input:focus ~ label,
.inputRow > input:not(:focus):valid ~ label{
  top: 20px;
  bottom: 5px;
  right: 20px;
  text-align:right;
  font-size: 10px;
  opacity: 0.5;
}
textarea:focus ~ label,
textarea:not(:focus):valid ~ label{
  top: 180px;
  bottom: 5px;
  right: 20px;
  text-align:right;
  font-size: 10px;
  opacity: 0.5;
}

.inputText { width: 92%; margin-bottom:10px; padding:5px 4%; font-size:18px; color:#fff; height:40px; background-color:#2a255b; border:2px solid #fff;}
.inputText:focus {background-color:#5f5c84;}

textarea { width: 92%; margin-bottom:0; padding:5px 4%; color:#fff; font-size:18px; font-family:'Open Sans', sans-serif; height:200px; background-color:#2a255b; border:2px solid #fff;}
textarea:focus {background-color:#5f5c84;}

.form-row {margin:0 auto 5px auto; padding:5px 0; text-align:left; color:#f7f7f7;}

select {width:100%; padding:15px 4% 15px 2%; color:#fff; font-size:16px; font-family:'Open Sans', sans-serif; background-color:#2a255b; border:2px solid #fff;} 
select:focus {background-color:#5f5c84;}

.inputRow label {
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 20px;
  color:#f7f7f7; font-size:16px;
  transition: 0.2s ease all;
}

.btn {display:block; width:160px; margin:20px auto 0 auto; padding:16px 0 15px 0;text-align:center;color:#fff; font-size:16px;font-weight:400;background-color:#ee502b; border:2px solid #ee502b; letter-spacing:0.15em;}
.btn:hover{background-color:#5f5c84; cursor:pointer;}

@media screen and (max-width:1024px) {
.btn {margin-bottom:90px;}	
}