@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto');

.outer {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}

.middle {
  display: table-cell;
  vertical-align: middle;
}

.inner {
  text-align: center;
  width: auto;
  padding: 0 15px;
}

.mf-input {
  height: 100%;
  width: 100%;
  padding-right: 20px;
  box-sizing: border-box;
height: 56px;
display: table-cell;  
}
input[type="text"] {
  background: url("../img/user.png") no-repeat left 10px center;  
}
input[type="tel"] {
  background: url("../img/phone.png") no-repeat left 10px center;  
}
input[type="email"] {
  background: url("../img/email.png") no-repeat left 10px center;  
}




input[type="text"],
input[type="tel"],
input[type="email"] {
border: 1px solid #bbb;
padding: 0 0 0 45px;
background-color: #ffffff;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus {
  border: 1px solid #2196f3;
}