@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

:root {
	--white: #FFF;
	--black: #222;
	--grayDarker: #555555;
	--grayDark: #7b7b7b;
	--gray: #949494;
	--grayLight: #e1e1e1;
	--grayLighter: #f9f9f9;
	--blue: #049cdb;
	--blueDark: #0064cd;
	--green: #46a546;
	--red: #9d261d;
	--yellow: #ffc40d;
	--orange: #f89406;
	--pink: #c3325f;
	--purple: #7a43b6;
	--accent-color-hue: 0;
	--accent-color-saturation: 0%;
	--accent-color-lightness: 45%;
	--accent-color-opacity: 1;
	--accent-color: hsla(var(--accent-color-hue), var(--accent-color-saturation), var(--accent-color-lightness), var(--accent-color-opacity));
	--active-row-hue: var(--accent-color-hue);
	--active-row-saturation: calc(var(--accent-color-saturation) - 2%);
	--active-row-lightness: calc(var(--accent-color-lightness) + 34%);
	--active-row-opacity: 1;
	--active-row: hsla(var(--active-row-hue), var(--active-row-saturation), var(--active-row-lightness), var(--active-row-opacity));
	--logo-max-height: 45px;
	--baseBorderRadius: 5px;
	--borderRadiusLarge: 6px;
	--borderRadiusSmall: 3px;
	--bodyBackground: #f5f5f5;
	--linkColor-hue: 204;
	--linkColor-saturation: 82%;
	--linkColor-lightness: 36%;
	--linkColor-opacity: 1;
	--linkColor: hsla(var(--linkColor-hue), var(--linkColor-saturation), var(--linkColor-lightness), var(--linkColor-opacity));
	--linkColorHover: hsla(var(--linkColor-hue), var(--linkColor-saturation), calc(var(--linkColor-lightness) + 10%), var(--linkColor-opacity));
	--placeholderText: var(--gray);
	--btnBorderWidth: 1px;
	--btnBorderStyle: solid;
	--btnBorder: var(--gray);
	--btnBoxShadow: none;
	--baseBtnBorderRadius: var(--baseBorderRadius);
	--btnPrimaryBackground-hue: 219;
	--btnPrimaryBackground-saturation: 100%;
	--btnPrimaryBackground-lightness: 95%;
	--btnPrimaryBackground: hsl(var(--btnPrimaryBackground-hue), var(--btnPrimaryBackground-saturation), var(--btnPrimaryBackground-lightness));
	--btnPrimaryBackgroundHighlight: var(--btnPrimaryBackground);
	--btnPrimaryText: var(--black);
	--btnPrimaryTextShadow: none;
	--btnPrimaryBoxShadow: none;
	--btnPrimaryHover: hsl(var(--btnPrimaryBackground-hue), var(--btnPrimaryBackground-saturation), calc(var(--btnPrimaryBackground-lightness) - 10%));
	--btnPrimaryBorderWidth: var(--btnBorderWidth);
	--btnPrimaryBorderStyle: var(--btnBorderStyle);
	--btnPrimaryBorder: hsl(var(--btnPrimaryBackground-hue), var(--btnPrimaryBackground-saturation), calc(var(--btnPrimaryBackground-lightness) - 5%));
	--btnPrimaryBorderHoverColor: hsl(var(--btnPrimaryBackground-hue), var(--btnPrimaryBackground-saturation), calc(var(--btnPrimaryBackground-lightness) - 15%));
	--btnPrimarySubmitBackground: var(--btnPrimaryBackground);
	--btnPrimarySubmitBackgroundHighlight: var(--btnPrimaryBackgroundHighlight);
	--btnPrimarySubmitText: var(--btnPrimaryText);
	--btnPrimarySubmitTextShadow: var(--btnPrimaryTextShadow);
	--btnPrimarySubmitHover: var(--btnPrimaryHover);
	--btnPrimarySubmitBorderWidth: var(--btnPrimaryBorderWidth);
	--btnPrimarySubmitBorderStyle: var(--btnPrimaryBorderStyle);
	--btnPrimarySubmitBorder: var(--btnPrimaryBorder);
	--btnPrimarySubmitBorderHoverColor: var(--btnPrimaryBorderHoverColor);
	--btnPrimarySubmitBoxShadow: var(--btnPrimaryBoxShadow);
	--btnSecondaryBackground: #FFF;
	--btnSecondaryBackgroundHighlight: var(--btnSecondaryBackground);
	--btnSecondaryText: #222;
	--btnSecondaryTextShadow: none;
	--btnSecondaryTextHover: var(--btnSecondaryText);
	--btnSecondaryHover: #FFF;
	--btnSecondaryBorder-hue: 0;
	--btnSecondaryBorder-saturation: 0%;
	--btnSecondaryBorder-lightness: 58%;
	--btnSecondaryBorder: hsl(var(--btnSecondaryBorder-hue), var(--btnSecondaryBorder-saturation), var(--btnSecondaryBorder-lightness));
	--btnSecondaryBorderHoverColor: hsl(var(--btnSecondaryBorder-hue), var(--btnSecondaryBorder-saturation), calc(var(--btnSecondaryBorder-lightness) - 30%));
	--navPillsActive: var(--accent-color);
	--navColor: var(--grayDarker);
	--navCaretColor: var(--grayDarker);
	--navBackground: transparent;
	--navBorderColor: transparent;
	--navBorderBottomColor: transparent;
	--navBorder: 0px solid var(--navBorderColor);
	--navBorderBottom: 1px solid var(--navBorderBottomColor);
	--navBorderRadius: 0px;
	--navMargin: 12px 16px 0;
	--navPadding: 0 1px 1px;
	--navTransition: 0.2s all ease;
	--navTextTransform: uppercase;
	--navTextshadow: none;
	--navColorHover: var(--black);
	--navCaretColorHover: var(--black);
	--navBackgroundHover: transparent;
	--navBorderHover: 0px solid var(--navBorderActiveColor);
	--navBorderBottomHover: 1px solid var(--navBorderBottomActiveColor);
	--navColorActive: var(--black);
	--navCaretColorActive: var(--black);
	--navBackgroundActive: transparent;
	--navBoxShadowActive: none;
	--navBorderActiveColor: transparent;
	--navBorderBottomActiveColor: var(--accent-color);
	--navUserColor: var(--navColor);
	--navUserColorHover: var(--navColorHover);
	--navUserCaretColor: var(--navCaretColor);
	--navUserCaretColorHover: var(--navCaretColorHover);
	--navbarBackgroundHighlight-hue: 0;
	--navbarBackgroundHighlight-saturation: 0%;
	--navbarBackgroundHighlight-lightness: 100%;
	--navbarBackgroundHighlight: hsl(var(--navbarBackgroundHighlight-hue), var(--navbarBackgroundHighlight-saturation), var(--navbarBackgroundHighlight-lightness));
	--navbarBackground: hsl(var(--navbarBackgroundHighlight-hue), var(--navbarBackgroundHighlight-saturation), calc(var(--navbarBackgroundHighlight-lightness) - 5%));
	--navbarBorder: hsl(var(--navbarBackgroundHighlight-hue), var(--navbarBackgroundHighlight-saturation), calc(var(--navbarBackgroundHighlight-lightness) - 20%));
	--header-height: 76px;
	--header-height-mobile: 45px;
	--body-padding-top: calc(var(--header-height) + 20px);
	--body-padding-top-mobile: 15px;
	--header-bg-top-hue: 0;
	--header-bg-top-saturation: 0%;
	--header-bg-top-lightness: 100%;
	--header-bg-top-opacity: 1;
	--header-bg-top: hsla(var(--header-bg-top-hue), var(--header-bg-top-saturation), var(--header-bg-top-lightness), var(--header-bg-top-opacity));
	--header-bg-bottom-hue: 0;
	--header-bg-bottom-saturation: 0%;
	--header-bg-bottom-lightness: 100%;
	--header-bg-bottom-opacity: 1;
	--header-bg-bottom: hsla(var(--header-bg-bottom-hue), var(--header-bg-bottom-saturation), var(--header-bg-bottom-lightness), var(--header-bg-bottom-opacity));
	--header-fade-gradient: 0.92;
	--font-stack: 'Helvetica Neue', 'Arial', sans-serif;
	--font-primary: 'Open Sans', var(--font-stack);
	--font-secondary: var(--font-stack);
	--textColor: var(--black);
	--dropdownMenuColor: var(--black);
	--dropdownMenuHoverColor: var(--white);
	--dropdownMenuHoverBackground: var(--grayDarker);
	--labelColor: #585858;
	--default-content-width: 90%;
	--default-content-padding: 1.5%;
	--default-content-width-mobile: 94%;
	--default-content-padding-mobile: 2%;
	--baseFontSize: 14px;
	--sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
	--serifFontFamily: Georgia, "Times New Roman", Times, serif;
	--monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace;
	--baseFontFamily: var(--sansFontFamily);
	--altFontFamily: var(--serifFontFamily);
	--headingsFontFamily: inherit;
	--headingsFontWeight: bold;
	--headingsColor: inherit;
	--navbarText: #777;
	--navbarLinkColor: #777;
	--navbarLinkColorHover: var(--grayDark);
	--navbarLinkColorActive: var(--gray);
	--navbarLinkBackgroundHover: transparent;
	--navbarLinkBackgroundActive: hsl(var(--navbarBackgroundHighlight-hue), var(--navbarBackgroundHighlight-saturation), calc(var(--navbarBackgroundHighlight-lightness) - 10%));
	--navbarBrandColor: var(--navbarLinkColor);
}

