/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.5;
}
h1, h2, h3 {
	line-height: 1.1;
	font-weight: normal;
	padding: .45em 0 0.3em;
	margin: 0;
	//padding-top: .15em; /* A bit more space at the top, for fonts with lineheight too small for some letters */
}

h2:empty,
p:empty {
	display: none;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* Other resets */

input,
select,
textarea {
	background-color: transparent;
	
	display: block;
	padding: 0.2em 0 0.2em;
	margin: 0;

	min-height: 1.8em;

	width: 100%;
	text-overflow: ellipsis;
	-webkit-appearance: none;
	-moz-appearance: none;

	outline: 0;

	border: none;
	border-radius: 0;
	
	border-bottom-style: solid;
	border-bottom-width: 3px;
	
	-webkit-transition: color 0.5s, border-color 0.3s;
	transition: color 0.5s, border-color 0.3s;

	box-sizing: border-box !important;
}
textarea:focus,
select:focus,
input:focus {
	outline-width: 0;
}
input.dkzip,
input.dkzip-city {
	display: inline-block;
}
input.dkzip {
	width: 30%;
}
input.dkzip-city {
	width: 69%;
	float: right;
}
select.birthday,
select.birthmonth,
select.birthyear {
	display: inline-block;
	margin-right: .9%;
}
select.birthday {
	width: 21%;
}
select.birthmonth {
	width: 44%;
}
select.birthyear {
	width: 31%;
	float: right;
	margin-right: 0;
}


input::-webkit-input-placeholder {
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
}
input::-moz-placeholder {
	transition: color 0.5s;
}
input:-ms-input-placeholder {
	transition: color 0.5s;
}

input[type=radio],
input[type=checkbox] {
	width: 28px;
	height: 28px;
	margin-right: 0.5em;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: contain;
	border-bottom: none;
	border: 3px solid #aaa;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}
input[type=radio] {
	-moz-border-radius: 11px;
	border-radius: 11px;
	width: 22px;
	height: 22px;
}
select {
	padding-right: 9%;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: 97% center;
	background-image: url('https://s3-eu-west-1.amazonaws.com/cdn.campaignshq.com/frontend_v2/img/icon_select_grey.svg');
}
select::-ms-expand {
	display: none;
}
select:hover {
	background-image: url('https://s3-eu-west-1.amazonaws.com/cdn.campaignshq.com/frontend_v2/img/icon_select_black.svg');
}
label {
	display: block;
}

input[type=radio].validate,
input[type=checkbox].validate {
	border: 3px solid #aaa;
}
.challenge-alternate-version #frm-challenge .control-group input:checked + i, 
input[type="checkbox"]:checked,
input[type="radio"]:checked {
	background-image: url('https://s3-eu-west-1.amazonaws.com/cdn.campaignshq.com/backend_v2/img/icon_ok.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 22px;
}

input[type=button],
button,
.btn {
	display: block;
	padding: 0.5em 1em 0.4em;
	margin: 1em 0;
	width: 40%;
	max-width: 400px;
	min-width: 200px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
	border: 3px solid #aaa;
	background-color: transparent;
    text-decoration: none;
}
.btn-mini {
	min-width: 0;
	max-width: none !important;
	width: auto !important;
	padding: .3em .7em;
	font-size: .8em;
	line-height: 1.3 !important;
}

button:empty,
.btn:empty {
	display: none;
}


.error-message {
	position: absolute;
	padding: 0.5em;
	width: 90%;
	min-width: 148px;
	left: 5%;
	
	top: 100%;
	margin-top: 7px;
	
	z-index: 10;
	
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	
	display: none;
}
.error-message.show.warning,
.error-message.show.focus {
	display: block;
}
.error-message:before,
.error-message:after {
	content: "";
	position: absolute;
	top: -7px;
	border-top: 7px solid transparent;
}
.error-message:before {
	left: 25px;
	border-right-style: solid;
	border-right-width: 7px;
}
.error-message:after {
	left: 32px;
	border-left-style: solid;
	border-left-width: 7px;
}
/* Move it above... not possible with solid field backgrounds because of z-order
/*
.error-message.warning {
	bottom: 100%;
	top: auto;
	margin-top: 0;
	margin-bottom: 7px;	
}
.error-message.warning:before,
.error-message.warning:after {
	top: auto;
	bottom: -7px;
	border-top: none;
	border-bottom: 7px solid transparent;
}
*/






/* ===============
    GRID
   =============== */


.xs-col1,
.xs-col2,
.sm-col1,
.sm-col2,
.md-col1,
.md-col2,
.md-col3,
.md-col4,
.md-col5,
.md-col6,
.md-col7,
.md-col8,
.md-col9,
.md-col10,
.md-col11,
.md-col12,
.lg-col1,
.lg-col2,
.lg-col3,
.lg-col4,
.lg-col5,
.lg-col6,
.lg-col7,
.lg-col8,
.lg-col9,
.lg-col10,
.lg-col11,
.lg-col12,
.item,
.row,
.row:after,
* {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.row,
.control-group,
.row.xs-nopadding,
.row.nopadding { margin-left: -25px; margin-right: -25px; }
.row:after {
	content: "";
	clear: both;
	display: table;
}

.sm-col1,
.xs-col1 { width: 50%; }
.sm-col1.big, .big-prizes-on-expand .sm-col1.expanded,
.xs-col1.big, .big-prizes-on-expand .xs-col1.expanded,
.sm-col2,
.xs-col2 { width: 100%; }

.xs-col-push1 { margin-left: 50%; }

.control-group,
.xs-col1,
.xs-col2,
.sm-col1,
.sm-col2,
.md-col1,
.md-col2,
.md-col3,
.md-col4,
.md-col5,
.md-col6,
.md-col7,
.md-col8,
.md-col9,
.md-col10,
.md-col11,
.md-col12,
.lg-col1,
.lg-col2,
.lg-col3,
.lg-col4,
.lg-col5,
.lg-col6,
.lg-col7,
.lg-col8,
.lg-col9,
.lg-col10,
.lg-col11,
.lg-col12 { position: relative; float: left; min-height: 1px; padding-left: 25px; padding-right: 25px; }

.select-door-area.row > *,
.challenge-page .row > *,
.challenge-confirmation-page .row > * { min-height: 0; }

.control-group { float: none; margin-top: 0; margin-bottom: 0; }



.foldout-toggle.sm-col-push-right,
.sm-col-push-right {
	float: right;
}

.xs-col-break,
.sm-col-break {
	content: "";
	clear: both;
	display: table;
}

.sm-col-only,
.md-col-only,
.lg-col-only {
	display: none;
}
.xsm-col-only {
	display: block;
}
.sm-col-inlineblock-only,
.md-col-inlineblock-only,
.lg-col-inlineblock-only {
	display: none;
}
.xsm-col-inlineblock-only {
	display: inline-block;
}

.padding { padding: 25px; }
.xs-padding-top,
.padding-top { padding-top: 25px !important; }
.padding-bottom { padding-bottom: 25px; }


.col-nopadding { padding-left: 0; padding-right: 0; }
.col-nomargin { margin-top: 0; margin-bottom: 0; }

.xs-col-nopadding,
.nopadding { padding: 0; }
.nopadding-left { padding-left: 0; }
.nopadding-right { padding-right: 0; }
.nopadding-top { padding-top: 0; }
.nopadding-bottom { padding-bottom: 0; }


.sm-col-margin-top,
.margin-top.clearfix:after,
.margin-top { margin-top: 20px; }
.margin-bottom.clearfix:after,
.margin-bottom { margin-bottom: 20px; }
.margin-left.clearfix:after,
.margin-left { margin-left: 20px; }
.margin-right.clearfix:after,
.margin-right { margin-right: 20px; }
.nomargin { margin: 0; }
.nomargin-left { margin-left: 0; }
.nomargin-right { margin-right: 0; }
.nomargin-top { margin-top: 0; }
.sm-nomargin-bottom,
.nomargin-bottom { margin-bottom: 0; }

.pos-absolute { position: absolute !important; }
.pos-relative { position: relative !important; }
 
.pull-right { float: right; }
.pull-left { float: left; }
 
.left-text { text-align: left !important; }
.center-text { text-align: center !important; }
.right-text { text-align: right !important; }

.align-middle:after,
.align-middle > * {
    display: inline-block;
    vertical-align: middle;
}
.align-middle:after {
    content: "";
    height: 97%;
    margin-left: -0.05em;
}

.min-height-0 { min-height: 0; }

.inline-block { display: inline-block; }

.container {
	padding-left: 35px; padding-right: 35px; margin-left: auto; margin-right: auto;
}
.container-16x9 {
	width: 100%;
	height: 0;
	padding: 0 0 56.25% 0 !important;
}




.modal {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	min-height: 100%;

	padding-top: 10%;
	padding-bottom: 10%;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-moz-transition: background-color 0.5s;
	transition: background-color 0.5s;

	z-index: -1;
	opacity: 0;
	visibility: hidden;
}
.modal.visible {
	z-index: 103;
	opacity: 1;
	overflow: visible;
	visibility: visible;
}
.modal-header {
	min-height: 50px;
}
.modal.visible .modal-body {
	/*overflow-x: hidden;*/
	overflow: hidden;
}


a.close {
	position: absolute;
	top: 10px;
	right: -4px;
	width: 30px;
	height: 30px;
	z-index: 60;
	cursor: pointer;
}

a.close:before,
a.close:after {
	content: "";
	width: 30px;
	height: 2px;
	position: absolute;
	top: 14px;
	opacity: 0;

	-moz-transition: opacity 0.3s 0.2s, -moz-transform 0.5s 0.5s;
	transition: opacity 0.3s 0.2s, transform 0.5s 0.5s;
}
a.close:before {
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.game-modal.visible a.close:before,
.modal.visible a.close:before {
	opacity: 1;
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.game-modal.visible a.close:after,
.modal.visible a.close:after {
	opacity: 1;
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.game-modal a.close {
	right: 10px;
}
.game-modal a.close:before,
.game-modal a.close:after {
	left: 0;
}
.game-modal-help {
	vertical-align: top;
}
.open-game-modal-help {
	z-index: 102;
	margin: 0 0 1em 2em;
	cursor: pointer;
}

.game-modal-help p:first-of-type,
.game-modal-loss p:first-of-type,
.game-modal-win p:first-of-type,
.game-modal-instantwin p:first-of-type,
.game-modal-instantloss p:first-of-type {
	margin-top: 0;
}

.game-modal-help p:last-of-type,
.game-modal-loss p:last-of-type,
.game-modal-win p:last-of-type,
.game-modal-instantwin p:last-of-type,
.game-modal-instantloss p:last-of-type {
	margin-bottom: 0;
}

.game-modal-help > *:not(.btn),
.game-modal-loss > *,
.game-modal-win > *,
.game-modal-instantwin > *,
.game-modal-instantloss > * {
    padding-top: 25px !important;
}
.game-modal-help:not([style*="display:none"]):not(.hide) ~ * > *,
.game-modal-loss:not([style*="display:none"]):not(.hide) ~ * > *,
.game-modal-win:not([style*="display:none"]):not(.hide) ~ * > *,
.game-modal-instantwin:not([style*="display:none"]):not(.hide) ~ * > *,
.game-modal-instantloss:not([style*="display:none"]):not(.hide) ~ * > * {
    padding-top: 0 !important;
}


/* ===== Campaign styles ==================================================
   Author: Casper Bram - Roger.dk
   ========================================================================== */


/* fonts */

#frm-challenge label:not(.checkbox),
#frm-contact .control-group .controls label:not(.checkbox),
body {
	font-size: 1.1em;
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
	margin: 0;
}

.prize-item.expanded h3,
h1, h2, h3, h4, h5 {
	font-family: 'brandon-grotesque', Helvetica, 'Helvetica Neue', Arial, sans-serif;
	font-weight: 400;
	text-transform: none;
}

.prize-item.expanded h3,
.prize-item.big.expanded h3 {
	font-size: 1.4rem;
}
h2 { font-size: 40px; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }

h2:first-child {
	padding-top: 0;
	margin-top: 0;
}
.select-door-area h2:first-child,
.persona-message h2:first-child {
	margin-top: 1rem;
}
.select-door-area h2:first-child:not(:empty) + p:empty,
.persona-message h2:first-child:not(:empty) + p:empty {
	display: block;
	margin-top: 0;
}

label,
input,
textarea,
select,
.control-group.fieldtype-label h4 {
	font-size: 18px;
}
.control-group.focus label:not(.checkbox),
.control-group.filled label:not(.checkbox) {
	font-size: .75em;
	line-height: 1.1;
	opacity: .65;
}
.control-group.fieldtype-birthdate label,
.control-group.fieldtype-multiselectone label,
.control-group.fieldtype-ticketsevents label,
.control-group.fieldtype-ticketscount label {
	opacity: .65;
}



/* Colors */


/* transparent */
::-webkit-input-placeholder {
	color: transparent;
}
::-moz-placeholder {
	color: transparent;
}
:-moz-placeholder {
	color: transparent;
}
:-ms-input-placeholder {
	color: transparent;
}




/* Black */

.shadow:before {
	background-color: transparent;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 );
}



/* White */
select option,
input[type=radio],
input[type=checkbox],
.bg-white {
	background-color: #fff;
}
.social_share .referral button,
.error-message {
	color: #fff;
}


/* Light light grey */


/* Light grey #aaa hover */

.social_share .referral button {
	background-color: #ddd;
}

.social_share .referral input,
.social_share .referral button,
input:not(.valid):not(.invalid):hover,
select:not(.valid):not(.invalid):hover,
textarea:not(.valid):not(.invalid):hover {
	border-color: #ddd;
}

/* Light grey #aaa */
.social_share .referral:hover button {
	background-color: #aaa;
}

.social_share .referral:hover button,
input,
select,
textarea {
	border-color: #aaa;
}


/* Dark grey #555 */
select option {
	color: #555;
}



/* Red #f12b3b */
.error-message {
	background-color: #f12b3b;
}
input.validate.invalid,
select.validate.invalid,
textarea.validate.invalid,
input.validate.required.invalid {
	border-color: #f12b3b;
}
.error-message:before {
	border-right-color: #f12b3b;
}
.error-message:after {
	border-left-color: #f12b3b;
}



/* Yellow */
.error-message.warning {
	background-color: #ccc078;
}
.error-message.warning:before {
	border-right-color: #ccc078;
}
.error-message.warning:after {
	border-left-color: #ccc078;
}


/* main color */
body {
	background-color: #c62c2c;
}



/* Mid Blue */
a.close:before,
a.close:after {
	background-color: #00a3de;
}
a,
a:visited,
a:link,
a:active,
a:hover,
.challenge-alternate-version #frm-signin a,
.challenge-alternate-version #frm-signin a:hover {
	color: #1f4b52;
}


/* Light blue */
a.close:hover:before,
a.close:hover:after {
	background-color: #90c7e7;
}


/* Green */
input.validate.valid,
select.validate.valid,
textarea.validate.valid {
	border-color: #92d400;
}



/* Dark Green */
input.button:active,
input[type="button"]:active,
.btn:active {
	/* background-color: #3c8a2e; */
}


/* reset */
/*.logo {
	background-position: center center;
	background-size: 80%;
	background-size: contain;
	background-repeat: no-repeat;
}
*/






/* Other */






.logo {
/*	overflow: hidden;
	text-indent: -999px;
	display: inline-block;
	max-width: 100%;
	width: 300px;
	height: 60px;*/
	text-align: center;
}
.logo img {
	max-height: 70px;
}
.logo img[width] {
	max-height: none !important;
}

.control-group {
	padding-top: 1.5em;
	padding-bottom: 0.5em;
	margin-top: 0;
	margin-bottom: 0;
}
.control-group label:not(.checkbox) {
	position: absolute;
	-moz-transition: font-size 0.3s, margin-top 0.4s;
	transition: font-size 0.3s, margin-top 0.4s;
}

.control-group.fieldtype-dkaws {
	padding-top: 0;
}
.control-group.fieldtype-birthdate,
.control-group.fieldtype-multiselectone,
.control-group.fieldtype-ticketsevents,
.control-group.fieldtype-ticketscount {
	padding-top: 1.8em;
}
.control-group.fieldtype-birthdate label,
.control-group.fieldtype-multiselectone label,
.control-group.fieldtype-ticketsevents label,
.control-group.fieldtype-ticketscount label {
	margin-top: -1.6em;
	position: relative;
	padding-bottom: .3em;
}
.control-group.focus label:not(.checkbox),
.control-group.filled label:not(.checkbox) {
	margin-top: -1.1em;
}
.control-group.fieldtype-label {
	margin-top: 10px;
	padding-top: .5em;
	padding-bottom: 0;
}
.control-group.fieldtype-label h4 { margin: 0; }
.control-group.fieldtype-hidden { display: none !important; }


.control-group.fieldtype-multiselectmany .control-label { position: relative; }
.control-group.fieldtype-multiselectmany .control-group { padding-top: 0; padding-bottom: 0; }
.control-group.fieldtype-multiselectmany input { float: left; }
.control-group.fieldtype-multiselectmany .controls {
	clear: both;
	padding-top: .5em;
}
.control-group.fieldtype-multiselectmany .checkbox-label  {
	clear: both;
	position: relative;
	padding-top: 1.5em;
}

.control-group.fieldtype-dkaws input {
	border-left: none;
	border-right: none;
	-webkit-appearance: initial;
}

input.dkaws_toggle {
	position: absolute;
	width: 1.5em !important;
	min-height: 0;
	height: 1.1em !important;
	margin-top: .05em !important;
	cursor: pointer;
}
input.dkaws_toggle:after {
	width: 47%;
	height: 70%;
	top: 10%;
}
input.dkaws_toggle + label {
	padding-left: 2.3em;
	cursor: pointer;
}
input.dkaws_toggle + label {
	font-size: .85em;
	margin-top: .5em;
	margin-bottom: .5em;
}
.autocomplete-switch input.dkaws_toggle {
	top: .5em !important;
}


#frm-signin {
	z-index: 100;
}
#frm-signin label,
#frm-signin .label {
	text-align: left;
}
.challenge-alternate-version #frm-signin .control-group.field-last {
	background-color: transparent;
}
.challenge-alternate-version #frm-signin .control-group.fieldtype-checkbox,
.challenge-alternate-version #frm-signin .control-group.fieldtype-multiselectmany {
	padding-bottom: 1em;
}



/* --------
Password gate
------- */

.password-gate,
.password-gate-enabled > *:not(.password-gate):not(#oc-tags):not(#oc-overlay) {
	display: none;
}
.password-gate-enabled .password-gate {
	display: block;
	min-height: 100%;
	min-height: 100vh;
}
.password-gate,
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overscroll-behavior: contain;
	overflow-y: auto;
	z-index: 10000000;
	background-color: #79d540;
	transform: translate3d(0,0,0);
}
.overlay {
	opacity: 1;
	background-image: url('');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	background-size: cover;
	z-index: 0;
	overflow: hidden;
}
.password-gate .container { min-height: 90vh; display: flex; flex-direction: column; align-content: end; }
.video-container.cover iframe,
.video-container.cover object,
.video-container.cover embed,
.video-container.cover video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	padding: 0;
	width: 177.77777778vh; /* 100 * 16 / 9 */
	height: 100%;
	min-width: 100%;
	min-height: 56.25vw; /* 100 * 9 / 16 */
}
.password-gate .logo {
	font-size: 2em;
	line-height: 1.1;
	padding: .45em 0 0.3em;
	width: 100%;
	flex-grow: 1;
}
.password-content {
	text-align: center;
	margin: 0 auto;
	padding: 1em;
	max-width: 30em;
	z-index: 1;
	color: #ffffff;
}
.password-content img {
	width: auto !important;
}
.password-gate .control-group {
	padding-left: 0;
	padding-right: 0;
}
.password-input .controls,
.password-input .btn {
	display: inline-block;
	margin: .5em;
	width: 50%;
	min-width: 14em;
}
.password-input .btn {
	width: auto;
	min-width: 4em;
	line-height: 1.8;
	cursor: pointer;
}
.password-input .controls {
	background-color: #fff;
	vertical-align: top;
	padding: 1.2em .5em 0;
}
.password-input .controls label {
	color: #666 !important;
	margin-top: -.45em;
}
.password-input .controls input {
	color: #333 !important;
	border-color: transparent !important;
}



