.alert-warning{
color:#856404;background-color:#fff3cd;border-color:#ffeeba
}
.home-top-margin{
	margin-top: 96px
}
.home-slider .swiper-slide{
text-align:center
}
.home-slider .swiper-slide img{
display:block;margin:0 auto;width:100%
}
.home-slider .swiper-button-next:after,.home-slider .swiper-button-prev:after{
font-size:20px;color:#000
}
.home-slider .swiper-button-next,.home-slider .swiper-button-prev{
display:block;position:absolute;bottom:0;left:0;width:40px;height:40px;z-index:1;text-align:center;font-size:20px;line-height:40px;cursor:pointer;color:#fff;background-color:rgba(255,255,255,0.3);transition:all .3s;-webkit-transition:all .3s;border-radius:50%;-webkit-border-radius:50%;background-image:none
}
.home-slider .swiper-button-next:hover,.home-slider .swiper-button-prev:hover{
background-color:#f4bd24
}
.home-slider .swiper-button-next:after,.home-slider .swiper-button-prev:after{
width:36px;height:36px;font-size:20px;color:var(--mainColor)
}
.home-slider .swiper-button-prev{
width:40px;right:auto;left:10px;margin:0;top:50%;bottom:auto
}
.home-slider .swiper-button-next{
width:40px;left:auto;right:10px;margin:0;top:50%;bottom:auto;margin:0px
}
.home-slider .swiper-pagination.swiper-pagination-bullets{
bottom:20px
}
.home-slider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{
border-radius:50%;width:10px;height:10px;background:transparent;border:1px solid #fff;opacity:1
}
.home-slider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color:#fff
}
.home-slider .bth-slider-box{
bottom:50px;position:absolute;left:80px;z-index:2
}
@media (max-width: 767px){
.home-slider .bth-slider-box{
left:30px
}

}
.home-slider .bth-slider-box .button-slider{
border:2px solid;color:black !important;padding:10px 25px;width:auto;background-color:#F4BD24;font-weight:500;font-size:24px;display:block
}
.home-slider .bth-slider-box .button-slider:hover{
color:var(--mainColor) !important;background-color:black !important;border-color:black
}
@media (max-width: 1366px){
.home-slider .bth-slider-box .button-slider{
font-size:16px
}

}
.home-slider .bth-slider-box .btn-slider-1{
margin-bottom:10px;display:block
}
.section_product_featured .item{
margin-bottom:30px
}
.section_product_featured .block-product .view-more{
text-align:center
}
.section_product_featured .block-product .view-more a{
height:35px;display:inline-flex;align-items:center;justify-content:center;background:#363636;color:#fff;font-size:14px;padding:0 30px
}
.section_product_featured .block-product .view-more a:hover{
background:#0089ff
}
.swiper-button-next:after,.swiper-button-prev:after{
font-size:16px;font-weight:bold;color:#333
}
@media (max-width: 767px){
.block-title h2{
font-size:24px
}

}
.home-slider{
margin-bottom:40px
}
.section_product_new{
margin-bottom:40px
}
.section_product_new .swiper-pagination{
position:initial;margin-top:15px
}
.section_product_featured{
margin-bottom:40px
}
.section_blog{
margin-bottom:40px
}
.section_blog .block-blog .item-blog .block-thumb .thumb{
padding-bottom:65%;display:block;height:0;position:relative
}
.section_blog .block-blog .item-blog .block-thumb .thumb img{
left:50%;top:50%;transform:translate(-50%, -50%);max-width:100%;max-height:100%;width:auto !important;height:auto !important;position:absolute
}
.section_blog .block-blog .item-blog .block-content{
margin-top:10px
}
.section_blog .block-blog .item-blog .block-content h3{
padding:0px;margin:0px 0 15px;line-height:24px;font-size:18px;color:#333;font-weight:bold
}
.section_blog .block-blog .item-blog .block-content h3 a{
color:#333
}
.section_blog .block-blog .item-blog .block-content h3 a:hover{
color:#f4bd24
}
.section_blog .block-blog .item-blog .block-content .time-post{
font-size:14px;font-weight:400;color:#acacac;display:inline-block;margin-right:10px
}
.section_blog .block-blog .item-blog .block-content .time-post svg{
width:15px;height:15px;margin-top:-5px;margin-right:2px
}
.section_blog .block-blog .item-blog .block-content p.justify{
	font-size:14px;color:#333;margin:15px 0;font-weight:400
	}
