/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
/* line 5, ../sass/reveal.scss */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 102, 128, 0.5);
  z-index: 10000;
  display: none;
  top: 0;
  left: 0;
}

/* line 17, ../sass/reveal.scss */
.reveal-modal {
  visibility: hidden;
  top: 100px;
  /*left: 50%;*/
  /*margin-left: -300px;*/
  /*width: 520px;*/
  /*width:auto!important;
  max-width:80%;
  min-width: 60%;*/
  width: 80% !important;
  overflow: scroll;
  overflow-y: scroll;
  max-height: 100%;
  left: 20%;
  background: #fff;
  position: absolute;
  z-index: 10001;
  padding: 30px 40px 34px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

/* line 40, ../sass/reveal.scss */
.formModal.reveal-modal {
  overflow: hidden;
}

/* line 44, ../sass/reveal.scss */
.reveal-modal.small {
  width: 200px;
  margin-left: -140px;
}

/* line 45, ../sass/reveal.scss */
.reveal-modal.medium {
  width: 400px;
  margin-left: -240px;
}

/* line 46, ../sass/reveal.scss */
.reveal-modal.large {
  width: 400px;
  /*margin-left: -240px;*/
}

/* line 47, ../sass/reveal.scss */
.reveal-modal.xlarge {
  width: 800px;
  /*margin-left: -440px;*/
  /*max-height: 600px; overflow-y:scroll*/
}

/* line 49, ../sass/reveal.scss */
.reveal-modal .close-reveal-modal {
  font-family: 'Open Sans', sans-serif;
  font-size: 40px !important;
  line-height: .8;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
  font-weight: lighter;
  cursor: pointer;
  text-decoration: none;
}

/* line 63, ../sass/reveal.scss */
.reveal-modal .close-reveal-modal:hover {
  color: #3CC7EC;
}

/* line 68, ../sass/reveal.scss */
.reveal-modal.xlarge h1 {
  border-bottom: none;
}

/* line 70, ../sass/reveal.scss */
#eu5Modal.reveal-modal div img.left {
  width: 20% !important;
}

/* line 71, ../sass/reveal.scss */
#eu5Modal.reveal-modal .left {
  width: 71%;
  margin-left: 3%;
}

@media only screen and (min-width: 1800px) and (max-width: 1900px) {
  /* line 75, ../sass/reveal.scss */
  .reveal-modal {
    left: 10%;
  }
}
@media only screen and (min-width: 1700px) and (max-width: 1799px) {
  /* line 80, ../sass/reveal.scss */
  .reveal-modal {
    left: 10%;
  }
}
@media only screen and (min-width: 1501px) and (max-width: 1699px) {
  /* line 85, ../sass/reveal.scss */
  .reveal-modal {
    left: 10%;
  }
}
@media only screen and (max-width: 1500px) {
  /* line 90, ../sass/reveal.scss */
  .reveal-modal {
    left: 10%;
  }
}
	/*
		
	NOTES
	
	Close button entity is &#215;
	
	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>
	
	
@media only screen and (min-width: 768px) {
  .reveal-modal {
    padding: 1.875em;
    top: 6.25em; }
    .reveal-modal.tiny {
      margin-left: -15%;
      width: 30%; }
    .reveal-modal.small {
      margin-left: -20%;
      width: 40%; }
    .reveal-modal.medium {
      margin-left: -30%;
      width: 60%; }
    .reveal-modal.large {
		margin-left: -30%;
		width: 60%; }
	.formModal.reveal-modal.large {
		margin-left: -15%;
		width: 30%; }	
    .reveal-modal.xlarge {
      margin-left: -37.5%;
      width: 75%; } 
}*/
@media only screen and (min-width: 768px) {
  /* line 135, ../sass/reveal.scss */
  .formModal.reveal-modal.large {
    margin-left: -15% !important;
    width: 30% !important;
    left: 50%;
  }
}