.challenge-reverse-flow #frm-challenge button {
	display: none;
}
.challenge-reverse-flow .reverse-flow-signup { z-index: 103; }
.challenge-reverse-flow .reverse-flow-signup .intro {
	margin-bottom: 1em;
}
.challenge-reverse-flow .reverse-flow-signup .intro h2 {
	padding-bottom: 0;
	margin-bottom: .5em;
}
.challenge-reverse-flow .subscriber-cookie {
	padding-top: 1em;
	padding-bottom: 1em;
}
.lotterytickets-count,
.game-flip-flipsleft,
.game-flip-lifesleft,
.challenge-reverse-flow .subscriber-cookie .name {
	padding: .2em 1em .3em;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
}
.lotterytickets-count .singular,
.lotterytickets-count .plural { margin-left: .35em; }

.challenge-reverse-flow .subscriber-cookie a {
	text-decoration: underline;
	cursor: pointer;
	display: inline-block;
}
.challenge-alternate-version.challenge-participate-by-view {
	padding-top: 3%;
	padding-bottom: 3%;
}
.challenge-alternate-version.challenge-participate-by-view .subscriber-cookie {
	padding-bottom: 0;
}

.jk-ajax-participate-view:not(.jk-ajax-participate-error) .reverse-flow-signup {
	display: none;
}
.jk-ajax-participate-view.jk-ajax-participate-error .challenge-reverse-flow #frm-signin .control-group {
	display: block !important;
}



#frm-contact .field-1 {
	padding-bottom: 2em;
}
#frm-contact label.radio input[type=radio] {
	position: absolute;
	left: 0;
	width: 32px;
}
#frm-contact label.radio {
	position: relative;
}




#frm-challenge {
	margin-top: 1em;
	z-index: 101;
}
#frm-contact .control-group .controls label,
#frm-challenge .control-group {
	padding-top: 15px;
	padding-bottom: 15px;
}
#frm-contact .control-group .controls label,
#frm-challenge label {
	position: relative;
	margin-top: 0;
	line-height: 1.2em;
}
#frm-challenge .answer {
	z-index: 10;
	-webkit-perspective: 1000;
	perspective: 1000;
}
#frm-challenge .answer .control-group.one-is-selected {
	opacity: 0.6;
	transition-duration: .2s;
	-moz-transform: translate3d(0,0,-10px);
	transform: translate3d(0,0,-10px);
}
#frm-challenge .answer .control-group.one-is-selected.selected {
	opacity: 1;
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.challenge-alternate-version {
	z-index: 101;
	/*padding: 7% 25px 70px;*/
	padding: 7% 25px 7%;
}
/*.challenge-alternate-version.challenge-reverse-flow .multi-challenges > *:not(.multi-challenge),
.challenge-alternate-version.challenge-reverse-flow .multi-challenge .multi-challenge {
	padding: 7% 25px 7%;
}
.challenge-alternate-version.challenge-reverse-flow div.multi-challenge-progress {
	padding-bottom: 0 !important;
}
.challenge-alternate-version.challenge-reverse-flow .multi-challenge-progress:not(.hide) ~ .multi-challenge .multichallenge {
	padding-top: 20px;
}
.challenge-alternate-version.challenge-reverse-flow .reverse-flow-signup > * {
	padding: 25px 35px;
}*/
.challenge-alternate-version h2,
.challenge-alternate-version p {
	text-align: center;
	padding-bottom: 1.3em;
}
.challenge-alternate-version h2:first-child,
.challenge-alternate-version p:first-child {
	/*padding-top: 1.5rem;
	margin-top: 0;*/
	padding-top: 0;
}
.challenge-alternate-version a:hover {
	/*color: #555;
	background-color: #fff;
	text-decoration: none;*/
}
.challenge-alternate-version p {
	padding-bottom: 3em;
	z-index: 101;
}
.challenge-alternate-version .answer {
	width: 100%;
}
.challenge-alternate-version:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.challenge-alternate-version #frm-challenge .control-group:nth-last-child(1) {
	margin-bottom: 3em;
}
.challenge-alternate-version button {
	margin: 0 auto 3em;
	display: block;
	line-height: 40px;
	max-width: none;
	width: 100%;
}
.challenge-alternate-version #frm-challenge .control-group {
	min-height: 60px;
	margin: 10px 0;
	padding: 25px;
	text-align: center;
}
.challenge-alternate-version #frm-challenge .control-group label {
	display: block;
	width: 100%;
	min-height: 30px;
	cursor: pointer;
	padding-left: 40px;
}
.challenge-alternate-version #frm-challenge .control-group input[type=radio] {
	position: absolute;
	top: 0;
	left: 0;
	-moz-border-radius: 22px;
	border-radius: 22px;
	width: 30px;
	height: 30px;
	background-size: 24px;
	border: 1px solid #5bafe3;
	background-position: 48% 55%;
}

.challenge-answer-image {
	background-size: 100%;
	background-size: contain;
	background-position: right center;
	background-position: right 5px;
	background-repeat: no-repeat;
}
.challenge-answer-image label {
	padding-right: 70px !important;
}



.challenge-alternate-version #frm-challenge .answer .control-group.one-is-selected {
	opacity: .5;
	-moz-transform: translate3d(0,0,-80px);
	transform: translate3d(0,0,-80px);
}
.challenge-alternate-version #frm-challenge .answer .control-group.one-is-selected.selected {
	opacity: 1;
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
}




