/* ==========================================================================
   Contact Styles
   ========================================================================== */

#signin-form input{color:#1a1a1a;font-weight: normal;}
#signin-form input[type="text"]{ margin-bottom: 15px;height:40px;}
#signin-form input[type="password"]{ margin-bottom: 15px;height:40px;}
#signin-form textarea{height:120px; width: 95%; resize: none;}	
#signin-form input[type="text"], textarea{padding:0.6em;width: 95%;outline: none;border: none;-webkit-border-radius:0px;box-shadow: none; color: #1a1a1a;}
#signin-form input[type="password"], textarea{padding:0.6em;width: 95%;outline: none;border: none;-webkit-border-radius:0px;box-shadow: none; color: #1a1a1a;}
#signin-form input[type="text"]:focus, textarea:focus{background: #e6e6e6; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear;}
#signin-form input[type="password"]:focus, textarea:focus{background: #e6e6e6; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear;}



#contacts .btn{width:100%;margin-top:1em; border-radius:0; border:none; background-color: #446F93; color: white;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
#contacts .btn:hover{background-color: #2a2a2a; color: white;}
.formContainer{position: relative;}


span.error,span.valid{position: absolute;top:0; right: 1em;}
span.error, span.valid{ width:40px;height:40px; background-position:center center;background-size:20px; background-repeat: no-repeat;}
span.error{background-image:url("../img/notifications/error.svg");}
span.valid{background-image:url("../img/notifications/valid.svg");}

.alert{display:none;border: 0; border-radius: 0; background-color:#ff3333; color: white;}
.alert-success{background-color:#22b573; color: white;}

/* Each Contact Info */

.contact{margin-bottom: 1em;}

.contact-info {margin-top:2em;}
.contact-info p{margin-top: 1em;font-size: 1em;}
.contact-info .icon a i{text-decoration: none;color:#f4594e;}
.contact-info .icon a:hover i{color:black;}

.contact-label{color:#999;font-size: 1.5em;font-family: 'Cabin', sans-serif;}


#contacts form {
  margin: 0 0 0px;
}