@font-face {
  font-family: Montserrat;
  src: url(../fonts/MontserratRegular.otf);
}
@font-face {
  font-family: Montserrat;
  src: url(../fonts/MontserratBold.otf);
  font-weight: bold;
}
body{
	font-size:14px;
	line-height:160%;
	font-family:"Montserrat","Roboto",sans-serif !important;
	color:#333;
    margin: 0;
	background-color: #fff;
}
.clear{
	clear: both;
  font-size: 0px;
  line-height: 0px;
  height: 0;
}
.section table,.section img
{
  max-width: 100% !important;
	height: auto !important;
}
.dp-none{
	display: none;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:000;
    opacity: 1; /* Firefox */
}
a {
  color: #536F41;
  text-decoration: none;
  background-color: transparent;
}
a:hover{
	text-decoration: none;
	color: #536F41;
}
h2, .h2{
	font-size:24px;
}
table{
	max-width: 100%;
}
.modal-content{
	border-radius: 0;
}
.modal-header{
	background-color: #174929;
	color: #FFF;
	border-radius: 0;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
	font-size: 16px;
}

.modal.modal-fullscreen .modal-dialog {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  max-width: none; 
}

.modal.modal-fullscreen .modal-content {
  height: auto;
  height: 100vh;
  border-radius: 0;
  border: none; 
}

.modal.modal-fullscreen .modal-body {
  overflow-y: auto; 
}	

.cf-table{
	width: 100%;
}
.cf-table tbody tr:nth-of-type(2n) {
  background-color: #fff;
}
.cf-table thead tr{
	background-color: #536F41;
	border: 1px solid #536f41;
	
	}
