/*
 | ------------------------------------------
 | Glide styles
 | ------------------------------------------
 | Here are slider styles
 | 
*/

.slider {
	position: relative;
	width: 960px;
	height: 430px;
	overflow: hidden;
/*	padding-top:149px;*/
	top:0;
	z-index:0;
	padding-bottom:10px;
}

	.slider ul { margin:0; padding:0; list-style:none; }

	
	.slides {
		height: 100%;
		
		/* Simple clear fix */
		overflow: hidden;
		
		/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
		-webkit-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;

		/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	
		.slide {
			height: 100%;
			float: left;
			clear: none;
		}


	.slider-arrows {}

		.slider-arrow {
			position: absolute;
			display: block;
			margin-bottom: -05px;
			padding: 20px;
		}

			.slider-arrow--right { bottom: 3%; right: 5px; width:50px; height:50px; background-image:url(../images/arrow_right.png); background-repeat:no-repeat; background-position:center center; }
			.slider-arrow--left { bottom: 3%; left: 5px; width:50px; height:50px; background-image:url(../images/arrow_left.png); background-repeat:no-repeat; background-position:center center; }


	.slider-nav {
		position: absolute;
		bottom: 25px;
	}

		.slider-nav__item {
			width: 11px;
			height: 11px;
			float: left;
			clear: none;
			display: block;
			margin: 0 5px;
			background: #656565;
			border:2px solid #eaeaea;
		}

				.slider-nav__item:hover { background: #eaeaea; }
				.slider-nav__item--current { background: #eaeaea; }
				

				
.slider_st {
	position: relative;
	width: 1000px;
	height: 430px;
	overflow: hidden;
/*	padding-top:149px;*/
	top:-30px;
	z-index:0;
	padding-bottom:10px;
	padding-top:20px;
}

	.slider_st ul { margin:0; padding:0; list-style:none; }

	
	.slides_st {
		height: 100%;
		
		/* Simple clear fix */
		overflow: hidden;
		
		/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
		-webkit-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;

		/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	
		.slide_st {
			height: 100%;
			float: left;
			clear: none;
		}


.slider_st .slider-arrows {}

.slider_st .slider-arrow { display: none;	}

.slider_st .slider-arrow--right { bottom: 3%; right: 5px; width:0px; height:0px; background:none; background-repeat:no-repeat; background-position:center center; }
.slider_st .slider-arrow--left { bottom: 3%; left: 5px; width:0px; height:0px; background:none; background-repeat:no-repeat; background-position:center center; }

.slider_st .slider-nav {
position: absolute;
width:1000px !important; 
height:50px;
z-index:5000px;
top: 0px;
right:0px;
}

.slider_st .slider-nav__item {
width: 31px;
height: 31px;
float: right;
clear: none;
display: block;
margin: 0 0px;
background: #E1E1E1;
border:1px solid #eaeaea;
}

.slider_st .slider-nav__item:hover { background: #eaeaea; }
.slider_st .slider-nav__item--current { background: #eaeaea; }