/* ------thu vien css------ */

/*slider*/

#slide .owl-dots {
	position: absolute;
	bottom: 10px;
	left: 48%;
}
#slide .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
}

/* ====phan mau cho dots */

#slide .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: white;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 30px;
}
#slide .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #86ac45;
}

/* ======phan mau cho nav  */

#slide .owl-nav {
	position: absolute;
	left: 0px;
	top: 40%;
	width: 100%;
}
#slide .owl-nav [class*="owl-"] {
	font-size: 60px; /*background:rgba(255,255,255,.5);border:1px solid #fff; */
	color: #fff;
	margin-top: -10px;
}

#slide .owl-nav .owl-next {
	position: absolute;
	right: 5%;
}
#slide .owl-nav .owl-prev {
	position: absolute;
	left: 5%;
}
#slide .owl-nav [class*="owl-"]:hover {
	background: none;
	border: none;
	color: #83a647;
	text-decoration: none;
}


/* ======phan cho nav banner */

#banner-slide .owl-nav {
	position: absolute;
	left: 0px;
	top: 40%;
	width: 100%;
}
#banner-slide .owl-nav [class*="owl-"] {
	font-size: 50px; /*background:rgba(255,255,255,.5);border:1px solid #fff; */
	color: #64832D;
	margin-top: -20px;
	transition: .3s all;
}

#banner-slide .owl-nav .owl-next {
	position: absolute;
	right: -5%;
}
#banner-slide .owl-nav .owl-prev {
	position: absolute;
	left: -5%;
}
#banner-slide .owl-nav [class*="owl-"]:hover {
	background: none;
	border: none;
	color: #8eb051;
	text-decoration: none;
}

/* ======phan cho nav manu-slide */

#manu-slide .owl-nav {
	position: absolute;
	left: 0px;
	top: 40%;
	width: 100%;
}
#manu-slide .owl-nav [class*="owl-"] {
	font-size: 50px; /*background:rgba(255,255,255,.5);border:1px solid #fff; */
	color: #fff;
	margin-top: -20px;
}

#manu-slide .owl-nav .owl-next {
	position: absolute;
	right: -5%;
}
#manu-slide .owl-nav .owl-prev {
	position: absolute;
	left: -5%;
}
#manu-slide .owl-nav [class*="owl-"]:hover {
	background: none;
	border: none;
	color: red;
	text-decoration: none;
}

#manu-slide .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 20px 7px;
	background: white;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 30px;
}
#manu-slide .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #64832D;
}