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

dl, h3, menu, ol, p, pre, ul {
    margin: 1em 0;
}

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

audio, canvas, video {
    display: inline-block;
}

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

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

button, html, input, select, textarea {
    font-family: sans-serif;
}

body, figure, form {
    margin: 0;
}

a:focus {
    outline: dotted thin;
}

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

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

h2 {
    font-size: 1.5em;
    margin: .83em 0;
}

h3 {
    font-size: 1.17em;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: .83em;
    margin: 1.67em 0;
}

h6 {
    font-size: .67em;
    margin: 2.33em 0;
}

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

b, strong {
    font-weight: 700;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

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

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

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:after, q:before {
    content: '';
    content: none;
}

small {
    font-size: 80%;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

dd {
    margin: 0 0 0 40px;
}

menu, ol, ul {
    padding: 0 0 0 40px;
}

nav ol, nav ul {
    list-style: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}

button, input {
    line-height: normal;
}

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

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

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

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

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

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

textarea {
    overflow: auto;
    vertical-align: top;
}

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

/*! jQuery UI - v1.11.2 - 2015-01-23
* http://jqueryui.com
* Includes: core.css, slider.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-zfix, .ui-widget-overlay {
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
}

.ui-helper-zfix {
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity = 0);
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-overlay {
    position: fixed;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/*! jQuery UI - v1.11.2 - 2015-01-22
* http://jqueryui.com
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-zfix, .ui-widget-overlay {
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
}

.ui-helper-zfix {
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity = 0);
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-overlay {
    position: fixed;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.mejs-offscreen {
    position: absolute !important;
    top: -10000px;
    left: -10000px;
    overflow: hidden;
    width: 1px;
    height: 1px;
}

.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video, .mejs-mediaelement {
    width: 100%;
    height: 100%;
}

.mejs-container {
    position: relative;
    background: #000;
    font-family: Helvetica,Arial;
    text-align: left;
    vertical-align: top;
    text-indent: 0;
}

.mejs-container:focus {
    outline: 0;
}

.me-plugin {
    position: absolute;
}

.mejs-embed, .mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden;
}

.mejs-fullscreen {
    overflow: hidden !important;
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;
}

.mejs-clear {
    clear: both;
}

.mejs-background, .mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

:root .mejs-poster img {
    display: none;
}

.mejs-poster img {
    padding: 0;
    border: 0;
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-overlay-play {
    cursor: pointer;
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url(bigplay.svg) no-repeat;
}

.no-svg .mejs-overlay-button {
    background-image: url(bigplay.png);
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px;
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: url(background.png);
    background: rgba(0, 0, 0, 0.9);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: url(loading.gif) 50% 50% no-repeat;
}

.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    background: url(background.png);
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    height: 30px;
    width: 100%;
}

.mejs-container .mejs-controls div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 26px;
    font-size: 11px;
    line-height: 11px;
    font-family: Helvetica,Arial;
    border: 0;
}

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 5px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: url(controls.svg) no-repeat;
}

.no-svg .mejs-controls .mejs-button button {
    background-image: url(controls.png);
}

.mejs-controls .mejs-button button:focus {
    outline: #999 dotted 1px;
}

.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 10px 3px 0;
    overflow: hidden;
    text-align: center;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.mejs-container .mejs-controls .mejs-time a {
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
    width: auto;
}

.mejs-controls .mejs-play button {
    background-position: 0 0;
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px;
}

.mejs-controls .mejs-stop button {
    background-position: -112px 0;
}

.mejs-controls div.mejs-time-rail {
    direction: ltr;
    width: 200px;
    padding-top: 5px;
}

.mejs-controls .mejs-time-rail a, .mejs-controls .mejs-time-rail span {
    display: block;
    position: absolute;
    width: 180px;
    height: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 5px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -ms-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

@-ms-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #3caac8;
    background: rgba(60, 170, 200, 0.8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8)));
    background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: 2px solid #333;
    top: -2px;
    text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 17px;
    border: 1px solid #333;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px solid #eee;
    border-color: #eee transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 15px;
    left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px;
}

.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px;
}

.mejs-controls .mejs-mute button {
    background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0;
}

.mejs-controls .mejs-volume-button {
    position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: -115px;
    left: 0;
    z-index: 1;
    position: absolute;
    margin: 0;
}

.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.5);
    margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 4px;
    top: -3px;
    width: 16px;
    height: 6px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    cursor: N-resize;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0;
}

.mejs-controls a.mejs-horizontal-volume-slider {
    height: 26px;
    width: 56px;
    position: relative;
    display: block;
    float: left;
    vertical-align: middle;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none;
}

.mejs-controls .mejs-captions-button {
    position: relative;
}

.mejs-controls .mejs-captions-button button {
    background-position: -48px 0;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -51px;
    width: 85px;
    height: 100px;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    border: 1px solid transparent;
    padding: 10px 10px 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 55px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: helvetica,arial;
    font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px;
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1;
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #222;
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
    overflow: hidden;
    border: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #666;
    background: rgba(102, 102, 102, 0.7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232);
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: 700;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px;
    line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
}

.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: 400;
}

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
}

.mejs-captions-position-hover {
    bottom: 35px;
}

.mejs-captions-text {
    padding: 3px 5px;
    background: url(background.png);
    background: rgba(20, 20, 20, 0.5);
    white-space: pre-wrap;
}

.me-cannotplay a {
    color: #fff;
    font-weight: 700;
}

.me-cannotplay span {
    padding: 15px;
    display: block;
}

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0;
}

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0;
}

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0;
}

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #999;
    z-index: 1001;
}

.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333;
}

.mejs-contextmenu .mejs-contextmenu-item {
    font-family: Helvetica,Arial;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333;
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2C7C91;
    color: #fff;
}

.mejs-controls .mejs-sourcechooser-button {
    position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    border: 1px solid transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: helvetica,arial;
    font-size: 10px;
}

.mejs-postroll-layer, .mejs-postroll-layer-content {
    width: 100%;
    height: 100%;
}

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    z-index: 1000;
    overflow: hidden;
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer;
}

div.mejs-speed-button {
    width: 46px !important;
    position: relative;
}

.mejs-controls .mejs-button.mejs-speed-button button {
    background: 0 0;
    width: 36px;
    font-size: 11px;
    line-height: normal;
    color: #fff;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector {
    display: none;
    position: absolute;
    top: -100px;
    left: -10px;
    width: 60px;
    height: 100px;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    border: 1px solid transparent;
    padding: 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
    display: block;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
    color: rgba(33, 248, 248, 1);
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
    margin: 0 0 6px;
    padding: 0 10px;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
    display: none;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
    width: 60px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: helvetica,arial;
    font-size: 11.5px;
    color: #fff;
    margin-left: 5px;
    cursor: pointer;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
    background-color: #c8c8c8 !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.mejs-controls .mejs-button.mejs-jump-forward-button {
    background: url(jumpforward.png) 3px 3px no-repeat;
}

.mejs-controls .mejs-button.mejs-jump-forward-button button {
    background: 0 0;
    font-size: 9px;
    line-height: normal;
    color: #fff;
}

.mejs-controls .mejs-button.mejs-skip-back-button {
    background: url(skipback.png) 3px 3px no-repeat;
}

.mejs-controls .mejs-button.mejs-skip-back-button button {
    background: 0 0;
    font-size: 9px;
    line-height: normal;
    color: #fff;
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none;
}

.mCustomScrollbar.mCS_no_scrollbar {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.icon-aA, .icon-arrow, .icon-circle_minus, .icon-circle_plus, .icon-cogs, .icon-contact, .icon-cup, .icon-tick, [data-icon]:before {
    font-family: icomoon;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

#wrapper, .mCustomScrollBox .mCSB_scrollTools {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

#menu, #menu-container.open #nav {
    right: 0;
}

#branding, #control-bar-inner, .branding, .mCSB_container, .mCustomScrollBox, .mCustomScrollbar, .prevnext-link-next, .prevnext-link-prev, .scene, .scene-inner, .scene-section-inner, a, a:hover {
    -webkit-backface-visibility: hidden;
}

@font-face {
    font-family: "UniversLTW01-57Condense 723818";
    src: url(/bundles/irnbruwebsiteframework/fonts/6fc47523-fa84-47de-b974-533db32eacd8.eot?#iefix);
    src: url(/bundles/irnbruwebsiteframework/fonts/6fc47523-fa84-47de-b974-533db32eacd8.eot?#iefix) format("eot"), url(/bundles/irnbruwebsiteframework/fonts/34e6ea2e-62b2-49c9-b5e6-128fddfd9f6c.woff) format("woff"), url(/bundles/irnbruwebsiteframework/fonts/01a871ba-586f-4d5e-8924-d4ec3b44f723.ttf) format("truetype"), url(/bundles/irnbruwebsiteframework/fonts/5ebb44ef-5450-4b20-9612-66b2a127178b.svg#5ebb44ef-5450-4b20-9612-66b2a127178b) format("svg");
}

@font-face {
    font-family: "UniversLTW01-57Condense 723821";
    src: url(/bundles/irnbruwebsiteframework/fonts/aefefc4e-9cb8-4e8e-8599-dda705456734.eot?#iefix);
    src: url(/bundles/irnbruwebsiteframework/fonts/aefefc4e-9cb8-4e8e-8599-dda705456734.eot?#iefix) format("eot"), url(/bundles/irnbruwebsiteframework/fonts/1eaf27c0-f4de-4273-9f4c-1b3236ad2f3c.woff) format("woff"), url(/bundles/irnbruwebsiteframework/fonts/9b913baf-b1f0-47d2-8c76-42f59650058f.ttf) format("truetype"), url(/bundles/irnbruwebsiteframework/fonts/0abcce12-2274-4ee7-b6d5-0066b5f5f670.svg#0abcce12-2274-4ee7-b6d5-0066b5f5f670) format("svg");
}

@font-face {
    font-family: UniversLTW01-67BoldCn;
    src: url(/bundles/irnbruwebsiteframework/fonts/076b8d7a-91b5-4c89-86a1-546b980072c7.eot?#iefix);
    src: url(/bundles/irnbruwebsiteframework/fonts/076b8d7a-91b5-4c89-86a1-546b980072c7.eot?#iefix) format("eot"), url(/bundles/irnbruwebsiteframework/fonts/21decb60-b395-4de2-bd04-e38eb2a56d2f.woff) format("woff"), url(/bundles/irnbruwebsiteframework/fonts/091058d4-36b2-43f6-80d3-16c88e098061.ttf) format("truetype"), url(/bundles/irnbruwebsiteframework/fonts/827d22bc-e38b-4ccf-8a21-1f9aaa76e402.svg#827d22bc-e38b-4ccf-8a21-1f9aaa76e402) format("svg");
}

@font-face {
    font-family: UniversLTW01-67BoldCnOb;
    src: url(/bundles/irnbruwebsiteframework/fonts/6881ee98-4e9b-4409-9695-e5b0118c7c84.eot?#iefix);
    src: url(/bundles/irnbruwebsiteframework/fonts/6881ee98-4e9b-4409-9695-e5b0118c7c84.eot?#iefix) format("eot"), url(/bundles/irnbruwebsiteframework/fonts/53f66cd7-168f-4c66-9514-9dd103c763a0.woff) format("woff"), url(/bundles/irnbruwebsiteframework/fonts/774a1d99-085d-4249-8c2c-0ce23fa975a6.ttf) format("truetype"), url(/bundles/irnbruwebsiteframework/fonts/056a520c-7f4a-4b3a-8465-a841cfe0b6b3.svg#056a520c-7f4a-4b3a-8465-a841cfe0b6b3) format("svg");
}

@font-face {
    font-family: UniversLTW02-49LightUlt;
    src: url(/bundles/irnbruwebsiteframework/fonts/a003083e-ffd0-49b7-af37-744d021a2b43.eot?#iefix);
    src: url(/bundles/irnbruwebsiteframework/fonts/a003083e-ffd0-49b7-af37-744d021a2b43.eot?#iefix) format("eot"), url(/bundles/irnbruwebsiteframework/fonts/0b8c6afb-4e27-4f8c-841c-390c192a2893.woff) format("woff"), url(/bundles/irnbruwebsiteframework/fonts/19313855-64e7-4f8e-9fb7-46076e8ba946.ttf) format("truetype"), url(/bundles/irnbruwebsiteframework/fonts/5f52ec5e-ae73-48b0-a085-4761380c4a37.svg#5f52ec5e-ae73-48b0-a085-4761380c4a37) format("svg");
}

@font-face {
    font-family: UniversLTW02-59UltraCn;
    src: url(/bundles/irnbruwebsiteframework/fonts/fb6d9522-2a7a-42e5-ada8-8e819d04632b.eot?#iefix);
    src: url(/bundles/irnbruwebsiteframework/fonts/fb6d9522-2a7a-42e5-ada8-8e819d04632b.eot?#iefix) format("eot"), url(/bundles/irnbruwebsiteframework/fonts/02e875e7-7094-42ec-8f51-6156fda8a86b.woff) format("woff"), url(/bundles/irnbruwebsiteframework/fonts/497a821e-2a74-4aa0-b1a1-ec04bd740f7f.ttf) format("truetype"), url(/bundles/irnbruwebsiteframework/fonts/9b596ea2-4940-4511-8132-1a8ef2995314.svg#9b596ea2-4940-4511-8132-1a8ef2995314) format("svg");
}

@font-face {
    font-family: "Compacta W01 Light";
    src: url(/bundles/irnbruwebsiteframework/fonts/da2a2109-6203-46d9-b662-d4ef96c5d29a.eot?#iefix);
    src: url(/bundles/irnbruwebsiteframework/fonts/da2a2109-6203-46d9-b662-d4ef96c5d29a.eot?#iefix) format("eot"), url(/bundles/irnbruwebsiteframework/fonts/deb7b938-ce64-4f7b-9004-f3803a06417a.woff) format("woff"), url(/bundles/irnbruwebsiteframework/fonts/512ff991-f9b7-4a55-934e-fdbc2433cf0e.ttf) format("truetype"), url(/bundles/irnbruwebsiteframework/fonts/d7205204-87f5-4c8d-95a5-c15cc83c1a22.svg#d7205204-87f5-4c8d-95a5-c15cc83c1a22) format("svg");
}

@font-face {
    font-family: "Compacta W01 Regular";
    src: url(/bundles/irnbruwebsiteframework/fonts/03ef4bb0-09b1-4c09-8696-159eb57de781.eot?#iefix);
    src: url(/bundles/irnbruwebsiteframework/fonts/03ef4bb0-09b1-4c09-8696-159eb57de781.eot?#iefix) format("eot"), url(/bundles/irnbruwebsiteframework/fonts/ed91d1fb-a77e-4002-a549-e062386661d9.woff) format("woff"), url(/bundles/irnbruwebsiteframework/fonts/25fa6ac6-5fe5-4c64-a36e-04d2b22c719c.ttf) format("truetype"), url(/bundles/irnbruwebsiteframework/fonts/39dcb696-4ecf-4297-bca6-e54650d9138b.svg#39dcb696-4ecf-4297-bca6-e54650d9138b) format("svg");
}

@font-face {
    font-family: "Compacta W01 Italic";
    src: url(/bundles/irnbruwebsiteframework/fonts/21bb9a52-36d8-48e5-983c-bda037605946.eot?#iefix);
    src: url(/bundles/irnbruwebsiteframework/fonts/21bb9a52-36d8-48e5-983c-bda037605946.eot?#iefix) format("eot"), url(/bundles/irnbruwebsiteframework/fonts/92ac594b-3309-45e4-acba-688da6125aef.woff) format("woff"), url(/bundles/irnbruwebsiteframework/fonts/6317db45-6a91-430c-9744-634dbee0d97f.ttf) format("truetype"), url(/bundles/irnbruwebsiteframework/fonts/aa502c08-ea6d-4a87-a45b-7e2b408326b2.svg#aa502c08-ea6d-4a87-a45b-7e2b408326b2) format("svg");
}

@font-face {
    font-family: "Compacta W02 Bold";
    src: url(/bundles/irnbruwebsiteframework/fonts/a4ee57a1-5f5e-4aea-86df-2e96969b827c.eot?#iefix);
    src: url(/bundles/irnbruwebsiteframework/fonts/a4ee57a1-5f5e-4aea-86df-2e96969b827c.eot?#iefix) format("eot"), url(/bundles/irnbruwebsiteframework/fonts/18eb56a6-c027-4f75-98b3-0caa4c095111.woff) format("woff"), url(/bundles/irnbruwebsiteframework/fonts/35666367-31fa-4f42-8019-3f4e5d338409.ttf) format("truetype"), url(/bundles/irnbruwebsiteframework/fonts/4e27f34c-ac54-4b3f-b460-dee03d2d3846.svg#4e27f34c-ac54-4b3f-b460-dee03d2d3846) format("svg");
}

@font-face {
    font-family: CompactaW01-BoldItalic;
    src: url(/bundles/irnbruwebsiteframework/fonts/af4b7b4f-2d52-4c11-b046-4f68d12cdb4a.eot?#iefix);
    src: url(/bundles/irnbruwebsiteframework/fonts/af4b7b4f-2d52-4c11-b046-4f68d12cdb4a.eot?#iefix) format("eot"), url(/bundles/irnbruwebsiteframework/fonts/9388d012-ca2b-4ea8-8238-0eae236a656a.woff) format("woff"), url(/bundles/irnbruwebsiteframework/fonts/f851f782-4058-4e4f-ac6a-ab5e47faf32b.ttf) format("truetype"), url(/bundles/irnbruwebsiteframework/fonts/ce1fbbdf-c415-4afe-9c7a-4ecf873d273a.svg#ce1fbbdf-c415-4afe-9c7a-4ecf873d273a) format("svg");
}

@font-face {
    font-family: "Compacta W01 Black";
    src: url(/bundles/irnbruwebsiteframework/fonts/ae673d20-f6b8-4b5f-9539-a3ad36fbbed2.eot?#iefix);
    src: url(/bundles/irnbruwebsiteframework/fonts/ae673d20-f6b8-4b5f-9539-a3ad36fbbed2.eot?#iefix) format("eot"), url(/bundles/irnbruwebsiteframework/fonts/11834485-1550-4f4f-a532-fbe6ec8789f7.woff) format("woff"), url(/bundles/irnbruwebsiteframework/fonts/1772b054-e54c-4ca2-a75f-718e8cd5b838.ttf) format("truetype"), url(/bundles/irnbruwebsiteframework/fonts/32890697-3891-413d-b972-ba7f385a9f7f.svg#32890697-3891-413d-b972-ba7f385a9f7f) format("svg");
}

@font-face {
    font-family: "Compacta Black Poster W01";
    src: url(/bundles/irnbruwebsiteframework/fonts/9453dee4-e892-4af4-9cd2-eab49693f6ca.eot?#iefix);
    src: url(/bundles/irnbruwebsiteframework/fonts/9453dee4-e892-4af4-9cd2-eab49693f6ca.eot?#iefix) format("eot"), url(/bundles/irnbruwebsiteframework/fonts/2ab190bb-6f68-4cd6-8f67-82bdd8ec18f7.woff) format("woff"), url(/bundles/irnbruwebsiteframework/fonts/f6589777-2f78-40e5-b48e-08681dd3448a.ttf) format("truetype"), url(/bundles/irnbruwebsiteframework/fonts/95c3fed9-6b56-4770-9e64-f278553c9496.svg#95c3fed9-6b56-4770-9e64-f278553c9496) format("svg");
}

@font-face {
    font-family: "Compacta W01 LightCm";
    src: url(/bundles/irnbruwebsiteframework/fonts/06859e13-60ba-4546-bbda-a3b4e74d37b8.eot?#iefix);
    src: url(/bundles/irnbruwebsiteframework/fonts/06859e13-60ba-4546-bbda-a3b4e74d37b8.eot?#iefix) format("eot"), url(/bundles/irnbruwebsiteframework/fonts/d21c61dd-c012-492c-b88f-a27b0db12046.woff) format("woff"), url(/bundles/irnbruwebsiteframework/fonts/992aca11-238b-4c6e-9caa-4f87e2777853.ttf) format("truetype"), url(/bundles/irnbruwebsiteframework/fonts/8763fc5b-6e3a-4985-8a98-eb9a95e45cb1.svg#8763fc5b-6e3a-4985-8a98-eb9a95e45cb1) format("svg");
}

@font-face {
    font-family: 'United Sans Rg Bk';
    src: url(/bundles/irnbruwebsiteframework/fonts/united-sans/UnitedSansReg-Black.eot);
    src: url(/bundles/irnbruwebsiteframework/fonts/united-sans/UnitedSansReg-Black.eot?#iefix) format("embedded-opentype"), url(/bundles/irnbruwebsiteframework/fonts/united-sans/UnitedSansReg-Black.woff) format("woff"), url(/bundles/irnbruwebsiteframework/fonts/united-sans/UnitedSansReg-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: icomoon;
    src: url(/bundles/irnbruwebsiteframework/icons/fonts/icomoon.eot);
    src: url(/bundles/irnbruwebsiteframework/icons/fonts/icomoon.eot?#iefix) format("embedded-opentype"), url(/bundles/irnbruwebsiteframework/icons/fonts/icomoon.woff) format("woff"), url(/bundles/irnbruwebsiteframework/icons/fonts/icomoon.ttf) format("truetype"), url(/bundles/irnbruwebsiteframework/icons/fonts/icomoon.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
}

[data-icon]:before {
    content: attr(data-icon);
}

.icon-aA, .icon-arrow, .icon-circle_minus, .icon-circle_plus, .icon-cogs, .icon-contact, .icon-cup, .icon-tick {
    font-style: normal;
}

.icon-tick:before {
    content: "\e000";
}

.icon-cup:before {
    content: "\e001";
}

.icon-contact:before {
    content: "\e002";
}

.icon-cogs:before {
    content: "\e003";
}

.icon-circle_plus:before {
    content: "\e004";
}

.icon-circle_minus:before {
    content: "\e005";
}

.icon-arrow:before {
    content: "\e006";
}

.icon-aA:before {
    content: "\e007";
}

::-moz-selection {
    background-color: #f8911c;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

::-webkit-selection {
    background-color: #f8911c;
    color: #fff;
}

::selection {
    background-color: #f8911c;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

body {
    background: center -32em no-repeat #2b2b2b;
    font: 62.5% Arial,Verdana,sans-serif;
    line-height: 1.4;
    color: #fff;
}

#scene-gets-you-through .search-form input, #scene-gets-you-through h3, .clan .search-form input, .clan h4, .clan h5, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 1em;
    line-height: 1.2;
}

#scene-gets-you-through .search-form input, #scene-gets-you-through h3, .clan .search-form input, .clan h4, .clan h5, h1, h2 {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'United Sans Rg Bk';
}

a, a:link {
    color: #ff9f1a;
}

h1 {
    font-size: 6.6em;
    margin-bottom: .15em;
}

#scene-gets-you-through .search-form input, #scene-gets-you-through h3, .clan .search-form input, .clan h4, .clan h5, h2 {
    font-size: 6em;
}

h3, h4 {
    font-size: 1.6em;
    margin-bottom: .05em;
}

li, p {
    font-size: 1.2em;
}

p {
    margin: 0 0 1.2em;
}

ul {
    margin: 0 0 1em;
    padding: 0 1.8em;
}

li {
    margin-bottom: 1em;
}

li ul {
    margin-top: 1em;
}

li li {
    font-size: 1em;
}

img {
    vertical-align: bottom;
}

hr {
    background: 0 0;
    border: 0;
    border-top: 1px solid #525252;
    border-bottom: 1px solid #757575;
    display: block;
    margin: 2.8em -2em;
    padding: 0 2em;
}

a {
    -moz-transition: color ease .1s;
    -webkit-transition: color ease .1s;
    -o-transition: color ease .1s;
    -ms-transition: color ease .1s;
    transition: color ease .1s;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}

a:link {
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

#wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: 6.3em;
    background: center center no-repeat #333;
}

.rotate--90 {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.branding-logo {
    width: 160px;
    height: 110px;
    background: url(/bundles/irnbruwebsiteframework/images/irn-bru-new-v@2x.png) no-repeat;
    background-size: contain;
    display: block;
    outline: 0;
    text-indent: -99999px;
    margin-left: 2em;
}

.branding-logo:focus {
    outline: 0;
}

#branding, .branding {
    position: absolute;
    bottom: 4px;
    left: .1em;
}

#branding-mobile {
    display: none;
}

.link-block {
    display: block;
    color: inherit;
    text-decoration: none;
}

#menu .trigger, .link-block:link {
    color: #fff;
    text-decoration: none;
}

.link-block:focus {
    outline: 0;
}

#control-bar {
    width: 100%;
    position: fixed;
    bottom: 0;
    font-family: 'UniversLTW01-57Condense 723821';
    text-transform: uppercase;
    z-index: 99999;
}

#control-bar-inner {
    background-color: #f47920;
    height: 6.3em;
    position: relative;
    z-index: 10000;
}

#control-bar:before {
    content: '';
    display: block;
    width: 100%;
    height: 1em;
    padding: 0 2em;
    position: absolute;
    -webkit-box-shadow: 0 0 0.7em rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 0.7em rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 0.7em rgba(0, 0, 0, 0.6);
    -ms-box-shadow: 0 0 0.7em rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 0.7em rgba(0, 0, 0, 0.6);
    top: 0;
    left: -1em;
}

#menu {
    position: absolute;
    top: 0;
    z-index: 10;
    z-index: 10009;
}

#menu .trigger {
    width: 20.1em;
    height: 9.2em;
    display: block;
    outline: 0;
    background: url(/bundles/irnbruwebsiteframework/images/backgrounds/menu-trigger.png) no-repeat;
    background-size: 20.1em 12em;
    position: relative;
    line-height: 1;
    font-family: UniversLTW02-59UltraCn;
    letter-spacing: 2px;
    -webkit-transform: translate(0, 0, 0);
}

#menu .arrow {
    background: url(/bundles/irnbruwebsiteframework/images/menu-arrow.png) 0 0.05em no-repeat;
    background-size: .933em .733em;
    width: .5em;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
}

#menu .target-open .arrow {
    background-position: -.5em .05em;
}

#menu .target-open {
    color: #772400;
}

#menu .target-open .trigger {
    background-position: 0 -15.5em;
}

#menu .trigger div {
    padding-top: 1.2em;
    padding-left: 6em;
    position: relative;
}

#menu .trigger .open-close {
    float: left;
    font-size: .5em;
    -moz-transform-origin: 0 top;
    -webkit-transform-origin: 0 top;
    -o-transform-origin: 0 top;
    -ms-transform-origin: 0 top;
    transform-origin: 0 top;
    position: absolute;
    letter-spacing: .0666em;
    bottom: -1em;
    width: 2.58em;
}

#menu .trigger .text {
    font-size: 4em;
    font-family: 'United Sans Rg Bk';
}

#menu .trigger .text-vertical {
    position: relative;
}

#nav, #timeline {
    position: absolute;
}

#menu .state-text {
    letter-spacing: 1px;
    padding: .5em 0 0 .7em;
    font-family: UniversLTW02-59UltraCn;
}

#nav {
    top: 0;
    width: 550px;
    padding: 0 20px 0 56px;
    background: url(/bundles/irnbruwebsiteframework/images/backgrounds/menu-new.png) no-repeat;
    background-size: 626px 79px;
    min-height: 80px;
    right: -610px;
    -moz-transition: all ease .2s;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    -ms-transition: all ease .2s;
    transition: all ease .2s;
    -webkit-perspective: 1000;
    z-index: 10000;
}

#menu-container {
    width: 100%;
    position: fixed;
    top: 0;
    font-family: 'UniversLTW01-57Condense 723821';
    text-transform: uppercase;
    z-index: 99999;
}

#control-bar .control-scene-down {
    width: 16.7em;
    height: 5.8em;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8.35em;
    -moz-transition: bottom .1s ease;
    -webkit-transition: bottom .1s ease;
    -o-transition: bottom .1s ease;
    -ms-transition: bottom .1s ease;
    transition: bottom .1s ease;
}

#control-bar .control-scene-down a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/bundles/irnbruwebsiteframework/images/controlbar-tab.png) no-repeat;
    outline: 0;
    color: #fff;
    text-decoration: none;
}

#control-bar .control-scene-down a:hover {
    background-position: 0 -5.8em;
}

#control-bar .control-scene-down a.down {
    background-position: -21em 0;
}

#control-bar .control-scene-down a.down:hover {
    background-position: -21em -5.8em;
}

#control-bar .control-scene-down span {
    font-size: 1.6em;
    font-family: 'UniversLTW01-57Condense 723821';
    display: block;
    padding: 23px 0 0 20px;
    text-align: left;
}

#nav li, #nav-secondary li {
    font-family: UniversLTW02-59UltraCn;
}

#control-bar .control-scene-down-hidden, #control-bar .control-scene-down-void {
    bottom: -5.8em;
}

#nav ul {
    margin: 0;
    padding: 1.6em 0 0;
}

#nav li {
    font-size: 2.3em;
    display: inline-block;
    letter-spacing: .052em;
    padding: .167em 0;
    margin: 0 .46em 0 0;
}

#nav li a {
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    color: #fff;
}

#nav li a:active, #nav li a:focus, #nav li a:hover, #nav li.active a {
    outline: 0;
    color: #772400;
}

#nav .nav-tab {
    display: none;
}

#timeline {
    padding-left: 3.6em;
    height: 8em;
    bottom: 0;
    right: 0;
    background: url(/bundles/irnbruwebsiteframework/images/backgrounds/control-bar.png) no-repeat;
    -webkit-transition: all linear 250ms;
    -moz-transition: all linear 250ms;
    -o-transition: all linear 250ms;
    -ms-transition: all linear 250ms;
    transition: all linear 250ms;
    text-transform: uppercase;
    margin: 0 0 0 -8em;
    width: auto;
    left: 100%;
    transform-style: preserve-3d;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
    #timeline {
        background-size: 250em 12.1em;
    }
}

#timeline.open {
    left: 0;
    margin-left: 28em;
}

@media (min-width: 187.5em) {
    #timeline.open {
        width: 246em;
        margin-left: auto;
        left: auto;
    }
}

#timeline-inner {
    padding: 1.2em 20.5em 0 16.3em;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    transition: opacity .2s ease;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: flat;
    min-width: 14em;
}

.fullscreen #timeline-inner {
    padding-right: 8em;
}

#timeline .timeline-filter {
    width: 12.5em;
    float: left;
    display: inline;
    margin-left: -13.5em;
}

#timeline.open #timeline-inner {
    opacity: 1;
}

#timeline p {
    cursor: default;
    color: #173f79;
    line-height: 1.6;
    margin: 0;
    font-size: 1.3em;
}

#timeline p em {
    color: #fff;
    font-style: normal;
    display: block;
    transform-style: preserve-3d;
    transform: translate3d(0, 0, 0);
    width: 9em;
}

#timeline .timeline-toggle {
    width: 2.8em;
    height: 3.6em;
    display: block;
    background: url(/bundles/irnbruwebsiteframework/images/timeline-toggle.png) no-repeat;
    background-size: 2.8em 8.6em;
    text-indent: -99999em;
    outline: 0;
    position: absolute;
    top: 0;
    left: 1.1em;
}

#timeline .timeline-toggle:hover {
    background-position: 0 -5em;
}

#timeline .timeline-closed-message {
    position: absolute;
    top: 3em;
    font-size: 1.1em;
    right: -.2em;
    color: #eee;
}

#timeline.open .timeline-closed-message {
    display: none;
}

.control-fullscreen {
    width: 2.5em;
    height: 2.1em;
    display: block;
    background: url(/bundles/irnbruwebsiteframework/images/fullscreen.png) no-repeat;
    background-size: 2.5em 4.6em;
    overflow: hidden;
    outline: 0;
    text-indent: -99999em;
    position: absolute;
    top: 3.3em;
    right: 3.7em;
    z-index: 0;
}

.fullScreen .control-fullscreen {
    background-position: 0 -2.5em;
    outline: 0;
}

.control-fullscreen:focus, .prevnext-link:active, .prevnext-link:focus {
    outline: 0;
}

.prevnext-link, .prevnext-link span {
    background: url(/bundles/irnbruwebsiteframework/images/prevnext.png) no-repeat;
    background-size: 14.4em 10.3em;
}

.prevnext-link {
    width: 5.4em;
    height: 4.3em;
    display: block;
    outline: 0;
    position: absolute;
    top: 50%;
    margin: -2.15em 0 0;
    text-indent: -99999em;
    opacity: 0;
    z-index: 50;
}

.prevnext-link:focus {
    outline: 0;
}

.prevnext-link span {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    -webkit-transition: opacity ease 150ms;
    -moz-transition: opacity ease 150ms;
    -o-transition: opacity ease 150ms;
    -ms-transition: opacity ease 150ms;
    transition: opacity ease 150ms;
}

.prevnext-link.visible span, .prevnext-link.visible:hover span {
    opacity: 1;
}

.prevnext-link.visible:hover {
    display: block;
}

.prevnext-link-next, .prevnext-link-prev {
    visibility: hidden;
    -webkit-transition: all ease .1s;
    -moz-transition: all ease .1s;
    -o-transition: all ease .1s;
    -ms-transition: all ease .1s;
    transition: all ease .1s;
}

.prevnext-link-prev:hover {
    margin-left: -.4em;
    padding-right: .4em;
}

.prevnext-link-next:hover {
    margin-right: -.4em;
    padding-left: .4em;
}

.prevnext-link-prev, .prevnext-link-prev span {
    left: 2em;
}

.prevnext-link-next, .prevnext-link-next span {
    right: 2em;
    background-position: right 0;
}

.prevnext-link-prev:hover span {
    background-position: 0 bottom;
}

.prevnext-link-next:hover span {
    right: 0;
    background-position: right bottom;
}

.prevnext-link.visible {
    display: block;
    visibility: visible;
    opacity: 1;
}

.slider-thumbnails img, img.thumbnail {
    background: #000;
    height: 9.6em;
    width: 16.4em;
    display: block;
}

.scene-information .panels {
    margin: 0 auto;
}

.scene-information .panel {
    width: 100%;
    float: left;
    display: inline;
    position: relative;
}

.scene-information .panel-left {
    min-height: 10em;
    width: 45%;
}

.scene-information .panel-right {
    outline: 0;
    width: 55%;
    overflow-y: scroll;
}

.loader, .scene, html.viewport-fixed #viewport {
    overflow: hidden;
}

.scene-information li p {
    font-size: inherit;
}

#scene-gets-you-through .scene-information h3, #scene-gets-you-through .search-form .scene-information input, .clan .scene-information h4, .clan .scene-information h5, .clan .search-form .scene-information input, .scene-information #scene-gets-you-through .search-form input, .scene-information #scene-gets-you-through h3, .scene-information .clan .search-form input, .scene-information .clan h4, .scene-information .clan h5, .scene-information h2 {
    font-size: 3.3em;
    margin-bottom: 0;
}

.scene-information table {
    margin: 0 0 2em;
}

.scene-information table tbody th {
    width: 7.5em;
}

.scene-information table td, .scene-information table th {
    font-size: 1.2em;
    vertical-align: top;
    text-align: left;
}

#nav-secondary {
    float: right;
    margin-right: 11.5em;
    position: relative;
    top: 50%;
    margin-top: -14em;
}

.scene, .scene-inner {
    top: 0;
    left: 0;
    width: 100%;
}

#nav-secondary #scene-gets-you-through .search-form input, #nav-secondary #scene-gets-you-through h3, #nav-secondary .clan .search-form input, #nav-secondary .clan h4, #nav-secondary .clan h5, #nav-secondary h2, #scene-gets-you-through #nav-secondary h3, #scene-gets-you-through .search-form #nav-secondary input, .clan #nav-secondary h4, .clan #nav-secondary h5, .clan .search-form #nav-secondary input {
    font-size: 6.6em;
    margin-bottom: .1213em;
    float: right;
    padding-right: .4em;
}

#nav-secondary ul {
    margin: 0;
    padding: 0;
}

#nav-secondary li {
    font-weight: 400;
    font-size: 3.6em;
    text-transform: uppercase;
    line-height: .9;
    margin-bottom: .028em;
    float: right;
    clear: both;
}

#nav-secondary a {
    background: no-repeat;
    position: relative;
    text-decoration: none;
    color: #fff;
    outline: 0;
    display: block;
}

.scene, .scene-inner, .scene-styled .scene-section-inner {
    position: absolute;
}

#nav-secondary .active a, #nav-secondary a:active, #nav-secondary a:hover {
    color: #ff9f1a;
}

#nav-secondary .menu-item-terms a {
    padding-left: .7em;
}

#nav-secondary .menu-item-privacy a {
    padding-right: .75em;
}

#nav-secondary .menu-item-accessibility {
    padding-right: 2.1em;
}

#nav-secondary .menu-item-accessibility a {
    padding-right: .7em;
}

#nav-secondary .menu-item-competitions {
    padding-right: .75em;
}

#nav-secondary .menu-item-competitions a {
    padding-left: .9em;
}

#nav-secondary .menu-item-contact {
    padding-right: 1.9em;
}

#nav-secondary a .icon {
    position: absolute;
    bottom: 0;
    font-size: .5em;
}

#nav-secondary .menu-item-terms .icon {
    left: 0;
    font-size: .41em;
    bottom: .2em;
}

#nav-secondary .menu-item-privacy .icon {
    right: 0;
    font-size: .65em;
    bottom: .1em;
}

#nav-secondary .menu-item-accessibility .icon {
    right: 0;
    bottom: .15em;
}

#nav-secondary .menu-item-competitions .icon {
    left: 0;
    bottom: 0;
    font-size: .85em;
}

#nav-secondary .menu-item-contact .icon {
    right: -2em;
    bottom: .2em;
    font-size: .4em;
}

.scene {
    height: auto;
    min-height: 100%;
}

.scene img {
    max-width: 100%;
    height: auto;
}

.scene-inner {
    height: 100%;
    transition: transform ease 250ms;
}

.scene-content-wrapper {
    display: block;
    width: 100%;
    height: 100%;
}

.scene-left, .scene-right {
    float: left;
    height: 100%;
    width: 48em;
}

.scene .scene-background img {
    width: 100%;
}

.scene-styled .scene-inner, .scene-styled .scene-section-inner {
    margin-left: -48em;
    margin-top: -26em;
    top: 50%;
    left: 50%;
    width: 96em;
    height: 52em;
}

.scene-foreground, .scene-scrollable {
    position: relative;
    height: 100%;
}

.scene-styled a {
    outline-width: 0;
}

.scene .background {
    margin-left: -16em;
    margin-right: -16em;
    margin-top: -11.5em;
}

.scene-information {
    background: url(/bundles/irnbruwebsiteframework/images/backgrounds/background-stuff.jpg) center center no-repeat #333;
}

.scene-section-container {
    height: 100%;
}

.scene-scrollable .scene-content-wrapper {
    height: 100%;
}

.scene-scrollable .scene-inner {
    min-height: 0;
    height: 100%;
    position: relative;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
}

.loader-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/bundles/irnbruwebsiteframework/images/backgrounds/loader.jpg) center center no-repeat #9b9b9b;
    background-size: 1000px 1000px;
    z-index: 9999;
    display: none;
}

.loading .loader-container {
    display: block;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11.2em;
    height: 11.2em;
    margin: -5.6em 0 0 -5.6em;
    background: url(/bundles/irnbruwebsiteframework/images/overlay.png) no-repeat;
}

.loader .loader-inner, .panel, .panels, .scene .home-section-container, html.viewport-fixed, html.viewport-fixed #viewport, html.viewport-fixed #viewport #container, html.viewport-fixed #viewport .panels html.viewport-fixed #viewport .panel, html.viewport-fixed body {
    height: 100%;
}

.loader .loader-inner {
    width: 100%;
    background: url(/bundles/irnbruwebsiteframework/images/loader-new.gif) center center no-repeat;
    background-size: 7.8em 7.8em;
    text-indent: -99999em;
}

#viewport {
    width: 100%;
    position: relative;
}

html.viewport-fixed #viewport #container {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.scene-suffix {
    position: static;
}

.scene-suffix-title {
    display: none;
}

.mCSB_inside > .mCSB_container {
    margin-right: 0;
    overflow: visible;
}

.mCustomScrollBox {
    overflow: visible !important;
}

.mCustomScrollBox .mCSB_scrollTools {
    padding: 1em 0 3em;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: opacity ease .1s;
    -moz-transition: opacity ease .1s;
    -o-transition: opacity ease .1s;
    -ms-transition: opacity ease .1s;
    transition: opacity ease .1s;
    width: 2.7em;
}

.mCustomScrollBox:hover .mCSB_scrollTools {
    opacity: 1;
}

.container-page .panel {
    padding-bottom: 1.7em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.scene-information .panel .mCSB_container {
    width: 54em;
    padding-top: 12.5em;
    padding-bottom: 3em;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_draggerRail {
    border-radius: .35em;
    width: .7em;
}

.mCSB_scrollTools .mCSB_draggerRail {
    height: 100%;
    margin: 0 auto;
    background: #000;
    background: rgba(0, 0, 0, 0.3);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #f47920;
}

.scale-1 {
    font-size: 1em;
}

.scale-2 {
    font-size: 2em;
}

.scale-3 {
    font-size: 3em;
}

.scale-4 {
    font-size: 4em;
}

.scale-5 {
    font-size: 5em;
}

.scale-6 {
    font-size: 6em;
}

.scale-7 {
    font-size: 7em;
}

.scale-8 {
    font-size: 8em;
}

.scale-9 {
    font-size: 9em;
}

.scale-10 {
    font-size: 10em;
}

.text-row {
    display: block;
}

#menu-blocker {
    display: none;
}

.scene-homepage .scene-section-inner {
    height: 90em;
}

.btn-view {
    background: url(/bundles/irnbruwebsiteframework/images/icons/btn-right.png) right 0.49em no-repeat #1257A7;
    background-size: 2.625em 1.375em;
    font-family: 'UniversLTW01-57Condense 723821';
    font-size: 1.6em;
    color: #fff;
    text-transform: uppercase;
    padding: .5em 2.7em .2em 1em;
}

.scene .home-section-container .mCSB_container {
    height: 260%;
}

.scene .home-section-container .scene-section {
    height: 50%;
    overflow: hidden;
    position: relative;
}

#container .scene .scene-homepage-bottom .scene-foreground {
    position: relative;
    width: 96em;
    height: auto;
    top: 0;
    margin: 0 auto;
    left: 0;
}

#swipe-helper, .video-poster {
    position: absolute;
    width: 100%;
}

.scene-homepage .scene-homepage-bottom .scene-section-inner {
    margin-top: 0;
    padding-top: 5em;
}

.scene .home-section-container #scene-homepage-bottom.scene-section {
    height: 61%;
}

#swipe-helper {
    top: 0;
    left: 0;
    height: 100%;
    background-color: red;
}

#scene-bru-planet #scene-gets-you-through .search-form input, #scene-bru-planet .clan .search-form input, #scene-bru-planet .clan h4, #scene-bru-planet .clan h5, #scene-bru-planet .upper-content h1, #scene-bru-planet h2, #scene-bru-planet h3, #scene-carnival #scene-gets-you-through .search-form input, #scene-carnival .clan .search-form input, #scene-carnival .clan h4, #scene-carnival .clan h5, #scene-carnival h1, #scene-carnival h2, #scene-carnival h3, #scene-football-competition #scene-gets-you-through .search-form input, #scene-football-competition #scene-gets-you-through h3, #scene-football-competition .clan .search-form input, #scene-football-competition .clan h4, #scene-football-competition .clan h5, #scene-football-competition h1, #scene-football-competition h2, #scene-gets-you-through #scene-football-competition h3, #scene-gets-you-through .gets-you-through-bottles, #scene-gets-you-through .gets-you-through-fanny-box, #scene-gets-you-through .gets-you-through-title, #scene-gets-you-through .search-form #scene-bru-planet input, #scene-gets-you-through .search-form #scene-carnival input, #scene-gets-you-through .search-form #scene-football-competition input, .clan #scene-bru-planet h4, .clan #scene-bru-planet h5, .clan #scene-carnival h4, .clan #scene-carnival h5, .clan #scene-football-competition h4, .clan #scene-football-competition h5, .clan .brus-your-clan-title, .clan .clan-finder, .clan .search-form #scene-bru-planet input, .clan .search-form #scene-carnival input, .clan .search-form #scene-football-competition input, .heading, .scene.bru-land-games .bru-land-games-title, .scene.bru-land-games .leaderboard-title {
    text-indent: -999em;
    position: absolute;
    top: 50%;
    left: 50%;
}

.video-poster {
    left: 0;
    margin-top: -10em;
    top: 0;
}

.scene-section-flexible {
    height: auto !important;
}

.scene .home-section-container #scene-homepage-top.scene-section {
    height: auto;
}

.stripped-back {
    background: 0 0;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
    #nav {
        background-image: url(/bundles/irnbruwebsiteframework/images/backgrounds/menu-new@2x.png);
    }

    .branding-logo {
        height: 110px;
        background-image: url(/bundles/irnbruwebsiteframework/images/irn-bru-new-v@2x.png);
    }

    #menu .trigger {
        background-image: url(/bundles/irnbruwebsiteframework/images/backgrounds/menu-trigger@2x.png);
    }

    .loader .loader-inner {
        background-image: url(/bundles/irnbruwebsiteframework/images/loader-new.gif);
    }

    #timeline {
        background-image: url(/bundles/irnbruwebsiteframework/images/backgrounds/control-bar@2x.png);
    }

    .btn-view {
        background-image: url(/bundles/irnbruwebsiteframework/images/icons/btn-right@2x.png);
    }

    .prevnext-link-prev:hover span {
        background-position: 0 0;
    }

    .prevnext-link-next:hover span {
        background-position: right 0;
    }
}

@media screen and (max-device-width: 75em), screen and (max-width: 75em) and (-webkit-min-device-pixel-ratio: 1.5) {
    .container-page .panel .mCSB_container {
        width: auto;
        padding-right: 6em;
    }
}

@media screen and (max-device-width: 65em), screen and (max-width: 65em) and (-webkit-min-device-pixel-ratio: 1.5) {
    #nav-secondary {
        margin-left: 4em;
        margin-right: 2em;
        float: left;
    }

    #timeline.open {
        margin-left: 18em;
    }

    .branding-logo {
        width: 80px;
        height: 54px;
    }
}

@media screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #control-bar .control-scene-down, #control-bar:before, #menu .trigger .rotate--90, .video-time-duration {
        display: none;
    }

    #nav, .scene-video .scene-inner {
        position: relative;
    }

    #nav, #nav li, #nav ul, #wrapper {
        padding: 0;
    }

    #scene-gets-you-through .scene-information h3, #scene-gets-you-through .search-form .scene-information input, .clan .scene-information h4, .clan .scene-information h5, .clan .search-form .scene-information input, .scene-information #scene-gets-you-through .search-form input, .scene-information #scene-gets-you-through h3, .scene-information .clan .search-form input, .scene-information .clan h4, .scene-information .clan h5, .scene-information h2 {
        font-size: 2em;
    }

    h1 {
        font-size: 2.8em;
    }

    hr {
        margin-left: 0;
        margin-right: 0;
    }

    #wrapper {
        height: auto;
    }

    #menu {
        height: 100%;
    }

    #menu-container.open #nav ul, #nav {
        height: auto;
    }

    #control-bar, #menu-container {
        position: absolute;
        top: -200em;
        left: 0;
        right: auto;
        bottom: auto;
        width: 100%;
    }

    #menu-container {
        top: -169px;
    }

    #menu-container.open #nav, #nav {
        top: auto;
        bottom: 0;
    }

    #nav {
        right: 0;
        z-index: 50;
        text-align: right;
        min-height: 0;
        background: 0 0;
        width: 100%;
        -webkit-perspective: none;
    }

    #nav ul {
        overflow: hidden;
    }

    #nav li {
        font-size: 1.9em;
        width: 52%;
        margin-left: 48%;
    }

    #nav li:first-child {
        padding-top: .4em;
    }

    #nav li:last-child {
        padding-bottom: .4em;
    }

    #nav li a {
        padding: .125em 1.25em .125em 0;
    }

    #nav .nav-tab {
        display: block;
        position: absolute;
        bottom: -3.5em;
        left: auto;
        background: url(/bundles/irnbruwebsiteframework/images/backgrounds/menu-tab-mobile.png) no-repeat;
        background-size: 5.7em 9.9em;
        right: 1em;
        outline: 0;
        height: 3.5em;
        width: 5.7em;
    }

    #control-bar-inner, #menu-blocker, .branding-logo {
        position: absolute;
        left: 0;
        top: 0;
    }

    #menu-container.open #nav .nav-tab {
        background-position: 0 -6em;
        height: 3.9em;
        bottom: -3.9em;
    }

    #nav .nav-tab span {
        display: none;
        text-indent: -99999em;
    }

    #control-bar, #menu-container {
        z-index: 999999;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjMxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNjk5MjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ea6312 0, #f69925 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ea6312), color-stop(100%, #f69925));
        background: -webkit-linear-gradient(top, #ea6312 0, #f69925 100%);
        background: -o-linear-gradient(top, #ea6312 0, #f69925 100%);
        background: -ms-linear-gradient(top, #ea6312 0, #f69925 100%);
        background: linear-gradient(to bottom, #ea6312 0, #f69925 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6312', endColorstr='#f69925', GradientType=0 );
    }

    #control-bar:before, #menu-container:before, #timeline {
        display: none;
    }

    #control-bar-inner {
        background: 0 0;
        background-size: 57em 7.3em;
        height: auto;
        width: 100%;
        z-index: 99999;
    }

    #branding, .branding {
        bottom: auto;
        top: 0;
        width: 11em;
        height: 5.3em;
    }

    #branding-mobile {
        display: block;
        z-index: 100000;
    }

    #branding-mobile .branding-logo {
        margin: .6em .5em;
        padding: 0;
    }

    .branding-logo {
        background-image: url(/bundles/irnbruwebsiteframework/images/irn-bru-new-h.png);
        background-size: contain;
        margin-left: .5em;
        margin-top: .6em;
        width: 80px;
        height: 54px;
    }

    #menu .trigger {
        background: 0 0;
        width: auto;
        height: 100%;
        display: none;
    }

    #menu {
        top: 0;
        bottom: auto;
    }

    #menu .trigger .text {
        font-size: 3.6em;
        display: block;
        padding: .3em .8em;
    }

    #menu .trigger div {
        padding: 0;
    }

    #menu-blocker {
        display: none;
        height: 100%;
        width: 100%;
        background: #1f2940;
        background-color: rgba(31, 41, 64, 0.8);
        z-index: 99950;
    }

    #menu-blocker.open {
        display: block;
    }

    #nav-secondary #scene-gets-you-through .search-form input, #nav-secondary #scene-gets-you-through h3, #nav-secondary .clan .search-form input, #nav-secondary .clan h4, #nav-secondary .clan h5, #nav-secondary h2, #scene-gets-you-through #nav-secondary h3, #scene-gets-you-through .search-form #nav-secondary input, .clan #nav-secondary h4, .clan #nav-secondary h5, .clan .search-form #nav-secondary input, .panels #nav-secondary li br {
        display: none;
    }

    #nav-secondary {
        float: none;
        margin: 0;
        top: 0;
    }

    #nav-secondary li {
        border-bottom: 1px solid #525252;
        font-size: 1.8em;
    }

    #nav-secondary li:last-child {
        border-bottom-width: 0;
    }

    .panels #nav-secondary li {
        float: none;
        padding: 0;
    }

    .panels #nav-secondary li a {
        float: none;
        padding: .45em 2em .45em 0;
    }

    .panels #nav-secondary li .icon {
        left: auto;
        right: 0;
        bottom: auto;
        top: 50%;
        margin-top: -.5em;
        width: 2.5em;
        text-align: center;
        line-height: 1em;
        height: 1em;
        font-size: .7em;
    }

    .panels #nav-secondary li .icon-contact:before {
        font-size: .7em;
    }

    #viewport {
        position: static;
    }

    .scene-information .scene-inner, .scene-suffix {
        position: relative;
    }

    .scene-information .scene-content-wrapper, .scene-video, .scene-video .scene-content-wrapper {
        height: auto;
    }

    .scene-information .panel {
        float: none;
        display: block;
    }

    .scene-information .panel-left, .scene-information .panel-right {
        width: auto;
        min-height: 0;
    }

    .scene-information .panel-left {
        margin-bottom: 2.3em;
    }

    .scene-information .panels {
        padding: 4.2em 2em;
    }

    .scene-information .panel .mCSB_container {
        padding: 0;
        margin: 0;
        width: auto;
    }

    .scene-suffix, .scene-suffix-inner {
        width: 100%;
        min-height: 4.4em;
        float: left;
    }

    .scene-information {
        background-position: center -19em;
        background-size: 85em 85em;
    }

    .scene-suffix {
        background-color: #f69925;
        z-index: 99900;
        bottom: 0;
    }

    .scene-suffix-inner {
        background: url(/bundles/irnbruwebsiteframework/images/backgrounds/scene-suffix.png) center 0 no-repeat;
        background-size: 57em 5.8em;
        display: inline;
        margin-top: -1.3em;
        padding: 1.3em 0 0;
    }

    .scene-suffix-title {
        padding: .3em 10em .3em 2em;
        font-family: 'UniversLTW01-57Condense 723821';
        font-size: 1.4em;
        text-transform: uppercase;
        margin: 0;
        line-height: 1.2;
        display: block;
    }

    .scene-content-wrapper {
        float: left;
    }

    .loader-container {
        background-size: 500px 500px;
        z-index: 99940;
    }

    .prevnext-link span {
        margin: 0;
        padding: 0;
        background: 0 0;
    }

    .prevnext-link {
        width: 3.45em;
        height: 3.9em;
        position: fixed;
        background: url(/bundles/irnbruwebsiteframework/images/prevnext-mobile.png) no-repeat;
        background-size: 14.5em 10em;
        opacity: 1;
        margin: -1em 0 0;
    }

    .prevnext-link-next, .prevnext-link-prev {
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }

    .prevnext-link-next {
        background-position: right 0;
    }

    .prevnext-link-prev.active {
        background-position: 0 -5.5em;
    }

    .prevnext-link-next.active {
        background-position: right -5.5em;
    }

    .prevnext-link-prev, .prevnext-link-prev span {
        left: 0;
        display: none;
    }

    .prevnext-link-next, .prevnext-link-next span {
        right: 0;
        display: none;
    }

    .prevnext-link-next:hover, .prevnext-link-prev:hover {
        margin-right: 0;
        margin-left: 0;
        padding: 0;
    }

    .scene .home-section-container #scene-homepage-bottom.scene-section {
        display: none;
    }

    .scene .home-section-container #scene-homepage-top.scene-section {
        height: auto;
        overflow: visible;
    }

    .scene-homepage .scene-section-inner {
        height: auto;
        margin-top: 0;
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 1.5) {
    #control-bar-inner {
        background-image: url(/bundles/irnbruwebsiteframework/images/backgrounds/control-bar-mobile@2x.png);
    }

    .branding-logo {
        background-image: url(/bundles/irnbruwebsiteframework/images/irn-bru-new-h@2x.png);
    }

    #menu .arrow {
        background-image: url(/bundles/irnbruwebsiteframework/images/menu-arrow@2x.png);
    }

    .prevnext-link, .prevnext-link span {
        background-image: url(/bundles/irnbruwebsiteframework/images/prevnext-mobile@2x.png);
    }

    #nav .nav-tab {
        background-image: url(/bundles/irnbruwebsiteframework/images/backgrounds/menu-tab-mobile@2x.png);
    }
}

a.blue-button, a.orange-button, button.blue-button, button.orange-button, div.blue-button, div.orange-button, input.blue-button, input.orange-button {
    font-size: 5em;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    display: inline-block;
    margin: .1em;
    height: auto;
    text-align: center;
    padding: .19em .35em .17em;
    text-decoration: none;
    position: relative;
    -moz-border-radius: .1em;
    -webkit-border-radius: .1em;
    border-radius: .1em;
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.42);
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.42);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.42);
    text-shadow: (-0.02em) -0.02em 0.01em rgba(255, 255, 255, 0.4), 0 0.02em 0.02em rgba(0, 0, 0, 0.6);
    font-family: 'Compacta W01 Light';
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    border: none;
    line-height: 1.1em;
}

.scene-homepage-bottom .row .block, .widget {
    font-family: 'UniversLTW01-57Condense 723821';
}

a.orange-button, button.orange-button, div.orange-button, input.orange-button {
    background-color: #f0861b;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFF0861B', endColorstr='#FFEB7411');
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwODYxYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViNzQxMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #f0861b), color-stop(100%, #eb7411));
    background-image: -moz-linear-gradient(left, #f0861b 0, #eb7411 100%);
    background-image: -webkit-linear-gradient(left, #f0861b 0, #eb7411 100%);
    background-image: linear-gradient(to right, #f0861b 0, #eb7411 100%);
}

a.blue-button, button.blue-button, div.blue-button, input.blue-button {
    background-color: #3d77b8;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF3D77B8', endColorstr='#FF1257A8');
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkNzdiOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEyNTdhOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #3d77b8), color-stop(100%, #1257a8));
    background-image: -moz-linear-gradient(left, #3d77b8 0, #1257a8 100%);
    background-image: -webkit-linear-gradient(left, #3d77b8 0, #1257a8 100%);
    background-image: linear-gradient(to right, #3d77b8 0, #1257a8 100%);
}

.orange {
    color: #f0861b;
}

.blue {
    color: #3d77b8;
}

.dark-blue {
    color: #195cab;
}

.widget-group {
    float: left;
    display: inline;
    margin: 11px 0 0 11px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
}

.widget {
    background: url(/bundles/irnbruwebsiteframework/images/backgrounds/widget.png) right 0 no-repeat #1257a8;
    border-radius: .4em;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    overflow: hidden;
    color: #fff;
    text-transform: uppercase;
    margin: .5em;
    height: 6.2em;
    float: left;
}

.widget-inner {
    text-decoration: none;
    display: block;
    height: 100%;
}

.widget-inner:focus {
    outline: 0;
}

#scene-gets-you-through .search-form .widget input, #scene-gets-you-through .widget h3, .clan .search-form .widget input, .clan .widget h4, .clan .widget h5, .widget #scene-gets-you-through .search-form input, .widget #scene-gets-you-through h3, .widget .clan .search-form input, .widget .clan h4, .widget .clan h5, .widget h2 {
    font-size: 1.4em;
}

.widget p {
    font-size: 1.5em;
    color: #fff;
}

.widget p em {
    font-size: 1.533em;
}

.widget-share-count {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.widget-share-count p {
    line-height: 1.1;
    padding-top: .6em;
    margin: 0;
}

.widget-share-count p em {
    display: block;
    font-style: normal;
}

.widget-share-count > .widget-inner {
    padding-left: 6.2em;
    padding-right: 1.5em;
    text-decoration: none;
    position: relative;
}

.widget-share-count .widget-inner:focus {
    outline: 0;
}

.widget-share-count .icon-heart {
    width: 3.7em;
    height: 3.7em;
    position: relative;
    float: left;
    margin: 1.2em 0 0 -5em;
    display: block;
    background: url(/bundles/irnbruwebsiteframework/images/widgets/share-count/heart-background.png) no-repeat;
    background-size: 3.7em 3.7em;
}

.widget-share-count .icon-heart span {
    width: 2.1em;
    height: 1.9em;
    text-indent: -99999em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.8em 0 0 -1.05em;
    display: block;
    background: url(/bundles/irnbruwebsiteframework/images/widgets/share-count/heart.png) no-repeat;
    background-size: 2.1em 1.9em;
}

@-webkit-keyframes scale {
    from {
        -webkit-transform: scale(0.8);
    }

    to {
        -webkit-transform: scale(1);
    }
}

@keyframes scale {
    from {
        transform: scale(0.8);
    }

    to {
        transform: scale(1);
    }
}

@-o-keyframes scale {
    from {
        -o-transform: scale(0.8);
    }

    to {
        -o-transform: scale(1);
    }
}

.widget-share-count a.target-open .icon-heart span, .widget-share-count a:hover .icon-heart span {
    animation-delay: .2s;
    -webkit-animation: scale .2s infinite ease;
    -moz-animation: scale .2s infinite ease;
    -o-animation: scale .2s infinite ease;
}

.widget-share-count {
    position: relative;
    overflow: visible;
}

.widget-share-links {
    opacity: 0;
    -webkit-transition: all ease .2s;
    -moz-transition: all ease .2s;
    -o-transition: all ease .2s;
    -ms-transition: all ease .2s;
    transition: all ease .2s;
    position: absolute;
    top: 0;
    left: 0;
}

.widget-share.open .widget-share-links {
    width: 18.7em;
    opacity: 1;
    left: 100%;
}

.widget-share-links ul {
    padding: 1.2em 0 0;
    margin: 0;
    float: left;
}

.widget-share-links li {
    float: left;
    display: inline;
    margin: 0 0 1.2em;
    padding: 0;
    width: 6.1em;
    height: 3.8em;
    font-size: 1em;
    border: 1px solid #0d4989;
    border-width: 0 0 0 1px;
}

.widget-share-links li:nth-child(3n-2) {
    border-left-width: 0;
}

.widget-share-links li a, .widget-share-links li a span {
    background: url(/bundles/irnbruwebsiteframework/images/social.png) no-repeat;
    background-size: 17.1em 8.2em;
}

.widget-share-links li a {
    height: 100%;
    width: 100%;
    outline: 0;
    display: block;
    text-indent: -99999em;
    position: relative;
}

.widget-share-links li a span {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity ease 150ms;
    -moz-transition: opacity ease 150ms;
    -o-transition: opacity ease 150ms;
    -ms-transition: opacity ease 150ms;
    transition: opacity ease 150ms;
}

.widget-share-links li a:hover span {
    opacity: 1;
}

.widget-share-text-hidden {
    display: none;
}

.widget-share-links .widget-share-links-facebook a {
    background-position: 0 0;
}

.widget-share-links .widget-share-links-twitter a {
    background-position: -6em 0;
}

.widget-share-links .widget-share-links-pinterest a {
    background-position: -12.2em 0;
}

.widget-share-links .widget-share-links-facebook a span {
    background-position: 0 -4.5em;
}

.widget-share-links .widget-share-links-twitter a span {
    background-position: -6em -4.5em;
}

.widget-share-links .widget-share-links-pinterest a span {
    background-position: -12.2em -4.5em;
}

.widget-pullout {
    width: 23.2em;
    height: 26.9em;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    overflow: visible;
}

#slider, #thumbs {
    position: relative;
}

#scene-gets-you-through .search-form .widget-pullout input, #scene-gets-you-through .widget-pullout h3, .clan .search-form .widget-pullout input, .clan .widget-pullout h4, .clan .widget-pullout h5, .widget-pullout #scene-gets-you-through .search-form input, .widget-pullout #scene-gets-you-through h3, .widget-pullout .clan .search-form input, .widget-pullout .clan h4, .widget-pullout .clan h5, .widget-pullout h2 {
    background-color: #093b6b;
    padding: .614em .5em .257em;
    margin: -1.85em 0 0;
    float: left;
    display: inline;
    line-height: 1;
}

.widget-pullout .widget-pullout-content {
    display: block;
    clear: both;
    background: url(/bundles/irnbruwebsiteframework/images/backgrounds/pullout-widget-shadow.png) 0 bottom no-repeat;
    background-size: 17.2em 2.05em;
    padding: 0 0 2em;
}

.widget-pullout figure {
    background: url(/bundles/irnbruwebsiteframework/images/backgrounds/pullout-right-border.png) right bottom no-repeat #093b6b;
    background-size: 17.4em 10.9em;
    padding: .5em;
}

.widget-pullout figcaption {
    font-size: 1.8em;
    line-height: 1.2;
    padding: .25em 0 .4em;
}

.widget-pullout-right {
    background: url(/bundles/irnbruwebsiteframework/images/backgrounds/pullout-right.png) no-repeat;
    background-size: 23.2em 26.9em;
    right: 0;
    margin-top: -22.5em;
}

.widget-pullout-right .widget-inner {
    padding: 2em 1.1em 0 4.7em;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .widget-share-links li a, .widget-share-links li a span {
        background-image: url(/bundles/irnbruwebsiteframework/images/social@2x.png);
    }

    .widget-share-count .icon-heart {
        background-image: url(/bundles/irnbruwebsiteframework/images/widgets/share-count/heart-background@2x.png);
    }

    .widget-share-count .icon-heart span {
        background-image: url(/bundles/irnbruwebsiteframework/images/widgets/share-count/heart@2x.png);
    }

    .widget-pullout-right {
        background-image: url(/bundles/irnbruwebsiteframework/images/backgrounds/pullout-right@2x.png);
    }

    .widget-pullout figure {
        background-image: url(/bundles/irnbruwebsiteframework/images/backgrounds/pullout-right-border@2x.png);
    }

    .widget-pullout .widget-pullout-content {
        background-image: url(/bundles/irnbruwebsiteframework/images/backgrounds/pullout-widget-shadow@2x.png);
    }
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .widget-share {
        left: 50%;
        margin-left: (-4.7em) !important;
    }

    .widget-share .widget-share-links {
        left: 0;
    }

    .widget-share.open .widget-share-links {
        width: 18.7em;
        opacity: 1;
        left: 50% !important;
        margin-left: -9.35em;
        top: 100%;
    }

    .widget {
        font-size: .6em;
        margin: .9em;
    }

    .widget-group {
        margin: 0;
    }

    #widget-next-up {
        display: none;
    }
}

.slider-thumbnails li, .ui-slider .ui-slider-range, .ui-widget {
    font-size: 1em;
}

@media only screen and (max-device-width: 640px), screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .widget-group {
        z-index: 100;
    }
}

#control-slider-wrapper {
    border: 0 solid #093b6b;
    border-width: 0 2px;
    padding: .6em 0;
    margin: .2em 0 0;
}

#control-slider .ui-slider-handle {
    background: url(/bundles/irnbruwebsiteframework/images/slider-handle.png) no-repeat;
    width: 3.7em;
    height: 3.7em;
    margin: -1.25em 0 0 -1.95em;
    border-width: 0;
    cursor: pointer;
    outline-width: 0;
    background-size: 3.7em 10em;
    -webkit-transition: left linear .1s;
    -moz-transition: left linear .1s;
    -o-transition: left linear .1s;
    -ms-transition: left linear .1s;
    transition: left linear .1s;
}

#control-slider .ui-slider-handle:active, #control-slider .ui-slider-handle:focus, #control-slider .ui-slider-handle:hover {
    background-position: 0 -6em;
}

.ui-slider {
    background: no-repeat #093b6b;
    border-width: 0;
}

.ui-slider-horizontal {
    height: .6em;
}

.ui-slider-horizontal .ui-slider-range {
    -webkit-transition: width linear .1s;
    -moz-transition: width linear .1s;
    -o-transition: width linear .1s;
    -ms-transition: width linear .1s;
    transition: width linear .1s;
    height: 1.2em;
    border-left: 1px solid #f79a26;
    border-top: 1px solid #ffa61a;
    border-bottom: 1px solid #114e95;
    margin: -.35em 0 0 -1px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkOTkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZTU2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fd9900 0, #de5600 100%), url(/bundles/irnbruwebsiteframework/images/slider-shadow.png) repeat-y;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fd9900), color-stop(100%, #de5600)), url(/bundles/irnbruwebsiteframework/images/slider-shadow.png) repeat-y;
    background: -webkit-linear-gradient(top, #fd9900 0, #de5600 100%), url(/bundles/irnbruwebsiteframework/images/slider-shadow.png) repeat-y;
    background: -o-linear-gradient(top, #fd9900 0, #de5600 100%), url(/bundles/irnbruwebsiteframework/images/slider-shadow.png) repeat-y;
    background: -ms-linear-gradient(top, #fd9900 0, #de5600 100%), url(/bundles/irnbruwebsiteframework/images/slider-shadow.png) repeat-y;
    background: linear-gradient(to bottom, #fd9900 0, #de5600 100%), url(/bundles/irnbruwebsiteframework/images/slider-shadow.png) repeat-y;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9900', endColorstr='#de5600', GradientType=0 );
}

:root .ui-slider-horizontal .ui-slider-range {
    filter: none;
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-br, .ui-corner-left, .ui-corner-right, .ui-corner-tl, .ui-corner-top, .ui-corner-tr {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

#thumbs {
    border: 2px solid transparent;
    border-width: 0 2px;
    margin-left: -2px;
    height: 0;
}

.slider-thumbnails {
    position: absolute;
    top: -16.2em;
    left: -99999em;
    -webkit-transition: left linear 50ms;
    -moz-transition: left linear 50ms;
    -o-transition: left linear 50ms;
    -ms-transition: left linear 50ms;
    transition: left linear 50ms;
    margin-left: -12.1em;
}

.slider-thumbnails.open {
    left: 0;
}

.slider-thumbnails a {
    border: .5em solid #fff;
    display: block;
    color: #fff;
    text-decoration: none;
    outline: 0;
}

.slider-thumbnails ul {
    margin: 0;
    display: block;
    background: url(/bundles/irnbruwebsiteframework/images/slider-thumb.png) 1.9em 1.6em no-repeat;
    background-size: 20.7em 13.8em;
    padding: 3.2em 3.2em 3.15em 3.4em;
    width: 17.4em;
    height: 11.6em;
}

.slider-thumbnails figure {
    width: 16.4em;
    position: relative;
}

.slider-thumbnails figcaption {
    font-size: 1.4em;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 1.1;
}

.slider-thumbnails .slider-thumbnail-caption-text {
    padding: 5px 5px 4px;
    display: block;
}

.mejs-container .mejs-controls .mejs-currenttime-container, .mejs-container .mejs-controls .mejs-fullscreen-button, .mejs-container .mejs-controls .mejs-playpause-button, .mejs-container .mejs-controls .mejs-volume-button, .slider-thumbnails .slider-thumbail-item {
    display: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #control-slider .ui-slider-handle {
        background-image: url(/bundles/irnbruwebsiteframework/images/slider-handle@2x.png);
    }

    .slider-thumbnails ul {
        background-image: url(/bundles/irnbruwebsiteframework/images/slider-thumb@2x.png);
    }
}

video {
    outline: 0;
}

.mejs-container .mejs-controls {
    position: static;
    display: none;
}

.mejs-container embed, .mejs-container object {
    outline: 0;
}

.mejs-controls div.mejs-time-rail {
    width: 100% !important;
    padding: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 0;
    background: 0 0;
    width: 100% !important;
}

.mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-time-rail .mejs-time-loaded {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: 0 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #f47920;
    -webkit-transition: width linear .2s;
    -moz-transition: width linear .2s;
    -o-transition: width linear .2s;
    -ms-transition: width linear .2s;
    transition: width linear .2s;
}

.scene-video .new-ad, .video-time-elapsed {
    display: block;
    text-indent: -99999em;
    position: absolute;
}

.mejs-container.video-started .mejs-overlay-play .mejs-overlay-button {
    background-position: 0 -13.5em;
}

.mejs-controls .mejs-time-rail span {
    height: .7em;
    cursor: default;
}

.mejs-container .mejs-controls .mejs-time-rail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.mejs-overlay-button, .mejs-overlay:hover .mejs-overlay-button {
    width: 11.3em;
    height: 11.3em;
    background: url(/bundles/irnbruwebsiteframework/images/video-play.png) center 0.1em no-repeat;
}

.mejs-overlay-button {
    margin-top: -5.6em;
    margin-left: -5.6em;
}

.scene .video-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
    z-index: 10;
}

.scene .video-block:after {
    width: 11.3em;
    height: 11.3em;
    background: url(/bundles/irnbruwebsiteframework/images/video-play.png) center 0.1em no-repeat;
    position: absolute;
    z-index: 12;
    content: ' ';
    left: 50%;
    top: 47%;
    margin-top: -5.65em;
    margin-left: -5.65em;
    cursor: pointer;
}

.video-started .video-block {
    opacity: 0;
}

.video-started .video-block:after {
    background: url(/bundles/irnbruwebsiteframework/images/loader.gif) center center no-repeat #000;
    background-size: 7.8em 7.8em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.scene-video {
    background-color: #000;
}

.scene-video .mejs-container {
    max-height: 100%;
}

.video-time-duration {
    width: 100%;
    height: .8em;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity .4s ease;
}

.video-time-elapsed {
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    background: #f47920;
    -webkit-transition: width linear .2s;
    -moz-transition: width linear .2s;
    -o-transition: width linear .2s;
    -ms-transition: width linear .2s;
    transition: width linear .2s;
    overflow: hidden;
}

.video-time-duration-active {
    opacity: 1;
}

#scene-baby.video-started .get-a-grip:before, #scene-baby.video-started .get-a-grip__subtitle, #scene-baby.video-started .get-a-grip__warning {
    opacity: 0;
}

.scene-video .new-ad {
    width: 20.5em;
    height: 5.6em;
    top: 5em;
    right: 4.2em;
    background: url(/bundles/irnbruwebsiteframework/images/new-ad.png) no-repeat;
    background-size: 20.5em 5.6em;
}

.scene-styled .video {
    display: none;
}

.scene-styled .mejs-video.video {
    display: block;
}

.scene-video .scene-content-wrapper {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.me-plugin, iframe.me-plugin {
    width: 100%;
    height: 100%;
}

iframe.unfocussed {
    margin: -20em -13em;
    width: 26em;
    height: 40em;
    top: 50%;
    left: 50%;
}

.mejs-mediaelement {
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .scene-video .mejs-container {
        position: static;
        height: 100%;
    }

    .scene-video .mejs-video {
        margin: 0 !important;
        top: auto !important;
    }

    .scene-video .new-ad {
        width: 10.25em;
        height: 2.8em;
        background-image: url(/bundles/irnbruwebsiteframework/images/new-ad@2x.png);
        background-size: 10.25em 2.8em;
        top: 3.5em;
        right: 1.2em;
    }

    .scene .video-block {
        pointer-events: none;
    }

    .mejs-container .mejs-overlay-button {
        display: none;
    }
}

#scene-404 .error, .sample-content {
    left: 0;
    top: 50%;
    width: 100%;
    position: absolute;
}

.sample-content {
    height: 14em;
    margin-top: -1em;
    text-align: center;
    color: red;
    font-size: 100px;
}

.scene-homepage-bottom .block-social .block-border, .scene-homepage-bottom .row-footer a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

#scene-404 {
    background-color: #f47920;
}

#scene-404.state-on {
    background-color: #008bd0;
}

#scene-404 h1 {
    font-size: 23.8em;
    margin: 0;
    line-height: .8;
    text-align: center;
}

#scene-404 h1 span {
    font-size: 1.45em;
}

#scene-404 #scene-gets-you-through .search-form input, #scene-404 #scene-gets-you-through h3, #scene-404 .clan .search-form input, #scene-404 .clan h4, #scene-404 .clan h5, #scene-404 h2, #scene-gets-you-through #scene-404 h3, #scene-gets-you-through .search-form #scene-404 input, .clan #scene-404 h4, .clan #scene-404 h5, .clan .search-form #scene-404 input {
    font-size: 8em;
    line-height: .85;
    margin: 0;
    padding: 0 3em;
    display: none;
}

#scene-404 .error {
    height: 47em;
    margin-top: -24em;
}

#scene-404.state-on .error {
    height: 20em;
    margin-top: -10em;
}

#scene-404.state-on h1 {
    display: none;
}

#scene-404.state-on #scene-gets-you-through .search-form input, #scene-404.state-on #scene-gets-you-through h3, #scene-404.state-on .clan .search-form input, #scene-404.state-on .clan h4, #scene-404.state-on .clan h5, #scene-404.state-on h2, #scene-gets-you-through #scene-404.state-on h3, #scene-gets-you-through .search-form #scene-404.state-on input, .clan #scene-404.state-on h4, .clan #scene-404.state-on h5, .clan .search-form #scene-404.state-on input, .scene-homepage-bottom .block-border img {
    display: block;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-404 .scene-inner {
        width: 100%;
        height: 100%;
        margin: 0;
        top: 0;
        left: 0;
    }

    #scene-404 .error {
        font-size: .35em;
        width: 80em;
        left: 50%;
        margin-left: -40em;
    }
}

#scene-homepage-bottom {
    background-color: #fda52c;
}

#scene-homepage-bottom .scene-background {
    width: 200em;
    height: 200em;
    margin-top: -43em;
    margin-left: -100em;
    position: absolute;
    top: 50%;
    left: 50%;
}

#container .scene-homepage #scene-homepage-bottom .scene-background {
    margin-top: -100em;
}

.scene-homepage-bottom .block-border {
    border: 10px solid #1257a7;
    display: block;
    -webkit-transition: border-color .1s ease;
    -moz-transition: border-color .1s ease;
    -ms-transition: border-color .1s ease;
    -o-transition: border-color .1s ease;
    transition: border-color .1s ease;
    overflow: hidden;
}

.scene-homepage-bottom .block-border:hover {
    border-color: #3e75b5;
}

.scene-homepage-bottom .scene-background {
    position: absolute;
}

.scene-homepage-bottom .scene-background img {
    width: 100%;
    height: auto;
}

.scene-homepage-bottom .row {
    float: left;
    width: 95em;
    margin: 0 .5em 2em;
}

.scene-homepage-bottom .row .block {
    float: left;
    display: inline;
    margin: 0 2.6em 0 0;
}

.scene-homepage-bottom .row .block:last-child {
    margin-right: 0;
}

.scene-homepage-bottom .block-border {
    position: relative;
}

.scene-homepage-bottom .mum-overlay {
    width: 32em;
    height: auto;
    position: absolute;
    top: -4em;
    right: -.8em;
}

#scene-gets-you-through .scene-homepage-bottom h3, #scene-gets-you-through .search-form .scene-homepage-bottom input, .clan .scene-homepage-bottom h4, .clan .scene-homepage-bottom h5, .clan .search-form .scene-homepage-bottom input, .scene-homepage-bottom #scene-gets-you-through .search-form input, .scene-homepage-bottom #scene-gets-you-through h3, .scene-homepage-bottom .clan .search-form input, .scene-homepage-bottom .clan h4, .scene-homepage-bottom .clan h5, .scene-homepage-bottom h2 {
    font-size: 1.6em;
    font-family: 'UniversLTW01-57Condense 723821';
    margin: 0 0 .5em;
    -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -o-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -ms-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.scene-homepage-bottom .block-social .block-border {
    width: 13.2em;
    height: 25.3em;
    background: url(/bundles/irnbruwebsiteframework/images/home/social-background.jpg) no-repeat #0e90e6;
    background-size: 15.2em 25.3em;
    padding: 0 1em;
}

.scene-homepage-bottom .block-social p {
    font-size: 1.4em;
    line-height: 1.05em;
    margin: 1.7em 0;
}

.scene-homepage-bottom .row-second .block-border {
    border-width: 1.3em;
}

.scene-homepage-bottom .row-second .block {
    margin-right: 2.5em;
}

.scene-homepage-bottom .tweeter-bird {
    width: 11.4em;
    height: auto;
    border-width: 0;
    margin: 0 auto;
}

.scene-homepage-bottom .facebook-like {
    width: 11.6em;
    height: auto;
    margin: 4em auto 0;
}

.scene-homepage-bottom .block-border .facebook-like, .scene-homepage-bottom .block-border .tweeter-bird {
    top: 0;
    position: relative;
    -webkit-transition: top .2s ease;
    -moz-transition: top .2s ease;
    -o-transition: top .2s ease;
    -ms-transition: top .2s ease;
    transition: top .2s ease;
}

.scene-homepage-bottom .block-border:hover .facebook-like, .scene-homepage-bottom .block-border:hover .tweeter-bird {
    top: -.5em;
}

.scene-homepage-bottom .block-facebook .block-border strong {
    font-size: 3.572em;
    font-family: UniversLTW02-59UltraCn;
    display: block;
    font-weight: 400;
    line-height: .85em;
    margin-bottom: .15em;
}

.scene-homepage-bottom .row-footer {
    border: 1px dashed #d68b2b;
    border-width: 1px 0;
    padding: 1.7em 39em 1em 1em;
    width: 55em;
    position: relative;
}

#scene-gets-you-through .scene-homepage-bottom .row-footer h3, #scene-gets-you-through .search-form .scene-homepage-bottom .row-footer input, .clan .scene-homepage-bottom .row-footer h4, .clan .scene-homepage-bottom .row-footer h5, .clan .search-form .scene-homepage-bottom .row-footer input, .scene-homepage-bottom .row-footer #scene-gets-you-through .search-form input, .scene-homepage-bottom .row-footer #scene-gets-you-through h3, .scene-homepage-bottom .row-footer .clan .search-form input, .scene-homepage-bottom .row-footer .clan h4, .scene-homepage-bottom .row-footer .clan h5, .scene-homepage-bottom .row-footer h2 {
    margin-bottom: .4em;
}

.scene-homepage-bottom .row-footer p {
    margin-bottom: 1.7em;
}

.scene-homepage-bottom .row-footer .footer-links {
    margin: 0;
    float: left;
    width: 100%;
    padding: 0;
}

.scene-homepage-bottom .row-footer .copyright p, .scene-homepage-bottom .row-footer .footer-links li {
    font-family: 'UniversLTW01-57Condense 723821';
    font-size: 1.2em;
    text-transform: uppercase;
}

.scene-homepage-bottom .row-footer .footer-links li {
    float: left;
    display: inline;
    list-style: none;
    margin: 0 2.5em 0 0;
}

.scene-homepage-bottom .row-footer a:hover {
    color: #1257a7;
}

.scene-homepage-bottom .block .btn-view {
    position: absolute;
    bottom: -2.2em;
    right: -1px;
    -webkit-transition: background-color,bottom .1s ease;
    -moz-transition: background-color,bottom .1s ease;
    -ms-transition: background-color,bottom .1s ease;
    -o-transition: background-color,bottom .1s ease;
    transition: background-color,bottom .1s ease;
}

#scene-baby .side-panel, #scene-bru-planet .side-panel {
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

.scene-homepage-bottom .block .block-border:hover .btn-view {
    background-color: #3e75b5;
    bottom: 0;
}

.scene-homepage-bottom .row-footer .copyright {
    width: 11.2em;
    height: 11.2em;
    background: url(/bundles/irnbruwebsiteframework/images/icons/watermark.png) no-repeat;
    background-size: 11.2em 11.2em;
    position: absolute;
    top: 1.4em;
    right: 1em;
}

.scene-homepage-bottom .row-footer .copyright p {
    font-size: 1.2em;
    padding-top: 8.3em;
}

.scene-homepage-bottom .block-content {
    padding-bottom: 2.44em;
}

.scene-homepage-bottom .block-gyt .block-content {
    background: url(/bundles/irnbruwebsiteframework/images/home/mum-shadow@2x.png) 0 bottom no-repeat;
    background-size: 55.3em 2.45em;
}

.scene-homepage-bottom .block-gyt .block-border {
    overflow: visible;
}

.scene-homepage-bottom .block-social .block-content {
    background: url(/bundles/irnbruwebsiteframework/images/home/social-shadow@2x.png) 0 bottom no-repeat;
    background-size: 17.8em 2.45em;
}

.scene-homepage-bottom .row-second .block-content {
    background: url(/bundles/irnbruwebsiteframework/images/home/box-shadow@2x.png) 0 bottom no-repeat;
    background-size: 30.3em 2.3em;
    padding-bottom: 2.25em;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .scene-homepage-bottom .row-footer .copyright {
        background-image: url(/bundles/irnbruwebsiteframework/images/icons/watermark@2x.png);
    }
}

.twelve-cans .info, .twelve-cans img {
    float: left;
    width: auto;
    height: 33.3%;
}

.twelve-cans #twelve-cans-tiles {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 140%;
    margin-left: -6em;
}

.twelve-cans .scene-inner {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .twelve-cans {
        width: 100%;
        height: 100%;
        margin: 0;
        top: 0;
        left: 0;
    }

    .twelve-cans #twelve-cans-tiles {
        margin-left: 0;
        width: 100%;
    }

    .twelve-cans img {
        width: 20%;
        height: auto;
    }
}

@media only screen and (max-device-width: 380px), screen and (max-width: 380px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .twelve-cans #twelve-cans-tiles {
        margin-left: 0;
        width: 100%;
    }

    .twelve-cans img {
        height: auto;
        width: 33.33333%;
    }
}

#scene-baby .scene-foreground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    pointer-events: none;
}

#scene-baby .side-panel {
    position: absolute;
    top: calc(50% - 220px);
    width: 226px;
    height: 269px;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#scene-baby .side-panel:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 226px;
    height: 269px;
    background-image: url(/bundles/irnbruwebsiteframework/scenes/get-a-grip/side-panel.png);
}

#scene-baby .side-panel__promo {
    position: absolute;
    top: 37px;
    left: 16px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

#scene-baby .side-panel--left {
    left: 0;
}

#scene-baby .side-panel--left .side-panel__promo {
    background-image: url(/bundles/irnbruwebsiteframework/scenes/get-a-grip/side-panel-grip.png);
}

#scene-baby .side-panel--right {
    right: 0;
}

#scene-baby .side-panel--right .side-panel__promo {
    left: 46px;
    background-image: url(/bundles/irnbruwebsiteframework/scenes/get-a-grip/side-panel-train.png);
}

#scene-baby .side-panel--right:before {
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#scene-baby.video-started .get-a-grip__hand, #scene-baby.video-started .get-a-grip__subtitle {
    -moz-transform: translate(0, 300%);
    -ms-transform: translate(0, 300%);
    -webkit-transform: translate(0, 300%);
    transform: translate(0, 300%);
}

#scene-baby.video-started .get-a-grip__title {
    opacity: 0;
    -moz-transform: translate(0, -150%);
    -ms-transform: translate(0, -150%);
    -webkit-transform: translate(0, -150%);
    transform: translate(0, -150%);
}

#scene-baby.video-started .get-a-grip__play-btn {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

#scene-baby.video-started .side-panel--right {
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

#scene-baby.video-started .side-panel--left {
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

@media (max-width: 1170px) {
    #scene-baby .side-panel--left {
        -moz-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }

    #scene-baby .side-panel--right {
        -moz-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: portrait) {
    #scene-baby .video-block {
        background-position-x: 60%;
    }
}

.scene.bru-land-games h3 {
    font-family: 'Compacta W01 Regular';
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 400;
    text-transform: uppercase;
}

.scene.bru-land-games h6 {
    font-size: 1em;
}

.scene.bru-land-games h6 a {
    text-decoration: none;
}

.scene.bru-land-games .bru-land-games-title {
    width: 44.8em;
    height: 20em;
    background: url(/bundles/irnbruwebsiteframework/scenes/bru-land-games/bru-land-games.png) top center no-repeat;
    margin-top: -22em;
    margin-left: -22.4em;
}

.scene.bru-land-games .leaderboard-title {
    width: 27em;
    height: 8.2em;
    background: url(/bundles/irnbruwebsiteframework/scenes/bru-land-games/leaderboard.png) top center no-repeat;
    margin-top: -21.2em;
    margin-left: -12.5em;
}

.scene.bru-land-games .score-board {
    width: 92em;
    padding: 1em;
    background: #f0861b;
    margin: auto;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
}

.scene.bru-land-games .score-board table {
    -moz-border-radius: 1.9em;
    -webkit-border-radius: 1.9em;
    border-radius: 1.9em;
    width: 100%;
    border: 2px solid #FFF;
}

.scene.bru-land-games .score-board table .even {
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #aa6;
    border-top: 1px solid #aa6;
}

.scene.bru-land-games .score-board table th {
    text-align: center;
    padding: .5em 1.5em;
    width: 46%;
}

.scene.bru-land-games .score-board table th:first-child {
    text-align: left;
    width: 27%;
}

.scene.bru-land-games .score-board table th:last-child {
    text-align: right;
    width: 27%;
}

.scene.bru-land-games .score-board table td {
    padding: 0 1em;
}

.scene.bru-land-games .score-board table h3 {
    font-size: 4.8em;
    margin: 0;
    line-height: 1.4;
}

.scene.bru-land-games .score-board table h4 {
    font-size: 3.8em;
    text-align: right;
    line-height: .8em;
}

.scene.bru-land-games .score-board table ul {
    padding: 0;
    text-align: center;
    margin: 0;
}

.scene.bru-land-games .score-board table li {
    display: inline-block;
    list-style: none;
    margin: 1em;
}

.scene.bru-land-games .inner-scene-container .intro-section, .scene.bru-land-games.leaderboard .clan-leaderboard {
    display: block;
}

.scene.bru-land-games .score-board table li img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #FFF;
}

.scene.bru-land-games .scene-section {
    height: 100%;
    position: relative;
    overflow: visible;
}

.scene.bru-land-games .mCSB_container {
    height: 270%;
}

.scene.bru-land-games .mCSB_container .scene-section {
    min-height: 40%;
    overflow: visible;
    height: auto;
}

.scene.bru-land-games .inner-scene-container section {
    height: 100%;
}

.scene.bru-land-games .clan-leaderboard {
    padding-top: 8.5em;
}

.scene.bru-land-games.leaderboard .clan-games {
    display: none;
}

.scene.bru-land-games .mCSB_container .game-leaderboard-section, .scene.bru-land-games .mCSB_container .game-leaderboard-section .scene-section-inner {
    overflow: visible;
}

.scene.bru-land-games .clan-results, .scene.bru-land-games .clan-search, .scene.bru-land-games .clan-search-container {
    display: block;
}

.scene.bru-land-games.game-start .intro-section {
    display: none;
}

.scene.bru-land-games.game-start .game-section {
    display: block;
}

.scene.bru-land-games .clan-shield, .scene.bru-land-games .coat-of-arms {
    width: 14em;
    position: relative;
    height: auto;
    left: auto;
    top: auto;
    margin: auto;
    float: none;
}

.scene.bru-land-games .clan-shield {
    height: 22em;
    width: 23em;
    display: none;
    margin: auto;
    background-size: contain;
    background-repeat: no-repeat;
}

.scene.bru-land-games .user-area {
    float: left;
    width: 30%;
}

.scene.bru-land-games .user-container {
    position: absolute;
}

.scene.bru-land-games .clan-search {
    width: 24em;
    height: 3.8em;
    margin-left: -13em;
    padding: .5em;
    margin-top: -1em;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
}

.scene.bru-land-games .clan-search input {
    width: 6em;
    font-size: 2.6em;
}

.scene.bru-land-games.clan-results-stage .clan-search, .scene.bru-land-games.clan-results-stage .coat-of-arms img {
    display: none;
}

.scene.bru-land-games.clan-results-stage .clan-shield {
    display: block;
    margin-top: -1.5em;
}

.scene.bru-land-games .clan-game-button-area {
    text-align: center;
    position: absolute;
    width: 100em;
    left: 50%;
    margin-left: -50em;
    top: 50%;
    margin-top: -2.6em;
}

.scene.bru-land-games .bruland-bottomarea {
    text-align: center;
    position: absolute;
    width: 100em;
    left: 50%;
    margin-left: -50em;
    top: 50%;
    margin-top: 4em;
}

.scene.bru-land-games .bruland-bottomarea p {
    font-family: 'Compacta W02 Bold';
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 3.4em;
    margin-bottom: .2em;
    line-height: 1;
    text-shadow: (-0.02em) -0.02em 0.01em rgba(255, 255, 255, 0.4), 0 0.02em 0.02em rgba(0, 0, 0, 0.6);
}

.scene.bru-land-games .win-a-trip {
    text-indent: -999em;
    background: url(/bundles/irnbruwebsiteframework/scenes/bru-land-games/win-a-trip-to-new-york.png) top center no-repeat;
    margin-bottom: .2em;
    line-height: .9;
}

.scene.bru-land-games .game-button {
    position: relative;
    text-decoration: none;
    display: block;
    display: inline-block;
    margin-right: 4em;
    width: 37em;
}

.scene.bru-land-games .game-button:last-child {
    margin-right: 0;
}

.scene.bru-land-games .game-button .blue-button {
    position: absolute;
    width: 2em;
    display: block;
    margin: auto auto auto -1.35em;
    bottom: 1.8em;
    left: 50%;
    font-size: 3.2em;
    padding-top: .1em;
    padding-bottom: .08em;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .scene.bru-land-games #hide-leaderboard, .scene.bru-land-games #view-leaderboard, .scene.bru-land-games .game-leaderboard-section .bru-land-games-title {
        display: none;
    }

    .scene.bru-land-games .bru-land-games-title {
        position: relative;
        width: 48em;
        height: 14em;
        background-size: contain;
        top: auto;
        left: auto;
        margin: 6em auto auto;
    }

    .scene.bru-land-games .bruland-bottomarea, .scene.bru-land-games .leaderboard-title {
        margin: auto;
        position: relative;
        left: auto;
        top: auto;
    }

    .scene.bru-land-games .game-button {
        margin-right: auto;
        width: 32em;
    }

    .scene.bru-land-games .game-button .blue-button {
        font-size: 2.6em;
    }

    .scene.bru-land-games .bruland-bottomarea {
        text-align: center;
        width: auto;
    }

    .scene.bru-land-games .bruland-bottomarea p {
        font-size: 2.8em;
    }

    .scene.bru-land-games .clan-leaderboard {
        padding: 1em 2em;
    }

    .scene.bru-land-games .score-board {
        width: auto;
    }

    .scene.bru-land-games .scene-section {
        height: auto;
    }

    .scene.bru-land-games .scene-section-inner {
        position: relative;
        width: auto;
        margin: 0;
        top: auto;
        left: auto;
        height: auto;
    }

    .scene.bru-land-games .clan-game-button-area {
        position: relative;
        width: auto;
        left: auto;
        margin-left: auto;
        top: auto;
        margin-top: auto;
    }
}

@media only screen and (max-width: 380px), only screen and (max-device-width: 380px) and (orientation: portrait) {
    .scene.bru-land-games .bru-land-games-title {
        width: 32em;
        height: 12em;
    }

    .scene.bru-land-games .win-a-trip {
        background-size: contain;
    }

    .scene.bru-land-games .bruland-bottomarea {
        padding: 0 2em;
    }

    .scene.bru-land-games .clan-leaderboard {
        padding: 1em;
    }

    .scene.bru-land-games .score-board {
        padding: .9em;
    }

    .scene.bru-land-games .score-board table th {
        text-align: center;
        padding: .5em .8em;
        width: 50%;
    }

    .scene.bru-land-games .score-board table th:first-child {
        text-align: left;
        width: 27%;
        min-width: 6.5em;
    }

    .scene.bru-land-games .score-board table th:last-child {
        text-align: right;
        width: 23%;
    }

    .scene.bru-land-games .score-board table li {
        width: 2.9em;
        margin: .2em .8em 0 0;
    }

    .scene.bru-land-games .score-board table ul:last-child {
        margin-right: 0;
    }

    .scene.bru-land-games .score-board table td {
        padding: .5em;
    }

    .scene.bru-land-games .score-board table td:first-child img {
        max-width: 2.3em;
        vertical-align: middle;
        float: right;
    }

    .scene.bru-land-games .score-board table h5 {
        font-size: 2em;
        line-height: .8em;
    }

    .scene.bru-land-games .score-board table h3 {
        font-size: 2.4em;
        padding-top: .2em;
    }

    .scene.bru-land-games .score-board table h4 {
        font-size: 2.8em;
    }
}

#scene-bru-planet {
    background: url(/bundles/irnbruwebsiteframework/scenes/bru-planet/background.jpg) center center no-repeat #f0861b;
    background-size: cover;
}

#scene-bru-planet .lower-content, #scene-bru-planet .upper-content {
    text-align: center;
    z-index: 3;
    position: absolute;
    width: 800px;
    left: 50%;
    margin-left: -400px;
}

#scene-bru-planet .lower-content {
    top: 50%;
    margin-top: -.8em;
    height: 50%;
}

#scene-bru-planet .upper-content {
    height: 282px;
    margin-top: -1.6em;
}

#scene-bru-planet .upper-content h1 {
    background: url(/bundles/irnbruwebsiteframework/scenes/bru-planet/images/bru-planet-logo.png) center center no-repeat;
    width: 48em;
    height: 35.6em;
    left: calc(50% - 24em);
    font-size: 1em;
    top: 0;
}

#scene-bru-planet #scene-gets-you-through .search-form input, #scene-bru-planet #scene-gets-you-through h3, #scene-bru-planet .clan .search-form input, #scene-bru-planet .clan h4, #scene-bru-planet .clan h5, #scene-bru-planet h2, #scene-gets-you-through #scene-bru-planet h3, #scene-gets-you-through .search-form #scene-bru-planet input, .clan #scene-bru-planet h4, .clan #scene-bru-planet h5, .clan .search-form #scene-bru-planet input {
    background: url(/bundles/irnbruwebsiteframework/scenes/bru-planet/images/win-a-holiday-anywhere.png) center center no-repeat;
    width: 422px;
    height: 144px;
    margin-left: -410px;
}

#scene-bru-planet h3 {
    font-family: 'Compacta W01 Italic';
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-transform: uppercase;
    line-height: 1.1em;
    background: url(/bundles/irnbruwebsiteframework/scenes/bru-planet/images/plus-other-prizes-to-be-won.png) center center no-repeat;
    width: 79px;
    height: 134px;
    margin-top: 3px;
    margin-left: 2em;
}

#scene-bru-planet #scene-gets-you-through .search-form input, #scene-bru-planet #scene-gets-you-through h3, #scene-bru-planet .clan .search-form input, #scene-bru-planet .clan h4, #scene-bru-planet .clan h5, #scene-bru-planet h2, #scene-bru-planet h3, #scene-gets-you-through #scene-bru-planet h3, #scene-gets-you-through .search-form #scene-bru-planet input, .clan #scene-bru-planet h4, .clan #scene-bru-planet h5, .clan .search-form #scene-bru-planet input {
    font-style: italic;
    color: #0e4194;
}

#scene-bru-planet .big-red {
    color: #e30613;
}

#scene-bru-planet h3 .big-red {
    font-size: 1.2em;
}

#scene-bru-planet .lower-content__right-panel {
    width: 35.2em;
    top: 50%;
    position: absolute;
    left: 50%;
    margin-left: 1em;
}

#scene-bru-planet .scene-inner {
    z-index: 2;
}

#scene-bru-planet .scene-content {
    margin-left: -48em;
    margin-top: -26em;
    top: 50%;
    left: 50%;
    width: 96em;
    height: 52em;
    position: absolute;
}

#scene-bru-planet .gold-pipe {
    position: absolute;
    height: 179px;
    background: url(/bundles/irnbruwebsiteframework/scenes/bru-planet/images/gold-pipe-tile.png) repeat-x;
    width: 8000px;
    left: 50%;
    margin-left: -4000px;
    top: 50%;
    margin-top: 10.2em;
    z-index: 2;
}

#scene-bru-planet a.blue-button, #scene-bru-planet div.blue-button {
    font-size: 3.8em;
    width: 160px;
    float: right;
    display: block;
    margin-bottom: .5em;
}

#scene-bru-planet #clouds {
    padding: 100px 0;
    position: absolute;
    z-index: 1;
}

#scene-bru-planet .cloud {
    width: 200px;
    height: 60px;
    background: #fff;
    border-radius: 200px;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    position: absolute;
    -ms-transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    -moz-box-shadow: (-0.1em) -0.1em 0.1em rgba(255, 255, 255, 0.5), 0 0.1em 0.1em rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: (-0.1em) -0.1em 0.1em rgba(255, 255, 255, 0.5), 0 0.1em 0.1em rgba(0, 0, 0, 0.3);
    box-shadow: (-0.1em) -0.1em 0.1em rgba(255, 255, 255, 0.5), 0 0.1em 0.1em rgba(0, 0, 0, 0.3);
}

#scene-bru-planet .cloud:after, #scene-bru-planet .cloud:before {
    content: '';
    width: 145px;
    height: 55px;
    position: absolute;
    left: 31px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    background: #fff;
    -moz-border-radius: 200px;
}

#scene-bru-planet .cloud-inner {
    height: 120px;
    width: 50px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    margin: -30px auto auto -25px;
    position: absolute;
    left: 50%;
    background: #FFF;
}

#scene-bru-planet .cloud:after {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    -moz-transform: rotate(150deg);
}

#scene-bru-planet .x1 {
    -webkit-animation: moveclouds 39s linear infinite;
    -moz-animation: moveclouds 39s linear infinite;
    -o-animation: moveclouds 39s linear infinite;
    opacity: .5;
}

#scene-bru-planet .x2 {
    left: 200px;
    top: 200px;
    -webkit-transform: scale(0.6) skewX(10deg);
    -moz-transform: scale(0.6) skewX(10deg);
    transform: scale(0.6) skewX(10deg);
    opacity: .6;
    -webkit-animation: moveclouds 29s linear infinite;
    -moz-animation: moveclouds 29s linear infinite;
    -o-animation: moveclouds 29s linear infinite;
}

#scene-bru-planet .x3 {
    left: -250px;
    top: 290px;
    -webkit-transform: scale(0.72) skewX(10deg);
    -moz-transform: scale(0.72) skewX(10deg);
    transform: scale(0.72) skewX(10deg);
    opacity: .8;
    -webkit-animation: moveclouds 30s linear infinite;
    -moz-animation: moveclouds 30s linear infinite;
    -o-animation: moveclouds 30s linear infinite;
}

#scene-bru-planet .x4 {
    left: 370px;
    top: 360px;
    -webkit-transform: scale(0.75) skewX(10deg);
    -moz-transform: scale(0.75) skewX(10deg);
    transform: scale(0.75) skewX(10deg);
    opacity: .75;
    -webkit-animation: moveclouds 28s linear infinite;
    -moz-animation: moveclouds 28s linear infinite;
    -o-animation: moveclouds 28s linear infinite;
}

#scene-bru-planet .x5 {
    left: -150px;
    top: 20px;
    -webkit-transform: scale(0.8) skewX(10deg);
    -moz-transform: scale(0.8) skewX(10deg);
    transform: scale(0.8) skewX(10deg);
    opacity: .3;
    -webkit-animation: moveclouds 24s linear infinite;
    -moz-animation: moveclouds 24s linear infinite;
    -o-animation: moveclouds 24s linear infinite;
}

#scene-bru-planet .x6 {
    left: -150px;
    top: -20px;
    -webkit-transform: scale(1.1) skewX(-10deg);
    -moz-transform: scale(1.1) skewX(-10deg);
    transform: scale(1.1) skewX(-10deg);
    opacity: .85;
    -webkit-animation: movecloudsLR 26s linear infinite;
    -moz-animation: movecloudsLR 26s linear infinite;
    -o-animation: movecloudsLR 26s linear infinite;
}

#scene-bru-planet .x7 {
    left: -180px;
    top: 160px;
    -webkit-transform: scale(0.4) skewX(-10deg);
    -moz-transform: scale(0.4) skewX(-10deg);
    transform: scale(0.4) skewX(-10deg);
    opacity: .7;
    -webkit-animation: movecloudsLR 42s linear infinite;
    -moz-animation: movecloudsLR 42s linear infinite;
    -o-animation: movecloudsLR 42s linear infinite;
}

#scene-bru-planet .x8 {
    left: -50px;
    top: 270px;
    -webkit-transform: scale(0.3) skewX(-10deg);
    -moz-transform: scale(0.3) skewX(-10deg);
    transform: scale(0.3) skewX(-10deg);
    opacity: .5;
    -webkit-animation: movecloudsLR 32s linear infinite;
    -moz-animation: movecloudsLR 32s linear infinite;
    -o-animation: movecloudsLR 32s linear infinite;
}

#scene-bru-planet .x9 {
    left: -120px;
    top: 120px;
    -webkit-transform: scale(0.75) skewX(-10deg);
    -moz-transform: scale(0.75) skewX(-10deg);
    transform: scale(0.75) skewX(-10deg);
    opacity: .4;
    -webkit-animation: movecloudsLR 20s linear infinite;
    -moz-animation: movecloudsLR 20s linear infinite;
    -o-animation: movecloudsLR 20s linear infinite;
}

#scene-bru-planet .x10 {
    left: 20px;
    top: 420px;
    -webkit-transform: scale(0.95) skewX(-10deg);
    -moz-transform: scale(0.95) skewX(-10deg);
    transform: scale(0.95) skewX(-10deg);
    opacity: .25;
    -webkit-animation: movecloudsLR 17s linear infinite;
    -moz-animation: movecloudsLR 17s linear infinite;
    -o-animation: movecloudsLR 17s linear infinite;
}

@-webkit-keyframes moveclouds {
    0% {
        margin-left: 1380px;
        opacity: 0;
    }

    10%,90% {
        opacity: .5;
    }

    100% {
        margin-left: -200px;
        opacity: 0;
    }
}

@-moz-keyframes moveclouds {
    0% {
        margin-left: 1380px;
        opacity: 0;
    }

    10%,90% {
        opacity: .5;
    }

    100% {
        margin-left: -200px;
        opacity: 0;
    }
}

@-o-keyframes moveclouds {
    0% {
        margin-left: 1380px;
        opacity: 0;
    }

    10%,90% {
        opacity: .5;
    }

    100% {
        margin-left: -200px;
        opacity: 0;
    }
}

@-webkit-keyframes movecloudsLR {
    0% {
        margin-left: -200px;
        opacity: 0;
    }

    10%,90% {
        opacity: .5;
    }

    100% {
        margin-left: 1380px;
        opacity: 0;
    }
}

@-moz-keyframes movecloudsLR {
    0% {
        margin-left: -200px;
        opacity: 0;
    }

    10%,90% {
        opacity: .5;
    }

    100% {
        margin-left: 1380px;
        opacity: 0;
    }
}

@-o-keyframes movecloudsLR {
    0% {
        margin-left: -200px;
        opacity: 0;
    }

    10%,90% {
        opacity: .5;
    }

    100% {
        margin-left: 1380px;
        opacity: 0;
    }
}

#scene-bru-planet .side-panel {
    position: absolute;
    top: calc(50% - 220px);
    width: 226px;
    height: 269px;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 2;
}

#scene-carnival .side-panel, #scene-get-a-grip .get-a-grip__hand {
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

#scene-bru-planet .side-panel:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 226px;
    height: 269px;
    background-image: url(/bundles/irnbruwebsiteframework/scenes/bru-planet/side-panel.png);
}

#scene-bru-planet .side-panel__promo {
    position: absolute;
    top: 37px;
    left: 16px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

#scene-bru-planet .side-panel--left {
    left: 0;
}

#scene-bru-planet .side-panel--left .side-panel__promo {
    background-image: url(/bundles/irnbruwebsiteframework/scenes/bru-planet/side-panel-train.png);
}

#scene-bru-planet .side-panel--right {
    right: 0;
}

#scene-bru-planet .side-panel--right .side-panel__promo {
    left: 46px;
    background-image: url(/bundles/irnbruwebsiteframework/scenes/bru-planet/side-panel-football.png);
}

#scene-bru-planet .side-panel--right:before {
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-bru-planet {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

    #scene-bru-planet .scene-inner {
        width: 100%;
        height: 100%;
        top: auto;
        left: auto;
        margin: auto;
    }

    #scene-bru-planet .lower-content, #scene-bru-planet .upper-content {
        position: relative;
        width: 100%;
        text-align: center;
        margin: auto;
        left: auto;
        top: auto;
    }

    #scene-bru-planet .upper-content h1 {
        width: 22.5em;
        height: 16.6em;
        background-size: contain;
        left: auto;
        top: auto;
        position: relative;
        margin: auto;
    }

    #scene-bru-planet .lower-content {
        background: url(/bundles/irnbruwebsiteframework/scenes/bru-planet/images/gold-pipe-tile.png) repeat-x;
        background-size: auto 90px;
        padding: 0 3em;
        box-sizing: border-box;
    }

    #scene-bru-planet .upper-content {
        padding: 9em 1em 1.6em;
        height: auto;
    }

    #scene-bru-planet .gold-pipe {
        position: relative;
        height: 90px;
        display: none;
        margin-top: -3.8em;
    }

    #scene-bru-planet #scene-gets-you-through .search-form input, #scene-bru-planet #scene-gets-you-through h3, #scene-bru-planet .clan .search-form input, #scene-bru-planet .clan h4, #scene-bru-planet .clan h5, #scene-bru-planet h2, #scene-gets-you-through #scene-bru-planet h3, #scene-gets-you-through .search-form #scene-bru-planet input, .clan #scene-bru-planet h4, .clan #scene-bru-planet h5, .clan .search-form #scene-bru-planet input {
        position: relative;
        left: auto;
        margin: auto;
        width: 20em;
        font-size: 1em;
        background-size: contain;
        top: auto;
        height: 9em;
        float: left;
    }

    #scene-bru-planet h3 {
        position: relative;
        left: auto;
        margin: 1em auto auto;
        width: 6em;
        font-size: 1em;
        background-size: contain;
        top: auto;
        height: 7em;
        float: left;
    }

    #scene-bru-planet .lower-content__right-panel {
        position: relative;
        width: 100%;
        left: auto;
        top: auto;
        margin: 4em auto auto;
        float: left;
    }

    #scene-bru-planet .lower-content__left-panel {
        margin: auto;
        width: 26em;
    }

    #scene-bru-planet a.blue-button, #scene-bru-planet div.blue-button {
        float: none;
        display: block;
        margin: auto auto .5em;
    }
}

@media (max-width: 1170px) {
    .side-panel--left {
        -moz-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }

    .side-panel--right {
        -moz-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
}

#scene-bru-skies {
    background-color: #006acc;
}

#scene-bru-skies .scene-background {
    width: 200em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100em;
    margin-top: -97em;
}

#scene-bru-skies .scene-background-handheld {
    display: none;
}

#scene-bru-skies .scene-foreground .preamble {
    position: absolute;
    top: -9999em;
    left: -9999em;
    clip: rect(1px, 1px, 1px, 1px);
}

#scene-bru-skies .scene-foreground .competition-enter {
    width: 36.8em;
    height: 9.5em;
    display: block;
    outline: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 18.5em 0 0 -43.2em;
}

#scene-bru-skies .scene-foreground .competition-enter strong {
    text-indent: -9999em;
    display: block;
}

#scene-bru-store .mon-in, #scene-bru-store .shop {
    text-indent: -999em;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-bru-skies .scene-inner {
        display: block;
        margin: 0;
        position: static;
        width: 100%;
        top: 0;
        left: 0;
        height: auto;
    }

    #scene-bru-skies .scene-background-handheld {
        display: block;
    }

    #scene-bru-skies .scene-background-fullsize {
        display: none;
    }

    #scene-bru-skies .scene-background {
        width: 50em;
        margin: -19em 0 0 -25em;
        position: relative;
        top: 0;
        left: 50%;
    }

    #scene-bru-skies .scene-foreground {
        height: auto;
        position: static;
    }

    #scene-bru-skies .scene-foreground .competition-enter {
        height: 6em;
        left: 50%;
        margin-left: -10em;
        top: 27em;
        width: 20em;
    }
}

@media only screen and (max-device-width: 340px), screen and (max-width: 340px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-bru-skies .scene-background {
        margin-top: -16em;
        width: 50em;
        margin-left: -25em;
    }
}

#scene-bru-store {
    background: url(/bundles/irnbruwebsiteframework/scenes/bru-store/background.jpg) center center repeat-x #cf5802;
    background-size: cover;
}

#scene-bru-store .scene-inner, #scene-bru-store .scene-inner * {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}

#scene-bru-store .mon-in {
    background: url(/bundles/irnbruwebsiteframework/scenes/bru-store/images/another-winner.png) center center no-repeat;
    width: 66.6em;
    height: 22em;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -33.3em;
    margin-top: -32em;
}

#scene-bru-store .shop {
    background: url(/bundles/irnbruwebsiteframework/scenes/bru-store/images/shop.png) center center no-repeat;
    width: 97em;
    height: 30em;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -48.5em;
    margin-top: -15em;
}

#scene-bru-store .polaroid {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 35.2em;
}

#scene-bru-store .polaroid1 {
    margin-left: -49em;
    margin-top: 8em;
    width: 34.8em;
    z-index: 3;
}

#scene-bru-store .polaroid2 {
    margin-left: -17em;
    margin-top: 10em;
    z-index: 2;
}

#scene-bru-store .polaroid3 {
    margin-left: 15.3em;
    margin-top: 7em;
    z-index: 1;
}

#scene-bru-store #scene-bru-store .address #scene-gets-you-through .search-form input, #scene-bru-store #scene-bru-store .address #scene-gets-you-through h3, #scene-bru-store #scene-bru-store .address .clan .search-form input, #scene-bru-store #scene-bru-store .address .clan h4, #scene-bru-store #scene-bru-store .address .clan h5, #scene-bru-store #scene-bru-store .address h2, #scene-gets-you-through #scene-bru-store #scene-bru-store .address h3, #scene-gets-you-through .search-form #scene-bru-store #scene-bru-store .address input, .clan #scene-bru-store #scene-bru-store .address h4, .clan #scene-bru-store #scene-bru-store .address h5, .clan .search-form #scene-bru-store #scene-bru-store .address input {
    background: url(/bundles/irnbruwebsiteframework/scenes/bru-store/images/the_irn_bru_store-fs8.png) center center no-repeat;
    width: 272px;
    height: 44px;
}

#scene-bru-store .opening-hours #scene-gets-you-through .search-form input, #scene-bru-store .opening-hours #scene-gets-you-through h3, #scene-bru-store .opening-hours .clan .search-form input, #scene-bru-store .opening-hours .clan h4, #scene-bru-store .opening-hours .clan h5, #scene-bru-store .opening-hours h2, #scene-gets-you-through #scene-bru-store .opening-hours h3, #scene-gets-you-through .search-form #scene-bru-store .opening-hours input, .clan #scene-bru-store .opening-hours h4, .clan #scene-bru-store .opening-hours h5, .clan .search-form #scene-bru-store .opening-hours input {
    background: url(/bundles/irnbruwebsiteframework/scenes/bru-store/images/opening_hours-fs8.png) center center no-repeat;
    width: 238px;
    height: 44px;
}

#scene-bru-store .blue-dates {
    color: #053488;
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
}

#scene-bru-store .address .map-button {
    background: url(/bundles/irnbruwebsiteframework/scenes/bru-store/images/store_button-fs8.png) top left no-repeat;
    width: 5em;
    height: 1.7em;
    display: block;
    float: right;
    text-decoration: none;
    padding: .1em 0 0 .6em;
    font-size: 2em;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-bru-store {
        background: url(/bundles/irnbruwebsiteframework/scenes/bru-store/background_mob.jpg) center center no-repeat #cf5802;
        background-size: 236%;
    }

    #scene-bru-store.scene-styled .scene-inner {
        width: 100%;
        height: 100%;
        margin: auto;
        top: 0;
        left: 0;
    }

    #scene-bru-store .mon-in {
        background-size: cover;
        width: 33em;
        height: 11em;
        margin-left: -16.5em;
        margin-top: -14em;
    }

    #scene-bru-store .shop {
        background-size: cover;
        width: 40em;
        height: 12em;
        margin-left: -20em;
        margin-top: -2.8em;
    }

    #scene-bru-store .polaroid {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 12em;
    }

    #scene-bru-store .polaroid1 {
        margin-left: -16.5em;
        margin-top: 6em;
        width: 11.9em;
        z-index: 3;
    }

    #scene-bru-store .polaroid2 {
        margin-left: -6em;
        margin-top: 6.6em;
        z-index: 2;
    }

    #scene-bru-store .polaroid3 {
        margin-left: 4.8em;
        margin-top: 5.8em;
        z-index: 1;
    }
}

@media only screen and (max-device-width: 420px), screen and (max-width: 420px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-bru-store .mon-in {
        background-size: contain;
        width: 28em;
        height: 16.4em;
        margin-left: -14em;
        margin-top: -21em;
        top: 50%;
    }

    #scene-bru-store .shop {
        background-size: cover;
        width: 80%;
        height: 12.5%;
        margin-left: -40%;
        margin-top: -2.4em;
    }

    #scene-bru-store .polaroid {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 12em;
    }

    #scene-bru-store .polaroid1 {
        margin-left: -14em;
        margin-top: 6em;
        width: 11.9em;
        z-index: 3;
    }

    #scene-bru-store .polaroid2 {
        margin-left: -6em;
        margin-top: 6.6em;
        z-index: 2;
    }

    #scene-bru-store .polaroid3 {
        margin-left: 2.3em;
        margin-top: 5.8em;
        z-index: 1;
    }
}

#scene-carnival {
    background: url(/bundles/irnbruwebsiteframework/scenes/carnival/background.jpg) 70% 70% no-repeat;
    background-size: cover;
    text-align: center;
}

#scene-carnival .scene-foreground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    pointer-events: none;
}

#scene-carnival .side-panel {
    position: absolute;
    top: calc(50% - 220px);
    width: 226px;
    height: 269px;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#scene-carnival .side-panel:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 226px;
    height: 269px;
    background-image: url(/bundles/irnbruwebsiteframework/scenes/carnival/side-panel.png);
}

#carnival-form select, .clan .clan-results, .clan .clan-search, .clan .clan-search-container, .clan.clan-search-stage .clan-welcome, .clan.clan-search-stage .find-your-clan a {
    display: none;
}

#scene-carnival .side-panel__promo {
    position: absolute;
    top: 37px;
    left: 16px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

#scene-carnival .side-panel--left {
    left: 0;
}

#scene-carnival .side-panel--left .side-panel__promo {
    background-image: url(/bundles/irnbruwebsiteframework/scenes/carnival/side-panel-train.png);
}

#scene-carnival .side-panel--right {
    right: 0;
}

#scene-carnival .side-panel--right .side-panel__promo {
    left: 46px;
    background-image: url(/bundles/irnbruwebsiteframework/scenes/carnival/side-panel-football.png);
}

#scene-carnival .side-panel--right:before {
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#scene-carnival .scene-inner {
    margin-left: -64em;
    margin-top: -36em;
    top: 50%;
    left: 50%;
    width: 128em;
    height: 81.4em;
}

#scene-carnival h1 {
    width: 47.2em;
    height: 16.4em;
    font-size: 1em;
    background: url(/bundles/irnbruwebsiteframework/scenes/carnival/images/win-one-of-5000-tickets.png) center no-repeat;
    margin-top: -34em;
    margin-left: -42em;
}

#scene-carnival h1 span {
    color: #f8911c;
}

#scene-carnival #scene-gets-you-through .search-form input, #scene-carnival #scene-gets-you-through h3, #scene-carnival .clan .search-form input, #scene-carnival .clan h4, #scene-carnival .clan h5, #scene-carnival h2, #scene-gets-you-through #scene-carnival h3, #scene-gets-you-through .search-form #scene-carnival input, .clan #scene-carnival h4, .clan #scene-carnival h5, .clan .search-form #scene-carnival input {
    width: 33.7em;
    height: 18.5em;
    font-size: 1em;
    background: url(/bundles/irnbruwebsiteframework/scenes/carnival/images/irn-bru-carnival.png) center no-repeat;
    margin-top: -35em;
    margin-left: 10em;
}

#scene-carnival h3 {
    width: 42em;
    height: 4em;
    font-size: 1em;
    background: url(/bundles/irnbruwebsiteframework/scenes/carnival/images/with-special-irn-bru-packs.png) center no-repeat;
    margin-top: -17em;
    margin-left: -40em;
}

#scene-carnival .scene-inner p {
    text-shadow: (-0.02em) -0.02em 0.01em rgba(0, 0, 0, 0.4), 0 0.02em 0.02em rgba(0, 0, 0, 0.6);
    margin: 0;
    font-family: 'Compacta W01 Regular';
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 3.7em;
    line-height: 1em;
}

#scene-carnival .text-container {
    position: absolute;
    margin-left: -40em;
    width: 80em;
    margin-top: -10em;
    top: 50%;
    left: 50%;
}

#carnival-form {
    position: absolute;
    margin-top: -6em;
    top: 50%;
    left: 50%;
    width: 78em;
    margin-left: -39em;
}

#carnival-form #scene-gets-you-through .search-form input, #carnival-form #scene-gets-you-through h3, #carnival-form .clan .search-form input, #carnival-form .clan h4, #carnival-form .clan h5, #carnival-form h2, #scene-gets-you-through #carnival-form h3, #scene-gets-you-through .search-form #carnival-form input, .clan #carnival-form h4, .clan #carnival-form h5, .clan .search-form #carnival-form input {
    text-shadow: (-0.02em) -0.02em 0.01em rgba(0, 0, 0, 0.4), 0 0.02em 0.02em rgba(0, 0, 0, 0.6);
    background: 0 0;
    width: auto;
    height: auto;
    margin: auto;
    font-size: 5em;
    position: relative;
    top: auto;
    text-indent: 0;
    left: auto;
}

#carnival-form .carnival-form__column-left, #carnival-form .carnival-form__column-right {
    width: 37em;
    padding: 1em 2em 0;
}

#carnival-form .carnival-form__column-left {
    float: left;
    padding-left: 0;
}

#carnival-form .carnival-form__column-right {
    float: right;
    padding-right: 0;
}

#carnival-form .carnival-form__column-full {
    width: 48em;
    margin: 12em auto auto -24em;
    position: absolute;
    left: 50%;
    top: 50%;
}

#carnival-form input {
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

#carnival-form label, #football-form input {
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
}

#carnival-form input.blue-button {
    font-size: 4em;
    padding-left: 1em;
    padding-right: 1em;
}

#carnival-form .dropdown button, #carnival-form input[type=text], #carnival-form input[type=tel], #carnival-form input[type=date], #carnival-form input[type=email], #carnival-form input[type=number], #carnival-form option, #carnival-form select {
    font-size: 2.8em;
    padding: .5em;
    text-transform: none;
    border: 0;
    font-family: 'Compacta W01 Regular';
    color: #000;
    margin: 0 0 1em;
    width: 12em;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: inherit;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

#carnival-form #question2, #carnival-form .dropdown button, #carnival-form select {
    cursor: pointer;
    color: #333;
    margin-bottom: 0;
    background: url(/bundles/irnbruwebsiteframework/scenes/carnival/images/drop-down-arrow.gif) right center no-repeat #FFF;
}

#carnival-form #question2 {
    width: 10em;
}

#carnival-form ::-webkit-input-placeholder {
    color: #333;
}

#carnival-form :-moz-placeholder {
    color: #333;
    opacity: 1;
}

#carnival-form ::-moz-placeholder {
    color: #333;
    opacity: 1;
}

#carnival-form :-ms-input-placeholder {
    color: #333;
}

#carnival-form .dropdown {
    position: relative;
    display: inline-block;
    margin: 0 0 2.8em;
}

#carnival-form label {
    font-family: "UniversLTW01-57Condense 723821";
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 2em;
    transition: opacity .2s ease-in-out;
}

#carnival-form label:after {
    content: ":";
}

#carnival-form [type=checkbox]:focus + div {
    box-shadow: #45c0ff 0 0 10px;
}

#carnival-form .carnival-form__checkbox {
    position: relative;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: .4em;
    background-color: #fff;
    border: 2px solid #858687;
}

#carnival-form .carnival-form__checkbox > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#carnival-form .carnival-form__checkbox input {
    width: 20px;
    height: 20px;
    opacity: 0;
}

#carnival-form .carnival-form__checkbox div {
    pointer-events: none;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

#carnival-form .carnival-form__checkbox input:checked + div {
    background: #f8911c;
}

#carnival-form .carnival-form__checkbox input:checked + div:after {
    content: '\2713';
    position: absolute;
    font-size: 1.5em;
    left: 0;
    width: 100%;
    top: 0;
}

#carnival-form .carnival-form__checkbox + label {
    display: block;
    margin-left: 18px;
    margin-top: .1em;
    margin-bottom: 8px;
    font-size: 2em;
    float: left;
    clear: right;
    font-style: italic;
    text-shadow: (-0.05em) -0.05em 0.1em rgba(0, 0, 0, 0.4), 0 0.02em 0.02em rgba(0, 0, 0, 0.8);
}

#carnival-form .carnival-form__checkbox + label a {
    color: #FFF;
}

#carnival-form .carnival-form__checkbox + label:after {
    content: "";
}

#carnival-form .carnival-form__button-container {
    position: relative;
    width: 100%;
    float: left;
}

#carnival-form .carnival-form__league, #carnival-form .carnival-form__spfl {
    position: absolute;
    top: 1em;
}

#carnival-form .carnival-form__league img, #carnival-form .carnival-form__spfl img {
    max-width: 100%;
}

#carnival-form .carnival-form__spfl {
    width: 152px;
    height: 46px;
    left: 0;
    margin-left: -18em;
}

#carnival-form .carnival-form__league {
    width: 165px;
    height: 47px;
    right: 0;
    margin-right: -18em;
}

#carnival-form .carnival-form__message {
    display: block;
    margin: 10px 0 0;
    font-size: 2em;
    font-family: "UniversLTW01-57Condense 723821";
    width: 100%;
    clear: both;
}

#carnival-form.carnival-form--submitted .dropdown, #carnival-form.carnival-form--submitted input, #carnival-form.carnival-form--submitted select {
    opacity: .3;
    background-color: #faffbd;
}

#carnival-form.carnival-form--submitted .input-wrap-shadow:after, #carnival-form.carnival-form--submitted .input-wrap-shadow:before {
    opacity: 0;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-carnival {
        background: url(/bundles/irnbruwebsiteframework/scenes/carnival/background.jpg) 70% 70% no-repeat;
        background-size: cover;
        text-align: center;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

    #scene-carnival .inner-scene-container, #scene-carnival.scene-styled .scene-inner {
        width: 100%;
        height: 100%;
        margin: auto;
        top: 0;
        left: 0;
        padding: 0;
    }

    #scene-carnival #carnival-form, #scene-carnival #scene-gets-you-through .search-form input, #scene-carnival #scene-gets-you-through h3, #scene-carnival .clan .search-form input, #scene-carnival .clan h4, #scene-carnival .clan h5, #scene-carnival .text-container, #scene-carnival h1, #scene-carnival h2, #scene-carnival h3, #scene-gets-you-through #scene-carnival h3, #scene-gets-you-through .search-form #scene-carnival input, .clan #scene-carnival h4, .clan #scene-carnival h5, .clan .search-form #scene-carnival input {
        position: relative;
        left: auto;
        top: auto;
        margin: 7em auto 2em;
    }

    #scene-carnival h1 {
        background-size: 23.6em 8.2em;
        width: 23.6em;
        height: 8.2em;
    }

    #scene-carnival #scene-gets-you-through .search-form input, #scene-carnival #scene-gets-you-through h3, #scene-carnival .clan .search-form input, #scene-carnival .clan h4, #scene-carnival .clan h5, #scene-carnival h2, #scene-gets-you-through #scene-carnival h3, #scene-gets-you-through .search-form #scene-carnival input, .clan #scene-carnival h4, .clan #scene-carnival h5, .clan .search-form #scene-carnival input {
        background-size: 19.4em 10.6em;
        width: 19.4em;
        height: 10.6em;
        margin: 0 auto 1em;
    }

    #scene-carnival h3 {
        background: url(/bundles/irnbruwebsiteframework/scenes/carnival/images/with-special-irn-bru-packs-mobile@2x.png) center no-repeat;
        background-size: 22.4em 7em;
        width: 22.4em;
        height: 7em;
        margin: 0 auto 1em;
    }

    #scene-carnival #carnival-form, #scene-carnival .text-container {
        width: auto;
        margin: auto;
    }

    #scene-carnival .text-container {
        padding: 0 1em;
        margin-bottom: 0;
    }

    #scene-carnival #carnival-form {
        padding: 3em;
    }

    #scene-carnival #carnival-form #scene-gets-you-through .search-form input, #scene-carnival #carnival-form #scene-gets-you-through h3, #scene-carnival #carnival-form .clan .search-form input, #scene-carnival #carnival-form .clan h4, #scene-carnival #carnival-form .clan h5, #scene-carnival #carnival-form h2, #scene-gets-you-through #scene-carnival #carnival-form h3, #scene-gets-you-through .search-form #scene-carnival #carnival-form input, .clan #scene-carnival #carnival-form h4, .clan #scene-carnival #carnival-form h5, .clan .search-form #scene-carnival #carnival-form input {
        text-shadow: (-0.02em) -0.02em 0.01em rgba(0, 0, 0, 0.4), 0 0.02em 0.02em rgba(0, 0, 0, 0.6);
        background: 0 0;
        width: auto;
        height: auto;
        margin: auto;
        font-size: 5em;
        position: relative;
        top: auto;
        text-indent: 0;
        left: auto;
    }

    #scene-carnival #carnival-form .carnival-form__column-left, #scene-carnival #carnival-form .carnival-form__column-right {
        float: none;
        width: 100%;
        padding: 0;
    }

    #scene-carnival #carnival-form .carnival-form__checkbox + label {
        margin-left: 10px;
        text-transform: none;
        font-style: italic;
        font-size: 1.7em;
    }

    #scene-carnival #carnival-form select {
        margin-bottom: .5em;
    }

    #scene-carnival #carnival-form .dropdown, #scene-carnival #carnival-form input[type=text], #scene-carnival #carnival-form input[type=tel], #scene-carnival #carnival-form input[type=date], #scene-carnival #carnival-form input[type=email], #scene-carnival #carnival-form option, #scene-carnival #carnival-form select {
        width: 100%;
        box-sizing: border-box;
    }

    #scene-carnival .carnival-form__column-full {
        padding: 0;
        width: 26em;
        left: auto;
        top: auto;
        margin: auto;
        position: relative;
    }

    #scene-carnival .carnival-form__league, #scene-carnival .carnival-form__spfl {
        position: relative;
        bottom: auto;
        width: 12em;
        margin: 1em 0 0;
    }

    #scene-carnival .carnival-form__spfl {
        left: auto;
        float: left;
    }

    #scene-carnival .carnival-form__league {
        right: auto;
        float: right;
    }
}

#scene-christmas .scene-foreground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    pointer-events: none;
}

#scene-christmas .scene-background {
    width: 145em;
    height: 145em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -80.5em 0 0 -72.5em;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-christmas .scene-inner {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }

    #scene-christmas .scene-background {
        height: 121em;
        left: 50%;
        margin: -11em 0 0 -25em;
        position: absolute;
        top: 0;
        width: 50em;
    }
}

@media only screen and (max-device-width: 380px), screen and (max-width: 380px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-christmas .scene-background {
        height: 121em;
        left: 50%;
        margin: 0 0 0 -25em;
        position: absolute;
        top: 0;
        width: 50em;
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: portrait) {
    #scene-christmas .video-block {
        background-position-x: 60%;
    }
}

.clan {
    background: url(/bundles/irnbruwebsiteframework/scenes/clan/background.jpg) center center no-repeat #3970af;
    background-size: cover;
}

#scene-gets-you-through .clan h3, #scene-gets-you-through .search-form .clan input, .clan #scene-gets-you-through .search-form input, .clan #scene-gets-you-through h3, .clan .search-form input, .clan h2, .clan h4, .clan h5 {
    text-shadow: (-0.02em) -0.02em 0.01em rgba(255, 255, 255, 0.4), 0 0.02em 0.02em rgba(0, 0, 0, 0.6);
    margin: 0 0 .3em;
    font-family: 'Compacta W01 Light';
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.clan .search-form input, .clan h4 {
    text-shadow: 0 0.02em 0.02em rgba(0, 0, 0, 0.6);
}

.clan h4 {
    font-size: 4.071em;
    margin: auto;
}

.clan h5 {
    font-size: 2.4em;
}

.clan .inner-scene-container {
    width: 128em;
    height: 81.4em;
    position: absolute;
    margin-left: -64em;
    margin-top: -37.6em;
    left: 50%;
    top: 50%;
}

.clan .clan-finder {
    width: 44.4em;
    height: 12.6em;
    background: url(/bundles/irnbruwebsiteframework/scenes/clan/clan-finder.png) top center no-repeat;
    margin-top: -31.4em;
    margin-left: -22.2em;
}

.clan .brus-your-clan-title {
    width: 63.4em;
    height: 18.5em;
    background: url(/bundles/irnbruwebsiteframework/scenes/clan/brus-your-clan.png) top center no-repeat;
    margin-top: -33.4em;
    margin-left: -30.4em;
}

.clan .bottles {
    left: 50%;
    margin-left: -24.8em;
    margin-top: -19.5em;
    width: 49.6em;
    height: 33em;
    position: absolute;
    top: 50%;
    z-index: 1;
}

.clan .find-your-clan {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: 16em;
    text-align: center;
    z-index: 2;
}

.clan.brus-your-clan .orange-button {
    font-size: 4.5em;
    min-width: 1.5em;
    margin-right: 2.3em;
    padding-left: 1.8em;
}

.clan.brus-your-clan .orange-button.icon-button {
    min-width: 0;
}

.clan.brus-your-clan .orange-button.icon-button:before {
    position: absolute;
    width: 1.6em;
    height: 1.2em;
    left: .12em;
    top: 50%;
    margin-top: -.6em;
    content: ' ';
    z-index: 2;
}

.clan.brus-your-clan .orange-button.clan-finder-button:before {
    background: url(/bundles/irnbruwebsiteframework/scenes/clan/clanfinder-icon.png) center center no-repeat;
}

.clan.brus-your-clan .orange-button.bru-land-button {
    margin-right: .3em;
}

.clan.brus-your-clan .orange-button.bru-land-button:before {
    background: url(/bundles/irnbruwebsiteframework/scenes/clan/bru-land-games-icon.png) center center no-repeat;
    left: .14em;
}

.clan.clan-search-stage .clan-search, .clan.clan-search-stage .clan-search-container {
    display: block;
}

.clan.clan-search-stage .bottles {
    width: 14.4em;
    height: 7.8em;
    left: 50%;
    margin-left: -7.2em;
    margin-top: -8.6em;
}

.clan .coat-of-arms {
    width: 49.6em;
    height: 44.4em;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -24.8em;
    margin-top: -28.4em;
    z-index: 1;
}

.clan .clan-search {
    width: 56.8em;
    padding: 1.7em;
    position: absolute;
    height: 8.6em;
    left: 50%;
    margin-left: -30em;
    background: #FFF;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    top: 50%;
    font-style: italic;
    margin-top: -3em;
}

.clan .search-form input {
    font-size: 5.795em;
    padding: .16em;
    border: 0;
    text-align: center;
    font-family: 'Compacta W01 Italic';
    opacity: .7;
    color: #000;
    margin: 0;
}

.clan .search-form input.active {
    opacity: 1;
}

.clan .search-form input[type=submit] {
    background: url(/bundles/irnbruwebsiteframework/scenes/clan/go-button.png) top center no-repeat;
    background-size: 100%;
    text-indent: -999em;
    width: 1.8em;
    height: 1.5em;
    margin: 0;
    float: right;
    padding: 0;
}

.clan .search-form input[type=submit].searching {
    background: url(/bundles/irnbruwebsiteframework/images/loader.gif) center center no-repeat #000;
    background-size: 80%;
    border-radius: 50%;
    width: 1.5em;
    outline: 0;
}

.clan.clan-results-stage .brus-your-clan, .clan.clan-results-stage .clan-search-container, .clan.clan-results-stage .clan-welcome, .clan.clan-results-stage .left h5, .clan.clan-results-stage .left p {
    display: none;
}

.clan.clan-results-stage .clan-results {
    display: block;
}

.clan .clan-shield {
    text-indent: -999em;
    width: 42em;
    height: 40.8em;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -54.5em;
    margin-top: -31em;
}

.clan .clan-description {
    text-transform: none;
    font-size: 2.6em;
    font-style: normal;
    margin: auto;
    font-family: Arial,sans-serif;
    line-height: 1.4em;
    font-weight: 400;
}

.clan .start-again a {
    background: url(/bundles/irnbruwebsiteframework/scenes/clan/start-again.png) top center no-repeat;
    background-size: 100%;
    text-indent: -999em;
    position: absolute;
    width: 14.2em;
    height: 8em;
    left: 50%;
    margin-left: -12.5em;
    top: 50%;
    margin-top: -30em;
}

.clan .clan-message {
    height: 49em;
    left: 50%;
    margin-left: -11em;
    position: absolute;
    top: 50%;
    margin-top: -22.5em;
    width: 66em;
}

.clan .clan-downloads {
    padding-top: .5em;
}

.clan .clan-downloads .download-button-holder {
    float: left;
}

.clan .clan-downloads .orange-button {
    margin: .2em;
    min-width: 0;
    padding: .3em .5em .3em 1.5em;
    font-size: 3.6em;
    -moz-border-radius: .15em;
    -webkit-border-radius: .15em;
    border-radius: .15em;
}

.clan .clan-downloads .orange-button:before {
    position: absolute;
    width: 1em;
    height: 1em;
    left: .25em;
    top: 50%;
    margin-top: -.5em;
    content: ' ';
    z-index: 8;
}

.clan .clan-downloads .print-button {
    float: right;
}

.clan .clan-downloads .facebook-button {
    float: left;
}

.clan .clan-downloads .facebook-button:before {
    background: url(/bundles/irnbruwebsiteframework/scenes/clan/facebook-button-icon.png) center center no-repeat;
}

.clan .clan-downloads .print-button:before {
    background: url(/bundles/irnbruwebsiteframework/scenes/clan/print-button-icon.png) center center no-repeat;
}

.clan .clan-share {
    position: absolute;
    margin-left: -37em;
    margin-top: 6.4em;
    top: 50%;
}

.clan .clan-share .widget-group {
    margin: 1em 0;
}

.clan .clan-share .widget-share-count {
    margin-left: 0;
}

.clan .clan-share .widget-share-count > .widget-inner {
    padding-left: 1.3em;
    width: 7.3em;
    cursor: default;
}

.clan .clan-email-area {
    position: absolute;
    bottom: 0;
}

.clan .clan-email-area h4 {
    font-family: UniversLTW02-59UltraCn;
    font-size: 2.8em;
}

.clan .clan-email-area.success .clan-subscribe {
    opacity: 0;
}

.clan .clan-subscribe {
    width: 27.6em;
    padding: .8em;
    position: relative;
    height: 3.6em;
    left: 0;
    background: #FFF;
    border-radius: .4em;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    max-width: 38em;
    margin-top: .8em;
}

.clan .clan-subscribe input {
    font-size: 2.847em;
}

.clan .clan-subscribe input[type=text] {
    text-align: left;
    font-style: normal;
    text-shadow: none;
    font-family: "Compacta W01 Light";
    padding: .1em .16em;
}

.clan .clan-subscribe input[type=submit] {
    width: 1.6em;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .clan .clan-email-area, .clan .clan-results, .clan .clan-shield {
        position: relative;
    }

    .clan {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .clan .inner-scene-container, .clan.scene-styled .scene-inner {
        width: 100%;
        height: 100%;
        margin: auto;
        top: 0;
        left: 0;
    }

    .clan .inner-scene-container {
        padding-bottom: 6em;
    }

    .clan h4 {
        font-size: 2em;
    }

    .clan .clan-finder {
        width: 32em;
        margin-left: -16em;
        margin-top: -14.2em;
        background-size: contain;
    }

    .clan .coat-of-arms {
        width: 28em;
        height: 25em;
        left: 50%;
        top: 50%;
        margin-left: -14em;
        margin-top: -14em;
    }

    .clan .bottles {
        width: 32em;
        margin-top: -8.6em;
        margin-left: -16em;
    }

    .clan .find-your-clan {
        margin-top: 7em;
        padding: 0 1em;
        box-sizing: border-box;
    }

    .clan .orange-button {
        min-width: 0;
    }

    #scene-gets-you-through .clan .orange-button h3, #scene-gets-you-through .search-form .clan .orange-button input, .clan .orange-button #scene-gets-you-through .search-form input, .clan .orange-button #scene-gets-you-through h3, .clan .orange-button .search-form input, .clan .orange-button h2, .clan .orange-button h4, .clan .orange-button h5, .clan .search-form .orange-button input {
        margin: 0;
    }

    .clan.clan-search-stage .bottles {
        width: 12em;
        height: 4em;
        left: 50%;
        margin-left: -6em;
        margin-top: -5.4em;
    }

    .clan .search-form input {
        font-size: 3em;
        padding: .16em 0;
    }

    .clan .search-form input[type=submit] {
        font-size: 3.1em;
    }

    .clan .clan-search {
        width: 28.4em;
        padding: .7em;
        height: 4.4em;
        margin-left: -15em;
        margin-top: -2em;
        border-radius: .6em;
        -webkit-border-radius: .6em;
        -moz-border-radius: .6em;
    }

    .clan .clan-message {
        left: 0;
        float: none;
        width: auto;
        padding: 0 1em;
        height: auto;
        bottom: 0;
        position: relative;
        right: 0;
        top: auto;
        margin: auto;
        box-sizing: border-box;
    }

    #scene-gets-you-through .clan .clan-message h3, #scene-gets-you-through .search-form .clan .clan-message input, .clan .clan-message #scene-gets-you-through .search-form input, .clan .clan-message #scene-gets-you-through h3, .clan .clan-message .search-form input, .clan .clan-message h2, .clan .clan-message h4, .clan .clan-message h5, .clan .search-form .clan-message input {
        text-align: center;
        font-size: 4em;
        line-height: 1;
        margin-bottom: .2em;
    }

    .clan .clan-message .clan-description {
        font-size: 1.4em;
        text-align: center;
    }

    .clan .clan-message .search-form input {
        font-size: 2.8em;
        text-align: left;
        padding: .06em 0;
    }

    .clan .clan-email-area h4, .clan .clan-message .search-form input[type=submit] {
        font-size: 2.4em;
    }

    .clan .clan-shield {
        width: 32em;
        height: 30.8em;
        left: auto;
        top: auto;
        margin: 4em auto 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        float: none;
    }

    .clan .clan-subscribe {
        box-sizing: border-box;
        width: auto;
        padding: .8em 1em;
        height: 5em;
        margin: .8em auto 0;
    }

    .clan .start-again {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: auto;
    }

    .clan .start-again a {
        top: 0;
        bottom: 0;
        margin-left: -7.1em;
        margin-top: 0;
    }

    .clan .clan-downloads {
        position: relative;
        text-align: center;
    }

    .clan .clan-downloads .clan-cover, .clan .clan-downloads .clan-label, .clan .clan-downloads .clan-profile, .clan .clan-downloads .download-button-holder {
        float: none;
        display: inline-block;
    }

    .clan .clan-share {
        position: relative;
        top: auto;
    }

    .clan .clan-share .widget-share {
        margin-left: inherit !important;
        left: auto;
        position: relative;
        display: block;
    }

    .clan .clan-share .widget-share-links {
        left: 100% !important;
        margin-left: 0;
        top: 0;
    }

    .clan .clan-share .widge-share-count {
        margin: inherit;
    }

    .clan.brus-your-clan .find-your-clan {
        margin-top: 12em;
    }

    .clan.brus-your-clan .bottles {
        margin-top: -8.6em;
        width: 29em;
        margin-left: -14.5em;
    }

    .clan.brus-your-clan .brus-your-clan-title {
        width: 50.4em;
        height: 13.5em;
        margin-top: -16em;
        margin-left: -25.2em;
        background-size: contain;
    }

    .clan.brus-your-clan .orange-button {
        margin-right: 1em;
    }

    .clan .clan-share {
        width: 18em;
        height: 7.6em;
        margin: auto;
        padding-top: 3em;
    }
}

@media only screen and (max-width: 380px), only screen and (max-device-width: 380px) and (orientation: portrait) {
    .clan .clan-downloads {
        height: 17em;
        display: block;
    }

    .clan .download-button-holder {
        width: 100%;
        text-align: center;
    }

    .clan .clan-finder {
        margin-top: -20em;
    }

    .clan .bottles {
        margin-top: -10.6em;
    }

    .clan.brus-your-clan .find-your-clan {
        margin-top: 3.5em;
    }

    .clan.brus-your-clan .bottles {
        margin-top: -14.6em;
        width: 26em;
        margin-left: -13em;
    }

    .clan.brus-your-clan .brus-your-clan-title {
        width: 30em;
        height: 10em;
        margin-left: -15em;
        margin-top: -22em;
    }

    .clan.brus-your-clan .orange-button, .clan.brus-your-clan .orange-button.bru-land-button {
        margin: .1em;
        font-size: 3.8em;
    }

    .clan.brus-your-clan .orange-button.bru-land-button:before, .clan.brus-your-clan .orange-button:before {
        background-size: contain !important;
    }
}

#scene-did-you-know-flying {
    background: url(/bundles/irnbruwebsiteframework/scenes/did-you-know-flying/background.jpg) center center no-repeat;
    background-size: cover;
}

#scene-did-you-know-flying #did-you-know-wrapper {
    position: absolute;
    bottom: -1.4em;
    left: 0;
    width: 100%;
}

#scene-did-you-know-flying #did-you-know-wrapper p {
    font-size: 4.4em;
    color: #fff;
    text-transform: uppercase;
    font-family: 'United Sans Rg Bk';
    line-height: .9;
    margin: 0 0 .1em;
    text-align: center;
    text-shadow: 0 .0228em 0 #002d58;
}

#scene-did-you-know-flying #did-you-know-wrapper p small {
    color: #ffc79e;
    font-size: .5456em;
    vertical-align: top;
    font-family: UniversLTW02-59UltraCn;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-did-you-know-flying .scene-inner {
        transform: none !important;
        width: 100%;
        height: 100%;
        margin: 0;
        top: 0;
        left: 0;
        bottom: auto;
        right: auto;
    }

    #scene-did-you-know-flying #did-you-know-wrapper {
        bottom: 0;
        padding: 0 0 2.8em;
    }

    #scene-did-you-know-flying #did-you-know-wrapper p {
        font-size: 2.2em;
    }

    #scene-did-you-know-flying #did-you-know-wrapper p small {
        font-size: .773em;
        display: block;
        padding: .15em 4.5em 0;
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 1.5) {
    #scene-did-you-know-flying {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/did-you-know-flying/background@2x.jpg);
    }
}

#scene-drinks .scene-section {
    height: 100%;
    position: relative;
    overflow: hidden;
}

#scene-drinks #scene-drinks-a {
    background-color: #e5eaed;
}

#scene-drinks #scene-drinks-a .scene-drinks-product {
    height: 57.45em;
    overflow: hidden;
}

#scene-drinks #scene-drinks-c {
    background-color: #e1ebf0;
}

#scene-drinks #scene-drinks-a-background, #scene-drinks #scene-drinks-b-background, #scene-drinks #scene-drinks-c-background {
    width: 130em;
    height: 130em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -54.3em 0 0 -65.5em;
}

#scene-drinks #scene-drinks-b-background {
    margin-top: -70em;
}

#scene-drinks #scene-drinks-a-product {
    width: 84.8em;
    height: 55.5em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28.25em 0 0 -43.25em;
}

#scene-drinks #scene-drinks-a-background img, #scene-drinks #scene-drinks-a-product img, #scene-drinks #scene-drinks-b-background img {
    width: 100%;
    max-width: none;
    height: auto;
}

#scene-drinks .mCSB_container {
    height: 200%;
}

#scene-drinks .mCSB_container .scene-section {
    height: 50%;
    overflow: hidden;
}

#scene-drinks #scene-drinks-b {
    background-color: #026cb9;
}

#scene-drinks #scene-drinks-b .cans {
    width: 40.8em;
    height: 58.5em;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: -130px;
    margin-top: -20em;
    background: url(/bundles/irnbruwebsiteframework/scenes/drinks/b/bottle_and_can.png) no-repeat;
    z-index: 40;
}

#scene-drinks #scene-drinks-b .tabordion {
    width: 68.5em;
    height: 53.7em;
    margin-left: 30em;
    margin-top: 2.7em;
    position: absolute;
    top: 0;
    left: 0;
}

#scene-drinks #scene-drinks-b .tabordion-inner {
    width: 100%;
    height: 100%;
    position: relative;
    background: url(/bundles/irnbruwebsiteframework/scenes/drinks/b/tabcontainer.png) 0 -3.4em no-repeat;
    background-size: 68.5em 53.7em;
}

#scene-drinks #scene-drinks-b .tabordion-handle {
    height: 4em;
    width: 21.7em;
    float: left;
    margin: 0 .2em 0 .1em;
    text-align: center;
    text-decoration: none;
    background: url(/bundles/irnbruwebsiteframework/scenes/drinks/b/tabcontainer.png) -22.9em 0 no-repeat;
    background-size: 68.5em 53.7em;
    padding-top: .6em;
}

#scene-drinks #scene-drinks-b .tabordion-handle span {
    font-family: 'UniversLTW01-57Condense 723821';
    font-size: 1.6em;
    color: #5c1b0e;
    text-decoration: none;
    text-transform: uppercase;
}

#scene-drinks #scene-drinks-b .tabordion-tabs {
    top: -3em;
    left: 0;
    position: absolute;
    float: left;
    padding-left: .7em;
    height: 4em;
    width: 66em;
    z-index: 1;
}

#scene-drinks #scene-drinks-b .tabordion-tabs .tabordion-active {
    background-position: -.9em 0;
}

#scene-drinks #scene-drinks-b .tabordion-tabs .tabordion-active span {
    color: #002d58;
}

#scene-drinks #scene-drinks-b #drinks-b-tab-3 .tabordion-content {
    width: 51em;
    margin-left: 14em;
}

#scene-drinks #scene-drinks-b .tabordion-content {
    font-family: UniversLTW02-59UltraCn;
    width: 56em;
    margin-left: 9em;
    color: #008bd0;
    padding-top: 1.2em;
}

#scene-drinks #scene-drinks-b .tabordion-content #scene-gets-you-through .search-form input, #scene-drinks #scene-drinks-b .tabordion-content #scene-gets-you-through h3, #scene-drinks #scene-drinks-b .tabordion-content .clan .search-form input, #scene-drinks #scene-drinks-b .tabordion-content .clan h4, #scene-drinks #scene-drinks-b .tabordion-content .clan h5, #scene-drinks #scene-drinks-b .tabordion-content h1, #scene-drinks #scene-drinks-b .tabordion-content h2, #scene-drinks #scene-drinks-b .tabordion-content h3, #scene-gets-you-through #scene-drinks #scene-drinks-b .tabordion-content h3, #scene-gets-you-through .search-form #scene-drinks #scene-drinks-b .tabordion-content input, .clan #scene-drinks #scene-drinks-b .tabordion-content h4, .clan #scene-drinks #scene-drinks-b .tabordion-content h5, .clan .search-form #scene-drinks #scene-drinks-b .tabordion-content input {
    color: #002d58;
}

#scene-drinks #scene-drinks-b .tabordion-content h1 {
    font-size: 3.5em;
    border-bottom: 1px solid #ddd;
    padding: 0 0 .15em;
    margin: 0 0 .5em;
}

#scene-drinks #scene-drinks-b .tabordion-content h1 .smaller {
    font-size: .5em;
}

#scene-drinks #scene-drinks-b .tabordion-content #scene-gets-you-through .search-form input, #scene-drinks #scene-drinks-b .tabordion-content #scene-gets-you-through h3, #scene-drinks #scene-drinks-b .tabordion-content .clan .search-form input, #scene-drinks #scene-drinks-b .tabordion-content .clan h4, #scene-drinks #scene-drinks-b .tabordion-content .clan h5, #scene-drinks #scene-drinks-b .tabordion-content h2, #scene-gets-you-through #scene-drinks #scene-drinks-b .tabordion-content h3, #scene-gets-you-through .search-form #scene-drinks #scene-drinks-b .tabordion-content input, .clan #scene-drinks #scene-drinks-b .tabordion-content h4, .clan #scene-drinks #scene-drinks-b .tabordion-content h5, .clan .search-form #scene-drinks #scene-drinks-b .tabordion-content input {
    color: #002d58;
    font-size: 2em;
    margin: 0;
}

#scene-drinks #scene-drinks-b .tabordion-content h3 {
    color: #002d58;
    font-size: 1.6em;
    margin: 0;
    text-transform: uppercase;
}

#scene-drinks #scene-drinks-b .tabordion-content p, #scene-drinks #scene-drinks-b .tabordion-content td, #scene-drinks #scene-drinks-b .tabordion-content th {
    font-size: 2em;
    text-align: left;
    font-weight: 400;
    vertical-align: top;
}

#scene-drinks #scene-drinks-b .tabordion-content p {
    line-height: 1.2;
    margin-bottom: .8em;
}

#scene-drinks #scene-drinks-b .tabordion-content table {
    margin: 0 0 1em;
    width: 100%;
}

#scene-drinks #scene-drinks-b .tabordion-content td, #scene-drinks #scene-drinks-b .tabordion-content th {
    line-height: 1.2;
    padding: 0;
}

#scene-drinks #scene-drinks-b .tabordion-content th {
    padding-right: .5em;
}

#scene-drinks #scene-drinks-b #nutritional-information tbody td, #scene-drinks #scene-drinks-b #nutritional-information tbody th {
    width: 29%;
    padding: 0 1em;
    font-size: 1.6em;
}

#scene-drinks #scene-drinks-b #nutritional-information tbody tr:first-child td, #scene-drinks #scene-drinks-b #nutritional-information tbody tr:first-child th, #scene-drinks #scene-drinks-b #nutritional-information tr.divider + tr td, #scene-drinks #scene-drinks-b #nutritional-information tr.divider + tr th {
    padding-top: .4em;
}

#scene-drinks #scene-drinks-b #nutritional-information tbody tr:last-child td, #scene-drinks #scene-drinks-b #nutritional-information tbody tr:last-child th, #scene-drinks #scene-drinks-b #nutritional-information tr.divider td, #scene-drinks #scene-drinks-b #nutritional-information tr.divider th {
    padding-bottom: .4em;
}

#scene-drinks #scene-drinks-b #nutritional-information tbody th {
    text-align: right;
    padding-right: .5em;
    color: #002d58;
    padding-left: 0;
    width: 19%;
}

#scene-drinks #scene-drinks-b #nutritional-information tbody td.info, #scene-drinks #scene-drinks-b #nutritional-information tbody th.info {
    text-align: left;
    color: #002d58;
    text-transform: uppercase;
    width: 23%;
    padding-right: 0;
    padding-left: .4em;
    font-size: 2em;
    padding-top: .3em;
}

#scene-drinks #scene-drinks-b #nutritional-information tbody .simple, #scene-drinks #scene-drinks-b #nutritional-information thead .simple {
    display: block;
    margin: .8em 0;
    width: 300%;
}

#scene-drinks #scene-drinks-b #nutritional-information tbody .simple td, #scene-drinks #scene-drinks-b #nutritional-information tbody .simple th {
    border: 0 solid #ddd;
    border-width: .05em 0;
    padding: .26em 0;
}

#scene-drinks #scene-drinks-b #nutritional-information thead th {
    height: .8em;
    line-height: .8;
    font-size: 2.2em;
    text-transform: uppercase;
    color: #f47920;
    padding: .2em 1em .5em;
}

#scene-drinks #scene-drinks-b #nutritional-information thead tr, #scene-drinks #scene-drinks-b #nutritional-information tr.divider {
    border-bottom: .2em solid #ddd;
}

#scene-drinks #scene-drinks-b .tabordion-content tbody .small td, #scene-drinks #scene-drinks-b .tabordion-content tbody .small th {
    font-size: 1.5em;
    padding-left: 1.333em;
    padding-right: 1.333em;
}

#scene-drinks #scene-drinks-b #drinks-b-tab-1 .tabordion-content h1 {
    margin-bottom: .23em;
}

#scene-drinks #scene-drinks-b #nutritional-information td span {
    display: inline-block;
    width: 3em;
}

#scene-drinks #scene-drinks-b #drinks-b-tab-2 .tabordion-content h1 {
    margin-top: .5em;
    margin-bottom: .2em;
}

#scene-drinks #scene-drinks-b #drinks-b-tab-2 .tabordion-content .ingredients {
    border-bottom: .1em solid #ddd;
    margin-bottom: 1em;
}

#scene-drinks #scene-drinks-b #drinks-b-tab-2 .tabordion-content #secret-ingredients p, #scene-drinks #scene-drinks-b #drinks-b-tab-2 .tabordion-content .ingredients p {
    margin-bottom: .5em;
}

#scene-drinks #scene-drinks-b #drinks-b-tab-2 .tabordion-content #secret-ingredients {
    margin-top: 1em;
}

#scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients #scene-gets-you-through .search-form input, #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients #scene-gets-you-through h3, #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients .clan .search-form input, #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients .clan h4, #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients .clan h5, #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients h2, #scene-gets-you-through #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients h3, #scene-gets-you-through .search-form #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients input, .clan #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients h4, .clan #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients h5, .clan .search-form #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients input {
    font-size: 2.2em;
    margin-bottom: .4em;
    margin-top: 1.9em;
    float: left;
}

#scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients-content {
    opacity: 0;
    transition: opacity .4s ease;
    float: right;
    position: relative;
    overflow: hidden;
}

#scene-drinks #scene-drinks-b .tabordion-content .open #secret-ingredients-content {
    opacity: 1;
}

#scene-drinks #scene-drinks-b #secret-ingredients #scene-gets-you-through .search-form input a, #scene-drinks #scene-drinks-b #secret-ingredients #scene-gets-you-through h3 a, #scene-drinks #scene-drinks-b #secret-ingredients .clan .search-form input a, #scene-drinks #scene-drinks-b #secret-ingredients .clan h4 a, #scene-drinks #scene-drinks-b #secret-ingredients .clan h5 a, #scene-drinks #scene-drinks-b #secret-ingredients h2 a, #scene-gets-you-through #scene-drinks #scene-drinks-b #secret-ingredients h3 a, #scene-gets-you-through .search-form #scene-drinks #scene-drinks-b #secret-ingredients input a, .clan #scene-drinks #scene-drinks-b #secret-ingredients h4 a, .clan #scene-drinks #scene-drinks-b #secret-ingredients h5 a, .clan .search-form #scene-drinks #scene-drinks-b #secret-ingredients input a {
    text-decoration: none;
    color: #f47920;
}

#scene-drinks #scene-drinks-b #secret-ingredients h3 {
    font-family: UniversLTW02-59UltraCn;
    font-size: 3.2em;
    padding-top: .15em;
}

#scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients-content, #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients-content p {
    text-align: center;
}

#scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients-content h3 {
    font-weight: 400;
}

#scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients-content h3, #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients-content p {
    position: relative;
}

#scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients-content:before {
    display: block;
    content: '';
    width: 120%;
    box-shadow: 0 0 1.2em rgba(0, 0, 0, 0.15) inset;
    border: 0 solid #ddd;
    border-width: .1em 0;
    position: absolute;
    top: 0;
    left: -10%;
    height: 100%;
}

#scene-drinks #scene-drinks-b .icon {
    font-size: .8em;
    margin: 0 .3em 0 0;
}

#scene-drinks .scene-image img {
    width: 100%;
    height: 100%;
    max-width: none;
}

#scene-drinks .product .bubble a {
    color: #008bd0;
    text-decoration: none;
    display: block;
    margin: 0 2em .2em;
    font-size: 1.3em;
    background: url(/bundles/irnbruwebsiteframework/scenes/drinks/c/arrow-right.png) 0 center no-repeat;
    background-size: 14px 13px;
    padding-left: 1.6em;
    text-transform: uppercase;
    font-family: "UniversLTW01-57Condense 723821";
}

#scene-drinks #scene-drinks-a .product {
    position: absolute;
    height: 20em;
    width: 13em;
    bottom: 6em;
    z-index: 8;
    background: url(/bundles/irnbruwebsiteframework/images/transparent-gif-ie8.gif);
}

#scene-drinks #scene-drinks-a .product-1 {
    height: 39em;
    left: 13em;
    width: 10.6em;
}

#scene-drinks #scene-drinks-a .product-2 {
    height: 45em;
    left: 68.5em;
    width: 12.6em;
}

#scene-drinks #scene-drinks-a .product-3 {
    height: 41em;
    left: 38em;
    width: 12.4em;
}

#scene-drinks #scene-drinks-a .product-4 {
    height: 50em;
    left: 51.6em;
    width: 15em;
}

#scene-drinks #scene-drinks-a .product-5 {
    height: 21em;
    left: 24.6em;
    width: 12em;
}

#scene-drinks #scene-drinks-a .bubble {
    width: 26.4em;
    height: 18.8em;
    display: block;
    position: absolute;
    background: url(/bundles/irnbruwebsiteframework/scenes/drinks/a/bubble.png) no-repeat;
    background-size: 26.4em 18.8em;
    left: 50%;
    margin-left: -6.5em;
    top: -18em;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: opacity .4s ease;
}

#scene-drinks #scene-drinks-a .product.hover .bubble, #scene-drinks #scene-drinks-a .product:hover .bubble {
    visibility: visible;
    opacity: 1;
}

#scene-drinks #scene-drinks-a .product .bubble p {
    color: #002D58;
    font-family: 'Gochi Hand';
    font-size: 2.2em;
    line-height: 1;
    margin: 1.5em 1.5em 1.2em;
    text-transform: uppercase;
}

#scene-drinks #scene-drinks-a .bubble a {
    margin-left: 2.6em;
    margin-right: 2.6em;
}

#scene-drinks #scene-drinks-a .product .bubble ul {
    bottom: 4em;
    left: 0;
    position: absolute;
}

#scene-drinks #scene-drinks-a .product .bubble li, #scene-drinks #scene-drinks-a .product .bubble ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    font-size: 1em;
}

#scene-drinks #scene-drinks-a .product-3 .bubble {
    top: -9em;
}

#scene-drinks #scene-drinks-a .product-4 .bubble {
    top: -4em;
}

#scene-drinks #scene-drinks-a .product-2 .bubble {
    top: -2em;
}

#scene-drinks hgroup {
    left: 50%;
    margin-left: -36em;
    margin-top: -35.5em;
    position: absolute;
    top: 50%;
    width: 32em;
}

#scene-drinks hgroup h1 {
    color: #002d58;
    margin: 0;
    line-height: .8;
    font-size: 5em;
    font-weight: 400;
}

#scene-drinks hgroup #scene-gets-you-through .search-form input, #scene-drinks hgroup #scene-gets-you-through h3, #scene-drinks hgroup .clan .search-form input, #scene-drinks hgroup .clan h4, #scene-drinks hgroup .clan h5, #scene-drinks hgroup h2, #scene-gets-you-through #scene-drinks hgroup h3, #scene-gets-you-through .search-form #scene-drinks hgroup input, .clan #scene-drinks hgroup h4, .clan #scene-drinks hgroup h5, .clan .search-form #scene-drinks hgroup input {
    font-size: 2em;
    width: 150%;
    color: #002d58;
    font-family: 'UniversLTW01-57Condense 723821';
}

#scene-drinks .footer-text {
    font-family: 'UniversLTW01-57Condense 723821';
    display: block;
    text-align: center;
    top: 50%;
    width: 100%;
    left: 0;
    margin-top: 24.5em;
    position: absolute;
}

#scene-drinks .footer-text p {
    font-size: 1.3em;
    color: #9a9a9b;
    text-transform: uppercase;
}

#scene-drinks #scene-drinks-a-product {
    margin-top: -24.725em;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-drinks .scene-section-container {
        font-size: .75em;
    }

    #scene-drinks .scene-section-inner {
        font-size: .5em;
        margin: 0;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        position: relative;
    }

    #scene-drinks .scene-section {
        height: auto !important;
    }

    #scene-drinks #scene-drinks-a .product .bubble ul {
        display: none;
    }

    #scene-drinks #scene-drinks-a .product .bubble p {
        font-size: 2.6em;
    }

    #scene-drinks #scene-drinks-a .product-1 .bubble {
        top: -12em;
    }

    #scene-drinks #scene-drinks-a .product-4 .bubble {
        top: 0;
    }

    #scene-drinks hgroup h1 small {
        font-size: 4.4em;
    }

    #scene-drinks hgroup h1 strong {
        font-size: 6.2em;
        margin-right: .2em;
    }

    #scene-drinks hgroup h1 span {
        display: inline;
        font-size: 6.2em;
    }

    #scene-drinks #scene-drinks-b .tabordion-content h1, #scene-drinks .footer-text {
        display: none;
    }

    #scene-drinks hgroup h1 {
        margin-bottom: .5em;
    }

    #scene-drinks hgroup {
        left: 0;
        margin-left: 0;
        font-size: 1.25em;
        padding: 0 1.75em;
        width: 75%;
        margin-top: 5em;
        position: relative;
    }

    #scene-drinks-a .scene-section-inner {
        padding-top: 33em;
    }

    #scene-drinks-a .scene-section-inner hgroup {
        top: -22em;
    }

    #scene-drinks-a-product img {
        position: absolute;
        top: 0;
        left: 0;
    }

    #scene-drinks hgroup #scene-gets-you-through .search-form input, #scene-drinks hgroup #scene-gets-you-through h3, #scene-drinks hgroup .clan .search-form input, #scene-drinks hgroup .clan h4, #scene-drinks hgroup .clan h5, #scene-drinks hgroup h2, #scene-gets-you-through #scene-drinks hgroup h3, #scene-gets-you-through .search-form #scene-drinks hgroup input, .clan #scene-drinks hgroup h4, .clan #scene-drinks hgroup h5, .clan .search-form #scene-drinks hgroup input {
        font-size: 2.4em;
    }

    #scene-drinks #scene-drinks-a-product {
        width: 63em;
        z-index: 40;
        position: relative;
        margin: 0 auto;
        top: 0;
        left: 0;
        bottom: auto;
        right: auto;
    }

    #scene-drinks #scene-drinks-a {
        height: 47em;
        height: auto;
        margin-top: 0;
    }

    #scene-drinks #scene-drinks-a-background {
        margin-top: -51.3em;
    }

    #scene-drinks #scene-drinks-b-background {
        left: 0;
        margin-left: -75em;
        margin-top: -95em;
        width: 150em;
        display: none;
    }

    #scene-drinks-b {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/drinks/b/background@2x.jpg);
        background-size: cover;
    }

    #scene-drinks #scene-drinks-b .tabordion {
        width: auto;
        left: auto;
        margin: 31em auto 0;
        z-index: 1;
        height: auto;
        position: relative;
        background-color: #fff;
    }

    #scene-drinks #scene-drinks-b .cans {
        top: 0;
        margin-top: -19em;
        left: 50%;
        margin-left: -24em;
        width: 50em;
        background: url(/bundles/irnbruwebsiteframework/scenes/drinks/b/bottle_and_can_mobile.png) center top no-repeat;
    }

    #scene-drinks #scene-drinks-b #drinks-b-tab-3 .tabordion-content, #scene-drinks #scene-drinks-b .tabordion-content {
        width: auto;
        margin: 0 4em;
    }

    #scene-drinks #scene-drinks-b .tabordion-handle {
        background: #f5efdf;
        float: none;
        height: auto;
        display: block;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

    #scene-drinks #scene-drinks-b .tabordion-handle:last-child {
        border-bottom-width: 0;
    }

    #scene-drinks #scene-drinks-b .tabordion-handle span {
        font-size: 5.75em;
        font-family: UniversLTW02-59UltraCn;
        color: #002d58;
        display: block;
        padding: 0 2em;
    }

    #scene-drinks #scene-drinks-b table tbody .simple td {
        display: none;
    }

    #scene-drinks #scene-drinks-b table tbody .simple th {
        width: 100%;
        font-size: 3em;
        text-align: center;
    }

    #scene-drinks #scene-drinks-b #nutritional-information tbody td, #scene-drinks #scene-drinks-b #nutritional-information thead th, #scene-drinks #scene-drinks-b .tabordion-content tbody .small td, #scene-drinks #scene-drinks-b .tabordion-content tbody .small th {
        font-size: 3.4em;
    }

    #scene-drinks #scene-drinks-b #nutritional-information td span {
        width: 2em;
    }

    #scene-drinks #scene-drinks-b #nutritional-information tbody .simple th.info {
        text-align: center;
        width: 100%;
        display: block;
    }

    #scene-drinks #scene-drinks-b .tabordion-inner {
        background: 0 0;
    }

    #scene-drinks #scene-drinks-b #drinks-b-tab-3 .tabordion-content, #scene-drinks #scene-drinks-b .tabordion-content {
        border-bottom: 1px solid #ddd;
        padding-bottom: 2em;
    }

    #scene-drinks #scene-drinks-b .tabordion-content:last-child {
        border-bottom-width: 0;
    }

    #scene-drinks #scene-drinks-b .tabordion-handle.tabordion-active {
        background-color: #fff;
    }

    #scene-drinks #scene-drinks-b {
        height: 70em;
    }

    #scene-drinks #scene-drinks-b #drinks-b-tab-2 .tabordion-content .ingredients p, #scene-drinks #scene-drinks-b .tabordion-content #scene-gets-you-through .search-form input, #scene-drinks #scene-drinks-b .tabordion-content #scene-gets-you-through h3, #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients #scene-gets-you-through .search-form input, #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients #scene-gets-you-through h3, #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients .clan .search-form input, #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients .clan h4, #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients .clan h5, #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients h2, #scene-drinks #scene-drinks-b .tabordion-content .clan .search-form input, #scene-drinks #scene-drinks-b .tabordion-content .clan h4, #scene-drinks #scene-drinks-b .tabordion-content .clan h5, #scene-drinks #scene-drinks-b .tabordion-content h2, #scene-drinks #scene-drinks-b .tabordion-content p, #scene-drinks #scene-drinks-b .tabordion-content td, #scene-drinks #scene-drinks-b .tabordion-content th, #scene-gets-you-through #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients h3, #scene-gets-you-through #scene-drinks #scene-drinks-b .tabordion-content h3, #scene-gets-you-through .search-form #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients input, #scene-gets-you-through .search-form #scene-drinks #scene-drinks-b .tabordion-content input, .clan #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients h4, .clan #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients h5, .clan #scene-drinks #scene-drinks-b .tabordion-content h4, .clan #scene-drinks #scene-drinks-b .tabordion-content h5, .clan .search-form #scene-drinks #scene-drinks-b .tabordion-content #secret-ingredients input, .clan .search-form #scene-drinks #scene-drinks-b .tabordion-content input {
        font-size: 4em;
    }

    #scene-drinks #scene-drinks-b .scene-foreground {
        padding-bottom: 4em;
    }

    #scene-drinks .scene-foreground {
        width: 100%;
        margin: 0 auto;
        padding: 0 2em;
        box-sizing: border-box;
    }

    #scene-drinks #scene-drinks-a .product-1 {
        height: 29em;
        left: 9em;
        top: 8em;
        width: 9em;
    }

    #scene-drinks #scene-drinks-a .product-2 {
        height: 18em;
        left: 18em;
        top: 20em;
        width: 10em;
    }

    #scene-drinks #scene-drinks-a .product-3 {
        height: 41em;
        left: 38em;
        width: 12.4em;
    }

    #scene-drinks #scene-drinks-a .product-4 {
        height: 39em;
        left: 51.6em;
        width: 15em;
    }

    #scene-drinks #scene-drinks-a .product-5 {
        height: 35em;
        left: 50em;
        top: 2em;
        width: 11em;
    }

    #scene-drinks #scene-drinks-b .scene-foreground, #scene-drinks #scene-drinks-c .scene-foreground {
        margin: 0 auto;
    }

    #scene-drinks #scene-drinks-c-background {
        margin-top: -55em;
    }

    #scene-drinks .scene-inner, #scene-drinks .scene-section-container, #scene-drinks.scene-scrollable, #scene-drinks.scene-scrollable .scene-content-wrapper, #scene-drinks.scene-scrollable .scene-section-container {
        height: auto;
    }

    #scene-drinks #scene-drinks-c-product {
        width: 63em;
    }
}

#scene-favourite-ads #retro-video-holder .video-time-duration, #scene-favourite-ads .old-ads-background-mobile {
    display: none;
}

@media only screen and (max-device-width: 380px), screen and (max-width: 380px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-drinks #scene-drinks-c {
        height: 140em;
    }

    #scene-drinks .scene-section {
        min-height: 64em;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #scene-drinks #scene-drinks-d #ropes {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/drinks/d/ropes@2x.png);
    }

    #scene-drinks #scene-drinks-d .circle {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/drinks/d/circles@2x.png);
    }

    #scene-drinks #scene-drinks-d .bubble {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/drinks/d/bubble@2x.png);
    }

    #scene-drinks #scene-drinks-c .product .bubble a {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/drinks/c/arrow-right@2x.png);
    }

    #scene-drinks #scene-drinks-a .bubble {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/drinks/a/bubble@2x.png);
    }

    .timeline-mobile-item {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/drinks/d/rope-mobile@2x.png);
    }
}

#scene-facebook {
    background: url(/bundles/irnbruwebsiteframework/scenes/facebook/like-bg.jpg) center center no-repeat #30519a;
    background-size: cover;
}

#scene-facebook .link-block {
    width: 100%;
    height: 100%;
}

#scene-facebook .scene-left .image {
    margin: 0 2.5em;
    height: 100%;
}

#scene-facebook .scene-right h1 {
    font-size: 10em;
    text-transform: uppercase;
    line-height: .88;
    margin: 0 0 .06em;
    padding-top: .1666em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

#scene-facebook .scene-right p {
    font-size: 3.8em;
    font-family: UniversLTW02-59UltraCn;
    text-transform: uppercase;
    line-height: .95em;
    text-shadow: 0 0.02em 0.02em rgba(0, 0, 0, 0.6);
}

#scene-facebook .scene-right h1, #scene-facebook .scene-right p {
    padding-left: 5px;
}

#scene-facebook .scene-right em {
    font-style: normal;
    color: #f47920;
}

#scene-facebook .lowlight {
    color: #d7deea;
}

#scene-football-competition h1 span, #scene-get-a-grip-sign-up h1 span {
    color: #f8911c;
}

#scene-facebook .image img {
    width: 100%;
    max-height: 100%;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-facebook .scene-inner {
        font-size: .4em;
    }
}

#scene-fanny {
    background-color: #e6dfd5;
}

#scene-fanny .scene-background {
    width: 145em;
    height: 145em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -80.5em 0 0 -72.5em;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-fanny .scene-inner {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }

    #scene-fanny .scene-background {
        height: 121em;
        left: 50%;
        margin: -11em 0 0 -25em;
        position: absolute;
        top: 0;
        width: 50em;
    }
}

@media only screen and (max-device-width: 380px), screen and (max-width: 380px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-facebook .scene-inner {
        font-size: .3em;
    }

    #scene-fanny .scene-background {
        height: 121em;
        left: 50%;
        margin: 0 0 0 -25em;
        position: absolute;
        top: 0;
        width: 50em;
    }
}

#scene-favourite-ads {
    background-color: #8d9192;
}

#scene-favourite-ads .video {
    position: absolute;
    top: 0;
    left: 0;
}

#scene-favourite-ads .old-ads-background {
    width: 145em;
    height: 145em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -68.5em;
    margin-left: -72.5em;
    max-width: none;
}

#scene-favourite-ads .old-ads-frame {
    position: absolute;
    top: 7.5em;
    left: 33.9em;
    width: 36.7em;
    height: 28.4em;
    overflow: hidden;
}

#scene-favourite-ads .tv-frame, #scene-favourite-ads .tv-static {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    width: 100%;
    height: auto;
}

#scene-favourite-ads #retro-video-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#scene-favourite-ads #retro-video-holder.ready {
    background-color: #000;
}

#scene-favourite-ads #retro-video-holder p {
    font-family: UniversLTW02-59UltraCn,sans-serif;
    font-size: 2.4em;
    text-transform: uppercase;
    line-height: 1;
    opacity: .8;
}

#scene-favourite-ads #retro-video-intro {
    padding: 0 5.5em;
    height: 12em;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6em;
}

#scene-favourite-ads #old-ads-play {
    position: absolute;
    top: 14em;
    left: 5em;
    width: 20em;
    height: 15.5em;
}

#scene-favourite-ads #old-ads-play a {
    display: block;
    height: 2.4em;
    width: 100%;
    text-indent: -99999px;
    box-sizing: border-box;
    background: url(/bundles/irnbruwebsiteframework/images/transparent-gif-ie8.gif);
}

#scene-favourite-ads #old-ads-play a img {
    width: 100%;
    height: 100%;
    float: right;
}

#scene-favourite-ads #old-ads-play .mejs-overlay-play {
    display: none;
}

#scene-favourite-ads #retro-video-holder video {
    width: 36.7em;
    height: 28.4em;
}

#scene-favourite-ads .overlay-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
}

#scene-favourite-ads .overlay-video-close {
    width: 5.2em;
    height: 5.2em;
    display: block;
    outline: 0;
    background: url(/bundles/irnbruwebsiteframework/scenes/favourite-ads/close.png) no-repeat;
    background-size: 5.2em 5.2em;
    text-indent: -9999em;
    overflow: hidden;
    position: absolute;
    top: 4em;
    right: 2em;
}

#scene-favourite-ads .mejs-container {
    position: absolute;
    margin: 0;
    left: 0;
    bottom: auto;
    right: auto;
    display: none;
}

#scene-fl72 .fl72__heading, #scene-fl72:before {
    bottom: 0;
    position: absolute;
    background-repeat: no-repeat;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-favourite-ads .old-ads-background, #scene-favourite-ads .scene .video-block {
        display: none;
    }

    #scene-favourite-ads .scene-inner {
        margin: 0;
        left: 0;
        width: 100%;
        height: 100%;
        top: 0;
    }

    #scene-favourite-ads .old-ads-background-mobile {
        display: block;
        left: 50%;
        margin-left: -25em;
        margin-top: -16em;
        max-width: none;
        position: absolute;
        top: 0;
        width: 50em;
    }

    #scene-favourite-ads .old-ads-frame, #scene-favourite-ads .tv-frame, #scene-favourite-ads .tv-static {
        display: none;
    }

    #scene-favourite-ads #old-ads-play a {
        height: 3.5em;
        overflow: hidden;
    }

    #scene-favourite-ads #old-ads-play a .mejs-container {
        margin-top: -5em;
        width: 100%;
    }

    #scene-favourite-ads #old-ads-play a .mejs-container iframe {
        width: 100%;
        height: 10em;
    }

    #scene-favourite-ads #old-ads-play {
        position: absolute;
        top: 4em;
        left: 0;
        width: 100%;
        height: 15.5em;
    }
}

@media only screen and (max-device-width: 380px), screen and (max-width: 380px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-favourite-ads .old-ads-background-mobile {
        display: block;
        left: 50%;
        margin-left: -24em;
        margin-top: -9em;
        max-width: none;
        position: absolute;
        top: 0;
        width: 50em;
    }

    #scene-favourite-ads #old-ads-play {
        top: 11em;
        height: 21em;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #scene-favourite-ads .overlay-video-close {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/favourite-ads/close@2x.png);
    }
}

#scene-fl72 {
    background-image: url(/bundles/irnbruwebsiteframework/scenes/fl72/background.jpg);
    background-size: cover;
    background-position: center bottom;
}

#scene-fl72:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 35%;
    background-image: url(/bundles/irnbruwebsiteframework/scenes/fl72/can-net.png);
    background-position: left bottom;
    background-size: 100% auto;
}

#scene-fl72 .fl72__heading {
    top: 120px;
    right: 0;
    left: 170px;
    min-width: 320px;
    display: block;
    text-indent: -9999px;
    background-image: url(/bundles/irnbruwebsiteframework/scenes/fl72/text.png);
    background-size: 70% auto;
    background-position: center center;
}

#scene-fl72 .fl72__sponsors {
    position: absolute;
    right: -70px;
    bottom: -50px;
}

#scene-fl72 .fl72__sponsors:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
    height: 50px;
    box-shadow: rgba(0, 0, 0, 0.7) 45px 35px 30px, rgba(0, 0, 0, 0.7) 315px 35px 30px;
}

#scene-fl72 .fl72__sponsors:after {
    content: "";
    display: block;
    clear: both;
}

#scene-fl72 .fl72__sponsor {
    position: relative;
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    height: 75px;
    width: 250px;
    min-width: 150px;
    margin-left: 25px;
}

#scene-fl72 .fl72__sponsor-spfl {
    background-image: url(/bundles/irnbruwebsiteframework/scenes/fl72/logo-spfl.jpg);
}

#scene-fl72 .fl72__sponsor-fl {
    background-image: url(/bundles/irnbruwebsiteframework/scenes/fl72/logo-fl.png);
}

@media (max-width: 1170px) {
    #scene-fl72.scene-fl72--mobile:before {
        width: 100%;
        background-position: left bottom;
        bottom: -30%;
    }

    #scene-fl72 .fl72__heading {
        position: relative;
        top: initial;
        right: initial;
        bottom: initial;
        left: initial;
        width: 350px;
        height: 120px;
        margin: 40px auto 0;
    }

    #scene-fl72 .fl72__sponsors {
        bottom: initial;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 250px;
    }

    #scene-fl72 .fl72__sponsors:before {
        width: 220px;
        height: 50px;
        box-shadow: rgba(0, 0, 0, 0.7) 5px 130px 25px, rgba(0, 0, 0, 0.7) 5px 35px 25px;
    }

    #scene-fl72 .fl72__sponsor {
        float: none;
        margin-left: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 1170px) and (orientation: landscape) {
    #scene-fl72.scene-fl72--mobile:before {
        width: 35%;
        background-position: left center;
        bottom: 0;
    }

    #scene-fl72 .fl72__heading {
        margin: 170px auto 0;
    }

    #scene-fl72 .fl72__sponsors {
        width: 410px;
    }

    #scene-fl72 .fl72__sponsors:before {
        width: 180px;
        box-shadow: rgba(0, 0, 0, 0.7) 5px 35px 25px, rgba(0, 0, 0, 0.7) 225px 35px 25px;
    }

    #scene-fl72 .fl72__sponsor {
        float: left;
        width: 200px;
    }

    #scene-fl72 .fl72__sponsor-fl {
        margin-left: 10px;
    }
}

#scene-football-competition {
    background: url(/bundles/irnbruwebsiteframework/scenes/football-competition/background.jpg) 70% 70% no-repeat;
    background-size: cover;
    text-align: center;
}

#scene-football-competition .scene-inner {
    margin-left: -64em;
    margin-top: -36em;
    top: 50%;
    left: 50%;
    width: 128em;
    height: 81.4em;
    padding-top: 22em;
    background: url(/bundles/irnbruwebsiteframework/scenes/football-competition/images/cans.png) center no-repeat;
}

#scene-football-competition h1 {
    width: 28em;
    height: 20em;
    font-size: 1em;
    background: url(/bundles/irnbruwebsiteframework/scenes/football-competition/images/win.png) center no-repeat;
    margin-top: -48em;
    margin-left: -37em;
}

#scene-football-competition #scene-gets-you-through .search-form input, #scene-football-competition #scene-gets-you-through h3, #scene-football-competition .clan .search-form input, #scene-football-competition .clan h4, #scene-football-competition .clan h5, #scene-football-competition h2, #scene-gets-you-through #scene-football-competition h3, #scene-gets-you-through .search-form #scene-football-competition input, .clan #scene-football-competition h4, .clan #scene-football-competition h5, .clan .search-form #scene-football-competition input {
    width: 47.1em;
    height: 12.9em;
    font-size: 1em;
    background: url(/bundles/irnbruwebsiteframework/scenes/football-competition/images/the-ultimate-match-day-experience.png) center no-repeat;
    margin-top: -45em;
    margin-left: -7em;
}

#scene-football-competition .scene-inner p {
    text-shadow: (-0.02em) -0.02em 0.01em rgba(0, 0, 0, 0.4), 0 0.02em 0.02em rgba(0, 0, 0, 0.6);
    margin: 0;
    font-family: 'Compacta W01 Regular';
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 3.7em;
    line-height: 1em;
}

#football-form, .text-container {
    position: relative;
    width: 74em;
    margin: auto auto 2.4em;
}

#football-form {
    width: 76em;
}

#football-form #scene-gets-you-through .search-form input, #football-form #scene-gets-you-through h3, #football-form .clan .search-form input, #football-form .clan h4, #football-form .clan h5, #football-form h2, #scene-gets-you-through #football-form h3, #scene-gets-you-through .search-form #football-form input, .clan #football-form h4, .clan #football-form h5, .clan .search-form #football-form input {
    text-shadow: (-0.02em) -0.02em 0.01em rgba(0, 0, 0, 0.4), 0 0.02em 0.02em rgba(0, 0, 0, 0.6);
    background: 0 0;
    width: auto;
    height: auto;
    margin: auto;
    font-size: 5em;
    position: relative;
    top: auto;
    text-indent: 0;
    left: auto;
}

#football-form .football-form__column-left, #football-form .football-form__column-right {
    width: 36em;
    padding: 1em 2em 0;
}

#football-form .football-form__column-left {
    float: left;
    padding-left: 0;
}

#football-form .football-form__column-right {
    float: right;
    padding-right: 0;
}

#football-form .football-form__column-full {
    width: 32em;
    margin: auto;
}

#football-form input {
    transition: opacity .2s ease-in-out;
}

#football-form input.blue-button {
    font-size: 4em;
    padding-left: 1em;
    padding-right: 1em;
}

#football-form .dropdown button, #football-form input[type=text], #football-form input[type=tel], #football-form input[type=date], #football-form input[type=email], #football-form input[type=number], #football-form option, #football-form select {
    font-size: 2.8em;
    padding: .5em;
    text-transform: none;
    border: 0;
    font-family: 'Compacta W01 Regular';
    color: #000;
    margin: 0 0 1em;
    width: 10em;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: inherit;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

#football-form #question2, #football-form .dropdown button, #football-form select {
    cursor: pointer;
    color: #333;
    margin-bottom: 0;
    background: url(/bundles/irnbruwebsiteframework/scenes/football-competition/images/drop-down-arrow.gif) right center no-repeat #FFF;
}

#football-form #question2 {
    width: 10em;
}

#football-form select {
    display: none;
}

#football-form ::-webkit-input-placeholder {
    color: #333;
}

#football-form :-moz-placeholder {
    color: #333;
    opacity: 1;
}

#football-form ::-moz-placeholder {
    color: #333;
    opacity: 1;
}

#football-form :-ms-input-placeholder {
    color: #333;
}

#football-form .dropdown {
    position: relative;
    display: inline-block;
    margin: 0 0 2.8em;
}

#football-form .dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    display: none;
    margin: 0;
    z-index: 3;
    list-style: none;
    width: 100%;
    padding: 0;
}

#football-form .dropdown:hover .dropdown-menu {
    display: block;
}

#football-form .dropdown.active:hover .dropdown-menu {
    display: none;
}

#football-form .dropdown li {
    margin: 0;
    display: block;
    font-size: 2.6em;
    padding: .2em .4em;
    text-transform: none;
    border: 0;
    font-family: 'Compacta W01 Regular';
    background: #FFF;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

#football-form .dropdown a {
    display: block;
    text-decoration: none;
    padding: 0;
    color: #333;
    margin: 0;
}

#football-form .dropdown a:hover {
    color: #000;
}

#football-form label {
    font-family: "UniversLTW01-57Condense 723821";
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 2em;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

#football-form label:after {
    content: ":";
}

#football-form [type=checkbox]:focus + div {
    box-shadow: #45c0ff 0 0 10px;
}

#football-form .football-form__checkbox {
    position: relative;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: .4em;
    background-color: #fff;
    border: 2px solid #858687;
}

#football-form .football-form__checkbox > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#football-form .football-form__checkbox input {
    width: 20px;
    height: 20px;
    opacity: 0;
}

#football-form .football-form__checkbox div {
    pointer-events: none;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.input-wrap-shadow--submit:after, .input-wrap-shadow:before {
    box-shadow: rgba(0, 0, 0, 0.7) 0 5px 15px;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    display: block;
}

#football-form .football-form__checkbox input:checked + div {
    background: #f8911c;
}

#football-form .football-form__checkbox input:checked + div:after {
    content: '\2713';
    position: absolute;
    font-size: 1.5em;
    left: 0;
    width: 100%;
    top: 0;
}

#football-form .football-form__checkbox + label:after, .input-wrap-shadow--submit:after, .input-wrap-shadow:before {
    content: "";
}

#football-form .football-form__checkbox + label {
    display: block;
    margin-left: 18px;
    margin-top: .1em;
    margin-bottom: 8px;
    font-size: 2em;
    float: left;
    clear: right;
    font-style: italic;
    width: 13.2em;
    text-shadow: (-0.05em) -0.05em 0.1em rgba(0, 0, 0, 0.4), 0 0.02em 0.02em rgba(0, 0, 0, 0.8);
}

#football-form .football-form__checkbox + label a {
    color: #FFF;
}

#football-form .football-form__button-container {
    position: relative;
    width: 100%;
    float: left;
}

#football-form .football-form__league, #football-form .football-form__spfl {
    position: absolute;
    top: 1em;
}

#football-form .football-form__league img, #football-form .football-form__spfl img {
    max-width: 100%;
}

#football-form .football-form__spfl {
    width: 152px;
    height: 46px;
    left: 0;
    margin-left: -18em;
}

#football-form .football-form__league {
    width: 165px;
    height: 47px;
    right: 0;
    margin-right: -18em;
}

#football-form .football-form__message {
    display: block;
    margin: 10px 0 0;
    font-size: 2em;
    font-family: "UniversLTW01-57Condense 723821";
}

#football-form.football-form--submitted .dropdown, #football-form.football-form--submitted input, #football-form.football-form--submitted select {
    opacity: .3;
    background-color: #faffbd;
}

#football-form.football-form--submitted .input-wrap-shadow:after, #football-form.football-form--submitted .input-wrap-shadow:before {
    opacity: 0;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-football-competition {
        background: url(/bundles/irnbruwebsiteframework/scenes/football-competition/background.jpg) 70% 70% no-repeat;
        background-size: cover;
        text-align: center;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

    #scene-football-competition .inner-scene-container, #scene-football-competition.scene-styled .scene-inner {
        width: 100%;
        height: 100%;
        margin: auto;
        top: 0;
        left: 0;
        padding: 0;
    }

    #scene-football-competition #scene-gets-you-through .search-form input, #scene-football-competition #scene-gets-you-through h3, #scene-football-competition .clan .search-form input, #scene-football-competition .clan h4, #scene-football-competition .clan h5, #scene-football-competition h1, #scene-football-competition h2, #scene-gets-you-through #scene-football-competition h3, #scene-gets-you-through .search-form #scene-football-competition input, .clan #scene-football-competition h4, .clan #scene-football-competition h5, .clan .search-form #scene-football-competition input {
        position: relative;
        left: auto;
        top: auto;
        margin: 6em auto 2em;
    }

    #scene-football-competition h1 {
        background: url(/bundles/irnbruwebsiteframework/scenes/football-competition/images/win-mobile@2x.png) center no-repeat;
        background-size: 22.4em 14.8em;
        width: 22.4em;
        height: 14.8em;
    }

    #scene-football-competition #scene-gets-you-through .search-form input, #scene-football-competition #scene-gets-you-through h3, #scene-football-competition .clan .search-form input, #scene-football-competition .clan h4, #scene-football-competition .clan h5, #scene-football-competition h2, #scene-gets-you-through #scene-football-competition h3, #scene-gets-you-through .search-form #scene-football-competition input, .clan #scene-football-competition h4, .clan #scene-football-competition h5, .clan .search-form #scene-football-competition input {
        background: url(/bundles/irnbruwebsiteframework/scenes/football-competition/images/the-ultimate-match-day-experience-mobile@2x.png) center no-repeat;
        background-size: 27.5em 12.6em;
        width: 27.5em;
        height: 12.6em;
        margin: 0 auto 1em;
    }

    #scene-football-competition #football-form, #scene-football-competition .text-container {
        width: auto;
    }

    #scene-football-competition .text-container {
        padding: 0 1em;
        margin-bottom: 1em;
    }

    #scene-football-competition #football-form {
        padding: 3em;
    }

    #scene-football-competition #football-form #scene-gets-you-through .search-form input, #scene-football-competition #football-form #scene-gets-you-through h3, #scene-football-competition #football-form .clan .search-form input, #scene-football-competition #football-form .clan h4, #scene-football-competition #football-form .clan h5, #scene-football-competition #football-form h2, #scene-gets-you-through #scene-football-competition #football-form h3, #scene-gets-you-through .search-form #scene-football-competition #football-form input, .clan #scene-football-competition #football-form h4, .clan #scene-football-competition #football-form h5, .clan .search-form #scene-football-competition #football-form input {
        text-shadow: (-0.02em) -0.02em 0.01em rgba(0, 0, 0, 0.4), 0 0.02em 0.02em rgba(0, 0, 0, 0.6);
        background: 0 0;
        width: auto;
        height: auto;
        margin: auto;
        font-size: 5em;
        position: relative;
        top: auto;
        text-indent: 0;
        left: auto;
    }

    #scene-football-competition #football-form .football-form__column-left, #scene-football-competition #football-form .football-form__column-right {
        float: none;
        width: 100%;
        padding: 0;
    }

    #scene-football-competition #football-form .football-form__checkbox + label {
        margin-left: 10px;
        text-transform: none;
        font-style: italic;
        font-size: 1.7em;
    }

    #scene-football-competition #football-form select {
        margin-bottom: .5em;
    }

    #scene-football-competition #football-form .dropdown, #scene-football-competition #football-form input[type=text], #scene-football-competition #football-form input[type=tel], #scene-football-competition #football-form input[type=date], #scene-football-competition #football-form input[type=email], #scene-football-competition #football-form option, #scene-football-competition #football-form select {
        width: 100%;
        box-sizing: border-box;
    }

    #scene-football-competition .football-form__column-full {
        padding: 0;
        width: 26em;
    }

    #scene-football-competition .football-form__league, #scene-football-competition .football-form__spfl {
        position: relative;
        bottom: auto;
        width: 12em;
        margin: 1em 0 0;
    }

    #scene-football-competition .football-form__spfl {
        left: auto;
        float: left;
    }

    #scene-football-competition .football-form__league {
        right: auto;
        float: right;
    }
}

#scene-g2014 {
    background-color: #cf5802;
}

#scene-g2014 .scene-background {
    height: 145em;
    left: 50%;
    margin-left: -72.5em;
    margin-top: -69.5em;
    position: absolute;
    top: 50%;
    width: 145em;
}

#scene-g2014 .scene-foreground, #scene-g2014 .scene-foreground h1 {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

#scene-g2014 .scene-foreground h1 {
    font-size: 1em;
    line-height: 1;
    text-shadow: 0 .13em .06em #a64600;
}

#scene-g2014 .scene-foreground h1 strong {
    display: block;
    font-weight: 400;
}

#scene-g2014 .scene-foreground h1 .col-1 {
    font-size: 7.4em;
    position: absolute;
    top: 1.7em;
    left: 0;
    width: 50%;
    line-height: .85;
}

#scene-g2014 .scene-foreground h1 .col-1 strong {
    font-size: 1em;
    line-height: .8;
}

#scene-g2014 .scene-foreground h1 .col-2 {
    font-size: 3.9em;
    position: absolute;
    right: 0;
    width: 50%;
    top: 7.8em;
    text-align: left;
    margin-left: 17em;
    left: 0;
}

#scene-g2014 .scene-foreground h1 .col-2 strong {
    font-size: 1.641em;
    line-height: .8;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-g2014 .scene-inner {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    #scene-g2014 .scene-background {
        margin: -23em 0 0 -24em;
        padding: 0;
        width: 48em;
        top: 50%;
        left: 50%;
    }

    #scene-g2014 .scene-foreground h1 .col-1 {
        font-size: 2.6em;
        left: 50%;
        margin-left: -6em;
        margin-top: -1em;
        top: 50%;
    }

    #scene-g2014 .scene-foreground h1 .col-2 {
        font-size: 1.6em;
        top: 50%;
        left: 50%;
        margin-left: 4em;
        margin-top: -1.1em;
    }
}

@media only screen and (max-device-width: 380px), screen and (max-width: 380px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-g2014 .scene-background {
        left: 50%;
        margin: -31em 0 0 -24.5em;
        padding: 0;
        top: 50%;
        width: 70em;
    }

    #scene-g2014 .scene-foreground h1 {
        position: absolute;
        left: 0;
        width: auto;
        margin: -7em 0 0;
        padding-left: 4em;
        top: 50%;
        height: auto;
    }

    #scene-g2014 .scene-foreground h1 .col-1, #scene-g2014 .scene-foreground h1 .col-2 {
        position: static;
        top: 0;
        left: 0;
        margin: 0;
        bottom: auto;
        right: auto;
        display: block;
        width: 100%;
    }

    #scene-g2014 .scene-foreground h1 .col-1 {
        font-size: 3.5em;
        margin-bottom: .3em;
    }

    #scene-g2014 .scene-foreground h1 .col-1 strong {
        font-size: 2em;
    }

    #scene-g2014 .scene-foreground h1 .col-2 strong {
        margin-bottom: .1em;
    }
}

.input-wrap-shadow {
    position: relative;
    display: block;
    min-height: 28px;
}

.input-wrap-shadow input {
    position: absolute;
    z-index: 1;
}

.input-wrap-shadow:before {
    position: absolute;
    top: 72%;
    left: 22%;
    height: 20%;
    width: 80%;
    z-index: 0;
    -moz-transform: rotate(1.4deg);
    -ms-transform: rotate(1.4deg);
    -webkit-transform: rotate(1.4deg);
    transform: rotate(1.4deg);
    transition: opacity .2s ease-in-out;
}

.input-wrap-shadow--submit {
    width: 111px;
    height: 63px;
    float: left;
}

.input-wrap-shadow--submit input {
    position: absolute;
    z-index: 1;
}

.input-wrap-shadow--submit:before {
    left: 6%;
    top: 70%;
    width: 90%;
    -moz-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
}

.input-wrap-shadow--submit:after {
    position: absolute;
    left: 6%;
    top: 70%;
    width: 90%;
    height: 20%;
    z-index: 0;
    -moz-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
    transition: opacity .2s ease-in-out;
}

#scene-get-a-grip-sign-up {
    background: url(/bundles/irnbruwebsiteframework/scenes/get-a-grip/background-form.jpg) 70% 70% no-repeat;
    background-size: cover;
}

#scene-get-a-grip-sign-up h1 {
    font-family: UniversLTW01-67BoldCn;
    font-size: 5.5em;
    text-transform: uppercase;
}

#get-a-grip-form {
    max-width: 350px;
}

#get-a-grip-form input {
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

#get-a-grip-form input[type=text], #get-a-grip-form input[type=email] {
    display: block;
    border: 2px solid #858687;
    width: 100%;
    height: 28px;
    font-size: 16px;
    padding: 0 5px;
}

#get-a-grip-form input[type=submit] {
    font-family: "UniversLTW01-57Condense 723821";
    display: block;
    float: left;
    clear: both;
    background: #154194;
    border: 3px solid #4f75bd;
    border-radius: 0;
    margin-top: 10px;
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 2.3em;
    color: #fff;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

#get-a-grip-form input[type=submit][disabled] {
    border-color: #ccc;
    background-color: #ddd;
}

#get-a-grip-form input[type=submit]:hover:not([disabled]) {
    background-color: #f8911c;
    border-color: #f8c183;
}

#get-a-grip-form label {
    font-family: "UniversLTW01-57Condense 723821";
    display: block;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 2em;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

#get-a-grip-form label:after {
    content: ":";
}

#get-a-grip-form .get-a-grip-form__checkbox + label:after, #scene-get-a-grip .get-a-grip:before, #scene-get-a-grip .get-a-grip__hand, #scene-get-a-grip .side-panel:before {
    content: "";
}

#get-a-grip-form [type=checkbox]:focus + div {
    box-shadow: #45c0ff 0 0 10px;
}

#get-a-grip-form .get-a-grip-form__checkbox {
    position: relative;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 30px;
    background-color: #fff;
    border: 2px solid #858687;
}

#get-a-grip-form .get-a-grip-form__checkbox > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#get-a-grip-form .get-a-grip-form__checkbox input {
    width: 20px;
    height: 20px;
    opacity: 0;
}

#get-a-grip-form .get-a-grip-form__checkbox div {
    pointer-events: none;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

#get-a-grip-form .get-a-grip-form__checkbox input:checked + div {
    background-color: #f8911c;
}

#get-a-grip-form .get-a-grip-form__checkbox + label {
    display: block;
    margin-left: 40px;
    margin-top: 25px;
    font-size: 1.6em;
}

#get-a-grip-form .get-a-grip-form__message {
    display: block;
    margin: 20px 0 0 130px;
    font-size: 2em;
    font-family: "UniversLTW01-57Condense 723821";
}

#get-a-grip-form.get-a-grip-form--submitted input {
    opacity: .3;
}

#get-a-grip-form.get-a-grip-form--submitted .input-wrap-shadow:after, #get-a-grip-form.get-a-grip-form--submitted .input-wrap-shadow:before, #scene-get-a-grip.video-started .get-a-grip:before, #scene-get-a-grip.video-started .get-a-grip__subtitle, #scene-get-a-grip.video-started .get-a-grip__warning {
    opacity: 0;
}

@media (max-width: 1170px) {
    #scene-get-a-grip-sign-up {
        background-position: initial;
    }

    #scene-get-a-grip-sign-up .scene-inner {
        margin-left: -220px;
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    #scene-get-a-grip-sign-up h1 {
        font-size: 5em;
    }

    #scene-get-a-grip-sign-up #get-a-grip-form {
        max-width: 300px;
    }

    #scene-get-a-grip-sign-up #get-a-grip-form [type=submit] {
        margin-bottom: 30px;
    }
}

#scene-get-a-grip .get-a-grip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    pointer-events: none;
}

#scene-get-a-grip .get-a-grip:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/bundles/irnbruwebsiteframework/scenes/get-a-grip/background.jpg);
    background-size: cover;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}

#scene-get-a-grip .get-a-grip__hand {
    display: block;
    position: absolute;
    height: 100%;
    right: -7%;
    bottom: -5%;
    left: 0;
    background-image: url(/bundles/irnbruwebsiteframework/scenes/get-a-grip/hand.png);
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: center;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#scene-get-a-grip .get-a-grip__play-btn, #scene-get-a-grip .get-a-grip__subtitle, #scene-get-a-grip .get-a-grip__title, #scene-get-a-grip .get-a-grip__warning {
    left: 0;
    margin: 0 auto;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    right: 0;
    position: absolute;
}

#scene-get-a-grip .get-a-grip__warning {
    top: 20px;
    max-width: 500px;
    text-align: center;
    text-transform: uppercase;
    font-family: "UniversLTW01-57Condense 723821";
    font-size: 1.8em;
    text-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
    transition: all .5s ease-in-out;
}

#scene-get-a-grip .get-a-grip__play-btn, #scene-get-a-grip .get-a-grip__subtitle, #scene-get-a-grip .get-a-grip__title {
    display: block;
    text-indent: -9999px;
    background-repeat: no-repeat;
    transition: all .5s ease-in-out;
}

#scene-get-a-grip .get-a-grip__title {
    top: 15%;
    left: 5%;
    max-width: 580px;
    height: 190px;
    background-image: url(/bundles/irnbruwebsiteframework/scenes/get-a-grip/get-a-grip.png);
}

#scene-get-a-grip .get-a-grip__subtitle {
    bottom: 0;
    left: 5%;
    max-width: 390px;
    height: 130px;
    background-image: url(/bundles/irnbruwebsiteframework/scenes/get-a-grip/watch-the-ad.png);
}

#scene-get-a-grip .get-a-grip__play-btn {
    border: none;
    background-color: transparent;
    background-image: url(/bundles/irnbruwebsiteframework/scenes/get-a-grip/play-button.png);
    width: 139px;
    height: 139px;
    top: 50%;
    outline: 0;
}

#scene-get-a-grip .side-panel {
    position: absolute;
    top: calc(50% - 220px);
    width: 226px;
    height: 269px;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#scene-get-a-grip .side-panel:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 226px;
    height: 269px;
    background-image: url(/bundles/irnbruwebsiteframework/scenes/get-a-grip/side-panel.png);
}

#scene-get-a-grip .side-panel__promo {
    position: absolute;
    top: 37px;
    left: 16px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

#scene-get-a-grip .side-panel--left {
    left: 0;
}

#scene-get-a-grip .side-panel--left .side-panel__promo {
    background-image: url(/bundles/irnbruwebsiteframework/scenes/get-a-grip/side-panel-grip.png);
}

#scene-get-a-grip .side-panel--right {
    right: 0;
}

#scene-get-a-grip .side-panel--right .side-panel__promo {
    left: 46px;
    background-image: url(/bundles/irnbruwebsiteframework/scenes/get-a-grip/side-panel-train.png);
}

#scene-get-a-grip .side-panel--right:before {
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#scene-get-a-grip.video-started .get-a-grip__hand, #scene-get-a-grip.video-started .get-a-grip__subtitle {
    -moz-transform: translate(0, 300%);
    -ms-transform: translate(0, 300%);
    -webkit-transform: translate(0, 300%);
    transform: translate(0, 300%);
}

#scene-get-a-grip.video-started .get-a-grip__title {
    opacity: 0;
    -moz-transform: translate(0, -150%);
    -ms-transform: translate(0, -150%);
    -webkit-transform: translate(0, -150%);
    transform: translate(0, -150%);
}

#scene-get-a-grip.video-started .get-a-grip__play-btn {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

#scene-get-a-grip.video-started .side-panel--right {
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

#scene-get-a-grip.video-started .side-panel--left {
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

@media (max-width: 1170px) {
    #scene-get-a-grip .side-panel--left {
        -moz-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }

    #scene-get-a-grip .side-panel--right {
        -moz-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    #scene-get-a-grip .get-a-grip__warning {
        font-size: 1.3em;
        top: 75px;
    }

    #scene-get-a-grip .get-a-grip__subtitle {
        max-height: 190px;
        height: initial;
        bottom: 23%;
    }

    #scene-get-a-grip .get-a-grip__subtitle, #scene-get-a-grip .get-a-grip__title {
        background-size: contain;
        background-position: center;
    }

    #scene-get-a-grip .get-a-grip__title {
        height: 20%;
        top: 18%;
        margin-top: 30px;
    }

    #scene-get-a-grip .get-a-grip__play-btn {
        background-size: contain;
        top: 45%;
        width: 80px;
        height: 80px;
    }

    #scene-get-a-grip .get-a-grip__hand {
        background-size: auto 90%;
        background-position: 40% bottom;
        bottom: 0;
    }
}

@media (max-width: 1170px) and (orientation: landscape) {
    #scene-get-a-grip .get-a-grip__warning {
        top: 60px;
    }

    #scene-get-a-grip .get-a-grip__title {
        top: 25%;
    }

    #scene-get-a-grip .get-a-grip__subtitle {
        bottom: 0;
    }

    #scene-get-a-grip .get-a-grip__play-btn {
        top: 54%;
        width: 50px;
        height: 50px;
    }
}

#prevnext.js-prevnext--get-a-grip-desktop .prevnext-link {
    display: block;
    top: calc(50% - 190px);
    height: 240px;
    box-sizing: border-box;
    width: 200px;
    background-image: none;
}

#prevnext.js-prevnext--get-a-grip-desktop .prevnext-link.prevnext-link-prev span {
    left: 10px;
}

#prevnext.js-prevnext--get-a-grip-desktop .prevnext-link.prevnext-link-next span {
    right: 0;
}

#prevnext.js-prevnext--get-a-grip-desktop .prevnext-link.prevnext-link-prev:hover span {
    background-position: left -60px;
}

#prevnext.js-prevnext--get-a-grip-desktop .prevnext-link.prevnext-link-next:hover span {
    background-position: right -60px;
}

#prevnext.js-prevnext--get-a-grip-desktop .prevnext-link span {
    background-repeat: no-repeat;
    width: 60px;
    height: 50px;
    bottom: 0;
    position: absolute;
}

@media (orientation: portrait) {
    .js-prevnext--get-a-grip-mobile {
        display: block;
        position: absolute;
        top: initial;
        right: 30px;
        bottom: 10px;
        left: 30px;
        height: 115px;
    }

    .js-prevnext--get-a-grip-mobile .prevnext-link {
        display: block;
        float: left;
        position: relative;
        width: calc(50% - 10px);
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center bottom;
        margin-top: 0;
        left: initial;
        top: initial;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .js-prevnext--get-a-grip-mobile .prevnext-link span {
        visibility: hidden;
    }

    .js-prevnext--get-a-grip-mobile .prevnext-link:hover {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    .js-prevnext--get-a-grip-mobile .prevnext-link-prev {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/get-a-grip/side-panel-mobile-grip.png);
    }

    .js-prevnext--get-a-grip-mobile .prevnext-link-next {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/get-a-grip/side-panel-mobile-train.png);
        margin-left: 20px;
    }
}

#scene-gets-you-through {
    background: url(/bundles/irnbruwebsiteframework/scenes/gets-you-through/background.jpg) center center repeat-x #0284e2;
    background-size: cover;
}

#scene-gets-you-through .clan h4, #scene-gets-you-through .clan h5, #scene-gets-you-through .search-form input, #scene-gets-you-through h2, #scene-gets-you-through h3, .clan #scene-gets-you-through h4, .clan #scene-gets-you-through h5, .clan .search-form #scene-gets-you-through input {
    text-shadow: (-0.02em) -0.02em 0.01em rgba(255, 255, 255, 0.4), 0 0.02em 0.02em rgba(0, 0, 0, 0.6);
    margin: 0 0 .3em;
    font-family: 'Compacta W01 Light';
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

#scene-gets-you-through h3 {
    font-size: 3.8em;
    line-height: .9em;
    margin-top: 0;
    margin-bottom: .1em;
    text-transform: uppercase;
}

#scene-gets-you-through .gets-you-through-title {
    background: url(/bundles/irnbruwebsiteframework/scenes/gets-you-through/irn-bru-gets-you-through.png) center center no-repeat;
    width: 52.6em;
    height: 20.6em;
    margin-left: -26.3em;
    margin-top: -35em;
    z-index: 2;
}

#scene-gets-you-through .gets-you-through-title h1 {
    text-indent: -999em;
}

#scene-gets-you-through .gets-you-through-bottles {
    height: 26.6em;
    margin-top: 4em;
    margin-left: -54em;
    z-index: 2;
    width: 16em;
    overflow: visible;
}

#scene-gets-you-through .gets-you-through-bottles img {
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    max-width: none;
    pointer-events: none;
}

#scene-gets-you-through .gets-you-through-bottles a {
    margin-top: 9.7em;
    margin-left: 8.5em;
    color: #FFF;
    text-decoration: none;
    font-size: 1.8em;
    text-indent: 0;
    display: block;
    text-transform: uppercase;
    position: absolute;
    z-index: 2;
    top: 0;
    width: 11em;
    height: 2em;
    padding: 1em;
}

#scene-gets-you-through .tv-frame, #scene-gets-you-through .tv-static {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    width: 100%;
    height: auto;
    z-index: 1;
}

#scene-gets-you-through .tv-player {
    z-index: 1;
}

#scene-gets-you-through .old-ads-frame {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -31.6em;
    margin-top: -26.5em;
    width: 63.2em;
    height: 53em;
    overflow: hidden;
}

#scene-gets-you-through .gets-you-through-fanny-box {
    width: 34.6em;
    height: 26.4em;
    margin-top: 5em;
    margin-left: 22.2em;
    text-indent: 0;
    z-index: 2;
}

#scene-gets-you-through .gets-you-through-fanny-box a {
    text-decoration: none;
}

#scene-gets-you-through .gets-you-through-fanny-box h3 {
    padding-right: .5em;
}

#scene-gets-you-through .gets-you-through-fanny-box .fanny {
    background: url(/bundles/irnbruwebsiteframework/scenes/gets-you-through/fanny.png) top left no-repeat;
    width: 17.3em;
    height: 21em;
    float: left;
    margin-top: .2em;
}

#scene-gets-you-through .gets-you-through-fanny-box .fanny .clan h4, #scene-gets-you-through .gets-you-through-fanny-box .fanny .clan h5, #scene-gets-you-through .gets-you-through-fanny-box .fanny .search-form input, #scene-gets-you-through .gets-you-through-fanny-box .fanny h2, #scene-gets-you-through .gets-you-through-fanny-box .fanny h3, #scene-gets-you-through .search-form .gets-you-through-fanny-box .fanny input, .clan #scene-gets-you-through .gets-you-through-fanny-box .fanny h4, .clan #scene-gets-you-through .gets-you-through-fanny-box .fanny h5, .clan .search-form #scene-gets-you-through .gets-you-through-fanny-box .fanny input {
    text-indent: -999em;
}

#scene-gets-you-through .overlaying-container {
    z-index: 2;
}

#scene-gets-you-through .gtt-video-block {
    z-index: 1;
    background: 0 0;
}

#scene-gets-you-through .gtt-video-block:after {
    content: initial;
    background: 0 0;
}

#scene-gets-you-through .gtt-video-block a {
    height: 40em;
    overflow: visible;
}

#scene-gets-you-through .gtt-video-block img {
    width: 71.4em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15em;
    margin-left: -35.7em;
}

#scene-gets-you-through .search-form input {
    font-size: 5.795em;
    padding: .16em;
    border: 0;
    text-align: center;
    font-family: 'Compacta W01 Italic';
    text-shadow: 0 0.02em 0.02em rgba(0, 0, 0, 0.6);
    opacity: .7;
    color: #000;
    margin: 0;
}

#scene-gets-you-through .search-form input.active, #scene-history .polaroid img {
    opacity: 1;
}

#scene-gets-you-through .search-form input[type=submit] {
    background: url(/bundles/irnbruwebsiteframework/scenes/gets-you-through/go-button.png) top center no-repeat;
    background-size: 100%;
    text-indent: -999em;
    width: 1.8em;
    height: 1.5em;
    margin: 0;
    float: right;
    padding: 0;
}

#scene-gets-you-through .search-form input[type=submit].searching {
    background: url(/bundles/irnbruwebsiteframework/images/loader.gif) center center no-repeat #000;
    background-size: 80%;
    border-radius: 50%;
    width: 1.5em;
    outline: 0;
}

#scene-gets-you-through .campaign-subscribe {
    width: 33em;
    padding: .8em;
    height: 3.6em;
    left: 0;
    background: #FFF;
    border-radius: .4em;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    max-width: 38em;
    margin-top: .8em;
    bottom: 0;
    position: absolute;
}

#scene-gets-you-through .campaign-subscribe input {
    font-size: 2.847em;
}

#scene-gets-you-through .campaign-subscribe input[type=text] {
    text-align: left;
    font-style: normal;
    text-shadow: none;
    font-family: "Compacta W01 Light";
    padding: .1em .16em;
}

#scene-gets-you-through .campaign-subscribe input[type=submit] {
    width: 1.6em;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    #scene-gets-you-through {
        max-width: 100%;
    }

    #scene-gets-you-through.form-focussed .gets-you-through-bottles, #scene-gets-you-through.form-focussed .gets-you-through-fanny-box .fanny, #scene-gets-you-through.form-focussed .gets-you-through-fanny-box .orange, #scene-gets-you-through.form-focussed .gets-you-through-title, #scene-gets-you-through.form-focussed .gtt-video-block {
        display: none;
    }

    #scene-gets-you-through.form-focussed .campaign-subscribe {
        display: block;
        margin: 2em auto 0;
        float: none;
    }

    #scene-gets-you-through.form-focussed .gets-you-through-fanny-box h3 {
        height: 2em;
    }

    #scene-gets-you-through.form-focussed .content-container {
        margin-top: 8em;
    }

    #scene-gets-you-through.scene-styled .scene-inner {
        width: 100%;
        height: 100%;
        margin: auto;
        top: 0;
        left: 0;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

    #scene-gets-you-through .gtt-video-block {
        padding: 0;
        width: 30em;
        height: 25.8em;
        margin: -4.5em auto auto;
        left: auto;
        top: auto;
        position: relative;
        z-index: 2;
    }

    #scene-gets-you-through .gtt-video-block img {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        box-sizing: border-box;
        margin: auto;
    }

    #scene-gets-you-through .gets-you-through-title {
        background-size: contain;
        background-position: top center;
        pointer-events: none;
        width: 24em;
        height: 12.8em;
        z-index: 3;
        position: relative;
        top: auto;
        margin: 5em auto auto -12em;
    }

    #scene-gets-you-through .content-container {
        position: relative;
        margin-top: -4.5em;
        z-index: 2;
    }

    #scene-gets-you-through .gets-you-through-bottles, #scene-gets-you-through .gets-you-through-fanny-box {
        position: relative;
    }

    #scene-gets-you-through .scene-inner {
        -webkit-overflow-scrolling: touch;
    }

    #scene-gets-you-through .campaign-subscribe {
        width: 32em;
        box-sizing: border-box;
        height: 5.2em;
        float: left;
        left: auto;
        position: relative;
        margin: auto;
    }

    #scene-gets-you-through .gets-you-through-fanny-box {
        height: 20em;
        margin-top: .1em;
        margin-left: -17.3em;
        text-indent: 0;
        z-index: 2;
        top: auto;
        margin-bottom: 2em;
    }

    #scene-gets-you-through .gets-you-through-fanny-box h3 {
        font-size: 2.6em;
        margin: auto;
    }

    #scene-gets-you-through .gets-you-through-fanny-box .fanny {
        width: 8.4em;
        height: 10.8em;
        background-size: contain;
        margin: -.5em 1em 1em;
    }

    #scene-gets-you-through .gets-you-through-bottles a {
        margin-top: 8.5em;
        margin-left: 7em;
        color: #FFF;
        text-decoration: none;
        font-size: 1em;
        text-indent: 0;
        display: block;
        text-transform: uppercase;
    }

    #scene-gets-you-through .gets-you-through-bottles {
        width: 8em;
        height: 13.65em;
        margin-top: 0;
        margin-left: -11em;
        z-index: 2;
        background-size: contain;
    }

    #scene-gets-you-through .gets-you-through-bottles img {
        width: 18.8em;
    }
}

@media only screen and (max-width: 380px), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    #scene-gets-you-through .gets-you-through-title {
        width: 24em;
        height: 21em;
        margin-top: 6.5em;
        margin-left: -12em;
    }

    #scene-gets-you-through.form-focussed .campaign-subscribe {
        width: auto;
        float: none;
        position: fixed;
        box-sizing: border-box;
        left: 0;
        right: 0;
        margin: 3em 2em 0;
        bottom: auto;
    }

    #scene-gets-you-through.form-focussed .gets-you-through-fanny-box {
        padding: 0 2em;
        position: fixed;
        top: 6em;
        left: 0;
        width: 100%;
        height: 12em;
        margin-top: 0;
        box-sizing: border-box;
        margin-bottom: 0;
        right: 0;
    }

    #scene-gets-you-through .gtt-video-block {
        margin-top: -11.5em;
    }

    #scene-gets-you-through .content-container {
        margin-top: -10em;
    }

    #scene-gets-you-through .gets-you-through-fanny-box {
        width: 100%;
        height: 17em;
        max-width: none;
        text-indent: 0;
        top: auto;
        bottom: 0;
        padding: 0 3em;
        margin-left: auto;
        margin-bottom: 3em;
        box-sizing: border-box;
        left: auto;
    }

    #scene-gets-you-through .gets-you-through-fanny-box h3 {
        font-size: 2.6em;
        margin: 0 auto auto;
    }

    #scene-gets-you-through .gets-you-through-fanny-box .fanny {
        width: 8.4em;
        margin-bottom: .5em;
        float: left;
        margin-right: 1em;
        background-size: contain;
        margin-top: -.2em;
    }

    #scene-gets-you-through .gets-you-through-bottles {
        margin-left: -11em;
        margin-top: 4.5em;
        margin-bottom: 1em;
    }

    #scene-gets-you-through .campaign-subscribe {
        width: 100%;
        box-sizing: border-box;
    }
}

#scene-glasgow2014 {
    background: url(/bundles/irnbruwebsiteframework/scenes/glasgow2014/images/background.jpg) center center no-repeat #3970af;
    background-size: cover;
}

#scene-glasgow2014 .inner-scene-container {
    width: 128em;
    height: 81.4em;
    position: absolute;
    margin-left: -64em;
    margin-top: -37.6em;
    left: 50%;
    top: 50%;
}

#scene-glasgow2014 .scene-foreground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#scene-glasgow2014 .scene-foreground .headline h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -48em;
    margin-top: -30em;
    text-indent: -999em;
    display: block;
    width: 96em;
    height: 8em;
    background: url(/bundles/irnbruwebsiteframework/scenes/glasgow2014/images/proud-supporter-of-glasgow.png) center center no-repeat;
    background-size: contain;
    font-size: 1em;
}

#scene-glasgow2014 .scene-foreground .button {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: 25em;
    margin-top: -22em;
    text-indent: -999em;
    width: 23em;
    height: 4.4em;
}

#scene-glasgow2014 .scene-foreground .button a {
    display: block;
    text-indent: -999em;
    width: 23em;
    height: 4.4em;
    background: url(/bundles/irnbruwebsiteframework/scenes/glasgow2014/images/have-a-gander.png) center center no-repeat;
    background-size: contain;
    right: auto;
    z-index: 1;
}

#scene-glasgow2014 .scene-foreground .content {
    width: 128em;
    height: 81.4em;
    position: absolute;
    margin-left: -64em;
    margin-top: -40.7em;
    left: 50%;
    top: 50%;
    background: url(/bundles/irnbruwebsiteframework/scenes/glasgow2014/images/all-content.png) center center no-repeat;
    background-size: contain;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-glasgow2014 .inner-scene-container, #scene-glasgow2014 .scene-inner {
        width: 100%;
        height: 100%;
        position: absolute;
        margin-left: 0;
        margin-top: 0;
        left: 0;
        top: 0;
    }

    #scene-glasgow2014 .scene-foreground .headline h1 {
        width: 70%;
        height: 20%;
        position: absolute;
        margin-left: -35%;
        margin-top: -24%;
        left: 50%;
        top: 50%;
    }

    #scene-glasgow2014 .scene-foreground .button {
        margin-left: 16%;
        margin-top: -16%;
        width: 13.5em;
        height: 3em;
    }

    #scene-glasgow2014 .scene-foreground .button a {
        display: block;
        position: relative;
        text-indent: -999em;
        width: 13.5em;
        height: 3em;
    }

    #scene-glasgow2014 .scene-foreground .content {
        width: 100%;
        height: 100%;
        position: absolute;
        margin-left: -50%;
        margin-top: -27.5%;
        left: 50%;
        top: 50%;
    }
}

@media only screen and (max-device-width: 380px), screen and (max-width: 380px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-glasgow2014 {
        background: url(/bundles/irnbruwebsiteframework/scenes/glasgow2014/images/background-mobile.jpg) center center no-repeat #3970af;
        background-size: cover;
    }

    #scene-glasgow2014 .scene-foreground .headline h1 {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -11.5em;
        margin-top: -20em;
        text-indent: -999em;
        display: block;
        width: 23em;
        height: 7.2em;
        background: url(/bundles/irnbruwebsiteframework/scenes/glasgow2014/images/proud-supporter-of-glasgow-mobile.png) center center no-repeat;
        background-size: cover;
        font-size: 1em;
    }

    #scene-glasgow2014 .scene-foreground .content {
        width: 100%;
        height: 100%;
        position: absolute;
        margin-left: 0;
        margin-top: 0;
        left: 0;
        top: 0;
        background: url(/bundles/irnbruwebsiteframework/scenes/glasgow2014/images/mobile-content.png) center center no-repeat;
        background-size: contain;
    }

    #scene-glasgow2014 .scene-foreground .button {
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        margin-left: 0;
        margin-top: -13em;
        text-indent: -999em;
        width: 13.5em;
        height: 4.4em;
    }

    #scene-glasgow2014 .scene-foreground .button a {
        background-size: contain;
        width: 13.5em;
        height: 3em;
    }
}

#scene-history {
    background-color: #edeeef;
}

#scene-history .scene-background {
    width: 145em;
    height: 145em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -62.3em 0 0 -72.5em;
}

#scene-history .scene-background img {
    width: 100%;
    max-width: none;
    height: auto;
}

#scene-history .polaroid {
    width: 20.9em;
    height: 23.3em;
    display: block;
    background: url(polaroid.png) no-repeat;
    background-size: 20.9em 23.3em;
    position: absolute;
    cursor: default;
}

#scene-history .polaroid figcaption, #scene-history .polaroid img {
    position: absolute;
    top: 1.3em;
    left: 2.3em;
    width: 16.2em;
    height: 16em;
}

#scene-history .polaroid figcaption {
    opacity: 0;
}

#scene-history .polaroid.visible img, #scene-history .polaroid:hover img {
    opacity: .2;
}

#scene-history .polaroid.visible figcaption, #scene-history .polaroid:hover figcaption {
    opacity: 1;
}

#scene-history .polaroid figcaption div {
    margin: 3em 2.25em;
}

#scene-history .polaroid figcaption p {
    font-family: "UniversLTW01-57Condense 723821";
    font-size: 1.4em;
    text-transform: uppercase;
    line-height: 1.2;
}

#scene-history header p, #scene-rfl .scene-foreground, #scene-sfl .more-link, #scene-sfl .scene-foreground, .scene.twitter #twitter-tweet .twitter-by p, .scene.twitter .scene-inner p {
    font-family: UniversLTW02-59UltraCn;
}

#scene-history .scene-background {
    margin-top: -67em;
}

#scene-history #polaroid-1 {
    left: -5em;
}

#scene-history #polaroid-2 {
    left: 4em;
    top: 15em;
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}

#scene-history #polaroid-3 {
    left: 20.5em;
    top: -2em;
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

#scene-history #polaroid-4 {
    left: 36.5em;
    top: 8.5em;
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

#scene-history #polaroid-5 {
    left: 24.3em;
    top: 27.8em;
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

#scene-history #polaroid-6 {
    left: 52.8em;
    top: -1.2em;
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

#scene-history #polaroid-7 {
    left: 55em;
    top: 27em;
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}

#scene-history #polaroid-8 {
    left: 73em;
    top: 0;
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

#scene-history #polaroid-9 {
    left: 87.5em;
    top: 13em;
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}

#scene-history #polaroid-10 {
    left: 73em;
    top: 24em;
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

#scene-history #ropes {
    width: 102.1em;
    height: 34.9em;
    background: url(ropes.png) no-repeat;
    background-size: 102.1em 34.9em;
    left: 50%;
    margin-left: -51em;
    margin-top: -4em;
    position: absolute;
    top: 50%;
}

#scene-history .circle-1 {
    left: -3.1em;
    top: 23em;
}

#scene-history .circle-2 {
    left: 11em;
    top: 38.6em;
}

#scene-history .circle-3 {
    left: 25.4em;
    top: 21.6em;
}

#scene-history .circle-4 {
    left: 41.5em;
    top: 31.5em;
}

#scene-history .circle-5 {
    left: 38em;
    top: 49em;
}

#scene-history .circle-6 {
    left: 58em;
    top: 23em;
}

#scene-history .circle-7 {
    left: 68.3em;
    top: 51em;
}

#scene-history .circle-8 {
    left: 80em;
    top: 23em;
}

#scene-history .circle-9 {
    left: 94em;
    top: 37em;
}

#scene-history .circle-10 {
    left: 87em;
    top: 47em;
}

#scene-history header {
    left: 50%;
    margin-left: -2em;
    position: absolute;
    top: -12.5em;
    width: 100%;
}

#scene-history h1 {
    color: #008BD0;
    font-size: 5.6em;
    line-height: .45;
}

#scene-history h1 .highlight {
    color: #aa190a;
}

#scene-history h1 .large {
    font-size: 1.607em;
}

#scene-history h1 .medium {
    font-size: 1.357em;
}

#scene-history header p {
    font-size: 2.8em;
    color: #8a7e75;
    line-height: 1.2;
    text-transform: uppercase;
    padding-left: 4.5em;
}

#scene-history #scene-drinks-timeline {
    position: relative;
    top: 5em;
}

#scene-history .cover {
    margin-top: 5em;
}

#scene-history .circle {
    width: 5.6em;
    height: 5.6em;
    background: url(circles.png) no-repeat;
    background-size: 5.6em 11.6em;
    font-size: 1em;
    position: absolute;
    text-align: center;
    margin: 0;
    z-index: 1;
}

.backgroundsize #scene-history .circle {
    background-image: url(circles@2x.png);
}

#scene-history .circle span {
    font-size: 2em;
    line-height: 2.8em;
    vertical-align: middle;
    display: block;
    height: 2.8em;
}

#scene-history .circle.visible {
    background-position: 0 -6em;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #viewport #scene-history .circle {
        font-size: 1.2em;
        bottom: auto;
        left: 6em;
        right: auto;
        top: 15em;
    }

    #viewport #scene-history .polaroid {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 0 -22.9em;
        float: left;
    }

    .timeline-mobile-item {
        margin: 0 5em;
        padding-left: 22.9em;
        clear: both;
        position: relative;
        height: 27em;
        background: url(rope-mobile.png) 10.3em 0 no-repeat;
        background-size: 1.5em 28.6em;
    }

    .timeline-mobile-item:last-child {
        background-image: none;
    }

    .timeline-mobile-item figcaption {
        padding-top: 2em;
    }

    .timeline-mobile-item figcaption p {
        color: #6a5a4d;
        font-family: UniversLTW02-59UltraCn;
        font-size: 2.6em;
        text-transform: uppercase;
        line-height: 1;
    }

    #scene-history .scene-inner {
        font-size: .4em;
    }

    #scene-history .polaroid:hover img {
        opacity: 1;
    }

    #scene-history .polaroid figcaption {
        margin-left: 22em;
        display: block;
        opacity: 1;
    }

    #scene-history hgroup h1 small {
        font-size: 4.4em;
    }

    #scene-history hgroup h1 strong {
        font-size: 6.2em;
        margin-right: .2em;
    }

    #scene-history hgroup h1 span {
        display: inline;
        font-size: 6.2em;
    }

    #scene-history hgroup h1 {
        margin-bottom: .5em;
    }

    #scene-history hgroup {
        left: 0;
        margin-left: 0;
        font-size: 1.25em;
        margin-top: -35em;
        padding: 0 1.75em;
        width: 75%;
    }

    #scene-gets-you-through #scene-history hgroup h3, #scene-gets-you-through .search-form #scene-history hgroup input, #scene-history hgroup #scene-gets-you-through .search-form input, #scene-history hgroup #scene-gets-you-through h3, #scene-history hgroup .clan .search-form input, #scene-history hgroup .clan h4, #scene-history hgroup .clan h5, #scene-history hgroup h2, .clan #scene-history hgroup h4, .clan #scene-history hgroup h5, .clan .search-form #scene-history hgroup input {
        font-size: 2.4em;
    }

    #scene-history {
        height: 174em;
        background-color: #e5e5e5;
    }

    #scene-history .scene-background {
        margin-top: 0;
        top: 0;
        width: 269em;
    }

    #scene-history header {
        margin: 0;
        top: 0;
        position: static;
        width: 100%;
        padding: 0;
    }

    #scene-history #ropes {
        display: none;
    }

    #scene-history #polaroid-1 {
        left: 8em;
        top: 18em;
    }

    #scene-history #polaroid-2 {
        left: 30em;
        top: 33em;
    }

    #scene-history #polaroid-3 {
        left: 7em;
        top: 49em;
    }

    #scene-history #polaroid-4 {
        left: 30em;
        top: 63em;
    }

    #scene-history #polaroid-5 {
        left: 8em;
        top: 78em;
    }

    #scene-history #polaroid-6 {
        left: 29em;
        top: 93em;
    }

    #scene-history #polaroid-7 {
        left: 30em;
        top: 124em;
    }

    #scene-history #polaroid-8 {
        left: 8em;
        top: 109em;
    }

    #scene-history #polaroid-9 {
        left: 8em;
        top: 139em;
    }

    #scene-history #polaroid-10 {
        left: 32em;
        top: 154em;
    }

    #scene-history #scene-drinks-timeline {
        font-size: 1.5em;
        width: 100%;
    }

    #scene-history .circle {
        font-size: 2em;
    }

    #scene-history .circle-1 {
        left: 10.9em;
        top: 31em;
    }

    #scene-history .circle-2 {
        left: 25.9em;
        top: 42em;
    }

    #scene-history .circle-3 {
        left: 10.9em;
        top: 54em;
    }

    #scene-history .circle-4 {
        left: 25.9em;
        top: 65em;
    }

    #scene-history .circle-5 {
        left: 10.9em;
        top: 76em;
    }

    #scene-history .circle-6 {
        left: 25.9em;
        top: 88em;
    }

    #scene-history .circle-7 {
        left: 10.9em;
        top: 99em;
    }

    #scene-history .circle-8 {
        left: 25.9em;
        top: 111em;
    }

    #scene-history .circle-9 {
        left: 10.9em;
        top: 122em;
    }

    #scene-history .circle-10 {
        left: 26.9em;
        top: 134em;
    }

    #scene-history .scene-background {
        margin-left: -75em;
    }

    #scene-history header {
        margin-left: 16em;
    }

    #scene-history .scene-inner {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        margin: 0;
    }
}

#scene-ice-cream .best-thing, #scene-ice-cream .headline, #scene-ice-cream .lolly, #scene-ice-cream .more-cta, #scene-ice-cream .scene-inner {
    top: 50%;
    left: 50%;
    position: absolute;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #scene-history #ropes {
        background-image: url(ropes@2x.png);
    }

    #scene-history .circle {
        background-image: url(circles@2x.png);
    }

    #scene-history .bubble {
        background-image: url(bubble@2x.png);
    }

    .timeline-mobile-item {
        background-image: url(rope-mobile@2x.png);
    }
}

#scene-ice-cream {
    background: url(/bundles/irnbruwebsiteframework/scenes/ice_cream/background.jpg) center center no-repeat #0a6ab6;
    background-size: cover;
}

#scene-ice-cream .scene-inner {
    width: 128em;
    height: 81.4em;
    margin: -40.7em 0 0 -64em;
}

#scene-ice-cream .headline {
    width: 27.4em;
    height: auto;
    margin-left: -32em;
    margin-top: -24.9em;
}

#scene-ice-cream .lolly {
    margin-top: -40.7em;
    width: 45.9em;
    margin-left: -9.2em;
    height: 81.4em;
}

#scene-ice-cream .more-cta {
    margin-top: 5em;
    width: 25.6em;
    margin-left: -31.8em;
    height: 8.7em;
}

#scene-ice-cream .best-thing {
    margin-top: 18.9em;
    width: 27.1em;
    margin-left: -19.4em;
    height: 6em;
}

#scene-ice-cream .locations {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 6.5em;
    box-sizing: border-box;
    z-index: -1;
    opacity: 0;
}

#scene-ice-cream .map-header {
    height: 9.5em;
    background: #f8901c;
    z-index: 1;
    position: absolute;
    width: 100%;
    top: 0;
}

#scene-ice-cream .close {
    float: right;
    color: #333;
    font-size: 2em;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-ice-cream {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
    }

    #scene-ice-cream .scene-foreground, #scene-ice-cream .scene-inner, #scene-ice-cream .scene-section-inner {
        margin: 0;
        left: 0;
        top: 0;
        position: static;
        height: auto;
        width: auto;
    }

    #scene-ice-cream .scene-fella-background {
        display: none;
    }

    #scene-ice-cream .lolly {
        left: auto;
        margin: auto;
        height: auto;
        box-sizing: border-box;
        max-width: 48%;
        width: auto;
        padding: 1em 6em 1em 1em;
        float: right;
        position: relative;
    }

    #scene-ice-cream .more-cta {
        position: relative;
        float: left;
        top: auto;
        left: auto;
        width: 15em;
        margin: 1em 1em 1em 12em;
        height: 6em;
    }

    #scene-ice-cream .headline {
        padding: 7em 3em 0 9em;
        margin: auto;
        position: relative;
        top: 0;
        left: auto;
        text-align: center;
        width: 50%;
        box-sizing: border-box;
        max-width: 42em;
        float: left;
    }

    #scene-ice-cream .headline img {
        width: 22em;
    }

    #scene-ice-cream #scene-homepage-top .scene-section-inner, #scene-ice-cream .scene .home-section-container #scene-homepage-top.scene-section {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin: 0;
    }

    #scene-ice-cream .best-thing {
        position: relative;
        float: left;
        top: auto;
        left: auto;
        width: 15em;
        margin: 0 1em 1em 12em;
    }
}

@media only screen and (max-width: 380px), only screen and (max-device-width: 1024px) and (orientation: portrait) {
    #scene-ice-cream .headline, #scene-ice-cream .lolly {
        position: relative;
        left: auto;
        box-sizing: border-box;
        max-width: 42em;
        float: none;
    }

    #scene-ice-cream .headline {
        padding: 7em 6em 0;
        margin: auto;
        top: 0;
        text-align: center;
        width: 100%;
    }

    #scene-ice-cream .headline img {
        width: auto;
        margin: auto;
    }

    #scene-ice-cream .lolly {
        margin: -5em auto -6em;
        height: auto;
        width: auto;
        padding: 0 1em;
    }

    #scene-ice-cream .more-cta {
        width: 20em;
        bottom: auto;
        float: none;
        margin: 2em auto;
        display: block;
    }

    #scene-ice-cream .best-thing {
        width: 18em;
        bottom: auto;
        float: none;
        margin: 3em auto 0;
    }
}

@media only screen and (max-device-width: 380px), screen and (max-width: 380px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-irn-in-our-blood.scene .video-block {
        background-position: 68% center;
    }
}

#scene-new-ad-alert {
    background: url(/bundles/irnbruwebsiteframework/scenes/new-ad-alert/doors-tile.jpg) center center repeat-y #dddcd8;
}

#scene-new-ad-alert .scene-inner {
    background: 0 0;
}

#scene-new-ad-alert .train-door-left, #scene-new-ad-alert .train-door-right {
    width: 50%;
    box-sizing: border-box;
}

#scene-new-ad-alert .train-door-left {
    float: left;
    padding-right: 2em;
}

#scene-new-ad-alert .train-door-right {
    float: right;
    padding-left: 4em;
}

#scene-new-ad-alert.video-started .train-door-left, #scene-new-ad-alert.video-started .train-door-right {
    position: absolute;
    height: 100%;
    width: 50%;
    top: 0;
    -moz-transition: 1.1s;
    -o-transition: 1.1s;
    -webkit-transition: 1.1s;
    transition: 1.1s;
}

#scene-new-ad-alert input, #scene-new-ad-alert label {
    clear: both;
    float: left;
}

#scene-new-ad-alert .train-door-lock {
    width: 32em;
    height: 32em;
    background: url(/bundles/irnbruwebsiteframework/scenes/new-ad-alert/door-locked.jpg) center center no-repeat;
    pointer-events: none;
}

#scene-new-ad-alert .video-block {
    z-index: 1;
    background-color: transparent;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: landscape) {
    #scene-new-ad-alert .scene-inner {
        transform: none !important;
        width: 100%;
        height: 100%;
        margin: 0;
        top: 0;
        left: 0;
        bottom: auto;
        right: auto;
    }

    #scene-new-ad-alert .scene-foreground {
        pointer-events: none;
        position: absolute;
    }

    #scene-new-ad-alert .train-door-lock {
        width: 20em;
        height: 20em;
        background-size: contain;
        margin-top: -10.2em;
        margin-left: -10em;
    }
}

@media only screen and (max-width: 380px), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    #scene-new-ad-alert {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/new-ad-alert/background@2x.jpg);
    }
}

#scene-new-fella {
    background: #fda52c;
}

#scene-new-fella .scene-fella-background {
    height: 200em;
    left: 50%;
    margin-left: -100em;
    margin-top: -100em;
    position: absolute;
    top: 50%;
    width: 200em;
}

#scene-new-fella .scene-foreground {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 96em;
    height: 60em;
    margin: -30em 0 0 -48em;
}

#scene-new-fella .more {
    height: 12em;
    left: 50%;
    margin-left: -27em;
    margin-top: 7em;
    position: absolute;
    top: 50%;
    width: 30em;
    text-indent: -99999px;
    display: block;
}

#scene-new-fella .overlay-text {
    margin-left: -8em;
    position: absolute;
    top: 3em;
    left: 0;
}

#scene-new-fella .overlay-text img {
    width: 80.9em;
    height: auto;
}

#scene-new-fella .more-cta {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30em;
    margin-top: 15em;
}

#scene-new-fella .more-cta img {
    width: 29em;
    height: auto;
}

#scene-new-fella .fella {
    width: 102em;
    height: auto;
    bottom: -39em;
    position: absolute;
    right: -21em;
}

#scene-new-fella #scene-homepage-top .scene-section-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30em;
    width: 96em;
    margin-left: -48em;
    height: 60em;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-new-fella .scene-fella-background {
        display: none;
    }

    #scene-new-fella {
        background-image: url(/bundles/irnbruwebsiteframework/images/background-orange.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
    }

    #scene-new-fella .scene-foreground, #scene-new-fella .scene-inner, #scene-new-fella .scene-section-inner {
        width: auto;
        height: auto;
        margin: 0;
        left: 0;
        top: 0;
        position: static;
    }

    #scene-new-fella .fella {
        width: 55em;
        bottom: -18em;
        right: -10em;
    }

    #scene-new-fella .more-cta {
        position: absolute;
        top: 19em;
        left: 50%;
        margin: 0 0 0 -19em;
    }

    #scene-new-fella .more-cta img {
        width: 17em;
    }

    #scene-new-fella .overlay-text img {
        width: 32em;
    }

    #scene-new-fella .overlay-text {
        width: 32em;
        left: 50%;
        top: 0;
        margin-left: -20em;
        margin-top: 2em;
    }

    #scene-new-fella #scene-homepage-top .scene-section-inner, .scene .home-section-container #scene-homepage-top.scene-section {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin: 0;
    }
}

@media only screen and (max-device-width: 380px), screen and (max-width: 380px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-new-fella .overlay-text {
        margin: 10em 0 0 -15em;
        position: absolute;
        left: 50%;
        width: 30em;
    }

    #scene-new-fella .overlay-text img {
        width: 30em;
    }

    #scene-new-fella .fella {
        left: 50%;
        margin-left: -18em;
        margin-right: 0;
        right: auto;
    }

    #scene-new-fella .more-cta {
        width: 16em;
        margin-left: -12em;
        top: 25.5em;
        bottom: auto;
    }

    #scene-new-fella .more-cta img {
        width: 16em;
    }
}

#scene-rfl {
    background-color: #010101;
}

#scene-rfl .scene-background {
    height: 130em;
    left: 50%;
    margin-left: -65em;
    margin-top: -90.5em;
    position: absolute;
    top: 50%;
    width: 130em;
}

#scene-rfl .scene-foreground {
    position: absolute;
    top: 0;
    right: 0;
}

#scene-rfl h1 {
    font-size: 8em;
    color: #fff;
    text-shadow: 0 .005em 0 #000;
    line-height: .83;
    margin: 0 -.3em .1em 0;
}

#scene-rfl h1 em {
    display: block;
    margin-left: 1.6em;
    font-style: normal;
}

#scene-rfl .scene-foreground p {
    font-size: 3.4em;
    text-transform: uppercase;
    line-height: .9;
    color: #ffc274;
    text-shadow: 0 .004em 0 #000;
    margin-left: 2.2em;
}

#scene-rfl .scene-foreground p span {
    display: block;
    margin-bottom: .2em;
}

#scene-rfl .scene-foreground p strong {
    font-size: 2em;
    display: block;
    font-weight: 400;
    line-height: 1;
    margin-top: -.14em;
    margin-left: 1.8em;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-rfl .scene-background {
        margin-left: -24em;
        margin-bottom: -3em;
        width: 48em;
        height: auto;
        top: auto;
        bottom: 0;
        margin-top: 0;
    }

    #scene-rfl .scene-foreground {
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        left: auto;
        bottom: auto;
        height: auto;
        padding-top: 5em;
    }

    #scene-rfl .scene-inner {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        top: 0;
        left: 0;
    }

    #scene-rfl #scene-sfl .scene-content-wrapper {
        width: 100%;
    }

    #scene-rfl h1 {
        font-size: 3em;
    }

    #scene-rfl .scene-foreground p {
        font-size: 1.7em;
    }

    #scene-rfl .scene-foreground p strong {
        margin-left: 2em;
        font-size: 1.7em;
    }
}

@media only screen and (max-device-width: 380px), screen and (max-width: 380px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-rfl .scene-background {
        margin-left: -24em;
        width: 48em;
        height: auto;
        margin-bottom: 0;
    }

    #scene-rfl .scene-foreground {
        width: 63%;
        padding-top: 5.5em;
    }

    #scene-rfl .scene-foreground p {
        margin-left: 1em;
    }
}

#scene-russia {
    background-color: #fff;
}

#scene-russia .scene-background {
    width: 160em;
    height: 160em;
    margin-left: -80em;
    margin-top: -76em;
    position: absolute;
    top: 50%;
    left: 50%;
}

#scene-russia .scene-foreground {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50em;
    margin-top: -2em;
    width: 42.9em;
    height: 26.8em;
    background: url(/bundles/irnbruwebsiteframework/scenes/russia/text.png) no-repeat;
    background-size: 42.9em 26.8em;
    text-indent: -999em;
    overflow: hidden;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-russia .scene-inner {
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        margin: 0;
        overflow: hidden;
    }

    #scene-russia .scene-background {
        width: 86em;
        position: relative;
        top: 0;
        left: 50%;
        margin: -27em 0 0 -54.5em;
        height: auto;
    }

    #scene-russia .scene-foreground {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/russia/text-mobile.png);
        background-size: 28.7em 19em;
        width: 28.7em;
        height: 19em;
        position: absolute;
        top: 0;
        left: 50%;
        margin: 27em 0 0 -14.35em;
    }
}

@media only screen and (max-device-width: 600px), screen and (max-width: 600px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-russia .scene-background {
        width: 80em;
        position: relative;
        top: 0;
        left: 50%;
        margin: -24em 0 0 -50.5em;
        height: auto;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #scene-russia .scene-foreground {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/russia/text@2x.png);
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 1.5) {
    #scene-russia .scene-foreground {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/russia/text-mobile@2x.png);
    }
}

#scene-sfl {
    background-color: #000;
}

#scene-sfl .scene-background {
    height: 175em;
    left: 50%;
    margin-left: -97.5em;
    margin-top: -77em;
    position: absolute;
    top: 50%;
    width: 175em;
}

#scene-sfl .scene-foreground {
    position: absolute;
    top: 0;
    right: 0;
    width: 46em;
    padding-top: 10.5em;
}

#scene-sfl h1 {
    font-size: 5.6em;
    color: #fff;
    text-shadow: 0 .005em 0 #000;
    line-height: .83;
    margin: 0 0 .3em;
}

#scene-gets-you-through #scene-sfl h3, #scene-gets-you-through .search-form #scene-sfl input, #scene-sfl #scene-gets-you-through .search-form input, #scene-sfl #scene-gets-you-through h3, #scene-sfl .clan .search-form input, #scene-sfl .clan h4, #scene-sfl .clan h5, #scene-sfl h2, .clan #scene-sfl h4, .clan #scene-sfl h5, .clan .search-form #scene-sfl input {
    color: #fff;
    font-size: 4.2em;
    text-shadow: 0 .005em 0 #000;
    margin: 0 0 .1em;
    line-height: .97;
}

#scene-sfl .scene-foreground p {
    font-size: 2.8em;
    text-transform: uppercase;
    line-height: 1;
    color: #fff;
    text-shadow: 0 .004em 0 #000;
    margin: 0 0 1.4em;
    padding-right: 4.5em;
}

#scene-sfl .more-link {
    background: url(badge.png) no-repeat;
    background-size: 16em 11em;
    height: 11em;
    display: block;
    margin-left: -1.5em;
    padding-left: 17.3em;
    color: #ffb611;
    text-decoration: none;
}

#scene-sfl .more-link span {
    font-size: 2.8em;
    text-transform: uppercase;
    display: block;
    padding-top: 1.15em;
    text-shadow: 0 0.004em 0 rgba(0, 0, 0, 0.5);
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-sfl .scene-inner {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        top: 0;
        left: 0;
    }

    #scene-sfl .scene-background {
        height: auto;
        left: 50%;
        margin-left: -30.2em;
        margin-top: -27em;
        right: auto;
        width: 62em;
    }

    #scene-sfl .scene-foreground {
        height: 10.5em;
        margin-top: -5.25em;
        top: 50%;
        width: 45%;
        padding-top: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 2.5em;
    }

    #scene-sfl h1 {
        font-size: 2.4em;
    }

    #scene-sfl p br {
        display: none;
    }

    #scene-gets-you-through #scene-sfl h3, #scene-gets-you-through .search-form #scene-sfl input, #scene-sfl #scene-gets-you-through .search-form input, #scene-sfl #scene-gets-you-through h3, #scene-sfl .clan .search-form input, #scene-sfl .clan h4, #scene-sfl .clan h5, #scene-sfl h2, .clan #scene-sfl h4, .clan #scene-sfl h5, .clan .search-form #scene-sfl input {
        font-size: 2.1em;
    }

    #scene-sfl .scene-foreground p {
        padding-right: 1.5em;
        font-size: 1.6em;
    }

    #scene-sfl .more-link {
        background-image: url(badge-mobile.png);
        background-size: 7.95em 5.5em;
        height: auto;
        margin-top: -1em;
        padding: 0;
        position: absolute;
        width: 7.95em;
        top: 50%;
        left: 50%;
        margin-left: -34em;
    }

    #scene-sfl .more-link span {
        font-size: 1.6em;
        padding-top: 3.6em;
        text-align: center;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #scene-sfl .more-link {
        background-image: url(badge@2x.png);
    }
}

#scene-snowman .video-block:after {
    background: 0 0 !important;
}

@media only screen and (max-device-width: 380px), screen and (max-width: 380px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-sfl .scene-background img {
        position: relative;
        top: -3em;
    }

    #scene-sfl .scene-foreground {
        position: relative;
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
        width: auto;
        margin: 0;
        padding: 6em 4.5em 0;
    }

    #scene-sfl .scene-foreground p {
        padding-right: 0;
        margin: 0;
    }

    #scene-sfl .scene-background {
        top: 0;
        margin-top: 0;
    }

    #scene-sfl .more-link {
        left: 50%;
        margin-left: 3em;
        top: 23em;
    }

    #scene-sfl p br {
        display: inline;
    }

    #scene-snowman .video-block {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/snowman/poster-mobile.jpg) !important;
    }
}

#scene-supporters-gallery {
    background: #3970af;
}

#scene-supporters-gallery .inner-scene-container {
    background: url(/bundles/irnbruwebsiteframework/scenes/supporters-gallery/background.jpg) center center no-repeat #3970af;
    background-size: cover;
    width: 128em;
    height: 81.4em;
    position: absolute;
    margin-left: -64em;
    margin-top: -37.6em;
    left: 50%;
    top: 50%;
}

#scene-supporters-gallery .headline {
    width: 54.6em;
    height: auto;
    left: 50%;
    margin-left: -58.6em;
    position: absolute;
    top: 50%;
    margin-top: -33.2em;
}

#scene-supporters-gallery .download-app {
    background: url(/bundles/irnbruwebsiteframework/scenes/supporters-gallery/download_app.png) center center no-repeat;
    width: 26.7em;
    height: 26.7em;
    left: 50%;
    margin-left: 33.5em;
    position: absolute;
    top: 50%;
    margin-top: 7.2em;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-box-shadow: 0.5em 0.8em 2em 0 rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0.5em 0.8em 2em 0 rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0.5em 0.8em 2em 0 rgba(0, 0, 0, 0.6);
    -ms-box-shadow: 0.5em 0.8em 2em 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0.5em 0.8em 2em 0 rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    display: block;
}

#scene-supporters-gallery .download-app p {
    font-size: 1.5em;
    text-align: center;
    border-radius: 50% 50% 0 0;
    -webkit-border-radius: 50% 50% 0 0;
    -moz-border-radius: 50% 50% 0 0;
    padding: 1.8em 3.3em 0;
    margin: 0 0 .1em;
}

#scene-supporters-gallery .btn {
    background: url(/bundles/irnbruwebsiteframework/scenes/supporters-gallery/download_button.png) center center no-repeat;
    background-size: cover;
    width: 18.7em;
    height: 8.1em;
    position: relative;
    display: block;
    color: #FFF;
    padding: 2em;
    box-sizing: border-box;
    margin: auto;
}

#scene-supporters-gallery .btn a {
    text-decoration: none;
    font-size: 1.4em;
    color: #e1e1e1;
    padding: .15em 3em 0 0;
    display: block;
    box-sizing: border-box;
    width: 100%;
}

#scene-supporters-gallery .iphone a {
    background: url(/bundles/irnbruwebsiteframework/scenes/supporters-gallery/iphone@2x.png) right center no-repeat;
    background-size: 1.2857143em 2.285714em;
}

#scene-supporters-gallery .android a {
    background: url(/bundles/irnbruwebsiteframework/scenes/supporters-gallery/google_play@2x.png) right center no-repeat;
    background-size: 1.5em 1.5714286em;
}

#scene-supporters-gallery .supporters-left, #scene-supporters-gallery .supporters-right {
    position: absolute;
    height: 56.6em;
    top: 50%;
    margin-top: -30.3em;
    padding: 0 1em;
}

#scene-supporters-gallery .supporters-left {
    right: 50%;
    padding-top: 19.3em;
    margin-right: 1.2em;
    width: 58em;
}

#scene-supporters-gallery .supporters-right {
    left: 50%;
    margin-left: 1.2em;
    width: 61em;
}

#scene-supporters-gallery .supporter {
    float: left;
    width: 13.4em;
    position: relative;
    margin: 0 1.5em 1.8em 0;
    height: 17.5em;
}

#scene-supporters-gallery .supporter img {
    height: 100%;
    width: 100%;
    max-width: none;
    -moz-transition: all ease .2s;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    -ms-transition: all ease .2s;
    transition: all ease .2s;
}

#scene-supporters-gallery .supporter:not(.main) img.hoverstate {
    height: 200%;
    width: 200%;
    position: absolute;
    z-index: 10;
    margin-left: -50%;
    margin-top: -50%;
}

#scene-supporters-gallery .supporters-left.shiney .even {
    float: right;
    margin-right: 0;
    clear: both;
}

#scene-supporters-gallery .supporter.main {
    width: 28.5em;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -14.25em;
    height: 37.23em;
}

#scene-supporters-gallery .this-weeks-shiney {
    position: absolute;
    left: -.8em;
    top: -.4em;
    background: url(/bundles/irnbruwebsiteframework/scenes/supporters-gallery/shiney.png) no-repeat;
    width: 8.7em;
    height: 8.5em;
    font-size: 1em;
    text-indent: -9999em;
}

@media only screen and (max-device-width: 720px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-supporters-gallery .scene-inner {
        margin: auto;
        top: auto;
        left: auto;
        width: inherit;
        height: inherit;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

    #scene-supporters-gallery .inner-scene-container {
        width: 100%;
        background: url(/bundles/irnbruwebsiteframework/scenes/supporters-gallery/background-mobile.jpg) center top repeat-y #3970af;
        background-size: 100% auto;
        margin: 0;
        left: 0;
        top: 0;
        min-height: 140em;
        height: auto;
        padding-bottom: 8em;
    }

    #scene-supporters-gallery .supporters-left, #scene-supporters-gallery .supporters-right {
        right: auto;
        padding: 0 4em;
        margin-right: 1.2em;
        width: 100%;
        top: 0;
        box-sizing: border-box;
        margin-top: 0;
        position: relative;
        left: 0;
        margin-left: 0;
    }

    #scene-supporters-gallery .headline {
        width: 28em;
        left: auto;
        padding: 2em;
        top: 0;
        margin: 5.6em auto 0;
        position: relative;
    }

    #scene-supporters-gallery .supporter.main {
        left: auto;
        width: 28.5em;
        margin: 0 auto 1em;
        float: none;
        position: relative;
    }

    #scene-supporters-gallery .download-app {
        height: 0;
    }

    #scene-supporters-gallery .download-app p {
        display: none;
    }

    #scene-supporters-gallery .supporter {
        margin: auto;
    }

    #scene-supporters-gallery .fr {
        float: right;
        margin-right: 0;
    }

    #scene-supporters-gallery .btn {
        background: url(/bundles/irnbruwebsiteframework/scenes/supporters-gallery/mobile_download_button@2x.png) center bottom no-repeat;
        background-size: 158px 64px;
        position: fixed;
        bottom: 0;
        z-index: 20;
        width: 15.8em;
        height: 6.4em;
        left: 0;
        margin: 0;
        padding: 1.4em;
    }

    #scene-supporters-gallery .btn a {
        font-size: 1.3em;
    }

    #scene-supporters-gallery .btn.android {
        right: 0;
        left: auto;
    }

    #scene-supporters-gallery .even, #scene-supporters-gallery .odd, #scene-supporters-gallery .supporters-left.shiney .even {
        float: left;
        margin: 0 1em 1.8em;
        clear: none;
    }
}

@media only screen and (max-device-width: 380px), screen and (max-width: 380px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-supporters-gallery .supporter.main {
        width: 28em;
        margin: 0 auto 1.8em;
        height: 36.575em;
    }

    #scene-supporters-gallery .supporters-left, #scene-supporters-gallery .supporters-right {
        right: auto;
        padding: 0 2em;
        margin-right: 1.2em;
        width: 100%;
        top: 0;
        box-sizing: border-box;
        margin-top: 0;
        position: relative;
        left: 0;
        margin-left: 0;
    }

    #scene-supporters-gallery .even, #scene-supporters-gallery .odd, #scene-supporters-gallery .supporters-left.shiney .even {
        margin: auto;
    }

    #scene-supporters-gallery .even, #scene-supporters-gallery .supporters-left.shiney .even {
        float: right;
        clear: both;
    }
}

#scene-train {
    background: #dcdad7;
    background-size: cover;
}

#scene-train .scene-inner {
    background: 0 0;
}

#scene-train .scene-foreground {
    margin-left: -50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: #000;
}

#scene-train .train-door-left, #scene-train .train-door-right {
    position: absolute;
    height: 100%;
    width: 50%;
    top: 0;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 3;
    pointer-events: none;
}

#scene-train .train-door-left {
    left: 0;
    background: url(/bundles/irnbruwebsiteframework/scenes/train/images/door-tile-left.jpg) right repeat-y #dcdad7;
}

#scene-train .train-door-right {
    left: 50%;
    background: url(/bundles/irnbruwebsiteframework/scenes/train/images/door-tile-right.jpg) left repeat-y #dcdad7;
}

#scene-train.video-started .video-block:after {
    cursor: default;
}

#scene-train.video-started .train-door-left, #scene-train.video-started .train-door-right {
    position: absolute;
    height: 100%;
    width: 50%;
    top: 0;
    -moz-transition: 1.1s;
    -o-transition: 1.1s;
    -webkit-transition: 1.1s;
    transition: 1.1s;
}

#scene-train.video-started .train-door-left {
    left: -50%;
}

#scene-train.video-started .train-door-right {
    left: 100%;
}

#scene-train.video-started .go-on, #scene-train.video-started .train-door-lock {
    opacity: 0;
    transition-delay: 0s;
}

#scene-train .go-on, #scene-train .train-door-lock {
    z-index: 4;
    pointer-events: none;
    transition-delay: .3s;
    left: 50%;
    top: 50%;
    position: absolute;
}

#scene-train .go-on {
    background: url(/bundles/irnbruwebsiteframework/scenes/train/images/go-on.png) center center no-repeat;
    width: 45em;
    height: 17.4em;
    margin-top: -29.3em;
    margin-left: -22.5em;
    text-indent: -999em;
    font-size: 1em;
}

#scene-train .train-door-lock {
    width: 38.4em;
    height: 38.4em;
    margin-top: -10.1em;
    margin-left: -19.2em;
    background: url(/bundles/irnbruwebsiteframework/scenes/train/images/door-lock.png) center center no-repeat;
}

#scene-train .video-block {
    z-index: 1;
    background-color: transparent;
}

#scene-train .video-block:after {
    width: 41em;
    height: 41em;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -22.5em;
    margin-left: -20.5em;
    background: 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#scene-train .mejs-overlay-button {
    display: none;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: landscape) {
    #scene-train .scene-inner {
        transform: none !important;
        width: 100%;
        height: 100%;
        margin: 0;
        top: 0;
        left: 0;
        bottom: auto;
        right: auto;
    }

    #scene-train .scene-foreground {
        pointer-events: none;
        position: absolute;
    }

    #scene-train .train-door-lock {
        width: 20em;
        height: 20em;
        background-size: contain;
        margin-top: -4em;
        margin-left: -10em;
    }

    #scene-train .go-on {
        background-size: contain;
        width: 22.6em;
        height: 8.7em;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -12em;
        margin-left: -11.3em;
    }
}

@media only screen and (max-width: 380px), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    #scene-train {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/train/background@2x.jpg);
    }

    #scene-train .go-on {
        margin-top: -15.5em;
    }

    #scene-train .train-door-lock {
        margin-top: -7em;
    }
}

.scene.twitter {
    background: url(/bundles/irnbruwebsiteframework/scenes/twitter/background.jpg) center center no-repeat #03a2e9;
}

.scene.twitter #twitter-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -6em;
    left: 0;
}

.scene.twitter .scene-inner p {
    font-size: 2.8em;
    text-transform: uppercase;
    line-height: .9;
}

.scene.twitter #twitter-intro, .scene.twitter #twitter-tweet, .scene.twitter .tweeter {
    background: url(/bundles/irnbruwebsiteframework/scenes/twitter/sprite.png) no-repeat;
    background-size: 86.8em 71.9em;
}

.scene.twitter #twitter-intro {
    width: 41em;
    height: 23.2em;
    background-position: -8.9em 0;
    position: absolute;
    left: 20em;
}

.scene.twitter #twitter-intro-inner {
    padding: 3.7em 2em 0 5em;
}

.scene.twitter .tweeter {
    width: 6.5em;
    height: 5.3em;
    background-position: 0 -10.7em;
    position: absolute;
    top: 9.75em;
    left: -5.45em;
}

.scene.twitter h1 {
    color: #f8911c;
    font-size: 2.1em;
    text-transform: none;
    margin: 0;
}

.scene.twitter #twitter-tweet {
    width: 75.3em;
    height: 45.7em;
    background-position: -5.8em -24.6em;
    margin: 0;
    position: absolute;
    top: 12.5em;
    left: 27.5em;
}

.scene.twitter #twitter-tweet p {
    font-size: 6.5em;
    color: #000;
}

.scene.twitter #twitter-tweet-inner {
    padding: 10.5em 9em 0 10em;
    text-align: center;
}

.scene.twitter #twitter-tweet .twitter-by p {
    font-size: 2.8em;
    margin: 0;
    color: #fff;
    text-shadow: 0 .01em 0 #3789C5;
    line-height: 1;
}

.scene.twitter #twitter-tweet .twitter-by small {
    text-transform: none;
    display: block;
}

.scene.twitter #twitter-tweet footer {
    position: absolute;
    top: 44.4em;
    left: 17.5em;
}

.scene.twitter figure img {
    width: 3.65em;
    height: 3.6em;
    border: .15em solid #fff;
    -moz-border-radius: .6em;
    -webkit-border-radius: .6em;
    -o-border-radius: .6em;
    -ms-border-radius: .6em;
    border-radius: .6em;
    float: left;
    margin-left: -5em;
    margin-top: -.4em;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .scene.twitter {
        background-image: none !important;
    }

    .scene.twitter .scene-inner {
        font-size: .5em;
        margin-top: -23em;
    }

    .scene.twitter #twitter-tweet {
        left: 50%;
        margin-left: -37.15em;
        font-size: .75em;
        top: 20.5em;
    }

    .scene.twitter #twitter-intro {
        left: 50%;
        margin-left: -20.5em;
        font-size: 1.1em;
    }

    .scene.twitter #twitter-tweet .twitter-by small {
        font-size: 1em;
    }

    .scene.twitter #twitter-tweet figure {
        font-size: 1.25em;
    }

    .scene.twitter #twitter-tweet footer {
        top: 46.5em;
    }

    .scene.twitter #twitter-tweet .twitter-by p {
        font-family: 'UniversLTW01-57Condense 723821';
    }

    .scene.twitter figure img {
        font-size: 2.2em;
        margin-left: -4.5em;
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 1.5) {
    .scene.twitter #twitter-intro, .scene.twitter #twitter-tweet, .scene.twitter .tweeter {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/twitter/sprite@2x.png);
    }
}

#scene-vault {
    background: #010706;
}

#scene-vault .background {
    height: 145em;
    width: 145em;
    margin: -72.5em 0 0 -72.5em;
    position: absolute;
    top: 50%;
    left: 50%;
}

#scene-vault .background img {
    width: 100%;
}

#scene-vault #scene-vault-content h1, #scene-vault #scene-vault-content p {
    font-family: UniversLTW02-59UltraCn;
    color: #fff;
    text-align: right;
    line-height: 1;
}

#scene-vault #scene-vault-content h1 {
    font-size: 5.5em;
    margin: 0 -.12em 0 0;
    font-family: 'United Sans Rg Bk';
}

#scene-vault #scene-vault-content p {
    font-size: 2.4em;
    text-transform: uppercase;
    margin-top: -.1em;
}

#scene-vault #scene-vault-content {
    position: relative;
    text-shadow: 0 3px 0 rgba(129, 129, 129, 0.2), 0 0 6px rgba(0, 0, 0, 0.8);
    margin-top: -1.8em;
    padding: 0 2em;
}

#scene-vault #scene-vault-content sup {
    font-size: .3em;
    top: -1.6em;
}

#scene-vault #scene-vault-content p sup {
    font-size: .8em;
    top: -.2em;
    margin-right: 1px;
}

#scene-vault #scene-vault-content h1 br {
    display: none;
}

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #scene-vault .scene-inner {
        transform: none !important;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    #scene-vault #scene-vault-content {
        margin: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #scene-vault .background {
        width: 60em;
        height: 60em;
        left: 50%;
        top: 50%;
        margin: -32.5em 0 0 -35em;
    }

    #scene-vault #scene-vault-content h1 {
        font-size: 3.5em;
        line-height: .85;
        margin-bottom: .15em;
    }

    #scene-vault #scene-vault-content p {
        font-size: 1.7em;
    }

    #scene-vault #scene-vault-content h1 br {
        display: inline;
    }
}

#scene-vs {
    background-color: #034ea2;
}

#scene-vs .scene-inner {
    margin: 0;
    padding: 0;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
}

#scene-vs #vs-wrapper {
    height: 100%;
    transform-origin: center;
}

#scene-vs .vs-choice {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    margin: 0;
    overflow: hidden;
}

#scene-vs .vs-choice-inner {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#scene-vs figcaption, #scene-vs figure {
    top: 50%;
    position: absolute;
}

#scene-vs #vs-choice-1 figure, #scene-vs #vs-choice-2 figure {
    width: 22.4em;
    left: 50%;
    margin-left: -11.2em;
}

#scene-vs figcaption {
    left: 50%;
    text-indent: -99999px;
}

#scene-vs #vs-choice-1 {
    background: right 0 no-repeat #f47920;
    margin-left: 0;
}

#scene-vs #vs-choice-1 figure {
    height: 34.45em;
    margin-top: -17em;
}

#scene-vs #vs-choice-1 .vs-choice-inner {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
}

#scene-vs #vs-choice-2 .vs-choice-inner {
    left: 0;
    right: auto;
}

#scene-vs #vs-choice-2 {
    left: 50%;
}

#scene-vs .glow {
    height: 101.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50.75em;
}

#scene-vs #vs-choice-1 .glow {
    width: 91.25em;
    display: block;
    background: url(/bundles/irnbruwebsiteframework/scenes/vs/330-glow.png) no-repeat;
    background-size: 91.25em 101.5em;
    margin-left: -45.625em;
}

#scene-vs #vs-choice-2 .glow {
    width: 91.25em;
    display: block;
    background: url(/bundles/irnbruwebsiteframework/scenes/vs/750-glow.png) no-repeat;
    background-size: 91.25em 101.5em;
    margin-left: -45.625em;
}

#scene-vs #vs-choice-1 img {
    width: 22.4em;
    height: 34.45em;
    display: block;
    position: relative;
}

#scene-vs #vs-choice-2 figure {
    height: 55.15em;
    margin-top: -27.575em;
}

#scene-vs #vs-choice-2 img {
    width: 20.1em;
    height: 55.15em;
    display: block;
    position: relative;
}

#scene-vs #vs-choice-1 figcaption {
    background: url(/bundles/irnbruwebsiteframework/scenes/vs/vote-1.png) no-repeat;
    background-size: 19.8em 10em;
    height: 10em;
    margin-left: -26.9em;
    margin-top: 6.2em;
    width: 19.8em;
}

#scene-vs #vs-choice-2 figcaption {
    background: url(/bundles/irnbruwebsiteframework/scenes/vs/vote-2.png) no-repeat;
    background-size: 20.4em 12em;
    height: 12em;
    margin-left: 7.4em;
    margin-top: -16em;
    width: 20.4em;
}

#scene-vs .vs-choice-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#scene-vs #vs-text {
    width: 15em;
    height: 5em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2.5em 0 0 -7.5em;
    line-height: 1;
}

#scene-vs #vs-text .vs-text-vs {
    width: 16.05em;
    height: 16.5em;
    display: block;
    margin-top: -8.25em;
    text-indent: -99999px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8.025em;
}

#scene-vs #vs-text .vs-text-vs, #scene-vs #vs-text .vs-text-vs:before {
    background: url(/bundles/irnbruwebsiteframework/scenes/vs/vs.png) center 0 no-repeat;
}

#scene-vs #vs-text .vs-text-vs:before {
    display: block;
    content: '';
    width: 100%;
    height: 17.1em;
    background-position: center -32.9em;
    top: 3.5em;
    left: 0;
    position: absolute;
}

#scene-vs #vs-text .vs-text-1, #scene-vs #vs-text .vs-text-2 {
    width: 2em;
    position: absolute;
    top: 0;
    font-size: 4em;
    color: #002d58;
    font-family: UniversLTW02-59UltraCn;
    text-align: center;
}

#scene-vs #vs-text .vs-text-1 {
    left: -2em;
}

#scene-vs #vs-text .vs-text-2 {
    right: -2em;
}

@media only screen and (max-width: 1024px) {
    #scene-vs {
        width: 100%;
        height: 100%;
        margin: 0;
        top: 0;
        left: 0;
    }

    #scene-vs .vs-choice-item img {
        font-size: .5em;
        position: absolute;
        top: 50%;
    }

    #scene-vs #vs-text .vs-text-vs {
        width: 5em;
        height: 5em;
        margin-left: -2.5em;
        margin-top: -2.5em;
    }

    #scene-vs #vs-text .vs-text-vs, #scene-vs #vs-text .vs-text-vs:before {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/vs/vs-mobile.png);
        background-size: 5em 15.6em;
    }

    #scene-vs #vs-text .vs-text-1, #scene-vs #vs-text .vs-text-2 {
        font-size: 1.5em;
        margin-top: 3.6em;
    }

    #scene-vs #vs-text .vs-text-1 {
        left: 3em;
    }

    #scene-vs #vs-text .vs-text-2 {
        right: 3em;
    }

    #scene-vs #vs-choice-1 img {
        display: block;
        height: 34.45em;
        width: 22.4em;
        right: auto;
        left: 20%;
        position: absolute;
        margin-left: 0;
        margin-right: 8em;
    }

    #scene-vs #vs-choice-2 img {
        display: block;
        height: 55.15em;
        left: auto;
        right: 28%;
        margin-left: -21em;
        margin-top: -13em;
        position: absolute;
        top: 50%;
        width: 20.1em;
    }

    #scene-vs #vs-choice-1 .glow {
        background-size: 100% 100%;
        height: 41em;
        margin-left: -17em;
        margin-top: -16em;
        width: 41.25em;
    }

    #scene-vs #vs-choice-2 .glow {
        background-size: 100% 100%;
        height: 41em;
        margin-left: -27em;
        margin-top: -14em;
        width: 41.25em;
    }

    #scene-vs #vs-choice-1 figcaption {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/vs/vote-1-mobile.png);
        background-size: 8.2em 4.9em;
        width: 8.2em;
        height: 4.9em;
        margin-left: 0;
        right: 0;
        left: auto;
        top: 0;
    }

    #scene-vs #vs-choice-2 figcaption {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/vs/vote-2-mobile.png);
        background-size: 8.1em 5.1em;
        left: 0;
        right: auto;
        margin-left: 0;
        margin-right: 0;
        margin-top: -10.8em;
        width: 8.1em;
        height: 5.1em;
    }

    #scene-vs #vs-choice-1 figure, #scene-vs #vs-choice-2 figure {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        left: 0;
    }
}

@media only screen and (max-width: 350px) {
    #scene-vs #vs-choice-1 figcaption {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/vs/vote-1-mobile@2x.png);
    }

    #scene-vs #vs-choice-2 figcaption {
        background-image: url(/bundles/irnbruwebsiteframework/scenes/vs/vote-2-mobile@2x.png);
    }
}

#scene-drinks #scene-drinks-a-background {
    width: 130em;
    height: 130em;
    position: absolute;
    top: 80%;
    left: 50%;
    margin: -54.3em 0 0 -65.5em;
}

#scene-drinks hgroup {
    left: 40%;
    margin-left: -36em;
    margin-top: -35.5em;
    position: absolute;
    top: 50%;
    width: 32em;
}

#scene-drinks hgroup h1 {
    color: #fff;
    margin: 0;
    line-height: .8;
    font-size: 5em;
    font-weight: 400;
}

#scene-drinks hgroup h2 {
    color: #fff;
    font-family: 'United Sans Rg Bk';
    font-size: 3em;
}

#scene-drinks hgroup p {
    font-size: 1.5em;
}

#scene-drinks #scene-drinks-a .bubble {
    width: 26.4em;
    height: 50px;
    display: block;
    position: absolute;
    background: url(/bundles/irnbruwebsiteframework/scenes/drinks/a/bubble.png) no-repeat;

    /* background-size: 26.4em 18.8em; */
    left: 50%;
    margin-left: -6.5em;
    top: -18em;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: opacity .4s ease;
}

#scene-drinks .product .bubble a {
    color: #008bd0;
    text-decoration: none;
    display: block;
    margin: 0 2em .2em;
    font-size: 18px;
    padding-left: 1.6em;
    text-transform: uppercase;
    font-family: "UniversLTW01-57Condense 723821";
    height: 20px;
    width: 200px;
    display: block;
    top: 5px;
    position: absolute;
    background: none;
    margin-left: 0.4em;
}

