.wrapper-padding {
display:none;
}
section.christmas-game {
background:#fff;
position:fixed;
top:66px;
left:0;
right:0;
bottom:0;
overflow-y:hidden;
overflow-x:hidden;
}
.christmas-game form[name="cg-draw-fortune"] {
text-align:center;
}
.mobile section.christmas-game {
top:0;
}
.mobile section.christmas-game > .container {
top:46px;
}
.cg-plx-layer {
position:absolute;
bottom:0;
left:0;
right:0;
}
section.christmas-game,
section.christmas-game > .container,
section.christmas-game > .container > .content-container,
.cg-plx-layer {
min-height:100%;
height:100%;
}
section.christmas-game > .container {
position:relative;
transform:translate3d(0px, 0px, 0px);
transform-style:preserve-3d;
transform-origin:50% 0;
backface-visibility:hidden;
display:block;
z-index:4;
}
.christmas-game h2,
.christmas-game h3 {
display:block;
font-size:52px;
line-height:64px;
color:#222;
text-align:center;
font-weight:700;
padding-top:79px;
}
.christmas-game.screen-2 h2 {
padding-top:0;
}
.christmas-game .red {
color:#ff0000;
}
.christmas-game h3 {
font-size:26px;
padding-top:5px;
}
.christmas-game .primary-button {
position:relative;
display:inline-block;
background:#999;
line-height:52px;
text-align:center;
font-size:24px;
color:#fff;
margin:60px auto 0;
padding:0 40px;
cursor:pointer;
}
.christmas-game .primary-button span {
position:relative;
z-index:2;
}
.christmas-game .primary-button:hover {
background:#aaa;
}
.christmas-game .primary-button[disabled],
.christmas-game .primary-button[disabled]:hover,
.christmas-game .primary-button[disabled="disabled"],
.christmas-game .primary-button[disabled="disabled"]:hover,
.christmas-game .primary-button.disabled,
.christmas-game .primary-button.disabled:hover {
background:#eee;
border-color:#999;
cursor:default;
}
.christmas-game .primary-button.cg-fb,
.christmas-game .primary-button.cg-publish {
display:inline-block;
}
.christmas-game .primary-button.cg-fb .button-icon {
background:#4569af;
width:35px;
height:35px;
position:relative;
top:12px;
}
.christmas-game .primary-button.cg-fb .button-icon:before {
margin:6px 0 0 11px;
}
.christmas-game .card-footer {
width:50%;
text-align:center;
position:absolute;
left:50%;
transform:translateX(-50%);
top:414px;
transform-origin:bottom center;
z-index:2;
}
.christmas-game .card-footer .primary-button {
margin-top:0;
}
.christmas-game .card-footer .primary-button.cg-fb,
.christmas-game .card-footer .primary-button.cg-publish {
display:inline-block;
margin:35px 5px 0;
}
.christmas-game label.inline-label {
box-sizing:border-box;
line-height:38px;
font-size:16px;
font-weight:400;
color:#111;
display:inline-block;
}
.christmas-game input[type="text"] {
background:none;
border:none;
border-bottom:1px solid rgba(17,17,17,0.7);
font-size:16px;
font-weight:400;
height:24px;
line-height:24px;
width:100%;
padding:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-transition:all 150ms ease-in-out;
transition:all 150ms ease-in-out;
}
input.placeholder-label + label {
font-style:italic;
font-size:14px;
font-weight:400;
position:absolute;
height:24px;
line-height:24px;
top:0;
left:0;
-webkit-transition:all 150ms ease-in-out;
transition:all 150ms ease-in-out;
}
input.placeholder-label:focus + label, input.placeholder-label.filled + label {
font-size:11px;
top:-12px;
height:12px;
line-height:12px;
min-height:12px;
}
.christmas-game input[type="text"]:focus {
-webkit-box-shadow:none;
box-shadow:none;
}
input.placeholder-label:focus {
color:#000;
border-bottom:1px solid rgba(17,17,17,0.7);	
}
input.placeholder-label:focus + label {
color:#000;
}
.christmas-game input[type="radio"] {
border:2px solid #050505;
width:16px;
height:16px;
background:transparent;
}
.christmas-game label.inline-label input[type="radio"] {
margin:0 10px 0 0;
display:inline-block;
float:none;
vertical-align:middle;
position:relative;
top:-2px;
}
.christmas-game.screen-3.type-c label.inline-label input[type="radio"] {
border-color:#111;
}
.christmas-game input[type="radio"]:checked:before {
content:'';
display:block;
width:10px;
height:10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#111;
}
.christmas-game input[type="checkbox"] {
border:2px solid #050505;
width:15px;
height:15px;
margin:0 10px 0 0;
background:transparent;
}
.christmas-game label.inline-label input[type="checkbox"] {
margin-right:10px;
}
.christmas-game input[type="checkbox"]:checked:before {
content:'';
display:block;
width:8px;
height:4px;
-moz-border-radius:5px;
border:3px solid #111;
border-right:none;
border-top:none;
transform:rotate(-50deg);
background:none;
margin-left:2px;
}
.cg-plx-scene {
top:0;
left:0;
bottom:0;
right:0;
position:absolute;
max-width:1920px;
max-height:730px;
max-width:100%;
max-height:100%;
overflow:hidden;
margin:0 auto;
}
.cg-z-1 {
z-index:1 !important;
}
.cg-z-2 {
z-index:2 !important;
}
.cg-z-3 {
z-index:3 !important;
}
.cg-z-4 {
z-index:4 !important;
}
.cg-z-5 {
z-index:5 !important;
}
.cg-layer {
background-color:transparent;
background-repeat:no-repeat;
background-position:center center;
width:100%;
height:100%;
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
background-size:100%;
}
.cg-element {
background-color:transparent;
background-repeat:no-repeat;
background-position:center center;
position:absolute;
left:50%;
background-size:100%;
}
.cg-consent,
.cg-consent label.inline-label,
.christmas-game.screen-3 .card > p,
.christmas-game.screen-3 p {
font-size:18px;
font-weight:700;
text-align:center;
line-height:30px;
}
.cg-consent {
margin-top:15px;
}
.cg-consent a {
color:#000;
text-decoration:underline;
}
.cg-consent a:hover {
text-decoration:none;
}
.cg-foreground-filler {
background:#d0f2ed;
width:100%;
display:block;
bottom:0;
left:0;
right:0;
height:180px;
}
.christmas-game .card {
position:absolute;
width:600px;
height:330px;
top:130px;
left:50%;
margin-left:-300px;
/* overflow:hidden; */
transform-origin:top center;
}
.christmas-game .card:before,
.christmas-game .card:after {
content:'';
display:block;
position:absolute;
z-index:0;
top:0;
left:0;
right:0;
bottom:0;
background:#999;
}
.christmas-game .card > div,
.christmas-game .card > p {
position:relative;
z-index:1;
}
.christmas-game .card-logo {
width:150px;
height:40px;
background-size:contain;
margin:50px auto 5px;
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
}
.cg-bg-mamma-logo {
background-image:url(../img/cg_bg-mamma_logo_optimized.png);
background-image:url(../img/cg_bg-mamma_logo_optimized.svg);
}
.christmas-game .aux-inner {
font-size:20px;
line-height:31px;
font-weight:700;
text-align:center;
color:#000;
padding:38px 42px;
}
.christmas-game .card > p {
font-size:22px;
line-height:33px;
font-weight:400;
text-align:center;
color:#000;
padding:15px 70px;
}
.cg-decorative-element {
width:120px;
height:80px;
position:relative;
margin:10px auto 0;
}
.cg-decoration-inner {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
display:block;
width:100%;
height:100%;
background-size:contain;
}
.cg-decoration-1 {
background-image:url(../img/cg-2023-decorative-icon-1@2x.png);
background-image:url(../img/cg-2023-decorative-icon-1.svg);
}
.cg-decoration-2 {
background-image:url(../img/cg-2023-decorative-icon-2@2x.png);
background-image:url(../img/cg-2023-decorative-icon-2.svg);
}
.cg-decoration-3 {
background-image:url(../img/cg-2023-decorative-icon-3@2x.png);
background-image:url(../img/cg-2023-decorative-icon-3.svg);
}
.cg-decoration-4 {
background-image:url(../img/cg-2023-decorative-icon-4@2x.png);
background-image:url(../img/cg-2023-decorative-icon-4.svg);
}
.cg-decoration-5 {
background-image:url(../img/cg-2023-decorative-icon-5@2x.png);
background-image:url(../img/cg-2023-decorative-icon-5.svg);
}
.cg-decoration-6 {
background-image:url(../img/cg-2023-decorative-icon-6@2x.png);
background-image:url(../img/cg-2023-decorative-icon-6.svg);
}
.cg-decoration-7 {
background-image:url(../img/cg-2023-decorative-icon-7@2x.png);
background-image:url(../img/cg-2023-decorative-icon-7.svg);
}
.cg-decoration-8 {
background-image:url(../img/cg-2023-decorative-icon-8@2x.png);
background-image:url(../img/cg-2023-decorative-icon-8.svg);
}
.cg-decoration-9 {
background-image:url(../img/cg-2023-decorative-icon-9@2x.png);
background-image:url(../img/cg-2023-decorative-icon-9.svg);
}
.cg-decoration-10 {
background-image:url(../img/cg-2023-decorative-icon-10@2x.png);
background-image:url(../img/cg-2023-decorative-icon-10.svg);
}
.cg-decoration-11 {
background-image:url(../img/cg-2023-decorative-icon-11@2x.png);
background-image:url(../img/cg-2023-decorative-icon-11.svg);
}
.cg-decoration-12 {
background-image:url(../img/cg-2023-decorative-icon-12@2x.png);
background-image:url(../img/cg-2023-decorative-icon-12.svg);
}
.cg-decoration-13 {
background-image:url(../img/cg-2023-decorative-icon-13@2x.png);
background-image:url(../img/cg-2023-decorative-icon-13.svg);
}
.cg-decoration-14 {
background-image:url(../img/cg-2023-decorative-icon-14@2x.png);
background-image:url(../img/cg-2023-decorative-icon-14.svg);
}
.cg-decoration-15 {
background-image:url(../img/cg-2023-decorative-icon-15@2x.png);
background-image:url(../img/cg-2023-decorative-icon-15.svg);
}
.cg-decoration-16 {
background-image:url(../img/cg-2023-decorative-icon-16@2x.png);
background-image:url(../img/cg-2023-decorative-icon-16.svg);
}
a.secondary-button,
.secondary-button {
display:block;
width:110px;
line-height:22px;
font-size:18px;
text-align:center;
color:#fff;
background:#999;
border:2px solid #000;
padding:10px;
margin:100px auto 10px;
}
a.secondary-button:hover,
.secondary-button:hover {
color:#fff;
background:#aaa;
}
.screen-2 .secondary-button {
margin:0;
position:absolute;
top:140px;
right:70px;
}
.cg-logo-list {
background:#fff;
width:100%;
height:100px;
bottom:116px;
left:0;
right:0;
position:absolute;
}
.cg-logo-list.cg-z-4,
.cg-logo-list.cg-z-4 li {
background:none;
}
.cg-logo-list .content-container,
.cg-logo-list .uk-slider-container,
.cg-logo-list ul, 
.cg-logo-list li {
display:block;
height:100%;
text-align:center;
}
.cg-logo-list li {
background:#fff;
display:inline-block;
box-sizing:border-box;
text-align:center;
position:relative;
float:none;
}
.cg-logo-list li img,
.cg-logo-list li .logo-container {
width:60%;
height:60%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.cg-logo-list li img {
width:auto;
height:auto;
max-width:100%;
max-height:100%;
}
.cg-logo-list li p {
line-height:50px;
height:50px;
font-size:22px;
}
.cg-logo-list .content-container {
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
transform-origin:bottom center;
width:1296px;
}

.cg-scale-wrapper {
top:0;
left:0;
bottom:0;
right:0;
position:absolute;
transform-origin:bottom center;
}
/*
.cg-scale-wrapper {
pointer-events:none;
}
.cg-scale-wrapper.cg-card-wrapper {
pointer-events:all;
}
*/

/* DESKTOP QUERIES */
.cg-plx-scene {
	top:0;
	bottom:100px;
	/* box-shadow:0px 0px 20px rgba(0,0,0,0.3); */
}
.cg-2023-plx-bottom {
	transform: translateY(0);
}

@media screen and (max-height:960px) {
	.cg-2023-plx-bottom {
		transform: translateY(-20px);
	}
}
@media screen and (max-height:950px) {
	.cg-2023-plx-bottom {
		transform: translateY(-30px);
	}
}
@media screen and (max-height:940px) {
	.cg-2023-plx-bottom {
		transform: translateY(-40px);
	}
}
@media screen and (max-height:930px) {
	.cg-2023-plx-bottom {
		transform: translateY(-65px);
	}
	.cg-plx-scene {
		/* max-width:1700px; */
	}
	section.christmas-game > .container,
	.cg-scale-wrapper {
		transform:scale(0.9);
	}
	.cg-logo-list,
	.cg-logo-list .content-container {
		height:90px;
	}
}

@media screen and (max-height:900px) {
	.cg-2023-plx-bottom {
		transform: translateY(-90px);
	}
}
@media screen and (max-height:880px) {
	.cg-2023-plx-bottom {
		transform: translateY(-110px);
	}
	.cg-plx-scene {
		/* max-width:1536px; */
	}
	section.christmas-game > .container,
	.cg-scale-wrapper {
		transform:scale(0.8);
	}
	.cg-logo-list,
	.cg-logo-list .content-container {
		height:80px;
	}
}
@media screen and (max-height:860px) {
	.cg-plx-scene {
		/* max-width:1536px; */
	}
	.cg-2023-plx-bottom {
		transform: translateY(-130px);
	}
}
@media screen and (max-height:840px) {
	.cg-2023-plx-bottom {
		transform: translateY(-150px);
	}
}
@media screen and (max-height:820px) {
	.cg-2023-plx-bottom {
		transform: translateY(-170px);
	}
}
@media screen and (max-height:820px) {
	.cg-2023-plx-bottom {
		transform: translateY(-190px);
	}
}
@media screen and (max-height:800px) {
	.cg-2023-plx-bottom {
		transform: translateY(-210px);
	}
}
@media screen and (max-height:775px) {
	.cg-2023-plx-bottom {
		transform: translateY(-230px);
	}
	.cg-plx-scene {
		/* max-width:1366px; */
	}
	section.christmas-game > .container,
	.cg-scale-wrapper {
		transform:scale(0.7);
	}
	.cg-logo-list,
	.cg-logo-list .content-container {
		height:70px;
	}
}
@media screen and (max-height:740px) {
	.cg-2023-plx-bottom {
		transform: translateY(-260px);
	}
}
@media screen and (max-height:710px) {
	.cg-2023-plx-bottom {
		transform: translateY(-290px);
	}
	.cg-plx-scene {
		/* max-width:1280px; */
	}
	section.christmas-game > .container,
	.cg-scale-wrapper {
		transform:scale(0.66);
	}
}
@media screen and (max-height:680px) {
	.cg-2023-plx-bottom {
		transform: translateY(-310px);
	}
}
@media screen and (max-height:660px) {
	.cg-2023-plx-bottom {
		transform: translateY(-330px);
	}
	.cg-logo-list, .cg-logo-list .content-container {
		height:55px;
	}
	section.christmas-game > .container,
	.cg-scale-wrapper {
		transform:scale(0.6);
	}
}
@media screen and (max-height:640px) {
	.cg-2023-plx-bottom {
		transform: translateY(-350px);
	}
}
@media screen and (max-height:620px) {
	.cg-2023-plx-bottom {
		transform: translateY(-370px);
	}
}
@media screen and (max-height:600px) {
	.cg-2023-plx-bottom {
		transform: translateY(-430px);
	}
	section.christmas-game > .container > .content-container h2, 
	section.christmas-game > .container > .content-container h3 {
		transform:scale(0.66);
	}
	.cg-plx-scene {
		/* max-width:960px; */
	}
	section.christmas-game > .container,
	.cg-scale-wrapper {
		transform:scale(0.5);
	}
}
@media screen and (max-height:530px) {
	.cg-2023-plx-bottom {
		transform: translateY(-500px);
	}
	section.christmas-game > .container,
	.cg-scale-wrapper {
		transform:scale(0.4);
	}
}
@media screen and (max-height:460px) {
	.cg-2023-plx-bottom {
		transform: translateY(-570px);
	}
	section.christmas-game > .container > .content-container h2, 
	section.christmas-game > .container > .content-container h3 {
		transform:scale(0.5);
	}
	.cg-plx-scene {
		/* max-width:640px; */
	}
	section.christmas-game > .container,
	.cg-scale-wrapper {
		transform:scale(0.33);
	}
}
@media screen and (min-width:1440px) {
	.cg-logo-list .content-container {
		width:1370px;
	}
}
@media screen and (max-width:1365px) {
	.cg-logo-list .content-container {
		width:950px;
	}
}

/* MOBILE */

#orientation-prompt {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:10000;
background-color:#161834;
display:none;
}
#orientation-prompt img {
position:absolute;
left:50%;
top:50%;
width:200px;
transform-origin:center;
transform:translate(-50%,-50%) rotate(-90deg);
}
.mobile .cg-logo-list,
.mobile .cg-logo-list .content-container {
width:100%;
padding:0;
height:50px;
}
.mobile .cg-logo-list li img,
.mobile .cg-logo-list li .logo-container {
width:75%;
height:75%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.mobile .cg-logo-list li img {
width:auto;
height:auto;
max-width:100%;
max-height:100%;
object-fit:contain;
}
.mobile .christmas-game .cg-plx-scene {
top:-46px;
transform-origin:top center;
}
.mobile .cg-consent,
.mobile .cg-consent label.inline-label {
font-size:14px;
}
.mobile section.christmas-game > .container,
.mobile .cg-scale-wrapper,
.mobile .christmas-game > .container > .content-container h2,
.mobile .christmas-game > .container > .content-container h3 {
transform:none;
}
.mobile .christmas-game > .container > .content-container h2,
.mobile .christmas-game > .container > .content-container h3,
.mobile section.christmas-game > .container {
transform-origin:top center;
}
.mobile .christmas-game h2,
.mobile .christmas-game h3 {
font-size:28px;
line-height:37px;
padding-top:34px;
}
.mobile .christmas-game .card > p {
font-size:24px;
line-height:32px;
}
.mobile section.christmas-game.screen-2 .card.cg-scale-wrapper {
transform:scale(0.57);
/*
width:auto;
height:310px;
left:28px;
right:28px;
margin:0;
*/
}
.mobile .christmas-game .card:after {
max-width:100%;
transform:translateX(-50%);
left:50%;
max-width:93%;
}
.mobile .christmas-game .card-footer {
top:390px;
}
.mobile .cg-logo-list {
bottom:0;
transform-origin:bottom center;
}
.mobile .christmas-game .primary-button {
height:54px;
line-height:52px;
font-size:20px;
font-weight:bold;
padding:0 20px;
}
.mobile .christmas-game .secondary-button {
margin-top:50px;
}
.mobile section.christmas-game > .container form {
position:relative;
transform-origin:top center;
}

/* MOBILE QUERIES */

@media all and (max-height:730px) and (orientation:portrait) {
	.mobile .cg-scale-wrapper {
		transform:scale(0.66);
	}
	.mobile .christmas-game .cg-logo-list,
	.mobile .christmas-game .cg-logo-list .content-container {
		height:65px;
	}
}
@media all and (max-height:630px) and (orientation:portrait) {
	.mobile .cg-scale-wrapper {
		transform:scale(0.66);
	}
	.mobile .christmas-game .cg-logo-list,
	.mobile .christmas-game .cg-logo-list .content-container {
		height:55px;
	}
	.mobile .christmas-game .primary-button {
		transform:scale(0.9);
	}
}
@media all and (max-height:520px) and (orientation:portrait) {
	.mobile .christmas-game .cg-logo-list,
	.mobile .christmas-game .cg-logo-list .content-container {
		height:40px;
	}
}
@media all and (max-width:354px) and (orientation:portrait) {
	.mobile .christmas-game .primary-button {
		max-width:100%;
	}
}
@media only screen and (orientation:landscape) {
	.mobile + .footer {
		display:none;
	}
	.mobile section.christmas-game,
	.mobile section.christmas-game > .container, 
	.mobile section.christmas-game > .container > .content-container, 
	.mobile .cg-plx-layer {
		min-height:250%;
		height:250%;
	}
	.mobile section.christmas-game {
		top:46px;
		transform:scale(0.35);
		transform-origin:top center;
	}
}

/* MOBILE SCREEN 2 */

.mobile section.christmas-game.screen-2 > .container form, 
.mobile section.christmas-game.screen-2 > .container > .content-container h2,
.mobile section.christmas-game.screen-2 > .container > .content-container h3,
.mobile section.christmas-game.screen-2 .cg-scale-wrapper {
transform:none;
}
.mobile .christmas-game.screen-2 .card {
transform:none;
}
.mobile .christmas-game.screen-2 .card-footer {
left:14px;
right:14px;
top:390px;
transform:none;
transform-origin:top center;
width:auto;
}
.mobile .christmas-game.screen-2 .card:before {
background-position:-36px 0px;
}
.mobile .christmas-game.screen-2 .card > p {
/* font-size:18px;
line-height:25px;
padding:20px 40px; */
}
.mobile .christmas-game.screen-2 .cg-decorative-element {
width:90px;
height:60px;
}
.mobile .christmas-game.screen-2 .primary-button {
transform-origin:top center;
box-sizing:border-box;
}
.mobile .christmas-game.screen-2 .secondary-button {
margin:0;
position:absolute;
top:15px;
right:15px;
transform:scale(0.66);
transform-origin:top right;
}
.mobile .christmas-game.screen-2 .primary-button.cg-fb {
position:static;
margin:35px auto 0;
display:inline-block;
padding:0 15px 0 9px;
}
.mobile .christmas-game .cg-logo-list,
.mobile .christmas-game .cg-logo-list .content-container {
height:85px;
}
	
/* MOBILE SCREEN 2 QUERIES */

@media all and (max-height:810px) and (orientation:portrait) {
	.mobile .christmas-game.screen-2 .card-footer {
		top:330px;
	}
	.mobile .christmas-game.screen-2 .card {
		top:64px;
	}
}
@media all and (max-height:730px) and (orientation:portrait) {
	.mobile section.christmas-game.screen-2 .cg-scale-wrapper,
	.mobile .christmas-game.screen-2 .card-footer {
		transform:scale(0.9);
	}
	.mobile .christmas-game.screen-2 .card-footer {
		top:300px;
	}
	.mobile .christmas-game .cg-logo-list,
	.mobile .christmas-game .cg-logo-list .content-container {
		height:65px;
	}
}
@media all and (max-height:660px) and (orientation:portrait) {
	.mobile .christmas-game.screen-2 .card-footer {
		top:280px;
	}
}
@media all and (max-height:630px) and (orientation:portrait) {
	.mobile section.christmas-game.screen-2 .cg-scale-wrapper,
	.mobile .christmas-game.screen-2 .card-footer {
		transform:scale(0.85);
	}
	.mobile section.christmas-game.screen-2 .card.cg-scale-wrapper {
		transform:scale(0.5);
	}
	.mobile .christmas-game .cg-logo-list,
	.mobile .christmas-game .cg-logo-list .content-container {
		height:55px;
	}
	.mobile .christmas-game.screen-2 .card {
		/* left:0px;
		right:0px; */
		top:54px;
	}
	.mobile .christmas-game.screen-2 .card-footer {
		top:233px;
		left:-20px;
		right:-20px;
	}
	.mobile .christmas-game.screen-2 .primary-button,
	.mobile .christmas-game.screen-2 .primary-button.cg-fb	{
		margin-top:20px;
	}
	.mobile .christmas-game.screen-2 .card > p {
		/* padding:20px 35px; */
	}
}
@media all and (max-height:560px) and (orientation:portrait) {
	.mobile section.christmas-game.screen-2 .card.cg-scale-wrapper {
		transform:scale(0.5);
	}
	.mobile .christmas-game.screen-2 .card-footer {
		transform:scale(0.75);
	}
	.mobile .christmas-game.screen-2 .card-footer {
		top:230px;
	}
	.mobile .christmas-game .cg-logo-list,
	.mobile .christmas-game .cg-logo-list .content-container {
		height:35px;
	}
	.mobile .christmas-game a.cg-2023-topics-balloon {
		bottom:79px;
	}
	.mobile .christmas-game.screen-2 .card {
		/* 
		top:44px;
		left:-20px;
		right:-20px;
		height:265px;
		*/
	}
	.mobile .christmas-game.screen-2 .card > p {
		/* padding:10px 20px; */
	}
}
@media all and (max-height:500px) and (orientation:portrait) {
	.mobile .christmas-game.screen-2 .primary-button,
	.mobile .christmas-game.screen-2 .primary-button.cg-fb	{
		margin-top:15px;
	}
	.mobile .christmas-game.screen-2 .card-footer {
		top:210px;
	}
	.mobile .christmas-game.screen-2 .card {
		top:30px;
	}
}
@media all and (max-width:354px) and (orientation:portrait) {
	.mobile .christmas-game .primary-button {
		max-width:100%;
	}
	.christmas-game .primary-button.cg-fb span {
		padding-right:43px;
	}
}
/* SINGLE LOGO */

/* .mobile .cg-logo-list li,
.cg-logo-list li {
margin:0 auto;
display:block;
} */

/* END OF SINGLE LOGO */

/* ---- */

/* SCREEN 3 */

.christmas-game.screen-2.screen-3 h2 {
font-size:36px;
line-height:52px;
width:100%;
max-width:100%;
margin:26px auto 20px;
text-align:center;
text-shadow:none;
}
.christmas-game.screen-3 h3 {
padding-top:15px;
line-height:42px;
text-shadow:none;
}
.christmas-game.screen-3 p {
font-size:17px;
line-height:27px;
width:470px;
max-width:100%;
margin:14px auto 0;
}
.christmas-game.screen-3.type-c p {
font-size:14px;
}
.screen-3 .secondary-button {
margin:0;
position:absolute;
top:48px;
right:200px;
transform:scale(0.75);
transform-origin:bottom right;
z-index:2;
}
.christmas-game.screen-3.type-c .secondary-button {
top:36px;
transform-origin:top right;
}
.aux-inner .overflow-container {
overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
width:100%;
height:100%;
padding-right:10px;
}
.christmas-game.screen-3 .card:before {
content:none;
}
.christmas-game.screen-3 .aux-inner {
-webkit-border-radius:20px 20px 0 0;
border-radius:20px 20px 0 0;
background:#fff;
padding:20px 35px 0;
height:82%;
box-sizing:border-box;
}
.christmas-game.screen-3.type-c .aux-inner {
padding:20px 35px;
height:100%;	
}
.christmas-game.screen-3.type-c .aux-inner .overflow-container {
padding-right:10px;
}

.prize {
width:100%;
margin:15px auto;
background:#fff;
min-height:33px;
font-size:15px;
line-height:33px;
color:#111;
clear:both;
}
.prize,
.prize a,
.prize a:link,
.prize a:visited {
color:#111;	
}
.prize a:hover {
text-decoration:underline;
}
.prize:before {
content:'';
display:inline-block;
background:#111 url(../img/cg_2018_prize_icon.svg) center center no-repeat;
background-size:50%;
width:33px;
height:33px;
-webkit-border-radius:33px;
-moz-border-radius:33px;
border-radius:33px;
vertical-align:middle;
margin-right:10px;
position:relative;
top:-2px;
}
.christmas-game.screen-3.type-b h2 {
font-size:42px;
line-height:38px;
margin-top:16px;
}
.christmas-game.screen-3.type-b h2 span {
font-size:68px;
}
.christmas-game.screen-3.type-b h3 {
font-size:25px;
line-height:32px;
}
.christmas-game.screen-3.type-b h3 .cg-bg-mamma-logo {
display:inline-block;
width:132px;
background-size:100%;
height:16px;
overflow:hidden;
text-indent:150px;
}
.christmas-game.screen-3.type-b .card ul {
display:block;
}
.christmas-game.screen-3.type-b .card ul:after {
content:'';
display:block;
clear:both;
}
.christmas-game.screen-3.type-b .card ul li.winner {

background:#f4f5f6;
float:left;
font-size:14px;
font-weight:400;
text-align:center;
color:#000;
width:48%;
margin:1%;
line-height:43px;
height:43px;
}
.christmas-game.screen-3.type-b .card ul li.winner:first-child:last-child {
float:none;
margin:1% auto;
}
.christmas-game.screen-3 .card {
width:612px;
height:478px;
margin-left:-306px;
top:140px;
text-align:center;
}
.christmas-game.screen-3.type-c .card {
height:627px;
top:30px;
}
.christmas-game.screen-3.type-c .red {
font-size:16px;
color:#111;
}
.christmas-game.screen-3.type-c .red span {
font-size:26px;
}
.christmas-game.screen-3 p,
.christmas-game.screen-3 small {
font-size:15px;
line-height:24px;
/* background:red; */
width:100%;
box-sizing:border-box;
margin:0;
}
.christmas-game.screen-3 label.inline-label {
width:47%;
border:1px solid #111;
border-radius:2px;
padding:0 23px;
height:41px;
}

/* MOBILE */

.mobile .christmas-game.screen-3 h2 {
padding-top:0;
margin-top:15px;
font-size:40px;
line-height:36px;
}
.mobile .christmas-game.screen-3 h2 span {
font-size:60px;	
}
.mobile .christmas-game.screen-3 h3 {
font-size:26px;
line-height:30px;
}
.mobile section.christmas-game.screen-3 .cg-scale-wrapper {
transform-origin:top center;
}
.mobile .christmas-game.screen-3 .card {
top:153px;
left:0;
right:0;
bottom:auto;
}
.mobile .christmas-game.screen-3 .card > p {
padding:10px 24px;
font-size:15px;
line-height:21px;
margin:0 auto;
}
.mobile .christmas-game.screen-3 .aux-inner {
padding:15px 15px 0;
height:82%;
}
.mobile .christmas-game.screen-3.type-b .card {
height:528px;
margin:0;
width:auto;
}
.mobile .christmas-game.screen-3.type-b .card:after {
content:none;
}
.mobile .christmas-game.screen-3.type-b .secondary-button {
top:55px;
z-index:2;
}
.mobile .christmas-game.screen-3.type-b h2,
.mobile .christmas-game.screen-3.type-a h2 {
margin-top:10px;
font-size:29px;
line-height:31px;
}
.mobile .christmas-game.screen-3.type-b h2 span,
.mobile .christmas-game.screen-3.type-a h2 span {
margin-top:0;
font-size:42px;	
}
.mobile .christmas-game.screen-3.type-b h3 {
font-size:22px;
}
.mobile .christmas-game.screen-3.type-b h3 .cg-bg-mamma-logo {
width:101px;
background-size:100%;
height:12px;
}
.mobile .prize:before {
display:block;
float:none;
margin:0 auto;
}
.mobile .prize {
line-height:23px;
}
.mobile .christmas-game.screen-3.type-b .card ul li.winner {
float:none;
width:90%;
margin:1% auto;
}
.mobile .christmas-game.screen-3 .primary-button {
float:none;
margin:0 auto;
transform-origin:center center;
}

/* GNOME */

@media (max-height:650px) and (orientation:portrait) {
	.mobile section.christmas-game.screen-3 .cg-scale-wrapper {
		transform:scale(0.85);
	}
}
@media (max-height:630px) and (orientation:portrait) {
	.mobile .christmas-game.screen-3.type-b .card {
		height:437px;
	}
	.mobile .christmas-game.screen-3 .aux-inner {
		height:77%;
	}
}
@media (max-height:530px) and (orientation:portrait) {
	.mobile .christmas-game.screen-3.type-b .card {
		height:410px;
	}
	.mobile .christmas-game.screen-3.type-b .card > p {
		font-size:14px;
		padding:10px 0;
		line-height:23px;
	}
}
.mobile .christmas-game.screen-3.type-c .card {
top:16px;
}
.mobile .christmas-game.screen-3.type-c .secondary-button {
top:0;
z-index:2;
}
.mobile .christmas-game.screen-3.type-c .aux-inner {
padding:15px;
height:100%;
}
.mobile .christmas-game.screen-3.type-c .primary-button {
width:auto;
max-width:100%;
font-size:18px;
transform:scale(0.85);
}
.mobile .christmas-game.screen-3.type-c .uk-switcher li {
width:100%;
margin:0 auto;
}
@media (max-height:755px) and (orientation:portrait) {
	.mobile section.christmas-game.screen-3.type-c .cg-scale-wrapper .card {
		transform-origin:top center;
		transform:scale(0.9);
	}
}
@media (max-height:675px) and (orientation:portrait) {
	.mobile section.christmas-game.screen-3.type-c .cg-scale-wrapper .card {
		transform:scale(0.85);
	}
}

@media (max-height:640px) and (orientation:portrait) {
	.mobile section.christmas-game.screen-3.type-c .cg-scale-wrapper .card {
		transform:scale(0.81);
	}
}
@media (max-height:605px) and (orientation:portrait) {
	.mobile section.christmas-game.screen-3.type-c .cg-scale-wrapper .card {
		transform:scale(0.77);
	}
}
@media (max-height:580px) and (orientation:portrait) {
	.mobile section.christmas-game.screen-3.type-c .cg-scale-wrapper .card {
		transform:scale(0.66);
	}
}

/* CHRISTMAS 2023 */

@font-face {
font-family:'Gilroy';
src:url('/koleda2023/fonts/subset-Gilroy-SemiBold.woff2') format('woff2'),
url('/koleda2023/fonts/subset-Gilroy-SemiBold.woff') format('woff'),
url('/koleda2023/fonts/subset-Gilroy-SemiBold.ttf') format('truetype');
font-weight:600;
font-style:normal;
font-display:swap;
}
@font-face {
font-family:'Roboto Slab';
src:url('/koleda2023/fonts/subset-RobotoSlab-Regular.woff2') format('woff2'),
	url('/koleda2023/fonts/subset-RobotoSlab-Regular.woff') format('woff'),
	url('/koleda2023/fonts/subset-RobotoSlab-Regular.ttf') format('truetype');
font-weight:normal;
font-style:normal;
font-display:swap;
}

section.christmas-game {
background:#4e818c; /* Old browsers */
background:-moz-radial-gradient(center, ellipse cover,  #4e818c 0%, #164a6a 100%); /* FF3.6-15 */
background:-webkit-radial-gradient(center, ellipse cover,  #4e818c 0%,#164a6a 100%); /* Chrome10-25,Safari5.1-6 */
background:radial-gradient(ellipse at center,  #4e818c 0%,#164a6a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.christmas-game h2,
.christmas-game h3 {
font-family:'Roboto Slab', serif;
font-weight:400;
font-style:normal;
font-size:35px;
line-height:50px;
color:#fff;
letter-spacing:0;
font-display:swap;
letter-spacing:-1px;
text-shadow:0px 1px 0px rgba(0,0,0,0.5);
}
.christmas-game.screen-2 h2 {
font-size:40px;
line-height:52px;
}
.christmas-game.screen-2 h3 {
font-size:26px;
line-height:46px;
}

/* BUTTONS */


.christmas-game .primary-button[disabled], 
.christmas-game .primary-button[disabled]:hover, 
.christmas-game .primary-button[disabled="disabled"], 
.christmas-game .primary-button[disabled="disabled"]:hover, 
.christmas-game .primary-button.disabled, 
.christmas-game .primary-button.disabled:hover {
background:#aaa;
opacity:0.85;
}
.christmas-game .primary-button[disabled]:before, 
.christmas-game .primary-button[disabled]:after, 
.christmas-game .primary-button[disabled]:hover:before, 
.christmas-game .primary-button[disabled]:hover:after, 
.christmas-game .primary-button[disabled="disabled"]:before, 
.christmas-game .primary-button[disabled="disabled"]:after, 
.christmas-game .primary-button[disabled="disabled"]:hover:before, 
.christmas-game .primary-button[disabled="disabled"]:hover:after, 
.christmas-game .primary-button.disabled:before, 
.christmas-game .primary-button.disabled:after, 
.christmas-game .primary-button.disabled:hover:before,
.christmas-game .primary-button.disabled:hover:after,
.christmas-game .primary-button[disabled] span:before, 
.christmas-game .primary-button[disabled] span:after, 
.christmas-game .primary-button[disabled]:hover span:before, 
.christmas-game .primary-button[disabled]:hover span:after, 
.christmas-game .primary-button[disabled="disabled"] span:before, 
.christmas-game .primary-button[disabled="disabled"] span:after, 
.christmas-game .primary-button[disabled="disabled"]:hover span:before, 
.christmas-game .primary-button[disabled="disabled"]:hover span:after, 
.christmas-game .primary-button.disabled span:before, 
.christmas-game .primary-button.disabled span:after, 
.christmas-game .primary-button.disabled:hover span:before,
.christmas-game .primary-button.disabled:hover span:after {
border-color:#aaa;
}
.mobile .christmas-game .primary-button,
.christmas-game .primary-button {
font-family:'Roboto Slab', serif;
text-shadow:0px 1px 0px rgba(0,0,0,0.5);
font-weight:400;
font-style:normal;
font-size:24px;
line-height:38px;
height:40px;
background:#c72027;
color:#fff;
letter-spacing:0;
border:none;
padding:0;
transition:all ease-in-out 200ms;
text-transform:uppercase;
}
.christmas-game .primary-button:hover {
background:#c72027;
opacity:0.8;
}
.christmas-game .primary-button span {
padding:0 20px;
line-height:38px;
height:40px;
display:block;
}
.christmas-game .primary-button:before,
.christmas-game .primary-button:after,
.christmas-game .primary-button span:before,
.christmas-game .primary-button span:after {
content:'';
position:absolute;
width:0;
height:0;
display:block;
}
.christmas-game .primary-button:before {
top:0;
border-top:20px solid #c72027;
left:-9px;
}
.christmas-game .primary-button:after {
top:0;
border-top:20px solid #c72027;
right:-9px;
}
.christmas-game .primary-button span:before {
bottom:0;
border-bottom:20px solid #c72027;
left:-9px;
}
.christmas-game .primary-button span:after {
bottom:0;
border-bottom:20px solid #c72027;
right:-9px;
}

.christmas-game .primary-button:before,
.christmas-game .primary-button span:before,
.christmas-game .primary-button[disabled]:before,
.christmas-game .primary-button[disabled]:hover:before,
.christmas-game .primary-button[disabled="disabled"]:before,
.christmas-game .primary-button[disabled="disabled"]:hover:before,
.christmas-game .primary-button.disabled:before,
.christmas-game .primary-button.disabled:hover:before, 
.christmas-game .primary-button[disabled] span:before,
.christmas-game .primary-button[disabled]:hover span:before,
.christmas-game .primary-button[disabled="disabled"] span:before,
.christmas-game .primary-button[disabled="disabled"]:hover span:before,
.christmas-game .primary-button.disabled span:before,
.christmas-game .primary-button.disabled:hover span:before {
border-left:10px solid transparent;
transition:all ease-in-out 200ms;
}
.christmas-game .primary-button:after,
.christmas-game .primary-button span:after,
.christmas-game .primary-button[disabled]:after,
.christmas-game .primary-button[disabled]:hover:after,
.christmas-game .primary-button[disabled="disabled"]:after,
.christmas-game .primary-button[disabled="disabled"]:hover:after,
.christmas-game .primary-button.disabled:after,
.christmas-game .primary-button.disabled:hover:after, 
.christmas-game .primary-button[disabled] span:after,
.christmas-game .primary-button[disabled]:hover span:after,
.christmas-game .primary-button[disabled="disabled"] span:after,
.christmas-game .primary-button[disabled="disabled"]:hover span:after,
.christmas-game .primary-button.disabled span:after,
.christmas-game .primary-button.disabled:hover span:after {
border-right:10px solid transparent;
transition:all ease-in-out 200ms;
}

/**/

.christmas-game .primary-button.cg-publish {
background:#8adbc9;
color:#06262b;
line-height:32px;
height:34px;
font-size:21px;
}
.christmas-game .primary-button.cg-publish span {
line-height:32px;
height:34px;
}
.christmas-game .primary-button.cg-publish:before,
.christmas-game .primary-button.cg-publish:after {
border-top:17px solid #8adbc9;
}
.christmas-game .primary-button.cg-publish span:before,
.christmas-game .primary-button.cg-publish span:after {
border-bottom:17px solid #8adbc9;
}
.christmas-game .primary-button.cg-publish b {
position:relative;
display:inline-block;
font-weight:400;
}
.christmas-game .primary-button.cg-publish b:before, 
.christmas-game .primary-button.cg-publish b:after {
content:'';
position:absolute;
top:50%;
margin-top:-2px;
display:block;
width:32px;
height:4px;
background:transparent url(/assets/vessur/img/cg-2023-button-dots.svg) top center no-repeat;
}
.christmas-game .primary-button.cg-publish b:before {
left:-35px;
}
.christmas-game .primary-button.cg-publish b:after {
right:-35px;
}

/**/

.christmas-game .primary-button.cg-fb {
background:#1877f2;
line-height:44px;
height:44px;
-webkit-border-radius:40px;
border-radius:40px;
letter-spacing:1px;
text-transform:uppercase;
font-size:12px;
font-weight:400;
font-family:'Roboto', Arial, Helvetica, sans-serif;
padding:0 51px 0 9px;
position:absolute;
bottom:0;
left:-121px;
z-index:0;
}
.christmas-game .primary-button.cg-fb span {
padding:0;
line-height:44px;
height:44px;
}
.christmas-game .primary-button.cg-fb:before,
.christmas-game .primary-button.cg-fb:after,
.christmas-game .primary-button.cg-fb span:before,
.christmas-game .primary-button.cg-fb span:after {
content:none;
}
.christmas-game .primary-button.cg-fb .button-icon {
background:#1877f2;
width:30px;
height:30px;
-webkit-border-radius:15px;
border-radius:15px;
border:1px solid #fff;
position:relative;
top:6px;
}
.christmas-game .primary-button.cg-fb .button-icon:before {
margin:3px 0 0 9px;
transform:scale(0.75);
}


/* END OF BUTTONS */

.cg-consent,
.cg-consent label.inline-label {
font-family:'Gilroy', sans-serif;
color:#fff;
font-size:17px;
text-shadow:0px 1px 0px rgba(0,0,0,0.5);
}
.cg-consent label.inline-label {
padding-right:0px;
}
.christmas-game input[type="checkbox"] {
border:2px solid #fff;
}
.christmas-game input[type="checkbox"]:checked:before {
border-color:#8adbc9;
}
.cg-consent a {
color:#fff;
text-decoration:none;
box-shadow:0px 1px 0px #EFB11F;
}
.cg-consent a:hover {
box-shadow:0px 0px 0px #EFB11F;
}
.cg-2023-presents {
width:663px;
height:134px;
background:transparent url(/assets/vessur/img/cg-2023-gifts.svg) top center no-repeat;
margin-top:635px;
margin-left:-330px;
}
.cg-2023-christmas-tree {
width:679px;
height:565px;
background:transparent url(/assets/vessur/img/cg-2023-tree.svg) top center no-repeat;
margin-top:290px;
margin-left:310px;
}
.cg-2023-snow2 {
background:transparent url(/assets/vessur/img/cg-2023-snow2.svg) top center repeat-x;
width:100%;
height:100%;
margin-left:-50%;
opacity:0.8;
}
.mobile .cg-2023-snow2 {
width:130%;
height:130%;
}
.cg-2023-snow1 {
background:transparent url(/assets/vessur/img/cg-2023-snow1.svg) top center no-repeat;
}
.cg-2023-santa {
width:531px;
height:473px;
margin-top:320px;
margin-left:-15px;
left:0;
}
.cg-2023-santa:after,
.cg-2023-santa:before {
content:'';
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
background-color:#fff;
display:block;
z-index:0;
}
.cg-2023-santa:after {
background:transparent url(/assets/vessur/img/cg-2023-santa.svg) center center no-repeat;
background-size:100%;
z-index:1;
}
.cg-2023-santa:before {
height:164px;
width:402px;
}
.cg-2023-snowman {
background-image:url(/assets/vessur/img/cg-2023-snowman.svg);
width:350px;
height:250px;
margin-top:518px;
margin-left:-230px;
}
a.cg-2023-topics-balloon {
font-family:'Roboto Slab', serif;
font-size:16px;
line-height:32px;
font-weight:400;
letter-spacing:0;
top:28px;
margin-left:550px;
text-align:center;
color:#fff;
width:192px;
height:130px;
padding-top:99px;
box-sizing:border-box;
margin-top:0px;
}
a.cg-2023-topics-balloon span {
background:#c81e27;
display:block;
width:100%;
}
a.cg-2023-topics-balloon:before {
content:'';
display:block;
width:100px;
height:99px;
background:transparent url(/assets/vessur/img/cg-2023-pressepapier.svg) top center no-repeat;
position:absolute;
left:50%;
top:0;
margin-left:-50px;
}
.christmas-game .card:before {
z-index:1;
-webkit-border-radius:20px;	
border-radius:20px;
background:#fff;
}
.christmas-game .card:after {
z-index:1;
width:549px;
height:26px;
top:-24px;
left:25px;
background:transparent url(/assets/vessur/img/cg-2023-snow-pile.svg) bottom center no-repeat;
background-size:100%;
}
.christmas-game .card .card-frames-horizontal,
.christmas-game .card .card-frames-vertical,
.christmas-game .card .card-christmas-stars {
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:1;
}
.christmas-game .card .card-frames-horizontal:before,
.christmas-game .card .card-frames-horizontal:after,
.christmas-game .card .card-frames-vertical:before,
.christmas-game .card .card-frames-vertical:after,
.christmas-game .card .card-christmas-stars:before,
.christmas-game .card .card-christmas-stars:after {
content:'';
display:block;
position:absolute;
background-size:100%;
background:transparent center center no-repeat;
}
.christmas-game .card .card-frames-horizontal:before,
.christmas-game .card .card-frames-horizontal:after {
left:29px;
right:29px;
top:11px;
bottom:auto;
height:29px;
width:542px;
background-image:url(/assets/vessur/img/cg-2023-frame-up.svg);
}
.christmas-game .card .card-frames-horizontal:after {
height:23px;
top:auto;
bottom:11px;
background-image:url(/assets/vessur/img/cg-2023-frame-down.svg);
}
.christmas-game .card .card-frames-vertical:before,
.christmas-game .card .card-frames-vertical:after {
width:28px;
height:281px;
top:24px;
right:17px;
background-image:url(/assets/vessur/img/cg-2023-frame-side.svg);
}
.christmas-game .card .card-frames-vertical:after {
transform:scale(-1,1);
left:17px;
right:auto;
}
.christmas-game .card .card-christmas-stars:before,
.christmas-game .card .card-christmas-stars:after {
width:90px;
height:90px;
top:35px;
background-image:url(/assets/vessur/img/cg-2023-christmas-star.svg);
left:39px;
}
.christmas-game .card .card-christmas-stars:after {
transform:scale(-1,1);
left:auto;
right:39px;
}
.christmas-game .card > p {
font-family:'Gilroy', sans-serif;
font-size:21px;
line-height:30px;
color:#252525;
}
.cg-2023-dashed-border {
position:absolute;
z-index:1;
top:8px;
left:8px;
}
.cg-decorative-element:before,
.cg-decorative-element:after {
content:'';
position:absolute;
top:50%;
margin-top:-2px;
display:block;
width:27px;
height:4px;
background:transparent url(/assets/vessur/img/cg-2023-decorative-element-dots.svg) top center no-repeat;
}
.cg-decorative-element:before {
left:-27px;
}
.cg-decorative-element:after {
right:-27px;
}
.christmas-game.screen-2 h2:after {
content:'';
display:block;
width:13px;
height:13px;
background:transparent url(/assets/vessur/img/cg-2023-pointing-arrow.svg) left center no-repeat;
margin:0 auto;
}
.christmas-game .terms-button {
font-family:'Roboto Slab', serif;
font-size:19px;
color:#2d636e;
text-decoration:none;
line-height:24px;
width:202px;
height:195px;
text-align:center;
position:absolute;
top:28px;
box-sizing:border-box;
padding:70px 25px;
text-transform:uppercase;
margin-left:-720px;
}
.christmas-game .terms-button span {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:120px;
height:60px;
display:block;
z-index:2;
}
.christmas-game .terms-button:after {
content:'';
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background:transparent url(/assets/vessur/img/cg-2023-moon.svg) top left no-repeat;
z-index:1;
}
.christmas-game .terms-button:before {
content:'';
position:absolute;
top:-53px;
left:-77px;
width:356px;
height:300px;
background:transparent url(/assets/vessur/img/cg-2023-snow1.svg) top left no-repeat;
z-index:0;
}

@media screen and (max-height:930px) {
	.cg-2023-santa {
		margin-left:-110px;
	}
	.cg-2023-christmas-tree {
		margin-left:360px;
	}
}
@media screen and (max-height:880px) {
	.cg-2023-santa {
		margin-left:-220px;
	}
	.cg-2023-christmas-tree {
		margin-left:430px;
	}
}
@media screen and (max-height:775px) {
	.cg-2023-santa {
		margin-left:-330px;
	}
	.cg-2023-christmas-tree {
		margin-left:480px;
	}
}
@media screen and (max-height:710px) {
	.cg-2023-santa {
		margin-left:-380px;
	}
	.cg-2023-christmas-tree {
		margin-left:530px;
	}
}
@media screen and (max-height:660px) {
	.cg-2023-santa {
		margin-left:-450px;
	}
	.cg-2023-christmas-tree {
		margin-left:530px;
	}
}
@media screen and (max-height:600px) {
	.cg-2023-santa {
		margin-left:-640px;
	}
	.cg-2023-christmas-tree {
		margin-left:650px;
	}
}

/* MOBILE */

.mobile a.cg-2023-topics-balloon {
transform:none;
background:none;
width:100%;
height:48px;
position:absolute;
top:auto;
bottom:129px;
left:0;
right:0;
margin:0;
box-sizing:border-box;
display:block;
padding:0;
font-size:14px;
line-height:24px;
color:#266a74;
text-transform:uppercase;
letter-spacing:-1px;
}
.mobile a.cg-2023-topics-balloon:before {
background:transparent url(/assets/vessur/img/cg-2023-stamp-border.svg) bottom left repeat-x;
width:100%;
height:27px;
top:0;
left:0;
right:0;
margin:0;
z-index:0;
}
.mobile a.cg-2023-topics-balloon span {
background:#8fd2c4;
position:absolute;
z-index:1;
left:0;
bottom:0px;
right:0;
display:block;
width:100%;
line-height:35px;
height:38px;
}
.mobile .cg-2023-santa {
width:220px;
height:160px;
margin-top:373px;
margin-left:0px;
}
.mobile .cg-2023-constellation-1 {
background-image:url(/assets/vessur/img/cg-2023-constellation-1-mobile.svg);
margin-top:-5px;
margin-left:-168px;
transform:rotate(66deg) scale(0.66);
}
.mobile .cg-2023-constellation-3 {
background-image:url(/assets/vessur/img/cg-2023-constellation-3-mobile.svg);
margin-top:220px;
margin-left:115px;
transform:rotate(102deg) scale(0.66);
}
.mobile .cg-2023-stars-white-1,
.mobile .cg-2023-stars-white-2 {
width:1906px;
height:839px;
top:50%;
transform:translate(-50%,-50%) rotate(90deg) scale(0.6);
}
.mobile .cg-2023-mobile-presents {
background-image:url(/assets/vessur/img/cg-2023-mobile-presents.svg);
width:231px;
height:90px;
margin-top:438px;
margin-left:-224px;
/* animation:floating 9s ease-in-out infinite; */
/* animation-delay:2s; */
}
.mobile .christmas-game .terms-button:after,
.mobile .christmas-game .terms-button:before {
content:none;
}
.mobile .christmas-game .terms-button {
background:none;
font-size:11px;
color:#efb11f;
text-decoration:none;
white-space:nowrap;
width:auto;
height:22px;
position:absolute;
top:10px;
right:9px;
left:auto;
z-index:5;
transform:none;
line-height:22px;
padding:0;
}
.mobile .christmas-game .terms-button span {
position:relative;
transform:none;
left:0;
top:0;
height:auto;
}
.christmas-game.screen-3 h3 {
font-family:'Gilroy', sans-serif;
font-size:20px;
color:#06262b;
line-height:28px;
font-weight:normal;
letter-spacing:0;
}
.christmas-game.screen-2.screen-3 h2:after {
content:none;
}
.christmas-game.screen-3 h2 span {
display:inline-block;
position:relative;
color:#8adbc9;
font-size:55px;
margin-top:10px;
}
.christmas-game.screen-3 h2 span:before,
.christmas-game.screen-3 h2 span:after {
content:'';
display:block;
position:absolute;
top:50%;
margin-top:-10px;
width:17px;
height:20px;
background:transparent url(/assets/vessur/img/cg-2023-star-blue.svg) left center no-repeat;
}
.christmas-game.screen-3 h2 span:before {
left:-30px;
}
.christmas-game.screen-3 h2 span:after {
right:-30px;
}
.christmas-game .mailbox-opening:before,
.christmas-game .mailbox-opening:after {
content:'';
display:block;
position:absolute;
height:0;
width:0;
border:3px solid #06262b;
border-top-color:transparent;
top:-6px;
}
.christmas-game .mailbox-opening:before {
border-left-color:transparent;
left:0;
}
.christmas-game .mailbox-opening:after {
border-right-color:transparent;
right:0;
}
.christmas-game .mailbox-opening {
background:#06262b;
height:8px;
position:absolute;
bottom:-8px;
left:-7px;
right:-7px;
}
.christmas-game.screen-3 .card {
overflow:visible;
}
.christmas-game.screen-3 .card .cg-2023-message-container,
.christmas-game.screen-3 .card .cg-2023-prize-container {
background:#8adbc9;
-webkit-border-radius:0 0 20px 20px;
border-radius:0 0 20px 20px;
height:186px;
z-index:0 !important;
overflow:hidden;
}
.cg-2023-message-container .cg-2023-dashed-border,
.cg-2023-prize-container .cg-2023-dashed-border {
top:-10px;
left:0px;
}
.christmas-game.screen-3 .cg-2023-message-container h3,
.christmas-game.screen-3 .cg-2023-prize-container h3 {
font-family:'Roboto Slab', serif;
font-size:30px;
letter-spacing:0;
margin-bottom:20px;
padding-top:25px;
}
.christmas-game.screen-3 .cg-2023-message-container h3 span,
.christmas-game.screen-3 .cg-2023-prize-container h3 span {
font-family:'Gilroy', sans-serif;
font-size:20px;
box-shadow:0px 1px 0px #06262b;
font-weight:normal;
letter-spacing:0;
display:inline-block;
margin-top:10px;
}
.christmas-game.screen-3 .cg-2023-message-container p,
.christmas-game.screen-3 .cg-2023-prize-container p {
letter-spacing:0;
}
.cg-mrbricolage-logo {
background-image:url(../img/cg_mr_bricolage_logo_optimized@2x.png);
background-image:url(../img/cg_mr_bricolage_logo_optimized.svg);
}
.cg-cycle-logo {
background-image:url(../img/cg_cycle_logo_optimized@2x.png);
background-image:url(../img/cg_cycle_logo_optimized.svg);
}
.cg-grandoptics-logo {
background-image:url(../img/cg_grandoptics_logo_optimized@2x.png);
background-image:url(../img/cg_grandoptics_logo_optimized.svg);
}
.cg-laroche-logo {
background-image:url(../img/cg_laroche_logo_optimized@2x.png);
background-image:url(../img/cg_laroche_logo_optimized.svg);
}
.cg-ghoney-logo {
background-image:url(../img/cg_ghoney_logo_optimized@2x.png);
background-image:url(../img/cg_ghoney_logo_optimized.svg);
}
.cg-giftcard-logo {
background-image:url(../img/cg_giftcard_logo_optimized@2x.png);
background-image:url(../img/cg_giftcard_logo_optimized.svg);
}
.cg-splat-logo {
background-image:url(../img/cg_splat_logo_optimized@2x.png);
background-image:url(../img/cg_splat_logo_optimized.svg);
}
.cg-giftcard-ribbon {
background-image:url(../img/cg_giftcard_ribbon_optimized@2x.png);
background-image:url(../img/cg_giftcard_ribbon_optimized.svg);
top:0;
left:0;
position:absolute;
z-index:1;
width:129px;
height:127px;
display:inline-block;
}

.mobile .christmas-game.screen-3.type-b h2,
.mobile .christmas-game.screen-3.type-a h2 {
margin-top:30px;
}
.mobile .christmas-game.screen-3.type-b h2 span,
.mobile .christmas-game.screen-3.type-a h2 span {
margin-top:15px;
}
.mobile .christmas-game.screen-3.type-b .card .primary-button {
margin-bottom:20px;
}
.mobile .christmas-game.screen-3.type-b .card {
top:140px;
height:auto;
left:0;
right:0;
bottom:128px	
}
.mobile .christmas-game.screen-3.type-b .card:after {
content:none;
}
.mobile .christmas-game.screen-3 .aux-inner {
height:auto;
bottom:0;
top:140px;
width:100%;
position:absolute;
}
.mobile .christmas-game.screen-3 .card .cg-2023-message-container,
.mobile .christmas-game.screen-3 .card .cg-2023-prize-container {
-webkit-border-radius:20px;
border-radius:20px;
z-index:2 !important;
width:94%;
margin:0 auto;
height:162px;
}
.mobile .christmas-game.screen-3 .cg-2023-message-container .cg-2023-dashed-border,
.mobile .christmas-game.screen-3 .cg-2023-prize-container .cg-2023-dashed-border {
top:0px;
}
.mobile .christmas-game.screen-3 .cg-2023-message-container .cg-2023-message-container-inner,
.mobile .christmas-game.screen-3 .cg-2023-prize-container .cg-2023-message-container-inner {
top:50%;
position:absolute;
transform:translateY(-50%);
width:100%;
left:0;
right:0;
}
.mobile .christmas-game.screen-3 .cg-2023-message-container h3,
.mobile .christmas-game.screen-3 .cg-2023-message-container h3 span,
.mobile .christmas-game.screen-3 .cg-2023-prize-container h3,
.mobile .christmas-game.screen-3 .cg-2023-prize-container h3 span,
.mobile .christmas-game.screen-3 .cg-2023-prize-container p {
font-family:'Roboto Slab', serif;
font-size:16px;
font-weight:normal;
letter-spacing:0;
padding:0 12px 8px 12px;
margin-bottom:0;
line-height:20px;
}
.mobile .christmas-game.screen-3 .cg-2023-message-container h3 span,
.mobile .christmas-game.screen-3 .cg-2023-prize-container h3 span {
margin:8px 0 0 0;
padding:0;
}
.mobile .christmas-game.screen-3 .cg-2023-message-container p,
.mobile .christmas-game.screen-3 .cg-2023-prize-container p {
padding-bottom:0;
}

@media all and (max-height:730px) and (orientation:portrait) {
	.mobile .christmas-game a.cg-2023-topics-balloon {
		bottom:109px;
	}
	.mobile .christmas-game.screen-3.type-b .card {
		bottom:40px;
	}
}
@media all and (max-height:650px) and (orientation:portrait) {
	.mobile .christmas-game.screen-3.type-b .card {
		bottom:14px;
	}
}
@media all and (max-height:630px) and (orientation:portrait) {
	.mobile .christmas-game .terms-button span {
		position:static;
		width:auto;
		height:auto;
		transform:none;
	}
	.mobile .christmas-game a.cg-2023-topics-balloon {
		bottom:99px;
	}
	.mobile .christmas-game.screen-3.type-b .card {
		bottom:5px;
	}
}
@media all and (max-height:560px) and (orientation:portrait) {
	.mobile .christmas-game a.cg-2023-topics-balloon {
		bottom:79px;
	}
	.mobile .christmas-game.screen-3.type-b .card {
		bottom:-6px;
	}
}

.christmas-game.screen-3.type-a .card {
background:#fff;
border-radius:20px;
height:356px;
/*
width:600px;
margin-left:-300px;
top:150px;
*/
}
.christmas-game.screen-3.type-a .card .cg-2023-message-container,
.christmas-game.screen-3.type-a .card .cg-2023-prize-container {
-webkit-border-radius:20px;
border-radius:20px;
margin:0 auto;
height:134px;
margin-top:20px;
width:572px;
}
.mobile .christmas-game.screen-3.type-a .card .cg-2023-message-container,
.mobile .christmas-game.screen-3.type-a .card .cg-2023-prize-container {
margin-top:15px;
margin-left:15px;
margin-right:15px;
width:auto;
}
.christmas-game.screen-3.type-a .card .cg-2023-message-container:before,
.christmas-game.screen-3.type-a .card .cg-2023-message-container:after,
.christmas-game.screen-3.type-a .card .cg-2023-prize-container:before,
.christmas-game.screen-3.type-a .card .cg-2023-prize-container:after {
content:'';
position:absolute;
display:block;
top:-33px;
width:236px;
height:263px;
background:transparent url(../img/cg-2023-snowflake.svg) center center no-repeat;
opacity:0.1;
}
.christmas-game.screen-3.type-a .card .cg-2023-message-container:before,
.christmas-game.screen-3.type-a .card .cg-2023-prize-container:before {
left:-120px;
}
.christmas-game.screen-3.type-a .card .cg-2023-message-container:after,
.christmas-game.screen-3.type-a .card .cg-2023-prize-container:after {
right:-130px;
}
.christmas-game.screen-3.type-a .cg-2023-message-container .cg-2023-dashed-border,
.christmas-game.screen-3.type-a .cg-2023-prize-container .cg-2023-dashed-border {
top:0px;
}
.christmas-game.screen-3.type-a .cg-2023-message-container h3,
.christmas-game.screen-3.type-a .cg-2023-prize-container h3 {
line-height:42px;
top:50%;
position:absolute;
transform:translateY(-50%);
left:0;
right:0;
box-sizing:border-box;
padding:0px 20px;
width:100%;
margin:0;
}

.mobile .christmas-game.screen-3.type-a .card {
width:auto;
left:18px;
right:18px;
margin:0;
height:306px;
}
.mobile .christmas-game.screen-3.type-a .cg-2023-message-container,
.mobile .christmas-game.screen-3.type-a .cg-2023-prize-container {
width:100%;
height:110px;
}
.mobile .christmas-game.screen-3.type-a .cg-scale-wrapper .card .cg-2023-message-container h3,
.mobile .christmas-game.screen-3.type-a .cg-scale-wrapper .card .cg-2023-prize-container h3 {
font-size:19px;
line-height:33px;
margin:0;
padding:0px 15px;
top:50%;
position:absolute;
transform:translateY(-50%);
width:100%;
box-sizing:border-box;
left:0;
right:0;
}
.mobile .christmas-game.screen-3.type-a .card > p {
padding:10px 16px;
}
@media all and (min-width:410px) and (orientation:portrait) {
	.mobile .christmas-game.screen-3.type-a .card > p {
		padding:30px 16px 10px;
	}
}

.christmas-game.screen-3.type-c .card {
-webkit-border-radius:20px;
border-radius:20px;
width:600px;
height:335px;
top:150px;
}
.christmas-game.screen-3.type-c .card.cg-message-container {
height:410px;	
}
.christmas-game.screen-3.type-c .card h2,
.christmas-game.screen-3.type-c .card p {
color:#06262b;
font-size:29px;
}
.christmas-game.screen-3.type-c .card p {
font-family:'Gilroy', sans-serif;
font-size:19px;
font-weight:normal;
letter-spacing:0;
padding:0 12px 8px 12px;
}
.christmas-game.screen-3.type-c .card.cg-message-container h2,
.christmas-game.screen-3.type-c .card.cg-message-container p,
.christmas-game.screen-3.type-c .card.cg-prize-container h2,
.christmas-game.screen-3.type-c .card.cg-prize-container p {
font-family:'Gilroy';
font-size:29px;
line-height:40px;
font-weight:bold;
}
.christmas-game.screen-3.type-c .card.cg-message-container h2,
.christmas-game.screen-3.type-c .card.cg-prize-container h2 {
margin-top:20px;
font-weight:bold;
}
.christmas-game.screen-3.type-c .card.cg-message-container p,
.christmas-game.screen-3.type-c .card.cg-prize-container p {
font-size:19px;
margin-top:10px;
padding:0;
}
.christmas-game.screen-3.type-c .card .aux-inner {
-webkit-border-radius:20px;
border-radius:20px;
overflow:hidden;	
}
.christmas-game.screen-3.type-c .card .overflow-container {
position:relative;
z-index:2;
}
.christmas-game.screen-3.type-c .cg-2023-dashed-border {
top:0;
left:0;
}
.prize {
font-family:'Gilroy', sans-serif;
font-size:20px;
color:#D34942;
}
.prize,
.prize a,
.prize a:link,
.prize a:visited {
color:#D34942;
}
.prize:before {
background-color:#D34942;
}
.christmas-game.screen-3.type-c h2 {
margin-top:6px;
}
.christmas-game.screen-3.type-c .card .prize {
background:transparent;
}
.christmas-game.screen-3.type-c .card.cg-details-container {
top:130px;
height:530px;
}
.christmas-game.screen-3.type-c .card label {
font-family:'Gilroy', sans-serif;
font-size:16px;
font-weight:normal;
}
.christmas-game.screen-3.type-c label.inline-label input[type="radio"] {
border-color:#D34942;
}
.christmas-game.screen-3.type-c label.inline-label input[type="radio"]:checked:before {
background:#D34942;
}
.christmas-game.screen-3.type-c .card.cg-details-container h2 {
letter-spacing:0;	
}
.christmas-game.screen-3.type-c .red {
font-family:'Roboto Slab', serif;
font-weight:bold;
font-style:normal;
font-size:29px;
line-height:42px;
color:#D34942;
letter-spacing:0;
}
.christmas-game.screen-3.type-c .red span {
font-size:32px;
}
.christmas-game.screen-3.type-c .card.cg-details-container p {
letter-spacing:0;
}
.christmas-game.screen-3.type-c .card.cg-details-container p.blue {
color:#0C5A7F;
}
.christmas-game.screen-3.type-c .card input[type="text"] {
height:38px;
line-height:38px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:#eee;
border:none;
padding:0 10px;
box-sizing:border-box;
font-family:'Gilroy', sans-serif;
}
.christmas-game.screen-3.type-c .card input.placeholder-label + label {
height:20px;
line-height:20px;
padding-left:10px;
top:8px;
font-size:14px;
}
.christmas-game.screen-3.type-c .card input.placeholder-label:focus + label, 
.christmas-game.screen-3.type-c .card input.placeholder-label.filled + label {
top:-21px;
}
.christmas-game.screen-3.type-c .aux-inner .primary-button {
margin-top:20px;
}
.mobile .christmas-game.screen-3.type-c .card {
left:16px;
right:16px;
width:auto;
top:56px;
margin:0 auto;
}
.mobile .christmas-game.screen-3.type-c .card .aux-inner:before {
content:none;
}
.mobile .christmas-game.screen-3.type-c .card.cg-details-container {
top:56px;
}
.mobile .christmas-game.screen-3.type-c .card.cg-message-container {
height:450px;
}
.mobile .christmas-game.screen-3.type-c .aux-inner {
top:auto;
position:relative;
}
.christmas-game .uk-alert {
padding:10px;
}
.christmas-game.screen-3.type-c .card.cg-details-container h2 {
margin-top:10px;
}
.mobile section.christmas-game.screen-3.type-c .card.cg-details-container h2 {
font-size:25px;
}
.mobile section.christmas-game.screen-3.type-c .card.cg-message-container h2 {
padding-left:0;
margin-top:25px;
}
@media (max-height:580px) and (orientation:portrait) {
	.mobile .christmas-game.screen-3.type-a .cg-scale-wrapper .card .cg-2023-message-container h3, 
	.mobile .christmas-game.screen-3.type-a .cg-scale-wrapper .card .cg-2023-prize-container h3 {
		font-size: 16px;
		line-height: 26px;
	}
}
.mobile .christmas-game.screen-3.type-c h3 {
font-size:19px;
line-height:24px;
}
.mobile .christmas-game.screen-3 label.inline-label {
width:100%;
margin-bottom:5px;
height:38px;
font-size:15px;
line-height:32px;
}
.mobile .christmas-game.screen-3.type-c .card.cg-details-container p {
font-size:16px;
line-height:19px;
padding-bottom:6px;
}
.mobile .christmas-game.screen-3.type-c .red {
font-size:22px;
line-height:32px;
}
.mobile .christmas-game .uk-alert {
margin-top:10px;
margin-bottom:20px;
}



.sparkle {
position:absolute;
top:auto;
right:auto;
bottom:10px;
left:10px;
display:block;
height:24px;
width:24px;
animation-name:sparkle;
animation-duration:5s;
animation-timing-function:linear;
animation-iteration-count:infinite;
animation-fill-mode:forwards;
opacity:0;
}
.sparkle--small {
height:16px;
width:16px;
}
.sparkle--left {
animation-name:sparkleLeft;
}

@keyframes sparkle {
0% {
transform:scale(0) rotate(0deg);
opacity:0;
}
3% {
transform:scale(1) rotate(15deg);
opacity:1;
}
6% {
transform:scale(1) rotate(15deg);
opacity:1;
}
9% {
transform:scale(0) rotate(0deg);
opacity:1;
}
100% {
transform:scale(0) rotate(0deg);
opacity:0;
}
}

@keyframes sparkleLeft {
0% {
transform:scale(0) rotate(0deg);
opacity:0;
}
3% {
transform:scale(1) rotate(-15deg);
opacity:1;
}
6% {
transform:scale(1) rotate(-15deg);
opacity:1;
}
9% {
transform:scale(0) rotate(0deg);
opacity:1;
}
100% {
transform:scale(0) rotate(0deg);
opacity:0;
}
}

@keyframes floating {
0% {
transform:translatey(0px);
}
50% {
transform:translatey(-20px);
}
100% {
transform:translatey(0px);
}
}
@keyframes floating-flipped {
0% {
transform:translatey(0px) scale(-1,1);
}
50% {
transform:translatey(-20px) scale(-1,1);
}
100% {
transform:translatey(0px) scale(-1,1);
}
}
@keyframes floating-flipped-rotated {
0% {
transform:translatey(0px) scale(-1,1) rotate(45deg);
}
50% {
transform:translatey(-20px) scale(-1,1) rotate(45deg);
}
100% {
transform:translatey(0px) scale(-1,1) rotate(45deg);
}
}
@keyframes floating-scaled {
0% {
transform:translatey(0px) scale(-0.66,0.66);
}
50% {
transform:translatey(-20px) scale(-0.66,0.66);
}
100% {
transform:translatey(0px) scale(-0.66,0.66);
}
}

.card.card-giftcard:after {
background:transparent top left no-repeat;
background-image:url(../img/cg_giftcard_ribbon_optimized@2x.png);
background-image:url(../img/cg_giftcard_ribbon_optimized.svg);
top:0;
left:0;
position:absolute;
z-index:1;
width:129px;
height:127px;
display:inline-block;
content:'';
border:none;
-webkit-border-radius:0;
border-radius:0;
}
.card.card-giftcard .cg-2023-dashed-border {
display:none; 
}
.card.card-giftcard {
-webkit-border-radius:40px;
border-radius:40px;
}
.mobile .card.card-giftcard:after {
transform:scale(0.66);
transform-origin:top left;
}
.mobile .christmas-game.screen-3.type-a .clear + h2,
.christmas-game.screen-3.type-a .card > h2 {
color:#06262b;
margin-top:0;
}
.mobile .christmas-game.screen-3.type-a .clear + h2 {
z-index:4;
position:relative;
margin-top:-40px;
}