body{
	font-size:14px;
	line-height:160%;
	font-family:Arial,Helvetica,sans-serif !important;
	color:#333;
    margin: 0;
	background-color: #fff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #FFF;
}

.sf-arrows .sf-with-ul{
	padding-right: 0;
}
.sf-arrows .sf-with-ul::after {
	
	content: none;
}
.clear{
	clear: both;
  font-size: 0px;
  line-height: 0px;
  height: 0;
}
.mobile-show{
	display: none;
}
.pc-show{
	display: block;
}
.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: #484848;
  text-decoration: none;
  background-color: transparent;
}
a:hover{
	text-decoration: none;
	color: #484848;
}
h2, .h2{
	font-size:24px;
}
table{
	max-width: 100%;
}
.modal-content{
	border-radius: 0;
}
.modal-header{
	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; 
}	
.bodyorderlist{
	margin-bottom: 30px;
}
.loadlistdataorder img.imgpreview{
	max-width: 100%;
}
.fielduploadinvoice img{
	margin-top: 15px;
}
.cf-table{
	width: 100%;
}
.cf-table tbody tr:nth-of-type(2n) {
  background-color: #fff;
}
.cf-table thead tr{
	background-color: #BD7947;
	border: 1px solid #BD7947;
	
	}
.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 #BD7947;
}
.cf-table th:first-child{
	border-left: 1px solid #BD7947;
}
.cf-table td{
  border: 1px solid #BD7947;
	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 #BD7947;
	border-radius: 0px;
	padding: 25px 25px;
	outline: none;
	color: #BD7947;
}
.form-control.error{
	border: 1px solid #CB0003;
	border-radius: 0px;
	padding: 25px 25px;
	outline: none;
	background-color: #FBEFEF;
	color: #BD7947;
}
select.form-control{
	padding: .5rem 1rem;
}
.form-control:focus{
	outline: none;
}
input.form-control::placeholder,textarea.form-control::placeholder,input,textarea {
 color: #BD7947;
	
}

.uploadfilename{
	display: none;padding-left: 15px;
	
}
.boxactionform{
	display: flex;
	align-items: center;
}

.card-cf{
	border: none;
}
.card-cf .card-header{
	
}
.card-cf .card-header h1{
	font-size: 20px;
}	

.card-create-future{
	border: none;
}
.card-create-future .card-header{
	
}
.card-create-future .card-header h1{
	font-size: 20px;
}	
#confirm_template .card-body {
	text-align: center;
}
.btn-white {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 30px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #ff3c00;
  background-color: #FFF;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) !important;
}
.btn-white:hover{
	border: 1px solid #FFF;
	color: #FFF;
	background-color:transparent;
	outline: none;
}
.btn-create-future-gold{
	border: 1px solid #E0AE77;
	color: #FFF !important;
	background-color: #E0AE77;
	text-transform: capitalize;
	border-radius: 10px;
	padding: 10px 25px;
}
.btn-create-future-gold:hover{
	border: 1px solid #7f5245;
	color: #FFF;
	background-color: #7f5245;
	outline: none;
}
.row-btnseemoretitle{
	margin: 5px;
	text-align: center;
}
.btnseemoretitle, .btn-create-future{
	font-size: 18px;
  padding: 8px 20px;
  border-radius: 25px;
	margin: 0 8px;
	line-height: normal;
  display: inline-block;
	background-color: #fe6d36;
	border: 5px solid;
	color: #ffffff;
  cursor: pointer;
  text-transform: capitalize;
 border-color: #ff9147;
  box-shadow: inset 1px 1px 0px 0px #ff9147;
}
.btnseemoretitle:hover,.btn-create-future:hover{
	color: #fff !important;
}
.has-error{
	border-color: #dc3545 !important;
  color: #dc3545 !important;
}
.btn-invoice{
	font-size: 16px;
	color: #FFF;
	border-radius: 0;display: block;
	text-transform: uppercase;
	border: 1px solid #19666f;
  background-color: #009c56;
	padding: 10px 15px;
	line-height: 1.6;
}
.btn-invoice:hover{
	
	color: #19666f;
	background-color: #FFFF;
}
.btn-form{
	font-size: 16px;
	color: #ffffff;
	  background-color: #fa9046;
	  border-color: #fa9046;
	border-radius: 0;display: block;
	text-transform: uppercase;
	padding: 10px 15px;
	line-height: 1.6;
}
.btn-form:hover{
	
	color: #bf624d;
	border: 1px solid #7f5245;
	background-color: #FFFF;
}
.btn-default{
	
	font-size: 14px;
	color: #7f5245;
	border-radius: 0;
	border: 1px solid #7f5245;
	background-color: #FFF;
	padding: 5px 15px;
	line-height: 1.6;
}
.btn-default:hover{
	
	color: #FFF;
	border: 1px solid #7f5245;
	background-color: #7f5245;
}

.btn-default-bgcolor{
	
	font-size: 14px;
	color: #FFF;
	border-radius: 0;
	border: 1px solid #7f5245;
	background-color: #7f5245;
	padding: 5px 15px;
	line-height: 1.6;
}
.btn-default-bgcolor:hover{
	
	color: #7f5245;
	border: 1px solid #7f5245;
	background-color: #FFF;
}

.btn-seemore{
	border: 1px solid #BD7947;
	color: #BD7947;
	text-transform: capitalize;
	border-radius: 10px;
	padding: 6px 15px;
}
.btn-seemore:hover{
	border: 1px solid #BD7947;
	color: #FFF;
	background-color: #BD7947;
	outline: none;
}

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

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

