.material-group			  { 
  position:relative; 
  margin-bottom:45px; 
}
input[type=text],input[type=password],input[type=email],textarea{
  color:#7b7b7b;
  font-size:14px;
  padding:10px 2px 10px 2px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid rgba(255,152,0,0.7);
}
input:focus ,textarea:focus{ outline:none; }
.material-group label{
  color:#333; 
  font-size:13px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  right:0px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.used{  top:-20px !important;
  font-size:11px !important;
  color:#c82a3c !important;}
input:focus ~ label,textarea:focus ~ label/*, input:valid ~  label*/{
  top:-20px;
  font-size:11px;
  color:rgb(255, 152, 0);
}
.bar{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:0px; 
  position:absolute;
  background:rgba(255,152,0,0.7); 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}
input:focus ~ .bar:before, input:focus ~ .bar:after, textarea:focus ~ .bar:before, textarea:focus ~ .bar:after  {
  width:50%;
}
/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}
@-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; }
}

/* --------- Buttons ----------*/
input[type=button],input[type=submit]{
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 14px 15px;
    min-width: 130px;
    background-color: transparent;
    color: #fff;
    border: none;	
}
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
	background-color: #c82a3c;
	    border-radius: 3px;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2), 0 2px 5px rgba(0, 0, 0, 0.17);
}
.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0,0,0,0.2);
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: scale(0);
    transform: scale(0);
    pointer-events: none
}
.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255,255,255,0.45)
}
.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244,67,54,0.7)
}
.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255,235,59,0.7)
}
.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255,152,0,0.7)
}
.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156,39,176,0.7)
}
.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76,175,80,0.7)
}
.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0,150,136,0.7)
}
.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
    border: 0;
    font-style: normal;
    font-size: inherit;
    text-transform: inherit;
    background: none
}
.waves-effect img {
    position: relative;
    z-index: -1
  }
.aves-effect.waves-light .waves-ripple {
    background-color: rgba(255,255,255,0.45)
}