/* cmn */
html {line-height: 1.2; }
html, body {margin: 0; padding: 0; text-align: center; scroll-behavior: smooth; font-size: 16px; }
body {font-family: 'Roboto', sans-serif; font-weight: 400; color: #023b51; background: #fff; overflow-x: hidden; overflow-y: auto; height: auto; }

h1, h2, h3, p, form, input, button, label, fieldset {margin: 0; padding: 0; font-family: 'Roboto', sans-serif; }
ul, li {margin: 0; padding: 0; border: 0; list-style: none; }
a {color: inherit; text-decoration: none; font-size: inherit; }
a img {border: 0; }

h2 {font-size: 1.5rem; font-weight: 700; color: #023b51; }
h3 {font-size: 1.19rem; font-weight: 700; color: #023b51; }

h1.script, h2.script {font-family: 'Roboto', sans-serif; font-weight: 400; color: #004666; font-size: 3.75rem; text-align: center; }

.mouse {cursor: pointer; }
.inv, .inv img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;

}
.vis, .vis img  {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.button-box {text-align: center; margin-top: 20px; }
button, a.cta, a.button {display: inline-block; cursor: pointer; padding: 15px 26px 11px 26px; line-height: 1.25; border: none; border: 1px solid #a41c31; background: #a41c31; color: #fff; font-size: .9375rem; font-weight: 700; text-transform: uppercase; transition: .25s ease; }
button:hover, a.cta:hover, a.button:hover {color: #a41c31; background: transparent; /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);*/ }

label {flex: 1 0 100%; cursor: pointer; display: block; margin: 0 10px 0 0; padding: 0 0 0; font-size: 1rem; line-height: 1.85; font-weight: 700; text-align: left; }
input {flex: 1 0 100%; display: block; width: 100%; margin: 0; padding: 4px 15px 0 15px; box-sizing: border-box; border-radius: 5px; border: 2px solid #a8adb3; background: #f2f2f2; box-sizing: border-box; font-family: 'Roboto', sans-serif; color: #023b51; font-size: 1rem; line-height: 1.85; font-weight: 400; outline: none !important; }
input::placeholder {opacity: 0; color: #fff; }
.field-box {display: flex; flex-flow: wrap; margin-top: 15px; }
.input-box {flex: 1 1 0; }

@keyframes blinking {
    0% {opacity: 1; }
    100% {opacity: 0; }
}

.checkbox-field {display: flex; flex-direction: row; margin-top: 15px; text-align: left; }
.checkbox-field.answer {margin-top: 10px; font-size: 1.125rem; }
.checkbox-field a {cursor: pointer; display: inline !important; }
.checkbox-field a[target='_blank'], .checkbox-field a.non-checking-link {text-decoration: underline; }
/*.checkbox-field a[target='_blank']::after {display: none; }*/
.checkbox-field a[target='_blank'] span {position: relative; display: inline-block; padding-right: 14px; text-decoration: underline; }
/*
.checkbox-field a[target='_blank'] span::after {content: url(ico/new-window.png); position: absolute; display: block; right: 0; top: -2px; }
*/
.checkbox-field div {flex: 1 1 auto; padding-top: 2px; }
/*.checkbox-field.answer div {padding-top: 8px; }*/
.checkbox-field a.confirmation-button {flex: 0 0 24px; height: 24px; margin-right: 10px; background: #f2f2f2 url(bg/checked.png) no-repeat 200px 0; background-size: 85%; border-radius: 5px; border: 2px solid #a8adb3; box-sizing: border-box; }
/*.checkbox-field.answer a.confirmation-button {flex: 0 0 38px; height: 36px; margin-right: 15px; background: url(bg/checkbox-answer.png) no-repeat; }*/
.checkbox-field.checked a.confirmation-button {background-position: center; }
/*.checkbox-field.answer.checked a.confirmation-button {background-image: url(bg/checkbox-answer-checked.png); }*/

@media (max-width: 670px){
    .field-box, .checkbox-field {margin-top: 10px; }
/*    .button-box {margin-top: 15px; }*/
    label, input {font-size: 1rem; }
    
}
@media (max-width: 450px){
    label {display: none; }
    input::placeholder {opacity: 1; color: #023b51; font-weight: 700; }
/*    .button-box {margin-top: 10px; margin-bottom: 5px; }*/
}

a[target='_blank'] {display: inline-block; }

#legal-disclaimer {display: none; z-index: 2000; position: relative; top: 0; width: 100%; padding: 28px 40px; background: #fff; box-sizing: border-box; }
#legal-disclaimer.accepted {height: 0; padding-top: 0; padding-bottom: 0; overflow: hidden; }
#legal-disclaimer .stripe {display: flex; flex-direction: row; text-align: left; }
#legal-disclaimer p {padding-right: 15px; color: #4c5356; -ms-flex: 0 1 auto; }
#legal-disclaimer p a {text-decoration: underline; }
#legal-disclaimer button {display: inline-flex; align-items: center; flex-grow: 0; cursor: pointer; padding: 0 26px; height: 40px; border: none; background: #66e4ee; color: #004666; font-size: .8rem; font-weight: 700; text-transform: uppercase; }
#legal-disclaimer button:hover {background: #94ecf3; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3); }
@media (max-width: 835px){
    #legal-disclaimer {}
    #legal-disclaimer .stripe {/*flex-direction: column;*/flex-wrap: wrap; align-content: flex-start; }
    #legal-disclaimer button {margin-left: 38px; margin-top: 14px; }
}

section {/*display: flex; flex-wrap: wrap; flex-direction: column; */position: relative; width: 100vw; min-height: 100vh; box-sizing: border-box; overflow-x: hidden; }
.stripe {width: 100%; max-width: 700px; margin: 0 auto; }

#scene {z-index: 100; left: 50%; position: absolute; width: 100vw; min-height: 100vh; height: 100%; margin: 0 auto; background: #79b4e0; background: linear-gradient(to bottom, #79b4e0, #d7e8f6, #fff, #fff); overflow: hidden; transform: translate3d(-50%,0,0); backface-visibility: hidden; }
.depth {width: 100%; height: 25%; position: absolute; transform: translate3d(0,0,0); backface-visibility: hidden; }
.depth>img {left: 50%; transform: translate3d(-50%,0,0); width: 100%; height: auto; position: absolute; backface-visibility: hidden; }

@media screen and (pointer: fine){
    #scene {animation: zoom-out 5s backwards cubic-bezier(.28, .75, .55, 1); }
}
@keyframes zoom-out {
    0% {width: 120%; }
    100% {width: 100%; }
}

#mountain-back {top: 23.6%; }
#mountain-back img {}

#mountain-mid {top: 42.11%;}
#mountain-mid img {width: 110%; }

#mountain-front {top: 30.8%;}
#mountain-front img {left: 45%; width: 130%; }

#ground-far-back {top: 61.56%;}
#ground-far-back img {width: 136%; }

#ground-back {top: 48.67%;}
#ground-back img {width: 116%; }

#ground-mid {top: 33%;}
#ground-mid img {width: 148%; }

#ground-front {top: 55.7%;}
#ground-front img {width: 148%; }

@media (max-aspect-ratio:13/10){
    #mountain-back img {width: 130%; }
    #mountain-mid img {width: 143%; }
    #mountain-front img {left: 40%; width: 180%; }
/*    #ground-far-back img {width: 150%; }*/
    
    #ground-back {top: 57%;}
    #ground-back img {width: 130%; }
    
    #ground-mid {top: 44%;}
    #ground-mid img {width: 180%; }
    
    #ground-front {top: 55%;}
    #ground-front img {width: 180%; }
}

@media (max-aspect-ratio:7/10){
    #scene {position: fixed; }
    h1.script {font-size: 3.5rem; }
/*    #mountain-back {top: 20%; }*/
    #mountain-back img {width: 130%; }
    #mountain-mid {top: 30%; }
    #mountain-mid img {width: 130%; }
    #mountain-front {top: 30%; }
    #mountain-front img {width: 130%; }
    
/*    #ground-far-back img {width: 150%; }*/
    
    #ground-far-back {top: 55%; }
    #ground-back {top: 55%;}
    #ground-back img {width: 130%; }
    #ground-mid {top: 60%;}
    #ground-mid img {width: 160%; }
    #ground-front {top: 70%;}
    #ground-front img {width: 160%; }
}

@media screen and (pointer: fine){
    .wine #mountain-mid {transform: translate3d(1%,0,0); }
    .wine #mountain-front {transform: translate3d(2%,0,0); }
    .wine #ground-far-back {transform: translate3d(6%,0,0); }
    .wine #ground-back {transform: translate3d(7%,0,0); }
    .wine #ground-mid {transform: translate3d(8%,0,0); }
    .wine #ground-front {transform: translate3d(9%,0,0); }
    .wine #direction .visual {transform: translate3d(20%,0,0); }
    .charity #mountain-mid {transform: translate3d(-1%,0,0); }
    .charity #mountain-front {transform: translate3d(-2%,0,0); }
    .charity #ground-far-back {transform: translate3d(-6%,0,0); }
    .charity #ground-back {transform: translate3d(-7%,0,0); }
    .charity #ground-mid {transform: translate3d(-8%,0,0); }
    .charity #ground-front {transform: translate3d(-9%,0,0); }
    .charity #direction .visual {transform: translate3d(-20%,0,0); }
    .wine #direction .visual .cnt div:nth-child(1) {transform: rotate(-5deg); }
    .charity #direction .visual .cnt div:nth-child(1) {transform: rotate(-90deg); opacity: 0; }
    .charity #direction .visual .cnt div:nth-child(2) {transform: rotate(5deg); }
    .wine #direction .visual .cnt div:nth-child(2) {transform: rotate(90deg); opacity: 0; }
}

#content {position: relative; z-index: 1000; width: 100%; min-height: 100vh; display: flex; flex-flow: column; justify-content: center; align-items: center; overflow: hidden; }
#content .inner {width: 80%; max-width: 480px; flex: 0 1 auto; padding: 50px 0; }

h1.script {font-family: 'Sacramento', cursive; margin: 20px 0 20px; line-height: 1; }
h2 {margin: 30px 0 20px 0; }
a.logo {margin-bottom: 30px; display: inline-block; }
a.logo img {display: block; width: 200px; height: auto; }

ul, li, p {text-align: left; text-shadow: 0 0 10px #fff; }
p.center {text-align: center; }

p {margin-bottom: 10px;  }

ul.choice li {position: relative; padding: 10px 0 10px 50px; font-weight: 700; }
ul.choice li:nth-child(2) {text-transform: uppercase; }
ul.choice li:nth-child(1)::before, ul.choice li:nth-child(3)::before {content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); line-height: 1; font-family: 'Sacramento', cursive; font-size: 2rem !important; color: #a41c31; }
ul.choice li:nth-child(1)::before {content: '1)'; }
ul.choice li:nth-child(3)::before {content: '2)'; }
ul.choice li a {color: #a41c31; }
ul.choice li a:hover {text-decoration: underline; }

.depth, #direction .visual, #direction .visual .cnt div {transition: .8s cubic-bezier(.22, 0, .38, 1); }

#direction {position: relative; z-index: 2000; width: 100%; }
#direction .visual {position: relative; width: 100%; }
#direction .visual .cnt {position: relative; display: flex; flex-flow: row; justify-content: space-between; width: 80%; max-width: 800px; margin: 0 auto; }
#direction .visual .cnt div {display: block; position: relative; width: 45%; max-width: 250px; transform-origin: center bottom; }
#direction .visual .cnt div img {width: 100%; height: auto; }
/*#direction .visual .cnt div:nth-child(1) img {transform: scale(-1,1); }*/
#direction .visual .cnt div span {position: absolute; width: 120%; display: block; font-family: 'Sacramento', cursive; font-size: 35px; font-weight: 700; color: #fff; backface-visibility: hidden; line-height: 1; }
#direction .visual .cnt div:nth-child(1) span {top: 16%; left: 50%; transform: translate3d(-50%,-50%,0) rotate(5deg); }
#direction .visual .cnt div:nth-child(2) span {top: 16%; left: 50%; transform: translate3d(-50%,-50%,0) rotate(-5deg); }

#direction a {top: 0; position: absolute; display: block; width: 50%; height: 100%; background: transparent; }
#direction a:nth-of-type(2) {left: 50%; }



div.center, div.center p {text-align: center !important; }














 
#cnt .stripe {min-height: calc(100vh - 100px); display: flex; flex-direction: column; justify-content: center; align-items: center; }
nav {z-index: 1000; position: relative; align-self: start; width: 100%; height: 50px; background: #e3eff3; }
#cnt {z-index: 500; flex-grow: 1; align-self: stretch; position: relative; width: 100%; /*border: 2px dotted red; box-sizing: border-box;*/ background: #f0f2f4 url(bg/noise-f0f2f4.png); /*background: grey; */}
footer, footer .stripe {height: 50px; }
footer {padding: 0 40px; background: #004666; color: #fff; }
footer .stripe {display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; align-items: center; font-size: .75rem; text-align: right; }
footer a.gdpr, footer span {display: block; flex-grow: 1; }
footer a.gdpr {text-align: left; }

@media (max-width: 390px){
    footer, footer .stripe {height: 60px; }
    footer a.gdpr {width: 100%; text-align: right; }
}

#preload {width: 0; height: 0; position: absolute; left: -10px; top: -10px; overflow: hidden; }


.myip .cross::before {z-index: 20000; content: ''; position: absolute; display: block; left: -1px; top: -10px; width: 2px; height: 20px; background: red; opacity: .5; }
.myip .cross::after {z-index: 21000; content: ''; position: absolute; display: block; left: -10px; top: -1px; width: 20px; height: 2px; background: red; opacity: .5; }







/*

menu

*/

nav {display: flex; flex-direction: row; }
nav .stripe {align-self: stretch; position: relative; }
.toggleMenu {display: flex; align-items: center; cursor: pointer; position: absolute; top: 0; bottom: 0; padding: 0 10px; font-size: 1.25rem; }
.toggleMenu span {position: relative; }
.toggleMenu span::after {content: ''; position: absolute; left: 50%; top: 100%; width: 0; height: 1px; transform: translateX(-50%); background: #004666; }
.toggleMenu:hover span::after, nav.opened .toggleMenu span::after {width: 100%; }
.menu-box {position: absolute; top: 100%; overflow: hidden; height: 0; transition: .1s ease .3s; }
nav.opened .menu-box {height: auto; transition-delay: 0s; }
nav ul {display: flex; flex-direction: column; position: relative; padding: 20px; background: #004666; transform: translateY(-100%); font-size: 1rem; }
nav.opened ul {transform: none; }
nav ul li {border-bottom: 1px solid #006384; }
nav ul li:last-of-type {border: none !important; }
nav ul li a {cursor: pointer; position: relative; display: block !important; padding: 10px 25px 10px 10px; transition: .25s ease; color: #fff; text-align: left; }
/*
nav ul li a::after {content: url(ico/new-window-light.png) !important; position: absolute !important; display: block !important; right: 5px !important; top: 7px !important; }
*/
nav ul li a:hover {background: #005575; }

nav ul li.help {background: #26292e; border-color: #464a52; }
nav ul li.help a:hover {background: #0d0e10 !important; }
nav ul li.myip {background: #6f0202; border-color: #a20404; }
nav ul li.myip a:hover {background: #480000; }
nav ul li.dates {display: flex; max-width: 260px; flex-flow: wrap; justify-content: flex-start; }
nav ul li.dates a {padding: 5px; margin: 2px; flex: 0 0 calc(14.285% - 4px); box-sizing: border-box; text-align: center; }
nav ul li.dates a.contest-running {background: #3d4148; }
nav ul li.dates a.active {background: white; color: #26292e; }
nav ul li.dates a.active:hover {color: #fff; }
#CURR_DATE {z-index: 50000; position: fixed; background: #26292e; padding: 10px 10px 10px 15px; color: #fff; font-size: 100%; font-weight: 700; right: 0; top: 50%; transform: translateY(-50%); animation: flashing 2s alternate infinite ease-in-out; border-top-left-radius: 50px; border-bottom-left-radius: 50px; }

@keyframes flashing {
    0% {opacity: 0; }
    30% {opacity: 1; }
    100% {opacity: 1; }
}

#user-logout-button.not-logged {display: none; }


@media (max-width: 500px){
    nav {height: 40px; }
}


/*
    content
*/
#headline {max-width: 400px; position: relative; margin-top: 30px; }
#headline div {text-align: left; margin: 0 5%; }
#headline p {font-size: 1.125rem; text-align: center; }
#headline p a {cursor: pointer; text-decoration: underline; }
#headline a.cta {display: block; }
#headline button.cta {display: none; margin-top: 20px; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); }
#headline button.cta.show {display: inline-flex; animation: pulse .3s alternate infinite cubic-bezier(.52, 0, .48, 1); }
#headline button.cta {align-items: center; cursor: pointer; font-weight: 700; line-height: 1.25; }
/*#headline button.cta:hover {background: #94ecf3; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3); }*/

@keyframes pulse {
    0% {transform: translateX(-50%) scale(1); /*animation-timing-function: cubic-bezier(.35, 0, .21, 1);*/}
    /*
    20% {transform: scale(.9); animation-timing-function: cubic-bezier(.2, .67, .48, 1);}
    27% {transform: scale(1.15); }
    60% {transform: scale(1); }
    */
    100% {transform: translateX(-50%) scale(.95); }
}
/*
#headline {background: #faf; }
#headline div {background: silver; }
#headline a.cta {background: grey; }
*/

@media (max-width: 550px){
    #headline {flex-direction: column; align-items: center; width: 100%; max-width: 400px; }
    #headline button.cta {margin-top: 14px; }
}

@media (max-width: 350px){
    #headline h1 {font-size: 2.8rem; }
    #headline p {font-size: 1rem; }
}

@media (max-width: 300px){
    #headline h1 {font-size: 1.8rem; font-weight: 700; }
    #headline p {font-size: .8rem; }
}

/*

    error box

*/
#error-box-cover {display: none; z-index: 1400; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #4c5356; }
#error-box-cover.show {display: block; animation: show-error-box-cover .5s both cubic-bezier(.05, .59, .05, 1); }
#error-box-cover.hide {display: block; animation: hide-error-box-cover .25s both cubic-bezier(.38, 0, .89, .3); }

@keyframes show-error-box-cover {
    0% {opacity: 0; }
    100% {opacity: .3; }
}
@keyframes hide-error-box-cover {
    0% {opacity: .3; }
    100% {opacity: 0; }
}

.error-box {z-index: 1500; position: fixed; left: 0; top: 0; width: 100%; height: 100%; /*min-height: -webkit-min-content;min-height: -moz-min-content;min-height: min-content; */display: flex; flex-flow: column; /*align-items: center; justify-content: flex-start;*/ overflow-y: auto; }
.error-box {display: none; }
.error-box.show {z-index: 1600; }
.error-box.show, .error-box.hide {display: flex; }
.error-box.show .inner-box {display: flex; animation: zoom-in-elastic .5s both cubic-bezier(.52, 0, .48, 1); }
.error-box.hide .inner-box {display: flex; animation: zoom-out-elastic .25s both cubic-bezier(.52, 0, .48, 1); }
@keyframes zoom-in-elastic {
    0% {opacity: 0; transform: scale(.7); animation-timing-function: cubic-bezier(.18, .76, .47, 1); }
    33% {opacity: 1; transform: scale(1.05); }
    67% {opacity: 1; transform: scale(.98); }
    100% {opacity: 1; transform: none; }
}
@keyframes zoom-out-elastic {
    0% {opacity: 1; transform: none; }
    50% {opacity: 1; transform: scale(1.05); animation-timing-function: cubic-bezier(.38, 0, .89, .3); }
    100% {opacity: 0; transform: scale(.7); }
}
.error-box .inner-box {z-index: 500; position: relative; flex: 0 1 auto; width: 100%; max-width: 750px; min-height: -webkit-min-content;min-height: -moz-min-content;min-height: min-content; margin: auto; display: flex; flex-direction: column; align-content: center; justify-content: center; /*background: rgba(255, 0, 0, 0.46); */}
#winners .inner-box {max-width: 900px; }

@media (max-width: 530px){
/*
    .error-box {width: 98%; }
    .error-box .content {margin: 60px 35px 20px 30px; }
*/
}

.error-box .frame img {position: absolute; transform-origin: center; }
.error-box .corner-lt, .error-box .corner-rt {top: 5px; }
.error-box .corner-lt, .error-box .corner-lb {left: -25px; }
.error-box .corner-rt, .error-box .corner-rb {right: -25px; }
.error-box .corner-lb, .error-box .corner-rb {bottom: 5px; }

.error-box .corner-lt {transform: scale(.5); }
.error-box .corner-rt {transform: scale(-.5, .5); }
.error-box .corner-lb {transform: scale(.5, -.5); }
.error-box .corner-rb {transform: scale(-.5); }

.error-box .frame, .error-box .content, .error-box .frame .bg {box-sizing: border-box; }
.error-box .frame {z-index: 200; position: absolute; width: 90%; height: 100%; margin: 0 5%; padding: 30px 0; }
.error-box .frame .bg {width: 100%; height: 100%; background: #bbdaf1; box-shadow: 0 9px 18px rgba(0,0,0,.3); }
.error-box .content {z-index: 300; position: relative; min-height: 350px; margin: 0 5%; padding: 80px 90px; display: flex; flex-direction: column; align-content: space-around; justify-content: center; text-align: center; align-items: center; border: 2px solid transparent; overflow-x: hidden; }
.error-box .content>* {flex: 0 1 auto; }
/*.error-box .content:hover>* {background: silver; }*/
.error-box h2 {margin-bottom: 15px; text-align: center; }
#game h2 {font-size: 1.3rem; margin-bottom: 10px; line-height: 1.15; }
#response h2.stop {font-size: 3rem; color: #a21e4d; text-transform: uppercase; }
.error-box h2 span {display: block; font-size: 1rem; }
.error-box p {font-size: 1.1rem; max-width: 100%; flex-shrink: 1; text-align: center; }
.error-box p.prompt {padding-top: 15px; font-weight: 700; }
.day-24 .error-box .except-last-contest-day {display: none !important; }
.error-box p a {cursor: pointer; }
.error-box p b.your-price {display: block; margin-bottom: 15px; font-size: 1.2rem; font-weight: 700; }
.error-box p.center {text-align: center; }
.error-box p.gdpr {margin-top: 15px; font-size: .75rem; line-height: 1.3; }
.error-box p.gdpr a {text-decoration: underline; }

.error-box p.help {margin-top: 20px; }
.error-box p.help a {position: absolute; left: 50%; bottom: 35px; transform: translate(-50%,-50%); }
.error-box p.help a img {position: absolute; right: -8px; top: 20%; transform-origin: center bottom; transform: translateY(-59%) scale(.5); animation: hop 2s infinite cubic-bezier(.52, 0, .48, 1); }
.error-box p.help a span {display: inline-block; padding-right: 25px; font-size: .8125rem; }

#wins b.win {display: block; margin: 15px 0; font-size: 1.2rem; }
#marketing-agreement p {font-size: .85rem; }
#marketing-agreement p a {text-decoration: underline; }

.error-box input.hidden {font-size: 11px; display: block; border: 1px solid silver; }
.error-box a.close-popup-area {z-index: 300; cursor: pointer; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; }
.error-box a.close-popup {z-index: 2000; cursor: pointer; position: absolute; display: block; left: 50%; top: 30px; width: 25px; height: 25px; padding: 15px; transform: translateX(-50%); }
.error-box a.close-popup span {display: block; position: absolute; left: 50%; top: 50%; width: 25px; height: 3px; background: #a8adb3; transition: .55s ease-in-out; }
.error-box a.close-popup span:nth-child(1) {transform: translate(-50%,-50%) rotate(-45deg); }
.error-box a.close-popup span:nth-child(2) {transform: translate(-50%,-50%) rotate(45deg); }
.error-box a.close-popup:hover span {background: #626971; transition: .2s ease-out; }
.error-box a.close-popup:hover span:nth-child(1) {transform: translate(-50%,-50%) rotate(45deg); }
.error-box a.close-popup:hover span:nth-child(2) {transform: translate(-50%,-50%) rotate(135deg); }

#logged-with-fb button.cta.game-not-allowed {display: none; }
#logged-with-fb.game-not-allowed button.cta.game-allowed {display: none; }
#logged-with-fb.game-not-allowed button.cta.game-not-allowed {display: block; }

.popup-image {position: relative; width: 100%; height: 125px; }
#wins .popup-image {height: 80px; }
.popup-image .house {z-index: auto; position: absolute; left: 50%; bottom: 30px; height: 100%; max-height: 95px; max-width: 160px; transform: translateX(-50%); opacity: .3; }
.popup-image .shade {position: absolute; left: 50%; bottom: 30px; transform-origin: center bottom; transform: translateX(-50%) scale(.5); }
.popup-image .car-box {position: absolute; width: 100%; bottom: 14px; opacity: 0; }
#game.show .popup-image .car-box {animation: popup-car-box 8s both infinite linear; }
.popup-image .car-box img {transform-origin: center bottom; }
.popup-image .car-box .wheels {position: absolute; left: 0; bottom: 0; transform: translateX(-50%) scale(.5); }
#game.show .popup-image .car-box .car-frame {position: absolute; left: -2px; bottom: 4px; transform: translateX(-50%) scale(.5); animation: popup-car-frame 2s alternate infinite ease; }
#wins .popup-image {position: relative; width: 65px; height: 61px; margin: 0 auto 30px auto; }
.popup-image div.angel {position: absolute; }
.popup-image div.angel img {position: absolute; }
#response .popup-image {height: 145px; }
#response .popup-image .snowman, #response .popup-image .stop {position: absolute; bottom: 10px; transform-origin: center bottom; transform: translateX(-50%) scale(.5); }
#response .popup-image .shade {bottom: 25px; }
#response .popup-image.stop .shade {bottom: 38px; }
/*.popup-image .angel .body {position: absolute; width: 100%; height: auto; }*/

@keyframes popup-car-frame {
    0% {transform: translate(-50%,0) scale(.5); }
    20% {transform: translate(-50%,-1%) scale(.5) rotate(-1deg); }
    40% {transform: translate(-50%,.5%) scale(.5) rotate(0deg); }
    60% {transform: translate(-50%,0) scale(.5) rotate(.5deg); }
    80% {transform: translate(-50%,-1%) scale(.5) rotate(-.5deg); }
    80% {transform: translate(-50%,.5%) scale(.5) rotate(-1deg); }
    100% {transform: translate(-50%,-.5%) scale(.5) rotate(0deg); }
}

@keyframes popup-car-box {
    0% {opacity: 0; transform: translateX(0); }
    3% {opacity: 1; }
    37% {opacity: 1; }
    40% {opacity: 0; transform: translateX(100%); }
    50% {opacity: 0; transform: translateX(0) scale(-1,1); }
    53% {opacity: 1; }
    87% {opacity: 1; }
    90% {opacity: 0; transform: translateX(-100%) scale(-1,1); }
    100% {opacity: 0; transform: translateX(0); }
}








#legal-disclaimer .inner button,
#legal-disclaimer.accepted,
nav ul, .toggleMenu span::after
{transition: .25s ease; }