@import "http://fonts.googleapis.com/css?family=Raleway";
/*----------------------------------------------
CSS settings for HTML div Exact Center
------------------------------------------------*/
#abc {
width:100%;
height:100%;
opacity:.95;
top:0;
left:0;
display:none;
position:fixed;
background-color:#313131;
overflow:auto
}
#abc1 {
width:100%;
height:100%;
opacity:.95;
top:0;
left:0;
display:none;
position:fixed;
background-color:#313131;
overflow:auto
}
#abc2 {
width:100%;
height:100%;
opacity:.95;
top:0;
left:0;
display:none;
position:fixed;
background-color:#313131;
overflow:auto
}
img#close {
position:absolute;
right:-14px;
top:-14px;
cursor:pointer
}
div#popupContact {
position:absolute;
left:50%;
top:17%;
margin-left:-202px;
font-family:'Raleway',sans-serif
}
form {
max-width:500px;
min-width:200px;
padding:10px 50px;
border:2px solid gray;
border-radius:10px;
font-family:raleway;
background-color:#fff
}
p {
margin-top:30px
}
h2 {
background-color:#FEFFED;
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
}
input[type=text] {
width:82%;
padding:10px;
margin-top:30px;
border:1px solid #ccc;
padding-left:40px;
font-size:16px;
font-family:raleway
}input[type=email] {
width:82%;
padding:10px;
margin-top:30px;
border:1px solid #ccc;
padding-left:40px;
font-size:16px;
font-family:raleway
}
input[type=number] {
width:82%;
padding:10px;
margin-top:30px;
border:1px solid #ccc;
padding-left:40px;
font-size:16px;
font-family:raleway
}
#name {
background-image:url(../images/name.jpg);
background-repeat:no-repeat;
background-position:5px 7px
}
#email {
background-image:url(../images/email.png);
background-repeat:no-repeat;
background-position:5px 7px
}
textarea {
background-image:url(../images/msg.png);
background-repeat:no-repeat;
background-position:5px 7px;
width:82%;
height:95px;
padding:10px;
resize:none;
margin-top:30px;
border:1px solid #ccc;
padding-left:40px;
font-size:16px;
font-family:raleway;
margin-bottom:30px
}
#submit {
text-decoration:none;
width:100%;
text-align:center;
display:block;
background-color:#3498DB;
color:#fff;
border:1px solid #3498DB;
padding:10px 0;
font-size:20px;
cursor:pointer;
border-radius:5px
}

@media (max-width:480px){
	#abc {
width:100%;
height:100%;
opacity:.95;
top:0;
left:0;
display:none;
position:fixed;
background-color:#313131;
overflow:auto
}
#abc1 {
width:100%;
height:100%;
opacity:.95;
top:0;
left:0;
display:none;
position:fixed;
background-color:#313131;
overflow:auto
}
#abc2 {
width:100%;
height:100%;
opacity:.95;
top:0;
left:0;
display:none;
position:fixed;
background-color:#313131;
overflow:auto
}

img#close {
position:absolute;
right:-4px;
top:-4px;
cursor:pointer;
width:10%;
}
div#popupContact {
position:absolute;
left:11px;
top:17%;

margin-left:5px;
margin-right:5px;
font-family:'Raleway',sans-serif;
}
form {
max-width:600px;
min-width:180px;

padding:10px 10px;
border:2px solid gray;
border-radius:1px;
font-family:raleway;
background-color:#fff
}
p {
margin-top:10px
}

	

h2 {
background-color:#FEFFED;
padding:10px 15px;
margin:-8px -10px;
text-align:center;
border-radius:10px 10px 0 0
}
hr {
margin-top: 8px;
margin-right: -10px;
margin-bottom: 8px;
margin-left: -10px;
border:0;
border-top:1px solid #ccc
}
input[type=text] {
width:82%;
height:40px;
padding:5px;
margin-top:10px;
border:1px solid #ccc;
padding-left:10px;
font-size:16px;
font-family:raleway
}
input[type=number] {
width:82%;
height:40px;
padding:5px;
margin-top:10px;
border:1px solid #ccc;
padding-left:10px;
font-size:16px;
font-family:raleway
}
input[type=email] {
width:82%;
height:40px;
padding:5px;
margin-top:3px;
border:1px solid #ccc;
padding-left:4px;
font-size:16px;
font-family:raleway
}

#name {
background-image:url(../images/name.jpg);
background-repeat:no-repeat;
background-position:5px 7px
}
#email {
background-image:url(../images/email.png);
background-repeat:no-repeat;
background-position:5px 7px
}
textarea {
background-image:url(../images/msg.png);
background-repeat:no-repeat;
background-position:5px 7px;
width:82%;
height:60px;
padding:5px;
resize:none;
margin-top:5px;
border:1px solid #ccc;
padding-left:4px;
font-size:16px;
font-family:raleway;
margin-bottom:8px
}
#submit {
text-decoration:none;
width:50%;
text-align:center;
display:block;
background-color:#3498DB;
color:#fff;
border:1px solid #3498DB;
padding:5px 0;
font-size:8px;
cursor:pointer;
border-radius:2px
}

	
}