#interstitial {
	position: fixed;
	z-index: 6000;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
	background-color: rgba(0,0,0,.8);
	text-align: center;
	padding: 1em;
	-webkit-box-shadow: 0 0 5px black;
	-moz-box-shadow:    0 0 5px black;
	box-shadow:         0 0 5px black;
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}

#interstitial .interContainer {
	position: relative;
	display:inline-block;
	width:600px;
	height:100%;
}

#interstitial .interClose {
	border: none;
	color: #999999;
	text-align: center;
	position: absolute;
	display: inline-block;
	right: 1px;
	top: 129px;
	cursor: pointer;
	border-radius: 3px 8px 3px 3px;
	text-shadow:1px 1px 1px #999999;
	line-height: 30px;
  height: 30px;
  width: 30px;
  font-size: 16px;
}

#interstitial .interClose:hover {
	color: #777777;
}

#interstitial .interForm {
	margin-top:128px;
	border:none;
	width:100%;
	height:100%;
}

.hero {
  width:100%;
  max-width:600px;
  border-radius:10px 10px 0 0;
}

.blackbox h3 {
  font-size:16px;
  line-height:26px;
  padding:12px 30px;
}

.blackbox .bodytext {
  padding:0 10px 0 10px;
}

.blackbox form {
  padding:0px;
}

.blackbox .form1 {
  width:290px;
  margin:0 auto;
}

.blackbox .field {
  background-color:#fff;
  padding:5px 10px;
  border: solid #baced9 1px;
  width: 95%;
  margin-bottom: 0px;
  text-align:left;
}

.blackbox .dropdown {
  background-color:#fff;
  padding:5px 10px;
  border:0;
  width: 95%;
  margin-bottom:0px;
  text-align:left;
}

.legal {
  font-size:10px;
  line-height:10px;
  line-height:14px;
  padding:5px 20px 0 20px;
  margin-bottom:15px;
}

.interFB {
  background: #1678f2 no-repeat 220px 0px;
  color:#ffffff;
  border: none;
  width:95%;
  height:40px;
  cursor:pointer;
  font-size:26px;
  text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,0.7);
  margin:10px auto 0 auto;
  -webkit-appearance:none;
  padding: 5px;
  border-radius:5px;
}

.interIG {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  color:#ffffff;
  border: none;
  width:95%;
  height:40px;
  cursor:pointer;
  text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,0.7);
  font-size:26px;
  margin:10px auto 0 auto;
  -webkit-appearance:none;
  padding: 5px;
  border-radius:5px;
}

.interTW {
  background: #1da1f2 no-repeat 220px 0px;
  color:#ffffff;
  border: none;
  width:95%;
  height:40px;
  cursor:pointer;
  text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,0.7);
  font-size:26px;
  margin:10px auto 0 auto;
  -webkit-appearance:none;
  padding: 5px;
  border-radius:5px;
}

.interPT {
  background: #e60023 no-repeat 220px 0px;
  color:#ffffff;
  border: none;
  width:95%;
  height:40px;
  cursor:pointer;
  text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,0.7);
  font-size:26px;
  margin:10px auto 0 auto;
  -webkit-appearance:none;
  padding: 5px;
	border-radius:5px;
}

.interYT {
  background: #ff0000 no-repeat 220px 0px;
  color:#ffffff;
  border: none;
  width:95%;
  height:40px;
  cursor:pointer;
  text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,0.7);
  font-size:26px;
  margin:10px auto 0 auto;
  -webkit-appearance:none;
  padding: 5px;
  border-radius:5px;
}

select {
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  position: relative;
  background-repeat: no-repeat;
  background-size: 18px;
  background-position:center;
  height: auto;
}

.drop-d{
  padding-bottom:10px;
  padding-top:5px;
}

@media only screen and (max-width: 768px) {

	#interstitial .interClose {
		line-height: 40px !important;
		height: 40px !important;
		width: 40px !important;
	}

	#interstitial .interContainer {
		width:300px !important;
	}

	#interstitial .interClose {
		top: 81px !important;
	}

	#interstitial .interForm {
		margin-top:80px !important;
	}

}

@media only screen and (max-width: 600px) {

  .content-box {
    padding:0 !important;
  }

  .interHeadline{
    font-size:36px !important;
  }

  .blackbox .form1 {
    width:90% !important;
  }

}

@media only screen and (max-width: 500px) {

  .interHeadline{
    font-size:24px !important;
  }

}

@media only screen and (max-width: 400px) {

  .interHeadline{
    font-size:18px !important;
  }

  .blackbox .form1 {
    width:100% !important;
  }

}