button,
fieldset,
hr {
    border: none
}

body,
button,
fieldset,
html,
p,
small {
    padding: 0
}

body,
fieldset,
figure,
form,
hr,
html,
p,
small {
    margin: 0
}

.About-nav,
.Section-title {
    left: 40px;
    position: absolute
}

.Awards .hashtag,
.Section-title {
    cursor: default;
    text-transform: uppercase
}

.Awards,
.Awards .hashtag,
.FeatContent-info,
.FeatSplash-content,
.Landscape-copy,
.Section-title {
    text-transform: uppercase
}

.App,
.Awards,
.Feature,
.Gallery-images,
.Layout,
.Main,
.Wrapper,
body,
html {
    overflow: hidden
}

.About,
.Cast,
.FeatMenu,
.FeatMenu-btns,
.FeatPost,
.FeatPost-icons,
.Feature-content,
.Feature-splash,
.Footer-followBtns,
.Footer-socialBtns,
.Gallery,
.Overlay,
.ShareBtn-icons,
.Video,
.overlay {
    visibility: hidden
}

html {
    border-collapse: collapse;
    line-height: 1;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

* {
    border-collapse: inherit
}

:not(body) {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

[hidden] {
    display: none!important
}

li,
menu,
ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

a {
    color: inherit;
    text-decoration: none
}

.svg-arrow {
    width: 612px;
    height: 329.5px
}

.svg-audio {
    width: 520.7px;
    height: 511.5px
}

.svg-fullscreen {
    width: 22.6px;
    height: 15.8px
}

.svg-title {
    width: 462px;
    height: 74px
}

.App,
.Awards,
.Layout,
.Wrapper,
.overlay,
body,
html {
    width: 100%;
    height: 100%
}

@font-face {
    font-family: dings;
    src: url(../assets/fonts/kai-dings-2-webfont.woff) format("woff"), url(../assets/fonts/kai-dings-2-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: hadrianbold;
    src: url(../assets/fonts/HADRIAN_Web.woff) format("woff"), url(../assets/fonts/HADRIAN_Web.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 400
}

button {
    outline: 0
}

*,
:after,
:before {
    box-sizing: inherit
}

body,
html {
    background: #f8f8f8
}

.BoxBtn-text,
.Callout-text,
.Deactivate-text,
.ExternalBtn-name,
.FeatBtn-info,
.FeatBtn-text,
.FeatContent-actor,
.FeatContent-role,
.FeatMenu-btnActor,
.FeatMenu-btnText,
.FeatMenu-title,
.FeatPost-shareTxt,
.FeatPost-sub,
.FeatPost-title,
.FeatSplash-main,
.FeatSplash-sub,
.FeatText-copy,
.Footer-button,
.Footer-copyright,
.Footer-credit,
.Footer-date,
.Footer-legalBtn,
.Footer-tag,
.Gallery-pagination,
.Landscape-copy,
.Member-info,
.Member-name,
.Nav-button,
.Player-timecode,
.ProceedBtn-text,
.Promo-text,
.Quotes-author,
.Quotes-copy,
.Results-info,
.Results-openQuote,
.Results-quote,
.Section-title,
.ShareBtn-text,
.SubBtn-text,
.Synopsis-copy,
.Synopsis-highlight,
.Synopsis-intro,
.antialiased,
.fontA,
.fontB,
.fontC {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.BoxBtn-text,
.Callout-text,
.Deactivate-text,
.ExternalBtn-name,
.FeatBtn-text,
.FeatContent-role,
.FeatMenu-btnActor,
.FeatPost-shareTxt,
.FeatPost-title,
.FeatSplash-main,
.FeatSplash-sub,
.Footer-button,
.Footer-copyright,
.Footer-credit,
.Footer-date,
.Footer-legalBtn,
.Footer-tag,
.Gallery-pagination,
.Landscape-copy,
.Member-info,
.Player-timecode,
.ProceedBtn-text,
.Promo-text,
.Quotes-author,
.Quotes-copy,
.Results-info,
.ShareBtn-text,
.SubBtn-text,
.fontA {
    font-family: 'Pathway Gothic One'
}

.FeatBtn-info,
.FeatPost-sub,
.FeatText-copy,
.Results-openQuote,
.Results-quote,
.Synopsis-copy,
.Synopsis-highlight,
.Synopsis-intro,
.fontB {
    font-family: 'Playfair Display'
}

.FeatContent-actor,
.FeatMenu-btnText,
.FeatMenu-title,
.Member-name,
.Nav-button,
.Section-title,
.fontC {
    font-family: hadrianbold
}

.Section-title {
    top: 85px;
    color: #424649;
    font-size: 19px;
    letter-spacing: 1.5px;
    opacity: 0
}

.overlay {
    position: absolute;
    top: 0;
    opacity: 0;
    background: rgba(0, 0, 0, .5)
}

.u-sliding-cover {
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out
}

.u-sliding-feature {
    transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
    transition: opacity .6s ease-in-out, transform .6s ease-in-out
}

.transition-home {
    transition: opacity 2s ease-in-out
}

.transition-home-out {
    transition: opacity .5s ease-in-out
}

.About {
    position: absolute;
    width: 100%;
    background: #f8f8f8;
    opacity: 0
}

.About-nav {
    top: 175px
}

.Awards {
    position: absolute;
    top: 0;
    left: 0;
    background: #f9f8f8;
    z-index: 100;
    font-family: 'Pathway Gothic One', sans-serif;
    opacity: 0
}

.Awards .awards-title,
.Awards .bg {
    width: 55%;
    left: 0;
    position: absolute
}

.Awards .bg {
    bottom: 0;
    height: 100%;
    background: url(../assets/images/awards-bg.jpg) 100% 34% no-repeat;
    background-size: cover;
    z-index: 0
}

.Awards .awards-title {
    height: 142px;
    background: url(../assets/images/awards-title.png) 40% top no-repeat;
    background-size: contain;
    z-index: 1;
    top: 70px
}

.Awards .hashtag {
    font-size: 15px;
    color: #fff;
    position: absolute;
    bottom: 60px;
    left: 60px;
    letter-spacing: .08em;
    font-weight: 700
}

.Awards .right {
    position: absolute;
    top: 0;
    left: 55%;
    width: 45%;
    height: 100%;
    z-index: 1;
    padding-left: 45px
}

.Awards .awards {
    margin: 200px 0 0;
    width: 411px;
    height: 357px
}

.Awards .award-1 {
    width: 100%;
    height: 100%;
    background: url(../assets/images/award-final.png) left top no-repeat;
    background-size: contain;
    position: relative;
    z-index: 1
}

.Awards .enter {
    width: 257px;
    height: 52px;
    line-height: 54px;
    font-size: 16px;
    color: #e18425;
    letter-spacing: 1px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin-top: 57px
}

.Awards .enter:after,
.Cast,
.Cast-bg {
    width: 100%;
    height: 100%
}

.Awards .enter:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #e18425;
    transition: border .15s ease-out
}

.BoxBtn:before,
.Callout-button:before,
.Callout-content:before,
.Promo-button:before,
.Promo-content:before {
    content: ''
}

.Awards .enter:hover:after {
    border: 5px solid #e18425
}

.Awards .captions {
    margin-top: 52px
}

.Awards .captions .date {
    font-size: 30px;
    letter-spacing: .11em;
    line-height: 30px
}

.Awards .captions .date span {
    font-size: 18px;
    letter-spacing: .1em;
    display: block;
    position: relative;
    top: -8px
}

.Gallery-page,
.Gallery-totalPage {
    display: inline-block;
    float: left
}

.Cast,
.Cast-bg,
.Cast-buttons,
.Cast-quotes,
.Cast-title {
    position: absolute
}

.Awards .captions .tag {
    margin-top: -3px;
    font-size: 14px;
    letter-spacing: .1em;
    color: #e18425
}

.Cast {
    opacity: 0
}

.Cast-bg {
    background: #f8f8f8
}

.Cast-title {
    top: 200px;
    left: 200px
}

.Cast-buttons {
    top: 140px
}

.Cast-quotes {
    left: 0;
    right: 0;
    width: 600px;
    margin: auto
}

.FeatContent-line,
.Feature,
.Feature-content {
    width: 100%;
    position: absolute
}

.Cast-quotes .Quotes-author {
    color: #424649
}

.Feature-title {
    color: #f9f8f8;
    opacity: 0
}

.Feature-content {
    top: 0;
    height: 100%;
    background: #000;
    opacity: 0
}

.FeatContent-bg,
.FeatContent-scrollable {
    position: absolute
}

.FeatContent-info {
    position: absolute;
    bottom: 63px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center
}

.FeatContent-line {
    height: 1px;
    background: rgba(249, 248, 248, .15)
}

.FeatContent-actor {
    color: #f9f8f8;
    font-size: 19px;
    letter-spacing: 1.5px
}

.FeatContent-role {
    color: #736451;
    font-size: 15px;
    margin-top: 5px;
    letter-spacing: 1.5px
}

.FeatContent-paginations {
    position: absolute;
    width: 60px
}

.FeatContent-paginations li {
    cursor: pointer;
    float: left;
    width: 30px;
    height: 30px;
    border: 1px solid #f9f8f8
}

.Feature-splash {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 980px;
    opacity: 0
}

.FeatSplash-content {
    position: relative;
    text-align: right;
    letter-spacing: 5px;
    width: 100%
}

.FeatSplash-main {
    font-size: 34px;
    color: #424649
}

.FeatSplash-sub {
    font-size: 34px;
    color: #e18425
}

.FeatSplash-logo {
    position: absolute;
    right: 0;
    margin-top: 145px;
    width: 203px;
    fill: #e18425
}

.Gallery {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    opacity: 0
}

.Gallery-content {
    position: absolute;
    left: 280px;
    width: calc(100% - 280px);
    height: 100%;
    background: #000
}

.Gallery-image,
.Gallery-images,
.Gallery-mask {
    width: 100%;
    position: absolute
}

.Gallery-images {
    height: 100%
}

.Gallery-image {
    height: 100%;
    background: no-repeat #666;
    opacity: 0
}

.Gallery-mask {
    background: url(../assets/images/gallery-mask.png);
    bottom: 0;
    height: 554px
}

.Gallery-buttons {
    position: absolute;
    width: 280px
}

.Gallery-btn {
    cursor: pointer;
    position: absolute;
    width: 18px;
    height: 10px
}

.Gallery-prevBtn {
    left: 40px
}

.Gallery-nextBtn {
    right: 40px
}

.Gallery-quotes,
.Home-content,
.Home-tagline,
.Home-title {
    right: 0;
    left: 0;
    position: absolute
}

.Gallery-arrow {
    width: 100%;
    height: 100%;
    fill: #b1b2b2
}

.Gallery-pagination {
    position: absolute;
    width: 100%;
    font-size: 18px;
    color: #b1b2b2;
    letter-spacing: 2px
}

.Gallery-page {
    font-size: 38px;
    margin-top: -10px;
    margin-right: 6px;
    text-align: right;
    color: #424649;
    width: 134px;
    font-family: hadrianbold
}

.BoxBtn,
.Deactivate-text,
.FeatMenu-btnContent,
.FeatMenu-btnText,
.Footer-creditType,
.Home-laurels,
.Landscape-content,
.Quotes,
.ShareBtn-text,
.SubBtn-text {
    text-align: center
}

.Gallery-shareBtn {
    margin-top: 45px
}

.Gallery-quotes {
    width: calc(100% - 80px);
    margin: auto
}

.Home {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

.Home-mobileBg,
.Home-video {
    position: absolute;
    opacity: 0
}

.Home-content {
    margin: 165px auto 0;
    width: 683px
}

.Home-title {
    width: 557px;
    height: 135px;
    margin: auto;
    opacity: 0
}

.Home-tagline {
    width: 683px;
    height: 94px;
    margin: 200px auto 0;
    opacity: 0
}

.Home-exposeBtn {
    position: absolute;
    right: 65px;
    margin-top: 320px;
    opacity: 0
}

.Home-awards {
    position: absolute;
    left: 0;
    right: 0;
    top: 420px;
    margin: auto
}

.Home-laurels {
    display: block;
    width: 327px;
    height: 42px;
    margin: auto auto 25px;
    opacity: 0
}

.Home-quotes {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 600px;
    height: 90px;
    margin: 0 auto
}

.FeatPost-info,
.FeatPost-shareTxt {
    -webkit-backface-visibility: hidden
}

.Landscape,
.Layout,
.Main,
.Overlay {
    width: 100%;
    height: 100%
}

.Home-callout {
    position: absolute;
    left: 40px;
    bottom: 205px;
    opacity: 0
}

.Home-promo {
    position: absolute;
    right: 40px;
    bottom: 75px
}

.Landscape-content,
.Landscape-icon {
    left: 0;
    right: 0;
    margin: auto;
    position: absolute
}

.Main {
    position: absolute
}

.Overlay {
    position: absolute;
    top: 0;
    opacity: 0;
    background: rgba(0, 0, 0, .5)
}

.Landscape {
    position: absolute;
    top: 0;
    background: #f9f8f8;
    z-index: 100;
    opacity: 0;
    visibility: hidden
}

.Landscape-content {
    top: 0;
    bottom: 0
}

.Landscape-icon {
    background-size: cover;
    width: 326px;
    height: 171px
}

.Landscape-copy {
    font-size: 33px;
    letter-spacing: 5px;
    color: #424649;
    margin-top: 320px
}

.Landscape-highlight {
    color: #e18425
}

.Results-openQuote,
.Results-quote {
    font-size: 45px;
    line-height: 50px;
    color: #f9f8f8;
    text-transform: uppercase
}

.Results {
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%
}

.Home-mobileBg,
.Results-video {
    position: absolute
}

.Results-content {
    position: absolute;
    left: 280px;
    cursor: default
}

.Results-line {
    position: absolute;
    height: 2px;
    background: rgba(225, 132, 37, .8);
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.Results-line1 {
    width: 219px;
    top: 99px;
    right: 20px
}

.Results-line2 {
    width: 138px;
    top: 149px;
    left: 2px
}

.Results-line3 {
    width: 309px;
    top: 199px;
    left: 2px
}

.Results-startLine {
    background: #f9f8f8;
    width: 52px;
    height: 7px
}

.Results-endLine {
    background: rgba(225, 132, 37, .8);
    width: 52px;
    height: 2px;
    margin-top: 16px;
    margin-bottom: 40px
}

.Results-quoteContainer {
    margin-top: 23px
}

.Results-openQuote {
    position: absolute;
    margin-left: -25px
}

.Results-quote {
    width: 645px;
    margin-bottom: 28px
}

.Results-info {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: rgba(225, 132, 37, .8);
    line-height: 21px;
    width: 405px
}

.Synopsis,
.Synopsis-bg {
    width: 100%;
    height: 100%
}

.Results-readBtn {
    position: relative
}

.Synopsis,
.Synopsis-bg,
.Synopsis-content,
.Synopsis-imageWrapper,
.Synopsis-mask,
.Synopsis-scrollbar,
.Synopsis-track,
.Video,
.Video-player,
.Video-sidebar {
    position: absolute
}

.Synopsis-bg {
    background: #f8f8f8
}

.Synopsis-content {
    top: 170px;
    color: #424649;
    width: 400px
}

.Synopsis-copy,
.Synopsis-intro {
    font-size: 14px;
    line-height: 26px;
    width: 100%
}

.Synopsis-highlightLine {
    width: 52px;
    height: 7px;
    background: #424649;
    margin: 30px 0
}

.Synopsis-highlight {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 28px;
    width: 100%;
    line-height: 34px
}

.Synopsis-copy p {
    margin-bottom: 30px
}

.Synopsis-imageWrapper {
    height: 100%;
    width: 100%;
    background: #fff
}

.Synopsis-mask {
    background: url(../assets/images/synopsis-mask.png);
    bottom: 0;
    width: 100%;
    height: 498px
}

.Synopsis-quotes {
    position: absolute;
    bottom: 90px
}

.Synopsis-scrollbar {
    width: 8px;
    height: 100%;
    background: #fff;
    opacity: 0
}

.Synopsis-track {
    background: #e9e9e9;
    width: 100%;
    height: 300px
}

.Synopsis a {
    color: #e18425;
    text-decoration: underline
}

.Video {
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    opacity: 0
}

.Video-sidebar {
    top: 170px;
    left: 40px
}

.Video-player {
    top: 170px;
    left: 300px;
    background: #000
}

.Video-playBtn,
.Video-playIcon {
    bottom: 0;
    left: 0;
    margin: auto;
    top: 0;
    right: 0
}

.Video-image,
.Video-thumb {
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 100%
}

.BackBtn,
.Video-playBtn,
.Video-playIcon,
.Video-quotes,
.Video-youtube {
    position: absolute
}

.Video-playBtn {
    width: 96px;
    height: 64px;
    border: 1px solid #fff
}

.Video-playIcon {
    width: 12px;
    height: 20px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 12px solid #fff
}

.Video-youtube {
    top: 0
}

.Video-quotes {
    left: 300px
}

.Video-quotes .Quotes-author {
    color: #424649
}

.Video-shareBtn {
    margin-top: 35px
}

.BackBtn {
    cursor: pointer
}

.BoxBtn {
    position: relative;
    cursor: pointer;
    width: 145px;
    height: 40px;
    border: 1px solid #fff;
    opacity: .35
}

.BoxBtn:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.BoxBtn-hover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #333;
    -webkit-transform: scale3d(0, 1, 1);
    -ms-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    z-index: 0
}

.Callout,
.Callout-button,
.Callout-content {
    width: 148px;
    overflow: hidden
}

.BoxBtn-text,
.Callout-text {
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    z-index: 1
}

.BoxBtn-text {
    position: relative;
    font-size: 15px;
    color: #fff
}

.Callout {
    height: 100px
}

.Callout-button {
    position: relative;
    height: 66px;
    cursor: pointer
}

.Callout-button:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.Callout-content {
    position: relative;
    height: 66px;
    cursor: pointer;
    margin-top: -66px
}

.Callout-content:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.Callout-arrows {
    position: relative;
    height: 18px;
    margin-bottom: 10px
}

.Callout-nextArrow,
.Callout-prevArrow {
    position: absolute;
    fill: #f9f8f8;
    width: 10px;
    height: 7px;
    top: 4px;
    left: 6px;
    opacity: .35
}

.Callout-prevArrow {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.Callout-arrows li {
    cursor: pointer;
    position: relative;
    float: left;
    border: 1px solid rgba(249, 248, 248, .15);
    width: 23px;
    height: 18px;
    overflow: hidden
}

.Callout-arrows li:not(:last-child) {
    border: none;
    border-top: 1px solid rgba(249, 248, 248, .15);
    border-left: 1px solid rgba(249, 248, 248, .15);
    border-bottom: 1px solid rgba(249, 248, 248, .15)
}

.Callout-hover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale3d(0, 1, 1);
    -ms-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1)
}

.Callout-image {
    position: absolute;
    background-size: cover;
    top: 12px;
    -ms-transform-origin: center left;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.Callout-text {
    font-size: 14px;
    color: #f9f8f8;
    opacity: .35;
    letter-spacing: .5px;
    position: relative;
    margin-left: 70px
}

.Deactivate-text,
.Member-name {
    letter-spacing: 2px;
    text-transform: uppercase
}

.Callout-arrow {
    fill: #424649;
    position: absolute;
    top: 30px;
    left: 20px;
    width: 13px;
    height: 7px;
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
}

.Callout-line {
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .35)
}

.Callout-bottomLine {
    top: 65px
}

.Deactivate,
.Member-canvas,
.Member-noise {
    top: 0;
    position: absolute
}

.Member {
    position: absolute;
    overflow: hidden
}

.Member-content {
    position: absolute;
    bottom: 50px;
    left: 50px
}

.Member-image {
    opacity: .15
}

.Member-name {
    font-size: 38px;
    color: #424649
}

.Member-info {
    position: absolute;
    margin-top: -19px;
    color: rgba(225, 132, 37, .8);
    font-size: 18px;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transform: translate3d(0, 23px, 0);
    -ms-transform: translate3d(0, 23px, 0);
    transform: translate3d(0, 23px, 0)
}

.Member-mask {
    background: url(../assets/images/cast-mask.png);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 490px;
    opacity: 0
}

.Member-line {
    width: 30px;
    height: 5px;
    background: rgba(225, 132, 37, .8);
    margin-top: 20px;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.Member-noise {
    opacity: 0;
    z-index: -10000
}

.Member-canvas {
    opacity: 0
}

.Deactivate {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    z-index: 100;
    cursor: pointer
}

.Deactivate-text {
    font-size: 40px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    color: #e9e9e9
}

.ExternalBtn {
    display: block;
    cursor: pointer;
    margin-bottom: 10px;
    height: 32px
}

.FeatBtn-info,
.FeatMenu-btnText,
.FeatPost-sub,
.FeatPost-text {
    display: inline-block
}

.ExternalBtn-hit {
    position: absolute;
    width: 200px;
    height: 35px;
    background: #f9f8f8;
    opacity: 0;
    cursor: pointer
}

.ExternalBtn-content {
    margin: 0 0 18px;
    height: 15px;
    cursor: pointer
}

.ExternalBtn-name {
    float: left;
    position: relative;
    color: #b1b2b2;
    font-size: 15px;
    letter-spacing: 1.5px;
    margin-left: 10px;
    text-transform: uppercase
}

.FeatBtn,
.FeatBtn-hit,
.FeatBtn-sub,
.FeatBtn-text {
    position: absolute
}

.ExternalBtn-arrow {
    float: left;
    width: 13px;
    height: 7px;
    fill: #b1b2b2;
    margin-top: 4px
}

.ExternalBtn-line {
    clear: both;
    width: 200px;
    height: 1px;
    background: #b1b2b2
}

.FeatBtn {
    cursor: pointer
}

.FeatBtn-hit {
    width: 10px;
    height: 35px;
    background: 0 0
}

.FeatBtn-arrow {
    fill: #f9f8f8;
    float: left;
    width: 13px;
    height: 7px;
    margin: 5px 10px 0 0
}

.FeatBtn-text {
    margin-top: -26px;
    letter-spacing: 1.3px;
    white-space: nowrap;
    text-transform: uppercase;
    z-index: 10
}

.FeatBtn-title {
    float: left;
    color: #f9f8f8;
    margin-right: 10px
}

.FeatBtn-sub {
    overflow: hidden;
    left: 0;
    background: #736451;
    height: 35px;
    -webkit-transform: scale3d(0, 1, 1);
    -ms-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.FeatBtn-info {
    color: #f9f8f8;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 11px;
    opacity: 0
}

.FeatMenu-btnContent,
.FeatMenu-btnLine {
    position: absolute;
    left: 0;
    margin: auto;
    right: 0
}

.FeatBtn-box {
    -ms-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    background: #f9f8f8;
    width: 350px;
    height: 35px;
    -webkit-transform: scale3d(1, .45714, 1);
    -ms-transform: scale3d(1, .45714, 1);
    transform: scale3d(1, .45714, 1);
    z-index: 9
}

.FeatMenu-selectedLine,
.Nav-btnLine {
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left
}

.FeatLine {
    position: absolute;
    height: 2px;
    width: 40px;
    background: rgba(225, 132, 37, .8)
}

.FeatMenu {
    position: absolute;
    opacity: 0
}

.FeatMenu-btns {
    position: absolute;
    height: 100%;
    opacity: 0
}

.FeatMenu-btn {
    position: absolute;
    float: left;
    cursor: pointer
}

.FeatMenu-btnOverlay,
.FeatMenu-hit {
    position: absolute;
    background: #0d0c0c;
    opacity: 0;
    width: 100%;
    height: 100%
}

.FeatMenu-btnLine {
    width: 20px;
    height: 2px;
    background: rgba(225, 132, 37, .8)
}

.FeatMenu-btnActor {
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    color: rgba(225, 132, 37, .8);
    opacity: 0;
    margin-bottom: 2px;
    letter-spacing: 1.5px
}

.FeatMenu-btnText,
.FeatMenu-title {
    font-size: 30px;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

.FeatMenu-btnText {
    position: relative;
    color: #f9f8f8;
    margin-bottom: 8px
}

.FeatMenu-selected {
    cursor: pointer;
    position: absolute;
    top: 300px;
    left: 100px
}

.FeatMenu-title {
    color: rgba(225, 132, 37, .8);
    white-space: nowrap
}

.FeatMenu-selectedLine {
    position: absolute;
    background: #e18425;
    width: 30px;
    height: 5px;
    margin-top: 5px;
    transform-origin: top left;
    -webkit-transform: scale3d(0, 1, 1);
    -ms-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1)
}

.FeatMenu-arrow {
    fill: #f9f8f8;
    width: 20px;
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 10px auto 0
}

.FeatMenu-pagination {
    position: absolute;
    width: 124px
}

.FeatMenu-dot {
    cursor: pointer;
    float: left;
    opacity: .35;
    width: 8px;
    height: 8px
}

.FeatMenu-dot:not(:last-child) {
    margin-right: 11px
}

.FeatMenu-dotIcon {
    cursor: pointer;
    border-radius: 50%;
    background: #f9f8f8;
    width: 4px;
    height: 4px
}

.FeatPost,
.FeatPost-overlay {
    width: 100%;
    height: 100%;
    position: absolute
}

.FeatPost {
    top: 0;
    opacity: 0
}

.FeatPost-overlay {
    cursor: pointer;
    background: rgba(0, 0, 0, .8)
}

.FeatPost-content {
    position: absolute;
    opacity: 0
}

.FeatPost-image {
    position: absolute;
    background: #333
}

.FeatPost-info {
    position: absolute;
    margin-top: -35px;
    margin-left: -20px;
    backface-visibility: hidden
}

.FeatPost-box {
    position: absolute;
    top: 0;
    background: #f9f8f8;
    height: 35px
}

.FeatPost-text {
    position: absolute;
    top: 10px;
    left: 20px;
    white-space: nowrap
}

.FeatPost-title {
    font-size: 15px;
    position: relative;
    float: left;
    color: #424649;
    letter-spacing: 1.3px;
    margin-right: 10px;
    text-transform: uppercase
}

.FeatPost-icons,
.FeatPost-share,
.FeatText,
.Footer,
.Footer-content,
.Footer-hit {
    position: absolute
}

.FeatPost-sub {
    font-size: 12px;
    color: #b1b2b2
}

.FeatPost-share {
    cursor: default;
    margin-top: 0;
    margin-left: -20px;
    background: #e18425;
    width: 80px;
    height: 35px
}

.FeatPost-shareTxt {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 20px;
    margin-top: 10px;
    color: #f9f8f8;
    backface-visibility: hidden
}

.FeatPost-icons {
    top: 10px;
    left: 20px;
    width: 75px;
    opacity: 0
}

.FeatPost-shareBtn {
    font-family: dings;
    float: left;
    color: #f9f8f8;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0
}

.FeatPost-shareBtn:not(:last-child) {
    margin-right: 15px
}

.FeatText-copy {
    color: #736451;
    text-transform: uppercase;
    font-size: 100px;
    cursor: default;
    margin: 0;
    padding: 0;
    line-height: 60px
}

.Footer {
    bottom: 0;
    width: 100%;
    z-index: 100
}

.Footer-content {
    left: 40px;
    bottom: 30px
}

.Footer-hit {
    bottom: 0;
    width: 200px;
    height: 150px;
    background: #fff;
    opacity: 0
}

.Footer-button,
.Footer-date {
    opacity: .35;
    letter-spacing: 2px
}

.Footer-date {
    color: #fff;
    margin-bottom: 12px
}

.Footer-ticketBtn {
    margin: 0 0 33px
}

.Footer-buttons li {
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    float: left;
    color: #fff
}

.Footer-audioIcon,
.Footer-copyright,
.Footer-followBtns,
.Footer-legal,
.Footer-legalLeft,
.Footer-legalRight,
.Footer-socialBtns,
.Footer-tag,
.Nav-buttons,
.Nav-externalBtn,
.Nav-icon,
.Nav-menu,
.Nav-title,
.Preloader-logo,
.Preloader-title {
    position: absolute
}

.Footer-button {
    font-size: 12px
}

.Footer-button:not(:last-child) {
    margin-right: 13px
}

.Footer-followBtns,
.Footer-socialBtns {
    opacity: 0;
    top: 0;
    left: 40px;
    width: 100px
}

.Footer-socialButton {
    float: left;
    text-transform: initial;
    font-family: dings;
    opacity: .35;
    color: #fff
}

.Footer-copyright,
.Footer-credit,
.Footer-legalBtn {
    color: #b1b2b2;
    text-transform: uppercase
}

.Footer-socialButton:not(:last-child) {
    margin-right: 15px
}

.Footer-legal {
    display: none;
    top: 0;
    width: 100px;
    height: 130px;
    background: #e9e9e9
}

.Footer-billing {
    width: 583px;
    height: 75px
}

.Footer-legalBtn {
    float: left;
    font-size: 12px;
    letter-spacing: 2px
}

.Footer-legalBtn:not(:last-child) {
    margin-right: 12px
}

.Footer-legalLeft {
    top: 25px;
    left: 40px
}

.Footer-legalRight {
    top: 30px;
    right: 40px
}

.Footer-logoBtn {
    float: left;
    opacity: .35
}

.Footer-logoBtn:not(:last-child) {
    margin-right: 25px
}

.Footer-logo-participant {
    width: 82px;
    height: 23px;
    margin-top: -3px
}

.Footer-logo-firstlook {
    width: 71px;
    height: 19px
}

.Footer-logo-anonymus {
    width: 107px;
    height: 20px
}

.Footer-logo-openroad {
    width: 93px;
    height: 16px
}

.Footer-copyright {
    clear: both;
    font-size: 10px;
    letter-spacing: 1px;
    margin-top: 55px
}

.Footer-legalInfo {
    margin-top: 25px
}

.Footer-rating {
    float: left;
    width: 103px;
    height: 42px;
    margin-right: 30px
}

.Footer-credits {
    margin-top: 5px;
    float: left
}

.Footer-credit {
    float: left
}

.Footer-credit:not(:last-child) {
    margin-right: 25px
}

.Footer-creditType {
    font-size: 12px;
    letter-spacing: 1px
}

.Footer-creditText {
    font-size: 18px;
    letter-spacing: 2px
}

.Footer-tag {
    font-size: 15px;
    color: #fff;
    opacity: .35;
    bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    cursor: default
}

.Footer-buttons {
    width: 170px
}

.Footer-audioIcon {
    clip: rect(0 14px 12px 0);
    width: 14px;
    height: 12px;
    fill: #fff
}

.Nav {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 99
}

.Nav-title {
    top: 50px;
    left: 40px;
    cursor: pointer
}

.Nav-logo {
    width: 147px;
    height: 25px;
    opacity: .8;
    fill: #e18425
}

.Nav-menu {
    height: 100%;
    width: 280px;
    background: #fff;
    -webkit-transform: translate3d(-280px, 0, 0);
    -ms-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
    display: none
}

.Promo-button:before,
.Promo-content:before,
.Promo-text {
    display: inline-block;
    vertical-align: middle
}

.Nav-buttons {
    top: 250px;
    left: 40px
}

.Nav-button {
    cursor: pointer;
    margin-bottom: 17px;
    width: 200px;
    font-size: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #b1b2b2
}

.Nav-btnLine {
    background: #b1b2b2;
    width: 100%;
    height: 1px;
    margin-top: 17px;
    transform-origin: top left
}

.Nav-iconLine,
.ProceedBtn-bg {
    background: rgba(225, 132, 37, .8)
}

.Nav-icon {
    top: 3px;
    left: 180px
}

.Nav-iconLineWrapper {
    margin-bottom: 5px
}

.Nav-iconLine {
    width: 22px;
    height: 2px
}

.Nav-iconLineWrapper:nth-child(3) .Nav-iconLine {
    width: 11px
}

.Nav-externalBtn {
    left: 40px
}

.Preloader-logo {
    left: 0;
    right: 0;
    margin: auto;
    width: 205px;
    height: 33px
}

.Preloader-title {
    width: 100%;
    height: 100%;
    fill: #424649;
    clip: rect(0 205px 33px 0)
}

.Preloader-progress {
    fill: #e18425;
    clip: rect(0 0 33px 0)
}

.ProceedButton {
    height: 40px;
    cursor: pointer;
    overflow: hidden
}

.ProceedBtn-bg,
.ProceedBtn-hover {
    height: 100%;
    width: 100%;
    position: absolute
}

.ProceedBtn-hover {
    background: #fff;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale3d(0, 1, 1);
    -ms-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1)
}

.ProceedBtn-icon {
    position: absolute;
    margin-left: 15px;
    margin-top: 16px;
    fill: #fff;
    width: 13px;
    height: 7px
}

.Promo,
.Promo-button,
.Promo-content {
    width: 225px;
    overflow: hidden
}

.ProceedBtn-text {
    position: absolute;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 40px;
    margin-top: 12px;
    white-space: nowrap
}

.Promo {
    height: 114px;
    opacity: 0
}

.Promo-button {
    clear: both;
    position: relative;
    height: 80px;
    cursor: pointer;
    border: 3px solid rgba(249, 248, 248, .35)
}

.Promo-button:before {
    height: 100%
}

.Promo-content {
    position: relative;
    height: 84px;
    cursor: pointer;
    margin-top: -80px
}

.Promo-content:before {
    height: 100%
}

.Promo-arrows {
    position: relative;
    height: 18px;
    float: right;
    margin-bottom: 10px
}

.Promo-nextArrow,
.Promo-prevArrow {
    position: absolute;
    fill: #f9f8f8;
    width: 10px;
    height: 7px;
    top: 4px;
    left: 6px;
    opacity: .35
}

.Promo-prevArrow {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.Promo-hover,
.SubBtn-hover {
    -webkit-transform: scale3d(0, 1, 1);
    -ms-transform: scale3d(0, 1, 1)
}

.Promo-arrows li {
    cursor: pointer;
    position: relative;
    float: left;
    border: 1px solid rgba(249, 248, 248, .15);
    width: 23px;
    height: 18px;
    overflow: hidden
}

.Promo-arrows li:not(:last-child) {
    border: none;
    border-top: 1px solid rgba(249, 248, 248, .15);
    border-left: 1px solid rgba(249, 248, 248, .15);
    border-bottom: 1px solid rgba(249, 248, 248, .15)
}

.Promo-hover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transform: scale3d(0, 1, 1)
}

.Promo-image {
    position: absolute;
    background-size: cover
}

.Promo-text {
    font-size: 14px;
    text-transform: uppercase;
    color: #f9f8f8;
    opacity: .35;
    letter-spacing: .5px;
    position: relative;
    margin-left: 115px;
    z-index: 1
}

.Promo-arrow {
    fill: #424649;
    position: absolute;
    top: 40px;
    left: 30px;
    width: 13px;
    height: 7px;
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
}

.ShareBtn,
.ShareBtn-line {
    position: relative
}

.Quotes {
    opacity: 0;
    cursor: default
}

.Quotes-copy {
    font-size: 33px;
    text-transform: uppercase;
    color: rgba(225, 132, 37, .8);
    letter-spacing: 2px
}

.Quotes-author,
.ShareBtn-text,
.SubBtn-text {
    text-transform: uppercase;
    font-size: 15px
}

.Quotes-author {
    color: #fff;
    margin-top: 8px;
    letter-spacing: 2px
}

.ShareBtn-text {
    color: #b1b2b2;
    margin: 0 auto 12px
}

.ShareBtn-line {
    margin: 0 auto;
    width: 60px;
    height: 1px;
    background: #b1b2b2;
    opacity: .5
}

.ShareBtn-hit,
.ShareBtn-icons {
    position: absolute;
    right: 0;
    top: 0;
    left: 0
}

.ShareBtn-icons {
    margin: 0 auto;
    width: 65px;
    opacity: 0
}

.ShareBtn-social {
    font-family: dings;
    float: left;
    color: #b1b2b2;
    cursor: pointer
}

.ShareBtn-social:not(:last-child) {
    margin-right: 15px
}

.ShareBtn-hit {
    margin: auto;
    width: 60px;
    height: 100%;
    background: 0 0
}

.SubButton {
    position: relative;
    display: block;
    width: 146px;
    height: 35px;
    cursor: pointer
}

.SubBtn-hover,
.SubBtn-line,
.SubBtn-text {
    width: 100%;
    position: absolute
}

.SubBtn-hover {
    top: 0;
    height: 100%;
    background: #e18425;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transform: scale3d(0, 1, 1)
}

.SubBtn-text {
    color: #b1b2b2;
    letter-spacing: 1px;
    top: 10px
}

.SubBtn-line {
    bottom: 0;
    height: 1px;
    background: rgba(177, 178, 178, .5);
    -ms-transform-origin: top right;
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.Player-timeline {
    position: absolute;
    bottom: 0
}

.Player-bar {
    position: absolute;
    bottom: 0;
    height: 5px;
    width: calc(100% - 50px);
    background: #e9e9e9;
    -ms-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    cursor: pointer
}

.Player-progress {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: #e18425;
    -webkit-transform: scale3d(0, 1, 1);
    -ms-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -ms-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.Player-timecode {
    font-size: 14px;
    letter-spacing: 1px;
    position: absolute;
    bottom: 10px;
    color: #424649;
    text-align: right;
    opacity: 0;
    cursor: default
}

.Player-fsIcon,
.Player-fullscreen {
    position: absolute;
    bottom: 0;
    right: 0
}

.Player-fullscreen {
    cursor: pointer;
    width: 50px;
    height: 30px;
    background: #fff;
    -ms-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: scale3d(1, .17, 1);
    -ms-transform: scale3d(1, .17, 1);
    transform: scale3d(1, .17, 1)
}

.Player-fsIcon {
    width: 23px;
    height: 16px;
    top: 0;
    left: 0;
    margin: auto;
    opacity: 0
}

@media screen and (max-height:820px) {
    .Awards .awards {
        margin: 100px 0 0
    }
}

@media screen and (max-height:700px) {
    .Awards .awards-title {
        top: 35px;
        height: 100px;
        background-size: contain!important
    }
    .Awards .awards {
        height: 300px;
        background-size: cover
    }
    .Awards .captions,
    .Awards .enter {
        margin-top: 30px
    }
}

@media screen and (max-width:1320px) {
    .Awards .awards-title {
        background-size: 55%
    }
}

@media screen and (max-width:1020px) {
    .Awards .awards {
        width: 265px;
        height: 230px
    }
}

@media only screen and (max-width:1100px) {
    .Synopsis-content {
        width: 330px
    }
    .Synopsis-highlight {
        font-size: 26px;
        line-height: 36px
    }
}