.featured { 
background: #52648f url(/content/images/featured-bck.jpg) 0 0 no-repeat;
padding:0;
margin: 0;
}
.featured h3{
color: #fff;
padding: 40px 0px 5px 0px;
margin: 0px 0px 0px -5px;
}

.featured p { 
color: #fff;
margin: 0px 0px 0px -5px;
padding: 0px 0px 5px 0px;
}

.featured img { padding: 12px 0px 10px 0px; }

#photoslider img {width: 100%!important}
/* CSS for jQuery Orbit Plugin 1.4.0 Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php
*/
/* Container ---------------------- */
.orbit-wrapper { width: 1px; height: 1px; position: relative; margin: 10px 0px -5px 0px}
.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 0px; }
.orbit .orbit-slide { width: 100%; position: absolute; top: 0; left: 0; bottom: 12px;  }
.orbit a.orbit-slide { border: none; line-height: 0; display: none; }
.orbit div.orbit-slide { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); color: #fff;  padding: 15px; }
.orbit div.orbit-slide h3 {color: #fff; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* Timer ---------------------- */
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute;  opacity: .6; cursor: pointer; z-index: 31; }
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('/content/images/foundation/orbit/rotator-black.png') no-repeat; z-index: 3; }
div.orbit-wrapper span.rotator.move { left: 0; }
div.orbit-wrapper span.mask { width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('/content/images/foundation/orbit/timer-black.png') repeat 0 0; }
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('/content/images/foundation/orbit/pause-black.png') no-repeat; z-index: 4; opacity: 0; }
div.orbit-wrapper span.pause.active { background: url('/content/images/foundation/orbit/pause-black.png') no-repeat 0 -40px; }
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper div.timer:focus span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }

/* Captions ---------------------- */
.orbit-caption { display: none; font-family: inherit; }

.orbit-wrapper .orbit-caption { background: black; background: rgba(0, 0, 0, 0.8); z-index: 30; color: white; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0px; width: 100%; }

/* Directional Nav ---------------------- */
div.orbit-wrapper div.slider-nav { display: block; }
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 100%; margin-top: -51px; cursor: pointer; }
div.orbit-wrapper div.slider-nav span.right { background: url('/content/images/foundation/orbit/right-arrow.png'); background-size: 100%; right: 0; opacity: 0.5;
font-size: 0;filter:alpha(opacity=50); }
div.orbit-wrapper div.slider-nav span.left { background: url('/content/images/foundation/orbit/left-arrow.png'); background-size: 100%; left: 0; opacity: 0.5;
font-size: 0;filter:alpha(opacity=50); }
div.orbit-wrapper div.slider-nav span.right:hover, div.orbit-wrapper div.slider-nav span.left:hover { opacity:0.6; filter:alpha(opacity=60); }

.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('/content/images/foundation/orbit/right-arrow-small.png'); }
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('/content/images/foundation/orbit/left-arrow-small.png'); }

/* Bullet Nav ---------------------- */
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -150px; left: 0; margin-left: -30px; padding: 0; width: 115%;}
ul.orbit-bullets li { float: left; opacity:0.7; filter:alpha(opacity=70); margin-left: 0px; margin-right: 14px; cursor: pointer; color: #999999; text-indent: -9999px; background: none; width: 13px; height: 12px; overflow: hidden; -webkit-border-radius: 8px; border-radius: 8px;  }
ul.orbit-bullets li.active { color: #222222; background-position: 0; opacity:1; filter:alpha(opacity=100);}
ul.orbit-bullets li.has-thumb { background: none; width: 80px; height: 80px; }
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 0px solid white; opacity:1; filter:alpha(opacity=100); }

.lt-ie9 ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -135px; left: 48.5%; margin-left: -220px; padding: 0; }
.lt-ie8 ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -115px; left: 50%; margin-left: -200px; padding: 0; }
.lt-ie8 ul.orbit-bullets li.has-thumb { background: none; width: 70px; height: 70px; }

