.text-center {
	text-align:center;
}
.about_agileits,.services_agile,.contact_w3_agileits,.essentials_wthree{
		padding: 80px  0;
  }
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
 


.contact_w3_agileits{
	background:url(../img/bg1.jpg) no-repeat center;
	background-size: cover;
	
}
 .contact_w3_agileits h3 {
    color: #fff;
 }
 .contact_main_w3.text-center {
    margin: 0 0 2em;
}
.contact_main_w3 i {
    font-size: 2.5em;
    color: #fff;
    padding: 0.5em;
}
.contact_main_w3 p {
    color: #fff;
    letter-spacing: 1px;
    font-size: 1.1em;
    font-weight: 500;
	line-height: 2;
}
.contact_main_w3 a{
	 color: #fff;
	 font-size: 1em;
}
.contact_main_w3 a:hover {
	 color:#eac128;
}
.contact_main_w3 span{
	text-transform: capitalize;
    font-size: 1em;
    color: #d72a3e;
	letter-spacing: 1px;
	display: block;
	margin: 1em 0;
}
span.mobile {
	color: #fff;
}
.contact_main_w3 h4 {
    font-size: 2em;
    color: #d72a3e;
    font-weight: 600;
	padding: 0.5em 0;
}
.contact h4 {
	font-size: 2em;
	color: #d72a3e;
	 font-weight: 700;
}
.contact p{
	font-size: 15px;
	color: #000;
	
}
.contact-form {
    margin: 3em auto;
    padding: 3em;
    width: 70%;
    background: rgba(32, 53, 77, 0.43);
}

   .contact input[type="text"] { 
    width: 47.7%;
    color: #999;
    float: left;
    background: none;
    outline: none;
    font-size: 1.2em;
    padding: .7em 1em;
    margin-bottom: 1.5em;
	border:none;
    border-bottom: solid 1px #d72a3e;
    -webkit-appearance: none;
   display: inline-block;}

.contact input[type="email"] {
	 width: 47.7%;
    color: #999;
    float: left;
    background: none;
    outline: none;
    font-size: 1.2em;
    padding: .7em 1em;
    margin-bottom: 1.5em;
   border:none;
    border-bottom: solid 1px #d72a3e;
    -webkit-appearance: none;
   display: inline-block;
	}
	.contact input.email,.contact input.phone {
    float: right;
}
 	
.contact textarea {
    resize: none;
	border-radius:0px;
    width: 100%;
    background: none;
    color: #999;
    font-size: 1.2em;
    outline: none;
    padding: .6em .8em;
	border:none;
    border-bottom: solid 1px #d72a3e;
    min-height: 5em;
    -webkit-appearance: none;
	margin-bottom:1.5em;
}

.submit_w3l {
	margin:0 auto;
	width:50%;
}
.contact input[type="submit"] {
    outline: none;
    color: #fff;
    padding: 0.5em 3em;
    font-size: 1.2em;
   -webkit-appearance: none;
    background: transparent;
    border: 1px solid #d72a3e;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
	text-transform: uppercase;
	
}
.contact input[type="submit"]:hover{
	border:1px solid #fff ;
    color: #d72a3e;
} 	


		.vamcontact h1{
		padding-top:3%;
		font-size:2em;
		text-align:center;
		color:#fff;
		font-weight: bold;
		font-family: '1', cursive;
		}

		.vamcontact p{
		color:#fff;
		font-size:1em;
		line-height:1.8em;
		text-align:center;
		font-family: '1', cursive;
		}
	

@media screen and (max-width: 800px){
	.about_agileits, .services_agile, .contact_w3_agileits,.essentials_wthree {
    padding: 40px 0;}

	.contact-form {
    width: 82%;
    padding: 2em;}
}

@media screen and (max-width: 420px){
	.contact-form {
    width: 98%;}
}


	












