@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@font-face {
    font-family:'RMslide';
    src:url(https://randomale.net/slide.woff) format('woff');
}
#data {
	display:none;
}
html {
	display:table;
	height:100%;
	width:100%;
}
body {
	display:table-cell;
	vertical-align:middle;
	padding:25px;
	background-color:#414446;
	background:linear-gradient(#2D3032, #55585A);
	font-family:'Open Sans',sans-serif;
	color:#46B4FF;
	-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;	/* due to iPad's desktop user agent */
}
img {
	border-style:none;
}
a {
	text-decoration:none;
	color:#9BD7FF;
}
a:active {
	background-color:transparent;	/* IE 10 */
}
a:focus {
	outline:none;
}
.maintable,
.maintableXL {
	table-layout:fixed;
	background-color:#101315;
	border-spacing:0;
	margin:0 auto;
}
.maintable {
	box-shadow:16px 16px 16px rgba(0,0,0,0.3);
	width:1344px;
	border-radius:29px;
}
.maintableXL {
	box-shadow:23px 23px 23px rgba(0,0,0,0.3);
	width:1694px;
	border-radius:36px;
}
.maintable td {
	height:744px;
	padding:0;
	text-align:center;
}
.maintableXL td {
	height:938px;
	padding:0;
	text-align:center;
}
.logo {
	vertical-align:middle;
	height:591.8px;
	width:66.6px;
}
.logoXL {
	vertical-align:middle;
	height:743px;
	width:83.62px;
}
.entertext {
	font-size:16px;
	line-height:175%;
	margin-top:168px;
	margin-bottom:34px;
}
.entertextXL {
	font-size:18px;
	line-height:175%;
	margin-top:212px;
	margin-bottom:43px;
}
.rta {
	margin-top:196px;
}
.rta img {
	width:90px;
	height:36px;
}
.rtaXL {
	margin-top:246px;
}
.rtaXL img {
	width:100px;
	height:40px;
}
.imgpre {
	display:none;
	width:0;
	height:0;
}

/* main */
.enablejs {
	font-size:16px;
	margin-top:115px;
}
.slidebox {
	width:940px;
	height:740px;
	overflow:hidden;
	display:flex;
	flex-direction:column;
}
.slideboxXL {
	width:1186px;
	height:924px;
	overflow:hidden;
	display:flex;
	flex-direction:column;
}
.navigation,
.navigationXL {
	display:-webkit-flex;
	-webkit-justify-content:center;
	display:flex;
	justify-content:center;
}
.navigation div,
.navigationXL div {
	position:relative;
	display:-webkit-flex;
	-webkit-align-items:center;
	-webkit-justify-content:center;
	display:flex;
	align-items:center;	
	justify-content:center;
}
.navigation div {
	margin-top:23px;	
}
.navigationXL div {
	margin-top:24px;
	margin-bottom:5px;	
}
.buttons {
	width:115px;
	visibility:hidden;
}
.buttonsXL {
	width:126px;
	visibility:hidden;
}
input {
	-webkit-appearance:none;	/* remove iOS's own style */
	background-color:#46B4FF;   
	border:0;
	border-radius:9px;
	width:75px;
	height:25px;
	font-family:'RMslide',sans-serif;
	font-size:15px;
	color:#101315;
	vertical-align:middle;
	margin-top:5px;
	margin-bottom:22px;
	padding:0;					/* prevents move to right */
	cursor:pointer;
}
.navigationXL input {
	border-radius:10px;
	width:82px;
	height:28px;
	font-size:16px;
	margin-top:8px;
	margin-bottom:30px;
}
input:focus {
	outline:none;				/* Chrome, Opera */
}
input:active {
	color:#101315;
}
input::-moz-focus-inner {
	border-style:none;
}
.slider {
	width:138px;
}
.slider input {
	padding-left:8px;
	padding-right:8px;
	width:75px;
}
.slider input::-webkit-slider-thumb {
	-webkit-appearance:none;
	appearance:none;
	width:28px;
	height:11px;
	border-radius:7px;
	border:0;
	background:#101315;
}
.slider input::-moz-range-thumb {
	-webkit-appearance:none;
	appearance:none;
	width:28px;
	height:11px;
	border-radius:7px; 
	border:0;
	background:#101315;
}
.sliderXL {
	width:151px;
}
.sliderXL input {
	padding-left:9px;
	padding-right:9px;
	width:82px;
}
.sliderXL input::-webkit-slider-thumb {
	-webkit-appearance:none;
	appearance:none;
	width:30px;
	height:12px;
	border-radius:8px;
	border:0;
	background:#101315;
}
.sliderXL input::-moz-range-thumb {
	-webkit-appearance:none;
	appearance:none;
	width:30px;
	height:12px;
	border-radius:8px; 
	border:0;
	background:#101315;
}
#showsec {
	position:absolute;
	left:123px;
	bottom:25px;
	width:58px;
	text-align:right;
	font-size:15px;
	transition:opacity 0.2s;
	/*position:absolute;
	left:130px;
	bottom:22px;
	background-color:#46B4FF;
	border-radius:8px;
	color:#000;
	width:59px;
	font-weight:600;
	font-size:15px;
	height:23px;
	vertical-align:middle;
	text-align:right;
	padding:2px 16px 0 0;
	transition:opacity 0.2s;*/
}
.sliderXL #showsec {
	left:134px;
	bottom:33px;
	width:63px;
	font-size:16px;	
}
.centerslide {
	/*position:relative;
	top:328px;
	transform:translateY(-50%);			makes pictures blurry	*/
	margin-top:auto;
	margin-bottom:auto;
	transform:translateY(-4px);
}
.centerslideXL {
	/*position:relative;
	top:405px;
	transform:translateY(-50%);			makes pictures blurry   */
	margin-top:auto;
	margin-bottom:auto;
	transform:translateY(-9px);		/* -9 */
}
@keyframes spin {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
.loading {
	position:relative;
	top:-28px;
	width:55px;
	height:55px;
	animation:spin 1.5s linear infinite;
}
.loadingXL {
	position:relative;
	top:-35px;
	width:60px;
	height:60px;
	animation:spin 1.5s linear infinite;
}
.slideimg {
	border-radius:18px;
	vertical-align:middle;		/* remove space under image */
	pointer-events:none;  /* disables Edge Visual Search */
}
.slideimgXL {
	border-radius:23px;
	vertical-align:middle;		/* remove space under image */
	pointer-events:none;  /* disables Edge Visual Search */
}
@keyframes rmsmooth {
	0% {opacity:0.2;}
	100% {opacity:1;}
}
.slideani {
	animation-name:rmsmooth;
	animation-duration:0.6s;
	animation-iteration-count:1;
	animation-timing-function:ease-out;
}
.slideani div {		 /* inserting div allows you to disable Edge Visual Search */
	display:inline-block;
}
.error {
	font-size:18px;
	animation-name:rmsmooth;		/* in case there are consecutive errors */
	animation-duration:1.5s;
	animation-iteration-count:1;
}
.errorhidden {
	color:#101315;
	font-size:16px;
}
.errorXL {
	font-size:21px;
	animation-name:rmsmooth;		/* in case there are consecutive errors */
	animation-duration:1.5s;
	animation-iteration-count:1;	
}
.errorhiddenXL {
	color:#101315;
	font-size:17px;
}
.from {
	font-size:15px;
}
.fromlink {
	font-size:17px;
}
.fromXL {
	font-size:16px;
}
.fromlinkXL {
	font-size:18px;
}
.svglink {
	position:relative;
	width:86px;
	height:86px;
	margin:63px auto;
}
.svglink.svgXL {
	width:109px;
	height:109px;
	margin:80px auto;	
}
.svglink.enter {
	width:230px;
	height:81px;
	margin:0 auto;
}
.svglink.enterXL {
	width:289px;
	height:101px;
	margin:0 auto;
}
.svglink.donate {
	width:126px;
	height:55px;
	margin:0 0 0 -6px;
}
.svglink.donateXL {
	width:140px;
	height:62px;
	margin:0 0 0 -7px;
}
.svglink.donate img {
	width:109.7px;
	height:31px;	
}
.svglink.donateXL img {
	width:123.8px;
	height:35px;	
}
.svglink.email {
	width:59px;
	height:55px;
	margin:0 46px 0 40px;
}
.svglink.emailXL {
	width:66px;
	height:62px;
	margin:0 51px 0 45px;
}
.svglink.email svg {
	width:53px;
	height:53px;
}
.svglink.emailXL svg {
	width:60px;
	height:60px;
}
.svglink:first-of-type {
	margin-top:0;
}
.svglink:last-of-type {
	margin-bottom:0;
}
.svglink svg,
.svglink.donate img,
.svglink.donateXL img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.svglink a {
	display:block;
	width:100%;
	height:100%;	
}
.svglink svg g {
	fill:#006EB9;
}
.svglink.deac svg g {
	fill:#515456;
}
.svglink a svg g {
	fill:#46B4FF; 
}
.svgslide svg,
.svglinks svg {
	width:58px;
	height:58px;
}
.svgabout svg {
	width:29px;
	height:58px;	
}
.svgtoggle svg {
	width:50px;
	height:50px;
}
.svgslideXL svg,
.svglinksXL svg {
	width:73px;
	height:73px;	
}
.svgaboutXL svg {
	width:36px;
	height:72px;	
}
.svgtoggleXL svg {
	width:63px;
	height:63px;
}

/* picpages */
.picpage {
	background:#101315;
	padding:50px;
	text-align:center;
}
.picpage-from {
	margin-bottom:50px;
}
.picpage-from span {
	font-size:18px;
}
.picpage-from a {
	font-size:20px;
}
.picpage-from-bottom {
	margin-top:50px;	
}
.imgorgwrap {	/* inserting div allows you to disable Edge Visual Search */
	display:inline-block;
}
.imgorg {
	border-radius:20px;
	font-size:16px;
	vertical-align:middle;		/* remove space under image */
	/*pointer-events:none;   disables Edge Visual Search		but no picture download via context menu*/
}
.picpage-social {
	margin-top:50px;
}
.picpage-social div {
	margin-left:29px;
}
.picpage-social div:first-of-type {
	margin-left:0;
}
.tubutton,
.twbutton,
.pibutton {
	display:inline-block;
}
.tubutton svg {
	width:36px;
	height:36px;
	vertical-align:middle;
	margin:4px;
}
.twbutton svg {
	width:32.72px;
	height:32px;
	vertical-align:middle;
	margin:4px;
}
.pibutton svg {
	width:38px;
	height:38px;
	vertical-align:middle;
	margin:4px;
}
.tubutton a svg path {
	fill:#101315;
}
.pibutton a svg path,
.twbutton a svg path,
.tubutton a svg rect {
	fill:#46B4FF;
}
.backmainlogo {
	position:relative;
	width:75px;
	height:75px;
	margin:-9px auto 42px;
}
.backmainlogo svg {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.backmainlogo a {
	display:block;
	width:100%;
	height:100%;	
}
.backmainlogo svg g {
	fill:#006EB9;
}
.backmainlogo.deac svg g {
	fill:#515456;
}
.backmainlogo a svg g {
	fill:#46B4FF; 
}

/* links */
.links {
	font-size:15px;
}
.linksXL {
	font-size:16px;
}
.links a,
.linksXL a {
	display:block;
	width:100%;
	height:100%;
}
.link-title {
	float:left;
	height:346px;
	width:46px;
}
.link-title div {
	font-size:21px;
	white-space:nowrap;
	transform:rotate(-90deg);
}
.link-title-XL {
	float:left;
	height:436px;
	width:58px;
}
.link-title-XL div {
	font-size:26px;
	white-space:nowrap;
	transform:rotate(-90deg);
}
ul {
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
}
li {
	margin:0;
	height:26px;
	line-height:26px;
}
.linksXL li {
	height:33px;
	line-height:33px;
}
.lno li {
	text-align:right;
}
.partners li {
	text-align:left;
}

/* about */
.about {
	line-height:180%;
	font-size:17px;
	margin-top:250px;
}
.aboutXL {
	line-height:180%;
	font-size:20px;
	margin-top:318px;
}
.contact {
	margin-top:192px;
	font-size:17px;
}
.contactXL {
	margin-top:252px;
	font-size:20px;
}
.contact div,
.contactXL div {
	display:inline-block;
	vertical-align:middle;
}

@media (pointer: fine) { 
	a {
		transition:color 0.2s;
	}
	a:hover {
		color:#46B4FF;
	}
	input {
		transition:background-color 0.2s;
	}
	input:hover {
		background-color:#006EB9;
	}
	.svglink a svg g {
		transition:fill 0.2s;
	}
	.svglink a:hover svg g {
		fill:#006EB9;
	}
	.pibutton a svg path,
	.twbutton a svg path,
	.tubutton a svg rect {
		transition:fill 0.2s;
	}
	.pibutton a:hover svg path,
	.twbutton a:hover svg path,
	.tubutton a:hover svg rect {
		fill:#006EB9;
	}
	.backmainlogo a svg g {
		transition:fill 0.2s;
	}
	.backmainlogo a:hover svg g {
		fill:#006EB9;
	}	
}