@charset "utf-8";
/* CSS Document 
 * mobile menu width: 900px & 600px 
 */

.top-nav {
  --height: 				90px;
  --height-fixed: 			50px;
  --space: 					20px;
  --gap: 					1em;
  --font-size: 				17px;
  --font-size-fixed:		15px;
  --arrow-dn:				16px;
  --primiem-crown:			20px;
  --primiem-crown-fixed:	20px;
  
  --sub-menu-arw-height:	45px;
  --games-box-width:		800px;
  --games-pos-left:			109px;
  --games-pos-left-fixed:	100px;
  --games-arw-pos-left:		165px;
  --member-box-width:		400px;
  --member-pos-right:		calc(var(--space) + 35px);
  --member-pos-right-fixed:	calc(var(--space) + 25px);
  --member-arw-pos-right:	0;
  
  z-index:4;
}


#tsBar { z-index:5; background:#000; padding:3px 0; text-align:left; color:#FFF; }

/* sponsor 
#inviteBy { color:#FFF; text-align:center; }
#inviteBy > span,
#inviteBy > a { display:block; color:#FFF; font-size:0.8em; padding:5px 0; }
#inviteBy > a { text-decoration:none; }
#inviteBy > a:hover { background:#FFD24D; color:#000; }
*/

/*
#loggedInAs,
#topAccBalance,
#topUsrCashback { display:inline-block; font-size:13px; padding:4px 1.5em; }
#topUsrCashback,
#topAccBalance { background:#B7C4D0; color:#222; }
*/

/* header */
#header,
header,
#mobileHd { background:#28006A; height:var(--height); }
header {
	margin:0;
	padding:0;
	width:100%;
	z-index:100;
}
.hd-fixed header { 
	position:fixed;
	top:0;
	height:var(--height-fixed);
	padding:0;
	box-shadow:0 1px 4px #000;
}
header .container { padding:0 var(--space); }

@media only screen and (min-width: 1640px) {
	#mainNav { padding:0 !important; }
}

/* header - using css flex */
.hd-nav { display:flex; flex-direction:row; justify-content:space-between; align-items:start; height:100%; }

.nav-logo { display:block; text-align:center; }

.logo,
a.logo  					{ display:block; height:100%; max-height:90px; }
a.logo  					{ text-decoration:none; }
.logo img 					{ height:var(--height); display:block; }
.logo img.logo-full			{}
.logo img.logo-long			{ display:none; }
.hd-fixed header .logo img 	{ height:var(--height-fixed); }
.hd-fixed .logo img.logo-full { display:none; }
.hd-fixed .logo img.logo-long { display:block; }

.hd-nav 					{ font-size:var(--font-size); }
.hd-fixed header .hd-nav 	{ font-size:var(--font-size-fixed); }

/* main nav - using css flex */
.hd-nav ul {
	display:flex; flex-direction:row; justify-content:center; align-items:center; gap:var(--gap);
	list-style:none; padding:0; margin:0; height:var(--height); line-height:100%;
}
.hd-fixed header .hd-nav ul { height:var(--height-fixed); }
.hd-nav-lt ul { justify-content:left; }
.hd-nav-rt ul { justify-content:right; }

.hd-nav ul > li { padding:0; margin:0; height:100%; text-align:center; }

.hd-nav ul > li.gap 				{ width:1em; }
.hd-nav ul > li > a 				{ display:flex; align-items:center; height:100%; }
.hd-nav ul > li.nav-txt 			{}
.hd-nav ul > li.nav-btn a 			{ text-decoration:none; text-transform:none; margin:0 auto; font-weight:500; color:#FFF; }
.hd-nav ul > li.nav-btn.selected a 	{}
.hd-nav ul > li.nav-btn > a:hover 	{ transition:linear 0.2s; }

#mainNav.hd-nav ul > li.nav-logo		{}

#mainNav.hd-nav ul > li.nav-logo > a	{ padding:0 var(--space) 0 0; }
#mainNav.hd-nav ul > li > a 			{}
#mainNav.hd-nav ul > li.nav-txt,
#mainNav.hd-nav ul > li.nav-btn a 		{ padding:5px 1em; background:none; color:#FFF; font-weight:500; }
#mainNav.hd-nav ul > li.selected > a 	{ /*background:#1E004F;*/ color:#FFF !important; font-weight:600; }

#mainNav.hd-nav ul > li.nav-premium > a { padding-left:0; padding-right:0; }
#mainNav.hd-nav ul > li > a > .btn-premium	{ display:inline-block; background:#FFF; border-radius:25px; margin:0 auto; padding:0.4em 1.5em;
											  padding-left:calc(1.5em + var(--primiem-crown));
											  color:#140035; }
#mainNav.hd-nav ul > li > a > .btn-premium::after {
	content:"";
	position:absolute;
	top:0;
	left:calc(var(--primiem-crown) * 0.75);
	width:var(--primiem-crown);
	height:100%;
	/*background:url(../images/icon/gold_crown_01.png) no-repeat center center;
	background:url(../images/icon/crown-gold.svg) no-repeat center center;*/
	background:url(../images/icon/bell_gold_01.svg) no-repeat center center;
	background-size:contain;
}
.hd-fixed #mainNav.hd-nav ul > li > a > .btn-premium { padding-left:calc(1.5em + var(--primiem-crown-fixed)); }
.hd-fixed #mainNav.hd-nav ul > li > a > .btn-premium::after { width:var(--primiem-crown-fixed)); left:calc(var(--primiem-crown-fixed) * 0.75); }

