@charset "UTF-8";
/* PAGE SPECIFIC SETTINGS */
.pink {background-color:#db688f;}
.grey {background-color:#ededed;}
.purple_1 {background-color:#5f58ae;}
.purple_2 {background-color:#8d88c6;}

.white_txt {color:#FFF !important;}
.grey_txt {color:#565656 !important;}
.grey2_txt {color:#666666 !important;}
.facebook_txt {color:#415faa !important;}
.lt_pink_txt {color:#fca0bf !important;}
.pink_txt {color:#db688f !important;}
.purple_1_txt {color:#5f58ae !important;}

/******************************************************* Mobile Layout *******************************************************/
@media only screen and (max-width: 481px) {
/* WRAPPER */
.wrapper {
	width:100%;
	height:auto;
	clear:both;
	display:block;
}
	.wrapper.home_mama {
		background:url(../image/main_bg.jpg) no-repeat top center;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}
	.wrapper.home_mama2 {
		min-height:600px;
		background:url(../image/main_bg.jpg) no-repeat top center;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
		background-position:center -80px;
	}
	.wrapper.sikertortenet {
		min-height:600px;
		background:url(../image/sikertortenet_bg.jpg) no-repeat top center;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
		background-position:center top;
		padding-top:160px
	}
	.wrapper.startgame {
		height:78px;
		padding:51px 0;
		text-align:center;
		background:url(../image/start_game_bg.png) repeat-x top center;
		margin-top:30px;
	}
	.wrapper.gameinfo {
		height:auto;
		text-align:center;
		background-image:none;
		background-color: #e3dedb;
	}
	.wrapper.footer {
		height:auto;
		padding:20px 0 20px 0;
		color:#FFF !important;
		background-color:#edeff1;
	}
		.wrapper.footer div.footer_nav {
			text-align:center;
			width:auto;
			margin:0 auto;
			display:block;
		}
		.wrapper.footer div.footer_nav a, .wrapper.footer span.company a  {
		width:auto;		
		height:auto;
		color:#FFF;
		font-size:13px;
	}
		.wrapper.footer div.footer_nav a:hover, .wrapper.footer span.company a:hover {color:#484287}
		.wrapper.footer span.copy, .wrapper.footer span.design, .wrapper.footer span.company {float:left; width:50%; color:#484287; font-size:13px;}
		.wrapper.footer span.company {width:100%; text-align:center;}
		.wrapper.footer span.design {float:left; text-align:right;}
		.wrapper.footer span.copy a, .wrapper.footer span.design a,
		.wrapper.footer span.copy a:visited, .wrapper.footer span.design a:visited {color:#005382; font-weight:bold;}

.logo { width:80%; max-width:896px; display:block; position:absolute; margin:30px 0 0 0; z-index:99999; left:0;}
.logo img {z-index:99999;}
.btn_startgame {width:70%;margin:0 15%;}
.gi_content {
	width:80%; 
	min-height:132px;
	padding-left:20%; 
	float:left; 
	margin-bottom:20px;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:16%;
	text-align:left;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
}
.gi1 {background-image:url(../image/1x.png);}
.gi2 {background-image:url(../image/2x.png);}
.gi3 {background-image:url(../image/3x.png);}
.logo2 { width:80%; max-width:624px; display:block; position:absolute; top:60px; z-index:99999; left:0;}
.logo2 img {z-index:99999;}
.logo3 { width:60%; max-width:624px; display:block; position:absolute; top:30px; z-index:99999; left:0;}
.logo3 img {z-index:99999;}
.nyeremeny1 {min-height:470px;}
.photographer {
		min-height:360px;
		background:url(../image/photographer.jpg) no-repeat;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
		background-position:right top;
		padding-top:100px;
		margin-top:80px;
	}
}

/******************************************************* Tablet Layout *******************************************************/
@media only screen and (min-width: 481px) {
/* WRAPPER */
.wrapper {
	width:100%;
	height:auto;
	clear:both;
	display:block;
}
	.wrapper.home_mama {
		background:url(../image/main_bg.jpg) no-repeat top center;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}
	.wrapper.home_mama2 {
		min-height:600px;
		background:url(../image/main_bg.jpg) no-repeat top center;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
		background-position:center -80px;
	}
	.wrapper.sikertortenet {
		min-height:600px;
		background:url(../image/sikertortenet_bg.jpg) no-repeat top center;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
		background-position:center top;
		padding-top:260px
	}
	.wrapper.startgame {
		height:78px;
		padding:51px 0;
		text-align:center;
		background:url(../image/start_game_bg.png) repeat-x top center;
	}
	.wrapper.gameinfo {
		height:auto;
		min-height:490px;
		text-align:center;
		background:url(../image/jatekleiras_bg.jpg) right top no-repeat;
		background-color: #e3dedb;
		-webkit-background-size: 70%;
		-moz-background-size: 70%;
		-o-background-size: 70%;
		background-size: 70%;
	}
	.wrapper.footer {
		height:auto;
		padding:20px 0 20px 0;
		color:#FFF !important;
		background-color:#edeff1;
	}
		.wrapper.footer div.footer_nav {
			text-align:center;
			width:auto;
			margin:0 auto;
			display:block;
		}
		.wrapper.footer div.footer_nav a, .wrapper.footer span.company a  {
		width:auto;		
		height:auto;
		color:#FFF;
		font-size:13px;
	}
		.wrapper.footer div.footer_nav a:hover, .wrapper.footer span.company a:hover {color:#484287}
		.wrapper.footer span.copy, .wrapper.footer span.design, .wrapper.footer span.company {float:left; width:50%; color:#484287; font-size:13px;}
		.wrapper.footer span.company {width:100%; text-align:center;}
		.wrapper.footer span.design {float:left; text-align:right;}
		.wrapper.footer span.copy a, .wrapper.footer span.design a {color:#005382; font-weight:bold;}

.logo { width:80%; max-width:896px; display:block; position:absolute; margin:30px 0 0 0; z-index:99999; left:0;}
.logo img {z-index:99999;}
.btn_startgame {width:60%;margin:0 20%;}
.gi_content {
	width:80%; 
	min-height:132px;
	padding-left:20%; 
	float:left; 
	margin-bottom:20px;
	background-repeat:no-repeat;
	background-position:left top;
	-webkit-background-size: 100%;
	-moz-background-size: 16%;
	-o-background-size: 16%;
	background-size: 16%;
	text-align:left;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
}
.gi1 {background-image:url(../image/1x.png);}
.gi2 {background-image:url(../image/2x.png);}
.gi3 {background-image:url(../image/3x.png);}
.logo2 { width:60%; max-width:500px; display:block; position:absolute; top:10px; z-index:99999; left:0;}
.logo2 img {z-index:99999;}
.logo3 { width:60%; max-width:500px; display:block; position:absolute; top:10px; z-index:99999; left:0;}
.logo3 img {z-index:99999;}
.nyeremeny1 {min-height:465px;}
.photographer {
		min-height:300px;
		background:url(../image/photographer.jpg) no-repeat;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
		background-position:right top;
		padding-top:100px
	}
}

/******************************************************* Desktop Layout *******************************************************/
@media only screen and (min-width: 769px) {
/* WRAPPER */
.wrapper {
	width:100%;
	height:auto;
	clear:both;
	display:block;
}	
	.wrapper.home_mama {
		min-height:600px;
		background:url(../image/main_bg.jpg) no-repeat top center;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}
	.wrapper.home_mama2 {
		min-height:600px;
		background:url(../image/main_bg.jpg) no-repeat top center;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
		background-position:center -300px;
	}
	.wrapper.sikertortenet {
		min-height:600px;
		background:url(../image/sikertortenet_bg.jpg) no-repeat top center;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
		background-position:center top;
		padding-top:460px
	}
	.wrapper.startgame {
        min-height: 78px;
        padding: 42px 0 60px 0;
		text-align:center;
		background:url(../image/start_game_bg.png) repeat-x top center;
	}
	.wrapper.gameinfo {
		height:auto;
		min-height:400px;
		text-align:center;
		background:url(../image/jatekleiras_bg.jpg) no-repeat top right #e3dedb;
	}
	.wrapper.footer {
		height:auto;
		padding:20px 0 20px 0;
		color:#FFF !important;
		background-color:#edeff1;
	}
		.wrapper.footer div.footer_nav {
			text-align:center;
			width:auto;
			margin:0 auto;
			display:block;
		}
		.wrapper.footer div.footer_nav a, .wrapper.footer span.company a  {
		width:auto;		
		height:auto;
		color:#FFF;
		font-size:13px;
	}
		.wrapper.footer div.footer_nav a:hover, .wrapper.footer span.company a:hover {color:#484287}
		.wrapper.footer span.copy, .wrapper.footer span.design, .wrapper.footer span.company {float:left; width:50%; color:#484287; font-size:13px;}
		.wrapper.footer span.company {width:100%; text-align:center;}
		.wrapper.footer span.design {float:left; text-align:right;}
		.wrapper.footer span.copy a, .wrapper.footer span.design a, {color:#005382; font-weight:bold;}

.logo { width:80%; max-width:896px; display:block; position:absolute; margin:30px 0 0 0; z-index:99999; left:0;}
.logo img {z-index:99999;}
.package {
	width:60%;
	max-width:700px;
	height:auto;
	display:block;
	float:right;
}
.btn_startgame {width:50%;margin:0 25%;}
.gi_content {
	width:80%; 
	min-height:132px;
	padding-left:20%; 
	float:left; 
	margin-bottom:20px;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:16%;
	text-align:left;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
}
.gi1 {background-image:url(../image/1x.png);}
.gi2 {background-image:url(../image/2x.png);}
.gi3 {background-image:url(../image/3x.png);}
.logo2 { width:80%; max-width:500px; display:block; position:absolute; top:30px; z-index:99999; left:0;}
.logo2 img {z-index:99999;}
.logo3 { width:80%; max-width:500px; display:block; position:absolute; top:30px; z-index:99999; left:0;}
.logo3 img {z-index:99999;}
.nyeremeny1 {min-height:600px;}
.photographer {
		min-height:400px;
		background:url(../image/photographer.jpg) no-repeat;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
		background-position:right top;
		padding-top:200px
	}
}

.fb-like-box {
  width: 100% !important;
  height:500px;
  border:none; 
  overflow:hidden;
}
a, a:hover {
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-kthtml-transition: all 0.4s linear;
	transition: all 0.4s linear;
	text-decoration:none;
}
input.btn_main, a.btn_main {
	width:90%;
	height:50px;
	line-height:50px;
	margin:20px 5% 20px 5%;
	background:url(images/btn_pink.jpg) repeat-x bottom left;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-size:13px;
	border:solid 1px #923f71;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-kthtml-transition: all 0.4s linear;
	transition: all 0.4s linear;
	display:block;
	float:left;
}
input.btn_main:hover, a.btn_main:hover {
	cursor:pointer;
	color:#FFF;
	background:url(images/btn_pink.jpg) repeat-x top left;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-kthtml-transition: all 0.4s linear;
	transition: all 0.4s linear;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}
.circles_bg {
	background:url(../image/circles_bg.png) no-repeat top center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
}
.rounded_box {
	width:90%;
	height:auto;
	display:block;
	float:left;
	padding:20px 5%;
	border:1px solid #6bd3f3;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
}
a.btn_startgame {
	height:98px;
	display:block;
	line-height:98px;
	text-align:center;
	background:url(../image/btn_startgame.png) repeat-x;
	border:1px solid #FFFFFF;
	color:#FFF !important;
	font-size:30px;
	font-weight:200 !important;
	font-family:'Roboto', sans-serif;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
a.btn_startgame:hover {background:url(../image/btn_startgame.png) repeat-x rgba(255, 255, 255, 0.6); color:#3897cb !important;}
.gi_content p {color:#5e5e5e;}
.m_r {margin-right:10px;}
.m_l {margin-left:10px;}