.btnmodalsignup >i{
	margin-right: 5px;
}
.btn-create-future-second{
	border: 1px solid #E0AE77;
	background-color: #E0AE77;
	color: #FFF;
	border-radius: 10px;
	padding: 10px 25px;
}
.btn-create-future-second:hover{
	border: 1px solid #CBA97F;
	color: #CBA97F;
	background-color:transparent;
	outline: none;
}
.btn-create-future-yellow{
	border: 1px solid #7F5245;
	background-color: #7F5245;
	color: #FFF;
	text-transform: uppercase;
	border-radius: 6px;
	padding: 8px 25px;
}
.btn-create-future-yellow:hover{
	border: 1px solid #CBA97F;
	color: #CBA97F;
	background-color:transparent;
	outline: none;
}
.boxcheckcode{
	position: relative;
}
.btncheckcode{
	z-index: 4;
 font-size: 12px;
  position: absolute;
  right: 16px;
  line-height: 30px;
  cursor: pointer;
  bottom: 10px;
  padding: 0 8px;
}
.showpassword {
  z-index: 4;
  padding: 0;
  font-size: 20px;
  position: absolute;
  right: 16px;
  line-height: 30px;
  cursor: pointer;
}
.btnsenduploadfile{
	display: flex;
	align-items: center;
	padding: 15px 25px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	justify-content: center;
}
.btnsenduploadfile >i{
	margin-right: 10px;
	
}
.btnsenduploadfile:hover{
	color: #BD7947;
	background-color:#955846;
	outline: none;
}
.btnsenduploadfile > img{
	height: 25px;
	margin-right: 10px;
}
.btninfouploadorder{
	margin-left: auto;
	font-size: 16px;
	font-weight: bold;
}
.text-hotline{
	color: #CC0003;
	font-weight: bold;
}
.user_topside_row{
	display: flex;
	position:relative;
	width: 100%;
}
.user_topside_rightside{
	display: flex;
	margin-left: auto;
	align-items: center;
}
.user_list_nav > ul{
	display: flex;
	margin: 0;
	padding:0 ;
	list-style: none;
}
.user_list_nav > ul > li > a{
	background: #f4f4f4 none repeat scroll 0 0;
	  border: 1px solid #e7e7e7;
	  border-radius: inherit;
	  font-weight: 600;
	  margin-bottom: 5px;
	  margin-right: 5px;
	  padding: 10px 35px;
	  text-transform: uppercase;
	  color: #1A1A1A;
}
.user_list_nav > ul > li.active >a{
	background: #ff8606 none repeat scroll 0 0;
  border: 1px solid transparent;
  color: #FFF;
}
.user_topside_leftside{
	display: flex;
	align-items: center;
}
.section-breadcrumbs,.user_topside{
	
	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: auto 50px;
  max-width: 100%;
  padding: 0 15px;
}
.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;
}
.showerorvalidatesignin > div{
	padding: 0;
	color:#FF0004;
	list-style: none;
	
}
.showerorvalidatesignin {
	border-bottom: 1px solid #e6e6e6;
  padding: 15px;
	display: none;
  margin: 15px auto;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
.container-newsdetail{
	max-width: 1000px;
}
.boxwidgetmodalsignup{
	display: none;
}
.boxwidgetmodalsignup.boxwidgetshow{
	display: block;
}
.container-formsignup{
	max-width: 400px;
	
}
.form-signup-header{
	text-align: center;
	margin-bottom: 30px;
}
	.form-signup-header > h3{
		font-size: 48px;
		  line-height: 48px;
		  margin-bottom: 24px;
		  margin-top: 10px;
		  padding-bottom: 0;
		  padding-top: 0;
		  text-align: center;
	}
.form-signup-header > h5{
		text-align: center;
	font-size: 18px;
	}
.login-boxsocial{
	margin-bottom: 15px;
	
}
.login-boxsocial-title{
	border-bottom: 1px solid rgb(159, 159, 159);;
	display: block !important;
  margin: 34px auto;
	text-align: center;
 	height: 11px;
}
.login-boxsocial-title >span{
	background-color: #FFF;
	padding: 5px 15px;
	text-align: center;
	margin: 0 auto;
	font-size: 16px;
}
.boxbuttonsocial{
	text-align: center;
}
.boxbuttonsocial  svg{
  height: 27px;
  width: 27px;
	margin: 0 5px;
}
.box-button{
	text-align: center;
	padding: 15px 0;
}
.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;
}

.form-control{
	border: 1px solid #9D8268;
	border-radius: 0px;
	padding: 25px 25px;
	outline: none;
	color: #9D8268;
}
.form-control.error{
	border: 1px solid #9D8268;
	border-radius: 0px;
	padding: 25px 25px;
	outline: none;
	background-color: #FBEFEF;
	color: #9D8268;
}
.form-control:focus,.form-control:visited{
	outline: none !important;
	box-shadow:none !important;
}
input.form-control::placeholder,textarea.form-control::placeholder,input,textarea {
 color: #9D8268;
	
}

.form-transparent{
	background-color: transparent;
}
.form-transparent .form-control{
	background-color:transparent;
	color:#373737;
	border: none;
	border-bottom: 1px solid #373737;
	padding: 5px 0;
}
.form-transparent input.form-control::placeholder,.form-transparent textarea.form-control::placeholder,.form-transparent input,.form-transparent textarea {
 color: #373737;
	
}
.card-header{
	background-color: transparent;
	border-bottom: none;
	
}
.card-form{
	border-radius: 8px;
}
.registerlearning .card{
	margin-bottom: 20px;
	font-size: 16px;
}
.registerlearning .form-control{
	border-bottom: 1px solid #dfdfdf;
}
#formchooselessiontemplate{
	background-image: url("../images/footer.png");
  background-position: 50% -5px;
  background-attachment: fixed;
  background-color: #000000d4;
  font-size: 12px;
  padding-top: 5px;
}
.card-border-top {
  background-color: rgb(249, 139, 96);
  color: rgba(255, 255, 255, 1);
	border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 10px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: calc(100% + 2px);
}
.registerlearning{
	margin-top: 50px;
}
.heading-title {
	text-align: center;
	font-size: 24px;
	width: 100%;
    
}

.projectdetail-content img + em{
		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;
}


.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{
	z-index: 2;
	position: relative;
}
.header-menu{
	display: flex;
}
section.row-headertopside{
	background: linear-gradient(-107deg,#ff6910 0%,#ff6910 100%);
	background-image: -webkit-image-set( url(../images//background-04-1920x60.jpg) 1x, url(../images/background-04-3840x120.jpg) 2x );
	background-position: center right;
 	 background-size: cover;
	color: #cc853a;
}
.headertopside{
	display: flex;
	padding: 5px 0;
	align-items: center;
}
.headertopside .topside-text{
	font-size: 18px ;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	margin-right: auto;
}
.headertopside .topsidelink > a,.usermenu{

	color: #FFF;
}
	.headertopside .topside_listlink{
		margin-left: auto;
	}

section.row-headerlogo{
}
.section-formuploadorder{
	margin-top: 50px;
}
.box-search{
	
	width: 500px;
	color: #BD7947;
}
.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: #BD7947;
	outline: none;
}
.box-search input::placeholder{
	color: #BD7947;
}
.headercontentlogo{
	display: flex;
	align-items: center;
	justify-content: left;
	padding: 0 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: #BD7947;
	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;
}

.btnuserlogin{
	padding: 0 15px;
}

.btnuserlogin i{
	font-size: 26px;
}
.headerboxlogo{
	margin-right: 20px;
	z-index: 2;
	position: relative;
}
.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: #FFA63B;
			}
			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:500;
				color:#000;
				padding:15px 7px 10px 7px; 
				text-transform:uppercase;
				font-size: 16px;
				text-shadow:none;
			}
			ul.menutop ul{
				background-color: #FFF;
			}
			ul.menutop ul li{
				min-width: 250px;
				white-space: wrap;
			}
			ul.menutop ul li a{
				text-transform: none;
				border: none;
				font-size: 15px;font-weight: 500;
				color: #000;
				padding: 10px 15px 7px 10px;
				border-bottom: 1px solid #B1ABA4;
  border-left: 5px solid #C2B6A8;
			}
			ul.menutop ul li a:hover{	
				border-left: 5px solid #FFD5A3;
				color: #BD2525;
}
	.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:#FFD5A3;
		color:#000;	

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

	}


/******** 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{
	/* background: linear-gradient(-107deg,#ff6910 0%,#ff6910 100%);*/
	margin: auto 0;
	width: 100%;
	position: relative;
  margin-top: -50px;
  z-index: 0;
	
}

.headersliderbg {
  position: relative;
}

.headersliderbg:before, .headersliderbg:after {
 content: '';
  position: absolute;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 80px;	/* background: linear-gradient(-107deg,#ff6910 0%,#ff6910 100%);*/
	background-image: radial-gradient(#FF9F49 5%, #FF9346 20%,  #FF9147 65%);
	margin: auto 0;
}

.headersliderbg:before {
  top: 0;
  background: url(../images/down.png) repeat-x;
}

.headersliderbg:after {
  bottom: 0;
  background: url(../images/up.png) repeat-x;
}


.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: #7F5245;
}
.section-title a{	
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #7F5245;
}
.searchtitle{
	text-align: left;
	margin: 10px 0 20px 0;
}
.searchtitle h1{
	
	font-size: 25px;
	font-weight: bold;
	color: #7F5245;
}
.home-rowbanner{
	display: block;
	width: 100%;
	position: relative;
	align-items: center;
}



.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: #BD7947;
}
.box-sliderbanner{
	overflow: hidden;
	border: 0;
	margin: 0 0 0 0;
}

.box-sliderproduct{
	margin: 15px;
}

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



.boxsearchorder{
	width: 100%;
	margin-top: 10px;
}
.boxsearchorder > h5{
	background-color: #7F5245;
	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: #7F5245;
}
.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: #7F5245;
	outline: none;
}
.box-searchorder input::placeholder{
	color: #7F5245;
	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: #BD7947;
	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: #BD7947;
	
	
}
.listcatproduct >li > a:hover,.listcatproduct >  li> a.showactive{

	color: #FFF;
	border: 1px solid #BD7947;
	background-color: #BD7947;
}
.btnsearchauto{
	color: #FFF;
	background-color: #BD7947;
}
.inputautocomplete{
	border: 1px solid #BD7947 ;
	padding: 5px 15px;
}
.ajaxlistproduct > li{
	position: relative;
	border-bottom: 1px solid #E5E5E5;
	padding: 6px 15px;
	color: #BD7947;
}
	.ajaxlistproduct > li >  a{
		color: #BD7947;
	}
.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 #BD7947;
}
.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: #BD7947;
	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: #BD7947;
	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: #BD7947;
  background-color: #BD7947;
}
.openmanufactureorder{
	cursor: pointer;
	  cursor: hand;
}
.ordertable{
	color: #BD7947;
	font-weight: 600;
	font-size: 11px;
}
.ordertabletbody tr:nth-of-type(2n) {
  background-color: #fff;
}
.ordertable thead tr{
	background-color: #BD7947;
	border: 1px solid #BD7947;
	
	}
.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: #BD7947;
	color: #FFF;
}

.boxlistproductorder{
	
}
.boxlistproductorder > h4{
		font-size: 22px;
		text-transform: uppercase;
		color: #BD7947;
		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,#BD7947 0%,#7f5245 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,#BD7947 0%,#7f5245 100%);
	}
	.listlogosupplier img{
		max-width: 180px;
		
		}

.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;
}


/* 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: #7F5245 !important;
}


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

.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 15px;
    padding: 0;

    cursor: pointer;
}
.customertalkabout .slick-dots li.slick-active button {
  background: #ffd6c6 !important;
  width: 40px;
}
.customertalkabout .slick-dots li button {
  background-color: transparent;
  font-size: 0;
  width: 30px;
  height: 10px;
  border: 1px solid #ddbc82;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 30px;
  padding: 0;
  transition: .5s;
  outline: none;
}

    .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:0;
}
.sliderbannerhome{	
	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{
  position: relative;
  width: 100%;
  color: #4D4D4D;
	display: flex;
}

.widgetlistslick .slick-slide > div:hover{
	background: #E6C29C;
}
.widgetlistslick .slick-slide > div:hover a{
}
.widgetlistslick .product-thumb{
	max-width: 100% !important;
}
.shop_slider_header h4{
	font-size: 30px;
  font-weight: 700;
  padding-left: 30px;
}	
	.shop_slider_header .slider_navigation {
	  display: flex;
	  flex-shrink: 0;
	  margin-left: auto;
	}
	.shop_slider_header {
	  position: relative;
	  height: 47px;
	  margin-bottom: 15px;
	  margin-top: 15px;
	  overflow:
	hidden;
	  padding-right: 0;
		
		display: flex;
  justify-content: space-between;
  align-items: center;
	}
	
.shop_slider_header .slick-arrow{
	background-color: #e8e8e8;
	padding: 16px 20px;
	margin-left: 5px;
}
/* Adjust as expected */
.home-slider-frame {
  width: 320px;
}
.section-formorder{
	margin: 20px 0;
}

.row-sectionheader{
	background-color: #BD7947;
	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;
}

