@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,cyrillic-ext);

html { 
/* overflow-y: scroll; */ 
-ms-text-size-adjust: 100%; 
-webkit-text-size-adjust: 100%
}

/* Turn on custom 8px wide scrollbar */
::-webkit-scrollbar {
  width: 8px; /* 1px wider than Lion. */
  /* This is more usable for users trying to click it. */
  background-color: rgba(0,0,0,0);
  -webkit-border-radius: 100px;
}
/* hover effect for both scrollbar area, and scrollbar 'thumb' */
::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
 
/* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
::-webkit-scrollbar-thumb:vertical {
  /* This is the EXACT color of Mac OS scrollbars. 
     Yes, I pulled out digital color meter */
  background: rgba(150,150,150,0.5);
  -webkit-border-radius: 100px;
}
::-webkit-scrollbar-thumb:vertical:active {
  background: rgba(80,80,80,0.61); /* Some darker color when you click it */
  -webkit-border-radius: 100px;
}

body {
	overflow-y: auto;
	background-color: rgba(0,0,0,0.9);
	font-family: 'proxima-nova', 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; color: rgba(80,80,80,1);
	text-decoration: none;
	text-rendering: optimizeLegibility;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.navl {font-family: 'proxima-nova', 'Roboto', 'Helvetica Neue', Arial, sans-serif; font-weight: 400; font-size: 16px; color:#999999; text-decoration: none;}
a.navl:link {color:#e9e9e9; text-decoration: none;}
a.navl:visited {color:#e9e9e9; text-decoration: none;}
a.navl:hover {color:#999999; text-decoration: none;}

.nav {font-family: 'proxima-nova', 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color:rgba(255,255,255,0.8); text-decoration: none; }
a.nav:link {color:rgba(255,255,255,0.8); text-decoration: none;}
a.nav:visited {color:rgba(255,255,255,0.8); text-decoration: none;}
a.nav:hover {color:rgba(255,255,255,0.6); text-decoration: none;}

.navfooter {font-family: 'neue-haas-unica', 'proxima-nova', 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; color:rgba(255,255,255,0.6); text-decoration: none;}
a.navfooter:link {color:rgba(255,255,255,0.6); text-decoration: none;}
a.navfooter:visited {color:rgba(255,255,255,0.6);; text-decoration: none;}
a.navfooter:hover {color:rgba(255,255,255,0.4); text-decoration: none;}

.hrnav { height: 1px; border-width: 0px; color: #4a4a4a; background-color: #4a4a4a; }

.appbox { display: inline-block; vertical-align: top; font-size: 15px; margin-bottom: 10px; width: 90px; height: 130px; text-align: center; overflow: hidden; }

.blurb {font-family: 'proxima-nova-condensed', 'Roboto', 'Open Sans', sans-serif;}

.titleh {font-family: 'basic-sans', 'Open Sans', sans-serif; font-size : 54px; color: rgba(255,255,255,0.95); text-decoration: none; text-rendering: optimizeLegibility; letter-spacing: -1.5px;}

.title {font-weight: 200; font-family: 'proxima-nova', 'Open Sans', sans-serif; font-size : 54px; color: rgba(255,255,255,0.95); text-decoration: none; text-rendering: optimizeLegibility; letter-spacing: 0px;}

.titlesub {font-weight: 100; font-family: 'proxima-nova', 'Open Sans', sans-serif; font-size: 22px; color: rgba(137,148,158,1); text-decoration: none; text-rendering: optimizeLegibility; letter-spacing: 0px;}

.labelxl {font-weight: 200; font-family: 'proxima-nova', 'Open Sans', sans-serif; font-size: 26px; color: rgba(255,255,255,0.95); text-decoration: none; text-rendering: optimizeLegibility; letter-spacing: 0px;}

.labelxlred {font-weight: 200; font-family: 'proxima-nova', 'Open Sans', sans-serif; font-size: 26px; color: rgba(255,0,0,1); text-decoration: none; text-rendering: optimizeLegibility; letter-spacing: 0px;}

.labell {font-weight: 400; font-family: 'proxima-nova', 'Open Sans', sans-serif; font-size: 18px; color: rgba(255,255,255,0.95); text-decoration: none; text-rendering: optimizeLegibility; letter-spacing: 0px;}

.label {font-weight: 200; font-family: 'proxima-nova', 'Open Sans', sans-serif; font-size: 15px; color: rgba(255,255,255,0.7); text-decoration: none; text-rendering: optimizeLegibility; letter-spacing: 1px;}

#menubar { 
	position: fixed;
	width: 100%;
	height: auto;
	z-index: 2;
}

#footerbar {
  position: relative;
  width: 100%;
  height: 100%;
}

.fieldxl {width: 225px; font-family: 'proxima-nova', 'Open Sans', sans-serif; font-weight: 300; font-size: 15px; color:#ffffff; text-decoration: none; margin-left: 0px; padding: 6px; background-color: #000000; border-color: #666666; border-width: 0px; border-bottom-width: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.fieldxl:focus { background-color: #000000; color: #ffffff; outline: none; }

.Sbutton {
  font-family: 'proxima-nova', 'Open Sans', sans-serif;
  -webkit-appearance: none;
	background-color:#3e99ed;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border: 0px solid #dcdcdc;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	padding: 6px 24px;
	text-decoration: none;
	}
.Sbutton:hover { 
	background-color:#1888ef;
	color:#ffffff;
	text-decoration: none;
}
.Sbutton:active {
	color:#cccccc;
	text-decoration: none;
}

.SignInbutton { }
a.SignInbutton {
  font-family: 'proxima-nova', 'Open Sans', sans-serif;
  -webkit-appearance: none;
	background-color:transparent;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	border: 1.5px solid #999999;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	padding: 4px 16px;
	text-decoration: none;
}
a.SignInbutton:link, a.SignInbutton:visited { 
	background-color:transparent;
	color:#ffffff;
	text-decoration: none;
}
a.SignInbutton:hover, a.SignInbutton:active {
	background-color:transparent;
	color:#cccccc;
	text-decoration: none;
  opacity: 0.8;
}


a:link {
	color: #eeeeee;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #eeeeee;
}
a:hover {
	text-decoration: none;
	color: #cccccc;
}
a:active {
	text-decoration: none;
	color: #999999;
}

img { border: 0px; }

.grecaptcha-badge { visibility: hidden; }