.area-challenge-question {
	overflow: hidden;
}
.challenge-bgs,
.challenge-bgs > * {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.challenge-bgs > * {
	background-repeat: no-repeat;
	background-size: 100%;
	background-size: cover;
	background-position: center center;
}
.animate-containers .challenge-bgs > .fade-in,
.animate-containers .visible .challenge-bgs > .fade-in {
	opacity: 0;
}
.animate-containers .challenge-bgs > .fade-in.visible,
.animate-containers .visible .challenge-bgs > .fade-in.visible {
	opacity: 1;
}


.pos-absolute { position: absolute }



.min-height-gamemodal { min-height: 250px; }


.animate-containers .multi-challenge-thankyou,
.multi-challenge-thankyou.visible { display: block; }


.animate-containers .multi-challenges > .multi-challenge,
.animate-containers .multi-challenges > .multi-challenge-thankyou  {
	width: 100%;
	top: 0;

	-moz-transition: transform .4s ease-in-out, opacity .3s;
	transition: transform .4s ease-in-out, opacity .3s;
	
	-webkit-transform: translate3d(0px, 100px, 30px);
	transform: perspective(200) translate3d(0px, 100px, 30px);
	 
	opacity: 0;
}
.animate-containers .multi-challenges > .multi-challenge.animate-in,
.animate-containers .multi-challenges > .multi-challenge.animate-modals-only-in,
.animate-containers .multi-challenges > .multi-challenge-thankyou.animate-in {
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: perspective(200) translate3d(0px, 0px, 0px);
	 
	opacity: 1;
}
.animate-containers .multi-challenges > .multi-challenge.animate-out,
.animate-containers .multi-challenges > .multi-challenge-thankyou.animate-out  {
	-moz-transition: transform .8s ease-in, opacity .3s; /* .5s;*/
	transition: transform .8s ease-in, opacity .3s; /* .5s;*/

	position: absolute;
	-webkit-transform: translate3d(0px, -400px, -10px);
	transform: perspective(200) translate3d(0px, -400px, -10px);
	 
	opacity: 0;
}


.animate-containers .multi-challenges > .multi-challenge-thankyou.animate-in  {
	-webkit-transform: translate3d(0px, 0px, 1px);
	transform: perspective(200) translate3d(0px, 0px, 1px);
}
.animate-containers .multi-challenges > .multi-challenge-thankyou,
.animate-containers .multi-challenges > .multi-challenge-thankyou.animate-out  {
	-webkit-transform: translate3d(0px, 0px, 30px);
	transform: perspective(200) translate3d(0px, 0px, 30px);
}



.animate-containers .multi-challenges > .multi-challenge.animate-modals-only-in > .multi-challenge > *:not(.game-modals):not(.reverse-flow-challenge),
.animate-containers .multi-challenges > .multi-challenge.animate-modals-only-in > .multi-challenge > * > *:not(.game-modals) {
    display: none;
    opacity: 0;
}
.animate-containers .multi-challenges > .multi-challenge.animate-modals-only-in > .multi-challenge,
.animate-containers .multi-challenges > .multi-challenge.animate-modals-only-in > .multi-challenge > .reverse-flow-challenge {
    min-height: 530px;
}



.multi-challenge-thankyou {
	display: none;
	position: fixed !important;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	min-height: 300px;
	height: 80vh;
}

.multi-challenges .multi-challenge-thankyou h2 {
	width: 280px;
	height: 280px;
	margin: 10% auto 12%;

	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	border-radius: 150px;

	background-color: rgba(255,255,255, .8) !important;

	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -140px;
	margin-top: -140px;
	z-index: 102;
}
.multi-challenges .multi-challenge-thankyou h2 span {
	position: absolute;
	top: 50%;
	margin-top: 40px;
	font-size: .55em;
	width: 100%;
	display: block;

	color: #8bac78;
}

.ld-circle {
	display: inline-block;
	transform: translateZ(1px);
}
.ld-circle > div {
	position: absolute;
	top: 50%;
	left: 50%;

	display: block;
	width: 51px;
	height: 51px;
	margin-left: -25px;
	margin-top: -25px;

	border-radius: 50%;
	background: #1f4b52;
	animation: ld-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
@keyframes ld-circle {
	0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); }
	0% {
		transform: rotateY(0deg);
	}
	50% {
		transform: rotateY(1800deg);
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
	}
	100% {
		transform: rotateY(3600deg);
	}
}
.ld-circle--circle,
.ld-circle--square,
.ld-circle--triangle {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	margin-top: -5px;
	border: 2px solid #1f4b52;
	border-radius: 2px;
	animation: ld-circle--square 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	animation-delay: .65s;

	display: none;
}
.ld-circle--circle {
	border-radius: 10px;
	animation-name: ld-circle--circle;
	animation-delay: .8s;
	animation-duration: 2.5s;
}
.ld-circle--triangle {
	border-width: 0 5px 10px 5px;
	border-color: transparent transparent #1f4b52 transparent;
	animation-name: ld-circle--triangle;
	animation-delay: .5s;
	animation-duration: 1.7s;
}
@keyframes ld-circle--circle {
	0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); }
	0% {
		border-color: #1f4b52;
		transform: rotateZ(0deg) translate3d(0, 0, 0);
	}
	50% {
		border-color: #1f4b52;
		transform: rotateZ(-40deg) translate3d(50px, 0, 0);
		opacity: 1;
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
	}
	100% {
		border-color: #e2e2e2;
		transform: rotateZ(-80deg) translate3d(100px, 0, 0);
		opacity: 0;
	}
}
@keyframes ld-circle--triangle {
	0%, 100% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
	}
	0% {
		border-color: transparent transparent #1f4b52 transparent;
		transform: rotateZ(-80deg) translate3d(0, 0, 0);
	}
	50% {
		border-color: transparent transparent #1f4b52 transparent;
		transform: rotateZ(-120deg) translate3d(55px, 0, 0);
		opacity: 1;
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
	}
	100% {
		border-color: transparent transparent #ffe400 transparent;
		transform: rotateZ(-180deg) translate3d(110px, 0, 0);
		opacity: 0;
	}
}
@keyframes ld-circle--square {
	0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); }
	0% {
		border-color: #1f4b52;
		transform: rotateZ(90deg) translate3d(0, 0, 0);
	}
	50% {
		border-color: #1f4b52;
		transform: rotateZ(80deg) translate3d(60px, 0, 0);
		opacity: 1;
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
	}
	100% {
		border-color: #1f4b52;
		transform: rotateZ(70deg) translate3d(120px, 0, 0);
		opacity: 0;
	}
}



.winner-questionaire-page .multi-challenges {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.winner-questionaire-page .multi-challenge-thankyou {}
.winner-questionaire-page .multi-challenge-thankyou .align-middle > * {
	left: 50%;
}



.controls.checkbox,
.terms-selection {
	display: inline-block;
	vertical-align: top;
	float: left;
	z-index: 2;
}
label.radio,
label.checkbox,
.terms-selection-link {
	padding-left: 50px;
}


.autocomplete-suggestions {
	box-shadow: 0 10px 10px rgba(0,0,0,.2);
}


/* animation slide in */
.animate-containers,
.animate-form form {
	-webkit-perspective: 1000;
	perspective: 1000;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: opacity 1.6s;
	transition: opacity 1.6s;
}
.animate-containers .animate-in,
.animate-form form .control-group {
	opacity: 0;
	-webkit-transform: translate3d(0px, 25px, 1073px) rotateX(90deg);
	-webkit-transition: -webkit-transform 1s ease-out, opacity 1s;
	transform: perspective(200px) translate3d(0px, 25px, 1073px) rotateX(90deg);
	transition: transform 1s ease-out, opacity 1s;
}

/* delay */
.animate-form form .control-group:nth-child(1) { transition-delay: 0s; -moz-transition-delay: 0s; -webkit-transform: translate3d(0px, 75px, 50px) rotateX(10deg); transform: perspective(500px) translate3d(0px, 75px, 50px) rotateX(10deg); z-index: 50; }
.animate-form form .control-group:nth-child(2) { transition-delay: .05s; -moz-transition-delay: .05s; -webkit-transform: translate3d(0px, 70px, 60px) rotateX(15deg); transform: perspective(500px) translate3d(0px, 70px, 60px) rotateX(15deg); z-index: 49; }
.animate-form form .control-group:nth-child(3) { transition-delay: .1s; -moz-transition-delay: .1s; -webkit-transform: translate3d(0px, 65px, 72px) rotateX(20deg); transform: perspective(500px) translate3d(0px, 65px, 72px) rotateX(20deg); z-index: 48; }
.animate-form form .control-group:nth-child(4) { transition-delay: .15s; -moz-transition-delay: .15s; -webkit-transform: translate3d(0px, 60px, 86px) rotateX(25deg); transform: perspective(500px) translate3d(0px, 60px, 86px) rotateX(25deg); z-index: 47; }
.animate-form form .control-group:nth-child(5) { transition-delay: .2s; -moz-transition-delay: .2s; -webkit-transform: translate3d(0px, 55px, 103px) rotateX(30deg); transform: perspective(500px) translate3d(0px, 55px, 103px) rotateX(30deg); z-index: 46; }
.animate-form form .control-group:nth-child(6) { transition-delay: .25s; -moz-transition-delay: .25s; -webkit-transform: translate3d(0px, 50px, 123px) rotateX(35deg); transform: perspective(500px) translate3d(0px, 50px, 123px) rotateX(35deg); z-index: 45; }
.animate-form form .control-group:nth-child(7) { transition-delay: .3s; -moz-transition-delay: .3s; -webkit-transform: translate3d(0px, 45px, 147px) rotateX(45deg); transform: perspective(500px) translate3d(0px, 45px, 147px) rotateX(45deg); z-index: 44; }
.animate-form form .control-group:nth-child(8) { transition-delay: .35s; -moz-transition-delay: .35s; -webkit-transform: translate3d(0px, 40px, 176px) rotateX(50deg); transform: perspective(500px) translate3d(0px, 40px, 176px) rotateX(50deg); z-index: 43; }
.animate-form form .control-group:nth-child(9) { transition-delay: .4s; -moz-transition-delay: .4s; -webkit-transform: translate3d(0px,35px,211px) rotateX(55deg); transform: perspective(500px) translate3d(0px, 35px, 211px) rotateX(55deg); z-index: 42; }
.animate-form form .control-group:nth-child(10) { transition-delay: .45s; -moz-transition-delay: .45s; -webkit-transform: translate3d(0px,30px,253px) rotateX(60deg); transform: perspective(500px) translate3d(0px, 30px, 253px) rotateX(60deg); z-index: 41; }
.animate-form form .control-group:nth-child(11) { transition-delay: .5s; -moz-transition-delay: .5s; -webkit-transform: translate3d(0px,25px,303px) rotateX(65deg); transform: perspective(200px) translate3d(0px, 25px, 303px) rotateX(65deg); z-index: 40; }
.animate-form form .control-group:nth-child(12) { transition-delay: .55s; -moz-transition-delay: .55s; -webkit-transform: translate3d(0px, 25px, 363px) rotateX(70deg); transform: perspective(200px) translate3d(0px, 25px, 363px) rotateX(70deg); z-index: 39; }
.animate-form form .control-group:nth-child(13) { transition-delay: .6s; -moz-transition-delay: .6s; -webkit-transform: translate3d(0px, 25px, 435px) rotateX(75deg); transform: perspective(200px) translate3d(0px, 25px, 435px) rotateX(75deg); z-index: 38; }
.animate-form form .control-group:nth-child(14) { transition-delay: .65s; -moz-transition-delay: .65s; -webkit-transform: translate3d(0px, 25px, 521px) rotateX(80deg); transform: perspective(200px) translate3d(0px, 25px, 521px) rotateX(80deg); z-index: 37; }
.animate-form form .control-group:nth-child(15) { transition-delay: .7s; -moz-transition-delay: .7s; -webkit-transform: translate3d(0px, 25px, 624px) rotateX(85deg); transform: perspective(200px) translate3d(0px, 25px, 624px) rotateX(85deg); z-index: 36; }
.animate-form form .control-group:nth-child(16) { transition-delay: .75s; -moz-transition-delay: .75s; -webkit-transform: translate3d(0px, 25px, 748px) rotateX(90deg); transform: perspective(200px) translate3d(0px, 25px, 748px) rotateX(90deg); z-index: 35; }
.animate-form form .control-group:nth-child(17) { transition-delay: .8s; -moz-transition-delay: .8s; -webkit-transform: translate3d(0px, 25px, 897px) rotateX(90deg); transform: perspective(200px) translate3d(0px, 25px, 897px) rotateX(90deg); z-index: 34; }
.animate-form form .control-group:nth-child(18) { transition-delay: .85s; -moz-transition-delay: .85s; -webkit-transform: translate3d(0px, 25px, 1073px) rotateX(90deg); transform: perspective(200px) translate3d(0px, 25px, 1073px) rotateX(90deg); z-index: 33; }


.animate-containers .animate-in {
	-webkit-transform: translate3d(0px, -50px, 104px) rotateX(-10deg);
	-webkit-transition: -webkit-transform 1s ease-out, opacity .6s;
	transform: perspective(200px) translate3d(0px, -50px, 104px) rotateX(-10deg);
	transition: transform 1s ease-out, opacity .6s;
}

/* delay */
.animate-containers .animate-in { transition-delay: 0s; -moz-transition-delay: 0s; -webkit-transform: translate3d(0px, 75px, 50px) rotateX(10deg); transform: perspective(500px) translate3d(0px, -15px, 20px); }


.animate-containers .visible .animate-in,
.animate-containers .animate-in.visible,
.animate-form form.visible .control-group,
.animate-form.visible form .control-group {
	opacity: 1;
	-webkit-transform: translate3d(0px,0px,0px) rotateX(0deg);
	transform: translate3d(0px, 0px, 0px) rotateX(0deg);
}


.animate-containers .fade-in {
	opacity: 0;
	-webkit-transition: opacity 1s .3s;
	transition: opacity 1s .3s;
}
.animate-containers .visible .fade-in,
.animate-containers .fade-in.visible {
	opacity: 1;
}



.prize-image {
	width: 100%;
}



#prizesContainer {
	margin-left: -10px;
	margin-right: -10px;
}

.prize-grid-sizer {
	min-height: 0;
}
.prize-item {
	position: relative;
	overflow: hidden;

	cursor: pointer;
	padding: 10px;
}
.prize-item .teaser {
	top: 0;
	padding-top: 100%;
	width: 100%;
	height: 0;
	overflow: hidden;
}
.prize-item img {
	width: 100%;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	-webkit-transition: transform .8s ease-in-out;
	transition: transform .8s ease-in-out;
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.prize-item:not(.expanded):hover img {
	/*width: 104%;
	max-width: 104%;
	margin-left: -2%;*/
	-moz-transform: translate3d(0,0,10px);
	transform: perspective(200px) translate3d(0,0,5px);
}
.prize-item.expanded img {
	z-index: 50;
}
.prize-item h2 {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 40px;
	height: 40px;
	margin: 0;
	
	font: normal 1em/40px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	padding-left: .1em;

	-moz-border-radius: 40px;
	border-radius: 40px;

	overflow: hidden;
	z-index: 50;
}
.jk-prizeperiod-rounded .prize-item h2,
.jk-prizeperiod-rectangle .prize-item h2 {
	padding-left: .5em;
	padding-right: .5em;
	width: auto;
	min-width: 40px;
}
.jk-prizeperiod-square .prize-item h2,
.jk-prizeperiod-rectangle .prize-item h2 {
	-moz-border-radius: 0;
	border-radius: 0;	
}
.jk-prizeperiod-hidden .prize-item h2 {
	display: none;
}
.centered-prize-day .prize-item h2 {
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
}
#prize-day--1 h2 {
	overflow: hidden;
	text-indent: -999px;
}
.prize-item.expanded h2 {
	z-index: 85;
}
.centered-prize-day .prize-item.expanded h2 {
	top: auto;
	left: 0;
	bottom: 15px;
	
	margin-left: 15px;
}
.prize-item h3 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	padding: 0 20px;
	margin: 0;
	font: normal 0.8em/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	z-index: 45;
	overflow: hidden;
}
.prize-item.big h3 {
	font-size: 1em;
}
.prize-item.winner h3 {
	display: none;
}
.prize-item.expanded h3 {
	display: block;
	position: relative;
	bottom: auto;
	padding-top: 1em;
	text-align: left;
}
#prizes .prize-item p,
#prizes .prize-item ul { 
	position: relative;
	width: 100%;
	margin: 0;
	z-index: 75;
}
.prize-item p {
	padding: 20px;
}
.prize-item ul {
	list-style: none;
	padding: 20px;

	-moz-transition: background-color .5s;
	transition: background-color .5s;
}
.prize-item.expanded ul {
	-moz-transition: none;
	transition: none;
}
.prize-item.winner ul {
	padding-top: 0;
}
#prizes .prize-item.no-winner-selected ul,
#prizes .prize-item.single-winner:not(.expanded) ul,
.prize-item.multiple-winners h4 {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	margin: 0;
	padding: 46% 10px 10px;
	width: auto;

	text-align: center;
	font: normal 1em/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
	z-index: 40;
}

