/* CSS Document */
/*contactForm*/
#inscriptionForm {
	width: 500px;
	height: 517px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
#inscriptionForm > span {
	display: block;
	margin-bottom: 1em;
	font-size: 3em;
	color: white;
	border-bottom: none;
	text-align: center;
}
#inscriptionForm input, #inscriptionForm textarea {
	background: none;
	border: none;
	border-bottom: 2px solid white;
	padding: 1.5em 1em;
	box-shadow: none;
	border-radius: 0;
	font-size: 1.2em;
	color: white;
}
#inscriptionForm .help-block {
	margin-top: -45px;
	color: #DE6E4B;
	float: right;
}
#inscriptionForm .control-group {
	margin-bottom: 1.5em;
}
#inscriptionForm .control-group input.form-control {
	height: auto;
}
#inscriptionForm .submit-button {
	text-align: center;
}
#inscriptionForm .submit-button button {
	width: 200px;
	padding: 1em;
	background: #00beb7;
	font-size: 1.2em;
}
#inscriptionForm .submit-button button:hover {
	background: #00a29b;
}
.ie10 #inscriptionForm, .ie9 #inscriptionForm {
	width: 500px;
}
/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(43, 43, 43, 0.9);
	z-index: 999999;
}
/* Overlay closing cross */
.overlay .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(https://www.davidparrelli.com/sites/heroic/img/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 9999999;
}
/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}
.overlay ul li {
	display: block;
	height: 20%;
	height: calc(20%);
	min-height: 54px;
}
.overlay ul li a {
	font-size: 54px;
	font-weight: 300;
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.overlay ul li a:hover, .overlay ul li a:focus {
	color: #f0f0f0;
}
/* Effects */
.overlay-contentscale {
	visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
	transition: transform 0.5s, visibility 0s 0.5s;
}
.overlay-contentscale.open {
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}


@media (max-width: 480px) {
  .overlay .overlay-close {
   width: 30px;
   height: 30px;
  }
  #inscriptionForm {
   width: 320px;
   height:330px;
  }
  #inscriptionForm > span {
   font-size: 2em;
  }
  #inscriptionForm p {
   font-size:12px;
  }
  #inscriptionForm input, #inscriptionForm textarea {
   padding:6px 6px;
  }
  #inscriptionForm > span {
  font-size: 2em;
  }
}