#posts_slider .container .sliderButton {
	display: block;
	border: none;
	z-index: 99;
}
#posts_slider .container .sliderButton:focus,
#posts_slider .container .sliderButton:hover {
	outline: 3px solid #99ccff;
    outline-offset: -3px;
	cursor: pointer;
}
.post_slide .overlay.home.bottom {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.72+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.72) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.72) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.72) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b8000000',GradientType=0 ); /* IE6-9 */	
	max-height: 200px;
    pointer-events: none;
	height: 200px;
    position: absolute;
    bottom: 0 !important;
    z-index: 15;
    width: 100%;
}
#posts_slider .post_slide a:hover ~ .overlay.home.bottom,
#posts_slider .post_slide a:focus ~ .overlay.home.bottom {
	opacity: 0;
}
#posts_slider * {
    padding: 0;
    margin: 0;
}
#posts_slider {
 	background: #fff;
	padding: 24px 0 12px;
	background-color: #F4F4F4 !important;
}

#posts_slider #slide_wrapper .post_slide {
    float:left;
    list-style:none;
    position:relative;
	background: none;
	max-width: 311px;
	max-height: 311px;
}
#posts_slider #slide_wrapper {
    width: 9999px;
	
}
#posts_slider #slide_wrapper .post_slide img {
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#slide_wrapper {

}

#posts_slider #slide_wrapper .post_slide a:hover img,
#posts_slider #slide_wrapper .post_slide a:focus img {
    /* -webkit-filter: grayscale(100%); CSS for Webkit Browsers, Chrome 19+, Safari 6+, Safari 6+ iOS */
    /*-webkit-filter: grayscale(1);  Old WebKit Browsers */
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  Firefox 10+, Firefox on Android */
	/*filter: grayscale(100%);  Standard CSS */
    /*filter: gray;   Internet Explorer IE6-9 */

}
#posts_slider #slide_wrapper .post_slide h2 {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	color: #fff;
    z-index: 30;
    display: table-cell;
    vertical-align: middle;
	height: auto;
	padding-bottom: 16px;
	line-height: 26px;
	font-size: 20px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#posts_slider #slide_wrapper .post_slide h2 a {
    text-decoration: none;
	font-size: 17px;
    color: #fff;
}
#posts_slider > .container > #slide_wrapper > .post_slide > a {
    text-decoration: none;
	display: block;
    height: 100%;
	padding: 0;
}
#posts_slider #slide_wrapper .post_slide .details_panel {
    padding: 5% 6% 6% 10% !important;
    z-index: 30;
    position: absolute;
	pointer-events: none;
    -webkit-transition: all 0.4s ease-in-out, bottom 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out, bottom 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out, bottom 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out, bottom 0.4s ease-in-out;
    transition: all 0.4s ease-in-out, bottom 0.4s ease-in-out;
    width: 100%;
    height: 100%;
	top: 52%;
}
#posts_slider #slide_wrapper .post_slide .details_panel .excerpt {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	font-size: 100%;
	padding-left: 3px;
	width: 100%;
	line-height: 1.5em;
    visibility: hidden;
  	opacity: 0;
	-webkit-transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, bottom 0.4s ease-in-out;
    -moz-transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, bottom 0.4s ease-in-out;
    -o-transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, bottom 0.4s ease-in-out;
    -ms-transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, bottom 0.4s ease-in-out;
    transition: visibility 0.4s ease-in-out, opacity 0.4s ease-in-out, bottom 0.4s ease-in-out;
}
#posts_slider #slide_wrapper .post_slide .details_panel .excerpt p {
	color: #fff !important;
}
#posts_slider #slide_wrapper .post_slide a:focus ~ .details_panel,
#posts_slider #slide_wrapper .post_slide a:hover ~ .details_panel {
	top: 20%;
}
#posts_slider #slide_wrapper .post_slide a:hover ~ .details_panel .excerpt,
#posts_slider #slide_wrapper .post_slide a:focus ~ .details_panel .excerpt {
    visibility: visible;
    opacity: 1;
}
#posts_slider #slide_wrapper .post_slide .post_slider_img_overlay {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#43c7f4+0,43c7f4+100&0.5+0,0.5+100 */
	background: -moz-linear-gradient(top, rgba(67,199,244,0.65) 0%, rgba(67,199,244,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(67,199,244,0.65) 0%,rgba(67,199,244,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(67,199,244,0.65) 0%,rgba(67,199,244,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8043c7f4', endColorstr='#8043c7f4',GradientType=0 ); /* IE6-9 */	pointer-events: none;
    width: 100%;
	height: 100%;
    z-index: 15;
	position: absolute;
    bottom: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}
#posts_slider.secondary-features-band #slide_wrapper .post_slide .post_slider_img_overlay {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bd602f+0,bd602f+100&0.75+0,0.75+100 */
	background: -moz-linear-gradient(top,  rgba(189,96,47,0.75) 0%, rgba(189,96,47,0.75) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(189,96,47,0.75) 0%,rgba(189,96,47,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(189,96,47,0.75) 0%,rgba(189,96,47,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbd602f', endColorstr='#bfbd602f',GradientType=0 ); /* IE6-9 */
}
#posts_slider #slide_wrapper .post_slide > a.hover + .post_slider_img_overlay,
#posts_slider #slide_wrapper .post_slide > a:hover + .post_slider_img_overlay,
#posts_slider #slide_wrapper .post_slide > a:focus + .post_slider_img_overlay {
    max-height: 311px;
    margin-top: -311px;
    position: absolute;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
#posts_slider #slide_wrapper .post_slide a img {
	width: 100%;
	height: auto;
}
#posts_slider #slide_wrapper .post_slide .sliderButton {
    text-indent: -9999px;
    outline: none;
}
#posts_slider .post_slide > .sliderButton {
    display: block;
	max-height: 311px;
}
#posts_slider .next {
    height: 100%;
    background: #F39205 url(../images/rarr.png) 50% 50% no-repeat;
	background-size: 10px;
    text-indent: -9999em;
    width: 43px;
	position: absolute;
	z-index: 60;
    right: 0;
}
#posts_slider .previous{
    height: 100%;
    background: #F39205 url(../images/larr.png) 50% 50% no-repeat;
	background-size: 10px;
    text-indent: -9999em;
    width: 43px;
	position: absolute;
    left: 0;
	z-index: 99;
}
#posts_slider.secondary-features-band .next {
    background: #7E4728 url(../images/rarr.png) 50% 50% no-repeat;
	background-size: 10px;
}
#posts_slider.secondary-features-band .previous{
    background: #7E4728 url(../images/larr.png) 50% 50% no-repeat;
	background-size: 10px;
}
#posts_slider .hide_button {
 	background: #466a94 !important;
	pointer-events: none !important;
}