.centered-prize-day #prizes .prize-item.no-winner-selected ul,
.centered-prize-day #prizes .prize-item.single-winner:not(.expanded) ul,
.centered-prize-day .prize-item.multiple-winners h4 {
	padding: 72% 10px 10px;
}


.prize-item.multiple-winners h4 {
	padding: 40% 10px 0;
}
.prize-item .single-winner,
.prize-item .multiple-winners {
	font-weight: bold;
}

.prize-item p { display: none; }
.prize-item.expanded p,
.prize-item.winner.expanded ul { display: block; }
.prize-item.expanded { overflow: auto; overflow-x: hidden; }

#prizes .icon-multiply-2 {
	font-size: 0.9em;
}

#prizes .prize-item .single-winner,
#prizes .prize-item .multiple-winners,
#prizes .prize-item .no-winners,
#prizes .prize-item.winner.single-winner .no-winners,
#prizes .prize-item.winner.multiple-winners .no-winners,
#prizes .prize-item.winner.multiple-winners .prize-winners,
#prizes .prize-item h4,
#prizes .prize-item.winner.multiple-winners.expanded h4 {
	display:none;
}
#prizes .prize-item.winner .no-winners,
#prizes .prize-item.winner.single-winner.expanded .single-winner,
#prizes .prize-item.winner.multiple-winners h4,
#prizes .prize-item.winner.multiple-winners.expanded .multiple-winners,
#prizes .prize-item.winner.multiple-winners.expanded .prize-winners {
	display:block;
}








img {
	max-width: 100%;
}

:not(.logo) > img {
	width: 100%;
}

.hide-overflow {
	overflow: hidden;
}



.footer-container {
	margin-top: 20px;
	margin-bottom: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer-container a {
	text-decoration: none;
}
.footer-container a:hover {
	text-decoration: underline;
}
.footer-container a:not(:last-of-type) {
	margin-right: 2em;
}
.footer-container footer {
	padding-left: 0;
	padding-right: 0;
}



.embed-page { height: 100vh; }
.embed-container { height: 100%; }
.embed-container > * {
	text-align: center;
	width: 100%;
}
.embed-container > * > * {
	text-align: left;
	width: 100%;
}
.embed-page .embed-container > * > *:first-child { padding: 20px 0 0; }
.embed-page .footer-container { padding: 20px 0; }
.embed-page .control-group {
	padding-top: 1.2em;
	padding-bottom: 0.3em;
}
.embed-page,
.embed-page label,
.embed-page input,
.embed-page textarea,
.embed-page select {
	font-size: 16px;
}
.embed-bgimage {
	height: 100%;
	background-size: cover;
}
.embed-bgimage h2,
.embed-bgimage p {
	margin: 0;
}
.embed-bgimage p { display: none; }
.embed-page .embed-bgimage .embed-container > * > * {
	text-align: center;
	padding: 0px 20px;
}
@media only screen and (min-height: 100px) {
	.embed-bgimage p { display: block; }
}
@media only screen and (min-height: 134px) {
	.embed-bgimage h2 { margin: .3em 0; }
	.embed-bgimage p { margin: 1em; }
}





/* DOORS */
#doors .door {
	text-align: center;
	overflow: auto;
}
#doors .door:after,
.door-number {
	display: inline-block;
	vertical-align: middle;
}
#doors .door:after {
	content: "";
	height: 100%;
	/*margin-left: -0.25em;*/
}
.door-number {
	line-height: 1.1em;
	max-width: 99%;
}
#doors {
	position: relative;
	height: 100%;
	width: 1110px;
}
.show-only-selectable-door-mobile #doors {
	width: auto;
}
@media only screen and (min-width: 400px) {
	.show-only-selectable-door-mobile #doors {
		width: 1110px;
	}
}
#doors .door {
	position: absolute;
	-moz-opacity: 1;
	opacity: 1;
	overflow: visible;
	cursor: pointer;
}
/*
#doors .door.door-open {
	-moz-box-shadow: inset 0 1px 6px rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 0 1px 6px rgba(0,0,0,0.6);
	box-shadow: inset 0 1px 6px rgba(0,0,0,0.6);
}
*/
#doors .door,
#doors .door-image {
	background-position: center center;
}
.door-image-cover .door,
.door-image-cover .door-image {
	background-size: 100%;
	background-size: cover;
}
.door-image-contain .door,
.door-image-contain .door-image {
	background-size: 80%;
	background-size: contain;
	background-repeat: no-repeat;
}

#doors .door-image,
#doors .door.door-open .door-image:after {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
#doors .door.door-open .door-image[style*="url('')"]:after,
#doors .door.door-close.blink .door-image[style*="url('')"]:after {
	content: "";
	background-color: rgba(0,0,0, 0);
}
#doors .door.door-close {
    border: 0px solid rgba(255,255,255, 1);
}
#doors .door.door-close .door-image {
	background-image: none !important;
}
#doors .door.door-notselectable {
	cursor: default;
}
#doors .door.door-close.blink {
	-moz-box-shadow: 0 0 40px white;
	-webkit-box-shadow: 0 0 40px white;
	box-shadow: 0 0 40px white;
	background-color: rgba(255, 255, 255, .5);
}
#doors .door.door-close:hover {
	-moz-box-shadow: 0 3px 18px rgba(255,255,255, 0);
	-webkit-box-shadow: 0 3px 18px rgba(255,255,255, 0);
	box-shadow: 0 3px 18px rgba(255,255,255, 0);
	border: none;
}
#doors .door.door-open .door-number {
	text-indent: -999em;
}
.door-number--below,
.door-number--above {
	position: absolute;
	left: 0;
	right: 0;
	text-indent: 0 !important;
}
.door-number--below {
	top: 100%;
	margin-top: .35em;
}
.door-number--above {
	bottom: 100%;
	margin-bottom: .35em;
}


.area-challenge-question,
.area-challenge-doors {
	background-size: 100%;
	background-size: cover;
	background-position: center top;
}

.area-challenge-doors.show-mobile .challenge-doors-box {
	transform: none !important;
}
.area-challenge-doors.show-mobile #doors {
	background-color: rgba(0,0,0,0.2);
	z-index: -1;
}
.area-challenge-doors.show-mobile .door {
	/*display: none;*/
}
.area-challenge-doors.show-mobile #doors {
	padding: 45% 4% 0;
}
.area-challenge-doors.show-mobile #doors .door.door-open,
.area-challenge-doors.show-mobile #doors .door.door-close {
	position: relative;
	display: block;
	float: left;
	width: 15.6666666% !important;
	height: 22% !important;
	margin: .5%;
	top: auto !important;
	left: auto !important;
}
.area-challenge-doors.show-mobile #doors .door.door-close {
	border: 2px dotted rgba(255, 255, 255, 0.4);
}
.area-challenge-doors.show-mobile #doors .door.door-selectable {
	position: absolute;
    top: 4% !important;
    left: 4% !important;
    right: 4% !important;
    width: auto !important;
    height: 45% !important;
    margin: 0 auto;
    display: block;

	border: 6px dotted rgba(255, 255, 255, 0.8);
}
.area-challenge-doors.show-mobile #doors .door.door-close:hover {
	-moz-box-shadow: 0 3px 48px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 3px 48px rgba(0,0,0,0.8);
	box-shadow: 0 3px 48px rgba(0,0,0,0.8);
}
.area-challenge-doors.show-mobile .door .door-number {
	font-size: 10px;
}
.area-challenge-doors.show-mobile .door.door-selectable .door-number {
	font-size: 40px;
}



