/*=============Tab Slider Simple============*/
.em-tabs{
	display:inline-block;
	text-align:center;
	width:100%;
	ul.em-tabs-control{
		display:inline-block;
		text-align:center;
		li{
			display:inline-block;
			padding:0 10px;
			a{
				position:relative;
				margin-right:0;
				padding:10px 20px;
				width:100%;
				text-transform:uppercase;
			}
		}
	}
}
.em-slider{
	height:0;
	overflow:hidden;
	&.owl-carousel{
		height:auto;
		overflow:inherit;
	}
	
	/*li{
		float:left;
	}*/
}


/*=============Tab Slider Product============*/
/*tab title center, show icon*/
.em-tabs-widget{
	.products-grid li.item{
		width:100%;
	}
}
.container-fluild{
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;
}
.embase-tab-01 {
	.r-tabs .r-tabs-nav .r-tabs-anchor{
		position:relative;
		margin-right:0;
		padding-right:0;
		padding-left:10px;
		padding-top:10px;
		padding-bottom:10px;
		&:after{
			@include font-awesome("\f04d",6px);// mixin in mixin/_theme-mixin.scss
			vertical-align: middle;
			margin-top: -3px;
			margin-left:17px;
		}
	}
	.r-tabs .r-tabs-nav{
		text-align:center;
	}
	.em-tabs-content{
		.owl-theme .owl-controls{
			top:-58px;
		}
	}
}
.em-tabs-widget{
	@include cat-effect02();
}
.em-filterproducts-list{
	@include cat-effect03();
}

/*tab title vertical*/
.tab-title-vertical,
.embase-tab-02 {
	margin-bottom:20px;
	.r-tabs .r-tabs-panel{
		padding-top:0;
	}
	.r-tabs .r-tabs-nav {
		padding:0 10px;
		.r-tabs-tab{
			width:100%;
		}
		.r-tabs-anchor{
			position:relative;
			margin-right:0;
			padding:10px 20px;
			width:100%;
			margin-bottom:2px;
		}
		span{
			margin-right:5px
		}
	}
}
/*tab - background title*/
.tab-bkg-title,
.embase-tab-03 {
	.r-tabs .r-tabs-nav{
		.r-tabs-anchor{
			position:relative;
			margin-right:1px;
			padding:0px 15px;
			&:hover{
				padding-top: 10px;
				padding-bottom: 10px;
			}
		}
		.r-tabs-state-active{
			.r-tabs-anchor{
				padding-top: 10px;
				padding-bottom: 10px;
			}
		}
	}
	.em-tabs-content{
		.owl-theme .owl-controls{
			top:-58px;
		}
	}
}
.r-tabs{
	.tab-content{
		border-top: 2px solid;
		margin-top:1px;
	}
}

.em-line-01{
	.r-tabs{
		.tab-content{
			border-top:none;
		}
	}
}

/*tab mobile*/
.r-tabs {
	.r-tabs-accordion-title{
		.r-tabs-anchor{
			text-transform:uppercase !important;
			border-width:1px !important;
			border-style:solid !important;
			clear:both;
		}
		&.r-tabs-state-active{
			.r-tabs-anchor{
				
			}
		}
	}
}


/*tab vertical text vertical (rotate text)*/
.tab-vertical{
	.r-tabs-nav{
		position:absolute;
		right:5px;
		top:0;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		writing-mode: tb-rl;
		min-height: 307px;
		.r-tabs-tab{
			float:left;
		}
		.r-tabs-anchor{
			padding:10px 10px!important;
			margin:0!important;
		}
	}
	.tab-content{
		padding-right:60px;
		min-height:290px;
		.owl-theme .owl-controls{
			top:0;
			right:0px;
		}
	}
}




/*===========Next Pre Slider============*/
.owl-theme .owl-controls{
	text-align: center;
	position:absolute;
	top:-45px;
	right:10px;
	margin-top:0 !important;
	.owl-pagination{
		margin-top:7px;
		margin-bottom:1px;
	}
}
.slider-icon-bottom{
	.owl-theme .owl-controls{
		position:static;
	}
}

.em-tabs-content{
	.owl-theme .owl-controls{
	top:-39px;
	right:11px;
	overflow:initial;
	}
}
/*===========End Next Pre Slider============*/

