#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none; z-index:9999;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:690px;
  height:400px;
  display:none;
  z-index:99999;
  
  
  text-align: center;
}
#boxes #dialog {
  width:690px; 
  height:400px;
 
  background-color:#f3f7f7;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}

#boxes #dialog #hd {
  width:100%; 
  height:58px;
 
  background-color:#3077ee; color:#fff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 18pt; line-height:50px; font-weight:bold;  
}

#boxes #dialog .mainbg {
  width:100%; 
  height:350px; float:left;
  
  font-family: Oswald; font-size:28px; color:#f97d0f; line-height:50px; letter-spacing:02px;
  
}

#boxes #dialog .mainbg #hd {
  width:100%; 
  height:auto; float:left;
  color:#000; text-align:center;
  font-family: 'Segoe UI Light', sans-serif;
  
}

#boxes #dialog .mainbg #inptsbg {
  width:96%; 
  height:auto; padding:0% 02%;
  }
  
  
#boxes #dialog .mainbg #button {
  width:30%; 
  height:45px; background:#f97d0f; line-height:25px;
  color:#fff; border:none; margin-top:04px; font-size:20px;
  }

#boxes #dialog .mainbg #inptsbg #input {
  width:47%; 
  height:45px;  font-size:15px; font-weight:normal; font-family:Open Sans;
  padding:02%; margin-bottom:05px;  background:#fff; color:#000; margin-left:2%;
}

#boxes #dialog .mainbg #inptsbg #textarea {
  width:97%; 
  height:100px; line-height:20px; font-size:15px; font-weight:normal; font-family:Open Sans;
  padding:02%; margin-top:05px; border:1px solid #8cb3f3; background:#fff;  color:#000;
   margin-left:2.5%;
}

#boxes #dialog .rightbg {
  width:50%;  float:left;
  height:350px;
 
  font-family: 'Segoe UI Light', sans-serif;
  
}

#boxes #dialog .rightbg .hd {
  width:100%; 
  height:auto;
  font-family:Oswald;
  font-size: 25px; color:#fff; margin-top:02%; margin-bottom:06%;
}

#boxes #dialog .rightbg .inptsbg {
  width:100%; 
  height:auto;
  font-family:Oswald;
  font-size: 25px; color:#fff; margin-top:-06%;
}

#form {
    padding-bottom: 0px;
    width: 100%;
    margin:0;
    margin-top:0px;
}

#boxes #dialog .rightbg .inptsbg textarea {
  width:88%; margin-left:05%; 
  height:auto; height:80px; padding-left:02%;
  font-family:Open Sans; float:left; border:none;
  font-size: 13px;  margin-top:02%;
}

#boxes #dialog .rightbg .inptsbg button {
  width:88%; margin-left:05%; 
  height:auto; height:35px; padding-left:02%; background:#ea600d;
  font-family:Open Sans; float:left; border:none;
  font-size: 18px; color:#fff; margin-top:02%; cursor:pointer;
}

#boxes #dialog .rightbg  span {
  width:100%; 
  height:auto;
   
  font-size: 19px; color:#f0f31c; margin-top:02%;
}

#boxes #dialog .lftbg .hd {
  width:100%; 
  height:auto;
  font-family:Oswald;
  font-size: 25px; color:#ef5512;
}

#boxes #dialog .lftbg .popup-shad
 {
  width:100%; 
  height:21px; float:left;
  background:url(images/popup-shad.html) no-repeat;
  
}

#boxes #dialog .lftbg .wegarantee
 {
  width:100%; 
  height:auto; float:left;
  font-size:20px; font-family:Maiandra GD;
  
}

#boxes #dialog .lftbg .points
 {
  width:100%;  margin-top:04%;
  height:auto; float:left; color:#696969;
  font-size:15px; font-family:Oswald;
  
}

#boxes #dialog .lftbg .span
 { text-align:left;
 width:auto;
  height:auto; float:left; color:#696969;
  font-size:15px; font-family:Oswald;
  
}

#boxes #dialog .lftbg .span1
 {
 width:12%; margin-left:10%; margin-top:03px;
  height:auto; float:left; color:#696969;
  font-size:15px; font-family:Oswald;
  
}

#boxes #dialog .lftbg .span2
 {
 width:50%; line-height:20px; margin-left:02%;
  height:auto; float:left; color:#696969; text-align:left;
  font-size:15px; font-family:Oswald; margin:0;
  
}



.maintext{
	text-align: center;
  font-family: "Segoe UI", sans-serif;
  text-decoration: none;
}
body{
  background: url('bg.html');
}
#lorem{
	font-family: "Segoe UI", sans-serif;
	font-size: 12pt;
  text-align: left;
}
#popupfoot{
	font-family: "Segoe UI", sans-serif;
	font-size: 16pt;
  padding: 10px 20px;
}
#popupfoot a{
	text-decoration: none;
}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}