
/* Begin Page Specific CSS */
.the_email {
display:none;
}
.input-effect {

    float: left;
    width: 100%;
    margin: 10px 0;
    position: relative;
}
.input-effect input, textarea {
width:100%!important;
margin-bottom:0!important;
}
.input-effect input:focus, .input-effect input:active {
    outline: none !important;
}
textarea.has-content {
border:0;
}
textarea {
height:150px;
}
.testeffect{border: 1px solid #ccc; padding: 10px 14px; transition: 0.4s; background: transparent;}
.testeffect ~ .focus-border:before,
.testeffect ~ .focus-border:after{content: ""; position: absolute; top: 0; left: 0; width: 0; height: 2px; background-color: #006ba3; transition: 0.3s;}
.testeffect ~ .focus-border:after{top: auto; bottom: 0; left: auto; right: 0;}
.testeffect ~ .focus-border i:before,
.testeffect ~ .focus-border i:after{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 0; background-color: #006ba3; transition: 0.4s;}
.testeffect ~ .focus-border i:after{left: auto; right: 0; top: auto; bottom: 0;}
.testeffect:focus ~ .focus-border:before,
.testeffect:focus ~ .focus-border:after,
.has-content.testeffect ~ .focus-border:before,
.has-content.testeffect ~ .focus-border:after{width: 100%; transition: 0.3s;}
.testeffect:focus ~ .focus-border i:before,
.testeffect:focus ~ .focus-border i:after,
.has-content.testeffect ~ .focus-border i:before,
.has-content.testeffect ~ .focus-border i:after{height: 100%; transition: 0.4s;}
.testeffect ~ label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: 0;
    letter-spacing: 0.5px;
    pointer-events: none;
}
.testeffect:focus ~ label, .has-content.testeffect ~ label{top: -17px; left: 0; font-size: 12px; color: #aaa; transition: 0.3s;}

form.contact textarea {
  width: 100%;
  overflow: auto;
  outline: none;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
form.contact textarea:active, form.contact textarea:focus {
  border: none;
}
input.testeffect {
line-height:1;
}
/* End Page Specific CSS */
