/*
* 	Owl Carousel Owl Demo Theme 
*	v1.24
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: var(--gray-07);
	display: block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

	filter: Alpha(Opacity=90);/*IE7 fix*/
	opacity: 0.9;
}
.owl-theme .owl-controls .owl-buttons  .owl-prev{left: -20px;top:0;}
.owl-theme .owl-controls .owl-buttons  .owl-next{right: -20px;top:0;}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

.owl-theme .owl-controls .owl-buttons .owl-prev{
	position: absolute;
	top: -0;
	left: -30px;
	font-size: 4rem;
	background-color: transparent;
	color: var(--gray-07);
	height: 30px;
}

.owl-theme .owl-controls .owl-buttons .owl-next{
	position: absolute;
	top: -0;
	right:-30px;
	font-size: 4rem;
	background-color: transparent;
	color: var(--gray-07);
	height: 30px;

}

.word_pro .owl-buttons{width: 80px; height: 40px; position: absolute;bottom:3px; z-index: 2; right: 20px;}
.word_pro .owl-pagination{width:80px;position: absolute;bottom:10px; z-index: 3; right: 30px;}
.list_word .owl-buttons{width: 80px; height: 40px; position: absolute;bottom:auto; top: -38px; z-index: 2; right: 20px;}
.list_word .owl-pagination{width: 60px;position: absolute;bottom:auto;top: -30px; z-index: 3; right: 30px;}
.word_pro.owl-theme .owl-controls.clickable .owl-buttons  .owl-prev{left: -30px;top:0;}
.word_pro.owl-theme .owl-controls.clickable .owl-buttons  .owl-next{right: -20px;top:0;color: #fff;}
.owl-buttons .owl-prev i ,.owl-buttons .owl-next i{font-size: 2rem;}
.word_pro .owl-buttons .owl-prev i ,.word_pro .owl-buttons .owl-next i{display:block;font-size:2rem;color:#fff; position: absolute; top: 0; left: 0;}
.list_word .owl-buttons .owl-prev i ,.list_word .owl-buttons .owl-next i{display:block;font-size:2rem;color:#333; position: absolute; top: 0; left: 0;}
/* Styling Pagination*/
@media (max-width: 768px) {
	.owl-theme .owl-controls .owl-buttons .owl-prev{
		position: absolute;
		top: -0;
		left: -30px;
		font-size: 4rem;
		background-color: transparent;
		color: var(--gray-07);
		height: 30px;
		width: 20px;padding: 0;
	}
	
	.owl-theme .owl-controls .owl-buttons .owl-next{
		position: absolute;
		top: -0;
		right:-20px;
		font-size: 4rem;
		background-color: transparent;
		color: var(--gray-07);
		height: 30px;
		padding: 0;
		width: 20px;
	}
	
	.word_pro .owl-buttons{width: 80px; height: 40px; position: absolute;bottom:45px; z-index: 2; right: 20px;}
	.word_pro .owl-pagination{width:60px;position: absolute;bottom:50px; z-index: 3; right: 30px;}
	.list_word .owl-buttons{width: 80px; height: 40px; position: absolute;bottom:auto; top: -38px; z-index: 2; right: 20px;}
	.list_word .owl-pagination{width: 60px;position: absolute;bottom:auto;top: -30px; z-index: 3; right: 30px;}
	.word_pro.owl-theme .owl-controls.clickable .owl-buttons  .owl-prev{left: -20px;top:0;}
	.word_pro.owl-theme .owl-controls.clickable .owl-buttons  .owl-next{right: -20px;top:0;color: #fff;}
	.owl-buttons .owl-prev i ,.owl-buttons .owl-next i{font-size: 2rem;}
	.word_pro .owl-buttons .owl-prev i ,.word_pro .owl-buttons .owl-next i{display:block;font-size:2rem;color:#fff; position: absolute; top: 0; left: 0;}
	.list_word .owl-buttons .owl-prev i ,.list_word .owl-buttons .owl-next i{display:block;font-size:2rem;color:#333; position: absolute; top: 0; left: 0;}

}
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 2px 2px;

	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
background: #A0A0A0;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background:#F6AB00;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}