.cf-table tbody tr:hover{
	background-color: #faf1ff;
	
}
.cf-table th {
  border-right: 1px solid #fff;
	border-top-width: thin !important;
	padding: 5px 5px;
	vertical-align:middle;
}
.cf-table th:last-child{
	border-right: 1px solid #536f41;
}
.cf-table th:first-child{
	border-left: 1px solid #536f41;
}
.cf-table td{
  border: 1px solid #536f41;
	border-top-width: thin !important;
	padding: 5px 5px;
	vertical-align:middle;
}
.cf-table thead th {
	color: #FFF;
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
    border-bottom-width: 2px;
	border-top-width: thin !important;
	padding: 10px 7px;
}
.cf-table > thead > th {
  color: #FFF;
  font-weight: 400;
  background: repeat-x #F2F2F2;
    background-image: none;
  background-image: -webkit-linear-gradient(top,#F8F8F8 0,#ECECEC 100%);
  background-image: -o-linear-gradient(top,#F8F8F8 0,#ECECEC 100%);
  background-image: linear-gradient(to bottom,#F8F8F8 0,#ECECEC 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
}
.table-striped > tbody > tr:nth-of-type(2n+1) > *{
	background-color: #FFF;
}
.buttonstart{
	font-size: 18px; 
	position: absolute;
	color: #E00003;
	font-weight: bold;
	right: 100px;
	z-index: 10;
	top: 60px;
}
.form-control{
	border: 1px solid #536F41;
	border-radius: 0px;
	padding: 25px 25px;
	outline: none;
	color: #536F41;
}
.form-control.error{
	border: 1px solid #CB0003;
	border-radius: 0px;
	padding: 25px 25px;
	outline: none;
	background-color: #FBEFEF;
	color: #536F41;
}
.form-control:focus{
	outline: none;
}
input.form-control::placeholder,textarea.form-control::placeholder,input,textarea {
 color: #536F41;
	
}

.uploadfilename{
	display: none;padding-left: 15px;
	
}
.boxactionform{
	display: flex;
	align-items: center;
}
.containerformupload{
	width: 90%;
	margin: 20px auto;
	
}
.card-smart-build{
	border: 1px solid #536F41;
}
.btn-smartbuild-gold{
	border: 1px solid #E0AE77;
	color: #FFF !important;
	background-color: #E0AE77;
	text-transform: capitalize;
	border-radius: 10px;
	padding: 10px 25px;
}
.btn-smartbuild-gold:hover{
	border: 1px solid #1a4828;
	color: #FFF;
	background-color: #1a4828;
	outline: none;
}
.row-btnseemoretitle{
	margin: 5px;
	text-align: center;
}
.btnseemoretitle{
	border: 1px solid #1a4828;
	color: #FFF !important;
	background-color: #1a4828;
	font-size: 14px;
	text-transform: capitalize;
	border-radius: 6px;
	padding: 5px 18px;
}
.btnseemoretitle:hover{
	color: #1a4828 !important;
	background-color: #FFF;
}

.btn-default{
	
	font-size: 14px;
	color: #1a4828;
	border-radius: 4px;
	border: 1px solid #1a4828;
	background-color: #FFF;
	padding: 5px 15px;
	line-height: 1.6;
}
.btn-default:hover{
	
	color: #FFF;
	border: 1px solid #1a4828;
	background-color: #1a4828;
}
.btn-smartbuild{
	border: 1px solid #536F41;
	color: #536F41;
	text-transform: capitalize;
	border-radius: 10px;
	padding: 10px 25px;
}
.btn-smartbuild:hover{
	border: 1px solid #A26F35;
	color: #FFF;
	background-color: #A26F35;
	outline: none;
}

.btn-smartbuild-green{
	border: 1px solid #536f41;
	color: #536f41;
	text-transform: capitalize;
	border-radius: 10px;
	padding: 10px 25px;
}
.btn-smartbuild-green:hover{
	border: 1px solid #536f41;
	color: #FFF;
	background-color: #536f41;
	outline: none;
}

.btn-smartbuild-green_full{
	border: 1px solid #536f41;
	color: #FFF;
	text-transform: capitalize;
	background-color: #536f41;
	border-radius: 10px;
	padding: 10px 25px;
}
.btn-smartbuild-green_full:hover{
	border: 1px solid #536f41;
	color: #536f41;
	background-color: #FFF;
	outline: none;
}


.btn-smartbuild-second{
	border: 1px solid #E0AE77;
	background-color: #E0AE77;
	color: #FFF;
	border-radius: 10px;
	padding: 10px 25px;
}
.btn-smartbuild-second:hover{
	border: 1px solid #1F502E;
	color: #1F502E;
	background-color:transparent;
	outline: none;
}
.btn-smartbuild-yellow{
	border: 1px solid #A26F35;
	background-color: #A26F35;
	color: #FFF;
	text-transform: uppercase;
	border-radius: 6px;
	padding: 8px 25px;
}
.btn-smartbuild-yellow:hover{
	border: 1px solid #1F502E;
	color: #1F502E;
	background-color:transparent;
	outline: none;
}

.btnsenduploadfile{
	display: flex;
	align-items: center;
	padding: 15px 25px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
}
.btnsenduploadfile:hover{
	border: 1px solid #536F41;
	color: #536F41;
	background-color: #FFF;
	outline: none;
}
.btnsenduploadfile > img{
	height: 25px;
	margin-right: 10px;
}
.btninfouploadorder{
	margin-left: auto;
	font-size: 16px;
	font-weight: bold;
}
.section-breadcrumbs{
	position: relative;
  background-color: #FFF;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 15px;
  box-shadow: 0 5px 10px rgba(129, 126, 126, 0.31);
}
.b-breadcrumbs {margin: 3px 0 3px; padding: 0;}
  .b-breadcrumbs ul {
    margin: 10px 0 9px;
    padding: 0; }
  .b-breadcrumbs li {
    display: inline-block;
    margin-right: 4px; }
    .b-breadcrumbs li:not(:first-child) i {
      margin-right: 7px; }
    .b-breadcrumbs li:first-child i:before {
      top: 1px; }
  .b-breadcrumbs i {
    margin-right: 10px; }
  .b-breadcrumbs i:before {
    position: relative;
    top: 2px; }

.f-breadcrumbs {
  color: #000;
	font-size:12px; 
  text-transform:uppercase !important; 
  }

  .f-breadcrumbs li:first-child i:before {
    font-size: 12px;
    line-height: 1.2;
    color: #000; }
  .f-breadcrumbs i:before {
    font-size: 1.38462em;
    line-height: 1.2;
    color: #000; }
  .f-breadcrumbs a, .f-breadcrumbs span {
    font-size: 12px;
    line-height: 2; }
  .f-breadcrumbs a {
    color: #000; }
    .f-breadcrumbs a:hover {
      color: #000; }
      .f-breadcrumbs a:hover i:before {
        color: #000; }

.b-breadcrumbs li a{
	display:inline-block;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
.container-newsdetail{
	max-width: 1000px;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cmsimage{
	text-align: center;
	margin-bottom: 10px;
	
}
.cmsimage > div{
	display: block;
  background: #FFF;
  padding: 10px;
  box-sizing: border-box;font-style: italic;
}
.projectdetail-content img + em,.projectdetail-content img + var{
		display: block;
	  background: #FFF;
	  padding: 10px;
	  box-sizing: border-box;font-style: italic;
	text-align: center;
}  

.newsdetail-content .cmsimage > div{
  background: #f2f2f2;
  padding: 10px;
  box-sizing: border-box;font-style: italic;
}

.newsdetail-content  img + em,.newsdetail-content  img + var,.newsdetail-content  figcaption{
  background: #f2f2f2;
  padding: 10px;
  box-sizing: border-box;font-style: italic;
	width: 100%;
  position: relative;
  display: block;
	text-align: center;
}

.projectdetail-content img + p >em{
		display: block;
	  background: #FFF;
	  padding: 10px;
	  box-sizing: border-box;font-style: italic;
	text-align: center;
}  
.projectdetail-content p:has( img) + p > em{
		display: block;
	  background: #FFF;
	  padding: 10px;
	  box-sizing: border-box;font-style: italic;
	text-align: center;
}  
.projectdetail-content p:has(img){
	margin-bottom: 0;
} 
.headerpcsite{
	
}
.header-menu{
	display: flex;
}
section.row-headertopside{
	background-color: #E0AE77;
	color: #174929;
}
.headertopside{
	display: flex;
	padding: 15px 0;
}
.headertopside .topside-text{
	font-size: 24px ;
	font-weight: bold;
	color: #174929;
	text-transform: uppercase;
	margin-right: auto;
}
	.headertopside .topside-hotline{
		font-size: 35px ;
	font-weight: bold;
	color: #E0AE77;
		margin-left: auto;
	}
section.row-headerlogo{
	background-color: #174929;
	color: #FFF;
}
.section-formuploadorder{
	margin-top: 50px;
}
.box-search{
	
	width: 500px;
	color: #536F41;
}
.box-search input{
	width: 370px !important;
	border: none !important;
	padding: .375rem .75rem !important;
	border-top-right-radius: .25rem !important;
  	border-bottom-right-radius: .25rem !important;
}
.btnsearch,.btnsearchbox,.box-search input,.box-search input:focus{
	background-color: #FFF;
	color: #536F41;
	outline: none;
}
.box-search input::placeholder{
	color: #536F41;
}
.headercontentlogo{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 0;
}
.headermenuspacing{
	margin: 10px 10px;
}
.listmenuaction{
	display: flex;
	align-items: center;
}
.headeraction{
	display: flex;
	align-items: center;
	padding: 0 12px;
	border-radius: 6px;
	background-color: #536F41;
	color: #E0AE77;
	line-height: normal;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	height: 50px;
}
.headeraction:hover{
	background-color: #E0AE77;
	color: #FFF;
}
.groupheaderlink{
	display: flex;
	flex-wrap: nowrap;
	margin-left: auto;
}
.groupheaderlink > a{
	margin-left: 10px;
}
.linkhotline{
	display: flex;
	flex-wrap: nowrap; 
	align-items: center;
}
.linkhotline i{
	font-size: 30px;
	margin-right: 10px;
}
.linkiconorder{
	margin-left: auto;
	padding: 0 15px;
}
.linkiconorder i{
	font-size: 26px;
	margin-right: 10px;
}
.btnuserlogin{
	padding: 0 15px;
}

.btnuserlogin i{
	font-size: 26px;
}
.headerboxlogo{
	margin-right: 20px;
}
.headerboxlogo img{
	max-height: 100px;
	max-width: 180px;
	
}
.header-menu-listmenu{
	width: 20%;
	display: flex;
}
	ul.menutop {
		margin-bottom: 0;
	}
	ul.menutop , ul.menutop  li{
		list-style:none;
		background-color: transparent !important;
	}

			ul.menutop  li:hover, ul.menutop  li a:hover {
				background:none !important;
				color: #FFF;
			}
			ul.menutop > li{
				margin-right:30px;			
			}
	ul.menutop > li >a{
				border: none !important;
			}
			ul.menutop > li:last-child{
				margin-right:0;			
			}
			ul.menutop  li a{
				font-weight:bold;
				color:#FFF;
				padding:15px 7px 10px 7px; 
				text-transform:uppercase;
				font-size: 16px;
				text-shadow:none;
			}
			ul.menutop ul{
				background-color: #FFF;
			}
			
			ul.menutop ul li a{
				text-transform: none;
				border: none;
				font-size: 15px;font-weight: 500;
				color: #174929;
				padding: 10px 15px 7px 10px;
				border-bottom: 1px solid #9BC67F;
				border-left: 5px solid #C2E9A9;
			}
			ul.menutop ul li a:hover{	
				border-left: 5px solid #9BC67F;
				color: #174929;
}
	.dropdown-menu li a:hover{
		text-decoration: none;
		border: none;

	}	
	
	ul.menutop  li:active,ul.menutop  li:focus, ul.menutop  li a:active, ul.menutop  li a:focus {

		background-color:none;
	}

	a.rootmenu:hover,a.rootmenu.isHoversubmenu{
		font-weight: bold;

	}

	a.rootmenu:before {
		position: absolute;
		bottom: 0;
		left: 0;
		visibility: hidden;
		width: 100%;
		height: 1px;
		content: '';
		cursor:pointer;
		-webkit-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		z-index: 1000;
		background-color:#174929;
		color:#E5E5E5;	

	}
	ul li:hover a.rootmenu:before,ul li a.rootmenu.isHoversubmenu:before {
		visibility: visible;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		color:#174929;	

	}


/******** RESPONSIVE  **************/
.block_more_info{
	display:none;
}
.block_close_menu {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 99;
	left: 0;
	top: 0;
	display: none
}

.menusubsmall{
	margin:5px 0 0 0;
}
.list_item_panel {
	width: 100%;
	float: left;
	margin:0;
	padding:0;
	background: #FFF;
}
.list_item_panel li {
	float: left;
	width: 100%;
	list-style: none;
	
}
.list_item_panel li img {
	float: left
}
.list_item_panel li ul {
	margin:0 0 0 0;
	padding:0;
	display:none;
	background: #FFF;
}
.list_item_panel li span {
	display:inline-block;
	position:relative;
	padding-left:4%;
	
	background:none;
	border-bottom: 1px solid #000;
}	
.list_item_panel li span.b-ico-dropdown{
	float:right;
	z-index: 1000;
}
.list_item_panel li a {
	display:inline-block;
	width: 100%;
	text-transform: uppercase;
	color: #000 ;
	font-weight: bold;
	border-bottom:none;

}
.list_item_panel li a:active {
	background-color:none;
}
.list_item_panel li ul li a{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
		display: block;
		width: 100%;
		float: left;
		font-weight: 500;
		color: #000!important;
	}
.list_item_panel li a span{
	padding:0 0 0 10px;
	border-bottom:none;
}
.list_item_panel li.active a {
	border-left: 5px solid #9f224e;
	width: 235px
}
.list_item_panel li.end a {
	border: none
}


.ui-body-a .list_item_panel li a.ui-link {
	color: #fff
}

.list_item_panel #active span{
	background:none;
    cursor: pointer !important;
    float: none;
    padding-left:4%;
    text-decoration: none;
    text-transform: capitalize;
}
.list_item_panel #active span a {
    background:none;
    color: #fff;
    cursor: pointer !important;
    float: left;
    font-weight: normal;
    height: auto;
    margin: 0;
    padding: 0 0;
}
.list_item_panel ol li  .itemwrap a{
	background:none !important;
}

.list_item_panel  ol li h2{
	font-size:18px;
	margin-top:7px; 
}
/************   LIST MENU DROPDOWN ACTION BAR  *************/
.hidden_web{
	display:none;
}
.dropdown{
	cursor: hand !important;
	cursor: pointer !important;
}
.list_item_action {
	width: 100%;
	float: left;
	border: 1px solid #e6e8ea;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset;
	background-color:#FFF;
	display:none;
}
.list_item_action li {
	float: left;
	width: 100%
}

	
.list_item_action li a {
	display:inline-block;
	width: 100%;
	float: left;
	font-size:12px;
	margin:0;
	padding:3px 0 3px 0;
	border-bottom:1px solid #e6e8ea;	
}
.list_item_action li a span{
	padding:0 10px 0 0;
}

.list_item_action li.end a {

	border: none
}

/********  HOME PAGE ******/
.headerslider{
	display: flex;

	
}
.section-partner{
	padding: 5px 0 0 0 ;
}

.section-title{
	text-align: center;
	margin: 10px 0 20px 0;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #A26F35;
}
.section-title a{	
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #A26F35;
}
.searchtitle{
	text-align: left;
	margin: 10px 0 20px 0;
}
.searchtitle h1{
	
	font-size: 25px;
	font-weight: bold;
	color: #A26F35;
}
.home-rowbanner{
	display: flex;
}
	.listsupplier ul,.listsupplier li,.listlinkhomebanner ul,.listlinkhomebanner li,.listwhychoose ul,.listwhychoose li{
		list-style: none;margin: 0;
		padding: 0;
	}
.listsupplier{
	width: 20%;
	padding: 10px 20px 0 0;
	margin-bottom: 10px;
}
.listsupplier >ul{
	border: 1px solid #808080;
	border-radius: 10px;
	
}
.listsupplier > li > a> img{
	width: 25px;
	margin-right: 5px;
}
.listsupplier ul > li{
	width: 190px;
}
.listlinkhomebanner{
	width: 17%;
}
.boxslide{
	width: 80%;
}
.listsupplier li{
	background-color: transparent;
}
.listsupplier > ul > li > a{
	display: flex;
	width: 100%;
	padding: 15px 15px;
	color: #3e3e3e;
	border-bottom: 1px solid #808080;
	align-items: center;
	font-size: 14px;
	text-transform:capitalize;
}
.listsupplier > ul > li:last-child a{
	border-bottom: none;
}
.listsupplier li a span{
display: block;
	width: 100%;
}
	.listsupplier li a:hover{
		color: #536F41;
	}


/* adding sf-vertical class in addition to sf-menu creates a vertical menu */
/* eg. <ul class="sf-menu sf-vertical"> ... */
.sf-vertical {
  width: auto;
 
}
.sf-vertical ul {
	left:	100%;
	top: 0;
}
.sf-vertical > li {
  float: none;
}
.sf-vertical li {
  width: 100%;
}

/*** alter arrow directions ***/
.sf-vertical.sf-arrows > li > .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #536F41; /* edit this to suit design (no rgba in IE8) */
}
.sf-vertical ul > li >a {
	color: #174929;
	  padding: 10px 15px 7px 10px;
	  border-bottom: 1px solid #9BC67F;
	  border-left: 5px solid #C2E9A9;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
  border-left-color: #536F41;
}

.sf-vertical li:hover,
.sf-vertical li.sfHover {
	background: #E9F9E0;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

.sf-vertical li:hover >a,
.sf-vertical li.sfHover > a {
	color: #174929;
}

.header-vertical-menu{
	margin-bottom: 0;
	display: flex;
}
.header-vertical-menu >li{
	background: #E0AE77 !important;
  	border-radius: 5px 5px 0 0;
	width: 190px;
	display: flex;
  align-items: center;
  justify-content: center;
}
.header-vertical-menu >li > a{
	color: #FFF;
	font-size: 16px;
	text-transform: uppercase;
	border: none;
}
ul.header-vertical-menu ul li a{
				text-transform: none;
				border: none;
				font-size: 16px;font-weight: 500;
				color: #174929;
				padding: 10px 15px 7px 10px;
				border-bottom: 1px solid #9BC67F;
	  border-left: 5px solid #C2E9A9;
			}
			ul.header-vertical-menu ul li a:hover{	
				border-left: 5px solid #9BC67F;
				color: #174929;
}

#homepage .header-vertical-menu >li>ul{
	z-index: -1 !important;
	display: none !important;
	/*display: block !important;*/
}
.header-vertical-menu ul.submenu li {
  background: #FFF !important;
}
.header-vertical-menu ul.submenu >li >a{
		padding: 7px 10px 7px 14px;
	  font-size: 14px;
	  font-weight: 500;
	  color: #000;
	display: flex;
	align-items: center;
	border: none;
	border-top: 1px solid #ececec;
	background-color: #FFF !important;
	 border-left: 5px solid #C2E9A9;
}

.section-whychoose {
	
}
.listwhychoose{
	padding-top: 3px;
}
.listwhychoose ul{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.listwhychoose li {
	width: 24%;
	margin: 0 0;
}

.listwhychoose li a img{
	width: 50px;
	margin-right: 10px;
}
.listwhychoose li a{
	width: 100%;
	height: 80px;
	padding: 10px 20px;
	text-align: center;
	margin-bottom: 10px;
	border-radius: 10px;
	font-weight: bold;
	background-color: #FFF;
	color: #184829;
	border: 1px solid #808080;
	display: flex;
	align-items: center;
	font-size: 18px;
	text-transform:inherit;
	justify-content: center;
}
	.listwhychoose li a:hover{
		color: #536F41;
	}

.listwhychoose >ul {
 
  gap:1rem;
  perspective:1000px;
  transform-style:preserve-3d;
  position:relative;
  gap:10px 16px
}
@media(min-width: 1281px) {
  .listwhychoose >ul>li {
    gap:30px 40px;
    grid-template-columns:repeat(auto-fill, minmax(262px, 1fr))
  }
}
.listwhychoose >ul>li {
  position:relative;
  cursor:pointer;
  transition:all .6s;
  perspective:1000px;
  transform-style:preserve-3d;
  border-radius:10px;
  transition:all .6s;
  z-index:20
}
@media screen and (min-width: 1024px) {
  .listwhychoose >ul>li {
    text-align:justify;
	  width: 32%;
  }
}
.listwhychoose >ul>li:hover .item-back {
  transform:rotateX(0);
  position:relative
}
.listwhychoose >ul>li:hover .item-front {
  position:absolute;
  transform:rotateX(180deg)
}
.listwhychoose >ul>li [class*=item-] {
  backface-visibility:hidden;
  border-radius:10px;
  width:100%;
  transition:all .6s;
  backface-visibility:hidden;
  min-height:70px;
  padding:10px
}
@media screen and (min-width: 1024px) {
  .listwhychoose >ul>li [class*=item-] {
    min-height:104px
  }
}
.listwhychoose >ul>li .item-front {
  background:#fff;
  display:flex;
  align-items:center;
  font-weight:600;
  position:relative;
  z-index:2;
}
@media screen and (min-width: 1024px) {
  .listwhychoose >ul>li .item-front {listproductorder-action
    padding:20px 19px;
    font-size:18px;
    line-height:1.1111111111
  }
}
.listwhychoose >ul .item-front img {
  flex-shrink:0;
  margin-right:10px
}
@media screen and (max-width: 1023.98px) {
  .listwhychoose >ul>li .item-front img {
    height:35px;
    width:35px;
    -o-object-fit:scale-down;
    object-fit:scale-down
  }
}
.listwhychoose >ul>li .item-back {
  color:#fff;
  background:#1F502E;
  font-size:12px;
  line-height:1.4;
  display:inline-flex;
  align-items:center;
  z-index:1;
  transform:rotateX(180deg);
  position:absolute;
  top:0;
  left:0
}
@media screen and (min-width: 1024px) {
  .listwhychoose >ul>li .item-back {
    font-size:12px;
    line-height:1.4;
    padding:12px 15px
  }
	
}


.listlinkhomebanner li a{
	width: 100%;
	height: 105px;
	padding: 15px 15px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-radius: 10px;
	background-color: #E0AE77;
	color: #FFF;
	display: flex;
	text-align: center;
	align-items: center;
	font-size: 18px;
	text-transform: uppercase;
	justify-content: center;
}
.listlinkhomebanner li a:hover{
	background-color: #536F41;
}
.box-sliderbanner{
	overflow: hidden;
	border: 10px;
	margin: 10px 0 15px 0;
}

.box-sliderproduct{
	margin: 15px;
}

.productorder-template{
	margin: 0 0 30px 0 ;
}



.boxsearchorder{
	width: 100%;
	margin-top: 10px;
}
.boxsearchorder > h5{
	background-color: #A26F35;
	padding: 7px 10px 7px 15px;
	text-transform: uppercase;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	
}
.boxsearchorder-body{
	background-color: #E5E5E5;
	padding: 10px 10px 5px 15px;
}
.box-searchorder{
	width: auto;
	color: #A26F35;
}
.box-searchorder input{
	border: none !important;
	padding: .375rem .75rem !important;
	border-top-right-radius: .25rem !important;
  	border-bottom-right-radius: .25rem !important;
}
.btnsearchorder,.box-searchorder input,.box-searchorder input:focus{
	background-color: #FFF;
	color: #A26F35;
	outline: none;
}
.box-searchorder input::placeholder{
	color: #A26F35;
	font-weight: bold;
	font-size: 13px;
}
.listmanufacturer,.listcatproduct,.ajaxlistproduct{
	list-style: none;
	margin: 0;
	padding: 0;
}
.listmanufacturer{
	display: flex;
	flex-wrap: nowrap;
}
.listmanufacturer a{
	display: block;
	padding: 5px 0;
	color: #536F41;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
	.listmanufacturer a i{
		margin-right: 10px;
}
.listcatproduct > li{
	position: relative;
	display: block;
	border: 1px solid #C4D7BF;
	margin-bottom: 10px;
}
	
.listcatproduct > li > a{
	display: block;
	padding: 10px 15px;
	color: #536F41;
	
	
}
.listcatproduct >li > a:hover,.listcatproduct >  li> a.showactive{

	color: #FFF;
	border: 1px solid #536F41;
	background-color: #536F41;
}
.btnsearchauto{
	color: #FFF;
	background-color: #536F41;
}
.inputautocomplete{
	border: 1px solid #536F41 ;
	padding: 5px 15px;
}
.ajaxlistproduct > li{
	position: relative;
	border-bottom: 1px solid #E5E5E5;
	padding: 6px 15px;
	color: #536F41;
}
	.ajaxlistproduct > li >  a{
		color: #536F41;
	}
.itemproduct{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
	.itemproduct > .product_action{
		width: auto;
		padding-left: 10px;
	}
.product_name{
		width: auto;
		padding-left: 10px;
	text-align: left;
	}
.product_unit{
		width: auto;
		padding-left: 10px;
	margin-left: auto;
	}
.product_code{
	width: 100px;
	text-align: left;
	padding-right: 15px;
	border-right: 1px solid #536F41;
}
.product_price{
	width: 150px;
	padding-right: 15px;
	text-align: right;
	
}
.listdatarender{
	margin-top: 10px;
}


.listdatarender table{
	width: 100%;
	font-size: 11px;
	
	
}
.listdatarender table tr >td p{
  line-height: 25px;
  margin-bottom: 0;
}
.listdatarender table tr >td {
  padding: 10px 10px;
	border: 1px solid #C4D7BF;
}
.listdatarender table tr >td:first-child{
  border-right: 1px solid #C4D7BF;
  font-weight: bold;
  color: #536F41;
	padding-left: 6px;
	
}
.listdatarender table tbody tr:nth-child(2n+1) {
  background:#EAF4E9;
}


.listdatarender  table tbody tr:nth-of-type(2n) {
  background-color: #fff;
}
.listdatarender  table thead tr{
	background-color: #536F41;
	color: #FFF;
	
	}
.listdatarender tbody tr:hover{
	background-color: #faf1ff;
	
}
.listdatarender td, .listdatarender th {
  border: 1px solid #dee2e6;
	border-top-width: thin !important;
	padding: 5px 5px;
}
.listdatarender thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
    border-bottom-width: 2px;
	border-top-width: thin !important;
	padding: 10px 7px;
}
.listdatarender > thead > th {
  color: #707070;
  font-weight: 400;
  background: repeat-x #F2F2F2;
    background-image: none;
  background-image: -webkit-linear-gradient(top,#F8F8F8 0,#ECECEC 100%);
  background-image: -o-linear-gradient(top,#F8F8F8 0,#ECECEC 100%);
  background-image: linear-gradient(to bottom,#F8F8F8 0,#ECECEC 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
}
.table-striped > tbody > tr:nth-of-type(2n+1) > *{
	background-color: #FFF;
}

.product_unit{
	text-align: right;
}
.product_price{
	text-align: right;
}
.ui-menu .ui-menu-item{
	padding: 10px  10px; 
	border-bottom: 1px solid #E5E5E5;
}

.custom-control-label{
	padding-left: 25px;
	cursor: pointer;
	  cursor: hand;
}
.custom-control-label::before{
	left: 0;
	cursor: pointer;
	  cursor: hand;
	border-radius: 0 !important;
}
.custom-control-label::after {
 
  left: -0.0rem;
  
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #536F41;
  background-color: #536F41;
}
.openmanufactureorder{
	cursor: pointer;
	  cursor: hand;
}
.ordertable{
	color: #536F41;
	font-weight: 600;
	font-size: 11px;
}
.ordertabletbody tr:nth-of-type(2n) {
  background-color: #fff;
}
.ordertable thead tr{
	background-color: #536F41;
	border: 1px solid #536f41;
	
	}
.ordertable tbody tr:hover td{
	background-color:#EAF3E2;
	
}
.ordertable thead tr th {
	color: #FFF;
	
	}
.ordertable td{
	min-height: 30px;
}
.custom-control-label{
	
}
.ordertable input{
	font-size: 13px;
	padding: 7px 10px;
}
.ordertable .txt-right{
	text-align: right;
}
.ordertable .txt-center{
	text-align: center;
}
.quantityorder{
	text-align: center;
}
.colororder{
	text-align: center;
}
.ordertable  tr > td:last-child,.ordertable  tr > td:first-child{
	width: 80px;
	text-align: center;
}

.ui-menu .ui-menu-item:hover{
	background-color: #536F41;
	color: #FFF;
}

.boxlistproductorder{
	
}
.boxlistproductorder > h4{
		font-size: 22px;
		text-transform: uppercase;
		color: #536F41;
		font-weight: bold;
		padding: 0;
		margin: 0;
		margin-top: 10px;
	}
	
.listproductorder-action{
	display: block;
	
	align-items: center;
	padding: 5px 0;
}
	
	.listproductorder-action .action-button{
		margin-left: auto;
		margin-top: 10px;
		text-align: right;
}
.logosupplier-description{
	text-align: justify;
}
.section_logosupplier{
	margin: 70px 0 20px 0;
}
.boxlogosupplier{
	background: linear-gradient(-107deg,#536F41 0%,#1A4828 100%);
	padding: 30px 40px 20px 40px;
	color: #FFF;
	border-radius:15px;
}
.boxlogosupplier .row{
	align-items: center;
}
.section_logosupplier h3{
	font-size: 30px;text-align: center;
  text-transform: uppercase;
  color: #FFF;
	line-height: 1.6;
  font-weight: bold;
	
  padding: 0;
  margin: 0;
	margin-bottom: 10px;
}
.listlogosupplier{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content:center;
	
}
	.listlogosupplier a{
		border-radius: 10px;
		background: #FFF;
		margin: 0 10px;
		}
	.listlogosupplier a:hover{
		background: linear-gradient(-107deg,#536F41 0%,#1A4828 100%);
	}
	.listlogosupplier img{
		max-width: 160px;
		
		}

.aboutus-content .listlogosupplier{
	justify-content: center !important;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.aboutus-content .listlogosupplier >li{
	width: 33.33%;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.aboutus-content .listlogosupplier img{
	max-width: 270px;
}
.working_process{
	display: flex;
	flex-wrap: nowrap;
	padding: 0;
	margin: 0;
	list-style: none;
}
.aboutus-content .working_process >li{
	width: 33.33%;
	list-style: none;
	padding: 20px;
	position: relative;
}
.aboutus-content .working_process img{
	max-width: 100%;
}
.process_content{
	margin-top: 20px;
	line-height: 1.8;
	color: #626366;
	font-weight: 500;
	padding-right: 15px;
}


.reason_chooseus{
	padding: 0;
	margin: 0;
	list-style: none;
}
.reason-wrapper{
	display: flex;
}

.reason-item{
	height: 320px;
	overflow: hidden;
	margin-bottom: 15px;
}

.reason-image {
  width: 65%;
	overflow: hidden;
	height: 320px;
	order: 1;
}
 .reason-text{
	 width: 35%;
	 padding-left: 30px;
	 padding-top: 15px;
	margin-top: 0;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color: #626366;
	 background: #F1F1F2;
      position: relative;
	 order: 2;
}
.reason_chooseus .reason-text::before {
  content: "";
  position: absolute;
  right: 100%;
  top: 35%;
  bottom: 50%;
  width: 0;
  height: 0;
  border-top: 27px solid transparent;
  border-right: 30px solid #F1F1F2;
	z-index: 22;
  border-bottom: 27px solid transparent;
}
.item-reverse .reason-image{
	order: 2;
}
.item-reverse .reason-text{
	order: 1;
	 padding-right: 30px;
	 padding-left: 0;
}
.item-reverse .text-content{
	padding: 0 30px 0 50px;
}
.item-reverse .reason-text::before {

  left: 100%;
right: 0;
  
  border-left: 30px solid #F1F1F2;
  border-right:none;
		z-index: 22;
}
.reason-image img {
  width: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.reason-wrapper:hover .reason-image img{
	-webkit-transform:scale(1.12);
	-moz-transform:scale(1.12);
	-o-transform:scale(1.12);
	-ms-transform:scale(1.12);
	transform:scale(1.12);
}

.text-content{
	padding: 0 60px 0 40px;
	text-align: justify;
}
.text-content >h4{
	text-align: center !important;
	line-height: 1.6;
	font-size: 14px !important;
	font-weight: 600 !important;
}

/******HO SO NANG LUC **********/
.section-flipbook{
	margin: 30px 0 20px 0;
}

.bb-bookblock {
	width: 400px;
	height: 300px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	-webkit-perspective: 1300px;
	perspective: 1300px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bb-page {
	position: absolute;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}

.bb-vertical .bb-page {
	width: 50%;
	height: 100%;
	left: 50%;
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.bb-horizontal .bb-page {
	width: 100%;
	height: 50%;
	top: 50%;
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.bb-page > div,
.bb-outer,
.bb-content,
.bb-inner {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bb-vertical .bb-content {
	width: 200%;
}

.bb-horizontal .bb-content {
	height: 200%;
}

.bb-page > div {
	width: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.bb-vertical .bb-back {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.bb-horizontal .bb-back {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.bb-outer {
	width: 100%;
	overflow: hidden;
	z-index: 999;
}

.bb-overlay, 
.bb-flipoverlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.bb-flipoverlay {
}

.bb-bookblock.bb-vertical > div.bb-page:first-child,
.bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.bb-bookblock.bb-horizontal > div.bb-page:first-child,
.bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

/* Content display */
.bb-content {
}

.bb-vertical .bb-front .bb-content {
	left: -100%;
}

.bb-horizontal .bb-front .bb-content {
	top: -100%;
}

/* Flipping classes */
.bb-vertical .bb-flip-next,
.bb-vertical .bb-flip-initial {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.bb-vertical .bb-flip-prev {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.bb-horizontal .bb-flip-next,
.bb-horizontal .bb-flip-initial {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.bb-horizontal .bb-flip-prev {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.bb-vertical .bb-flip-next-end {
	-webkit-transform: rotateY(-15deg);
	transform: rotateY(-15deg);
}

.bb-vertical .bb-flip-prev-end {
	-webkit-transform: rotateY(-165deg);
	transform: rotateY(-165deg);
}

.bb-horizontal .bb-flip-next-end {
	-webkit-transform: rotateX(15deg);
	transform: rotateX(15deg);
}

.bb-horizontal .bb-flip-prev-end {
	-webkit-transform: rotateX(165deg);
	transform: rotateX(165deg);
}

.bb-item {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

/* No JS */
.no-js .bb-bookblock, 
.no-js ul.bb-custom-grid li {
	width: auto;
	height: auto;
}

.no-js .bb-item {
	display: block;
	position: relative;
}


.bb-custom-wrapper {
	width: 1170px;
	position: relative;
	margin: 0 auto 40px;
	text-align: center;
}

.bb-custom-wrapper .bb-bookblock {
	box-shadow: 0 12px 20px -10px rgba(81,64,49,0.6);
}

.bb-custom-wrapper h3 {
	font-size: 1.4em;
	font-weight: 300;
	margin: 0.4em 0 1em;
}

.bb-custom-wrapper nav {
	width: 100%;
	height: 30px;
	margin: 1em auto 0;
	position: relative;
	z-index: 0;
	text-align: center;
}

.bb-custom-wrapper nav a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 2px;
	color: #fff;
	font-size: 0;
	margin: 2px;
}
.flipbookicon{
  font-size: 50px;
  line-height: 0;
  z-index: 10;
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: #E0AE77;
  border: none;
  outline: none;
  background: transparent;
}
.flipbookicon.flipleft {
	left: -40px;
}
.flipbookicon.flipright {
	right: -40px;
}
.bb-custom-wrapper nav a:hover {
	opacity: 0.6;
}




.section-profile nav {
	text-align: center;
	margin-top: 12px;
	padding-bottom: 5px;
}

.section-profile nav span {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #B2B2B2;
	margin: 3px;
	cursor: pointer;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.2), 0 2px 1px rgba(255,255,255,0.9);
}
.section-profile nav a {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 2px;
  color: #B2B2B2;
  font-size: 26px;
  margin: 2px;
}
.section-profile nav span.bb-current {
	background: #ecb700;
}
/* No JS */
.no-js .bb-custom-wrapper {
	height: auto;
}

.no-js .bb-custom-content {
	height: 470px;
}
.boxintroducecompany{
	display: flex;
	flex-wrap: nowrap;
}
.section-about-company{
	background-color: #1A4828;
	padding: 30px 40px 10px 40px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.boxslideprofile{
	display: flex;
	flex-wrap: nowrap;
}
.widget_aboutcompanyinfo{
	width: 100%;
	position: relative;
}
.widget_aboutcompanyinfo *{
	max-width: 100%;
}
.widget_aboutcompanyinfo .logoprofile{
	margin: 0 auto;
	max-width: 80%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.widget_aboutcompanyinfo .logoprofile img{
	max-width: 80%;
}
.profile-description{
	margin-top: 20px;
	color: #FFF;
	text-align: justify;
	line-height: 1.8;
}
.profilebox{
	flex-wrap:nowrap; 
	display: flex;
}
.section-profile{
	background-color: #1A4828;
	padding: 90px 40px 30px 40px;
	
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	
}
.section-profile .bb-bookblock{
	width: 100%;
	height:420px;
}
.sectionprofiledetail{
	margin: 10px 0 30px 0;
	
}



/****** END HO SO NANG LUC **********/

.section-widgetbrickbox{
	text-align: center;
	margin: 30px 0;
	position: relative;
	width: 100%;
}
.brick-image{
	margin: 20px 0;
}
.brick-image img{
	max-width: 100%;
}
.bodyrecruit{
	background: linear-gradient(-107deg,#536F41 100%,#1A4828 0%);
	position: relative;
	display: block;
	padding: 30px 0;
	width: 100%;
}
.section-form-recruit{
	margin: 30px 0;
}
.heading-recruitdetail{
	text-align: center;
	padding: 15px 0;
}
.container-recruitdetail{
	position: relative;
	display: block;
	width: 100%;
}
.container-listjob{
	position: relative;
	display: block;
	width: 100%;
}
.recruitdetail-content{
	position: relative;
	display: block;
	width: 100%;
}
.section-recruit-detail{
	position: relative;
	background-color: #FFF;
	border-radius: 15px;
	padding: 30px;
}
	.heading-recruitdetail  h1{
		font-size: 28px;
		color: #FFF;
		font-weight: bold;
	}
.slidejobtext ul {
	margin: 0;
}
.job-slidephoto{
	width: 90%;
	margin: 0 auto;
}
.job-slidephoto .slick-slide{
	
}
.za-chat .chat-wrapper .box__top {
  background:  linear-gradient(-107deg,#536F41 100%,#1A4828 0%);
}
.bodylistjob{
	background: linear-gradient(-107deg,#536F41 100%,#1A4828 0%);
	position: relative;
	display: block;
	padding: 70px 0;
	width: 100%;
}
.heading-listjob{
	text-align: center;
	padding: 15px 0;
	width: 600px;
		margin: 0 auto;
}
	.listjob-description  h1{
		font-size: 22px;
		color: #536f41;
		font-weight: bold;
	}
.listjob-description h3{
	font-size: 18px;
}
.listjob-content >h2{
	padding: 20px 0;
	font-weight: 500;
	font-size: 35px;
	margin-bottom: 30px;
	
}
.section-listjob-panel{
	position: relative;
  background-color: #FFF;
  border-radius: 15px;
  padding: 30px;
	margin-bottom: 30px;
}
.boxactionformjob .uploadfilename{
	color: #FFF;
}
.boxactionformjob .btnsendmessage{
	margin-left: auto;
}
.boxjobone{
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 20px;
	border-bottom: 1px solid #B7C8AD;
	padding-bottom: 20px;
	
}
.boxjobone h3{ 
	font-size: 18px;
	color: #536F41;
	font-weight: bold;
	padding-top: 10px;
}
.boxjobone .date-box{
	position: relative;
	margin-right: 15px;
	background-color:#536F41; 
	font-size: 18px;
	padding: 10px 15px 15px 15px;
	color: #FFF;
}
.listjobinfoitem{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin-top: 20px;
}
.listjobinfoitem > div{
	margin-right: 15px;
}
.listjobinfoitem > div  i{
	margin-right: 7px;
	font-size: 18px;
	color: #536f41;
}
.jobdetail-content h1{
	font-size: 32px;
		color: #536f41;
		font-weight: bold;
}
.jobdetail-content h3{
	font-size: 18px;
}
.jobdetail-description{
	margin: 30px 0 20px 0;
}
.jobdetail-description ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.jobdetail-description ul >li{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 10px;
	
}
.jobdetail-description ul >li>label{
	width: 300px;
	margin-bottom: 0;
	
	
}
/* Slider */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
	z-index: 10;
    position: absolute;
    top: 50%;

    display: block;

    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    /*font-family: 'slick';*/
    font-size: 80px;
    line-height: 1.6;

    opacity: 1;
    color: #E0AE77;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -40px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
   
	left: -40px;
}


.slick-next
{
    right: -40px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}


/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.box-sliderproduct  .slick-dots,.box-sliderproject  .slick-dots{
	position: relative;
}
.box-sliderproduct  .slick-dots button,.box-sliderproject  .slick-dots button{
 
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #BBBBBB !important;
  text-indent: -9999px;
}
.slick-dots li.slick-active button {
  background-color: #A26F35 !important;
}



    .slick-slide {
      margin: 0px auto;
    }

    .slick-slide img {
      /*width: 100%;*/
    }

    .slick-prev:before,
    .slick-next:before {
      color: #E0AE77;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }
	.sliderdetail .slick-track {
	  display: flex !important;
	}

	.sliderdetail .slick-slide {
	  height: auto;
	}
	.sliderdetail .slick-slide img {
      /*width: 100%;*/
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		position: absolute;
		width: auto;
    }
.sliderdetail .slick-slide{
	max-height: 400px;
	position: relative;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.sliderdetail .slick-slide  {
  /*background: url(../images/loading-sm.gif) 50% no-repeat;*/
    background-size: auto;
  background-size: cover !important;
  border-radius: 2px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
	.sliderdetail .slick-slide::after {
		  content: "";
		  display: block;
		  padding-top: 100%;
		}	
.box-sliderbanner .slick-list{
	border-radius:15px;
	height: 450px;
}
.sliderbannerhome{	
	height: 450px;
	display: flex;
	align-items: center;
	text-align: center;
}
.sliderbannerone img{
	
	width: 100%;
	height: auto;
}
.widgetlistslick .slick-track{
	display: flex !important;
	
}
.widgetlistslick .slick-slide{
	display: flex !important;
	padding: 0 15px;
	height: inherit !important;
	
}
.widgetlistslick  .slick-slide > div{
	border: 1px solid #536F41;
  position: relative;
  width: 100%;
  color: #4D4D4D;
  padding: 15px 15px 15px 15px;
}

.widgetlistslick .slick-slide > div:hover{
	background: linear-gradient(-107deg,#536F41 0%,#1A4828 100%);
	color: #FFF;
}
.widgetlistslick .slick-slide > div:hover a{
	color: #FFF;
}
.widgetlistslick .product-thumb{
	max-width: 100% !important;
}

/* Adjust as expected */
.home-slider-frame {
  width: 320px;
}
.section-formorder{
	margin: 20px 0;
}

.row-sectionheader{
	background-color: #536F41;
	color: #FFF;
	padding: 30px 0;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.row-sectionheader .section-title,.row-widgetprodutchot .section-title{
	color: #FFF;
	margin: 0;
}
.row-widgetprodutchot{
	background-color: #1F502E;
	color: #FFF;
	padding: 30px 0;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.row-widgetcustomer{
	background-color: #FFF;
	padding: 9px 0 28px 0;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.section-title-customer{
	margin-bottom: 36px;
}
.row-widgetproject{
	/*background-color: #FFF;*/
	padding: 10px 0 30px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.box-sliderproject{
	margin-top: 37PX;
}
.widgetprojectone{
	margin-bottom: 0 !important;
}
.widgetprojectone .section-project-wrapper > div {
  width: 50%;
  padding: 15px;
  height: 400px;
  overflow: hidden;
}
.widgetprojectone .section-project-image img {
 width: 100%;
  height: 370px;
}
.widgetprojectone .section-box-text  {
  margin: 15px 0; 
}
.widgetprojectone .section-box-text h4 > a {
  color: #FFF;
  font-size: 18px;
	text-align: left;
  text-transform: uppercase;
  line-height: 1.6;
  font-weight: bold;
}
.widgetprojectone  .section-box-image{
	overflow: hidden;
  height: 250px;

}
.widgetprojectone  .section-box-image img{
	width: 100%;
	height: 100%;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.box-sliderproject .slick-slide > div:hover .section-box-image img{
	-webkit-transform:scale(1.12);
	-moz-transform:scale(1.12);
	-o-transform:scale(1.12);
	-ms-transform:scale(1.12);
	transform:scale(1.12);
}
.box-sliderproject .slick-slide{
}
.row-widgetproduct{
	color: #4D4D4D;
	padding: 10px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.widget-title-vietmy{
	margin: 4px 0 20px 0;
}
.widget-title-hoaphat{
	margin: 4px 0 20px 0;
}
.widget-title-cadivi{
	margin: 5px 0 20px 0;
}
.widget-title-project{
	margin: 4px 0 20px 0;
}
.wiget-title-about{
	margin: 40px 0 38px 0;
}
.widget-title-whychoose{
	margin: 7px 0 36px 0;
}
.section-listproject .section-title{
	color: #A26F35;
}
.card-smart-build .card-header,.row-smart-build-order{
	background-color: #536F41;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
}
.card-smart-build .card-header .card-title{
	margin: 0;
}

.section_product_dulux,.section_product_cadivi{
	margin: 30px 0;
}
.dulux-title{
	display: flex;
	align-items: center;
}
.product-title{
	text-align: center;
}

.dulux-title > .tagtitledulux{
	font-size: 28px;
	color: #536F41;
	font-weight: bold;
	border-radius: 6px;
	background-color: #E0AE77;
	border: 1px solid #E0AE77; 
	padding: 5px 20px !important;
	line-height: 1.6;
	margin: 0;
	
}
.btnlinkcolors{
	font-size: 28px;
	color: #536F41;
	font-weight: bold;
	border-radius: 6px;
	border: 1px solid #536F41;
	background-color: #FFF;
	padding: 5px 20px;
	line-height: 1.6;
	margin-left: 30px;
}
.listproduct{
	display: flex;
	flex-wrap: wrap;
}
.list_cadivi{
	padding-top: 30px;
}
	.product-col{
		position: relative;
		display: flex;
		width: 25%;
		padding-right: 20px;
		
	}
.product-col-row3{
		position: relative;
		display: flex;
		width: 33%;
		padding-right: 20px;
		
	}
.section-box-wrapper{
	width: 100%;
}
.product-col-6{
	position: relative;
	display: flex;
	width: 50%;
	padding-right: 20px;
}
.product_dulux{
	
	margin-top: 40px;
}
.section-dulux-wrapper{
	border: 1px solid #536F41;
	position: relative;
	width: 100%;
	color: #4D4D4D;
	padding: 15px 15px 15px 15px; 
}
.section-search-wrapper{
	border: 1px solid #536F41;
	position: relative;
	width: 100%;
	color: #4D4D4D;
	padding: 15px 15px 15px 15px; 
}
.section-dulux-wrapper:hover{
	background-color: #536F41;
	color: #FFF;
}
.section-dulux-wrapper:hover a{
	color: #FFF;
}	

.widgetlistduluxslick{
	margin-top: 38px;
}
.widgetlistduluxslick .slick-list{
	/*overflow: visible;*/
}
.product_cadivi .section-box-wrapper{
	background-color: #e5e5e5;
}
.product_cadivi .section-box-wrapper:hover{
	background: linear-gradient(-107deg,#536F41 0%,#1A4828 100%);
	color: #FFF;
}

.product_cadivi  .section-box-wrapper:hover a{
	color: #FFF;
}	
.section-box-image{
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
	height: 250px;
	 transition:  0.3s;
}
.section-dulux-wrapper:hover .section-box-image a{
	 
	   transform: translate(0, -70px);
}	

.product-row{
	margin-bottom: 70px;
}
.listproductrow > .product-row:last-child{
	margin-bottom: 20px;
}
.products-catalogue{
	margin-top: 20px;
}
.product-row h2{
	margin: 10px 0 20px 0;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  color: #A26F35;
}
.product-row h2 >a{
	
  color: #A26F35;
}
.product_description table{
	width: 100%;
	
}
.product_description table tr >td p{
	max-height: 50px !important;
  overflow: hidden;
  line-height: 25px;
  margin-bottom: 0;
}
.product_description table tr >td {
  padding: 10px 10px;
}
.product_description table tr >td:first-child{
	width: 150px;
  border-right: 1px solid #536F41;
  font-weight: bold;
  color: #536F41;
	padding-left: 6px;
	
}
.product_description table tr:nth-child(2n+1) {
  background: #f6f6f6;
}


.newsdetail-content table{
	width: 100%;
	
}
.newsdetail-content table tr >td p{
  line-height: 25px;
  margin-bottom: 0;
}
.newsdetail-content table tr >td {
  padding: 10px 10px;
	border: 1px solid #C4D7BF;
}
.newsdetail-content table tr >td:first-child{
	width: 150px;
  border-right: 1px solid #C4D7BF;
  font-weight: bold;
  color: #536F41;
	padding-left: 6px;
	
}
.newsdetail-content table tr:nth-child(2n+1) {
  background: #FFF;
}


.product-row-gallery{
	position: relative;
	width: 100%;
	
}
.products-gallery-fullscreen {
  position: absolute;
  bottom: 25px;
  right: 15px;
  z-index: 100;	
}
.products-gallery-fullscreen >a{
		background-color: #FFCC949C;
	box-shadow: 0 5px 10px rgba(129, 126, 126, 0.31);
	border-radius: 50%;
	position: relative;
	padding: 5px 5px;
	display: flex;
	color: #1A4828;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
}

.sliderphototos .slick-slide img{
	width: 100% !important;
}
.sliderphototos .slick-arrow{
	background-color: #FFFFFF52;
	box-shadow: 0 5px 10px rgba(129, 126, 126, 0.31);
	border-radius: 50%;
	padding: 5px 5px;
	width: 35px;
	height: 35px;
	bottom: 10px;
	top: auto !important;
	
    
}
.sliderphototos .slick-arrow:hover{
	background-color: #FFF;
}
.sliderphototos .slick-prev{
  	left: 40% !important;
	font-weight: 900;
	padding: 0;
}
.sliderphototos .slick-next{
  	right: 40% !important;
	font-weight: 900;
	padding: 0;
}
.sliderphototos .slick-prev::before {
	content: "\f104";
	font-family: "Font Awesome 5 Free";
	color: #1A4828;   
    display: flex;
	line-height: 1;    
	font-size: 30px;
	text-align: center;
	align-items: center;
	justify-content: center;
	width: 35px;
  	height: 35px;
  	
}
.sliderphototos .slick-next::before {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	color: #1A4828;
    display: flex;
	line-height: 1;    
	font-size: 30px;
	text-align: center;
	align-items: center;
	justify-content: center;
	width: 35px;
  	height: 35px;
}
.sliderphototos:hover .slick-arrow{
	display: block !important;
}

.sliderphototos .slick-list {
  margin: 0px -5px 0px -5px;
}
.buttonslidephoto > a{
	background-color: #FFF;
	border-radius: 50%;padding: 5px;
	z-index: 10;
}
.buttonslidephoto .btnleft{
	position: absolute;
left: 10px;
}
.buttonslidephoto .btnright{
	position: absolute;
right: 10px;
}
.product-thumb{
	max-width: 150px;
}
/*.section-box-image a{
	position: absolute;
  left: 0;
  top: -70px;
	right: 0;
}*/
.product_dulux .product-thumb{
	max-width: 220px;
}
.section-box-text h4,.section-box-text a{
	font-size: 18px;
	color: #4D4D4D;
}
.section-box-text h4{
	text-align: center;
	text-transform: uppercase;
	line-height: 1.6;
	font-weight: bold;
}


.cadivi-title{
	display: flex;
	align-items: center;
}
.cadivi-title .tagtitlecadivi{
	width: 30%;
		text-align: left;
	  margin: 10px 0 20px 0;
	  font-size: 30px;
	  font-weight: bold;
	  text-transform: uppercase;
	  color: #A26F35;
}
.cadivi-title .tag-description-cadivi{
	width: 70%;
	padding-left: 20px;
}
.product_cadivi .section-box-text{
	
	padding: 8px 0 5px 10px;
	min-height: 80px;
	text-align: center;
}
.section-listchild-cadivi .section-box-text{

	text-align: left !important;
}
.section-listchild-cadivi .section-box-text h4 {
  text-align: left;
  text-transform: uppercase;
  line-height: 1.6;
  font-weight: bold;
}
.section-box-description{
	text-transform: capitalize;
}
.section-box-description p{
	margin-bottom: 0;
}

.frame_dulux_detail{
	margin-bottom: 50px;
}
.dulux_detail_wrapper{
	background-color: #F1F1F2;
	border-radius: 10px;
	display: flex;
	padding-top: 40px;
	height: 500px;
	padding-bottom: 120px;
	
}
.dulux_detail_content{
	width: 30%;
	padding: 20px 0 0 50px;
}
.dulux_detail_photos{
	width: 70%;
	padding: 20px 20px 0 0;
}
.detail_dulux_name{
	padding-top: 20px;
}
.detail_dulux_name > h1{
	font-size: 22px;
	
}
.productdetailphotoone{
	text-align: center;
	display: flex !important;
	justify-content: center;
		
}
.detail_dulux_description{
	font-size: 16px;
}
.detail_dulux_button a.btn{
	width: 160px;
	margin-bottom: 20px;
}
.dulux_detail_content_wrapper{
	margin: 20px 0 30px 0;
}
#dulux_detail_content-tabinfo{
	border-bottom: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#dulux_detail_content-tabinfo.nav-tabs .nav-link:first-child{
	padding-left: 0;
}
#dulux_detail_content-tabinfo.nav-tabs .nav-link:last-child{
	padding-right: 0;
	
}
#dulux_detail_content-tabinfo.nav-tabs .nav-item:last-child{
	
}
#dulux_detail_content-tabinfo.nav-tabs .nav-link{
	font-size: 18px;
	color: #4D4D4D;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	margin-right: 20px;
}
#dulux_detail_content-tabinfo.nav-tabs .nav-link:hover{
	color: #E0AE77;
}
#dulux_detail_content-tabinfo.nav-tabs .nav-item.show .nav-link, #dulux_detail_content-tabinfo.nav-tabs .nav-link.active {
	border: none;
	color: #E0AE77;
}

.tab-content{
	padding-top: 30px;
}

.dulux_maininfo{
	padding: 0;
	margin: 0;
	margin-top: 30px;
	list-style: none;
}
.icon-steel {
  background-image: url("../images/icon/icon-thep.png");
   background-size: 30px;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: block;
  background-position-y: center;
  margin-right: 6px;
}
.icon-brick {
  background-image: url("../images/icon/icon-gach.svg");
   background-size: 30px;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: block;
  background-position-y: center;
  margin-right: 6px;
}
.icon-son {
  background-image: url("../images/icon/icon-son.svg");
  background-size: 30px;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: block;
  background-position-y: center;
  margin-right: 6px;
}
.icon-day-cap-dien {
  background-image: url("../images/icon/icon-day-dien.png");
  background-size: 30px;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  display: block;
  background-position-y: center;
  margin-right: 6px;
}
.icon-coverage {
	
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.44 7.04'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23282525;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EUntitled-1%3C/title%3E%3Cpath class='a' d='M292.16,453.27l0-5.62a.65.65,0,0,0-.65-.65l-14.12.11a.66.66,0,0,0-.65.66l0,5.62a.66.66,0,0,0,.66.65l14.12-.11a.66.66,0,0,0,.65-.66m-15.1.11,0-5.61a.32.32,0,0,1,.32-.34l14.12-.11a.33.33,0,0,1,.33.33l0,5.62a.33.33,0,0,1-.33.33l-2.07,0c0-.38,0-2.69,0-3.07a.14.14,0,0,0-.27,0c0,.37,0,2.69,0,3.06h-.77c0-.38,0-2.69,0-3.07a.14.14,0,0,0-.27,0c0,.38,0,2.69,0,3.07h-.77c0-.38,0-2.69,0-3.07a.14.14,0,0,0-.27,0c0,.38,0,2.69,0,3.07h-.77c0-.64,0-3.21,0-3.85a.13.13,0,1,0-.27,0c0,.64,0,3.22,0,3.86h-.78c0-.38,0-2.69,0-3.06a.14.14,0,1,0-.27,0c0,.37,0,2.69,0,3.06h-.77c0-.38,0-2.69,0-3.07a.14.14,0,0,0-.27,0c0,.37,0,2.68,0,3.06h-.77c0-.38,0-2.69,0-3.07a.14.14,0,0,0-.27,0c0,.38,0,2.69,0,3.07h-.77c0-.64,0-3.22,0-3.86a.14.14,0,0,0-.27,0c0,.64,0,3.22,0,3.86h-.78c0-.37,0-2.69,0-3.06a.13.13,0,1,0-.26,0v3.07h-.77c0-.38,0-2.69,0-3.06a.14.14,0,1,0-.27,0c0,.37,0,2.69,0,3.06l-2.39,0a.33.33,0,0,1-.33-.33' transform='translate(-276.71 -447)'/%3E%3C/svg%3E") ;
	background-repeat: no-repeat;
	  width: 40px;
  height: 20px;

}
.icon-footer-facebook {
	
	background-image: url("data:image/svg+xml,%3Csvg id='facebook' data-name='facebook' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.42 34.42'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f1f1f1;%7D.cls-2%7Bfill:%231a4828;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Efooter-facebook%3C/title%3E%3Cpath class='cls-1' d='M178.91,66A17.21,17.21,0,1,0,159,83V71h-4.37V66H159V62.21c0-4.31,2.57-6.7,6.5-6.7a26.17,26.17,0,0,1,3.85.34v4.23h-2.17a2.49,2.49,0,0,0-2.8,2.69V66h4.77l-.76,5h-4V83a17.21,17.21,0,0,0,14.52-17' transform='translate(-144.49 -48.79)'/%3E%3Cpath class='cls-2' d='M168.4,71l.76-5h-4.77V62.77a2.49,2.49,0,0,1,2.8-2.69h2.18V55.85a26.4,26.4,0,0,0-3.86-.34c-3.93,0-6.5,2.38-6.5,6.7V66h-4.37v5H159V83a17.33,17.33,0,0,0,5.38,0V71Z' transform='translate(-144.49 -48.79)'/%3E%3C/svg%3E");
	
	background-repeat: no-repeat;
	  width: 20px;
  	height: 20px;
	display: block;
}
.icon-contact-facebook {
	
	background-image: url("data:image/svg+xml,%3Csvg id='facebook' data-name='facebook' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.42 34.42'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231a4828;%7D.cls-2%7Bfill:%23f1f1f1;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Efooter-facebook%3C/title%3E%3Cpath class='cls-1' d='M178.91,66A17.21,17.21,0,1,0,159,83V71h-4.37V66H159V62.21c0-4.31,2.57-6.7,6.5-6.7a26.17,26.17,0,0,1,3.85.34v4.23h-2.17a2.49,2.49,0,0,0-2.8,2.69V66h4.77l-.76,5h-4V83a17.21,17.21,0,0,0,14.52-17' transform='translate(-144.49 -48.79)'/%3E%3Cpath class='cls-2' d='M168.4,71l.76-5h-4.77V62.77a2.49,2.49,0,0,1,2.8-2.69h2.18V55.85a26.4,26.4,0,0,0-3.86-.34c-3.93,0-6.5,2.38-6.5,6.7V66h-4.37v5H159V83a17.33,17.33,0,0,0,5.38,0V71Z' transform='translate(-144.49 -48.79)'/%3E%3C/svg%3E");
	
	background-repeat: no-repeat;
	  width: 20px;
  	height: 20px;
	display: block;
}
.icon-footer-youtube {
	
	background-image: url("data:image/svg+xml,%3Csvg id='youtube' data-name='youtube' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.43 34.42'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f1f1f1;%7D.cls-2%7Bfill:%231a4828;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Efooter-youtube%3C/title%3E%3Cpath class='cls-1' d='M178.76,72a17.22,17.22,0,1,1-17.21-17.21A17.21,17.21,0,0,1,178.76,72' transform='translate(-144.33 -54.79)'/%3E%3Cpath class='cls-2' d='M172.54,66.48a2.85,2.85,0,0,0-2-2c-1.79-.48-9-.48-9-.48s-7.18,0-9,.48a2.87,2.87,0,0,0-2,2,32,32,0,0,0,0,11,2.87,2.87,0,0,0,2,2c1.79.48,9,.48,9,.48s7.17,0,9-.48a2.85,2.85,0,0,0,2-2,32,32,0,0,0,0-11m-13.29,9V68.56l6,3.44Z' transform='translate(-144.33 -54.79)'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	  width: 20px;
  	height: 20px;
	display: block;
}
.icon-contact-youtube {
	
	background-image: url("data:image/svg+xml,%3Csvg id='youtube' data-name='youtube' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.43 34.42'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231a4828;%7D.cls-2%7Bfill:%23f1f1f1;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Efooter-youtube%3C/title%3E%3Cpath class='cls-1' d='M178.76,72a17.22,17.22,0,1,1-17.21-17.21A17.21,17.21,0,0,1,178.76,72' transform='translate(-144.33 -54.79)'/%3E%3Cpath class='cls-2' d='M172.54,66.48a2.85,2.85,0,0,0-2-2c-1.79-.48-9-.48-9-.48s-7.18,0-9,.48a2.87,2.87,0,0,0-2,2,32,32,0,0,0,0,11,2.87,2.87,0,0,0,2,2c1.79.48,9,.48,9,.48s7.17,0,9-.48a2.85,2.85,0,0,0,2-2,32,32,0,0,0,0-11m-13.29,9V68.56l6,3.44Z' transform='translate(-144.33 -54.79)'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	  width: 20px;
  	height: 20px;
	display: block;
}
.icon-footer-tiktok {
	
	background-image: url("data:image/svg+xml,%3Csvg id='tiktok' data-name='tiktok' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.42 34.42'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f1f1f1;%7D.cls-2%7Bfill:%231a4828;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Efooter-tiktok%3C/title%3E%3Cpath class='cls-1' d='M161.61,89.21A17.21,17.21,0,1,1,178.83,72a17.22,17.22,0,0,1-17.22,17.19M165.1,68.7l.36.24a9.07,9.07,0,0,0,4.19,1.39c.26,0,.36,0,.35-.32,0-.71,0-1.43,0-2.14,0-.55,0-.55-.53-.64l-.3,0a4.46,4.46,0,0,1-3.61-2.82,6.37,6.37,0,0,1-.43-1.65c0-.21-.09-.28-.3-.28-.8,0-1.61,0-2.41,0-.34,0-.39.1-.39.4q0,6.23,0,12.43a5.72,5.72,0,0,1,0,.58,2.87,2.87,0,0,1-5.72,0,2.89,2.89,0,0,1,2.28-3.05,4.69,4.69,0,0,1,1.18,0c.32,0,.38-.1.37-.39,0-.54,0-1.09,0-1.64,0-.34.15-.79-.07-1s-.63,0-1,0a5.94,5.94,0,1,0,.63,11.85A5.87,5.87,0,0,0,165.06,76c.09-2.26,0-4.53,0-6.8V68.7' transform='translate(-144.41 -54.79)'/%3E%3Cpath class='cls-2' d='M165.1,68.7v.54c0,2.27.05,4.54,0,6.8a5.87,5.87,0,0,1-5.34,5.51,5.94,5.94,0,1,1-.63-11.85c.33,0,.77-.11,1,0s.07.65.07,1c0,.55,0,1.1,0,1.64,0,.29,0,.41-.37.39a4.69,4.69,0,0,0-1.18,0,2.87,2.87,0,0,0,.66,5.68A2.85,2.85,0,0,0,162,75.84a5.72,5.72,0,0,0,0-.58q0-6.21,0-12.43c0-.3.05-.41.39-.4.8,0,1.61,0,2.41,0,.21,0,.28.07.3.28a6.37,6.37,0,0,0,.43,1.65,4.46,4.46,0,0,0,3.61,2.82l.3,0c.53.09.53.09.53.64,0,.71,0,1.43,0,2.14,0,.28-.09.34-.35.32a9.07,9.07,0,0,1-4.19-1.39l-.36-.24' transform='translate(-144.41 -54.79)'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	  width: 20px;
  	height: 20px;
	display: block;
}
.icon-contact-tiktok {
	
	background-image: url("data:image/svg+xml,%3Csvg id='tiktok' data-name='tiktok' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.42 34.42'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231a4828;%7D.cls-2%7Bfill:%23f1f1f1;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Efooter-tiktok%3C/title%3E%3Cpath class='cls-1' d='M161.61,89.21A17.21,17.21,0,1,1,178.83,72a17.22,17.22,0,0,1-17.22,17.19M165.1,68.7l.36.24a9.07,9.07,0,0,0,4.19,1.39c.26,0,.36,0,.35-.32,0-.71,0-1.43,0-2.14,0-.55,0-.55-.53-.64l-.3,0a4.46,4.46,0,0,1-3.61-2.82,6.37,6.37,0,0,1-.43-1.65c0-.21-.09-.28-.3-.28-.8,0-1.61,0-2.41,0-.34,0-.39.1-.39.4q0,6.23,0,12.43a5.72,5.72,0,0,1,0,.58,2.87,2.87,0,0,1-5.72,0,2.89,2.89,0,0,1,2.28-3.05,4.69,4.69,0,0,1,1.18,0c.32,0,.38-.1.37-.39,0-.54,0-1.09,0-1.64,0-.34.15-.79-.07-1s-.63,0-1,0a5.94,5.94,0,1,0,.63,11.85A5.87,5.87,0,0,0,165.06,76c.09-2.26,0-4.53,0-6.8V68.7' transform='translate(-144.41 -54.79)'/%3E%3Cpath class='cls-2' d='M165.1,68.7v.54c0,2.27.05,4.54,0,6.8a5.87,5.87,0,0,1-5.34,5.51,5.94,5.94,0,1,1-.63-11.85c.33,0,.77-.11,1,0s.07.65.07,1c0,.55,0,1.1,0,1.64,0,.29,0,.41-.37.39a4.69,4.69,0,0,0-1.18,0,2.87,2.87,0,0,0,.66,5.68A2.85,2.85,0,0,0,162,75.84a5.72,5.72,0,0,0,0-.58q0-6.21,0-12.43c0-.3.05-.41.39-.4.8,0,1.61,0,2.41,0,.21,0,.28.07.3.28a6.37,6.37,0,0,0,.43,1.65,4.46,4.46,0,0,0,3.61,2.82l.3,0c.53.09.53.09.53.64,0,.71,0,1.43,0,2.14,0,.28-.09.34-.35.32a9.07,9.07,0,0,1-4.19-1.39l-.36-.24' transform='translate(-144.41 -54.79)'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	  width: 20px;
  	height: 20px;
	display: block;
}
.icon-footer-zalo {
	
	background-image: url("data:image/svg+xml,%3Csvg id='zalo' data-name='zalo' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.49 34.42'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f1f1f1;%7D.cls-2%7Bfill:%231a4828;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Efooter-zalo%3C/title%3E%3Cpath class='cls-1' d='M180.29,65.43v1.14l0,0h0c-.05.07,0,.15,0,.22A17.21,17.21,0,1,1,165.82,49a16.84,16.84,0,0,1,12.61,9.32,16.64,16.64,0,0,1,1.78,6.89c0,.06-.07.18.08.19m-26.42,3.36a2,2,0,0,1,.15-.21l2.86-3.77c.47-.62.94-1.23,1.39-1.87a1.09,1.09,0,0,0,0-1.41,1.31,1.31,0,0,0-1.06-.38l-4.45,0a2.88,2.88,0,0,0-1.2.19.84.84,0,0,0-.52.83.82.82,0,0,0,.52.81,1.77,1.77,0,0,0,.6.15c.92.06,1.85,0,2.78,0,.15,0,.37-.1.43.05s-.09.31-.19.45l-3.85,5a2.19,2.19,0,0,0-.39.72,1,1,0,0,0,.88,1.41l.39,0c1.39,0,2.78.07,4.17,0,.47,0,.94,0,1.42,0a.92.92,0,0,0,.95-.89,1,1,0,0,0-.87-1.1,6,6,0,0,0-1,0h-2.95m11.44-1.43c0-.78,0-1.57,0-2.35a.93.93,0,0,0-.6-.94.91.91,0,0,0-1.11.23c-.18.21-.34.15-.54,0a2.71,2.71,0,0,0-3.11.09,3.75,3.75,0,0,0-1.3,3.93c.52,2.08,2.72,3.27,4.49,2a.32.32,0,0,1,.46.07.89.89,0,0,0,.53.3,1,1,0,0,0,1.19-1V67.36m6.47-3.47a3.29,3.29,0,0,0-3.41,3.45,3.4,3.4,0,1,0,6.8,0,3.31,3.31,0,0,0-3.39-3.48m-5.91,2h0c0,.52,0,1,0,1.56,0,.75,0,1.51,0,2.27a.92.92,0,0,0,.85,1,.91.91,0,0,0,1.09-.82,1.93,1.93,0,0,0,0-.42V62.22a.93.93,0,0,0-.63-1,1,1,0,0,0-1.35,1c0,1.25,0,2.51,0,3.77' transform='translate(-145.8 -48.79)'/%3E%3Cpath class='cls-2' d='M153.87,68.79h2.95a7.23,7.23,0,0,1,1,0,1,1,0,0,1,.87,1.1.91.91,0,0,1-.95.89c-.48,0-.95,0-1.42,0-1.39,0-2.78,0-4.17,0a2.6,2.6,0,0,1-.39,0,1,1,0,0,1-.88-1.41,2.19,2.19,0,0,1,.39-.72l3.85-5c.1-.14.26-.3.19-.45s-.28-.06-.43-.05c-.93,0-1.85,0-2.78,0a1.56,1.56,0,0,1-.6-.15.82.82,0,0,1-.52-.81.84.84,0,0,1,.52-.83,3.05,3.05,0,0,1,1.2-.19l4.45,0a1.31,1.31,0,0,1,1.06.38,1.09,1.09,0,0,1,0,1.41c-.44.64-.92,1.25-1.39,1.87L154,68.58l-.15.21' transform='translate(-145.8 -48.79)'/%3E%3Cpath class='cls-2' d='M165.31,67.36v2.35a1,1,0,0,1-1.19,1,.89.89,0,0,1-.53-.3.32.32,0,0,0-.46-.07c-1.77,1.25-4,.06-4.49-2a3.75,3.75,0,0,1,1.3-3.93,2.71,2.71,0,0,1,3.11-.09c.2.13.36.19.54,0a.91.91,0,0,1,1.11-.23,1,1,0,0,1,.61.94v2.35m-2,.07a2,2,0,0,0-.18-1,1.24,1.24,0,0,0-1.17-.75,1.21,1.21,0,0,0-1.15.73,2,2,0,0,0-.1,1.59,1.31,1.31,0,0,0,2.51,0,2.24,2.24,0,0,0,.09-.6' transform='translate(-145.8 -48.79)'/%3E%3Cpath class='cls-2' d='M171.78,63.89a3.31,3.31,0,0,1,3.39,3.48,3.4,3.4,0,1,1-6.8,0,3.29,3.29,0,0,1,3.41-3.45m-1.36,3.5a1.58,1.58,0,0,0,.12.73,1.3,1.3,0,0,0,2.39.12,2,2,0,0,0,.06-1.62,1.29,1.29,0,0,0-1.2-.89,1.26,1.26,0,0,0-1.23.83,1.78,1.78,0,0,0-.14.83' transform='translate(-145.8 -48.79)'/%3E%3Cpath class='cls-2' d='M165.87,65.93c0-1.26,0-2.52,0-3.77a1,1,0,0,1,1.35-1,.93.93,0,0,1,.63,1v7.26a1.93,1.93,0,0,1,0,.42.91.91,0,0,1-1.09.82.92.92,0,0,1-.85-1c0-.76,0-1.52,0-2.27,0-.52,0-1,0-1.56Z' transform='translate(-145.8 -48.79)'/%3E%3Cpath class='cls-1' d='M163.27,67.43a2.24,2.24,0,0,1-.09.6,1.31,1.31,0,0,1-2.51,0,2,2,0,0,1,.1-1.59,1.21,1.21,0,0,1,1.15-.73,1.24,1.24,0,0,1,1.17.75,2,2,0,0,1,.18,1' transform='translate(-145.8 -48.79)'/%3E%3Cpath class='cls-1' d='M170.42,67.39a1.78,1.78,0,0,1,.14-.83,1.26,1.26,0,0,1,1.23-.83,1.29,1.29,0,0,1,1.2.89,2,2,0,0,1-.06,1.62,1.3,1.3,0,0,1-2.39-.12,1.58,1.58,0,0,1-.12-.73' transform='translate(-145.8 -48.79)'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	  width: 20px;
  	height: 20px;
	display: block;
}
.icon-contact-zalo {
	
	background-image: url("data:image/svg+xml,%3Csvg id='zalo' data-name='zalo' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.49 34.42'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231a4828;%7D.cls-2%7Bfill:%23f1f1f1;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Efooter-zalo%3C/title%3E%3Cpath class='cls-1' d='M180.29,65.43v1.14l0,0h0c-.05.07,0,.15,0,.22A17.21,17.21,0,1,1,165.82,49a16.84,16.84,0,0,1,12.61,9.32,16.64,16.64,0,0,1,1.78,6.89c0,.06-.07.18.08.19m-26.42,3.36a2,2,0,0,1,.15-.21l2.86-3.77c.47-.62.94-1.23,1.39-1.87a1.09,1.09,0,0,0,0-1.41,1.31,1.31,0,0,0-1.06-.38l-4.45,0a2.88,2.88,0,0,0-1.2.19.84.84,0,0,0-.52.83.82.82,0,0,0,.52.81,1.77,1.77,0,0,0,.6.15c.92.06,1.85,0,2.78,0,.15,0,.37-.1.43.05s-.09.31-.19.45l-3.85,5a2.19,2.19,0,0,0-.39.72,1,1,0,0,0,.88,1.41l.39,0c1.39,0,2.78.07,4.17,0,.47,0,.94,0,1.42,0a.92.92,0,0,0,.95-.89,1,1,0,0,0-.87-1.1,6,6,0,0,0-1,0h-2.95m11.44-1.43c0-.78,0-1.57,0-2.35a.93.93,0,0,0-.6-.94.91.91,0,0,0-1.11.23c-.18.21-.34.15-.54,0a2.71,2.71,0,0,0-3.11.09,3.75,3.75,0,0,0-1.3,3.93c.52,2.08,2.72,3.27,4.49,2a.32.32,0,0,1,.46.07.89.89,0,0,0,.53.3,1,1,0,0,0,1.19-1V67.36m6.47-3.47a3.29,3.29,0,0,0-3.41,3.45,3.4,3.4,0,1,0,6.8,0,3.31,3.31,0,0,0-3.39-3.48m-5.91,2h0c0,.52,0,1,0,1.56,0,.75,0,1.51,0,2.27a.92.92,0,0,0,.85,1,.91.91,0,0,0,1.09-.82,1.93,1.93,0,0,0,0-.42V62.22a.93.93,0,0,0-.63-1,1,1,0,0,0-1.35,1c0,1.25,0,2.51,0,3.77' transform='translate(-145.8 -48.79)'/%3E%3Cpath class='cls-2' d='M153.87,68.79h2.95a7.23,7.23,0,0,1,1,0,1,1,0,0,1,.87,1.1.91.91,0,0,1-.95.89c-.48,0-.95,0-1.42,0-1.39,0-2.78,0-4.17,0a2.6,2.6,0,0,1-.39,0,1,1,0,0,1-.88-1.41,2.19,2.19,0,0,1,.39-.72l3.85-5c.1-.14.26-.3.19-.45s-.28-.06-.43-.05c-.93,0-1.85,0-2.78,0a1.56,1.56,0,0,1-.6-.15.82.82,0,0,1-.52-.81.84.84,0,0,1,.52-.83,3.05,3.05,0,0,1,1.2-.19l4.45,0a1.31,1.31,0,0,1,1.06.38,1.09,1.09,0,0,1,0,1.41c-.44.64-.92,1.25-1.39,1.87L154,68.58l-.15.21' transform='translate(-145.8 -48.79)'/%3E%3Cpath class='cls-2' d='M165.31,67.36v2.35a1,1,0,0,1-1.19,1,.89.89,0,0,1-.53-.3.32.32,0,0,0-.46-.07c-1.77,1.25-4,.06-4.49-2a3.75,3.75,0,0,1,1.3-3.93,2.71,2.71,0,0,1,3.11-.09c.2.13.36.19.54,0a.91.91,0,0,1,1.11-.23,1,1,0,0,1,.61.94v2.35m-2,.07a2,2,0,0,0-.18-1,1.24,1.24,0,0,0-1.17-.75,1.21,1.21,0,0,0-1.15.73,2,2,0,0,0-.1,1.59,1.31,1.31,0,0,0,2.51,0,2.24,2.24,0,0,0,.09-.6' transform='translate(-145.8 -48.79)'/%3E%3Cpath class='cls-2' d='M171.78,63.89a3.31,3.31,0,0,1,3.39,3.48,3.4,3.4,0,1,1-6.8,0,3.29,3.29,0,0,1,3.41-3.45m-1.36,3.5a1.58,1.58,0,0,0,.12.73,1.3,1.3,0,0,0,2.39.12,2,2,0,0,0,.06-1.62,1.29,1.29,0,0,0-1.2-.89,1.26,1.26,0,0,0-1.23.83,1.78,1.78,0,0,0-.14.83' transform='translate(-145.8 -48.79)'/%3E%3Cpath class='cls-2' d='M165.87,65.93c0-1.26,0-2.52,0-3.77a1,1,0,0,1,1.35-1,.93.93,0,0,1,.63,1v7.26a1.93,1.93,0,0,1,0,.42.91.91,0,0,1-1.09.82.92.92,0,0,1-.85-1c0-.76,0-1.52,0-2.27,0-.52,0-1,0-1.56Z' transform='translate(-145.8 -48.79)'/%3E%3Cpath class='cls-1' d='M163.27,67.43a2.24,2.24,0,0,1-.09.6,1.31,1.31,0,0,1-2.51,0,2,2,0,0,1,.1-1.59,1.21,1.21,0,0,1,1.15-.73,1.24,1.24,0,0,1,1.17.75,2,2,0,0,1,.18,1' transform='translate(-145.8 -48.79)'/%3E%3Cpath class='cls-1' d='M170.42,67.39a1.78,1.78,0,0,1,.14-.83,1.26,1.26,0,0,1,1.23-.83,1.29,1.29,0,0,1,1.2.89,2,2,0,0,1-.06,1.62,1.3,1.3,0,0,1-2.39-.12,1.58,1.58,0,0,1-.12-.73' transform='translate(-145.8 -48.79)'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	  width: 20px;
  	height: 20px;
	display: block;
}
.footerlinkedin{
	width: 20px;
	height: 20px;
	background-color: #F1F1F1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #536F41;
	border-radius: 50%;
}
.icon-zalo {
	
	background-image: url("../images/icon/icon-zalo.svg");
	background-repeat: no-repeat;
	  width: 50px;
  	height: 50px;
	display: block;
}
.icon-linkein {
 display: block;
  font-size: 48px;
}
.icon-facebook {
  background-image: url("data:image/svg+xml,%3Csvg id='facebook' data-name='facebook' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.42 34.42'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%230866ff;%7D.cls-2%7Bfill:%23ffffff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Efooter-facebook%3C/title%3E%3Cpath class='cls-1' d='M178.91,66A17.21,17.21,0,1,0,159,83V71h-4.37V66H159V62.21c0-4.31,2.57-6.7,6.5-6.7a26.17,26.17,0,0,1,3.85.34v4.23h-2.17a2.49,2.49,0,0,0-2.8,2.69V66h4.77l-.76,5h-4V83a17.21,17.21,0,0,0,14.52-17' transform='translate(-144.49 -48.79)'/%3E%3Cpath class='cls-2' d='M168.4,71l.76-5h-4.77V62.77a2.49,2.49,0,0,1,2.8-2.69h2.18V55.85a26.4,26.4,0,0,0-3.86-.34c-3.93,0-6.5,2.38-6.5,6.7V66h-4.37v5H159V83a17.33,17.33,0,0,0,5.38,0V71Z' transform='translate(-144.49 -48.79)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  display: block;
}
.icon-time {	
	background-image: url("data:image/svg+xml,%3Csvg id='time' data-name='time' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23282525;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Etime%3C/title%3E%3Cpath class='cls-1' d='M329.92,475a12.5,12.5,0,1,1,12.5-12.5,12.52,12.52,0,0,1-12.5,12.5m0-24.39a11.89,11.89,0,1,0,11.89,11.89,11.9,11.9,0,0,0-11.89-11.89' transform='translate(-317.42 -450)'/%3E%3Cpolygon class='cls-1' points='12.5 12.5 12.5 4.27 11.89 4.27 11.89 12.5 11.89 12.8 11.89 13.11 17.68 13.11 17.68 12.5 12.5 12.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	  width: 40px;
  height: 30px;

}
.icon-gmail {	
	background-image: url("../images/icon/icon-gmail.svg");
	background-repeat: no-repeat;
	  width: 50px;
  height: 50px;
display: block;
}
.icon-phone {	
	background-image: url("../images/icon/icon-phone.svg");
	background-repeat: no-repeat;
	  width: 50px;
  height: 50px;
display: block;
}
.icon-smartbuild {	
	background-image: url("../images/icon/icon-smartbuild.png");
	  background-size: 50px;
	background-repeat: no-repeat;
	  width: 50px;
  height: 50px;
display: block;
}
.icon-fbmessage {	
	background-image: url("../images/icon/facebook-messenger-icon.svg");
	  background-size: 50px;
	background-repeat: no-repeat;
	  width: 50px;
  height: 50px;
display: block;
}
.dulux_maininfo > li {
	display: flex;
	list-style: none;
	align-items: center;
	border-bottom: 1px solid #989898;
	padding-bottom: 5px;
	margin-top: 10px;
}
	.dulux_maininfo > li:last-child {
		border-bottom: none;
		
	}
	.dulux_maininfo > li > i {
		margin-right: 10px;
}
	.dulux_maininfo > li > span {
		margin-left: auto;
}
.section_dulux_colors_content{
	display: flex;
	align-items: center;
}
.dulux_colors_content{
	padding: 0 60px 0 35px;
}
	.dulux_colors_content > h1{
		font-size: 28px;
		color: #536F41;
		font-weight: bold;
		text-transform: uppercase;
	}
.colors_description{
	font-size: 18px;
	color: #A26F35;
}
.list_review_colors_wrapper{
	margin-top: 30px ;
}
.section_test_color img{
	max-width: 100%;
	
}
.widgetlistcadivislick{
	margin-top: 39px;
}
.widgetlistcadivislick .slick-track {
  display: flex !important;
}
.widgetlistcadivislick .slick-slide {
  display: flex !important;
  padding: 0 15px;
  height: inherit !important;
	
}
.slickwidthfixed .slick-slide{
	width: 278px !important;
}
.slickvietmywidthfixed .slick-slide{
	width: 370px !important;
}
.slickviglacerawidthfixed .slick-slide{
	width: 370px !important;
}
.exportfileorder{
	text-transform: capitalize;
}
.widgetlistcadivislick .slick-slide > div  {
  background-color: #e5e5e5;
	position: relative;
  display: flex;
  width: 100%;
}
.slickviglacerawidthfixed .slick-slide > div  {
  background-color: #FFF;
}
.widgetlistcadivislick > div .list-cadivi-image{
	overflow: hidden;
	height: 250px;
}
.widgetlistcadivislick .slick-slide > div:hover{
	background: linear-gradient(-107deg,#536F41 0%,#1A4828 100%);
	color: #FFF;
}

.widgetlistcadivislick  .slick-slide > div:hover a{
	color: #FFF;
}
.widgetlistcadivislick .section-box-text {
  padding: 8px 0 5px 10px;
  min-height: 60px;
  text-align: center;
}
.widgetlistcadivislick .slick-slide > div .list-cadivi-image img{
	width: 100%;
	height: 100%;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.widgetlistcadivislick .slick-slide > div:hover .list-cadivi-image img{
	-webkit-transform:scale(1.12);
	-moz-transform:scale(1.12);
	-o-transform:scale(1.12);
	-ms-transform:scale(1.12);
	transform:scale(1.12);
}
.product_cadivi{
	margin-bottom: 20px;
}
.product_cadivi .list-cadivi-image{
	overflow: hidden;
}
.product_cadivi .list-cadivi-image img{
	width: 100%;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.product_cadivi:hover .list-cadivi-image img{
	-webkit-transform:scale(1.12);
	-moz-transform:scale(1.12);
	-o-transform:scale(1.12);
	-ms-transform:scale(1.12);
	transform:scale(1.12);
}
.section-listchild-cadivi{
	display: flex;
	flex-wrap: wrap;
	background-color: #FFF !important;
}
.section-listchild-cadivi .list-cadivi-image{
	width: 50%;
}
.section-listchild-cadivi .section-box-text{
	width: 50%;
}

.section_product_viglacera{
	margin: 30px 0 0 0 ;
}
.list_viglacera_one{
	position: relative;
	display: block;
	width: 33%;
}
.viglacera-one-inside{
	position: relative;
	padding: 20px;
}
.box-text-viglacera{
	margin: 15px 0;
	text-align: center;
}
.box-text-viglacera h4{
	padding-top: 15px;
	height: 55px;
}
.list_viglacera_one .box-text-viglacera a{
	font-size: 14px;
	
}
.list-viglacera-image{
	position: relative;
	justify-content:center;
	align-items:flex-end;
	height: 300px;
}
.list-viglacera-image img{
	max-width: 100%;
	height: 100%;
}
.aside-title{
	padding-bottom: 20px;
}
.aside-title h2{
	font-size: 16px;
	font-weight: bold;
}
.aside-content{
	margin-bottom: 30px;
}
.aside-filter {
  margin-top:0px
}
.filter-vendor{
	border-top: 1px solid #DDD;
	padding-top:40px; 
}
.aside-filter .aside-title .title-head {
  font-size:16px;
  font-weight:bold;
  margin-bottom:30px;
  text-transform:uppercase
}
@media (max-width: 991px) {
  .aside-filter .content-item .aside-item {
    margin-bottom:10px
  }
}
.aside-filter .content-item .aside-item .module-title .title-head {
  margin:0;
  font-size:16px;
  border:1px solid #ebebeb;
  padding:10px;
  margin-left:-1px;
  position:relative;
  padding-right:20px
}
.aside-filter .content-item .aside-item .module-title .title-head:after {
  content:"\f0d7";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  position:absolute;
  right:5px;
  top:50%;
  transform:translateY(-50%)
}
.aside-filter .content-item .aside-item .aside-content {
  margin-top:-1px;
  margin-left:-1px
}
.aside-filter .content-item .aside-item .aside-content.sizes-list {
  margin-bottom:0px
}
.aside-filter .content-item .aside-item .aside-content.filter-price-value {
  padding:20px 0px 20px
}
.filter-group ul {
  overflow-y:auto;
	list-style: none;
	padding: 0;
	margin: 0;
}
.filter-group ul::-webkit-scrollbar-track {
  border-radius:10px;
  background-color:#ebebeb;
  width:5px
}
.filter-group ul::-webkit-scrollbar {
  width:5px;
  background-color:#ebebeb
}
.filter-group ul::-webkit-scrollbar-thumb {
  border-radius:10px;
  background-color:#1a8641;
  width:5px
}
.filter-group-title {
  display:block;
  font-size:em(18px);
  margin-bottom:10px
}
.filter-group {
  position:relative
}
.color_ul {
  padding:15px;
  width:100%;
  float:left
}
.filter-item {
  margin:0;
  cursor:pointer;
  line-height:25px;
  min-width:100%;
  float:left;
  padding-right:10px;
  padding:10px 0px;
  margin-bottom:0px
}
.filter-item:last-child {
  border-bottom:0px
}
.filter-item label {
  padding:0px 0px
}
.filter-item .label_relative {
  position:relative
}
.filter-item .label_relative .filter_tt {
  padding-left:5px;
  display:inline-block
}
.filter-item.filter-color-size {
  min-width:0px;
  padding:0px
}
.filter-item.filter-size {
  min-width:0px;
  padding:0px;
  width:100%;
  text-align:left;
  margin-right:5px;
  line-height:30px;
  color:#000;
  position:relative
}
.filter-item.filter-size:hover {
  color:#1a8641
}
.filter-item.filter-size .fa {
  opacity:1;
  width:30px;
  height:30px;
  position:absolute;
  top:21px;
  line-height:30px
}
.filter-item .name_color {
  line-height:25px;
  display:inline-block;
  height:20px;
  position:absolute;
  font-size:14px;
  color:#000;
  text-transform:inherit
}
.filter-item * {
  color:#000;
  cursor:pointer;
  font-size:em(14px);
}
.filter-item.size .tags_size {
  position:relative;
  width:calc(100% - 30px);
  -o-width:calc(100% - 30px);
  -moz-width:calc(100% - 30px);
  -webkit-width:calc(100% - 30px);
  display:inline-block;
  float:left;
  padding-left:25px;
  margin-bottom:5px;
  font-weight:400;
  font-size:14px;
  color:#000
}
.filter-item.size .tags_size:before {
  display:block;
  content:"";
  width:30px;
  height:30px;
  position:absolute;
  left:0px;
  top:0px;
  border:1px solid transparent
}
.filter-item.size input:checked+.tags_size:before {
  border-color:#1a8641
}
.filter-item.color {
  min-width:0%;
  border-bottom:0px;
  line-height:30px
}
.filter-item.color a,
.filter-item.color label {
  width:100%;
  height:100%;
  display:inline-block;
  font-size:0;
  font-size:14px;
  line-height:20px;
  color:#000;
  padding:0;
  font-size:0
}
.filter-item.color .fa {
  width:30px;
  height:30px;
  position:relative;
  border-radius:0;
  top:4px
}
.filter-item.color .fa:before {
  display:none
}
.filter-item.color .fa.trang:hover:before {
  display:block;
  content:"";
  width:20px;
  height:20px;
  position:absolute;
  left:0px;
  top:0px;
  border-radius:50%
}
.filter-item.color .fa:hover:before {
  display:block;
  content:"";
  width:20px;
  height:20px;
  position:absolute;
  left:0px;
  top:0px;
  border:none
}
.filter-item.color input:checked+.fa:before {
  display:block;
  content:"";
  width:20px;
  height:20px;
  position:absolute;
  left:0px;
  top:0px;
  border:0px solid #fff;
  border-radius:50%
}
.filter-item.color input:checked+.fa.trang:before {
  display:block;
  content:"";
  width:30px;
  height:30px;
  position:absolute;
  left:10px;
  border-radius:50%;
  top:7px;
  border:1px solid #fff
}
.filter-item.color input:checked+.fa:after {
  font-family:'FontAwesome';
  display:block;
  content:"\f00c";
  color:#fff;
  font-size:12px;
  width:30px;
  height:30px;
  border-radius:50%;
  position:absolute;
  left:0;
  top:0;
  line-height:30px;
  text-align:center;
  font-family:"Font Awesome 5 Free"
}
.filter-item.color input:checked+span {
  color:#1a8641
}
.filter-item.color input:checked+.fa.trang:after {
  color:#333
}
.filter-item--green *:hover {
  color:#1a8641
}
.filter-item--half {
  display:inline-block;
  width:48%;
  white-space:nowrap;
  overflow:hidden;
  margin-right:3px
}
.filter-item--check-box input {
  display:none
}
.filter-item--check-box .fa {
  margin-right:5px;
  width:14px;
  font-size:18px;
  line-height:40px;
  position:relative;
  top:2px
}
.filter-item--check-box input+.fa:before {
  content:"";
  margin-right:5px;
  font-size:18px;
  border:solid 1px #333;
  line-height:40px;
  position:absolute;
  top:-15px;
  height:15px !important;
  width:15px;
  border-radius:3px
}
.filter-item--check-box input:checked+span {
  color:#1a8641
}
.filter-item--check-box input:checked+.fa,
.filter-item--check-box input:checked+span {
  color:#1a8641
}
.filter-item--check-box input:checked+.fa:after,
.filter-item--check-box input:checked+span:after {
  color:#1a8641;
  content:"\f00c";
  position:absolute;
  width:15px;
  height:15px;
  line-height:15px;
  top:-15px;
  font-size:12px;
  left:2px;
  font-family:"Font Awesome 5 Free"
}
.filter-item--check-box input:checked+.fa:before,
.filter-item--check-box input:checked+span:before {
  border-color:#1a8641
}
.filter-container__selected-filter-list >ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.filter-container__selected-filter {
  margin-bottom:10px;
  padding-bottom:5px;
  border-bottom:1px solid #eee
}
.filter-container__selected-filter-header {
  margin-bottom:5px;
	  display: flex;
	align-items: center;
}
.filter-container__selected-filter-header-title {
	
  font-size:16px;
  font-weight:bold;
  color:#536f41
}
.filter-container__clear-all {
  float:right;
  color:#333;
  margin-top:3px;
	margin-left: auto;
}
.filter-container__selected-filter-item {
  padding:3px 0
}
.filter-container__selected-filter-item>a {
  color:#333;
  font-size:em(13px)
}
.filter-container__selected-filter-item .fa {
  margin-right:10px;
  color:#F44336
}

.section_product_vietmy{
	margin: 30px 0 0 0;
}
.product-box-viet-my{
	display: block;
	align-items: center;
	position: relative;
	width: 100%;
	justify-content: center;

}
#productvietmy_tabinfo li a{
	
	font-size: 16px;
	font-weight: bold;
}

#productvietmy_tabinfo.nav-tabs .nav-item.show .nav-link, #productvietmy_tabinfo.nav-tabs .nav-link.active {
  color: #FFF !important;
  background-color: #536F41 !important;
  border-color: #536F41 #536F41 #536F41 !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #495057;

  background-color: #fff;

  border-color: #dee2e6 #dee2e6 #fff;

}
.dulux_detail_content-tabContent{
	padding: 30px 0;
}
.product-box-viet-my >ul{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.product-box-viet-my img{
	max-width: 100%;
}
.product-box-viet-my .text-default {
  color: #1F502E !important;
  font-weight: 600;
}
.overlay-container {
  position: relative;
  display: block;
  text-align: center;
  overflow: hidden;
}
.grow, .grow-2, .grow-3, .grow-4, .grow-5 {
	transition: all 2s cubic-bezier(.23, 1, .32, 1) 0s;
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	width: auto;
	object-fit: cover
}
.grow:hover, .overlay-container:hover .grow {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1)
}
.grow-2:hover, .overlay-container:hover .grow-2 {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2)
}
.grow-3:hover, .overlay-container:hover .grow-3 {
	transform: scale(1.3);
	-ms-transform: scale(1.3);
	-webkit-transform: scale(1.3)
}
.grow-4:hover, .overlay-container:hover .grow-4 {
	transform: scale(1.4);
	-ms-transform: scale(1.4);
	-webkit-transform: scale(1.4)
}
.grow-5:hover, .overlay-container:hover .grow-5 {
	transform: scale(1.5);
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5)
}
.separator-3 {
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	height: 1px
}
.separator-bottom {
	border-bottom: #536F41 solid 4px;
	margin-bottom: 15px;
	display: inline-block;
	padding-bottom: 8px
}

@media (max-width:1439px) {
.separator-bottom {
	border-bottom: #536F41 solid 3px;
	padding-bottom: 5px;
	margin-bottom: 13px
}
}

table.ingredient {
	width: 100%;
	margin-bottom: 0
}
table.ingredient tbody>tr>td, table.ingredient thead>tr>th {
	vertical-align: middle;
	text-align: center;
	padding: 15px 10px;
	border-color: #d3d3d3
}
table.ingredient thead>tr>th {
	background-color: #808185;
	color: #fff
}
table.ingredient tbody>tr>td {
	background-color: #f4f4f4;
	color: #000
}
table.style-3{
	border-collapse: separate;
}
table.style-3 >tbody> tr:first-child > th{
	background-color: #536F41;
	
}
table.style-3 td,table.style-3 th{
	padding: 8px 15px;
	
}
table.style-3 > tbody > tr > th, table.style-3 > thead > tr > th, table.style-3 > tbody > tr:first-of-type > td, table.style-3 > tbody > tr > td:first-of-type {
  background-color: #e6e7e9;
}
table.style-3 > tbody > tr > td {
  background-color: #f2f2f2;
}
.icon {
	display: inline-block;
	text-align: center;
	position: relative;
	background-color: transparent;
	color: #000;
	font-size: 24px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid transparent
}
.icons .icon {
	margin: 0 5px 5px 0
}
.icon i {
	position: relative;
	z-index: 1
}
.icon.dark-bg {
	background-color: rgba(66,66,66,.66);
	color: #fff
}
.icon.default-bg {
	color: #fff
}
.icon.light-bg {
	background-color: #fff
}
.icon.without-bg {
	font-size: 45px;
	line-height: 1;
	color: inherit;
	background-color: transparent;
	height: 100%;
	color: #EA7F23
}
.icon.large {
	font-size: 36px;
	width: 145px;
	height: 145px;
	line-height: 142px
}
.icon.small {
	font-size: 18px;
	width: 45px;
	height: 45px;
	line-height: 43px
}
.feature-section {
	margin-top: -90px;
	z-index: 500;
	position: relative
}
.feature-section .border-line {
	height: 5px;
	background-color: #EA7F23;
	flex: auto;
	margin-top: 90px
}
.feature-box {
	border-radius: 10px;
	box-shadow: 3px 3px #58595b;
	-webkit-box-shadow: 3px 3px #58595b;
	width: 185px;
	margin-bottom: 15px;
	margin-left: 6px;
	margin-right: 6px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.feature-box .sicon {
	border: #EA7F23 solid 1px;
	border-bottom: none;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: #EA7F23;
	height: 90px;
	padding: 12.5px 0;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.feature-box .fbody {
	height: 105px;
	background: #fff;
	padding: 15px 10px;
	border: #d3d3d3 solid 1px;
	border-top: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}
.feature-box .fbody h4, .feature-box .fbody .h4 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 0
}
.feature-box .btn {
	border-color: #d3d3d3
}
.feature-box .sicon img {
	height: 60px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.feature-box:hover {
	margin-top: -40px
}
.feature-box:hover .sicon {
	height: 130px
}
.feature-box:hover .sicon img {
	height: 100px
}
.feature-box .btn-s:active, .feature-box .btn-s:focus, .feature-box .btn-s:hover {
	color: #EA7F23!important;
	background-color: #fff;
	border-color: #fff
}
.feature-box-2 h2, .feature-box-2 .h2 {
	margin-top: 0;
	color: #6e6f72
}
.feature-box-2 {
	position: relative;
	margin-bottom: 20px
}
.feature-box-2 .icon {
	position: absolute;
	top: 0;
	left: 0
}
.feature-box-2 .icon img {
	height: 60px;
	width: auto
}
.feature-box-2.boxed {
	border: 1px solid #f1f1f1
}
.feature-box-2.boxed .icon {
	left: 20px;
	top: 20px
}
.feature-box-2 .body {
	margin-left: 85px;
	text-align: justify
}
.feature-box-2.right .body {
	margin-right: 62px;
	margin-left: 0;
	text-align: right
}
.feature-box-2 .body h2.separator-bottom, .feature-box-2 .body .h2.separator-bottom, .feature-box-2 .body h4.separator-bottom, .feature-box-2 .body .h4.separator-bottom {
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 10px;
	text-transform: uppercase
}
.feature-box-2 .body h4, .feature-box-2 .body .h4 {
	color: #6e6f72
}
.feature-box-2 .body .img-text {
	width: 100px;
	height: 100%;
	margin-right: 20px
}
.feature-box-2.right .icon {
	left: auto;
	right: 0
}
.feature-box-2.right .icon.without-bg {
	right: 40px
}
.feature-box-2.boxed.right .icon {
	left: auto;
	right: 20px
}
.feature-box-2.boxed.right .icon.without-bg {
	right: 60px
}



/******  TEMPLATES NEWS CSS *****************/

.listnews-paging{
	background-color: #E0AE77;
	
	padding: 50px 0;
}
.section_headernews{
	margin: 50px 0;
}
.listpage {
	display: flex;
  flex-wrap: wrap;
}
.date-box {
	font-family: "Helvetica Neue";
	font-size: 50px;
    text-align: center;
    padding: 15px 20px 20px 20px;
    margin-left: 0;
    margin-top: 0;
    color: #808080;
    position: absolute;
    background: #E5E6E7;
	z-index:2;
}
.detail-news.date-box {
	 z-index: 2;
    font-size: 50px;
    text-align: center;
    padding: 2px 10px;
    color: #fff;
    position: relative;
	 background: linear-gradient(-107deg,#1A4828 0%,#536F41 100%);
}
.detail-news.date-box span.month-txt {
  color: #FFF;
  font-size: 15px;
}
.newsdetail-title{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 40px auto;
}
	.newsdetail-title .section-title{
		color: #58595B;
		margin-left: 20px;
		text-transform: capitalize;
}
.date-box span {
	display:block
}
.date-box span.date-txt {
	display: block;
  line-height: 1.0;
  padding: 10px 10px 0 10px;
}
.date-box span.month-txt {color: #B1B1B2;font-size: 15px;}


.listnewsone {
	position: relative;
  display: flex;
  width: 50%;
  padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
}

	.listnewsone:nth-child(2n){
		padding-right: 0;
	}
	.listnewsone:nth-child(2n+1){
		padding-left: 0;
	}
.widgetlistnews{
	margin-top: 40px;
}
.listwidgetnewsone {
	position: relative;
  display: flex;
 
}
.widgetlistnews .listwidgetnewsone:nth-child(2n+1){
		 padding-right: 20px;
	padding-left: 20px;
	}
.listnewspaging .section-news-wrapper{
	display: flex;
}
.listnewspaging .list-news-image{
	width: 50%;
	height: auto;
}
.listnewspaging .list-news-image img{
	height: 100%;
}
 .listnewspaging .section-news-text{
	 width: 50%;
	 padding-left: 30px;
	margin-top: 0;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color: #58595B;
	 background: #FFF;
      position: relative;
}
    .talkbubble {
      width: 120px;
      height: 80px;
      background: red;
      position: relative;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
    }
    .listnewspaging .section-news-text:before {
      content: "";
      position: absolute;
      right: 100%;
      top: 35%;
		bottom: 50%;
      width: 0;
      height: 0;
      border-top: 27px solid transparent;
      border-right: 30px solid #FFF;
      border-bottom: 27px solid transparent;
    }
  

 .listnewspaging .section-news-text a{
	  color: #58595B;
	 line-height: 1.8;
	 font-weight: 500;
}
 .listnewspaging:hover .section-news-text{	
	 color: #FFF;	 
	 background: linear-gradient(-107deg,#1A4828 0%,#536F41 100%);
}
  .listnewspaging:hover .section-news-text:before {
     
      border-right: 40px solid #506D40;

    }
 .listnewspaging:hover .section-news-text a{	
	 color: #FFF;
}


.listnewspaging  .date-box {
	font-size: 26px;
	padding: 5px 7px 3px 7px;
}
.listwidgetnewsone .date-box {
	font-size: 26px;
	padding: 5px 7px 3px 7px;
}
.listnewspaging  .date-box span.date-txt{
	padding: 5px 10px 0 10px;
}

.listnewspaging .date-box span.month-txt {color: #B1B1B2;font-size: 12px;}


.listnewspaging-title{
	text-align: center;
  margin: 10px 0 50px 0;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  color: #1A4828;
}

.list-news-image{
  overflow: hidden;
	height: 350px;
}
.listwidgetnewsone .list-news-image{
	height: 260px;
}
.listwidgetnewsone .list-news-image a{
	display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;

}
.listnewsone img ,.listwidgetnewsone img{
  width: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.listnewsone:hover .list-news-image img,.listwidgetnewsone:hover .list-news-image img{
	-webkit-transform:scale(1.12);
	-moz-transform:scale(1.12);
	-o-transform:scale(1.12);
	-ms-transform:scale(1.12);
	transform:scale(1.12);
}
.listnewsone:hover .date-box,.listwidgetnewsone:hover .date-box{
	background: linear-gradient(-107deg,#1A4828 0%,#536F41 100%);
}
.listnewsone:hover .date-box span,.listwidgetnewsone:hover .date-box span{
	color: #FFF !important;
}
.section-news-text{
	margin-top: 15px;
	text-align: justify;
}
.listnews-paging .section-news-text{
	text-align: left;
}
.section-news-text > h4{
	margin-bottom: 10px;
	padding-right: 15px;
	}
.section-news-text > h4 > a{
	color: #58595B;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 1.6;
	}
.section-news-description{
	margin-top: 10px;
	line-height: 1.6;
	
}

.listproject{
	position: relative;
	display: block;
	margin: 20px 0;
}
.listprojectone {
	position: relative;
  display: flex;
  width: 100%;
	margin-bottom: 30px;
	background-color: #E5E5E5;
	padding: 15px;
}

.page-title-has-description{
	display: flex;
	flex-wrap: wrap;
}
.page-title-has-description > h1{
  width: 30%;
  text-align: left;
  margin: 10px 0 20px 0;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  color: #A26F35;
}
.section_listproject  .page-title-has-description{
	display: flex;
	flex-wrap: nowrap;
}
.section_listproject .page-title-has-description > h1{
display: block;
}

.page-title-has-description .heading-description {
  width: 70%;
  padding-left: 20px;
}
.section_listproject  .page-title-has-description .heading-description {
  width: auto;
}
.btnprojectseemore{
	margin-top: 20px;
	font-weight: bold;
	text-transform: inherit;
}
.section-project-wrapper{
	position: relative;
	  display: flex;
	  width: 100%;
	flex-wrap:wrap;
}	
.section-project-wrapper > div{
	width: 50%;
	padding: 15px;
}
.section-project-image{
	display: block;
	position: relative;
	order: 2;
}
.section-project-image  img{
	display: block;
	max-width: 100%;
}
.section-project-text{
	order: 1;
}
.section-project-text > h2 > a{
	color: #536F41;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 1.6;
	font-weight: bold;
	
}
.section-project-info{
	padding: 15px 0 10px 0;
	line-height: 1.6;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #CECECE;
	border-top: 1px solid #CECECE;
}
	
	.project-info-item{
		width: 50%;
		color: #536F41;
		padding-left: 15px;
	}
	.project-info-item:first-child{
		padding-left: 0;
	}
	.section-project-info  label{
		color: #536F41;
		text-transform: uppercase;
		line-height: 1.6;
		font-weight: bold;
		}

.section-project-description{
	margin-top: 15px;
}
.section-project-detail{
	background-color: #f1f1f1;
	margin-top: 40px;
	padding: 30px;
}
.project-slidephoto{
	width: 80%;
	margin: 0 auto;
	position: relative;
}
.sliderproject img{
	height: 500px;
}

.slider-nav img{
	width: 170px;
	height: 100px;
	
	
}
.slider-nav .slick-current  img{
	border: 3px solid #536F41;
}
.slider-nav  .slick-slide  {
  display: flex !important;
  padding: 0 15px;
  height: inherit !important;
}
.slider-nav{
	width: 80%;
	margin: 0 auto;
	margin-top: 30px;
	position: relative;
}
.projectdetail-info{
	margin-top: 50px;
}
.projectdetail-heading{
	display: flex;
	width: 100%;
	position: relative;
	flex-wrap: wrap;
	padding-bottom: 10px;
	margin-top: 15px;
	border-bottom: 1px solid #CBCBCB;
}
.projectdetail-info > h1{
	color: #536F41;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: auto;
}
.projectdetailinfo-item{
	display: flex;
	flex-wrap: nowrap;
	width: 50%;
	padding-right: 15px;
	color: #536F41;
}
.projectdetailinfo-item label{
	font-weight: bold;
	margin-right: 10px;
	width: 100px;
}
.projectdetailinfo-item:first-child label{
	width: 60px;
}
.projectdetail-content{
	margin-top: 20px;
}
.projectdetail-content h4{
		font-size: 16px;
		font-weight: bold;
	}
.page_contact_info{
	border: 2px solid #f1c232;
	background-color: #fff2cc;
	padding: 15px;
	margin: 15px auto;
}

.news_contact_info{
	border: 2px solid #fff;
	background-color: #fff;
	padding: 15px;
	margin: 15px auto;
}
/********* PAGING ***********/

.pagination {
	display: flex;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}
.pagination>li {
	position: relative;
	display: block;
	margin: 0 10px; 
 
}

.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #B2B2B2;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #B2B2B2
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	z-index: 2;
	color: #536F41;
	background-color: #eee;
	border-color: #ddd
}

.pagination>li>a, .pagination>li>span {
	border-radius: 50%;
	height: 40px;
	width: 40px;
	display: flex;
	justify-content: center;
	font-size: 18px;
	font-weight: bold;
	align-items: center;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #536F41;
	border-color: #536F41
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}
.pagination-lg>li>a, .pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}
.pagination-sm>li>a, .pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}
.paging_simple_numbers{
	text-align: center;
	justify-content: center;
	display: flex;
}
.pagination_caret{
	font-size: 43px !important;
	border:none !important;
	background-color: transparent !important;
}
/********END PAGING ***********/


.contacttemp_boxcontactinfo{
	background-color: #f1f1f1;
	padding: 50px;
}
.contacttemp_boxform{
	margin: 30px 0;
}
.section_contacttemplate{
	margin: 30px 0;
}
.contactcompany{
	font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  color: #1a4828;
  margin: 5px 0 0 0;
}
.contactcompany h4{
	font-size: 20px;
	font-weight: bold;
}
.contactcompany h5{
	font-size: 16px;
	font-weight: bold;
}
.contactcompany a{
	color: #1a4828;
}
.contactcompany .companyinfo li span > i
{
  background-color: #a26f35;
	color: #f1f1f1;
}
.contactlogo{
	padding: 0;
	text-align: center;
}
.contactlogo a{
	display: block;
	position: relative;
	margin-bottom: 20px;
}
.contactlogo a img{
	width: 350px;
	
}
.contact-social > ul{
	margin-top: 20px !important;
	padding-left: 27px !important;
}
.aboutus-content{
	margin-top: 60px;
	margin-bottom: 30px;
}
.aboutus-content h3{
	text-align: left;
  margin: 10px 0 20px 0;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  color: #A26F35;
	
}
.aboutus-content h4{
	text-align: left;
  font-size: 16px;
  font-weight: bold;
  color: #A26F35;
	
}
.content-data-row{
	display: flex;
	flex-wrap: nowrap;
	color: #1A4828;
}
.content-slogan{
	font-size: 26px;
	color: #E0AE77;
}
.content-data-img img{
	max-width: 100%;
}
.aboutus-team-box{
	background: linear-gradient(-107deg,#536F41 0%,#1A4828 100%);
	padding: 30px 30px;
	color: #E0AE77;
}
.team-box{
	text-align: center;
	max-width: 250px;
}
.team-boss{
	margin-top: 25px;
	
	max-width: 100%;
}
.team-name{
	text-align: center;
	margin-top: 10px;
}
	.team-name > span{
		font-weight: bold;
		
	}
.team-position{
	margin: 0 0 10px 0;
	text-align: center;
	font-weight: bold;
}
.team-content{
	color: #FFF;
	text-align: justify;
}
.team-avatar img{
	max-width: 100%;
}

.team-row-one{
	justify-content: center;
	align-content: center;
	display: flex;
}
.team-row-multi{
	flex-wrap: nowrap;
	
}
.team-row-multi >div{
	width: 50%;
	text-align: center;
}
.team-row-one .team-box{
	max-width: 500px;
}
.team-row-one  .team-avatar img{
	max-width: 220px;
}
/******  FOOTER CSS *****************/
footer {
	background-color:#FFF;
	background: linear-gradient(-107deg,#1A4828 0%,#536F41 100%);
	
	font-size: 12px;
	padding-top: 5px;
	color: #FFF;
}
footer a{
	color: #FFF;
	font-size: 12px;
}
footer a:hover{
	color: #E0AE77;
}
.footergrid{
	display: flex;
}
.footer-col-1{
	display: block;
	width: 28%;
	padding-right: 5px;
}
.logofooter{
	padding-right: 25px;
}
.footer-slogan{
	margin: 15px 0 0 0;
}
.footer-slogan img{
	max-width: 100%;
	
}
.footer-logo img{
	max-width: 100%;
	
}
.footer-map img{
		max-width: 300px;
	}
.footer-col-2{
	width: 20%;
	padding-right: 15px;
}
.footer-col-3{
	width: 45%;
	padding-right: 15px;
}
.footer-col-4{
	width: auto;text-align: right;
}
.footercompany  h4{
	font-size:15px;
	font-weight: 700;
	line-height: 1.5;
	color: #FFF;
	margin: 0 0 0 27PX;
}
.footercompany  h5{
	font-size:13px;
	font-weight: 700;
	line-height: 1.5;
	color: #FFF;
	margin: 5px 0 0 27PX;
}
ul.companyinfo ,.companyinfo li{
	list-style: none;
	margin: 0;
	padding: 0;
}

.companyinfo{
	margin-top: 10px !important;
}
.company-address{
	display: flex;
	flex-wrap: nowrap;
}
.companyinfo li  span{
	margin-right: 8px;
	
}
.companyinfo li  span > i{
	border-radius: 50%;
	background-color: #A26F35;
	padding: 5px 5px;
}
.company-contact{
	margin-top: 10px !important;
	display: flex;
	align-items: center;
}
.company-contact-email{
	margin-left: auto;
}
.footerrow-endside{
	background-color:#1A4828;
	padding: 10px 0;
	text-align: center;
}
.footerrow-copyright{
	background-color:#1A4828;
	padding: 10px 0;
	text-align: center;
	display: flex;
	color: #FFF;
}
.footercopyright{
	
	
}
.footercopyright a{
	color: #FFF;
}
.footercontent{
	padding: 20px 0 10px 0;
}
.footer-social{
	margin-left: auto;
}
.box-social ul , .box-social li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.box-social ul{
	display: flex;
	align-items: center;
	
} 
	.box-social li{
		margin: 0 5px;
	} 
.product_detail_content{
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
}
.product_detail_content img{
	width: auto !important;
	max-width: 100%;
	height: auto !important;
	
}
.product_detail_content table{
	max-width: 100%;
	
}
.product_detail_content table td, .product_detail_content table th {
  border: 1px solid #dee2e6;
	border-top-width: thin !important;
	padding: 5px 5px;
}

.group-info .node{
	padding-left: 50px;
	position: relative;
	margin-bottom: 20px;
}
.group-info .node:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	background-color: #174929;
	background-size: cover;
	content: '' attr(data-number) '';
	font-family: 'EurostileVO';
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	color: #ffffff;
}
.group-info .node .node_title{
	font-size: 22px;
	line-height: 32px;
	padding: 2px 0;
	text-transform: uppercase;
	color: #174929;
	margin-bottom: 20px;
}
.group-info .node .node_title .nodeLeft{
	float: left;
}
.group-info .node .node_title .nodeRight{
	float: right;
}
.group-info .node .node_title h3{
	font-weight: bold;
	font-size: 22px;
	line-height: 32px;
}
.products-details__content-variant
{
  width: 100%;
  clear: both;
  float: left;
  margin-bottom: 10px;
}
.products-details__content-variant ul
{
  width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
}
.products-details__content-variant ul li
{
	list-style: none;
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	border: 1px solid #1F502E;
}
.products-details__content-variant ul li a
{
  text-align: center;
  display: block;
  padding: 7px 10px;
	font-size: 14px;
  
}
.products-details__content-variant ul li.active a
{
  background: #1F502E;
  color: #ffffff;
}
.products-details__content-detail.hidden{
	display: none;
}
footer  h4{
	font-size:14px;
	font-weight: 700;
line-height: 1.5;
color: #FFF;
margin: 5px 0 0 0;
}
.footerinfo{
	margin-bottom: 10px;
}
	.footerinfo ul, .footerinfo li{
		list-style: none;
		padding: 0;
		margin: 0;
		
}
.footerinfo li{
		color: #A26F35;
	padding-left: 7px;
	margin-left: 10px;
  list-style: square;
	margin-bottom: 9px;
		font-size: 12px;
		font-weight: bold;
}
.footerinfo li a{
	padding: 0 0 8px 0;
	display: block;
	font-size: 11px;font-weight: 600;
	
}

.contactboxpc{
	display: block;
	position: fixed;
	top: 30%;
	bottom: 50%;
  right: 20px;
  z-index: 99;

}

.contactboxpc ul>li{
	padding: 5px 0;
}

.contactboxpc ul>li a i.icon-map {
   
    display: block;
	font-size: 28px;
	color: #EC2A2D;
}
.contactboxpc li .button {
    background: transparent;
}.contactboxpc ul>li a i.contactboxpc-icon {
    width: 33px;
    height: 33px;
    display: block;
    margin: auto;
}.contactboxpcul li .button .btn_phone_txt {
    position: relative; top:35px;
    font-size: 10px;
    font-weight: bold;
    text-transform: none;
}
.contactboxpcul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}.contactboxpc ul>li a.chat_animation svg {
    margin: -13px 0 -20px;
}
.contactboxpc ul>li a i.icon-messenger {
    background: url(../images/icon-messenger.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.contactboxpc ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}
.contactboxpcul>li a i.ticon-chat-sms {
    background: url(../images/icon-sms.jpg) no-repeat;
    background-size: contain;
    width: 38px;
    height: 36px;
    display: block;
}
.contactboxpc ul>li a i.icon-phone-w {
    background: url(../images/icon-phone.png) no-repeat;
    background-size: contain;}
.contactboxpc ul li .button .btn_phone_txt {
    position: relative;
}

.contactboxpc ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.contactboxpc li{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
.contactboxpc ul>li a i{
	margin-bottom: 10px  !important;
	color: #174929;
}
.contactboxpc ul{
	padding: 5px 5px ;
}
.contactboxmobile-nav {
	display: none;
    
}
a.numberzalo {
		bottom: 10px;
    position: relative;
    left: 50px;
    cursor: pointer;
    z-index: 9999;
}
a.numberzalo img {
    width: 50px;
    border-radius: 50%;
}	

.producthotone{
	display: flex!important; 
	align-items: center;
	padding-right: 40px;
}

.producthotone > a{
	z-index: 10;
}
	.producthotone img{
		max-height: 200px;
	}
.producthotone > .listing-box-text{
	border: 1px solid #FFF;
	border-radius: 6px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 15px;
	color: #FFF;
	z-index: 1;
	margin-left: -45px;
	height: 140px;
	overflow: hidden;
	padding-bottom: 10px;
	padding-left: 30px;
}
.producthotone h4,.producthotone h4 a{
	font-size: 14px;
	color: #FFF;
}
.producthotone .listing-box-description{
	font-size: 13px;
	text-transform: capitalize;
	height: 70px;
	overflow: hidden;
	
}

.productrelatedcadivi{
	display: block; 
	padding-right: 0;
	padding: 15px;
}
	.productrelatedcadivi img{
		max-height: 100px;
	}
.productrelatedcadivi .boximage{
	display: flex;
	text-align: center;
	justify-content: center;
	
}
.productrelatedcadivi h4,.productrelatedcadivi h4 a{
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
}
.productrelatedcadivi > .listing-box-text{
	border-radius: 6px;
	padding: 0 20px;
	margin-top: 20px;
	color: #FFF;
	z-index: 1;
	font-weight: bold;
	margin-left: -45px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.productrelatedcadivi .listing-box-description{
	font-size: 13px;
	text-transform: capitalize;
	height: 70px;
	
}

.section-container-map{
	background-color: #536F41;
	  color: #FFF;
	  padding: 30px 0;
	  text-transform: uppercase;
	  display: flex;
	  align-items: center;
	  justify-content: center;
}

.wap_item{
	display: flex;
	flex-wrap: wrap;
  position: relative;
  z-index: 1000;
}
.wap_item >div{
	font-weight: bold;
}
.wap_item >div.grid-item{
	width: 20%;
	display: flex;
	position: relative;
	text-align: center;
	padding: 15px;
	
}
.grid-box{
	border: 1px solid #536F41;
	display: block;
	padding: 15px;
	width: 100%;
}
	.wap_item >div.grid-item .grid-desc{
		font-weight: normal;
		
	}
	.wap_item >div.grid-item .grid-img {
		display: block;
		margin: auto;
		text-align: center;
		margin-bottom: 10px;
	}


@media (max-width:1599px) {
.feature-section {
	margin-top: -81px
}
.feature-section .border-line {
	height: 4.5px;
	margin-top: 81px
}
.feature-box {
	width: 166.5px
}
.feature-box .sicon {
	height: 80px;
	padding: 11px 0
}
.feature-box .sicon img {
	height: 54px
}
.feature-box .fbody {
	height: 95px;
	padding: 15px 10px
}
.feature-box .fbody h4, .feature-box .fbody .h4 {
	font-size: 16px
}
.feature-box:hover {
	margin-top: -36px
}
.feature-box:hover .sicon {
	height: 117px
}
.feature-box:hover .sicon img {
	height: 90px
}
.feature-box-2 .icon img {
	height: 54px
}
}

@media (max-width:1439px) {
.feature-section {
	margin-top: -72px
}
.feature-section .border-line {
	height: 4px;
	margin-top: 72px
}
.feature-box {
	border-radius: 8px;
	box-shadow: 3px 3px #58595b;
	width: 148px
}
.feature-box .sicon {
	height: 72px;
	padding: 10px 0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px
}
.feature-box .sicon img {
	height: 48px
}
.feature-box .fbody {
	height: 85px;
	padding: 15px 10px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px
}
.feature-box .fbody h4, .feature-box .fbody .h4 {
	font-size: 14px
}
.feature-box:hover {
	margin-top: -32px
}
.feature-box:hover .sicon {
	height: 104px
}
.feature-box:hover .sicon img {
	height: 80px
}
.feature-box-2 .body {
	margin-left: 68px
}
.feature-box-2 .icon img {
	height: 48px
}
}

@media (max-width:1119px) {
	.newsdetail-title .section-title{
		margin-left: 10px !important;
	}
	.date-box span.date-txt {
	  display: block;
	  line-height: 1.0;
	  padding: 5px 10px 0 10px;
	}
	.detail-news.date-box{
		font-size: 30px !important;
	}
	.detail-news.date-box span.month-txt{
		font-size: 11px !important;
	}
.feature-section {
	margin-top: -54px
}
.feature-section .border-line {
	height: 3px;
	margin-top: 54px
}
.feature-box {
	border-radius: 6px;
	box-shadow: 2px 2px #58595b;
	width: 111px
}
.feature-box .sicon {
	height: 54px;
	padding: 7.5px 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px
}
.feature-box .sicon img {
	height: 36px
}
.feature-box .fbody {
	height: 66px;
	padding: 10px 5px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px
}
.feature-box .fbody h4, .feature-box .fbody .h4 {
	font-size: 11px
}
.feature-box:hover {
	margin-top: -24px
}
.feature-box:hover .sicon {
	height: 78px
}
.feature-box:hover .sicon img {
	height: 60px
}
.feature-box-2 .body {
	margin-left: 51px
}
.feature-box-2 .icon img {
	height: 36px
}
.feature-box-2 .body .img-text {
	width: 60px
}
}

@media (max-width:576px) {
.feature-section {
	margin-top: -40px;
	padding-top: 15px
}
.feature-section .border-line {
	display: none
}
.feature-box {
	width: calc(25vw - 20px);
	flex: auto
}
.feature-box .fbody {
	height: 32px
}
.feature-box .fbody .btn {
	display: none;
	font-size: 10px;
	padding: 2px 7.5px 3.5px
}
.feature-box .fbody h4, .feature-box .fbody .h4 {
	font-size: 9px
}
.feature-box .sicon img {
	height: 9vw
}
.feature-box .sicon {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px
}
.feature-box-2 .body {
	margin-left: 0
}
.feature-box-2 .separator-bottom {
	margin-left: 51px
}
.image-box.style-3 .col-lg-8 {
	padding: 0
}
}
.counter-box {
	display: flex;
	align-items: center
}
.counter-box img {
	height: 100px
}
.counter-box .counter-content {
	padding-left: 20px
}
.counter-box .counter-content h3, .counter-content .h3 {
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 20px
}
.counter-box .counter-content .unit {
	font-size: 20px;
	font-weight: 300
}
.counter-box .counter-content .counter {
	font-size: 48px;
	font-weight: 700
}

@media (max-width:1599px) {
.counter-box img {
	height: 90px
}
.counter-box .counter-content {
	padding-left: 15px
}
.counter-box .counter-content h3, .counter-content .h3 {
	font-size: 17px
}
.counter-box .counter-content .unit {
	font-size: 17px
}
.counter-box .counter-content .counter {
	font-size: 32px
}
}



@media (max-width: 1290px) {
	.container-map{
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
	}
	.section-container-map{
		padding: 0;
	}
}

 @media (min-width:768px) {
     .container {
         width: 750px
     }
 }
 
 @media (min-width:992px) {
     .container {
         width: 970px
     }
 }
 
 @media (min-width:1200px) {
     .container {
         width: 1170px;
     }
 }
 
 @media screen and (max-width:991px) {
     body .container {
         max-width: inherit !important
     }
 }
 

@media (max-width: 1199px) {
	.list-viglacera-image{
	height: auto !important;
}
.box-text-viglacera h4{
	height: auto !important;
		
		
}
.list_viglacera_one{
	width: 50%;
}
.list_viglacera_one .btn-default {
  font-size: 12px;
  padding: 5px 10px;
  line-height: 1.6;
}
.list-viglacera-image img{
	max-width: 100%;
	height: auto;
}
	.boxslideprofile{
		display: none;
	}
	.groupheaderlinkmobile{
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		background-color: #536F41;
		color: #FFF;
		font-size: 10px;
		padding: 6px 0;
	}
	.groupheaderlinkmobile > a{
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
	}
	.groupheaderlinkmobile a{
		color: #FFF;
		font-size: 16px;
	}
	.groupheaderlinkmobile i{
		color: #FFF;
		font-size: 22px;
	}
	.linkiconorder{
		margin-left: 0px;
		padding: 0 4px;
	}
	.box-sliderproject{
		background-color: #E5E5E5;
	}
	.recruit-content img{
		max-width: 100% !important;
		height: auto !important;
	}
	.listsupplier li{
		display: flex;
	}
	.group-info .node{
		padding-left: 0;
	}
	.node_content ul{
		padding: 0;
		padding-left: 15px;
		margin: 0;
	}
	.f-breadcrumbs a, .f-breadcrumbs span{
 		 font-size: 11px;
	}
	.contact_info > .container,.sectionprojectdetail > .container{
		padding: 0;
	}
	.cadivi-title{
		display: block;
    text-align: center;
		
	}
	 .cadivi-title .tagtitlecadivi{
		text-align: center;
		width: 100%;
		font-size: 20px;
		margin: 0 0 20px 0;
	  }
	.cadivi-title .tag-description-cadivi{
		width: 100%;
		padding-left: 0;
		text-align: justify;
	  }
	
	.newsdetail-title{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px auto;
}
	.listnews-paging{
		padding: 15px 0;
	}
	.listnewspaging-title{
		margin-bottom: 15px;
		font-size: 20px;
	}
	.list-news-image{
		height: auto !important;
	}
	.listwhychoose li a{
		font-size: 14px;
	}
	.listnewsone{
		width: 100%;
		padding: 0;
		margin-bottom: 15px;
	}	
	.listnewspaging .section-news-text > h4{
	 
	}
	.listnewspaging .section-news-text a{
		line-height: 1.6;
		font-size: 12px;
	}
	.section_headernews
	{
	  margin: 30px 0 20px 0;
	}
	.section-project-wrapper{
		display: block;
	}
	.section-project-wrapper > div
	{
	  width: 100%;
	  padding: 5px;
	}
	.section-project-detail{
		margin-top: 40px;
		padding: 15px;
	}
	.projectdetail-heading{
		display: block;
	}
	.projectdetail-info{
  margin-top: 15px;
}
	.projectdetailinfo-item
	{
	  display: block;
	  width: 100%;
		margin-bottom: 20px;
	  padding-right: 0;
	}
	.projectdetail-info > h1{
		line-height: 1.6;
		font-size: 14px;
	}
	.projectdetailinfo-item label
{
  width: auto !important;display: inline-block;margin-right: 0;
}
	.projectdetailinfo-item >div{
		display: inline;
		line-height: 1;
	}
	
	.projectdetail-content h4{
		font-size: 16px;
		font-weight: bold;
	}

	.page-title-has-description{
		display: block;
		text-align: center;
	}
	.page-title-has-description > h1{
		text-align: center;
		width: 100%;
		font-size: 20px;
		margin: 0 0 20px 0;
	}
	.page-title-has-description .heading-description
		{
		  width: 100%;
		  padding-left: 0;
			text-align: justify;
		}
	.section-breadcrumbs{
		padding: 0;
	}
	.wiget-title-about{
		margin-bottom: 20px !important;
	}
	.section-title a{
		font-size: 20px;
	}
	.contacttemp_boxcontactinfo{
		padding: 15px;
	}
	
	.showmobile{
		display: inline-block;
	}
	.table-striped tbody tr:nth-of-type(2n+1) {
	 background-color: #f2f2f2;
	}
	.cf-table thead {
	display: none;}
	.cf-table tbody tr td{
		display: block;
		width: 100%;
		position: relative;
		border: none;
		padding: 5px 5px;
	}
	.cf-table tbody tr{
		display: block;
		padding: 10px;
		margin-bottom: 10px;
		background-color: #3b1e51;
		
		}
	.cf-table tbody tr td:first-child{
		background-color: #c6cfff6e;
	}
	.cf-table tbody tr td:last-child{
	}
	.cf-table .colactionbutton{
		display: flex;
		
	}
	.cf-table .colactionbutton .btn{
		display: block;
		width: 100%;
	}
	.formsearchlist .form-group{
		margin-bottom: 5px;
	
} 
	
	.contactboxpc{
		display: none;
	}
	.sidebar-item{
		position: relative;
		height: auto;
		margin-bottom: 15px;
	}
.block_more_info{
	display:block;
	z-index:10000;
	position: fixed;
}  
	.headerpcsite{
		position:relative;
		display:none;
	}
	.slideone{
		height: auto;
	}
	.navbar-fixed-top,#framemenuresponsive{
		position: fixed;
		z-index: 1000;
	}
	#framemenuresponsive{
		height: 100%;
		overflow-y:scroll;
	}
	#framemenuresponsive_content{
		padding-bottom: 20px;
	}
	
	.side-menu .list_item_panel  .b-top-nav__2level_wrap{
		margin:0;
		padding:0;
	}
	.side-menu .list_item_panel .b-top-nav__2level_wrap li a{
		display:block;
	}
	
	#framemenuresponsive_content{
		padding:0 0 0 0;
	}
	.slidecollection-subject{
		padding: 0.8em;
		font-size: 15px;
	}
	
	.respmenu-wrap {
	padding-top: 0;
		
}
	
.block_more_info{
	display:block;
	z-index:10000;
	position: fixed;
}  
	.headerpcsite{
		position:relative;
		display:none;
	}
	
	#mainmenumobile .modal-content{
		background-color: #f7f7f7;
	}	
	#mainmenumobile .modal-header{
		background-color: transparent !important;
		
		padding-top: 40px;
		color: #536F41;
		border-bottom: none;
		padding-left: 20px;
	}
	#mainmenumobile .modal-header .modal-title{
		font-size: 24px;
		font-weight: 600;
		text-transform: uppercase;
	}
	.boxmobilemenu{
		padding: 10px 20px;
	}
	.sidebarmenu{
		border: 1px solid #e6e6e6;
	  background: var(--color-white);
	  max-height: calc(100% - 150px);
	}
ul.sidebarmenu ,ul.sidebarmenu ul ,.sidebarmenu li{
	margin: 0;
	padding: 0;
	list-style: none;
	
	
}
ul.sidebarmenu ul{
	display: none;
}
.sidebarmenu li{
	position: relative;
	background-color: #FFF;
	
}
ul.sidebarmenu ul li {
  padding: 0 0 0 50px;
  position: relative;
	border: none;
}	
	
ul.sidebarmenu ul li::before {
  content: "";
  position: absolute;
  top: 19px;
  left: 30px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border: 1px solid #000;
}
	
	.sidebarmenu > li {
  border-bottom:1px solid #e6e6e6
}
.sidebarmenu .arrowaction {
  position: absolute;
  right: 5px;
  padding: 7px 7px;
  top: auto;
  color: #464646;
  bottom: auto;
}
.sidebarmenu li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.375;
  color: var(--color-black);
  display: flex;
  align-items: center;
  padding: 14px 50px 14px 20px;
  position: relative;
}	
.sidebarmenu ul li a span {
	margin-right: 10px;
	}
.side-menu .headerrighticonmobile {
  background-color:transparent;
  border: 0;
	height: 50PX;
  border-radius: 0;
  position: absolute;
  top: 0;
  right: 0;
  color:#000;
  padding: 15px 5px 15px 10px;
}
.side-menu .headericonbasketmobile {
	color: #000;
}
.side-menu #search-trigger {
  background-color:transparent;
  border: 0;
	height: 80PX;
  border-radius: 0;

  color:#000;
  padding: 15px 10px 15px 10px;
}
.side-menu #search-trigger:hover{
	border:none;
}
.navbar-default .navbar-toggle:hover{
	border:none  !important;
}
.headermobile-wrapper{
	height: 50px;
}
.side-menu .brand-name-wrapper {
	position:absolute;
	left: 0;
	right: 0;
  min-height: 50px;
	height: 50px;
	text-align: center;
	
}
	.navbar-brand{
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
	.brand-wrapper {
  width: 100%;
  position: relative;
}
	#searchresponsive {
  position: relative;
  z-index: 1000;
}
#searchresponsive .panel-body {
  padding: 10px 20px;
}
#searchresponsive .panel-body .navbar-form {
  padding: 0;
  padding-right: 50px;
  width: 100%;
  margin: 0;
  position: relative;
}
#searchresponsive .panel-body .navbar-form .form-group {
  width: 100%;
  position: relative;
}
#searchresponsive .panel-body .navbar-form input {
  border: 0;
  border-radius: 7px 0px  0px  7px;
  box-shadow: none;
	padding: 2px 8px;
	font-size: 12px;
  width: 100%;
	height: 34px;
}
#searchresponsive .panel-body .navbar-form .btn {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  color:#1F502E;
  background-color: #FFF;
  padding: 10px 18px;
  border-radius: 0px 7px  7px  0px;
}
.side-menu .brand-name-wrapper .navbar-brand.logomobile{
	float: none;
    padding-top: 5px;
	
}
.side-menu .brand-name-wrapper .navbar-brand.logomobile img{
	max-height: 40px;
}
.side-menu {
    position: relative;
    width: 100%;
    border-right: 0;
    border-bottom:none;
  }
	
	
.side-menu .navbar {
  border: none;
	padding: 0;
}
.side-menu .navbar-header {
  width: 100%;
border-bottom: none !important;
background-image: none !important;
background: #1F502E;
}
  .side-menu .brand-name-wrapper .navbar-brand {
    display: inline-block;
  }
  
  /* Slide side menu*/
  /* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
  .side-menu-container.slide-in {
	  position:relative;
    -moz-animation: slidein 300ms forwards;
    -o-animation: slidein 300ms forwards;
    -webkit-animation: slidein 300ms forwards;
    animation: slidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .side-menu-container {
    /* Add position:absolute for scrollable menu -> see top comment */
    position: fixed;
	z-index:10000;
    left: -300px;
    width: 270px;
    top: 0;
    height: 100%;
   border-right: 1px solid #f4f4f4;
   border-bottom: 1px solid #f4f4f4;
	padding-bottom:20px;
    -moz-animation: slideout 300ms forwards;
    -o-animation: slideout 300ms forwards;
    -webkit-animation: slideout 300ms forwards;
    animation: slideout 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
	background-color:#fff;
  }
  .list_item_panel{
	  margin-right:0 !important;
	 margin-top: 0;
    padding-top: 0;
  }
  .side-menu-container > .list_item_panel {
	  position:relative;
	  width: 100%;
	   height: 100%;
	   padding:0;
	   margin:0 !important;
   
  }
  
  
  /* Slide side body*/
  .side-body {
    margin-left: 5px;
    margin-top: 70px;
    position: relative;
    -moz-animation: bodyslideout 300ms forwards;
    -o-animation: bodyslideout 300ms forwards;
    -webkit-animation: bodyslideout 300ms forwards;
    animation: bodyslideout 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .body-slide-in {
    -moz-animation: bodyslidein 300ms forwards;
    -o-animation: bodyslidein 300ms forwards;
    -webkit-animation: bodyslidein 300ms forwards;
    animation: bodyslidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  /* Hamburger */
  .navbar-toggle {
	  display: block;
	  position: relative;
	  height: 50px;
     border: 0 !important;
    float: left;
	  font-size: 25px;
    padding: 10px 15px;
	  z-index: 100;
    margin: 0;
    border-radius: 0;
    background-color:transparent !important;
	  color: rgba(255,255,255,1) !important;
  }
  .navbar-default .navbar-toggle .icon-bar{
	  background-color:#000;
  }
	
  /* Search */
  #searchresponsive .panel-body .navbar-form {
    border-bottom: 0;
  }
  #searchresponsive .panel-body .navbar-form .form-group {
    margin: 0;
  }
   .navbar-header {
    /* this is probably redundant */
    position:relative;
    z-index: 3;
    background-color: #FFF;
  }
	
.contactboxmobile-nav {
	display: block;
    position: fixed;
    right: 15px;
    background: #fff;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 50px;
	top: auto;
    padding: 10px 0;
    border: 1px solid #f2f2f2;
}
.contactboxmobile-nav ul {list-style: none;padding: 0;margin: 0;}
.contactboxmobile-nav ul li {list-style: none!important;}
.contactboxmobile-nav ul>li a {
    border:none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;
}
.contactboxmobile-nav ul>li .chat_animation{display:none}
.contactboxmobile-nav ul>li a i.ticon-heart {
    background: url(../images/icon-map.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.contactboxmobile-nav ul>li a i.ticon-zalo-circle2 {
    background: url(../images/icon-zalo.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.contactboxmobile-nav li .button {
    background: transparent;
}.contactboxmobile-nav ul>li a i.ticon-angle-up {
    background: url(../images/icon-angle-up.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.contactboxmobile-nav ul>li a i {
    width: 23px;
    height: 23px;
    display: block;
    margin: auto;
}.contactboxmobile-nav ul li .button .btn_phone_txt {
    position: relative; top:35px;
    font-size: 10px;
    font-weight: bold;
    text-transform: none;
}
.contactboxmobile-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}.contactboxmobile-nav ul>li a.chat_animation svg {
    margin: -13px 0 -20px;
}
.contactboxmobile-nav ul>li a i.ticon-messenger {
    background: url(../images/icon/facebook-messenger-icon.svg) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.contactboxmobile-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 28px;
    margin-top: 12px;
}
.contactboxmobile-nav ul>li a i.ticon-chat-sms {
    background: url(../images/icon/icon-gmail.svg) no-repeat;
    background-size: contain;
    width: 38px;
    height: 36px;
    display: block;
}
.contactboxmobile-nav ul>li a i.icon-phone-w {
    background: url(../images/icon-phone.png) no-repeat;
    background-size: contain;}
.contactboxmobile-nav ul li .button .btn_phone_txt {
    position: relative;
}
	
	
}
.show-pc{
	display:inherit; 
}

.showmobile{
	display:none; 
}
.listtablemanufacture{
	position: relative;
}
.boxchatembed{
	
}



@media only screen and (max-width:991px) {
	body{
		background-color: #FFF;
		font-size: 12px;
		padding-top: 104px;
	}
	.slickwidthfixed .slick-slide{
		width: 100% !important;
	}
	.slickvietmywidthfixed .slick-slide,.slickviglacerawidthfixed .slick-slide{
		width: 100% !important;
	}
	.thetop{
		position: fixed !important;
		top: 0;
	}
	.widgetlistcadivislick{
		margin-top: 15px;
	}
	.aboutus-team-box{
		padding: 10px;
	}
	.team-boss{
		margin-top: 0;
	}
	.aboutus-content{
		margin-top: 0;
	}
	.container-aboutus{
		padding-top: 20px;
	}
	.aboutus-content .listlogosupplier{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
	}
	.aboutus-content .listlogosupplier li{
		width: auto  !important ;
	}
	.aboutus-content .listlogosupplier img{
		max-width: 120px;
	}
	.aboutus-content .listlogosupplier li{
		width: auto  !important ;
	}
	.content-slogan{
		line-height: 1.6;
	}
	.section-whychoose{
		display: none;
	} 
	.row-btnseemoretitle{
		margin-top: 15px;
	}
	.section_logosupplier{
		display: none;
	}
	.footer-map img{
		max-width: 100%;
	}
	.footer-col-2 ul{
		display: flex;
		flex-wrap: wrap;
		
	}
	.footer-col-2 ul > li{
		width: 47%;
		font-size: 11px;
		
	}
	.footer-slogan img{
		max-width: 170px;
	}
	.footer-logo img{
		max-width: 150px;
	}
	.row-widgetproject{
		margin-bottom: 10px;
	}
	.row-widgetcustomer{
		background-color: transparent;
	}
	.section-title-customer{
		margin-bottom: 25px !important;
	}
	.boxshowpartner {
		background-color: #FFF;
		margin-bottom: 20px;
		padding: 20px 0;
		margin-top: 15px;
	}
	
	.widgetlistslick .slick-slide > div{
		background-color: #FFF;
		border-radius: 15px;
		box-shadow: 0 1px 2px 0 rgba(60,64,67,.1),0 2px 6px 2px rgba(60,64,67,.15);
		border:1px solid #EAEAEA;
	}
	.widgetlistcadivislick .slick-slide > div{
		background-color: #FFF;
		border-radius: 15px;
		box-shadow: 0 1px 2px 0 rgba(60,64,67,.1),0 2px 6px 2px rgba(60,64,67,.15);
		border:1px solid #EAEAEA;
		overflow: hidden;
	}
	.box-sliderproduct{
		margin: 0;
	}
	.section-title{
		margin: 0;
		font-size: 18px;
	}
	.widget-title-project{
		font-size: 20px;
	}
	.section-flipbook{
		margin-top: 25px;
	}
	.widgetlistduluxslick{
		margin-top: 15px !important;
	}
	.widgetlistslick .slick-slide,.widgetlistcadivislick .slick-slide{
		padding: 20px 20px;
	}
	.wap_item > .grid-item{
		width: 50% !important;
	}
	.producthotone img{
		max-height: 170px;
	}
	.producthotone > .listing-box-text{
		height: 150px;
	}
	.row-widgetproject .container{
		padding: 0;
	}
	.box-sliderproject .slick-dots{
		bottom: -50px;
	}
	.group-info .node .node_title h3 {
  font-size: 16px;
  line-height: 22px;
}
	.group-info .node .node_title {
  
  margin-bottom: 10px;
}
	.group-info .node .node_title .nodeLeft{
		padding-left: 48px;
		padding-top: 5px;
	}
	.dulux-title > .tagtitledulux{
		background-color: #FFF;
		border: none;
		width: 100%;
	}
	.dulux_colors_content{
		padding: 35px 15px 20px 15px;
  text-align: center;
	}
	.swiper-button-prev.type-circle, .swiper-button-next.type-circle {
  width: 35px !important;
  height: 35px !important;
  
}
	.swiper-button-prev.type-circle svg, .swiper-button-next.type-circle svg {
	  
	  margin: 13px auto !important;
	}
	.section_test_color{
		z-index: 100;
		width: 100% !important;
		top: 0 !important;
		margin-bottom: 10px;
	}
	.filter-button{
		font-size: 14px !important;
		margin-right: 10px;
	}
	.colors-filter > li {
	  margin-right: 10px !important;
	}
	.product-col-row3{
		width: 100%;
		padding-right: 0;
	}
	.product_cadivi .section-box-text{
		min-height: auto;
	}
	.section-box-text h4 a{
		font-size: 16px;
	}
	.container-projectdetail{
		padding: 0;
	}
	.slider-nav{
		display: none;
	}
	.sectionprofiledetail{
		margin: 10px 0 0 0;
	}
	.heading-recruitdetail h1{
		font-size: 18px;
	}
	
	.section-recruit-detail {
	  position: relative;
	  background-color: #FFF;
	  border-radius: 5px;
	  padding: 15px;
	}
	.project-slidephoto{
		width: 100%;
	}
	.page-title-has-description{
		display: block !important;
	}
	.sliderproject img{
	height: auto;
		width: 100%;
}
	.section-box-image{
		height: auto;
		margin-bottom: 20px;
	}
	.listmanufacturer{
		display: block;
	}
	.widgetprojectone .section-project-wrapper > div {
  width: 100%;
  height: auto;
}
	.widgetprojectone .section-project-image img{
		height: auto;
	}	
	
	.listproductorder-action{
		display: block;
	}
	.boxsearchorder{
		width: 100%;
		margin-bottom: 10px;
	}
	.buttonstart{
	
		right: 80px;
    top: 90px;
	}
	.show-pc{
	display:none; 
}
	.showmobile{
		display: inherit;
	}
	.profilebox{
		display: block;
		
	}
	.boxslideprofile{
		padding-left: 0;
		padding-right: 0;
	}
	.boxlogosupplier{
		padding: 30px 25px 20px 25px;
		text-align: center;
	}
	.section_logosupplier h3{
		font-size: 18px;
	}
	.section_logosupplier h3 > br:first-child{
		display:none;
		
	}
	.listlogosupplier{
		flex-wrap: wrap;
		justify-content: center;
	}
	.listlogosupplier a {
	 	width: 40%;
	}
	.listlogosupplier img {
	  max-width: 100%;
	}
	
	
	.listlogosupplier a{display: block;margin-bottom: 15px;}
	.working_process{
		display: block;
	}
	.box-sliderbanner .slick-list,.sliderbannerhome{
		height: auto;
	}
	.listsupplier li a{
		margin-bottom: 0;
	}
	.listlinkhomebanner li a{
		margin-top: 0;
	}
	.aboutus-content h3{
		font-size: 22px;
	}
	.aboutus-content .working_process >li,.aboutus-content .listlogosupplier >li, .listlogosupplier >li{
		width: 100%;
		list-style: none;
		padding: 0;
		position: relative;
		display: block;
		text-align: center;
	}
	.working_process >li{
		padding-bottom: 20px !important;
	}
	.reason-item{
		height: auto;
	}
	.reason-wrapper {
	  display: block;
	}
	.reason-image,.reason-text{
		width: 100%;
		height: auto;
		
	}
	.reason-text{
		padding: 20px 30px;
	}
	.text-content{
		padding: 0;
	}
	.team-row-one,.content-data-row{
		display: block;
		position: relative;
	}
	.team-row-multi >div,.team-row-one .team-box{
		width: 100%;
	} 
	.content-data-img{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.slick-prev{
		left: 0;
	}
	.slick-next{
		right: 0;
	}
	.box-sliderproduct .slick-prev{
		left: -15px;
	}
	.box-sliderproduct .slick-next{
		right: -15px;
	}
	#sectionlistingslidedulux .box-sliderproduct .slick-prev{
		left: 20px;
	}
	#sectionlistingslidedulux .box-sliderproduct .slick-next{
		right: 20px;
	}
	.headerslider > .container{
		padding: 0;
	}
	.listlinkhomebanner{
		padding: 0 0;
	}
	.listsupplier ul,.listlinkhomebanner ul{
		display: flex;
		flex-wrap: nowrap;
	}
	.listsupplier ul > li,.listlinkhomebanner ul >li{
		margin-left: 15px;
		width: 33%;
	}
	.listsupplier ul > li:last-child,.listlinkhomebanner ul >li:last-child{
		margin-left: 15px;
		margin-right: 15px;
	}
	.listsupplier ul >li >a,.listlinkhomebanner  ul >li >a{
		display: block;
		height: auto;
		font-size: 10px;
		text-align: center;
		position: relative;
		padding: 10px 5px;
	}
	.listsupplier li a img{
		margin: 10px auto;
		height: 30px;
		width: auto;

	}
	.listsupplier li a span{
		display: block;
	}
	.section-listchild-cadivi .list-cadivi-image,.section-listchild-cadivi .section-box-text{
		width: 100%;
		text-align: center !important;
	}
	.section-listchild-cadivi .section-box-text h4{
		text-align: center !important;
	}
	.product-col,.product-col-6{
		width: 100%;
		padding-right: 0;
	}
	.product_dulux{
  margin-top: 10px;
}
	.dulux-title{
		flex-wrap: wrap;
	}
	.dulux-title > .tagtitledulux{
	  font-size: 18px;
		width: 100%;
		padding: 0 !important;
		margin-bottom: 20px;

	}
	.dulux-title .btnlinkcolors{
		padding: 5px 10px;
		font-size: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 0;
		margin-right: 10px;
	}
	#dulux_detail_content-tabinfo.nav-tabs .nav-link
	{
	  font-size: 14px;
	  color: #4D4D4D;
	  text-transform: uppercase;
	  font-weight: bold;
	  border: none;
	  margin-right: 20px;
	}
	.dulux_detail_wrapper{
		height: auto;
		padding-bottom: 15px;
	}
	.dulux_detail_content,.dulux_detail_photos{
		width: 100%;
		padding: 15px;
	}
	.section-profile{
		padding: 20px;
	}
	.slick-prev::before, .slick-next::before{
		font-size: 60px;
	}
	.home-rowbanner,.dulux_detail_wrapper{
		display: block;
	}
	.listsupplier,.boxslide,.listlinkhomebanner{
		width: 100%;
		margin-bottom: 0;
	}
	.listsupplier{
		display: none;
	}
	.box-sliderbanner {
  overflow: hidden;
  border: 0;
  margin: 0;
}
	.box-sliderbanner .slick-list{
		border-radius: 0;
	}
	.section-profile .bb-bookblock	{
	  height: 240px;
	}
	.listwhychoose li a{
		display: flex;
	}
	.boxactionform{
		display: block;
		text-align: center;
	}
	.btnsenduploadfile
	{

	  padding: 15px 15px;
	  font-size: 16px;
		justify-content: center;
		margin-bottom: 15px;
	}
	.listwhychoose li
	{
	  width: 47%;
	  padding: 5px 0;
		margin: 0;
	}
	.listwhychoose > ul .item-front img{
		margin-right: auto;
	}
	.listwhychoose > ul > li .item-back {
  height: 200px;
}
	.listwhychoose li a{
		display: flex;
    	flex-wrap: wrap;
		font-size: 12px;
		height: 200px;
	}
	  .listwhychoose li a img
		{
			margin: 10px auto;
			height: 30px;
			width: auto;
			width: 100%;
		  }
	  .listwhychoose li a span{
		display: block;
		  width: 100%;
	  }
	.product_detail_content{
		max-width: 100%;
	}
	
	.footergrid{
		display: block;
	}	
	.footer-col-1{
		width: 100%;
	}
	.footer-col-2{
		width: 100%;
	}
	.footer-col-3{
		width: 100%;
	}
	.footer-col-4{
		width: 100%;
	}
	.footergrid .footer{
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 600px){
	.product_detail_content{
		max-width: 100%;
		width: 100% !important;
	}
.contactboxmobile-nav li .chat_animation{display:block !Important}
 
.contactboxmobile-nav li .button .phone_animation {box-shadow: none;
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translate(-50%,0);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #6cb917;
    line-height: 15px;
    border: 2px solid white;
}
.contactboxmobile-nav ul>li a{padding:0; margin:0 auto}
.contactboxmobile-nav {
    background: white;
    width: 100%; border-radius:0;
    color: #fff;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    padding: 5px;
    margin: 0;
    box-shadow: 0 4px 10px 0 #000;
}
.contactboxmobile-nav li {
    float: left;
    width: 20%;
	position: relative;
    list-style: none;
    height: 40px;
}
}	
.jquery-loading-modal {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: 0; }

.jquery-loading-modal__animation {
  display: inline-block; }
  .jquery-loading-modal__animation * {
    -webkit-transition: background-color 1s ease-in;
            transition: background-color 1s ease-in; }
    .jquery-loading-modal__animation *:before {
      -webkit-transition: background-color 1s ease-in;
              transition: background-color 1s ease-in; }

.jquery-loading-modal__bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background-color: #000;
  left: 0;
  top: 0;
  -webkit-transition: background-color 1s ease-in;
          transition: background-color 1s ease-in; }

.jquery-loading-modal__info-box {
  position: relative;
  text-align: center;
  z-index: 2; }

.jquery-loading-modal__text {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  text-align: center;
  -webkit-transition: color 1s ease-in;
          transition: color 1s ease-in; }

.jquery-loading-modal--visible {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

.jquery-loading-modal--hidden {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }