html, body {height: 100%;}  .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(//ridetojob.com/wp-content/plugins/welcome-popup/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 ;
} @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;
}
}