/*
Theme created for use with Sequence.js (http://www.sequencejs.com/)

Theme: Front Page Scroller
Version: 1.0
Theme Author: Florian Egermann @tafkaf
Author URL: http://www.fleg.de/
Theme URL: http://www.fleg.de/

This is a FREE theme and is available under a MIT License:
http://www.opensource.org/licenses/mit-license.php

Sequence.js and its dependencies are (c) Ian Lunn Design 2012 - 2013 unless otherwise stated.
*/
/* prefix declarations */
/* THEME STYLES */
#sequence {
  margin: 0 30px 0 30px;
  padding: 0;
  position: relative;
  max-width: 1280px;
  background-repeat: no-repeat;
  position: relative;
  /* required */
  height: 400px; }
  #sequence .sequence-canvas {
    height: inherit;
    padding: 0; }
    #sequence .sequence-canvas > li {
      /* required */
      position: absolute;
      overflow: hidden;
      width: 100%;
      height: 100%;
      z-index: 1; }

.fps-content {
  position: absolute;
  bottom: 0;
  background: #fff;
  left: 0; }

.sequence-paused {
  opacity: 0.3; }

/* NAVIGATION */
.sequence-prev, .sequence-next {
  padding: 0 !important;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 1000;
  opacity: 0.5; }
  .sequence-prev:hover, .sequence-next:hover {
    opacity: 1; }

.sequence-prev {
  left: -30px; }

.sequence-next {
  right: -30px; }

.touch .sequence-next, .touch .sequence-prev {
  height: 0px !important;
  width: 0px !important; }

#sequence-preloader {
  background: #d9d9d9; }

/* PAGINATION */
.sequence-pagination {
  display: none;
  position: absolute;
  z-index: 10;
  top: 5px;
  right: 5px;
  padding: 0 !important;
  margin: 0 !important; }
  .sequence-pagination li {
    display: inline-block;
    *display: inline;
    /* Hack for IE7 and below as they don't support inline-block */ }
    .sequence-pagination li span {
      cursor: pointer;
      opacity: 0.5; }
    .sequence-pagination li span:hover {
      margin-bottom: 4px; }
  .sequence-pagination li.current span {
    opacity: 1;
    font-weight: bold; }

/* ANIMATIONS */
.sequence-canvas {
  /* starting position and base styles */ }
  .sequence-canvas img {
    opacity: 0;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s; }
  .sequence-canvas .animate-in img {
    opacity: 1; }
  .sequence-canvas .animate-out img {
    opacity: 0; }
  .sequence-canvas .fps-content {
    bottom: -200px;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s; }
  .sequence-canvas .animate-in .fps-content {
    bottom: 0px; }