@font-face {
    font-family: "KhmerUIb";
    src: url(../fonts/KhmerUIb_1.ttf);
}

@font-face {
    font-family: "KhmerUI";
    src: url(../fonts/KhmerUI_1.ttf);
}

html, body {
  height: 100%;
  font-family: "KhmerUI";
}
body {
 /* padding-top: 50px;*/
 /* body padding for fixed top nav */
}
.nav > li > a {
font-family: "KhmerUIb";
text-transform: uppercase;
}
.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}

.tab-pane {
  margin-top: 15px;
}

.home h2{
font-family: "KhmerUIb";
}

.home h2 span{
color:#3d8dc2;
}

.home p{
padding-bottom:10px;
}

.home a{
    text-decoration: none;
    background: #428bca;
    color: #fff;
    padding: 0.5% 1%;
}
/* Page Sections */
.section,
.section-colored {
  padding: 50px 0;
}

.section-colored {
  background-color: #e1e1e1;
 /* change this to change the background color of a colored section */
}

.section-img {
background:url(../images/home_bg.png) repeat;
padding: 30px 0;
}


.sidebar {
  margin-top: 40px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
  height: 80%;
      border-bottom: 4px solid #cd6204;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

.abt img{
    float: right;
    padding: 0 0 0 10px;
    margin-top: -100px;
}

.abt_sd img{
width:100%;
}

.abt_sd h2{
margin:22px 0 0 0;
}

.brd{
border-bottom:5px solid #4f83b3;
}

.page-header1 {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  font-family: "KhmerUIb";
}

.header1 {
font-size:20px;
  padding-bottom: 9px;
  margin: 40px 0 20px;
  font-family: "KhmerUIb";
}


.imgs{
border:1px solid #000;
margin:10px;
float:left;
}

.tbl{
}

.tbl tr th{
color:#fff;
border:1px solid #000;    
text-align: center;
padding:9px;
background:#3d8dc2;
}

.tbl tr td{
padding:9px;
border:1px solid #000;
}

.tbl1 tr th{
color:#fff;
border:none;    
text-align: center;
padding:9px;
background:#3d8dc2;
}

.tbl1 tr td{
padding:9px;
border:none;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

.client img{
    float: left;
    border: 2px solid #fff;
}


/* Footer Styles */
footer {
margin: 0;
background: #000;
    color: #fff;
}

footer p{
margin: 0;
    padding: 4px;
}

.eq{
}

.form-control1 {
  display: inline;
  width: 45%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  background-color: #f3f3f3;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control1:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.pad1{
padding-bottom:1%;
}

.pad7{
padding-bottom:7%;
}

.pad10{
padding-bottom:10%;
}
/* Responsive Styles */
@media (max-width: 767px) {

  .carousel {
    height: 70%;
 /* increases the carousel height so it looks good on phones */
  }
  .abt img {
  margin:0;
  }
}