:root {
	--color-primary: #000;
	--color-secondary: #000;
	--color-tertiary: #000;
	--white: #fff;
	--off-white: #F2F2F2;
	--off-black: #0D0D0D;
	--black: #000;
	--linkColor-hue: 292;
	--linkColor-saturation: 14%;
	--linkColor-lightness: 43%;
	--linkColor-opacity: 1;
	--linkColor: hsla(var(--linkColor-hue), var(--linkColor-saturation), var(--linkColor-lightness), var(--linkColor-opacity));
	--linkColorHover: hsla(var(--linkColor-hue), var(--linkColor-saturation), calc(var(--linkColor-lightness) + 10%), var(--linkColor-opacity));
	--logo-max-height: 60px;
	--accent-color-hue: 307;
	--accent-color-saturation: 16%;
	--accent-color-lightness: 69%;
	--accent-color: hsl(var(--accent-color-hue), var(--accent-color-saturation), var(--accent-color-lightness));
	--btnPrimaryBackground-hue: var(--accent-color-hue);
	--btnPrimaryBackground-saturation: var(--accent-color-saturation);
	--btnPrimaryBackground-lightness: var(--accent-color-lightness);
	--btnPrimaryBackground: hsl(var(--btnPrimaryBackground-hue), var(--btnPrimaryBackground-saturation), var(--btnPrimaryBackground-lightness));
	--btnPrimaryHover: hsl(var(--btnPrimaryBackground-hue), var(--btnPrimaryBackground-saturation), calc(var(--btnPrimaryBackground-lightness) - 10%));
	--btnBorderWidth: 2px;
	--btnBorder: var(--color-primary);
	--btnPrimaryText: #fff;
	--btnPrimaryBorderHoverColor: var(--color-primary);
	--btnSecondaryText: var(--color-primary);
	--font-stack: sans-serif;
	--font-primary: 'Noto Sans', var(--font-stack);
	--font-secondary: 'Noto Sans', var(--font-stack);
}

