/*!
 * Theme by CITA 
 * Date 11-05-2016 
 * Menu Position: top
 */
 body {
	background:#fff;
	font-family: "Century Gothic", "KhmerOScontent";
 }
 .container {
	max-width:1024px;
 }
 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;
}
.logo {
	height:105px;
	overflow:hidden;
	padding-top:10px;
}
.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:#273d84;
	height:48px;
}
#maincontent {
	background:#fff;
}
#footer {
	background:#17285f;
}

.header_wrap {
	
}
.body_wrap {
	background:#fff;
}
.footer_wrap {
	padding-top:15px;
}
/* custom menu */
.navbar {
	margin-bottom:0;
}
.menu_wrap{
	padding:0;
}
.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:#008442;
}
.navbar-nav > li.active a {
	color:#008442;
}
.navbar-nav > li a {
	color:#fff;
	text-transform: uppercase;
	padding-top: 14px;
	padding-left:20px;
	padding-right:20px;
}
.cate_left {
	margin-bottom:15px;
}
.custom_search {
	background:#1c2b5e;
	height: 30px;
    margin: 8px 15px;
    width: 295px;
}
.form-search {
	width:145px;
	height:26px;
	float:left;
}
.switch-lang {
	width:145px;
	height:24px;
	border-left:thin solid #fff;
	float:left;
	margin:3px 0;
	position:relative;
}
.switch-item {
	cursor:pointer;
}
.switch-item img {
	padding:4px;
	padding-left:15px;
}
.switch-item .arrow{
	border:6px solid #fff;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	height: 6px;
    margin-left: 5px;
    margin-top: 8px;
    position: absolute;
}
.lang-text{
	color:#fff;
}
.lang-list {
	list-style:none;
	padding:0px;
	background:#1c2b5e;
	z-index:100;
	position:absolute;
	width: 100%;
	display:none;
}
.lang-list img {
	padding:4px;
	padding-left:15px;
}
.lang-list li {
	cursor:pointer;
	padding:3px 0;
}
.lang-list li:hover {
	background:#273d84;
}
.form_icon {
	width:20px;
	height:20px;
	margin:5px;
	color:#fff;
	float:left;
}
input.form_search_elm {
	background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: left;
    padding: 4px;
	padding-left:10px;
    width: 114px;
}
.block-header {
	border-top:1px solid #273d84;
}
.header-title {
	width:225px;
	height:30px;
	background:#273d84;
	color:#fff;
	padding:4px 15px;
	position:relative;
}
.style_header {
	position:absolute;
	border-style: solid;
    border-width: 30px 85px 0 0px;
	border-color:#273d84;
    position: absolute;
    right: -85px;
    top: 0;
	border-bottom-color:transparent;
	border-right-color:transparent;
}
.content-text {
	padding:15px;
	font-size:14px;
	line-height:27px;
}
.has_border {
	border:thin solid #ccc;
}
.media {
	padding:10px;
}
.media-body {
	line-height:25px;
}
.service-box {
	height:150px;
	background:#fff;
	
	border: 1px solid #ddd;
	cursor:pointer;
	transition: transform 200ms ease-in-out 0s;
}
.service-box img {
	margin:20px auto;
	text-align:center;
	display:block;
	max-height:60px;
}
.service-box:hover {
	border: 1px solid #ccc;
	 transform: translateY(-10px);
	_margin-top:-10px;
	-webkit-box-shadow: 1px 2px 2px 0px rgba(199,191,199,1);
	-moz-box-shadow: 1px 2px 2px 0px rgba(199,191,199,1);
	box-shadow: 1px 2px 2px 0px rgba(199,191,199,1);
	
}
a:hover {
	text-decoration:none;
}
.block-service .padding_top {
	padding-top:25px;
}
.box-text {
	_padding:30px;
	font-size:18px;
	text-align:center;
	color:#273d84;
}
/* drop down */
.dropdown-menu {
	background:#273D84;
}
.navbar-nav > li > .dropdown-menu {
	margin-top:-3px;
}
.navbar-nav > li > .dropdown-menu li a, .navbar-nav > li > .dropdown-menu li > .dropdown-menu li a {
	color:#fff;
}
.navbar-nav > li > .dropdown-menu li:hover a, .navbar-nav > li > .dropdown-menu li > .dropdown-menu li:hover a {
	color:#008543;
}
.navbar-nav > li > .dropdown-menu li.current a, .navbar-nav > li > .dropdown-menu li > .dropdown-menu li.current a {
	color:#008543;
}


