@font-face{
font-family:'Material Icons Outline';
font-style:normal;
font-weight:400;
src:url(/rc/mi/MaterialIconsOutlined-Regular.otf) format('opentype');
}
/* alegreya-sans-regular - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/rc/ag/alegreya-sans-v13-latin-regular.eot');
  src: local(''),
       url('/rc/ag/alegreya-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('/rc/ag/alegreya-sans-v13-latin-regular.woff2') format('woff2'),
       url('/rc/ag/alegreya-sans-v13-latin-regular.woff') format('woff'),
       url('/rc/ag/alegreya-sans-v13-latin-regular.ttf') format('truetype'),
       url('/rc/ag/alegreya-sans-v13-latin-regular.svg#AlegreyaSans') format('svg');
}
/* alegreya-sans-italic - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/rc/ag/alegreya-sans-v13-latin-italic.eot');
  src: local(''),
       url('/rc/ag/alegreya-sans-v13-latin-italic.eot?#iefix') format('embedded-opentype'),
       url('/rc/ag/alegreya-sans-v13-latin-italic.woff2') format('woff2'),
       url('/rc/ag/alegreya-sans-v13-latin-italic.woff') format('woff'), 
       url('/rc/ag/alegreya-sans-v13-latin-italic.ttf') format('truetype'),
       url('/rc/ag/alegreya-sans-v13-latin-italic.svg#AlegreyaSans') format('svg'); 
}
/* alegreya-sans-700 - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/rc/ag/alegreya-sans-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/rc/ag/alegreya-sans-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/rc/ag/alegreya-sans-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/rc/ag/alegreya-sans-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/rc/ag/alegreya-sans-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/rc/ag/alegreya-sans-v13-latin-700.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}

/* alegreya-sans-700italic - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/rc/ag/alegreya-sans-v13-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/rc/ag/alegreya-sans-v13-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/rc/ag/alegreya-sans-v13-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/rc/ag/alegreya-sans-v13-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/rc/ag/alegreya-sans-v13-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/rc/ag/alegreya-sans-v13-latin-700italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}
/* Clock face fonts */
@font-face{
font-family:'Amarante';
font-style:normal;
font-weight:400;
src:url(/rc/Amarante/Amarante-Regular.ttf) format('truetype');
}
@font-face{
font-family:'Averia Libre';
font-style:normal;
font-weight:200;
src:url(/rc/Averia_Libre/AveriaLibre-Light.ttf) format('truetype');
}
@font-face{
font-family:'Berkshire Swash';
font-style:normal;
font-weight:400;
src:url(/rc/Berkshire_Swash/BerkshireSwash-Regular.ttf) format('truetype');
}
@font-face{
font-family:'Bungee Hairline';
font-style:normal;
font-weight:400;
src:url(/rc/Bungee_Hairline/BungeeHairline-Regular.ttf) format('truetype');
}
@font-face{
font-family:'Cormorant Upright Light';
font-style:normal;
font-weight:300;
src:url(/rc/Cormorant_Upright/CormorantUpright-Light.ttf) format('truetype');
}
@font-face{
font-family:'Economica';
font-style:normal;
font-weight:400;
src:url(/rc/Economica/Economica-Regular.ttf) format('truetype');
}
@font-face{
font-family:'Iceland';
font-style:normal;
font-weight:400;
src:url(/rc/Iceland/Iceland-Regular.ttf) format('truetype');
}
@font-face{
font-family:'Limelight';
font-style:normal;
font-weight:400;
src:url(/rc/Limelight/Limelight-Regular.ttf) format('truetype');
}
@font-face{
font-family:'Metamorphous';
font-style:normal;
font-weight:400;
src:url(/rc/Metamorphous/Metamorphous-Regular.ttf) format('truetype');
}
@font-face{
font-family:'Monomaniac One';
font-style:normal;
font-weight:400;
src:url(/rc/Monomaniac_One/MonomaniacOne-Regular.ttf) format('truetype');
}
@font-face{
font-family:'New Rocker';
font-style:normal;
font-weight:400;
src:url(/rc/New_Rocker/NewRocker-Regular.ttf) format('truetype');
}
@font-face{
font-family:'Nixie One';
font-style:normal;
font-weight:400;
src:url(/rc/Nixie_One/NixieOne-Regular.ttf) format('truetype');
}
@font-face{
font-family:'Orbitron';
font-style:normal;
font-weight:400;
src:url(/rc/Orbitron/Orbitron-Regular.ttf) format('truetype');
}
@font-face{
font-family:'Raleway Dots';
font-style:normal;
font-weight:400;
src:url(/rc/Raleway_Dots/RalewayDots-Regular.ttf) format('truetype');
}
@font-face{
font-family:'Saira';
font-style:normal;
font-weight:400;
src:url(/rc/Saira/Saira-Regular.ttf) format('truetype');
}
@font-face{
font-family:'Tektur';
font-style:normal;
font-weight:400;
src:url(/rc/Tektur/Tektur-Regular.ttf) format('truetype');
}
@font-face{
font-family:'Tuffy';
font-style:normal;
font-weight:400;
src:url(/rc/Tuffy/Tuffy-Regular.ttf) format('truetype');
}
@font-face{
font-family:'Zen Kurenaido';
font-style:normal;
font-weight:400;
src:url(/rc/Zen_Kurenaido/ZenKurenaido-Regular.ttf) format('truetype');
}
body{
	margin:0px;
	padding:0px;
	font:1em "Alegreya Sans",Arial,Verdana,sans-serif !important;
	color:#bbb;
	background:#000;
-webkit-touch-callout:none; /* iOS Safari */
-webkit-user-select:none; /* Safari */
-khtml-user-select:none; /* Konqueror HTML */
-moz-user-select:none; /* Old versions of Firefox */
-ms-user-select:none; /* Internet Explorer/Edge */
user-select:none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
a{
	color:#f0d1a1;
	text-decoration:none;
}
a:hover{
	color:#fff;
	text-decoration:underline;
}
.main{}
#dExtra{
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
}
.dExtraScanlines{
	background-image:url("/rc/scanlinesBlack1pxTrans50.png");
}
.dExtraVignette{
	background-image:url("/rc/scanlinesBlack1pxTrans50.png"), url("/rc/vignette.png");
	background-size:auto, 100% 100%;
	opacity:0.8;
}