body *, body body {
	font-family: var(--font-primary);
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.3;
	margin: 0;
	padding: 20px 0 10px;
}

h2 {
	font-size: 23px;
	font-weight: 300;
}

h1, h2, h3 {
	font-family: var(--font-secondary);
	color: var(--color-secondary);
}


html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	min-height: 100%;
	position: relative;
}

body, h2, h1 {
	color: #000000 !important;
	font-weight: 700;
}

body {
	margin: 0;
	line-height: 17px;
	color: var(--textColor);
	font-size: 14px;
	font-family: var(--font-primary);
	font-weight: normal;
	overflow: auto;
	margin-bottom: 61px;
	padding-top: 0px;
	background-color: #656668;

}

.navbar {
	overflow: visible;
	margin-bottom: 17px;
}

.navbar-fixed-top {
	top: 0;
}

.navbar-fixed-top, .navbar-fixed-bottom {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
	margin-bottom: 0;
}

.navbar-inner {
	min-height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid var(--navbarBorder);
	border-radius: var(--baseBorderRadius);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
	border-width: 0 0 1px;
}

.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}

#main-header .navbar-inner {
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	padding: 0;
}

#main-header .navbar-inner {
	background: #000;
}

.navbar-inner:before, .navbar-inner:after {
	display: table;
	content: "";
	line-height: 0;
}

.navbar-inner:after {
	clear: both;
}

.navbar-inner:before, .navbar-inner:after {
	display: table;
	content: "";
	line-height: 0;
}

.main-container {
	margin-right: auto;
	margin-left: auto;
}

.main-container, .navbar-static-top .main-container, .navbar-fixed-top .main-container, .navbar-fixed-bottom .main-container {
	width: 940px;
}

.navbar .main-container {
	width: auto;
}

@media (min-width: 1200px) {
	.main-container, .navbar-static-top .main-container, .navbar-fixed-top .main-container, .navbar-fixed-bottom .main-container {
		width: 1170px;
	}
}

#main-header .navbar-inner .main-container {
	padding: 0 calc(((100% - (var(--default-content-width) + (var(--default-content-padding) * 2))) / 2));
	position: relative;
	width: auto;
}

#main-header #main-header-nav .nav>li.active>a .caret:hover {
	border-bottom-color: #fff !important;
	border-top-color: #fff !important;
}

#main-header #main-header-nav .nav>li>a:hover,
#main-header #main-header-user-nav .nav>li>a:hover {
	color: #fff !important;
	border-bottom: solid 1px #fff !important;
}

#main-header #main-header-nav .nav>li.active>a {
	border-bottom: solid 1px #fff !important;
	color: #fff !important;
}

#main-header #main-header-nav .nav li.dropdown.open>.dropdown-menu {
	background-color: #000;
}

.nav-pills>.active>a,
.nav-pills>.active>a:hover,
.nav-pills>.active>a:focus {
	border: 1px solid #000;
	background-color: #000;
}

a.roblox-btn:hover {
	background-color: #000;
	text-decoration: none;
}

#main-header #main-logo {
	min-height: var(--header-height);
	margin: 0 20px 0 0;
	padding: 0;
	position: absolute;
	z-index: 100;
}

a {
	text-decoration: none;
	font-weight: 600;
	color: rgb(85, 26, 139);
	/* color: rgba(0, 157, 255, 1); */
}

a:hover, a:focus {
	color: var(--linkColorHover);
	text-decoration: underline;
}

#main-header #main-logo a {
	display: table-cell;
	height: var(--header-height);
	vertical-align: middle;
}