section.sectionframe{
	padding: 20px 0;
}
.section_content_home .panel-title{
	text-align: center;
}
.panel-content {
  margin: 40px 0 0 0;
  position: relative;
}
.pertex_call_to_action_area{
	background-image: url(../images/call-to.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 120px 0px 130px;
	position: relative;
	color: #FFF;
}
.pertex_call_to_action_area::before {
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: #9d3110f0;
  opacity: .6;
  transition: background .3s,border-radius .3s,opacity .3s;
}
.section-intro{
	text-align: center;
	padding: 30px 0;
	position: relative;
	margin-bottom: 0 !important;
	
}
	.section-intro h5{
		text-align: center;
		color: #FFF;
		font-size: 24px;
		font-style: normal;
		padding-bottom: 20px;
		line-height: 1.6;
		text-transform: uppercase;
		font-weight: 700;
	}
	.section-intro h6{
		text-align: center;
		font-size: 16px;
		margin-top: 20px;
		font-style: normal;
		line-height: 1.8;
		font-weight: 700;
	}
.introducehome h3.labelsubject{
	color: #206624;
	font-size: 20px;
}
.introducehome .description{
	font-size: 14px;
}
.introducehome ul{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
}
.introducehome ul li{
	margin-bottom: 40px;
}



.row-widgetprodutchot{
	background-color: #CBA97F;
	color: #FFF;
	padding: 30px 0;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.row-widgetnews{
	padding-top: 30px;
}
.row-widgetcustomer{
	background-color: #FFF;
	padding: 9px 0 28px 0;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.bg-orangelight{
	background-color: #FBF4E8;
}
.section_usertalk{
	background-color: #FBF4E8;
	padding: 20px 0;
	text-align: center;
}

.usertalk-heading{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	
}
.usertalk-image{
	position: relative;
  border: 2px solid #f98b60;
  border-radius: 50%;
	margin-right: 20px;
box-shadow: 0px 0px 6px 0px rgb(208, 129, 98);
	
}
.usertalk-image >a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 2px solid #FFF;
	overflow: hidden;
	
}
.usertalk-image img{
	max-width: 100px;
}
.usertalk  h3{
	font-size: 26px;
	color: #f98b60;
}
.usertalk  h5{
	font-size: 16px;
	
}
.customercontent{
	height: 300px;
	margin: 20px 0 10px 0;
	padding: 10px 0;
	overflow-y: auto;
}
.test_q_icon i {
  font-size: 26px;
  color: #f98b60;
	margin: 20px 0;
}
.customertalkaboutone{
	padding: 0 20px;
}
.em_single_testimonial {
  background: #fff none repeat scroll 0 0;
  margin-bottom: 30px;
  transition: all .5s ease 0s;
  padding: 37px 30px 26px;
  margin-top: 20px;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,.1);
  overflow: hidden;
  position: relative;
}
.text-outside-line-full-parent{
	position: relative;
}
.text-outside-line-full {
  position: relative;
  display: inline-block;
	font-weight: bold;
}
.text-outside-line-full::before {
  content: "";
  position: absolute;
  top: 50%;
  height: 2px;
  width: 99%;
	color: #009604;
  display: block;
  border-bottom: 2px solid #009604;
  right: 100%;
  margin-right: 25px;
  opacity: .3;
}
.text-below-line-full {
	 position: relative;
  display: inline-block;
	line-height: 3;
}

.text-below-line-full::before {

   content: '';
  width: 209px;
  height: 25px;
  background-image: url(../images/aftertitle.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  position: absolute;
  bottom: -0.7em;

}


.heading-title {
	 position: relative;
  display: inline-block;
	line-height: 1.8;
	margin-bottom: 60px;
}

.heading-title::before {

   content: '';
  width: 209px;
  height: 25px;
  background-image: url(../images/aftertitle.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  position: absolute;
  bottom: -50px;

}

.section-title-customer{
	margin-bottom: 36px;
}
.row-widgetproject{
	/*background-color: #FFF;*/
	padding: 10px 0 30px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.bg-image-relate{
	background-image: url("../images/call-to.jpg");
	  background-position: 50% -5px;
	  background-attachment: fixed;
	  background-color: #000000d4;
	  font-size: 12px;
	  padding-top: 5px;
	  color: #FFF;
}
.row-widgetproduct{
	color: #4D4D4D;
	padding: 10px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.row-widgetproductrelated{
	color: #4D4D4D;
	padding: 10px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	
}
.bodylecturerdetail{
	font-size: 20px;
	line-height: 1.8;
	color: #545454;
}
.lecturerinfo{
	font-size: 16px;
}
.lecturer-box-text{
	
}
.lecturerinfo h1{
	padding: 0px 0px 10px;
  position: relative;
  margin-bottom: 15px;
	font-size: 26px;
	color: #ff690f;
	margin-top: 20px;
  border-bottom: 1px solid #d7d7d7;
}
.lecturerinfo h1::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 15%;
  background: #ff690f;
  content: "";

}
.lecturer-box-text h3 {
  padding: 0px 0px 10px;
  position: relative;
  margin-bottom: 15px;
	color: #ff690f;
	margin-top: 20px;
  border-bottom: 1px solid #d7d7d7;
}
.lecturer-box-text h3::before {
  position: absolute;

  bottom: -1px;

  left: 0;

  height: 1px;

  width: 15%;

  background: #ff690f;

  content: "";

}
.lecturerinfo-row{
	margin-bottom: 10px;
}
.lecturerinfo-row > span{
	font-weight: bold;
}
.widget-lecturer{
	
}
.lecturerdetail-avatar{
	position: relative;
	max-width: 100%;
	padding-top: 60px;
}
.lecturerdetail-avatar img{
	max-width: 100%;
}
.lecturercontent{
	padding: 31px;
  transition: all .5s ease 0s;
  border-radius: 0 0 5px 5px;
	position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
	background-color: rgba(253, 136, 82, 0.85);
}
.lecturerslideitem{
	padding: 37px 15px 26px;
	position: relative;
	display: flex;
}
.lecturerslidebox{
	 background: #fff none repeat scroll 0 0;
  margin-bottom: 30px;
  transition: all .5s ease 0s;
  padding: 0;
  overflow: hidden;
  position: relative;
	display: block;
}

.lecturerslide  .slick-dots li.slick-active button {
  background: #f5956a !important;
  width: 40px;
}
.lecturerslide  .slick-dots li button {
  background-color: transparent;
  font-size: 0;
  width: 30px;
  height: 10px;
  border: 1px solid #f5956a;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 30px;
  padding: 0;
  transition: .5s;
  outline: none;
}

.widget-title-project{
	margin: 4px 0 20px 0;
}
.wiget-title-about{
	margin: 40px 0 38px 0;
}

.section-listproject .section-title{
	color: #7F5245;
}


.cake-title{
	display: flex;
	align-items: center;
}
.product-title{
	text-align: center;
}
.container-lessiondlist{
	width: 100%;
	margin-top: 30px;
}
.widget-heading{
	align-items: center;
	text-align: center;
	margin: 15px 0 25px 0;
}
.container-lessiondetail{
	display: flex;
	position: relative;
	width: 100%;
	margin-top: 30px;
}
.container-registerlearning{
	max-width: 600px !important;
}
.bacground-watermark{
	
}

.bacground-watermark:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.05;
  background-image: url('../images/watermark.png');
	background-repeat: space;
}
.showembedscreen{
	display: flex;
	height: 100%;
	width: 100%;
	position: relative;
}
.lession-col {
  position: relative;
  display: flex;
  width: 33%;
  padding-right: 20px;
}
.list_lession{
	width: 100%;
}
.lessiondetail-colleft{
	width: 25%;
	position: relative;
	display: block;
	padding-right: 15px;
}
.lessiondetail-colright{
	width: 75%;
	position: relative;
	display: block;
	padding-left: 15px;
}

.widget-header{
	font-weight: 500;
  color: #ea9d39;
  font-size: 22px;
	padding: 0;
	margin-bottom: 0;
	
}
.lessiondetail-colleft .widget-header{
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 10px;
}
.lession-notevideo,.textdiscount{
	border: 2px solid #f1c232;
  background-color: #fff2cc;
  padding: 15px;
  margin: 15px auto;
}
.lession_actionbutton{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	padding-bottom: 15px;
}
#wdiget_ingredient_photos_body{
	border-bottom: 1px solid #B1B1B1;
	margin-bottom: 15px;
}
.mobile-collapse .card-tools{
	display: none;
}
.btnmobilecollapse{
	display: block;
}
.widget-body{
	padding: 15px 0;
}
.ingredientgroup-name{
	font-size: 16px;
  font-weight: 500;
  padding: 10px 8px;
  background-color: #EEE2D5;
  color: #510000;
}


.boxingredientgroup{
	
}
.boxingredientgroup ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.boxingredientgroup ul > li{
	list-style: none;
	display: flex;
	padding: 5px 8px;
	flex-wrap: nowrap;
	border-bottom: 1px solid #DDDDDD;
}
.boxingredientgroup ul > li >.ingredient-quantity{
	margin-left: auto;
}

.listingredient_photos{
	text-align: center;
	font-size: 16px;
}
.boxingredientgroup.hasphoto ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.boxingredientgroup.hasphoto ul > li{
	width: 33.33%;
	display: block;
	line-height: 1.8;
	border: none;
	text-align: center;
	margin-bottom: 15px;
}
.ingredient_photo img{
	max-height: 100px
}
.ingredient_photo{
	margin-bottom: 8px;
}
.product_ingredientgroup{
	position: relative;
}
.ingredientgroup-content{
	text-align: justify;
	padding: 5px 5px;
	white-space: pre-line;
}

.listingredient_photos-content{
	width: 500px;
	max-width: 80%;
	margin: 0 auto;
		font-size: 14px;
  font-weight: 500;white-space: pre-line;
  padding: 15px 8px;
}
.boxingredientgroup.hasphoto .ingredient-name{
	font-weight: bold;
}

#wdiget_ingredient_body{
	display: block;
}
.lession-title{
	font-size: 32px;
  font-weight: 500;
  color: #ea9d39;
	text-transform: uppercase;
}
.lessionlecturer {
	margin: 15px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #D1D1D1;
}
.lessionlecturer > h3{
	font-size: 14px;
	
}
.lessionlecturer > h3 > span{
	color: #b50000;
	font-weight: bold;
	
}
.video_name{
	font-size: 22px;
  font-weight: bold;
  padding: 15px 0;
}
.listproduct{
	display: flex;
	flex-wrap: wrap;
}

	.product-col{
		position: relative;
		display: flex;
		width: 33%;
		padding-right: 20px;
		
	}
.product-col-row3{
		position: relative;
		display: flex;
		width: 33%;
		padding-right: 20px;
		
	}
.section-box-wrapper{
	width: 100%;
	background-color: #FFF;
}
.product-col-6{
	position: relative;
	display: flex;
	width: 50%;
	padding-right: 20px;
}
.product_cake{
	
	margin-top: 40px;
}
.section-cake-wrapper{
	background: #efeac1;
	display: flex;
	position: relative;
	width: 100%;
	color: #4D4D4D;
}
.section-search-wrapper{
	border: 1px solid #BD7947;
	position: relative;
	width: 100%;
	color: #4D4D4D;
	padding: 15px 15px 15px 15px; 
}
.section-cake-wrapper:hover{
	background: #E6C29C;
}
.section-cake-wrapper:hover a{
}	
.listonecake{
	
}
.litscoureboxfooter{
	display: flex;
	align-items: center;
}
.litscoureboxfooter .btn{
	border: none !important;
	border-radius: 0;
	font-size: 14px;
}
.litscoureboxfooter > .copylink{
	margin-left: auto;
	
}
.widgetlistcakeslick .slick-list{
	/*overflow: visible;*/
}

.section-box-image{
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
	 transition:  0.3s;
	overflow: hidden;
	margin-bottom: 15px;
}
.section-box-price{
	align-items: center;
	font-weight: bold;
	font-size: 18px;
	margin: 15px 0;
	display: flex;
	color: #ff690f;
	border-top:1px solid #BCBCBC;
	padding: 15px 0;
	
}
	.boxprice >span{
		text-decoration-line: line-through;
		color: #555555;
		font-weight: normal;
		font-size: 14px;
	}
.section-box-image img{
	width: 100%;
	
	}
.listonecake .section-box-wrapper{
	display: flex;
	flex-wrap: nowrap;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.13);
  transition: all 0.3s ease-in-out;
	font-size: 16px;
}
	.listonecake .section-box-wrapper:hover{
		
		box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25);
		transition: all 0.3s ease-in-out;

	}
	.listonecake .section-box-wrapper .section-box-image{
		height: auto !important;
		width:  auto;
		margin-bottom: 0;
		justify-content: flex-start;
	}
	.listonecake .section-box-image .product-thumb{
		max-width: 100%;
	}