/*===========Show Icon Next Pre Slider============*/
@mixin next-pre($font, $mar, $pad, $width){
	font-size:$font !important;
	margin:$mar !important;
	padding:$pad ;
	width:$width;
}
@mixin next-pre-css3(){
	@include border-radius(100% !important);
	@include box-shadow(none !important);

}
@mixin next-pre-border(){
	border:1px solid;
	@include next-pre-css3();
}
@mixin next-pre-text(){
	text-transform:uppercase;
	@include next-pre(80%, 0, 0, auto);
	@include next-pre-css3();
	&:first-child{
		border-right:1px solid;
		padding-right:10px !important;
		margin-right:10px !important;
	}
	&:before{
		display:none !important
	}
}
@mixin next-pre-icon($font-icon-next, $font-icon-prev, $font-size){
	@include next-pre-border();
	&.owl-next:before{
		@include font-awesome($font-icon-next,$font-size);//mixin in mixin/_theme-mixin.scss
		@include transition1;// mixin in mixin/_theme-mixin.scss
	}
	&.owl-prev:before{
		@include font-awesome($font-icon-prev,$font-size);
		@include transition1;
	}
}

/*show next-pre icon*/
/*.owl-theme .owl-controls .owl-buttons div{
	@include next-pre-icon(\f105,\f104,16px);
	@include next-pre(0, 0 0 0 0, 2px 11px, 50px);
}
.crosssell, .box-up-sell, .block-related, .more-views{
	.owl-theme .owl-controls .owl-buttons div{
		@include next-pre(0, 0 0 0 7px, 2px 7px, 30px);
		&:before{
			padding: 4px 0;
		}
	}
}*/
.em-wrapper-main .featured_category_content, .em-area-08, .em-area-03 .em-top-list{
	.owl-theme .owl-controls .owl-buttons div{
		@include next-pre(0, 0 0 0 0, 2px 11px, 50px);
		&:before{
			padding: 0;
		}
	}
}
.owl-theme .owl-controls .owl-buttons div{
	@include next-pre-icon(\f105,\f104,16px);
	@include next-pre(0, 0 0 0 7px, 2px 7px, 30px);
	@include transition1;
	&:before{
		padding: 4px 0;
	}
}
/*show next-pre text*/
.slider-icon-text{
	.owl-theme .owl-controls .owl-buttons div{
		@include next-pre-text();
	}
	.owl-theme .owl-controls{
		top:-33px;
	}
}

/*slider style padding left right, button slider left right*/
.slider-style02{
	padding:0 50px;
	margin-top:20px;
	.em-slider-navigation-icon{
		&.owl-theme .owl-controls{
			position:static;
			.owl-buttons div{
				position:absolute;
				top:-2%;
				@include next-pre(0, 0 0 0 1px, 9px 11px, 32px);
				&.owl-prev{
					left:-40px;
					right:auto;
					&:before{font-size:24px}
				}
				&.owl-next{
					left:auto;
					right:-40px;
					&:before{font-size:24px}
				}
			}
		}
	}
}



/*===========End Show Icon Next Pre Slider============*/

/*==========Show Pagination============*/
@mixin bullet($width, $height, $margin){
	width:$width !important;
	height:$height !important;
	margin:$margin !important;
}
/*Show icon circle*/
@mixin bullet-circle(){
	@include bullet(12px, 12px, 0 0 0 10px);
	@include border-radius(50% !important);//mixin in bootstrap/_mixins.scss
	@include opacity-extention(1);// mixin in mixin/_theme-mixin.scss
}
@mixin bullet-circle-border(){
	@include bullet(12px, 12px, 0 0 0 10px);
	position:relative;
	border:2px solid;
	&:before{
		@include bullet(0, 0, 0);
		content:"";
		position:absolute;
		top:2px; left:2px;
		@include border-radius(50% !important);//mixin in bootstrap/_mixins.scss
		@include opacity-extention(1);
	}
}
.owl-theme .owl-controls .owl-page{ 
	&.active, &:hover{
		span:before{
			/*width:4px !important;
			height:4px !important;*/
		}
	}
	span{
		@include bullet-circle-border();
	}
}
/*Show icon square*/
@mixin bullet-square(){
	@include bullet(8px, 8px, 0 0 0 2px);
	@include border-radius(0 !important);
	@include opacity-extention(1);
}
@mixin bullet-square-border(){
	@include bullet(12px, 12px, 0 0 0 10px);
	position:relative;
	@include border-radius(0 !important);
	border:1px solid;
	&:before{
		@include bullet(8px, 8px, 0);
		content:"";
		position:absolute;
		top:1px; left:1px;
		@include border-radius(0 !important);
		@include opacity-extention(1);
	}
}
.slider-icon-square{
	.owl-theme .owl-controls .owl-page span{
		@include bullet-square();
	}
}