#main-header #main-logo a img {
	display: block;
	max-height: var(--logo-max-height);
	max-width: 230px;
}

#main-header #nav-wrapper {
	float: right;
	height: var(--header-height);
}

a.btn-navbar-collapsed {
	cursor: pointer;
	color: var(--navColor);
	display: none;
	float: right;
	font-size: 18px;
	padding: 14px 10px 12px;
	text-decoration: none;
}

a.btn-navbar-collapsed {
	color: #fff !important;
}

.hamburger-icon {
	height: 18px;
	width: 16px;
	display: inline-block;
	filter: invert(1);
}

ul {
	padding: 0;
	margin: 0 0 8.5px 25px;
}

.pull-right {
	float: right;
}

.nav {
	margin-left: 0;
	margin-bottom: 17px;
	list-style: none;
}

.pull-right {
	float: right;
}

.navbar .nav {
	position: relative;
	left: 0;
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

.navbar .nav.pull-right {
	float: right;
	margin-right: 0;
}

#main-header #main-header-user-nav .nav {
	width: 100%;
}

li {
	line-height: 17px;
	list-style: unset !important;
}

ol {
	list-style-position: inside;
	padding-left: 0;
}

ol li:before {
	content: "\2003\2003";
}

ol li {
	content: "";
	line-height: 21px;
}

.terms {
	line-height: 21px;
}


#main-header #main-header-user-nav .nav>li {
	float: right;
}

#main-header #main-header-user-nav .nav>li>a {
	border-bottom: 1px solid transparent;
	color: var(--navUserColor);
	font-size: 12px;
	margin: 2px 15px;
	padding: 2px 0;
	text-shadow: var(--navTextshadow);
	transition: var(--navTransition);
}

#main-header #main-header-nav .nav>li>a, #main-header #main-header-user-nav .nav>li>a {
	font-weight: normal;
	color: #fff !important;
}

.collapse {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s ease;
	-moz-transition: height 0.35s ease;
	-o-transition: height 0.35s ease;
	transition: height 0.35s ease;
}

.nav-collapse {
	-webkit-transition: height 0.35s ease !important;
	-moz-transition: height 0.35s ease !important;
	-o-transition: height 0.35s ease !important;
	transition: height 0.35s ease !important;
	max-height: calc(110px + 1%);
}

.nav-collapse.collapse {
	height: auto;
	overflow: visible;
}


.main-container:before, .main-container:after {
	display: table;
	content: "";
	line-height: 0;
}

.main-container:after {
	clear: both;
}

.navbar-inner:before, .navbar-inner:after {
	display: table;
	content: "";
	line-height: 0;
}

.navbar-inner:after {
	clear: both;
}

.nav-pills>.active>a,
.nav-pills>.active>a:hover,
.nav-pills>.active>a:focus {
	border: 1px solid #000;
	background-color: #000;
}

#main-header .navbar-inner #main-header-nav .nav>li.active>a:focus {
	border-bottom: none !important;
}

#main-header #main-header-nav .nav>li>a:focus {
	border: none !important;
	border-bottom: none !important;
}

a:focus,
a:active {
	text-decoration: underline !important;
	color: #000;
}

#main-header #main-header-nav .nav>li>a:focus {
	border: none !important;
	border-bottom: none !important;
}

#main-content {
	background: var(--white) none no-repeat 0 0;
	margin: 0 auto;
	min-height: 400px;
	padding: 20px var(--default-content-padding);
	position: relative;
	width: var(--default-content-width);
}

#main-content, #page-register #main-content {
	margin: 93px auto 130px auto;
}

body #main-content {
	/* margin-top: 100px; */
	background-color: transparent;
	padding: 90px 1.5% 115px 1.5%;
}


.circle-container {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	padding: 25px;
}

.row-fluid {
	width: 100%;
}

.row-fluid:before, .row-fluid:after {
	display: table;
	content: "";
	line-height: 0;
}

@media (min-width: 1200px) {
	.row-fluid:before, .row-fluid:after {
		display: table;
		content: "";
		line-height: 0;
	}
}

body #main-content {
	max-width: 1000px;
}

body #main-content.narrow-container {
	max-width: 600px;
}

#main-footer {
	float: left;
	margin: 0;
	width: 100%;
}

#main-footer {
	background-color: #000;
	color: var(--off-white);
	padding-top: 10px !important;
	position: fixed;
	bottom: 0;
	z-index: 999;
	padding-bottom: 10px;
}

#main-footer {
	position: fixed;
	background-color: #000;
	bottom: 0;
	height: 80px;
}

.text-center {
	text-align: center;
}

.brand-footer {
	font-size: 14px;
	text-align: center;
	padding: 0px;
	margin: 0 0 10px 25px;
	padding-top: 0px;
}

ul.brand-footer li {
	display: inline;
	list-style-type: none;
	padding-right: 15px;
}

.brand-footer a {
	color: var(--white);
}

ul.brand-footer li a {
	color: var(--white);
	font-weight: normal;
}