#dTimeWrap{
	text-align:center;
	height:100vh;
	white-space:nowrap;
	overflow:hidden;
}
#dDate{}
#dTime{
	display:inline-block;
}
#dMeridiem{}
.displayFull{}
.displayPreview{}

.fAlegreyaSans{font-family:'Alegreya Sans'}
.fAmarante{font-family:'Amarante'}
.fAveriaLibre{font-family:'Averia Libre'}
.fBerkshireSwash{font-family:'Berkshire Swash'}
.fBungeeHairline{font-family:'Bungee Hairline'}
.fCormorantUprightLight{font-family:'Cormorant Upright Light'}
.fEconomica{font-family:'Economica'}
.fIceland{font-family:'Iceland'}
.fInconsolataExtraLight{font-family:'Inconsolata Extra Light'}
.fLimelight{font-family:'Limelight'}
.fMetamorphous{font-family:'Metamorphous'}
.fMonomaniacOne{font-family:'Monomaniac One'}
.fNewRocker{font-family:'New Rocker'}
.fNixieOne{font-family:'Nixie One'}
.fOrbitron{font-family:'Orbitron'}
.fRalewayDots{font-family:'Raleway Dots'}
.fSaira{font-family:'Saira'}
.fTektur{font-family:'Tektur'}
.fTuffy{font-family:'Tuffy'}
.fZenKurenaido{font-family:'Zen Kurenaido'}

.displayFull .dAlegreyaSans{position:absolute;top:22vh;font-size:8vh}
.displayFull .tAlegreyaSans{padding-top:22vh;font-size:50vh;line-height:1}
.displayFull .mAlegreyaSans{font-size:20vh}
.displayPreview .dAlegreyaSans{position:absolute;top:0px;font-size:8vh}
.displayPreview .tAlegreyaSans{padding-top:0px;font-size:50vh;line-height:1}
.displayPreview .mAlegreyaSans{font-size:20vh}

