#boxes
{
	font-family:'Roboto Slab',serif!important;
}
.toptext .aLink{color:#000!important; }
.toptext .aLink:hover {color:#000!important; text-decoration:none!important;border-bottom:none!important; }
.pprivacypolicy{color:#fff!important;}
#boxes .section-title-border{margin-bottom:30px!important} 
.heading{font-size:2.5em; font-weight:bold; color:#000!important; font-family: 'Roboto', sans-serif; font-weight:900;line-height: 30px!important; letter-spacing: 2px;}
#lorem .toptext{text-align:center; color:#000!important; margin-bottom:40px; font-family:'Roboto Slab',serif!important; font-size:1.2em;line-height: 22px!important;}
#lorem .subtext{font-size:1.2em; font-weight:bold; color:#000!important; font-family: 'Roboto', sans-serif; font-weight:900;line-height: 30px!important; letter-spacing:1px; margin-top:-5px!important; margin-bottom:20px;}
.subscriptionbtn{font-family: 'Roboto', sans-serif;font-weight:normal!important;font-size:18px; background:#fff; padding:10px; width:150px;clear:both; margin:0px auto; cursor:pointer; color:#257573!important;border:none!important; letter-spacing:1px;}
.subscriptionbtn:hover{background: #fff!important;color:#257573!important; border:none!important;}
input:-internal-autofill-selected {
	    background-color: transparent !important;
	 font-size:12px!important;
  letter-spacing:1px;
  font-family: 'Roboto', sans-serif; 
}

.subbtns{width:100%; margin:0px auto; text-align:center}
#boxes .form{width:70%; margin:0px auto;}
#boxes .form input{width:100%;
padding-bottom:5px;
font-size:14px;
    border-top: none;
	border-bottom: 1px solid #608a49;
	border-left: none;
	border-right: none;
	background:transparent;
    resize: vertical;
     box-shadow: none;
    }

	#popupfoot a{
	position: absolute;
    top: 10px;
	font-family:arial;
    right: 10px;
        color: #fff;
    /* padding: 6px; */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    line-height: 30px;
	font-size: 16px;
	}
#mask {
  position:fixed;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:fixed;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  
  text-align: center;
}
.overlayy
{
	width: 100%!important; font-size: 32pt; color:white; height: 602px; display: none; opacity: 0.8;
}
#boxes #dialog {
  width:47%; 
  height:auto;
  padding:20px 20px 0px 0px;
  
  background: rgb(168,207,69);
background: linear-gradient(135deg, rgba(168,207,69,1) 26%, rgba(72,176,180,1) 100%);
  font-size: 15pt;
}
.maintext{
	text-align: center;
 
  text-decoration: none;
}
body{
  background: url('bg.jpg');
}
#lorem{
	
	font-size: 12pt;
  text-align: center;
}
#popupfoot{
	
	font-size: 16pt;
  
}
#popupfoot a{
	text-decoration: none;
}

.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}
#boxes .leftd
{
	display: table-cell;
    vertical-align: middle;
	text-align:right;
}
#boxes .leftd img
{
	width:80%;
	max-width:80%;
}
.maindf   
{display: table;
width: 100%;}
#boxes .rightd
{
    color: #000;
    
    display: table-cell;
    vertical-align: middle;
    align-items: center;
    justify-items: center;
}
.form::-webkit-input-placeholder { /* Edge */
 color: #000;
  opacity:0.3;
  font-size:14px!important;
  letter-spacing:1px;
  font-weight:400;
  font-family: 'Roboto', sans-serif;
}

.form:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000;
  opacity:0.3;
  font-size:14px!important;
  letter-spacing:1px;
  font-weight:400;
  font-family: 'Roboto', sans-serif;
}


::placeholder {
	color: #000;
  opacity:0.3;
  font-size:14px!important;
  letter-spacing:1px;
  font-weight:400;
  font-family: 'Roboto', sans-serif;
}
@media(width:768px)
{
	#boxes #dialog
	{width:80%;}
}
@media(max-width:767px)
{
	.subscriptionbtn{font-size:14px;}
#boxes #dialog {width:80%;padding:10px;}
 .maindf   {display: table; width: 100%;}
 #boxes .rightd { color: #000; width:100%; display: block; padding-top:20px;  }
 #lorem .toptext { text-align: center; color: #000!important; margin-bottom: 25px; font-size:1em; }
 #lorem .subtext { text-align: center; color: #000!important; margin-bottom: 24px; font-size:0.9em; line-height:19px!important; }
 #boxes .leftd
{
display: none;
}
.heading{font-size:1.5em; font-weight:bold; color:#000!important; font-family: 'Roboto', sans-serif; font-weight:900;line-height: 30px!important; letter-spacing: 2px;}
}
@media screen and (max-width: 1080px) and (min-width: 980px) {
#lorem { font-size: 10pt; text-align: center; }
 #lorem .toptext { text-align: center; color: #000!important; margin-bottom: 20px; }
 .heading{font-size:1.5em; font-weight:bold; color:#000!important; font-family: 'Roboto', sans-serif; font-weight:900;line-height: 30px!important; letter-spacing: 2px;}
}
@media(width:1280px)
{
	#boxes #dialog {
    width: 50%;
	}
}
@media(width:812px)
{
	#boxes #dialog {
    width: 75%;
	}
}