.listonecake .section-box-text{
	align-items: center;
	display: flex;
	padding: 45px;
	flex-wrap: wrap;
	}
.listonecake .section-box-text > div{
	width: 100%;
}
.listonecake  .section-box-text h4{
	font-size: 30px;	
}
.listonecake  .cake-lecturer {
  text-align: left;
  line-height: 1.6;
  font-size: 18px;
  min-height: 60px;
}
.section-box-price a{
	margin-left: auto;
	
}

.section-cake-wrapper:hover .section-box-image a{
	 
	
}	

.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: #7F5245;
}
.product-row h2 >a{
	
  color: #7F5245;
}
.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 #BD7947;
  font-weight: bold;
  color: #BD7947;
	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: #BD7947;
	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: #7f5245;
	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: #7f5245;   
    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: #7f5245;
    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_cake .product-thumb{
	max-width: 220px;
}

.section-box-text h4{
	font-size: 15px;
	color: #7f5245;
}
.section-box-text h5{
	font-size: 13px;
	color: #000;
}
.section-box-text h4{
	text-align: left;
	text-transform: uppercase;
	line-height: 1.6;
	font-weight: bold;
}
.section-box-text .lession-lecturer{
	text-align: left;
	line-height: 1.6;
	font-size: 14px;
	min-height: 60px;
}
.lession-lecturer > span{
	display: block;
	font-weight: bold;
	
}
.section-box-text .lession-lecturer a{
	
	font-weight: bold;
}
.section-box-text h6{
	text-align: left;
	line-height: 1.6;
	font-size: 14px;
}
.section-box-text h6 a{
	font-size: 14px;
	line-height: 1.6;
	font-weight: bold;
}

.section-box-description{
	text-transform: capitalize;
}
.section-box-description p{
	margin-bottom: 0;
}

.frame_cake_detail{
	margin-bottom: 50px;
}
.boxintropayment{
	display: flex;
	align-items: center;
	position: relative;
	max-width: 100%;
}
.boxintropayment >ul{
	width: 60%;
}
.qrpayment{
	padding: 15px;
	width: 40%;
	position: relative;
	display: flex;
}
.qrpayment img{
	max-width: 100%;
}
.cake_detail_wrapper{
	background-color: #F1F1F2;
	border-radius: 10px;
	display: flex;
	padding-top: 40px;
	height: 500px;
	padding-bottom: 120px;
	
}
.cake_detail_content{
	width: 30%;
	padding: 20px 0 0 50px;
}
.cake_detail_photos{
	width: 70%;
	padding: 20px 20px 0 0;
}
.detail_cake_name{
	padding-top: 20px;
}
.detail_cake_name > h1{
	font-size: 22px;
	
}
.productdetailphotoone{
	text-align: center;
	display: flex !important;
	justify-content: center;
		
}
.detail_cake_description{
	font-size: 16px;
}
.detail_cake_button a.btn{
	width: 160px;
	margin-bottom: 20px;
}
.cake_detail_content_wrapper{
	margin: 20px 0 30px 0;
}
#cake_detail_content-tabinfo{
	border-bottom: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#cake_detail_content-tabinfo.nav-tabs .nav-link:first-child{
	padding-left: 0;
}
#cake_detail_content-tabinfo.nav-tabs .nav-link:last-child{
	padding-right: 0;
	
}
#cake_detail_content-tabinfo.nav-tabs .nav-item:last-child{
	
}
#cake_detail_content-tabinfo.nav-tabs .nav-link{
	font-size: 18px;
	color: #4D4D4D;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	margin-right: 20px;
}
#cake_detail_content-tabinfo.nav-tabs .nav-link:hover{
	color: #E0AE77;
}
#cake_detail_content-tabinfo.nav-tabs .nav-item.show .nav-link, #cake_detail_content-tabinfo.nav-tabs .nav-link.active {
	border: none;
	color: #E0AE77;
}

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

