/**/
div.swiper-button-next, 
div.swiper-button-prev {
    background: transparent;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 50%;
    z-index: 2;
    overflow: hidden;
    text-align: center;
    left: 0;
    cursor: pointer;
    font-size: 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    color: rgba(0, 0, 0, 0.5);
}
div.swiper-button-next {
    right:0;
    left:auto;
}
div.swiper-button-prev {
}
div.swiper-button-prev::after,
div.swiper-button-next::after{
    content:"";
    font-family: "Font Awesome 5 Free";
    display: block;
    font-size: 34px;
}
div.swiper-button-next::after {
    content: "\f054";
    right: -10px;
}
div.swiper-button-prev::after {
    content: "\f053";
    left: -10px;
}
div.swiper-button-prev:hover,
div.swiper-button-next:hover{
    
}
@media only screen and (min-width: 1370px) {
    .main-sw div.swiper-button-next {
        right: -45px;
    }
    .main-sw div.swiper-button-prev{
        left: -45px;
    }
}
.opacity-15 { opacity: .15 !important; }
/**/
.main-sw div.swiper-button-next, 
.main-sw div.swiper-button-prev{
	color: #F6821F;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
}

body .btn{
	position: relative;
	height: 50px;
	min-width: 300px;
	padding: 6px 30px;
	border-radius: 60px;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	border-radius: 0;
	font-family: WilliamsCaslonText;
	color: #766d42;
	font-weight: 400;
	text-transform: uppercase;
}
.btn.btn-outline-primary{
	border: solid 1px #b5a663 !important;
	background-color: transparent !important;
}
.btn.btn-primary{
	border-color: #FFA151;
	background: linear-gradient(180deg, #FFA151 0%, #F6821F 100%);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
	color: #fff;
	min-width: 200px;
}
.btn:focus{
	box-shadow: 0 0 0 .25rem transparent !important;
}

.btn.btn-white-hvg {
	background-color: #fff;
	color: #E46C3E;
}
.btn-outline-hvg{
	border: 1px solid #fff;
	border-radius: 11px;
	color: #fff;
}
.btn-outline-hvg:hover{
	background-color: #fff;
}
.btn{
	transition: .3s all;
}
.btn:hover{
	color: #4e4829;
}

.btn.btn-outline-primary::after {
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: .1875rem;
	background-color: #b5a663;
	-webkit-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
}
.btn.btn-outline-primary:hover::after {
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}
/**/
.btn-secondary{
	color: #fff;
	background: linear-gradient(0deg, #A33A4C 0%, #CD586C 100%);
	border-color: #CD586C;
}
.btn-secondary:hover {
	color: #fff;
	background-color: #CD586C;
	border-color: #CD586C;
}

/**/
.icon-rosette::before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	height: 1px;
	background-image: -webkit-radial-gradient(circle,rgba(0,0,0,0) .875rem,#ddcb78 .875rem);
	/* background-image: radial-gradient(circle,rgba(0,0,0,0) .875rem,#ddcb78 .875rem); */
	overflow: visible;
	max-width: 18.75rem;
	width: 100%;
	margin: .46875rem auto;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	max-width: 35%;
}
/**/
@media (min-width: 992px) {
  .info-banner {
  	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
  	width: 100%;
  }
  .info-banner .title{
    font-size: 3.125rem;
    line-height: 4.25rem;
    letter-spacing: -.01875rem;
    margin-bottom: .9375rem;
    max-width: 40.1875rem;
    font-family: WilliamsCaslonText;
    font-weight: 400;
  }
  .info-banner-wrap {
  	max-width: 26.5rem;
  }
}

.promo__subtitle{
	opacity: .8;
	letter-spacing: .01875rem;
}

.title{
	font-size: 2.125rem;
	font-weight: 400;
	letter-spacing: -.00625rem;
	font-family: WilliamsCaslonText;
}
.hero-large__content--h2 h2{
	font-family: WilliamsCaslonText;
}
.item-danhmuc img{
	width: 100%;
	display: block;

}
@media only screen and (min-width: 768px) {
	.promo__subtitle {
		margin-bottom: 1.0625rem;
		margin: 0 auto;
	}
	.home .promo__subtitle {
		max-width: 21.875rem;
	}
	.home-box3 .promo__subtitle {
		max-width: 40.1875rem;
	}	
	.hero-large__content--h2 h2,
	.hero-large__content--h2 .title,
	.bf-ft-content .title,
	.home-box3 .item-danhmuc .title {
		margin-left: auto;
		margin-right: auto;
		font-size: 2.625rem;
		line-height: 3.375rem;
		letter-spacing: -.0125rem;
		margin-bottom: .625rem;
		max-width: 36.6875rem;
	}
}

/**/

@media only screen and (max-width: 991px) {
	.main-danhmuc {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.main-danhmuc .item-danhmuc{
		width: calc(50% - 5px);
		margin-bottom: 10px;
	}
	div.swiper-button-prev::after, 
	div.swiper-button-next::after {
		font-size: 22px;
	}
	/**/
	/**/
	.title {
		font-size: 30px;
	}
	.info-banner-wrap {
		text-align: center;
		margin-top: 20px;
	}	
	.icon-rosette::before {
		max-width: 75%;
	}
	/**/
	.bf-ft-content {
		margin: 40px 0;
	}
}