#lockeddoor {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    z-index: 280;
    position: absolute;
    background: url(http://jk-v20.s3.amazonaws.com/Content/Images/Icons/locked.png) no-repeat 0 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
#loadingdoor {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    z-index: 280;
    position: absolute;
    background: url(http://jk-v20.s3.amazonaws.com/Content/Images/Icons/loading_opendoor_frontend.gif) no-repeat 0 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.challenge-doors-box {
	/*width: 810px;*/
	height: 650px;
	z-index: 101;
}






/* Video */
.video.show-video,
.show-video .video {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	padding-bottom: 37.5%;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.video iframe {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100% !important;
	height: 100% !important;
}

.show-video object,
.show-video .video .controls,
.show-video .video > img,
.show-video video,
.show-video canvas {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: fill; /* To maintain consitency between iOS canvas player and HTML5 videoplayer */
	z-index: 1;
}
.show-video .video > img {
	object-fit: cover;
}

.show-video .video .controls:after,
.show-video .video .controls a {
	display: inline-block;
	vertical-align: middle;
}
.show-video .video .controls:after {
	content: "";
	height: 97%;
	margin-left: -0.05em;
}
.show-video .video .controls a,
.show-video .video .mute-controls a.mute {
	z-index: 2;
	overflow: hidden;
	width: 110px;
	height: 110px;
	text-indent: -1000px;
	cursor: pointer;

	-moz-border-radius: 100%;
	border-radius: 100%;

	background-color: rgba(0,0,0,0.8);
}
.show-video .video .controls a:hover {
	background-color: rgba(0,0,0,1);
}
.show-video .video .controls a:before,
.show-video .video .controls a:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	width: 0;
	height: 0;
	border-right: 40px solid transparent;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.show-video .video .controls a:before {
	margin-top: -20px;
	border-bottom: 20px solid #fff;
	-moz-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
}
.show-video .video .controls a:after {
	margin-bottom: -20px;
	border-top: 20px solid #fff;
	-moz-border-top-left-radius: 0;
	border-top-left-radius: 0;
}
.show-video video.hide-controls::-webkit-media-controls {
	display: none;
}

.show-video .video .mute-controls,
.show-video .video.mute-controls.ios-or-smallscreen .mute-controls {
	display: none;
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.show-video .video.mute-controls .mute-controls {
	display: block;
}
.show-video .video .mute-controls a.mute {
	background-image: url('https://s3-eu-west-1.amazonaws.com/cdn.campaignshq.com/frontend_v2/img/icon-sound-on.svg');
	background-size: 21px 14px;
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
	width: 40px;
	height: 30px;
}
.show-video .video .mute-controls a.mute.muted {
	background-image: url('https://s3-eu-west-1.amazonaws.com/cdn.campaignshq.com/frontend_v2/img/icon-sound-muted.svg');
}

body.fb-browser .top-video.show-video.hide-in-fb-browser,
.top-video,
.top-image.show-video { display: none; }
.top-video.show-video { display: block; }


.container-16x9,
.container-16x10,
.container-1x1,
.container-2x1,
.container-3x1,
.container-4x3,
.container-20x9 {
	width: 100% !important;
	height: 0 !important;
	padding: 0 !important;
}
.container-16x9 { padding-bottom: 56.25% !important; }
.container-16x10 { padding-bottom: 62.5% !important; }
.container-1x1 { padding-bottom: 100% !important; }
.container-2x1 { padding-bottom: 50% !important; }
.container-3x1 { padding-bottom: 33.333333% !important; }
.container-4x3 { padding-bottom: 75% !important; }
.container-20x9 { padding-bottom: 45% !important; }




/* Social Share */
.center-box,
.social_share {
	z-index: 101;
}
.social_share_links {
	margin: 20px auto 0;
}
.social_share .referral,
.social_share a {
	margin: 0 4px 0 4px;
}
.social_share .referral input {
	border-width: 2px;
	border-style: solid;
	padding: .45em 4.5em .45em .5em;
	margin-bottom: .5em;
	cursor: pointer;
}
.social_share .referral button {
	position: absolute;
	right: 5px;
	top: 5px;
	bottom: 5px;
	min-width: 0;
	width: auto;
	height: auto;
	padding: 0 .5em;
	margin: 0;
}
.social_share a {
	display: inline-block;
	float: left;
	overflow: hidden;
	text-indent: -999px;
	width: auto;
	width: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #3a5795;
}
.social_share a:hover {
	text-decoration: none;
	background-color: #4f6ba6;
}
.social_share .facebook,
.social_share .linkedin,
.social_share .twitter,
.social_share .email {
	display: inline-block;
	vertical-align: baseline;
	background-position: left center;
	background-size: 42px 42px;
	background-repeat: no-repeat;
}
.social_share .facebook {
	background-color: #3a5795;
	background-image: url('https://s3-eu-west-1.amazonaws.com/cdn.campaignshq.com/frontend_v2/img/icon-facebook-sm-white.svg');
}
.social_share .facebook:hover {
	background-color: #4f6ba6;
}
.social_share .linkedin {
	background-color: #008cc9;
	background-image: url('https://s3-eu-west-1.amazonaws.com/cdn.campaignshq.com/frontend_v2/img/icon-linkedin-sm-white.svg');
}
.social_share .linkedin:hover {
	background-color: #14a1dd;
}
.social_share .twitter {
	background-color: #55acee;
	background-image: url('https://s3-eu-west-1.amazonaws.com/cdn.campaignshq.com/frontend_v2/img/icon-twitter-sm-white.svg');
}
.social_share .twitter:hover {
	background-color: #66b4f0;
}
.social_share .email {
	background-color: #a2a2aa;
	background-image: url('https://s3-eu-west-1.amazonaws.com/cdn.campaignshq.com/frontend_v2/img/icon-email-sm-white.svg');
	background-size: 26px 18px;
	background-position: center center;
}
.social_share .email:hover {
	background-color: #a9a9b3;
}


.social_share a > div {
	text-indent: 0;
	white-space: nowrap;
}
.social_share a > div {
	display: none;
	text-indent: 0;
	padding: 2px 5px;
	font-size: 9px;
	white-space: nowrap;
	background-color: #e7e7e7;
	color: #8e8e8e;
}
.social_share a {
	min-width: 42px;
	padding-left: 42px;
	text-decoration: none;
}
.social_share a,
.social_share a > div,
.social_share a > div div,
.social_share a > div h5 {
	height: 42px;
	line-height: 42px;
}

.social_share a > div div,
.social_share a > div h5 {
	display: inline-block;
}
.social_share.noshow,
.social_share.noshow + .social_share_bg,
.social_share .hide-facebook,
.social_share .hide-linkedin,
.social_share .hide-twitter,
.social_share .hide {
	display: none;
}




i.s {
	background-color: transparent !important;
	position: absolute;
	top: -15px;
	width: 8px;
	height: 100%;
	z-index: -1;
	animation-iteration-count: infinite;
}
i.s:after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	background-color: #fff;
}
i.s:nth-child(8n+0) { animation-name: snow1; }
i.s:nth-child(8n+1) { animation-name: snow8; }
i.s:nth-child(8n+2) { animation-name: snow2; }
i.s:nth-child(8n+3) { animation-name: snow3; }
i.s:nth-child(8n+4) { animation-name: snow7; }
i.s:nth-child(8n+5) { animation-name: snow5; }
i.s:nth-child(8n+6) { animation-name: snow6; }
i.s:nth-child(8n+7) { animation-name: snow4; }

i.s:nth-child(4n+0) { animation-duration: 5s; }
i.s:nth-child(4n+1) { animation-duration: 7s; }
i.s:nth-child(4n+2) { animation-duration: 6s; }
i.s:nth-child(4n+3) { animation-duration: 4s; }

i.s:nth-child(11n+0) { animation-delay: .1s; }
i.s:nth-child(11n+1) { animation-delay: .5s; }
i.s:nth-child(11n+2) { animation-delay: 1s; }
i.s:nth-child(11n+3) { animation-delay: 2s; }
i.s:nth-child(11n+4) { animation-delay: 3s; }
i.s:nth-child(11n+5) { animation-delay: 3.5s; }
i.s:nth-child(11n+6) { animation-delay: 4s; }
i.s:nth-child(11n+7) { animation-delay: .9s; }
i.s:nth-child(11n+8) { animation-delay: 2.5s; }
i.s:nth-child(11n+9) { animation-delay: 4.5s; }
i.s:nth-child(11n+10) { animation-delay: 1.5s; }

i.s:nth-child(3n+0) { animation-timing-function: cubic-bezier(.49,.78,.64,.3); }
i.s:nth-child(3n+1) { animation-timing-function: cubic-bezier(.51,.83,.52,.46); }
i.s:nth-child(3n+2) { animation-timing-function: cubic-bezier(.71,.61,.38,.58); }

i.s:nth-child(5n+0):after { width: 9px; }
i.s:nth-child(5n+1):after { width: 10px; }
i.s:nth-child(5n+2):after { width: 11px; }
i.s:nth-child(5n+3):after { width: 10px; }
i.s:nth-child(5n+4):after { width: 11px; }

i.s:nth-child(6n+0):after { height: 10px; }
i.s:nth-child(6n+1):after { height: 9px; }
i.s:nth-child(6n+2):after { height: 10px; }
i.s:nth-child(6n+3):after { height: 11px; }
i.s:nth-child(6n+4):after { height: 10px; }
i.s:nth-child(6n+5):after { height: 9px; }

i.s:nth-child(13n+0) { left: 50%; }
i.s:nth-child(13n+1) { left: 5%; }
i.s:nth-child(13n+2) { left: 38%; }
i.s:nth-child(13n+3) { left: 12%; }
i.s:nth-child(13n+4) { left: 78%; }
i.s:nth-child(13n+5) { left: 35%; }
i.s:nth-child(13n+6) { left: 95%; }
i.s:nth-child(13n+7) { left: 83%; }
i.s:nth-child(13n+8) { left: 25%; }
i.s:nth-child(13n+9) { left: 65%; }
i.s:nth-child(13n+10) { left: 44%; }
i.s:nth-child(13n+11) { left: 9%; }
i.s:nth-child(13n+12) { left: 88%; }

@keyframes snow1 {
	0% { transform: translate3d(-10px,-15%,0); }
	100% { transform: translate3d(10px,115%,0); }
}
@keyframes snow2 {
	0% { transform: rotateZ(8deg) translate3d(-30px,-15%,0); }
	100% { transform: rotateZ(-8deg) translate3d(50px,115%,0); }
}
@keyframes snow3 {
	0% { transform: rotateZ(-20deg) translate3d(60px,-15%,0); }
	100% { transform: rotateZ(20deg) translate3d(-60px,115%,0); }
}
@keyframes snow4 {
	0% { transform: rotateZ(10deg) translate3d(40px,-15%,0); }
	100% { transform: rotateZ(-10deg) translate3d(-40px,115%,0); }
}
@keyframes snow5 {
	0% { transform: rotateZ(-10deg) translate3d(20px,-15%,0); }
	100% { transform: rotateZ(10deg) translate3d(-20px,115%,0); }
}
@keyframes snow6 {
	0% { transform: rotateZ(-5deg) translate3d(20px,-15%,0); }
	100% { transform: rotateZ(5deg) translate3d(50px,115%,0); }
}
@keyframes snow7 {
	0% { transform: rotateZ(5deg) translate3d(-50px,-15%,0); }
	100% { transform: rotateZ(-5deg) translate3d(50px,115%,0); }
}
@keyframes snow8 {
	0% { transform: rotateZ(20deg) translate3d(20px,-15%,0); }
	100% { transform: rotateZ(-20deg) translate3d(-40px,115%,0); }
}

.snow-bg {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
}
.padding > .snow-bg,
.padding-bottom > .snow-bg {
	bottom: 25px;
}

.hide-snow .snow-bg {
	display: none;
}



.icon-attention {
	font-size: 8em;
	line-height: 1em;
}
.icon-attention:before {
	width: .9em;
	margin: 0;
}



.table-header {
	display: table-header-group;
}
.table-footer {
	display: table-footer-group;
}
.max-w-sm { max-width: 7em; }
.max-w-md { max-width: 15em; }
.max-w-lg { max-width: 20em; }
.max-w-xl { max-width: 25em; }

.persona-message p,
.persona-message h2,
.persona-message > * > div {
	max-width: 44rem;
}

.persona-message img {
	display: block;
	margin: 0 auto 1em;
}
.persona-message .link:last-child {
	margin-bottom: 1em;
	display: inline-block;
}
.persona-message-container button {
	margin-top: 2em;
}
.persona-message .pull-right {
	margin-left: 1em;
}


@media only screen and (max-width: 680px) {
	.persona-message .pull-right {
		float: none !important;
		margin-left: auto;
	}
}

@media only screen and (min-width: 480px) {
	.persona-message-container button {
		display: inline-block;
	}
	.persona-message-container.kiosk-mode button:first-of-type {
		width: 48%;
		margin: 2em 2% 0 0;
	}
	.persona-message-container.kiosk-mode button:last-of-type {
		width: 48%;
		margin: 2em 0 0 2%;
	}
}






/* ==========================================================================
   Conditional message
   ========================================================================== */

.conditional-message input {
	display: none !important;
}
.conditional-message button {
	margin-top: .5em;
}
.conditional-message h2 {
	padding-top: .75em !important;
	padding-bottom: .3em;
}
.conditional-message img {
	display: block;
	margin: 0 auto .5em;
}
.conditional-message .challenge-hint {
	padding-bottom: 1em;
}
.conditional-message #frm-challenge {
	margin-bottom: 1.5em;
}



/* ==========================================================================
   Count down
   ========================================================================== */

.countdown i {
	font-style: normal;
	font-size: 5em !important;
	line-height: 1;
	color: #fff;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	min-width: .5em;
	transition: opacity 400ms;
}
.countdown > i {
	margin-top: .2em;
}
.countdown i i {
	min-width: .72em;
	font-size: 1em !important;
}
.countdown .c-ds i:last-child,
.countdown .c-hs i:last-child,
.countdown .c-ms i:last-child,
.countdown .c-ss i:last-child {
	display: block;
	font-size: .3em !important;
	width: 100%;
	margin-top: -.5em !important;
}
.countdown .c-ds i:last-child,
.countdown .c-hs i:last-child,
.countdown .c-ms i:last-child,
.countdown .c-ss i:last-child,
.countdown .c-sep-h,
.countdown .c-sep-m,
.countdown .c-sep-s { opacity: .7; }

.countdown .c-ss {
	margin-right: .5em
}

@media screen and (min-width: 400px) {
	.countdown:not(.countdown-showhours) .c-ss {
		margin-right: 0;
	}

	.countdown:not(.countdown-showhours) br {
		display: none;
	}
}

@media screen and (min-width: 620px) {
	.countdown:not(.countdown-showdays) .c-ss {
		margin-right: 0;
	}

	.countdown:not(.countdown-showdays) br {
		display: none;
	}
}

@media screen and (min-width: 840px) {
	.countdown .c-ss {
		margin-right: 0;
	}

	.countdown br {
		display: none;
	}
}




/* ==========================================================================
   Game Spot the Difference
   ========================================================================== */

.spotdiff-container {
	clear: both;
}


.spotdiff-image {
	padding-left: 10px;
	padding-right: 10px;
}
@media screen and (min-width: 500px) {
	.spotdiff-image {
		padding-left: 25px;
		padding-right: 25px;
	}
}

.spotdiff-image > span {
	width: 100%;
}
.spotdiff-image .spotlight,
.spotdiff-image .spotted {
	position: absolute;
	bottom: 0;
	right: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 300ms;
}
.spotdiff-image .spotlight.show,
.spotdiff-image .spotted.show{
	opacity: 1;
}



/* ==========================================================================
   Game Puzzle
   ========================================================================== */

.multi-challenge-puzzle {
	padding: 0 !important;
}
.multi-challenge-puzzle #frm-challenge {
	margin-top: 0;
}
.multi-challenge-puzzle p {
	pointer-events: none;
/*	padding: 2em 7.5% 0; */
	margin: 0;
}
.puzzle-autosetpiece {
	cursor: pointer;
}
.puzzle-board {
	padding: 0;
	max-width: 100%;
	transition: opacity 300ms;
	opacity: 0;
}
.spotdiff-container,
.puzzle-board {
	-webkit-perspective-origin: center center;
	perspective-origin: center center;
	perspective: 1400;
}
.puzzle-zoom {
	transform-origin: 0 0;
	transform-style: preserve-3d;
}
.puzzle-mask { width: 0; height: 0; }
.puzzle-outline {
	position: absolute;
	border: 2px solid rgba(0,0,0,.3);
	z-index: 0;
	padding: 10%;
	display: grid;
	align-content: center;
	font-size: 1.75em;
}
.puzzle-piece {
	position: absolute;
	overflow: hidden;
	transition: transform 100ms ease-out;
	transform-style: preserve-3d;
}
.spotdiff-image,
.puzzle-piece.slow-motion {
	transition: transform 800ms ease-out, left 800ms ease-in-out, top 800ms ease-in-out;
	transform-style: preserve-3d;
}
.puzzle-piece:after {
	content: "";
	position: absolute;
	top: 25%;
	left: 25%;
	right: 25%;
	bottom: 25%;
	border-radius: 50%;
	background-color: rgba(0,0,0,.2);
	box-shadow: 0 0 60px 30px rgba(0,0,0,.2);
	z-index: -1;
	margin-top: 0;
	opacity: 0;
	transition: opacity 100ms, margin-top 100ms;
}
.puzzle-piece.selected:after {
	opacity: 1;
	margin-top: 30px;
}
.puzzle-piece-content {
	position: relative;
}
.puzzle-shadow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.puzzle-shadow svg {
	width: 100%;
	height: 100%;
}
.puzzle-shadow svg > g {
	opacity: .1;
}
.spotdiff-won .spotdiff-image,
.puzzle-won .puzzle-piece {
	animation-name: zoomInOut;
	animation-duration: 600ms;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;

	transform-style: preserve-3d;
}
.spotdiff-image:nth-of-type(20n+1),
.puzzle-piece:nth-of-type(20n+1) { animation-delay: 0ms; }
.puzzle-piece:nth-of-type(20n+2) { animation-delay: 50ms; }
.puzzle-piece:nth-of-type(20n+3) { animation-delay: 100ms; }
.puzzle-piece:nth-of-type(20n+4) { animation-delay: 150ms; }
.puzzle-piece:nth-of-type(20n+5) { animation-delay: 200ms; }
.puzzle-piece:nth-of-type(20n+6) { animation-delay: 250ms; }
.puzzle-piece:nth-of-type(20n+7) { animation-delay: 300ms; }
.puzzle-piece:nth-of-type(20n+8) { animation-delay: 350ms; }
.puzzle-piece:nth-of-type(20n+9) { animation-delay: 400ms; }
.puzzle-piece:nth-of-type(20n+10) { animation-delay: 450ms; }
.spotdiff-image:nth-of-type(20n+2),
.puzzle-piece:nth-of-type(20n+11) { animation-delay: 500ms; }
.puzzle-piece:nth-of-type(20n+12) { animation-delay: 550ms; }
.puzzle-piece:nth-of-type(20n+13) { animation-delay: 600ms; }
.puzzle-piece:nth-of-type(20n+14) { animation-delay: 650ms; }
.puzzle-piece:nth-of-type(20n+15) { animation-delay: 700ms; }
.puzzle-piece:nth-of-type(20n+16) { animation-delay: 750ms; }
.puzzle-piece:nth-of-type(20n+17) { animation-delay: 800ms; }
.puzzle-piece:nth-of-type(20n+18) { animation-delay: 850ms; }
.puzzle-piece:nth-of-type(20n+19) { animation-delay: 900ms; }
.puzzle-piece:nth-of-type(20n+20) { animation-delay: 950ms; }



@keyframes zoomInOut {
	0% { 
		-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg);
		transform: translate3d(0px, 0px, 0px) rotateX(0deg);
	}
	50% { 
		-webkit-transform: translate3d(0px, 0px, 150px) rotateX(20deg);
		transform: translate3d(0px, 0px, 150px) rotateX(20deg);
	}
	100% { 
		-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg);
		transform: translate3d(0px, 0px, 0px) rotateX(0deg);
	}
}



/* ==========================================================================
   Game Win Wheel
   ========================================================================== */

.challenge-alternate-version .game-winwheel button,
.game-winwheel button {
	max-width: 280px;
	margin-top: 20px;
	margin-bottom: 20px;

	opacity: 1;
	transition: opacity .5s;
}
.game-winwheel .wheelpointer {
	display: block;
	max-height: 40px;
	width: auto;
	margin: 0 auto -20px;
	z-index: 10;
}
.opacity-0 {
	opacity: 0 !important;
}



/* ==========================================================================
   Game Scratch
   ========================================================================== */

#scratchcanvas,
.scratchcanvas {
	touch-action: none;
	box-shadow: 0 3px 5px rgba(0,0,0,.5);
}
.scratchcanvas {
	width: 100%;
}
.game-scratch li:before { display: none; }



/* ==========================================================================
   Game Flip
   ========================================================================== */


