/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================

   HTML5 display definitions

   ========================================================================== */

/**

 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.

 */

/* line 22, scss/includes/_normalize.scss */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

  display: block;

}



.playfair {

	font-family: 'Cinzel', serif;

    font-weight: 400;

    font-style: normal;

}

.playfairBold {

	font-family: 'Cinzel', serif;

    font-weight: 700;

    font-style: normal;

}

.playfairUltraBold {

	font-family: 'Cinzel', serif;

    font-weight: 900;

    font-style: normal;

}



/**

 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.

 */

/* line 32, scss/includes/_normalize.scss */

audio,

canvas,

video {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}



/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */

/* line 43, scss/includes/_normalize.scss */

audio:not([controls]) {

  display: none;

  height: 0;

}



/**

 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.

 * Known issue: no IE 6 support.

 */

/* line 53, scss/includes/_normalize.scss */

[hidden] {

  display: none;

}



/* ==========================================================================

   Base

   ========================================================================== */

/**

 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using

 *    `em` units.

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */

/* line 68, scss/includes/_normalize.scss */

html {

  font-size: 100%;

  /* 1 */

  -ms-text-size-adjust: 100%;

  /* 2 */

  -webkit-text-size-adjust: 100%;

  /* 2 */

 -webkit-touch-callout: none;

 -webkit-user-select: none;

 -khtml-user-select: none;

 -moz-user-select: none;

 -ms-user-select: none;

 user-select: none;

}



/**

 * Address `font-family` inconsistency between `textarea` and other form

 * elements.

 */

/* line 83, scss/includes/_normalize.scss */

html,

button,

input,

select,

textarea {

  font-family: sans-serif;

}



/**

 * Address margins handled incorrectly in IE 6/7.

 */

/* line 91, scss/includes/_normalize.scss */

body {

  margin: 0;

}



/* ==========================================================================

   Links

   ========================================================================== */

/**

 * Address `outline` inconsistency between Chrome and other browsers.

 */

/* line 103, scss/includes/_normalize.scss */

a:focus {

	outline: thin dotted;

	outline: 0;

}



/**

 * Improve readability when focused and also mouse hovered in all browsers.

 */

/* line 112, scss/includes/_normalize.scss */

a:active,

a:hover {

  outline: 0;

}



/* ==========================================================================

   Typography

   ========================================================================== */

/**

 * Address font sizes and margins set differently in IE 6/7.

 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,

 * and Chrome.

 */

/* line 126, scss/includes/_normalize.scss */

h1 {

  font-size: 2em;

  margin: 0.67em 0;

}



/* line 131, scss/includes/_normalize.scss */

h2 {

  font-size: 1.5em;

  margin: 0.83em 0;

}



/* line 136, scss/includes/_normalize.scss */

h3 {

  font-size: 1.17em;

  margin: 1em 0;

}



/* line 141, scss/includes/_normalize.scss */

h4 {

  font-size: 1em;

  margin: 1.33em 0;

}



/* line 146, scss/includes/_normalize.scss */

h5 {

  font-size: 0.83em;

  margin: 1.67em 0;

}



/* line 151, scss/includes/_normalize.scss */

h6 {

  font-size: 0.67em;

  margin: 2.33em 0;

}



/**

 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.

 */

/* line 160, scss/includes/_normalize.scss */

abbr[title] {

  border-bottom: 1px dotted;

}



/**

 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.

 */

/* line 169, scss/includes/_normalize.scss */

b,

strong {

  font-weight: bold;

}



/* line 173, scss/includes/_normalize.scss */

blockquote {

  margin: 1em 40px;

}



/**

 * Address styling not present in Safari 5 and Chrome.

 */

/* line 181, scss/includes/_normalize.scss */

dfn {

  font-style: italic;

}



/**

 * Address differences between Firefox and other browsers.

 * Known issue: no IE 6/7 normalization.

 */

/* line 190, scss/includes/_normalize.scss */

hr {

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

}



/**

 * Address styling not present in IE 6/7/8/9.

 */

/* line 200, scss/includes/_normalize.scss */

mark {

  background: #ff0;

  color: #000;

}



/**

 * Address margins set differently in IE 6/7.

 */

/* line 210, scss/includes/_normalize.scss */

p,

pre {

  margin: 1em 0;

}



/**

 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.

 */

/* line 221, scss/includes/_normalize.scss */

code,

kbd,

pre,

samp {

  font-family: monospace, serif;

  _font-family: 'courier new', monospace;

  font-size: 1em;

}



/**

 * Improve readability of pre-formatted text in all browsers.

 */

/* line 231, scss/includes/_normalize.scss */

pre {

  white-space: pre;

  white-space: pre-wrap;

  word-wrap: break-word;

}



/**

 * Address CSS quotes not supported in IE 6/7.

 */

/* line 241, scss/includes/_normalize.scss */

q {

  quotes: none;

}



/**

 * Address `quotes` property not supported in Safari 4.

 */

/* line 250, scss/includes/_normalize.scss */

q:before,

q:after {

  content: '';

  content: none;

}



/**

 * Address inconsistent and variable font size in all browsers.

 */

/* line 259, scss/includes/_normalize.scss */

small {

  font-size: 80%;

}



/**

 * Prevent `sub` and `sup` affecting `line-height` in all browsers.

 */

/* line 268, scss/includes/_normalize.scss */

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



/* line 275, scss/includes/_normalize.scss */

sup {

  top: -0.5em;

}



/* line 279, scss/includes/_normalize.scss */

sub {

  bottom: -0.25em;

}



/* ==========================================================================

   Lists

   ========================================================================== */

/**

 * Address margins set differently in IE 6/7.

 */

/* line 294, scss/includes/_normalize.scss */

dl,

menu,

ol,

ul {

  margin: 1em 0;

}



/* line 298, scss/includes/_normalize.scss */

dd {

  margin: 0 0 0 40px;

}



/**

 * Address paddings set differently in IE 6/7.

 */

/* line 308, scss/includes/_normalize.scss */

menu,

ol,

ul {

  padding: 0 0 0 40px;

}



/**

 * Correct list images handled incorrectly in IE 7.

 */

/* line 317, scss/includes/_normalize.scss */

nav ul,

nav ol {

  list-style: none;

  list-style-image: none;

}



/* ==========================================================================

   Embedded content

   ========================================================================== */

/**

 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.

 * 2. Improve image quality when scaled in IE 7.

 */

/* line 331, scss/includes/_normalize.scss */

img {

  border: 0;

  /* 1 */

  -ms-interpolation-mode: bicubic;

  /* 2 */

}



/**

 * Correct overflow displayed oddly in IE 9.

 */

/* line 340, scss/includes/_normalize.scss */

svg:not(:root) {

  overflow: hidden;

}



/* ==========================================================================

   Figures

   ========================================================================== */

/**

 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.

 */

/* line 352, scss/includes/_normalize.scss */

figure {

  margin: 0;

}



/* ==========================================================================

   Forms

   ========================================================================== */

/**

 * Correct margin displayed oddly in IE 6/7.

 */

/* line 364, scss/includes/_normalize.scss */

form {

  margin: 0;

}



/**

 * Define consistent border, margin, and padding.

 */

/* line 372, scss/includes/_normalize.scss */

fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



/**

 * 1. Correct color not being inherited in IE 6/7/8/9.

 * 2. Correct text not wrapping in Firefox 3.

 * 3. Correct alignment displayed oddly in IE 6/7.

 */

/* line 384, scss/includes/_normalize.scss */

legend {

  border: 0;

  /* 1 */

  padding: 0;

  white-space: normal;

  /* 2 */

  *margin-left: -7px;

  /* 3 */

}



/**

 * 1. Correct font size not being inherited in all browsers.

 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,

 *    and Chrome.

 * 3. Improve appearance and consistency in all browsers.

 */

/* line 401, scss/includes/_normalize.scss */

button,

input,

select,

textarea {

  font-size: 100%;

  /* 1 */

  margin: 0;

  /* 2 */

  vertical-align: baseline;

  /* 3 */

  *vertical-align: middle;

  /* 3 */

}



/**

 * Address Firefox 3+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */

/* line 414, scss/includes/_normalize.scss */

button,

input {

  line-height: normal;

}