/* for products show */
.thumbnail:hover {
	border:thin solid #137ce7;
}

/* footer */
.copy_right {
	color:#fff;
}
.power_by, .power_by a {
	color:#fff;
	text-align:right;
}
.contact-top .icon {
	border: thin solid #fff;
    border-radius: 13px;
    color: #000;
    float: left;
    height: 26px;
    padding: 3px 6px;
    width: 26px;
}
.contact-top .text {
	
    color: #000;
    float: left;
    padding: 3px 0px 3px 10px;

}
.contact-top .text a {
	color:#000;
}
.contact-top .email {
	padding-top:5px;
}
.form_search .form-group {
	margin-bottom:0;
	padding-top:8px;
}
.form_search .form-group .form-control{
	padding: 0px 12px;
	height:30px;
	font-weight:bold;
}

h3.title {
	margin: 0;
    padding: 12px 10px 10px 16px;
	font-family: 'avalonbold';
}
ul.cate_item {
	list-style:none;
	padding-left:16px;
}
ul.cate_item li {
	margin-bottom:8px;
}
ul.cate_item li a {
	color:#4b4b4b;
	font-family: 'noto_serifregular';
}
ul.cate_item li.active a, ul.cate_item li:hover a {
	color:#ff0000;
}
.pro_item {
	position:relative;
	text-align:center;
	overflow:hidden;
	margin:0 0 15px 0;
	border:thin solid #fff;
	font-family: 'noto_serifregular';
}
.pro_item:hover {
	border:thin solid #ff0000;
}
.pro_item img{
	margin:0 auto;
	max-height:180px;
}
.pro_item .short_description {
	height:44px;
	overflow:hidden;
}
.pro_item .show_price {
	font-size:15px;
	color:#ff0000;
	font-weight:bold;
}
.pro_item .show_detail {
	padding:6px 13px;
	background:#80bb05;
	color:#fff;
	border-radius:8px;
	-webkit-box-shadow: 1px -1px 13px -1px rgba(0,0,0,0.63);
	-moz-box-shadow: 1px -1px 13px -1px rgba(0,0,0,0.63);
	box-shadow: 1px -1px 13px -1px rgba(0,0,0,0.63);
}
.pro_item .show_detail:hover {
	text-decoration:none;
	color:#ff0000;
}

#slide_brand .item {
	margin:0 8px;
	overflow:hidden;
	border:thin solid #fff;
}
#slide_brand .item:hover {
	border:thin solid #ff0000;
	border-radius:5px;
}
#slide_brand .item img{
	max-height:100px;
}

/* Styling Next and Prev buttons */

#recent_add_pro .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	padding: 6px 4px;
	font-size: 12px;
	background: #80bb05;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	color:#fff;
}

#recent_add_pro .owl-buttons .owl-prev {
	left: -15px;
    position: absolute;
    top: 85px;
}
#recent_add_pro .owl-buttons .owl-next {
	right: -15px;
    position: absolute;
    top: 85px;
}
#recent_add_pro .item {
	border:thin solid #fff;
	margin:0 8px;
	position:relative;
	text-align:center;
	overflow:hidden;
	font-family: 'noto_serifregular';
}
#recent_add_pro .item:hover {
	border:thin solid #ff0000;
	border-radius:8px;
}
#recent_add_pro .item:hover a{
	
	text-decoration:none;
}
#recent_add_pro .item img{
	margin:0 auto;
	max-height:180px;
}
#recent_add_pro .item .short_description {
	height:44px;
	overflow:hidden;
	
}
#recent_add_pro .item .show_price {
	font-size:15px;
	color:#ff0000;
	font-weight:bold;
}
.border_radius {
	border-radius:10px;
}