.game-flip {
	-webkit-perspective: 1400;
	-moz-perspective: 1400;
	perspective: 1400;
/*	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;*/
	z-index: 100;
}
.game-flip *::selection {
  background: none;
}
.game-flip *::-moz-selection {
  background: none;
}

.game-flip ul {
	z-index: 0;
	margin: 0 auto;
	padding: 0;
}
.game-flip li {
	width: 33.3333%;
	float: left;
	padding: 4px;
	list-style: none;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.game-flip li:nth-child(3n+0):after {
	content: "";
	display: table;
	clear: both;
}
.game-flip li:first-child:last-child {
	width: 100%;

	float: none;
	margin: 0 auto;
}

.game-flip ul {
	max-width: 400px;
}
.game-flip[data-grid=lg-4] ul {
	max-width: 450px;
}

@media only screen and (min-height: 600px) {
	.game-flip ul {
		max-width: 550px;
	}
	.game-flip[data-grid=lg-4] ul {
		max-width: 600px;
	}
}

@media only screen and (min-height: 700px) {
	.game-flip ul {
		max-width: 650px;
	}
	.game-flip[data-grid=lg-4] ul {
		max-width: 700px;
	}
}

@media only screen and (min-height: 850px) {
	.game-flip ul {
		max-width: 800px;
	}
	.game-flip[data-grid=lg-4] ul {
		max-width: 900px;
	}
}

@media only screen and (min-width: 380px) {
	.game-flip li:first-child:last-child { width: 300px; }
}


@media only screen and (min-width: 740px) {
	.game-flip[data-grid=lg-4] li {
		width: 25%;
	}

	.game-flip[data-grid=lg-4] li:nth-child(3n+0):after {
		display: none;
	}
	.game-flip[data-grid=lg-4] li:nth-child(4n+0):after {
		content: "";
		display: table;
		clear: both;
	}
}



/*
body.ios .game-flip:not(.animating) {
	-moz-transform-style: flat;
	transform-style: flat;
	transform: scale(.5);
	transform-origin: 0 0;
	margin-bottom: -100%;
}
body.ios .game-flip:not(.animating) ul {
	max-width: 1800px;
	width: 200%;
}
body.ios .game-flip.animating li {
	padding: 2px;
}
*/
/*
body.chrome .game-flip {
	-webkit-perspective: 30000;
	-moz-perspective: 30000;
	perspective: 30000;
}
*/
body.chrome .game-flip li.flip-forward {
	z-index: 10;
}
body.chrome .game-flip li.flip-forward.flip-shadow {
	z-index: 11;
}



body.ios .game-flip {
	-moz-transform-style: flat;
	transform-style: flat;
	transform: scale(.5);
	transform-origin: 0 0;
	-webkit-perspective-origin: right bottom;
	perspective-origin: right bottom;
	width: 200%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
body.ios .game-flip ul {
	max-width: 800px;
}
body.ios .game-flip[data-grid=lg-4] ul {
	max-width: 900px;
}
@media only screen and (min-height: 600px) {
	body.ios .game-flip ul {
		max-width: 1100px;
	}
	body.ios .game-flip[data-grid=lg-4] ul {
		max-width: 1200px;
	}
}
@media only screen and (min-height: 700px) {
	body.ios .game-flip ul {
		max-width: 1300px;
	}
	body.ios .game-flip[data-grid=lg-4] ul {
		max-width: 1400px;
	}
}
@media only screen and (min-height: 850px) {
	body.ios .game-flip ul {
		max-width: 1600px;
	}
	body.ios .game-flip[data-grid=lg-4] ul {
		max-width: 1800px;
	}
}

/*
body.ios .game-flip {
	-webkit-perspective: none;
	perspective: none;
}
*/

.game-flip li a {
	/*width: 100%;
	height: 100%;*/
	display: block;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.game-flip li a > div {
	overflow: hidden;

	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-border-radius: 4%;
	border-radius: 4%;
	
	transform-style: preserve-3d;
}

.game-flip li a > div img {
/*	width: 200%;
	max-width: 200%;*/
}


.game-flip li a > div img + img,
.game-flip li a > div img + div,
.game-flip li a > div div + div {
	position: absolute;
	top: 0;
	left: 0;
}
.game-flip li a > div img + div {
	right: 0;
	bottom: 0;
	background: transparent url('filerepo/037099474ba340d0bf243f755b92ec89.jpg') no-repeat center center;
	background-size: 30%;
	transform-style: preserve-3d;
	/*display: none;*/
}

.game-flip li a > div {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.game-flip li a > .back {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	/*margin-top: -100%;*/
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.game-flip li.flip-forward a > div {
	animation: flipforward .6s ease-in-out 0s;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.game-flip li.flip-forward a > .back {
	animation: flipforward-backside .6s ease-in-out 0s;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}


.game-flip li.flip-backward a > div {
	animation: flipforward-backside .6s ease-in-out 0s;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.game-flip li.flip-backward a > .back {
	animation: flipforward .6s ease-in-out 0s;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}


.game-flip li:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
	background-color: rgba(0,0,0,.2);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	opacity: 1;
	
	-moz-transition: opacity .6s;
	transition: opacity .6s;
	-ms-transform: perspective(1400px) translate3d(0px, 0px, -1px) rotateX(0deg) scale(1,1);
	-webkit-transform: translate3d(0px, 0px, -1px) rotateX(0deg) scale(1,1);
	transform: translate3d(0px, 0px, -1px) rotateX(0deg) scale(1,1);
	transform-style: preserve-3d;
}
.game-flip li.flip-shadow:before {
	animation: flipshadow .6s ease-in-out 0s;
}


.game-flip li.found-anim a > .back {
	animation: flipfound .6s ease-in-out 0s;
}





.game-flip .won {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: -1;
}
.game-flip .won:after,
.game-flip .won h1 {
	display: inline-block;
	vertical-align: middle;
}
.game-flip .won:after {
	content: "";
	height: 97%;
	margin-left: -0.05em;
}
.game-flip .won.show {
	z-index: 1;
	opacity: 1;
	animation: winneranim .6s ease-in-out infinite;
}


.game-flip .won h1 {
	text-align: center;
	width: 99%;
}




@keyframes winneranim {
	0% { 
		-webkit-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}
	50% { 
		-webkit-transform: translate3d(0px, 0px, 300px);
		transform: translate3d(0px, 0px, 300px);
	}
	100% { 
		-webkit-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}
}


@keyframes flipfound {
	0% { 
		-webkit-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}
	23% { 
		-webkit-transform: translate3d(0px, 0px, 100px);
		transform: translate3d(0px, 0px, 100px);
	}
	27% { 
		-webkit-transform: translate3d(0px, 0px, 120px);
		transform: translate3d(0px, 0px, 120px);
	}
	30% { 
		-webkit-transform: translate3d(0px, 0px, 130px);
		transform: translate3d(0px, 0px, 130px);
	}
	40% { 
		-webkit-transform: translate3d(0px, 0px, 120px);
		transform: translate3d(0px, 0px, 120px);
	}
	100% { 
		-webkit-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}
}
@keyframes flipforward {
	0% { 
		-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg);
		transform: translate3d(0px, 0px, 0px) rotateX(0deg);
	}
	50% { 
		-webkit-transform: translate3d(0px, 0px, 300px) rotateX(90deg);
		transform: translate3d(0px, 0px, 300px) rotateX(90deg);
	}
	100% { 
		-webkit-transform: translate3d(0px, 0px, 0px) rotateX(180deg);
		transform: translate3d(0px, 0px, 0px) rotateX(180deg);
	}
}
@keyframes flipforward-backside {
	0% { 
		-webkit-transform: translate3d(0px, 0px, 0px) rotateX(180deg);
		transform: translate3d(0px, 0px, 0px) rotateX(180deg);
	}
	50% { 
		-webkit-transform: translate3d(0px, 0px, 300px) rotateX(270deg);
		transform: translate3d(0px, 0px, 300px) rotateX(270deg);
	}
	100% { 
		-webkit-transform: translate3d(0px, 0px, 0px) rotateX(360deg);
		transform: translate3d(0px, 0px, 0px) rotateX(360deg);
	}
}

@keyframes flipshadow {
	0% { 
		-webkit-transform: translate3d(0px, 0px, -1px) rotateX(0deg) scale(1,1);
		transform: translate3d(0px, 0px, -1px) rotateX(0deg) scale(1,1);
		opacity: 1;
	}
	50% { 
		-webkit-transform: translate3d(40px, -100px, 40px) rotateX(-40deg) scale(1, .75);
		transform: translate3d(40px, -100px, 40px) rotateX(-40deg) scale(1, .75);
		opacity: .3;
	}
	100% { 
		-webkit-transform: translate3d(0px, 0px, -1px) rotateX(0deg) scale(1,1);
		transform: translate3d(0px, 0px, -1px) rotateX(0deg) scale(1,1);
		opacity: 1;
	}
}


.ie .game-flip li.flip-forward a > div {
	animation: ieflipforward .6s ease-in-out 0s;
}
.ie .game-flip li.flip-forward a > .back {
	animation: ieflipforward-backside .6s ease-in-out 0s;
}


.ie .game-flip li.flip-backward a > div {
	animation: ieflipforward-backside .6s ease-in-out 0s;
}
.ie .game-flip li.flip-backward a > .back {
	animation: ieflipforward .6s ease-in-out 0s;
}


.ie .game-flip li:before {
	-webkit-transform: perspective(1400px) translate3d(0px, 0px, -1px) rotateX(0deg) scale(1,1);
}
.ie .game-flip li.flip-shadow:before {
	animation: ieflipshadow .6s ease-in-out 0s;
}


.ie .game-flip li.found-anim a > .back {
	animation: ieflipfound .6s ease-in-out 0s;
}
.ie .game-flip .won.show {
	animation: iewinneranim .6s ease-in-out infinite;
}



@keyframes iewinneranim {
	0% { 
		transform: perspective(1400px) translate3d(0px, 0px, 0px);
	}
	50% { 
		transform: perspective(1400px) translate3d(0px, 0px, 300px);
	}
	100% { 
		transform: perspective(1400px) translate3d(0px, 0px, 0px);
	}
}


@keyframes ieflipfound {
	0% { 
		transform: perspective(1400px) translate3d(0px, 0px, 0px);
	}
	23% { 
		transform: perspective(1400px) translate3d(0px, 0px, 100px);
	}
	27% { 
		transform: perspective(1400px) translate3d(0px, 0px, 120px);
	}
	30% { 
		transform: perspective(1400px) translate3d(0px, 0px, 130px);
	}
	40% { 
		transform: perspective(1400px) translate3d(0px, 0px, 120px);
	}
	100% { 
		transform: perspective(1400px) translate3d(0px, 0px, 0px);
	}
}
@keyframes ieflipforward {
	0% { 
		transform: perspective(1400px) translate3d(0px, 0px, 0px) rotateX(0deg);
	}
	50% { 
		transform: perspective(1400px) translate3d(0px, 0px, 300px) rotateX(90deg);
	}
	100% { 
		transform: perspective(1400px) translate3d(0px, 0px, 0px) rotateX(180deg);
	}
}
@keyframes ieflipforward-backside {
	0% { 
		transform: perspective(1400px) translate3d(0px, 0px, 0px) rotateX(180deg);
	}
	50% { 
		transform: perspective(1400px) translate3d(0px, 0px, 300px) rotateX(270deg);
	}
	100% { 
		transform: perspective(1400px) translate3d(0px, 0px, 0px) rotateX(360deg);
	}
}

@keyframes ieflipshadow {
	0% { 
		transform: perspective(1400px) translate3d(0px, 0px, -1px) rotateX(0deg) scale(1,1);
		opacity: 1;
	}
	50% { 
		transform: perspective(1400px) translate3d(40px, -100px, 40px) rotateX(-40deg) scale(1, .75);
		opacity: .3;
	}
	100% { 
		transform: perspective(1400px) translate3d(0px, 0px, -1px) rotateX(0deg) scale(1,1);
		opacity: 1;
	}
}


/*
.game-flip-flips-container.ignore-show-turns:not(.hide) {
	float: left;
}
.game-flip-flips-container:not(.hide) + .game-flip-turns-container:not(.hide) {
	float: right;
}
#frm-challenge { clear: both; }
*/
.game-flip-flips-container,
.game-flip-turns-container {
	margin-bottom: 10px;
}




.game-modals {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 110;
	text-align: center;

	transform-style: preserve-3d;
}
.game-modal {
	display: none;
	float: none;
	max-width: 98.5%;

	padding: 20px;

	-moz-box-shadow: 0 10px 12px rgba(0,0,0,.4);
	box-shadow: 0 10px 12px rgba(0,0,0,.4);
}
.game-modal a.btn {
	display: inline-block;
}
.game-modals.visible {
	display: block;
}
.game-modal.visible {
	display: inline-block;
}
.game-help-count {
	margin: 0 .3em;
}

.animate-containers .multi-challenges .game-modal {
	-moz-transition: transform .4s ease-in-out, opacity .3s;
	transition: transform .4s ease-in-out, opacity .3s;
	
	-webkit-transform: translate3d(0px, 20px, 10px);
	transform: perspective(200) translate3d(0px, 20px, 10px);
	 
	opacity: 0;
}
.animate-containers .multi-challenges .game-modal.animate-in {
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: perspective(200) translate3d(0px, 0px, 0px);
	 
	opacity: 1;
}
.animate-containers .multi-challenges .game-modal.animate-out {
	-webkit-transform: translate3d(0px, -20px, -10px);
	transform: perspective(200) translate3d(0px, -20px, -10px);
	 
	opacity: 0;
}
.animate-containers .game-modals.visible {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}

/* Progress bar */

.multi-challenge-progress {
	z-index: 1;
}

.progress {
	min-height: 2px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 1em;
}
.progress--bar {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	transition: width .5s ease-in-out;
}
.progress--txt,
.progress--txt-pct,
.progress--txt-question {
	display: none;
	transition: opacity .5s;
}
.progress--show-pct .progress--txt,
.progress--show-question .progress--txt,
.progress--show-pct .progress--txt-pct,
.progress--show-question .progress--txt-question {
	display: inline-block;
	margin: 0 .75em;
}

@media only screen and (min-width: 640px) {
	.multi-challenge-progress {
		padding-bottom: 2em;
	}

}



/* ==========================================================================
   Okay Cookie
   ========================================================================== */

.oc-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.85);
	overflow-y: auto;
	z-index: 10000000;
	transform: translate3d(0,0,0);
}
.jk-door-editor .oc-overlay,
.oc-hidden { display: none !important; }
.oc-overlay ~ *:not(.modal) {
	z-index: 0;
	transform: translate3d(0,0,0);
}
.oc-cont {
	margin: 3rem auto;
	width: 95%;
	max-width: 800px;

	background-color: #fff;
	color: #333 !important;
	box-shadow: 0 10px 20px rgba(0,0,0,.2);
}
.oc-header {
	padding: 2rem 2rem;
}
.oc-header *,
.oc-open-next--details *,
.oc-panel--slider-cont label {
	color: #222 !important;
}
.oc-panel--buttons {
	padding: 1em 0 0;
	text-align: center;
}
.oc-btn {
	display: block !important;
	width: 90% !important;
	max-width: none !important;
	border: none !important;
	padding: 1.5em 1.5em !important;
	margin: 1rem auto !important;
}
.oc-btn-green {
	background-color: #59b561 !important;
	color: #fff !important;
}
.oc-btn-green:hover {
	background-color: #5cc765 !important;
}
.oc-btn-green:active {
	background-color: #60d96a !important;
}
.oc-btn-grey {
	background-color: #ddd !important;
	color: #666 !important;
}
.oc-btn-grey:hover {
	background-color: #dadada !important;
}
.oc-btn-grey:active {
	background-color: #d5d5d5 !important;
}
.oc-open-next {
	display: block;
	margin: 1.5rem auto;
	color: #81a8f8 !important;
	cursor: pointer !important;
}
.oc-open-next:hover {
	text-decoration: underline;
}
.oc-header,
.oc-panel--sliders {
	background-color: #eee;
}
.oc-open-next--details {
	background-color: #f2f2f2;
}
.oc-open-next--details {
	max-height: 0;
	transition: max-height 300ms ease-in-out;
	overflow: hidden;
	text-align: left;
	margin-bottom: 1px;
}
.oc-open-next--details > * {
	padding: 0 2rem;
}
.oc-open-next--details > *:first-child {
	padding-top: 2rem;
}
.oc-open-next--details > *:last-child {
	padding-bottom: 2rem;
}
.oc-open-next--details h4 {
	margin: 1rem 0 .2rem !important;
}
.oc-open-next--details h4:first-child {
	margin-top: 0 !important;
}
.oc-open-next--show-details + .oc-open-next--details {
	max-height: 1000em;
}

.oc-panel--sliders {
	text-align: center;
}
.oc-panel--slider-cont {
	width: 44%;
	display: inline-block;
	margin: 1rem 0;
	border-right: 1px solid rgba(0,0,0,.2);
}
.oc-panel--slider-cont:nth-child(2n+0),
.oc-panel--slider-cont:last-child {
	border-right: none;
}
@media only screen and (min-width: 480px) {
	.oc-btn {
		display: inline-block !important;
		width: auto !important;
		min-width: 200px !important;
		max-width: 45% !important;
		margin: 1rem 5% 1rem 0 !important;
	}
	.oc-btn:last-of-type {
		margin-right: 0 !important;
	}
	.oc-panel--slider-cont {
		width: 30%;
	}
	.oc-panel--slider-cont:nth-child(2n+0) {
		border-right: 1px solid rgba(0,0,0,.2);
	}
	.oc-panel--slider-cont:last-child {
		border-right: none;
	}
}
.jk_switch,
.oc-slider {
	margin: .3em 0 !important;
	vertical-align: middle !important;
	background-image: none !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	overflow: visible !important;
	width: 3em !important;
	height: 2em !important;
	border: none !important;
	border-radius: 3em !important;
}
.jk_switch:disabled,
.oc-slider:disabled {
	opacity: .5;
}
.jk_switch:before,
.oc-slider:before {
	width: 100%;
	height: 100%;

	transition: background-color 150ms;
	background-color: #bbb;
	border-radius: 3em;
}
.jk_switch:after,
.jk_switch:before,
.oc-slider:after,
.oc-slider:before {
	content: '';
	display: block !important;
	position: absolute;
	left: 0;
	top: 0;
}
.jk_switch:after,
.oc-slider:after {
	width: 57%;
	background: none;
	background-color: #fff;
	border: 1px solid #c9c9c9;
	transition: left 100ms, color 50ms;
	
	height: 78%;
	left: 6%;
	top: 8%;
	border-radius: 3em;
	border-color: #fff;
	color: #bbb;
}
.jk_switch:checked:after,
.oc-slider:checked:after {
	left: 34%;	
	color: #59b561;
}
.jk_switch:checked:before,
.oc-slider:checked:before {
	background-color: #59b561;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */


/* PAGE CONTENTS */

@media only screen and (max-width: 450px) {
	.prize-item.expanded h3,
	.prize-item.big.expanded h3,
	h2,
	h1 {
		font-size: 1.6em;
	}
}
@media only screen and (max-width: 639px) {
	.sm-col-nopadding { padding: 0 !important; }
	.sm-col-nopadding-bottom { padding-bottom: 0 !important; }
	.sm-col-nopadding-top { padding-top: 0 !important; }
	.sm-col-nopadding-left { padding-left: 0 !important; }
	.sm-col-nopadding-right { padding-right: 0 !important; }
	.sm-col-nomargin-bottom { margin-bottom: 0 !important; }
	.sm-col-nomargin-top { margin-top: 0 !important; }
	
	.social_share h2 + p {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 640px) and (max-width: 859px) {
	.md-col-nopadding { padding: 0 !important; }
	.md-col-nopadding-bottom { padding-bottom: 0 !important; }
	.md-col-nopadding-top { padding-top: 0 !important; }
	.md-col-nopadding-left { padding-left: 0 !important; }
	.md-col-nopadding-right { padding-right: 0 !important; }
	.md-col-nomargin-bottom { margin-bottom: 0 !important; }
	.md-col-nomargin-top { margin-top: 0 !important; }
}
@media only screen and (min-width: 860px) {
	.lg-col-nopadding { padding: 0 !important; }
	.lg-col-nopadding-bottom { padding-bottom: 0 !important; }
	.lg-col-nopadding-top { padding-top: 0 !important; }
	.lg-col-nopadding-left { padding-left: 0 !important; }
	.lg-col-nopadding-right { padding-right: 0 !important; }
	.lg-col-nomargin-bottom { margin-bottom: 0 !important; }
	.lg-col-nomargin-top { margin-top: 0 !important; }
}
@media only screen and (min-width: 340px) {
}


@media only screen and (min-width: 480px) {
	.row.xs-nopadding { margin-left: -5px; margin-right: -5px; }

	.row.sm-nopadding,
	.row.nopadding { margin-left: -25px; margin-right: -25px; }

	.sm-padding { padding: 25px !important; }

	.sm-padding-top { padding-top: 25px !important; }
	.sm-padding-left { padding-left: 25px !important; }

	.sm-col1 { width: 50%; }
	.sm-col2 { width: 100%; }

	.sm-col-push1 { margin-left: 50%; }
	
	.xsm-col-only,
	.md-col-only,
	.lg-col-only {
		display: none;
	}
	.sm-col-only {
		display: block;
	}
	.xsm-col-inlineblock-only,
	.md-col-inlineblock-only,
	.lg-col-inlineblock-only {
		display: none;
	}
	.sm-col-inlineblock-only {
		display: inline-block;
	}
}


@media only screen and (min-width: 640px) {
	
	.container {
		padding-left: 35px;
		padding-right: 35px;
	}
	.row.sm-nopadding { margin-left: -5px; margin-right: -5px; }

	.row.md-nopadding,
	.row.nopadding { margin-left: -25px; margin-right: -25px; }

	.sm-col-margin-top { margin-top: 0; }

	.md-nopadding-top { padding-top: 0 !important; }
	.md-nopadding-left { padding-left: 0 !important; }

	.md-col-padding { padding: 25px !important; }

	.margin-bottom { margin-bottom: 20px; }
	.md-nomargin-bottom { margin-bottom: 0; }


	.md-col1 { width: 8.33333333%; }
	.md-col1.big, .big-prizes-on-expand .md-col1.expanded,
	.md-col2 { width: 16.66666666%; }
	.md-col3 { width: 25%; }
	.md-col2.big, .big-prizes-on-expand .md-col2.expanded,
	.md-col4 { width: 33.33333333%; }
	.md-col5 { width: 41.66666666%; }
	.md-col3.big, .big-prizes-on-expand .md-col3.expanded,
	.md-col6 { width: 50%; }
	.md-col7 { width: 58.33333333%; }
	.md-col4.big, .big-prizes-on-expand .md-col4.expanded,
	.md-col8 { width: 66.66666666%; }
	.md-col9 { width: 75%; }
	.md-col5.big, .big-prizes-on-expand .md-col5.expanded,
	.md-col10 { width: 83.33333333%; }
	.md-col11 { width: 91.66666666%; }
	.md-col6.big, .big-prizes-on-expand .md-col6.expanded,
	.md-col7.big, .big-prizes-on-expand .md-col7.expanded,
	.md-col8.big, .big-prizes-on-expand .md-col8.expanded,
	.md-col9.big, .big-prizes-on-expand .md-col9.expanded,
	.md-col10.big, .big-prizes-on-expand .md-col10.expanded,
	.md-col11.big, .big-prizes-on-expand .md-col11.expanded,
	.md-col12 { width: 100%; }

	.md-equal-height {
		margin-top: 50px;
		margin-bottom: 5px;
		height: 100%;
		display: table;
		width: 100%;
		/* fix overflow */
		table-layout: fixed;
	}
	.md-equal-height > div {
		height: 100%;
		vertical-align: top;
		display: table-cell;
		float: none;
	}
	.sm-col-push-right {
		float: left;
	}
	.md-col-push-right {
		float: right;
	}
	.md-col-push1 { margin-left: 8.33333333%; }
	.md-col-push2 { margin-left: 16.66666666%; }
	.md-col-push3 { margin-left: 25%; }
	.md-col-push4 { margin-left: 33.33333333%; }
	.md-col-push5 { margin-left: 41.66666666%; }
	.md-col-push6 { margin-left: 50%; }
	.md-col-push7 { margin-left: 58.33333333%; }
	.md-col-push8 { margin-left: 66.66666666%; }
	.md-col-push9 { margin-left: 75%; }
	.md-col-push10 { margin-left: 83.33333333%; }
	.md-col-push11 { margin-left: 91.66666666%; }

	.sm-col-break {
		display: none;
	}
	.md-col-break {
		content: "";
		clear: both;
		display: table;
	}

	.xsm-col-only,
	.sm-col-only,
	.lg-col-only {
		display: none;
	}
	.md-col-only {
		display: block;
	}
	.xsm-col-inlineblock-only,
	.sm-col-inlineblock-only,
	.lg-col-inlineblock-only {
		display: none;
	}
	.md-col-inlineblock-only {
		display: inline-block;
	}


	.challenge-alternate-version.challenge-reverse-flow /*
	.challenge-alternate-version.challenge-reverse-flow .multi-challenges > *:not(.multi-challenge),
	.challenge-alternate-version.challenge-reverse-flow .multi-challenge .multi-challenge,
	.challenge-alternate-version.challenge-reverse-flow .reverse-flow-signup > **/ {
		padding-top: 4.5%;
		padding-bottom: 4.5%;
	}



	.challenge-alternate-version /*,
	.challenge-alternate-version .multi-challenges > *:not(.multi-challenge),
	.challenge-alternate-version .multi-challenge .multi-challenge,
	.challenge-alternate-version .reverse-flow-signup > * */ {
		padding: 7% 10% /* !important*/;
	}

	.challenge-alternate-version #frm-challenge .control-group {
		display: inline-block;
		width: 32%;
		min-height: 9em;
		margin: 0.555555% 0.16666666%;
		padding: 25px;
		vertical-align: top;
	}
	.challenge-alternate-version #frm-challenge .control-group label {
		padding-top: 70px;
		min-height: 7.3em;
		padding-left: 0;
	}
	.challenge-alternate-version #frm-challenge .control-group input[type=radio] {
		top: 5px;
		left: 50%;
		margin-left: -22px;
		width: 44px;
		height: 44px;
		background-size: 38px;
	}

	.challenge-answer-image {
		background-position: center center;
	}
	.challenge-answer-image:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(255,255,255,.6);
	}
	.challenge-answer-image label {
		padding-right: 0 !important;
	}


	.challenge-alternate-version .answers-vertical #frm-challenge .control-group {
		display: block;
		width: auto;
		min-height: 68px;
		margin-top: 10px;
		margin-right: 0px;
	}
	.challenge-alternate-version .answers-vertical #frm-challenge .control-group label {
		padding-top: 0;
		min-height: 0;
		padding-left: 60px;
	}
	.challenge-alternate-version .answers-vertical #frm-challenge .control-group input[type=radio] {
		top: 50%;
		left: 0;
		margin-left: 0;
		margin-top: -21px;
		width: 44px;
		height: 44px;
		background-size: 38px;
	}




	.challenge-alternate-version button {
		max-width: 400px;
	}
	
	
	.center-box,
	.social_share:not(.fullwidth) {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 100%;
	}
	.center-box:after,
	.center-box > div,
	.social_share:not(.fullwidth):after,
	.social_share:not(.fullwidth) > div {
		display: inline-block;
		vertical-align: middle;
		float: none;
	}
	.center-box:after,
	.social_share:not(.fullwidth):after {
		content: "";
		height: 100%;
		margin-left: -0.25em;
	}
	.social_share.fullwidth > div {
		margin-left: 0;
		width: 100%;
	}

	.social_share:not(.fullwidth):not(.noshow) + .social_share_bg {
		min-height: 340px;
	}
	.social_share:not(.fullwidth):not(.noshow) + .social_share_bg:not(.hide) {
		background-image: url('');
		background-position: center center;
		background-size: 100%;
		background-size: cover;
	}
	.social_share_bg.hide img,
	.social_share:not(.fullwidth):not(.noshow) + .social_share_bg img {
		display: none;
	}
	.social_share:not(.fullwidth):not(.noshow) + .social_share_bg {
		display: block !important;
	}
}

