@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
}
img#close {
position:absolute;
right:-14px;
top:-14px;
cursor:pointer
}
img#close1 {
position:absolute;
right:-14px;
top:-14px;
cursor:pointer
}
div#popupContact {
position:absolute;
left:50%;
top:17%;
margin-left:-202px;
font-family:'Raleway',sans-serif;

    width: 400px;

}
div#popupContact1 {
position:absolute;
left:50%;
top:17%;
margin-left:-202px;
font-family:'Raleway',sans-serif
}
.en-fr {
max-width:400px;
min-width:250px;
padding:10px 50px;
border:2px solid gray;
border-radius:10px;
font-family:raleway;
background-color:#fff;
padding-left: 17px;
padding-right: 5px;
}
p {
margin-top:30px
}
h2 {
text-align:center;
}
hr {
    margin: 10px -50px;
    border: 0;
    border-top: 1px solid #ccc;
    width: 271px;
    margin-left: 0px;
    margin-right: 0px;
}
input[type=text, int] {
width:90%;
padding:3px;
margin-top:30px;
border:1px solid #ccc;
padding-left:40px;
font-size:16px;
font-family:raleway;
}
#name {

    width: 179px;
    border-right-width: 2px;
    border-bottom-width: 2px;
margin-bottom: 4px;
}
#email {

    width: 179px;
    border-right-width: 2px;
    border-bottom-width: 2px;

}

#phone {

    width: 179px;
    border-right-width: 2px;
    border-bottom-width: 2px;
}


#city {

    width: 179px;
    border-right-width: 2px;
    border-bottom-width: 2px;
}

textarea {
padding:3px;
resize:none;
border:1px solid #ccc;
font-size:16px;
font-family:raleway;
padding-left: 2px;
margin-top: 4px;
height: 92px;
margin-bottom: 1px;
width: 363px;

}
#submit {
text-decoration:none;
width:100%;
text-align:center;
display:block;
background-color:#E87008;
color:#fff;
border:1px solid rgb(255, 0, 0);
padding:5px 0;
font-size:20px;
cursor:pointer;
border-radius:5px
}
span#popup {
font-weight:700
}
span#popup1 {
font-weight:700
}


#Name {

width: 256px;
    min-height: 39px;
    border: 1px solid #E87008;
    background: none;
    font-family: HelveticaNeueLTCom-Lt, sans-serif;
    font-size: 14px;
    color: #453984;
    line-height: 20px;
    margin: 5px 0;
    padding: 5px 10px;

}


#Phone{
width: 256px;
    min-height: 39px;
    border: 1px solid #E87008;
    background: none;
    font-family: HelveticaNeueLTCom-Lt, sans-serif;
    font-size: 14px;
    color: #453984;
    line-height: 20px;
    margin: 5px 0;
    padding: 5px 10px;
}

#Email {

width: 256px;
    min-height: 39px;
    border: 1px solid #E87008;
    background: none;
    font-family: HelveticaNeueLTCom-Lt, sans-serif;
    font-size: 14px;
    color: #453984;
    line-height: 20px;
    margin: 5px 0;
    padding: 5px 10px;


}


#ProjectName{
width: 256px;
    min-height: 39px;
    border: 1px solid #E87008;
    background: none;
    font-family: HelveticaNeueLTCom-Lt, sans-serif;
    font-size: 14px;
    color: #453984;
    line-height: 20px;
    margin: 5px 0;
    padding: 5px 10px;
}


#Address{
width: 522px;
    min-height: 39px;
    border: 1px solid #E87008;
    background: none;
    font-family: HelveticaNeueLTCom-Lt, sans-serif;
    font-size: 14px;
    color: #453984;
    line-height: 20px;
    margin: 5px 0;
    padding: 5px 10px;
}

#CityName{
width: 522px;
    min-height: 39px;
    border: 1px solid #E87008;
    background: none;
    font-family: HelveticaNeueLTCom-Lt, sans-serif;
    font-size: 14px;
    color: #453984;
    line-height: 20px;
    margin: 5px 0;
    padding: 5px 10px;
}


#Query{
width: 522px;
    min-height: 39px;
    border: 1px solid #E87008;
    background: none;
    font-family: HelveticaNeueLTCom-Lt, sans-serif;
    font-size: 14px;
    color: #453984;
    line-height: 20px;
    margin: 5px 0;
    padding: 5px 10px;

}