@charset "utf-8";
/* CSS Document */

#pop-container {
width:100%;
height:100%;
opacity:.95;
top:0;
left:0;
display:none;
position:fixed;
background-color:#313131;
overflow:auto;
z-index:99;
}
img#close {
position:absolute;
right:-14px;
top:-14px;
cursor:pointer
}
div#popupContact {
position:absolute;
margin:0 35%;
width:30%;
top:17%;
font-family:'Raleway',sans-serif
}
#pop-container #popupContact form {
max-width:100%;
min-width:250px;
padding:10px 50px;
border:2px solid gray;
border-radius:10px;
font-family:raleway;
background-color:#fff;
padding-bottom:20px;
}
p {
margin-top:30px
}
#pop-container #popupContact h2 {
background-color:#FEFFED;
padding:10px 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],input[type=email],input[type=number] {
width:100%;
padding:5px;
margin-top:10px;
border:1px solid #ccc;
padding-left:10px;
font-size:16px;
font-family:raleway;
border-radius:5px;
}
#name {
background-image:url(../images/name.html);
background-repeat:no-repeat;
background-position:5px 7px
}
#email {
background-image:url(../images/email.html);
background-repeat:no-repeat;
background-position:5px 7px
}
textarea {
background-image:url(../images/msg.html);
background-repeat:no-repeat;
background-position:5px 7px;
width:100%;
height:95px;
padding:10px;
resize:none;
margin-top:10px;
border:1px solid #ccc;
padding-left:10px;
font-size:16px;
font-family:raleway;
border-radius:5px;

}
#submit {
text-decoration:none;
width:100%;
text-align:center;
display:block;
background-color:#FFBC00;
color:#fff;
border:1px solid #FFCB00;
padding:10px 0;
font-size:20px;
cursor:pointer;
border-radius:5px
}
span {
color:red;
font-weight:700
}
#popup{
	border-radius:5px;
	font-weight: 800;
    box-sizing: border-box;
    border: none;
}