@charset "utf-8";
/* CSS for the website */
@font-face { font-family: "FontAwesome"; src: url(../fonts/FontAwesome.otf) format("opentype"); }
@font-face { font-family: "avantgarde-bk-bt-book"; src: url(../fonts/avantgarde-bk-bt-book.ttf) format("truetype"); }
@font-face { font-family: "Open Sans"; src: url(../fonts/OpenSans-Regular.ttf) format("truetype"); }
@font-face { font-family: "BERNHC"; src: url(../fonts/BERNHC.ttf) format("truetype"); }
@font-face { font-family: "KhmerUI"; src: url(../fonts/KhmerUI.ttf) format("truetype"); }
p { font-family: 'OpenSansLight'; }
body { }



.mp-slider{ min-width:100% !important; margin-top:14px;}

.top-header{ background:#b66514; padding:3px 0; color:#fff;}

.top-address{  text-align:right}
.top-address p{ float:right; color:#eac9aa; font-size:12px;}

.mid-header{ background:#fff; padding:10px 0}
.logo{ padding-left: 0px !important}
.header-info { margin-top: 8px;}
.header-info p { font-size: 25px; text-align: center; color: #b15d09; line-height: 30px; }
.header-info p span { color: #98471F; font-weight: bold;}

.header-right {padding-right: 0px !important}
.hr-content { float: right; }
.header-right a{ text-indent:-9999;color:#EAC9AA;}
.header-right ul{list-style:none;float:right}
.header-right ul li{float:left;margin-right:8px; width:28px;

}
.header-right p span {padding:0 6px 0 10px;
}
.header-right ul li a{ width:30px; height:40px; text-decoration:none; text-indent:-99999px; display:inline-block;-moz-transition:all 0.3s ease-out 0s;
-webkit-transition:all 0.3s ease-out 0s;
-0-transition:all 0.3s ease-out 0s;
-ms-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;
}
.header-right ul li:hover a, ul li{-moz-transition:all 0.3s ease-out 0s;
-webkit-transition:all 0.3s ease-out 0s;
-0-transition:all 0.3s ease-out 0s;
-ms-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.header-right ul li.facebook a{ background:url(../images/fb.png) no-repeat;}
.header-right ul li.facebook:hover a{ background:url(../images/fb.png) right 0 no-repeat;}
.header-right ul li.twitter a{ background:url(../images/twt.png) no-repeat;}
.header-right ul li.twitter:hover a{ background:url(../images/twt.png) right 0 no-repeat;}
.header-right ul li.youtube a{ background:url(../images/ytb.png) no-repeat;}
.header-right ul li.youtube:hover a{ background:url(../images/ytb.png) right 0 no-repeat;}
.banner{ min-height:310px;}
.welcome-section{ text-align:center}
.welcome-section blockquote{ background:url(../images/welcome-img1.jpg) 15% 72% no-repeat; border-left:none; padding:0; }
.welcome-section blockquote h2{ background:url(../images/welcome-img2.jpg) 86% 72% no-repeat;}
.toggle-option{ float:left; width:69%; min-height:375px !important; margin-right:0px; padding-right:40px !important;}
.toggle{ float:right; }
.toggle-wrap { float:left; width:18%;}
.toggle-wrap img{ max-width:100%;}
h2.acc_trigger{ background:#ede2da; color:#373635; font-size:18px; margin-top:26px; padding:5px 0 4px;}
.header-right h4{ font-size:24px; padding-top:37px;}

.block{min-height:30px}
h2.acc_trigger a{ font-size:18px; color:#373635;}
.block p{ color:#666}
.toggle .fa{ padding:18px 7px; margin-top:-5px; background:#d6975b; color:#fff; margin-right:8px;}
.toggle-section h3{ border-bottom:1px solid #fefcfc; padding-bottom:5px;}
.toggle-section h3 span{padding-right:45px;border-bottom:2px solid #b0602f; width:80%; color:#fff; font-size:30px; color:#161616;}
.quote{ float:right; width:270px !important; background:#eae2dc; padding:10px; margin-top:10px;}
.quote h3{ margin-top:0;}
.service{ position:relative;}
.service h2{  background: none repeat scroll 0 0 #F3EAE4;
    margin:0px  auto; position: relative; text-align: center; width: 240px; z-index: 10; padding-bottom:35px;}
.box { }
x.box:nth-child(5n){ margin-right:0; width:28%; padding-right:0;}
.box ul li{ margin:4px 0; background:url(../images/list.jpg) 0 5px no-repeat; padding:0 20px;}
.box ul li:hover{ margin-left:10px; color:#930; cursor:pointer;-moz-transition:all 0.3s ease-out 0s;
-webkit-transition:all 0.3s ease-out 0s;
-0-transition:all 0.3s ease-out 0s;
-ms-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;}
.box img{ border:4px solid #99612b; width:100%; height:auto;}
.box h4, .box p {
	text-align:center;

}
.line{ border-bottom:1px solid #c3af9d; top:38px; position:absolute; left:32%; padding:0 18%;}
.font-icon .fa{ border-radius:50%; border:3px solid #99612b; padding:15px 5px; color:#99612b; font-size:22px; margin-right:5px; margin-top:-4px;}
.font-icon h3{ border-bottom:none;padding:25px 0 0; margin-left:-4px;}
.box ul li{ margin:7px 0;}

.other-services { margin-top:35px;}
.other-services .line { top:27%;}
.other-services h2 { margin-top:20px; background: none; border-bottom:1px solid #900; padding-bottom:10px; margin-bottom:25px;}
.other-services ul { list-style:circle; margin-left:80px; }
.other-services ul li { float: left;
list-style: circle outside none;
margin-right: 70px;
text-align: center;}

.testimonial { margin-top:25px;}
.testimonial ul li { margin:5px 0px;}
.testimonial p span { color:#5c3c24; font-weight:bold;}

/*  footer section */
 .footer-div{ padding: 0px 20px;}

.footer-div { border-left: 1px solid #F6F0EA; border-right: 1px solid #E4CEBA; color:#333}

.footer-div:first-child { border-left:none;  padding-top:12px; padding-bottom:12px; position:relative;}
.footer-div:nth-child(2n){ padding:0 35px;}
.footer-div:last-child { border-right:none;background:url(../images/map-bck.png) 35% 50px no-repeat;}
.footer-div .fa{ color:#794621;}

.footer-div h5{ font-style:italic; color:#7d3b13; text-align:right;}

.footer-up{ background:#f9e7d9; padding:10px 0; border-top:3px solid #e1af7d;}
#footer h3{ margin:10px 0; font-size:23px; color:#8d4e28;}
.footer-div ul li {line-height: 20px; margin: 13px 0;
}
.footer-bottom{ padding:10px 5px; background:#5c3c24;}
.footer-bottom p{ float:left; color:#fff; font-size:13px;}
.footer-bottom img{ }
.power{
	float:right;
}
.counter{
	text-align:center;
}

/*  footer ends here */



/*********************************content*************************************/

.pic {
	
	margin:20px 0;
	color:#777777;


	
}
.demo li{  border: 2px solid #fff;
    height: 75px;
    overflow: hidden;
    position: relative;
    width:125px;
	border-radius:5px;
	box-shadow:0 0 0 rgba(0, 0, 0, 0.35), 0 85px 300px 0 #5C3C24, 0 6px 8px -5px rgba(0, 0, 0, 0.85)
	 }
.demo .mask{overflow:hidden; width:220px; height:130px; }
.demo li a.lightbox{
   display: inline-block;
   text-decoration: none;
   padding:0;
   width:20px;
   height:20px;


   
   }
.demo img{ position:absolute; left:0;

-moz-transition:all 0.3s ease-out 0s;
-webkit-transition:all 0.3s ease-out 0s;
-0-transition:all 0.3s ease-out 0s;
-ms-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;

}
.demo li:hover img { opacity:0.8;
   -moz-transform: rotate(-15deg) scale(1.3);
   -webkit-transform: rotate(-15deg) scale(1.3);
   -o-transform:rotate(-15deg) scale(1.3);
   -ms-transform:rotate(-15deg) scale(1.3);
   transform:rotate(-15deg) scale(1.3);
   -moz-transition:all 0.3s ease-out 0s;
-webkit-transition:all 0.3s ease-out 0s;
-0-transition:all 0.3s ease-out 0s;
-ms-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;
}


.demo .mask {
     border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 61px;
    height: 0;
    opacity: 0;
    overflow: visible;
    position: absolute;
    top: 112px;
   -moz-transform:translateY(-190px);
   -webkit-transform:translateY(-190px);
   -o-transform:translateY(-190px);
   -ms-transform:translateY(-190px);
   transform:translateY(-190px);
   -moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
    width: 0;
    z-index:3;

}

.demo:hover .mask  {
	background:url(../images/link.png) center -28px no-repeat;
   opacity: 1;
   -webkit-transform: translateY(-112px);
   -moz-transform: translateY(-112px);
   -o-transform: translateY(-112px);
   -ms-transform: translateY(-112px);
   transform: translateY(-112px);
}

	/* lightbox jquery section start */	



#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					z-index: 100;
					text-align: center;
					line-height: 0;}
					
#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {
	position: relative;
	background-color: #cacac8;
	width:900px;
	height: 250px;
	margin: 0 auto;}
	
#lightbox-container-image { padding: 10px; }

#lightbox-loading {position: absolute;
					top: 40%;
					left: 0%;
					height: 25%;
					width: 100%;
					text-align: center;
					line-height: 0;}
					
#lightbox-nav {	position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				z-index: 10;}
	
#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;
												height: 100%;
												zoom: 1;
												display: block;}
												
#lightbox-nav-btnPrev { left: 0; 
						float: left;}

#lightbox-nav-btnNext {right: 0; 
						float: right;}
						
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;
									background-color: #fff;
									margin: 0 auto;
									line-height: 1.4em;
									overflow: auto;
									width: 100%;
									padding: 0 10px 0;}
									
#lightbox-container-image-data {padding: 0 10px; 
								color: #666; }
								
#lightbox-container-image-data #lightbox-image-details { width: 70%; 
													float: left; 
													text-align: left; }
												
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; 
										clear: left; 
										padding-bottom: 1.0em;	}
												
#lightbox-secNav-btnClose {width: 66px; 
							float: right;
							padding-bottom: 0.7em;	}


#gallery .demo { float:left;margin-right:25px; margin-top:9px;}
	
#gallery .demo li a img {width:100%; height:100%
				
				border:1px solid #fff;}
#gallery .demo li a img:hover{ opacity:0.7; }
			
#gallery .demo li a:hover img{border-color:#ccc}

	/* lightbox jquery section finished */	

.social_link{
	overflow:hidden;
}
.social_link li{
	float:left;
	list-style:none;
	margin-right:10px;
}
.social_link li i{
	color:#fff;
	background:#98471f ;
}
.social_link li:hover i{
	background:#691800;
}
a{
	outline:medium none !important;
}

.footer_button{
	position:fixed;
	bottom:0;
	background:#0e0e0e;
	width:100%;
	z-index:999999;
	border-top:1px solid #252525;
	left:0;
	right:0;
	display:none;
}
.footer_bar{
	padding-left:0;
	margin:0;
	overflow:hidden;
}
.footer_bar li{
	float:left;
	list-style:none;
	width:25%;
	border-right:1px solid #252525;
	text-align:center;
	padding:8px 0;
}
.footer_bar li:last-child{
	margin-right:0;
	border-right:none;
}
.footer_bar li i{
	font-size:18px;
	float:none;
}
.footer_bar li a{
	color:#fff;
	display:block;
	text-decoration:none;
}
.footer_bar li a:hover{
	text-decoration:none;
}
.notice_board{
    background: #b66514;
    padding: 15px;
    margin-top: 10px;
}
.notice_board h2{
    margin-top: 0;
    color: #fff;
    font-weight: 600;
}
.notice_board p{
    color: #fff;
    font-size: 16px;
}
/*---------Media Query Devices--------------*/
@media only screen and (min-width : 320px) and (max-width : 1024px) {
div.nm-project-inner, div.nm-project-desc-container {
	width:100% !important;
}
}
@media only screen and (min-width : 320px) and (max-width : 700px) {
.power{
	float:left;
	margin-top:10px;
}
.counter{
	text-align:left;
}
.footer_button{
	display:block;
}
#footer{
	margin-bottom:60px;
}
.font-icon .col-xs-offset-2{
	margin-left:0;
}
}

@media all and (min-width:960px) and (max-width: 1024px) {
  /* put your css styles in here */


}

@media all and (min-width:801px) and (max-width: 959px) {
  /* put your css styles in here */
.other-services ul{
	padding-left:16px;
	margin-left:5px;
}


}

@media all and (min-width:769px) and (max-width: 800px) {
  /* put your css styles in here */




}


@media all and (min-width:569px) and (max-width: 768px) {
  /* put your css styles in here */


}
@media all and (min-width:768px) and (max-width: 768px) {
	 /* put your css styles in here */

}
@media all and (min-width:481px) and (max-width: 568px) {
  /* put your css styles in here */

}

@media all and (min-width:321px) and (max-width: 480px) {
.mp-slider{
	  width:280px !important;
  }
  .mp-slider> div{
	  width:280px !important;
  }

}

@media all and (min-width:0px) and (max-width: 320px) {
  /* put your css styles in here */
  .mp-slider{
	  width:260px !important;
  }
.mp-slider> div{
	  width:260px !important;
  }
  .other-services ul li{
	  margin-right:0;
	  float:none;
	  text-align:left;
  }

.quote{
	float:left;
}
.footer_button{
	display:block;
}
#footer{
	margin-bottom:60px;
}
}
	
  .before-after {
  	margin: 20px 0;
  	overflow: hidden;
  }