::-moz-selection
{
	background: #333;
	color:#f5f5f5;
	text-shadow: none;
}

::selection
{
	background: #333;
	color:#f5f5f5;
	text-shadow: none;
}

/* Basic structure */

img
{
	max-width:100%;
}

ol li
{
	margin-bottom: 20px;
}

body
{
	/*background:#f9f9f9;*/
	background:#fff;
	font-family: 'Quicksand', sans-serif;
	font-weight:300;
	font-size:15px;
	margin:0;
	min-height:100vh;
	/*overflow:hidden;*/
	/*background-image:url( "media/background.png?2" );
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;*/
	user-select:none;
}

/*
body{
	background-color: #fff;
	text-align: justify;
	padding-bottom: 30px;
	line-height: 30px;
	overflow-x: hidden;
}
*/

body:before
{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background:#fff;
	background-repeat:no-repeat;
	pointer-events:none;
}

body:not( .loaded ) .inspect-window
{
	transition:none !important;
}

.main
{
	min-height:100vh;
}

.main:after
{
	position:fixed;
	top:-10px;
	left:-10px;
	right:-10px;
	bottom:-10px;
	content:"";
	background:#fff;
	opacity:0;
	pointer-events:none;
	transition:all 0.3s ease-out;
	z-index:10;
}

.displaying-result .main:after
{
	opacity:1;
	pointer-events:auto;
}

.prototype,
.hidden
{
	display:none !important;
}

.text-left
{
	text-align:left !important;
}

