body {
	/*
	background: #292929;
	color: #FFFFFF;
	*/
	background: #FFFFFF;
	color: #000000;
	margin: 0;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
hr {
    border: 0;
    height: 1px;
    background: rgba(50, 50, 50, 0.5);
    background: -webkit-linear-gradient(left, rgba(50, 50, 50, 0.1), rgba(50, 50, 50, 0.5) 50%, rgba(50, 50, 50, 0.1));
    background: -moz-linear-gradient(left, rgba(50, 50, 50, 0.1), rgba(50, 50, 50, 0.5) 50%, rgba(50, 50, 50, 0.1));
    background: -o-linear-gradient(left, rgba(50, 50, 50, 0.1), rgba(50, 50, 50, 0.5) 50%, rgba(50, 50, 50, 0.1));
    background: linear-gradient(left, rgba(50, 50, 50, 0.1), rgba(50, 50, 50, 0.5) 50%, rgba(50, 50, 50, 0.1));
}
p {
	text-align: center;
}
a {
	color: #21C2F8;
	text-decoration: none;
}

.main-container {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 18em;
}
@media screen and (min-width: 768px) and (orientation: landscape) {
	.main-container {
		margin: 0 auto;
		padding-bottom: 5em;
	}
	.main-container > div:first-child {
		min-width: 800px;
		max-width: 1600px;
	}
}

.slogan-header {
	text-align: center;
	font-family: 'NovecentowideBookBold','Helvetica Neue',Helvetica,sans-serif;
}

.pagination {
	list-style-type: none;
	display: flex;
	justify-content: center;
	padding-left: 0;
	max-width: 100%;
}
.pagination.desktop-pag {
	display: none;
}
@media screen and (min-width: 768px) and (orientation: landscape) {
	.pagination.mobile-pag {
		display: none;
	}
	.pagination.desktop-pag {
		display: flex;
	}
}
.pagination li {
	display: inline-block;
	margin: 0.3em;
	width: 7em;
	background: #21C2F8;
	text-align: center;
	padding: 0.5em 0;
	border: solid 2px #21C2F8;
	font-family: 'NovecentowideBookBold','Helvetica Neue',Helvetica,sans-serif;
}
@media screen and (min-width: 768px) and (orientation: landscape) {
	.pagination li {
		margin: 1em;
	}
}
.pagination li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	text-decoration: none;
}
.pagination li.disabled {
	background: inherit;
}
.pagination li.paginator-separator {
	width: 0;
	overflow: hidden;
	border-color: #414141;
}
@media screen and (min-width: 768px) and (orientation: landscape) {
	.pagination li.paginator-separator {
		width: 7em;
		overflow: auto;
		border-color: #21C2F8;
	}
}

.numbered-list {
	list-style-type: decimal;
}
.lettered-list {
	list-style-type: lower-alpha;
}

.tooltip {
	opacity: 1;
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted rgba(0,0,0,0.5);
}
.tooltip .tooltiptext {
	visibility: hidden;
	background-color: #EEECEB;
	color: #000000;
	text-align: center;
	padding: 1rem 0.5rem;
	border-radius: 5px;
	position: absolute;
	z-index: 1000;
	bottom: 125%;
	opacity: 0;
	transition: opacity 0.3s;
	width: 150px;
}
.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}


.override-appearance {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.g-recaptcha {
	transform: scale(.74);
	transform-origin: 0 0;
	-webkit-transform: scale(.74);
	-webkit-transform-origin: 0 0;
}
@media screen and (min-width: 350px) {
	.g-recaptcha {
		transform: scale(.85);
		-webkit-transform: scale(.85);
	}
}
@media screen and (min-width: 768px) and (orientation: landscape) {
	.g-recaptcha {
		transform: none;
		-webkit-transform: none;
		transform-origin: none;
		-webkit-transform-origin: none;
	}
}

.blue-button {
	display: inline-block;
	margin: 1em;
	background: #21C2F8;
	text-align: center;
	padding: 0.5em;
	border-width: 2px;
	border-color: #21C2F8;
	border-style: solid;
	font-family: 'NovecentowideBookBold','Helvetica Neue',Helvetica,sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

.grey-button {
	display: inline-block;
	margin: 1em;
	background: #292929;
	text-align: center;
	padding: 0.5em;
	border-width: 2px;
	border-color: #21C2F8;
	border-style: solid;
	font-family: 'NovecentowideBookBold','Helvetica Neue',Helvetica,sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

.center {
	margin: 0 auto;
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center !important;
}
.full-width {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

.zoom-one-fifty {
	zoom: 1.5;
}

.strong {
	font-weight: bold;
}
.em {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}

.sans-serif {
	font-family: 'Roboto','Helvetica Neue',Helvetica, Arial, sans-serif;
}
.serif {
	font-family: 'Times New Roman', serif;
}
.dincond {
	font-family: 'dincond-reg', Helvetica, Arial, sans-serif;
}
.dincond.strong {
	font-family: 'dincond-bold', Helvetica, Arial, sans-serif;
	font-weight: normal;
}
.segui {
	font-family: 'segui-emj', Helvetica, Arial, sans-serif;
}
.source {
	font-family: 'source-blk', Helvetica, Arial, sans-serif;
}
.dengxian-lat {
	font-family: 'dengxian-latin', Helvetica, Arial, sans-serif;
}
.montserrat {
	font-family: 'montserrat', Helvetica, Arial, sans-serif;
}
.poppins {
	font-family: 'poppins', Verdana, Helvetica, Arial, sans-serif;
}

.grey {
	color: #41415A !important;
}
.light-grey {
	color: #C4C8D5 !important;
}
.blue {
	color: #4ABDE7 !important;
}
.red {
	color: #FF0000 !important;
}
.green {
	color: #0CA32F !important;
}
.black {
	color: #000000 !important;
}
.white {
	color: #FFFFFF !important;
}
.invis {
	display: none !important;
}

@media screen and (max-width: 767px), screen and (orientation: portrait) {
	.desktop-only {
		display: none !important;
	}
}
@media screen and (min-width: 768px), screen and (orientation: landscape) {
	.mobile-only {
		display: none !important;
	}
}

#notification {
	background: #6BB6D9;
	position: relative;
	top: -1rem;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 2em;
	padding: 2px 0.5rem 5px 0.5rem;
	box-sizing: border-box;
}
@media screen and (min-width: 768px) and (orientation: landscape) {
	#notification {
		position: absolute;
		top: 4.25rem;
		left: 0;
		max-width: 100%;
	}
}