#scene-drinks #scene-drinks-a .product-1 {
    height: 25em;
    left: 10em;
    width: 10.6em;
}

#scene-drinks #scene-drinks-a .product-2 {
    height: 36.5em;
    left: 21.3em;
    width: 12em;
}

#scene-drinks #scene-drinks-a .product-3 {
    height: 41em;
    left: 34.3em;
    width: 12.4em;
}

#scene-drinks #scene-drinks-a .product-4 {
    height: 43.1em;
    left: 47.9em;
    width: 12.6em;
}

#scene-drinks #scene-drinks-a .product-5 {
    height: 50em;
    left: 61.7em;
    width: 14.4em;
}

#scene-drinks #scene-drinks-a .bubble a {
    margin: 0px;
    padding: 0px 0px 0px 10px;
}

#scene-drinks #scene-drinks-b {
    background-color: #f0691c;
}

#scene-drinks .footer-text p {
    font-size: 1.3em;
    color: #fff;
    text-transform: uppercase;
}

#scene-drinks #scene-drinks-a .bubble {
    top: -1em;
}

#scene-drinks #scene-drinks-a .product-2 .bubble {
    top: -1em;
}

#scene-drinks #scene-drinks-a .product-3 .bubble {
    top: -1em;
}

#scene-drinks #scene-drinks-a .product-3 {
    height: 45em;
}

