/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  select { background: #fff !important; }
  .navbar { display: none; }
  .btn > .caret, .callout > div > span > .caret, .callout > span > .caret, .callout > a > .caret, .dropup > .btn > .caret, .callout > div.dropup > span > .caret, .callout.dropup > span > .caret, .callout.dropup > a > .caret { border-top-color: #000 !important; }
  .label { border: 1px solid #000; }
  .table { border-collapse: collapse !important; }
  .table td, .table th { background-color: #fff !important; }
  .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } }
* { box-sizing: border-box; }

*:before, *:after { box-sizing: border-box; }

html { font-size: 10px; -webkit-tap-highlight-color: transparent; }

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: #333333; background-color: #fff; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

a { color: #337ab7; text-decoration: none; }
a:hover, a:focus { color: #23527c; text-decoration: underline; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

figure { margin: 0; }

img { vertical-align: middle; }

.img-responsive { display: block; max-width: 100%; height: auto; }

.img-rounded { border-radius: 6px; }

.img-thumbnail { padding: 4px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }

.img-circle { border-radius: 50%; }

hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; }

h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; }
h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; }
h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; }

h1, .h1 { font-size: 36px; }

h2, .h2 { font-size: 30px; }

h3, .h3 { font-size: 24px; }

h4, .h4 { font-size: 18px; }

h5, .h5 { font-size: 14px; }

h6, .h6 { font-size: 12px; }

p { margin: 0 0 10px; }

.lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; }
@media (min-width: 767px) { .lead { font-size: 21px; } }

small, .small { font-size: 85%; }

