@charset "utf-8";
/* CSS Document */

#slider{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

.slider{ overflow: hidden; }
.slider .owl-stage{ padding-bottom: 0px; /*	padding-top: 15px;*/ overflow: hidden; }

.slider .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1;  }
.slider .owl-nav button{ width: 40px; height: 40px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }

.slider button.owl-prev{ position: absolute; opacity: 1; visibility: visible; background-color: rgba(255, 255, 255, .5); color: #000; border-radius: 3px; left: 00px; transition: all .5s ease-in-out; z-index: 2; }
.slider:hover button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.slider button.owl-prev:active, .slider button.owl-prev:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.slider .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 25px; transition: all .5s ease-in-out; }
.slider .owl-nav button.owl-prev:active article, .slider .owl-nav button.owl-prev:hover article,
.slider .owl-nav button.owl-next:active article, .slider .owl-nav button.owl-next:hover article{ color: var(--mau-chu-trang);transition: all .5s ease-in-out; }

.slider button.owl-next{ position: absolute; opacity: 1; visibility: visible; background-color: rgba(255, 255, 255, .5); color: #000; border-radius: 3px; right: 00px; margin-right: 0%; z-index: 2; transition: all .5s ease-in-out; }
.slider:hover button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.slider button.owl-next:active, .slider button.owl-next:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

@media only  screen and (min-width: 1px) and (max-width: 650px){
	.slider button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }
	.slider button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }	
}

.slider div.owl-dots{ position: absolute; bottom: 10px; }
.slider .owl-theme .owl-dots .owl-dot article{ background-color: transparent; border: 1px groove var(--mau-dots); }
.slider .owl-theme .owl-dots .owl-dot.active article, .slider .owl-theme .owl-dots .owl-dot:hover article { background: var(--mau-dots-hvr); }




.followus-tophd1{ overflow: hidden; }
.followus-tophd1 .owl-stage{ padding: 0px 0; display: flex; align-items: center; /*	padding-top: 15px;*/ overflow: hidden; }

.followus-tophd1 .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1;  }
.followus-tophd1 .owl-nav button{ width: 40px; height: 40px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }

.followus-tophd1 button.owl-prev{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; left: -100px; transition: all .5s ease-in-out; z-index: 2; }
.followus-tophd1:hover button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.followus-tophd1 button.owl-prev:active, .followus-tophd1 button.owl-prev:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.followus-tophd1 .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 25px; transition: all .5s ease-in-out; }
.followus-tophd1 .owl-nav button.owl-prev:active article, .followus-tophd1 .owl-nav button.owl-prev:hover article,
.followus-tophd1 .owl-nav button.owl-next:active article, .followus-tophd1 .owl-nav button.owl-next:hover article{ color: var(--mau-chu-trang);transition: all .5s ease-in-out; }

.followus-tophd1 button.owl-next{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; right: -100px; margin-right: 0%; z-index: 2; transition: all .5s ease-in-out; }
.followus-tophd1:hover button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.followus-tophd1 button.owl-next:active, .followus-tophd1 button.owl-next:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

@media only  screen and (min-width: 1px) and (max-width: 650px){
	.followus-tophd1 button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }
	.followus-tophd1 button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }	
}


/*---------------------------------- ------------------------------*/

.xedapkid{ overflow: hidden; }
.xedapkid .owl-stage{ padding: 15px 0; /*	padding-top: 15px;*/ overflow: hidden; }

.xedapkid .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1;  }
.xedapkid .owl-nav button{ width: 40px; height: 40px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }

.xedapkid button.owl-prev{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: var(--mau-arrow); border-radius: 3px; left: -100px; transition: all .5s ease-in-out; z-index: 2; }
.xedapkid:hover button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.xedapkid button.owl-prev:active, .xedapkid button.owl-prev:hover{ background-color: var(--mau-background-btn-arrow); transition: all .5s ease-in-out; }

.xedapkid .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 25px; transition: all .5s ease-in-out; }
.xedapkid .owl-nav button.owl-prev:active article, .xedapkid .owl-nav button.owl-prev:hover article,
.xedapkid .owl-nav button.owl-next:active article, .xedapkid .owl-nav button.owl-next:hover article{ color: var(--mau-arrow-hvr);transition: all .5s ease-in-out; }

.xedapkid button.owl-next{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: var(--mau-arrow); border-radius: 3px; right: -100px; margin-right: 0%; z-index: 2; transition: all .5s ease-in-out; }
.xedapkid:hover button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.xedapkid button.owl-next:active, .xedapkid button.owl-next:hover{ background-color: var(--mau-background-btn-arrow); transition: all .5s ease-in-out; }

@media only  screen and (min-width: 1px) and (max-width: 650px){
	.xedapkid button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }
	.xedapkid button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }	
}

/*---------------------------------- ------------------------------*/

.sanpham-khuyenmai{ overflow: hidden; }
.sanpham-khuyenmai .owl-stage{ padding-bottom: 15px; padding-top: 15px; overflow: hidden; }

.sanpham-khuyenmai .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1;  }
.sanpham-khuyenmai .owl-nav button{ width: 40px; height: 40px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }

.sanpham-khuyenmai button.owl-prev{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; left: -100px; transition: all .5s ease-in-out; z-index: 2; }
.sanpham-khuyenmai:hover button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.sanpham-khuyenmai button.owl-prev:active, .sanpham-khuyenmai button.owl-prev:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.sanpham-khuyenmai .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 25px; transition: all .5s ease-in-out; }
.sanpham-khuyenmai .owl-nav button.owl-prev:active article, .sanpham-khuyenmai .owl-nav button.owl-prev:hover article,
.sanpham-khuyenmai .owl-nav button.owl-next:active article, .sanpham-khuyenmai .owl-nav button.owl-next:hover article{ color: var(--mau-chu-trang);transition: all .5s ease-in-out; }

.sanpham-khuyenmai button.owl-next{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; right: -100px; margin-right: 0%; z-index: 2; transition: all .5s ease-in-out; }
.sanpham-khuyenmai:hover button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.sanpham-khuyenmai button.owl-next:active, .sanpham-khuyenmai button.owl-next:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.sanpham-khuyenmai div.owl-dots{ bottom: 10px; }
.sanpham-khuyenmai .owl-theme .owl-dots .owl-dot article{ background-color: transparent; border: 1px groove var(--mau-dots); }
.sanpham-khuyenmai .owl-theme .owl-dots .owl-dot.active article, .sanpham-khuyenmai .owl-theme .owl-dots .owl-dot:hover article { background: var(--mau-dots-hvr); }

@media only  screen and (min-width: 1px) and (max-width: 650px){
	.sanpham-khuyenmai button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }
	.sanpham-khuyenmai button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }	
}

/*---------------------------------- ------------------------------*/

.video-banner{ overflow: hidden; }
.video-banner .owl-stage{ padding-bottom: 0px; /*	padding-top: 15px;*/ overflow: hidden; }

.video-banner .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1;  }
.video-banner .owl-nav button{ width: 40px; height: 40px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }

.video-banner button.owl-prev{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; left: -100px; transition: all .5s ease-in-out; z-index: 2; }
.video-banner:hover button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.video-banner button.owl-prev:active, .video-banner button.owl-prev:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.video-banner .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 25px; transition: all .5s ease-in-out; }
.video-banner .owl-nav button.owl-prev:active article, .video-banner .owl-nav button.owl-prev:hover article,
.video-banner .owl-nav button.owl-next:active article, .video-banner .owl-nav button.owl-next:hover article{ color: var(--mau-chu-trang);transition: all .5s ease-in-out; }

.video-banner button.owl-next{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; right: -100px; margin-right: 0%; z-index: 2; transition: all .5s ease-in-out; }
.video-banner:hover button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.video-banner button.owl-next:active, .video-banner button.owl-next:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.video-banner div.owl-dots{ bottom: 10px; }
.owl-theme .owl-dots .owl-dot article{ background-color: transparent; border: 1px groove var(--mau-dots); }
.video-banner .owl-theme .owl-dots .owl-dot.active article, .video-banner .owl-theme .owl-dots .owl-dot:hover article { background: var(--mau-dots-hvr); }

@media only  screen and (min-width: 1px) and (max-width: 650px){
	.video-banner button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }
	.video-banner button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }	
}

/*---------------------------------- ------------------------------*/

/*---------------------------------- ------------------------------*/

.video-index{ overflow: hidden; border-radius: 20px;}
.video-index .owl-stage{ padding-bottom: 0px; /*	padding-top: 15px;*/ overflow: hidden; }

.video-index .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1;  }
.video-index .owl-nav button{ width: 40px; height: 40px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }

.video-index button.owl-prev{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; left: -100px; transition: all .5s ease-in-out; z-index: 2; }
.video-index:hover button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.video-index button.owl-prev:active, .video-index button.owl-prev:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.video-index .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 25px; transition: all .5s ease-in-out; }
.video-index .owl-nav button.owl-prev:active article, .video-index .owl-nav button.owl-prev:hover article,
.video-index .owl-nav button.owl-next:active article, .video-index .owl-nav button.owl-next:hover article{ color: var(--mau-owl-nav-hvr);transition: all .5s ease-in-out; }

.video-index button.owl-next{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; right: -100px; margin-right: 0%; z-index: 2; transition: all .5s ease-in-out; }
.video-index:hover button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.video-index button.owl-next:active, .video-index button.owl-next:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.video-index div.owl-dots{ bottom: 10px; }
.owl-theme .owl-dots .owl-dot article{ background-color: transparent; border: 1px groove var(--mau-dots); }
.video-index .owl-theme .owl-dots .owl-dot.active article, .video-index .owl-theme .owl-dots .owl-dot:hover article { background: var(--mau-dots-hvr); }

@media only  screen and (min-width: 1px) and (max-width: 650px){
	.video-banner button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }
	.video-banner button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }	
}

/*---------------------------------- ------------------------------*/

.feedback{ }
.feedback .owl-stage{ padding-bottom: 0px; /*	padding-top: 15px;*/ ; }

.feedback .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1; }
.feedback .owl-nav button{ width: 40px; height: 40px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }

.feedback button.owl-prev{ position: absolute; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; left: -100px; transition: all .5s ease-in-out; z-index: 2; }
.feedback:hover button.owl-prev{ left: 0; transition: all .5s ease-in-out; }
.feedback button.owl-prev:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.feedback .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 25px; transition: all .5s ease-in-out; }
.feedback .owl-nav button.owl-prev:hover article,.feedback .owl-nav button.owl-next:hover article{ color: var(--mau-chu-trang); transition: all .5s ease-in-out; }

.feedback button.owl-next{ position: absolute; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; right: -100px; margin-right: 0%; z-index: 2; transition: all .5s ease-in-out; }
.feedback:hover button.owl-next{ right: 0; transition: all .5s ease-in-out; }
.feedback button.owl-next:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.feedback div.owl-dots{ bottom: -15px; }

.feedback .owl-theme .owl-dots .owl-dot article{ background-color: transparent; border: 1px groove var(--mau-dots); }

.feedback .owl-theme .owl-dots .owl-dot.active article, .feedback .owl-theme .owl-dots .owl-dot:hover article { background: var(--mau-dots-hvr); }





.img-feedback{ }
.img-feedback .owl-stage{ padding-bottom: 0px; /*	padding-top: 15px;*/ ; }

.img-feedback .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1; }
.img-feedback .owl-nav button{ width: 40px; height: 40px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }

.img-feedback button.owl-prev{ position: absolute; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; left: -100px; transition: all .5s ease-in-out; z-index: 2; }
.img-feedback:hover button.owl-prev{ left: 0; transition: all .5s ease-in-out; }
.img-feedback button.owl-prev:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.img-feedback .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 25px; transition: all .5s ease-in-out; }
.img-feedback .owl-nav button.owl-prev:hover article,.img-feedback .owl-nav button.owl-next:hover article{ color: var(--mau-chu-trang); transition: all .5s ease-in-out; }

.img-feedback button.owl-next{ position: absolute; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; right: -100px; margin-right: 0%; z-index: 2; transition: all .5s ease-in-out; }
.img-feedback:hover button.owl-next{ right: 0; transition: all .5s ease-in-out; }
.img-feedback button.owl-next:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.img-feedback div.owl-dots{ bottom: -15px; }

.img-feedback .owl-theme .owl-dots .owl-dot article{ background-color: transparent; border: 1px groove var(--mau-dots); }

.img-feedback .owl-theme .owl-dots .owl-dot.active article, .img-feedback .owl-theme .owl-dots .owl-dot:hover article { background: var(--mau-dots-hvr); }



/*---------------------------------- ------------------------------*/

/*.mapskethop-index{ overflow: hidden; }*/
.mapskethop-index .owl-stage{ padding-bottom: 0px; /*	padding-top: 15px;*/ overflow: hidden; }


.mapskethop-index .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1;  }
.mapskethop-index .owl-nav button{ width: 40px; height: 40px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }

.mapskethop-index button.owl-prev{ position: absolute; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; left: -100px; transition: all .5s ease-in-out; z-index: 2; }

.mapskethop-index:hover button.owl-prev{ left: -50px; transition: all .5s ease-in-out; }

.mapskethop-index button.owl-prev:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.mapskethop-index .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 25px; transition: all .5s ease-in-out; position: relative; opacity: 0; visibility:hidden; }
.mapskethop-index .owl-nav button:hover article{ color: var(--mau-chu-trang); transition: all .5s ease-in-out; }

.mapskethop-index:hover .owl-nav button article, .mapskethop-index:focus .owl-nav button article, .mapskethop-index:active .owl-nav button article{ opacity: 1; visibility: visible; }

.mapskethop-index button.owl-next{ position: absolute; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; right: -100px; margin-right: 0%; z-index: 2; transition: all .5s ease-in-out; }
.mapskethop-index:hover button.owl-next{ right: -50px; transition: all .5s ease-in-out; }
.mapskethop-index button.owl-next:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

/*---------------------------------- ------------------------------*/

.mapsfoodter{ overflow: hidden; }
.mapsfoodter .owl-stage{ padding-bottom: 0px; /*	padding-top: 15px;*/ overflow: hidden; }


.mapsfoodter .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1;  }
.mapsfoodter .owl-nav button{ width: 40px; height: 40px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }

.mapsfoodter button.owl-prev{ position: absolute; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; left: -100px; transition: all .5s ease-in-out; z-index: 2; }

.mapsfoodter:hover button.owl-prev{ left: 0; transition: all .5s ease-in-out; }

.mapsfoodter button.owl-prev:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.mapsfoodter .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 25px; transition: all .5s ease-in-out; }
.mapsfoodter .owl-nav button:hover article{ /* style */ color: var(--mau-chu-trang); transition: all .5s ease-in-out; }

.mapsfoodter button.owl-next{ position: absolute; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; right: -100px; margin-right: 0%; z-index: 2; transition: all .5s ease-in-out; }
.mapsfoodter:hover button.owl-next{ right: 0; transition: all .5s ease-in-out; }
.mapsfoodter button.owl-next:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.mapsfoodter div.owl-dots{ bottom: 40px; }

/*-----------------------------------------------------------------------------------------*/

.splienquan{ overflow: hidden; }
.splienquan .owl-stage{ padding-bottom: 15px; padding-top: 15px; overflow: hidden; }
.splienquan .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1;  }
.splienquan .owl-nav button{ width: 40px; height: 40px; line-height: 38px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }
.splienquan button.owl-prev{ position: absolute; line-height: 36px; height: 40px; width: 40px; background-color: var(--mau-background-btn-arrow)!important; color: var(--mau-arrow)!important; border-radius: 3px!important; margin-left: 0%; left: -100px; transition: all .5s ease-in-out;  }
.splienquan button.owl-prev:hover{ background-color: #000!important; color: var(--mau-arrow-hvr)!important; }
.splienquan:hover button.owl-prev{ left: 0; transition: all .5s; z-index: 2; }
.splienquan .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 20px; line-height: 40px; }
.splienquan button.owl-next{ position: absolute; line-height: 36px; width: 40px; height: 40px; background-color: var(--mau-background-btn-arrow)!important; color: var(--mau-arrow)!important; border-radius: 3px!important; right: -100px; /*	margin-left: 100%;	*/ margin-right: 0%; transition: all .5s ease-in-out;   }
.splienquan button.owl-next:hover{ background-color: #000!important; color: var(--mau-arrow-hvr)!important; }
.splienquan:hover button.owl-next{ right: 0; transition: all .5s ease-in-out; z-index: 2; }

/*-----------------------------------------------------------------------------------------*/

#slider-danhgia{ overflow: hidden; }
#slider-danhgia .owl-stage{ padding-bottom: 15px; overflow: hidden; }
#slider-danhgia .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1;  }
#slider-danhgia .owl-nav button{ width: 40px; height: 40px; line-height: 38px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }
#slider-danhgia button.owl-prev{ position: absolute; font-size: 36px!important; line-height: 36px; height: 40px; width: 40px; background-color: rgba(255, 255, 255, .9)!important; color: #000!important; border-radius: 3px!important; margin-left: 0%; left: -100px; transition: all .5s ease-in-out; z-index: 2; }
#slider-danhgia:hover button.owl-prev{ left: 0; transition: all .5s; }
#slider-danhgia .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 60px; font-size: 3rem; line-height: 40px; }
#slider-danhgia button.owl-next{ position: absolute; font-size: 36px!important; line-height: 36px; width: 40px; height: 40px; background-color: rgba(255, 255, 255, .9)!important; color: #000!important; border-radius: 3px!important; right: -100px; /*	margin-left: 100%;	*/ margin-right: 0%; transition: all .5s ease-in-out;   }
#slider-danhgia:hover button.owl-next{ right: 0; transition: all .5s ease-in-out; z-index: 2; }

/*------------------------------------------------------------------------------*/


.banner-QC{ overflow: hidden; }
.banner-QC .owl-stage{ padding-bottom: 0px; /*	padding-top: 15px;*/ overflow: hidden; }

.banner-QC .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1;  }
.banner-QC .owl-nav button{ width: 40px; height: 40px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }

.banner-QC button.owl-prev{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; left: -100px; transition: all .5s ease-in-out; z-index: 2; }
.banner-QC:hover button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.banner-QC button.owl-prev:active, .banner-QC button.owl-prev:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.banner-QC .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 25px; transition: all .5s ease-in-out; }
.banner-QC .owl-nav button.owl-prev:active article, .banner-QC .owl-nav button.owl-prev:hover article,
.banner-QC .owl-nav button.owl-next:active article, .banner-QC .owl-nav button.owl-next:hover article{ color: var(--mau-chu-trang);transition: all .5s ease-in-out; }

.banner-QC button.owl-next{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; right: -100px; margin-right: 0%; z-index: 2; transition: all .5s ease-in-out; }
.banner-QC:hover button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.banner-QC button.owl-next:active, .banner-QC button.owl-next:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

@media only  screen and (min-width: 1px) and (max-width: 650px){
	.banner-QC button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }
	.banner-QC button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }	
}

.banner-QC div.owl-dots{ bottom: 10px; }
.banner-QC .owl-theme .owl-dots .owl-dot article{ background-color: transparent; border: 1px groove var(--mau-dots); }
.banner-QC .owl-theme .owl-dots .owl-dot.active article, .banner-QC .owl-theme .owl-dots .owl-dot:hover article { background: var(--mau-dots-hvr); }


/*---------------------------------------------------------------------------------*/

/*.show-dm1{ overflow: hidden; }*/
.show-dm1 .owl-stage{ padding-bottom: 0px; /*	padding-top: 15px;*/ overflow: hidden; }

.show-dm1 .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1;  }
.show-dm1 .owl-nav button{ width: 40px; height: 40px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }

.show-dm1 button.owl-prev{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; left: -100px; transition: all .5s ease-in-out; z-index: 2; }
.show-dm1:hover button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.show-dm1 button.owl-prev:active, .show-dm1 button.owl-prev:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

.show-dm1 .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 25px; transition: all .5s ease-in-out; }
.show-dm1 .owl-nav button.owl-prev:active article, .show-dm1 .owl-nav button.owl-prev:hover article,
.show-dm1 .owl-nav button.owl-next:active article, .show-dm1 .owl-nav button.owl-next:hover article{ color: var(--mau-chu-trang);transition: all .5s ease-in-out; }

.show-dm1 button.owl-next{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; right: -100px; margin-right: 0%; z-index: 2; transition: all .5s ease-in-out; }
.show-dm1:hover button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.show-dm1 button.owl-next:active, .show-dm1 button.owl-next:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

@media only  screen and (min-width: 1px) and (max-width: 650px){
	.show-dm1 button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }
	.show-dm1 button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }	
}