#mainNav.hd-nav ul > li.nav-games a { padding-right:calc(1.5em + var(--arrow-dn)); }
#mainNav.hd-nav ul > li.nav-games a::after {
	content:"";
	position:absolute;
	right:1em;
	width:var(--arrow-dn);
	top:50%;
	margin-top:calc(var(--arrow-dn) / -1.6);
	height:var(--arrow-dn);
	clip-path: polygon(10% 35%, 0% 45%, 50% 95%, 100% 45%, 90% 35%, 50% 75%);
	background-color: #FFF;
}
#mainNav.hd-nav ul > li.nav-games a:hover::after { background-color:#000; }
	
#mainNav.hd-nav ul > li.nav-btn > a:hover { background:#FFF !important; color:#008C00 !important; }

#mainNav.hd-nav ul > li.nav-btn-lang > a {}
#mainNav.hd-nav ul > li.nav-btn-lang > a .flag { display:inline-block; width:2em; height:1em; margin-right:0.3em; }
#mainNav.hd-nav ul > li.nav-btn-lang > a .flag img { display:block; position:absolute; left:0; top:-0.5em; height:2em; border-radius:50%; }
#mainNav.hd-nav ul > li.nav-btn-lang > a .flag-en {}

#mainNav.hd-nav ul > li.nav-btn-globe {}
#mainNav.hd-nav ul > li.nav-btn-globe img { display:block; width:2.5em; margin-top:1px; border-radius:50%; }

.hd-nav ul > li.social a { width:2em; height:2em; margin-left:0.2em; padding:0; }

/* user logged in */
.logged-in-user #mainNav.hd-nav .hd-nav-rt ul { gap:0.5em; }
.logged-in-user.hd-fixed #mainNav.hd-nav .hd-nav-rt ul { gap:0.2em; }
.logged-in-user #mainNav.hd-nav .hd-nav-rt ul > li.nav-btn > a { padding-left:0.5em; padding-right:0.5em; }

#mainNav.hd-nav ul > li.nav-mail > a > .btn-mail  		{ display:inline-block; background:#FFF; border-radius:25px; margin:0 auto;
														  width:34px; height:34px; color:#140035; }
#mainNav.hd-nav ul > li.nav-mail > a > .btn-mail > img 	{ display:block; position:absolute; border-radius:25px;
														  top:20%; left:20%; width:60%; height:60%; }
#mainNav.hd-nav ul > li.nav-user > a > .btn-user  		{ display:inline-block; background:#FFF; border-radius:25px; margin:0 auto;
														  width:50px; height:50px; color:#140035; overflow:hidden; }
#mainNav.hd-nav ul > li.nav-user > a > .btn-user > img 	{ display:block; position:absolute; border-radius:25px;
														  top:2px; left:2px; width:calc(100% - 4px); height:calc(100% - 4px) }

.hd-fixed #mainNav.hd-nav ul > li > a > .btn-mail { width:28px; height:28px; }
.hd-fixed #mainNav.hd-nav ul > li > a > .btn-user { width:30px; height:30px; }

/* Nav - Sub Menus */
#subNavBackground {
	display: none;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	z-index:99;
}
.hd-nav-sub-menu {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1001;
	opacity: 1;
	transition: ease-in 0.5s;
}
.hd-nav-sub-menu-x {
	display: block;
	position: absolute;
	top: -20px;
	right: -20px;
	width: 40px;
	height: 40px;
	background: #FFF;
	border:3px solid #FFF;
	border-radius:20px;
	cursor:pointer;
}
.hd-nav-sub-menu-x::after {
	content: "";
	display: block;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	background: #000;
	clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
}
.hd-nav-sub-menu-x:hover { background:#900; }
.hd-nav-sub-menu-x:hover::after { background:#FFF; }

.hd-nav-sub-menu-box {
	position:absolute;
	top:calc( var(--height) + var(--sub-menu-arw-height) + ( var(--space) / 2 ) );
	border-radius:10px;
	background:#FFF;
}
#navGames .hd-nav-sub-menu-box {
	padding:20px;
	left:var(--games-pos-left);
	width:var(--games-box-width);
}
#navMember .hd-nav-sub-menu-box {
	padding:1px;
	border-top-right-radius:0;
	right:var(--member-pos-right);
	width: var(--member-box-width);
}

