<!-- Modal -->
<style>
.img_block.wsm-head {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
}

.img_block.wsm-head .wsm-head-left {
    float: left;
}

.img_block.wsm-head .wsm-head-right {
    float: right;

}


.img_block.wsm-head .wsm-head-right img {
    width: auto;
}

.wsm_hint{
	font-size:16px;
	
}

.wsm_hint b{
	color:red;
	
	
}

.left_side{
	float:left;
	display:inline;
	width:65%;

}

.right_side{
	float:right;
	display:inline;
	width:30%;

}
.list_features li{
	margin-left:20px;
	font-size:16px;
}

.wsm-head-left span.wsm-version-info {
    background-color: #D8ECF9;
    padding: 8px 20px;
    font-weight: 500;
    font-size: 15px;

}

.wsm-head-left span.wsm-version-info span {
    font-weight: 700;
}

.modal-body, h4, h3, p{
	margin:20px;
}
#wsm_modal{
	
	padding:30px;
	padding-left:0px;
	min-width:50% !important;
	z-index:999
	
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 660px;
        
    }
    
    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}
</style>
<div id="wsm_modal" style="display:none" class="modal fade" tabindex="-1">
	<div class="modal-dialog">
		<div class="modal-content">
		
		
		<div class="img_block wsm-head">
                                    <div class="wsm-head-left">
                                        <div class="wsm-head-title">Visitor Statistics Premium</div>
                                        <span class="wsm-version-info"><span>NEW V </span>6.8</span>
                                    </div >

		</div>
								
									<p class="wsm_hint">
                                    Thanks for being a loyal Visitor Statistics Lite user. Upgrade to Visitor Statistics Pro and unlock all the awesome features. <b><br><br>For limited time, get 50% off your order + Free Addons</b>
								   </p>
								   
		<h3>Main Premium Features!</h3>
				
		 <div class="modal-body">
				<!-- body start -->
				<div class="container-fluid">
			     <div class="row">
		            <div class="left_side">
					<ul class="list_features">
						<li>&#9989; Online users statistics</li>
						<li>&#9989; Visitor’s Country & City Recognition</li>
						<li>&#9989; Recent visitors by IP</li>
						<li>&#9989; Recent visitors on the map</li>
						<li>&#9989; More Advanced reporting</li>
					</ul>
					</div>
					
					 <div class="right_side">
					<img width="100%" src="<?php echo WSM_URL;?>images/features.gif" />
					</div>
		         
					<div class="modal-footer">

						<a href="https://www.plugins-market.com/product/visitor-statistics-pro/" target="_blank">
						<img width="200px" src="<?php echo WSM_URL;?>images/upgrade-button-orange.png" /></a>
						<br>
						&nbsp; <b style="color:green">Trusted by More than 10,000 Website Owner :)</b>
					</div>
					</div>
				</div>
				</div>
	</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
<!-- /.modal -->