/****  floating-Lable style start ****/
.floating-label { 
  position:relative; 
  margin-bottom:20px;
}
.floating-input , .floating-select {
  font-size:16px;
  padding:4px 4px;
  display:block;
  width:100%;
  height:30px;
  font-family: FS Humana, Calibri, sans-serif;
  background-color: transparent;
  border:none;
  border-bottom:1px solid #414042;
}

.floating-input:focus , .floating-select:focus {
     outline:none;
     border-bottom:2px solid #414042; 
}

.custom-label {
  color:#999; 
  font-size:16px;
  font-family: FS Humana, Calibri, sans-serif;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:2px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
  top:-18px;
  font-size:14px;
  color:#414042;
}

.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
  top:-18px;
  font-size:14px;
  color:#414042;
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
  width:50%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.floating-textarea {
   min-height: 30px;
   max-height: 260px; 
   overflow:hidden;
  overflow-x: hidden; 
}

/* highlighter */
.highlight {
  position:absolute;
  height:50%; 
  width:100%; 
  top:15%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* animation */
/* @-webkit-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
} */

/****  floating-Lable style end ****/

/***   daniel - Fork me friend - style   ***/
.floating-credit { 
    position:fixed;
    bottom:10px;
    right:10px;
    color:#aaa;
    font-size:13px;
    font-family: FS Humana, Calibri, sans-serif;
}
.floating-credit a { 
    text-decoration:none;
    color:#000000;
    font-weight:bold;
 }
.floating-credit a:hover { 
    border-bottom:1px dotted #f8f8f8;
}
.floating-heading { 
    position:fixed;
    color:#aaa;
    font-size:20px;
    font-family: FS Humana, Calibri, sans-serif;
}
/***  daniel - Fork me friend - style  ***/