.hd-fixed .hd-nav-sub-menu { position: fixed; }
.hd-fixed .hd-nav-sub-menu-box { top:calc( var(--height-fixed) + var(--sub-menu-arw-height) - 5px ); }
.hd-fixed #navGames .hd-nav-sub-menu-box { left:var(--games-pos-left-fixed); }
.hd-fixed #navMember .hd-nav-sub-menu-box { right:var(--member-pos-right-fixed); }

.hd-nav-sub-menu-box::before {
	content: "";
	display: block;
	position: absolute;
	background: #FFF;
	top: calc(1px - var(--sub-menu-arw-height));
	height: var(--sub-menu-arw-height);
}
#navGames .hd-nav-sub-menu-box::before {
	width: calc(var(--sub-menu-arw-height) * 2);
	left:  var(--games-arw-pos-left);
	clip-path: polygon(100% 100%, 50% 0%, 0% 100%);
}
#navMember .hd-nav-sub-menu-box::before {
	width: var(--sub-menu-arw-height);
	right: 0;
	clip-path: polygon(100% 100%, 100% 0%, 0% 100%);
}
.hd-nav-sub-menu-content { border-radius:10px; overflow:hidden; }

/* Sub Nav Games - list buttons */
#navGames .hd-nav-sub-menu-content {}
#navGames ul.hd-nav-sub-menu-list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:15px;
	
	list-style:none;
	margin:0;
	padding:0;
	
	text-align:center;
	color:#FFF;
	font-size:1em;
	line-height:140%;
}
#navGames ul.hd-nav-sub-menu-list li {
	width:calc(33.3% - 10px);
}
#navGames ul.hd-nav-sub-menu-list li a {
	display:block;
	width:100%;
	background:#999;
	border-radius:5px;
	padding:20px 10px;
	text-align:center;
	text-decoration:none;
}
#navGames .hd-nav-sub-menu-list li span { display:block; padding:4px 0; }
#navGames .hd-nav-sub-menu-list li .btn { font-size:12px; font-weight:700; text-transform:uppercase; width:170px; margin:10px auto 0; padding:8px 12px 7px; }

#navGames .hd-nav-game-hd				{ font-size:22px; font-weight:700; color:#FFF; text-shadow:0 1px 2px #888; padding-top:10px !important; }
#navGames .hd-nav-game-txt				{ font-size:14px; font-weight:400; color:#FFF; font-style:italic; }
#navGames .hd-nav-game-prize			{ font-size:38px; font-weight:500; color:#FFF; text-shadow:0 1px 2px #333; padding:12px 0 !important; }

#navGames #hdNavHappyBirthdates a 	{ background: linear-gradient(#FE4D91, #F9006C); }
#navGames #hdNavUkLotto a			{ background: linear-gradient(#F35001, #F33701); }
#navGames #hdNavEuroMillions a		{ background: linear-gradient(#0392D4, #0382BE); }
#navGames #hdNavBonusDraw a			{ background: linear-gradient(#1FE024, #16A01A); }
#navGames #hdNavPickMyPrize a		{ background: linear-gradient(#A601FD, #6F01A9); }
#navGames #hdNavWongaWords a		{ background: linear-gradient(#FFC62C, #F98300); }

#navGames #hdNavHappyBirthdates .hd-nav-game-prize 	{}
#navGames #hdNavUkLotto 		.hd-nav-game-prize	{ font-weight:700; }
#navGames #hdNavEuroMillions 	.hd-nav-game-prize	{ font-weight:700; }
#navGames #hdNavBonusDraw 		.hd-nav-game-prize	{}
#navGames #hdNavPickMyPrize 	.hd-nav-game-prize	{ font-weight:600; }
#navGames #hdNavWongaWords 		.hd-nav-game-prize	{}


/* Sub Nav Member - list buttons */
#navMember .hd-nav-sub-menu-content {}
#navMember .hd-nav-sub-menu-member { padding:1em; background:#EBF1FA; text-align:center; color:#525261; border-bottom:1px solid #59597D; }
#navMember .hd-nav-sub-menu-member > p { padding:5px 0; margin:0; }
#navMember .hd-nav-sub-menu-member-img {}
#navMember .hd-nav-sub-menu-member-img > a  		{ display:block; border-radius:50%; border:5px solid #FFF; margin:0 auto;
													  width:120px; height:120px; background:#FFF; color:#140035; overflow:hidden; }
