:focus{outline: none;}

.col_30_perc{float: left; width: 27.3333%; margin: 40px 3%;}
.col_15_perc{float: left; width: 10.6666%; margin: 40px 3%;}

.input_focus_effect_container{position: relative;}
.input_focus_effect_container input[type="text"]{font: 15px/24px futura-pt, sans-serif; color: #000; width: 100%; box-sizing: border-box; letter-spacing: 1px; }
.input_focus_effect_container input[type="password"]{font: 15px/24px futura-pt, sans-serif; color: #000; width: 100%; box-sizing: border-box; letter-spacing: 1px;}
.input_focus_effect_container input[type="tel"]{font: 15px/24px futura-pt, sans-serif; color: #000; width: 100%; box-sizing: border-box; letter-spacing: 1px;}
.input_focus_effect_container input[type="email"]{font: 15px/24px futura-pt, sans-serif; color: #000; width: 100%; box-sizing: border-box; letter-spacing: 1px;}


.input_focus_effect{border: 0; padding: 4px 0; border-bottom: 1px solid #999; background-color: transparent;}

.input_focus_effect ~ .input_focus_effect_border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: black; transition: 0.4s;}
.input_focus_effect:focus ~ .input_focus_effect_border, .has_content.input_focus_effect ~ .input_focus_effect_border{width: 100%; transition: 0.4s;}
.input_focus_effect ~ label{position: absolute; left: 0; width: 100%; top: 9px; font-size: 14px; color: #999; transition: 0.3s; z-index: -1; letter-spacing: 0.5px; font-weight: 400;}
.input_focus_effect:focus ~ label, .has_content.input_focus_effect ~ label{top: -16px; font-size: 12px; color: black; transition: 0.3s; letter-spacing: 0.5px; font-weight: 600;}