.displayFull .dAlmendraDisplay{position:absolute;top:23.5vh;font-size:6.4vh}
.displayFull .tAlmendraDisplay{padding-top:31vh;font-size:40vh;line-height:1}
.displayFull .mAlmendraDisplay{font-size:16vh}
.displayPreview .dAlmendraDisplay{position:absolute;top:0px;font-size:6.4vh}
.displayPreview .tAlmendraDisplay{padding-top:7.5vh;font-size:40vh;line-height:1}
.displayPreview .mAlmendraDisplay{font-size:16vh}

.displayFull .dAmarante{position:absolute;top:19vh;font-size:8vh}
.displayFull .tAmarante{padding-top:25vh;font-size:50vh;line-height:1}
.displayFull .mAmarante{font-size:20vh}
.displayPreview .dAmarante{position:absolute;top:-2vh;font-size:8vh}
.displayPreview .tAmarante{padding-top:4vh;font-size:50vh;line-height:1}
.displayPreview .mAmarante{font-size:20vh}

.displayFull .dAveriaLibre{position:absolute;top:23vh;font-size:8vh}
.displayFull .tAveriaLibre{padding-top:23vh;font-size:50vh;line-height:1}
.displayFull .mAveriaLibre{font-size:20vh}
.displayPreview .dAveriaLibre{position:absolute;top:0px;font-size:8vh}
.displayPreview .tAveriaLibre{padding-top:0px;font-size:50vh;line-height:1}
.displayPreview .mAveriaLibre{font-size:20vh}

.displayFull .dBerkshireSwash{position:absolute;top:20vh;font-size:8vh}
.displayFull .tBerkshireSwash{padding-top:20vh;font-size:50vh;line-height:1}
.displayFull .mBerkshireSwash{font-size:20vh}
.displayPreview .dBerkshireSwash{position:absolute;top:0px;font-size:8vh}
.displayPreview .tBerkshireSwash{padding-top:0px;font-size:50vh;line-height:1}
.displayPreview .mBerkshireSwash{font-size:20vh}

.displayFull .dBungeeHairline{position:absolute;top:29vh;font-size:6.4vh}
.displayFull .tBungeeHairline{padding-top:30vh;font-size:40vh;line-height:1}
.displayFull .mBungeeHairline{font-size:16vh}
.displayPreview .dBungeeHairline{position:absolute;top:0px;font-size:6.4vh}
.displayPreview .tBungeeHairline{padding-top:1vh;font-size:40vh;line-height:1}
.displayPreview .mBungeeHairline{font-size:16vh}

.displayFull .dCormorantUprightLight{position:absolute;top:24vh;font-size:8vh}
.displayFull .tCormorantUprightLight{padding-top:19vh;font-size:50vh;line-height:1}
.displayFull .mCormorantUprightLight{font-size:20vh}
.displayPreview .dCormorantUprightLight{position:absolute;top:0px;font-size:8vh}
.displayPreview .tCormorantUprightLight{margin-top:-5vh;font-size:50vh;line-height:1}
.displayPreview .mCormorantUprightLight{font-size:20vh}

.displayFull .dEconomica{position:absolute;top:23vh;font-size:8vh}
.displayFull .tEconomica{padding-top:24vh;font-size:50vh;line-height:1}
.displayFull .mEconomica{font-size:20vh}
.displayPreview .dEconomica{position:absolute;top:0px;font-size:8vh}
.displayPreview .tEconomica{padding-top:1vh;font-size:50vh;line-height:1}
.displayPreview .mEconomica{font-size:20vh}

.displayFull .dIceland{position:absolute;top:28vh;font-size:8vh}
.displayFull .tIceland{padding-top:24vh;font-size:50vh;line-height:1}
.displayFull .mIceland{font-size:20vh}
.displayPreview .dIceland{position:absolute;top:0px;font-size:8vh}
.displayPreview .tIceland{margin-top:-4vh;font-size:50vh;line-height:1}
.displayPreview .mIceland{font-size:20vh}

.displayFull .dInconsolataExtraLight{position:absolute;top:26vh;font-size:6.4vh}
.displayFull .tInconsolataExtraLight{padding-top:31vh;font-size:40vh;line-height:1}
.displayFull .mInconsolataExtraLight{font-size:16vh}
.displayPreview .dInconsolataExtraLight{position:absolute;top:0px;font-size:6.4vh}
.displayPreview .tInconsolataExtraLight{padding-top:5vh;font-size:40vh;line-height:1}
.displayPreview .mInconsolataExtraLight{font-size:16vh}