@media only screen and (min-width: 860px) {

	/* other */

	.container {
		padding-left: 50px;
		padding-right: 50px;
	}
	.row.md-nopadding { margin-left: -5px; margin-right: -5px; }

	.row.lg-nopadding,
	.row.nopadding { margin-left: -35px; margin-right: -35px; }

	.lg-padding-left { padding-left: 25px !important; }
	.lg-padding-right { padding-right: 25px !important; }

	.margin-bottom { margin-bottom: 20px; }
	.lg-nomargin-bottom { margin-bottom: 0; }


	
	.lg-col1 { width: 8.33333333%; }
	.lg-col1.big, .big-prizes-on-expand .lg-col1.expanded,
	.lg-col2 { width: 16.66666666%; }
	.lg-col3 { width: 25%; }
	.lg-col2.big, .big-prizes-on-expand .lg-col2.expanded,
	.lg-col4 { width: 33.33333333%; }
	.lg-col5 { width: 41.66666666%; }
	.lg-col3.big, .big-prizes-on-expand .lg-col3.expanded,
	.lg-col6 { width: 50%; }
	.lg-col7 { width: 58.33333333%; }
	.lg-col4.big, .big-prizes-on-expand .lg-col4.expanded,
	.lg-col8 { width: 66.66666666%; }
	.lg-col9 { width: 75%; }
	.lg-col5.big, .big-prizes-on-expand .lg-col5.expanded,
	.lg-col10 { width: 83.33333333%; }
	.lg-col11 { width: 91.66666666%; }
	.lg-col6.big, .big-prizes-on-expand .lg-col6.expanded,
	.lg-col7.big, .big-prizes-on-expand .lg-col7.expanded,
	.lg-col8.big, .big-prizes-on-expand .lg-col8.expanded,
	.lg-col9.big, .big-prizes-on-expand .lg-col9.expanded,
	.lg-col10.big, .big-prizes-on-expand .lg-col10.expanded,
	.lg-col11.big, .big-prizes-on-expand .lg-col11.expanded,
	.lg-col12 { width: 100%; }

	.lg-col-hide-overflow {
		overflow: hidden;
	}
	
	.sm-col-push-right,
	.md-col-push-right {
		float: left;
	}
	.lg-col-push-right {
		float: right;
	}
	.md-col-push1,
	.md-col-push2,
	.md-col-push3,
	.md-col-push4,
	.md-col-push5,
	.md-col-push6,
	.md-col-push7,
	.md-col-push8,
	.md-col-push9,
	.md-col-push10,
	.md-col-push11,
	.md-col-push12 { margin-left: 0; }
	
	.lg-col-push1 { margin-left: 8.33333333%; }
	.lg-col-push2 { margin-left: 16.66666666%; }
	.lg-col-push3 { margin-left: 25%; }
	.lg-col-push4 { margin-left: 33.33333333%; }
	.lg-col-push5 { margin-left: 41.66666666%; }
	.lg-col-push6 { margin-left: 50%; }
	.lg-col-push7 { margin-left: 58.33333333%; }
	.lg-col-push8 { margin-left: 66.66666666%; }
	.lg-col-push9 { margin-left: 75%; }
	.lg-col-push10 { margin-left: 83.33333333%; }
	.lg-col-push11 { margin-left: 91.66666666%; }


	.md-col-break {
		display: none;
	}
	.lg-col-break {
		content: "";
		clear: both;
		display: table;
	}
	
	.xsm-col-only,
	.sm-col-only,
	.md-col-only {
		display: none;
	}
	.lg-col-only {
		display: block;
	}
	.xsm-col-inlineblock-only,
	.sm-col-inlineblock-only,
	.md-col-inlineblock-only {
		display: none;
	}
	.lg-col-inlineblock-only {
		display: inline-block;
	}

	article {
		padding-right: 0;
	}
	
	
	.lg-col-box-after:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 1000px;
		left: 0;
		top: 100%;
	}
	.lg-col-prize-specialwidth {
		width: 87.5%;
	}
}

