/*
	** SHARED BY WEBSITE AND CHECKOUT REPOS **
	Any changes to this file should be commited to both repos!
	Updated: 18/07/2024
	Updated: 31/08/2023
*/
@import url('https://fonts.googleapis.com/css?family=Spartan:400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Arimo:400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

@keyframes fade-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}

body {
	width: 100%;
	min-height: 100%;
	overflow: auto;
	background: #FFF;
	font-family: 'Open Sans', sans-serif; 
	color: #182534;
}

section {
	padding: 3rem 0;
	z-index: 1;
}
section.align-middle {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
section.off-white {
	background: #FBFCFD;
}
section.dark {
	background: rgb(24,37,52);
	background: -moz-linear-gradient(45deg, rgba(24,37,52,1) 0%, rgba(65,77,91,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(24,37,52,1) 0%, rgba(65,77,91,1) 100%);
	background: linear-gradient(45deg, rgba(24,37,52,1) 0%, rgba(65,77,91,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#182534",endColorstr="#414d5b",GradientType=1);
	background-attachment: fixed;
	color: #FFF;
}
section.thin-padding {
	padding: 2rem 0;
}
section.thick-padding {
	padding: 4rem 0;
}
section.no-padding-top {
	padding-top: 0;
}
section.no-padding-bottom {
	padding-bottom: 0;
}


h1.default,
.default h1 {
	font-family: 'Spartan', sans-serif;
	font-size: 2.2rem;
	font-weight: normal;
	line-height: 3rem;
	border-bottom: 1px dotted #ECECEC;
	margin: 0.5rem 0rem 2rem 0rem;
}
section.dark h1.default {
	border-color: #414D5B;
}
h1.fun {
	font-family: 'Nanum Pen Script', sans-serif;
	font-size: 4rem;
	font-weight: 600;
}
h1.fun > i {
	font-size: 2.2rem;
	vertical-align: top;
	margin-top: 0.2rem;
}

h2.default,
.default h2 {
	font-family: 'Spartan', sans-serif;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 2.4rem;
	border-bottom: 1px dotted #ECECEC;
	padding-bottom: 0.3rem;
	margin: 1rem 0rem 1rem 0rem;
}
h2.large {
	font-size: 2rem;
}
h2.margin-top {
	margin-top: 2rem;
}
h2.no-margin-top {
	margin-top: 0;
}
h2.margin-bottom {
	margin-bottom: 2rem;
}
section.dark h2.default {
	border-color: #414D5B;
}
h2.fun {
	font-family: 'Nanum Pen Script', sans-serif;
	font-size: 3rem;
}

h3.default,
.default h3 {
	display: inline-block;
	font-family: 'Spartan', sans-serif;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.8rem;
	border-bottom: 1px dotted #E8E8E8;
	margin-top: 0;
	margin-bottom: 1rem;
}
h3.form {
	margin-left: 0.75rem;
}
h3.margin-top {
	margin-top: 2rem;
}
h3.margin-bottom {
	margin-bottom: 2rem;
}

h4.default,
.default h4 {
	display: inline-block;
	font-family: 'Spartan', sans-serif;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.8rem;
	border-bottom: 1px dotted #E8E8E8;
	margin-top: 2rem;
	margin-bottom: 1rem;
}
h4.no-margin-top {
	margin-top: 0;
}

h1 > i,
h2 > i,
h3 > i,
h4 > i{ 
	color: #00C8C3;
	margin-right: 0.2rem;
}
h1 > i.accent,
h2 > i.accent,
h3 > i.accent,
h4 > i.accent{ 
	color: #DF0073;
}

p {
	margin-top: 0;
	font-size: 0.9rem;
	line-height: 1.6rem;
}
p.default
.default p {
	margin-bottom: 1rem;
}
p.default:last-of-type,
.default p:last-of-type {
	margin-bottom: 2rem;
}
p.margin-top {
	margin-top: 2rem;
}

ol.default,
ul.default,
.default ol,
.default ul {
	font-size: 0.9rem;
	line-height: 1.6rem;
}

ol.default,
.default ol { 
	counter-reset: item;
	padding-left: 0;
}
ol.default > li,
.default ol > li { 
	display: table;
	counter-increment: item;
	margin-bottom: 0.5rem;
}
ol.wide-spacing > li {
	margin-bottom: 1rem;
}
ol.default > li:before,
.default ol > li:before {
	content: counter(item) ". ";
	display: table-cell;
	width: 1.8rem;
	color: #00C8C3;
	font-weight: 600;
}

ul.default > li:before,
.default ul > li:before {
	content: '■';
	color: #00C8C3;
	font-weight: 600;
	margin: 0 0.6rem;
}
ul.tick.default > li:before,
.default ul.tick > li:before {
	content: '✓';
	font-size: 1.5rem;
	margin-right: 1rem;
}

hr.default,
.default hr {
	border: 0;
	border-bottom: 1px dotted #ECECEC;
}
hr.margin {
	margin: 3rem 0;
}

a {
	color: #182534;
	text-decoration: none;
}
a.default,
.default a {
	color: #00BFBA;
	font-weight: 600;
	border-bottom: 1px dotted #00BFBA;
	transition: all 0.2s ease;
}
a.default:hover,
.default a:hover {
	color: #00DFD9;
	border-bottom-color: #00DFD9;
}

a.gray,
.gray a {
	color: #EEE;
	font-weight: 600;
	border-bottom: 1px dotted #EEE;
	transition: all 0.2s ease;
}
a.gray:hover,
.gray a:hover {
	color: #FFF;
	border-bottom-color: #FFF;
}

a.accent,
.accent a {
	color: #FF007F;
	font-weight: 600;
	border-bottom: 1px dotted #FF007F;
	transition: all 0.2s ease;
}
a.accent:hover,
.accent a:hover {
	color: #DF0073;
	border-bottom-color: #DF0073;
}

a.default i,
.default a i {
	color: #00BFBA;
}
a.default:hover i,
.default a:hover i {
	color: #00DFD9;
}

a.accent i,
.accent a i {
	color: #FF007F;
}
a.accent:hover i,
.accent a:hover i {
	color: #DF0073;
}


a.dark {
	color: #182534;
	font-weight: 600;
	border-bottom: 1px dotted #00BFBA;
	transition: all 0.2s ease;
}
a.dark.accent {
	border-color: #DF0073;
}
a.dark:hover {
	color: #00C8C3;
	border-color: #00C8C3;
}
a.dark.accent:hover {
	color: #FF007F;
	border-color: #FF007F;
}

strong {
	font-weight: 600;
}

em.light,
em.gray,
span.light,
span.gray {
	color: #999;
}

footer {
	background: #00C8C3;
	font-size: 0.8rem;
	color: #FFF;
	text-align:center;
}
footer hr {
	width: 100%;
	height: 4px;
	background: rgb(0,200,195);
	background: linear-gradient(90deg, rgba(0,200,195,1) 0%, rgba(0,223,217,1) 50%, rgba(0,200,195,1) 100%);
	margin: 0;
	border: 0;
}
footer .row {
	margin-bottom: 0;
}
footer .row > div {
	height: 190px;
	background: #00BFBA;
	border-right: 1px dotted #00DFD9;
	transition: background 0.4s ease;
}
footer .row > div:first-of-type {
	border-left: 1px dotted #00DFD9;
}
footer h3 {
	display: inline-block;
	font-family: 'Spartan', sans-serif;
	font-size: 1.4rem;
	border-bottom: 1px solid #00DFD9;
	margin: 1rem 0;
}
footer a {
	display: block;
	font-size: 0.9rem;
	color: #FFF;
}
footer .address {
	font-size: 0.8rem;
}
footer .contact a.phone {
	margin-top: 0.4rem;
	font-size: 1.6rem;
	font-weight: 600;
}
footer .contact a i {
	font-size: 1.6rem;
	margin-right: 0.8rem;
	vertical-align: middle;
}
footer .contact a.phone i {
	margin-right: 0.6rem;
}
footer .links a {
	display: inline-block;
	border-bottom: 1px dotted #00DFD9;
	transition: all 0.4s ease;
	margin-bottom: 0.2rem;
}
footer .links a:hover {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}

footer .socials .links {
	text-align: left;
}
footer .socials a {
	display: inline-block;
	width: 42%;
	padding: 0.5rem;
	text-align: left;
	line-height: 2rem;
	transition: all 0.4s ease;
	margin-left: 1rem;
	border: 0;
}
footer .socials a:hover {
	background: #FFF;
	font-weight: 600;
	border-radius: 3px;
	border: 0;
}
footer .socials a.facebook:hover {
	color: #3F55AB;
}
footer .socials a.youtube:hover {
	color: #FF2D3C;
}
footer .socials a.twitter:hover {
	color: #60B8FF;
}
footer .socials a.instagram:hover {
	color: #E04A91;
}
footer .socials a.tiktok:hover {
	color: #EE1D52;
}
footer .socials a i {
	font-size: 1.8rem;
	margin-right: 0.5rem;
	vertical-align: middle;
}

footer .copyright {
	padding: 0.6rem;
	background: #182534;
	text-align: center;
	font-size: 0.8rem;
}


#container {
    position: relative;
    min-height: 100vh;
}

#bcrumbs {
	background: #FBFCFD;
	width: 100%;
	font-weight: 600;
	border-bottom: 1px dotted #F5F8FA;
}
#bcrumbs .bcrumb {
	position: relative;
	display: inline-block;
	height: 26px;
	padding: 0 2rem;
	padding-left: calc(26px + 1rem);
	background: #FBFCFD;
	color: #182534;
	font-size: 0.7rem;
	line-height: 26px;
	transition: all 0.4s ease;
}
#bcrumbs .bcrumb:first-of-type {
	padding-left: 1rem;
}
#bcrumbs .bcrumb:nth-of-type(odd) {
	background: #F5F8FA;
}
#bcrumbs .bcrumb:hover {
	background: #182534;
	color: #FFF;
}
#bcrumbs .bcrumb:not(:last-of-type):after {
	position: absolute;
	right: -24px;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 0 13px 24.0px;
	border-color: transparent transparent transparent #FBFCFD;
	z-index: 2;
	transition: all 0.4s ease;
}
#bcrumbs .bcrumb:not(:last-of-type):nth-of-type(odd):after {
	border-color: transparent transparent transparent #F5F8FA;
}
#bcrumbs .bcrumb:last-of-type {
	border-top-right-radius: 24px;
	border-bottom-right-radius: 24px;
}
#bcrumbs .bcrumb:hover:after {
	border-color: transparent transparent transparent #182534 !important;
}