.cake_maininfo{
	padding: 0;
	margin: 0;
	margin-top: 30px;
	list-style: none;
}

.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:%237f5245;%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: 25px;
  	height: 25px;
	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:%237f5245;%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: 25px;
  	height: 25px;
	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:%237f5245;%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: 25px;
  	height: 25px;
	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:%237f5245;%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: 25px;
  	height: 25px;
	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:%237f5245;%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:%237f5245;%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:%237f5245;%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: 25px;
  	height: 25px;
	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:%237f5245;%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: 40px;
  	height: 40px;
	display: block;
}
.footerlinkedin{
	width: 20px;
	height: 20px;
	background-color: #F1F1F1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #BD7947;
	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-create-future {	
	background-image: url("../images/icon/icon-create-future.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;
}
.cake_maininfo > li {
	display: flex;
	list-style: none;
	align-items: center;
	border-bottom: 1px solid #989898;
	padding-bottom: 5px;
	margin-top: 10px;
}
	.cake_maininfo > li:last-child {
		border-bottom: none;
		
	}
	.cake_maininfo > li > i {
		margin-right: 10px;
}
	.cake_maininfo > li > span {
		margin-left: auto;
}
.section_cake_colors_content{
	display: flex;
	align-items: center;
}
.cake_colors_content{
	padding: 0 60px 0 35px;
}
	.cake_colors_content > h1{
		font-size: 28px;
		color: #BD7947;
		font-weight: bold;
		text-transform: uppercase;
	}
.colors_description{
	font-size: 18px;
	color: #7F5245;
}
.list_review_colors_wrapper{
	margin-top: 30px ;
}
.section_test_color img{
	max-width: 100%;
	
}

.slickwidthfixed .slick-slide{
	width: 278px !important;
}


.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) {
	.headerslider{
		display: none;
	}
  .aside-filter .content-item .aside-item {
    margin-bottom:10px
  }
	.headersliderbg:before, .headersliderbg:after {

  width: 0;
  height: 0	;/* background: linear-gradient(-107deg,#ff6910 0%,#ff6910 100%);*/
	background:none !important;
}

			
}
.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:#f98b60;
  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:#f98b60
}
.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:#f98b60
}
.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:#f98b60
}
.filter-item.color input:checked+.fa.trang:after {
  color:#333
}
.filter-item--green *:hover {
  color:#ac5735
}
.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:#f98b60
}
.filter-item--check-box input:checked+.fa,
.filter-item--check-box input:checked+span {
  color:#f98b60
}
.filter-item--check-box input:checked+.fa:after,
.filter-item--check-box input:checked+span:after {
  color:#f98b60;
  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:#f98b60
}
.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:#BD7947
}
.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
}
.filter-item-boxtext{
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	position: relative;
	width: 100%;
}
	.filter-item-boxtext .filter-textfor-checbox{
		width: 100%;
		margin-left: 15px;
	}