#main-footer a#powered-by {
	display: block;
	height: 36px;
	margin: 20px auto;
	text-indent: -9999px;
	width: 150px;
}

#main-footer a#powered-by {
	background: transparent url(https://images.rbxcdn.com/de777cd10ee3f06f0c3ae27f1dc6effc) no-repeat 0 0;
	height: 35px;
	margin: 0px auto;
	width: 125px;
	margin-bottom: 5px;
}

.nav>li>a {
	display: block;
}

.navbar .nav>li>a {
	float: none;
	padding: 11.5px 15px 11.5px;
	color: var(--navbarLinkColor);
	text-decoration: none;
	text-shadow: 0 1px 0 var(--navbarBackgroundHighlight);
}

#main-header #main-header-nav .nav>li>a {
	background: var(--navBackground);
	border: var(--navBorder);
	border-bottom: var(--navBorderBottom);
	border-radius: var(--navBorderRadius);
	color: var(--navColor);
	margin: var(--navMargin);
	padding: var(--navPadding);
	text-shadow: var(--navTextshadow);
	text-transform: var(--navTextTransform);
	transition: var(--navTransition);
}

#main-header #main-header-nav .nav>li>a, #main-header #main-header-user-nav .nav>li>a {
	font-weight: normal;
	color: #fff !important;
}

#main-header #main-header-nav .nav {
	margin: 0;
}

@media (min-width: 980px) {
	.nav-collapse.collapse {
		height: auto !important;
		overflow: visible !important;
	}
}

.navbar .nav>li {
	float: left;
}

@media (max-width: 979px) {
	#main-header #nav-wrapper {
		float: none;
		height: auto;
	}
}

@media (max-width: 979px) {
	#main-header .navbar-inner #main-header-user-nav .nav {
		width: auto;
	}
}

@media (max-width: 979px) {
	#main-header #main-logo {
		height: var(--header-height-mobile);
		margin: 0 10px 0 0;
		min-height: var(--header-height-mobile);
	}
}

@media (max-width: 979px) {
	body {
		padding-top: 0;
	}

	.navbar-fixed-top,
	.navbar-fixed-bottom {
		position: static;
	}

	.navbar-fixed-top {
		margin-bottom: 17px;
	}

	.navbar-fixed-bottom {
		margin-top: 17px;
	}

	.navbar-fixed-top .navbar-inner,
	.navbar-fixed-bottom .navbar-inner {
		padding: 5px;
	}

	.navbar .main-container {
		width: auto;
		padding: 0;
	}

	.navbar .brand {
		padding-left: 10px;
		padding-right: 10px;
		margin: 0 0 0 -5px;
	}

	.nav-collapse {
		clear: both;
	}

	.nav-collapse .nav {
		float: none;
		margin: 0 0 8.5px;
	}

	.nav-collapse .nav>li {
		float: none;
	}

	.nav-collapse .nav>li>a {
		margin-bottom: 2px;
	}

	.nav-collapse .nav>.divider-vertical {
		display: none;
	}

	.nav-collapse .nav .nav-header {
		color: var(--navbarText);
		text-shadow: none;
	}

	.nav-collapse .nav>li>a,
	.nav-collapse .dropdown-menu a {
		padding: 9px 15px;
		font-weight: bold;
		color: var(--navbarLinkColor);
		border-radius: 3px;
	}

	.nav-collapse .btn {
		padding: 4px 10px 4px;
		font-weight: normal;
		border-radius: var(--baseBorderRadius);
	}

	.nav-collapse .dropdown-menu li+li a {
		margin-bottom: 2px;
	}

	.nav-collapse .nav>li>a:hover,
	.nav-collapse .nav>li>a:focus,
	.nav-collapse .dropdown-menu a:hover,
	.nav-collapse .dropdown-menu a:focus {
		background-color: var(--navbarBackground);
	}

	.nav-collapse.in .btn-group {
		margin-top: 5px;
		padding: 0;
	}

	.nav-collapse .dropdown-menu {
		position: static;
		top: auto;
		left: auto;
		float: none;
		display: none;
		max-width: none;
		margin: 0 15px;
		padding: 0;
		background-color: transparent;
		border: none;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.nav-collapse .open>.dropdown-menu {
		display: block;
	}

	.nav-collapse .dropdown-menu:before,
	.nav-collapse .dropdown-menu:after {
		display: none;
	}

	.nav-collapse .dropdown-menu .divider {
		display: none;
	}

	.nav-collapse .nav>li>.dropdown-menu:before,
	.nav-collapse .nav>li>.dropdown-menu:after {
		display: none;
	}

	.nav-collapse .navbar-form,
	.nav-collapse .navbar-search {
		float: none;
		padding: 8.5px 15px;
		margin: 8.5px 0;
		border-top: 1px solid var(--navbarBackground);
		border-bottom: 1px solid var(--navbarBackground);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
	}

	.navbar .nav-collapse .nav.pull-right {
		float: none;
		margin-left: 0;
	}

	.nav-collapse,
	.nav-collapse.collapse {
		overflow: hidden;
		height: 0;
	}

	.navbar .btn-navbar {
		display: block;
	}

	.navbar-static .navbar-inner {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (max-width: 767px), (max-width: 979px) {
	body {
		padding: 0;
	}

	.navbar-fixed-top,
	.navbar-fixed-bottom,
	.navbar-static-top {
		margin-left: 0;
		margin-right: 0;
	}

	#main-content-wrapper {
		float: none;
		width: 100%;
	}

	#main-content {
		float: none;
		min-height: 0;
		/* margin: 0 auto; */
		margin-top: 0;
		padding: 20px var(--default-content-padding-mobile);
		width: var(--default-content-width-mobile);
	}

	#main-footer .inner-ftr-content {
		padding: 15px var(--default-content-padding-mobile) 0;
		width: var(--default-content-width-mobile);
	}

	#main-footer .inner-ftr-content .ftr-links li {
		margin-right: 15px;
		text-decoration: underline;
	}

	#main-footer .inner-ftr-content .ftr-links,
	#main-footer .inner-ftr-content .ftr-copy {
		float: left;
		margin-bottom: 10px;
		text-align: left;
		width: 100%;
	}

	.steps li {
		margin-left: 15px;
	}

	.steps li:not(.current) span {
		margin-right: 0;
	}

	.steps li:not(:first-child):after {
		left: -14px;
		width: 10px;
	}

	.steps li.current span.step-text {
		display: inline-table;
	}

	.steps li span.step-text {
		display: none;
	}
}