.show-dm1 div.owl-dots{ bottom: -20px; }
.show-dm1 .owl-theme .owl-dots .owl-dot article{ background-color: transparent; border: 1px groove var(--mau-dots); }
.show-dm1 .owl-theme .owl-dots .owl-dot.active article, .show-dm1 .owl-theme .owl-dots .owl-dot:hover article { background: var(--mau-dots-hvr); }

/*--------------------------------------------------------------------------------------------*/


.camket-loithe{ overflow: hidden; }
.camket-loithe .owl-stage{ padding: 15px 0; /*	padding-top: 15px;*/ overflow: hidden; }

.camket-loithe .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1;  }
.camket-loithe .owl-nav button{ width: 40px; height: 40px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }

.camket-loithe button.owl-prev{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: var(--mau-arrow); border-radius: 3px; left: -100px; transition: all .5s ease-in-out; z-index: 2; }
.camket-loithe:hover button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.camket-loithe button.owl-prev:active, .camket-loithe button.owl-prev:hover{ background-color: var(--mau-background-btn-arrow); transition: all .5s ease-in-out; }

.camket-loithe .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 25px; transition: all .5s ease-in-out; }
.camket-loithe .owl-nav button.owl-prev:active article, .camket-loithe .owl-nav button.owl-prev:hover article,
.camket-loithe .owl-nav button.owl-next:active article, .camket-loithe .owl-nav button.owl-next:hover article{ color: var(--mau-arrow-hvr);transition: all .5s ease-in-out; }

.camket-loithe button.owl-next{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: var(--mau-arrow); border-radius: 3px; right: -100px; margin-right: 0%; z-index: 2; transition: all .5s ease-in-out; }
.camket-loithe:hover button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .5s ease-in-out; }
.camket-loithe button.owl-next:active, .camket-loithe button.owl-next:hover{ background-color: var(--mau-background-btn-arrow); transition: all .5s ease-in-out; }

@media only  screen and (min-width: 1px) and (max-width: 650px){
	.camket-loithe button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }
	.camket-loithe button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }	
}

.camket-loithe div.owl-dots{ bottom: -20px; }
.camket-loithe .owl-theme .owl-dots .owl-dot article{ background-color: transparent; border: 1px groove var(--mau-dots); }
.camket-loithe .owl-theme .owl-dots .owl-dot.active article, .camket-loithe .owl-theme .owl-dots .owl-dot:hover article { background: var(--mau-dots-hvr); }

/*-------------------------------------------------------------------------------------*/


.services{ overflow: none; }

.services .owl-carousel.owl-loaded{ display: flex; }

.services .owl-stage{ padding-bottom: 0px; /*	padding-top: 15px;*/ overflow: hidden; }

.services .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1;  }
.services .owl-nav button{ width: 40px; height: 40px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }

.services button.owl-prev{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .0); color: #000; border-radius: 3px; left: -100px; transition: all .5s ease-in-out; z-index: 2; }
.services:hover button.owl-prev{ left: -48px; opacity: 1; visibility: visible; border: 1px groove #000; transition: all .5s ease-in-out; }
.services button.owl-prev:active, .services button.owl-prev:hover{ background-color: var(--mau-chinh); border: 1px groove var(--mau-chinh); transition: all .5s ease-in-out; }

.services .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 25px; transition: all .5s ease-in-out; }
.services .owl-nav button.owl-prev:active article, .services .owl-nav button.owl-prev:hover article,
.services .owl-nav button.owl-next:active article, .services .owl-nav button.owl-next:hover article{ color: var(--mau-chinh);transition: all .5s ease-in-out; }

.services button.owl-next{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .0); color: #000; border-radius: 3px; right: -100px; margin-right: 0%; z-index: 2; transition: all .5s ease-in-out; }
.services:hover button.owl-next{ right: -48px; opacity: 1; visibility: visible; border: 1px groove #000; transition: all .5s ease-in-out; }
.services button.owl-next:active, .services button.owl-next:hover{ border: 1px groove var(--mau-chinh); background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

@media only  screen and (min-width: 1px) and (max-width: 650px){
	.services button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }
	.services button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }	
}

.services div.owl-dots{ position: absolute; bottom: 10px; }
.services .owl-theme .owl-dots .owl-dot article{ background-color: transparent; border: 1px groove var(--mau-dots); }
.services .owl-theme .owl-dots .owl-dot.active article, .services .owl-theme .owl-dots .owl-dot:hover article { background: var(--mau-dots-hvr); }


/*----------------------------------------------------------------------------------*/

.vehicle-types{ overflow: none; }
.vehicle-types .owl-stage{ padding-bottom: 0px; /*	padding-top: 15px;*/ overflow: hidden; }

.vehicle-types .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1;  }
.vehicle-types .owl-nav button{ width: 40px; height: 40px; text-align: center; justify-content: center; align-items: center; border: 1px hidden red; }

.vehicle-types button.owl-prev{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; left: -100px; transition: all .5s ease-in-out; z-index: 2; }
.vehicle-types:hover button.owl-prev{ left: -48px; opacity: 1; visibility: visible; border: 1px groove #000; transition: all .5s ease-in-out; }
.vehicle-types button.owl-prev:active, .vehicle-types button.owl-prev:hover{ background-color: var(--mau-chinh); border: 1px groove var(--mau-chinh); transition: all .5s ease-in-out; }

.vehicle-types .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 25px; transition: all .5s ease-in-out; }
.vehicle-types .owl-nav button.owl-prev:active article, .vehicle-types .owl-nav button.owl-prev:hover article,
.vehicle-types .owl-nav button.owl-next:active article, .vehicle-types .owl-nav button.owl-next:hover article{ color: var(--mau-chu-trang);transition: all .5s ease-in-out; }