/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.

 * Correct `select` style inheritance in Firefox 4+ and Opera.

 */

/* line 426, scss/includes/_normalize.scss */

button,

select {

  text-transform: none;

}



/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.

 *    Known issue: inner spacing remains in IE 6.

 */

/* line 443, scss/includes/_normalize.scss */

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  /* 2 */

  cursor: pointer;

  /* 3 */

  *overflow: visible;

  /* 4 */

}



/**

 * Re-set default cursor for disabled elements.

 */

/* line 454, scss/includes/_normalize.scss */

button[disabled],

html input[disabled] {

  cursor: default;

}



/**

 * 1. Address box sizing set to content-box in IE 8/9.

 * 2. Remove excess padding in IE 8/9.

 * 3. Remove excess padding in IE 7.

 *    Known issue: excess padding remains in IE 6.

 */

/* line 466, scss/includes/_normalize.scss */

input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  /* 1 */

  padding: 0;

  /* 2 */

  *height: 13px;

  /* 3 */

  *width: 13px;

  /* 3 */

}



/**

 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome

 *    (include `-moz` to future-proof).

 */

/* line 479, scss/includes/_normalize.scss */

input[type="search"] {

  -webkit-appearance: textfield;

  /* 1 */

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  /* 2 */

  box-sizing: content-box;

}



/**

 * Remove inner padding and search cancel button in Safari 5 and Chrome

 * on OS X.

 */

/* line 492, scss/includes/_normalize.scss */

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



/**

 * Remove inner padding and border in Firefox 3+.

 */

/* line 501, scss/includes/_normalize.scss */

button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



/**

 * 1. Remove default vertical scrollbar in IE 6/7/8/9.

 * 2. Improve readability and alignment in all browsers.

 */

/* line 511, scss/includes/_normalize.scss */

textarea {

  overflow: auto;

  /* 1 */

  vertical-align: top;

  /* 2 */

}



/* ==========================================================================

   Tables

   ========================================================================== */

/**

 * Remove most spacing between table cells.

 */

/* line 524, scss/includes/_normalize.scss */

table {

  border-collapse: collapse;

  border-spacing: 0;

}



/* ==========================================================================

   Variables

   ========================================================================== */

/*

 * COLORS

 */

/*

 * FONTS

 */

/* ==========================================================================

   mixins

   ========================================================================== */

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*

 * What follows is the result of much research on cross-browser styling.

 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,

 * Kroc Camen, and the H5BP dev community and team.

 */

/* ==========================================================================

   Base styles: opinionated defaults

   ========================================================================== */

/* line 17, scss/includes/_h5bp_defaults.scss */

html,

button,

input,

select,

textarea {

  color: #222;

}



/* line 21, scss/includes/_h5bp_defaults.scss */

html {

  font-size: 1em;

  line-height: 1.4;

}



/*

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection rule sets have to be separate.

 * Customize the background color to match your design.

 */

/* line 32, scss/includes/_h5bp_defaults.scss */

::-moz-selection {

  background: #b3d4fc;

  text-shadow: none;

}



/* line 37, scss/includes/_h5bp_defaults.scss */

::selection {

  background: #b3d4fc;

  text-shadow: none;

}



/*

 * A better looking default horizontal rule

 */

/* line 46, scss/includes/_h5bp_defaults.scss */

hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #ccc;

  margin: 1em 0;

  padding: 0;

}



/*

 * Remove the gap between images, videos, audio and canvas and the bottom of

 * their containers: h5bp.com/i/440

 */

/* line 63, scss/includes/_h5bp_defaults.scss */

audio,

canvas,

img,

video {

  vertical-align: middle;

}



/*

 * Remove default fieldset styles.

 */

/* line 71, scss/includes/_h5bp_defaults.scss */

fieldset {

  border: 0;

  margin: 0;

  padding: 0;

}



/*

 * Allow only vertical resizing of textareas.

 */

/* line 81, scss/includes/_h5bp_defaults.scss */

textarea {

  resize: vertical;

}



/* ==========================================================================

   Browse Happy prompt

   ========================================================================== */

/* line 89, scss/includes/_h5bp_defaults.scss */

.browsehappy {

  margin: 0.2em 0;

  background: #ccc;

  color: #000;

  padding: 0.2em 0;

}



/* ==========================================================================

   Author's custom styles

   ========================================================================== */

/* 

* apply a natural box layout model to all elements 

* http://www.paulirish.com/2012/box-sizing-border-box-ftw/

*/

/* line 10, scss/teaser.scss */

* {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



/* line 16, scss/teaser.scss */

* {

  outline: none;

  margin: 0px;

  padding: 0px;
  
  

}



/* line 18, scss/teaser.scss */

html {

  height: 100%;

  -webkit-text-size-adjust: none;

}



/* line 23, scss/teaser.scss */

body {

  margin: 0px;

  padding: 0px;

  background: #000;

  color: #ffffff;

  height: 100%;

  font-family: 'Roboto', serif;

  font-style: normal;

  font-weight: 400;

  -ms-touch-action: none;
  
 

}



/* line 35, scss/teaser.scss */

iframe {

  /* background: #000000; */

}



/* line 39, scss/teaser.scss */

.rel {

  position: relative;

  display: block;

  height: 100%;

}



/* line 45, scss/teaser.scss */

.noshow {

  display: block;

  width: 1px;

  height: 0px;

  overflow: hidden;

  float: left;

  clear: none;

}



/* line 54, scss/teaser.scss */

.imageCover {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

}



/* line 62, scss/teaser.scss */

.wrapper {

  width: 100%;

  height: 100%;

  min-height: 550px;

  min-width: 1000px;

  text-align: center;

  position: absolute;

  top: 0px;

  left: 0px;

  overflow: hidden;

}



/* line 74, scss/teaser.scss */

#browsehappy {

  display: none;

}



/* line 79, scss/teaser.scss */

.lt-ie9 #browsehappy {

  width: 100%;

  background: #90a3a6;

  height: 40px;

  line-height: 39px;

  text-align: center;

  margin: 0;

  color: #000;

}

/* line 87, scss/teaser.scss */

.lt-ie9 #browsehappy a {

  color: #000;

  text-decoration: none;

}

/* line 90, scss/teaser.scss */

.lt-ie9 #browsehappy a.close {

  display: block;

  position: absolute;

  top: 10px;

  right: 10px;

  height: 20px;

  background-color: #000;

  font-size: 10px;

  line-height: 20px;

  padding-left: 10px;

  padding-right: 10px;

  color: #fff;

}

/* line 104, scss/teaser.scss */

.lt-ie9 #outerWrapper {

  top: 40px;

}

/* line 109, scss/teaser.scss */

.lt-ie9 .happyclosed #browsehappy {

  display: none;

}

/* line 112, scss/teaser.scss */

.lt-ie9 .happyclosed #outerWrapper {

  top: 0px;

}



/* line 118, scss/teaser.scss */

#contentWrapper, #homeWrapper {

  width: 100%;

  height: 100%;

  text-align: center;

  position: absolute;

  left: 0px;

  overflow: hidden;

  background: #000;

  /*margin-top: 34px;*/

}



/* line 129, scss/teaser.scss */

#portraitTest {

  position: absolute;

  top: 0px;

  left: 0px;

  height: 100%;

  width: 100%;

  overflow: hidden;

  text-align: center;

  background: #000000;

  color: #ffffff;

  z-index: 100;

  display: none;

}



/* line 172, scss/teaser.scss */

#portraitTestInside {

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -300px;

  margin-top: -90px;

  width: 600px;

  height: 180px;

	font-family: 'Cinzel', serif;

    font-weight: 700;

  font-size: 24px;

}

#portraitTestInside img {

  margin: 0px 0px 20px 0px;

}

/*

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : landscape) {

	#portraitTest {

		display: none;

	}

}

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : portrait) {

	#portraitTest {

		display: block;

	}

}

*/

/* line 183, scss/teaser.scss */

#background {

  width: 100%;

  height: 100%;

  position: absolute;

  right: 0px;

  top: 0px;

}



/* line 191, scss/teaser.scss */

#background img {

  width: 100%;

  height: 100%;

}



/* line 196, scss/teaser.scss */

#doorCover {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0px;

  top: 0px;

  background: #000;

  display: none;

}



/* line 206, scss/teaser.scss */

#titles {

  position: absolute;

  width: 50%;

  height: auto;

  left: 0;

  top: 50%;

  text-align: center;

  margin: -25px 0px 0px 0px;

}



/* line 220, scss/teaser.scss */

#titles #date {

  text-align: center;

  color: #90a3a6;

  font-size: 30px;

  display: none;

}



/* line 227, scss/teaser.scss */

#titles #date h2, #titles #date h3 {

  font-size: 47px;

  line-height: 1em;

}



/* line 232, scss/teaser.scss */

#titles #date h2 {

  color: #f6f597;

}



/* line 236, scss/teaser.scss */

#titles #date h3 {

  font-weight: 900;

}



/* line 240, scss/teaser.scss */

.lt-ie9 #titles #date h3 {

	font-family: 'Cinzel', serif;

    font-weight: 700;

}



/* line 244, scss/teaser.scss */

#titles.small #date h2, #titles.small #date h3 {

  font-size: 40px;

}



/* line 248, scss/teaser.scss */

#titles.xsmall #date h2, #titles.xsmall #date h3 {

  font-size: 30px;

}



/* line 252, scss/teaser.scss */

#titles #tt {

  display: block;

  position: relative;

  margin: 0px 0px 0px 0px;

  

}



/* line 264, scss/teaser.scss */

#tag {

  position: absolute;

  display: block;

  z-index: 0;

  left: 50%;

  height: auto !important;

  display: none;

}



/* line 272, scss/teaser.scss */

h2, h3 {

  text-align: center;

  display: block;

}



/* line 277, scss/teaser.scss */

h2 {

  font-size: 2em;

  color: #90a3a6;

}



/* line 278, scss/teaser.scss */

h3 {

  font-size: 1.2em;

  color: #90a3a6;

}



/* line 280, scss/teaser.scss */

.tiny {

  font-size: 9px;

  position: relative;

  top: -8px;

  left: -7px;

}



/* line 3, scss/partials/_header.scss */

#header {

  position: absolute;

  top: -45px;

  left: 0px;

  height: 34px;

  width: 100%;

	font-family: 'Cinzel', serif;

    font-weight: 700;

  line-height: 25px;

  font-size: 14px;

  font-weight: 400;

  color: #90a3a6;

  text-shadow: 0px 0px 5px black;

}

#galleryMenu .leftMenu a {

	color: #fff;

	text-shadow: none;

}



/* line 18, scss/partials/_header.scss */

#headerBG, #sectionMenus {

  position: absolute;

  top: 0px;

  left: 0px;

  height: 100%;

  width: 100%;

}



/* line 27, scss/partials/_header.scss */

.menuSet {

  position: absolute;

  top: 0px;

  left: 0px;

  height: 100%;

  width: 100%;

}

/* line 34, scss/partials/_header.scss */

.menuSet #skip_txt {

  display: none;

}

/* line 37, scss/partials/_header.scss */

.menuSet #back_txt {

  display: inline;

}

/* line 42, scss/partials/_header.scss */

.menuSet.skip #skip_txt {

  display: inline;

}

/* line 45, scss/partials/_header.scss */

.menuSet.skip #back_txt {

  display: none;

}



/* line 51, scss/partials/_header.scss */

.centeredMenu {

  padding: 0;

  position: absolute;

  left: 0px;

  width: 100%;

  list-style: none;

  text-align: center;

  margin: 0;

}



/**

* Begin paginator stuff

*/

/* line 64, scss/partials/_header.scss */

#homeMenu {

  visibility: hidden;

  padding-left: 10px;

  padding-right: 50px;

}



/* line 70, scss/partials/_header.scss */

.paginatorWrapper {

  overflow: hidden;

}



/* line 74, scss/partials/_header.scss */

.paginatorWrapper .centeredMenu {

  text-align: left;

  position: relative;

  left: auto;

  width: auto;

}



/* line 83, scss/partials/_header.scss */

.paginatorWrapper .centeredMenu li {

  float: left;

}



/* line 87, scss/partials/_header.scss */

.paginatorWrapper .centeredMenu li:first-child {

  /* padding-left: 0; */

}



/* line 91, scss/partials/_header.scss */

.menuSet .prev, .menuSet .next {

  background: url(../images/pageArrows.png) no-repeat right -53px;

  opacity: 0;

  cursor: default;

  width: 50px;

  height: 34px;

  position: absolute;

  top: 0px;

  margin: 0;

  -webkit-transition: opacity 1s, background-position .15s ease-out;

  -moz-transition: opacity 1s, background-position .15s ease-out;

  -o-transition: opacity 1s, background-position .15s ease-out;

  transition: opacity 1s, background-position .15s ease-out;

  

  display: none;

}



/* line 106, scss/partials/_header.scss */

.lt-ie9 .menuSet .prev, .lt-ie9 .menuSet .next {

  display: none;

}



/* line 110, scss/partials/_header.scss */

.menuSet .prev.on, .menuSet .next.on {

  /*display: block;*/
  display: none;

  cursor: pointer;

  opacity: 1;

}



/* line 116, scss/partials/_header.scss */

.lt-ie9 .menuSet .prev.on, .lt-ie9 .menuSet .next.on {

  display: block;

}



/* line 120, scss/partials/_header.scss */

.menuSet .prev {

  left: 0;

  background-position: 7px 0px;
  
  display:none;

}



/* line 125, scss/partials/_header.scss */

.no-touch .no-touch .menuSet .prev.on:hover {

  background-position: -29px 0px;

}



/* line 129, scss/partials/_header.scss */

.menuSet .next {

  right: 0;

  background-position: -64px -28px;

}



/* line 134, scss/partials/_header.scss */

.no-touch .no-touch .menuSet .next.on:hover {

  background-position: -29px -28px;

}



/**

* End Paginator stuff

*/

/* line 141, scss/partials/_header.scss */

.rightMenu {

  position: absolute;

  right: 0px;

  list-style: none;

  text-align: right;

  margin: 0;

  padding: 0;

}



/* line 150, scss/partials/_header.scss */

.leftMenu {

  position: absolute;

  left: 0px;

  list-style: none;

  text-align: left;

  margin: 0;

  padding: 0;

}



/* line 160, scss/partials/_header.scss */

.leftMenu li, .rightMenu li, .centeredMenu li {

  display: inline-block;

  display: block;

  list-style: none;

}



/* line 167, scss/partials/_header.scss */

.leftMenu li {

  font-weight: 400;

}



/* line 172, scss/partials/_header.scss */

.leftMenu li a, .rightMenu li a, .centeredMenu li a {

  text-decoration: none;

  color: #90a3a6;

	font-family: 'Cinzel', serif;

    font-weight: 700;

  font-style: normal;

  letter-spacing: 1px;

  -webkit-transition: color 0.5s;

  -moz-transition: color 0.5s;

  -o-transition: color 0.5s;

  transition: color 0.5s;

}

/* line 182, scss/partials/_header.scss */

.ie .leftMenu li a, .ie .rightMenu li a, .ie .centeredMenu li a {

  line-height: 25px;

}



/* line 187, scss/partials/_header.scss */

.leftMenu li a.active, .rightMenu li a.active, .centeredMenu li a.active {

  color: #ffffff;

}



/* line 191, scss/partials/_header.scss */

.lt-ie9 .leftMenu li a, .lt-ie9 .rightMenu li a, .lt-ie9 .centeredMenu li a {

	font-family: 'Cinzel', serif;

    font-weight: 700;

}



/*

            .leftMenu li a {

                text-decoration: none;

                color: #fd792f;



                font-family: "proxima-nova",sans-serif;

                font-style: normal;

                position: relative;



                line-height: 22px;

                letter-spacing: 1px;

            }*/

/* line 207, scss/partials/_header.scss */

.no-touch .leftMenu li a:hover, .no-touch .rightMenu li a:hover, .no-touch .centeredMenu li a:hover {

  text-decoration: none;

  color: #ffffff;

}



/* line 212, scss/partials/_header.scss */

li.menu_dot {

  padding-left: 20px;

  padding-right: 20px;

  margin-top: 15px;

  width: 10px;

  height: 10px;

  background: url(../images/menu_dot.png) center top no-repeat;

}



/* line 221, scss/partials/_header.scss */

.backArrow_btn {

  padding-left: 60px;

}



/* line 226, scss/partials/_header.scss */

.backArrow {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 60px;

  height: 25px;

  background: url(../images/backArrow.png) center center no-repeat;

}



/* line 1, scss/partials/_footer.scss */

#footer {

  position: absolute;

  bottom: -100px;

  left: 0px;

  height: 37px;

  line-height: 37px;

  width: 100%;

  /*background: #0d0a04;

  border-top: solid 1px #5d4825;*/

  font-size: 11px;

  letter-spacing: 1px;

}

/* line 13, scss/partials/_footer.scss */

#footer a {

  color: #90a3a6;

  text-decoration: none;

  font-family: 'Roboto', serif;

  -webkit-transition: color 0.5s;

  -moz-transition: color 0.5s;

  -o-transition: color 0.5s;

  transition: color 0.5s;

}

/* line 18, scss/partials/_footer.scss */

.no-touch #footer a:hover {

  color: #ffffff;

}

/* line 23, scss/partials/_footer.scss */

#footer #bottomRight, #footer #bottomLeft {

  position: relative;

  z-index: 1;

}

/* line 26, scss/partials/_footer.scss */

#footer #bottomRight ul, #footer #bottomLeft ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

/* line 30, scss/partials/_footer.scss */

#footer #bottomRight ul li, #footer #bottomLeft ul li {

  float: left;

}

/* line 33, scss/partials/_footer.scss */

.ie #footer #bottomRight ul li a, .ie #footer #bottomLeft ul li a {

  line-height: 44px;

}

/* line 43, scss/partials/_footer.scss */

#footer #bottomLeft ul li {

  float: right;

  margin-right: 1.5em;

}

/* line 50, scss/partials/_footer.scss */

#footer #mpaa_legal {

  line-height: 1.25em;

  padding: 0;

  margin: 6px;

}

/* line 54, scss/partials/_footer.scss */

#footer #mpaa_legal a {

  color: #90a3a6;

  -webkit-transition: color 0.5s;

  -moz-transition: color 0.5s;

  -o-transition: color 0.5s;

  transition: color 0.5s;

}

/* line 57, scss/partials/_footer.scss */

.no-touch #footer #mpaa_legal a:hover {

  color: white;

}



/* line 64, scss/partials/_footer.scss */

#bottomCenter {

  text-align: center;

  display: inline-block;

  position: absolute;

  width: 100%;

  top: 0;

  left: 0;

  z-index: 0;

}

/* line 72, scss/partials/_footer.scss */

#bottomCenter.autoCenter {

  position: static;

  width: auto;

  top: auto;

  left: auto;

}



/* line 80, scss/partials/_footer.scss */

#bottomLeft {

  text-align: left;

  float: left;

  margin: -10px 0px 0px 50px;

}

/* line 87, scss/partials/_footer.scss */

#bottomLeft #bottom_left_links, #bottomLeft #credits-button {

  float: left;

}

/* line 90, scss/partials/_footer.scss */

#bottomLeft #credits-button {

  margin-left: -4px;

}

/* line 92, scss/partials/_footer.scss */

.ie #bottomLeft #credits-button {

  line-height: 44px;

}

/* line 97, scss/partials/_footer.scss */

#bottomLeft #bottom_left_links li {

  margin-right: 1.5em;

}



/* line 103, scss/partials/_footer.scss */

.lt-ie9 #bottomLeft {

  font-family: "ff-angie-web-pro-n4", "ff-angie-web-pro", serif;

}



/* line 107, scss/partials/_footer.scss */

#follow {

  margin-top: 2px;

  display: block;

  position: absolute;

  z-index: 1;

  top: 20px;

  right: 30px;

}



/* line 116, scss/partials/_footer.scss */

#follow .social-icon {

  margin-right: 0px;

  width: 32px;

  height: 32px;

  overflow: hidden;

  display: inline-block;

  *display: inline;

  zoom: 1;

  padding-top: 24px;

  background: url(../images/social-icons_new.png) no-repeat;

}

/* line 136, scss/partials/_footer.scss */

#follow .social-icon.facebook {

  background-position: 0px 0px;

}

/* line 140, scss/partials/_footer.scss */

#follow .social-icon.twitter {

  background-position: -32px 0px;

}

/* line 144, scss/partials/_footer.scss */

#follow .social-icon.youtube {

  background-position: -96px 0px;

}

/* line 148, scss/partials/_footer.scss */

#follow .social-icon.googleplus {

  background-position: -64px 0px;

}

/* line 152, scss/partials/_footer.scss */

#follow .social-icon.tumblr {

  background-position: -128px 0px;

}

/* line 156, scss/partials/_footer.scss */

#follow .social-icon.instagram {

  background-position: -160px 0px;

}



/* line 161, scss/partials/_footer.scss */

#share {

  /*position: absolute;

  bottom: 4px;

  left: 135px;*/

  float: left;

  margin-left: 16px;

}



/* line 194, scss/partials/_footer.scss */

#sharelabel {

  display: block;

  float: left;

  clear: none;

  text-decoration: none;

  padding-left: 0px;

  padding-right: 10px;

  position: relative;

}

/* line 202, scss/partials/_footer.scss */

.ie #sharelabel {

  /*line-height: 44px;*/

}



/* line 241, scss/partials/_footer.scss */

#share-facebook {

  position: relative;

  top: 4px;

}



/* line 246, scss/partials/_footer.scss */

.like-button {

  width: 90px;

  height: 21px;

  /* background: #21242B; */

}



/* line 252, scss/partials/_footer.scss */

.tweet-button {

  width: 60px;

  height: 21px;

}



/* line 258, scss/partials/_footer.scss */

#bottomRight {

  float: right;

  text-align: right;

  margin: -10px 50px 0px 0px;

}



#homeMenuCenter{

	position: absolute;

	top: 20px;
	
	/*top: -104px;*/

	left: 30px;

}

/* line 288, scss/partials/_footer.scss */

#credits {

  position: absolute;

  left: 0px;

  bottom: -320px;

  background: #000000;

  width: 100%;

  padding: 10px 0px;

  text-align: center;

  -webkit-backface-visibility: hidden;

  -webkit-transition-property: bottom, opacity;

  -webkit-transition-duration: 1s;

  -webkit-transition-timing-function: cubic-bezier(0.25,1,0.25,1);

  -moz-transition-property: bottom, opacity;

  -moz-transition-duration: 1s;

  -moz-transition-timing-function: cubic-bezier(0.25,1,0.25,1);

  opacity: 0;

  overflow: hidden;

  border-top: 0px;

  padding-bottom: 10px;

  z-index: 20;

}



/* line 310, scss/partials/_footer.scss */

#credits.active {

  bottom: 0px;

  opacity: 1;

}



/* line 315, scss/partials/_footer.scss */

#credits p {

  display: block;

  width: 100%;

  text-align: center;

  color: #fd792f;

}



/* line 322, scss/partials/_footer.scss */

#credits p a {

  text-decoration: none;

}



/* line 326, scss/partials/_footer.scss */

#credits .close {

  position: absolute;

  right: 10px;

  top: 0px;

  font-size: 18px;

  cursor: pointer;

  text-decoration: none;

}



/* line 335, scss/partials/_footer.scss */

#credits img.billing_block {

  display: block;

  margin: 10px auto 0 auto;

}



/* line 340, scss/partials/_footer.scss */

#credits_drawer_links {

  list-style: none;

  color: #90a3a6;

}



/* line 345, scss/partials/_footer.scss */

#credits_drawer_links {

  padding: 0;

  margin: 0 auto;

  width: 100%;

}



/* line 355, scss/partials/_footer.scss */

#credits_drawer_links li {

  display: inline-block;

  margin-left: 10px;

  margin-right: 10px;

}



/* line 361, scss/partials/_footer.scss */

#credits_drawer_links li a {

  color: #90a3a6;

  text-decoration: none;

}



/* line 366, scss/partials/_footer.scss */

.no-touch #credits_drawer_links li a:hover {

  color: #999;

}



/* line 370, scss/partials/_footer.scss */

#credits #copyright {

  position: relative;

  left: 50%;

  margin-left: -400px;

  width: 800px;

  color: #90a3a6;

}



/* line 378, scss/partials/_footer.scss */