@media (max-width: 979px) {
	body {
		padding: 0;
	}

	#main-header {
		margin-bottom: var(--body-padding-top-mobile);
	}

	#main-header #main-logo {
		height: var(--header-height-mobile);
		margin: 0 10px 0 0;
		min-height: var(--header-height-mobile);
	}

	#main-header #main-logo a {
		height: var(--header-height-mobile);
	}

	#main-header #main-logo a img {
		max-height: 35px;
		max-width: 150px;
	}

	#main-header #nav-wrapper {
		float: none;
		height: auto;
	}

	#main-header .navbar-inner {
		padding: 0;
	}

	#main-header .navbar-inner .main-container {
		padding: 0 calc(((100% - (var(--default-content-width-mobile) + (var(--default-content-padding-mobile) * 2))) / 2));
		width: auto;
	}

	#main-header .navbar-inner .btn-navbar-collapsed {
		display: block;
	}

	#main-header .navbar-inner #main-header-user-nav .nav {
		width: auto;
	}

	#main-header .navbar-inner #main-header-user-nav .nav>li>a {
		font-size: 14px;
		margin: 0;
		padding: 14px;
	}

	#main-header .navbar-inner #main-header-user-nav .nav #accounts {
		display: none;
	}

	#main-header .navbar-inner #main-header-nav {
		margin-left: -1%;
		width: 102%;
	}

	#main-header .navbar-inner #main-header-nav .nav {
		border-top: 1px solid var(--header-bg-top);
		-webkit-box-shadow: inset 0 8px 10px -10px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: inset 0 8px 10px -10px rgba(0, 0, 0, 0.15);
		box-shadow: inset 0 8px 10px -10px rgba(0, 0, 0, 0.15);
		padding: 1%;
	}

	#main-header .navbar-inner #main-header-nav .nav>li>a {
		border-bottom: none;
		color: var(--navColor);
		margin: 2px 0;
		padding: 7px 10px;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}

	#main-header .navbar-inner #main-header-nav .nav>li>a:hover,
	#main-header .navbar-inner #main-header-nav .nav>li>a:focus:hover,
	.open #main-header .navbar-inner #main-header-nav .nav>li>a {
		background: hsla(var(--header-bg-top-hue), var(--header-bg-top-saturation), calc(var(--header-bg-top-lightness) - 3%), var(--header-bg-top-opacity));
		border-bottom: none;
	}

	#main-header .navbar-inner #main-header-nav .nav>li>a:focus {
		background: transparent;
	}

	#main-header .navbar-inner #main-header-nav .nav>li.active>.dropdown-toggle,
	#main-header .navbar-inner #main-header-nav .nav>li.active>a {
		background: hsla(var(--header-bg-top-hue), var(--header-bg-top-saturation), calc(var(--header-bg-top-lightness) - 3%), var(--header-bg-top-opacity));
		border-bottom: none;
		color: var(--navColor);
	}

	#main-header .navbar-inner #main-header-nav .nav li.dropdown>.dropdown-menu a {
		color: var(--navColor);
	}

	#main-header .navbar-inner #main-header-nav .nav li.dropdown.open>.dropdown-toggle {
		background: hsla(var(--header-bg-top-hue), var(--header-bg-top-saturation), calc(var(--header-bg-top-lightness) - 8%), var(--header-bg-top-opacity));
		border-bottom: none;
		color: var(--navColor);
	}

	#main-header .navbar-inner #main-header-nav .nav li.dropdown.open>.dropdown-menu {
		margin: 2px 0;
	}

	#main-header .navbar-inner #main-header-nav .nav li.dropdown.open .dropdown-menu li>a:hover,
	#main-header .navbar-inner #main-header-nav .nav li.dropdown.open .dropdown-menu li>a:focus {
		background: hsla(var(--header-bg-top-hue), var(--header-bg-top-saturation), calc(var(--header-bg-top-lightness) - 8%), var(--header-bg-top-opacity));
		color: var(--navColor);
	}

	#main-header .navbar-inner #main-header-nav .nav li.dropdown.open .dropdown-menu li .active:before {
		color: #222;
		content: "\F00C";
		font-family: FontAwesome;
		font-size: 10px;
		position: absolute;
		margin: 1px 0 0 -14px;
	}

	#main-header .navbar-inner .nav>li>a:hover,
	#main-header .navbar-inner .nav>li>a:focus,
	.open #main-header .navbar-inner .nav>li,
	#main-header .navbar-inner .nav>li.dropdown.open>.dropdown-toggle {
		color: var(--navColor);
		background: transparent;
		text-shadow: none;
	}

	#main-header .navbar-inner .nav>li>a:hover:focus,
	#main-header .navbar-inner .nav>li>a:focus:focus,
	.open #main-header .navbar-inner .nav>li:focus,
	#main-header .navbar-inner .nav>li.dropdown.open>.dropdown-toggle:focus {
		background: transparent;
	}

	#main-header .navbar-inner .nav>li>a:hover .caret,
	#main-header .navbar-inner .nav>li>a:focus .caret,
	.open #main-header .navbar-inner .nav>li .caret,
	#main-header .navbar-inner .nav>li.dropdown.open>.dropdown-toggle .caret {
		border-top-color: var(--navCaretColor);
		border-bottom-color: var(--navCaretColor);
	}

	#main-header .navbar-inner .btn-navbar {
		padding: 9px;
	}

	#main-header .navbar-inner .dropdown #username-wrapper {
		height: 44px;
		overflow: hidden;
		position: absolute;
		right: -4px;
		top: 0;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
		width: 0;
		z-index: 100;
	}

	#main-header .navbar-inner .dropdown #username-wrapper #username {
		background: hsla(var(--header-bg-top-hue), var(--header-bg-top-saturation), var(--header-bg-top-lightness), 0.96);
		-webkit-box-shadow: -4px 0 10px -5px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: -4px 0 10px -5px rgba(0, 0, 0, 0.4);
		box-shadow: -4px 0 10px -5px rgba(0, 0, 0, 0.4);
		color: var(--navColor);
		max-width: 200px;
		padding: 12px 20px 15px;
		position: absolute;
		right: -345px;
		top: 0;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
		white-space: nowrap;
	}

	#main-header .navbar-inner .dropdown.open #username-wrapper {
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		-o-transition: all 0s ease;
		transition: all 0s ease;
		width: 350px;
	}

	#main-header .navbar-inner .dropdown.open #username-wrapper #username {
		right: 0;
		-webkit-transition: all 0.35s ease;
		-moz-transition: all 0.35s ease;
		-o-transition: all 0.35s ease;
		transition: all 0.35s ease;
	}

	#main-header .navbar-inner .user-nav-text {
		display: none;
	}
}

