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


#slide-panel{

				margin-top: 20px;
				padding: 10px;
				/* margin-bottom: -2px; */
				display: block; 
				/* display: none; */
				/* position: absolute; */
				cursor: default;
				min-height: 10px;
				border: 0px solid #7a7b7e; 
			/* 	z-index: 4; */
				font-size: 110%;
				box-shadow: 3px 3px 10px gray;
				max-width: 900px;
			}	
#slide-panel ul,li{margin: 0; padding: 0;}




.box {
	width: 100%; 
	height: 100%;
}

.slider {
	position: relative;
	min-height: 200px;
	max-height: 700px;
	overflow: hidden;
}
	
	.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;
		}
		.slide img{
			width: 100%;
		}


	.slider-arrows {}

		.slider-arrow {
			position: absolute;
			display: block;
			margin-bottom: -20px;
			width: 50px;
			height: 50px;
		}

			.slider-arrow--right { bottom: 50%; right: 20px; background: url('../images/slider-nav-right.png') no-repeat;}
			.slider-arrow--left { bottom: 50%; left: 20px; background: url('../images/slider-nav-left.png') no-repeat;}


	.slider-nav {
		position: absolute;
		bottom: 20px;
		/* border: 1px solid #000000; */
		padding: 5px;
		/* background: #f0f0f0; */
	}

		.slider-nav__item {
			width: 14px;
			height: 14px;
			float: left;
			clear: none;
			display: block;
			margin: 0 3px;
			background: rgba(206,206,206,0.6);
			border: 1px solid rgba(127,127,127,0.6);
			border-radius:8px;
		}

				.slider-nav__item:hover { background: rgba(194,226,228,0.8); border: 1px solid rgba(16,16,16,1);}
				.slider-nav__item--current { background: rgba(5,182,19,0.8); border: 1px solid rgba(16,16,16,1);}
				
	
	#text_slide{
		position: relative;
	}
	
	#text_slide img{
		width: 100%;
		z-index: 1;
	}
					
	#text_slide #text_block{
		position: absolute;
		padding: 5px;
		display:block;
		/* min-height: 100px; */
		z-index: 2;
		color: white;
		background: rgba(0, 0, 0, 0.6);
		border-radius: 5px;
		overflow:hidden;
		max-height: 140px;
		max-width: 550px;
	}
	#text_block table{color: white;}
	#text_block.bottom {	bottom: 100px;}
	#text_block.right{right: 80px;}
	#text_block.top{top: 60px;}
	#text_block.left{left: 80px;}