@define a {
 color: #5B4C39;
}
@define alink {
 color: #1d8ccb;
}
@define ahover {
 color: #1e8fcf;
}
@define alight {
 color: ;
}
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -o-transform: rotate(180deg);
}
@define rotate180 {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -o-transform: rotate(360deg);
}
@define rotate90 {
 -webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -o-transform: rotate(90deg);
}
@define xfont {
 font-family: 'Roboto', 'Segoe UI', sans-serif;
}
#component__top {
	text-align:center;
 display:block;
 position:fixed;
 color:#fff;
	font-size:20px;
	background-color: #5B4C39;
	opacity: 0; filter: alpha(Opacity:0);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2);
 box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2);
	bottom: 60px;
	right: 10px;
	z-index: 300;
	width: 50px;
	height: 50px;
	transform: translate(0px, 10px);
	-ms-transform: translate(0px, 10px);
	-webkit-transform: translate(0px, 10px);
	-moz-transition-transform: translate(0px, 10px);
}
#component__top:hover {
	$bg: #6f5f49
}
#component__top {
	line-height: 50px;
}
#component__top.--show {
	opacity: 1; filter: alpha(Opacity:100);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
	transform: none;
	-ms-transform: none;
	-webkit-transform: none;
	-moz-transition-transform: none;
}
.top-article{
 padding: 16px 0px 32px;
 position: relative;
 background-position: center left;
 background-repeat: no-repeat;
 background-size: cover;
}
.top-article .head-row {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
}
.top-article .col-3{
 width: 33%;
 padding: 0px 15px;
}
.top-article .col-9{
 width: 67%;
 padding: 0px 15px;
}
.top-article .breadcrumb{
 margin-bottom: 10px;
}
.top-article .breadcrumb a{
 display: flex;
 align-items: center;
 gap: 2px;
 color: #8B7457;
 font-size: 16px;
 font-weight: 600;
 text-transform: uppercase;
}
.top-article .breadcrumb span{
 font-size: 16px;
}
.top-article .title{
 color: #5B4C39;
 font-size: 36px;
 font-weight: 500;
 line-height: 48px;
 letter-spacing: -0.72px;
}
.top-article .ctas .btn-apply{
 display: block;
 color: #fff;
 font-size: 16px;
 font-weight: 600;
 line-height: 24px;
 text-align: center;
 border-radius: 8px;
 padding: 12px;
 text-transform: uppercase;
 background-color: #C96F36;
 box-shadow: 0px 4px 28px 0px #EDE5D852;
}
.job-detail .job-row{
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
}
.job-detail .col-3{
 width: 33%;
 padding: 0px 15px;
}
.job-detail .col-9{
 width: 67%;
 padding: 0px 15px;
}
.job-sidebar .sidebar-block{
 padding: 12px;
 border-radius: 8px;
 border: 1px solid #E6E6E6;
 background-color: #fff;
 margin-bottom: 12px;
}
.job-sidebar .desc-job .item{
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-bottom: 14px;
}
.job-sidebar .desc-job .item span{
 color: #5B4C39;
 font-size: 14px;
 line-height: 22px;
 font-weight: 600;
}
.job-sidebar .desc-job .item .content{
 color: #291000;
 font-weight: 500;
}
.job-sidebar .desc-job .item .content a{
 color: #291000;
 font-weight: 500;
}
.job-sidebar .process .text{
 display: block;
 color: #5B4C39;
 font-size: 14px;
 line-height: 22px;
 font-weight: 600;
 margin-bottom: 10px;
}
.job-sidebar .process .process-careers{
 display: inline-flex;
 flex-direction: column;
 gap: 8px;
}
.job-sidebar .process .item{
 width: fit-content;
 display: inline-flex;
 align-items: center;
 padding: 8px;
 border-radius: 8px;
 background-color: #FAF4E8;
}
.job-sidebar .process .item .icon{
 width: 26px;
 height: 26px;
 color: #5B4C39;
 font-size: 14px;
 font-weight: 500;
 border-radius: 99px;
 margin-right: 7px;
 background-color: #DDD1B9;
 display: flex;
 align-items: center;
 justify-content: center;
}
.job-sidebar .process .item .content{
 color: #291000;
 font-size: 14px;
 line-height: 22px;
 font-weight: 500;
}
.job-sidebar .job-related .text{
 color: #5B4C39;
 font-size: 14px;
 font-weight: 600;
 line-height: 22px;
 margin-bottom: 20px;
}
.job-sidebar .job-related .item{
 margin-bottom: 20px;
}
.job-sidebar .job-related .item a{
 color: #8B7457;
 font-size: 14px;
 font-weight: 600;
 line-height: 22px;
 display: flex;
 align-items: center;
 gap: 3px;
}
.job-sidebar .job-related .item a .icon{
 width: 16px;
}
.job-sidebar .job-related .item a .icon img{
 width: 16px;
 height: 16px;
}
#article {
 line-height: 25px;
}
.article .content-article {
 line-height: 25px;
	text-align:justify;
}
.article .content-article h2,
.article .content-article h3,
.article .content-article h4,
.article .content-article h5 {
 margin-bottom: 20px;
 line-height: 1.3;
 color:#333;
	font-weight:normal;
}
.article .content-article h2 {
	font-size:24px;
 color:#5B4C39;
}
.article .content-article h3 {
	font-size:20px;
}
.article .content-article h4 {
	font-size:18px;
}
.article .content-article h5 {
	font-size:16px;
}
.article .content-article div,
.article .content-article p,
.article .content-article li {
 margin-bottom: 20px;
 color:#333;
}
.article .content-article li:before {
 content: "\ea2b";
 display:inline-block;
 color:#999;
 font-family: "ap";
 margin-left: 20px;
 margin-right: 5px;
}
.list__related {
 padding-top: 40px;
}
.list__related .name {
	font-size:18px;
	font-weight:bold;
 margin-bottom: 20px;
}
.list__related a {
 display:block;
 line-height: 20px;
 margin-bottom: 15px;
}
.list__related .btn-viewall {
	font-weight:bold;
	text-align:center;
 display:inline-block;
 color:#5B4C39;
 margin-top: 20px;
 border-bottom: 1px dotted #e0e0e0;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.breadcrumb a {
 display:inline-block;
}
.breadcrumb a:hover{
 color:#354254;
}
.container {
	width:100%;
	position:relative;
 max-width: 1160px;
 margin: 0px auto;
}
.btn-apply {
 padding: 7px 15px;
 display:inline-block;
	text-align:center;
	white-space: nowrap;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.divider {
 border-top: 2px solid #eee;
 clear: both;
}
.section- {
 padding: 40px 0px;
}
.select-custom {
 padding: 0;
 margin: 0;
 width: auto;
 background-color: #fff;
	position:relative;
}
.select-custom:before {
 font-family: "FontAwesome";
 content: "\f0d7";
 right: 10px;
 color:#888;
	position:absolute;
 line-height: 40px;
}
.select-custom select {
 padding: 10px 15px;
	width:100%;
 border:1px solid #e0e0e0;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.select-custom select:focus {
 outline: none;
}
.table{
 display: table;
	width:100%;
}
.cell{
	display:table-cell;
	vertical-align:middle;
}
#appform{
}
#appform .wrapper{
 padding: 20px 24px;
 border-radius: 20px;
 background-color: #fff;
 box-shadow: 0px 4px 28px 0px #EDE5D852;
 border: 1px solid transparent;
 background: linear-gradient(#fff,#fff) padding-box, linear-gradient(214deg, #FDF4DB 0%, #B59567 100%) border-box;
}
#appform h1{
 color: #8B7457;
 font-size: 12px;
 font-weight: 600;
 padding-bottom: 12px;
 text-transform: uppercase;
}
#appform .form{
}
#appform .form .row{
 margin-bottom: 18px;
 padding-bottom: 0px;
}
#appform .form .row .ext{
 color:#aaa;
	font-weight:300;
	font-size:14px;
 padding-top:10px;
}
#appform .form .row .label{
 color: #5B4C39;
 font-size: 12px;
 font-weight: 500;
 margin-bottom: 0px;
 padding-bottom: 0px;
}
#appform .form .row .input input, #appform .form .row .input textarea{
 color: #979DA7;
 font-size: 16px;
 font-weight: 500;
 padding: 10px 0px;
 border: 0px;
 border-radius: 0px;
 box-shadow: initial;
 border-bottom: 1px solid #DDD1B9;
}
#appform .form .row .input.first{
	float:left;
 width:45%;
}
#appform .form .row .input.second{
	float:right;
 width:45%;
}
#appform .form .submit{
 padding:15px 0;
	font-weight:500;
	font-size:16px;
	position:relative;
	text-align:center;
 color:#FAF4E8;
	cursor:pointer;
	font-weight:500;
 margin-top:30px;
 border-radius: 8px;
 background-color: #C96F36;
}
#appform .form .submit:hover{
 background-color: #FF914D;
}
#appform .form .upload{
	position:relative;
 border:1px dashed #ccc;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 margin-top:10px;
}
#appform .form .upload:hover{
 background-color: #f8f8f8;
}
#appform .form .upload .text{
	position:relative;
	text-align:center;
	font-size:15px;
 z-index:100;
 padding:10px 0;
}
#appform .form .upload .text .more{
	font-size:13px;
	font-weight:300;
 color:#999;
 padding-top:4px;
}
#appform .form .upload input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
#appform .form .upload input{
 display:block;
	position:absolute;
	white-space: nowrap;
 width:100%;
 height:100%;
 z-index:101;
 opacity: 0; filter: alpha(Opacity:0);
 top: 0px;
}
#appform .form .cancel{
 padding:15px 0;
	text-align:center;
	cursor:pointer;
	font-weight:300;
	font-size:16px;
 color:#999;
 margin-top:30px;
}
#appform .form .cancel:hover{
 color:#111;
	text-decoration:underline;
}
* {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*,
*::before,
*::after {
 box-sizing: border-box;
}
html, body {
 overflow: initial;
	font-size:14px;
 color:#555;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 font-family: "Plus Jakarta Sans", sans-serif;
}
a {
 color:#555;
	font-weight:normal;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
a:hover, a:focus {
 color:#2586b7; color:#5B4C39;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
.clearfix {
 clear: both;
}
.section {
 padding: 60px 0px;
}
.section-head {
 max-width: 575px;
 margin: 0px auto;
 margin-bottom: 36px;
 text-align: center;
}
.section-head .section__title {
 color: #5B4C39;
 font-size: 40px;
 font-weight: 500;
 line-height: 52px;
 letter-spacing: -0.8px;
 padding-bottom: 32px;
 margin-bottom: 32px;
 position: relative;
}
.section-head .section__title:after{
 content: '';
 width: 112px;
 height: 1px;
 position: absolute;
 bottom: 0px;
 left: 50%;
 z-index: 9;
 transform: translateX(-50%) translateY(0%);
 -webkit-transform: translateX(-50%) translateY(0%);
 background-color: #C96F36;
}
.section-head .section__desc {
 color: #505456;
 font-size: 16px;
 font-weight: 500;
 line-height: 24px;
}
.section--head .section__desc a {
 border-bottom: 1px solid #eee;
}
.section-image {
 margin-top: 40px;
}
/*---- ABOUT ----*/
.section-about{
 padding: 80px 0px;
}
.section-about .row{
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
 align-items: center;
}
.section-about .col-6{
 width: 50%;
 padding: 0px 15px;
}
.section-about .section-head{
 max-width: 425px;
 margin: 0px;
}
.section-about .section-head .section__title{
 text-align: left;
}
.section-about .section-head .section__title:after{
 left: 0px;
 transform: initial;
}
.section-about .section-head .section__title span{
 color: #FF914D;
}
.section-about .section-content ul{
 list-style: initial;
 padding-left: 20px;
}
.section-about .section-content ul li{
 color: #505456;
 font-size: 16px;
 font-weight: 500;
 line-height: 24px;
 margin-bottom: 16px;
}
.section-about .video{
 text-align: center;
 position: relative;
	margin-bottom: 50px;
	padding-bottom: 56%;
}
.section-about .video iframe{
 position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
/*---- OVERVIEW ----*/
.section-overview .section-head{
 max-width: 100%;
 margin-bottom: 0px;
}
.section-overview .section-head .section__title{
 text-align: left;
 margin-bottom: 0px;
 padding-bottom: 0px;
}
.section-overview .section-head .section__title::after{
 content: none;
}
.section-overview .row{
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -20px;
 margin-left: -20px;
 align-items: center;
}
.section-overview .col-6{
 width: 50%;
 padding: 0px 20px;
}
.overview-item p{
 color: #505456;
 font-size: 16px;
 font-weight: 500;
 line-height: 24px;
 margin-bottom: 0px;
}
.section-image{
 text-align: center;
}
.section-image img{
 max-width: 100%;
}
/*---- END OVERVIEW ----*/
/*---- BENEFITS ----*/
.section-benefit .row{
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -10px;
 margin-left: -10px;
}
.section-benefit .col-6{
 width: 50%;
 padding: 0px 10px;
}
.benefits__list{
 display: flex;
 flex-direction: column;
 gap: 8px;
}
.benefits__list .item{
 display: flex;
 align-items: center;
 padding: 16px 24px;
 border-radius: 20px;
 background-color: #fff;
 box-shadow: 0px 4px 28px 0px #EDE5D842;
}
.benefits__list .item .icon{
 width: 60px;
 margin-right: 16px;
}
.benefits__list .item .icon img{
 width: 60px;
 height: 60px;
}
.benefits__list .item .main{
 flex: 1;
}
.benefits__list .item .main .title{
 color: #8B7457;
 font-size: 16px;
 font-weight: 600;
 line-height: 24px;
 letter-spacing: -0.32px;
 margin-bottom: 8px;
}
.benefits__list .item .main .detail{
 color: #505456;
 font-size: 12px;
 font-weight: 500;
 line-height: 20px;
}
.benefit__image img{
 max-width: 100%;
}
/*---- END BENEFITS ----*/
/*---- CUSTOMER ----*/
.saycustomer {
 background-color: #5B4C39;
 color:#fff;
}
.saycustomer-content {
 max-width: 768px;
 padding: 80px 0px;
 margin: 0px auto;
 text-shadow: none;
 color:#fff;
	position:relative;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 min-height: 100%;
}
.saycustomer-content .saycustomer__title {
	font-size:32px;
	font-weight:300;
 margin-bottom: 20px;
 line-height: 28px;
}
.saycustomer-content .saycustomer__say {
 font-style:italic;
 line-height: 22px;
 margin-top: 10px;
}
.saycustomer-content .saycustomer__say:before,
.saycustomer-content .saycustomer__say:after {
 font-family: "ap";
 display:inline-block;
 opacity: 0.6; filter: alpha(Opacity:60);
 font-style: normal;
}
.saycustomer-content .saycustomer__say:before {
 content: "\e8e7";
 margin-right: 5px;
}
.saycustomer-content .saycustomer__say:after {
 content: "\e8e8";
 margin-left: 5px;
}
.saycustomer-content .saycustomer__info {
	text-align:right;
 margin-top: 20px;
}
.saycustomer-content .saycustomer__info .name {
	font-weight:bold;
	font-size:15px;
 margin-bottom: 5px;
}
.saycustomer-content .saycustomer__info .pos {
	font-size:12px;
 opacity: 0.8; filter: alpha(Opacity:80);
}
/*---- END CUSTOMER ----*/
/*---- JOBS ----*/
#alljobs{
 background: linear-gradient(135deg,rgba(250, 244, 232, 0.2) 0%,rgba(221, 209, 185, 0.2) 100%);
}
#alljobs .row {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -6px;
 margin-left: -6px;
}
#alljobs .col-3{
 width: 25%;
 padding: 0px 6px;
}
#alljobs .col-9{
 width: 75%;
 padding: 0px 6px;
}
.jobs-list .jobs__item {
 padding: 24px;
 position: relative;
 border-radius: 8px;
 margin-bottom: 8px;
 background-color: #fff;
 box-shadow: 0px 4px 28px 0px #EDE5D852;
}
.jobs-list .jobs__item .list__item--title {
 margin-bottom: 12px;
 padding-right: 160px;
}
.jobs-list .jobs__item .list__item--title a {
 color: #8B7457;
 font-size: 20px;
 font-weight: 500;
 line-height: 28px;
 display: block;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
}
.jobs-list .jobs__item .list__item--info {
 color: #505456;
 font-size: 12px;
 font-weight: 500;
 line-height: 20px;
 display: flex;
 align-items: center;
 margin-bottom: 8px;
}
.jobs-list .jobs__item .list__item--info:last-child{
 margin-bottom: 0;
}
.jobs-list .jobs__item .list__item--info .icon{
 display: block;
 width: 20px;
 margin-right: 8px;
}
.jobs-list .jobs__item .list__item--info .icon img{
 width: 20px;
 height: 20px;
}
.jobs-list .jobs__item .list__item--info .content{
 flex: 1;
}
.jobs-list .jobs__item .list__item--info .content a {
 color: #505456;
 font-weight: 500;
}
.jobs-list .jobs__item .list__item--side {
	position:absolute;
 right: 24px;
 top: 24px;
}
.jobs-list .jobs__item .cta {
 display: block;
 color: #FAF4E8;
 font-size: 16px;
 font-weight: 600;
 line-height: 24px;
 border-radius: 8px;
 padding: 10px 20px;
 text-align: center;
 letter-spacing: 2.4px;
 text-transform: uppercase;
 background-color: #C96F36;
}
/*---- END JOBS ----*/
.banner-alljobs{
 padding: 12px 0px 24px;
}
.banner-alljobs .container{
 max-width: 1220px;
}
.banner-alljobs .banner-cover{
 position: relative;
}
.banner-alljobs .banner-cover img{
 max-width: 100%;
 border-radius: 20px;
}
.banner-alljobs .heading-jobs{
 position: absolute;
 top: 50%;
 left: 50%;
 width: 100%;
 z-index: 9;
 text-align: center;
 transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
}
.section-alljobs{
 padding: 54px 0px;
}
#footer{
 background-color: #FAF4E8;
}
.footer-top{
 padding: 31px 0px;
 background-color: #DDD1B9;
}
.footer-top .logo-footer{
 display: flex;
 align-items: center;
 gap: 16px;
}
.footer-top .logo-footer img{
 height: 46px;
}
.footer-top .logo-footer h4{
 color: #5B4C39;
 font-size: 20px;
 font-weight: bold;
 line-height: 28px;
}
.footer-bottom{
 padding: 40px 0px 30px;
}
.footer-bottom .row{
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
}
.footer-bottom .col-4{
 width: 30%;
 padding: 0px 15px;
}
.footer-bottom .col-8{
 width: 70%;
 padding: 0px 15px;
}
.footer-bottom .col-8 .col-4{
 width: 33.33333%;
}
.footer-bottom .contact ul{
 display: flex;
 align-items: center;
 gap: 20px;
}
.footer-bottom .contact ul li{
 display: flex;
 align-items: center;
 gap: 4px;
 color: #291000;
 font-size: 12px;
 font-weight: 500;
 line-height: 20px;
}
.footer-bottom .contact ul li a{
 color: #291000;
 font-weight: 500;
}
.footer-bottom .foo-info p{
 color: #505456;
 font-size: 12px;
 font-weight: 500;
 line-height: 20px;
 margin-bottom: 3px;
}
.footer-bottom .foo-info p b{
 color: #291000;
 font-weight: 600;
}
.copyright{
 padding: 20px 0px;
 border-top: 1px solid #DDD1B9;
}
.copyright .content{
 display: flex;
 align-items: center;
 justify-content: flex-end;
 gap: 20px;
}
.copyright .content .social{
 display: flex;
 align-items: center;
 gap: 20px;
}
.copyright .content .social img{
 width: 24px;
 height: 24px;
}
#header-recr {
	position:relative;
	width:100%;
 top: 0px;
 left: 0px;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 z-index: 11;
 background-color: #fff;
 padding: 15px 0px;
}
#header-recr .row{
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
 align-items: center;
}
#header-recr .col-3{
 width: 15%;
 padding: 0px 15px;
}
#header-recr .col-9{
 width: 85%;
 padding: 0px 15px;
}
#header-recr.stick{
 position:fixed;
 box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.overlay-common {
 position:fixed;
	width:100%;
	height:100%;
 z-index: 10;
 background: rgba(0,0,0,0);
 top: 0px;
 display: none;
 left: 0px;
}
#header-recr.showfixed .navigation{
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
 right: 0px;
}
#header-recr .logo img{
 height: 40px;
 margin-right: 6px;
}
#header-recr .logo .name{
 color: #5B4C39;
 font-size: 16px;
 line-height: 24px;
 letter-spacing: -0.32px;
 padding: 4px 10px;
 border-radius: 8px;
 border: 1px solid transparent;
 background:
 linear-gradient(#fff,#fff) padding-box,
 linear-gradient(214deg, #FDF4DB 0%, #B59567 100%) border-box;
}
#header-recr .box-menu{
	display:table-cell;
	text-align:right;
 padding-left: 40px;
}
#header-recr .box-menu{
 display: flex;
 align-items: center;
 gap: 40px;
}
#header-recr .box-menu a{
 color: #291000;
 font-size: 14px;
 font-weight: 500;
 padding: 10px 0px;
 letter-spacing: 0.28px;
 text-transform: uppercase;
 border-bottom: 4px solid transparent;
}
#header-recr .box-menu a:hover,
#header-recr .box-menu a.active{
 border-color: #C96F36;
}
.section-banner{
	position:relative;
 clear:both;
 padding: 35px 0px;
}
.section-banner .container{
 max-width: 1220px;
}
.section-banner .banner__cover{
	position:relative;
	width:100%;
	height:100%;
 max-width: 100%;
}
.section-banner .banner__cover img{
 max-width: 100%;
 height: 100%;
 border-radius: 20px;
 object-fit: cover;
 font-family: 'object-fit: cover;';
}
.section-banner .bg{
	position:absolute;
	width:100%;
	height:100%;
 background-image: -webkit-linear-gradient(36deg,#000 0,#000 100%);
 background-image: -moz-linear-gradient(36deg,#000 0,#000 100%);
 background-image: -o-linear-gradient(36deg,#000 0,#000 100%);
 background-image: linear-gradient(36deg,#000 0,#000 100%);
 top: 0px;
 left: 0px;
 opacity: .4; filter: alpha(Opacity:40);
 z-index: 2;
}
.section-banner .banner__text{
 color: #FAF4E8;
 position: absolute;
 top: 50%;
 left: 50%;
 width: 100%;
 z-index: 9;
 text-align: center;
 transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
}
.banner__text .banner--headline{
 font-size: 24px;
 line-height: 60px;
 letter-spacing: -0.48px;
}
.banner__text .banner--title{
 font-size: 52px;
 font-weight: bold;
 line-height: 60px;
 letter-spacing: -1.04px;
}
.section-banner .banner_ctas{
 position: absolute;
 width: 100%;
 left: 0px;
 bottom: 50px;
 text-align: center;
}
.section-banner .cta{
 color: #FAF4E8;
 font-size: 16px;
 line-height: 24px;
}
#sidebar {
 padding: 16px;
	border-radius: 8px;
 background-color: #fff;
	border: 1px solid #E6E6E6;
}
#sidebar .list-category{
 margin-bottom: 25px;
}
#sidebar .list-category:last-child{
	margin-bottom: 0;
}
#sidebar .title-cat{
 color: #8B7457;
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 8px;
	letter-spacing: 1.44px;
	text-transform: uppercase;
}
#sidebar .list .li{
 margin-bottom: 8px;
 position: relative;
}
#sidebar .list .check-action{
 color: #505456;
 font-size: 16px;
 font-weight: 500;
 line-height: 24px;
 display: flex;
 align-items: center;
}
#sidebar .check-action input {
 opacity: 0;
 position: absolute;
 display: block;
 z-index: 2;
 height: 100%;
 width: 100%;
 cursor: pointer;
}
#sidebar .check-action .icon {
 margin-right: 8px;
 font-family: "ap" !important;
}
#sidebar .check-action .icon:before {
 content: '';
 width: 18px;
 height: 18px;
 display: block;
	font-size: 14px;
 border-radius: 4px;
 text-align: center;
 line-height: 18px;
 border: 1px solid #E6E6E6;
 background-color: #fff;
}
#sidebar .check-action input:checked+.icon:before {
 content: "\e116";
 color: #fff;
 border-color: #8B7457;
 background-color: #8B7457;
}
#sidebar .check-action .number{
 display: inline-flex;
 margin-left: 5px;
}
#sidebar .button{
 width: 100%;
 display: block;
 padding: 12px 0px;
 color: #fff;
 font-size: 16px;
 font-weight: 500;
 cursor: pointer;
 line-height: 24px;
 border-radius: 8px;
	margin-bottom: 16px;
 background-color: #C96F36;
}
#sidebar .button.disabled{
 opacity: .3;
 cursor: default;
 pointer-events: none !important;
}
.__pag {
	display: flex;
 align-items: center;
 justify-content: center;
 gap: 12px;
 margin-top: 48px;
}
.pag {
 color: #8B7457;
 font-size: 16px;
 line-height: 28px;
	cursor: pointer;
	height: 44px;
 width: 44px;
 display: flex;
 align-items: center;
 justify-content: center;
 border: 1px solid transparent;
 border-radius: 8px;
 letter-spacing: 0.02em;
}
.__pag label {
	display: none;
}
.pag:hover, .pag.active {
 color: #8B7457;
	border: 1px solid #DDD1B9;
 background-color: #FAF4E8;
}
.ficon-angle-double-left::before {
	content: "\f100";
}
.ficon-angle-double-right::before {
	content: "\f101";
}