.filter-lession-otherinput{
	width: 80%;
}
.container-boxads{
	max-width: 800px;
}
.sectionbannerlinkform{
	margin: auto 50px;
	padding: 15px 0 !important;
	margin-bottom: 20px !important;
}
.bannerlinkform h3{
	font-size: 22px;
}
.boximagethumbregister{
	
}
.boximagethumbregister img{
	max-width: 100%;
	width: 200px;
	border: 3px solid #FFF;
}
.registerlearning h1{
	font-size: 26px;
	text-align: left;
	padding-top: 15px;
}
.formlistitem-content{
	margin-top: 8px;
}
.formlistitem-content h4{
	font-size: 18px;
	color: #EF8500;
}
.formlistitem-content li{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 5px;
	
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #495057;

  background-color: #fff;

  border-color: #dee2e6 #dee2e6 #fff;

}
.cake_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: #CBA97F !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: #BD7947 solid 4px;
	margin-bottom: 15px;
	display: inline-block;
	padding-bottom: 8px
}
.bodylistcake{
	background: linear-gradient(-107deg,#EEE2D5 100%,#FFFFFF2E 0%);
	position: relative;
	display: block;
	padding: 70px 0;
	width: 100%;
}
.boxuploadunc{
	text-align: center;
	justify-content: center;
}
.fieldupload{
	position: relative;
	padding: 20px;
	margin-top: 15px;
}
.boxuploadunc img{
	max-width: 100%;
}
.heading-cakedetail{
	text-align: center;
	padding: 15px 0;
	width: 600px;
		margin: 0 auto;
}
	.cakedetail-description  h1{
		font-size: 22px;
		color:#F95D00;
		font-weight: bold;text-align: center;
		margin-bottom: 30px;
	}
.cakedetail-description h3{
	font-size: 18px;
}
.body-content p,.body-content div,.body-content span{
		font-size: 18px;
	  line-height: 1.8;
	}
.cakedetail-content p,.cakedetail-content div,.cakedetail-content span{
	font-size: 18px;
  line-height: 1.8;
}
.cakedetail-content >h2{
	padding: 20px 0;
	font-weight: 500;
	font-size: 35px;
	margin-bottom: 30px;
	
}
.section-cakedetail-panel{
	position: relative;
  background-color: #FFF;
  border-radius: 15px;
  padding: 30px;
	margin-bottom: 30px;
}
.boxactionformcake .uploadfilename{
	color: #FFF;
}
.boxactionformcake .btnsendmessage{
	margin-left: auto;
}
.boxcakeone{
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 20px;
	border-bottom: 1px solid #B7C8AD;
	padding-bottom: 20px;
	
}
.boxcakeone h3{ 
	font-size: 18px;
	color: #536F41;
	font-weight: bold;
	padding-top: 10px;
}
.boxcakeone .date-box{
	position: relative;
	margin-right: 15px;
	background-color:#536F41; 
	font-size: 18px;
	padding: 10px 15px 15px 15px;
	color: #FFF;
}
.listcakeinfoitem{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin-top: 20px;
}
.listcakeinfoitem > div{
	margin-right: 15px;
}
.listcakeinfoitem > div  i{
	margin-right: 7px;
	font-size: 18px;
	color: #536f41;
}
.cakedetail-content h1{
	font-size: 32px;
		color: #536f41;
		font-weight: bold;
}
.cakedetail-content h3{
	font-size: 18px;
}
.cakedetail-description{
	margin: 30px 0 20px 0;
}
.cakedetail-description ul{
	margin: 0;
}
.cakedetail-description ul >li{
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 10px;
	
}
.cakedetail-description ul >li>label{
	width: 300px;
	margin-bottom: 0;
	
	
}
.listingredient_photos{
	list-style: none;
	margin: 0;
	padding: 0;
}
.listingredient_photos >li{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	padding-bottom: 8px;
	margin-bottom: 15px;
	border-bottom: 1px solid #D9D9D9;
}
/*****    USER TEMPLATE ******/
.profile-boxavatar {
	text-align: center;
  
}
.side-profile-boxavatar{
	text-align: center;
}
.profile-boxavatar  .img-circle {
  border-radius: 50%;
}
.user-image{
	width: 25px;
height: 25px;
border-radius: 50%;
margin-right: 10px;
margin-top: -2px;
}


@media (max-width:1439px) {
.separator-bottom {
	border-bottom: #BD7947 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: #BD7947;
	
}
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
}

/******  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,#7f5245 0%,#BD7947 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;}

.listlecturer{
	display: flex;
}
.listlecturerone{
	position: relative;
  display: flex;
 border-radius: 20px;
	padding-bottom: 30px;
	
}
.section-box-wrapper{
	transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
}
.section-box-wrapper:hover{
	-webkit-transition: opacity .15s, -webkit-transform .4s;
	transition: opacity .15s, -webkit-transform .4s;
	-o-transition: opacity .15s, transform .4s;
	transition: opacity .15s, transform .4s;
	transition: opacity .15s, transform .4s, -webkit-transform .4s
}
.section-box{

	  background: #fff none repeat scroll 0 0;
  margin-bottom: 30px;
  transition: all .5s ease 0s;
  padding: 26px 20px 26px;
  margin-top: 20px;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,.1);
  overflow: hidden;
  position: relative;
}
.section-box:hover {
		webkit-box-shadow: 0px 3px 5px 3px rgba(231,231,231,1);
		-moz-box-shadow: 0px 3px 5px 3px rgba(231,231,231,1);
		box-shadow: 0px 3px 5px 3px rgba(231,231,231,1);
	}	
.list-lecturer-image{
	height: 400px;
	display: flex;
	overflow: hidden;
	justify-content: center;
	margin-bottom: 20px;
}
.list-lecturer .section-lecturer-wrapper{
	display: flex;
}

 .list-lecturer-image img{
	width: 100%;
}
.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,#7f5245 0%,#BD7947 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: #7f5245;
}

.list-news-image{
  overflow: hidden;
	height: 350px;
}
.listwidgetnewsone .list-news-image{
	height: 260px;
}
.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,#7f5245 0%,#BD7947 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;
	
}
.listcustomertalkabout{
	display: flex;
	flex-wrap: wrap;
}
.listcustomertalkabout > .customertalkaboutone{
	width: 50%;
}
.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: #7F5245;
}
.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: #BD7947;
	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: #BD7947;
		padding-left: 15px;
	}
	.project-info-item:first-child{
		padding-left: 0;
	}
	.section-project-info  label{
		color: #BD7947;
		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 #BD7947;
}
.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: #BD7947;
	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: #BD7947;
}
.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: #BD7947;
	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: #FF821C;
  border-color: #FF821C;
}
.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;
}

.contact-social > ul{
	margin-top: 20px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact-social > ul .icon-phone{
	width: 40px;
	height: 40px;
}
.contact-hotline a{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 20px 5px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #eb1c24;
	border-radius: 20px;
}
.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: #7F5245;
	
}
.aboutus-content h4{
	text-align: left;
  font-size: 16px;
  font-weight: bold;
  color: #7F5245;
	
}
.content-data-row{
	display: flex;
	flex-wrap: nowrap;
	color: #7f5245;
}
.content-slogan{
	font-size: 26px;
	color: #E0AE77;
}
.content-data-img img{
	max-width: 100%;
}
.aboutus-team-box{
	background: linear-gradient(-107deg,#BD7947 0%,#7f5245 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-image: url("../images/footer.png");
 	 background-position: 50% -5px;
	background-attachment: fixed;
	background-color:#000000d4;
	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-contact{
	font-size: 16px;
	line-height: 1.8;
}
.footer-contact .row-group{
	margin-bottom: 20px;
}
.footer-contact h3{
	font-size: 31px;
  font-weight: 700;
  line-height: 1.5;
  color: #FFF;
  margin: 5px 0 0 0;
}
.footer-contact h4{
	margin-bottom: 15px;
}
.footerinfo h5 {
  font-weight: 600;

  font-size: 15px;

  color: #fff;

  line-height: 1.8;

}
.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: 48%;
	padding-right: 15px;
}
.footer-col-3{
	width: 25%;
	padding-right: 15px;
}
.footer-col-4{
	width: 25%;
	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: #7F5245;
	padding: 5px 5px;
}
.company-contact{
	margin-top: 10px !important;
	display: flex;
	align-items: center;
}
.company-contact-email{
	margin-left: auto;
}
.footerrow-endside{
	background-color:#262626;
	color: #FFF;
	padding: 10px 0;
	text-align: center;
}
.footerrow-copyright{
	padding: 10px 0;
	text-align: center;
	display: flex;
}
.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: #cc853a;
	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: #cc853a;
	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 #CBA97F;
}
.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: #CBA97F;
  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: #7F5245;
	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: #cc853a;
}
.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;
	
}

.section-container-map{
	background-color: #BD7947;
	  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 #BD7947;
	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: 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
     }
	 .customercontent{
		overflow: visible;
		height: auto;
	}	
	.text-below-line-full {
	
	  font-size: 20px;
	}
	.listcustomertalkabout > .customertalkaboutone{
		width: 100%;
	}
	
 }
 

@media (max-width: 1199px) {
	.lession-col {
  position: relative;
  display: flex;
  width: 50%;
  padding-right: 20px;
}
	.boximagethumbregister{
		margin-bottom: 15px;
	}
	.sectionbannerlinkform{
		margin: 0 !important;
	}
	.cakedetail-content p,.cakedetail-content div,.cakedetail-content span{
		font-size: 16px;
	  line-height: 1.6;
	}
	.body-content p,.body-content div,.body-content span{
		font-size: 16px;
	  line-height: 1.8;
	}
	.mobile-show{
		display: block;
	}
	.pc-show{
		display: none;
	}
	.mobile-collapse .card-tools{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: auto;
	}
	.mobile-collapse{
		display: flex;
		align-content: center;
		align-items: center;
		
	}
	.lession-title{
		font-size: 24px;
	}
	.container-lessiondetail{
		display: block;
		position: relative;
		width: 100%;
		margin-top: 30px;
	}
	#wdiget_ingredient_body{
		display: block;
	}
	#wdiget_ingredient_body.show{
		display: block;
	}
	.lessiondetail-colleft,.lessiondetail-colright{
		width: 100%;
		padding-left: 0;
	}
	.groupheaderlinkmobile{
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		background-color: #BD7947;
		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;
	}
	
	.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;
	}

	
	.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:1000;
	position: fixed;
	width: 100%;
}  
	.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;
		
}
	

	.headerpcsite{
		position:relative;
		display:none;
	}
	
	#mainmenumobile .modal-content{
		background-color: #f7f7f7;
	}	
	#mainmenumobile .modal-header{
		background-color: transparent !important;
		
		padding-top: 40px;
		color: #BD7947;
		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: 10px;
  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;
	display: flex;
    align-items: center;
	
}
	.navbar-brand{
	padding-left: 50px;
	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:#CBA97F;
  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: radial-gradient(#FF9F49 5%, #FF9346 20%, #FF822E 65%);
}
  .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{
	
}

.header-body-mobile{
		display: none;
	}

@media only screen and (max-width:991px) {
	.filter-lession-otherinput{
		width: 100%;
	}
	.filter-item-boxtext .filter-textfor-checbox{
		margin-left: 0;
	}
	.filter-item-boxtext{
		flex-wrap: wrap;
	}
	body{
		background-color: #FFF;
		font-size: 12px;
		padding-top: 30px;
	}
	.slickwidthfixed .slick-slide{
		width: 100% !important;
	}
	.bodylecturerdetail{
		font-size: 15px;
	}
	.lecturer-box-text h3{
		font-size: 20px;
  			line-height: 1.8;
	}
	
	.panel-content{
		margin: 0;
	}
	.footercontent{
		text-align: center;
	}
	.header-body-mobile{
		display: flex;
		position: relative;
		align-items: center;
		border-top: 1px solid #DBBF9C;
		padding: 10px 10px;
		color: #FFF;
	}
	.header-body-mobile a{
		color: #FFF;
		font-size: 16px;
	}
	 .header-body-mobile .btn{
		 font-size: 14px;
		 padding: 2px 10px !important;
		 margin-right: 6px;
	 }
	.btnmobilesearch{
			
			margin-left: auto;
			margin-right: 7px;
		}
		 .btnmobilesearch i {
		color: #FFF;
		font-size: 18px;
	  }

	
	.section-breadcrumbs{
		display: none;
	}
	.cakedetail-content p,.cakedetail-content div,.cakedetail-content span{
		font-size: 14px;
	  line-height: 1.6;
	}
	.body-content p,.body-content div,.body-content span{
		font-size: 14px;
	  line-height: 1.6;
	}
	.lession-col{
		width: 50%;
	}
	.lession-col:nth-of-type(2n){
		padding-right: 0px;
	}
	.user_topside_row{
		display: none;
	}
	.thetop{
		position: fixed !important;
		top: 0;
	}
	
	.usertalk-heading{
		display: block;
	}
	.usertalk{
		margin-top: 20px;
	}
	.usertalk h3 {
	  font-size: 22px;
	}
	.usertalk-image{
		display: block;
	  width: fit-content;
	  margin: 0 auto;
	}
	.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;
	}

	.section-title-customer{
		margin-bottom: 25px !important;
	}
	
	.widgetlistslick .slick-slide > div{
		background-color: #FFF;
		border-radius: 0;
		box-shadow: none;
	}
	.section-intro h5{
		font-size: 18px;
	}
	.row-widgetproduct{
		border-bottom: 1px solid #7f5245;
    padding-bottom: 20px;
    margin-bottom: 15px;
		margin-top: 30px;
	}
	.no-border{
		border: 0 !important;
	}
	.box-sliderproduct{
		margin: 0;
	}
	.section-title{
		margin: 0;
		font-size: 18px;
		margin-bottom: 20px;
	}
	
	.widgetlistcakeslick{
		margin-top: 15px !important;
	}
	.widgetlistslick .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;
	}
	.cake-title > .tagtitlecake{
		background-color: #FFF;
		border: none;
		width: 100%;
	}
	.cake_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;
	}

	.section-box-text h4 a{
		font-size: 16px;
	}
	.container-projectdetail{
		padding: 0;
	}
	.slider-nav{
		display: none;
	}

	.newsdetail-title{
		display: block !important;
	}
	
	.page-title-has-description{
		display: block !important;
	}
	.headerslider{
		margin: auto 0 !important;
	}
	.section-box-image{
		height: auto !important;
		margin-bottom: 20px;
	}
	
	
	.boxsearchorder{
		width: 100%;
		margin-bottom: 10px;
	}
	.buttonstart{
	
		right: 80px;
    top: 90px;
	}
	.show-pc{
	display:none; 
}
	.showmobile{
		display: inherit;
	}
	
	
	.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;
	}

	#sectionlistingslidecake .box-sliderproduct .slick-prev{
		left: 20px;
	}
	#sectionlistingslidecake .box-sliderproduct .slick-next{
		right: 20px;
	}
	.headerslider > .container{
		padding: 0;
	}
	
	.product-col,.product-col-6{
		width: 100%;
		padding-right: 0;
	}
	.product_cake{
  margin-top: 10px;
}
	.cake-title{
		flex-wrap: wrap;
	}
	.cake-title > .tagtitlecake{
	  font-size: 18px;
		width: 100%;
		padding: 0 !important;
		margin-bottom: 20px;

	}
	
	#cake_detail_content-tabinfo.nav-tabs .nav-link
	{
	  font-size: 14px;
	  color: #4D4D4D;
	  text-transform: uppercase;
	  font-weight: bold;
	  border: none;
	  margin-right: 20px;
	}
	.cake_detail_wrapper{
		height: auto;
		padding-bottom: 15px;
	}
	.cake_detail_content,.cake_detail_photos{
		width: 100%;
		padding: 15px;
	}
	.section-profile{
		padding: 20px;
	}
	.slick-prev::before, .slick-next::before{
		font-size: 60px;
	}
	.home-rowbanner,.cake_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;
	}
	
	.boxactionform{
		display: block;
		text-align: center;
	}
	.btnsenduploadfile
	{

	  padding: 15px 15px;
	  font-size: 16px;
		justify-content: center;
		margin-bottom: 15px;
	}
	
	.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){
	.lession-col{
		width: 100%;
		padding-right: 0;
	}
	.listonecake{
		margin: 20px;
		border-radius: 0;
	}
	 .listonecake .section-box-wrapper{
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 flex-wrap: wrap;
		 box-shadow:none !important;
	 }
	.listonecake .section-box-text {
	  align-items: center;
	  display: flex;
	  padding: 15px;
	  flex-wrap: wrap;
	}
	 .listonecake .section-box-wrapper .section-box-image{
		 width: 100%;
	 }
	.litscoureboxfooter{
		display: block;
		text-align: center;
	}
	.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; } }