
body {
	font:400 12px/1.625 "Helvetica Neue", Helvetica, Arial, sans-serif; /*text font*/
	background: url(../images/lookoutview.jpg) no-repeat top center;   
  background-size: cover;
  width:100%;
  height: 100%;
  margin-top: 0px;
  position: relative;
  z-index: 12;
	}
	
.wrapper {
	max-width:420px;/*Width of form*/
	width:100%;
	background: #fff;
 	padding:20px;
	margin:0 auto;
	position:relative;
}
#contactform input[type="text"],
#contactform input[type="email"],
#contactform textarea,
#contactform button[type="submit"] {
	font:400 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*---Naughty thing---*/
#registrationNumber{
position:absolute;
left:1px;
top:1px;
width:100px;
height:51px;
border:10px;
/* display:none; */
z-index:-20;
}
#contactform {       
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#fff;
	padding:20px;
}

#contactform h3 {
	color:#991D57;
	display:block;
	font-size:20px;
	color:#505050;
	text-align: center;
}
#contactform h4 {
	display:block;
	font-size:16px;
	color:#505050;
	text-align: center;
}
#contactform h5 {
	margin:5px 0 15px;
	display:block;
	font-size:12px;
	color:#505050;
}
#contactform label span {
	cursor:pointer;
	color:#991D57;
	display:block;
	margin:5px 0;
	font-weight:900;
	color:#505050;
}
/*textarea features*/
#contactform input[type="tel"],
#contactform input[type="text"],
#contactform input[type="email"],
#contactform textarea {
	width:93%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #ccc;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contactform input[type="text"]:hover,
#contactform textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;/*textarea border colour onclick*/
}
#contactform textarea {
	height:60px;
	max-width:93%;
}
#contactform input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}
.style
{
    border:1px solid red; width:20px; height:20px; text-align:center; margin-top:2px; background-color:#f0ffff;
}
/*---Pop-up---*/
a {     
display: inline-block;     
position: relative;    
padding: 1em;     
margin: -1em; 
}
.overlay {
  position: absolute;
  top: 170;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  margin: 25px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 85%;
  position: relative;
  transition: all 5s ease-in-out;
}
.popup1 {
  margin: 20px auto;
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 85%;
  position: relative;
  transition: all 5s ease-in-out;
	text-align: center;
}
.popup .closure {
  position: absolute;
	top: 20px;
  transition: all 200ms;
  font-size: 35px;
  font-weight: bold;
  text-decoration: none;
	text-align: center;
  color: white;
}
.popup .closure:hover {
  color: red;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
	font-size: 1.1em;
}
.popup1 .content {
  max-height: 20%;
  overflow: auto;
	font-size: 1.5em;
	}
	#cashDiv {
	font-family:Arial;
	font-size:12px;
	color:#FF0000;
	background-color:#FFFFAA;
	z-index:90;
	}
	#chequeDiv {
	font-family:Arial;
	font-size:12px;
	color:#FF0000;
	background-color:#FFFFAA;
	z-index:90;
	}
	#internetDiv {
	font-family:Arial;
	font-size:12px;
	color:#FF0000;
	background-color:#FFFFAA;
	z-index:90;
	