//	=================
//    	Imports
//	=================

@import '../../base/color_variables';   	// Color Variables
@import '../../base/fonticons';   			// Fonticons Variables
@import '../../base/urls';   				// URLS Variables
@import '../../base/utilities_variables';  // Utilities Variables

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* display none until init */
.owl-carousel {
	/* clearfix */
	.owl-wrapper {
		&:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
		}
		display: none;
		position: $pos-rel;
		-webkit-transform: translate3d(0px, 0px, 0px);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
	}
	display: none;
	position: $pos-rel;
	width: 100%;
	-ms-touch-action: pan-y;
	.owl-wrapper-outer {
		overflow: hidden;
		position: $pos-rel;
		width: 100%;
	}
	.owl-wrapper-outer.autoHeight {
		-webkit-transition: height 500ms ease-in-out;
		-moz-transition: height 500ms ease-in-out;
		-ms-transition: height 500ms ease-in-out;
		-o-transition: height 500ms ease-in-out;
		transition: height 500ms ease-in-out;
	}
	.owl-item {
		float: left;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
	}
}
.owl-controls {
	.owl-page {
		cursor: pointer;
	}
	.owl-buttons {
		div {
			cursor: pointer;
		}
	}
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
	cursor: move;
}
.owl-pagination {
	text-align: $align-center;
	margin-top: 1.5em;
}
.owl-theme {
	.owl-controls {
		.owl-page {
			display: inline-block;
			zoom: 1;
			span {
				display: block;
				width: 12px;
				height: 12px;
				margin: 5px 7px;
				filter: Alpha(Opacity=50);
				opacity: 1;
				-webkit-border-radius: $br-20;
				-moz-border-radius: $br-20;
				border-radius: $br-20;
				background: $color_38;
			}
		}
		.owl-page.active {
			span {
				filter: Alpha(Opacity=100);
				opacity: 1;
				background: $color_55;
			}
		}
	}
	.owl-controls.clickable {
		.owl-page {
			&:hover {
				span {
					filter: Alpha(Opacity=100);
					opacity: 1;
					background: $color_55;
				}
			}
		}
	}
}