.displayFull .dLimelight{position:absolute;top:28vh;font-size:6.4vh}
.displayFull .tLimelight{padding-top:32vh;font-size:40vh;line-height:1}
.displayFull .mLimelight{font-size:16vh}
.displayPreview .dLimelight{position:absolute;top:0px;font-size:6.4vh}
.displayPreview .tLimelight{padding-top:4vh;font-size:40vh;line-height:1}
.displayPreview .mLimelight{font-size:16vh}

.displayFull .dMetamorphous{position:absolute;top:24.5vh;font-size:6.4vh}
.displayFull .tMetamorphous{padding-top:29.5vh;font-size:40vh;line-height:1}
.displayFull .mMetamorphous{font-size:16vh}
.displayPreview .dMetamorphous{position:absolute;top:0px;font-size:6.4vh}
.displayPreview .tMetamorphous{padding-top:5vh;font-size:40vh;line-height:1}
.displayPreview .mMetamorphous{font-size:16vh}

.displayFull .dMonomaniacOne{position:absolute;top:20vh;font-size:8vh}
.displayFull .tMonomaniacOne{padding-top:20vh;font-size:50vh;line-height:1}
.displayFull .mMonomaniacOne{font-size:20vh}
.displayPreview .dMonomaniacOne{position:absolute;top:0px;font-size:8vh}
.displayPreview .tMonomaniacOne{padding-top:0px;font-size:50vh;line-height:1}
.displayPreview .mMonomaniacOne{font-size:20vh}

.displayFull .dNewRocker{position:absolute;top:21vh;font-size:8vh}
.displayFull .tNewRocker{padding-top:26vh;font-size:50vh;line-height:1}
.displayFull .mNewRocker{font-size:20vh}
.displayPreview .dNewRocker{position:absolute;top:-1vh;font-size:8vh}
.displayPreview .tNewRocker{padding-top:4vh;font-size:50vh;line-height:1}
.displayPreview .mNewRocker{font-size:20vh}

.displayFull .dNixieOne{position:absolute;top:26.5vh;font-size:6.4vh}
.displayFull .tNixieOne{padding-top:29.5vh;font-size:40vh;line-height:1}
.displayFull .mNixieOne{font-size:16vh}
.displayPreview .dNixieOne{position:absolute;top:0px;font-size:6.4vh}
.displayPreview .tNixieOne{padding-top:3vh;font-size:40vh;line-height:1}
.displayPreview .mNixieOne{font-size:16vh}

.displayFull .dOrbitron{position:absolute;top:25vh;font-size:6.4vh}
.displayFull .tOrbitron{padding-top:29vh;font-size:40vh;line-height:1}
.displayFull .mOrbitron{font-size:16vh}
.displayPreview .dOrbitron{position:absolute;top:0px;font-size:6.4vh}
.displayPreview .tOrbitron{padding-top:4vh;font-size:40vh;line-height:1}
.displayPreview .mOrbitron{font-size:16vh}

.displayFull .dRalewayDots{position:absolute;top:19.5vh;font-size:8vh}
.displayFull .tRalewayDots{padding-top:21.5vh;font-size:50vh;line-height:1}
.displayFull .mRalewayDots{font-size:20vh}
.displayPreview .dRalewayDots{position:absolute;top:0px;font-size:8vh}
.displayPreview .tRalewayDots{padding-top:2vh;font-size:50vh;line-height:1}
.displayPreview .mRalewayDots{font-size:20vh}

.displayFull .dSaira{position:absolute;top:26vh;font-size:6.4vh}
.displayFull .tSaira{padding-top:30vh;font-size:40vh;line-height:1}
.displayFull .mSaira{font-size:16vh}
.displayPreview .dSaira{position:absolute;top:0px;font-size:6.4vh}
.displayPreview .tSaira{padding-top:4vh;font-size:40vh;line-height:1}
.displayPreview .mSaira{font-size:16vh}

