#modal {
	visibility:hidden;
	width:360px;
	height:410px;
	padding:8px;

	background:rgba(0,0,0,.3);

	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;

	position:absolute !important;
	top:40% !important;
	left:50% !important;
	margin-top:-174px !important;
	margin-left:-180px !important;
	z-index:101;
}


#heading {
	width:360px;
	height:44px;
   
	-webkit-box-shadow:
		inset 0px -1px 0px #fff,
		0px 1px 3px rgba(0,0,0,.08);
	-moz-box-shadow:
		inset 0px -1px 0px #fff,
		0px 1px 3px rgba(0,0,0,.08);
	box-shadow:
		inset 0px -1px 0px #fff,
		0px 1px 3px rgba(0,0,0,.08);

	-webkit-border-radius:1px 1px 0px 0px;
	-moz-border-radius:1px 1px 0px 0px;
	border-radius:1px 1px 0px 0px;
    font-family:Dosis, sans-serif;
	font-size:21px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	text-align:center;
	line-height:44px;
	color:#fff;
}
.heading-color {
    background: none repeat scroll 0 0 #555555;
    border-bottom: 1px solid #a9a588;
}
#content {
	width:360px;
	height:364px;
    
	background:#fcfcfc;

	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.25);
	-moz-box-shadow:0px 1px 3px rgba(0,0,0,.25);
	box-shadow:0px 1px 3px rgba(0,0,0,.25);
	-webkit-border-radius:0px 0px 1px 1px;
	-moz-border-radius:0px 0px 1px 1px;
	border-radius:0px 0px 1px 1px;
}

#content p {
	font-size:13px;
	font-weight:normal;
	text-align:left;
	line-height:22px;
	color:#555555;
	width:100%;
	float: left;
	margin:0 0;
}

.txt-subject{width:60px;float:left; margin:16px 0 15px 0;  height:30px; border:0px solid #000;}
.content-subject{width:250px;float:left; margin:15px 0 13px 12px;  height:30px; border:0px solid #000;}
.content-subject input{background-color:#f7fbfe; color:#464747; width:250px; height:20px; font:12px;}
.txt-email{width:60px; margin:0px 0 15px 0;  height:30px; border:0px solid #000;}
.content-email{width:250px;float:left; margin:-2px 0 15px 0;  height:30px; border:0px solid #000;}
.content-control{width:250px;float:left; margin:-2px 0 15px 0;  height:30px; border:0px solid #000;}
.content-control input{width:150px;}
.txt-lab{ float: left;margin: 3px 0 0 12px;}
.txt-lab label{ float: left;margin: 0px 5px 0 0;}
.txt-message{width:100px;height:30px;margin-left:10px; border:0px solid #000;}
.content-message{width:80%;height: 48%; border:0px solid #000;}
.contact-img{float:left; margin:65px 0 0 160px;}
.position{margin: -15px 0 0 0;}

.content-email input {
    background-color: #f3f4f4;
    color: #464747;
    height: 20px;
    width: 250px;
    margin-left: 2px;
}

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.4);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}
.content_send
{
    bottom: 0;
    margin:15px 0 0 10px;
    }
#content p.success{font-size:11px; color:#b0171a;margin-left: 10px;}
#content p.error{font-size:11px; color:#b0171a;margin-left: 10px;}
.blue {
    background: none repeat scroll 0 0 #555555;
    border: 1px solid #a9a588;
    color: #FFFFFF;
}
.button {
    border-radius: 0.1em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    font: 14px/100% Arial,Helvetica,sans-serif;
    margin: -8px 0 0 2px;
    outline: medium none;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 3px #969696;
    vertical-align: baseline;
}
td.button-email{ cursor: pointer}

@media only screen and (max-width: 767px) {
        
	#modal {
		width:284px;
		height:300px;
		padding:8px;

		margin-left:-150px !important;
		margin-top:-78px;
	}
	#heading {
		width:284px;
		height:28px;

		line-height:28px;
		font-size:0.988em;
	}
	#content {
		width:284px;
		height:272px;
   	}
   	#content p {
   		/*width:284px;*/
   		font-size:0.888em;
   	}
   	textarea{width:70%;height:80px;}
   	.img-contact{width:80px;height:57px;}
   	.content-subject input{width:150px;}
   	.content-email{width:200px;}
   	.content-email input{width:150px;}
   	.content-subject{width:200px;}

    .contact-img{float:left; margin:65px 0 0 190px;}
}