#navMember .hd-nav-sub-menu-member-img > a > img 	{ display:block; position:absolute;
													  top:0; left:0; width:100%; height:100%) }
#navMember .hd-nav-sub-menu-member-hd 		{ font-size:1.4em; color:#000; font-weight:500; }
#navMember .hd-nav-sub-menu-member-username	{ font-size:0.9em; }
#navMember .hd-nav-sub-menu-member-email	{ font-size:0.7em; font-style:italic; }
#navMember ul.hd-nav-sub-menu-list {
	display:flex;
	flex-wrap:wrap;
	
	list-style:none;
	margin:0;
	padding:0;
	
	text-align:left;
	color:#555;
	font-size:1em;
	line-height:140%;
}
#navMember ul.hd-nav-sub-menu-list li {
	width:100%;
	border-top:1px solid #E3E3F9;
	padding:1px;
}

#navMember .nav-lt-link { display:none; }
	
#navMember ul.hd-nav-sub-menu-list li:first-of-type { border:none; }
#navMember ul.hd-nav-sub-menu-list li.nav-upgrade 	{ border-color:#59597D; background:#D7E9FF; }
#navMember ul.hd-nav-sub-menu-list li.nav-logout 	{ border-color:#59597D; background:#EBF1FA; }
#navMember ul.hd-nav-sub-menu-list li.nav-my-acc 	{ border-color:#59597D; }
#navMember ul.hd-nav-sub-menu-list li a {
	display:flex;
	align-items:center;
	gap:1em;
	width:100%;
	height:3.5em;
	padding-left:2em;
	color:#333;
	text-decoration:none;
}
#navMember ul.hd-nav-sub-menu-list li a img { display:block; width:1.5em; /*padding:4px 0;*/ }
#navMember ul.hd-nav-sub-menu-list li a .hd-nav-member-btn-txt { display:block; }

#navMember ul.hd-nav-sub-menu-list li a:hover { background:#60A7FF; }

#navMember .hd-nav-sub-menu-x { top:auto; bottom:-60px; right:calc(50% - 20px); }

/* user/member */
#navLoggout { display:none; }

/*
.hd-nav ul > li.social > a.facebook { background:#3B5998 url(../images/icon_facebook_wht.png) no-repeat center; background-size:contain; }
.hd-nav ul > li.social > a.instagram { background:#EA2C59 url(../images/icon_instagram_wht.png) no-repeat center; background-size:contain; }
.hd-nav ul > li.social > a.pintrest { background:#CB2027 url(../images/icon_pintrest_wht.png) no-repeat center; background-size:contain; }
*/

#menuBtn 				{ display:inline-block; width:var(--height); background:none; border:none; border-radius:4px; padding:10px 7px; cursor:pointer; }
#menuBtn .bar 			{ background:#FFF; border-radius:2px; height:4px; margin:5px; }
#menuBtn:hover 			{ background: #FFF; transition:linear 0.2s; }
#menuBtn:hover .bar		{ background: #000; }

.hd-fixed header #menuBtn 	{ padding:5px 0px; }
.hd-fixed header #menuBtn .bar { font-size:24px; }

#menuBtn { display:none; }


/* member logged in header */

/* Main Area */
#main {
	background:#F4F4FD;
	min-height:450px;
	line-height:150%;
	padding-top:2em;
	padding-bottom:4em;
}
#main .noJs { color:#FFF; }
#main .noJs a.btn {
	background:#FFF;
	border-color:#FFF;
	color:#333;
}

/* intro 
#intro 					{}
#intro .txt-col			{ padding:2em 1em; }
#intro .txt-col p		{ max-width:800px; margin:1em auto; line-height:170%; font-weight:300; font-size:calc(1em + 1px); }
#intro .txt-col p.line1	{ font-size:calc(1em + 4px); }
#intro .txt-col p.line2	{ font-size:calc(1em + 2px); }
*/

/* Info Section */
#info {
	--min-height: 	280px;
	--width: 		80%;
	--max-width: 	1000px;
	--hd-size:		33px;
	--txt-size:		16px;
	--padding:		30px;
	--margin:		50px;
	--img-width:	250px;
}
#info { 
	background:#35A8E0;
	/*background: linear-gradient(#73DCFF, #FFF);
	background: linear-gradient(#35A8E0, #35A8E0 75%, #7FCDEF);*/
	background-image: linear-gradient(to top, #7FCDEF, #35A8E0 300px, #35A8E0);
	font-size: var(--txt-size);
	padding:var(--padding) 0 1px;
}