.section_blog .block-blog .item-blog .block-content .viewmore{
	height:35px;display:inline-flex;align-items:center;justify-content:center;background:#363636;color:#fff;font-size:14px;padding:0 30px
	}
.section_blog .block-blog .item-blog .block-content .viewmore:hover{
	background:#0089ff
	}
.brand-swiper a{
	min-height:90px;display:flex;align-items:center;justify-content:center
	}



.section{
	position:relative
	}
.section h2{
	font-weight:700;letter-spacing:0;position:relative;margin:0;font-size:36px;padding-bottom:10px;font-family:var(--title-font);
	}
.section h2:before{
	content:"";width:80px;height:2px;background:var(--themeColor);position:absolute;left:0%;bottom:0;transform:translateX(0%);-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-os-transform:translateX(0%);-o-transform:translateX(0%)
	}

.section .title_white_new,
.section .title_white_new p{
	text-align:center; font-weight:700; font-family:var(--title-font);
	}
.section .title_white_new .title-confiden-product-home{
	font-size:36px !important; color:var(--mainColor); text-align: left;
	}

@media (max-width: 1440px){
	.section .title_white_new .title-confiden-product-home{
		font-size:32px !important
		}
	}

@media (max-width: 767.5px){
	.section .title_white_new .title-confiden-product-home{
		font-size:26px !important;
		text-align: center;
		padding: 20px 0 10px 0;
		}
	.section-desktop{
		display: none
		}
	.section-mobile{
		display: block;
		}
	}

@media (max-width: 425px){
	.section .title_white_new .title-confiden-product-home{
	font-size:22px !important;
		text-align: center;
	}
}

.section .line-bottom-title{
	height:2px; width:300px; border-bottom:1px solid white; margin:auto; margin-bottom:10px
	}

@media (max-width: 1199px){
	.section .line-bottom-title{
		width:250px
		}
	}

@media (max-width: 990.5px){
	.section .line-bottom-title{
		width:200px
		}
	}

@media (max-width: 425px){
		.section .line-bottom-title{
		width:150px
		}
	}

	.section .container .row h2.text-title{
		width: 100%;
		}
	.section .container .row h2.text-title a{
		color: var(--textColor);
		text-decoration: none;
		}
	.section .container .row h2.text-title a:hover{
		color: var(--hoverColor);
		}
	.section.section-about .about-panel {
		margin-top:0px;
		height:480px;
		background-color:var(--themeColor);
		overflow: visible;
		}
	.section.section-about .about-panel h2.text-title{
		top: 10px;
		margin-top:-40px
		}
	.section.section-about .about-panel .about-title {
		padding-top:50px;
		}
	.section.section-about .about-panel h3 {
		display: inline-block; font-weight: 600
		}
	.section.section-about .about-panel img {
		top: -60px; position: relative
		}
	.section.section-process .process-panel .container .row .swiper-slide h3 {
		text-transform: uppercase;
		font-weight: bold;
		}
	.section.section-process .process-panel .container .row .swiper-slide p.company {
		color:var(--themeColor);
		text-transform: uppercase;
		font-weight: bold;
		}


.section .pl-1,.section .px-1{
	padding-left:0.1rem !important
	}
.section .pb-1,.section .py-1{
	padding-bottom:0.1rem !important
	}
.section .pt-1,.section .px-1{
	padding-top:0.1rem !important
	}
.section .pr-1,.section .px-1{
	padding-right:0.1rem !important
	}
@media (min-width: 992px){
	.section .pl-lg-2,.section .px-lg-2{
		padding-left:0.3rem !important
		}
	}

@media (min-width: 992px){
	.section .pb-lg-2,.section .py-lg-2{
		padding-bottom:0.3rem !important
		}
	.section .pt-lg-2,.section .px-lg-2{
		padding-top:0.3rem !important
		}
	}

@media (min-width: 992px){
	.section .pr-lg-2,.section .px-lg-2{
		padding-right:0.3rem !important
		}
	}
@media (min-width: 991px){
	.section .content-pc{
		display:block !important
		}
	}

.section .content-mobile{
	display:block !important
	}
@media (min-width: 991px){
	.section .content-mobile{
		display:none !important
		}
	}