@media only screen and (min-device-width: 1000px) and (max-device-width: 1050px) {
	ul.brand-footer li {
		display: inline-block;
	}

	#main-footer a#powered-by {
		height: 29px;
		margin: 0px auto;
		width: 97px;
	}

	#main-footer {
		height: 85px;
	}
}

@media only screen and (min-device-width: 821px) and (max-device-width: 950px) {
	/* body #main-content {
		margin-top: 15%;
	} */

	/* #main-content {
		margin: 30px auto 90px auto;
	} */

	#main-footer {
		height: 95px;
	}

	ul.brand-footer li {
		display: inline-block;
	}
}

@media only screen and (max-width: 820px) {
	#main-header #main-logo a img {
		max-width: 120px;
		padding-left: 5px;
	}

	/* body #main-content {
		margin-top: 5%;
	} */

	#main-content {
		margin: 20px auto 130px auto;
	}

	ul.brand-footer li {
		display: inline-block;
	}

	#main-footer {
		padding-bottom: 20px;
	}
}

@media only screen and (max-width: 768px) {
	body #main-content {
	  margin-top: 0px;
	}
	body #main-content {
	  padding: 65px 1.5% 115px 1.5%;
	}
  }

@media only screen and (max-width: 768px) {
	body #main-content {
		margin-top: 0px;
	}

	body #main-content {
		padding: 65px 1.5% 115px 1.5%;
	}
}

@media only screen and (max-width: 550px) {
	body {
		background-size: cover;
	}

	body>div#main-container {
		max-height: 700px;
		overflow: auto;
	}

	bodybody>div#main-container,
	body#how-it-works>div#main-container,
	body#page-login>div#main-container {
		max-height: inherit;
	}

	#main-footer {
		position: inherit;
		height: 145px;
		padding-bottom: 23px;
	}
	
	#main-footer a#powered-by {
		margin-bottom: 0px;
	}

	ul.brand-footer li {
		display: block;
		line-height: 20px;
		font-size: 12px;
	}

	body #main-content {
		margin-top: 0px;
	}

	body #main-content {
		padding: 0px 1.5% 0px 1.5%;
	}

	#main-content {
		margin: 20px auto 15px auto;
	}

	.subform-container select {
		min-width: 22em;
	}

	.subform-container input {
		min-width: 21em;
	}
}

#main-header .navbar-inner #main-header-nav .nav>li>a:hover {
	background: transparent !important;
	border-bottom: none !important;
}

.button-container {
	text-align: center;
}

@media (max-width: 979px) {
	#main-header #main-logo a img {
		max-height: 35px;
		max-width: 150px;
	}
	#main-content.terms-wrapper {
		padding-top: 0px !important;
	}
}

@media only screen and (max-width: 820px) {
	#main-header #main-logo a img {
		max-width: 120px;
		padding-left: 5px;
	}
}

#main-container {
	min-height: 600px;
}

.hero-image {
	width: 100%;
	display: block;
	text-align: center;
}

.hero-image img {
	width: auto;
	max-width: 80%;
}

.circle-container .row-fluid .content {
	text-align: center;
	margin-top: 20px;
}

.circle-container .row-fluid .content input[type="button"] {
	margin: 20px 0px;
}

.circle-container .row-fluid .content p {
	line-height: 21px;
	overflow-wrap: anywhere;
}


input[type="button"] {
	background-color: #000;
	border: 1px solid #000;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	/* margin-bottom: 20px;
    margin-top: 20px; */
	text-transform: none;
	/* padding: 15px 30px; */
	padding: 12px 30px;
	min-width: 130px;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	cursor: pointer;
}

@media (max-width: 440px) {
	input[type="button"] {
		padding: 12px 8vw;
		font-size: 13px;
	}
}

@media (max-width: 360px) {
	input[type="button"] {
		padding: 12px 4vw;
		font-size: 12px;
	}

	.circle-container .row-fluid .content p {
		font-size: 12px;
	}
}

/* Ovewriting default styles */
#SponsoredPage {
	background-color: #656668 !important;
	letter-spacing: normal !important;
	text-align: initial !important;
}

#body, body {
	background-color: #656668 !important;
}

.header {
	display: none !important;
}

* {
	box-sizing: initial !important;
}

#section2 {
	background-color: initial !important;
	display: block !important;
}

#RepositionBody {
	margin-bottom: -60px !important;
}

.circle-container .row-fluid .content.content-cols {
	display: flex;
	margin-top: 0px;
	margin-left: 2.56410256%;
}

.content.content-cols p {
	text-align: left;
}

.content.content-cols .span-left {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 57.26495726%;
}

.content.content-cols h1, h2, h3, h4, h5, h6 {
	padding: 10px 0px 10px;
}
.content.content-cols h3 {
	padding: 0px 0px 10px;
	font-size: 19px;
    font-weight: 300;
}

.section-footnote {
	font-size: 12px;
}

.content.content-cols .span-right .hero-image {
	margin-top: 50px;
}

.content.content-cols .span-right .hero-image img {
	width: auto;
	max-width: 100%;
}

.circle-container .row-fluid .content.content.content-cols input[type="button"] {
	margin: 10px 0px;
	min-width: 50px;
}

.modal {
	position: fixed;
	z-index: 2000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.modal-main {
	background-color: #FFFFFF;
	margin: auto;
	margin-top: 200px;
	padding: 40px;
    max-width: 450px;
	text-align: center;
	position: relative;
}

.modal-main * {
	display: block;
	color: #000 !important
}

.modal-main h3 {
	font-size: 18px;
	font-weight: 500;
}

.modal-main .modal-location-option {
	padding: 12px;
	display: flex;
    justify-content: center;
}

.modal-main .modal-location-option a {
	text-decoration: none !important;
	font-size: 18px;
	font-weight: 500;
	padding: 8px 12px;
	border: 2px solid rgba(0, 0, 0, 0);
	transition: border 100ms;
}

.modal-main .modal-location-option a:hover {
	text-decoration: none;
	border: 2px solid rgba(0, 0, 0, 1);
	transition: border 100ms;
}

a.modal-exit {
	color: #000 !important;
	font-size: 30px;
	font-weight: 700;
	text-decoration: none !important;
	border: 2px solid #000;
	padding: 2px;
	position: absolute;
	top: 10;
	right: 10;
}

a.modal-exit:hover {
	color: #4b4a4a !important;
	border: 2px solid #4b4a4a;
}

.modal-logo {
	height: 40px;
	width: auto;
	filter: brightness(0);
	margin: 0 auto 12px auto;
}

@media only screen and (max-device-width: 950px) {
	.circle-container .row-fluid .content.content-cols {
		flex-direction: column-reverse;
		margin-left: 0%;
	}
	.content.content-cols p {
		text-align: center;
	}
	.content.content-cols .span-right .hero-image {
		margin-top: 0px;
	}
	.modal-main {
		width: 60%;
	}
}