#loading-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(255 255 255 / 90%);
	z-index: 1000;
	pointer-events: none;
}
#loading-overlay .loading-icon-cntr {
	text-align: center;
}

#cookie-warning {
	height: 24%;
}
#cookie-warning .modal-content {
	height: auto;
}

#share-buttons {
	position: absolute;
	top: 0;
	right: 0;
}
#share-buttons > * {
	display: inline-block;
}
#share-buttons > div {
	font-size: 0.8rem;
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 0.5rem;
}
#share-buttons > a {
	width: 2rem;
	height: 2rem;
	line-height: 2.3rem;
	text-align: center;
	transition: all 0.2s ease;
}
#share-buttons > a.facebook {
	background: #3F55AB;
}
#share-buttons > a.twitter {
	background: #60B8FF;
}
#share-buttons > a.email {
	background: #9D60FF;
}
#share-buttons > a:hover {
	transform: scale(110%);
}
#share-buttons > * > i {
	font-size: 1.4rem;
	color: #FFF;
}

#stage-tabs {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 2rem;
	background: #FFF;
	border: 1px solid #EEE;
	text-align: center;
	border-radius: 4px;
}
#stage-tabs > div {
	display: table-cell;
	width: 2%;
	padding: 0.6rem 1rem;
	border-right: 1px solid #EEE;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 600;
}
#stage-tabs > div:last-of-type {
	border-right: 0;
}
#stage-tabs > div.active {
	background: #182534;
	color: #FFF;
	border-right: 0;
	box-shadow: #CCC 1px 1px 2px;
}
#stage-tabs > div div {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background: #00C8C3;
	font-size: 0.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 1rem;
	color: #FFF;
	border-radius: 3px;
	margin-right: 0.2rem;
}
#stage-tabs.alt > div div {
	background: #DF0073;
}
#stage-tabs > div.active div
{
	background: #FFF;
	color: #182534;
}