@media (max-width: 990.5px){
	.content-pc{
		display:none
		}
	.home-top-margin {
		margin-top: -25px;
	}
	.section .container{
		padding-left: 0;
		padding-right: 0;
		}
	.section .container .row{
		margin-left: 0;
		margin-right: 0;
		}
	.section .container .row h2.text-title{
		width: 100%;
		padding: 0 0 10px 0;
		font-size: 22pt;
		text-align: center;
		}
.section .container .row h2.text-title:before{
	display: none;
	}

	.section .container .row .hp-item:nth-child(odd) {
    padding-left:0px
		}
	.section .container .row .hp-item:nth-child(even) {
    padding-right:0px
		}
	.section.section-about .about-panel {
		padding: 0 0 20px 0;
		overflow: visible;
		}
	.section.section-banner .container .row{
		margin: 0; padding: 0
	}
	.section.section-banner .container .row .col-lg-8{
		margin: 0; padding: 0
	}
	.section.section-banner .container .row .col-lg-8 .row .col-lg-12{
		padding: 0
	}
	.section.section-about .container .row {
		padding: 0;
		}
	.section.section-about .about-panel h2.text-title{
		margin-bottom:0px
		}
	.section.section-about .about-panel .about-title {
		padding-top:20px
		}
	.section.section-about .about-panel h3 {
		font-size: 16pt; margin-bottom: 20px
		}
	.section.section-about .content-pc .responsive-img-wrap {
		width: 100%;
	}
	/* Ảnh cover about: căn đều theo chiều dọc khung cam, nhô đều 50px trên và dưới */
	.section.section-about {
		overflow: visible;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section.section-about .container,
	.section.section-about .container > .row {
		overflow: visible;
	}
	.section.section-about .about-panel .container {
		height: 100%;
	}
	.section.section-about .about-panel .container .row {
		overflow: visible;
		display: flex;
		align-items: center;
		min-height: 480px;
	}
	.section.section-about .about-cover-col {
		overflow: visible;
		display: flex;
		align-items: center;
	}
	.section.section-about .about-cover-wrap {
		position: relative;
		z-index: 2;
		margin-top: -50px;
		margin-bottom: -50px;
		width: 100%;
	}
	.section.section-about .about-cover-wrap .responsive-img-wrap {
		width: 100%;
		box-shadow: 0 4px 20px rgba(0,0,0,0.15);
	}
	.section.section-process .container .row img {
		width: 80%;
		}
	
	.section.section-process .process-panel .container .row .swiper-slide .row .col-lg-4 {
		margin: 0; padding: 0;
		}
	.section.section-process .process-panel .container .row .swiper-slide .row .col-lg-4 img {
		width: 100%;
		}
	.section.section-process .process-panel .container .row .swiper-slide h3 {
		font-size: 14pt
		}
	.section.section-process .process-panel .container .row .swiper-slide p {
		font-size: 11pt
		}
	.section.section-process .process-panel .container .row .swiper-slide p.company {
		text-transform:capitalize;
		font-weight: 500;
		font-size: 12pt
		}
	}






.section .shop-cate-hove-3{
	height:100% !important;position:relative
	}
.section .shop-cate-hove-3 .button-slider{
	border:2px solid;color:black !important;padding:10px 25px;width:auto;background-color:#F4BD24;font-weight:500;font-size:24px
	}
.section .shop-cate-hove-3 .button-slider:hover{
	color:var(--mainColor) !important;background-color:black !important;border-color:black
	}
@media (max-width: 1366px){
	.section .shop-cate-hove-3 .button-slider{
		font-size:16px
		}
	}
.section .shop-cate-hove-3 .btn-slider-1{
	margin-bottom:20px;display:block
	}










/*
.section_4_banner{
position:relative
}
.section_4_banner .title_white_new,
.section_4_banner .title_white_new p{
text-align:left;font-weight:700; font-family:var(--title-font);
}
.section_4_banner .title_white_new .title-confiden-product-home{
font-size:36px !important;color:var(--mainColor)
}
@media (max-width: 1440px){
.section_4_banner .title_white_new .title-confiden-product-home{
font-size:32px !important
}

}
@media (max-width: 767.5px){
.section_4_banner .title_white_new .title-confiden-product-home{
font-size:26px !important
}

}
@media (max-width: 425px){
.section_4_banner .title_white_new .title-confiden-product-home{
font-size:22px !important
}

}
.section_4_banner .pl-1,.section_4_banner .px-1{
padding-left:0.1rem !important
}
.section_4_banner .pb-1,.section_4_banner .py-1{
padding-bottom:0.1rem !important
}
.section_4_banner .pt-1,.section_4_banner .px-1{
padding-top:0.1rem !important
}
.section_4_banner .pr-1,.section_4_banner .px-1{
padding-right:0.1rem !important
}
@media (min-width: 992px){
.section_4_banner .pl-lg-2,.section_4_banner .px-lg-2{
padding-left:0.3rem !important
}

}
@media (min-width: 992px){
.section_4_banner .pb-lg-2,.section_4_banner .py-lg-2{
padding-bottom:0.3rem !important
}
.section_4_banner .pt-lg-2,.section_4_banner .px-lg-2{
padding-top:0.3rem !important
}

}
@media (min-width: 992px){
.section_4_banner .pr-lg-2,.section_4_banner .px-lg-2{
padding-right:0.3rem !important
}

}
.section_4_banner .content-pc{
display:none
}
@media (min-width: 991px){
.section_4_banner .content-pc{
display:block !important
}

}
.section_4_banner .content-mobile{
display:block !important
}
@media (min-width: 991px){
.section_4_banner .content-mobile{
display:none !important
}

}
.section_4_banner .shop-cate-hove-3{
height:100% !important;position:relative
}
.section_4_banner .shop-cate-hove-3 .button-slider{
border:2px solid;color:black !important;padding:10px 25px;width:auto;background-color:#F4BD24;font-weight:500;font-size:24px
}
.section_4_banner .shop-cate-hove-3 .button-slider:hover{
color:var(--mainColor) !important;background-color:black !important;border-color:black
}
@media (max-width: 1366px){
.section_4_banner .shop-cate-hove-3 .button-slider{
font-size:16px
}

}
.section_4_banner .shop-cate-hove-3 .btn-slider-1{
margin-bottom:20px;display:block
}
*/

/* Chỉ vùng thay thế ảnh (placeholder) màu xám, không phải nguyên khung */
.section-uniform .img-box{
width:100%;display:block;overflow:hidden
}
.section-uniform .img-box img{
width:100%;height:100%;object-fit:cover;display:block
}
.section-uniform .img-box img[data-load-failed]{
display:none !important
}
/* Mẫu áo lớp nổi bật: dùng ratio-square + GlideHelper (responsive-img-wrap) */
.section-uniform .item > a.d-block .responsive-img-wrap,
.section-uniform .hp-mobile-block a.d-block .responsive-img-wrap{
width:100%;display:block
}
.section-uniform .item > a.d-block .responsive-img-wrap img,
.section-uniform .hp-mobile-block a.d-block .responsive-img-wrap img{
object-fit:cover
}

.section-uniform .subtitle-confiden-product{
color:#fff;font-weight:300;font-size:16px
}
@media (max-width: 767.5px){
.section-uniform .subtitle-confiden-product{
font-size:14px !important
}

}

.section-uniform .pl-2,.section-uniform .px-2{
padding-left:5px !important
}
.section-uniform .pr-2,.section-uniform .px-2{
padding-right:5px !important
}
.section-uniform .mb-3,.section-uniform .my-3{
margin-bottom:10px !important
}
@media (min-width: 992px){
.section-uniform .mb-lg-3,.section-uniform .my-lg-3{
margin-bottom:10px !important
}

}
.section-uniform .product-uniform-home{
height:100%;position:relative
}
.section-uniform .product-uniform-home img{
height:100%
}
.section-uniform .product-uniform-home .uniform-box-content-left{
position:absolute;top:50%;left:0;transform:translateY(-50%);height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-around
}
.section-uniform .product-uniform-home .uniform-box-content-left a{
z-index:10;margin-top:60px
}
@media (max-width: 990.5px){
.section-uniform .product-uniform-home .uniform-box-content-left a{
margin-top:60px
}

}
@media (max-width: 767.5px){
.section-uniform .product-uniform-home .uniform-box-content-left a{
margin-top:0
}

}
.section-uniform .product-uniform-home .uniform-box-content-left .uniform-content-left-text h3{
font-size:30px;font-weight:700
}
@media (max-width: 990.5px){
.section-uniform .product-uniform-home .uniform-box-content-left .uniform-content-left-text h3{
font-size:18px
}

}
@media (max-width: 767.5px){
.section-uniform .product-uniform-home .uniform-box-content-left .uniform-content-left-text h3{
font-size:14px
}

}
.section-uniform .product-uniform-home .uniform-box-content-left .uniform-content-left-text p{
font-size:16px !important
}
@media (max-width: 990.5px){
.section-uniform .product-uniform-home .uniform-box-content-left .uniform-content-left-text p{
font-size:14px !important;margin-bottom:10px
}

}
@media (max-width: 767.5px){
.section-uniform .product-uniform-home .uniform-box-content-left .uniform-content-left-text p{
font-size:12px !important;margin-bottom:0
}

}
.section-uniform .button-products-home-featured-custom{
border:2px solid;color:black;padding:10px 25px;width:auto;background-color:transparent !important;font-weight:500;font-size:20px;z-index:10;margin-bottom:0;transition:0.2s
}
@media (max-width: 990.5px){
.section-uniform .button-products-home-featured-custom{
font-size:14px;padding:10px 25px;border:1px solid
}

}
@media (max-width: 767.5px){
.section-uniform .button-products-home-featured-custom{
font-size:10px;padding:5px 17px;border:0.5px solid
}

}
.section-uniform .button-products-home-featured-custom:hover{
background-color:black !important;color:var(--mainColor) !important;border-color:var(--mainColor) !important;transition:0.2s
}








.section_phan_hoi .title_white_new{
text-align:center;font-weight:700
}
.section_phan_hoi .title_white_new .title-confiden-product-home{
font-size:36px !important;color:var(--mainColor);text-transform:uppercase;font-weight:700
}
@media (max-width: 1440px){
.section_phan_hoi .title_white_new .title-confiden-product-home{
font-size:32px !important
}

}
@media (max-width: 767.5px){
.section_phan_hoi .title_white_new .title-confiden-product-home{
font-size:26px !important
}

}
@media (max-width: 425px){
.section_phan_hoi .title_white_new .title-confiden-product-home{
font-size:22px !important
}

}
.section_phan_hoi .line-bottom-title{
height:2px;width:300px;border-bottom:1px solid white;margin:auto;margin-bottom:10px
}
@media (max-width: 1199px){
.section_phan_hoi .line-bottom-title{
width:250px
}

}
@media (max-width: 990.5px){
.section_phan_hoi .line-bottom-title{
width:200px
}

}
@media (max-width: 425px){
.section_phan_hoi .line-bottom-title{
width:150px
}

}
.section_phan_hoi .block-feedback{
background-color:#fff;padding:60px 0;position:relative
}
@media (max-width: 767px){
.section_phan_hoi .block-feedback{
padding:30px 0
}

}
.section_phan_hoi .customer-feedback{
border:4px solid black !important;background-color:black;border-radius:0px !important
}
.section_phan_hoi .customer-feedback-title{
border-bottom:4px solid white !important;font-weight:bold;font-size:24px !important;color:var(--mainColor);margin:10px 15px 0px 15px;display:block;position:relative
}
@media (max-width: 1366px){
.section_phan_hoi .customer-feedback-title{
font-size:16px !important;border-bottom:1px solid white !important
}

}
.section_phan_hoi .customer-feedback-titlesub{
margin:10px 15px 10px 15px;font-style:italic;font-size:20px !important;color:var(--mainColor) !important
}
@media (max-width: 1366px){
.section_phan_hoi .customer-feedback-titlesub{
font-size:14px !important
}

}
.section_phan_hoi .swiper-button-next,.section_phan_hoi .swiper-button-prev{
display:block;position:absolute;bottom:0;left:0;width:40px;height:40px;z-index:1;text-align:center;font-size:20px;line-height:40px;cursor:pointer;color:#000;background-color:rgba(255,255,255,0.3);transition:all .3s;-webkit-transition:all .3s;border-radius:50%;-webkit-border-radius:50%;background-image:none
}
.section_phan_hoi .swiper-button-next:after,.section_phan_hoi .swiper-button-prev:after{
width:36px;height:36px;font-size:34px;color:#000
}
@media (max-width: 767px){
.section_phan_hoi .swiper-button-next:after,.section_phan_hoi .swiper-button-prev:after{
font-size:20px;color:#fff
}

}
.section_phan_hoi .swiper-button-prev{
width:40px;right:auto;left:25px;margin:0;top:50%;bottom:auto
}
@media (max-width: 767px){
.section_phan_hoi .swiper-button-prev{
left:10px
}

}
@media (min-width: 1440px){
.section_phan_hoi .swiper-button-prev{
left:15%
}

}
.section_phan_hoi .swiper-button-next{
width:40px;left:auto;right:25px;margin:0;top:50%;bottom:auto;margin:0px
}
@media (max-width: 767px){
.section_phan_hoi .swiper-button-next{
right:10px
}

}
@media (min-width: 1440px){
.section_phan_hoi .swiper-button-next{
right:15%
}

}
.section_brand{
padding:20px 0 20px;position:relative
}
.section_brand .title_white_new{
text-align:center;font-weight:700
}
.section_brand .title_white_new .title-confiden-product-home{
font-size:36px !important;color:var(--mainColor);text-transform:uppercase;font-weight:700
}
@media (max-width: 1440px){
.section_brand .title_white_new .title-confiden-product-home{
font-size:32px !important
}

}
@media (max-width: 767.5px){
.section_brand .title_white_new .title-confiden-product-home{
font-size:26px !important
}

}
@media (max-width: 425px){
.section_brand .title_white_new .title-confiden-product-home{
font-size:22px !important
}

}
.section_brand .line-bottom-title{
height:2px;width:300px;border-bottom:1px solid white;margin:auto;margin-bottom:15px
}
@media (max-width: 1199px){
.section_brand .line-bottom-title{
width:250px
}

}
@media (max-width: 990.5px){
.section_brand .line-bottom-title{
width:200px
}

}
@media (max-width: 425px){
.section_brand .line-bottom-title{
width:150px
}

}
.section_brand .swiper-button-next,.section_brand .swiper-button-prev{
display:block;position:absolute;bottom:0;left:0;width:20px;height:40px;z-index:1;text-align:center;font-size:20px;line-height:40px;cursor:pointer;color:#fff;background-color:rgba(255,255,255,0);transition:all .3s;-webkit-transition:all .3s;border-radius:50%;-webkit-border-radius:50%;background-image:none
}
.section_brand .swiper-button-next:after,.section_brand .swiper-button-prev:after{
font-size:20px;color:var(--mainColor)
}
.section_brand .swiper-button-prev{
width:20px;right:auto;left:25px;margin:0;top:62%;bottom:auto
}
@media (max-width: 767px){
.section_brand .swiper-button-prev{
left:10px
}

}
@media (min-width: 1440px){
.section_brand .swiper-button-prev{
left:15%
}

}
.section_brand .swiper-button-next{
width:20px;left:auto;right:25px;margin:0;top:62%;bottom:auto;margin:0px
}
@media (max-width: 767px){
.section_brand .swiper-button-next{
right:10px
}

}
@media (min-width: 1440px){
.section_brand .swiper-button-next{
right:15%
}

}


.img-responsive {
    width: 100%
}

.hero {
    background: url("../img/hero-banner.jpg");
    background-size: cover;
    background-position: center center;
    padding: 20% 0;
    height: 800px;
}

.hero h2 {
    font-size: 48px;
    color: #fff;
}

.ba-anh {
    margin-top: -100px;
}

.xu-huong {
}

.xu-huong h2 {
    font-size: 32px;
    font-weight: bold
}

.swiper-container-xuhuong {
    width: 90%;
    height: 100%;
    padding-bottom: 30px;
}

.swiper-container-xuhuong .swiper-slide img {
    border-radius: 10px;
}

.swiper-container-xuhuong .swiper-slide {
    text-align: center;
}

h2 {
    font-weight: bold;
    color: #1D243E;
    font-size: 32px;
    margin: 55px 0;
	font-family:var(--title-font);
}

h3 {
    font-weight: bold;
    color: #1D243E;
    font-size: 24px;
    margin: 20px 0;
}

a.btn-xemtatca {
    color: #1E51A4;
    font-weight: bold;
    text-decoration: underline;
    display: inline-block;
    margin-top: 25px;
}

.product-contain {
}

.product-contain .item {
    margin: 20px 0;
    transition: all 0.3s;
    overflow: hidden;
}

.product-contain .item:hover{
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2);
}