mark, .mark { background-color: #fcf8e3; padding: .2em; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.text-nowrap { white-space: nowrap; }

.text-lowercase { text-transform: lowercase; }

.text-uppercase { text-transform: uppercase; }

.text-capitalize { text-transform: capitalize; }

.text-muted { color: #777777; }

.text-primary { color: #337ab7; }

a.text-primary:hover { color: #286090; }

.text-success { color: #3c763d; }

a.text-success:hover { color: #2b542c; }

.text-info { color: #31708f; }

a.text-info:hover { color: #245269; }

.text-warning { color: #8a6d3b; }

a.text-warning:hover { color: #66512c; }

.text-danger { color: #a94442; }

a.text-danger:hover { color: #843534; }

.bg-primary { color: #fff; }

.bg-primary { background-color: #337ab7; }

a.bg-primary:hover { background-color: #286090; }

.bg-success { background-color: #dff0d8; }

a.bg-success:hover { background-color: #c1e2b3; }

.bg-info { background-color: #d9edf7; }

a.bg-info:hover { background-color: #afd9ee; }

.bg-warning { background-color: #fcf8e3; }

a.bg-warning:hover { background-color: #f7ecb5; }

.bg-danger { background-color: #f2dede; }

a.bg-danger:hover { background-color: #e4b9b9; }

.page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; }

ul, ol { margin-top: 0; margin-bottom: 10px; }
ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; }

.list-unstyled, .btn-group-social, .list-videos, .list-cast, .list-credits, .list-crew-large, .list-crew-small, .main-nav ul, .main-nav-mobile .list-site-nav { padding-left: 0; list-style: none; }

.list-inline, .btn-group-social, .footer-content-legal ul, .footer-content-legal-xs ul { padding-left: 0; list-style: none; margin-left: -5px; }
.list-inline > li, .btn-group-social > li, .footer-content-legal ul > li, .footer-content-legal-xs ul > li { display: inline-block; padding-left: 5px; padding-right: 5px; }

dl { margin-top: 0; margin-bottom: 20px; }

dt, dd { line-height: 1.42857; }

dt { font-weight: bold; }

dd { margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; }
.dl-horizontal dd:after { clear: both; }
@media (min-width: 767px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .dl-horizontal dd { margin-left: 180px; } }

abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; }

.initialism { font-size: 90%; text-transform: uppercase; }

blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; }
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; }
blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857; color: #777777; }
blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; }

.blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; }
.blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; }
.blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; }

address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; }

.container { margin-right: auto; margin-left: auto; padding-left: 0px; padding-right: 0px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
@media (min-width: 767px) { .container { width: 960px; } }
@media (min-width: 992px) { .container { width: 940px; } }
@media (min-width: 1200px) { .container { width: 1140px; } }

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 0px; padding-right: 0px; }
.container-fluid:before, .container-fluid:after { content: " "; display: table; }
.container-fluid:after { clear: both; }

.row { margin-left: 0px; margin-right: 0px; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 0px; padding-right: 0px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-1 { width: 8.33333%; }

.col-xs-2 { width: 16.66667%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.33333%; }

.col-xs-5 { width: 41.66667%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.33333%; }

.col-xs-8 { width: 66.66667%; }

.col-xs-9 { width: 75%; }

.col-xs-10 { width: 83.33333%; }

.col-xs-11 { width: 91.66667%; }

.col-xs-12 { width: 100%; }

.col-xs-pull-0 { right: auto; }

.col-xs-pull-1 { right: 8.33333%; }

.col-xs-pull-2 { right: 16.66667%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-4 { right: 33.33333%; }

.col-xs-pull-5 { right: 41.66667%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-7 { right: 58.33333%; }

.col-xs-pull-8 { right: 66.66667%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-10 { right: 83.33333%; }

.col-xs-pull-11 { right: 91.66667%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-push-0 { left: auto; }

.col-xs-push-1 { left: 8.33333%; }

.col-xs-push-2 { left: 16.66667%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-4 { left: 33.33333%; }

.col-xs-push-5 { left: 41.66667%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-7 { left: 58.33333%; }

.col-xs-push-8 { left: 66.66667%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-10 { left: 83.33333%; }

.col-xs-push-11 { left: 91.66667%; }

.col-xs-push-12 { left: 100%; }

.col-xs-offset-0 { margin-left: 0%; }

.col-xs-offset-1 { margin-left: 8.33333%; }

.col-xs-offset-2 { margin-left: 16.66667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.33333%; }

.col-xs-offset-5 { margin-left: 41.66667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.33333%; }

.col-xs-offset-8 { margin-left: 66.66667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.33333%; }

.col-xs-offset-11 { margin-left: 91.66667%; }

.col-xs-offset-12 { margin-left: 100%; }

@media (min-width: 767px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-1 { width: 8.33333%; }
  .col-sm-2 { width: 16.66667%; }
  .col-sm-3 { width: 25%; }
  .col-sm-4 { width: 33.33333%; }
  .col-sm-5 { width: 41.66667%; }
  .col-sm-6 { width: 50%; }
  .col-sm-7 { width: 58.33333%; }
  .col-sm-8 { width: 66.66667%; }
  .col-sm-9 { width: 75%; }
  .col-sm-10 { width: 83.33333%; }
  .col-sm-11 { width: 91.66667%; }
  .col-sm-12 { width: 100%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-pull-1 { right: 8.33333%; }
  .col-sm-pull-2 { right: 16.66667%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-4 { right: 33.33333%; }
  .col-sm-pull-5 { right: 41.66667%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-7 { right: 58.33333%; }
  .col-sm-pull-8 { right: 66.66667%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-10 { right: 83.33333%; }
  .col-sm-pull-11 { right: 91.66667%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-push-1 { left: 8.33333%; }
  .col-sm-push-2 { left: 16.66667%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-4 { left: 33.33333%; }
  .col-sm-push-5 { left: 41.66667%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-7 { left: 58.33333%; }
  .col-sm-push-8 { left: 66.66667%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-10 { left: 83.33333%; }
  .col-sm-push-11 { left: 91.66667%; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-offset-0 { margin-left: 0%; }
  .col-sm-offset-1 { margin-left: 8.33333%; }
  .col-sm-offset-2 { margin-left: 16.66667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.33333%; }
  .col-sm-offset-5 { margin-left: 41.66667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.33333%; }
  .col-sm-offset-8 { margin-left: 66.66667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.33333%; }
  .col-sm-offset-11 { margin-left: 91.66667%; }
  .col-sm-offset-12 { margin-left: 100%; } }
@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-1 { width: 8.33333%; }
  .col-md-2 { width: 16.66667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.33333%; }
  .col-md-5 { width: 41.66667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.33333%; }
  .col-md-8 { width: 66.66667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.33333%; }
  .col-md-11 { width: 91.66667%; }
  .col-md-12 { width: 100%; }
  .col-md-pull-0 { right: auto; }
  .col-md-pull-1 { right: 8.33333%; }
  .col-md-pull-2 { right: 16.66667%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-4 { right: 33.33333%; }
  .col-md-pull-5 { right: 41.66667%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-7 { right: 58.33333%; }
  .col-md-pull-8 { right: 66.66667%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-10 { right: 83.33333%; }
  .col-md-pull-11 { right: 91.66667%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-push-0 { left: auto; }
  .col-md-push-1 { left: 8.33333%; }
  .col-md-push-2 { left: 16.66667%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-4 { left: 33.33333%; }
  .col-md-push-5 { left: 41.66667%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-7 { left: 58.33333%; }
  .col-md-push-8 { left: 66.66667%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-10 { left: 83.33333%; }
  .col-md-push-11 { left: 91.66667%; }
  .col-md-push-12 { left: 100%; }
  .col-md-offset-0 { margin-left: 0%; }
  .col-md-offset-1 { margin-left: 8.33333%; }
  .col-md-offset-2 { margin-left: 16.66667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.33333%; }
  .col-md-offset-5 { margin-left: 41.66667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.33333%; }
  .col-md-offset-8 { margin-left: 66.66667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.33333%; }
  .col-md-offset-11 { margin-left: 91.66667%; }
  .col-md-offset-12 { margin-left: 100%; } }
@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-1 { width: 8.33333%; }
  .col-lg-2 { width: 16.66667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.33333%; }
  .col-lg-5 { width: 41.66667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.33333%; }
  .col-lg-8 { width: 66.66667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.33333%; }
  .col-lg-11 { width: 91.66667%; }
  .col-lg-12 { width: 100%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-pull-1 { right: 8.33333%; }
  .col-lg-pull-2 { right: 16.66667%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-4 { right: 33.33333%; }
  .col-lg-pull-5 { right: 41.66667%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-7 { right: 58.33333%; }
  .col-lg-pull-8 { right: 66.66667%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-10 { right: 83.33333%; }
  .col-lg-pull-11 { right: 91.66667%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-push-1 { left: 8.33333%; }
  .col-lg-push-2 { left: 16.66667%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-4 { left: 33.33333%; }
  .col-lg-push-5 { left: 41.66667%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-7 { left: 58.33333%; }
  .col-lg-push-8 { left: 66.66667%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-10 { left: 83.33333%; }
  .col-lg-push-11 { left: 91.66667%; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-offset-0 { margin-left: 0%; }
  .col-lg-offset-1 { margin-left: 8.33333%; }
  .col-lg-offset-2 { margin-left: 16.66667%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-4 { margin-left: 33.33333%; }
  .col-lg-offset-5 { margin-left: 41.66667%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-7 { margin-left: 58.33333%; }
  .col-lg-offset-8 { margin-left: 66.66667%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-10 { margin-left: 83.33333%; }
  .col-lg-offset-11 { margin-left: 91.66667%; }
  .col-lg-offset-12 { margin-left: 100%; } }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden { display: none !important; visibility: hidden !important; }

.affix { position: fixed; }

@-ms-viewport { width: device-width; }
.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; }

@media (max-width: 766px) { .visible-xs { display: block !important; }
  table.visible-xs { display: table; }
  tr.visible-xs { display: table-row !important; }
  th.visible-xs, td.visible-xs { display: table-cell !important; } }
@media (max-width: 766px) { .visible-xs-block { display: block !important; } }

@media (max-width: 766px) { .visible-xs-inline { display: inline !important; } }

@media (max-width: 766px) { .visible-xs-inline-block { display: inline-block !important; } }

@media (min-width: 767px) and (max-width: 991px) { .visible-sm { display: block !important; }
  table.visible-sm { display: table; }
  tr.visible-sm { display: table-row !important; }
  th.visible-sm, td.visible-sm { display: table-cell !important; } }
@media (min-width: 767px) and (max-width: 991px) { .visible-sm-block { display: block !important; } }

@media (min-width: 767px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } }

@media (min-width: 767px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; }
  table.visible-md { display: table; }
  tr.visible-md { display: table-row !important; }
  th.visible-md, td.visible-md { display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } }

@media (min-width: 1200px) { .visible-lg { display: block !important; }
  table.visible-lg { display: table; }
  tr.visible-lg { display: table-row !important; }
  th.visible-lg, td.visible-lg { display: table-cell !important; } }
@media (min-width: 1200px) { .visible-lg-block { display: block !important; } }

@media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } }

@media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } }

@media (max-width: 766px) { .hidden-xs { display: none !important; } }
@media (min-width: 767px) and (max-width: 991px) { .hidden-sm { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } }
@media (min-width: 1200px) { .hidden-lg { display: none !important; } }
.visible-print { display: none !important; }

@media print { .visible-print { display: block !important; }
  table.visible-print { display: table; }
  tr.visible-print { display: table-row !important; }
  th.visible-print, td.visible-print { display: table-cell !important; } }
.visible-print-block { display: none !important; }
@media print { .visible-print-block { display: block !important; } }

.visible-print-inline { display: none !important; }
@media print { .visible-print-inline { display: inline !important; } }

.visible-print-inline-block { display: none !important; }
@media print { .visible-print-inline-block { display: inline-block !important; } }

@media print { .hidden-print { display: none !important; } }
@-webkit-keyframes ngdialog-fadeout { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes ngdialog-fadeout { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes ngdialog-fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes ngdialog-fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
.ngdialog, .ngdialog *, .ngdialog *:before, .ngdialog *:after { box-sizing: border-box; }

.ngdialog { position: fixed; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; }

.ngdialog-overlay { position: fixed; background: rgba(0, 0, 0, 0.4); top: 0; right: 0; bottom: 0; left: 0; -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadein 0.5s; animation: ngdialog-fadein 0.5s; }

.ngdialog.ngdialog-closing .ngdialog-overlay { -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadeout 0.5s; animation: ngdialog-fadeout 0.5s; }

.ngdialog-content { background: white; -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadein 0.5s; animation: ngdialog-fadein 0.5s; }

.ngdialog.ngdialog-closing .ngdialog-content { -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadeout 0.5s; animation: ngdialog-fadeout 0.5s; }

.ngdialog-close:before { font-family: 'Helvetica', Arial, sans-serif; content: '\00D7'; cursor: pointer; }

body.ngdialog-open { overflow: hidden; }

@-webkit-keyframes ngdialog-flyin { 0% { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes ngdialog-flyin { 0% { opacity: 0; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes ngdialog-flyout { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); } }
@keyframes ngdialog-flyout { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); } }
.ngdialog.ngdialog-theme-default { padding-bottom: 160px; padding-top: 160px; }

.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content { -webkit-animation: ngdialog-flyout .5s; animation: ngdialog-flyout .5s; }

.ngdialog.ngdialog-theme-default .ngdialog-content { -webkit-animation: ngdialog-flyin .5s; animation: ngdialog-flyin .5s; background: #f0f0f0; border-radius: 5px; color: #444; font-family: 'Helvetica',sans-serif; font-size: 1.1em; line-height: 1.5em; margin: 0 auto; max-width: 100%; padding: 1em; position: relative; width: 450px; }

.ngdialog.ngdialog-theme-default .ngdialog-close { border-radius: 5px; cursor: pointer; position: absolute; right: 0; top: 0; }

.ngdialog.ngdialog-theme-default .ngdialog-close:before { background: transparent; border-radius: 3px; color: #bbb; content: '\00D7'; font-size: 26px; font-weight: 400; height: 30px; line-height: 26px; position: absolute; right: 3px; text-align: center; top: 3px; width: 30px; }

.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before, .ngdialog.ngdialog-theme-default .ngdialog-close:active:before { color: #777; }

.ngdialog.ngdialog-theme-default .ngdialog-message { margin-bottom: .5em; }

.ngdialog.ngdialog-theme-default .ngdialog-input { margin-bottom: 1em; }

.ngdialog.ngdialog-theme-default .ngdialog-input textarea, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"], .ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"], .ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"], .ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] { background: #fff; border: 0; border-radius: 3px; font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0 0 .25em; min-height: 2.5em; padding: .25em .67em; width: 100%; }

.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus { box-shadow: inset 0 0 0 2px #8dbdf1; outline: none; }

.ngdialog.ngdialog-theme-default .ngdialog-buttons { *zoom: 1; }

.ngdialog.ngdialog-theme-default .ngdialog-buttons:after { content: ''; display: table; clear: both; }

.ngdialog.ngdialog-theme-default .ngdialog-button { border: 0; border-radius: 3px; cursor: pointer; float: right; font-family: inherit; font-size: .8em; letter-spacing: .1em; line-height: 1em; margin: 0 0 0 .5em; padding: .75em 2em; text-transform: uppercase; }

.ngdialog.ngdialog-theme-default .ngdialog-button:focus { -webkit-animation: ngdialog-pulse 1.1s infinite; animation: ngdialog-pulse 1.1s infinite; outline: none; }

@media (max-width: 568px) { .ngdialog.ngdialog-theme-default .ngdialog-button:focus { -webkit-animation: none; animation: none; } }
.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary { background: #3288e6; color: #fff; }

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary { background: #e0e0e0; color: #777; }

/*  @usage: @include below(small){ .section{ max-width:none; width: 100% } }  */
/*  @usage: @include above(small){ .section{ max-width:700px; } }  */
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; margin: 0 !important; padding: 0 !important; border: none !important; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visually-hidden.focusable:active, .visually-hidden.focusable:focus { clip: auto; height: auto; overflow: visible; position: static; width: auto; }

.draggable { cursor: move; }

.wrapper { position: relative; }

html.touch .hide-for-touch { display: none; }
html.touch .show-for-touch { display: inherit; }

html.no-touch .hide-for-touch { display: inherit; }
html.no-touch .show-for-touch { display: none; }

.transparent { background: transparent; background-color: transparent; border: none; box-shadow: none; }

.smooth-font, .socicon, .btn-social:before, .btn-social-twitter:before, .btn-social-instagram:before, .btn-social-facebook:before, .btn-social-gplus:before, .btn-social-pinterest:before, .btn-social-youtube:before, .btn-social-tumblr:before, .heading, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .btn, .callout > div > span, .callout > span, .callout > a, .brand-font, .header li, .main-nav li span, .main-nav li a, .main-nav-mobile .list-site-nav span, .main-nav-mobile .list-site-nav a, .main-nav-mobile .btn-group-social li:first-child, .panel-share h2, body.preloading .panel-preload, .header .link-hashtag, .list-crew-large li, .list-crew-small, .section-content p { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

.no-pointer-events { pointer-events: none; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none; }

.transition-fix, .ts-fix { -webkit-transform: translate3d(0, 0, 0); }

.no-select { -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */ -webkit-tap-highlight-color: transparent; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

.clearfix, .clear, .clearer { display: block; height: 1; clear: both; }

.cover-image { position: absolute; background: center center no-repeat; background-size: cover; width: 100%; height: 100%; }

/* ---fonts */
/* @usage : @include font-face('edmondsans-regular', 'edmondsans-regular-webfont'); $regular : 'edmondsans-regular', $helvetica; */
.smooth-font, .socicon, .btn-social:before, .btn-social-twitter:before, .btn-social-instagram:before, .btn-social-facebook:before, .btn-social-gplus:before, .btn-social-pinterest:before, .btn-social-youtube:before, .btn-social-tumblr:before, .heading, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .btn, .callout > div > span, .callout > span, .callout > a, .brand-font, .header li, .main-nav li span, .main-nav li a, .main-nav-mobile .list-site-nav span, .main-nav-mobile .list-site-nav a, .main-nav-mobile .btn-group-social li:first-child, .panel-share h2, body.preloading .panel-preload, .header .link-hashtag, .list-crew-large li, .list-crew-small, .section-content p { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

@font-face { font-family: "bank-gothic-regular"; src: url("../font/bankgothic-lt-bt-light-webfont.eot"); src: url("../font/bankgothic-lt-bt-light-webfont.eot?#iefix") format("embedded-opentype"), url("../font/bankgothic-lt-bt-light-webfont.woff") format("woff"), url("../font/bankgothic-lt-bt-light-webfont.ttf") format("truetype"), url("../font/bankgothic-lt-bt-light-webfont.svg#bankgothic-lt-bt-light-webfont") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "bank-gothic-medium"; src: url("../font/bankgothic-md-bt-medium-webfont.eot"); src: url("../font/bankgothic-md-bt-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../font/bankgothic-md-bt-medium-webfont.woff") format("woff"), url("../font/bankgothic-md-bt-medium-webfont.ttf") format("truetype"), url("../font/bankgothic-md-bt-medium-webfont.svg#bankgothic-md-bt-medium-webfont") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Roboto-Regular"; src: url("../font/Roboto-Regular.eot"); src: url("../font/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Regular.woff") format("woff"), url("../font/Roboto-Regular.ttf") format("truetype"), url("../font/Roboto-Regular.svg#Roboto-Regular") format("svg"); font-weight: normal; font-style: normal; }
.lte-ie9 .warning-message { color: white; text-align: center; background-color: black; display: block; width: 100%; position: absolute; top: 0px; z-index: 1000; }
.lte-ie9 .warning-message a { color: white; text-decoration: underline; }

@font-face { font-family: "socicon-webfont"; src: url("../font/socicon-webfont.eot"); src: url("../font/socicon-webfont.eot?#iefix") format("embedded-opentype"), url("../font/socicon-webfont.woff") format("woff"), url("../font/socicon-webfont.ttf") format("truetype"), url("../font/socicon-webfont.svg#socicon-webfont") format("svg"); font-weight: normal; font-style: normal; }
.socicon, .btn-social:before, .btn-social-twitter:before, .btn-social-instagram:before, .btn-social-facebook:before, .btn-social-gplus:before, .btn-social-pinterest:before, .btn-social-youtube:before, .btn-social-tumblr:before { font-family: 'socicon-webfont' !important; }

.btn-social, .btn-social-twitter, .btn-social-instagram, .btn-social-facebook, .btn-social-gplus, .btn-social-pinterest, .btn-social-youtube, .btn-social-tumblr { display: inline-block; position: relative; overflow: hidden; width: 36px; height: 36px; /*
@include below(small){ $sm_size : 36px; width: $sm_size; height: $sm_size; &:before { font-size: $sm_size / 2; }
}
*/ }
.btn-social, .btn-social-twitter, .btn-social-instagram, .btn-social-facebook, .btn-social-gplus, .btn-social-pinterest, .btn-social-youtube, .btn-social-tumblr, .btn-social *, .btn-social-twitter *, .btn-social-instagram *, .btn-social-facebook *, .btn-social-gplus *, .btn-social-pinterest *, .btn-social-youtube *, .btn-social-tumblr * { color: white !important; opacity: 0.5; }
.btn-social:hover, .btn-social-twitter:hover, .btn-social-instagram:hover, .btn-social-facebook:hover, .btn-social-gplus:hover, .btn-social-pinterest:hover, .btn-social-youtube:hover, .btn-social-tumblr:hover, .btn-social:after, .btn-social-twitter:after, .btn-social-instagram:after, .btn-social-facebook:after, .btn-social-gplus:after, .btn-social-pinterest:after, .btn-social-youtube:after, .btn-social-tumblr:after { opacity: 1; }
.btn-social:before, .btn-social-twitter:before, .btn-social-instagram:before, .btn-social-facebook:before, .btn-social-gplus:before, .btn-social-pinterest:before, .btn-social-youtube:before, .btn-social-tumblr:before { display: block; position: absolute; width: 100%; height: 100%; text-align: center; line-height: 1; vertical-align: middle; }
.btn-social:before, .btn-social-twitter:before, .btn-social-instagram:before, .btn-social-facebook:before, .btn-social-gplus:before, .btn-social-pinterest:before, .btn-social-youtube:before, .btn-social-tumblr:before { font-size: 18px; top: 9px; }

.btn-social-twitter:before { content: "a"; }

.btn-social-instagram:before { content: "x"; }

.btn-social-facebook:before { content: "b"; }

.btn-social-gplus:before { content: "c"; }

.btn-social-pinterest:before { content: "d"; }

.btn-social-youtube:before { content: "r"; }

.btn-social-tumblr:before { content: "z"; }

.icon { display: inline-block; }

.icon-share { background-image: url("../img/icon-share.png"); background-repeat: no-repeat; text-indent: -9999px; height: 23px; width: 20px; }

.heading, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .btn, .callout > div > span, .callout > span, .callout > a { font-family: "bank-gothic-regular", arial, helvetica, freesans, "liberation sans", "numbus sans l", sans-serif; font-weight: normal; text-transform: uppercase; }

.brand-font, .header li, .main-nav li span, .main-nav li a, .main-nav-mobile .list-site-nav span, .main-nav-mobile .list-site-nav a, .main-nav-mobile .btn-group-social li:first-child, .panel-share h2, body.preloading .panel-preload { font-family: "bank-gothic-regular", arial, helvetica, freesans, "liberation sans", "numbus sans l", sans-serif; font-weight: normal; text-transform: uppercase; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0; padding: 0; line-height: 1; }

/*
h1,.h1{ font-size: 100px; &.large{ font-size: 163px;} &.small{ font-size: 70px;}} // font-size: 163px;
h2,.h2{ font-size: 50px; &.small{ font-size: 30px;}}
@include below(small){ h1,.h1{ font-size: sm(100); &.large{ font-size: sm(163);} &.small{ font-size: sm(70);}} h2,.h2{ font-size: sm(50); } h3,.h3{ font-size: 12px; } p{ font-size: sm(30); }
}

html, body{
//  font-family: $avenirbook;
//  font-size: $base-font-size;
}

a{ color:white; &:hover, &:active, &:focus { color:white; opacity: 0.7; text-decoration: none; }
}

//@include below(small){ html{ font-size: 12px;}}
*/
h2, .h2 { font-size: 26px; }

h3, .h3 { font-size: 23px; }

h4, .h4 { font-size: 12px; }

a { color: inherit; transition: opacity 0.2s linear 0.0s; outline: none !important; }
a:hover, a:active { color: inherit; text-decoration: none; }

@media only screen and (max-width: 767px) { h1 { font-size: 30px; } }
html, body { min-height: 100%; height: 100%; background-color: black; overflow: hidden; }
@media only screen and (max-width: 767px) { html, body { overflow-y: auto; } }
@media only screen and (max-height: 550px) { html, body { height: auto; } }

body { background: url("../img/bg-body.jpg") no-repeat center center; font-family: "Roboto-Regular", arial, helvetica, freesans, "liberation sans", "numbus sans l", sans-serif; font-size: 12px; color: rgba(255, 255, 255, 0.75); line-height: 1; }
body.trailer { background-size: 0% 0%; }
@media only screen and (max-width: 767px) { body { max-width: 100%; min-height: 460px; position: relative; background-image: url("../img/bg-body-mobile.jpg"); background-size: cover; } }

html.no-phone .body-wrapper { width: 100%; height: 100%; overflow: hidden; position: fixed; }

.container { max-width: 940px !important; }

body.panel-share-visible .background-current:after { opacity: 0.4 !important; }
body.panel-share-visible .carousel-slides .slide-active { -webkit-filter: blur(10px); filter: blur(10px); transition: filter 0.25s linear 0.0s, -webkit-filter 0.25s linear 0.0s; }
body.panel-share-visible .background-panel-share-overlay { opacity: 1; transition: opacity 0.2s linear 0.0s; z-index: 1005; }
@media only screen and (max-width: 767px) { body.panel-share-visible .carousel-slides .slide-active { -webkit-filter: none; filter: none; } }

/*
.btn-base1{ background-color: transparent; font-size: 20px; color:white; text-transform: uppercase; @extend .smooth-font; font-family: $din; border: solid 4px white; padding:25px 0px 22px 0px; min-width: 300px; margin:0 30px 20px 30px; display: inline-block; text-align: center; &:hover,&:active{ background-color: rgba(white,0.2); color:darken(white,0); text-decoration: none; } [disabled]{ opacity: 0.7; } @include below(small){ font-size: sm(25); padding:sm(25px) 0px sm(22px) 0px; min-width: sm(300px); margin:0 sm(30px) sm(20px) sm(30px); }
}
*/
.btn, .callout > div > span, .callout > span, .callout > a { background-color: rgba(12, 12, 11, 0.7); font-family: "bank-gothic-regular", arial, helvetica, freesans, "liberation sans", "numbus sans l", sans-serif; text-decoration: none !important; color: rgba(255, 255, 255, 0.75) !important; font-size: 14px; padding: 8px 10px 7px 10px; }
.btn.btn-lg, .callout > div > span.btn-lg, .callout > span.btn-lg, .callout > a.btn-lg { font-size: 20px; padding: 16px 16px 14px 16px; }
@media only screen and (max-width: 767px) { .btn, .callout > div > span, .callout > span, .callout > a { padding: 4px 10px 4px 10px; } }

.btn-close, .ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-close { display: inline-block; position: relative; background-color: #0c0c0b; background-image: url("../img/btn-close.png"); background-repeat: no-repeat; text-indent: -9999px; height: 32px; width: 32px; background-image: none; }
.btn-close span, .ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-close span { display: block; }
.btn-close > span:before, .ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-close > span:before { transition: all 0.25s ease-in 0.0s !important; opacity: 0.7; content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("../img/btn-close.png"); background-repeat: no-repeat; text-indent: -9999px; height: 32px; width: 32px; }
.btn-close:hover > span:before, .ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-close:hover > span:before { opacity: 1; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.btn-close-gallery { position: fixed; top: 15px; right: 15px; display: block; z-index: 1003; }

.btn-share:hover, .btn-legal:hover { opacity: 0.5 !important; }

.btn-mute:hover { opacity: 0.5 !important; }

/*
.vertical-middle, .vertical-top, .vertical-bottom{ display: table; height:100%; width:100%; > *:first-child{ display: table-cell; }

}
.vertical-middle > *:first-child{ vertical-align: middle; }
.vertical-top > *:first-child{ vertical-align: top; }
.vertical-bottom > *:first-child{ vertical-align: bottom; }
*/
.vertical-middle, .vertical-top, .vertical-bottom { position: absolute; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.video-container { background-color: black; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-wrap { max-width: 846px; margin: 0 auto; }

.video-container-fullscreen iframe, .video-container-fullscreen object, .video-container-fullscreen embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ngdialog-overlay { background-color: rgba(0, 0, 0, 0.6); }

.ngdialog.ngdialog-theme-default { padding-top: 100px; }

.ngdialog.ngdialog-theme-default .ngdialog-content { width: auto; background: transparent; max-width: 100%; border: none; border-radius: 0; padding: 0px; background-color: rgba(255, 255, 255, 0.3); max-width: 80%; }
@media only screen and (max-height: 600px) { .ngdialog.ngdialog-theme-default .ngdialog-content { max-width: 60%; } }
.ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-close { text-indent: 0; position: absolute; top: -40px; right: -40px; display: block; z-index: 9999; }
.ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-close:before { left: auto; }

.btn-group-social { display: inline-block; position: relative; top: 0px; margin-left: 20px; }
.btn-group-social h4 { display: inline; }
.btn-group-social li { padding-left: 0px; padding-right: 0px; }

.btn-share { position: relative; top: -5px; }

.btn-group-social-share { background-color: rgba(255, 255, 255, 0.2); position: absolute; top: 0px; left: 0px; }
.btn-group-social-share li { padding-left: 2.5px; padding-right: 2.5px; }
.btn-group-social-share .btn-social, .btn-group-social-share .btn-social-twitter, .btn-group-social-share .btn-social-instagram, .btn-group-social-share .btn-social-facebook, .btn-group-social-share .btn-social-gplus, .btn-group-social-share .btn-social-pinterest, .btn-group-social-share .btn-social-youtube, .btn-group-social-share .btn-social-tumblr { width: 36px; height: 36px; position: relative; z-index: 1; }
.btn-group-social-share .btn-social:before, .btn-group-social-share .btn-social-twitter:before, .btn-group-social-share .btn-social-instagram:before, .btn-group-social-share .btn-social-facebook:before, .btn-group-social-share .btn-social-gplus:before, .btn-group-social-share .btn-social-pinterest:before, .btn-group-social-share .btn-social-youtube:before, .btn-group-social-share .btn-social-tumblr:before { font-size: 18px; top: 9px; }

.header { height: 50px; padding-top: 15px; position: fixed; z-index: 1000; width: 100%; clear: both; }
.header li { text-transform: none; }
.header, .header * { vertical-align: middle; }
.header .link-hashtag { position: relative; top: 5px; display: inline-block; font-family: "bank-gothic-regular", arial, helvetica, freesans, "liberation sans", "numbus sans l", sans-serif; color: #b8b8b8; letter-spacing: -1px; font-size: 20px; }
.header .link-hashtag span { font-family: arial, helvetica, freesans, "liberation sans", "numbus sans l", sans-serif; letter-spacing: 1px; font-size: 18px; }
.header .btn-group-social-share { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); }
.header .btn-group-social-share li { opacity: 0; }
.header .btn-close, .header .ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-close, .ngdialog.ngdialog-theme-default .ngdialog-content .header .ngdialog-close { display: none; }
.header.share-visible .btn-share { display: none; }
.header.share-visible .btn-close, .header.share-visible .ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-close, .ngdialog.ngdialog-theme-default .ngdialog-content .header.share-visible .ngdialog-close { display: block; }
.header.share-visible .btn-group-social { left: 195px; }
.header.share-visible .btn-group-social-share { display: block; left: 30px; transition: left 0.2s ease-in 0.0s, -webkit-transform 0.2s ease-in 0.2s; transition: left 0.2s ease-in 0.0s, transform 0.2s ease-in 0.2s; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: none; -ms-transform: none; transform: none; }
.header.share-visible .btn-group-social-share li { opacity: 1; transition: all 0.2s linear 0.5s; }
.header .btn-share { display: inline-block; }
.header .btn-mute span { background-image: url("../img/icon-sound.png"); background-repeat: no-repeat; text-indent: -9999px; height: 29px; width: 26px; display: inline-block; position: relative; top: 3px; margin-left: 20px; }
.header .btn-mute span:before { content: ""; display: block; position: absolute; top: 0; left: 0; background-image: url("../img/icon-sound-off.png"); background-repeat: no-repeat; text-indent: -9999px; height: 29px; width: 26px; visibility: hidden; }
.header .btn-mute.active span, .header .mobile-menu.open .btn-mute.mobile-menu-toggle span, .mobile-menu.open .header .btn-mute.mobile-menu-toggle span { background-image: none; }
.header .btn-mute.active span:before, .header .mobile-menu.open .btn-mute.mobile-menu-toggle span:before, .mobile-menu.open .header .btn-mute.mobile-menu-toggle span:before { visibility: visible; }
.header .btn-close, .header .ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-close, .ngdialog.ngdialog-theme-default .ngdialog-content .header .ngdialog-close { position: absolute; }
@media only screen and (max-width: 767px) { .header { display: none; } }

html.mobile .header .btn-mute { display: none !important; }

html.tablet body[data-route='gallery'] .link-hashtag { padding-right: 50px; }

body.preloading .header { display: none !important; }

.footer { height: auto; position: relative; position: absolute; width: 100%; z-index: 1000; bottom: 0; padding-bottom: 10px; }
@media only screen and (max-width: 767px) { .footer { padding-bottom: 0; } }
.footer .btn, .footer .callout > div > span, .footer .callout > span, .footer .callout > a { background-color: #0c0c0b; }
.footer:before { content: ""; display: block; position: absolute; height: 10px; right: 0; bottom: 0; left: 0; background: #0c0c0b; z-index: 2; }
.footer:after { content: ""; display: block; position: absolute; height: 10px; right: 0; bottom: 8px; left: 0; background: url(../img/bg-footer-target.png) no-repeat center top; z-index: 0; }
.footer .container { position: relative; z-index: 1; }
.footer h3 { font-size: 20px; text-indent: -9999px; display: block; overflow: hidden; background-image: url("../img/ReleaseDateUS_NOW_PLAYING.png"); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 250px; background-size: 250px 25px; margin: 0 auto; }
@media only screen and (max-width: 767px) { .footer { padding-bottom: 0px; }
  .footer h3 { opacity: 1 !important; display: block !important; background-image: url("../img/ReleaseDateUS_NOW_PLAYING.png"); background-repeat: no-repeat; text-indent: -9999px; height: 17.5px; width: 175px; background-size: 175px 17.5px; }
  .footer:before, .footer:after { content: none; } }

.footer-content { padding-bottom: 20px; }
@media only screen and (max-width: 767px) { .footer-content h1 img { max-width: 215px; }
  .footer-content h3 { font-size: 15px; } }

.footer-content-legal, .footer-content-legal-xs { width: 100%; color: rgba(255, 255, 255, 0.4); /*
@include below(medium){ .col-md-6{ text-align: center!important;} top:-120px; ul{ &.list-left{ padding-right: 0px; } &.list-right{ padding-left: 0px; padding-top:10px; } .list-item-rating{ padding-left: 5px;  } }
}
*/ }
.footer-content-legal .list-corner:before, .footer-content-legal-xs .list-corner:before, .footer-content-legal .list-corner:after, .footer-content-legal-xs .list-corner:after { border-color: rgba(255, 255, 255, 0.4) !important; }
.footer-content-legal p, .footer-content-legal-xs p { font-size: 10px; padding-top: 5px; font-family: arial, helvetica, freesans, "liberation sans", "numbus sans l", sans-serif; }
.footer-content-legal .row, .footer-content-legal-xs .row { background-color: rgba(12, 12, 11, 0.85); z-index: 1; }
.footer-content-legal .row, .footer-content-legal-xs .row { position: relative; }
.footer-content-legal .col-md-6, .footer-content-legal-xs .col-md-6 { position: static; }
.footer-content-legal ul, .footer-content-legal-xs ul { margin: 0; padding: 0; padding-top: 10px; padding-bottom: 4px; }
.footer-content-legal ul.list-left, .footer-content-legal-xs ul.list-left { padding-right: 20px; }
.footer-content-legal ul.list-right, .footer-content-legal-xs ul.list-right { padding-top: 18px; padding-left: 20px; }
.footer-content-legal ul li:first-child, .footer-content-legal-xs ul li:first-child { height: 30px; }
.footer-content-legal ul a, .footer-content-legal-xs ul a { font-family: arial, helvetica, freesans, "liberation sans", "numbus sans l", sans-serif; text-transform: uppercase; font-size: 10px; color: rgba(255, 255, 255, 0.4); }
.footer-content-legal ul a:hover, .footer-content-legal-xs ul a:hover { color: rgba(255, 255, 255, 0.9); }
.footer-content-legal ul .list-item-rating, .footer-content-legal-xs ul .list-item-rating { padding-left: 40px; }
@media only screen and (max-width: 1px) { .footer-content-legal ul li, .footer-content-legal-xs ul li { padding-left: 0; padding-right: 0px; }
  .footer-content-legal ul a, .footer-content-legal-xs ul a { font-size: 9px; }
  .footer-content-legal ul.list-left, .footer-content-legal-xs ul.list-left { padding-right: 10px; }
  .footer-content-legal ul.list-right, .footer-content-legal-xs ul.list-right { padding-left: 10px; }
  .footer-content-legal ul .list-item-rating, .footer-content-legal-xs ul .list-item-rating { padding-left: 0px; } }
.footer-content-legal .btn-close, .footer-content-legal-xs .btn-close, .footer-content-legal .ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-close, .ngdialog.ngdialog-theme-default .ngdialog-content .footer-content-legal .ngdialog-close, .footer-content-legal-xs .ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-close, .ngdialog.ngdialog-theme-default .ngdialog-content .footer-content-legal-xs .ngdialog-close { background-color: rgba(12, 12, 11, 0.85); position: absolute; top: 94px; margin-left: -16px; left: 50%; }

.footer-film-title { display: inline-block; }
@media only screen and (max-width: 767px) { .footer-film-title { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } }
.footer-film-title img { transition: opacity 0.2s linear 0.0s; }
.footer-film-title:hover img { opacity: 0.7; }

.footer .btn-close, .footer .ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-close, .ngdialog.ngdialog-theme-default .ngdialog-content .footer .ngdialog-close { display: none; }
.footer .btn-legal { position: relative; }

.footer-content-legal, .footer-content-legal-xs { max-height: 0; overflow: hidden; }

.footer-content-legal-xs { max-height: none; top: auto; bottom: 0; height: auto; max-height: 0 !important; transition: max-height 0.25s ease-in 0.0s; }
.footer-content-legal-xs .row { padding-top: 10px; }
.footer-content-legal-xs ul { opacity: 1 !important; padding-top: 2px; padding-bottom: 2px; }
.footer-content-legal-xs ul a { text-decoration: underline; }

@media only screen and (max-width: 767px) { body.legal-visible .footer h3 { display: none !important; }
  body.legal-visible .panel-share { display: none; }
  body.legal-visible .footer-film-title { display: none; }
  body.legal-visible .footer-content-legal-xs { height: auto; max-height: 300px !important; }
  .footer .btn-legal { top: 0 !important; } }
@media only screen and (max-height: 850px) and (min-width: 767px) { .footer-film-title { opacity: 1; transition: opacity 0.25s linear 0.5s; }
  body.legal-visible .footer-film-title { opacity: 0; } }
@media only screen and (max-height: laptop) { .footer-film-title { opacity: 1; transition: opacity 0.25s linear 0.5s; }
  body.legal-visible .footer-film-title { opacity: 0; } }
body.preloading .btn-legal { visibility: hidden; }

.main { height: calc(100% - 210px); transition: height 0.25s ease-in 0.0s; position: relative; }
.main:before { clear: both; }

body.legal-visible .main { height: calc(100% - 270px); }

@media only screen and (max-width: 992px) { body.legal-visible .main { height: calc(100% - 320px); } }
.main-content1 { position: absolute; width: 100%; left: 0; bottom: 65px; }
.main-content1 h3 { margin-bottom: 42px; margin-top: 10px; }

.main-content { text-align: center; }

.list-corner { position: absolute; width: 16px; height: 20px; z-index: 0; }
.list-corner:before, .list-corner:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.list-corner.top-left { top: -5px; left: -5px; }
.list-corner.top-left:before { border-top: solid 1px rgba(255, 255, 255, 0.75); }
.list-corner.top-left:after { border-left: solid 1px rgba(255, 255, 255, 0.75); }
.list-corner.top-right { top: -5px; right: -5px; }
.list-corner.top-right:before { border-top: solid 1px rgba(255, 255, 255, 0.75); }
.list-corner.top-right:after { border-right: solid 1px rgba(255, 255, 255, 0.75); }
.list-corner.bottom-left { bottom: -5px; left: -5px; }
.list-corner.bottom-left:before { border-bottom: solid 1px rgba(255, 255, 255, 0.75); }
.list-corner.bottom-left:after { border-left: solid 1px rgba(255, 255, 255, 0.75); }
.list-corner.bottom-right { bottom: -5px; right: -5px; }
.list-corner.bottom-right:before { border-bottom: solid 1px rgba(255, 255, 255, 0.75); }
.list-corner.bottom-right:after { border-right: solid 1px rgba(255, 255, 255, 0.75); }

#videos .section-content { background: none; }

.list-videos, .list-cast { display: inline-block; width: 3000px; text-align: center; margin-left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 0; }
.list-videos li, .list-cast li { display: inline-block; width: 272px; height: 166px; position: relative; overflow: hidden; margin: 0 5px; background-color: black; }
@media only screen and (max-height: 710px) and (min-width: 767px) { .list-videos li, .list-cast li { height: 140px; } }
@media only screen and (max-height: tablet) { .list-videos li, .list-cast li { height: 140px; } }
.list-videos li span, .list-cast li span, .list-videos li a, .list-cast li a { display: block; background: center center no-repeat; width: 100%; height: 100%; background-size: cover; border: solid 3px black; }
.list-videos li span:before, .list-cast li span:before, .list-videos li a:before, .list-cast li a:before { content: ""; display: block; position: absolute; background-image: url("../img/icon-video-launch.png"); background-repeat: no-repeat; text-indent: -9999px; height: 40px; width: 40px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.list-videos li .cover, .list-cast li .cover { position: absolute; width: 100%; height: 100%; background-color: white; left: 0; top: 0; opacity: 0; }
.list-videos .list-video-heading, .list-cast .list-video-heading { position: absolute; bottom: -36px; left: 0; right: 0; height: 40px; color: rgba(255, 255, 255, 0.5); }
@media only screen and (max-width: 767px) { .list-videos .list-video-heading, .list-cast .list-video-heading { color: rgba(255, 255, 255, 0.75); font-size: 14.5px; bottom: -42px; } }
.list-videos li.first, .list-cast li.first, .list-videos li.last, .list-cast li.last { display: inline-block; width: 0px; overflow: visible !important; }
.list-videos li.first .cover, .list-cast li.first .cover, .list-videos li.last .cover, .list-cast li.last .cover { content: ""; width: 1000px; background: black; height: 100%; display: block; left: 0; top: 0; opacity: 1; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }
.list-videos li.first.first .cover, .list-cast li.first.first .cover, .list-videos li.last.first .cover, .list-cast li.last.first .cover { left: auto; margin-left: -1000px; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; }
.list-videos .thumbnail, .list-cast .thumbnail { opacity: 0.6; }
.list-videos .thumbnail:hover, .list-cast .thumbnail:hover { opacity: 1; }
@media only screen and (max-width: 767px) { .list-videos li, .list-cast li, .list-videos li .thumbnail, .list-cast li .thumbnail { width: 217.5px; height: 120px; } }

@media only screen and (max-width: 767px) { .list-videos-container { position: relative; z-index: 1; } }
.list-cast li { width: 132px; height: 106px; }
.list-cast li span:before { content: none; }
.list-cast .list-cast-heading { width: 100%; position: absolute; top: 100%; height: 100%; display: none; }
.list-cast .list-cast-heading p { margin: 0; margin-top: 6px; line-height: 1; color: rgba(255, 255, 255, 0.5); }
.list-cast .list-cast-heading p.small { font-size: 11px; margin-top: 0px; }
.list-cast .thumbnail { opacity: 1; position: absolute; border: none; }
.list-cast .thumbnail .background-cover { border: solid 4px black; transition: -webkit-transform 0.1s ease-in 0.0s; transition: transform 0.1s ease-in 0.0s; }
.list-cast .thumbnail .background-cover:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: black; opacity: 0; transition: opacity 0.2s linear 0.2s; }
.list-cast .thumbnail .icon { position: absolute; width: 17px; height: 17px; background-color: rgba(0, 0, 0, 0.5); top: 8px; left: 8px; transition: visibility 0.2s linear 0.2s; }
.list-cast .thumbnail .icon:before { content: ""; display: block; position: absolute; top: 8px; right: 3px; height: 1px; left: 3px; background: white; }
.list-cast .thumbnail .icon:after { content: ""; display: block; position: absolute; left: 8px; top: 3px; width: 1px; bottom: 3px; background: white; }
.list-cast .thumbnail:hover .icon { visibility: hidden; transition: visibility 0.2s linear 0.0s; }
.list-cast .thumbnail:hover .background-cover { -webkit-transform: scaleY(0.1); -ms-transform: scaleY(0.1); transform: scaleY(0.1); transition: -webkit-transform 0.1s ease-in 0.2s; transition: transform 0.1s ease-in 0.2s; }
.list-cast .thumbnail:hover .background-cover:before { opacity: 1; transition: opacity 0.2s linear 0.0s; }
.list-cast li:hover { background-color: transparent; }
@media only screen and (max-width: 767px) { .list-cast { display: block; margin-top: -30px; }
  .list-cast li.first .cover { background-color: transparent; }
  .list-cast li { width: auto; height: auto; display: block; position: static; background-color: transparent; }
  .list-cast .list-cast-heading { position: static; height: auto; }
  .list-cast .list-cast-heading p { color: rgba(255, 255, 255, 0.75); font-size: 14.5px; }
  .list-cast .list-cast-heading p.medium { font-size: 11px; }
  .list-cast .list-cast-heading p.small { font-size: 9px; }
  .list-cast .thumbnail { display: none; } }

.list-credits { display: block; margin-top: 30px; }
.list-credits li { display: inline-block; color: rgba(255, 255, 255, 0.75); padding: 0 10px; }
.list-credits li p { color: rgba(255, 255, 255, 0.5); }

.list-crew-large li { display: inline-block; font-size: 15px; text-transform: uppercase; padding-right: 30px; }
.list-crew-large li strong { font-size: 19px; }
.list-crew-large li span.separator { display: inline-block; padding-left: 30px; }
.list-crew-large li:last-child { padding-right: 0; }
.list-crew-large li:last-child span.separator { display: none; }
@media only screen and (max-width: 767px) { .list-crew-large li { padding: 0; } }

.list-crew-small { text-transform: uppercase; font-size: 15px; margin-top: 20px; margin-bottom: 0px; }

.section { position: relative; position: absolute; width: 100%; height: 100%; z-index: 10; }

#gallery.section { z-index: 101; overflow: hidden; }

@media only screen and (min-width: 767px) { .section h1 { display: none; } }
.background-cover { background: black no-repeat center center; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; }

.section-content { position: absolute; width: 100%; text-align: center; top: 50%; margin-top: 30px; height: 166px; z-index: 10; }
@media only screen and (max-height: 710px) and (min-width: 767px) { .section-content { height: 130px; } }
@media only screen and (max-height: tablet) { .section-content { height: 130px; } }
.section-content, .section-content .vertical-middle { padding-left: 15px; }
.section-content, .section-content .vertical-middle { padding-right: 15px; }
.section-content p { font-size: 14px; line-height: 2; text-transform: uppercase; }
.section-content h1 { display: none; }
.section-content .inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
@media only screen and (max-width: 767px) { .section-content { margin-top: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); height: 275px; background: transparent; }
  .section-content p { line-height: 1.3; font-size: 12.5px; } }
@media only screen and (max-height: 850px) and (min-width: 767px) { .section-content { top: 40%; } }
@media only screen and (max-height: laptop) { .section-content { top: 40%; } }

@media only screen and (min-width: 767px) { .animate-section-background { background-color: black; } }
/*
.section-content[ng-hide]{ // transform:scaleX(1); //background-color: black; .inner{ position: absolute; left:0;top:0;right:0;bottom:0; background-color: black; // transform:scaleX(0.1); } &.ng-hide{ .inner{ transform:scaleX(0); //  transition: transform 0.2s ease-in 0.0s; //  .vertical-middle{ //    visibility: hidden; //  } }}
}
.section-content{ .inner { //  transition: transform 0.3s ease-in 0.0s; transform: scaleX(1); }
}
*/
@media only screen and (max-width: 767px) { .section h1 { display: block; position: absolute; width: 100%; top: 55px; left: 0; color: white; text-align: center; } }
#home .section-content { background: transparent; }
@media only screen and (max-width: 767px) { #home .section-content .btn, #home .section-content .callout > div > span, #home .section-content .callout > span, #home .section-content .callout > a { font-size: 16px; } }

@media only screen and (max-width: 767px) { #videos .section-content { height: 122.5px; } }
@media only screen and (min-width: 767px) { #videos1 .section-content .inner:before, #videos1 .section-content .inner:after, #cast1 .section-content .inner:before, #cast1 .section-content .inner:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; background: black; width: calc(50% - 832px / 2); }
  #videos1 .section-content .inner:after, #cast1 .section-content .inner:after { left: auto; right: 0; }
  #cast1 .section-content .inner:before, #cast1 .section-content .inner:after { width: calc(50% - 817px / 2); }
  #cast .section-content { height: 106px; } }
/*
#home.section .background-cover{ background-image: url('../img/bg-section-story.jpg');}
#videos.section .background-cover{ background-image: url('../img/bg-section-videos.jpg');}
#story.section .background-cover{ background-image: url('../img/bg-section-story.jpg');}
#gallery.section .background-cover{ background-image: url('../img/bg-section-videos.jpg');}
#cast.section .background-cover{ background-image: url('../img/bg-section-story.jpg');}
*/
.main-nav { position: fixed; position: absolute; z-index: 1; width: 100%; text-align: center; top: 50%; margin-top: -26px; }
.main-nav ul { position: relative; font-size: 0; margin-bottom: 0; }
.main-nav li { display: inline-block; font-size: 20px; position: relative; /*
&:after{ content:""; display: block; position: absolute;background: $white-text; height:1px;width:66px;}
&:last-child{ padding-right: 0; &:after{content: none}
}
*/ padding-right: 80px; }
.main-nav li:after { content: ""; display: block; position: absolute; right: 0px; top: 50%; margin-top: -1px; background: rgba(255, 255, 255, 0.75); height: 1px; width: 80px; }
.main-nav li span, .main-nav li a { font-size: 17.33333px; position: relative; padding: 10px 12px; display: block; color: white !important; text-decoration: none !important; }
.main-nav li span.link-home, .main-nav li a.link-home { background-color: black; }
.main-nav li span:active, .main-nav li a:active { background-color: white; }
.main-nav li.link-home1 span:before, .main-nav li.link-home1 a:before { transition: -webkit-transform 0.2s ease-in 0.0s; transition: transform 0.2s ease-in 0.0s; z-index: -1; content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background-color: black; }
.main-nav li.link-home1 span:hover:before, .main-nav li.link-home1 a:hover:before { -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); }
.main-nav li a:not(.no-icon), .main-nav li span:not(.no-icon) { padding-left: 30px; }
.main-nav li a:not(.no-icon):before, .main-nav li span:not(.no-icon):before { content: ""; display: block; position: absolute; left: 10px; top: 50%; background-image: url("../img/icon-mainnav-square.png"); background-repeat: no-repeat; text-indent: -9999px; height: 12px; width: 13px; margin-top: -6px; }
.main-nav li:first-child { padding-left: 0; }
.main-nav li:first-child:before { content: none; }
.main-nav li:last-child { padding-right: 0; }
.main-nav li:last-child:after { content: none; }
.main-nav li:nth-child(1) { margin-left: 15px; padding-right: 88px; }
.main-nav li:nth-child(1):after { width: 88px; }
.main-nav li:nth-child(2) { padding-right: 55px; }
.main-nav li:nth-child(2):after { width: 55px; }
.main-nav li:nth-child(3), .main-nav li:nth-child(4) { padding-right: 55px; }
.main-nav li:nth-child(3):after, .main-nav li:nth-child(4):after { width: 55px; }
.main-nav.main-nav-hidden li:after { opacity: 0; }
.main-nav.main-nav-hidden li a, .main-nav.main-nav-hidden li span { opacity: 0; }
.main-nav.main-nav-show li:after, .main-nav.main-nav-show li a, .main-nav.main-nav-show li span { opacity: 1; transition: opacity 0.25s linear 0.0s; }
.main-nav.main-nav-background { opacity: 0; }
.main-nav.main-nav-foreground { z-index: 100; }
.main-nav.main-nav-foreground li:after { opacity: 0; }
.main-nav.main-nav-foreground li a { opacity: 0; }
.main-nav.main-nav-foreground li a:hover, .main-nav.main-nav-foreground li a:active, .main-nav.main-nav-foreground li a:focus { opacity: 1; }
@media only screen and (max-width: 767px) { .main-nav { display: none; } }
@media only screen and (max-height: 850px) and (min-width: 767px) { .main-nav { top: 40%; } }
@media only screen and (max-height: laptop) { .main-nav { top: 40%; } }

.main-nav-rollover { background-color: rgba(0, 0, 0, 0.7); position: absolute; height: 100%; width: 200px; z-index: 0; }

body.preloading .main-nav { display: none !important; }

body[data-route='story'] .main-nav li.link-story a, body[data-route='story'] .main-nav li.link-story span, body[data-route='videos'] .main-nav li.link-videos a, body[data-route='videos'] .main-nav li.link-videos span, body[data-route='home'][data-route-param='cast'] .main-nav li.link-home a, body[data-route='home'][data-route-param='cast'] .main-nav li.link-home span, body[data-route='gallery'] .main-nav li.link-gallery a, body[data-route='gallery'] .main-nav li.link-gallery span, body[data-route='team'] .main-nav li.link-team a, body[data-route='team'] .main-nav li.link-team span { opacity: 1 !important; }

/*
body[data-route='videos']{ .main-nav li.link-videos a{ @extend .active }}
body[data-route='home']{ .main-nav li.link-trailer a{ @extend .active }}
body[data-route='gallery']{ .main-nav li.link-gallery a{ @extend .active }}
body[data-route='cast']{ .main-nav li.link-cast a{ @extend .active }}
*/
.background { z-index: 0; }
.background, .background .video-player { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
.background .video-player { transition: filter 0.25s linear 0.0s, -webkit-filter 0.25s linear 0.0s; }

.background-current:after { transition: opacity 0.25s linear 0.0s; }
.background-current:after { content: ""; display: block; position: absolute; background-color: black; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; }

@media only screen and (min-width: 767px) { html.no-mobile .background-current.blur .video-player, html.no-mobile body.panel-share-visible .background-current .video-player, body.panel-share-visible html.no-mobile .background-current .video-player { -webkit-filter: blur(10px); filter: blur(10px); }
  html .background-current.blur .video-player:after, html body.panel-share-visible .background-current .video-player:after, body.panel-share-visible html .background-current .video-player:after { opacity: 0.2; } }
.background-overlay { background: url("../img/bg-overlay-target.png") no-repeat center center; z-index: 1; z-index: 3; }
@media only screen and (max-width: 767px) { .background-overlay { background-size: 560px 321.3px; } }
@media only screen and (max-height: 850px) and (min-width: 767px) { .background-overlay { -webkit-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); } }
@media only screen and (max-height: laptop) { .background-overlay { -webkit-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); } }

.background-next video { visibility: hidden; }

.background-canvas { z-index: 2; }
.background-canvas ng-easel-canvas { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.background-poster { display: block; visibility: hidden; position: absolute; top: 0; left: 0; }

@media only screen and (max-width: 767px) { .background-poster { display: block; visibility: visible; }
  .background video, .background canvas { display: none; } }
@media only screen and (max-width: 767px) { .background-poster { background-position: center center; background-size: cover; }
  .background-poster img { display: none !important; }
  body[data-route="home"] .background-current .background-poster { background-image: url("../vid/Splash.jpg"); }
  body[data-route="home"][data-route-param="cast"] .background-current .background-poster { background-image: url("../vid/CAST.jpg"); }
  body[data-route="story"] .background-current .background-poster { background-image: url("../vid/TheStory.jpg"); }
  body[data-route="videos"] .background-current .background-poster { background-image: url("../vid/Videos-Background.jpg"); }
  body[data-route="gallery"] .background-current .background-poster { background-image: url("../vid/GALLERY.jpg"); }
  body[data-route="cast"] .background-current .background-poster { background-image: url("../vid/CAST.jpg"); } }
[ng-carousel] { height: 100%; position: relative; }
[ng-carousel].first .carousel-prev { display: none; }
[ng-carousel].last .carousel-next { display: none; }

.carousel-slides { height: 100%; position: relative; -webkit-transform: translate3d(0%, 0%, 0px); transform: translate3d(0%, 0%, 0px); }
.carousel-slides .carousel-item { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.carousel-controls { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }

.carousel-prev, .carousel-next { position: absolute; z-index: 10; top: 50%; right: 40px; background-image: url("../img/arrow-gallery-next.png"); background-repeat: no-repeat; text-indent: -9999px; height: 103px; width: 103px; margin-top: -51.5px; display: block; right: -200px; transition: right 0.2s ease-out 0.0s, left 0.2s ease-out 0.0s; }
@media only screen and (max-width: 767px) { .carousel-prev, .carousel-next { width: 40px; height: 40px; background: transparent; right: 10px; -webkit-transform: translate(0%, 50%); -ms-transform: translate(0%, 50%); transform: translate(0%, 50%); }
  .carousel-prev:before, .carousel-prev:after, .carousel-next:before, .carousel-next:after { content: ""; display: block; position: absolute; top: 0px; right: 0px; width: 30px; height: 2px; background: rgba(255, 255, 255, 0.75); }
  .carousel-prev:before, .carousel-next:before { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: translate3d(10px, 1px, 0) rotate(45deg); transform: translate3d(10px, 1px, 0) rotate(45deg); }
  .carousel-prev:after, .carousel-next:after { -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: translate3d(0px, 22px, 0) rotate(-45deg); transform: translate3d(0px, 22px, 0) rotate(-45deg); }
  .carousel-prev.carousel-prev, .carousel-next.carousel-prev { left: 10px; -webkit-transform: rotateY(180deg) translate(0%, 50%); transform: rotateY(180deg) translate(0%, 50%); } }

.carousel-prev { left: 40px; right: auto; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); left: -200px; }

.carousel-prev-hitarea, .carousel-next-hitarea { position: absolute; width: 250px; height: 500px; top: 50%; margin-top: -250px; z-index: 10; }
.carousel-prev-hitarea:hover .carousel-next, .carousel-next-hitarea:hover .carousel-next { right: 40px; }
.carousel-prev-hitarea:hover .carousel-prev, .carousel-next-hitarea:hover .carousel-prev { left: 40px; }

html.touch .carousel-swipe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
html.touch .carousel-prev-hitarea, html.touch .carousel-next-hitarea { width: 123px; height: 103px; margin-top: -51.5px; }
html.touch .carousel-next { right: 20px !important; }
html.touch .carousel-prev { left: 20px !important; }

.carousel-next-hitarea { right: 0; }

@media only screen and (max-width: 767px) { [ng-carousel-videos] { width: 1000%; -webkit-transform: translate3d(-50%, 0px, 0px); transform: translate3d(-50%, 0px, 0px); margin-left: 50%; text-align: center; }
  [ng-carousel-videos] .list-videos, [ng-carousel-videos] .list-cast { transition: -webkit-transform 0.25s ease-in 0.0s; transition: transform 0.25s ease-in 0.0s; }
  [ng-carousel-videos].carousel-index-0 .list-videos, [ng-carousel-videos].carousel-index-0 .list-cast { -webkit-transform: translateX(50%) translateX(-122.5px); -ms-transform: translateX(50%) translateX(-122.5px); transform: translateX(50%) translateX(-122.5px); }
  [ng-carousel-videos].carousel-index-0 .carousel-prev { display: none; }
  [ng-carousel-videos].carousel-index-2 .list-videos, [ng-carousel-videos].carousel-index-2 .list-cast { -webkit-transform: translateX(-50%) translateX(122.5px); -ms-transform: translateX(-50%) translateX(122.5px); transform: translateX(-50%) translateX(122.5px); }
  [ng-carousel-videos].carousel-index-2 .carousel-next { display: none; }
  #videos .carousel-controls.carousel-index-0 .carousel-prev { display: none; }
  #videos .carousel-controls.carousel-index-2 .carousel-next { display: none; } }
.mobile-menu { position: absolute; z-index: 1100; width: 100%; }
@media only screen and (min-width: 767px) { .mobile-menu { display: none; } }
.mobile-menu.open .main-nav-mobile { transition: -webkit-transform 0.2s ease-out 0.0s; transition: transform 0.2s ease-out 0.0s; -webkit-transform: translate3d(0%, 0px, 0px); transform: translate3d(0%, 0px, 0px); }

.main-nav-mobile { position: absolute; top: 0; left: 0; right: 0; padding-top: 40px; padding-bottom: 30px; text-align: center; z-index: 1110; -webkit-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px); transition: -webkit-transform 0.2s ease-in 0.0s; transition: transform 0.2s ease-in 0.0s; background: rgba(0, 0, 0, 0.85); }
.main-nav-mobile ul { margin: 0; }
.main-nav-mobile .list-site-nav { display: block; padding: 5px 20px; padding-bottom: 15px; }
.main-nav-mobile .list-site-nav li { padding: 13px 0; text-align: center; display: block; border-bottom: solid 1px rgba(255, 255, 255, 0.5); }
.main-nav-mobile .list-site-nav span, .main-nav-mobile .list-site-nav a { font-size: 23.33333px; }
.main-nav-mobile .list-site-nav span:active, .main-nav-mobile .list-site-nav a:active { color: white; }
.main-nav-mobile .btn-group-social { display: inline-block; }
.main-nav-mobile .btn-group-social li { padding: 0; vertical-align: middle; }
.main-nav-mobile .btn-group-social li:first-child { font-size: 16.66667px; width: 82px; text-align: right; }
.main-nav-mobile .btn-group-social li, .main-nav-mobile .btn-group-social a { color: rgba(255, 255, 255, 0.75) !important; opacity: 1; }

.mobile-menu-toggle { z-index: 1111; width: 25px; height: 25px; margin: 10px; display: block; position: absolute; overflow: hidden; top: 0; left: 0; }
.mobile-menu-toggle .bar { display: block; position: absolute; top: -1px; left: -5px; width: 35px; height: 2px; background: rgba(255, 255, 255, 0.75); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: translate3d(0, 1px, 0) rotate(0deg); transform: translate3d(0, 1px, 0) rotate(0deg); }
.mobile-menu-toggle .bar:nth-child(1) { transition: opacity 0.2s linear 0.4s; }
.mobile-menu-toggle .bar:nth-child(2) { -webkit-transform: translate3d(0, 12.5px, 0); transform: translate3d(0, 12.5px, 0); transition: opacity 0.2s linear 0.5s; }
.mobile-menu-toggle .bar:nth-child(3) { -webkit-transform: translate3d(0, 24px, 0); transform: translate3d(0, 24px, 0); transition: opacity 0.2s linear 0.6s; }
.mobile-menu-toggle:active .bar { background-color: white; }
.mobile-menu-toggle.active .bar, .mobile-menu.open .mobile-menu-toggle .bar { transition: -webkit-transform 0.3s ease-in 0.3s, opacity 0.2s linear 0.0s; transition: transform 0.3s ease-in 0.3s, opacity 0.2s linear 0.0s; }
.mobile-menu-toggle.active .bar:nth-child(1), .mobile-menu.open .mobile-menu-toggle .bar:nth-child(1) { opacity: 0; transition: opacity 0.2s linear 0.2s; }
.mobile-menu-toggle.active .bar:nth-child(2), .mobile-menu.open .mobile-menu-toggle .bar:nth-child(2) { opacity: 0; transition: opacity 0.2s linear 0.1s; }
.mobile-menu-toggle.active .bar:nth-child(3), .mobile-menu.open .mobile-menu-toggle .bar:nth-child(3) { opacity: 0; transition: opacity 0.2s linear 0.0s; }

.mobile-menu-toggle.mobile-menu-toggle-close { position: absolute; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); transition: -webkit-transform 0.2s linear 0.0s; transition: transform 0.2s linear 0.0s; transition: opacity 0.2s linear 0.0s; opacity: 0; }
.mobile-menu-toggle.mobile-menu-toggle-close .bar:nth-child(1), .mobile-menu-toggle.mobile-menu-toggle-close.active .bar:nth-child(1), .mobile-menu.open .mobile-menu-toggle.mobile-menu-toggle-close .bar:nth-child(1) { -webkit-transform: translate3d(0, 12.5px, 0) rotate(45deg); transform: translate3d(0, 12.5px, 0) rotate(45deg); opacity: 1; transition: opacity 0.1s linear 0s; }
.mobile-menu-toggle.mobile-menu-toggle-close .bar:nth-child(2), .mobile-menu-toggle.mobile-menu-toggle-close.active .bar:nth-child(2), .mobile-menu.open .mobile-menu-toggle.mobile-menu-toggle-close .bar:nth-child(2) { -webkit-transform: translate3d(0, 12.5px, 0) rotate(-45deg); transform: translate3d(0, 12.5px, 0) rotate(-45deg); opacity: 1; transition: opacity 0.1s linear 0s; }

.mobile-menu.open .mobile-menu-toggle.mobile-menu-toggle-close { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition: opacity 0.2s linear 0.6s; opacity: 1; }

.panel-share { display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, 230px); -ms-transform: translate(-50%, 230px); transform: translate(-50%, 230px); transition: -webkit-transform 0.2s ease-in 0.0s; transition: transform 0.2s ease-in 0.0s; z-index: 1006; }
@media only screen and (max-width: 767px) { .panel-share { -webkit-transform: translate(-50%, 90px); -ms-transform: translate(-50%, 90px); transform: translate(-50%, 90px); } }
@media only screen and (max-height: 850px) and (min-width: 767px) { .panel-share { -webkit-transform: translate(-50%, 150px); -ms-transform: translate(-50%, 150px); transform: translate(-50%, 150px); } }
@media only screen and (max-height: laptop) { .panel-share { -webkit-transform: translate(-50%, 150px); -ms-transform: translate(-50%, 150px); transform: translate(-50%, 150px); } }
@media only screen and (max-height: 710px) and (min-width: 767px) { .panel-share { -webkit-transform: translate(-50%, 110px); -ms-transform: translate(-50%, 110px); transform: translate(-50%, 110px); } }
@media only screen and (max-height: tablet) { .panel-share { -webkit-transform: translate(-50%, 110px); -ms-transform: translate(-50%, 110px); transform: translate(-50%, 110px); } }
.panel-share .panel-share-container { background-color: rgba(12, 12, 11, 0.7); display: block; height: 37px; width: 310px; transition: height 0.2s ease-in 0.0s; }
.panel-share .panel-share-container:hover { background-color: #0c0c0b; }
@media only screen and (max-width: 767px) { .panel-share .panel-share-container { width: 250px; } }
.panel-share h2 { font-size: 13.33333px; position: relative; display: inline-block; padding-right: 30px; color: rgba(255, 255, 255, 0.75) !important; }
@media only screen and (max-width: 767px) { .panel-share h2 { color: white !important; font-size: 12px; letter-spacing: -1px; } }
.panel-share .icon { position: absolute; top: -6px; right: 0; }
.panel-share .list-corner { width: 8px; height: 10px; opacity: 0.5; }
.panel-share .list-corner:before, .panel-share .list-corner:after { border-color: white !important; }
.panel-share .panel-share-link { position: absolute; top: 0; left: 0; right: 0; height: 37px; padding: 12px 12px; z-index: 1; transition: opacity 0.2s linear 0.0s; text-align: center; }
@media only screen and (max-width: 767px) { .panel-share .panel-share-link { padding-left: 0; padding-right: 0; } }
.panel-share .panel-share-image { position: relative; opacity: 0; }
.panel-share .panel-share-contents { position: absolute; top: 0; left: 0; top: 0; left: 0; right: 0; bottom: 0; padding: 12px 12px; height: 0; overflow: hidden; }
.panel-share .btn-group-social { display: none; width: 100%; margin: 6px 0; position: relative; background: transparent; text-align: center; }
.panel-share.open { -webkit-transform: translate(-50%, -50px); -ms-transform: translate(-50%, -50px); transform: translate(-50%, -50px); }
.panel-share.open .panel-share-link { opacity: 0; z-index: 0; }
.panel-share.open .panel-share-contents { height: auto; opacity: 1; }
.panel-share.open .panel-share-container { height: 345px; }
.panel-share.open .panel-share-image { opacity: 1; transition: opacity 0.5s linear 0.2s; height: 286px; visibility: visible; position: relative; }
@media only screen and (max-width: 767px) { .panel-share.open { -webkit-transform: translate(-50%, -137.5px); -ms-transform: translate(-50%, -137.5px); transform: translate(-50%, -137.5px); }
  .panel-share.open .panel-share-container { height: 275px; }
  .panel-share.open .panel-share-image { height: 220px; } }
.panel-share.open .btn-group-social { display: block; }

.panel-share-image { visibility: hidden; opacity: 0; height: 0; }
.panel-share-image img { width: 100%; }

.background-panel-share-overlay { background-color: rgba(0, 0, 0, 0.3); z-index: -1; opacity: 0; }
@media only screen and (max-width: 767px) { .background-panel-share-overlay { background-color: rgba(0, 0, 0, 0.7); } }

.panel-preload { display: none; }

body.preloading .panel-preload { position: absolute; top: 50%; width: 0%; transition: width 0.2s ease-in-out 0.0s; height: 1px; display: block; margin-top: -8px; border-bottom: solid 1px #fe0000; font-size: 30px; }
body.preloading .panel-preload .preload-amount { display: block; position: absolute; width: 100px; top: 0; right: 0; padding-left: 10px; color: white; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); }
@media only screen and (max-height: 850px) and (min-width: 767px) { body.preloading .panel-preload { top: 40%; } }
@media only screen and (max-height: laptop) { body.preloading .panel-preload { top: 40%; } }

.team-info { visibility: hidden; }

.team-quote-container { width: 1000px; height: 235px; position: absolute; z-index: 2; top: 50%; left: 50%; margin-left: -500px; margin-top: -250px; }
.team-quote-container > div { position: absolute; }
.team-quote-container .team-quote-name img { opacity: 0.15; }
.team-quote-container .team-quote-left img { opacity: 0.56; }
.team-quote-container .team-quote-right img { opacity: 0.56; }
@media only screen and (max-height: 850px) and (min-width: 767px) { .team-quote-container { -webkit-transform: scale(0.7) translateY(-20px); -ms-transform: scale(0.7) translateY(-20px); transform: scale(0.7) translateY(-20px); } }
@media only screen and (max-height: laptop) { .team-quote-container { -webkit-transform: scale(0.7) translateY(-20px); -ms-transform: scale(0.7) translateY(-20px); transform: scale(0.7) translateY(-20px); } }

[ng-team-info] .background-canvas { z-index: 0; }

.team-info .background-cover { visibility: hidden; }
.team-info .background-cover img { visibility: hidden; }

.team-quote-name { top: -30px; left: 130px; }

.team-quote-left { top: 60px; left: 150px; }

.team-quote-right { top: 95px; left: 190px; }

.team-info[data-id='terrier'] .team-quote-name { left: 10px; }
.team-info[data-id='terrier'] .team-quote-left { left: 50px; }
.team-info[data-id='terrier'] .team-quote-right { left: 100px; top: 120px; }

.team-info[data-id='felix'] .team-quote-name { left: 30px; }
.team-info[data-id='felix'] .team-quote-left { left: 80px; top: 65px; }
.team-info[data-id='felix'] .team-quote-right { left: 140px; top: 95px; }

.team-info[data-id='barnes'] .team-quote-name { left: 550px; top: -50px; }
.team-info[data-id='barnes'] .team-quote-left { left: 545px; top: 45px; }
.team-info[data-id='barnes'] .team-quote-right { left: 620px; top: 105px; }

.team-info[data-id='stanley'] .team-quote-name { left: 30px; }
.team-info[data-id='stanley'] .team-quote-left { left: 70px; top: 45px; }
.team-info[data-id='stanley'] .team-quote-right { left: 120px; top: 85px; }

.team-info[data-id='cox'] .team-quote-name { left: 40px; top: -50px; }
.team-info[data-id='cox'] .team-quote-left { left: 30px; top: 45px; }
.team-info[data-id='cox'] .team-quote-right { left: 50px; top: 125px; }

.team-info[data-id='annie'] .team-quote-name { top: -55px; left: 60px; }
.team-info[data-id='annie'] .team-quote-left { top: 35px; left: 70px; }
.team-info[data-id='annie'] .team-quote-right { top: 125px; left: 110px; }

.callout { position: fixed; top: 20%; z-index: 99; overflow: hidden; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); }
.callout > div > span, .callout > span, .callout > a { display: block; font-size: 18px; vertical-align: middle; display: block; height: 52px; padding-left: 20px; padding-right: 20px; position: relative; }
.callout > div > span img, .callout > span img, .callout > a img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.callout > div > span:hover, .callout > span:hover, .callout > a:hover { opacity: 0.5 !important; }
.callout > div > span:hover img, .callout > span:hover img, .callout > a:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.callout > div > span > span, .callout > span > span, .callout > a > span { position: relative; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; }
.callout.right { right: 0; text-align: right; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; }
.callout.bottom { top: calc(20% + 54px); }
.callout.callout-small > span, .callout.callout-small > a { display: inline-block; padding: 0 24.75px; }
.callout .icon-right { padding-right: 33px; }
.callout .icon-right img { position: absolute; top: 4px; right: -8px; }
@media only screen and (max-width: 767px) { .callout { display: none !important; } }

body.preloading .callout { display: none !important; }

.preload-assets { position: fixed; position: absolute; z-index: 11001; visibility: hidden; width: 1px; height: 1px; overflow: hidden; }