/*
 | ------------------------------------------
 | Glide styles
 | ------------------------------------------
 | Here are slider styles
 | ------------------------------------------
 | Style modified by : Cousin Shin (313sms@gmail.com)
 
*/
.im_slider {
	 z-index: 1;
	 position: relative;
	 border-bottom: 1px solid #eaeaea;
	 overflow: hidden;
	 display: block;
	 width: 100%;
}

.im_slider .slides .slide {
    list-style: none;
	 position: relative;
}

.im_slider .no_slider_image span {
    color: #666;
    font-size: 30px;
    line-height: 500px;
}
	
	.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: -20px;
			width: 40px;
			height: 64px;
			text-indent:-9999px;
		}

			.slider-arrow--right { 
				bottom: 47%; 
				right: 100px; 
				background: url('../images/slider_arrow_blue.png') no-repeat -40px -64px;
			}
			.slider-arrow--left { 
				bottom: 47%; 
				left: 100px; 
				background: url('../images/slider_arrow_blue.png') no-repeat 0 -64px;
			}
			
			.slider-arrow--right:hover {
				background-position: -40px 0; 
			}
			.slider-arrow--left:hover {
				background-position: left top;
			}	
			

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

		.slider-nav__item {
			width: 12px;
			height: 13px;
			float: left;
			clear: none;
			display: block;
			margin: 0 5px;
			background: url('../images/slider_bullets_blue.png') no-repeat 0 -13px;
		}

				.slider-nav__item:hover { background: url('../images/slider_bullets_blue.png') no-repeat 0 0; }
				.slider-nav__item--current { background: url('../images/slider_bullets_blue.png') no-repeat 0 0; }