#MPAA_requirements {

  position: absolute;

  bottom: -200px;

  right: 0px;

  width: 300px;

  background: #0d0a04;

  padding: 20px;

}



/* line 387, scss/partials/_footer.scss */

#MPAA_requirements img {

  float: left;

}



/* line 391, scss/partials/_footer.scss */

#MPAA_requirements ul {

  float: left;

  margin-left: .25em;

}



/* line 396, scss/partials/_footer.scss */

#MPAA_requirements ul li {

  text-align: left;

  display: block;

  margin-top: .5em;

}



/* line 413, scss/partials/_footer.scss */

#footer #shareShelf {

  display: block;

  position: absolute;

  top: 60px;

  width: 200px;

  padding: 30px 10px 10px 10px;

  background: #0d0a04;

  margin-left: -10px;

  background: #0d0a04;

  line-height: 1em;

}

/* line 424, scss/partials/_footer.scss */

#footer #shareShelf .facebook {

  float: none;

  margin: 0;

  display: block;

}

/* line 431, scss/partials/_footer.scss */

#footer #shareShelfContents {

  position: relative;

  text-align: left;

}

/* line 434, scss/partials/_footer.scss */

#footer #shareShelfContents .shareshelf-button {

  display: block;

  margin: 5px 0;

}

/* line 440, scss/partials/_footer.scss */

.no-touch #footer #sharelabel:hover {

  color: #ffffff;

}

/* line 444, scss/partials/_footer.scss */

#footer .like-button {

  width: 90px;

  height: 21px;

  /* background: #21242B; */

}

/* line 449, scss/partials/_footer.scss */

#footer .tweet-button {

  width: 60px;

  height: 21px;

}

/* line 454, scss/partials/_footer.scss */

#footer #share-facebook {

  position: relative;

  top: 4px;

}

/* line 459, scss/partials/_footer.scss */

#footer .footer-btn {

  float: left;

  display: block;

  color: white;

  text-decoration: none;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: normal;

  position: relative;

  font-size: 9px;

  line-height: 37px;

  letter-spacing: 1px;

}

/* line 472, scss/partials/_footer.scss */

.no-touch #footer p a:hover {

  color: #ffffff;

}

/* line 477, scss/partials/_footer.scss */

.no-touch #footer p a:hover {

  color: #ffffff;

}

/* line 481, scss/partials/_footer.scss */

#footer #sharelabel {

  position: relative;

  margin-right: 20px;

}

/* line 485, scss/partials/_footer.scss */

#footer #sharelabel.active .border-arrow {

  border-top-width: 4px;

  border-bottom-width: 0px;

}

/* line 491, scss/partials/_footer.scss */

#footer .border-arrow {

  display: inline-block;

  margin-left: 6px;

  margin-top: 0px;

  margin-bottom: 2px;

  border-left: 3px solid transparent;

  border-right: 3px solid transparent;

  border-top: 0px solid #90a3a6;

  border-bottom: 4px solid #90a3a6;

  border-top-color: secondary_color(0.75);

  border-bottom-color: secondary_color(0.75);

  -webkit-transition: border 0.25s ease-out;

  -moz-transition: border 0.25s ease-out;

  -o-transition: border 0.25s ease-out;

  transition: border 0.25s ease-out;

}



/* line 291, scss/teaser.scss */

#no-js {

  display: none;

}

/* line 293, scss/teaser.scss */

.no-js #no-js {

  position: absolute;

  display: block;

  width: 100%;

  top: 20%;

  text-align: center;

  color: #FFF;

  font-size: 16px;

}



/* line 304, scss/teaser.scss */

#no-bg {

  display: block;

  width: 100%;

  height: 300%;

  position: absolute;

  left: 0px;

  top: 0px;

  background: #000;

  visibility: hidden;

}



/* line 315, scss/teaser.scss */

.innerShell {

  left: 0px;

  width: 100%;

  height: 100%;

  position: absolute;

  /*background-image: url(../images/section_darken.png);*/

}



/* line 323, scss/teaser.scss */

.innerShell .close {

  display: block;

  overflow: hidden;

  position: absolute;

  right: 50%;

  top: -25px;

  color: #90a3a6;

  background: transparent;

  text-decoration: none;

  font-family: 'Roboto', serif;

  font-weight: 400;

  font-size: 12px;

  letter-spacing: 1px;

  width: 150px;

  margin-left: -75px;

  height: 20px;

  

  right: 0;

  margin-left: 0px;

  text-align: right;

}



/* line 340, scss/teaser.scss */

.innerShell .close span {

  line-height: 20px;

}



/* line 344, scss/teaser.scss */

.no-touch .innerShell .close:hover {

  color: #ffffff;

}

.innerShell .closex {

  display: block;

  position: absolute;

  right: 0;

  left: 50%;

  top: 180px;

  width: 50px;

  height: 50px;

  margin-left: -25px;

}



/* line 348, scss/teaser.scss */

.innerShell .title {

	width: 100%;

	display: block;

	position: absolute;

	left: 0px;

	top: 125px;

	font-family: 'Cinzel', serif;

    font-weight: 700;

	font-size: 33px;

	letter-spacing: 1px;

	color: #ffffff;

	text-align: center;

}



/* line 361, scss/teaser.scss */

.lt-ie9 .innerShell .title {

	font-family: 'Cinzel', serif;

    font-weight: 700;

}



/* line 365, scss/teaser.scss */

.innerShell .scroll-up, .innerShell .scroll-down {

  width: 30px;

  height: 0px;

  overflow: hidden;

  display: block;

  position: absolute;

  padding-top: 30px;

  right: 10px;

}



/* line 375, scss/teaser.scss */

.innerShell .scroll-up {

  top: 118px;

}



/* line 379, scss/teaser.scss */

.innerShell .scroll-down {

  top: 152px;

}



/* line 383, scss/teaser.scss */

.innerShell .content {

  width: 600px;

  height: 325px;

  position: absolute;

  left: 0px;

  top: 0px;

  overflow: hidden;

  color: #d6dee2;

  font-size: 12px;

  letter-spacing: 1px;

  line-height: 1.75em;

  text-align: left;

}



/* line 398, scss/teaser.scss */

.innerShell .content p {

  display: block;

  margin-bottom: 15px;

  margin-top: 0px;

  line-height: 1.75em;

  text-align: center;

  font-family: 'Roboto', serif;

  font-weight: 400;

  text-shadow: 0px 0px 5px black;

}



/* line 409, scss/teaser.scss */

.innerShell .nav {

  position: absolute;

  width: 100%;

  top: 92px;

  text-align: center;

  font-size: 13px;

}



/* line 417, scss/teaser.scss */

.innerShell .nav a {

  color: #ffffff;

  text-decoration: none;

  display: inline-block;

  *display: inline;

  zoom: 1;

  margin-right: 15px;

}



/* line 426, scss/teaser.scss */

.innerShell .nav a span {

  font-size: 8px !important;

}



/* line 430, scss/teaser.scss */

.innerShell .nav a.active, .no-touch .innerShell .nav a:hover {

  color: #a34b21 !important;

}

#synopsisShell {

	/*z-index: 1001;*/

}

/* line 434, scss/teaser.scss */

.innerShell .sectionLine {

  position: absolute;

  width: 80px;

  height: 3px;

  left: 360px;

  top: 440px;

  background-color: rgba(255, 255, 255, 1);

}



.innerShell .ornamentLine {

  position: absolute;

  width: 100%;

  height: 15px;

  left: 0;

  top: -30px;

  text-align: center;

	}

	.ornamentLineInner {

		display: inline-block;

		width: 196px;

		height: 15px;

		background-image: url(../images/ornament.png);

		background-position: top center;

		}



.innerShell .dividerLine {

  position: absolute;

  width: 1px;

  height: 70px;

  left: 400px;

  top: 75px;

  background-color: rgba(255, 255, 255, 0.5);

}



/* SYNOPSIS STYLE */

/* line 3, scss/partials/_synopsis.scss */

#synopsis {

  position: absolute;

  top: 25%;

  left: 25%;

  width: 500px;

  height: 300px;

  margin: 0px 0px 0px -240px;

  z-index: 1;

}

/* line 13, scss/partials/_synopsis.scss */

#synopsis .content {

  height: 165px;

  width: 500px;

}

/* line 17, scss/partials/_synopsis.scss */

.ipad #synopsis {

  /*top: 25px;*/

}

/* line 21, scss/partials/_synopsis.scss */

#synopsis a {

  text-decoration: none;

  /*color: #ffffff;*/

}

/* line 24, scss/partials/_synopsis.scss */

#synopsis a:hover {

  color: white;

}



/* DOWNLOADS STYLE */

/* line 446, scss/teaser.scss */

#downloads {

  position: absolute;

  top: 100px;

  left: 50%;

  margin-left: -400px;

  width: 800px;

  height: 500px;

  overflow: hidden;

}



/* line 456, scss/teaser.scss */

.ipad #downloads {

  top: 20px;

}



/* line 460, scss/teaser.scss */

.ipad #downloads img {

  max-height: 250px;

}



/* line 464, scss/teaser.scss */

#downloads .content p {

  text-align: center;

}



/* line 468, scss/teaser.scss */

#downloads .content {

  left: 35px;

  color: #BB2628;

  width: 730px;

}



/* line 474, scss/teaser.scss */

#downloads .dl_section {

  zoom: 1;

  position: relative;

}



/* line 479, scss/teaser.scss */

#downloads .dl_section .inner {

  zoom: 1;

  position: relative;

}



/* line 484, scss/teaser.scss */

#downloads .pagebutton {

  width: 35px;

  height: 0px;

  overflow: hidden;

  display: block;

  position: absolute;

  padding-top: 47px;

  top: 110px;

  -webkit-transition: background-position .15s ease-out;

  -moz-transition: background-position .15s ease-out;

  -o-transition: background-position .15s ease-out;

  transition: background-position .15s ease-out;

}



/* line 498, scss/teaser.scss */

#downloads .nextBtn {

  right: 35px;

  background-image: url(../images/pageArrows.png);

  background-position: -70px -47px;

}



/* line 503, scss/teaser.scss */

.no-touch #downloads .nextBtn:hover {

  background-position: -35px -47px;

}



/* line 507, scss/teaser.scss */

#downloads .nextBtn.inactive, .no-touch #downloads .nextBtn.inactive:hover {

  background-position: 0px -47px;

}



/* line 511, scss/teaser.scss */

#downloads .prevBtn {

  left: 35px;

  background-image: url(../images/pageArrows.png);

  background-position: 0px 0px;

}



/* line 516, scss/teaser.scss */

.no-touch #downloads .prevBtn:hover {

  background-position: -35px 0px;

}



/* line 520, scss/teaser.scss */

#downloads .prevBtn.inactive, .no-touch #downloads .prevBtn.inactive:hover {

  background-position: -70px 0px;

}



/* line 524, scss/teaser.scss */

#downloads .content .inner {

  position: relative;

  padding-top: 10px;

}



/* line 529, scss/teaser.scss */

#downloads #fbcovers .content .inner {

  padding-top: 50px;

}



/* line 533, scss/teaser.scss */

#downloads .content .page {

  position: absolute;

  width: 100%;

  height: 100%;

}



/* line 539, scss/teaser.scss */

#wallpapers .content img {

  width: 450px;

  height: auto;

  border: 1px solid #536470;

}



/* line 545, scss/teaser.scss */

#downloads .content a {

  color: #d7d7d7;

  text-decoration: none;

  display: inline-block;

  *display: inline;

  zoom: 1;

  margin: 0px 5px;

  font-size: 12px;

}



/* line 556, scss/teaser.scss */

.no-touch #downloads .content a:hover {

  color: #ffffff;

}



/* line 560, scss/teaser.scss */

#tablet .content a img, #mobile .content a img {

  border: 1px solid #536470;

  width: auto;

}



/* line 565, scss/teaser.scss */

#fbcovers .content img {

  width: 450px;

  height: auto;

  border: 1px solid #536470;

}



/* line 571, scss/teaser.scss */

#player {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  background: #000;

  text-align: center;

  visibility: hidden;

}



/* line 582, scss/teaser.scss */

#playerFlashCover {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  background: #000;

  text-align: center;

}



/* line 593, scss/teaser.scss */

#playerOptions {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

  background-image: url(../images/options_darken.png);

  text-align: center;

  display: none;

}



/* line 604, scss/teaser.scss */

#playerOptionsInner {

  position: absolute;

  width: 520px;

  height: 300px;

  left: 50%;

  top: 50%;

  margin-top: -150px;

  margin-left: -300px;

  background: #000000;

  padding-left: 40px;

  padding-right: 40px;

  overflow: hidden;

}



/* line 619, scss/teaser.scss */

#playerOptionsClose {

  font-size: 21px;

  color: #83969C;

  width: 7%;

  float: left;

  clear: none;

  display: block;

  text-align: right;

  text-decoration: none;

  padding-top: 40px;

}



/* line 631, scss/teaser.scss */

.no-touch #playerOptionsClose:hover {

  color: #ffffff;

}



/* line 635, scss/teaser.scss */

.optionsCol {

  display: block;

  width: 45%;

  float: left;

  clear: none;

  text-align: center;

  padding-top: 40px;

}



/* line 644, scss/teaser.scss */

.optionsCol h3 {

  color: #ffffff;

  font-weight: 900;

}



/* line 649, scss/teaser.scss */

.optionsCol ul {

  list-style: none;

  display: block;

  text-align: center;

  margin-bottom: 30px;

  width: 100%;

  float: left;

  clear: both;

}



/* line 659, scss/teaser.scss */

.optionsCol ul li {

  list-style: none;

  display: block;

  float: left;

  clear: both;

  text-align: center;

  width: 100%;

  font-size: 15px;

  font-weight: 700;

  color: #8c9ba9;

}



/* line 671, scss/teaser.scss */

.optionsCol ul li a {

  color: #c7ced5;

  text-decoration: none;

  font-size: 12px;

}



/* line 677, scss/teaser.scss */

.no-touch .optionsCol ul li a:hover {

  color: #ffffff;

}



/* line 681, scss/teaser.scss */

#playerOptionsOpen {

  right: 15px;

  top: 0px;

  padding-top: 10px;

  color: #777777;

  font-weight: 900;

  font-size: 12px;

  text-decoration: none;

}



/* line 691, scss/teaser.scss */

.no-touch #playerOptionsOpen:hover {

  color: #ffffff;

}



/* line 695, scss/teaser.scss */

#player #playerMenu {

  position: absolute;

  left: 0px;

  top: 30px;

  background: #000;

  border-bottom: 1px solid #404346;

  padding-top: 5px;

  text-align: center;

  width: 100%;

  height: 26px;

  overflow: hidden;

  list-style: none;

}



/* line 709, scss/teaser.scss */

#player #playerMenu li {

  display: inline-block;

  list-style: none;

  padding-left: 10px;

  padding-right: 10px;

  color: #ffffff;

  font-size: 12px;

  font-style: normal;

  font-weight: 700;

}



/* line 721, scss/teaser.scss */

#player #playerMenu li a {

  color: #d0d5db;

  text-decoration: none;

  cursor: pointer;

}



/* line 727, scss/teaser.scss */

#player #playerMenu li a.active {

  color: #f6f597;

  cursor: default;

  font-weight: 900;

}



/* line 733, scss/teaser.scss */

.no-touch #player #playerMenu li a:hover {

  color: #f6f597;

}



/* line 737, scss/teaser.scss */

#player #youtube-player {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 60px;

  left: 0px;

}



/* line 745, scss/teaser.scss */

#gallery {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

  background: #fff;

  display: none;

}

#gallery_gradient {

	position: absolute;

	top: 0px;

	left: 0px;

	pointer-events: none;

}



/* line 755, scss/teaser.scss */

#gallery .close-gallery {

  position: absolute;

  right: 15px;

  top: 15px;

  text-align: center;

}



/* line 763, scss/teaser.scss */

#gallery .close-gallery a {

  display: block;

  width: 30px;

  padding-top: 30px;

  height: 0px;

  overflow: hidden;

}



/* line 771, scss/teaser.scss */

#galleryPrev {

  background: url(../images/galleryArrows.png) top left no-repeat;

  position: absolute;

  width: 70px;

  height: 70px;

  margin-top: -35px;

  overflow: hidden;

  top: 50%;

  left: 0px;

}



/* line 782, scss/teaser.scss */

.no-touch #galleryPrev:hover {

  background: url(../images/galleryArrows.png) bottom left no-repeat;

}



/* line 786, scss/teaser.scss */

#galleryNext {

  background: url(../images/galleryArrows.png) top right no-repeat;

  position: absolute;

  width: 70px;

  height: 70px;

  margin-top: -35px;

  overflow: hidden;

  top: 50%;

  right: 0px;

}



/* line 797, scss/teaser.scss */

.no-touch #galleryNext:hover {

  background: url(../images/galleryArrows.png) right bottom no-repeat;

}



/* line 801, scss/teaser.scss */

#galleryStrip {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0%;

  overflow: visible;

  opacity: 0;

}



/* line 811, scss/teaser.scss */

#galleryStrip .galleryOuter {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  overflow: hidden;

}



/* line 818, scss/teaser.scss */

#galleryStrip #gallery_Left {

  top: 0px;

  left: -100%;

}



/* line 823, scss/teaser.scss */

#galleryStrip #gallery_Mid {

  top: 0px;

  left: 0%;

}



/* line 828, scss/teaser.scss */

#galleryStrip #gallery_Right {

  top: 0px;

  left: 100%;

}



/* line 833, scss/teaser.scss */

.galleryOuter .galleryInner, .galleryOuter .galleryInner img {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

  cursor: url(../images/openhand.cur), default !important;

}



/* line 843, scss/teaser.scss */

#banner {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

  background: #000000;

  display: none;

}



/* line 853, scss/teaser.scss */

#banner .close-banner {

  position: absolute;

  right: 15px;

  top: 15px;

  text-align: center;

}



/* line 861, scss/teaser.scss */

#banner .close-banner a {

  display: block;

  width: 30px;

  padding-top: 30px;

  height: 0px;

  overflow: hidden;

}



/* line 869, scss/teaser.scss */

#bannerImages {

  position: absolute;

  left: 0px;

  top: 0px;

  display: none;

  -ms-touch-action: none;

}



/* line 877, scss/teaser.scss */

#bannerImages .imageContainer {

  position: absolute;

  left: 0px;

  top: 0px;

  -ms-touch-action: none;

}



/* line 884, scss/teaser.scss */

#bannerImages .imageContainer img {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  -ms-touch-action: none;

}



/* line 893, scss/teaser.scss */

#bannerLeft {

  position: absolute;

  width: 150px;

  height: 100%;

  overflow: hidden;

  top: 0%;

  left: -1px;

}



/* line 902, scss/teaser.scss */

#bannerLeft img {

  position: absolute;

  top: 50%;

  left: 0px;

  margin-top: -30px;

}



/* line 909, scss/teaser.scss */

#bannerRight {

  position: absolute;

  width: 150px;

  height: 100%;

  overflow: hidden;

  top: 0%;

  right: -1px;

}



/* line 917, scss/teaser.scss */

#bannerRight img {

  position: absolute;

  top: 50%;

  right: 0px;

  margin-top: -30px;

}



/* line 924, scss/teaser.scss */

#bannerloading {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  background: #000000;

  -ms-touch-action: none;

}



/* line 934, scss/teaser.scss */

#bannerloading img {

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -30px;

  margin-top: -30px;

}



/* line 942, scss/teaser.scss */

#bannerDownload {

  position: absolute;

  bottom: 15px;

  right: 15px;

  padding: 10px 20px;

  background: #a8bdc2;

  color: #303a43;

  text-decoration: none;

  font-size: 20px;

  border: 1px solid #303a43;

}



/* line 953, scss/teaser.scss */

.no-touch #bannerDownload:hover {

  background: #CCCCCC;

}



/* line 957, scss/teaser.scss */



#tagline {

	display: block;

	position: absolute;

	top: 25%;

	left: 0%;

	width: 50%;

	color: #90a3a6;

	font-size: 18px;

	font-family: 'Cinzel', serif;

    font-weight: 400;

	line-height: 28px;

	text-align: center;

	text-shadow: 0px 0px 20px black;

	letter-spacing: 1px;

	margin: -25px 0px 0px 0px;
	text-transform:none;
	
	 

	}

	#tagline span {

		font-size: 28px;

    	font-weight: 700;

		}





#exclusiveTout {

	display: inline-block;

	position: relative;

	color: #ffffff;

	border: solid 2px #ffffff;

	text-decoration: none;

	font-size: 15px;

	line-height: 1.2em;

	padding: 10px 20px;

	margin: 20px 0px 0px -100px;

	-webkit-transition: color 0.5s, background-color 0.5s;

	-moz-transition: color 0.5s, background-color 0.5s;

	-o-transition: color 0.5s, background-color 0.5s;

	transition: color 0.5s, background-color 0.5s;

	

	-webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.5), inset 0px 0px 10px 0px rgba(255,255,255,0.5);

	-moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.5), inset 0px 0px 10px 0px rgba(255,255,255,0.5);

	box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.5), inset 0px 0px 10px 0px rgba(255,255,255,0.5);

}

.no-touch #exclusiveTout:hover {

	color: #000000;

	background-color: #fff;

}



/* line 971, scss/teaser.scss */

.lt-ie9 #exclusiveTout {

	font-family: 'Cinzel', serif;

    font-weight: 700;

}



/* line 975, scss/teaser.scss */

#exclusiveTout.small {

  font-size: 18px;

}



/* line 979, scss/teaser.scss */

#exclusiveTout.xsmall {

  font-size: 16px;

}



/* line 983, scss/teaser.scss */

#exclusiveTout_icon {

  display: none;

  position: relative;

  top: 8px;

  width: 29px;

  height: 29px;

  background: url(../images/exclusive_icon.png) top left no-repeat;

  margin-right: 20px;

}



/* line 993, scss/teaser.scss */

.no-touch #exclusiveTout:hover {

  /*background-color: #fff;*/

}



/* line 999, scss/teaser.scss */

#event_overlay {

  position: absolute;

  visibility: hidden;

  z-index: 1000;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/section_darken.png);

}



/* line 1009, scss/teaser.scss */

#event_overlay .event_wrapper {

  display: block;

  position: absolute;

  left: 50%;

  margin-left: -306px;

  top: 50%;

  margin-top: -306px;

}



/* line 1018, scss/teaser.scss */

#event_overlay .event_wrapper a {

  display: block;

}



/* line 1022, scss/teaser.scss */

#event_overlay .close {

  cursor: pointer;

  position: absolute;

  top: -25px;

  font-size: 14px;

  text-decoration: none;

  right: 0px;

  color: #fff;

}



/* line 1, scss/includes/_tinyscrollbar.scss */

.scrollable {

  position: relative;

  /*padding-right: 30px;

  padding-left: 30px;*/

}



/* line 7, scss/includes/_tinyscrollbar.scss */

.scrollable .viewport {

  width: 100%;

  height: 211px;

  overflow: hidden;

  position: relative;

}



/* line 14, scss/includes/_tinyscrollbar.scss */

.scrollable .viewport.scrolling .overview {

  padding-right: 35px;

}



/* line 18, scss/includes/_tinyscrollbar.scss */

.scrollable .overview {

  width: 100%%;

  list-style: none;

  position: absolute;

  left: 0;

  top: 0;

}



/* line 27, scss/includes/_tinyscrollbar.scss */

.scrollable .thumb .end,

.scrollable .thumb {

  cursor: pointer;

  position: absolute;

  top: 0;

  width: 47px;

  left: -10px;

  padding-left: 10px;

  padding-right: 10px;

}



/* line 37, scss/includes/_tinyscrollbar.scss */

.scrollable .thumb_inner {

  height: 100%;

  position: absolute;

  background-color: #90a3a6;

  width: 5px;

}



/* line 44, scss/includes/_tinyscrollbar.scss */

.scrollable .scrollbar {

  position: absolute;

  right: -25px;

  top: 0px;

  width: 5px;

}



/* line 51, scss/includes/_tinyscrollbar.scss */

.scrollable .track {

  height: 100%;

  position: relative;

  padding: 0;

}



/* line 57, scss/includes/_tinyscrollbar.scss */

.scrollable .thumb .end {

  overflow: hidden;

  height: 5px;

  width: 13px;

}



