*{line-height:1.5em;}
/*Font*/
@font-face{
	font-family: "Alexander";
	src:url('../fonts/Alexander.ttf');
}
@font-face{
	font-family: "Alexander";
	src:url('../fonts/Alexander.eot');
}
@font-face{
	font-family: "Alexander";
	src:url('../fonts/Alexander.otf');
}
@font-face{
	font-family: "Alexander";
	src:url('../fonts/Alexander.woff');
}

@font-face{
	font-family: "MyriadPro_Bold";
	src:url('../fonts/MyriadPro_Bold.ttf');
}
@font-face{
	font-family: "MyriadPro_Bold";
	src:url('../fonts/MyriadPro_Bold.eot');
}
@font-face{
	font-family: "MyriadPro_Bold";
	src:url('../fonts/MyriadPro_Bold.otf');
}
@font-face{
	font-family: "MyriadPro_Bold";
	src:url('../fonts/MyriadPro_Bold.woff');
}

@font-face{
	font-family: "MyriadPro_Regular";
	src:url('../fonts/MyriadPro_Regular.ttf');
}
@font-face{
	font-family: "MyriadPro_Regular";
	src:url('../fonts/MyriadPro_Regular.eot');
}
@font-face{
	font-family: "MyriadPro_Regular";
	src:url('../fonts/MyriadPro_Regular.otf');
}
@font-face{
	font-family: "MyriadPro_Regular";
	src:url('../fonts/MyriadPro_Regular.woff');
}

@font-face{
	font-family: "UTM_Avo";
	src:url('../fonts/UTM_Avo.ttf');
}
@font-face{
	font-family: "UTM_Avo";
	src:url('../fonts/UTM_Avo.eot');
}
@font-face{
	font-family: "UTM_Avo";
	src:url('../fonts/UTM_Avo.otf');
}
@font-face{
	font-family: "UTM_Avo";
	src:url('../fonts/UTM_Avo.woff');
}



@font-face{
	font-family: "OpenSans_Regular";
	src:url('../fonts/OpenSans_Regular.ttf');
}
@font-face{
	font-family: "OpenSans_Regular";
	src:url('../fonts/OpenSans_Regular.eot');
}
@font-face{
	font-family: "OpenSans_Regular";
	src:url('../fonts/OpenSans_Regular.otf');
}
@font-face{
	font-family: "OpenSans_Regular";
	src:url('../fonts/OpenSans_Regular.woff');
}

@font-face{
	font-family: "helveticaneuelight";
	src:url('../fonts/helveticaneuelight.ttf');
}
@font-face{
	font-family: "helveticaneuelight";
	src:url('../fonts/helveticaneuelight.eot');
}
@font-face{
	font-family: "helveticaneuelight";
	src:url('../fonts/helveticaneuelight.otf');
}
@font-face{
	font-family: "helveticaneuelight";
	src:url('../fonts/helveticaneuelight.woff');
}

@font-face{
	font-family: "helveticaneuelight";
	src:url('../fonts/helveticaneuelight.ttf');
}
@font-face{
	font-family: "helveticaneuelight";
	src:url('../fonts/helveticaneuelight.eot');
}
@font-face{
	font-family: "helveticaneuelight";
	src:url('../fonts/helveticaneuelight.otf');
}
@font-face{
	font-family: "helveticaneuelight";
	src:url('../fonts/helveticaneuelight.woff');
}
*{margin:0px; padding:0px; font-family:'arial', sans-serif;}

h1,h2,.box-title h3,.footer-col>h4,.title-list h3 a,.related_news_title{font-family:"MyriadPro_Bold";font-weight:normal;}
h3{font-family:"MyriadPro_Regular"; font-weight:normal;}
strong{font-family:MyriadPro_Bold;}
img{max-width:100%;}
body {
	line-height: 1;
	padding:0; margin:0;
}
img{display:block; border:none 0px;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
	padding:0;
}
h1, h2, h3, h4, h5, h6
{
	line-height: 1.5em;
	margin:0;
}
h1, h2, h3
{}
h4, h5, h6
{
	font-size: 16px;
}
a, a:link, a:active, a:visited, a:hover
{
	color: inherit;
	text-decoration: none;
}
:focus { outline: none; }

input[type="text"],input[type="submit"], input[type="password"],input[type="file"], textarea, select,button { 
    outline: none;	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; 
	-o-box-sizing: border-box;
}
/******start selecttion khi bôi chọn phần tử trên web*****/
::selection{}
::-moz-selection{}
::-webkit-selection{}
::-ms-selection{}
::-o-selection{}
/******end selecttion*****/
/*****color placeholder*****/
::-webkit-input-placeholder { /*Chrome, Safari*/
   color: #ccc !important;
}
:-moz-placeholder { /* Firefox 18- */
   color: #ccc !important;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc !important;
}
:-o-placeholder { /* Opera */
   color: #ccc !important;
}
:-ms-input-placeholder {  /*Internet Explorer*/
   color: #ccc !important;
}
/*****End color placeholder*****/
/****************Start Animation*************/
/**@keyframes animation***/
.animation
{
	animation: name_keyframes 1s infinite; /*infinite chuyển động liên tục không giới hạn số lần tục keyframes*/
	-moz-animation:name_keyframes 1s infinite;
	-webkit-animation: name_keyframes 1s infinite;
	-o-animation:name_keyframes 1s infinite;
	-ms-animation:name_keyframes 1s infinite;
	animation-direction:alternate; /*Chuyển động ngượi lại ở chu kỳ tiếp*/
	-moz-animation-direction:alternate;
	-webkit-animation-direction:alternate;
	-o-animation-direction:alternate;
	-ms-animation-direction:alternate;
}
@keyframes name_keyframes
{
	/*
		from{}
		to{}
		hoặt
		
		0%{}
		25%{}
		50%{}
		100%{}
	*/
}
@-moz-keyframes name_keyframes
{
	/*
		from{}
		to{}
		
		hoặt
	
		0%{}
		25%{}
		50%{}
		100%{}
	*/
}
@-webkit-keyframes name_keyframes
{
}
@-o-keyframes name_keyframes
{
}
/****keyframes default******/
@-webkit-keyframes fading{
	0%{opacity:0}50%{opacity:1}100%{opacity:0}
}
@keyframes fading{
	0%{opacity:0}50%{opacity:1}100%{opacity:0}
}
@-webkit-keyframes opac{
	from{opacity:0} to{opacity:1}
	}
@keyframes opac{
	from{opacity:0} to{opacity:1}
}
@-webkit-keyframes animatetop{
	from{top:-300px;opacity:0} to{top:0;opacity:1}
}
@keyframes animatetop{
	from{top:-300px;opacity:0} to {top:0;opacity:1}
}

@-webkit-keyframes animatebottom{
	from{bottom:-300px;opacity:0; z-index:-1; visibility:hidden;} to{bottom:20px;opacity:1;z-index:10000; visibility:inherit;}
}
@keyframes animatebottom{
	from{bottom:-300px;opacity:0; z-index:-1; visibility:hidden;} to{bottom:20px;opacity:1;z-index:10000; visibility:visible;}
}
@-webkit-keyframes animateleft{
	from{left:-300px;opacity:0} to{left:0;opacity:1}
}
@keyframes animateleft{
	from{left:-300px;opacity:0} to{left:0;opacity:1}
}
@-webkit-keyframes animateright{
	from{right:-300px;opacity:0} to{right:0;opacity:1}
}
@keyframes animateright{
	from{right:-300px;opacity:0} to{right:0;opacity:1}
}
@-webkit-keyframes animatebottom{
	from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}
}
@keyframes animatebottom{
	from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}
}
@-webkit-keyframes animatezoom{
	from{transform:scale(0)} to{transform:scale(1)}
}
@keyframes animatezoom{
	from{transform:scale(0)} to{transform:scale(1)}
}
/***************end Animation*****************/

/************Start transition*************/
.transition{
	transition-property: width; /**Thuộc tính của hiệu ứng chuyển tiếp width, height**/
	transition-delay: 0.1s; /**** Thời gian trể của chuyển động******/
	-webkit-transition-delay: 1s;
	transition-duration: .2s, 1s; /****Thời gian chuyển động của animation*****/
	transition-timing-function: linear, ease-in; /***Loại chuyển dộng linear, ease, ease-in, ease-out, ase-in-out***/
	transition: property duration  timing-function delay;
	-webkit-transition: property duration  timing-function delay;
	
}
/************End transition************/


