.mask,.contact-popup{
transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
display:none;
}
.mask.active{
display:block;
position:absolute;
top:0;
left:0;
background:rgba(0,0,0,0.5);
width:100%;
height:100%;
z-index:1;
}
.contact-popup.active{
display:block;
width:200px;
position:fixed;
top:20%;
left:50%;
margin-left:-100px;
z-index:2;
}
#ContactForm1{
background:#fff;
box-shadow:0 0 5px #000;
-moz-box-shadow:0 0 5px #000;
-webkit-box-shadow:0 0 5px #000;
position:relative;
padding:10px;
max-width:auto;
min-width:auto;
}
span.closepopup{
position:absolute;
right:-10px;
top:-10px;
width:20px;
height:20px;
display:block;
border-radius:50%;
background:#00bfff;
color:#fff;
font-size:20px;
padding:10px;
cursor:pointer;
}
.contact-trigger{
cursor:pointer;
display:inline-block;
margib:5px;
padding:10 15px;
background:#00bfff;
color:#fff;
}