.product-contain .item img {

    transform: scale(1);
    transition: all 0.3s;
}
.product-contain .item:hover img{
    transform: scale(1.05);
}
.product-contain .item h4 {
    font-size: 20px;
    padding: 10px;

}

.product-contain .item h4 a {
	font-size: 12pt;
	color: var(--textColor);
}

.product-contain .item h4 a:hover {
	text-decoration: none;
	color: var(--textHoverColor);
}

ul.product-nav {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #D8DDE6;
}

ul.product-nav li {
    display: inline-block;
    margin-right: 30px;
    font-size: 18px;
}

ul.product-nav li a {
    color: #6C738D;
}

ul.product-nav li.active a {
    color: #6C738D;
    font-weight: bold;
    color: #1D243E;
    padding-bottom: 19px;
    border-bottom: 3px solid #1D243E;
}

.gau-about {
    background: url("../img/bg-about.jpg");
    height: 500px;
    background-position: center;
    background-size: cover;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.text-muted {
    color: #6C738D;
}

.process-panel {
    background: url("../img/kh-bg.jpg");
    background-size: cover;
    background-position: bottom center;
}

/* Khung xám chỉ ở placeholder hình; khung vuông, ảnh lấp đầy khớp khung */
.process-panel .img-box {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: block;
    overflow: hidden;
}
/* Quy trình: dùng GlideHelper + ratio-square */
.process-panel .process-step-img {
    width: 100%;
    display: block;
}
.process-panel .process-step-img .responsive-img-wrap {
    width: 100%;
}
.section-process .process-panel .process-step-img img {
    width: 100% !important;
}
.process-panel .img-box img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.process-panel .img-box img[data-load-failed] {
    display: none !important;
}
/* Tránh rule .section-process .container .row img (80%) ghi đè ảnh trong .img-box */
.section-process .process-panel .img-box img {
    width: 100% !important;
}
.process-panel .col-lg-3 > img {
    width: 70%;
}
.container h2.text-title {
	font-family: var(--title-font);
	padding: 20px 0 10px 0;
	margin: 25px 0;
	text-align: left;
	border: none;
	}
.process-panel h4 {
    color: #1D243E;
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0;
    height: 45px;
    overflow: hidden;
}

.process-panel p {
}

.btn-primary {
    background: #1E51A4;
    padding: 15px 40px;
    border: 1px solid #1E51A4;
    font-size: 16px;
}

.btn-primary:hover {
    background: #1E51A4;
    padding: 15px 40px;
    border: 1px solid #1E51A4;
    font-size: 16px;
    box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);
}

.btn-outline-primary {
    border: 1px solid #1E51A4;
    color: #1E51A4;
    padding: 15px 40px;
    font-size: 16px;
}

.btn-primary:hover {
}

.contact {
    background: url("../img/bg-lienhe.jpg");
    background-position: bottom center;
    background-size: cover;
    padding: 80px 0;
    height: 500px;
    margin-bottom: -60px;
}

.swiper-button-next:after, .swiper-button-prev:after {
    content: '';
}
.swiper-container-kh .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    right: 66px!important;
    left: inherit!important;
    top: 94% !important;
}

.swiper-container-kh .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px!important;
    top: 94% !important;
}


.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
}

.page-height {
    height: 70px;
}

.t-14 {
    font-size: 14px
}

.t-16 {
    font-size: 16px
}

.t-24 {
    font-size: 24px !important
}

.t-20 {
    font-size: 20px !important
}

a, .color-brand {
    color: #1E51A4
}

.blog-item {
    margin: 20px 0;
    transition: all 0.3s;
    overflow: hidden;
}

.blog-item p {}
.blog-item p.text-mota {
    height: 70px;
    overflow: hidden;
}


.blog-item:hover{
}

.blog-item  img {
    transform: scale(1);
    transition: all 0.3s;
    border-radius: 10px;

}
.blog-item:hover img{
    transform: scale(1.05);
}

.blog-item h3 {
    color: #1D243E;
    font-size: 18px;
    font-weight: bold
}

.blog-item h1 {
    color: #1D243E;
    font-size: 32px;
    font-weight: bold
}

.blog-item h3.large {
    color: #1D243E;
    font-weight: bold;
    font-size: 32px
}

.blog-item h3 a {
    color: #1D243E;
}

.blog-search {
    position: relative;
}

.blog-search img {
    position: absolute;
    right: 18px;
    top: 13px;
}

.blog-search input {
    border-radius: 0 !important;
    height: 50px;
    padding-right: 30px;
}

h2.blog-right-dau-muc {
    font-size: 18px;
    font-weight: bold;
    color: #1D243E;
    text-transform: uppercase;
}

h2.blog-right-dau-muc img {
    display: inline-block;
    margin-top: -5px;
}

.blog-right-dau-muc-contain {
}

.blog-right-dau-muc-contain .item {
    margin: 15px 0;
    border-bottom: 1px solid #e5e5e5;
}

.blog-right-dau-muc-contain .item p {
    margin: 10px 0
}

.gau-pagination {
    border-radius: 0 !important;
}

.gau-pagination li {
    margin: 0 10px;
}

.gau-pagination li a {
    border-radius: 0 !important;
    color: #6C738D;
    border: 0;
    padding: 15px 20px;
}