#scene-drinks #scene-drinks-a .product-2 {
    height: 43em;
}

.tab-container {
    background: url(/bundles/irnbruwebsiteframework/images/box.png) no-repeat;
    bottom: 18px;
    height: 740px;
    margin-left: 385px;
    position: relative;
    right: 0;
    width: 870px;
    z-index: 13;
    margin-top: -65px;
}

.tab-nav {
    display: block;
    text-transform: uppercase;
    width: 738px;
}

.tab-nav ul {
    display: table;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.tab-nav li {
    display: table-cell;
    font-family: "United Sans Rg Bk";
    font-size: 2rem;
    padding: 0 2px 0 0;
    text-align: center;
}

.tab-nav li a {
    display: block;
    font-weight: bold;
    color: #555;
    text-decoration: none;
    padding: 20px;
    background: #ccc;
    background: -webkit-linear-gradient(top, white, #f2f2f2);
    background: -webkit-linear-gradient(top, white, #f2f2f2);
    background: -ms-linear-gradient(top, white, #f2f2f2);
    background: -o-linear-gradient(top, white, #f2f2f2);
}

.tab-nav li a.selected {
    background: #fff;
    color: #1d338b;
}

.tab-nav li a.selected:after {
    height: 2px;
    width: 80%;
    margin-left: 10%;
    content: "";
    display: table;
    background: #f0691c;
}

.tab-nav div {
    display: none;
    margin: 0;
    padding: 20px;
    height: 520px;
    color: #555;
    background: #fff;
    box-shadow: 2px 1px 1px 0 #dddddd;
}

.tab-nav div.selected {
    display: block;
}

.tab-nav div p {
    margin: 0 0 20px;
}

.drink-info {
    margin: 0;
    padding: 0;
}

.drink-info img {
    float: left;
    margin: 0 20px;
}

.drink-info hr {
    margin: 20px 0;
    border: none;
    height: 1px;
    background: #ccc;
}

.drink-info h2 {
    font-family: "United Sans Rg Bk";
    color: #f0691c;
    font-size: 32px;
    margin: 0;
    padding: 0;
}

.drink-info h3 {
    font-family: "United Sans Rg Bk";
    color: #1d338b;
    margin: 0;
    padding: 0;
}

.drink-info p {
    color: #1d338b;
    padding: 10px;
    width: 90%;
    font-size: 13px;
    font-family: 'UniversLTW01-57Condense 723821';
}

.quicklink {
    width: 170px;
    height: 42px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
    left: 50px;
    top: -70px;
    font-family: 'UniversLTW01-57Condense 723821';
    font-size: 13px;
    text-transform: uppercase;
    color: #8a8a8a;
    text-align: left;
    line-height: 3.3;
    background: white url("/bundles/irnbruwebsiteframework/images/arrow.png") no-repeat 90% 50%;
    padding-left: 20px;
    opacity: 0;
}

.nutritional-information {
    border-spacing: 0;
}

.nutritional-information .bb {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 20px;
    width: 335px;
}

.nutritional-information .pt {
    padding-top: 20px;
}

.nutritional-information td {
    border-left: 1px solid white;
    border-right: 1px solid white;
    color: #8a8a8a;
    font-family: 'UniversLTW01-57Condense 723821';
    font-size: 12px;
    padding: 1px 10px;
    vertical-align: top;
}

.nutritional-information td.info {
    color: #1d338b;
    font-family: "United Sans Rg Bk";
    font-size: 20px;
}

.nutritional-information td.info span {
    color: #f0691c;
}

.nutritional-information th {
    font-family: "United Sans Rg Bk";
}

.nutritional-information th.type {
    color: #1d338b;
    padding-right: 5px;
    text-align: right;
}

.rg.active, .sf.active, .xt.active {
    background: #fbfbfb;

 /*border-left: 1px solid #ccc !important;
border-right: 1px solid #ccc !important;*/
    color: #1d338b;
}

.rg.active:after, .sf.active:after, .xt.active:after {
    content: '';
    width: 100%;
    height: 100%;
    display: table-cell;
    position: relative;
}

.bru-man {
    position: absolute;
    right: 240px;
    bottom: 32px;
}

.bubble {
    position: absolute;
    bottom: 100px;
    left: 30%;
}

.disclaimer {
    margin-top: -10px;
    margin-left: 30px;
    font-size: 0.8em;
    position: absolute;
    width: 70%;
}

#scene-train .train-door-lock {
    width: 38.4em;
    height: 38.4em;
    background: url(/bundles/irnbruwebsiteframework/scenes/train/images/door-lock.png) center center no-repeat;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0px;
}

.bruforyoumobile {
    display: none;
}

.nutritional-information .mobile {
    display: none;
}

@media (max-width: 1023px) {
    .bruforyoumobile {
        display: block;
        width: 100%;
    }

    #scene-drinks-a .scene-section-inner {
        display: none;
    }

    .drink-info h2 {
        font-size: 28px;
    }

    .drink-info h3 {
        font-size: 14px;
    }

    .drink-info hr {
        margin: 10px 0px;
    }

    #scene-drinks #scene-drinks-b .cans {
        display: none;
    }

    .tab-container {
        margin: 40px 0px;
        background: none;
        padding: 0px;
        width: 100%;
        font-size: 16px !important;
    }

    .tab-nav {
        display: block;
        text-transform: uppercase;
        width: 100%;
    }

    .tab-nav li {
        font-size: 1rem;
    }

    .nutritional-information td.info {
        color: #1d338b;
        font-family: "United Sans Rg Bk";
        font-size: 20px;
    }

    .bru-man {
        display: none;
    }

    .tab-nav div {
        height: auto;
    }
}

@media (max-width: 600px) {
    .nutritional-information td.info {
        font-size: 14px;
    }

    .tab-nav li a {
        padding: 10px;
    }

    .tab-container {
        height: auto;
    }

    .nutritional-information .mobile {
        display: block;
    }

    .info.bb.pt, .info.pt, .bb.first {
        font-size: 0px !important;
        width: 0px;
        position: fixed;
        display: none;
    }

    .disclaimer {
        font-size: 0.6em;
        position: relative;
    }
}

.bb.rg, .bb.sf, .bb.xt {
    font-size: 14px;
}

@media (max-width: 400px) {
    .nutritional-information th.type {
        font-size: 10px;
    }
}