/* ANIMATED BORDER BOTTOM ------------------------------------------------------------------------*/
.frmblck-field .getinput-row .input input[type="text"],
.frmblck-field .getinput-row .input input[type="email"],
.frmblck-field .getinput-row .input input[type="password"] {
	margin-bottom: 0px;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
	z-index: 777;
	background-color: transparent;
	padding: 6px 0px;
	width: 100%;
}
.getinput-row {
	margin-top: 30px;
	margin-bottom: 8px;
}
.getinput-row .input input ~ .getinput-border {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
}
  
.getinput-row .input input:focus ~ .getinput-border {
	width: 100%;
	transition: 0.5s;
}

.getinput-border {
	border-top: 2px solid #4285F4!important;
}


/* ANIMATED FLOATING LABEL -----------------------------------------------------------------------*/
.frmblck-field .getinput-row input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: transparent;
}
.frmblck-field .getinput-row input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: transparent;
}
.getinput-row input::-ms-input-placeholder { /* Microsoft Edge */
  color: transparent;
}
.frmblck-field .getinput-row > label.getinput-floating-label {
	display: block;
}
.getinput-row input {
	position: relative;
}

.getinput-row label.getinput-floating-label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0px;
  transition: all 200ms;
  opacity: 0.5;
  z-index: 776;
}
.getinput-row .input input:focus ~ .getinput-floating-label,
.getinput-row .input .valued ~ .getinput-floating-label {
  font-size: 75%;
  transform: translate3d(0, -100%, 0);
  opacity: 1;
}