/* contact form begins -- */

#form {
width: 100%;
position: relative;
margin: 0 auto;
border: 0;
font-family: 'Raleway', sans-serif;
font-weight:600;
}

/*-----error/success messages-----*/
#error {
display:none;
background: #ef545c;
color:#ffffff;
font-family: 'Raleway', sans-serif;
	font-size: 0.875em;
font-weight:600;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
padding:10px;
margin-bottom: 20px;
}

#success{
display:none;
background: #75a75f;
font-family: 'Raleway', sans-serif;
	font-size: 0.875em;
font-weight:600;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
color:#ffffff;
padding:10px;
margin-bottom: 20px;
}

/*----- easy contact form elements -----*/
#easy {
float:none;
width: 100%;
max-width: 100%;
margin: auto;
border: 0;
}

#easy label {
font-family: 'Raleway', sans-serif;
font-weight: 800;
color: rgba(33, 33, 41, 0.4);
font-size: 0.875em;
margin: 0;
}

#easy .input {
width: 100%;
max-width: 100%;
float: left;
margin: 0 0 5px 0;
}

#easy .textarea {
width: 100%;
max-width: 100%;
margin: 0 0 15px 0;
}


#easy input.text, 
#easy textarea {
padding: 8px 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
float: left;
margin: 0;
outline: none;
font-weight: 500;
color: #ffffff;
	font-family: 'Raleway', sans-serif;
	font-size: 0.875em;
	background: rgba(33, 33, 41, 0.50);
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:0px!important;
}


#easy input[type=text]:focus, 
#easy input[type=tel]:focus, 
#easy textarea:focus {
margin-right: 0px;
box-shadow: 0 0 3px rgba(255, 255, 255, 1);
border: 1px solid rgba(255, 255, 255, 1);
}

#easy input:hover,  
#easy textarea:hover {
border: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}


#easy textarea {
height: 200px;
}

#easy span {
color: #ef545c;
font-size: 1.5em;
}

#easy .verification {
width: 100%;
height: 42px;
float: left;
border: 0;
}

#easy #vimage {
width: 99px;
height: 42px;
float: left;
border: 0;
}

#easy .refresh {
width: 42px;
height: 42px;
display: block;
float: left;
margin: 0;
border: 0;
}

#easy #verify {
width: 120px;
height: 40px;
font-size: 14px;
float: left;
margin: 0;
padding: 8px;
}

#easy button {
float: right;
display: inline-block;
width: 100px;
height: 40px;
line-height: 40px;
background: #75a75f;
padding: 0 20px !important;
color: #fff;
text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 0.875em;
font-weight: 800;
margin: -42px 0 20px 0;
border:0;
  -webkit-transition: 300ms linear 0s;
	-moz-transition: 300ms linear 0s;
	-o-transition: 300ms linear 0s;
	transition: 300ms linear 0s;
cursor:pointer;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

#easy button:hover {
background: #ef545c;
}


::-webkit-input-placeholder {
   color: rgba(255, 255, 255, 0.45);
}
:-moz-placeholder {
   color: rgba(255, 255, 255, 0.45);  
}
::-moz-placeholder {
   color: rgba(255, 255, 255, 0.45);  
}
:-ms-input-placeholder {  
   color: rgba(255, 255, 255, 0.45); 
}




@media screen and (max-width: 480px) {

#easy button {
float: left;
display: inline-block;
margin: 20px 0 20px 0;
}

#easy #verify {
width: 80px;
font-size: 12px;
}

#error {
	font-size: 0.750em;
}

#success{
	font-size: 0.750em;
}

/* contact form ends -- */