.displayFull .dTektur{position:absolute;top:27vh;font-size:6.4vh}
.displayFull .tTektur{padding-top:30vh;font-size:40vh;line-height:1}
.displayFull .mTektur{font-size:16vh}
.displayPreview .dTektur{position:absolute;top:0px;font-size:6.4vh}
.displayPreview .tTektur{padding-top:3vh;font-size:40vh;line-height:1}
.displayPreview .mTektur{font-size:16vh}

.displayFull .dTuffy{position:absolute;top:19vh;font-size:8vh}
.displayFull .tTuffy{padding-top:22.5vh;font-size:50vh;line-height:1}
.displayFull .mTuffy{font-size:20vh}
.displayPreview .dTuffy{position:absolute;top:0px;font-size:8vh}
.displayPreview .tTuffy{padding-top:3.5vh;font-size:50vh;line-height:1}
.displayPreview .mTuffy{font-size:20vh}

.displayFull .dZenKurenaido{position:absolute;top:21vh;font-size:8vh}
.displayFull .tZenKurenaido{padding-top:21vh;font-size:50vh;line-height:1}
.displayFull .mZenKurenaido{font-size:20vh}
.displayPreview .dZenKurenaido{position:absolute;top:0px;font-size:8vh}
.displayPreview .tZenKurenaido{padding-top:0px;font-size:50vh;line-height:1}
.displayPreview .mZenKurenaido{font-size:20vh}

.inline{display:inline}
.hide{display:none}

#dOptMainButWrap{
	position:fixed;
	left:1.5em;
	bottom:1em;
}

.fOptWrap{
	display:inline-block;
	width:calc(100% - 11em);
}
.fOpt,.fSize,.dHour,.dGlow,.dDim,.dEffect,.dDay{
	display:inline-block;
	text-align:center;
	width:6.1em;
	height:2.72em;
	line-height:2.72em;
	vertical-align:middle;
}
.dFlex{
	display:inline-block;
	text-align:center;
	min-width:3em;
	line-height:2.75;
	padding:0px 1em 0px 1em;
	vertical-align:middle;
}


.fSml{font-size:0.6em}
.but,.butFlex{
	position:relative;
	display:inline-block;
	line-height:2.72em;
	vertical-align:top;
	overflow:hidden;
	white-space:nowrap;
	box-sizing:border-box;
}
.but{
	padding:0em 0.5em 0em 2em;
	width:10em;
}
.butFlex{
	padding:0em 1em 0em 2em;
	margin-right:1em;
}
.icn{
	position:absolute;
	left:0px;
	padding:0px 0px 0px 0.5em;
	height:2.72em;
	font-family:'Material Icons Outline';
	text-align:center;
	box-sizing:border-box;
	overflow:hidden;
}
.tabBar{
	white-space:nowrap;
	background:#091714
}
.tabOn{
	color:#fff;
	background:#0c1e1a;
	border-radius:0.75em 0.75em 0px 0px;
}
#dOptWrap{
	position:absolute;
	top:50vmin;
	left:0px;
	right:0px;
	min-height:50vh;
	padding-bottom:1em;
	background:#0c1e1a;
	box-sizing:border-box;
}
.dOptRow{position:relative}
.brightBG,.cMix{
	position:relative;
	display:inline-block;
	line-height:2.72em;
	height:100%;
	width:100%;
}
.brightBar,.cMixBar{
	position:absolute;
	top:1.12em;
	left:0px;
	right:0px;
	height:0.5em;
}
.gGentle{text-shadow:0 0 1em}
.gMild{text-shadow:0 0 1.5em,0 0 2em}
.gFull{text-shadow:0 0 1.25em,0 0 2.5em,0 0 5em,0 0 10em}
.cMixR{background:#ff0000}
.cMixG{background:#00ff00}
.cMixB{background:#0000ff}
.cMixRMin{background:#100000}
.cMixGMin{background:#001000}
.cMixBMin{background:#000010}
.brightMin{background:#101010}
.dull{opacity:0.1}
.selected{border-radius:0.75em;color:#fff;background:#15332c}

@media screen and (orientation: portrait){
	#landscapeOnly{
		text-align:center;
		font-size:2em;
		padding:2em 1em 1em 1em;
	}
	#dTimeWrap{display:none}
}
@media screen and (orientation: landscape){
	#landscapeOnly{display:none}
}