.gau-pagination li.active a {
    background: #2A4793 !important;
    border: 0;
}

.breadcrumb {
    background: no-repeat;
    padding: 0;
    margin: 20px 0;
}

.breadcrumb li {
    color: #1D243E;
}

.breadcrumb li a {
    color: #1D243E;
}

.breadcrumb li.active {
    color: #1E51A4;
    font-weight: bold;
}

.blog-content-wapper {
}

.blog-content-wapper img {
    max-width: 100%;
    text-align: center;
    margin: 20px 0;
    display: block;
}

.boloc-left {
}

.boloc-left .item {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

.boloc-left .item h4 {
    font-size: 16px;
    font-weight: bold;
}

.boloc-left .item ul {
    padding-left: 10px;
}

.boloc-left .item ul li {
    list-style: none;
    font-size: 16px;

    margin: 10px 0;
}

.boloc-left .item ul li a {
    color: #6C738D;
    padding: 10px 15px;
    display: block;
    position: relative;
}

.boloc-left .item ul li.active a {
    background: #1E51A4;
    color: #fff;
}

.boloc-left .item ul li.active a:before {
    content: '\f3fd';
    position: absolute;
    right: 10px;
    top: -2px;
    color: #fff;
    font-family: Ionicons;
    font-size: 32px;
}


.btn-shine{
    position:relative;
    overflow:hidden;
    border: 0;
    cursor: pointer;
    background: #fff;
    transition: all 0.3s ease-in-out;
}

.btn-shine:focus {
    color: #fff;
    outline:none;
}
.btn-shine:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(30, 81, 164, 0) 0%, rgba(30, 81, 164, 0.4) 100%);
    background: linear-gradient(to right, rgba(30, 81, 164, 0) 0%, rgba(30, 81, 164, 0.4) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.btn-shine:hover::before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}