.vehicle-types button.owl-next{ position: absolute; opacity: 0; visibility: hidden; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; right: -100px; margin-right: 0%; z-index: 2; transition: all .5s ease-in-out; }
.vehicle-types:hover button.owl-next{ right: -48px; opacity: 1; visibility: visible; border: 1px groove #000; transition: all .5s ease-in-out; }
.vehicle-types button.owl-next:active, .vehicle-types button.owl-next:hover{ border: 1px groove var(--mau-chinh); background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

@media only  screen and (min-width: 1px) and (max-width: 650px){
	.vehicle-types button.owl-prev{ left: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }
	.vehicle-types button.owl-next{ right: 0; opacity: 1; visibility: visible; transition: all .25s ease-in-out; }	
}

.vehicle-types div.owl-dots{ bottom: 10px; }
.vehicle-types .owl-theme .owl-dots .owl-dot article{ background-color: transparent; border: 1px groove var(--mau-dots); }
.vehicle-types .owl-theme .owl-dots .owl-dot.active article, .vehicle-types .owl-theme .owl-dots .owl-dot:hover article { background: var(--mau-dots-hvr); }




/*-------------------------------------------------------------------------------------------------------*/
#slider-ykien{ padding: 0px 0px 0px 0px; }

#slider-ykieni .owl-carousel{ margin: 10px 0px 10px 0px; }

#slider-ykien .owl-stage-outer{ margin-left: 0; padding: 0px 5px; margin: 0px -5px; width: 101%; }

#slider-ykien .owl-stage{ height: auto;  padding: 20px 0px 20px 0px; }
#slider-ykien .owl-carousel .owl-stage-outer{ position: absolute; height: 350px; }
#slider-ykien.owl-nav{ position: absolute; top: 35%; width: 100%; font-size: 2em; left: 0; border: 1px hidden #FFFFFF; margin:0px 0px 0px 0px; padding: 0px ; }
#slider-ykien.owl-nav button{ width: 4%; text-align: center; display: flex; justify-content: center; align-items: center; }
#slider-ykien.owl-nav button.owl-prev{ font-size: 2em; color: black;  border-radius: 0; margin-left: 0px; text-align: center;  }
#slider-ykien .owl-nav button article{ border: 1px hidden red;  height: 60px; background-color: rgba(196, 184, 184,0.5);  }
#slider-ykien .owl-nav button.owl-next{ font-size: 2em; color: rgba(0, 0, 0, 1); margin-right: 0px; }


/*---------------------------------------------------------------------------------*/




/*-------------------------------------------------------------------------------------*/
#slider-camnhan.owl-carousel .owl-item img { display: block; width: 80%; }

/*--------------------------------------------------------------------------------*/

#slider-congtrinh{ padding: 0px 0px 0px 0px; }
#slider-congtrinh{ /*	overflow: hidden;*/ }
#slider-congtrinh .owl-stage{ padding-bottom: 0px; padding-top: 60px; overflow: hidden; }
#slider-congtrinh .owl-nav{ position: absolute; top: 50%; width: 100%; font-size: 8em; left: 0; border: 1px hidden #FFFFFF; z-index: 1;  }
#slider-congtrinh .owl-nav button{ width: 40px; height: 40px; text-align: center; justify-content: center; align-items: center; border: 1px groove rgba(0, 0, 0, .5); }
#slider-congtrinh button.owl-prev{ position: absolute; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; left: -100px; opacity: 0; visibility: hidden; transition: all .5s ease-in-out; z-index: 2; }
#slider-congtrinh:hover button.owl-prev{ opacity: 1; visibility: visible; left: -39px; transition: all .5s ease-in-out; }
#slider-congtrinh button.owl-prev:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }
#slider-congtrinh .owl-nav button article{ border: 1px hidden #FFFFFF; font-size: 25px; transition: all .5s ease-in-out; }
#slider-congtrinh .owl-nav button:hover article{ color: var(--mau-chu-trang); transition: all .5s ease-in-out; }
#slider-congtrinh button.owl-next{ position: absolute; background-color: rgba(255, 255, 255, .9); color: #000; border-radius: 3px; right: -100px; margin-right: 0%; z-index: 2; opacity: 0; visibility: hidden; transition: all .5s ease-in-out; }
#slider-congtrinh:hover button.owl-next{ opacity: 1; visibility: visible; right: -33px; transition: all .5s ease-in-out; }
#slider-congtrinh button.owl-next:hover{ background-color: var(--mau-chinh); transition: all .5s ease-in-out; }

/*------------------------------------------------------------------*/



/*------------------------------------------------------------------*/



/*---------------------------------------------------------------------------*/
#slider-quan .owl-carousel{ margin: 0px 0px 0px 0px; }

#slider-quan .owl-stage-outer{ margin-left: 0; padding: 10px 0px; margin: 0px 0px; width: 100%; }

#slider-quan .owl-stage{ position: relative; height: 320px;  padding: 10px 0px 0px 0px; }
#slider-quan .owl-carousel .owl-stage-outer{ position: absolute; height: 320px; }
#slider-quan.owl-nav{ position: absolute; top: 35%; width: 100%; font-size: 2em; left: 0; border: 1px hidden #FFFFFF; margin:0px 0px 0px 0px; padding: 0px ; z-index: 0; }
#slider-quan.owl-nav button{ width: 4%; text-align: center;  }
#slider-quan .owl-nav button.owl-prev{ position: absolute; color: #fff; background-color: rgba(196, 184, 184,0.5); z-index: 2; border-radius: 10px; font-size: 30px; line-height: 30px; height: 40px; width: 40px; left: -100px; /*	left: 0px;*/ font-family: RobotoC-Bold; transition: all .5s ease-in-out;   }
#slider-quan:hover button.owl-prev{ left: 1px; transition: all .5s ease-in-out;  }
#slider-quan .owl-nav button.owl-prev:hover{ color: #eb4630; background-color: #fff; border: 1px groove rgba(235, 70, 48,1); }
#slider-quan .owl-nav button article{ border: 1px hidden red;  height: 40px; display: flex; align-items: center; justify-content: center; /*	background-color: rgba(196, 184, 184,0.5);*/  }
#slider-quan .owl-nav button.owl-next{ position: absolute; z-index: 2; color: #fff; right: -100px; /*	right: 0px;*/ background-color: rgba(196, 184, 184,0.5); border-radius: 10px; font-size: 30px; line-height: 30px; height: 40px; width: 40px; font-family: RobotoC-Bold; transition: all .9s ease-in-out;   }
#slider-quan:hover button.owl-next{ right: 1px; transition: all .7s ease-in-out;  }
#slider-quan .owl-nav button.owl-next:hover{ color: #eb4630; background-color: #fff; border: 1px groove rgba(235, 70, 48,1); }

/*-------------------------------------------------------------------*/

.slick-video .slick-list{
	margin: -10px -5px;
	padding: 10px 5px;
	overflow: hidden;
}