/* Content */
.ba-slider{
	width: 100%;
	height: auto;
	margin-bottom:20px;
	overflow: hidden;
	padding: 0;
	position: relative;
	-webkit-transition: all .25s;
	transition: all .25s;
}

	.ba-slider.hover .image{
		background:#111;
	}

	.ba-slider .ba-span{
		background-color:rgba(255, 255, 255, 0.75);
		color:#fff;
		display:block;
		font-size:1.2em;
		/* Theoretically for IE 8 & 9 (more valid) */	
		/* ...but not required as filter works too */
		/* should come BEFORE filter */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		/* This works in IE 8 & 9 too */
		/* ... but also 5, 6, 7 */
		filter: alpha(opacity=0);
		/* Older than Firefox 0.9 */
		-moz-opacity:0;
		/* Safari 1.x (pre WebKit!) */
		-khtml-opacity: 0;
		/* Modern!
		/* Firefox 0.9+, Safari 2?, Chrome any?
		/* Opera 9+, IE 9+ */
		opacity: 0;
		padding:10px 15px;
		position:absolute;
			top:48%;
		text-shadow:0 1px 2px #000;
		-webkit-transition: all .25s;
		transition: all .25s;
		z-index:1000;
	}

	.ba-slider .ba-span.before{
		left:1em;
	}

	.ba-slider .ba-span.after{
		right:1em;
	}

	.ba-slider.hover .ba-span{
		/* Theoretically for IE 8 & 9 (more valid) */	

		/* ...but not required as filter works too */
		/* should come BEFORE filter */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		/* This works in IE 8 & 9 too */
		/* ... but also 5, 6, 7 */
		filter: alpha(opacity=100);
		/* Older than Firefox 0.9 */
		-moz-opacity:1;
		/* Safari 1.x (pre WebKit!) */
		-khtml-opacity: 1;
		/* Modern!
		/* Firefox 0.9+, Safari 2?, Chrome any?
		/* Opera 9+, IE 9+ */
		opacity: 1;
	}
	
	.ba-slider.hover .image img{

		/* Theoretically for IE 8 & 9 (more valid) */	
		/* ...but not required as filter works too */
		/* should come BEFORE filter */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
		/* This works in IE 8 & 9 too */
		/* ... but also 5, 6, 7 */
		filter: alpha(opacity=30);
		/* Older than Firefox 0.9 */
		-moz-opacity:0.3;
		/* Safari 1.x (pre WebKit!) */
		-khtml-opacity: 0.3;
		/* Modern!
		/* Firefox 0.9+, Safari 2?, Chrome any?
		/* Opera 9+, IE 9+ */
		opacity: 0.3;	
	}

	.ba-slider .right.image{
		position: absolute;
		height: 100%;
		z-index: 1;
		top: 0px;
		left: 0px;
	}
	
	.ba-slider .left.image{
		position: relative;
		z-index: 2;
		border-right: 3px solid white;
		margin-right: -5px;
		overflow: hidden;
	}

	.ba-slider .left.image:after{
		background:#fff;
		content:"";
		display:block;
		height:4px;
		position:absolute;
		top:49%;
		right: -18px;
		width:4px;
	}
	
	.ba-slider .image img{
		-webkit-transition: all .25s;
		transition: all .25s;
	}
	
	.ba-slider .left.image img{
		max-width:none !important;
	}
	
	.ba-slider .right.image img{
		width:none !important;
		height: 100%;
	}
	
	.ba-slider .instruction{
		position: absolute;
		top:50%;
		z-index:1000;
		width: 95%;
	}
	
		.ba-slider .instruction p{
			background: white;
			display: inline;
			padding: 1% !important;
			font-size: 1em;
			text-transform: uppercase;
		}
		
/* Callouts */
.content .callouts .ba-slider{
	background:url(../images/img-shadow.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% auto;
	border:2px solid #fff;
	overflow: hidden;
}

/* Mobile Browsers */
@media only screen
and (max-width : 825px) {
	.ba-slider{
		width:100% !important;
	}
}