@media only screen and (min-width: 890px) {
}

@media only screen and (min-height: 640px) {
}

@media only screen and (min-width: 640px) and (min-height: 748px) {
}


@media only screen and (min-width: 1020px) {
}

@media only screen and (min-width: 1160px) {
	.container:not(.fullwidth) {
		max-width: 1160px;
	}

}


/* ==========================================================================
   Helper classes
   ========================================================================== */

form .control-group label,
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

html.ios .ios-hide,
body.ios .ios-hide,
.hide {
    display: none !important;
    /*visibility: hidden;*/
}

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

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.terms-selection-link,
.clearfix {
    *zoom: 1;
}

.center-text {
	text-align: center;
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {
	    background: transparent !important;
	    color: #000 !important; /* Black prints faster: h5bp.com/s */
	    box-shadow: none !important;
	    text-shadow: none !important;
	}
	
	a,
	a:visited {
	    text-decoration: underline;
	}
	
	a[href]:after {
	    content: " (" attr(href) ")";
	}
	
	abbr[title]:after {
	    content: " (" attr(title) ")";
	}
	
	/*
	 * Don't show links for images, or javascript/internal links
	 */
	
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
	    content: "";
	}
	
	pre,
	blockquote {
	    border: 1px solid #999;
	    page-break-inside: avoid;
	}
	
	thead {
	    display: table-header-group; /* h5bp.com/t */
	}
	
	tr,
	img {
	    page-break-inside: avoid;
	}
	
	img {
	    max-width: 100% !important;
	}
	
	@page {
	    margin: 0.5cm;
	}
	
	p,
	h2,
	h3 {
	    orphans: 3;
	    widows: 3;
	}
	
	h2,
	h3 {
	    page-break-after: avoid;
	}
}



/* ==========================================================================
   Campaign specific styles
   ========================================================================== */

/* Images */


.area-challenge-question {
	background-image: url('');
	background-position: center bottom;
}

.area-challenge-doors {
	background-image: url('filerepo/1e392039e43447839eb4a2a704a1d465.png');
	background-position: center top;
}


.multi-challenge-thankyou h2,
.bg-main-text {
	background-color: #ffffff;
}
@media only screen and (min-width: 860px) {
	.bg-main-text-lg {
		background-color: #ffffff;
	}
}
/*.snow-bg:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 25px;
	
	background-color: transparent;
	background: -moz-linear-gradient(top,  rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,0)), color-stop(100%,rgba(238,238,238,1)));
	background: -webkit-linear-gradient(top,  rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
	background: -o-linear-gradient(top,  rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
	background: -ms-linear-gradient(top,  rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom,  rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeeeeee', endColorstr='#00eeeeee',GradientType=0 );
}*/


body,
label,
input,
textarea,
select,
.bg-main-text,
.game-flip-flipsleft,
.game-flip-lifesleft,
.challenge-reverse-flow .subscriber-cookie .name,
.challenge-reverse-flow.challenge-participate-by-view .subscriber-cookie,
.game-modals .game-modal p {
	color: #1f4b52;
}

h1, h2, h3, h4, h5, h6,
.prize-item.expanded h3,
.prize-item.expanded:hover h3,
.game-modals .game-modal h2,
.game-modal .game-help-count,
.challenge-alternate-version .persona-message h2 {
	color: #1f4b52;
}


.bg-prize-text {
	background-color: #ffffff;
}
/*
@media only screen and (min-width: 640px) {
	.md-col-box-after.bg-main-text {
		background-color: #ffffff;
	}
}
*/
@media only screen and (min-width: 860px) {
	.lg-col-box-after.bg-prize-text:after {
		background-color: #ffffff;
	}
}


.footer-container,
.footer-container a,
.lottery-tickets-counter {
	color: #8bac78;
}
.lotterytickets-count {
	color: #eaeaea;
	background-color: #8bac78;
}


body {

	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	min-height: 100%;
	min-height: 100vh;
	

	background-color: #eaeaea;

	background-image: url('filerepo/a1d810af4e6e4a1eb48498be2819027b.jpg');
	
}

.overlay {
	background-color: #79d540;
}
.modal {
	background-color: rgba(121,213,64,0);
}
.modal.visible {
	background-color: rgba(121,213,64,.9);
}


/* snow */
i.s {
    background-color: #fff;
}


/* prizes */

.prize-item .teaser {
	background-color: #fff;
}
/* prize day dot */
.prize-item h2 {
	color: #fff;
	background-color: #333;
	background-color: rgba(0,0,0, .75);
}
.prize-item:hover h2 {
	color: #eee;
	background-color: #333;
	background-color: rgba(0,0,0, .65);
}
.prize-item.multiple-winners h4 {
	background-color: #999;
	background-color: rgba(153,153,153, .8);
	color: #fff;
}

.prize-item.expanded h3,
.prize-item p,
.prize-item ul,
#prizes .prize-item.expanded ul { 
	background-color: #fff;
}

.prize-item h3,
.prize-item:not(.expanded) ul {
	color: #fff;
}
.prize-item ul,
.prize-item.multiple-winners h4 {
	background-color: rgba(0,0,0, .3);
}
.prize-item:hover ul {
	background-color: rgba(0,0,0, .2);
}


/* Door number */
.countdown i,
.door-number {
	font-family: 'brandon-grotesque';
	font-size: 38px;
	color: #ffffff;
}


/* challenge */

.countdown i,
.conditional-message > div,
.challenge-alternate-version h2,
.challenge-alternate-version p,
.challenge-alternate-version a,
.challenge-text,
.game-flip-flips-container,
.game-flip-turns-container,
.challenge-reverse-flow .subscriber-cookie {
	color: #1f4b52;
}
.challenge-alternate-version:after {
	background-color: rgba(0,0,0, 0);
}
.challenge-alternate-version #frm-challenge .control-group input[type=radio] {
	background-color: #ffffff;
	border-color: #2d5157;
}
.btn.open-game-modal-help,
.challenge-alternate-version button {
	/*border-color: #79d540;*/
	/*color: #2d5157;*/
/*	color: #5bafe3;
	background-color: #fff;*/
}
.multi-challenges {
	z-index: 104;
	/*padding-bottom: 20px;*/
}

.progress { background-color: rgba(0,0,0, .25); }
.progress--bar { background-color: #2d5157 }
.progrees--txt { color: #1f4b52; }




/* form color */

.game-modal a.btn,
input[type=button],
button,
.btn, .btn:link, a.btn {
	color: #ffffff;
	border-color: #2d5157;
	background-color: #2d5157;
}
.game-modal a.btn:hover,
.challenge-alternate-version button:hover,
input[type=button]:hover,
button:hover,
.btn:hover {
	color: #2d5157;
	border-color: #ffe400;
	background-color: #ffe400;
}
.game-modal a.btn:active,
.challenge-alternate-version button:active,
input[type=button]:active,
button:active,
.btn:active {
	color: #ffffff;
	border-color: #000000;
	background-color: #000000;
}
a.close:before,
a.close:after {
	background-color: #2d5157;
}
a.close:hover:before,
a.close:hover:after {
	background-color: #ffe400;
}
a.close:active:before,
a.close:active:after {
	background-color: #000000;
}

form .control-group,
.game-flip-flipsleft,
.game-flip-lifesleft,
.challenge-reverse-flow .subscriber-cookie .name {
	background-color: #ffffff;
}

input[type=radio],
input[type=checkbox],
input[type=radio].validate,
input[type=checkbox].validate,
input, select, textarea {
	border-color: #e2e2e2;
}
input[readonly] {
	border-color: rgba(226,226,226, .5);
}



body {
  background-size: cover;
  min-height: 100vh;
}

.bg-main-text,
.bg-prize-text,
form .control-group {
  background-color: transparent
}
/*
.reverse-flow-signup {
  border-top: 10px solid #79d540;
}*/
/*.select-door-area + .row .bg-main-text*/
/*.reverse-flow-signup > div {
  background-color: #ffffff99;
}*/
.game-modal {
  background-color: #f2f2f2;
}

/*.select-door-area + .row*/
.reverse-flow-signup > div {
  margin: 0 auto;
  width: 100%;
  float: none;
  padding: 0;
}

.reverse-flow-signup .intro,
.reverse-flow-signup form,
.game-modal-instantwin > *,
.game-modal-instantloss > * {
  padding: 40px !important;
  box-shadow: 0 20px 40px 10px rgba(0,0,0,.1);
  background-color: #ffffff99;
}
.reverse-flow-signup .intro,
.game-modal-instantwin > *,
.game-modal-instantloss > * {
  border-top: 10px solid #79d540;
  margin-bottom: 0 !important;
}
.game-modal-instantwin > * {
  padding-bottom: 30px !important;
}
.game-modal-instantloss > * {
  text-align: center;
}
.game-modal-instantloss > * > * > * {
  width: 100%;
}
.challenge-confirmation-page .prize-teaser-section .row > * {
  text-align: center;
  width: 100%;
}
.challenge-confirmation-page .prize-teaser-section .row .row > *:first-child {
  display: none;
}

.multi-challenge[data-gametype="video"] {
  padding-bottom: 1.5em;
}


.reverse-flow-signup .btn-signin {
  margin-bottom: 0;
}

.select-door-area + .row,
.bg-prize-text > .row {
  max-width: 800px;
  margin: 0 auto;
}

@media only screen and (max-width: 480px) {
  .challenge-alternate-version,
  .bg-prize-text .bg-prize-text {
    padding-left: 0;
    padding-right: 0;
  }
  label.checkbox {
    padding-left: 40px;
  }
  .reverse-flow-signup > div {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (max-width: 640px) {
  .container {
    padding: 0;
  }
  .container > .row {
    margin: 0 auto;
    max-width: 90%;
    max-width: calc(90vw - 20px);
  }
}

@media only screen and (min-width: 640px) {
  .challenge-reverse-flow {
    padding: 70px;
  }
  .logo {
    margin-bottom: 30px;
  }
}
.area-challenge-question {
  overflow: visible;
}

.logo {
  margin-top: 20px;
  margin-bottom: 30px;
}
.challenge-alternate-version #frm-signin a:hover,
.prize-teaser-section a:hover {
  color: #79d540;
}
.challenge-hint {
  font-family: 'brandon-grotesque', Helvetica, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 1.1;
  padding-bottom: 20px !important;
  margin: 0 20px;
}

footer > div {
  text-align: center;
}
footer > div > * {
  display: inline-block;
  float: none !important;
  margin-left: 1em !important;
  margin-right: 1em !important;
}

/*.Skjul tilmeldingsformular på before-siden*/
.signup-page-before .animate-form {
display:none;
}

.logo img {
max-height: none !important; 
}