/* 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; }
.tracks_home .orbit-wrapper { width:310px !important; }

.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 0px; }
.orbit.with-bullets { margin-bottom: 0px; }
.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }
.orbit a.orbit-slide { border: none; line-height: 0; display: none; }
.orbit div.orbit-slide { width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.tracks_home .orbit div.orbit-slide { height:49px; }

/* 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; top:20px; left: 20px; opacity: .1; cursor: pointer; z-index: 31; }
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('../images/orbit/rotator-black.png') no-repeat; z-index: 3; }
div.orbit-wrapper span.rotator.move { left: 0; }
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.mask.move { width: 40px; left: 0; background: url('../images/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('../images/orbit/pause-black.png') no-repeat; z-index: 4; opacity: 0; }
div.orbit-wrapper span.pause.active { background: url('../images/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.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 100px; height:100px; width: 100%; }

.under { position:relative;; }
.overlay { position:absolute; top:50%; left:5%; width:150px; height:150px; margin-top:-75px; background:url('../images/orbit/overlay.png'); background-size: 100%; padding:0px; color:#fff; text-align:center; }
.overlay h5 { color:#fff; margin-top:50px; }
.overlay p { font-size:13px; }


/* Directional Nav ---------------------- */
div.orbit-wrapper div.slider-nav { display: block; }
div.orbit-wrapper div.slider-nav span { width: 49px; height: 49px; text-indent: -9999px; position: absolute; z-index: 30; top: -50px; margin-top: 0px; cursor: pointer; }
div.orbit-wrapper div.slider-nav span.right { background: url('../images/orbit/right-arrow-big.png'); background-size: 49px 98px; right: -10px; }
div.orbit-wrapper div.slider-nav span.right:hover { background-position:0 49px; }
div.orbit-wrapper div.slider-nav span.left { background: url('../images/orbit/left-arrow-big.png'); background-size: 49px 98px; left: -10px; }
div.orbit-wrapper div.slider-nav span.left:hover { background-position:0 49px; }
	
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('../images/orbit/right-arrow-big.png'); }
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('../images/orbit/left-arrow-big.png'); }

/* Bullet Nav ---------------------- */
ul.orbit-bullets { position: relative; z-index: 30; list-style: none; /*bottom: -56px; left: -20px;*/ margin-left: 0px; padding: 0; text-align:center; }
ul.orbit-bullets li { display:inline-block; margin-left: 5px; margin-right:5px; cursor: pointer; color: #999999; text-indent: -9999px; background: url('../images/orbit/bullets.jpg') no-repeat 0px 0; width: 13px; height: 12px; overflow: hidden; }
ul.orbit-bullets li.active { color: #222222; background-position: -14px 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 black; }

/* 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; }

/* 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: 767px) { div.orbit.orbit-stack-on-small img.fluid-placeholder { visibility: visible; }
  div.orbit.orbit-stack-on-small .orbit-slide { position: static; margin-bottom: 10px; }
  
  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 { right: -39px; }
  div.orbit-wrapper div.slider-nav span.left { left: -39px; }
  
  }

/* hover
.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; }
*/