/************Background_Gradient************/
.bg_gradient{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C5C4C4 ), color-stop(100%, #7B7B7B ));
    background: -webkit-linear-gradient(top, #C5C4C4 0%, #7B7B7B 100%);
    background: -o-linear-gradient(top, #C5C4C4 0%, #7B7B7B 100%);
    background: -ms-linear-gradient(top, #C5C4C4 0%, #7B7B7B 100%);
    background: linear-gradient(to bottom, #C5C4C4 0%, #7B7B7B 100%);
	filter: progid:DXImageTransform.Microsotf.gradient(startColorstr='#C5C4C4', endColorstr='#7B7B7B'); /*IE6-9 */
}
/*******End Background_Gradient***********/

/********************Start buttom click *********************/
.btn{
	border: 0;
	background: #0087cc;
	box-shadow: 0 5px 0 #006599;
	color: #fff;
	cursor: pointer;
	font: inherit;
	display:inline-block;
	margin: 0;
	outline: 0;
	line-height:1.5em;
	padding: 12px 20px;
	transition: all .05s linear; -moz-transition: all .05s linear; -webkit-transition: all .05s linear; -ms-transition: all .05s linear; -o-transition: all .05s linear;
}
.btn:active{box-shadow: 0 2px 0 #006599; transform: translateY(3px); -moz-transform: translateY(3px); -webkit-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px);}
/********************End buttom click *********************/
/****************START Buttom Animation*********************/
.btn_animation_click {
  display: inline-block;

  background: #0087cc;
  color: #fff;
  text-align: center;

  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  ;
}
.btn_animation_click.active { background: #006599; }
.btn_animation_click:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.btn_animation_click_active:before {
  content: "";
  position: absolute;
    top: -32px; 
    left: calc(50% - 50px);
  width: 100px;
  height: 100px;
  background-color: #006599;
  border-radius: 100%;
  -webkit-animation: scaleout 0.3s 1 ease-out;
  animation: scaleout 0.3s 1 ease-out;
  opacity: 0;
}

@keyframes scaleout {  
	0% 		{
				 opacity: 1;
				 transform: scale(0.0);
				 -webkit-transform: scale(0.0);
			}
	100%	{
				 transform: scale(1.5);
				 -webkit-transform: scale(1.5);
				 opacity: 0;
			}
}
/****************START Buttom Animation*********************/



/***********Hiển thị nội dung trên 1 dòng************/
.title_hidden{
    width: 100%;
    white-space: nowrap; /*không cho nội dung rớt dòng*/
    overflow: hidden;/*Ẩn nội dung*/
    text-overflow: ellipsis; /*Thêm dấu 3 chấm cuối câu*/
}
/***********End Hiển thị nội dung trên 1 dòng ***********/

/******** Start Width input, select, textarea bằng nhau**********/
input, select, textarea{
    width:100%;
     box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; 
	-o-box-sizing: border-box;
}
/******** End  Width input, select, textarea bằng nhau**********/

/********Start align content middle******/
.align_items_center {
    display:flex; 
	display:-webkit-flex; 
	/*
	Đặt ngoài khung lớn thì các mục con bên trong sẽ trở thánh phần tử linh hoạt
	Hoặt
		display: -webkit-inline-flex; 
		display: inline-flex;
			

	*/
	
	/*Cho các mục con bên trong cùng độ dài
		 -webkit-flex: 1; Safari 6.1+ 
		-ms-flex: 1;  IE 10 
		flex: 1;
	*/
	
	/*-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-box-align:center;
	-moz-box-align:center;
	*/
   	align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	-o-align-items:center;
	-webkit-align-items: center;
	
}
/*Cảnh chỉnh hình cân nằng giữa*/
.allign_image{
	 display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
	height:200px;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
}
.allign_image span{display:block; width:100%; text-align:center;}
.allign_image span img{width:auto; height:auto; max-width:100%; max-height:100%;}
/*Phần tử linh hoat cho chiều rộng full div*/
.align_items_center_in{display:inline-block; width:100%; text-align:center;}
/********End align content middle******/
textarea{resize:vertical;/*resize:none; resize:horizontal;*/ }
input[type=text]:focus, textarea:focus {}
.clear{clear:both;}
/***************************************************/
body{font-size:13px; font-family:helveticaneuelight; line-height:1.2em;}
header{}
.bg_in{width:1170px; margin:0 auto;}
header .bg_in{position:relative;}
header .logo{width:25%; float:left; padding:0;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
header .logo a{}
header .logo a img{max-width:265px;}
.menu_top{width:75%; float:right;}

.cart {
    padding: 10px;
    display: inline-block;
    font-size: 18px;
    padding: 3px;
    border: 2px solid #fff;
    position: absolute;
    bottom: 10px;
    right: 0;
	z-index:10000;
}
.add_card{}
.add_card a {
    display: block;
    text-align: center;
    padding: 10px;
	color:#fff;
    background: #333;
    font-size: 16px;
	cursor:pointer;
}
.add_card a:hover{color:#f3d92d;}
.add_card a i.fa{font-size:20px;}
.cart .cart_in{}
.cart .cart_in a{display:block; padding:8px; font-size:14px; color:#fff;}
.cart .cart_in a i.fa{font-size:18px;}
.info_top{ background:#333;}
.info_top .bg_in{padding:10px;    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
/********start menu dropdown*********/
.menu_dropdown{width:100%; padding:0; margin:0 auto; background:#f1f1f1;}
.menu_dropdown ul {padding-left:0px; display:none;}
.menu_dropdown li{height:auto; }
.menu_dropdown li>a{display:block; height:auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; color:#333; padding:10px 10px;}
.menu_dropdown li.parent,.menu_dropdown li{position:relative; border-top:1px solid #ccc;}
.menu_dropdown li:first-child{border-top:0px;}
.menu_dropdown ul ul li:first-child{border-top:1px solid #ccc;}
.menu_dropdown li .parent{border-top:1px solid #ccc;}
.menu_dropdown li.parent .arrow_toggle{position:absolute; top:0px;right:10px;}
.menu_dropdown li strong{cursor:pointer; position:absolute; top:0; right:0; text-align:center; height:30px; width:30px; }
.menu_dropdown li strong:before {
    content: "+";
	padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;-ms-box-sizing:border-box; text-align:center;
	color:#333;
	height:100%;
	width:100%;
	font-weight: bold; font-size:16px;
	display:block;
	padding:5px;

	
}
.menu_dropdown li strong.opened:before{content: "-";height:100%; width:100%; font-weight: bold; font-size:16px; display:block; padding:5px;}
.menu_dropdown li .parent{padding-top:0px;}
/********end menu dropdown********/
/******start search*******/
.form_div{margin-bottom:20px;}
.search_form {
  width: 100%;
  position: relative;
}
.search_form:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smooth: always;
}

.searchTerm {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  height: 40px;
  outline: none;
  padding: 5px 50px 5px 10px;
  border:3px solid #6bb457;
}

.searchButton {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 40px;
  height: 34px;
  opacity: 1;
  background: #6bb457;
  cursor: pointer;
  border:0px;
  color:#fff;
  box-sizing:border-box;
  background-size:cover;
}
.search_categories{display:inline-block; width:auto; position:absolute; top:0; left:0;
    padding: 5px;
    height: 40px;
	width:164px;
    outline: none;
    border: 3px solid #0486c2; border-right:1px solid #0486c2;}
.btn_menu_search {
    clear: both;
	    background: #0486c2;
    display: table;
    margin: 0 auto;
    width: 100%;
    position: relative;
	
}
.btn_menu_search div.table_row_search{
    display: table-row;
}
.menu_top_cate {
       display: table-cell;
    position: relative;
    vertical-align: middle;
	    background-color: #0486c2;
}
.search_top{    display: table-cell;
    width: 100%;
}
div#menu_cate{
    display: block;
    width: 250px;
	color: #fff;
    text-transform: uppercase;
    padding: 0 16px;
	
	font-family: MyriadPro_Bold;
	 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.menu_left{font-family: MyriadPro_Bold; position:relative;}
div.menu_left:after{content: "\f105";    font: normal normal normal 14px/1 FontAwesome; position:absolute; top:0; right:-7px;}

.header_top.fix_top .bg_in{position:relative;}
.header_top{    background-image: none, linear-gradient(to top, rgba(255, 255, 255, 0.74902) 0px, rgba(255, 255, 255, 0.8) 10px, rgba(255, 255, 255, 0.862745) 20px, rgba(255, 255, 255, 0.901961) 30px, rgba(255, 255, 255, 0.941176) 40px, rgba(255, 255, 255, 0.980392) 50px, rgba(255, 255, 255, 0.992157) 60px, rgb(255, 255, 255) 70px);
    background-color: transparent;
    box-shadow: rgba(5, 38, 57, 0.0470588) 0px 1px 0px 0px;
    background-repeat: repeat;
    background-position: center top;
    border-bottom: none; padding:5px 0;}
.menu_top_cate{position:relative;}
.menu_top_cate .cate_pro {position:absolute; top:38px; left:0; z-index:1000; width:100%; display:none;}
.menu_top_cate:hover .cate_pro {display:block;}
.menu_top_cate.home .cate_pro {display:block;}
div#cssmenu_flyout ul{background:#fff;}
/******end search*******/

/**********start_menu_plyout*************/
@charset "UTF-8";
/* Some stylesheet reset */
#cssmenu_flyout>ul{    border:2px solid #333;}
#cssmenu_flyout > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  line-height: 1;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
/* The container */
#cssmenu_flyout > ul{
  display: block;
  position: relative;
  width: 253px;
  /* The list elements which contain the links */

}
#cssmenu_flyout > ul li {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}
#cssmenu_flyout > ul li li{width:33.3%; display:inline-block; float:left; min-height:0;}
/* General link styling */
#cssmenu_flyout > ul li a {
  /* Layout */

  display: block;
  position: relative;
  margin: 0;
  padding: 10px 20px;
  /* Typography */

  font-family: Helvetica, helveticaneuelight, sans-serif;
    color: #6d6c6c;
  text-decoration: none;
  font-size: 12px;

}
/* The hover state of the menu/submenu links */
#cssmenu_flyout > ul li ul{padding:10px;}
#cssmenu_flyout > ul li li a{padding:5px 0; margin-bottom:5px;}
#cssmenu_flyout > ul li > a:hover,
#cssmenu_flyout > ul li:hover > a {
    color: #ba1707;
}
/* The arrow indicating a submenu */
#cssmenu_flyout > ul .has-sub > a::after {
    content: "\f105";
	    font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  top: 9px;
  right: 15px;
  width: 0px;
  height: 0px;
}
/* The same arrow, but with a darker color, to create the shadow effect */
#cssmenu_flyout > ul .has-sub > a::before {
  content: "";
  position: absolute;
  top: 17px;
  right: 10px;
  width: 0px;
  height: 0px;
}
#cssmenu_flyout > ul .has-sub ul li a{font-family: MyriadPro_Bold; font-size:12px; text-transform:uppercase;}

#cssmenu_flyout > ul .has-sub ul li li a{font-family:MyriadPro_Regular,helveticaneuelight, Helvetica, sans-serif;}
/* Changing the color of the arrow on hover */
#cssmenu_flyout > ul li > a:hover::after,
#cssmenu_flyout > ul li:hover > a::after {
  border-left: 4px solid #ffffff;
}
#cssmenu_flyout > ul li > a:hover::before,
#cssmenu_flyout > ul li:hover > a::before {
  border-left: 4px solid rgba(0, 0, 0, 0.3);
}
/* THE SUBMENUS */
#cssmenu_flyout > ul .menu_sub_all{
  position: absolute;
  left: 100%;
  top:0;
  padding-left: 5px;
  border: 2px solid #f2f2f2;
    border-left-width: 4px;
   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
	    z-index: -1;
	-moz-opacity: 0;
    opacity: 0;
    margin-left: -26px;
	margin-top:5px;
	visibility:hidden;
  width: 600px;
  background-color:#fff;
  min-height:300px;
  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

#cssmenu_flyout > ul ul ul{min-height:0;}
/* Showing the submenu when the user is hovering the parent link */
#cssmenu_flyout > ul li:hover > ul,#cssmenu_flyout > ul li:hover > .menu_sub_all{
  z-index: 10000;
	-moz-opacity: 1;
    opacity: 1;
    margin-left:5px;
	visibility:inherit;
  
}
#cssmenu_flyout > ul li:hover > .menu_sub_all ul ul{border:0;}
#cssmenu_flyout > ul .menu_sub{position:relative;}
#cssmenu_flyout > ul .menu_sub ul{position:static; opacity:1; width:100%; padding:0;}
#cssmenu_flyout > ul .menu_sub ul li{display:block; width:100%;}
#cssmenu_flyout > ul .menu_sub ul li a{padding:5px 0; font-weight:normal; font-size:12px;text-transform: inherit;}
.menu_sub_all{padding:5px;}
/************end menu_flyout**********/
.box-title{
    text-align: center;
}
.box-title .title-bar {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
.box-title .title-bar p.text_italic span{font-size:14px; font-style:italic;color: #aeaeae;}
.box-title h2,.box-title h3 ,.box-title h1{
    position: relative;
    z-index: 3;
    display: inline-block;
    margin: 0;
    font-size: inherit;
	  text-align: center;
	 padding: 0 30px;font-size: 30px;
 color: #666;
text-transform: uppercase;
}
.title_hr_icon i.fa{font-size:18px; color:#6bb457;}
.title_hr_office{position:relative;}
.title_hr_office:after{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 1px;
    content: "";
    background: #ccc;
    margin-left: -125px;
}
.title_hr_icon {
    display: inline-block;
    background: #fff;
    position: relative;
    z-index: 1000;
    padding: 0 15px;
}
/*************pro_all*************/
.module_pro_all{margin-top:20px;}
.girds_all {
    padding: 10px 0;
    margin: 0 -10px;
}

.grids {
    width: 33.3%;
    float: left;
    overflow: hidden;
    padding:0 10px;
	margin-bottom:15px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.grids_in {
    border: 1px solid #ccc;
}
.name-pro-right {
    width: auto;
    padding: 10px 5px;
}
.name-pro-right a {
    text-decoration: none;
    display: block;
}
.name-pro-right a h3 {
    text-align: left;
   height: 40px;
    margin: 0px;
    overflow: hidden;
    color: #000000;
    font-size: 14px;
    padding: 0;
}
.img-right-pro {
    width: 100%;
	    position: relative;
    height: auto;
}
.img-right-pro a{
	

    display: flex;
    overflow: hidden;
    position: relative;

    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;

    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}
.img-right-pro img {
    max-width: 100%;
	  max-height: 100%;
	  height:auto; width:100%;
	  margin:0 auto;
    display: block;
}
.price_old_new{border:1px solid #f1f1f1; border-left:0; border-right:0; position:relative; padding:15px 10px; height:auto;    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.price_old_new .price {
    width:100%;
	line-height:1.5em;
}
.price_old_new .price span{display:block;}
.price_old_new .price span.news_price {
    font-size: 14px;
    color: #666;
	padding-bottom:10px;
    position: relative;
    display: inline-block;
    font-family: arial
}
.price_old_new .price span.dv {
    display: inline-block;
    font-size: 14px;
}
.price_old_new .price span.dv {
    position: absolute;
    top: 0;
    right: -27px;
}

.img-right-pro span.dis_office {
    display: inline-block;
    padding: 5px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    position: absolute;
    bottom: 5px;
	font-style:italic;
    left: 5px;
}
.price_old_new .price  span.old_price{font-size:12px; color:rgba(111, 43, 1, 0.81);font-family:helveticaneuelight;}
.price_old_new .price span.dv{display:inline-block;}
.price_old_new span.discout {
     padding: 10px;
    background: #6bb457;
    color: #fff;
    position: absolute;
    top: 45px;
    font-size: 18px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    right: 5px;
    margin-top: -18px;
}
@media(max-width:768px)
{
	.grids {width:50%;}
}

@media(max-width:350px)
{
		.grids {width:100%;}
}
/**************end pro_all************/
.module_adv {margin:0 -10px; padding:10px 0 10px;}
.module_adv img{max-width:100%;}
.adv_left,.adv_right{width:50%; float:left; padding:0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.slide-out-div {
   padding: 10px;
	width: 235px;
	background: #f2f2f2;
	border: #29216d 2px solid; z-index:100000;
	right:0px;
}
.handle {
    cursor: pointer;
    text-align: center;
    line-height: 35px;
    color: #fff;
    margin-right: -2px;
    background: #29216d !important;
    margin-top: -2px;
}
#back-top {
    position: fixed;
    bottom: 130px;
    right: 15px;
    font-size: 36px;
    cursor: pointer;
    background: #fff;
    width: 40px;
    height: 40px;
    z-index: 10000;
    line-height: 0;
    text-align: center;
    color: #6bb457;
    border: 2px solid #6bb457;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
@media(max-width:768px)
{
#back-top { right:5px;}
}
.info_top span i.fa {

	padding:2px 5px;
	color:#fff;
}
.info_top span {
    font-size: 14px;
    color: #fff;
}
.header_top_menu_all{min-height:62px;}
.fix_top{ 
position:fixed; top:0; z-index:10000; animation-name: animatetop; -moz-animation-name: animatetop; -webkit-animation-name: animatetop;
animation-duration: 0.5s; -moz-animation-duration: 0.5s; -webkit-animation-duration: 0.5s; width:100%;     -webkit-box-shadow: 0px 2px 5px 0px rgba(30, 30, 30, 0.1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(30, 30, 30, 0.1);
    box-shadow: 0px 2px 5px 0px rgba(30, 30, 30, 0.1); padding:5px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
/**********start footer************/
footer{background-color:#6bb457; padding:20px 0 0 0 ;}
.footer{color:#fff; margin:0 -20px; padding:10px 0 20px 0;}
.copyright{padding: 10px 0;
    background: #5aa247;
    color: #fff;
    text-align: center;}
.footer-col {
    width: 25%;
    float: left;

    padding: 0 20px;
    box-sizing: border-box;
}
.footer-col>h4 {
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    margin: 5px 0px;
    font-weight: normal;
    font-family: arial
	margin-bottom:15px;
}
.footer-col ul{list-style:none; margin:0px; padding:0px;}
.footer-col ul li{padding:5px 0; position:relative; padding-left:15px;}
.footer-col ul li:before{    content: "\f105"; font: normal normal normal 14px/1 FontAwesome; position:absolute; left:0; top:3px;}
.footer-col-content ul.list_ul li.lists:before,.footer-col:first-child ul li:before{display:none; }
.footer-col-content ul.list_ul li.lists,.footer-col:first-child ul li{padding-left:0;}
.footer-col-content ul.social li{padding-left:3px;}
.footer-col ul li a{text-decoration:none; color:#fff;    font-size: 12px;}
.footer-col ul li a>span{padding-right:5px;}
h4.tkw9999, h4.tkw9999>a{margin: 0;font-size: 12px;color:#fff;font-weight:normal; display: inline-block;}
.display_none_more>h4>span.toggle,.footer-col.display_none_more>.footer-col-content{display:none;}

@media only screen and (min-width: 768px)
{
	.footer-col-content {
		height: 100% ;
		display: block ;
		opacity: 1;
	}
	.sitebar-col h4{pointer-events: none;}
}
@media (max-width:768px)
{
	.footer-col{width:50%;}
}
@media (max-width:768px)
{
	.footer-col>h4 {cursor:pointer;}
	.footer-col>h4 span.toggle{ position:absolute; top:0px; right:10px;}
	.footer-col>h4 span.toggle:after{  content: "\f107";  font: normal normal normal 14px/1 FontAwesome;}
	.footer-col>h4 span.toggle.opened:after{  content: "\f105";  font: normal normal normal 14px/1 FontAwesome;}
	.footer-col-content{display:none;}
	.footer-col{width:100%; float:none;}
	.footer-col-content{display:none;}
	.news_fixed_in.footer-col-content{display:block;}
}
/***********end footer************/

.display_mobile{display:none;}
.display_destop{display:block;}
/***********start contact***********/
*{padding:0; margin:0;}
.contact_form{font-family:"helveticaneuelight";}
textarea{resize:vertical;/*resize:none; resize:horizontal;*/ }
.map{ margin-bottom:20px;}
.map iframe{width:100%; height:300px;}
.contact_form .contact_left{width:55%; float:left;    padding-right: 15px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.contact-list {
    font-size: 17px;
    line-height: 24px;
    color: #5a6063;
    margin-bottom: 59px;
	list-style:none;
	margin:0; padding:0;
}
.contact-list li {
    padding: 10px 0;
    position: relative;
    margin-bottom: 10px;
    min-height: 55px;
	position:relative;
}


.contact-list .title, .hiring-box .title {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    display: block;
    margin: 0 0 8px;
	text-transform: uppercase;
}
.contact-list p {
    margin: 0 0 5px;
	font-size:14px;
}
.hiring-box {
    font-size: 14px;
    line-height: 24px;
    color: #5a6063;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding:10px 0;
}
.hiring-box .title {
    font-size: 18px;
    margin: 0 0 10px;
}
.arrow-link {
    font-size: 14px;
    color: #009ddc;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 20px 0 0; 
    position: relative;
    -webkit-transition: color .3s ease-out,background-color .3s ease-out;
    -moz-transition: color .3s ease-out,background-color .3s ease-out;
    transition: color .3s ease-out,background-color .3s ease-out;
}
.ch-contacts-details {
    padding: 0 0 30px 0;
}
.contact_form .contact_right{width:45%; float:left;}
/**********thông tin*************/
.clear{clear:both;}
input, select, textarea{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; 
	-o-box-sizing: border-box;
}
input[type="text"],input[type="file"],input[type="submit"], input[type="password"], textarea, select { 
    outline: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; 
	-o-box-sizing: border-box;
}
input[type="text"] {
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}
input[type="text"]:focus,
input[type="text"].focus,textarea:focus,
textarea.focus, select:focus,
select.focus {}
.box_contact{width:100%; }
.title-box_contact{width:auto; padding:10px; background:#8A0000; font-size:16px ; color:#fff; text-transform:uppercase;}
.content-box_contact{width:100%; margin:0 auto; }
.row{width:100%; margin-top:5px;}
.text-input{width:30%; float:left; font-size:14px; text-align:right; padding-right:15px; margin-top:8px;box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; 
	-o-box-sizing: border-box;}
.input{width:100%; float:left;}
.input label {
    display: block;
    font-size: 14px;
    color: #0a4f82;
	text-align:left;
    margin: 0 3px 5px 0;
}
.clsip,.clsipa{width:100%; padding:7px; 
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; height:35px;
border:1px solid #ccc;}

.clsipc{width:100%; 
 padding:7px; border:1px solid #ccc;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; height:auto;
 }

.clsipa{min-height:150px;}

.input.ipmaxn.mxntext {
    font-size: 22px;
}
.clsipxn{padding:7px; width:80%;
 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
border:1px solid #ccc;}
.ipmaxn{width:100%; text-align:left;}
.img-reload{float:left; margin:5px; font-weight:bold;}
.btn-reload{ width:32px; height:30px; border:0px; margin-left:15px; cursor:pointer;}
.divbtn-gui{float:left;}
.btn-gui{border:0px; padding:3px 30px 3px 30px; margin-left:30px;
background:#8A0000; font-size:13px;color:#fff;
cursor:pointer;
}
input.btn-gui {
    margin: 0;
    padding: 5px 20px;
    width: auto;
    font-size: 14px;
	font-weight:bold;
    background: #fff;
	color:#333;
	font-family:MyriadPro_Bold;
    text-transform: uppercase;
	border: 1px solid #333;
}

.bdnone{border:none;}

.btnclass{margin:0px;}

/***********START checkbox************/
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span, input[type=radio ]:not(old):checked + label > span {
    background-image: -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image: -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image: -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image: -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image: linear-gradient(rgb(224,224,224),rgb(240,240,240));
    position: relative;
}

input[type=checkbox]:not(old):checked + label > span:before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    display: block;
    width: 1em;
    color: #333;
    font-size: 0.875em;
    line-height: 1em;
    text-align: center;
    text-shadow: 0 0 0.0714em rgb(115,153,77);
    font-weight: bold;
    position: absolute;
    top: -5px;
    font-size: 20px;
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}

/*********END checkbox************/
/********START choose file********/

/* Container of demo-styling */
.choose_file {
/* Make padding go inside the element, instead of expanding */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position:relative;
}
/* Container for 2 child elements (button & filename) */
.fileUpload {
background: #fff;
border: 0;
display: block;
width: 100%;
    border: 1px solid #ccc;
}
/* The button */
.fileUpload .fileBtn {
	color:#fff;
background: #333;
cursor: pointer;
float: left;
font-size: 1em;
font-weight: bold;
padding: 10px;
text-align: center;
width:100px;
font-size:13px;
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -mz-box-sizing:border-box; -o-box-sizing:border-box;
}
.fileUpload .fileBtn:hover {
}
/* Where the input-name will be filled in */

.fileUpload .fileName {
float: right;
overflow: hidden;
white-space: nowrap;
width: calc(100% - 100px);
width: -webkit-calc(100% - 100px);
width: -moz-calc(100% - 100px);
text-align: left;
color: #000;
padding:10px;
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -mz-box-sizing:border-box; -o-box-sizing:border-box;
}
.fileUpload .fileBtn,.fileUpload .fileName{height:35px;}
/* Animation (hover) */
.fileUpload .fileBtn:hover {
-webkit-transition-property: background;
-webkit-transition-duration: 0.4s;
-webkit-transition-timing-function: ease-in;
-moz-transition-property: background;
-moz-transition-duration: 0.4s;
-moz-transition-timing-function: ease-in;
-o-transition-property: background;
-o-transition-duration: 0.4s;
-o-transition-timing-function: ease-in;
-ms-transition-property: background;
-ms-transition-duration: 0.4s;
-ms-transition-timing-function: ease-in;
transition-property: background;
transition-duration: 0.4s;
transition-timing-function: ease-in;
}
/* Clear input-parent, due to child-floats */
.fileUpload:after {
clear: both;
content: " ";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
/********END File***********/
label.choosefile{display:inline-block;
    color: #fff;
    background: #333;
    cursor: pointer;
    float: left;
    font-size: 1em;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 100px;
	height:100%;
    font-size: 13px;

box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -mz-box-sizing:border-box; -o-box-sizing:border-box;
margin:0;
position:absolute; top:0; left:0;
}
.logo_contact{display:block; text-align:center; padding:20px 0;}
.logo_contact img{display:inline-block; max-width:100%; min-width:40%; width:50%;}
.input_code_wp{position:relative;}
.input_code_wp .input_code {padding-left: 110px;}
.input_code_wp .text_code{position: absolute;
    top: 0;
    left: 0;
    background-color: #333;
    color: #fff;
    height: 40px;
    width: 100px;
    padding: 10px;
    text-align: center;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    font-weight: bold;}
.title h3 {
    margin: 0;
    margin-bottom: 15px;
    color: #333;
    font-size: 25px;
    font-weight: bold;
}
.private {
    height: 400px;
    width: 100%;
    overflow: auto;
	line-height:1.5em;
}
.register_r a {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 10px;
    color: #fff;
    font-size: 18px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
	text-decoration:none;
}
.register_r a{color:#333;}
.register_r a.fb {
    background: #425F9C;
	color:#fff;
}
.register_r a.gl {
    background: #DD4E42;
	color:#fff;
}
.register_btn .ipmaxn{text-align:left;}
.blogin{margin:10px 0;}
.blogin a,.blogin{padding:0; font-weight:normal; font-size:14px}
.login_form{width:400px; margin:0 auto;}
.login_wrapper{
	display: flex;
    display: block;
    overflow: hidden;
    position: absolute;
    margin-bottom: 10px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    height: 100%;
	width:100%;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}
.login_wrapper_in{width:100%;}
.login_wrapper .form_contact_in{width:100%;}
@media (max-width:768px)
{
	
	.contact_form .contact_right,.contact_form .contact_left{width:100%; float:none; margin-bottom:15px;}
	.clsip,.clsipa{width:100%; }
	.content-box_contact{width:100%; margin:0 auto;}
	.text-input,.input{width:auto;text-align:left; float:none;}
	.text-input{padding-right:0px;}
	.clsipxn{width:100%;}
	.ch-contacts-details{padding-bottom:0;}

	.hiring-box{padding:10px;}
	
}
@media (max-width:550px)
{

}
@media (max-width:400px)
{
	.contact-list li,.hiring-box{padding:0; margin-bottom:20px;}
	.contact-list li.addr:before,.contact-list li.phone:before{display:none;}
}
@media (max-width:350px)
{

}
.content-box_contact .row{margin-bottom:10px;}
 .map-container {
    width: 100%;
}
.map-container iframe{
    display: block;
    width: 100%;
    pointer-events: none;
}
.map-container iframe.clicked{
    pointer-events: auto;
}
@media(min-width:769px)
{
	div.menu_left{pointer-events: none;}
}
/*********End form contact***********/
/***********end contact**********/
.wp_page{width:100%; text-align:right; padding:10px 0px;}
.wp_page>.page{width:100%;}
.wp_page>.page a{font-size:13px; border:1px solid #6bb457; padding:5px 10px; text-decoration:none; font-weight:normal; color:#6bb457; display:inline;line-height:2.5em; }
.wp_page>.page a:hover,.wp_page>.page a.active{background:#6bb457;    border-color: #6bb457; color:#fff; font-weight:normal;}


.product-bar {
    margin-bottom: 0;
    overflow: hidden;
}
.product-bar .sort-by {
    border: 1px solid #eee;
    float: left;
    padding:10px;
	margin-right:5px;
}
.product-bar .sort-by label {
    display: inline-block;
    max-width: 100%;
	    font-size: 13px;
    padding-right: 15px;
}
.product-bar select {
    width: auto;
    border: 0px solid;
    display: inline-block;
}
.product-bar .limit-product {
    float: left;
}
.content_page{padding:20px 0;}
.content_text{min-height:350px; padding:0px 0 5px 0; line-height:1.5em; font-size:1em;}

/********start news*************/
/* CSS Document */
.clear{clear:both;}
ul.list_ul{list-style:none; margin:0; padding:0;}
ul.list_ul li.lists{width:100%; float:left; margin:0; font-family:Gotham, "Helvetica Neue", Helvetica, helveticaneuelight, sans-serif; padding: 0 0 10px 0; margin-bottom:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  position:relative;     border-bottom: 1px dashed #999;}
ul.list_ul li.lists .date-box{left:10px; top:10px;}
ul.list_ul li.lists .date-box {
    width: 60px;
    position: absolute;
    text-align: center;
    border: solid 1px #333;
}
ul.list_ul li.lists .date-box .day {
    color: #333;
    display: block;
    font-size: 20px;
    padding: 5px 0 5px 0;
	background:rgba(255,255,255,0.4);
    font-family: 'UTMCafeta',helcan, helveticaneuelight, sans-serif;
}
p.list-news-status-p{margin:5px 0; color:#ccc; }
p.list-news-status-p a {
    font-size: 12px;
    color: #333;
    text-decoration: none;
    font-style: italic;
}

ul.list_ul li.lists .date-box .month {
    font-size: 12px;
    display: block;
    color: #fff;
    background: #6d6c6c;
    font-family: 'UTMCafeta',helcan, helveticaneuelight, sans-serif;
}
.img-list{width:20%; height:auto;  float:left}
.img-list>a{display:block; text-align:center;}
.img-list-in{width:100%; height:auto; margin:0 auto;}
.content-list{width:80%; float:left}
.title-list{font-size:16px; color:#6d6c6c; text-transparent:uppercase;}
.title-list h3{margin:0;}
.title-list h3 a{font-size:16px; color:#6d6c6c; text-transform:uppercase; text-decoration:none;}
.content-list-in{width:100%; margin:5px 0px; font-size:13px; text-align:justify;}
.content-list_inm{margin-left:20px;}
.lists .xt{width:100%; text-align:right;}
.lists .xt a{text-decoration:none; color:#fff; padding:5px 20px 5px 10px;font-size:13px;  font-weight:bold; display:block; float:right; font-style:italic; position:relative; margin-top:5px;font-family: 'UTMCafeta',helcan, helveticaneuelight, sans-serif; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;     background: #333;    border:1px solid #333; }
.lists .xt a:hover{color:#333; background:transparent; }
.lists .xt a:after{content: "\f178"; position:absolute; bottom: 5px; right: 3px;  font: normal normal normal 14px/1 FontAwesome;}
@media (max-width:400px)
{
	ul.list_ul li.lists{padding-left:0;}
	.img-list{width:100%; float:none; height:auto;}
	.content-list{width:100%; float:none;}
	.content-list_inm{margin-left:0px;}
	.title-list h3 ,.content-list-in {margin-top:10px;}
	
}
.related_news {
    margin: 0px;
	padding-bottom:30px;
	text-align:left;
}
.related_news_title {
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
	text-transform:uppercase;
    /* border-bottom: 1px; */
    padding: 10px 0px 10px 0px;
    border-bottom: 1px dashed #ccc;
}
.related_news_title span{padding-right:5px;}
.related_news_content ul {
    list-style: none;
    padding-left: 15px;
	padding:0;
	
	margin:15px 0px;
}
.related_news_content ul li {
    font-size: 14px;
	padding:5px 0px;
}
.list_fonts {
    padding-right: 5px;
}
.related_news_content .fa{padding-right:5px;}

.related_news_content ul li::before{content: "\f105";     font: normal normal normal 14px/1 FontAwesome; color:#AEB0B3; font-size:15px;}
.related_news_content li a{}

/*********end news*********/
/* CSS Document */
.container_tabs {}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: auto;
	width: 100%;
}
ul.tabs li {
	
	float: left;
	margin: 0;
	padding: 0;
	height: auto;
	line-height: 1.5em;
	border-left: none;
	background: #333;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
text-decoration: none;
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 10px 15px;
    border: 1px solid #fff;
    outline: none;
    border: 1px solid #333;
}
ul.tabs li a:hover {
	background: #ccc;
	color:#333;
	border-color:#ccc;
}	

html ul.tabs li.active a {
    border: 1px solid #333;
    color: #333;
    background: #fff;
}

.tab_container {
	border: 1px solid #333;
	margin-top:10px;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
}
.tab_content {
	padding:15px;
	font-size: 13px;
	display:none;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}
/**********start_cart************/
.table .display_mobile{display:none;}
.clear {
    clear: both;
}
.floatleft {
    float: left;
}
.container_table{
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
	    overflow: hidden;
}
.container_table table.table {
  display: table;
  border-collapse: collapse;
  border-spacing: 2px;
  border-color: #ccc;
    width: 100%;
	  font-size:13px;
	  margin-bottom:20px;
	  font-family:Gotham, "Helvetica Neue", Helvetica, helveticaneuelight, sans-serif;

}

.table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: middle;
  padding: 5px; text-align:center;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  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,-webkit-box-shadow ease-in-out .15s;
  -o-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;
}

.btn_df {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
    text-decoration: none;
}

.btn-sm,.btn-group-sm>.btn_df {
  padding: 0px 10px;
  font-size: 12px;
  line-height: 1.5;
      margin-left: 5px;
}

.btn_table_td_rf_del {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.btn-sm, .btn-group-sm>.btn_df {
  padding: 3px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.floatleft.width50 {
    width: 40px;
}
.btn_table_sc {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.btn_table {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.btn_df.btn_table_td_rf_del.btn-sm{margin-left:0; height:auto; font-size:15px;}


.btn_table:hover, .btn_table:focus, .btn_table:active, .btn_table.active, .open>.dropdown-toggle.btn_table {
  color: #fff;
  background-color: #333;
  border-color: #d58512;
}

.col_table_image.col_table_hidden-xs{
  width: 100px;
margin:0 auto;
}
.col_table_name {
  padding: 0px 10px;
}

.clear{clear:both;}
.floatright{float:right;}
.floatleft {
    float: left;
    width: 50px;
}
a.btn_df.btn_table.floatleft{width:auto;}
.aligncenter{text-align:center;}
.text-center{background:none;}
input[type="number"] {
	width:50px; padding: 5px 10px 5px 3px; outline:none; -moz-outline:none; -ms-outline:none; -webkit-outline:none; -o-outline:none;
	text-align:center;
}

.tr_first{background:#eee; color:#333;}
.tr_first>th{padding:10px 0px; text-align:center; color:#333; font-size:14px; font-style:italic;}
tr{background:#fff;}

.btn_df.btn_table_td_rf_del.btn-sm.btn_ref {width: 100%;}
.number{border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px; border:0px;}


.inputsoluong {
    border: 0px;
    text-align: center;
    border: 1px solid #D4D2D2;
}

td.textright {background-color: #fff; font-size:16px; font-weight:bold;}

span.color_red.font_money{    color: red; font-size:16px; font-weight:bold;}
.col_table_image.col_table_hidden-xs img {
    width: 100%;
}
input.inputsoluong {
    width: 100%;
    padding: 6px 10px;
    box-sizing: border-box;
}
td.textright {
    font-size: 18px;
    color: red;
}
td.textright {
    height: 45px;
}
table#cart tbody td {}

table#cart tbody td .form-control{
	width:100%;
	display: block ;
}	

.data-table td{text-align: center;}
td.textright_text{ font-size:18px; color:#333; text-transform:uppercase;}
a.btn_df.btn_table.floatleft{background-color:transparent; border:0; color:#333; font-weight:bold; font-size:13px;    padding: 10px;
    line-height: 20px;}
tr.tr_last {
    background-color: #EEEEEE;
}
button {
    border: 0px;
}
.btn_df.btn_table_sc.btn-block{
    outline: 0;
    background-color: #A7A6A6;
    border: 0;
    color: #fff;
    width: auto;
    box-shadow: 3px 3px 0px #dcdcdc;
	
}
.btn_df.btn_table_td_rf_del.btn-sm
{
	  outline: 0;
    background-color: #A7A6A6;
	border:0;
	    box-shadow: 3px 3px 0px #dcdcdc; -moz-box-shadow: 3px 3px 0px #dcdcdc; -webkit-box-shadow: 3px 3px 0px #dcdcdc; -ms-box-shadow: 3px 3px 0px #dcdcdc; -o-box-shadow: 3px 3px 0px #dcdcdc;
}
i.fa.fa-refresh,i.fa.fa-trash-o{color:#fff;}
tr {border: 1px solid #ddd;    box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }
span.text_price {
    font-weight: bold;
}
span.text_price.color_red{color:red; font-weight:bold;}
.table>tbody>tr>td.textright_text{text-align:right;}
.sum_price_all{padding:10px 0; font-size:16px;}
/* Table Desktop*/

@media screen and (max-width:768px){
	.table tbody tr td:first-child{padding: 15px 10px;}

	.col_table_name{width:100%; padding: 0px;}
	.table>tbody>tr>td, .table>tfoot>tr>td{border: 0px solid #C7E4EF;     text-align: left;}
	table{border-collapse:collapse; border: 0px solid #ccc;}
	.actions .btn_table_td_rf_del{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	}
	
	.table thead { display: none; }
	.table tbody td { display: block; padding: 5px; min-width:0px; text-align:left;}
	.table,.table td,.table tbody{display: block;}
	.table tr {
			display: block;
			width: 100%;
	}
	.table tbody tr td:first-child { background: #333; color: #fff; }
	.table tbody tr td.textright_text {
    background: transparent;
    color: #333;
    border: 2px solid #ccc;
}
	.table tbody td:before {
		content: attr(data-th); font-weight: bold;
		display: inline-block; font-size:16px;
		text-transform:uppercase;
	} 
	.table tfoot td .btn{display:block;}
	td.col_table_hidden-xs.text-center {background-color: transparent !important;}
	td.col_table_hidden-xs.text-center strong{color:#333;}
	table{padding-bottom:10px;}
	td.actions.aligncenter { height: auto; padding:15px 0; text-align:center; background: #f1f1f1;}
	td.actions.aligncenter>.btn_df.btn_table_td_rf_del.btn-sm{    min-width: 200px;
    margin: 0 auto;
    display: inline-block;
    float: none;
    box-shadow: none;
    border: 2px solid #D22D11;
    background: transparent;
    color: #ccc;}
	td.actions.aligncenter>.btn_df.btn_table_td_rf_del.btn-sm i.fa.fa-trash-o{color:#D22D11; display:inline-block; font-size:30px;}
	.table .display_mobile{display:block;}
	td.actions.aligncenter>.btn_df.btn_table_td_rf_del.btn-sm>span.display_mobile {
    color: #D22D11;font-size: 18px;display: inline-block;text-transform: uppercase;font-weight: bold;}
	h4.nomargin {margin-bottom: 0px; font-size:14px;}
	.col_table_name p {margin-top:5px;}
	.table tbody td .row h4 {color: #fff;font-size: 14px;  font-weight:normal; color:#333;    margin-top: 5px;     margin-bottom: 5px; }
	.color_red{color:red;}
	.table tbody tr td.textright{text-align:center; height:auto; padding:10px 10px;}
	.btn_df.btn_table_td_rf_del.btn-sm { margin-left: 5px;}
	td.actions.aligncenter>.btn_df.btn_table_td_rf_del.btn-sm{margin-left:0; box-shadow: 3px 3px 0px #ccc; -moz-box-shadow: 3px 3px 0px #ccc; -webkit-box-shadow: 3px 3px 0px #ccc;}
	.table>tbody>tr>td.textright_text{text-align:center;}
	span.color_red.font_money{padding-left:5px;}
	.sum_price_all{padding:0;}
	.table>tbody>tr>td.textright_text{line-height:0;}
}
h4.nomargin {
    font-weight: normal;
}
.thongke_truycap{display:block; color:#fff;}
.tkw9999{}
.info_top img{height:20px;}
.info_top span{display:inline-block;}
.info_top span:first-child{padding:5px; background:#FB4E18; color:#fff;}
.header_top_menu{}
.mail_hotline,.social_wp{display: inline-block;}
.social_wp{float:right;}
.mail_hotline {float:left;}
/****************/
ul.social{list-style:none;}
ul.social li{float:left;  padding-left:5px;} 
ul.social li a{
	display: inline-block;
    width: 30px;
    line-height: 28px;
    height: 30px;
    background: #686868;
    color: #fff;
    font-size: 16px;
	position:relative;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;} 

ul.social li a i.fa{position:relative; z-index:1000;}
ul.social li a.fb{background:#425F9C;}
ul.social li a.gl{background:#DD4E42;}
ul.social li a.yt{background:#CC181E;}
ul.social li a.tw{background:#55ACEE;}
ul.social li a:hover i.fa{color:#333;}
/*****************/

.infor_a_in{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.links_container{
	 display: flex;
    overflow: hidden;
    position: relative;

    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
	    position: absolute;
    width: 100%;
    height: 100%;
}
.links_container .icon_top{}
.links_container .icon_top{text-align:center; width:100%;}
.links_container .icon_top ul{display:inline-block; background:transparent;}
.links_container .icon_top ul li{float:left; background:transparent; padding:0 5px;}
.links_container .icon_top ul li a{
	background: transparent;
    display: inline-block;
    padding: 5px;
    font-size: 16px;
    color: #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background: #565758;
    line-height: 30px;
	overflow:inherit;
text-align: center;}
.links_container  .infor_pro .infor_pro_text{color:#fff;}
.links_container .infor_pro {text-align:center; line-height:1.8em; }
.a_infor_pro .infor_a_in{opacity:0; -moz-opacity:0; visibility:hidden; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; z-index:-1;}
.a_infor_pro:hover .infor_a_in{opacity:1; -moz-opacity:1; visibility:inherit; z-index:1000;}

.links_container .icon_top ul li span.icon-hover {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: -2px;
    top: -2px;
    border: 2px solid rgba(255,255,255,.38);
    opacity: 1;
    visibility: hidden;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.links_container .icon_top ul li:hover span.icon-hover{
	visibility: visible;
    opacity: 0;
    -webkit-transform: scale(1.3);
    -mox-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}
.section_bg_gd{
	background-image: url("../img/bg_section.png");
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, 0);
    background-size: cover;

	
}
.main-gradient {
    background-image: none, #ffffff none repeat center top, -moz-linear-gradient(top, rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.86) 10px, rgba(255, 255, 255, 0.9) 20px, rgba(255, 255, 255, 0.94) 30px, rgba(255, 255, 255, 0.98) 50px, rgba(255, 255, 255, 0.99) 60px, #ffffff 70px);
    background-image: none, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
    background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.86) 10px, rgba(255, 255, 255, 0.9) 20px, rgba(255, 255, 255, 0.94) 30px, rgba(255, 255, 255, 0.98) 50px, rgba(255, 255, 255, 0.99) 60px, #ffffff 70px);
    background-image: none, -o-linear-gradient(top, rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.86) 10px, rgba(255, 255, 255, 0.9) 20px, rgba(255, 255, 255, 0.94) 30px, rgba(255, 255, 255, 0.98) 50px, rgba(255, 255, 255, 0.99) 60px, #ffffff 70px);
    background-image: none, -ms-linear-gradient(top, rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.86) 10px, rgba(255, 255, 255, 0.9) 20px, rgba(255, 255, 255, 0.94) 30px, rgba(255, 255, 255, 0.98) 50px, rgba(255, 255, 255, 0.99) 60px, #ffffff 70px);
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.86) 10px, rgba(255, 255, 255, 0.9) 20px, rgba(255, 255, 255, 0.94) 30px, rgba(255, 255, 255, 0.98) 50px, rgba(255, 255, 255, 0.99) 60px, #ffffff 70px);
    background-repeat: repeat;
    background-attachment: ;
    background-position: center top;
    background-size: auto;
    -webkit-box-shadow: 0px -1px 0px 0px rgba(5, 38, 57, 0.05);
    -moz-box-shadow: 0px -1px 0px 0px rgba(5, 38, 57, 0.05);
    box-shadow: 0px -1px 0px 0px rgba(5, 38, 57, 0.05);
}
.main-gradient {
    display: block;
    position: relative;
    width: 100%;
    height: 70px;
    margin-top: -50px;
    z-index: 3;
}
.contact_right.search_office{padding: 20px;    border: 1px solid #EAEAEA;
    background: #F7F7F7;}
.contact_right.search_office input[type=text],.contact_right.search_office select{
	    margin-bottom: 10px;
    padding: 7px 15px;
    border: 1px solid #e0e1e1;
    background-color: #fbfcfc;
    color: #b8bcbe;
}
.contact_right.search_office input.btn-gui{width:100%; 
	height:auto;
	line-height:1.5em;
    padding-left: 12.666666666667px;
    padding-right: 12.666666666667px;
    color: #fff;
	line-height:1.5em;
	padding:0;
    text-transform: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    font: normal normal normal 14px / 36px Helvetica, helveticaneuelight, Verdana, sans-serif;
    border-radius: 2px;
    background-color: #646464;
    background: #646464;
    background: -moz-linear-gradient(30deg,#646464 0%,#6b6b6b 100%);
    background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#646464),color-stop(100%,#6b6b6b));
    background: -webkit-linear-gradient(30deg,#646464 0%,#6b6b6b 100%);
    background: -o-linear-gradient(30deg,#646464 0%,#6b6b6b 100%);
    background: -ms-linear-gradient(30deg,#646464 0%,#6b6b6b 100%);
    background: linear-gradient(30deg,#646464 0%,#6b6b6b 100%);
}
input.text_slider {
    padding: 0px 5px !important;
    text-align: Center;
    color: #333 !important;
	font-weight:normal !important;
	background-color:transparent !important;
	font-size:18px;
	margin-bottom:5px !important;
}
section.section_bg_gd .bg_in{padding:20px 0 35px 0;}
div#slider-range .ui-slider-range { background: #333; }
.cols{}
.float_left{float:left;}
.float_right{float:right;}
.col_4{width:33.333%;}
.col_6{width:50%;}
.col_8{width:66.667%;}

.row.slider_range {
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
}


.row.slider_range >.input{width:90%; display:inline-block;    float: none;}
.wrapper_list_dis{padding-left:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.wrapper_list_process_dis{margin-top:10px;}
.wrapper_list_dis .title_top{}
.wrapper_list_dis .title_top h3{font-size:18px; font-family: MyriadPro_Bold;}
.list_process_dis{margin:0 -10px;}
.list_process_dis ul li{width:50%; float:left; margin-bottom:10px; padding: 0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.list_process_dis a{display:block; margin-bottom:10px;}
.list_process_dis a p.vc_label{    margin: 0;
    font-size: 13px; margin-bottom:10px;
    font-family: arial}
.sp_count{
    float: right;
    font-size: 12px;
    color: #F9F9F9;
    background: #6bb457;
    padding: 0 5px;
    border-radius: 2px;
    line-height: 18px;
}
section{padding:30px 0; border: 1px solid #ccc; border-left:0; border-right:0;  border-bottom:0;}
section.section_top_slier_cate{padding:0; border-top:0; background:#fff;}
section:nth-child(odd){ background:#F9F9F9}
section:nth-child(odd) .title_hr_icon{background: #F9F9F9;}
.counter_list{}
.counter_list ul{}
.counter_list ul li{width:25%; float:left; text-align:center;}
.counter_list ul li .icon_top{ font-size:24px; display:block; padding:0 5px; color:#d6d6d6; margin-bottom:5px;}

.counter_list ul li .numbber{ color:#666; padding:10px 0; display:inline-block;}
.counter_list ul li .numbber span {
    display: block;
    float: none;
	font-size:40px;
	font-family:helveticaneuelight;
    padding: 10px;
}
.counter_list ul li .type_text{} 
.counter_list ul li .type_text span h4{font-size:20px; color:#666; font-weight:normal; display:inline-block; font-family:helveticaneuelight;}
.counter_list ul li .type_text span.location{font-size:13px; color:#666; font-style:italic;}
.news .grids{width:100%;}
.news .grids .price_old_new .price{width:100%;}
.news .grids .price_old_new .price span.news_price{display:block; margin-bottom:10px ;border-bottom:1px dashed #ccc; line-height:1.5em;    font-family: arial}
.news .grids .price_old_new .price .content_des{line-height:1.5em;    color: #555;}
.news .price_old_new .price span.news_price{text-transform:inherit;}
#owl-prev{position:relative}
.owl-carousel .owl-prev,.owl-carousel .owl-next{position:absolute; top:50%; }
.owl-carousel .owl-prev{left:0;}
.owl-carousel .owl-next{right:0;}

.owl-carousel .owl-prev, .owl-carousel .owl-next{
	    width: 35px;
		font-size: 24px;
		margin:0;
		    line-height: 27px;
		border-radius:50%;
		box-sizing:border-box;
		-moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    height: 35px;
	box-shadow:2px 2px 5px #333;
	background:#fff; color:#333;
}
.owl-carousel .owl-prev, .owl-carousel .owl-next{opacity:0; visibility:hidden; z-index:-1; transition:all 0.5s;}
.owl-carousel:hover .owl-prev, .owl-carousel:hover .owl-next{opacity:1; visibility:inherit; z-index:100;}
.footer-col-content	.social_wp{padding:10px 0;}
.footer-col-content	 .social_wp{float:left;}
.infor_footer{line-height:1.8em;}
.footer-col-content .title-list h3 a{font-family:arial; font-weight:normal; text-transform:initial;}
.footer-col-content .content-list_inm{margin-left:10px;}
.footer-col-content .title-list h3{line-height:1em;}
.footer-col-content ul.list_ul li.lists{border-bottom:0; margin-bottom:0;}
.readmore_a{text-align:center;}
.readmore_a a.read_more{display:inline-block;
padding:5px;font-size:12px; text-transform:uppercase; text-align:center;     background: #6bb457; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
/***********end_cart**********/
.row.slider_range .ui-widget-content,.row.slider_range .ui-slider-range{height:17px;border-radius: 4px;box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB;}
.row.slider_range .ui-slider .ui-slider-handle{height:25px; width:25px;    box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB;}

  #progressbar .ui-progressbar-value {
    background-color: #ccc;
  }
  .wrapper_info{margin-top:20px;}
  .news_fixed{
	  width:285px; position:fixed; bottom:-150px; z-index:-1; visibility:hidden; opacity:0; -moz-opacity:0; right:20px;  z-index:1000;  background:#fff; padding:10px; border:1px solid #ccc; 
}
.news_fixed_add{
		transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; bottom:20px; z-index:1000; visibility:inherit; opacity:1; -moz-opacity:1;
}
.news_fixed_add_remove{transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; bottom:-150px; z-index:-1; visibility:hidden; opacity:0; -moz-opacity:0;}
=.news_fixed_in{
		background-color: #f9f9f9;
    color: #333;
	padding: 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    border: 1px solid #dddddd;
	}
	.news_fixed .head_title{
		position:relative;
	    border-bottom: 1px solid #EDEDED;
    margin-bottom: 10px;
    padding: 3px 0px;
	text-transform:uppercase;
	
	font-family: MyriadPro_Bold;
	}
	.news_fixed .head_title .close{position:absolute; top:0; padding:0px 5px; border:1px solid #ccc; right:5px; cursor:pointer;}
	.news_fixed_in.footer-col-content .title-list h3 a{font-size:13px;}
	.news_fixed .footer-col-content ul.list_ul li.lists{padding-bottom:0;}
	.skew20deg{
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg) /* Standard syntax */;
}
.text_span{display:inline-block; padding-right:5px; color:#6bb457;}
.header_title_top{padding:15px 0;}
.header_title_top h1.h1{font-size:32px; color:#fff; text-align:center; text-transform:uppercase;}
.breadcrumb{background:transparent; padding:0; text-align:left;font-size: 17px;}
.breadcrumb a{padding-right:15px; position:relative; padding:5px; display:inline-block; padding-right:15px; color:#333;}
.breadcrumb a:last-child {color: #6bb457;}
.breadcrumb a:first-child{padding-left:0;}
.breadcrumb a:after{position:absolute; top:8px; right:2px;content: "/"; }
.breadcrumb a:last-child{padding-right:0;}
.breadcrumb a:last-child:after{content:"";}
.news_blog .grids{width:33.3%;}
.news_blog {
    margin: 0 -10px;
}
.cols_8_content_blog{width:66.6667%; padding-right:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.cols_4_sitebar_blog{width:33.3333%;}
@media only screen and (min-width: 768px)
{
.footer-col-content {display: block !important;}
}

.sitebar-col>h4 {position:relative; font-size:16px; font-weight:bold; margin:5px 0px;}
.sitebar-col{margin-bottom:0; margin-bottom:15px;}
.sitebar-col>h4 {
    position: relative;
    margin: 0px;
    background: transparent;
    width: 100%;
    font-size: 18px;
    text-align: left;
    font-weight: normal;
    padding: 10px 15px;
	padding-bottom:0;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #6bb457;
    font-family: arial;
    font-weight: bold;
    border: 1px solid #e5e6e7;
    border-bottom: 0;
}
.sitebar-col-content{padding:10px; border:1px solid #e5e6e7; border-top:0;}
.display_none_more>h4>span.toggle,.sitebar-col.display_none_more>.sitebar-col-content{display:none;}

.sitebar-col-content .contact_right.search_office{border:0; background:transparent;}
.sitebar-col-content .title-list h3 a{font-size: 0.8em;}
.sitebar-col-content.footer-col-content.news_detail {border: 0;padding: 15px 0;}
.sitebar-col-content ul.list_ul li.lists{padding-bottom:15px;}
.list_office{}
.list_office ul{list-style:none;}
.list_office ul li{position:relative; padding: 5px 7px;}
.list_office ul li span.number_office{
		position:absolute; top:6px; right:7px;
		color:#fff;
	width: 20px;
    height: 20px;
    padding: 0 ;
    background-color: #ccc ;
    text-align: center;
    border-radius: 20px;
    line-height: 20px;
    font-size: 12px ;}
	.list_office ul li:hover a{color:#6bb457;}
	.list_office ul li:hover span.number_office{background-color: #6bb457;}
	.cols_8_content_blog .grids{width:50%;}
	.related_news_content.footer-col-content ul.list_ul li.lists{width:50%;}
	.related_news_content.footer-col-content ul.list_ul li.lists .img-list-in{}
	.related_news_content.footer-col-content{display:block;}
	.contact_form .contact_right.slider_office_left{width:55%;}
	.contact_form .contact_left.infor_office_right{width:45%;}
	.wrapper_infor_office{}
	.wrapper_infor_office .title_top{position:relative; padding:10px; background:#646464;}
	.wrapper_infor_office .title_top>h1{font-size:24px; color:#fff; font-family: arial}
	.wrapper_infor_office .title_top span.area{position:absolute; top:0; right:0; padding:10px; font-size:24px; background:#6bb457; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#fff; 
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
	}
	
/*****animationcococ**********/

.coccoc-alo-phone.coccoc-alo-show {
  visibility: visible;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}


@-moz-keyframes coccoc-alo-circle-anim {
  0% {
    -moz-transform: rotate(0) scale(0.5) skew(1deg);
    opacity: .1;
    -moz-opacity: .1;
    -webkit-opacity: .1;
    -o-opacity: .1;
  }
  30% {
    -moz-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .5;
    -moz-opacity: .5;
    -webkit-opacity: .5;
    -o-opacity: .5;
  }
  100% {
    -moz-transform: rotate(0) scale(1) skew(1deg);
    opacity: .6;
    -moz-opacity: .6;
    -webkit-opacity: .6;
    -o-opacity: .1;
  }
}

@-webkit-keyframes coccoc-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: .1;
  }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: .5;
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: .1;
  }
}

@-o-keyframes coccoc-alo-circle-anim {
  0% {
    -o-transform: rotate(0) kscale(0.5) skew(1deg);
    -o-opacity: .1;
  }
  30% {
    -o-transform: rotate(0) scale(0.7) skew(1deg);
    -o-opacity: .5;
  }
  100% {
    -o-transform: rotate(0) scale(1) skew(1deg);
    -o-opacity: .1;
  }
}

@-moz-keyframes coccoc-alo-circle-fill-anim {
  0% {
    -moz-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2;
  }
  50% {
    -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
    opacity: .2;
  }
  100% {
    -moz-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2;
  }
}

@-webkit-keyframes coccoc-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2;
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: .2;
  }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2;
  }
}

@-o-keyframes coccoc-alo-circle-fill-anim {
  0% {
    -o-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2;
  }
  50% {
    -o-transform: rotate(0) scale(1) skew(1deg);
    opacity: .2;
  }
  100% {
    -o-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2;
  }
}

@-moz-keyframes coccoc-alo-circle-img-anim {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -moz-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -moz-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -moz-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -moz-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -moz-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -moz-transform: rotate(0) scale(1) skew(1deg);
  }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}

@-o-keyframes coccoc-alo-circle-img-anim {
  0% {
    -o-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -o-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -o-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -o-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -o-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -o-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -o-transform: rotate(0) scale(1) skew(1deg);
  }
}

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-moz-keyframes coccoc-alo-circle-anim {
  0% {
    transform: rotate(0) scale(0.5) skew(1deg);
    opacity: .1;
  }
  30% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .5;
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
    opacity: .1;
  }
}

@-webkit-keyframes coccoc-alo-circle-anim {
  0% {
    transform: rotate(0) scale(0.5) skew(1deg);
    opacity: .1;
  }
  30% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .5;
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
    opacity: .1;
  }
}

@-o-keyframes coccoc-alo-circle-anim {
  0% {
    transform: rotate(0) scale(0.5) skew(1deg);
    opacity: .1;
  }
  30% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .5;
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
    opacity: .1;
  }
}

@keyframes coccoc-alo-circle-anim {
  0% {
    transform: rotate(0) scale(0.5) skew(1deg);
    opacity: .1;
  }
  30% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .5;
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
    opacity: .1;
  }
}

@-moz-keyframes coccoc-alo-circle-fill-anim {
  0% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2;
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
    opacity: .2;
  }
  100% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2;
  }
}

@-webkit-keyframes coccoc-alo-circle-fill-anim {
  0% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2;
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
    opacity: .2;
  }
  100% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2;
  }
}

@-o-keyframes coccoc-alo-circle-fill-anim {
  0% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2;
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
    opacity: .2;
  }
  100% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2;
  }
}

@keyframes coccoc-alo-circle-fill-anim {
  0% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2;
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
    opacity: .2;
  }
  100% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2;
  }
}

@-moz-keyframes coccoc-alo-circle-img-anim {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}

@-o-keyframes coccoc-alo-circle-img-anim {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}

@keyframes coccoc-alo-circle-img-anim {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
/**************/
.coccoc-alo-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    width: 170px;
    height: 170px;
    cursor: pointer;
    z-index: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    right: 150px;
    top: 30px;
}
.coccoc-alo-phone {
    position: absolute;
    top: -46px;
    left: -90px;
}
.coccoc-alo-ph-circle {
    width: 130px;
    height: 130px;
    top: 20px;
    left: 20px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border: 2px solid #bfebfc 9;
    opacity: .1;
    -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {
    border-color: #6bb457;
    border-color: #bfebfc 9;
    opacity: .5;
}	
	.coccoc-alo-phone.coccoc-alo-show {
    visibility: visible;
}
.call_web{
     cursor: pointer;
    position: relative !important;
    padding: 5px 5px 2px 15px;
    border: 1px solid #6bb457;
    border-radius: 5px;
    font-family: "Open Sans";
    min-width: 150px;
    margin: 7px auto;
    font-weight: bold;
    padding: 10px;
	text-align:center;
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {
    background-color: rgba(241, 180, 88, 0.5);
    background-color: #6bb457 9;
    opacity: .75 !important;
}
.coccoc-alo-ph-circle-fill {
    width: 70px;
    height: 70px;
    top: 50px;
    left: 50px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {
    background-color: #6bb457;
    background-color: #6bb457 9;
}
.coccoc-alo-ph-img-circle {
    width: 30px;
    height: 30px;
    background-size: 80% !important;
    top: 70px;
    left: 70px;
    position: absolute;
    background: rgba(30, 30, 30, 0.1) url("../img/call.png") no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.call_web .hotline {
    font-size: 22px;
    line-height: 24px;
    height: 25px;
    color: #6bb457;
    font-family: "Roboto";
    margin-bottom: 8px;
    text-align: center;
    border-bottom: 1px solid #6bb457;
    /* margin: auto; */
    display: inline-block;
	font-family: MyriadPro_Bold;
    padding: 5px 0;
}
.call_web .subhotline {
    font-size: 14px;
    margin-top: 0;
    color: #6b6b6b;
    font-family: "MyriadPro_Bold";
}
/***********************/
.content_ct_left {
    float: left;
}
.content_ct_right {
    float: right;
}
.title_call h3{font-size:34px;}
span.title_small_right{font-size:13px;  color:#ccc; font-style: italic;}
.infor{font-size:14px; line-height:1.5em;}
.infor span{display:inline-block; padding-left:5px;}
.content_infor_office_dt{padding:15px 0; font-size:1.2em;}
.sitebar-col-content .grids{width:100%; padding:0; margin-bottom:15px;}
.office_rela .sitebar-col-content {padding:0; border:0px;}
.office_rela .girds_all.list_all_other_page{margin:0 auto; padding:0;}

.multifilter{}
li.filter_list {
    float: left;
    display: inline-block;
    font-size: 13px;
    
}
li.filter_list .btn_filter{padding: 10px; background: #F7F7F7;
	cursor:pointer;
    border: 1px solid #ccc;
    margin-left: -1px;}
	
li.filter_list button.btn_filter{background:transparent;}
li.filter_list button.btn_filter.is-checked{background:#333; color:#fff; position:relative;}
li.filter_list button.btn_filter.is-checked:before{content: "\f058";     font: normal normal normal 14px/1 FontAwesome; padding-right:5px;}
li.filter_list:first-child{margin-left:0;}
h5.ls-l{font-family: MyriadPro_Bold !important; text-shadow:0px 0px 5px #000;}
h5.ls-l.ls-l02{text-shadow:inherit; font-family:helveticaneuelight !important;}
.menu_bottom_header .menu_top{width:100%;}
.wrapper_address_phone {
    display: inline-block;
    float: right;
    margin-top: 40px;
}
.cols_address{width:auto;display:inline-block;}
.cols_address .icon i.fa{
    padding: 5px;
    background: #6bb457;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    color: #fff;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 25px;
    font-size: 20px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
	.cols_address:nth-child{margin-right:0;}
.cols_address .phone_name,.cols_address .icon{display:inline-block; float:left;}
.cols_address .icon{padding-right:5px;}
.cols_address .phone_name{line-height:1.5em;}
.cols_address .phone_name span{display:inline-block; font-family:arial; font-size:14px; color:#737373;}
.cols_address .phone_name span b{font-weight:bold; font-family:arial; color:#454545;}
.menu_bottom_header {
    border-bottom: 3px solid #6bb457;
	    background: #485b6e;
}
.services_all{ margin:0 -15px;}
.services_all .services_item{ width:25%; display:inline-block; float:left; padding:0 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.des_infor{font-size:14px; line-height:1.5em; text-align:justify; margin:15px 0 30px 0; height:83px;overflow:hidden;}
.icon_sv{ text-align:center; margin-bottom:0;}
.icon_sv a{display:inline-block;}
.icon_sv a img{margin:0 auto;}
.icon_sv a span {
    display: block;
    font-size: 18px;
    padding: 10px 0;
    text-transform: uppercase;
    color: #676666;
}
.list_design{}
.list_design ul{}
.list_design ul li{margin-bottom:10px; line-height:1.2em; position:relative; padding-left:15px;}
.list_design ul li:before {
    content: "•";
    color: #6bb457;
    font-size: 25px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.list_design ul li a{font-size:13px;}
.project_all .grids{width:100%;}
.intro_company{margin:0 -15px;}
.intro_company .cols50{width:50%; float:left; display:inline-block; padding:0 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.intro_company .cols50 .infor_left{}
.intro_company .cols50 .infor_left img.image_float{max-width:200px;  margin:0 auto;}
.image_left{width:30%; float:left;}

.infor_right {
	width:70%;
	float:right;
    font-size: 14px;
    line-height: 1.2em;
    text-align: justify;
	padding-left:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.list_why{margin:15px 0 5px 0;}
.list_why p{margin-bottom:10px; width:50%; float:left;}
p.title_list_why{  width:100%; display:block;  color: #6bb457; font-weight:bold; font-family:arial; font-size:16px; padding:0 0 10px 0;}
a.read_more_infor{    color: #6bb457;
    font-weight: bold;
    font-family: arial; font-size:14px; float:right;}

	.list_intro{margin:0 -10px;}
	.list_intro li{width:33.3%; display:inline-block; float:left; padding:0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.items_infor>h3{font-size:16px; font-weight:bold; text-transform:uppercase; font-family:arial;}
	.items_infor .image_list_intro {margin:10px 0 15px 0;}
	.items_infor .image_list_intro{}
	.items_infor .image_list_intro img{max-width:100%;}
	.items_infor .intro_des{line-height:1.2em; text-align:justify;}
	.image_list_intro{line-height:1.2em;}
	.image_list_intro span{display:block;font-size:14px; margin-bottom:10px;}
	.image_list_intro span b{font-family:arial;}
	.list_intro li ul.social li{width:auto; padding:0; padding-right:5px; margin:0;}
	.image_list_intro span.color_red{    color: #6bb457; display:inline-block;}
	
	.girds_all.list_all_other_page.filtr-container.grid{padding:0;}
	.news_wrapper {
    margin: 0 -10px;
}
.news_wrapper .news_items {
    padding:0 10px;
    width: 50%;
	float:left;
	margin-bottom:20px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
	.news_wrapper .news_items .news_items_in{padding:15px; border: 1px solid #e5e6e7;}
	.news_wrapper .news_items .title_top{font-size:16px; font-weight:bold; color:#6bb457;}
	.news_wrapper .news_items .title_top a{font-family:arial; font-weight:bold;}
	.list_news .news_top h4{margin-bottom:15px;}
	.list_news .news_top h4 a{font-family:arial; font-size:13px;}
	.list_img_infor{margin:10px 0;}
	.list_img_infor img{max-width:100px; float:left; margin: 0 5px 5px 0;}
	.list_news_old{margin-top:10px;}
	.list_news_old ul{}
	.list_news_old ul li,.list_office ul li{    margin-bottom: 10px;
    line-height: 1.2em;
    position: relative;
	padding:0;
    padding-left: 15px;}
	.list_news_old ul li:before,.list_office ul li:before{
		content: "•";
    color: #6bb457;
    font-size: 25px;
    position: absolute;
    top: 0px;
    left: 0px;
	}
	.list_office ul li:before{color:#ccc;}
.list_access_website p {
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 1.5em;
    padding-left: 0;
}
.list_access_website p span {
    width: 25px;
    text-align: center;
    display: inline-block;
}
.list_access_website p span i.fa{font-size:16px;}
.link_qick .title h3{font-size:24px; color: #6bb457; font-family: arial;}
.link_qick a{display:inline-block;}
.footer_12clos {
    text-align: center;
    line-height: 1.5em;
    font-size: 13px;
}
.dmca-badge{display:inline-block;}
.title_page h1{font-size:2.2em; color:#6bb457; padding:0 0 10px 0; margin-bottom:10px; border-bottom:1px solid #6bb457;}
.news .grids .price_old_new .price span.news_price a {
    font-weight: bold;
    font-size: 14px;
}
.conetnt-infor-fixed .cols_address{width:100%;}
section.section_top_slier_cate {
    /*padding: 50px 70px;*/
}
.h1_home{font-size:12px; display:none;}
div#owl-brands .item .name-item{text-align:center; font-size:16px; padding:10px 0 0 0;}
.handle:before{content:"X";font-size:20px;}
/**************/
.popupadvertising {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 90px;
    background: rgba(241,250,255,0.95);
    z-index: 10000;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
.box_rightbottom_popup {
    margin: 0 auto;
    padding: 0;
    width: 300px;
    position: relative;
    z-index: 1002;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.box_rightbottom_popup a.close {
    background: url(../img/icon-cursor.png) no-repeat top left;
    height: 12px;
    margin: 3px 0 0;
    padding: 5px;
    width: 12px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1003;
    opacity: 1;
}
.box_rightbottom_popup .content_popup {
    background: none repeat scroll 0 0 #ffffff;
    height: auto;
    position: absolute;
    width: 300px;
    z-index: 1001;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.box_rightbottom_popup .title_popup {
    background: none repeat scroll 0 0 #ffffff;
    color: #84c03f;
    float: left;
    font-size: 14px;
    padding: 2px 10px;
    border-bottom: 1px solid #e0e8c1;
    font-size: 19px !important;
    width: 280px;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.box_rightbottom_popup .title_popup label {
    float: left;
    line-height: 28px;
    font-weight: bold;
    font-size: 19px;
}
.box_rightbottom_popup .title_popup .one {
    color: #3a9865;
    margin-right: 10px;
}
.box_rightbottom_popup .pd_popup {
    float: left;
    height: auto;
    width: 100%;
    height: 50px;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    padding: 10px;
}
.pull-left {
    float: left!important;
}
.content_text img {
    margin: 0 auto;
	margin-right: 5px;
}
@media (min-width: 768px)
{
	.a_infor_pro img {
    height: 200px;
}
.news_blog .grids:nth-child(2n+1) {
    clear: both;
}
}
.a_infor_pro img {
    height: 200px;
}