/* === Remove input autofocus webkit === */
*:focus {outline: none;}


/* .invalid class prevents CSS from automatically applying */
.invalid input:required:invalid {
  background: #BE4C54;
}
 
/* Mark valid inputs during .invalid state */
.invalid input:required:valid {
  background: #17D654 ;
}

/* === Form Typography === */
/*body {font: 24px/21px "ariel", sans-serif; direction:rtl;}*/


.form  {
  height:273px;
  padding-right:0;
  position:relative;
  right:-196px;
  top:367px;
  width:412px;
  direction: rtl;
  }

.form textarea {
font-family: 'arial'

}
.form input type =[tel] {
	height:20px; 
	width:142px; 
	padding:5px 60px;
}
 #phone {
	 
  background:transparent;
  border:none;
  padding:18px 3px;
  position:absolute;
  top:166px;
  width:410px;
 }
  #email { 
	padding:18px 3px;
	position:absolute;
	top:86px;
	background: transparent;
    border: none;
	width:410px;
 }
  #name { 
	padding:18px 3px;
	position:absolute;
	top:5px;
	background: transparent;
    border: none;
	width:410px;
 }
 
 
   #message { 
	padding:7px 3px;
	position:absolute;
	right:13px;
	top:124px;
	background: transparent;
    border: none;
	width:180px;
	overflow:hidden;
 }

/* === Form Header === */
.contact_form h2 {
	margin:0;
	display: inline;
}
.required_notification {
	color:#d45252; 
	margin:5px 0 0 0; 
	display:inline;
	float:right;
}


.main { 
width:800px;
background-image:url(contact.jpg);
background-repeat:no-repeat;
margin: 0 auto;
height:800px;
position:relative;
}


/* === Button Style === */
button.submit {
  background: transparent;
  border:none;
  color:black;
  font-weight:bold;
  margin:4px;
  padding:50px;
  text-align:center;
  text-shadow:#396715 0 -1px 0;
  width:405px;
  top:274px;
  position:absolute;
}
button.submit:hover {
	opacity:.85;
	cursor: pointer; 
}
button.submit:active {
	border: 1px solid #fd7d5f;
	box-shadow: 0 0 10px 5px #fd7d5f inset; 
	-webkit-box-shadow:0 0 10px 5px #fd7d5f inset ;
	-moz-box-shadow: 0 0 10px 5px #fd7d5f inset;
	-ms-box-shadow: 0 0 10px 5px #fd7d5f inset;
	-o-box-shadow: 0 0 10px 5px #fd7d5f inset;
	
}