.film-detail-nav{position:fixed;top:0;right:10px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;bottom:0;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;display:none}.film-detail-nav.show{opacity:1}.film-detail-nav-item{padding:3px 0;min-height:14px;text-transform:uppercase;font:14px/1 "Dharma Gothic",sans-serif;letter-spacing:.1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;color:#fff;background:0 0}.film-detail-nav-item.active .nav-dot{background-color:#fff}.film-detail-nav-item.active .nav-text span,.no-touch .film-detail-nav-item:hover .nav-text span{-webkit-transform:translateX(0);transform:translateX(0)}.film-detail-nav-item .nav-dot{display:block;text-indent:-9999px;overflow:hidden;width:8px;height:8px;border:1px solid #fff;-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%;cursor:pointer}.film-detail-nav-item .nav-text{overflow:hidden;margin:0 8px 0 0;pointer-events:none;display:none}.film-detail-nav-item .nav-text span{display:block;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .3s;transition:all .3s}@media (min-width:1200px){.film-detail-nav{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:1800px){.film-detail-nav{right:48px}.film-detail-nav-item .nav-text{display:block}}