html, body {height: 100%;}

/*
font-family: 'Droid Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
*/

/* body{background-size:cover; font-family:Arial, Helvetica, Calibri; font-weight: 400; margin: 0px; padding: 0px;} */

.popup_bg{
	width: 100%; 
	height: 100%;   
	position:fixed; 
	left:0px; 
	top:0px; 
	margin: 0px; 
	padding: 0px;
	z-index: 999999;
	display: flex;
    align-items: center;
    justify-content: center;
	
}
.popup_block{
	    
    width: 396px;
    position: relative;
    z-index: 2;
    pointer-events: all;
    background-color: #fff;
    display: flex;
    border-radius: 4px;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

	box-shadow: 0px 0px 10px 2px #000; 
	-moz-box-shadow: 0px 0px 10px 2px #000; 
	-webkit-box-shadow: 0px 0px 10px 2px #000;
}
.popup_block .inner{
	padding: 0px 25px;
    width: 100%;
	    position: relative;
    z-index: 2;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.heading_block{
	width: 100%; 
	float: left; 
	border-bottom:1px dashed #159201; 
	position:relative; 
	margin: 0px 0px 25px 0px; 
	padding: 0px;
}
.heading_block .heading01{
	font-family:Tahoma, Helvetica, Calibri; 
	font-size: 20px; 
	color:#159201; 
	line-height:normal; 
	margin: 0px; 
	padding: 20px 0px 15px 0px;
}
.btn_close{
	width: 17px; 
	height: 17px; 
	background-image:url(../images/close.png) ; 
	position: absolute; 
	right: -10px; 
	top: -10px; 
	overflow:hidden; 
	text-indent: -99px;
	background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}
.content_box{
	width: 100%; 
	float: left; 
	margin: 0px; 
	padding: 0px 0px 20px 0px;
}
.content_box div.content_wrap {
	font-size: 13px; 
	color: #333; 
	line-height:22px; 
	margin: 0px; 
	padding: 0px 15px 15px 0px;
}
.content_box p {
	margin: 0px;
	font-size: inherit;
	line-height:inherit; 
	color: inherit; 
}
.content_box .big{
	font-size:16px; 
	color:#333; 
	font-weight:bold; 
	margin:0px; 
	padding:0px 0px 15px 0px;
}
.content_box .display{
	font-size:14px; 
	color:#159201; 
	font-weight:normal; 
	text-align:right; 
	margin:0px; 
	padding:10px 0px 0px 0px;
}
.content_box .display a{
	color:#159201; 
	text-decoration:underline;
}
.content_box .display a:hover{
	color:#159201; 
	text-decoration:none;
}
.blank {
	padding-top: 30px;
}
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 100;
	display: none;
}
.content_desc{
	max-height:300px;
	word-wrap: break-word;
}
.btn_inside_close {
	right: 10px ;
    top: 10px ;
}

.welcome-popup-right-bottom { justify-content: flex-end;visibility: hidden; }
.welcome-popup-right-bottom .popup_block { align-self: flex-end; right: 20px;  bottom: 20px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;visibility: visible; }

.welcome-popup-left-bottom { justify-content: left; visibility: hidden;}
.welcome-popup-left-bottom .popup_block { align-self: flex-end; left: 20px;  bottom: 20px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;visibility: visible; }
.welcome-popup-top-bar {visibility: hidden;}
.welcome-popup-top-bar .popup_block { align-self: flex-start; width: 100%; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;visibility: visible;}
.welcome-popup-top-bar + #overlay, .welcome-popup-right-bottom + #overlay, .welcome-popup-left-bottom + #overlay {display: none !important;}
.welcome-popup-top-bar .btn_close{
	right: 10px ;
    top: 10px ;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px) {
	.popup_bg{
		position:absolute; 
	}
	.popup_block{margin-top:5%}
}
@media only screen and (max-width : 479px) {
	.popup_block {
		width: 275px;
		margin: 20% auto 0px auto;
	}
	.popup_block .inner{
		width: 275px;
	}
}