body {
	min-height: 100vh;
    /* font-family: 'IBM Plex Sans', sans-serif; */
	font-family: 'Open Sans', sans-serif;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	overflow-x: hidden;
}

body {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

img {
	max-width: 100%;
}

p {
	display: inline-block;
	width: 100%;
}

.hide {
	display: none!important;
}

.container-fluid {
	min-height: 100vh;
	background-color:  white;
}
.main-container {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.bg1 {
	padding-bottom: 90px;
}


/* HEADER ** HEADER ** HEADER ** HEADER ** HEADER ** HEADER ** HEADER ** HEADER **  */

.header_mobile {
	height: 65px;
	position: fixed;
	width: 100%;
	margin: 0!important;
	-webkit-box-shadow: 0px 3px 18px -2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 18px -2px rgba(0,0,0,0.4);
	box-shadow: 0px 3px 18px -2px rgba(0,0,0,0.4);
	z-index: 9995;
}

.logo_holder {
	text-align: center;
}
.logo_holder img {
	width: 30px;
	margin-top: 22px;
}
.logo_holder img.logo  {
    display: inline-block;
}


.bars_holder {
	text-align: left;
}
.info_holder {
	text-align: right;
}
.circlebg {
	position: relative;
	width: 41px;
	height: 41px;
	border-radius: 50%;
	margin-top: 13px;
	display: inline-block;
}
.info_holder  a {
	position: absolute;
	top: -2px;
	left: 16px;
	font-size: 30px;
	color: #fff;
	font-style: normal;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
	text-decoration: none;
}
.info_holder .circlebg_x {
	display: none;
}
.info_holder.open .circlebg_x {
	position: relative;
	width: 41px;
	height: 41px;
	border-radius: 50%;
	margin-top: 13px;
	display: inline-block!important;
}
.info_holder.open  a {
	position: absolute;
	top: -2px;
	left: 10px;
	font-size: 30px;
	color: #000;
	font-style: normal;
	text-decoration: none;
}
.info_holder.open .circlebg {
	display: none;
}

.bars_holder .circlebg .nav-icon_holder {
	position: absolute;
	top: 3px;
	left: -4px;
	transform: scale(0.7, 0.7);
}

.mobile_page_holder {
	position: fixed;
	top: 65px;
	left: -100%;
	padding: 20px 25px 20px 25px;
	background-color: rgba(	36,33,48,0.99);
	width: 100%;
	height: 100vh;
	z-index: 9994;
	text-align: left;
}
.mobile_page_holder .title {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	padding: 20px 0px 10px 0px;
	text-transform: uppercase;
}
.mobile_page_holder .text {
	font-size: 16px;
	color: #fff;
	padding-bottom: 20px;
}
.mobile_page_holder .line {
	background:  #fff;
	width: 100%;
	height: 1px;
}

.mobile_menu_holder, .mobile_info_holder {
	position: fixed;
	top: 65px;
	left: -100%;
	padding: 40px 25px 0 25px;
	background-color: rgba(	36,33,48,0.9);
	width: 100%;
	height: 100vh;
	z-index: 9993;
	text-align: left;
}
.mobile_info_holder {
	left: 100%;

}
.mobile_menu_holder .button, .mobile_info_holder .button {
	text-decoration: none;
	font-size: 35px;
	line-height: 40px;
	color: #fff!important;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	padding: 18px 0px 18px 0px;
}
.mobile_menu_holder .line, .mobile_info_holder .line {
	background:  #fff;
	width: 100%;
	height: 1px;
}


/* HEADER VÉGE */
/* Feladvány alapok ** Feladvány alapok ** Feladvány alapok ** Feladvány alapok ** Feladvány alapok ** */



/* Arrow box */
.arrow_box1_holder {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 40px;
}

.arrow_box1 {
	display: inline-block;
	position: relative;
	background: #5e5870;
	border: 0px solid #c2e1f5;
	width: 60%;
	padding: 14px;
	font-size: 14px;
	font-style: italic;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.arrow_box1:after, .arrow_box1:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box1:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #5e5870;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box1:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
	border-width: 0px;
	margin-left: -36px;
}

.arrow_box2_holder {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 40px;
}

.arrow_box2 {
	display: inline-block;
	text-align: left;
	position: relative;
	background: #a1a1a1;
	border: 0px solid #a1a1a1;
	color: #fff;
	width: 86%;
	padding: 14px;
	font-size: 14px;
	font-style: italic;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.arrow_box2:after, .arrow_box2:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box2:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #a1a1a1;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box2:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
	border-width: 0px;
	margin-left: -36px;
}

.dirinfobutton_holder {
	font-size: 18px;
	margin-top: 3px;
}



/* Szövegek */
.title1 {
	margin-top: 24px;
	font-size: 28px;
	color: #fff;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
	text-align: center;
	padding-left: 7%;
	padding-right: 7%;
}

.q_text {
	padding-top: 5px;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	text-align: left;
	padding-left: 7%;
	padding-right: 7%;
	padding-bottom: 5px;
	width: 100%;
}
.bg2 .title1, .bg2 .q_text {
	color: #212121;
}


/* Képek */
.picholder {
	min-height: 50px;
	width: 100%;
	text-align: center;
	background-color: #ffde00;
	padding: 20px;
}
.picholder img {
	max-height: 300px;
	max-width: 100%;
}


/* Beviteli mezők */
.playcode_input_holder {
	margin-top: 40px;
	text-align: center;
}

.playcode_input_holder .playcode_input {
	border: 0px;
	border-bottom: 1px solid #fff;
	color: #fff;
	width: 60%;
	text-align: center;
	font-size: 55px;
	font-family: 'IBM Plex Sans', sans-serif;
	margin-bottom: 30px;
	background: rgba(255,255,255,0);
}
.playcode_input_holder .playcode_input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #aaa;
	font-style: italic;
	font-size: 24px;
}
.playcode_input_holder .playcode_input::-moz-placeholder { /* Firefox 19+ */
	color: #aaa;
	font-style: italic;
	font-size: 24px;
}
.playcode_input_holder .playcode_input:-ms-input-placeholder { /* IE 10+ */
	color: #aaa;
	font-style: italic;
	font-size: 24px;
}
.playcode_input_holder .playcode_input:-moz-placeholder { /* Firefox 18- */
	color: #aaa;
	font-style: italic;
	font-size: 24px;
}





/* Gombok */
.button_big {
	display: inline-block;
	width: auto;
	height: auto;
	min-height: 44px;
	font-size: 22px;
	padding: 6px 22px 6px 22px;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
}
.button_small {
	display: inline-block;
	width: auto;
	height: auto;
	font-size: 16px;
	padding: 6px 22px 6px 22px;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
}
.button-red, .button-1 {
	color: #fff;
	background:  #e31e25;
}
.button-grey, .button-2 {
	color: #fff;
	background:  #a1a1a1;
}
.button-yellow, .button-3 {
	color: #212121;
	background:  #ffde00;
}



/* Inventory */
.inventory_holder {
	position: fixed;
	bottom: -330px;
	left: 0%;
	width: 100%;
	height: 370px;
	text-align: center;
	color: #212121;
	z-index: 9980;
}


.inventory_bg {
	position: relative;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	margin-top: 40px;
	margin-left: -15%;
	background: #ffde00;
	width: 130%;
	padding-left: 15%;
	padding-right: 15%;
	height: 320px;
	text-align: center;

	-webkit-box-shadow: 0px -6px 14px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -6px 14px -8px rgba(0,0,0,0.75);
	box-shadow: 0px -6px 14px -8px rgba(0,0,0,0.75);
}

.inventory_inner {
	position: relative;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	margin-top: 0px;
	margin-left: -15%;
	width: 130%;
	height: 320px;
	text-align: center;
	overflow: hidden;
}


.inventory_content {

	position: absolute;
	top: 30px;
	left: 0%;
	width: 100%;
	height: 320px;
	text-align: center;
}
.inventory_content_bag {
	display: none;
	position: absolute;
	top: 38px;
	left: 0%;
	width: 100%;
	height: 320px;
	text-align: center;
}

.inventory_button {
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -45px;
	background-color: #ffde00;
	width: 90px;
	height: 45px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-repeat: no-repeat;
	background-size: 34px 26px;
	background-position: 50% 50%;
	text-align: center;
	-webkit-box-shadow: 0px -6px 14px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -6px 14px -8px rgba(0,0,0,0.75);
	box-shadow: 0px -6px 14px -8px rgba(0,0,0,0.75);
	z-index: 9990;
}
.inventory_button img {
	width: 30px;
	margin-top: 8px;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	-ms-transition: -ms-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
}
.inventory_button.open img {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}


.inventory_holder .title {
	font-size: 16px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.inventory_holder .item_holder_holder {
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
	max-width: 500px;
	margin: auto;
	font-size: 0px;
}

.inventory_holder .item_holder {
	vertical-align: top;
	display: inline-block;
	text-align: center;
	width: 28%;
	padding: 14px;
}
.inventory_holder .item_holder4 {
	vertical-align: top;
	display: inline-block;
	text-align: center;
	width: 20%;
	padding: 14px;
}
.inventory_holder .item_holder5 {
	vertical-align: top;
	display: inline-block;
	text-align: center;
	width: 20%;
	padding: 14px;
}
.inventory_holder  .item {
	position: relative;
}
.inventory_holder  .item img {
	width: 100%;
	max-width: 100px;
}
.inventory_holder .item_holder .item_name {
	padding-top: 13px;
	font-size: 16px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
}
.inventory_holder .item_holder4 .item_name {
	padding-top: 14px;
	font-size: 17px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
}
.inventory_holder .item_holder5 .item_name {
	padding-top: 12px;
	font-size: 14px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
}

.inventory_holder .backbutton_holder {
	position: absolute;
	text-align: center;
	bottom: 62px;
	width: 100%;
	height: 42px;
}

.inventory_holder .button_holder_holder {
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
}

.inventory_holder .button_holder {

	text-align: center;
}
.inventory_holder .button_holder1 {
	padding: 30px 0px 0px 14%;
}
.inventory_holder .button_holder2 {
	padding: 0px 3% 0px 7.5%;
}
.inventory_holder .button_holder3 {
	padding: 0px 7.5% 0px 3%;
}
.inventory_holder .button_holder4 {
	padding: 30px 14% 0px 0px;
}
.inventory_holder .button_holder .button {
	position: relative;
	width: 100%;
}
.inventory_holder .button_holder .button img {
	width: 100%;
	max-width: 85px;
}
.inventory_holder .button_holder .button_name {
	padding-top: 13px;
	font-size: 16px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
}
.inventory_holder .button_holder .helpnum {
	position: absolute;
	width: 100%;
	top: 34px;
	font-size: 20px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
}



.inventory_holder .stepcounter_holder {
	padding-top: 10px;
	padding-left: 18%;
	padding-right: 18%;
}
.inventory_holder .stepcounter_holder .stepcount {
	padding-top: 0px;
	font-size: 26px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
}
.inventory_holder .stepcounter_holder .stepcount .mainnum {
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
.inventory_holder .stepcounter_holder .stepcount .slash {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	vertical-align: middle;
	margin-top: 2px;
	margin-left: 4px;

}
.inventory_holder .stepcounter_holder .stepcount .allnum {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	text-transform: uppercase;
	vertical-align: middle;
	margin-top: 2px;
}
.inventory_holder .stepcounter_holder .stepslider {
	width: 100%;
}


.inventory_holder .stepcounter_holder .stepslider_holder {
	position: relative;
	padding-top: 20px;
	width: 100%;
	height: 50px;
    /* background-color: rgba(255,0,0,0.1); */
}
.inventory_holder .stepcounter_holder .stepslider, .inventory_holder .stepcounter_holder .stepslider_full {
	position: absolute;
	top: 8px;
	left: 0px;
	width: 100%;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 2px solid #212121;
	height: 10px;
}
.inventory_holder .stepcounter_holder .stepslider_full {
	background-color: #212121;
	width: 60%;
}
.inventory_holder .stepcounter_holder .stepslider_circle {
	position: absolute;
	background-color: #212121;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	top: 4px;
	left: 60%;
	margin-left: -10px;
}



/* PlayerList */

.playerList {
}

.playerListRow {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	border-bottom: 1px solid #666;
	padding-top: 1vh;
	padding-bottom: 1vh;
}

.playerList .playerName {
	width: 70%;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
}
.playerList .playerStatus {
	width: 30%;
	font-size: 12px;
	text-align: right;
}


/* Cover-ek */

.cover {
	display: none;
	position: fixed;
	top: 65px;
	left: 0;
	padding: 0;
	background-color: rgba(	33,33,33,0.85);
	width: 100%;
	height: calc(100vh - 65px);
	padding-bottom: 30px;
	overflow: hidden;
	z-index: 9990;
	text-align: center;
	opacity: 1;
}

.cover_result_ok {
	display: none;
	position: fixed;
	top: 65px;
	left: 0;
	padding: 0;
	background-color: rgba(	33,33,33,0.85);
	width: 100%;
	height: calc(100vh - 65px);
	z-index: 9991;
	text-align: center;
	opacity: 1;
}

.cover_system {
	display: none;
	position: fixed;
	top: 65px;
	left: 0;
	padding: 0;
	background-color: rgba(	33,33,33,1);
	width: 100%;
	height: calc(100vh - 65px);
	z-index: 9993;
	text-align: center;
	opacity: 1;
}

.cover_playername {
	display: none;
	position: fixed;
	top: 65px;
	left: 0;
	padding: 0;
	background-color: rgba(	33,33,33,1);
	width: 100%;
	height: calc(100vh - 65px);
	z-index: 9994;
	text-align: center;
	opacity: 1;
}

.cover_alert {
	display: none;
	position: fixed;
	top: 65px;
	left: 0;
	padding: 0;
	background-color: rgba(	33,33,33,0.85);
	width: 100%;
	height: calc(100vh - 65px);
	padding-bottom: 30px;
	overflow: hidden;
	z-index: 9992;
	text-align: center;
	opacity: 1;
}



/* felugró ablakok */
.window1 {
	position: relative;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;
	overflow: hidden;
	margin: auto;
	margin-top: 20px;
	/* height: calc(100% - 120px); */
	max-height: 75%;
	min-height: 100px;
	width: 78%;
	min-width: 300px;

	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;

	display: none;



    flex-flow: column;
	-webkit-flex-flow: column;
    align-items: stretch;
}




.window1 .title_holder {
	background: #ffde00;
	color: #212121;
	padding-top: 3px;
	width: 100%;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
	min-height: 47px;
	flex-basis: 47px;
	-webkit-flex-basis: 47px;
-webkit-box-flex:  0 1 auto;
  -moz-box-flex:   0 1 auto;
  -webkit-flex:   0 1 auto;
  -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.window1  .window_content_holder {
-webkit-box-flex:  1 1 auto;
  -moz-box-flex:   1 1 auto;
  -webkit-flex:   1 1 auto;
  -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto;
}

.window1  .window_content {
	background-image: url('../images/basic/bg-window-yellow.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 28px 20px 78px 20px;
	font-weight: 600;
	font-size: 18px;
	color: #212121;
}


.window1 .window_close {
	position: absolute;
	top: 6px;
	right: 15px;
	color: #212121;
	font-size: 22px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
	cursor: pointer;
}
.window1 .window_close2 {
	position: absolute;
	top: 6px;
	right: 15px;
	color: #212121;
	font-size: 22px;
	width: 34px;
	height: 34px;
	text-align: center;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
	cursor: pointer;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

}


.window1  .window_content .icon_holder {
	position: relative;
	height: 57px;
	padding-bottom: 3px;
	margin-bottom: 16px;
}
.window1  .window_content .icon_holder img {
	height: 57px;
}
.window1  .window_content .icon_holder .helpnum {
	position: absolute;
	width: 100%;
	top: 7px;
	font-size: 20px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
	text-align: center;
}
.window1  .window_content .helptext, .cover .window1  .window_content .text {
	padding: 10px 0px 0px 0px;
}
.window1  .window_content .wrongtext {
	font-size: 18px;
	font-weight: 600;
	padding: 20px 0px 20px 0px;
}
.window1  .window_content .helptext_plus {
	padding: 10px 0px 0px 0px;
	font-size: 28px;
	line-height: 28px;
	font-weight: 700;
	font-family: 'IBM Plex Sans', sans-serif;
	text-align: center;
	height: auto;
}

.window1  .window_content .window1_button_holder {
	padding-top: 40px;
}

.window1  .window_content .oktext {
	font-size: 18px;
	font-family: 'IBM Plex Sans', sans-serif;
	text-align: center;
	height: auto;
	padding-top: 6px;
}

.window1  .window_content .result_title {
	font-size: 18px;
	font-weight: 700;
	font-family: 'IBM Plex Sans', sans-serif;
	text-align: center;
	height: auto;
	padding-top: 32px;
	padding-bottom: 16px;
}

.window1  .window_content .star_holder {
	position: relative;
	width: 100%;
	max-width: 260px;
	text-align: center;
	height: 80px;
	margin: auto;
}
.window1  .window_content .star_holder img {
	position: absolute;
	width: 28%;
	top: 0px;
}
.window1  .window_content .star_holder #star1 {
	left: 0;
}
.window1  .window_content .star_holder #star2 {
	left: 36%;
}
.window1  .window_content .star_holder #star3 {
	right: 0;
}

.window1  .window_content .result_point {
	font-size: 34px;
	font-weight: 700;
	font-family: 'IBM Plex Sans', sans-serif;
	text-align: center;
	height: auto;
	padding-top: 4px;
}

.window1  .window_content .result_better {
	font-size: 15px;
	text-align: center;
	height: auto;
	padding-top: 20px;
}

.window1  .window_content .result_holder {
	text-align: center;
	height: auto;
	padding-top: 20px;
}
.window1  .window_content .result_holder .result_time {
	height: 65px;
	width: auto;
	margin-top: 4px;
	margin-bottom: 7px;
}
.window1  .window_content .result_holder .result_help {
	height: 62px;
	width: auto;
	margin-top: 6px;
	margin-bottom: 8px;
}
.window1  .window_content .result_holder .result_wrong {
	height: 79px;
	width: auto;
	margin-top: -3px;
	margin-bottom: 0px;
}
.window1  .window_content .result_holder .subtext {
	font-size: 15px;
	line-height: 17px;
	min-height: 37px;
	font-weight: 700;
	font-family: 'IBM Plex Sans', sans-serif;
	text-align: center;
	height: auto;
	padding-top: 5px;
}
.window1  .window_content .result_holder .subtext_result {
	font-size: 33px;
	font-weight: 700;
	font-family: 'IBM Plex Sans', sans-serif;
	text-align: center;
	height: auto;
	padding-top: 3px;
}
.window1  .window_content .continue_text {
	font-size: 14px;
	font-family: 'IBM Plex Sans', sans-serif;
	text-align: center;
	height: auto;
	padding-top: 12px;
	font-style: italic;
}





/* Felugró ablakok áttetsző */

.window2 {
	position: relative;
	display: none;
	overflow: hidden;
	margin: auto;
	margin-top: 15px;
	height: calc(100% - 30px);
	min-height: 100px;
	width: 100%;
	padding: 0 3% 0 3%;
}
.window2 .title_holder {
	color: #fff;
	width: 100%;
	text-align: left;
	font-size: 30px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
	font-family: 'IBM Plex Sans', sans-serif;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
}
.window2 .window_close {
	position: absolute;
	top: -7px;
	right: 3%;
	color: #fff;
	font-size: 35px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
	cursor: pointer;
}
.window2  .window_content_holder {
	height: 100%;
	max-height: 80%;
	overflow-y: hidden;
	overflow-x: hidden;
}

.window2  .window_content {
	background: url('https://play3.thelandventure.com/plugins/page/images/bg-window-yellow.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 28px 20px 28px 20px;
	width: 70%;
	margin: auto;
	height: 100%;
	font-weight: 600;
	font-size: 18px;
	color: #212121;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}


/* áttetsző görgethető */

/*.window2 {
	position: relative;
	display: none;
	overflow: hidden;
	margin: auto;
	margin-top: 15px;
	height: calc(100% - 30px);
	min-height: 100px;
	width: 100%;
	padding: 0 3% 0 3%;
}
.window2 .title_holder {
	color: #fff;
	width: 100%;
	text-align: left;
	font-size: 30px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
	font-family: 'IBM Plex Sans', sans-serif;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
}
.window2 .window_close {
	position: absolute;
	top: -7px;
	right: 3%;
	color: #fff;
	font-size: 35px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
	cursor: pointer;
}
.window2  .window_content_holder {
	height: 100%;
	max-height: 80%;
	overflow-y: hidden;
	overflow-x: hidden;
}

.window2  .window_content {
	background: url('https://play3.thelandventure.com/plugins/page/images/bg-window-yellow.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 28px 20px 28px 20px;
	width: 70%;
	margin: auto;
	height: 100%;
	font-weight: 600;
	font-size: 18px;
	color: #212121;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

*/




.window3 {
	position: relative;
	overflow: hidden;
	margin: auto;
	margin-top: 20px;
	/* height: calc(100% - 120px); */
	max-height: 85%;
	min-height: 100px;
	min-width: 300px;

	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
	display: none;
    flex-flow: column;
	-webkit-flex-flow: column;
    align-items: stretch;

	margin-top: 15px;
	width: 100%;
	padding: 0 3% 0 3%;

}




.window3 .title_holder {


	color: #fff;
	width: 100%;
	text-align: left;
	font-size: 30px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;

	min-height: 47px;
	flex-basis: 47px;
	-webkit-flex-basis: 47px;
-webkit-box-flex:  0 1 auto;
  -moz-box-flex:   0 1 auto;
  -webkit-flex:   0 1 auto;
  -ms-flex: 0 1 auto;
    flex: 0 1 auto;


}

.window3  .window_content_holder {
-webkit-box-flex:  1 1 auto;
  -moz-box-flex:   1 1 auto;
  -webkit-flex:   1 1 auto;
  -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto;
}

.window3  .window_content {
	background: url('https://play3.thelandventure.com/plugins/page/images/bg-window-yellow.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 4% 1.5% 4% 1.5%;
	width: 100%;
	margin: auto;
	height: 100%;
	font-weight: 600;
	font-size: 18px;
	color: #212121;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;


}


.window3 .window_close {
	position: absolute;
	top: -7px;
	right: 3%;
	color: #fff;
	font-size: 35px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
	cursor: pointer;
}







/* bag */

.animate_scale1_2 {
	animation: scale1_2 0.5s;
}
@keyframes scale1_2 {
	0% {transform:scale(1);}
	50% {transform:scale(1.2);}
	100% {transform:scale(1);}
}



/* dirinfo after success */
.dirinfo_after_success_holder {
	display: none;
	font-size: 16px;
	font-style: italic;
	padding: 20px;
}


/* legvége eredmény */

.final_result_holder {
	text-align: center;
	height: auto;
	margin: auto;
	padding-top: 50px;
	max-width: 85%;
	min-width: 320px!important;

}
.final_result_holder .col-6 {
	padding-bottom: 30px;
}
.final_result_holder .result_time {
	height: 80px;
	width: auto;
	margin-top: 4px;
	margin-bottom: 7px;
}
.final_result_holder .result_help {
	height: 72px;
	width: auto;
	margin-top: 6px;
	margin-bottom: 8px;
}
.final_result_holder .result_wrong {
	height: 88px;
	width: auto;
	margin-top: -3px;
	margin-bottom: 0px;
}
.final_result_holder .subtext {
	font-size: 15px;
	line-height: 17px;
	min-height: 27px;
	font-weight: 700;
	font-family: 'IBM Plex Sans', sans-serif;
	text-align: center;
	height: auto;
	padding-top: 7px;
	color: #fff;
}
.final_result_holder .subtext_result {
	font-size: 32px;
	line-height: 34px;
	font-weight: 700;
	font-family: 'IBM Plex Sans', sans-serif;
	text-align: center;
	height: auto;
	padding-top: 0px;
	color: #fff;
}
.final_star_holder {
	padding-top: 50px;
	position: relative;
	width: 90%;
	text-align: center;
	max-width: 450px;
	min-height: 140px;
	padding-bottom: 10px;
	margin: auto;
}
.final_star_holder img {
	position: absolute;
	width: 28%;
	top: 0px;
}
.final_star_holder #star1 {
	left: 0;
}
.final_star_holder #star2 {
	left: 36%;
}
.final_star_holder #star3 {
	right: 0;
}

.final_result_better {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	height: auto;
	padding: 30px 20px 30px 20px;
	//background-color: #ffde00;
	color: #000;
	width: 100%;
}
.final_result_better span {
	display: block;
	font-size: 65px;
	line-height: 68px;
	margin-bottom: 3px;
}
.final_result_text {
	padding-top: 40px;
	padding-bottom: 20px;
	display: block;
	max-width: 70%;
	margin: auto;
	min-width: 250px;
	color: #fff;
	text-align: center;
}
.final_result_coupon_holder {
	display: block;
	max-width: 70%;
	padding: 40px 10px 40px 10px;
	margin: auto;
	min-width: 250px;
	color: #fff;
	font-size: 40px;
	text-transform: uppercase;
	border: 1px dashed #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
}

/* padlock */

.padlock_holder {
	box-sizing: border-box;  background: none; height: 140px; width: 90%; padding: 20px 10px 10px 10px; margin-left:5%; margin-right: 5%; position: relative; text-align:  center;
}
.padlock_holder .padlock_shadow {
	position: absolute; top: 0px; left: 0px; height: 110px; width: 48px;
	background-image: url('https://play3.thelandventure.com/games/game_def/images/lock_shadow.png');
	background-repeat: no-repeat; background-size: 100% 100%;
	pointer-events: none;
	//background: rgba(255,0,0,0.5);
	border: 1px solid #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

}


/* dirlock */

.dirlock_holderbox_top {
	height: 72px; width: 58px;  position: absolute; top: 0px; left: 71px;
	border: 1px solid #fff;
	border-bottom: 0px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.dirlock_holderbox_bottom {
	height: 72px; width: 58px;   position: absolute; top: 128px; left: 71px;
	border: 1px solid #fff;
	border-top: 0px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.dirlock_holderbox_left {
	height: 58px; width: 72px;  position: absolute; top: 71px; left: 0px;
	border: 1px solid #fff;
	border-right: 0px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.dirlock_holderbox_right {
	height: 58px; width: 72px;  position: absolute; top: 71px; left: 128px;
	border: 1px solid #fff;
	border-left: 0px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.dirlock_cursor {
	width: 50px;
	height: 50px;
	background: url('https://play3.thelandventure.com/plugins/page/images/directionlock_cursor.png');
}








/* nav-icon */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
	width: 50px;
	height: 35px;
	position: relative;
	margin: 0px 0px 0px 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;

	-ms-transform: scale(0.7, 0.7); /* IE 9 */
	-webkit-transform: scale(0.7, 0.7); /* Safari */
	transform: scale(0.7, 0.7);

}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
	display: block;
	position: absolute;
	height: 7px;
	width: 100%;
	border-radius: 7px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;


}


/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
	top: 14px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
	top: 28px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -4px;
	left: 8px;
}

#nav-icon4.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 32px;
	left: 8px;
}



/* egyebek */

.noselect {
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;
}


/*jquery ui LOADER szöveg miatt */
.ui-loader-default {
	display: none;
}


/* input_select == gomb választós **  input_select == gomb választós **  input_select == gomb választós ** */
.truefalse_button_holder {
    text-align: center;
    padding: 10px 0px 10px 0px;
}
.button_truefalse {
    position: relative;
    display: inline-block;
    width: 75%;
    height: auto;
    text-align: left;
    min-height: 44px;
    font-size: 22px;
    padding: 6px 22px 6px 22px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: normal;
    font-family: 'IBM Plex Sans', sans-serif;
    color: #243540;
    -webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.button_truefalse .false {
    position: absolute;
    top: 6px;
    right: 20px;
    font-weight: normal;
    font-family: 'IBM Plex Sans', sans-serif;
    color: #b93434;
    opacity: 1;
    -webkit-transition: opacity 0.3s; /* Safari */
    transition: opacity 0.3s;
}
.button_truefalse .true {
    position: absolute;
    top: 6px;
    right: 20px;
    font-weight: normal;
    font-family: 'IBM Plex Sans', sans-serif;
    color: #34b34c;
    opacity: 0;
    -webkit-transition: opacity 0.3s; /* Safari */
    transition: opacity 0.3s;
}
.button_truefalse.active .false {
    opacity: 0;
}
.button_truefalse.active .true {
    opacity: 1;
}




/* Patternchoice MultiQ */

.window1  .window_content.multi_q_window {
    background: #2c3b48;
}

.multi_q_row {
    padding:10px 0px 30px 0px;
    margin: 0 10px;
    border-bottom: 1px solid #000;

}
.window_content .multi_q_row {
    padding:0px ;
    display: -webkit-box;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
 	-ms-flex-wrap: wrap;
 	    flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    border-bottom: 0px solid #000;
	max-width: 100%;
}
.window_content .multi_q_box {
    position: relative;
    width: 46%;
    padding: 6px 2% 6px 2%;
    border: 1px solid rgba(255,255,255,0.5);
    background: none;
    margin: 2%;
}

.window_content .multi_q_box img {
    max-width: 90%;
    max-height: 95%;
}

.multi_q_box {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 75px;
    padding: 6px 2% 6px 2%;
    border: 1px solid rgba(0,0,0,0.7);
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
}

.multi_q_box .question_mark {
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 16px;
    color: #fff;
}
.multi_q_row .col-3 {
    padding-left: 5px;
    padding-right: 5px;
}
.window_content .multi_q_row .col-6 {
    padding-left: 5px;
    padding-right: 5px;
}
.multi_q_box.active {
    background: black;
    border: 1px solid rgba(255,255,255,1);
    color: #fff;
}





/* QuiZ kviz */


.quiz_result_holder {
    padding: 20px;
    text-align: center;
}


.quiz_question {
    font-size: 20px;
    font-weight: bold;
    color: #243540;
    text-align: center;
    padding: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
}


.quiz_explain {
    font-size: 18px;
    font-weight: bold;
    color: #258f04;
    text-align: center;
    padding: 0px 20px 0px 20px;
}

.quiz_alert {
    font-size: 14px;
    font-weight: normal;
    color: #1b1e21;
    text-align: center;
    padding: 5px 20px 5px 20px;
	display: none;
}

.quiz_result_holder .dot {
    display: inline-block;
    height: 22px;
    width: 22px;
    border: 5px solid #f28080;
    max-width: 100%;
    border-radius: 50%;
    background: none;
    margin: 0px 5px 0px 5px;
}
.quiz_result_holder .dot.active {
    background: #f28080;
}

.quiz_button_holder {
    text-align: center;
}

.button_quiz_holder {
    padding: 10px;
}

.button_quiz {
    display: inline-block;
    width: 75%;
    height: auto;
    min-height: 44px;
    font-size: 22px;
    padding: 6px 22px 6px 22px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: normal;
    font-family: 'IBM Plex Sans', sans-serif;
    background-image: URL('https://play3.thelandventure.com/plugins/page/images/Game2/quiz_button_bg.jpg');
    background-size: cover;
    color: #fff;
    -webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.button_quiz.ok {
    background: #217a02;
    color: #fff;
}
.button_quiz.wrong {
    background: #b10101;
    color: #fff;
}






















.apxCarousel {
	display: -webkit-flex; /* Safari */
	display: flex;
	height: auto;
	min-height: 200px;
	width: 100%;
}

.apxCarousel .arrow-holder {
	-webkit-flex-shrink: 0; /* Safari 6.1+ */
	flex-shrink: 0;
	-webkit-flex-basis: 40px; /* Safari 6.1+ */
	flex-basis: 40px;
	height: 100%;
	display: -webkit-flex; /* Safari */
	display: flex;
	align-items: center;
	opacity: 0.4;
	-webkit-transition: opacity 0.5s; /* Safari */
	transition: opacity 0.5s;

	margin-top: 50%;
}

.apxCarousel .arrow-holder img {
	max-width: 17px;
}

.apxCarousel .arrow-holder:hover {
	opacity: 1;
}

.apxCarousel .arrow-holder div {
	width: 100%;
}


.apxCarousel .arrow-holder-left {
	text-align: left;
}
.apxCarousel .arrow-holder-right {
	text-align: right;
}

.apxCarousel .carousel-holder {
	-webkit-flex-shrink: 1; /* Safari 6.1+ */
	flex-shrink: 1;

	-webkit-flex-basis: 1920px; /* Safari 6.1+ */
	flex-basis: 1920px;
	height: 100%;
	overflow: hidden;
}

.apxCarousel .carousel-holder .carousel-inner {
	height: 100%;

	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: space-between;

}

.apxCarousel .carousel-holder .carousel-inner3 {
	width: 166%;
	margin-left: -33%;
}
.apxCarousel .carousel-holder .carousel-inner2 {
	width: 200%;
	margin-left: -50%;
}
.apxCarousel .carousel-holder .carousel-inner1 {
	width: 300%;
	margin-left: -100%;
}


.apxCarousel .carousel-holder .carousel-inner .item {
	display: inline-block;
	height: 100%;
}
.apxCarousel .carousel-holder .carousel-inner3 .item {
	width: 17%;
}
.apxCarousel .carousel-holder .carousel-inner2 .item {
	width: 23%;
}
.apxCarousel .carousel-holder .carousel-inner1 .item {
	width: 33.3333%;
}

.apxCarousel .carousel-holder .carousel-inner .item {
	text-align: center;
}

.apxCarousel .apxcarousel-indicators {
	margin-top: 28px;
	width: 100%;
	height: 50px;
	text-align: center;
}
.apxCarousel .apxcarousel-indicators  .indicator {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 4px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: none;
	border: 1px solid #fff;
	-webkit-transition: background-color 0.5s; /* Safari */
	transition: background-color 0.5s;
}
.apxCarousel .apxcarousel-indicators  .indicator.active {
	background-color: #fff;
}
.apxCarousel .apxcarousel-indicators  .indicator:hover {
	background-color: #fff;
}






.apxCarousel-ingame {
	position: relative;
	background-color: #aaa;
	height: auto !important;
}

.apxCarousel.apxCarousel-ingame .arrow-holder {
	display: block;
	position: absolute;
	z-index: 8000;
	height: 34px;
	top: 50%;
	margin-top: -17px;
	opacity: 1;
}
.apxCarousel.apxCarousel-ingame .carousel-holder .carousel-inner {
	background-color: #ffde00;

}
.apxCarousel.apxCarousel-ingame .arrow-holder-left {
	left: 0px;
	width: 20px;
	text-align: center;
}
.apxCarousel.apxCarousel-ingame .arrow-holder-right {
	right: 0px;
	width: 20px;
	text-align: center;
}
.apxCarousel.apxCarousel-ingame .arrow-holder-left div, .apxCarousel.apxCarousel-ingame .arrow-holder-right div {

}
.apxCarousel.apxCarousel-ingame .item-ingame {
	width: 100%;
	position: relative;
	text-align: center;
}
.apxCarousel.apxCarousel-ingame .item-ingame img {
	max-width: 100%;
	max-height: 340px;
}
.apxCarousel.apxCarousel-ingame .item-ingame .abstext {
    position: relative;
    display: block;
    padding-top: 0px;
    font-size: 16px;
    font-weight: bold;
    font-family: 'IBM Plex Sans', sans-serif;
    text-align: center;
    margin-top: -10px;
    padding-bottom: 12px;

}


.apxCarousel.apxCarousel-ingame .item-ingame .bottomtext {
	position: relative;
	display: block;
	padding-top: 0px;
	font-size: 16px;
	font-weight: bold;
	font-family: 'IBM Plex Sans', sans-serif;
	text-align: center;
	margin-top: -10px;
	padding-bottom: 12px;
}
.apxCarousel.apxCarousel-ingame .apxcarousel-indicators {
	margin-top: 0px;
	width: 100%;
	background-color: #ffde00;
	height: 30px;
	text-align: center;
}


.cover .window2#window_passport .apxCarousel {
	padding-top: 20px;
}

.cover .window2#window_passport .apxCarousel .arrow-holder {
	-webkit-flex-basis: 30px!important; /* Safari 6.1+ */
	flex-basis: 30px!important;
	z-index: 9991;
}

.cover .window2 .pp_page_holder .pp_stamps {
	max-width: 100%;
	max-height: 100%;
}



.fullcover {

	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	padding: 0;
	background-color: rgba(	33,33,33,0.9);
	width: 100%;

	z-index: 9996;
	text-align: center;
	opacity: 1;
	overflow-y:hidden;
	overflow-x:hidden;
}

.fullcover .tutorial_text {
	display: none;
	position: absolute;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	width: 300px;
	height: auto;
	padding: 10px;
	z-index: 9993;
}

.fullcover .tutorial_arrow {
	position: absolute;
	display: none;
	z-index: 9992;
}

.fullcover .blurred {
	color: transparent;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#alreadyreloaded {
	display: none;
}
#cursteplgid, #gamedir {
	display: none;
}



@media screen and (max-width: 400px) {
	.playcode_input_holder .playcode_input {
		width: 75%;
		font-size: 35px;
	}


}


.rate-stars  {
	margin-bottom: 10px;
}

.rate-stars img {
	max-width: 12%;
	max-height: 35px;
}
.rate-stars select {
	background: #fff;
	color: #000;
}
#rate_msg {
	width: 100%;
	border: 1px solid #999;
	height: 70px;
	font-size: 14px;
}

.errormsg {
	color: #aa0000;
}

.ui-select span {
	display: none!important;
}


.photoframe_choose {
	background: white; padding: 5px; border: 2px solid #fff; opacity: 0.6;
}
.photoframe_choose.active {
	border: 2px solid #aaa;
	opacity: 1;
}


.smartphoto-header {
	top: 60px!important;
	z-index: 9999!important;
}
.smartphoto {
	z-index: 9998;
}