/*!
 * Theme by CITA 
 * Date 11-05-2016 
 * Menu Position: top
 */
 body {
	background:#E3AB29;
	font-family: "Century Gothic", "KhmerOScontent";
 }
 .container {
	max-width:1124px;
 }
 a, a:visited,a:focus {
	outline:none;
 }
.no_padding {
	padding:0;
}
.no_padding_right {
	padding-right:0;
}
.padding_phone_only {
	padding:0;
}
.padding_top {
	padding-top:15px;
}
.padding_bottom {
	padding-bottom:15px;
}
.margin_top {
	margin-top:25px;
}
.no_margin {
	margin:0;
}
.margin_left {
	margin-left:15px;
}
.no_padding_left{
	padding-left:0;
}

.navbar-toggle {
	border-color:#fff;
}
.navbar-toggle .icon-bar {
	background-color:#fff;
}
.top_header {
	height:25px;
	background:#E3AB29;
}
.top_lang {
	padding:2px 0;
}
.logo {
	height: auto;
    overflow: hidden;
    padding-bottom: 6px;
    padding-top: 6px;
}
.logo_text {
	padding:15px;
}
.logo_text img { 
	margin:0 auto;
}
.header_right {
	padding-top:22px;
}
.title_header {
	padding:0;
	margin:0;
	text-align:center;
	width:100%;
	height:15px;
	border-bottom:thin solid #ccc;
}
.title_text {
	background: #fff none repeat scroll 0 0;
    font-size: 20px;
	font-weight: bold;
    left: 50%;
    margin-left: -130px;
    padding: 0 10px;
    position: absolute;
    top: 0;
    width: 260px;
}
#header {
	background:#fff;
}
#menu {
	background:#E3AB29;
	height:48px;
	border-bottom:4px solid #fff;
}
#maincontent {
	background:#E3AB29;
}
#footer {
	background:#F05526;
	margin-top:25px;
}

.header_wrap {
	
}
.body_wrap {
	background:#fff;
	padding:10px;
}
.footer_wrap {
	padding-top:15px;
}
/* custom menu */
.navbar {
	margin-bottom:0;
}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}
.menu_wrap{
	padding:0;
	text-align:center;
}
.navbar-nav > li.active, .navbar-nav > li:hover a, .navbar-nav > li a:focus, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background:none;
	color:#fff;
	border-bottom:4px solid #F05526;
}
.navbar-nav > li.active:hover {
	border-bottom:none;
}
.navbar-nav > li.active a {
	color:#fff;
	_border-bottom:2px solid #f1bf2b;
}
.navbar-nav > li a {
	color:#000;
	padding-left: 22px;
    padding-right: 22px;
    padding-top: 13px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
}
.navbar-nav > li > a {
	padding-bottom:10px;
}
.navbar-nav > li.dropdown ul li a{
	border-bottom:1px solid #ddd;
	padding: 7px 10px;
}
.navbar-nav > li.dropdown ul li:last-child a{
	border-bottom:none;
}
/* custom slide */
.carousel-indicators .active {
	background:#e7b930;
	border-color:#e7b930;
}
.carousel-indicators {
	bottom:0;
}
.bg_slide {
	width:100%;
	height:36px;
	background:url(../images/bg_slide.png) top center no-repeat;
}
#hero-carousel .item {
	max-height:400px;
	overflow:hidden;
}
.carousel-fade {
    .carousel-inner {
        .item {
            transition-property: opacity;
        }
        
        .item,
        .active.left,
        .active.right {
            opacity: 0;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1;
        }

        .next,
        .prev,
        .active.left,
        .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }
    }

    .carousel-control {
        z-index: 2;
    }
}

a {
	color:#e9b83f;
}
a:hover {
	text-decoration:none;
}