/*show number*/
@mixin bullet-number(){
	@include bullet(auto, auto, 0 0 0 1px);
	@include border-radius(0 !important);
	border:1px solid;
	padding:2px 7px !important;
	font-size:80%;
	&:before{
		display:none !important;
	}
}
.owl-pagination-numbers{
	&.owl-theme .owl-controls {
		.owl-page span.owl-numbers{
			@include bullet-number();
		}
		.owl-pagination{
			margin-top:1px;
		}
	}
}
/*==========End Show Pagination============*/

/*Layout 03 ====================*/
.embase-widget-style01{
	.em-widget-products{
		//padding:0 22px;
	}
	.main-product{
		/*margin:0 -22px;*/
		.product-image{
			float:left;
			margin-right:20px;
		}
		.product-shop{
			overflow:hidden;
		}
	}
	.owl-carousel{
		clear:both;
	}
	.owl-theme{
		a.product-image{
			margin-bottom:0;
		}
		.owl-wrapper-outer{
		}
		.owl-controls{
			top:45%;
			right:auto;
			width:100%;
			.owl-buttons{
				position:static;
				.owl-prev{
					position:absolute;
					left:40px;
					margin:0!important;
				}
				.owl-next{
					position:absolute;
					right:40px;
					margin:0!important;
				}
			}
		}
	}
}

/*Layout 04 ====================*/
.em-box-04{
	.slider-style02{
		padding: 0 30px;
		margin:0;
		.owl-theme .owl-controls{
			position:static;
			.owl-buttons div{
				position:absolute;
				top:-4%;
				@include next-pre(0, 0 0 0 1px, 57px 11px, 32px);
				&.owl-prev{
					left:-30px;
					right:auto;
					&:before{font-size:24px}
				}
				&.owl-next{
					left:auto;
					right:-30px;
					&:before{font-size:24px}
				}
			}
		}
	}
}



/*slider category layou01*/
.wrapper-slider-category{
	.em-slider-category{
		.em-box-info{
			position:relative;
			margin-bottom:10px;
			-webkit-perspective: 900px;
			-moz-perspective: 900px;
			-o-perspective: 900px;
			-ms-perspective: 900px;
			perspective: 900px;
			img{
				@include transform-origin(50% 0%);//mixin in bootstrap/_mixins.scss
				@include transition(all 0.4s linear);//mixin in bootstrap/_mixins.scss
			}
			img.first{
				@include position_style(absolute, left, 0, top, 0);// mixin in mixin/_theme-mixin.scss
			}
			img.last{
				@include opacity(0);
				/*-webkit-transform: translate3d(0,0,-180px) rotate3d(1,0,0,90deg);
				-moz-transform: translate3d(0,0,-180px) rotate3d(1,0,0,90deg);
				-o-transform: translate3d(0,0,-180px) rotate3d(1,0,0,90deg);
				-ms-transform: translate3d(0,0,-180px) rotate3d(1,0,0,90deg);
				transform: translate3d(0,0,-180px) rotate3d(1,0,0,90deg);*/
			}
			&:hover img.last{
				@include opacity(1);
				/*-webkit-transform: rotate3d(1,0,0,0deg);
				-moz-transform: rotate3d(1,0,0,0deg);
				-o-transform: rotate3d(1,0,0,0deg);
				-ms-transform: rotate3d(1,0,0,0deg);
				transform: rotate3d(1,0,0,0deg);*/
			}
			&:hover img.first{
				@include opacity(0);
				/*-webkit-transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg);
				-moz-transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg);
				-o-transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg);
				-ms-transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg);
				transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg);*/
			}
			.title_cate{
				@include position_style(absolute, left, 0, bottom, 15px);
				width:100%;
				text-align:center;
				font-size:110%;
				text-transform:uppercase;
				font-weight:600;
				padding:0 3px;
				@include transition1;
			}
		}
	}
}

/*slider over one product*/
.owl-carousel{
	.owl-item{
		.item{
				float:none;
		}
	}
}