/* Orbit Slide Counter */
.orbit-slide-counter { position: absolute; bottom: 0; z-index: 99; background: rgba(0, 0, 0, 0.7); color: white; padding: 5px; }

/* Fluid Layout ---------------------- */
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }
div.orbit, div.orbit-wrapper { width: 100% !important; }

.orbit-wrapper {.slider-nav span { @include opacity(0); @include single-transition(opacity, 400ms); }
&:hover .slider-nav span { @include opacity(1); }
}
.orbit-wrapper .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; }
.orbit-wrapper:hover .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

#featured { background: url(spinner.gif) center center #f4f4f4;  }
#featured img { display: none; }

#featured.orbit { background: none; }
#featured.orbit img { display: block; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; }
#featured.orbit div { -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; }

/* Correct timer in IE */
.lt-ie9 .timer { display: none !important; }
.lt-ie9 div.orbit-caption { background: black; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }


@media only screen and (max-width: 768px){ 
.orbit-wrapper { width: 1px; height: 1px; position: relative; margin-bottom: 100px; }
}

@media only screen and (max-width: 400px) {
ul.orbit-bullets li.has-thumb {min-height: 50px;}
}

/* CSS for jQuery Orbit Plugin 1.4.0 Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php
*/
/* Container ---------------------- */
div.orbit-wrapper { width: 1px; height: 1px; position: relative; }

div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 0px; }
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 0px; }

div.orbit.with-bullets { margin-bottom: 40px; }

div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }

div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }

div.orbit div.orbit-slide { width: 100%; height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* Timer ---------------------- */

div.orbit-wrapper div.timer {
width: 40px;
height: 40px;
overflow: hidden;
position: absolute;
bottom: 10px;
left: 10px;
opacity: .6;
cursor: pointer;
z-index: 31;
}
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('/content/images/foundation/orbit/rotator-black.png') no-repeat; z-index: 3; }

div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }

div.orbit-wrapper span.rotator.move { left: 0; }

div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('/content/images/foundation/orbit/timer-black.png') repeat 0 0; }

div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('/content/images/foundation/orbit/pause-black.png') no-repeat; z-index: 4; opacity: 0; }


div.orbit-wrapper span.pause.active { background: url('/content/images/foundation/orbit/pause-black.png') no-repeat 0 -40px; }

div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }

/* Captions ---------------------- */
.orbit-caption {font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
background: #000;
background: rgba(0, 0, 0, 0.6);
z-index: 30;
color: #fff;
text-align: center;
padding: 7px 0;
font-size: 13px;
font-size: 1.6rem;
position: absolute;
right: 0;
top: 0;
height: 58px;
height: px;
width: 100%;
}

/* Directional Nav ---------------------- */
div.orbit-wrapper div.slider-nav { display: block; }

div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }

div.orbit-wrapper div.slider-nav span.right { background: url('/content/images/foundation/orbit/right-arrow.png'); background-size: 100%; right: 0; }

div.orbit-wrapper div.slider-nav span.left { background: url('/content/images/foundation/orbit/left-arrow.png'); background-size: 100%; left: 0; }

.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('/content/images/foundation/orbit/right-arrow-small.png'); }
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('/content/images/foundation/orbit/left-arrow-small.png'); }

/* Bullet Nav ---------------------- */
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }

ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('/content/images/foundation/orbit/bullets.jpg') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }

ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }

ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }

ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }

/* Fluid Layout ---------------------- */
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }

div.orbit, div.orbit-wrapper { width: 100% !important; }

ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }

ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('/content/images/foundation/orbit/bullets.jpg') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }

ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }

ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }

ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }

	
.orbit-wrapper .orbit-caption { background: rgba(0,0,0,.7);}
.orbit-quote span {font-size: 15px;}

.orbit-caption {
background: rgba(0,0,0,.7);
z-index: 30;
color: #fff;
text-align: center;
padding: 15px 15px 15px 15px;
font-style: italic;
font-size: 16px;
font-size: 1.6rem;
position: absolute;
right: 0;
bottom: 0;
width: 100%;
}