.block-header .header-title {
	font-family: 'KhmerOSbokor';
	font-size:19px;
	color:#f2410a;
	margin-top: 10px;
}
.red {
	color:red;
}
.green {
	color:green;
}
.bg_red {
	background:red;
}
.bg_green {
	background:green;
}
/* footer */
.copy_right {
	color:#fff;
	text-align:center;
}
.power_by, .power_by a {
	color:#fff;
	text-align:center;
}
#footer a {
	color:#fff;
}
#footer a.active, #footer a:hover {
	color:#e7b930;
}
.header_title {
	color:#e7b930;
	margin-top:10px;
	padding-left:5px;
	font-family: 'KhmerOSbokor';
	font-size:17px;
	font-weight:bold;
}
.law_file .header_title {
	text-align:center;
	font-family: 'KhmerOSContent';
}
.law-item .header {
	color:#e7b930;
	margin-top:10px;
	padding-left:5px;
	font-family: 'KhmerOSbokor';
	font-size:16px;
}
.law_file_item {
	margin-top:20px;
	
}
.law_file_item img {
	margin:0 auto;
	display:block;
	
}
.bg_law {
	background:url(../images/bg_law.png) top center no-repeat;
	height:18px;
}

.law-item ul.ul-item {
	padding:0 0 0 7px;
}
.law-item ul.ul-item li {
	line-height:25px;
	background:url(../images/arrow.png) left center no-repeat;
	list-style:none;
	padding-left:20px;
}
.law-item ul.ul-item li a {
	color:#775c0b;
	font-weight:bold;
}
.solve_programe {
	padding-left:10px;
	padding-top:10px;
}
.solve_programe .prggrame-item{
	width:100%;
	height:50px;
	_border:thin solid #ff0000;
	line-height:23px;
	margin-bottom:5px;
}

.solve_programe .prggrame-item .cover-date {
	float:left;
	width:50px;
	height:50px;
	_border:thin solid #ccc;
	background:url(../images/calendar-icon.gif) center center no-repeat;
}
.solve_programe .prggrame-item .cover-date .month{
	color:#fff;
	text-align:center;
	height: 14px;
	font-size: 10px;
    margin:8px;
	margin-bottom:0;
}
.solve_programe .prggrame-item .cover-date .month p {
    margin: -4px auto;
    padding: 0;
    position: absolute;
    width: 35px;
}

.solve_programe .prggrame-item .cover-date .date{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	margin-top:-3px;
}
.solve_programe .prggrame-item .item-title {
	padding:1px;
	padding-left:20px;
	float:left;
}
.visitor_counter .number {
	margin-top: -30px;
    position: absolute;
    right: 0;
    text-align: right;
}
.visitor_counter ul li {
	list-style:none;
	line-height:27px;
	font-weight:bold;
}
.visitor_counter ul li .today {
	background: url(../images/visitor_icon.png) top center no-repeat;
	height: 150px;
    margin-left: -25px;
    margin-top: 7px;
    position: absolute;
    width: 15px;
}
.events .event-item{
	border:thin solid #d9d9d9;
	border-radius:10px;
	padding:6px;
	margin-bottom:10px;
}

.block-service .padding_top {
	padding-top:25px;
}
.box-text {
	_padding:30px;
	font-size:18px;
	text-align:center;
	color:#273d84;
}
/* drop down */
.dropdown-menu {
	background:#E3AB29;
}
.navbar-nav > li > .dropdown-menu {
	margin-top:0px;
}
.navbar-nav > li > .dropdown-menu li a, .navbar-nav > li > .dropdown-menu li > .dropdown-menu li a {
	color:#000;
}
.navbar-nav > li > .dropdown-menu li:hover a, .navbar-nav > li > .dropdown-menu li > .dropdown-menu li:hover a {
	color:#fff;
}
.navbar-nav > li > .dropdown-menu li.current a, .navbar-nav > li > .dropdown-menu li > .dropdown-menu li.current a {
	color:#fff;
}
/* custom dropdown menu */

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    border-radius: 0 6px 6px;
    left: 100%;
    margin-left: -1px;
    margin-top: -6px;
    top: 0;
}

.dropdown-submenu > a::after {
    border-color: transparent transparent transparent #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
}
.dropdown-submenu:hover > a::after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
    border-radius: 6px 0 6px 6px;
    left: -100%;
    margin-left: 10px;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    border-radius: 0 6px 6px;
    left: 100%;
    margin-left: -1px;
    margin-top: -6px;
    top: 0;
}