#posts_slider div.container{
    clear: both;
    overflow: hidden;
    max-width: none;
    position: relative;
    margin: 0 auto;
    display: block;
	line-height: 0;
}

/* ********************************************************** */
@media only screen and (max-width: 800px) { /* ************* */
	#posts_slider #slide_wrapper .post_slide {
		max-width: 342px;
		max-height: 342px;
	}
	#posts_slider #slide_wrapper .post_slide > a.hover + .post_slider_img_overlay,
	#posts_slider #slide_wrapper .post_slide > a:hover + .post_slider_img_overlay,
	#posts_slider #slide_wrapper .post_slide > a:focus + .post_slider_img_overlay {
		max-height: 342px;
		margin-top: -342px;
	}
	#posts_slider .post_slide > a {
		max-height: 342px;
	}
/* ************** */ }
/* ********************************************************** */
@media only screen and (max-width: 580px) { /* ************* */
	#posts_slider #slide_wrapper .post_slide {
		max-width: 464px;
		max-height: 464px;
	}
	#posts_slider #slide_wrapper .post_slide > a.hover + .post_slider_img_overlay,
	#posts_slider #slide_wrapper .post_slide > a:hover + .post_slider_img_overlay,
	#posts_slider #slide_wrapper .post_slide > a:focus + .post_slider_img_overlay {
		max-height: 464px;
		margin-top: -464px;
	}
	#posts_slider .post_slide > a {
		max-height: 464px;
	}
/* ************** */ }