.block_branch {
	-webkit-box-shadow: -1px -3px 14px -4px rgba(145,145,145,1);
-moz-box-shadow: -1px -3px 14px -4px rgba(145,145,145,1);
box-shadow: -1px -3px 14px -4px rgba(145,145,145,1);
}
.block_bottom_contact {
	background:#8ECC0F;
	padding:3px;
	padding-bottom:10px;
}
.block_bottom_contact2 {
	background:#273d84;
	padding:3px;
}
.border_top_style {
	border-top:1px dashed #fff;
}
.contact_social {
	text-align:center;
	margin:0 auto;
	position:relative;
}
.contact_social .icon-fb {
	width:49px;
	height:49px;
	float:left;
	margin:5px 8px;
	background:url("../images/fb.png") top no-repeat;
}
.contact_social .icon-fb:hover {
	background:url("../images/fb.png") bottom no-repeat;
}
.contact_social .icon-tw:hover {
	background:url("../images/tw.png") bottom no-repeat;
}
.contact_social .icon-email:hover {
	background:url("../images/email.png") bottom no-repeat;
}
.contact_social .icon-tw {
	width:49px;
	height:49px;
	float:left;
	margin:5px 8px;
	background:url("../images/tw.png") top no-repeat;
}
.contact_social .icon-email {
	width:49px;
	height:49px;
	float:left;
	margin:5px 8px;
	background:url("../images/email.png") top no-repeat;
}
.contact_social .icon-hidden {
	width:65px;
	height:49px;
	float:left;
}
.contact_phone {
	text-align:center;
}
.contact_social h4 {
	color:#fff;
}
.contact_phone h3 {
	color:#fff;
}

ul.navigation {
	list-style:none;
	text-align:left;
	padding-left:0px;
}
.block_bottom_contact2 h4 {
	color:#fff;
}
.block_bottom_contact2 p {
	color:#fff;
	line-height:30px;
}
ul.navigation li{
	margin-bottom:10px;
}
ul.navigation li.active a{
	color:#ff0000;
}
ul.navigation li a{
	color:#fff;
}
ul.navigation li:hover a{
	color:#ff0000;
	text-decoration:none;
}
.panel-heading {
	padding:0;
	margin-bottom: 0px;
}

/* for drop down menu */
.dropdown-submenu {
    position: relative;
}

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

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/* end drop down  */
.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: grey;
	
}
.panel-heading a {
	_color:#ff0000;
}
.panel-heading a.no_sub:after {
	content:" ";
}
.panel-heading a:hover, .panel-heading a.collapsed:hover {
	color:#ff0000;
}
.panel-heading a.collapsed {
	color:#000;
}
.panel-heading a.collapsed:after {
    content:"\e080";
}
.panel-title {
	padding:6px 2px 6px 15px;
}
.panel-default > .panel-heading {
	background:#fff;
}
.panel-title:hover{
	cursor:pointer;
}
.panel-title:hover a {
	color:#ff0000;
	
}
.active a {
	color:#ff0000;
}
.cus-item {
	height:120px;
	overflow:hidden;
	padding:10px;
}
.cus-item img{
	max-height:120px;
}
.col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-5th {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-5th {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5th {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5th {
        width: 20%;
        float: left;
    }
}
/* 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%;
	}
	.pull-right {
		float:none !important;
	}
	#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:768px) and (max-width:1023px){
	.container {
		width:100%;
		padding:0 15px;
	}
}
@media (min-width: 768px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}