.dropdown-submenu > a::after {
    border-color: transparent transparent transparent #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 7px;
    width: 0;
}
.dropdown-submenu:hover > a::after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
    border-radius: 6px 0 6px 6px;
    left: -100%;
    margin-left: 10px;
}

/* image gallery */
.gal-album {
	border:2px solid #97723E;
	border-radius:5px;
	margin:15px auto;
	overflow:hidden;
	box-shadow: 0px 5px 10px #888888;
	padding:3px;
	position:relative;
	text-align: center;
}
.gal-album img{ 
	display:inline;
}
.gal-title {
	background:rgba(0,0,0,.75);
	bottom: 3px;
    left: 3px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 98.5%;
	padding:5px 0;
    z-index: 10;
	
}
a:hover .gal-title {
	color:#fff;
}
.zoom_icon {
	position:absolute;
	width:30px;
	height:30px;
	background:url(../images/zoom_icon.png) center no-repeat;
	left:50%;
	top:50%;
	margin-left:-15px;
	margin-top:-15px;
	z-index: 10;
	display:none;
}
a:hover >.zoom_icon {
	display:block;
}
a:hover >.gallery {
	opacity:0.8;
}

/* for products show */
.thumbnail:hover {
	border:thin solid #F1BF2B;
}
.media-heading a {
	font-size:13px;
}

.title_news {
	font-size: 15px;
    height: 74px;
    line-height: 24px;
	overflow:hidden;
}
.title_news a {
	color:#111;
}
.title_news a:hover {
	color:#754504;
}
.content-text {
	text-align:justify;
	line-height:28px;
}
.carousel-control {
	width:5%;
}
.hearing_schedule th, .hearing_schedule td {
	text-align:center;
}

/* check if in mobile */
@media(max-width:767px){
	.padding_phone_only {
		padding-left:15px;
		padding-right:15px;
	}
	.logo img {
		margin:0 auto;
	}
	.header_right {
		padding-top:0;
		padding-left:19%;
	}
	.navbar .navbar-collapse {
		text-align:left;
	}
	.navbar .navbar-nav{
	   display: inline;
    }
	
	#menu {
		height:auto;
	}
	.no_padding_right {
		padding-right:15px;
	}
	.no_padding_left {
		padding-left:15px;
	}
	.custom_search {
		width:93%;
	}
	.form-search {
		width:48%;
	}
	input.form_search_elm {
		width: 65%;
	}
	/*
	 * Off Canvas
	 * --------------------------------------------------
	 */
	.row-offcanvas {
		position: relative;
		-webkit-transition: all .25s ease-out;
			 -o-transition: all .25s ease-out;
				transition: all .25s ease-out;
	  }

	  .row-offcanvas-right {
		right: 0;
	  }

	  .row-offcanvas-left {
		left: 0;
	  }

	  .row-offcanvas-right
	  .sidebar-offcanvas {
		right: -50%; /* 6 columns */
	  }

	  .row-offcanvas-left
	  .sidebar-offcanvas {
		left: -50%; /* 6 columns */
	  }

	  .row-offcanvas-right.active {
		right: 50%; /* 6 columns */
	  }

	  .row-offcanvas-left.active {
		left: 50%; /* 6 columns */
	  }

	  .sidebar-offcanvas {
		position: absolute;
		top: 0;
		width: 50%; /* 6 columns */
	  }
	
}
@media(min-width:1124px) and (max-width:1200px){
	.container {
		width:1124px;
		padding:0 15px;
	}
}
@media(min-width:769px) and (max-width:1020px){
	.navbar-nav > li a{
		padding-left:7px;
		padding-right:7px;
		font-size:16px;
	}
}
@media(min-width:768px) and (max-width:1123px){
	.container {
		width:100% !important;
		padding:0 15px;
	}
}
@media (min-width: 768px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
  .dropdown-submenu:hover > .dropdown-menu {
		display: block;
	}
  
}