*{margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif;}
/*Font*/
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;
	font-weight: bold;
	margin:0;
}
/*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');
}



h4, h5, h6
{
	font-size: 16px;
}
a, a:link, a:active, a:visited, a:hover
{
	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: #333 !important;
}
:-moz-placeholder { /* Firefox 18- */
   color: #333 !important;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #333 !important;
}
:-o-placeholder { /* Opera */
   color: #333 !important;
}
:-ms-input-placeholder {  /*Internet Explorer*/
   color: #333 !important;
}
/****************Start Animation*************/
/**@keyframes animation***/
.animation
{
	animation: name_keyframes 1s; /*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;
	-webkit-animation: name_keyframes 1s;
	-o-animation:name_keyframes 1s;
	-ms-animation:name_keyframes 1s;
}
@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 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)}
}

@media (min-width:960px)
{
.fix_top{position:fixed; top:0;  animation-name: animatetop; animation-duration: 0.5s; width:100%; z-index:10000; padding-bottom:0;     background: rgb(255,255,255);
    border-bottom: 3px solid #e56c28; box-shadow:0px 2px 10px #333; -moz-box-shadow:0px 2px 10px #333; -webkit-box-shadow:0px 2px 10px #333;}
.logo a img{width:130px; padding:10px 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s;}
.fix_top .logo a img{width:130px; padding:5px 0;}
}
header.bg_gradient {
    min-height: 80px;
    background: #ffffff;
    border-bottom: 3px solid #e56c28;
}
/***************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 {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
.clear{clear:both;}
/***************************************************/
body{font-size:13px; font-family:arial; line-height:1.2em;}
.bg_in{width:1000px; margin:0 auto;}
header{}
.logo{width:15%; float:left;}
.menu{width:85%; float:right;}

.bg_gradient{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1 ), color-stop(100%, #fff ));
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #fff 100%);
    background: -o-linear-gradient(top, #f1f1f1 0%, #fff 100%);
    background: -ms-linear-gradient(top, #f1f1f1 0%, #fff 100%);
    background: linear-gradient(to bottom, #f1f1f1 0%, #fff 100%);
	filter: progid:DXImageTransform.Microsotf.gradient(startColorstr='#f1f1f1', endColorstr='#fff'); /*IE6-9 */
}
.slider{background:#fff; padding:0;}
.slider_row{}
.slider .slider_left{width:100%;}
.slider .slider_left{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.slides li .image_left{width:100%;}
.slides li .content_text_right{height:410px;
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;

}
.slides li .content_text_right .title{width:100%; text-align:center}
.slides li .content_text_right{padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.slides li .content_text_right .title h3{padding:5px 0; margin-bottom:10px; color:#E08F2B}
.intro{padding: 0 0 15px 0;}
.intro_title {text-align:center;}
.intro_title h2{font-size:18px; display:inline-block;}
.intro .category-description {
    width: 560px;
    margin: 0 auto;
	    text-align: center;
    font-family: sans-serif;
    letter-spacing: 0.5px;
}
.list_icon{margin:10px 0;}
.list_icon li{width:25%; float:left;padding:5px; text-align:center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.list_icon li .li_in{}
.list_icon li .li_in  p.image_icon a{display:inline-block; text-align:center;}
.content_info_slider{text-align:justify; max-height:300px; overflow:hidden;}
a.read_more {
    float: left;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 12px;
    padding: 4px;
	font-style:italic;
    margin-top: 5px;
}
.des_info{max-height:250px; overflow:hidden;}
.list_intro_web{border-top: 10px solid #f1f1f1;}
.list_intro_web .intro_web{width:33.3%; float:left; padding:10px 10px 0 10px; 
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.list_intro_web .intro_web:nth-child(2){border-left:1px solid #ccc; border-right:1px solid #ccc;}
.list_intro_web .intro_web_in{}
.list_intro_web_in{margin:20px 0;}
.content_list{margin:0 -3px;}
.list_intro_web{margin:20px 0;}
.list_intro_web .intro_web_in .title h3{font-family:MyriadPro_Bold; text-transform:uppercase; padding:5px 0; font-size:16px;}
ul.list_pro{}
ul.list_pro li{width:33.3%; float:left; padding:3px; box-sizing:border-box; position:relative; padding-left:8px;}

ul.list_pro li:after{content: "\f0da"; position:absolute; top:2px; left:0;    font: normal normal normal 14px/1 FontAwesome;     color: #E2752C;}
ul.list_pro li .li_in{padding:3px; border:1px solid #ccc;}
ul.list_pro li a.image_list {
    overflow: hidden;
    transition: 0.3s;
    position: relative;
    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: 120px;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}
ul.list_pro li a:hover{color:#E2752C;}
ul.list_pro li a img{height:auto; width:auto; max-height:100%; max-width:100%; margin:0 auto;}
ul.list_pro li a i.fa{color:#E2752C;}
.title h3,.title h1{padding:0 0 5px 0; font-size:14px; text-transform: uppercase;}
.flag_header {
    position: absolute;
    top: 15px;
    right: 25px;
}
.flag_header li a {
    width: auto;
    color: #e56c28;
}
.flag_header li.hotline {
    font-family: 'Times new roman';
    color: #E2752C;
    font-weight: bold;
    font-size: 16px;
	display: inline-block;
    
	font-style:italic;
}
.flag_header li.hotline a {
    color: #E2752C;
        font-family: Times news romam;
    font-size: 18px;
       font-weight: bold;
	      font-style: normal;
}
.flag_header li {
    display: inline-block;
    margin-left: 3px;
}
.flag_header li.card {
    position: relative;
    top: 0;
}
.flag_header li img {
    height: 15px;
}
.flag_header li.card a {
    font-weight: bold;
    font-style: italic;
}
.flag_header li.card a i.fa {
    font-size: 22px;
}
div#cssmenu ul {
    float: right;
}
div#cssmenu ul ul{float:none;}
header.bg_gradient .bg_in{position:relative;}
.content_left{width:25%; float:left;}
.content_right{width:75%; float:right; padding-left:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.wp_page{width:100%; text-align:right; padding:10px 0px;}
.wp_page>.page{width:100%;}
.wp_page>.page a{font-size:13px; padding:5px 10px; text-decoration:none; font-weight:bold; color:#333; display:inline;  line-height:2.5em; }
.wp_page>.page a:hover,.wp_page>.page a.active{background:#e56c28; color:#fff; font-weight:bold;}
/******start sitebar**********/
.sitebar-col {
    padding:0;
    margin: 0 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.sitebar-col>h4{ 
    position: relative;
    margin: 0px;
    width: 100%;
    font-size: 14px;
    padding: 10px 15px;
    margin-bottom: 0;
    font-weight: bold;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight: normal;
    margin: 0;
    padding: 10px 10px;
    text-transform: uppercase;
    color: #e37a34;
    font-family: 'Arial','Georgia',serif;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    border: 1px solid #e37a34;
    text-align: left;
	background:#e37a34;
	color:#fff;
	border-bottom:0;
}
.sitebar-col-content ol {
    position: relative;
    white-space: nowrap;
    padding-left: 0;
    margin: 0;
    list-style: none;
}
.sitebar-col-content ol li {
    position: relative;
    white-space: nowrap;
    padding-left: 0;
	display:block;
    padding: 5px 0;
}

.sitebar-col-content{
    border: 1px solid #e37a34;
	border-top:0;
}
.display_none_more>h4>span.toggle,.sitebar-col.display_none_more>.sitebar-col-content{display:none;}
div#owl-pro_slider_hot{margin:0;}
@media (min-width: 768px)
{
	.sitebar-col-content {
		height: 100% ;
		display: block !important;
		opacity: 1;
	}
	.sitebar-col h4{pointer-events: none;}
}
@media (max-width:768px)
{
	.sitebar-col{width:50%;}
}
@media (max-width:768px)
{
	.sitebar-col>h4 {cursor:pointer;}
	.sitebar-col>h4 span.toggle{ position: absolute;top: 50%;right: 10px;margin-top: -10px;}
	.sitebar-col>h4 span.toggle:after{  content: "\f107";  font: normal normal normal 14px/1 FontAwesome;}
	.sitebar-col>h4 span.toggle.opened:after{  content: "\f107";  font: normal normal normal 14px/1 FontAwesome; }
	.sitebar-col-content{display:none;}
	.sitebar-col{width:100%; float:none;}
	.sitebar-col-content{display:none;}
}
/****start footer******/
.footer-col{width:20%; float:left;    padding: 0 10px;
    margin-bottom: 10px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.footer-col:first-child{width:40%;}
.footer-col>h4 {position:relative; font-size:14px; text-transform:uppercase; font-weight:bold; margin:5px 0px;}
.footer-col ul{list-style:none; margin:0px; padding:0px;}
.footer-col ul li a{text-decoration:none; color:#f3f3f3;}
.footer-col ul li a>span{padding-right:5px;}


.display_none_more>h4>span.toggle,.footer-col.display_none_more>.footer-col-content{display:none;}
.footer {
	color: #f2f2f2;
	padding:15px 0;    border-top: 1px solid #4c4c4c;
}
#back-top {
    position: fixed;
    bottom: 90px;
    right: 15px;
    font-size: 34px;
    cursor: pointer;
    background: #E56C28;
    width: 35px;
    height: 36px;
	line-height:0;
    text-align: center;
    color: #fff;
	z-index:1000;
}
@media only screen and (min-width: 768px)
{
	.footer-col-content {
		height: 100% ;
		display: block  !important;
		line-height:1.5em;
		opacity: 1;
	}
	.sitebar-col h4{pointer-events: none;}
}
@media (max-width:768px)
{
	.footer-col{width:50%;}
	#back-top { right:5px;}
}
@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;}
}
/****end product******/
.content_page{min-height:300px; padding:30px 0 30px 0;}
/****start product******/
.girds_all {
    margin: 0 -5px;
	padding:5px 0;
}
.grids {
    width: 25%;
    float: left;
    overflow: hidden;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding:0 5px 5px 5px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.grids_in {
    border: 1px solid #f1f1f1;
	transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s;
	box-shadow:0px 0px 0px #ccc; -moz-box-shadow:0px 0px 0px #ccc; -webkit-box-shadow:0px 0px 0px #ccc;
}
.grids_in:hover{box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #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;
    max-height: 35px;
    margin: 0px;
    overflow: hidden;
    color: #e37a34;
    font-size: 13px;
	font-weight:normal;
    padding: 0;
}
.img-right-pro a
{
    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;

	padding:10px;
    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 {
    width: 100%;
	    position: relative;
    height: auto;
}
.img-right-pro img {
    width: 100%;
	height:auto;
	max-width:100%; max-height:100%;
    display: block;
	margin:0 auto;
}
	.price_old_new{border:1px solid #f1f1f1; border-left:0; border-right:0; position:relative; padding:10px;}
.price_old_new .price {
    width: calc(100% - 45px); width: -webkit-calc(100% - 45px); width: -moz-calc(100% - 45px);
}
.price_old_new .price span{display:block;}
.price_old_new .price span.news_price {
    font-size: 16px;
    color: red;
    position: relative;
    display: inline-block;
    font-family: MyriadPro_Bold;
}
.price_old_new .price span.dv {
    display: inline-block;
    font-size: 14px;
}
.price_old_new .price span.dv {
    position: absolute;
    top: 0;
    right: -27px;
}
.price_old_new .price  span.old_price{font-size:13px; color:#bcb9b9;font-family:MyriadPro_Bold;}
.price_old_new .price span.dv{display:inline-block;}
.price_old_new span.discout {
	padding: 5px;
    /* background: #e5093a; */
    color: #c7c7c7;
    position: absolute;
        top: 8px;
    font-size: 22px;
    right: 10px;
    border: 1px solid #e4752c;
    font-weight: normal;
}
.breadcrumb{background:transparent; padding:0; text-align:center}
.breadcrumb a{padding-right:15px; position:relative; padding:5px; display:inline-block; padding-right:15px; font-size:16px; color:#fff;}
.breadcrumb a.active {color: #e56c28;}
.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:"";}
@media(max-width:768px)
{
	.grids {width:50%;}

}

@media(max-width:350px)
{
		.grids {width:100%;}
}
/****end product******/
.module_right .title h3{padding:10px 0 0 0;  font-size:14px; margin-bottom:0;}
/**********************/
.contact_form{font-family:"arial"; margin-bottom:10px;}
textarea{resize:vertical;/*resize:none; resize:horizontal;*/ }
.map{ margin-bottom:20px;}
.map iframe{width:100%; height:300px;}
.contact_form .contact_left{width:40%; float:left;}
.contact-list {
    font-size: 14px;
    line-height: 24px;
    color: #5a6063;
    margin-bottom: 59px;
	list-style:none;
	margin:0; padding:0;
}
.contact-list li {
    padding: 5px 0;
    position: relative;
    margin-bottom: 0;
    min-height:0;
	position:relative;
}
.contact-list .title, .hiring-box .title {
    font-size: 16px;
    font-weight: bold;
    color: #E47730;
    display: block;
}
.contact-list p {
    margin:0;
	font-size:13px;
}
b.color_red{ color: #E47730;}
.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:0 0 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;
	border-bottom:0px solid;
    -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;
}
.page .col-main p a.arrow-link{border-bottom:0px solid !important;}
.ch-contacts-details {
    background: #fff;
    padding: 0 0 30px 0;
}
.contact_form .contact_right{width:60%; float:left; padding-left:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
/**********thông tin*************/
li.phone b{font-size:13px;}
.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 {
  border: solid 1px #1690C8;
  box-shadow: 0 0 5px 1px #DBEDF4;
}
.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: 13px;
    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:30px;
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 10px;
    width: auto;
    font-size: 14px;
	font-weight:bold;
    background: #fff;
	color:#4c1e13;
	    font-family: Arial;
	border: 1px solid #4c1e13;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
}

.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: #4c1e13;
    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: #4c1e13;
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: #4c1e13;
    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;}
.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: #4c1e13;
    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: 5px;
    color: #4c1e13;
    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:#4c1e13;}
.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;}
		.contact_form .contact_right {
    padding-left: 0;
}
	
}
@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;}
}
.content-box_contact .row{ margin:0; margin-bottom:10px;}
 .map-container {
    width: 100%;
}
.map-container iframe{
    display: block;
    width: 100%;
    pointer-events: none;
}
.map-container iframe.clicked{
    pointer-events: auto;
}
.contact_form.req .content-box_contact .row{clear: inherit;  margin-bottom: 0;margin: 0;float: left;width: 50%;padding: 5px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.contact_form.req .content-box_contact .row.last_width100{width:100%;}
/*********End form contact***********/
/***********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, Arial, 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 dotted #999;}
ul.list_ul li.lists:last-child{border-bottom:0px dotted;}
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, Arial, sans-serif;
}
p.list-news-status-p{margin: 0; color:#ccc; }
p.list-news-status-p a{font-size:11px; color:#333; text-decoration:none;}

ul.list_ul li.lists .date-box .month {
    font-size: 12px;
    display: block;
    color: #fff;
    background: #333;
    font-family: 'UTMCafeta',helcan, Arial, sans-serif;
}
.img-list{width:30%; 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:70%; float:left}
.title-list{font-size:16px; color:#333;}
.title-list h3{margin:0;line-height:0;}
.title-list h3 a{font-size:14px; color:#333; text-decoration:none; line-height:1.5em;}
.content-list-in{width:100%; margin:5px 0px; font-size:13px; text-align:justify;}
.content-list_inm{margin-left:10px;}
.lists .xt{width:100%; text-align:right;}
.lists .xt a{text-decoration:none; color:#333; 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, Arial, 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;}
.lists .xt a:hover{color:#E56C28; background:transparent; }
.lists .xt a:after{content: "..."; position:absolute; bottom: 5px; right: 3px; }
@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: 16px;
    font-style: normal;
    font-weight: bold;
    /* border-bottom: 1px; */
    padding: 10px 0px 10px 0px;
	color: #e37a34;
    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:5px 0px;
}
.related_news_content ul li {
    font-size: 13px;
	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:13px;}
.related_news_content li a{padding-left:10px; color:#333;}
/************end_news**********/

/*********start table_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;
	margin-bottom:10px;
	    overflow: hidden;
}
.container_table table.table {
  display: table;
  border-collapse: collapse;
  border-spacing: 2px;
  border-color: #ccc;
    width: 100%;
	  font-size:13px;
	  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, 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: #4c1e13;
  border-color: #4c1e13;
}
.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: #4c1e13;
  border-color: #4c1e13;
}

.btn_table {
  color: #fff;
  background-color: #4c1e13;
  border-color: #4c1e13;
}
.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: #4c1e13;
  border-color: #d58512;
}

.col_table_image.col_table_hidden-xs{
  max-width: 150px;
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:#4c1e13;}
.tr_first>th {
    padding: 10px 0px;
    text-align: center;
    color: #4c1e13;
    text-transform: uppercase;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
}
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:#4c1e13; text-transform:uppercase;}
a.btn_df.btn_table.floatleft{background-color:transparent; border:0; color:#4c1e13; font-weight:bold; font-size:13px;    padding:5px  10px;
    line-height: 20px;}
tr.tr_last {
    background-color: #EEEEEE;
}
a.btn_df.btn_table_sc.btn-block.floatright{
    outline: 0;
    background-color: #7fd611;
    border-bottom-color: #487513;
	border:0;
	width:auto;
	box-shadow: 3px 3px 0px #487513;
	
}
.btn_df.btn_table_td_rf_del.btn-sm
{
	  outline: 0;
    background-color: #A7A6A6;
    border-bottom-color: #487513;
	border:0;
}
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; padding:10px 5px; font-size:14px;}
/* Table Desktop*/

@media screen and (max-width:768px){
	.flex-direction-nav{display:none;}
	.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:#4c1e13;}
	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;}
	.col_table_name p {margin-top:5px;}
	
	.table tbody td .row h4 {color: #fff;font-size: 14px;  font-weight:normal; color:#4c1e13;    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;}
}
.col_table_name h4.nomargin{font-weight:bold;}
.content_right .title h1,.content_right .title h3 {
	padding: 7px 0;

    color: #e37a34;
}
.colorori{color:#E56C28; font-weight:bold;}
/***********end table cart**************/
.btn_card{}
.btn_card a{display:block; width:100%; text-align:center; padding:10px; text-transform:uppercase; font-size:14px; font-weight:bold;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
h4.tkw9999,h4.tkw9999>a{margin: 0;font-size: 12px;color:#9f9f9f;display: inline-block; text-transform:capitalize;}
.wrapper_footer_top{display:inline-block;}
.text_left{float:left;}
.social{float::left;}
footer {
    margin-top: 0;
	background: #333;
}
.footer_top{border-top: 1px solid #eaeaea;}
.newsletter {
    
    color: #484848;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle;
}
.newsletter span.elistText, .newsletter span.socialText {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 24px;
	color:#f2f2f2;
    margin-right: 5px;
    text-transform: uppercase;
}
.elist {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 3px 0;
}
.elist .input {
    background: #fff;
    display: block;
    border: 1px solid #eaeaea;
    color: #484848;
    font: 12px/26px Alice, Georgia, "Times New Roman", serif;
    height: 28px;
    line-height: 26px;
    padding: 0 38px 0 8px;
    text-align: left;
    width: 240px;
}
.elist .submit {
    display: block;
    background: #f5a34e;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 24px;
    padding: 0;
    position: absolute;
    right: 2px;
    text-align: center;
    top: 2px;
    width: 36px;
    -webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
    -ms-transition: all .15s ease-in;
    transition: all .15s ease-in;
}
ul.social{list-style:none; display:inline-block;}
ul.social li{float:left;  padding-left:5px;} 
ul.social li a{ 
    display: table-cell;
    width: 30px;
    line-height: 30px;
    height: 30px;
    background: #f5a34e;
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;} 
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;}


/***********************/
.facebook_1 {
    z-index: 10999;
    -webkit-animation: fadeinright 2.4s;
    -moz-animation: fadeinright 2.4s;
    -ms-animation: fadeinright 2.4s;
    -o-animation: fadeinright 2.4s;
    animation: fadeinright 2.4s;
    position: fixed;
    padding: 0;
    top: 25%;
    left: 0;
    margin-left: -220px;
    width: auto;
    background: none;
    -webkit-transition: all 240ms linear;
    -moz-transition: all 240ms linear;
    -ms-transition: all 240ms linear;
    -o-transition: all 240ms linear;
    transition: all 240ms linear;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    box-shadow: -1px 0px 4px #999;
    border-radius: 5px 5px 0 0;
    background: #fff;
}
.tieude_fa {
    background: #e2752c;
    padding: 15px 10px 20px 30px;
    margin: 0;
    text-indent: 20px;
    position: relative;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 18px;
    color: #ffffff;
    width: 210px;
    font-family: "Arial";
}
.tieude_fa span {
    position: absolute;
    top: 9px;
    left: 9px;
    text-indent: 0;
    background: #fff;
    color: #e2752c;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    font-size: 23px;
    font-weight: bold;
}
.facebook_1:hover {
    margin-left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
/************************/
.search_form {
  width:200px;
  position: relative;
}
.search_form:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 35px;
  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%;
    border: 1px solid #ccc;
    padding: 1px 5px;
    height: 25px;
    box-shadow: inset 0px 0px 5px #f1f1f1;
    -moz-box-shadow: inset 0px 0px 5px #f1f1f1;
    -webkit-box-shadow: inset 0px 0px 5px #f1f1f1;
    outline: none;
    padding-right: 35px;
}

.searchButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 25px;
  opacity: 1;
  cursor: pointer;
  border:0px;
  box-sizing:border-box;
  
	background:transparent;

  background-size:cover;
}
.searchButton i.fa{font-size:16px; color:#ccc;}
.content_pro.content_list{margin-bottom:10px;}

.list_intro_web .intro_web:nth-child(2),.list_intro_web .intro_web:nth-child(3) {width:30%;}
.intro_web.column:first-child {width: 39.9%;}
.price_old_new span.discout a {
    font-size: 13px;
    color: #e3752c;
    line-height: 1.5em;

}
.slider_top{margin-bottom:0;}
nav.nav_menu_header {
    margin-top: 50px;
}
.module_section{padding:50px 0;}
.module_section .title h3{font-size: 18px;
    font-weight: normal;
    margin: 0;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    position: relative;
    color: #e56c28;
    font-family: "MyriadPro_Bold";
	margin-bottom:20px;
	}
.module_section .title h3:after {
    width: 150px;
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -75px;
    background: #e56c28;
}
.module_section .title{text-align:center;}
/* CSS Document */

/*******hotroonline*******/
.module_support_online{ margin:0 auto;}
ul{list-style:none; padding:0; margin:0;}
p{margin:0;}
.left_content {
    padding: 0 0;
	background:#fff;
	border-radius:0 0 5px 5px;
	
}
.left_content .sup {
    min-height: 100px;
    background: url(../img/bg_supp.png) left top no-repeat;
}
.left_content .sup div {
    display: inline-block;
    background: url(../img/tel04.png) no-repeat top center;
    padding-top: 70px;
    color: #ff0000;
    font-size: 20px;
    margin-left: 120px;
}
.left_content  .sup_c { 
    display: inline-block;
    height: 38px;
    color: #555555;
    font-size: 15px;
}
.left_content .sup_c p { 
    height: 19px;
    line-height: 19px;
}
.left_content ul{padding:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;}
.left_content ul li{float:none ;}
.left_content ul li:hover{background:transparent ;}
.left_content ul li .sup_c a{float:none ; padding:0 ; width:auto; display:inline-block;}
.left_content ul li .sup_c a>img{height:20px;}

/************/
.new_support_online{padding:0;}
#owl-pro_slider_hot .grids{width:100%; padding:0;}

.sitebar-col-content02 .girds_all.list_all_other_page{padding:0; margin:0 auto;}
.sitebar-col-content02 .girds_all.list_all_other_page .img-right-pro a{padding:0;}
.module_right .title{position:relative;}
.girds_all.list_all_other_page #owl-pro_slider_hot  {border:1px solid #e37a34; border-top:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;    border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;}
.module_right .title .read_more{display:inline-block; font-size:12px; float:right; position:absolute; top:5px; right:0px; border:0; font-weight:bold; color:#e56c28;}
.module_right .title .read_more:after{content:"...";}
.module_right .title .read_more:hover,.module_right .title .read_more:hover:after{color:#E56C28;}
.sitebar-col-content02 .girds_all.list_all_other_page .grids_in{border:0px;}
.left_content .sup_c p strong {
    color: #f8914c;
}
.content_page{margin:0;}
.sitebar-col-content02 .price_old_new {
    border-bottom: 0;
}
section.breadcrumb_section {
    padding: 40px 0;
    background: #ececec url(../img/bg_top.jpg) no-repeat top center;
	background-size:cover;
}
@media(max-width:768px)
{
	.list_intro_web .intro_web:nth-child(2),.list_intro_web .intro_web:nth-child(3) {width:100%;}
	.intro_web.column:first-child {width: 100%;}
	
}
/* 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: 5px 15px;
    outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
	color:#333;
	border-color:#ccc;
}	

html ul.tabs li.active a{border:0; color:#fff; background:#e56c28;}

.tab_container {
	border: 1px solid #f1f1f1;
	margin-top:0;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	margin-top:-1px;
}
.tab_content {
	padding: 15px 10px;
	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;
}
.breadcrumb a:first-letter {
    text-transform: uppercase;
}
.copyright {
    text-align: center;
    padding: 10px;
    background: #4a4a4a;
	color: #9f9f9f;
}
.price_old_new span.discout{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.news_videos{
    background: url(../img/bg_tin.png) no-repeat top center;
    padding: 50px 0 50px 0;
}

.wrapper_all_cols{margin:0 -15px;}
.wrapper_all_cols .cols_3{width:33.3%; padding:0 15px; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} 

.wrapper_all_cols  h3.title{color:#fff; font-size:18px; text-transform:uppercase; padding:5px; text-align:center; background:#e56c28; font-weight:normal;}
.wrapper_all_cols  h3.title span {
    font-family: "MyriadPro_Bold";
}
.content_news_home{padding:10px; background:#fff; height:350px; overflow:hidden;}
.read_more_news{color:#e56c28; float:right;  padding:5px; display:inline-block; font-style:italic;}
.read_more_news:after{content:"...";}

.panel-body {
    padding: 0px;
	width:100%; margin:0 auto;
}
.show_video_intro iframe {
    width: 100%;
    height: 250px;
}
.list-grid {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.list-grid li {
    padding: 5px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    float: none;
    width: 100%;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
ul.list-grid li:last-child{border-bottom:0;}
ul.list-grid li a{text-decoration:none; color:#333; font-size:12px;}
.news .news_image {
    width: 35%;
    float: left;
}
.news .news_info {
    width: 100%;
    float: right;
    padding-left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding-left:20px;
	position:relative;
}
.news .news_info:before{content: "\f16a";	color:#CC181E;    font: normal normal normal 14px/1 FontAwesome; position:absolute; top:0; left:0;}
.news .news_image img {
    max-width: 100%;
}
.container-item-video{height:100px; overflow:hidden;}
/********start menu dropdown*********/
.menu_dropdown{width:100%; padding:0; margin:0 auto;}
.menu_dropdown ul {padding-left:0px; display:none;}
.menu_dropdown li {}

.menu_dropdown li>a{display:block; padding:10px 5px;  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;}
.menu_dropdown li a{height:auto;position:relative; padding-left:20px; line-height:1.5em;}
.menu_dropdown li>a:first-letter{text-transform:uppercase;}
.menu_dropdown li>a:before {

}
.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 ul{background:#f1f1f1;}
.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: 35px;
    line-height: 30px;
    width: 30px;
}
.menu_dropdown li strong:before {
   content: "\f107";
       font: normal normal normal 14px FontAwesome;
	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;
	line-height:1.5em;
	padding:5px;

	
}
.menu_dropdown li .parent{padding-top:0px;}
/********end menu dropdown********/
.content_text_intro {
    padding: 5px 0 15px 0;
}
.module_right .title h3 {
    display: inline-block;
    background: #e37a34;
    padding: 8px 15px;
    color: #fff;
}
.module_right .title {
    position: relative;
	margin-bottom:5px;
    border-bottom: 1px solid #e37a34;
}
.header_top_position {
    background: #f1f1f1;
}
section.section_our {
    background: #f1f1f1;
}