<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Preah Monivong Bokor Marathon - Official website</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="http://bokormarathon.com.kh" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-min.js"></script>
<script type="text/javascript" src="js/tooltip.js"></script>
<script type="text/javascript" src="js/jquery.bxSlider.min.js"></script>
<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
<link href="css/flexslider.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/picture-gallery.css" rel="stylesheet" />
<link href="css/tooltip.css" rel="stylesheet" />

<!-- Theme skin -->
<link href="css/photoswipe-old.css" rel="stylesheet" />
<link href="skins/default.css" rel="stylesheet" />
<style type="text/css">
	.td-block-title-wrap {position: relative;}
	.block-title {
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		line-height: 1;
		margin-top: 0;
		margin-bottom: 26px;
		border-bottom: 2px solid #1ba1ad;
	}
	.block-title span{
		line-height: 17px;
		display: inline-block;
		padding: 7px 12px 4px;
		background-color: #1ba1ad;
		color: #fff;
	}
	/* Block category filter */
	.td-subcat-filter {
		position: absolute;
		bottom: 0;
		right: 0;
		margin: auto 0;
		opacity: 0;
		z-index: 2;
		line-height: 30px;
		text-align: right;
	}
	.td-subcat-filter ul {margin: 0;}
	.td-subcat-filter .td-display-filter {display: none !important}
	.td-subcat-filter .td-subcat-list {
		display: inline-block;
		line-height: 1;
	}
	.td-subcat-filter .td-subcat-list .td-subcat-item {
		display: inline-block;
		line-height: 1;
		margin-left: 30px;
		position : relative
	}
	.td-subcat-filter .td-subcat-list a {
		display:block;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		color: #777;
		line-height: 25px;
		text-decoration: none;
	}
	.td-subcat-filter .td-subcat-list a:hover{color: #1ba1ad}
	.td-subcat-filter .td-subcat-list a.active{
		color: #1ba1ad;
		font-weight: bold;
	}
	.td-subcat-filter .td-subcat-dropdown {
		display: inline-block;
		text-align: right;
		line-height: 30px;
		position: relative;
	}
	.td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more span,
	.td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more i {color: #fff;}
	.td-subcat-filter .td-subcat-dropdown:hover ul, .td-subcat-item:hover .child{display: block;}
	.td-subcat-filter .td-subcat-dropdown .td-subcat-more {
		cursor: pointer;
		margin-left: 15px;
		padding-left: 15px;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		display: inline-block;
	}
	.td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more{background: #1ba1ad}
	.td-subcat-filter .td-subcat-dropdown .td-subcat-more:before {
		content: '';
		width: 70px;
		height: 100%;
		position: absolute;
		margin-top: 2px;
		top: 0;
		right: 0;
		z-index: 1;
		opacity: 0;
	}
	.td-subcat-filter .td-subcat-dropdown .td-subcat-more i {
		font-size: 9px;
		color: #777;
		margin-left: 12px;
		margin-right: 12px;
	}
	.td-subcat-filter .td-subcat-dropdown ul,.child {
		list-style: none;
		position: absolute;
		right: 0;
		top: 100%;
		padding: 6px 0 8px 0;
		background-color: #ffffff;
		background-color: rgba(255, 255, 255, 0.95);
		z-index: 999;
		border-width: 0 1px 1px 1px;
		border-color: #ededed;
		border-style: solid;
		display: none;
	}
	.td-subcat-filter .td-subcat-dropdown a,.child li a {
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		color: #777;
		white-space: nowrap;
		display: block;
		line-height: 26px !important;
		padding-left: 21px;
		padding-right: 15px;
		text-decoration: none;
	}
	.td-subcat-filter .td-subcat-dropdown a:hover {color: #4db2ec;}
	.td-subcat-filter .td-subcat-dropdown li {margin-left: 0;}
	.td-subcat-filter .td-subcat-dropdown span {
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		color: #777;
		line-height: 1;
	}
	.td-js-loaded .td-subcat-filter {
		opacity: 1;
		-webkit-transition: opacity 0.3s;
		-moz-transition: opacity 0.3s;
		-o-transition: opacity 0.3s;
		transition: opacity 0.3s;
	}
	@media screen and (max-width:767px) {
		.lst-img li{
			width: 33.33333%
		}
		.lst-img li > a{
			min-height:100px
		}
		.lst-img li > a img{
			height: 110px !important;
			min-height: auto
		}
		.bx-pager{
			display:none
		}
		.bx-prev {
			left: 42%;
		}
		.bx-next {
			left: 53%;
		}
	}
</style>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>
<body>
	<div id="wrapper">
		<header>
	       	<div class="navbar navbar-default navbar-static-top">
	            <div class="container">
	                <div class="navbar-header">
	                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	                        <span class="icon-bar"></span>
	                        <span class="icon-bar"></span>
	                        <span class="icon-bar"></span>
	                    </button>
	                    <?php include('include/logo.php'); ?>
	                </div>
	                <div class="navbar-collapse collapse ">
	                   <?php include('include/menu.php'); ?>
	                </div>
	            </div>
	        </div>
		</header>

		<section id="featured">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<!-- Slider -->
				        <?php include('include/slideshow.php'); ?>
						<!-- end slider -->
					</div>
				</div>
			</div>	
		</section>
	 
		<section id="content">
			<div class="container">
				<div class="row">
			 		<div class="col-lg-12">
						<!-- <h3 id="offline-register" class="bg-arrow-gray-forward">Photo Gallery</h3> -->
						<?php include('include/photo-gallery.php'); ?>
					</div>
				</div>
			</div>
		</section>

		<footer>
			<div class="container">
				<?php include('include/footer.php'); ?>	 
			</div>
			<div id="sub-footer">
				<div class="container">
					<div class="row">
						<div class="col-lg-6">
							<div class="copyright">
								<p>
									<span>&copy; Preah Monivong Bokor Marathon <?php echo date("Y"); ?> All right reserved.</span>
								</p>
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</footer>
	</div>
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
<!-- javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->

<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/google-code-prettify/prettify.js"></script>
<script src="js/portfolio/jquery.quicksand.js"></script>
<script src="js/portfolio/setting.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/animate.js"></script>
<script src="js/custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$(".lst-img a").fancybox({
		'titleShow'     : false
	});
	
	//$('.lst-img').sortable();
	$('#slider1').bxSlider({
		 pager: ($("#slider1 > .lst-img").length > 1) ? true: false,
	});
	$('.option-filter > ul li').hover(function(){
		$('ul',this).show();
	},function(){
		$('ul',this).hide();
	});
	$('.option-filter > ul > li').each(function(){
		var url = window.location.href;
		var href = $('a', this).attr('href');
		if( url == href){
			$(' > a',this).addClass('active');
		}
	});
	$('.lst-img li').hover(function(){
		$('a.download',this).show();
	},function(){
		$('.download',this).hide();
	});
});
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M957DFQSFY"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-M957DFQSFY');
</script>

</body>
</html>