/*----------------------------------------------
css settings for HTML div exactCenter 
------------------------------------------------*/
/*@import url(http://fonts.googleapis.com/css?family=Raleway);*/

#abc{
width: 100%;
height: 100%;
opacity: 0.95;
top: 0;
left: 0;
display: none;
position: fixed;			
background-color: #313131;
overflow:auto;

}

img#close{
position: absolute;
right: -70px;
top: -25px;
cursor: pointer;
}

div#popupContact{
position: absolute; 
left: 50%;
top: 17%;
width:420px;
margin-left: -202px;
font-family: 'Raleway', sans-serif;
}

/*form{
max-width: 300px;
min-width: 250px;
padding: 10px 50px;
border: 2px solid gray;
border-radius: 10px;
font-family:raleway;
background-color: white;
}*/

.formcss{
max-width: 300px;
min-width: 250px;
padding: 10px 50px;
border: 2px solid gray;
border-radius: 10px;
font-family:raleway;
background-color: white;
}

p{
margin-top: 30px;
background-color: White;
padding: 20px 35px;
margin: -10px -50px;
text-align:center;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
}

h2{
background-color: #E2E8C9;
padding: 20px 35px;
margin: -10px -50px;
text-align:center;
border-radius: 10px 10px 0 0;
}

hr{
margin: 10px -50px;
border: 0; 
border-top: 1px solid #ccc;
}
 
input[type=text]{
width:82%;
padding: 10px;
margin-top: 30px;
border: 1px solid #ccc;
padding-left: 40px;
font-size: 16px;
font-family:raleway;
} 


#submit{
text-decoration:none;
width:100%;
text-align:center;
display:block;
background-color:#FFBC00;
color: white;
border: 1px solid #FFCB00;
padding: 10px 0;
font-size:20px;
cursor:pointer;
border-radius: 5px;
}

span{
color:red;
font-weight:bold;
}

button{
width:10%;
height:45px;
border-radius:3px;
background-color: peru;
color:white;
font-family: 'Raleway', sans-serif;
font-size:18px;
cursor:pointer;
}