.vimeography-journey { margin: 20px auto; clear: both; width: 100%; }

.vimeography-journey .vimeography-main {position: relative; margin: 0 0 9px; background: url(img/loader.gif) transparent no-repeat 37% 50%;}

.vimeography-journey .vimeography-player { position: relative; width: 74%; line-height: 0; }
.vimeography-journey .vimeography-player img {position: relative; width: 100%; border-radius: 3px; max-width: none;}

.vimeography-journey .vimeography-player .vimeography-playbar {position: absolute; top: 50%; left: 0; margin: -30px 0 0 0; background: rgba(0,0,0,.5); width: 100%; height: 60px; opacity: 0;}
.vimeography-journey .vimeography-player span {position: absolute; top: 50%; left: 0; margin: -21px 0 0 15px; color: #fff; font-size: 42px; line-height: 42px; cursor: pointer;}
.vimeography-journey .vimeography-player a {position: absolute; top: 50%; left: 0; font-size: 20px; line-height: 32px; margin: -18px 0 0 65px; color: #fff; border-bottom: 1px solid #fff; text-transform: uppercase; display: inline-block; width: 85%;}
.vimeography-journey .vimeography-player a:hover {text-decoration: none;}


.vimeography-journey .vimeography-info {position: absolute; top: 0; right: 0; bottom: 0; margin-left: 1.5%; width: 24.5%; height: 100%; background: #232323; color: #ccc; overflow: hidden; border-radius: 2px;}
.vimeography-journey .vimeography-info h1 {padding: 17px 15px 10px; margin: 0; color: #f4f4f4; text-transform: uppercase; font-size: 18px; line-height: 20px;}
.vimeography-journey .vimeography-info h2 {padding: 0 15px 15px; margin: 0; color: #f4f4f4; text-transform: uppercase; font-size: 14px; line-height: 14px; font-weight: normal;}
.vimeography-journey .vimeography-info p {padding: 0 15px 10px; margin: 0; color: #f4f4f4; font-size: 12px; line-height: 1.4em; overflow: hidden;}

.vimeography-journey .vimeography-thumbnail-container {clear: both; position: relative; padding: 22px; background-color: #232323; border-radius: 3px;}
.vimeography-journey .vimeography-thumbnail { zoom: 1; width: 95px; height: 95px; overflow: hidden; float: left; margin: 0 22px 0 0; border-radius: 2px; position: relative;}
.vimeography-journey .vimeography-thumbnail img { max-width: 200px; height: 150px; margin: -27px 0 0 -52px; position: absolute; }
.vimeography-journey .vimeography-thumbnail a { position: absolute; top: 0; opacity: 0; width: 85px; height: 85px; background: rgba(0, 0, 0, .75); padding: 5px; text-decoration: none; font-weight: 500; outline: none; }
.vimeography-journey .vimeography-thumbnail a.active { opacity: 1;}
.vimeography-journey .vimeography-thumbnail a span { color: #fff; font-size: 13px; line-height: 16px; }

.vimeography-journey .vimeography-template { display: none; }

ul.vimeography-journey-direction-nav {margin: 0; list-style: none; padding: 0; }
ul.vimeography-journey-direction-nav li {margin: 0; list-style: none !important; padding: 0;}


/* vimeography-thumbnail-container Necessary Styles
*********************************/
.vimeography-thumbnail-container {margin: 0; padding: 0;}
.vimeography-thumbnail-container .vimeography-thumbnails > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.vimeography-journey-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.vimeography-thumbnails:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .vimeography-thumbnails {display: block;}
* html .vimeography-thumbnails {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .vimeography-thumbnails > li:first-child {display: block;}


/* Direction Nav */
.vimeography-journey .vimeography-journey-direction-nav a {width: 17px; height: 17px; margin: -9px 0 0 0; display: block; background: url(img/arrows-small.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; outline: none;}

.vimeography-journey .vimeography-journey-next {right: 0;}
.vimeography-journey .vimeography-journey-prev {left: 0; background-position: 0 -17px !important;}

.vimeography-journey .vimeography-thumbnail-container:hover .vimeography-journey-next {opacity: 1; filter: alpha(opacity=100); right: 0;}
.vimeography-journey .vimeography-thumbnail-container:hover .vimeography-journey-prev {opacity: 1; filter: alpha(opacity=100); left: 0; background-position: 0 -17px;}

.vimeography-journey .vimeography-journey-direction-nav .vimeography-journey-next.vimeography-journey-disabled,
.vimeography-journey .vimeography-journey-direction-nav .vimeography-journey-next.disabled,
.vimeography-journey .vimeography-journey-direction-nav .vimeography-journey-prev.vimeography-journey-disabled,
.vimeography-journey .vimeography-journey-direction-nav .vimeography-journey-prev.disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.vimeography-journey-direction-nav .vimeography-journey-next.vimeography-journey-disabled,
.vimeography-journey-direction-nav .vimeography-journey-next.disabled {right: 0;}

.vimeography-journey-direction-nav .vimeography-journey-prev.vimeography-journey-disabled,
.vimeography-journey-direction-nav .vimeography-journey-prev.disabled {left: 0; background-position: 0 -17px;}

.vimeography-journey .jspDrag { background-color: rgba(0,0,0,0.15); border-radius: 10px;}
.vimeography-journey .jspVerticalBar {width: 10px;}
.vimeography-journey .jspHorizontalBar {height: 10px;}