/*!
 *  Kwicks: Sexy Sliding Panels for jQuery - v2.1.0
 *  http://devsmash.com/projects/kwicks
 *
 *  Copyright 2013 Jeremy Martin (jmar777)
 *  Contributors: Duke Speer (Duke3D)
 *  Released under the MIT license
 *  http://www.opensource.org/licenses/mit-license.php
 */
/*
 *  This file contains styles that are common to all kwicks instances.  Note that each kwicks instance requires
 *  additional styling - please see the examples for more info.
 */

.kwicks {
	display: block;
	list-style-type: none;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks > * {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.kwicks.kwicks-processed > * {
	margin: 0;
	position: absolute;
}
.kwicks-horizontal > * {
	float: left;
}
.kwicks-horizontal > :first-child {
	margin-left: 0;
}
.kwicks-vertical > :first-child {
	margin-top: 0;
}





/************************************/
/* Custom CSS ***********************/
/************************************/

.kwicks-wrap{padding:0;}
.kwicks-wrap.row{padding:0;}

.kwickslider{
	 position:relative;
	 width:100%;
	 margin:0 auto 0;
	 }
	 
.kwickslider ul{
	width:100%;
	overflow:hidden;
	padding:0;
	}
	
	
.kwickslider ul li{
	position:relative;

	}
.kwickslider.kwicks_border ul li{
	border:solid 1px #000;

	}

.kwickslider ul li:before{
	transition:background 0.5s;
	}	
.kwickslider ul li:hover:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.2);
	}
	
.kwickslider ul li a{
	display:inline-block;
	color:#eee;
	}

.kwickslider ul li a:hover{
	color:#fff;
	}
			
.kwick_caption {
	color:#333;
	padding:10px 0 25px;
	position:absolute;
	bottom:-48px;
	width:100%;
	transition:all 0.3s;
	min-height:80px;
	max-height:80px;
	opacity:.7;
	background: rgba(255,255,255,0.8);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) -30%, rgba(255,255,255,0.9) 75%);
	background: -webkit-gradient(left top, left bottom, color-stop(-30%, rgba(255,255,255,0)), color-stop(75%, rgba(255,255,255,0.9)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) -30%, rgba(255,255,255,0.9) 75%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) -30%, rgba(255,255,255,0.9) 75%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) -30%, rgba(255,255,255,0.9) 75%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) -30%, rgba(255,255,255,0.9) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

.kwick_caption:hover {


	}
	
.kwick_caption h4{
	color:#000 !important;
	float:left;
	text-align:left;
	margin:8px 0 10px;
	padding-left: 25px;
	width:87%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	text-transform:uppercase;
	letter-spacing:1px;
	}

.kwickslider.kwicks_shadow .kwick_caption h4{
	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);*/
	}
		
.kwick_caption_text{
	float: left;
    line-height: 14px;
    margin-left: 25px;
    margin-top: 0;
    overflow: hidden;
	}
.kwickslider ul li:hover .kwick_caption_text{
	width:auto;
	}
.kwickslider ul li:hover .kwick_caption,.kwickslider ul li.kwicks-expanded .kwick_caption{
	bottom:0;
	opacity:1;
	max-height:none;
	}
.kwickslider ul li:hover .kwick_caption h4{
	width:94%;
	}
	
.kwickslider.greyscale ul li{
	-webkit-filter:grayscale(100%);
       -moz-filter:grayscale(100%);
        -ms-filter:grayscale(100%);
         -o-filter:grayscale(100%);
            filter:grayscale(100%);
            filter:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPGZpbHRlciBpZD0iZ3JheXNjYWxlIj4KICA8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4zMzMzIDAuMzMzMyAwLjMzMzMgMCAwIDAuMzMzMyAwLjMzMzMgMC4zMzMzIDAgMCAwLjMzMzMgMC4zMzMzIDAuMzMzMyAwIDAgMCAwIDAgMSAwIj48L2ZlQ29sb3JNYXRyaXg+CiA8L2ZpbHRlcj4KPC9zdmc+#grayscale");
            filter:gray;
	}
.kwickslider.greyscale ul li:hover,.kwickslider.greyscale ul li.kwicks-expanded{
	-webkit-filter:none;
       -moz-filter:none;
        -ms-filter:none;
         -o-filter:none;
            filter:none;
	}