@charset "utf-8";
body { min-height:1440px; background-color:black }
#header, #menuicon, #close-menu { position:relative; display:inline-block; float:left; background-size:contain; background-repeat:no-repeat; background-origin:padding-box; }
#header { width:39.67%; padding-top:6.42%; background-image:url(img/ue-header.png); }
#headerbox { width:100%; display:inline-block }
#menubox { position:absolute; left:0px; top:0px; bottom:0px; width:100%; z-index:101; margin-left:100%; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; text-align:center }
#menubg { position:fixed; left:0px; top:0px; bottom:0px; width:100%; background-color:grey; z-index:100; opacity:0; display:none; transition:opacity 1s; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -o-transition:opacity 1s }
#menuicon { position:fixed; right:0; width:7.812%; padding-top:5.833%; background-image:url(img/menu.png); float:right; margin-right:0.5%; z-index:90; }
#close-menu { width:15.624%; padding-top:5.833%; background-image:url(img/close-menu.png); float:right; z-index:110; }
#closemenubox { position:fixed; left:0px; top:0px; width:100%; display:none; padding-top:1em; }
#mainpage { position:relative; width:100%; max-width:1920px; height:auto; min-height:1440px; margin:auto; padding-top:1em; font-size:18px; background-image:url(img/ue-bg.png); background-size:contain; background-position:center; background-repeat:repeat-y; overflow:hidden; background-attachment:fixed; z-index:0 }
h1 { font-family:Georgia; "Times New Roman", Times, serif; font-size:3em; text-shadow:3px 3px 2px #f00; color:white; text-align:center; margin:0.5em 0em }
h2 { font-family:'Times New Roman', Times, serif; font-size:2em; text-shadow:2px 2px 1px #ffe527; color:red; text-align:center; margin-top:0.75em; margin-bottom:0.5em }
h2 a:link, h2 a:active, h2 a:visited { color:red; text-decoration:none; }
h2 a:hover { color:#ffe527; text-shadow:2px 2px 2px red; text-decoration:underline; }
h3 { font-family:"Times New Roman", Times, serif; font-size:2em; text-shadow:2px 2px #730000; color:white; text-align:center; }
h3 a:link, h3 a:active, h3 a:visited { color:white; text-decoration:none; }
h3 a:hover { color:#ffe527; text-shadow:2px 2px 2px red; text-decoration:underline; }
h4, .text, .textsm, .menutext, .tandc { font-family:Arial, Helvetica, sans-serif; font-size:1em; color:white; text-align:center; margin:0.75em 0em; font-weight:bold; }
.csitext { text-shadow:2px 2px #730000; line-height:140%; color:#FFFFFF; background-color:rgba(0,0,0,0.3); }
.efftext { text-shadow:2px 2px #000000; line-height:140%; color:red; background-color:rgba(0,0,0,0.3) }
.moletext { text-shadow:2px 2px #ffffff; line-height:140%; color:black; background-color:rgba(255,255,255,0.3) }
.text { line-height:1.5; }
.text a:link, .text a:active, .text a:visited, .textsm a:link, .textsm a:active, .textsm a:visited { color:white; text-decoration:underline; }
.text a:hover, .textsm a:hover { color:orange; background:rgba(192,192,192,0.5); }
.menutext, .menutexthere { width:7.969%; display:inline-block; color:black; background-image:url(img/big-butt-bg-green.png); background-size:cover; background-position:center; font-size:1em; line-height:1.1em; margin:0 1%; padding:0.1%; vertical-align:top; }
.menutexthere { background-image:url(img/big-butt-bg-orange.png); }
a:link .menutext, a:active .menutext, a:visited .menutext { color:black; text-decoration:none; }
a:hover .menutext { color:white; }
.findus, .findusopen, .findus:hover, .faqs, .faqsopen, .faqs:hover, .book, .bookopen, .book:hover, .rooms, .roomsopen, .rooms:hover, .home, .homeopen, .home:hover, .team, .teamopen, .team:hover, .tokens, .tokensopen, .tokens:hover, .prices, .pricesopen, .prices:hover, .video, .videoopen, .video:hover, .newbies, .newbiesopen, .newbies:hover, .events, .eventsopen, .events:hover, .covid, .covidopen, .covid:hover { width:7.969%; padding-top:13.516%; margin:0 1%; display:inline-block; background-size:cover; border:none; }
.home, .homeopen { background-image:url(img/padlock-home-sprite.png); }
.rooms, .roomsopen { background-image:url(img/padlock-rooms-sprite.png); }
.book, .bookopen { background-image:url(img/padlock-book-sprite.png); }
.tokens, .tokensopen { background-image:url(img/padlock-gift-tokens-sprite.png); }
.video, .videoopen { background-image:url(img/padlock-video-sprite.png); }
.team, .teamopen { background-image:url(img/padlock-team-build-sprite.png); }
.events, .eventsopen { background-image:url(img/padlock-events-sprite.png); }
.prices, .pricesopen { background-image:url(img/padlock-prices-sprite.png); }
.newbies, .newbiesopen { background-image:url(img/padlock-newbies-sprite.png); }
.faqs, .faqsopen { background-image:url(img/padlock-faq-sprite.png); }
.covid, .covidopen { background-image:url(img/padlock-covid-sprite.png); }
.findus, .findusopen { background-image:url(img/padlock-find-us-sprite.png); }
.findus, .faqs, .book, .rooms, .home, .team, .tokens, .prices, .video, .newbies, .events, .covid { background-position:left top; }
.findusopen, .findus:hover, .faqsopen, .faqs:hover, .bookopen, .book:hover, .roomsopen, .rooms:hover, .homeopen, .home:hover, .teamopen, .team:hover, .tokensopen, .tokens:hover, .pricesopen, .prices:hover, .videoopen, .video:hover, .newbiesopen, .newbies:hover, .eventsopen, .events:hover, .covidopen, .covid:hover { background-position:left bottom; }
.tandc { color:silver; margin:1.5em 0em; font-size:0.9em; font-weight:normal }
.tandc a:link, .tandc a:active, .tandc a:visited { color:grey; text-decoration:none; }
.tandc a:hover { color:white; text-decoration:underline; }
#introcontainer, #sitecontainer { width:60%; margin:auto; }
#sitecontainer .text { text-align:left }
#linksbox { postion:relative; width:90%; margin:auto; text-align:center }
#linksbox h1 { font-size:2em; }
.CSI, .future { width:47%; display:inline-block; vertical-align:top }
.future { padding-left:5% }
@media screen and (max-width: 1440px){
	.findus, .findusopen, .findus:hover, .faqs, .faqsopen, .faqs:hover, .book, .bookopen, .book:hover, .rooms, .roomsopen, .rooms:hover, .home, .homeopen, .home:hover, .team, .teamopen, .team:hover, .tokens, .tokensopen, .tokens:hover, .prices, .pricesopen, .prices:hover, .video, .videoopen, .video:hover, .newbies, .newbiesopen, .newbies:hover, .events, .eventsopen, .events:hover, .covid, .covidopen, .covid:hover { width:10.625%; padding-top:18.021% }
	.menutext, .menutexthere { width:10.625% }
}
@media screen and (max-width: 1366px){
	#introcontainer { width:70% }
}
@media screen and (max-width: 1280px){
	#introcontainer { width:75% }
}
@media screen and (max-width: 1024px){
	h1 { font-size:2.5em; }
	h3 { font-size:1.5em; }
	h4 { font-size:1em }
	#introcontainer { width:80% }
	.goodtogobox { width:24.48%; padding-top:18.38% }
}
@media screen and (max-width: 890px){
	h2 { font-size:1.7em }
	#linksbox h1 { font-size:1.7em; }
}
@media screen and (max-width: 800px){
	.text { font-size:0.9em }
	.tandc { font-size:0.8em }
	h1 { font-size:2.4em; }
	h3 { font-size:1.4em; }
	h4 { font-size:0.9em }
}
@media screen and (max-width: 768px){
	h2 { font-size:1.5em }
	.findus, .findusopen, .findus:hover, .faqs, .faqsopen, .faqs:hover, .book, .bookopen, .book:hover, .rooms, .roomsopen, .rooms:hover, .home, .homeopen, .home:hover, .team, .teamopen, .team:hover, .tokens, .tokensopen, .tokens:hover, .prices, .pricesopen, .prices:hover, .video, .videoopen, .video:hover, .newbies, .newbiesopen, .newbies:hover, .events, .eventsopen, .events:hover, .covid, .covidopen, .covid:hover { width:13.281%; padding-top:22.526% }
	.menutext, .menutexthere { width:13.281%; font-size:0.7em; line-height:1.2em }
	#linksbox h1 { font-size:1.5em; }
}
@media screen and (max-width: 670px){
	h2 { font-size:1.4em }
	#linksbox h1 { font-size:1.4em; }
}
@media screen and (max-width: 640px){
	.findus, .findusopen, .findus:hover, .faqs, .faqsopen, .faqs:hover, .book, .bookopen, .book:hover, .rooms, .roomsopen, .rooms:hover, .home, .homeopen, .home:hover, .team, .teamopen, .team:hover, .tokens, .tokensopen, .tokens:hover, .prices, .pricesopen, .prices:hover, .video, .videoopen, .video:hover, .newbies, .newbiesopen, .newbies:hover, .events, .eventsopen, .events:hover, .covid, .covidopen, .covid:hover { width:15.937%; padding-top:27.031% }
	.menutext, .menutexthere { width:15.937%; font-size:0.7em; line-height:1.2em }
	#menuicon { width:13.125%; padding-top:9%; }
	#close-menu { width:26.25%; padding-top:9%; }
	#header { width:60%; padding-top:9.709%; }
	#headerbox { padding-bottom:0.3em; }
}
@media screen and (max-width: 600px){
	.text { font-size:0.8em }
	.tandc { font-size:0.7em }
	h1 { font-size:2.3em; }
	h3 { font-size:1.3em; }
	h4 { font-size:0.8em }
	#introcontainer { width:85% }
	.goodtogobox { width:29.41%; padding-top:22.08% }
}
@media screen and (max-width: 535px){
	.CSI { width:99%; }
	.future { width:99%; padding:0; }
}
@media screen and (max-width: 480px){
	.findus, .findusopen, .findus:hover, .faqs, .faqsopen, .faqs:hover, .book, .bookopen, .book:hover, .rooms, .roomsopen, .rooms:hover, .home, .homeopen, .home:hover, .team, .teamopen, .team:hover, .tokens, .tokensopen, .tokens:hover, .prices, .pricesopen, .prices:hover, .video, .videoopen, .video:hover, .newbies, .newbiesopen, .newbies:hover, .events, .eventsopen, .events:hover, .covid, .covidopen, .covid:hover { width:22%; padding-top:36.041% }
	.menutext, .menutexthere { width:22%; font-size:0.7em; line-height:1.2em; padding:0 }
	h1 { font-size:1.5em }
	h3 { font-size:1.2em }
	#introcontainer { width:90% }
	.goodtogobox { width:34.72%; padding-top:26.06% }
}
@media screen and (max-width: 370px){
	.findus, .findusopen, .findus:hover, .faqs, .faqsopen, .faqs:hover, .book, .bookopen, .book:hover, .rooms, .roomsopen, .rooms:hover, .home, .homeopen, .home:hover, .team, .teamopen, .team:hover, .tokens, .tokensopen, .tokens:hover, .prices, .pricesopen, .prices:hover, .video, .videoopen, .video:hover, .newbies, .newbiesopen, .newbies:hover, .events, .eventsopen, .events:hover, .covid, .covidopen, .covid:hover { width:21%; padding-top:36.041% }
	.menutext, .menutexthere { width:21%; font-size:0.6em; line-height:1.2em; padding:0 }
}
@media screen and (max-width: 320px){
	#introcontainer { width:95% }
	.goodtogobox { width:49.34%; padding-top:37.04% }
}