.boloc-left .item ul li a:hover:after {
    content: '\f3fd';
    position: absolute;
    right: 10px;
    top: -2px;
    color: #111;
    font-family: Ionicons;
    font-size: 32px;
}

.boloc-left .item ul li a:hover {
    background: #f9f9f9;
    text-decoration: none;
    color: #111;
}

.boloc-left .item ul li span.color {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -10px;
    top: 11px;
    background: #e5e5e5;
    border-radius: 20px;
}

.boloc-left .item ul li span.color1 {
    background: #F4A32C;
}

.boloc-left .item ul li span.color2 {
    background: #1E51A4;
}

.product-detail-info {
    font-size: 16px
}

.product-detail-info h1 {
    font-weight: bold;
    color: #1D243E;
    font-size: 48px;
    margin-bottom: 20px;
}

.swiper-container-product {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-container-product .swiper-slide {
    background-size: cover;
    background-position: center;
}

.gallery-top {
    height: 100%;
    width: 100%;
}

.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.tapchi-top-item {
    background: url("../img/nhung-doi-giay.jpg");
    height: 450px;
    background-position: center center;
    background-size: cover;
    border-radius: 8px;
    margin: 20px 0;
    position: relative;
}

.tapchi-top-item .content {
    position: absolute;
    bottom: 0;
    width: 70%;
    padding: 30px;
}

.tapchi-top-item .content h3 {
}

.tapchi-top-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.tapchi-top-item .content p {
    color: #fff;
    opacity: 0.6;
}

#header .container {
    position: relative;
}

.tap-chi-back {
    position: absolute;
    left: -50px;
    top: 1px;
}

.t-48 {
    font-size: 48px !important;
}

.t-24 {
    font-size: 24px !important;
}

.image-des-item {
    text-align: center;
    margin: 30px 0
}

.image-des-item p {
    color: #6C738D;
    margin: 20px 0
}

.icon-hot {
    display: inline-block;
    width: 35px;
    margin-top: -13px;
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.gau-nav-tabs {}
.gau-nav-tabs li.nav-item{
    margin-right: 30px;
}
.gau-nav-tabs li.nav-item a.nav-link{
    color: #6C738D;
    font-weight: 600;
    border: 0;
    border-bottom: 3px solid transparent !important;
    border-radius: 0;
    padding: 10px 0;
}
.gau-nav-tabs li.nav-item a.nav-link:hover{
    color: #1d243e;
    font-weight: 600;
    border: 0;
    border-bottom: 3px solid #1d243e;
}
.gau-nav-tabs li.nav-item a.nav-link.active{
    color: #1d243e;
    font-weight: 600;
    border: 0;
    border-bottom: 3px solid #1d243e !important;
}