html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}
html {
    line-height: 1
}
ol,
ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}
q,
blockquote {
    quotes: none
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
a,
a:link,
a:visited,
a:hover,
a:active {
    color: inherit;
    text-decoration: none;
    cursor: pointer
}
input[type=email],
input[type=text],
input[type=submit],
input[type=reset],
button {
    margin: 0;
    border: none;
    border-radius: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    -webkit-appearance: none
}
input[type=submit],
input[type=reset],
button {
    cursor: pointer
}
html,
body {
    width: 100%;
    height: 100%
}
body {
    background-color: #1992c8;
    color: #fff
}
main {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}
* {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.subsection {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50% 50%;
    display: none
}
.subsection.display {
    display: block
}
.modal {
    position: fixed;
    z-index: 60;
    opacity: 0;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    display: none
}
.modal.visible {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.modal-dimmer {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    opacity: 0;
    -webkit-transition: opacity 350ms linear;
    transition: opacity 350ms linear
}
.modal-dimmer.display {
    display: block
}
.modal-dimmer.visible {
    opacity: 1
}
.vjs-default-skin .vjs-big-play-button {
    left: 50%;
    top: 50%;
    font-size: 2em;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
main {
    background-color: #3bb1e6;
    overflow: hidden
}
.upgrade-prompt {
    display: none;
    box-sizing: border-box;
    height: 6%;
    padding-top: 0.67em;
    font-size: 18px;
    text-align: center;
    background-color: #f09046;
    color: #000
}
.upgrade-prompt a {
    text-decoration: underline
}
.ua-old main {
    height: 94%
}
.ua-old .upgrade-prompt {
    display: block
}
.subsection,
.section-home {
    -webkit-transition: -webkit-transform 700ms cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform 700ms cubic-bezier(0.5, 0, 0.5, 1)
}
.subsection.visible,
.section-home.visible {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.tx-off-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}
.tx-off-top {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}
.tx-off-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}
.tx-off-bottom {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}
.section-loader {
    background-color: rgba(59, 177, 230, 0.5)
}
.changeview-prompt {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    font-size: 24px;
    text-align: center;
    background-color: #3bb1e6;
    background-repeat: no-repeat;
    background-position: 50% 38%;
    display: none
}
.changeview-prompt p {
    position: absolute;
    left: 0;
    top: 66%;
    right: 0
}
.has-js .deeplink-content {
    display: none
}
@media (orientation: portrait) {
    .ua-handheld .rotate-prompt {
        display: block
    }
}
@media screen and (max-width: 990px),
screen and (max-height: 620px) {
    .enlarge-prompt {
        display: block
    }
}
@-webkit-keyframes safari-anim-text-fix {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes safari-anim-text-fix {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.safari-anim-text-fix {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    background-color: rgba(255, 0, 255, 0)
}
.ua-desktop-safari .safari-anim-text-fix {
    display: block;
    -webkit-animation-name: safari-anim-text-fix;
    animation-name: safari-anim-text-fix;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}
.page-indicator>div {
    display: inline-block;
    position: relative
}
.page-indicator>div::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    opacity: 0;
    -webkit-transform: scale(0.125);
    -ms-transform: scale(0.125);
    transform: scale(0.125)
}
.page-indicator>div.active::after {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.page-indicator>div {
    margin: 0 2px;
    width: 22px;
    height: 22px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAAMFBMVEUAAAABAQEICAgHBwcAAADLy8sAAAAICAgAAAAJCQkAAAAAAAABAQEAAAABAQEAAABY83I/AAAAD3RSTlMA8EzYXA8Ow2yXIHzhNq2pfr+EAAAAoElEQVQY02NgAIFQBhhgmm5cqQZl2v////+zA5i9//PeVTfsf4KY3P+3AUmO/xOApP4XsKwiiLLfAGZz/ElgYPoMNa3egYHzN5Tt/4CB/S+Uvf4oQ/AvKDtRFIWNrIbzB0xvAZKZDQxs5xsgLvyYAJQTArMvgtRyfgRJsMg/AInM/+6VtqT+H1iW5fx/wf8fIboYUt4InmuDeZg1NABEAQD1gja2FCMx5QAAAABJRU5ErkJggg==');
    background-size: 22px 22px;
    cursor: pointer
}
.page-indicator>div::after {
    width: 22px;
    height: 22px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAAMFBMVEUAAAC5ubkGBgYGBgYAAAAICAgAAAAAAAALCwvU1NQAAAAAAAAAAAAAAAAAAAAAAACU4yfUAAAAD3RSTlMACMhB8uGwL5cY5Vwg2VLQtnHWAAAAeElEQVQY02NgQAeCcBZzU6iGAYTJk/////9PBWB21X8QcAYLrwezv4Ak2P5DgAKQbQ9l/wOy+6Hsb0C2PpT9VYCBMR7K/jIBhQ1X80sAVS/MzN9ANhOUfRHIZveHsMEuNYErAUqATPoE9QBfrkvYRpjHGGcKoPsaALFfeMiAR/snAAAAAElFTkSuQmCC');
    background-size: 22px 22px
}
.site-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50
}
.site-header .sh-nav {
    position: absolute;
    top: 0;
    left: 50%;
    font-size: 20px
}
.site-header .sh-nav a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.site-header .sh-branding {
    font-size: 1em;
    position: absolute;
    left: -6.75em;
    width: 13.5em
}
.site-header .sh-branding div {
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}
.site-header .sh-bluesky {
    left: 0;
    top: 0.2em;
    right: 0;
    height: 1.2em;
    background-image: url('../../images/common/bluesky-head.png')
}
.site-header .sh-movietitle {
    position: absolute;
    left: 0;
    top: 1.4em;
    right: 0;
    height: 5.85em
}
.site-header .sh-movietitle img {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
.site-header .sh-releasedate {
    left: -5em;
    top: 7.25em;
    right: -5em;
    height: 1.2em;
    text-align: center;
    -webkit-font-smoothing: antialiased
}
.site-header .sh-navset {
    position: absolute;
    top: 0;
    width: 825px;
    white-space: nowrap
}
.site-header .sh-navset.left {
    right: 6.75em;
    text-align: right
}
.site-header .sh-navset.right {
    left: 6.75em;
    text-align: left
}
.site-header .site-header-icon {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 4em;
    min-width: 4em;
    max-width: 7.75em;
    margin: 0em 0.2em;
    padding: 3.2em 0.2em 0em;
    white-space: normal;
    text-align: center;
    cursor: pointer
}
.site-header .site-header-icon:hover>div {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25)
}
.site-header .site-header-icon>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform 175ms cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform 175ms cubic-bezier(0.5, 0, 0.5, 1)
}
.site-header .site-header-icon>a {
    display: inline-block;
    padding-bottom: 0.4em;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAIBAMAAAC7TOTsAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAvn2VqXFIND1U/B5jA/CF44VCAAAAX0lEQVQY02NgGAzgdlpGe/Xuio7y8vIcZRNBQUERo9DQyMygY21nTs7YC1RwQ+r//3Xv1v9f/2vVfzTw6+FcoALebUEmjoIiLo4gvUqqoUpKSsbGJi7GJkYnp1UT4QIAxfAu4LHZBo8AAAAASUVORK5CYII=');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 175ms cubic-bezier(0.5, 0, 0.5, 1);
    transition: background-size 175ms cubic-bezier(0.5, 0, 0.5, 1);
    background-size: 0% 8px;
    -webkit-font-smoothing: antialiased
}
.site-header .site-header-icon.active>a {
    background-size: 100% 8px
}
.site-header .sh-soundbutton {
    position: absolute;
    top: 0;
    right: 0;
    width: 124px;
    height: 111px;
    -webkit-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    cursor: pointer
}
.site-header .sh-soundbutton.sound-is-off .sh-soundicon-mute {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.site-header .sh-soundicon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../../images/musicnote-circle.png');
    background-repeat: no-repeat;
    background-position: 50% 100%
}
.site-header .sh-soundicon-mute {
    position: absolute;
    left: 66px;
    top: 45px;
    opacity: 0;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    width: 24px;
    height: 24px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURf///0xpcfj4+P///////////////////////////yMfIMfFxo2Li316e1ZSU0ZCQ/Bg1RYAAAAKdFJOU/8A+lMpc6/ajcWAlZO5AAAA0klEQVQY02XQuwrCMBQG4N/UK14gVJ07OAlq+wZW0FknVwUfoIPuLu76GqcVOuvS2amzj+DorvinCIqeIclHknNOAv0V+IG987SeYGPQDFDxbQBLYsR57eLsFIht9Rkr1OVeIoKuhMCVA+GcROK6SKiIfYOLi0hSJFx1E0aEPNFG3yCBZ4ouzFYEK+vAZSrm6hjYqJljsfKJIS4GIQ7EghsRb8X5d9GUCVOLwEmOYMLEIBhICvQeTo6YqjOsLd8xyzoAvBZQzorOsdJ6vPP/P+QTL1BvS7cJTPs2AAAAAElFTkSuQmCC');
    background-size: 24px 24px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1)
}
.site-header .site-header-icon>div {
    background-size: 4em 44em;
    background-image: url('../../images/dhead/site-header-icons.png')
}
.site-header .site-header-icon.about>div {
    background-position: 50% 0em
}
.site-header .site-header-icon.charactercreator>div {
    background-position: 50% -4em
}
.site-header .site-header-icon.characters>div {
    background-position: 50% -8em
}
.site-header .site-header-icon.games>div {
    background-position: 50% -12em
}
.site-header .site-header-icon.home>div {
    background-position: 50% -16em
}
.site-header .site-header-icon.partners>div {
    background-position: 50% -20em
}
.site-header .site-header-icon.photos>div {
    background-position: 50% -24em
}
.site-header .site-header-icon.posters>div {
    background-position: 50% -28em
}
.site-header .site-header-icon.retail>div {
    background-position: 50% -32em
}
.site-header .site-header-icon.tickets>div {
    background-position: 50% -36em
}
.site-header .site-header-icon.videos>div {
    background-position: 50% -40em
}
footer {
    font-family: Arial, sans-serif;
    color: #a3d3e9
}
footer a,
footer a:link,
footer a:visited,
footer a:hover,
footer a:active {
    text-decoration: underline;
    color: #d1e9f4
}
footer a:hover,
footer a:active {
    color: #fff
}
footer .studio-logos {
    opacity: 0.67
}
footer .legal-text {
    text-align: justify
}
footer .rating-logo {
    opacity: 0.67;
    padding-bottom: 5px
}
footer {
    position: relative;
    padding: 28px 250px 28px 360px;
    font-size: 10px;
    line-height: 14px
}
footer .locale-selector {
    position: absolute;
    left: 28px;
    top: 28px
}
footer .studio-logos {
    position: absolute;
    left: 192px;
    top: 28px
}
footer .legal-text {
    margin-bottom: 14px
}
footer .movie-rating {
    position: absolute;
    right: 28px;
    top: 28px;
    text-align: center;
    padding-bottom: 5px
}
.social-links {
    opacity: 0;
    -webkit-transition: opacity 175ms;
    transition: opacity 175ms
}
.social-links a {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% 50%;
    color: transparent;
    font-size: 0
}
.social-links .facebook {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAADnRSTlMAD+H6exuN8HFhpdwoPFGAtMsAAABxSURBVDjLY2AYBVgBm/1/OPicgCTB/B8JGCBJ8CNLfMAm8dkeu0RFAEM8NonvBxgY5LFJ/GDAIfGVgXVmPzaJAgZu7K5SABpEFYkvYOZ9XBLzcUn4Y5EQFGBgFFxPU+cOlAQzsoQBZoIDS6AkuFGABAC9ngNMLwWjewAAAABJRU5ErkJggg==')
}
.social-links .googleplus {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMA4xlrjp4w0sRb80R4tAevEJRcAAABGElEQVQYGe3BP0sCcQDH4Y+nR1aTi+sdBK0Jrg1GNDUkLY1aQTQE1Su4XkBwQkOj2AtI34H3DkoaI3LoDahX/in4djf18ye9geh5+Perrbak2Md2ODrZ034fmyOfrD5YkImBYNbH1pwCXTWwhVNgRRVs3heQVxWbNwFcRcBmB8OrfHBVB9oVDF09Qv6dRBBhcDWC8wsSYQlTTc9nY+Cm7D2VO/xYPWjpHlDqCpOrKtArqFWoYFrSHakgYl5WgzqJIGLeuvRJwqtgWrssBFIH6JUwvOn6yAk1xOIERSCnGEtm1ifxMMbSjEktDbCEI1K5MZYgJpWLsdRmPonMEMuGiiRqDSzL0q7v3E5ZcKrEpM6i452XbZ8/6BvXmW3St64ycQAAAABJRU5ErkJggg==')
}
.social-links .instagram {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAD0z4ngG/F98KiqU2msmlhtGCAAAAqUlEQVQ4y2NgGAVYAafzfzgwmYAkwfIfCTggSTAjSxggSfDDBD8xMP3/gE3iIwMDtSQ+CQphSnxTL8oH0RgSSxkYorBJfAtgYGDNx5Bg6P8EYuj/QLec4f93EKP+P4aEPUTiMwPRRt2HWP4XQ+I8xLl/MCS4IR7cgCHB+B7kuX8CGBIM0iCJjQyYEgxnmy3uMGCTgAI0CUVBKEANdpyJAWfywZngRgESAABmiOVRnpM5CgAAAABJRU5ErkJggg==')
}
.social-links .tumblr {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMA0TDB47F0Rl/zF58JzoppS+AHAAAAf0lEQVQ4y2NgGAUM3P8/YpfgxSWxHpdEPg4JHn8cEtz/sUvwvMchUfv///+foaHhGBL/IeAHFSQE5YF2CAqKY9qu////Z6z+GEYSX3BE+f//CtgkWIASbn0bMCXYwKH7C1OCyx8k8Q2LWfUgCWwOYwdp+YvN+mOW/6c2jJisCgC6wHJ227Di2wAAAABJRU5ErkJggg==')
}
.social-links .twitter {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMA81O43Mga6gaILJ9reDxNgTDCAAAA1ElEQVQ4y2NgGAVUBjzhojcYmBIQAkwXwBSH/f//Xx65NCAkuD+BKeb/IFCApIP5P1iLPkj84+QLCAnW/59ByuzBOr4iWcr9/78kUMYfLDEBSYIPyJdWY4gHS6C4cz5IxLkeLIFkN0PP4v9w8B3JtQwsXxASX1F8jBD//xtZgqMeIfEJxfKFCAkJFAm2KXCJDSgSTFPhEgmoEnDxn2gxcR4mUYAmweQPlViAHnlc9lgcCwKZEK8ooIquW3cYYlAUmvLHUAtqMQzSdhQEgpiG0YxCDgAAwqrDLC3iqoAAAAAASUVORK5CYII=')
}
.social-links .youtube {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAMFBMVEUAAAD////////8/f3////////8/Pz5+fn8/f3////////////j4+Pi5OT////////rPwyLAAAAD3RSTlMA8Pqw4FPRLMVvFocEfx5vL1RIAAAAo0lEQVQ4y2NgGAVUAuyb2xwF/wPBR0G35u1IEkH/kcCnALg4lz6yxH8tuAQnivj/n3AJZlSJz3AJNlSJb3AJFohCeajEF7gEI5j/tRgq8xEuwQSR4LkBcd0nuAQ/RIKB3QIigyHBcDYFhwR7P3YJdvv/qBJQy2Hin9Cc+9PoP7pzWVB9/oVwkOAMRJzBjjOicEYtA9/kNhdBkLaPIqiJYRRQBADDkyB83QKVaQAAAABJRU5ErkJggg==')
}
.social-links.visible {
    opacity: 1
}
.social-links {
    position: absolute;
    z-index: 49;
    right: 24px;
    bottom: 24px
}
.social-links a {
    width: 48px;
    height: 48px;
    -webkit-transition: -webkit-transform 175ms ease-in-out;
    transition: transform 175ms ease-in-out
}
.social-links a:hover {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25)
}
@media (max-width: 1460px) {
    .social-links {
        right: 18px;
        bottom: 18px
    }
    .social-links a {
        width: 36px;
        height: 36px
    }
}
@media (max-width: 1200px) {
    .social-links {
        right: 12px;
        bottom: 12px
    }
    .social-links a {
        width: 24px;
        height: 24px
    }
}
.homescene0>.content-box {
    left: 932px;
    top: 321px;
    width: 883px;
    height: 620px
}
.homescene0>.content-box>.characters {
    left: 0px;
    top: 0px;
    width: 438px;
    height: 292px
}
.homescene0>.content-box>.characters::after {
    background-image: url('../../images/dhome/0/characters.png')
}
.homescene0>.content-box>.wahwah {
    left: -2px;
    top: -28px;
    width: 446px;
    height: 329px
}
.homescene0>.content-box>.wahwah::after {
    background-image: url('../../images/dhome/0/wahwah.png')
}
.homescene0>.content-box>.charactercreator {
    left: -4px;
    top: 290px;
    width: 445px;
    height: 329px
}
.homescene0>.content-box>.charactercreator::after {
    background-image: url('../../images/dhome/0/charactercreator.png')
}
.homescene0>.content-box>.posters {
    left: 464px;
    top: 3px;
    width: 419px;
    height: 617px
}
.homescene0>.content-box>.posters::after {
    background-image: url('../../images/dhome/0/posters.png')
}
.homescene0>.content-box>.fivecent {
    left: 464px;
    top: 3px;
    width: 419px;
    height: 617px
}
.homescene0>.content-box>.fivecent::after {
    background-image: url('../../images/dhome/0/fivecent.png')
}
.homescene0>.woodstock-box {
    left: 105px;
    top: 121px;
    width: 772px;
    height: 428px
}
.homescene0>.woodstock-box>.trailer-frame {
    left: 2px;
    top: 92px;
    width: 425px;
    height: 107px
}
.homescene0>.woodstock-box>.trailer-frame::after {
    background-image: url('../../images/dhome/0/trailer-frame.png')
}
.homescene0>.woodstock-box>.woodstock {
    left: 61px;
    top: 3px;
    width: 126px;
    height: 136px;
    background-image: url('../../images/dhome/0/woodstock.png');
    pointer-events: none
}
.homescene0>.charlie-box {
    left: 123px;
    top: 613px;
    width: 772px;
    height: 464px
}
.homescene0>.charlie-box>.charlie-a {
    left: 394px;
    top: -395px;
    width: 318px;
    height: 98px;
    background-image: url('../../images/dhome/0/charlie-a.png')
}
.homescene0>.charlie-box>.charlie-b {
    left: 334px;
    top: -299px;
    width: 443px;
    height: 309px;
    background-image: url('../../images/dhome/0/charlie-b.png')
}
.homescene0>.charlie-box>.charlie-snoopy {
    left: -57px;
    top: -59px;
    width: 849px;
    height: 539px;
    background-image: url('../../images/dhome/0/charlie-snoopy.png')
}
.homescene1>.content-box {
    left: 887px;
    top: 299px;
    width: 780px;
    height: 632px
}
.homescene1>.content-box>.games {
    left: 402px;
    top: 319px;
    width: 389px;
    height: 323px
}
.homescene1>.content-box>.games::after {
    background-image: url('../../images/dhome/1/games.png')
}
.homescene1>.content-box>.partners {
    left: 0px;
    top: 114px;
    width: 366px;
    height: 326px
}
.homescene1>.content-box>.partners::after {
    background-image: url('../../images/dhome/1/partners.png')
}
.homescene1>.content-box>.retail {
    left: 400px;
    top: 124px;
    width: 369px;
    height: 303px
}
.homescene1>.content-box>.retail::after {
    background-image: url('../../images/dhome/1/retail.png')
}
.homescene1>.content-box>.tickets {
    left: 4px;
    top: 319px;
    width: 363px;
    height: 312px
}
.homescene1>.content-box>.tickets::after {
    background-image: url('../../images/dhome/1/tickets.png')
}
.homescene1>.woodstock-box {
    left: 135px;
    top: 115px;
    width: 666px;
    height: 720px
}
.homescene1>.woodstock-box>.trailer-frame {
    left: -13px;
    top: 84px;
    width: 425px;
    height: 107px
}
.homescene1>.woodstock-box>.trailer-frame::after {
    background-image: url('../../images/dhome/1/trailer-frame.png')
}
.homescene1>.woodstock-box>.woodstock {
    left: 283px;
    top: -3px;
    width: 121px;
    height: 136px;
    background-image: url('../../images/dhome/1/woodstock.png');
    pointer-events: none
}
.homescene1>.charlie-box {
    left: 96px;
    top: 379px;
    width: 666px;
    height: 720px;
    pointer-events: none
}
.homescene1>.charlie-box>.charlie-snoopy {
    left: 1px;
    top: 0px;
    width: 746px;
    height: 770px;
    background-image: url('../../images/dhome/1/charlie-snoopy.png')
}
.homescene2>.content-box {
    left: 833px;
    top: 291px;
    width: 832px;
    height: 648px
}
.homescene2>.content-box>.about {
    left: -49px;
    top: 6px;
    width: 559px;
    height: 649px
}
.homescene2>.content-box>.about::after {
    background-image: url('../../images/dhome/2/about.png')
}
.homescene2>.content-box>.photos {
    left: 420px;
    top: -28px;
    width: 448px;
    height: 343px
}
.homescene2>.content-box>.photos::after {
    background-image: url('../../images/dhome/2/photos.png')
}
.homescene2>.content-box>.videos {
    left: 458px;
    top: 323px;
    width: 371px;
    height: 323px
}
.homescene2>.content-box>.videos::after {
    background-image: url('../../images/dhome/2/videos.png')
}
.homescene2>.woodstock-box {
    left: 210px;
    top: 160px;
    width: 681px;

    height: 768px
}
.homescene2>.woodstock-box>.trailer-frame {
    left: 29px;
    top: 93px;
    width: 425px;
    height: 108px
}
.homescene2>.woodstock-box>.trailer-frame::after {
    background-image: url('../../images/dhome/2/trailer-frame.png')
}
.homescene2>.woodstock-box>.woodstock {
    left: 5px;
    top: 6px;
    width: 147px;
    height: 135px;
    background-image: url('../../images/dhome/2/woodstock.png');
    pointer-events: none
}
.homescene2>.charlie-box {
    left: 155px;
    top: 383px;
    width: 681px;
    height: 768px;
    pointer-events: none
}
.homescene2>.charlie-box>.foreground {
    left: -236px;
    top: 649px;
    width: 2266px;
    height: 184px;
    background-image: url('../../images/dhome/2/foreground.png')
}
.homescene2>.charlie-box>.charlie-snoopy {
    left: -28px;
    top: 7px;
    width: 724px;
    height: 730px;
    background-image: url('../../images/dhome/2/charlie-snoopy.png')
}
.section-home,
.homescene-mover,
.homescene,
.homescene div {
    position: absolute;
    background-repeat: no-repeat
}
.section-home,
.homescene-mover,
.homescene {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}
.section-home {
    overflow: hidden;
    display: none
}
.section-home.display {
    display: block
}
.section-home p {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.homescene {
    text-align: center;
    background-size: cover;
    background-position: 50% 100%;
    overflow: hidden
}
.homescene .content-box {
    font-size: 45px;
    text-shadow: 0px 4px 2px #1a3787
}
.homescene .content-box>div::after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    content: "";
    -webkit-transition: -webkit-transform 175ms cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform 175ms cubic-bezier(0.5, 0, 0.5, 1)
}
.homescene .content-box>div:nth-child(3n+1):hover::after {
    -webkit-transform: rotate(-0.5deg) scale(1.05);
    -ms-transform: rotate(-0.5deg) scale(1.05);
    transform: rotate(-0.5deg) scale(1.05)
}
.homescene .content-box>div:nth-child(3n+2):hover::after {
    -webkit-transform: rotate(-0.25deg) scale(1.05);
    -ms-transform: rotate(-0.25deg) scale(1.05);
    transform: rotate(-0.25deg) scale(1.05)
}
.homescene .content-box>div:nth-child(3n):hover::after {
    -webkit-transform: rotate(0.25deg) scale(1.05);
    -ms-transform: rotate(0.25deg) scale(1.05);
    transform: rotate(0.25deg) scale(1.05)
}
.homescene .content-box p {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0.2em 0;
    letter-spacing: -0.02em;
    -webkit-font-smoothing: antialiased
}
.homescene .home-link.wahwah>p {
    bottom: 94%;
    width: 110%;
    left: -5%
}
.homescene .home-link.fivecent>p {
    bottom: 100%
}
.homescene .home-link.characters>p {
    bottom: 100%
}
.homescene .home-link.posters>p {
    bottom: 100%
}
.homescene .home-link.videos>p {
    top: 100%
}
.homescene .home-link.games>p {
    top: 97%
}
.homescene .home-link.charactercreator>p {
    top: 101%
}
.homescene .home-link.tickets>p {
    top: 101%
}
.homescene .home-link.about>p {
    top: 99%
}
.homescene .home-link.partners>p {
    top: 98%
}
.homescene .home-link.retail>p {
    top: 101%
}
.homescene .home-link.photos>p {
    bottom: 90%
}
.homescene .trailer-frame {
    display: inline-block;
    box-sizing: border-box;
    height: auto !important;
    padding: 37px 60px 38px 11px;
    font-size: 32px;
    text-shadow: 0px 3px 1px #1a3787;
    -webkit-font-smoothing: antialiased
}
.homescene .trailer-frame::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../../images/play-button-small.png');
    background-size: 33px 34px;
    background-repeat: no-repeat;
    background-position: 93.5% 50%
}
.homescene .trailer-frame::after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-size: 100% 100%;
    z-index: -1;
    -webkit-transition: -webkit-transform 175ms cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform 175ms cubic-bezier(0.5, 0, 0.5, 1)
}
.homescene .trailer-frame:hover::after {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.homescene .home-link {
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 350ms, 87.5ms;
    transition-duration: 350ms, 87.5ms;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    opacity: 0
}
.homescene .home-link:nth-child(3n+1) {
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    -webkit-transform: translateY(150px) scale(0.05) rotate(-40deg);
    -ms-transform: translateY(150px) scale(0.05) rotate(-40deg);
    transform: translateY(150px) scale(0.05) rotate(-40deg)
}
.homescene .home-link:nth-child(3n+2) {
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms;
    -webkit-transform: translateY(150px) scale(0.05) rotate(100deg);
    -ms-transform: translateY(150px) scale(0.05) rotate(100deg);
    transform: translateY(150px) scale(0.05) rotate(100deg)
}
.homescene .home-link:nth-child(3n) {
    -webkit-transition-delay: 180ms;
    transition-delay: 180ms;
    -webkit-transform: translateY(150px) scale(0.05) rotate(30deg);
    -ms-transform: translateY(150px) scale(0.05) rotate(30deg);
    transform: translateY(150px) scale(0.05) rotate(30deg)
}
.homescene.focused .home-link {
    cursor: pointer;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.homescene0 {
    background-image: url('../../images/dhome/0/bg.jpg')
}
.homescene1 {
    background-image: url('../../images/dhome/1/bg.jpg')
}
.homescene2 {
    background-image: url('../../images/dhome/2/bg.jpg')
}
.home-edgebutton {
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 10;
    font-size: 24px;
    text-transform: uppercase;
    color: #000;
    -webkit-transition: -webkit-transform 175ms cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform 175ms cubic-bezier(0.5, 0, 0.5, 1)
}
.home-edgebutton.visible {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.home-edgebutton.visible:hover {
    -webkit-transform: translateY(-50%) scale(1.1);
    -ms-transform: translateY(-50%) scale(1.1);
    transform: translateY(-50%) scale(1.1)
}
.home-edgebutton p {
    position: absolute;
    top: 32px;
    text-align: center
}
.home-back {
    left: 0;
    width: 73px;
    height: 117px;
    background-image: url('../../images/dhome/edgebutton-left2x.png');
    background-size: 73px 117px;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}
.home-back p {
    left: 0;
    right: 8px
}
.home-more {
    right: 0;
    width: 73px;
    height: 117px;
    background-image: url('../../images/dhome/edgebutton-right2x.png');
    background-size: 73px 117px;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}
.home-more p {
    left: 8px;
    right: 0
}
.section-characters canvas,
.character-sprites {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
.character-sprites {
    overflow: hidden
}
.character-sprite {
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transform-origin: 0px 0px;
    -ms-transform-origin: 0px 0px;
    transform-origin: 0px 0px
}
.character-sprite img {
    position: absolute
}
.character-plus {
    cursor: pointer;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.1);
    -ms-transform: translate(-50%, -50%) scale(0.1);
    transform: translate(-50%, -50%) scale(0.1)
}
.character-label {
    position: absolute;
    width: 12em;
    font-size: 48px;
    text-align: center;
    cursor: pointer;
    text-shadow: 0px 4px 2px #1a3787;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(0.1);
    -ms-transform: translateX(-50%) scale(0.1);
    transform: translateX(-50%) scale(0.1)
}
.section-characters.show-character-labels .character-plus {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.section-characters.show-character-labels .character-label {
    opacity: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
.character-bio-box {
    position: absolute;
    left: 53%;
    top: 49%;
    right: 17%;
    max-width: 442px
}
.character-nav-arrow {
    position: absolute;
    cursor: pointer;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0
}
.character-nav {
    position: absolute;
    top: 50%;
    width: 100%
}
.character-nav>.character-nav-arrow {
    width: 70px;
    height: 70px
}
.character-nav>.character-nav-arrow.left {
    left: 16px
}
.character-nav>.character-nav-arrow.right {
    right: 16px
}
.character-nav>.character-nav-arrow.visible {
    opacity: 1
}
.character-nav.scene>.character-nav-arrow.visible {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.character-nav.scene>.character-nav-arrow.visible:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.character-nav.bio>.character-nav-arrow.visible {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5)
}
.character-nav.bio>.character-nav-arrow.visible:hover {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6)
}
.character-bio-content {
    font-size: 19px
}
.character-bio-content h1 {
    font-size: 56px;
    line-height: 42px;
    text-shadow: 0px 2px 1px #1a3787;
    opacity: 0;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%
}
.character-bio-content p {
    margin: 1ex 0;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms
}
.character-bio-content .character-bio-close {
    opacity: 0;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.character-bio-content h1,
.character-bio-content p,
.character-bio-content .character-bio-close {
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}
.character-bio-content.visible h1,
.character-bio-content.visible p,
.character-bio-content.visible .character-bio-close {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.character-bio-content.visible .character-bio-close:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
@media (min-width: 1400px) and (min-height: 850px) {
    .character-bio-content {
        font-size: 23px
    }
}
.character-bio-text,
.character-bio-text * {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}
.character-bio-close {
    display: inline-block;
    padding: 11px 15px 1px 33px;
    font-size: 18px;
    text-transform: uppercase;
    cursor: pointer;
    background-image: url('../../images/dchars/frame-close2x.png'), url('../../images/dchars/close-x2x.png');
    background-repeat: no-repeat;
    background-size: 100% 100%, 28px 28px;
    background-position: 50% 50%, 0% 50%
}
.gallery-area {
    position: absolute
}
.gallery-item {
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}
.gallery-item>.gallery-item-preview {
    position: absolute;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}
.gallery-item>.gallery-item-preview::after {
    content: "";
    display: block;
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat
}
.gallery-item>.gallery-download {
    position: absolute
}
.gallery-item>.gallery-download>a {
    box-sizing: border-box;
    display: inline-block;
    background-size: 100% 100%;
    background-repeat: no-repeat
}
.gallery-item {
    font-size: 32px;
    line-height: 80px
}
.gallery-item>.gallery-download>a {
    min-width: 192px;
    min-height: 80px;
    background-image: url('../../images/action-frame-blue2x.png');
    padding: 0 24px;
    -webkit-transition: -webkit-transform 175ms ease-in-out;
    transition: transform 175ms ease-in-out
}
.gallery-item>.gallery-download>a:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.gallery-arrow {
    position: absolute;
    top: 47%;
    width: 70px;
    height: 70px;
    z-index: 15;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    opacity: 0;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1)
}
.gallery-arrow.visible {
    cursor: pointer;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.gallery-arrow.visible:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.section-videos {
    background-image: url('../../images/dvideos/background.jpg');
    text-align: center;
    font-size: 20px
}
.section-videos .page-indicator {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0px
}
.vid-anchor {
    position: absolute;
    left: 50%;
    top: 62%;
    width: 0;
    height: 0
}
.vid-content {
    position: absolute;
    color: #000
}
.vid-content .gallery-arrow.left {
    left: -13%
}
.vid-content .gallery-arrow.right {
    right: -13%
}
.vid-content {
    left: -570px;
    top: -320px;
    right: -570px;
    bottom: -320px
}
.vid-chars,
.vid-browse-nav,
.vid-browse-window,
.vid-browse-page,
.vid-playback,
.vid-playback-ui {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}
.vid-browse-page {
    position: absolute;
    left: 0;
    top: 10%;
    right: 0;
    bottom: 0
}
.vid-chars,
.vid-chars>div,
.vid-bill {
    pointer-events: none
}
.vid-chars>div,
.vid-frame,
.vid-bill {
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat
}
.vid-playback-ui {
    color: #fff
}
.vid-playback-ui>.vid-close,
.vid-playback-ui>.vid-more {
    position: absolute;
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1)
}
.vid-playback-ui>.vid-close {
    background-image: url('../../images/closebutton.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1)
}
.vid-playback-ui>.vid-more {
    left: 0;
    right: 0;
    top: 105%;
    font-size: 32px;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0px 3px 1.5px #1a3787;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}
.vid-playback-ui>.vid-more>span {
    display: inline-block;
    padding-right: 48px;
    background-image: url('../../images/up-arrow-white-dropshadow.png');
    background-position: 100% 50%;
    background-repeat: no-repeat
}
.vid-playback-ui.visible>.vid-close,
.vid-playback-ui.visible>.vid-more {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    cursor: pointer
}
.vid-playback-ui.visible>.vid-close:hover,
.vid-playback-ui.visible>.vid-more:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.vid-browse-arrows {
    opacity: 0;
    -webkit-transition: opacity 175ms linear;
    transition: opacity 175ms linear
}
.vid-browse-arrows.visible {
    opacity: 1
}
.vid-browse-window {
    overflow: hidden;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 350ms;
    transition: opacity 350ms
}
.vid-browse-window.display {
    display: block
}
.vid-browse-window.visible {
    opacity: 1
}
.video-page-entry {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    width: 32%;
    height: 45%;
    padding-top: 18.75%;
    margin: 0 2px;
    background-size: contain;
    background-position: 50% 0%;
    background-repeat: no-repeat
}
.video-page-entry.video-pad:nth-child(5n+1) {
    background-image: url('../../images/dvideos/padthumb0.jpg')
}
.video-page-entry.video-pad:nth-child(5n+2) {
    background-image: url('../../images/dvideos/padthumb1.jpg')
}
.video-page-entry.video-pad:nth-child(5n+3) {
    background-image: url('../../images/dvideos/padthumb2.jpg')
}
.video-page-entry.video-pad:nth-child(5n+4) {
    background-image: url('../../images/dvideos/padthumb3.jpg')
}
.video-page-entry.video-pad:nth-child(5n) {
    background-image: url('../../images/dvideos/padthumb4.jpg')
}
.video-page-entry.video-pad>p {
    position: absolute;
    left: 0;
    width: 100%;
    top: 25%;
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0px 2px 1px #1a3787;
    word-spacing: 9999px
}
.video-item {
    -webkit-transition-property: -webkit-transform, z-index;
    transition-property: transform, z-index;
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1)
}
.video-item:hover {
    z-index: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition-delay: 0, 175ms;
    transition-delay: 0, 175ms
}
@media (max-height: 693px) {
    .vid-playback-ui>.vid-more {
        display: none
    }
}
@media (max-width: 1440px),
(max-height: 1035px) {
    .vid-content {
        left: -427.5px;
        top: -240px;
        right: -427.5px;
        bottom: -240px
    }
    .video-page-entry.video-pad>p {
        font-size: 32px
    }
}
@media (max-width: 1110px),
(max-height: 799px) {
    .vid-content {
        left: -359.1px;
        top: -201.6px;
        right: -359.1px;
        bottom: -201.6px
    }
    .video-page-entry.video-pad>p {
        font-size: 32px
    }
}
.vid-content .vid-frame {
    left: -9.12%;
    top: -2.66%;
    width: 114.12%;
    height: 110.78%;
    background-image: url('../../images/dvideos/vid-frame.png')
}
.vid-content .vid-close {
    left: 100.70%;
    top: -11.88%;
    width: 4.47%;
    height: 7.81%;
    background-image: url('../../images/dvideos/vid-close.png')
}
.vid-content .vid-bill {
    left: -3.68%;
    top: 90.47%;
    width: 7.19%;
    height: 18.12%;
    background-image: url('../../images/dvideos/vid-bill.png')
}
.vid-content .vid-schroeder {
    left: 4.65%;
    top: -25.62%;
    width: 9.74%;
    height: 24.22%;
    background-image: url('../../images/dvideos/vid-schroeder.png')
}
.vid-content .vid-pig-pen {
    left: 80.35%;
    top: -24.84%;
    width: 14.74%;
    height: 29.53%;
    background-image: url('../../images/dvideos/vid-pig-pen.png')
}
.vid-content .vid-lucy {
    left: 13.60%;
    top: -21.41%;
    width: 10.18%;
    height: 20.31%;
    background-image: url('../../images/dvideos/vid-lucy.png')
}
.vid-content .vid-peppermint-patty {
    left: 72.72%;
    top: -26.56%;
    width: 10.70%;
    height: 26.88%;
    background-image: url('../../images/dvideos/vid-peppermint-patty.png')
}
.vid-content .vid-sally {
    left: 24.04%;
    top: -23.12%;
    width: 10.88%;
    height: 21.88%;
    background-image: url('../../images/dvideos/vid-sally.png')
}
.vid-content .vid-marcie {
    left: 62.89%;
    top: -23.91%;
    width: 9.74%;
    height: 23.59%;
    background-image: url('../../images/dvideos/vid-marcie.png')
}
.vid-content .vid-linus {
    left: 34.47%;
    top: -24.69%;
    width: 10.44%;
    height: 32.50%;
    background-image: url('../../images/dvideos/vid-linus.png')
}
.vid-content .vid-snoopy-woodstock {
    left: 53.68%;
    top: -21.72%;
    width: 9.74%;
    height: 20.94%;
    background-image: url('../../images/dvideos/vid-snoopy-woodstock.png')
}
.vid-content .vid-charlie-brown {
    left: 45.35%;
    top: -24.06%;
    width: 10.26%;
    height: 23.59%;
    background-image: url('../../images/dvideos/vid-charlie-brown.png')
}
.vid-content {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 700ms;
    transition-duration: 700ms;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1)
}
.vid-chars>div {
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1)
}
.vid-chars-back>div {
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}
.vid-chars-front>div {
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 350ms, 175ms;
    transition-duration: 350ms, 175ms;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}
.section-videos.tx-content .vid-content {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.section-videos.tx-content .vid-chars>div {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}
.vid-chars-back>.vid-charlie-brown {
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms
}
.vid-chars-front>.vid-charlie-brown {
    -webkit-transition-delay: 700ms, 875ms;
    transition-delay: 700ms, 875ms
}
.vid-chars-back>.vid-snoopy-woodstock {
    -webkit-transition-delay: 820ms;
    transition-delay: 820ms
}
.vid-chars-front>.vid-snoopy-woodstock {
    -webkit-transition-delay: 820ms, 995ms;
    transition-delay: 820ms, 995ms
}
.vid-chars-back>.vid-linus {
    -webkit-transition-delay: 820ms;
    transition-delay: 820ms
}
.vid-chars-front>.vid-linus {
    -webkit-transition-delay: 820ms, 995ms;
    transition-delay: 820ms, 995ms
}
.vid-chars-back>.vid-marcie {
    -webkit-transition-delay: 940ms;
    transition-delay: 940ms
}
.vid-chars-front>.vid-marcie {
    -webkit-transition-delay: 940ms, 1115ms;
    transition-delay: 940ms, 1115ms
}
.vid-chars-back>.vid-sally {
    -webkit-transition-delay: 940ms;
    transition-delay: 940ms
}
.vid-chars-front>.vid-sally {
    -webkit-transition-delay: 940ms, 1115ms;
    transition-delay: 940ms, 1115ms
}
.vid-chars-back>.vid-peppermint-patty {
    -webkit-transition-delay: 1060ms;
    transition-delay: 1060ms
}
.vid-chars-front>.vid-peppermint-patty {
    -webkit-transition-delay: 1060ms, 1235ms;
    transition-delay: 1060ms, 1235ms
}
.vid-chars-back>.vid-lucy {
    -webkit-transition-delay: 1060ms;
    transition-delay: 1060ms
}
.vid-chars-front>.vid-lucy {
    -webkit-transition-delay: 1060ms, 1235ms;
    transition-delay: 1060ms, 1235ms
}
.vid-chars-back>.vid-pig-pen {
    -webkit-transition-delay: 1180ms;
    transition-delay: 1180ms
}
.vid-chars-front>.vid-pig-pen {
    -webkit-transition-delay: 1180ms, 1355ms;
    transition-delay: 1180ms, 1355ms
}
.vid-chars-back>.vid-schroeder {
    -webkit-transition-delay: 1180ms;
    transition-delay: 1180ms
}
.vid-chars-front>.vid-schroeder {
    -webkit-transition-delay: 1180ms, 1355ms;
    transition-delay: 1180ms, 1355ms
}
.section-posters {
    overflow: hidden;
    background-image: url('../../images/dposters/background.jpg')
}
.section-posters>.gallery-area {
    left: 0;
    top: 172px;
    right: 0;
    bottom: 30px
}
.section-posters .gallery-item {
    left: 0;
    top: 0;
    width: 512px;
    height: 872px;
    -webkit-tap-highlight-color: transparent
}
.section-posters .gallery-item>.gallery-item-preview {
    left: 0;
    top: 0;
    right: 0;
    height: 758px
}
.section-posters .gallery-item>.gallery-item-preview::after {
    left: -23.24219%;
    top: -9.36675%;
    right: -23.24219%;
    bottom: -9.36675%
}
.section-posters .gallery-item:nth-child(3n+1)>.gallery-item-preview::after {
    background-image: url('../../images/frames/winter0.png')
}
.section-posters .gallery-item:nth-child(3n+2)>.gallery-item-preview::after {
    background-image: url('../../images/frames/winter1.png')
}
.section-posters .gallery-item:nth-child(3n)>.gallery-item-preview::after {
    background-image: url('../../images/frames/winter2.png')
}
.section-posters .gallery-item>.gallery-download {
    left: 0;
    bottom: 0;
    right: 0
}
.section-posters>.gallery-arrow {
    cursor: pointer
}
.section-posters>.gallery-arrow.left {
    left: 6.25%
}
.section-posters>.gallery-arrow.right {
    right: 6.25%
}
.section-posters>.p-charlie,
.section-posters>.p-sally,
.section-posters>.p-snow-l,
.section-posters>.p-snow-r {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none
}
.section-posters>.p-charlie,
.section-posters>.p-sally {
    z-index: 10;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 700ms;
    transition-duration: 700ms;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    opacity: 0
}
.section-posters>.p-snow-l,
.section-posters>.p-snow-r {
    z-index: 11
}
.section-posters.tx-content>.p-charlie,
.section-posters.tx-content>.p-sally {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.section-posters>.p-charlie {
    left: 1.171875%;
    bottom: 2.951389%;
    width: 21.09375%;
    height: 46.440972%;
    background-image: url('../../images/dposters/charlie.png');
    background-position: 0% 100%;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}
.section-posters>.p-sally {
    right: 0;
    bottom: 5.729167%;
    width: 19.921875%;
    height: 43.576389%;
    background-image: url('../../images/dposters/sally.png');
    background-position: 100% 100%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms
}
.section-posters>.p-snow-l {
    left: 0;
    bottom: 0;
    width: 35.644531%;
    height: 10.677083%;
    background-image: url('../../images/dposters/snow-l.png');
    background-position: 0% 100%
}
.section-posters>.p-snow-r {
    right: 16.748047%;
    bottom: 0;
    width: 14.208984%;
    height: 4.947917%;
    background-image: url('../../images/dposters/snow-r.png');
    background-position: 50% 100%
}
.section-photos {
    overflow: hidden
}
.section-photos>.gallery-area {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}
.section-photos .gallery-item {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: transparent
}
.section-photos .gallery-item>.sprite-dimmer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000
}
.section-photos .gallery-item>.gallery-download {
    left: 24px;
    bottom: 24px
}
.section-photos>.gallery-arrow {
    cursor: pointer
}
.section-photos>.gallery-arrow.left {
    left: 1%
}
.section-photos>.gallery-arrow.right {
    right: 1%
}
.section-games {
    background-image: url('../../images/dgames/background.jpg');
    text-align: center;
    color: #000
}
.section-games .games-flyingace {
    position: absolute;
    left: 0;
    width: 28.64469%;
    bottom: 0;
    height: 34.50521%;
    background-image: url('../../images/dgames/flying-ace.png');
    background-size: contain;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
    -webkit-transition: -webkit-transform 700ms cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform 700ms cubic-bezier(0.5, 0, 0.5, 1)
}
.section-games.tx-content .games-flyingace {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.section-games .games-page {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center
}
.section-games .game-item {
    display: inline-block;
    position: relative
}
.section-games .game-image {
    position: absolute;
    left: -4.16667%;
    top: 3.14286%;
    right: -4.16667%;
    height: 75.42857%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAAKAgMAAABj+FDJAAAACVBMVEUAAAD/AAD///9nGWQeAAAAA3RSTlP//wDXyg1BAAAAiklEQVQIHU3BMQqDQBAF0CEECZ4jlaewmAT8dVzEyiIEsgcJYeuM9RaruP+U0UrfE8+d58YLuAM3ELTZ2bvn3Ft2zM6yE+jrPNwLTp/B15xl8LVANeH2YLoCYO5bQKD6gwpTAkAWdQmBNk9rHFOyMHLqzI8SvuESIVyWWEUup1hG4coCj4SrWPHoDwXVX/tZE99SAAAAAElFTkSuQmCC');
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}
.section-games .game-copy {
    position: absolute;
    left: 0;
    top: 67.14286%;
    right: 0
}
.section-games .game-copy h2 {
    margin-bottom: 0.33em;
    font-size: 133%
}
.section-games .game-copy p {
    margin: 0 2.3em 1.8em
}
.section-games .game-cta {
    box-sizing: border-box;
    display: inline-block;
    min-width: 192px;
    min-height: 78px;
    background-image: url('../../images/action-frame-red.png');
    padding: 0.71875em 0.6875em 0;
    font-size: 133%;
    text-transform: uppercase;
    color: #fff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform 175ms cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform 175ms cubic-bezier(0.5, 0, 0.5, 1)
}
.section-games .game-cta:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.section-games {
    font-size: 24px
}
.section-games .gallery-arrow {
    top: 440px
}
.section-games .gallery-arrow.left {
    left: 1%
}
.section-games .gallery-arrow.right {
    right: 1%
}
.section-games .games-page {
    top: 188px
}
.section-games .game-item {
    width: 600px;
    height: 700px
}
.section-games .game-item.only {
    left: -300px
}
@media (max-width: 1445px),
(max-height: 975px) {
    .section-games {
        font-size: 18px
    }
    .section-games .gallery-arrow {
        top: 350px
    }
    .section-games .games-page {
        top: 168px
    }
    .section-games .game-item {
        width: 450px;
        height: 525px
    }
    .section-games .game-cta {
        min-width: 144px;
        min-height: 58px
    }
}
@media (max-width: 1200px),
(max-height: 760px) {
    .section-games {
        font-size: 15px
    }
    .section-games .gallery-arrow {
        top: 270px
    }
    .section-games .games-page {
        top: 128px
    }
    .section-games .game-item {
        width: 375px;
        height: 437.5px
    }
    .section-games .game-cta {
        min-width: 120px;
        min-height: 48px
    }
}
.section-charactercreator>.content-box {
    left: 505px;
    top: 301px;
    width: 1040px;
    height: 655px
}
.section-charactercreator>.content-box>.frameshadow {
    left: 0px;
    top: 622px;
    width: 1023px;
    height: 91px;
    background-image: url('../../images/dcc/frameshadow.png')
}
.section-charactercreator>.content-box>.textframe {
    left: 1px;
    top: 0px;
    width: 1038px;
    height: 655px;
    background-image: url('../../images/dcc/textframe.png')
}
.section-charactercreator>.content-box>.woodstock {
    left: 70px;
    top: 566px;
    width: 142px;
    height: 128px;
    background-image: url('../../images/dcc/woodstock.png')
}
.section-charactercreator>.content-box>.char-right-inner {
    left: 939px;
    top: 185px;
    width: 361px;
    height: 577px;
    background-image: url('../../images/dcc/char-right-inner.png')
}
.section-charactercreator>.content-box>.char-right-outer {
    left: 1265px;
    top: 130px;
    width: 348px;
    height: 619px;
    background-image: url('../../images/dcc/char-right-outer.png')
}
.section-charactercreator>.content-box>.char-right-center {
    left: 1045px;
    top: 45px;
    width: 437px;
    height: 767px;
    background-image: url('../../images/dcc/char-right-center.png')
}
.section-charactercreator>.content-box>.char-left-outer {
    left: -713px;
    top: 138px;
    width: 511px;
    height: 634px;
    background-image: url('../../images/dcc/char-left-outer.png')
}
.section-charactercreator>.content-box>.char-left-center {
    left: -530px;
    top: 90px;
    width: 464px;
    height: 705px;
    background-image: url('../../images/dcc/char-left-center.png')
}
.section-charactercreator>.content-box>.char-left-inner {
    left: -278px;
    top: 142px;
    width: 439px;
    height: 627px;
    background-image: url('../../images/dcc/char-left-inner.png')
}
.section-charactercreator>.content-box>.stones-right {
    left: 1120px;
    top: 695px;
    width: 452px;
    height: 72px;
    background-image: url('../../images/dcc/stones-right.png')
}
.section-charactercreator>.content-box>.stones-left {
    left: -522px;
    top: 697px;
    width: 458px;
    height: 76px;
    background-image: url('../../images/dcc/stones-left.png')
}
.section-charactercreator>.content-box,
.section-charactercreator>.content-box>div {
    position: absolute
}
.section-charactercreator>.content-box {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}
.section-charactercreator {
    color: #000;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    background-image: url('../../images/dcc/background.jpg');
    background-position: 50% 100%
}
.section-charactercreator .textframe {
    box-sizing: border-box;
    padding: 70px 70px 0 70px
}
.section-charactercreator h3,
.section-charactercreator h4,
.section-charactercreator p {
    margin-bottom: 22px
}
.section-charactercreator h3 {
    font-size: 88px;
    line-height: 75px
}
.section-charactercreator h4 {
    font-size: 60px;
    line-height: 75px
}
.section-charactercreator p {
    padding: 0 120px
}
.section-charactercreator .cc-cta {
    box-sizing: border-box;
    display: inline-block;
    color: #fff;
    min-width: 192px;
    min-height: 80px;
    background-image: url('../../images/action-frame-blue2x.png');
    padding: 22px 30px 0;
    text-transform: uppercase;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform 175ms ease-in-out;
    transition: transform 175ms ease-in-out
}
.section-charactercreator .cc-cta:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.section-charactercreator>.content-box>div {
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 700ms;
    transition-duration: 700ms;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1)
}
.section-charactercreator>.content-box>.frameshadow {
    opacity: 0
}
.section-charactercreator>.content-box>.textframe {
    -webkit-transform: perspective(4000px) rotateX(-90deg);
    transform: perspective(4000px) rotateX(-90deg);
    -webkit-transform-origin: 50% 90%;
    -ms-transform-origin: 50% 90%;
    transform-origin: 50% 90%
}
.section-charactercreator>.content-box>.woodstock {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms
}
.section-charactercreator>.content-box>.char-right-inner {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms
}
.section-charactercreator>.content-box>.char-right-outer {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms
}
.section-charactercreator>.content-box>.char-right-center {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}
.section-charactercreator>.content-box>.char-left-outer {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    -webkit-transition-delay: 375ms;
    transition-delay: 375ms
}
.section-charactercreator>.content-box>.char-left-inner {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    -webkit-transition-delay: 75ms;
    transition-delay: 75ms
}
.section-charactercreator>.content-box>.char-left-center {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    -webkit-transition-delay: 225ms;
    transition-delay: 225ms
}
.section-charactercreator.tx-content>.content-box>div {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}
.section-charactercreator.tx-content>.content-box>.textframe {
    -webkit-transform: perspective(4000px);
    transform: perspective(4000px)
}
.section-about>.content-box {
    left: 372px;
    top: 553px;
    width: 1303px;
    height: 624px
}
.section-about>.content-box>.textframe {
    left: -93px;
    top: -8px;
    width: 1419px;
    height: 657px;
    background-image: url('../../images/dabout/textframe.png')
}
.section-about>.content-box>.soccerball {
    left: 1107px;
    top: 526px;
    width: 182px;
    height: 155px;
    background-image: url('../../images/dabout/soccerball.png')
}
.section-about>.content-box>.football {
    left: 610px;
    top: 536px;
    width: 233px;
    height: 165px;
    background-image: url('../../images/dabout/football.png')
}
.section-about>.content-box>.bat {
    left: 24px;
    top: 573px;
    width: 421px;
    height: 118px;
    background-image: url('../../images/dabout/bat.png')
}
.section-about>.content-box>.kite {
    left: 1154px;
    top: -201px;
    width: 242px;
    height: 404px;
    background-image: url('../../images/dabout/kite.png')
}
.section-about>.content-box>.snoopy {
    left: -312px;
    top: 221px;
    width: 304px;
    height: 445px;
    background-image: url('../../images/dabout/snoopy.png')
}
.section-about>.content-box>.charlie {
    left: 1268px;
    top: 104px;
    width: 340px;
    height: 553px;
    background-image: url('../../images/dabout/charlie.png')
}
.section-about>.content-box>.schroeder {
    left: 12px;
    top: -284px;
    width: 211px;
    height: 294px;
    background-image: url('../../images/dabout/schroeder.png')
}
.section-about>.content-box>.lucy {
    left: 204px;
    top: -232px;
    width: 219px;
    height: 245px;
    background-image: url('../../images/dabout/lucy.png')
}
.section-about>.content-box,
.section-about>.content-box>div {
    position: absolute
}
.section-about>.content-box {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}
.section-about>.content-box,
.section-about>.content-box * {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}
.section-about {
    color: #000;
    font-size: 30px;
    line-height: 35px;
    text-align: left;
    background-image: url('../../images/dabout/background.jpg')
}
.section-about h2 {
    font-size: 46px;
    margin-bottom: 0.5em;
    text-align: center
}
.section-about .about-text {
    position: absolute;
    top: 88px;
    bottom: 44px
}
.section-about .about-synopsis {
    left: 176px;
    width: 600px;
    text-align: center
}
.section-about .about-cast {
    font-size: 23px;
    line-height: 29px;
    left: 896px;
    width: 402px
}
.section-about .about-cast dt,
.section-about .about-cast dd {
    display: inline-block
}
.section-about .about-cast dt {
    text-transform: uppercase;
    width: 54%
}
.section-about .about-cast dd {
    width: 46%
}
.section-about .a-back {
    z-index: 1
}
.section-about .textframe {
    z-index: 2
}
.section-about .a-front {
    z-index: 3
}
.section-about .a-anim {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    -webkit-transition-duration: 350ms, 175ms;
    transition-duration: 350ms, 175ms;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity
}
.section-about .charlie {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}
.section-about .snoopy {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-delay: 120ms;
    transition-delay: 120ms
}
.section-about .schroeder {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}
.section-about .schroeder.a-back {
    -webkit-transition-delay: 240ms;
    transition-delay: 240ms
}
.section-about .schroeder.a-front {
    -webkit-transition-delay: 240ms, 590ms;
    transition-delay: 240ms, 590ms
}
.section-about .lucy {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}
.section-about .lucy.a-back {
    -webkit-transition-delay: 360ms;
    transition-delay: 360ms
}
.section-about .lucy.a-front {
    -webkit-transition-delay: 360ms, 710ms;
    transition-delay: 360ms, 710ms
}
.section-about .kite {
    -webkit-transition-duration: 700ms !important;
    transition-duration: 700ms !important;
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: -100% 100%;
    -ms-transform-origin: -100% 100%;
    transform-origin: -100% 100%
}
.section-about.tx-content .a-anim {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.logopage {
    background-size: cover;
    background-position: 50% 50%;
    text-align: center
}
.logopage-container {
    color: #000
}
.lp-snoopy,
.lp-flying-ace {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat
}
.logopage-content a {
    font-size: 1px;
    color: rgba(255, 0, 255, 0);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}
.section-partners {
    background-image: url('../../images/dlogopages/background-partners.jpg')
}
.section-retail {
    background-image: url('../../images/dlogopages/background-retail.jpg')
}
.logopage-container {
    position: absolute;
    left: 3.51563%;
    top: 19.70486%;
    right: 3.51563%;
    bottom: 9.02778%;
    opacity: 0;
    -webkit-transform: translateY(25%);
    -ms-transform: translateY(25%);
    transform: translateY(25%);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1)
}
.tx-content .logopage-container {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.logopage-frame {
    position: absolute;
    left: -1.00423%;
    top: -2.19245%;
    right: -1.90275%;
    bottom: -4.5067%;
    background-image: url('../../images/dlogopages/frame.png');
    background-size: 100% 100%;
    background-repeat: no-repeat
}
.logopage-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}
.logopage-content a {
    display: inline-block;
    box-sizing: border-box;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}
.logopage-content a.no-url {
    cursor: default !important
}
.logopage-content a.has-url:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer
}
.logopage-content a:nth-child(8n+1) {
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms
}
.logopage-content a:nth-child(8n+2) {
    -webkit-transition-delay: 550ms;
    transition-delay: 550ms
}
.logopage-content a:nth-child(8n+3) {
    -webkit-transition-delay: 650ms;
    transition-delay: 650ms
}
.logopage-content a:nth-child(8n+4) {
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms
}
.logopage-content a:nth-child(8n+5) {
    -webkit-transition-delay: 850ms;
    transition-delay: 850ms
}
.logopage-content a:nth-child(8n+6) {
    -webkit-transition-delay: 950ms;
    transition-delay: 950ms
}
.logopage-content a:nth-child(8n+7) {
    -webkit-transition-delay: 1050ms;
    transition-delay: 1050ms
}
.logopage-content a:nth-child(8n+0) {
    -webkit-transition-delay: 1150ms;
    transition-delay: 1150ms
}
.tx-content .logopage-content a {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.tx-complete .logopage-content a {
    -webkit-transition-duration: 175ms !important;
    transition-duration: 175ms !important;
    -webkit-transition-delay: 0ms !important;
    transition-delay: 0ms !important
}
.lp-flying-ace {
    background-image: url('../../images/dlogopages/flying-ace.png');
    right: 5.49683%;
    top: -15.34714%;
    width: 7.0296%;
    height: 15.22533%;
    background-position: 100% 88%
}
.lp-snoopy {
    background-image: url('../../images/dlogopages/snoopy.png');
    right: 8.03383%;
    top: -15.22533%;
    width: 6.23679%;
    height: 14.85993%;
    background-position: 100% 90.16393%
}
.lp-anim {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1)
}
.tx-content .lp-anim {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.lp-back {
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-delay: 175ms;
    transition-delay: 175ms
}
.lp-front {
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-delay: 175ms, 350ms;
    transition-delay: 175ms, 350ms;
    opacity: 0
}
.tx-content .lp-front {
    opacity: 1
}
.tickets-vendors>a {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 100%;
    height: 50%
}
.tickets-vendors>a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}
.tickets-vendors>a.movietickets-com {
    background-color: #000;
    color: #FFF
}
.tickets-vendors>a.fandango {
    background-color: #FFF;
    color: #000
}
.tickets-vendors>a>p {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding-bottom: 1em
}
.modal-tickets {
    left: 50%;
    top: 56%;
    text-align: center
}
.modal-tickets h2 {
    position: absolute;
    left: 0;
    top: -88px;
    right: 0;
    font-size: 56px
}
.modal-tickets>div>div {
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat
}
.modal-tickets .frame-shadow {
    left: -39px;
    height: 63px;
    right: -44px;
    bottom: -97px;
    background-image: url('../../images/dtickets/frameshadow.png')
}
.modal-tickets .theater-image {
    left: 392px;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url('../../images/dtickets/charlie-brown-theater.jpg');
    background-size: cover !important;
    background-position: 57% 11%
}
.modal-tickets .tickets-vendors {
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 392px;
    bottom: 0;
    padding-right: 8px;
    font-size: 20px;
    background-color: #fff
}
.modal-tickets .tickets-vendors>a::before {
    -webkit-transition: -webkit-transform 175ms cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform 175ms cubic-bezier(0.5, 0, 0.5, 1);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}
.modal-tickets .tickets-vendors>a:hover::before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.modal-tickets .tickets-vendors>a.movietickets-com::before {
    background-image: url('../../images/dtickets/us/movietickets-com.png')
}
.modal-tickets .tickets-vendors>a.fandango::before {
    background-image: url('../../images/dtickets/us/fandango.png')
}
.modal-tickets .tickets-frame {
    left: -9px;
    top: -13px;
    right: -12px;
    bottom: -9px;
    background-image: url('../../images/dtickets/frame.png')
}
.modal-tickets .bill {
    right: -74px;
    bottom: -75px;
    width: 149px;
    height: 132px;
    background-image: url('../../images/dtickets/bill.png')
}
.modal-tickets .harriet {
    left: -45px;
    bottom: -48px;
    width: 111px;
    height: 128px;
    background-image: url('../../images/dtickets/harriet.png')
}
.modal-tickets .snoopy {
    left: -18px;
    top: -97px;
    width: 234px;
    height: 158px;
    background-image: url('../../images/dtickets/snoopy.png')
}
.modal-tickets .tickets-close {
    right: -35px;
    top: -73px;
    width: 48px;
    height: 48px;
    background-image: url('../../images/closebutton.png');
    -webkit-transition: -webkit-transform 175ms cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform 175ms cubic-bezier(0.5, 0, 0.5, 1);
    cursor: pointer
}
.modal-tickets .tickets-close:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.modal-tickets>div {
    position: absolute;
    left: -608px;
    top: -265px;
    right: -608px;
    bottom: -265px
}
@media (max-width: 1370px),
(max-height: 750px) {
    .modal-tickets>div {
        left: -448px;
        top: -245px;
        right: -448px;
        bottom: -245px
    }
}
.modal-bigvideo {
    left: 50%;
    top: 50%;
    right: 0%;
    bottom: 0%;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}
.bigvideo-playback {
    position: absolute;
    left: -85%;
    top: -85%;
    right: 15%;
    bottom: 15%;
    border: 6px solid #fff;
    background-color: #000
}
.bigvideo-close {
    position: absolute;
    right: 4.5%;
    top: -85%;
    width: 48px;
    height: 48px;
    background-image: url('../../images/closebutton.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: -webkit-transform 175ms cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform 175ms cubic-bezier(0.5, 0, 0.5, 1)
}
.bigvideo-close:hover {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25)
}
.modal-agegate {
    left: 50%;
    top: 50%;
    text-align: center
}
.modal-agegate .ag-frame {
    position: absolute;
    background-image: url('../../images/ag-frame.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000
}
.modal-agegate .ag-frame .ag-close {
    position: absolute;
    background-image: url('../../images/closebutton.png');
    background-size: 100% 100%;
    background-repeat: no-repeat
}
.modal-agegate .ag-frame h2,
.modal-agegate .ag-frame select {
    position: absolute
}
.modal-agegate .ag-frame h2 {
    top: 9%;
    font-size: 143.75%
}
.modal-agegate .ag-frame select {
    box-sizing: border-box;
    left: 15%;
    width: 70%;
    margin: 0;
    border: 1px solid #bbb;
    border-radius: 0;
    padding: 1ex;
    font-size: 100%;
    text-transform: uppercase;
    color: inherit;
    font: inherit;
    -webkit-appearance: none;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAASAgMAAABtFsVuAAAACVBMVEUAAAANLUMNLUNIKj/uAAAAAnRSTlMAnxYjQ+0AAABSSURBVBhXVcuxAcAgDAPBp/EEqZgm68TTMISbZMoUwmBU6YvDP+0FgD4zlDZzKNvMW4lXmjgyrdLESYUXFY6dVqnwpuCVQq8UrFJoB4XnKK71fixxNZ7a6MjLAAAAAElFTkSuQmCC');
    background-size: 54px 18px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-color: #fff
}
.modal-agegate .ag-frame .ag-month {
    top: 30%
}
.modal-agegate .ag-frame .ag-day {
    top: 46%
}
.modal-agegate .ag-frame .ag-year {
    top: 63%
}
.modal-agegate .ag-frame .ag-submit {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 9%;
    color: #fff;
    text-transform: uppercase;
    opacity: 0.4
}
.modal-agegate .ag-frame .ag-submit>span {
    box-sizing: border-box;
    display: inline-block;
    padding: 0.75em 0.75em 0;
    background-image: url('../../images/action-frame-blue2x.png');
    background-size: 100% 100%;
    background-repeat: no-repeat
}
.modal-agegate .ag-frame .ag-submit.enabled {
    opacity: 1;
    cursor: pointer
}
.modal-agegate {
    font-size: 32px
}
.modal-agegate .ag-frame {
    left: -206px;
    top: -323px;
    width: 412px;
    height: 646px
}
.modal-agegate .ag-frame .ag-close {
    right: -48px;
    top: 0;
    width: 48px;
    height: 48px
}
.modal-agegate .ag-frame select {
    background-size: 54px 18px
}
.modal-agegate .ag-frame .ag-submit>span {
    min-width: 200px;
    min-height: 80px
}
@media (max-width: 1280px) {
    .modal-agegate {
        font-size: 28px
    }
    .modal-agegate .ag-frame {
        left: -180px;
        width: 360px;
        top: -283px;
        height: 566px
    }
    .modal-agegate .ag-frame .ag-submit>span {
        min-width: 175px;
        min-height: 70px
    }
}
@media (max-width: 420px) {
    .modal-agegate {
        font-size: 20px
    }
    .modal-agegate .ag-frame {
        left: -130px;
        width: 260px;
        top: -220px;
        height: 440px
    }
    .modal-agegate .ag-frame .ag-close {
        right: -24px;
        top: 0;
        width: 24px;
        height: 24px
    }
    .modal-agegate .ag-frame select {
        background-size: 27px 9px
    }
    .modal-agegate .ag-frame .ag-submit>span {
        min-width: 133px;
        min-height: 53px
    }
}
.modal-exitlink-confirm {
    left: 50%;
    top: 50%;
    font-size: 36px;
    text-align: center;
    color: #000
}
.modal-exitlink-confirm .el-frame {
    position: absolute;
    left: -380px;
    top: -72px;
    right: -380px;
    padding: 1em;
    background-image: url('../../images/elc-frame.png');
    background-size: 100% 100%;
    background-repeat: no-repeat
}
.modal-exitlink-confirm p {
    margin-bottom: 0.67em
}
.modal-exitlink-confirm p:last-child {
    margin-bottom: 0
}
.modal-exitlink-confirm a {
    display: inline-block;
    padding: 0.5em 0.75em;
    margin: 0 0.33em;
    background-image: url('../../images/action-frame-blackstroke.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-transform: uppercase;
    cursor: pointer
}
.elc-button {
    -webkit-transition: -webkit-transform 175ms cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform 175ms cubic-bezier(0.5, 0, 0.5, 1)
}
.elc-button:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
@media (max-width: 760px) {
    .modal-exitlink-confirm {
        font-size: 24px
    }
    .modal-exitlink-confirm .el-frame {
        left: -194px;
        right: -194px
    }
}
.site-loader,
.site-loader-center,
.site-loader-center>canvas,
.site-loader-center>div,
.site-loader-center>h2,
.section-loader,
.section-loader-center,
.section-loader-center>img {
    position: absolute
}
.site-loader,
.section-loader {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 80
}
.site-loader-center,
.section-loader-center {
    left: 50%;
    top: 50%
}
.site-loader {
    background-color: #3bb1e6;
    -webkit-transition: -webkit-transform 350ms cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform 350ms cubic-bezier(0.5, 0, 0.5, 1)
}
.site-loader.before-load>.site-loader-center {
    opacity: 0;
    -webkit-transform: scale(0.05);
    -ms-transform: scale(0.05);
    transform: scale(0.05)
}
.site-loader.after-load {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.section-loader {
    -webkit-transition: opacity 175ms linear;
    transition: opacity 175ms linear;
    opacity: 0
}
.section-loader.during-load {
    opacity: 1
}
.section-loader.during-load>.section-loader-center {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.section-loader.during-load .section-loader-spinner {
    -webkit-animation-name: spin;
    animation-name: spin
}
.site-loader-center {
    opacity: 1;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1)
}
.site-loader-center>h2 {
    left: -200px;
    top: 170px;
    right: -200px;
    font-size: 36px;
    text-align: center
}
.section-loader-center {
    opacity: 0;
    -webkit-transform: scale(0.05);
    -ms-transform: scale(0.05);
    transform: scale(0.05);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1)
}
.section-loader-center>img {
    left: -30px;
    top: -30px;
    width: 60px;
    height: 60px
}
.site-loader-clock {
    left: -140px;
    top: -140px;
    width: 280px;
    height: 280px
}
.site-loader-image {
    left: -220px;
    top: -220px;
    width: 440px;
    height: 440px;
    background-image: url('../../images/loader/flyingace.png');
    background-size: 440px 440px
}
.section-loader-spinner {
    -webkit-animation-duration: 333ms;
    animation-duration: 333ms;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}
@media (max-width: 460px) {
    .site-loader-center,
    .section-loader-center {
        -webkit-transform: scale(0.65);
        -ms-transform: scale(0.65);
        transform: scale(0.65)
    }
}


.homescene0>.buy-box {
    left: 105px;
    top: 345px;
    width: 772px;
    height: 128px
}
.homescene0>.buy-box>.buy-frame {
    left: 44px;
     top: 0px;
    width: 313px;
    height: 107px
}
.homescene0>.buy-box>.buy-frame::after {
    background-image: url('../../images/dhome/0/trailer-frame.png')
}
.homescene1>.buy-box {
    left: 135px;
    top: 115px;
    width: 666px;
    height: 720px
}
.homescene1>.buy-box>.buy-frame {
    left: -13px;
    top: 84px;
    width: 425px;
    height: 107px
}
.homescene1>.buy-box>.buy-frame::after {
    background-image: url('../../images/dhome/1/trailer-frame.png')
}
.homescene2>.buy-box {
    left: 210px;
    top: 160px;
    width: 681px;

    height: 768px
}
.homescene2>.buy-box>.buy-frame {
    left: 29px;
    top: 93px;
    width: 425px;
    height: 108px
}
.homescene2>.buy-box>.buy-frame::after {
    background-image: url('../../images/dhome/2/trailer-frame.png')
}
.homescene .buy-frame {
    display: inline-block;
    box-sizing: border-box;
    height: auto !important;
    padding: 37px 60px 38px 11px;
    font-size: 32px;
    text-shadow: 0px 3px 1px #1a3787;
    -webkit-font-smoothing: antialiased
}
.homescene .buy-frame::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.homescene .buy-frame::after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-size: 100% 100%;
    z-index: -1;
    -webkit-transition: -webkit-transform 175ms cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform 175ms cubic-bezier(0.5, 0, 0.5, 1)
}
.homescene .buy-frame:hover::after {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}