/**
 * The clearfix method from Nicolas Gallagher
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */

.clearfix() {
	*zoom: 1;
	
	&:before,
	&:after {
	    content: "";
	    display: table;
	}
	&:after {
	    clear: both;
	}
}

/* Gallery Slider */

.gallery.slider {
	margin: 0px;
}
.slider {
	position: relative;
	clear: both;
}
.slider-viewport {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.slider-item-list {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 480px;
	list-style-type: none;
	.clearfix;
}
.slider-item {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgb(125, 108, 105);
	overflow: hidden;
	z-index: 5;
	-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
			transform: translateX(100%);

	img.i-standard {
		width: auto;
		height: 100%;
		position: relative;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
				transform: translateX(-50%);
	}
	img.i-cover {
		width: 100%;
		min-height: 100%;
		position: relative;
		top: 50%;
		left: 0;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
}
.slider-item-active {
	z-index: 15;
	-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
			transform: translateX(0px);
}
.slider-item-right-out, .slider-item-left-out {
	z-index: 15;
	-webkit-transition: none 0.7s cubic-bezier(0.7,0,0.3,1) 0s;
			transition: none 0.7s cubic-bezier(0.7,0,0.3,1) 0s;
	-webkit-transition-property: -webkit-transform;
	   -moz-transition-property: -moz-transform;
	     -o-transition-property: -o-transform;
	        transition-property: transform;
}
.slider-item-right-out {
	-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
			transform: translateX(100%);
}
.slider-item-left-out {
	-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
			transform: translateX(-100%);
}
.slider-item-next-in {
	-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
			transform: translateX(0px);
	-webkit-animation: slider-item-next-in 0.7s cubic-bezier(0.7,0,0.3,1) 0s 1;
	        animation: slider-item-next-in 0.7s cubic-bezier(0.7,0,0.3,1) 0s 1;
}
@-webkit-keyframes slider-item-next-in {
	0% {
		-webkit-transform: translateX(20%);
	}
	100% {
		-webkit-transform: translateX(0px);
	}
}
@keyframes slider-item-next-in {
	0% {
		transform: translateX(20%);
	}
	100% {
		transform: translateX(0px);
	}
}
.slider-item-prev-in {
	-webkit-animation: slider-item-prev-in 0.7s cubic-bezier(0.7,0,0.3,1) 0s 1;
	        animation: slider-item-prev-in 0.7s cubic-bezier(0.7,0,0.3,1) 0s 1;
}
@-webkit-keyframes slider-item-prev-in {
	0% {
		-webkit-transform: translateX(-20%);
	}
	100% {
		-webkit-transform: translateX(0px);
	}
}
@keyframes slider-item-prev-in {
	0% {
		transform: translateX(-20%);
	}
	100% {
		transform: translateX(0px);
	}
}
.slider-headtext {
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 1;
	z-index: 15;
	-webkit-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
}
.slider-item-layer:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: inherit;
	background: transparent none left top repeat scroll;
	background-color: inherit;
	opacity: 0.3;
}
.slider-direction {

}
.slider-prev,
.slider-next {
	position: absolute;
	top: 50%;
	width: 50%;
	height: 75%;
	opacity: 0;
	color: transparent;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);	
	-webkit-transition: opacity 0.25s linear;
			transition: opacity 0.25s linear;

	&:hover {
		opacity: 0.8;
	}
}
.slider-prev > span,
.slider-next > span {
	position: absolute;
	content: "";
	top: 50%;
	width: 50px;
	height: 100px;
	cursor: pointer;
	overflow: hidden;
	background: transparent none center center no-repeat scroll;
	background-color: rgba(250, 250, 250, 1);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);	
}
.slider-prev > span {
	left: 10%;
	background-image: url(../images/paddle-prev.png);
}
.slider-next > span {
	right: 10%;
	background-image: url(../images/paddle-next.png);
}
.slider-prev {
	left: 0;
}
.slider-next {
	right: 0;
}
.slider-pagination {
	position: absolute;
	bottom: 32px;
	left: 50%;
	-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
			transform: translateX(-50%);	
	.clearfix;
}
.slider-dot {
	position: relative;
	display: inline;
	float: left;
	margin: 0 0.3em;
	width: 16px;
	height: 16px;
	border: 1px solid white;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
	cursor: pointer;
	color: transparent;
	overflow: hidden;
	opacity: 0.90;

	&:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 8px;
		height: 8px;
		opacity: 0;
		background-color: white;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
				border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
			-ms-transform: translateX(-50%) translateY(-50%);
				transform: translateX(-50%) translateY(-50%);
	}

	&.active:after,
	&:hover:after {
		opacity: 1;
	}
}