.max-width {
	position: relative;
    width: 1200px;
    margin: 0 auto;
}

.flex {
	display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hidden {
	display: none;
}

.unselectable {
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;	
}

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

.float-left {
	float: left;
}
.float-right {
	float: right;
}

.pos-relative {
	position: relative;
}

.tiny {
	font-size: 0.7rem;
}
.small {
	font-size: 0.8rem;
}
.relative-small {
	font-size: 0.6em;
}
.medium {
	font-size: 0.9rem;
}
.normal {
	font-size: 1rem;
}
.large {
	font-size: 1.1rem;
}
.xl {
	font-size: 1.3rem;
}
.xxl {
	font-size: 1.6rem;
}

.highlight {
	font-weight: 600;
	color: #00C8C3;
}

.accent {
	font-weight: 600;
	color: #FF007F;
}

.underline {
	text-decoration: underline;
}

.strike {
	text-decoration: line-through;
}

.no-margin {
	margin: 0;
}
.no-margin-top {
	margin-top: 0;
}
.no-margin-bottom {
	margin-bottom: 0;
}
.margin1 {
	margin: 1rem;
}
.margin2 {
	margin: 2rem;
}
.margin3 {
	margin: 3rem;
}
.margin-b05 {
	margin-bottom: 0.5rem;
}
.margin-b1 {
	margin-bottom: 1rem;
}
.margin-b2 {
	margin-bottom: 2rem;
}
.margin-b3 {
	margin-bottom: 3rem;
}

.no-padding {
	padding: 0;
}
.no-padding-top {
	padding-top: 0;
}
.no-padding-bottom {
	padding-bottom: 0;
}
.padding1 {
	padding: 1rem;
}
.padding2 {
	padding: 2rem;
}
.padding3 {
	padding: 3rem;
}

.min100vh {
	min-height: 100vh;
}
.min90vh {
	min-height: 90vh;
}
.min80vh {
	min-height: 80vh;
}
.min50vh {
	min-height: 50vh;
}

.vh-minus-header {
	height: calc(100vh - 129px);
}

.mobile-show {
	display: none;
}

.vertical-middle {
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
}
.abs-vertical-middle {
	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
	width: 100%;
}

.display-table {
	display: table;
	width: 100%;
}
.display-table > * {
	display: table-cell;
}
.display-block {
	display: block;
}
.inline-block {
	display: inline-block;
}

.simple-grid {
	display: grid;
	grid-auto-columns: 1fr;
	grid-auto-flow: column;
	grid-gap: 1.3rem;
	margin-bottom: 1.3rem;
	align-items: end;
}
.simple-grid.no-spacing {
	grid-gap: 0;
	margin-bottom: 0;
}
.simple-grid.narrow-spacing {
	grid-gap: 0.6rem;
	margin-bottom: 0.6rem;
}
.simple-grid.wide-spacing {
	grid-gap: 2.0rem;
	margin-bottom: 2.0rem;
}
.simple-grid.no-margin {
	margin-bottom: 0;
}
.simple-grid.align-start {
	align-items: start;
}
.simple-grid.align-center {
	align-items: center;
}
.simple-grid.two-column {
	grid-template-columns: repeat(2, minmax(0, 1fr));;
	grid-auto-flow: unset;
}
.simple-grid.three-column {
	grid-template-columns: repeat(3, minmax(0, 1fr));;
	grid-auto-flow: unset;
}
.simple-grid.four-column {
	grid-template-columns: repeat(4, minmax(0, 1fr));;
	grid-auto-flow: unset;
}
.simple-grid.five-column {
	grid-template-columns: repeat(5, minmax(0, 1fr));;
	grid-auto-flow: unset;
}
.simple-grid.six-column {
	grid-template-columns: repeat(6, minmax(0, 1fr));;
	grid-auto-flow: unset;
}

.badge {
	display: inline-block;
	min-width: 50px;
	padding: 0px 5px;
	height: 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.7rem;
	font-weight: 600;
	color: #FFF;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 3px;
	overflow: hidden;
	vertical-align: middle;
}
.badge.outline {
	background: #FFF !important;
	border: 2px solid #CCC;
	color: #182534;
	line-height: 16px;
}
.badge.no-transform {
	text-transform: none;
}
.badge.black {
	background: #222 !important;
	border-color: #222;
}
.badge.grey {
	background: #999 !important;
	border-color: #999;
}
.badge.purple {
	background: #8068AB !important;
	border-color: #8068AB;
}
.badge.blue {
	background: #2196F3 !important;
	border-color: #2196F3;
}
.badge.light-blue {
	background: #00BFFF !important;
	border-color: #00BFFF;
	color: #182534;
}
.badge.green {
	background: #00C8C3 !important;
	border-color: #00C8C3;
}
.badge.light-green {
	background: #00D98F !important;
	border-color: #00D98F;
	color: #182534;
}
.badge.yellow {
	background: #FFEB3B !important;
	border-color: #FFEB3B;
	color: #182534;
	font-weight: bold;
}
.badge.orange,
.badge.amber {
	background: #FF9800 !important;
	border-color: #FF9800;
	color: #182534;
}
.badge.red {
	background: #DF0073 !important;
	border-color: #DF0073;
}
.badge.pink {
	background: #F3ADFF !important;
	border-color: #F3ADFF;
	color: #182534;
}

.background {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.background.hero {
	height: calc(100vh - 154px);
}

.content-box-cntr {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.content-box {
	width: 45%;
	background: rgb(24 37 52 / 70%);
	color: #FFF;
	padding: 2.6rem;
	overflow: auto;
}
.content-box.a80 {
	background: rgb(24 37 52 / 80%);
}
.content-box.a90 {
	background: rgb(24 37 52 / 90%);
}
.content-box.accent {
	background: rgb(52 24 51 / 75%);
}
.content-box.light {
	background: rgb(255 255 255 / 90%);
	color: #182534;
}
.content-box.hero {
	height: 100%;
}
.content-box h1 {
	font-family: 'Spartan', sans-serif;
	font-size: 2.2rem;
	font-weight: normal;
	margin: 0;
	margin-bottom: 2rem;
	border-bottom: 2px solid #00DFD8;
}
.content-box.accent h1 {
	border-color: #FF007F;
}
.content-box h2 {
	font-family: 'Arimo', sans-serif;
	font-size: 2rem;
	font-weight: 600;
	color: #00DFD8;
	margin-bottom: 0.5rem;
}
.content-box.accent h2 {
	border-color: #FF007F;
}
.content-box p {
	font-size: 1rem;
	line-height: 1.7rem;
}

.white-box {
	background: #FFF;
	padding: 2rem;
	box-shadow: 1px 1px 3px #EEE;
	margin-bottom: 2rem;
}

.img-cntr {
	position: relative;
	overflow: hidden;
}

.pagination {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 2rem;
}
.pagination > div {
	margin: 0rem 0.4rem;
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
}
.pagination > a {
	display: inline-block;
	margin-left: 0.4rem;
	padding: 0.6rem 1rem;
	border: 1px solid #D3DDEC;
	border-radius: 0px;
	text-decoration: none;
	text-align: center;
	color: #182534;
}
.pagination > a:hover {
	border-color: #182534;
	color: #182534;
}
.pagination > a.current {
	background-color: #182534;
	border-color: #182534;
	color: #FFF;
}
.pagination > a > i {
	color: #182534;
}
.pagination select {
	position: relative;
	top: 18px;
}

.tabs {
	display: table;
	width: 100%;
	height: 3rem;
	background: none;
	margin-bottom: 2rem;
	table-layout: fixed;
}
.tabs > .tab {
	display: table-cell;
	width: 2%;
	height: auto;
	background: #FFF;
	color: #182534;
	line-height: 3rem;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 600;
	transition: all 0.4s ease;
	cursor: pointer;
}
.tabs > .tab {
	border-right: 1px solid #EEE;
	border-bottom: 0;
}
.tabs.full-border > .tab {
	border: 1px solid #DDD;
}
.tabs > .tab:first-of-type {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.tabs > .tab:last-of-type {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.tabs.accent > .tab.active:last-of-type {
	border-right: 0;
}
.tabs > .tab.active {
	background: #00BFBA;
	border-color: #00BFBA;
	color: #FFF;
}
.tabs.accent > .tab.active {
	background: #DF0073;
	border-color: #DF0073;
}
.tabs > .tab > i {
	margin-right: 0.5rem;
	color: #182534;
}
.tabs > .tab.active > i {
	color: #FFF;
}

.accordion > h3,
.accordion > h4 {
	position: relative;
	background: #FFF;
	padding: 1rem;
	padding-right: 3rem;
	font-size: 1rem;
	margin-top: 1rem;
	margin-bottom: 0;
	cursor: pointer;
	transition: all 0.4s ease;
}
.accordion.off-white > h3,
.accordion.off-white > h4 {
	background: #FAFAFA;
}
.accordion > h3:first-of-type,
.accordion > h4:first-of-type {
	margin-top: 2rem;
}
.accordion > h3:hover,
.accordion > h3.ui-state-active,
.accordion > h4:hover,
.accordion > h4.ui-state-active {
	background: #182534;
	color: #FFF;
}
.accordion > h3:after,
.accordion > h4:after {
	position: absolute;
	top: 50%;
	right: 1rem;
	font-size: 1.3rem;
	font-weight: 600;
	content: '+';
	transition: all 0.4s ease;
	line-height: 0;
}
.accordion > h3.ui-state-active:after,
.accordion > h4.ui-state-active:after {
	transform: rotate(45deg);
}
.accordion > h3.ui-state-active,
.accordion > h4.ui-state-active {
	margin-bottom: 0;
}
.accordion > h3 > span,
.accordion > h4 > span {
	color: #00C8C3;
}
.accordion > div {
	background: #FFF;
	border: 1px dotted #EEE;
	padding: 2rem;
	margin-bottom: 1rem;
}

.quill-format div,
.quill-format span {
	color: #182534 !important;
}
section.dark .quill-format div,
section.dark .quill-format span {
	color: #FFF !important;
}
.quill-format p {
	margin-bottom: 0;
}
.quill-format a {
	color: #00BFBA !important;
	border-bottom: 1px dotted #00BFBA;
	transition: all 0.2s ease;
}
.quill-format a:hover {
	border-bottom-style: solid;
}
.quill-format li {
	font-size: 0.9rem;
}


.information-box {
	background: #FBFCFD;
	padding: 1rem;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 2rem;
	margin-bottom: 2rem;
	border-radius: 4px;
}
.information-box.no-margin-bottom {
	margin-bottom: 0;
}
.information-box.darker {
	background: #F5F8FA;
}
.information-box.red {
	background: none !important;
	border: 2px solid #DF0073 !important;
	color: #DF0073 !important;
}
.information-box.dark {
	background: #414D5B;
	color: #FFF;
}
.information-box i {
	font-size: 1.2rem;
	margin-right: 0.4rem;
}

.errors-heading {
	border: 2px solid #DF0073;
	padding: 1rem;
	font-weight: 600;
	color: #DF0073;
	margin-bottom: 2rem;
}
.errors-heading > i {
	font-size: 1.2rem;
	margin-right: 0.5rem;
	vertical-align: middle;
}


.overflow-box {
	overflow: auto;
}

/* MATERIALIZE EXTENSIONS/OVERRIDES */
.btn {
	width: 100%;
}
.btn.no-grid {
	width: unset;
	min-width: 120px;
}
.btn.alt,
.btn.dark {
	background: #182534;
	color: #FFF;
	font-weight: normal;
	border: 0;
}
.btn.alt:hover,
.btn.dark:hover {
	background: #000;
	color: #FFF;
	font-weight: normal;
}
.btn.alt i,
.btn.alt:hover i
.btn.dark i,
.btn.dark:hover i {
	color: #FFF;
}
.btn.light {
	background: #FFF;
	color: #182534;
	font-weight: normal;
}
.btn.light:hover {
	background: #FAFAFA;
	color: #182534;
	font-weight: normal;
}
.btn.light i,
.btn.light:hover i {
	color: #182534;
}
.btn.accent {
	background: #DF0073;
	color: #FFF;
	font-weight: normal;
}
.btn.accent:hover {
	background: #FF0385;
	color: #FFF;
	font-weight: normal;
}
.btn.accent i,
.btn.accent:hover i {
	color: #FFF;
}

.row.no-margin {
	margin-bottom: 0;
}
.row.narrow-spacing .col {
	padding: 0 0.5rem;
}
.row .col.input-field {
	margin-bottom: 2rem;
}
.row .col.input-field.no-margin {
	margin-bottom: 0;
}
.col .row.narrow-spacing {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}
.col.invalid .select-wrapper input {
	border-bottom: 2px solid #DF0073;
}
.group-error,
.field-error {
	margin-top: 0.5rem;
	border-top: 2px solid #DF0073;
	padding-top: 0.5rem;
	font-size: 0.8rem;
	color: #DF0073;
}
.select-field .field-error {
	margin-top: 0;
	border: 0;
}

.col .group-label {
	color: #9e9e9e;
	margin-bottom: 0.5rem;
}
.input-field {
	margin-top: 0;
}
.select-field {
	position: relative;
	bottom: 1.3rem;
}

input.xl {
	font-size: 1.3rem !important;
}

select {
	border: 0;
	border-bottom: 1px solid #9E9E9E;
	border-radius: 0;
	background: rgba(255, 255, 255, 0);
}
select.invalid {
	border-bottom: 2px solid #DF0073;
}
select:focus {
	outline: 0;
	border-bottom-color: #00C8C3;
}
select.invalid:focus {
	border-bottom-color: #DF0073;
}

[type="radio"].accent:checked + span:after,
[type="radio"].accent.with-gap:checked + span:before,
[type="radio"].accent.with-gap:checked + span:after {
  border: 2px solid #DF0073;
}

[type="radio"].accent:checked + span:after,
[type="radio"].accent.with-gap:checked + span:after {
  background-color: #DF0073;
}

[type="radio"].dark:checked + span:after,
[type="radio"].dark.with-gap:checked + span:before,
[type="radio"].dark.with-gap:checked + span:after {
  border: 2px solid #182534;
}

[type="radio"].dark:checked + span:after,
[type="radio"].dark.with-gap:checked + span:after {
  background-color: #182534;
}

[type="checkbox"].accent:checked + span:not(.lever):before {
	border-right: 2px solid #DF0073;
	border-bottom: 2px solid #DF0073;
}

[type="checkbox"].dark:checked + span:not(.lever):before {
	border-right: 2px solid #182534;
	border-bottom: 2px solid #182534;
}

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

.collapsible-body {
	padding: 1rem;	
}

.chips .input {
	width: 200px !important;
}

.modal:not(#cookie-warning) {
	top: 50% !important;
	max-width: 600px;
	border-radius: 10px;
	transform: translateY(-50%) !important;
}

.modal:not(#cookie-warning) h4 {
	font-size: 1.8rem;
	border-bottom: 1px dotted #DDD;
	margin-bottom: 1.6rem;
}

.modal .modal-footer {
	background: #F3F3F3;
	border: 1px solid #DDD;
}

.waves-effect.waves-green .waves-ripple {
	background-color: #00C8C3;
}

@media only screen and (max-width: 1400px) {
	section {
		padding: 2rem !important;
	}
	section.no-padding-top {
		padding-top: 0 !important;
	}
	section.no-padding-bottom {
		padding-bottom: 0 !important;
	}
	
	.max-width {
        width: 100%;
    }
	
	.simple-grid:not(.no-wrap) {
		grid-template-columns: unset !important;
		grid-auto-flow: row !important;	
	}
		
	.mobile-hide {
		display: none;
	}
	.mobile-show {
		display: block;
	}
}

@media only screen and (max-width: 1200px) {
	#cookie-warning {
		height: 30%;
	}
	
	#stage-tabs > div div {
		display: block;
		margin: 0 auto;
		margin-bottom: 0.4rem;
	}
	.mid-width {
        width: 100%;
    }
}

@media only screen and (max-width: 992px) {
	h1.default, 
	h2.default, 
	h3.default, 
	h4.default {
		text-align: center;
	}
	
	h1.default:not(.fun) {
		font-size: 2rem;
	}
	
	footer {
		text-align: center;
	}
	footer .row > div:nth-of-type(odd) {
		background: #00C8C3;
	}
	footer h3 {
		display: block;
		margin-bottom: 0;
	}
	
	#share-buttons {
		position: static;
		background: #FBFCFD;
		padding: 0.5rem;
		text-align: center;
		color: #182534;
		margin-bottom: 2rem;
	}
	#share-buttons > a {
		width: 3rem;
		height: 3rem;
		line-height: 3.4rem;
	}
	
	#stage-tabs {
		display: none;
	}
	
	.background.hero {
		height: 40vh;
	}
	
	.content-box-cntr {
		position: relative;
	}
	.content-box {
		width: 100%;
		background: #FFF;
		color: unset;
		border-bottom: 1px dotted #EAEAEA;
	}
	.content-box.a80,
	.content-box.a90,
	.content-box.accent	{
		background: #FFF;
	}
	.content-box.float-right {
		float: none;
	}
	.content-box.hero {
		min-height: unset;
	}
	.content-box h1 {
		font-size: 2rem;
	}
	.content-box a.gray {
		color: #182534;
		border-color: #182534;
	}
	
	.tabs > .tab > i {
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	footer .row > div {
		height: 180px;
	}
}