#info .info-faq		{ color:#FFF; line-height:170%; font-weight: 400;
					  width:var(--width); max-width:var(--max-width); min-height:var(--min-height); margin:var(--margin) auto;
					  padding: var(--padding) 1em  var(--padding) calc( var(--img-width) + var(--padding));
					  background-position:center left; background-repeat:no-repeat; background-size:var(--img-width); }
#infoCost			{ background-image:url(../images/faq/info_free.png); }
#infoAdCorp 		{ background-image:url(../images/faq/info_ad_corp.png); }
#infoEntries 		{ background-image:url(../images/faq/info_entries.png); }
#infoPlay 			{ background-image:url(../images/faq/info_play.png); }
#infoWin	 		{ background-image:url(../images/faq/info_win.png); }

#info .info-faq h2,
#info .info-faq h3,
#info .info-faq h4 	{ font-size:var(--hd-size); color:#FFF; font-weight:600; padding:var(--padding) 0 0; margin:0; }
#info .info-faq p 	{ padding:0.5em 0; margin:0; }
#info .info-faq em 	{ display:block; font-size:14px; font-weight:300; font-style:italic; padding:3px 0; }
#info .info-faq a 	{ color:#FFC; }
#info .info-faq a:hover { color:#F90; }
#info .info-faq .btn,
#info .info-faq a.btn 	{ color:#D11666; background:#FFF; font-weight:700; font-size:calc(var(--txt-size) - 1px); }
#info .info-faq a.btn:hover {

}
/* ???
.infoSpace {
    margin: 100px auto 30px;
	max-height:120px;
	max-width:1200px;
    text-align: center;
}
#info.loggedIn .info-faq { padding:3em 0 1px; }*/

/*
#info .info-faq ul { padding:0 0 0.6em 2em; margin:-0.6em 0 0; }
#info .info-faq ul { width:550px; }
#info .info-faq ul li span { display:inline-block; }
#info .info-faq ul li span.listNo { width:8%; }
#info .info-faq ul li span.listDesc { width:68%; }
#info .info-faq ul li span.listEqual {}
#info .info-faq ul li span.listVal { width:12%; text-align:right; }
*/


#infoOptions {
	padding:15px 0 60px;
	text-align:center;
}
#infoOptions a {
	display:inline-block;
	background:#FFF;
	color:#4C768A;
	border: 1px solid #FFF;
	border-radius:45px;
	font-size:15px;
	text-decoration:none;
	padding:15px 30px 15px;
	margin:0 1em;
}
#infoOptions a b {
	display:block;
	font-size:2em;
	font-weight:900;
}
#infoOptions a:hover  {
    background: #FF8000 !important; 
	border: 1px solid #FFCC99 !important;
	color:#FFF !important;
	transition:linear 0.3s;
}