*
{
	position:relative;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

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

.clear:after
{
	clear:both;
}

.clear
{
	*zoom:1;
}

.button
{
	cursor:pointer;
	user-select:none;
	transition:all 0.3s ease-out;
}

.button:active
{
	transform:translateY( 1px ) scale( 0.97,0.97 );
}

.center
{
	text-align:center;
}

.content
{
	max-width:1024px;
	margin:0px auto;
}

a
{
	text-decoration:none;
	color:inherit;
}

a.button
{
	display: block;
	cursor: pointer;
	user-select: none;
	transition: all 0.3s ease-out;
	background: #333;
	color: #eee;
	padding: 12px 0px;
}

/* On-page styling */

ul
{
	list-style-type:circle;
	padding-left:20px;
	padding-top:10px;
}

ul li
{
	padding-bottom:20px;
}

.main
{
}

.main:before
{
	content:"";
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	background:url( "grid.png" );
	opacity:0.5;
}

/* graveyard grave */

.graveyard-container-wrapper
{
	position:absolute;
	bottom:40vh;
	transform:translateY( 50% );
	left:0px;
	right:0px;
	/*transform:translateY( -50% );*/
	padding-top:100px;
	transition:all 0.3s ease-out;
}

.title
{
	padding: 0px;
	margin-top: 0px;
	display:inline-block;
	font-family: 'Anton', sans-serif;
	color:#000;
	font-size:40px;
	/*text-shadow:0px 5px 10px rgba( 0,0,0,0.8 );*/
}

.title small
{
	font-size:15px;
}

.quick-graveyard
{
	cursor:pointer;
	font-family: helvetica;
	font-size: 11px;
}

.graveyard
{
	display:inline-block;
	vertical-align:top;
	background-size:auto 80%;
	/*box-shadow: 0px 20px 50px rgba( 0,0,0,0.7 );*/
	/*border:1px solid rgba( 59, 39, 56, 0.83 );*/
	height:385px;
	width:400px;
}

.graveyard .graveyard-result
{
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	z-index:3;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	border-radius: 12px;
	margin:-1px;
	pointer-events:none;
}

.graveyard .graveyard-result.padded
{
	/*margin: 30px;*/
}

.graveyard:not( .grave-image-loaded ) .graveyard-result
{
	background-image:none !important;
}

body:not( .first-graveyard ) .graveyard .first-graveyard-overlay
{
	transition:all 0.4s ease-out;
	opacity:0;
	pointer-events:none;
}

.graveyard-grave-container
{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	margin:0px 40px;
	/*box-shadow:0px 20px 50px rgba( 0,0,0,0.7 );*/
}

.graveyard-grave-container img[src*="tombstone"]
{
	top:0px;
}

.graveyard-grave
{
	left: 22px;
	position: absolute;
	bottom:0px;
}

.graveyard-grave .dirt
{
	position: absolute;
	left: 50%;
	transform: translateX( -50% );
	max-width: none;
	bottom:0px;
	margin-left:-9px;
	width:100%;
	cursor: url(media/spade.png) -100 100, -webkit-grab;
	height:140px;
}

.graveyard-grave .hole
{
	bottom:0px;
	left:-7px;
	width:80%;
}

.graveyard-grave-container.done .graveyard-canvas
{
	transition:all 0.3s ease-out;
	opacity:0;
	transform:scale( 1.2,1.2 );
	pointer-events:none;
}

.graveyard-grave-container .result-name
{
	font-family: 'Anton', sans-serif;
	font-size: 23px;
	z-index: 4;
	width: 206px;
	position: absolute;
	bottom: calc( 100% + 20px );
	/*text-shadow: 0px 5px 10px rgba( 0,0,0,0.8 );*/
	color: #fff;
	text-align:center;
	opacity:0;
	transform:translateY( -30px );
	transition:all 0.3s ease-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.graveyard-grave-container.done .result-name
{
	transform:none;
	opacity:1;
}

.graveyard-container-wrapper>.title
{
	/*
	position:absolute;
	top:100%;
	left:0px;
	right:0px;
	*/
	text-align:center;
}

/*

body.loading .graveyard-container-wrapper
{
	transform:translateY( -60px );
	opacity:0;
	transition:none;
}

*/

/* Windows and misc */

.window
{
	position: fixed;
	background: #fff;
	opacity:0;
	pointer-events:none;
	transform:translateY( -40px );
	transition:all 0.3s ease-out;
	z-index:30;
}

.window.result
{
	position: fixed;
	background: #fff;
	top: 50%;
	left: calc( 50% - 345px );
	width: 601px;
	padding: 40px;
	padding-bottom: 30px;
	max-height: calc( 100% - 120px );
	overflow-y: auto;
}

.window.result .gift-preview img
{
	max-height: 190px;
}

.displaying-result .window.result
{
	opacity:1;
	transform: translateY( -50% );
	pointer-events:auto;
}

.window .title
{
	/*border-bottom:1px solid #ccc;*/
	font-size:30px;
	padding-bottom:20px;
	background:#743e64;
}

.window .description
{
	padding:25px 15px;
	line-height:25px;
}

.window .button
{
	background: #402939;
	color: #fff;
	padding: 10px 20px;
	display: block;
	/*width: 120px;
	margin: -15px auto;*/
	width: 270px;
	margin: 30px auto;
	margin-top: 30px;
	border:3px solid #743e64;
}

.window .button.graveyard-again
{
	margin-bottom:-15px;
}

.window.intro
{
	opacity:1;
	pointer-events:auto;
	transform:none;

	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	overflow-y:auto;
	padding:80px;
}

.intro-done .window.intro
{
	opacity:0;
	pointer-events:none;
	transform:translateY( -40px );
}

body:not( .intro-done ) .facebook-post-module
{
	display:none;
}

.window.intro .description
{
	padding: 0px 15px;
	line-height: 23px;
	font-size: 14px;
	padding-bottom:50px;
}

.window.intro .szulinap3-available-gift
{
	height: 125px;
	width: 100px;
	object-fit: contain;
	margin-right: 25px;
	background: #efeeee;
	border: 1px solid #d0cfcf;
	padding: 10px;
}

.window.intro input
{
	width: calc( 100% - 64px );
	padding: 30px;
	border:2px solid #a25876;
	margin-top:22px;
	font-size: 26px;
	text-align: center;
}

::-webkit-input-placeholder
{
	color:#a25876;
}

:-moz-placeholder
{
	color:#a25876;
	opacity:1;
}

::-moz-placeholder
{
	color:#a25876;
	opacity:1;
}

:-ms-input-placeholder
{
	color:#a25876;
}

:placeholder-shown
{
	color:#a25876;
}

.window.intro input:focus
{
	outline:none;
}

.window.intro .button.submit-code
{
	padding: 15px 50px;
	font-size: 22px;
	width: 120px;
	margin-top: 30px;
}

.window.intro .validation-response
{
	padding: 20px;
	margin-top: 45px;
	color: #fff;
	background:#399d64;
	font-size: 21px;
}

.window.intro .validation-response.error
{
	background: #9d393f;
}

.choose-csodakefe
{
	width: 591px;
	top: 20px;
	bottom: 20px;
	left: calc( 50% - 345px );
	z-index: 500;
	background: #fff;
	padding: 45px;
	overflow-y:auto;
	z-index:500;
}

.choose-csodakefe.active
{
	pointer-events:auto;
	transform: none;
	opacity: 1;
}

.choose-csodakefe .item
{
	width: 70px;
	height: 70px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #eee;
	margin:5px;
	cursor:pointer;
}

.choose-csodakefe .item.active
{
	border-color:#222;
	background: #222;
}

.choose-csodakefe .item img
{
	width:inherit;
	height:inherit;
	object-fit: contain;
}

.choose-csodakefe-handle
{
	cursor:pointer;
}

/* Desktop and other media queries */

@media ( max-width : 1023px ){

	.desktop
	{
		display:none;
	}

}

@media ( min-width : 1024px ){

	.mobile
	{
		display:none;
	}

	a.button
	{
		background:transparent;
		padding: 12px 0px;
		margin: 0px auto;
		max-width: 300px;
		color: #333;
		border: 1px solid #333;
		font-weight: bold;
	}

	a
	{
		z-index:1;
		cursor:pointer;
		overflow:hidden;
	}

}





















[data-href]
{
	cursor:pointer;
}

[data-href]:hover
{
	text-decoration:underline;
}


/* Facebook */

.facebook-post-module .hint
{
	margin-top: 50px;
	padding: 20px;
	background: #d6dff3;
	border: 15px solid #fff;
	width: 630px;
	border-radius: 5px;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	color: #30497b;
}

.facebook-post-module .hint img
{
	height: 130px;
	margin-top: -9px;
	margin-left: -10px;
	margin-right: 10px;
}

.rooms
{
	margin-top:15px;
	width: 702px;
	display: inline-block;
}

.room
{
	border: 1px solid;
	border-width:1px;
	border-color: #e5e6e9 #dfe0e4 #d0d1d5;
	border-radius: 4px;
	width:700px;
	margin:20px auto;
	margin-top:0px;
	background:#fff;
}

.room-preview
{
	padding:10px;
}

.room-preview .post-media
{
	background: #fff;
	object-fit: contain;
	object-position: center;
	width: 100%;
	height: 400px;
	margin: 20px 0px;
	border: 1px solid #dfe0e4;
}

.room .reactions
{
	text-align:left;
}

.room .reactions>span
{
	margin: 0px 3px;
	font-size: 12px;
}

.room .reactions>span:before
{
	height: 20px;
	width: 20px;
	margin-right: 5px;
	top: -1px;
	position: relative;
}

.room .subject
{
	background:#f6f7f9;
	border:1px solid #e1e2e3;
	padding:5px 10px;
}

.room .users
{
	color: #324f8a;
	font-size: 13px;
	top: 1px;
}

.room .meta
{
	text-align:left;
	background:#fff;
}

.room .meta .text
{
	line-height: 20px;
	padding-left: 15px;
	color: #777;
}

.room .meta .text .name
{
	color: #324f8a;
	font-weight: bold;
	font-size: 14px;
	padding-top:6px;
	padding-bottom:3px;
}

.room .text .stamp
{
	font-size:10px;
}

.room .meta .published
{
	font-size:12px;
}

.room .meta .published a
{
	color:#324f8a;
}

.room .quote
{
	padding-top:15px;
	text-align:left;
	line-height:20px;
}

.room .view-on-facebook
{
	font-size:10px;
	color:#7288cf;
	line-height:20px;
}

.room .view-on-facebook span
{
	/*opacity:0;*/
	top:-1px;
	font-size:10px;
}

/*.room .view-on-facebook:hover span
{
    opacity:1;
}*/

.room .view-on-facebook img
{
	height: 32px;
	vertical-align: middle;
	margin-top: -6px;
	margin-right: -6px;
	opacity:0.5;
}

.room .open-room
{
	background: #f6f7f9;
	border: 1px solid #e1e2e3;
	margin-top: 10px;
	padding: 10px;
	color: #324f8a;
}

.room .comments.main
{
	background: #e1e2e3;
	border: 1px solid #e1e2e3;
}

.room .comments .comment
{
	font-size:12px;
	line-height:22px;
	padding:10px;
	background:#f6f7f9;
	margin:5px;
	text-align:left;
	border:1px solid #d6d7d8;
}

.room .comments .comment:not( .checked )
{
	display:none;
}

.room .comments .comment .text img
{
	margin: 20px auto;
	max-width: 180px;
}

.room .comments .comment .preview
{
	width:40px;
}

.room .comments .comment .preview>img
{
	width:inherit;
}

.room .comments .comment .text
{
	width:calc( 100% - 50px );
}

.room .comments .comment .text b
{
	display:inline-block;
	margin-right:5px;
	color:#324f8a;
}

.room .comment .text .actions
{
	color:#777;
}

.room .comment .text .actions .action
{
	color:#324f8a;
}

.room .comment .subcomments
{
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.room .comment .subcomments .comment
{
	margin-bottom:0px;
	border-top:none;
	border-bottom:none;
	border-right:none;
	padding-left:20px;
}

.room .comment .subcomments .comment:last-of-type
{
	margin-bottom:0px;
}

.room:not( .expanded ) .comments.main>.comment.expandable/*:not(.hidden):nth-last-of-type( n+5 )*/
{
	display:none;
}

body:not( .done-lazyloading ) .room:last-of-type:after
{
	content: "";
	position: absolute;
	top: 100%;
	left: 0px;
	height: 100px;
	right: 0px;
	background: #ffffff;
	margin-bottom: 50px;
	margin-top: 75px;
	/* border: 30px solid #ffffff; */
	border: inherit;
	background-image: url(http://onlinemuvek.hu/stat/loading-50.gif);
	background-size: auto 40%;
	background-repeat: no-repeat;
	background-position: center;
}

/*

.room .button.expand-comments
{
    margin: 5px;
    background: #558dff;
    color: #fff;
    font-size: 13px;
    padding: 5px 0px;
    cursor: pointer;
    border: 1px solid #d6d7d8;
}

*/

.room.expanded .button.expand-comments
{
	display:none;
}



/*intro*/

.italic
{
	font-style: italic;
}

.intro .title
{
	background: none;
	border-radius:  7px;
}

.intro .title.shovel:after
{
	content: url(/nyeremenyjatek_2019-10-igazi/media/nyeremenyek/shovel.png);
	position: absolute;
	object-fit: scale-down;
	left: 100%;
	top: 0;
	transform: rotate(24deg);
}

.window.intro
{
	padding: 0px;
}

.window.intro .szulinap3-available-gift
{
	background: transparent;
}

.window.intro input
{
	border: 2px solid #f28a0f;
	font-size: 15px;
}

.window.intro input::-webkit-input-placeholder
{ /* Edge */
	color: #f28a0f;
}

.window.intro input:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
	color: #f28a0f;
}

.window.intro input::placeholder
{
	color: #f28a0f;
	width: 100%;
}

.window.intro .hero
{

	left: 50%;
	transform: translateX(-50%);

}
.window .button
{
	background: #f68c0f;
	border: 3px solid #c4771d;
}


.window.intro .button.submit-code img
{
}

.window.intro .button.submit-code
{
	padding: 0px;
	font-size: 0px;
	border: none;
	background: none;
	width: 100%;
}

.window .title
{
	font-size: 25px;
	left: 50%;
	transform: translateX(-50%);
}

.window .main-title
{
	display: block;
	text-align: center;
}

.window.intro a
{
	color: #48529a;
	text-decoration: underline;
}

.cross-reference
{
	font-family: helvetica !important;
	font-size: 13px !important;
	line-height: 17px !important;
	color: #fff !important;
	padding: 15px !important;
	padding-top: 60px !important;
	text-align: left !important;
	width: auto;
	margin: 60px 0px 0px 0px !important;
	padding-top: 0px !important;
}

.game-description .subtitle
{
	margin-top: 13px;
	font-weight: bold;
	text-decoration: underline;
}

video.mobile
{
	margin:15px 0px;
	left: 50%;
	transform: translateX(-50%);
}

@media( min-width: 1024px )
{
	.button.submit-code
	{
		display: inline-block;
		width: calc(50% - 35px )!important;
		margin: 0px 14px;
	}

	.window.intro .title
	{
		font-size: 25px;
		left: 50%;
		transform: translateX(-50%);
	}

	.window.intro video
	{
		left: 50%;
		transform: translateX(-50%);
	}

}


@media( min-width: 1230px )
{
	.window .main-title
	{
		display: block;
		text-align: center;
		font-size: 27px;
		padding: 22px;
	}

	.window .title
	{
		font-size: 21px;
		text-align: center;
		padding: 10px 0px;
		display: block;
	}

	.cross-reference
	{
		width: 274px !important;
		margin: -36px 10px 20px 10px !important;
		display: inline-block !important;
		vertical-align: top !important;
		border: none !important;
	}

	.game-description
	{
		width: 100%;
		margin-top: 16px;
		vertical-align: top;
		display: inline-block;
		margin: 22px 0px;
	}

	.game-description .text
	{
		margin: 17px 0px;
	}
}

@media (max-width: 1024px)
{

	.cross-reference img
	{
		max-width: 60%;
		left: 50%;
		transform: translateX(-50%);
	}
}

.box{
	display: inline-block;

}

.box .box-left{
	width: 100%;
	display: inline-block;
	float: left;
	padding-bottom: 15px;
	text-align: center;
}
.box .box-right{
	width: 100%;
	display: inline-block;
	float: left;
}
.subtitle b{
	text-decoration: underline;
}

@media (min-width: 1024px) {
	.box .box-left {
		width: 10%;
		display: inline-block;
		float: left;
	}

	.box .box-right {
		width: 90%;
		display: inline-block;
		float: left;
	}
}

.pb50{
	padding-bottom: 50px;
}


.design-1:before{
	content: "";
	width: 100%;
	background-size: contain;
	height: 170px;
	position: absolute;
	top: -55px;
	right: 0;
	z-index: -2;
	left: 0;
	bottom: 0;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url('https://magichair.hu/nyeremenyjatek_halloween2020/media/oldalsofaag-min (1).png');
}

.design-2:before{
	content: "";
	width: 100%;
	background-size: contain;
	height: 300px;
	position: absolute;
	top: -55px;
	right: 0;
	z-index: -2;
	left: 0;
	bottom: 0;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url('https://magichair.hu/nyeremenyjatek_halloween2020/media/pok_potty-min.png');
}
.design-3:before{
	content: "";
	width: calc(100% - 114px );
	background-size: contain;
	height: 300px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -2;
	left: 114px;
	bottom: 0;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url('https://magichair.hu/nyeremenyjatek_halloween2020/media/levagott_szurke.png');
}
.design-4:before{
	content: "";
	width: calc(100% - 114px );
	background-size: contain;
	height: 300px;
	position: absolute;
	top: -127px;
	right: 0;
	z-index: -2;
	left: 114px;
	bottom: 0;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url('https://magichair.hu/nyeremenyjatek_halloween2020/media/20-min (1).png');
}
.design-5:before{
	content: "";
	width: 100%;
	background-size: cover;
	height: 600px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -2;
	left: 0;
	bottom: 0;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url('https://magichair.hu/nyeremenyjatek_halloween2020/media/levagott_szurke.png');
}
.design-5:after{
	content: "";
	width: calc(100% - 114px );
	background-size: contain;
	height: 300px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -2;
	left: 114px;
	bottom: 0;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url('https://magichair.hu/nyeremenyjatek_halloween2020/media/arrange_3-min (1).png');
	display: none;
}


.design-6:before{
	content: "";
	width: 100%;
	background-size: cover;
	height: 600px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -2;
	left: 0;
	bottom: 0;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url('https://magichair.hu/nyeremenyjatek_halloween2020/media/levagott_szurke.png');
}
.design-6:after{
	content: "";
	width: calc(100% - 114px );
	background-size: contain;
	height: 300px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -2;
	left: 114px;
	bottom: 0;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url('https://magichair.hu/nyeremenyjatek_halloween2020/media/oldalso_aranypok-min (1).png');
	display: none;
}

.design-7:before{
	content: "";
	width: 100%;
	background-size: contain;
	height: 200px;
	position: absolute;
	top: -34px;
	right: 0;
	z-index: -2;
	left: 0;
	bottom: 0;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url('https://magichair.hu/nyeremenyjatek_halloween2020/media/pok_potty-min.png');
}
.design-7:after{
	content: "";
	width: calc(100% - 114px );
	background-size: contain;
	height: 300px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -2;
	left: 114px;
	bottom: 0;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url('https://magichair.hu/nyeremenyjatek_halloween2020/media/folt-min (1).png');
	display: none;
}

.design-8:before{
	content: "";
	width: 100%;
	background-size: cover;
	height: 600px;
	position: absolute;
	top: -34px;
	right: 0;
	z-index: -2;
	left: 0;
	bottom: 0;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url('https://magichair.hu/nyeremenyjatek_halloween2020/media/levagott_szurke.png');
}
.design-8:after{
	content: "";
	width: 100%;
	background-size: contain;
	height: 170px;
	position: absolute;
	top: -55px;
	right: 0;
	z-index: -2;
	left: 0px;
	bottom: 0;
	background-position: left;
	background-repeat: no-repeat;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	background-image: url('https://magichair.hu/nyeremenyjatek_halloween2020/media/oldalsofaag-min (1).png');
}

.design-9:before{
	content: "";
	width: calc(100% - 20px);
	background-size: contain;
	height: 286px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -2;
	left: 20px;
	bottom: 0;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url('https://magichair.hu/nyeremenyjatek_halloween2020/media/arrange_5-min.png');
	display: none;
}
.design-9:after{
	content: "";
	width: 100%;
	background-size: contain;
	height: 221px;
	position: absolute;
	top: -40px;
	right: 0;
	z-index: -2;
	left: 0px;
	bottom: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('https://magichair.hu/nyeremenyjatek_halloween2020/media/arrange_4-min (1).png');
}
.design-10:before{
	content: "";
	width: 100%;
	background-size: cover;
	height: 410px;
	position: absolute;
	top: 30px;
	right: 0;
	z-index: -2;
	left: 0;
	bottom: 0;
	background-position: top;
	background-repeat: no-repeat;
	background-image: url('https://magichair.hu/nyeremenyjatek_halloween2020/media/levagott_szurke.png');
	display: none;
}


@media (min-width: 1024px)
{

	.design-5:before {
		height: 865px;
		left: -500px;
		background-size: contain;
	}
	.design-6:before {
		height: 865px;
		background-size: contain;
		top: -500px;
	}
	.design-3:before {
		height: 600px;
	}
	.design-8:before {
		background-size: contain;
		left: -400px;
		background-position: left;
	}

	.design-5:after{
		display: block;
		top: -270px;
		left: 0;
	}

	.design-9:after{
		height: 500px;
		top: -105px;
		background-position: left;
	}
	.design-9:before{
		display: block;
		height: 500px;
		top: -75px;
	}
	.design-10:before{
		display: block;
	}

}