/* line 63, scss/includes/_tinyscrollbar.scss */

.scrollable .disable {

  display: none;

}



/* Have to apply it to all child elements for firefox */

/* line 68, scss/includes/_tinyscrollbar.scss */

.noSelect * {

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



@media (orientation: landscape) {

  /* line 1036, scss/teaser.scss */

  body.ipad.ios7 {

    position: fixed;

    bottom: 0;

    width: 100%;

    height: 672px !important;

  }

}

@media (orientation: portrait) {

  /* line 1045, scss/teaser.scss */

  body.ipad.ios7 #exclusiveTout {

    width: 300px;

  }

}

/* ==========================================================================

   Helper classes

   ========================================================================== */

/*

 * Image replacement

 */

/* line 9, scss/includes/_h5bp_helper_classes.scss */

.ir {

  background-color: transparent;

  border: 0;

  overflow: hidden;

  /* IE 6/7 fallback */

  *text-indent: -9999px;

}



/* line 17, scss/includes/_h5bp_helper_classes.scss */

.ir:before {

  content: "";

  display: block;

  width: 0;

  height: 150%;

}



/*

 * Hide from both screenreaders and browsers: h5bp.com/u

 */

/* line 28, scss/includes/_h5bp_helper_classes.scss */

.hidden {

  display: none !important;

  visibility: hidden;

}



/*

 * Hide only visually, but have it available for screenreaders: h5bp.com/v

 */

/* line 37, scss/includes/_h5bp_helper_classes.scss */

.visuallyhidden {

  border: 0;

  clip: rect(0 0 0 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px;

}



/*

 * Hide visually and from screenreaders, but maintain layout

 */

/* line 52, scss/includes/_h5bp_helper_classes.scss */

.invisible {

  visibility: hidden;

}



/*

 * Clearfix: contain floats

 *

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    `contenteditable` attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that receive the `clearfix` class.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */

/* line 69, scss/includes/_h5bp_helper_classes.scss */

.clearfix:before,

.clearfix:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}



/* line 74, scss/includes/_h5bp_helper_classes.scss */

.clearfix:after {

  clear: both;

}



/*

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */

/* line 83, scss/includes/_h5bp_helper_classes.scss */

.clearfix {

  *zoom: 1;

}



/* line 1, scss/includes/_flock_helper_classes.scss */

.full {

  width: 100%;

  height: 100%;

  display: block;

}



/* line 2, scss/includes/_flock_helper_classes.scss */

.invis {

  visibility: hidden;

  opacity: 0;

}



/* line 3, scss/includes/_flock_helper_classes.scss */

.hList {

  list-style: none;

  white-space: nowrap;

}



/* line 4, scss/includes/_flock_helper_classes.scss */

.hList li {

  display: inline-block;

  white-space: normal;

  vertical-align: top;

}



/* line 5, scss/includes/_flock_helper_classes.scss */

.absFull {

  top: 0;

  left: 0;

  position: absolute;

  width: 100%;

  height: 100%;

  display: block;

}



/* line 12, scss/includes/_flock_helper_classes.scss */

.TL {

  top: 0;

  left: 0;

  position: absolute;

}



/* line 13, scss/includes/_flock_helper_classes.scss */

.T {

  top: 0;

  left: 50%;

  position: absolute;

}



/* line 14, scss/includes/_flock_helper_classes.scss */

.TR {

  top: 0;

  right: 0;

  position: absolute;

}



/* line 15, scss/includes/_flock_helper_classes.scss */

.L {

  top: 50%;

  left: 0;

  position: absolute;

}



/* line 16, scss/includes/_flock_helper_classes.scss */

.C {

  top: 50%;

  left: 50%;

  position: absolute;

}



/* line 17, scss/includes/_flock_helper_classes.scss */

.R {

  top: 50%;

  right: 0;

  position: absolute;

}



/* line 18, scss/includes/_flock_helper_classes.scss */

.BL {

  bottom: 0;

  left: 0;

  position: absolute;

}



/* line 19, scss/includes/_flock_helper_classes.scss */

.B {

  bottom: 0;

  left: 50%;

  position: absolute;

}



/* line 20, scss/includes/_flock_helper_classes.scss */

.BR {

  bottom: 0;

  right: 0;

  position: absolute;

}



/* line 22, scss/includes/_flock_helper_classes.scss */

.centeredmenu {

  float: left;

  width: 100%;

  overflow: hidden;

  position: relative;

}

/* line 27, scss/includes/_flock_helper_classes.scss */

.centeredmenu ul {

  clear: left;

  float: left;

  list-style: none;

  margin: 0;

  padding: 0;

  position: relative;

  left: 50%;

  text-align: center;

}

/* line 36, scss/includes/_flock_helper_classes.scss */

.centeredmenu ul li {

  display: block;

  float: left;

  list-style: none;

  margin: 0;

  padding: 0;

  position: relative;

  right: 50%;

}



	

/**********************************************************************************

MOBILE

**********************************************************************************/

@media screen and (max-device-width: 480px) {



	#exclusiveTout {

		margin-top: 150px;

	}

	#tagline{

		font-size: 12px;

		line-height: 22px;

		margin: 25px 0px 0px 0px;
		
		left:10%;

		}

		#tagline span {

			font-size: 18px;

			}

		

	#tt_img {

		width: 350px;

		height: auto;

	}

}

/* ----------- iPhone 5 and 5S ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  
	  #tagline{left:10%; top:21%;}
	  
	  #synopsis{left:45%;
	  z-index:1005;}
	  
	  #synopsisShell{
		
	z-index:1002;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.6;
   
	}

}

/* ----------- iPhone 6 ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
    #tagline{left:10%; top:21%;}
	#synopsis{left:45%;
	z-index:1005;
		}
	
	#synopsisShell{
		
	z-index:1002;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.6;
   
	}
	
	/*#homeMenuCenter{z-index:0;}*/

}

/* ----------- iPhone 6+ ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  
  #tagline{left:10%;top:21%;}
  #synopsis{left:45%;}
  #synopsisShell{
		
	z-index:1002;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.6;
   
	}

}

/* ----------- Google Nexus  ----------- */
@media screen and (device-width: 600px) 
and (device-height: 905px) 
and (-webkit-min-device-pixel-ratio: 1.331) 
and (-webkit-max-device-pixel-ratio: 1.332) {
	
 #tagline{left:10%; top:21%;}
 #synopsis{left:45%;}
 #synopsisShell{
		
	z-index:1002;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.6;
   
	}
}

/* ----------- Galaxy S3 ----------- */
/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {
	  
	   #tagline{left:10%; top:21%;}
	   #synopsis{left:45%;}
	   #synopsisShell{
		
	z-index:1002;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.6;
   
	}

}

/* ----------- Galaxy S4 ----------- */
/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

	 #tagline{left:10%; top:21%;}
	 #synopsis{left:45%;}
	 #synopsisShell{
		
	z-index:1002;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.6;
   
	}
}

/* ----------- Galaxy S5 ----------- */

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
	  
	  #tagline{left:10%; top:21%;}
	  #synopsis{left:45%;}
	  #synopsisShell{
		
	z-index:1002;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.6;
   
	}

}

/* ----------- HTC One ----------- */

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
	  
	  #tagline{left:10%; top:21%;}
	  #synopsis{left:45%;}
	  #synopsisShell{
		
	z-index:1002;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.6;
   
	}

}

/* ----------- iPad mini ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

 	  #tagline{left:10%; top:21%;}
	  #synopsis{left:45%;}
	  #synopsisShell{
		
	z-index:1002;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.6;
   
	}
}

/* ----------- iPad 1 and 2 ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
	  #tagline{left:10%; top:21%;}
	  #synopsis{left:45%;}
	  #synopsisShell{
		
	z-index:1002;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.6;
   
	}

}

/* ----------- iPad 3 and 4 ----------- */

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  
	   #tagline{left:10%; top:21%;}
	  #synopsis{left:45%;}
	  #synopsisShell{
		
	z-index:1002;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.6;
   
	}

}

/* ----------- Galaxy Tab 10.1 ----------- */

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 
  
 	  #tagline{left:10%; top:21%;}
	  #synopsis{left:45%;}
	  #synopsisShell{
		
	z-index:1002;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.6;
   
	}

}