/* footer */
footer {
	--font-size:	calc(1em - 1px);
	--copy-font:	13px;
}
footer {
	position:relative;
	width:100%;
	z-index:2;
	background: #608FCA;
	padding-top:2em;
	font-size:var(--font-size);
	color:#FFF;
	text-align:left;
	line-height:120%;
}
footer .txt-info 		{ color:#FFF !important; opacity: 0.8; }

footer .container { display:flex; flex-direction:row; align-items:stretch; }
footer .container .ft-left  { width:100%; }
/*footer .container .ft-right { width:25%; max-width:320px; text-align:center; padding:0.2em 0 1em; }*/

.ft-row 			{ padding:1em 0}
.ft-cols		 	{ display:flex; flex-direction:row; align-items:stretch; }
.ft-col 			{ max-width:300px;
					  padding:1px 0 1em; vertical-align:top;
					  font-weight:400; color:#FFF; }
.ft-col-1,
.ft-col-2,
.ft-col-3 			{}

.ft-col-12,
.ft-col-23 			{ width:66.66%; }

.ft-left .ft-row 	{ max-width:650px; }

.ft-hd 		{ font-family:Roboto,Helvetica,Arial,Lucida,sans-serif !important; margin:0; padding:0.5em 0;
			  font-size:2.5em; font-weight:400 !important; color:#FFF !important; }
.ft-link,
.ft-link a  { color: #FFF; text-decoration:none; }

/*
#ftLogo { padding-bottom:1em; }
#ftLogo img { display:block; width:100%; max-width:250px; margin:0 auto; }
*/

#ftLogo 							{ padding:1em 10% 0; }
#ftLogo a							{ display:block; padding:2% 0; text-align:center; text-decoration:none; }
#ftLogo a img 						{ display:block; width:100%; max-width:240px; margin:0 auto; }

/* ???
@media only screen and (min-width: 769px) {
#ftAccreditations 					{ border-radius:2em 2em 0 0; position:absolute; bottom:0; left:0; right:0;
									  height:130px; padding:4% 0 0; }
}*/

#ftAccreditations 					{ background:#FFF; }
#ftAccreditations img				{ display:inline-block; width:45%; margin:1%; }

ul.ft-list 							{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; flex-wrap:wrap;
									  padding:0; margin:0; list-style:none; }
ul.ft-list li 						{ width:100%; padding:1px 0; margin:1em 4em 0 0; line-height:140%; }
ul.ft-list li.icon					{ padding-left:2em ; }
ul.ft-list li.icon:before 			{ content:" "; position:absolute; top:2px; left:0; width:1.3em; height:1.3em;
							  		  background:url(../images/icon/arrow-wht.png) center no-repeat; background-size:contain; }
ul.ft-list li.icon-pin:before 		{ background:url(../images/icon/wht-pin.png) center no-repeat; background-size:contain; }
ul.ft-list li.icon-call:before 		{ background:url(../images/icon/wht-call.png) center no-repeat; background-size:contain; }
ul.ft-list li.icon-email:before 	{ background:url(../images/icon/wht-email.png) center no-repeat; background-size:contain; }
ul.ft-list li.icon-linkedin:before 	{ background:url(../images/icon/wht-linkedin.png) center no-repeat; background-size:contain; }
ul.ft-list li.icon-directions:before{ background:url(../images/icon/wht-directions.png) center no-repeat; background-size:contain; }
ul.ft-list li a 					{ color:#FFF; font-weight:400; text-decoration:none; }
ul.ft-list b 						{ font-size:1.3em; }
.ft-link a:hover,
ul.ft-list li a:hover 				{ color:#000; text-decoration:underline; transition:0.2s; }

/* copyright */
#ftBtm {
	width:100%;
	background:#222220;
	padding:1em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:var(--copy-font);
	color:#FFF;
	z-index:2;
}
footer #ftBtm .container { align-items:center; justify-content:space-between; }
#ftBtm copy { order:1; }
#ftBtm .links { order:2; }
#ftBtm .links a { display:inline-block; padding:0 1em; color:#979fa1; text-decoration:none; }
#ftBtm .links a:hover { color:#FFF; text-decoration:underline; }

/* Flags Popup Overlay */
#selectFlagPop {}
#selectFlagPop .pop-up-overlay-content {
    text-align:center;
    padding:1em 2em 2em;
}
ul#selectFlag {
	display:flex; flex-wrap:wrap; gap:1.5em; justify-content:center;
	list-style:none; padding:1em 0 !important; margin:0.2em auto; max-width:400px;
}
ul#selectFlag li { 
	max-width:100px;
	width:calc(33% - 1.5em);
	padding:0;
	margin:0;
}
#selectFlagPop .pop-up-overlay-content a.btn-flag {
	display:block;
	max-width:112px;
	margin:0 1.5%;
	border-radius: 50%;
	overflow:hidden;
	box-shadow:0 2px 4px #000;
}
#selectFlagPop .pop-up-overlay-content a.btn-flag img { display:block; width:100%; border: 14px solid #FFF; border-radius:50%; }
#selectFlagPop .pop-up-overlay-content a.btn-flag:hover img { border-width:6px; }


@media only screen and (max-width: 1350px) {
	.top-nav {
	  --height: 				80px;
	  --height-fixed: 			45px;
	  --space: 					18px;
	  /*--gap: 					10px;*/
	  --font-size: 				16px;
	  --font-size-fixed:		14px;
	  --arrow-dn:				15px;
	  --primiem-crown:			18px;
	  --primiem-crown-fixed:	15px;
	  --games-pos-left:			81px;
	  --games-pos-left-fixed:	79px;
	  /*--games-arw-pos-left:	165px;
	  --sub-menu-arw-height:		45px;*/
	}
	
	/* intro 
	#intro .txt-col p		{ max-width:760px; line-height:160%; font-size:1em; }
	#intro .txt-col p.line1	{ font-size:calc(1em + 3px); }
	#intro .txt-col p.line2	{ font-size:calc(1em + 2px); }
	*/
}
@media only screen and (min-width: 901px) and (max-width: 1200px) {
	.top-nav {
	  --height: 				70px;
	  --height-fixed: 			40px;
	  --space: 					16px;
	  --gap: 					10px;
	  --font-size: 				15px;
	  --font-size-fixed:		13px;
	  --arrow-dn:				14px;
	  --primiem-crown:			16px;
	  --primiem-crown-fixed:	13px;
	  --games-pos-left:			42px;
	  --games-pos-left-fixed:	46px;
	  /*--games-arw-pos-left:	165px;
	  --sub-menu-arw-height:	45px;*/
	}
}
@media only screen and (min-width: 901px) and (max-width: 1050px) {
	.top-nav {
	  --height: 				60px;
	  --height-fixed: 			35px;
	  --space: 					14px;
	  --gap: 					8px;
	  --font-size: 				14px;
	  --font-size-fixed:		12px;
	  --arrow-dn:				12px;
	  --primiem-crown:			14px;
	  --primiem-crown-fixed:	11px;
	  --games-pos-left:			30px;
	  --games-pos-left-fixed:	35px;
	  --games-arw-pos-left:		143px;
	  /*--sub-menu-arw-height:		45px;*/
	}
	footer {
		--background-h:	450px;
		/*--font-size:	0.9em;*/
		--chair-size:	320px;
		--chair-top:	150px;
		--chair-left:	63%;
		--sun-size:		120px;
		--sun-left:		25%;
		--sun-font:		30px;
	}
	
}
@media only screen and (min-width: 851px) and (max-width: 1000px) {
	#info {
		--min-height: 	280px;
		--width: 		84%;
		--max-width: 	800px;
		--hd-size:		30px;
		--txt-size:		15px;
		--padding:		26px;
		--margin:		40px;
		--img-width:	230px;
	}
}
/* mobile menu */
@media only screen and (min-width: 601px) and (max-width: 900px) {
	.top-nav {
		--height: 				60px;
		--space: 				14px;
		--gap: 					8px;
		--font-size: 			14px;
		--arrow-dn:				12px;
		--primiem-crown:		14px;
		--games-pos-left:		30px;
		--games-arw-pos-left:	20px;
		--sub-menu-arw-height:	35px;
		--member-pos-right: 	44px;
	}
	footer {
		--background-h:	400px;
		/*--font-size:	1em;*/
		--chair-size:	300px;
		--chair-top:	120px;
		--chair-left:	70%;
		--sun-size:		110px;
		--sun-left:		23%;
		--sun-font:		28px;
		--sun-glow:		18px;
		--copy-font:	12px;
	}
}
@media only screen and (max-width: 900px) {
	/* nav */
	.hd-nav-lt 				{ width:auto !important; }
	.hd-nav-rt 				{ width:auto !important; }
	#mainNav.hd-nav .hd-nav-rt {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: var(--gap);
		list-style: none;
		padding: 0;
		margin: 0;
		height: var(--height);
		line-height: 100%;
	}
	#mainNav.hd-nav .hd-nav-rt ul,
	/*#mainNav.hd-nav ul > li.nav-btn-lang,*/
	#mainNav.hd-nav ul > li.nav-btn { display:none; }
	
	.hd-nav-sub-menu   		{ position:absolute; }
	#navGames .hd-nav-sub-menu-box {
		max-width: 600px;
		width:88%;
	}
	#navGames  .hd-nav-sub-menu-content ul.hd-nav-sub-menu-list li { width:calc(50% - 8px); }
	#navMember .hd-nav-sub-menu-content ul.hd-nav-sub-menu-list li.nav-lt-link { display:block; }
	
	
	#menuBtn { display:inline-block; }
	
	/* top section 
	#topSection 						{ margin-top:0; background:none; }
	#topSection.header-grn 				{ display:none; }
	*/
	/* intro 
	#intro .txt-col p		{ max-width:600px; }
	*/
}
@media only screen and (min-width: 701px) and (max-width: 850px) {
	#info {
		--min-height: 	240px;
		--width: 		88%;
		--max-width: 	660px;
		--hd-size:		26px;
		--txt-size:		14px;
		--padding:		22px;
		--margin:		32px;
		--img-width:	200px;
	}
	
	#ftBtm .container	{ display:block; text-align:center; }
	#ftBtm copy 		{ order:2; }
	#ftBtm .links 		{ order:1; padding-bottom:1em; }
}
@media only screen and (max-width: 768px) {
	
	/* footer */
	footer {
		--background-h:	360px;
		/*--font-size:	1em;*/
		--chair-size:	240px;
		--chair-top:	125px;
		--chair-left:	72%;
		--sun-size:		100px;
		--sun-left:		20%;
		--sun-font:		26px;
		--sun-glow:		16px;
		--copy-font:	11px;
	}
	.ft-right			{ display:none; }
	.ft-hd 				{ font-size:2em !important; }
	.ft-left .ft-row 	{ max-width: 1000px; }
	
	#ftBtm .container	{ display:block; text-align:center; }
	#ftBtm copy 		{ order:2; }
	#ftBtm .links 		{ order:1; padding-bottom:1em; }
}
@media only screen and (min-width: 601px) and (max-width: 700px) {
	.top-nav {
		--height: 				50px;
		--space: 				8px;
		--gap: 					2px;
		--font-size: 			12px;
		--primiem-crown:		12px;
		--games-arw-pos-left: 	12px;
		--member-pos-right: 	32px;
	}
	
	#navGames .hd-nav-sub-menu-box::before {
		clip-path: polygon(100% 100%, 40% 0%, 0% 100%);
	}
}
@media only screen and (min-width: 601px) and (max-width: 700px) {
	#info {
		--min-height: 	220px;
		--width: 		90%;
		--max-width: 	660px;
		--hd-size:		22px;
		--txt-size:		13px;
		--padding:		20px;
		--margin:		30px;
		--img-width:	170px;
	}
}
@media only screen and (max-width: 600px) {
	.top-nav {
		--height: 			60px;
		--space: 			16px;
		--gap: 				10px;
		--font-size: 		16px;
		--primiem-crown:	16px;
	}
	#mainNav.hd-nav ul > li.nav-games a::after { display:none; }
	
	#navMember,
	#navMember .hd-nav-sub-menu-box {
		display:block;
		position:relative;
		top: 0px;
		left: 0px;
		width: auto;
		height: auto;
		border-radius: 0;
		padding-top:0;
	}
	#navMember .hd-nav-sub-menu-content { border-radius: 0; }
	#navGames,
	#navMember,
	#navMember .hd-nav-sub-menu-box::before,
	#navMember .hd-nav-sub-menu-x { display:none; }
	
	#navMember.open .nav-lt-link,
	#navMember.open { display:block; }
	
	/* info */
	#info {
		--width: 		86%;
		--hd-size:		28px;
		--txt-size:		15px;
		--padding:		26px;
		--margin:		40px;
		--img-width:	230px;
	}
	#info .info-faq		{ width:var(--width); min-height:0;
						  padding:var(--img-width) 1em  1em;
						  background-position:top left; }
	#info .info-faq h4 	{ padding-top:0; }
		
	/* footer */
	footer {
		--background-h:	330px;
		/*--font-size:	1em;*/
		--chair-size:	200px;
		--chair-top:	125px;
		--chair-left:	72%;
		--sun-size:		90px;
		--sun-left:		15%;
		--sun-font:		25px;
		--sun-glow:		15px;
	}
	footer 						{ font-size:calc(1em - 1px); }
	#ftMid .container 			{ flex-wrap:wrap; }
	#ftMid .container .ft-left 	{ width:100%; order:2; }
	#ftMid .container .ft-right { display:none; }
	.ft-hd 						{ font-size:1.9em !important; }
}
@media only screen and (max-width: 550px) {
	/* footer */
	#ftAbout .ftLogo 		{ height:55px; }

	#ftLinks				{}
	#ftLinks .ft-cols		{ display:block; padding:1em 1.5em; }
	#ftLinks ul.ft-list 	{ margin:0; list-style:circle; }
	/*#ftLinks ul.ft-list li 	{ margin:0; padding:0 0 0.3em 0; }*/
}
@media only screen and (max-width: 500px) {
	.top-nav {
	  --height: 			50px;
	  --space: 				14px;
	  --gap: 				8px;
	  --font-size: 			15px;
	  --primiem-crown:		15px;
	}
	
	#info {
		--hd-size:		26px;
		--txt-size:		14px;
		--padding:		22px;
		--margin:		32px;
		--img-width:	200px;
	}
	
	/* footer */
	.ft-hd 				{ font-size:1.8em !important; }
	#mobileHd .logo 	{ width:60%; }
	
	/* footer */
	footer {
		--background-h:	300px;
		/*--font-size:	1em;*/
		--chair-size:	175px;
		--chair-top:	120px;
		--chair-left:	72%;
		--sun-size:		80px;
		--sun-left:		15%;
		--sun-font:		23px;
		--sun-glow:		13px;
	}
	footer::before		{ background-position:left -180px top; }
}
@media only screen and (max-width: 450px) {
	
	#info {
		--hd-size:		24px;
		--txt-size:		13px;
		--padding:		20px;
		--margin:		30px;
		--img-width:	180px;
	}
	
	.ft-cols { display:block; }
	.ft-col  { padding:0; }

}
@media only screen and (max-width: 400px) {
	
	#info {
		--width: 		88%;
		--hd-size:		20px;
		--txt-size:		12px;
		--padding:		18px;
		--margin:		26px;
		--img-width:	160px;
	}
	/* footer */
	footer {
		--copy-font:	10px;
		--sun-glow:		12px;
	}
	#ftBtm .container 	{ text-align:left; }
	#ftBtm .links a		{ padding-left:0; }
}
@media only screen and (max-width: 360px) {
	
	#info {
		--width: 		90%;
		--hd-size:		17px;
		--txt-size:		12px;
		--img-width:	150px;
	}
	#ftBtm .links a		{ display:block; margin-bottom:3px; }
}