/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}

.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -320px;
	width: 565px;
	position: absolute;
	z-index: 15000;
	padding: 55px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	background: #f7f3e8; 
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f3e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f3e8));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f7f3e8 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f7f3e8 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f7f3e8 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f7f3e8 100%);
	color: #5d5d5d;
	line-height: 20px;
}

.backgroundModal {
	position: absolute;
	bottom: 0;
	right: 50px;
	z-index: -10;
}

.reveal-modal h1 {
	font-size: 2em;
	padding: 0 0 10px 0;
	line-height: 1.5em;
}

.reveal-modal label.index {
	font-weight: regular;
	color: #3f3f3f;
	margin-bottom: 0;
}

.reveal-modal.small { 
	width: 200px; 
	margin-left: -140px;
}

.reveal-modal.medium { 
	width: 400px; 
	margin-left: -240px;
}

.reveal-modal.large	{ 
	width: 600px; 
	margin-left: -340px;
}

.reveal-modal.xlarge { 
	width: 800px; 
	margin-left: -440px;
}

.reveal-modal .close-reveal-modal {
	font-size: 14px;
	line-height: .5;
	position: absolute;
	top: 0px;
	right: 10px;
	color: #9d4702;
	cursor: pointer;
}

.reveal-modal .close-open-reveal-modal {

}

.closex {
	color: #ec9f25;
}

.modalIcon {
    height: 80px;
    left: -20px;
    position: absolute;
    top: -20px;
    width: 80px;
    z-index: 7500;
}

.modalVideoEmbed {
	margin-bottom: 20px;
}

.modalFormInput {
	display: inline-block;
}

.textModal {
	background: #eee9d7;
	color: #9c9c9c;
	border: 1px #eee9d7 solid;
	padding: 7px 40px 7px 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 5px 20px 20px 0;	
}

.reveal-modal p{
	line-height : 20px;
	font-size   :14px;
}

.reveal-modal select, .reveal-modal textarea {
  font-family : inherit;
  font-size   : 100%;
  border-radius: 10px;
  border:1px solid #959595;
  padding: 10px;
  color:#333; 
  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For all Gecko based browsers */
          box-sizing: border-box;	
}

/* NOTES
   Close button entity is ×
   Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
*/
	
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */